/* julius-sans-one-regular - latin_latin-ext */ @font-face { font-family: 'Julius Sans One'; font-style: normal; font-weight: 400; src: url('/static/wobab/fonts/julius/julius-sans-one-v6-latin_latin-ext-regular.eot'); /* IE9 Compat Modes */ src: local('Julius Sans One'), local('JuliusSansOne-Regular'), url('/static/wobab/fonts/julius/julius-sans-one-v6-latin_latin-ext-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/static/wobab/fonts/julius/julius-sans-one-v6-latin_latin-ext-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('/static/wobab/fonts/julius/julius-sans-one-v6-latin_latin-ext-regular.woff') format('woff'), /* Modern Browsers */ url('/static/wobab/fonts/julius/julius-sans-one-v6-latin_latin-ext-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('/static/wobab/fonts/julius/julius-sans-one-v6-latin_latin-ext-regular.svg#JuliusSansOne') format('svg'); /* Legacy iOS */ } .start-news { padding-top: 35px; } .news-element { display: flex; gap: 50px; } .news-bild { flex: 0 0 25%; } .news-bild img { display: block; width: 100%; } .news-infos { flex-grow: 1; } .wichtige-news { padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px solid #576065; } * { padding: 0; margin: 0; } *:focus { outline: 0; } body { background-color: #fff; font-family: Arial, Helvetica, sans-serif; font-size: 12pt; color: #3a3a3a; position: relative; overflow-y: scroll; } a:focus { outline: none; } a { color: #9d2936; } a:link { text-decoration: none; } a:visited { text-decoration: none; } a:active { text-decoration: none; } a:hover { color: #9d2936; text-decoration: none; } .clear { clear: both; } .imgleft { float: left; margin-right:30px; margin-bottom:20px; } .imgright { float: right; margin-left:30px; margin-bottom:20px; } .wrap { max-width: 2000px; margin: 0 auto; position: relative; } .wrapp { max-width: 1200px; margin: 0 auto; position: relative; } #content-start { padding-top: 45px; } #page-head-mobile { display: none; } #mobile-menu-switch { display: none; } #mobile-navigation { display: none; } #suchfeld { display: none; } #page-head { padding: 35px 0 30px 0; position: relative; } #logo-img { padding: 0 0 0 85px; float: left; } #nav { float: left; } #nav ul { } #nav ul li { } #nav ul li a { } #mainnav { list-style: none; } .mainli { float: left; padding: 104px 0 0 12vw; position: relative; } .mainlink { font-size: 18pt; display: block; font-weight: 700; font-family: 'Julius Sans One'; text-transform: uppercase; color: #9d2936; } .mainlink-text { } .mainsub { display: inline-block; padding: 0 0 0 5px; color: #9d2936; } .sub1 { list-style: none; position: absolute; right: 22px; top: 145px; min-width: 140px; padding: 5px 0; background-color: #576065; text-align: left; z-index: 100; } .sub1li { text-align: right; } a.sub1link { display: block; padding: 5px 10px; font-size: 15pt; white-space: nowrap; color: #fff; font-family: 'Julius Sans One'; } .sub1.sub1left { left: auto; right: -10px; text-align: right; } #page-head-left { float: left; } #page-head-right { float: right; font-size: 18pt; position: absolute; top: 35px; right: 0; } .phr-tel { float: left; font-family: 'Julius Sans One'; } .phr-tel a { color: #000; font-weight: 700; } .telicon { font-size: 16pt; color: #9d2936; } .phr-spacer { float: left; width: 30px; } .phr-search { float: left; padding: 3px 35px 0 0; } .phr-search a { color: #525252; } #suchlupe { cursor: pointer; } #suchfeld { width: 300px; min-width: 24px; } #suchwort { float: left; max-width: 188px; } #ws-close { float: right; } #suchesenden { float: left; background: none; border: none; padding: 0 10px 0 20px; } #startbild img { max-width: 2000px; width: 100%; } #start-infoboxen { display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 39px; margin-bottom: 10px; } .start-infobox { flex: 0 0 360px; border: 1px solid #f5dcdf; } .start-infobox:nth-child(1) { margin-bottom: 6%; } .start-infobox:nth-child(2) { margin-bottom: 6%; } .start-infobox:nth-child(3) { margin-bottom: 6%; } .start-infobox-inhalte { position: relative; width: 100%; height: 100%; } .start-infobox-titel { height: 50px; font-family: 'Julius Sans One'; font-size: 18pt; padding-top: 8px; color: #fff; background-color: #9d2936; text-align: center; } .start-infobox-titel h3 { font-family: 'Julius Sans One', sans-serif; font-weight: 200; font-size: 26pt; margin-bottom: 0; line-height: 74px; } .start-infobox-content { height: calc(100% - 50px - 40px); text-align: center; padding: 20px 10px; } .start-infobox-button { text-align: center; margin-bottom: 10px; } .start-infobox-button a { padding: 5px 10px; background-color: #9d2936; color: #fff; width: 50%; display: inline-block; } #content { display: flex; } #intranet-content { flex-grow: 1; } #content-main { flex-grow: 1; padding-bottom: 30px; padding-right: 50px; } #content-aside { flex: 0 0 360px; } #content-aside p a { font-weight: bold; } #content-boxen { padding-top: 10px; } #content-boxen .start-infobox { margin-bottom: 50px; } .ohneinfoboxen { display: block; flex-wrap: wrap; } #seitentitel { } #seitentitel h1 { font-family: 'Julius Sans One', sans-serif; font-weight: 300; margin-bottom: 20px; } #content-main h2 { font-family: 'Julius Sans One', sans-serif; font-weight: 300; margin-bottom: 10px; } .content-trenner { width: 100%; height: 20px; } .immo-text-content ul { overflow: auto; padding-left: 21px; } .inh-abs-text ul { padding-left: 22px; overflow: auto; } /*.inh-abs-text ul li { position: relative; padding-left: 20px; } .inh-abs-text ul li:before { display: block; content: '\f101'; font-family: "Font Awesome 5 Free"; font-weight: 900; position: absolute; left: 0; top: -1px; }*/ .inh-abs-text ol { padding-left: 30px; overflow: auto; } .inh-abs-text a { font-weight: bold; } .bildgala { display: flex; padding: 15px 0 0 0; flex-wrap: wrap; } .gala-bild-container { flex: 0 0 25%; padding-bottom: 20px; } .gala-bild-container a { display: block; width: 90%; } .gala-bild-container a img { display: block; width: 100%; } #kontaktform { padding-top: 40px; } #page-footer { } #footer-impr-ds { text-align: center; text-transform: uppercase; } #footer-impr-ds a { font-size: 10pt; } #footer-impr-ds a:nth-child(1) { padding-right: 50px; } #footer-impr-ds a:nth-child(2) { padding-left: 50px; } #footer-copyright { color: #576065; text-align: center; padding: 30px 0; font-size: 11pt; } #siteoverlay { display: none; width: 100%; 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; } .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-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; } #cookie-opt-in * { box-sizing: border-box; } #coi-center { max-width: 900px; margin: 0 auto; padding-top: 10px; } #coi-infotext-mobile { display: none; } #coi-infotext-mobile p { margin-bottom: 0; padding-bottom: 0; } #coi-infotext p { margin-bottom: 0; padding-bottom: 0; } .coi-infolinks { padding: 10px 0 5px 0; } #coi-form-tbl { display: table; width: 100%; } #coi-form { } #coi-text-and-boxes { display: table-cell; vertical-align: middle; } #coi-form-trenner { display: table-cell; width: 25px; } #coi-form-buttons { display: table-cell; vertical-align: top; width: 175px; text-align: center; } #coi-form-buttons button { width: 100%; } #coi-form-buttons button.btn-dark { color: #888; } #coi-form-buttons div { text-align: center; margin-top: 15px; font-size: 10pt; color: #888; } #cookie-opt-in label { display: inline-block; } #coi-cookies { display: flex; flex-wrap: wrap; } .coi-cookie { } .coi-checkbox { padding-right: 20px; } #cookie-info-spacer { } .iframe-daten-info { background-color: rgba(125, 167, 216, 0.7); color: #fff; padding: 50px 10px; text-align: center; } .idi-text { color: #3a3a3a; } .idi-text p { padding-bottom: 0; margin-bottom: 0; } .idi-form { padding-top: 20px; } @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; } } #suche_content { width:100%; } #suchwort_titel { margin-bottom:8px; } #such_wort{ font-weight:bold; } #suche_head { padding:3px; margin-bottom:8px; } #search_left { float:left; width:30px; height:30px; margin-right:30px; } #search_center { float:left; } #search_right { float:left; width:30px; height:30px; margin-left:30px; } .suche-hit-list { display: table; width: 100%; } .suche-hit { display: table-row; } .suche-hit-cell { display: table-cell; border-top: 1px solid #d3d3d3; padding: 4px 3px; } .suche-rank { font-weight: bold; font-style: italic; width: 40px; } .suche-rating { width: 100px; } /* bootstrap override */ @media screen and (max-width: 1300px){ #content { padding: 0 20px; } } @media screen and (max-width: 1200px){ .mainli { float: left; padding: 110px 0 0 5vw; } .start-infobox { flex: 0 0 30%; } .start-infobox-titel { font-size: 16pt; } } @media screen and (max-width: 1100px){ .start-infobox { flex: 0 0 46%; margin-top: 45px; } .start-infobox:nth-child(3) { margin: 45px auto 6% auto; } } @media screen and (max-width: 1024px){ #content { display: block; flex-wrap: wrap; } #content-boxen { max-width: 500px; margin: 0 auto; width: 100%; } #content-main { padding-right: 0; } /* Desktop Navi deaktivieren */ #page-head { display: none; } /* Mobile Navi aktivieren */ #page-content { padding-top: 70px; } #page-head-mobile { display: block; position: fixed; top: 0; left: 0; padding: 10px; width: 100%; z-index: 50; background-color: #fff; } #phm-container { display: flex; align-items: baseline; } #phm-logo { flex: 0 0 70px; } #phm-logo img { display: block; max-height: 50px; } #mobile-menu-switch { position: fixed; right: 0; top: 0; display: block; z-index: 80; padding: 23px 10px 17px 10px; } #mm-button { width: 30px; height: 30px; 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: 4px; width: 50%; background: #000; opacity: 1; left: 0; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -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 4px 4px 0; -moz-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0; } #mm-button span:nth-child(odd) { left:0px; -webkit-border-radius: 4px 0 0 4px; -moz-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px; } #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: 10px; } #mm-button span:nth-child(5), #mm-button span:nth-child(6) { top: 20px; } #mm-button.open span { background: #fff; } #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: 3px; top: 7px; } #mm-button.open span:nth-child(2) { left: calc(50% - 3px); 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: 3px; top: 17px; } #mm-button.open span:nth-child(6) { left: calc(50% - 3px); top: 17px; } #mobile-navigation { display: block; height: 100vh; width: 80%; position: fixed; top: 0; left: -440px; z-index: 140; 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; visibility: visible; left: 0; } #nav-content { width: 100%; 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 a:hover { } #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: #9d2936; } .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; } #logo-img { float: none; } #nav { float: none; } .mainli { float: left; padding: 11px 0 0 13vw; } #page-head-right { font-size: 15pt; } .telicon { font-size: 16pt; } #page-footer { padding-left: 10px; padding-right: 10px; } } @media screen and (max-width: 765px){ .news-element { flex-wrap: wrap; gap: 20px; } .news-bild { flex: 0 0 80%; } .news-infos { flex: 0 0 100%; } } @media screen and (max-width: 700px){ .start-infobox { flex: 0 0 100%; } } #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; }