@import url('/.themes/font.css');

.no-img .h-logo-col {display: none !important;}

#main-content.max-90 .container {padding-left: 15px; padding-right: 15px;}
.max-90 h2 {font-size: 20px; margin-top: 30px;}

.pp-banner * {font-size: 16px;}
.banner p {color: #fff; }
.banner .btn.btn-accept {border-radius: 5px; color: #fff; background: green;}
.banner .btn.btn-save {border-radius: 5px; background: #999;}
.pp-banner .links a, .pp-banner .message a {color:#fff;}	

@media (min-width: 764px) {
.pp-banner .container {    overflow: hidden;}
.max-90 h2 {font-size: 30px; margin-top: 30px;}
	}

.maplibregl-map {border-radius: 0 30px 30px 30px;}
.maplibregl-marker  svg {display: none;}
.maplibregl-marker { width: 34px;  height: 60px; background: url(/.galleries/bilder/.system/marker.png) no-repeat 0 0 !important;}
.map-full .maplibregl-map {height: 600px !important;}

#template-info::before {
    display: none;
    content: '{"main-theme":"#444", "main-theme-hover":"#dd0011", "sass-version":"mercury-u0fa33044", "map-color":["#ee0000","#4a2003","#235789","#ac3931","#ada8b6","#444","#aaa","#eee","#888","#fff","#000","#aaa"], "map-style":[{"featureType":"all","elementType":"all","stylers":[{"saturation":"-100"}]},{"featureType":"administrative","elementType":"labels.text.fill","stylers":[{"color":"#222"}]},{"featureType":"landscape.natural","elementType":"all","stylers":[{"lightness":"75"},{"gamma":"1.00"}]},{"featureType":"poi","elementType":"geometry.fill","stylers":[{"color":"#d8ded8"},{"saturation":"-30"},{"lightness":"0"},{"gamma":"1"}]},{"featureType":"poi.business","elementType":"all","stylers":[{"visibility":"off"}]},{"featureType":"poi.park","elementType":"geometry.fill","stylers":[{"color":"#d8ded8"}]},{"featureType":"road","elementType":"labels.icon","stylers":[{"visibility":"off"}]},{"featureType":"road.highway","elementType":"geometry.fill","stylers":[{"color":"#fafafa"}]},{"featureType":"water","elementType":"geometry.fill","stylers":[{"color":"#a5b1be"}]}]}'; }

body, h1, h2, h3, h4, ul li, p {font-family: 'Source Sans 3' !important;}

body, ul li, p{color: #333; font-size: 20px; }
.font-red p {color: #e00 }
h1, h2, h3, h4{color: #ee0000; }
h1, h2 {font-size: 47px;  font-weight: 400;text-transform: uppercase; letter-spacing: -1px; line-height: 1.1;}
h3{font-size: 28px; text-transform: uppercase;}
a{color: #ee0000;}
p{font-weight: 300;}
b, strong{font-weight: 500;}

.container {max-width: 90%;}
.narrow .container, .topfoot .container {max-width: 1320px;}
.narrow2 .container {max-width: 1520px;}

/*.header-text .text {max-width: 500px;}*/

.btn{border-radius: 0 30px 30px; background: #ee0000;}

.box-border{border-radius: 0 30px 30px; border: 3px solid #ee0000; padding: 0px 30px 50px;}
.box-border h3{position: relative; top: -30px; background: #fff; padding: 0 22px; max-width: max-content;}
.box-border .body{display: flex; justify-content: center;}
.box-border .text{max-width: 400px;}
.box-border p strong{font-size: 22px;}

.border-bottom{border-bottom: 2px solid #ee0000;}
.border-bottom p{display : none;}

.round img{border-radius: 0 30px 30px;}

#topcontrol{display: none;}


@media(max-width: 1399.98px){
.narrow .container{max-width: 90%;}
}

@media(max-width: 1013.98px){
body, ul li, p, .intro p{font-size: 19px;}
h1, h2{font-size: 40px;}
h3{font-size: 25px;}
}

@media(max-width: 763.98px){
body, ul li, p, .intro p{font-size: 18px;}
h1, h2{font-size: 35px;}
h3{font-size: 23px;}


}

@media(max-width: 550.98px){
body, ul li, p, .intro p{font-size: 17px;}
h1, h2{font-size: 30px;}
h3{font-size: 21px;}

}


/*############ HEAD/SLIDER #############*/
.oc-edit-buttons-visible .type-slider oc-editpoint.oc-option-bar,.oc-edit-buttons-visible .area-header oc-editpoint.oc-option-bar, .oc-edit-buttons-visible .header-text oc-editpoint.oc-option-bar,.oc-edit-buttons-visible .startseite oc-editpoint.oc-option-bar{right: 112px;}
#main-content .container, .area-header .container{max-width: 100%; padding-left: 0; padding-right: 0;}

.header-text{color: #fff; padding: 200px 200px 170px 100px ; background-image: linear-gradient(to right, #e30813, #e9460a, #ee6806, #f28411, #f59e23); }
.header-text p, .header-text h1{color: #fff;}
.header-text p strong {font-weight: 700; font-size: 25px; text-transform: uppercase;}



.no-gutters .element{margin-bottom: 0px;}

@media(min-width: 1200px){

.startseite .type-section.bg-img { background-repeat: no-repeat; background-position: 0% 100%; background-size: cover;}


.startseite .type-section.bg-img.index {background-image: url(/.galleries/bilder/teaser/start2.jpg);}
.startseite .type-section.bg-img.a-land {background-image: url(/.galleries/bilder/teaser/head-ahaus-land.jpg);}
.startseite .type-section.bg-img.suedlohn {background-image: url(/.galleries/bilder/teaser/head-suedlohn-dt.jpg);}
.startseite .type-section.bg-img.epe {background-image: url(/.galleries/bilder/teaser/epe-head.jpg);}
.startseite .type-section.bg-img.ahaus {background-image: url(/.galleries/bilder/teaser/head-ahaus-dt.jpg);}
.startseite .type-section.bg-img.ellewick {background-image: url(/.galleries/bilder/teaser/head-ellewick-dt.jpg);}
.startseite .type-section.bg-img.gronau {background-image: url(/.galleries/bilder/teaser/head-gronau-dt.jpg);}
.startseite .type-section.bg-img.heek {background-image: url(/.galleries/bilder/teaser/head-heek-dt.jpg);}
.startseite .type-section.bg-img.legden {background-image: url(/.galleries/bilder/teaser/head-ledgen-dt.jpg);}
.startseite .type-section.bg-img.schoeppingen {background-image: url(/.galleries/bilder/teaser/head-schoeppingen-dt.jpg);}
.startseite .type-section.bg-img.stadtlohn {background-image: url(/.galleries/bilder/teaser/head-stadtlohn-dt.jpg);}
.startseite .type-section.bg-img.vreden {background-image: url(/.galleries/bilder/teaser/head-vreden-dt.jpg);}


.type-section.bg-img img{display: none;}
}

@media(max-width: 763.98px){
.header-text {padding: 60px;}
}

@media(max-width: 550.98px){
.header-text {padding: 35px;}
}

/*############ NAVI #############*/
.area-header {margin-bottom: 0rem;}
.h-logo-row{position: absolute;}
.h-logo-col{top: 50px; position: relative; right: 100px;}
.nav-main-container{display: flex; justify-content: center; background: #fff; width: 50vw;}
.nav-main-container .nav-main-group .nav-main-items {border-top: 0;}
header.bh .h-logo-row {justify-content: flex-end; z-index: 10; padding-top: 0;}
header.bh .nav-menu-header .nav-menu-logo .mobile-logolink {max-width: 170px;}
header.bh .nav-menu-header {padding: 15px 30px 40px;}




header.bh .nav-main-items li.expand > a {padding-right: 0px !important;}
header.bh .nav-main-items li.expand > a::after {right: 0;}
.area-header.fixtoggle .nav-toggle-label {right: -150px; position: absolute;}
.nav-main-items li.active.expand.ed > a, .nav-main-items li.active > a {background-color: transparent;}
.nav-main-items > li > a {text-transform: unset; font-size: 21px; font-weight: 400; text-align: center; border-bottom: 2px solid #444;}
ul.nav-main-items li {padding-bottom: 0; padding-left: 0;}
.nav-main-items li > a {line-height: 1; padding: 16px 0px; font-size: 23px; text-align: left; border-bottom: solid 1px #eaeaea;}
.nav-main-items li.expand.ed > a {color: #444;font-weight: 400; background-color: transparent;  border-color: transparent; border-bottom: 2px solid #444;}
.nav-main-items li.expand > a[aria-controls]::after {font-size: 34px; right: 15px;top: 12px; background-color: transparent;color: #444;}
.nav-main-items li.active.final > a{font-weight: 400;}
.nav-first.expand{font-weight: 400;}
.nav-menu li a {padding: 10px 0px; font-size: 19px; font-weight: 300;}
.nav-main-items > li > ul > li > a {    border-bottom: 0;}

.nav-main-items .nav-menu .expand.ed{
	margin-bottom: 20px;
}

.nav-main-items  .expand.ed .nav-menu{
	background: #efefef; padding: 10px 20px; margin-bottom: 20px;
}

.nav-main-items .nav-menu .expand.ed ul{
	margin-top: 10px;	
}


/*.nav-toggle-btn .nav-toggle {background-color: transparent; width: 75px;height: 75px;}
.nav-toggle-btn .nav-burger,.nav-toggle-btn .nav-burger::before, .nav-toggle-btn .nav-burger::after {background: #444;}
header.bh.lp-l .h-toggle-col {align-items: start;}
header.bh #nav-toggle-label-open .nav-toggle {width: 100px; height: 100px; border-radius: 48%; border-top-right-radius: 0; background: #fff; box-shadow: 0px 0px 0px 2px rgba(227, 5, 19, .4);}
.nav-toggle-btn .nav-burger::before, .nav-toggle-btn .nav-burger::after, .nav-toggle-btn .nav-burger{ background-color: #545353; max-width: 40px; height: 3px;}
.nav-toggle-btn .nav-burger {top: 47px; left: 30px; height: 3px; border-radius: 11px;}*/

html.active-nav .area-header .head-overlay {opacity: 0.6;}
.area-header.fixtoggle .nav-toggle-label{right: 0; top: 10px;}

header.bh .nav-menu-header .nav-menu-logo .mobile-logolink {display: none;}
header.bh .h-toggle-col {align-items: start;}
header.bh #nav-toggle-label-open .nav-toggle { width: 50px;height: 50px; }



.nav-toggle-btn .nav-toggle, .nav-toggle-btn {background-color: #fff; padding: 10px 10px 0 10px; }

.nav-toggle-btn .nav-burger, .nav-toggle-btn .nav-burger::before, .nav-toggle-btn .nav-burger::after {background-color: #555; background: #555; }


@media (min-width: 1014px) {
.nav-main-container .nav-main-group {width: 90%;}
.nav-main-items{width: 450px; margin: 0 auto;}
}

@media (min-width: 1200px) {
header.bh.ls-2 .h-logo-col {flex: 0 0 210px; max-width: 170px;}
}

@media (min-width: 1500px) {
header.bh.ls-2 .h-logo-col {flex: 0 0 210px; max-width: 210px;}
.spacer-left {padding-left: 100px;}
}





@media (min-width: 764px) {
ul {padding-left: 20px;}
    
	}


@media (max-width: 1199.98px) {
.h-logo-col {position: absolute; left: 7px; top: 5px;background: #0000004a; padding: 10px;}
header.bh.ls-2 .h-logo-col { width: 120px; max-width: 120px; flex: 0 0 120px;}
}

@media (max-width: 1013.98px) {
.nav-main-items{width: 350px; margin: 0 auto;}
}
@media (max-width: 763.98px) {
.nav-main-items{width: 450px; }
.nav-main-container{width: 90vw;}
.nav-main-items li > a {font-size: 18px;}
header.bh .nav-menu-header {padding: 15px 20px 15px;}
}
@media (max-width: 550.98px) {
.nav-main-items{width: 300px; }
.nav-main-container{width: 100vw;}
header.bh.lp-l .nav-main-container { right: -100vw;}
header.bh .nav-menu-header .nav-menu-logo .mobile-logolink {max-width: 130px;}
}

/*############ INTRO #############*/
.intro p{color: #7A7A7A; font-weight: 400; font-size: 23px;}
.intro img{border-radius: 0 30px 30px;}
.intro{background-image: url(/.galleries/bilder/.system/fadenkreuz.png); background-repeat: no-repeat; background-position: 0 -110px;}

@media(max-width: 1013.98px){
.intro p{font-size: 20px;}
}

@media(max-width: 763.98px){
.intro p{font-size: 19px;}
.ml-40 {margin-left: 0 !important; }
}

@media(max-width: 550.98px){
.intro p{font-size: 18px;}
}

/*############ BG-GRADIENT #############*/
.colorful{background-image: linear-gradient(to right, #e30813, #e9460a, #ee6806, #f28411, #f59e23); }
.colorful h2, .colorful h3, .colorful p{color: #fff;}
.colorful .btn{ background: #fff; color: #ee0000; font-size: 17px; border: 2px solid #fff; padding: 4px 12px;}
.colorful .btn:hover{background: transparent; border: 2px solid #fff; color: #fff;}
.colorful ul li{color: #fff;}



/*############ ACC IMAGE #############*/
.variant-tile-accordion img{border-radius: 0 30px 30px !important; border: 2px solid #fff;}

.variant-tile-accordion .text-overlay .piece-heading {font-weight: 500;}

.variant-tile-accordion .collapse-target{margin-bottom: 50px; margin-top: 50px;}
.variant-tile-accordion {background: transparent; padding: 0 40px; border-radius: 0 30px 30px;}
.variant-tile-accordion .acco-body p, .variant-tile-accordion .acco-body li{font-size: 19px;}
.variant-tile-accordion .acco-body h3{font-size: 24px;}
.variant-tile-accordion .collapse-trigger {margin-bottom: 5px;}

.variant-tile-accordion .text-overlay{background-color: transparent; bottom: 10px; }

.variant-tile-accordion .collapse-trigger:hover img,
.variant-tile-accordion .collapse-trigger[aria-expanded="true"] img
{border: 2px solid #fff; background: #e9460a;}


.variant-tile-accordion.show-button .collapse-target.show::before { height: 15px;}
.variant-tile-accordion.show-button .collapse-trigger .trigger-item::after {border-radius: 50%;     bottom: -57px;}






@media (min-width: 1013.98px) {
.spacer-20-lr {padding: 0 20px;}
}


@media (min-width: 1200px) {
.variant-tile-accordion .text-overlay{bottom: 15px; }
}

@media (min-width: 1400px) {
.variant-tile-accordion .text-overlay{bottom: 20px; }
}

@media (min-width: 1600px) {
.variant-tile-accordion .text-overlay{bottom: 42px; }
}


@media(max-width: 763.98px){
.variant-tile-accordion .text-overlay .piece-heading {font-size: 20px;}
.variant-tile-accordion .text-overlay{bottom: 32px; }
}

@media(max-width: 550.98px){
.variant-tile-accordion.show-button .collapse-target.show::before { height: 65px;}
.variant-tile-accordion .text-overlay{bottom: 20px; }
.variant-tile-accordion {padding: 15px;}
.variant-tile-accordion .collapse-target {margin-bottom: 0px;  margin-top: 0px;}
.variant-tile-accordion .acco-body h3{font-size: 22px;}
}
@media (max-width:1013.98px) and (min-width:764px) {
 .variant-tile-accordion .tile-col .text-overlay {padding: 0;}
 }
/*.variant-tile-accordion .collapse-trigger.box-body.col-6 {flex: 0 0 auto; width: 100%;}*/


/*############ ACC TAB #############*/
.type-tab .tab-list {max-width: max-content; border: 3px solid #ee0000; border-radius: 0 30px 30px;}
.type-tab .tab-list > li > .tab-toggle {color: #fff; background-color: #ee0000; border: none; border-radius: 0 16px 16px 16px; font-size: 17px; font-weight: 400; padding: 4px 25px;}
.type-tab .tab-list li{padding-left: 0;}
.type-tab .tab-list > li > .tab-toggle.active{color:#ee0000; background: #fff;}
.type-tab .tab-list > li > .tab-toggle:hover {color: inherit; background-color: inherit; border-radius: inherit;}
.type-tab .tab-list > li > .tab-toggle:not(.active):hover {color: #fff; background-color: #ccc; border-radius: 0 15px 15px 15px;}




.type-tab .tab-content {margin-top: 50px;}
.type-tab .tab-content .piece.full > .visual, .img-left .piece.full > .visual { margin-left: unset;}
.type-tab .tab-content h3, .img-left h3 {font-size: 24px; text-transform: unset;}
.type-tab ul li, .img-left ul li {padding-bottom: 0px;}

@media(max-width: 1023.99px){
.type-tab .tab-content .type-section, .img-left .type-section {display: flex; flex-direction: row !Important;}
.type-tab .tab-content .type-section .visual, .img-left .type-section .visual {margin-right: 15px;}
}



/*############ CHECK #############*/
ul li{padding-left: 0px; font-weight: 300; padding-bottom: 15px;}
.check li:before {content: "\f00c"; top: 3px; color: #F5A023; font-size: 23px; left: -7px;}

/*############ TEASER 5er COL #############*/
.fuenfer h2 {padding-left: 60px;}
.fuenfer h3{background: #fff; max-width: max-content; padding: 0px 13px; position: relative; top: -12px; left: 11px; margin-bottom: 0 !important; font-size: 20px; text-transform: unset;}
.fuenfer .col-xl-2 .type-section{border: 2px solid #ee0000; border-radius: 0 30px 30px;}
.fuenfer .image-src-box.presized{padding: 0px 0 0 20px;}
.fuenfer img{ border-radius: 0 30px 28px; border: 2px solid #fff;}


@media (min-width: 1200px) {
.fuenfer .col-xl-2 {width: 19.66666667%;}
}

@media (max-width: 763.98px) {
.fuenfer .col-12 {width: 50%;}
.fuenfer h2 {padding-left: 0px;}
.fuenfer h3 {padding: 0px 10px; top: -12px; left: 3px; margin-bottom: 0 !important; font-size: 18px;}
}

/*############ TEASER 4er COL #############*/
.vierer h2 {padding-left: 60px;}
.vierer h3{background: #fff; max-width: max-content; padding: 0px 13px; position: relative; top: -12px; left: 11px; margin-bottom: 0 !important; font-size: 20px; text-transform: unset;}
.vierer .col-lg-3 .type-section{border: 2px solid #ee0000; border-radius: 0 30px 30px;}
.vierer .image-src-box.presized{padding: 0px 0 0 20px;}
.vierer img{ border-radius: 0 30px 28px; border: 2px solid #fff;}




@media (max-width: 763.98px) {
.vierer .col-12 {width: 50%;}
.vierer h2 {padding-left: 0px;}
.vierer h3 {padding: 0px 10px; top: -12px; left: 3px; margin-bottom: 0 !important; font-size: 18px;}
}


/*############ WEBFORM #############*/
.type-webform .styled-form{background: transparent;}
.type-webform .label{display: none;}
.type-webform .form-field-privacy .label {display: block; color: #ee0000; font-size: 17px;}
.type-webform .input input,.type-webform .textarea textarea{border-radius: 0 30px 30px; border: 3px solid #ee0000; }
.type-webform .input input::placeholder, .type-webform .textarea textarea::placeholder{color: #ee0000 !Important; font-weight: 300;     opacity: .6;}
.type-webform .btn{max-width: max-content; padding: 5px 40px; font-size: 17px; font-weight: 300; min-width: auto !Important;}
.type-webform .btn:hover{color: #ee0000 !Important; color: #fff;}
.type-webform .formbtn-row{display: flex; justify-content: flex-end;}

@media (max-width: 763.98px) {
.type-webform .form-field-privacy a{font-size: 16px;}
}

/*############ CONTACT #############*/
.type-contact{font-weight: 500; font-size: 20px; color: #333}
.contact .type-contact h3, .topfoot .type-contact h3 {font-size: 28px; font-weight: 500; text-transform: none;}
.type-contact .adr,.type-contact .icon-label,.type-contact .note{font-weight: 300;}
.type-contact .adr,.type-contact .fax{margin-bottom: 15px !Important;}
.type-contact .icon-label{font-size: 17px;}
.type-contact .tablerow{display: grid;}
.type-contact .note p{font-size: 17px;}
.type-contact .note strong{font-size: 20px;}

.type-contact .note.bottom {margin-top: 30px;}


.contact .piece > .visual .subtitle {text-align: center; padding: 8px 15px; background: #ee0000; color: #fff; position: relative; bottom: 24px; left: 32px; max-width: max-content; font-style: normal; font-size: 14px; border-radius: 4px;  margin-bottom: -10px;}

.contact .type-section.round {padding-right: 40px;}
.contact .maplibregl-map    {border: 5px solid #fff; border-radius: 0 30px 30px 30px !important; }
.contact .type-map {margin-top: 8px;}

@media (max-width: 1013.98px) {
.contact .type-section.round {padding-right: 0px;}
}

@media (max-width: 763.98px) {
.type-contact .adr,.type-contact .fax{margin-bottom: 15px !Important;}
.type-contact .contact-org{ line-height: 1.4;}
.topfoot .type-contact h3 {font-size: 23px;}
}
/*############ CONTACT PERS #############*/
.contact-org{color: #333;}
.contact-org h3 {font-size: 18px; font-weight: 300; text-transform: none; margin-bottom: 6px !important;}
.contact-org h4 {font-size: 30px; font-weight: 700; text-transform: uppercase; }
.contact-org .adr{font-weight: 500; font-size: 20px; margin-top: 0;}
.contact-org .adr,.contact-org .phone,.contact-org .mail, .contact-org h4{margin-bottom: 15px !Important;}
.contact-org .icon-label,.contact-org .note, .type-contact .note.top{font-size: 17px;}
.contact-org img{border-radius: 0 30px 30px;}
.contact-org .note.top{margin-top: 0; margin-bottom: 0;}

.contact .row{border-radius: 0 30px 30px; border: 3px solid #ee0000;     padding: 60px 40px 30px 40px;}
.contact h2{background: #f2f2f2; max-width: max-content; padding: 0px 25px; position: relative; top: 45px; left: 41px; z-index: 4;}



@media (max-width: 1013.98px) {
.pl-30 {padding-left: 0px !important;}
}

@media (max-width: 763.98px) {
.contact .row {padding: 50px 5px 0px;}
}

/*############ FOOTER #############*/
.area-foot .subfoot{background-color: #F2F2F2; color: #ee0000; }
.area-foot .topfoot a, .area-foot .subfoot a {color: #333;}
.area-foot .subfoot ul li, .area-foot .subfoot a {font-size: 17px !Important;}
.text-right{display: flex; justify-content: flex-end;}
.img-footer .image-src-box.presized.use-ratio img{height: 200px; width: auto;}
.img-footer .image-src-box.presized.use-ratio{display: flex; justify-content: center;}

.area-foot .topfoot {background: #f2f2f2 url(/.galleries/bilder/.system/fadenkreuz.png) no-repeat 100% 100% !Important; background-size: 28% !Important;}


@media (max-width: 763.98px) {
.img-footer .image-src-box.presized.use-ratio{display: flex; justify-content: start;}
.element.type-linksequence{margin-bottom: 0;}
}