@font-face {
	font-family: 'Open Sans';
	src: url('../fonts/OpenSans.eot');
	src: local('Open Sans'), local('OpenSans'),
		url('../fonts/OpenSans.eot?#iefix') format('embedded-opentype'),
		url('../fonts/OpenSans.woff2') format('woff2'),
		url('../fonts/OpenSans.woff') format('woff'),
		url('../fonts/OpenSans.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

/* ================ */
/* General stylings */
/* ================ */

*{

	margin:0px;
	padding:0px;
	border:none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;

}


body {

	font-size: 16px;                        /* Schriftgröße, global */
	color:#5A5A5A;
	font-family: 'Open Sans', sans-serif;  /* Schriftart, global */
	background:#ebebeb;
	display:inline-block;
	width:100%;
	min-height:1px;
	position:relative;


}

img{vertical-align:top;}

textarea:focus, input:focus, select:focus, option:focus{
	outline: 0;
}

*:focus {
	outline: 0;
}

.clear, .ClearBoth{
	clear:both;
}

a, button, input {
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

.main{

	width:100%;
	max-width:1150px;
	margin:0px auto auto;
	min-height:1px;

}

.align-justify, .text-justify{text-align: justify;}

.align-center, .text-center, .ce-headline-center, .ce-center{text-align:center;}

.text-right, .align-right{text-align:right;}

/* Space before */

.frame-space-before-extra-small{margin-top:5px;}
.frame-space-before-small{margin-top:10px;}
.frame-space-before-medium{margin-top:15px;}
.frame-space-before-large{margin-top:20px;}
.frame-space-before-extra-large{margin-top:25px;}

/* Space after */

.frame-space-after-extra-small{margin-bottom:5px;}
.frame-space-after-small{margin-bottom:10px;}
.frame-space-after-medium{margin-bottom:15px;}
.frame-space-after-large{margin-bottom:20px;}
.frame-space-after-extra-large{margin-bottom:25px;}


/* HTML Trenner */

hr {
	width:100%;
	height:1px;
	float:left;
	background:#fff;
	margin:20px 0px;
}

#header{
	
	width:100%;
	min-height:1px;
	position:relative;
	display:inline-block;
	background:#ffffff;
	float:left;
	padding:20px 0px;
	
}

#header .logo{
	
	width:220px;
	height:auto;
	display:block;
	text-align:center;
	float:left;
}

#header .logo img{
	
	width:100%;
	height:auto;
	
}
#header .top{
	
	width:300px;
	min-height:1px;
	position:relative;
	display:inline-block;
	float:right;
	
}

#header .top .left{
	
	float:left;
	width:100%;
	
}

#header .top .left a{
	
	color:#ffffff;
	display:block;
	width:100%;
	text-decoration:none;
	background:#0b228b;
	padding:10px;
	border-radius:5px;
	margin-bottom:20px;
	text-align:center;
	
}

#header .top .left a:hover{ background:#1d6fb5;}

#header .top .left a i{
	
	font-size:1.2em;
	margin-right:10px;
	
}

#header .top .right{
	
	float:right;
	text-align:center;
	width:100%;
	
}

#header .top .right a{
	
	color:#0b228b;
	text-decoration:none;
	margin-right:20px;
	
}

#header .top .right a:last-child{
	
	margin-right:0px;
	
}

#header .top .right a i{
	
	font-size:2.2em;
	
}

#header .top .right a:hover{color:#1d6fb5;}

#menu{
	
	width:100%;
	min-height:42px;
	position:relative;
	display:inline-block;
	background:#1d6fb5;
	float:left;
	
}

#menu ul{
	
	list-style-type:none;
	
}

#menu ul li{
	
	float:left;
	
}

#menu ul li a{
	
	display:inline-block;
	padding:12px 20px;
	color:#fff;
	text-decoration:none;
	font-size:1em;
	
}

#menu ul li:hover a{
	
	background:#0b228b;
	
}

#menu ul li.active a{
	
	background:#0b228b;
	font-weight:600;
	
}

#menu .fa-bars{
	
	display:none;
	color:#ffffff;
	font-size:2em;
	margin-top:5px;
	cursor:pointer;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

#menu .fa-bars:hover{color:#0b228b;}

#slider{
	
	width:100%;
	min-height:1px;
	position:relative;
	display:inline-block;
	float:left;
	
}

.preis{
	
	width:300px;
	min-height:1px;
	position:absolute;
	bottom:-115px;
	right:65px;
	z-index:10000;
	
}

.preis img{width:100%; height:auto;}

.slider-container.tns-horizontal .slider-slide img{width:100%;}

#wrapper{
	
	color:#000000;
	width:100%;
	min-height:1px;
	float:left;
	position:relative;
	display:inline-block;
	padding-top:20px;
	padding-bottom:20px;
	
	
}


#wrapper img{
	
	width:100%;
	height:auto;
	
}

#wrapper h1{
	
	font-size:2em;
	font-weight:600;
	text-transform:uppercase;
	margin-bottom:20px;
	color:#0b228b;
	
}

#wrapper h2{
	
	font-size:1.7em;
	font-weight:600;
	text-transform:uppercase;
	margin-bottom:20px;
	color:#0b228b;
	
}

#wrapper h3{
	
	font-size:1.5em;
	font-weight:600;
	margin-bottom:15px;
	color:#0b228b;
	
}

#wrapper h4{
	
	font-size:1.2em;
	font-weight:600;
	margin-bottom:10px;
	color:#0b228b;
}

#wrapper p{
	
	margin-bottom: 10px;
    line-height: 1.3em;
	
}

#wrapper a{
	
	color:#0b228b;
	
}

#wrapper a:hover{
	
	color:#1d6fb5;
	
}

#wrapper h5{
	
	font-size:1em;
	font-weight:400;
	
}

#wrapper h5 a{
	
	display:inline-block;
	color:#fff;
	padding:10px 20px;
	background:#0b228b;
	border-radius:5px;
	text-decoration:none;
	
}

#wrapper h5:hover a{
	
	background:#1d6fb5;
	color:#fff;
	
}

#wrapper .ce-gallery.ce-border .image{
	
	border:2px solid #fff;
	border-radius:3px;
	margin-bottom:10px;
	
}

#wrapper .frame-normal-image .ce-gallery img{width:auto;height:auto;}

#wrapper .frame-image-gallery .ce-row{
	
	width:23.5%;
	min-height:1px;
	float:left;
	position:relative;
	display:inline-block;
	margin-right:2%;
	margin-bottom:2%;
	
}

#wrapper .frame-image-gallery .ce-row:nth-child(4n+0) {margin-right:0}

#wrapper .frame-image-gallery .ce-gallery.ce-border .image {margin-bottom:0px;}

#wrapper .frame-image-gallery .ce-row:hover img{opacity:0.5;}

#wrapper .frame-image-gallery .ce-row img{
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

#wrapper ul, #wrapper ol{
	
	padding-left:20px;
	margin-bottom:10px;
	
}

.two-column-main, .four-column-main, .three-column-main{
	
	width:100%;
	min-height:1px;
	float:left;
	position:relative;
	display:inline-block;
	margin-bottom:20px;
	
}

.two-column{
	
	width:48%;
	min-height:1px;
	float:left;
	position:relative;
	display:inline-block;
	
}

.two-column.column-last{margin-left:4%;}

.four-column{
	
	width:23.5%;
	min-height:1px;
	float:left;
	position:relative;
	display:inline-block;
	margin-right:2%;
	
}

.four-column.column-last{margin-right:0;}

.three-column{
	
	width:31.3333%;
	min-height:1px;
	float:left;
	position:relative;
	display:inline-block;
	margin-right:3%;
	
}

.three-column.column-last{margin-right:0;}


#footer{
	
	width:100%;
	min-height:1px;
	position:relative;
	display:inline-block;
	padding:20px 0px;
	background:#1d6fb5;
	color:#fff;
	
}

#footer a{color:#fff;}

.frame-restaurant-menu {width:100%; min-height:1px; position:relative; display:inline-block; float:left;} 

.frame-restaurant-menu h3{float:left;width:70%;font-size:1em !important; padding-bottom:5px !important; margin-bottom:0px !important;}

.frame-restaurant-menu p{float:left;width:70%;font-size:0.8em !important; color:#5A5A5A !important;}

.frame-restaurant-menu h4{ float:right; width:30%; font-size:1em !important; text-align:right; margin-bottom:0px !important;}

.frame-restaurant-menu hr{width:100%; height:1px; background:#5A5A5A !important; margin:10px 0px; float:left;}

.frame-restaurant-menu h2{margin-bottom:10px !important;}


.powermail_legend{display:none;}

.powermail_fieldwrap{
	
	width:100%;
	min-height:1px;
	float:left;
	position:relative;
	display:inline-block;
	margin-bottom:10px;
	
}

.powermail_fieldwrap .powermail_label{
	
	width:100%;
	margin-bottom:5px;
	display:block;
	
}

.powermail_fieldwrap .powermail_input, .powermail_fieldwrap .powermail_select, .powermail_fieldwrap .powermail_date{
	
	width:100%;
	padding:5px 10px;
	font-size:1em;
	color:#5A5A5A;
	font-family: 'Open Sans', sans-serif;
	background:#fff;
	
}

.powermail_fieldwrap .powermail_textarea{
	
	width:100%;
	height:80px;
	padding:5px 10px;
	font-size:1em;
	color:#5A5A5A;
	font-family: 'Open Sans', sans-serif;
	background:#fff;
	
}

.powermail_submit{
	
	width:100%;
	padding:10px;
	font-size:1em;
	color:#fff;
	background:#0b228b;
	font-family: 'Open Sans', sans-serif;
	cursor:pointer;
	
}

.powermail_submit:hover{background:#1d6fb5;}

.powermail-errors-list{text-transform:uppercase; font-size:0.85em; font-weight:600; color:red;}

@media (max-width: 1190px){
	
	#header, #menu, #wrapper{padding-left:20px; padding-right:20px;}
	
	.preis{width:250px; bottom: -95px; right: 45px;}
	
	
}

@media (max-width: 760px){
	
	#header .top .left a span{display:none;}
	
	#header .top .left a i, #header .top .right a i{margin-right:0px; font-size:1.4em;}
	
	#menu .fa-bars{display:block;}
	
	#menu ul{display:none; margin-top:10px;}
	
	#menu ul li {width:100%; margin-bottom:10px;}
	
	#menu ul li a{width:100%;}
	
	.four-column.column-second{margin-right:0px;}
	
	.four-column{width:48%; margin-right:4%;}
	
	.four-column.column-second{margin-right:0px;}
	
	.four-column.column-first, .four-column.column-second{margin-bottom:20px;}
	
}

@media (max-width: 650px){
	
#wrapper h1{font-size:1.7em;}

#wrapper h2{font-size:1.5em;}

#wrapper h3{font-size:1.3em;}

#wrapper h4{font-size:1em;}

.preis {width: 160px; bottom: -55px; right: 20px;}

.two-column, .four-column, .three-column{width:100%; margin-bottom:20px; margin-right:0px !important; margin-bottom:20px; margin-left:0px !important;}

.two-column-main, .four-column-main, .three-column-main{margin-bottom:0px;}

#wrapper .frame-image-gallery .ce-row{
	
	width:48%;
	margin-right:4%;
	margin-bottom:4%;
	
}

#wrapper .frame-image-gallery .ce-row:nth-child(2n+0) {margin-right:0}

#header .top{width:100%;}

#header .top .left a{ width:30%; margin-right:5%;float:left;}

#header .top .left a:last-child{margin-right:0;}

#header .logo{width:100%; text-align:center;margin-top:20px;}

#header .logo img{width:200px;}

}