/* Grundeinstellungen ------- */
* { margin: 0px; padding: 0px; border: none; position: relative; font-family: 'ArialMT', 'Arial', sans-serif; font-size: 16px; line-height: 1.5; color: rgb(0,0,0); }
html { overflow-y: scroll; }
body { background: rgb(223, 224, 225); padding-bottom: 40px; }
.clearboth { clear: both; }

*, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } 
* { margin: 0; padding: 0; position: relative; border: none; outline: none; } 
img { vertical-align: middle; }

.nowrap { white-space: nowrap; }

.teamSpacer { }

/* ---------------------------------------------- */
.row { width: 100%; display: flex; flex-flow: row wrap; justify-content: space-between; }
.column {  }
.column-1-2 { width: 48%; }
.column-1-3 { width: 31.33%; }
.column-2-3  { width: 64.66%; }
.column-1-4  { width: 23%; }
.column-2-5 { width: 37.5%; }
.column-3-5 { width: 57.5%; }
#footer .column-2-5 { width: 48%; }
#footer .column-3-5 { width: 48%; }
.column-first {  }
.column-middle {  }
.column-last {  }
.column img { max-width: 100%; height: auto; }

.trennlinie { width: 100%; height: 1px;  padding-top: 40px; margin-bottom: 40px; border-bottom: 1px rgb(0,0,0) solid; }

.alignLeft { text-align: left; }
.alignCenter { text-align: center; }
.alignRight { text-align: right; }


/* Diverse Inhalte ------- */
h1 { font-size: 30px; font-weight: normal; line-height: 35px; margin-bottom: 35px; }
h2 { font-size: 22px; font-weight: normal; margin-bottom: 10px; }

p, td { line-height: 21px; margin-bottom: 20px; }
p a, td a, #footer a { text-decoration: none; /* color: rgb(0, 173, 230);*/ color: rgba(150,150,150,1); }
p a:hover, td a:hover, #footer a:hover { /* color: rgb(234, 44, 145);*/ color: rgba(150,150,150,1); text-decoration: underline; }

ul { margin-left: 30px; margin-bottom: 18px; }
ul li { line-height: 21px; margin-bottom: 9px; } 

table { margin-bottom: 20px; }
small a { font-size: 12px; }


/* Layout ------- */
#wrapper { max-width: 1200px; min-height: 800px; margin: 0 auto; margin-top: 30px; background: rgb(255, 255, 255); }

#header { width: 100%; height: 180px; background-image: url(../design/header-background.png); background-repeat: no-repeat; background-position: bottom right; }

#logo { position: absolute; top: 46px; left: 70px; }
	
#navigation { width: 100%; padding: 20px 0 20px 3%; }
#navigation ul { margin: 0;  padding: 0; top: 5px; list-style: none; }
#navigation ul li { display: inline-block; margin-right: 28px; }
#navigation ul li a { text-decoration: none; font-size: 20px; color: rgb(180, 180, 180); }
#navigation ul li a.aktiv,
#navigation ul li a:hover { color: rgb(15, 163, 204); }

#content { min-height: 500px; padding: 60px 12% 100px 12%; }

#footer { width: 100%; background-image: url(../design/footer-background.png); background-repeat: no-repeat; background-position: top left; padding: 52px 17% 55px 17%; }
#footer .row .column { }
#footer,
#footer *,
#footer a,
#footer * a,
#footer * a:hover { text-decoration: none; color: rgba(150,150,150,1); }
#footer * a:hover { text-decoration: underline; }


/* Mobilnavigation -------------------------------------------------------------------------------- */
#mainNavigationOuterWrapper .openMobilnavigation,
.mobilHomeLink { display: none !important; }





/* Responsive ------------------------------------------------------------------------------------- */
@media only screen and (max-width: 1300px) { 
	#wrapper { width: 95%; }
	#content { padding: 60px 5% 100px 5%; }
}


@media only screen and (max-width : 1200px){
	#navigation ul li { margin-right: 20px; }
	#navigation ul li a { font-size: 18px; }
}


@media only screen and (max-width : 1050px){
	#navigation ul li { margin-right: 18px; }
	#navigation ul li a { font-size: 16px; } 
}


@media only screen and (max-width : 930px){
	body { padding-bottom: 0; }
	#wrapper { margin-top: 0px; width: 100%; padding-left: 60px; }
	
	#navigation { display: none; }
	
	.mobilHomeLink { display: block !important; }
	.mobilNavigation { position: fixed; top: 0; left: 0px; width: 60px; height: 100%; background-color: rgb(15, 163, 204); text-align: right; padding: 80px 20px 20px 20px; overflow: auto; }
	.mobilNavigation * { color: rgba(255,255,255,1); }
	.mobilNavigation .open { position: absolute; top: 20px; right: 10px; width: 40px; height: 30px; cursor: pointer; overflow: hidden; }
	.mobilNavigation .open .top,
	.mobilNavigation .open .middle,
	.mobilNavigation .open .bottom { display: block; position: absolute; left: 0; width: 100%; height: 6px; background-color: rgba(255,255,255,1); border-radius: 2px; }
	.mobilNavigation .open .top { top: 0; }
	.mobilNavigation .open .middle { top: 12px; }
	.mobilNavigation .open .bottom { top: 24px; }	
	.mobilNavigation .close { display: none; }
	.mobilNavigation .close { position: absolute; top: 20px; right: 25px; width: 30px; height: 30px; cursor: pointer; overflow: hidden; border-radius: 5px; }
	.mobilNavigation .close .top,
	.mobilNavigation .close .bottom { display: block; position: absolute; left: 0; width: 400%; height: 20%; background-color: rgba(255,255,255,1); border-radius: 4px; }
	.mobilNavigation .close .top { top: 0%; left: -190%; transform: rotate(45deg); }
	.mobilNavigation .close .bottom { bottom: 0; left: -190%; transform: rotate(135deg); }
	.mobilNavigation ul { list-style: none; margin: 0 0 20px 0; padding: 0; display: none; }
	.mobilNavigation ul li { list-style: none;  }
	.mobilNavigation ul li a { font-size: 20px; font-weight: normal; text-decoration: none; }
	.mobilNavigation ul li ul li a { font-size: 20px; font-weight: normal; text-decoration: none; }
	.mobilNavigation ul li ul li.active a { color: rgba(0,0,0,1); }

	#footer { background-position: top right; padding: 52px 5% 55px 5%; } 
}


@media only screen and (max-width : 860px){
	#content { padding: 30px 5% 60px 5%; } 
}


@media only screen and (max-width: 768px) { 
	
}


.showOnMobile { display: none !important; }
.hideOnMobile { display: block !important; }
@media only screen and (max-width: 736px) { 
	.showOnMobile { display: block !important; }
	.hideOnMobile { display: none !important; }
}


@media only screen and (max-width: 600px) { 
	#header { height: 140px; }
	
	#logo { position: absolute; top: 30px; left: 24px; }
	#logo img { width: 80%; height: auto; }
	
	.column { width: 100%; }
	.row { margin-bottom: 30px; }
	
	#footer .column { width: 100%; margin-bottom: 20px; } 
	#footer .row { margin-bottom: 0px; } 
	#footer { padding: 35px 5% 5px 5%; }
	
	.teamSpacer { height: 15px !Important; }
	.secondColumn { order: 2; }
	.firstColumn { order: 1; }
	
	.alignLeft { text-align: center; }
	.alignCenter { text-align: center; }
	.alignRight { text-align: center; }
}


@media only screen and (max-width: 440px) { 
	#header { background-position: bottom left; }
	#logo img { width: 95%; }
}


.showOnLandscape, .hideOnPortrait { display: block !important; }
.hideOnLandscape, .showOnPortrait { display: none !important; }
@media screen and (orientation: landscape) { 
  .showOnLandscape, .hideOnPortrait { display: block !important; }
  .hideOnLandscape, .showOnPortrait { display: none !important; } 
}


@media screen and (orientation: portrait) { 
  .showOnPortrait, .hideOnLandscape { display: block !important; }
  .hideOnPortrait, .showOnLandscape { display: none !important; } 
}


@media print {
	
}