@charset "UTF-8";
/* CSS Document */

body{
	background-color:#D0013B;
	color:#ffffff;
	padding:0px 0px 0px 0px;
}

.body_img{
    background-image: url("../img/header-corco.jpg");
    background-repeat: no-repeat;
    background-position: center top;background-size: contain;
}

.red{
    width: 100%;
    background-color: #062F41;
}

.container red{
    background-color: #08189A !important;
}

.blue{
    width: 100%;
    background-color: #0BF5F8;
}

.dark_blue{
    color: #062F41 !important;
}








.container-red-main{
	width: 100%;
	background-color: #f80368;
	padding: 100px 0px;
}

.container-bild{
	width: 100%;
	height: 1080px;
    background-image: url("../img/back-header.jpg");
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat;
    position: relative;
}

.logo{
    position: absolute;
    top: 50px;
    left: 50%;
    margin-left: -140px;
}

.banderole{
    position: absolute;
    right: 0;
    top: 0;
}


.padding_250{
    padding: 0 180px;
}

.padding_80{
    padding: 0 80px;
}

.fleck{
    background-image: url("../img/fleck02.png");
    background-position: center center;
    background-repeat: no-repeat;
}

.img_full{
    width: 100%;
}

.center0{
    text-align: center;
}



.csdbreite{
	width: 90%;
}

.break{
	clear:both;
	overflow:hidden;
	height:1px;
	float:none;
}

.break_220{
	clear:both;
	overflow:hidden;
	height:220px;
	float:none;
}


.breakline{
	clear:both;
	overflow:hidden;
	height:2px;
	float:none;
	background-color:#282828;
}

.breakline_red{
	clear:both;
	overflow:#08189A;
	height:10px;
	float:none;
	background-color:#f80368;
}


.breakline-CSD{
	clear:both;
	overflow:hidden;
	height:2px;
	float:none;
	background-color:#ffffff;
}

.img-center{
	text-align: center;
}

.blackback{
	background-color: #000000 !important;
}

.break_50{
	clear:both;
	overflow:hidden;
	height:50px;
	float:none;
}

.break_40{
	clear:both;
	overflow:hidden;
	height:40px;
	float:none;
}


.break_100{
	clear:both;
	overflow:hidden;
	height:100px;
	float:none;
}


.break_20{
	clear:both;
	overflow:hidden;
	height:20px;
	float:none;
}


.lay_logo_01{
	margin-top:50px;
	margin-bottom:50px;
	text-align:center;
}

.box_grey_01{
	background-color:#282828;
}

.link_box_grey_01{
	display:block;
	background-color:#282828;
	padding:50px;
	height:390px;
	color:#ffffff;
	text-decoration:none;
}

a.link_box_grey_01:link{
	display:block;
	background-color:#282828;
	padding:50px;
	height:390px;
	color:#ffffff;
	text-decoration:none;
}

a.link_box_grey_01:hover{
	background-color:#d1013c;
	color:#ffffff;
}

a.link_box_grey_01:active{
	color:#ffffff;
}

a.link_box_grey_01:visited{
	color:#ffffff;
}


.link_box_red_01{
	display:block;
	background-color:#d1013c;
	padding:50px 60px;
	height:auto;
	color:#ffffff;
	text-decoration:none;
}

a.link_box_red_01:link{
	display:block;
	background-color:#d1013c;
	padding:50px 60px;
	height:auto;
	color:#ffffff;
	text-decoration:none;
}

a.link_box_red_01:hover{
	background-color:#e60b4e;
	color:#ffffff;
}

a.link_box_red_01:active{
	color:#ffffff;
}

a.link_box_red_01:visited{
	color:#ffffff;
}



.head_01{
	font-size:30px;
	text-transform:uppercase;
	clear:both;
	font-family: 'montserratblack';
	display:block;
	letter-spacing:4px;	
}

.head_01CSD{
	font-size:50px;
	text-transform:uppercase;
	clear:both;
	font-family: 'montserratblack';
	display:block;
	letter-spacing:4px;	
}

.head_02{
	font-size:18px;
	clear:both;
	font-family: 'montserratlight';
	display:block;
}

.link_box_pic_01{
	display:block;
	background:url(../images/boax_back_01.png);
	background-size:cover;
	padding:50px;
	height:390px;
	color:#ffffff;
	text-decoration:none;
}

a.link_box_pic_01:link{
	display:block;
	background:url(../images/boax_back_01.png);
	background-size:cover;
	padding:50px;
	height:390px;
	color:#ffffff;
	text-decoration:none;
}

a.link_box_pic_01:hover{
	background:url(../images/boax_back_02.png);
}

a.link_box_pic_01:active{
	color:#ffffff;
}

a.link_box_pic_01:visited{
	color:#ffffff;
}

.link_box_pic_02{
	display:block;
	background:url(../images/boax_back_03.png);
	background-size:cover;
	padding:50px;
	height:390px;
	color:#ffffff;
	text-decoration:none;
}

a.link_box_pic_02:link{
	display:block;
	background:url(../images/boax_back_03.png);
	background-size:cover;
	padding:50px;
	height:390px;
	color:#ffffff;
	text-decoration:none;
}

a.link_box_pic_02:hover{
	background:url(../images/boax_back_04.png);
}

a.link_box_pic_02:active{
	color:#ffffff;
}

a.link_box_pic_02:visited{
	color:#ffffff;
}


.lay_box_pink{
	background-color:#d1013c;
	margin-top:16px;
	margin-bottom:16px;
	text-align:center;
	padding:60px 50px;
}

.lay_box_neu{
	background-color:#d1013c;
	margin-top:16px;
	margin-bottom:16px;
	text-align:left;
	padding:50px 50px 50px 50px;
}

.link-csd{
	display: block;
	background:url(../images/backcsdstart.png;);
	font-size: 60px !important;
	font-family: 'montserratblack';
	color: #ffffff;
	background-size: cover;
	margin-top:16px;
	margin-bottom:0px;
	text-align:left;
	padding:50px 50px 50px 50px;
	text-decoration: none;
	text-transform: uppercase;
}

a.link-csd:link{
	display: block;
	background:url(../images/backcsdstart.png;);
	font-size: 60px !important;
	font-family: 'montserratblack';
	color: #ffffff;
	background-size: cover;
	margin-top:16px;
	margin-bottom:0px;
	text-align:left;
	padding:50px 50px 50px 50px;
	text-decoration: none;
	text-transform: uppercase;
}

a.link-csd:hover{
	font-family: 'montserratblack';
	color: #ffffff;
	text-decoration: none;
}

a.link-csd:active{
	font-family: 'montserratblack';
	color: #ffffff;
}

a.link-csd:visited{
	font-family: 'montserratblack';
	color: #ffffff;
}



.lay_box_grey_pure{
	background-color:#1e1e1e;
	margin-top:16px;
	margin-bottom:16px;
	text-align:left !important;
	padding:60px 50px;
}

.imagetext_01{
	font-size:30px;
	text-transform:uppercase;
	font-family: 'montserratblack';
	letter-spacing:4px;
	text-align:center;
	display:block;
}

.imagetext_02{
	font-size:18px;
	clear:both;
	font-family: 'montserratlight';
	text-align:center;
	letter-spacing:1px;
	display:block;
}

.lay_footer{
	margin-top:30px;
}

.lay_footer_02{
	margin-top:20px;
}

.imagetext_innen_01{
	font-size:30px;
	text-transform:uppercase;
	font-family: 'montserratblack';
	letter-spacing:4px;
	display:block;
}

.imagetext_innen_02{
	font-size:18px;
	clear:both;
	font-family: 'montserratlight';
	letter-spacing:1px;
	display:block;
}

.imagetext_innen_02CSD{
	font-size:25px;
	clear:both;
	font-family: 'montserratregular';
	letter-spacing:1px;
	display:block;
}


.lay_box_pink_innen{
	background-color:#d1013c;
	margin-top:16px;
	margin-bottom:16px;
	padding:40px 50px;
}

.lay_box_gelb{
	background-color:#f5e44c;
	margin-top:0px;
	margin-bottom:0px;
	padding:50px 160px;
}

.lay_box_mint{
	background-color:#40c88c;
	margin-top:0px;
	margin-bottom:0px;
	padding:50px 160px;
}

.lay_box_blau{
	background-color:#5362f6;
	margin-top:0px;
	margin-bottom:0px;
	padding:50px 160px;
}

.lay_box_lila{
	background-color:#8d3869;
	margin-top:0px;
	margin-bottom:0px;
	padding:50px 160px;
}

.lay_box_orange{
	background-color:#d54231;
	margin-top:0px;
	margin-bottom:0px;
	padding:50px 160px;
}








.lay_motto_01{
	padding-left:0px;
	padding-top:8px;
}

.meet{
	background:url(../images/icon_meet_cruise_play.png);
	background-position:top left;
	background-repeat:no-repeat;
}

.jocks{
	background:url(../images/icon_jocks.png);
	background-position:top left;
	background-repeat:no-repeat;
}

.naked{
	background:url(../images/icon_naked.png);
	background-position:top left;
	background-repeat:no-repeat;
}

.horseback{
	background:url(../images/icon_horseback.png);
	background-position:top left;
	background-repeat:no-repeat;
}

.sneaker{
	background:url(../images/icon_sneakerheads.png);
	background-position:top left;
	background-repeat:no-repeat;
}

.incognito{
	background:url(../images/icon_incognito.png);
	background-position:top left;
	background-repeat:no-repeat;
}

.yellow{
	background:url(../images/icon_yellow.png);
	background-position:top left;
	background-repeat:no-repeat;
}

.schlager{
	background:url(../images/icon_schlager.png);
	background-position:top left;
	background-repeat:no-repeat;
}

.black{
	background:url(../images/icon_black.png);
	background-position:top left;
	background-repeat:no-repeat;
}

.schaum{
	background:url(../images/icon_schaum.png);
	background-position:top left;
	background-repeat:no-repeat;
}

.nebel{
	background:url(../images/icon_nebel.png);
	background-position:top left;
	background-repeat:no-repeat;
}

.lay_content{
	padding:60px 0px 80px 0px;
}

.lay_box_grey_picture{
	background-color:#1e1e1e;
	margin-top:16px;
	text-align:center;
	padding:140px 50px;
}

.picture_01{
	background:url(../images/back_01.jpg);
	background-position:center center;
	background-size:cover;
}

.picture_02{
	background:url(../images/back_02.jpg);
	background-position:center center;
	background-size:cover;
}

.picture_03{
	background:url(../images/back_03.jpg);
	background-position:center center;
	background-size:cover;
}

.picture_04{
	background:url(../images/back_04.jpg);
	background-position:center center;
	background-size:cover;
}

.red_line{
	background-color:#d1013c;
	height:20px;
	clear:both;
	overflow:hidden;
	margin-bottom:40px;
}

.fo_link_navi{
	display:block;
	background-color:#1e1e1e;
	color:#ffffff;
	font-family: 'montserratlight';
	font-size:16px;
	padding:15px 20px;
	text-decoration:none;
}

a.fo_link_navi:link{
	display:block;
	background-color:#1e1e1e;
	color:#ffffff;
	font-family: 'montserratlight';
	font-size:16px;
	padding:15px 20px;
	text-decoration:none;
}

a.fo_link_navi:hover{
	background-color:#d1013c;
	text-decoration:none;
}

a.fo_link_navi:active{
	color:#ffffff;
	text-decoration:none;
}

a.fo_link_navi:visited{
	color:#ffffff;
	text-decoration:none;
}

.fo_link_button{
	display:block;
	float: left;
	background-color:#d0013b;
	color:#ffffff;
	font-family: 'montserratlight';
	font-size:16px;
	padding:15px 20px;
	text-decoration:none;
}

a.fo_link_button:link{
	display:block;
	float: left;
	background-color:#d0013b;
	color:#ffffff;
	font-family: 'montserratlight';
	font-size:16px;
	padding:15px 20px;
	text-decoration:none;
}

a.fo_link_button:hover{
	background-color:#e60b4e;
	text-decoration:none;
}

a.fo_link_button:active{
	color:#ffffff;
	text-decoration:none;
	background-color: #d0013b;
}

a.fo_link_button:visited{
	color:#ffffff;
	text-decoration:none;
	background-color: #d0013b;
}

.fo_link_buttoncsd{
	display:block;
	width: 100%;
	color:#ffffff;
	font-family: 'montserratlight';
	font-size:20px;
	padding:50px 20px;
	text-decoration:none;
	text-align: center;
}

a.fo_link_buttoncsd:link{
	display:block;
	width: 100%;
	color:#ffffff;
	font-family: 'montserratlight';
	font-size:20px;
	padding:50px 20px;
	text-decoration:none;
	text-align: center;
}

a.fo_link_buttoncsd:hover{
	text-decoration:none;
	background-color: #f8442f;
	color:#ffffff;
}

a.fo_link_buttoncsd:active{
	text-decoration:none;
	color:#ffffff;
}

a.fo_link_buttoncsd:visited{
	text-decoration:none;
	color:#ffffff;
}

.stripe{
	width: 100%;
	height: 200px;
	background-image: url(../images/csdstripe.png);
	background-repeat: repeat-x;
}


.btn {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
	font-family: 'montserratlight';
	font-size:17px;
    font-weight: normal;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
	border:none;
	border-radius:0;
	color:#ffffff;
	background-color:#d0013b;
}

.btn:hover {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
	font-family: 'montserratlight';
	font-size:17px;
    font-weight: normal;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
	border:none;
	border-radius:0;
	color:#ffffff;
	background-color:#e60b4e;
}

.link_top{
	display: block;
	background-color:#282828;
	font-family: 'montserratlight';
	font-size:15px;
	color:#ffffff;
	text-align: center;
	text-decoration: none;
	margin-top: 50px;
	padding: 20px 0px;
}

a.link_top:link{
	display: block;
	background-color:#282828;
	font-family: 'montserratlight';
	font-size:15px;
	color:#ffffff;
	text-align: center;
	text-decoration: none;
	margin-top: 50px;
	padding: 20px 0px;
}

a.link_top:hover{
	background-color:#d0013b;
	text-decoration:none;
}

a.link_top:active{
	color:#ffffff;
	text-decoration:none;
	background-color:#282828;
}

a.link_top:visited{
	color:#ffffff;
	text-decoration:none;
}






@media (max-width: 996px) {
	
    .banderole{
        display: none !important; 
    }
    
    .container-bild{
        width: 100%;
        height: 760px;
        background-image: url("../img/back-header.jpg");
        background-size: cover;
        background-position: center top;
        background-repeat: no-repeat;
        position: relative;
    }
    
    h1{
        font-size: 80px !important;
    }
    
    .padding_250{
        padding: 0 30px;
    }

    .padding_80{
        padding: 0 30px;
    }
    
    h4{
        color:#f80368;
        font-size:60px;
        text-transform:uppercase;
        font-family: 'montserratblack';
        text-align:left;
        padding-top:0px;
        margin-top:0px;
    }



	
}

@media (max-width: 768px) {
    
    .banderole{
        display: none !important; 
    }
    
    .break_220{
	clear:both;
	overflow:hidden;
	height:100px !important;
	float:none;
}


	
    h1{
        font-size: 50px !important;
    }
    
    .padding_250{
        padding: 0 30px;
    }

    .padding_80{
        padding: 0 30px;
    }
    
    h4{
        color:#f80368;
        font-size:50px !important;
        text-transform:uppercase;
        font-family: 'montserratblack';
        text-align:left;
        padding-top:0px;
        margin-top:0px;
    }
    
    h3{
        font-size:50px !important;
        text-transform:uppercase;
        font-family: 'montserratblack';
        text-align:left;
        padding-top:0px;
        margin-top:0px;
}

	



	
}