/* Please see documentation at https://docs.microsoft.com/aspnet/core/client-side/bundling-and-minification
for details on configuring this project to bundle and minify static web assets. */

/*Allgemein*/
html { overflow-y: scroll; }
body { font-family: gotham-black !important;  }
a:hover { text-decoration: none; }
.container-1050 { width: 100%; margin-right: auto; margin-left: auto; max-width: 1050px; }
.nav-container-1050 { padding-right: 15px; padding-left: 15px; width: 100%; margin-right: auto; margin-left: auto; max-width: 1050px; }
.display-none { display: none; }
.display-table { display: table; width: 100%; height: 100%;}
.table-cell { display: table-cell; width: 100%;}
.table-bottom {vertical-align: bottom}
.full-width { width: 100%;}
.no-bullets { list-style: none; padding: 0;}
.contact { padding: 10px; line-height: 18px; }
.m-t9 { margin-top: 9px;}
.section { padding: 10px; margin-top: 5px;}
.section-header { line-height: 14px;  }
.section-step { padding-left: 5px; margin-top: 10px; padding-bottom: 15px;}
.section-steps { margin-top: 10px; line-height: 13px;}
.padding-10 { padding: 10px 0 10px 0;}
.card-border { border-color: #f4f4f4; border-style: solid; border-width: 1px 1px 0px 1px;}
.no-radius { border-radius: 0 !important;}
.start-margin { margin-top: 70px }
.big-block { height: auto; padding: 10px; padding-top: 92.6%; }
.small-block { height: auto; padding: 10px; padding-top: 92.6% }
.hidden { display: none; }
.bullet-space { padding: 0 0 0 20px; }
.green-checkbox:checked ~ .custom-control-label::before { color: #ffffff; border-color: #3fd21e; background-color: #3fd21e; border-radius: 0 !important; }
.red-checkbox:checked ~ .custom-control-label::before { color: #ffffff; border-color: #fc462a; background-color: #fc462a; border-radius: 0 !important; }
.blue-checkbox:checked ~ .custom-control-label::before { color: #ffffff; border-color: #597DDa; background-color: #597DDa; border-radius: 0 !important; }
.black-checkbox:checked ~ .custom-control-label::before { color: #ffffff; border-color: #000000; background-color: #000000; border-radius: 0 !important; }
.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before {
    background-color: #000000;
}
.custom-checkbox .custom-control-label::before { border-radius: 0;}
.text-box { border: 1px solid #000000; padding: 10px; }
.z-10 { z-index: 10;}
.btn-center { margin-left: auto; margin-right: auto; }
.width-100 { width: 100%;}
.height-100 { height: 100%;}
.close-corner { position: absolute; top: 0; top: 5px; right: 15px; }
.vjs-big-play-button { display: none !important; }
.telephon:hover { color: #000000; }
.face-bg { background-image: url('../images/startseite/face-mb.jpg'); transition: 0.3s; border: 10px solid #FC462A; background-repeat: no-repeat; background-size: cover; background-position: center; margin: 10px 10px 10px 0px; position: relative; }
.fly-bg { background-image: url('../images/startseite/fly-mb.jpg'); transition: 0.3s; border: 10px solid #5B88DA; background-repeat: no-repeat; background-size: cover; background-position: center; margin: 10px 10px 0px 0; position: relative; }
.fast-bg { background-image: url('../images/startseite/fast-mb.jpg'); transition: 0.3s; border: 10px solid #3FD21E; background-repeat: no-repeat; background-size: cover; background-position: center; margin: 10px 0 0 0; position: relative; }
.team-bg { background-image: url('../images/startseite/team.jpg'); transition: 0.3s; height: auto; border: 10px solid #FFD050; background-repeat: no-repeat; background-size: cover; background-position: center; margin: 10px 0 0 0px; position: relative; }
.corner-logo { width: 80px; position: absolute; top: 10px; left: 10px; }
.bg-hover {  transition: .5s ease; width: 100%; height: 100%; top: 0; left: 0; position: absolute; }

/*.face-bg:hover, .fly-bg:hover, .fast-bg:hover, .team-bg:hover + .bg-hover { display: block;}*/
.fly-bg:hover > .bg-hover, .face-bg:hover > .bg-hover, .fast-bg:hover > .bg-hover, .team-bg:hover > .bg-hover { background-color: #000000; background-color: rgba(0, 0, 0, 0.6); }
.face-bg > a, .fly-bg > a, .fast-bg > a, .team-bg > a { display: block; height: 100%; }
.dark-grey { background-color: #404040; }  .blue-bg { background-color: #5B88DA; }  .green-bg { background-color: #3FD21E; }  .red-bg { background-color: #FC462A; }  .yellow-bg { background-color: #FFD050; }
.grey-bg {background-color: #ededed} .grey-2-bg { background-color: #fcfcfc;} .white-bg { background-color: #ffffff;} .light-blue-bg { background-color:#597DDa}
.success-overlay { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 99; display: none; }

/*Font*/
@font-face { font-family: 'gotham-black'; src: url('../fonts/gotham-black.otf') format('opentype'); }
.a1 { font-family: arial; font-size: 18px; } .a2 { font-family: arial; font-size: 14px; } .a3 { font-family: arial; font-size: 13px; }
.g1 { font-family: gotham-black; font-size: 26px; } .g2 { font-family: gotham-black; font-size: 18px; } .g3 { font-family: gotham-black; font-size: 16px; } .g4 { font-family: gotham-black; font-size: 14px; }
.blue-font { color: #5B88DA; }  .green-font { color: #3FD21E; }  .red-font { color: #FC462A; }  .font-yellow { background-color: #FFD050; } .grey-font { color: grey; }
.dark-grey-font {
    color: #404040;
}
.text-underline { text-decoration: underline;}
.black-text { color: #000000;}
.green-hover:hover { color: #3fd21e; font-weight: 700;}
.blue-hover:hover { color: #597DDa; font-weight: 700; }
.red-hover:hover { color: #fc462a; font-weight: 700;}

.red-border { border-left: 7px solid #fc462a; }
.red-divider { border-bottom: 5px solid #fc462a;}
.face-active { border-top: 5px solid #fc462a; transition: all 0.5s ease-out; }
.yellow-divider { border-bottom: 5px solid #ffd050;}
.green-divider { border-bottom: 5px solid #3fd21e;}
.green-border { border-left: 7px solid #3fd21e; }
.fast-active { border-top: 5px solid #3fd21e; transition: all 0.5s ease-out; }
.blue-border { border-left: 7px solid #5b88da; }
.blue-divider { border-bottom: 5px solid #5b88da; }
.fly-active { border-top: 5px solid #5b88da; transition: all 0.5s ease-out; }

/*Accordion*/
.accordion-link { width: 100%; height: 100%; display: block; text-align: left; line-height: 13px; padding: 10px; color: #404040; }
.accordion-headline { font-size: 16px; }
.accordion-subline { font-size: 13px; color: #000000; font-family: Arial; }
.accordion-link:hover {
    cursor: pointer;
    color: #404040;
}
.accordion-box { border: 1px solid #ededed; margin-top: 2px;}
.pointer-cursor:hover { cursor: pointer;}
.accordion-close { margin-left: auto;}

/*Nav*/
.nav-block { height: 40px; width: 10px; display: inline-block; float: left; margin-right: 10px; }
.nav-text-section { line-height: 16px; height: 40px; display: table-cell; vertical-align: bottom; }
.navbar { padding-right: 0; padding-left: 0; }
.nav-dropdown-menu { display: none; width: 100%; position: relative; z-index: 9; background-color: #ffffff; }
.nav-dropdown-item { transition: 0.2s; font-size: 13px; color: #000000; font-weight: 500; font-family: Arial; width: 100%; white-space: nowrap; }
.small-line-height { line-height: 13px; }
.nav-item:hover { cursor: pointer;}
.nav-item { padding-top: 10px; padding-bottom: 10px; }
.nav-direct-link { color: #000000; text-decoration: none;}
.nav-direct-link:hover { color: #000000; text-decoration: none;}
.fixed-sub { position: fixed; top: 69px; right: 0; left: 0; z-index: 1030; }
.nav-linie { width: 100%; height: 5px;}
.allow-cookies{ position: absolute; }
.green-plank { height: 95px; }
.red-plank { height: 116px;}
.blue-plank { height: 95px;}
.nav-button { display: block; }
.nav-height { height: 69px; }
.fca-logo { width: 100px}
.unetversity-logo { width: 100px}
.nav-sub{ padding: 0;}
.tab-box { border: 2px solid #ffffff; padding:10px}
.cookie-link {
    position: relative;
    margin-bottom: 0;
    vertical-align: top;
}
/*TEAM*/
.person-header {
    height: 40px;
    padding: 7px 5px 5px 20px;
}
.person-description { line-height: 15px; padding: 10px 10px 10px 20px; min-height: 65px; }
.nav-tabs > a.active { background-color: #ffd050 !important; }
.nav-tabs .nav-link { border-radius: 0; }
.nav-tabs > a { padding: 10px 12px;}
.nav-tabs{ border: 0;}
.tab-divider { width: 100%; height: 5px; background-color: #ffd050 }
.person-gutter { padding-left: 5px !important; padding-right: 5px !important; padding-top: 10px; }
.person-gutter > img { height: auto; max-height: none;}
.infoKontakt > img { height: auto; max-height: none;}
.centered-block { display: block; margin-left: auto; margin-right: auto; }


@media (min-width: 576px) {
    .full-width { width: auto;}
    .person-gutter > img { max-height: none; }
    .infoKontakt > img { max-height: none; }
    .corner-logo { width: 100px; }
    .container-1050 { padding-left: 15px; padding-right: 15px;}
    .fca-logo { width: 141px }  .unetversity-logo { width: 138px }
    .nav-tabs > a { padding: 10px 20px; }
}
@media (min-width: 768px) {
    .person-gutter > img { max-height: 226px; } .infoKontakt > img { max-height: 226px; }
    .corner-logo { width: 150px; }
    .nav-dropdown-menu { display: none; position: absolute; z-index: 9; background-color: #ffffff; margin-left: -10px; padding-left: 10px; width: 350px; }
    .start-margin { margin-top: 125px }
    .nav-button { display: none; }
    .nav-sub { padding: 5px 0 5px 0; }
    .nav-item {
        padding-top: 0px;
        padding-bottom: 0px;
    }
    .marken-dialog {
        max-width: 750px !important;
    }
}

@media (min-width: 992px) {
    .person-gutter > img { height: auto; max-height: 226px; }
    .infoKontakt > img { height: auto; max-height: 226px; }
}
@media (min-width: 1200px) {
    .big-block { height: 520px; width: auto; padding: 10px; }
    .left-placeholder { margin-left: 10px; }
    .small-block { height: 520px; width: auto; padding: 10px; }
    .face-bg { background-image: url('../images/startseite/face.jpg'); transition: 0.3s; border: 10px solid #FC462A; background-repeat: no-repeat; background-size: cover; background-position: center; margin: 0 0 10px 10px; }
    .fly-bg { background-image: url('../images/startseite/fly.jpg'); transition: 0.3s; border: 10px solid #5B88DA; background-repeat: no-repeat; background-size: cover; background-position: center; margin: 10px 0 10px 0; }
    .fast-bg { background-image: url('../images/startseite/fast.jpg'); transition: 0.3s; border: 10px solid #3FD21E; background-repeat: no-repeat; background-size: cover; background-position: center; margin: 10px 0px 0 10px; }
    .team-bg { background-image: url('../images/startseite/team.jpg'); transition: 0.3s; height: 259px; border: 10px solid #FFD050; background-repeat: no-repeat; background-size: cover; background-position: center; margin: 0 0 0 10px }
}