body {
margin:0px; padding:0px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
background-color:#98C8DE;
-ms-hyphens: auto; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto;
}

#wrapper{
width:100%;
-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;
}

#header{
height:145px;
background-image:url("/bild/head.jpg"); background-repeat:repeat-x;
}
#header img{ margin-left:20px; margin-top:108px }

#left{
float:left;
width:200px;
margin-left:20px;
}

#content{
-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;
/*margin-left:230px;*/
margin-right:10px;
padding:10px 10px 100px 10px;
border:1px solid #000;
background-color:#FFF;
min-height:1150px;
width: calc(100% - 240px);
float: right;
}

.caption{float:left; width:250px; margin:5px 10px 10px 0px; color:#fff; background:#bbb; font-size:12px; font-style:italic; text-align:center; }
.caption img{display:block; margin-bottom:0px}

#footer{
clear:both;
text-align:center;
margin:15px 0;
}

h1 {font-size: 18px; color:#003366; font-weight:bold; margin-bottom:30px}
h2 {font-size: 16px; color:#003366; margin-bottom:30px}


.menu {
	background-color:#FFFFFF;
	border:1px solid #3399CC;
	margin-bottom:6px;
	padding:2px;
	}
.impressum{margin-top:30px}

.menu:hover {
	background-color:#D5F0FD;
	border:1px solid #666666;
	}

.menu a{
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#003366;
	text-decoration:none;
	margin-left:3px
	
}
.menu a:hover{
	color:#666666;
}

.menu strong{font-size:12px;}
	
.box{ width:600px}

.adright{float:right; margin:0 0 15px 15px}
.adleft{float:left; margin:0 15px 15px 0}
.admid{text-align:left; margin:20px 0px}




<!-- kopiert aus sport-123.de Anfang --> 
.contentbox{clear:both; margin:20px 0px}
.contentbox h3{margin-bottom:6px; font-size:1.1em}
.contentbox p{margin-bottom:6px}
.contentbox p:last-child:after{content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.contentbox img{float:left; margin:0px 10px 10px 0px; border:1px solid #000; padding:1px;}

.amazon{
background: url(/bild/amazon/amazon-kl.jpg);
background-repeat: no-repeat;
background-position-x: right;
background-position-y: center;
padding-right: 18px;
}

.amazonbox{display:block; position:relative; clear:both; float:none;}
.amazonbox.right{float:right}
.amazonbox.nofloat{float: none}
.amazonbox:after{
content: url(/bild/amazon/amazon-bild.gif);
position: absolute;
left:3px;
top:3px;}

.ambox {
    clear: left;
    float: left;
    margin: 0 10px 10px 0px;
    border: solid 1px #F9C367;
    border-radius: 6px;
	height:auto;
	width:auto;
}
<!-- kopiert aus sport-123.de Ende --> 

.clear{clear:both}

#cookie-law { 
	position:fixed;left:0;right:0;top:0;z-index:9001;
    background:#EEEADD; 
    margin:0px; 
}
 
#cookie-law p { 
    padding:5px 20px; 
    font-size:1.2em; 
    font-weight:normal; 
    text-align:left; 
    color:#682008; 
    margin:0;
	font-size:11px;
}
#cookie-law .close-cookie-banner{float:right; color:#000; text-decoration:none}
.cookiebanner #wrapper { margin-top:30px}

#titleBar{display:none}
.only-mobile{display:none}


@media (max-width: 800px) {
/*allgemein*/
.not-mobile{display: none}
.only-mobile{display:block}

section {padding-bottom: 2em;}
.row{padding:0px 0px 80px 0px; margin:0}
.content{ margin-top:40px}

.row > * {
padding: 0px 0 15px 0 !important;
float: none !important;
width: 100% !important;
margin-left: 0 !important;
}

/*divers*/
#wrapper{margin-top:0}
body{background:none}
#header{
width:100%;
height:auto;
padding-top:9.55%;
background-size:contain;
margin:45px 0 0 0;
border:none;
border-radius:0;
}
#header a{
display:none
}
#left{padding:0}
#content{
margin: 0px;
padding:10px 10px 100px 10px;
border: none;
background-color:#FFF;
min-height:10px;
width:100%;
float:none;
}
#content img{max-width:100%; height:auto;}
.box{ width: 100%}

.adright{float: none; text-align:center;  margin:15px auto}
.adleft{float: none; text-align:center;  margin:15px auto}

#titleBar a, #titleBar a:hover{ color:#FFF; font-weight:bold; text-decoration:none; font-size:16px; display: table-cell;
    vertical-align: middle;
    height: 44px;}
#titleBar a img{     max-width: 200px;
    height: auto;
    border: 0;}

/*titlebar*/
#titleBar {
display:block;
text-align: center;
color: #fff;
font-size: 1.25em;
background-color: #98C8DE; /*background*/
backface-visibility: hidden;
transition: transform 0.25s ease-in-out 0s;
z-index: 10000;
position: fixed;
width: 100%;
height: 44px;
top: 0px;
left: 0px;
transform: translate(0px, 0px);
}

#titleBar .title {
line-height: 44px;
}

#titleBar .toggle {
position: absolute;
top: 0;
left: 0;
width: 80px;
height: 60px;
cursor:pointer;
}

#titleBar .toggle:after {
content: '';
position: absolute;
left: 4px;
top: 4px;
color: #fff;
text-align: center;
line-height: 31px;
font-size: 0.8em;
width: 50px;
height: 35px;
border-radius: 5px;
box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.25), inset 0px 1px 2px 0px rgba(0,0,0,0.5), inset 0px 6px 13px 0px rgba(255,255,255,0.2), 0px 2px 2px 0px rgba(255,255,255,0.1);
}

#titleBar .toggle:before {
content: '';
position: absolute;
width: 20px;
height: 30px;
background: url(images/mobileUI-site-nav-opener-bg.svg);
top: 16px;
left: 19px;
}

#titleBar .toggle:active:after {
background: rgba(0,0,0,0.2);
}
/*menu*/			
#left {background: #98C8DE;padding:0px; margin:0px;width:270px; float:none; position:fixed; z-index:4000; height:calc(100% - 45px); top:45px; left:-270px; font-size:12px; overflow-y: auto;}
#left.show{ left:0px;-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
position:fixed;}
#left.hide{ left:-270px;-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
position:fixed;}
/*menu links*/
.menu {
	border-right: none;
	border-left: none;
	}
.impressum{margin-top:0px}
	
.menu:hover {
	background-color:#D5F0FD;
	border:1px solid #3399CC;
	border-right: none;
	border-left: none;
	}

.menu a{
	font-size:18px;
	display:block;
	margin:10px 5px;	
}

.menu a:hover{
	text-decoration: underline;
}
.menu strong{font-size:18px;}

.menu br, .menu span{display:none}



}