/*Grundlegendes*/
html {
   scroll-behavior: smooth;   
}

.news {
   background-color: #5cb85c4a !important;
   display: flex;
   
}

.news p {
   text-align:center ;
   margin: auto;
   font-size: 1.5em;
}

.oldevent {
    opacity: 0.5;
    filter: alpha(opacity=40);
    background-color: #fffffffa;
}

.current {
	background-image: linear-gradient(180deg, #E1D6B6, #F2E5C4);
}
.silvester {
	background-image: url("/images/silvester.png");
	background-size: contain;
    height: 2.5em;
}

body{
	display: grid;
	grid-template-columns: 11% 50% 22% auto;
	grid-template-rows: auto auto auto;
	/* font-size: 100%; */
	margin: 0em;
	padding: 0em;
	background-color: #EDEDED;
}

h1{
	font-size: 28pt;
	line-height: 1em;
	font-weight:100;
	color: white;
	margin:0em;
	padding-bottom: 0.3em;
	font-family: 'Berkshire Swash', cursive;
	align: center;
}

h2{
	font-size:1.4em;
	line-height: 1.8em;
	font-weight:600;
	margin:0em;
	text-align: center;
	/*font-family: arial, "lucida console", sans-serif;*/
	color:#4d4d4d;
	padding: 0em 1.8em 0em 1.8em;
	border-bottom: 0.188em solid #e74c3c;
}

footer {
	grid-row: 5;
	font-size: 0.3em;

}

.speisekarte_table {
	width: 98%;
    margin: 0.5em;
	font-size: 1.2em;
}

.speisekarte_table_row td {
	line-height: 2em;
    border-bottom: 1px solid #4d4d4d;
}

.speisekarte_preis {
	font-weight:bold;
	white-space: nowrap;
	width: 5%;
	text-align: end;
	    color: #4d4d4d;
}

.speisekarte_header {
    font-size: 1.4em;
    line-height: 1.4em;
    font-weight: 600;
    margin: 0.5em;
    color: #4d4d4d;
}

.breaktitel{
	display: none;
}


p {
	font-size:1.2em;
	line-height: 1.1em;
	font-weight:100;
	color: #4d4d4d;
	margin:1em;
	text-align: left;
	font-family: arial, "lucida console", sans-serif;
}

.essen {
	font-size:1.2em;
	line-height: 1.1em;
	font-weight:100;
	color: #4d4d4d;
	margin:0;
	text-align: left;
	font-family: arial, "lucida console", sans-serif;
   border-spacing: 0px;
   padding-left: 1em;
}

.essen td {
	padding: 0.6em 15px 0.6em 0;
	
}
.essen td,tr {
      border-bottom: 1px solid black;
      
   
}

a{
	text-decoration: none;
}



.event_termin {
   line-height:   1.3em;
	font-weight:   600;
	margin:        1em;
	text-align:    center;
	padding:       0em 0.5em 0em 1em;
	font-size:     1.3em;


}

.event_title {
	text-align:    center;
	font-weight:   bold;
	font-size:     1.5em;
	margin: 0.5em;
}

.event_desc {
	text-align:    center;
	margin: 0.5em;
}

.event_text {
	text-align:    center;
	margin: 0.5em;
}

.event_preis {
	text-align:    center;
	margin: 0.5em;
	color: #5cb85c;
	font-size: 1.5em;
	font-weight: bold;
}

.info {
   line-height: 1.4em;
   font-weight:   200;
   margin:        auto;
   text-align:    center;
   padding:       auto;
   font-size:    1.3em;
}


/*Navigation*/

header{
	background-image: url("https://68.media.tumblr.com/3f65b8494e6d0816ec55eec3f702114f/tumblr_odnr3njUg81segtlho1_500h.jpg");
	text-align: center;
	/* height: 4em; */
	grid-column: 1/5;
	grid-row: 1;
	display: grid;
	grid-template-columns: 10% auto auto;
	/* font-size: 20%; */
}

.menubutton{
	display:none;
}

.menudiv{
	display:none;
}


.headerdiv{
    
display: inline;
    
height: 3em;
    
padding-left: 3em;
    
padding-top: 1em;
    
grid-column: 2;
}

.sponsored{
   font-size: 2em;
   margin: 1em;
}



.no_margin {
   margin: 0em;
}

nav {
	grid-column: 1/5;
	grid-row: 2;
	background: white;
	text-align: center;
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2), 0 6px 15px 0 rgba(0, 0, 0, 0.19);
	display: grid;
	grid-template-columns: 10% auto 10%;
}

nav ul{
	grid-column: 2;
	/* grid-template-columns: 10% auto; */
	margin: 0;
	padding: 0;
}
nav ul li{
	grid-template-columns: 10% auto 10%;
	display: inline;
	margin: 0em 0.2em;
	font-size: 1.5em;
	/* grid-column: 2; */
	padding: 0.5em 0.5em 0.6em 0.5em;
}

nav ul li a {
	color: #4d4d4d;
	font-size: 1.125em;
	line-height: 2.5em;
	padding: 0.563em 0.938em 0.375em 0.983em;
	transition:background 0.2s;
	/* display: inline; */
}
nav ul li:hover{
	background: #DBD9D8;
	border-bottom: 0.188em solid #e74c3c;
}
li.active{
	/* grid-column: 2; */
	border-bottom: 0.188em solid #e74c3c;
	/* justify-content: center; */
	top: 50%;
}


			/*Menü*/
.contentside {

	grid-row: 3;
	grid-column: 3;

}

.postside {

	margin: 2em 0em 0em 2em;
	padding-bottom: 1em;
	background: #ffffff;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	/*border-bottom: 0.188em solid #e74c3c;	*/
}
			
.btn {
    display: inline-block;
    padding: 6px 12px;
    font-size: 14px;
    /* font-weight: 400; */
    line-height: 1.42857143;
    width: 90%;
    margin: 1em 1em 0em 1em;
    /* text-align: center; */
    cursor: pointer;
    border: 1px solid transparent;
    border-radius: 6px;
}
.call {
    color: #fff;
    background-color: #5cb85c;
    border-color: #4cae4c;
}

.call:hover {
    color: #fff;
    background-color: #449d44;
    border-color: #398439;
}
	

div.call{
	width: auto;	
	height: 2em;
	margin: 0em 1.5em 2em 1.5em;
	background-color: #e74c3c;
    text-align: center;;
}

div.call a{
	color: white;
	font-size: 1.6em;
    font-weight: bold;
}	
	
	
			/*Seite Text*/
.side{
	font-size:1.2 em;
	line-height:1.5em;
	margin: 1em 1em 0em 1em;
	color: #0d0d0d;
}
		/*Side 2 = unterer Text*/
.side2{
	font-size:1.2 em;
	line-height:1.2em;
	margin: 0.4em 1em 0em 1em;
	text-indent: 0.8em;
	
}

.green{
	color:#5cb85c;
}

/* Anfahrt*/
div.maps1 {
	position: relative; 
	margin: 1em 1em 0em 1em;
	width: 90%;
	height: 250px;
	border: solid #0d0d0d 0.05em;
	
}
div .maps1 iframe {

	position: absolute; 
	top: 0; 
	left: 0; 
	width: 100%; 
	height: 100%; 
	margin: 0em;
}



			/*Content*/
/*Startseite*/

#neuigkeiten {
	border-radius: 20px;
	background-color: #e74c3c;
	color: white;
}

.content {
	grid-row: 3;
	grid-column: 2;
	
}

.post {

	background-color: #FFF;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	margin: 2em 0em 0em 0em;
	padding-bottom: 0.5em;
}

.post img {

	width: 90%;
}


.content img{
	
	box-shadow: 0px 0px 10px -5px #000;
	border-radius: 5px;
	margin: 1em 0em 0em 2em;
	
}




#speise a{
	margin: 0.5em 0.5em 1em 1em;
}

#speise img{
	width: 35%;
	height: auto;
	max-width: 100%;
	padding: 1em;
	
	
}


/*Galerie*/
#gal h2 {
	grid-column: 1/4;
	grid-row: 1;
}

#gal.post {
	display: grid;
	grid-template-columns: 33% 33% 33%;
	grid-template-rows: auto auto;
}

#gal img{
	width: 80%;
	height: auto;
	max-width: 100%;
	padding: 0em;
	margin: 1em 1em 0em 1em;
	grid-row: 2;
}

#gal img:hover{
	border-radius: 15px;
	opacity: 0.8;
	transform:scale(1.1,1.1);
	
}
/*Zimmer*/
.post2parts {
	display: grid;
	grid-template-columns: 45% 10% 45%;
}

#zim{
	
}

#zim img {
	margin: 0em 1em;
	padding: 0em;
}

	/*Slideshow Zimmer*/
.slider {
		display: inline;
	}
.slider img {
	width: 5%;
}
.slideright{
		position: relative;
		left: 38%;
		
	}
.slideright img {
	width: 2.5em;
	box-shadow: none;
}
.slideright:hover{
		opacity: 0.5;
	}
.slideleft{
		position: inline-grid;
	}

.slideleft img {

	width: 2.5em;
	box-shadow: none;
}

.slideleft:hover{
		opacity: 0.5;
	}

.Slider img{
	width: 2.5em;
	box-shadow: none;
}
.slide{
	padding: 1em 0.5em 0.5em 0.5em;
}

/*Veranstaltungen*/
.datum{
	margin: 0em;
	padding: 0.5em 0em 0.5em 0em;
	font-size: 0.9em;
	font-weight:700;
	color:white;
	border-radius: 0px 0px 8px 0px;
	text-align:left;
	text-indent: 0.7em;
	text-shadow: 0.6px 0.6px 0.6px 0.6px #000;
	max-width: 6em;
	background-color:#e74c3c;
	border-style:solid;
	border-color: #EDEDED;
	font-family: arial, "lucida console", sans-serif;
}
h2.veraue{
	
	margin: -1.1em 0em 0em 0em;
	
}

.icon_take_away {
	margin: 0 !important;
	box-shadow: 0 0 black !important;
	width: 30px !important;
}



/*Smartphone*/
/*@media screen (orientation: portrait){*/
@media screen and (max-width: 1180px){
	nav ul {
		font-size: 0.9em;
	}
}

@media screen and (max-width: 1200px){
	nav ul {
		font-size: 0.8em;
	}

	body{
	grid-template-columns: 10% 60% 30% auto;
	}
	h1 {
		Font-size: 24pt;
		
	}
}
@media screen and (max-device-width: 1200px) and (orientation: landscape){
body{
	grid-template-columns: 10% 60% 30% auto;
}


#speise img {
    width: 30%;
}

}
@media screen and (max-device-width: 1200px) and (orientation: portrait), (orientation: portrait){
	
body{
	
	grid-template-columns: 100%;
	
}
p {

	font-weight: 300;
}

.news p {
   font-size: 2.3em;
}

.essen {
	font-weight: 300;
   font-size: 2.3em;
   padding:0em;
   
}

.icon_take_away {
	margin: 0.5em !important;
	box-shadow: 0 0 black !important;
	width: 45px !important;
}

h1 {

font-size: 3.0em;
}

h2 {
	padding: 1em 1.8em 0em 1.8em;
}
	

p.side {
	color:black;
}

header{

display: grid;

grid-template-columns: 20% auto;

}

.breaktitel{
	display: block;
}

.menubutton{
	display:block;
	text-align: left;
}

.menudiv{
	display:block;
	grid-column:1;

}

.menudiv img {

width: 60%;

/* text-align: left; */
}

.headerdiv{
    text-align: left;
	grid-column: 2;
	padding-left: 5em;
}



nav {
	display: none;
}

nav ul{
	display: grid;
}
nav ul li{
	border-bottom: 0.03em solid #DBD9D8 ;
	display: grid;
	grid-template-columns: 10% auto 10%;

}

nav ul li a {display: block;font-size:2.0em;line-height:1.5em;grid-column: 2;}
nav ul li i{
	display:none;
}

li .material-icons {
 font-size: 4em;
 grid-column: 1;
 margin: 0.1em 

}
.contentside {

	grid-row: 4;
	grid-column: 1;

}

.postside {

	margin: 2em 0em 0em 0em;
}
			
.btn {

    font-size: 2em;
    line-height: 2;
    width: 60%;
    margin: 1em 1em 1em 1em;
    border-radius: 20px;
}

	


/* Anfahrt*/
div.maps1 {
 
	margin: 1em 5% 1em 5%;
	width: 90%;
	height: 900px;

	
}




			/*Content*/
/*Startseite*/

#neuigkeiten {
	height: 4em;
}

.info {
   line-height: 2em;
   font-weight:   200;
   margin:        auto;
   text-align:    center;
   padding:       auto;
   font-size:    2em;
}

.content {
	grid-row: 3;
	grid-column: 1;
	
}

/*Galerie*/
#gal h2 {
	grid-column: 1/3;
}

#gal.post {
	grid-template-columns: 50% 50%;
}

#gal img{
	width: 90%;
	margin: 1em 0em 0em 1.5em;
}



/*Veranstaltungen*/
.datum{
	max-width: 20%;
	font-size: 0.75em

}
h2.veraue{
	
	margin: -1.8em 0em 0em 0em;
	
}



.sponsored{
   width: 40%;
}