@import url('/.themes/font.css');
/*##################### Generics ######################*/
:root {
    --my-font-weight-headings: 400;
	    --my-body-font-weight: 300;
}
.flexo .visual {display: flex;align-content: center;flex-wrap: wrap;}
.no-mb .element, .no-mb.element {margin-bottom: 0;} 
.row-has-background + .area-content:not(.row-has-background) {margin-top: 0;}
body, h1, h2, h3, h4, h5, h6, .job-slider span {font-family: 'Source Sans 3', sans-serif;}
h1, h2, h3, h4, h5, h6 {font-weight: 400;}
h1 strong, h2 strong, h3 strong {font-weight: 400; color: #F59D22;}
.text-white, .text-white h2{color: #fff;}

.box-theme {--my-body-bg: #F59D22;}

@media (min-width: 1014px) {
.type-linksequence .ls-item {margin-left: 7px;}
.row.align-center {align-items: center;}
body {font-size: 2.2rem;}
h1 {font-size: 4.2rem;}
h2 {font-size: 4rem;}
.max-80 {max-width: 80%; margin: 0 auto;}
.full-width .container {max-width: 90%;}
}
/*##################### Head ######################*/
.nav-main-items > li > a[target="_blank"]:after {    content: "\f08e"; font-family: ForkAwesome;     margin-left: 6px; font-size: 80%; margin-top: 1px;}
.nav-main-items > li > a {color: #707070; text-transform: none;}
.co-lg-xl {max-width: 100% !important;}
    .nav-main-items > li > a:focus, .nav-main-items > li > a:hover, .nav-main-items > li.active > a, .nav-main-items > li.active > a:focus, .nav-main-items > li.active > a:hover, .nav-main-items > li.expand.ed > a, .nav-main-items > li.expand.ed > a:focus, .nav-main-items > li.expand.ed > a:hover {color: #F59D22;}
@media (min-width: 1014px) {
    header.fh .h-logo {margin-left: 20px;
        margin-top: 15px;}
    header.fh.ls-2.header-isfixed.fix-compact .h-logo {
        max-width: 182px;
    }
    header.fh .h-info > .h-nav {max-width: max-content;}
    header.fh .h-nav {position: relative; top: -23px;}
	header.fh .isfixed .h-nav {position: relative; top: -18px;}
	 header.fh .head.notfixed .h-meta {position: relative; top: 43px;}
	 header.fh .head.isfixed .h-meta {position: relative; top: 30px;}
	.header-links ul li .fa {font-size: 2.5rem;}
	.header-links.type-linksequence .ls-item {align-items: center;}
	.li-eyeAble_customToolOpenerClass .ls-item{padding: 7px;
    border-radius: 30px;
    /* font-size: 1.8rem; */
    line-height: 1;
    margin-top: -6px; font-size: 1.6rem;
        line-height: 1;
        margin-top: -6px;
        background: #f5f5f5;}
	.head-search .fa {background: #f5f5f5;
    padding: 7px;
    border-radius: 50%;
    font-size: 1.8rem !important;
    line-height: 1;
    margin-top: -3px;}
    .nav-main-items > li > a {font-size: 2rem;}
		}

@media (min-width: 1400px) {
  .co-lg-xl {
    max-width: 100%;
  }
}

@media (max-width: 1013.98px) {
    .nav-toggle-btn .nav-toggle {background-color: #F59D22;}
		}


#nav-main-search {display: none;}
/*##################### Slider ######################*/
.head-slide.type-slider .visual::after {
    content: '';
    position: absolute;
    top: 34px;
    right: 0;
    bottom: 0;
    left: 32px;
    background: url(/.galleries/bilder/.system/slider-claim.png) no-repeat 8% 80%;
    background-size: 235px;
}
.head-slide.darker.type-slider .img::after {position: absolute;
    background: #000;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    
}

.head-slide.type-slider .slider-box {--my-slider-bg: transparent;}
.head-slide.type-slider .slide-wrapper .caption .titlecaption {text-shadow: none; text-transform: uppercase; font-weight: 800;}
.head-slide.type-slider .slide-wrapper .caption small .btn {background-color: #F59D22; color: #fff; border-radius: 30px; padding: 8px 30px; margin: 20px 0 0; font-size: 1.8rem;text-shadow: none; }
@media (min-width: 1014px) {
.head-slide.type-slider .slide-wrapper .caption .titlecaption {        font-size: 6.8rem;         text-shadow: 1px 0px 4px #000000;}
.head-slide.type-slider .slide-wrapper .caption.middle.center {top: 63%;}
}



/*##################### Job- Slider ######################*/
.job-slider.type-slider.logo-slider.title-below-logo .slider-box .slide-wrapper .captions {display: block; color: #F59D22;}
.job-slider.type-slider.logo-slider.title-below-logo .slider-box .slide-wrapper .caption {padding: 30px 20px; margin-top. -10px !important;}
.job-slider.type-slider.logo-slider.title-below-logo .slide-wrapper .titlecaption .btn {background-color: #F59D22; color: #fff; border-radius: 30px; padding: 8px 30px; margin: 20px 0 0; font-size: 1.8rem;}
.job-slider.type-slider.logo-slider.title-below-logo .slide-wrapper .titlecaption {font-size: 2.3rem !important; color: #F59D22; text-shadow: none; -webkit-hyphens: auto;
    hyphens: auto;
    overflow-wrap: anywhere;
    word-break: break-word;}
.text-center.job-slider.type-slider.logo-slider.title-below-logo .slide-wrapper .titlecaption {text-align: center; line-height: 1.4;}
.job-slider.type-slider.logo-slider.title-below-logo .slide-wrapper .caption, .job-slider.type-slider.logo-slider.title-below-logo .captions {    background-color: #fff;}
.job-slider span {display: flex; color: #000; font-weight:300; font-size: 1.6rem; margin-top: 20px;}
.job-slider.type-slider .slide-container {margin: 0 8px; border-radius: 10px; box-shadow: 0px 3px 3px 1px rgb(0 0 0 / 10%); margin-bottom: 11px;}
.job-slider.type-slider.logo-slider .slider-box .slide-wrapper .captions { margin: 0;}
.job-slider.type-slider.logo-slider .slider-box .slide-wrapper .visual {margin: 0;}
.job-slider.type-slider.logo-slider.title-below-logo .slider-box.lm-10 .slide-wrapper .captions {margin: 0; width: unset;}


@media (min-width: 1014px) {
.job-slider.type-slider.logo-slider.title-below-logo .slider-box.lm-10 .slide-wrapper .captions {width: unset; margin: 0;}
}


@media (max-width: 1013.98px) {


.job-slider.type-slider.logo-slider.title-below-logo .slide-wrapper .titlecaption {
    font-size: 2rem !important;}
.head-slide.type-slider .visual::after {background-size: 155px;}

}
@media (max-width: 763.98px) {
.job-slider span {font-size: 1.2rem;}
.job-slider.type-slider.logo-slider.title-below-logo .slide-wrapper .titlecaption {
    font-size: 1.8rem !important;}
.type-slider.logo-slider.title-below-logo .slider-box.lm-10 .slide-wrapper .captions {
    width: calc(100% - 2 * 10px) !important;}
	.job-slider.type-slider.logo-slider.title-below-logo .slide-wrapper .titlecaption .btn {font-size: 1.4rem;}
	.job-slider.type-slider.logo-slider.title-below-logo .slider-box .slide-wrapper .caption {
    padding: 30px 10px;
}
	}

@media (max-width: 556.98px) {
.head-slide.type-slider .visual::after {top: 124px; left: 0;}
.job-slider.type-slider.logo-slider.title-below-logo .slider-box.lm-10 .slide-wrapper .captions {width: unset !important; }

}

/*##################### Lotsen ######################*/
.lotse .content-box {border-radius: 10px;}
.lotse .tile-col .text-overlay {padding: var(--my-square-text-overlay-padding-v) var(--my-square-text-overlay-padding-h);
    background-color: #F59D22;}
	
.lotse .tile-col .text-overlay h2 {font-size: 2.5rem; text-transform: uppercase; text-shadow: none;}

@media (max-width: 1013.98px) {
.lotse .tile-col .text-overlay h2 {
    font-size: 2rem;}
	}


/*##################### Boxen ######################*/
.box {border-radius: 10px;}
.box.white {background-color: #fff;}
.box.white a {color: #333;}
.box.white.ls-bullets.custom-icon li::before {color: #F59D22;}

.bild-box img {border-radius: 10px 10px 0 0;}
.bild-box {background: #fff;   font-size: 1.8rem;   color: #000;   line-height: 1.4; border-radius: 10px; box-shadow: 0px 3px 3px 1px rgb(0 0 0 / 10%);}
.bild-box .body {padding: 30px 20px;}
.bild-box h2 {font-size: 2.3rem; color: #F59D22; margin-bottom: 20px;}
.bild-box.grey {background: #eee;}

/*##################### Bild-AC ######################*/
.tile-col .text-overlay {background-color: #fff; padding: 20px 12px;}
.tile-col .text-overlay div {color: #F59D22;}

.variant-tile-accordion .collapse-trigger .piece-heading {
        font-size: 2.0rem  !important;
        font-weight: 400 !important;
    }







.type-imageseries .image-col .content {border-radius: 10px;}
.type-imageseries  .square-col .content {height: calc(90% - 2 * var(--my-sq-margin));
    width: calc(90% - 2 * var(--my-sq-margin));}

/*##################### Fooss ######################*/
#topcontrol {background: #F59D22; border-radius: 50% !important;}
.area-foot .subfoot {background-color: #F59D22;}
.area-foot .subfoot a {color: #fff;}
.area-foot .topfoot {background-color: #fff;}
.styled-form {--my-form-background-color: #fff; border: 0;}
.styled-form .btn{    background-color: #F59D22; border-radius: 30px}
.styled-form footer {border-top: 0;}
.styled-form .input input, .styled-form .select select, .styled-form .textarea textarea, .styled-form .radio i, .styled-form .checkbox i, .styled-form .icon-append, .styled-form .icon-prepend {border-radius: 10px;}
.styled-form .radio input:checked + i::after, .styled-form .checkbox input:checked + i::after {color: #F59D22;}

@media (min-width: 764px) {
.type-webform .formbtn-row .formbtn {        margin-left: 0;}
    .type-webform .formbtn-row .formbtn.btn, .type-webform .formbtn-row .formbtn .btn {min-width: 160px;    }
}

@media (min-width: 1014px) {
.area-foot .subfoot ul {text-align: right;}
.topfoot .type-webform .formbtn-row {justify-content: flex-start;}
.topfoot .styled-form section:nth-of-type(-n+4) {width: 47%; float: left; margin-right: 3%; }
.topfoot .styled-form footer section {width: 100% !important; float: none !important; margin-right: 0 !important; }
.topfoot .styled-form .textarea textarea {width: 97%;}

}