@charset "UTF-8";
/* CSS Document */

body{
	font-size: 17px;
	font-family: "adelle-sans",sans-serif;
font-style: normal;
font-weight: 400;
	color: #696969;

}


h1, h2, h3, h4, a{
	font-family: "adelle-sans",sans-serif;
	font-style: normal;
	text-align: center;
}


h1{
	color: #005578;
	font-size: 3rem;

		font-weight: 700;

}


h3{
	color: #b7155c;
	font-size: 1.765rem;
	font-weight: 400;
}

.held h4{
	color: #005578;
	line-height: 1.5rem;
}

.held img{padding: 0.5rem 1rem;}

h4{
	font-size: 0.75rem;
	text-transform: uppercase;
	color: #b7155c;
	letter-spacing: 0.07rem;
		font-weight: 400;

}

p{
	margin-left:;
}

.text-center p{
	margin-left:;
}

strong{
	color:#007DB0;
	font-weight: 400;
}


a{
	color: #b7155c;
	font-weight: 700;
	cursor: pointer;
	transition: all 0.15s ease-in-out;
}

a img:hover{opacity: 0.95;transition: all 0s ease-in-out;}

hr {
  clear: both;
  max-width: 75rem;
  height: 0;
  margin: 0.5rem auto 0.1rem;
  border-top: 0;
	padding: 0rem;
  border-right: 0;
  border-bottom: 1px solid #0086BD;
  border-left: 0; }

.content .blu .material-icons {
	color:#b7155c;
transition: all 0.15s ease-in-out;}

.content .blu .material-icons:hover {
	color:#8D1750;}

.material-icons { font-size: 18px; }


.button{
	background: #BE1F6C;
	padding: 0.5rem 1rem;
	border-radius: 30px;
	font-family: "adelle-sans",sans-serif;
	font-style: normal;
	font-weight: 700;
	font-size: 0.75rem;
	text-transform: uppercase;
	letter-spacing: 0.04rem;
	min-width: 120px;
}

.button.alert{background: #fdfdfd;}

.circle {
	border-radius: 50%;
	width: 30px;
	height: 30px;
	background: none;
	border: 2px solid #b7155c;
	transition: all 0.2s ease-in-out;
}

.circle:hover{
		background: #b7155c;
	cursor: pointer;
}


.button:hover{
	background: rgba(163,26,92,1.00)
}

.start{
	min-height: 100vh;
}

.un{
	position: absolute;
	z-index: 99;
	right: 2rem;
	top: 5rem;
}

.content{
	padding-top: 4rem;
}

.content .material-icons{
	font-size: 36px;
	color: #005578;
	padding-bottom: 1rem;
}

.pad{padding:4rem 0rem;}

.blu{
	margin-top:8rem;
	padding: 4rem 0;
	background: #005578;
	}

.blus{
	margin-top:0rem;
	padding: 4rem 0;
	background: #005578;
	}

.blu h1, .blus h1{
	color: #fdfdfd;
}

.pan{
	padding: 1rem;
}

.held .pan{}



.pan-w{
	padding: 1.5rem 2rem 0.5rem 2rem;
	background: #F5F5F5;
	border-radius: 5px;
	transition: all 0.15s cubic-bezier(.25,.8,.25,1);
	transition-delay: 0s;
}

.pan-w:hover{box-shadow: 0 3px 6px rgba(0,0,0,0.13), 0 3px 6px rgba(0,0,0,0.13);}

.blu .pan-w:hover{box-shadow: 0 14px 24px rgba(0,0,0,0.23), 0 10px 10px rgba(0,0,0,0.23);}

.pan-b{
	padding: 2rem;
	background: #095B79;
	border-radius: 5px;
}

 .blog{
	 height:auto;
	 display:block;
	 margin:0 auto;
	 min-height:100%;
	 padding-top:51px;

	  }

	  .blog iframe{
	 height:100vh;
	 min-height:100vh;
 }

footer{
	background:#3A4B52;
	padding: 4rem 0;
	margin-top: 0rem;
}

footer p, footer h3{
	color: #fdfdfd;

}
.zusatz{
	padding: 20px;
	background: #efefef;
}
.zusatz li, .wirsindpartner li{
	display: inline-block;
	vertical-align: top;
}
.zusatz li img, .wirsindpartner li img{
	max-width: 240px;
	max-height: 120px;
	padding: 20px;
}
.wirsindpartner{
	text-align: center;
}

footer a{color: #7A95A1;font-weight: 400;}

@media screen and (max-width: 60em) {
h1{
	color: #005578;
	font-size: 2rem;
	padding: 4rem 0;
}

	h3{
	color: #b7155c;
	font-size: 1.5rem;
		padding: 1rem;
}

	p{
		padding: 1rem;
}
}