/*  
blau: #0053a0 (0,83,160)
hellblau: #58a3ca; (63,152,193)
*/



h1,h2 {
	font-size: 130%;
}
.page-title h1 {
	font-size: 200%;	
}
h3,h4 {
	font-size: 112.5%;
	font-weight: 500;
	margin-bottom: 0.3em;
	line-height: normal;
}
  
	
/*
--------------------------------------------
   *** SET ***
--------------------------------------------
*/

	/* set */


	/* home */
	.teaser {
		max-width: 690px;
	}
	/* header */	
	.tools {
		height: 100px;
	}
	.tools-container {
		padding-top: 8px;
	}
	.tools .logo img{
		max-height: 93px;
	}
	.search-link button,
	#searchbox-toggle {
		right: 2em;
	}	
	#searchbox-toggle {
		max-width: calc(100% - 182px);
	}
	article .searchform input[type="text"] {
		width: calc(100% - 110px);
	}
	.claim {
		margin-left: 60px;
	}	
	.metanavi.mobile {
		display: inline-block;
		float: right;
		margin-right: -24px;
		margin-bottom: 1em;
		text-align: left !important;
	}
	.metanavi.desktop {
		display: none;
	}
	.metanavi ul li {
		margin-left: 16px;
	}
	.metanavi ul li a {
		color: #fff;
	}
	.language {
		margin-right: 4em;
		margin-top: -0.5em;
	} 
	.mainnavi .nav-slider {
		padding: 2em 45px 3em 1em;
	} 	
  ul.main-menu {
		grid: auto / 50% 50%;
    padding-left: 0;
    }  
  .top {
  	right: 2.5em;
  }
	.top .button {
		background: rgba(0,83,160,0.95);
	}
	.top .button p::before {
	  color: #fff;
	}
  .teaser .frame {
  	width: 47%;
	}


	/* table */
	table.contenttable {
		width: 100%;
		border-collapse: collapse;
		border: none;
		border-radius: 0;
	}
	table.contenttable td {
		display: block;
		width: 100% !important;
		padding: 0 !important;
	}
	table.contenttable td:empty {
		width: 100%;
		height: 10px;
	}
	table.contenttable td:last-child {
		border-bottom: 1px solid #ddecf4;
		margin-bottom: 1em;
	}
	table.contenttable a.download::before,
	table.contenttable a.link::before,
	table.contenttable a.mailto::before,
	table.contenttable article ul li a::before  {
		margin-left: 0;

	}
	table.contenttable a.download,
	table.contenttable a.link,
	table.contenttable a.mailto,
	table.contenttable article ul li a {
		padding-left: 0;
	}
	.fbk-table table.contenttable td {
 		padding-left: 12px !important;
 		padding-right: 12px !important;
 		vertical-align: top;
	}
	.fbk-table table.contenttable td:last-child {
		border-bottom: 0px solid #fff;
		margin-bottom: 0;
		padding-bottom: 8px;
	}
	.fbk-table table tr td:nth-child(1) {
		padding-top: 8px !important;
	}
	.fbk-table table tr td:nth-child(2) {
		font-style: italic;
		padding-bottom: 8px !important;
	}

	/* bootstrap cols */
	.col-md-3,
	.col-md-4,
	.col-md-6,
	.col-sm-12,
	.col-xs-12 {
		padding-left: 0;
		padding-right: 0;
		margin-bottom: 1em;
	}		


/*
--------------------------------------------
   *** DEVICES ***
--------------------------------------------
*/	

@media (max-width: 768px) and (orientation: landscape) {
	.tools {
		position: absolute;
	}
	.mainnavi button {
		position: absolute;
	}
}

/* max-width: 768px */
@media (max-width: 768px) {
	.claim {
		font-size: 75%;
	}
	/* set */
	.wrap-container {
		margin: 0 1em 0 1em;
	}	
	.header .wrap-container {
		margin-left: 70px;
	}
	.general-content.container,
	.wellcome-content.container,
	.cooperations-content.container {
		max-width: 100%;
		padding: 1em 2em 2em 2em;
	}
	.search-link button,
	#searchbox-toggle {
		right: 1em;
	}
	#searchbox-toggle {
		max-width: calc(100% - 166px);
	}
	.language {
		margin-right: 2em;
	}
	.metanavi.mobile {
		float: right;
		margin-right: 0;
		margin-top: -2em;
	}
	.mainnavi .nav-slider {
		padding: 4em 1em 3em 1em;
	} 
  ul.main-menu {
  	display: block;
    width: 100%; 
    }  
	.top {
		display: none;
	}	

}


/* max-width: 640px */
@media (max-width: 640px) {
	.teaser {
		max-width: 100%;
	}
	.teaser .frame {
	  width: 100%;
	  margin: 0 0 15px 0 !important;
	}
}

/* max-width: 580px */
@media (max-width: 580px) {
	.claim {
		display: none;
	}
	.tools {
		position: absolute;
	}
	.mainnavi button {
		position: absolute;
	}
	.general-content.container,
	.wellcome-content.container,
	.cooperations-content.container {
		padding: 1rem;
	}
	#searchbox-toggle {
		max-width: calc(100% - 32px);
	}

}