/*orange RGB-Wert 233/96/15 #e9600f
grün RGB-Wert 0/100/49 #006431 */

@font-face {
    font-family:"Barlow Light";
    src:url("../fonts/Barlow/Barlow-Light.ttf") format("truetype");
    font-display: swap;
}
@font-face {
    font-family:"Barlow Regular";
    src:url("../fonts/Barlow/Barlow-Regular.ttf") format("truetype");
    font-display: swap;
}
@font-face {
    font-family:"Barlow Bold";
    src:url("../fonts/Barlow/Barlow-Bold.ttf") format("truetype");
    font-display: swap;
}
html, body, .mm-page.mm-slideout, #mainsite, #maincontent {height: 100%;scroll-behavior: smooth;}

html, body, .mm-slideout {height: 100%;}
#mainsite { height: 100% !important;}
#wrap { min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -170px; background: #fff;}
#main { padding-bottom: 170px; overflow: hidden; height: auto;}

body {
	font-family: "Barlow Light", sans-serif;
	font-style: normal;
	font-display: swap;
	font-size: 1.2rem;
	line-height: 1.8rem; 
	-webkit-font-smoothing: antialiased;
	color: #575656;
	overflow-x: hidden;
}

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

.csc-frame-rulerBefore { border-top:1px solid #000; margin-top:30px; padding-top:20px;}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {font-weight: normal;}
h1, .h1 {margin: 0; font-size: 1.8rem;padding-bottom: 2rem;font-family: "Barlow Bold", sans-serif; text-transform: uppercase; position: relative; line-height: 2.2rem;}
h2, .h2, .infotext {margin: 0; font-size: 1.6rem;padding-bottom: 1.5rem;font-family: "Barlow Bold", sans-serif; text-transform: uppercase; position: relative; line-height: 2.2rem;}
h3, .h3, h1 + h2 {margin: 0; font-size: 1.4rem;padding-bottom: 0.5rem; line-height: 2rem;font-family: "Barlow Regular", sans-serif;}
h4, .h4 {margin: 0; font-size: 1.3rem;line-height: 2rem; }

h1 + h2 {text-transform: inherit;}

p + h2,ul + h2 {margin-top: 2rem;}

.h3 {padding-bottom: 0.5rem;}
.infotext {text-align: center;padding-top: 1.5rem; text-transform: none; background: #eee7df;font-size: 1.4rem; margin: 1.5rem 0;}
.text-klein {font-size: 1rem; line-height: 1.4;}

b, strong {font-weight: normal; font-family: "Barlow Regular", sans-serif;}
a, .gaOptout {color: #575656; text-decoration: none; transition: all 0.2s ease-in-out;position: relative;}
a:focus, .gaOptout:focus { outline: none; outline-offset: 0; color:#575656;transition: all 0.2s ease-in-out; text-decoration:none;}
a:hover, .gaOptout:hover {transition: all 0.2s ease-in-out;text-decoration:none; cursor: pointer; color: #575656;}

blockquote {border-left: 2px solid #575656;font-style: italic;padding-left: 1rem;}

.clearer {clear: both; float: none;}

.content ul, .content ol {padding: 0 0 1rem 2rem; position: relative;}
.content ul {list-style: none; padding: 0;}
.content ul li {margin-left: 30px; margin-bottom: 5px;}
.content ul li:last-child { margin-bottom: 0px;}
.content ul li:before {content: "\f111"; font-family: "Font Awesome\ 5 Pro"; text-decoration: inherit; list-style: none; position: relative; margin-right: -8px; font-size: 0.5rem; top: -3px; left: -20px; color: #575656; padding: 0; font-weight: 700; }
.content ul.check li, .content ul.square li {margin-left: 25px; margin-bottom: 1rem;}
.content ul.check li:before {content: "\f00c"; font-family: "Font Awesome\ 5 Pro"; text-decoration: inherit; list-style: none; position: relative; margin-right: -15px; font-size: 1.2rem; top: 0; left: -25px; color: #575656; padding: 0; font-weight: 400; }
.content ul.square li:before {content: "\f0c8"; font-family: "Font Awesome\ 5 Pro"; text-decoration: inherit; list-style: none; position: relative; margin-right: -15px; font-size: 0.6rem; top: 0; left: -25px; color: #575656; padding: 0; font-weight: 600; }
.content ul.check span, .content ul.square span {position: absolute; right: 15px;}
.content ul.check li:last-child, .content ul.square li:last-child {margin-bottom: 0;}
.content ul.no-bullet li { margin-left: 0;}
.content ul.no-bullet li:before { content: ""; margin-right:0;}
.content ul.icon li {margin-left: 35px;}
.content ul.icon li:before {content:""; margin: 0;}
.content ul.icon li i {font-weight: 300;position: absolute;left: 0;margin-top: 5px; }

.content .blau ul.check li:before {color: #1c92b8;}

dd, dt {line-height: inherit;}

.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {
    outline: 0;
    outline-offset: 0px;
    box-shadow: none;
}

::-moz-selection { color:#000; background:rgba(233,96,15,0.6); text-shadow: none; }
::selection { color:#000; background:rgba(233,96,15,0.6); text-shadow: none; }

.frame-space-before-extra-small {padding-top: 1rem; }
.frame-space-before-small {padding-top: 2rem; }
.frame-space-before-medium  {padding-top: 4rem;}
.frame-space-before-large {padding-top: 6rem;}
.frame-space-before-extra-large {padding-top: 8rem;}
.frame-space-after-extra-small {padding-bottom: 1rem; }
.frame-space-after-small {padding-bottom: 2rem; }
.frame-space-after-medium  {padding-bottom: 4rem;}
.frame-space-after-large {padding-bottom: 6rem;}
.frame-space-after-extra-large {padding-bottom: 8rem;}

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

:focus { outline: none;}
button:focus { outline: none;}

.clearer {float: none; clear: both;}

img.img-responsive, .ce-gallery img { width: 100%; height: auto;transition: all 0.2s ease-in-out;}
.ce-textpic.ce-center.ce-below .ce-gallery img { width: auto; height: auto;transition: all 0.2s ease-in-out;}
.ce-textpic.ce-center.ce-below .ce-gallery {text-align: center; margin-top: 2rem;}

figure.image>a:before {display: none;}

iframe { margin-bottom: -6px;}

.fa, .fas, .far {font-weight: 300;}

#header {
	-webkit-box-shadow: inset 0 5px 5px -5px rgba(0,0,0,0.2);
    -moz-box-shadow: inset 0 5px 5px -5px rgba(0,0,0,0.2);
    box-shadow: inset 0 5px 5px -5px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
    line-height: 2rem;
    position: fixed;
    width: 100%;
    background: #eee7df;
    z-index: 11;
}
#header .btn {margin: 0;} 
.headertop { transition: all 0.2s ease-in-out; background: #575656; height: 42px; color: #fff; font-family: "Barlow Bold", sans-serif; font-size: 1rem; padding: 0.3rem 0;}
#header p {margin: 0;}
.headertop a, .headertop .telefon:before, .headertop .email:before {color: #fff; font-weight: 600;}
.headermain {padding: 0.5rem 0; height: 55px;}
.kontakt p {display: flex; gap: 1rem; align-items: center;}
#header .text-right {
    justify-content: end;
    display: flex;
}

.logo {margin-top: -1.4rem; position: relative; width: 100%;}
.logo a {display: block; width: 150px;padding: 1rem 1.4rem 1rem 1.8rem; position: absolute;background: #fff;transition: all 0.2s ease-in-out;text-align: center; height: auto;box-shadow: 0px 0px 5px rgb(0 0 0 / 20%);border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;}

.scroll .logo a {padding: 0.5rem;transition: all 0.2s ease-in-out;}
.scroll .logo img {width: 50px;}
.scroll .headertop {padding: 0; height: 0;transition: all 0.2s ease-in-out;font-size: 0;}
.scroll .headertop .kontakt {opacity: 0;}

.logo_menu {width: 100px;margin: 0 auto; margin-bottom: 2rem;}

.buttons { display: flex; gap: 1rem; align-items: end;}
.specials ul { margin: 0; padding: 0; list-style: none;}
.specials a {
  padding: 0.3rem 2rem;
  border: 1px solid #b2a386;
  background: #b2a386;
  border-radius: 10px;
  transition: all 0.2s ease-in-out;
  font-family: "Barlow Bold", sans-serif;
  text-transform: uppercase;
  font-size: 1.1rem;
  text-align: center;
  color: #fff;
  line-height: 1.5;
  display: block;
}
.specials a:hover {
  background-color: #575656;
  border: 1px solid #575656;
}

.fixed_buttons {
    position: fixed;
    right: 0;
    top: 20%;
    z-index: 10;
}
.button-wrapper {
    display: flex;
    justify-content: end;
    margin-bottom: 1rem;
}
.fixedbutton {margin: 0; padding: 0;}
.fixedbutton a {display: flex; gap: 1.2rem; align-items: center;}
.fixedbutton span {display: inline-block;}
.fixedbutton .icon {font-size: 2rem;}
.fixedbutton .text {transition: all 0.2s ease-in-out; font-size: 0;font-family: "Barlow Bold", sans-serif;}
.fixedbutton a {color: #fff; width: 60px; text-transform: uppercase; padding: 0.5rem 1rem; border-top-left-radius: 10px; border-bottom-left-radius: 10px;}
.fixedbutton a:hover {width: auto;}
.fixedbutton a:hover .text {transition: all 0.2s ease-in-out;font-size: 1.6rem;}
.fixedbutton a.gelb {background-color: #fbb832;}
.fixedbutton a.gruen {background-color: #84b390;}
.fixedbutton a.blau {background-color: #98c5c3;}

.mainnav { width: 100px; position: relative; right: 0; top: -1rem; margin-left: 4rem;}
.mainnav label {margin: 0; display: block;}

.mainnav ul.nav.nav-pills.nav-fill { font-family: "Barlow Bold", sans-serif;margin: 0; padding: 0.5rem 0;border-top: 3px solid #b2a386;border-bottom: 3px solid #b2a386; width: 280px; margin: 0 auto; margin-bottom: 1.5rem;margin-top: 100px;text-transform: uppercase;}
.scroll .mainnav ul.nav.nav-pills.nav-fill {margin-top: 60px;}
.mainnav ul.nav.nav-pills.nav-fill li { padding: 0.5rem;display: block; font-size: 1.4rem;}
.subnav {text-transform: none;border-bottom: 3px solid #b2a386;width: 250px; margin: 0 auto; padding: 0 0 1.5rem 0;margin-bottom: 1rem;}
.subnav li { padding: 0.2rem;}

.navtext {
    position: absolute;
    left: 50px;
    top: 0;
    font-family: "Barlow Regular", sans-serif;
    display: block;
    width: 85px;
}
.mainnav ul.nav.nav-pills.nav-fill li.active a:after, .outer-menu .menu > div > div > ul > li.active > a:after { width: 100%;}

.mainsubnav {background: #eee7df; text-transform: uppercase;font-family: "Barlow Bold", sans-serif; font-size: 1rem; }
.mainsubnav .nav {padding: 0;}
.mainsubnav .nav a {padding: 0.5rem; display: block;}
.mainsubnav .nav li.active a, .mainsubnav .nav li a:hover {background: #b2a386; color: #fff;}

.mainsubnav.fixed {position: fixed;top: 55px;width: 100%;z-index: 10;}

ul.anchor {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}
ul.anchor li {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    text-align: center;
}
ul.anchor li a {
    padding: 0.5rem;
    display: block;
    text-transform: uppercase;
    font-family: "Barlow Bold", sans-serif;
    font-size: 1rem;
}
ul.anchor li a:hover {
    background: #b2a386;
    color: #fff;
}



div#maintrailer {margin-top: 95px; position: relative; overflow: hidden; margin-bottom: 2rem; transition: all 0.2s ease-in-out;}
.scroll div#maintrailer {margin-top: 55px; transition: all 0.2s ease-in-out;}
div#maintrailer figure {margin: 0;}
div#maintrailer .ce-gallery {max-height: 600px; overflow: hidden; width: 100%; position: relative; z-index: 0;}
/*div#maintrailer .ce-bodytext {position: absolute; z-index: 0; width: 250px; height: 250px; color: #fff; background: #b2a386; border-radius: 250px;text-align: center; padding: 1rem;display: table;top: 22%;left: 15%;}*/
div#maintrailer .ce-gallery .ce-column:nth-child(2) { display: none;}
div#maintrailer .ce-bodytext, div#maintrailer .news-list-view {
    position: absolute;
    color: #fff;
    background: rgba(178, 163, 134, 0.9);
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    text-align: center;
    top: 15%;
    right: 5%;
    overflow: hidden;
    transition: all 0.2s ease-in-out;
    z-index: 2;
    border-radius: 250px;
    overflow: hidden;
}
div#maintrailer .ce-bodytext a, div#maintrailer .news-list-view a {
	padding: 1rem; 
	display: block;
	width: 250px;
	height: 250px;
	display: table;
}
div#maintrailer .article_inner {display: table-cell; vertical-align: middle;}
div#maintrailer .ce-bodytext:hover, div#maintrailer .news-list-view:hover {background: rgba(178, 163, 134, 1);transition: all 0.2s ease-in-out;}
div#maintrailer .ce-bodytext .bodytext-inner {-ms-hyphens: auto;-webkit-hyphens: auto;hyphens: auto;}
div#maintrailer .ce-bodytext p { margin: 0; padding: 0;}
div#maintrailer .ce-bodytext .h2, div#maintrailer .ce-bodytext .h3 {font-family: "Barlow Regular", sans-serif; font-size: 1.5rem; line-height: 1.8rem; padding: 0.5rem 0;}
.trailer img {min-height: 250px; max-height: 600px; object-fit: cover;object-position: center;}
div#maintrailer .ce-left .ce-bodytext {position: absolute; z-index: 0; width: 250px; height: 250px; color: #fff; background: #b2a386; border-radius: 250px;text-align: center; padding: 1rem;display: table;top: 22%;right: 15%; left: auto;}
div#maintrailer .ce-bodytext a { color: #fff; padding: 1rem; display: block;}
div#maintrailer .teaser-text {padding: 0.5rem 0;}
div#maintrailer .teaser-text p {margin: 0;}
div#maintrailer .more {margin: 0.5rem 0;}
div#maintrailer .article.ce-bodytext {padding: 0;    }
div#maintrailer .article a {color: #fff;}
div#maintrailer .news-list-view .article {padding-bottom: 0;margin-bottom: 0; display: table-cell; vertical-align: middle;}
div#maintrailer .article .h3 {padding: 0;line-height: 1.6rem;}
.news .article .teaser-text {margin: 0 auto;}
div#maintrailer .article:nth-child(even) {margin-top: 0.5rem;}
div#maintrailer .news-single .header {display: none;}
div#maintrailer .news-single .teaser-text {display: none;}
div#maintrailer .news-single .news-text-wrap {display: none;}
div#maintrailer .news-single img {width: 100%; height: auto;}
div#maintrailer .news-single .article .news-img-wrap {
    float: none;
    width: 100%;
    margin: 0;
    top: 0;
}
div#maintrailer .news-single .article .news-img-wrap a {float: none;}
div#maintrailer .news-single .mediaelement-image {text-align: center;}
div#maintrailer .news-single .news-backlink-wrap, div#maintrailer .news-single .news-related-wrap, div#maintrailer .news_contentelement {display: none;}
#maintrailer .no-news-found {display: none;}

.buchung {
    position: absolute;
    bottom: 0;
    width: 100%;
}

.content .telefon a, .content .email a {text-decoration: none; display: inline;}
.telefon:before {font-weight: 300; content: "\f095"; font-family: "Font Awesome\ 6 Pro"; text-decoration: inherit; list-style: none; position: relative; font-size: 1rem; top: 0px; left: 0px; color: #000; padding: 0; }
.fax:before { font-weight: 300; content: "\f1ac"; font-family: "Font Awesome\ 6 Pro"; text-decoration: inherit; list-style: none; position: relative; font-size: 1rem; top: 0px; left: 0px; color: #000; padding: 0; font-}
.email:before { font-weight: 300; content: "\f0e0"; font-family: "Font Awesome\ 6 Pro"; text-decoration: inherit; list-style: none; position: relative; font-size: 1.1rem; top: 0px; left: 1px; color: #000; padding: 0; }
.website:before { font-weight: 300; content: "\f0ac"; font-family: "Font Awesome\ 6 Pro"; text-decoration: inherit; list-style: none; position: relative; font-size: 1rem; top: 0px; left: 0px; color: #000; padding: 0; }
.adress:before { font-weight: 300; content: "\f3c5"; font-family: "Font Awesome\ 6 Pro"; text-decoration: inherit; list-style: none; position: relative; font-size: 1.2rem; top: 0px; left: 0px; color: #000; padding: 0; }
.extlink:after { font-weight: 300; content: "\f08e"; font-family: "Font Awesome\ 6 Pro"; text-decoration: inherit; list-style: none; position: relative; font-size: 1rem; top: 0px; left: 5px; color: #000; padding: 0; transition: all 0.2s ease-in-out;}
.extlink:hover:after { color: #000;transition: all 0.2s ease-in-out;}
.intlink:before { content: "\f0da"; font-family: "Font Awesome\ 6 Pro"; text-decoration: inherit; list-style: none; position: absolute; margin-top: 1px; margin-right: 0px; font-size: 1rem; margin-left: -10px; color: #000; padding: 0; font-weight: 600;transition: all 0.2s ease-in-out; text-decoration: none;}
.intlink:hover:before { color: #000;transition: all 0.2s ease-in-out;text-decoration: none;}
.intlink {margin-left: 10px;}
.telefon, .fax, .email, .website, .adress {display:flex !important; gap:0.5rem;position: relative;;}
.btn, .powermail_submit {
	border-bottom: none;
    display: inline-block;
    padding: 0.3rem 2rem;
    margin-top: 1rem;
    font-weight: inherit;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border:1px solid #1c92b8;
    border-radius: 10px;
    transition: all 0.2s ease-in-out;
    font-family: "Barlow Bold", sans-serif;
    text-transform: uppercase;
    font-size: 1.1rem;
}
.btn-default.active.focus, .btn-default.active:focus, .btn-default.active:hover, .btn-default:active.focus, .btn-default:active:focus, .btn-default:active:hover, .open>.dropdown-toggle.btn-default.focus, .open>.dropdown-toggle.btn-default:focus, .open>.dropdown-toggle.btn-default:hover {
    color: #fff;
    background-color: #1c92b8;
    outline: none;
}
.btn-default, .powermail_submit { color: #fff; background-color: #1c92b8; border-color: #1c92b8;}
.btn-primary { color: #fff !important; background-color: #1c92b8; border-color: #1c92b8}
.btn-default:hover, .btn-default:focus, .blau .btn-default:hover, .blau .btn-default:focus, .btn-primary:hover, .content .btn-primary:focus, .powermail_submit:hover { transition: all 0.2s ease-in-out; color: #fff;background-color:#575656; border:1px solid #575656; }
.btn-default.next:after {
  	content: "";
    font-family: "Font Awesome\ 5 Pro";
    text-decoration: inherit;
    list-style: none;
    position: relative;
    font-size: 22px;
    top: 2px;
    left: 5px;
    right: -10px;
    color: #000;
    padding: 0;
    font-weight: 300;
    line-height: 20px;
    visibility: hidden;
    opacity: 0;
    transition: all 0.3s ease-in-out; 
}
.btn-default.next:hover {padding-right: 2rem;transition: all 0.3s ease-in-out;}
.btn-default.next:hover:after {visibility: visible; opacity: 1; content: "\f105";transition: all 0.2s ease-in-out; left: 10px;}
.btn-default.prev:before {
  	content: "";
    font-family: "Font Awesome\ 5 Pro";
    text-decoration: inherit;
    list-style: none;
    position: relative;
    margin-left: 0px;
    font-size: 22px;
    top: 2px;
    left: -10px;
    color: #000;
    padding: 0;
    font-weight: 300;
    line-height: 20px;
    visibility: hidden;
    opacity: 0;
    transition: all 0.2s ease-in-out;
}
.btn-default.prev {transition: all 0.3s ease-in-out; }
.btn-default.prev:hover {padding-left: 1.7rem;transition: all 0.3s ease-in-out;}
.btn-default.prev:hover:before {visibility: visible; opacity: 1; content: "\f104";transition: all 0.2s ease-in-out;}
.btn-default.download:before {
	content: "\f019";
    font-family: "Font Awesome\ 5 Pro";
    text-decoration: inherit;
    list-style: none;
    position: absolute;
    margin-right: 0;
    font-size: 1.8rem;
    right: -15px;
    color: #000;
    padding: 0;
    font-weight: 300;
}
.btn-default.download {padding: 0; font-size: 0; background: transparent;}
/*.btn-info:after {
    content: "\f129";
    font-family: "Font Awesome\ 5 Pro";
    text-decoration: inherit;
    list-style: none;
    position: relative;
    margin-right: 0px;
    font-size: 16px;
    top: 0px;
    left: 10px;
    color: #575656;
    padding: 0;
    font-weight: 600;
}*/
a.btn.btn-default.flex {
	width: 48%;
	white-space: normal;
	vertical-align: top;
}
a.btn.btn-default.flex:first-child {float: left;}
a.btn.btn-default.flex:last-child {float: right;}
.btn-info {background-color: #ffc107; border-color: #ffc107;transition: all 0.2s ease-in-out; color: #575656;font-family: "Barlow Bold", sans-serif; margin: 0; width: 100%;}
.btn-info:hover, .btn-info:focus { color: #575656; background-color: #e2aa03; border-color: #e2aa03;transition: all 0.2s ease-in-out;}

.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus { outline: 0px auto -webkit-focus-ring-color; outline-offset: 0px;}

.btn.btn-default.nexticon {font-size: 0;padding: 0;background: transparent;border-radius: 0; line-height: normal; margin: 0;}
.btn.btn-default.nexticon:before {
	content: "\f178";
    font-family: "Font Awesome\ 5 Pro";
    text-decoration: inherit;
    list-style: none;
    position: relative;
    margin-right: 0px;
    font-size: 2rem;
    top: 0;
    left: 0px;
    color: #000;
    padding: 0;
    font-weight: 300;
    line-height: normal;
}
.btn-info:not(:disabled):not(.disabled).active:focus, .btn-info:not(:disabled):not(.disabled):active:focus, .show>.btn-info.dropdown-toggle:focus {box-shadow: none;}
.btn-info:not(:disabled):not(.disabled).active, .btn-info:not(:disabled):not(.disabled):active, .show>.btn-info.dropdown-toggle {
    color: #fff;
    background-color: #aa997d;
    border-color: #aa997d;
}
.btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show>.btn-primary.dropdown-toggle:focus {box-shadow: none;}
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #575656;
    border-color: #575656;
}

.pull-right {float: right;}

.box.rahmen {
    width: 80%;
    margin: 0 auto;
}

.content .frame-layout-0 {background-color: transparent; position: relative;}
.content .frame-layout-1 {background-color: #eee7df; position: relative;}
.content .frame-layout-2 {background-color: #d9edf4; position: relative;}
.content .frame-layout-3 {background-color: #eee;position: relative;}

.content .btn, .content .powermail_submit {padding: 0.75rem 2rem;}

.box {position: relative; width: 100%;overflow: hidden; height: 100%;}
.box.square {height: auto;}
.box.square:before{content: "";display: block;padding-top: 100%;}
.box .box_outer {height: 100%;}
.box.square .box_outer {
  position:  absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  text-align: center;
  overflow: hidden;
}
.box .box_inner {position: relative; overflow: hidden; height: 100%; text-align: center;}
.box.square img {width: 100%; height: 100%; object-fit: cover;}
.ap_bild {
    max-width: 250px;
    margin: 0 auto;
}
.ap_bild .box.square .box_outer {
  border-radius: 50%;
}

.text_mit_icon {
    margin: 1rem 0;
}
.text_mit_icon p:last-child {margin: 0;}
.text_mit_icon .titel {font-family: "Barlow Bold", sans-serif;}

.termin_datum {font-family: "Barlow Bold", sans-serif; text-align: center; margin-bottom: 1rem;}
table.termine tr:nth-child(odd) {background: transparent;}
table.termine tr:nth-child(even) {background: transparent;}
table.termine td {padding: 0.3rem 0rem;}
table.termine .status {text-transform: uppercase; color: darkred; text-align: end;}

.accordion-item:last-of-type {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}
.accordion-item:first-of-type {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.accordion-item {
    background-color: transparent;
    border: none;
}
.accordion-header {
    margin-bottom: 0;
    padding-bottom: 0;
    font-family: "Barlow Regular", sans-serif;
}
.accordion-button {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    padding: 1rem 1.25rem;
    font-size: 1.4rem;
    color: #575656;
    text-align: left;
    background-color: transparent;
    border: 0;
    border-radius: 0;
    overflow-anchor: none;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, border-radius .15s ease;
}
.accordion-button:not(.collapsed) {
    color: inherit;
    background-color: transparent;
    box-shadow: none;
}
.accordion-button:focus {
    z-index: 3;
    border-color: transparent;
    outline: 0;
    box-shadow: none;
}
.accordion-item {border-bottom: 1px solid #575656; }
.accordion-item:last-child {border-bottom: none; }
.accordion-body {
    padding: 0rem 1.25rem;
}
.accordion-button::after {
    flex-shrink: 0;
    width: auto;
    height: auto;
    margin-left: auto;
    content: "\f0d7";
    font-family: "Font Awesome\ 6 Pro";
    font-weight: 600;
    font-size: 1.6rem;
    background-image:none;
    background-repeat: no-repeat;
    background-size: 0;
    transition: transform .2s ease-in-out;
    transform: rotate(0deg);
}
.accordion-button:not(.collapsed)::after {
    background-image:none;
    transform: rotate(-180deg);
}

.content .ce-gridgallery a { margin-left: 0px !important;}
.content .ce-gridgallery a:before, .content .ce-gridgallery a:after {display: none;}

.ansprechpartner { background: #dcd6c8;}
.ansprechpartner h2 {font-size: 1.8rem;}
.ansprechpartner .email:before, .ansprechpartner .telefon:before {font-weight: 600; color: #aa997d; font-size: 1.3rem; top: 1px;}
.content .ansprechpartner a {color: #575656;}
.wrapper.tub_main {position: relative;overflow: hidden;}
.wrapper.tub_main .row.align-items-center {min-height: 500px;}
.wrapper.tub_main:nth-of-type(odd) {background: #eee7df;}
.wrapper.tub_main .tub_bild {
    position: absolute;
    top: 0;
    right: 0;
    width: 50%;
    overflow: hidden;
}
.wrapper.tub_main .tub_bild img {width: 100%; object-fit: cover;transition: height 0.3s ease;}
.wrapper.tub_main:nth-of-type(odd) .tub_text {
    padding: 2rem 2rem 2rem 0;
    width: 50%;
    float: left;
}
.wrapper.tub_main .tub_text h2 {font-size: 1.8rem;}
.wrapper.tub_main:nth-of-type(even) {background: #fff;}
.wrapper.tub_main:nth-of-type(even) .tub_bild {
    position: absolute;
    top: 0;
    left: 0;
    width: 50%;
}
.wrapper.tub_main:nth-of-type(even) .tub_text {
    padding: 2rem 0 2rem 2rem;
    width: 50%;
    float: right;
}

.linkbox,
.linkbox>a,
.linkboxbox_outer,
.linkboxbox_inner {height: 100%; display: block; background: #fff; width: 100%;}
.linkbox .linkboxbox_bild {width: 100%; height: auto; object-fit: cover; overflow: hidden; display: block;}
.linkbox .linkboxbox_bild img {height: 100%; width: 100%;object-fit: cover;object-position: top;transition: all 0.2s ease-in-out;}
.linkbox a:hover .linkboxbox_bild img {transform: scale(1.1);transition: all 0.2s ease-in-out;}
.linkbox .linkboxbox_text {padding: 1rem;display: block;}
.linkbox .linkboxbox_text p:last-child {margin: 0;}
.content .linkbox a {color: #575656;}
.content .linkbox a:after {display: none;}
.linkbox .linkboxbox_titel {
    margin: 0;
    display: block;
    font-size: 1.4rem;
    padding-bottom: 1rem;
    line-height: 2rem;
    font-family: "Barlow Regular", sans-serif;
}
.content .linkbox>a {margin: 0 !important;}
.content .linkbox>a:before {display: none;}
.content .linkboxbox_text.text-center .telefon { justify-content: center;}
.content .linkboxbox_text.text-center .email {display: inline !important; color: #b2a386;}
.content .linkboxbox_text.text-center .email:before {left: 0; margin-right: 0.5rem;}
.content .linkboxbox_text.text-center .email:hover {color: #575656;}

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

.justify-content-between {
    justify-content: flex-start !important;
    --bs-gutter-x: 5rem;
    --bs-gutter-y: 2rem;
}

.swiper-button-next, .swiper-button-prev {color:#aa997d !important; }
.swiper-button-prev, .swiper-rtl .swiper-button-next {
    left: -50px !important;
    right: auto;
}
.swiper-button-next, .swiper-rtl .swiper-button-prev {
    right:-50px !important;
    left: auto;
}

.content figure {margin: 0;}

.content .textblock, .content .imageblock {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0;
}
.content .textblock .frame-type-text {padding: 3rem 5rem;}
.content .imageblock img {object-fit: cover;height: 100%;}
.content .imageblock .frame-type-image, .content .imageblock .ce-image, .content .imageblock .ce-gallery, .content .imageblock .ce-outer, .content .imageblock .ce-inner, .content .imageblock .ce-row, .content .imageblock .ce-column, .content .imageblock .image {height: 100%; width: 100%;}
.content .textblock p:last-child {margin: 0;}
 
.graubeige {background: #dcd6c8; padding: 3rem 0;}
.beige {background: #eee7df;}
.blau { background: #d9edf4;}
.weiss {background: #fff;}

.blau .btn-default { color: #fff; background-color: #1c92b8; border-color: #1c92b8;}

.content li {margin-bottom: 0.5rem;}
.content a {color: #aa997d; display: inline-block;}
.content a:hover {color: #575656;}
.content a.btn-default {color: #fff;}
.content a.btn-default:hover {color: #fff;}
.content a.btn-info {color: #575656;}
.content a:after{
    content: '';
    position: absolute;
    z-index: 1;
    bottom: 0em;
    left: 0;
    width: 0;
    height: 2px;
    background: #575656;
    transition: width 0.3s ease;
}
.content a:hover:after {
    width: 100%;
}
.content .image a:after {display: none;}
.btn:after {display: none}

.graubeige a {color: #575656;}

.imageblock .flexslider {
    margin: 0;
    background: #fff;
    border: none;
    position: relative;
    zoom: 1;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    height: 100%;
}
.imageblock .flexslider .slides li {margin: 0; padding: 0;}
.imageblock .flexslider .slides li:before {display: none;}
.imageblock .frame-type-list, .imageblock .tx-ws-flexslider, .imageblock .flexslider .slides, .imageblock .flexslider .slides li, .imageblock .slidercontent {height: 100%;max-height: 600px;}
.tx-ws-flexslider a:after {display: none;}
ul.flex-direction-nav {
    position: absolute;
    top: 0%;
    width: 100%;
    height: 100%;
    z-index: 8;
}
.content .tx-ws-flexslider .flex-direction-nav li:before { display: none;}

.flex-direction-nav a:before {
    font-family: "Font Awesome\ 5 Pro";;
    font-size: 40px;
    display: inline-block;
    content: '\f053';
    color: #fff;
    text-shadow: none;
    line-height: 40px;
}
.flex-direction-nav a.flex-next:before { content: '\f054';}
.flex-control-nav { width: 100%; position: relative; bottom: -20px; text-align: center; z-index: 9;}
.flex-control-paging li a {
    width: 20px;
    height: 20px;
    display: block;
    background: #666;
    background: #fff;
    cursor: pointer;
    text-indent: -9999px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    border: 1px solid #aa997d;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
}
.flex-control-paging li a.flex-active {background: #aa997d;cursor: default;}
.flex-control-paging li a:hover {background: #aa997d;}
.imageblock .flexslider:hover .flex-direction-nav .flex-prev {
    opacity: 1;
    left: 2rem;
}
.imageblock .flexslider:hover .flex-direction-nav .flex-next {
    opacity: 1;
    right: 2rem;
}
.imageblock .flex-control-nav {
    width: 100%;
    position: relative;
    bottom: 35px;
    text-align: center;
    z-index: 9;
}
.flex-direction-nav .flex-prev {left: 2rem;}
.flex-direction-nav .flex-next {right: 2rem;}

.ce-textpic.ce-right.ce-intext .ce-gallery {width: auto; float: right; margin-left: 1rem;}
.ce-textpic.ce-right.ce-intext:after {content:"";display: table; clear: both;}

.ce-textpic.ce-left.ce-intext .ce-gallery {width: auto; float: left; margin-right: 1rem;}

.contenttable td { padding-right: 1rem;}
.contenttable td:last-child { padding-right: 0rem;}
table {width: 100%; border: none;}
table td, table[border="1"] th {padding: 0.5rem 1rem; border: none; min-width: 100px;}
table td:last-child {padding-right: 1rem;}
table th {background: #dcd6c8;}
table tr:nth-child(even) {background: #eee7df;}
table tr:nth-child(odd) { background: #f5f2ef;}
tbody, td, tfoot, th, thead, tr {border-style: none;}

.blue table tr:nth-child(even) {background: #ceecf7;}
.blue table tr:nth-child(odd) { background: #e2f2f9;}

.table-scrollable {
  width: 100%;
  overflow-y: auto;
  margin-bottom: 1rem;
}
.table-scrollable::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 10px;
  height: 10px;
}
.table-scrollable::-webkit-scrollbar-thumb {
  border-radius: 8px;
  border: 1px solid #fff;
  background-color: rgba(0, 0, 0, .1);
}

.justified-gallery {
    width: auto;
    position: relative;
    overflow: hidden;
    margin: 0 -15px;
}

.blau .frame-type-menu_subpages ul {display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;padding-left: 0;margin-bottom: 0;list-style: none;}
.blau .frame-type-menu_subpages li {-ms-flex: 1 1 auto;flex: 1 1 auto;text-align: center; margin: 0.5rem 0;}
.blau .frame-type-menu_subpages li a {color: #fff;background-color: #1c92b8;border-color: #1c92b8;padding: 0.5rem 1rem; margin: 0 1rem; transition: all 0.2s ease-in-out; text-transform: uppercase; display: block;}
.blau .frame-type-menu_subpages li a:hover {transition: all 0.2s ease-in-out;color: #fff;background-color: #575656;}
.blau h2:before {border-top: 3px solid #1c92b8;}
.blau h2:after {border-bottom: 3px solid #1c92b8;}

.content ul.ce-uploads li:before { content: ""; margin: 0;}
.content .ce-uploads-filesize {margin-left: 10px; border-left: 1px solid #4C5351; padding-left: 10px;line-height: 14px; display: inline-block;}
.content .frame-type-uploads ul.ce-uploads {margin: 0 0 0 0; padding: 0;}
.content .ce-uploads li {margin: 0 0 0.8rem 0 ; list-style: none;}
.content .ce-uploads li img {display: none;}
.content .ce-uploads a {color: #aa997d;font-family: "Barlow Regular", sans-serif;}
.content a[href$=".jpg"]:before, .content .ce-uploads a[href$=".jpg"]:before, .content .ce-uploads a[href$=".JPG"]:before, .content .ce-uploads a[href$=".png"]:before {
    content: "\f1c5";
    font-family: "Font Awesome\ 5 Pro";
    text-decoration: inherit;
    list-style: none;
    position: relative;
    margin-right: 8px;
    font-size: 1.2rem;
    top: 0px;
    left: 0px;
    color: #aa997d;
    padding: 0;
    font-weight: 300;
    margin-left: -20px;
}
.content a[href$=".pdf"],
.content a[href$=".jpg"]  { margin-left: 20px;font-family: "Barlow Regular", sans-serif;}
.content a[href$=".pdf"]:before, .content .ce-uploads a[href$=".pdf"]:before, .content .ce-uploads a[href$=".PDF"]:before, .fal-securedownload .icon-file.icon-file-pdf:before  {
    content: "\f1c1";
    font-family: "Font Awesome\ 5 Pro";
    text-decoration: inherit;
    list-style: none;
    position: relative;
    margin-left: -20px;
    font-size: 1.2rem;
    color: #aa997d;
    padding: 0;
    font-weight: 300;
    margin-right: 5px;
    top: 0px;
    transition: all 0.2s ease-in-out;
}
.content a.btn-default[href$=".pdf"], .content a.btn-default[href$=".jpg"] {margin-left: 0;padding-left: 3rem;}
.content a.btn-default[href$=".pdf"]:before,.content a.btn-default[href$=".pdf"]:hover:before, .content a.btn-default[href$=".jpg"]:before,.content a.btn-default[href$=".jpg"]:hover:before  {color: #fff;}
.content a[href$=".pdf"]:hover:before,
.content a[href$=".jpg"]:hover:before
 {color: #575656;transition: all 0.2s ease-in-out;}
.content .ce-uploads a[href$=".doc"]:before, .content .ce-uploads a[href$=".docx"]:before, .fal-securedownload .icon-file.icon-file-docx:before, .fal-securedownload .icon-file.icon-file-doc:before {
    content: "\f1c2";
    font-family: "Font Awesome\ 5 Pro";
    text-decoration: inherit;
    list-style: none;
    position: relative;
    margin-left: -20px;
    font-size: 1.2rem;
    color: #aa997d;
    padding: 0;
    font-weight: 300;
    margin-right: 5px;
}
.content .ce-uploads a[href$=".xls"]:before, .content .ce-uploads a[href$=".xlsx"]:before {
    content: "\f1c3";
    font-family: "Font Awesome\ 5 Pro";
    text-decoration: inherit;
    list-style: none;
    position: relative;
    margin-left: -20px;
    font-size: 1.2rem;
    color: #aa997d;
    padding: 0;
    font-weight: 300;
    margin-right: 5px;
}
.content .ce-uploads a[href$=".ppt"]:before, .content .ce-uploads a[href$=".PPT"]:before, .fal-securedownload .icon-file.icon-file-ppt:before {
    content: "\f1c4";
    font-family: "Font Awesome\ 5 Pro";
    text-decoration: inherit;
    list-style: none;
    position: relative;
    margin-left: -20px;
    font-size: 1.2rem;
    color: #aa997d;
    padding: 0;
    font-weight: 300;
    margin-right: 5px;
}
.content .ce-uploads a:hover:before, .content .ce-uploads a:focus:before {color: #575656; text-decoration: none;transition: all 0.2s ease-in-out;} 
.content .ce-uploads a, .fal-securedownload a { margin-left: 20px;} 

.content .image a[href$=".pdf"] {margin: 0;}
.content .image a[href$=".pdf"]:before {display: none;}

.news .article .news-img-wrap a {
    display: block;
    float: left;
    padding: 0;
    border: none;
    background: #fff;
}
.content .news .article .news-img-wrap a:after {display: none;}
.content .news-single .teaser-text {font-size: 1.2rem;color: #575656;font-family: "Barlow Regular", sans-serif;}
.content .news-list-view .article .news-img-wrap {float: none;margin: 0;background: transparent;height: 250px; overflow: hidden;}
.content .news-list-view .article .news-img-wrap img {width: 100%; height: 100%;object-fit: cover;transition: all 0.2s ease-in-out;float: none;}
.content .news-list-view .article:hover .news-img-wrap img {transform: scale(1.1);transition: all 0.2s ease-in-out;}
.content .news-list-view .article a:after {display: none;}
.content .news-list-view .article .header {background: #b2a386; color: #fff;font-family: "Barlow Regular", sans-serif; text-align: center; padding: 0.5rem 1rem;font-size: 1.4rem;}
.content .news-list-view .article .teaser-text {margin: 0;padding: 1rem;}
.content .blue .news-list-view .article .header{background: #1c92b8;}
.content .blue .news-list-view .article .h3 {color:#1c92b8;}
.content .newslist .frame-type-list {background: #fff; height: 100%;} 
.content .newslist .col-12 {margin: 15px 0;}
.content .newslist {padding-top: 2rem; padding-bottom: 2rem;}
.content .newslist a {color: #575656;}
.content .news-list-view .article .h3 {color: #b2a386;}
.content .news-list-view .article .teaser-text p {margin: 0;}
.content .news-single .article .news-img-wrap {display: none;}
.content .news-related-wrap {display: table;margin-top: 0;width: 100%;}
.content .news-single h1 {text-align: center;}
.news_contentelement {margin-bottom: 3rem;}


#footer { background: #575656; padding-bottom: 0rem; font-size: 1.1rem; line-height: 1.6rem; box-shadow: 0px 0px 5px rgb(0 0 0 / 20%); color: #fff;}
#footer h2 {text-transform: uppercase; color: #fff; margin-top: 2rem; display: block; font-size: 1.4rem;}
#footer ul {padding: 0; margin: 0;}
#footer li {padding-bottom: 1rem; list-style: none;}
#footer figure {margin: 0}
.footercontent {padding-bottom: 1rem;}
.footercontent a { display: inline-block; color: #fff;}
.footercontent a:hover { color: #aa997d;}
#footer .telefon:before, #footer .email:before, #footer .adress:before {color: #fff; font-weight: 600;}
#footer .border {border: none !important; }
#footer .border>.frame-type-ce_columns2 {border-top: 1px solid rgba(255, 255, 255, 0.3); padding-top: 1.5rem;}
#footer .social {display: flex; gap: 1rem; justify-content: end; font-size: 3rem; align-items: center;}
#footer .btn {background: #fff; color: #575656; border: 1px solid #fff;}
#footer .btn:hover { color: #fff; background: #575656;}
#footer .ce-col.col-lg-3 p {margin: 0;}


#footer .ce-gallery[data-ce-columns="4"] .ce-column {display: inline-block;}
#footer .ce-gallery[data-ce-columns="4"] img { width: auto; height: inherit; margin-right: 1rem;}

#footer .ce-gallery[data-ce-columns="5"] .ce-column {display: inline-block;}
#footer .ce-gallery[data-ce-columns="5"] img { width: auto; height: inherit; margin-right: 1rem; margin-bottom: 1rem;}

a:not([href]):not([tabindex]) { color: inherit; text-decoration: none; display: none;}

.scrollToTop {
    font-size: 16px;
    cursor: pointer;
    position: fixed;
    bottom: 6rem;
    right: 15px;
    display: block;
    border-radius: 50px;
    z-index: 10;
    height: 42px !important;
    width: 42px;
    display: none;
    background-color:  rgba(144, 132, 120, 0.8);
    transition: width 0.2s ease-in-out;
    -webkit-box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,0.1);
	box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,0.1);
	border: 1px solid #fff;

}
.scrollToTop a {color: #fff; display: block; }
.scrollToTop i {position: relative; transition: all 0.2s ease-in-out; margin-right:0px; font-size: 32px; line-height: 40px;width: 40px; height: 40px; text-align: center;border-radius: 40px;background-color:rgba(255,255,255,0.3);}
.scrollToTop span {width: 0px;position: absolute; color: #fff; height: 0px; display: block; right: 15px;top: 0; transition: all 0.2s ease-in-out; opacity: 0; visibility: hidden; line-height: 36px; font-size: 0rem; text-align: right;}
.scrollToTop:hover {width: 150px;transition: width 0.2s ease-in-out;}
.scrollToTop:hover i {transition: all 0.2s ease-in-out;}
.scrollToTop:hover span {width: 100px;transition: all 0.2s ease-in-out; opacity: 1; visibility: visible; font-size: 1.1rem;}

.viewslide {width: 100%; margin: 0 auto; text-align: center; position: fixed; bottom: 2rem;}

/*::-webkit-scrollbar { width: 12px;  background: #eee; display: none;}*/
::-webkit-scrollbar { width: 8px;  background: transparent; display: block; position: absolute; z-index: 9;}
::-webkit-scrollbar-thumb { border: none; border-radius: 10px; background: #b2a386; min-height: 50px;}
::-webkit-scrollbar-thumb:active { background: #b2a386;}

/* FORM */
.form-control {
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #575656;
    background-color: #efefef;
    background-clip: padding-box;
    border: 1px solid #efefef;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0;
    margin-bottom: 1rem;
    height: 45px;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
.required {color: red;}
.form-check {
    display: block;
    min-height: 1.5rem;
    padding-left: 0;
    margin-bottom: .75rem;
}
.checkbox .form-check label {display: flex; gap: 0.5rem; align-items: baseline; margin-bottom: 1rem;}
.captcha a:after {display: none;}
.form-control:focus {
    color: #212529;
    background-color: #efefef;
    border-color: red;
    outline: 0;
    box-shadow: none;
}
textarea.form-control {
    min-height:100px;
}
.inputs-list .form-group, .form-check .form-check-input {display: block; margin-left: 0; margin-bottom: 0.5rem; flex: none;}
.form-check {display: inline-flex;padding-left: 0; }
.form-check-input {background-color: #efefef;border: 1px solid #efefef;}
#infomaterialanfordern-459-captcha-1, #kontakt-739-captcha-1, #feiernundEvents-741-captcha-1 {width: 150px;}
.form-check.powermail_radiowrap {display: inline-flex; align-items: center; gap: 0.5rem; margin-right: 2rem;}

.form-check-input:checked[type=radio] {
    background-image: none;
}
.tx-powermail input[type=radio]::before {
    block-size: 0.75rem;
    box-shadow: inset 1em 1em var(--pm-radio-color);
    inline-size: .75rem;
    margin-top: 2px;
}
.form-check.powermail_checkwrap {display: flex; gap: 0.5rem;}
/* ENDE FORM */

/* POWERMAIL */
div.tx-powermail {width: 100%;}
.powermail_fieldset legend+* {
    margin-block-start: 0;
}
.tx-powermail .row+.row {
    margin-block-start: 0;
}
.tx-powermail .powermail_fieldwrap+.powermail_fieldwrap {
    margin-block-start:0;
}
.tx-powermail .container-fluid {padding: 0;}
.powermail_legend, .tx-powermail h3 { display: none;}
legend {display: block;width: 100%;padding: 0;margin-bottom: 5px;line-height: inherit;border: 0;border-bottom: 0px solid #e5e5e5;}
.powermail_fieldwrap_text { padding-bottom: 15px;}
.powermail_fieldset {clear: left;border: 0;padding: 0px;margin-bottom: 20px;background: transparent;border: none;}
.powermail_input, select.powermail_field, textarea, .powermail_select, .powermail_country, .powermail_captcha, .powermail_date {
  font-size: 1rem;
  width: 100%;
  padding: 5px 10px;
  border: 1px solid #efefef;
  margin-bottom: 1rem;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  background: #efefef;
  height: 45px;
  color: #575656;
}
textarea { height: 150px;}
.powermail_label{display: block;width: 100%;float: none;clear: left;text-align: left;}
.powermail_radio_outer { margin-bottom: 10px;}
.powermail_radio_outer, .powermail_captcha_outer, .powermail_check_outer {background-color: transparent;border: none;float: none;padding: 0px;width: 80%;display: inline-flex;}
.powermail_select, .selectwide, select.powermail_field, .powermail_country  { height: 46px; background-color: #efefef;}
.powermail_submit {float: none;cursor: pointer;transition: all .2s ease;}
.powermail_captcha { margin-bottom: 0; width: 130px; float: left;}
.powermail_captchaimage { height: auto; margin-left: 1rem; height: 44px;}
.powermail_fieldwrap_type_captcha {margin-bottom: 10px; }
.formErrorContent {display: none;}
.parsley-errors-list {display: none;}
.important, .powermail_message_error {color: #e30613;}
.parsley-error {border: 1px solid #e30613;}
.powermail_fieldwrap_type_captcha label { float: none; text-align: left; width: auto;}
.tx-powermail .img-responsive {display: inline-block !important; width: auto !important;}
.nolabel .powermail_label {display: none;}
.powermail_fieldwrap.powermail_fieldwrap_type_text.powermail_fieldwrap_informationerforderlich {float: none;clear: both;margin-top: 20px;padding-top: 20px;}
.powermail_fieldwrap.powermail_fieldwrap_type_reset.powermail_fieldwrap_marker_03 {width: 150px;float: left;}
.powermail_fieldwrap_anrede {margin-top: 20px;}
.powermail_fieldwrap_type_check .parsley-error {border: none; color: red;}
.powermail_create {background: #e7ebf4;color: red;padding: 1rem;}
.powermail_message_error {display: none;}
.powermail_fieldwrap_type_file {margin-top: 15px !important;}
.powermail_file {font-size: 1rem;}
.powermail_file::-webkit-file-upload-button {visibility: hidden;}
.powermail_file::before {
  content: 'Datei auswählen';
  display: inline-block;
  background: #eee;
  padding: 2px 6px;
  outline: none;
  white-space: nowrap;
  -webkit-user-select: none;
  cursor: pointer;
}
.powermail_file:lang(en)::before {content: 'Select some files';}
.powermail_file:hover::before {border-color: black;}
.powermail_file:active::before {background: #eee;}
.powermail_fieldwrap_type_input, .powermail_fieldwrap_type_date {
  -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
}
.powermail_fieldwrap_type_text, .powermail_fieldwrap_type_check, .powermail_fieldwrap_type_captcha, .powermail_fieldwrap_type_submit, .powermail_fieldwrap_type_textarea, .powermail_fieldwrap_type_radio {
  -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
}
.powermail_fieldwrap_type_text {font-family: "Barlow Bold", sans-serif; margin: 1rem 0;}
.powermail_fieldwrap_type_check {margin-bottom: 1rem;}
.radio.parsley-error {border: none; color: red;}
.powermail_field_error_container.parsley-error {border: none;}
.mandatory {color: red;}
.content .powermail-errors-list {margin-top: -1rem; font-size: 1rem; color: red;}
.content .powermail-errors-list li:before {display: none;}
.content .powermail-errors-list li { margin-left: 0;}
.content .powermail_fieldwrap_type_captcha .powermail-errors-list {margin-top: 0;}
.content .powermail_fieldwrap_type_captcha .powermail_field_error_container {clear: both;}
/*     ENDE POWERMAIL    */

/* Checkbox styling */
.checkbox { padding-left: 15px; display: inline-block; min-width: 160px;}
.checkbox label {display: inline-block;position: relative;padding-left: 15px; }
.checkbox label::before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 20px;
  height: 20px;
  left: 0;
  margin-left: -15px;
  border: transparent);
  border-radius: 0px;
  background-color: #efefef;
  -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
  -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
  transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
  top: 4px; 
}
.checkbox label::after {
  display: inline-block;
  position: absolute;
  width: 20px;
  height: 20px;
  left: 0;
  top: 0;
  margin-left: -15px;
  padding-left: 3px;
  padding-top: 1px;
  font-size: 14px;
  color: #b2a386; 
}
.checkbox input[type="checkbox"] {opacity: 0;z-index: 1;  position: absolute; margin-left: -15px;}
.checkbox input[type="checkbox"]:focus + label::before {outline: thin dotted;outline: none;outline-offset: 0px; }
.checkbox input[type="checkbox"]:checked + label::after {font-family: "Font Awesome\ 5 Pro";content: "\f00c"; font-size: 1.6rem; top: -3px; left: -2px; z-index: 9;}
.checkbox input[type="checkbox"]:disabled + label {opacity: 0.65; }
.checkbox input[type="checkbox"]:disabled + label::before {background-color: #eeeeee;cursor: not-allowed; }

.radio {padding-left: 0px; display: inline-block; margin-right: 2rem;}
.radio label { display: inline-block; position: relative; padding-left: 0.5rem; margin-bottom: 1rem; }
.radio label::before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 20px;
  height: 20px;
  left: 0;
  margin-left: -20px;
  border: 1px solid #eee;
  border-radius: 50%;
  background-color: #eee;
  -webkit-transition: border 0.15s ease-in-out;
  -o-transition: border 0.15s ease-in-out;
  transition: border 0.15s ease-in-out; 
  top: 4px;
}
.radio label::after {
  display: inline-block;
  position: absolute;
  content: " ";
  width: 16px;
  height: 16px;
  left: 3px;
  top: 6px;
  margin-left: -20px;
  border-radius: 50%;
  background-color: #b2a386;
  -webkit-transform: scale(0, 0);
  -ms-transform: scale(0, 0);
  -o-transform: scale(0, 0);
  transform: scale(0, 0);
  -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
  -moz-transition: -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
  -o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
  transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); 
}
.radio input[type="radio"] {opacity: 0; z-index: 1; }
.radio input[type="radio"]:focus + label::before {outline: thin dotted;outline: none;outline-offset: 0px; }
.radio input[type="radio"]:checked + label::after {-webkit-transform: scale(1, 1);-ms-transform: scale(1, 1);-o-transform: scale(1, 1);transform: scale(1, 1); }
.radio input[type="radio"]:disabled + label {opacity: 0.65; }
.radio input[type="radio"]:disabled + label::before {cursor: not-allowed; }

.goog-te-gadget {
    font-family: "Barlow Light", sans-serif !important;
    color: #575656 !important;
    white-space: nowrap;
}
.goog-te-gadget .goog-te-combo {
    margin: 0 !important;
    display: block !important;
    background: transparent !important;
    border: none !important; 
    font-family: "Barlow Light", sans-serif !important;
    font-size: 1.1rem !important;
    color: #575656 !important; 
    margin: 0 !important;
    float: right !important;
}
.skiptranslate span {display: inline-block !important;}
.goog-te-banner-frame {
    left: 0px;
    top: 0px;
    height: 40px !important;
    width: 100%;
    z-index: 10000001;
    position: fixed;
    border: none;
    border-bottom: 1px solid #6b90da;
    margin: 0;
    -moz-box-shadow: 0 0 8px 1px #999999;
    -webkit-box-shadow: 0 0 8px 1px #999999;
    box-shadow: 0 0 8px 1px #999999;
    _position: absolute;
}
@media (max-width: 1399px) {
  .logo a {width: 135px;}
}
@media (max-width: 1199px) {
	.logo a {width: 125px;}
    .wrapper.tub_main .tub_bild, .wrapper.tub_main:nth-of-type(even) .tub_bild {
        position: relative;
        top: 0;
        right: 0;
        width: 100%;
    }
  .wrapper.tub_main .tub_bild img {height: auto !important;}
  .wrapper.tub_main:nth-of-type(odd) .tub_text, .wrapper.tub_main:nth-of-type(even) .tub_text {
        padding: 0;
        float: none;
        width: 100%;
    }
    .wrapper.tub_main .row.align-items-center {min-height: 400px;}
}

@media (max-width: 991px) {
	.logo a {padding: 0.5rem; width: 100px;}
	#footer hr {margin-top: 3rem;}
	.imageblock .frame-type-list, .imageblock .tx-ws-flexslider, .imageblock .flexslider .slides, .imageblock .flexslider .slides li, .imageblock .slidercontent {max-height: 100%;}
	a.btn.btn-default.flex {width: 100%;}
	.mainsubnav .container {width: 100%; max-width: 100%; padding: 0;}

	
}
@media (max-width: 767px) {
  .logo a {padding: 0.5rem; width: 90px;}
    .headertop {font-size: 0.8rem;}
	.mainnav {width: 50px;}
	.ansprechpartner .image {margin-bottom: 2rem;}
	.powermail_fieldwrap_type_input {-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;}
	.ce-textpic.ce-right.ce-intext .ce-gallery {float: none;margin-left: 0rem; margin-bottom: 1rem;}
	.content .imageblock {-ms-flex-order: 13;order: 13;}
	.buchen .btn {font-size: 1rem;}
	.mainsubnav li {width: 100%;}
	.mainsubnav.fixed {position: relative;top: 0;}
	.imageblock .flex-control-nav {display: none;}
    .swiper-button-prev, .swiper-rtl .swiper-button-next {
        left: 0px !important;
        right: auto;
    }
    .swiper-button-next, .swiper-rtl .swiper-button-prev {
        right:0px !important;
        left: auto;
    }
    .buttons a {padding: 0.3rem 1rem; font-size: .8rem !important;}
    .navtext {display: none;}
    .kontakt {font-size: 0.7rem;}
    .outer-menu .hamburger {left: 8px !important;}
    #skd-imitate .skd-widget-form-control.skd-checkin {margin-bottom: 0.5rem;}
    .buchung {font-size: 1rem;}
    .box.rahmen {width: 90%;}
    .nav-tabs .nav-link {width: 100%;}
}
@media (max-width: 576px) {
	#header .btn {padding: 0.3rem 1em;}
	.content .textblock .frame-type-text {padding: 3rem 2rem;}
	.cardmain_box.top .cardbox .frame .ce-gallery .image, .box .frame .ce-gallery .image {text-align: center;}
	.cardmain_box.top .cardbox .frame .ce-gallery .image img, .box .frame .ce-gallery .image img {width: 50%;}
  .box.rahmen {width: 100%; }
}

@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {

}


@media print {
  .container { width: auto;}
}


	
@page {
	margin: 80px 20px;
    padding: 0;
  }
@media print {

	header.d-print-block {
	  position: relative;
	  top: 0;
	  width: 100%;
	  height: 100px;
	  z-index: 999;
	}
	footer.d-print-block {
	  position: relative;
	  bottom: 0px;
	  text-align: center;
	  width: 100%;
	}
	#maincontent {
	    padding: 0;
	    background: #fff;
	    position: relative;
	}
	.container, .container-lg, .container-md, .container-sm, .container-xl {max-width: 100%;}
	.content .image_overflow_left figure.image {margin-left: 0; width: 100%; margin-bottom: 2rem;}
	.content .image_overflow_left figure.image img {
	    width: 100%;
	    height: auto;
	    margin: 0;
	}
	.frame-space-before-extra-small {padding-top: 0.5rem;}
	.frame-space-before-small {padding-top: 1rem;}
	.frame-space-before-medium  {padding-top: 2rem;}
	.frame-space-before-large {padding-top: 3rem;}
	.frame-space-before-extra-large {padding-top: 4rem;}
	.frame-space-after-extra-small {padding-bottom: 0.5rem;}
	.frame-space-after-small {padding-bottom: 1rem;}
	.frame-space-after-medium  {padding-bottom: 2rem;}
	.frame-space-after-large {padding-bottom: 3rem;}
	.frame-space-after-extra-large {padding-bottom: 4rem;}
	
	h1, h2, .h2, h3, h4, .h4, .text-center  {text-align: left !important;}
	h1 {font-size: 3rem; margin: 0; padding-bottom: 3rem; text-transform: uppercase; position: relative;font-weight: 700;}
	h2, .h2 {margin: 0; font-size: 2rem; color: #000; font-weight: 700;padding-bottom: 1.8rem;text-transform: uppercase;}
	h3 {font-size: 1.6rem; margin: 0; padding-bottom: 2rem; color: #000;font-weight: 700; text-transform: uppercase; line-height: 2.5rem;}
	h4, .h4 {margin: 0; font-size: 1.4rem; font-weight: 700; line-height: 2rem;}
	.content .grey {background: #fff;}
	.tx-powermail {display: none;}
}

.CalendarDay, .DayPicker_weekHeader_li {
    max-width: 100px !important;
    min-width: 20px !important;
    width: 100px !important;
}
.kbe-room-card-calendar-wrapper {
	display:block !important;
}

#mainsite.blue .mainsubnav {
    background: #b8dce4;
}
#mainsite.blue .wrapper.tub_main:nth-of-type(odd) {
    background: #fff;
}
#mainsite.blue .wrapper.tub_main:nth-of-type(even) {
    background: #d9edf4;
}
#mainsite.blue .content a {
    color: #1c92b8;
    display: inline-block;
}
#mainsite.blue .content a.btn-default, #mainsite.blue .content a.btn-default:hover {
    color: #fff;
}
#mainsite.blue .mainsubnav .nav li.active a, #mainsite.blue .mainsubnav .nav li a:hover {
    background: #1c92b8;
    color: #fff;
}
#mainsite.blue .ansprechpartner {
    background: #b8dce4;
}
#mainsite.blue .ansprechpartner .email:before, #mainsite.blue .ansprechpartner .telefon:before {
    font-weight: 600;
    color: #1c92b8;
    font-size: 1.3rem;
    top: 1px;
}

.nav-tabs {
    border-bottom: none;
}
.nav-tabs .nav-link {
    margin-bottom: -1px;
    background: 0 0;
    border: 1px solid transparent;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    color: #575656;
    text-transform: uppercase;
    font-family: "Barlow Bold", sans-serif;
    font-size: 1rem;
    background: #eee7df;
    flex: auto;
}
.tab-navigation button {
  text-transform: uppercase;
  font-family: "Barlow Bold", sans-serif;
  font-size: 1rem;
}
.tab-content {padding: 2rem 0;}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: #fff;
    background-color: #b2a386;
    border-color: #b2a386;
}