﻿.infopic2{  width: 240px; border: 1px solid #707549; padding: 2px 2px; margin: 5px 20px 10px 0px; float:left; clear:right;}  
.infopic3{  width: 240px; border: 1px solid #707549; padding: 2px 2px; margin: 10px 99% 10px 0px; float:left; clear:left;} 
.sbfpic1 {width:32%; height:auto; margin:10px 5px 10px 0px; border:1px solid #707549; float:left; clear:right;}
.sbfpic2 {width:60%; height:auto; margin:10px 39% 10px 0px; border:1px solid #707549; float:left; clear:left;}
.sbfpic3 {width:70%; height:auto; margin:10px 29% 10px 0px; border:1px solid #707549; float:left; clear:left;}
.flaggen1 {width:160px; height:auto; margin:10px 95% 20px 0px; border:1px solid #999; float:left; clear:left;}
.flaggen2 {width:160px; height:auto; margin:10px 75% -5px 0px; border:1px solid #999; float:left; clear:left;}
.flaggen3 {width:95%; height:auto; margin:10px auto 20px auto; border:none;}
.flaggenbox {height:auto; width:15%; align:center; text-align:center; font:300 18px/24px 'Noto Sans', sans-serif; color:#141415; padding:7px auto 0px 7px; float:left; margin:20px 5% 20px 0px; background-color:#fff;}

.spacer {width:95%; height:1px; margin:-15px 0px 0px 0px; border:1px solid red; }

.textBox .columns-line {columns:2; column-gap: 40px; column-rule: 2px solid #fff; text-align: justify; margin: 0 0 40px 0; border-bottom:1px solid #666;}
.textBox p.space {font:300 18px/24px 'Noto Sans', sans-serif; color:#141415; padding:5px 0; margin:10px 0 50px 0; display:inline-block; page-break-inside: avoid; break-inside: avoid;}
.textBox p .tools {font:300 24px/24px 'Noto Sans', sans-serif; color:#141415; text-align:left;}
.textBox p .headline {font:300 24px/24px 'Noto Sans', sans-serif; color:#141415; text-align:left; margin:20px 0 0px 0;}
.textBox2 p .headline2 {font:300 24px/24px 'Noto Sans', sans-serif; color:#141415; text-align:left; margin:10px 0 0px 0;}

.textBox .columns h5, .textBox .columns-line h5 {font:300 24px/24px 'Noto Sans', sans-serif; color:#141415; text-align:left; margin:20px 0 -10px 0;}
.textBox2 .columns ul {padding:0px 10px 0px 10px; margin:0px 0 -20px 10px; font:300 18px/24px 'Noto Sans', sans-serif; color:#000; text-align:justify;}
.textBox2 .columns ul.sbf li {padding:0px 10px 5px 10px; margin:0 0 0 10px; font:300 18px/24px 'Noto Sans', sans-serif; color:#000; text-align:justify;}

.textBox .columns .galeriepic3 {display: block; width:100%; height:auto; margin:0px 0px 15px 0px; border: 1px solid #707549; float:left; clear:left;}
.textBox2 .columns .galeriepic {display: block; width:17%;  height:17%; margin:10px 0% 15px 2%; border: 1px solid #707549; float:left;}
.textBox2 .columns .galeriepic2 {display: block; width:47%; height:40%px; margin:10px 1% 15px 1.5%; border: 1px solid #707549; float:left;}

.textBox a.link2 {font:300 30px/18px 'Noto Sans', sans-serif; text-decoration:none; color:#009899; padding:5px 0; margin:-30px 0; display:inline-block;}

.morsen {padding:0px 10px;font-weight: bold; vertical-align: 5px; color:black; font:300 40px/18px}
.mediPlayer {border:1px solid #999; height:72px; width:72px; padding:5px;  margin:0px 100px 0px 10px; background-color:#fff;}
/*.winker {border:1px solid #999; height:130px; width:90px; align:center; text-align:center; font:300 24px/40px 'Noto Sans', sans-serif; color:#141415; padding:7px 5px 0px 5px; float:left; margin:20px 19px 20px 0px; background-color:#fff;}*/

.winker {border:1px solid #999; height:130px; width:90px; align:center; text-align:center; font:300 24px/40px 'Noto Sans', sans-serif; color:#141415; padding:7px 5px 0px 5px; float:left; margin:20px 3.5% 20px 0px; background-color:#fff;}
.winker2 {border:1px solid #999; height:130px; width:180px; align:center; text-align:center; font:300 24px/40px 'Noto Sans', sans-serif; color:#141415; padding:7px 5px 0px 5px; float:left; margin:20px 19px 20px 0px; background-color:#fff;}

/* SHOPBEWERTUNG */
.rating {display:inline-block; width:130px; height:24px; }
.stars0 {display:inline-block; justify-content:center; margin:0px 20px 0px 4px; padding:1px 1px; width:140px; height:20px; background-image:url(../images/intern/shop/0stars.gif); background-size:140px 24px;}
.stars1 {display:inline-block; justify-content:center; margin:0px 20px 0px 4px; padding:1px 1px; width:140px; height:20px; background-image:url(../images/intern/shop/1stars.gif); background-size:140px 24px;}
.stars2 {display:inline-block; justify-content:center; margin:0px 20px 0px 4px; padding:1px 1px; width:140px; height:20px; background-image:url(../images/intern/shop/2stars.gif); background-size:140px 24px;}
.stars3 {display:inline-block; justify-content:center; margin:0px 20px 0px 4px; padding:1px 1px; width:140px; height:20px; background-image:url(../images/intern/shop/3stars.gif); background-size:140px 24px;}
.stars4 {display:inline-block; justify-content:center; margin:0px 20px 0px 4px; padding:1px 1px; width:140px; height:20px; background-image:url(../images/intern/shop/4stars.gif); background-size:140px 24px;}
.stars5 {display:inline-block; justify-content:center; margin:0px 20px 0px 4px; padding:1px 1px; width:140px; height:20px; background-image:url(../images/intern/shop/5stars.gif); background-size:140px 24px;}





@media only screen and (max-width: 800px) {
	.textBox .columns-line {columns:1; column-gap: 0px;margin: 0 0 60px 0; border-bottom:1px solid #666;}
    .winker2 {font:300 24px/40px 'Noto Sans', sans-serif; color:#141415; padding:7px 1px 0px 1px; float:left; margin:20px 8% 20px 0px; background-color:#fff;}   
    .flaggenbox {height:auto; width:144px; padding:7px auto 0px 7px; float:left; margin:20px 5% 20px 0px; background-color:#fff;}    
}

@media only screen and (max-width: 480px) {
	.infopic2 {margin: 5px 99% 10px 0px; float:left; clear:right;}
    .textBox2 .columns .galeriepic {display: block; width:21%;  height:20%; margin:10px 1% 15px 2%;}
    .winker {font:300 24px/40px 'Noto Sans', sans-serif; padding:7px 5px 0px 5px; float:left; margin:20px 6% 20px 3%;} 
    .winker2 {height:130px; width:160px; align:center; text-align:center; font:300 22px/40px 'Noto Sans', sans-serif; color:#141415; padding:7px 1px 0px 1px; float:left; margin:20px 6% 20px 0px; background-color:#fff;}
    .flaggenbox {height:auto; width:45%; padding:7px auto 0px 7px; float:left; margin:20px 5% 20px 0px; background-color:#fff;} 
}

@media only screen and (max-width: 380px) {
    .winker {height:130px; width:90px; font:300 24px/40px 'Noto Sans', sans-serif; padding:7px 2px 0px 2px; float:left; margin:15px 10px 15px 0px;}
}