/* Media queries
---------------------------------------- */

	
	@media only screen and (min-width: 751px) and (max-width: 1400px) { 
		
			#rightcol .quotebig
			{
					font-size:1.6rem;
			}
		#rightcol .quotebig strong
		{
			font-size: 2.3rem;
			line-height:2.7rem;
		}
		
		
	}

@media only screen and  (max-width: 1050px) { 
	/* Desktops (<960) styles go here */



	#rightcol .quotebig
	{
			font-size:1.2rem;
	}
#rightcol .quotebig strong
{
	font-size: 1.9rem;
	line-height:2rem;
}

#mainmenue a {
	font-size:1.4rem;
	line-height: 2.0em;
padding-right: 2.2rem;
}

	}
	

	
	@media only screen and  (max-width: 900px) { 
	
		#rahmen
		{

			font-size: 1.2rem;
			line-height: 2.0rem;
			padding-bottom: 17%;
		}
		#rightcol .quotebig
		{
				font-size:1.2rem;
		}
	#rightcol .quotebig strong
	{
		font-size: 1.5rem;
		line-height:1.6rem;
	}

	#mainmenue a {
		font-size:1.4rem;
		line-height: 1.6em;
	padding-right: 1.8rem;
	}
	
	#leftcol article h1
	{
	font-size: 2.2rem;
	margin-bottom:1.2rem;
	}
	
	#leftcol article h2
	{
	font-size: 1.6rem;
	font-weight: normal;
	margin-bottom:1.2rem;
	margin-top: 1.0rem;
	
	}
	
	#leftcol #imgdescription, .wp-caption-text
	{
		font-size:1.0rem;
		line-height:1.3rem;
		margin:20px 0px;
	}
	
	#footer #footerleft
	{
		float: none;
	
		text-align: center;
	}
		#footer #footerright 
		{
			float: none;
			margin:20px 0px;
			text-align: center;
		}
		
	
		
		#footer .menu-footer-menue-container ul li{
			text-align: center;
		}
}

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

	
	#leftcol #imgdescription, .wp-caption-text
	{
		width: 90%;
		bottom:15px;
	}
	.menu-hauptmenue-container
	{

		width:33%;
		height:100%;
		min-height:50px;
		cursor: pointer;
	}
	#menuetoggle
	{
		display: inline-block;
		color: rgb(13, 53, 112);
					height: 35px;
						line-height: 2.0em;
						font-size:1.69rem;
						padding-bottom:10px;
						pointer-events: none!important;
	}

	.menu-hauptmenue-container #menu-hauptmenue
	{
		z-index: 10;
		-webkit-transition: max-height 300ms linear;
		-moz-transition: max-height 300ms linear;
		-ms-transition: max-height 300ms linear;
		-o-transition: max-height 300ms linear;
		transition: max-height 300ms linear;
	height: auto;
			max-height:0px;
			position: absolute;
				overflow:hidden;
				background-color:rgba(222, 217, 215, 0.92);
				min-width:33%;
	

	}

	.menu-hauptmenue-container:hover #menu-hauptmenue
	{
		-webkit-transition: max-height 500ms linear;
		-moz-transition: max-height 500ms linear;
		-ms-transition: max-height 500ms linear;
		-o-transition: max-height 500ms linear;
		transition: max-height 500ms linear;
		
		height: auto;
			max-height: 1000px;
			position: absolute;
				overflow:hidden;
				background-color:rgba(222, 217, 215, 0.92);
				min-width:33%;
				-webkit-box-shadow: 1px 1px 3px 0 rgba(150, 150, 150, 0.8);
				box-shadow: 1px 1px 3px 0 rgba(150, 150, 150, 0.8);
	
	}
	#mainmenue ul li{
			display: block;
			padding: 0px;
			clear: left;
		position: relative;
		height: auto;
		 width:100%;
	
		-webkit-transition: background-color 600ms;
		-moz-transition: background-color 600ms;
		-ms-transition: background-color 600ms;
		-o-transition: background-color 600ms;
		transition: background-color 600ms;


	}
	
	#mainmenue ul li:hover{
			background-color:rgba(222, 217, 215, 1);
			-webkit-transition: background-color 600ms;
			-moz-transition: background-color 600ms;
			-ms-transition: background-color 600ms;
			-o-transition: background-color 600ms;
			transition: background-color 600ms;
		}
	#mainmenue ul li a
	{
			position: relative;
		display: block;
			line-height: 1.5em;
			height: auto;
		width: calc(100% - 40px);

		padding:20px;
		
	}
	
	header nav#mainmenue ul li.touchtoggle
	{
		display: none;
	}
	#mainmenue ul li:hover;{

	}
	#rahmen
	{

		padding-bottom: 20%;
		font-size: 1.4rem;
		line-height: 1.69rem;
	}
	
	header .site-title
	
	{
		font-size: 2.8rem;
		font-weight: normal;
		
	}
	
	header .site-description
	{
		font-size: 1.8rem;
	}
	#leftcol article h1
	{
	font-size: 2.2rem;
	margin-bottom:0.4rem;
		line-height:2.2rem;
	}
	
	#leftcol article h2
	{
	font-size: 1.8rem;

	font-weight: normal;
	margin-bottom:0.4rem;
	
	}
	
	
	#leftcol .post-thumbnail
	{
		margin-bottom:10px;
	}
	
	#footer
	{
		padding:0px;
		margin:0px;
	}

		#footer #footerright, #footer #footerleft
		{
			float: none;
			margin:5px 0px;
			text-align: center;
			font-size:0.9rem;
		}
		
		.collapseomatic
		{


		background-position: 0px 4px;

		}
		
	
}


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

	#rahmen
	{
				padding-bottom: 10%;
				font-size: 1.28rem;
				line-height:1.32rem;
	}
	
	#leftcol #imgdescription, .wp-caption-text
	{

		bottom:10px;
	}
	#leftcol
	{
		position: relative;
	width:100%;
	line-height:1.15em;
	float: none;
	}
	
	#leftcol article, #leftcol .lb_pagination
	{
			
		width:90%;
		margin:5%;
	
		
	float: none;
	}
	#rightcol
	{
		
width:90%;
padding: 0 5%;
float: none;

	}		
	#rightcol .quotebig
	{
			font-size:1.2rem;
	}
#rightcol .quotebig strong
{
	font-size: 1.4rem;
	line-height:1.3rem;
}

#footer #footerleft
{
	display: none;
}
#footer #footerright
{
margin-bottom:0px;
}

.collapseomatic
{


background-position: 0px 2px;

}
	.mbsrmbsc
	{
		text-align: center;
			padding: 1.0rem;
		width: calc(100% - 2rem);

		line-height:1.2em;
	}
a.mbsrmbsc-web
{
float: none;
margin: 0px auto;


}
.mbsrmbsc-right
{
	margin-top:20px;
	float: none;
	width: auto;
	
}
}

@media only screen and (max-width: 479px) {
	
	#rahmen
	{
		padding-bottom: 10%;
		font-size: 1.08rem;
		line-height:1.12rem;
	}
	
	

	header
	{
		height: auto;
		padding-top:4px;
		padding-bottom:4px;
	}
	header .site-title
	
	{
		font-size: 2.0rem;
		font-weight: normal;
		
	}
	
	header .site-description
	{
		font-size: 1.2rem;
	}
	
	#mainmenue, .menu-hauptmenue-container
	{


		min-height:30px;
	
	}
	#menuetoggle
	{
	
					height: 25px;
						line-height: 1.6em;
						font-size:1.3rem;
	}
	#mainmenue a
	{
		font-size: 1.2rem;
	}
	
	#mainmenue ul li a
	{
		width: calc(100% - 20px);
		padding: 10px;
	}
		#leftcol article h1
			{
			font-size: 1.8rem;
			margin-bottom:0rem;
				line-height:1.8rem;
			}	
			#leftcol article h2
			{
			font-size: 1.4rem;
line-height:1.4rem;
			font-weight: normal;
			margin-bottom:0.4rem;
	
			}
			
			.collapseomatic
			{


			background-position: 0px 0px;

			}
}