@CHARSET "UTF-8";
/*
Dax Compact Pro Regular
font-family: ff-dax-compact-pro, sans-serif;
font-weight: 400;
font-style: normal;

Dax Compact Pro Bold
font-family: ff-dax-compact-pro, sans-serif;
font-weight: 700;
font-style: normal;

Dax Pro Bold Italic
font-family: ff-dax-pro, sans-serif;
font-weight: 700;
font-style: italic;

Dax Pro Italic
font-family: ff-dax-pro, sans-serif;
font-weight: 400;
font-style: italic;

Dax Pro Regular
font-family: ff-dax-pro, sans-serif;
font-weight: 400;
font-style: normal;

Dax Pro Bold
font-family: ff-dax-pro, sans-serif;
font-weight: 700;
font-style: normal;

Dax Pro Cond Bold Italic
font-family: ff-dax-pro-condensed, sans-serif;
font-weight: 700;
font-style: italic;

Dax Pro Cond Italic
font-family: ff-dax-pro-condensed, sans-serif;
font-weight: 400;
font-style: italic;

Dax Pro Cond Regular
font-family: ff-dax-pro-condensed, sans-serif;
font-weight: 400;
font-style: normal;

Dax Pro Cond Bold
font-family: ff-dax-pro-condensed, sans-serif;
font-weight: 700;
font-style: normal;

Dax Pro Wide Italic
font-family: ff-dax-pro-wide, sans-serif;
font-weight: 400;
font-style: italic;

Dax Pro Wide
font-family: ff-dax-pro-wide, sans-serif;
font-weight: 400;
font-style: normal;

Dax Pro Wide Bold
font-family: ff-dax-pro-wide, sans-serif;
font-weight: 700;
font-style: normal;

Dax Pro Wide Bold Italic
font-family: ff-dax-pro-wide, sans-serif;
font-weight: 700;
font-style: italic;
*/

.ci-color {
    color: #ED6D2E !important;
}

.ci-color-white {
    color: white !important;
}


.ci-font {
    font-family: ff-dax-compact-pro, sans-serif;
    font-weight: 400;
    font-style: normal;
}

.ci-font-02 {
    font-family: ff-dax-compact-pro, sans-serif;
    font-weight: 600;
    font-style: normal;
}

.ci-footer-bg {
    background-color: #706F6F;
    color: white;
    font-family: ff-dax-pro, sans-serif;
    font-size: 12pt;
    line-height: 18pt;
}

.ci-footer-bg-02 {
    background-color: #333333;
    color: white;
    font-family: ff-dax-pro, sans-serif;
    font-size: 12pt;
    line-height: 18pt;
}

.ci-kontakt-box {
    
}

.ci-headline {
    font-family: ff-dax-compact-pro, sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 36pt;
    color: white;
    margin-top: 10px;
    text-transform: uppercase;
}

.ci-headline-2 {
    font-family: ff-dax-compact-pro, sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 34pt;
    color: white;
    text-transform: uppercase;
}

.ci-headline-3 {
    font-family: ff-dax-compact-pro, sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 28pt;
    color: #ED6D2E;
    margin-top: 2px;
    text-transform: uppercase;
}

.ci-headline-4 {
    font-family: 'Amatic SC', cursive;
    font-size: 32pt;
    font-weight: 700;
    color: #033556;
}

.ci-signing {
    font-family: 'LaPaloma';
    font-size: 22pt;
    color: white;
    margin-top: 10%;
    transform: rotate(-10deg);
}

.ci-p {
    font-size: 14pt;
    line-height: 22pt;
}

.ci-shadow {
    text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.75);
}

.ci-navbar {
    background-color: #545454;
    min-height: 60px;
    height: auto;
    
}

.ci-versprechen-box {
    background-image: url(../image/versprechen_box_bg.png);
    color: #033556;
    font-size: 12pt;
    line-height: 18pt;
    font-family: 'Barlow', sans-serif;
    font-weight: 300;
    box-sizing: border-box;
}

.ci-kontakt-info {
    border: 1px solid #033556;
}

.ci-bg-01 {
    background-color: #545454;
    color: white;
}

.ci-bg-02 {
    background-color: #ED6D2E;
    color: white;
}

@media (max-width: 1200px) {
    .ci-main-bg-01 {
        background-image: url(../image/header_03.jpg); 
        background-repeat: no-repeat; 
        background-size: cover;
        background-position: center;
    }
}

@media (min-width: 1201px) {
    .ci-main-bg-01 {
        background-image: url(../image/header_02.jpg); 
        background-repeat: no-repeat; 
        background-size: cover;
        background-position: left;
    }
}

.ci-main-bg-02 {
    background-image: url(../image/hebebuehne_mood.jpg);
    background-repeat: no-repeat; 
    background-size: cover;
    background-position: center;
}

.ci-main-bg-03 {
    background-color: #706F6F;
}

.ci-main-bg-04 {
    background-image: url(../image/seperator-02.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top;
}

.ci-main-bg-05 {
    background-image: url(../image/hebebuehne_04.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: right;
}

.ci-main-bg-06 {
    background-image: url(../image/hebebuehne_05.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.ci-main-bg-07 {
    background-image: url(../image/hebebuehne_06.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: left;
}

.ci-main-bg-08 {
    background-image: url(../image/seperator-03.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 0% 100%;
}

.ci-angebot-button {
    position: absolute;
    bottom: 44px;
    text-align: center;
    font-family: 'Amatic SC', cursive;
    color: #706F6F;
    font-size: 32pt;
    z-index: 4;
    width: 100%;
}

.ci-angebot-bg {
    position: absolute;
    bottom: 30px;
    z-index: 3;
    width: 100%;
    text-align: center;
}

.ci-angebot-bg img {
    max-width: 80%; 
    width: 240px;
}

.ci-team-name {
    font-family: 'Amatic SC', cursive;
    color: white;
    font-size: 24pt;
     margin: 15px 0 0 0;
}

.ci-team-trenner {
    width: 70%;
    margin: 15px auto 15px auto;
    border-top: 1px solid white;
}

.ci-team-info {
    font-family: 'Barlow', sans-serif;
    color: white;
    font-size: 12pt;
     margin: 15px 0 0 0;
}

.nav-item {
    font-weight: 600;
    color: white !important;
    font-size: 2vh;
    text-transform: uppercase;
}

.active {
    color: #545454 !important;
}

.nav-item:hover {
    color: #ED6D2E !important;
    cursor: pointer;
}

.ci-roundimage {
    border-radius: 50% 50% 50% 50%;
    -moz-border-radius: 50% 50% 50% 50%;
    -webkit-border-radius: 50% 50% 50% 50%;
    border: 5px solid #fff;
}

.ci-button {
    background-color: transparent;
    font-family: ff-dax-compact-pro, sans-serif;
    font-size: 14pt;
    color: white;
    border: 1px solid white;
    border-radius: 0;
    text-transform: uppercase;
    padding: 7px 20px 7px 20px;
    font-weight: 600;
}

.ci-button-02 {
    background-color: transparent;
    font-family: ff-dax-compact-pro, sans-serif;
    font-size: 14pt;
    color: #ED6D2E;
    border: 1px solid #ED6D2E;
    border-radius: 0;
    text-transform: uppercase;
    padding: 7px 20px 7px 20px;
    font-weight: 600;
}

.ci-button:hover, .ci-button-02:hover, .ci-button:active, .ci-button-02:active, .ci-button:focus, .ci-button-02:focus {
    background-color: #ED6D2E !important;
    color: white;
}

@media (max-width: 776px) {
    .w-75, .w-50 {
        width: 100% !important;
    }
}

hr {
    border-top: 1px solid white;
}

footer a, footer a:visited {
    color: white;
    text-decoration: none;
}

footer a:hover {
    color: white;
    text-decoration: underline;
}

.vh-85 {
    min-height: 85vh !important;
}

.vh-15 {
    min-height: 15vh !important;
}

.vh-50 {
    min-height: 50vh !important;
}

.vh-30 {
    min-height: 30vh !important;
}

.vh-40 {
    min-height: 40vh !important;
}

.ci-ul-fragen ul {
    padding: 0 0 0 15px;
    margin: 0;
    list-style: none;
}

.ci-ul-fragen ul li::before {
    content: "\25A0";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
    color: #ED6D2E; /* Change the color */
    font-weight: bold; /* If you want it to be bold */
    display: inline-block; /* Needed to add space between the bullet and the text */
    width: 1em; /* Also needed for space (tweak if needed) */
    height: 2em; /* Also needed for space (tweak if needed) */
    margin-left: -1em; /* Also needed for space (tweak if needed) */
}

li {
    line-height: auto;
    margin-bottom: 5px;
}

a {
    color: white;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
    color: white;
}


@media (min-width: 801px) {
    .hebebuehne {
        background-image: url(../image/hebebuehne_06.png);
        background-repeat: no-repeat;
        background-position: top right;
        position: absolute;
        height: 150vh;
        width: 100vw;
        margin: -35% 0 0 -20%;
    }
}

@media (min-width: 1000px) {
    .hebebuehne {
        background-image: url(../image/hebebuehne_06.png);
        background-repeat: no-repeat;
        background-position: top right;
        position: absolute;
        height: 150vh;
        width: 100vw;
        margin: -30% 0 0 -35%;
    }
}

@media (min-width: 1250px) {
    .hebebuehne {
        background-image: url(../image/hebebuehne_04.png);
        background-repeat: no-repeat;
        background-position: top right;
        position: absolute;
        height: 150vh;
        width: 100vw;
        margin: -30% 0 0 -17%;
    }
}

@media (min-width: 1350px) {
    .hebebuehne {
        background-image: url(../image/hebebuehne_04.png);
        background-repeat: no-repeat;
        background-position: top right;
        position: absolute;
        height: 150vh;
        width: 100vw;
        margin: -30% 0 0 -20%;
    }
}

@media (min-width: 1500px) {
    .hebebuehne {
        background-image: url(../image/hebebuehne_04.png);
        background-repeat: no-repeat;
        background-position: top right;
        position: absolute;
        height: 150vh;
        width: 100vw;
        margin: -28% 0 0 -27%;
    }
}

@media (min-width: 1700px) {
    .hebebuehne {
        background-image: url(../image/hebebuehne_04.png);
        background-repeat: no-repeat;
        background-position: top right;
        position: absolute;
        height: 150vh;
        width: 100vw;
        margin: -25% 0 0 -32%;
    }
}

@media (min-width: 1850px) {
    .hebebuehne {
        background-image: url(../image/hebebuehne_04.png);
        background-repeat: no-repeat;
        background-position: top right;
        position: absolute;
        height: 150vh;
        width: 100vw;
        margin: -23% 0 0 -35%;
    }
}

@media (min-width: 2200px) {
    .hebebuehne {
        background-image: url(../image/hebebuehne_04.png);
        background-repeat: no-repeat;
        background-position: top right;
        position: absolute;
        height: 150vh;
        width: 100vw;
        margin: -19% 0 0 -42%;
    }
}

@media (min-width: 2600px) {
    .hebebuehne {
        background-image: url(../image/hebebuehne_04.png);
        background-repeat: no-repeat;
        background-position: top right;
        position: absolute;
        height: 150vh;
        width: 100vw;
        margin: -17% 0 0 -50%;
    }
}


@media (max-width: 800px) {
    .hebebuehne_mobile {
        background-image: url(../image/hebebuehne_05.png);
        background-repeat: no-repeat;
        background-size: contain;
        display: block;
        width: 100%;
        height: 100%;
        margin: 5% 0 5% 0;
        box-sizing: border-box;
    }
}