/* ############################################################ STRUKTUR ################################################################## */
/* ############################################################ STRUKTUR ################################################################## */
/* ############################################################ STRUKTUR ################################################################## */

body {
	background-color: #fff;
}
h1, h2, h3, .more
#content p {
		transition-delay: 0ms;
		transition-duration: 300ms;
		transition-property: all;
		transition-timing-function: ease-in;
		-moz-transition-delay: 0ms;
		-moz-transition-duration: 300ms;
		-moz-transition-property: all;
		-moz-transition-timing-function: ease-in;
		-webkit-transition-delay: 0ms;
		-webkit-transition-duration: 300ms;
		-webkit-transition-property: all;
		-webkit-transition-timing-function: ease-in;
}

#header {
	background: transparent;
}

#contentMainWrapper {
	background: #fff;
}

#mainWrapper {
}

#warnung {
	background: #e8ceca;
}
/* ############################################################ FONTS #################################################################### */
/* ############################################################ FONTS #################################################################### */
/* ############################################################ FONTS #################################################################### */

@font-face {
  font-family: fontheadlines;
  src: url(./fonts/Raleway/Raleway-Regular.ttf);
}
@font-face {
  font-family: fontnormal;
  src: url(./fonts/Raleway/Raleway-Light.ttf);
}
@font-face {
  font-family: fontbold;
  src: url(./fonts/Raleway/Raleway-Medium.ttf);
}

body {
	font-family: fontnormal, Helvetica, Arial, sans-serif;
}

strong {
	font-family: fontbold;
	font-weight: normal;
}
#pageHeader {
	background: #706E6F;
}
#pageHeader h1 {
    font-family: fontheadlines, sans-serif;
}
#einleitung {
    padding: 0 1rem 1rem 1rem;
    font-size: 1.3rem;
    color: #655446;
}

#pageHeader #gastgeb {
    background: url(images/silhouette.png) no-repeat right top;
    background-size: cover;
}
#pageHeader #fewoort {
    background: url(images/fewoort.png) no-repeat right top;
    background-size: cover;
}

.pageselections {
	padding-top: -150px;
}
h1, h2, h3, h4, h5, h6 {
	margin-bottom: 0.2em;
}
h1, h2, h3, h4, h5, h6, a {
	color: #4A4649;
	color: #77B742;
	font-weight: 400;
}
h2 {
    font-family: fontheadlines, sans-serif;
    margin-bottom: 1rem;
    line-height: 2.3rem;
}

.bereichstyle2 h2 {
	text-align: center;
	padding-bottom: 1rem;
	margin-bottom: 1rem;
}
.bereichstyle2 .bereichtext {
	text-align: center;
}
#content ul {
	padding: 0;
	margin-left: 0;
}
#content ul li {
	list-style-position: inside;
	list-style: none;
	padding-left: 0.5rem;
}
#content ul li::before {
	content: '\00b7';
	margin-left: -0.5rem;
	position: absolute;
}
#content ul.sf-menu li::before {
	content: '';
	margin-left: 0;
	position: static;
}
#content ul.anhaenge li:before {
	content: '';
}
#content th {
	font-weight: 300;
}
#content th {
	font-weight: 600;
}
blockquote {
	font-style: italic;
}

/* ############################################################ INHALT #################################################################### */
/* ############################################################ INHALT #################################################################### */
/* ############################################################ INHALT #################################################################### */


#columnCenter {
	background-repeat: no-repeat;
	background-position: center top;
	background-size: 100% auto !important;
	border-color: #f3ecdd;
}


#bereichlinks li a {
	color: #3374B5;
	background: transparent;
	border-color: #38657E !important;
}

#bereichlinks li:hover a {
	color: #000;
}
#content ul#bereichlinks {
	background: transparent;
}
h2, h3, h4, h5, h6, a {
	color: #4A4649;
}
#content p, #content ul, #content ol, #content td {
	color: #41352A;
}
#content thead tr {
	background: #E8EAEA;
}
#content th {
	color: #676d71;
}
#content td {
}
#content tbody tr:nth-child(2n+0) td {
	background: #E8EAEA;
}
#content tbody  tr:hover td,
#content tbody  tr:nth-child(2n+0):hover td {
	background: #E8EAEA;
}
#content p.markieren,
#content .bereichtext p.markieren {
	color: #fff;
	display: inline-block;
	background-color: #0e76bc;
	border-color: rgba(255,255,255,0.3);
}
#content p.markieren a {
	color: #fff;
}
#content table thead tr {
	background: #f9b605;
}
#content table thead tr th {
	color: #333;
}
#bereiche article {
}

.beruet:hover {
}

.flexslider {
  background: #d5d5d8;
}
.flex-pauseplay a {
  color: #000;
}

#content p.markieren {
	color: #a82429;
}
.more {
	border-color: transparent;
	color: #4F672F;
	color: #4A4649;
	background-color: transparent;
	background: url(images/weiter.png) no-repeat right center;
	background-size: 15px auto;
	padding-right: 20px;
}
.linkext {
	border-color: transparent;
	color: #4F672F;
	color: #77B742;
	background-color: transparent;
	background: url(images/weiter.png) no-repeat left center;
	background-size: 15px auto;
	padding-left: 20px;
}

.berm {
	border-bottom-color: #a76548;
}

	#bereiche article.berlr:nth-child(even) {
	}
	#bereiche article.berlr:nth-child(odd) {
	}

/*
	
	.bereiche2 article:first-child {
	background: url(images/weimako-umwelt-transp2.png) no-repeat center 10px;
	padding-top: 300px;
}
*/

.bereiche2 article {
	background: url(images/trenner.png) no-repeat center top;
	background-size: 70% auto;
	background-position: center 20px;
}
.pageselection:nth-child(odd) {
}

.bereich .bereichheader h2 {
	
}
.bereich:nth-child(odd) .bereichheader h2 {
}

#contentBody #contentInner {
} 
#pageHeader.bodystyle2,
#contentBody #contentInner.bodystyle2 {
	text-align: center;
}
#pageHeader.bodystyle2 h1 {
	margin-right: 0rem;
}

#contentBody #contentInner.bodystyle2 h2 {
	background: url(images/liniewaagrecht.png) no-repeat center bottom;
	padding-bottom: 1rem;
	margin-bottom: 1rem;
} 
#contentBody #contentInner h3 {
	margin-bottom: 1rem;
} 


.inserat {
	background: #f3efea;
	border-bottom-right-radius: 1rem;
	border: 1px solid #ccc;
	border-left: 3px solid #f9b605;
}
.insfachb {
	background: #5F6BA9;
	color: #fff;
}
.insmehr a { 
	background: #5F6BA9;
	color: #fff;
}
#firmenboerse {
	background: #f3efea;
}
.btnback {
	background: #5F6BA9;
	color: #fff;
}
/* ############################################################ MEDIAQ BEG ################################################################## */
@media (min-width: 45em) {

	#bereiche article:nth-child(even) {
	}
	.pageselections article,
	.pageselections article .bergal,
	#bereiche article {
		transition-delay: 0ms;
		transition-duration: 300ms;
		transition-property: all;
		transition-timing-function: ease-in;
		-moz-transition-delay: 0ms;
		-moz-transition-duration: 300ms;
		-moz-transition-property: all;
		-moz-transition-timing-function: ease-in;
		-webkit-transition-delay: 0ms;
		-webkit-transition-duration: 300ms;
		-webkit-transition-property: all;
		-webkit-transition-timing-function: ease-in;
	}
	.pageselections article .bergal {
		opacity: 0.8;
	}
	.pageselections article:hover .bergal {
		opacity: 1.0;
	}
	#bereiche article.bereichlinksp,
	#bereiche article.bereichohnebildt,
	#bereiche article.bereichtermin {
		background-color: transparent;	
	}

	.berm .bereichtext {
/*		column-rule: 1px solid #666;*/
	}

	#bereiche article:hover,
	.pageselections article:hover {
		background-color: #E0DCDB;	
	}
	.pageselections article {
		border: 1px solid transparent;	
	}
	.pageselections article:hover {
		border: 1px solid #4F672F;	
	}
	#bereiche article.bereichlinksp:hover {
		background-color: transparent;
	}

	#bereiche article.berl {
	}
	#bereiche article.berr,
	.pageselections article.bereich {
	}

	.bereiche2 article {
		background: url(images/trenner.png) no-repeat center top;
		background-size: auto auto;
		background-position: center 20px;
	}
	.bereiche2 article.pageselection,
	.bereiche2 article.bereichlinksp {
		background-image: none;
	}
	
	#bereiche article.berlr:nth-child(odd),
	#bereiche article.berl {
	}
	#bereiche article.berlr:nth-child(even),
	#bereiche article.berr {
	}
	#bereiche article.bereichtermin {
		border: 0;
	}

}
/* ############################################################ MEDIAQ END ################################################################## */


/* ############################################################ KOPF ################################################################## */
/* ############################################################ KOPF ################################################################## */
/* ############################################################ KOPF ################################################################## */
#logo {
}
#logo img {
}
#header.shrink #logo img {
}
#header.shrink #logo {
}
#header .bx-viewport {
}
header #headerinner {
}

header #headerinnercenter {
	background: #fff;
}

#header.shrink #headerinnercenter {
	border-color: transparent;
}

#languageChange {
	background: transparent;
}

#languageChange li a {
	color: #fff;
}
#languageChange li a.akt {
	color: #fff;
}
/* ############################################################ NAVIGATION ################################################################## */
/* ############################################################ NAVIGATION ################################################################## */
/* ############################################################ NAVIGATION ################################################################## */
#mainnavdesk ul li a,
#mainnav ul li a,
#mainnavdesk ul li .linkverw,
#mainnav ul li .linkverw {
	color: #4A4649;
    -moz-transition: color 0.4s ease-in-out;
    -webkit-transition: color 0.4s ease-in-out;
    transition: color 0.4s ease-in-out;
}
#mainnavdesk ul li a:hover {
	border-bottom: 1px solid #77B843;
}
#mainnavdesk ul li ul li a:hover {
	border-bottom: 0px solid #77B843;
}

#mainnavdesk ul li ul li a,
#mainnavdesk ul li ul li span {
	color: #000;
}

#mainnavsmart {
	background: #fff;
}
#mainnavsmart a {
	color: #350103;
}
#mainnav {
	background: #fff;
}

.bar1, .bar2, .bar3 {
    background-color: #733b26;
}
#khNav {
    background: #fff;
}

#mainnav ul li.parent a,
#mainnav ul li.current a,
#mainnavdesk ul li.parent a,
#mainnavdesk ul li.parent .linkverw,
#mainnavdesk ul li.current a,
#mainnavdesk ul li a:hover,
#mainnavdesk ul li .linkverw:hover {
}
#mainnav ul li.parent a,
#mainnav ul li.current a,
#mainnavdesk ul li.parent a,
#mainnavdesk ul li.parent .linkverw,
#mainnavdesk ul li.current a {
	background: #77B843;
}

@media (min-width: 45em) {
	#mainnav ul li.parent a,
	#mainnav ul li.current a,
	#mainnavdesk ul li.parent a,
	#mainnavdesk ul li.parent .linkverw,
	#mainnavdesk ul li.current a {
		background: transparent;
		border-bottom: 1px solid #77B843;
	}

	#mainnavdesk ul li.parent ul li a,
	#mainnavdesk ul li.parent ul li .linkverw,
	#mainnavdesk ul li.current ul li a {
		border-bottom: 0px solid #77B843;
	}
}

.khMobileMenu.change + #khNav {
	border-color: #350103;
}
.khMobileMenu {
	background-color: transparent;	
}

#mainnavdesk ul li ul li.current {
	font-weight: bold;
}

/* ############################################################ FUSS ################################################################## */
/* ############################################################ FUSS ################################################################## */
/* ############################################################ FUSS ################################################################## */

#footer {
	background: #706E6F; /* Old browsers */
}
#footer p,
#footer a {
	color: #fff;
}
#footnav a {
	color: #fff;
}

p button {
	color: #fff;
}
/* ############################################################ GALLERY ################################################################## */
/* ############################################################ GALLERY ################################################################## */
/* ############################################################ GALLERY ################################################################## */
.lg-outer {
	background: #fff;
}
.lg-outer .lg-toolbar {
	background: #E8EAEA;
}
.lg-outer .lg-thumb-outer, .lg-outer .lg-toogle-thumb {
	background: #E8EAEA !important;
}
.lg-actions .lg-next:hover, .lg-actions .lg-prev:hover {
	background-color: #999 !important;
}
.lg-outer .lg-toolbar .lg-icon, .lg-outer .lg-toolbar #lg-counter {
	color: #333 !important;
}
.tbform1 .sp1 {
	background-color: #C1DDAF;
}
.tbform1 .sp1 .linkext {
	color: #41352A;
}
.tbform1 .sp1:hover {
	background-color: #E0DCDB;
}
.tbform2 .sp1 {
	background-color: #F1E8E0;
}
.tbform2 .sp1:hover {
	background-color: #DDC9B3;
}
.tbform1 .sp2 {
	background-color: #EFEEEB;
}
.tbform1 .sp2:hover {
	background-color: #E0DCDB;
}
.tbform2 .sp2 {
	background-color: #FBC56C;
}
.tbform2 .sp2:hover {
	background-color: #F6AC44;
}
#content .tbform2 .sp2:hover p {
	color: #fff;
}

.tbform3 {
	background-color: #4A4649;
}
.tbform3:hover {
	background-color: #706E6F;
}
.tbform4 {
	background-color: #4A4649;
}
.tbform4:hover {
	background-color: #706E6F;
}
.tbform4 picture,
.tbform3 picture {
	background: #fff;
}

.tbform5 .spl {
	background-color: #C7C3C4;
}
.tbform5 .spl:hover {
	background-color: #706E6F;	
}
#content .tbform5 .spl:hover p,
.tbform5 .spl:hover .more,
.tbform5 .spl:hover h2 {
	color: #fff;	
}
.tbform6 .spl:hover {
	background-color: #706E6F;
}

#contentBody .bereich3sp h2 {
	background-position: center top;
} 

.bereich2sp picture {
}

.bergalslider {
}
.bergalslider picture {
}


#headertop {
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#bebbb6+0,d3cfcc+26,dfdbd8+33,e0dfdb+36,e4e0df+36,e7e6e4+41,ece8e7+43,eaeae8+43,f7f5f6+56,f0efed+81,e2dedd+91,dedddb+92,dfdbd8+93,cfccc7+100 */
background: #bebbb6; /* Old browsers */
background: -moz-linear-gradient(top,  #bebbb6 0%, #d3cfcc 26%, #dfdbd8 33%, #e0dfdb 36%, #e4e0df 36%, #e7e6e4 41%, #ece8e7 43%, #eaeae8 43%, #f7f5f6 56%, #f0efed 81%, #e2dedd 91%, #dedddb 92%, #dfdbd8 93%, #cfccc7 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #bebbb6 0%,#d3cfcc 26%,#dfdbd8 33%,#e0dfdb 36%,#e4e0df 36%,#e7e6e4 41%,#ece8e7 43%,#eaeae8 43%,#f7f5f6 56%,#f0efed 81%,#e2dedd 91%,#dedddb 92%,#dfdbd8 93%,#cfccc7 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #bebbb6 0%,#d3cfcc 26%,#dfdbd8 33%,#e0dfdb 36%,#e4e0df 36%,#e7e6e4 41%,#ece8e7 43%,#eaeae8 43%,#f7f5f6 56%,#f0efed 81%,#e2dedd 91%,#dedddb 92%,#dfdbd8 93%,#cfccc7 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bebbb6', endColorstr='#cfccc7',GradientType=0 ); /* IE6-9 */

}

.lg-sub-html {
  background-color: rgba(255, 255, 255, 0.85) !important;
}

#menuikons {
	background: rgba(16,159,223,0.8);

}

.welle {
	background: #109fdf;
}

#pageHeader {
	overflow: visible;
}
#pageHeader h1 {
}

.slogan {
	background: rgba(255,255,255,0.7);
	color: #4F672F;
}

#subnav ul li a,
#subnav ul li .linkverw {
	color: #fff;
}
#subnav li.current a,
#subnav ul li a:hover {
	color: #000;
}
#subnav ul li.current a:hover {
	color: #000;
}
#subnav ul li {
	list-style-type: none;
	list-style-position: inside;
	padding-left: 1rem;
}
#subnav ul li:before {
  content: '> ';
  display: inline; 
  vertical-align: bottom;
  width: 1rem;
  margin-left: -1rem;
  color: #fff;
}

@media (min-width: 72em) {

	.text2spDesk, .textmsp {
		column-rule: 1px solid #4F672F;
	}
}

.pageselections article .pfeilzu {
	background: url(images/pfeilzuw-r.png) no-repeat;
}
.pageselections article:nth-child( 4n - 1 ) .pfeilzu,
.pageselections article:nth-child( 4n ) .pfeilzu {
	background: url(images/pfeilzuw-l.png) no-repeat;
}
.pageselections article:hover .pfeilzu {
	background: url(images/pfeilzu-l.png) no-repeat;
}
.pageselections article:nth-child( 4n - 1 ):hover .pfeilzu,
.pageselections article:nth-child( 4n ):hover .pfeilzu {
	background: url(images/pfeilzu-r.png) no-repeat;
}




/* FONT SIZE  */



#pageHeader h1 {
	font-size: 8vw;
	margin-right: 0rem;
	padding-right: 1rem;
}
#content p, #content ul, #content ol, #content td {
	margin: 0.2rem 0 0.5rem 0;
	font-size: 5vw;
	font-weight: 300;
}
h2 {
	font-size: 6vw;
}
h3 {
	font-size: 5vw;
}
#content td p {
	font-size: 1.0rem;
}
h1 {
  font-size: 8vw;
  margin: 0.67em 0;
}

@media (min-width: 45em) {
	#pageHeader h1 {
		font-size: 3rem;
	}
	#content p, #content ul, #content ol, #content td {
		font-size: 1rem;
	}
	h2 {
		font-size: 1.2rem;
	}
	h3 {
		font-size: 1.1rem;
	}
	#content td p {
		font-size: 1.0rem;
	}
	#mainnav ul li a {
		font-size: 2.2rem;
	}
	h1 {
	  font-size: 2em;
	  margin: 0.67em 0;
	}
	#children article h2,
	.bereiche2 article h2 {
		font-size: 1.2rem;
	}
}

#content p.markieren {
	font-size: 1.0rem;
}
#contentslider .bereichtext strong {
	background: rgba(204,203,7,0.8);
	font-size: 2rem;
	color: rgba(0,0,0,0.1);
	font-weight:normal;
}
#mehrcontent {
	font-weight: bold;
	font-size: 1.5rem;
	background: url(images/pfeil-unten.png) no-repeat center center rgba(204,205,19,0.7);
	background-size: 80% auto;
	border: 1.5px solid #145D67;
}
#copyright {
	font-size: 0.8rem;
}
.more a {
	color: #4F672F;
	text-transform: uppercase;
	font-size: 0.8rem;
}
#subnav ul li:before {
  font-size: 1.5rem;
}

#content ul h2 {
	font-size: 1.0rem;
}
#children article h2,
.bereiche2 article h2 {
	font-weight: normal;
	font-size: 7vw;
}
#content select,
#content input {
    border: 1px solid #9EA3A8 ;
    border-radius: 0.5rem;
    font-size: 1rem;
}
#mapunloadtext {
	font-size: 1.5rem;
}
.bervideo #mapunloadtext {
	font-size: 1.5rem;
}
#mainnavdesk ul li a,
#mainnavdesk ul li .linkverw,
#mainnav ul li a {
	font-weight: normal;
	font-size: 1.3rem;
}
#mainnav ul li {
	padding: 0;
	display: block;
}
#mainnav ul li a {
	font-size: 7vw;
	padding: 0.75rem 0 0.75 0;
	display: block;
}

#khNav a {
    font-size: 1.2rem;
}
#khNav ul li ul a {
	font-size: 95%;
}
.slogan {
	font-size: 1.1rem;
}
#bereichlinks li {
	font-size: 1rem;
}
#suchform input[type=text] {
    width: 8rem;
    border-radius: 0.2rem;
    font-size: 0.8rem;
    margin-right: -50px;
    padding: 0.2rem 40px 0.2rem 0.2rem;
    line-height: 1rem;
}
#suchform input[type=text]:focus {
    width: 17rem;
}
#content select,
input[type=text] {
    width: auto;
    max-width: 100%;
    box-sizing: border-box;
    border: 1px solid #9EA3A8;
    border-radius: 0.5em;
    font-size: 1rem;
    padding: 0.5rem 40px 0.5rem 1rem;
    -webkit-transition: width 0.4s ease-in-out;
    transition: width 0.4s ease-in-out;
}
#content select {
	display: inline-block;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  position: relative;
}
#content select:focus {
  background-size: 20px auto;
}

.InputfieldSubmit button {
	background: #92A53A !important;
	border:0 !important;
	border-radius: 0.5rem !important;
}
body.basic-page input[type=text]:focus {
    width: 25rem;
}
#contentslider .bereichtext strong {
	font-size: 1.5rem;
	line-height: 1.7rem;
}
#footer nav ul li ul li .linkverw,
#footer nav ul li ul li a {
	font-size: 0.8rem;
	border-bottom: 0;
	padding-bottom: 0;
	margin-bottom: 0;
}



#header-tel,
#header-mail,
#header-merkzettel {
	width: 60px;
	height: 48px;
	display: inline-block;
	background-repeat: no-repeat;
	vertical-align: middle;
}
#header-merkzettel {
	display: none;
}
#header-tel {
	width: auto;
	background-image: url(images/tel.png);
	padding-left: 60px;
	padding-top: 15px;
}
#header-tel:hover {
	background-image: url(images/tel3.png);
}
#header-mail {
	background-image: url(images/mail.png);
}
#header-mail:hover {
	background-image: url(images/mail3.png);
}
#header-merkzettel {
	background-image: url(images/merkzettel.png);
}
.gibtgemerkte, 
#header-merkzettel:hover {
	background-image: url(images/merkzettel2.png) !important;
}

#content #fewolagedesc * {
	color: #fff;
}
#fewolage {
	background: #C7C3C4;
}
#fewogrundriss {
    background: #C7C3C4;
}

#verfuegbarkeit {
	font-family: fontnormal !important;
}

#content #d21-quickbook {
	background: #999;
}
#content #d21-quickbook select,
#content #d21-quickbook #d21-arrival-input div,
#content #d21-quickbook #d21-occupancy-container div {
    width: auto;
    max-width: 100%;
    box-sizing: border-box;
    border-radius: 0.5rem;
    font-size: 1rem;
    padding: 0.1rem 0.2rem 0.1rem 40px;
    -webkit-transition: width 0.4s ease-in-out;
    transition: width 0.4s ease-in-out;
}
#dirs21test {
	padding: 0.5rem 1rem;
}
#dirs21test #d21-quickbook {
	margin: 0;
}
#dirs21test .d21-row .d21-col.d21-m6 {
	width: 20%;
}
#dirs21test #d21-quickbook {
	margin: 0;
}
#d21-quickbook .d21-row .d21-col.d21-l6 {
	width: 50%;
}
#d21-quickbook .d21-row .d21-col.d21-l5 {
	width: 25%;
}
#d21-quickbook .d21-row .d21-col.d21-l5 .d21-btn.d21-primary[type="button"] {
	color: #000;
}
#d21-quickbook .d21-btn.d21-primary[type="button"] {
	background-color: #F7C924 !important;
}

#verfuegbarkeit .d21-trigger-ibe {
	background-color: #77B843;
}