/*FONTS */
@import url(https://fonts.googleapis.com/css?family=Montserrat:400,700);

/* Avenir alternative: Nunito; */
@import url(https://fonts.googleapis.com/css?family=Nunito:400,300,700);


@font-face {
  font-family: 'icomoon';
  src:url('../fonts/icomoon/fonts/icomoon.eot?gdjxxb');
  src:url('../fonts/icomoon/fonts/icomoon.eot?#iefixgdjxxb') format('embedded-opentype'),
    url('../fonts/icomoon/fonts/icomoon.woff?gdjxxb') format('woff'),
    url('../fonts/icomoon/fonts/icomoon.ttf?gdjxxb') format('truetype'),
    url('../fonts/icomoon/fonts/icomoon.svg?gdjxxb#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}




/** {
    -ms-word-break: break-all;
     word-break: break-all;

     word-break: break-word;

-webkit-hyphens: auto;
   -moz-hyphens: auto;
        hyphens: auto;
}*/

/** {
    hyphens: auto;
}*/

[class^="icomoon-"], [class*=" icomoon-"] {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icomoon-cross:before {
  content: "\e600";
}

.clearfix::before,
.clearfix::after {
    content: "";
    display: table;
    clear: both;
}

#player_box {
  float: none !important;
  display: block;
  margin-bottom: 2em;
}
#player_vimeo {
  width: 100%;
  position: relative;
  height: 0;
  padding-bottom: 56.25%;
}


/*BODY*/

body {

    /* wenn mit em font-size: 100%;*/
    font-family: 'Montserrat', sans-serif;
    font-weight: 300;
    font-size: 16px;
    line-height: 1.5;
    color: #000;
    background-color:#fff;
}

h1{

    font-size: 42px;
    font-weight: 300;
line-height: 1.2;
    padding-bottom: 30px;
}

.maintitle {
    text-transform: uppercase;
}

h2{

    font-weight: 700;
    font-size: 30px;
    padding-bottom: 28px;
}

h2 a{
color: #000!important;
}

.columns h2{

    padding-bottom: 1.5em;
    text-align: center;
    padding-top: 1.5em;
}

h3{

    font-weight: bold;
    font-size: 21px;
    line-height: 1.2;
    padding-bottom: 25px;
}

h4{

    font-weight: 600;
    font-size: 16px;
    text-transform: uppercase;
    padding-bottom: 8px;
}


h6{font-size: 14px;font-weight: normal;padding-bottom: 30px;margin-bottom: 20px;}

a {

    text-decoration: none;
    color: #000;

}

p {
  padding-bottom: 30px;

}

b, strong {
    font-weight: bold;

}

.columns p {
  text-align: center;
  margin-top: 36px;

}

.columns-two p {
  text-align: left;
  margin-top: 0;
}

.columns-three p {
  text-align: left;
  margin-top: 0;
}


i {
    font-size: 20px;

}

.button{
clear:both;
 color: #fff!important;
 background-color: #43ae78;
 padding: 10px 18px;
text-transform: uppercase;
}

.button a{
 color: #fff;

}

.button--colorchange,
.sidebar-box .button--colorchange {
  color: #fff;
  background-color: #43ae78;
  /* -webkit-clip-path: polygon(30% 0%, 70% 0%, 100% 30%, 100% 70%, 70% 100%, 30% 100%, 0% 70%, 0% 30%);
  clip-path: polygon(30% 0%, 70% 0%, 100% 30%, 100% 70%, 70% 100%, 30% 100%, 0% 70%, 0% 30%); */
  border-radius: 50%;

  display: flex;
  justify-content: center;
  align-items: center;

  font-size: min(2em, 2.35vw);
  font-weight: bold;
  text-align: center;
  line-height: 1.35;

  box-sizing: border-box;
  padding: 1em;
  max-width: 210px;

  animation-name: color_change;
  animation-duration: 10s;
  animation-iteration-count: infinite;
  transition: transform 0.25s ease-in-out;
}
.button--colorchange::before {
  content: "";
  display: block;
  padding-bottom: 100%;
  float: left;
}
@supports (aspect-ratio: 1 / 1) {
  .button--colorchange {
    aspect-ratio: 1 / 1;
  }
  .button--colorchange::before {
    content: none;
  }
}
.button--colorchange:hover {
  transform: scale(1.05) rotate(8deg);
}
@keyframes color_change {
  0%  {background-color: #43ae78}
  /* 6%  {background-color: #43ae78} */
  16% {background-color: #564A45}
  /* 12% {background-color: #564A45}
  20% {background-color: #564A45} */
  30% {background-color: #53B1BC}
  /* 26% {background-color: #53B1BC}
  34% {background-color: #53B1BC} */
  44% {background-color: #B90643}
  /* 40% {background-color: #B90643}
  48% {background-color: #B90643} */
  58% {background-color: #BD9689}
  /* 54% {background-color: #BD9689}
  62% {background-color: #BD9689} */
  72% {background-color: #1A3B92}
  /* 68% {background-color: #1A3B92}
  76% {background-color: #1A3B92} */
  86% {background-color: #F7A819}
  /* 82% {background-color: #F7A819}
  90% {background-color: #F7A819} */
  /* 96%  {background-color: #43ae78} */
}
.sidebar-box .button--colorchange:first-child {
  margin-top: -2em;
}
.pageID-1 .sidebar-box .button--colorchange:first-child {
  /* home is a little different (mobile!) */
  margin-top: -1em;
}

.padding20{
padding: 20px;

}


.csc-textpic-caption,
.image-caption {
  margin-top: 6px;
  font-size: 14px;
  min-height: 3.4285714285714284em;
}


.news-img-caption{
  margin-top: 6px!important;
  display: inline-block;
  font-size: 14px;
  padding: 0!important;
color: #000!important;
}


/*ICONS*/

.fa-facebook{
    color: #ccc;
    padding-right: 5px;
}

/*HEADER*/

header {
padding: 0 0 30px 0;

}

.top{
font-weight: 700;
padding: 28px 0 30px 0;

}

.top a{
color: #000;
text-decoration: none;
}

.login, .lang, #searchform {
display: inline-block;

}

.lang {
    list-style: none;
    padding: 0 20px 0 0;
    border-right: 1px solid #808080;
}

.lang  li{
    float: left;
    padding: 0 5px;

}

/* Login-Bereich Header */
.login {
    padding: 0 20px 0 20px;
    border-right: 1px solid #808080;
    vertical-align: top;
}

/* Green Login/Logout-Box */
.container {
  position: relative;
}
.green-login-box {
  background:#43ae78;
  padding:2em;
  position:absolute;
  text-align:left;
  right:0;
  z-index:100;
  box-sizing:border-box;
  top:0;
  display:none;
}
.green-login-box h3,
.green-login-box div {
  font-weight: normal
}

.button-close {
  color: black;
  position: absolute;
  right: 1em;
  font-size: 1.5em;
  margin-top: -0.25em;}

.green-login-box label {
  display: none;
}

[type="text"],
[type="password"] {margin-bottom: 1em;font-size: 1em;display: block;width: 50%;box-sizing: border-box;}
.green-login-box [type="text"],
.green-login-box [type="password"] {
  width: 100%;
}

.green-login-box .tx-felogin-pi1 > div {
  margin-bottom: 2em;
  font-size: .9em;
}


/*Suche*/


.tx-kesearch-pi1{
  display: inline-block;
  height: 1.8em;
  width: 100%;
}

.maincontent .tx-kesearch-pi1{
margin-top: 20px;
}

.searchfield, .kesearchbox {
    border: 0px;
    font-size: 16px;
    width: 128px;
    padding: 5px 6px;
    outline: none;

}

.searchsubmit{
   vertical-align: top;
   font-size: 20px;
}

.searchsubmit i{
    color: #333;
}

#searchform{
    padding: 0 0 0 20px;
    width: auto;
}

.maincontent #searchform{
    padding: 0;
    width: 100%;
}

.maincontent .tx-kesearch-pi1 .searchfield{
    width: 80%;
    border: 1px solid black!important;

}

.maincontent .button{
 float: left;
}





.general-message{
display: none;
}
button,
.submit-link {
    background: none;
    border: 0px;
    color: #666;
    cursor: pointer;
    font-size: 20px;
}

.top-inner-wrap {
/*  display: inline-block;
  float: right;
padding-left: 60%;*/
    display: flex;
    justify-content: flex-end;
}


.top-inner-wrap > ul,
.top-inner-wrap > div {
  float: left;
  height: 1.8em;
}
.tx-kesearch-pi1 {}
.tx-kesearch-pi1 form {}
.tx-kesearch-pi1 .submit {
  float: left;}

.submit-link {
    display: none;
}

/* T3 8.7 - start */
div.csc-textpic .csc-textpic-imagewrap img,
div.ce-textpic .ce-gallery img { border: none; display: block; }




.image-slider {
    width: 100%;
    margin:  0 auto;
    position: relative;
    height: 0;
    overflow: hidden;
    padding-bottom: 52.94117647058824%;
    margin-bottom: 30px
}

.image-slider__radio--1:checked ~ .image-slider__images .image-slider__list { transform: translateX(0%) }

.image-slider__radio--2:checked ~ .image-slider__images .image-slider__list--total-2 { transform: translateX(-50%) }
.image-slider__radio--2:checked ~ .image-slider__images .image-slider__list--total-3 { transform: translateX(-33.333333333333336%) }
.image-slider__radio--2:checked ~ .image-slider__images .image-slider__list--total-4 { transform: translateX(-25%) }
.image-slider__radio--2:checked ~ .image-slider__images .image-slider__list--total-5 { transform: translateX(-20%) }
.image-slider__radio--2:checked ~ .image-slider__images .image-slider__list--total-6 { transform: translateX(-16.666666666666668%) }
.image-slider__radio--2:checked ~ .image-slider__images .image-slider__list--total-7 { transform: translateX(-14.285714285714286%) }
.image-slider__radio--2:checked ~ .image-slider__images .image-slider__list--total-8 { transform: translateX(-12.5%) }
.image-slider__radio--2:checked ~ .image-slider__images .image-slider__list--total-9 { transform: translateX(-11.11111111111111%) }
.image-slider__radio--2:checked ~ .image-slider__images .image-slider__list--total-10 { transform: translateX(-10%) }

.image-slider__radio--3:checked ~ .image-slider__images .image-slider__list--total-3 { transform: translateX(-66.66666666666667%) } /* 100/3*2 */
.image-slider__radio--3:checked ~ .image-slider__images .image-slider__list--total-4 { transform: translateX(-50%) } /* 100/4*2 */
.image-slider__radio--3:checked ~ .image-slider__images .image-slider__list--total-5 { transform: translateX(-40%) } /* 100/5*2 */
.image-slider__radio--3:checked ~ .image-slider__images .image-slider__list--total-6 { transform: translateX(-33.333333333333336%) } /* 100/6*2 */
.image-slider__radio--3:checked ~ .image-slider__images .image-slider__list--total-7 { transform: translateX(-28.571428571428573%) } /* 100/7*2 */
.image-slider__radio--3:checked ~ .image-slider__images .image-slider__list--total-8 { transform: translateX(-25%) } /* 100/8*2 */
.image-slider__radio--3:checked ~ .image-slider__images .image-slider__list--total-9 { transform: translateX(-22.22222222222222%) } /* 100/9*2 */
.image-slider__radio--3:checked ~ .image-slider__images .image-slider__list--total-10 { transform: translateX(-20%) } /* 100/10*2 */

.image-slider__radio--4:checked ~ .image-slider__images .image-slider__list--total-4 { transform: translateX(-75%) } /* 100/4*3 */
.image-slider__radio--4:checked ~ .image-slider__images .image-slider__list--total-5 { transform: translateX(-60%) } /* 100/5*3 */
.image-slider__radio--4:checked ~ .image-slider__images .image-slider__list--total-6 { transform: translateX(-50%) } /* 100/6*3 */
.image-slider__radio--4:checked ~ .image-slider__images .image-slider__list--total-7 { transform: translateX(-42.85714285714286%) } /* 100/7*3 */
.image-slider__radio--4:checked ~ .image-slider__images .image-slider__list--total-8 { transform: translateX(-37.5%) } /* 100/8*3 */
.image-slider__radio--4:checked ~ .image-slider__images .image-slider__list--total-9 { transform: translateX(-33.33333333333333%) } /* 100/9*3 */
.image-slider__radio--4:checked ~ .image-slider__images .image-slider__list--total-10 { transform: translateX(-30%) } /* 100/10*3 */

.image-slider__radio--5:checked ~ .image-slider__images .image-slider__list--total-5 { transform: translateX(-80%) } /* 100/5*4 */
.image-slider__radio--5:checked ~ .image-slider__images .image-slider__list--total-6 { transform: translateX(-66.66666666666667%) } /* 100/6*4 */
.image-slider__radio--5:checked ~ .image-slider__images .image-slider__list--total-7 { transform: translateX(-57.142857142857146%) } /* 100/7*4 */
.image-slider__radio--5:checked ~ .image-slider__images .image-slider__list--total-8 { transform: translateX(-50%) } /* 100/8*4 */
.image-slider__radio--5:checked ~ .image-slider__images .image-slider__list--total-9 { transform: translateX(-44.44444444444444%) } /* 100/9*4 */
.image-slider__radio--5:checked ~ .image-slider__images .image-slider__list--total-10 { transform: translateX(-40%) } /* 100/10*4 */

.image-slider__radio--6:checked ~ .image-slider__images .image-slider__list--total-6 { transform: translateX(-83.33333333333334%) } /* 100/6*5 */
.image-slider__radio--6:checked ~ .image-slider__images .image-slider__list--total-7 { transform: translateX(-71.42857142857143%) } /* 100/7*5 */
.image-slider__radio--6:checked ~ .image-slider__images .image-slider__list--total-8 { transform: translateX(-62.5%) } /* 100/8*5 */
.image-slider__radio--6:checked ~ .image-slider__images .image-slider__list--total-9 { transform: translateX(-55.55555555555556%) } /* 100/9*5 */
.image-slider__radio--6:checked ~ .image-slider__images .image-slider__list--total-10 { transform: translateX(-50%) } /* 100/10*5 */

.image-slider__radio--7:checked ~ .image-slider__images .image-slider__list--total-7 { transform: translateX(-85.71428571428572%) } /* 100/7*6 */
.image-slider__radio--7:checked ~ .image-slider__images .image-slider__list--total-8 { transform: translateX(-75%) } /* 100/8*6 */
.image-slider__radio--7:checked ~ .image-slider__images .image-slider__list--total-9 { transform: translateX(-66.66666666666666%) } /* 100/9*6 */
.image-slider__radio--7:checked ~ .image-slider__images .image-slider__list--total-10 { transform: translateX(-60%) } /* 100/10*6 */

.image-slider__radio--8:checked ~ .image-slider__images .image-slider__list--total-8 { transform: translateX(-87.5%) } /* 100/8*7 */
.image-slider__radio--8:checked ~ .image-slider__images .image-slider__list--total-9 { transform: translateX(-77.77777777777777%) } /* 100/9*7 */
.image-slider__radio--8:checked ~ .image-slider__images .image-slider__list--total-10 { transform: translateX(-70%) } /* 100/10*7 */

.image-slider__radio--9:checked ~ .image-slider__images .image-slider__list--total-9 { transform: translateX(-88.88888888888889%) } /* 100/9*8 */
.image-slider__radio--9:checked ~ .image-slider__images .image-slider__list--total-10 { transform: translateX(-80%) } /* 100/10*8 */

.image-slider__radio--10:checked ~ .image-slider__images .image-slider__list--total-10 { transform: translateX(-90%) } /* 100/10*9 */

.image-slider__radio--hidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.image-slider__images,
.image-slider__list {
    position: absolute;
    width: 100%;
    height: 100%;
    transition: all 1s cubic-bezier(0.4, 0, 0.2, 1);
}
.image-slider__list {
    list-style-type: none;
    display: inline-block;
    position: static;
    width: auto;
}
.image-slider__images {
    z-index: 5;
    overflow: hidden;
}

.image-slider__item {
    background-size:  cover;
    float: left;
    width: 100%;
    list-style: none !important;
}

.image-slider__link {
    display: block;
}
.image-slider__image {
    visibility: hidden;
    width: 100%;
    display: block;
}

.image-slider__navigation {
    position: absolute;
    width: 100%;
    bottom: 0;
    z-index: 10;
    text-align: center;
    height: auto;

    display: none; /* ausgeblendet da nicht in design */
}
.image-slider__list {
    list-style-type: none;
    display: inline-block;
    padding: 0 !important;
}
.image-slider__list--total-1  { width:  100%; }
.image-slider__list--total-2  { width:  200%; }
.image-slider__list--total-3  { width:  300%; }
.image-slider__list--total-4  { width:  400%; }
.image-slider__list--total-5  { width:  500%; }
.image-slider__list--total-6  { width:  600%; }
.image-slider__list--total-7  { width:  700%; }
.image-slider__list--total-8  { width:  800%; }
.image-slider__list--total-9  { width:  900%; }
.image-slider__list--total-10 { width: 1000%; }

.image-slider__list--total-2 .image-slider__item { width: 50%; }
.image-slider__list--total-3 .image-slider__item { width: 33.333333333333336%; }
.image-slider__list--total-4 .image-slider__item { width: 25%; }
.image-slider__list--total-5 .image-slider__item { width: 20%; }
.image-slider__list--total-6 .image-slider__item { width: 16.666666666666668%; }
.image-slider__list--total-7 .image-slider__item { width: 14.285714285714286%; }
.image-slider__list--total-8 .image-slider__item { width: 12.5%; }
.image-slider__list--total-9 .image-slider__item { width: 11.11111111111111%; }
.image-slider__list--total-10 .image-slider__item { width: 10%; }

.image-slider__navigation-item {
    float: left;
}
.image-slider__navigation-label {
    padding:  0;
    margin: 0 10px;
    width: 25px;
    height: 25px;
    display: block;
    background-color: transparent;
    border: 2px solid white;
    border-radius: 50%;
    box-sizing: border-box;
}
.image-slider__radio--1:checked ~ .image-slider__navigation .image-slider__navigation-label--1 { background: white }
.image-slider__radio--2:checked ~ .image-slider__navigation .image-slider__navigation-label--2 { background: white }
.image-slider__radio--3:checked ~ .image-slider__navigation .image-slider__navigation-label--3 { background: white }
.image-slider__radio--4:checked ~ .image-slider__navigation .image-slider__navigation-label--4 { background: white }
.image-slider__radio--5:checked ~ .image-slider__navigation .image-slider__navigation-label--5 { background: white }
.image-slider__radio--6:checked ~ .image-slider__navigation .image-slider__navigation-label--6 { background: white }
.image-slider__radio--7:checked ~ .image-slider__navigation .image-slider__navigation-label--7 { background: white }
.image-slider__radio--8:checked ~ .image-slider__navigation .image-slider__navigation-label--8 { background: white }
.image-slider__radio--9:checked ~ .image-slider__navigation .image-slider__navigation-label--9 { background: white }
.image-slider__radio--10:checked ~ .image-slider__navigation .image-slider__navigation-label--10 { background: white }

.image-slider__arrow-list {
    list-style-type: none !important;
    padding: 0 !important;
    margin: 0;
}

.image-slider__arrow {
    height: 100%;
    width: 150px;
    position: absolute;
    z-index: 50;
    top: 0;
    list-style: none !important;
    padding-bottom: 0 !important;
}
.image-slider__arrow::after {
    content: "";
    /* height: 80px; */
    /* width: 80px; */
    background: url('../bilder-design/icons/arrow-left.png') no-repeat 50% 50%;
    background-position: 50% 50%;
    position: absolute;
    top: 50%;
    transform: rotate(0);
    opacity: 0.5;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    position: absolute;
}
.image-slider__arrow:hover::after {
    opacity: 1;
}
.image-slider__arrow--left {
    left: 0;
}
.image-slider__arrow--left::after {
    /* transform: scale(0.7) rotate(90deg) translateY(-15px); */
}
.image-slider__arrow--right {
    right: 0;
}
.image-slider__arrow--right::after {
    transform: rotate(180deg);
}


/* Search (indexed_search) */
.tx-indexedsearch-searchbox {}
.tx-indexedsearch-redMarkup {
    font-weight: bold;
}
.searchform__wrapper {
    display: flex;
    align-items: flex-end;
}

.tx-indexedsearch-form {
    margin-bottom: 1px;
    width: 100%;
    padding-right: 5px;
    display: flex;
    margin-bottom: 3em;
}

.tx-indexedsearch-form label {
    margin-bottom: 0.75em;
    display: block;
}

div.tx-indexedsearch-browsebox {
    margin: 3.5em 0 2.5em 0;
    border-bottom: 1px solid #ccc;
    text-align: center;
    padding-bottom: 2em;
}

ul.tx-indexedsearch-browsebox {
    margin-top: 1.5em;
    padding: 0;
    display: flex;
    justify-content: flex-end;
    padding: 0 !important;
}

.tx-indexedsearch-browsebox li {
    list-style: none !important;
    padding: 0 1em;
}

.tx-indexedsearch-browsebox:last-child {
    border: none;
    margin-bottom: 0;
    padding-bottom: 0;
}

.tx-indexedsearch-res {
    border-bottom: 1px solid #ccc;
    padding: 1em 0 0;
    margin-bottom: 1em;
}

.tx-indexedsearch-text-item-path {
    font-size: 0.85em;
}

.tx-indexedsearch-searchbox-button {
    margin: 0;
    float: none !important;
    margin: 0 !important;
}

.tx-indexedsearch-searchbox-sword {
    width: auto;
    flex-grow: 1;
    border: 1px solid #009c61;
    margin: 0;
    padding: .25em .85em;
}

.submit--indexed-search-icon, .twitter-icon {
  background: none;
  border: 0px;
  color: #666 !important;
  cursor: pointer;
    margin-left: 10px;
  position: relative;
    margin-top: auto;
    margin-bottom: auto;
}


/* T3 8.7 - ende */


@media only screen and (max-width: 950px) {
    .tx-kesearch-pi1 .submit {
        display: none;
    }
    .tx-kesearch-pi1 .submit-link {
        display: inline-block;
    }

    .top-inner-wrap .searchfield {
        display: none;
    }
}

.maincontent .tx-kesearch-pi1 .submit {
display: inline-block;

}
.maincontent .tx-kesearch-pi1 .submit-link {
    display: none;
}

.tx-kesearch-pi1 .searchfield {
  float: left;
  margin-bottom: 0;}




/* Suchformular Content-Bereich */
.search-box-content-area {
    margin-bottom: 1em;
}
.search-box-content-area .searchfield {
    width: 80%;
}

.tx-kesearch-pi1 .clearer {
    clear: both;
    width: 100%;
    display: block;
    height: 0;
}

.tx-kesearch-pi1 .result-list-item {
    margin-bottom: 1.5em;
}

/*MAINCONTENT*/

#main  {
padding: 0 0 55px 0;

}

.maincontent  {
width: 72.538%;
}

#main .col1 {
width: 4.642%;
}

.maincontent a {
color: #43ae78;
text-decoration: none;

}

#main ul {
    padding: 0 0 30px 20px;

}

#main li {
    padding-bottom: 10px;
    list-style: square;

}

li.current a {
    color: #333;
}

.breadcrumbs {
    font-size: 14px;
    color: #333;
    text-transform: uppercase;
    padding-bottom: 25px;

}

.breadcrumbs a {
    text-decoration: none;
}


.lead,
.news-single .article .lead {
    margin-top: 0;
  /*  margin-bottom: 40px;*/
    font-weight:bold;
    font-size:18px;
    line-height:29px;
}
.news-single .article .lead {
  margin-top: 0;
}



.lead p, .layout-news .teaser-text p {
  /*  font-weight:bold;
    font-size:18px;
    line-height:29px;*/

}

.columns div.csc-textpic-center .csc-textpic-center-outer,
.columns div.csc-textpic-center .csc-textpic-center-inner,
.columns div.ce-textpic.ce-center,
.columns div.ce-textpic.ce-center {
  float: none;
  right: auto;
}

.columns > .col6 > .sponsoren img {
    max-width: 150px !important;
    margin: 0 auto;
    height: 150px;
    display: block;
    object-fit: contain;
    filter: grayscale(100%);
	/* bodytext margin - sponsor padding + additional line height */
	margin-top: calc(5.1% - 10px + 4px);
  	object-position: top;
}

.columns .csc-textpic-text,
.columns .ce-textpic .ce-bodytext {
  margin-top: 5.1%
}
.columns .narrow h2 {
    padding-bottom:0;
    margin-bottom:-0.55em;
}
.columns .narrow p {
    padding-bottom:25px;

}


/*FLEXSLIDER*/
.flexslider {}
#main .slides {
    padding: 0;
}
#main .flexslider li {
    list-style: none;
}
.flex-direction-nav li a {
      background-image: url(../bilder-design/icons/arrow-left.png);
      height: 0;
      width: 15%;
      background-size: 50%;
      background-position: center center !important;
      padding-bottom: 7.5%;
}
.flex-direction-nav li .next {
  background-image: url(../bilder-design/icons/arrow-right.png);

}
.flex-caption {
    background: black;
    padding: 2% 3%;
    width: 94%;
}
.flex-caption {
    display: none;
}
.flex-direction-nav {
    padding: 0 !important;
}
/* Responsive Images */
.ce-gallery .ce-row {
  display: flex;
}
[data-ce-columns="1"].ce-gallery .ce-column {
  width: 100%;
}
.ce-gallery figure.image {
  float: none;
}
.csc-textpic-2-col .csc-textpic-imagecolumn,
[data-ce-columns="2"].ce-gallery .ce-column {
     width: 50%;
     }

.csc-textpic-3-col .csc-textpic-imagecolumn,
[data-ce-columns="3"].ce-gallery .ce-column {
     width: 33.33333333333333333333333333%;
padding-bottom: 10px;
     }

.csc-textpic-4-col .csc-textpic-imagecolumn,
[data-ce-columns="4"].ce-gallery .ce-column {
     width: 25%;
     }


.csc-textpic-5-col .csc-textpic-imagecolumn,
[data-ce-columns="5"].ce-gallery .ce-column {
     width: 20%;
     }

div.csc-textpic-imagecolumn,
.ce-gallery .ce-column {
     margin-right: 0;
     padding: 10px;
     box-sizing: border-box;
}

.csc-textpic-imagerow {
  display: flex;
  margin-left: -10px;
  margin-right: -10px;
  flex-wrap: wrap;
}
.ce-gallery {
  /*margin-top: -10px;
  margin-bottom: -10px;*/
  margin-left: -10px;
  margin-right: -10px;
  width: calc(100% + 20px);
}
.ce-gallery .ce-row {
  display: flex;
  flex-wrap: wrap;
}


/*FILELIST*/

.fl-item {
  /*border-bottom: 1px solid #ccc;*/
  float: left;
  width: 100%;
  padding: 10px 0;

}
.fl-item.last {
margin-bottom: 20px;

}


.fl-icon,.fl-content {
  float: left;
  padding: 0 20px 0 0;

}

.fl-download {
  text-align: right;
  padding-top: 20px;

}

.fa-download {
color: #999;
font-size: 30px;

}

.fa-download:hover {
color: #666;
cursor: pointer;

}

.fl-date{
font-size: 13px;


}

/* Formatierung Fliesstext dreispaltig */
.fliesstext-dreispaltig {
  -webkit-column-count: 3;
  -moz-column-count: 3;
  column-count: 3;
  -webkit-column-gap: 1em;
  -moz-column-gap: 1em;
  column-gap: 1em;
  padding-bottom: 30px;
  clear: both;
}
#main .fliesstext-dreispaltig p + ul {
  padding-bottom: 20px;
}
#main .fliesstext-dreispaltig ul {
  -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    column-break-inside: avoid;
    break-inside: avoid;
}

@media screen and (max-width: 940px) {
  .fliesstext-dreispaltig {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;

  }
}

@media screen and (max-width: 670px) {
  .fliesstext-dreispaltig {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
  }
}


/* News */
.news-list-view {}
.news .article .news-img-wrap,
.frame .news .article .news-img-wrap {
  float: none;
  margin: 0;
  width: 100%;
  overflow: hidden;
}
.news .article .news-img-wrap a,
.frame .news .article .news-img-wrap a {
  padding: 0;
  border: 0;
  float: none;
  width: 100%;
  display: block;
}
.news .article .news-img-wrap img,
.frame .news .article .news-img-wrap img {
    width:100%;
}

.news-img-wrap .mediaelement-video {
    height: 0;
    padding-bottom: 56.25%;
    position: relative;
    margin-bottom: 0.5em
}
.ce-gallery .video {
    margin-bottom: 1em;
}

.news-img-wrap iframe {}
.news-list-view h2 {
    font-weight:normal;
    font-size:16px;
    margin-top:1em;

}
.news-list-view h2 a {
    text-decoration:underline;
}

.page-navigation {
    border: 1px solid #ccc;
    overflow: hidden;
    border-left-width: 0;
    border-right-width: 0;
    border-bottom-width: 0;
    padding-top: 1.75em;
    margin-top: .5em;
}
.news .page-navigation ul li a {
    padding: 0;
}
.news .page-navigation ul li {
    padding: 0 .25em;
}

/* Layout:; Schaufenster */
.layout-schaufenster {
  position: relative;
  border-bottom: 3px solid #000000;
  margin-bottom: 1em !important;
}

.layout-schaufenster a:hover {
    color: #43ae78;
}
.layout-schaufenster .footer {
  border: 0;
  margin: 0;
  padding: 0;
}
.layout-schaufenster .footer p {
  padding: 0;
}
.layout-schaufenster .news .footer span {
  padding: 0;
  margin: 0;
}
.news .layout-schaufenster .footer .news-list-date {
    font-weight:bold;
    color:#000;
    font-size:12px;
    padding-bottom: 18px;

}

/* Schaufenster: Kein Bild/Video */
.layout-schaufenster {}
.layout-schaufenster h2 {
  font-weight: 700;
  font-size: 50px;
  margin-top: 0;
  line-height: 1.1em;
  margin-bottom: .1em;
  }
.layout-schaufenster h2 a {
  text-decoration: none;}
.news .layout-schaufenster .teaser-text,
.frame .news .layout-schaufenster .teaser-text {
  margin-top: 1em;

}


/* Schaufenster: Kein Bild/Video: Detail */
.news .layout-schaufenster.layout-schaufenster-detail .news-list-date {
  top: 3px;
}

/* Schaufenster mit Bild */
.news .layout-schaufenster-image .footer .news-list-date {
  top: -3px;
}
.layout-schaufenster-image h2 {
  font-size: 30px;
  margin-top: 1.5em;

}
.layout-schaufenster-image h2 a {
  color: #000;
}

/* Schaufenster: Liste mit Bildern -> Slideshow
.layout-schaufenster-image .news-img-wrap .news-img-wrap {
    height: 0;
    padding-bottom: 56.25%;
    position: relative;
}
.layout-schaufenster-image .outer {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    bottom: 0;
}
.layout-schaufenster-image .mediaelement-image {}
.layout-schaufenster-image .mediaelement-image img {}

*/


/* Schaufenster mit Video */
.layout-schaufenster-videolayout-schaufenster-image h2 {
  font-size: 30px;
}













/* Schaufenster mit Bild: Detail */
.layout-schaufenster-detail.layout-schaufenster-image .teaser-text {
  margin-top: 1em;
  margin-bottom: 0;
}

#main .news-related-wrap {
    margin-top: 0;
    margin-bottom: 1em;
}

#main .news-related-files {
    margin-top: 2em;
    display: block;
    width: 100%;
}
#main .news-related-files ul {
    padding-bottom: 0;
}


































/* Schaufenster mit Video */
.news .layout-schaufenster-video .footer .news-list-date {
  top: 0px;
}

.layout-schaufenster-video h2 {
  font-size: 1.2em;
  margin-top: .65em;
}
.layout-schaufenster-video h2 a {
  color: #333;
}

/* Schaufenster mit Video: Detailansicht; */
.layout-schaufenster-detail.layout-schaufenster-video {}
.layout-schaufenster-detail.layout-schaufenster-video .teaser-text {
  margin-top: 1em;
  margin-bottom: 0;
}

/* News und Schaufenster: Detailansicht normale Bildgrösse */
.img-normal-size img {
  width: 100% !important;
}
.img-normal-size a {
  width: auto !important;
  display: inline-block !important;
  margin-bottom: 2.5em;
}

/* New since 14.10.21*/
.img-normal-size .mediaelement.mediaelement-image a {
  margin-bottom: 0;
}

.img-normal-size .outer {
  width: 32%;
  float: left;
  margin-right: 1%;
}

/* Responsive iframe Videos */
.video {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  height: 0;
}
.video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.videoWrapper{
margin-bottom: 20px;
}


/* Auflistung aller Kategorien in Seite News */
#main .news-category-list {
  padding: 0;
  line-height: 2.1em;
  margin-bottom: 2em;
  white-space: break-spaces;
    display: flex;
    flex-wrap: wrap;
}
#main .news-category-list li {
  list-style: none;
  padding: 0;
  display: inline;}
#main .news-category-list a {
  background: #43ae78;
  color: white;
  margin-right: .5em;
  padding: 3px 6px 3px 9px;
  white-space: nowrap;}
#main .news-category-list a:hover {
  background: #6EBE95;
}
#main .news-category-list a:active,
#main .news-category-list a.active {
  background: #2B905D;
}
#main .news-category-list li:first-child a {
    background: rgb(240, 240, 240);
      color: rgb(71, 71, 71);
}
#main .news-category-list:has(li > a.active) > li:not(.showAll):has(:not(a.active)) {
    display: none;
}

/* Layout: News */
.news .layout-news,
.news .layout-news.article {
    border-top:3px solid black;
    padding-top:16px;
    padding-bottom:0;
    margin-bottom:0;
}
.maincontent .news .layout-news {
  border-top-width: 1px;
  border-top-color: #ccc;
}


.layout-news .news-list-category {
  display: block;

}
.news .layout-news h3 {
  padding-bottom: .75em
}

.layout-news .news-list-date {
     display:block;

}

.news .layout-news .teaser-text,
.news .layout-news.article .teaser-text {
  margin-bottom: 0;

}

/* LAyout: News Detail */
.maincontent .news .layout-news-detail {
  border-top-width: 0;
  padding-top: 0;
}
.maincontent .news .layout-news-detail .footer {
  margin: 0;
  border: 0;
  margin-top: -9px;
  padding-top: 0;

}
.maincontent .news .layout-news-detail .lead {
  margin-top: .95em;}
.maincontent .news .layout-news-detail .footer p {
  padding: 0
}
.maincontent .news .layout-news-detail .news-list-date {
  font-weight: bold;
  font-size: 12px;
}
.maincontent .news .layout-news-detail .news-list-category {
  margin-top: -.25em;

}


/* Trenner */
hr {
  border-top-width: 3px;
  border-top-color: #000000;
  clear: both;
}


.line-thin  {
/*  border-bottom: 1px solid #ccc;*/
    border-bottom: 3px solid #000000;
    margin-bottom: 20px;
}


/* Mitglieder DropDown */
.mitglieder-dropdown-wrap {
  background: #43ae78;
  padding: 1.5em;
  margin: 1em 0;}

.mitglieder-dropdown-wrap .chosen-container-single .chosen-single {
  border-radius: 0;
  background: white;
  border: 0;
  box-shadow: none;

}
.mitglieder-dropdown-wrap .chosen-container.chosen-with-drop .chosen-drop {
  border-radius: 0;
  border: 0;

}
.mitglieder-dropdown-wrap .chosen-container .chosen-results li.highlighted {
  background: #43ae78;
}
#main .chosen-container .chosen-results {
    padding: 0;
}

.mitglieder-dropdown-wrap .chosen-results::-webkit-scrollbar {
    width: 12px;
}

.mitglieder-dropdown-wrap .chosen-results::-webkit-scrollbar-track {

    background: #E6FFF2;

}

.mitglieder-dropdown-wrap .chosen-results::-webkit-scrollbar-thumb {
    background: #43ae78;
}


.chosen-single span:before {
    content: "Name A-Z";
}
[lang="fr"] .chosen-single span:before {
    content: "Noms A-Z";
}
[lang="it"] .chosen-single span:before {
    content: "Nomi A-Z";
}


#main .mitglieder-dropdown-wrap li {
  list-style: none;
  padding: 8px 9px 6px;}

/* Mitglieder Sitemap */
.mitglieder-sitemap ul {
  list-style: none;
  border-top: 1px solid #ccc;
}
.mitglieder-sitemap ul li {
  border-bottom: 1px solid #ccc;
  padding: 0.5em 0;
}

#main .mitglieder-sitemap ul {
padding: 0;
list-style: none;

}

#main .mitglieder-sitemap ul li {
padding: 10px 0;
list-style: none;

}
/*NAVIGATION*/
#menu {
  position: relative;
  /*min-height: 285px;*/
}
nav ul li {
    list-style: none;
    padding: 3px 0;
    position: relative;

}
nav ul ul li {
  width: 100%;
  position: relative;
}

nav ul ul li::before {
    content: "";
    background: #fff;
    position: absolute;
    top: 0;
    bottom: -0.5em;
    left: -0.5em;
    right: -0.5em;
    z-index: -1;
}

nav ul li a {
    color: #000;
    font-size: 16px;
    font-weight: 400;
    text-decoration: none;
    padding: 0px 10px;
    display: inline-block;
    z-index: 50;
    position: relative;

}

/*nav ul li:hover a {
text-decoration: none;
color: #43ae78;

}*/
nav > ul > li:hover {background: rgba(255, 255, 255, 0);color: #43ae78!important;}
nav > ul > li.active:hover,
nav > ul > li.active  {
background: #43ae78;
color: #fff!important;

}


.menu__item:hover .menu__item__link{
    color: #FFFFFF;
}

.menu__item:hover {
    background-color: #43ae78;
}



nav ul li.active a {
color: #fff;
}

/* Neuen geschützten Bereich mit einem Schloss gennzeichnen
nav a[href*="index.php?id=77"]:before,
nav a[href*="service/"]:before {
  text-decoration: none;
  display: inline-block;
  speak: none;
  content: "\f13e";
  font-family: "FontAwesome";
  margin-right: 0.3em;
  margin-left: -1em;
  color: #aaa;
  cursor: default;
  position: relative;
  top: 0.09em;
}
*/


/*SUBNAVIGATION BALKEN*/

.submenu__item {
    border-bottom: 2px solid gray;
}

/*
.mainnav .submenu__item.submenu__item__childreen:after {
    content: "\f054";
    font-family: 'Font Awesome 5 Pro';
    font-weight: 300;
    color: #000000;
    transition: transform 0.25s ease-in-out;
    display: inline-block;
    padding: 2px 5px;
    top: 0;
    right: 0;
    z-index: 200;
    position: absolute;
}
*/


.submenu__item__link {
    width: 100%;
    display: flex;
    justify-content: space-between;
}


.slicknav_nav .submenu {
    position: relative;
    opacity: 1;
    width: auto;
    padding: initial;
    height: initial;
}

.logo__home {
	position: relative;
}

.logo__home__link {
	position: absolute;
    left: 0;
    right: 0;
    height: 100%;
    width: 366px;
}


.col7.logo object{
    width: auto;
}

nav ul ul {
    display: none;
}


/*nav li:hover ul,
nav .active ul {
    display: block;
    left: 0;
    padding-left: 10px;
}*/

nav li:hover ul {
    opacity: 1;
    left: 0;
    padding-left: 10px;
}
nav li:hover ul {
  z-index: 20;
background-color: #fff;

}

.submenu__item.submenu__item__childreen ul.submenu-submenu {
    display: none;
    padding: 0;
}


.submenu__item.submenu__item__childreen.submenu__item__childreen--open ul.submenu-submenu {
    display: block;
}




.navigation__arrow:before {
    content:url('/fileadmin/template/bilder-design/icons/icon_chevron_kvs.svg');
    width: 7px;
    display: inline-block;
}

.mainnav .submenu__item.submenu__item__childreen .navigation__arrow {
    font-weight: 300;
    color: #000000;
    transition: transform 0.25s ease-in-out;
    display: inline-block;
    top: 0;
    right: 0;
    z-index: 200;
    position: absolute;
    padding: 3px 5px 0;
}

.mainnav .submenu__item.submenu__item__childreen.submenu__item__childreen--open .navigation__arrow {
    transform: rotate(90deg);
}

.mainnav .menu__item {
    padding: 0;
}

.mainnav .menu__item .menu__item__link {
    padding: 3px 10px;
}





/*nav ul ul,
.subnavigation {
  height: 45px;
   position: relative;
   margin-bottom: -45px;
     left: 195px;
   top: 0;
}*/

nav ul ul li a:hover, .submenu .active a{
    color: #43AE78!important;
    font-weight: 400;
}

.header__wrap .col7{
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
}


.submenu {
    display: block;
    height: 100%;
    position: absolute;
    padding-top: 10px;
    width: 310px;
    opacity: 0;
}

.mainnav .submenu {
    padding-top: 10px;
}

.submenu a {
color: #000!important;
padding: 0px 0;
}

/*FOOTER*/

footer {
    color: #333;
    padding: 0;

}

.sponsor{
    border-top: 3px solid #000;
    border-bottom: 3px solid #000;
    padding: 20px 0 0;
}

footer .sponsor .csc-textpic-imagewrap,
footer .sponsor .ce-textpic .ce-gallery {
  float: none;

}

.sponsor .csc-textpic-6-col .csc-textpic-imagerow,
.sponsor [data-ce-columns="6"].ce-gallery .ce-row {
  display: flex;
  /* flex-wrap: wrap; */
  width: 100%;
  /*margin-left: -5px;
  margin-right: -5px;*/
  padding-bottom: 10px;
}
.sponsor [data-ce-columns="6"].ce-gallery .ce-row > * {
  width: 20%;
  text-align: center;
  margin-right: 0;
  box-sizing: border-box;
  /* padding: 0 5px 10px; */
}

.sponsor .image {
  text-align: left;
}

/* Sponsoren */
.sponsoren h4 {
    padding-bottom: 1em;
}
.sponsoren .csc-textpic .csc-textpic-imagecolumn img,
.sponsoren .ce-textpic .ce-gallery img {
    margin-bottom: 20px;
}

.sponsoren .csc-textpic-2-col .csc-textpic-imagecolumn,
.sponsoren [data-ce-columns="2"].ce-gallery .ce-column {
     width: 50%;
     }

.sponsoren .csc-textpic-3-col .csc-textpic-imagecolumn,
.sponsoren [data-ce-columns="3"].ce-gallery .ce-column {
     width: 33.3333333333%;
     }

.sponsoren .csc-textpic-4-col .csc-textpic-imagecolumn,
.sponsoren [data-ce-columns="4"].ce-gallery .ce-column {
     width: 25%;
     }


.sponsoren .csc-textpic-5-col .csc-textpic-imagecolumn,
.sponsoren [data-ce-columns="5"].ce-gallery .ce-column {
     width: 20%;
     }

.sponsoren .csc-textpic-6-col .csc-textpic-imagecolumn,
.sponsoren [data-ce-columns="6"].ce-gallery .ce-column {
     width: 16.666666666666668%;
     }

.sponsoren .csc-textpic-7-col .csc-textpic-imagecolumn,
.sponsoren [data-ce-columns="7"].ce-gallery .ce-column {
     width: 14.285714285714286%;
     }

.sponsoren .csc-textpic-8-col .csc-textpic-imagecolumn,
.sponsoren [data-ce-columns="8"].ce-gallery .ce-column {
     width: 12.5%;
     }

.sponsoren .csc-textpic-9-col .csc-textpic-imagecolumn,
.sponsoren [data-ce-columns="9"].ce-gallery .ce-column {
     width: 11.11111111111111%;
     }
.sponsoren .csc-textpic-10-col .csc-textpic-imagecolumn,
.sponsoren [data-ce-columns="10"].ce-gallery .ce-column {
     width: 10%;
     }



.sponsoren div.csc-textpic-imagecolumn {
     margin-right: 0;
     }


/* Copyright */
.copyright{
    font-size: 14px;
    padding: 20px 0;

}

/*SIDEBAR*/

.sidebar{
  font-size: 14px;
width: 19.129%;
}
/*.sidebar h3 {
  -ms-word-break: break-all;
     word-break: break-all;

     // Non standard for webkit
     word-break: break-word;

-webkit-hyphens: auto;
   -moz-hyphens: auto;
        hyphens: auto;
}*/

/* News-Mouseover */
.sidebar .news-list-view .article:hover,
.sidebar .news-list-view .article:hover a {
  color: #43ae78;
}
.green-box, .green-box a{
background-color: #43ae78;
color: #fff;
}
.green-box {
  margin-bottom: 2em;
}

.green-box h3 {
/*  border-top: 3px solid #000;*/
padding: 20px 8px 5px 8px;
}

.green-box .csc-textmedia-text,
.green-box .ce-textpic .ce-bodytext {
    padding: 10px 8px 5px 8px;
}


.green-box div.csc-textpic-left .csc-textpic-imagewrap {
    width: 100%;
}
.green-box div.ce-textpic.ce-left .ce-gallery {
  width: calc(100% + 20px);
  margin-bottom: 0;
}
.green-box .ce-below .ce-row:last-child .ce-column {
  padding-bottom: 0;
}

.green-box .ce-column {
  width: 100%;
}

.green-box img {
    width: 100%;
    max-width: none;
}

.sidebar .csc-textpic-text,
.sidebar .ce-textpic .ce-bodytext {
  padding: 8px;
}
.green-box div.csc-textpic .csc-textpic-imagewrap .csc-textpic-image,
.green-box div.ce-textpic .ce-gallery .image-embed-item {
  margin-bottom: 0;
}


/*NEWS*/

.news-latest-item{
border-top: 3px solid #000;
margin: 20px 0;
}

.news-latest-cat, .news-list-category{
    font-size: 11px;
    font-weight: 400;
    text-transform: uppercase;
    padding: 12px 0;
}

.news-latest-date, .news-list-date{
 font-size: 14px;
 font-weight: 400;
 padding: 0 0 14px 0;
 display: block;
}


.news-all{
border-top: 3px solid #000;
padding: 20px 0 0 0;
}


.top-inner-wrap a {
    font-size: 13px;
}

.top-inner-wrap .fa {
    font-size: 18px;
}


/*FORMULARE*/


input:not([type="radio"]):not([type="checkbox"]) {
  -webkit-appearance: none;
}

/*Schriftfarbe für Input Platzhalter*/

::-webkit-input-placeholder {
  color: #43ae78;
}
:-moz-placeholder { /* Firefox 18- */
  color: #43ae78;
}
::-moz-placeholder {  /* Firefox 19+ */
  color: #43ae78;
}
:-ms-input-placeholder {
  color: #43ae78;
}


/*KONTAKTFORMULAR*/
.powermail_form {
    margin: 0 -10px;
}

#powermail_field_e_mail{/* width: 86%; */}
.tx-powermail * {
  box-sizing: border-box;
}
.powermail_input,
.powermail_textarea {
    width: 100%;
    border: 1px solid #999;
    padding: 8px;
    margin-bottom: 1em;
    font-size: 1em;
  font-family: inherit;
  font-size: inherit;
}
.tx-powermail ul  {
padding-bottom: 0px;
}

.powermail_select {
    padding: 8px;
    width: 100%;
    border: 1px solid #999;
    font-size: 1em;
    font-family: inherit;
    font-size: inherit;
    margin-bottom: 1em
}

legend {
display: none;
}

.powermail_fieldwrap{float: left;width: 50%;box-sizing: border-box;padding: 0 10px; margin-bottom: 1em}
/* avoid wrong placement if the foregoing field in the right column is less high than the element in the left column
  => this is e.g. the case if only the field in the left column has an error
  => this may lead to a problem if there are 100% wide fields in the same powermail_fieldset before fields that are
  50% wide (if this is the case, it would probably make more sense to change the styling to use flexbox. rightnow this is 
  not the case so this hack is used...)
*/
.powermail_fieldset > .powermail_fieldwrap:nth-of-type(odd) {
  clear: both;
}

.powermail_fieldwrap_type_textarea,
.powermail_fieldwrap_type_radio,
.powermail_fieldwrap_type_text,
.powermail_fieldwrap_type_submit {
  width: 100%;
}

.powermail_radio, .powermail_checkbox {
    margin: 0;
}
.form__radio__option, .form__check__option {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
.form__radio__option input, .form__check__option input {
  margin-top: 0.35em;
  margin-right: 0.75em;
}

[class*=powermail_fieldwrap_spacer] {
    margin-bottom: 0;
}
[class*=powermail_fieldwrap_spacer].layout1 {
    padding: 20px 0;
}

#powermail_fieldwrap_4, #powermail_fieldwrap_5, #powermail_fieldwrap_8{
float: none;
width: 100%;
clear: both;

}

#powermail_field_grundfrkontaktaufnahme{float: none;/* width: 95%; */}

.powermail_fieldwrap_select{
margin-bottom: 20px;


}

label{width: 100%;display: block;padding-bottom: 5px;}
.powermail_label {
  padding-bottom: 0.65em;
}

.powermail_fieldwrap_input input, .powermail_textarea{font-size: 14px;color: #333;width: 100%;padding: 8px;border: 1px solid #999;}

.powermail_textarea{/* width: 93%; */}

.form__description {
  display: block;
  font-style: italic;
  padding-top: 0.5em;
}


/* Form Errors */
.powermail-errors-list,
#main .powermail-errors-list {
  list-style: none;
  padding: 0;
  margin: 0;
  color: red;
  font-size: 0.85em;
  margin-top: -0.2em;
}
.form__radio .powermail-errors-list,
#main .form__radio .powermail-errors-list {
  margin-top: 0.25em;
}

.powermail-errors-list li,
#main .powermail-errors-list li {
  list-style: none;
}


/* Anmeldeformular Mitgliedschaft */
.powermail_fieldwrap_kategorien > .powermail_field > .radio {
  font-weight: bold;
  font-size: 18px;
  margin-top: -10px;
  padding-top: 10px;
  padding-bottom: 10px;
}

.powermail_fieldwrap_kategorien > .powermail_field > .radio + .powermail_fieldwrap {
  font-size: 16px;
  font-weight: normal;
  margin: 12px 0 40px;
  padding: 0;
}

.powermail_fieldwrap_kategorien > .powermail_field > .radio + .powermail_fieldwrap > .powermail_label {
  font-weight: bold;
  padding-bottom: 12px;
}

.powermail_fieldwrap_kategorien .form__radio__option input {
  margin-top: 0.5em;
}

/* Legend */
.powermail_fieldset.legend-h3 > .powermail_legend {
  display: block;
  font-weight: bold;
  font-size: 21px;
  line-height: 1.2;
  padding: 0 10px 40px;
}

.powermail_fieldset.legend-h3 + .legend-h3 > .powermail_legend {
  float: left;
  border-top: 3px solid #000;
  padding-left: 0;
  padding-right: 0;
  padding-top: min(120px, 26vw);
  margin: 0 10px;
  margin-top: min(90px, 16vw);
  width: calc(100% - 20px);
}

.powermail_fieldset.legend-show > .powermail_legend {
  display: block;
  font-size: 16px;
  width: 100%;
  padding: 0 10px 30px;
}

.powermail_fieldset.page-margin-bottom {
  margin-bottom: clamp(40px, 10vw, 60px);
}

.parsley-required{
color: #f3981b;

}


.powermail_form h3{
    display: none;
}

/* Shop Form */
.form__fieldwrap--number {
    width: 100%;
    margin-bottom: 0;
}

.form__fieldwrap--number:last-child {
    margin-bottom: 3em;
}

.form__fieldwrap--number .form__fieldwrap__inner {
    border-top: 3px solid #000;
    border-bottom: 3px solid #000;
    padding: 3.75em 0;
    flex-direction: row;
    gap: 40px;
    display: flex;
}

.form__fieldwrap--number + .form__fieldwrap--number .form__fieldwrap__inner {
    border-top: 0;
}

.form__input__preview__lightbox {
    width: 22%;
    min-width: 13em;
}

.form__input__preview {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    aspect-ratio: 10/9;
    padding: 1.5em;
    background-color: #43ae78;
}

.form__input__preview__image {
    max-height: 100%;
    max-width: 100%;
    height: auto;
    width: auto;
}

.form__fieldwrap--number .powermail_label {
    font-weight: bold;
    font-size: 1.3125em;
    line-height: 1.2;
}

.form__fieldwrap--number .form__label__description {
    font-weight: 300;
    font-size: 1rem;
    display: block;
    padding-top: 1em;
}

.form__input__wrap {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex-grow: 1;
}

.form__input__wrap__inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 40px;
}

.form__inputnumber__wrap {
    position: relative;
    max-width: 9em;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.form__inputnumber__btn {
    cursor: pointer;
    font-family: inherit;
    font-weight: inherit;
    font-size: inherit;
    line-height: inherit;
    outline: none;
    text-decoration: none;
    text-align: left;
    width: calc(1.67*1em + 2*0.65em - .7em);
    height: calc(1.67*1em + 2*0.65em - .7em);
    background-color: #43ae78;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #43ae78;
    color: white;
}

.form__input.form__input--number[type="number"] {
    text-align: center;
    -moz-appearance: textfield;
    margin-bottom: 0;
    border: none;
    width: 40%;
}

/*Buttons*/

input[type=submit] {
padding: 13px 41px;
font-size: 16px;
text-transform: uppercase;
background-color:#319261;
color: #fff;
border:0 none;
cursor: pointer;
-webkit-border-radius: 0px;
border-radius: 0px;
margin-top: 1.75em;
margin-bottom: .75em;
}



/*MOBILE NAVIGATION*/

.slicknav_menu {
    display:none;
}

.slicknav_menu .navigation__arrow {
    display: none;
}


.slicknav_nav ul {
  border-top: 1px solid #000000 !important;
  /*border-top: 1px solid #5E5E5E !important;*/
}

.slicknav_btn.slicknav_collapsed,
.slicknav_btn.slicknav_open {
  padding: 11px ;
  margin-right: 0;
  margin-top: -5px;
  font-size: 16px;
  padding-top: 13px;
  padding-bottom: 15px;
}
.slicknav_btn.slicknav_open {
  outline: none;
  color: rgb(255, 255, 255);

  background-color: rgb(67, 174, 120);

}
.slicknav_open .slicknav_icon-bar {
  background-color: white !important;
  box-shadow: none !important;;;
}
.slicknav_nav {
  background-color: rgb(67, 174, 120);
  top: -6px !important;
  position: relative;
  border-top: 1px solid #000000 !important;
}
.slicknav_nav a {
  color: white !important;
  font-size: 16px;
  padding-top: .5em !important;
  padding-bottom: .5em !important;
}
.mobile-nav {
  top: -1em;
}

.mobile-nav .slicknav_nav a {
    font-weight: 300;
}

.slicknav_nav ul, .slicknav_nav li {
  border-bottom-color: #000000 !important;}
  /*border-bottom-color: #5E5E5E !important;}*/


.kulturagentinnen__link {
    width: 100%;
    display: flex;
    justify-content: space-around;
    overflow: hidden;
    align-items: center;
    clear: both;
    background: #43ae78;
    color: #fff;
    margin-bottom: 2.5em;

    animation: colorchange 35s infinite; /* animation-name followed by duration in seconds*/
    /* you could also use milliseconds (ms) or something like 2.5s */
    -webkit-animation: colorchange 35s infinite; /* Chrome and Safari */
}

.kulturagentinnen__text {
    display: block;
    padding: 0.3em 20px;
    white-space: nowrap;
}

/*
 * t8_cookiebanner styling
*/

:root {
    --grid-gap-between-columns: 20px;
    --grid-outer-container-gap: 20px;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.cbanner__pagelinks .cbanner__pagelinks__link, .cwindow__footer .cwindow__footer__link {
    color: #43ae78;
    background-image: none;
}

.cbanner__pagelinks .cbanner__pagelinks__link:hover, .cwindow__footer .cwindow__footer__link:hover {
    color: #43ae78;
    background-image: none;
}

.cbanner .fa-t8default {
    margin-right: 0.5em;
}
.cbanner .fa-t8default:before {
    content: "\f085";
}
.cbanner .cbanner__buttons__link {
    transition: color 0.125s ease-in-out;
}
.cbanner .cbanner__buttons__link:hover {
    color: #43ae78;
}

.cwindow .form__toggle > .form__input--toggle:checked + .form__label--toggle::before {
    background-color: #43ae78;
    border-color: #43ae78;
}
.cwindow p, .cwindow h2, .cwindow .form__label, .cwindow .csettings__item__title {
    padding-bottom: 0;
}

.cbanner button, .cwindow button {
    font-size: inherit;
    transition: transform 0.125s ease-in-out;
}

.cbanner button:hover, .cwindow button:hover {
    transform: scale(1.05);
}

.cbanner .button--primary, .cwindow .button--primary {
}
.cbanner .button--secondary, .cwindow .button--secondary {
    background-color: #666;
    color: #ffffff;
}



@keyframes colorchange
{
    0%   {background: #43ae78;}
    8%  {background: #564D45;}
    25%  {background: #61B2B6;}
    42%  {background: #AB1846;}
    58% {background: #BA9A8A;}
    74% {background: #223A83;}
    91% {background: #F0AB2C;}
    100% {background: #43ae78;}
}

@-webkit-keyframes colorchange /* Safari and Chrome - necessary duplicate */
{
    0%   {background: #43ae78;}
    8%  {background: #564D45;}
    25%  {background: #61B2B6;}
    42%  {background: #AB1846;}
    58% {background: #BA9A8A;}
    74% {background: #223A83;}
    91% {background: #F0AB2C;}
    100% {background: #43ae78;}
}


@media screen and (max-width: 700px) {

    .layout-schaufenster h2 {
        font-size: 30px;
    }
}


/* Tablets und kleiner */

@media only screen and (max-width : 1024px)  {

.claim{
    display: none;
}

.form__fieldwrap--number .form__fieldwrap__inner {
    flex-direction: column;
    gap: 1em;
}

}

/* Tablets Portrait und kleiner */
@media screen and (max-width:768px) {


    .top-inner-wrap a, .top-inner-wrap .fa {
        font-size: 15px;
    }

    .navigation__meta {
        display: none;
    }

    .submenu__item .fa-chevron-right {
        display: none;
    }
/*.sponsor .csc-textpic-6-col .csc-textpic-imagerow {
  flex-wrap: wrap;
}
.sponsor .csc-textpic-6-col .csc-textpic-imagerow > * {
  width: 33.3333333333333%;
}*/

/* Mobile Menu */

.js #menu {
        display:none;
    }

.js .slicknav_menu {
        display:block;
    }

    /* #menu is the original menu */
    .js #menu {
        display:none;
    }
    .js .slicknav_menu {
        display:block;
    }
    .top {
      padding-bottom: 0;
      padding-top: 1em
    }
    .top-inner-wrap {
      float: left;
      position: relative;
      z-index: 10;
      top: -9px;
    padding: 0;
    }
    .mobile-nav {
      position: relative;
    }
    .slicknav_menu {
      background: none;
    }

    nav ul ul li a:hover, .submenu .active a {
        color: white !important;
    }


.powermail_fieldwrap{
float: none;
width: 100%;

}

.maincontent  {
width: auto;
}

#main .col1 {
width: 0%;
}

.sidebar{
width: auto;
}

.breadcrumbs {
    padding-bottom: 10px;
}

header {
padding: 0;

}

h1{

    font-size: 30px;
    padding-bottom: 6px;
}

h2{
    font-size: 20px;
    padding-bottom: 15px;
}

h3{
    font-size: 20px;
    line-height: 1.2;
    padding-bottom: 10px;
}

h4{
 font-size: 15px;
padding-bottom: 4px;
}

#searchform{
    margin-top: -5px;
}


/* Mitglieder DropDown */
.mitglieder-dropdown-wrap {

  padding: 0.5em;
}


.button--colorchange,
.sidebar-box .button--colorchange {
  font-size: 1.5em;
  max-width: 150px;
}


}

@media (max-width: 600px) {
    .form__fieldwrap--number .form__input__wrap__inner {
        flex-direction: column;
        align-items: flex-start;
        gap: 1em;
    }
}

@media (max-width: 480px) {
    .col5.last .mainnav {
        display: none;
    }

    .powermail_fieldwrap_kategorien > .powermail_field > .radio {
      font-size: inherit;
    }
}

/*PRINT CSS*/

@media print {
  body {
  background-color: #ffffff;
  font-size: 12pt;
  font-family: Arial, Helvetica, SunSans-Regular, sans-serif;
  color:#000;
  padding:0;
  margin: 0;
  }


.maincontent {
  width: 100%;
  }

.mainnav, .top, .sidebar-box, .breadcrumbs, footer {
 display: none;
  }
}


.sidebar-box img{
        width: 100%;
        height: 100%;
}


/*
.sidebar .ce-textpic .ce-bodytext {
    padding: 0;
}
*/

.sidebar-box .green-box {
    padding-bottom: 20px;
}

.sidebar-box a {
    width: 100%;
    height: 100%;
    display: inline-block;
}



.newsletter-email a {
    color: #000000;
    text-decoration: none;

    background-image: repeating-linear-gradient(90deg, #000000 0%, #000000 100%);
    background-image: repeating-linear-gradient(90deg, currentColor 0%, currentColor 100%);
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: 0 1px;
    transition: background-size 0.3s ease-in-out, color 0.15s ease-in-out;
    line-height: 1.1;
    width: auto;
    line-height: 1.5em;
}

.newsletter-email a:hover {
    background-size: 100% 1px;
}

.newsletter-email p{
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.newsletter-email p:before{
    content:url('/fileadmin/template/bilder-design/icons/icon_kvs_newsletter3.svg');
    position:relative;
    width: 32px;
    height: 24px;
    display: block;
    padding-right: 12px;
}

.img-normal-size .outer_video {
  width: 100%;
}

.video_full_width {
  width: 100%;
  height: auto;
}

.video-embed-item {
  max-width: 100%;
}

.mainnav {
    padding-top: 3.25em;
}

#menu {
    display: flex;
    justify-content: space-between;
    width: 100%;
    height: auto;
    align-items: center;
    align-content: center;
}

/* Metanavigation */

.navigation__list.navigation__list--meta {
    display: flex;
    flex-direction: row;
}

.navigation__meta .navigation__link {
    padding: 0;
}

.navigation__meta .navigation__item:hover .navigation__text {
    color: #43AE78;
}

.navigation__meta .navigation__item.navigation__item--active .navigation__text{
    color: #43AE78;
}

.navigation__list--meta .navigation__item:last-child .navigation__link {
    border: none;
}

.navigation__meta .navigation__text {
    border-right: 2px solid #000000;
    padding: 0px 10px;
}


.navigation--language .navigation__item--active {
    order: -1;
}


/*.navigation--language .navigation__item--disabled {
    color: #999;
    font-size: 13px;
    font-weight: 400;
    text-decoration: none;
    padding: 0px 10px;
    display: inline-block;
    z-index: 50;
    position: relative;
}*/

.navigation--language .navigation__item--disabled .navigation__text{
    color: #999;
    font-size: 13px;
    font-weight: 400;
    text-decoration: none;
    padding: 0px 10px;
    display: inline-block;
    z-index: 50;
    position: relative;
}

nav ul li.navigation__item--disabled:hover {
    color: #999 !important;
}


.navigation__list .navigation__item {
    width: auto;
}

/* Language Navigation */
.navigation--language {
    width: auto;
    display: block;
    text-transform: uppercase;
    overflow: visible;
    max-height: 2em;
    position: relative;
    margin-left: 1em;
    margin-right: -0.5em;
}

.navigation--language__arrow {
     position: absolute;
    top: 50%;
     right: 0.65em;
     transition: transform 0.25s ease-in-out;
     cursor: pointer;
     font-size: 0.875em;
     z-index: 1;
    font-weight: 300;
    transform: translateY(-50%) rotate(90deg);
}

.navigation--language__arrow:before {
    content:url('/fileadmin/template/bilder-design/icons/icon_chevron_kvs.svg');
    width: 7px;
    display: inline-block;
}

.navigation--language__arrow--open {
    transform: translateY(-50%) rotate(180deg);
}

.navigation__list.navigation__list--language {
    background-color: #FFFFFF;
}

.navigation__list {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    overflow: hidden;
    max-height: 2em;
    transition: max-height 0.3s ease, background-color 0.3s ease 0.1s;
    margin-left: 0;
    margin-right: 1em;
    z-index: 1;
    position: relative;
}



.navigation__list:not(.navigation__list--open) {
    max-height: 2em !important;
}

.navigation__list.navigation__list--open:not(.navigation__list--in-progress) {
    max-height: none !important;
}






/* Akkordeon */

.accordion__content {
    overflow: hidden;
    transition: height 0.5s ease;
    backface-visibility: hidden;
    transform: translate3d(0, 0, 0);
    border-bottom: 3px solid #000000;
}


.accordion__content:not(.accordion__content--inprogress) {
    height: auto !important;
    overflow: visible;
}

.accordion__content.accordion__content--closed {
    height: 0 !important;
    overflow: hidden;
}
.accordion__head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    border-top: 3px solid #000000;
}

.accordion__head:after{
    /*content: "\f067";*/
    content: "+";
    font-weight: 300;
    color: #000000;
    transition: all 0.25s ease-in-out;
    display: inline-block;
    font-size: 2em;
}

.accordion__head.accordion__head--open:after{
    transform: rotate(135deg);
}

h3.accordion__head__heading {
    padding-top: 0.9333333333em;
    padding-bottom: 0.9333333333em;
}

.accordion + .accordion .accordion__head{
    border-top: 0;
}


.frame-space-before-extra-small {
    margin-top: 0.25em;
}

.frame-space-before-small {
    margin-top: 1em;
}

.frame-space-before-medium {
    margin-top: 2em;

}
.frame-space-before-large {
    margin-top: 3em;

}
.frame-space-before-extra-large {
    margin-top: 4em;

}

.frame-space-after-extra-small {
    margin-bottom: 0.25em;
}

.frame-space-after-small {
    margin-bottom: 1em;
}

.frame-space-after-medium {
    margin-bottom: 2em;
}

.frame-space-after-large {
    margin-bottom: 3em;
}

.frame-space-after-extra-large {
    margin-bottom: 4em;
}

/* Scrollslider for Sidebar */
.scrollslider {
    position: relative;
    width: 100%;
    margin-bottom: 1em;
}

.scrollslider__inner {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: nowrap;
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
    overflow-x: scroll;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
}

.scrollslider__inner::-webkit-scrollbar {
    width: 0 !important;
    height: 0 !important;
    display: none !important;
    -webkit-appearance: none;
}

.scrollslider__inner {
    -ms-overflow-style: none;
    scrollbar-width: none;
    display: flex;
    align-items: stretch;
}

.scrollslider__inner > * {
    scroll-snap-align: start;
    flex: none;
    width: 100%;
    margin-right: 1em;
}

.scrollslider__text {
    word-break: break-word;
}

.scrollslider__image > img {
    width: 100%;
    height: auto;
    object-fit: cover;
    aspect-ratio: 1 / 1;
}

.scrollslider__dots {
    margin-top: 1em;
    text-align: center;
    z-index: 10;
    pointer-events: none;
}

.scrollslider__dots__item {
    display: inline-block;
    width: 8px;
    height: 8px;
    margin: 0 5px;
    background: rgba(0, 0, 0, 0.4);
    border-radius: 50%;
    cursor: pointer;
    pointer-events: auto;
    transition: background 0.3s ease;
}

.scrollslider__dots__item--active {
    background: #000000;
    transform: scale(1.2);
}

.scrollslider__content {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 100%;
}

.scrollslider__link {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}

.text--green {
    color: #43ae78;
}