html{-webkit-text-size-adjust:none;overflow-x:hidden;}

html body {
    margin-top:0px;
    background-color:#c10002;
    background:linear-gradient(90deg,#c10002 50%,#5a0000);
    overflow-x:hidden;
}
body.extraHeight{margin-top:0;}

html body::before {
    content:"";
    background-color:white;
    width:120%;display:block;
    height:230px;
    position:relative;
    margin:-155px auto -30px auto;
    transform:rotate(-5deg);
    left:-10%;
    z-index:-10;
}

html h1, html h2, html h3 {
    font-family: 'IM Fell Great Primer SC',serif;
}

h1, h2, h3, h4 {
    font-family: metronic-slab-narrow,sans-serif;
    font-weight: 700;
    color: black;
    text-decoration: none;
}

h2 {
    margin: auto 5% 5px 5%;
    font-size: 22px;
    line-height: 22px;
    color: #d40000;
}

h1, h3 {
    margin: 0 5% 15px 5%;
}

h1.header-title {
    color: #ff9e05;
}

body div#top-banner {
    background-color: transparent;
    box-shadow: none;
}


.card {
    box-shadow: 0px 30px 20px 0px rgb(0 0 0 / 60%);
}


div#content {
    /* box-shadow: 0px 0px 8px 0px rgb(0 0 0 / 68%);
    padding-right: 0;
    padding-left: 0; */
}

div#menu {
    display: block;
    margin: -48px 5% -30px 5%;
    float: right;
    width: 100px;
    height: auto;
    z-index: 100;
    position: relative;
}

div#menu a {
    background-color: #c00102;
    border-style: solid;
    border-width: 1px;
    padding: 6px 0px;
    border-radius: 5px;
    margin: 2px 0px 2px 10px;
    color: #ffffff;
    text-decoration: none;
    float: left;
    width: 80px;
    text-align: center;
}

div#content::before {
    content:"";
    display:block;
    width:100%;
    background-color:white;
    height:100px;transform:skew(0deg,-5deg);
    margin-top:-80px;
    margin-bottom:-60px;
}

div#right li {
    margin-bottom:10px;
}

div#top-banner::before {
    content:"";background:url(https://www.cfan.eu/fileadmin/bilder/Diverses/FireCamp21/cfan_logo_red_en.png);width:90px;height:35px;position:relative;display:block;background-size:contain;background-repeat:no-repeat;background-position:left;margin:-60px auto 10px auto;
}

img {
    width: 100%;
    height: auto;
    border: none;
    vertical-align: middle;
}

p {
    font-family: 'Roboto Slab',Arial,sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 25px;
    margin-right: 5%;
    margin-top: 0;
}

picture img {
    padding-bottom: 30px;
}

.video-wrapper {
    position: relative;
    width: 100.1%;
    padding-bottom: 56.4%;
    padding-top: 0px;
    height: 0;
    margin: 0;
}

.video-wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
}

.accordion {
    width: 90%;
    overflow: hidden;
    box-shadow: 0px 1px 4px rgb(0 0 0 / 30%);
    border-radius: 3px;
    background: #ffffff;
    margin: 0px 5% 20px 5%;
}

.accordion-button {
    color: white;
    font-family: 'Roboto Slab',Arial,sans-serif;
    font-size: 18px;
    background: linear-gradient(-5deg,#8b0002,#ff0000);
}

.accordion-button:not(.collapsed) {
    color: white;
    background-color: #ffffff;
    box-shadow: inset 0 -1px 0 rgb(0 0 0 / 13%);
    background: linear-gradient(-5deg,#d74f00,#ff9e08);
}

#img-shadow{
    box-shadow: 10px 10px 20px rgb(0 0 0 / 30%);
}

a.btn-red {
    background-color: #ff9e00;
    padding: 13px 20px;
    font-size: 18px;
    font-weight: 800;
}

div#footer h1{
    color:white;
}

div#footer {
    background: url(https://www.cfan.eu/fileadmin/bilder/Diverses/FireCamp21/footer.jpg),linear-gradient(90deg,#c10002 50%,#5a0000);
    background-size: cover;
    background-repeat: no-repeat;
    background-blend-mode: multiply;
    background-position: bottom left;
    box-shadow: none;
    color: white;
}

#footer a {
    color: #ffffff;
    font-size: 13px;
    line-height: 30px;
}

#footer a.btn-red {
    background-color: #ff9e00;
    color: black;
    padding: 13px 20px;
    font-size: 18px;
    font-weight: 800;
    width: 100%;
}

#footer h1 {
    font-weight: 700;
    font-family: 'Roboto Slab',Arial,sans-serif;
    float: left;
    width: 100%;
    font-size: 20px;
    line-height: 24px;
    margin: 0 0 20px 0;
    color: #e8e8e8;
    border-bottom: dotted 1px;
    padding-bottom: 8px;
}

#footer h1 {
    
}

#footer-container {
    max-width: 1320px;
    margin: 0px auto;
}

.social-btn a {
    display: block;
    float: left;
    width: 57px;
    height: 57px;
    background-size: 600%;
}

.footer-facebook {
    background-image: url("img/social_4.png");
}

@media (min-width: 960px) {
    div#top-banner::before {
        width: 170px;
    }
}

@media (min-width: 720px) {
    html body::before {
        margin: -135px auto -30px auto;
    }

    div#menu {
        width: 180px;
        margin: -63px 2% -30px 0%;
    }

    div#top-banner::before {
        width: 155px;
        height: 40px;
        margin: -80px auto 20px auto;
    }

    h2 {
        margin-left: 20%;
    }

    html h1 {
        font-size: 43px;
        line-height: 48px;
    }

    h1 {
        font-size: 36px;
        line-height: 40px;
        margin-left: 20%;
        margin-top: 0;
    }

    h1.header-title {
        margin: 0 5% 15px 5%;
        padding: 8px 16px;
    }

    .ml-20 {
        width: 80%;
        margin-left: 20%;
    }

    figure {
        margin-left: 20%;
        width: 80%;
    }

    #content .accordion {
        width: 75%;
        margin-left: 20%;
        margin-right: 5%;
    }

    #side-nav {
        height: 100%
      }

    div#footer{
        height:60vh;
    }

    #map {
        margin-left: 5%;
    }
}

@media (min-width: 550px){
    html body {
        margin-top: 0px;
    }

    /* div#content {
        box-shadow: 0px 0px 8px 0px rgb(0 0 0 / 68%);
        padding-right: 0;
        padding-left: 0;
    } */

    div#footer {
        background-position: top left;
    }

    div#menu {
        margin: -53px 3% -30px 0%;
        width: 180px;
    }

    div#menu {
        margin: -53px 3% -30px 0%;
        width: 180px;
    }

    div#top-banner {
        max-width: 1180px;
        z-index: 30;
        position: relative;
        background-color: white;
        box-shadow: 0px 0px 8px 0px rgb(0 0 0 / 10%);
        margin: 0 auto 0 auto;
        border-radius: 0 0 4px 4px;
    }
}

@media (max-width: 720px) {
    p {
        padding: 1px 0px 1px 20px;
    }
}

.footer-facebook{
    background-image:url('../img/social_4.png');
}

.footer-youtube{
    background-image:url('../img/social_4.png');
    background-position-x: -57px;
}

.footer-instagram {
    background-image: url('../img/social_4.png');
    background-position-x: -114px;
}

#register-btn {
    cursor: not-allowed;
}

/* .social-btn a:active{background-position-y:bottom;} */


/* html{-webkit-text-size-adjust:none;overflow-x:hidden;}
html body{margin-top:0px;background-color:#c10002;background:linear-gradient(90deg,#c10002 50%,#5a0000);overflow-x:hidden;}
body.extraHeight{margin-top:0;}
html body::before{content:"";background-color:white;width:120%;display:block;height:230px;position:relative;margin:-155px auto -30px auto;transform:rotate(-5deg);left:-10%;z-index:-10;}
div#header{display:none;}
div#header{height:105px;margin-bottom:50px;}div#main{margin-top:50px;}
div#content{box-shadow:0px 0px 8px 0px rgb(0 0 0 / 68%);}
body div#top-banner{background-color:transparent;box-shadow:none;}
div#main .bild-full-header-text{margin-bottom:-50px;}
div#right{overflow:hidden;background-color:transparent;box-shadow:none;}
div#right .content img{width:100%;margin:0 auto 10px auto;}
div#right li{margin-bottom:10px;}
div#top-banner::before{content:"";background:url(https://www.cfan.eu/fileadmin/bilder/Diverses/FireCamp21/cfan_logo_red_en.png);width:90px;height:35px;position:relative;display:block;background-size:contain;background-repeat:no-repeat;background-position:left;margin:-60px auto 10px auto;}
div#top-banner:lang(de)::before{content:"";background:url(https://www.cfan.eu/fileadmin/bilder/Diverses/FireCamp21/cfan_logo_red_de.png);width:90px;height:35px;position:relative;display:block;background-size:contain;background-repeat:no-repeat;background-position:left;margin:-60px auto 10px auto;}
div#top-banner:lang(ru)::before{content:"";background:url(https://www.cfan.eu/fileadmin/bilder/Diverses/FireCamp21/cfan_logo_red_ru.png);width:90px;height:35px;position:relative;display:block;background-size:contain;background-repeat:no-repeat;background-position:left;margin:-60px auto 10px auto;}
div#content::before{content:"";display:block;width:100%;background-color:white;height:100px;transform:skew(0deg,-5deg);margin-top:-80px;margin-bottom:-60px;}
div#menu{display:block;margin:-48px 5% -30px 5%;float:right;width:100px;height:auto;z-index:100;position:relative;}
div#menu a{background-color:#c00102;padding:6px 0px;border-radius:5px;margin:2px 0px 2px 10px;color:#ffffff;text-decoration:none;float:left;width:80px;text-align:center;}div#menu a:hover{background-color:#f90003;}
div#footer h1{color:white;}
div#footer{height:450px;background:url(https://www.cfan.eu/fileadmin/bilder/Diverses/FireCamp21/footer.jpg),linear-gradient(90deg,#c10002 50%,#5a0000);background-repeat:no-repeat;background-blend-mode:multiply;background-size:100%;background-position:bottom left;box-shadow:none;color:white;}
div#footer a.btn-red.read-more-btn{color:black;}
div#footer:lang(en-ua){margin-top:-300px;}
div#footer:lang(ru){margin-top:-300px;}
div#footer:lang(en-ua) .footer-modul.footer-1,div#footer:lang(en-ua) .footer-modul.footer-2,div#footer:lang(en-ua) .footer-modul.footer-3,div#footer:lang(ru) .footer-modul.footer-1,div#footer:lang(ru) .footer-modul.footer-2,div#footer:lang(ru) .footer-modul.footer-3{display:none;}
html h1,html h2,html h3{font-family:'IM Fell Great Primer SC',serif;}
h2{text-transform:uppercase;}a.btn-red,a.download,input.btn-red{background-color:#ff9e00;}
a.btn-red:hover,a.download:hover,input.btn-red:hover{background-color:#fcc601;}
a.read-more-btn,a.download{padding:13px 20px;font-size:18px;color:black;}
a.accordion-section-title{color:white;background:linear-gradient(-5deg,#8b0002,#ff0000);}
a.accordion-section-title.active,a.accordion-section-title:hover{color:white;text-decoration:none;background:linear-gradient(-5deg,#d74f00,#ff9e08);}
div a.accordion-section-title::before{border:3px solid white;border-top:1px solid transparent;border-left:1px solid transparent;}
div a.accordion-section-title.active::before,a.accordion-section-title:hover::before{border:3px solid white;border-top:1px solid transparent;border-left:1px solid transparent;}
div#right .accordion-section-title.active,div#right .accordion-section-title:hover{background:#c00003;}
div#right .content p{color:white;}
div#right .content h1,div#right .content h3{font-size:32px;line-height:33px;color:#ffffff;}
div#right .content h2{color:#ffffff;letter-spacing:1px;margin-bottom:3px;}
div#right ul{color:white;margin-left:-20px;list-style:square;}
div#right>h1,div#right>div>h1{color:white;}
div.teaser-datum-titel h3{color:white;}
div.teaser-datum-titel h4{color:#ff9e01;}
div.teaser-datum-titel a{border-top:#ff9e01 solid 1px;}
div.teaser-datum-titel a:hover{background-color:#c10001;border-top:solid 1px #ff9e01;}
div.teaser-datum-titel a.read-more-btn:hover{background-color:#fcc601;}
div a.btn-red{color:black;}
label{margin-top:5px;}
.tx-powermail{position:relative;z-index:100;}#content > div:first-child#c9075,#content > div:first-child#c9076{margin-top:-90px;margin-bottom:0;}

@media (min-width:550px){body.extraHeight{margin-top:0;}
html body{margin-top:0px;}
html body::before{margin:-145px auto -30px auto;}
div#menu{margin:-53px 3% -30px 0%;width:180px;}
div#top-banner{background-color:transparent;box-shadow:none;}
div#top-banner::before,div#top-banner:lang(de)::before,div#top-banner:lang(ru)::before{width:108px;height:40px;margin:-70px auto 10px auto;}
html body:lang(de){background:linear-gradient(90deg,#c10002 50%,#5a0000);}
div#right{margin-top:0px;}
div#footer{height:410px;background-size:cover;background-position:top left;}
div#right .content h1,div#right .content h3{color:#ff9e05;}
div#right ul{font-size:13px;line-height:18px;}}

@media (min-width:720px){body.extraHeight{margin-top:0;}
div#menu{width:180px;margin:-63px 2% -30px 0%;}
html body{margin-top:0px;}
html body::before{margin:-135px auto -30px auto;}
div#top-banner::before,div#top-banner:lang(de)::before,div#top-banner:lang(ru)::before{width:155px;height:40px;margin:-80px auto 20px auto;}
div#content::before{margin-bottom:-30px;}
div#footer{height:60vh;}
html h1{font-size:43px;line-height:48px;}
#content > div:first-child#c9075,#content > div:first-child#c9076{margin-top:-180px;margin-bottom:0;}}

@media (min-width:960px){div#top-banner::before,div#top-banner:lang(de)::before,div#top-banner:lang(ru)::before{width:170px;}
div#content::before{margin-bottom:0px;}
div#right ul{font-size:15px;line-height:21px;}} */

/*