@charset "utf-8";

@font-face {
  font-family:'GT-Haptik-Medium'; 
  src: url('../fonts/GT-Haptik-Medium-Web/GT-Haptik-Medium.ttf') format('truetype'),
 	   url('../fonts/GT-Haptik-Medium-Web/GT-Haptik-Medium.svg') format('svg'),
	   url('../fonts/GT-Haptik-Medium-Web/GT-Haptik-Medium.eot') format('embded-opentype'),
       url('../fonts/GT-Haptik-Medium-Web/GT-Haptik-Medium.woff') format('woff');
	   font-weight:normal;
	   font-style:normal;
}

* {
    margin:0px;
    padding:0px;
    box-sizing:border-box;
	font:normal 16px/1.5em GT-Haptik-Medium, Arial, Helvetica, sans-serif;
	line-height:1.5em;
	text-decoration:none;
}

/* Grid System */
[class*="col-"] {
    float:left;
    padding:15px;
    width:100%;
}

@media only screen and (min-width:600px) {  
.col-s-1 {width:8.33%}
.col-s-2 {width:16.66%}
.col-s-3 {width:25%}
.col-s-4 {width:33.33%}
.col-s-5 {width:41.66%}
.col-s-6 {width:50%}
.col-s-7 {width:58.33%}
.col-s-8 {width:66.66%}
.col-s-9 {width:75%}
.col-s-10 {width:83.33%}
.col-s-11 {width:91.66%}
.col-s-12 {width:100%}
}

@media only screen and (min-width:768px) {  
.col-1 {width:8.33%}
.col-2 {width:16.66%}
.col-3 {width:25%}
.col-4 {width:33.33%}
.col-5 {width:41.66%}
.col-6 {width:50%}
.col-7 {width:58.33%}
.col-8 {width:66.66%}
.col-9 {width:75%}
.col-10 {width:83.33%}
.col-11 {width:91.66%}
.col-12 {width:100%}
}

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

/* Seiteninhalte */

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

video {
   max-width:100%;
    height:auto;   
}

iframe {
	max-width:100%;
	height:auto;
}

p {
	padding-bottom: 10px;
	text-decoration:none;
}

hr.new {
  margin-left:10px;
  margin-right:20px;
  border: 2px solid #00bdfe;
  border-radius: 2px;
  margin: 20px 20px 20px 10px;
}

h1 {
	font-size: xx-large;
}

h2 {
	font-size: x-large;
}

a {
  color:#00bdfe;
  text-decoration: none;
}

a:hover {
  color: #00bdfe;
  text-decoration: underline 2px;
}