/* roboto-condensed-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: 'Roboto Condensed';
  font-style: normal;
  font-weight: 700;
  src: url('/tools/fonts/roboto-condensed-v25-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}



	
	BODY {
		margin: 0px;
		font-family: 'arial';	
		font-size: 16px;
		line-height: 24px;	
		background-color: white;

		}
	
	A {
		color: #1f1f1f;
		text-decoration: none;
		}	
		
	
	H1 {
		font-family: 'Roboto Condensed';
		font-size: 40px;
		line-height: 56px;
		padding: 0px;
		margin: 10px 0px 10px 0px;
		}

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

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

	a H2:hover {
		color: #C31C2B;
		text-decoration: underline;		
		}


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

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


	H4 {
		font-family: 'Roboto Condensed', verdana, arial;
		font-size: 20px;
		line-height: 26px;
		padding: 0px;
		margin: 0px;
		margin-top: -5px;
		hyphens: auto;
		}

	a H4:hover {
		color: #C31C2B;
		text-decoration: underline;		
		}
	H5 {
		font-family: 'Roboto Condensed', 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_plz {
		width: 50px;
		margin-right: 10px;
		}	
		
	.inputtext_ort {
		width: calc(90% - 65px);
		}	
		
	.table_legende {
		float:left;
		width: 25%;
		font-weight: bold;
		line-height: 30px;
		}	

	.table_content {
		float:left;
		width: 25%;
		line-height: 30px;
		}
		
	.table_content75 {
		float:left;
		width: 75%;
		line-height: 30px;
		}		


@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: 1000px;
		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: #C31C2B;
		}

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

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

	.spitzmark {
		font-family: 'Roboto Condensed', verdana, arial;	
		font-size: 20px;
		line-height: 26px;
		color: #C31C2B;
		font-weight: bold;
		margin-bottom: 10px;
		}

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


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

	.print .spitzmark {
		margin-top: 20px;
		}


	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 .teaseritem {
		border-bottom: 1px solid #EAEAEA;
		padding-bottom: 10px;
		margin-bottom: 10px;	
		}
		
	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;
		}
	
	.section.top article {
		margin-bottom: 0px;
		}	
		

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

	.advertorial {
		Height: 508px;
		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: #C31C2B;
		}


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

	.quatro h5 {
		color: #C31C2B;
		}
		

	.bigbutton {
		height: 36px;
		width: 100%;
		padding-top: 3px;
		margin: 20px 0px 20px 0px;
		color: white;
		background-color: #C31C2B;
		border-color: #C31C2B;
		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;
		}
		
	.socialmediabutton {
		background-color: white;
		border-radius: 5px;
		padding: 3px 3px 0px 3px
		}		
		

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

		
		.news_top_img_div.quer img {
			width: 100%;
			}	
	
		.news_top_img_div.hoch img {
			height: 110%;	
			max-height: 500px;	
			}	

		.news_top_img_div.hoch {
			background-color: #F1F1F1;		
			}	

	
		.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;
			}


		.teaseritem .news_people_img_div {
			float:left;
			background-color: white;
			margin-top: -5px;
			}


		.news_people_img_div {
			width: 160px;
			max-height: 180px;
			margin-right: 15px;
			overflow: hidden;
			text-align:center;
			background-color: #EAEAEA;
			vertical-align: top;
			display: inline-block;		
			}
			
		.people .news_people_img_div {
			background-color: #EAEAEA;
			}			
			
	
	
		.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: #C31C2B;
		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: 20px;
			}
			
		.news_video {
			min-height: 400px;
			}
		
		.hinweis-top {
			width: 100%;	
			}		


		.green {
			color: green;
			}
		
		.red {
			color: #C31C2B;
			}
			
		.blue {
		
			color: #0018AB;
			}	
			
		.center {
			text-align:center;
			}


		.uv_letter {
			border: 1px solid #C31C2B;
			padding: 8px 12px 4px 12px;
			margin: 2px;
			height: 20px;
			color: #C31C2B;
			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: 'Roboto Condensed';
		font-size: 16px;
		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: 30px;
		}
		
	.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: 4.4%;
		line-height: 38px;
		}
		
	.navi_item:hover,.subnavi_item:hover {
		text-decoration: none;	
		border-bottom: 3px solid #C31C2B;
		}		
		
	.subnavi_item_aktiv, .navi_item_aktiv {
		border-bottom: 3px solid #C31C2B;	
		}		


	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: 7px;
		font-size: 36px;
		color: #DDDDDD;
		}
	
	.rightNav {
		width: 20px;
		float:left;
		display: none;
		font-weight: bolder;
		cursor: pointer;
		position: relative;
		margin-left: 10px; 
		margin-top: 7px;
		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: 33%;
		margin-right: 20px;	
		margin-top: 5px;
		}
		
	.inhalt_cover img {
		width: 100%;
		max-width: 240px;
		}	
	
	.inhalt_item {
		margin-top: 8px;
		}	
	
	.inhalt_page {
		max-width: 30px !important;
		min-width: 20px;
		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: #C31C2B
		}	
		
	.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;
		}
		
	#maxiboard2 {
		margin-top: 10px;	
		margin-bottom: 10px;	
		max-width: 1170px;
		text-align: center;
		}		


		
	.maxispecial {
		text-align:center;
		padding-top: 20px;
		}	

	.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;
		}
		
	.rectangle_content div {
		margin: 0 auto;
		}		
	
	.rectangle_aside {
		width: 100%;
		text-align:center;
		min-height: 150px;	
		}

	.rectangle_mobile {
		width:100%;
		float:left;
		text-align: center;
		display: none;
		}
		
	.rectangle_mobile div {
		margin: 0px auto;
		margin-bottom: 20px;	
		}	

	
	.sky {
		float:left;
		min-width: 161px;
		margin-left: 30px;
		}

	.skymob {
		width:100%;
		float:left;
		text-align: center;
		display: none;
		}
		
	.skymob div {
		margin: 0px auto;
		margin-bottom: 20px;	
		}	

	
	#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;
		}
	
	.sponsorbutton_item {
		margin-top: 10px;
		}
		
	.nl_subscription_box {
		width: calc(100% - 60px);
		min-height: 120px;
		background-color: #A9A9A9;
		padding: 20px;
		color: white;
		margin-bottom: 20px;		
		}		
		


/* table */

	table {
		width: 100%;
		font-size: 15px;
		}

	.table_header {
		background-color: #C31C2B;
		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;
		}

	 .cell20 {
	    width: 20%;
	  }
	  
	   .cell80 {
	    width: 80%;
	  }
	
/* 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 svg {
		margin-right: 10px;
		}	


/* teaserrow */
	.teaserbox {
		margin-bottom: 40px;
		}
		
	.teaserbox.swico {
		border-bottom: 1px solid #EAEAEA;
		}	

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

	.top .spitzmark {
		margin-top: 15px;	
		}


	.teaserbox .spitzmark {
		margin-bottom: 20px;
		}


	/* set dynamic height of section */	
	.teaseritem:after { 
		content: " "; 
		display: block;
		clear: both;
		} 
		
		
		
/* 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;
		}
	

	

	.rectangle_mobile {
		display: block;
		}	
	
	#sponsorbutton_div {
		display:none;	
		}




}



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


		
	#maxiboard {
		display:none;
		}
		
	#maxiboard2 {
		display:none;
		}


	.news_top_img_div.quer {
		height:auto;
		}		

	.news_top_img_div.quer img {
		display:block;
		}		

	
	.maxispecial img {
		width: calc(100% - 40px);;
		}

}



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

	.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 30px 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, .people .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){ 

	.skymob {
		display: block;
		}


	H1 {
		font-family: 'Roboto Condensed';
		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;
		
		}

	.trio {
		min-height: auto;
		}


	.news_more_div {
		width: 100%;
		display:block;
		padding-left: 0px;
	
		}
		
	.news_more_img_div {
		width: 100%;
		display:block;
		height: 200px
		}	

	.news_video iframe {
		height: 280px;
		}
		
		
	.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);	
		}
		
	.hidemobile {
		display: none;
		}		

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



}