html {
    -webkit-text-size-adjust: 100%;
}

*,
*:after,
*:before {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box
}

img {
    width:100%;
    height:auto;
}

.wrapper {
    width: 100%;
    min-width: 260px;
    max-width: 980px /* + padding x2 */;
    margin: 0 auto;
    padding: 0 1rem;
}

/* Clears Childern Elements */

.wrapper:after {
  content: "";
  display: table;
  clear: both
}


[class*='col'] {
  float: left;
}

[class*='block'] {
	float: left;	
	position: relative;
	overflow: hidden;
}

/* Column */

.col-10 	{ width: 9.1%;	}
.col-15 	{ width: 16.6%;	}
.col-25 	{ width: 25%;	}
.col-33 	{ width: 33.3%;	}
.col-40 	{ width: 41.6%;	}
.col-50 	{ width: 50%;	}
.col-60 	{ width: 58.3%;	}
.col-66 	{ width: 66.6%;	}
.col-75 	{ width: 75%;	}
.col-85 	{ width: 83.3%;	}
.col-90 	{ width: 90.9%;	}
.col-100, 
.block-100 	{ width: 100%;	}


.block:before {
    content: "";
    display: block;
    padding-top: 100%;
}

.block-100:before {
    content: "";
    display: block;
    padding-top: 50%;
}

.block-content {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.block-content div {
   display: table;
   width: 100%;
   height: 100%;
}

.block-content span {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    padding: 1rem;
    
    font-size: 1.6rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    line-height: 2.6rem;
}


@media (max-width: 580px) {
	.col-10,
	.col-15,
	.col-25,
	.col-33,
	.col-40,
	.col-50,
	.col-60,
	.col-66,
	.col-75,
	.col-85,
	.col-90,
	.col-100,
	.titel 		{ width:100% !important; }
	
	.home-block {
		width: 50% !important;
	}
	
	.titel:before {
		padding-top: 20% !important;
	}
	
	.content {
		padding: 4rem 0 0 !important;
	}
	
	.logo {
		width: 50% !important;
	}
	
	.socialmedia, .direction {
		display: none !important;
	}
	
	.slide h2 {
		margin-top: 25% !important;
	}
	
	.sponsoren-home .slider {
	    height: 80px !important;
	}	

	#slideposition {
		margin-top: -4rem !important;	
		margin-left: -5.5rem !important;
	}	

	.input-33,
	.input-50,
	.input-66,
	.input-100 {
		width: 100% !important;
		float: none;
		margin-right: 0 !important;
	}
	
}