@charset "UTF-8";

/* ********************************************************** Standards */
html{
	font-size: 100%;
}
body{
	font-size: 100%;
	-webkit-hyphens: auto;
       -moz-hyphens: auto;
        -ms-hyphens: auto;
         -o-hyphens: auto;
            hyphens: auto;
	background-color: rgba(35,38,33,1);
}
a:active, a:focus { outline: none; }
img, img:active, a:active{ border: none; }
.ico{
	padding: 30px;
}

.develop{
	position: fixed;
	color: #FFFFFF;
	font-size: 14px;
}

.ico1{
    padding: 45px;
}

.ico2{
    padding: 60px;
}

.logo{
	margin: 200px 0 40px 150px;
}
/* ********************************************************** Standards ENDE*/
/* ********************************************************** Typo */
h1{
	font-family: 'Adagio_SansThin', Arial, Helvetica, sans-serif;
	font-size: 3rem;
	line-height: 3.75rem;
	letter-spacing: 0.05rem;
	color: rgba(62,59,59,1);
	margin: 0;
	padding: 0;
}
h2{
	font-family: 'fHair', Arial, Helvetica, sans-serif;
	font-size: 3rem;
	line-height: 3.5rem;
	color: rgba(62,59,59,1);
	margin: 0;
	padding: 0;
	
	
}

h3{
	font-family: 'caviar_dreamsregular', Arial, Helvetica, sans-serif;
	font-size:21px;
	line-height: 3.5rem;
	color: rgba(0,140,196,1);
	margin: 0;
	padding: 0;
	
	
}

span{
	font-family: 'caviar_dreamsbold', Arial, Helvetica, sans-serif;
	font-size: 22px;
	line-height: 3.5rem;
	color: rgba(0,140,196,1);
	margin: 0;
	padding: 0;
	
	
}

h4{
	font-family: 'caviar_dreamsregular', Arial, Helvetica, sans-serif;
	font-size:19px;
	line-height: 3.5rem;
	color: rgba(0,140,196,1);
	margin: 0;
	padding: 0;
    text-align: center;	
	
}

/* ********************************************************** Typo ENDE */

/* ********************************************************** Helfer */
/*.rand{ border: 1px solid rgba(62,59,59,.5); }*/
.abstand{ height: 120px; }
.abstand1{ height: 50px; }
/* ********************************************************** Helfer ENDE */
/* ********************************************************** Querys */
@media (min-width: 320px) {
  .container { width: 300px; }
  .logo{ margin: 90px 0 40px 0; }
  .ico{	padding: 5px 5px 5px 5px;}
  .ico1{ padding: 5px 5px 5px 5px; }
	h3{
		font-size:1rem;
		line-height: 1.4rem;
		margin: 0 0 20px 0;
		padding: 0;
	}
	h3 span{
		font-size: inherit;
	}
    h4{
        font-size:1rem;
        line-height: 1.9rem;
        margin: 0;
        padding: 0;
        text-align: center;	
	}
    .abstand1{ height: 50px; }

}
@media (min-width: 768px) {
  .container { width: 750px; }
  .logo{ margin: 140px 0 80px 150px; }
  .ico{	padding: 30px;}
  .ico1{ padding: 30px 45px 10px 30px; }
	h3{
		font-size:1.1rem;
		line-height: 1.6rem;
		margin: 0 0 10px 0;
		padding: 0;
	}
	h3 span{
		font-size: inherit;
	}
    h4{
        font-size:1.1rem;
        line-height: 1.4rem;
        margin: 0;
        padding: 0;
        text-align: center;	
	}
        .abstand1{ height: 80px; }

}
@media (min-width: 992px) {
  .container { width: 970px; }
  .logo{ margin: 180px 0 40px 100px; }
  .ico{	padding: 30px;}
  .ico1{ padding: 37px; }
	h3{
		font-size:1.2rem;
		line-height: 1.7rem;
		margin: 0 0 10px 0;
		padding: 0;
	}
	h3 span{
		font-size: inherit;
	}
    h4{
        font-size:1.2rem;
        line-height: 1.8rem;
        margin: 0;
        padding: 0;
        text-align: center;	
	}
        .abstand1{ height: 90px; }

}
@media (min-width: 1200px) {
  .container { width: 1170px; }
  .logo{ margin: 200px 0 40px 150px; }
  .ico{	padding: 30px;}
  .ico1{ padding: 40px; }
	h3{
		font-size:1.2rem;
		line-height: 1.9rem;
		margin: 0 0 10px 0;
		padding: 0;
	}
	h3 span{
		font-size: inherit;
	}
    h4{
        font-size:1.2rem;
        line-height: 1.9rem;
        margin: 0;
        padding: 0;
        text-align: center;	
	}
        .abstand1{ height: 100px; }
}
/* ********************************************************** Querys ENDE */
/* ********************************************************** Helfer
.rand{ border: 1px solid rgba(62,59,59,.5); }
.abstand{ height: 120px; }
.abstand1{ height: 100px; }
/* ********************************************************** Helfer ENDE */

