@import url('/export/system/modules/alkacon.mercury.bistuemer.ebk/css/ebk-agency.css');
@import url('/export/sites/demo-s-11/0-caritas-shared/fonts/modern/font.css');
@import url('/.themes/source/font.css');
@import url('/.themes/main.css');
@import url('/export/sites/demo-s-11/0-mercury-update-fix/fix.css');
@media (hover: none) {
.effect-parallax-bg {
    background-attachment: initial;
    background-position: center !important;}
	}

.pp-banner * {
    font-size: 15px !important;
}

#privacy-policy-banner .btn::before {display: none;}
.list-entry .teaser.calendar-sheet-piece {
    box-shadow: none;
}
.calendar-sheet > .day-number {color: #007e00;}
.pp-toggle .toggle-inner::after {background-color:  #ccac00 ; color: #fff ;}
.pp-toggle .toggle-inner::before {background-color: #007e00;}
.type-webform .btn.resetbutton {--my-btn-hover-bg: #C0C0C0;}
.styled-form .radio input + i::after {
    background-color: #C0C0C0;
}
.type-webform .formbtn-row .btn:before {display: none;}
.area-foot .fa-globe:before {
    content: "\f230";
}
.box {
    --my-link-color: #ccac00;
    --my-link-hover-color: #007e00;}
.colored-row {border-radius: 8px;}
.suche .btn:before,  .list-content .btn.btn-append:before, .cal-pagination .btn:before, .search-form .btn:before, .btn.li-label:before, .btn.btn-submit-search:before {content: ''; padding-right: 0;}
.suche {
    z-index: 9;}
.suche .styled-form {
    margin: 0 auto;
    outline: none;
    font-size: 2.5rem;
    font-weight: 600;
    line-height: 1.5;
    border: 2px solid #fff; max-width: 400px;}
.suche .styled-form .input input {
    border-color: #007e00;}

::-webkit-input-placeholder { /* Edge */
 font-size: 2rem !important;
}

:-ms-input-placeholder { /* Internet Explorer */
  font-size: 2rem !important;
}

::placeholder {
  font-size: 2rem !important;
}
.type-search .styled-form, .type-search .search-result-heading {font-size: 2.4rem;}
.nav-mega-menu .nav-side li.currentpage > a:not(.btn) {color: #ccac00;}
.styled-form .radio input:checked + i::after, .styled-form .checkbox input:checked + i::after {color: #007e00;
}
.styled-form .input.button button.btn {font-size: 1.8rem;}
.pagination > li.active > a {
    color: var(--my-pag-active-fg-color);
    background-color: #ccac00;
    border-color: #ccac00;}
.pagination > li > a:hover, .pagination > li.active > a:hover {
    color: var(--my-pag-hover-fg-color);
    background: #007e00;
    border-color: #007e00;}
.pp-banner * {font-size: 2.2rem;
}
.pp-banner .btn-close {margin-right: 20px;}
.org-opencms-ade-containerpage-client-ui-css-I_CmsLayoutBundle-I_CmsContainerpageCss-oc-ignore-small-elements .oc-small-element .oc-option-bar {
    visibility: visible !important;}
.area-wide.area-full-row .type-slider .slide-wrapper img {}
/*.btn.visually-hidden-focusable-fixed, .detail-visual.piece > .visual .subtitle, .detail-page .detail-visual.full .visual-info {display: none;}*/
.list-entry .teaser {border-radius: 8px; }
.date-top .teaser .teaser-date {background: #000;}

.counter {font-size: 6.5rem;  font-weight: 500; display: block; margin-bottom: 0px; color: #f4f4f4;}
.features-info {    font-size: 30px; color: #f4f4f4;}
.features {text-align: center; color: #f4f4f4;}

.type-slider .slide-wrapper {border-bottom-right-radius: 10px !important;
    border-bottom-left-radius: 10px !important;}
.type-media .content {background-color: transparent;}

.detail-page .sub-header {
    font-size: 21px;
    line-height: 1.2;
    font-weight: 600;
}
:root {
    --my-body-font-family: Calibri, sans-serif,  Arial, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	    --my-link-color: #ccac00;
		    --my-link-hover-color: #007e00;
			--my-btn-hover-bg: #007e00;
			--my-font-weight-headings: 400;
	    
	}
.tab-list > li > .tab-toggle.active {
    border-color: transparent;
    background-color: var( --my-link-color);
    
}
.tab-list > li > .tab-toggle:hover {
    border-color: transparent;
    background-color: var(--my-link-hover-color);
    
    }
.tab-list > li > .tab-toggle {border-radius: 5px; font-size: 2.2rem; border: 1px solid #ccc;}
.tab-content > .tab-pane {margin-top: 24px;}
.tab-list {
    border-bottom: 0 !important;
}
a {
    color: #007e00 ;
    text-decoration: underline;
}
a:hover {
    color: #ccac00 ;
    text-decoration: underline;
}
header.fh.nav-disp-big.nav-right .nav-main-items > li > a, .nav-side a, .nav-breadcrumbs > li a, .nav-menu > li > a{text-decoration: none;}
.search-result a, .type-linksequence a, .area-foot a, .type-contact a {text-decoration: underline;}
.search-result a:hover, .type-linksequence a:hover, .area-foot .topfoot a:hover, .type-contact .text a:hover {text-decoration: underline !Important; color: #ccac00 !important;}
.area-foot .subfoot a{text-decoration: none;}
.area-foot .subfoot a:hover{color: #fff !Important;}
.search-result a, .search-result a:hover{
    text-underline-position: under;
}
.box {
    --my-btn-hover-bg: #C0C0C0;
    --my-headings-color: #000;
	}
.box.piece > .visual {
    margin-bottom: 20px;}
.box.box2 .intro-headline > .intro, .box.box2 h3, box.box2 h2 {color: #fff !important;}
.box {background: transparent; padding: 25px; border-radius: 8px; box-shadow: 2px 6px 13px -1px rgb(0 0 0 / 30%);}
.box.box2 {background: #007e00;}
.box .text {color: #444;}
.box .heading {color: #000;}

.detail-page.layout-1 .detail-visual.piece.phv.phh > .visual {    margin-bottom: var(--my-visual-margin-bottom);}
.type-map .map-marker .markhead {font-size: 22px;}
.type-map .map-marker  {font-size: 15px;}
.mapboxgl-popup br {display: none;}
.mapboxgl-popup {top: 15px; max-width: 240px !important;  }
.mapboxgl-popup img {max-width: 200px; margin: 5px 0 15px;}
.mapboxgl-popup-close-button {right: 13px;}
.marktxt .name, .map-full .marktxt .ort {font-weight: 400;}
.marktxt .strasse {margin-top: 5px;}

.ptb-100 {padding: 100px 0;}

.border.piece, .border img, .border .back-center {    border-radius: 5px;}

.mt-50 {    margin-top: 50px;}

.marktxt a {font-weight: 400; color: #fff; text-transform: uppercase; border-radius: 8px; display: block; padding: 7px 15px;  margin-top: 15px; background: rgb(233,101,30); border: 0; margin-bottom: 0px; text-align: center;}
.marktxt a:hover {text-decoration: none;}

.type-map .mapbuttons {margin-top: 20px;  margin-left: 20px;  padding: 20px; background: rgba(0,0,0,0.3);}
.type-map .mapbuttons .btn {font-size: 18px;  border-radius: 5px; padding: 8px 15px; background: #e9651e; line-height: 1;}
.mapboxgl-marker{ width: 44px; height: 44px;}

.type-linksequence a {display: flex; color: #007e00;
}
.box.box2.type-linksequence a, .box.box2.type-linksequence.ls-bullets.custom-icon li::before {color: #fff;}
.type-linksequence.ls-bullets.custom-icon li::before {padding-right: 12px;}
.lotse .city{display: block; font-size: 18px;}

/*.header-image.image-src-box.presized img {
    border-radius: 20px;}*/
.header-links.ls-row.custom-icon li::before {
    float: none;
    padding-right: calc(0 * var(--my-ls-row-spacing));
    font-size: 1.5rem;
}
header.fh .head, .area-header .sticky.csssetting > .isfixed {
    background: #007e00;}





.type-contact {
    box-shadow: none;
}
.type-contact .text-box {margin-top: 30px;}
.type-contact .text a {color: #F58221; font-weight: 400;}



.cite {background: #ee0000 url(/jugendwohnen-koeln/.galleries/bilder/.system/watermark-single.png) no-repeat 15% center;}


	body {font-size: 21px; line-height: 1.2;}
	
	

	.no-gutters {
    --my-gutter-x: 10px;
    --my-gutter-y: 10px; margin-bottom: -20px;}	
	.area-content.full-width  { max-width: 100%;margin: 0 auto;}
	.area-content.full-width .container  { max-width: 88.7%;}
	.h-info .type-linksequence li a {color: #fff; background: transparent;  font-weight: 400;  margin-left: 5px; border-radius: 0;}
	
	.h-info .type-linksequence li a {background: #ccac00; margin: 0;}

	.area-header .header-links > ul > li > a {color: #fff !important;  font-size: 18px;}
	.area-header .header-links > ul > li > a:hover {background: #C0C0C0; color: #000  !important;}
	header.fh.nav-disp-big.nav-right .nav-main-items > li > a {
    color: #fff; 
    font-weight: 600;
}
.h-info .type-linksequence {
    margin-bottom: 5px;}

	.search.fa {font-size: 21px;}
	
	.type-slider .slide-wrapper .caption.left { left: 30px; bottom: 20px;}
	.type-slider .slide-wrapper .caption strong, .type-slider .slide-wrapper .caption .titlecaption { color: #fff; background: rgba(0, 0, 0, 0.7); max-width: 100%; display: inline-block;  font-weight: 500; font-size: 41px;}
	.type-slider .slide-wrapper .caption small {background: rgba(204, 172, 0, 0.8 );  color: #fff;  font-weight: 500; margin-bottom: 10px; /*display: inline-block;*/}
	.area-wide.area-full-row .type-slider .slide-wrapper img {}
	
.contact-social a:before {
    content: "\f167";  font-family: ForkAwesome;
	margin-right: 13px;
}
.contact-social.insta a:before {
    content: "\f16d";  font-family: ForkAwesome;
	margin-right: 13px;
}



.area-foot .type-contact .note {margin-top: 2px;}
.area-foot .type-contact .note > * {
    margin-bottom: 4px;
}
.area-foot .type-contact .ico, .type-contact .fa {
    margin-right: 13px; width: unset;}
.area-foot .type-contact .tablerow > span {
    padding-right: 0;}
	
	.subline p:first-child {color: #ccac00;}
	.max-1200 {max-width: 1200px; margin: 0 auto;}
	.max-1000 {max-width: 1000px; margin: 0 auto;}
	.box.dashed {box-shadow: none; padding: 30px; border: 2px dashed #ccc;  }
	.box.color1,.box.contact {box-shadow: none; padding: 40px; border: 0; border-radius: 8px !important; background: #f5f5f5; }
	.box.contact {font-size: 20px;}
	.box.contact .text {margin-top: 25px;}
	
	.box h3 {color: #444; margin-bottom: 4px !important; font-size: 3.3rem;}

	.zoom-overlay .zoom-icon {background-color: rgba(204,172,0, 0.7);}
	.type-imageseries .content { width: 98%; }
	.three-wrap, .fakten {padding: 40px 0 50px 0; border-radius: 8px; }
	
	
	.three h3  {font-family: "Museo500Regular","Times New Roman",sans-serif; text-align: center; font-size: 80px; color: #9fc6e6;}
	.three h4, .fakten h3  {font-family: "Museo500Regular","Times New Roman",sans-serif;  font-size: 20px; color: #e9651e; margin-bottom:5px !important; font-weight: 400;}
	.fakten h3  { font-size: 25px; }
	
	.fakten .text ul {margin-bottom: 0 !important;}
	.three .box {font-size: 20px; flex-grow: 1;}
	.btn {background-color: #ccac00; border: 0; font-weight: 400; color: #fff; padding: 10px 30px; margin-top: 20px;     border-radius: 3px;}
	.btn:focus, .btn:hover, .btn.active, .open .dropdown-toggle .btn {
    
    background-color: #007e00;}
	#topcontrol, #topcontrol:hover {background:#ccac00;}
	.list-pagination .btn.btn-append {   background: #ccac00; }
	.list-pagination .btn.btn-append:hover {border-color: #C0C0C0; background: #007e00;}
	.list-content .list-append-position {margin-top: 55px;}
.area-foot .topfoot .type-contact {flex-grow: 1;}
.area-foot .topfoot .type-contact, .area-foot .topfoot .element {border: 2px solid #ccc; 
    padding: 15px;     border-radius: 8px; flex-grow: 1;
    border-bottom-left-radius: 15px;}
.area-foot .subfoot { background-color: #ccac00; border-top: 0;}
.area-foot .topfoot {
    background: #fff}
.area-foot .topfoot .type-linksequence a, .area-foot .topfoot .ls-bullets.custom-icon li::before { margin-top: 2px;}
.area-foot .topfoot a:not(.btn), .area-foot .topfoot a:not(.btn):focus, .area-foot .topfoot a:not(.btn):hover, .area-foot .topfoot h1, .area-foot .topfoot h2, .area-foot .topfoot h3, .area-foot .topfoot h4, .area-foot .topfoot h5, .area-foot .topfoot h6,  .area-foot .topfoot {color: #007e00;}
.area-foot .subfoot, .area-foot .subfoot a:not(.btn) {color: #fff;}
.area-foot img {max-width: 280px;}
.area-foot .topfoot {
    background: #f4f4f4;
    border-top: 3px solid #ccac00;
}
.area-foot .subfoot {--my-headings-color: #000;}

.box.info .text {color: #444;}
.box.info {    background: #ddd;
    overflow: visible; margin-top: 50px;}
.info h3:before, .info h2:before {
    content: "\f274";
    font-family: ForkAwesome;
    font-size: 60px;
    line-height: 90px;
    margin: 0 10px 0 1px;
    width: 90px;
    height: 90px;
    background: #ccac00;
    position: absolute;
    text-align: center;
    margin-top: -60px;
    z-index: 99999;
    top: 11px;
    left: -28px;
    overflow: visible;
    color: #fff;
    box-shadow: 0px 6px 13px -1px rgb(0 0 0 / 30%);
    border-radius: 8px;
    transition: all 0.6s ease 0s;
}


.nav-side li a {
    padding: 6px 20px 6px 15px;
    font-size: 18px;
    display: inline-flex;
}
.nav-side li a:before {
    position: relative;
    bottom: -3px;
    left: -11px;

    font-size: 14px;}
	
.nav-side li.currentpage > a:not(.btn) {
    font-weight: 600;
    color: #007e00;}
.download-list.dl-list-compact .dl-date, .download-list.dl-list-compact .dl-size {
    white-space: nowrap;
    min-width: 7rem;
    display: none;}
.download-list.dl-list-compact .dl-link .fa {
    font-size: 2.4rem;
}
.download-list.dl-list-compact a.dl-link:hover .dl-title {
    color: #ccac00;}

.docs .type-list-filter .filterbox .btn {background-color: #ccac00; margin-top: 0;}
.docs .type-list-filter .filterbox .btn.li-label {color: transparent;     font-size: 2rem;}
.type-list-filter .filterbox .btn.li-label::after {font-size: 1.5rem;}
.docs .type-list-filter .filterbox .btn.li-label:hover {color: transparent;}
.docs .type-list-filter .filterbox.folders .btn.li-label:before {content: "Kategorie wählen";
    color: #fff;
    font-weight: 400; font-family: 'Source Sans Pro', sans-serif;}
.docs .type-list-filter .filterbox .btn.li-label::after, .docs .type-list-filter .filterbox .nav-side li > a + a::after {color: #fff;}

.docs .type-list-filter .nav-side li a:before {content: "\f114";
        font-family: ForkAwesome;
    margin-right: 8px;}
.type-list-filter .filterbox.folders .nav-side li > a + a {display: none;}


.lotse .piece > .visual .subtitle, .icons .piece > .visual .subtitle {background: rgba(233, 101, 30, 1);  border-radius: 8px;}

.accordion .acco-header .acco-toggle.collapsed::after {content: "\f067"; font-size: 22px;     color: #ccac00; background: transparent;}
.accordion .acco-header .acco-toggle::after {color: #ccac00;}
.accordion {border-radius: 8px;
    margin-bottom: 20px;
    padding-bottom: 0px;
    border: 2px solid #ccac00;}
.accordion .acco-header .acco-toggle, .tab-list > li > .tab-toggle {    background-color: transparent;}
.accordion .acco-header .acco-toggle[aria-expanded=true] {background: transparent;}
.accordion .acco-body {border-left: 0;}
.accordion button.acco-toggle {
    font-size: 2.8rem !important;}

.more-info .accordion button.acco-toggle {
    font-size: inherit !important;}
.more-info .accordion {border-bottom: 0; border: 0; border-radius: 0;}
.more-info .accordion .acco-header .acco-toggle {margin-top: 10px; width: auto; background-color: #007e00; border: 0; border-radius: 3px; font-weight: 400; color: #fff;}
.more-info .accordion .acco-header {font-size: 22px;}
.more-info .accordion .acco-header > .acco-toggle {padding: 10px 30px 10px 50px; margin: 0 auto;}
.more-info .accordion .acco-toggle.collapsed::after, .more-info .accordion .acco-toggle::after {background: transparent; color: #fff;}
.more-info .accordion .acco-header .acco-toggle.collapsed::after {content: "\f067"; font-size: 22px; }
.more-info .accordion .acco-body {padding: 0; margin-top: 25px; border-top: 0; border-left: 0; margin-bottom: 30px; margin-left: 0;}

.more-info .accordion .acco-header > .acco-toggle:focus, .more-info .accordion .acco-header > .acco-toggle:hover, .more-info .accordion .acco-header > .acco-toggle.active, .open .dropdown-toggle .btn {
    color: var(--my-btn-hover-fg);
    background-color: var(--my-btn-hover-bg);
    text-decoration: none;
    cursor: pointer;
    transition-property: color, background-color, border-color;
    transition-duration: 0.33s;
    transition-timing-function: ease;}
.more-info .accordion .acco-header > .acco-toggle {
    background-color: #ccac00;
    border: 0;
    font-weight: 400;
   
    line-height: inherit;
    
   }
.btn:before {content: "\f067";
    font-size: 22px; font-family: ForkAwesome;     padding-right: 10px;}


.normal .accordion {border-bottom: 0; margin-bottom: 0;}
.normal .accordion .acco-header .acco-toggle {margin-top: 0px; background-color: #96bd0d; border: 0; border-radius: 5px; font-weight: 400; color: #fff;}
.normal .accordion .acco-header {font-size: 27px;}
.normal .accordion .acco-header > .acco-toggle {padding: 12px 30px 12px 50px;}
.normal .accordion .acco-toggle.collapsed::after, .accordion .acco-toggle::after {background: transparent;}
.normal  .acco-header .acco-toggle.collapsed::after {content: "\f067"; font-size: 22px;}
.normal .accordion .acco-body {padding: 0; margin-top: 25px; border-top: 0; border-left: 0; margin-bottom: 30px; margin-left: 0;}

.intro-headline > .intro {color: #ccac00; font-size: 21px;}

.type-list-calendar .cal-pagination.btn-colored{
	background-color: #007e00; border-radius: 8px;
}

.type-list-calendar.cal-dc-ball table td > a > div{
	background-color: #007e00;
}

.type-list-calendar table td.cal-today > * {
    background-color: #007e00;
}

.type-list-calendar.cal-filterbox .cal-pagination .btn .ico, .type-list-calendar.cal-filterbox .cal-pagination .btn .fa {
    font-size: 2.8rem;
	color: #fff;
}
.type-list-calendar .prev .btn, .type-list-calendar .next .btn {
	border: 0 !important;
}
.type-list-calendar .fa-chevron-left:before {
    content: "\f053";
    bottom: 6px;
    position: relative;
}
.type-list-calendar .fa-chevron-right:before {
    content: "\f054";
    bottom: 6px;
    position: relative;
}
.type-list-calendar .btn {    background-color: transparent;}
.type-list-calendar .btn:focus,.type-list-calendar .btn:hover{
	background-color: #007e00 !important;
}

.type-list-calendar a.uncolored:focus,.type-list-calendar a.uncolored:hover {
    background-color: #007e00 !important;
	color: #fff;
}
.type-list-calendar.cal-filterbox .cal-sheet-month{
	font-size: 22px;
}
.type-list-calendar table th > *, .type-list-calendar table td > *{
	text-align: center;
	border-radius: 5px;
}

.type-list-calendar table td > a.active {
    border: 2px solid #007e00; 
	color: #444;
	
}

.type-list-calendar table td > a.active:hover {
    color: #fff;
}
.type-list-calendar table th, .type-list-calendar table td {
    border-color: #aaa;
    border-top-width: 1px;
    height: 40px;}
.tile-col .text-overlay, .square-col .text-overlay {background: rgba(0,126,0, 0.9);}
.tile-col .text-overlay h1, .tile-col .text-overlay h2, .tile-col .text-overlay h3, .tile-col .text-overlay h4, .tile-col .text-overlay div, .square-col .text-overlay h1, .square-col .text-overlay h2, .square-col .text-overlay h3, .square-col .text-overlay h4, .square-col .text-overlay div {text-shadow: none;}
.text-overlay h2 {
   
    margin-bottom: 1rem !important;}
.square-col-list .square-col .content {
    overflow: hidden;
    border-radius: 8px;}
	
.teaser-tile .teaser.piece > .body > .heading .headline {
    line-height: 1.1;
}
.download-list.dl-list-compact .dl-content .dl-title {
    font-weight: 500;
    
    font-size: 2rem;}
.area-foot small, .area-foot .small {font-weight: 400;
}
.area-foot .type-contact .tablerow {
    display: block;
    margin-bottom: 5px;}




.check li {    line-height: 1.1;}
.check li:before {    top: 2px;  color: #555; font: normal normal normal 22px/1 FontAwesome}
.box.check  ul {margin-bottom: 0px !important;}
a.external:after {display: none;}


/* ############### 2 Cols no-gutters bg-img + text ####################### */
.type-section.back-center {display: flex; align-items: center; justify-content: center; align-content: center; padding: 40px; -webkit-hyphens: auto;
    hyphens: auto;
    overflow-wrap: anywhere;
    word-break: break-word;}
.type-section.back-center .body {align-items: center; display: flex;  font-size: 21px;}

.type-section.back-center h2 {
    margin-top: 0;
    font-size: 31px; line-height: 1.1;}


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


/*.row.no-gutters {border-left: 10px solid #fff;}*/
.no-gutters.no-img .element {margin-bottom: 0; border-right: 10px solid #fff; border-bottom: 10px solid #fff;}




.no-img img {display: none;}
.color1 {background-color: #ccac00; color: #fff;}
.color2 {background-color:  #000; color: #fff;}
.color3 {background-color: #C0C0C0; color: #fff;}
.color4 {background-color: #007e00; color: #fff;}



.color1 h2, .color2 h2, .color3 h2, .color4 h2 {color: #fff;}
.color1 a, .color2 a, .color3 a, .color4 a { color: #fff;}
.color2 a.btn { color: #fff; border-color: #fff;}
.color3 a.btn { color: #333; border-color: #333;}
.color3 a.btn:hover { color: #fff;}

.back-center a.btn {/*background: transparent;*/ border-radius: 3px; border: 1px solid #fff; color: #fff;}


/*############ ACCORDEON #########*/
/*.accordion .acco-toggle.collapsed::after{
	padding: 11px 15px;
    background: #e9651e;
	margin-left: -10px;
	margin-right: 20px;
}
.accordion .acco-toggle.collapsed::after, .accordion .acco-header .acco-toggle::after {
    width: 49px;
}
.accordion .acco-header > .acco-toggle {
    padding: 5px 10px 5px 58px;
}
.accordion .acco-header {
    font-size: 30px;
}

.accordion .acco-header .acco-toggle, .tab-list > li > .tab-toggle{
	background: #fff;
}
.accordion .acco-toggle.collapsed::after, .accordion .acco-toggle::after {
    background: #9FC6E6;
}*/
/*################################*/
.ap-legaltext {
    
        font-size: 19px;
}
.ap-legaltext .row > * {
    padding-right: 0;
    padding-left: 0;}
.type-contact.box {background: transparent;
    border: 2px solid #ccc; padding: 20px;
	
	}
	.type-contact.box .body {
    padding: 0;
}
.type-contact.box img {border-radius: 8px;}
.type-contact.box h3, .type-contact.box .h4, .type-contact.box .text-box {
    color: #444;}
.type-contact .text a {color: #007e00;}
.type-contact.box .text-box {
    margin-top: 0px;
}

@media (max-width: 1013.98px) {
.tab-list > li > .tab-toggle {
    
    width: auto;
    float: left;
    margin-right: 6px;
    margin-bottom: 6px;
    font-size: 17px;
}
 .nav-toggle-btn .nav-toggle {
    
    background-color: #007e00;}
.btn:before {font-size: 15px;}
.box h3 {font-size: 2.3rem;}
.type-section.back-center h2 {font-size: 25px;}
.info h3:before, .info h2:before {font-size: 30px;
    line-height: 60px;
   
    width: 60px;
    height: 60px;
    margin-top: -45px;}
.area-foot .type-contact .tablerow {margin-bottom: -2px;}
.type-contact h3 {
    font-size: 20px !important;
}
body, .accordion button.acco-toggle, .type-section.back-center .btn, .detail-page .sub-header, .intro-headline > .intro  {
    font-size: 1.6rem !important;}
.header-image.image-src-box.presized img {
   z-index: 1;
    background: #fff;
      padding: 7px 0 7px 6px;
    top: -6px;
    left: -15px;
}
header.fh.ls-4 .h-logo {
    flex: 0 0 160px;
    max-width: 160px;}
a#label_nav-main-addition {display: none;}
ul#nav_nav-main-addition { position: absolute; max-height: 60px; top: -43px; display: flex;  right: 10px;}
.nav-main-items ul#nav_nav-main-addition li > a {border-bottom: 0; padding-left: 15px; background: #ccac00; color: #fff;
    margin-left: 5px;}

.nav-main-items li.active.expand.ed > a, .nav-main-items li.active > a {    background-color: #fff}

header.fh.nav-disp-big.nav-right .nav-main-items > li > a { padding: 10px 25px; border-radius: 0px; color: #444; }
.area-header + .area-content {    margin-top: 70px;}
#main-content > .container .row-12.mt-40 {margin-top: 0px !important;}
.area-header.header-notfixed {
    position: fixed !important;
    top: 0;
    padding-top: 0;
	padding-bottom: 0px;
    width: 100%;
    z-index: 150000;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-name: fixHeader;
    animation-name: fixHeader;
    opacity: 0.97;
    background-color: #fff;
    box-shadow: 0px 0px 10px 1px rgb(0 0 0 / 30%);
}

.h-nav .co-lg-xl {padding-bottom: 0;}
.nav-toggle, .nav-toggle.active {background-color: #ccac00;}
}

@media (max-width: 550px) {
h1, .h1, h2, .h2, h3, h4, .subline p:first-child, .teaser .intro-headline { font-size: 2.3rem !important;}
.three h3 { font-size: 40px !important;}
.info h3:before, .info h2:before {left: -8px;}
.header-image.image-src-box.presized img {padding: 10px 10px 9px 10px;}
}

@media (max-width: 551.98px) {
header.fh.ls-4 .h-logo {flex: 0 0 140px; max-width: 140px;}

}

@media (max-width: 763.98px) {
.area-wide .calendar-sheet {
    border-bottom: 2px solid #007e00;}
.nav-side li a {font-size: 15px;}
.download-list.dl-list-compact .dl-content .dl-title {font-size: 15px !important;}
.area-foot .type-contact .image-src-box.presized {padding-bottom: 100px !important;}
.square-col .text-overlay h1, .square-col .text-overlay h2, .square-col .text-overlay h3, .square-col .text-overlay h4, .square-col .text-overlay div {text-shadow: none;}
.area-foot {
    line-height: 1.3;
}

.download-list.dl-list-compact .dl-link.dl-link-down .ico {
	position: absolute;
    margin-top: -25px;
}
.download-list.dl-list-compact .dl-info {display: none;}
.download-list.dl-list-compact .dl-link.dl-link-down {justify-content: flex-end;}
.tile-col.text-below-on-xs:not(.revealed) .text-overlay, .square-col.text-below-on-xs:not(.revealed) .text-overlay {
    background: rgba(204,172,0, 0.9);}
.tile-col.text-below-on-xs:not(.revealed) .content .text-overlay, .square-col.text-below-on-xs:not(.revealed) .content .text-overlay {/*position: absolute !important;*/}
}



@media (min-width: 764px) {
.area-wide .calendar-sheet::before {
   width: 100%;
   left:0;
    background-color: #007e00;}
.area-header .sticky.csssetting > .isfixed, .area-header .sticky.always > .isfixed, .area-header .sticky.upscroll > .isfixed {
    box-shadow: none;}
.teaser .intro-headline { font-size: 25px; margin-bottom: 4px;}
.list-entry.teaser-tile .teaser-text {font-size: 18px;}
}

@media (min-width: 1014px) {
.tab-list > li {
    margin-right: 5px;
    margin-bottom: 4px;
}

.more-info .accordion .acco-header > .acco-toggle {font-size: 2.8rem !important;}
header.fh.ls-4.header-isfixed.fix-overlay .nav-main-container {
    max-width: 100%;
}
h3, .h3 {
    font-size: 3rem;
    line-height: 1.1;}
.area-foot small, .area-foot .small {
    font-size: 0.775em;}
.area-foot .topfoot .type-linksequence a, .area-foot .topfoot .ls-bullets.custom-icon li::before {font-size: 2rem;}
header.fh .head { background-color: #007e00;
    }
header.fh.pad-md .h-logo {
    padding-top: 0;
    padding-bottom: 0;
}
.box h2, .box .h2 {font-size: 40px;}
.nav-mega-menu { background: url(/.galleries/bilder/.system/foot-back.png) no-repeat 95% center; background-size: 20%; 
    border-top: 5px solid #ccac00 !important;
    background-color: #f4f4f4 !important;}
.nav-mega-menu .nav-side li a:before {
    top: 3px;
    color: #007e00;
    font-size: 14px;
    padding-right: 4px;
    content: "\f10c";
    font-family: 'ForkAwesome';}
.nav-mega-menu .nav-side li:hover a:before { color: #ccac00; }
.nav-side li > a[aria-expanded][aria-controls]::after, .nav-side li > a.nav-label + a[aria-controls] {display: none;}
.nav-mega-menu .nav-side li > a {background-color: transparent;}
header.fh.pad-md .h-meta {
    padding: 10px 15px 0 0;}
.area-content { max-width: 87%;margin: 0 auto;}	
.spacer .area-content {
    max-width: 100%;}
.area-header, .head.isfixed { max-width: 87%;margin: 0 auto;}
.nav-menu {
    border-top: solid 1px #C0C0C0;
    border-bottom: solid 1px #C0C0C0;
}
.type-slider:first-of-type {margin-bottom: 35px;}
.header-image.image-src-box.presized img { top: 0;
    z-index: 10;
    border-radius: 0px;
    padding: 0 0 5px 0;
    left: -16px; box-shadow: none;
	    border-top-left-radius: 0;border-bottom-left-radius: 0;}
.head.isfixed .header-image.image-src-box.presized img {    top: -5px; background: #fff; padding: 0px 0 5px 0;  border: 0;}
header.fh.nav-below .head.isfixed .h-nav {margin-top: 19px;}
header.fh.ls-4 .isfixed .h-logo { flex: 0 0 181px;  max-width: 181px;}
header.fh.ls-4 .h-logo { flex: 0 0 308px; max-width: 308px;}
.nav-main-items > li > .nav-menu {top: 43px;}

header.fh.pad-md.header-notfixed.nav-below .h-nav {padding-top: 6px;}
h1, h2, .subline p:first-child { font-size: 40px; line-height: 1.2;}
.ap-legaltext h2, .small h2 {
    font-size: 40px;
	text-align: center;}
small, .small {
    font-size: 19px;
    font-weight: 300;
}
h1, h2 {line-height: 1;
    margin-bottom: 3rem !important;}
.detail-page h1 {
    
    margin-bottom: 1rem !important;}
.accordion h1, .accordion h2 {line-height: 1;
    margin-bottom: 0 !important;}
}

@media (min-width: 1200px) {
header.fh.ls-4 .isfixed .h-logo { flex: 0 0 190px;  max-width: 190px;}
header.fh.ls-4 .h-logo { flex: 0 0 316px; max-width: 316px;}
.header-image.image-src-box.presized img { top: 0;padding: 0 0 5px 0;}
.h-group .h-info {padding-right: 10px !important;}
header.fh.nav-disp-big.nav-right .nav-main-items > li > a {    font-size: 25px;}


}


@media (max-width: 1013.98px) and (min-width: 764px) {
.type-slider .slide-wrapper .caption strong, .type-slider .slide-wrapper .caption .titlecaption {font-size: 26px;}
.type-slider .slide-wrapper .caption small {font-size: 22px;}
.type-section.back-center .body {
    font-size: 2rem;}
	}

@media (max-width: 1599.98px) and (min-width: 1014px) {
.no-gutters.border .col-lg-3 {
    flex: 0 0 auto;
    width: 50%;}
}
@media (min-width: 2400px) {
.area-foot, .area-content.full-width, .area-content, .area-header, .head.isfixed, .area-content.full-width .container, .max-1200 {
    max-width: 1320px; margin: 0 auto;}
}

@media (max-width: 575.98px) {
.nav-main-mobile-logo .image-src-box.presized img {
    max-width: 110px;
}
.header-image.image-src-box.presized img {
        padding: 7px 0 8px 6px;
}
.header-image.image-src-box.presized img {

    top: -6px;}
}


@media (min-width: 764px) {
  .detail-page.type-event .detail-visual.full .visual-info.right {
    justify-content: flex-start;
    font-size: 2rem;
  }
}