/* CSS Document */
/*Dark blue: #002F5E
Lighter blue: #005496
Dark orange: #F15A22
Lighter orange: #F58220*/
@font-face {
    font-family: 'Museo';
    src: url(/assets/fonts/museo/MuseoSans_100Web.eot);
    src: url(/assets/fonts/museo/MuseoSans_100Web.eot?iefix) format('embedded-opentype'),
    url(/assets/fonts/museo/MuseoSans_100Web.woff) format('woff');
    font-weigth: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Museo';
    src: url(/assets/fonts/museo/MuseoSans_900Web.eot);
    src: url(/assets/fonts/museo/MuseoSans_900Web.eot?iefix) format('embedded-opentype'),
    url(/assets/fonts/museo/MuseoSans_900Web.woff) format('woff');
    font-weight: bold;
    font-style: normal;
}

/* Allgemein */
* {
    font-family: "Museo";
}

body {
    color: #002F5E;
    font-size: 18px;
}

ul {
    list-style-image: url(/assets/images/bullet-point.png);
    margin-left: -25px;
}

.main-content h1 {
    color: #002F5E;
    font-size: 60px;
    font-weight: bold;
    margin-top: 181px;
    text-transform: uppercase;
}

h1 {
    color: #002F5E;
    font-size: 60px;
    font-weight: bold;
    margin-top: 181px;
    text-transform: uppercase;
}

h1.datenschutz {
    color: inherit;
    font-size: 30px;
    font-weight: bold;
    line-height: 1.1;
    margin-bottom: 10px;
    margin-top: 20px;
    text-transform: initial;
}

h1.h1-big-headline {
    color: white;
    font-size: 50px;
    font-weight: bold;
    line-height: 75px;
    margin-bottom: 25px;
    margin-top: 0px;
    position: relative;
    text-transform: uppercase;
}

a:hover {
    text-decoration: none;
}

a.inline {
    color: #ef7c00;
    font-weight: bold;
}

img {
    height: auto;
    max-width: 100%;
}

.subline-blue {
    color: #002F5E;
    font-size: 26px;
    font-style: italic;
    line-height: 30px;
    margin-top: 40px;
}

h2.h2-subline-blue {
    color: #002F5E;
    font-size: 26px;
    font-style: italic;
    font-weight: normal;
    line-height: 30px;
    margin-top: 40px;
}

.key-facts {
    font-size: 16px;
}

.job {
    margin-top: 40px;
    padding-right: 15px;
}

.job-intro {
    margin-top: 40px;
}

.job-list {
    margin-top: 30px;
    padding-right: 40px;
}

.mail-link {
    color: #F58220;
}

.first-row {
    margin-top: 60px;
}

.first-content {
    margin-top: 60px;
}

.second-content {
    margin-top: 120px;
}

.third-content {
    margin-top: 120px;
}

.fourth-content {
    margin-top: 120px;
}

.fifth-content {
    margin-top: 120px;
}

.bot-placholder {
    height: 120px;
}

h2 {
    font-weight: bold;
}

h3 {
    font-size: 18px;
    font-weight: bold;
}

.videos h3 {
    margin-bottom: 40px;
}

h3.tab-title {
    color: white;
    display: block;
    font-size: 18px;
    font-weight: normal;
    line-height: 60px;
    margin: 0 0 10px;
}

h4 {
    font-weight: bold;
}

hr {
    background-color: #ff6600;
    border: none;
    color: #ff6600;
    height: 1px;
}

.location-wrapper {

}

.location-container {
    margin-bottom: 120px;
}

.roadshow-container {
    margin-bottom: 40px;
}

.management-image {
    border-radius: 100%;
    margin-top: 70px;
    width: 180px;
}

.management-image-container p {
    margin-left: 0px;
}

.icon-desc{
    font-size: 16px;
}

.fab, .fas{
    font-size: 14px;
}

.icon-list-item-border {
    border-right: 1px solid #ddd;
    padding-right: 10px;
}

.custom-icon-list{
    padding-top: 20px;
}

.name {
    font-weight: bold;
    line-height: 1em;
    margin-top: 40px;
}

.role {
    font-size: 16px;
    font-style: italic;
    line-height: 1em;
    min-height: 32px;
}

@media screen and (min-width: 768px) and (max-width: 1024px){
    .role {

        min-height: 48px
    }
}

#english-logo {
    background: none !important;
    border-bottom: none !important;
}

.standorte-wrapper {
    background: url(/assets/images/standorte-background-1500.png) no-repeat center center;
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
    color: white;
    height: 100%;
    margin-top: 120px;
    padding-bottom: 100px;
    padding-top: 80px;
    width: 100%;
}

.subline-standort {
    font-size: 26px;
    font-style: italic;
    margin-bottom: 70px;
}

.standorte-dots {
    margin-right: 15px;
}

.standorte-dots-big {
    cursor: pointer;
    float: left;
    margin-left: 20px;
    margin-right: 20px;
}

.arrow-float-right-new {
    float: right;
    font-size: 20px;
    margin-right: 20px;
}

.standorte-list {
    font-size: 16px;
}

.standorte-list2 {
    font-size: 16px;
}

.first-partner-row {
    border-top: none !important;
    margin-top: 130px;
    padding-top: 0px !important;
}

.partner-row {
    border-top: 1px solid #d7d7d7;
    padding-bottom: 65px;
    padding-top: 65px;
}

.partner-row:hover {
    cursor: pointer;
}

.partner-img-wrapper {
    opacity: 0.65;
}

.partner-row:hover > .partner-img-wrapper {
    opacity: 1;
}

.partner-name {
    font-weight: 900;
    margin-bottom: 0px;
}

.partner-type {
    font-style: italic;
}

.partner-link {
    color: #F58220;
    display: none;
    font-size: 16px;
    margin-top: 30px;
}

.kompetenz-image-wrapper {
    border-left: 1px solid #d7d7d7;
    border-top: 1px solid #d7d7d7;
}

.kompetenz-image-wrapper-last {
    border-left: 1px solid #d7d7d7;
    border-right: 1px solid #d7d7d7;
    border-top: 1px solid #d7d7d7;
}

.kompetenz-row {
    border-bottom: 1px solid #d7d7d7;
}

.kompezent-first-row {
    margin-top: 70px;
}

.arrow-float-right {
    float: right;
    margin-right: 20px;
    margin-top: 30px;
}

.arrow-button {
    margin-right: 0px;
}

.cite-wrapper {
    background: linear-gradient(to right, #002F5E, #005496);
    background-image: -webkit-gradient(linear, left top, right top, from(#F15A22), to(#F58220));
    background-image: -webkit-linear-gradient(left, #F15A22, #F58220);
    background-image: linear-gradient(left, #F15A22, #F58220);
    background-image: -moz-linear-gradient(left, #F15A22, #F58220);
    background-image: -o-linear-gradient(left, #F15A22, #F58220);
    background-image: linear-gradient(to right, #F15A22, #F58220);
    color: white;
    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=1, StartColorStr=#F15A22, EndColorStr=#F58220);
    font-style: italic;
    height: auto;
    padding-bottom: 75px;
    padding-top: 85px;
    width: 100%;
}

.cite-text {
    font-size: 38px;
    font-style: italic;
    line-height: 40px;
    margin-bottom: 3px;
}

.cite-right {
    bottom: 0;
    float: left;
    position: relative;
}

.cite-company {
    font-size: 14px;
}

.cite-name {
    margin-bottom: 0px;
}

/* Buttons */
.buttons {
    margin-top: 60px;

}

.buttons-follow {
    margin-top: 10px;
}

.standorte-button {
    background: linear-gradient(to right, #002F5E, #005496);
    background-image: -webkit-gradient(linear, left top, right top, from(#002F5E), to(#005496));
    background-image: -webkit-linear-gradient(left, #002F5E, #005496);
    background-image: linear-gradient(left, #002F5E, #005496);
    background-image: -moz-linear-gradient(left, #002F5E, #005496);
    background-image: -o-linear-gradient(left, #002F5E, #005496);
    background-image: linear-gradient(to right, #002F5E, #005496);
    color: white;
    cursor: pointer;
    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=1, StartColorStr=#002F5E, EndColorStr=#005496);
    margin-bottom: 30px;
    padding-bottom: 15px;
    padding-top: 15px;
}

.standorte-button p {
    margin-bottom: 0px;
}

.blue-button {
    background: linear-gradient(to right, #002F5E, #005496);
    background-image: -webkit-gradient(linear, left top, right top, from(#002F5E), to(#005496));
    background-image: -webkit-linear-gradient(left, #002F5E, #005496);
    background-image: linear-gradient(left, #002F5E, #005496);
    background-image: -moz-linear-gradient(left, #002F5E, #005496);
    background-image: -o-linear-gradient(left, #002F5E, #005496);
    background-image: linear-gradient(to right, #002F5E, #005496);
    color: white;
    cursor: pointer;
    display: block;
    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=1, StartColorStr=#002F5E, EndColorStr=#005496);
    height: auto;
    line-height: 60px;
    padding-left: 20px;
    width: 100%;
}

.blue-button-text {
    /*display: hidden;*/
    border: 1px solid #002F5E;
    display: none;
    height: auto;
    margin-bottom: 15px;
    margin-top: -10px;
    padding: 40px;
    width: 100%;
}

.after-buttons {
    margin-top: 60px;
}

.corima-wrapper {
    background: linear-gradient(to right, #F15A22, #F58220);
    background-image: -webkit-gradient(linear, left top, right top, from(#F15A22), to(#F58220));
    background-image: -webkit-linear-gradient(left, #F15A22, #F58220);
    background-image: linear-gradient(left, #F15A22, #F58220);
    background-image: -moz-linear-gradient(left, #F15A22, #F58220);
    background-image: -o-linear-gradient(left, #F15A22, #F58220);
    background-image: linear-gradient(to right, #F15A22, #F58220);
    color: white;
    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=1, StartColorStr=#F15A22, EndColorStr=#F58220);
    height: auto;
    padding-bottom: 80px;
    padding-top: 80px;
    position: relative;
    width: 100%;
}

.corima-logo {
    position: absolute;
    right: 0;
}

.corima-heading,
h2.h2-corima-heading {
    font-size: 38px;
    font-weight: normal;
    line-height: 40px;
}

.corima-subline {
    font-style: italic;
}

.corima-link {
    color: white;
    display: inline;
    font-size: 20px;
    font-weight: bold;
    padding: 5px;
    width: auto;
}

.corima-link a {
    background: none;
    color: white;
}

.corima-link a:hover {
    color: white;
    text-decoration: none;
}

.corima-icons {
    align-items: stretch;
    display: flex;
    justify-content: space-between;
    max-width: 365px;
}

.corima-link-wrapper {
    margin-bottom: 40px;
    margin-top: 40px;
}

.corima-screen {
    position: relative;
    top: 80px;
}

.location-cops {
    font-size: 16px;
    font-style: italic;
}

.location-small {
    font-size: 16px;
}

.location-small a {
    color: #F58220;
}

.location-small a:hover {
    color: #002F5E;
}

.location-verysmall {
    font-size: 12px;
}

/* Navbar */
.navbar {
    background: linear-gradient(to right, #002F5E, #005496);
    background-image: -webkit-gradient(linear, left top, right top, from(#002F5E), to(#005496));
    background-image: -webkit-linear-gradient(left, #002F5E, #005496);
    background-image: linear-gradient(left, #002F5E, #005496);
    background-image: -moz-linear-gradient(left, #002F5E, #005496);
    background-image: -o-linear-gradient(left, #002F5E, #005496);
    background-image: linear-gradient(to right, #002F5E, #005496);
    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=1, StartColorStr=#002F5E, EndColorStr=#005496);
    min-height: 60px;
}

.navbar-default .navbar-nav > li > a {
    border-left: solid 1px #6699C0;
    color: white;
    font-size: 16px;
    min-height: 60px;
    padding-top: 20px;
}

.navbar-default {
    border-bottom: solid 1px #6699C0;
}

.navbar-nav .currentpage {
    background-color: #002F5E;
    border-bottom: solid 1px #6699C0;
    color: white;
}

.navbar-default .navbar-nav > li > .dropdown-toggle {
    color: #8ca3cc;
    font-size: 12px;
}

.navbar-default .navbar-nav > li > a.button span,
.corima-mobile-button.button span {
    background-color: #ef7c00;
    border-radius: 16px;
    color: white;
    letter-spacing: 0.03em;
    margin: 0 10px;
    padding: 8px 14px;
    transition: background-color .5s;
}

.navbar-default .navbar-nav > li > a.button:hover span,
.corima-mobile-button.button:hover span {
    background-color: #e84d0e;
}

.navbar-nav li:last-child a {
    border-left: none;
}

.corima-mobile-button.button {
    float: right;
    margin: 17px;
}


.logo-small {
    margin-top: 4px;
}

.rotateOn {
    -moz-transform: rotate(180deg) !important;
    /*-webkit-transform-origin: 0 50%;*/
    -ms-transform: rotate(180deg) !important;
    -webkit-transform: rotate(180deg) !important;
    transform: rotate(180deg) !important;
    -moz-transition: all 0.4s ease-in;
    -o-transition: all 0.4s ease-in;
    -webkit-transition: all 0.4s ease-in;
    transition: all 0.4s ease-in;

}

/*scribbles*/
.computer {
    max-height: 170px;
}

.pfeil {
    max-height: 170px;
}

.cb {
    max-height: 200px;
}

.modular {
    max-height: 190px;
}

.rufzeichen {
    margin-top: 40px;
    max-height: 160px;
}

.scribble {
    display: none;
}

/* Startseite new */
.startpage-content {
    margin-bottom: 120px;
    margin-top: 120px;
    width: 100%;
}

.img-start {
    margin-bottom: 30px;
    width: 100%;
    height: 218px;
    object-fit: cover;
    object-position: top;
}

.start-button {
    border: 1px solid #002F5E;
    color: #002F5E;
    display: inline-block;
    font-size: 16px;
    margin-top: 10px;
    padding-bottom: 5px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 5px;

}

.start-button:hover {
    background-color: #002F5E;
    color: white;
    cursor: pointer;
}

/* impressum */
.impressum-small {
    font-size: 11px;
}

.impressum-heading {
    margin-bottom: 60px;
}

.start-text > .row,
.fusion-text > .row{
    max-width: 100%;
}

/* footer */
.footer-wrapper {
    background: linear-gradient(to right, #F15A22, #F58220);
    background-image: -webkit-gradient(linear, left top, right top, from(#F15A22), to(#F58220));
    background-image: -webkit-linear-gradient(left, #F15A22, #F58220);
    background-image: linear-gradient(left, #F15A22, #F58220);
    background-image: -moz-linear-gradient(left, #F15A22, #F58220);
    background-image: -o-linear-gradient(left, #F15A22, #F58220);
    background-image: linear-gradient(to right, #F15A22, #F58220);
    color: white;
    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=1, StartColorStr=#F15A22, EndColorStr=#F58220);
    font-size: 16px;
    height: auto;
    padding-bottom: 10px;
    padding-top: 30px;
    width: 100%;
}

.footer-wrapper a {
    color: white;
}

.footer-wrapper a:hover {
    color: white;
    text-decoration: none;
}

.footer-wrapper .currentpage {
    background: none;
}

.lug {
    color: #FDC99B !important;
    font-size: 11px;
}

.bottom-wrapper {
    background: linear-gradient(to right, #002F5E, #005496);
    background-image: -webkit-gradient(linear, left top, right top, from(#002F5E), to(#005496));
    background-image: -webkit-linear-gradient(left, #002F5E, #005496);
    background-image: linear-gradient(left, #002F5E, #005496);
    background-image: -moz-linear-gradient(left, #002F5E, #005496);
    background-image: -o-linear-gradient(left, #002F5E, #005496);
    background-image: linear-gradient(to right, #002F5E, #005496);
    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=1, StartColorStr=#002F5E, EndColorStr=#005496);
    height: 0px;
    width: 100%;
}

@media screen and (max-height: 677px) {
    .start-text {
        margin-top: 50px !important;
        position: relative !important;
    }
    .fusion-text {
        margin-top: 200px !important;
        position: relative !important;
    }

    .big-headline,
    h1.h1-big-headline {
        font-size: 35px !important;
        line-height: 45px !important;
    }
}

@media screen and (max-height: 880px) {
    .start-text {
        margin-top: 90px !important;
    }

    .fusion-text {
        margin-top: 190px !important;
    }

    .big-headline,
    h1.h1-big-headline {
        font-size: 40px !important;
        line-height: 50px !important;
    }
}

@media (min-width: 992px) and (max-width: 1199) {
    .corima-screen {
        position: relative;
        top: 120px;
    }
}

/* not in mobile */
@media (min-width: 768px) {
    .navbar-right {
        margin-right: 0px;
        position: absolute;
        right: 0px !important;
    }

    .navbar-default .navbar-nav > li > a:not(.button):hover {
        background-color: #002F5E;
        border-bottom: 1px solid #6699C0;
        color: white;
    }

    .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {
        color: white;
    }

    .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {
        background-color: #002F5E;
        color: white;
    }

    .dropdown-menu > li > a {
        color: #8ca3cc;
        font-size: 12px;
        padding: 15px;
        text-align: center;
    }

    .dropdown-menu > li > a:hover {
        background: none;
        color: white;
    }

    .dropdown-menu > li > a:focus {
        background: none;
        color: white;
    }

    .dropdown-menu {
        background-color: #005496;
        border: solid 1px #6699C0;
        border-radius: none;
        /* height: 50px; */
        box-shadow: none;
        margin-left: -3px;
        min-width: auto;
        width: 100%;
    }

    .standorte-list2 {
        margin-top: 49px;
    }

    .kompetenz-image-wrapper:hover {
        opacity: 0.5;
    }

    .kompetenz-image-wrapper-last:hover {
        opacity: 0.5;
    }

    .kompetenz-partner-wrapper {
        margin-bottom: 120px;
    }

}

@media (max-width: 991px) {
    .img-start {
        margin-top: 60px;
    }

    .startpage-content {
        margin-top: 60px;
    }

    .big-headline,
    h1.h1-big-headline {
        font-size: 50px !important;
        line-height: 60px !important;
    }

    .start-text {
        margin-top: 90px !important;
    }

    .fusion-text {
        margin-top: 510px !important;
    }

    .fusion-text .big-headline {
        font-size: 34px !important;
        line-height: 40px !important;
    }
}

.partner-logo {
    max-width: 100px;
    height: 130px;
    filter: grayscale(100%); /* Apply grayscale filter by default */
    transition: filter 0.3s; /* Add transition for smooth effect */


}

.partner-logo:hover {
    filter: grayscale(0%); /* Remove grayscale filter on hover */
}

.image-gallery {
    display: grid;
    grid-template-columns: repeat(7, 1fr); /* 7 columns */

    gap: 0px; /* Spacing between logos */
    justify-items: center; /* Center logos horizontally */
    align-content: start; /* Align content to the start of the grid container */


}

.image-gallery:before, .image-gallery:after {
    content: none;
    display: none;
}

@media screen and (max-width: 430px) {
    /* Custom CSS for small devices (e.g., mobile) */
    .image-gallery {
        grid-template-columns: repeat(2, 1fr); /* 2 columns on mobile */
    }
}


@media screen and (min-width: 431px) and (max-width: 767px){
    /* Custom CSS for small devices (e.g., mobile) */
    .image-gallery {
        grid-template-columns: repeat(3, 1fr); /* 3 columns on mobile */
    }
}

@media screen and (min-width: 768px) and (max-width: 1200px) {
    /* Custom CSS for small devices (e.g., mobile) */
    .image-gallery {
        grid-template-columns: repeat(5, 1fr); /* 5 columns on mobile */
    }
}


@media screen and (max-width: 768px) {

    .mobile-icon-list-top-margin {
        margin-top: -20px;
    }

    .management-image-container p {
        text-align: center;
    }

    .navbar-default .navbar-nav > li > a {
        border-left: none;
    }

    h1 {
        font-size: 35px !important;
        margin-top: 50px !important;
    }

    .subline-blue {
        font-size: 21px !important;
    }

    h2.h2-subline-blue {
        font-size: 21px !important;
    }

    .first-content {
        margin-top: 30px;
    }

    .start-text {
        margin-top: 120px !important;
    }

    .fusion-text {
        margin-top: 595px !important;
    }
    .fusion-text .big-headline {
        font-size: 32px !important;
        line-height: 39px !important;
        margin-bottom: 20px;
    }

    .fusion-text .subline {
        font-size: 20px;
    }

    .big-headline,
    h1.h1-big-headline {
        font-size: 50px !important;
    }

    .corima-heading,
    h2.h2-corima-heading {
        margin-top: 90px;
    }

    .navbar-default .navbar-toggle .icon-bar {
        background-color: #8DB2EB;
        transition: all 0.2s;
        width: 22px;
    }

    .navbar-toggle {
        background-color: transparent;
        background-image: none;
        border: 2px solid transparent;
        border-radius: 100%;
        margin-bottom: 8px;
        margin-right: 15px;
        margin-top: 8px;
        padding: 10px 7px;
    }

    .top-bar {
        -ms-transform: translate(3px, 0px) rotate(45deg); /* IE 9 */
        -webkit-transform: translate(3px, 0px) rotate(45deg); /* Safari */
        transform: translate(3px, 0px) rotate(45deg);
        transform-origin: 10% 10%;
    }

    .middle-bar {
        opacity: 0;
    }

    .bottom-bar {
        -ms-transform: translate(3px, 0px) rotate(-45deg); /* IE 9 */
        -webkit-transform: translate(3px, 0px) rotate(-45deg); /* Safari */
        transform: translate(3px, 0px) rotate(-45deg);
        transform-origin: 10% 90%;
    }

    .navbar-toggle.collapsed .top-bar {
        transform: rotate(0);
    }

    .navbar-toggle.collapsed .middle-bar {
        opacity: 1;
    }

    .navbar-toggle.collapsed .bottom-bar {
        transform: rotate(0);
    }

    .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
        background: none !important;
    }

    .navbar-default .navbar-nav > li > a:hover {
        color: white;
    }

    .navbar-default .navbar-collapse, .navbar-default .navbar-form {
        border-top: solid 1px #6699C0;
        margin-top: 5px;
    }

    .map-wrapper {
        height: 400px !important;
    }

    .partner-img-wrapper {
        margin-bottom: 40px;
    }
}

@media screen and (max-width: 492px) {
    .start-text {
        margin-top: 30px !important;
    }

    .fusion-text {
        position: relative !important;
        margin-top: 190px !important;
        margin-bottom: 100px;
    }

    .fusion-text .big-headline {
        font-size: 25px !important;
        line-height: 33px !important;
        margin-bottom: 20px;
    }

    .big-headline,
    h1.h1-big-headline {
        font-size: 20px !important;
        line-height: 27px !important;
        margin-bottom: 30px !important;
    }

    .subline {
        font-size: 20px !important;
    }

    .map-wrapper {
        height: 350px !important;
    }
}

/*Startseite*/
.main-content {
    padding-top: 50px;
    z-index: 100;
}

.start-text {
    margin-top: 180px;
    position: absolute;
    width: inherit;
    z-index: 1000;
}

.fusion-text {
    margin-top: 180px;
    position: absolute;
    width: inherit;
    z-index: 1000;
}

.big-headline {
    color: white;
    font-size: 45px;
    font-weight: bold;
    line-height: 50px;
    margin-bottom: 60px;
    position: relative;
    text-transform: uppercase;
}

.subline {
    color: white;
    font-size: 26px;
    font-style: italic;
    position: relative;
    z-index: 100;
}

.content1 {
    height: 1000px;
}

.wrapper {
    background-image: -webkit-gradient(linear, left top, right top, from(#002F5E), to(#005496));
    background-image: -webkit-linear-gradient(left, #002F5E, #005496);
    background-image: linear-gradient(left, #002F5E, #005496);
    background-image: -moz-linear-gradient(left, #002F5E, #005496);
    background-image: -o-linear-gradient(left, #002F5E, #005496);
    background-image: linear-gradient(to right, #002F5E, #005496);
    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=1, StartColorStr=#002F5E, EndColorStr=#005496);
    height: auto;
    min-height: 100vh;
    min-height: calc(100vh - 10px);
    padding-bottom: 25px;
    position: relative;
}

.logo-big-blue {
    bottom: 6px;
    opacity: 0;
    width: 100%;
    z-index: -1;
    z-value: 0;
}

.logo-big-blue-wrapper {
    background-image: url(/assets/images/logo-big-blue.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    bottom: 0px;
    height: auto;
    position: absolute;
    width: 100%;
    z-index: 0;
}

.orange-line {
    background: linear-gradient(to right, #F15A22, #F58220);
    background-image: -webkit-gradient(linear, left top, right top, from(#F15A22), to(#F58220));
    background-image: -webkit-linear-gradient(left, #F15A22, #F58220);
    background-image: linear-gradient(left, #F15A22, #F58220);
    background-image: -moz-linear-gradient(left, #F15A22, #F58220);
    background-image: -o-linear-gradient(left, #F15A22, #F58220);
    background-image: linear-gradient(to right, #F15A22, #F58220);
    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=1, StartColorStr=#F15A22, EndColorStr=#F58220);
    height: 10px;
    position: absolute;
    width: 100%;
    z-index: 100;
}

.agenda {
    margin: 50px 0;
    position: relative;
}

/*Google Map*/
.map-wrapper {
    height: 500px;
    margin-top: 10px;
    width: 100%;
}

#map-canvas {
    background-color: grey;
    height: 100%;
    width: 100%;
}

#map-image {
    background-image: url('/assets/images/cops-contact-location-map.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
}

@media (max-width: 768px) {
    #map-image {
        background-position: center 35%;
        background-size: auto;
    }
}

/*bootstrap corrections */
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    padding-left: 0px;
}

.row {
    padding-left: 15px;
}

.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths {
    margin-bottom: 60px;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
}

.col-xs-5ths {
    float: left;
    width: 20%;
}

@media (min-width: 768px) {
    .col-sm-5ths {
        float: left;
        width: 20%;
    }


}

@media (min-width: 992px) {
    .col-md-5ths {
        float: left;
        width: 20%;
    }
}

@media (max-width: 991px) {
    .standorte-wrapper {
        background: url(/assets/images/standorte-background-1160.png) no-repeat center center;
        -moz-background-size: cover;
        -o-background-size: cover;
        -webkit-background-size: cover;
        background-size: cover;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .size-check {
        min-height: 334px;
    }
}

@media (min-width: 1685px) {
    .standorte-wrapper {
        background: url(/assets/images/standorte-background-1920.png) no-repeat center center;
        -moz-background-size: cover;
        -o-background-size: cover;
        -webkit-background-size: cover;
        background-size: cover;
    }
}

@media (min-width: 1200px) {
    .col-lg-5ths {
        float: left;
        width: 20%;
    }
}

/*IPad*/
@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px)
and (orientation: landscape) {
    .big-headline {
        font-size: 50px;
        line-height: 55px;

    }

    .start-text {
        margin-top: 100px;
    }

}

/*height*/
.to-bottom-button {
    border-bottom: 2px solid #6699C0;
    border-right: 2px solid #6699C0;
    bottom: 30px;
    cursor: pointer;
    height: 20px;
    left: 0;
    margin-left: auto;
    margin-right: auto;
    position: absolute;
    right: 0;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 20px;
}

.is-flex {
    display: flex;
}

.is-flex > div {
    align-items: flex-end;
    display: flex;
}

blockquote {
    border-left: 5px solid #ef7c00;
    color: #002F5E;
    font-size: 26px;
    font-style: italic;
    line-height: 30px;
}

.gdpr-container {
    padding-bottom: 60px;
}

.gdpr-container .intro {
    padding-bottom: 30px;
}

.gdpr-container a {
    word-wrap: break-word;
}

ul.ul-dserklaerung li {
    padding-bottom: .5em;
}

/* Usertreff */
h1 span {
    font-size: 32px;
}

.usertreff .subline-blue {
    margin-bottom: 40px;
}

.usertreff .usertreff-headline {
    margin-top: 100px;
}

.usertreff .videos-treff > div {
    min-height: 290px;
}

.bg-blue {
    background: #002F5E;
    padding: 85px 0;
}

.bg-blue h2,
.bg-blue p,
.bg-blue h3,
.bg-blue a {
    color: #fff;
}

.bg-blue .vortrag {
    border-bottom: 1px solid white;
    padding: 20px 30px;
}

.bg-blue .vortrag h3 {
    font-weight: normal;
}

.bg-blue .vortrag img {
    height: 16px;
    width: auto;
    margin: auto 5px auto 0;
}

.bg-blue .vortrag .treff-btn {
    border: 1px solid white;
    display: inline-flex;
    float: right;
    padding: 11px 27px;
}

.videos-treff p {
    margin-bottom: 40px;
}

.bg-orange {
    background: #FF7300;
    padding: 65px 0;
}

.bg-orange .vortrag {
    display: flex;
}

.bg-orange .right {
    align-items: stretch;
    display: flex;
}

.bg-orange .right .col {
    align-self: flex-end;
    margin-left: 15%;
    padding-bottom: 5px;
}

.bg-orange p,
.bg-orange h3,
.bg-orange a {
    color: #fff;
    font-weight: normal;
}

.bg-orange h3 {
    font-size: 31px;
}

.bg-orange p {
    font-size: 20px;
    line-height: 28px;
}

.bg-orange .treff-btn {
    border: 1px solid white;
    display: block;
    float: right;
    font-size: 18px;
    margin-top: 15px;
    padding: 18px 27px;
    text-align: center;
    width: 100%;
}

.bg-blue.next {
    padding: 115px 0;
}

.bg-blue.next p {
    font-size: 36px;
    font-weight: bold;
    line-height: 46px;
    margin: 0 auto;
    max-width: 730px;
    text-align: center;
    text-transform: uppercase;
}

/* End Usertreff */

.interview-table tr {
    border-bottom: 1px solid;
}

.interview-table {
    line-height: 1.2em;
    margin-bottom: 4em;
    width: 100%;
}

.interview-table p {
    margin: .2em;
}

.interview-table td {
    padding: .2em 0;
}

.first-content p > br + strong {
    display: inline-block;
    padding-bottom: .8em;
}

/* Leitbild */

.flip-box-blue {
    background: transparent linear-gradient(147deg, #005496 0%, #002F5E 100%) 0% 0% no-repeat padding-box;
    box-shadow: 0 3px 6px #00000029;
    border-radius: 10px;
    width: 100%;
    padding: 4%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    align-content: center;
    position: relative;
    min-width: 250px;
    height: 380px;
    margin: 45px 0;
}

@media screen and (min-width: 768px) {
    .flip-box-blue {
        width: 30%;
        max-width: 308px;
    }
}

@media screen and (max-width: 767px) {
    .flip-box-blue {
        width: 90vw;
        margin: 45px auto;
        max-width: 300px;
    }
}

.dflex-div {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    min-height: 380px;
    position: relative;
}

p.text {
    color: #fff;
    text-align: center;
    margin: auto !important;
    width: 100%;
    line-height: 1.2em;
    font-size: 24px;
}

.flip-box-img-wrapper {
    height: 50%;
    max-height: 50%;
    display: flex;
    width: 100%;
    max-width: 100px;
}

.flip-box-img-wrapper img {
    object-fit: contain;
}

.flip-box-back {
    position: absolute;
    width: 100%;
    height: 100%;
    background: transparent linear-gradient(147deg, #005496 0%, #002F5E 100%) 0% 0% no-repeat padding-box;
    border-radius: 10px;
    top: 0;
    color: #fff;
    padding: 10%;
    font-size: 20px;
    line-height: 28px;
    display: flex;
    align-items: center;
    opacity: 0;
    pointer-events: none;
    transition: opacity .2s;
    text-align: center;
}

.flip-box-back p {
    margin: auto !important;
    max-width: 90%;
}

.flip-box-blue:hover .flip-box-back {
    opacity: 1;
    pointer-events: all;
}

.flip-box-orange-line {
    width: 48px;
    height: 0;
    border: 2px solid #FF6600;
}

.dflex-div:first-of-type {
    margin-top: 90px;
}

.contact-icon{
    color: #002f5e;
}


/* End Leitbild */


/* Jobs */

#jobs-headline{
    margin-top: 60px;
}

#job-stellen{
    margin-left: 0px!important;
}


/* End Jobs */


/* Jobs Slider */

.swiper-slide img {
    height: auto;
    width: 100%;
    max-height: 450px;
    object-fit: contain;
}

.swiper-container{
    margin-top: 8em;
    padding: 15px 50px 8px;
    border-color: #002F5E;
    border-top: 2px solid;
    border-bottom: 2px solid;
    max-width: 100%;
}

.swiper-container-inner{
    overflow: hidden;
}

.swiper-pagination-bullets {
    bottom: 0;
    top: 50px!important;
    left: 0;
    width: 100%;
}

.swiper-pagination {
    position: relative !important;
}

.swiper-pagination-bullet-active {
    background: #002F5E !important;
}



@media screen and (max-width: 768px){

    .swiper-container{
        padding: 15px 15px 8px;
    }
}


/* End Jobs Slider */



/* Jobs Accordion */

.caret-icon::before {
    content: "\f0da"; /* FontAwesome caret-right icon */
    font-family: 'Font Awesome 5 Free';
}

[aria-expanded="true"] .caret-icon::before {
    content: "\f0d7"; /* FontAwesome caret-down icon */
    font-family: 'Font Awesome 5 Free';
}


.panel-title > a{
    color: #002F5E;
}

.panel-group .panel {
    margin-bottom: 10px;
}

/* Jobs Accordion End */