/*
Theme Name: FGR Basic Theme
Theme URI: http://fgrepublik.com/
Description: Das FGR Basic-Theme wurde eigens für FGR Kunden entwickelt. Es bedarf keinerlei zusätzliche Lizenz, jedoch darf die Gestaltung die durch die FGR vorgegeben wurde nicht verändert werden - es erlischt umgehend das Nutzungsrecht. Inhaltliche Änderungen dürfen selbstverständlich getätigt werden. Im Zweifelsfall steht die <a href="http://fgrepublik.com/">Freie Gestalterische Republik</a> jederzeit bereit, um Fragen zu beantworten.
Author: der Freien Gestalterischen Republik
Author URI: http://fgrepublik.com/
Version: 1.3.4
License: Keine Nutzung ohne vorherige Absprache erlaubt.
License URI: license.txt
Tags: FGR, basic, Widgetfähig, Menü, Responsive
*/
@-webkit-viewport { width: device-width; }
@-moz-viewport { width: device-width; }
@-ms-viewport { width: device-width; }
@-o-viewport { width: device-width; }
@viewport { width: device-width; }

/* ###############################################################
##################################################################

CSS Struktur in der style.css
1.1 Eingebundene WebFonts
1.2 Global: Basis CSS
1.3 Contentelemente h1/h2/h3, p, a, Buttons, Textarea, ul, li usw.
1.4 Header Definition inkl. Navigation
1.5 Sektionen mit Contentelementen 
1.6 Labels & Tabellen 
1.7 Globale Footerangaben, Footer Navigation 
1.8 Plugins - Contact Form 7 & Datenschutz Banner

##################################################################
############################################################### /*

/* 1.1 Eingebundene WebFonts - Adobe Suite im Header
##################################################### */
/* lato-100 - latin */
@font-face {
	font-family: 'Lato';
	font-style: normal;
	font-weight: 100;
	src: url('_fonts/lato-v14-latin-100.eot'); /* IE9 Compat Modes */
	src: local('Lato Hairline'), local('Lato-Hairline'),
		 url('_fonts/lato-v14-latin-100.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		 url('_fonts/lato-v14-latin-100.woff2') format('woff2'), /* Super Modern Browsers */
		 url('_fonts/lato-v14-latin-100.woff') format('woff'), /* Modern Browsers */
		 url('_fonts/lato-v14-latin-100.ttf') format('truetype'), /* Safari, Android, iOS */
		 url('_fonts/lato-v14-latin-100.svg#Lato') format('svg'); /* Legacy iOS */
  }
  
  /* lato-100italic - latin */
  @font-face {
	font-family: 'Lato';
	font-style: italic;
	font-weight: 100;
	src: url('_fonts/lato-v14-latin-100italic.eot'); /* IE9 Compat Modes */
	src: local('Lato Hairline Italic'), local('Lato-HairlineItalic'),
		 url('_fonts/lato-v14-latin-100italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		 url('_fonts/lato-v14-latin-100italic.woff2') format('woff2'), /* Super Modern Browsers */
		 url('_fonts/lato-v14-latin-100italic.woff') format('woff'), /* Modern Browsers */
		 url('_fonts/lato-v14-latin-100italic.ttf') format('truetype'), /* Safari, Android, iOS */
		 url('_fonts/lato-v14-latin-100italic.svg#Lato') format('svg'); /* Legacy iOS */
  }
  
  /* lato-300 - latin */
  @font-face {
	font-family: 'Lato';
	font-style: normal;
	font-weight: 300;
	src: url('_fonts/lato-v14-latin-300.eot'); /* IE9 Compat Modes */
	src: local('Lato Light'), local('Lato-Light'),
		 url('_fonts/lato-v14-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		 url('_fonts/lato-v14-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
		 url('_fonts/lato-v14-latin-300.woff') format('woff'), /* Modern Browsers */
		 url('_fonts/lato-v14-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
		 url('_fonts/lato-v14-latin-300.svg#Lato') format('svg'); /* Legacy iOS */
  }
  
  /* lato-300italic - latin */
  @font-face {
	font-family: 'Lato';
	font-style: italic;
	font-weight: 300;
	src: url('_fonts/lato-v14-latin-300italic.eot'); /* IE9 Compat Modes */
	src: local('Lato Light Italic'), local('Lato-LightItalic'),
		 url('_fonts/lato-v14-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		 url('_fonts/lato-v14-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
		 url('_fonts/lato-v14-latin-300italic.woff') format('woff'), /* Modern Browsers */
		 url('_fonts/lato-v14-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
		 url('_fonts/lato-v14-latin-300italic.svg#Lato') format('svg'); /* Legacy iOS */
  }
  
  /* lato-regular - latin */
  @font-face {
	font-family: 'Lato';
	font-style: normal;
	font-weight: 400;
	src: url('../_fonts/lato-v14-latin-regular.eot'); /* IE9 Compat Modes */
	src: local('Lato Regular'), local('Lato-Regular'),
		 url('_fonts/lato-v14-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		 url('_fonts/lato-v14-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
		 url('_fonts/lato-v14-latin-regular.woff') format('woff'), /* Modern Browsers */
		 url('_fonts/lato-v14-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
		 url('_fonts/lato-v14-latin-regular.svg#Lato') format('svg'); /* Legacy iOS */
  }
  
  /* lato-italic - latin */
  @font-face {
	font-family: 'Lato';
	font-style: italic;
	font-weight: 400;
	src: url('_fonts/lato-v14-latin-italic.eot'); /* IE9 Compat Modes */
	src: local('Lato Italic'), local('Lato-Italic'),
		 url('_fonts/lato-v14-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		 url('_fonts/lato-v14-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
		 url('_fonts/lato-v14-latin-italic.woff') format('woff'), /* Modern Browsers */
		 url('_fonts/lato-v14-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
		 url('_fonts/lato-v14-latin-italic.svg#Lato') format('svg'); /* Legacy iOS */
  }
  
  /* lato-700 - latin */
  @font-face {
	font-family: 'Lato';
	font-style: normal;
	font-weight: 700;
	src: url('_fonts/lato-v14-latin-700.eot'); /* IE9 Compat Modes */
	src: local('Lato Bold'), local('Lato-Bold'),
		 url('_fonts/lato-v14-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		 url('_fonts/lato-v14-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
		 url('_fonts/lato-v14-latin-700.woff') format('woff'), /* Modern Browsers */
		 url('_fonts/lato-v14-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
		 url('_fonts/lato-v14-latin-700.svg#Lato') format('svg'); /* Legacy iOS */
  }
  
  /* lato-700italic - latin */
  @font-face {
	font-family: 'Lato';
	font-style: italic;
	font-weight: 700;
	src: url('_fonts/lato-v14-latin-700italic.eot'); /* IE9 Compat Modes */
	src: local('Lato Bold Italic'), local('Lato-BoldItalic'),
		 url('_fonts/lato-v14-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		 url('_fonts/lato-v14-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
		 url('_fonts/lato-v14-latin-700italic.woff') format('woff'), /* Modern Browsers */
		 url('_fonts/lato-v14-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
		 url('_fonts/lato-v14-latin-700italic.svg#Lato') format('svg'); /* Legacy iOS */
  }
  
  /* lato-900 - latin */
  @font-face {
	font-family: 'Lato';
	font-style: normal;
	font-weight: 900;
	src: url('_fonts/lato-v14-latin-900.eot'); /* IE9 Compat Modes */
	src: local('Lato Black'), local('Lato-Black'),
		 url('_fonts/lato-v14-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		 url('_fonts/lato-v14-latin-900.woff2') format('woff2'), /* Super Modern Browsers */
		 url('_fonts/lato-v14-latin-900.woff') format('woff'), /* Modern Browsers */
		 url('_fonts/lato-v14-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
		 url('_fonts/lato-v14-latin-900.svg#Lato') format('svg'); /* Legacy iOS */
  }
  
  /* lato-900italic - latin */
  @font-face {
	font-family: 'Lato';
	font-style: italic;
	font-weight: 900;
	src: url('_fonts/lato-v14-latin-900italic.eot'); /* IE9 Compat Modes */
	src: local('Lato Black Italic'), local('Lato-BlackItalic'),
		 url('_fonts/lato-v14-latin-900italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		 url('_fonts/lato-v14-latin-900italic.woff2') format('woff2'), /* Super Modern Browsers */
		 url('_fonts/lato-v14-latin-900italic.woff') format('woff'), /* Modern Browsers */
		 url('_fonts/lato-v14-latin-900italic.ttf') format('truetype'), /* Safari, Android, iOS */
		 url('_fonts/lato-v14-latin-900italic.svg#Lato') format('svg'); /* Legacy iOS */
  }

  /* lora-regular - latin */
@font-face {
	font-family: 'Lora';
	font-style: normal;
	font-weight: 400;
	src: url('_fonts/lora-v12-latin-regular.eot'); /* IE9 Compat Modes */
	src: local('Lora Regular'), local('Lora-Regular'),
		 url('_fonts/lora-v12-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		 url('_fonts/lora-v12-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
		 url('_fonts/lora-v12-latin-regular.woff') format('woff'), /* Modern Browsers */
		 url('_fonts/lora-v12-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
		 url('_fonts/lora-v12-latin-regular.svg#Lora') format('svg'); /* Legacy iOS */
  }
  
  /* lora-700 - latin */
  @font-face {
	font-family: 'Lora';
	font-style: normal;
	font-weight: 700;
	src: url('_fonts/lora-v12-latin-700.eot'); /* IE9 Compat Modes */
	src: local('Lora Bold'), local('Lora-Bold'),
		 url('_fonts/lora-v12-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		 url('_fonts/lora-v12-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
		 url('_fonts/lora-v12-latin-700.woff') format('woff'), /* Modern Browsers */
		 url('_fonts/lora-v12-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
		 url('_fonts/lora-v12-latin-700.svg#Lora') format('svg'); /* Legacy iOS */
  }
  
  /* lora-italic - latin */
  @font-face {
	font-family: 'Lora';
	font-style: italic;
	font-weight: 400;
	src: url('_fonts/lora-v12-latin-italic.eot'); /* IE9 Compat Modes */
	src: local('Lora Italic'), local('Lora-Italic'),
		 url('_fonts/lora-v12-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		 url('_fonts/lora-v12-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
		 url('_fonts/lora-v12-latin-italic.woff') format('woff'), /* Modern Browsers */
		 url('_fonts/lora-v12-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
		 url('_fonts/lora-v12-latin-italic.svg#Lora') format('svg'); /* Legacy iOS */
  }
  
  /* lora-700italic - latin */
  @font-face {
	font-family: 'Lora';
	font-style: italic;
	font-weight: 700;
	src: url('../_fonts/lora-v12-latin-700italic.eot'); /* IE9 Compat Modes */
	src: local('Lora Bold Italic'), local('Lora-BoldItalic'),
		 url('_fonts/lora-v12-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		 url('_fonts/lora-v12-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
		 url('_fonts/lora-v12-latin-700italic.woff') format('woff'), /* Modern Browsers */
		 url('_fonts/lora-v12-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
		 url('_fonts/lora-v12-latin-700italic.svg#Lora') format('svg'); /* Legacy iOS */
  }
  

/* 1.2 Global: Basis CSS
##################################################### */

body {
	margin: 0px;
	overflow:scroll;
	padding: 0px;
	width: 100% !important;
	font-family: 'Lora', serif;
	color: #333;
	font-size: 100%;
}
 
html, body {
	margin: 0px;
	padding: 0px;
	height:100%;
}

#container{
	position: absolute;
	width:100%;

}

.disable, .widget-title {
	display: none;
}


/* 1.3 Contentelemente h1/h2/h3, p, a, Buttons, Textarea, ul, li usw.
##################################################### */
a{
	text-decoration:none;
	}

h1 {
	font-weight: normal !important;
	font-size: 26px;
	font-size: 1.625rem;
	line-height: 120%;
	color: #333;
	text-align: left;
	font-weight:600;
	line-height: 150%;
}

h1 span{
	font-family: 'Lato', sans-serif;
	font-size: 18px;
	
	font-size: 1.125rem;
	line-height: 185%;
	display:block;
	margin-top:5px;
	}

h2, .page-template-page-unterseite h1 {
	font-family: 'Lato', sans-serif;
	font-weight: normal !important;
	font-size: 22px;
	font-size: 1.375rem;
	line-height: 150%;
	clear: both;
	font-weight:600;
	margin:0 0 15px 0;
}

 h3 {
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	font-size: 16px;
	font-size: 1.125rem;
	line-height: 120%;
	clear: both;
	padding: 16px 0 15px 15px;
}

h3:hover{
	cursor:pointer;
	}

h3 span{
	display:block;
	font-family: 'Lato', sans-serif;
	font-size: 22px;
	font-size: 1.375rem;
	font-weight:100;
	line-height:150%;
	color: #bfb391;
	font-weight: normal !important;
	}

h4 {
	font-size:18px;
	font-family: 'Lato', sans-serif;
	font-size:1.125rem;	
	font-weight: 400;
	color: #333;
	line-height: 150%;
	margin: 0px;
}

.center {
	text-align: center !important;
}

.left {
	text-align: left !important;
}

.grey {
	color: #333333 !important;
}

#container p a{	
	color: #333333;
}

.gold{
	color: #bfb391 !important;
	font-size: 16px !important;
	font-size:1rem !important;
}

.intro, .last{
	background:url(_img/Wappen-Grau-Hotel-Platengarten.png) no-repeat bottom center;
	padding-bottom:75px;
}

#splash span{
	text-align:center;
	font-style:italic;
	padding-top:10px;
	display:inline-block;
	text-shadow: 1px 1px 3px rgba(15, 15, 15, 0.75);
	font-family: 'Lora', serif;
	font-weight:100;
	font-size: 32px !important;
	font-size: 2rem !important;
}
	
.splash-content-wrapper{
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
	display: inline-block;
	position: absolute;
}

p, #container li{
	font-family: 'Lora', serif;
	font-size: 16px;
	font-size: 1rem;
	line-height: 195%;
	margin:0;
}

p a {
	-webkit-transition: all 0.75s ease;
	-moz-transition: all 0.75s ease;
	-o-transition: all 0.75s ease;
	transition: all 0.75s ease;
	text-decoration: none;	
}

p a:hover {
	color: #366280;
}

.back{
	top:6px !important;
	float:right;
}

.cta, .back {
	position: relative;
	font-family: 'Lato', sans-serif;
	top:11px;
	border:0px solid transparent !important;
	background-color:  #e7840f;
	text-align: center;
	text-decoration: none;
	font-size: 16px !important;
	font-size: 1rem !important;
	color:#fff !important;
	-webkit-transition: all 0.75s ease;
	-moz-transition: all 0.75s ease;
	-o-transition: all 0.75s ease;
	transition: all 0.75s ease;
	vertical-align: middle;
	display:block;
}

header .cta{
	top:-11px;
	padding:  4px 6px;
	}

.cta a, a.cta{
	color: white !important;
	padding:  8px 32px 10px 32px ;
	display:inline-block
	}
	
.back {
	padding:  13px 35px 13px 35px ;
	}

.cta:hover, .back:hover {
	display:cursor;
	background-color: #333;
	color: #fff !important;
}

.blog_h3{
	padding:0;
	margin-top:-100px;
	width:100%;
	position:relative;
}
	
.blog_h3 span{
	background:#fff url('_img/cross-noshadow-Hotel-Platengarten.png') no-repeat top 25px right 20px;
	background-size:22px 22px;
	padding: 30px 40px 5px 40px ;
	width:66.666%;
	display:inline-block;
}	
	
.blog_box p{
	padding-left:40px;
	padding-right:30px;
	width:66.666%;
}	
	
.gold{
	color: #bfb391 !important;
}	

.more{
	color: #bfb391 !important;
	color: #bfb391 !important;
	font-family: 'Lora', serif;
	font-style:italic;
	margin-top:20px;
	display:block;
}

.red{
	color:#9b1c30;}

.book{
	font-family: 'Lato', sans-serif;
	font-weight:normal !important;
	font-size: 16px;
	font-weight:600;
	font-size: 1rem;
	text-transform:uppercase;
	color:#fff;
	display: inline-block;
	border-left:1px solid rgba(255,255,255, 0.7);
	padding: 25px 20px 25px 20px;
}
	
.header-bg .book {
	color:rgba(255,255,255,0.7);}

.horizontal-overlap {
	position:relative;}

.outer_img{
	background:gray;
	color:#bfb391;
	width:66.7% !important;
	position:absolute;
	top:0;
	left:calc(33.3% - 0px);
}
		
.outer_img_left{
	background:gray;
	color:#bfb391;
	width:66.7% !important;
	position:absolute;
	top:0;
	right:calc(33.3% - 0px);
}
		
.box{
	background-image:	url('_img/pattern.png') ,linear-gradient( 45deg, #85192a, #9b1c30);
	background-repeat: repeat, no-repeat;
	color: 		#f1f1f1;
	padding:  	30px 20px 50px 40px;
	text-shadow: 3px 3px 5px rgba(5, 5, 5, 0.35);
	z-index:1000;
	position:relative;
	width: calc(100% - 60px);
	width: -moz-calc(100% - 60x);
	width: -webkit-calc(100% - 60px);
	width: -o-calc(100% - 60px);
}
	
.box .textwidget{
		padding-right:35px;
		padding-top:30px;
		background:url('_img/cross-Hotel-Platengarten.png') no-repeat top right;
}
	
.box a{
			color: #bfb391 !important;
			text-transform:uppercase;
			text-decoration:underline;
			display:inline-block;
			margin-top:15px;
			padding-bottom:3px;
}
			
.box h2{
			color: #bfb391 !important;font-family: 'Lora', serif;
	}
				
.restaurant{
			margin-right:-20px;
			float:right;
			max-width: 525px;
}
			
	.zimmer{
			margin-left: -20px;
			float: left;
			max-width: 525px;
			}
			
@media screen and (max-width: 800px) {		
			.restaurant{
			float:left;
			}
			
			.zimmer{
			float: right;
			
			}
			
			}

@media screen and (max-width: 768px) {
						
			.intro, .last{
			padding-bottom:60px;
			}
						
			.restaurant{
			margin-right:0px;
			}
			
			.zimmer{
			margin-left: 0px;
			}
			
			#pg-7-2{
			margin-bottom:20px !important;
			}
					
			#pg-7-7	{
					margin-bottom:50px !important;
			}
						
			.outer_img_left{
			background: gray;
			color: #bfb391;
			height: 275px !important;
			width:100% !important;
			position: relative ;
			top: 0; 
			right: calc(0% - 0px);
			}
						
			.outer_img{
			background: gray;
			color: #bfb391;
			height: 275px !important;
			width:100% !important;
			position: relative ;
			top: 0; 
			left: calc(0% - 0px);
			}
						
			.box{
			padding:  	30px 30px 50px 50px;
			width: calc(100% - 100px);
			width: -moz-calc(100% - 100x);
			width: -webkit-calc(100% - 100px);
			width: -o-calc(100% - 100px);			
			}
						
			.box.zimmer{
			margin:-75px 0 0 0!important;
			}
						
			.box.restaurant{
			margin: 0 0 -75px 0!important;
			}
					
			h1{
			font-size: 24px !important;
			font-size: 1.5rem !important;
			text-align: center;
			margin-top:-5px;
			}
				
			.page-template-page-unterseite h1{text-align: left;}
					
			h1 span {
			font-size: 16px !important;
			font-size: 1rem !important;
			text-align: center;
			}
					
			.quote, li.quote{
			font-size: 28px !important;
			font-size: 1.75rem !important;
			}
					
			h2, h3 {
			font-size: 20px;
			font-size: 1.25rem;
			}
					
						h4 { 
						font-size:20px;
						font-size:1.25rem;	
						}
						
						p, #container li, .intro, .quote span {
						font-size: 14px;
						font-size: 0.875rem;
						}
					
						.leistungskatalog p.center{
						max-width:100%;
						}
						
						h3 {
						font-size: 16px;
						font-size: 1rem;
						background-size:40px 40px;
						padding: 16px 0 15px 55px;
						}
						
							
						.kontakt_wrapper{
							padding: 20px 40px 45px 40px !important;		
						width: calc(100% - 80px) !important;
						width: -moz-calc(100% - 80px) !important;
						width: -webkit-calc(100% - 80px) !important;
						width: -o-calc(100% - 80px) !important;
						}
	
						.kontakt_wrapper .panel-grid-cell{
							text-align:center;
						}
					}		
					
					@media screen and (max-width: 600px) {
						.quote, li.quote{
						font-size: 24px !important;
						font-size: 1.5rem !important;}
					}

/* 1.4 Header Definition inkl. Navigation
##################################################### */


.menu_icon{
display:inline-block;
position:absolute;
border-right:1px solid rgba(255,255,255, 0.5);
left: 0px;
top:0px;
font-family: 'Lato', sans-serif;
font-weight:normal !important;
font-size: 16px;
font-weight:600;
font-size: 1rem;
padding:24px 24px 24px 24px;
text-transform:uppercase;
color:#fff;
bottom:-1px;
}

.header-bg .menu_icon {
	color:rgba(255,255,255,0.7);
}

nav{
	float: right; 
	display: inline-table; 
	font-weight:normal !important;
}

.page-template-page-default .remodal-is-closed{
	background:url('_img/Header-Gradient-Hotel-Platengarten.png') no-repeat center top;
}

header {
	top:0;
	position: fixed;
	width: 100%;
	z-index: 1001;
	-webkit-transition: all 0.25s ease;
	-moz-transition: all 0.25s ease;
	-o-transition: all 0.25s ease;
	transition: all 0.25s ease;
	border-bottom:1px solid rgba(255,255,255, 0.7);
}

.header-bg {
	background-color: #333;
	border-bottom:1px solid rgba(255,255,255, 0.0) !important;
}

#header-inner {
	margin: 0 auto;
	padding: 0px 0px 0px 0px;
}

.sm-bar{
	padding:25px 25px;
	float:right;
	display:inline-table;color:#fff;
	border-left:1px solid rgba(255,255,255, 0.7)
	}
	
.header-bg .sm-bar{
	border-left:1px solid rgba(255,255,255, 0.75);
	}

.sm-bar a {
	color:#fff; 
	font-size:14px !important; 
	margin:0 15px; 
	padding:0 15px; 
	display:table-cell;
}

.header-bg .sm-bar a {
	color:rgba(255,255,255,0.7);}

.sm-bar a i{
	vertical-align:middle;
	font-size:14px !important;}
	
.sm-bar a:first-child i{
	vertical-align: bottom;
	font-size:13px !important;
}

.sm-bar i.fa-phone{
	width:12px;
	height:12px;
	background-size: 11px 11px;
	background: url(_img/phone-white.svg) no-repeat center center;
}

.header-bg i.fa-phone{
	background: url(_img/phone.svg) no-repeat center center;
}

.sm-bar i.fa-facebook-f{
	margin-top:-1px;
	width:13px;
	height:13px;
	background-size: 12px 12px;
	background: url(_img/facebook-f-white.svg) no-repeat center center;
}

.header-bg i.fa-facebook-f{
	background: url(_img/facebook-f.svg) no-repeat center center;
}

.sm-bar i.fa-envelope{
	width:16px;
	height:16px;
	background-size: 16px 16px;
	background: url(_img/envelope-white.svg) no-repeat center center;
}

.header-bg i.fa-envelope{
	background: url(_img/envelope.svg) no-repeat center center;
}




header .fa-bars{
	margin-bottom: -1px;
	width:13px;
	height:13px;
	background-size: 12px 12px;
	background: url(_img/bars-white.svg) no-repeat center center !important;
}

.header-bg .fa-bars{
	background: url(_img/bars.svg) no-repeat center center !important;
}

.sm-bar .fa-phone:before, header .fa-bars:before, .sm-bar i:before{
	content:" " !important;
}

.sm-bar a:last-child i{
	font-size:17px !important;
	margin-right:0px;
	vertical-align:middle;
}

#header-inner .cta_white {
	float: right;
}

#logo {
	height: 35px;
	width: 268px;
	padding:15px 20px 15px 20px;
	display: inline-table;
	background-repeat: no-repeat;
	background-image:url('_img/Logo-Hotel-Platengarten.svg');
	background-size: 75%;
	background-position:left 20px top 21px;
	margin-left:120px;
	-webkit-filter: drop-shadow(  2px 2px 5px rgba(0,0,0,0.25) ); 
    filter: drop-shadow( 2px 2px 5px rgba(0,0,0,0.5) );
}

.menu-hauptnavigation-container ul{
	list-style: none;	 
	font-weight: 400;
	font-size: 18px;
	font-size:1.125rem;
}

.menu-hauptnavigation-container ul li{
	display: inline-block;
}

.menu-hauptnavigation-container ul li:last-child{
	margin-right: 0px;
}

.menu-hauptnavigation-container ul li a {
	text-decoration: none;
	-webkit-transition: all 0.75s ease;
	-moz-transition: all 0.75s ease;
	-o-transition: all 0.75s ease;
	transition: all 0.75s ease;
	color: #9d9d99;
}

.menu-hauptnavigation-container ul li a:hover {
	text-decoration: none;
}

				@media screen and (max-width: 992px) {
					.book span{
				display:none !important;
				}
					}


			@media screen and (max-width: 768px) {
				
				
				
				.sm-bar{
					display:none;
				}
				
				#logo {
					height: 35px;
					width: 175px;
					padding:15px 20px 15px 20px;
					display: inline-table;
					background-repeat: no-repeat;
					background-image:url('_img/Logo-Hotel-Platengarten.svg');
					background-size: 75%;
					background-position:left 20px top 23px;
					margin-left:120px;
					-webkit-filter: drop-shadow(  2px 2px 5px rgba(0,0,0,0.25) ); 
					filter: drop-shadow( 2px 2px 5px rgba(0,0,0,0.5) );
				}	
			}
			
			@media screen and (max-width: 600px) {
				
				#logo{
				margin-left: 40px;
				height: 15px;
				width:145px !important;
				width: 150px;
				background-position: left 20px top 17px;
				}
	
					header span{
				display:none !important;
				}
				
				.menu_icon{
				padding:15px;
				}
				
				.book{
				font-size:14px;
				font-size:0.875rem;
				padding:16px 15px;
				}
			}

/* 1.5 Slider
##################################################### */

.slider {
	position: relative;
	width: 100%;
	height: 100vh;
}

#splash{
	width: 100%;
	height: 100vh;
	background-image:	url('_img/pattern.png') ,linear-gradient( 45deg, #85192a, #9b1c30);
	background-repeat: repeat, no-repeat;
	color:#bfb391;
	display:table;
	position:absolute;
	top:0;
	left:0;
	text-align:center;
	opacity:1;
}

.slider:after {
	content:" ";
	width: 120px;
	height: 120px;
	position:absolute;
	display:inline-block;
	border-radius:60px;
	background-color:#fff;
	bottom:-60px;
	z-index:1000;
	left: calc(50% - 60px);	
}

.slider a{
	color:#333;
	border-bottom:1px dotted #333;
}

.slider .textwidget{ 
	height: 475px;
	position: relative;
	margin: 0 auto !important;
	width: 100%;
}			
					@media screen and (max-width: 768px) {
							.slider {	
							background-image: url(_img/Slider-Handwerk-2-FGR.jpg);
							background-position: left center;
							height:450px !important;
							}
							
							.slider:after {
									content:"";
							width: 0px;
							height: 0px;}
							
							#splash{
								display:none !important;}
						}
						
						@media screen and (max-width: 580px) {
							.slider br{
							display: none;
							}
						}			
*:focus {
    outline: none;
}

/* 1.6 Sektionen mit Contentelementen
##################################################### */

.map{
	filter: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="g"><feColorMatrix type="matrix" values="0.3 0.3 0.3 0 0 0.3 0.3 0.3 0 0 0.3 0.3 0.3 0 0 0 0 0 1 0"/></filter></svg>#g');
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);    
    filter: progid:DXImageTransform.Microsoft.BasicImage(grayScale=1);
	height:450px;
	margin-bottom:-10px;
}

.page-template-page-unterseite #container{
	padding-top: 75px  !important;
}
	
.page-template-page-modal #container{
	top:15px;
}

.page-template-page-unterseite .width_inner {
	position: relative;
	max-width: 1100px;
	padding: 20px 50px 45px 50px;
	width: calc(100% - 100px);
	width: -moz-calc(100% - 100px);
	width: -webkit-calc(100% - 100px);
	width: -o-calc(100% - 100px);}

.width_inner {
	position: relative;
	display:table; 
	max-width: 1160px;
	margin: 0 auto !important;
	padding: 20px 20px 45px 20px;
	width: calc(100% - 40px);
	width: -moz-calc(100% - 40px);
	width: -webkit-calc(100% - 40px);
	width: -o-calc(100% - 40px);
}

.bewertung a{
	color:#bfb391;
}

.bewertungswappen{
	position: relative;
	text-align: center;
}

.bewertung_outer.width_inner{
	padding-bottom:0 !important;}
	
.bewertungswappen img{
	margin:10px auto -55px auto;
	-webkit-filter: drop-shadow(5px 5px 5px #fff);
  	filter: drop-shadow(5px 5px 5px #fff);
}

.bewertungswrapper{
	padding:60px 40px 0px 40px;
	}

.bewertung{
	text-align: center; 
	padding:0 0px;
}

.bewertung li{
	float:left; 
	list-style-type:none;
	display:inline; 
	padding:10px 30px 20px 30px;
	color:#bfb391;
	width: calc(25% - 60px);
}

.bewertung span{
	text-transform:uppercase;
	 font-family: 'Lato', sans-serif;
	 font-weight:400px;
}

.bewertung img{
	height:38px;
	width: auto;
	margin:10px auto 0px auto;}

.bewertung  ul {
	padding:0 0px;
	display:inline-table;
	margin-top:25px;
	width: calc(100% - 100px);
max-width: 75%;
}
}

.checklist {
	padding:0px 0 0 0; }

	.checklist	.panel-grid-cell{
	background: #333333;
margin-top: -20px !important;}


.checklist ul li, .checklist p{
	color:#fff;
	opacity:0.7;
	}
	
.checklist ul li{
	list-style-type:none;
	background:url('_img/cross-Hotel-Platengarten.png') no-repeat left top 8px;
	background-size:20px 21px;
	padding-bottom:0px;
	padding-left:25px;
	}	
	
.checklist ul{
	margin:50px 40px 20px 40px;
	float:left;
	width: calc(33% - 120px);
	}
	
.checklist a{
	font-weight:bold;
	color: #bfb391 !important;
	text-transform:uppercase;
	text-decoration:underline;
	display:inline-block;
	margin:0px auto 50px auto;
}

.checklist li a{margin: auto; text-transform:none; font-style:italic; 	text-decoration:none;}
	
.col_75{
	max-width:75%;
	margin:0 auto;}

.arrow {
  position: absolute;
  bottom: -10px;
  left: 50%;
  color:#333;
  margin-left: -8px;
  width: 40px;
  font-size:40px;
  font-size:2.5rem;
  height: 35px;
  z-index:10000;
  font-family: 'Lato', sans-serif;
}

.bounce {
  -moz-animation: bounce 2s infinite;
  -webkit-animation: bounce 2s infinite;
  animation: bounce 2s infinite;
}

					@media screen and (max-width: 992px) {
						.checklist {
						padding:50px 0 0 0; }
						
					.checklist a{
						margin-top:00px;
						margin-bottom:50px;
					}
						.checklist ul{
						margin:50px 40px 20px 40px;
						float:left;
						width: calc(33% - 120px);
						}	
					}

					@media screen and (max-width: 768px) {
						
						.col_75{
						max-width:100%;
						}
						
						.bewertung li{
							padding:10px 20px 20px 20px ;
							width: calc(50% - 40px);
						}
				
						.bounce{
							display:none;
						}
						
						.checklist{
							padding-bottom:40px;
						}
							
						.checklist p{
							text-align:left !important;
							margin-left:40px;
							margin-top:40px;
						}
							
						.checklist a{
								margin-top:00px;
								margin-bottom:10px;
						}
						
						.checklist ul{
							margin:0px 0px 0px 0px;
							width: calc(100% - 80px);
							}
						}
		
						@media screen and (max-width: 768px) {
							.bewertung li{
							padding:10px 20px 20px 20px ;
							width: calc(100% - 40px);}
						}

@-moz-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateY(0) rotate(90deg);
    transform: translateY(0) rotate(90deg);
  }
  40% {
    -moz-transform: translateY(-10px) rotate(90deg);
    transform: translateY(-10px) rotate(90deg);
  }
  60% {
    -moz-transform: translateY(-5px) rotate(90deg);
    transform: translateY(-5px) rotate(90deg);
  }
}
@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0) rotate(90deg);
    transform: translateY(0) rotate(90deg);
  }
  40% {
    -webkit-transform: translateY(-10px) rotate(90deg);
    transform: translateY(-10px) rotate(90deg);
  }
  60% {
    -webkit-transform: translateY(-5px) rotate(90deg);
    transform: translateY(-5px) rotate(90deg);
  }
}
@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateY(0) rotate(90deg);
    -ms-transform: translateY(0) rotate(90deg);
    -webkit-transform: translateY(0)rotate(90deg);
    transform: translateY(0) rotate(90deg);
  }
  40% {
    -moz-transform: translateY(-10px) rotate(90deg);
    -ms-transform: translateY(-10px) rotate(90deg);
    -webkit-transform: translateY(-10px) rotate(90deg);
    transform: translateY(-10px) rotate(90deg);
  }
  60% {
    -moz-transform: translateY(-5px) rotate(90deg);
    -ms-transform: translateY(-5px) rotate(90deg);
    -webkit-transform: translateY(-5px) rotate(90deg);
    transform: translateY(-5px) rotate(90deg);
  }
}

.below, .slider .textwidget {
  height: 100vh;
}

/* 1.6 Blog
##################################################### */

.blog #container, .single #container, .archive #container{
	position:relative;
	}

#blog-image{
	width:100%;
	background:url('_img/Blog-Image-Hotel-Platengarten.jpg') no-repeat;
	background-size:cover;
	height:225px;
	z-index:100;
	position:fixed;}
	
.blog .blog_h3 span, .archive .blog_h3 span{
	background: #fff url('_img/cross-noshadow-Hotel-Platengarten.png') no-repeat top 15px right 15px;
	background-size: 20px 20px;
	padding: 20px 50px 5px 25px;
	width: 70%;
	display: inline-block;
	}
	
.postwrapper{
	padding: 0px 0px 5px 25px;
	width: 75%;
	display: inline-block;
	}	
	
.blog .more, .archive{
	display:block;
	}

.post_single h2 {
	font-size:36px  !important ;
	font-size:2.25rem  !important ;
	padding: 10px 0 15px 0;
	margin: 0 0 0 0;
	text-align: left;
	font-style: normal;
	font-weight: 100;
	color: #25b7bb;
	}

.blog .blog_h3, .archive .blog_h3{
	margin-top:-50px !important;
	margin-bottom: 10px;}

.container_blog h3 a{
	color:#bfb391;
	}

.container_blog h2 a:hover, .wpp-list a:hover {
	-webkit-transition: all ease 0.2s;
	-moz-transition: all ease 0.2s;
	transition: all ease 0.2s;
	}

div.blog-slider{
	height:300px;
	margin-top:70px;
	background-repeat:no-repeat;
	background-size:cover;}

.post_single h3 {
	font-size:32px !important;
	font-size:2rem !important;
	line-height: 120% !important;
	padding: 10px 0 15px 0;
	margin: 0 0 0 0;
	text-align: left;
	font-style: normal;
	font-weight: 100;
	color: #25b7bb;
	}

.post_single h4 {
	font-size:24px !important;
	font-size:1.5rem !important;
	
	padding-top: 15px;
}


.post_single h5 {
	font-size:24px !important;
	font-size:1.625rem !important;
	line-height: 150% !important;
	
	padding: 0 0 10px 0;
}	

.post_single {
	float:left;
	width: -moz-calc(66% - 30px) ;
	width: -webkit-calc(66% - 30px) ;
	width: -o-calc(66% - 30px) ;
	width: calc(66% - 30px) ;
	padding: 0 15px;
	}

.post_single h1 {
	text-align: left;
	font-size: 40px;
	font-size:2.5rem;
	line-height: 130%
}

.next-post{display:none;
}

.post_single ul, .post_single ol, ul {
	font-size: 20px;
	font-size: 1.25rem;
	
	color: #333333;
	margin-top: 0px;
	margin-bottom: 35px;
}

.post_single ul, .post_single ol {
	line-height: 160%;
}

.post_single ul li {
	margin-left: 25px;
	list-style-type: circle;
}	

.post_single blockquote p	{
	font-size:14px;
	font-size:0.875rem;
}

.blog .container_blog, .archive .container_blog{
   display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  -webkit-box-wrap: wrap;
  flex-wrap: wrap;  
  padding-top:325px !important;
}

#kategorie_bg {
	background-image:	url('_img/pattern.png') ,linear-gradient( 45deg, #85192a, #9b1c30);
	background-repeat: repeat, no-repeat;
	color: 		#fff;
	text-shadow: 3px 3px 5px rgba(5, 5, 5, 0.35);
	z-index:1000;
	color: #bfb391 !important;
	font-family: 'Lora', serif;
	position:relative;
	padding: 25px 20px 30px 30px;
	width: calc(100% - 50px);
	width: -moz-calc(100% - 50px);
	width: -webkit-calc(100% - 50px);
	width: -o-calc(100% - 50px);
	max-width: 1110px; 
	margin: 150px auto 0 auto; 
	position:fixed;
	right:0;
	left:0;
	}
	
#kategorie { 
	background:url('_img/cross-Hotel-Platengarten.png') no-repeat top 5px right ;
	padding-right:25px;
	}
	
					@media screen and (max-width: 1200px) {
						.blog .container_blog, .archive .container_blog{
							padding-top:300px !important;
						}
						}
						
					@media screen and (max-width: 992px) {
						.post {
							width: 50% !important;
							margin: 15px 0px 15px 0px !important;	
							width: -moz-calc(50% - 0px) !important;
							width: -webkit-calc(50% - 0px) !important;
							width: -o-calc(50% - 0px) !important;
							width: calc(50% - 0px) !important;
						}	
						.container_blog h2 {
							font-size:22px !important;
							font-size:1.375rem !important;	
						}
						
						.post_single h2 {
						font-size:28px !important;
						font-size:1.75rem !important;	
						}
						
						.post_single h3 {
						font-size:26px !important;
						font-size:1.625rem !important;
						}
					
						strong {
						font-weight: 600;
						}	
					}

					@media screen and (max-width: 768px) {
						div.blog-slider{
						margin-top:50px;
						}
						
						.blog .container_blog, .archive .container_blog{
						padding-top: 10px !important;
						padding-bottom:20px !important;
						}
						
						#kategorie_bg{
						margin: 50px auto 0; 
						position:relative;
						}
						
						#blog-image{
						display:none;
						}
						
						.post_single {
						float:left;
						width: -moz-calc(100% - 30px) ;
						width: -webkit-calc(100% - 30px) ;
						width: -o-calc(100% - 30px) ;
						width: calc(100% - 30px) ;
						}
						
						.post {
							width: 100% !important;
						}
						.post_single h1 {
							font-size:32px !important;
							font-size:2rem !important;
						}
						
						#sidebar ul{
							padding-left:0 !important;}
					}

.featured-image{
	width:100%;
	height:250px;
}

.post {
	width: 33%;
	margin: 15px 0px 35px 0px;
	width: -moz-calc(33.333% - 0px);
	width: -webkit-calc(33.333% - 0px);
	width: calc(33.333% - 0px);
}
	
.post img, .post_single img {
	max-width: 100%;
	height: auto;
	}

#sidebar{
	display: inline-block;
	}

#sidebar ul{
	width: auto;
	display: inline-block;
	margin-bottom: 7px;
	padding-left:20px;
	}

#sidebar ul li { 
	display: inline;
	margin-left: 0px;
}	

#sidebar ul li:after { 
	content: "•";
	margin-left: 0px;
}

#sidebar ul li:last-child:after{
	content: "";
}

#sidebar ul li a,#sidebar a, .post_kategorie a{
	font-size:16px;
	font-size:1rem;
	color: #bfb391 !important;
	font-family: 'Lora', serif;
	line-height: 160%;
	-webkit-transition: all ease 0.25s;
	-moz-transition: all ease 0.25s;
	transition: all ease 0.25s;
	text-decoration: none;
}
	
#sidebar ul li a:hover{
	text-decoration:underline;
	-webkit-transition: all ease 0.25s;
	-moz-transition: all ease 0.25s;
	transition: all ease 0.25s;
	}	
	
.single_sidebarwrapper{
	float:right;
	margin-top:-75px;
	max-width: 265px ;
	width: -moz-calc(33.333% - 0px);
	width: -webkit-calc(33.333% - 0px);
	width: calc(33.333% - 0px);}	
	
#singlesidebar{
	display:block;
	background-image: url('_img/pattern.png') , linear-gradient( 45deg, #85192a, #9b1c30);
	background-repeat: repeat, no-repeat;
	color: #fff;
	text-shadow: 3px 3px 5px rgba(5, 5, 5, 0.35);
	z-index: 1000;
	color: #bfb391 !important;
	font-family: 'Lora', serif;
	position: relative;
	padding: 25px 20px 30px 30px;
	width: calc(100% - 50px);
	width: -moz-calc(100% - 50px);
	width: -webkit-calc(100% - 50px);
	width: -o-calc(100% - 50px);
}

#singlesidebar #sidebar{
	width:100%;
	padding-top:25px;
	background: url('_img/cross-Hotel-Platengarten.png') no-repeat top 0px right 0px;
	background-size: 27.5px 27.5px;}

#singlesidebar ul li:after { 
	content: "";
	margin-left: 0px;
}

#sidebar h2{
	font-family: 'Lato', sans-serif;
	font-size: 22px;
	font-size: 1.375rem;
	line-height: 150%;
	clear: both;
	margin: 0 0 15px 0;
}

#singlesidebar ul li{
	display:block;
}

#singlesidebar ul li:before{
	display:inline-block;
	content: "•";
	padding-right:10px;
}

.single_back{
	display:inline-block;
	background:#333;
	font-size:16px;
	width: calc(100% - 40px);
	width: -moz-calc(100% - 40px);
	width: -webkit-calc(100% - 40px);
	width: -o-calc(100% - 40px);
	font-size:1rem;
	text-align:center;
	color: #bfb391 !important;
	font-family: 'Lora', serif;
	text-decoration:underline;
	text-transform:uppercase;
	padding: 20px 20px;
}

						@media screen and (max-width: 768px) {
						
						.blog #kategorie_bg, .archive #kategorie_bg{
						margin: 50px auto 0;
						position: relative;
						}
							
						#kategorie_bg{
						margin: 70px auto 0;
						position: relative;
						}
							
						#sidebar h2{
						font-size: 20px;
						font-size: 1.25rem;
						}
							
						#singlesidebar{
						display:none;
						}
						
						#kategorie{
						padding-top:15px;
						}
								
						.single div.container_blog{
						margin-top:15px !important;
						}
								
						.single_sidebarwrapper{
						float: left;
						width: calc(100% - 30px);
						width: -moz-calc(100% - 30px);
						width: -webkit-calc(100% - 30px);
						width: -o-calc(100% - 30px);
						margin-top: 0px;
						margin-bottom:15px;
						margin-left:15px;}
						
					}
		
/* 1.7 Globale Footerangaben, Footer Navigation
##################################################### */

footer{
	overflow:hidden;
	background:#333333;
	width: calc(100% - 0px);
	width: -moz-calc(100% - 0px);
	width: -webkit-calc(100% - 0px);
	width: -o-calc(100% - 0px);
	padding:35px 0px 14px 0px;
	display:table;
	color:#fff;
	clear:both;
	font-size:10px;
	font-size:0.825rem;
}

footer .logo {
	height: 77px;
	width: 317px;
	padding:2px 20px 15px 0;
	background-repeat: no-repeat;
	background-image:url('_img/Logo-Hotel-Platengarten.png');
	background-size: 80%;
	background-position:left  top ;
	display:inline-block;
	opacity:0.7;
	margin-top:-10px;
	float:left;
}

footer .st0{
	fill:#fff;
}

#footer-menu{
	display:inline;
	float:left;
	margin-top:4px;
	margin-bottom:35px;
}

footer #menu li{
	margin-bottom:3px;
}

.blog footer #menu li{
	margin-bottom:5px;
}

footer .width_inner{
	padding-top:0 !important;
	padding-bottom:0 !important;}

.menu-footernavigation-container {
	display: inline;
}

.menu-footernavigation-container ul {
	position: relative;
	list-style: none;
	display: inline-block;
	width: auto;
	margin: 0px;
	padding: 0px;
	line-height: 100%;
	margin-left:20px;
}

.menu-footernavigation-container ul li {
	font-size:12px;
	font-size:0.75rem;
	display: inline-block;
	width: 33.333%;
	float:left;
	list-style:none;
	line-height: 195%;
}

.menu-footernavigation-container ul li:last-child {
	margin: 0px 0px 0px 0px !important;
	border-right: 0px !important;
	padding: 0px !important;
}

.menu-footernavigation-container ul li a, #footer-inner a {
	color:#adadad;
	text-decoration: none;
	font-size:14px;
	font-size:0.825rem;
	font-size:14px;
	 font-size:0.875rem;
	 font-family: 'Lato', sans-serif;
	-webkit-transition: all 0.75s ease;
	-moz-transition: all 0.75s ease;
	-o-transition: all 0.75s ease;
	transition: all 0.75s ease;
}

.menu-footernavigation-container ul li a:hover, #footer-inner a:hover {
 	color:#bfb391;
}

#sm-menu{
	float:right;
	position:relative;
	display:inline;
	 font-size:14px;
	 font-size:0.875rem;
	 font-family: 'Lato', sans-serif;
	 padding:10px;
	margin-top:20px;
	 color:rgba(255,255,255, 0.7);
	 text-transform:uppercase;
}

#sm-menu img{
	margin:0px 0px -2px 5px;
	}

#sm-menu a{
	color:rgba(255,255,255, 0.7);
	}

.menu-socialmedianavigation-container {
	display: inline;
}

.menu-socialmedianavigation-container ul{
	margin: 0px;
	padding: 0px;
	position:relative;
}

.menu-socialmedianavigation-container ul li{
	float:left;
	height:40px;
	width:40px;
	margin-left:5px;
	border-radius:20px;
	-webkit-transition: all 0.75s ease;
	-moz-transition: all 0.75s ease;
	-o-transition: all 0.75s ease;
	transition: all 0.75s ease;
}
	
.menu-socialmedianavigation-container ul li:hover{
	-webkit-transition: all 0.75s ease;
	-moz-transition: all 0.75s ease;
	-o-transition: all 0.75s ease;
	transition: all 0.75s ease;
	}

.menu-socialmedianavigation-container ul li a{
	color:rgba(255,255,255, 0.7);
	text-decoration:none;
	font-size:0px !important;
	font-size:0rem !important;
	height:40px;
	display:table;
	width:50px;
	 font-size:14px;
	 font-size:0.875rem;
	 font-family: 'Lato', sans-serif;
	 color:rgba(255,255,255, 0.7);
	 text-transform:uppercase;
	}
	
#sm-menu li.facebook{
	background:#838383 url(_img/ico_facebook.png) no-repeat center center;
	 background-size: 75%;
  }
   
#sm-menu li.facebook:hover{
	   background:#3b5998 url(_img/ico_facebook.png) no-repeat center center;
	   background-size: 75%;
	}
  
   #info-menu{
	   display:table;
	   float:left;
	   margin-left:52px;
	   margin-top:25px;}
	   
#menu-infonavigation-container	 {
	display:table;
	}  
	   
   #info-navi{
	display:inline-table;
	margin-bottom:10px;
	padding-left:20px;
}	   
  
  #info-menu li{
	  float:left;
	  margin-right:10px;
	  list-style-type:none;}
  
 #info-menu a{
	 font-size:14px;
	 font-size:0.875rem;
	 font-family: 'Lato', sans-serif;
	 color:rgba(255,255,255, 0.7);
	 text-transform:uppercase;
 }
 
				@media screen and (max-width: 848px) {
							#info-menu{
						   margin-left:0px;
							}
						 
							footer .logo {
								margin-top:-10px;
								background-position:left 20px top 15px;
								padding: 2px 0px 25px 0;
								}
				   }
	
				@media screen and (max-width: 768px) {
					
					.menu-footernavigation-container ul li {
					width: calc(33.333% - 10px);
					padding-right:10px;	
					}
					
					#footer-menu{
					float:left;
					display:block;
					padding:10px 0 0px 0;
					line-height:240%;
					width:100%;
					}
					
					.page-template-page-unterseite footer ul{margin-left:0 !important;
						padding-left:0 !important;}
						
						.page-template-page-unterseite .logo{
							background-position: left 0px center;}
							
								.page-template-page-unterseite #sm-menu{
								padding: 0px 0 35px 0px;}
					
					#info-menu{
						margin-top:45px !important;}
				
					#sm-menu{
					float:left;
					display:block;
					padding:0px 0 35px 20px;
						width: calc(100% - 20px) ;
	width: -moz-calc(100% - 20px);
	width: -webkit-calc(100% - 20px);
	width: -o-calc(100% - 20px);
					}
				}
				
					@media screen and (max-width: 420px) {
							footer .logo {
								width:275px;
								}}

/* 1.8 Plugins - Contact Form 7 & Datenschutz Banner
######################################################## */

.modal-open{
	overflow: hidden;
    position: fixed;
}

.modal-closed{
	overflow: scroll;
    position: static;
}

input, select {
	height: 50px;
	border:8px solid transparent;
	width: calc(100% - 32px) ;
	width: -moz-calc(100% - 32px);
	width: -webkit-calc(100% - 32px);
	width: -o-calc(100% - 32px);
	padding: 0px 16px 0px 16px;
	outline: none;
	border: 0px;
	margin-bottom: 15px;
	font-size:18px ;
	font-size:1.125rem ;
	color: #333;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none; 
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	border:1px solid #aaa;
	background-color: rgba(255,255,255,0.7);
	font-family: 'open_sanslight';
}

select {
		width:50%  !important;
	}	
	
.wpcf7-form-control-wrap.your-message{
	height:125px;
	}

span.selectoneline{	
margin: 0 0 0 -14px !important;
padding: 0;
text-align: center;
width: 100%;
display: inline-block;
}

span.wpcf7-form-control-wrap{
	text-align:center;}

.modal{
	margin:0 auto;
	padding:25px 25px 0 25px !important;
	width: calc(100% - 50px)!important;
width: -moz-calc(100% - 50px) !important;
width: -webkit-calc(100% - 50px) !important;
width: -o-calc(100% - 50px) !important;
}

textarea{
	resize: none; 
	height:150px;
	width: calc(100% - 32px)  !important;
	width: -moz-calc(100% - 32px)  !important;
	width: -webkit-calc(100% - 32px)  !important;
	width: -o-calc(100% - 32px) !important;
	padding: 15px 16px 0px 16px;
	outline: none;
	border: 0px;
	margin-top:5px;
	font-size:18px ;
	font-size:1.125rem ;
	color: #808080;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none; 
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	border:1px solid #aaa;
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	font-size:16px;
	font-size:1rem;
	color: #888888;
}

::-moz-placeholder { /* Firefox 19+ */
	font-size:16px;
	font-size:1rem;
	color: #888888;
}

:-ms-input-placeholder { /* IE 10+ */
	font-size:16px;
	font-size:1rem;
	color: #888888;
}

:-moz-placeholder { /* Firefox 18- */
	font-size:16px;
	font-size:1rem;
	color: #888888;
}

.kontaktform {
	-webkit-box-shadow: 0px 0px 5px 0px rgba(195,195,195,1);
	-moz-box-shadow: 0px 0px 5px 0px rgba(195,195,195,1);
	box-shadow: 0px 0px 5px 0px rgba(195,195,195,1);
	margin: -45px -15px -15px 0;
	display: inline;
	background-color: white;
}

.wpcf7-submit { 
	border: none;
	font-family: 'open_sanslight';
	margin:0px auto 0 auto;
	height: 50px;
	padding:0 35px;
	width:50%  !important;
	font-size:16px;
	font-size:1rem ;
	background-color: #9b1c30;
	border: 1px solid #9b1c30;
	color: white;
	-webkit-transition: all 0.75s ease;
	-moz-transition: all 0.75s ease;
	-o-transition: all 0.75s ease;
	transition: all 0.75s ease;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none; 
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	cursor:pointer;
	margin-top:10px !important;
	margin-bottom:25px  !important;
	color:#bfb391 !important;
}

.wpcf7-not-valid {
	border-left: 5px solid #9b1c30 !important;
	}
	
div.wpcf7-mail-sent-ok{
	border-left: 5px solid #398f14 !important;
	border-bottom: 0px solid #398f14 !important;
	border-top: 0px solid #398f14 !important;
	border-right: 0px solid #398f14 !important;
	padding: 15px 15px 10px 15px !important;}
	
	div.wpcf7-validation-errors {
	border-left: 5px solid #bfb391!important;
	border-bottom: 0px solid #f7e700 !important;
	border-top: 0px solid #f7e700 !important;
	border-right: 0px solid #f7e700 !important;}

.wpcf7-submit:hover { 
	background-color:  #333;
	color: #fff;
	border: 1px solid #333;
}

.wpcf7-validation-errors {	
	font-size:14px ;
	font-size:0.875rem ;
	color: #9d9d99;
	border:2px solid #dd5404;
	padding: 15px 15px  10px  15px !important;
	text-align: center;
	margin: 15px 0px 25px 0px !important;		
}

.wpcf7-form-control-wrap{
	position: relative;
	display: block;
	width: 100%;
}

.wpcf7 input, .wpcf7 p{
	font-family: 'Lato', serif;
	font-size: 16px !important;
	font-size:1rem !important;
}

.page-template-page-modal p{
	font-size: 15px !important;
	font-size:0.935rem !important;}

.page-template-page-modal h1{
	padding-bottom:60px !important;
	font-size: 26px !important;
font-size:1.625rem !important;
}

span.wpcf7-form-control-wrap.DatenschutzCheck .wpcf7-not-valid-tip {
	height: 70px;
	top:51px;
	right: 0px;
	float: right;
	height: 70px;
}

span.wpcf7-not-valid-tip{
	margin-bottom:15px;
	display:none !important;}

.wpcf7-form p{
	margin:0 !important;}

.wpcf7{
	margin: 0!important;
}





/* Cookie Notice
##################################################### */

.cookie-notice-container {
	width: 100% !important;
	width: calc(100% - 20px) !important;
	width: -webkit-calc(100% - 20px) !important;
	width: -moz-calc(100% - 20px) !important;
	width: -o-calc(100% - 20px) !important;
	padding: 10px 10px 20px 10px !important;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 14px;
	font-size: 0.875rem;
}

#cn-notice-text {
	display: block;
	margin-bottom: 10px;
}

#cn-notice-text a {
	text-decoration: underline;
	color: white;
}

#cn-notice-text a:hover, .cookie-notice-container .cn-button:hover {
	opacity: 0.8 !important;
}

.cookie-notice-container .cn-button {
	background-color: #9b1c30;
	color: white;
	padding: 5px 8px 5px 8px;
}