@charset "utf-8";

/*********
Allgemein
*********/
* {
	font-family: Komet W03 Medium5305416;
}

/*:root p {
    color: red;
	font-family: Komet W03 Medium5305416;
}*/

html {
	height: 100%;
}

a:link,
a:visited,
a:hover,
a:active {
	outline: 0;
}

a[href^="mailto:"],
a[href^="tel"] {
	/*text-decoration: none;*/
	text-decoration: underline;
	text-underline-position: under;
}

a[href^="mailto:"]:active,
a[href^="tel"]:active,
a[href^="mailto:"]:focus,
a[href^="tel"]:focus,
a[href^="mailto:"]:visited,
a[href^="tel"]:visited {
	text-decoration: underline;
}

a:hover,
a[href^="mailto:"]:hover,
a[href^="tel"]:hover {
	color: #b98700;
}

.noscroll {
	position: fixed;
}

/*********
Allgemeine Responsive Klassen für Geräte
*********/
/* Desktop */
@media 
only screen and (min-width : 880px) {
	.desktop-off, 
	.tablet-on,
	.phone-on {
		display: none;
	}
	.desktop-on, 
	.tablet-off, 
	.phone-off {
		display: block;
	}
}

/* Spezial-Grössen */
@media 
only screen and (min-width : 600px) and (max-width : 1023.9px) {
	.display-off {
		display: none;
	}
}

/* Tablets */
@media 
only screen and (min-width : 600px) and (max-width : 879.9px) {
	.tablet-off,
	.desktop-on, 
	.phone-on {
		display: none;
	}
	.tablet-on,
	.desktop-off, 
	.phone-off {
		display: block;
	}
}

/* Mobile */
@media 
only screen and (min-width : 220px) and (max-width : 599.9px) {
	.phone-off,
	.desktop-on, 
	.tablet-on
	 {
		display: none;
	}
	.phone-on, 
	.desktop-off, 
	.tablet-off {
		display: block;
	}
}

/*********
Allgemeine Content Styles
*********/
h1, h2, h3, p {
	margin: 0;
	padding: 0;
}

h1 {
	font-family: 'BigCaslonFB-Regular';
	font-size: 2.5rem; /* 40px 40/16 = 2.5 */
	font-weight: normal;
	color: #000;
	margin-bottom: 0px;
}

h2 {
	font-family: 'BigCaslonFB-Regular';
	font-size: 2.5rem; /* 40px 40/16 = 2.5 */
	font-weight: normal;
	color: #b98700;
	margin-bottom: 30px;
	margin-top: 40px;
}

h3 {
	font-size: 1rem; /* 20px 20/16 = 1.25 */
	text-transform: uppercase;
	color: #000;
	margin-bottom: 10px;
	margin-top: 30px;
}

h4 {
	font-weight: 200;
	font-size: 1rem; /* 20px 20/16 = 1.25 */
	text-transform: uppercase;
	color: #b2b2b2;
	margin-bottom: 10px;
	margin-top: 30px;
}

h5 {
	font-weight:normal;
	font-size: 0.85rem;
	text-transform: uppercase;
	margin-bottom: 10px;
	margin-top: 20px;
}

h2:first-child, 
h3:first-child {
	margin-top: 0;	
} 

p {
	font-size: 1rem; /* 12px 12/16 = 0.75 */
	margin-bottom: 15px;
	line-height: 1.5rem;
}

p:last-child {
	margin-bottom: 0;
}

p.lead {
	font-size: 1.125rem;
	font-weight: 700;
}

p.date {
	font-size: 0.8rem;
}

address {
	font-style: normal;
}

strong {
	font-weight: 600;
}

/*@media 
only screen and (min-width : 220px) and (max-width : 599.9px) {
	h1 {
		font-size: 2rem; 
	}
}*/

img {
	border: 0;
}

img.full {
	width: 100%;
	height: auto;
	display: block;
}

.img-right {
	float: right;
	margin-left: 15px;
	margin-bottom: 15px;
}

.img-left {
	float: left;
	margin-right: 15px;
	margin-bottom: 15px;
}

img.auszeichnung {
	 margin-top: 15px;
}

@media 
only screen and (min-width : 220px) and (max-width : 599.9px) {
	.img-right {
		float: none;
		display: block;
		width: 100%;
		margin-left: 0px;
	}
	.img-left {
		float: none;
		display: block;
		width: 100%;
		margin-right: 0px;
	}
}

ul, ol {
	padding: 0;
	margin: 0;
	margin-bottom: 15px;
} 

li {
	padding-bottom: 10px;
	padding-left: 8px;
	margin-left: 15px;
	list-style-type: disc;
	font-size: 1rem; /* 12px 12/16 = 0.75 */
}

ol li {
	list-style-type: decimal;
}

/*Links*/
a {
	color: #000;
	text-decoration: underline;
	text-underline-position: under;
}

a:hover {
	/*color: #333;*/
	color: #b98700;
	text-decoration: none;
}

a[href^="mailto:"],
a[href^="tel"] {
	color: #000;
}

/* Buttons */
.btn {
	padding: 0 !important;
}

.kontakt .btn {
	margin-bottom: 1.5rem;
}

.btn.reservieren {
	border-radius: 0px;
	border: 0px;
	padding: 0px;
	z-index: 20;
}

.btn a {
	display: block;
	padding: 15px;
	background: #b98700;
	color: #fff;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: 0.2rem;
}

.btn a:hover,
input[type="submit"]:hover {
	background: #333;
}

.btn.inline a {
	display: inline-block;
}

.btn.inline.right {
	text-align: right;
}

span.arrow {
	align-self: center;
    background: white;
    /*padding: 10px;*/
	height: auto;
	padding: 1.5rem;
}

span.arrow::after {
	content: "";
	background-image: url(../img/layout/icon-reservieren.png);
	background-size: 20px;
	padding-left: 20px;
	background-repeat: no-repeat;
	position: relative;
	background-position: center center;
} 

.btn.reservieren a {
	width: calc(87.5% - 20px);
	text-align: left;
	display: block;
}

.btn.reservieren {
	background: white;
    width: auto;
	min-width: 13.25%;
    display: inline-flex;
	position: absolute;
    /*margin-left: calc(-12.5% + 45px);*/
	margin-left: calc(-12.5% + 1.5rem + 44px);
}

.btn.reservieren span {
	width: 48px;
}

/*IE11 fix start*/
_:-ms-lang(x),
:root .bild-button {
	position: relative;
}
_:-ms-lang(x),
.btn.reservieren {
	bottom: 0px;
	margin-left: -25%;
	padding-left: 15px;
}
/*IE11 fix end*/

_:-ms-lang(x),
.btn.reservieren span {
    position: absolute\9;
	background-color: white\9;
	height: 50%\9;
	padding-top: 17%\9;
}

@media 
only screen and (min-width : 1024px) and (max-width : 1875px) {
	.btn.reservieren {
		 margin-left: calc(-12.5% + 45px);
	}
}

@media 
only screen and (min-width : 220px) and (max-width : 1023.9px) {
	.btn.reservieren {
		margin-left: 0px;
	}
	_:-ms-lang(x),
	.btn.reservieren {
		margin-left: 0px;
		padding-left: 0px;
	}
}
 

/*********
Raster-Styles
*********/
body {
	font-size: 100%; /* 16px = 1rem */
}

body, img, p, tr, td {
	color: #000;
}

/*.content-block-center {
	margin-left: 45px;
	margin-right: 45px;
	width: auto;
}*/

.content-block-center {
    margin-left: 12.5%;
    margin-right: 12.5%;
}

.content {
	margin-top: 5rem;
}

@media screen and (max-width: 1024px){
	.content-block-center {
		margin-left: 45px;
		margin-right: 45px;
		width: auto;
	}
}
@media 
only screen and (min-width : 600px) and (max-width : 1024px) {
	.content-block-center {
		margin-left: 60px;
		margin-right: 60px;
		width: auto;
	}
}

@media 
only screen and (min-width : 220px) and (max-width : 599.9px) {
	body {
		font-size: 90%; 
	}
	.content-block-center {
		margin-left: 20px;
		margin-right: 20px;
		width: auto;
	}
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
}

footer {
	position: relative;
	margin-top: 5rem;
}

footer p {
	color: #000;
}

footer a[href^="mailto:"],
footer a[href^="tel"] {
	color: #000;
	text-decoration: none;
}

.skipp {
	position: absolute;
	right: 20px;
	top: 20px;
}

.skipp img {
	display: block;
	
	/* IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	/* IE 5-7 */
	filter: alpha(opacity=70);
	/* Netscape/FireFox */
	-moz-opacity: 0.7;
	/* Safari 1.x */
	-khtml-opacity: 0.7;
	/* aktuelle Browser */
	opacity: 0.7;
}

@media 
only screen and (min-width : 220px) and (max-width : 599.9px) {
	.skipp {
		display: none;
	}
}

/*********
Tools & spezifische Content-Styles
*********/
/*Süsswinkel */
.head .logo {
	text-align: center;
}

.head .logo a {
	display: block;
}

img.logo  {
	margin-top: 5vh;
	margin-bottom: 5vh;
	max-width: 20vw;
	transition-duration: 0.5s;
}

#stick.content {
	margin-top: 0;
}

.flex {
	display: flex;
}

.flat {
	padding-top: 5rem;
	padding-bottom: 5rem;
}

.startimage1 {
	width: 150%;
	z-index: 10;
}

.startimage2 {
	width: 100%;
	margin-top:-22vh;
}

.head-container {
	margin-left: 25%;
    margin-top: 8%;
	margin-right: 12.5%;
}

.bild-button {
	flex-direction: column-reverse;
}

.tab-nav {
	position: absolute;
}

.tabs h2 {
	margin-top: 6rem;
}

.image-big {
	width: 112.5%;
}

.image-small {
	width: 37.5%;
}

.image-half {
	width: 50%;	
}

.left .text-small,
.left.text-small {
	margin-left: 25%;
	margin-right: 12.5%;
}

.grid-2.left .text-small {
	margin-left: 12.5%;
	margin-right: 12.5%;
}

.right .text-small {
	margin-right: 25%;
	margin-left: 12.5%;
}

.bg-grey {
	background: #efefef;
	width: 50%;
}

.bg-grey-full {
	background: #efefef;
	padding-top: 2.5%;
}

.bg-gold .bild-container {
	background-color: #b98700;
}

.bg-img {
	width: 50%;
	background-position: center;
	background-size: cover;
}

.bg-img.menue {
	background-image: url(../img/layout/bg-menue-3.jpg?v=1);
}

.bg-img h2,
.bg-img p,
.bg-img p a {
	color: #fff;
}

#map h4 {
	margin-top: 10px;
	color: #b98700;
	font-family: 'BigCaslonFB-Regular';
}

.impressum-datenschutz-site .container-left.grid-1.left:last-child {
	clear: both;
	margin-top: 60px;
}

.impressum-datenschutz-site .container-left.grid-1.left .text-small {
	margin-right: 0;
}

.impressum-datenschutz-site address:nth-child(2n) {
	margin-top: 30px;
}

@media screen and (max-width: 1024px){
	#logo img {
		width: 35VW;
	}
}

@media 
only screen and (min-width : 750px) and (max-width : 1023.9px) {
	.left .text-small,
	.left.text-small  {
		margin-left: 0%;
		margin-right: 12.5%;
	}
	.right .text-small {
		margin-right: 0%;
    	margin-left: 12.5%;
	}
	.right .text-small {
		margin-left: 0px;
	}
	.startimage2 {
		float: right;
		width: 80%;
	}
}

@media 
only screen and (min-width : 600px) and (max-width : 749.9px) {
	.grid-1 {
	margin-right: 0%;
	float: none;
	width: 100%;
	}
	.left .text-small, .left.text-small,
	.right .text-small{
		margin-right: 0;
		margin-left: 0;
	}
	.right .text-small {
		margin-left: 0px;
	}
	.bild-container {
		margin-top: 1.5rem;
	}
	.bg-img,
	.bg-grey {
		width: 100%;
	}
	.menue-news {
		flex-direction: column;
	}
	.list.news .bild-container {
		margin-top: 0;
	}
	.startimage2 {
		float: right;
		width: 80%;
	}
}

@media 
only screen and (min-width : 220px) and (max-width : 599.9px) {
	#logo img {
		width: 45VW;
	}
	.startimage1 {
		width: 100%;
	}
	.left .text-small,
	.left.text-small {
		margin-left: 0px;
		margin-right: 0px;
	}
	.menue-news {
		flex-direction: column;
	}
	.list.news .bild-container {
		margin-top: 0;
	}
	.bg-img,
	.bg-grey {
		width: 100%;
	}
	.right .text-small {
		margin: 0;
	}
	.startimage2 {
		float: right;
		width: 80%;
	}
}

@media 
only screen and (min-width : 220px) and (max-width : 1023.9px) {
	.grid-2.left .text-small {
		margin-left: 0%;
		margin-right: 12.5%;
	}
	.impressum-datenschutz-site .text-small {
		margin-right: 0;
	}
	.impressum-datenschutz-site .grid-container {
		display: flex;
		flex-direction: column;
	}
	.impressum-datenschutz-site .grid-2.left {
		order: 1;
	}
	.impressum-datenschutz-site .grid-1.left {
		order: 3;
	}
	.impressum-datenschutz-site .grid-1.right.last-grid {
		order: 2;
		margin-bottom: 30px;
	}
}

/*IE11 fix start*/
_:-ms-lang(x),
.startimage1 {
	height: 100%;
}

_:-ms-lang(x),
.startimage2 {
	margin-top: -25vh;
	}
/*IE11 fix end*/

@media 
only screen and (min-width : 220px) and (max-width : 599.9px) {
	_:-ms-lang(x),
.startimage1 {
	width: 100%\9;
}
}

/*Listen*/
ul.list {
	margin: 0;
	padding: 0;
	overflow: hidden;
}

.list li {
	margin: 0;
	padding: 0;
	list-style-type: none;
	margin-right: 0%;
	margin-bottom: 3.5%;
}

.list li a {
	text-decoration: none;
	display: block;
}

.list.eine-spalte li {
	width: 100%;
}

.list.eine-spalte li a {
	display: flex;
    flex-direction: row;
	align-items: center;
}

.list.eine-spalte li a p::after {
	content: "";
	background-image: url(../img/layout/icon-arrow.png);
	background-size: 14px;
	padding-left: 21px;
	background-repeat: no-repeat;
	position: relative;
	background-position: right 6px;
}

.list.eine-spalte li a div.bild-container {
	background-color: #fff;
	padding: 0rem 1.5rem;
	width: 25%;
	margin-right: calc(3rem - 10px);
}

.list.eine-spalte li a div.bild-container:first-child {
	margin-top: 0;
}

.list.eine-spalte li a div.text-container {
	width: 75%;
}

.list.eine-spalte li a img {
	margin-right: 3rem;
}

ul.menue li a {
	display: block;
}

ul.list.eine-spalte.menue li a .text-container p {
	text-decoration: none;
	padding: 10px;
	/*text-underline-position: under;*/
}

ul.list.eine-spalte.menue li a:visited .text-container p,
ul.list.eine-spalte.menue li a:focus .text-container p,
ul.list.eine-spalte.menue li a:active .text-container p {
	
}

ul.list.eine-spalte.menue li a:hover .text-container p {
	text-decoration: none !important;
	background-color: #b98700;
	display: inline-block;
}

.list.drei-spalten li {
	width: 31%;
	margin-right: 3.5%;
	margin-bottom: 3.5%;
	float: left;
}

.list.zwei-spalten.news.front li {
	width: 48.25%;
	margin-right: 3.5%;
	margin-bottom: 3.5%;
	float: left;
}

.news-container .text-small {
	margin-right: 0;
}
.list.news a {
	display: flex;
}
.list.news .bild-container {
	width: calc(25% + 3rem);
	margin-right: calc(3rem - 10px);
}
.list.news .text-container {
	width: calc(75% - 6rem - 10px);
	padding-bottom: 15px;
}
.list.news .text-container p::after {
	content: "";
	background-image: url(../img/layout/icon-arrow-invers.png);
	background-size: 14px;
	padding-left: 21px;
	background-repeat: no-repeat;
	position: relative;
	background-position: right 6px;
}
.list.news a:hover .text-container p::after {
	background-image: url(../img/layout/icon-arrow-gold.png);
}

.list.drei-spalten li:nth-child(3n) {
	margin-right: 0;
}

.list.drei-spalten.team li:nth-last-child(-n+3) {
	margin-bottom: 0px !important;
}

.list.drei-spalten.team {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}

.list.drei-spalten.team li { 
	margin-bottom: 30px !important;
}

.list.drei-spalten.team img {
	border: 4px solid #b98700;
	box-sizing: border-box;
}

.list.drei-spalten.team h3 {
	font-family: 'BigCaslonFB-Regular';
	text-transform: none;
	font-weight: normal;
	color: #b98700;
	
	font-size: 1.25rem;
	margin-top: 15px;
	margin-bottom: 0;
}

.list.drei-spalten.team p {
	margin-bottom: 0px;
}

@media 
only screen and (min-width : 600px) and (max-width : 879.9px) {
	.list.eine-spalte li a div.bild-container {
		margin-right: 1.5rem;
	}	
}

@media 
only screen and (min-width : 0px) and (max-width : 1250px) {
	.list.drei-spalten.team li {
		width: 48.25% !important;
	}
	.list.drei-spalten.team  li:nth-child(2n) {
		margin-right: 0% !important;
	}
	.list.drei-spalten.team  li:nth-child(3) {
		margin-right: 3.5% !important;
	}
	.list.drei-spalten.team li:nth-last-child(-n+3) {
		margin-bottom: 30px !important;
	}
	.list.drei-spalten.team li:nth-last-child(-n+2) {
		margin-bottom: 0px !important;
	}
}

@media 
only screen and (min-width : 220px) and (max-width : 1023.9px) {
	.bild-container {
		margin-top: 1.5rem;
	}
}

/*********
Accordion und Tab/Register
*********/
.ui-corner-all, 
.ui-corner-top, 
.ui-corner-left, 
.ui-corner-tl,
.ui-corner-bottom {
	border-top-right-radius: 0px;
	border-top-left-radius: 0px;
	border-bottom-right-radius: 0px;
	border-bottom-left-radius: 0px;
}

.ui-state-default, 
.ui-widget-content .ui-state-default, 
.ui-widget-header .ui-state-default {
	background: none;
	border: none;
}

.ui-state-default a, 
.ui-state-default a:link, 
.ui-state-default a:visited {
	text-transform: uppercase;
	color: #afafaf;
	letter-spacing: 0.2rem;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover,
.ui-state-active:focus {
	border:none;
	background:none;
	font-weight:normal;
	outline: none;
	color:#000;
}

.ui-tabs {
    padding: 0;
}

.ui-tabs .ui-tabs-nav li {
	margin: 0 3rem 0 0;
}

.ui-tabs .ui-tabs-nav li:last-child {
	margin-right: 0;
} 

.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
    float: left;
    padding: 0;
    text-decoration: none;
	padding-bottom: 7px;
}

.ui-tabs .ui-tabs-nav {
    border: none;
	border-bottom: 0px;
	padding: 0;
	margin-bottom: 3rem;
}

.ui-state-active a, 
.ui-state-active a:link, 
.ui-state-active a:visited {
	color: #000;
	text-decoration: underline 1px #b98700;
	border-bottom: 1px solid #b98700;
}

.ui-tabs .ui-tabs-nav li.ui-tabs {
	margin-right: 30px;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active {
    margin-bottom: 0px;
    padding-bottom: 0px;
}

.ui-tabs .ui-tabs-panel {
	padding: 0;
}

.ui-widget-header {
	background: none;
}

.ui-widget.ui-widget-content {
    border: 0px;
}

.accordion {
	margin-bottom: 20px;
}

.accordion h3 {
	outline: none;
}

.accordion .ui-icon, 
.accordion .ui-widget-header .ui-icon, 
.accordion .ui-state-hover .ui-icon, 
.accordion .ui-state-focus .ui-icon, 
.accordion .ui-button:hover .ui-icon, 
.accordion .ui-button:focus .ui-icon, 
.accordion .ui-state-highlight .ui-icon, 
.accordion .ui-button .ui-state-highlight.ui-icon, 
.accordion .ui-state-error .ui-icon, 
.accordion .ui-state-error-text .ui-icon, 
.accordion .ui-button .ui-icon, 
.accordion .ui-icon, 
.accordion .ui-widget-header .ui-icon, 
.accordion .ui-state-hover .ui-icon, 
.accordion .ui-state-focus .ui-icon, 
.accordion .ui-button:hover .ui-icon, 
.accordion .ui-button:focus .ui-icon, 
.accordion .ui-state-highlight .ui-icon, 
.accordion.service .ui-button .ui-state-highlight.ui-icon, 
.accordion.service .ui-state-error .ui-icon, 
.accordion.service .ui-state-error-text .ui-icon, 
.accordion.service .ui-button .ui-icon {
	outline: none;
}

.accordion .ui-state-active .ui-icon, 
.accordion .ui-button:active .ui-icon, 
.accordion .ui-state-active .ui-icon, 
.accordion .ui-button:active .ui-icon {
	outline: none;
}

#tab-1,
#tab-2 {
	float: left;
}

/*********
Navigation
*********/
.head {
	position: relative;
}
.sticky .head {
	padding-bottom: 0rem;
	height: auto;
	
	display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

.sticky .head img.logo {
	margin-top: 2vh;
    margin-bottom: 2vh;
	order: 2;
	height: 7vh;
	transition-duration: 0.5s;
}

.sticky .head .nav-icon {
	order: 1;
	position: relative;
}

.sticky .head .logo {
	order: 2;
}

.sticky .head .nav-icon a img {
	padding-top: 0;
}
.content,
.container-left,
.container-right {
	position: relative;
}
/*
.sticky header .flex {
	margin-top: 13vh;
}
*/
a.target {
	display: block;
    position: relative;
    visibility: hidden;
	top: -13vh;
}

/* Tablets */
@media 
only screen and (min-width : 600px) and (max-width : 879.9px) {
	.sticky .head img.logo {
	}
	img.logo {
		max-width: 25vw;
	}
}

/* Mobile */
@media 
only screen and (min-width : 220px) and (max-width : 599.9px) {
	img.logo,
	.sticky .head img.logo {
		max-width: 40vw;
		margin-top: 2.5vh;
		margin-bottom: 2.5vh;
	}
	.sticky .head img.logo {
		margin-top: 2vh;
		margin-bottom: 2vh;
	}
	.sticky .head .nav-icon {
		/*position: absolute;	*/
		/*display: flex;*/
		/*position: static;*/
		position: absolute;
	}
	.section-right {
		display: none;
	}
}

.nav-container {
	height: 100%;
	margin-top: 0; /*vorher 3rem*/
    min-width: 22vw;
    margin-right: -2vw;
}

.nav-container .flex {
	flex-direction: column;
	height: 100%;
	justify-content: space-between;
}

.nav-logo {
   position: relative;
}

.nav-logo img.logo {
	 top: 0rem; /*vorher 3rem*/
	 position: initial;
}

.btn-mobile-nav img,
.main-nav .close img {
	height: 20px;
    width: auto;
	padding-top: 5vh;
}

.main-nav .close img {
	position: fixed;
	padding-top: 5vh;
	top: 0;
	left: 45px;
	padding-left: 0vw;
	cursor: pointer;
}

.nav-icon {
	position: absolute;
	left: 0;
    margin-left: 45px;
	top: 0;
	width: 2rem;
}

.main-nav {
	margin: 0;
	padding: 0;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100vh;
	background: #afafaf;
	display: none;
	z-index: 200;	
}

.main-nav .overlay {
	display: flex;
	justify-content: space-between;
	height: 100%;
	align-content: center;
	align-items: center;
	flex-direction: column;
}

.main-nav ul {
	margin-left: 0;	
	display: flex;
	flex-direction: column;
	padding-top: 0;
	padding-bottom: 0;
	margin-bottom: 0;
}

.main-nav ul li {
	margin: 0;
	padding: 0;
	list-style-type: none;	
	text-align: left;
	height:10vh;
	width: 120%; /*vorher 100%*/
	display: flex;
}

.main-nav ul li:last-child {
	margin-bottom: 0;
}

.main-nav ul li a {
	color: #f0e9e1;
	font-size: 2.5rem;
	line-height: 4.5rem;
	text-decoration: none;
	text-transform: uppercase;
	font-family: Bitter-Bold, sans-serif;
	display: inline-block;
	align-self: center;
	padding-right: 1rem;
	letter-spacing: 0.2rem;
}

.main-nav ul li:hover::after {
	content: "";
    display: table-cell;
    width: 100%;
	background-image: url(../img/layout/linie.jpg);
	background-position: 0 50%;
	background-repeat: repeat-x;
	background-size: 6px 4px;
}

.main-nav ul li a.active, 
.main-nav ul li:hover a {
	color: #000;
}

.main-nav ul.service-nav {
	clear: both;
	align-self: flex-end;
	padding-right: 45px;
}

.main-nav ul.service-nav li:hover::after {
	background: none;
	display: block;
	content: none;
}

.main-nav ul.service-nav li a {
	text-transform: none;
	color: #000;
	text-align: right;
	font-size: 1.25rem;
	letter-spacing: 0rem;
}

.main-nav ul.service-nav li a:hover,
.main-nav ul.service-nav li a.active {
	color: #b98700;
}
/*
.sticky header #stick {
	top: 0;
    background: #fff;
    border-bottom: 1px solid #b98700;
	position: fixed;
	width: 100%;
	z-index: 100;
}
*/
header {
	padding-top: calc(10vh + 5.123vw);
}
header #stick {
	top: 0;
	position: fixed;
	width: 100%;
	z-index: 100;
	transition-duration: 0.5s;
}
.sticky header #stick {
	background-color: rgba(255, 255, 255, 1);
    border-bottom: 1px solid #b98700;
	transition-duration: 0.5s;
}

nav.socialmedia {
	position: absolute;
	margin-left: 45px;
	margin-top: 25vh;
}

nav.socialmedia ul {
	margin: 0;
	padding: 0;
}

nav.socialmedia ul li {
	list-style: none;
	padding-left: 0px;
    margin-left: 0px;
	padding-bottom: 30px;
}

nav.socialmedia ul li:last-child {
	padding-bottom: 0px;
}

nav.socialmedia ul li a {
	display: block;
}

nav.socialmedia ul li.facebook a::after {
	content: "";
	background-image: url(../img/layout/icon-facebook.svg);
	background-size: 16px 20px;
	padding-left: 16px;
	background-repeat: no-repeat;
	position: relative;
}

nav.socialmedia ul li:hover.facebook a::after {
	background-image: url(../img/layout/icon-facebook-aktiv.svg);
}

nav.socialmedia ul li.instagram a::after {
	content: "";
	background-image: url(../img/layout/icon-instagram.svg);
	background-size: 18px 18px;
	padding-left: 18px;
	background-repeat: no-repeat;
	position: relative;
}

nav.socialmedia ul li:hover.instagram a::after {
	background-image: url(../img/layout/icon-instagram-aktiv.svg);
}

nav.socialmedia ul li.tripadvisor a::after {
	content: "";
	background-image: url(../img/layout/icon-tripadvisor.svg);
	background-size: auto;
	padding-left: 18px;
	background-repeat: no-repeat;
	position: relative;
}

nav.socialmedia ul li:hover.tripadvisor a::after {
	background-image: url(../img/layout/icon-tripadvisor-aktiv.svg);
}

.sticky nav.socialmedia ul li.tripadvisor a::after,
.sticky nav.socialmedia ul li:hover.tripadvisor a::after{
	background-size: 18px 18px;
}

.sticky nav.socialmedia {
	order: 3;
    margin-right: 45px;
}

.sticky nav.socialmedia {
	margin-right: 45px;
	position: relative;
	margin-top: 0;
	margin-left: 0;
}

.sticky nav.socialmedia ul li {
	float: left;
	margin-right: 15px;
	padding-bottom: 0;
}

.sticky nav.socialmedia ul li:last-child {
	margin-right: 0;
}

.nav-icon a {
	display: block;
}


@media 
only screen and (min-width : 750px) and (max-width : 1023.9px) {
	.sticky nav.socialmedia {
	margin-right: 45px;
	}
	nav.socialmedia {
	    margin-left: calc(30px - 10px);
	}
	.nav-icon {
		margin-left: 15px;
	}
	.main-nav .close img {
		left: 18px;
	}
}


@media 
only screen and (min-width : 600px) and (max-width : 749.9px) {
	nav.socialmedia {
		margin-left: calc(30px - 12px);
		margin-right: auto;
	}
	.nav-icon {
		margin-left: calc(30px - 12px);
	}
	.main-nav .close img {
		left: 18px;
	}
}


@media 
only screen and (min-width : 600px) and (max-width : 1024px) {
	.sticky nav.socialmedia {
	margin-right: 60px;
	}
	.nav-icon {
    margin-left: 60px;
	}
}

/* Mobile */
@media 
only screen and (min-width : 220px) and (max-width : 599.9px) {
	/*nav.socialmedia {
		display: none;
	}*/
	header {
		padding-top: calc(5vh + 10.246vw);
	}
	.head {
		display: flex;
    	flex-direction: column;
    	align-items: flex-end;
		justify-content: center;
	}
	.sticky nav.socialmedia,
	nav.socialmedia {
		/*margin-right: 20px;
		width: calc(100% - 20px);*/
		margin-right: 0px;
		width: 100%;
		/*width: calc(100% - 45px);*/
		margin-left: auto;
   		text-align: right;
    	float: right;
		position: absolute;
	}
	nav.socialmedia {
		    margin-top: 0vh;
	}
	/*nav.socialmedia ul {
		float: right;
	}*/
	nav.socialmedia ul li {
		margin-right: 15px;
		padding-bottom: 0;
	}
	nav.socialmedia ul li:last-child {
		margin-right: 0;
	}
	/*.sticky .head img.logo {
		margin-left: -49.5px;
	}*/
	.sticky .head img.logo {
		margin-left: auto;
	}
	.sticky nav.socialmedia ul,
	nav.socialmedia ul {
		display: flex;
   		justify-content: flex-end;
		margin-right: 20px;
	}
	.main-nav ul li {
	}
	.main-nav ul li a {
		font-size: 2.0rem;
    	line-height: 3.5rem;
	}
	.nav-icon,
	.sticky .nav-icon{
		margin-left: 20px;
		/*top: 3.5vh;*/
	}
	
	.nav-icon {
		top: auto;
		display: flex;
    justify-content: flex-start;
    left: 0px;
		z-index: 100;
	}
	.btn-mobile-nav img {
		padding-top: 0vh;
	}
	.main-nav .close img {
		padding-top: 3.5vh;
		    left: 20px;
	}
	.sticky .head .btn-mobile-nav img {
		padding-top: 0;
	}
	.logo {
   		order: 2;
    	margin-left: auto;
    	margin-right: auto;
    	width: 100%;
	}
	.head .logo {
		display: inline-block;
	}
	.sticky .head .logo {
		display: inline-block;
	}
	nav.socialmedia ul li.facebook a::after {
		background-size: 11px 15px;
		padding-left: 11px;
		background-position: center center;
	}
	nav.socialmedia ul li.instagram a::after {
		background-size: 15px 15px;
		padding-left: 15px;
		background-position: center center;
	}
	nav.socialmedia ul li.tripadvisor a::after{
		background-size: 18px 11px;
		padding-left: 20px;
		background-position: center center;
	}
}

/*********
Formulare
*********/
form {
	overflow: hidden;
	position: relative;
}

fieldset {
	border: 0;
	margin: 0;
	padding: 0;
}

form p {
	padding-bottom: 0px;
}

legend {
	padding: 0;
	margin: 0;
	margin-bottom: 7px;
	font-size: 1rem;
	text-transform: uppercase;
}

label {
	display: block;	
	margin-bottom: 5px;
}

label.inline {
	display: inline;
}

input, 
select, 
textarea {
	background-color: #efefef;
	color: #000;
	border: 1px solid #afafaf;
	padding: 15px;
	width: 100%;
	margin-bottom: 0px;
	position: relative;
}

input::placeholder,
textarea::placeholder {
	color: #000;
}

/* Autocomplete Chrome*/
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus
input:-webkit-autofill, 
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  border: 0;
  -webkit-text-fill-color: #000;
  -webkit-box-shadow: 0 0 0 0 #000 inset;
  transition: background-color 5000s ease-in-out 0s;
}

input, 
textarea {
	width: 90%;
	width: calc(100% - 32px);
}

textarea {
	height: 120px;
}

input:focus {
	
}

input[type="checkbox"], 
input[type="radio"] {
	width: auto;
	margin-right: 5px;
	border: 0;
}

input[type="checkbox"] {
	border: 0;
	background: none;
	padding: 0px;
}

input[type="submit"], 
button[type="submit"] {
	width: auto;
	background: #b98700;
	color: #fff;
	display: inline;
	text-transform: uppercase;
	padding: 1.5rem;
	cursor:pointer;
	margin-top: 30px;
	border: 0px;
}

input[type="submit"]:hover {
}

input.pflicht, 
textarea.pflicht {
}





/* Nur Firefox */
@-moz-document url-prefix() {
	input {
		color: #666;
	}
	select {
	   font-family: Komet W03 Medium5305416;
		color: #666;
	} 
	option {
		color: #666;
		font-family: Arial, Helvetica;
		font-size: 0.95rem;
	}
	option:checked { 
		color: #666;
	}
	textarea {
		color: #666;
	}
}

option:checked { 
}

.validationerror {
	background: none;
	color: #b98700;
	padding: 8px;
	padding-left: 0;
	margin-bottom: 1px;
	width: 100%;	
}

.formfelder p {
	margin-right: 3rem;
}

.formfelder p:last-child {
	margin-right: 0;
}

/*Datepicker*/
.bootstrap-datetimepicker-widget {
	z-index: 100;
}
.bootstrap-datetimepicker-widget .list-unstyled li {
	list-style: none;
	padding: 0;
	margin: 0;
}
.bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover {
    background-color: #b98700;
}

@media 
only screen and (min-width : 220px) and (max-width : 879.9px) {
	input, 
	textarea,
	input[type="submit"],
	button[type="submit"],
	input[type="submit"]:hover, 
	.validationerror
	 {
		width: calc(100% - 32px);
	}
	input, 
	button[type="submit"] {
		width: calc(100% - 32px);
	}
	select {
		width: 100%;
	}
	input[type="submit"],
	input[type="submit"]:hover {
		width: auto;
	}
}

@media 
only screen and (min-width : 220px) and (max-width : 1759.9px) {
	.flex.formfelder {
		flex-wrap: wrap;
	}
}

/* SplashSite */
body.splashsite .content-block-center {
    width: 100%;
    max-width: 1300px;
    margin-left: auto;
    margin-right: auto;
}

body.splashsite #logo {
	text-align: center;
	padding-bottom: 5%;
	padding-top: 6%;
}

body.splashsite #logo img {
    width: 25VW;
}

body.splashsite .content {
	text-align: center;
	margin-top: 0;
}

body.splashsite .small {
	width: 60%;
    margin-left: 20%;
    margin-right: 20%;
}

body.splashsite h2 {
	font-family: Komet W03 Medium5305416;
}

body.splashsite p {
	font-size: 1.3rem;
	line-height: 1.7rem;
	color: #afafaf;
	font-weight: normal;
}

body.splashsite p.lead {
	text-align: center;
	font-size: 1.4rem;
	line-height: 1.8rem;
	font-weight: normal;
	color: #afafaf;
}

body.splashsite a,
body.splashsite a[href^="mailto:"], 
body.splashsite a[href^="tel"] {
	text-decoration: underline;
	color: #afafaf;
}

body.splashsite a:hover,
body.splashsite a[href^="mailto:"]:hover, 
body.splashsite a[href^="tel"]:hover {
	color: #b98700;
}

body.splashsite address strong {
	font-family: 'BigCaslonFB-Regular';
	font-size: 1.0rem;
}

body.splashsite h1,
body.splashsite h2 {
	margin-bottom: 1%;
	color: #b98700;
}

body.splashsite h1 {
	font-size: 2.4rem;
}

body.splashsite h2:first-child {
	margin-top: 6%;
}

body.splashsite h2 {
	font-size: 1.7rem;
}

/* Tablets */
@media 
only screen and (min-width : 600px) and (max-width : 879.9px) {
	body.splashsite #logo {
		padding-top: 10%;
		padding-bottom: 7%;
	}
	body.splashsite #logo img {
		width: 300px;
	}
}

/* Mobile */
@media 
only screen and (min-width : 220px) and (max-width : 599.9px) {
	body.splashsite #logo {
		padding-top: 10%;
		padding-bottom: 7%;
		
	}
	body.splashsite #logo img {
		width: 275px;
	}
	body.splashsite h1 {
		font-size: 1.9rem;
	}
	body.splashsite h2 {
		padding-top: 7%;
		font-size: 1.5rem;
	}
	body.splashsite p.lead {
		font-size: 1.2rem;
		line-height: 1.5rem;
	}
	body.splashsite p {
		font-size: 1rem;
		line-height: 1.3rem;
	}
	body.splashsite main {
		margin-bottom: 10%;
	}
}