/* #################### Desktop Landscape #################### */

/* HEADER */
.header										{ width: 75.294em; margin: 0 auto; }
.h50											{ width: 50%; padding: 0.500rem 1.000rem 0; }
.hlogo										{ width: 75.294rem; margin: 0 auto; overflow: auto; text-align: center; }
.hlogo img								{ width: 30%; margin: 0 auto; }

input.hsearch							{ background-color: #000000; background-image: url('/assets/img/site/search.svg'); background-position: 0.375rem center; background-repeat: no-repeat; background-size: auto 1.5rem; border: 1px solid transparent; color: #e9cf88; cursor: pointer; float: right; font-size: 1rem; outline: none; padding: 0.375rem 0 0.375rem 2.25rem; -webkit-transition: all 0.4s ease-in-out; transition: width 0.4s ease-in-out; width: 0; }
input.hsearch:focus				{ border: 1px solid #e9cf88; cursor: text; width: 50%; }
input.msearch							{ background-color: #000000; background-image: url('/assets/img/site/search.svg'); background-position: 0.375rem center; background-repeat: no-repeat; background-size: auto 1.5rem; border: 1px solid #e9cf88; color: #e9cf88; cursor: text; font-size: 1rem; outline: none; padding: 0.375rem 0 0.375rem 2.25rem; width: 100%; }

/* SLIDER */
.slider										{ border-bottom: 1px solid #e9cf88; }
.slider img								{ width: 100%; height: auto; display: block; object-fit: cover; }
.caption									{ background: rgba(0,0,0,0.6); width: 100%; margin-top: -3.500rem; padding: 1.000rem 0; z-index: 99; position: absolute; vertical-align: middle; }
.caption p								{ text-align: center; line-height: 1.500rem; margin-bottom: 0; }

/* MAIN */
h1,
.h1_heading								{ color: #e9cf88; font-weight: 400; margin: 0 0 1.000rem 0; padding: 0 1.000rem; font-size: 1.5rem; display: block; width: 100%; box-sizing: border-box!important; -webkit-box-sizing: border-box!important; -moz-box-sizing: border-box!important; }
h2												{ color: #e9cf88; font-weight: 400; margin-bottom: 1.000rem; font-size: 1.250rem;  text-transform: uppercase;  }
.h2_team, .h2_start				{ text-align: center; color: #e9cf88; font-weight: 600; margin-bottom: 1.750rem; font-size: 1.250rem; }
h3												{ text-align: left; color: #e9cf88; font-weight: 400; margin-bottom: 1.000rem; font-size: 1.000rem; width: 100%; text-transform: uppercase; }
.h3_heading								{ margin: 0 1.000rem 1.000rem; }
h4												{ text-align: left; color: #e9cf88; font-weight: 400; margin-bottom: 1.000rem; }
h5												{ color: #fff; font-weight: 400; }
h6												{ font-weight: 600; text-transform: uppercase; }
p													{ color: #ddd; font-size: 0.882rem; font-weight: 400; margin-bottom: 1.000rem; }
p:last-child							{ margin-bottom: 0; }
p.social a								{ font-size: 1.500rem !important; color: #ccc; text-decoration: none; margin-right: 1.000rem; }
p.social a:hover					{ color: #e9cf88; }
strong, b									{ font-weight: 600; }
.center										{ text-align: center; }
.justify									{ text-align: justify; }
.upper										{ text-transform: uppercase; }

.content									{ width: 75.294rem; margin: 1.500rem auto 2.500rem; }
.col100										{ width: 100%; }
.col75										{ width: 75%; }
.col66										{ width: 66.666%; }
.col50										{ width: 50%; }
.col33										{ width: 33.333%; }
.col25										{ width: 25%; }
.inner50									{ width: 100%; }
.note											{ display: block; width: 100%; padding: 1rem; background: linear-gradient(to top, #262522, #403e39); color: #e9cf88; }
.vladies									{ width: 48%; }
.vladies img							{ width: 100%; display: block; margin-bottom: 1.000rem; }

.vprofile									{ width: 100%; }
.vprofile img							{ width: 100%; display: block; margin-bottom: 1.000rem; }

.mbox											{ padding: 1.000rem; }
.mcenter									{ width: 60%; margin: 0 auto; text-align: center; }
.m100											{ width: 100%; }



/* Startseite */
.col100.start:nth-child(1)			{ order: 2; }
.col100.start:nth-child(2)			{ order: 1; }
.area											{ width: 23%; margin: 0  1% 1.000rem 1%; background: linear-gradient(to top, #262522, #403e39); display: block; overflow: hidden; position: relative; }
.area h3									{ padding-bottom: 1.000rem; border-bottom: 1px solid #e9cf88; }
.area img									{ width: 100%; height: auto; display: block; }
.area .label							{ background: #990000; box-shadow: 5px 5px 10px 0px rgba(0,0,0,1); color: #eeeeee; left: 0; letter-spacing: 1px; padding: 0.25rem 0.5rem; position: absolute; text-transform: uppercase; top: 0.5rem; }
.area .text								{ padding: 1.000rem; }
.einleitung								{ width: 100%; padding: 1.000rem; text-align: justify; margin-bottom: 1.000rem; -moz-column-count: 2; -moz-column-gap: 2.000rem; -webkit-column-count: 2; -webkit-column-gap: 2.000rem; column-count: 2; column-gap: 2.000rem; -webkit-break-inside: avoid-column; -moz-break-inside: avoid-column; break-inside: avoid-column;  }
.area .newslink						{ text-decoration: none; margin-bottom: 1.000rem; display: block; }
.area .newslink h4				{ margin-bottom: 0; font-size: 0.882rem;}

.subnavi .area			{ width: 98%; }

.m100 ol									{ margin-left: 2rem; } 
.m100 ol li								{ margin-bottom: 0.75rem; } 
/*
.m100 > ul,
.m100 > ol								{ margin-bottom: 1.000rem; }
.m100 > ul > li,
.m100 > ol > li						{ margin-left: 1.000rem; font-size: 0.882rem; font-weight: normal; line-height: 1.2; margin-bottom: 0.625rem; }
*/
.img img									{ width: 100%; display: block; border: none; outline: none; }
.mblogs										{ width: 100%; }
.mbanner									{ width: 520px; height: auto; margin: 0 auto; text-align: center; }
.mbanner p								{ font-size: 0.750rem !important; }
.mbanner img							{ max-width: 100%; margin: 0 auto;   }
.banner										{ margin: 0 0 1.5rem; }
.banner img								{ border: 1px solid #e9cf88; }
.subdata									{ width: 100%; padding: 1.000rem 1.000rem 0 1.000rem; }
.subdata > h4							{ width: 100%; background: linear-gradient(to bottom, #e9cf88, #b39850); color: #000; padding: 0.625rem 0; margin-bottom: 0; font-size: 1.000rem; }
.subcontent								{ width: 100%; background: linear-gradient(to top, #262522, #403e39); padding: 0.625rem 0.750rem; line-height: 1.8; margin-bottom: 0.625rem; }
.subcontent > ul					{ list-style: none; margin: 0 0 0; }
.subcontent > ul > li			{ list-style: none; color: #ccc; line-height: 1.5; font-size: 0.882rem; margin: 0 0 0 1.000rem; }
.subcontent > ul > li:before{ content: "•";  color: #e9cf88; margin-left: -1rem; padding-right: 0.625em; }
.subcontent .note					{ background: #000; border: 1px solid #e9cf88; }

/* Team-Profile*/
.thumb_team_gallery				{ width: 31.500%; margin: 0 0 0.625rem 0; }
.thumb_team_gallery img		{ width: 100%; display: block; }
/* Team Übersicht */
.thumb_team								{ width: 18.400%; text-align: center; font-size: 0.824rem; margin: 0 0.800%; }
.thumb_team img						{ width: 100%; display: block; margin-bottom: 0.625rem; }
.thumb_body								{ position: relative; width: 100%; display: block }
.available								{ width: 100%; padding: 0.500rem 0; background: rgb(0,204,51,0.8); color: #fff; font-size: 0.882rem; position: absolute; bottom: 0px; left: 0px; }

.blognavi									{ background: linear-gradient(to top, #262522, #403e39); width: 100%; list-style: none; margin: 0; padding: 1rem; text-align: left; border: none; column-count: 1; column-gap: 0; margin: 0; page-break-inside: avoid; font-size: 0.882rem; clear: both; }
.blognavi li a						{ list-style: none; display: block; color: #ccc; width: 100%; padding: 0.313rem 0; }
.blognavi li a:hover			{ color: #e9cf88; }


/* Ambiente / Ausstattung */

.question									{ background: linear-gradient(to bottom, #e9cf88, #b39850); cursor: pointer; margin-top: 0.1875rem; color: #000; padding: 1rem; width: 100%; }
.question span:before			{ content: "\f054"; font-family: FontAwesome; color: #333; margin-right: 0.625em; }
.answer										{ background: linear-gradient(to top, #262522, #403e39); padding: 1rem; width: 100%; }
.answer > ul							{ list-style: none; margin: 0 0 0; }
.answer > ul > li					{ list-style: none; color: #ccc; line-height: 1.5; font-size: 0.882rem; margin: 0 0 0 1.000rem; }
.answer > ul > li:before	{ content: "•"; color: #e9cf88; margin-left: -1rem; padding-right: 0.625em; }

/* Kolumnen - z. B. f. Listen */

.col1 ul									{ list-style: none; margin: 0; padding: 0; text-align: left; margin: 0 0 1.000rem 1.000rem; font-size: 0.882rem; clear: both; }
.col1 > ul > li						{ line-height: 1.2; margin-bottom: 0.625rem; }
.col1 > ul > li:before		{ content: "•"; color: #e9cf88; margin-left: -1rem; padding-right: 0.625em; }

.col1 ol									{ margin: 0; padding: 0; text-align: left; margin: 0 0 1.000rem 1.000rem; font-size: 0.882rem; clear: both; }
.col1 ol li								{ line-height: 1.2; margin-bottom: 0.625rem; }


.col2 ul									{ list-style: none; margin: 0; padding: 0; text-align: left; column-count: 2; column-gap: 2.000rem; margin: 0 0 1.000rem 1.000rem; page-break-inside: avoid; font-size: 0.882rem; clear: both; }
.col2 > ul > li						{ line-height: 1.2; margin-bottom: 0.625rem; }
.col2 > ul > li:before		{ content: "•"; color: #e9cf88; margin-left: -1rem; padding-right: 0.625em; }

.col2 ol									{ margin: 0; padding: 0; text-align: left; column-count: 2; column-gap: 2.000rem; margin: 0 0 1.000rem 1.000rem; page-break-inside: avoid; font-size: 0.882rem; clear: both; }
.col2 ol li								{ line-height: 1.2; margin-bottom: 0.625rem; }

/*Listen-Navigation*/
.subnavi									{ width: 100%; list-style: none; font-size: 0.882rem; -moz-column-count: 1; -moz-column-gap: 0;
	-webkit-column-count: 1; -webkit-column-gap:0;
	column-count: 1; column-gap: 0;
	margin: 0; page-break-inside: avoid; font-size: 0.882rem; clear: both;
}
.subnavi > li								{ padding: 0 0 0.313rem; border-bottom: 1px solid #333; margin-bottom: 0.313rem; }
.subnavi > li a:hover				{ color: #ccc; background: #333 !important; }
.subnavi > li a							{ width: 100%; display: block; }
.subnavi > li:last-child		{ border-bottom: none; }
.subname									{ color: #e9cf88; }
.subname:hover						{ color: #ccc; }
.subext										{ color: #ccc; font-style: italic; }

/* Gästebuch - Blog - News - Kurse */
.inner33									{ position: relative; width: 31%; }
.inner33 img							{ width: 100%; display: block; margin-bottom: 1.000rem; }
.inner33 .label           { background: #990000; box-shadow: 5px 5px 10px 0px rgba(0,0,0,1); color: #eeeeee; left: 0; letter-spacing: 1px; padding: 0.25rem 0.5rem; position: absolute; text-transform: uppercase; top: 0.5rem; }
.innerthumb img						{ width: 100%; display: block; border: 1px solid #333; margin-bottom: 0; }
.innercal33								{ width: 31%; position: relative; margin-bottom: 1.500rem; } /*Speziell für den Anwesenheitskalender*/
.cal											{ width: 100%; margin: 0 auto; }
.inner66									{ width: 65%; }
.innercal66								{ width: 65%; }
.inner66 ul,
.inner66 ol								{ margin-bottom: 1.000rem; }
.inner66 ul li,
.inner66 ol li						{ margin-left: 1.000rem; font-size: 0.882rem; font-weight: normal; line-height: 1.2; margin-bottom: 0.625rem; }			

.notice									{ width: 48%; }
.notice h3								{ padding-bottom: 1.000rem; border-bottom: 1px solid #e9cf88; }
.notice .text						{ background: linear-gradient(to top, #262522, #403e39); padding: 1.000rem; }

.postings									{ color: transparent; border-top: 1px solid #e9cf88; margin: 1.000rem 1.000rem 1.000rem; display: block; }
.postings:last-child			{ display: none; }
.post_team_link						{ text-align: center; padding: 0.313rem; margin: 0 0 1.000rem; border: 1px solid #e9cf88; display: block; font-size: 0.824rem; }
.autor										{ font-size: 0.824rem; font-weight: normal; color: #e9cf88; line-height: 1.000rem; margin-bottom: 1.000rem; display: block; }

.thumb_blog_gallery				{ width: 15.000%; margin: 0 2% 0.625rem 0; }
.thumb_blog_gallery img		{ width: 100%; display: block; }
.thumb_blog_gallery:nth-child(6n)	{ margin: 0 0 0 0; }

.kurse										{ width: 100%; font-size: 0.824rem; border-spacing: 0; border-collapse: collapse; }

.comments									{ background: linear-gradient(to top, #262522, #403e39); padding: 1rem; }
.comments p								{ font-size: 1rem; font-weight: 300; }
.comments p:before				{ content: "\f10e"; display: block; font-family: FontAwesome; font-size: 1.75rem; color: #e9cf88; background: linear-gradient(to bottom, #e9cf88, #b39850);  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent; margin: 0 0.25rem 0 0; }
/* .comments p:after					{ content: "\f100"; display: inline-block; font-family: FontAwesome; color: #e9cf88; margin: 0 0 0 0.25rem; } */
.comments	span						{ color: #e9cf88; font-size: 0.75rem; text-transform: uppercase; }

/* Pager global */
.pager										{ float: left; background: #333; padding: 0.625rem 1.0rem; color: #e9cf88; text-align: center; margin-right: 10px; display: block; font-size: 0.824rem; }
.pager_entry							{ float: right; background: #333; padding: 0.625rem 1.0rem; color: #e9cf88; text-align: center; font-size: 0.824rem; display: block; }

/* Mehr lesen toggle */
a.more										{ width: auto !important; background: #000; text-align: center; color: #ccc; display: block; text-decoration: none; text-transform: uppercase; }
a.more:before							{ content: "\f0da"; font-family: FontAwesome; color: #e9cf88; padding-right: 0.625em; }
a.more:after							{ content: "\f0d9"; font-family: FontAwesome; color: #e9cf88; padding-left: 0.625em; }
.more											{ height: 2.5rem; line-height: 2.5rem; font-size: 0.882rem; border-top: 1px solid #333; margin: 0 1.000rem 0 01.000rem; }

/* Kalender */
.controls									{ width: 100%; padding: 1.000rem; }
.controls button					{ background: #e9cf88; border: none; cursor: pointer; font-family: 'Open Sans', sans-serif; font-size: 0.824rem; margin: 0 0 0.313rem; padding: 0.5rem; width: 100%; }
.controls > button:hover,
.controls > button:focus	{ background: #333; color: #e9cf88;  }
.thumb_calendar						{ width: 31.333%; text-align: center; font-size: 0.882rem; }
.thumb_calendar img				{ width: 100%; display: block; margin-bottom: 0.625rem; }

/* Anfahrt Karte */
#map_canvas { width: 100%; height: 55vh; height: 55vmin; height: 30vmax; }
#map_canvas h5 { text-transform: none; font-size: 1.75em; color: #ac924d; margin: 0; }
#map_canvas p { font-size: 1em; color: #000000; line-height: 1.25em; }

/* Awards */

.award											{ border-top: 1px solid #e9cf88; }
.award .col33								{ text-decoration: none; width: 33.333%; }
.award .col33 .item 				{ margin: 0 auto;width: 70%; }
.award .col33 img						{ height: auto; margin: 0 auto 1rem; width: 70%; }
.award .col33 span					{ color: #e9cf88; display: block; font-size: 0.750rem; text-align: center; text-transform: uppercase; width: 100%; }



/* FOOTER */
.footer										{ width: 75.294em; margin: 0 auto; }
.fbox											{ padding: 1.000rem; }
.fbox img									{ margin: 0 0 1.000rem; }
.fbox h6									{ font-size: 0.824rem; margin-bottom: 0.750rem; font-weight: bold; color: #ccc; }
.fbox p										{ font-size: 0.824rem; }
.f25											{ width: 25%; }
.f25 ul										{ list-style: none; margin-bottom: 1.000rem; }
.f25 ul li								{ list-style: none; font-size: 0.824rem; line-height: 2; }
.f25 ul li a							{ color: #ccc; text-decoration: none; }
.f25 ul li a:hover				{ color: #e9cf88; text-decoration: none; }



@media only screen and (max-width: 1366px) {
	/* HEADER */
	.header										{ width: 1280px; margin: 0 auto; }
	.hlogo										{ width: 1280px; margin: 0 auto; overflow: auto; text-align: center; }


	/* Main */
	.content									{ width: 1280px; margin: 1.500rem auto; }

	/* FOOTER */
	.footer										{ width: 1280px; margin: 0 auto; }

}


@media only screen and (max-width: 1280px) {
	/* HEADER */
	.header										{ width: 90%; margin: 0 auto; }
	.hlogo										{ width: 90%; margin: 0 auto; overflow: auto; text-align: center; }


	/* Main */
	.content									{ width: 90%; margin: 1.500rem auto; }
	.col75										{ width: 100%; }
	.col66										{ width: 75%; }
	.col33										{ width: 25%; }
	.col25										{ width: 100%; }

	.col33 .m100							{ width: 100%; }
	.col33 .mblogs						{ width: 100%; }

	/* FOOTER */
	.footer										{ width: 90%; margin: 0 auto; }
	.f25											{ width: 50%; }
	.f25:nth-child(1)					{ order: 4; }
	.f25:nth-child(2)					{ order: 3; }
	.f25:nth-child(3)					{ order: 2; }
	.f25:nth-child(4)					{ order: 1; }
	.f25 ul li a:hover				{ color: #e9cf88; }
}