@charset "utf-8";

/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */
html,
body,
button,
input,
select,
textarea { 
	font-family: "Nunito Sans", sans-serif;
	font-size: 18px;
	line-height: 150%;
    font-weight: 200;
	letter-spacing: 0.01em;
    font-style: normal;
    text-decoration: none;
	text-transform: none;
	color: #000;
}

/*
 * A better looking default horizontal rule
 */

hr {
	border-top: 1px solid #6a6a6a;
}

/*
 * Remove the gap between images and the bottom of their containers: h5bp.com/i/440
 */

/* --------------------------------------------------------------------------
   ALLGEMEINE CSS
   -------------------------------------------------------------------------- */
body,
html {
	text-align: center;
	background-color: #fff;
}

/*div, header, footer, h1, h2, h3, h4, h5, h6, p  {*/
header {
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
}

.cont_wrapper_cont,
.cont_wrapper_small,
.cont_wrapper_wide,
.cont_wrapper_gal,
.cont_wrapper_mid,
.cont_wrapper_full {
	position: relative;
	padding: 0 50px;
	background: transparent;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
}

.cont_wrapper_cont.nb,
.cont_wrapper_small.nb,
.cont_wrapper_wide.nb,
.cont_wrapper_gal.nb,
.cont_wrapper_mid.nb,
.cont_wrapper_full.nb {
	padding-left: 0;
	padding-right: 0;
}

.cont_wrapper_small		{ max-width: 700px; }
.cont_wrapper_cont		{ max-width: 1280px; }
.cont_wrapper_mid		{ max-width: 1400px; }
.cont_wrapper_gal		{ max-width: 1600px; }
.cont_wrapper_wide,
.cont_wrapper_full		{ max-width: 2560px; }

a {
	color: #183028;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

.bgAlt h1,
.bgAlt a									{ color: #fff; }

input::-webkit-input-placeholder			{ color: #dfdad6; }
input::-moz-placeholder						{ color: #dfdad6; }
input:-ms-input-placeholder					{ color: #dfdad6; }
input:-moz-placeholder						{ color: #dfdad6; }
textarea::-webkit-input-placeholder			{ color: #dfdad6; }
textarea::-moz-placeholder					{ color: #dfdad6; }
textarea:-ms-input-placeholder				{ color: #dfdad6; }
textarea:-moz-placeholder					{ color: #dfdad6; }

.bgPic,
.mobPic,
.winHTop {
	position: relative;
	margin-bottom: 80px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

.contPic {
	width: 100%;
	max-width: 100%;
	height: auto;
}

.stoererBox {
	position: relative;
	box-sizing: border-box;
	justify-content: center;
	flex-wrap: wrap;
	width: 100%;
	max-width: 700px;
	margin: 50px auto 0;
	padding: 0 40px;
	text-align: center;
}

.stoererBox.dt {
	display: flex;
}

.stoererBox.mob {
	display: none;
}

.stoererBox a {
	position: relative;
	box-sizing: border-box;
	display: block;
	align-items: center;
	width: 25%;
	text-align: center;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.stoererBox .stoerer {
	position: relative;
	box-sizing: border-box;
	display: flex;
	align-items: center;
	width: calc(100% - 10px);
    margin: 0 auto;
	text-align: center;
    border-radius: 50%;
	background-color: rgba(169, 156, 149, 0.75);
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.stoererBox a,
.stoererBox a:hover {
	text-decoration: none;
}
 
.stoererBox .stoerer:after {
	content: "";
	display: block;
	padding-bottom: 100%;
}

.stoererBox .stoerer:hover {
	background-color: rgba(169, 156, 149, 1);
}
 
.stoererBox .stoerer .content {
	position: relative;
	box-sizing: border-box;
	width: 100%;
	margin: 0 auto;
	padding: 15px;
	font-size: 1rem;
	line-height: 115%;
	letter-spacing: 0.07em;
	font-weight: 400;
	text-transform: uppercase;
	text-align: center;
}
@media only screen and (max-width: 800px) {
	.stoererBox .stoerer .content {
		font-size: 2vw;
	}
}
@media only screen and (max-width: 600px) {
	.stoererBox.mob {
		display: flex;
		margin-bottom: 50px;
		padding: 0;
	}
	.stoererBox.dt {
		display: none;
	}
}
@media only screen and (max-width: 450px) {
	.stoererBox .stoerer .content {
		font-size: 2.5vw;
	}
}
@media only screen and (max-width: 400px) {
	.stoererBox a {
		width: 40%;
		max-width: 120px;
		margin-bottom: 10px;
	}
	.stoererBox .stoerer .content {
		font-size: 3vw;
	}
}

.green									{ color: #183028; }
.brown									{ color: #7b634d; }
.gray									{ color: #bfb5ae; }

/* --------------------------------------------------------------------------
   HEADER
   -------------------------------------------------------------------------- */
/* ---------------------- Scrollbarer Header (Seitenkopf) ----------- */
header.scrollheader {
	position: relative;
	width: 100%;
	height: auto;
	background-color: #fff;
}

/* ---------------------- Fixed Header (beim Scrollen) ----------- */
header.fixheader {
	position: fixed;
	top: -100px;
	left: 0;
	width: 100%;
	height: auto;
	background-color: #fff;
}

header.fixheader.show {
	top: 0;
}

/* ---------------------- Allgemein ----------- */
header .cont_wrapper_full { }

.logo,
.logosmall {
	position: relative;  
	height: 140px;
	margin: 20px auto;
    padding: 0;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
}

.logosmall {
	height: 60px;
}

.logo img,
.logosmall img {
	width: auto;
	height: 100%;
	cursor: pointer;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
}

/* --------------------------------------------------------------------------
   FOOTER
   -------------------------------------------------------------------------- */
/* ---------------------- Allgemein ----------- */
footer { 
	height: auto;
	padding: 0;
	font-size: 0.8rem;
}

footer .cont_wrapper_wide {
	padding: 0 50px 55px;
}

footer .trennerTop {
	box-sizing: border-box;
	width: 100%;
	height: 40px;
	border-top: 1px solid #000;
}

footer h4 {
	padding: 0;
	margin: 0;
	color: #a99c95;
	font-weight: 700;
	letter-spacing: 0.09em;
	text-transform: uppercase;
}

footer p span.dot {
	display: inline-block;
	padding: 0 3px;
	font-size: 9px; 
	color: #a99c95;
	vertical-align: top;
}

footer .trenner {
	box-sizing: border-box;
	width: 40px;
	height: 10px;
	border-bottom: 1px solid #000;
	margin-bottom: 10px;
}

/* --------------------------------------------------------------------------
   UNTERER RAHMEN
   -------------------------------------------------------------------------- */
.bBot {
	position: fixed;
	bottom: 0;
	width: 100%;
	height: 50px;
	background-color: #fff;
	z-index: 1000;
}

/* --------------------------------------------------------------------------
   HAUPTVIGATION
   -------------------------------------------------------------------------- */
#mMenu {
    position: relative;
    width: 70%;
    height: 30px;
    margin-right: 10%;
    margin-top: 90px;
    float: right;
	opacity: 1;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
}

ul.mainMenu { 
	margin-top: 0;
	text-align: justify;
}

ul.mainMenu li {
	padding: 0;
}

ul.mainMenu li:last-child {
	padding: 0 0 0 100%;
}

ul.mainMenu li a {
	font-size: 0.95rem;	
	letter-spacing: 0.04em;
	text-decoration: none;
}

ul.mainMenu li a:hover,
ul.mainMenu li a.current { 
	text-decoration: underline;
}

.menuBut,
.menuButC {
	position: absolute;
	top: auto;
	bottom: -5px;
	right: 50px;
	cursor: pointer;
}

.menuBut:hover { opacity: 0.9; }

.menuBut img {
	width: auto;
	height: 30px;
}

#mMenu {
    position: relative;
    width: 60%;
	min-width: 740px;
    height: 30px;
    margin: 90px 20% 0;
}

/* --------------------------------------------------------------------------
   SLIDENAVIGATION
   -------------------------------------------------------------------------- */
#slideMenu {
	position: fixed;
	top: 0;
	right: -260px;
	width: 260px;
	height: 100%;
	background-color: #fff;
	overflow: auto;
	text-align: left;
	box-sizing: border-box;
	overflow: auto;
}

#slideMenu ul {
	display: block;
	margin: 0;
	padding-left: 25px;
	list-style: none;
}

#slideMenu ul li span { 
	display: inline-block;
	padding-right: 3px;
	font-size: 10px; 
	color: #a99c95;
	vertical-align: middle;
}

#slideMenu ul li a {
	font-size: 1rem;
	font-weight: 400;
	line-height: 250%;
	letter-spacing: 0;
    font-style: normal;
    text-decoration: underline;
	color: #000;
}

#slideMenu ul li a:hover,
#slideMenu ul li.sel>a {
	text-decoration: none;
	color: #a99c95;
	font-weight: 700;
}

#slideMenu ul li a span {
	display: inline-block;
	padding-right: 15px;
	font-size: 2.5rem;
	line-height: 164%;
	letter-spacing: 0.04em;
	font-style: italic;
    text-decoration: none;
	text-transform: uppercase;
}

#slideMenu ul li.hasChildren,
#slideMenu ul li.hasChildren span		{ height: 133px; }

#slideMenu h6 {
	display: inline-block; 
	padding: 48px 0 10px;
	border-bottom: 3px solid #bfb5ae;
	font-size: 0.875rem;
	line-height: 164%;
    font-style: normal;
    text-decoration: none;
}

.closeMenu {
	position: absolute;
	left: 25px;
	top: 5px;
	cursor: pointer;
}

/* --------------------------------------------------------------------------
   CONTENTNAVIGATION
   -------------------------------------------------------------------------- */
.subContentBox .subMenu {
	margin: -20px 0 40px 0;
	text-align: center;
}

.subContentBox .subMenu span {
	line-height: 30px;
	font-weight: 700;
	font-style: italic;
}

.subContentBox .subMenu .mtr,
.subContentBox .subMenu .mtr2 {
	display: inline-block;
	padding: 0 5px 0 0;
	font-size: 10px;
	color: #a99c95;
    vertical-align: top;
}

.subContentBox .subMenu .mtr2 {
	padding: 0 5px;
}

.subContentBox .subMenu .dlinks {
	font-size: 0.85rem;
	color: #000;
	text-decoration: underline;
	cursor: pointer;
	white-space: nowrap;
}

.subContentBox .subMenu .dlinks:hover {
	color: #000;
	text-decoration: none;
}

.subContentBox .subMenu .dlinks.akt {
	color: #a99c95;
	text-decoration: none;
}

.tabContentBox .subsubMenu {
	position: relative;
	width: 100%;
	margin: 40px auto;
	text-align: center;
}

.tabContentBox .subsubMenu .linkbut {
	display: inline-block;
	box-sizing: border-box;
	min-width: 204px;
	margin: 0 8px 10px;
	padding: 5px;
	border: 1px solid #a99c95;
	font-size: 0.75rem;
	color: #a99c95;
	cursor: pointer;
}

.tabContentBox .subsubMenu .linkbut:hover,
.tabContentBox .subsubMenu .linkbut.akt {
	color: #fff;
	background-color: #a99c95;
	text-decoration: none;
}

.subContentBox .tabContentBox,
.subContentBox .tabSubcontentBox { 
	position: absolute;
	color: #a99c95; 
	font-style: italic;
	display: none;
}

.subContentBox .tabContentBox.normal,
.subContentBox .tabSubcontentBox.normal { 
	color: #000; 
	font-style: normal;
}

.subContentBox .tabContentBox h5,
.subContentBox .tabSubcontentBox h5 { 
	margin: 0;
	font-size: 1rem;
	font-weight: 700;
}

.subContentBox .tabContentBox ul { 
	margin-bottom: 25px;
}

.subContentBox .tabContentBox a { 
	color: #a99c95;
}

.subContentBox .tabContentBox .listBox { 
	position: relative;
	box-sizing: border-box;
    margin: 0 -10px 50px;
    padding: 0;
}

.subContentBox .tabContentBox .listBox .list_wrapper { 
	position: relative;
	box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: calc(100% + 20px);
}

article.snack { 
	position: relative;
	box-sizing: border-box;
    width: 25%;
    border: 10px solid #fff;
    background-color: #a99c94;
    cursor: pointer;
}
article.snack:hover { 
	opacity: 0.7;
}

@media only screen and (max-width: 1040px) {
    article.snack { 
        width: 33.33%;
    }
}
@media only screen and (max-width: 800px) {
    article.snack { 
        width: 50%;
    }
}
@media only screen and (max-width: 500px) {
    article.snack { 
        width: 100%;
    }
}

article.snack>img {
	position: relative;
	box-sizing: border-box;
    display: block;
    width: 100%;
    max-width: inherit;
    height: auto;
    padding-top: 0;
}

article.snack .txtBox { 
	position: relative;
	box-sizing: border-box;
    width: 100%;
    padding: 20px;
    text-align: center;
}

article.snack .txtBox h3,
article.snack .txtBox h5 { 
	position: relative;
	box-sizing: border-box;
    margin-top: 0; 
    font-weight: 500;  
    color: #fff;
}
article.snack .txtBox h5 { 
    color: #000;
}

.lightBox { 
	position: fixed;
	box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 1;
    overflow: hidden;
    pointer-events: auto;
    -webkit-transition: opacity 1s ease;
    -moz-transition: opacity 1s ease;
    -o-transition: opacity 1s ease;
    transition: opacity 1s ease;
    background-color: #ffffffb0;
    pointer-events: auto;
    z-index: 2000;
}

.lightBox.hide { 
    width: 0;
    height: 0;
    opacity: 0;
    pointer-events: none;
}

.lightBox .lb_cont { 
	position: relative;
	box-sizing: border-box;
    width: 90%;
    max-width: 800px;
    max-height: 90vh;
    padding: 20px;
    border: 2px solid rgba(169, 156, 149, 1);
    background-color: #fff;
    overflow-y: auto;
}

.lightBox .lb_cont .lb_close { 
	position: absolute;
	box-sizing: border-box;
    top: 10px; 
    right: 10px;
    width: 40px;
    height: 40px;
    background-image: url('../_fiximg/x.svg');
	background-repeat: no-repeat;
	background-position: center;
    background-size: contain;
    cursor: pointer;
}
@media only screen and (max-width: 760px) {
    .lightBox .lb_cont .lb_close { 
        width: 30px;
        height: 30px;
    }
}
@media only screen and (max-width: 500px) {
    .lightBox .lb_cont .lb_close { 
        width: 25px;
        height: 25px;
    }
}

/* --------------------------------------------------------------------------
   CONTENTBEREICHE (SECTION, ARTICLE, ALLGEMEIN)
   -------------------------------------------------------------------------- */
.cont_wrapper_wide.bgPic { 
	min-height: 500px;
}

.cont_wrapper_wide.mobPic {
	min-height: 200px;
	display: none;
}

.contentBox {
    position: relative;
	margin: 0 auto;
	padding-top: 60px;
    box-sizing: border-box;
}

.content { 
	padding-bottom: 20px;
	text-align: left;
}

.content h1 ,
.content h2	{
	margin-top: 0; 
	margin-bottom: 30px;
}

.content h3		{ 
	margin-top: 40px; 
	font-size: 1rem;
	font-weight: 700;
}
.content h4		{ margin-top: 20px; }

.content h5 { 
	margin-top: 20px; 
	font-size: 1rem;
	font-weight: 400; 
}

.content h6		{ margin-top: 10px; }

.content p		{ margin-bottom: 20px; }

.content strong { 
	font-weight: 400; 
	letter-spacing: 0.06em;
}

.content.groesser p { font-size: 1.1rem; }

.content li {
	list-style-type: none;
	padding-left: 15px;
	margin-left: 0;
	background-image: url('../_fiximg/dot.png');
	background-repeat: no-repeat;
	background-position: left 10px;
}

.content .picLeft,
.content .picLeftSmall {
	float: left;
	width: 40%;
	max-width: 300px;
	height: auto;	
	margin-right: 20px;
	margin-bottom: 5px;
	padding-top: 5px;
}

.content .picLeftSmall {
	width: 25%;
	max-width: 200px;
}

.contText { position: relative; }

.shadowBot {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

.txtbot {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 50px;
    background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
    background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );
	display: none;
}

.butBoxBox {
	width: 100%;
	padding-bottom: 20px;
}

.opa { opacity: 1; }

.hideBox,
.showBox {
	display: block;
	position: absolute;
	bottom: 10px;
	left: 10px;
	font-size: 18px;
	cursor: pointer;
}

.showBox									{ display: none; }

.hideBox:hover,
.showBox:hover								{  }

.winHTop h2.size-1,
.winHTop h2.size-2 {
	font-size: 3rem;
	font-weight: 200;
	text-transform: uppercase;
	letter-spacing: 0.05em;
}

.winHTop h2.size-2 {
	font-size: 4rem;
}

.winHTop h1,
.winHTop h3 {
	font-size: 2rem;
	font-weight: 400;
	text-transform: uppercase;
	letter-spacing: 0.05em;
}

.toContent {
	position: absolute;
	bottom: 50px;
	left: calc(50% - 30px);
	width: 60px;
	height: 60px;
	background-color: rgba( 255, 255, 255, 0.6 );
	background-position: center;
	background-repeat: no-repeat;
	background-image: url("../_fiximg/arr_down.png");
	-moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
	cursor: pointer;
}

.toContent:hover { background-color: rgba( 255, 255, 255, 1 ); }

/* --------------------------------------------------------------------------
   Videos
   -------------------------------------------------------------------------- */
.videoBox { 
	position: relative;
	box-sizing: border-box;
	width: 100%;
	max-width: 320px;
	margin: 30px auto 60px;
	border: 1px solid #a99c95;
	height: auto;
	overflow: hidden; 
}

.videoBox video {
	position: relative;
	display: block;
	width: 100%;
	height: auto;
	border: 0;
	padding: 0;
	margin: 0;
}

.smallVideoBox {
	position: relative;
	width: 50%;
	min-width: 500px;
	margin: 60px auto 30px;
}

/* --------------------------------------------------------------------------
   EINZELNE TEMPLATES/BEREICHE
   -------------------------------------------------------------------------- */
/* ---------------------- Standard ----------- */
section.standard					{  }

/* ---------------------- Kontakt ----------- */
section.kontakt						{  }

section.kontakt .contentBox {
	width: 100%;
	max-width: 9999px
}

section.kontakt .kontaktBox {
	position: relative;
	box-sizing: border-box;
	width: 50%;
	text-align: left;
}

section.kontakt .kontaktBox.left h3 { padding-bottom: 30px; }
section.kontakt .kontaktBox h3.right { padding-bottom: 0; }

section.kontakt .kontaktBox h3 {
	font-size: 2.1875rem;
	line-height: 100%;
	letter-spacing: 0;
	font-style: italic;
    text-decoration: none;
	text-transform: none;
}

section.kontakt .kontaktBox.left {
	padding: 0 30px 60px 0;
}

section.kontakt .kontaktBox.right {
	padding: 0 0 60px 30px;
}

section.kontakt .kontaktBox.left p {
	font-size: 0.875rem;
	line-height: 164%;
	letter-spacing: 0;
    font-style: normal;
    text-decoration: none;
	text-transform: none;
}

section.kontakt .kontaktBox .hlBox {
	position: absolute;
	top: 0;
	left: 60px;
	border-top: 1px solid #183028;
	padding: 7px 30px 0 0;
	font-size: 0.875rem;
	line-height: 143%;
    font-weight: 300;
	letter-spacing: 0.06em;
    font-style: normal;
    text-decoration: none;
	text-transform: uppercase;
}

section.kontakt .kontaktBox .txtKontaktaufnahme {
	margin: 50px 0;
}

section.kontakt .kontaktBox .ktKontakt {
	margin-bottom: 30px;
}

section.kontakt .kontaktBox .ktKontakt h4,
section.kontakt .kontaktBox .txtKontaktaufnahme p,
section.kontakt .kontaktBox .txtKontaktaufnahme label {
	font-size: 1.0rem;
	line-height: 143%;
    font-weight: 700;
	letter-spacing: 0;
    font-style: normal;
    text-decoration: none;
	text-transform: uppercase;
}

section.kontakt .kontaktBox .ktKontakt p {
    font-style: normal;
}

section.kontakt .kontaktBox.right label,
.kontaktPflichtfeld {
	font-size: 0.875rem;
	line-height: 100%;
    font-weight: 400;
	letter-spacing: 0;
    font-style: normal;
    text-decoration: none;
	text-transform: none;
	text-align: left;
}

.kontaktPflichtfeld { line-height: 50px; }

.messageBox {
	box-sizing: border-box;
	min-height: 40px;
	padding: 10px 0 30px;
	text-align: left;
}

.form_anfrage input[type="text"], 
.form_anfrage input[type="password"],
.form_anfrage select {
    height: 40px;
    border: 1px solid #a99c95;
	font-size: 0.875rem;
	line-height: 100%;
    font-weight: 400;
	letter-spacing: 0;
    font-style: normal;
    text-decoration: none;
	text-transform: none;
	color: #a99c95;
}

.form_anfrage textarea {
    border: 1px solid #a99c95;
	font-size: 0.875rem;
	line-height: 48px;
    font-weight: 700;
	letter-spacing: 0;
    font-style: normal;
    text-decoration: none;
	text-transform: none;
	color: #a99c95;
}

section.kontakt input[type="submit"] {
    width: 100%;
    height: 40px;
	padding: 0;
    border: 1px solid #a99c95;
	font-size: 0.875rem;
	line-height: 38px;
    font-weight: 700;
	letter-spacing: 0;
    font-style: normal;
    text-decoration: none;
    text-transform: none;
	color: #a99c95;
    float: right;
}

section.kontakt input[type="submit"]:hover {
	color: #fff;
	background-color: #a99c95;
	border-color: #a99c95;
}

section.kontakt .scrollTop {
	position: absolute;
	right: 30px;
	top: 60px;
	width: 40px;
	height: 40px;
	margin: 0 auto;
	border: 1px solid #183028;
	background-repeat: no-repeat;
	background-image: url("../_fiximg/arrowsup2col.png");
	background-position: 0 0;
	cursor: pointer;
}

section.kontakt .scrollTop:hover {
	background-position: -40px 0;
}

.checkBx {
	margin: 0;
	padding-bottom: 5px;
	text-align: left;
}

.checkBx.first {
	margin-top: 15px;
}

.checkBx.last {
	margin-bottom: 15px;
}

/* ---------------------- Podcast ----------- */
.filterBox {
	position: relative;
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
	width: 100%;
	max-width: 1000px;
	margin: 40px auto;
}

.filterBox .bull {
	position: relative;
    box-sizing: border-box;
    padding: 0;
}

.filterBox .oneFilter {
	position: relative;
    box-sizing: border-box;
    padding: 5px 10px;
    font-size: 0.875rem;
    font-weight: 600;
    text-decoration: underline;
    color: #000;
    cursor: pointer;
}

.filterBox .oneFilter.aktiv,
.filterBox .oneFilter:hover {
    color: #a99c95;
    text-decoration: none;
}


article.podcast {
	position: relative;
    box-sizing: border-box;
    display: none;
    flex-wrap: wrap;
	width: 100%;
	max-width: 1000px;
	margin: 40px auto;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
}
article.podcast.show {
    display: flex;

}

article.podcast .podPic,
article.podcast .podVid,
article.podcast .podTxt {
	position: relative;
    box-sizing: border-box;
    text-align: left;
}

article.podcast .podPic,
article.podcast .podVid {
    width: 37.5%;
}

article.podcast .podTxt {
	width: 62.5%;
    padding-left: 40px;
}

@media only screen and (max-width: 760px) {
        article.podcast .podPic,
        article.podcast .podVid,
        article.podcast .podTxt {
    	width: 100%;
        padding-left: 0;
    }
}

article.podcast .podPic audio {
   width: 100%;
}

article.podcast .podVid .videoBox {
   width: 100%;
   max-width: inherit;
   margin: 0 auto;
}

article.podcast .podTxt .dat {
	color: #a99c95;
}

article.podcast h3 {
	margin-bottom: 15px;
    color: #a99c95;
}

article.podcast h5 {
	margin-top: 15px;
    color: #a99c95;
}

article.podcast img {
	display: block;
	width: 100%;
	margin: 0 auto;
    padding-bottom: 12px;
}

/* --------------------------------------------------------------------------
   Effekte
   -------------------------------------------------------------------------- */
.effektBoxZoom { 
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
	overflow: hidden; 
}

.effektBoxZoom img {
	-webkit-transition: all 4s ease;
	transition: all 4s ease;
}

.effektBoxZoom:hover img {
	-webkit-transform:scale(1.04);
	transform:scale(1.04);
}

.aniRotate {
	animation-duration: 2s;
	-webkit-animation-duration: 2s;
}

.scale90 {
	-webkit-transform:scale(0.90);
	transform:scale(0.90);
}

.scale95 {
	-webkit-transform:scale(0.95);
	transform:scale(0.95);
}

.opacity100 {
	 filter: alpha(opacity=1); 
	 opacity: 1;
}

.rotate360 {
	-webkit-transform: rotate(-360deg);
	transform: rotate(-360deg);
}

/* --------------------------------------------------------------------------
   Overlay Impressum (ModalWindow)
   -------------------------------------------------------------------------- */
.overlay {

}

.ovImpressumBox {
	width: 70%;
	max-width: 900px;
	margin: 200px auto 100px;
	padding: 60px 40px;
	background-color: #fff;
}

/* --------------------------------------------------------------------------
   Überschreiben von bxslider Definitionen
   -------------------------------------------------------------------------- */
.bx-wrapper { margin: 0 auto; }

.bx-wrapper .bx-pager.bx-default-pager a {
	width: 10px;
	height: 10px;
	border: 2px solid #bfb5ae;
    background: #bfb5ae;
	-moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
	z-index: 9999;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover, 
.bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #183028;
}

/* --------------------------------------------------------------------------
   Layout classes individuell
   -------------------------------------------------------------------------- */
.bTop				{ border-top: 1px #eee solid; }
.bBottom			{ border-bottom: 1px #eee solid; }

.bgAlt				{ background-color: #ddd; }
.bgStd				{ background-color: #fff; }

.trenner {
	width: 40px;
	height: 30px;
	border-bottom: 2px solid #bfb5ae;
	margin: 0 auto 30px;
	padding: 0;
}

.trenner.brown		{ border-bottom: 2px solid #7b634d; }

.err {
	font-size: 1.05em;
	font-weight: normal;
}

.msg {
	font-size: 0.875em;
	font-weight: normal;
}

strong				{ font-weight: 700; }

/* --------------------------------------------------------------------------
   Layout classes allgemein
   -------------------------------------------------------------------------- */
#isMob				{ width: 1px; }

div.noDt,
div.onlyMob,
div.onlySMob,
div.onlyMMob		
span.onlyDt,
span.noMob,
span.onlySMob,
span.onlyMMob		{ display: none; }

div.onlyDt,		
div.noMob,
div.noSMob,
div.noMMob			{ display: block; }
	
span.onlyDt,		
span.noMob,
span.noSMob,
span.noMMob			{ display: inline-block; }

button[disabled],
html input[disabled] {
	opacity: 0.3;
}

button[disabled]:hover,
html input[disabled]:hover { background-color: transparent; }

.trennung {
	-ms-hyphens: auto;
	-webkit-hyphens: auto;
	hyphens: auto;
}

.nowrap				{ white-space:nowrap; }

/* --------------------------------------------------------------------------
   Radio- und Checkboxen
   -------------------------------------------------------------------------- */
input[type="checkbox"],
input[type="radio"] {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
input[type="checkbox"]:focus + label:before, input[type="checkbox"]:hover + label:before,
input[type="radio"]:focus + label:before,
input[type="radio"]:hover + label:before {
  border-color: #dfdad6;
}
input[type="checkbox"]:active + label:before,
input[type="radio"]:active + label:before {
  -webkit-transition-duration: 0;
          transition-duration: 0;
  -webkit-filter: brightness(0.2);
          filter: brightness(0.2);
}
input[type="checkbox"] + label,
input[type="radio"] + label {
  position: relative;
  padding: 0 10px;
  padding-left: 2em;
  vertical-align: middle;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
input[type="checkbox"] + label:before,
input[type="radio"] + label:before {
  box-sizing: content-box;
  content: '';
  color: #183028;
  position: absolute;
  top: 50%;
  left: 0;
  width: 14px;
  height: 14px;
  margin-top: -9px;
  border: 2px solid grey;
  text-align: center;
}
input[type="checkbox"] + label:after,
input[type="radio"] + label:after {
  box-sizing: content-box;
  content: '';
  background-color: #183028;
  position: absolute;
  top: 50%;
  left: 4px;
  width: 10px;
  height: 10px;
  margin-top: -5px;
  -webkit-transform: scale(0);
          transform: scale(0);
  -webkit-transform-origin: 50%;
          transform-origin: 50%;
  -webkit-transition: -webkit-transform 200ms ease-out;
  transition: -webkit-transform 200ms ease-out;
  transition: transform 200ms ease-out;
  transition: transform 200ms ease-out, -webkit-transform 200ms ease-out;
}

input[type="checkbox"] + label:after {
  background-color: #bfb5ae;
  top: 50%;
  left: 4px;
  width: 10px;
  height: 8px;
  margin-top: -4px;
  border-style: solid;
  border-color: #fff;
  border-width: 0;
  -o-border-image: none;
     border-image: none;
  -webkit-transform: rotate(-45deg) scale(0);
          transform: rotate(-45deg) scale(0);
  -webkit-transition: none;
  transition: none;
}

input[type="checkbox"]:checked + label:after {
  content: '';
  -webkit-transform: rotate(-45deg) scale(1);
          transform: rotate(-45deg) scale(1);
  -webkit-transition: -webkit-transform 200ms ease-out;
  transition: -webkit-transform 200ms ease-out;
  transition: transform 200ms ease-out;
  transition: transform 200ms ease-out, -webkit-transform 200ms ease-out;
}

input[type="radio"]:checked + label:before {
  -webkit-animation: borderscale 300ms ease-in;
          animation: borderscale 300ms ease-in;
  background-color: #fff;
}

input[type="radio"]:checked + label:after {
  -webkit-transform: scale(1);
          transform: scale(1);
}

input[type="radio"] + label:before, input[type="radio"] + label:after {
  border-radius: 50%;
}

input[type="checkbox"]:checked + label:before {
  -webkit-animation: borderscale 200ms ease-in;
          animation: borderscale 200ms ease-in;
}

/*input[type="checkbox"]:checked + label:after {
  -webkit-transform: rotate(-45deg) scale(1);
          transform: rotate(-45deg) scale(1);
}*/
input[type="checkbox"]:checked + label:after {
  -webkit-transform: scale(1);
          transform: scale(1);
}

/* ==========================================================================
   Media Queries for Responsive Design.
   ========================================================================== */
@media only screen and (max-width: 1300px) {
/* --------------------------------------------------------------------------
   EINZELNE TEMPLATES/BEREICHE
   -------------------------------------------------------------------------- */
	/* ---------------------- Philosophie ----------- */	
	section.philosophie .scrollNext { bottom: 120px; }
}

@media only screen and (max-width: 1240px) {
/* --------------------------------------------------------------------------
   EINZELNE TEMPLATES/BEREICHE
   -------------------------------------------------------------------------- */

}

@media only screen and (max-width: 1190px) {
/* --------------------------------------------------------------------------
   FOOTER
   -------------------------------------------------------------------------- */
/* ---------------------- Allgemein ----------- */
footer { padding-right: 10px; }

/* --------------------------------------------------------------------------
   EINZELNE TEMPLATES/BEREICHE
   -------------------------------------------------------------------------- */
	.winHTop h2.size-1 { font-size: 2rem; }
	.winHTop h2.size-2 { font-size: 3rem; }
}

@media only screen and (max-width: 1140px) {
/* --------------------------------------------------------------------------
	EINZELNE TEMPLATES/BEREICHE
	-------------------------------------------------------------------------- */
	/* ---------------------- Footer ----------- */
}

@media only screen and (max-width: 1040px) {
/* --------------------------------------------------------------------------
	EINZELNE TEMPLATES/BEREICHE
	-------------------------------------------------------------------------- */
	/* ---------------------- Header ----------- */		
	.logo { height: 100px; }
	
	/* ---------------------- Karte ----------- */
	section.karte .cont_wrapper_cont { padding: 60px 60px 20px; }
}

@media only screen and (max-width: 980px) {
/* --------------------------------------------------------------------------
   EINZELNE TEMPLATES/BEREICHE
   -------------------------------------------------------------------------- */
}

@media only screen and (max-width: 900px) {
/* --------------------------------------------------------------------------
   Layout classes allgemein
   -------------------------------------------------------------------------- */
	.contHl {
		padding-bottom: 30px; 
		font-size: 1.9rem; 
	}
	
	.contHl2		{ font-size: 1.8rem; }
	
	.dreispaltig {
		-moz-column-count: 2;
		-webkit-column-count: 2;
		column-count: 2;
		-moz-column-gap: 30px;
		-webkit-column-gap: 30px;
		column-gap: 30px;
	}
	
/* --------------------------------------------------------------------------
	EINZELNE TEMPLATES/BEREICHE
	-------------------------------------------------------------------------- */
	/* ---------------------- Footer ----------- */
}

@media only screen and (max-width: 799px) {
/* --------------------------------------------------------------------------
   Layout classes allgemein
   -------------------------------------------------------------------------- */
	#isMob			{ width: 2px; }
	
	div.onlyDt,
	div.noMob,
	div.onlySMob,
	div.onlyMMob		
	span.onlyDt,
	span.noMob,
	span.onlySMob,
	span.onlyMMob	{ display: none; }
	
	div.noDt,		
	div.onlyMob,
	div.noSMob,
	div.noMMob		{ display: block; }
		
	span.noDt,		
	span.onlyMob,
	span.noSMob,
	span.noMMob		{ display: inline-block; }
	
	.cont_wrapper_cont, 
	.cont_wrapper_small, 
	.cont_wrapper_wide, 
	.cont_wrapper_gal, 
	.cont_wrapper_mid, 
	.cont_wrapper_full {
		padding: 0 30px;
	}
	
/* --------------------------------------------------------------------------
	EINZELNE TEMPLATES/BEREICHE
	-------------------------------------------------------------------------- */
	/* ---------------------- Header ----------- */		
	.logo				{ height: 80px; }
	.toContent			{ display: none; }
	
	.menuBut,
	.menuButC			{ right: 30px; }
	
	.winHTop h2.size-1	{ font-size: 1.5rem; }
	.winHTop h2.size-2	{ font-size: 2rem; }
	.winHTop h3			{ font-size: 1.2rem; }
	
	/* ---------------------- Kontakt ----------- */
	section.kontakt .cont_wrapper_cont {
		padding-bottom: 0;
	}
	
	section.kontakt .kontaktBox	{
		width: 100%;
		float: none;
	}
	
	section.kontakt .kontaktBox.right,
	section.kontakt .kontaktBox.left {
		padding: 0;
	}
	
	/* ---------------------- Footer ----------- */
	
/* --------------------------------------------------------------------------
   CONTENTBEREICHE (SECTION, ARTICLE, ALLGEMEIN)
   -------------------------------------------------------------------------- */
	.winHTop h1,
	.winHTop h3 { font-size: 1.5rem; }
}

@media only screen and (max-width: 700px) {
/* --------------------------------------------------------------------------
	MENU
	-------------------------------------------------------------------------- */	
	#slideMenu ul li a,
	#slideMenu ul li a span { 
		font-size: 0.9rem; 
		line-height: 200%;
	}
	
/* --------------------------------------------------------------------------
	EINZELNE TEMPLATES/BEREICHE
	-------------------------------------------------------------------------- */
}

@media only screen and (max-width: 600px) {
/* --------------------------------------------------------------------------
	Layout classes allgemein
	-------------------------------------------------------------------------- */
	#isMob			{ width: 3px; }

	div.onlyDt,
	div.onlyMob,
	div.noSMob,
	div.onlyMMob,		
	span.onlyDt,
	span.onlyMob,
	span.noSMob,
	span.onlyMMob	{ display: none; }
	
	.noDt,		
	.noMob,
	.onlySMob,
	.noMMob		{ display: block; }
	
	span.noDt,		
	span.noMob,
	span.onlySMob,
	span.noMMob		{ display: inline-block; }
	
	.cont_wrapper_cont, 
	.cont_wrapper_small, 
	.cont_wrapper_wide, 
	.cont_wrapper_gal, 
	.cont_wrapper_mid, 
	.cont_wrapper_full {
		padding: 0 20px;
	}
	
	.contHl			{ font-size: 1.25rem; }
	.contHl2		{ font-size: 1.25rem; }
	
	.content h4		{ font-size: 0.75rem; }
	
	.contHlSmall	{ font-size: 0.625rem; }
	
	.trenner {
		height: 20px;
		margin: 0 auto 20px;
	}
	
	.zweispaltig {	 
		-moz-column-count: 1;
		-webkit-column-count: 1;
		column-count: 1;
		-moz-column-gap: 0;
		-webkit-column-gap: 0;
		column-gap: 0;	
	}
	
	.winHTop.start {
		margin-bottom: 0;
	}
	
/* --------------------------------------------------------------------------
	MENU
	-------------------------------------------------------------------------- */	
	.menuBut,
	.menuButC { 
		top: 0; 
		right: 20px;
	}
	
/* --------------------------------------------------------------------------
   CONTENTNAVIGATION
   -------------------------------------------------------------------------- */
	.subContentBox .subMenu .mtr,
	.subContentBox .subMenu .mtr2 { display: none; }
	
	.subContentBox .subMenu .dlinks { 
		display: block; 
		white-space: normal;
	}
	
/* --------------------------------------------------------------------------
	EINZELNE TEMPLATES/BEREICHE
	-------------------------------------------------------------------------- */
	/* ---------------------- Kontakt ----------- */
	section.kontakt .kontaktBox h3		{ font-size: 1.25rem; }
	section.kontakt .kontaktBox.left p	{ font-size: 0.75rem; }
	section.kontakt .kontaktBox .ktKontakt h4, 
	section.kontakt .kontaktBox .txtKontaktaufnahme p, 
	section.kontakt .kontaktBox .txtKontaktaufnahme label {
		font-size: 0.75rem;
	}
}

@media only screen and (max-width: 550px) {
/* --------------------------------------------------------------------------
	Layout classes allgemein
	-------------------------------------------------------------------------- */
	.content .picLeft {
		float: none;
		width: 100%;
		max-width: 100%;	
		margin-right: 0;
	}
}

@media only screen and (max-width: 480px) {
/* --------------------------------------------------------------------------
	Layout classes allgemein
	-------------------------------------------------------------------------- */
	html,
	body,
	button,
	input,
	select,
	textarea		{ font-size: 16px;	}
	
	#isMob			{ width: 4px; } /* mMob */

	div.onlyDt,
	div.onlyMob,
	div.onlySMob,
	div.noMMob		
	span.onlyDt,
	span.onlyMob,
	span.onlySMob,
	span.noMMob		{ display: none; }
	
	.noDt,		
	.noMob,
	.noSMob,
	.onlyMMob	{ display: block; }
		
	span.noDt,		
	span.noMob,
	span.noSMob,
	span.onlyMMob	{ display: inline-block; }
	
	/* ---------------------- Kontakt ----------- */
	section.kontakt .kontaktBox.left	{ padding-left: 30px; }
	section.kontakt .kontaktBox .hlBox	{ left: 30px; }
	
	section.kontakt .kontaktBox.right	{ padding: 30px 30px 60px; }
	
/* --------------------------------------------------------------------------
   CONTENTBEREICHE (SECTION, ARTICLE, ALLGEMEIN)
   -------------------------------------------------------------------------- */
	.winHTop h1,
	.winHTop h3 { font-size: 1.2rem; }
}

@media only screen and (max-width: 400px) {
/* --------------------------------------------------------------------------
   CONTENTBEREICHE (SECTION, ARTICLE, ALLGEMEIN)
   -------------------------------------------------------------------------- */
	.winHTop h1,
	.winHTop h3 { font-size: 1.0rem; }
}