/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}
/*! End of normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
*
	{
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
			box-sizing: border-box;
	}	
@import url(https://fonts.googleapis.com/css?family=Roboto:400,300,100,500,700,900);
body
	{
	background-color:#f2ede5;
	font-family: 'Roboto', sans-serif;
	position: relative;
	}
header
	{
	z-index: 100;
	position: fixed;
	top:0; left:0; right:0;
	background-color: white;
	}
.logowrapper 
	{
	background-color: rgb(226,6,19);
	width:100%;
	padding:20px;
	text-align:center;
	height:105px;
	}
.logowrapper img 
	{ 
	width:90%;
	max-width:300px;
	margin: 0 auto;
	}
nav
	{
	max-width:980px;
	text-align: right;
	padding: 5px 20px;
	}
main
	{
	position: relative;
	padding-top:105px;
	}
a, a:link, a:visited
	{
	color:rgb(49,39,130);
	-webkit-transition-property: color; /* WebKit */
	   -moz-transition-property: color; /* Firefox */
		 -o-transition-property: color; /* Opera */
			transition-property: color; /* Standard */
	-webkit-transition-duration: 0.5s;
	   -moz-transition-duration: 0.5s;
		 -o-transition-duration: 0.5s;
			transition-duration: 0.5s;	
	}
a.whitelink
	{
	color:white; 
	text-decoration: underline;
	}
a:active, a:hover
	{
	color: rgb(226,6,19);
	}
h1 {
	background-color: white;
	color: rgb(226,6,19);
	margin: 0;
	font-size: 30px;
	text-transform: uppercase;
	font-weight: 900;
	text-align: center;
	padding: 30px 20px 30px 20px;
	}
h1 small 
	{
	font-size: 18px;
	display: block;
	text-transform: none;
	font-weight: 300;
	margin-top: 10px;
	color: rgb(49,39,130);
	}
@media (max-width: 768px) 
	{
	h1 {
		font-size: 20px;
		}
	h1 small 
		{
		font-size: 14px;
		}
	}
.textblock
	{
	width:100%;
	margin: 0 auto;
	padding: 20px;
	color: white;
	}
@media (min-width: 768px) 
	{
	.textblock 
		{
		width: 60%;
		}
	}
.columns 
	{
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	margin: 5px 0;
	}
.column 
	{
	flex: 1;
	border: none;
	margin: 2px;
	padding: 10px;
	}
.column:first-child 
	{
	margin-left: 0;
	}
.column:last-child 
	{
	margin-right: 0;
	}
@media screen and (max-width: 980px) {
  .columns .column {
    margin-bottom: 5px;
    flex-basis: 40%;
  }
  .columns .column:nth-last-child(2) {
    margin-right: 0;
  }
  .columns .column:last-child {
    flex-basis: 100%;
    margin: 0;
  }
}
@media screen and (max-width: 680px) {
  .columns .column {
    flex-basis: 100%;
    margin: 0 0 5px 0;
  }
}


.textbox 
	{
	padding:100px 20px;
	text-align: center;
	max-width: 1280px;
	margin: 0 auto;
	}
.textbox * 
	{
	font-family: 'Roboto', sans-serif;
	font-weight: 900;
	text-transform: uppercase;
	}
.textbox span 
	{
	color:rgb(49,39,130);
	padding:5px 10px;
	display: inline-block;
	font-size: 30px;
	word-break: break-word;
    -webkit-animation-delay: 1s;
    -webkit-animation-duration: 7s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-name: breathing;
    -webkit-animation-timing-function: ease-in-out;
    animation-delay: 1s;
    animation-duration: 7s;
    animation-iteration-count: infinite;
    animation-name: breathing;
    animation-timing-function: ease-in-out;
    opacity: .25;
	}
@media screen and (max-width: 680px) {
.textbox span 
	{
	font-size: 20px;
	}
}
.textbox span:nth-child(1)
	{
	-webkit-animation-delay: 2s;
			animation-delay: 2s;
	-webkit-animation-duration: 25s;
			animation-duration: 25s;
	}
.textbox span:nth-child(2)
	{
	-webkit-animation-delay: 6s;
			animation-delay: 6s;
	-webkit-animation-duration: 18s;
			animation-duration: 18s;
	}
.textbox span:nth-child(3)
	{
	-webkit-animation-delay: 3s;
			animation-delay: 3s;
	-webkit-animation-duration: 21s;
			animation-duration: 21s;
	}
.textbox span:nth-child(4)
	{
	-webkit-animation-delay: 0s;
			animation-delay: 0s;
	-webkit-animation-duration: 19s;
			animation-duration: 19s;
	}
.textbox span:nth-child(5)
	{
	-webkit-animation-delay: 5s;
			animation-delay: 5s;
	-webkit-animation-duration: 12s;
			animation-duration: 12s;
	}
.textbox span:nth-child(6)
	{
	-webkit-animation-delay: 4s;
			animation-delay: 4s;
	-webkit-animation-duration: 14s;
			animation-duration: 14s;
	}
.textbox span:nth-child(7)
	{
	-webkit-animation-delay: 1s;
			animation-delay: 1s;
	-webkit-animation-duration: 16s;
			animation-duration: 16s;
	}
.textbox span:nth-child(8)
	{
	-webkit-animation-delay: 7s;
			animation-delay: 7s;
	-webkit-animation-duration: 13s;
			animation-duration: 13s;
	}

@-webkit-keyframes breathing {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
     opacity: .25;
 }

  25% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
    opacity: .75;
  }

  60% {
    -webkit-transform: scale(1.02);
    transform: scale(1.02);
     opacity: .35;
 }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
     opacity: .25;
  }
}

@keyframes breathing {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
     opacity: .25;
 }

  25% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
    opacity: .75;
  }

  60% {
    -webkit-transform: scale(1.02);
    transform: scale(1.02);
     opacity: .35;
 }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
     opacity: .25;
  }
}







/* IMAGE SECTION */
div.imagesection
	{
	position: relative;
	height:40vh;
	min-height:150px;
	background-attachment: fixed;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	}
@media (max-width: 768px) 
	{
	div.imagesection
		{
		background-attachment: scroll;
		}
	}
div.imagesection::after
	{
	content: " ";
	display: block;
	position: absolute;
	top:0; right:0; bottom:0; left:0;
	width:100%; height:100%;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.65+100 */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuNjUiLz4KICA8L3JhZGlhbEdyYWRpZW50PgogIDxyZWN0IHg9Ii01MCIgeT0iLTUwIiB3aWR0aD0iMTAxIiBoZWlnaHQ9IjEwMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-radial-gradient(center, ellipse cover,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%); /* FF3.6-15 */
	background: -webkit-radial-gradient(center, ellipse cover,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* Chrome10-25,Safari5.1-6 */
	background: radial-gradient(ellipse at center,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */
	}
/* CONTACTFORM */
.contact-wrap 
	{
	clear: both;
	padding: 15px;
	}
.form-wrapper
	{
	background: rgb(49,39,130); 
	}
.contact-form 
	{
	margin-top: 30px;
	}
.contact-form .input-block 
	{
	background-color: rgba(255, 255, 255, 0.8);
	border: none;
	width: 100%;
	height: 58px;
	padding: 25px 5px 25px 25px;
	position: relative;
	margin-bottom: 20px;
	-moz-transition: all 0.15s ease-out;
	-o-transition: all 0.15s ease-out;
	-webkit-transition: all 0.15s ease-out;
	transition: all 0.15s ease-out;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	}
.contact-form .input-block.focus 
	{
	background-color: #fff;
	border: none;
	}
.contact-form .input-block.textarea 
	{
	height: 200px;
	}
.contact-form .input-block.textarea .form-control 
	{
	height: 200px;
	resize: none;
	}
.contact-form .input-block label 
	{
	position: absolute;
	left: 25px;
	top: 25px;
	display: block;
	margin: 0;
	font-weight: 300;
	z-index: 1;
	color: #333;
	font-size: 18px;
	line-height: 10px;
	}
.contact-form .input-block .form-control 
	{
	outline:0;
	background-color: transparent;
	padding: 0;
	border: none;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	height: auto;
	position: relative;
	z-index: 2;
	font-size: 18px;
	color: #333;
	width: 100%;
	border-top:25px solid transparent;
	border-bottom:14px solid transparent;
	top:-25px;
	}
.contact-form .input-block .form-control:focus label 
	{
	top: 0;
	}
.contact-form .square-button 
	{
	background-color: rgba(255, 255, 255, 0.8);
	color: #fb2900;
	font-size: 26px;
	text-transform: uppercase;
	font-weight: 700;
	text-align: center;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
	padding: 0 60px;
	height: 60px;
	border: none;
	width: 100%;
	cursor: pointer;
	}
.contact-form .square-button:hover, .contact-form .square-button:focus 
	{
	background-color: white;
	}

@media (min-width: 768px) 
	{
	.contact-wrap 
		{
		width: 60%;
		margin: auto;
		}
	}



#datenschutz
	{
	background-color: white;
	color:grey;
	padding:20px;
	display: none;
	}

@media (min-width: 768px) 
	{
	#datenschutz 
		{
		width: 60%;
		margin: auto;
		}
	}