@charset "UTF-8";

/* FONTS */

/* source-sans-pro-300 - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/source-sans-pro-v11-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Source Sans Pro Light'), local('SourceSansPro-Light'),
       url('../fonts/source-sans-pro-v11-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/source-sans-pro-v11-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/source-sans-pro-v11-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/source-sans-pro-v11-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/source-sans-pro-v11-latin-300.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}
/* source-sans-pro-regular - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/source-sans-pro-v11-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'),
       url('../fonts/source-sans-pro-v11-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/source-sans-pro-v11-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/source-sans-pro-v11-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/source-sans-pro-v11-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/source-sans-pro-v11-latin-regular.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}
/* source-sans-pro-600 - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/source-sans-pro-v11-latin-600.eot'); /* IE9 Compat Modes */
  src: local('Source Sans Pro SemiBold'), local('SourceSansPro-SemiBold'),
       url('../fonts/source-sans-pro-v11-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/source-sans-pro-v11-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/source-sans-pro-v11-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../fonts/source-sans-pro-v11-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/source-sans-pro-v11-latin-600.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}
/* source-sans-pro-700 - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/source-sans-pro-v11-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Source Sans Pro Bold'), local('SourceSansPro-Bold'),
       url('../fonts/source-sans-pro-v11-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/source-sans-pro-v11-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/source-sans-pro-v11-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/source-sans-pro-v11-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/source-sans-pro-v11-latin-700.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}



/* titillium-web-200 - latin_latin-ext */
@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 200;
  src: url('../fonts/titillium-web-v7-latin_latin-ext-200.eot'); /* IE9 Compat Modes */
  src: local('Titillium Web ExtraLight'), local('TitilliumWeb-ExtraLight'),
       url('../fonts/titillium-web-v7-latin_latin-ext-200.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/titillium-web-v7-latin_latin-ext-200.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/titillium-web-v7-latin_latin-ext-200.woff') format('woff'), /* Modern Browsers */
       url('../fonts/titillium-web-v7-latin_latin-ext-200.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/titillium-web-v7-latin_latin-ext-200.svg#TitilliumWeb') format('svg'); /* Legacy iOS */
}
/* titillium-web-200italic - latin_latin-ext */
@font-face {
  font-family: 'Titillium Web';
  font-style: italic;
  font-weight: 200;
  src: url('../fonts/titillium-web-v7-latin_latin-ext-200italic.eot'); /* IE9 Compat Modes */
  src: local('Titillium Web ExtraLight Italic'), local('TitilliumWeb-ExtraLightItalic'),
       url('../fonts/titillium-web-v7-latin_latin-ext-200italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/titillium-web-v7-latin_latin-ext-200italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/titillium-web-v7-latin_latin-ext-200italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/titillium-web-v7-latin_latin-ext-200italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/titillium-web-v7-latin_latin-ext-200italic.svg#TitilliumWeb') format('svg'); /* Legacy iOS */
}
/* titillium-web-300 - latin_latin-ext */
@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/titillium-web-v7-latin_latin-ext-300.eot'); /* IE9 Compat Modes */
  src: local('Titillium Web Light'), local('TitilliumWeb-Light'),
       url('../fonts/titillium-web-v7-latin_latin-ext-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/titillium-web-v7-latin_latin-ext-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/titillium-web-v7-latin_latin-ext-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/titillium-web-v7-latin_latin-ext-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/titillium-web-v7-latin_latin-ext-300.svg#TitilliumWeb') format('svg'); /* Legacy iOS */
}
/* titillium-web-300italic - latin_latin-ext */
@font-face {
  font-family: 'Titillium Web';
  font-style: italic;
  font-weight: 300;
  src: url('../fonts/titillium-web-v7-latin_latin-ext-300italic.eot'); /* IE9 Compat Modes */
  src: local('Titillium Web Light Italic'), local('TitilliumWeb-LightItalic'),
       url('../fonts/titillium-web-v7-latin_latin-ext-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/titillium-web-v7-latin_latin-ext-300italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/titillium-web-v7-latin_latin-ext-300italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/titillium-web-v7-latin_latin-ext-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/titillium-web-v7-latin_latin-ext-300italic.svg#TitilliumWeb') format('svg'); /* Legacy iOS */
}
/* titillium-web-regular - latin_latin-ext */
@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/titillium-web-v7-latin_latin-ext-regular.eot'); /* IE9 Compat Modes */
  src: local('Titillium Web Regular'), local('TitilliumWeb-Regular'),
       url('../fonts/titillium-web-v7-latin_latin-ext-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/titillium-web-v7-latin_latin-ext-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/titillium-web-v7-latin_latin-ext-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/titillium-web-v7-latin_latin-ext-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/titillium-web-v7-latin_latin-ext-regular.svg#TitilliumWeb') format('svg'); /* Legacy iOS */
}
/* titillium-web-italic - latin_latin-ext */
@font-face {
  font-family: 'Titillium Web';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/titillium-web-v7-latin_latin-ext-italic.eot'); /* IE9 Compat Modes */
  src: local('Titillium Web Italic'), local('TitilliumWeb-Italic'),
       url('../fonts/titillium-web-v7-latin_latin-ext-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/titillium-web-v7-latin_latin-ext-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/titillium-web-v7-latin_latin-ext-italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/titillium-web-v7-latin_latin-ext-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/titillium-web-v7-latin_latin-ext-italic.svg#TitilliumWeb') format('svg'); /* Legacy iOS */
}
/* titillium-web-600 - latin_latin-ext */
@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/titillium-web-v7-latin_latin-ext-600.eot'); /* IE9 Compat Modes */
  src: local('Titillium Web SemiBold'), local('TitilliumWeb-SemiBold'),
       url('../fonts/titillium-web-v7-latin_latin-ext-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/titillium-web-v7-latin_latin-ext-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/titillium-web-v7-latin_latin-ext-600.woff') format('woff'), /* Modern Browsers */
       url('../fonts/titillium-web-v7-latin_latin-ext-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/titillium-web-v7-latin_latin-ext-600.svg#TitilliumWeb') format('svg'); /* Legacy iOS */
}
/* titillium-web-600italic - latin_latin-ext */
@font-face {
  font-family: 'Titillium Web';
  font-style: italic;
  font-weight: 600;
  src: url('../fonts/titillium-web-v7-latin_latin-ext-600italic.eot'); /* IE9 Compat Modes */
  src: local('Titillium Web SemiBold Italic'), local('TitilliumWeb-SemiBoldItalic'),
       url('../fonts/titillium-web-v7-latin_latin-ext-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/titillium-web-v7-latin_latin-ext-600italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/titillium-web-v7-latin_latin-ext-600italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/titillium-web-v7-latin_latin-ext-600italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/titillium-web-v7-latin_latin-ext-600italic.svg#TitilliumWeb') format('svg'); /* Legacy iOS */
}
/* titillium-web-700 - latin_latin-ext */
@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/titillium-web-v7-latin_latin-ext-700.eot'); /* IE9 Compat Modes */
  src: local('Titillium Web Bold'), local('TitilliumWeb-Bold'),
       url('../fonts/titillium-web-v7-latin_latin-ext-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/titillium-web-v7-latin_latin-ext-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/titillium-web-v7-latin_latin-ext-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/titillium-web-v7-latin_latin-ext-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/titillium-web-v7-latin_latin-ext-700.svg#TitilliumWeb') format('svg'); /* Legacy iOS */
}
/* titillium-web-700italic - latin_latin-ext */
@font-face {
  font-family: 'Titillium Web';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/titillium-web-v7-latin_latin-ext-700italic.eot'); /* IE9 Compat Modes */
  src: local('Titillium Web Bold Italic'), local('TitilliumWeb-BoldItalic'),
       url('../fonts/titillium-web-v7-latin_latin-ext-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/titillium-web-v7-latin_latin-ext-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/titillium-web-v7-latin_latin-ext-700italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/titillium-web-v7-latin_latin-ext-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/titillium-web-v7-latin_latin-ext-700italic.svg#TitilliumWeb') format('svg'); /* Legacy iOS */
}
/* titillium-web-900 - latin_latin-ext */
@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 900;
  src: url('../fonts/titillium-web-v7-latin_latin-ext-900.eot'); /* IE9 Compat Modes */
  src: local('Titillium Web Black'), local('TitilliumWeb-Black'),
       url('../fonts/titillium-web-v7-latin_latin-ext-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/titillium-web-v7-latin_latin-ext-900.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/titillium-web-v7-latin_latin-ext-900.woff') format('woff'), /* Modern Browsers */
       url('../fonts/titillium-web-v7-latin_latin-ext-900.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/titillium-web-v7-latin_latin-ext-900.svg#TitilliumWeb') format('svg'); /* Legacy iOS */
}

/*MASONARY FANCYBOX*/
/**** IMPORTANT THESE ARE NEEDED ****/
  #container {
    float:none;
    background: #ffffff;
    padding: 0;
    margin:0 auto;
    margin-bottom:30px;
    /* optional */
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    /* content-box is NEEDED. if border-box is enabled
       then it when Masonry calculates the height and width
     of the container it counts incorrectly and the result
     images running to the edge of the container on the right
     and bottom sides. Only apply content-box to the container. */
    -webkit-box-sizing:content-box;
    -moz-box-sizing:content-box;
    box-sizing:content-box;
  }

/*  spacing between the images*/
  .box {
    margin: 5px;
    float: left;
    /* optional */
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
  }
  .box img, { display: block; width: 100%; }

  /* unfortunately masonry needs hard pxs for images */
  .col1 { width: 80px; }
  .col2 { width: 180px; }
  .col3 { width: 220px; }
  .col1 img { max-width: 80px; }
  .col2 img { max-width: 180px; }
  .col3 img { max-width: 220px; }

  /* animations for the transition/reordering */
  .transitions-enabled.masonry,
  .transitions-enabled.masonry .masonry-brick {
    -webkit-transition-duration: 0.7s;
    -moz-transition-duration: 0.7s;
    -ms-transition-duration: 0.7s;
    -o-transition-duration: 0.7s;
    transition-duration: 0.7s;
  }
  .transitions-enabled.masonry {
    -webkit-transition-property: height, width;
    -moz-transition-property: height, width;
    -ms-transition-property: height, width;
    -o-transition-property: height, width;
    transition-property: height, width;
  }
  .transitions-enabled.masonry  .masonry-brick {
    -webkit-transition-property: left, right, top;
    -moz-transition-property: left, right, top;
    -ms-transition-property: left, right, top;
    -o-transition-property: left, right, top;
    transition-property: left, right, top;
  }


/**** Clearfix ****/
  .clearfix:before, .clearfix:after { content: ""; display: table; }
  .clearfix:after { clear: both; }
  .clearfix { zoom: 1; }





/*CLAUS */

.clausslider {
  width: 100vw;
  max-width: 100vw;
}

.person
{
  max-height: 80%;
  border-radius: 100%;
  margin: 0 auto 10px auto;
  display: block;
  padding: 0;
}

.persontext {
  text-align: center;
  margin-bottom: 0px;
}

div.person {
  float: left;
  position: relative;
  margin: 10px;
}

.strong {
  font-weight: 700;
}

/*TOGGLE*/

span.datum {
  color: #a7a7a7;
  margin-right: 30px;
  width: 20%;
  float: left;

}
span.titel {
  /*color: #a7a7a7;*/
  font-weight: 700;
  margin-right: 30px;
  width: 39%;
  float: left;
}

span.verantwortlich::before {
  /*position: absolute;*/
  /*content: '\e601';*/
  content: url(../images/pfeil.svg);
  display: inline-block;
  width: 6px;
  /*height: 25px;*/
  /*background: url(../images/pfeil.svg) center center no-repeat;*/
  /*background-size: 30px 30px;*/
  margin-right: 10px;
  margin-left: 5px;
  /*left: -40px;*/
  /*top: 5px;*/

}

@media only screen and (max-width: 767px) {
span.datum {
  color: #a7a7a7;
  margin-right: 30px;
  width: 100%;
/*  float: left;*/

}
span.titel, span.verantwortlich {
  margin-right: 30px;
  width: 100%;
/*  float: left;*/

}
}


span.verantwortlich {
  align-items: left;
}


.accordion {
  background-color: #eee;
  background-color: #fff;
  color: #444;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  border-top: 0.1px solid grey;
  text-align: left;
  outline: none;
  font-size: 15px;
  transition: 0.4s;
}

button.active, .accordion:hover {
  background-color: #ccc;
  background-color: #eee;
}

.accordion-static {
  cursor: default;
  pointer-events: none;
}

.faq-block {
  margin: 1.5rem 0;
}
.faq-block h6 {
  margin-bottom: 0.5rem;
}
.faq-block .panel p:first-child { margin-top: 0.6rem; }
.faq-block .panel p:last-child  { margin-bottom: 0.8rem; }

.panel {
  padding: 0 18px;
  display: none;
  background-color: white;
  overflow: hidden;
}

.co-panel {
  width: 66.66666%;
  position: relative;
  float: left;
  padding: 0 0px;
}


.cover {
  position: relative;
  width: 100%;
  margin-bottom: 20px;
}
.cover:after {
  content: "";
  display: block;
  padding-bottom: 100%;
}
.cover-bericht {
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.cover-bericht img  {
    min-height: 100%;
    min-width: 100%;
    margin: auto;
    object-fit: cover;
    -webkit-transition: transform 1s;
    -o-transition: transform 1s;
    transition: transform 1s; 
}
.cover-bericht figure {
  position: relative;
  height: 100%;
}
.cover-bericht figcaption {
  position: absolute;
  display: block;
  margin: 0;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 88%;
  box-sizing: border-box;
  padding: 0 6px;
  text-align: center;
  color: #fff;
  font-size: 30px;
  line-height: 1.05em;
  font-style: normal;
  text-transform: uppercase;
  font-weight: 400;
  /* Kein Auto-Trennen: Browser zerhackt deutsche Komposita an Silben statt Wortgrenzen.
     overflow-wrap greift nur bei einzelnen Wörtern ohne Leerzeichen als Notlösung. */
  hyphens: manual;
  -webkit-hyphens: manual;
  overflow-wrap: break-word;
  word-break: normal;
}
.cover-bericht:hover img {
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

.cover-container {
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.cover-container img  {
    min-height: 100%;
    min-width: 100%;
    margin: auto;
    object-fit: cover;
    -webkit-transition: transform 1s;
    -o-transition: transform 1s;
    transition: transform 1s; 
}
.cover-container figure {
  position: relative;
  height: 100%;
}
.cover-container figcaption {
 /* position: absolute;*/
  display: block;
  margin: 0;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  color: #fff;
  font-size: 30px;
  line-height: 1em;
  font-style: normal;
  /*text-transform: uppercase;*/
  font-weight: 400;
}
.copyright figcaption {
  /*position: absolute;*/
  display: block;
  margin: 0;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  color: #fff;
  font-size: 30px;
  line-height: 1em;
  font-style: normal;
  /*text-transform: uppercase;*/
  font-weight: 400;
}

.cover-container:hover img {
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}


/* RESET */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote::before, blockquote::after,
q::before, q::after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
tr {
	vertical-align: top;
	height: 30px;
}
td {
	vertical-align: top;
	min-width: 120px;
}
label {
	font-weight: 400;
}
input[type=button],
input[type=submit] {
	cursor: pointer;
	border-style: none;
}
input,
select,
textarea {
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	-o-appearance: none;
	appearance: none;
  border: none;
  outline: none;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;
	border-radius: 0;
	-webkit-box-shadow: none;
}
select {
	-webkit-padding-end: 20px;
	-webkit-padding-start: 2px;
	-webkit-user-select: none;
}

/* FONT */

html, body,
input[type=button],
input[type=submit],
textarea {
  font-family: 'Titillium Web', sans-serif;
  font-size: 18px;
  font-weight: 300;
  line-height: 22px;
  color: #010101;
}

/* HTML, BODY */

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}
html, body, textarea {
	margin: 0;
	padding: 0;
}
html, body {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
}
body.burgered {
  display: fixed;
  overflow: hidden;
}
small {
font-size: 65%;
}

/* HEADINGS */

h1 {
  display: none;
}

h2 {
  display: inline-block;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  background-color: #b52c23;
  color: #fff;
  padding: 0 3px;
  margin-bottom: 10px;
}
h3 {
  font-size: 64px;
  line-height: 70px;
  font-weight: 600;
  margin-bottom: 8px;
}
h4 {
  font-size: 45px;
  line-height: 52px;
  font-weight: 100;
  margin-bottom: 8px;
}
h5 {
  font-size: 32px;
  line-height: 36px;
  font-weight: 300;
  margin-bottom: 8px;
}
h6 {
  font-size: 24px;
  line-height: 28px;
  font-weight: 300;
  margin-bottom: 8px;
}


/* ANCHORS */

a {
  color: #010101;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}
a:focus {
  border: none;
  outline: none;
}
a.totop {
  position: fixed;
  bottom: 0;
  right: 0;
  width: 50px;
  height: 50px;
  background: transparent url(../images/totop.svg) no-repeat center center;
  z-index: 999;
  display: none;
}
a.more {
  display: inline-block;
  width: 12px;
  height: 12px;
  background: transparent url(../images/more.svg) no-repeat center center;
}
a.more:hover {
  -webkit-transform: scale(1.5, 1.5);
  -moz-transform: scale(1.5, 1.5);
  -ms-transform: scale(1.5, 1.5);
  -o-transform: scale(1.5, 1.5);
  transform: scale(1.5, 1.5);
}



/* FIGURE */
figure {
  position: relative;
  margin: 0;
  padding: 0;
}
figure figcaption {
  font-size: 10px;
  line-height: 14px;
  font-style: italic;
  font-weight: 400;
  margin: 3px 0;
}

span.bu {
  font-size: 15px;
  line-height: 14px;
  font-style: italic;
  display: inline-block;
  margin-top: 5px;
  margin-bottom: 15px;
  /*position: absolute;*/
  float: left;
}

span.copyright a {
  font-size: 10px;
  line-height: 14px;
  font-style: italic;
  color: #fff;
}

span.copyright {
  font-size: 10px;
  line-height: 14px;
  font-style: italic;
  color: #fff;
  display: inline-block;
  bottom: 0;
	margin: 5px;
	position: absolute;
}

div.slick-slider span.copyright {
  margin: 65px; /*important!*/

}



/*.cover figure figcaption {
  position: absolute;
  bottom: 0;
  margin: 25px;
  color: #fff;
  font-weight: 600;
}*/

/* MORE */

.more.item {
  display: none;
}

/* BUTTONS */
a.button:hover {
  background-color: #b52c23;
  border-color: #b52c23;
  color: #fff;
}
a.button,
input[type=button],
input[type=submit] {
  display: inline-block;
  font-size: 16px;
  letter-spacing: 1.2px;
  font-weight: 600;
  text-transform: uppercase;
  background-color: #b52c23;
  background-color: #fff;
  color: #fff;
  color: #b52c23;
  border-color: #b52c23;
  border-width: 2px;
  border-style: solid;
  padding: 20px 30px;
  margin-bottom: 10px;
  margin-top: 20px;
  border-radius: 5px;
  text-decoration: none;
}
a.button.logout {
  background-color: #b52c23;
}
a.button.logout::before {
  content: '-';
  margin-right: 3px;
}
a.button.add::before {
  content: '-';
  margin-right: 3px;
}
a.button.settings {
  background-color: transparent;
  color: #666;
}
a.button.settings::before {
  content: '-';
  margin-right: 3px;
}

/* ICONS */

a.icon::before {
  content: "";
  position: absolute;
  width: 18px;
  height: 100%;
  left: 14px;
  top: 0;
  margin-right: 5px;
  background: transparent url() no-repeat center center;
}
a.icon.login::before {
  background-image: url(../images/icon-login.svg);
}
a.icon.daten::before {
  background-image: url(../images/icon-daten.svg);
}
a.icon.termine::before {
  background-image: url(../images/icon-termine.svg);
}
a.icon.intranet::before {
  background-image: url(../images/icon-intranet.svg);
}
/* PDFDOWNLOAD */
.pdfdownload {
  position: relative;
  display: inline-block;
  font-weight: 600;
  margin-left: 50px;
  margin-top: 20px;
  margin-bottom: 40px;
  text-decoration: none;
  /*line-height: 40px;*/
  /*text-transform: uppercase;*/
  color: #000;
	
}
.pdfdownload::before {
  position: absolute;
  content: " ";
  display: inline-block;
  width: 30px;
  height: 30px;
  background: url(../images/pdf.png) center center no-repeat;
  background-size: 30px 30px;
  left: -40px;
  top: -2px;
}



/* MISC */

p {
  margin-bottom: 10px;
}
strong {
  font-weight: 700;
}
img {
  max-width: 100%;
}
.img-overlay {
  content: " ";
  display: block;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  position: absolute;
  background-color: rgba(104,93,80,.31);
  mix-blend-mode:multiply;
}

a[href^="mailto:"]::before {
  content: '\00a0';
  width: 13px;
  height: 11px;
  margin-right: 3px;
  padding-right: 13px;
  background: transparent url(../images/mailto.svg) no-repeat center center;
  white-space: nowrap;
}
ul {
  list-style-type: disc;
}
ul li {
  margin-left: 15px;
}
table tr td th{
  vertical-align: center;
}
table th {
  font-size: 80%
}
th, td {
  border-bottom: 1px solid #ddd;
  padding: 12px;
}
tr:hover {background-color: #f5f5f5;}

::-webkit-input-placeholder {
  color: #666;
}
::-moz-placeholder {
  color: #666;
}
:-ms-input-placeholder {
  color: #666;
}
:-moz-placeholder {
  color: #666;
}
td.light {
  color: #868686;
}
/* ROWS & COLS */

.row {
  position: relative;
  margin: 0 -18px 40px !important;
}
.row:first-child  {
  position: relative;
  margin: 0 -18px 0px !important;
}
.row::before, .row::after {
  content: '';
  display: table;
}
.row::after {
  clear: both;
}
[class*="col-"] {
  position: relative;
  float: left;
  padding: 0 18px;
}
[class*="col-"].center {
  text-align: center;
}
[class*="col-"].right {
  text-align: right;
}
.col-12 {
  width: 100%;
}
.col-11 {
  width: 91.66666%;
}
.col-10 {
  width: 83.33333%;
}
.col-9 {
  width: 74.99999%;
}
.col-8 {
  width: 66.66666%;
}
.col-7 {
  width: 58.33333%;
}
.col-6 {
  width: 50%;
}
.col-5 {
  width: 41.66666%;
}
.col-4 {
  width: 33.33333%;
}
.col-3 {
  width: 25%;
}
.col-2 {
  width: 16.66666%;
}
.col-1 {
  width: 8.33333%;
}
@media only screen and (max-width: 1100px) {
  .col-3 {
    width: 50%;
    margin-bottom: 18px;
  }  
}

@media only screen and (max-width: 767px) {
  [class*="col-"] {
    width: 100%;
    margin-bottom: 18px;
  }
}
  
}

/* VIEWPORT */

.viewport {
  background-color: #fff;
}

/* PAGE */

.page {
  position: relative;
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
}

/* PAGE HEADER */

.page-header {
  position: relative;
  width: 100%;
  min-height: 140px;
  margin-bottom: 20px;
  background-color: #fff;
  z-index: 99;
}
.page-header .logo {
  position: absolute;
  top: 10px;
  left: 0;
}
.page-header .logo a {
  display: block;
}
.page-header .search {
  position: absolute;
  top: 0;
  right: 0;
  width: 44%;
  height: 50px;
  background-color: #ededed;
  z-index: 999;
}
.page-header .search input {
  border: none;
}
.page-header .search input[type="text"] {
  width: 100%;
  height: 50px;
  font-size: 15px;
  /*text-transform: uppercase;*/
  line-height: 50px;
  padding: 0 50px 0 15px;
  background-color: transparent;
  letter-spacing: 1px;
  font-weight: 300;
}
.page-header .search input[type="submit"] {
  position: absolute;
  top: 0;
  right: 0;
  width: 50px;
  height: 50px;
  background: transparent url(../images/search-edge.svg) no-repeat center center;
}
.page-header .search div.ajax-search-results {
  width: 100%;
  background-color: rgb(204,204,204);
}
.page-header .search div.ajax-search-results a {
  display: block;
  padding: 10px;
  border-bottom: 1px solid #000;
  color: #000;
}
.page-header .search div.ajax-search-results a:hover {
  background-color: rgb(237,237,237);
}
.page-header .navigation-main {
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 99;
}
.page-header .navigation-main ul {
  list-style-type: none;
}
.page-header .navigation-main ul li {
  margin-left: 0;
}
.page-header .navigation-main > ul {}
.page-header .navigation-main > ul > li {
  position: relative;
  display: inline-block;
}
.page-header .navigation-main > ul > li > a {
  display: block;
  font-size: 19px;
  font-weight: 300;
  color: #010101;
  text-transform: uppercase;
  padding: 30px;
  white-space: nowrap;
}
.page-header .navigation-main > ul > li > a:hover,
.page-header .navigation-main > ul > li.active > a {
  text-decoration: none;
  color: #b52c23;
}
.page-header .navigation-main > ul > li > ul {
  position: absolute;
  margin-left: 16px;
  opacity: 0;
  visibility: hidden;
}
.page-header .navigation-main > ul > li:hover > ul {
  opacity: 1;
  visibility: visible;
}
.page-header .navigation-main > ul > li > ul::before {
  content: '';
  position: absolute;
  top: -10px;
  width: 0px;
  height: 0px;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #d07b2d;
}
.page-header .navigation-main > ul > li > ul > li:not(:last-child) {
  border-bottom: 1px solid #fff;
}
.page-header .navigation-main > ul > li > ul > li > a {
  position: relative;
  display: block;
  font-size: 16px;
  color: #fff;
  text-transform: uppercase;
  padding: 14px;
  background-color: #d07b2d;
  white-space: nowrap;
}
.page-header .navigation-main > ul > li > ul > li > a.icon {
  padding-left: 38px;
}
.page-header .navigation-main > ul > li > ul > li > a:hover,
.page-header .navigation-main > ul > li > ul > li.active > a {
  color: rgba(255, 255, 255, .5);
  background-color: #d07b2d;
  text-decoration: none;
}
.page-header .navigation-main > ul > li > ul > li > a.icon:hover::before,
.page-header .navigation-main > ul > li > ul > li.active > a.icon::before {
  opacity: .5;
}
.page-header .navigation-main .burgeronly {
    display: none;
}

/* Suche: Lupe-Icon in Navigation */
.nav-search-toggle > a {
  display: flex;
  align-items: center;
  padding: 0 10px;
}
.nav-search-icon {
  width: 18px;
  height: 18px;
  opacity: 0.7;
  transition: opacity 0.2s;
}
.nav-search-toggle > a:hover .nav-search-icon {
  opacity: 1;
}

/* ── Suchleiste: Band direkt unter dem Header ── */
.header-searchbar {
  width: 100%;
  background: #f0f0f0;
  border-bottom: 2px solid #5a7a28;
  position: relative;
  z-index: 200;
}
.header-searchbar-form {
  position: relative;
  display: flex;
  align-items: center;
  height: 52px;
  gap: 0;
}
.header-search-icon-left {
  width: 22px;
  height: 22px;
  margin-right: 10px;
  opacity: 0.5;
  flex-shrink: 0;
}
.header-searchbar-form input[type="text"] {
  flex: 1;
  height: 52px;
  padding: 0 10px;
  font-size: 16px;
  border: none;
  background: transparent;
  outline: none;
}
.header-search-close {
  background: none;
  border: none;
  font-size: 18px;
  color: #888;
  cursor: pointer;
  padding: 0 10px;
  line-height: 52px;
  flex-shrink: 0;
}
.header-search-close:hover { color: #333; }
.header-searchbar-form input[type="submit"] {
  width: 52px;
  height: 52px;
  border: none;
  background: #5a7a28 url(../images/search-magnifier.svg) no-repeat center center;
  background-size: 22px;
  cursor: pointer;
  flex-shrink: 0;
  filter: brightness(0) invert(1);
}
/* Vorschau-Dropdown */
.header-searchbar .ajax-search-results {
  position: absolute;
  top: 52px;
  left: 0;
  right: 0;
  background: #fff;
  border: 1px solid #ccc;
  border-top: none;
  box-shadow: 0 4px 12px rgba(0,0,0,.12);
  z-index: 9999;
}
.header-searchbar .ajax-search-results a {
  display: block;
  padding: 11px 16px;
  border-bottom: 1px solid #eee;
  color: #222;
  font-size: 14px;
}
.header-searchbar .ajax-search-results a:last-child { border-bottom: none; }
.header-searchbar .ajax-search-results a:hover {
  background: #f3f7ee;
  color: #5a7a28;
}

/* ── Suchseite ── */
.site-search-form {
  display: flex;
  gap: 8px;
  margin-bottom: 20px;
}
.site-search-form input[type="text"] {
  flex: 1;
  padding: 8px 12px;
  font-size: 15px;
  border: 1px solid #ccc;
}
.site-search-form button {
  padding: 8px 18px;
  background: #5a7a28;
  color: #fff;
  border: none;
  cursor: pointer;
  font-size: 15px;
}
.site-search-form button:hover { background: #4a6a1a; }

.search-count { margin-bottom: 16px; color: #555; }

/* Preview-Karten */
.search-results { display: flex; flex-direction: column; gap: 16px; }
.search-result-card {
  display: flex;
  gap: 16px;
  padding: 16px;
  border: 1px solid #e0e0e0;
  background: #fafafa;
}
.search-result-card:hover { background: #f3f7ee; }
.search-result-thumb {
  flex: 0 0 140px;
}
.search-result-thumb img {
  width: 140px;
  height: 90px;
  object-fit: cover;
  display: block;
}
.search-result-body { flex: 1; min-width: 0; }
.search-result-type {
  display: inline-block;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 1px;
  background: #5a7a28;
  color: #fff;
  padding: 2px 7px;
  margin-bottom: 6px;
}
.search-result-body h4 { margin: 0 0 6px; font-size: 16px; }
.search-result-body h4 a { color: #333; }
.search-result-body h4 a:hover { color: #5a7a28; }
.search-result-excerpt { margin: 0 0 6px; font-size: 13px; color: #555; line-height: 1.5; }
.search-result-excerpt mark { background: #fff3a0; padding: 0 2px; }
.search-result-link { font-size: 12px; color: #888; word-break: break-all; }

@media only screen and (max-width: 600px) {
  .search-result-card { flex-direction: column; }
  .search-result-thumb { flex: none; }
  .search-result-thumb img { width: 100%; height: 160px; }
}
.burger {
  position: absolute;
  top: 40px;
  right: 40px;
  display: inline-block;
  width: 50px;
  height: 50px;
  margin: 0 auto;
  z-index: 99;
  display: none;
}
.burger .icon {
  display: block;
  background-color: rgba(0, 0, 0, 0);
  border: 2px solid transparent;
  width: 50px;
  height: 50px;
  margin: 0 auto;
  -webkit-transition: all 0.264s;
  -moz-transition: all 0.264s;
  -ms-transition: all 0.264s;
  -o-transition: all 0.264s;
  transition: all 0.264s;
}
.burger:hover .icon {
  border-color: transparent;
}
.burger .icon-top,
.burger .icon-bottom,
.burger::before,
.burger::after {
  position: absolute;
  width: 30px;
  height: 6px;
  background-color: #b52c23;
  -webkit-transition: all 0.022s ease 0.22s, top 0.22s ease 0.22s, background-color 500ms linear;
  -moz-transition: all 0.022s ease 0.22s, top 0.22s ease 0.22s, background-color 500ms linear;
  -ms-transition: all 0.022s ease 0.22s, top 0.22s ease 0.22s, background-color 500ms linear;
  -o-transition: all 0.022s ease 0.22s, top 0.22s ease 0.22s, background-color 500ms linear;
  transition: all 0.022s ease 0.22s, top 0.22s ease 0.22s, background-color 500ms linear;
}
.burger .icon-top,
.burger .icon-bottom {
  left: 10px;
  -webkit-transition: all 0.022s ease 0.22s, top 0.22s ease 0.22s, background-color 500ms linear;
  -moz-transition: all 0.022s ease 0.22s, top 0.22s ease 0.22s, background-color 500ms linear;
  -ms-transition: all 0.022s ease 0.22s, top 0.22s ease 0.22s, background-color 500ms linear;
  -o-transition: all 0.022s ease 0.22s, top 0.22s ease 0.22s, background-color 500ms linear;
  transition: all 0.022s ease 0.22s, top 0.22s ease 0.22s, background-color 500ms linear;
}
.burger .icon-top {
  top: 10px;
}
.burger .icon-bottom {
  top: 34px;
}
.burger::before,
.burger::after {
  content: '';
  top: 22px;
  left: 10px;
  -webkit-transition: all 0.264s, background-color 500ms linear;
  -moz-transition: all 0.264s, background-color 500ms linear;
  -ms-transition: all 0.264s, background-color 500ms linear;
  -o-transition: all 0.264s, background-color 500ms linear;
  transition: all 0.264s, background-color 500ms linear;
}
body.burgered .burger .icon-top,
body.burgered .burger .icon-bottom {
  -webkit-opacity: 0;
  opacity: 0;
  top: 50%;
  -webkit-transition: all 0.022s ease 0.22s, top 0.22s ease;
  -moz-transition: all 0.022s ease 0.22s, top 0.22s ease;
  -ms-transition: all 0.022s ease 0.22s, top 0.22s ease;
  -o-transition: all 0.022s ease 0.22s, top 0.22s ease;
  transition: all 0.022s ease 0.22s, top 0.22s ease;
}
body.burgered .burger:before,
body.burgered .burger:after {
  background: #000;
  -webkit-transition: all 0.44s ease 0.176s;
  -moz-transition: all 0.44s ease 0.176s;
  -ms-transition: all 0.44s ease 0.176s;
  -o-transition: all 0.44s ease 0.176s;
  transition: all 0.44s ease 0.176s;
}
body.burgered .burger:before {
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}
body.burgered .burger:after {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

/* PAGE SLIDER */

.page-slider {
  position: relative;
  width: 100%;
  margin-bottom: 20px;
  overflow: hidden;
}
.page-slider .slider {}
.page-slider .slider .slide-image::after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  /*background: transparent url(../images/slider.png) repeat center center;*/
  /*mix-blend-mode: multiply;*/
}
.page-slider .slider .slide-content {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 36px;
  color: #fff;
}
.page-slider .slider .slide-content a.more {
  background-image: url(../images/more_white.svg);
}
.page-slider .slider .slide-content h2 {}
.page-slider .slider .slide-content h3 {}

/* PAGE CONTENT */

.page-content {
  position: relative;
  width: 100%;
  padding: 36px;
  background-color: #fff;
}

/* PAGE FOOTER */

.page-footer {
  position: relative;
  width: 100%;
  padding: 36px;
  font-size: 14px;
  font-weight: 400;
  color: #fff;
  background-color: #b52c23;
}
.page-footer a {
  color: #fff;
}
.page-footer .headline {
  margin-bottom: 20px;
  font-size: 18px;
}
@media only screen and (max-width: 767px) {
  .page-footer .headline {
    margin-bottom: 0;
  }
}
.page-footer strong {
  font-weight: 600;
}
.page-footer table tr td:first-child {
  padding-right: 12px;
  white-space: nowrap;
}
.footer-legal {
  margin-top: 24px;
  padding-top: 16px;
  border-top: 1px solid rgba(255,255,255,.25);
  font-size: 12px;
  display: flex;
  flex-wrap: wrap;
  gap: 0 20px;
}
.footer-legal a {
  color: rgba(255,255,255,.75);
  text-decoration: none;
  white-space: nowrap;
}
.footer-legal a:hover {
  color: #fff;
  text-decoration: underline;
}
.footer-consent-reset {
  cursor: pointer;
}

/* MODULES */

.module {
  position: relative;
  margin-bottom: 32px;
}



/* FORMS */

form.form label,
form.form .error {
  color: #b52c23;
  font-size: 18px;
  line-height: initial;
  font-weight: 300;
  /*text-transform: uppercase;*/
}
form.form .error {
  color: #de0e13;
  margin-bottom: 20px;
}
form.form label span {
  display: block;
  font-size: 22px;
  font-weight: initial;
  color: #010101;
  text-transform: initial;
}
form.form input[type=text],
form.form input[type=password],
form.form select {
  border: 0px solid #709cc3;
  background-color: #ebf1f7;
  border-radius: 6px;
  padding: 8px;
  width: 88%;
  font-size: 16px;
/*  line-height: initial;*/
  font-weight: 300;
}

form.form .field {
  margin-bottom: 20px!important;
}

/* SLICK SLIDER */

.slick-slider {
  z-index: 8;
}
.slick.header {
}
.slick-prev,
.slick-next {
  font-size: 0;
  z-index: 8;
  line-height: 0;
  position: absolute;
  width: 40%;
  height: 100%;
  top: 0;
  display: block;
  padding: 0;
  cursor: pointer;
  color: transparent;
  border: none;
  outline: none;
  background-size: 17px 28px;
  background-repeat: no-repeat;
  background-position: center center;
  background-color: transparent;
  margin-top: -20px;
}
.slick-prev {
  left: 0;
  background-position: left center;
  margin-left: 10px;
}
.slick-next {
  right: 0;
  background-position: right center;
  margin-right: 10px;
}
.slick-dots {
  position: absolute;
  display: block;
  width: 100%;
  padding: 0;
  list-style: none;
  text-align: center;
  bottom: 30px;
  pointer-events: none;
}
.slick-dots li {
  position: relative;
  display: inline-block;
  margin: 0 8px;
  padding: 0;
  cursor: pointer;
  pointer-events: auto;
}
.slick-dots li button {
  font-size: 0;
  z-index: 3;
  line-height: 0;
  display: block;
  border-radius: 50%;
  width: 11px;
  height: 11px; 
  padding: 0;
  cursor: pointer;
  color: transparent;
  border: 0;
  outline: none;
  background: transparent;
  background-color: #fff;
  opacity: .6;
}
.slick-dots li button:hover,
.slick-dots li.slick-active button {
  outline: none;
  opacity: .8;
}
.slick-slide {
  position: relative;
}

/* MASONRY */

.masonry {
  margin: 0 -15px;
}
.masonry-item {
  width: 25%;
  padding: 0 15px 30px 15px;
}
@media only screen and (max-width: 1023px) {
  .masonry-item {
    width: 33.33333%;
  }
}
@media only screen and (max-width: 767px) {
  .masonry-item {
    width: 50%;
  }
}
@media only screen and (max-width: 414px) {
  .masonry-item {
    width: 100%;
  }
}
/*.masonry {
  -webkit-column-count: 4;
  -moz-column-count: 4;
  -ms-column-count: 4;
  -o-column-count: 4;
  column-count: 4;
  -webkit-column-gap: 30px;
  -moz-column-gap: 30px;
  -ms-column-gap: 30px;
  -o-column-gap: 30px;
  column-gap: 30px;
}
.masonry-item {
  display: inline-block;
  width: 100%;
  margin-bottom: 30px;
}
@media only screen and (max-width: 1023px) {
  .masonry {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    -ms-column-count: 3;
    -o-column-count: 3;
    column-count: 3;
  }
}
@media only screen and (max-width: 767px) {
  .masonry {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    -ms-column-count: 2;
    -o-column-count: 2;
    column-count: 2;
  }
}
@media only screen and (max-width: 414px) {
  .masonry {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    -ms-column-count: 1;
    -o-column-count: 1;
    column-count: 1;
  }
}*/

/* MAP */

.leaflet-container {
  z-index: 1;
}

/* ANIMATION */

a.more,
.page-header .navigation-main > ul > li > ul,
.page-header .navigation-main > ul > li > a,
.page-header .navigation-main > ul > li > ul > li > a,
.page-header .navigation-main > ul > li > ul > li > a.icon::before,
.page-header .navigation-main > ul > li > ul > li > a.icon:hover::before {
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}

/* SLIDER IMAGE */

.slick-slide img {
  width: 100%;
  /*linear-gradient( rgba (255, 247, 0, 0.45), rgba (255, 247, 0, 0.45) );*/
  -webkit-mask-image: url(../images/mask_alpha.svg);
          mask-image: url(../images/mask_alpha.svg);
  mask-mode: alpha;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
}

/* GALLERY */

.gallery {
}
.gallery li {
  float: left;
  padding: 10px;
  margin: 0;
  overflow: hidden;
  width: 25%;
}
.gallery a {
}
.gallery figure {
  position: relative;
  padding-bottom: 100%;
}
.gallery figcaption {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  color: #fff;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  line-height: 1.5em;
  padding: 1rem;
}
.gallery figcaption small {
  font-size: 1rem;
  color: var(--color-brand);
}
.gallery img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all .3s;
}
.gallery img:hover {
  opacity: .2;
}





/* RESPONSIVE */

@media only screen and (max-width: 1023px) {
  .page-header {
    margin-bottom: 0;
  }
  .page-header .logo {
    position: relative;
    display: inline-block;
    top: 0;
    padding: 10px 0;
  }
  .page-header .search {
    position: relative;
    width: 100%;
  }
  .page-header .navigation-main {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    background-color: #e6e6e6;
    opacity: 0;
    visibility: hidden;
    z-index: 9999;
  }
  body.burgered .page-header .navigation-main {
    opacity: 1;
    visibility: visible;
  }
  .page-header .navigation-main > ul > li {
    display: block;
  }
  .page-header .navigation-main > ul > li > a {
    padding: 14px;
  }
  .page-header .navigation-main > ul > li > ul {
    position: relative;
    margin: 0 14px;
  }
  body.burgered .page-header .navigation-main > ul > li > ul {
    opacity: 1;
    visibility: visible;
    display: block;
  }
  .burger {
    display: block;
  }
  body.burgered .burger .icon-top,
  body.burgered .burger .icon-bottom,
  body.burgered .burger:before,
  body.burgered .burger:after {
    background-color: #fff;
  }
  body.burgered .burgered .burger:before,
  body.burgered .burgered .burger:after {
    background-color: #000;
  }
  body.burgered .page-header .navigation-main .burgeronly {
    display: block;
    /*position: absolute;*/
  }

  .page-slider {
    margin-bottom: 20px;
  }

  tr td {
  padding-bottom: 12px;
}


/*.slick-slide {
   height:300px;
}

/* Image sollte proportional angezeigt werden */
/*.slick-slide img {
   height:300px;
   width: auto;
}*/


  /* RESPOSIVE ANIMATION */

  .page-header .navigation-main {
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
  }
}
@media only screen and (max-width: 767px) {

h3 {
  font-size: 54px;
  line-height: 60px;
  font-weight: 600;
  margin-bottom: 8px;
}
h4 {
  font-size: 32px;
  line-height: 35px;
  font-weight: 100;
  margin-bottom: 8px;
}
h5 {
  font-size: 28px;
  line-height: 32px;
  font-weight: 300;
  margin-bottom: 8px;
}
h6 {
  font-size: 18px;
  line-height: 22px;
  font-weight: 300;
  margin-bottom: 8px;
}


}
/* #4 Termine-Akkordeon: Seiten-Font erzwingen (Buttons erben font-family nicht) */
.accordion,
.accordion span,
.panel,
.co-panel,
.termine-ort,
.termine-text {
  font-family: 'Titillium Web', sans-serif;
}

/* POI-Links (aus K2 image+link-Kombination, jetzt native Writer-Links) */
.poi::before {
  content: "";
  display: inline-block;
  width: 18px;
  height: 18px;
  margin-right: 4px;
  vertical-align: text-bottom;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.poi-sehenswuerdigkeit::before { background-image: url(../plugins/leaflet-gpx/icon_sehenswuerdigkeit.svg); }
.poi-grillstelle::before      { background-image: url(../plugins/leaflet-gpx/icon_grillstelle.svg); }
.poi-bahnhof::before          { background-image: url(../plugins/leaflet-gpx/icon_bahnhof.svg); }
.poi-haltestelle::before      { background-image: url(../plugins/leaflet-gpx/icon_haltestelle.svg); }
.poi-spielplatz::before       { background-image: url(../plugins/leaflet-gpx/icon_spielplatz.svg); }
.poi-wirtshaus::before        { background-image: url(../plugins/leaflet-gpx/icon_wirtshaus.svg); }

/* Leere Layout-Spalten = Abstandshalter: belegen eine volle Spalten-Breite
   (genau wie Inhaltsspalten, nur leer) – verschwinden nur im Mobil-Stack. */
.is-empty { min-height: 1px; }
.is-empty .content { min-height: 0; }
@media only screen and (max-width: 767px) {
  [class*="col-"].is-empty { display: none; }
}

/* Zeilen-Hintergründe (Layout-Einstellung) */
.row.bg-light { background: #f3f1ec; }
.row.bg-dark  { background: #2c2a26; color: #fff; }
.row.bg-light, .row.bg-dark { padding: 24px 18px; border-radius: 6px; }

/* Galerie-Block */
.gallery { margin-bottom: 24px; list-style: none; padding-left: 0; }
.gallery-item { margin: 0; }
.gallery-item img { display: block; width: 100%; }
.gallery figcaption { font-size: 13px; line-height: 1.3; color: #685d50; margin-top: 4px; }
/* Hover: sanfter Zoom innerhalb der Bildfläche (Proportionen bleiben) */
.gallery-item a, .gallery-item figure { display: block; margin: 0; }
/* overflow:hidden NICHT in Masonry (column-count) – dort kollabiert der <a> in Chrome auf height:0
   und klippt das Bild auf 0. Nur in Raster/Slider/Justiert (kein Multicol). */
.gallery-raster .gallery-item a, .gallery-slider .gallery-item a, .gallery-justified .gallery-item a,
.gallery-raster .gallery-item { overflow: hidden; border-radius: 2px; }
.gallery-item a { cursor: zoom-in; position: relative; }
.gallery-item img { transition: transform .45s ease; }
.gallery-item:hover img { transform: scale(1.07); }
/* Raster – Bilder füllen die volle Spaltenbreite (1fr), Proportionen bleiben erhalten */
.gallery-raster { display: grid; gap: var(--gap, 12px); align-items: start; }
.gallery-raster.gallery-cols-2 { grid-template-columns: repeat(2, 1fr); }
.gallery-raster.gallery-cols-3 { grid-template-columns: repeat(3, 1fr); }
.gallery-raster.gallery-cols-4 { grid-template-columns: repeat(4, 1fr); }
.gallery-raster .gallery-item img { width: 100%; height: auto; }
/* Masonry – reine CSS-Spalten (kein JS, keine Überlappung, alle Bilder klickbar) */
.gallery-masonry { column-gap: var(--gap, 12px); }
.gallery-masonry.gallery-cols-2 { column-count: 2; }
.gallery-masonry.gallery-cols-3 { column-count: 3; }
.gallery-masonry.gallery-cols-4 { column-count: 4; }
.gallery-masonry .gallery-item { break-inside: avoid; margin: 0 0 var(--gap, 12px); width: 100%; display: block; }
.gallery-masonry .gallery-item img { height: auto; }
/* Justiert (Reihen gleicher Höhe; Breite je nach Hoch-/Quer-/Quadratformat) */
.gallery-justified { display: flex; flex-wrap: wrap; gap: var(--gap, 8px); }
.gallery-justified .gallery-item { height: 240px; margin: 0; overflow: hidden; max-width: 480px; }
/* einzelnes Bild in der letzten Reihe nicht über die ganze Breite strecken */
.gallery-justified .gallery-item:last-child { flex-grow: 0; }
.gallery-justified .gallery-item a, .gallery-justified .gallery-item figure { display: block; height: 240px; margin: 0; position: relative; }
/* feste Bildhöhe (nicht height:100%) – object-fit:cover schneidet dann mittig, gleiche Reihenhöhe */
.gallery-justified .gallery-item img { width: 100%; height: 240px; object-fit: cover; display: block; }
.gallery-justified .gallery-item figcaption { position: absolute; left: 0; bottom: 0; margin: 0; padding: 2px 7px; font-size: 11px; line-height: 1.4; color: #fff; background: rgba(0, 0, 0, .4); }
@media only screen and (max-width: 767px) {
  .gallery-justified .gallery-item,
  .gallery-justified .gallery-item a, .gallery-justified .gallery-item figure,
  .gallery-justified .gallery-item img { height: 150px; }
}
/* Slider (slick) */
.gallery-slider .gallery-item { padding: 0 calc(var(--gap, 12px) / 2); }
@media only screen and (max-width: 767px) {
  .gallery-raster.gallery-cols-3, .gallery-raster.gallery-cols-4 { grid-template-columns: repeat(2, 1fr); }
  .gallery-masonry.gallery-cols-3, .gallery-masonry.gallery-cols-4 { column-count: 2; }
}

/* Inhalts-Tabellen (z. B. Vertrauensmänner) */
.tbl-vertrauen, .content table { border-collapse: collapse; width: 100%; margin: 8px 0 16px; }
.tbl-vertrauen td, .content table td, .content table th { padding: 4px 10px; border-bottom: 1px solid #e3ded5; vertical-align: top; }
.tbl-vertrauen td:first-child { white-space: nowrap; color: #685d50; width: 1%; }
.tbl-vertrauen tr.tbl-sub td { border-bottom: none; padding-top: 12px; color: #a07b2a; }

/* Zurück-Link auf Detailseiten (Bericht/Termin) */
.zurueck { margin: 0 0 12px; }
.zurueck a { color: #a23b2b; text-decoration: none; font-weight: 600; }
.zurueck a:hover { text-decoration: underline; }

/* Bild-Block: füllt Spaltenbreite (gleiches Format nebeneinander = gleiche Höhe) */
.block-bild { margin: 0 0 16px; }
.block-bild img { display: block; width: 100%; height: auto; }
.block-bild figcaption { font-size: 13px; line-height: 1.3; color: #685d50; margin-top: 4px; }

/* Personen-Block – Grid mit wählbarer Spaltenzahl */
.personen { display: grid; gap: 28px 16px; margin: 0 0 24px; }
.personen-cols-2 { grid-template-columns: repeat(2, 1fr); }
.personen-cols-3 { grid-template-columns: repeat(3, 1fr); }
.personen-cols-4 { grid-template-columns: repeat(4, 1fr); }
.personen-cols-auto { grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); }
.personen-item { text-align: center; }
.personen-bild { max-width: 220px; margin: 0 auto 12px; }
.personen-bild img { width: 100%; aspect-ratio: 1 / 1; object-fit: cover; display: block; }
.personen.bildform-rund .personen-bild img { border-radius: 50%; }
.personen.bildform-original .personen-bild img { aspect-ratio: auto; height: auto; }
.personen .personen-text { font-size: 14px; margin-top: 6px; color: #444; }
.personen .persontext a { color: #a23b2b; text-decoration: none; }
.personen .persontext a:hover { text-decoration: underline; }
@media only screen and (max-width: 767px) {
  .personen-cols-3, .personen-cols-4 { grid-template-columns: repeat(2, 1fr); }
}

/* Personen – Bildgröße (unabhängig von der Spaltenzahl) */
.personen.bildgroesse-klein .personen-bild { max-width: 140px; }
.personen.bildgroesse-mittel .personen-bild { max-width: 220px; }
.personen.bildgroesse-gross  .personen-bild { max-width: 300px; }