@charset "utf-8";
/*Schriften*/
/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/open-sans-v17-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Regular'), local('OpenSans-Regular'),
       url('../fonts/open-sans-v17-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v17-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v17-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v17-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v17-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-600 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/open-sans-v17-latin-600.eot'); /* IE9 Compat Modes */
  src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'),
       url('../fonts/open-sans-v17-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v17-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v17-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v17-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v17-latin-600.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-700 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: bold;
  font-weight: 700;
  src: url('../fonts/open-sans-v17-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Bold'), local('OpenSans-Bold'),
       url('../fonts/open-sans-v17-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v17-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v17-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v17-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v17-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* oswald-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/oswald-v53-latin-700.eot'); /* IE9 Compat Modes */
  src: url('../fonts/oswald-v53-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/oswald-v53-latin-700.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/oswald-v53-latin-700.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('../fonts/oswald-v53-latin-700.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('../fonts/oswald-v53-latin-700.svg#Oswald') format('svg'); /* Legacy iOS */
}
html{ 
	scroll-behavior: smooth;
}
* { 
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box; 
	box-sizing: border-box;
	scroll-margin-top: 3em;
}
body{ 
	margin: 0;
	width: 100%;
	font-size: 25px; 
	line-height: 35px;
	font-weight: 400;
	font-style: normal;
	background-color: #004D7E;
	color: #ffffff;
	word-break:break-word;
}
header:after, 
main:after, 
footer:after, 
.container:after{
	content: " ";	
	display: block;
	clear: both;
}
.container {
	max-width: 1746px;
	margin: 0em auto;
	position: relative;
	z-index: 3;
}
.col { 
	float:left;
}
.col-right {
	float:right; 
}
.col,
.col-right { 
	padding: 0em 1em!important;
}
.center{
	text-align: center;
	float: none;
	margin: auto;
}
.padding-t{
	padding-top: 6rem;
}
.padding-tb{
	padding: 4em 0;
}
.small-1{ 
	width: 50%; 
}
.small-2{
	width: 100%;
}
header{    
	background: url("../img/bg.jpg");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
    padding: 3.4em 0;
	position: relative;
}
.pfeil{
	position: relative;
	animation-name: dopsen;
	animation-duration: 4s;
	animation-iteration-count: infinite;
}
@keyframes dopsen {
  0%   {top: 0}
  70%  {top: 0}
  75%  {top: 1em;}
  80%  {top: 0}
  85%  {top: 1em;}
  90% {top: 0}
  100% {top: 0}
}
main{
	background-color: #fff;
	color: #000;
	overflow: hidden;
}
main > .container > *{ 
	position: relative;
}
main > .container > .is-hidden{ 
	opacity: 0;
	top: 2rem;
	position: relative;
}
h1, h2, h3, p.sub{
	color: #EF7D00;
	font-family: 'Oswald';
	font-weight: bold;
	text-transform: uppercase;
	font-size: 7.4em;
	line-height: 1.26em;
	transition: font-size 0.3s linear;
}
h2, h3, p.sub{
	color: #00518C;
	font-size: 2.6em;
	line-height: 1.15em;
}
h3{
	color: #EF7D00;
}
p.sub{
	color: #ffffff;
	text-align: right;
	position: relative;
	padding-right: 120px;
}
p.sub:after{
	content: "";
	background: url("../img/daumen.png");
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	height: 98px;
	width: 102px;
	display: inline-block;
	position: absolute;
	right: 0;
	bottom: 8px;
}
main a{
	color: #fff!important;
}
img {
	max-height: 100%;
    height: -webkit-fill-available;
    max-width: 100%;
    width: auto;
    margin: 0;
    padding: 0;
    display: block;
    object-fit: cover;
}
main img{
    width: -webkit-fill-available;
}
#logo{
	max-height: 100%;
	height: auto;
	max-width: 50%;
    width: 283px;
}
.boxen > div{
	margin-bottom: 2em;
}
.box, .box img{
	border-radius: 40px;
}
.box.text{
	background: #00518C;
}
.box.text div{
	padding: 2.5em;
}
.box.text p{
	color: #fff;
	font-size: 1.4em;
	line-height: 1.2em;
}
.container > *:not(.alignfull), .container > .alignfull > div > *:not(.alignfull){
	margin-right: 0!important;
	margin-left: 0!important;
}
footer{
	padding-top: 2em;
	font-size: 14px;
}
footer a{
	color: #fff!important;
	text-decoration: none;
}

/*MAX*/
@media screen and (max-width:1741px){
	h1{
		font-size: 7.5em;
	}
}
@media screen and (max-width:1600px){
	h1{
		font-size: 7em;
	}
}
@media screen and (max-width:1500px){
	h1{
		font-size: 6.5em;
	}
}
@media screen and (max-width:1400px){
	h1{
		font-size: 6em;
	}
}
@media screen and (max-width:1330px){
	h2, h3, p.sub{
		font-size: 2.5em;
	}
	p.sub:after{
		height: 80px;
		width: 102px;
	}
}
@media screen and (max-width:1300px){
	h1{
		font-size: 5.5em;
	}
}
@media screen and (max-width:1200px){
	h1{
		font-size: 5em;
	}
	header{
		padding: 2.5em 0;
	}
}
@media screen and (max-width:1100px){
	h1{
		font-size: 4.5em;
	}
	h2, h3, p.sub{
		font-size: 2em;
	}
}
@media screen and (max-width:999px){
	h1{
		font-size: 4.25em;
	}
	main img{
		height: 368px;
	}
	.tma-heighti{
		height: auto!important;
	}
	.box.text div{
		padding: 1.5em;
	}
	.box.text p{
		font-size: 1em;
		line-height: 1.2em;
	}
	.padding-tb{
		padding: 1.5em 0!important;
	}
	.padding-t{
		padding-top: 2rem;
	}
	.boxen > div{
		margin-bottom: 1em;
	}
	header{
		padding: 2em 0;
	}
}
@media screen and (max-width:900px){
	h1{
		font-size: 4em;
	}
	h2, h3, p.sub{
		font-size: 1.8em;
	}
	header{
		padding: 1.75em 0;
	}
}
@media screen and (max-width:800px){
	h1{
		font-size: 3.5em;
	}
	.box.text div{
		padding: 1em;
	}
	.pfeil{
		max-width: 100px;
		height: auto;
	}
	p.sub{
		padding-right: 0;
	}
	p.sub:after{
		display: none;
	}
}
@media screen and (max-width:700px){
	h1{
		font-size: 3em;
	}
}
@media screen and (max-width:600px){
	h1{
		font-size: 2em;
	}
}
/*MIN*/
@media screen and (min-width:800px){
	header:after{
		content: "";
		background: url("../img/after.png");
		background-size: contain;
		background-position: center;
		background-repeat: no-repeat;
		position: absolute;
		width: 180px;
		height: 241px;
		left: 5%;
		bottom: 5%;
	}
}

@media screen and (min-width:1000px){
	header:after{
		width: 250px;
		height: 241px;
		left: 5%;
		bottom: 7%;
	}
	.col, 
	.col-right, 
	.inline-block { 
		padding: 0em 1.4em; 
	}
	.medium-1{ width: 16.666666666666666666666666666667%; }
	.medium-1.inline-block{ width: 14.666666666666666666666666666667%; }
	
	.medium-2{ width: 33.333333333333333333333333333333%; }
	.medium-2.inline-block{ width: 32.8%; }
	
	.medium-3{ width: 50%; }
	.medium-3.inline-block{ width: 49.4%; }
	
	.medium-4{ width: 66.666666666666666666666666666667%; }
	.medium-4.inline-block{ width: 64.666666666666666666666666666667%; }
	
	.medium-5{ width: 83.333333333333333333333333333333%; }
	.medium-5.inline-block{ width: 81.333333333333333333333333333333%; }
	
	.medium-6{ width: 100%; }
	
	.boxen > div{
		margin-bottom: 3em;
	}
}
@media screen and (min-width:1200px){
	header:after{
		width: 350px;
		height: 338px;
		left: 10%;
		bottom: 7%;
	}
	.boxen > div{
		margin-bottom: 3.6em;
	}
}
@media screen and (min-width:1400px){
	header:after{
		left: 12%;
		bottom: 7%;
	}
	.boxen > div{
		margin-bottom: 4.36em;
	}
	.large-m-l-15{margin-left: 12.5%;}
	.large-m-r-15{margin-right: 12.5%;}
	
	.large-1{ width: 8.3333333333333333333333333333333%; }
	.large-1.inline-block{ width: 6.3333333333333333333333333333333%; }
	
	.large-2{ width: 16.666666666666666666666666666667%; }
	.large-2.inline-block{ width: 14.666666666666666666666666666667%; }
	
	.large-3{ width: 25%; }
	.large-3.inline-block{ width: 23%; }
	
	.large-4{ width: 33.333333333333333333333333333333%; }
	.large-4.inline-block{ width: 32.8%; }
	
	.large-5{ width: 41.666666666666666666666666666667%; }
	.large-5.inline-block { width: 39.666666666666666666666666666667%; }
	
	.large-6{ width: 50%; }
	.large-6.inline-block { width: 48%; }
	
	.large-7{ width: 58.333333333333333333333333333333%; }
	.large-7.inline-block{ width: 56.333333333333333333333333333333%; }
	
	.large-8{ width: 66.666666666666666666666666666667%; }
	.large-8.inline-block{ width: 64.333333333333333333333333333333%; }
	
	.large-9{ width: 75%; }
	.large-9.inline-block{ width: 73%; }
	
	.large-10{ width: 83.333333333333333333333333333333%; }
	.large-10.inline-block{ width: 81.333333333333333333333333333333%; }
	
	.large-11{ width: 91.666666666666666666666666666667%; }
	.large-11.inline-block{ width: 89.666666666666666666666666666667%; }
	
	.large-12{ width: 100%; }	
}
@media screen and (min-width: 1400px){
	.container > *:not(.alignfull), .container > .alignfull > div > *:not(.alignfull) { max-width: 100%; margin-left: auto; margin-right: auto; }
}