@media screen and (max-width: 1050px){
.row {	width: 100%; max-width: 100%;	margin: 0 auto; clear: both;}
.col-40 img{width: 90%; height: auto;margin-right: 5%;}
section .col-60 p{width: 90%; margin: 0 0px 20px 0px; text-align:justify;padding: 0 20px;}
}
@media screen and (max-width: 800px){
.row{width: 100%; margin: 0 auto;clear: both;}
footer .foot-line nav{display: none;}
button {  display: inline-block;  margin: 0;  border: none;  background: none;}
button span {  display: block;}
.button_menu {		display:block;		background:#29A6F7;		position:fixed; left: 10px;	top: 10px;	cursor:pointer;		color:#fff;		padding:20px 5px 12px 5px;		z-index:60;		width:120px;		 height: 54px; border: 2px solid #fff;}
header nav {display: inherit}
header nav ul,.fixed {position: fixed;top: 64px;left: 10px;margin-left: 0px;width: 200px;z-index: 300;}
header nav ul li{margin:0px !important;				max-width:none;		white-space:nowrap;display:none;		float:none; border-radius: 0;}
header nav ul li a{min-height:auto;		color:#fff;	background:#29A7ED;		text-align:center;	width: 200px;	margin:0px;	float:none; display: block; padding: 10px 0;}
/*.fixed {display: none;}*/

h1 {z-index: 10;    padding: 10px;    position: relative;    width: 200px;    margin: 0px;    color: #032BD5;	float: right;}
h1 img{width: auto; height: 200px;}

header .skyline {    background: url('../images/dd-skyline.png') no-repeat scroll center bottom transparent;    height: 150px;    width: 100%;    display: block;    position: relative;    margin-top: 0px; background-size: cover;}
img.mobil{display: none;}
.mobil-txt{display: inherit;}
[class*='col-'] .teams img{width: 30%; height: auto; float: left; margin: 0;}
}
@media screen and (max-width: 575px){
	[class*='col-']{width: 100%;}
	[class*='col-'] img{width: 70%; height: auto; margin-left: 20px;}
	
	.right{margin-bottom: 20px;}
	h2{margin: 0px 20px 20px;}
	footer{height: auto;}
	footer h4{margin-top: 50px;}
}

@media screen and (min-width: 801px){
	button {  display: none;}
button span { }
.button_menu {		display:none;}

}

.grid-button {  padding:20px 25px 12px 25px;  cursor: pointer;  user-select: none;}
.grid-button .grid {  width: 6px;  height:6px;  background: #fff;  color: #fff;  /* Not in use when the colors are specified below */  transition: 0.3s;}
.grid-button.close .grid {  transform: rotate3d(0, 0, 1, -45deg) scale3d(0.8, 0.8, 0.8);}
.grid-button.collapse .grid {  box-shadow: -8px 0, -8px 8px, 8px 0, 8px -8px, 0 -8px, -8px -8px, 0 8px, 8px 8px;}
.grid-button.collapse.close .grid {  box-shadow: -6px 0, 0 0 transparent, 6px 0, 0 0 transparent, 0 -6px, 0 0 transparent, 0 6px, 0 0 transparent;}
button span.text {	margin-left:30px;	margin-top:-15px; font-size: 1.3em; text-transform: uppercase;}