@import url('/.themes/font.css');
@import url('/shared/css/generics.css');
@import url('/shared/css/m-access.css');
.flags {position: fixed;     z-index: 9;
    top: 50%;
    right: -82px;
    transform: rotate(-90deg);}
.flags .ico-img > img {height: 1em; vertical-align: bottom; max-width: 100%;}
.flags a {padding: 10px 18px; font-weight: 600;     margin-left: 3px;}
.flags a.fruehe {background-color: #1068B1; color: #fff;     -webkit-font-smoothing: antialiased;}
.flags a.spd {background-color: #E2001A; color: #fff;}
.flags.ls-row.no-icon li:not(:last-of-type) {
    margin-right: 0px;
}

@media (max-width: 764px) {
.flags {display: none !important;}
}
.nav-side li > a:not(.btn):hover {
  color: #e2001a; background: #f4f4f4;}
.type-slider .slide-wrapper .subcaption small:nth-of-type(2) br {display: block; margin-bottom: 10px;}

.cari {color: #e00; font-weight: 600;
        /*text-shadow: -1px -1px 0 #B3B2B2, 1px -1px 0 #B3B2B2, -1px 1px 0 #B3B2B2, 1px 1px 0 #B3B2B2;*/}
.clean {font-weight: 600; color:#B3B2B2;}
.border img {border-radius: 95% 1% 92% 1% / 1% 95% 1% !important;}
.pp-banner .buttons .btn-accept {
    --my-btn-fg: #fff;}
.redline {
    background-color: #e00;
 
   
    left: 5%;
    top: -5.5rem;
    transform: rotate(3deg);
    transform-origin: center top;
    width: .4rem;
    z-index: 9;
}
.redline {
    bottom: 0;
    height: 120vh;
    position: fixed;
    
    top: 0;
}
body, h1, h2, h3, h4, a, .accordion .acco-header .acco-toggle, zitat.type-slider .slide-wrapper .caption small:nth-of-type(2), .type-slider .slide-wrapper .subcaption small, .type-slider .slide-wrapper .caption strong, .nav-main-items > li > a, .contact-pers .h4{font-family: 'Open Sans';}
a {font-weight: 400;}
body{font-size: 20px; font-weight: 300;}
b, strong {
    font-weight: 500;
}
li a{font-size: 20px;}
h1 {font-size: 45px; font-weight: 300;}
h2 {font-size: 38px; font-weight: 300;}
h3{font-size: 30px;font-weight: 300;}
h1 strong,h2 strong,h3 strong,h4 strong{font-weight: 600;}
a{color: #e2001a;}
.btn-start{font-weight: 500;display: block; position: relative;  background: #e2001a; color: #fff; padding: 9px 20px;  max-width: max-content; border-radius: 95% 1% 92% 1% / 1% 95% 1% !important; font-size: 2rem;
    margin: 0 auto; margin-top: 25px; }
.btn, #topcontrol {background: #e2001a;}
.btn {font-weight: 500;}
.btn:hover { color: #fff;}
.btn{padding: 9px 20px; border-radius: 10px 0; margin-top: 17px; font-size: 17px; border-radius: 95% 1% 92% 1% / 1% 95% 1% !important;}
.search-form .btn, .type-search .btn{padding: 10px 20px; border-radius: 0; margin-top: 0px; font-size: 17px;}
.type-search .btn:focus,.type-search .btn:hover,.type-search .btn.active, .open .dropdown-toggle .btn, .search-form .btn:hover { color: #fff; background-color: #e2001a;}
.type-list-filter .filterbox .btn.li-label{background: #e2001a;}
.type-list-filter .filterbox .btn.li-label:hover{background: #e2001a; color: #fff;}
.pagination > li.active > a, .pagination > li.active > a:hover, .pagination > li > a:hover {color: #fff; background-color: #e2001a; border-color: #e2001a;}
.colored-row.bg-grey-light {--my-body-bg: #cfe0e6;}
.max-90.colored-row.bg-grey-light {border-radius: 20px 0;}
.colored-row {border-radius: 95% 1% 92% 1% / 1% 95% 1% !important;}
.colored-row.bg-highlight, .colored-row.bg-switch:nth-of-type(even) {
    --my-body-bg: #004e830a;}
.colored-row.bg-grey {background: linear-gradient(185deg, rgba(0, 73, 123, 1) 0%, rgba(0, 105, 176, 1) 100%); color: #fff;}
.colored-row.bg-grey h1, .colored-row.bg-grey h2, .colored-row.bg-grey h3 {color: #fff;}
.centa{display: flex; justify-content: center;}

.social-icons li a{border-radius: 50%; 
    background-color: transparent;
    border: 1px solid #777;
}
.social-icons li a * {
    color: #777;
}
.fa-linkedin-in:before {content: "\f0e1";}

.box{box-shadow: 0px 0px 5px -1px rgba(0, 0, 0, .3); background: #f4f4f4; padding: 40px; border-radius: 15px 0; border-width: 4px 4px 5px !important;
    border-radius: 95% 1% 92% 1% / 1% 95% 1% !important;}
.box p{font-size: 18px;}
.box .lead p {
        font-size: 120%;
    }
.box.white{background: #fff;}
.box.red{background: #e2001a; color: #fff;}
.box.red h3, .box.red h2{color: #fff;}

.no-gutters {--my-gutter-x: 3px;}

.map-full .maplibregl-map {height: 500px !important;}

.area-foot .topfoot{background-color: #fff;}
.area-foot .subfoot{background: transparent; color: #444; font-size: 15px;}
.area-foot .subfoot a{color: #444; font-size: 15px;}
.area-foot .subfoot .ls-bullets ul, .area-foot .subfoot .ls-row ul {font-weight: 500;}
.dot-wrapper { max-width: 44%; display: flex; justify-content: space-between;     margin: 0 auto;}
.dot {height: 6px;max-width: 155px; width: 100%; border-radius: 50%; margin: 0 10px; border-width: 4px 4px 5px !important;
    border-radius: 95% 1% 92% 1% / 1% 95% 1% !important;}
.dot.one {background: #EE0000;}
.dot.two {background: #0061A3;}
.dot.three {background: #777777;}
.dot.four {background: #EE3338;}
.dot.five {background: #6A3A87;}
.max-67 {margin: 0 auto;}
@media (min-width: 1014px) {
.lead {
        font-size: 2rem;
    }
.max-67{max-width: 67%; margin: 0 auto;}
.max-40{    max-width: 70%; margin: 0 auto; margin-top: 11px;}
.max-75 {max-width: 75%; margin: 0 auto;}
.two-cols.piece>.body+.link {justify-content: flex-end; display: flex;}
.two-cols.piece > .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;}
.area-foot .subfoot .text-right {text-align: right;}
}

@media (max-width: 1013.98px) {
.type-job.detail-page .headline {
    font-size: 32px !important;}
h1, h2 {font-size: 40px;}
h3{font-size: 28px;}
p, body{font-size: 19px;}
.immer-2 .col-lg-8 {
        flex: 0 0 auto;
        width: 66.66666667%;}
.immer-2 .col-lg-4 {
        flex: 0 0 auto;
        width: 33.33333333%;}
}

@media (max-width: 763.98px) {
.type-job.detail-page h2 {
    font-size: 24px !important;}
.btn-start{background: #fff; color: #444; font-weight: 400;}
h1, h2 {font-size: 35px;}
h3{font-size: 26px;}
p, body{font-size: 18px;}
}

@media (max-width: 551.98px) {
.type-job.detail-page .headline {
    font-size: 21px !important;}
h1, h2, .type-job.detail-page h2 {font-size: 30px;}
h3{font-size: 21px;}
p, body{font-size: 17px;}
.box p{font-size: 16px;}
.max-67{max-width: 100%;}
.max-40{margin-top: 0px;}
.immer-2 .col-lg-8 {
        flex: 0 0 auto;
        width: 64.66666667%;}
.immer-2 .col-lg-4 {
        flex: 0 0 auto;
        width: 35.33333333%;}
}

@media (max-width: 450.98px) {
.box {padding: 30px;}
}

/********* HEAD ***********/
.h-group.co-lg-xl {max-width: 100%;}
header.fh.pad-sm .h-logo {padding-top: 17px;}
.max-90, .area-header, .area-foot:has(.subfoot){max-width: 85%; margin: 0 auto;}
.area-header{margin-bottom: 15px;}
.head li a {font-size: 16px;}

@media (min-width: 1400px) {
header.fh.ls-3 .h-logo { flex: 0 0 240px;  max-width: 240px; }
header.fh.ls-3 .head.isfixed .h-logo { flex: 0 0 180px;  max-width: 180px; }
}

@media (min-width: 1014px) {
header.fh .header-group {border-bottom: 0; margin-bottom: 30px; padding-top: 10px;}
header.fh.header-isfixed.fix-overlay .h-nav {padding: 12px 0 6px;}
header.fh.header-isfixed.fix-overlay .h-logo::before, header.fh.header-isfixed.fix-overlay .h-logo::after {box-shadow: none;}
.area-header .header-group::before {background-image: none;}
.head.isfixed{left: 0;}
.head .image-src-box.presized:not(.use-ratio) img{top: 4px;}
}

@media (max-width: 1399.98px) {
header.fh.ls-3 .h-logo {flex: 0 0 200px; max-width: 200px;}
}
@media (max-width: 1013.98px) {
.header-group{max-width: 100%;}
.max-90, .area-header, .area-foot:has(.subfoot) {max-width: 97%;}
}

/********* NAV ***********/
.nav-menu {border-top: solid 1px #e2001a; border-bottom: solid 1px #e2001a;}

@media (min-width: 1014px) {
  .nav-mega-menu .nav-side li > a {font-size: 19px;}
.nav-main-items > li > a {font-size: 21px; }
.nav-main-items > li.expand > a::after{display: none;}
.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: #e2001a;}
}

@media (max-width: 1399.98px) {
header.fh.meta-right .header-links {margin-bottom: 12px;}
}

@media (max-width: 1013.98px) {
.nav-menu {border-top: 0; border-bottom: 0;}
.nav-main-items li.expand > a[aria-controls]::after {top: 13px;background-color: transparent; color: #E2001A;    }
.nav-toggle-btn .nav-toggle {background-color: #e2001a;}
.nav-main-container .image-src-box.presized:not(.use-ratio) img{height: auto; max-width: 150px;}
.nav-main-container {background-color: #fff;}
.nav-main-items{max-width: 55%; margin-top: 50px !important; margin: 0 auto; }
.head li a {font-size: 20px; padding: 15px 0px; font-weight: 300;}
#nav-main-addition{display: none;}
.nav-main-container .nav-main-group .nav-main-items {border-top: 0;}
.nav-main-items li.nav-last  > a {border-bottom: 0;}
.nav-main-items li > a {border-bottom: solid 1px #e2001a;}
.nav-main-items li.active.expand.ed > a, .nav-main-items li.active > a {background-color: transparent;}
.nav-main-items li.active.final > a {font-weight: 600;}
}
@media (max-width: 551.98px) {
    .head li a {font-size: 16px;}
	}
/******** SLIDER *********/
.type-slider .slide-wrapper .caption.top.left {width: 530px; background: rgba(0,0,0,.5); left: 0; top: 50px; padding: 50px; height: 100%; top: 0; display: flex; justify-content: center; flex-direction: column; background: rgb(0, 73, 123); background: linear-gradient(185deg, rgba(0, 73, 123, 1) 0%, rgba(0, 105, 176, 1) 100%);}
.type-slider .slide-wrapper .caption strong { font-size: 25px; font-weight: 300; display: block; line-height: 1; text-shadow: none;}
.type-slider .slide-wrapper .caption strong, .type-slider .slide-wrapper .caption small{padding: 0;}
.type-slider .slide-wrapper .subcaption small{font-size: 45px; font-weight: 400; display: block; line-height: 1.1; margin: 15px 0; text-shadow: none;}
.type-slider .slide-wrapper .subcaption small:nth-of-type(2) { color: #fff; text-shadow: none !Important; padding: 0; font-size: 19px; font-weight: 300; line-height: 1.3;}
.type-slider .btn{display: block; max-width: max-content; margin-top: 25px; padding: 9px 20px; border-radius: 4px; font-size: 19px !Important;}
.type-slider .image-src-box.presized img, .area-wide.area-full-row .type-slider .slide-wrapper img {border-radius: 15px 0 15px 0 !important;}

.type-slider .slide-wrapper .copyright {right: 20px;}

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

@media (max-width: 1199.98px){
.type-slider .slide-wrapper .subcaption small {font-size: 33px;}
.type-slider .slide-wrapper .subcaption small:nth-of-type(2) {font-size: 16px;}
.type-slider .slide-wrapper .caption strong {font-size: 22px;}
}
@media (max-width: 1013.98px){
.type-slider .slide-wrapper .caption.top.left {width: 440px;}
}
@media (max-width: 763.98px){
.type-slider .slider-box, .type-slider .image-src-box.presized img, .area-wide.area-full-row .type-slider .slide-wrapper img {border-bottom-right-radius: 0 !Important;}
.type-slider.text-below-on-xs .slide-wrapper small {display: block;}
.type-slider .slide-wrapper .caption.top.left {width: 100%; background: #e2001a; padding: 30px;}
.type-slider .slide-wrapper .caption small {padding: 0;}
.type-slider .slide-wrapper .caption small a.btn {padding: 9px 16px;font-size: 16px; margin-top: 20px;color: #444; background-color: #fff; font-weight: 400;}
.type-slider.text-below-on-xs .slide-wrapper .subcaption {padding: 0;}
.type-slider.text-below-on-xs .captions {background-color: transparent; display: inline-block;}
.slider-dots, .type-slider.text-below-on-xs .slide-wrapper small:nth-of-type(2)::before{display: none;}
}
@media (max-width: 549.98px){
.type-slider .slide-wrapper .caption.top.left {padding: 20px;}
.type-slider .slide-wrapper .subcaption small {font-size: 27px;}
.type-slider .slide-wrapper .subcaption small:nth-of-type(2) {font-size: 16px;}
.type-slider .slide-wrapper .caption strong {font-size: 20px;}
.type-slider .btn {font-size: 17px ! Important;}
}

/********* LISTEN ***********/
.list-entry .teaser {box-shadow: 0px 0px 5px -1px rgba(0, 0, 0, .3);  background: #fff;}
.list-entry.teaser-tile .body {padding: 10px 20px 25px;}
.list-content .list-append-position {text-align: center; border-top: 1px solid #ccc; display: block; margin-top: 50px; padding-top: 50px; position: relative;}
.list-pagination .btn.btn-append {-webkit-transition: all 0.2s ease-in-out; background: #0061A3;  color: #fff; display: block; 
 font-size: 16px; margin: -40px 0 0 -40px; position: absolute; bottom: 33px; left: 50%; text-align: center; text-transform: uppercase; width: 100px;}
.list-pagination .btn.btn-append:hover {border-color: #eee; background: #e2001a;}
.list-entries.row-square ~ .list-pagination, .list-entries.row ~ .list-pagination {margin-top: 40px;}

/********* JOBS ***********/
.type-job .teaser-text {font-size: 85%;     font-weight: 300;}
.detail-page.type-job .detail-visual p {margin: 20px 0 34px 0;}
.type-job.teaser .body {padding:15px 30px 30px !Important}
.type-job.teaser .intro-headline {font-size: 20px; font-weight: 400;}
.type-job.teaser.piece {border-radius: 15px 0 15px; box-shadow: 2px 6px 13px -1px rgb(0 0 0 / 17%);}
.detail-page .image-src-box.presized img:not(.detail-page.type-contact .image-src-box.presized img) {border-radius: 95% 1% 92% 1% / 1% 95% 1% !important;}
.type-job.detail-page .detail-visual .visual-text{font-weight: 300;}
.type-job.detail-page .headline{font-size: 40px; font-weight: 400; margin-bottom: 20px 0;}
.type-job.detail-page h2{font-size: 32px; font-weight: 400;}
.type-job .detail-content .paragraph, .detail-page.type-job .detail-visual p {padding: 30px; border-radius: 95% 1% 92% 1% / 1% 95% 1% !important; box-shadow: 0px 0px 5px -1px rgba(0, 97, 163, 1);}
.type-job.detail-page .attachment-container{margin-top: 40px;}

/********* NEWS ***********/
.teaser-tile .teaser.piece {border-radius: 95% 1% 92% 1% / 1% 95% 1% !important;}
.type-article .teaser-text{font-size: 16px; font-weight: 300;}
.type-article .intro-headline > .intro {background: #e2001a; max-width: max-content; padding: 5px 11px; margin-bottom: 8px; font-weight: 400; font-size: 13px;color: #fff; border-radius: 95% 1% 92% 1% / 1% 95% 1% !important;}
.type-article .teaser-tile .teaser.piece > .body > .heading .headline {font-weight: 400;}


/********* Counter *********/
.features:after {display: none;}
.row-count {max-width: 80%;margin: 0 auto; color: #444;}
.features span.counter {font-size: 85px;  font-weight: 700;display: inline-block; margin-bottom: -20px; display: flex; justify-content: center;}
.features-info {display: block; font-size: 20px; font-weight: 400; padding-top: 20px; border-top: 2px solid #444; max-width: 80%; margin: 0 auto; margin-top: 20px;}
.features-info.no-bt{border-top: 0;}
.features {text-align: center;}
.counter-plus {font-weight: 500; font-size: 30px;}
.zusatz{font-size: 40px; color: #444; font-weight: 400; display: flex; flex-direction: column; justify-content: center; margin-left: 7px; border-radius: 95% 1% 92% 1% / 1% 95% 1% !important;}

@media (max-width: 549.98px) {
.features span.counter {font-size: 60px;}
.features-info {font-size: 17px;}
}
/* ################ Back to Top ################ */
#topcontrol::after {content: "\f077";}
#topcontrol {display: none; color: #0061A3; background: transparent;}
@media (min-width: 1014px) {
    #topcontrol {bottom: 35px;}
}
/********* NORMAL-ACC *********/
.colored-row .accordion {border: 0; }
.accordion  {border-color: #e2001a; box-shadow: none; --my-at-margin-between: 1.5rem; margin-left: 18px; --my-at-border: 0; border: 1px solid; border-color: #e2001a; }
.accordion .acco-body {padding: 10px 30px 30px;background-color: #fff; margin-top: 10px;  border-radius: 94% .4% 95% .3% / .4% 95% .4% !important;}
h2.acco-header {padding-bottom: 0;}
.accordion .acco-header .acco-toggle[aria-expanded=true] {color: #fff;
    background-color: #0067AC;
    border-color: transparent;}
.accordion .acco-header .acco-toggle {padding: 1.5rem 1.5rem; padding-left: 30px; font-weight: 400; overflow: visible; background-color: #fff; border-radius: 94% .4% 95% .3% / .4% 95% .4% !important;}
.accordion .acco-header .acco-toggle.collapsed::before {content: "\f061"; font-family: ForkAwesome; transform: rotate(360deg); top: 14px; transition: transform 0.33s;}
.accordion .acco-header .acco-toggle.collapsed::after, .accordion .acco-header .acco-toggle::after {display: none;}
.accordion .acco-header .acco-toggle:hover {color: #e2001a; background-color: #f3f3f3; border-color: #e2001a;}
.accordion .acco-header .acco-toggle:hover::before {color: #e2001a; border-color: #e2001a;}
.accordion .acco-header .acco-toggle::before {color: #e2001a; font-family: ForkAwesome; font-weight: 300; line-height: .8; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f068"; position: absolute; display: flex; justify-content: unset; align-items: unset; top: 17px; height: auto; transform: none; transition: transform .33s; right: unset;
    left: -18px; font-size: 4rem; padding: 0; background-color: transparent;}
.accordion .acco-header .acco-toggle:hover {
    color: #fff;
    background-color: #0067AC;
    border-color: transparent;

    font-weight: 500;
}
.colored-row.bg-grey .accordion .acco-header .acco-toggle:hover, .colored-row.bg-grey  .accordion .acco-header .acco-toggle[aria-expanded=true]  {background-color: #f4f4f4; color: #000;}
.colored-row.bg-grey .acco-body {color: #000;}
@media (max-width: 1013.98px) {
.accordion .acco-header .acco-toggle {font-size: 1.8rem;}
.accordion .acco-header .acco-toggle.collapsed::before, .accordion .acco-header .acco-toggle::before {font-size: 3rem;}
}

@media (max-width: 763.98px) {
.accordion .acco-body {padding: 20px 15px 30px;}
.accordion .acco-header .acco-toggle {font-size: 1.6rem;}
.accordion .acco-header .acco-toggle.collapsed::before, .accordion .acco-header .acco-toggle::before {font-size: 2.5rem;}
}

@media (min-width: 1014px) {
.accordion .acco-header .acco-toggle {font-size: 2.7rem;}
.small-hl .accordion .acco-header .acco-toggle {font-size: 23px;}
}

/********* ZITAT-SLIDER *********/
.zitat.type-slider .image-src-box.presized img{border-radius: 50% !Important;}
.zitat.type-slider .slide-wrapper .caption.right {background:#e2001adb url("/.galleries/bilder/.system/quote.png") no-repeat 90% 50%; background-size: 150px; padding: 30px; outline: 4px dotted #fff; 	outline-offset: -10px; border-radius: 20px 20px 20px 0;}
.zitat.type-slider .slider-box {border-radius: 0 !important; border: 0;}
.zitat.type-slider .slide-wrapper .caption small:first-of-type {letter-spacing: 0; font-family: unset; font-weight: 300;}
.zitat.type-slider .slide-wrapper .caption small:nth-of-type(2){text-align: right !important;}

@media (min-width: 764px) {
.zitat.type-slider .slide-wrapper .visual {max-width: 50%;}
.zitat.type-slider .slide-wrapper {overflow: visible;}
.zitat.type-slider .slide-wrapper .caption.bottom, .zitat.type-slider .slide-wrapper .caption.right {max-width: 60%;}
.zitat.type-slider .slide-wrapper .caption strong, .zitat.type-slider .slide-wrapper .caption small:first-of-type, .zitat.type-slider .slide-wrapper .caption small:nth-of-type(2) {text-align: center;       		font-size: 1.6rem; font-weight: 300;}
}

@media (min-width: 1014px) {
.zitat.type-slider .slide-wrapper .caption strong, .zitat.type-slider .slide-wrapper .caption small:first-of-type, .zitat.slide-wrapper .caption small:nth-of-type(2) {font-size: 2.4rem;}
}

@media (max-width: 763.98px) {
.zitat.type-slider .slide-wrapper .caption strong, .zitat.type-slider .slide-wrapper .caption small:first-of-type, .zitat.slide-wrapper .caption small:nth-of-type(2), .zitat.type-slider .slide-wrapper .caption    	small:nth-of-type(2) {font-size: 1.4rem !important; font-weight: 300; text-align: center;}
.zitat.type-slider .slide-wrapper .caption.right {top: 75%; border-radius: 0 20px 20px 20px ;}
.zitat.type-slider .slide-container {overflow: visible; padding-bottom: 230px;}
}

@media (max-width: 551.98px) {
.zitat.type-slider .slide-container {padding-bottom: 300px;}
}

/********* CONTACT-PERS *********/
.type-contact.color1 {background: linear-gradient(185deg, rgba(0, 73, 123, 1) 0%, rgba(0, 105, 176, 1) 100%);color: #fff; border-radius: 95% 1% 92% 1% / 1% 95% 1% !important;}
.type-contact.color1 .fn.n, .type-contact.color1 a {color: #fff;}
.type-contact.color1 .body {box-shadow: none;}
.type-contact .body{box-shadow: 0px 0px 3px -1px rgba(0, 0, 0, .6); padding: 30px !important; border-radius: 15px 0; font-size: 18px; border-radius: 95% 1% 92% 1% / 1% 95% 1% !important;}
.contact-pers img{border-radius: 50% !important; padding: 15px;}
.type-contact .h4{font-size: 18px; font-weight: 300;}
.type-contact h3{font-size: 25px;}
.type-contact .fn.n {font-weight: 400;
}
.type-contact .fa-mobile:before {font-size: 26px; top: 4px; position: relative;}

@media (max-width: 763.98px) {
.contact-pers {display: flex; align-items: center;}
}
@media (max-width: 551.98px) {
.contact-pers {display: block;}
.type-contact .body{font-size: 17px;}
.type-contact h3{font-size: 21px;}
.type-contact.h4{font-size: 17px;}
}

@media (min-width: 764px) {
.type-contact .contact-pers .body
	{position: relative;
    left: -20px;
    background: #fff;
	margin-top: 60px;
    max-height: max-content;}
 .type-contact .contact-pers.full .body {
    left: 20px;
	max-width: 90%;
    margin-top: -50px;}
.type-contact .contact-pers .visual{position: relative;
    right: -34px;}
	}

/********* boxen *********/

/*######################### Offset-Elemente #######################*/
.type-contact.box a {color: #fff;}
.box.off {
    border-radius: 0;}
.box.color2 .btn, .box.color3 .btn, .box.color1 .btn   {    background-color: transparent; border: 2px solid #fff; }
.box.off {padding: 40px; display: flex; align-items: center; flex-direction: column; }
.box.color1 {background: linear-gradient(to top, #36a9e1 6%, #1f97d1 33%, #0f70b7 99%); background: linear-gradient(185deg, rgba(0, 73, 123, 1) 0%, rgba(0, 105, 176, 1) 100%);}
.box.color3 {background: rgb(119,119,119);
background: linear-gradient(185deg, rgba(119,119,119,1) 47%, rgba(153,153,153,1) 100%);}
.box.color2 {background: rgb(226,0,26);
background: linear-gradient(185deg, rgba(226,0,26,1) 40%, rgba(255,30,56,1) 100%);}
.box.off .link {    width: 100%;}



.box.color1 h2, .box.color3 h2, .box.color2 h2, .box.color1 h3, .box.color3 h3, .box.color2 h3, .box.color1 .body, .box.color3 .body, .box.color2 .body, .box h4 {color: #fff;}
.flex-col .box {flex-grow: 1 !important;}

@media (min-width: 1014px) {
	.box.off {padding: 40px; display: flex;     justify-content: center; }


}
@media (min-width: 1400px) {
	.box.off {padding: 70px;}

}

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

.slider-nav-btn::before {width: 60px;
    height: 60px;
    background-size: 45px;
    border-radius: 50%;
}
.type-slider .slide-wrapper .visual {
    position: relative;
    max-width: 60%;
}
.use-embla-slider.hero-slider .slide-wrapper .caption {background-color: #f3f3f3;

    transition: opacity 1.5s linear;
    opacity: 0;
    
    height: 100%;
}

.type-slider .slide-wrapper .caption.right {
    right: 0; border-radius: 0 0 25px 0;
    text-align: center;     display: flex;
    flex-direction: column;
    justify-content: center;background: rgb(0, 73, 123);
    background: linear-gradient(185deg, rgba(0, 73, 123, 1) 0%, rgba(0, 105, 176, 1) 100%); padding: 30px;    height: 100%;
    max-width: 39.3%;
	border-width: 4px 4px 5px !important;
  border-radius: 95% 1% 92% 1% / 1% 95% 1% !important;
}


.type-slider .slide-wrapper .caption strong, .type-slider .slide-wrapper .caption small {color: #555;
    text-shadow: none;}

.type-slider .slide-wrapper .subcaption small {
    font-size: 30px;
    font-weight: 400;
    display: block;
    line-height: 1.1;
    margin: 15px 0;
    text-shadow: none;
}
.type-slider .slide-wrapper .subcaption small:nth-of-type(2) {
    color: #fff;
    text-shadow: none ! Important;
    padding: 0 !important;
    font-size: 19px;
    font-weight: 300;
    line-height: 1.3;
}
.type-slider .slide-wrapper .caption strong { font-size: 25px; font-weight: 300; display: block; line-height: 1; text-shadow: none; color: #fff;}
.type-slider .slide-wrapper .caption {text-align: left !important;}
.type-slider .image-src-box.presized img, .area-wide.area-full-row .type-slider .slide-wrapper img {
    border-radius: 15px 0 0px 0 !important;border-width: 4px 4px 5px !important;
  border-radius: 95% 1% 92% 1% / 1% 95% 1% !important;
}
@media (min-width: 764px) {
.type-slider .slide-wrapper .subcaption small {
    font-size: 35px;         padding-bottom: 10px;}
	

.slide-green .use-embla-slider.hero-slider .slide-wrapper.slide-active .caption {background: linear-gradient(to top, #36a9e1 6%,#1f97d1 33%,#0f70b7 99%);}
.head-slider img {border-radius: 50%;}
.type-slider .slide-wrapper .visual {
    position: relative;
    
}
.type-slider .slide-wrapper.slide-active .caption {
    padding: 50px;
}
    .type-slider .slide-wrapper .caption strong {
        font-size: 3rem;
		        padding-bottom: 10px;
    }
}


@media (min-width: 1200px) {
.type-slider .slide-wrapper .subcaption small {
    font-size: 34px;         padding-bottom: 10px;}
	}

@media (min-width: 1400px) {
.type-slider .slide-wrapper .subcaption small {
    font-size: 45px;         padding-bottom: 10px;}
	}
@media (max-width: 1399.98px) {
	.type-slider .slide-wrapper .caption small {}
	.type-slider .slide-wrapper .caption strong {font-size: 2rem;}
	.type-slider .slide-wrapper .subcaption small:nth-of-type(2) {font-size: 14px;}

}
@media (max-width: 1199.98px) {
	.type-slider .slide-wrapper .caption small:nth-of-type(2) {display: none;}
	.type-slider .slide-wrapper .caption small:nth-of-type(2) a.btn-start {display: block;}


}
@media (max-width: 1013.98px) {
	
	.type-slider .slide-wrapper .caption strong {font-size: 1.8rem; line-height: 1.2;}

}
@media (max-width: 551.98px) {
	.type-slider .slide-wrapper .caption.right {padding: 15px;}
	.type-slider .slide-wrapper .caption strong {font-size: 1.2rem;}
	.type-slider .slide-wrapper .subcaption small {font-size: 1.6rem;}
	}
	
/* ################ Zitat-Slider ######################## */
.type-slider.testi .slide-wrapper .caption {background: linear-gradient(185deg, rgba(0, 73, 123, 1) 0%, rgba(0, 105, 176, 1) 100%);    padding: 40px;}
    .type-slider.testi .slide-wrapper .caption strong {
        font-size: 20px;
        line-height: 1.3;
    }
.type-slider.testi .slide-wrapper .subcaption small {
        font-size: 18px; color: #fff; text-align: right;
    }
@media (max-width: 763.98px) {
	.type-slider.testi .slide-wrapper .caption strong {
    font-size: 26px;
     padding-bottom: 10px;
}
	.type-slider.testi .slide-wrapper .visual {max-width: unset;
    margin-bottom: 5px;}
}
@media (min-width: 764px) {

 .type-slider.testi .slide-wrapper .caption {
        padding: 40px;
        display: flex;
        justify-content: center; flex-wrap: wrap;
        flex-direction: column; max-width: 58.8%;
        right: 0;
        left: unset;
  height: 100%;
       }
	.type-slider.testi {overflow-y: visible;}
    .type-slider.testi .slide-wrapper .visual {
        position: relative;
        max-width: 41%;
    }
	.type-slider.testi .slide-wrapper .caption strong {
        font-size: 30px;
    }
	
}
@media (max-width: 1013.98px) and (min-width: 764px) {

	    .type-slider.testi .slide-wrapper .visual {max-width: 50%;}
		.type-slider.testi .slide-wrapper .caption {margin-top: 40px;  display: flex;
        justify-content: flex-end;
        flex-wrap: wrap;
        flex-direction: row;}
		.type-slider.testi {margin-bottom:40px;}

}
@media (min-width: 1014px) {
   .type-slider.testi {margin-bottom:100px;}
   .type-slider.testi .slide-wrapper .caption { margin-top: 100px;}
}
@media (min-width: 1400px) {
    .type-slider.testi .slide-wrapper .caption {
        padding: 70px;
    }
}