@charset "UTF-8";
/* 
Theme Name: MyThemeSmall 
Theme URI: http://josthannemann.de 
Description: Wordpress-Theme for the website
Version: 1.0.0
Author: Jost Hannemann
Author URI: http://josthannemann.de 

WordPress Theme
	
*/
/* jost-300 - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Jost';
  font-style: normal;
  font-weight: 300;
  src: url("_fonts/jost-v15-latin-300.woff2") format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ }
/* jost-regular - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Jost';
  font-style: normal;
  font-weight: 400;
  src: url("_fonts/jost-v15-latin-regular.woff2") format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ }
/* jost-500 - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Jost';
  font-style: normal;
  font-weight: 500;
  src: url("_fonts/jost-v15-latin-500.woff2") format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ }
/* jost-600 - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Jost';
  font-style: normal;
  font-weight: 600;
  src: url("_fonts/jost-v15-latin-600.woff2") format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ }
/* gloock-regular - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Gloock';
  font-style: normal;
  font-weight: 400;
  src: url("_fonts/gloock-v6-latin-regular.woff2") format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ }
/* --------------------------------------------------------------------------
   ALLGEMEINE DEFINITIONEN
   -------------------------------------------------------------------------- */
::-moz-selection {
  background: #333;
  text-shadow: none;
  color: #fff; }

::selection {
  background: #333;
  text-shadow: none;
  color: #fff; }

html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, applet, object, iframe, code, del, dfn, font, img, ins, small, strong, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, table, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  vertical-align: baseline; }

caption, th, td {
  text-align: left; }

strong {
  font-weight: 400; }

* {
  box-sizing: border-box;
  position: relative;
  font-family: 'Jost', sans-serif; }

html {
  font-family: 'Jost', sans-serif !important;
  font-size: 16px;
  line-height: 120%;
  font-weight: 300;
  letter-spacing: 0;
  font-style: normal;
  text-decoration: none;
  color: #000;
  background-color: #fafafa; }

body {
  font-size: 16px !important;
  line-height: 133% !important;
  font-weight: 300 !important;
  letter-spacing: 0;
  font-style: normal;
  text-decoration: none;
  color: #000C06 !important; }

section {
  display: block; }

h1,
h2,
h3,
h4,
h5,
h6,
h7,
h8 {
  margin-bottom: 0;
  line-height: 100%; }

h2 {
  font-size: 1.25rem;
  font-size: clamp(1.25rem, 0.7291666666666666rem + 1.7361111111111112vw, 2.8125rem);
  line-height: 144%;
  font-weight: 600;
  color: #000C06;
  text-transform: uppercase; }

h3 {
  font-size: 2.25rem;
  font-weight: 400;
  color: #000C06; }

h4 {
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 120%;
  color: #000C06;
  text-transform: uppercase; }

@media screen and (min-width: 660px) {
  h3 {
    font-size: 3.125rem; }

  h4 {
    font-size: 1.125rem; } }
p,
li {
  font-size: 1rem;
  line-height: 133%;
  font-weight: 300;
  color: #000; }

p:empty {
  display: none; }

a {
  text-decoration: none;
  color: #000C06;
  border: 0 !important;
  border-color: #fff !important; }

a,
a:hover,
a:active,
a:focus,
a:focus-visible,
a:link,
a:visited,
a:-webkit-any-link:focus-visible {
  border-color: #fff !important;
  box-shadow: none !important;
  outline: 0 !important;
  outline-offset: 0 !important;
  border: 0 !important; }

a:hover {
  text-decoration: none;
  opacity: 0.7; }

p,
ul,
ol {
  margin-bottom: 24px; }

ul {
  margin-left: 0;
  list-style: none; }

ol {
  margin-left: 32px;
  margin-top: 24px;
  list-style-type: decimal-leading-zero;
  list-style-position: outside; }

hr,
.hr {
  border: none;
  height: 1px;
  margin: 30px 0;
  background-color: #ccc;
  color: #ccc; }

label {
  font-weight: 600;
  color: #444; }

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0; }

img {
  display: block;
  width: 100%;
  height: auto; }

fieldset {
  border: 0;
  margin: 0;
  padding: 0; }

fieldset {
  padding: 15px;
  margin: 0 0 20px 0;
  border: 1px dotted #ccc; }

legend {
  font-weight: 600; }

input[type=text],
input[type=email],
input[type=password],
input.text,
textarea {
  display: block;
  box-sizing: border-box;
  width: 100%;
  height: 32px;
  margin: 0;
  padding: 2px;
  border: 1px solid #000;
  font-size: 1rem;
  line-height: 26px;
  font-weight: 400;
  color: #000; }

textarea {
  height: 100px; }

label {
  display: block;
  width: 100%;
  font-size: 1rem;
  line-height: 26px;
  font-weight: 400;
  color: #000; }

input[type=range]::-ms-tooltip {
  display: none; }

select {
  margin: 5px 0;
  padding: 8px;
  background-color: #fff;
  border-bottom: 1px solid #999; }

select {
  padding: 7px 8px; }

input[type=text]:focus,
input[type=password]:focus,
input.text:focus,
textarea:focus {
  border-color: #000; }

input[type=text]:focus-visible,
input[type=password]:focus-visible,
input.text:focus-visible,
textarea:focus-visible {
  background-color: #eee;
  outline: none; }

input.text {
  width: 300px;
  padding: 4px; }

textarea {
  width: 300px;
  height: 50px;
  padding: 4px;
  border: 1px solid #000;
  resize: vertical; }

input, textarea, select, button {
  font-size: 1.125rem; }

table {
  border-collapse: separate;
  border-spacing: 0;
  margin-bottom: 12px;
  border: 1px dotted #ccc; }

th {
  padding: 10px;
  text-transform: uppercase;
  font-weight: 400; }

td {
  padding: 10px;
  border-top: 1px dotted #ccc; }

.highlight {
  background-color: #d6a9a9; }

/* --------------------------------------------------------------------------
   HEADERBEREICH (FIX)
   -------------------------------------------------------------------------- */
header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  padding-top: 0;
  padding-bottom: 0;
  border-bottom: 0;
  box-sizing: border-box;
  z-index: 200;
  -webkit-transition: top 500ms ease;
  -moz-transition: top 500ms ease;
  -o-transition: top 500ms ease;
  transition: top 500ms ease; }
  header.hide {
    top: -64px; }
  header .wrapper_hd {
    border-bottom: 2px solid #cccccc66; }
    header .wrapper_hd .line {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 50%;
      border-bottom: 1px solid #000;
      display: none; }
    header .wrapper_hd .wrapper_cont {
      position: relative;
      display: flex;
      justify-content: space-between;
      align-items: center;
      height: 60px;
      background-color: transparent; }
      header .wrapper_hd .wrapper_cont .logoBox {
        position: relative;
        display: block;
        left: -20px;
        width: calc( 100% - 50px);
        height: 46px;
        padding: 0;
        text-align: left; }
        header .wrapper_hd .wrapper_cont .logoBox .logo_fa {
          position: relative;
          display: inline-block;
          width: auto;
          height: 100%;
          padding: 0 clamp(2rem, 1.25rem + 2.5vw, 3.75rem) 0 20px;
          background-color: #fff; }
          header .wrapper_hd .wrapper_cont .logoBox .logo_fa > img {
            display: block;
            position: relative;
            width: auto;
            height: 100%;
            object-position: left center;
            object-fit: contain; }
          header .wrapper_hd .wrapper_cont .logoBox .logo_fa:hover {
            opacity: 1; }
        header .wrapper_hd .wrapper_cont .logoBox .logo_wm {
          position: relative;
          display: none;
          width: auto;
          max-width: clamp(8.25rem, 6.294117647058823rem + 4.117647058823529vw, 10rem);
          height: 100%;
          margin-right: 40px; }
          header .wrapper_hd .wrapper_cont .logoBox .logo_wm > img {
            display: block;
            position: relative;
            height: 100%;
            object-position: left bottom;
            object-fit: contain; }
        header .wrapper_hd .wrapper_cont .logoBox.hide {
          visibility: hidden; }
      header .wrapper_hd .wrapper_cont .burger {
        position: absolute;
        display: block;
        width: 30px;
        height: 30px;
        right: 0;
        background-image: url("assets/burger.svg");
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center; }
        header .wrapper_hd .wrapper_cont .burger.close, header .wrapper_hd .wrapper_cont .burger:hover {
          opacity: 0.6; }

@media screen and (min-width: 440px) {
  header .wrapper_hd .wrapper_cont .logoBox {
    height: 34px; } }
@media screen and (min-width: 600px) {
  header .wrapper_hd .wrapper_cont .burger {
    width: 40px;
    height: 40px; } }
@media screen and (min-width: 760px) {
  header .wrapper_hd .wrapper_cont .logoBox .logo_wm {
    display: inline-block; } }
@media screen and (min-width: 960px) {
  header.hide {
    top: -90px; }
  header .wrapper_hd .wrapper_cont {
    height: 86px; }
    header .wrapper_hd .wrapper_cont .logoBox {
      height: 64px; } }
@media screen and (min-width: 1020px) {
  header .wrapper_hd .line {
    display: block; }
  header .wrapper_hd .wrapper_cont .logoBox .logo_wm {
    max-width: 200px; }
  header .wrapper_hd .wrapper_cont .burger {
    display: none; } }
@media screen and (min-width: 1280px) {
  header.hide {
    top: -124px; }
  header .wrapper_hd .wrapper_cont {
    height: 120px; }
    header .wrapper_hd .wrapper_cont.hide {
      top: -120px; }
    header .wrapper_hd .wrapper_cont .logoBox {
      height: 84px; } }
@media screen and (min-width: 1500px) {
  header .wrapper_hd .wrapper_cont .logoBox {
    left: 0;
    padding: 0 20px 0 0; } }
/*
header {
	position: fixed;
    top: 0;
    left: 0;
	width: 100%;
	padding-top: 0;
	padding-bottom: 0;
	border-bottom: 0;
	box-sizing: border-box;
	z-index: 200;
	-webkit-transition: top 500ms ease;
	-moz-transition: top 500ms ease;
	-o-transition: top 500ms ease;
	transition: top 500ms ease;
}

header.hide {
    top: -55px;
}

header .wrapper_hd {
	border-bottom: 2px solid #cccccc66;
}

header .wrapper_hd .line {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 66%;
	border-bottom: 1px solid #000;
	display: none;
}

header .wrapper_cont {
	position: relative;
	display: flex;
    justify-content: space-between;
	align-items: center;
    height: 55px;
	background-color: transparent;
}

header .logoBox {
	position: relative;
    display: block;
	left: -20px;
    width: fit-content;
	height: 26px;
	padding: 0 20px;
	background-color: #fff;
}

header .logo {
	position: relative;
    display: block;
	left: 0;
    width: auto;
	height: 100%;
}

header .logoBox.hide {
	visibility: hidden;
}

@media screen and (min-width: 440px) {
	header .logoBox {
		height: 34px;
	}
}

@media screen and (min-width: 960px) {
	header .wrapper_head,
	header .wrapper_cont {
		height: 86px;
	}
	header.hide {
		top: -86px;
	}
	header .logoBox {
		height: 64px;
	}
}
@media screen and (min-width: 1020px) {
	header .wrapper_hd .line {
		display: block;
	}
}
@media screen and (min-width: 1280px) {
	header .wrapper_head,
	header .wrapper_cont {
		height: 120px;
	}
	header.hide {
		top: -120px;
	}
	header .logoBox {
		height: 84px;
	}
}
@media screen and (min-width: 1500px) {
	header .logoBox {
		left: 0;
		padding: 0 20px;
	}
}
	
header .burger {
	position: absolute;
    display: block;
	width: 30px;
	height: 30px;
	right: 0;
	background-image: url("assets/burger.svg");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}
@media screen and (min-width: 600px) {
	header .burger {
		width: 40px;
		height: 40px;
    }
}
@media screen and (min-width: 1020px) {
	header .telBox {
		padding-right: 0;
	}    
	header .burger {
        display: none;
    }
}
   
header .burger.close,
header .burger:hover { opacity: 0.6; }
*/
/* --------------------------------------------------------------------------
   CONTENTBEREICH
   -------------------------------------------------------------------------- */
.wrapper,
.outer_wrapper,
.content_wrapper,
.wrapper_cont,
.wrapper_hd,
.wrapper_full,
.wrapper_max {
  position: relative;
  width: 100%;
  margin: 0 auto;
  padding: 0;
  background-color: #fff; }

.wrapper_full {
  max-width: 2560px; }

.wrapper_hd {
  max-width: 480px;
  padding-left: 20px;
  padding-right: 20px; }

@media screen and (min-width: 760px) {
  .wrapper_hd {
    max-width: 1920px; } }
.wrapper_cont {
  max-width: 1460px; }

section .content_wrapper {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap; }

section .content_wrapper .navBox {
  width: 20.3%;
  display: none; }

section .content_wrapper > div {
  width: 100%; }

@media screen and (min-width: 1020px) {
  section .content_wrapper .contPicBox,
  section .content_wrapper .contList {
    width: 75.3%; }

  section .content_wrapper .navBox {
    display: block; } }
@media screen and (min-width: 1500px) {
  section .content_wrapper .contPicBox.padding,
  section .content_wrapper .contList.padding,
  .falistplusSec .toArchiv {
    padding-left: 21px;
    padding-right: 21px; }

  section .content_wrapper .contPicBox.border,
  section .content_wrapper .contList.border {
    padding-left: 20px;
    padding-right: 20px;
    border-left: 1px solid #000;
    border-right: 1px solid #000; } }
section .contentBox .wp-caption .wp-caption-text,
section .copyright {
  display: block;
  width: 100%;
  min-height: 32px;
  margin-bottom: 0;
  padding-top: 5px;
  font-size: 0.625rem;
  line-height: 110%;
  text-align: right; }

section .contentBox .wp-caption:has(.w20p),
section .contentBox .wp-caption:has(.w25p),
section .contentBox .wp-caption:has(.w33p),
section .contentBox .wp-caption:has(.w50p) {
  width: 100% !important; }

section .contentBox .wp-caption .w20p,
section .contentBox .wp-caption .w25p,
section .contentBox .wp-caption .w33p,
section .contentBox .wp-caption .w50p {
  width: 100% !important; }

@media screen and (min-width: 760px) {
  section .contentBox .wp-caption:has(.w20p) {
    width: 20% !important; }

  section .contentBox .wp-caption:has(.w25p) {
    width: 25% !important; }

  section .contentBox .wp-caption:has(.w33p) {
    width: 33% !important; }

  section .contentBox .wp-caption:has(.w50p) {
    width: 50% !important; } }
.fixH {
  min-height: 75vh; }

.fullH,
.ffullH {
  min-height: 100vh; }

.wide {
  padding-left: 0;
  padding-right: 0; }

.vAlign {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap; }

.vAlign.lAlign {
  justify-content: flex-start; }

.alignright,
.alignleft,
.aligncenter {
  padding: 16px 0 12px; }

.wp-caption {
  max-width: 100%; }

.clear {
  clear: both; }

.w20p,
.w25p,
.w33p,
.w50p,
.w100p {
  width: 100%; }

@media screen and (min-width: 760px) {
  .alignright {
    float: right;
    width: auto;
    padding: 4px 0 16px 24px; }

  .alignleft {
    float: left;
    width: auto;
    padding: 4px 24px 16px 0; }

  .aligncenter {
    text-align: center;
    width: auto;
    margin: 16px auto; } }
.button {
  display: inline-block;
  height: 40px;
  padding: 0 10px;
  border-radius: 8px;
  background-color: #000 !important;
  font-size: 0.875rem !important;
  line-height: 38px !important;
  color: #fff !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  white-space: nowrap; }

.button:hover {
  opacity: 0.7; }

.more {
  margin-top: 10px;
  font-weight: 500;
  color: #000C06; }

.twocols {
  width: 100%; }

@media screen and (min-width: 760px) {
  .twocols {
    width: 100%;
    column-count: 2;
    column-gap: 7.5%; } }
.twocols1,
.twocols2 {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  flex-wrap: wrap; }

.twocols1 .onecol,
.twocols2 .onecol {
  width: 100%;
  padding-left: 0;
  padding-bottom: 30px;
  text-align: left; }

@media screen and (min-width: 1020px) {
  .twocols1 .onecol {
    width: 45%; } }
.twocols2 .onecol {
  padding-left: 0;
  padding-right: 20px; }

@media screen and (min-width: 1020px) {
  .twocols2 .onecol {
    width: 50%; } }
.mosaik {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  flex-wrap: wrap; }

.mosaik .item {
  width: 100%;
  padding: 15px 0 30px;
  text-align: left; }

@media screen and (min-width: 660px) {
  .mosaik .item {
    width: calc(50% - 15px);
    padding: 15px 0; }

  .mosaik .item:nth-of-type(2n) {
    padding-left: 15px; } }
@media screen and (min-width: 1020px) {
  .mosaik .item {
    width: calc(33.3% - 20px);
    padding: 15px 0 80px; }

  .mosaik .item:nth-of-type(2n) {
    padding-left: 0; } }
.mosaik .item h3 {
  margin-bottom: 10px;
  font-weight: 400;
  font-size: 1.875rem;
  line-height: 120%; }

.mosaik .item a {
  text-decoration: underline; }

.iconlist {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }

.iconlist .oneIcon {
  width: 100%;
  padding-top: clamp(3.4375rem, 0.8928571428571428rem + 8.482142857142858vw, 9.375rem);
  margin-bottom: clamp(1.25rem, 0.1785714285714286rem + 3.571428571428571vw, 3.75rem);
  font-size: 1.125rem;
  font-size: clamp(1.125rem, 1.0178571428571428rem + 0.35714285714285715vw, 1.375rem);
  line-height: 184%;
  font-weight: 400;
  color: #000C06;
  background-repeat: no-repeat;
  background-size: clamp(2.5rem, 0.3571428571428572rem + 7.142857142857142vw, 7.5rem) auto;
  background-position: left top; }

@media screen and (min-width: 660px) {
  .iconlist .oneIcon {
    width: 45%; } }
.iconlist .oneIcon.dark {
  background-image: url("assets/ico_addval_dark.svg"); }

.iconlist .oneIcon.light {
  background-image: url("assets/ico_addval_lightgray.svg"); }

.iconlist .oneIcon.green {
  background-image: url("assets/ico_addval_green.svg"); }

.iconlist .oneIcon.red {
  background-image: url("assets/ico_addval_red.svg"); }

.iconlist .oneIcon.piconly {
  display: flex;
  align-items: center;
  padding-top: 0; }

.iconlist .oneIcon.piconly img {
  display: block;
  width: 100%;
  max-height: clamp(4.125rem, 1.875rem + 7.5vw, 9.375rem);
  max-width: 500px;
  object-fit: contain;
  object-position: left center; }

.iconlist .oneIcon > strong {
  display: block;
  margin-bottom: 10px;
  font-size: 1.25rem;
  font-size: clamp(1.25rem, 0.9285714285714286rem + 1.0714285714285714vw, 2rem);
  line-height: 125%;
  font-weight: 700;
  text-transform: uppercase; }

.datalist {
  padding-right: 10%; }

.datalist .onedata {
  display: flex;
  align-items: center;
  column-gap: 5%;
  padding: 10px 0; }

.datalist .onedataval {
  font-size: 0.9375rem;
  font-size: clamp(0.9375rem, 0.90625rem + 0.10416666666666667vw, 1rem);
  line-height: 100%;
  font-weight: 700;
  color: #c91300; }

.datalist .onedataval strong {
  font-size: 1.5rem;
  font-size: clamp(1.5rem, 0.28125rem + 4.0625vw, 3.9375rem);
  line-height: 110%;
  font-weight: 700;
  color: #c91300; }

.datalist .onedatatext {
  font-size: 1.25rem;
  font-size: clamp(1.25rem, 0.875rem + 1.25vw, 2rem);
  line-height: 150%;
  font-weight: 300;
  color: #000c06; }

.dlbutton {
  position: relative;
  display: inline-block;
  top: -50px;
  width: auto;
  height: 50px;
  padding: 0 32px;
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 50px;
  text-transform: uppercase;
  color: #fff;
  background-color: #ef767a; }

.dlbutton:hover {
  opacity: 1;
  background-color: #e65c60; }

.actionButton {
  font-size: 0.875rem;
  font-size: clamp(0.875rem, 0.8125rem + 0.20833333333333334vw, 1rem);
  font-weight: 700;
  color: #19241F;
  background-color: #fff;
  background-image: url("assets/arr_right.svg"); }

.actionButton:hover {
  border-color: #19241F;
  color: #fff;
  background-color: #19241F;
  background-image: url("assets/arr_right_white.svg");
  opacity: 1; }

.cont p:last-of-type,
.contBox p:last-of-type {
  margin-bottom: 0; }

.cont li {
  padding-left: 0; }

.toObjectlist {
  display: block;
  padding-top: 30px;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 120%;
  color: #fff;
  text-transform: uppercase;
  text-decoration: underline; }

@media screen and (min-width: 660px) {
  .toObjectlist {
    padding-top: 50px;
    font-size: 1.125rem; } }
.marginHead {
  margin-top: 0; }

.katdate {
  width: 100%;
  font-size: 1rem;
  font-weight: 400;
  color: #b3cbc1;
  text-align: left; }

.katdate span {
  display: inline-block;
  padding-right: 10px;
  font-size: 1rem;
  font-weight: 500;
  text-transform: uppercase;
  color: #fff;
  text-align: left; }

@media screen and (min-width: 760px) {
  .katdate,
  .katdate span {
    font-size: 1.25rem; } }
.dataBox {
  display: none; }

.buttonBox,
.buttonBox.start,
.buttonBox.hcenter,
.buttonBox.end {
  position: relative;
  display: flex;
  width: 100%;
  padding: 20px 0; }

@media screen and (min-width: 760px) {
  .buttonBox.start {
    justify-content: flex-start; }

  .buttonBox.hcenter {
    justify-content: center; }

  .buttonBox.end {
    justify-content: flex-end; } }
.buttonBox > a {
  position: relative;
  display: block; }

.search {
  margin-top: 20px; }

.search > form {
  display: flex;
  align-items: flex-end;
  flex-wrap: wrap; }

.search input,
.search label {
  display: block; }

.search label {
  width: 100%;
  font-size: 1rem;
  line-height: 26px;
  font-weight: 400;
  color: #000; }

.search input[type=text] {
  width: 70%;
  height: 32px;
  margin: 0;
  padding: 2px;
  border: 1px solid #000;
  font-size: 1rem;
  line-height: 26px;
  font-weight: 400;
  color: #000; }

.search input[type=text]:focus-visible {
  border: 1px solid #000;
  color: #000; }

.search input[type=image] {
  width: 32px;
  height: 32px;
  padding: 6px;
  background: #000; }

.socials {
  display: flex;
  align-items: center;
  margin-top: 20px; }

.socials .oneSocial {
  display: block;
  height: 32px;
  width: 40px;
  margin-right: 10px;
  background-repeat: no-repeat;
  background-position: left center;
  background-size: contain; }

.socials .oneSocial:last-of-type {
  margin-right: 0; }

.socials .oneSocial.instagram {
  background-image: url("assets/ico_instagram.svg"); }

.socials .oneSocial.youtube {
  background-image: url("assets/ico_youtube.svg"); }

.socials .oneSocial.facebook {
  background-image: url("assets/ico_facebook.svg"); }

.socials.rev .oneSocial.instagram {
  background-image: url("assets/ico_instagram_weiss.svg"); }

.socials.rev .oneSocial.youtube {
  background-image: url("assets/ico_youtube_weiss.svg"); }

.socials.rev .oneSocial.facebook {
  background-image: url("assets/ico_facebook_weiss.svg"); }

/* ----------- Newsletter Box (ein- und ausfahrbar) */
.nlBox {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 0;
  background-color: #F7F9FA;
  -webkit-transition: width 500ms ease;
  transition: width 500ms ease;
  display: block; }

.nlBox.bu {
  height: calc( 100% - 32px ); }

.nlBox.opened {
  width: 312px; }

.nlBox .nl_wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  overflow-y: auto; }

.nlBox .nl_cont {
  position: absolute;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  right: 0;
  top: 0;
  width: 312px;
  height: 100%;
  padding: 16px; }

.nlBox .flag {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  right: -24px;
  top: calc(50% - 80px);
  width: 24px;
  border-radius: 0 6px 6px 0;
  height: 160px;
  color: #fff;
  background-color: #000;
  cursor: pointer; }

.nlBox .flag:hover {
  opacity: 0.7; }

.nlBox .flag.opened > .opened {
  display: block; }

.nlBox .flag.opened > .closed {
  display: none; }

.nlBox .flag.closed > .opened {
  display: none; }

.nlBox .flag.closed > .closed {
  display: block; }

.nlBox .flag > div {
  transform: rotate(-90deg);
  white-space: nowrap;
  font-size: 0.675rem;
  text-transform: uppercase; }

@media screen and (min-width: 760px) {
  .nlBox.opened {
    width: 340px; }

  .nlBox .nl_cont {
    width: 340px;
    height: 100%;
    padding: 20px; }

  .nlBox .flag {
    right: -40px;
    top: calc(50% - 106px);
    width: 40px;
    border-radius: 0 8px 8px 0;
    height: 212px; }

  .nlBox .flag > div {
    font-size: 0.875rem; } }
/* --------------------------------------------------------------------------
   FOOTERBEREICH
   -------------------------------------------------------------------------- */
footer {
  position: relative;
  font-size: 0.875rem; }

footer .wrapper_hd {
  padding-top: 15px;
  padding-bottom: 20px; }

@media screen and (min-width: 760px) {
  footer .wrapper_hd {
    padding-top: 20px;
    padding-bottom: 25px; } }
@media screen and (min-width: 1020px) {
  footer .wrapper_hd {
    padding-top: 25px;
    padding-bottom: 25px; } }
footer .wrapper_hd.zero {
  padding-top: 40px; }

footer .wrapper_hd.first {
  border-top: 1px solid #000; }

footer .wrapper_hd.second {
  color: #fff;
  background-color: #000; }

footer .wrapper_cont {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  width: 100%; }

footer .wrapper_hd.second .wrapper_cont {
  justify-content: space-between;
  background-color: #000; }

footer .col {
  position: relative;
  width: 100%; }

footer .col.tel {
  display: none; }

footer .col.logoBox {
  width: 25%; }

footer .col.cont {
  width: 75%;
  padding-left: 10px; }

footer .socials {
  margin-top: 0;
  display: none; }

@media screen and (min-width: 760px) {
  footer .col {
    width: max-content; }

  footer .col.logoBox {
    width: 20%; }

  footer .col.logoBox > img {
    width: 75%;
    max-width: 166px; }

  footer .col.cont {
    width: 60%;
    padding-right: 20px; }

  footer .col.tel {
    display: block;
    width: 20%;
    padding-left: 15px;
    text-align: right;
    font-size: 1.125rem;
    font-weight: 500; }

  footer .socials {
    display: flex; } }
@media screen and (min-width: 1020px) {
  footer .wrapper_cont {
    align-items: center; }

  footer .col {
    width: max-content; }

  footer .col.logoBox {
    width: 20%; }

  footer .col.logoBox > img {
    width: 66%;
    max-width: 160px; }

  footer .col.cont {
    width: 55%;
    padding-right: 20px; }

  footer .col.tel {
    width: 25%;
    padding-left: 50px;
    font-size: 1.25rem;
    text-align: right; } }
@media screen and (min-width: 1500px) {
  footer .col.logoBox {
    padding-left: 20px; } }
#isMob {
  width: 1px; }

.disp1_hide,
.disp12_hide,
.disp13_hide {
  display: none; }

.disp2_hide,
.disp23_hide,
.disp24_hide,
.disp3_hide,
.disp34_hide,
.disp4_hide {
  display: block; }

.touchShow,
.mouseShow,
.touchHide,
.mouseHide {
  display: none; }

/* --------------------------------------------------------------------------
   NAVIGATIONSBEREICHE
   -------------------------------------------------------------------------- */
.mainMenu {
  position: relative; }

.addMenu {
  position: relative;
  margin-top: 24px; }

.mainMenu ul,
.addMenu ul {
  display: inline-block;
  list-style: none;
  margin-bottom: 0; }

.mainMenu li,
.addMenu li {
  display: inline-block;
  position: relative;
  width: 100%;
  text-align: left; }

.mainMenu li {
  margin-bottom: 4px;
  border-bottom: 5px solid #f5f5f5; }

@media screen and (min-width: 1280px) {
  .mainMenu li {
    margin-bottom: 7px;
    border-bottom: 9px solid #f5f5f5; } }
.mainMenu a {
  display: inline-block;
  font-size: 1.125rem;
  font-size: clamp(1.125rem, 0.23863636363636365rem + 1.3636363636363635vw, 1.875rem);
  line-height: 120%;
  font-weight: 300;
  letter-spacing: 0.03em;
  font-style: normal;
  text-decoration: none;
  text-transform: uppercase;
  color: #000; }

.addMenu a {
  display: inline-block;
  font-size: 1rem;
  line-height: 120%;
  font-weight: 500;
  letter-spacing: 0;
  font-style: normal;
  text-decoration: none;
  text-transform: none;
  color: #000; }

.mainMenu li:hover,
.addMenu li:hover,
.mainMenu li.current_page_item,
.addMenu li.current_page_item,
.mainMenu li.current-page-ancestor,
.addMenu li.current-page-ancestor {
  border-bottom-color: #9a0b29; }

.mainMenu li.current_page_item > a,
.addMenu li.current_page_item > a,
.mainMenu li.current-page-ancestor > a,
.addMenu li.current-page-ancestor > a {
  color: #9a0b29; }

.mobmenu {
  position: fixed;
  display: flex;
  justify-content: flex-end;
  top: -100%;
  right: 0;
  width: 100%;
  max-width: 360px;
  height: 100%;
  padding: 40px 20px;
  text-align: left;
  background-color: #fff;
  z-index: 300;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  overflow-y: auto; }

.mobmenu.show {
  top: 0; }

.mobmenu .scroll {
  position: relative;
  width: 100%;
  max-width: 300px;
  min-height: 100%; }

.menuBox .mobMainMenu,
.menuBox .mobAddMenu,
.menuBox .mobLegalMenu {
  list-style: none;
  margin-bottom: 30px;
  padding: 0;
  text-align: left; }

.mobmenu .menuBox {
  position: relative;
  padding-top: 18px;
  text-align: left; }

.menuBox ul li {
  position: relative;
  margin: 0;
  text-align: left; }

.menuBox .mobMainMenu a,
.menuBox .mobAddMenu a {
  font-size: 1.5rem;
  line-height: 130%;
  text-decoration: none;
  letter-spacing: 0;
  text-transform: uppercase;
  color: #000; }

.menuBox .mobAddMenu a {
  text-transform: none; }

.menuBox .mobLegalMenu a {
  font-size: 1.25rem;
  line-height: 130%;
  text-decoration: none;
  letter-spacing: 0;
  text-transform: none;
  color: #000; }

.menuBox li:hover > a {
  opacity: 0.7; }

.menuBox .current-menu-item > a {
  color: #aaa;
  text-decoration: none; }

.mobmenu .infoBox {
  position: relative;
  padding: 30px 0;
  text-align: left;
  font-size: 1rem;
  line-height: 130%;
  text-decoration: none;
  letter-spacing: 0;
  text-transform: none;
  color: #000;
  display: none; }

@media screen and (min-height: 670px) {
  .mobmenu .infoBox {
    display: block; } }
.mobmenu .close {
  position: absolute;
  right: 20px;
  top: 20px;
  width: 20px;
  height: 20px;
  background-image: url("assets/x.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center; }

.menuBox .infoBox a {
  font-size: 1.25rem;
  line-height: 130%;
  text-decoration: none;
  letter-spacing: 0;
  text-transform: none;
  color: #000; }

/* ------------------- FootMenu ------------------------------------------------------- */
.footMenu,
.legalMenu {
  position: relative;
  display: block;
  margin-bottom: 0;
  list-style: none; }

.footMenu li,
.legalMenu li {
  display: inline-block;
  position: relative;
  margin-right: 20px;
  text-align: left; }

.footMenu li {
  margin-right: clamp(1.25rem, -1.947115384615385rem + 6.730769230769232vw, 5.625rem); }

.footMenu a,
.legalMenu a {
  font-size: 0.75rem;
  font-size: clamp(0.75rem, 0.6875rem + 0.20833333333333334vw, 0.875rem);
  font-weight: 300;
  font-style: normal;
  color: #fff;
  text-decoration: none;
  text-transform: none; }

.footMenu li:hover > a,
.footMenu a:focus,
.legalMenu li:hover > a,
.legalMenu a:focus {
  text-decoration: underline; }

.footMenu .current-menu-item > a,
.footMenu .current-menu-ancestor > a,
.footMenu .current_page_item > a,
.footMenu .current_page_ancestor > a,
.legalMenu .current-menu-item > a,
.legalMenu .current-menu-ancestor > a,
.legalMenu .current_page_item > a,
.legalMenu .current_page_ancestor > a {
  color: #aaa; }

/* ==========================================================================
    Onepager-Templates // gemeinsam genutzte Definitionen
   ========================================================================== */
section.first > .outer_wrapper {
  padding-top: 80px; }

@media screen and (min-width: 960px) {
  section.first > .outer_wrapper {
    padding-top: 106px; } }
@media screen and (min-width: 1280px) {
  section.first > .outer_wrapper {
    padding-top: 156px; } }
.falistplusSec .contList > h2,
.pictextSec .contBox h1,
.pictextSec .contBox h2,
.pictext2spSec .contBox .contHl h1,
.pictext2spSec .contBox .contHl h2,
.pictext2spSec .contentBox .contHl h1,
.pictext2spSec .contentBox .contHl h2 {
  margin-bottom: 30px;
  font-size: 1.375rem;
  font-size: clamp(1.375rem, 1.0506756756756757rem + 1.6216216216216217vw, 2.875rem);
  font-size: 44px;
  line-height: 114%;
  font-weight: 300;
  letter-spacing: 0.02em;
  text-transform: uppercase; }

.pictextSec .contBox h3,
.pictext2spSec .contentBox h3,
.pictext2spSec .contBox .contSp1 h3,
.pictext3spSec .contBox .contSp1 h3,
.pictext2spSec .contBox .contHl h3,
.pictext3spSec .contBox .contHl h3 {
  margin-bottom: 30px;
  font-size: 1.375rem;
  font-size: clamp(1.125rem, 1.0439189189189189rem + 0.40540540540540543vw, 1.5rem);
  letter-spacing: 0.04em;
  line-height: 120%;
  font-weight: 300;
  text-transform: uppercase; }

.pictextSec .contBox h4,
.pictext2spSec .contentBox h4,
.pictext2spSec .contBox .contHl h4,
.pictext3spSec .contBox.sp3x .contHl h4 {
  margin-top: 30px;
  margin-bottom: 6px;
  font-size: 1.25rem;
  font-size: clamp(1.25rem, 1.0714285714285714rem + 0.4761904761904762vw, 1.5rem);
  line-height: 120%;
  font-weight: 300;
  text-transform: none; }

.pictextSec .contBox strong,
.pictext2spSec .contentBox .contHl strong,
.pictext3spSec .contBox.sp3x .contHl strong {
  font-weight: 500; }

/* ==========================================================================
    SubTemplates
   ========================================================================== */
.pictextSec .contBox {
  padding-top: 50px; }

/* -------- Bild + 3-spaltigem Text (HL center) - pictext3spSec (für Editorial)------------------------------- */
.pictext3spSec .contBox {
  background-color: #f1eded;
  margin-top: 20px;
  padding: 30px 12px 20px; }

.pictext3spSec .picBox {
  position: relative; }

@media screen and (min-width: 760px) {
  .pictext3spSec .contBox {
    padding: 30px 12px 0; }

  .pictext3spSec .contBox.frontpage {
    padding-bottom: 30px; }

  .pictext3spSec .contBox.sp3x .contHl {
    grid-area: headline; }

  .pictext3spSec .contBox.sp3x .contSp1 {
    grid-area: contsp1; }

  .pictext3spSec .contBox.sp3x .contSp2 {
    grid-area: contsp2; }

  .pictext3spSec .contBox.sp3x {
    display: grid;
    grid-gap: 20px;
    grid-template-columns: calc(50% - 10px) calc(50% - 10px);
    grid-template-areas: "headline headline" "contsp1 contsp2"; } }
@media screen and (min-width: 800px) {
  .pictext3spSec .contBox.sp2x {
    display: flex;
    justify-content: space-between; }
    .pictext3spSec .contBox.sp2x > div {
      width: calc(50% - 15px); } }
@media screen and (min-width: 1280px) {
  .pictext3spSec .contBox.sp3x {
    display: grid;
    grid-gap: 60px;
    grid-template-columns: calc(33.33% - 40px) calc(33.33% - 40px) calc(33.33% - 40px);
    grid-template-areas: "contsp1 headline contsp2"; } }
.pictext3spSec .contBox.frontpage .contHl h1,
.pictext3spSec .contBox.frontpage .contHl h2,
.pictext3spSec .contBox.frontpage .contHl h1,
.pictext3spSec .contBox.frontpage .contHl h2 {
  margin-bottom: 30px;
  font-family: 'Gloock', serif;
  font-size: 1.375rem;
  font-size: clamp(1.375rem, 0.9204545454545454rem + 1.5151515151515151vw, 2.625rem);
  letter-spacing: 0.06em;
  line-height: 118%;
  font-weight: 400; }

/* -------- Bild + Textspalte - pictext2spSec (Spartenseite) ------------------------------- */
.pictext2spSec .contPicBox.flex {
  display: flex;
  flex-direction: column-reverse; }

.pictext2spSec .contPicBox .cname {
  margin-bottom: 20px;
  font-size: 0.75rem;
  line-height: 20px;
  font-weight: 500;
  text-transform: uppercase;
  color: #9a0b29; }

.pictext2spSec .contPicBox .contentBox {
  margin-top: 50px; }

.pictext2spSec .contPicBox .picBox {
  margin-bottom: 30px; }

.pictext2spSec .contPicBox .picBox img {
  width: 100%;
  aspect-ratio: 1 / 1;
  object-fit: cover; }

.pictext2spSec .contPicBox .picBox .marker {
  position: absolute;
  left: 5px;
  top: 4px;
  padding: 3px 5px;
  border-radius: 5px;
  text-align: center;
  font-size: 1rem;
  line-height: 100%;
  font-weight: 300;
  color: #fff;
  text-transform: none;
  background-color: #000; }

.pictext2spSec .contPicBox .textBox .adv {
  margin-bottom: 10px;
  font-size: 0.75rem;
  line-height: 150%;
  color: #605f5f;
  text-transform: uppercase; }

@media screen and (min-width: 760px) {
  .pictext2spSec .contPicBox .cname {
    display: none; }

  .pictext2spSec .contPicBox.grid .picBox {
    padding-left: 23px;
    grid-area: mainpic; }

  .pictext2spSec .contPicBox .picBox .marker {
    left: 28px; }

  .pictext2spSec .contPicBox.grid .textBox {
    padding-right: 22px;
    grid-area: textbox; }

  .pictext2spSec .contPicBox.grid .contentBox {
    grid-area: contentbox; }

  .pictext2spSec .contPicBox.grid {
    display: grid;
    grid-template-columns: 33.33% 66.66%;
    grid-template-areas: "textbox mainpic" "contentbox contentbox"; }

  .pictext2spSec .contPicBox.flex {
    display: flex;
    flex-direction: row;
    justify-content: space-between; }

  .pictext2spSec .contPicBox.flex .textBox {
    width: calc(33.33% - 22px); }

  .pictext2spSec .contPicBox.flex .picBox {
    width: calc(66.66% - 23px); } }
.pictext2spSec .trefferliste > h1,
.pictext2spSec .trefferliste > h2 {
  margin-bottom: 50px;
  font-family: 'Gloock', serif;
  font-size: 1.375rem;
  font-size: clamp(1.375rem, 1.0506756756756757rem + 1.6216216216216217vw, 2.875rem);
  line-height: 118%;
  font-weight: 400;
  text-transform: none; }

.pictext2spSec .trefferliste .contPicBox {
  width: 100% !important;
  padding-bottom: 60px;
  border-bottom: 1px solid #000;
  margin-bottom: 60px; }

@media screen and (min-width: 1020px) {
  .pictext2spSec .trefferliste {
    width: 75.3%; } }
/* -------- Liste von Fachartikeln + Links zu PR-Artikeln - falistplusSec ------------------------------- */
.falistplusSec .outer_wrapper {
  padding-top: 40px; }
  .falistplusSec .outer_wrapper.pTop {
    padding-top: 80px; }
.falistplusSec .contList {
  display: flex;
  flex-wrap: wrap; }
  .falistplusSec .contList > h2 {
    width: 100%;
    margin-bottom: 0 !important; }
.falistplusSec.archiv .contList {
  padding-top: 60px; }
.falistplusSec .toArchiv {
  padding-top: 10px;
  padding-bottom: 10px; }
.falistplusSec .one {
  width: 100%;
  padding-top: 15px;
  border-top: 1px solid #000; }
  .falistplusSec .one .cont {
    height: 100%;
    padding-bottom: 20px; }
    .falistplusSec .one .cont > a > * {
      width: 100%; }
    .falistplusSec .one .cont > a > .kopfzeile {
      min-height: 20px;
      margin-bottom: 15px;
      font-size: 0.75rem;
      font-weight: 400;
      letter-spacing: 0.04em;
      line-height: 150%;
      color: #605f5f;
      text-transform: uppercase; }
    .falistplusSec .one .cont > a > h3 {
      height: 60px;
      margin-bottom: 6px;
      font-size: clamp(1.125rem, 1.0439189189189189rem + 0.40540540540540543vw, 1.5rem);
      letter-spacing: 0.04em;
      line-height: 120%;
      font-weight: 300;
      text-transform: uppercase; }
    .falistplusSec .one .cont > a img {
      display: block;
      width: 100%;
      margin-bottom: 2px;
      aspect-ratio: 1 / 1;
      object-fit: cover; }
    .falistplusSec .one .cont .prlist > a {
      display: block;
      margin-bottom: 16px;
      line-height: 100%;
      font-weight: 500; }
    .falistplusSec .one .cont .prlist .adv {
      margin-bottom: 10px;
      font-size: 0.75rem;
      font-weight: 400;
      letter-spacing: 0.04em;
      line-height: 150%;
      color: #605f5f;
      text-transform: uppercase; }
    .falistplusSec .one .cont .kat {
      font-size: 0.75rem;
      line-height: 125%;
      font-weight: 300; }
      .falistplusSec .one .cont .kat.mTop {
        margin-top: 30px; }
    .falistplusSec .one .cont .marker {
      position: absolute;
      left: 5px;
      top: 4px;
      padding: 3px 5px;
      border-radius: 5px;
      text-align: center;
      font-size: 0.875rem;
      line-height: 100%;
      font-weight: 300;
      color: #fff;
      text-transform: none;
      background-color: #000; }
    .falistplusSec .one .cont .trenner {
      width: 100%; }
      .falistplusSec .one .cont .trenner > div {
        width: 100%;
        margin-bottom: 16px;
        padding-bottom: 16px;
        border-bottom: 1px solid #000; }
      .falistplusSec .one .cont .trenner.half > div {
        width: 50%; }

@media screen and (min-width: 760px) {
  .falistplusSec .contList {
    gap: 30px; }
  .falistplusSec .one {
    width: calc(50% - 15px); }
    .falistplusSec .one h3 {
      height: 100px; } }
@media screen and (min-width: 1280px) {
  .falistplusSec .contList {
    gap: 45px; }
  .falistplusSec .one {
    width: calc(33.33% - 30px); }
    .falistplusSec .one .cont > a > h3 {
      height: 90px; } }
@media screen and (min-width: 1600px) {
  .falistplusSec .contList {
    gap: 60px; }
  .falistplusSec .one {
    width: calc(33.33% - 40px); } }
/*
.falistplusSec .outer_wrapper {
	padding-top: 40px;
}

.falistplusSec .outer_wrapper.pTop {
	padding-top: 80px;
}
	
.falistplusSec .contList {
	display: flex;
	flex-wrap: wrap;
}

.falistplusSec .toArchiv {
	padding-top: 10px;
	padding-bottom: 10px;
}

.falistplusSec.archiv .contList {
	padding-top: 60px;
}

.falistplusSec .contList > h2 {
	width: 100%;
	margin-bottom: 0 !important;
}
	
.falistplusSec .one {
	width: 100%;
	padding-top: 15px;
	border-top: 1px solid #000;
}

.falistplusSec .one .cont {
	height: 100%;
	padding-bottom: 20px;
}

.falistplusSec .one .cont > a > .kopfzeile {
	min-height: 20px;
	margin-bottom: 15px;
	font-size: 0.75rem;
	font-weight: 400;
	letter-spacing: 0.04em;
	line-height: 150%;
	color: #605f5f;
	text-transform: uppercase;
}

.falistplusSec .one .cont > a > h3	{
	height: 60px;
	margin-bottom: 6px;
	font-size: 1.125rem;
	font-size: clamp(1.125rem, 1.0439189189189189rem + 0.40540540540540543vw, 1.5rem);
	letter-spacing: 0.04em;
	line-height: 120%;
	font-weight: 300;
	text-transform: uppercase;
}

.falistplusSec .one .cont > a > * {
	width: 100%;
}

.falistplusSec .one .cont > a img {
	display: block;
	width: 100%;
	margin-bottom: 2px;
	aspect-ratio: 1 / 1;
	object-fit: cover;
}

.falistplusSec .one .cont .prlist > a {
	display: block;
	margin-bottom: 16px;
	line-height: 100%;
	font-weight: 500;
}

.falistplusSec .one .cont .prlist .adv {
	margin-bottom: 10px;
	font-size: 0.75rem;
	font-weight: 400;
	letter-spacing: 0.04em;
	line-height: 150%;
	color: #605f5f;
	text-transform: uppercase;
}

.falistplusSec .one .cont .kat {
	font-size: 0.75rem;
	line-height: 125%;
	font-weight: 300;
}

.falistplusSec .one .cont .kat.mTop {
	margin-top: 30px;
}

.falistplusSec .one .cont .marker {
	position: absolute;
	left: 5px;
	top: 4px;
	padding: 3px 5px;
	border-radius: 5px;
	text-align: center;
	font-size: 0.875rem;
	line-height: 100%;
	font-weight: 300;
	color: #fff;
	text-transform: none;
	background-color: #000;
}

.falistplusSec .one .cont .trenner {
	width: 100%;
}

.falistplusSec .one .cont .trenner > div {
	width: 100%;
	margin-bottom: 16px;
	padding-bottom: 16px;
	border-bottom: 1px solid #000;
}

.falistplusSec .one .cont .trenner.half > div {
	width: 50%;
}

@media screen and (min-width: 760px) {
	.falistplusSec .contList {
		gap: 30px;
	}
    .falistplusSec .one {
		width: calc(50% - 15px);   
    }
	.falistplusSec .one h3	{
		height: 100px;
	}
}
@media screen and (min-width: 1280px) {
	.falistplusSec .contList {
		gap: 45px;
	}
    .falistplusSec .one {
		width: calc(33.33% - 30px);  
    }
	.falistplusSec .one .cont > a > h3	{
		height: 90px;
	}
}
@media screen and (min-width: 1600px) {
	.falistplusSec .contList {
		gap: 60px;
	}
    .falistplusSec .one {
		width: calc(33.33% - 40px);
    }
}


/* -------- Nur Bild - onlypicSec ------------------------------- */
.onlypicSec .picBox,
.onlypicSec .mainPic {
  display: block;
  position: relative;
  width: 100%;
  height: auto; }

.onlypicSec picture {
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0; }

.onlypicSec .fitPic,
.onlypicSec .fitPic {
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: brightness(0.65); }

.onlypicSec .botPic {
  display: block;
  position: absolute;
  left: 20px;
  bottom: 17px;
  width: 70%;
  height: auto;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease; }

@media screen and (orientation: landscape) {
  .onlypicSec .botPic {
    left: 40px;
    bottom: 0;
    width: 200px; } }
@media screen and (min-width: 800px) and (orientation: landscape) {
  .onlypicSec .botPic {
    width: 450px; } }
@media screen and (min-width: 1000px) and (orientation: landscape) {
  .onlypicSec .botPic {
    width: 550px; } }
@media screen and (min-width: 1200px) and (orientation: landscape) {
  .onlypicSec .botPic {
    left: 69px;
    width: 700px; } }
@media screen and (min-width: 1600px) and (orientation: landscape) {
  .onlypicSec .botPic {
    width: 880px; } }
@media screen and (min-width: 1800px) and (orientation: landscape) {
  .onlypicSec .botPic {
    width: 950px; } }
.onlypicSec .rightPic {
  display: block;
  position: absolute;
  right: 0;
  top: 100px;
  width: auto;
  height: calc(100% - 147px); }

.onlypicSec .picText {
  position: absolute;
  left: 0;
  top: 30%;
  width: 100%; }

.onlypicSec .picText > .wrapper {
  position: relative;
  padding-right: 10% !important; }

@media screen and (min-width: 1020px) {
  .onlypicSec .picText > .wrapper {
    padding-right: 27% !important; } }
.onlypicSec .picText,
.onlypicSec .picText h2,
.onlypicSec .picText p,
.onlypicSec .picText li {
  color: #fff; }

.onlypicSec .picText h2 {
  margin-bottom: 10px; }

.onlypicSec .picText .actionButton {
  border: 1px solid #fff;
  color: #fff;
  background-image: url("assets/arr_right_white.svg"); }

/* -------- Nur Text - onlytextSec ------------------------------------------ */
section.onlytextSec {
  padding: 0; }

.onlytextSec .cont {
  padding-top: 0;
  text-align: left; }

.onlytextSec .cont ul.iconUl {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%; }

.onlytextSec .cont ul.iconUl li {
  display: flex;
  align-items: center;
  width: 100%;
  margin: 10px 0;
  line-height: 144%; }

.onlytextSec .cont ul.iconUl li > img {
  display: block;
  width: 40px;
  height: 40px;
  margin-right: 20px;
  object-fit: contain;
  object-position: left center; }

@media screen and (min-width: 660px) {
  .onlytextSec .cont ul.iconUl {
    gap: 2%; }

  .onlytextSec .cont ul.iconUl li {
    width: 48%; }

  .onlytextSec .cont ul.iconUl li > img {
    width: 30px;
    height: 30px;
    margin-right: 16px; } }
@media screen and (min-width: 1020px) {
  .onlytextSec .cont ul.iconUl {
    gap: 1.5%; }

  .onlytextSec .cont ul.iconUl li {
    width: 32.333%; }

  .onlytextSec .cont ul.iconUl li > img {
    width: 50px;
    height: 50px;
    margin-right: 18px; } }
@media screen and (min-width: 1440px) {
  .onlytextSec .cont ul.iconUl li > img {
    width: 84px;
    height: 84px;
    margin-right: 24px; } }
.onlytextSec .cont .factBox {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0 !important;
  width: 90%;
  max-width: 1200px;
  margin: -140px auto 0;
  padding: 50px 0;
  border-bottom: 1px solid #000;
  background-color: #fff; }

.onlytextSec .cont .factBoxSmall {
  display: flex;
  justify-content: center;
  gap: 0.5%;
  width: 95%;
  margin: -50px auto 0;
  padding: 25px 0;
  border-bottom: 1px solid #000;
  background-color: #fff; }

@media screen and (min-width: 760px) {
  .onlytextSec .cont .factBoxSmall {
    gap: 2.5%;
    width: 90%;
    max-width: 950px;
    margin: -70px auto 0;
    padding: 25px 0; } }
.onlytextSec .cont .factBox .oneFact {
  width: 25%;
  margin-bottom: 20px;
  padding: 0 10px; }

.onlytextSec .cont .factBox .oneFact:last-of-type {
  margin-bottom: 0; }

@media screen and (min-width: 781px) {
  .onlytextSec .cont .factBox .oneFact {
    margin-bottom: 0;
    border-left: 1px solid #aaa; } }
.onlytextSec .cont .factBox .oneFact:first-of-type {
  border-left: 0; }

.onlytextSec .cont .factBoxSmall .oneFact {
  width: 33.33%; }

.onlytextSec .cont .factBoxSmall .oneFact:first-of-type {
  margin-left: -20%; }

.onlytextSec .cont .factBox h2 {
  margin-top: 5px;
  margin-bottom: 5px;
  font-size: 1.375rem;
  font-size: clamp(1.375rem, 0.6875rem + 2.2916666666666665vw, 2.75rem);
  font-weight: 600;
  color: #000c06; }

.onlytextSec .cont .factBox h6 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 0.875rem;
  font-size: clamp(0.875rem, 0.75rem + 0.4166666666666667vw, 1.125rem);
  font-weight: 400;
  text-transform: uppercase;
  color: #000c06; }

.onlytextSec .cont .factBoxSmall h2 {
  margin-top: 5px;
  margin-bottom: 5px;
  font-size: 2.5rem;
  font-size: clamp(2.5rem, 0.0625rem + 8.125vw, 7.375rem);
  font-weight: 200;
  color: #000c06; }

.onlytextSec .cont .factBoxSmall h6 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 0.625rem;
  line-height: 124%;
  font-weight: 400;
  text-transform: uppercase;
  color: #000c06; }

@media screen and (min-width: 760px) {
  .onlytextSec .cont .factBoxSmall h2 {
    margin-top: 5px;
    margin-bottom: 5px;
    font-size: 2.5rem;
    font-size: clamp(2.5rem, 0.0625rem + 8.125vw, 7.375rem);
    font-weight: 200;
    color: #000c06; }

  .onlytextSec .cont .factBoxSmall h6 {
    font-size: 1.1875rem;
    font-size: clamp(1.1875rem, 0.90625rem + 0.9375vw, 1.75rem); } }
@media screen and (max-width: 760px) {
  .onlytextSec .cont .factBoxSmall .oneFact {
    flex-basis: 0 !important; }

  .onlytextSec .cont .factBoxSmall .oneFact:nth-of-type(2) {
    flex-basis: 20% !important;
    width: 20% !important; } }
/* --------------------------------------------------------------------------
  halfPic-Template
   -------------------------------------------------------------------------- */
section.halfPicText {
  position: relative;
  box-sizing: border-box;
  padding-top: 0;
  padding-bottom: clamp(2.5rem, 1.0714285714285714rem + 5.714285714285714vw, 7.5rem); }

.halfPicText .cont {
  position: relative;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start; }

.halfPicText .halfPic,
.halfPicText .halfTxt {
  display: block;
  position: relative;
  box-sizing: border-box;
  width: 100%;
  text-align: left; }

.halfPicText .halfTxt p,
.halfPicText .halfTxt li {
  line-height: 184%; }

.halfPicText .halfPic {
  max-width: 500px;
  max-height: 600px;
  margin-bottom: 20px;
  object-fit: contain;
  object-position: left top; }

@media screen and (min-width: 1020px) {
  .halfPicText .cont.picL {
    flex-direction: row; }

  .halfPicText .cont.picR {
    flex-direction: row-reverse; }

  .halfPicText .halfPic,
  .halfPicText .halfTxt {
    width: 50%; }

  .halfPicText .halfPic {
    max-width: unset;
    max-height: unset;
    margin-bottom: 0; }

  .halfPicText .cont.picL .halfTxt {
    padding-left: clamp(2.5rem, 1.4285714285714286rem + 4.285714285714286vw, 6.25rem); }

  .halfPicText .cont.picR .halfTxt {
    padding-right: clamp(2.5rem, 1.4285714285714286rem + 4.285714285714286vw, 6.25rem); } }
@media screen and (min-width: 1200px) {
  .halfPicText .cont {
    align-items: center; } }
.halfPicText .halfTxt h2 {
  margin-bottom: clamp(1.25rem, 0.7142857142857143rem + 2.142857142857143vw, 3.125rem); }

.halfPicText .halfTxt ul {
  margin-top: clamp(1.25rem, 0.7142857142857143rem + 2.142857142857143vw, 3.125rem); }

.halfPicText .halfTxt ul > li {
  margin-bottom: clamp(0.625rem, 0.4375rem + 0.75vw, 1rem);
  text-indent: 18px;
  background-image: url("assets/dot_pers.svg");
  background-repeat: no-repeat;
  background-size: 12px 12px;
  background-position: left top; }

@media screen and (min-width: 760px) {
  .halfPicText .halfTxt ul > li {
    text-indent: 24px;
    background-size: 16px 16px;
    background-position: left 4px; } }
.halfPicText .halfTxt ul > li:last-of-type {
  margin-bottom: 0; }

/* --------------------------------------------------------------------------
  Kontakt-Template
   -------------------------------------------------------------------------- */
section.showKontakt {
  margin-top: clamp(2.5rem, -2.5rem + 13.333333333333334vw, 12.5rem); }

.showKontakt .kontaktBox {
  position: relative;
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }

.showKontakt .kontaktHead h2 {
  margin-top: 75px; }

.showKontakt .kontaktCont.bottom {
  position: relative;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  margin-bottom: 0;
  text-align: left; }

.showKontakt .kontaktCont.top,
.showKontakt .form {
  position: relative;
  box-sizing: border-box;
  width: 100%;
  margin-bottom: 60px;
  text-align: left; }

@media screen and (min-width: 1020px) {
  .showKontakt .kontaktCont.top,
  .showKontakt .kontaktCont.bottom {
    width: 45%; }

  .showKontakt .form {
    width: 50%; } }
.showKontakt .kontaktCont h3,
.showKontakt .form h3 {
  margin: 30px 0 10px;
  padding: 0;
  font-size: 1.125rem;
  line-height: 125%;
  font-weight: 600;
  font-style: normal;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: #000;
  text-align: left; }

.showKontakt .kontaktCont a,
.showKontakt .form a {
  color: #000;
  font-style: normal;
  text-decoration: underline; }

.showKontakt .kontaktCont a:hover,
.showKontakt .form a:hover {
  opacity: 0.7; }

.showKontakt .kontaktCont .button,
.showKontakt .form .button,
.showKontakt .dlkontakt .button {
  display: block;
  margin: 10px 0;
  padding: 5px 0;
  border: 0;
  font-size: 1rem;
  line-height: 100%;
  font-weight: 400;
  font-style: normal;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: #000;
  text-decoration: none;
  background-color: #a3ad8f;
  text-align: center; }

.showKontakt .kontaktCont .text {
  padding-left: 60px; }

.showKontakt .kontaktCont img.kontaktPic {
  display: block; }

.showKontakt .kontaktCont.bottom img.kontaktPic {
  border-bottom: 1px solid #1b1d1c;
  margin-bottom: 30px; }

@media screen and (min-width: 1020px) {
  .showKontakt .kontaktCont.bottom img.kontaktPic {
    border-bottom: 0;
    margin-bottom: 0; } }
.showKontakt .kontaktCont .text h4 {
  margin-bottom: clamp(1.25rem, 0rem + 4.166666666666666vw, 3.75rem);
  font-size: 1.125rem;
  font-size: clamp(1.125rem, 0.59375rem + 1.7708333333333333vw, 2.1875rem);
  line-height: 148%;
  font-weight: 600;
  text-transform: none; }

.showKontakt .kontaktCont .text p strong {
  font-weight: 600; }

.showKontakt .kontaktBox .fullLine,
.showKontakt .kontaktBox .halfLine,
.showKontakt .kontaktBox .quartLine {
  position: relative;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 100%; }

.showKontakt .kontaktBox .fullLine.right {
  justify-content: flex-end; }

.showKontakt .kontaktBox .fullLine {
  margin-bottom: clamp(0.9375rem, 0.46875rem + 1.5625vw, 1.875rem); }

.showKontakt .kontaktBox .fullLine > .dsok {
  display: block;
  align-self: flex-start;
  margin-left: 0; }

.showKontakt .kontaktBox .fullLine > .chText {
  align-self: flex-start;
  width: calc(100% - 20px);
  font-size: 1rem;
  color: #000; }

.showKontakt .kontaktBox .fullLine > .chText p {
  font-size: 0.875rem;
  color: #000; }

.showKontakt .kontaktBox .fullLine > .quartLine {
  width: calc(50% - 8px); }

.showKontakt .kontaktBox .fullLine > .nowrap {
  padding-right: 25px; }

@media screen and (min-width: 760px) {
  .showKontakt .kontaktBox .fullLine > .halfLine,
  .showKontakt .kontaktBox .fullLine > .quartLine {
    width: 48%; } }
.showKontakt .kontaktBox .jc-fs {
  justify-content: flex-start; }

.showKontakt .kontaktBox .fullLine > .nowrap input[type=checkbox] {
  display: inline-block;
  margin-right: 7px; }

.showKontakt label {
  font-size: 1rem;
  line-height: 125%;
  color: #ebebeb;
  text-align: left; }

.showKontakt input[type=text],
.showKontakt input[type=email],
.showKontakt textarea {
  width: 100%;
  border: 0;
  border-bottom: 1px solid #69706c;
  background-color: transparent;
  font-size: 0.875rem;
  font-size: clamp(0.875rem, 0.75rem + 0.33333333333333337vw, 1.125rem);
  line-height: 100%;
  color: #374544;
  text-align: left; }

.showKontakt input[type=submit],
.actionButton {
  width: auto;
  padding: 18px 54px 18px 18px;
  margin-top: 10px;
  border: 1px solid #999e9b;
  font-size: 0.75rem;
  font-size: clamp(0.75rem, 0.7241379310344828rem + 0.3448275862068966vw, 1rem);
  line-height: 100%;
  font-weight: 700;
  color: #000;
  background-color: transparent;
  background-image: url("assets/arr_right.svg");
  background-repeat: no-repeat;
  background-size: 24px 24px;
  background-position: calc(100% - 18px) center;
  cursor: pointer; }

.showKontakt input[type=submit]:hover {
  border-color: #19241F;
  color: #fff;
  background-color: #19241F;
  background-image: url("assets/arr_right_white.svg");
  opacity: 1; }

.showKontakt label,
.showKontakt .fielddesc {
  font-size: 1rem;
  line-height: 125%;
  color: #000;
  text-align: left; }

.showKontakt .form .fullLine .fielddesc {
  margin-top: 20px; }

.showKontakt .form .fullLine:first-of-type .fielddesc {
  margin-top: 0; }

.showKontakt .toTop {
  display: block;
  position: absolute;
  bottom: 0;
  right: 0;
  width: 40px;
  height: 40px;
  background-color: #1B1D1C;
  background-image: url("assets/arr_top.svg");
  background-repeat: no-repeat;
  background-size: 24px auto;
  background-position: center; }

.msg {
  font-size: 1.5rem;
  color: #ac7d77; }

/* --------------------------------------------------------------------------
   DIE EINZELNEN TEMPLATES
   -------------------------------------------------------------------------- */
/* ----------- "tickerSec" -> Ticker-Template ------------ */
section.tickerSec {
  display: none; }

.tickerSec .ticker,
.tickerSec .tickerRev {
  position: absolute;
  display: flex;
  left: 0;
  width: max-content;
  height: 35px;
  white-space: nowrap; }

.tickerSec .tickerBox {
  height: 35px;
  background-color: #ef767a;
  overflow: hidden; }

@media screen and (min-width: 400px) {
  .tickerSec .ticker,
  .tickerSec .tickerRev,
  .tickerSec .tickerBox {
    height: 40px; } }
@media screen and (min-width: 760px) {
  .tickerSec .ticker,
  .tickerSec .tickerRev,
  .tickerSec .tickerBox {
    height: 80px; } }
.tickerSec .ticker .luft,
.tickerSec .tickerRev .luft {
  width: 0; }

.tickerSec .ticker img,
.tickerSec .tickerRev img {
  display: block;
  height: 100%;
  width: auto; }

.tickerSec .ticker.op33 img,
.tickerSec .tickerRev.op33 img {
  opacity: 0.33; }

.tickerSec .ticker.op66 img,
.tickerSec .tickerRev.op66 img {
  opacity: 0.66; }

.tickerSec .ticker p,
.tickerSec .tickerRev p {
  display: inline;
  font-size: 70px;
  line-height: 70px;
  font-weight: 300;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #000; }

.tickerSec .ticker span,
.tickerSec .tickerRev span {
  display: inline-block;
  width: 40px; }

/* --------------------------------------------------------------------------
   Videos
   -------------------------------------------------------------------------- */
.videoBox {
  position: relative;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box; }

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

.videoBox.fullH video {
  position: absolute;
  display: block;
  width: 100%;
  height: 100vh;
  border: 0;
  padding: 0;
  margin: 0;
  object-fit: cover; }

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

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

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

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

.aniRotate {
  animation-duration: 2s; }

.scale90 {
  transform: scale(0.9); }

.scale95 {
  transform: scale(0.95); }

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

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

/* ------------------- Animate ----------------------------------*/
@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -10%, 0);
    transform: translate3d(0, -10%, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -10%, 0);
    transform: translate3d(0, -10%, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown; }

/* --------------------------------------------------------------------------
   ALLGEMEINE LAYOUT- UND SEITENDEFINITIONEN
   -------------------------------------------------------------------------- */
.c_rot,
.err {
  color: red !important; }

.hidden {
  opacity: 0; }

.visible {
  opacity: 1; }

/* ==========================================================================
   ÜBERSCHREIBEN VON PLUGIN-DEFINITIONEN
   ========================================================================== */
/* ------------------- CycloneSlider II ----------------------------------*/
.cycloneslider-template-standard {
  margin-bottom: 0; }

.cycloneslider-template-standard .cycloneslider-pager {
  bottom: 20px;
  left: auto;
  right: 0;
  height: 12px;
  text-align: center; }

.cycloneslider-template-standard .cycloneslider-pager span {
  display: inline-block;
  box-sizing: border-box;
  margin: 0 5px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #ffffff99;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 0; }

.cycloneslider-template-standard .cycloneslider-pager span.cycle-pager-active {
  background-color: #fff; }

.cycloneslider-template-standard .cycloneslider-prev,
.cycloneslider-template-standard .cycloneslider-next {
  top: 50%;
  width: 14px;
  height: 25px;
  margin-top: -12px;
  border-radius: 0;
  background-color: transparent;
  background-image: url("template/arrows.png");
  -webkit-box-shadow: none;
  box-shadow: none; }

.cycloneslider-template-standard .cycloneslider-prev {
  background-position: 0 0; }

.cycloneslider-template-standard .cycloneslider-next {
  background-position: -14px 0; }

.cycloneslider-template-standard .cycloneslider-prev .arrow,
.cycloneslider-template-standard .cycloneslider-next .arrow {
  display: none; }

.cycloneslider-template-standard .cycloneslider-caption {
  top: 50%;
  left: 50%;
  height: 240px;
  width: 600px;
  margin-top: -120px;
  margin-left: -300px;
  text-align: center;
  color: #000;
  background-color: rgba(255, 255, 255, 0.7);
  opacity: 1;
  -webkit-box-shadow: 3px 3px 3px 0 #333;
  box-shadow: 3px 3px 3px 0 #333; }

.cycloneslider-template-standard .cycloneslider-caption-title {
  padding: 20px 0 10px;
  font-size: 2rem;
  color: #000;
  text-transform: uppercase; }

.cycloneslider-template-standard .cycloneslider-caption-description h2 {
  padding: 10px 0;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  font-size: 2rem;
  font-weight: 400;
  color: #000;
  text-transform: uppercase; }

.cycloneslider-template-standard .cycloneslider-caption-description p {
  margin: 0;
  padding: 4px 0;
  font-size: 1.3rem;
  color: #000; }

.cycloneslider-template-standard .cycloneslider-caption-description a {
  padding: 2px 8px;
  background-color: #222;
  border-radius: 8px;
  color: #fff;
  font-size: 1.15rem;
  text-transform: uppercase;
  letter-spacing: 0.05em; }

.cycloneslider-template-standard .cycloneslider-caption-description a:hover {
  color: #b0012f;
  text-decoration: none; }

.cycloneslider-template-standard .cycloneslider-prev,
.cycloneslider-template-standard .cycloneslider-next {
  top: 50%;
  width: 50px;
  height: 50px;
  margin-top: -25px;
  border-radius: 0;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
  opacity: 1; }

.cycloneslider-template-standard:hover .cycloneslider-prev,
.cycloneslider-template-standard:hover .cycloneslider-next {
  opacity: 1; }

.cycloneslider-template-standard .cycloneslider-prev {
  left: -25px;
  background-image: url("template/sl_arrow_l.png"); }

.cycloneslider-template-standard .cycloneslider-next {
  right: -25px;
  background-image: url("template/sl_arrow_r.png"); }

/* --------------------------------------------------------------------------
   more Block 
   -------------------------------------------------------------------------- */
.moreBlock .moreText {
  max-height: 0;
  overflow: hidden;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s; }

.moreBlock .moreText.show {
  max-height: 1500px;
  padding-top: 30px; }

.moreBlock .moreBut {
  padding-top: 30px;
  cursor: pointer;
  font-size: 0.875rem;
  line-height: 120%;
  text-transform: uppercase;
  text-decoration: underline;
  color: #fff; }

@media screen and (min-width: 660px) {
  .moreBlock .moreBut {
    font-size: 1.125rem; } }
.moreBlock .moreBut:hover {
  opacity: 0.7; }

.moreBlock .moreBut span {
  display: none;
  margin: 0 0 0 5px; }

.moreBlock .moreBut span.show {
  display: inline-block; }

/* --------------------------------------------------------------------------
   loadmore Block 
   -------------------------------------------------------------------------- */
.loadmoreBlock {
  margin-bottom: 60px; }

.loadmoreBlock .loadmoreBut {
  padding-top: 30px;
  cursor: pointer;
  font-size: 0.875rem;
  line-height: 120%;
  text-transform: uppercase;
  text-decoration: underline;
  color: #fff; }

@media screen and (min-width: 660px) {
  .loadmoreBlock .loadmoreBut {
    font-size: 1.125rem; } }
.loadmoreBlock .loadmoreBut.hide {
  display: none; }

.loadmoreBlock .loadmoreBut:hover {
  opacity: 0.7; }

.loadmoreBlock .loadmoreBut span {
  display: inline-block;
  margin: 0 0 0 5px; }

/* --------------------------------------------------------------------------
   Bilderglerie (3pics / 2pics) 
   -------------------------------------------------------------------------- */
.galerie .picWrapper2p,
.galerie .picWrapper2auto,
.galerie .picWrapper3p {
  margin: 0; }

.galerie .pic3pContBig,
.galerie .pic3pContSmall,
.galerie .picCont2,
.galerie .picCont3,
.galerie .picCont4 {
  display: block;
  width: 100%;
  height: auto;
  overflow: visible; }

@media screen and (min-width: 1020px) {
  .galerie .pic3pContBig,
  .galerie .pic3pContSmall,
  .galerie .picCont2,
  .galerie .picCont3,
  .galerie .picCont4 {
    overflow: hidden; } }
.galerie .pic3pContBig,
.galerie .picCont2,
.galerie .picCont4 {
  margin-bottom: 40px;
  height: 40vh; }

.galerie .picCont3 {
  margin-bottom: 40px; }

.galerie .picWrapper2p img,
.galerie .picWrapper3p img {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover; }

@media screen and (min-width: 1020px) {
  .galerie .picWrapper2p img,
  .galerie .picWrapper3p img {
    height: 100%; } }
.galerie .picWrapper2auto img {
  display: block;
  position: relative;
  width: 100%;
  height: auto; }

@media screen and (min-width: 600px) {
  .galerie .cont {
    padding: 30px 0 50px; } }
@media screen and (orientation: landscape) {
  .galerie .pic3pContBig,
  .galerie .picCont2,
  .galerie .picCont4 {
    height: 70vh;
    min-height: 300px;
    margin-bottom: 40px; }

  .galerie .picCont3 {
    margin-bottom: 40px; } }
@media screen and (min-width: 1020px) {
  .galerie .cont {
    padding: 40px 0 85px; }

  .galerie .picWrapper2p,
  .galerie .picWrapper3p {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    flex-wrap: wrap;
    width: 100%; }

  .galerie .picWrapper2auto {
    display: flex;
    justify-content: center;
    align-items: stretch;
    flex-wrap: wrap;
    width: 100%; }

  .galerie .picWrapper3p.reverse {
    flex-direction: row-reverse; }

  .galerie .pic3pContBig {
    width: calc(66.66% - 30px);
    min-height: 400px; }

  .galerie .pic3pContSmall {
    display: flex;
    justify-content: space-between;
    align-content: space-between;
    flex-wrap: wrap;
    width: calc(33.34% - 30px); }

  .galerie .picCont2 {
    width: 100%;
    height: calc(20vh - 30px);
    min-height: 170px; }

  .galerie .picCont3 {
    width: 33%; }

  .galerie .picWrapper2auto .picCont3:first-of-type {
    padding-right: 32px; }

  .galerie .picWrapper2auto .picCont3:last-of-type {
    padding-left: 32px; }

  .galerie .picCont4 {
    width: calc(50% - 30px);
    height: 50vh;
    min-height: 250px; }

  .galerie .pic3pContBig,
  .galerie .picCont2,
  .galerie .picCont3,
  .galerie .picCont4 {
    margin-bottom: 60px; } }
@media screen and (min-width: 1020px) and (orientation: landscape) {
  .galerie .pic3pContBig {
    height: 60vh; }

  .galerie .picCont2 {
    height: calc(30vh - 30px); }

  .galerie .picCont4 {
    height: 40vh; } }
/* --------------------------------------------------------------------------
   Accordion 
   -------------------------------------------------------------------------- */
.accordionButton {
  padding: 30px 0 40px;
  border-bottom: 1px solid #778784;
  background-image: url("assets/arrow_down.svg");
  background-repeat: no-repeat;
  background-position: right 15px;
  background-size: auto 50px;
  cursor: pointer; }

.accordionButton.on {
  border-bottom: 0;
  background-image: url("assets/arrow_up.svg"); }

.accordionButton.dg45 {
  border-bottom: 0;
  background-image: url("assets/arr_45up_green.svg"); }

.accordionContent {
  margin-top: -20px;
  border-bottom: 1px solid #778784; }

/* --------------------------------------------------------------------------
   swipe-detector 
   -------------------------------------------------------------------------- */
.swipe-detector {
  width: 350px;
  height: 200px;
  background-color: #52a9e8;
  margin: 65px auto 0;
  text-align: center;
  overflow: hidden;
  position: relative;
  -webkit-box-shadow: 5px 5px 15px rgba(101, 166, 201, 0.34);
  box-shadow: 5px 5px 15px rgba(101, 166, 201, 0.34);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-content: center; }

.message {
  display: inline-block;
  color: #ffffff;
  -webkit-user-select: none;
  user-select: none; }

/* --------------------------------------------------------------------------
   Inhaltsspezifische Inhalte nach ID
   -------------------------------------------------------------------------- */
#wpsl-stores .wpsl-direction-wrap {
  display: none; }