@charset "UTF-8";

/* alegreya-sans-300 - latin */
@font-face {
  font-family: 'Alegreya Sans';
  font-style: normal;
  font-weight: 300;
  src: local(''),
       url('../fonts/alegreya-sans-v21-latin-300.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/alegreya-sans-v21-latin-300.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* alegreya-sans-300italic - latin */
@font-face {
  font-family: 'Alegreya Sans';
  font-style: italic;
  font-weight: 300;
  src: local(''),
       url('../fonts/alegreya-sans-v21-latin-300italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/alegreya-sans-v21-latin-300italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* alegreya-sans-regular - latin */
@font-face {
  font-family: 'Alegreya Sans';
  font-style: normal;
  font-weight: 400;
  src: local(''),
       url('../fonts/alegreya-sans-v21-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/alegreya-sans-v21-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* alegreya-sans-500 - latin */
@font-face {
  font-family: 'Alegreya Sans';
  font-style: normal;
  font-weight: 500;
  src: local(''),
       url('../fonts/alegreya-sans-v21-latin-500.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/alegreya-sans-v21-latin-500.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* alegreya-sans-700 - latin */
@font-face {
  font-family: 'Alegreya Sans';
  font-style: normal;
  font-weight: 700;
  src: local(''),
       url('../fonts/alegreya-sans-v21-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/alegreya-sans-v21-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* lato-100 - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 100;
  src: local(''),
       url('../fonts/lato-v23-latin-100.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/lato-v23-latin-100.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* lato-300 - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 300;
  src: local(''),
       url('../fonts/lato-v23-latin-300.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/lato-v23-latin-300.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* lato-regular - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: local(''),
       url('../fonts/lato-v23-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/lato-v23-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* lato-700 - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: local(''),
       url('../fonts/lato-v23-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/lato-v23-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* lato-900 - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 900;
  src: local(''),
       url('../fonts/lato-v23-latin-900.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/lato-v23-latin-900.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

body 
{
  margin: 0;
  font-family: 'Lato', sans-serif;
  /*font-family: 'Alegreya Sans', sans-serif;*/
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  color: rgba(0, 0, 0, 1);
  background-color: #fff;
}

footer
{
	background:rgba(0, 158, 227, 0.2);
}



.bild, .Bild
{
	width:100%;
	height:auto;
}

.abstand-4
{
	height:4px;
	width:100%;
	display:block;
}

.abstand-6
{
	height:6px;
	width:100%;
	display:block;
}

.abstand-8
{
	height:8px;
	width:100%;
	display:block;

}

.abstand-10
{
    height:10px;
	width:100%;
	display:block;

}

.abstand-12
{
	height:12px;
	width:100%;
	display:block;

}

.abstand-15
{
	height:15px;
	width:100%;
	display:block;

}

.abstand-20
{
	height:20px;
	width:100%;
	display:block;

}

.abstand-25
{
	height:25px;
	width:100%;
	display:block;

}

.abstand-30
{
	height:30px;
	width:100%;
	display:block;

}

.abstand-40
{
	height:40px;
	width:100%;
	display:block;

}

.abstand-50
{
	height:50px;
	width:100%;
	display:block;

}

.abstand-60
{
	height:60px;
	width:100%;
	display:block;

}

.abstand-70
{
    height:70px;
	width:100%;
	display:block;

}

.abstand-80
{
	height:80px;
	width:100%;
	display:block;
}

h1, h2, h3, h4, h5
{
	font-family: 'Alegreya Sans', sans-serif;
	margin-bottom: 0px;
	font-weight: 600;
	color: inherit;
    text-transform: uppercase;
}

h1
{
	font-size:40px;
}

h2
{
	font-size:24px;
}

h3
{
	font-size:20px;
}

h4
{
	font-size:18px;
	font-weight:400;
}


h5
{
	font-size:15px;
    font-weight:400;
}

p
{
	margin-bottom:0px;
	display:block;
}

a
{
    text-decoration:none;
}

a:hover
{
    text-decoration:none;
}


.textlight
{
	font-weight:300;
}

.textbold
{
	font-weight:400;
}

.textextrabold
{
	font-weight:600;
}

.zentrieren 
{
    margin-left:auto;
    margin-right:auto;
    display:block;
}

.textcenter
{
	text-align:center!important;
}

.textlinks
{
	text-align:left!important;
}

.vtop
{
    vertical-align:top;
}



#nav-icon1
{
	float:right;
	margin-top:46px;
	margin-right:0px;
}

#nav-icon1 span
{
	 background:#009ee3;
}
	
#nav-icon1
{
  width: 40px;
  height: 35px;
  position: relative;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
}

#nav-icon1 span {
  display: block;
  position: absolute;
  height: 5px;
  width: 100%;
  border-radius: 2px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

#nav-icon1 span:nth-child(1) {
  top: 0px;
}

#nav-icon1 span:nth-child(2) {
  top: 15px;
}

#nav-icon1 span:nth-child(3) {
  top: 30px;
}

#nav-icon1.open span:nth-child(1) {
  top: 18px;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}

#nav-icon1.open span:nth-child(2) {
  opacity: 0;
  left: 60px;
}

#nav-icon1.open span:nth-child(3) {
  top: 18px;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
}


.button1
{
    padding: 10px 30px;
    border: 1px solid rgba(244 , 67 ,54, 1);
    color: rgba(244 , 67 ,54, 1);
    display:block;    
    font-size: 18px;
    border-radius: 50px; 
    transition: all .5s;
    text-align:center;
    margin-left:auto;
    margin-right:auto;
    width:300px;
}

.button1:hover
{
    background: rgba(244 , 67 ,54, 1);
    color: #FEFEFE;
}

.button1-bg
{
  background: rgba(244 , 67 ,54, 1);
  color: #FEFEFE;
}

.button1-bg:hover
{
    background: transparent !important;
    color: rgba(244 , 67 ,54, 1)!important;
}

.bslabel input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border:none;
  border-radius: 0;
  font-size: 1em;
  width: 100%
} 

/* graceful degradation for ie8 */
.bslabel input[type='checkbox'],
.bslabel input[type='radio'] {
  width:auto;
  float:left;
  margin-right: .75em;
  background:transparent;
  border:none;

}

.bslabel input[type='checkbox']:checked,
.bslabel input[type='checkbox']:not(:checked),
.bslabel input[type='radio']:checked,
.bslabel input[type='radio']:not(:checked) {
  background: transparent;
  position: relative;
  visibility: hidden;
  margin:0;
  padding:0;
}

.bslabel input[type='checkbox'] + label,
.bslabel input[type='radio'] + label {
  cursor: pointer;
}
.bslabel input[type='checkbox']:checked + label::before,
.bslabel input[type='checkbox']:not(:checked) + label::before,
.bslabel input[type='radio']:checked + label::before,
.bslabel input[type='radio']:not(:checked) + label::before {
    content:' ';
    display:inline-block;
    width: 17px;
    height:17px;
    position: relative;
    top:4px;
    border: 1px solid #bbb;
    background: white;
    margin-right: 1em;
	margin-left:0px;
    box-shadow: inset 0 1px 1px 0 rgba(0 , 36 , 68,.1);
}

.bslabel input[type=radio]:checked + label::before,
.bslabel input[type=radio]:not(:checked) + label::before {
  border-radius: 30px;
}

.bslabel input[type='checkbox']:hover  + label::before,
.bslabel input[type='radio']:hover  + label::before {
  background:rgba(0 , 36 , 68, 0.25);
  box-shadow: inset 0 0 0 2px white;
  -webkit-transition: all .3s ease-out;
  transition: all .3s ease-out;
}

.bslabel input[type='checkbox']:checked  + label::before,
.bslabel input[type='radio']:checked  + label::before {
  background:rgba(0 , 36 , 68, 1);
  box-shadow: inset 0 0 0 2px white;

}



