/* Theme Name: SMB Im Bethlehem - Wohnen 2022 Version: Description: RHO Author: ROMAN HOSPENTHAL aka RHO Author URI: http://www.rhodesign.ch/ */ @import 'css/reset.css'; @import 'css/grid.css'; @import 'css/plugins.css'; @import 'css/helpers.css'; :root { /* Font sizes. */ --fontsize-65: 65px; --fontsize-45: 45px; --fontsize-32: 32px; --fontsize-25: 25px; --fontsize-20: 20px; --fontsize-16: 16px; --fontsize-12: 12px; /* Line heights. */ --line-height-sm: 1; --line-height-md: 1.38em; --line-height-lg: 1.425em; } @media (max-width: 1399px) { :root { --fontsize-65: 60px; --fontsize-45: 40px; } } @media (max-width: 1200px) { :root { --fontsize-65: 50px; --fontsize-45: 40px; --fontsize-32: 28px; } } @media (max-width: 767px) { :root { --fontsize-65: 25px; --fontsize-45: 25px; --fontsize-32: 25px; --fontsize-25: 20px; --fontsize-20: 16px; } } /* ------------------------------------------------------------ *\ Headings \* ------------------------------------------------------------ */ h1, h2, h3, h4, h5, h6 { -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; -ms-transition: all .2s; transition: all .2s; } h1 { font-weight:400; color: #fff; font-size: var(--fontsize-65); line-height: var(--line-height-md); letter-spacing: 0em;margin-bottom: 35px; } h2 { font-weight:400; font-size: var(--fontsize-32); line-height: var(--line-height-md); margin-bottom: 25px;} h2.bigest { font-size: var(--fontsize-65); line-height: var(--line-height-md);} h2.big { font-size: var(--fontsize-45); line-height: var(--line-height-md);} h3 { font-weight:400; color: #F5284B; font-size: var(--fontsize-25); line-height: var(--line-height-md); margin-bottom: 25px; } h4 { font-family: 'Basier Circle Semi'; font-weight:600; font-size: var(--fontsize-20); line-height: var(--line-height-md); text-transform: uppercase; letter-spacing: 0.04em; margin-bottom: 35px;} h5 { font-weight:400; font-size: var(--fontsize-16); line-height: var(--line-height-md); margin-bottom: 20px; } /* ------------------------------------------------------------ *\ Fonts \* ------------------------------------------------------------ */ @font-face { font-family: 'Basier Circle'; src: url('fonts/basiercircle-regular-webfont.eot'); src: url('fonts/basiercircle-regular-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/basiercircle-regular-webfont.woff2') format('woff2'), url('fonts/basiercircle-regular-webfont.woff') format('woff'), url('fonts/basiercircle-regular-webfont.ttf') format('truetype'); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Basier Circle Semi'; src: url('fonts/basiercircle-semibold-webfont.eot'); src: url('fonts/basiercircle-semibold-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/basiercircle-semibold-webfont.woff2') format('woff2'), url('fonts/basiercircle-semibold-webfont.woff') format('woff'), url('fonts/basiercircle-semibold-webfont.ttf') format('truetype'); font-weight: 600; font-style: normal; font-display: swap; } /* ------------------------------------------------------------ *\ Base \* ------------------------------------------------------------ */ html{} body{min-width:320px;background:#FFF ;font-family:"Basier Circle", sans-serif; font-size: var(--fontsize-20); line-height: var(--line-height-md); color:#000;} body.home, body.page-template-page_news, body.page-template-page_publikationen, body.archive, body.page-template-page_veranstaltungen {background:#F2EEEA;} a {color: inherit; text-decoration: none;-webkit-transition:color .4s;-moz-transition: color .4s;-o-transition: color .4s;-ms-transition: color .4s;transition: color .4s; } a:hover, a[href^="tel"] { text-decoration: none; cursor: pointer;} p,ul,ol,dl,hr,table,blockquote { margin-bottom: 1.5em; } h2 p, h3 p, h4 p { margin-bottom: 0; } ::selection { background: #F5284B; } ::-moz-selection {background: #F5284B; } /* ------------------------------------------------------------ *\ Wrapper \* ------------------------------------------------------------ */ .wrapper {display: flex;flex-direction: column;min-height: 100vh; position: absolute; -webkit-clip-path: inset(0); clip-path: inset(0); clip: rect(0px, auto, auto, 0px); margin-left: auto; margin-right: auto; left: 0; right: 0; } .main { } .container { max-width: 1690px; padding-right:25px;padding-left:25px;margin-right:auto;margin-left:auto} .full {width: 100%; max-width: 100%; padding-right:0px;padding-left:0px;} .textcenter {text-align: center;} .textright { text-align: right; } .relative {position: relative; } small {font-size: 0.8em; line-height: 0.7em;} strong { font-family: 'Basier Circle Semi', Arial, sans-serif; font-weight:normal;} .section{display: block; clear: both; position: relative; width: 100%; } .section p:last-of-type {} .sidebar p:last-of-type {margin-bottom: 0} a{color:inherit;text-decoration:none;} a:hover, a[href^="tel"]{text-decoration:none;} .container a {color: #F5284B; } .container a:hover {color: #5F5A55;} ::selection { background: #F5284B; } ::-moz-selection {background: #F5284B; } /* ------------------------------------------------------------ *\ Margins and Paddings \* ------------------------------------------------------------ */ .marginbottom0 { margin-bottom: 0px;} .marginbottom50 { margin-bottom: 50px;} .marginbottom70 { margin-bottom: 70px;} .margintop50 { margin-top: 50px;} .margintop70 { margin-top: 70px;} .paddingbottom225 {padding-bottom: 225px;} .paddingtop90 {padding-top: 90px;} .paddingtop70 {padding-top: 70px;} .paddingtop45 {padding-top: 45px;} .paddingtop25 {padding-top: 25px;} .paddingbottom90 {padding-bottom: 90px;} .paddingbottom70 {padding-bottom: 70px;} .paddingbottom45 {padding-bottom: 45px;} @media (max-width: 1399px) { .paddingbottom225 {padding-bottom: 215px;} } @media (max-width: 991px) { .paddingbottom225 {padding-bottom: 62px;} .marginbottom50 { margin-bottom: 40px;} .marginbottom70 { margin-bottom: 60px;} .margintop50 { margin-top: 40px;} .margintop70 { margin-top: 60px;} } @media (max-width: 767px) { .paddingbottom225 {padding-bottom: 48px;} .marginbottom50 { margin-bottom: 30px;} .marginbottom70 { margin-bottom: 50px;} .margintop50 { margin-top: 30px;} .margintop70 { margin-top: 50px;} } /* ------------------------------------------------------------ *\ Colors \* ------------------------------------------------------------ */ .bgrosa {background-color:#E6BEB4 } .bgpink {background-color:#F5284B } .bgblue {background-color:#4B6F83 } .bggreen {background-color:#7FBCAB } .bgbrown {background-color:#5F5A55 } .bgbeige {background-color:#F2EEEA } .bgviolett {background: #906071;} .linie {border-top: 1px solid #000; padding-top: 15px} /* ------------------------------------------------------------ *\ Listen \* ------------------------------------------------------------ */ .section-text ul{ list-style: none; padding:0; margin:0 0 25px 0; } .section-text ul li{ padding-left: 1.3em; text-indent: -1em; padding-bottom: 15px } .section-text ul li:before { content: "\2013"; padding-right:0.5em; } .section-text ol { list-style: none; counter-reset: my-awesome-counter; margin:0 0 25px 0;} .section-text ol li { counter-increment: my-awesome-counter; padding-bottom: 20px; } .section-text ol li::before { content: counter(my-awesome-counter) ". "; } /* ------------------------------------------------------------ *\ Shell \* ------------------------------------------------------------ */ .shell { max-width: 1690px; padding-right:25px;padding-left:25px;margin-right:auto;margin-left:auto;} .header--mobile-toggle .shell { padding-right:0px;padding-left:0px;} /* ------------------------------------------------------------ *\ Header \* ------------------------------------------------------------ */ .header{height:100%;min-height:196px;padding:30px 0; background: #fff; position: relative;z-index: 99990 !important; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; transition: all .4s ease-in-out; } .header--mobile-toggle{width:70%;position:absolute;padding:8px 0px;} .header__inner{position:relative;display:flex;justify-content:space-between;align-items:center;margin-top:80px; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; transition: all .4s ease-in-out;} .header .header__bar{display:flex;position:absolute;top:24px;z-index:1; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; transition: all .4s ease-in-out;} .header .header__logo {z-index:1; background-image: url(images/logo.svg); background-size: 100%; background-repeat: no-repeat; width: 340px; height: 49px; font-size: 0px; display: inline-block; vertical-align: middle; -webkit-transition: background-position-x .5s; -moz-transition: background-position-x .5s; -o-transition: background-position-x .5s; -ms-transition: background-position-x .5s; transition: background-position-x .5s; } .header .header__logo--hidden{opacity:0;} @media(max-width:1200px){ .header{padding:30px 0px;} .header .header__logo{width:300px;} } @media(max-width:991px){ .header{min-height:73px;padding:8px 0;} .header__inner{margin-top:0;} .header--mobile-toggle .header__bar{position:static;display:block;padding:250px 0px 60px 20px;background:#fff; -webkit-transition: none; -moz-transition: none; -o-transition:none; -ms-transition: none; transition: none;} .header .header__logo{position:absolute;top:13px;right:0;width:250px;} } @media(max-width:767px){ .header .header__logo{position:absolute;top:13px;right:0;width:205px;} } /* ------------------------------------------------------------ *\ Search \* ------------------------------------------------------------ */ .searchform {display:flex;margin-left:0;} .searchform form{transition:all 0.4s;} .searchform .search__ico{width:24px;height:24px;margin-left:10px;cursor:pointer;} .searchform .search__field{border:1px solid #E2DEDA;border-radius:0px;padding:3px 10px;width:100%; margin-top: -5px;} .search__hidden{width:0;opacity:0;pointer-events:none;} .search--is-visible{display:block !important;} @media(max-width:991px){ .searchform {margin-left:0;display:none;} } /* ------------------------------------------------------------ *\ Nav \* ------------------------------------------------------------ */ .nav{} .nav .nav__title{font-family:"Basier Circle", sans-serif;font-size:12px;color:#A8A098;margin:0;border-bottom:1px solid #A8A098;border-top:1px solid #A8A098;line-height:1.2;padding:15px 20px;position:relative;text-align:center;cursor:pointer;display:none;} .nav .nav__title:after{float:left;} .nav > ul{display:flex;flex-wrap:wrap;margin:0;font-size:21px;transition:0.1s;} .nav > ul > li + li{margin-left:55px;} .nav .sub-menu{position:absolute;opacity:0;pointer-events:none;transition:0.3s; padding-top: 10px;} .nav .sub-menu li{margin-top:20px;} .nav .sub-menu li a {white-space: nowrap;} .nav > ul > li{position: relative; padding-bottom:7px;} .nav > ul > li:hover > a,.nav .sub-menu li:hover a{color:#F5284B;} li.current-menu-parent >a, .current-menu-item >a { color: #F5284B !important;} @media(max-width:991px){ .nav{margin-top:87px;display:none;} .nav .nav__title{display:block;} .nav{width:100%;background:#fff;} .nav--transorm{transform:translateX(-100%);} .nav > ul{display:block;font-size:18px;} .nav > ul > li + li{margin-left:23px;} .nav > ul > li + li{margin-left:0;} .nav .sub-menu{width:100%;margin-top:0;top:0px;background:#fff;} .nav .sub-menu li{border-bottom:1px solid #A8A098;margin-top:0;padding:10px 0 10px 20px;} .nav > ul > li{border-bottom:1px solid #A8A098;padding:10px 0 10px 20px;cursor:pointer; position: static;} .nav .sub-menu li a {display: block} } @media(min-width:991px){ .nav > ul > li:hover > .sub-menu{opacity:1;pointer-events:auto;} .nav .sub-menu:before{content:'';position:absolute;left:-9999px;right:-9999px;background:white;top:20px;bottom:-45px;z-index:-1;} /*** Sliding Border Bottom ***/ .nav .menu li a:after { content: ''; width: 0; height: 2px; position: absolute; left: 0; bottom: 0; transition: width .4s; background: #F5284B;} .nav .menu li:hover > a:after { width: 100%; } .nav .menu ul li a:after {content: none !important;} } .nav--is-visible{display:block;} @media(max-width:991px){ .nav > .nav--transorm > li{padding:10px 0 10px 0;} .nav .sub-menu--is-visible{opacity:1;pointer-events:auto;margin-left:100%;} } /* Sliding Border Bottom .nav > ul a:after {content: '';position: absolute;left: 0;bottom: 0;width: 0px;height: 2px;display: block;background: #F5284B;transition: width 0.4s;} .nav > ul > li:hover > a:hover:after {width: 100%;} .nav .sub-menu:hover > a:hover:after {width: 100%;} */ /* ------------------------------------------------------------ *\ Arrow \* ------------------------------------------------------------ */ .arrow:after {content: '';cursor: pointer;float: right; margin-right: 13px; margin-top: 9px;padding: 4px;border: solid #F5284B;border-width: 0px 1px 1px 0px;transform: translateY(-50%) rotate(-45deg);display: none;} @media(max-width:991px) { .arrow:after {display: inline-block;} } .arrow--back:after {border-width: 1px 0px 0px 1px;right: auto;} .arrow--hidden:after {display: none;pointer-events: none;} /* ------------------------------------------------------------ *\ Menu button \* ------------------------------------------------------------ */ .menu-button{position:absolute;cursor:pointer;top:28px;left:0px;z-index:3;width:35px;height:18px;transition:transform 0.4s;display:none;} .menu-button span{display:block;height:3px;background:#717171;transition:height .15s,top .15s,bottom .15s,border-radius .15s,transform .15s,opacity .15s,background .3s;} .menu-button span:nth-child(1),.menu-button span:nth-child(2){position:relative;width:100%;left:0;} .menu-button span:nth-child(1){top:-4px;} .menu-button--visible{left:20px;} .menu-button--visible span:nth-child(1){transform:rotate(45deg);top:6px; } .menu-button--visible span:nth-child(2){transform:rotate(-45deg);top:3px;} .menu-button--visible span{background:#F5284B;} @media(max-width:991px){ .menu-button{display:block;} } /* ------------------------------------------------------------ *\ Overlay \* ------------------------------------------------------------ */ .overlay{position:fixed;width:100%;height:100%;top:0;left:0;right:0;bottom:0;background-color:rgba(95, 90, 85, 0.8);opacity:0;transition:0.3s; display: none} .overlay--is-visible,.overlay--is-visible-desktop{opacity:1; display: block} /* ------------------------------------------------------------ *\ Header Sticky \* ------------------------------------------------------------ */ .header.sticky {position: fixed; position: sticky; top: 0; left: 0; min-height: 80px; padding:15px 0;} .header.sticky .header__logo{ background-position-x: 290px; } .header.sticky .header__bar{top:-30px;} .header.sticky .header__inner{position:relative;display:flex;justify-content:space-between;align-items:center;margin-top:0px;} @media(max-width:1200px){ .header.sticky .header__logo{ background-position-x: 255px; } } @media(max-width:991px){ .header.sticky .header__logo{ background-position-x: 214px; } .header.sticky { min-height: 73px; padding: 8px 0;} } @media(max-width:767px){ .header.sticky .header__logo{ background-position-x: 175px; } } /* ------------------------------------------------------------ *\ SECTIONS \* ------------------------------------------------------------ */ /* ------------------------------------------------------------ *\ Section Hero-Image \* ------------------------------------------------------------ */ .section-hero-slider {} .section-hero-slider a.btn {margin-top: 40px !important;} .slider--hero .slider__slide {height: 710px} .slider--hero .slider__slide .row {height: 100%} .slider--hero .slider__slide .contentcol {background: #F5284B; color: #FFF; display:flex; align-items: center;} .slider--hero .slider__slide .contentcol h2 { margin-bottom: 30px; } .slider--hero .slider__slide .contentcol .content_inner { padding: 40px 40px 40px 120px} .slider--hero .hero-image {height: 100%} .slider--hero .slick-slide img {display: inline-block!important;width: 100%!important;height: 100%!important;object-fit: cover !important;} @media (max-width: 1399px) { .slider--hero .slider__slide .contentcol .content_inner { padding: 40px 40px 40px 80px} } @media (max-width: 1200px) { .slider--hero .slider__slide .contentcol .content_inner { padding: 40px 40px 40px 60px} } @media (max-width: 991px) { .slider--hero .slider__slide {height: auto} .slider--hero .slider__slide .contentcol .content_inner { padding: 40px 40px 40px 40px; margin-bottom: 60px;} } @media (max-width: 767px) { } /* ------------------------------------------------------------ *\ Section Header \* ------------------------------------------------------------ */ .section-header {color: #FFF;} .section-header h1 {color: #FFF; margin-top: 70px; margin-bottom: 0px} .section-header-image {margin-top:-135px;} @media (max-width: 1399px) { .section-header h1 {margin-top: 50px;} } @media (max-width: 991px) { .section-header-image {margin-top:-10px;} } @media (max-width: 767px) { } /* ------------------------------------------------------------ *\ Breadcrumbs \* ------------------------------------------------------------ */ ul.breadcrumbs {list-style-type:none;display: -webkit-box;display: -ms-flexbox;display: flex; flex-wrap: wrap; margin: 70px 0 0 0;} ul.breadcrumbs strong {font-weight: 400; border-bottom:1px solid #FFF} ul.breadcrumbs li {position: relative} ul.breadcrumbs li + li { margin-left: .5em;} ul.breadcrumbs li, ul.breadcrumbs li a {font-size: var(--fontsize-16); line-height: var(--line-height-md);color:#fff; text-decoration: none} ul.breadcrumbs li.item-current {color:#FFF;} ul.breadcrumbs li a:hover, ul.breadcrumbs li.item-current a:hover{color:#FFF;} ul.breadcrumbs li.separator {display: none;} ul.breadcrumbs li:before { content: "›"; padding-right:0.5em; color: #FFF !important } ul.breadcrumbs li:first-of-type:before { content: none; } @media (max-width: 767px) { ul.breadcrumbs {margin: 40px 0 0 0;} } /* ------------------------------------------------------------ *\ Section Lead \* ------------------------------------------------------------ */ .section-lead { } .section-lead .lead {font-size: var(--fontsize-25); line-height: var(--line-height-lg); } .section-lead .autor {font-size: var(--fontsize-16); line-height: var(--line-height-md); } .section-lead .news__categories {} .section-lead .news__categories ul.post-categories { margin: 0 0 50px 0;} @media (max-width: 991px) { .section-lead .news__categories ul.post-categories { margin: 0 0 40px 0;} } @media (max-width: 767px) { .section-lead .news__categories ul.post-categories { margin: 0 0 30px 0;} } /* ------------------------------------------------------------ *\ Section Text-Module (100, 50, 75-25) \* ------------------------------------------------------------ */ .section-text {} @media (max-width: 767px) { .section-text .row div{ margin-bottom: 25px;} .section-text .row div:last-of-type{ margin-bottom: 0px;} } /* ------------------------------------------------------------ *\ Section Zitat \* ------------------------------------------------------------ */ .section-zitat {border-top: 1px solid #A8A098; border-bottom: 1px solid #A8A098; padding-top: 30px; padding-bottom: 30px;} .zitat { font-size: var(--fontsize-32); line-height: var(--line-height-md); } .zitat-autor {font-size: var(--fontsize-16); line-height: var(--line-height-md); margin-top: 15px;} .zitatfoto {text-align: center} .zitatfoto img {border-radius: 50%; width: 60%; height: auto;} .zitatvers {} .zitat-mit-angebe { font-size: var(--fontsize-32); line-height: var(--line-height-md); } /* ------------------------------------------------------------ *\ Section Bildslider \* ------------------------------------------------------------ */ .slider--primary, .slider--secondary { overflow: hidden; } .slider--primary .slider__slide, .slider--secondary .slider__slide { position: relative; height: 100%; } .slider--primary.slider__slide-image img, .slider--secondary.slider__slide-image img { width: 100%; } .slider__slide-image .bildlegende { position: absolute; bottom: 0; width: 100%; background: rgba(65,60,55,.7); font-size: var(--fontsize-16); line-height: var(--line-height-md); letter-spacing: 0.01em; font-weight: 600; color: #FFF; padding: 15px 20px; } .slider__counter {position: absolute; top: 30px; right: 20px; color: #FFF; background-color: rgba(245, 40, 75, 0.75);padding: 5px 15px; border-radius:50px;} @media (max-width: 991px) { .slider__slide-image .bildlegende { padding: 15px 20px; } } /* ------------------------------------------------------------ *\ Slider Navigation \* ------------------------------------------------------------ */ .slick-slide img { display: inline-block; width: 100%; height: auto} .slider .slick-dots { list-style-type: none; margin: 25px auto 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack:center;-ms-flex-pack:center;justify-content:center; width: 100%;} .slider .slick-dots li { display: inline-block; width: 10px; height: 10px; border-radius:50%;-moz-border-radius:50%; -webkit-border-radius:50%; background: #E2DEDA; border: none; } .slider .slick-dots li:hover { background: #000; border: none; } .slider .slick-dots li + li { margin-left: 10px; } .slider .slick-dots button { background: transparent; border: 0; font-size: 0; } .slider .slick-dots .slick-active { background: #F5284B; border: 0; } .slider--hero .slick-dots { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 !important; -webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;position: absolute;bottom: 60px;right: 40px; align-items: center;} .slider--hero .slick-dots li { background: transparent!important; width: 18px!important; height: 18px!important; display: flex; align-items: center; justify-content: center } .slider--hero .slick-dots li:hover { background: transparent!important; } .slider--hero .slick-dots li + li { margin-left: 25px !important; } .slider--hero .slick-dots li div { -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; -ms-transition: all .2s; transition: all .2s; width: 8px!important; height: 8px!important; background: #fff !important; border-radius: 50%} .slider--hero .slick-dots li:hover div { width: 18px!important; height: 18px!important; background: transparent !important; border: 2px solid #FFF!important; } .slider--hero .slick-dots li.slick-active div { width: 18px!important; height: 18px!important; background: transparent !important; border: 2px solid #FFF!important; } @media (max-width: 991px) { .slider--hero .slick-dots { -webkit-box-pack:center;-ms-flex-pack:center;justify-content:center; margin: 0 auto;right: 0; bottom: 40px } } .slider .slick-arrow { width: 40px; height: 40px; margin-top: -40px;border: 2px solid #F3F3F3; display: inline-block; border-right: 0; border-top: 0; background: none; font-size: 0; -webkit-transition: border-color .4s; -o-transition: border-color .4s; transition: border-color .4s; } .slider .slick-arrow:hover { border-color: #000; } .slider .slick-prev { position: absolute; top: 50%; left: 30px; z-index: 30; transform: rotate(45deg) translate(0px);-webkit-transform: rotate(45deg) translate(0px);-moz-transform: rotate(43deg) translate(0px);-o-transform: rotate(45deg) translate(0px);-ms-transform: rotate(45deg) translate(0px);} .slider .slick-next { position: absolute; top: 50%; right: 30px; transform: rotate(-135deg) translate(0px);-webkit-transform: rotate(-135deg) translate(0px);-moz-transform: rotate(-135deg) translate(0px);-o-transform: rotate(-135deg) translate(0px);-ms-transform: rotate(-135deg) translate(0px);} .slider .slick-arrow:focus { outline: 0; } @media (max-width: 575px) { .slider .slick-arrow { width: 20px; height: 20px; margin-top: -20px;} .slider .slick-prev { left: 15px; } .slider .slick-next { right: 15px; } } /*------------------------------------------------------------ *\ Section Bild/Text rechts/links \* ------------------------------------------------------------ */ .bildtext_rechtslinks .rechtslinksblock { overflow: hidden; margin-bottom: 0; } .bildtext_rechtslinks .rechtslinksblock li {padding-bottom: 0px !important;margin-bottom: 0px !important;border-bottom: none !important;} .bildtext_rechtslinks .rechtslinksblock .feature + .feature { margin-top: 50px; } .bildtext_rechtslinks .rechtslinksblock .featurebild img {width: 100%; height: auto;} .bildtext_rechtslinks .rechtslinksblock .feature:nth-child(even) .featurebild { order: 2; } .bildtext_rechtslinks .rechtslinksblock .feature:nth-child(even) .featuretext { order: 1; } .bildtext_rechtslinks .rechtslinksblock .featuretext {font-size: var(--fontsize-16); line-height: var(--line-height-md); } .bildtext_rechtslinks .rechtslinksblock .featuretext p:last-of-type{margin-bottom: 0;} .bildtext_rechtslinks .rechtslinksblock .feature:nth-child(even) .featuretext { } .bildtext_rechtslinks .rechtslinksblock .feature:nth-child(odd) .featuretext .section_inner{ padding: 0 25% 0 0;} .bildtext_rechtslinks .rechtslinksblock .feature:nth-child(even) .featuretext .section_inner{ padding: 0 0 0 25%; } @media (max-width: 991px) { .bildtext_rechtslinks .rechtslinksblock .feature + .feature { margin-top: 40px; } } @media (max-width: 767px) { .bildtext_rechtslinks .rechtslinksblock .feature + .feature { margin-top: 30px; } .bildtext_rechtslinks .rechtslinksblock .feature:nth-child(even) .featurebild { order: 1;} .bildtext_rechtslinks .rechtslinksblock .feature:nth-child(even) .featuretext { order: 2; } .bildtext_rechtslinks .rechtslinksblock .feature .featurebild { margin-bottom: 10px;} .bildtext_rechtslinks .rechtslinksblock .featuretext {padding: 10px; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;} .bildtext_rechtslinks .rechtslinksblock .featurebild {-webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;} .bildtext_rechtslinks .rechtslinksblock .feature:nth-child(odd) .featuretext .section_inner{ padding: 0 0 0 0;} .bildtext_rechtslinks .rechtslinksblock .feature:nth-child(even) .featuretext .section_inner{ padding: 0 0 0 0; } .bildtext_rechtslinks .container.outher {padding: 0 20px !important;} } @media (max-width: 575px) { } /* ------------------------------------------------------------ *\ Section Einzelbild \* ------------------------------------------------------------ */ .section-einzelbild {} .section-einzelbild .bildlegende {font-size: var(--fontsize-16);line-height: var(--line-height-md); margin-top: 25px;} @media (max-width: 991px) { .section-einzelbild .bildlegende { margin-top: 15px; } } /* ------------------------------------------------------------ *\ Section Accordion \* ------------------------------------------------------------ */ .accordion {border-bottom: 1px solid #A8A098;} /* Accordion Trigger */ .accordion-trigger {display: table !important; table-layout: fixed !important; cursor: pointer; display: block; width: 100%; clear: both; position: relative; padding: 20px 0; border-top: 1px solid #A8A098; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; -ms-transition: all .5s ease; transition: all .5s ease; font-size: var(--fontsize-25); line-height: var(--line-height-md); } /* Accordion Trigger Aktiv */ .accordion-trigger-active { border-bottom: none;} /* Accordion + Button */ .accordion-trigger-open { position: relative; background: #F5284B; width: 40px; height: 40px; display: inline-block; float: right; border-radius:50%; margin-right: 20px; -webkit-transition: all .2s ease;-moz-transition: all .2s ease;-o-transition: all .2s ease;-ms-transition: all .2s ease;transition: all .2s ease;} .accordion-trigger-open span {height: 2px; width: 22px; background: #FFF; position: absolute; -webkit-transition: all .5s ease;-moz-transition: all .5s ease;-o-transition: all .5s ease;-ms-transition: all .5s ease;transition: all .5s ease; left: 0;right: 0;margin: auto} .accordion-trigger-open span:first-of-type {top: 50%;} .accordion-trigger-open span:last-of-type {top: 50%; transform: rotate(90deg);transform-origin: center;} .accordion-trigger:hover .accordion-trigger-open {background: #A8A098; } .accordion-trigger-active .accordion-trigger-open {background: #A8A098; } .accordion-trigger-active .accordion-trigger-open span:first-of-type {transform: rotate(45deg);} .accordion-trigger-active .accordion-trigger-open span:last-of-type {transform: rotate(-45deg);} /* Accordion Content */ .accordion-content {padding: 20px 0 40px 0;-webkit-animation:fadeOut .8s ease-out;animation:fadeOut .8s ease-out; } .accordion-content.open {-webkit-animation:fadeIn .8s ease-out;animation:fadeIn .8s ease-out} @media (max-width: 1399px) { .accordion-trigger-open { width: 35px; height: 35px; margin-right: 12px;} } @media (max-width: 991px) { .accordion-trigger {padding: 16px 0; } .accordion-trigger-open { width: 35px; height: 35px; margin-right: 8px;} .accordion-trigger-open span {height: 2px; width: 20px;} } /* ------------------------------------------------------------ *\ Section Film \* ------------------------------------------------------------ */ .section-film {} .film video {width: 100%} /* ------------------------------------------------------------ *\ Dokument Download-Liste \* ------------------------------------------------------------ */ .section-dokument-download-liste {} ul.dokument-download { list-style: none; margin-bottom: 0;} ul.dokument-download li {border-bottom: 1px solid #A8A098; padding: 10px 0; position: relative} ul.dokument-download li a {position: relative; text-decoration:none; margin-left: 2em; color: #000; display: block; padding-right: 30px;} ul.dokument-download li a:hover {color: #F5284B;} ul.dokument-download li a.file:before { position:absolute; left: -2em; top: 2px; content: url(images/ico_file.png) " " } ul.dokument-download li a.web:before { position:absolute; left: -2em; top: 3px; content: url(images/ico__link.png) " " } ul.dokument-download li i { position: absolute; top: 50%; right: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);} [class^="ico-"]{display:inline-block;background-position:0 0;background-size:100% 100%;} .ico-download{background-image:url(images/ico-download.svg);width:18px;height:23px;} .ico-web{background-image:url(images/ico-web.svg);width:18px;height:20px;} /* ------------------------------------------------------------ *\ Section Bildergalerie \* ------------------------------------------------------------ */ .gallery {list-style-type:none; margin-bottom: 0; display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;} .gallery li {;-webkit-box-flex:0;-ms-flex:0 0 24%;flex:0 0 24%; max-width:24%; margin-right: 2%; margin-bottom: 2%} .gallery li { position: relative;} .gallery li a{ display: block; } .gallery li img { width: 100%; } .gallery li a:before { content: ''; display: inline-block; background: rgba(0, 0, 0, .4); position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: 10; visibility: hidden; opacity: 0; -webkit-transition: visibility .4s, opacity .4s; -o-transition: visibility .4s, opacity .4s; transition: visibility .4s, opacity .4s; } .gallery li a:hover:before { visibility: visible; opacity: 1; } .gallery li a:hover .gallery-icon { visibility: visible; opacity: 1; } .gallery-icon { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); display: inline-block; width: 40px; height: 40px; border-radius: 50%; background: #F5284B; z-index: 20; visibility: hidden; opacity: 0; -webkit-transition: visibility .4s, opacity .4s; -o-transition: visibility .4s, opacity .4s; transition: visibility .4s, opacity .4s; } .gallery-icon:before { content: ''; display: inline-block; width: 22px; height: 2px; background: #FFF; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .gallery-icon:after { content: ''; display: inline-block; width: 2px; height: 22px; background: #FFF; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } @media (max-width: 575px) { .gallery li {-ms-flex:0 0 30%;flex:0 0 30%; max-width:30%; margin-right: 3%; margin-bottom: 3%} } /* ------------------------------------------------------------ *\ Section Team mit Foto \* ------------------------------------------------------------ */ .section-team .team {margin-bottom: 40px;} .section-team_2-spaltig .teamcontent { padding: 0 0 20px 0;} .section-team_2-spaltig .teamname{ font-size: var(--fontsize-32); line-height: var(--line-height-md); margin-bottom: 5px; } .section-team_2-spaltig .teamfunktion {font-size: var(--fontsize-16); line-height: var(--line-height-md); text-transform:uppercase;} ul.stationen {list-style: none; margin-top: 30px;} ul.stationen li{ border-bottom: 1px solid #A8A098; padding: 5px 0;} ul.stationen li span { display: inline-flex; min-width: 130px;} .section-team_4-spaltig .teamcontent { padding: 10px 0 0 0;} .section-team_4-spaltig .teamname{ font-size: var(--fontsize-25); line-height: var(--line-height-md); margin-bottom: 5px; } .section-team_4-spaltig .teamfunktion {font-size: var(--fontsize-16); line-height: var(--line-height-md); text-transform:uppercase;} /* ------------------------------------------------------------ *\ Section Lebenslauf \* ------------------------------------------------------------ */ .section-lebenslauf {} table.lebenslauf {width: 100% !important; border-spacing:0px !important; margin: 0;} table.lebenslauf td{border-spacing:0px !important; vertical-align:top; padding: 10px 10px 10px 0; border-bottom: 1px solid #A8A098;} table.lebenslauf td:last-of-type {text-align: right; padding-right: 0} /* ------------------------------------------------------------ *\ Section Partner \* ------------------------------------------------------------ */ .section-partner {} table.partner {width: 100% !important; border-spacing:0px !important; margin: 0;} table.partner td{border-spacing:0px !important; vertical-align:top; padding: 10px 10px 10px 0; border-bottom: 1px solid #A8A098;} table.partner td:last-of-type {text-align: right !important; padding-right: 0} table.partner a {position: relative; text-decoration:none; margin-left: 2em; color: #F5284B; display: inline-block;} table.partner a:before { position:absolute; left: -2em; top: 3px; content: url(images/ico__link.png) " " } table.partner a:hover {color: #000;} /* ------------------------------------------------------------ *\ Section Medienspiegel \* ------------------------------------------------------------ */ .section-medienspiegel {} .medienspiegel-row {padding-top: 25px; padding-bottom: 25px; border-bottom: 1px solid #A8A098; } .medienspiegel-row h4 {margin-bottom: 10px; } .medienspiegel-date {} .medienspiegel-content {} .medienspiegel-link {text-align: right;} .medienspiegel-link a {position: relative} .medienspiegel-link a.file:before { position: absolute; left: -1.5em; top: 2px; content: url(images/ico__file.png) " ";} .medienspiegel-link a.link:before { position: absolute; left: -1.5em; top: 2px; content: url(images/ico__link.png) " ";} /* ------------------------------------------------------------ *\ Section Highlight \* ------------------------------------------------------------ */ .section-highlight {} .section-highlight-inner {padding: 30px 16.66667%; background: #F2EEEA; border-left: 8px solid #F5284B;} .section-highlight-inner h4 { text-transform: none; letter-spacing: 0; margin-bottom: 10px; color: #F5284B} /* ------------------------------------------------------------ *\ Veranstaltungen \* ------------------------------------------------------------ */ /* Veranstaltungsliste gross Startseite*/ .section-kommende_veranstaltungen {background: #413C37;} .section-kommende_veranstaltungen h3 {color: #FFF; ;} ul.veranstaltungenbig {border-top: 1px solid #A8A098; list-style:none} ul.veranstaltungenbig li{ border-bottom: 1px solid #A8A098; padding: 25px 15px} ul.veranstaltungenbig li {color: #A8A098; position: relative; display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap; -webkit-box-align:center;-ms-flex-align:center;align-items:center; -webkit-transition: all .4s; -moz-transition: all .4s; -o-transition: all .4s; -ms-transition: all .4s; transition: all .4s;} ul.veranstaltungenbig li .eventday {width: 70px; height: 70px; border: 2px solid #A8A098; border-radius: 50%; margin-right: 55px; display:flex; align-items: center; justify-content: center } ul.veranstaltungenbig li .eventday span { display: block; font-size: var(--fontsize-32); line-height: var(--line-height-md); text-align: center;} ul.veranstaltungenbig li .eventmonth {margin-right: 55px;} ul.veranstaltungenbig li h2 {margin-bottom: 0; flex: 1;} ul.veranstaltungenbig li a {position: absolute; display:block; position: absolute;top: 0;left: 0;right: 0;bottom: 0;} ul.veranstaltungenbig li:hover {color: #FFF;} ul.veranstaltungenbig li:hover .eventday { border: 2px solid #FFF; } ul.veranstaltungenbig li:hover h3 {color: #FFF; padding-left: 10px;} @media (max-width: 991px) { ul.veranstaltungenbig li .eventday {width: 65px; height: 65px; margin-right: 40px; } } @media (max-width: 767px) { ul.veranstaltungenbig li{ padding: 25px 0px} ul.veranstaltungenbig li .eventday {width: 60px; height: 60px; margin-right: 18px; } ul.veranstaltungenbig li .eventmonth {margin-right: 0px;} ul.veranstaltungenbig li h2 {margin-top: 25px; width: 100%; flex: auto;} ul.veranstaltungenbig li:hover h2 {padding-left: 0px;} } /* Veranstaltungsliste gross ALLE*/ .section-alle_veranstaltungen {padding-top: 70px; padding-bottom: 70px;} .section-alle_veranstaltungen ul.veranstaltungenbig li {color: #000;} .section-alle_veranstaltungen ul.veranstaltungenbig li h3 {color: #000; margin-bottom: 0} .section-alle_veranstaltungen ul.veranstaltungenbig li .eventday {border: 2px solid #000;} .section-alle_veranstaltungen ul.veranstaltungenbig li:hover {color: #A8A098;} .section-alle_veranstaltungen ul.veranstaltungenbig li:hover .eventday { border: 2px solid #A8A098; } .section-alle_veranstaltungen ul.veranstaltungenbig li:hover h3 { color: #A8A098; } @media (max-width: 767px) { .section-alle_veranstaltungen {padding-top: 40px; } } /* Veranstaltungsliste in der Sidebar */ .section-veranstaltungen-side {} ul.veranstaltungenside {list-style:none; margin-bottom: 40px;} ul.veranstaltungenside li{ border-bottom: 1px solid #A8A098;padding: 30px 0;color: #000;position: relative;display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap; -ms-flex-direction: column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start; } ul.veranstaltungenside li:first-of-type { padding-top: 0;} ul.veranstaltungenside li .veranstaltungsdatum {display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center; margin-right: 40px;} ul.veranstaltungenside li .eventday {width: 70px; height: 70px; border: 2px solid #000; border-radius: 50%; margin-right: 30px; display:flex; align-items: center; justify-content: center} ul.veranstaltungenside li .eventday span { display: block; font-size: var(--fontsize-32); line-height: var(--line-height-md); text-align: center;} ul.veranstaltungenside li .eventmonth {} ul.veranstaltungenside li h3 {flex: auto;color: #000;margin-bottom: 0px;margin-top: 20px;} ul.veranstaltungenside li a {position: absolute; display:block; position: absolute;top: 0;left: 0;right: 0;bottom: 0;} ul.veranstaltungenside li:hover {color: #F5284B;} ul.veranstaltungenside li:hover .eventday { border: 2px solid #F5284B; } ul.veranstaltungenside li:hover h3 {color: #F5284B; } @media (max-width: 1200px) { ul.veranstaltungenside li .eventday {width: 65px; height: 65px; margin-right: 40px; } ul.veranstaltungenside li h3 {flex: 1; margin-top: 0} } @media (max-width: 991px) { ul.veranstaltungenside li .eventday {width: 65px; height: 65px; margin-right: 40px; } ul.veranstaltungenside li h3 {margin-top: 25px; width: 100%; flex: auto; } } @media (max-width: 767px) { ul.veranstaltungenside li .eventday {width: 60px; height: 60px; margin-right: 18px; } ul.veranstaltungenside li .eventmonth {margin-right: 0px;} } /* Events Single */ .eventday {} .eventtime {} /* ------------------------------------------------------------ *\ News Liste \* ------------------------------------------------------------ */ .section-news-liste {} .section-news-liste h3 {color: #FFF; ;} .newsliste{list-style-type:none;} ul.newsliste li{ position: relative; margin-bottom:30px; -webkit-transition:-webkit-box-shadow .2s;transition:-webkit-box-shadow .2s;-o-transition:box-shadow .2s;transition:box-shadow .2s;transition:box-shadow .2s, -webkit-box-shadow .2s;} ul.newsliste li:hover{-webkit-box-shadow:0px 5px 10px 5px rgba(0, 0, 0, 0.3);box-shadow:0px 5px 10px 5px rgba(0, 0, 0, 0.4);} ul.newsliste li:hover .meilensteinli-content{background-color:#fff;} ul.newsliste li a {position: absolute; display:block; position: absolute;top: 0;left: 0;right: 0;bottom: 0;} .news-image{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-preferred-size:200px;flex-basis:200px;} .news-image .img{display:block;height:100%;width:100%;background-size:cover;background-position:center center;background-repeat:no-repeat;} .news-date{-ms-flex-preferred-size:258px;flex-basis:258px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size: var(--fontsize-20); line-height: var(--line-height-md); background-color:#BF7F96; color: #FFF} .news-date .day {width: 70px; height: 70px; border: 2px solid #FFF; border-radius: 50%; margin-right: 45px; display:flex; align-items: center; justify-content: center } .news-date .day span { display: block; font-size: var(--fontsize-32); line-height: var(--line-height-md); text-align: center;} .news-date .month {margin-right: 35px;} .news-content{-ms-flex:1 1;flex:1 1;background-color:#FFF;padding:40px 55px;} .news-content h2{margin-bottom: 0;} .news-content h2 br{display: none;} .news-content p{-webkit-box-flex:1;-ms-flex:1 1;flex:1 1;} .news-content p:last-of-type {margin-bottom: 0;} .meilensteinli--lg .meilensteinli-date{height:178px;} @media (max-width:1199px){ .news-content{-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-flex:1;-ms-flex:1 1;flex:1 1;padding:30px 25px;} .news-content h4{-ms-flex-preferred-size:100%;flex-basis:100%;margin-bottom:10px;} } @media (max-width:991px){ ul.newsliste li{-ms-flex-wrap:wrap;flex-wrap:wrap;} .news-date{-ms-flex-preferred-size:50%;flex-basis:50%;height:150px;} .news-image{-ms-flex-preferred-size:50%;flex-basis:50%;} .news-content{font-size: var(--fontsize-20); line-height: var(--line-height-md); padding:30px 25px;} } @media (max-width:767px){ .news-date .day {width: 55px; height: 55px; margin-right: 20px; } .news-date .month {margin-right: 10px;} } /* ------------------------------------------------------------ *\ Kleinanzeigen \* ------------------------------------------------------------ */ .section-kleinanzeigen {background: #F2EEEA;} .section-kleinanzeigen h4 { margin-bottom: 30px; text-transform: uppercase; letter-spacing: 0.04em} .kleinanzeigen {margin-bottom: 50px;} .kleinanzeigen__inner {background: #FFF; height: 100%; position: relative} .kleinanzeigen__content {padding: 25px 30px;} .kleinanzeigen__content h3 { margin-bottom: 10px; } .kleinanzeigen__content h3 a { color: #000; } .kleinanzeigen__anreisser { margin-bottom: 60px;} .kleinanzeigen__anreisser {text-overflow: ellipsis; text-overflow: "�"; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;} .kleinanzeigen__categories {font-size: var(--fontsize-16); line-height: var(--line-height-md);display: flex; justify-content: space-between; margin-bottom: 25px;} .inseratekategorie {position: relative; padding: 0 0 0 30px;} .inseratekategorie:before {position:absolute; left: 0; top: 2px; margin-right: 12px; content: url(images/ico_tag.png) " "} .kleinanzeigen__categories .date{position: relative; padding: 0 0 0 30px;} .kleinanzeigen__categories .date:before {position:absolute; left: 0; top: 2px; margin-right: 12px; content: url(images/ico_date.png) " "} .zielgruppe {font-size: var(--fontsize-16); line-height: var(--line-height-md); margin-bottom: 20px;} .kleinanzeigen { -moz-transition: all .4s ease;-o-transition: all .4s ease;-ms-transition: all .4s ease;transition: all .4s ease;} .kleinanzeigen:hover {transform: translateY(-10px)} .kleinanzeigen:hover .news__content h3 { color: #5F5A55; } .kleinanzeigen:hover .news__anreisser {color: #5F5A55} .kleinanzeigen:hover .news__autor {color: #5F5A55;} .kleinanzeigen:hover ul.post-categories:before {opacity: .7 } .kleinanzeigen:hover ul.post-categories li a {color: #5F5A55;} .kleinanzeigen:hover ul.post-categories li a:hover {color: #F5284B; } @media (max-width: 767px) {.kleinanzeigen {margin-bottom: 40px !important;}} /* ------------------------------------------------------------ *\ Slider Kleinanzeigen Startseite \* ------------------------------------------------------------ */ .slider-kleinanzeigen {position:relative;padding:0;margin:0 -20px;} .slider-kleinanzeigen .slider__slide{padding:0 20px;} .slider-kleinanzeigen .slick-list{overflow:visible !important;} .slider-kleinanzeigen .slick-navigation {text-align: right;} .slider-kleinanzeigen .slick-navigation .content_inner {display: flex; justify-content: end; padding: 0 0 20px; } .slider-kleinanzeigen button {border: none; outline: none;} .slider-kleinanzeigen .slick-arrow { margin: 0;opacity:1; width: 40px; height: 15px; margin-top:0; background: none; font-size: 0; } .slider-kleinanzeigen .prev { position: relative; z-index: 30; opacity: .4; margin-right: 25px; } .slider-kleinanzeigen .next { position: relative; opacity: .4} .slider-kleinanzeigen .prev:hover { opacity: .6 } .slider-kleinanzeigen .next:hover { opacity: .6} .slider-kleinanzeigen .next:before { content: ''; width: 40px; height: 15px; position: absolute; left: 0; top:0; display: block;background: url(images/kleinanzeigen-arrow-right.svg) no-repeat;background-size: 100%; } .slider-kleinanzeigen .prev:before { content: ''; width: 40px; height: 15px; position: absolute; left: 0; top:0; display: block; background: url(images/kleinanzeigen-arrow-left.svg) no-repeat;background-size: 100%; } /* ------------------------------------------------------------ *\ Kleinanzeigen Isotope Filtered \* ------------------------------------------------------------ */ /* Isotope Basics */ .isotope-item {z-index: 2;} .isotope-hidden.isotope-item {pointer-events: none;z-index: 1;} .isotope,.isotope .isotope-item {-webkit-transition-duration: 0.7s;-moz-transition-duration: 0.7s;transition-duration: 0.7s;} .isotope {-webkit-transition-property: height, width;-moz-transition-property: height, width;transition-property: height, width;} .isotope .isotope-item {-webkit-transition-property: -webkit-transform, opacity;-moz-transition-property: -moz-transform, opacity;transition-property: transform, opacity;} /* Isotope Filter Publikationen */ .section-kleinanzeigen-filter {background: #F2EEEA;} .form-select select::-ms-expand{display:none;} .form-select .select{width:100%;position:relative;} .form-select .select i{position:absolute ;top:22px; right:15px; pointer-events:none;} .form-select .select.selected i{pointer-events:initial;} .form-select .select.selected .field{background-color:#5F5A55;color:#fff; border:1px solid #5F5A55;} .form-select .select .field{width:100%; border:1px solid #fff; color: #000; border-radius:0;outline:0;height:50px;font-size: var(--fontsize-20); line-height: var(--line-height-md);padding-left:18px; -webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff; margin-bottom: 8px;} .ico-arrow-down{ background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M17766.7-189h16v16' transform='translate(12452.293 -12685.284) rotate(135)' fill='none' stroke='%235f5a55' stroke-width='1'/%3E%3C/svg%3E");background-size: 100%; margin-top: -12px; width: 24px; height: 24px; display: inline-block; vertical-align: middle; font-size: 0px; } .ico-x{ background-image: url("data:image/svg+xml;charset=utf8, ");background-size: 100%;margin-top: -4px; width: 16px; height: 16px; display: inline-block; vertical-align: middle; font-size: 0px; } .no-results {display: none} .image-content { width: 100%; height: 800px; } .panzoom { height: 100%; } .image-container { } .controls { margin-bottom: 15px; } /* ------------------------------------------------------------ *\ PANZOOM \* ------------------------------------------------------------ */ .PanZoomKrokiOuther {position:relative;} #PanZoomKroki {position:relative;width:100%;} /*.panzoom img{min-width:2208px;width:100%;height:100%;}*/ /* #ebsCoverPanZoom .panzoom { width: 100%; }*/ .panzoom__image{position:relative;top:0;left:0;width:100%;} .panzoom-inner {position:relative;left:0px;width:100%;height:auto;-webkit-transform:translateZ(1px);transform:translateZ(1px);} .PanZoombuttons {} .PanZoombuttons {position:absolute;bottom:0px;right:15px; padding: 0; list-style:none;z-index:1000; width: 30px; height: 80px; background:#FFF; border-radius: 6px; -webkit-box-shadow: 0px 4px 8px 0px rgba(95,90,85,0.6); box-shadow: 0px 4px 8px 0px rgba(95,90,85,0.6); } .PanZoombuttons li + li{margin:6px 0 0;} .PanZoombuttons button {border: none; outline: none;} .PanZoombuttons button:focus {border: none; outline: none;} .PanZoombuttons li{position: relative;} .PanZoombuttons li:last-of-type:after { content: ""; height: 2px; width: 26px; border-top: ; position: absolute; background: #E2DEDA; left: 2px; } .btn-zoom{display:inline-block;position:relative;width:30px;height:30px;background:#FFF;-webkit-transition:background .4s;-o-transition:background .4s;transition:background .4s;} .btn-zoom:hover{background:#FFF;} .btn-zoom i{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);} .ico-plus{position:relative;display:inline-block;width:16px;height:16px;} .ico-minus { width: 16px; height: 2px; background: #413C37; } .ico-plus:before, .ico-plus:after{content:'';position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:100%;height:2px;background:#413C37;} .ico-plus:after{-webkit-transform:translate(-50%, -50%) rotate(90deg);-ms-transform:translate(-50%, -50%) rotate(90deg);transform:translate(-50%, -50%) rotate(90deg);} .krokilegende {position: absolute; top: 20px; left: 20px; z-index: 1; width: 300px;} .krokilegende a {background: #5F5A55;color: #fff;padding: 13px 25px;display:block;width:100%; position: relative;} .krokilegende a:hover {color: #fff;} /*** KrokiBurger ***/ .krokiburger{position:absolute;cursor:pointer;top:28px;right:15px;z-index:3;width:23px;height:6px;transition:transform 0.4s;display:block;} .krokiburger span{display:block;height:1px;background:#FFFFFF;transition:height .15s,top .15s,bottom .15s,border-radius .15s,transform .15s,opacity .15s,background .3s;} .krokiburger span:nth-child(1), .krokiburger span:nth-child(2){position:relative;width:100%;left:0;} .krokiburger span:nth-child(1){top:-4px;} .krokiburger.open {top:25px;} .krokiburger.open span:nth-child(1){transform:rotate(45deg);top:1px; } .krokiburger.open span:nth-child(2){transform:rotate(-45deg);top:0;} .krokiburger.open span{background:#FFFFFF;} @media(max-width:991px){ .krokiburger{display:block;} } .krokilegende-liste { display: none; background: #FFF} .krokilegende-liste ul{ list-style-type:none; padding: 15px 25px 25px 25px; background: #FFF} .krokilegende-liste ul li { border-bottom: 1px solid #E2DEDA; padding: 8px 0; display: flex; align-items: center; font-size: var(--fontsize-16); line-height: var(--line-height-md); } .krokilegende-liste ul li img {margin-right: 25px; width: 25px; height: 25px; } /* ------------------------------------------------------------ *\ Modul Google Maps \* ------------------------------------------------------------ */ .section-sidebar-map {} .section-sidebar-map .text p {margin-bottom: 20px !important;} .acf-map {width: 100%;height: 285px;} .acf-map img { max-width: inherit !important;} .markerinfo {font-size: var(--fontsize-16); line-height: var(--line-height-md); padding-top: 10px;} .markerinfo p{margin: 0px !important; padding: 0px 0px 15px 0px !important;} .markerinfo p:last-child{padding: 0px !important;} /* ------------------------------------------------------------ *\ Call to Action \* ------------------------------------------------------------ */ .section-call_to_action {color: #FFF;} .section-call_to_action h3 {color: #FFF} .call_to_action-content {} .call_to_action-image {text-align:right;} .call_to_action-image img {max-height: 320px; width: auto; padding-left: 20px;} .cta-content a:hover {color: #FFF;} .section-call_to_action_schmal {} .section-call_to_action_schmal .call_to_action-content {display: flex; justify-content: space-between; align-items: center} .section-call_to_action_schmal h2 {margin-bottom: 0} .section-call_to_action_schmal a.btn.btnoutlinedwhite { margin-top: 0px;} /* ------------------------------------------------------------ *\ Angebote \* ------------------------------------------------------------ */ .section-angebote{ } .angebotsblock {margin-bottom: 40px;} .angebotsblock .content_inner {background: #FFF;padding: 10px; display: flex; align-items: center; height: 100%;} .angebotsblock .content_inner h4 {text-transform: none } .angebotscontent {padding: 30px; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; align-items: flex-start } .angebotscontent .btn {} @media (max-width: 1199px) { .angebotsblock .content_inner img {width: 120px; height: auto; } } @media (max-width: 991px) { .angebotsblock .content_inner img {width: 150px; height: auto; } } /* ------------------------------------------------------------ *\ Offene Stellen \* ------------------------------------------------------------ */ .section-offene_stellen {} .section-offene_stellen ul {border-top: 1px solid #A8A098; list-style:none; margin-top: 20px; } .section-offene_stellen ul li {border-bottom: 1px solid #A8A098; padding: 20px 0; font-size: var(--fontsize-32); line-height: var(--line-height-md); color: #5F5A55} .section-offene_stellen ul li a{color: #5F5A55; display: block; } .section-offene_stellen ul li a:hover{color: #000; } /* ------------------------------------------------------------ *\ Wochenmenu \* ------------------------------------------------------------ */ .wochenmenu-tag {} .wochenmenu-tag + .wochenmenu-tag {margin-top: 50px} .wochenmenu-tag h4 { margin-bottom: 5px;} .menublock { border-bottom: 1px solid #A8A098; padding-bottom: 0; margin-bottom: 20px;} .menublock-content {display: flex;justify-content: space-between;align-content: flex-start;} .menublock-content .preis {padding-left: 30px; min-width: 150px; text-align: right} .wochenmenu-tag.taeglich-wechselnd {margin-top: 0px; border-bottom: 1px solid #A8A098; padding-bottom: 10px;} .wochenmenu-tag.taeglich-wechselnd .menublock { border-bottom: none; padding-bottom: 0px; margin-bottom: 0px;} /* ------------------------------------------------------------ *\ Section Tabelle \* ------------------------------------------------------------ */ .section-tabelle table {width: 100% !important; border-spacing:0px !important; margin: 0; table-layout:fixed} .section-tabelle table td{border-spacing:0px !important; vertical-align:top; padding: 10px 20px 10px 0; border-bottom: 1px solid #A8A098} .section-tabelle table th{padding: 0px 20px 10px 0; text-align: left; border-bottom: 2px solid #A8A098;} @media (max-width: 767px) { .table-container{width: 100%;overflow-y: auto;_overflow: auto;margin: 0 0 1em;} .table-container::-webkit-scrollbar{-webkit-appearance: none;width: 14px;height: 14px;} .table-container::-webkit-scrollbar-thumb{border-radius: 8px;border: 3px solid #fff;background-color: rgba(0, 0, 0, .3);} } .section-tabelle.section-tabelle_-_3-spaltig_getranke table {} .section-tabelle.section-tabelle_-_3-spaltig_getranke table td:first-of-type {width: 70%} .section-tabelle.section-tabelle_-_3-spaltig_getranke table td:last-of-type {text-align: right; padding-right: 0;} .isheader td {font-weight: 700; padding: 0px 20px 10px 0; border-bottom: 2px solid #A8A098 !important;} /* ------------------------------------------------------------ *\ Section News \* ------------------------------------------------------------ */ .section-news {padding-top: 10px;} .news {margin-bottom: 50px;} .newsklein {} .newsgross {} .news__inner {background: #FFF; height: 100%; position: relative} .news__content {padding: 25px 30px;} .news__content h3 { margin-bottom: 20px; } .news__content h3 a { color: #000; } .news__anreisser {font-size: var(--fontsize-16); line-height: var(--line-height-md); padding-bottom: 60px;} /* .newsklein.has-thumbnail .news__anreisser { max-height: 110px; overflow: hidden;} .newsgross.has-thumbnail .news__anreisser { max-height: 40px; overflow: hidden;} */ .news__categories {} ul.post-categories {display:-webkit-box;display:-ms-flexbox;display:flex; -ms-flex-wrap:wrap;flex-wrap:wrap; list-style-type:none; position: relative; padding: 0 0 0 30px; margin: 0 0 15px 0} ul.post-categories:before { position:absolute; left: 0; top: 3px; margin-right: 14px; content: url(images/ico_tag.png) " " } ul.post-categories li {padding-left: 0;text-indent: 0;padding-bottom: 0;} ul.post-categories li:before {content: none; padding-right: 0;} ul.post-categories li:after {content: ",";padding-right: 0.2em;} ul.post-categories li:last-of-type:after {content: none;padding-right: 0;} ul.post-categories li a {color: #000;font-size: var(--fontsize-16); line-height: var(--line-height-md);} ul.post-categories li a:hover {color: #F5284B; } .news__media {overflow: hidden;} .news__media img {-moz-transition: all .4s ease;-o-transition: all .4s ease;-ms-transition: all .4s ease;transition: all .4s ease;} .newsklein.has-thumbnail .news__media {height: 257px} .newsklein.has-thumbnail .news__media img { width: 100%; height: 100%; object-fit: cover;} .newsgross.has-thumbnail .news__media {height: 400px} .newsgross.has-thumbnail .news__media img { width: 100%; height: 100%; object-fit: cover;} @media (max-width: 767px) { .news {margin-bottom: 40px !important;} .newsklein.has-thumbnail .news__media {height: 215px} .newsgross.has-thumbnail .news__media {height: 215px} } .news__autor {font-size: var(--fontsize-16); line-height: var(--line-height-md); margin-top: 60px; position: absolute; bottom: 25px} .news.sticky .news__inner {position: relative;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-flex-flow: row wrap;flex-flow: row wrap;} .news.sticky .news__inner .news__media { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; overflow: hidden; } .news.sticky .news__inner .news__media img { width: 100%;} .news.sticky .news__inner .news__content { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%;} .news.sticky .news__content h3 { color: #000; font-size: 45px; line-height: 60px; margin-bottom: 30px; } .news.sticky .news__anreisser {font-size: 18px; line-height: 26px;} @media (max-width: 1399px) { .news.sticky .news__inner .news__media { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; height: 410px } .news.sticky .news__inner .news__media img { width: 100%; height: 100%; object-fit: cover;} .news.sticky .news__inner .news__content { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;} } @media (max-width: 991px) { .news.sticky .news__inner .news__media { height: 430px } .news.sticky .news__content h3 { font-size: 38px; line-height: 53px; margin-bottom: 20px; } } @media (max-width: 767px) { .news.sticky .news__inner .news__media { height: 215px } .news.sticky .news__content h3 { font-size: 25px; line-height: 35px; } .news.sticky .news__anreisser {font-size: 15px; line-height: 22px;} } .news { -moz-transition: all .4s ease;-o-transition: all .4s ease;-ms-transition: all .4s ease;transition: all .4s ease;} .news:hover {transform: translateY(-10px)} .news:hover .news__content h3 { color: #5F5A55; } .news:hover .news__anreisser {color: #5F5A55} .news:hover .news__autor {color: #5F5A55;} .news:hover ul.post-categories:before {opacity: .7 } .news:hover ul.post-categories li a {color: #5F5A55;} .news:hover ul.post-categories li a:hover {color: #F5284B; } .news:hover .news__media img, .news:hover .news__media img { -webkit-transform: scale(1.1); transform: scale(1.1); } /* ------------------------------------------------------------ *\ List Filters \* ------------------------------------------------------------ */ .section-news-filter {-webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; transition: all .4s ease-in-out;} .list-filters{margin-bottom:0px;} .list-filters ul{display:-webkit-box;display:-ms-flexbox;display:flex;list-style-type:none; -ms-flex-wrap:wrap;flex-wrap:wrap; -webkit-box-pack:center;-ms-flex-pack:center;justify-content:center; margin-bottom: 0;} .list-filters li{ margin: 0 15px 30px 15px } a.news-filter-toggle { margin-top: 0px; padding:6px 25px; border-radius:50px;color:#fff;border:2px solid #F5284B; background: #F5284B; font-size: var(--fontsize-16); line-height: var(--line-height-md); display:inline-flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center!important;-ms-flex-align:center!important;align-items:center!important;-webkit-box-pack:center!important;-ms-flex-pack:center!important;justify-content:center!important; display: none;} a.news-filter-toggle:hover {color:#fff;} .section-news-filter-open a.news-filter-toggle {color:#F5284B;border:2px solid #fff; background: #fff;} .section-news-filter-open a.news-filter-toggle:hover {color:#F5284B;} @media (max-width: 767px) { .section-news-filter {background:transparent; margin-top: -50px !important; padding: 25px 0 0 0} .section-news-filter-open {background:#5F5A55; margin-top: -50px !important; padding: 25px 0} a.news-filter-toggle {display: inline-block;} ul.news-filter {display: none; margin-top: 15px; text-align: left; } /* Btn transparent runde Ecken */ a.btn.btnoutlinedround { padding: 8px 0px !important; border-radius:0 !important; color:#FFF !important; border:none !important; font-size: var(--fontsize-16); line-height: var(--line-height-md); display:block !important; text-align: left; } a.btn.btnoutlinedround:hover{color:#F5284B !important; border-color: none; } a.btn.btnoutlinedround.is-active {color:#F5284B !important; border-color: none !important; background: transparent !important;} a.btn.btnoutlinedround.is-active.is-active-sub {display: none!important} .list-filters ul{margin-top:25px;} .list-filters li{ margin: 0 0 0 0 } } /* Pagination */ .pagination {display:block; overflow: hidden; margin-bottom: 50px; display:flex; align-items: center} .pagination span, .pagination a {display:block; float:left; margin: 0 10px 0 0;width: auto; font-size: var(--fontsize-16); line-height: var(--line-height-md); color:#222222;} .pagination a:hover{color: #aa6a26; } .pagination .current{color: #aa6a26;} /* SEITE ALLE VERANSTALTUNGEN */ .section-filtercontainer-alle { padding-top: 70px;} .section-filtercontainer-alle .form-select .select.selected .field{background-color:#A8A098;color:#fff; border:1px solid #A8A098;} ul.veranstaltungs-filter {} a.veranstaltungs-filter-toggle { margin-top: 0px; padding:6px 25px; border-radius:50px;color:#fff;border:2px solid #F5284B; background: #F5284B; font-size: var(--fontsize-16); line-height: var(--line-height-md); display:inline-flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center!important;-ms-flex-align:center!important;align-items:center!important;-webkit-box-pack:center!important;-ms-flex-pack:center!important;justify-content:center!important; display: none;} a.veranstaltungs-filter-toggle:hover {color:#fff;} .section-filtercontainer-alle-open a.news-filter-toggle {color:#F5284B;border:2px solid #fff; background: #fff;} .section-filtercontainer-alle-open a.news-filter-toggle:hover {color:#F5284B;} @media (max-width: 767px) { .section-filtercontainer-alle {background:transparent; padding: 25px 0 0 0} .section-filtercontainer-alle-open {background:#5F5A55; padding: 25px 0} a.veranstaltungs-filter-toggle {display: inline-block;} ul.veranstaltungs-filter {display: none; margin-top: 15px; text-align: left; } } .section-news-startseite {} .section-news-startseite .mehrlinkcontainer a.btn.btnoutlinedgray { margin-top: 0px;} .section-news_single-kategorie_auswahl {background: #F2EEEA; padding: 70px 0} .section-news_single-kategorie_auswahl h3{ color: #000; } /* ------------------------------------------------------------ *\ SIDEBAR \* ------------------------------------------------------------ */ .sidebar {} .sidebar h4 {border-top: 1px solid #000; padding-top: 15px} .section-autor_info {} .section-autor_info img {margin-bottom:30px; width: 100%; height: auto;} .sideblock {border-bottom: 1px solid #000000; padding: 17px 0 37px} .sideblock:first-of-type {border-top: 1px solid #000000; } .sideblock h4 { border-top: none; margin-bottom: 17px; padding-top: 0px} .sideblock .publikation__preis {font-size: var(--fontsize-25); line-height: var(--line-height-md); margin-top: 0px; position: static; bottom: 0} ul.bestelllinks { list-style: none; margin-bottom: 0;} ul.bestelllinks li { padding: 0 0 10px 0; position: relative} ul.bestelllinks li a {position: relative; text-decoration:none; margin-left: 2em; color: #000; display: block; padding-right: 30px;} ul.bestelllinks li a:hover {color: #F5284B;} ul.bestelllinks li a.web:before { position:absolute; left: -2em; top: 3px; content: url(images/ico__link.png) " " } ul.bestelllinks li i { position: absolute; top: 50%; right: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);} .section-teaserblock-side {} .section-teaserblock-side h3 {color: #000} .section-teaserblock-side h4 {border-top: none; padding-top: 0; color: #F5284B} .section-teaserblock-side .teaserblock {background: #F2EEEA; padding: 30px; } .section-teaserblock-side .teaserblock + .teaserblock {margin-top: 40px; } .teaser-tagesmenu .image-container {width: 60%; margin: 0 auto 25px auto} .aktuelles-tagesmenu {border-bottom: 1px dashed #A8A098; padding-bottom: 35px} .aktuelles-tagesmenu + .aktuelles-tagesmenu {padding-top: 35px; border-bottom: none;} .teaser-tagesmenu .link {text-align: center} .aktuelles-tagesmenu .menublock { border-bottom: 1px dashed #A8A098; padding-bottom: 10px; margin-bottom: 10px;} ul.links { list-style: none; margin-bottom: 0;} ul.links li { padding: 5px 0; position: relative} ul.links li a {position: relative; text-decoration:none; margin-left: 2em; color: #000; display: block; padding-right: 30px;} ul.links li a:before { position:absolute; left: -2em; top: 3px; content: url(images/ico__link.png) " " } ul.links li a:hover {color: #F5284B;} /* ------------------------------------------------------------ *\ TEASER \* ------------------------------------------------------------ */ .section-teaserblock {} .section-teaserblock .teaserblock_inner {background: #FFF; display: flex;} .section-teaserblock-schmal .teaserblock_img {width: 47%;} .section-teaserblock-schmal .teaserblock_text {width: 53%; padding: 40px; position: relative;} .section-teaserblock-schmal .teaserblock_inner { height: 460px;} .section-teaserblock-breit {height: 524px; } .section-teaserblock-breit .teaserblock_img {width: 66.6666666667%;} .section-teaserblock-breit .teaserblock_text {width: 33.3333333333%; padding: 40px; position: relative;} .section-teaserblock-breit .teaserblock_inner { height: 524px;} .section-teaserblock-breit h2 { margin-bottom: 30px; } .section-teaserblock .teaserblock_img img{display: block;width: 100%;height: 100%;object-fit: cover;} .section-teaserblock .teaserblock_inner h2 {} .section-teaserblock .teaserblock_inner .teaserblock_content {margin-bottom: 80px;} .section-teaserblock .teaserblock_inner a.btn {position: absolute; bottom: 30px; left: 40px } @media (max-width: 991px) { .section-teaserblock .teaserblock_inner {display: block} .col-lg-6.teaserblock { margin-bottom: 25px !important;} .col-lg-6.teaserblock:last-of-type { margin-bottom: 0px;} .section-teaserblock-breit .teaserblock_text, .section-teaserblock-breit .teaserblock_img, .section-teaserblock-schmal .teaserblock_text, .section-teaserblock-schmal .teaserblock_img {width: 100%;} .section-teaserblock .teaserblock_img img {height: 460px} .section-teaserblock-schmal .teaserblock_inner, .section-teaserblock-breit, .section-teaserblock-breit .teaserblock_inner { height: auto;} .section-teaserblock-breit .teaserblock_text, .section-teaserblock-schmal .teaserblock_text { padding: 25px; } .section-teaserblock .teaserblock_inner .teaserblock_content {margin-bottom: 0px;} .section-teaserblock .teaserblock_inner a.btn {position: static; display: inline-flex } } @media (max-width: 767px) { .section-teaserblock .teaserblock_img img {height: 360px} } @media (max-width: 55px) { .section-teaserblock .teaserblock_img img {height: 240px} } /* ------------------------------------------------------------ *\ Suchergebisse \* ------------------------------------------------------------ */ .section-searchresults {} ul.searchresults { list-style: none;} ul.searchresults li { margin-bottom: 20px; position: relative;padding-left: 0em;text-indent: 0em;} ul.searchresults li:before { content: none; padding-right:0; } ul.searchresults li a { position: absolute; top: 0; left: 0; right: 0; bottom: 0;} .searchterm-highlight {color: #D12626} .searchprevious {} .searchnext {float:right;} .searchpagination a{color:#d12626;text-decoration:none; display: inline-block; padding-left: 0px;} .searchpagination a:hover{color:#2D2D2D;} /* ------------------------------------------------------------ *\ Section Tabs / Tooltips Projekt \* ------------------------------------------------------------ */ .section-tabs{} .section-tabs .nav-tabs{-ms-flex-wrap:nowrap;flex-wrap:nowrap;border:0;} .section-tabs .nav-tabs .nav-item{-ms-flex-preferred-size:23%;flex-basis:23%;border:2px solid #A8A098;text-align:center;text-decoration:none;border-radius:0;background-color:transparent;color:#A8A098;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s;} .section-tabs .nav-tabs .nav-item + .nav-item{margin-left:30px;} .section-tabs .nav-tabs .nav-item:hover{color:#fff;background-color:#F5284B;border-color:#F5284B;} .section-tabs .nav-tabs .nav-item.active{color:#fff;background-color:#F5284B;border-color:#F5284B;} .section-tabs .tab-pane{padding-top:80px; text-align:center; position:relative;} .section-tabs .tab-pane .dot{width:24px;height:18px;background-color:#F5284B;display:inline-block;border-radius:50%;position:absolute;} .dotcontainer {padding: 0; position: relative;} .dotcontainer img {width: 100%; height: auto} @media (max-width:767px){ .section-tabs{padding-bottom: 30px;} .section-tabs .nav{padding:0 10px;} .section-tabs .nav-item{font-size: var(--fontsize-16); line-height: var(--line-height-md);} .section-tabs .nav-tabs .nav-item + .nav-item{margin-left:15px;} } /* ------------------------------------------------------------ *\ Tooltips \* ------------------------------------------------------------ */ .popover{border-radius:0;border:0;max-width:284px;-webkit-box-shadow:0 0 30px rgba(65, 60, 55, 0.19);box-shadow:0 0 30px rgba(65, 60, 55, 0.19);} .popover .arrow:before{border-color:transparent !important;} .popover .arrow{left:50% !important;} .popover .popover-header{border:0;padding-top:53px;background-color:#fff;padding-left:25px;} .popover .popover-header a{text-decoration:none;position:absolute;right:20px;top:20px;} .popover .popover-header h3{color:#F5284B; font-size: var(--fontsize-16); line-height: var(--line-height-md); text-transform:uppercase; letter-spacing:0.06em; margin-bottom:0;} .popover .popover-body{padding:0 25px 25px; font-size: var(--fontsize-16); line-height: var(--line-height-md);} .popover .popover-body img{height:156px;width:100%; height: auto; margin-top: 10px;} @media (max-width:767px){.popover{width:185px;} .popover .popover-header{padding:40px 10px 10px 10px;} .popover .popover-header h3{font-size:12px;} .popover .popover-body{font-size:12px;padding:0 10px 10px;color:#000;} .popover .popover-body img{height:110px;width:100%;} } /* .ico-x{ background-image: url(images/sprite.png); background-position: 58.83361921097771% 91.53094462540716%; background-size: 2634.7826086956525% 1434.7826086956522%; width: 23px; height: 23px; display: inline-block; vertical-align: middle; font-size: 0px; } @media (max-width: 767px) { .ico-x{ width: 18px; height: 18px; } } */ .tab-content .ico-x{ background-image: url("data:image/svg+xml;charset=utf8, ");background-size: 100%;margin-top: 0; width: 23px; height: 23px; display: inline-block; vertical-align: middle; font-size: 0px; background: red} /* ------------------------------------------------------------ *\ Section Wohnungen \* ------------------------------------------------------------ */ .section-flats{} .section-wohnungen-filter {background: #413C37;} .section-wohnungen {} .section-flats .section__group{padding-top:45px;} .section-flats .section__group:first-of-type {padding-top:0;} /*.section-flats .section__group + .section__group{padding-top:54px;}*/ .section-flats .section__group--inner{padding-top:0px;} .section-flats .section__group--inner h3{margin-bottom:25px;} .section-flats .section__group--inner:empty{display:none;} .section-flats .section__group--inner h6{text-transform:uppercase;letter-spacing:0.06em;margin-bottom:0px;} @media (max-width:991px){ .section-flats .section__head{padding-bottom:20px; padding-top:10px;} .section-flats .section__head--fixed{top:87px; padding-top:10px;} } @media (max-width:767px){ .section-flats .section__head{padding-bottom:10px; padding-top:0px;} .section-flats .section__head--fixed{top:75px;padding-top:0px;} } .section__group.marginnottom60 {margin-bottom: 60px;} /* ------------------------------------------------------------ *\ Wohnungen Tabelle \* ------------------------------------------------------------ */ .section-wohnungen .table{} .section-wohnungen .table a.badge{margin:0 5px;text-decoration:none; padding:4px 10px;} .section-wohnungen .table tr{border-top:9px solid #F2EEEA;} .section-wohnungen .table tr:hover{cursor:pointer;} .section-wohnungen .table th{padding:13px 0 6px;font-weight:400; text-align: left} .section-wohnungen .table tbody td{background-color:#fff;padding:11px 0;border-top:0;} .section-wohnungen .table tbody td.td-green{color:#7FBCAB;} .section-wohnungen .table tbody td:first-child{padding-left:20px;} .section-wohnungen .table tbody td svg{margin-left:14px;margin-top:-11px;cursor:pointer;-webkit-transition:all 0s .2s;-o-transition:all 0s .2s;transition:all 0s .2s;} .section-wohnungen .table tbody td svg.active{-webkit-transform:rotateZ(180deg);-ms-transform:rotate(180deg);transform:rotateZ(180deg);margin-top:0;margin-bottom:-11px;} .section-wohnungen .table tbody td svg.active path{stroke:#000;} .section-wohnungen .table .table__dropdown{border-top-width:2px;padding:0;} .section-wohnungen .table .table__dropdown td{padding:0;background-color:transparent;} .section-wohnungen .table .table__dropdown td:first-child{padding-left:0;} .section-wohnungen .table .table__dropdown td .td-inner{display:none;padding:11px 0 11px 20px;background-color:#fff;} .section-wohnungen .table .table__dropdown td h6{display:inline-block;text-transform:none;margin-right:15px;} .section-wohnungen .td-inner-content {-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;} .section-wohnungen .td-inner-content div:first-of-type {min-width: 198px;} .table .table__dropdown{border-top-width:2px;padding:0;} .table .table__dropdown td{padding:0;background-color:transparent;} .table .table__dropdown td:first-child{padding-left:0;} .table .table__dropdown td .td-inner{display:none;padding:11px 0 11px 20px;background-color:#fff;} .table .table__dropdown td h6{display:inline-block;text-transform:none;margin-right:15px;} @media (max-width:991px){.table{font-size:14px;} .section-wohnungen .table tbody td svg{margin-left:0;margin-right:5px;width:18px;height:18px;} } @media (max-width:767px){.table{text-align:center;overflow-x:scroll;} .section-wohnungen .table .table__dropdown{text-align:left;} .section-wohnungen .table .table__dropdown h6{font-size:14px;line-height:1;} } @media (max-width:575px){.table tbody th{padding-left:3px;padding-right:3px;} .section-wohnungen .table tbody td svg{width:15px;height:15px;} } /* ------------------------------------------------------------ *\ Footer \* ------------------------------------------------------------ */ .footer { background: #F5284B; position: relative; width: 100%;margin: auto auto 0 auto; padding: 45px 0 90px 0; font-size: 18px; line-height: 28px; } .footer .footer-nav ul { } .footer .footer-nav li { } .footer .footer-nav a { font-size: 18px; line-height: 26px; text-decoration: none; color: #FFF; } .footer .footer-nav a:hover { color: #000; text-decoration: none; } .footer .footer-nav li.current_page_item a { color: #000 !important; text-decoration: none; } .footerlogo { background-image: url(images/footerlogo.svg); margin-left:5px; background-size: 100%; background-repeat: no-repeat; width: 178px; height: 26px; font-size: 0px; display: inline-block; vertical-align: middle; } .no-svg .footerlogo { background-image: url(images/footerlogo.png) no-repeat; } .footer .footer__socials {padding:20px 0 0 0;} .footer .footer__socials ul{display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start; list-style-type: none} .footer .footer__socials li + li {margin-left: 20px} .footer .footer__socials li:hover svg .strokehover {stroke: #000 !important;} .footer .footer__socials li:hover svg .fillhover {fill: #000 !important;} .footer .footer__socials a span {display: none } @media (max-width: 767px) { .footer .row div{ margin-bottom: 25px;} .footer .row div:last-of-type{ margin-bottom: 0px;} .footer .footer-nav ul { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .footer .footer-nav li { margin-left: 0px; margin-right: 25px; } .footer .footer__socials {padding:0;} } @media (max-width: 575px) { .footer { font-size: 16px; line-height: 26px; } .footer .footer-nav ul { display: flex; display: -webkit-flex; flex-wrap: wrap;flex-direction: column; justify-content: flex-start; align-items: flex-start; align-content: flex-start; } .footer .footer-nav li {max-width: 100%; margin-left: 0px;} } /* ------------------------------------------------------------ *\ Buttons \* ------------------------------------------------------------ */ a.btn { display: inline-block; vertical-align: middle; text-align: center; cursor: pointer; text-decoration: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; margin-top: 25px; background: #222222; padding: 5px 40px; color: #FFF; border-radius: 0; -webkit-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; } a.btn:hover {color: #FFF; background: #444;} /* Button rote Outline */ a.btn.btnoutlined { margin-top: 25px; background: transparent;padding: 5px 20px; font-size: var(--fontsize-16); color: #F5284B; border: 1px solid #F5284B; } a.btn.btnoutlined:hover { background: #F5284B;color: #FFF; border: 1px solid #F5284B; } a.btn.btnoutlined.twopixels { font-size: var(--fontsize-20); border: 2px solid #F5284B; } a.btn.btnoutlined.twopixels:hover { border: 2px solid #F5284B; } /* Button graue Outline */ a.btn.btnoutlinedgray { margin-top: 25px; background: transparent;padding: 7px 20px; font-size: var(--fontsize-16); color: #A8A098; border: 1px solid #A8A098; } a.btn.btnoutlinedgray:hover { background: #A8A098;color: #FFF; border: 1px solid #A8A098; } a.btn.btnoutlinedgray.twopixels { font-size: var(--fontsize-20); border: 2px solid #A8A098; } a.btn.btnoutlinedgray.twopixels:hover { border: 2px solid #A8A098; } /* Button weisse Outline */ a.btn.btnoutlinedwhite { margin-top: 25px; background: transparent;padding: 7px 20px; font-size: var(--fontsize-16); color: #FFF; border: 1px solid #FFF; } a.btn.btnoutlinedwhite:hover { background: #413C37;color: #FFF; border: 1px solid #413C37; } a.btn.btnoutlinedwhite.twopixels { font-size: var(--fontsize-20); border: 2px solid #FFF; } a.btn.btnoutlinedwhite.twopixels:hover { border: 2px solid #413C37; } /* Button rosa Outline */ a.btn.btnoutlinedrosa { margin-top: 25px; background: transparent;padding: 7px 20px; font-size: var(--fontsize-16); color:#D6A5B6;border: 1px solid #D6A5B6} a.btn.btnoutlinedrosa:hover { background: #D6A5B6;color: #FFF; border: 1px solid #413C37; } a.btn.btnoutlinedrosa.twopixels { font-size: var(--fontsize-20); border: 2px solid #D6A5B6; } a.btn.btnoutlinedrosa.twopixels:hover { border: 2px solid #D6A5B6; } /* Btn transparent runde Ecken */ a.btn.btnoutlinedround {margin-top: 0px; padding:6px 25px; border-radius:50px;color:#A8A098;border:1.5px solid #A8A098; background: transparent; font-size: 18px; line-height: 26px; display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center!important;-ms-flex-align:center!important;align-items:center!important;-webkit-box-pack:center!important;-ms-flex-pack:center!important;justify-content:center!important;} a.btn.btnoutlinedround:hover{color:#000; border-color: #000; } a.btn.btnoutlinedround.is-active {color:#FFF; border-color: #F5284B; background: #F5284B;} /* ------------------------------------------------------------ *\ List \* ------------------------------------------------------------ */ [class^="list-"] { list-style: none outside none; } /* ------------------------------------------------------------ *\ Keyframe Animations \* ------------------------------------------------------------ */ @-webkit-keyframes fadeIn { 0% { opacity:0} 50% {opacity:0} 100% {opacity:1} } @keyframes fadeIn { 0% {opacity:0} 50% { opacity:0} 100% {opacity:1} } @-webkit-keyframes fadeOut { 0% {opacity:1} 50% { opacity:0} 100% {opacity:0} } @keyframes fadeOut { 0% {opacity:1} 50% { opacity:0} 100% {opacity:0} } /* ------------------------------------------------------------ *\ Form Kontaktformualr \* ------------------------------------------------------------ */ .form-contact .form-control{border:0;border-radius:0;position:relative;padding:0; margin-bottom:20px;} .form-contact .form-control + .form-control{background-color:transparent;} .form-contact .form-control label{position:absolute;font-size:18px;left:25px;top:21px;-webkit-transition:all .2s;-o-transition:all .2s;transition:all .2s;} .form-contact .form-control label.has-value {font-size:16px;top:5px;color:#F5284B;} .form-contact .form-control .field{width:100%;height:70px;border:1px solid #A8A098;outline:0;border-radius:0;padding-left:25px;padding-top:21px;font-size:18px;-webkit-transition:-webkit-box-shadow .3s;transition:-webkit-box-shadow .3s;-o-transition:box-shadow .3s;transition:box-shadow .3s;transition:box-shadow .3s, -webkit-box-shadow .3s;} .form-contact .form-control .field:focus{border-bottom: none;-webkit-box-shadow:0 2px 0 0 #F5284B; box-shadow:0 2px 0 0 #F5284B;} .form-contact .form-control textarea.field {width:100%;height:200px ; padding-top:30px; resize:vertical;} .form-contact .wpcf7-submit{border: 1px solid #F5284B; background-color:transparent;color:#F5284B;background-image:none;margin-top:0px;font-size:15px;padding:10px 15px;} .form-contact .wpcf7-submit:hover{color:#FFF;background-color:#F5284B;} .select-wrapper { position: relative; width: 100%; margin-bottom: 20px;} .select-wrapper:after { pointer-events: none; position: absolute; display: block; content: ''; width: 14px; height: 14px; top: 50%; right: 20px; margin-top: -3px; border-bottom: 1px solid #f5284b; border-right: 1px solid #f5284b; transform: rotate(45deg) translateY(-50%); transition: all .4s ease-in-out; transform-origin: 50% 0; } .wpcf7-form select{width:100%; border: none; border-radius:0;outline:0; -webkit-appearance:none; -moz-appearance:none; appearance:none; background-color:#FFF; font-family: inherit; color: #000; cursor: pointer; } .wpcf7-form select:focus {border-bottom: 2px solid #F5284B;} .wpcf7-form select::-ms-expand{display:none;} .wpcf7-form select:focus::-ms-value { background-color: transparent;} .select-wrapper label{position:absolute;font-size:18px;left:25px;top:21px;-webkit-transition:all .2s;-o-transition:all .2s;transition:all .2s;} .select-wrapper label.has-value {font-size:16px;top:5px;color:#F5284B;} .select-wrapper .field{width:100%;height:70px;border:0;outline:0;border-radius:0;padding-left:25px;padding-top:21px;font-size:20px;-webkit-transition:-webkit-box-shadow .3s;transition:-webkit-box-shadow .3s;-o-transition:box-shadow .3s;transition:box-shadow .3s;transition:box-shadow .3s, -webkit-box-shadow .3s; border:1px solid #A8A098;} .select-wrapper .field:focus{} /* ACCEPTANCE */ .wpcf7-form-control-wrap.your-consent {display: block; margin-top: 40px;} .wpcf7-checkbox {margin: 0; display: block; overflow: hidden; } .wpcf7-list-item {display: inline; margin: 0 0 0 2px !important;} .wpcf7-list-item input{ width: auto !important; margin: 0px 10px 0 0 !important; } .wpcf7-list-item-label {font-size: 18px; color: #000;} .wpcf7-form input[type=checkbox]{-ms-transform: scale(1.4); -moz-transform: scale(1.4); -webkit-transform: scale(1.4);-o-transform: scale(1.4); } /* WPCF7 */ div.wpcf7-mail-sent-ok, div.wpcf7-mail-sent-ng, div.wpcf7-spam-blocked, div.wpcf7-validation-errors, div.screen-reader-response { clip: unset !important; clip-path: unset !important; border: 0px !important; padding: 0px !important; margin: 0 0 25px 0 !important; font-size: 20px; line-height: 30px; color: #000; display: none !important; } div.wpcf7-mail-sent-ok ul, div.wpcf7-mail-sent-ng ul, div.wpcf7-spam-blocked ul, div.wpcf7-validation-errors ul, div.screen-reader-response ul{display: none;} div.wpcf7-response-output {} .wpcf7 form .wpcf7-response-output { margin: 0 !important; padding: 0 !important; border: none !important; margin: 0 0 25px 0 !important; } .wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output { border: none !important; } .wpcf7 form.sent .wpcf7-response-output { border: none !important; } span.wpcf7-not-valid-tip { color: #F5284B !important; font-size: 14px !important; display: block; margin: 10px 0 12px 0 !important;} input.wpcf7-not-valid {border-bottom: none; -webkit-box-shadow:0 2px 0 0 #F5284B; box-shadow:0 2px 0 0 #F5284B;} .form-control br {display: none;} @media (max-width:991px){ .form-contact .form-control + .form-control{margin-top:10px;} .form-contact .form-control label{font-size:16px;left:20px;top:15px;} .form-contact .form-control .field{height:50px; padding-left:20px;padding-top:21px;font-size:16px; } .form-contact .form-control label.has-value {font-size:14px;top:4px;} .form-contact .wpcf7-submit {margin-top:40px;font-size:16px;padding:8px 35px;} } @media (max-width:767px){ .form-contact .wpcf7-submit {font-size:16px;padding:8px 25px;} } /* ------------------------------------------------------------ *\ SEND-IT ANMELDEFORMULAR \* ------------------------------------------------------------ */ .send-it-selfreg ::-webkit-input-placeholder { color:transparent;} .send-it-selfreg :-moz-placeholder { /* Firefox 18- */ color:transparent; } .send-it-selfreg ::-moz-placeholder { /* Firefox 19+ */ color:transparent; } .send-it-selfreg :-ms-input-placeholder { color:transparent;} /* Important red * */ .send-it-selfreg .pure-control-group .pure-form-message-inline { color: #F5284B !important;position: absolute;right: 27px;bottom: 2px;font-size: 14px; line-height: 20px; } .send-it-selfreg .pure-control-group input:focus + .pure-form-message-inline {} .send-it-selfreg .pure-control-group .pure-controls .pure-form-message-inline { color: #F5284B !important;position: static;font-size: 14px; line-height: 20px;} .send-it-selfreg fieldset { border: 0;} .send-it-selfreg .pure-controls a{color:#707070;} .pure-control-group br{display: none; } /* Select */ .pure-form select { border: 1px solid #A8A098; background-color: #fff !important; width: 100% !important; height: 70px !important; padding: 21px 0 0 25px!important;} .send-it-selfreg .pure-control-group:first-of-type { width: 50%; } /* Inputs */ .send-it-selfreg .pure-control-group{border:0;border-radius:0;position:relative;padding:0;} .send-it-selfreg .pure-control-group + .pure-control-group {margin-top:20px;background-color:transparent;} .send-it-selfreg .pure-control-group label{position:absolute;font-size:20px;left:25px;top:21px;-webkit-transition:all .2s;-o-transition:all .2s;transition:all .2s;} .send-it-selfreg .pure-control-group label.has-value {font-size:16px;top:5px;color:#F5284B;} .send-it-selfreg .pure-control-group input{width:100%;height:70px;border: 1px solid #A8A098;outline:0;border-radius:0;padding-left:25px;padding-top:21px;font-size:20px;-webkit-transition:-webkit-box-shadow .3s;transition:-webkit-box-shadow .3s;-o-transition:box-shadow .3s;transition:box-shadow .3s;transition:box-shadow .3s, -webkit-box-shadow .3s;} .send-it-selfreg .pure-control-group input:focus{-webkit-box-shadow:0 2px 0 0 #F5284B;box-shadow:0 2px 0 0 #F5284B;} /* Checkboxes */ .send-it-selfreg .pure-control-group label[for="checkbox5"] { position: relative !important; display: block; top: 0px !important; left: 0px !important; margin-bottom: 15px; margin-top: 35px; color:#000 !important; font-size: 32px;line-height: 42px;} .send-it-selfreg .pure-control-group label.pure-checkbox {position: static; color:#000; font-size:18px; display: block; margin-bottom: 10px; overflow: hidden;} .send-it-selfreg .pure-control-group label.pure-checkbox input{ width: auto !important; margin: 0 25px 0 5px !important; height: auto !important;} .send-it-selfreg .pure-control-group label.pure-checkbox input[type=checkbox]{-ms-transform: scale(1.6); -moz-transform: scale(1.6); -webkit-transform: scale(1.6);-o-transform: scale(1.6); } /* AGB Accepter */ .pure-form-aligned .pure-controls {margin: 20px 0 0 0 !important;} .send-it-selfreg .pure-controls{ position: static; color:#000; font-size:18px; display: block; margin-bottom: 10px; overflow: hidden;} .send-it-selfreg .pure-controls input{ width: auto !important; margin: 0 20px 0 5px !important; height: auto !important;} .send-it-selfreg .pure-controls input[type=checkbox]{-ms-transform: scale(1.6); -moz-transform: scale(1.6); -webkit-transform: scale(1.6);-o-transform: scale(1.6); } .send-it-selfreg input[type=checkbox]:focus{-webkit-box-shadow:none;box-shadow:none;} /* Button */ .send-it-selfreg button { border: 1px solid #F5284B; background-color: transparent; color: #F5284B; background-image: none; margin-top: 0px; font-size: 15px; padding: 10px 15px; } .send-it-selfreg button:hover { color: #FFF; background-color: #F5284B; } @media (max-width:991px){ .pure-form select { height: 50px !important; padding: 21px 0 0 16px!important;} .send-it-selfreg .pure-control-group:first-of-type { width: 70%; } .send-it-selfreg .pure-control-group + .pure-control-group {margin-top:10px;} .send-it-selfreg .pure-control-group label {font-size:16px;left:20px;top:15px;} .send-it-selfreg .pure-control-group input{height:50px; padding-left:20px;padding-top:21px;font-size:16px; } .send-it-selfreg .pure-control-group label.has-value {font-size:14px;top:4px;} .form-subscribe .form-control .checkbox{margin-top:13px;} .form-subscribe .form-control .checkbox label{font-size:16px;} .send-it-selfreg .pure-control-group label.pure-checkbox {font-size:16px; } .send-it-selfreg .pure-controls{ font-size:16px; } .send-it-selfreg button {margin-top:40px;font-size:16px;padding:8px 35px;} } @media (max-width:767px){ .send-it-selfreg button {font-size:16px;padding:8px 25px;} } .section-acf-inserate {background: #F2EEEA; } /* ------------------------------------------------------------ *\ ACF FORM \* ------------------------------------------------------------ */ /* RASTER */ .acf-fields .row { margin-right: -20px; margin-left: -20px;} .acf-fields .col-1, .acf-fields .col-2, .acf-fields .col-3, .acf-fields .col-4,.acf-fields .col-5,.acf-fields .col-6,.acf-fields .col-7,.acf-fields .col-8,.acf-fields .col-9,.acf-fields .col-10,.acf-fields .col-11,.acf-fields .col-12,.acf-fields .col,.acf-fields .col-auto,.acf-fields .col-sm-1,.acf-fields .col-sm-2,.acf-fields .col-sm-3,.acf-fields .col-sm-4,.acf-fields .col-sm-5,.acf-fields .col-sm-6,.acf-fields .col-sm-7,.acf-fields .col-sm-8,.acf-fields .col-sm-9,.acf-fields .col-sm-10,.acf-fields .col-sm-11,.acf-fields .col-sm-12,.acf-fields .col-sm,.acf-fields .col-sm-auto,.acf-fields .col-md-1,.acf-fields .col-md-2,.acf-fields .col-md-3,.acf-fields .col-md-4,.acf-fields .col-md-5,.acf-fields .col-md-6,.acf-fields .col-md-7,.acf-fields .col-md-8,.acf-fields .col-md-9,.acf-fields .col-md-10,.acf-fields .col-md-11,.acf-fields .col-md-12,.acf-fields .col-md,.acf-fields .col-md-auto {padding-right: 20px;padding-left: 20px;} .acf-field--post-title { width: 100%; padding-left: 20px; padding-right: 20px} .feld-enddatum {padding-right: 2px !important; padding-left: 20px !important;} .feld-unbeschrankt {padding-right: 20px !important; padding-left: 2px !important;} .acf-form .acf-field{border:0;border-radius:0;} .acf-form .acf-field-inner {border:0;border-radius:0;position:relative; margin-top:20px;background-color:transparent; min-height: 70px !important;} .acf-form .acf-field label{position:absolute;font-size:18px;left:25px;top:24px;-webkit-transition:all .2s;-o-transition:all .2s;transition:all .2s;} .acf-form .acf-label.has-value label {font-size:16px;top:5px;color:#F5284B;} .acf-form .acf-field input{width:100%;height:70px;border:1px solid #fff;outline:0;border-radius:0;padding-left:25px;padding-top:21px;font-size:18px;-webkit-transition:-webkit-box-shadow .3s;transition:-webkit-box-shadow .3s;-o-transition:box-shadow .3s;transition:box-shadow .3s;transition:box-shadow .3s, -webkit-box-shadow .3s;} .acf-form .acf-field input:focus{border-bottom: none;-webkit-box-shadow:0 2px 0 0 #F5284B; box-shadow:0 2px 0 0 #F5284B;} .acf-form .acf-field textarea {width:100%;height:200px ;padding-left:25px; padding-top:30px; resize:none; border:1px solid #fff;} .acf-form .acf-field textarea:focus{border-bottom: none;-webkit-box-shadow:0 2px 0 0 #F5284B; box-shadow:0 2px 0 0 #F5284B;} .acf-form .acf-button{border: 1px solid #F5284B; background-color:transparent;color:#F5284B;background-image:none;margin-top:0px;font-size:15px;padding:10px 15px;} .acf-form .acf-button:hover{color:#FFF;background-color:#F5284B;} .acf-button-red{border: 1px solid #F5284B; background:#F5284B;color:#fff;margin-top:30px; font-size:20px; padding:10px 30px;} .acf-button-red:hover{color:#FFF;background-color:#F5284B;} .acf-hidden {display: none} /* MESSAGES */ .acf-field.acf-field-message {} .acf-field.acf-field-message .acf-field-inner {border:0;border-radius:0;position:relative; margin-top:20px; min-height: 70px !important;} .acf-field.acf-field-message .acf-field-inner .acf-label label{left: 0;} .acf-field.acf-field-message .acf-input{display: none !important;} .acf-field.acf-field-message .acf-label label{cursor: default;} .acf-notice {font-weight:400; font-size: var(--fontsize-32); line-height: var(--line-height-md); margin-bottom: 25px;} .updated.alert-success {font-weight:400; font-size: var(--fontsize-32); line-height: var(--line-height-md); margin-bottom: 25px;} .acf-input .acf-notice {line-height: unset; margin-bottom: 3px; color: #F5284B; position: absolute; font-size:16px;top:5px; left:25px;} /* RADIO BUTTONS */ .radiogroup .acf-label {display: none} ul.acf-radio-list {display: flex; justify-content: space-between; margin: 0; list-style: none;} ul.acf-radio-list li { padding-left: 0; text-indent: 0; padding-bottom: 0; width: 49.6%; position:relative} ul.acf-radio-list li:before { content: none; padding-right: 0;} .acf-form .acf-field-radio label{position: unset;} .acf-form .acf-field-radio input{width:100%;height:70px;border:none !important;outline:0;border-radius:0;padding-left:0;padding-top:0;font-size:0;} .acf-form .acf-field-radio input:focus{border-bottom: none;-webkit-box-shadow:none; box-shadow:none;} .acf-form .acf-field-radio label span{position: absolute;top: 10px;z-index: 99999;left: 50%;top: 50%;transform: translate(-50%, -50%); width: 100%; text-align: center;} .acf-form .acf-field-radio label.selected span {color: #fff !important} ul.acf-radio-list input[type="radio"] {position: relative; appearance: none;background-color: #fff;} ul.acf-radio-list input[type="radio"]::before {content: '';border-radius: 0;border: 0;margin-right: 0;position: absolute;width: 100%;height: 100%;} ul.acf-radio-list input[type="radio"]:checked:before { background: #F5284B;} /* CHECKBOXES */ .checkboxgroup .acf-label {display: none} ul.acf-checkbox-list {display: flex; justify-content: space-between; margin: 0; list-style: none;} ul.acf-checkbox-list li { padding-left: 0; text-indent: 0; padding-bottom: 0; width: 49.6%; position:relative} ul.acf-checkbox-list li:before { content: none; padding-right: 0;} .feld-unbeschrankt ul.acf-checkbox-list li { width: 100%; } .acf-form .acf-field-checkbox label{position: unset;} .acf-form .acf-field-checkbox input{width:100%;height:70px;border:none !important;outline:0;border-radius:0;padding-left:0;padding-top:0;font-size:0;} .acf-form .acf-field-checkbox input:focus{border-bottom: none;-webkit-box-shadow:none; box-shadow:none;} .acf-form .acf-field-checkbox label span{position: absolute;top: 10px;z-index: 99999;left: 50%;top: 50%;transform: translate(-50%, -50%); width: 100%; text-align: center;} .acf-form .acf-field-checkbox label.selected span {color: #fff !important} ul.acf-checkbox-list input[type="checkbox"] {position: relative; appearance: none;background-color: #fff;} ul.acf-checkbox-list input[type="checkbox"]::before {content: '';border-radius: 0;border: 0;margin-right: 0;position: absolute;width: 100%;height: 100%;} ul.acf-checkbox-list input[type="checkbox"]:checked:before { background: #F5284B;} ul.acf-checkbox-list li{background-color: #fff; height: 70px} ul.acf-checkbox-list li label {width: 100%;} ul.acf-checkbox-list input:focus{-webkit-box-shadow:none !important; box-shadow:none !important;} ul.acf-checkbox-list input[type="radio"] {position: relative; appearance: none;background-color: #fff;} ul.acf-checkbox-list input[type="radio"]::before {content: '';border-radius: 0;border: 0;margin-right: 0;position: absolute;width: 100%;height: 100%;top:0; left: 0} ul.acf-checkbox-list input[type="radio"]:checked:before { background: #F5284B; position: absolute;width: 100%;height: 100%;top:0; left: 0} ul.acf-checkbox-list label{position: unset !important; left: 0 !important; top: 0 !important;} ul.acf-checkbox-list input{width:100%;height:70px;border:none !important;outline:0;border-radius:0;padding-left:0;padding-top:0;font-size:0;} ul.acf-checkbox-list input:focus{border-bottom: none;-webkit-box-shadow:none; box-shadow:none;} ul.acf-checkbox-list label span{position: absolute;top: 10px;z-index: 99999;left: 50%;top: 50%;transform: translate(-50%, -50%); width: 100%; text-align: center;} ul.acf-checkbox-list label.selected span {color: #fff !important} /* SELECT */ .acf-field-select .acf-label {display: none !important} .acf-field-select select{width:100%; border: 1px solid #fff; padding: 21px 15px; border-radius:0;outline:0; -webkit-appearance:none; -moz-appearance:none; appearance:none; background-color:#FFF; font-family: inherit; color: #000; cursor: pointer;} .acf-field-select select:hover, .acf-field-select select:focus {border: 1px solid #FFF;} .acf-field-select select::-ms-expand{display:none;} .acf-field-select select:focus::-ms-value { background-color: transparent;} .acf-field-select .acf-input { position: relative; width: 100%;} .acf-field-select .acf-input:after { pointer-events: none; position: absolute; display: block; content: ''; width: 16px; height: 16px; top: 50%; right: 30px; margin-top: -3px; border-bottom: 1px solid #000; border-right: 1px solid #000; transform: rotate(45deg) translateY(-50%); transition: all .4s ease-in-out; transform-origin: 50% 0; } /* SELECT TAXONOMY*/ .acf-field-taxonomy .acf-label {display: none !important} .acf-field-taxonomy select{width:100%; border: 1px solid #fff; padding: 21px 15px; border-radius:0;outline:0; -webkit-appearance:none; -moz-appearance:none; appearance:none; background-color:#FFF; font-family: inherit; color: #000; cursor: pointer;} .acf-field-taxonomy select:hover, .acf-field-select select:focus {border: 1px solid #FFF;} .acf-field-taxonomy select::-ms-expand{display:none;} .acf-field-taxonomy select:focus::-ms-value { background-color: transparent;} .acf-taxonomy-field[data-ftype="select"] .acf-input { position: relative; width: 100%;} .acf-taxonomy-field[data-ftype="select"] .acf-input:after { pointer-events: none; position: absolute; display: block; content: ''; width: 16px; height: 16px; top: 50%; right: 30px; margin-top: -3px; border-bottom: 1px solid #000; border-right: 1px solid #000; transform: rotate(45deg) translateY(-50%); transition: all .4s ease-in-out; transform-origin: 50% 0; } .select2-selection--single { border: none !important; border-radius: unset !important; padding-left: 0 !important; padding-right: 0 !important; } .select2 { width: 100%; border: 1px solid #fff; padding: 21px 15px; border-radius: 0; outline: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: #FFF; font-family: inherit; color: #000; cursor: pointer; } .select2-search {display: none} .select2-search--dropdown { display: none!important;} .select2-selection__arrow { display: none!important;} .select2-dropdown { border: none !important;} .select2-container--open { } .select2-container--open .select2-dropdown--below { margin-top: 30px !important;} /* FILE UPLOADER */ .acf-field-file {} .acf-field-file .acf-field-inner {background-color:#fff;} .acf-field-file .file-info { display: none;} .acf-field-file .acf-label {display: none;} .acf-form .acf-field label.acf-basic-uploader { position: absolute; font-size: 18px; left: 0; top: 0; -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s; } .acf-ui-datepicker .ui-state-active { border: 1px solid #F5284B !important; background: #F5284B !important; } .acf-ui-datepicker .ui-corner-all, .acf-ui-datepicker .ui-corner-bottom, .acf-ui-datepicker .ui-corner-right, .acf-ui-datepicker .ui-corner-br { border-bottom-right-radius: 0 !important; border-top-left-radius: 0 !important; } .acf-ui-datepicker .ui-widget input, .acf-ui-datepicker .ui-widget select, .acf-ui-datepicker .ui-widget textarea, .acf-ui-datepicker .ui-widget button { font-size: 1.1em !important; padding: 3px !important; } .acf-ui-datepicker .ui-widget button { font-size: 1.1em !important; padding: 5px 10px!important; } .acf-ui-datepicker .ui-widget-content { border-top: 2px solid #F5284B !important; } .ui-datepicker { padding: 0 !important; border: none !important; border-radius: 0 !important; -webkit-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.35); box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.35); width: 20em !important; } .ui-datepicker-header { background: #F5284B !important; color: #fff !important; padding: 10px 2px !important; border: none !important; border-radius: 0 !important; } .ui-datepicker .ui-datepicker-title { margin: 0 10px !important; display: flex; justify-content: space-between; } .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 48% !important;} .ui-datepicker-month { background: white; border: none; color: #000; } .ui-datepicker-year { background: white; border: none; color: #000;} .ui-datepicker thead { background-color: #F5284B; border-bottom: none; } .ui-datepicker th { text-transform: uppercase; font-size: 8pt; padding: 0 0 5px; color: #FFF; } .ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: center !important; text-decoration: none; } .ui-datepicker-title { text-align: center; } .ui-datepicker-prev, .ui-datepicker-next { top: 5px !important; display: none;} .ui-datepicker-prev { float: left;} .ui-datepicker-next { float: right;} .acf-ui-datepicker .ui-icon, .acf-ui-datepicker .ui-widget-content .ui-icon { } .ui-datepicker-close, .ui-datepicker-current { background: #F5284B !important; color: white !important; border:none !important; font-weight:400 !important; border-radius: 0 !important; opacity: 1 !important; padding: 3px 10px !important } .ui_tpicker_second { display: none !important; }