@import url('/.themes/main-karriere-ahaus.css');
@import url('/.themes/font.css');
@import url('/shared/css/m-access.css');



.type-contact .ico, .type-contact .fa {
    margin-right: unset;
    width: unset;
}
#mercury-page {overflow-x: clip;}
.topfoot .styled-form {background: transparent;}
.accordion .acco-header > .acco-toggle {padding: 1rem 1rem;}
.accordion .acco-header > .acco-toggle {padding-left: 60px;}
.accordion .acco-header > .acco-toggle:focus, .accordion .acco-header > .acco-toggle:hover {
    color: inherit;
    background: transparent;}
	
.accordion {margin-bottom: 8px; padding-bottom: 10px;}
.list-pagination .btn.btn-append {left: 49% !important;}

.head .image-src-box.presized:not(.use-ratio) img{height:auto;}

@media (max-width: 763.98px){
.area-foot {
    line-height: 1.3;
}
}

.type-slider .slide-wrapper .caption strong, .type-slider .slide-wrapper .caption small, .nav-main-items > li > a, .calendar-sheet, .nav-main-items > li > a {
    font-family: 'Source Sans 3', sans-serif;}

.flags-wrap li.li-face a {padding: 7px 10px;}
.flags-wrap li.li-insta a {padding: 2px 10px 6px;}
body {font-weight: 300 !important;  font-family: 'Source Sans 3' !important;}
#topcontrol {display: none !important;}
.type-contact .tablerow > span {
    padding-right: 5px;
}
.head .image-src-box.presized:not(.use-ratio) img{height:auto;}
.type-list-filter .filterbox .btn.li-label:hover {
    color: #fff;}
.list-white .teaser-tile  .teaser.piece > .body {pointer-events: none;
}

.text-white .piece-heading, .text-white .body {color: #fff;}
.list-white .teaser-tile .teaser.piece {background: #fff;}
.onboarding .piece.pac h2:before, .onboarding  .piece.phv::before, .onboarding h2:before {display: none !important;}
.onboarding .box {    background: rgba(255, 255, 255, .8);}

.weglot-container {right: 480px; position: absolute; top: 19px; z-index: 10 !important;}
.wg-drop.country-selector .wgcurrent {border: 0 !Important;}
.wg-drop.country-selector .wgcurrent:after{display: none !important;}
.wg-flags a img.wg-flag {margin-right: 8px !important; height: 20px !important; width: 20px;}
.wg-drop.country-selector .wgcurrent a {padding-right: 20px !important;}
.country-selector a {color: #000 !important; font-weight: 300; font-size: 18px;}
.header-isfixed .weglot-container {display: none !important;}


#topcontrol {display: none !important; }

@media (max-width: 1013.98px){
.weglot-container {right: 55px; top: 12px;}
}
@media (max-width: 549.98px) {
    .weglot-container {right: 39px; top: 6px;}
}


.table-style .table-responsive .td-text{text-align: center;}
.table-style .table-responsive td {border: 1px solid #ccc;}

@media (max-width: 1013.98px){
.td-label{width: 28%;}
.td-text{font-size: 20px;}
}
@media (max-width: 763.98px){
.td-label{width: 24%; font-size: 19px;}
.td-text, .td-label{font-size: 18px;}
}
@media (max-width: 550.98px){
.td-label{width: 24%; padding: 5px;}
}
@media (max-width: 470.98px){
.td-text, .td-label{font-size: 14px;}
}

/*############ Gehalt Accordion ausgeblendet ############ */
.dis-none{display: none;}
/*############ Gehalt Accordion ausgeblendet ############ */


/*############ VIDEO OVERLAY ############ */
.var2 .type-media.active .body {display: none;}
.var2 .body{max-width: 300px; right: 0; height: 100%; bottom: 0; display: flex; flex-direction: column; justify-content: center; text-align: center; padding: 30px 30px 30px 60px; clip-path: polygon(10% 0%, 100% 0%, 100% 100%, 10% 100%, 0% 50%); background: #00000066; position: absolute; z-index: 9;margin-bottom: 0px;}

.var2 .body .headline{    font-family: 'Delicious Handrawn', cursive; font-size: 2.8rem; text-align: left; line-height: 1.25;  color: #fff; font-weight: 300;}


.var2 .sub-header{    font-size: 20px; font-weight: 300; color: #fff; font-family: 'Delicious Handrawn', cursive; text-align: right;}

.var2 .type-slider .slide-wrapper .caption.right {padding: 30px 30px 30px 60px !Important;}
.var2 a .image-src-box::after {content: "Zum Interview"; position: relative; color: #fff; font-weight: 400; font-size: 18px; position: absolute; z-index: 9; right: 43px; z-index: 9; bottom: 12px; background: #c04831; padding: 1px 6px 2px;}
.var2 a .image-src-box::before {content: "\f08e"; font-family: fontawesome; position: relative; color: #fff; font-weight: 300; font-size: 18px; bottom: 12px; position: absolute; right: 13px; z-index: 9;
    background: #c04831; padding: 3px 5px 0px;}


/*################ Testimonial Slider ####################*/
.row-testimonial {background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(204,204,204,0.4962359943977591) 51%, rgba(255,255,255,1) 100%);}
.testimonial.type-slider .slide-wrapper .caption.right {right: var(--my-default-margin); text-align: right; background: linear-gradient(to right, rgba(238, 52, 65, .8) 6%,rgba(247, 156, 64, .8) 98%);
	background: rgba(0,0,0,.4) ;background-size: 400px;  max-width: 330px; right: 0; height: 100%; bottom: 0; display: flex; flex-direction: column; justify-content: center;text-align: center;
	padding: 30px 50px 30px 90px;clip-path: polygon(10% 0%, 100% 0%, 100% 100%, 10% 100%, 0% 50%);}
.testimonial.type-slider .slide-wrapper .caption small {font-family: 'Delicious Handrawn', cursive; font-size: 2.8rem; text-align: left;}
.testimonial.type-slider .slide-wrapper .caption small:nth-of-type(2) {font-size: 20px; text-align: right; margin-top: 20px;}
.testimonial.type-slider {max-width: unset; margin: unset;     margin-bottom: var(--my-element-margin);}


@media (max-width: 1599.98px) {
.testimonial.type-slider .slide-wrapper .caption.right {max-width: 280px; padding: 20px 30px 20px 56px;}
.testimonial.type-slider .slide-wrapper .caption small {font-size: 24px;}
.var2 .body .headline{font-size: 24px;}
.var2 .body {max-width: 250px; padding: 20px 20px 20px 40px;}
}

@media (max-width: 1499.98px) {
.testimonial.type-slider .slide-wrapper .caption small {font-size: 20px;}
.testimonial.type-slider .slide-wrapper .caption.right{max-width: 230px;  padding: 10px 10px 10px 36px;}
.var2 .body {max-width: 230px;}
.var2 .body .headline{font-size: 20px;}
.var2 .type-slider .slide-wrapper .caption small:nth-of-type(2) {font-size: 17px; margin-top: 10px;}
.var2 .sub-header {font-size: 17px;}
}

@media (max-width: 1399.98px){
.var2 .type-slider .slide-wrapper .caption.right {padding: 0px 30px 30px 40px ! Important;}
}

@media (max-width: 1199.98px) {
.testimonial.type-slider .slide-wrapper .caption small {font-size: 20px;}
.testimonial.type-slider .slide-wrapper .caption.right{max-width: 200px;  padding: 10px 10px 10px 36px;}
.var2 .body {max-width: 200px;}
.var2 .body .headline {font-size: 19px;}
}

@media (min-width: 1100px) and (max-width: 1499.98px) {
.var2 a .image-src-box::after {font-size: 15px;}
.var2 a .image-src-box::before {font-size: 15px; right: 15px;}
}

@media (max-width: 1099.98px){
.var2 .type-slider .slide-wrapper .caption.right {max-width: 350px;}
.var2 .body {max-width: 350px;}
.var2 .col-lg-6{width: 100%;}
.var2 .type-slider .slide-wrapper .caption small {font-size: 2.6rem;}
.var2 .type-slider .slide-wrapper .caption small:nth-of-type(2) {font-size: 20px;}
.var2 .sub-header {font-size: 20px;}
.var2 .body .headline{font-size: 2.6rem;}
}

@media (max-width: 1013.98px) {
.testimonial.type-slider .slide-wrapper .caption small {font-size: 2.8rem; line-height: 1.3;}
.testimonial.type-slider .slide-wrapper .caption.right{max-width: 330px;  padding: 30px 50px 30px 90px;}
.var2 .body {max-width: 330px;}
}

@media (max-width: 549.98px) {
.testimonial.type-slider .slide-wrapper .caption small {font-size: 2.1rem;}
.testimonial.type-slider .slide-wrapper .caption.right{max-width: 240px;padding: 0px 20px 0px 70px;}
.var2 .body {max-width: 240px;}
.var2 .body .headline {font-size: 22px;}
.var2 .body .headline h4{margin-bottom: 0;}
.var2 .sub-header {margin-bottom: 0;}
}

@media (max-width: 449.98px) {
.testimonial.type-slider .slide-wrapper .caption small {font-size: 18px;}
.testimonial.type-slider .slide-wrapper .caption.right {max-width: 200px; padding: 0px 25px 0px 40px;}
.var2 .body {max-width: 200px;}
.var2 .type-slider .slide-wrapper .caption small:nth-of-type(2) {font-size: 16px;}
.var2 .sub-header {font-size: 16px;}
.var2 .body .headline{font-size: 16px;}
.var2 a .image-src-box::after {font-size: 15px;}
.var2 a .image-src-box::before {font-size: 15px; right: 15px;}
}

.map-full.bildung .maplibregl-map{height: 550px;}
.map-marker br{display: none;}
.map-marker {padding: 10px;}


.ap-legaltext .row > * {padding-left: 0;}

/*********** Archiv *************/

.nl-archiv .list-content .teaser {margin-bottom: 20px;}
.nl-archiv .list-entries  li + li:before {content:""; display: none;}
.nl-archiv h3 {font-size: 30px;}
.nl-archiv .list-entries  li + li {background: #fff; padding: 0;}
.nl-archiv .teaser.type-newsletter h3{font-size: 25px; margin-bottom: 3px;}


.type-list-filter .filterbox .btn.li-label, .pagination > li.active > a {background-color: #F15A3E; border: none;}


@media (min-width: 764px){
.nl-archiv .list-entry .teaser {
    box-shadow: none;
}
}
/****************** ENDE ********************/


.lightwidget__lightbox--active {
    z-index: 999999 !Important;
}
.nav-mega-menu{max-width: 100%; top: 34px  !important;}

.type-contact .attachment-container .body {background: transparent; color: #333 !important; padding: 0; margin-top: 30px;}
.type-contact .attachment-container .body p{font-size: 22px;}

.styled-form .input.button button.btn {background: #F15A3E; border-top: 1px solid #F15A3E; border-bottom: 1px solid #F15A3E;}
a{color: #F15A3E ;}
#topcontrol{background: #F15A3E !Important;}

.shariff-button.twitter .fa-twitter{
	background-image: url(/.galleries/bilder/.system/twitter-x.png);
    width: 40px;
    height: 40px;
    background-size: 16px;
    background-repeat: no-repeat;
    background-position: center;
}
.shariff-button .fab.fa-twitter:before{display: none;}
.social-icons li.twitter a:hover {
    background-color: #efefef;
}


.colored-row .type-map .btn{background-color: #557290;}

.colored-row .nav-side li > a:not(.btn){color: #fff;}
.colored-row .nav-side li a:hover{color: #fff !Important;}

.nav-last a {background: #F15A3E;
    color: #fff !important;
    padding: 10px 14px !important;
    margin-top: -10px;
	margin-right: 6px;
	border-radius: 5px 0 5px;}
.nav-ahaus {margin-right: 6px;     font-size: 16px;
   
    display: inline-flex;}
.film h3:before {content: "\f008"; font-family: 'ForkAwesome';}

/*.foot {background-color: #F15A3E; padding: 30px; max-width: 90%;}

.foot p {display: flex;
  justify-content: center;
  margin-top: -5.8px;
  z-index: 9999999;
  position: relative;
  margin-left: 30px;
  margin-right: -87px;}

.foot.link-btn a {border: 4px solid #fff !important;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-content: center;}*/

.org-opencms-ade-containerpage-client-ui-css-I_CmsLayoutBundle-I_CmsContainerpageCss-oc-ignore-small-elements .oc-small-element .oc-option-bar {
    visibility: visible !important;}
.lotse.imgs .piece > .visual .subtitle {bottom: 0; font-size: 20px; margin: 0 auto;
    width: 100%;
    right: 0;
    left: 0;}
:root {
    --my-body-font-family: "Source Sans 3", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --my-body-font-size: 1.5rem;
    --my-body-font-weight: 300;
    --my-body-line-height: 1.5;
    --my-font-weight-bold: 600;
    --my-disabled-color: #ddd;
    --my-disabled-fg-color: #444;
    --my-main-theme-base: #FF0000;
    --my-grey-lighter: #eee;
    --my-grey-light: #ddd;
    --my-grey: #aaa;
    --my-text-dark: #444;
    --my-text-light: #fff;
    --my-nav-toggle-bg: var(--my-main-theme);
    --my-nav-toggle-fg: var(--my-main-theme-fg);
    --my-font-family-headings: var(--my-body-font-family);
    --my-btn-font-family: var(--my-body-font-family);
    --my-btn-hover-bg: #444;
    --my-font-weight-headings: 600;
    --my-font-style-headings: normal;
    --my-border-radius: 0;
    --my-btn-border-radius: 0;
    --my-image-border-radius: 10px 0 10px 0;
    --my-default-margin: 2rem;
    --my-default-margin-small: 1rem;
    --my-default-margin-verysmall: 0.5rem;
    --my-element-margin: 2rem;
    --my-ws-margin: 1rem;
    --my-box-padding: 25px;
    --my-paragraph-margin-bottom: 1rem;
    --my-headings-margin-bottom: 1.5rem;
	--my-highlight-border-color: #ccc;
}

.colored-row.bg-highlight, .colored-row.bg-switch:nth-of-type(even) {
    --my-body-bg: #c04831; color: #fff; background-image: linear-gradient(to bottom, #c04831, #cc4c34, #d85137, #e5553b, #f15a3e);}
.colored-row {border-radius: 20px 0 20px 0;
}
.full-width.colored-row, .full-width.effect-parallax-bg, .full-width.row-has-background, .colored-row {border-radius: 0;}
.colored-row.bg-highlight h2, .colored-row.bg-highlight .subline p:first-child { color: #fff;}
.colored-row.bg-highlight .acco-body h2{color: #222;}
.verlauf {background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(204,204,204,0.4962359943977591) 51%, rgba(255,255,255,1) 100%); border-radius: 20px 0 20px 0;}
.colored-row.bg-grey {background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 48%,rgba(0,0,0,0.65) 100%); background-color: #ccc;}
small, .small {
    font-size: 2rem;
 }
.topfoot small, .topfoot .small, .imageflip.small, .author {
    font-size: 1.7rem;
 }
h2:before, h1:before, .first:before, .border-top h3:before {
    content: "";
    width: 20%;
    display: block;

    margin-bottom: 20px;
    background: linear-gradient(90deg, rgba(238, 52, 65, 0), rgba(238, 52, 65, 0.5) 25%, #ee3441 50%, rgba(247, 156, 64, 0.5) 75%, rgba(247, 156, 64, 0));
    height: 3px;
}

.piece.pac h2:before, .piece.pac h1:before, .piece.pac h3:before {
   content: "";
    width: 20%;
    display: block;
    margin: 0 auto;
    margin-bottom: 20px;
    background: linear-gradient(90deg, rgba(238, 52, 65, 0), rgba(238, 52, 65, 0.5) 25%, #ee3441 50%, rgba(247, 156, 64, 0.5) 75%, rgba(247, 156, 64, 0));
    height: 3px;
}

.piece.pac.film .piece-heading:before {content: "\f008" !important; font-family: 'ForkAwesome';  margin: unset; margin-bottom: unset; background: transparent; display: inline;     padding-right: 8px;     font-size: 27px;}
.piece.pac.comment .piece-heading:before {content: "\f27b" !important; font-family: 'ForkAwesome';  margin: unset; margin-bottom: unset; background: transparent; display: inline;     padding-right: 8px;}
.type-media .content {
    
    background-color: transparent;}


.btn{white-space: normal;
-webkit-hyphens: auto;
    hyphens: auto;
    overflow-wrap: anywhere;
    word-break: break-word;}
	
.btn-append.btn{white-space: unset;
-webkit-hyphens: unset;
    hyphens: unset;
    overflow-wrap: unset;
    word-break: unset;}

.btn, .link-btn a {
    background-color: #F15A3E;
    border-radius: 10px 0 10px 0;
    border: 0;
    
    padding: 14px 35px;
    text-transform: uppercase;
    color: #fff;
    letter-spacing: 1.8px;
    font-weight: 500;
    margin-top: 17px;
    font-size: 1.3rem;

}



.btn, .link-btn a:hover {
    text-decoration: none;   
}

.link-btn a[target="_blank"]:after {
    font-family: var(--my-icon-font-family);
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: " \f08e";
    margin-left: 2px;
}
.link-btn a, .link-btn a[target="_blank"]:hover { display: inline-block; font-size: 1.3rem; margin-right: 20px; background: #444;}

.btn:hover {background: #444;}
.link-btn a:hover, .link-btn a[target="_blank"] {background: #F15A3E;}
.dif-btn {background: #444 !Important;}
.dif-btn:hover {background: #F15A3E !Important;}
.filterbox .btn {margin-top: 0;}

.type-iconbox .icon-image {
   
    font-size: 72px;}
.type-iconbox {
   
    background-color: #fff;
   
    border-radius: 15px 0;
   
    max-width: max-content;
    margin: auto;
    border: 4px dotted #FF0000;
    color: #FF0000;
}
#mercury-page {
    max-width: 100%;
    margin: 0 auto;
}


.row.box, .row.box-dark {margin-left: 0;
    margin-right: 0;}
.box.horizontal {
	box-shadow: none;
    
    border: 8px solid;
   
    border-image: linear-gradient(to left, #F15A3E, #F15A3E) 1 0;}
.box {border-radius: 10px 0 10px; box-shadow: 2px 6px 13px -1px rgb(0 0 0 / 10%); background: #fff;}
.box-info{background: #efefef; border-radius: 6px; padding: 25px;}
.box-info h3{text-align: center; }
.box-border{background: #fff; border-radius: 6px; padding: 25px; border: 3px dashed #F15A3E;}
.box-border h3{text-align: center; }
.full-width .container {max-width:90%;}
.type-slider {max-width: 90%;
    margin: 0 auto;}

.h-info .type-linksequence li a {
    padding: 0 0 0 10px;
    background: transparent;
    border-radius: 0;
    color: #333 !important;
}
.area-header .header-links > ul > li > a {
    font-size: 18px;
	    
    padding: 6px 10px 6px 0;
}
.home2 a:before {content: "\f015"; font-family: 'ForkAwesome';  margin-right: 7px; font-size: 21px; display: none;}
.spenden-main a:before {content: "\f004"; font-family: 'ForkAwesome'; color:#FF0000; margin-right: 7px; font-size: 19px;}
.spenden-main a {animation: myAnim 2s ease 0s 1 normal forwards;}
@keyframes myAnim {
	0%,
	50%,
	100% {
		opacity: 1;
	}

	25%,
	75% {
		opacity: 0;
	}
}


.area-foot img {max-width: 280px;}

.check[value="Ich bestätige hiermit, die Datenschutzerklärung gelesen und verstanden zu haben."] {background-color: yellow;}




.mapboxgl-marker {
    width: 15px;
    height: 15px;
    background: url(/.galleries/bilder/.system/marker.png) no-repeat 0 0;
}
/*.lotse img,*/ .testimonial.type-slider img {filter: grayscale(.7); transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;
    -o-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;
    -moz-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;
    -webkit-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;}
.lotse img:hover, .variant-tile-accordion .freefloat img:hover, .testimonial.type-slider img:hover {filter: grayscale(0);  transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;
    -o-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;
    -moz-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;
    -webkit-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;}

.lotse .effect-box:after { content: ""; 
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.4);
    opacity: .7; transition: .5s linear; border-radius: 10px 0 10px; /*clip-path: polygon(0% 0%, 90% 0, 100% 50%, 90% 100%, 0% 100%);*/}

.lotse .effect-box:hover:after {background: rgba(0,0,0,0); transition: .5s linear;}

.lotse img {border-radius: 10px 0 10px;}
.lotse .type-section .visual {
    
/*clip-path: polygon(0% 0%, 90% 0, 100% 50%, 90% 100%, 0% 100%)*/;
}



li.mega > a {
    background-color:transparent ;}

/*########################## Footer Boxen ###################################*/
.footbox .link {position: absolute;
    width: 100%;
    height: 100%;
	top: 0;
    left: 0;
}
.footbox a {color: #fff !important;
    position: absolute;
    width: 100%;
    height: 100%; top: 0; font-size: 0;}
.footbox a.piece-text-link:hover::before, .footbox a.piece-text-link::before {display:none;}
.oc-edit-buttons-visible .footbox  div.oc-option-bar {right: unset;}
.footbox {justify-content: center;
     font-weight: 600; font-size: 3rem; color: #fff; line-height: 1;
    padding: 30px 70px 30px 30px;;
	clip-path: polygon(0% 0%, 90% 0%, 100% 50%, 90% 100%, 0% 100%); border-radius: 20px 0 0;
	}
	
	.opencms-page-editor .footbox {clip-path: none;}
	
.initiativ {background: #F15A3E url(/.galleries/bilder/.system/initiativ4.png) no-repeat 95% 101%; background-size: 184px;
    }
.whatsapp {background: #32BA46 url(/.galleries/bilder/.system/whatsapp.png) no-repeat 106% 100%; background-size: 154px;
    }
.stellen {background: #555 url(/.galleries/bilder/.system/stellen.png) no-repeat 100% 100%; background-size: 184px;
    }
.footbox span {font-size: 5.5rem;
    line-height: .9; }
.beruf {background: #555 url(/.galleries/bilder/icons/waage.png) no-repeat 106% 100%;
    background-size: 124px;
}
.tarif {background: #777 url(/.galleries/bilder/icons/caritas-haus.png) no-repeat 106% 100%;
    background-size: 124px;
}
.stellen.jb {
    background: #F15A3E url(/.galleries/bilder/.system/stellen.png) no-repeat 100% 100%;
    background-size: 184px;
}

/*########################## Contacts ###################################*/

.type-contact .ico, .type-contact .fa {margin-right: unset; width: unset;}
.type-contact {
   /*clip-path: polygon(0% 0%, 90% 0, 100% 50%, 90% 100%, 0% 100%);*/ 
 box-shadow: none;
   background: transparent;
    border-radius: 10px 0 10px;}
.type-contact .body {border-radius: 10px 0 10px;}
.type-contact img {border-radius: 10px 0 10px  !important;}
.topfoot .type-contact img {border-radius: 0 !important;}
 .type-contact .body {width: 50%; background: #f8f8f8;}
 
.oc-edit-buttons-visible  .type-contact div.oc-option-bar, .lotse .oc-edit-buttons-visible  div.oc-option-bar {
    right: unset;
}

@media (min-width: 764px) {
.topfoot .type-contact .body {
    margin-top: unset;
    padding: unset;  
  
    width: unset !important;   
    position: unset !important;
	box-shadow: none;
    background: unset;
	border-top: 0;}
}

/*.type-contact .body {
    margin-top: 40px;
    padding: 20px 20px 20px;  
  
    width: 51% !important;   
    position: absolute !important;
	box-shadow: 2px 6px 13px -1px rgb(0 0 0 / 10%);
    background: #fffffff0;
	border-top: 4px solid #F15A3E;
}

.type-contact .left .body {
right: 5px;}
}

/*.type-contact .right .body {background: linear-gradient(90deg, rgba(238,238,238,1) 31%, rgba(255,255,255,1) 60%, rgba(255,255,255,1) 100%); box-shadow: none;}
.type-contact .left .body {box-shadow: none; background: rgb(238,238,238); background: linear-gradient(274deg, rgba(238,238,238,1) 31%, rgba(255,255,255,1) 60%, rgba(255,255,255,1) 100%);
    }*/
.type-contact .piece.flex.right > .visual {
   
    padding-left: 4px !important;
}
.type-contact .body {
   
    background: #F15A3E;
    color: #fff !important;
    display: flex;
    justify-content: center;
    flex-direction: column;
}
.type-contact a, .type-contact .fn.n, .type-contact .pos{
    color: #fff !important;
}
/*########################## Flags ###################################*/
.flags-wrap {display: inline-flex;
    }
.flags-wrap ul {position: fixed;    background: #fff;
    top: 40vh;
    right: 0;
    transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    overflow: visible;
    right: -121px;}
.flags-wrap li a {
background: #fff;
     display: flex;
    justify-content: center;
       padding: 2px 10px;
    font-size: 2rem;}
.flags-wrap li a:hover {text-decoration: none; background: #444; color: #fff !important; }
.flags-wrap li a .ico-svg:hover {color: #fff !important;}
.flags-wrap.ls-row.no-icon li:not(:last-child) {
    margin-right: 0;
}
a.face {/*background: #1877f2;
    color: #fff !important;*/}
a.face .ico-svg {
    font-size: 1.8rem;}
a.jobs{/*background: #F15A3E;
    color: #fff !important;*/
    text-transform: uppercase;
    font-weight: 400;
}
a.insta  {background: #fff;}
a.insta .ico-svg {font-size: 24px;}

@media (max-width: 1013.98px) {
.flags-wrap .ico-svg > svg {
    
    height: 1.2rem;}
.flags-wrap ul {right: -88px;}
.flags-wrap li a {font-size: 1.2rem;}
}


/*########################## Benefits###################################*/
.link {position: relative;}
a.piece-text-link { font-weight: 600; text-transform: uppercase; transition: .5s linear; letter-spacing: 2px;}
a.piece-text-link:before {left: 39px;
  	content: "\f061";
font-family: 'ForkAwesome';
transform: rotate(-45deg);
    opacity: 0;
    bottom: 0;
    position: absolute;
    transition: .5s linear;}
a.piece-text-link {transition: .2s linear;}
a.piece-text-link:hover {padding-left: 10px; transition: .5s linear; text-decoration: none; }
a.piece-text-link:hover::before {content: "\f061";

    font-family: 'ForkAwesome';
    transform: rotate(-45deg);
    opacity: 1;
    bottom: 0;
    position: absolute;
    z-index: 9;
    font-size: 22px;
    left: 39px;
    color: #fff; transition: .5s linear;}	
.benefits .container {
    max-width: 1700px;
}
.benefits .piece.subline {background: transparent;}
/*.benefits .col-6 {background: linear-gradient(180deg, rgba(218, 219, 221, 0), rgba(218, 219, 221, 0.5) 25%, #dadbdd 50%, rgba(218, 219, 221, 0.5) 75%, rgba(218, 219, 221, 0)) no-repeat right/2px 100%;
 padding: 0 20px;}*/
.benefits h4, .benefits h3 { margin-top:15px;
    font-size: 2.2rem;
    font-weight: 600;}
	
	
	.benefits h3:before {display: none !important;}

.benefits .text {font-size: 1.8rem; }
.benefits h2, .benefits .subline p:first-child {}
.box-dark, .box-darker {
    padding: 20px 20px 30px;
    border-radius: 10px 0 10px; border-top: 10px dotted #fff;}
	
.box-dark {background: #eaeaea;}
.box-darker {background: #dbdbdb;}
.box-darker.piece > .body .text, .box-dark.piece > .body .text  {
    -webkit-hyphens: auto;
    hyphens: none;
    overflow-wrap: anywhere;
    word-break: break-word;
}

@media (min-width: 1014px) {
.max-95 {    max-width: 95%;
    margin: 0 auto;}
h4, .h4 {font-size: 2.2rem;
    line-height: 1.35;
    font-weight: 400;}
/*.box-dark {
    margin-bottom: 40px;}
.box-darker {
    margin-top: 40px;
}*/
}

/*########################## More Info ACC ###################################*/

.more-info .accordion .acco-toggle.collapsed::after, .more-info .accordion .acco-header .acco-toggle::after {display: none !important;}
.more-info .accordion .acco-header > .acco-toggle:focus, .more-info .accordion .acco-header > .acco-toggle:hover {
    background: #fff;}
.more-info .accordion .acco-header > .acco-toggle  {-webkit-transition: all 0.2s ease-in-out;     font-family: var(--my-btn-font-family);
    background: #fff;
    color: #444;
	    letter-spacing: 1.8px;
	font-size: 25px !important;
    font-weight: 600 !important;
    border-radius: 50%;
    border: 0 !important;
    display: block;
   padding-left: 10px;  font-size: 16px; text-transform: uppercase;
    height: 100px;
    line-height: 40px;
    margin: -40px 0 0 -40px;
    position: absolute;
    bottom: 0px;
    left: 50%;
    text-align: center;
    text-transform: uppercase;
    width: 100px;
	}
.more-info .accordion .acco-header {
    font-size: 2.2rem;
    border-top: 1px solid #555;
    display: block;
    margin-top: 40px;
    padding-top: 50px;
    position: relative;
}
.more-info .accordion {
    margin-bottom: 18px !important;
   
    
    border: 0;
    }
.more-info .accordion .acco-body {margin-left: 0; border-left: 0; margin-top: 0;}
.more-info .accordion:before {display: none;}
@media (max-width: 1013.98px) {
.more-info .accordion .acco-body {
    padding: 3px 0px 0 10px;
    margin-left: 0px;}
.more-info .accordion {
    
    padding: 10px 0px;}
}


@media (min-width: 1014px) {
.more-info .accordion .acco-body {padding: 2px 0px 10px;     margin-bottom: 0;}
.more-info.element { margin-bottom: 0;     }

}


@media (min-width: 1200px) {

.more-info .accordion .acco-body {
    padding: 0;}
.accordion .kachel-row {margin-bottom: 140px;}

}





/*################ Default Slider ####################*/


.type-slider .slide-wrapper .caption strong {
        padding: 0;
    background: transparent;}
.type-slider .slide-wrapper .caption small {
    color: #fff;
    
    padding: 0 !important;
    font-size: 25px;
    
    background: transparent;
}

.type-slider .slider-box, .type-slider .image-src-box.presized img, .area-wide.area-full-row .type-slider .slide-wrapper img {border-top-left-radius: 20px !important; border-bottom-right-radius: 20px !important;}

.type-slider .slide-container, .type-slider .slide-wrapper {
    
    border-radius: 15px 0 15px 0;}
.slide-wrapper .caption.top.left{
	width: 400px;
    background: #eee;
    left: 50px;
    top: 50px;
    padding: 50px;
}
.type-slider .slide-wrapper .caption strong{
	color: #444;
    text-shadow: none !Important;
}
.type-slider .slide-wrapper .caption strong span.first{
	font-size: 25px;
    font-weight: 300;
	display: block;
	line-height: .5;
}
.type-slider .slide-wrapper .caption strong span.second{
	font-size: 50px;
    font-weight: 400;
	display: block;
	line-height: 1.1;
    margin: 15px 0;
	
}
.type-slider .slide-wrapper .caption small{
	color: #444;
    text-shadow: none !Important;
    padding: 20px 10px;
	font-size: 18px;
    font-weight: 300;
}
.type-slider .slide-wrapper .caption small a{
    background: transparent;
    border: 1px solid #444;
    padding: 10px 50px;
    font-size: 20px;
	color: #444;
	font-weight: 300;
}
.type-slider .slide-wrapper .caption small a.btn:hover {background:#F15A3E;}
.type-slider .slide-wrapper .caption small a.btn {

    
    color: #fff;

  margin-top: 35px;
	border: 1px solid #fff;
}

.slide-wrapper .caption.top.left {
    width: 610px;
    background: rgba(202,76,52,.8);
    left: 0;
    top: 50px;
    padding: 50px 90px 50px 50px;
    height: 100%;
    top: 0;
    display: flex;
    justify-content: center;
    flex-direction: column;
	clip-path: polygon(0% 0%, 90% 0%, 100% 50%, 90% 100%, 0% 100%);
}
.type-slider .slide-wrapper .caption strong {
    color: #fff;
    text-shadow: none !Important;
}
.type-slider .slide-wrapper .caption small {
    text-align: left;
    color: #fff;
    text-shadow: none !Important;
    padding: 5px 10px 20px;
    font-size: 20px;
    font-weight: 300;
}

.type-slider .slide-wrapper .caption strong {line-height: 1.4;}

.type-slider .slide-wrapper .caption .second {
  hyphens: none;}

.slider-dots button::before{ border: 12px solid #ddd; border-radius: 50%;}
.slider-dots button.active::before{ border: 12px solid #FF0000; border-radius: 50%;}
.slider-dots {bottom: 23px;}


@media (max-width: 1199.98px){
.slide-wrapper .caption.top.left {
    width: 450px;}
.type-slider .slide-wrapper .caption small {font-size: 16px;}
.type-slider .slide-wrapper .caption strong span.second {
    font-size: 30px;}
.type-slider .slide-wrapper .caption strong span.first {
    font-size: 20px;}
}

@media (max-width: 763.98px){
.type-slider.text-below-on-xs .captions {background-color: #444;}
.slide-wrapper .caption.top.left {width: 100%;}
.type-slider .slide-wrapper .caption strong span.second {font-size: 47px;}
.type-slider .slide-wrapper .caption strong span.first {font-size: 20px; margin-bottom: 5px;}
.type-slider .slide-wrapper .caption small {font-size: 18px; padding: 0;}
.type-slider .slide-wrapper .caption small a.btn {padding: 11px 10px;font-size: 16px; width: 50%; margin-top: 20px;}
.type-slider.text-below-on-xs .slide-wrapper small {display: block;}
.slide-wrapper .caption.top.left {background: #F15A3E;}
}



/*########################## End Slider ################################*/
.lotse .piece > .visual .subtitle {
   background: linear-gradient(to right, #ee3441 57%,#ee3441 57%,#f79c40 98%); font-weight: 500;     background: #F15A3E;    border-radius: 0px 0 10px 0; z-index: 1;}
.area-foot .subfoot {
    background-color: transparent; border-radius: 0 0 10px; color: #444;
    
}
.area-foot .subfoot a:not(.btn) {color: #444;}
.area-foot .topfoot {background: transparent;}
.area-foot {margin-top: 0;
    background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(204,204,204,0.4962359943977591) 51%, rgba(255,255,255,1) 100%);}
.topfoot .type-contact, .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: #444;
}
.topfoot .styled-form label {
    color: #444;
}
.topfoot .styled-form .input input, .topfoot .styled-form .textarea textarea, .topfoot .styled-form .select select, .topfoot .styled-form .checkbox i {
    background-color: transparent !important;
    color: #444;
    border-color: #444;
}
.topfoot .type-webform .formbtn-row .formbtn {
    margin-left: 0;
    margin-right: 0;
    background-color: transparent;
    border: 1px solid #444;
    color: #444;
	    padding: 5px 30px;
	border-radius: 0 !important;
	margin-top: 30px;
}
.topfoot .social-icons ul {
    justify-content: center;
}
.topfoot .link-btn a {background: #444; color: #fff !important;}
.topfoot .link-btn a:hover {background: #F15A3E; text-decoration: none;}
/*.topfoot .social-icons .ico, .topfoot .social-icons .fa, .topfoot .social-icons .fas, .topfoot .social-icons .fab {
    width: 60px;
    line-height: 60px;
    text-align: center;
    font-size: 30px !important;
}*/
.topfoot .social-icons li {border: 1px solid;
    border-radius: 50%;}
.topfoot .btn {
 margin-top: 0;
    padding: 17px 25px;
   
    font-size: 13px;
    
}
.topfoot .type-contact .text, .topfoot .type-contact .h4 {
    font-size: 1.8rem;
}
.topfoot .type-contact {box-shadow: none;}
.whatsapp .btn {background-color: #25D366; margin-top: 0;}
.whatsapp .btn:hover {background-color: #444;}
.whatsapp a.external:after {content: "\f232";}
.topfoot {border-radius: 10px 0 0;}
.subfoot {}

.trenner {background-image: linear-gradient(90deg, rgba(218, 219, 221, 0), rgba(218, 219, 221, 0.5) 25%, #dadbdd 50%, rgba(218, 219, 221, 0.5) 75%, rgba(218, 219, 221, 0));
  height: 2px !Important;
 margin-bottom: 70px;}
.trenner .container-box.box-element {display: none;}
/*.topfoot .social-icons li a {
   
    width: 60px;
    height: 60px;}
.topfoot .type-contact h3 {
    font-size: 24px !important;
}*/

/*######################### Kontakte #######################*/
.type-contact h3 {    font-size: 1.8rem; font-weight: 500;}

.flex-col .type-contact {flex-grow: 1;}
.type-contact .text, .type-contact .h4 {
    font-size: 1.7rem; line-height: 1.3;
}
.type-contact img {border-radius: 10px 0 0px 0;}
.type-contact.box {border-radius: 10px 0 10px 0;}

/*######################### NEWS #######################*/
.area-content.news-wrap {margin-top: 20px; margin-bottom: 30px; padding-bottom: 15px; padding-top: 50px; border-top-left-radius: 20px;    border-bottom-right-radius: 20px;}
.news-wrap .teaser {background: #fff; border-top-left-radius: 10px;    border-bottom-right-radius: 10px; }
	.news-wrap .teaser .body {padding: 10px 30px 30px; font-size: 18px;}
.news-wrap .teaser	h3.intro-headline {margin-bottom: 5px;}
.news-wrap .teaser-tile .teaser.piece > .body > .heading .headline {font-weight: 600;}
.teaser .image-src-box > img {
    border-radius: 0;
}
.news-wrap .teaser .intro {       
    max-width: max-content;
    margin-bottom: 15px;
  font-size: 70%;
    color: #F68F40;
}
.teaser .teaser-date {
    font-weight: 600;
}
.news-wrap .teaser .teaser-date:before {font-family: forkawesome;
    content: "\f274";
    margin-right: 8px;
    font-weight: 300;}





.news-index .list-pagination .btn.btn-append {
	border: 10px solid #fdfdfd !important;
    color: #fff;
    font-size: 16px;
	background: #F15A3E;
}
.news-index .list-entries.row ~ .list-pagination {
    margin-top: 50px;
}


.news-index .list-pagination .btn.btn-append:hover {
  border-color: #eee !Important;
  background: #777;
  color: #fff;
}

.lightwidget__lightbox-caption {
    font-size: 1.6rem  !important;
    line-height: 1.4; !important;
}


/*######################### Counter #######################*/

.features:after {display: none;}
.row-count {;margin: 0 auto; color: #fff;}
.features span.counter {font-size: 85px;  font-weight: 600;display: inline-block; margin-bottom: -20px; margin-top: -15px; }
.features-info {    display: block;
    font-size: 20px;
    font-weight: 400;
    padding-top: 20px;
    
	max-width: 80%;
    margin: 0 auto;
    
}
.row-counter h2.piece-heading, .row-counter .subline p:first-child {color: #fff !important;}
.bt-top {background-image: linear-gradient(90deg, rgba(218, 219, 221, 0), rgba(218, 219, 221, 0.5) 25%, #dadbdd 50%, rgba(218, 219, 221, 0.5) 75%, rgba(218, 219, 221, 0));
    height: 2px !Important;
    display: block;
    width: 50%;
    margin: 0 auto;
    margin-top: 16px;}
.features-top {display: block;
    font-size: 20px;
    font-weight: 400;}
.features {text-align: center; color: #fff;}
.counter-plus {font-weight: 500;     font-size: 30px;}
.row-count {background: url(/.galleries/bilder/.system/flammenkreuz.png) no-repeat 50% 50%; } 


/***************** BG-parallax + drei-boxen-weiss-grün ******************/
.effect-parallax-bg {border-radius: 15px 0 15px 0;}
.box-green .btn, .box-white .btn, .box-green .btn:hover, .box-white .btn:hover {
   background: transparent;
    border: 0;
    color: transparent;}
.bg-para-box-white-green{padding-top: 80px; padding-bottom: 80px;}
.bg-para-box-white-green .box-green{background-color: #FF0000; padding: 81px 24px 30px; color: #fff; border-radius: 10px 0 10px 0;}
.bg-para-box-white-green .box-white{background-color: #fff; padding: 81px 24px 30px; color: #444; border-radius: 10px 0 10px 0;}

.bg-para-box-white-green .box-white.paypal {background-color: #ffc44b; padding: 81px 24px 30px; color: #444; border-radius: 10px 0 10px 0;}
.bg-para-box-white-green .box-white.paypal h3:before{font-family: forkawesome; content: "\f1ed"; font-size: 52px; font-weight: 100; color: #fff; top: 17px; left: 20px; position: absolute; background: #003087; border-radius: 50%;  width: 85px; height: 85px; padding-left: 21px; padding-top: 7px;}
.bg-para-box-white-green .box-white.paypal h3, .bg-para-box-white-green .box-white.paypal {color:#fff;}





.bg-para-box-white-green .box-white.cart h3:before{font-family: forkawesome; content: "\f291"; font-size: 52px; font-weight: 100; color: #fff; top: 17px; left: 20px; position: absolute; background: #FF0000; border-radius: 50%;  width: 85px; height: 85px; padding-left: 13px; padding-top: 7px;}
.bg-para-box-white-green .box-white.scissors h3:before{font-family: forkawesome; content: "\f0c4"; font-size: 52px; font-weight: 100; color: #fff; top: 17px; left: 20px; position: absolute; background: #FF0000; border-radius: 50%;  width: 85px; height: 85px; padding-left: 18px; padding-top: 7px;}
.bg-para-box-white-green .box-green.cart h3:before {font-family: forkawesome; content: "\f07a"; font-size: 52px; font-weight: 100; color: #FF0000; top: 17px; left: 20px; position: absolute; background: #fff; border-radius: 50%;  width: 85px; height: 85px; padding-left: 17px; padding-top: 7px;}
.bg-para-box-white-green .box-green.support h3:before {font-family: forkawesome; content: "\f1cd"; font-size: 52px; font-weight: 100; color: #FF0000; top: 17px; left: 20px; position: absolute; background: #fff; border-radius: 50%;  width: 85px; height: 85px; padding-left: 17px; padding-top: 7px;}
.bg-para-box-white-green .box-green h3 {color: #fff; font-size: 25px; font-weight: 700; padding-top: 50px; margin-bottom: 6px;}
.bg-para-box-white-green .box-white h3 {color: #444; font-size: 25px; font-weight: 700; padding-top: 50px; margin-bottom: 6px;}
.bg-para-box-white-green .container {    max-width: 1320px;}
.bg-para-box-white-green .link {width: 100%;
    height: 100%;
    position: absolute;
    top: -25px;
    left: 0;}
.bg-para-box-white-green .link a {width: 100%;
    height: 100%;}



/************************** Ausbildung Icons left ******************************************/
.icons-left-wrap {background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(204,204,204,0.4962359943977591) 51%, rgba(255,255,255,1) 100%); border-radius: 20px 0 20px 0;}
.icons-left-wrap .container {max-width: 100%;}
.icons-left .type-section .body {display: flex;
    justify-content: center;
    flex-direction: column;
	align-items: flex-start;
}
.icons-left .piece .piece-heading {
    margin-bottom: 0;
}
.icons-left img:hover {filter: grayscale(1); transition: .5s linear;}
.icons-left h4, .icons-left .type-section .body {font-size: 2.2rem;}

.icons-left .piece {padding: 0 20px;background: linear-gradient(180deg, rgba(218, 219, 221, 0), rgba(218, 219, 221, 0.5) 25%, #dadbdd 50%, rgba(218, 219, 221, 0.5) 75%, rgba(218, 219, 221, 0)) no-repeat right/2px 100%;}

.icons-left-wrap .more-info .accordion .acco-header > .acco-toggle {
    background: #474747;
    color: #fff;}
.icons-left-wrap .more-info .accordion .acco-header {
    font-size: 2.2rem;
    border-top: 1px solid rgba(255,255,255,.5);}
.icons-left-wrap .more-info .accordion {
    margin-left: 20px;}
.icons-left a {
    color:#F15A3E;
}
.icons-left .text a {background: #F15A3E;    font-size: 1.3rem; border-radius: 10px 0 10px 0;
    border: 0;
    padding: 10px 35px;
    text-transform: uppercase;
    color: #fff;
    letter-spacing: 1.8px;
    font-weight: 500;
	    display: block;
    max-width: max-content;
    margin-top: 17px;}
.icons-left .text a:hover {background: #444;}
.row.icons h4 {font-weight: 800;}

@media (min-width: 764px) {
.icons-left .piece.flex {
        align-content: space-around;
}
}

/************************** Tabs ******************************************/

.tab-list > li > .tab-toggle.active {
    color: #fff;  border: 1px solid #444;
    background: #444; border-radius: 10px 0 10px;}
	
.tab-list > li {
    background: transparent;
    
    text-transform: uppercase;
    border-radius: 10px 0 10px;
}
.tab-list > li > .tab-toggle:hover {    color: #fff;
    background: #F15A3E; border-radius: 10px 0 10px; border: 1px solid #F15A3E;}
	
.tab-list > li > .tab-toggle {

   font-weight: 500;
    font-size: 1.6rem;
	    padding: 10px 10px;
		border: 1px solid #ccc;
		border-radius: 10px 0 10px;
		line-height: 1;
		
    }
.tab-list > li #b_t_8cae6dd6_1e0b73dc{background: #efefef;}
.tab-list > li #b_t_8cae6dd6_1e0b73dc:hover {background: #F15A3E;}
.tab-list > li #b_t_8cae6dd6_1e0b73dc.active{border: 1px solid #444;   background: #444;}

.tab-content {
    padding:  0;
}

 .tab-list.nav {
    text-align: center;
  }

@media (max-width: 763.98px) {
 .tab-list > li {
    float: none;
    margin-bottom: 5px;}
}

@media (min-width: 764px) {
  .tab-list {
    border-bottom: 0;
   
    display: flex;
    
    justify-content: center;}
  
.tab-list > li > .tab-toggle {
    
    margin: 0 2px;}
  }




/************************** Kachel-Akkordeon ******************************************/
.element.type-tab .text {color: #444;} 
.report.variant-tile-accordion .collapse-trigger .text-overlay {transition: .5s linear;
    
    background: transparent;
    
  
}




.variant-tile-accordion .collapse-trigger .text-overlay {
    border-radius: 0px 0 10px 0;
    display: flex;
    align-items: center;
    background: #F15A3E;
    width: auto;
    text-align: left;
    bottom: 10px;
    padding: 10px 20px;
}

.variant-tile-accordion .heading.pivot {margin-bottom: 30px;}
.variant-tile-accordion .collapse-trigger .text-overlay:before {    transform: rotate(-180deg);transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;
    -o-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;
    -moz-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;
    -webkit-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s; transition: .5s linear;}


.variant-tile-accordion .collapse-trigger.collapsed .text-overlay:before {content: "\f067"; font-family: 'ForkAwesome'; color: #fff; 
    margin-right: 15px; transition: .5s linear;}
.variant-tile-accordion .collapse-trigger .text-overlay:before {content: "\f068"; font-family: 'ForkAwesome'; color: #fff; 
    margin-right: 15px; transition: .5s linear;}
.variant-tile-accordion .piece.pac .heading > .piece-heading {font-weight: 300;
    font-style: normal;
    font-size: 22px;
    text-align: left; -webkit-hyphens: auto;
    hyphens: auto;
    overflow-wrap: anywhere;
    word-break: break-word;
}




.variant-tile-accordion .freefloat .effect-box:after { content: ""; 
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.6);
    opacity: .7; transition: .5s linear;}

.variant-tile-accordion .collapse-trigger[aria-expanded="true"] .effect-box:after, .variant-tile-accordion .freefloat .effect-box:hover:after {background: rgba(0,0,0,0); transition: .5s linear;}



.variant-tile-accordion .content-box {
    border-radius: 10px 0 10px 0;}
.variant-tile-accordion .collapse-target {background: #fff;
  box-shadow: 2px 6px 13px -1px rgb(0 0 0 / 10%);
    padding: 20px 30px 45px;
    margin-bottom: 30px;}
.variant-tile-accordion.show-button .collapse-trigger .trigger-item::after {bottom: -45px; background: #F15A3E; color: #fff;}

.variant-tile-accordion .collapse-trigger .piece-heading {
    font-weight: 400;}
.tile-col.freefloat .copyright {font-size: 11px;
    padding: 6px 10px;
    color: #fff;
    background-color: rgba(0, 0, 0, 0.3); border-bottom-right-radius: 15px;
}
/***************** Akkordeon ******************/
.accordion .acco-header .acco-toggle::after {
        top: 0px !important;
	border-left: 0px solid #fff;
    background: #444;
    color: #fff;
    border-right: 0;}
.accordion .acco-toggle.collapsed::after {
    border-right: 0px solid #fff;
    border-bottom: 0;
    background: #F15A3E;
    color: #fff;
    border-top: 0;
    border-left: 0;
    clip-path: polygon(0% 0%, 82% 1%, 100% 50%, 82% 100%, 0% 100%);
}
.accordion .acco-toggle.collapsed::after, .accordion .acco-header .acco-toggle::after {
    width: 65px; border-radius: 0 0 10px; clip-path: polygon(18% 0%, 100% 0%, 100% 100%, 18% 100%, 0% 50%)
}


.accordion {
    margin-bottom: 18px;}

.accordion .acco-toggle::after {
  
    background: #444;}
h2.acco-header:before {display: none;}
.accordion .acco-header > .acco-toggle:focus, .accordion .acco-header > .acco-toggle:hover {
    
    background: #f5f5f5;
    color: #444;
}
.accordion .acco-header .acco-toggle { overflow: visible; padding: 1.7rem 1rem 1.7rem 80px ; border-radius: 10px 0 10px;}
.accordion .acco-toggle::after, .accordion .acco-toggle::before { height: 100%;   border-radius: 0;}
.accordion .acco-toggle {line-height: 1.3 !important;    }
/***************** Testimonial ******************/
.testi .body{padding: 70px 160px;
    color: #fff;
    font-size: 32px;
    font-weight: 500;}
.testi .text::before {content: '\f10d';
    font-family: 'ForkAwesome';
    font-size: 70px;
    position: absolute;
    left: 70px;
    top: 10px;
    opacity: 0.5;}






@media (min-width: 764px) {
.topfoot .styled-form section:nth-of-type(n+3) {width: 100%;}
.area-header .sticky.csssetting > .isfixed, .area-header .sticky.always > .isfixed, .area-header .sticky.upscroll > .isfixed { box-shadow: none;}
}

@media (min-width: 1014px) {
header .co-sm-md, header .co-lg-xl {max-width: 95% !important; margin: 0 auto;}
.area-header .head.isfixed {left: 0 !important;}
header .head.isfixed .co-sm-md, header .head.isfixed .co-lg-xl {max-width: 90% !important;}
.area-header .sticky.csssetting > .isfixed, .area-header {max-width: 100%; margin: 0 auto;}
.max-70 .container, .area-foot .container {max-width: 70%;}
.fuenfer .col-lg-2 { flex: 0 0 auto; width: 19.99999%;}
header.fh.ls-2.header-isfixed.fix-overlay .nav-main-container {max-width: 100%;}
.area-foot .topfoot {margin-top: 0;}
.two-cols .body {column-count: 2;-webkit-column-count: 2;-moz-column-count: 2;column-gap: 60px;-webkit-column-gap: 60px;-moz-column-gap: 60px;column-rule: 1px solid #ccc;-webkit-column-rule: 1px solid #ccc;-moz-column-rule: 1px solid #ccc;}
.topfoot .styled-form .inline-group .checkbox {margin-right: 0; font-size: 11px;}
.verlauf .two-cols .body {column-count: 2;-webkit-column-count: 2;-moz-column-count: 2;column-gap: 90px;-webkit-column-gap: 90px;-moz-column-gap: 90px;column-rule: 1px solid #ccc;-webkit-column-rule: 1px solid #ccc;-moz-column-rule: 1px solid #ccc;}
header.fh.nav-disp-big.nav-right .nav-main-items > li > a {font-size: 26px;font-weight: 300;}
header.fh.nav-disp-big.nav-right .nav-main-items > li > a {padding-left: 2px;}
.subline .heading + p:first-child { font-size: 3rem;}
.topfoot .styled-form { border: 0;padding: 0px 0 0px 20px;}
.topfoot .type-shariff {margin-top: -20px;}
.topfoot .type-webform .formbtn-row {display: inline-block;float: right; margin-top: -90px; margin-right: 15px;}
.styled-form .inline-group {display: inline-flex; max-width: 250px}
li.mega > a {color: inherit!important;}
.h-group .h-info {padding-right: 0 !important;}
.h-nav .co-lg-xl { padding-right: 0px;}
.spacer-top-30 {margin-top:30px !important;}
.spacer-top {margin-top:50px !important;}
.spacer-top-big {margin-top:80px;}
.spacer-bottom {margin-bottom: 50px;}
.box-white {margin-top: 90px;}
.box-green {margin-bottom: 90px;}
header.fh.header-isfixed.fix-overlay .h-logo {flex: 0 0 118px; max-width: 118px;}
.head.isfixed .header-image.image-src-box.presized img { background: transparent; padding: 0;box-shadow: none; border: 0;}
.header-image.image-src-box.presized img {top: 0;z-index: 10; background: transparent; padding: 0; box-shadow: none;}
}

@media (min-width: 1200px) {
.fuenfer .col-lg-2 {flex: 0 0 auto; width: 19.99999%;}
}

@media (min-width: 1400px) {
header.fh.nav-disp-big.nav-right .nav-main-items > li > a {font-size: 26px; font-weight: 300;}
header.fh.ls-2 .h-logo { flex: 0 0 180px; max-width: 180px;}
}




@media (max-width: 1499.98px) {
.type-slider .slide-wrapper .caption strong span.second {font-size: 42px; margin: 8px 0;}
.type-slider .slide-wrapper .caption small a.btn{margin-top: 18px;}
.type-slider .slide-wrapper .caption strong span.first {font-size: 23px;}
}


@media (max-width: 1399.98px) {
header.fh.pad-md.header-notfixed.nav-below .h-nav {padding-top: 10px;}
header.fh.nav-disp-big.nav-right .nav-main-items > li > a {padding-left: 0px;}
header.fh.ls-2 .h-logo {flex: 0 0 165px; max-width: 165px;}
header.fh.header-isfixed.fix-overlay .h-logo {flex: 0 0 135px; max-width: 135px;}
.home2 a:before {display: none;}
header.fh.nav-disp-big.nav-right .nav-main-items > li > a {font-size: 22px;}
.nav-mega-menu h2{margin-bottom: 5px !important;}
.nav-mega-menu h2:before{display:none;}
.nav-mega-menu p {font-size: 19px;}
.type-slider .slide-wrapper .caption small {font-size: 18px;}
}

@media (max-width: 1199.98px) {
header.fh.nav-disp-big.nav-right .nav-main-items > li > a {font-size: 20px;}
.special-col .flex-col:empty{display: none !Important;}
.nav-mega-menu .nav-side li > a, .nav-mega-menu p {font-size: 17px;}
.type-slider .slide-wrapper .caption strong span.second {font-size: 33px;}
.type-slider .slide-wrapper .caption small {font-size: 16px;}
.type-slider .slide-wrapper .caption small a {font-size: 16px;}
.type-slider .slide-wrapper .caption small a {padding: 8px 50px;}
.type-slider .slide-wrapper .caption small a.btn {margin-top: 13px;}
}
@media (min-width: 1014px) and (max-width: 1150px) {
header.fh.nav-disp-big.nav-right .nav-main-items > li > a {font-size: 19px;}
.h-nav .nav-main-items > li > a {padding: 0 4px 8px 13px;}
.nav-mega-menu h2 {font-size: 23px; margin-top: 0px;}
.nav-mega-menu .nav-side li a {padding: 7px 16px 7px 12px;}
}

@media (max-width: 1013.98px) {
.flags-wrap li a {font-size: 21px;}
.spacer-top {margin-top:30px;}
.spacer-top-30 {margin-top:15px;}
.spacer-top-big {margin-top:50px;}
.spacer-bottom {margin-bottom: 50px;}
.type-contact {margin-bottom: 30px !important;}
#nav_nav-main-addition a {padding-left: 15px;}
#nav_nav-main-addition li:before {border-top: 5px solid #FF0000; content: ""; width: 35px; display: block; margin-bottom: 0;}
a#label_nav-main-addition {display: none;}
 .nav-main-items li > #nav_nav-main-addition { max-height: max-content;}
.area-foot .topfoot {background: #eee  !important; background-image: none !important;}
.nav-main-items li.nav-first {display: none;}
.benefits .text {font-size: 1.7rem;}
.benefits h4, .benefits h3 {font-size: 1.9rem;}
h1, .h1, h2, .h2 {font-size: 30px;}
.subline p:first-child {font-size: 28px;}
.lotse .effect-box:after{background: transparent;}
.icons-left h4{font-size: 1.9rem;}
.icons-left .type-section .body {font-size: 1.8rem;}
.icons-left .piece.flex { padding-bottom: 30px;}
.spacer-toprow-counter .col-lg-4{max-width: 50%;}
.flags-wrap {z-index: 5; position: relative;}
.area-foot .subfoot {background-color: #eee;}
.small{font-size: 1.7rem;}
.tab-list > li > .tab-toggle {font-size: 16px;}
.tab-list > li {margin-right: 2px;}
.tab-list > li > .tab-toggle{background-color: transparent;}
.nl-archiv h3 {font-size: 28px;}

.nav-toggle, .nav-toggle.active {background-color: #F15A3E !important;}
html.active-nav .area-header .header-group li.expand > a {padding-right: 0px !important; padding: 15px 0;}
header.fh.nav-disp-big.nav-right .nav-main-items > li > a {font-size: 20px; font-weight: 400;}
.nav-main-container {width: max-content;padding: 20px 30px 30px 30px;}
.nav-main-container .nav-main-mobile-logo {padding: 0 0 40px 0;}
.nav-main-container .nav-main-group .nav-main-items {border-top: none;}
.nav-main-container .nav-main-group {width: max-content;}
.nav-main-items li.nav-last{margin-top: 25px;}
.nav-main-items li > a {border-bottom: solid 1px #999;}
.nav-main-items li > a {padding: 13px 0px;}
.nav-main-items li ul li > a {border-bottom: none;}
.nav-main-items li > .nav-menu {background: #f9f9f9; padding-left: 20px;}
.nav-main-items li > .nav-menu li a {padding: 8px 20px 8px 0px !important;}
.nav-main-items li.expand.ed > a {color: #333; background-color: transparent; border-color: transparent;}
.nav-main-items li.mega a {padding: 13px 20px 13px 0px !important;}
.nav-main-items li.mega.expand a::after {font-family: forkawesome; content: "\f107"; position: absolute; font-size: 27px; right: 13px; top: 12px; width: 22px; text-align: center; color: #999;}
.nav-main-items li.mega.expand.ed a::after {transform: rotate(-180deg); transition: transform 0.33s;}
.nav-main-items li.active .nav-menu a {background-color: #f9f9f9;}
#nav_nav-main-addition li:before {border-top: none;}
#nav-main-addition .ls-icon + span {display: none;}
#nav-main-addition ul li:last-child .ls-icon + span{display: inline-block; font-size: 20px; color: #F15A3E; margin-left: 7px;}
#nav-main-addition ul li a{font-size: 25px;}
#nav-main-addition ul li{max-width: max-content; float: left;}
#nav-main-addition > .nav-menu {background: transparent; padding-left: 0;}
#nav-main-addition .ico-fas-phone-volume{font-size: 19px; color: #F15A3E;}


.flags-wrap ul {top: unset; right: unset; transform: none; -moz-transform: none; -webkit-transform: none; -o-transform: none; -ms-transform: none; bottom: 0; left: 0px;}
.flags-wrap li a {font-size: 16px;}
a.insta .ico-svg, a.face .ico-svg {font-size: 19px;}

.nav-main-items li a::after, .nav-main-items li.mega.expand.ed a::after, .nav-main-items li.mega.expand a::after {display: none !important;}
}

@media (min-width: 764px) and (max-width: 1013.98px) {
.variant-tile-accordion .piece.pac .heading > .piece-heading {font-size: 17px;}
}

@media (min-width: 764px) and (max-width: 899.98px) {
.type-slider .slide-wrapper .caption small a.btn {margin-top: 15px;}
.type-slider .slide-wrapper .caption strong span.second {font-size: 27px;}
.type-slider .slide-wrapper .caption strong span.second {margin: 5px 0;}
.type-slider .slide-wrapper .caption small a {padding: 5px 50px;font-size: 17px;}
.type-slider .slide-wrapper .caption strong span.first {font-size: 18px;}
}

@media (max-width: 763.98px) {
    header.fh.ls-2 .h-logo {
        flex: 0 0 130px;
        max-width: 130px;
    }
.type-slider.text-below-on-xs .slide-wrapper .subcaption {padding: 0;}
.type-slider.text-below-on-xs .captions {background-color: #F15A3E;}
.area-wide.area-full-row .type-slider .slide-wrapper img{border-bottom-right-radius: 0px !important;}
.slide-wrapper .caption.top.left {padding: 40px 50px 40px 50px;}
.type-slider .slide-wrapper .caption strong span.second {font-size: 37px;}
.mobile-width .container{max-width: 710px;}
.slider-dots {display: none;}
.type-contact .body {width: 100%;}
.type-slider .slide-wrapper .caption strong span.first {font-size: 21px;}
.accordion .acco-body {padding: 0 20px 0 20px; border-left: 0;}
.nl-archiv h3 {font-size: 26px;}
}

@media (min-width: 550px) and (max-width: 1014px){
.topfoot .type-shariff {margin-top: 0px; margin-bottom: -40px;}

}

@media (max-width: 549.98px) {
.h-nav .co-lg-xl {padding-bottom: 0px;}
body {font-size: 17px !important;}
h1, .h1, h2, .h2, .subline p:first-child, .teaser .intro-headline {font-size: 1.9rem !important; }
.subline p:first-child{font-size: 1.8rem !important;}
.type-slider .slide-wrapper .caption strong span.second {font-size: 32px;}
.slide-wrapper .caption.top.left {padding: 30px 40px 30px 40px;}
.spacer-top {margin-top: 15px;}
.spacer-bottom {margin-bottom: 15px;}
.mt-40 {margin-top: 2rem !important;}
.mb-40 {margin-bottom: 2rem !important;}
.mt-30 {margin-top: 1rem !important;}
.mb-30 {margin-bottom: 1rem !important;}
.mt-20 {margin-top: 0.5rem !important;}
.mb-20 {margin-bottom: 0.5rem !important;}
.pt-30 {padding-top: 1rem !important;}
.pb-30 {padding-bottom: 1rem !important;}
.pt-40 {padding-top: 1rem !important;}
.pb-40 {padding-bottom: 1rem !important;}
.benefits h4, .benefits h3 {font-size: 18px;}
.benefits .text {font-size: 17px;}

.lotse .piece > .visual .subtitle, .icons .piece > .visual .subtitle {font-size: 19px;}
.spacer-toprow-counter{padding-top: 30px !Important;}
.features span.counter {font-size: 50px;}
.features-info{font-size: 18px;}
.features-top {font-size: 18px; padding-bottom: 4px;}
.area-foot .topfoot {padding: 0;}
.small{font-size: 17px;}
.accordion .acco-header .acco-toggle{font-size: 18px !Important;}
.type-contact h3 {font-size: 20px; line-height: 20px;}
.type-contact .text, .type-contact .h4 {font-size: 18px;}
.type-linksequence {margin: 0 10px;}
.accordion .acco-body {padding: 0 15px 0 15px; margin-bottom: 0px;}
.nl-archiv h3 {font-size: 1.9rem;}
}
@media (max-width: 449.98px) {
.box-dark, .box-darker {padding: 15px 15px 25px;}
.accordion .acco-header .acco-toggle {padding: 15px 20px 15px 80px;}
.nav-main-container .nav-main-group {width: 100%;}
.nav-main-container {width: 100%;}
}