/* raleway-regular - latin */
@font-face {
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 400;
    src: local(''),
    url('../fonts/raleway-v28-latin-regular.woff2') format('woff2');
}
/* raleway-700 - latin */




body,

html {

    width: 100%;

    height: 100%;

    font-family: 'Raleway', sans-serif;

    font-size: 14px;

}



h1,

h2,

h3,

h4,

h5,

h6 {

    font-family: 'Raleway', sans-serif;

    font-weight: 600;

}



.container{

    width: 980px;

}



/*----NAVIGATION-------*/



.topnav {

    font-size: 14px;

    position: relative;

    min-height:50px

}



.navbar{

    margin-bottom: 0px;

    border-radius: 0px;

    margin-top: 8px;

}



.navbar-default{

    background-color: #c6c6c6;

    border: none;

    padding: 0;

}



.navbar-expand-lg .navbar-nav .nav-link {

    color: #000;

    font-weight: bold;

    padding: 15px;

}



.navbar-toggler {

    position: absolute;

    right: 0;

    top: 7px;

}



.nav>li:hover{

    background-color: #dd323a;

}



.navbar-default .navbar-nav>li>a:hover {

    color: #fff;

}



.navbar-default .navbar-nav>.active>a{

    background-color: #dd323a !important;

    color: #fff !important;

}



.navbar-nav .active{

    background-color: #dd323a !important;

    color: #fff !important;

}



.navbar-nav .activa > a {

    color: #fff !important;

}





.language{

    margin-top: 13px;

    margin-right: 50px;

}



.language a{

    color: #706f6f;

}



footer {

    padding: 20px 0;

    background-color: #706f6f;

    border-top: 15px solid #dd323a;

}



p.text-muted{

    color: #fff !important;

}



p.copyright {

    margin: 10px 0 0;

    font-weight: normal;

    font-size: 12px;

}



.collapse.in {

        margin-top: 11%;

}



.navbar-brand>img {

    margin-left: -40px;

    margin-top: 15px;

}



.carousel .img-fluid {

    width:100%;

    height: auto;

    padding: 0 2rem;

}



.carousel .img-fluid.logo-kwe {

    width: 50%;

}







/*----NAVIGATION END-------*/



.intro-header {

    padding-top: 50px; 

    /* If you're making other pages, make sure there is 50px of padding to make sure the navbar doesn't overlap content! */

    padding-bottom: 50px;

    text-align: center;

    color: #f8f8f8;

    background: url(../img/intro-bg.jpg) no-repeat center center;

    background-size: cover;

    min-height: 25%;

}



.intro-headerreferenz {

    padding-top: 60px;

    padding-bottom: 20px;

    text-align: center;

    color: #f8f8f8;

    min-height: 25%;

    z-index: 1;

    position: relative;


}



.intro-headerreferenz:before {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    opacity: .4;

    z-index: -1;

    background: url(../img/intro-bg.jpg) no-repeat center center;

    background-size: cover;

}



.clear{

    clear: both;

}



.content-site{

    padding-top: 30px;

    padding-bottom: 40px;

}



h1{

    text-transform: uppercase;

    color: #dd323a;

    margin-bottom: 30px;

}



p.block-content{

    margin-bottom: 20px;

    line-height: 1.9;

}



.list-tun{

    color:#dd323a;

    line-height: 2;

}



.list-tun > li{

    margin: 0px 0px 10px 50px;

}



.list-tun > li > p{

    color: #333;

}



.space-top-right-text-to-img{

    margin-top: -20px;

}



.left-col{

    width: 25%;

}



.right-col{

    width: 75%;

}



/*------MEDIA QUERIES--------------------------------------------------------------

----------------------------------------------------------------------------------*/



@media(max-width:767px) {

    .navbar-header{

        width: 100%;

    }



    .container{

        width: 95%;

    }



    .navbar-brand > img{

        max-width: 358px;

        margin-left: -27px

    }



    .list-tun{

      padding-left: 0px !important;

    }



    .space-top-right-text-to-img{

        margin-top: 3%;

    }



    .left-col{

        width: 100%;

    }



    .right-col{

        width: 100%;

    }

}

@media (min-width: 1200px) {

    ul.navbar-nav:first-child {

        margin-left: -16px;

        padding-right: 10px;

    }

}





@media print {

    .intro-header{

        display: none;

    }



    .navbar-brand > img {

        max-width: 200px !important;

        text-align: center;

        margin-bottom: none;

    }



    .navbar-brand {

        margin-bottom: none;

    }



    .content-site{

        padding-top: 10px;

    }



    .left-col{

        width: 100px;

        float: left;

    }



    .right-col{

        width: 500px;

        float: left;

        margin-top: -20px;

    }



    .list-tun{

        font-weight: normal;

        font-size: 12px;

    }



    h1 {

        font-size: 24px;

        text-transform: uppercase;

        color: #dd323a;

        margin-bottom: 18px;

    }



    h2{

        font-size: 16px;

    }



    div{

        font-weight: normal;

    }



    p.block-content {

        font-weight: normal;

        line-height: 1.9;

        font-size: 12px;

    }



    footer {

        padding: 10px 0;

        background-color: #706f6f;

        border-top: 8px solid #dd323a;

    }



    .language {

        display: none;

    }



    a[href]{

        color: #dd323a;

    }



    a[href]:after {

        content: none !important;

    }



}



/* Anpassungen bootstrap */



p.text-muted a {

	color:#fff;

	text-decoration:underline;

}





 a {

	color:#dd323a;

     text-decoration: underline;

}

	

a:hover {

	color:#666;

}