@import url(fonts.css);
/*
@font-face {
    font-family: 'gunny_rewrittenregular';
    src: url('../fonts/gnyrwn971-webfont.woff2') format('woff2'),
         url('../fonts/gnyrwn971-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
*/
  /** YAML Basics
  * @section Accessibility Module
  *
  * (en) skip links and hidden content
  * (de) Skip-Links und versteckte Inhalte
  */
  /* (en) classes for invisible elements in the base layout */
  /* (de) Klassen für unsichtbare Elemente im Basislayout */
  .ym-skip,
  .ym-hideme,
  .ym-print {
    position: absolute;
    top: -32768px;
    left: -32768px;
  }

  /* (en) make skip links visible when using tab navigation */
  /* (de) Skip-Links für Tab-Navigation sichtbar schalten */
  .ym-skip:focus,
  .ym-skip:active {
    position: static;
    top: 0;
    left: 0;
  }

  /* skiplinks:technical setup */
  .ym-skiplinks {
    position: absolute;
    top: 0px;
    left: -32768px;
    z-index: 1000;
    width: 100%;
    margin: 0;
    padding: 0;
    list-style-type: none;
  }
  .ym-skiplinks .ym-skip:focus,
  .ym-skiplinks .ym-skip:active {
    left: 32768px;
    outline: 0 none;
    position: absolute;
    width: 100%;
  }
.ym-skiplinks a.ym-skip:focus, .ym-skiplinks a.ym-skip:active {
    background: #333 none repeat scroll 0 0;
    border-bottom: 1px solid #000;
    color: #fff;
    padding: 10px 0;
    text-align: center;
    text-decoration: none;
}
/* (de) Schnellnavigation */
#qicknav {position:absolute;top:10px;left:10px;z-index:100;}

@media print {
  a[href]:after {
    content: none;
  }
}
html :first-child { margin-top:0;}
html :last-child { margin-bottom:0;}

/* force vertical scrollbar */
body {
	overflow-y: scroll;
  background:#fff;
  padding: 0;
	color: #595959;
  font-family: 'Open Sans', sans-serif;
/*
  font-size: 160%;/*16px
  line-height: 24px;
*/
}
/*max. width*/
body {
    margin: 0 auto!important;
    max-width: 3000px;
}
.container-fluid, .swiper-container {max-width:3000px;}
.pipesymbol::after {
    content: "|";
    padding: 0 2px;
}
.rootlineSymbol::after, .raquosymbol:after {
    content: "\00BB";
    padding: 0 2px;
    font-size:130%;
}
.rootlineSymbol::after {font-size:1rem;}

.container .container, .container-fluid, .container-fluid .container {width:100%;padding-left:0px;padding-right:0px;}
.container-fluid .row { margin: 0;}
.container-fluid .row .row { margin: 0 -15px;}
iframe {max-width:100%;border:0;}
img, embed, object, video { max-width: 100%;max-height:100%;height:auto;}
.fett {font-weight:bold;}
.align-left { text-align: left; }
.align-center { text-align: center; }
.align-right { text-align: right; }
.align-justify, .text-justify { text-align: left !important; }
.indent {margin-left:1em;}
.internal-link  {}
.link-external-blank::before, .external-link-new-window::before, .link-download::before, .download::before, .link-mail::before, .mail::before, .link-phone::before, .phonelink::before{
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
  font-weight: 300;
  padding:0 7px 0 0;
}
.link-external-blank::before, .external-link-new-window::before{content:"\f14c";font-size:90%;padding:0 5px 0 3px;}
.link-download::before, .download::before{content:"\f019";}
.link-mail::before, .mail::before{content:"\f0e0";}

.backlink {
  color:#3399cc;
}
.backlink::before{
  display: inline-block;
  font-family: "Font Awesome 5 Pro";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  padding:0 3px 0 0;
}
.backlink::before{content:"\f100";}
.link-phone::before, .phonelink:before{content:"\f095";}


a[href^="tel:"],
a[href^="callto:"] {
  text-decoration: none;
}

#back-top {position: fixed; bottom:40px;z-index:99; left: 50%; margin:0 0 0 650px; display:none;}
#back-top a {width:38px;height:38px; display: block;border-radius:50%;background:#377757;text-decoration:none;transition: all 0.8s ease 0s;}
#back-top a::after { color: #fff;content: "\f106";font: 24px/34px "Font Awesome 5 Pro";padding: 0 0 0 12px;font-weight: 400;}
#back-top a:hover { background-color:#000;}

/*###Uploads#####*/
.ce-uploads span { display: inline;padding-left:5px;}

/*####Text mit Bild #####*/
/*TYPO3 Text mit Bild*/
.ce-intext .ce-gallery {max-width:50%;}
/*wegen ipad*/
.ce-gallery figure{
  display:block;
}
/*#############################
#######Überschriften###########
###############################
*/

h1,h2,h3,h4,h5,h6 {
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  line-height: 1.3;
  color: #333;
}
#footer h1, #footer h2, #footer h3, #footer h4, #footer h5, #footer h6 {color:#fff;}
h1, h2 {
  margin-top: 0px;
  margin-bottom: 0.5em;
  font-size: 2.5rem;
  line-height: 1.2;
  font-weight:400;
}
h2 {
  font-size: 2.5rem;
}
h1.levelTitle {
  text-transform:none;
  margin:0;
  padding: 50px 0 0px 0;
  font-weight:600;
  color:#fff;
/*  font-family: "VI-PhuongThuy", sans-serif;
  font-weight: 400;
  word-spacing: -0.8em;
*/
  padding:30px 0 0 0;
  }
h3, #footer h1, #footer h2 {
/*  margin-top: 6px;*/
  margin-bottom: 0.5em;
  font-size: 1.75rem;
  line-height: 1.3;
  font-weight: 400;
}
h2 + h3 {margin-top:-0.5em}
h4, #footer h3, .row h3 {
/*  margin-top: 15px;
  margin-bottom: 20px;
*/  font-size: 1.5rem;
  line-height: 1.3;
}
h5, #footer h4 {
/*  margin-top: 15px;
  margin-bottom: 6px;
*/  font-size: 1.5rem;
  line-height: 1.4;
  font-weight: 300;
}
h6, #footer h5 {
/*  margin-top: 15px;
  margin-bottom: 11px;
*/  font-size: 1.25rem;
  font-weight: 300;
  line-height: 1.4;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a{
  color:inherit;
  text-decoration:none;
  transition: .3s all ease; }

h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover {
    text-decoration:none; }
.colorBox h1, .colorBox h2, .colorBox h3, .colorBox h4, .colorBox h5, .colorBox h6 {color:inherit;}

 /*--- Links ----------------------------------------------------------------------------------------- */
/*
	*:focus {outline: none;	}
*/
a {
	transition: all 0.4s ease 0s;
	color:#377757;
	cursor: pointer;
  text-decoration:none;
}
a.teaser_link, a.teaserLink {display:block;text-decoration:none;color:inherit;}
a:focus,
a:hover,
a:active {color:inherit; text-decoration:underline;}

.headerInfo a:focus,
.headerInfo a:hover,
.headerInfo a:active {color:#377757;text-decoration:underline;}

#rootline a {text-decoration:none;color:#377757;}
#rootline a:focus,
#rootline a:hover,
#rootline a:active {color:#377757; text-decoration:underline;}

#footer a {color:inherit;}
#footer a:focus,
#footer a:hover,
#footer a:active {color:inherit; }

button, input, select, textarea {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #eee;
    color: inherit;
    padding:0 5px;
}
input[type="checkbox"], input[type="radio"] { margin: 0px 3px 0 0px; }
input[type="checkbox"]:focus, input[type="radio"]:focus {box-shadow: 0 0 0 .2rem rgba(0,123,255,.25); }
.form-control:focus {
  color: inherit;
  background-color:inherit;
}
input[type=text]:focus, textarea:focus, select:focus, .select_container:focus {	}
input[type="submit"]:hover {}
legend {border:none;}
.btn {
	border-radius:0;
	font-size:inherit;
}
.btn-default, .btn-primary {background:#377757;color:#fff;border-radius: 5px;border-color:#377757;text-decoration: none;}
.btn-default:hover, .btn-default:focus, .btn-primary:hover, .btn-primary:focus {background-color:#fff;color:#333;border-color:#377757;transition: all 0.4s ease 0s;box-shadow:none;}
.btn {border-radius: 5px;padding:10px 20px;}
/*==================  RD Parallax    ======================*/
.rd-parallax {
  text-align: center;
  color:#fff;
}
.rd-parallax h1, .rd-parallax h2, .rd-parallax h3, .rd-parallax h4, .rd-parallax h5, .rd-parallax h6 {color:#fff;}
.rd-parallax-inner {
  position: relative;
  overflow: hidden;
  -webkit-transform: translate3d(0px, 0px, 0px);
  transform: translate3d(0px, 0px, 0px);
  clip: rect(0, auto, auto, 0);
  pointer-events: none; }

.rd-parallax-layer[data-type="media"] {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%; }
  .rd-parallax-layer[data-type="media"] iframe {
    width: 100%;
    height: 100%; }

.rd-parallax-layer-holder {
  pointer-events: all; }

.rd-parallax-layer[data-url] {
  -webkit-background-size: cover;
  background-size: cover;
  background-position: center center; }

.rd-parallax-swiper {
  z-index: 1 !important; }


/*==================  Swiper    ======================*/
.swiper {
	width:100%;
	}
#headerContent .swiper {
}
.swiper-container {
        width: 100%;
        height:100%;
        margin-left: auto;
        margin-right: auto;
}
.swiper-wrapper {margin-bottom:-1px;}
.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #000;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    position:relative;
}
.swiper-slide picture {width:100%;background-color: #377757;}
.swiper-slide picture img {width:100%;}
#headerContent .swiper-slide img {width:100%;opacity:1;}
.slidercontent {position:absolute;left:0;width:100%;max-width:100%;color:#fff;}
.slidercontent.container {margin:0 auto;padding: 0 40px;}
#headerContent .slidercontent.container {padding: 0 40px 108px 40px;}
#headerContent .slidercontent h1, #headerContent .slidercontent h2 {font-size:5rem;color:#fff;line-height: 1.1;}
#headerContent .slidercontent h3 {font-size:1.625rem;color:#fff;}
.swiper-pagination {display:none;}
.swiper-pagination-bullet {
    background: none;
    border: 2px solid #eee;
    height: 15px;
    opacity: 1;
    width: 15px;
}
.swiper-pagination-bullet-active {
    background: #eee;
		border:none;
		transform: scale(1.3);
}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    background-image: none;
    left: 10px;
    right: auto;
}
#headerContent .swiper-button-next, #headerContent .swiper-button-prev { margin-top:-76px; }

.swiper-button-prev i, .swiper-container-rtl .swiper-button-next i {
	font-size:50px;
	line-height:50px;
  color:#377757;
  font-weight: 300;
}
.swiper-button-prev i:hover, .swiper-container-rtl .swiper-button-next i:hover {
	color:#fff;
}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    background-image: none;
}
.swiper-button-next i, .swiper-container-rtl .swiper-button-prev i {
	font-size:50px;
	line-height:50px;
  color:#377757;
  font-weight: 300;
}
.swiper-button-next i:hover, .swiper-container-rtl .swiper-button-prev i:hover {
	color:#fff;
}
.swiper-next,.swiper-prev {
 position:absolute;
 top:50%;
 width:27px;
 height:44px;
 margin-top:-22px;
 z-index:10;
 cursor:pointer;
 -moz-background-size:27px 44px;
 -webkit-background-size:27px 44px;
 background-size:27px 44px;
 background-position:center;
 background-repeat:no-repeat
}
/*Imageslider textmedia*/
.ce-textpic .swiper-container {overflow:initial;}
.ce-textpic .swiper-slide figure {width:100%;}
.ce-textpic .swiper-slide figure figcaption{display:none;}
.ce-textpic .swiper-slide img {min-height:auto;width:100%;}

.ce-gallery .swiper-next,.ce-gallery .swiper-prev {
 top:auto;
 bottom:0px;
 width:45px;
 height:45px;
 margin-top:0px;
 z-index:10;
 cursor:pointer;
 background:#377757;
 color:#fff;
}

.ce-gallery  .swiper-prev {
 right:45px;
 left:auto;
}
.ce-gallery .swiper-next {
 right:0px;
 left:auto
}
.swiper-prev i, .swiper-next i {
    font-size: 24px;
    line-height: 45px;
    width:45px;
    text-align: center;
}
.ce-gallery .swiper-prev i, .ce-gallery .swiper-next i {color:inherit;}
.swiper-next:hover, .swiper-prev:hover {
    background-color: #377757;
    color:#fff;
}
.ce-gallery .swiper-next:hover, .ce-gallery .swiper-prev:hover {
    background-color: #fff;
    color:#377757;
}
/* #############################
########### Teaser  ##########
** #############################
*/
.teaserWrap {height:100%;}
.teaser {text-align:left;overflow:hidden;height:100%;margin:0 auto;border-radius: 5px;}
.teaser img {float:left;height:auto;max-width:100%;margin-right:30px;}
.gridelement .teaser img {float:none;margin-right:0;height:auto;max-width:100%;}
[class*="6"] .teaser {}
.teaser h2{margin:0 0 1em 0;font-size:1.5rem;}
.teaser h3 {margin:0;}
.teaserLinkWrap {text-align:center;}
.teaser .btn {float:right;margin-bottom:15px;}
.teaserContent {padding: 25px 25px 0 25px;}

.teaser {background:#fff;box-shadow: 0 0 12px rgba(0,0,0,.1);}
.bg-image .teaser {box-shadow: 0 3px 11px 0 rgba(255, 255, 255, 0.4);}
.teaser a:hover {text-decoration:none;}

/*###mit icon ####*/

.teaserIcon {text-align:center;margin-bottom:20px !important;}
.teaserIcon i{
	font-size:3rem;
	color:#377757;
	padding:30px;
	font-weight:300;
	text-align: center;
	width: 110px;
	height: 110px;
	border-radius:50%;
  border: 2px solid #377757;
}
.teaserWithIcon h2{margin:0 0 1em 0;font-size:1.125rem;text-align:center;}
.teaserWithIcon h3 {margin:0;}
.teaserWithIcon .teaserContent {text-align:center;}
.teaserWithIcon .btn {margin-bottom:15px;}


/* #############################
########### Featured  ##########
** #############################
*/
.featuredContent::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	border-radius: 5px;
	background: #000;
	opacity: 0;
	transition: 0.35s all ease;
	z-index: 2;
}
.featuredContent::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	border-radius: 5px;
	background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.5) 100%);
}
.featuredContent {
	overflow:hidden;
	position:relative;
	margin: 0 auto;
  max-width: 540px;
}
.featuredContent img {
   transition: 0.35s all ease;
   border-radius: 5px;
}
.featuredContent figcaption{
	position:absolute;
	top:auto;
	bottom:0;
	left:0;
	z-index:2;
	padding:20px 15px;
	transform:translateY(10px);
  text-align:center;
	color:#fff;
	transition: 0.35s all ease;
	width: 100%;
}
.featuredContent h3{
	line-height: 1.25;
	font-size: 2rem;
	margin:0 0 25px 0;
  color:#fff;
}
.featuredBodytext {
	opacity: 0;
	transform: translateY(100%) scale(0.8);
	transition: 0.35s all ease;
}
.featuredContent:hover::before {
   opacity:0.25;
}
.featuredContent:hover figcaption{
   transform:translateY(0);
}
.featuredContent:hover .featuredBodytext{
	opacity: 1;
	transform: translateY(-10px) scale(1);
}
.featuredContent a:hover {color:inherit;text-decoration:none;}
/* ########################################
########### Hintergrundbereiche  ##########
** ########################################
*/
.row-eq-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
}
.bg-primary {
    background-color: #f8f8f8 !important;
    margin:0 !important;
    color:inherit;
    padding:15px;
}
.bg-primary .news-list-item {padding:0;}
.row .bg-primary, .row .bg-secondary {margin-bottom:30px !important;}
.bg-standard {
    background-color: #fff;
    padding: 0px;
}
.bg-secondary {
    background-color: #377757 !important;
    color: #fff;
    margin:0 !important;
    padding:15px;
}
.bg-secondary h1, .bg-secondary h2, .bg-secondary h3, .bg-secondary h4, .bg-secondary h5, .bg-secondary h6 {color:#fff;}
.bg-third {
    background-color: #87caee;
    color: #fff;
}
.bg-third .container {
    padding-top: 50px;
    padding-bottom: 50px;
}

.bg-primary .ce-gallery, .bg-secondary .ce-gallery, .bg-third .ce-gallery {margin-bottom:0 !important;}
.bg-primary h2, .bg-secondary h2, .bg-third h2 {margin-top:0px;}
.bg-image {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    background-color: #000;
    color:#fff;
    position:relative;
}
.bg-image h1, .bg-image h2, .bg-image h3, .bg-image h4, .bg-image h5, .bg-image h6 {color:#fff;}
.bg_content {
    position:relative;
    z-index:10;
}
.bg-fixed {
    background-attachment: fixed;
}
.darker {position:relative;}
.layout-1 {background:#fff;padding:0 15px;color:#616156;}
.teaser.layout-1 {padding:0; margin: 0 auto;max-width: 555px;height:100%;}
.teaser.layout-1 .teaser_content {padding:15px 15px 0 15px;}
.teaser.layout-1 img {margin-bottom:10px;width:100%;}
.teaser.layout-1 h2 {color: #d2c970;font: 30px/30px Open Sans;font-weight: 400;margin: 0 0 7px;}
.bg-image .layout-1 {background:rgba(255,255,255,0.7);padding:20px 50px;}
.slidercontent > .layout-1 {background:rgba(255,255,255,0.7);display:inline-block;padding:20px 50px;}
.bg-image .layout-1 {color:#616156;}
.layout-1 .ce-intext.ce-right .ce-gallery, .layout-1 .ce-intext.ce-left .ce-gallery, .layout-1 .ce-above .ce-gallery { margin-bottom: 0px;}

.layout-2 {background:#e0e0e0;padding:0 15px;color:#4d4d4d;}
.teaser.layout-2 {padding:0; margin: 0 auto;max-width: 555px;height:100%;}
.teaser.layout-2 .teaser_content {padding:15px 15px 0 15px;}
.teaser.layout-2 img {margin-bottom:10px;width:100%;}
.teaser.layout-2 h2 {}
.bg-image .layout-2 {background:rgba(224,224,224,0.8);padding:20px 50px;}
.slidercontent > .layout-2 {background:rgba(224,224,224,0.8);display:inline-block;padding:20px 50px;}
.bg-image .layout-2 {color:#616156;}
.layout-2 .ce-intext.ce-right .ce-gallery, .layout-2 .ce-intext.ce-left .ce-gallery, .layout-2 .ce-above .ce-gallery { margin-bottom: 0px;}

.frame-bg-image-1 > .container {
    box-shadow: 0 0 12px rgba(0,0,0,.1);
    padding-bottom: 15px;
    background: #fff;
}
.frame-bg-image-1 > .container > h2, .frame-bg-image-1 > .container > h3 {
    color: #fff;
    background: #377757;
    padding: 5px 15px;
}
.frame-bg-image-1 > .container > div { padding: 0 15px 15px 15px;}
.announcer > .container > div {border:1px solid #eee;border-top:3px solid #377757;padding:20px 15px;background:#fff;box-shadow: 0 0 12px rgba(0,0,0,.1);}
.frame-bg-image-3 .container {position:relative;}
.frame-bg-image-3 .ce-bodytext { position: relative;z-index: 100;padding: 30px!important;background: #f8f8f8;width: 60%;margin-top: -50%;float: right;}
.frame-bg-image-3 .container-fluid .ce-bodytext { width: 40%;margin-top: -40%;}
.frame-bg-image-3 .ce-row {max-width:80%;}
.frame-bg-image-3 .ce-gallery .swiper-next {
    left: 45px;
    right: auto;
}
.frame-bg-image-3 .ce-gallery .swiper-prev {
    left: 0px;
    right: auto;
}
/* #############################
** ### ColorBox ###########
** #############################
*/
.colorBox .row > div {
	padding-top: 126px;
	padding-right: 30px;
	padding-bottom: 120px;
	padding-left: 66px;
}
.colorBox .row > div:first-child {
	background-color: #377757;
	padding-top: 110px;
	padding-right: 100px;
	padding-bottom: 78px;
	text-align:right;
	color:#fff;
}
/* #############################
** ### Mail-Formular ###########
** #############################
*/
.frame-type-form_formframework .form-check-label input {margin-right:10px;}
#kontaktformular-singleselect-1 {max-width:200px;}

/*------------------ Powermail -------------------------------------*/
.tx-powermail .container-fluid {margin: 0 -15px;}
.powermail_form > h3 {display:none;}
.powermail_form h3 {text-align:left;}
.powermail_form legend {display:none;}
label { font-weight: 400;}
.powermail_small input, .powermail_small textarea, .powermail_small select{
  width:150px;
}
.form-control { border-radius: 5px;}

.form-control:focus {
    border-color: #377757;
    box-shadow: none;
}
.form-group {
    margin-bottom: 15px !important;
}
/*#############Sprachmenü#######################*/
.tx-srlanguagemenu {
}
.tx-srlanguagemenu div {
    float: left;
    padding: 0;
}
/*responsive*/
.navwrap .tx-srlanguagemenu {display:none;float:right;}
.navwrap .tx-srlanguagemenu div {
    line-height: 44px;
    padding: 0 5px;
}
/* ##############################
** ### tx_indexedsearch #########
** ##############################
*/
/* default styles for extension "tx_indexedsearch" */
ul.tx-indexedsearch-browsebox { text-align:center;padding-bottom:30px; }
.tx-indexedsearch-browsebox li { display:inline; }
.tx-indexedsearch-browsebox li a {
	padding: 6px 12px;
	margin-left: -1px;
	color: #64006b;
	text-decoration: none;
	background-color: #fff;
	border: 1px solid #ddd;
}
.tx-indexedsearch-browsebox li a:hover, .tx-indexedsearch-browsebox li.tx-indexedsearch-browselist-currentPage a {
	color: #fff;
	background-color: #64006b;
	border-color:#64006b;
}
.tx-indexedsearch-browsebox li.tx-indexedsearch-browselist-currentPage strong {font-weight:normal;}
.tx-indexedsearch-whatis { margin-top:1em; margin-bottom:1em; }
.tx-indexedsearch-whatis .tx-indexedsearch-sw { font-weight:bold; font-style:italic; }
.tx-indexedsearch-res { margin-top:30px;;}
.tx-indexedsearch-form {float:left;}
.tx-indexedsearch-form label { margin-right:10px; }
.tx-indexedsearch-form  div { margin-bottom:10px; }
.tx-indexedsearch-form  input  { width:220px;padding:5px 0 5px 0; }
#tx-indexedsearch-searchbox-button-submit {margin-left:10px;width:100px;padding:5px 0}
.tx-indexedsearch-res span.tx-indexedsearch-icon {display:none;}
.tx-indexedsearch-info {display:none;}

/*Suchbox*/
#suchbox {position:absolute;top:0;right:0px;z-index:1000;padding-top:10px;}
.suchboxlupe{line-height:30px;cursor:pointer;width:30px;}
.suchboxlupe i{line-height:30px;cursor:pointer;width:30px;text-align:center;font-size:1rem;background:rgba(55,119,87,0.6);color:#fff;border-radius:50%;}
.suchboxlupe:hover, .suchboxlupe:focus, .active .suchboxlupe {color:#377757;}
#suchbox form {position:absolute;top:-50000px;right:0;background:rgba(55,119,87,0.6);padding:20px;transition: all 0.25s linear 0s;z-index:15;}
#suchbox.active form {top:65px;}
#suchbox legend, #suchbox label  {background:#fff;}
header #suchbox fieldset {
	margin:0;
	padding:0;
}
header #suchbox input {
  border:0px;
  font-size: 18px;
  height:40px;
  padding: 0 0 0 10px;
  width: 200px;
	color:#666;
	margin:0;
}
header suchbox input:focus {border:1px solid #3a66af;}
#header .tx-indexedsearch-form {width:80%;}
#header .tx-indexedsearch-search-submit {}
#suchbox #top-searchbox-button-submit {
	width:30px;
	color:#377757;
	height:40px;
	font-size: 18px;
	line-height: 40px;
/*	margin:0px 0 0 8px;
	padding: 0 10px 0 5px;
*/	cursor:pointer;
	border:none;
}
#suchbox input::placeholder {
  opacity:1;
  color:#666;
}
/*responsive*/
#nav_suchbox .suchboxlupe{cursor:pointer;text-align:center;width:40px;}
#nav_suchbox .suchboxlupe i{line-height:62px;cursor:pointer;}
#nav_suchbox .suchboxlupe:hover, #nav_suchbox .suchboxlupe:focus, #nav_suchbox.active .suchboxlupe {background:#377757;color:#fff;}
#nav_suchbox {display:none;}
#nav_suchbox {
	float:right;
	line-height: 62px;
  padding: 0 0 0 10px;
}
#nav_suchbox form {display:none;position:absolute;top:0px;right:50px;/*background:#006da7;*/padding:0;transition: all 0.25s linear 0s;width:0;overflow:hidden;padding-left: 60px;z-index:100;}
#nav_suchbox.active form {display:block;top:0px;width:100%;}
#nav_suchbox.active .suchboxlupe .fa-search::before { content: "\f00d";}
#nav_suchbox legend, #nav_suchbox label  {background:#fff;}
#nav_suchbox fieldset {
	margin:0;
	padding:0;
	background:#377757;
}
#nav_suchbox input {
  border:0px;
  height:40px;
  padding: 0 0 0 10px;
  width: 100%;
	color:#666;
	margin: 0 0 0 30px;
}
#nav_suchbox .tx-indexedsearch-form {width:90%;}
#nav_suchbox .tx-indexedsearch-search-submit {float: left;}
#nav_suchbox #responsive-searchbox-button-submit {
	width:40px;
	color:inherit;
	height:40px;
	font-size: 1rem;
	line-height: 40px!important;
	margin:0;
	padding:0;
	cursor:pointer;
	border:none;
}
/*Indexed Search*/
/*-----------------News-----------------------*/
.news a {text-decoration:none;}
.news-top-latest-item {position:relative;}
.news-top-latest-item::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: linear-gradient(to bottom, transparent 40%, rgba(0, 0, 0, 0.8) 100%);
    transition: all 0.3s ease-out;
}
.news-top-latest-item:hover::after {
    top:40%;
}
.news-top-content {position:absolute;bottom:10px;left:20px;z-index:1;}
.news-list-category {color:#b81115;font-weight:700;font-size:14px;}
.news-top-content h3 {margin:0;color:#fff;}
.news-top-content time, .news-latest-item time, .news-list-item time {font-size:0.875rem;}
.news-list-item time {text-align:right;padding-top:5px;padding-bottom:10px;color:#377757;}
.topNewsLarge .news-top-content h3 {font-size:33px;}
.topNewsMedium .news-top-latest-item:first-child {margin-bottom:23px;}
.news-latest-item {background:#fff;height:100%;}
.news-latest-itemContent {padding:15px;}
.news-latest-item h2, .news-latest-item h3 {margin:0;font-size:1.125rem;}
.news-latest-item h2::before {display:none;}
.news ul {}
.news .nav li ul li {
}
.news-list-media {margin-bottom:20px;}
.news-list-item {background: #fff;
margin-bottom: 30px;
padding: 15px;}
.news-list-view .news-list-item:first-child {}
.news-list-item h2, .news-list-item h3 {font-size:1.125rem;margin-bottom:0;}
.news-list-item h2::before {display:none;}
.btn-read-more {margin-top:10px;float:right;}
.news .extra {margin-bottom:30px;}
.news .label-info {
    background-color: transparent;
    color:#b81115;
}
.news-related-files ul {list-style:none;padding:0;}
.news-related-files ul li {line-height:2em;}
.news-related-files-link i {padding-right:5px;}
.news-backlink-wrap {margin-top:30px;}
.news-image-wrap .row {margin-top:30px;}
.news-image-wrap figcaption {font-size:80%;text-align:center;max-width: 540px;}
.news .page-navigation {}
.news .page-navigation p {display:none;}
.news .pagination {justify-content: center;}
.news .pagination > li > a, .news .pagination > li > span {color:#64006b;padding: 6px 12px;border: 1px solid #ddd;margin-left: -1px;text-decoration:none;}
.news .pagination > li > a:focus, .news .pagination > li > a:hover, .news .pagination > li > span:focus, .news .pagination > li > span:hover {
    color: #fff;
    background-color: #64006b;
    border-color: #64006b;
}
.news .pagination > .active > a, .news .pagination > .active > a:focus, .news .pagination > .active > a:hover, .news .pagination > .active > span, .news .pagination > .active > span:focus, .news .pagination > .active > span:hover {
    color: #fff;
    background-color: #64006b;
    border-color: #64006b;
}
.news .pagination > li:first-child > a, .news .pagination > li:first-child > span , .news .pagination > li:last-child > a, .news .pagination > li:last-child > span{
	border-top-left-radius: 0px;
	border-bottom-left-radius: 0px;
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;
}

/*==================  Frame   ======================*/
hr {
	border-top: 1px solid rgba(55,119,87,0.6);
	margin:50px 0;
}
.frame-ruler-before:before { content: ''; display: block; border-top: 1px solid rgba(55,119,87,0.6); margin-bottom: 2em; }
.frame-ruler-after:after { content: ''; display: block; border-bottom: 1px solid rgba(55,119,87,0.6); margin-top: 2em; }
.frame-indent-left { margin-left: 33%; }
.frame-indent-right { margin-right: 33%; }

/*==================  Space   ======================*/
.frame-space-before-extra-small { padding-top: 1em; }
.frame-space-before-small { padding-top: 2em; }
.frame-space-before-medium { padding-top: 3em; }
.frame-space-before-large { padding-top: 4em; }
.frame-space-before-extra-large { padding-top: 5em; }
.frame-space-after-extra-small { padding-bottom: 1em; }
.frame-space-after-small { padding-bottom: 2em; }
.frame-space-after-medium { padding-bottom: 3em; }
.frame-space-after-large { padding-bottom: 4em; }
.frame-space-after-extra-large { padding-bottom: 5em; }

/*==================  Masonry   ======================*/
/* fluid 4 columns */
.grid {margin-left:-15px;margin-right:-15px;}
.grid-sizer,
.grid-item { width: 25%; overflow:hidden; }
.t3-frontend-editing__ce .grid-item { overflow:auto; }
.grid-item { margin-bottom: 30px;padding-left:15px;padding-right:15px;}
/* 2 columns */
.grid-item--width2 { width: 50%; }
.grid-item--height2 { height: 540px; }
.grid-item .grid-item-image{ overflow:hidden;}
.grid-item {position:relative;}
.grid-item-content {position:absolute;left:0;top:0px;color:#fff;padding:15px 30px;width:100%;height:100%;display:flex;align-items: flex-start;}
.grid-item-content div {width:100%;}

/*##################Sitemap###########################*/
#footer ul.ce-menu {list-style:none;padding:0;}
#footer ul.ce-menu li {text-transform:uppercase;line-height:1.6em;}

/*##################Table##############################*/
.table td, .table th { border-top: 1px solid #dee2e6;}
.table tr:first-child td, .table thead tr:first-child th {  border-top: 0px solid #dee2e6;}

/*##################   tt_address  ##############################*/

.addressCaption {margin-top:20px;}
.addressCaption h3 {margin:0px;}

/*#####################################################
################ RTE - Elemente #######################
#######################################################
/*------------- Listen -------------------------------- */
ol, ul {
	padding:0 0 0 35px;
}

/*-----------------Spezialliste-----------------------*/

 ul.specialList {
	padding:0 0 0 10px;
}
 ul.specialList li {
	position:relative;
	margin:0 0 0 0;
	padding:0 0 0 12px;
	list-style:none;
	line-height:2rem;
	font-size:1rem;
	color:inherit;
}
 ul.specialList li:first-child { margin:0; }
 ul.specialList li:before {
	position:absolute;
	top:1px;
	left:0;
	line-height:2rem;
	font-family:"Font Awesome 5 Pro";
	font-size:1rem;
	color:inherit;
	content:'\f105';
  font-weight: 300;
}
 ul.specialList li ul { padding:16px 0 0 0; }

 ul.specialListCheck {
	padding:0 0 0 10px;
}
 ul.specialListCheck li {
	position:relative;
	margin:0 0 0 0;
	padding:0 0 0 25px;
	list-style:none;
  line-height:2rem;
	font-size:1rem;
	color:inherit;
}
 ul.specialListCheck li:first-child { margin:0; }
 ul.specialListCheck li:before {
	position:absolute;
	top:1px;
	left:0;
	line-height:2rem;
	font-family:"Font Awesome 5 Pro";
	font-size:1rem;
	color:inherit;
	content:'\f00c';
  font-weight: 600;
}
ul.specialListCheck li ul { padding:16px 0 0 0; }

ul.specialListLine li ul { padding:16px 0 0 0; }

ul.specialListLine {
	padding:0 0 0 10px;
}
ul.specialListLine li {
	position:relative;
	margin:0 0 0 0;
	padding:0 0 4px 25px;
	list-style:none;
  line-height:2rem;
	font-size:1rem;
	color:inherit;
}
ul.specialListLine li:first-child { margin:0; }
#main ul.specialListLine li::before {
 display: inline-block;
 content: '';
 width: 15px;
 height: 1px;
 position: absolute;
 top: 17px;
 left: 0;
 background: #377757;
}
.bg-secondary ul.specialListLine li::before {background: #fff !important;}
ul.specialListLine li ul { padding:16px 0 0 0; }

/*-----------------Schriften&Links-----------------------*/
aside {
    float: left;
    padding: 0px 30px 0px 0;
}
.gunny{font-family:gunny_rewrittenregular;font-size:150%;}
/*
.lucida {
  font-family: "VI-PhuongThuy", sans-serif;
  font-weight: 400;
  word-spacing: -0.8em;
}
*/
.big {font-size: 150%;}
.c-tiny {font-size:60%;}
.green {color:#377757;}
.black {color:#000;}
.white {color:#fff;}
.bigIcon {text-align:center;margin-bottom:40px !important;}
.bigIcon + h3 {font-size:1.125rem;}
.bigIcon i{
	font-size:3rem;
	color:#fff;
	padding:30px;
	font-weight:300;
	text-align: center;
	width: 110px;
	height: 110px;
	background:#377757;
	border-radius:50%;
}

.frame-type-text blockquote::before {font-family: "Montserrat", sans-serif;content:"\201C";font-size:300%;color:#377757;line-height:1;position:absolute;left:-25px;}
.frame-type-text blockquote::after {font-family: "Montserrat", sans-serif;content:"\201D"; font-size:300%;color:#377757;line-height:1;position: absolute;margin-left: -10px;}
.frame-type-text blockquote {border:none;margin:0;padding:0;position:relative;text-indent:25px;}
.frame-type-text blockquote p {display:inline;margin:0;padding:0;}
.frame-type-text blockquote ~ address {font-weight:bold;}
.frame-type-text cite {font-style:italic;}
/*----------------wetter----------------*/
.tx-lz-weather {text-align:center;}
/*----------------wetter----------------*/
/*----------------ce-elemente----------------*/
.ce-gallery figcaption {
   text-align:center;
   padding-top:3px;
   display:block;
   font-size: 0.875em;
}
.ce-intext.ce-left ol, .ce-intext.ce-left ul {
    overflow: hidden;
}
.container-fluid .ce-bodytext {padding:30px 30px 0 30px;}
.container-fluid .ce-intext.ce-right .ce-gallery, .container-fluid .ce-intext.ce-left .ce-gallery, .container-fluid .ce-gallery {margin-bottom: 0;}
.ce-border img, .ce-border iframe { border: 0px; }
.modal-footer > * {
    margin: .25rem !important;
}
/*#### Google Map #####*/
.js-gme-preview{
    width: 100%;
    background:url("../img/bg_map.jpg") no-repeat center center;
    padding: 300px 0;
    text-align: center;
}
.js-gme-preview a:focus,
.js-gme-preview a:hover,
.js-gme-preview a:active {text-decoration:none;}
.js-gme-preview a::before, .video-shariff-preview-icon::before{
  display: block;
  font-family: "Font Awesome 5 Pro";
  font-weight: 300;
  padding:0 7px 0 0;
  content:"\f0ab";
  font-size:200%;
}
.video-shariff-preview-icon::before {
	font-size:400%;
	color:#333;
}

/* ### Video shariff ###*/
.video-shariff-play {
 position:relative;
 text-align:center;
 display:block;
}
a.video-shariff-play img {
 display:inline-block
}
.video-shariff-preview {
 position:absolute;
 left:0;
 right:0;
 top:30%;
 text-align:center
}
.video-shariff-preview-overlay {
 background:rgba(255,255,255,0.8);
 display:block;
 position:absolute;
 top:0;
 bottom:0;
 left:0;
 right:0;
 -webkit-transition:all .4s cubic-bezier(0.165,0.84,0.44,1);
 transition:all .4s cubic-bezier(0.165,0.84,0.44,1)
}
a.video-shariff-play:hover .video-shariff-preview-overlay,
a.video-shariff-play:focus .video-shariff-preview-overlay {
 background:rgba(255,255,255,0.5);
}
.video-shariff-preview span {
 display:block;
 position:relative
}
.video-shariff-preview-text {
 top:3rem;
 margin:0 auto;
 width:80%;
 font-weight:bold;
 color:#333;
}
@media screen and (min-width:800px) {
 .video-shariff-preview {
  top:50%
 }
 .video-shariff-preview-text {
  width:60%
 }
}
/*###############   Anfrageteaser  ######################*/
#anfrageTeaser {background:rgba(55,119,87,0.6);padding:15px 0;position: absolute;z-index: 100;bottom: 0;width: 100%;color:#fff;}
#anfrageTeaser form fieldset {width: 900px; margin: 0 auto;}
#anfrageTeaser legend, #anreiseTeaser, #abreiseTeaser {float:left;margin-right:2em;}
#anreiseTeaser label, #abreiseTeaser label {position:relative;}
#anreiseTeaser label::after, #abreiseTeaser label::after {
  content: '\f073';
  font-family: 'Font Awesome 5 Pro';
  position: absolute;
  top: 0;
  right: -30px;
  margin: 0 0 11px 16px;
  opacity: .4;
  color:#333;
}
#anfrageTeaser legend {color:#777;width:auto;line-height:1.5;margin:0.1em 1em 0 0;font-size: 3em;font-weight: 600;}
#anfrageTeaser label {display:block;margin:0;float: left;line-height: 46px;padding-right: 20px;}
#anfrageTeaser input {color:#595959;margin:0;padding:10px 0 10px 40px;border-radius:5px;}
#anfrageTeaser button {margin:0;padding:11px 32px;}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    border: 1px solid #377757!important;
    background: #377757!important;
    color: #fff!important;
}
.form-check-input {
  margin-top: .3rem!important;
  margin-left: -1.25rem !important;
}
/*#############Sprachmenü#######################*/
.langMenu {
}
.langMenu div {
}
.langMenu div.active { display: none;}
/*responsive*/
.navwrap .langMenu {display:none;float:right;}
.navwrap .langMenu div {
    line-height: 44px;
    padding: 0 5px;
}