@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;
}
Farben:
 Grün #ccf8d8 30% -> f0fdf3
Grün kräftig #6ADB88
 Blau cde0f5
 6C9ACD
 Grau bfd1e5

 Dunkelgrau #323232
*/
  /** 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: #323232;
  font-family: montserrat, sans-serif;
  font-weight:400;
/*
  font-size: 160%;/*16px
  line-height: 24px;
*/
}
.rootlineSymbol::after, .pipesymbol::after {
    content: ">";
    padding: 0 2px;
}
.pipesymbol::after {
    content: "|";
}
.raquosymbol:after {
    content: "\00BB";
    padding: 0 2px;
    font-size:130%;
}
/*max. width*/
.container-fluid, .swiper-container {max-width:3000px;}

.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-align: justify; }
.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:"] {
  color: inherit;
  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:#ccf8d8;text-decoration:none;transition: all 0.8s ease 0s;}
#back-top a::after { color: #323232;content: "\f106";font: 24px/34px "Font Awesome 5 Pro";padding: 0 0 0 12px;font-weight: 400;}
#back-top a:hover { background-color:#323232;}
#back-top a:hover::after { color:#fff;}

/*###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-weight: 400;
  line-height: 1.2;
  color: #444;
}
#footer h1, #footer h2, #footer h3, #footer h4, #footer h5, #footer h6 {color:#fff;}
.bg-image h1, .bg-image h2, .bg-image h3, .bg-image h4, .bg-image h5, .bg-image h6 {color:#fff;}

h1, h2 {
  margin-top: 0px;
  margin-bottom: 25px;
  font-size: 2.25rem;
  line-height: 1.1;
  font-weight:600;
}
h3, #footer h1, #footer h2 {
  margin-top: 6px;
  margin-bottom: 16px;
  font-size: 1.75rem;
  line-height: 1.1;
  font-weight: 600;
}
h4, #footer h3 {
  margin-top: 15px;
  margin-bottom: 20px;
  font-size: 1.5rem;
  line-height: 1.1;
}
h5, #footer h4 {
  margin-top: 15px;
  margin-bottom: 6px;
  font-size: 1.25rem;
  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; }

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

a.newsItemLink {text-decoration: none;}
a.newsItemLink:focus,
a.newsItemLink:hover,
a.newsItemLink:active {text-decoration:underline;}


#footer a {color:inherit;text-decoration: none;}
#footer a:focus,
#footer a:hover,
#footer a:active {color:inherit; }

hr {
	border-top: 1px solid #e7f4fc;
	margin:50px 0;
}
button, input, select, textarea {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #eee;
    color: #666;
    padding:0 5px;
}
input[type="checkbox"], input[type="radio"] { margin: 0px 3px 0 0px; }
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:#323232;color:#fff;border-radius: 3px;border-color:#323232;}
.btn-default:hover, .btn-default:focus, .btn-primary:hover, .btn-primary:focus,
a:hover .btn, a:focus .btn, a:hover.btn, a:focus.btn {background:#fff;color:#444;border-color:#ccf8d8;transition: all 0.4s ease 0s;box-shadow:none;}

.btn-primary + .btn-primary {margin-left:100px;}
/*==================  RD Parallax    ======================*/
.rd-parallax {
  text-align: center;
  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: #fff;
    /* 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: #000;}
.swiper-slide picture img {width:100%;}
#headerContent .swiper-slide img {width:100%;opacity:0.9;}
.slidercontent {position:absolute;left:0;width:100%;max-width:100%;}
.slidercontent.container {margin:0 auto;padding: 0 40px;}
#headerContent .slidercontent h1, #headerContent .slidercontent h2 {font-size:2.5rem;line-height: 1.2;}
#headerContent .slidercontent h3 {font-size:1.625rem;color:#fff;}
.swiper-pagination {display: none;}
.swiper-pagination-bullet {
    background: none;
    border: 2px solid #ccf8d8;
    height: 15px;
    opacity: 1;
    width: 15px;
}
.swiper-pagination-bullet-active {
    background: #ccf8d8;
		border:none;
		transform: scale(1.3);
}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    background-image: none;
    left: 10px;
    right: auto;
}
.swiper-button-prev i, .swiper-container-rtl .swiper-button-next i {
	font-size:50px;
	line-height:50px;
  color:#fff;
  font-weight: 300;
}
.swiper-button-prev i:hover, .swiper-container-rtl .swiper-button-next i:hover {
	color:#ccf8d8;
}
.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:#fff;
  font-weight: 300;
}
.swiper-button-next i:hover, .swiper-container-rtl .swiper-button-prev i:hover {
	color:#ccf8d8;
}
.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 img {min-height:auto;width:100%;}

.ce-gallery .swiper-next,.ce-gallery .swiper-prev {
 top:auto;
 bottom:0px;
 width:85px;
 height:85px;
 margin-top:0px;
 z-index:10;
 cursor:pointer;
 background:#6c757d;
}

.ce-gallery  .swiper-prev {
 right:85px;
 left:auto;
}
.ce-gallery .swiper-next {
 right:0px;
 left:auto
}
.swiper-prev i, .swiper-next i {
    font-size: 24px;
    line-height: 85px;
    width:85px;
    text-align: center;
}
.swiper-next:hover, .swiper-prev:hover {
    background-color: #e4d4a3;
    color:#fff;
}
/* #############################
########### Teaser  ##########
** #############################
*/
.teaser {text-align:left;overflow:hidden;height:100%;max-width:500px;margin:0 auto;}
.teaser img {transition: 0.35s all ease;height:auto;}
.teaser:hover img {transform:scale(1.1)}
.teaser h2{margin:0;}
.teaser h3 {margin:0;}
.teaser .btn {}
.teaserContent {padding: 15px 15px 0 15px;margin-bottom:1em !important;}
.teaser {box-shadow: 0 3px 11px 0 rgba(0, 0, 0, 0.15);}
.bg-image .teaser {box-shadow: 0 3px 11px 0 rgba(255, 255, 255, 0.4);}
.teaser a, .teaserWithIcon a {text-decoration:none;}
.teaser a:hover {text-decoration:none;}

/*###mit icon ####*/
.teaserWithIcon {text-align:center;}
.teaserWithIcon .teaserLink {padding:15px;display: block;}
.teaserWithIcon h2 {font-size:1.5rem;}
.teaserIcon {text-align:center;margin-bottom:20px !important;}
.teaserIcon i{
	font-size:6rem;
	color:#6ADB88;
	font-weight:600;
	text-align: center;
}
/* #############################
########### 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: 500px;
}
.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: 32px;
	margin:0 0 25px 0;
	font-weight:bold;
}
.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;
}
.well-1 {
    padding: 50px 0px !important;
}
.well-2 {
    padding: 150px 0px !important;
}
.bg-primary {
    background-color: #f7f6f4 !important;
    color: inherit;
    padding: 30px;
}
.bg-standard {
    background-color: #fff;
    padding: 0px;
}
.bg-secondary {
    background-color: #f0fdf3 !important;
    padding: 30px;
}
.bg-third {
    background-color: #87caee;
    color: #fff;
    padding:0px;
}
.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:20px;}
.bg-image {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    background-color: #000;
    color:#fff;
    position:relative;
}
.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 {color: #d2c970;font: 30px/30px Open Sans;font-weight: 400;margin: 0 0 7px;}
.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 > div {box-shadow: 0 0 12px rgba(0,0,0,.1);padding-bottom:15px;background:#fff;}
.frame-bg-image-1 > .container > div > h2, .frame-bg-image-1 > .container > div  > h3 {color:#3b4653;background:#ccf8d8;padding:5px 15px;}
aside .frame-bg-image-1 > .container > div > h2, aside .frame-bg-image-1 > .container > div > h3,
.row .frame-bg-image-1 > .container > div > h2, .row .frame-bg-image-1 > .container > div > h3 {margin-left:0;margin-right:0;}
.frame-bg-image-1 > .container > div > div { padding: 0 15px 15px 15px;}

/* #############################
** ### Mail-Formular ###########
** #############################
*/
.frame-type-form_formframework .form-check-label input {margin-right:10px;}
#kontaktformular-singleselect-1 {max-width:200px;}


/*#############Sprachmenü#######################*/
.tx-srlanguagemenu {display:none;}
.tx-srlanguagemenu div {
    float: left;
    padding: 15px 10px;
}
/*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: #3a66af;
	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: #ccf8d8;
	border-color:#ccf8d8;
}
.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;}
.suchboxlupe{line-height:40px;cursor:pointer;width:40px; display:none;}
.suchboxlupe i{line-height:40px;cursor:pointer;width:40px;text-align:center;}
.suchboxlupe:hover, .suchboxlupe:focus, .active .suchboxlupe {background:#ccf8d8;}
#suchbox form {position:absolute;top:-50000px;right:0;background:#ccf8d8;padding:20px;transition: all 0.25s linear 0s;z-index:15;}
#suchbox.active form {top:40px;}
#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:#3a66af;
	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;display:block;}
#nav_suchbox .suchboxlupe i{line-height:55px;cursor:pointer;}
#nav_suchbox .suchboxlupe:hover, #nav_suchbox .suchboxlupe:focus, #nav_suchbox.active .suchboxlupe {background:#ccf8d8;}
#nav_suchbox {}
#nav_suchbox {
	float:right;
	line-height: 56px;
  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:#ccf8d8;
}
#nav_suchbox input {
  border:0px;
  font-size: 18px;
  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;
}
#nav_suchbox #responsive-searchbox-button-submit i { line-height: 40px;}
/*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;}
.topNewsLarge .news-top-content h3 {font-size:33px;}
.topNewsMedium .news-top-latest-item:first-child {margin-bottom:23px;}
/*latest view with 4 articles*/
@media screen and (min-width: 992px){
  .news-latest-view .row .col-lg:last-child {display:none;}
}
.news-latest-item {height:100%;}
.news-latest-itemContent {padding:0 /*15px 15px 15px*/;}
.news-latest-item h2, .news-latest-item h3 {/*margin:0;*/font-size:1.125rem;}
.news-latest-item h2::before {display:none;}
.news-latest-itemContent time {display:none;}
.news ul { margin-left: 1em;}
.news .nav li ul li {
}
.news-list-media {margin-bottom:20px;}
.news-latest-item .news-list-media {display:none;}
.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 {margin:30px 0;}
.news-related-files ul {list-style:none;padding:0;}
.news-related-files ul li {line-height:2em;}
.news-related-files ul li::before {display:none !important;}
.news-related-files-link i {padding-right:5px;}
.news-backlink-wrap {margin-top:30px;}
.news-image-wrap .row {margin-top:30px;}
.news-image-wrap .row .col {margin-bottom:30px;}
.news-image-wrap figcaption {font-size:80%;text-align:center;max-width: 540px;}
.news .lead { margin-bottom: 30px;}
.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: #333;
    background-color: #6ADB88;
    border-color: #6ADB88;
}
.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: #000;
    background-color: #6ADB88;
    border-color: #6ADB88;
}
.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   ======================*/
.frame-ruler-before:before { content: ''; display: block; border-top: 1px solid rgba(0,0,0,0.25); margin-bottom: 2em; }
.frame-ruler-after:after { content: ''; display: block; border-bottom: 1px solid rgba(0,0,0,0.25); 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, .news ul {list-style:none;padding:0;}
#footer ul.ce-menu li {text-transform:uppercase;line-height:1.6em;}
#footer ul.ce-menu li::before, .news ul li::before {
  content: "\2022";
  color: #6ADB88;
  font-weight: bold;
  display: inline-block;
  width: 1em;
}
/*##################Table##############################*/
.table td, .table th { border-top: 1px solid #dee2e6;}
.table tr:first-child td, .table tr:first-child th {  border-top: 0px solid #dee2e6;}

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

.addressCaption {margin-top:20px;}
.addressCaption h3 {margin:0px;font-size:1.5rem;}
.tx-ttaddress .description {margin-bottom:20px;}
.tx-ttaddress .list-unstyled li {padding-bottom:1rem;}
.tx-ttaddress .backLink {margin-top:20px;}
/*#####################################################
################ 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 25px;
	list-style:none;
	line-height:24px;
	font-size:16px;
	color:inherit;
}
 ul.specialList li:first-child { margin:0; }
 ul.specialList li:before {
	position:absolute;
	top:1px;
	left:0;
	line-height:24px;
	font-family:"Font Awesome 5 Pro";
	font-size:16px;
	color:#6ADB88;
	content:'\f00c';
  font-weight: 600;
}
 ul.specialList 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%;}
.orange {color:#ffa200;}
.big {font-size: 150%;}
.c-tiny {font-size:60%;}
.blue {color:#3a66af;}
.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:#6ADB88;
	border-radius:50%;
}
a.orangelink {color:#ffa200;}
a.orangelink:focus,
a.orangelink:hover,
a.orangelink:active {color:#ffa200;}

.ce-bodytext blockquote::before {content:"\201C";font-size:250%;color:#e4d4a3;line-height:1;position:absolute;left:-15px;}
.ce-bodytext blockquote::after {content:"\201D"; font-size:250%;color:#e4d4a3;line-height:1;position: absolute;margin-left: -10px;}
.ce-bodytext blockquote {border:none;margin:0;padding:0;position:relative;text-indent:15px;}
.ce-bodytext blockquote p {display:inline;margin:0;padding:0;}
.ce-bodytext cite {font-style:italic;}
/*----------------ce-elemente----------------*/
/*----------------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: 100px 0;
    text-align: center;
}
.js-gme-preview a,
.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%
 }
}
/*##################   Cookie Banner  ##############################*/
.accordion-header { padding-bottom: 0;}
.float-right{float: right;}
.modal-open .modal { overflow-y: scroll;}
#cookieman-modal [data-bs-toggle="collapse"][data-bs-target="#cookieman-settings"]::after {
  content: '+';
  mask-image:none;
  opacity: .7;
  transition: transform ease-in-out .3s;
  transform-origin: center;
  transform: rotate(45deg);
  background:transparent;
  font-size: 2rem;
  right: 15px;
  top: 0px;
  width: auto;
  height: auto;
/*  line-height: 1em;*/
}
#cookieman-modal [data-toggle="collapse"].collapsed::after {
    transform: rotate(0);
}
.pr-5, .px-5 {
    padding-right: 3rem !important;
}
.accordion-button:focus {
    border-color: inherit;
    box-shadow: none;
}
.accordion-button:not(.collapsed) {
    color: inherit;
    background-color: transparent;
    box-shadow: inset 0 -1px 0 rgba(0,0,0,.125);
}
.accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}
.alert-primary {
    color: inherit;
    background-color: rgba(0,0,0,.03);
    border-color: rgba(0,0,0,.125);
}
.form-check-input:focus {
    border-color: var(--tlog-btn-primary);
}
.form-check-input:checked {
    background-color: var(--tlog-btn-primary);
    border-color: var(--tlog-btn-primary);
}
#cookieman-settings input[type="checkbox"], #cookieman-settings input[type="radio"] { margin-top: .25em !important;position: relative; }
.modal-footer > * {
    margin: .25rem !important;
}
/*Formulare*/
#anmeldungSymposium-197-singleselect-1, #anmeldungSymposium-197-text-8, #anmeldungSymposium-197-singleselect-2 {max-width:150px;}
#anmeldungSymposium-197-text-5 {max-width:200px;}
#anmeldungSymposium-197 .clearfix p {margin-bottom:1em!important;font-weight:bolder;}
#anmeldungSymposium-197 .clearfix:last-child p {font-weight:normal;}