/* source-serif-4-regular - 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: 'Source Serif 4';
  font-style: normal;
  font-weight: 400;
  src: url('/tools/fonts/source-serif-4-v7-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* source-serif-4-600 - 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: 'Source Serif 4';
  font-style: normal;
  font-weight: 600;
  src: url('/tools/fonts/source-serif-4-v7-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* ibm-plex-sans-regular - 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: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/ibm-plex-sans-v19-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* ibm-plex-sans-600 - 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: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/ibm-plex-sans-v19-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}


	
	BODY {
		margin: 0px;
		font-family: 'IBM Plex Sans', verdana, arial;	
		font-size: 16px;
		line-height: 26px;	
		background-color: white;

		}
	
	a {
		color: #1f1f1f;
		text-decoration: none;
		}	
		

	
	H1 {
		font-family: 'Source Serif 4', verdana, arial;
		font-size: 40px;
		line-height: 56px;
		padding: 0px;
		margin: 10px 0px 10px 0px;
		}

	a H1:hover {
		color: #00236A;
		text-decoration: underline;		
		}

	H2 {
		font-family: 'Source Serif 4', verdana, arial;
		font-size: 32px;
		line-height: 40px;
		padding: 0px;
		margin: 10px 0px 10px 0px;
		}

	a H2:hover {
		color: #00236A;
		text-decoration: underline;		
		}
		
	.section.top H2 {
		font-family: 'IBM Plex Sans', verdana, arial;	
		color: #00236A;
		}	


	H3 {
		font-family: 'Source Serif 4', verdana, arial;
		font-size: 24px;
		line-height: 28px;
		padding: 0px;
		margin: 10px 0px 10px 0px;
		font-weight: bold;
		hyphens: auto;
		}

	a H3:hover {
		color: #00236A;
		text-decoration: underline;		
		}


	H4 {
		font-family: 'Source Serif 4', verdana, arial;
		font-size: 20px;
		line-height: 26px;
		padding: 0px;
		margin: 15px 0px 10px 0px;
		margin-top: -5px;
		hyphens: auto;
		}


	a H4:hover {
		color: #00236A;
		text-decoration: underline;		
		}
	H5 {
		font-family: 'Source Serif 4', verdana, arial;
		font-size: 18px;
		line-height: 23px;
		padding: 0px;
		margin: 0px 0px 20px 0px;
		margin-top: -5px;
		hyphens: auto;
		}

	label {
		color: white;
		}
		
	input, select, textarea{
		font-size: 16px;
		line-height: 24px;
		border-radius: 5px;
		border: 1px solid darkgray;
		padding: 3px;
		width: 100%;
		margin-bottom: 10px;
		max-width: 675px;
		font-family: 'arial';		
		color: #666666;	
		background-color: white;
		}
		
	input::placeholder {
		color: #666666;
		}		
		
	select {
		height: 31px;
		width: 92%;
		}	

	input[type=text], input[type=password] {
		width: 90%;
		height: 24px;		
		}

	input[type=textarea] {
		width: 90%;
		height: 80px;
		}

	input[type=button], input[type=submit] {
		height: 32px;
		}


	input[type=button]:hover, input[type=submit]:hover {
		font-weight: bold;
		cursor: pointer;
		}

	input[type=checkbox], input[type=radio] {
		width: auto;
		transform: scale(1.5);		
		}

	.inputtext {
		width: 90% !important;
		}
		
	.inputtext_plz {
		width: 50px !important;
		margin-right: 10px;
		}	

	.inputtext_date {
		width: 70px !important;
		border-radius: 5px;
		height: 20px; 
		margin-right: 10px;	
		}
		
	.inputtext_ort {
		width: calc(90% - 65px) !important;
		}	
		
	.table_legende {
		float:left;
		width: 25%;
		font-weight: bold;
		}	

	.table_content {
		float:left;
		width: 25%;
		line-height: 30px;
		}
		
	.table_content75 {
		float:left;
		width: 75%;
		line-height: 30px;
		}		
		
	.half {
		width: calc(50% - 20px);
		padding-right: 20px;
		float:left;
		}	

	.blueborder {
		border: 1px solid #002B80;
		border-radius: 5px;
		padding: 10px;
		}

	.clear {
		clear: both;
		}


	.linklist {
		font-size: 17px;
		line-height: 28px;	
		}


	.linklist h5 {
		margin-top: 10px;
		margin-bottom: 10px;
		}

	.linklist a:hover {
		color: #00236A;
		text-decoration: underline;		
		} 
		
	.blue {
		color: #00236A;
		}
	.nowrap {		
		white-space: nowrap;	
		}

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


	.container0 {
		width: 1530px;
		margin: 10px auto 0px auto; 
		z-index: 1;	
		}
	
	.container {
		float:left;
		width: 1200px;
		min-height: 1200px;
		margin-left: 20px;
		background-color: white;
		}


	.section {
		width: calc(100% - 20px);
		padding-top: 20px;
		border-bottom: 1px solid #EAEAEA;
		height: auto;
		}
		
	/* set dynamic height of section */	
	.section:after { 
		content: " "; 
		display: block;
		clear: both;
		} 		
		
	.section .headline {
		font-size: 40px;
		line-height: 60px;
		color: #666666;
		}


	.section aside h2,h3 {
		color: #1f1f1f;
		}

	.section aside h2:hover {
		color: #00236A;
		}

	.section.tests, .section.print, .section.meinung{
		width: calc(100% - 60px);
		background-color: #E8E8E8;
		padding: 10px 20px 0px 20px;
		border-bottom: 0px;
		}	

	.section.tests h2, .section.print h2, .section.meinung h2{
		color: #404040;
		}

	.section.tests H3 {
		margin: -5px 0px 10px 0px;
		}

	.spitzmark {
		font-family: 'IBM Plex Sans', verdana, arial;	
		font-size: 20px;
		line-height: 26px;
		color: #00236A;
		font-weight: bold;
		margin-bottom: 10px;
		}

	a.spitzmark:hover {
		text-decoration: underline;		
		}

	.trio.advertorial, .top .spitzmark, .print .spitzmark {
		margin-top: 10px;
		}


	section {
		display: table-cell;
		vertical-align: top;
		width: 750px;	
		padding-bottom: 20px;
		}
		
	.section .listing_disabled {
		width: calc(100% - 50px);
	
		background-color: #F5F5F5;
		padding-left: 15px;
		padding-right: 15px;

		}
		
	

	.meinung section  {
		width: 100%;	
		}	

	.meinung section h3 {
		hyphens: auto;	
		}	

	
	aside {
		display: table-cell;
		vertical-align: top;
		width: 400px;	
		padding-left: 30px;
		}

		
	aside .news_lead {
		font-size: 16px;
		line-height: 22px;
		hyphens: auto;
		}	

	aside h2 {
		color: #1f1f1f;
		}

		
	aside h3 {
		/*color: #666666;*/
		}		

	article {
		width: 100%;
		margin-bottom: 20px;
		}

	article:after { 
		content: " "; 
		display: block;
		clear: both;
		} 
		
	.trio {
		margin-bottom: 10px;
		float:left;
		width: 350px;
		height: 480px;
		padding: 20px 20px 0px 20px;
		font-size: 16px;
		line-height: 22px;
		overflow:hidden;
		border-bottom: 1px solid #EAEAEA;
		hyphens: auto;
		}

	.advertorial {
		Height: 493px;
		hyphens: auto;
		border-bottom: 0px;
		}
		
	.trio-rectangle {
		margin-bottom: 10px;
		float:left;
		width: 340px;
		height: 430px;
		padding: 20px 20px 20px 40px;
		font-size: 16px;
		line-height: 22px;
		overflow:hidden;
		border-bottom: 1px solid white;
		}

	.trio h5 {
		margin-top: 10px;
		margin-bottom: -5px;
		color: #00236A;
		}


	.quatro {
		float:left;
		width: 225px;
		min-height: 480px;
		padding: 10px 30px 0px 30px;
		font-size: 16px;
		line-height: 22px;
		overflow:hidden;
		}

	.quatro h5 {
		color: #00236A;
		}
		

	.bigbutton {
		height: 36px;
		width: 100%;
		padding-top: 3px;
		margin: 20px 0px 20px 0px;
		color: white;
		background-color: #00236A;
		text-align: center;
		font-size: 18px;
		border-radius: 5px;
		border-style: solid;
		}
		
	.bigbutton:hover {
		cursor:pointer;
		border-color: white;
		}	

	.bigbutton_div {
		width: 100%;
		text-align: center;
		}

	.bigbutton div {
		width: 82%;
		}

	.smallbutton {
		background-color: #E9E9ED;	
		height: 31px;
		width: auto;
		padding: 0px 10px 0px 10px;
		}

	/* news */
	
		.news_top_img_div {
			max-height: 400px;
			overflow: hidden;
			text-align:center;
			background-color: #F1F1F1;
			}

		
		.news_top_img_div.quer img {
			width: 100%;
			}	
	
		.news_top_img_div.hoch img {
			height: 110%;
			}	
	
		.news_trio_img_div {
			height: 200px;
			overflow: hidden;
			text-align:center;
			background-color: #F1F1F1;
			margin-bottom: 10px;
			}
	
		.news_quatro_img_div {
			height: 240px;
			overflow: hidden;
			text-align:center;
			background-color: #F1F1F1;
			margin-bottom: 10px;
			}


		.teaser_img_div {
			display: table-cell;
			width: 160px;
			max-height: 180px;
			overflow: hidden;
			text-align:center;
			background-color: white;
			vertical-align: top;
			}


		.tests .teaser_img_div {
			background-color: #EAEAEA;
			}


		.teaser_item_div {
			display: table-cell;
			padding-left: 15px;
			
			}

			
		.print .news_tests_img_div {
			background-color: black;
			}
	
	
		.news_lead {
			font-size: 18px;
			line-height: 27px;	
			}

		.news_quelle {
			font-size: 14px;
			color: darkgray;
			width: 100%;
			text-align:right;	
			}
			
		.news_quelle a {
			color: darkgray;
			}
			
			
		.news_datum {
			font-size: 16px;
			line-height: 21px;
			margin-top: 5px;
			white-space: nowrap;
			color: #555555;
			}
		
		.news_more_img_div {
			width: 300px;
			display:table-cell;
			overflow: hidden;
			height: 220px;
			text-align:center;
			}
			
		.news_more_div {
			display:table-cell;
			vertical-align: top;
			text-align:left;
			padding-left: 20px;
			}
			
			
		.news_more_item {
			margin-bottom: 20px;
			padding-bottom: 20px;
			border-bottom: 1px solid #EAEAEA;
			display:table;
			}	

		.news_more_item h3 {
			margin-top: 0px;
			}
			
		.news_body {
			font-size: 17px;
			line-height: 25px;
			margin-bottom: 20px;
			}	

		/* set dynamic height of section */	
		.news_body:after { 
			content: " "; 
			display: block;
			clear: both;
			} 

		.news_body a {
			color: #00236A;
			font-weight: bold;			
			}

		.news_body a:hover {
			text-decoration: underline;
			}

		.news_textbox {
			background-color: #EAEAEA;
			padding: 20px;
			font-size: 16px;
			line-height: 24px;
			margin-bottom: 40px;
			}
			
		.news_video {
			min-height: 400px;
			}
		
		.hinweis-top {
			width: 100%;	
			}		


		.green {
			color: green;
			}
		
		.red {
			color: red;
			}
			
		.center {
			text-align:center;
			}


		.uv_letter {
			border: 1px solid #00236A;
			padding: 8px 12px 4px 12px;
			margin: 2px;
			height: 20px;
			color: #00236A;
			font-size: 16px;
			font-weight: bold;
			line-height: 15px;
			float: left;
			text-align: center;		
			}		

		.uv_item {
			margin-bottom: 20px;
			}
		
/* header */ 		
	
	header {
		min-height: 100px;
		width: calc(100% - 20px);;
		}	
		
	.header_left{
		float:left;
		width: 300px;
		}		
	
	.header_right{
		float:left;
		width: calc(100% - 300px);
		}	
		
		
	.header_menu {
		position: relative;
		float:left;
		width: 500px;
		margin-left: 10%;
		margin-bottom: 10px;
		font-family: 'IBM Plex Sans', verdana, arial;	
		font-size: 17px;
		line-height: 22px;
		text-decoration: none;
		}
	
	.header_menu a {
		color: #666666;
		text-decoration: none;			
		}	
	
	.header_menu a:hover {
		text-decoration: underline;	
		}	
		
	.header_menu_item {
		float:left;
		padding-right: 20px;
		}
		
	.header_search {
		margin-top: 0px;
		width: 300px;
		height: 35px;	
		margin-left: calc(100% - 300px);
		}
	
	
	.suchfeld {
		width: calc(100% - 30px);
		float:left;
		display:inline;
		margin-top: -5px;
		}

	.suchlupe {
		float:left;
		width: 20px;
		height: 20px;
		margin-left: -35px;
		background-image: url(/bilder/design/search.jpg);
		background-position: 0px 0px;
		background-repeat: no-repeat;
		overflow: hidden;
		border: 0px;
		}
		
	input[type="submit"].suchlupe  {
		height: 24px;
		}
	
	.suchlupe:hover {
		cursor: pointer;
		}


/* Navi */
	
	div.navi {
		position: relative;
		width: calc(100% - 20px);
		border-bottom: 1px solid darkgray;
		border-top: 1px solid darkgray;
		height: 40px;
		}
			
	.navi_itemlist {
		width: calc(100% - 60px);
		white-space: nowrap;
		overflow-x: hidden;
		float:left;
		scroll-behavior: smooth; 
		}

	.navi_item {
  		display: inline-block;	
		margin-right: 3.1%;
		line-height: 38px;
		}
		
	.navi_item:hover,.subnavi_item:hover {
		text-decoration: none;	
		border-bottom: 3px solid #00236A;
		}		
		
	.subnavi_item_aktiv, .navi_item_aktiv {
		border-bottom: 3px solid #00236A;	
		}		


	div.subnavi {
		position: relative;
		width: calc(100% - 0px);
		border-bottom: 1px solid darkgray;
		border-top: 1px solid darkgray;
		height: 26px;
		margin-bottom: 20px;		
		}		

	.subnavi_itemlist {
		width: calc(100% - 100px);
		white-space: nowrap;
		overflow-x: hidden;
		float:left;
		scroll-behavior: smooth; 
		}

	.subnavi_item {

  		display: inline-block;	
		margin-right: 4%;
		line-height: 20px;
		height: 22px;
		}
				

	.leftNav {
		width: 20px;
		float:left;
		display: none;
		font-weight: bolder;
		cursor: pointer;
		position: relative;
		margin-right: 10px;
		margin-top: 5px;
		font-size: 36px;
		color: #DDDDDD;
		}
	
	.rightNav {
		width: 20px;
		float:left;
		display: none;
		font-weight: bolder;
		cursor: pointer;
		position: relative;
		margin-left: 10px; 
		margin-top: 5px;
		font-size: 36px;
		color: #DDDDDD;
		}
	
	.navarrows {
		width: 20px;
		}			

		
	.leftsubNav {
		width: 35px;
		float:left;
		font-weight: bolder;
		cursor: pointer;
		position: relative;
		margin-right: 10px;
		margin-top: -2px;
		font-size: 36px;
		color: #DDDDDD;
		}
	
	.rightsubNav {
		width: 35px;
		float:left;
		font-weight: bolder;
		cursor: pointer;
		position: relative;
		margin-left: 20px; 
		margin-top: -2px;
		font-size: 36px;
		color: #DDDDDD;
		text-align:right;
		
		}	


		
	
/* slick gallery */

	.mygal {
		width: 750px;
		text-align:center;
		margin-top: 20px;
		margin-bottom: 20px;
		}

	.slick-track {
		max-height: 450px;
		}

	.slick-carousel img {
		width: auto;
		margin: 0 auto;
		}
				
	.slick-next {
		right: 10px;
		border: 1px solid darkgray;
		border-radius: 5px;
		padding: 2px;
		top: 35%;
		width: 44px;
		height: 40px;
		opacity: 0.5;
		}		

	.slick-next:hover,.slick-prev:hover{
		border-color: white;
		}

	.slick-next::before {
		color: white;
		background-color: black;
		}


	.slick-prev {
		left: 10px;
		border: 1px solid darkgray;
		border-radius: 5px;
		padding: 2px;
		top: 35%;
		z-index: 5;
		width: 44px;
		height: 44px;
		opacity: .5;
		}

	.slick-prev::before {
		color: white;
		background-color: black;
		}
		
	.gallerielegende {
		background-color: #E7E7E7; 
		padding: 5px;
		font-size: 14px;
		line-height: 21px;
		text-align:left;
		}			


/* inhalt  */
	.inhalt_heft {
		margin-bottom: 10px;
		width: 100%;
		}
	
	.inhalt_heft:after { 
		content: " "; 
		display: block;
		clear: both;
		} 	
	
	.inhalt_cover {
		float:left;
		width: 30%;
		min-width: 185px;
		margin-right: 3%;	
		margin-top: 5px;
		
		}
		
	.inhalt_cover img {
		width: 100%;
		max-width: 240px;
		}	
	
	.inhalt_item {
		margin-top: 8px;
		}	
	
	.inhalt_page {
		width: 30px;
		float:left;
		flex-basis: 0;
	   	flex-grow: 0;	
		}	
	
	.inhalt_content {
		margin-left: 30px; 
		}



/* LINKS */ 
	.page_turn {
		clear:both;
		position:relative;
		width: 100%;
		height: 40px;
		margin-top: 40px;
		}
	
	.page_turn a {
		color: #00236A
		}	
		
	.page_turn a:hover  {
		text-decoration: underline;		
		font-weight: bold;
		}
	 .page_turn_left {
	 	width: 33%; 
	 	float: left
		}

	 .page_turn_mid {
	 	width: 33%; 
	 	float: left;
	 	text-align: center;		
		}
	
	 .page_turn_right{
	 	width: 33%; 
	 	float: left;
	 	text-align: right;
		}
		
		
	.page_turn_preview {	
		width: 680px;
	 	overflow:hidden;	
		position: absolute;
		z-index: 50000;
	 	display: none;
	 	top: -580px;
		transform: scale(0.3);
		transform-origin: bottom left;     
		}

	#right_preview {
		margin-left: 40px;	
		}

	.event_logo {
		max-width: 250px;
		float: right;
		margin: 0px 0px 10px 15px;
		}

	.event_button {
		margin-top: 20px;
		margin-left: 10%;
		}


	
/* ads */ 	
				
	#maxiboard
		{
		margin-bottom: 20px;	
		max-width: 1170px;
		min-height: 118px;
		text-align: center;
		}

	.rectangle_content {
		float:left;
		width: 100%;
		min-height: 255px;
		text-align:center;
		/*border-bottom: 1px solid #EAEAEA;*/
		margin-top: 20px;		
		margin-bottom: 20px;
		padding-bottom: 20px;
		}
		
	/* set dynamic height of section */	
	.rectangle_content:after { 
		content: " "; 
		display: block;
		clear: both;
		} 		
		
	.rectangle_content div {
		margin: 0 auto;
		}		
	
	.rectangle_aside {
		width: 100%;
		text-align:center;
		min-height: 150px;	
		}

	
	.sky {
		float:left;
		min-width: 161px;
		margin-left: 30px;
		}
	
	#fixeddiv {
		background-color: white;
		}

	#sponsorbutton_div {
		display:block;
		}
		
	.sponsorbutton_header {
		clear:both;
		position: relative;	
		clear: both;		
		color: darkgray;
		font-size: 12px;
		padding-top: 40px;
		border-bottom: 1px solid darkgray;
		padding-bottom: 10px;
		margin-bottom: 10px;
		}
	
	.sponsorbutton_item {
		margin-top: 10px;
		}


/* table */

	table {
		width: 100%;
		font-size: 16px;
		line-height: 28px;
		}

	.table_header {
		background-color: #00236A;
		color: white;
		text-align: left;
		padding-left: 5px;	
		}
	
	.table_cell {
		border-bottom: 1px dotted darkgray;	
		vertical-align: top;	
		max-width: 25%;
		}	
	
	.table_cell.right {
		text-align: right;
		}
	
	.table_subheader {
		font-size: 12px;
		line-height: 13px;
		vertical-align: top;		
		color: #3a3a3a;
		}	
	
	.table_subheader.right {
		text-align: right;
		}

/* freeware */ 

	.freeware article {
		margin-bottom: 40px;
	
		}

	.freeware_img_div {
		margin: 0px 20px 0px 0px;
		width: 370px;
		text-align:left;
		min-height: 240px;
		display: table-cell;
		}

	.fw_content {
		display: table-cell;
		vertical-align: top;
		hyphens: auto;
		padding-left: 10px;
		}

	.fw_content .table_legende {
		width: 130px;
		}

	.fw_sterne
		{
		float:left; 
		background-image: url(/bilder/layout/itm_sprite_all.png);
		background-position: -150px -50px;
		width: 15px; 
		height: 15px;
		overflow:hidden;
		margin-right: 3px;
		margin-top: 5px;
		}

	#fw_download_panel {
		width: 100%;
		min-height: 250px;
		text-align: center;
		color: black;
		position: relative;
		top: 0px;
		display:none;
	}
	
	#fw_pix {
		display: block;
		height: 400px;
		margin-bottom: 15px;
	}

	#fw_pix img{
		max-height: 400px;
	}
	
	#accordion {
		list-style: none;
		padding-left: 5px;
		}
		
	#accordion div {
	    display: block;
	    background-color: white;
	    font-weight: normal;
	    margin: 0px;
	    cursor: pointer;
	    border-bottom: 1px solid #F2F2F2;
		}
	
	#accordion ul {
	    list-style: none;
	    padding: 0 0 0 0;
	    display: none;
		}
	
	#accordion li div {
		color: #b2b2b2;
		padding-left: 8px;
		}
	
	
	#accordion ul li {
	    font-weight: normal;
	    cursor: auto;
	    background-color: white;
	    margin: 0 0 0 20px;
	    border-bottom: 1px solid #F2F2F2;
	
	}
	
	#accordion ul li:hover {
	    background-color: white;
	}
	
	
	#accordion a {
	    text-decoration: none;
	    color: #b2b2b2;
	}
	#accordion a:hover {
	    	text-decoration: underline;
	        color: #002B80;
		}
		
		
	#accordion .active {
		color: #002B80;
		}	
	
/* abos */	


	.abo-box {
		border: 1px solid #002B80;
		min-height: 260px;
		border-radius: 5px;	
		width: 36%;
		float:left;
		margin-left: 7%;
		padding: 10px;
		margin-bottom: 30px;	
		}
	
	.abo-box .abo_img {
		width: 100%;
		z-index: 0;
		margin: 5px 0px 10px 0px;
		}	
	
	.heft-box {
		border: 1px solid #002B80;
		min-height: 260px;
		border-radius: 5px;	
		width: 27%;
		float:left;
		margin-left: 3.5%;
		padding: 5px;
		margin-bottom: 30px;	
		}	
	
	.heft-box .abo_img {
		margin: 5px 0px 0px -5px;
		}
	
	
	.abo-box .titel {
		width: 100%;
		font-weight: bold;
		font-size: 16px;
		margin: 0px;
		padding: 0px;
		}
	
	.abo-box .klein {
		position:relative;
		font-size: 11px;
		line-height: 15px;
		margin: -25px 0px 10px 5px;
		z-index: 1;
		}
	
	.abo-box h3 {
		float:left;
		margin-right: 5px;
		line-height: 30px;
		margin-top: 0px;
		}	
	
/* events */	
	

	.veranstaltungen_img_div {
		margin: 0px 15px 0px 0px;
		width: 40%;
		float: right;
		text-align: right;
		min-height: 100px;		
		}	
	
	
/* jobs */	

	.jobs H2 {
		margin-bottom: 20px;
		margin-top: 40px;


		}

	.jobs H4 {
		font-family: 'IBM Plex Sans', verdana, arial;		
		}


	.jobs .teaseritem {
		margin-bottom: 20px;
		padding-bottom: 20px;
		}	
	
	
	
/* footer */

	footer {
		clear: both;
		background-color: #E0E0E0;
		width: 100%;
		}

	footer:after { 
		content: " "; 
		display: block;
		clear: both;
		} 		


	footer .trio {
		line-height: 25px;
		border-bottom: 0px;
		height: 300px;
		min-height: 300px;
		color: black;
		}	

	footer .trio h5 {
		margin-bottom: 5px;
		margin-top: 20px;
		}

	footer .spitzmark {
		color: black;
		}



	footer svg {
		margin-right: 10px;
		}	


/* teaserrow */
	.teaserbox {
		margin-bottom: 40px;
		font-size: 16px;
		line-height: 27px;
		}
		

	.top .teaserbox {
		margin-bottom: 10px;	
		}


	.teaserbox .spitzmark {
		margin-bottom: 20px;
		border-bottom: 1px solid #00236A;
		padding-bottom: 5px;

		}


	/* set dynamic height of section */	
	.teaseritem:after { 
		content: " "; 
		display: block;
		clear: both;
		} 
		
	.teaserrow ul {
		padding-left:20px;
		}		
		
	.teaseritem {
		border-bottom: 1px solid #EAEAEA;
		padding-bottom: 10px;
		margin-bottom: 10px;	
		}

		
		
/* Cookie-Hinweis */

	.consent-div {
		background-color: #F1F1F1;
		opacity: 0.9;
		position: fixed;
		z-index: 99999999;
		left: 0px;
		right: 0px;
		bottom: 0px;
		top: auto !important;
		}
	
	 .consent-text {
		padding: 20px;
		font-family: arial;
		width: calc(100% - 160px);
		float:left;
		hyphens: auto;
		}
			
	 .consent-button {
		background-color: #03248A;
		color: white;
		border-radius: 10px;
		vertical-align: center;
		height: 40px;
		margin-top: 10px;
		padding-left: 20px;
		padding-right: 20px;
		border-style: none;
		}	
		
/* textanzeigen */		
		
	.textanzeigen .verkauft {
		background-color: #FFC2AD;
		height: 22px;color: red;
		font-weight:bold;
		text-align:center;
		padding-top: 3px;		
		}
				

}


/* 1300 or smaller */
@media only screen and (max-width: 1300px){ 

	.container0 {
		width: 100%;
		}
		
	.container {
		width: calc(100% - 40px);
		}
		
	footer .container0 {
		width: calc(100% - 40px)
		}	
		
	footer .trio {
		width: calc((100% - 120px) / 3);
		padding-left: 0.75%;
		padding-right: 0.75%;
		height: 350px;
		}			
	
	#sky_panel {
		display:none;
		}
	
	#sponsorbutton_div {
		display:none;	
		}




}



/* 1100 or smaller */
@media only screen and (max-width: 1200px){ 


		
	#maxiboard {
		display:none;
		}
		
	.news_top_img_div.quer {
		height:auto;
		}		

	.news_top_img_div.quer img {
		display:block;
		}		

	
	

}



/* 920 or smaller */
@media only screen and (max-width: 920px){ 

	#fw_pic {
		display: block;
		width: 100%;
		margin-bottom: 15px;
	}

	#fw_pic img {
		width: 100%;
	}		

	.freeware_img_div {
		float: left;
		min-height: 100px;
		}

	.fw_content {
		float: left;
		}

	.container {
		width: calc(100% - 20px);
		}

	section {
		display:block;
		float:left;
		width: 100%;
		}
	
	aside {
		padding-left:0px;
		width: 100%;
		}
		
	aside .news_lead {
		display:none;
		}	

	.top .news_lead {
		font-weight: bold;
		}	


	header {
		height: 120px;	
		}
	
	.header_right{
		width: 100%;
		}

	
	.header_menu {
		margin-left:0;
		margin: 10px 0px 20px 0px;

		}
	
	.header_menu_item {
		padding: 0px 10px 0px 0px;
		}
	
	.header_search {
		margin-top: 10px;
		margin-left: 0%;
		width: 99.5%;	
		}
			
	.rightNav {
		display: inline-block;			
		}	
			
	.trio {
		padding: 20px 0px 20px 0px;
		width: 100%;
		height: auto;
		}

	footer {
		height: 760px;
		}	

	footer .trio {
		width: calc(50% - 20px);
		padding: 20px 0.75% 0px 0.75px ;
		}

	footer .trio img {
		width: 200px;
		}


	/*.top .news_top_img_div, .tests .news_top_img_div {
		height: auto;
		}	
		*/
		
		
	.news_top_img_div.hoch {
		height:300px;
		}		

		


	.news_trio_img_div {
		width: 300px;
		float:left;
		margin-right: 20px;
		}		
		
		
	.trio-rectangle {
		width: 100%;
		height: 270px;
		text-align: center;
		padding: 40px 0px 20px 0px;
		border-top: 1px solid #EAEAEA;
		border-bottom: 1px solid #EAEAEA;
		margin-top: 10px;
		margin-bottom: 20px;
		}	

	.trio-rectangle div {
		margin: 0 auto;
		}
		
}


/* 750 or smaller */
@media only screen and (max-width: 750px){ 


	H1 {
		font-size: 32px;
		line-height: 40px;
		margin: 10px 0px 0px 0px;
		}
		
	H2 {
		font-size: 30px;
		line-height: 36px;
		}

	H3 {
		font-size: 20px;
		line-height: 24px;
		}

	div.navi {
		border-bottom: 0px solid darkgray;
		border-top: 0px solid darkgray;
		}

	.header_menu {
		width: 100%;
		}


	.news_trio_img_div,.news_more_img_div{
		width: 100%;
		float:left;
		margin-right: 0px;
		margin-bottom: 15px;
		}	
		
	.news_more_item {
		margin-bottom: 10px;
		padding-bottom: 10px;
		
		}



	.news_more_div {
		width: 100%;
		display:block;
		padding-left: 0px;
	
		}
		
	.news_more_img_div {
		width: 100%;
		display:block;
		height: 200px
		}	
		
	.event_logo {
		max-width: 40%;
		}
	
	.table_cell {
		font-size: 13px;
		}	
		
	.mobilehide {
		display: none;
		}	
		
	.mygal {
		width: 100%;
		}	
		
	.bigbutton div {
		width: 100%;
		}
		
			


}


/* 500 or smaller */
@media only screen and (max-width: 500px){ 


	footer {
		height: 1170px;
		}
		
	footer .trio {
		width: calc(100% - 40px);
		padding-top: 0px;
		line-height: 30px;
		height: 380px;
		}
		
	footer .trio img{
		margin-top: 20px;
		}

	.quatro {
		height: auto;
		min-height: 0px;
		}	
			
	.mygal img.hoch {
		max-height: 350px;
		width: auto;
		}		
			
	input[type=checkbox], input[type=radio] {
		width: auto;
		transform: scale(1.0);	
		}
		

	.textanzeigen .verkauft {
		font-size: 8px;
		}



}