@font-face {font-family: 'Titillium Web';font-style: normal;font-weight: 400;font-display: swap;src: local('Titillium Web Regular'), local('TitilliumWeb-Regular'), url(/schrift/NaPecZTIAOhVxoMyOr9n_E7fdM3mDbRS.woff2) format('woff2');unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;} @font-face {font-family: 'Titillium Web';font-style: normal;font-weight: 400;font-display: swap;src: local('Titillium Web Regular'), local('TitilliumWeb-Regular'), url(/schrift/NaPecZTIAOhVxoMyOr9n_E7fdM3mDbRS.woff2) format('woff2');unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;} .obenlinks{width:50%; float: left; margin-left: -0.5%;padding-bottom: 0.5%;} .obenrechts{width:50%; float: right; overflow: hidden;padding-bottom: 0.5%;} .links{width:49.5%; float:left; position:relative; font-size: 18px;} .rechts{width:49.5%; float: right; font-size: 18px;} div.weisserstreifen {z-index: 100; position:absolute; bottom:48.5%; left:-1px; width:101%; height:1.5%; background-color:white;} .grid{width:98%; display:table; margin:0% 1% 0% 1.25%;font-weight: bold; background-color: white; padding-top: 0.5%;} .abiszdiv {position: relative;bottom: 50px;}div .formularfeld > label > input{width: 96%;padding: 6px 6px;} div .formularfeld > label > textarea{width: 96%;padding: 3px 6px;} form > div > label{font-size: 20px;font-weight: 400;text-decoration: none;text-transform: none;line-height: 1.6;color: #656565;} .servicewrapper{display: table;width:100%;margin-top: 50px;margin-bottom: 5px;} .footerwrapper{font-size:0px;padding:3px;} .ulkach {list-style-type: none;padding: 0 !important;margin: 0 !important;display:grid;grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));column-width: 250px ;} .unterkachel {list-style: none;display: block;padding-right: 5px !important;padding-left: 5px !important;margin-bottom: 15px !important;float:left;} .kachel {position:relative;overflow:hidden;} div .formularfeld{padding-bottom: 15px;} .homebutton{height:26px;width:auto;padding-top: 5.5px;padding-left: 4px;float: left;} .burger{float:left;margin-right: 5px;margin-top:4px;margin-left: 5px;} .abisz{color:lightskyblue;padding: 5px;} .strich{width: 25px;height: 4px;background-color:white;margin: 5px 2px;} .menu{display:table;width:100%;height: 39.2px;background: rgba(0,0,0,0.85);position:fixed;top: 0;z-index: 999;} .menuwrapper{display: table;width: 100%;position: relative;vertical-align: middle;} .menuliste{display: none;} .menupunkte{display: inline-block;border-bottom: 1px solid #474747;vertical-align: middle;background:black;} .menuspan{display:inline-block;vertical-align: middle;top:0; bottom:0;line-height:39px;font-size: 20px;padding-left: 5px;} .servicediv{width: 100%;float: left;position: relative;overflow: hidden;} .servicediv:last-child{margin-right: 0%;}#zufrieden{display:none;}#neutral{display:none;}#kritik{display:none;}#zufrieden:target {display:block;}#neutral:target {display:block;}#kritik:target {display:block;} #suche {float: right;display: table;}.suche{float:right;width:29px;height:auto;padding:3px;} .menu-aus {display:none;}#menu:target .menuliste {display: inline-block;width:100%;overflow-y: scroll;max-height: 90vh;}#menu:target .menuwrapper{background:black;transition: background 0.5s;-webkit-transition: background 0.5s;}#menu:target .menupunkte {width:100%;}#menu:target .menu-ein {display: none;}#menu:target .menu-aus {display: block;}.suchformular{display:block;float: right;position:relative;top: 19.5px;;margin-right: 5px;transform: translateY(-50%);}form{margin:0;}h1 { 'Titillium Web', sans-serif;font-style: normal;font-size: 34px;font-weight: 700;text-decoration: none;text-transform: none;line-height: 1.5;color: #353535;}h2 {'Titillium Web', sans-serif;font-style: normal;font-size: 28px;font-weight: 700;text-decoration: none;text-transform: none;line-height: 1.5;color: #353535;background-color: lightgrey;padding-left:5px;}p{font-style: normal;font-size: 20px;font-weight: 400;text-decoration: none;text-transform: none;line-height: 1.5;color: #656565;}.footer{width:100%;display:table;background:lightgrey;}.titeldiv{position: relative;overflow: hidden;}.titelp{padding: 0 10px;}.slidertitel{position: absolute;bottom: 0;width: 101%;background: rgba(0,0,0,0.45);color: white;height:40px;}.titel{position: absolute;bottom: 0;width: 101%;background: rgba(0,0,0,0.45);color: white;height:25px;display: table;}.slidertiteltext{ line-height: 1.5;vertical-align: baseline;}.titeltext{ line-height: 1.5;vertical-align: baseline;font-size: 18px;font-weight: 500;}.gridbilder{width: 100%; display: table; font-size: 18px; margin-left:-0.5%; padding-bottom: 0.5%;}.spalten-4 {width: 24.75%; float: left; margin-right: 0.5%;}.spalten-4:last-child{margin-right: -0.5%;}.logo{color: deepskyblue;font-size: 32px;font-weight: 700;line-height: 38px;}p > a {color: mediumblue;}.sublogo{'Titillium Web', sans-serif;font-style: normal;font-size: 14px;font-weight: 400;text-decoration: none;text-transform: none;line-height: 1.5;color: #656565;}.logowrapper{padding: 70px 0px 40px 0px;display: table;width: 100%;position: relative;background: white;}.namewrapper{padding-left: 10px;display: grid;grid-template-columns: auto auto;}.bildlogo {right:10px;position: absolute;top:65px;}.zoom {-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);-webkit-transition: all 0.8s ease;-moz-transition: all 0.8s ease;-ms-transition: all 0.8s ease;-o-transition: all 0.8s ease;transition: all 0.8s ease;}.zoom:hover {-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);}.zoom:hover {-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);-webkit-transition: all 0.8s ease;-moz-transition: all 0.8s ease;-ms-transition: all 0.8s ease;-o-transition: all 0.8s ease;transition: all 0.8s ease;}body {font-family: 'Titillium Web', sans-serif;margin:0px;font-size: 24px;background-color: white;overflow-x: hidden;}figure {margin:0px; overflow:hidden;}img{height:auto;max-width:100%;vertical-align: middle;object-fit: cover;}.content > img{max-width:500px;width:100%;}a {color: white;text-decoration: none;transition: color 0.3s ease;}a:hover{color: deepskyblue;}.content{display: table;width: 70%;padding: 1%;}.unterseite{width:100%; display:table;background-color: whitesmoke;}.footerlink{border-right: 1px solid white;margin-right: 8px;padding-right: 10px;font-size: 14px;}@media only screen and (min-width: 1400px){.unterseite{ width: 1400px;margin: 0 auto;}.namewrapper{width:1400px;margin: 0 auto;float:none;padding-left: 20px;}.glossar {width: 1400px;margin: 0 auto;}.grid{width:1400px; margin: 0 auto; }.logowrapper{ width:1400px; margin: 0 auto;}.menuwrapper{width: 1400px;margin: 0 auto;float: none;display:table;}}@media only screen and (max-width: 1100px){.links{font-size:14px;}.rechts{font-size:14px;}.gridbilder{font-size: 14px;}}@media only screen and (max-width: 768px){body{overflow-x:hidden}.links{font-size:18px; width:49.3%;}.rechts{font-size:18px; width:49.3%;}.gridbilder{font-size: 18px; padding-bottom: 0px;}.formular{padding: 1%;}.titel{ height: 35px; bottom: 0px;}h1{ font-size: 18px;}h2{ font-size: 18px;}.namewrapper{padding: 4px;}.titeltext{font-size: 22px}}@media only screen and (max-width: 480px){.titeltext{font-size: 18px;}.links{font-size:14px;}.rechts{font-size:14px;}.gridbilder{font-size: 14px;}.titel{ height: 20px;}}@media only screen and (max-width: 768px){.obenlinks{width:100%; margin-bottom: 1.5%; margin-left :0;}div.weisserstreifen { bottom:48%; height:2%;}.obenrechts{width:100%; margin-bottom: 1%;}.grid{width:100%; display:table; margin: 0;}.gridbilder{margin-left:0;}.inhalttext{padding: 0 10px;}.content{width: 100%; padding:0;}.spalten-4 {width: 49.3%; float: left; margin-bottom: 1.5%;}.spalten-4:nth-of-type(even) {float: right; margin-right: 0%;}}@media only screen and (width: 360px){.spalten-4{height:110px;}}@media only screen and (width: 375px){.spalten-4{height:115px;}.linksbild{height:115px;}.rechtsbild{height:230px;}}@media only screen and (width: 414px){.spalten-4{height:127px;}.linksbild{height:127px;}.rechtsbild{height:254px;}}@media only screen and (width: 768px){.spalten-4{height:236px;}.linksbild{height:236px;}.rechtsbild{height:472px;}}.javselect{display:inline;} /* The slider handle (use -webkit- (Chrome, Opera, Safari, Edge) and -moz- (Firefox) to override default look) */ #wetterwahl{touch-action: none;} #wetterwahl::-webkit-slider-thumb { -webkit-appearance: none; /* Override default look */ appearance: none; width: 35px; /* Set a specific slider handle width */ height: 35px; /* Slider handle height */ background: #010101; /* Green background */ cursor: pointer; /* Cursor on hover */ } .suchen {display:none;} #wetterwahl::-moz-range-thumb { width: 35px; /* Set a specific slider handle width */ height: 35px; /* Slider handle height */ background: #010101; /* Green background */ cursor: pointer; /* Cursor on hover */ } .kachel > a > img {width:100%;} .wifi { max-width: 160px; float: right; justify-self: right; } .wifititel { position: absolute; bottom: -11px; width: 101%; background: rgba(0, 0, 0, 0); color: white; height: 40px; text-align: center; font-size: 21px; } .content a { color: blue; word-break: break-all; overflow-wrap: break-word; word-wrap: break-word; } a.titeltext { color: white; } .shopnameprice { display: grid; grid-template-columns: auto 70px; } .hide { display: none; } .gridbilder { /* display: grid; */ grid-template-columns: 49% 49%; justify-content: space-around; } .gridbilder div{ justify-content: space-between; align-content: space-between; } .obenrechts { /* display: grid; */ grid-template-columns: 49% 49%; } .iframe{ width:100%; height:500px; } .links { display: grid; grid-template-rows: 49% 49%; } html { overflow-x: hidden; } .stand-datum { font-size: 12px; } div#pdfdiv { width: 100%; position: relative; justify-self: center; padding-bottom: 40px; } iframe#pdfframe { width: 100%; height: 100%; min-height: 500px; border-style: none; position: absolute; top: 0; left: 0; } @media only screen and (max-width: 900px){ div#pdfdiv { width: 200%; transform: scale(0.5, 0.5) translate(-50%, -50%); } } .feedback .servicediv.spalten-3 { width: 32%; } div#servicejs { display: grid; grid-template-columns: 33% 33% 33%; justify-content: space-between; } .titeldiv.linksbild:last-of-type { transform: translateY(5px); }