/**, *:before, *:after {-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}*/ html,button,input,select,textarea{color: #353535;} body{font-size: 1em;line-height: 1.4;font-family: Ubuntu;} ::-moz-selection{background: #595959;text-shadow: none; color:#fff;} ::selection{background: #595959;text-shadow: none; color:#fff;} hr{display: block;height: 1px;border: 0;border-top: 1px solid #ccc;margin: 1em 0;padding: 0;} p{font-size: 0.8em;line-height: 2.0;text-align: justify;text-justify: ;margin: 0 0 1em 0;} img{vertical-align: middle;} fieldset{border: 0;margin: 0;padding: 0;} textarea{ resize: vertical;} .chromeframe{ margin: 0.2em 0; background: #ccc; color: #000; padding: 0.2em 0;} a{color: #3b3632;} nav .mobile{display: none;} #scroller{ max-width: 1300px; margin: 0 auto; } @font-face { font-family: 'Oswald'; src: url('../fonts/Oswald/Oswald-VariableFont_wght.ttf') format('truetype'), url('../fonts/Oswald/Oswald-VariableFont_wght.ttf') format('truetype'); } /*@font-face { font-family: 'Oswald'; src: url('../fonts/Oswald/static/Oswald-Medium.ttf') format('truetype'), url('../fonts/Oswald/static/Oswald-Medium.ttf') format('truetype'); font-weight: 500; } @font-face { font-family: 'Oswald'; src: url('../fonts/Oswald/static/Oswald-Regular.ttf') format('truetype'), url('../fonts/Oswald/static/Oswald-Regular.ttf') format('truetype'); font-weight: 400; }*/ @font-face { font-family: 'Ubuntu'; src: url('../fonts/Ubuntu/Ubuntu-Bold.ttf') format('truetype'), url('../fonts/Ubuntu/Ubuntu-Bold.ttf') format('truetype'); font-weight: 700; } @font-face { font-family: 'Ubuntu'; src: url('../fonts/Ubuntu/Ubuntu-Medium.ttf') format('truetype'), url('../fonts/Ubuntu/Ubuntu-Medium.ttf') format('truetype'); font-weight: 500; } @font-face { font-family: 'Ubuntu'; src: url('../fonts/Ubuntu/Ubuntu-Regular.ttf') format('truetype'), url('../fonts/Ubuntu/Ubuntu-Regular.ttf') format('truetype'); font-weight: 400; } /* ++++ Navigation ++++ */ nav{position: relative;background:#fff;-webkit-box-shadow: 0px 0px 7px 0px #000;box-shadow: 0px 0px 7px 0px #000;font-size: 0.9em;z-Index: 999;position: fixed;top: 0;left: 0;right: 0;} nav:before {position: absolute;top: 7px;left:20px;margin-left: 0px;content: " ";width: 160px;height: 160px;border-radius: 100%;background-color: #fff;-webkit-box-shadow: 0px 0px 7px 0px #000;box-shadow: 0px 0px 7px 0px #000;} nav:after {position: absolute;top: 1px;left:20px;margin-left: -7px;content: " ";width: 174px;height: 7em;background-color: #fff;} nav ul {margin: 0;padding: 0;text-align: center;} nav ul li, nav ul li a{display: inline-block;} nav ul li{padding-right: 1.5em;} nav ul li a{font-family: 'Oswald', sans-serif;padding-top:3.4em; margin-bottom:1em;text-transform: uppercase;text-decoration: none;color: #595959; font-size:1.2em; border-bottom:3px solid #fff;} nav ul li a:hover{border-color:#9dad6c;} @media only screen and (min-width: 550px) { /*nav ul li:first-child a{position: absolute;left:20px;margin-left: 10px;top:1.1em;z-Index: 10000;text-indent: 100%;white-space: nowrap;width: 139px;height: 140px;overflow: hidden;background: url(../library/logo.png) center center no-repeat; padding:0; border:none;}*/ } article{display:inline-block; max-width:100%;cursor:crosshair;background:rgba(255,255,255,.9);color:#42525e;} article header:after{position: relative;display: block;content: "";margin-top:.4em;height:132px;width:100%;margin-bottom: 1em;background-position: center center;background-repeat: no-repeat; opacity:.99; } article header h2, article header h4{text-transform: uppercase;text-align: center;margin: 0; color:#9dad6c;} article header h2{font-family: 'Oswald', sans-serif;font-weight: 400;font-size: 3em;} article h3{font-family: 'Oswald', sans-serif;font-weight: 400;font-size: 2.2em;color:#9dad6c;} article header h4{font-size: 1em;font-weight: normal;} article .shop-link{display: block;text-align: right;} article p{font-size:1.1em;} article.gastwirtschaft p a, article.brauerei p a, article.keller p a{color:#9dad6c!important; float:right; } /*++++ datum ++++*/ article.roppelt, article.weihnachten{position:relative;} article.roppelt #datum, article.keller #datum, article.weihnachten #datum{position:absolute; top:-285px; left:0; background:rgba(250,250,250,.8); z-index:877; border-top:4px solid #9dad6c; color:#9dad6c; padding:0 15px; text-align:left;} article.roppelt #datum div, article.keller #datum div, article.weihnachten #datum div{max-width:190px; border-bottom:1px solid #e7e7e7; padding:10px 0;} article.roppelt #datum span, article.keller #datum span, article.roppelt #datum span a, article.keller #datum span a, article.weihnachten #datum span{font-family: 'Oswald', sans-serif; font-weight:400; /*padding-left:8px;*/ font-size:1.2em; color: #9dad6c; text-decoration:none;} article.roppelt #datum span a, article.keller #datum span a{font-size:1em} article.roppelt #datum p, article.weihnachten #datum p{font-size:.95em; color:#595959; line-height:normal; margin-top:9px; margin-bottom:6px; text-align:left;} #scroll_contact{padding-top:8px;} #scroll_contact article{margin-top:0!important; padding-top:0!important; width:80%!important;} .contact header{min-width:400px;} #map{width:100%; height:400px; margin-top:0px; border-top:2px solid #3b3632; float:left; margin-bottom:30px;} article.contact address{font-style: normal;padding: 0 2em;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; text-align:center; /*text-align:right;width:50%;*/ float:left;} article.contact address p{padding-bottom:0em; color:#3b3632; margin:0; text-align:right; text-align:center;} article.contact address p a{color:#3b3632;} article.contact div.form{background:#f7f7f7;width:44%; font-size:.85em; float:left; padding:1% 3%;} #form-container .errorForm{border-color:#ca0000!important;} #form-container .sendERROR{color:#fff; background:#ca0000; line-height:normal; font-weight:600; padding:5px;} #form-container .sendOK{color:#fff; background:#9dad6c; line-height:normal; font-weight:600; padding:5px;} #form-container .sendINFO{line-height:normal; font-weight:300; padding:5px; margin-bottom:8px; font-size:1.1em;} article.contact input{background:#fff; border:none; border:1px solid #9dad6c; clear:both; width:100%; margin-bottom:1em; padding:.2em 1%; color:#3b3632; font-weight:400; font-family:'Ubuntu';} article.contact input:focus, article.contact textarea:focus{-webkit-box-shadow: 2px 2px 0px #141514; -moz-box-shadow: 2px 2px 0px #141514; box-shadow: 2px 2px 0px #141514;} article.contact textarea{background:#fff; border:none; border:1px solid #9dad6c; width:100%; margin-bottom:1em;font-weight:400; font-family:'Ubuntu'; color:#3b3632; height:130px;padding:.2em 1%;} article.contact input[type=submit]{background:none;color:#9dad6c; font-size:1em;border:1px solid #9dad6c; padding:.3em .9em;cursor:pointer;width:auto; float:right; margin-right:-1%;} article.contact input[type=submit]:hover, article.contact input[type=submit]:active{background:#9dad6c; color:#fff;-webkit-box-shadow: 2px 2px 0px #141514; -moz-box-shadow: 2px 2px 0px #141514;box-shadow: 2px 2px 0px #141514;} article.contact form p{margin:0; color:#3b3632;} #Markercontent{padding:.3em;} #Markercontent p{font-size:1em; line-height:normal;} #Markercontent h6{font-size:1.1em; margin:0.2em 0 .5em 0;} article section.biersorten{margin:0; padding:0 0 3em 0!important; float:left;} article section.biersorten div{ width:40%; padding:1% 5%; float:left;} article section.biersorten div.clear{width:90%;} article section.biersorten div figure img{width:100%;} article section.biersorten div h6{font-family: 'Oswald', sans-serif;font-weight: 400;font-size: 1.4em;color:#9dad6c; margin:.8em 0 .3em 0; text-align:left;} article section.biersorten div p{font-size: 1em;} article section.webcam{margin:1em 0; padding:3em;} article section.webcam ul{list-style:none; margin:0 0 1.2em 0; float:left; width:100%; padding:0;} article section.webcam ul li{width:46%; margin:0 2%; float:left; text-align:center;} article section.webcam span{width:96%; display:block; float:left;border:1px solid #9dad6c; font-size:1.1em; color:#9dad6c; padding:5px 0;} article section.webcam span a{color:#9dad6c; text-decoration:none; width:100%;display:block;} article section.webcam span i{font-size:1.2em; padding-right:.3em;} article section.webcam span:hover{cursor:pointer;background:#9dad6c; color:#fff;-webkit-box-shadow: 2px 2px 0px #141514; -moz-box-shadow: 2px 2px 0px #141514;box-shadow: 2px 2px 0px #141514;} article section.webcam span:hover a{color:#fff;} article section.webcam .webcamContainer{width:100%;} /*article section.webcam .wetterContainer{width:100%; text-align:center; display:none;} article section.webcam .wetterContainer div#wettercom-button-aedcf4200eb2e7f10c08e5f1d4906e31{width:460px; margin:0 auto;}*/ article section.speise{} article section.speise ul{list-style:none; margin:0 0 1.2em 0; width:100%; padding:0;} article section.speise ul li{width:23%; margin:0 1%; float:left; text-align:center;} article section.speise li span{width:96%; display:block; float:left;border:1px solid #9dad6c; font-size:1.1em; color:#9dad6c; padding:5px 0;} article section.speise li span:hover, article section.speise li.selMenu span{cursor:pointer;background:#9dad6c; color:#fff;-webkit-box-shadow: 2px 2px 0px #141514; -moz-box-shadow: 2px 2px 0px #141514;box-shadow: 2px 2px 0px #141514;} article section.speise .menuContainer{width:100%; margin-top:1em; float:left;} .menuContainer table{width:90%; margin:1% 5%; text-align:left; background:#fff;} .menuContainer table th{font-size:1.0em; padding:15px; border-bottom:2px solid #9dad6c;} .menuContainer table td{padding:10px 30px; font-size:.9em;} .menuContainer table td span{font-weight:600;} .menuContainer table td.infotext{font-size:.8em; font-style:italic;} article.bockbier p a{color:#3b3632;} /* ++++ Honey ++++ */ .telepot{display:none; height:0px; overflow:hidden;} /* ++++Impressum ++++ */ #scroller > header.impressum{text-align: center;text-transform: uppercase;font-size: .9em; line-height:2.2em;border-top: 3px solid #e0e0e0; display:block; float:left; width:100%; margin-bottom:1.2em; padding-top:1em; margin-top:1em;} header.impressum{cursor: pointer;color: #9a9a9a;} header.impressum label{cursor: pointer;color: #9a9a9a; padding:0 10px;} #scroller > article.impressum{min-height: initial;max-height: 0px;overflow: hidden;margin: 0 auto;font-size:.9em;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;} #c_impressum, #c_datenschutz{display: none;} #c_impressum:checked + article, #c_datenschutz:checked + article{max-height: 15999px;} article.impressum{margin-top:0px!important; padding-bottom:0;} article.impressum p{text-align: center;line-height: 1.5; font-size:.9em; margin-bottom:1em;} p.copy{padding:5px; margin-bottom:0;} p.copy img{margin-top:12px;} .impressum ul { margin:0; padding:0; text-align:center} .impressum ul li{text-align:center;line-height: 1.5; font-size: .9em; margin-bottom: 1em;} /* ++++ Galerie ++++ */ .galerie ul{margin: 5em 0 2em 0;padding: 0;overflow: hidden;text-align: center;} .galerie ul li{list-style-type: none;width:30%!important; float:left; margin:0;} .galerie ul li:nth-child(2){margin:0 5%;} .galerie ul li figure img{width:100%;} /* ++++ 2 Columns ++++ */ .columns-2{-moz-column-count: 2;-moz-column-gap: 50px;-webkit-column-count: 2;-webkit-column-gap: 50px;column-count: 2;column-gap: 50px;} .columns-c{margin:0 17%; width:66%; } .columns-c p{text-align:center!important;} section.table{width:100%; text-align:center} section.table table{width:80%; margin-left:10%} section.table td{padding:15px; border-bottom:1px solid #ddd; text-align:left;} section.table td:nth-child(2), section.table td:nth-child(5){font-weight:700;} section.table .tdspace{width:20px;} /* ++++ paralax ++++ */ #parallax section{margin-bottom:0; padding-bottom:0;} #scroll_roppelt,#scroll_brauerei,#scroll_hausbrauer,#scroll_kellerabschluss, #scroll_bockbier,#scroll_gastwirtschaft,#scroll_keller, #scroll_contact, #scroll_kellerab2015{height:auto;margin:0 auto -30px 0!important;width:100%;position:relative; text-align:center;} @media only screen and (min-width: 901px) { nav{background:#fff url(../library/frankenrechen.png) center right no-repeat;} nav ul li:first-child a{position: absolute;left:20px;margin-left: 10px;top:1.1em;z-Index: 10000;text-indent: 100%;white-space: nowrap;width: 139px;height: 140px;overflow: hidden;background: url(../library/logo.png) center center no-repeat; padding:0; border:none;} #scroll_roppelt{background:url(../library/roppelt.jpg) 50% 50% no-repeat /*fixed*/ #fff;background-size:100%; background-position:top center;} #scroll_brauerei{background:url(../library/brauerei.jpg) 50% 50% no-repeat /*fixed*/ #fff;background-size:100%;z-index:4; background-position:top center;} #scroll_hausbrauer{background:url(../library/hausbrauer.jpg) 50% 50% no-repeat /*fixed*/ #fff;background-size:100%;z-index:4; background-position:top center;} #scroll_gastwirtschaft, #scroll_roppelt.scroll_gastwirtschaft{background:url(../library/gastwirtschaft.jpg) 50% 50% no-repeat /*fixed*/ #fff;background-size:100%;z-index:5; background-position:top center;} #scroll_keller{background:url(../library/keller.jpg) 50% 50% no-repeat /*fixed*/ #fff;background-size:100%;z-index:6; background-position:top center;} #scroll_bockbier{background:url(../library/bockbier.jpg) 50% 50% no-repeat #fff;background-size:100%;z-index:2; background-position:top center;} #scroll_kellerabschluss{background:url(../library/kellerabschluss.jpg) 50% 50% no-repeat #fff;background-size:100%;z-index:3; background-position:top center;} #scroll_kellerab2015{background:url(../library/img/kellerabschluss2015-1.jpg) 50% 50% no-repeat #fff;background-size:100%;z-index:3; background-position:top center;} #scroll_bockbier2015{background:url(../library/img/bockbier2015.jpg) 50% 50% no-repeat #fff;background-size:100%;z-index:3; background-position:top center;} #scroll_kellerab2016{background:url(../library/kellerabschluss_2016_1.jpg) 50% 50% no-repeat #fff;background-size:100%;z-index:3; background-position:top center;} #scroll_bockbier2016{background:url(../library/bockbier_2016_1.jpg) 50% 50% no-repeat #fff;background-size:100%;z-index:3; background-position:top center;} #scroll_weihnachten{background:url(../library/weihnachten.jpg) 50% 50% no-repeat #fff;background-size:100%;z-index:3; background-position:top center;} #scroll_keller2016{background:url(../library/img/keller-2016.jpg) 50% 50% no-repeat #fff;background-size:100%;z-index:3; background-position:top center;} #scroll_spielmannszug2016{background:url(../library/img/spielmannszug-2016.jpg) 50% 50% no-repeat #fff;background-size:100%;z-index:3; background-position:top center;} #scroll_eroeffnung2017{background:url(../library/eroeffnung-2017.jpg) 50% 50% no-repeat #fff;background-size:100%;z-index:3; background-position:top center;} #scroll_eroeffnung2018{background:url(../library/eroeffnung-2018.jpg) 50% 50% no-repeat #fff;background-size:100%;z-index:3; background-position:top center;} #scroll_spielmannszug_2017{background:url(../library/spielmannszug_2017_1.jpg) 50% 50% no-repeat #fff;background-size:100%;z-index:3; background-position:top center;} #scroll_spielmannszug_2018{background:url(../library/spielmannszug_2018_1.jpg) 50% 50% no-repeat #fff;background-size:100%;z-index:3; background-position:top center;} #scroll_spielmannszug2018{background:url(../library/spielmannszug_2018.jpg) 50% 50% no-repeat #fff;background-size:100%;z-index:3; background-position:top center;} #scroll_auszeichnung{background:url(../library/auszeichnung.jpg) 50% 50% no-repeat #fff;background-size:100%;z-index:3; background-position:top center;} #scroll_abschluss2017{background:url(../library/kellerabschluss_2017.jpg) 50% 50% no-repeat #fff;background-size:100%;z-index:3; background-position:top center;} #scroll_karpfen{background:url(../library/karpfensaison.jpg) 50% 50% no-repeat #fff;background-size:100%;z-index:3; background-position:top center;} #scroll_street{background:url(../library/street.jpg) 50% 50% no-repeat #fff;background-size:100%;z-index:3; background-position:top center;} #scroll_bockbierpromo{background:url(../library/bockbierpromo.jpg) 50% 50% no-repeat #fff;background-size:100%;z-index:3; background-position:top center;} #scroll_ladestation{background:url(../library/ladestation.jpg) 50% 50% no-repeat #fff;background-size:100%;z-index:3; background-position:top center;} #scroll_spielmannszug2019{background:url(../library/spielmannszug_2019.jpg) 50% 50% no-repeat #fff;background-size:100%;z-index:3; background-position:top center;} #scroll_abschluss2019{background:url(../library/keller-ab2019.jpg) 50% 50% no-repeat #fff;background-size:100%;z-index:3; background-position:top center;} #scroll_bockbier2019{background:url(../library/bockbier2019.jpg) 50% 50% no-repeat #fff;background-size:100%;z-index:3; background-position:top center;} #scroll_keller_c19{background:url(../library/Corona-Musiker_am_Keller.jpg) 50% 50% no-repeat #fff;background-size:100%;z-index:3; background-position:top center;} #scroll_abschluss2020{background:url(../library/abschluss2020.jpg) 50% 50% no-repeat #fff;background-size:100%;z-index:3; background-position:top center;} #scroll_roppelt.scroll_togo{background:url(../library/karpfen2.jpg) 50% 50% no-repeat #fff;background-size:100%;z-index:3; background-position:top center;} #scroll_fass{background:url(../library/5fass.jpg) 50% 50% no-repeat #fff;background-size:100%;z-index:3; background-position:top center;} #scroll_roppelt.scroll_schaeuferla{background:url(../library/schaeuferla.jpg) 50% 50% no-repeat #fff;background-size:100%;z-index:3; background-position:top center;} #scroll_eroeffnung2021{background:url(../library/kellereroeffnung-2021.jpg) 50% 50% no-repeat #fff;background-size:100%;z-index:3; background-position:top center;} #scroll_bockbier__2021{background:url(../library/bockbier-102021.jpg) 50% 50% no-repeat #fff;background-size:100%;z-index:3; background-position:top center;} #scroll_kellerabschluss__2021{background:url(../library/kellerabschluss-2021.jpg) 50% 50% no-repeat #fff;background-size:100%;z-index:3; background-position:top center;} #scroll_fruehling__2022{background:url(../library/fruehling__2022.jpg) 50% 50% no-repeat #fff;background-size:100%;z-index:3; background-position:top center;} #scroll_kellereroeffnung__2022{background:url(../library/kellereroeffnung__2022.jpg) 50% 50% no-repeat #fff;background-size:100%;z-index:3; background-position:top center;} #scroll_spielmannszug2022{background:url(../library/spielmannszug_2022.jpg) 50% 50% no-repeat #fff;background-size:100%;z-index:3; background-position:top center;} #scroll_kellerabschluss__2022{background:url(../library/Kellerabschluss-2022.jpg) 50% 50% no-repeat #fff;background-size:100%;z-index:3; background-position:top center;} #scroll_kellereroeffnung__2023{background:url(../library/kellereroeffnung__2023.jpg) 50% 50% no-repeat #fff;background-size:100%;z-index:3; background-position:top center;} #scroll_spielmannszug2023{background:url(../library/spielmannszug-2023.jpg) 50% 50% no-repeat #fff;background-size:100%;z-index:3; background-position:top center;} #scroll_kellerabschluss2023{background:url(../library/kellerabschluss-2023.jpg) 50% 50% no-repeat #fff;background-size:100%;z-index:3; background-position:top center;} #scroll_bockbier2023{background:url(../library/bockbier-2023.jpg) 50% 50% no-repeat #fff;background-size:100%;z-index:3; background-position:top center;} #scroll_kellereroeffnung__2024{background:url(../library/kellereroeffnung__2024.jpg) 50% 50% no-repeat #fff;background-size:100%;z-index:3; background-position:top center;} #scroll_karpfenabschluss__2024{background:url(../library/karpfenabschluss__2024.jpg) 50% 50% no-repeat #fff;background-size:100%;z-index:3; background-position:top center;} #scroll_kellerabschluss__2024{background:url(../library/kellerabschluss_2024_1.jpg) 50% 50% no-repeat #fff;background-size:100%;z-index:3; background-position:top center;} #scroll_bockbieranstich__2024{background:url(../library/bockbieranstich__2024_1.jpg) 50% 50% no-repeat #fff;background-size:100%;z-index:3; background-position:top center;} #scroll_promi{background:url(../library/promi.jpg) 50% 50% no-repeat #fff;background-size:100%;z-index:3; background-position:top center;} #scroll_kellereroeffnung__2025{background:url(../library/kellereroeffnung__2025.jpg) 50% 50% no-repeat #fff;background-size:100%;z-index:3; background-position:top center;} #scroll_spielmannszug2025{background:url(../library/spielmannszug-2025.jpg) 50% 50% no-repeat #fff;background-size:100%;z-index:3; background-position:top center;} article{padding:20px 10% 80px 10%;margin:500px auto 0 auto!important;} article header:after{background-image: url(../library/ornaments-big2.png);} .weihnachten header:after{background-image: none!important; height:2px!important;} section.table table{width:60%; margin-left:20%} article.karpfensaison{min-width: 80%; padding-bottom: 10px;} } /*@media only screen and (min-width : 768px) and (max-width : 1024px) and (orientation: landscape){ nav ul li:first-child a{position: absolute;left:20px;margin-left: 10px;top:1.1em;z-Index: 10000;text-indent: 100%;white-space: nowrap;width: 139px;height: 140px;overflow: hidden;background: url(../library/logo.png) center center no-repeat; padding:0; border:none;} body {overflow-x: hidden;width: 100%;} nav ul{float:right;} article{padding:20px 10% 80px 10%;margin:0 auto!important;} article header:after{background-image: url(../library/ornaments-big2.png);} article.roppelt #datum div{max-width:250px;} #scroll_roppelt:before{content: ""; background:url('../library/roppelt-tab-land.jpg'); background-size:cover; width:100%; height:350px; display:block; margin-bottom:1.3em; margin-top:100px;} #scroll_brauerei:before{content: ""; background:url('../library/brauerei-tab-land.jpg'); background-size:cover; width:100%; height:350px; display:block; margin-bottom:1.3em;} #scroll_gastwirtschaft:before{content: ""; background:url('../library/gastwirtschaft-tab-land.jpg'); background-size:cover; width:100%; height:350px; display:block; margin-bottom:1.3em;} #scroll_keller:before{content: ""; background:url('../library/keller-tab-land.jpg'); background-size:cover; width:100%; height:350px; display:block; margin-bottom:1.3em;} }*/ @media only screen and (min-width : 601px) and (max-width : 900px) {/*body{background:#f00!important;}*/ nav ul li:first-child a{position: absolute;left:20px;margin-left: 10px;top:1.1em;z-Index: 10000;text-indent: 100%;white-space: nowrap;width: 139px;height: 140px;overflow: hidden;background: url(../library/logo.png) center center no-repeat; padding:0; border:none;} body {overflow-x: hidden;width: 100%;} nav ul{float:right;} article{padding:20px 3% 80px 3%;margin:0 auto!important;} article header:after{background-image: url(../library/ornaments-big2.png); background-size:80%;} .weihnachten header:after{background-image: none!important;} article.roppelt #datum div, article.weihnachten #datum div{max-width:250px;} #scroll_roppelt:before{content: ""; background:url('../library/roppelt-tab-land.jpg'); background-size:cover; background-position:top center; width:100%; height:350px; display:block; margin-bottom:1.3em; margin-top:100px;} #scroll_brauerei:before{content: ""; background:url('../library/brauerei-tab-land.jpg'); background-size:cover; background-position:top center; width:100%; height:350px; display:block; margin-bottom:1.3em;} #scroll_hausbrauer:before{content: ""; background:url('../library/hausbrauer-tab-land.jpg'); background-size:cover; background-position:top center; width:100%; height:350px; display:block; margin-bottom:1.3em;} #scroll_gastwirtschaft:before, #scroll_roppelt.scroll_gastwirtschaft:before{content: ""; background:url('../library/gastwirtschaft-tab-land.jpg'); background-size:cover; background-position:top center; width:100%; height:350px; display:block; margin-bottom:1.3em;} #scroll_keller:before{content: ""; background:url('../library/keller-tab-land.jpg'); background-size:cover; background-position:top center; width:100%; height:350px; display:block; margin-bottom:1.3em;} #scroll_bockbier:before{content: ""; background:url('../library/bockbier-tab-land.jpg'); background-size:cover; background-position:top center; width:100%; height:350px; display:block; margin-bottom:1.3em;} #scroll_karpfen:before{content: ""; background:url('../library/karpfensaison-tab-land.jpg'); background-size:cover; ; background-size:cover; background-position:top center; width:100%; height:350px; display:block; margin-bottom:1.3em;} #scroll_street:before{content: ""; background:url('../library/street-tab-land.jpg'); background-size:cover; ; background-size:cover; background-position:top center; width:100%; height:350px; display:block; margin-bottom:1.3em;} #scroll_kellerabschluss:before{content: ""; background:url('../library/kellerabschluss-tab-land.jpg'); background-size:cover; background-position:top center; width:100%; height:350px; display:block; margin-bottom:1.3em;} #scroll_kellerab2015:before{content: ""; background:url('../library/img/kellerabschluss2015-1-tab-land.jpg'); background-size:cover; background-position:top center; width:100%; height:350px; display:block; margin-bottom:1.3em;} #scroll_bockbier2015:before{content: ""; background:url('../library/img/bockbier2015-tab-land.jpg'); background-size:cover; background-position:top center; width:100%; height:350px; display:block; margin-bottom:1.3em;} #scroll_keller2016:before{content: ""; background:url('../library/img/keller-2016-tab-land.jpg'); background-size:cover; background-position:top center; width:100%; height:350px; display:block; margin-bottom:1.3em;} #scroll_bockbier2016:before{content: ""; background:url('../library/bockbier-2016-tab-land.jpg'); background-size:cover; background-position:top center; width:100%; height:350px; display:block; margin-bottom:1.3em;} #scroll_spielmannszug2016:before{content: ""; background:url('../library/img/spielmannszug-2016-tab-land.jpg'); background-size:cover; background-position:top center; width:100%; height:350px; display:block; margin-bottom:1.3em;} #scroll_weihnachten:before{content: ""; background:url('../library/weihnachten-tab-land.jpg'); background-size:cover; background-position:top center; width:100%; height:350px; display:block; margin-bottom:1.3em;} #scroll_kellerab2016:before{content: ""; background:url('../library/kellerabschluss_2016_1-tab-land.jpg'); background-size:cover; background-position:top center; width:100%; height:350px; display:block; margin-bottom:1.3em;} #scroll_eroeffnung2017:before{content: ""; background:url('../library/eroeffnung-2017-tab-land.jpg'); background-size:cover; background-position:top center; width:100%; height:350px; display:block; margin-bottom:1.3em;} #scroll_eroeffnung2018:before{content: ""; background:url('../library/eroeffnung-2018-tab-land.jpg'); background-size:cover; background-position:top center; width:100%; height:350px; display:block; margin-bottom:1.3em;} #scroll_spielmannszug_2017:before{content: ""; background:url('../library/spielmannszug_2017-tab-land.jpg'); background-size:cover; background-position:top center; width:100%; height:350px; display:block; margin-bottom:1.3em;} #scroll_spielmannszug_2017:before{content: ""; background:url('../library/spielmannszug_2017-tab-land.jpg'); background-size:cover; background-position:top center; width:100%; height:350px; display:block; margin-bottom:1.3em;} #scroll_auszeichnung:before{content: ""; background:url('../library/auszeichnung-tab.jpg'); background-size:cover; background-position:top center; width:100%; height:350px; display:block; margin-bottom:1.3em;} #scroll_abschluss2017:before{content: ""; background:url('../library/kellerabschluss_2017-tab-land.jpg'); background-size:cover; background-position:top center; width:100%; height:350px; display:block; margin-bottom:1.3em;} #scroll_spielmannszug2018:before{content: ""; background:url('../library/spielmannszug_2018-tab-land.jpg'); background-size:cover; background-position:top center; width:100%; height:350px; display:block; margin-bottom:1.3em;} #scroll_bockbierpromo:before{content: ""; background:url('../library/bockbierpromo-tab-land.jpg'); background-size:cover; background-position:top center; width:100%; height:350px; display:block; margin-bottom:1.3em;} #scroll_ladestation:before{content: ""; background:url('../library/ladestation-tab-land.jpg'); background-size:cover; background-position:top center; width:100%; height:350px; display:block; margin-bottom:1.3em;} #scroll_spielmannszug2019:before{content: ""; background:url('../library/spielmannszug_2019-tab-land.jpg'); background-size:cover; background-position:top center; width:100%; height:350px; display:block; margin-bottom:1.3em;} #scroll_abschluss2019:before{content: ""; background:url('../library/keller-ab2019-tab-land.jpg'); background-size:cover; background-position:top center; width:100%; height:350px; display:block; margin-bottom:1.3em;} #scroll_bockbier2019:before{content: ""; background:url('../library/bockbier2019-tab-land.jpg'); background-size:cover; background-position:top center; width:100%; height:350px; display:block; margin-bottom:1.3em;} #scroll_keller_c19:before{content: ""; background:url('../library/Corona-Musiker_am_Keller-tab-land.jpg'); background-size:cover; background-position:top center; width:100%; height:350px; display:block; margin-bottom:1.3em;} #scroll_abschluss2020:before{content: ""; background:url('../library/abschluss2020-tab-land.jpg'); background-size:cover; background-position:top center; width:100%; height:350px; display:block; margin-bottom:1.3em;} #scroll_roppelt.scroll_togo:before{content: ""; background:url('../library/karpfen-tab-land.jpg'); background-size:cover; background-position:top center; width:100%; height:350px; display:block; margin-bottom:1.3em;} #scroll_fass:before{content: ""; background:url('../library/5fass-tab-land.jpg'); background-size:cover; background-position:top center; width:100%; height:350px; display:block; margin-bottom:1.3em;} #scroll_roppelt.scroll_schaeuferla:before{content: ""; background:url('../library/schaeuferla-tab-land.jpg'); background-size:cover; background-position:top center; width:100%; height:350px; display:block; margin-bottom:1.3em;} #scroll_eroeffnung2021:before{content: ""; background:url('../library/kellereroeffnung-2021-tab-land.jpg'); background-size:cover; background-position:top center; width:100%; height:350px; display:block; margin-bottom:1.3em;} #scroll_bockbier__2021:before{content: ""; background:url('../library/bockbier-102021-tab-land.jpg'); background-size:cover; background-position:top center; width:100%; height:350px; display:block; margin-bottom:1.3em;} #scroll_kellerabschluss__2021:before{content: ""; background:url('../library/kellerabschluss-2021-tab-land.jpg'); background-size:cover; background-position:top center; width:100%; height:350px; display:block; margin-bottom:1.3em;} #scroll_fruehling__2022:before{content: ""; background:url('../library/fruehling__2022-tab-land.jpg'); background-size:cover; background-position:top center; width:100%; height:350px; display:block; margin-bottom:1.3em;} #scroll_kellereroeffnung__2022:before{content: ""; background:url('../library/kellereroeffnung__2022-tab-land.jpg'); background-size:cover; background-position:top center; width:100%; height:350px; display:block; margin-bottom:1.3em;} #scroll_spielmannszug2022:before{content: ""; background:url('../library/spielmannszug_2022-tab-land.jpg'); background-size:cover; background-position:top center; width:100%; height:350px; display:block; margin-bottom:1.3em;} #scroll_kellerabschluss__2022:before{content: ""; background:url('../library/Kellerabschluss-2022-tab-land.jpg'); background-size:cover; background-position:top center; width:100%; height:350px; display:block; margin-bottom:1.3em;} #scroll_kellereroeffnung__2023:before{content: ""; background:url('../library/kellereroeffnung__2023-tab-land.jpg'); background-size:cover; background-position:top center; width:100%; height:350px; display:block; margin-bottom:1.3em;} #scroll_spielmannszug2023:before{content: ""; background:url('../library/spielmannszug-2023-tab-land.jpg'); background-size:cover; background-position:top center; width:100%; height:350px; display:block; margin-bottom:1.3em;} #scroll_kellerabschluss2023:before{content: ""; background:url('../library/kellerabschluss-2023-tab-land.jpg'); background-size:cover; background-position:top center; width:100%; height:350px; display:block; margin-bottom:1.3em;} #scroll_bockbier2023:before{content: ""; background:url('../library/bockbier-2023-tab-land.jpg'); background-size:cover; background-position:top center; width:100%; height:350px; display:block; margin-bottom:1.3em;} #scroll_kellereroeffnung__2024:before{content: ""; background:url('../library/kellereroeffnung__2024-tab-land.jpg'); background-size:cover; background-position:top center; width:100%; height:350px; display:block; margin-bottom:1.3em;} #scroll_karpfenabschluss__2024:before{content: ""; background:url('../library/karpfenabschluss__2024-tab-land.jpg'); background-size:cover; background-position:top center; width:100%; height:350px; display:block; margin-bottom:1.3em;} #scroll_kellerabschluss__2024:before{content: ""; background:url('../library/kellerabschluss_2024_1-tab-land.jpg'); background-size:cover; background-position:top center; width:100%; height:350px; display:block; margin-bottom:1.3em;} #scroll_bockbieranstich__2024:before{content: ""; background:url('../library/bockbieranstich__2024_1-tab-land.jpg'); background-size:cover; background-position:top center; width:100%; height:350px; display:block; margin-bottom:1.3em;} #scroll_promi:before{content: ""; background:url('../library/promi-tab-land.jpg'); background-size:cover; background-position:top center; width:100%; height:350px; display:block; margin-bottom:1.3em;} #scroll_kellereroeffnung__2025:before{content: ""; background:url('../library/kellereroeffnung__2025-tab-land.jpg'); background-size:cover; background-position:top center; width:100%; height:350px; display:block; margin-bottom:1.3em;} #scroll_spielmannszug2025:before{content: ""; background:url('../library/spielmannszug-2025-tab-land.jpg'); background-size:cover; background-position:top center; width:100%; height:350px; display:block; margin-bottom:1.3em;} /*nav ul li:first-child a{position: absolute;left:20px;margin-left: 10px;top:1.1em;z-Index: 10000;text-indent: 100%;white-space: nowrap;width: 139px;height: 140px;overflow: hidden;background: url(../library/logo.png) center center no-repeat; padding:0; border:none;}*/ /*body {overflow-x: hidden;width: 100%;} nav ul{float:right;} .columns-2 {-moz-column-count: 1;-webkit-column-count: 1;column-count: 1;} article{padding:20px 3% 80px 3%;margin:0 auto!important;} #scroll_roppelt:before{content: ""; background:url('../library/roppelt-tab-land.jpg'); background-size:cover; width:100%; height:450px; display:block; margin-bottom:1.3em;} #scroll_brauerei:before{content: ""; background:url('../library/brauerei-tab-land.jpg'); background-size:cover; width:100%; height:450px; display:block; margin-bottom:1.3em;} #scroll_gastwirtschaft:before{content: ""; background:url('../library/gastwirtschaft-tab-land.jpg'); background-size:cover; width:100%; height:450px; display:block; margin-bottom:1.3em;} #scroll_keller:before{content: ""; background:url('../library/keller-tab-land.jpg'); background-size:cover; width:100%; height:450px; display:block; margin-bottom:1.3em;} article header:after{background-image: url(../library/ornaments-mobile.png); height:80px;}*/ /*++++ datum ++++*/ /*article.roppelt #datum{position:relative;background:rgba(236,236,236,.8); top:-20px; left:0; color:#9dad6c; padding:0 15px; text-align:left; margin-bottom:.7em; } article.roppelt #datum div{max-width:100%;}*/ } @media only screen and (max-width : 600px){/*body{background:#ffff00!important;}*/ body {overflow-x: hidden;width: 100%;} nav {max-height: 60px;overflow: hidden;position: relative;webkit-box-shadow:none!important;box-shadow: none!important; background:#fff url(../library/frankenrechen.png) center center no-repeat; background-size:contain;} nav:before,nav:after{display: none;} nav.open{max-height: 999px;} nav ul{display: none;padding-top: 62px; float:left; width:100%;} nav.open ul{display: block;} nav .mobile{display: block;cursor: pointer;text-transform: uppercase;font-size: 20px;line-height: 37px;width: 100%;font-family: 'Oswald', sans-serif; color:#9dad6c;} nav.open .mobile{position: absolute;top: 0;} nav .mobile figure{height:60px; float:left;} nav .mobile span{float:right; padding-top:16px;} nav .mobile span:after{content:"\f0c9";-webkit-font-smoothing: antialiased;box-sizing: border-box;display: inline-block;font-family: FontAwesome;font-size: 28px;font-style: normal;font-weight: normal;margin-right: 0.5em;margin-left: 0.5em;} nav ul li{display: block;margin-left: 0;margin-right: 0;padding: 0;} nav ul li a{display: block;text-align: center;line-height: 3em;padding-top: 0;} nav ul li:first-child a{padding-top:20px; border-top:2px solid #ddd;} article{padding: 0 25px;} article header h2{font-size: 2em !important;} .slider header{left: 0;width: 100%;margin-left: 0;} .slider header h1,.slider header h2{margin: 40px;} .slider header h1{font-size: 2.5em;} .slider header h2{font-size: 1.5em;} .columns-2 {-moz-column-count: 1;-webkit-column-count: 1;column-count: 1;} article{padding: 0 25px;margin:0 auto!important;} article p{padding-bottom:10px;} #scroll_roppelt:before{content: ""; background:url('../library/roppelt-tab-land.jpg') center center; background-size:cover; width:100%; height:350px; display:block; margin-bottom:1.3em;} #scroll_brauerei:before{content: ""; background:url('../library/brauerei-tab-land.jpg') center center; background-size:cover; width:100%; height:350px; display:block; margin-bottom:1.3em;} #scroll_brauerei:before{content: ""; background:url('../library/brauerei-tab-land.jpg'); background-size:cover; background-position:top center; width:100%; height:350px; display:block; margin-bottom:1.3em;} #scroll_gastwirtschaft:before, #scroll_roppelt.scroll_gastwirtschaft:before{content: ""; background:url('../library/gastwirtschaft-tab-land.jpg') center center; background-size:cover; width:100%; height:350px; display:block; margin-bottom:1.3em;} #scroll_keller:before{content: ""; background:url('../library/keller-tab-land.jpg') center center; background-size:cover; width:100%; height:350px; display:block; margin-bottom:1.3em;} #scroll_bockbier:before{content: ""; background:url('../library/bockbier-tab-land.jpg') center center; background-size:cover; width:100%; height:350px; display:block; margin-bottom:1.3em;} #scroll_kellerabschluss:before{content: ""; background:url('../library/kellerabschluss-tab-land.jpg') center center; background-size:cover; width:100%; height:350px; display:block; margin-bottom:1.3em;} #scroll_kellerab2015:before{content: ""; background:url('../library/img/kellerabschluss2015-1-tab-land.jpg') center center; background-size:cover; width:100%; height:350px; display:block; margin-bottom:1.3em;} #scroll_bockbier2015:before{content: ""; background:url('../library/img/bockbier2015-tab-land.jpg')center center;background-size:cover; width:100%; height:350px; display:block; margin-bottom:1.3em;} #scroll_weihnachten:before{content: ""; background:url('../library/img/weihnachten-tab-land.jpg')center center;background-size:cover; width:100%; height:350px; display:block; margin-bottom:1.3em;} #scroll_eroeffnung2017:before{content: ""; background:url('../library/eroeffnung-2017-tab-land.jpg'); background-size:cover; background-position:top center; width:100%; height:350px; display:block; margin-bottom:1.3em;} #scroll_eroeffnung2018:before{content: ""; background:url('../library/eroeffnung-2018-tab-land.jpg'); background-size:cover; background-position:top center; width:100%; height:350px; display:block; margin-bottom:1.3em;} #scroll_karpfen:before{content: ""; background:url('../library/karpfensaison-tab-land.jpg'); background-size:cover; background-size:cover; background-position:top center; width:100%; height:350px; display:block; margin-bottom:1.3em;} #scroll_street:before{content: ""; background:url('../library/street-tab-land.jpg'); background-size:cover; background-size:cover; background-position:top center; width:100%; height:350px; display:block; margin-bottom:1.3em;} #scroll_bockbierpromo:before{content: ""; background:url('../library/bockbierpromo-tab-land.jpg'); background-size:cover; background-position:top center; width:100%; height:350px; display:block; margin-bottom:1.3em;} #scroll_ladestation:before{content: ""; background:url('../library/ladestation-tab-land.jpg'); background-size:cover; background-position:top center; width:100%; height:350px; display:block; margin-bottom:1.3em;} #scroll_spielmannszug2019:before{content: ""; background:url('../library/spielmannszug_2019-tab-land.jpg'); background-size:cover; background-position:top center; width:100%; height:350px; display:block; margin-bottom:1.3em;} #scroll_abschluss2019:before{content: ""; background:url('../library/keller-ab2019-tab-land.jpg'); background-size:cover; background-position:top center; width:100%; height:350px; display:block; margin-bottom:1.3em;} #scroll_bockbier2019:before{content: ""; background:url('../library/bockbier2019-tab-land.jpg'); background-size:cover; background-position:top center; width:100%; height:350px; display:block; margin-bottom:1.3em;} #scroll_keller_c19:before{content: ""; background:url('../library/Corona-Musiker_am_Keller-tab-land-s.jpg'); background-size:cover; background-position:top center; width:100%; height:350px; display:block; margin-bottom:1.3em;} #scroll_abschluss2020:before{content: ""; background:url('../library/abschluss2020-tab-land.jpg'); background-size:cover; background-position:top center; width:100%; height:350px; display:block; margin-bottom:1.3em;} #scroll_roppelt.scroll_togo:before{content: ""; background:url('../library/karpfen-tab-land.jpg'); background-size:cover; background-position:top center; width:100%; height:350px; display:block; margin-bottom:1.3em;} #scroll_fass:before{content: ""; background:url('../library/5fass-tab-land.jpg'); background-size:cover; background-position:top center; width:100%; height:350px; display:block; margin-bottom:1.3em;} #scroll_roppelt.scroll_schaeuferla:before{content: ""; background:url('../library/schaeuferla-mobile.jpg'); background-size:cover; background-position:top center; width:100%; height:350px; display:block; margin-bottom:1.3em;} #scroll_eroeffnung2021:before{content: ""; background:url('../library/kellereroeffnung-2021-mobile.jpg'); background-size:cover; background-position:top center; width:100%; height:350px; display:block; margin-bottom:1.3em;} #scroll_bockbier__2021:before{content: ""; background:url('../library/bockbier-102021-mobile.jpg'); background-size:cover; background-position:top center; width:100%; height:350px; display:block; margin-bottom:1.3em;} #scroll_kellerabschluss__2021:before{content: ""; background:url('../library/kellerabschluss-2021-mobile.jpg'); background-size:cover; background-position:top center; width:100%; height:350px; display:block; margin-bottom:1.3em;} #scroll_fruehling__2022:before{content: ""; background:url('../library/fruehling__2022-mobile.jpg'); background-size:cover; background-position:top center; width:100%; height:350px; display:block; margin-bottom:1.3em;} #scroll_kellereroeffnung__2022:before{content: ""; background:url('../library/kellereroeffnung__2022-mobile.jpg'); background-size:cover; background-position:top center; width:100%; height:350px; display:block; margin-bottom:1.3em;} #scroll_kellereroeffnung__2022:before{content: ""; background:url('../library/spielmannszug_2022-mobile.jpg'); background-size:cover; background-position:top center; width:100%; height:350px; display:block; margin-bottom:1.3em;} #scroll_kellerabschluss__2022:before{content: ""; background:url('../library/Kellerabschluss-2022-mobile.jpg'); background-size:cover; background-position:top center; width:100%; height:350px; display:block; margin-bottom:1.3em;} #scroll_kellereroeffnung__2023:before{content: ""; background:url('../library/kellereroeffnung__2023-mobile.jpg'); background-size:cover; background-position:top center; width:100%; height:350px; display:block; margin-bottom:1.3em;} #scroll_spielmannszug2023:before{content: ""; background:url('../library/spielmannszug-2023-mobile.jpg'); background-size:cover; background-position:top center; width:100%; height:350px; display:block; margin-bottom:1.3em;} #scroll_kellerabschluss2023:before{content: ""; background:url('../library/kellerabschluss-2023-mobile.jpg'); background-size:cover; background-position:top center; width:100%; height:350px; display:block; margin-bottom:1.3em;} #scroll_bockbier2023:before{content: ""; background:url('../library/bockbier-2023-mobile.jpg'); background-size:cover; background-position:top center; width:100%; height:350px; display:block; margin-bottom:1.3em;} #scroll_kellereroeffnung__2024:before{content: ""; background:url('../library/kellereroeffnung__2024-mobile.jpg'); background-size:cover; background-position:top center; width:100%; height:350px; display:block; margin-bottom:1.3em;} #scroll_karpfenabschluss__2024:before{content: ""; background:url('../library/karpfenabschluss__2024-mobile.jpg'); background-size:cover; background-position:top center; width:100%; height:350px; display:block; margin-bottom:1.3em;} #scroll_kellerabschluss__2024:before{content: ""; background:url('../library/kellerabschluss_2024_1-mobile.jpg'); background-size:cover; background-position:top center; width:100%; height:350px; display:block; margin-bottom:1.3em;} #scroll_bockbieranstich__2024:before{content: ""; background:url('../library/bockbieranstich__2024_1-mobile.jpg'); background-size:cover; background-position:top center; width:100%; height:350px; display:block; margin-bottom:1.3em;} #scroll_promi:before{content: ""; background:url('../library/promi-mobile.jpg'); background-size:cover; background-position:top center; width:100%; height:350px; display:block; margin-bottom:1.3em;} #scroll_kellereroeffnung__2025:before{content: ""; background:url('../library/kellereroeffnung__2025-mobile.jpg'); background-size:cover; background-position:top center; width:100%; height:350px; display:block; margin-bottom:1.3em;} #scroll_spielmannszug2025:before{content: ""; background:url('../library/spielmannszug-2025-mobile.jpg'); background-size:cover; background-position:top center; width:100%; height:350px; display:block; margin-bottom:1.3em;} article header:after{background-image: url(../library/ornaments-mobile-s.png); height:58px;} #scroll_weihnachten:after{background-image: none; height:2px;} article section.biersorten div{ width:90%; padding:1% 5%; float:left; margin-bottom:1em;} article section.webcam{} article section.webcam ul li{width:96%; margin:.5em 2%; } article section.speise ul li{width:48%; margin:2% 1%; float:left; text-align:center;} .menuContainer table{width:98%!important; margin:1%!important; text-align:left; background:#fff;} .menuContainer table td{padding:10px; font-size:.9em;} section.table table{width:100%; margin:0} section.table td{padding:15px 8px;} section.table .tdspace{width:10px;} /*++++ contakt ++++*/ section address, div.form{width:95%!important; margin-bottom:10px;} section address p{text-align:center!important;} article.contact form{width:96%!important; margin-left:0;} article.contact input,article.contact textarea{width:90%!important; } article.contact input[type=submit]{width:50%!important; margin-right:4%;} article.contact form p{margin:0; color:#3b3632; font-size:1em; font-size:'Ubuntu';} /*++++ datum ++++*/ article.roppelt #datum, article.keller #datum, article.weihnachten #datum{position:relative;background:rgba(236,236,236,.8); top:-20px; left:0; color:#9dad6c; padding:0 15px; text-align:left; margin-bottom:.7em; } article.roppelt #datum div, article.roppelt #keller div, article.weihnachten #datum div{max-width:100%;} /*++++ bilder 3er darstellung ++++*/ section.galerie{float:left;} .galerie ul{margin-top: 2em;} .galerie ul li{width:98%!important; margin:1% 1% 1.6em 1%!important;} .galerie ul li figure{width:90%; margin-left:5%;} } @media only screen and (max-width: 767px) and (orientation:landscape){ } @media only screen and (max-width: 870px) { } @media only screen and (max-width : 500px) { } /* ++++ Helper classes ++++ */ .ir{background-color: transparent;border: 0;overflow: hidden;*text-indent: -9999px;} .ir:before{content: "";display: block;width: 0;height: 150%;} .hidden{display: none !important;visibility: hidden;} .visuallyhidden{border: 0;clip: rect(0 0 0 0);height: 1px;margin: -1px;overflow: hidden;padding: 0;position: absolute;width: 1px;} .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus{clip: auto;height: auto;margin: 0;overflow: visible;position: static;width: auto;} .invisible{visibility: hidden;} .clearfix:before, .clearfix:after{content: " ";display: table;} .clearfix:after{clear: both;} .clearfix{*zoom: 1;} .height1{height:1em;} .height2{height:2em;} .height3{height:3em;} .clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; } /* ++++ Print ++++ */ @media print { * {background: transparent !important;color: #000 !important; box-shadow: none !important;text-shadow: none !important;} a, a:visited{text-decoration: underline;} a[href]:after{content: " (" attr(href) ")";} abbr[title]:after{content: " (" attr(title) ")";} .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after{content: "";} pre, blockquote{border: 1px solid #999;page-break-inside: avoid;} thead{display: table-header-group;} tr, img{page-break-inside: avoid;} img{max-width: 100% !important;} @page{margin: 0.5cm;} p, h2, h3{orphans: 3;widows: 3;} h2, h3{page-break-after: avoid;} }