.kein-text-umbruch { white-space: nowrap; } .infobox-galerie { display: grid; grid-template-columns: repeat(2, 1fr); grid-column-gap: 40px; grid-row-gap: 40px; padding: 40px 0; } .infobox-galerie-bild img { display: block; width: 100%; } .nav-link:focus-visible { box-shadow: 0 0 0 0.25rem rgb(0 45 94 / 25%); } .dropdown-item:hover, .dropdown-item:focus { background-color: #005bc0; } .dropdown-item { font-weight: 300; } #header-small { display: none; } .img-container, .img-container a { position: relative; display: block; } .img-icon { position: absolute; right: 5px; bottom: 5px; background-color: #0070eb; width: 35px; height: 35px; display: flex; justify-content: center; align-items: center; border-radius: 35px; border: 1px solid #fff; } .img-icon svg { color: #fff; } .inh-abs-text a:has(img) { position: relative; display: block; } .inh-abs-text a:has(img) .img-icon { bottom: initial; top: 5px; } .inh-abs-text a:has(img.imgleft) .img-icon { right: initial; left: 5px; } .carousel-item-content .img-icon { left: 50%; transform: translateX(-50%); top: 5px; right: initial; bottom: initial; } /* Navigation und Überschriften */ @font-face{font-family:'Oswald';font-style:normal;font-weight:200;src:url(/static/wgrrd/fonts/oswald-v16-latin-200.eot);src:local('Oswald ExtraLight'),local(Oswald-ExtraLight),url(/static/wgrrd/fonts/oswald-v16-latin-200.eot?#iefix) format("embedded-opentype"),url(/static/wgrrd/fonts/oswald-v16-latin-200.woff2) format("woff2"),url(/static/wgrrd/fonts/oswald-v16-latin-200.woff) format("woff"),url(/static/wgrrd/fonts/oswald-v16-latin-200.ttf) format("truetype"),url(/static/wgrrd/fonts/oswald-v16-latin-200.svg#Oswald) format("svg")} @font-face{font-family:'Oswald';font-style:normal;font-weight:300;src:url(/static/wgrrd/fonts/oswald-v16-latin-300.eot);src:local('Oswald Light'),local(Oswald-Light),url(/static/wgrrd/fonts/oswald-v16-latin-300.eot?#iefix) format("embedded-opentype"),url(/static/wgrrd/fonts/oswald-v16-latin-300.woff2) format("woff2"),url(/static/wgrrd/fonts/oswald-v16-latin-300.woff) format("woff"),url(/static/wgrrd/fonts/oswald-v16-latin-300.ttf) format("truetype"),url(/static/wgrrd/fonts/oswald-v16-latin-300.svg#Oswald) format("svg")} @font-face{font-family:'Oswald';font-style:normal;font-weight:400;src:url(/static/wgrrd/fonts/oswald-v16-latin-regular.eot);src:local('Oswald Regular'),local(Oswald-Regular),url(/static/wgrrd/fonts/oswald-v16-latin-regular.eot?#iefix) format("embedded-opentype"),url(/static/wgrrd/fonts/oswald-v16-latin-regular.woff2) format("woff2"),url(/static/wgrrd/fonts/oswald-v16-latin-regular.woff) format("woff"),url(/static/wgrrd/fonts/oswald-v16-latin-regular.ttf) format("truetype"),url(/static/wgrrd/fonts/oswald-v16-latin-regular.svg#Oswald) format("svg")} @font-face{font-family:'Oswald';font-style:normal;font-weight:500;src:url(/static/wgrrd/fonts/oswald-v16-latin-500.eot);src:local('Oswald Medium'),local(Oswald-Medium),url(/static/wgrrd/fonts/oswald-v16-latin-500.eot?#iefix) format("embedded-opentype"),url(/static/wgrrd/fonts/oswald-v16-latin-500.woff2) format("woff2"),url(/static/wgrrd/fonts/oswald-v16-latin-500.woff) format("woff"),url(/static/wgrrd/fonts/oswald-v16-latin-500.ttf) format("truetype"),url(/static/wgrrd/fonts/oswald-v16-latin-500.svg#Oswald) format("svg")} @font-face{font-family:'Oswald';font-style:normal;font-weight:600;src:url(/static/wgrrd/fonts/oswald-v16-latin-600.eot);src:local('Oswald SemiBold'),local(Oswald-SemiBold),url(/static/wgrrd/fonts/oswald-v16-latin-600.eot?#iefix) format("embedded-opentype"),url(/static/wgrrd/fonts/oswald-v16-latin-600.woff2) format("woff2"),url(/static/wgrrd/fonts/oswald-v16-latin-600.woff) format("woff"),url(/static/wgrrd/fonts/oswald-v16-latin-600.ttf) format("truetype"),url(/static/wgrrd/fonts/oswald-v16-latin-600.svg#Oswald) format("svg")} @font-face{font-family:'Oswald';font-style:normal;font-weight:700;src:url(/static/wgrrd/fonts/oswald-v16-latin-700.eot);src:local('Oswald Bold'),local(Oswald-Bold),url(/static/wgrrd/fonts/oswald-v16-latin-700.eot?#iefix) format("embedded-opentype"),url(/static/wgrrd/fonts/oswald-v16-latin-700.woff2) format("woff2"),url(/static/wgrrd/fonts/oswald-v16-latin-700.woff) format("woff"),url(/static/wgrrd/fonts/oswald-v16-latin-700.ttf) format("truetype"),url(/static/wgrrd/fonts/oswald-v16-latin-700.svg#Oswald) format("svg")} /* Claim Font "Helvetica Neue" */ @font-face{font-family:'Gothic A1';font-style:normal;font-weight:400;src:url(/static/wgrrd/fonts/gothic-a1-v5-latin-regular.eot);src:local('Gothic A1 Regular'),local(GothicA1-Regular),url(/static/wgrrd/fonts/gothic-a1-v5-latin-regular.eot?#iefix) format("embedded-opentype"),url(/static/wgrrd/fonts/gothic-a1-v5-latin-regular.woff2) format("woff2"),url(/static/wgrrd/fonts/gothic-a1-v5-latin-regular.woff) format("woff"),url(/static/wgrrd/fonts/gothic-a1-v5-latin-regular.ttf) format("truetype"),url(/static/wgrrd/fonts/gothic-a1-v5-latin-regular.svg#GothicA1) format("svg")} @font-face{font-family:'Gothic A1';font-style:normal;font-weight:800;src:url(/static/wgrrd/fonts/gothic-a1-v5-latin-800.eot);src:local('Gothic A1 ExtraBold'),local(GothicA1-ExtraBold),url(/static/wgrrd/fonts/gothic-a1-v5-latin-800.eot?#iefix) format("embedded-opentype"),url(/static/wgrrd/fonts/gothic-a1-v5-latin-800.woff2) format("woff2"),url(/static/wgrrd/fonts/gothic-a1-v5-latin-800.woff) format("woff"),url(/static/wgrrd/fonts/gothic-a1-v5-latin-800.ttf) format("truetype"),url(/static/wgrrd/fonts/gothic-a1-v5-latin-800.svg#GothicA1) format("svg")} /* Content */ @font-face{font-family:'Open Sans';font-style:normal;font-weight:300;src:url(/static/wgrrd/fonts/open-sans-v15-latin-300.eot);src:local('Open Sans Light'),local(OpenSans-Light),url(/static/wgrrd/fonts/open-sans-v15-latin-300.eot?#iefix) format("embedded-opentype"),url(/static/wgrrd/fonts/open-sans-v15-latin-300.woff2) format("woff2"),url(/static/wgrrd/fonts/open-sans-v15-latin-300.woff) format("woff"),url(/static/wgrrd/fonts/open-sans-v15-latin-300.ttf) format("truetype"),url(/static/wgrrd/fonts/open-sans-v15-latin-300.svg#OpenSans) format("svg")} @font-face{font-family:'Open Sans';font-style:normal;font-weight:400;src:url(/static/wgrrd/fonts/open-sans-v15-latin-regular.eot);src:local('Open Sans Regular'),local(OpenSans-Regular),url(/static/wgrrd/fonts/open-sans-v15-latin-regular.eot?#iefix) format("embedded-opentype"),url(/static/wgrrd/fonts/open-sans-v15-latin-regular.woff2) format("woff2"),url(/static/wgrrd/fonts/open-sans-v15-latin-regular.woff) format("woff"),url(/static/wgrrd/fonts/open-sans-v15-latin-regular.ttf) format("truetype"),url(/static/wgrrd/fonts/open-sans-v15-latin-regular.svg#OpenSans) format("svg")} @font-face{font-family:'Open Sans';font-style:italic;font-weight:400;src:url(/static/wgrrd/fonts/open-sans-v15-latin-italic.eot);src:local('Open Sans Italic'),local(OpenSans-Italic),url(/static/wgrrd/fonts/open-sans-v15-latin-italic.eot?#iefix) format("embedded-opentype"),url(/static/wgrrd/fonts/open-sans-v15-latin-italic.woff2) format("woff2"),url(/static/wgrrd/fonts/open-sans-v15-latin-italic.woff) format("woff"),url(/static/wgrrd/fonts/open-sans-v15-latin-italic.ttf) format("truetype"),url(/static/wgrrd/fonts/open-sans-v15-latin-italic.svg#OpenSans) format("svg")} @font-face{font-family:'Open Sans';font-style:italic;font-weight:300;src:url(/static/wgrrd/fonts/open-sans-v15-latin-300italic.eot);src:local('Open Sans Light Italic'),local(OpenSans-LightItalic),url(/static/wgrrd/fonts/open-sans-v15-latin-300italic.eot?#iefix) format("embedded-opentype"),url(/static/wgrrd/fonts/open-sans-v15-latin-300italic.woff2) format("woff2"),url(/static/wgrrd/fonts/open-sans-v15-latin-300italic.woff) format("woff"),url(/static/wgrrd/fonts/open-sans-v15-latin-300italic.ttf) format("truetype"),url(/static/wgrrd/fonts/open-sans-v15-latin-300italic.svg#OpenSans) format("svg")} @font-face{font-family:'Open Sans';font-style:normal;font-weight:600;src:url(/static/wgrrd/fonts/open-sans-v15-latin-600.eot);src:local('Open Sans SemiBold'),local(OpenSans-SemiBold),url(/static/wgrrd/fonts/open-sans-v15-latin-600.eot?#iefix) format("embedded-opentype"),url(/static/wgrrd/fonts/open-sans-v15-latin-600.woff2) format("woff2"),url(/static/wgrrd/fonts/open-sans-v15-latin-600.woff) format("woff"),url(/static/wgrrd/fonts/open-sans-v15-latin-600.ttf) format("truetype"),url(/static/wgrrd/fonts/open-sans-v15-latin-600.svg#OpenSans) format("svg")} @font-face{font-family:'Open Sans';font-style:italic;font-weight:600;src:url(/static/wgrrd/fonts/open-sans-v15-latin-600italic.eot);src:local('Open Sans SemiBold Italic'),local(OpenSans-SemiBoldItalic),url(/static/wgrrd/fonts/open-sans-v15-latin-600italic.eot?#iefix) format("embedded-opentype"),url(/static/wgrrd/fonts/open-sans-v15-latin-600italic.woff2) format("woff2"),url(/static/wgrrd/fonts/open-sans-v15-latin-600italic.woff) format("woff"),url(/static/wgrrd/fonts/open-sans-v15-latin-600italic.ttf) format("truetype"),url(/static/wgrrd/fonts/open-sans-v15-latin-600italic.svg#OpenSans) format("svg")} @font-face{font-family:'Open Sans';font-style:italic;font-weight:700;src:url(/static/wgrrd/fonts/open-sans-v15-latin-700italic.eot);src:local('Open Sans Bold Italic'),local(OpenSans-BoldItalic),url(/static/wgrrd/fonts/open-sans-v15-latin-700italic.eot?#iefix) format("embedded-opentype"),url(/static/wgrrd/fonts/open-sans-v15-latin-700italic.woff2) format("woff2"),url(/static/wgrrd/fonts/open-sans-v15-latin-700italic.woff) format("woff"),url(/static/wgrrd/fonts/open-sans-v15-latin-700italic.ttf) format("truetype"),url(/static/wgrrd/fonts/open-sans-v15-latin-700italic.svg#OpenSans) format("svg")} @font-face{font-family:'Open Sans';font-style:normal;font-weight:700;src:url(/static/wgrrd/fonts/open-sans-v15-latin-700.eot);src:local('Open Sans Bold'),local(OpenSans-Bold),url(/static/wgrrd/fonts/open-sans-v15-latin-700.eot?#iefix) format("embedded-opentype"),url(/static/wgrrd/fonts/open-sans-v15-latin-700.woff2) format("woff2"),url(/static/wgrrd/fonts/open-sans-v15-latin-700.woff) format("woff"),url(/static/wgrrd/fonts/open-sans-v15-latin-700.ttf) format("truetype"),url(/static/wgrrd/fonts/open-sans-v15-latin-700.svg#OpenSans) format("svg")} @font-face{font-family:'Open Sans';font-style:normal;font-weight:800;src:url(/static/wgrrd/fonts/open-sans-v15-latin-800.eot);src:local('Open Sans ExtraBold'),local(OpenSans-ExtraBold),url(/static/wgrrd/fonts/open-sans-v15-latin-800.eot?#iefix) format("embedded-opentype"),url(/static/wgrrd/fonts/open-sans-v15-latin-800.woff2) format("woff2"),url(/static/wgrrd/fonts/open-sans-v15-latin-800.woff) format("woff"),url(/static/wgrrd/fonts/open-sans-v15-latin-800.ttf) format("truetype"),url(/static/wgrrd/fonts/open-sans-v15-latin-800.svg#OpenSans) format("svg")} @font-face{font-family:'Open Sans';font-style:italic;font-weight:800;src:url(/static/wgrrd/fonts/open-sans-v15-latin-800italic.eot);src:local('Open Sans ExtraBold Italic'),local(OpenSans-ExtraBoldItalic),url(/static/wgrrd/fonts/open-sans-v15-latin-800italic.eot?#iefix) format("embedded-opentype"),url(/static/wgrrd/fonts/open-sans-v15-latin-800italic.woff2) format("woff2"),url(/static/wgrrd/fonts/open-sans-v15-latin-800italic.woff) format("woff"),url(/static/wgrrd/fonts/open-sans-v15-latin-800italic.ttf) format("truetype"),url(/static/wgrrd/fonts/open-sans-v15-latin-800italic.svg#OpenSans) format("svg")} #cookie-banner { background-color: rgba(0,0,0,0.85); color: #fff; position: fixed; bottom: 0; left: 0; width: 100%; z-index: 10005; } #cookie-banner-content { max-width: 1000px; margin: 0 auto; padding: 15px 10px; font-size: 11pt; } #cookie-banner-text { text-align: justify; padding-bottom: 15px; } #cookie-banner-actions { display: flex; justify-content: space-between; } #cookie-banner-links-and-boxes { } #cookie-banner-links { padding-bottom: 15px; } #cookie-banner-checkboxen { display: flex; } .cookie-banner-checkbox { padding-right: 20px; } #cookie-banner-buttons { display: flex; flex-direction: column; justify-content: space-evenly; text-align: center; } .cookie-banner-button { padding-bottom: 10px; } .cookie-banner-button:last-child { padding-bottom: 0; } .cbn { cursor: pointer; } .cbn-alle { border: 0; padding: 8px 10px; color: #fff; background-color: #e5004a; } .cbn-auswahl { border: 0; background-color: transparent; color: #a2a2a2; font-size: 11pt; } .cbn-auswahl:focus { outline: none; border: 0; } @media screen and (max-width: 765px){ #cookie-banner-links { display: flex; flex-direction: column; } #cookie-banner-links span { display: none; } #cookie-banner-links a { padding: 2px 0; } #cookie-banner-checkboxen { flex-direction: column; } .cookie-banner-checkbox { padding: 4px 0 4px 0; } #cookie-banner-buttons { justify-content: flex-end; } .cookie-banner-button { padding-bottom: 15px; } } .ivm-checkbox-list { display: flex; flex-wrap: wrap; } .ivm-checkbox-list > div { flex: 0 0 33.33333%; } .ivm-radio-list { display: flex; flex-wrap: wrap; } .ivm-radio-list > div { flex: 0 0 33.33333%; } .immosuche-cell-left { width: 125px; } .immosuche-slider-container-abstand { padding: 0 15px; } .immosuche-slider-titel-mobile { display: none; } .form-confirmation { text-align: center; } .form-confirmation-icon { font-size: 44pt; padding-bottom: 10px; } .form-confirmation-text { } .cookie-opt-in { text-align: center; background-color: #eaeaea; padding: 20px 10px; } #kontaktseite { display: flex; gap: 80px; justify-content: space-between; padding-bottom: 50px; } #kontaktseite > div:nth-child(2){ padding-top: 45px; } #news-liste { display: grid; grid-template-columns: repeat(2, 1fr); grid-column-gap: 60px; grid-row-gap: 80px; } .newsmeldung-bild img { display: block; width: 100%; height: 310px; object-fit: cover; } .newsmeldung > div { padding-top: 15px; } .newsmeldung > div:first-child { padding-top: 0; } .newsmeldung-infos { display: flex; gap: 50px; } .newsmeldung-titel { min-height: 60px; } .newsmeldung-link { text-align: center; } .newsmeldung-kurztext p:last-child { margin-bottom: 0; } .bildgala { display: grid; grid-template-columns: repeat(4, 1fr); grid-column-gap: 2rem; grid-row-gap: 2rem; } .bildgala img { display: block; width: 100%; } * { padding: 0; margin: 0; } body { background-color: #fff; font-family: 'Oswald', sans-serif; font-weight: 300; font-size: 12pt; color: #333333; position: relative; } body.hide-overflow { overflow-x: hidden; overflow-y: scroll; position: fixed; width: 100%; } header, nav, main, aside, footer { display: block; } img { border: 0; } .imgleft { float: left; margin-right:30px; margin-bottom:20px; } .imgright { float: right; margin-left:30px; margin-bottom:20px; } a { color: #0070eb; } a:hover { color: #0070eb; } #wrap-head { height: 112px; width: 100%; background-color: #0070eb; z-index: 100; } #head-desktop { max-width: 1400px; position: relative; margin: 0 auto; } #head-mobile { display: none; } #head-mobile .tbl { width: 100%; } #head-mobile .tbl .tbl-td { vertical-align: top; } #logo-mobile { } #logo-mobile a { display: inline-block; } #logo-mobile a img { display: block; height: 60px; padding: 5px; } #mobile-menu-switch { display: none; position: fixed; right: 10px; top: 15px; z-index: 100; } #mobile-navigation { display: none; } #logo-desktop { width: 452px; position: absolute; left: 0; top: 15px; background-color: #0070eb; text-align: center; z-index: 50; } #logo-claim { } #logo-claim a { display: inline-block; color: #fff; } #logo-claim img { display: block; margin: 0 auto; } #claim-zeile-1 { color: rgba(255, 255, 255, 0.95); display: block; text-transform: uppercase; font-family: 'Gothic A1', sans-serif; font-weight: 800; font-size: 13pt; padding-top: 15px; } #claim-zeile-2 { color: rgba(255, 255, 255, 0.95); display: block; text-transform: uppercase; font-family: 'Gothic A1', sans-serif; font-weight: 800; font-size: 10pt; padding-top: 5px; } #head-phone { padding-top: 20px; padding-bottom: 20px; } #head-phone a { display: table; color: #fff; font-size: 25pt; margin: 0 auto; } .phone-tr { display: table-row; } .phone-td { display: table-cell; vertical-align: middle; } .phone-td i { -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } #head-phone a .phone-number { display: inline-block; padding-left: 10px; padding-top: 1px; } #nav-desktop { padding-left: 452px; height: 112px; } #navigation { padding: 32px 85px; } #mainnav { max-height: 48px; margin-bottom: 0; } #navigation ul { list-style: none; padding: 0; text-align: justify; } #navigation ul li { display: inline-block; text-align: -webkit-match-parent; font-size: 21pt; position: relative; } .mainli { position: relative; padding: 6px 0; } .maintext { text-transform: uppercase; } #navigation ul li a { color: #ffffff; } #navigation ul li ul { position: absolute; left: 0; top: 48px; z-index: 200; } #navigation ul li ul li { display: block; width: auto; min-width: 175px; } #navigation ul li ul li a { padding: 5px 10px; display: block; white-space: nowrap; white-space: normal; text-align: left; border-top: 1px solid rgba(255, 255, 255, 0.25); font-size: 14pt; color: #fff; } #navigation ul li ul li a:hover { background-color: #005bc0; -webkit-transition: background-color 350ms linear; -moz-transition: background-color 350ms linear; -o-transition: background-color 350ms linear; transition: background-color 350ms linear; } #navigation ul li ul li:first-child a { border-top: 0; } #navigation ul li ul li ul { left: 208px; top: 0; background-color: #cae4de; } #navigation ul li ul li ul li { font-size: 19pt; display: block; width: 208px; } #nav-top-100 { padding-left: 100%; height: 1px; } .mainliclick { font-size: 18pt; } #navigation ul li ul { background-color: #0070eb; /*border: 1px solid rgba(255, 255, 255, 0.4);*/ } #websuche { position: absolute; top: 36px; right: -32px; font-size: 21pt; color: #fff; cursor: pointer; -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } #wrap-startbild { max-width: 2000px; margin: 0 auto; } #wrap-startbild img { display: block; width: 100%; } #wrap-content { max-width: 1400px; margin: 0 auto; min-height: 350px; } #wrap-startboxen { max-width: 1400px; margin: 0 auto; padding-top: 15px; } .start-box { float: left; width: 33.333333%; } .ifb { max-width: 378px; } .ifb-titel { text-transform: uppercase; text-align: center; } .ifb-titel h3 { font-size: 29pt; margin-bottom: 0; font-weight: 300; } .ifb-titel a { padding-bottom: 6px; display: block; } .ifb-bild a { display: block; position: relative; } .ifb-bild img { display: block; width: 100%; } #box-center .ifb { margin: 0 auto; } #box-right .ifb { margin-left: auto; } #wrap-footer { max-width: 1400px; margin: 0 auto; padding: 20px 0; font-size: 12pt; } #footer-links { float: left; padding-left: 48px; display: flex; flex-wrap: wrap; gap: 15px; } #footer-links a { display: inline-block; color: #333333; text-transform: uppercase; } #footer-copyright { float: right; width: 50%; } #cookie-info { position: fixed; bottom: 0px; z-index: 10000; width: 100%; -ms-text-size-adjust: none; -moz-text-size-adjust: none; -o-text-size-adjust: none; -webkit-text-size-adjust: none; } #cookie-info-content { background-color: rgba(0, 0, 0, 0.8); color: #fff; padding: 4px; box-sizing: border-box; text-align: center; } #cookie-info-tbl { display: table; margin: 0 auto; } #cookie-info-text { display: table-cell; font-size: 9pt; vertical-align: middle; } #cookie-info-text a { } #cookie-info-button { display: table-cell; font-size: 14pt; vertical-align: middle; } #cookie-info-abstand { display: table-cell; width: 15px; } #cookie-info-spacer { width: 100%; height: 33px; background-color: #fff; } #cookie-info-button { cursor: pointer; } .tbl { display: table; } .tbl-tr { display: table-row; } .tbl-td { display: table-cell; } #websuche a { color: #fff !important; } #websuche-form { width: 0px; overflow: hidden; position: absolute; right: -43px; top: 39px; z-index: 110; -webkit-transition: all 550ms linear; -moz-transition: all 550ms linear; -o-transition: all 550ms linear; transition: all 550ms linear; } #websuche-form .tbl { width: 100%; } #websuche-form .tbl-td { vertical-align: top; } #websuche-form.active { width: 300px; } #ws-inner { width: 300px; } .ws-button-sub { width: 38px; } .ws-button-sub span { display: inline-block; -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .ws-button-cancel { width: 38px; } .ws-button-cancel span { display: inline-block; } .overlay { display: none; width: 100vw; height: 100vh; position: absolute; top: 0; left: 0; background-color: rgba(0, 0, 0, 0.75); opacity: 1; z-index: 75; -webkit-transition: all 350ms linear; -moz-transition: all 350ms linear; -o-transition: all 350ms linear; transition: all 350ms linear; } .overlay.show { display: block; opacity: 1; z-index: 75; } #mm-button { width: 45px; height: 45px; position: relative; cursor: pointer; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; } #mm-button span { display: block; position: absolute; height: 6px; width: 50%; background: #fff; opacity: 1; left: 0; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; } #mm-button span:nth-child(even) { left: 50%; -webkit-border-radius: 0 6px 6px 0; -moz-border-radius: 0 6px 6px 0; border-radius: 0 6px 6px 0; } #mm-button span:nth-child(odd) { left:0px; -webkit-border-radius: 6px 0 0 6px; -moz-border-radius: 6px 0 0 6px; border-radius: 6px 0 0 6px; } #mm-button span:nth-child(1), #mm-button span:nth-child(2) { top: 0px; } #mm-button span:nth-child(3), #mm-button span:nth-child(4) { top: 13px; } #mm-button span:nth-child(5), #mm-button span:nth-child(6) { top: 26px; } #mm-button.open span:nth-child(1),#mm-button.open span:nth-child(6) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } #mm-button.open span:nth-child(2),#mm-button.open span:nth-child(5) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } #mm-button.open span:nth-child(1) { left: 5px; top: 7px; } #mm-button.open span:nth-child(2) { left: calc(50% - 5px); top: 7px; } #mm-button.open span:nth-child(3) { left: -50%; opacity: 0; } #mm-button.open span:nth-child(4) { left: 100%; opacity: 0; } #mm-button.open span:nth-child(5) { left: 5px; top: 21px; } #mm-button.open span:nth-child(6) { left: calc(50% - 5px); top: 21px; } #content { float: right; width: 67%; padding: 25px; font-family: 'Open Sans',sans-serif; } #infoboxen { float: left; width: 452px; min-height: 100px; padding-top: 157px; } .ifb-content { max-width: 378px; margin: 0 auto; padding-top: 35px; } #seitentitel h1 { font-size: 2.0rem; margin-bottom: 1rem; font-weight: normal; font-family: 'Oswald', sans-serif; } #content h2 { font-size: 1.5rem; margin-bottom: 1rem; font-weight: normal; font-family: 'Oswald', sans-serif; } #content h3 { font-size: 1.25rem; margin-bottom: .75rem; font-weight: normal; font-family: 'Oswald', sans-serif; } #content strong { font-weight: 600; } .content-trenner { width: 100%; height: 25px; } #content ul { padding-left: 19px; overflow: auto; } #content ol { padding-left: 30px; overflow: auto; } #downloads .tbl-td { vertical-align: top; padding-bottom: 30px; } #downloads .tbl-td.dl-icon { position: relative; } .dl-name-div { font-weight: 600; } .dl-space { width: 15px; } .dl-info-div { font-size: 90%; } #gaestewohnungen { padding-top: 30px; } .gw { float: left; width: 50%; } .gw:nth-child(odd) { padding-right: 40px; clear: both; } .gw:nth-child(even) { padding-left: 40px; } .gw-bilder { display: none; } .gw-bilder-link { } .gw-bilder-link span { display: inline-block; cursor: pointer; } .suchfeld { float: left; width: 50%; } .suchfeld:nth-child(odd) { padding-right: 20px; clear: both; } .suchfeld:nth-child(even) { padding-left: 20px; } #ws-check { padding-top: 15px; } .ws-checkboxen { float: left; width: 50%; } #ws-submit { text-align: center; padding-top: 20px; } .immo-suche-nav { float: right; } .immo-suche-nav.nav-top { padding-top: 25px; padding-bottom: 25px; } .immo-suche-nav.nav-bottom { padding-top: 15px; } .immo { display: block; margin-bottom: 35px; padding: 5px; } .immo:nth-child(even) { background-color: rgba(0, 166, 235, 0.1); } .immo-bild { display: block; float: left; width: 150px; min-height: 1px; } .immo-bild a { position: relative; } .immo-bild img { display: block; width: 100%; } .immo-infos { display: block; float: left; width: 82%; padding: 20px 0 20px 35px; color: #333333; } .immo-infos-left { display: block; float: left; width: 50%; padding-right: 10px; } .immo-info { display: block; padding-bottom: 4px; } .immo-infos-right { display: block; float: left; width: 50%; padding-left: 10px; } .immo-tbl { display: table; width: 100%; } .immo-tr { display: table-row; } .immo-td { display: table-cell; vertical-align: top; padding-bottom: 4px; } .immo-clear { display: block; clear: both; } #immo-downloads { padding-top: 10px; } #immo-details { padding-top: 25px; } #immo-details-left { float: left; width: 50%; padding-right: 20px; } #immo-details-right { float: left; width: 50%; padding-left: 20px; } .tbl.immo-details { } .detail-name { padding: 4px 10px 4px 0; font-weight: 600; } .detail-wert { padding: 4px 0 4px 10px; } .detail-preis { width: 90px; text-align: right; } .tbl#immo-ausstattung { width: 100%; padding-top: 25px; } #immo-energie-daten { padding-top: 25px; } .energie-titel { font-weight: 600; padding-bottom: 10px; } .enerie-name { padding: 4px 10px 4px 0; } .energie-wert { padding: 4px 0 4px 10px; } .immodetails-bild { float: left; width: 50%; padding-bottom: 30px; } .immodetails-bild:nth-child(odd) { clear: both; } .immodetails-bild:nth-child(even) { } .immodetails-bild a { display: block; width: 170px; height: 170px; background-size: cover; background-position: center center; margin: 0 auto; position: relative; } .immodetails-bild a img { display: none; } .suche-slider { box-sizing: border-box; padding: 18px 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: 46px; } .slider-right { width: 46px; } .slider-td span { display: block; text-align: center; font-size: 12pt; } .slider-inner { padding: 10px 23px 0 23px; position: relative; } .slider-titel { position: absolute; width: 100%; text-align: center; top: -18px; left: 0; font-size: 11pt; } .noUi-horizontal { margin-top: 2px; height: 10px; } .noUi-target { background: rgb(239, 239, 239); box-shadow: none; } .noUi-handle { box-shadow: none; background: #0070eb; } .noUi-horizontal .noUi-handle { height: 22px; top: -7px; } .noUi-handle:after, .noUi-handle:before { height: 9px; } .asp { float: left; width: 50%; padding-bottom: 30px; } .asp:nth-child(odd) { padding-right: 20px; clear: both; } .asp:nth-child(even) { padding-left: 20px; } .asp-tbl { width: 100%; } .asp-tbl .tbl-td { vertical-align: top; } .asp-bild { width: 120px; } .aps-infos-tbl { padding-top: 5px; font-size: 11pt; } .aps-infos-tbl .tbl-td { padding: 0 5px 4px 10px; } .asp-name { padding-left: 10px; padding-bottom: 5px; font-weight: 600; } .asp-bereich { padding-left: 10px; padding-bottom: 5px; font-size: 11pt; } .cookie-informationen { display: table; box-sizing: border-box; padding-bottom: 25px; } .cookie-informationen * { box-sizing: border-box; } .cookie-row { display: table-row; } /*.cookie-row:nth-child(odd) .cookie-info-name { background-color: #d3d3d3; } .cookie-row:nth-child(odd) .cookie-info-text { background-color: #d3d3d3; }*/ .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; } #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: 10pt; font-family: 'Open Sans',sans-serif; } #cookie-opt-in * { box-sizing: border-box; } #coi-center { max-width: 900px; margin: 0 auto; } #coi-infotext { /*text-align: justify;*/ } #coi-infotext p { margin-bottom: 0; padding-bottom: 0; } #coi-infolinks { padding: 10px 0 5px 0; } #coi-infolinks a, #coi-infolinks a:hover { color: #67a8d6; } #coi-form { padding-top: 10px; } #coi-form button { border: 0; cursor: pointer; background-color: #004e9f; color: #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding: 6px 10px; } #cookie-opt-in label { display: inline-block; } #coi-cookies { display: flex; flex-wrap: wrap; } .coi-cookie { } .coi-checkbox { padding-right: 20px; } .iframe-daten-info { background-color: rgba(0,0,0,0.7); color: #fff; 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; } #coi-shor-tbl { display: table; width: 100%; } #coi-short-text { display: table-cell; vertical-align: top; } #coi-short-close { display: table-cell; vertical-align: top; text-align: right; width: 100px; } #coi-short-close div { padding: 6px 10px; background-color: #004e9f; display: inline-block; font-size: 10pt; cursor: pointer; } @media screen and (max-width: 768px){ .coi-cookie { flex: 0 0 100%; } #coi-infolinks { font-size: 10pt; } #coi-shor-tbl { display: block; } #coi-short-text { display: block; } #coi-short-close { display: block; width: auto; text-align: left; padding-top: 15px; } } @media screen and (max-width: 1500px){ #websuche { right: 10px; } #websuche-form { right: 10px; } } @media screen and (max-width: 1400px){ #wrap-startboxen { padding-left: 15px; padding-right: 15px; } #wrap-footer { padding-left: 15px; padding-right: 15px; } #content { width: 64%; } .immo-infos { width: 80%; } } @media screen and (max-width: 1300px){ #navigation { padding: 32px 85px 32px 40px; } #content { width: 61%; } .immo-infos { width: 77%; } } @media screen and (max-width: 1200px){ #logo-desktop { width: 365px; } #claim-zeile-1 { font-size: 11pt; } #nav-desktop { padding-left: 365px; } #box-left { padding-right: 10px; } #box-center { padding: 0 5px; } #box-right { padding-left: 10px; } #infoboxen { width: 365px; padding: 153px 10px 0 10px; } #content { width: 66%; } .immodetails-bild a { width: 150px; height: 150px; } } @media screen and (max-width: 1100px){ #head-desktop { display: none; } #head-mobile { display: block; } #wrap-head { height: 60px; position: fixed; top: 0; left: 0; width: 100%; } #wrap-startbild { padding-top: 60px; } #mobile-menu-switch { display: block; } .ifb-titel h3 { font-size: 25pt; } .immo-infos { width: 83%; } #wrap-content { padding-bottom: 40px; padding-top: 60px; } #content { width: auto; float: none; padding: 25px; } #infoboxen { width: auto; float: none; padding-top: 0; } #mobile-navigation { display: block; height: 100vh; width: 80%; position: fixed; top: 0; left: -440px; z-index: 100; max-width: 440px; visibility: hidden; -webkit-transition: all 550ms linear; -moz-transition: all 550ms linear; -o-transition: all 550ms linear; transition: all 550ms linear; } #mobile-navigation.open { opacity: 1; z-index: 100; visibility: visible; left: 0; } #nav-content { width: 85vw; height: 100vh; padding-left: 5px; padding-right: 5px; overflow-y: auto; background-color: #fff; max-width: 440px; } #ios-menu-korrektur { width: 100%; height: 70px; } #mnav-head { padding: 15px 0 5px 0; max-height: 58px; } #mnav-head .tbl { width: 80%; margin: 0 auto; } #mnav-head .tbl-td { vertical-align: top; } #mm-search-btn { width: 46px; } #mm-search-btn button { height: 38px; } #mm-search-btn span { display: inline-block; -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); padding-bottom: 2px; } #mnav-body { padding-top: 5px; height: calc(100vh - 58px); overflow-y: auto; } #mnav-body a { text-decoration: none; font-weight: bold; } #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 #a0a0a0; display: block; } #mnav-body ul li { } .manv0 { padding-left: 20px; } .manv1 { padding-left: 40px; } .manv2 { padding-left: 60px; } .manv3 { padding-left: 80px; } .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; color: #0070eb; } .marrow { border: 6px solid #0067b3; 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: #0067b3; } .show-sub-nav.isclicked { top: -2px; padding-top: 0; padding-bottom: 12px; } .mnavul1 { display: none; } .mnavul2 { display: none; } .mnavul3 { display: none; } .infobox-galerie { grid-template-columns: repeat(4, 1fr) } #wrap-head { display: none; } #header-small { display: flex; position: sticky; top: 0; align-items: center; justify-content: space-between; padding: 0 12px; z-index: 100; background-color: #0070eb; } #header-small-logo img { height: 50px; display: block; padding: 10px 0; } #header-small-navigation { font-size: 1.7rem; } #header-small-navigation a { color: #fff !important; } #mobile-menu-logo { height: 70px; } #wrap-startbild, #wrap-content { padding-top: 0; } .offcanvas-header { background-color: #0070eb; } } @media screen and (max-width: 1000px){ .start-box { width: 50%; } #box-left .ifb { margin: 0 auto; } #box-center { padding: 0 0 0 10px; } #box-right { padding-left: 0; padding-top: 35px; clear: both; float: none; margin: 0 auto; } #box-right .ifb { margin: 0 auto; } #footer-links { padding-left: 0; float: none; justify-content: center; } #footer-copyright { text-align: center; float: none; width: auto; padding-top: 20px; } #content { padding: 25px 10px 25px 10px; } .immo-infos { width: 79%; } .bildgala { grid-template-columns: repeat(3, 1fr); } } @media screen and (max-width: 765px){ #box-left { float: none; width: auto; padding: 0; } #box-left .ifb { margin: 0 auto; } #box-center { float: none; width: auto; padding: 35px 0 0 0; } #box-center .ifb { margin: 0 auto; } #box-right { float: none; width: auto; padding: 35px 0 0 0; } #box-right .ifb { margin: 0 auto; } #footer-links { text-align: center; float: none; } #footer-copyright { float: none; text-align: center; padding-top: 10px; width: auto; } .gw { float: none; width: auto; } .gw:nth-child(odd) { padding-right: 0; } .gw:nth-child(even) { padding-left: 0; } .suchfeld { float: none; width: auto; } .suchfeld:nth-child(odd) { padding-right: 0; } .suchfeld:nth-child(even) { padding-left: 0; } .immo-bild { float: none; margin: 0 auto; } .immo-infos { float: none; width: auto; padding-left: 0; } .immo-infos-left { float: none; width: auto; } .immo-infos-right { float: none; width: auto; padding-left: 0; padding-top: 12px; } #immo-details-left { float: none; width: auto; padding-right: 0; } #immo-details-right { float: none; width: auto; padding-left: 0; padding-top: 20px; } .immodetails-bild a { width: 130px; height: 130px; } .asp { float: none; width: auto; } .asp:nth-child(odd) { padding-right: 0; } .asp:nth-child(even) { padding-left: 0; } .ivm-radio-list > div { flex: 0 0 50%; } .ivm-checkbox-list > div { flex: 0 0 50%; } #news-liste { grid-template-columns: 1fr; } .newsmeldung-bild img { height: auto; } .bildgala { grid-template-columns: repeat(2, 1fr); } #kontaktseite { flex-direction: column; } #kontaktseite > div:nth-child(2) { padding-top: 0; } .infobox-galerie { grid-template-columns: repeat(2, 1fr) } } @media screen and (max-width: 600px){ .immosuche-cell-left { display: none !important; } .immosuche-slider-titel-mobile { display: block; text-align: center; } } /* 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; color: #fff; } #consent-banner-checkboxen { display: flex; gap: 30px; padding-top: 10px; flex-wrap: wrap; } /*.cb-btn { background-color: #3ca8cb; 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 / 85%); 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 !important; color: #1b1b1b; font-size: 10pt; font-weight: 400; font-family: Arial, Sans-serif; } #designbody ul, ol { padding-left: 21px; } #designbody p { padding-bottom: 1rem; } .mceContentBody { padding-top: 0!important; }