@media screen and (min-width: 768px)  {
  .iframe-mittig {padding: 0 2%;} 
	div.frame-zwei-spalten div.ce-bodytext,
	div.frame-zwei-spalten div.ce-text,
	div.frame-zwei-spalten div.ce-gallery,
	div.frame-zwei-spalten div.news-list
	{
		column-count: 2;
		column-gap: 5em;
	}
	.frame-default.frame-type-image .ce-column{
		width: 30%;
		float:left;
		margin-right: 3%;
	}
}
/*
@media screen and (min-width: 90em)  {
  .iframe-mittig {padding: 0 17%;}   
	div.frame-zwei-spalten div.ce-bodytext,
	div.frame-zwei-spalten div.ce-text,
	div.frame-zwei-spalten div.ce-gallery,
	div.frame-zwei-spalten div.news-list
	{
		column-gap: 15em;
	}
}
*/
/**************** media query handhelds less than 950px */
@media screen and (max-width: 950px) {
  img, embed, object, video, iframe {
      height: auto;
      width: 100%;
  }
	iframe {
		  max-width:90%;
	  }  
}

/**************** media query handhelds less than 840px */
@media screen and (max-width: 90em) {
	main
	{
		padding-left: 0.625em;
		padding-right: 0.625em;
	}
}     

@media only screen and (max-width: 768px) {
	div.frame-header {
		padding: 15em 0em 0em 0em;
	}	
	h1.dunkelrot /* Header Überschrift groß, vorher h4 */
	{
		font: 900 2.1em 'Roboto';
	}	

	/*Corona-Popup*/
	#coronaSeite
	{
		max-width: 20em;
		top: 20em;
	}

	#wrapperStart header {
       padding: 9px 10px 40px 10px;
       width: 100%;
     }
	 
	 #wrapperSeite header {
	   padding: 0px 10px;
       height: 200px;
     }
	
	#c3 h4,
	#c190 h4
	{
		font: 800 3em 'Roboto';
		color: #4B1319;
		letter-spacing: 1.30px;
		line-height: 1em;
		width: 100%;
	}
	
	/*div.frame-header{
		padding: 0px 440px 0px 0px;
	}*/
	
	#header nav{
		display:none;
	}
	
	#slide-menu{
		display:block!important;
		background-color:black;
		z-index:999;
		font: normal 900 14px 'Roboto';
	}
	
	.mean-container div#wrapperSeite header, .mean-container div#wrapperSeite main, .mean-container div#wrapperSeite article
	{
		padding-left: 0px;
		padding-right: 0px;
	}  
	
	#slide-menu img
	{
		width: 150px;
	}
	
	/******************************slide menu****/
	#openMenu{
		display:block;
		position:fixed;
		top:80px;
		right:0;
		z-index:99;
		background-color: #b5152b;
		color: #fff;
		padding: 0px 10px;
		border-radius: 5px 0px 0px 5px;
	}
	.sidenav {padding-top: 75px;}
	.sidenav a {font-size: 18px;}
	
	 .sidenav {
	  height: 100%;
	  width: 0;
	  position: fixed;
	  z-index: 1;
	  top: 0;
	  right: 0;
	  background-color: #111;
	  overflow-x: hidden;
	  transition: 0.5s;
	  /*padding-top: 60px;*/
	}

	.sidenav a {
	  text-decoration: none;
	  font-size: 24px;
	  color: #fff;
	  display: block;
	  /*transition: 1s;*/
	  text-align: center;
	}

	.sidenav a:hover {
	  color: #f1f1f1;
	}

	.sidenav .closebtn {
	  position: absolute;
	  top: 85px;
	  right: 15px;
	  font-size: 30px;
	  color: #ffff;
	}

	#wrapperSeite,#wrapperStart {
	  width:100%;
	  float:right!important;
	  transition: margin-right 0.5s;
	  overflow:hidden;
	}

	#slide-menu ul.menue {
		padding-top: 40px;
		text-align:center;
	}

	#slide-menu ul.menue li{
		display:block;
		padding-top:2%;
		padding-bottom:2%;
		position: relative;
		width: 100%;
	}
	
	#slide-menu ul.menue li a{
		color:#ffff;				
	}
	
	#slide-menu .menue li.current a{
	
		color:#4A4A4A!important;
		background-color: #ffffff;
		
	}
	li.mitSubmenu .fa-plus:before {
		margin-right: 10px;
		color:#fff;
		font-size:25px;
	}
	li.current ul.submenu,
	li.current ul.submenu li
	{
		
		display:block;
		background-color:#fff!important;
		
	}

	li.current ul.submenu li a {
		/*
		font-size:20px;
		color:#b5152b!important;
		*/
	}

	ul.submenu li.SubActive a {
		
		text-decoration:underline;
		
	}

	span.openSubMenu{
		
		width:1.875em;
		height:1.875em;
		background-image:url("../Icons/openSubMenu-plus.PNG");
		background-repeat: no-repeat;
		display:block;
		margin-left: 45%;
		padding: 2em;
		position: absolute;
		right: 0;
		top: 0.8em;
	}

	ul.menue li.sub.current + a
	{
		background-color: #f1f1f1 !important;
	}

	span.show{
		
		width:30px;
		height:30px;
		background-image:url("../Icons/openSubMenu-minus.PNG");
		background-repeat: no-repeat;
		display:block;
		margin-left: 45%;
		
	}

	/* Dropdown container (hidden by default). Optional: add a lighter background color and some left padding to change the design of the dropdown content */
	.dropdown-container {
	  display: none;
	  background-color: #262626;
	  /*padding-left: 8px;*/
	}

	/* Optional: Style the caret down icon */
	.fa-caret-down {
	  float: right;
	  padding-right: 8px;
	}
	
	#wechselnZu {
		margin-top:20%;
		margin-bottom:80px;
		margin-left: auto;
		margin-right: auto;
		width: 60%;
	}
	
	#wechselnZu div{
		overflow:hidden;
	}
	
	#wechselnZu h3{
		color: #fff;
		font-style: italic;
		width: 30%;
		display: block;
		float: left;
		font-size: 15px;
		margin-top: 40px;
		padding-left:2%;
	}
	
	#wechselnZu span a{
		font-size:20px;
		color:#fff;
	}
	
	#wechselnZu a {
		float:left;
	}
	
	#wechselnZu ul{
		display: inline-block;
		width: 100%;
		margin-bottom: 20px;
	}
	
	#wechselnZu ul li a{
		font-size:15px;
		padding:5px;
	}
	
	#footer-nav
	{
		margin-top: 1em;
	}
	
	#slide-menu nav#footer-nav a
	{
		font: normal 400 0.875em 'Roboto';
		margin-left: 2.15em;
		margin-bottom: 1em;
	}

	div#logo img
	{
		float: none;
		margin-top: 45px;
	}
	
	div.sozial {
		background-color: black;
		position: relative;
		width: 100%;
		color: #FFFFFF;
		padding: 25px 10px;
		font-size: 2em;
		font-family: Sunrise International;
	}
	
	article#sozial {
		background-color: #ffffff;
		position: relative;
		padding:0px;
	}
	
	#sozial .foodora{
	    left: 0px;
		display: block;
		position: relative;
		padding-bottom: 3em;
		padding-left: 0.625em;
	}
	
	article#sozial div.foodora p {
		font-size: 2.1em;
		letter-spacing: 1px;
		font-family: Sunrise International;
		color: #919191;
		margin-bottom: 10px;
		width:60%;
		padding-left:10px;
	}

	img.logo_foodora
	{
		max-width: 120px;
		padding-left: 10px;
		margin-bottom: 3em;
		padding-top: 30px;
	}

	img.foodora_frau {
		position: absolute;
		right: 0%;
	}
	
	footer
	{
		padding-left: 0.625em;
	}
	
	/* Tabelle */
	
	table.contenttable td
	{
		display: block;
		width: 100% !important;
	}
	
	/* powermail */
	
	div.tx-powermail input.btn,
	div.tx-powermail input,
	div.tx-powermail textarea,
	div.tx-powermail select
	{
		width: 94%;
	}
	
	div#wrapperSeite main aside
	{
		width: 35%;
		margin-left: 2em;
	}
	
	div#wrapperSeite main .container section.content
	{
		width: 54%;
	}
	div.frame-zwei-spalten div.ce-bodytext
	{
		column-gap: 5em;
	}	
}
@media screen and (min-width: 48em) and (max-width:90em)  {
	div.frame-box .ce-gallery figure.image {
		width: 5.5em;
		left: -2.5em;
	}	
	
	div.frame-box .ce-gallery div.ce-bodytext, div.frame-box2 .ce-gallery div.ce-bodytext {
		left: -2em;
		width: 18em;
	}	
	div.frame-box .ce-gallery div.ce-bodytext p, div.frame-box2 .ce-gallery div.ce-bodytext p {
		padding-left: 10px;
	}	
	div.frame-box i.fa-arrow-alt-circle-right, div.frame-box2 i.fa-arrow-alt-circle-right {
		top: 85%;
		left: 90%;
	}	
}	
@media screen and (min-width: 40em) and (max-width:48em)  {
	div.frame-box .ce-gallery figure.image {
		width: 3.5em;
		left: -2.5em;
	}
	div.frame-box .ce-gallery div.ce-bodytext, div.frame-box2 .ce-gallery div.ce-bodytext {
		left: -2em;
		width: 18em;
	}	
	div.frame-box .ce-gallery div.ce-bodytext p, div.frame-box2 .ce-gallery div.ce-bodytext p {
		padding-left: 8px;
	}	
	div.frame-box i.fa-arrow-alt-circle-right, div.frame-box2 i.fa-arrow-alt-circle-right {
		top: 85%;
		left: 90%;
	}
	
	
}	
/**************** media query handhelds less than 640px */
@media screen and (max-width: 640px)  {
	main .containerSpalte section
	{
		width: 100%;
		float: none;
		margin-bottom: 30px;
	}	
	main aside, main section {
		width: 100%;
		float: none;
		position: relative;
		display: block;
		height: auto;
		overflow:hidden;
    }
	div#wrapperSeite main .container section.content {
		 padding:10px;
		 width: 93%;
    }
	div#wrapperSeite main aside {
		position: relative;
		top: 10px; 
		width: 80%;
		float: left;
		margin-left:10px;
		padding:2em;
	}
		
	div.frame-box i.fa-arrow-alt-circle-right, div.frame-box2 i.fa-arrow-alt-circle-right {
		top: 85%;
		left: 95%;
	}
	div.frame-zwei-spalten div.ce-bodytext
	{
		column-count: 1;
	}	

}	
/**************** media query handhelds less than 480px */
@media screen and (max-width: 480px)  {
	.div-flex
	{
		display: flex;
		flex-direction: column-reverse;
		display: -webkit-flex; /* Safari */
		-webkit-flex-direction: column-reverse; /* Safari 6.1+ */
	}
	/***********Tao 29.04.2019	*************************/
	body 	{
		overflow:hidden;
	}
	
	#wrapperStart {
		overflow:hidden;
	}
	
	div.frame-header
	{
		padding: 17em 0em 0em 0em;
	}
	
	#wrapperStart header {
       padding: 9px 10px 40px 10px;
	   background-position: 65% 0% !important;
	   background-size: 300% auto !important;
     }
	
	article#aktuelles h1 {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg); 
		position: absolute;
		top: 5%;
		left: 5%;
	}
	
	div#news-container-7 {
     display: flex;
     margin-left: 5%;
	 margin-top:10%;
    }
	
	main {
		background-color: #FFFFFF;
		padding: 2%; 
		display: block;
		padding-bottom: 20%;
     }

    footer {
		color: #FFFFFF;
		background: url('') no-repeat;
		background-color: #a02936;
		padding: 25px 10px 10px 10px;
   }
 
    #footer-article{
	 width:100%;
	}
	
	nav#footer-nav
	{
		display: inline-block;
		line-height: 2em;
	}
    
	div.box1, div.box2, div.box3 {
		display:block;
		float: left;
		margin-right:0;
   }
   
   li.mitSubmenu span.openSubMenu,
   span.openSubMenu
   {
	   top: 0.2em;
   }
   
   #slide-menu ul.menue li
   {
	   padding-bottom: 2%;
   }
   
   div.box2
   {
	   margin-top: 3em;
   }
	
	img.foodora_frau {
		position: absolute;
		right: -8%; 
		width:50%;
	}
	
	
	#wechselnZu
	{
		width: 100%;
	}
	
	/******Seite****29.04.2019	*******/
	 /*
	div#wrapperSeite main aside {
		position: relative;
		top: 10px; 
		width: 80%;
		float: left;
		margin-left:10px;
		padding:2em;
	}
		
	div.frame-box i.fa-arrow-alt-circle-right, div.frame-box2 i.fa-arrow-alt-circle-right {
		top: 85%;
		left: 90%;
	}
	div.frame-zwei-spalten div.ce-bodytext
	{
		column-count: 1;
	}

	main .containerSpalte section
	{
		width: 100%;
		float: none;
		margin-bottom: 30px;
	}	
	*/
}
/****************** media querie handhelds less than 480px */

/**************** media query handhelds less than 320px */
@media screen and (max-width: 320px)  {
  a, a:link {
    padding: 5px 5px 5px 0;
  }
}
/**************** media query handhelds less than 320px */