.S5104 .fontsize_xsmall { font-size: 15px !important; }
.S5104 .fontsize_small { font-size: 17px !important; }
.S5104 .fontsize_medium { font-size:18px !important; }
.S5104 .fontsize_large { font-size: 20px !important; }
.S5104 .fontsize_xlarge { font-size: 22px !important; }

body .S5104 .specialfont.fontsize_xsmall { font-size: 23px; }
body .S5104 .specialfont.fontsize_small { font-size: 25px; }
body .S5104 .specialfont.fontsize_medium { font-size: 30px; }
body .S5104 .specialfont.fontsize_large { font-size: 40px; }
body .S5104 .specialfont.fontsize_xlarge { font-size: 50px; }

#body .light { font-weight: 300 !important; }

#body h1 { font-weight: 600 !important; }
#body h2 { font-weight: 600 !important; }
#body h3 { font-weight: 600 !important; }
#body h4 { font-weight: 600 !important; }
#body h5 { font-weight: 600 !important; }

#body .specialfont.bold { font-weight: bold !important; }

#body .color { color: #0c8193 !important; }
#body .text a { color: #0c8193 !important; }
body input[type=submit].bgcolor, body input[type=button].bgcolor, body button.bgcolor { font-weight: bold; }

.S7722 .header nav > div > ul > li > a { font-size: 1.4rem !important; text-transform: uppercase; }
.T2897.S6859 .wrapper { padding:0px !important; }
.T2897 {
    margin-top: 45px !important;
    margin-bottom: 40px !important;
}

body .TraminoVorlage {
    margin-top: 40px;
    margin-bottom: 40px;
}



.T2901 .col2 img { max-width:none !important; }
.T5085 .textBild .col2 .Bild.File { padding-top: 0px !important; }
.T2901.S6712 .col1 { width: 100% !important; max-width: none !important; margin:0px !important; }
.T5085 .contentbox:before { display:none !important; }
.T5085 .contentbox:after { display:none !important; }

#body header { 
    box-shadow: none !important;
    position: fixed !important;
    top: 0px;
    left: 0px;
    right: 0px;
    background-color:transparent !important;
    color:#0c8193!important;
    z-index:  100; 
}
header .header .top { height: 20px !important;}
header .header { height:60px; }
#body header.scrolled {background-color:#fff !important;color:#0c8193!important;z-index:100;}

#body .S8071 .header { background-color:transparent !important;color:#fff !important;}
#body .S8071 .header.scrolled { background-color:#fff !important;color:#0c8193 !important;}

header .header .logo img { width: 190px !important; }

#body header .header nav ul a {color:#0c8193!important;font-weight:700 !important;}
#body header.scrolled .header nav ul a {color:#0c8193!important;}
#body header nav ul li { margin: 0 50px 0 0 !important; }
#body header nav ul li:hover > a { background-color: #fff !important; color: #0c8193 !important; }

#body header .header li.nav_aktiv {}
#body header .header li.nav_aktiv a { 
    background-color: #fff !important; color: #0c8193 !important;
    padding: 5px 12px;
    margin: -5px -12px;
}

#body header .header nav ul ul { z-index: 101; }
#body header .header nav ul ul li a { color: #0c8193 !important; }
#body header .header nav ul ul li:hover a { background-color: #80eeff !important; color:  #fff !important; }
#body header .header nav ul ul li:hover { color: #fff !important; background-color: #80eeff !important; }




header .header.show_subnav nav ul ul { background-color: #fff !important; }


/* Warenkorb Nav */
body header #cart-sum { color: #fff !important; }
body header.scrolled #cart-sum { color: #0c8193 !important; }
body header #cart-sum i { color: #fff !important; }
body header.scrolled #cart-sum i { color: #0c8193 !important; }

#cart #button_finish {
    color: #FFFFFF !important;
    padding: 10px 30px;
    font-size: 14px;
    text-transform: uppercase;
}





@media all and (min-width: 1024px) and (max-width: 1279px) {

    .S4503 .fontsize_xsmall { font-size: 14px !important; }
    .S4503 .fontsize_small { font-size: 15px !important; }
    .S4503 .fontsize_medium { font-size:16px !important; }
    .S4503 .fontsize_large { font-size: 18px !important; }
    .S4503 .fontsize_xlarge { font-size: 21px !important; }

   
}

@media all and (min-width: 768px) and (max-width:1023px) {

    .S4503 .fontsize_xsmall { font-size: 12px !important; }
    .S4503 .fontsize_small { font-size: 14px !important; }
    .S4503 .fontsize_medium { font-size:15px !important; }
    .S4503 .fontsize_large { font-size: 16px !important; }
    .S4503 .fontsize_xlarge { font-size: 20px !important; }

    header .header { height: 55px !important; }
    header .header .logo { top: 10px !important; left: 20px !important; }
    .T2883.S8071 #nav_icon .nav_line { background: #333 !important; }
    body header #cart-sum { color: #0c8193 !important; }
    body header #cart-sum i { color: #0c8193 !important; }
    #navwrapper { background-color: #fff; }

}

@media all and (min-width: 568px) and (max-width: 767px) {

    .S4503 .fontsize_xsmall { font-size: 12px !important; }
    .S4503 .fontsize_small { font-size: 13px !important; }
    .S4503 .fontsize_medium { font-size:14px !important; }
    .S4503 .fontsize_large { font-size: 15px !important; }
    .S4503 .fontsize_xlarge { font-size: 18px !important; }

    header .header {height: 55px !important; }
    header .header .logo { top: 10px !important; left: 20px !important; }
    .T2883.S8071 #nav_icon .nav_line { background: #333 !important; }
    body header #cart-sum { color: #0c8193 !important; }
    body header #cart-sum i { color: #0c8193 !important; }
    #navwrapper { background-color: #fff; }
 
}


@media all and (max-width: 567px) {

    .S4503 .fontsize_xsmall { font-size: 12px !important; }
    .S4503 .fontsize_small { font-size: 12px !important; }
    .S4503 .fontsize_medium { font-size:13px !important; }
    .S4503 .fontsize_large { font-size: 14px !important; }
    .S4503 .fontsize_xlarge { font-size: 16px !important; }

    header .header { height: 55px !important; }
    header .header .logo { top: 10px !important; left: 20px !important; }
    .T2883.S8071 #nav_icon .nav_line { background: #333 !important; }

    body header #cart-sum { color: #0c8193 !important; }
    body header #cart-sum i { color: #0c8193 !important; }
    #navwrapper { background-color: #fff; }

    header .header .maxwidth {
        background-color:  #fff !important;
        margin:  0px !important;
        padding: 0px 20px !important;
    }

}





@media all and (min-width: 1024px) and (max-width: 1279px) {
	header .header .logo {
		
		height: 100px;
	}
	header .header .logo img{
		width: 100%;
		max-width: 120px;
		height: auto;
		padding: 5px;
	}	

}

@media all and (min-width: 768px) and (max-width:1023px) {
	header .header .logo {
		height:70px;
	}
	header .header .logo img{
		width: 100%;
		max-width: 90px;
		height: auto;
		padding: 5px;
		
		margin-top:0px;
	}

}

@media all and (min-width: 568px) and (max-width: 767px) {
	header .header .logo {
		height: 75px;

	}
	header .header .logo img{
		width: 100%;
		max-width: 90px;
		height: auto;
		padding: 5px;
		margin-top:0px;
	}

}

@media all and (max-width: 567px) {
	
	header .header .logo{
		height: 75px;
	}
	header .header .logo img{
		width: 100%;
		max-width: 90px;
		height: auto;
		padding: 5px;
		
		margin-top:0px;
	}
}