* { padding: 0; margin: 0; } *:focus { outline: 0; } @font-face {font-family:'Open Sans';font-style:normal;font-weight:300;src:url(/static/ulw/fonts/open-sans/open-sans-v23-latin-300.eot);src:local('Open Sans Light'),local(OpenSans-Light),url(/static/ulw/fonts/open-sans/open-sans-v23-latin-300.eot?#iefix) format("embedded-opentype"),url(/static/ulw/fonts/open-sans/open-sans-v23-latin-300.woff2) format("woff2"),url(/static/ulw/fonts/open-sans/open-sans-v23-latin-300.woff) format("woff"),url(/static/ulw/fonts/open-sans/open-sans-v23-latin-300.ttf) format("truetype"),url(/static/ulw/fonts/open-sans/open-sans-v23-latin-300.svg#OpenSans) format("svg")}@font-face{font-family:'Open Sans';font-style:italic;font-weight:300;src:url(/static/ulw/fonts/open-sans/open-sans-v23-latin-300italic.eot);src:local('Open Sans Light Italic'),local(OpenSans-LightItalic),url(/static/ulw/fonts/open-sans/open-sans-v23-latin-300italic.eot?#iefix) format("embedded-opentype"),url(/static/ulw/fonts/open-sans/open-sans-v23-latin-300italic.woff2) format("woff2"),url(/static/ulw/fonts/open-sans/open-sans-v23-latin-300italic.woff) format("woff"),url(/static/ulw/fonts/open-sans/open-sans-v23-latin-300italic.ttf) format("truetype"),url(/static/ulw/fonts/open-sans/open-sans-v23-latin-300italic.svg#OpenSans) format("svg")}@font-face{font-family:'Open Sans';font-style:normal;font-weight:400;src:url(/static/ulw/fonts/open-sans/open-sans-v23-latin-regular.eot);src:local('Open Sans Regular'),local(OpenSans-Regular),url(/static/ulw/fonts/open-sans/open-sans-v23-latin-regular.eot?#iefix) format("embedded-opentype"),url(/static/ulw/fonts/open-sans/open-sans-v23-latin-regular.woff2) format("woff2"),url(/static/ulw/fonts/open-sans/open-sans-v23-latin-regular.woff) format("woff"),url(/static/ulw/fonts/open-sans/open-sans-v23-latin-regular.ttf) format("truetype"),url(/static/ulw/fonts/open-sans/open-sans-v23-latin-regular.svg#OpenSans) format("svg")}@font-face{font-family:'Open Sans';font-style:italic;font-weight:400;src:url(/static/ulw/fonts/open-sans/open-sans-v23-latin-italic.eot);src:local('Open Sans Italic'),local(OpenSans-Italic),url(/static/ulw/fonts/open-sans/open-sans-v23-latin-italic.eot?#iefix) format("embedded-opentype"),url(/static/ulw/fonts/open-sans/open-sans-v23-latin-italic.woff2) format("woff2"),url(/static/ulw/fonts/open-sans/open-sans-v23-latin-italic.woff) format("woff"),url(/static/ulw/fonts/open-sans/open-sans-v23-latin-italic.ttf) format("truetype"),url(/static/ulw/fonts/open-sans/open-sans-v23-latin-italic.svg#OpenSans) format("svg")}@font-face{font-family:'Open Sans';font-style:normal;font-weight:600;src:url(/static/ulw/fonts/open-sans/open-sans-v23-latin-600.eot);src:local('Open Sans SemiBold'),local(OpenSans-SemiBold),url(/static/ulw/fonts/open-sans/open-sans-v23-latin-600.eot?#iefix) format("embedded-opentype"),url(/static/ulw/fonts/open-sans/open-sans-v23-latin-600.woff2) format("woff2"),url(/static/ulw/fonts/open-sans/open-sans-v23-latin-600.woff) format("woff"),url(/static/ulw/fonts/open-sans/open-sans-v23-latin-600.ttf) format("truetype"),url(/static/ulw/fonts/open-sans/open-sans-v23-latin-600.svg#OpenSans) format("svg")}@font-face{font-family:'Open Sans';font-style:italic;font-weight:600;src:url(/static/ulw/fonts/open-sans/open-sans-v23-latin-600italic.eot);src:local('Open Sans SemiBold Italic'),local(OpenSans-SemiBoldItalic),url(/static/ulw/fonts/open-sans/open-sans-v23-latin-600italic.eot?#iefix) format("embedded-opentype"),url(/static/ulw/fonts/open-sans/open-sans-v23-latin-600italic.woff2) format("woff2"),url(/static/ulw/fonts/open-sans/open-sans-v23-latin-600italic.woff) format("woff"),url(/static/ulw/fonts/open-sans/open-sans-v23-latin-600italic.ttf) format("truetype"),url(/static/ulw/fonts/open-sans/open-sans-v23-latin-600italic.svg#OpenSans) format("svg")}@font-face{font-family:'Open Sans';font-style:normal;font-weight:700;src:url(/static/ulw/fonts/open-sans/open-sans-v23-latin-700.eot);src:local('Open Sans Bold'),local(OpenSans-Bold),url(/static/ulw/fonts/open-sans/open-sans-v23-latin-700.eot?#iefix) format("embedded-opentype"),url(/static/ulw/fonts/open-sans/open-sans-v23-latin-700.woff2) format("woff2"),url(/static/ulw/fonts/open-sans/open-sans-v23-latin-700.woff) format("woff"),url(/static/ulw/fonts/open-sans/open-sans-v23-latin-700.ttf) format("truetype"),url(/static/ulw/fonts/open-sans/open-sans-v23-latin-700.svg#OpenSans) format("svg")}@font-face{font-family:'Open Sans';font-style:italic;font-weight:700;src:url(/static/ulw/fonts/open-sans/open-sans-v23-latin-700italic.eot);src:local('Open Sans Bold Italic'),local(OpenSans-BoldItalic),url(/static/ulw/fonts/open-sans/open-sans-v23-latin-700italic.eot?#iefix) format("embedded-opentype"),url(/static/ulw/fonts/open-sans/open-sans-v23-latin-700italic.woff2) format("woff2"),url(/static/ulw/fonts/open-sans/open-sans-v23-latin-700italic.woff) format("woff"),url(/static/ulw/fonts/open-sans/open-sans-v23-latin-700italic.ttf) format("truetype"),url(/static/ulw/fonts/open-sans/open-sans-v23-latin-700italic.svg#OpenSans) format("svg")}@font-face{font-family:'Open Sans';font-style:normal;font-weight:800;src:url(/static/ulw/fonts/open-sans/open-sans-v23-latin-800.eot);src:local('Open Sans ExtraBold'),local(OpenSans-ExtraBold),url(/static/ulw/fonts/open-sans/open-sans-v23-latin-800.eot?#iefix) format("embedded-opentype"),url(/static/ulw/fonts/open-sans/open-sans-v23-latin-800.woff2) format("woff2"),url(/static/ulw/fonts/open-sans/open-sans-v23-latin-800.woff) format("woff"),url(/static/ulw/fonts/open-sans/open-sans-v23-latin-800.ttf) format("truetype"),url(/static/ulw/fonts/open-sans/open-sans-v23-latin-800.svg#OpenSans) format("svg")}@font-face{font-family:'Open Sans';font-style:italic;font-weight:800;src:url(/static/ulw/fonts/open-sans/open-sans-v23-latin-800italic.eot);src:local('Open Sans ExtraBold Italic'),local(OpenSans-ExtraBoldItalic),url(/static/ulw/fonts/open-sans/open-sans-v23-latin-800italic.eot?#iefix) format("embedded-opentype"),url(/static/ulw/fonts/open-sans/open-sans-v23-latin-800italic.woff2) format("woff2"),url(/static/ulw/fonts/open-sans/open-sans-v23-latin-800italic.woff) format("woff"),url(/static/ulw/fonts/open-sans/open-sans-v23-latin-800italic.ttf) format("truetype"),url(/static/ulw/fonts/open-sans/open-sans-v23-latin-800italic.svg#OpenSans) format("svg")} @font-face {font-family:'Open Sans Light';src:url(/static/ulw/fonts/open-sans/OpenSans-Light.eot?) format("eot"),url(/static/ulw/fonts/open-sans/OpenSans-Light.woff) format("woff"),url(/static/ulw/fonts/open-sans/OpenSans-Light.ttf) format("truetype"),url(/static/ulw/fonts/open-sans/OpenSans-Light.svg#OpenSans-Light) format("svg");font-weight:normal;font-style:normal;} /* julius-sans-one-regular - latin_latin-ext */ @font-face { font-family: 'Julius Sans One'; font-style: normal; font-weight: 400; src: url('/static/ulw/fonts/julius-sans-one-v6-latin_latin-ext-regular.eot'); /* IE9 Compat Modes */ src: local('Julius Sans One'), local('JuliusSansOne-Regular'), url('/static/ulw/fonts/julius-sans-one-v6-latin_latin-ext-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/static/ulw/fonts/julius-sans-one-v6-latin_latin-ext-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('/static/ulw/fonts/julius-sans-one-v6-latin_latin-ext-regular.woff') format('woff'), /* Modern Browsers */ url('/static/ulw/fonts/julius-sans-one-v6-latin_latin-ext-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('/static/ulw/fonts/julius-sans-one-v6-latin_latin-ext-regular.svg#JuliusSansOne') format('svg'); /* Legacy iOS */ } body { background-color: #fff; font-family: 'Open Sans', sans-serif; font-size: 13pt; color: #777777; background-image: url(/static/ulw/hg-page.jpg); background-repeat: no-repeat; background-attachment: fixed; background-position: top center; background-size: cover; } /*#startseite { background-image: url(/static/ulw/hg-startseite.jpg); }*/ #startbild { display: none; padding-top: 68px; } #startbild img { width: 100%; } a:focus { outline:none; } a { color:#8bc53e; } a:link { text-decoration:none; } a:visited { text-decoration:none; } a:active { text-decoration:none; } a:hover { color:#8bc53e; text-decoration:none; } [placeholder]:focus::-webkit-input-placeholder { transition: opacity 0.5s 0.5s ease; opacity: 0; } ::-webkit-input-placeholder { /* WebKit browsers */ color: #636363; } :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #636363; opacity: 1; } ::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #636363; opacity: 1; } :-ms-input-placeholder { /* Internet Explorer 10+ */ color: #636363; } .imgleft { float: left; margin-right:30px; margin-bottom:20px; } .imgright { float: right; margin-left:30px; margin-bottom:20px; } #wrap-head { } #head { max-width: 1600px; margin: 0 auto; position: relative; } #logo { padding-top: 22px; padding-left: 23px; padding-bottom: 17px; float: left; } #logo img { display: block; } #claim { font-size: 26pt; color: #89443b; font-style: italic; float: left; padding-left: 133px; padding-top: 52px; } #suche { float: right; padding-right: 49px; padding-top: 24px; position: absolute; right: 0; } #wrap-navigation { height: 60px; border-top: 1px solid #8bc53e; background-color: #8bc53e; } #navigation { max-width: 1600px; margin: 0 auto; } #suche-lupe { float: right; padding-right: 15px; cursor: pointer; } #suche-slider { float: left; overflow: hidden; width: 0px; padding-top: 2px; } #suche-form { width: 280px; } #suche-eingabe { float: left; margin: 0 10px; } #suche-eingabe input { padding: 4px; border: 1px solid #8bc53e; font-size: 13pt; } #suche-senden { width: 24px; height: 29px; float: left; border: 1px solid #8bc53e; cursor: pointer; } #suche-pfeil { width: 0; height: 0; margin-left: 9px; margin-top: 8px; border: 7px solid #8bc53e; border-top: 7px solid transparent; border-bottom: 7px solid transparent; border-right: 7px solid transparent; } #nav { padding: 0 20px; } #nav a { display: block; float: left; color: #fff; font-size: 16pt; padding: 17px 0 15px 0; text-transform: uppercase; letter-spacing: 1px; } #nav ul { list-style:none; text-align: justify; } #nav li { height: 33px; padding-bottom: 6px; text-align: -webkit-match-parent; display: inline-block; } #nav li ul li { padding-right:0px; } #nav li ul li a { padding-right:20px !important; } #nav .last-li { padding-right:0; } #nav ul li { position:relative; } #nav ul li ul li { position:relative; clear:left; } #nav ul li ul li ul li { position:relative; clear:left; } #nav ul li ul li ul li ul li { position:relative; clear:left; } #nav ul li a { } #nav ul li a.maintext { padding-top: 14px; padding-bottom: 15px; padding-right: 9px; padding-left: 9px; } #nav ul li ul li a.subtext { float:left; border-bottom:1px solid #63a346; background-color:#8bc53e; display:block; width:300px; height:17px; padding:12px 5px 12px 29px; color: #fff; letter-spacing: 1px; font-size: 12pt; } #nav ul li ul li ul li a.subtext { float:left; border-bottom:1px solid #63a346; background-color:#8bc53e; display:block; width:210px; height:17px; padding:12px 5px 12px 5px; color: #fff; } #nav ul li ul li ul li ul li a.subtext { float:left; border-bottom:1px solid #63a346; background-color:#8bc53e; display:block; width:210px; height:17px; padding:12px 5px 12px 5px; color: #fff; } #nav ul li ul { position: absolute; z-index: 1000; left: 0; top: 50px; border: 1px solid #63a346; border-top: 0; background-color: #72c04e; } #nav ul li ul li ul { position: absolute; z-index: 900; left: 329px; top: 0; } #nav ul li ul li ul li ul { position: absolute; z-index: 800; border-top: 1px solid #d3d3d3; left: 215px; top: 0; } #nav ul li ul { overflow: visible !important; } .mainliclick { float:left; padding: 0 !important; width: 31px; height: 50px; background-image:url(/static/ulw/nav-btn-open-v.png); background-position: 0px 16px; background-repeat:no-repeat; } .sub1liclick { position:absolute; top:8px; right:5px; display:block; float:left; width:31px; height:31px; background-image:url(/static/ulw/nav-btn-open-h.png); background-position:top right; background-repeat:no-repeat; } .sub2liclick { position:absolute; top:5px; right:5px; display:block; float:left; width:31px; height:31px; background-image:url(/static/ulw/nav-btn-open-h.png); background-position:top right; background-repeat:no-repeat; } #nav li ul li a { padding-right:0px !important; } .submenuleft { left: -215px !important; } .mainli:hover .mainliclick { background-image:url(/static/ulw/nav-btn-close-v.png); } .sub1li:hover .sub1liclick { background-image:url(/static/ulw/nav-btn-close-h.png); background-position: top right; } .sub2li:hover .sub2liclick { background-image:url(/static/ulw/nav-btn-close-h.png); background-position: top right; } #nav100 { padding: 0; margin: 0; padding-left: 100%; height: 1px !important; } #nav a:focus { outline:none; } #nav a { color:#fff; } #nav a:link { text-decoration:none; } #nav a:visited { text-decoration:none; } #nav a:active { text-decoration:none; } #nav a:hover { color:#fff; text-decoration:none; } #wrap-head-mobile { display: none; height: 68px; background-color: #fff; position: fixed; width: 100%; z-index: 150; } #head-mobile { height: 61px; } #nav-mobile-button { float: right; cursor: pointer; padding: 29px 7px 19px 7px; width: 25px; } .menu-line { width: 25px; height: 3px; margin-bottom: 3px; background-color: #8bc53e; } #head-mobile-zusatz { float: left; } #head-mobile-logo { float: left; } #head-mobile-logo img { float: left; border: 0; height: 47px; padding: 10px 5px 0px 10px; display: block; } #mobile-navigation { display: none; height: 100vh; width: 100vw; position: fixed; top: 0; left: 0; background-color: rgba(109, 109, 109, 0.8); z-index: 2600; } #nav-content { width: 90vw; height: 100vh; background-color: #fff; overflow-y: auto; } #ios-menu-korrektur { width: 100%; height: 70px; } #mnav-head { position: relative; text-align: center; padding-top: 15px; color: #89443b; font-size: 18pt; padding-bottom: 10px; } #nav-close { position: absolute; top: 12px; right: 10px; color: #515151; width: 25px; height: 25px; border-radius: 26px; background-color: #d3d3d3; border: 1px solid grey; font-weight: bold; padding-left: 1px; padding-top: 1px; font-family: Arial; cursor: pointer; font-size: 15pt; } #mnav-body { } #mnav-body a { text-decoration: none; color: #fff; } #mnav-body ul { list-style: none; padding: 0; margin: 0; } #mnav-body ul li a { padding-top: 5px; padding-bottom: 5px; border-bottom: 1px solid #63a346; display: block; } #mnav-body ul li { } .manv0 { padding-left: 20px; background-color: #8bc53e; color: #fff; } .manv1 { padding-left: 40px; background-color: #fff; color: #e60007; } .manv2 { padding-left: 60px; } .manv3 { padding-left: 80px; } #mnav-body a.manv1 { color: #474747; } #mnav-body a.manv2 { color: #474747; } #mnav-body a.manv3 { color: #474747; } .mnavli0 { position: relative; } .mnavli1 { position: relative; } .mnavli2 { position: relative; } .mnavli3 { } .show-sub-nav { position: absolute; top: 1px; right: 0; padding-top: 2px; padding-bottom: 8px; padding-right: 10px; padding-left: 10px; z-index: 3000; cursor: pointer; } .marrow { border: 6px solid #fff; font-size: 0; line-height: 0; height: 0; padding: 0; margin: 0; border-right-color: transparent; border-bottom-color: transparent; border-left-color: transparent; } .isclicked .marrow { border-top-color: transparent; border-bottom-color: #fff; } .show-sub-nav.isclicked { top: -2px; padding-top: 0; padding-bottom: 12px; } .mnavul1 { display: none; } .mnavul2 { display: none; } .mnavul3 { display: none; } .mnavli1 .marrow { border: 6px solid #2B54A0; border-right-color: transparent; border-bottom-color: transparent; border-left-color: transparent; } .mnavli1 .isclicked .marrow { border-top-color: transparent; border-bottom-color: #2B54A0; } #claim-text { float: left; font-size: 18pt; padding-top: 24px; padding-left: 20px; color: #89443b; width: 193px; } #claim-text img { width: 100%; } #content-wrap { max-width: 1600px; margin: 0 auto; padding: 25px 0 0 0; display: flex; gap: 60px; } #content { flex-grow: 1; } #content h2 { font-weight: normal; padding-bottom: 15px; font-size: 16pt; } #content p { padding-bottom: 20px; } #content ul { padding-left: 17px; } #content ol { padding-left: 34px; } #content-inner { padding: 0 30px 15px 30px; } #seitentitel { padding-bottom: 25px; } #seitentitel h1 { font-size: 18pt; /* font-family: 'Julius Sans One';*/ font-weight: normal; text-transform: uppercase; word-break: break-word; } .content-trenner { width: 100%; height: 15px; } .show-ifb { /* float: left; width: 870px; */ } #infoboxen { flex: 0 0 330px; width: 100%; padding-right: 30px; padding-top: 51px; } .infobox { padding-bottom: 40px; } #wrap-boxen-unten { max-width: 1200px; margin: 0 auto; display: flex; justify-content: space-between; } .sboxen { padding-top: 600px; } .box { /*-webkit-box-shadow: 0px 6px 18px 0px rgba(137,68,59,1); -moz-box-shadow: 0px 6px 18px 0px rgba(137,68,59,1); box-shadow: 0px 6px 18px 0px rgba(137,68,59,1); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background-color: #fff;*/ width: 348px; } .box-inner { padding: 10px; } .box-titel { text-transform: uppercase; color: #89443b; padding-bottom: 8px; padding-top: 3px; /*font-family: 'Julius Sans One';*/ font-size: 12pt; } .box-bild { } .box-bild a { display: block; position: relative; } .box-bild img { display: block; } .box-button { position: absolute; bottom: 8px; right: 8px; width: 23px !important; } #box1 { } #box2 { } #box3 { } #wrap-fusszeile { max-width: 1600px; margin: 0 auto; padding-bottom: 20px; padding-top: 42px; } #fusszeile { font-size: 15pt; } #fusszeile ul { list-style: none; text-align: justify; } #fusszeile ul li { text-align: -webkit-match-parent; display: inline-block; position: relative; text-transform: uppercase; } #fusszeile ul li a { color: #8bc53e; } #fuss100 { padding-left: 100%; } #copyright { text-align: center; color: #A2A2A2; font-family: Verdana, Arial, Helvetica; font-size: 10pt; } .ifb { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border: 1px solid #e4e4e4; background-color: #fff; width: 100%; } .ifb-inner { padding: 10px; } .ifb-titel { text-transform: uppercase; color: #8bc53e; padding-bottom: 11px; padding-top: 0px; font-size: 16pt; } .ifb-bild { } .ifb-bild a { display: block; } .ifb-bild a img { width: 100%; display: block; } .ifb-text { padding-top: 15px; } #kontaktform { } #kontakt { } .form-feld { margin-bottom: 10px; } .feld-name { padding-bottom: 5px; } .feld-input { } label { display: block; padding-bottom: 5px; } .formlist { list-style: none; padding: 0 !important; margin: 0; } .formlist li { float: left; width: 50%; margin-bottom: 10px; } .smalllist li { width: 33.33%; } #nachricht { height: 110px; width: 94%; } .ffeld { width: 88%; padding: 6px; border: 1px solid #8bc53e; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; font-size: 13pt; } .btn { padding: 5px; width: 125px; } .akt-meldung { padding-bottom: 20px; } .akt-bild { float: left; padding-right: 20px; width: 25%; max-width: 250px; } .akt-bild img { width: 100%; } .mehrlink { padding-top: 10px; text-align: right; padding-right: 20px; } .newsBackLink { padding-top: 10px; text-align: right; padding-right: 20px; } #angebote-suche { padding-bottom: 30px; padding-top: 15px; } #angebote-liste { display: flex; flex-wrap: wrap; gap: 40px; padding-top: 40px; } .wag { flex: 0 0 48%; } .wag-inner { padding: 0 15px; } .wag-inner a { display: flex; padding: 10px; border: 1px solid #72C04E; transition: background-color 0.5s ease; color: #777777 !important; min-height: 130px; } .wag-inner a:hover { background-color: rgba(114, 192, 78, 0.1); border-color: #63a346; } .wag-bild { flex: 0 0 200px; display: block; padding-right: 25px; } .wag-bild img { display: block; max-width: 200px; } .wag-no-pic { min-height: 1px; } .wag-infos { display: block; flex-grow: 1; } .wag-adresse { display: block; padding-bottom: 15px; } .wag-zimmer { display: block; float: left; width: 50%; } .wag-flaeche { display: block; float: left; width: 50%; } .wag-etage { display: block; float: left; width: 50%; padding-top: 15px; } .wag-balkon { display: block; float: left; width: 50%; padding-top: 15px; } .wag-clear { display: block; clear: both; } #wl-infos-left { float: left; width: 70%; } #wl-infos-right { float: right; width: 30%; text-align: center; } .wd-inner { padding: 10px; } #wd-info-left { width: 60%; float: left; } #wd-info-right { width: 40%; float: left; } .wd-info { margin-bottom: 10px; } .wd-info::after { content: ''; display: block; clear: both; } .wd-info-left { float: left; width: 40%; } .wd-info-right { float: left; width: 60%; } .wd-preis { width: 100px; text-align: right; } #wd-texte { padding-top: 15px; } .wd-text { padding-bottom: 25px; } .text-head { font-weight: bold; padding-bottom: 8px; } #wd-pic { padding-bottom: 25px; } #wd-links { } #wd-links a { display: block; margin-bottom: 15px; } .new-start-box { width: 300px; margin: 0 auto; } #mobile-footer-nav { text-align: center; padding: 12px 0 20px 0; } #mobile-footer-nav a { color: #8bc53e; } #head-wihnachten { /*background-image: url(/static/ulw/hg-head.jpg); background-position: top center; background-repeat: no-repeat;*/ } #image-weihnachten { background-position: top center; background-repeat: no-repeat; } /*#footer-weihnachten { background-image: url(/static/ulw/hg-footer.jpg); background-position: top center; background-repeat: repeat-y; }*/ #cookie-info { position: fixed; bottom: 10px; z-index: 10000; width: 100%; } #cookie-info-content { max-width: 625px; margin: 0 auto; background-color: rgb(242, 240, 242); color: #000; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; text-align: center; padding: 10px; border: 2px solid #8bc53e; } #cookie-info-text { font-size: 9pt; } #cookie-info-button { } #cookie-info-button span { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; display: inline-block; padding: 5px 10px; color: #fff; background-color: #8bc53e; margin-top: 10px; cursor: pointer; } #cookie-info-spacer { height: 105px; width: 100%; } #social-links { position: absolute; right: 55px; top: 60px; } #social-links a { display: inline-block; padding: 5px 3px; font-size: 23pt; color: #474747; } #social-links a:hover { color: #8bc53e; -webkit-transition: color 250ms linear; -moz-transition: color 250ms linear; -o-transition: color 250ms linear; transition: color 250ms linear; } #social-links-mobile { display: none; text-align: center; padding-bottom: 10px; } #social-links-mobile a { display: inline-block; color: #474747; font-size: 23pt; } .suche-slider { box-sizing: border-box; padding: 22px 0 0 0; } .suche-slider.start-slider { padding: 0; } .slider-table { display: table; width: 100%; padding-bottom: 15px; } .last-slider .slider-table { padding-bottom: 5px; } .slider-td { display: table-cell; vertical-align: top; } .slider-left { width: 70px; } .slider-right { width: 70px; } .slider-td span { display: block; text-align: center; font-size: 12pt; } .slider-inner { padding: 0 18px; position: relative; } .slider-titel { position: absolute; width: 100%; text-align: center; top: -22px; left: 0; font-size: 11pt; font-weight: bold; } .noUi-horizontal { margin-top: 2px; height: 10px; } .noUi-target { background: rgb(208, 208, 208); box-shadow: none; } .noUi-handle { box-shadow: none; background: #72c04e; } .noUi-horizontal .noUi-handle { height: 22px; top: -7px; } .noUi-handle:after, .noUi-handle:before { height: 9px; } .area-headline { font-weight: bold; padding-bottom: 8px; } #objekttyp { padding-bottom: 25px; } .objtyp { float: left; padding-right: 60px; box-sizing: border-box; } .objtyp label { display: inline-block; padding-left: 5px; } #wwslider { padding-bottom: 25px; } .slider { float: left; width: 50%; box-sizing: border-box; } .slider:nth-child(odd) { padding-right: 25px; clear: both; } .slider:nth-child(even) { padding-left: 25px; } #wgebiete { padding-bottom: 25px; } .wgebiet { float: left; width: 25%; padding-right: 20px; box-sizing: border-box; } .wgebiet label { display: inline-block; padding-left: 5px; } #wwbalkon { padding-bottom: 25px; } .balkon { float: left; padding-right: 60px; box-sizing: border-box; } .balkon label { display: inline-block; padding-left: 5px; } .formlist-date { list-style: none; padding: 0 !important; margin: 0; } .formlist-date li { float: left; width: 150px; margin-bottom: 10px; box-sizing: border-box; padding-right: 25px; } .formlist-date li .ffeld { width: 100%; box-sizing: border-box; text-align: center; } #wwzeitraum { padding-bottom: 25px; } .ui-datepicker-prev { display: none; } .ui-datepicker-next { display: none; } #ww-besonders { padding-bottom: 25px; } #ww-besonders .ffeld { width: 100%; } .kal_tag_termin { background-color: #72c04e; color: #a03422; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; padding: 2px 2px 3px 2px; } .kal_tag_termin_vorbei { background-color: #dedede; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; padding: 2px 2px 3px 2px; } .kal_tag_termin_havetermin { background-color: #a03422; color: #fff; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; padding: 2px 2px 3px 2px; } .kal_tag_termin_gebucht { background-color: #ff0000; color: #fff; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; padding: 2px 2px 3px 2px; } .calendarbox { } .calendarbox a { color: #000; display: block; } .calendarbox a:hover { color: #000; display: block; } .calendarbox a:visited { color: #000; display: block; } .kal_tag_termin a { color: #474747; } .kal_tag_termin a:hover { color: #474747; } .kal_tag_termin a:visited { color: #474747; } .kal_tag_termin_havetermin a { color: #fff; } .kal_tag_termin_havetermin a:hover { color: #fff; } .kal_tag_termin_havetermin a:visited { color: #fff; } .kal_tag_termin_gebucht a { color: #fff; } .kal_tag_termin_gebucht a:hover { color: #fff; } .kal_tag_termin_gebucht a:visited { color: #fff; } .kal_titel_gr { padding: 15px 0; font-size: 12pt; } .cal-controls i { font-size: 15pt; } .cal-titel { font-size: 12pt; text-align: center; } .d-none { display: none!important; } #gwpreise { padding: 30px 0; } #gwpreise table th.text-left { text-align: left; } #gwpreise table th.text-right { text-align: right; } #gwpreise table td.text-right { text-align: right; } #ansprechpartner { } .asp-item h3 { font-weight: 600; font-size: 15pt; display: inline-block; padding-left: 10px; } #ansprechpartner .asp-kat:not(:first-child) { padding-top: 50px; } .asp-kat h2 { padding-bottom: 0 !important; } .asp-cont { display: flex; column-gap: 40px; padding: 25px 0 0 25px; } .asp-name { min-width: 215px; } .asp-telefon { min-width: 150px; } .asp-info { padding-left: 25px; } .asp-info p { padding-bottom: 0 !important; } .asp-namezusatz { display: block; } @media screen and (max-width: 2000px){ #image-weihnachten { background-size: 100%; } .sboxen { padding-top: 33vw; } } @media screen and (max-width: 1200px){ #head { position: relative; } #claim { padding-top: 62px; padding-left: 65px; } #claim img { width: 392px; } #suche { float: none; position: absolute; padding: 0; top: 25px; right: 25px; } #nav a { font-size: 12pt; } #nav ul li a.maintext { padding-top: 21px; } .box { width: 300px; } .box-bild img { width: 100%; } .show-ifb { width: 65%; } .wag { flex: 0 0 100%; } .wag-infos { width: 57%; } #wd-pic { } #wd-pic img { width: 100%; } #social-links { right: 32px; top: 67px; } } @media screen and (max-width: 999px){ #suche { display: none; } #wrap-head { display: none; } #wrap-navigation { display: none; } #fusszeile { display: none; } #wrap-head-mobile { display: block; } #startseite { background-image: url(/static/ulw/hg-page.jpg); } #startbild { display: block; } .sboxen { padding-top: 0; margin-top: -30px !important; z-index: 100; position: relative; } .slider { float: none; width: auto; } .slider:nth-child(odd) { padding-right: 0; } .slider:nth-child(even) { padding-left: 0; } #content-wrap { padding: 79px 0 0 0; } #logo img { width: 300px; } #claim { float: right; padding-right: 25px; padding-left: 0; padding-top: 44px; font-size: 23pt; } #wrap-boxen-unten { justify-content: center; flex-wrap: wrap; gap: 30px; } #content-wrap { gap: 30px; flex-direction: column; } .infobox { max-width: 330px; } .show-ifb { float: none; width: auto; } #infoboxen { float: none; margin: 0 auto; padding: 0; } #infoboxen-inner { display: flex; flex-wrap: wrap; justify-content: space-around; gap: 40px; } .infobox { padding: 0; } .wag { float: none; width: auto; } .wag-infos { width: 72%; } #wd-pic { } #wd-pic img { width: 100%; } #mobile-footer-nav { display: block; } #image-weihnachten { background: none !important; } #footer-weihnachten { background: none !important; } #social-links-mobile { display: block; } } @media screen and (max-width: 764px){ #suche { display: none; } #wrap-head { display: none; } #wrap-navigation { display: none; } #fusszeile { display: none; } #wrap-head-mobile { display: block; } #startseite { background-image: url(/static/ulw/hg-page.jpg); } #startbild { display: block; } .sboxen { padding-top: 0; margin-top: -30px !important; z-index: 100; position: relative; } .slider { float: none; width: auto; } .slider:nth-child(odd) { padding-right: 0; } .slider:nth-child(even) { padding-left: 0; } .wgebiet { width: 50%; } #content-wrap { padding: 79px 0 0 0; } #wrap-fusszeile { padding-top: 10px; } #cookie-info-spacer { height: 135px; } #logo img { width: 300px; } #claim { float: right; padding-right: 25px; padding-left: 0; padding-top: 44px; font-size: 23pt; } #wrap-boxen-unten { margin: 0 20px; } .box { width: auto; max-width: 300px; } .box-bild img { width: 100%; } #copyright { padding: 0 20px; } .show-ifb { float: none; width: auto; } #infoboxen { float: none; margin: 0 auto; padding-right: 0; padding-top: 15px; } .formlist li { float: none; width: 100%; margin-bottom: 15px; } .ffeld { width: 97%; } #nachricht { width: 97%; } .wag { float: none; width: auto; } .wag-inner { padding: 0; } .wag-inner a { min-height: 1px; flex-wrap: wrap; } .wag-no-pic { display: none; } .wag-bild { float: none; padding-right: 0; padding-bottom: 20px; flex: 0 0 100%; text-align: center; } .wag-bild img { max-width: 300px; width: 100%; margin: 0 auto; } .wag-adresse { text-align: center; } .wag-infos { float: none; width: auto; } .wag-daten { display: flex; flex-wrap: wrap; justify-content: space-around; gap: 20px; } .wag-zimmer { float: none; width: auto; } .wag-flaeche { float: none; width: auto; padding-top: 0; } .wag-balkon { float: none; width: auto; padding-top: 0; } .wag-etage { float: none; width: auto; padding-top: 0; } #wl-infos-left { float: none; width: auto; } #wl-infos-right { float: none; width: auto; text-align: left; } #wd-info-left { float: none; width: auto; } #wd-info-right { float: none; width: auto; } #wd-pic img { width: 100%; } #mobile-footer-nav { display: block; } #image-weihnachten { background: none !important; } #footer-weihnachten { background: none !important; } #social-links-mobile { display: block; } } @media only screen and (max-width: 700px) { .asp-cont { flex-wrap: wrap; padding-bottom: 10px; } .asp-name { flex: 0 0 100%; padding-bottom: 10px; } } @media only screen and (max-width: 500px) { #claim-text { display: none; } } .cookie-informationen { display: table; box-sizing: border-box; padding-bottom: 25px; } .cookie-informationen * { box-sizing: border-box; } .cookie-row { display: table-row; } .cookie-info-name { display: table-cell; vertical-align: top; white-space: nowrap; padding: 0 0 5px 0; font-weight: bold; font-style: italic; } .cookie-info-text { display: table-cell; vertical-align: top; padding: 0 0 5px 10px; } .cookie-info-text p { padding-bottom: 0 !important; margin-bottom: 0 !important; } .iframe-daten-info { background-color: rgb(128 128 128 / 22%); padding: 50px 10px; text-align: center; } .idi-text { } .idi-text p { padding-bottom: 0; margin-bottom: 0; } .idi-form { padding-top: 20px; } .idi-button { border: 1px solid #d3d3d3; cursor: pointer; background-color: #67a8d6; color: #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; display: inline-block; padding: 6px 10px; } #cookie-opt-in * { box-sizing: border-box; } #cookie-opt-in { position: fixed; bottom: 0; left: 0; width: 100%; background-color: rgba(0,0,0,0.85); z-index: 3500; color: #fff; padding: 10px; box-sizing: border-box; font-size: 11pt; } #coi-center { max-width: 900px; margin: 0 auto; } #coi-infotext-mobile { display: none; } .coi-infolinks { padding: 10px 0 5px 0; } #coi-form { padding-top: 10px; } #coi-form-tbl { display: table; width: 100%; } #coi-text-and-boxes { display: table-cell; vertical-align: middle; } #coi-cookies { display: flex; flex-wrap: wrap; } .coi-checkbox { padding-right: 20px; } #cookie-opt-in label { display: inline-block; } #coi-form-trenner { display: table-cell; width: 25px; } #coi-form-buttons { display: table-cell; vertical-align: top; width: 175px; text-align: center; } #coi-form button { border: 0; cursor: pointer; background-color: #8bc53e; color: #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding: 6px 10px; } #coi-form button.btn-dark { background-color: #464646; } #coi-form-buttons button { width: 100%; } #coi-form-buttons div { text-align: center; margin-top: 15px; font-size: 10pt; color: #888; } #cookie-info-spacer { width: 100%; height: 33px; } @media screen and (max-width: 768px){ .coi-cookie { flex: 0 0 100%; } #coi-infolinks { font-size: 10pt; } #coi-form { padding-top: 10px; } #coi-infotext-mobile { display: block; } #coi-infotext { display: none; } #coi-center { padding-top: 0; } } /* Consent Banner */ #consent-banner { position: fixed; bottom: 0; left: 0; width: 100%; background-color: rgba(0,0,0,0.85); z-index: 5000; color: #fff; font-size: 11pt; } #consent-banner, #consent-banner * { box-sizing: border-box; } #consent-banner-center { max-width: 1000px; padding: 10px; display: flex; gap: 35px; margin: 0 auto; } #consent-banner-left { flex-grow: 1; } #consent-banner-right { flex: 0 0 175px; } #content-banner-buttons { display: flex; flex-direction: column; gap: 25px; } .consent-banner-button > button { width: 100%; } #consent-banner-text { padding-bottom: 10px; } #consent-banner-links { display: flex; gap: 20px; } /*#consent-banner-links a { text-decoration: underline; font-weight: bold; }*/ #consent-banner-checkboxen { display: flex; gap: 30px; padding-top: 10px; flex-wrap: wrap; } .cb-btn { background-color: #8bc53e; color: #fff; border: 0; border-radius: 3px; padding: 6px; cursor: pointer; } .form-check { display: flex; gap: 5px; } /*.consent-banner-unblock-info { background-color: rgb(54 54 54 / 75%); color: #fff; font-size: 11pt; text-align: center; padding: 15px; } .consent-banner-unblock-info-text p { padding-bottom: 0; margin-bottom: 0; } .consent-banner-unblock-info-link { padding-top: 10px; } .consent-banner-unblock-info-button { padding-top: 15px; }*/ @media screen and (max-width: 1024px){ #consent-banner-center { flex-direction: column; gap: 15px; } #consent-banner-left { flex: 0 0 100%; } #consent-banner-right { flex: 0 0 auto; } #content-banner-buttons { flex-direction: row; justify-content: center; } .consent-banner-button { flex: 0 0 175px; } } @media screen and (max-width: 450px){ #content-banner-buttons { flex-direction: column; gap: 10px; } .consent-banner-button { flex: 0 0 auto; } } /* Consent Banner */ #designbody { background: none; background-color: #fff; color: #000; } #designbody ul,ol { padding-left: 21px; } #designbody p { padding-bottom: 17px; } .mceContentBody { padding-top: 0px !important; }