/*CSS styles*/
html{width:100%;}
body{
    font-family:'Capita W01 Medium',Verdana,sans-serif;
    font-size:16px;
    line-height:20px;
    width:100%;
}
h1,h2,h3,h4,h5,h6{
    font-family:'Pedell W01 Regular',Verdana,sans-serif;
    color:#fff;
}
#startseite h1{
    padding-bottom:0;
    font-family:'Pedell W01 Regular',Verdana,sans-serif;
    font-size:66px;
    /*line-height:74px;*/
    letter-spacing:-2px;
}
#startseite p{
    font-family: 'Capita W01 Light',Verdana,sans-serif;
}

/*effects wrapper überlagert sonst content*/
.ui-effects-wrapper{z-index:0!important;}
/*****************************************/
h2{
   
    font-size:56px;
   line-height:60px;

    letter-spacing:-2px;
}
#kontakt h2{color:#fff;}
h3{
   font-family:'Capita W01 Medium',Verdana,sans-serif;
   font-size:24px;
   line-height:28px;
}
h4{
   font-family:'Capita W01 Medium',Verdana,sans-serif;
   font-size:20px;
   line-height:24px;
}
p{
    font-family: 'Capita W01 Light',Verdana,sans-serif;
    font-size: 21px;
    line-height: 24px;
}

.stickyMenu{position:relative;z-index:12;display:none;}


a,a:hover{color:#fff;text-decoration:none;}
#startseite,#equipment,#kontakt,#impressum{position:relative;z-index:0;}

.bgImage{
    width:100%;
    z-index:0;
}
#startseite{text-align:center;overflow:hidden;min-height:320px;}


.grosses-X{margin-top:30px;font-family:'Pedell W01 Regular',Verdana,sans-serif;font-size:90px;line-height:100px;}
.startseite-button-gross{
    position:relative;
    display:none;
}
.startseite-button-gross img:hover{cursor:pointer;}
.startseite-button-gross h1{
    padding-top:28%;
    margin:0 auto;
    color:#fff;
}
.startseite-button-gross .grosses-X{display:block;}

.startseite-button-oben-links{
    display:none;
    width:295px;
    height:295px;
    background-image:url(../images/Button-links-oben.png);
    background-repeat:no-repeat;
    position:absolute;
    top:35px;
    left:35px;
    
}
.slide-container-unten{
    display:none;
    
    text-align:center;
    font-size:16px;
    line-height:20px;
    border-top:1px solid #fff;
    display:none;
    color:#fff;
    position:absolute;
    bottom:0;
    width:100%;
    max-height:100%;
    
    background:url(../images/Verlauf.png);
    background-repeat:repeat-x;
/*    background-position:top;*/
}
.container66{
    visibility:hidden;
    padding:35px 35px 10px 35px;
    width:66%;
    margin:0 auto;
}
.container66 > p:first{margin-top:0;}

.btnWeiter{
    position:relative;
    font-size:68px;
    font-family:'Pedell W01 Regular', Verdana, sans-serif;
    display: inline-block;
    z-index:1000;    
}

.posAbsolute{position:absolute;}
#startseite,#equipment,#kontakt,#impressum{min-width:100%;width:100%;}


    
    
#equipment .content {
    margin-top:100px;
    margin-bottom:100px;
}

.uk-overlay-background {
    
    background: rgba(0,51,51,.25);
}
#equipment figcaption{font-family:'Capita W01 Light',Verdana,sans-serif;font-size:20px;}

/*.tk-equipment{overflow:hidden;}*/

.tk-equipment-text{
    display:inline-block;
    
   padding:12px;
    background-color:#204356;
    background-color: rgba(8,47,68,0.9);
    color:#fff;
    font-family:'Capita W01 Light',Verdana,sans-serif;
    font-size:20px;
}
.tk-equipment-text a{text-decoration: underline;}

[data-uk-sticky][class*=uk-animation-] {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
}
/*.uk-sticky > div { z-index: 1; }*/

.footerEquipment{
    font-family:'Capita W01 Light',Verdana,sans-serif;
    font-size:21px;
    line-height:25px;
    padding-top:35px;
    /*padding-bottom:35px;*/
    color:#fff;
    background-color:#345865;
    background-color:rgba(0,51,51,0.8);
    background-color: rgba(8,47,68,0.9);
}

.footerEquipment h2{color:#fff;font-size:56px;line-height:60px;margin-top:10px;}
.footerEquipment a {
    text-decoration: underline;
}

.kntktRespLink{margin-top:-10px;}
#kontakt a {
    text-decoration: underline;
}

#kontakt .grosses-X{display:block;margin-top:80px;}
#kontakt .uk-container .content{
    text-align:center;
    margin:0 auto;
    width:45%;
    color:#fff;
    margin-top:10%;
}
.kontakt-button-oben-links{
    width:295px;
    height:295px;
    

    z-index:15;
}
/*oberer Teil*/
#kontakt .uk-container .content {
        width:65%;
        margin-top:25%;
        margin-bottom:20%;
    }
    .kontakt-button-oben-links{
    
    width:295px!important;
    height:295px;
/*    background-image:url(../images/Button-links-oben.png);
    background-repeat:no-repeat;*/
    position:relative;
    top:50px;
    left:25px;
    z-index:100;
    
}
.kontakt-button-oben-links{
    top:25px!important;
}
#kontakt p{
    font-family: 'Capita W01 Light',Verdana,sans-serif;
    font-size: 21px;
    line-height: 24px;
}

#impressum{
/*    background-image:url(../images/Bild-Seite-impressum-lang-2.jpg);
    background-repeat:no-repeat;
    background-size:cover;
    */
}
#impressum h1,h2,h3,h4,h5,h6{color:#000;}
#impressum .uk-container{text-align: center;}
#impressum .uk-container .content{
    margin-top:300px;
    width:80%;
    margin:80px auto 50px auto;
}
#impressum table{
    margin:0 auto;
    font-family:'Capita W01 Light',Verdana,sans-serif;
    font-size:21px;
    line-height:24px;
}
.scrlspy figure,.scrlspy.zusatz{opacity:0;}
/*.scrlspy{max-height:270px;}*/
@media (max-width: 1220px){
    
    .footerEquipment h2{font-size:46px;}
}
@media (max-width: 1024px){
    
    #startseite .kontakt-button-oben-links{display:none;}
}

@media (max-width: 960px){
    
    #kontakt .uk-container .content {
        width:65%;
        /*margin-top:40%;*/
    }
    .container66 {
        padding: 35px 35px 10px 35px;
        width: 90%;
        margin: 0 auto;
    }   
}
@media (max-width: 768px){
    
    #startseite .startseite-button-gross h1 {
        padding-top:22%;
        font-size: 45px;
        line-height: 50px;
        margin: 0 auto;
        color: #fff;
    }
    
    #kontakt .uk-container-center{text-align:left;margin-left:0;}
    #kontakt .uk-container .content {
        width:65%;
        margin-top:80px;
        text-align:left;
        margin-left:0px;
        
    }
    .kontakt-button-oben-links{display:none;}
    #kontakt .grosses-X{display:block;text-align:center;}
    
    #equipment .content{margin-top:50px;}
    #equipment .uk-container{padding:0 25px;}
    
/*    .footerEquipment{display:block!important;visibility:visible!important;}*/
    
    .footerEquipment .uk-container{padding-left:50px;}
    .footerEquipment div[class^='uk-width']{
        margin-bottom:5px;
        font-size:24px;
    }
    .footerEquipment h2{font-size:40px;line-height:40px;}
    .footerEquipment a{display:inline-block;text-decoration:underline;margin-top:0px;}
    .footerEquipment img.btnWeiss{float:right;}
    
    
    
    #impressum .uk-container .content{
        margin-top:80px;
        text-align:left;
        margin-left:0px;
        
    }
    #impressum table{
    margin:0;}
/*    #equipment .content {margin-top:40px;}*/
    .over .uk-sticky-placeholder{display:none;}
    .footerEquipment{padding-top:20px;padding-bottom:20px;}
    .footerEquipment h2{margin-top:0px;}
    
    .scrlspy.zusatz .uk-overlay{width:100%;}
    .scrlspy.zusatz .uk-overlay .tk-equipment-text{width:100%;}
}
@media (max-width: 630px){
    .slide-container-unten{
/*        font-size:20px;
        line-height:24px;*/
     
    }
/*    .slide-container-unten{margin-top:45px;}*/
    #startseite .slide-container-unten h1{font-size:55px;line-height:60px;}
    #kontakt .uk-container .content { width:75%;}
    #startseite .container66 p{font-size:19px;}
}
@media (max-width: 600px){
    #startseite .container66 p{margin:10px 0 10px 0;}
    #equipment figcaption {
        font-size:24px;
    }
}
@media (max-width: 500px){
    /*.startseite-button-gross img{width:300px;}*/
    .startseite-button-oben-links{display:none;}
    .container66{
        padding-left:0;padding-right:0;
    }
    #equipment figcaption {
        font-size:20px;
    }
    #kontakt .uk-container .content, #impressum .uk-container .content{
    width: 95%;
    }
}