@font-face { font-family: 'informaLight'; src: url('/fonts/OpenSans-Light.ttf') format('truetype'); }
@font-face { font-family: 'informaRegular'; src: url('../fonts/OpenSans-Regular.ttf') format('truetype'); }
@font-face { font-family: 'informaBold'; src: url('/fonts/OpenSans-Bold.ttf') format('truetype'); }
@font-face { font-family: 'design'; src: url('/fonts/anmari_.ttf') format('truetype'); }

/**********RESET**********/
    body{
        /* background-image:url(../img/HG-schwarz.jpg);
        background-position:center center;
        background-size:cover;
        background-repeat:no-repeat;
        background-attachment:fixed; */
        background: transparent;
        background-color:rgba(0,0,0,1);
        font-size: 1.5vh !important;
        /* font-family:informaRegular; */
        font-family:informaLight;
        letter-spacing:-10;
        cursor:default;
        overflow-y:auto;
        overflow-x:hidden;
        -webkit-touch-callout: none; /* iOS Safari */
        -webkit-user-select: none; /* Safari */
        -khtml-user-select: none; /* Konqueror HTML */
        -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
        user-select: none; /* Non-prefixed version, currently supported by Chrome and Opera */
/*         -moz-hyphens: auto;
        -o-hyphens: auto;
        -webkit-hyphens: auto;
        -ms-hyphens: auto;
        hyphens: auto; */
    }

    h1,h2,h3,h4{
       margin-top:0;
       font-family:informaLight;
       font-weight:bold;
    }
    h2 {
        margin-bottom: 2vh;
        font-family: informaBold;
    }


    p {
        margin-bottom: 2vh;
        /* line-height: 150%; */
        /* font-size: 110%; */
        font-size: 1.4vmin;
    }
    a, a:hover, a:visited, a:link, a:active{
        color:rgba(255,255,255,1);
        text-decoration:none;
        font-family:informaRegular;
    }
/**********RESET-END**********/

/**********DEFAULT**********/
    .navbar{
        z-index:666 !important;
    }
    .flex{
        display:flex;
    }
    break{
        flex-basis: 100%;
        width: 0px;
        height: 0px;
        overflow: hidden;
        display: inline-block;
    }
    .center-content{
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .center-content-left{
        display: flex;
        align-items: center;
        justify-content: left;
    }
    .center-content-right{
        display: flex;
        align-items: center;
        justify-content: flex-end;
    }
    .center-content-top{
        display: flex;
        align-items: top;
        justify-content: top;
    }
    [class^=center].nospace{
        display: flex;
        align-items: center;
        justify-content: center;
        align-content: flex-start
    }
    .center-collum {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
    .center-collum-left {
        display: flex;
        flex-direction: column;
        align-items: left;
        justify-content: left;
    }
    .center-collum-right {
        display: flex;
        flex-direction: column;
        align-items: right;
        justify-content: right;
    }
    .center-collum-top {
        display: flex;
        flex-direction: column;
        align-items: top;
        justify-content: top;
    }
    .wrap{
        flex-wrap: wrap;
    }
    .no-padding{
        padding:0;
    }
    .top-nav{
        min-height:63px;
        max-height:63px;
        font-size:13pt;
        background-color:#FFFFFF;
        padding:0 24vw;
        margin-bottom:0;
        z-index:2;
    }
    .top-nav ul{
        margin-right:50px;
    }
    .top-nav ul,.top-nav ul li{
        min-height:63px;
        max-height:63px;
    }
    .top-nav ul li:hover:not(.bar),
    .top-nav ul li:focus:not(.bar){
        -webkit-box-shadow: inset 0px 3px 0px 0px rgba(242,125,0,1);
        -moz-box-shadow: inset 0px 3px 0px 0px rgba(242,125,0,1);
        box-shadow: inset 0px 3px 0px 0px rgba(242,125,0,1);
        font-weight:normal;
    }
    li.active_menu{
        -webkit-box-shadow: inset 0px 3px 0px 0px rgba(242,125,0,1);
        -moz-box-shadow: inset 0px 3px 0px 0px rgba(242,125,0,1);
        box-shadow: inset 0px 3px 0px 0px rgba(242,125,0,1);
    }
    li.bar{
        width:2px;
    /*     padding:20% 0; */
    }
    li.bar div{
        height:63px;
        width:2px;
    background: rgb(255,255,255);
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 20%, rgba(175,176,176,1) 21%, rgba(175,176,176,1) 79%, rgba(255,255,255,1) 80%);
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 20%,rgba(175,176,176,1) 21%,rgba(175,176,176,1) 79%,rgba(255,255,255,1) 80%);
    background: linear-gradient(to bottom, rgba(255,255,255,1) 20%,rgba(175,176,176,1) 21%,rgba(175,176,176,1) 79%,rgba(255,255,255,1) 80%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 );
    }

    .top-nav li a{
        padding:21px 15px !important;
    }

    .top-nav .supp{
        position: absolute;
        right: 0;
        top: 0;
        cursor:pointer;    }

    .top-nav .supp>span, .top-nav .supp>a{
        padding: 21px 15px !important;
        color: rgba(33,33,33,0.3);

        -webkit-transition: 0.2s ease-in-out;
        -moz-transition: 0.2s ease-in-out;
        -o-transition: 0.2s ease-in-out;
        transition: 0.2ss ease-in-out;
    }
    .top-nav .supp>span:hover, .top-nav .supp>a:hover{
        color:rgba(242,125,0,1);
    }
    .section{
        height:99.9vh;
        margin-bottom:0.1vh;
        background-attachment: fixed;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        position:relative;
        /* box-shadow:inset 0px 10px 10px rgba(0,0,0,0.3); */
        display:flex;
    }
    .section.full{
        /* height:100vh !important; */
        padding-top:63px;
    }
    .section.small{
        height:70vh !important;
    }
    .section.right{
        flex-direction:row;
    }
    .section.left{
        flex-direction:row-reverse;
    }
    .section.up{
        flex-direction:column-reverse;
    }
    .section.down{
        flex-direction:column;
    }
    .slide{
        height:100%;
        width:100vw;
        position:relative;
        flex-shrink: 0;
        overflow:hidden;
    }
    .full .slide{
        height:100% !important;

    }
    .small .slide{
        height:70vh !important;
    }
    .fullcol{
        height:100% !important;
    }
    .slideno {
        position:absolute;
        bottom:0px;
        left:0px;
        font-size:100px;
        font-weight:bold;
        color:rgba(255,255,255,0.3);
        background-color:rgba(0,0,0,0.3);
        z-index: 666;
    }
    .esc{
        width: 3vw;
        height: 5vh;
        color: #ffffff;
        z-index: 12;
        -webkit-transition: 0.5s ease-in-out;
        -moz-transition: 0.5s ease-in-out;
        -o-transition: 0.5s ease-in-out;
        transition: 0.5s ease-in-out;
    /*
        color: #e1e1e1;
        background-color: #565656;
        font-family: Impact,Haettenschweiler,Franklin Gothic Bold,Charcoal,Helvetica Inserat,Bitstream Vera Sans Bold,Arial Black,sans serif;
        border-color: #e1e1e1;
        border-width: 5px;
        border-style: solid;
        border-radius: 10px;
    */
    }
    .esc:hover{
        opacity:1;
        color:#000000;

        -webkit-transform: scale(2);
        -moz-transform: scale(2);
        -o-transform: scale(2);
        -ms-transform: scale(2);
        transform: scale(2);
    /*     -webkit-box-shadow: 5px 5px 10px -5px rgba(0,0,0,0.75);
        -moz-box-shadow: 5px 5px 10px -5px rgba(0,0,0,0.75);
        box-shadow: 5px 5px 10px -5px rgba(0,0,0,0.75); */
    }
    .box-arr-right, .box-arr-down, .box-arr-left, .box-arr-up{
        background-color:rgba(241, 126, 0, 1);
        padding:2vw;
    /*     width:610px;
        height:410px; */
        width: 30vw;
        height: 45vh;
        position:relative;
        -webkit-box-shadow: 5px 5px 10px 3px rgba(0,0,0,0.4);
        -moz-box-shadow: 5px 5px 10px 3px rgba(0,0,0,0.4);
        box-shadow: 5px 5px 10px 3px rgba(0,0,0,0.8);
        overflow-wrap: break-word;
        word-wrap: break-word;
        -moz-hyphens: auto;
        -o-hyphens: auto;
        -webkit-hyphens: auto;
        -ms-hyphens: auto;
        hyphens: auto;
        color: white;
        z-index:7;
    }
    .box-arr-right:before, .box-arr-down:before, .box-arr-left:before, .box-arr-up:before{
        position:absolute;
        content: "";
        width: 0;
        height: 0;
        z-index: 6;
    }
    .box-arr-right:before{
        border-top: 20px solid transparent;
        border-bottom: 20px solid transparent;
        border-left: 30px solid rgba(241, 126, 0, 1);
        right: -30px;
        bottom: 35px;
    }
    .box-arr-down{
        color:#ffffff;
    }
    .box-arr-down:before{
        border-top: 30px solid rgba(241, 126, 0, 1);
        border-bottom: 20px solid transparent;
        border-left: 20px solid transparent;
        border-right: 20px solid transparent;
        right: 5vw;
        bottom: -50px;
    }
    .box-arr-left:before{
        border-top: 20px solid transparent;
        border-bottom: 20px solid transparent;
        border-right: 30px solid rgba(241, 126, 0, 1);
        border-left: 20px solid transparent;
        left: calc(-2vw + 1px);
        bottom: calc(50% - 15px);
    }
    .box-arr-up:before{
        border-top: 20px solid transparent;
        border-bottom: 30px solid rgba(241, 126, 0, 1);
        border-right: 20px solid transparent;
        border-left: 20px solid transparent;
        top: calc(-2vw + 2px);
        right: 4vw;
    }
    .bg{
        background-attachment: fixed;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }
    .blackbox{
        background-color:rgba(0,0,0,0.6);
        color:#ffffff;
        padding: 2.8vmin;
        width: 25vw;
        position: relative;
        overflow-wrap: break-word;
        word-wrap: break-word;
        -moz-hyphens: auto;
        -o-hyphens: auto;
        -webkit-hyphens: auto;
        -ms-hyphens: auto;
        hyphens: auto;
        z-index:2;
    }
    .boxLogo{
        background-color:rgba(0,0,0,0.6);
        color:#ffffff;
        padding: 0.5vmax;
        width: 5vw;
        position: relative;
    }
    .boxLogo div{
        width: 50px;
        height: 51px;
        background-position: center center;
        background-size: contain;
    }


    .right-collum{
        display: flex;
        flex-direction:column;
        align-items: right;
        justify-content: center;
        color:rgba(255,255,255,1);
    }
    .top-right-collum{
        display: flex;
        flex-direction:column;
/*         align-items: right;
        justify-content: top; */
        align-items: flex-end;
        justify-content: flex-start;
        color:rgba(255,255,255,1);
    }
    .left-collum{
        display: flex;
        flex-direction:column;
        align-items: left;
        justify-content: center;
    }
    .top-left-collum{
        display: flex;
        flex-direction:column;
        align-items: left;
        justify-content: top;
        color:rgba(255,255,255,1);
    }

    .arrow-right, .close-right{
        position: absolute;
        width: 3vw;
        height: 20vh;
        opacity: 0.7;
        /* left: calc(50% - 3vw); */
        cursor:pointer;
        top: calc(50% - (20vh / 2));
        right:0;
        /* z-index:666; */
    }
    .arrow-right.whiteBG, .close-right.whiteBG{
        background-color: #FFFFFF;
        color:#333333;
    }
    .arrow-right.blackBG, .close-right.blackBG{
        background-color: #000000;
        color:#D7D7D7;
    }
/*     .close-right{
        position: absolute;
        width: 3vw;
        height: 20vh;
        background-color: #FFFFFF;
        opacity: 0.7;
        cursor:pointer;
        top: calc(50% - (20vh / 2));
        right:0;
        color:#000000;
    } */
    .double-arrow:before{
        content:"\00bb";
        margin-right:0.1vw;
    }

    .scrollbar{
        background-color: rgba(25,25,25,0.1);
        width: 0.5vw;
        right: 0;
        position: absolute;
        height: 95vh;
        top: 0;
        color: rgba(240,141,0,1);
    }

    .scrollbar .bar{
        width: 0.5vw;
        height: 5vh;
        background-color: rgba(240,141,0,0.8);
        cursor: pointer;
    }

    .imageShowCase{
        z-index: 0;
        width: 100vw;
        height: 100vh;
        background-color: rgba(0,0,0,0.8);
        position: fixed;
        top: 100vh;
        opacity:1;
        font-size: 1vh;

        display: flex;
        align-items: center;
        justify-content: center;

        -webkit-transition: 0.5s ease-in-out;
        -moz-transition: 0.5s ease-in-out;
        -o-transition: 0.5s ease-in-out;
        transition: 0.5s ease-in-out;

    }
    .imageShowCase>.inner{
        max-width: 80vw;
        max-height: 80vh;
        background-color: rgba(255,255,255,1);
        padding: 0.5vmax;
        border-radius: 0.3vmax;
        position: relative;
    }
    .imageShowCase>.inner img{
        max-height: 76vh;
        max-width: 76vw;
    }
    .imageShowCase>.inner .closeBtn{
        height: 1vmax;
        width: 1vmax;
        display: flex;
        justify-content: center;
        align-items: center;
        opacity: 1;
        cursor: pointer;
        position: absolute;
        top: 0.5vmax;
        right: 0.5vmax;
        background-color: rgba(255,255,255,1);
        border-radius: 0 0 0 0.5vmax;
    }
    .imageShowCase>.inner .suppInfo{
        display:flex;
        justify-content:flex-start;
        align-items:flex-start;
        flex-direction: column;
        min-width: 20vw;
        background-color: rgba(50,50,50,1);
        color: rgba(255,255,255,1);
        padding: 1vmax;
        font-size: 1.3vh;
    }
    .imageShowCase>.inner .suppInfo div{
        width:100%;
        display:flex;
        justify-content:center;
        align-items:center;
        max-width:30vw;
    }
    .imageShowCase>.inner .suppInfo div.checkbox>label{
        padding:0;
        width:60%;
    }
    .imageShowCase>.inner .suppInfo div.checkbox>*{
        flex-grow: 1;
    }
    .imageShowCase>.inner .suppInfo div>button{
        outline: 0;
        padding: 10px;
        margin: 2vw 0.5vw 0.5vw 0;
        border: 1px solid rgba(0,0,0,0.5);
        /* background-color: rgba(255,255,255,0.2); */
        background-color: transparent;
        position: relative;
        z-index: 1;
        overflow:hidden;

    }
/*     .imageShowCase>.inner .suppInfo div>button:hover{
        color:rgba(0,0,0,1);
    } */
    .imageShowCase>.inner .suppInfo div>button:before{
        content: "";
        position: absolute;
        height: 100%;
        width: 100%;
        left: 0;
        top: 100%;
        z-index: -1;
        -webkit-transition: 0.2s ease-in-out;
        -moz-transition: 0.2s ease-in-out;
        -o-transition: 0.2s ease-in-out;
        transition: 0.2s ease-in-out;
    }

    .imageShowCase>.inner .suppInfo div>button:after,.imageShowCase>.inner .suppInfo div>button.success:after,.imageShowCase>.inner .suppInfo div>button.error:after{
        content: "";
        position: absolute;
        height: 100%;
        width: 100%;
        left: 0;
        top: -100%;
        padding: 10px;
        -webkit-transition: 0.2s ease-in-out;
        -moz-transition: 0.2s ease-in-out;
        -o-transition: 0.2s ease-in-out;
        transition: 0.2s ease-in-out;
        text-align:center;
    }
    .imageShowCase>.inner .suppInfo div>button.success:after{
        content: var(--msg);
        top: 0;
        background-color:rgba(50,149,50,1);
    }

    .imageShowCase>.inner .suppInfo div>button.error:after{
        content: var(--msg);
        top: 0;
        background-color:rgba(149,50,50,1);
    }
    .imageShowCase>.inner .suppInfo div>button:hover:before{
        background-color: rgba(242,125,0,1);
        left: 0;
        top: 0;
    }

    .imageShowCase>.inner .suppInfo div>span,.imageShowCase>.inner .suppInfo div>button{
        flex-grow: 1;
        flex-basis: 0;
    }

	li.noDot{
		list-style-type:none;
	}
/**********DEFAULT-END**********/

/**********SECTION1**********/
#section1 .slider{
    width:100vw;
    height:100%;
    position:relative;
}
#section1 .slider .slider-item{
    height:100%;
    opacity:0;
    transition: opacity 1.25s ease-in-out;
    position:absolute;
    top:0;
    left:0;
}
#section1 .slider .slider-item img{
    width: 100vw;
    object-fit: cover;
    height: 100%;
    min-height: 0;
    object-position: center center;
}

#section1 .slider .dot-container{
    position:absolute;
    bottom:1vh;
    margin:0 auto;
    min-height:15px;
    width:100vw;
    display:flex;
    justify-content: center;
    align-items: center;
}
#section1 .slider .dot-container>.dot{
    height:1.5rem;
    width:1.5rem;
    display:inline-block;
    background-color: transparent;
    border-radius: 50%;
    margin:1rem;
    cursor: pointer;
    border:2px solid rgba(50,50,50,1);
    transition: background-color 1.25s ease-in-out;
}
#section1 .slider .dot-container>.dot.active{
    background-color: rgba(242,125,0,1);
}
#section1 .slider .dot-container>.dot:hover{
    border:2px solid rgba(242,125,0,1);
}

#section1 .slider .slide-text{
    padding:2rem;
    position: absolute;
    bottom:0;
    margin:15rem;
    display:flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: column;
}
#section1 .slider .slide-text .title-box{
    margin:1rem 0;
    padding:1rem 2rem;
    font-size:7rem;
    background-color:rgba(50,50,50,1);
    font-family: informaBold;
    color:rgb(255,255,255);
}
#section1 .slider .slide-text .subtitle-box{
    font-size:5rem;
}

/**********SECTION1-END**********/

/**********SECTION_NEWS**********/

#section_news .newspaper{
    background-color:#f9f7f1;
    color: #2f2f2f;
    -webkit-box-shadow: 5px 5px 5px 0px rgba(158,158,158,1);
    -moz-box-shadow: 5px 5px 5px 0px rgba(158,158,158,1);
    box-shadow: 5px 5px 5px 0px rgba(158,158,158,1);
    width:55vw;
    max-height:70%;
    padding:4rem;
    transform:translateX(-100vw) rotate(-360deg);
    transition: transform 0.65s ease-in-out;
    box-sizing: content-box;
}
#section_news .newspaper .main-headline{
    font-family: informaBold;
    font-size: 5rem;
    text-transform: uppercase;
    margin-bottom: 4rem;
    width:100%;
    border-bottom: 1px solid #2f2f2f;
    display:flex;
    justify-content: space-between;
}
#section_news .newspaper .main-headline .date{
    font-size:1.5rem;
    font-weight:normal;   
}
#section_news .newspaper .headline{
    width:100%;
    padding:1rem;
    font-family: informaBold;
    text-align: center;
    margin-bottom:3rem;
    font-style: italic;
    font-size:2.75rem;
    text-transform: uppercase;
}

#section_news .newspaper .content .bild img {
	max-width: 94%;
}

#section_news .newspaper .content .bild, #section_news .newspaper .content .text {
	flex: 1 50%;
}

#section_news .newspaper .content .text small {
	font-size: 1.2vmin;
}

#section_news .newspaper .content .text small a {
	color: #f08d00;
}


#section_news .newspaper .subheadline{
    padding:1rem;
    border-bottom: 1px solid #2f2f2f;
    border-top: 1px solid #2f2f2f;
    text-align: center;
    font-size:2.25rem;
    margin:0 auto;
    margin-bottom:4rem;
}
#section_news .newspaper .content{
    width:100%;
    line-height: 20px;
    font-size:1.75rem;
    text-align: justify;
    display: flex ;
}

/**********SECTION_NEWS-END**********/

/**********SECTION2**********/

    #uberuns_scroll{
        opacity:0;
    }
    #uberuns_scroll p{
        opacity:0;
    }

/**********SECTION2-END**********/

/**********SECTION3**********/

    .team_skizze{
        background-image:url(../img/TEAM_SKIZZE_w.png);
        /*background-attachment: fixed;
         background-position: 49.5% 55.3%; */
        background-position:center center;
        background-repeat: no-repeat;
        background-size:contain;
    }
    .team_skizze #table{
        width:100%;
    }

    .table-text ul li{
        padding: 0.2vh 0.2vw;
    }
    .table-text{
        position: relative;
        color:#FFFFFF;
        width:33vw;
    }
    .table-text .hoverafter{
        cursor:pointer;
    }

    .table-text h1{
        font-size:1.4vw;
    }
    .table-text h1:after {
        content: "";
        background:url(../img/strich.png) no-repeat center center;
        display: flex;
        height: 0.5vh;
        /* width: 10vw; */
        position: relative;
    }
    .table-text .hoverafter:not(.not):hover{
        color:rgba(242,125,0,1);
    }

    .table-text .hoverafter:hover>h1:after{
        background:url(../img/strich_o.png) no-repeat center center;
    }
    .table-text .hoverafter:hover>h1{
        color:rgba(242,125,0,1);
    }
    .hoverafter.jshover:not(.not){
        color:rgba(242,125,0,1);
    }
    .hoverafter.jshover>h1:after{
        background:url(../img/strich_o.png) no-repeat center center;
    }
    .table-text ul{
        padding-left:0;
    }
    .table-text ul li:first-of-type{
        list-style-type: none;
        margin-left: -0.8vw;
    }
    #ver, #chef, #it_spez, #frei, #graf{
        opacity:0;
    }
    #ver, #chef{
        float:left;
    }
    #it_spez, #frei, #graf{
        float:right;
    }
    #ver{
        padding-left:11vw;
    }
    #chef{
        padding-left:5vw;
    }
    #it_spez{
        padding-right:12vw;
    }
    #frei{
        padding-right: 5vw;
    }
    #graf{
        padding-right: 8vw;
    }
    #section3 #frei .center-collum span{
        width: 100%;
        /* border-width: 3px; */
        border-width: 0px;
        border-style: solid;
        border-color: #ffffff;
        justify-content: center;
        align-items: center;
        display: flex;
        margin-bottom: 1vh;
    }
    #section3 #frei .center-collum span:hover{
        border-color:rgba(242,125,0,1);
        color:rgba(242,125,0,1);
    }
    #section3 #frei .center-collum span:before{
        content:"\203A \203A";
        margin-right:3px;
    }
    #persons h1{
        color:#FFFFFF;
        flex: 0 0 100%;
    }
    #section3 .person_bg{
        position: relative;
        height: 70vh;
        width: 100vw;
        background-image:url(../img/Buero_GoPro_SW.jpg);
        background-attachment: fixed;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        position: relative;
        opacity:0.5;
        z-index:-1
    }
    #section3 .outer{
        position: absolute;
        top: calc(50% - (50vh / 2));
        width: 60vw;
        margin-left: 21vw;
    }
    #section3 #persons{
        position: relative;
        max-height: 50vh;
        display:flex;
        flex-wrap: wrap;
        align-items:center;
        overflow-y:auto;
    }
    #section3 #persons .single{
        position:relative;
    /*
        width: 5.2vw;
        height: 11.1vh;
     */
        width: 133px;
        height: 147px;
        margin-right:0.5vw;
        margin-top: 0.5vw;
        background-color:#FFFFFF;
        background-position:center center;
        background-repeat:no-repeat;
        background-size:cover;
        overflow:hidden;
    }
    /* #section3 #persons .single:nth-child(6n){
        page-break-after: always;
        break-after: always;
    } */
    #section3 #persons .single .infos{
        color:#4e4e4d;
        background-color:white;
        opacity:0.85;
        width: 100%;
        height: 100%;
        padding: 10px;
        font-size: 10pt;
        word-wrap: break-word;
        left: 100%;
        position:absolute;
        cursor:default;
    }

    #section3 #persons .single .infos .name{
        text-transform:uppercase;
    }
    #section3 #persons .single .infos .bar{
        height:1px;
        margin: 3px 0;
        padding: 0;
        width: 100%;
        -webkit-box-shadow: inset 0px -2px 0px 0px rgba(78, 78, 77, 1);
        -moz-box-shadow: inset 0px -2px 0px 0px rgba(78, 78, 77, 1);
        box-shadow: inset 0px 3px -2px 0px rgba(78, 78, 77, 1);

    }
    #section3 #persons .single .infos .kontakt{
        position: absolute;
        bottom: 10px;
        left: 10px;
        cursor:pointer;
    }
    #section3 #persons .single .infos .kontakt:hover{
        color:rgba(241, 126, 0, 1);
    }
    #section3 #persons .single .infos .kontakt:before{
        content:"\203A \203A";
        margin-right:3px;
    }
    #section3 #freiColors{
        position: fixed;
        z-index: 2;
        top:100vh;
        display:none;
    }
    #section3 #freiColors span:not(.glyphicons){
        font-size: 10vh;
        height:10vh;
    }
    #section3 #freiColors .freiGrafik, #section3 #freiColors .freiVertrieb, #section3 #freiColors .freiIt{
        height: 100vh;
        position: absolute;
        cursor:pointer;
    }
    /*#section3 #freiColors .freiGrafik:hover:after, #section3 #freiColors .freiIt:hover:after{*/
    #section3 #freiColors .freiVertrieb span:hover:after{
        content: "";
        background:url(../img/strich_o.png) no-repeat center center;
        display: flex;
        height: 0.5vh;
        /* width: 10vw; */
        position: relative;
    }
    #section3 #freiColors .freiIt span:hover:after,#section3 #freiColors .freiGrafik span:hover:after{
         content: "";
        background:url(../img/strich.png) no-repeat center center;
        display: flex;
        height: 0.5vh;
        /* width: 10vw; */
        position: relative;
    }
    #section3 #freiColors .freiGrafik{
        width: 35vw;
        right: 100vw; /* 65vw */
        bottom:0;
        background-color: #f08d00;
        z-index:11;
        color:#ffffff;
    }
    #section3 #freiColors .freiVertrieb{
        width: 100vw;
        left: -100vw;
        bottom: -100vh; /* 0 */
        background-color: #ffffff;
        z-index: 10;
        color: #f08d00;
    }
    #section3 #freiColors .freiIt{
        width: 35vw;
        right: -35vw; /* 0 */
        bottom:0;
        background-color: rgba(25,25,25,1);
        z-index:11;
        color: #ffffff;
    }
    #section3 #freiColors .esc{
        position: absolute;
        bottom: 93vh;
        right: 95vw;
        opacity: 0;
        cursor:pointer;
    }
    #section3 .team_skizze.transform-rotate{
        -webkit-transition: 2s ease-in-out;
        -moz-transition: 2s ease-in-out;
        -o-transition: 2s ease-in-out;
        transition: 2s ease-in-out;
        -webkit-transform: rotate(-85deg) scale(6);
        -moz-transform: rotate(-85deg) scale(6);
        -o-transform: rotate(-85deg) scale(6);
        -ms-transform: rotate(-85deg) scale(6);
        transform: rotate(-85deg) scale(6);
        background-image:url();
        /* top: 150vh; */
    }
    #jobContent{
        position: absolute;
        width: 100vw;
        height: 100vh;
        display:none;
        font-size:1.2vh;
    }
    #jobContent .blackbox{
        background-color:rgba(0,0,0,0.6);
        color:#ffffff;
        padding: 3vh 3vw 3vh 6vw;
        width: 25vw;
        margin-left: -4vw;
        position: relative;
    }
    #jobContent .box-arr-down div,#jobContent .blackbox div{
        margin-bottom:2vh;
    }
    #jobContent .boxLogo{
        left: -26vw; /* 10vw */
        bottom: 55vh; /* 26vh */
    }
    #jobContent .boxLogo .ausbildung{
        background-image: url(../img/ausbildung.png);
    }
    #jobContent .boxLogo .jobs{
        background-image: url(../img/jobs.png);
    }
    #jobContent .blackbox{
        right: -105vw; /* 0vw */
    }
    #jobContent .box-arr-down{
        left: -60vw;
        z-index:16;
    }

    #jobContent .box-arr-down h1{
        margin-bottom: 4vh;
    }

    #jobContent .box-arr-down ul li:first-of-type, #jobContent .blackbox ul li:first-of-type{
        list-style-type: none;
        margin-left: -0.8vw;
        text-transform:uppercase;
        margin-bottom: 3vh;
    }
    #jobContent .blackbox .profil{
        display:none;
    }
    #jobContent .blackbox .beginn .beginnTitle{
        margin-right: 0.5vw;
    }
    #jobContent .blackbox .bewerbEmail{
        margin: 3vh 0vw;
    }
    #jobContent .blackbox .bewerbEmail .emailAdress{
        font-weight:bold;
    }
    #jobContent .blackbox .bewerbEmail .emailAdress:before{
        content:"\203A \203A";
        margin:0 5px 0 20px;
    }

    #ueberUnsDetail{
        position: absolute;
        width: 100vw;
        height: 100vh;
        display:none;
        background-image: url(../img/ueberunsdetailbg.png);
        background-position: center center;
        background-size: cover;
        background-repeat: no-repeat;
        color: #ffffff;
        right: 100vw;
        top: 0;
        opacity:0;
    }
    #ueberUnsDetail .detail{
        width:100vw;
        height:85vh;
        position:relative;
        padding: 15vh 0;

    }
    #ueberUnsDetail .detail .left, #ueberUnsDetail .detail .right{
        height:100%
    }
    #ueberUnsDetail .detail .left{
        width:35vw;
        float:left;
        position:relative;
        padding-right:1vw;
    }
    #ueberUnsDetail .detail .right{
        width:65vw;
        clear:both;
        position:relative;
        padding-left:1vw;
    }
    #ueberUnsDetail .detail .left .personImg{
        width: 133px;
        height: 147px;
        background-color:#FFFFFF;
        background-position:center center;
        background-repeat:no-repeat;
        background-size:cover;
        overflow:hidden;
        margin-bottom:1vh;
    }
    #ueberUnsDetail .detail .left span{
        align-items:left;
        width: 133px;
    }
    #ueberUnsDetail .detail .left .name{
        padding-bottom:0.5vh;
        margin-bottom:0.5vh;
        border-bottom:1px solid #ffffff;
    }
    #ueberUnsDetail .detail .right div{
        padding-bottom:3vh;
    }
    #ueberUnsDetail .detail .right div span:first-of-type{
        font-weight:bold;
    }


/**********SECTION3-END**********/

/**********SECTION4**********/

    #section4 .tablet{
        width: 50vmax;
        /* height: 70vmin; */
        height:35vmax;
        background-position:center center;
        background-repeat:no-repeat;
        background-size:contain;
        background-image:url(../img/tablet.png);
    }

    #section4 .tablet .tabletMenu{
    /*     width: 43vw;
        height: 65vh; */
        width: 50vmax;
        /* height: 70vmin; */
        height:35vmax;
        display:flex;
        align-items:center;
        justify-content:center;
        padding: 5vh 7vw 0 3vw;
        display:flex;
        flex-wrap: wrap;
        align-items:center;
        overflow-y:auto;
    }
    #section4 .tablet .tabletMenu .entry{
        width: 10vmax;
        height: 10vmax;
        margin-right: 3vw;
        padding: 0 1vw;
        cursor:pointer;
    }
    #section4 .tablet .tabletMenu .entry .icon{
        width:100%;
        height:70%;
        background-color:rgba(241, 126, 0, 1);
        position:relative;
        display:flex;
        justify-content:center;
        align-items:center;
        padding: 1vh;
    }
    #section4 .tablet .tabletMenu .entry .icon img{
        width:100%
    }
    #section4 .tablet .tabletMenu .entry .iconbet{
        width:100%;
        height:30%;
        color:rgb(255,255,255);
        text-align: center;
        vertical-align: middle;
        font-size: 1.2vw;
        font-weight:bold;
    }
    #section4 .boxLogo{
        background-color:rgba(241, 126, 0, 1);
        left: 8vw;
        bottom: 16.8vh;
    }
    #section4 .boxLogo div{
        width: 100%;
        height: 100px;
    }
    #section4 .tablet .tabletMenu .entry:hover .iconbet{
        color:rgba(241, 126, 0, 1);
    }
    #section4 .slide.bg, #section4 .slide.bg h2{
        font-family:informaLight;
        font-weight:normal;
    }
    #section4 .slide.bg div[name=first]:after{
        content:"";
        position:absolute;
        width:5vmax;
        height:5vmax;
        background-color:rgba(241, 126, 0, 1);
        background-position: center center;
        background-size: 4vmax;
        background-repeat: no-repeat;
    /*     top: -5vmax;
        left:2vw; */
        top: -18vmax;
        left: -22vw;
        -webkit-box-shadow: inset 0px -6px 10px -10px rgba(0,0,0,0.8);
        -moz-box-shadow: inset 0px -6px 10px -10px rgba(0,0,0,0.8);
        box-shadow: inset 0px -6px 10px -10px rgba(0,0,0,0.8);
        -webkit-transition: 1.5s ease-in-out;
        -moz-transition: 1.5s ease-in-out;
        -o-transition: 1.5s ease-in-out;
        transition: 1.5s ease-in-out;
    }
    #section4 .slide.bg div[name=first].ani:after{
        top: -5vmax !important;
        left:2vw !important;
    }
    #section4 .slide.bg div[class^=box-arr]{
        max-height:45vh;
        height:auto;
    }
    #section4 .slide.bg div p:last-of-type{
        margin-bottom:3.5vmax;
    }
    #section4 .slide.bg.ent div[name=first]:after{
        background-image: url("../img/entwicklung_icon.png");
    }
    #section4 .slide.bg.bla div[name=first]:after{
        background-image: url("../img/blatterkatalog_icon.png");
    }
    #section4 .slide.bg.new div[name=first]:after{
        background-image: url("../img/newsletter_icon.png");
    }
    #section4 .slide.bg.sup div[name=first]:after{
        background-image: url("../img/support_icon.png");
    }
    #section4 .slide.bg.sch div[name=first]:after{
        background-image: url("../img/schnittstellen_icon.png");
    }
    #section4 .slide.bg.hos div[name=first]:after{
        background-image: url("../img/hosting_icon.png");
    }
    #section4 .slide.bg .blackbox{
        bottom: -60vh;
        left: -47vw;
    }
    #section4 .slide.bg [class^=box-arr]{
        /* top: -35vh; */
        right: -26vw;
    }
    #section4 .slide.bg [class*=box-arr],#section4 .slide.bg .blackbox,#section4 .slide.bg [name=zus]{
        opacity:0;
    }

    #section4 .slide.bg.ent .box-arr-left, #section4 .slide.bg.ent .blackbox{
        height:25vh;
    }
    #section4 .slide.bg p,#section4 .slide.bg a,#section4 .slide.bg span{
        font-size:1.5vmin;
    }
    #section4 .slide.bg a{
        font-family:informaBold;
    }
    #section4 .slide.bg.bla .boxLogo{
        left: 8vw;
        bottom: 25.8vh;
    }
    #section4 .slide.bg.bla .box-arr-up{
        width: 20vw;
    }
    #section4 .slide.bg.bla .blackbox{
        width: 30vw;
        height: 43vh;
    }

    #section4 .slide.bg.sup .blackbox{
        width: 18vw;
    }
    #section4 .slide.bg.sup .box-arr-down{
        bottom: calc(-48vh / 2);
        left: -10vw;
        padding:2.8vmin;
        min-width:30vw;
        -webkit-transition: 1s ease-in-out;
        -moz-transition: 1s ease-in-out;
        -o-transition: 1s ease-in-out;
        transition: 1s ease-in-out;
    }
    #section4 .slide.bg.sup .box-arr-down span:not(.glyphicons){
        width: 50%;
    }

    #section4 .slide.bg.sup .box-arr-down span .glyphicons{
        padding-right:15px;
    }

    #section4 .slide.bg.sch .blackbox{
        width: 18vw;
        margin-right:30vw;
    }

    #section4 .slide.bg.hos .box-arr-left{
        top:10vh;
    }
    #section4 .slide.bg div[name=zus]:not(.zus){
        display:none;
    }
    #section4 .slide.bg .zus{
        /* display:flex; */
        position: absolute;
        margin-left: 10vw;
        margin-bottom: 10vh;
        z-index:1;
        top:-50vh;
        right:-50vw;
    }
    #section4 .slide.bg .zus img{
        width: 50vw;
    }


/**********SECTION4-END**********/

/**********SECTION5**********/

#section5>.slide img#karedlogo{
    height:60vh;
    position:absolute;
    z-index:10;
}
#section5>.slide img#laptop{
    height:80vh;
    position:absolute;
    z-index:9;
}
#section5 .laptopScreen #laptop,#section5 .laptopScreen .screen{
    opacity:0;
}
#section5 .laptopScreen{
    position:relative;
}
#section5 .screen{
    background-color: rgba(96,96,95,1);
    position: relative;
    z-index: 8;
    width: 85vh;
    height: 50vh;
    padding: 4vmin;
    overflow: hidden;
    font-size: 0.6vmax;
    margin-bottom: 20vh;
    -webkit-transition: 2s ease;
    -moz-transition: 2s ease;
    -o-transition: 2s ease;
    transition: 2s ease;
}
#section5 .screen.tvoff:before,#section5 .screen.tvoff:after{
    height:50%;
    z-index:11;
}
#section5 .screen.tvon:before,#section5 .screen.tvon:after{
    height:0;
    z-index:11;
}
#section5 .screen:before{
    content:"";
    position:absolute;
    background-color:rgba(15,15,15,1);
    width:100%;
    top:0;
    border-bottom:1px solid rgba(25,25,25,1);
    -webkit-transition: 2s ease;
    -moz-transition: 2s ease;
    -o-transition: 2s ease;
    transition: 2s ease;
}
#section5 .screen:after{
    content:"";
    position:absolute;
    background-color:rgba(15,15,15,1);
    width:100%;
    bottom:0;
    border-top:1px solid rgba(25,25,25,1);
    -webkit-transition: 2s ease;
    -moz-transition: 2s ease;
    -o-transition: 2s ease;
    transition: 2s ease;
}
#section5 .screen span, #section5 .screen p{
    font-size:0.6vmax;
}

#section5 .screen h2{
    font-family:informaLight;
    font-size:1vmax;
}


#section5 .screen .screenContent{
    height:100%;
}

#section5 .screen .screenContent .first, #section5 .screen .screenContent .second{
    height:100%;
    padding:1vmax;
    position:relative;
    z-index:5;
}
#section5 .screen .screenContent .first{
    background-color:rgba(241, 126, 0, 1);
    color:#ffffff;
}

#section5 .screen .screenContent .second{
    background-color:rgba(251, 255, 255, 1);
    color:#000000;
}

#section5 .screen .screenContent .second .kared_icon{
    background-position:center center;
    background-repeat:no-repeat;
    background-size:contain;
    background-image:url(../img/kared_icon.png);
    width: 5vmax;
    height: 5vmax;
    margin-right:1vw;
}
#section5 .screen .screenContent .second .kared_screenshot{
    height:26vh;
    background-position:center center;
    background-repeat:no-repeat;
    background-size:contain;
    background-image:url(../img/kared_screenshot.jpg);
}
#section5 .karhelpbtn{
    position:absolute;
    background-color:rgba(241, 126, 0, 1);
    color:rgba(255, 255, 255, 1);
    padding:1vmin;
    right: 5vmin;
    top: 40vmin;
    z-index:10;
    opacity:0;

}
#section5 .karhelpbtn .pdfico{
    background-position:center center;
    background-repeat:no-repeat;
    background-size:contain;
    background-image:url(../img/pdf_icon.png);
    width: 2vmin;
    height: 2vmin;
    margin-right: 0.4vw;
}

/**********SECTION5-END**********/

/**********SECTION6**********/
#section6 .slide{
    overflow:hidden;
}
#section6 .slide .designMenu{
    position:relative;
    z-index:10;
}

#section6 .slide .designMenu .CompleteMenu{
    width: 45vw;
    position:relative;
    -webkit-transition: 1s ease;
    -moz-transition: 1s ease;
    -o-transition: 1s ease;
    transition: 1s ease;
}
#section6 .slide .designMenu .CompleteMenu>img{
    /* height:61.1vh; */
    height:31.5vmax;
}
#section6 .slide .designMenu .CompleteMenu.off{
    right: -75vw;
    top: -75vh;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
}
#section6 .slide .designMenu .CompleteMenu.on{
    right: 0;
    top: 0;
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
}
#section6 .slide .designMenu .CompleteMenu>img[src*=design_menu_r]{
    transform-origin: 0 30.505vh;
    -webkit-transition: 2s ease;
    -moz-transition: 2s ease;
    -o-transition: 2s ease;
    transition: 2s ease;
}
#section6 .slide .designMenu .CompleteMenu>img.turnPage{
    -webkit-transform: perspective(100vh) rotateY(-90deg);
    -moz-transform: perspective(100vh) rotateY(-90deg);
    -o-transform: perspective(100vh) rotateY(-90deg);
    -ms-transform: perspective(100vh) rotateY(-90deg);
    transform: perspective(100vh) rotateY(-90deg);
}
#section6 .slide .designMenu .overlay{
    position:relative;
    width:100%;
    height:100%;
}
#section6 .slide .designMenu .overlay{
    position:absolute;
    top:0;
    left:0;
    background-position:center center;
    background-repeat:no-repeat;
    background-size:contain;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transform: translate3d(0,0,0);

}
#section6 .slide .designMenu .overlay > div{
    background-position:center center;
    background-repeat:no-repeat;
    background-size:contain;
    position:absolute;
    opacity:0;
    -webkit-transition:opacity 2s ease;
    -moz-transition:opacity 2s ease;
    -o-transition:opacity 2s ease;
    transition:opacity 2s ease;
    cursor:pointer;
}
#section6 .slide .designMenu .overlay span, #section6 .slide .skipDrag span{
    font-family:design;
    font-weight:bold;
    font-size: 1vw;
    line-height: 3vh;
}
#section6 .slide .skipDrag{
    z-index:10;
    position: absolute;
    top: 5vh;
    width: 100vw;
    text-align: center;
    opacity:0;
    -webkit-transition:opacity 2s ease;
    -moz-transition:opacity 2s ease;
    -o-transition:opacity 2s ease;
    transition:opacity 2s ease;
}

#section6 .slide .skipDrag>span{
    background-image: url(../img/designmenu_katalogsatz_o_small_border_empty.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    padding: 1vmin;
    cursor:pointer;
}
#section6 .slide .designTut{
    position: relative;
    width: 100vw;
    /* bottom: 5vh; */
    opacity:0;
    z-index:11;
}

#section6 .slide .designTut .cursor{
    padding-right:1vw;
    position:relative;
}
#section6 .slide .designMenu .designKatS{
    top: 10.7vmax;
    left: 2vmax;
    transform: rotate(-3deg);
    -webkit-transition-delay:0.1s;
    -moz-transition-delay:0.1s;
    -o-transition-delay:0.1s;
    transition-delay:0.1s;
}
#section6 .slide .designMenu .designPriS{
    top: 16.6vmax;
    left: 10.6vmax;
    transform: rotate(-3deg);
    -webkit-transition-delay:0.2s;
    -moz-transition-delay:0.2s;
    -o-transition-delay:0.2s;
    transition-delay:0.2s;
}
#section6 .slide .designMenu .overlay .designKatO{
    background-image:url(../img/designmenu_katalogsatz_o_small.png);
    width: 19vmax;
    height: 10vmax;
    top: 2vmax;
    left: 1vmax;
    -webkit-transition-delay:0.3s;
    -moz-transition-delay:0.3s;
    -o-transition-delay:0.3s;
    transition-delay:0.3s;
}
#section6 .slide .designMenu .designCorS{
    top: 9.6vmax;
    right: 13.7vmax;
    transform: rotate(-0.1deg);
    -webkit-transition-delay:0.4s;
    -moz-transition-delay:0.4s;
    -o-transition-delay:0.4s;
    transition-delay:0.4s;
}
#section6 .slide .designMenu .overlay .designPriO{
    background-image:url(../img/designmenu_print_o_small.png);
    width: 9vmax;
    height: 13vmax;
    top: 17.5vmax;
    left: 1vmax;
    -webkit-transition-delay:0.5s;
    -moz-transition-delay:0.5s;
    -o-transition-delay:0.5s;
    transition-delay:0.5s;
}
#section6 .slide .designMenu .designWebS{
    top: 9.4vmax;
    right: 5.6vmax;
    transform: rotate(-3deg);
    -webkit-transition-delay:0.6s;
    -moz-transition-delay:0.6s;
    -o-transition-delay:0.6s;
    transition-delay:0.6s;
}
#section6 .slide .designMenu .overlay .designCorO{
    background-image:url(../img/designmenu_corporate_o_small.png);
    width: 9vmax;
    height: 9vmax;
    top: 1.7vmax;
    right: 14vmax;
    -webkit-transition-delay:0.7s;
    -moz-transition-delay:0.7s;
    -o-transition-delay:0.7s;
    transition-delay:0.7s;
}
#section6 .slide .designMenu .designIllS{
    top: 24.2vmax;
    right: 15.3vmax;
    transform: rotate(-3deg);
    -webkit-transition-delay:0.8s;
    -moz-transition-delay:0.8s;
    -o-transition-delay:0.8s;
    transition-delay:0.8s;
}
#section6 .slide .designMenu .overlay .designWebO{
    background-image:url(../img/designmenu_webdesign_o_small.png);
    width: 9.6vmax;
    height: 10vmax;
    top: 1vmax;
    right: 3vmax;
    -webkit-transition-delay:0.9s;
    -moz-transition-delay:0.9s;
    -o-transition-delay:0.9s;
    transition-delay:0.9s;
}
#section6 .slide .designMenu .designFotS{
    top: 16.5vmax;
    right: 7vmax;
    transform: rotate(-0.1deg);
    -webkit-transition-delay:1s;
    -moz-transition-delay:1s;
    -o-transition-delay:1s;
    transition-delay:1s;
}
#section6 .slide .designMenu .overlay .designIllO{
    background-image:url(../img/designmenu_illustrationen_o_small.png);
    width: 8.7vmax;
    height: 9vmax;
    top: 16.5vmax;
    right: 14.2vmax;
    -webkit-transition-delay:1.1s;
    -moz-transition-delay:1.1s;
    -o-transition-delay:1.1s;
    transition-delay:1.1s;
}
#section6 .slide .designMenu .overlay .designFotO{
    background-image:url(../img/designmenu_fotografie_o_small.png);
    width: 9vmax;
    height: 9vmax;
    top: 22.3vmax;
    right: 3.5vmax;
    -webkit-transition-delay:1.2s;
    -moz-transition-delay:1.2s;
    -o-transition-delay:1.2s;
    transition-delay:1.2s;
}

#section6 .slide .designMenu .drag>div{
    width:5vmax;
    height:5vmax;
    position:absolute;
    background-position:center center;
    background-repeat:no-repeat;
    background-size:contain;
    cursor:pointer;
    opacity:0;
    -webkit-transition:opacity 2s ease;
    -moz-transition:opacity 2s ease;
    -o-transition:opacity 2s ease;
    transition:opacity 2s ease;
}

#section6 .slide .designMenu .drag>div:hover:not(.done){
    border: 0.5vmax solid rgba(78,78,77,1);
}

#section6 .slide .designMenu .dragKat{
    background-image:url(../img/design_menu_kat_icon.jpg);
    top: -3vmax;
    left: -10vmax;
    -webkit-transition-delay:0.7s;
    -moz-transition-delay:0.7s;
    -o-transition-delay:0.7s;
    transition-delay:0.7s;
}
#section6 .slide .designMenu .dragPri{
    background-image:url(../img/design_menu_pri_icon.jpg);
    right: -6vmax;
    top: 0vmax;
    -webkit-transition-delay:0.8s;
    -moz-transition-delay:0.8s;
    -o-transition-delay:0.8s;
    transition-delay:0.8s;
}
#section6 .slide .designMenu .dragCor{
    background-image:url(../img/design_menu_cor_icon.jpg);
    top: 23vmax;
    right: -7vmax;
    -webkit-transition-delay:0.9s;
    -moz-transition-delay:0.9s;
    -o-transition-delay:0.9s;
    transition-delay:0.9s;
}
#section6 .slide .designMenu .dragWeb{
    background-image:url(../img/design_menu_web_icon.jpg);
    top: 25vmax;
    left: -11vmax;
    -webkit-transition-delay:1s;
    -moz-transition-delay:1s;
    -o-transition-delay:1s;
    transition-delay:1s;
}
#section6 .slide .designMenu .dragIll{
    background-image:url(../img/design_menu_ill_icon.jpg);
    right: -15vmax;
    top: 10vmax;
    -webkit-transition-delay:1.1s;
    -moz-transition-delay:1.1s;
    -o-transition-delay:1.1s;
    transition-delay:1.1s;
}
#section6 .slide .designMenu .dragFot{
    background-image:url(../img/design_menu_fot_icon.jpg);
    top: 15vmax;
    left: -7vmax;
    -webkit-transition-delay:1.2s;
    -moz-transition-delay:1.2s;
    -o-transition-delay:1.2s;
    transition-delay:1.2s;
}
#section6 .slide .designMenu .dragKat:hover{
    background-image:url(../img/design_menu_kat_icon_hover.jpg);
}
#section6 .slide .designMenu .dragPri:hover{
    background-image:url(../img/design_menu_pri_icon_hover.jpg);
}
#section6 .slide .designMenu .dragCor:hover{
    background-image:url(../img/design_menu_cor_icon_hover.jpg);
}
#section6 .slide .designMenu .dragWeb:hover{
    background-image:url(../img/design_menu_web_icon_hover.jpg);
}
#section6 .slide .designMenu .dragIll:hover{
    background-image:url(../img/design_menu_ill_icon_hover.jpg);
}
#section6 .slide .designMenu .dragFot:hover{
    background-image:url(../img/design_menu_fot_icon_hover.jpg);
}

#section6 .slide .designDetail{
    position: absolute;
    height: 31.5vmax;
    width: 45vmax;
/*    height: 100vh;
    width: 100vw;*/
    z-index:9;
    -webkit-transition:width 2s ease,height 2s ease;
    -moz-transition:width 2s ease,height 2s ease;
    -o-transition:width 2s ease,height 2s ease;
    transition:width 2s ease,height 2s ease;
}
#section6 .slide .designDetail .full{
    height: 100vh !important;
    width: 100vw !important;
    -webkit-transform: rotate(0deg) !important;
    -moz-transform: rotate(0deg) !important;
    -o-transform: rotate(0deg) !important;
    -ms-transform: rotate(0deg) !important;
    transform: rotate(0deg) !important;
}
#section6 .slide .designDetail .border_bg{
    background-position:center center;
    background-size:cover;
    background-repeat:no-repeat;
    background-attachment:fixed;
    -webkit-transition:top 2s ease,left 2s ease,bottom 2s ease,right 2s ease,height 2s ease,width 2s ease,opacity 2s ease;
    -moz-transition:top 2s ease,left 2s ease,bottom 2s ease,right 2s ease,height 2s ease,width 2s ease,opacity 2s ease;
    -o-transition:top 2s ease,left 2s ease,bottom 2s ease,right 2s ease,height 2s ease,width 2s ease,opacity 2s ease;
    transition:top 2s ease,left 2s ease,bottom 2s ease,right 2s ease,height 2s ease,width 2s ease,opacity 2s ease;
}
#section6 .slide .designDetail .border_bg > img.rahmen{
    width: 100%;
    height:110%;
    position:relative;
    -webkit-transition:opacity 2s ease;
    -moz-transition:opacity 2s ease;
    -o-transition:opacity 2s ease;
    transition:opacity 2s ease;
}
#section6 .slide .designDetail .border_bg.designKat_border{
    position: absolute;
    top: 2vmax;
    width: 18vmax;
    height: 8vmax;
    left: 1.5vmax;
    background-image: url(../img/designKat_bg.jpg);
    -webkit-transform: rotate(-2deg);
    -moz-transform: rotate(-2deg);
    -o-transform: rotate(-2deg);
    -ms-transform: rotate(-2deg);
    transform: rotate(-2deg);
}
#section6 .slide .designDetail .border_bg.designKat_border>img{
    -webkit-transform: rotate(2deg);
    -moz-transform: rotate(2deg);
    -o-transform: rotate(2deg);
    -ms-transform: rotate(2deg);
    transform: rotate(2deg);
    /* top: -0.3vmax; */
}
#section6 .slide .designDetail .border_bg.designKat_border.full{
    top: 0 !important;
    left: 0 !important;
}
#section6 .slide .designDetail .border_bg.designPri_border{
    position: absolute;
    top: 18vmax;
    width: 8.4vmax;
    height: 11vmax;
    left: 1.5vmax;
    background-image: url(../img/designPri_bg.jpg);
    -webkit-transform: rotate(-1deg);
    -moz-transform: rotate(-1deg);
    -o-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    transform: rotate(-1deg);

}
#section6 .slide .designDetail .border_bg.designPri_border>img{
    -webkit-transform: rotate(1deg);
    -moz-transform: rotate(1deg);
    -o-transform: rotate(1deg);
    -ms-transform: rotate(1deg);
    transform: rotate(1deg);
    width: 100%;
    height: 100%;

    /* top: -0.3vmax; */
}
#section6 .slide .designDetail .border_bg.designPri_border.full{
    top: 0 !important;
    left: 0 !important;
}
#section6 .slide .designDetail .border_bg.designCor_border{
    position: absolute;
    top: 1.9vmax;
    width: 9vmax;
    height: 8vmax;
    right: 14vmax;
    background-image: url(../img/designCor_bg.jpg);
    -webkit-transform: rotate(-1deg);
    -moz-transform: rotate(-1deg);
    -o-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    transform: rotate(-1deg);

}
#section6 .slide .designDetail .border_bg.designCor_border>img{
    -webkit-transform: rotate(1deg);
    -moz-transform: rotate(1deg);
    -o-transform: rotate(1deg);
    -ms-transform: rotate(1deg);
    transform: rotate(1deg);
    width: 100%;
    height: 100%;
}
#section6 .slide .designDetail .border_bg.designCor_border.full{
    top: 0 !important;
    right: 0 !important;
}
#section6 .slide .designDetail .border_bg.designIll_border{
    position: absolute;
    top: 17.2vmax;
    width: 8.5vmax;
    height: 7vmax;
    right: 14.3vmax;
    background-image: url(../img/designCor_bg.jpg);
    -webkit-transform: rotate(-1deg);
    -moz-transform: rotate(-1deg);
    -o-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    transform: rotate(-1deg);

}
#section6 .slide .designDetail .border_bg.designIll_border>img{
    -webkit-transform: rotate(1deg);
    -moz-transform: rotate(1deg);
    -o-transform: rotate(1deg);
    -ms-transform: rotate(1deg);
    transform: rotate(1deg);
    width: 100%;
    height: 100%;
}
#section6 .slide .designDetail .border_bg.designIll_border.full{
    top: 0 !important;
    right: 0 !important;
}
#section6 .slide .designDetail .border_bg.designWeb_border{
    position: absolute;
    top: 1.8vmax;
    width: 9.5vmax;
    height: 7.9vmax;
    right: 3.1vmax;
    background-image: url(../img/designWeb_bg.jpg);
    -webkit-transform: rotate(-1deg);
    -moz-transform: rotate(-1deg);
    -o-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    transform: rotate(-1deg);

}
#section6 .slide .designDetail .border_bg.designWeb_border>img{
    -webkit-transform: rotate(1deg);
    -moz-transform: rotate(1deg);
    -o-transform: rotate(1deg);
    -ms-transform: rotate(1deg);
    transform: rotate(1deg);
    width: 100%;
    height: 100%;
}
#section6 .slide .designDetail .border_bg.designWeb_border.full{
    top: 0 !important;
    right: 0 !important;
}
#section6 .slide .designDetail .border_bg.designFot_border{
    position: absolute;
    top: 23.5vmax;
    width: 9vmax;
    height: 6vmax;
    right: 3.4vmax;
    background-image: url(../img/designFot_bg.jpg);
    -webkit-transform: rotate(-1deg);
    -moz-transform: rotate(-1deg);
    -o-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    transform: rotate(-1deg);

}
#section6 .slide .designDetail .border_bg.designFot_border>img{
    -webkit-transform: rotate(1deg);
    -moz-transform: rotate(1deg);
    -o-transform: rotate(1deg);
    -ms-transform: rotate(1deg);
    transform: rotate(1deg);
    width: 100%;
    height: 100%;
}
#section6 .slide .designDetail .border_bg.designFot_border.full{
    top: 0 !important;
    right: 0 !important;
}
#section6 .slide .designDetail .designText{
    opacity:0;
    -webkit-transition:opacity 0.1s ease;
    -moz-transition:opacity 0.1s ease;
    -o-transition:opacity 0.1s ease;
    transition:opacity 0.1s ease;
    height:100%;
}

#section6 .slide .designDetail .designText div[name=first],
#section6 .slide .designDetail .designText div[name=second],
#section6 .slide .designDetail .designText div[name=zus]{
    -webkit-transition:1s ease;
    -moz-transition:1s ease;
    -o-transition:1s ease;
    transition:1s ease;
}
#section6 .slide .designDetail .designText div[name=first]{
    position: absolute;
    bottom: -12vmax;
    left: -25vmax;
}
#section6 .slide .designDetail .designText div[name=first]:after{
    content:"";
    position:absolute;
    width:5vmax;
    height:5vmax;
    background-color:rgba(241, 126, 0, 1);
    background-position: center center;
    background-size: 4vmax;
    background-repeat: no-repeat;
    top: -18vmax; 
    left: -22vw;
    -webkit-box-shadow: inset 0px -6px 10px -10px rgba(0,0,0,0.8);
    -moz-box-shadow: inset 0px -6px 10px -10px rgba(0,0,0,0.8);
    box-shadow: inset 0px -6px 10px -10px rgba(0,0,0,0.8);
    -webkit-transition: 1.5s ease-in-out;
    -moz-transition: 1.5s ease-in-out;
    -o-transition: 1.5s ease-in-out;
    transition: 1.5s ease-in-out;
}
#section6 .slide .designDetail .designText div[name=first].ani:after{
    top: -5vmax !important;
    left:2vw !important;
}
#section6 .slide .designDetail .designText div[name=second]{
    position: absolute;
    right: -30vmax;
    top: 15vmax;
}
#section6 .slide .designDetail .designText div[name=zus]{
    opacity:0;
    position: absolute;
    top: -15vmax;
    right: -15vmax;
}
#section6 .slide .designDetail .designText div.zus{
    opacity:1;
}

#section6 .slide .designDetail .designText.Kat div[name=first]:after{
    background-image: url("../img/design_menu_kat_icon.jpg");
}
#section6 .slide .designDetail .designText.Kat div[name=first]{
    bottom: 30vh;
    left: 22vw;
}
#section6 .slide .designDetail .designText.Kat div[name=second]{
    right: 23vw;
    height: 23vh;
    top: 45vh;
}
#section6 .slide .designDetail .designText.Kat div[name=zus]{
    top: 22vh;
    right: 24vw;
}
#section6 .slide .designDetail .designText.Kat div[name=zus]>img{
    height: 23vh;
}

#section6 .slide .designDetail .designText.Pri div[name=first]:after{
    background-image: url("../img/design_menu_pri_icon.jpg");
}
#section6 .slide .designDetail .designText.Pri div[name=first]{
    bottom: 29.4vh;
    left: 28vw;
    height: 48.3vh;
    background-position: top right;
    background-size: 5.3vmax;
    background-repeat: no-repeat;
    background-image: url("../img/design_print_blk_bg.png");
}
#section6 .slide .designDetail .designText.Pri div[name=second]{
    right: 31vw;
    height: 48.3vh;
    top: 22.3vh;
    width: 16vw;
    background-position: top left, bottom right;
    background-size: 5.2vmax ,10.5vmax;
    background-repeat: no-repeat;
    background-image: url("../img/design_print_org_o_bg.png"), url("../img/design_print_org_u_bg.png");
}
#section6 .slide .designDetail .designText.Pri div[name=zus]{
/*     top: 28.4vmax;
    right: 28.2vmax; */
    position:absolute;
    height: 12.4vmax;
    width: 12.4vmax;
}
#section6 .slide .designDetail .designText.Pri div[name=zus]>img{
    height: 12.4vmax;
    width: 12.4vmax;
}

#section6 .slide .designDetail .designText.Cor div[name=first]:after{
    background-image: url("../img/design_menu_cor_icon.jpg");
}
#section6 .slide .designDetail .designText.Cor div[name=first]{
    bottom: 40vh;
    left: 26.4vw;
    width: 23.6vw;
    height: 28vh;
}
#section6 .slide .designDetail .designText.Cor div[name=second]{
    right: 29vw;
    top: 22.3vh;
    width: 21vw;
}

#section6 .slide .designDetail .designText.Ill div[name=first]:after{
    background-image: url("../img/design_menu_ill_icon.jpg");
}
#section6 .slide .designDetail .designText.Ill div[name=first]{
    bottom: 23vh;
    left: 22.4vw;
    width: 58vw;
    /* height: 57vh; */
}
#section6 .slide .designDetail .designText.Ill div[name=second]{
    right: 0;
    height: 0;
    top: 0;
    width: 0;
}

#section6 .slide .designDetail .designText.Web div[name=first]:after{
    background-image: url("../img/design_menu_web_icon.jpg");
}
#section6 .slide .designDetail .designText.Web div[name=first]{
    bottom: 36vh;
    left: 22.4vw;
    width: 50vw;
    height: 35vh;
}
#section6 .slide .designDetail .designText.Web div[name=second]{
    right: 52.6vw;
    height: 17vh;
    top: 47vh;
    width: 25vw;
}
#section6 .slide .designDetail .designText.Web div[name=zus]{
    top: 43.3vh;
    right: 11.2vw;
}
#section6 .slide .designDetail .designText.Web div[name=zus]>img{
    height: 24.3vh;
}

#section6 .slide .designDetail .designText.Fot div[name=first]:after{
    background-image: url("../img/design_menu_fot_icon.jpg");
}
#section6 .slide .designDetail .designText.Fot div[name=first]{
    bottom: 38vh;
    left: 22.4vw;
    width: 29vw;
    height: 30vh;
}
#section6 .slide .designDetail .designText.Fot div[name=second]{
    right: 23.6vw;
    top: 17vh;
    width: 25vw;
}
/* #section6 .slide .designDetail .designText.Fot div[name=zus]{
    top: 33.5vh;
    right: 62.8vw;
    opacity: 0.5;
}
#section6 .slide .designDetail .designText.Fot div[name=zus]>img{
    height: 28vmax;
    width: 25vmax;
}
#section6 .slide .designDetail .designText.Fot div.second[name=zus]{
    top: 42.7vh;
    right: 63.4vw;
    opacity: 0.3;
}
#section6 .slide .designDetail .designText.Fot div.second[name=zus]>img{
    height: 17vmax;
    width: 15.4vmax;
} */

/**********SECTION6-END**********/

/**********SECTION7**********/

#section7 .box{
    width:50vw;
    height:100vh;
    background-size:cover;
    background-repeat:no-repeat;
    position:relative;
    -webkit-transition:left 1s ease,right 1s ease;
    -moz-transition:left 1s ease,right 1s ease;
    -o-transition:left 1s ease,right 1s ease;
    transition:left 1s ease,right 1s ease;
    color:rgba(255,255,255,1);
}
#section7 .box .text{
    height: 100vh;
    width: 35vw;
}
#section7 .box .text>span{
    font-size: 10vh;
    text-align: center;
    cursor:pointer;
    font-family: informaLight;
}
#section7 .box .text>span:hover{
    font-size: 10vh;
    text-align: center;
}
#section7 .box .text>span:hover:after{
    content: "";
    display: flex;
    height: 1.5vh;
    position: absolute;
    width: 35vw;
    background:url(../img/strich.png) no-repeat center center;
    background-size: 100% 1.5vh;
}
#section7 .box.refer{
    background-position:right center;
    background-color:rgba(240,141,0,1);
    left:-50vw;
}
#section7 .box.kunde{
    background-position:left center;
    background-color:rgba(25,25,25,1);
    right:-50vw;
}
#section7 .slide.projekte{
    background-position:center center;
    background-size:cover;
    background-repeat:no-repeat;
    background-attachment:fixed;
}
#section7 .slide.projekte .headline{
    text-align: left;
    width: calc(45vw - 17px);
    height: 10vh;
    width: 100vw;
    padding: 0 31.5vw;
}
#section7 .slide.projekte .headbez{
    height: 100%;
    width: 15vw;

}
#section7 .slide.projekte .menuicons{
    display:none;
    height: 100%;
    width: 22vw;
}
#section7 .slide.projekte .headline h1{
    font-size: 3vh;
    margin:1vh 0;
}
#section7 .slide.projekte .headline h2{
    display:none;
}
#section7 .slide.projekte .noScroll{
    width:calc(45vw - 17px);
    overflow:hidden;
    position:relative;
    padding: 2.5vh 0;
}
#section7 .slide.projekte .content{
    max-height: 80vh;
    height: 80vh;
    width: 45vw;
    overflow-y: scroll;
    overflow-x: hidden;
    position: relative;
}
#section7 .slide.projekte .noScroll #kundenScroll{
    max-height: 80vh;
    height: 80vh;
    margin:2.5vh 0;
}
#section7 .slide.projekte .content .innerContent{
    width: 100%;
}

#section7 .slide.projekte.kunden{
    background-image:url(../img/HG.jpg);
}
#section7 .slide.projekte.kunden .content .innerContent div{
    margin: 0.3vh;
    overflow: hidden;
    height: 7vmax;
    width: 9vmax;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #fff;
    cursor:pointer;
    background-position:center center;
    background-size:contain;
    background-repeat:no-repeat;
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(1); /* Google Chrome, Safari 6+ & Opera 15+ */
    filter: grayscale(1); /* Microsoft Edge and Firefox 35+ */
    z-index:1;
    position:relative;
}
#section7 .slide.projekte.kunden .content .innerContent div:after{
    content: "";
    display: flex;
    height: 0.3vh;
    position: absolute;
    width: 0vw;
    background-color: rgba(240,141,0,1);
    bottom: 0px;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}
#section7 .slide.projekte.kunden .content .innerContent div:hover{
    -webkit-filter: grayscale(0);
    filter: none;
    z-index:2;
}
#section7 .slide.projekte.kunden .content .innerContent div:hover:after{
    width:9vw;
}
#section7 .slide.projekte.kunden .headline{
    color:rgba(0,0,0,1);
}



#section7 .slide.projekte.referenzen{
    background-image:url(../img/HG-schwarz.jpg);
}
#section7 .slide.projekte.referenzen .headline{
    color:rgba(255,255,255,1);
    background-color:rgba(32,32,32,0.9);
    -webkit-box-shadow: 10px 10px 15px 0px rgba(0,0,0,1);
    -moz-box-shadow: 10px 10px 15px 0px rgba(0,0,0,1);
    box-shadow: 10px 10px 15px 0px rgba(0,0,0,1);
    position:relative;
    top:-10vh;
    -webkit-transition: top 1.5s ease-in-out;
    -moz-transition: top 1.5s ease-in-out;
    -o-transition: top 1.5s ease-in-out;
    transition: top 1.5s ease-in-out;
}
#section7 .slide.projekte.referenzen .headline h2{
    color:rgba(240,141,0,1);
    display:inherit;
    font-size: 1.5vh;
    font-family: informaLight;
}

#section7 .slide.projekte.referenzen .noScroll #kundenScroll{
    background-color: rgba(255,255,255,0.1);
}
#section7 .slide.projekte.referenzen .menuicons>div{
    width:2vmax;
    height:2vmax;
    margin: 0.2vmax;
    background-color:rgba(240,141,0,1);
    background-position:center center;
    background-size:90% 90%;
    background-repeat:no-repeat;
    cursor:pointer;
}
#section7 .slide.projekte.referenzen .menuicons>div:hover{
    /* border:0.15vmax solid rgba(255,255,255,1); */
    background-color:rgba(255,255,255,1);

}
#section7 .slide.projekte.referenzen .menuicons{
    display:flex;
}
#section7 .slide.projekte.referenzen .menuicons .active{
    background-color:rgba(255,255,255,1);
}

#section7 .slide.projekte.referenzen .menuicons .kat{
    background-image: url("../img/design_menu_kat_icon.jpg");
}
#section7 .slide.projekte.referenzen .menuicons .print{
    background-image: url("../img/design_menu_pri_icon.jpg");
}
#section7 .slide.projekte.referenzen .menuicons .cor{
    background-image: url("../img/design_menu_cor_icon.jpg");
}
#section7 .slide.projekte.referenzen .menuicons .web{
    background-image: url("../img/design_menu_web_icon.jpg");
}
#section7 .slide.projekte.referenzen .menuicons .ill{
    background-image: url("../img/design_menu_ill_icon.jpg");
}
#section7 .slide.projekte.referenzen .menuicons .foto{
    background-image: url("../img/design_menu_fot_icon.jpg");
}
#section7 .slide.projekte.referenzen .menuicons .ent{
    background-image: url("../img/entwicklung_icon.png");
}
#section7 .slide.projekte.referenzen .menuicons .bla{
    background-image: url("../img/blatterkatalog_icon.png");
}
#section7 .slide.projekte.referenzen .menuicons .news{
    background-image: url("../img/newsletter_icon.png");
}
#section7 .slide.projekte.referenzen .content .innerContent{
    opacity:1;
    -webkit-transition: opacity 0.5s ease-in-out;
    -moz-transition: opacity 0.5s ease-in-out;
    -o-transition: opacity 0.5s ease-in-out;
    transition: opacity 0.5s ease-in-out;
}
#section7 .slide.projekte.referenzen .content .innerContent>div{
    margin: 0.3vh;
    overflow: hidden;
    height: 9vmax;
    width: 11vmax;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    background-color: #fff;
    cursor:pointer;
    background-position:center center;
    background-size:cover;
    background-repeat:no-repeat;
    position:relative;
}
/* #section7 .slide.projekte.referenzen .content .innerContent>div.marked:after{
    content:"";
    width: 11vmax;
    height:1vmin;
    background-color: rgba(240,141,0,0.8);
    position:absolute;
    bottom:0;
    left:0;
} */

#section7 .slide.projekte.referenzen .content .innerContent div>.slideIn{
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    color: rgba(255,255,255,1);
    font-family: informaRegular;
    font-size: 1.6vh;
    background-color: rgba(240,141,0,0.8);
    position: relative;
    top: 100%;
    -webkit-transition: top 0.25s ease-in-out;
    -moz-transition: top 0.25s ease-in-out;
    -o-transition: top 0.25s ease-in-out;
    transition: top 0.25s ease-in-out;
}
#section7 .slide.projekte.referenzen .content .innerContent div>.slideIn .beschr{
    font-family: informaLight;
    font-size: 1.4vh;
}
#section7 .slide.projekte.referenzen .content .innerContent div>.slideIn hr{
    width:85%;
    height:2px;
}
#section7 .slide.projekte.detail{
    background-image:url(../img/HG.jpg);
}
#section7 .slide.projekte.detail .headbez{
    height: 10vh;
    width: 25vw;
}
#section7 .slide.projekte.detail .noScroll #detailScroll{
    max-height: 80vh;
    height: 80vh;
    margin:2.5vh 0;
}
#section7 .slide.projekte.detail .innerContent .detailShowcase{
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    height: 20vmax;
    width: 25vmax;
    margin-bottom: 2vmax;
}
/**********SECTION7-END**********/

/**********SECTION8**********/

#section8 .blackbox{
    height: 3vmax;
    padding: 0.5vmax;
    width: 30.5vmax;
    position: absolute;
    font-family: informaLight;
    font-size: 1.5vmax;
}
#section8 .blackbox.anfahrt{
    top: 15vmax;
    left: 0;
}
#section8 .blackbox.anfahrt .anfcar{
    margin-right: 1vmax;
    height: 1.5vmax;
    left: -20vmax;
    position: relative;
    -webkit-transition:1s ease-in-out;
    -moz-transition:1s ease-in-out;
    -o-transition:1s ease-in-out;
    transition:1s ease-in-out;
}
#section8 .blackbox.anfahrt .anfcar.break{
    left: 0vmax;
}

#section8 .blackbox.kontakt{
    bottom: 15vmax;
    right: 0;
    font-size: 0.7vmax;
}


#section8 .blackbox.kontakt span.glyphicons{
    margin-right:0.2vmax;
}

/**********SECTION8-END**********/

/**********SECTION9**********/

#section9 .content{
    background: -moz-radial-gradient(center, ellipse cover,  rgba(0,0,0,1) 0%, rgba(0,0,0,0.7) 100%);
    background: -webkit-radial-gradient(center, ellipse cover,  rgba(0,0,0,1) 0%,rgba(0,0,0,0.7) 100%);
    background: radial-gradient(ellipse at center,  rgba(0,0,0,1) 0%,rgba(0,0,0,0.7) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#b3000000',GradientType=1 );
    /* padding: 0 20vw; */
    width: 100vw;
    height: 85vh;
    position: absolute;
    top: 5vh;
    color:rgba(255,255,255,1);
}
#section9 .content .contentInner{
    height: 84vh;
}
#section9 .content .contentInner>div:not(.headline){
    height:20vh;
    position:relative;
    margin-bottom:2vh;
}
#section9 .content>div:not(:first-child):not(:last-child){
    border-bottom:1px solid rgba(255,255,255,1);
}
#section9 .content .headline{
    height: 10vh;
    padding: 2vh 0;
    margin-bottom:2vh;
    width: 100%;
}
#section9 .content .headline h1{
    margin:0;
    font-size:3.5vh;
}
#section9 .content .headline .kontaktLogo{
    width: 2vmax;
    height: 2vmax;
    margin-right:1vw;
    background-image:url(../img/kontakt_logo.png);
    background-position:center center;
    background-size:contain;
    background-repeat:no-repeat;
}
#section9 .content .kontaktDets{
    /* width: 8.2vw; */
    width: 11vw;
    margin-right: 1vw;
    position:relative;
}
.kontaktDets > .img, .kontaktDets > .pos {
    margin-bottom: 0.5vh;
}
#section9 .content .kontaktDets .img{
    width:5vmax;
    height:5vmax;
    background-position:center center;
    background-size:cover;
    background-repeat:no-repeat;

}
#section9 .content .kontaktDets .name{
    font-family: informaRegular;
    font-size: 1.6vh;
}
#section9 .content .kontaktDets .pos{
    font-family: informaLight;
    font-size: 1.2vh;
    -moz-hyphens: auto;
    -o-hyphens: auto;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
}
#section9 .content .kontaktDets .butt{
    font-family: informaRegular;
    font-size: 1vh;
    border: 1px solid rgba(255,255,255,1);
    padding: 0.05vmax 0.3vmax;
    cursor:pointer;
}
#section9 .content .kontaktDets .butt:hover{
    color:rgba(240,141,0,0.8);
    border: 1px solid rgba(240,141,0,0.8);
}
#section9 .content .c_chefs{
    height:20vh;
    position:relative;
}
#section9 .content .c_chefs .trenn{
    width: 1vw;
    height: 20vh;
    background-image: url(../img/kontakt_trenn.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    position: relative;
    bottom: 2vh;
}
#section9 .content .c_vertrieb{
    height:20vh;
    position:relative;
}
#section9 .content .c_chefs .chefChris:before, #section9 .content .c_chefs .chefDetlef:before, #section9 .content .c_vertrieb:before, #section9 .content .c_grafik:before, #section9 .content .c_it:before{
    font-family: informaRegular;
    font-size: 1.6vh;
    text-transform:uppercase;
    position: absolute;
    left: 0;
    bottom: 95%;
}
#section9 .content .c_chefs .chefChris:before{
    content: "Ich mache IT";
    top: -4vh;
}
#section9 .content .c_chefs .chefDetlef:before{
    content: "Ich mache DRUCK";
    top: -4vh;
}
#section9 .content .c_vertrieb:before{
    content: "Vertrieb/Innendienst/Marketing";
    /* top: -2.3vh; */
}

#section9 .content .c_grafik:before{
    content: "Grafikabteilung";
    top: -2.3vh;
}

#section9 .content .c_it:before{
    content: "It-Abteilung";
    top: -2.3vh;
}
#kontaktDetail{
    position: absolute;
    width: 100vw;
    height: 100vh;
    display:none;
    background-image: url(../img/ueberunsdetailbg.png);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    color: #ffffff;
    top: 0;
    opacity:0;
}
#kontaktDetail .detail{
    width:100vw;
    height:85vh;
    position:relative;
    padding: 15vh 0;

}
#kontaktDetail .detail .left, #kontaktDetail .detail .right{
    height:100%
}
#kontaktDetail .detail .left{
    width:35vw;
    float:left;
    position:relative;
    padding-right:1vw;
}
#kontaktDetail .detail .right{
    width:65vw;
    clear:both;
    position:relative;
    padding-left:1vw;
}
#kontaktDetail .detail .left .personImg{
    width: 133px;
    height: 147px;
    background-color:#FFFFFF;
    background-position:center center;
    background-repeat:no-repeat;
    background-size:cover;
    overflow:hidden;
    margin-bottom:1vh;
}
#kontaktDetail .detail .left span{
    align-items:left;
    width: 133px;
}
#kontaktDetail .detail .left .name{
    padding-bottom:0.5vh;
    margin-bottom:0.5vh;
    border-bottom:1px solid #ffffff;
}
#kontaktDetail .detail .right div{
    padding-bottom:3vh;
}
#kontaktDetail .detail .right div span:first-of-type{
    font-weight:bold;
}

/**********SECTION9-END**********/

/**********section10**********/

.kontaktformular_main{
    width:50vw;
    background: rgba(0,0,0,0.6);
    margin-bottom: 10vh;
}

.kontaktformular_header{
    text-align: center;
    color: white;
    font-size: 250%;
    padding: 50px;
    font-family: informaLight;
}

.kontaktformular_main > textarea, .kontaktformular_main > input {
    width: 60%;
    margin: 10px 20%;
    padding: 10px;
}
.kontaktformular_main > .checkbox {
    width: 60%;
    margin: 10px 20%;
    padding: 10px 0;
    position:relative;

    display:flex;
    justify-content: space-between;
    align-items: center;
}
.kontaktformular_main > .checkbox > *{
    position: relative;
}
.kontaktformular_main > .checkbox > label{
    color:#fff;
    padding:0;
}
.checkbox > label>a:hover{
    color:rgba(241, 126, 0, 1);
}

.kontaktformular_main > textarea {
    margin-bottom: 20px;
    min-height: 15vh;
    resize: vertical;
    max-height: 30vh;

}

.kontaktformular_main > input::placeholder, .kontaktformular_main > textarea::placeholder {
    color: black;
}
.kontaktformular_main > .ani_btn{
	position:relative;
}
.kontaktformular_main > .ani_btn > button {
    width: 30%;
    margin: 30px 35% 50px 35%;
    padding: 10px;
    background: rgba(241, 126, 0, 1);
    border: none;
    color: white;
	position:relative;
	z-index:2;
}

.kontaktformular_main > .ani_btn > .btn_bg{
    width: 30%;
    margin: 30px 35% 50px 35%;
    padding: 10px;
    background: rgba(255, 255, 255, 1);
    border: none;
    color: #000000;
	bottom:0;
	left:0;
	position:absolute;
	text-align:center;
	z-index:1;
}
.kontaktformular_main > .ani_btn > button > span{
    -webkit-transition: 1s ease;
    -moz-transition: 1s ease;
    -o-transition: 1s ease;
    transition: 1s ease;
	opacity:1;
}
.kontaktformular_main > .ani_btn > button > span.big {
	font-weight:bold;
}
.footer{
    position: absolute;
    bottom: 0px;
    background: rgba(241, 126, 0, 1);
    width: 100%;
    padding: 10px;
    color: white;
    text-align: center;
    height: 15vh;
}

.footer_copyright{
    font-size: 50%;
}

.footer_kared,
.footer_jobs,
.footer_ausbildung,
.footer_agb,
.footer_impressum{
    display: inline-block;
    padding: 2vh 2vw;
    text-align: center;
	min-width: 7vw;
}

.footer img{
    display: block;
    height: 5vh;
    margin: auto;
}

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

.AGB_content, .Impressum_content, .Datenschutz_content{
    display:none;
    width: 50vw;
}

.AGB_content ul, .Impressum_content ul, .Datenschutz_content ul{
    list-style-type: none;
}

#section12_impressum{
    background-image: url(../img/HG-schwarz.png);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}

.Impressum_content h1, .AGB_content h1, .Datenschutz_content h1{
    background: rgba(241, 126, 0, 1);
    color: white;
    padding: 17px 30px;
    width: auto;
    display: inline-block;
}

.Impressum_content h1::after, .AGB_content h1::after, .Datenschutz_content h1::after {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    border-top: 25px solid rgba(241, 126, 0, 1);
    border-bottom: 20px solid transparent;
    border-left: 30px solid transparent;
    border-right: 30px solid transparent;
    left: 26vw;
    top: 12.5vh;
}

.impressum_content_container, .agb_content_container, .datenschutz_content_container {
    overflow: auto;
    height: 75vh;
    background: white;
    padding: 30px;
}
#section12_impressum a, #section12_impressum a:hover, #section12_impressum a:visited, #section12_impressum a:link, #section12_impressum a:active{
    color:rgb(76, 107, 194);
} 
 
/**********section10-END**********/







/*
#section1{
    background-image:url(../img/Video_INTRO_NEU.jpg);
}
#section2{
        background-image:url(../img/Panorama_dummy.jpg);
}
#section3{
        background-image:url(../img/HG-schwarz.jpg);
}
#section4{
        background-image:url(../img/HG-schwarz.jpg);
}
*/
@media (max-width: 1280px) {
    .top-nav{
        padding:0;
    }
}
@media (max-width: 1480px) {
    .box-arr-right, .box-arr-down, .box-arr-left, .box-arr-up{
        overflow-y:scroll;
        overflow-x: hidden;
    }
}



/* Christian */