@charset "UTF-8"; .mainsection {margin-top: 15px!important; padding-bottom: 30px;}

/* Preise */
#preisbox {display: block; float: left; margin-bottom: 60px; width: 100%; color: #4D4D4D;}
#preisbox h3 {font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-weight: normal; margin: 10px 0 0 0; font-size: 14px;}
.angebot {background: #C03; text-align: center; margin: 0 30px 10px 0; padding: 16px; width: 180px; border-radius: 3px; display: inline-block; height: 100px; 
vertical-align: top; overflow: hidden;}
.angebot span {font-size: 18px; color: #FFF; display: block; line-height: 24px;}
#preisbox a:hover {background: #E4396E;}
.angebot .preis {font-size: 32px; padding-top: 20px;}



/* MEISHI */
#meishibox {background: #E7E7E7 url(../img/meishi/kachel4.jpg) repeat; border-radius: 8px; width: 100%; padding-top: 25px;}
.cboxm {text-align: center; margin: 0 70px; padding-bottom: 80px;}
#meishibox, #fotozone {margin: 0 0 100px 0; padding: 30px 0 16px 0; float: left; width: 100%;}
#meishibox {background: #E7E7E7 url(../img/meishi/kachel4.jpg) repeat; border-radius: 8px;}
#fotozone {padding-top: 40px;}
#meishiinner {margin: 0 70px; text-align: center;}
#fotoinner {width: 1020px; margin: 0 auto; text-align: center; display: block; position: relative;}
#fotoinner img {padding: 0px; float: left;}
#fotoinner img.fo1 {width: 510px;}
#fotoinner img.fo2 {width: 380px;}
.mpair {display: inline-block;}
.mbox1, .mbox2 {margin: 12px 12px; display: inline-block; position: relative; text-align: center;}
.mbox1 a, .mbox2 a {border-style: none;}
.mbox1 img, .mbox2 img {box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3); z-index: 0; position: relative; border: 1px solid #FFF;}
.mbox1:hover img, .mbox2:hover img {}
.mbox1, .mbox1 img {max-width: 399px;}
.mbox2, .mbox2 img {max-width: 258px;}
.textbox {text-align: center; display: inline-block; top: -12px; position: absolute; padding: 10px 20px; font-size: 14px; border: 1px solid #FFF; opacity: 0; color: #FFF; 
background: #575756; right: 12px; z-index: 0;}
.meshiid {font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; color: #999; font-size: 12px; width: 100%; float: left; margin-top: 5px; text-align: right;}
a#meishilink {font-size: 18px; color: #FFF; display: block; width: 350px; background-color: #C03; margin: 0px 0 40px 0; padding: 3px 10px; border-radius:6px}
a#meishilink:hover {background-color: #900;}
a#gallink {font-size: 16px; color: #333; margin-top: 40px; display: block;}
a#gallink:hover {color: #C03;}


/* SOCIAL ICONS */
section#socialmedia {padding: 40px 0 30px 0; width: 100%; text-align: center; display: block; clear: both;}
#socialmedia a {font-size:13px; padding: 0; width:70px; display:inline-block; text-align:center; opacity:0.7; text-decoration:none; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;}
#socialmedia a img {height: 52px; width: 52px;}
#socialmedia a span {margin: 0 0 4px 0; text-align: center; display: block; opacity:0; color:#666666;}
#socialmedia a:hover, #socialmedia a:active {opacity: 1.0;}
#socialmedia a:hover span, #socialmedia a:active span {opacity: 1.0;}



@media (max-width: 2040px) {	
#fotoinner {width: 1530px;}
}

@media (max-width: 1530px) {	
#fotoinner {width: 1020px;}
}

@media (max-width: 1020px) {	
#fotoinner {width: 510px;}
}

@media (max-width: 510px) {	
#fotoinner {width: 100%;}
#fotoinner img.fo1 {width: 100%;}
}

@media (max-width: 380px) {	
#fotoinner img.fo2 {width: 100%;}
}


@media (max-width: 550px) {
#meishizone, #fotozone {padding-bottom: 120px;}
.mbox1, .mbox1 img {width: 100%;}
.mbox2, .mbox2 img, .mbox2 .meshiid {width: 87%;}
}

@media (max-width: 480px) {	
.mbox2, .mbox2 img, .mbox2 .meshiid {width: 77%;}
}

@media (max-width: 915px) {	
.cbox {width: 656px;}
}
 
@media (max-width: 699px) {	
.cbox {width: 438px;}
}

@media (max-width: 479px) {	
.cbox {width: 220px;}
}
