/* CSS Mini Reset */
/******************/
html{color:#000;}div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;*font-size:100%}legend{color:#000}#yui3-css-stamp.cssreset{display:none}

.clear{ clear:both; }
.nopadl{ padding-left:0px !important;	}
.nopadr{ padding-right:0px !important; }
.nopad{padding-left:0px !important; padding-right:0px !important; }
/* STYLES */
*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

strong{
    font-weight: 400;
}

@font-face {
    font-family: 'Din Regular';
    src: url('fonts/DINPro-Regular.otf') format('opentype');
}

@font-face {
    font-family: 'Din Bold';
    src: url('fonts/DINPro-Bold.otf') format('opentype');
}


body{
    font-family: 'Din Regular';
    color: black;
}

#loginform #send, header > nav > ul, h1, .gallery_label, .teaser_box h2, .teaserbutton a, h2, #newsoverlay h3, strong, #storyline li span, .teamfront h3 {
    font-family: 'Din Bold';
}

a:hover{
	color: rgb(22,22,22);
}
nav li a:hover, .footernav a:hover, #login:hover, .teaserbutton a:hover, .newscontent a:hover, .teamfront a:hover  {
    text-decoration: none;
}
.input_wrongdiv{
	color: red;
}
.input_wrongdiv, .after_send{
	display: none;
}

h1{
    font-size: 70px;
    line-height: 80px;
    margin-bottom: 30px;
}

.newsdate {
    font-size: 20px;
    line-height: 30px;
}

.teaser_box span, .newsshort, .teamfront span {
    font-size: 23px;
    line-height: 33px;
}

.hometxt, .teaserbutton, .subpage_teaser span, .content_txt div, .sequence p, .txt_small, .txtleft, .slider p {
    font-size: 25px;
    line-height: 35px;
}

.teamfront h3 {
    font-size: 35px;
    line-height: 45px;
    margin-bottom: 20px;
}

h2{
    font-size: 40px;
    line-height: 50px;
}

.sequence h2 {
    font-size: 40px;
    line-height: 45px;
    margin-bottom: 15px;
}

.m_title, #newsoverlay h3, .subpage_teaser h2, .content_txt h2, .txt_small h2, .gallery_wrapper h2, .txtleft h2, .dl_title {
    font-size: 65px;
    line-height: 75px;
}

.pad_lr {
    padding-left: 180px;
    padding-right: 180px;
    clear: both;
}


.hometxt a, footer a, header nav li a, #login, .newscontent a, .contentcolor0 h1, .contentcolor0 h2, .slidercolor0, .teamfront, .teamfront a, .slider p {
    color: black;
}

.hometxt a {
    text-decoration: underline;
}

.teaser_box .teaserbutton a:hover, .slidercolor1 {
    color: white !important;
}

.txt_bg1 h2, .teasercolor0 .teaserbutton a:hover, .teasercolor0 h2, .contentcolor1 h1, .contentcolor1 h2, nav li a:hover, nav .act, .hometeaser .teaser_box.color0 h2, .hometeaser .teaser_box.color0 .teaserbutton a, .footernav a:hover, #login:hover, .footernav .act {
    color: #FFAE00;
}


footer a:hover, .contentcolor1 .dllink:hover, .contentcolor1 #popup_button a:hover, .text_box .txt_bg1 ul li::before, .sequence.bgyellow h2, .sequence.bgyellow p, .contentcolor0 .teamfront a:hover, .contentcolor1 .teamfront a:hover {
    color: #FFAE00;
}

.contentcolor3 .dllink:hover, .contentcolor3 #popup_button a:hover, .sequence.bggreen h2, .sequence.bggreen p, .text_box .txt_bg3 ul li::before, .content_txt.txt_bg3 h2, .teasercolor2 .teaserbutton a:hover,.teasercolor2 h2, .contentcolor3 h1, .contentcolor3 h2, .hometeaser .teaser_box.color2 h2 {
    color: #40A743;
}

.hometeaser .teaser_box.color2 .teaserbutton a, .contentcolor3 .teamfront a:hover {
    color: #40A743;
}

.contentcolor2 .dllink:hover, .contentcolor2 #popup_button a:hover, .text_box .txt_bg2 ul li::before, .content_txt.txt_bg2 h2, .teasercolor1 .teaserbutton a:hover,.teasercolor1 h2, .contentcolor2 h1, .contentcolor2 h2, .hometeaser .teaser_box.color1 h2, .hometeaser .teaser_box.color1 .teaserbutton a, .contentcolor2 .teamfront a:hover {
    color: #45D0F4;
}

.contentcolor1 #popup_button a, .hometeaser .teaser_box.color0 .teaserbutton a:hover, .teasercolor0 .teaserbutton a, .contentcolor1 .loginteaser_txt .teaserbutton a, .contentcolor1 .txt_small .teaserbutton a, .contentcolor1 #loginform #send {
    background-color: #FFAE00;
}

.contentcolor3 #popup_button a, .hometeaser .teaser_box.color2 .teaserbutton a:hover, .teasercolor2 .teaserbutton a, .contentcolor3 .loginteaser_txt .teaserbutton a, .contentcolor3 .txt_small .teaserbutton a, .contentcolor3 #loginform #send {
    background-color: #40A743;
}

.contentcolor2 #popup_button a, .hometeaser .teaser_box.color1 .teaserbutton a:hover, .teasercolor1 .teaserbutton a, .contentcolor2 .loginteaser_txt .teaserbutton a, .contentcolor2 .txt_small .teaserbutton a, .contentcolor2 #loginform #send  {
    background-color: #45D0F4;
}

.contentcolor1 #popup_button a:hover, .teasercolor0 .teaserbutton a:hover, .contentcolor1 .loginteaser_txt .teaserbutton a:hover, .contentcolor1 .txt_small .teaserbutton a:hover, .contentcolor1 #loginform #send:hover {
    background-color: white;
    border: 2px solid #FFAE00;
    color: #FFAE00;
}

.contentcolor2 #popup_button a:hover, .teasercolor1 .teaserbutton a:hover, .contentcolor2 .loginteaser_txt .teaserbutton a:hover, .contentcolor2 .txt_small .teaserbutton a:hover, .contentcolor2 #loginform #send:hover {
    background-color: white;
    border: 2px solid #45D0F4;
    color: #45D0F4;
}

.contentcolor3 #popup_button a:hover, .teasercolor2 .teaserbutton a:hover, .contentcolor3 .loginteaser_txt .teaserbutton a:hover, .contentcolor3 .txt_small .teaserbutton a:hover, .contentcolor3 #loginform #send:hover  {
    background-color: white;
    border: 2px solid #40A743;
    color: #40A743;
}

/* CONTENT */
#btn_nav {
    display: none;
}
header {
    position: fixed;
    top: 0px;
    left: 0px;
    background-color: white;
    width: 100%;
    height: 130px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    z-index: 110;
    box-shadow: 0 5px 6px -6px black;
}

.mainlogo {
    height: 77px;
    width: auto;
}

header > nav > ul{
    float: left;
}

header > nav > ul > li {
    float: left;
    margin-left: 40px;
    font-size: 27px;
    line-height: 37px;
    text-transform: uppercase;
}

header > nav > ul > li img {
    position: relative;
    top: 8px;
    right: 0px;
}

header > nav > ul > li img:nth-child(1), header > nav > ul > li:hover img:nth-child(2), header > nav > ul > li a.act img:nth-child(2) {
    display: block;
}

header > nav > ul > li img:nth-child(2), header > nav > ul > li:hover img:nth-child(1), header > nav > ul > li a.act img:nth-child(1) {
    display: none;
}

.logout_img {
    height: 20px;
    width: auto;
}

header ul ul {
    display: none;
    position: absolute;
    font-size: 20px;
    line-height: 30px;
    padding: 10px 10px 5px 10px;
    background-color: white;
    margin-left: -10px;
}
/*
header > nav > ul > li:hover ul {
    display: block;

}*/

.login_icon {
    position: relative;
    top: 4px;
    margin-left: 80px;
}

/* CONTENT */
#content {
    width: 100%;
    padding-top: 130px;
}

.slick-dotted.slick-slider {
    margin-bottom: 0px;
}

.slick-dots {
    bottom: 30px;
}

.slick-dots li button::before {
    color: white;
    opacity: 1;
    font-size: 12px;
}

.slick-slide {
    position: relative;
}

.gallery_label {
    position: absolute;
    /*color: black;*/
    font-size: 65px;
    line-height: 75px;
    width: 500px;
}
.topslider_mobile {
    display: none !important;
}
.topslider .gallery_label span {
    line-height: 75px;
    /*
    padding-left: 10px;
    padding-right: 10px;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    */
}
.topslider .slidercolor1.gallery_label span {
    text-shadow: 1px 1px 2px black;
}
/*
.topslider .gallery_label.slidercolor0 span {
    background-color: black;
}

.topslider .gallery_label.slidercolor1 span {
    background-color: white;
}
*/

.topslider .gallery_label.pos0 {
    top: 100px;
    left: 200px;
}

.topslider .gallery_label.pos1 {
    top: 100px;
    right: 130px;
}

.topslider .gallery_label.pos2 {
    bottom: 100px;
    left: 200px;
}

.topslider .gallery_label.pos3 {
    bottom: 100px;
    right: 200px;
}

.hometxt {
    margin: 150px auto;
}

.txt_wrapper > div:nth-child(1) {
    padding-left: 0px;
    padding-right: 50px;
}

.txt_wrapper > div:nth-child(2) {
    padding-left: 50px;
    padding-right: 0px;
}

.hometeaser {
    margin-bottom: 150px;
}

.hometeaser .teaser_box {
    border-radius: 20px;
    background-position: left top;
    background-size: cover;
    width: calc(calc(100%/3) - 10px);
    padding: 60px 40px 140px 40px;
    text-align: center;
}

.hometeaser .teaser_box:nth-child(3n){
    margin-left: 15px;
}

.hometeaser .teaser_box:nth-child(3n+1){
    margin-right: 15px;
}

.hometeaser .teaser_box.color0 {
    background-image: url('/img/yellow_bg_big.jpg');
}

.hometeaser .teaser_box.color1 {
    background-image: url('/img/blue_background.jpg');
}

.hometeaser .teaser_box.color2 {
    background-image: url('/img/green_background.jpg');
}

.teaser_box h2{
    margin-top: 30px;
    margin-bottom: 25px;
}

.teaserimg {
    height: 150px;
    position: relative;
}

.teaserimg img {
    max-height: 190px;
    width: auto;
    height: auto;
    position: absolute;
    bottom: 0px;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    transform: scale(0.8);
}

.hometeaser .teaserinner {
    height: 100%;
    position: relative;
}

.teaserbutton {
    position: absolute;
    bottom: 0;
    bottom: -80px;
    left: 0;
    right: 0;
}

.teaserbutton a, #loginform #send {
    background-color: white;
    padding: 12px 50px;
    border-radius: 50px;
    border: 2px solid transparent;
    -webkit-box-shadow: 0 5px 4px -6px black;
    -moz-box-shadow: 0 5px 4px -6px black;
    box-shadow: 0 5px 4px -6px black;
}

.subpage_teaser {
    margin-bottom: 160px;
}

.subpage_teaser img {
    border-radius: 20px;
}

.subpage_teaser .teaserbutton {
    position: relative;
    bottom: 0px;
    margin-top: 50px;
}

.subpage_teaser .teaserbutton a, #loginform #send {
    padding: 12px 50px;
    color: white;
}

.subpage_teaser img {
    width: 100%;
    height: auto;
}

.teasertop_inner, .teaserbottom_inner {
    padding-left: 200px;
    padding-right: 200px;
    text-align: center;
}

.teaserleft_inner {
    padding-left: 140px;
    padding-right: 0px;
    display: flex;
    align-items: center;
}

.teaserright_inner {
    padding-left: 0px;
    padding-right: 140px;
    display: flex;
    align-items: center;
}

.teasertop_inner h2 {
    margin-top: 70px;
    margin-bottom: 20px;
}

.subpage_teaser h2 {
    margin-bottom: 30px;
}

.teaserbottom_inner {
    margin-bottom: 92px;
}

.teaserbottom_inner h2,.teaserlr_inner h2, .txt_small h2, .txtleft h2 {
    margin-bottom: 30px;
}

#calendar {
    position: absolute;
    right: 0px;
    z-index: 20;
}

#newswrapper {
    position: relative;
}

#newscalendar {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 150px;
    width: auto;
    height: 230px;
    cursor: pointer;
}

#homenews {
    /*display: none;*/
    position: relative;
}

#homenews .newsinner {
    /*
    border-radius: 20px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    */
    margin-bottom: 190px;
}

.newsinner {
    background-image: url('/img/yellow_bg_big.jpg');
    background-position: left top;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 100px;
    padding-bottom: 10px;
    float: left;
    position: relative;
    width: 100%;
}

#newsclose {
    position: absolute;
    right: 50px;
    top: 100px;
    width: 55px;
    height: 55px;
    cursor: pointer;
}

#newsoverlay .newscontent img {
    width: 100%;
    height: auto;
    border-radius: 10px;
    margin-bottom: 30px;
}

#newsoverlay h3, .content_txt h2{
    margin-bottom: 80px;
}

.newscontent {
    width: calc(100% / 3);
    float: left;
    margin-bottom: 90px;
}

.newscontent:nth-child(3n + 1){
    padding-left: 0px;
    padding-right: 50px;
}

.newscontent:nth-child(3n + 2){
    padding-left: 25px;
    padding-right: 25px;
}

.newscontent:nth-child(3n){
    padding-left: 50px;
    padding-right: 0px;
}

.newscontent > a {
    display: block;
}

#newsback {
    position: absolute;
    top: 117px;
    z-index: 20;
    right: 200px;
}
#newsback img {
    width: 55px;
    height: auto;
}

.content_txt {
    width: 100%;
    color: black;
}

.content_txt.txtbg, .gallery_wrapper, .teamwrapper, .storywrapper {
    background-position: left top;
    background-size: auto;
    padding-top: 85px;
    padding-bottom: 85px;
    justify-content: space-between;
}

.content_txt.txtbg {
    padding-top: 150px !important;
    padding-bottom: 150px !important;
}

.contentcolor1 .txtcolor, .contentcolor1 .login_teaser, .content_txt.txt_bg1, .bgyellow, .contentcolor1 .txtmiddle, .contentcolor0 .txtmiddle, .contentcolor1 .teamwrapper, .contentcolor1 .teamfront, .contentcolor1 .storywrapper{
    background-image: url('/img/bgyellow.jpg');
}

.contentcolor2 .txtcolor, .contentcolor2 .login_teaser, .content_txt.txt_bg2, .contentcolor2 .txtmiddle, .contentcolor2 .teamwrapper, .contentcolor2 .teamfront, .contentcolor2 .storywrapper {
    background-image: url('/img/bgblue.jpg');
}

.contentcolor3 .txtcolor, .contentcolor3 .login_teaser, .content_txt.txt_bg3, .bggreen, .contentcolor3 .txtmiddle, .contentcolor3 .teamwrapper, .contentcolor3 .teamfront, .contentcolor3 .storywrapper {
    background-image: url('/img/bggreen.jpg');
}

.content_txt img {
    width: 100%;
    height: auto;
    border-radius: 20px;
}

.txtimg_top img {
    margin-bottom: 100px;
}

.txtimg_top:not(.txt_noimg) img {
    margin-top: 50px;
}

.txtimg_bottom img {
    margin-top: 100px;
}

.txtimg_left img, .txtimg_right img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.txt_mbottom {
    margin-bottom: 30px;
}

.content_txt.txtimg_left .txt_wrapper > div:nth-child(1) {
    padding-right: 80px;
}

.content_txt.txtimg_right .txt_wrapper > div:nth-child(2) {
    padding-left: 80px;
}

.content_txt h2, .dl_title  {
    margin-bottom: 30px;
}

.text_box ul li {
    position: relative;
    padding-left: 30px;
}

.text_box ul li::before {
  content: "\2022";
  color: black;
  font-weight: bold;
  display: inline-block;
  width: 6px;
  height: 6px;
  margin-right: 15px;
  position: absolute;
  left: 0;
}

.txt_noimg {
    margin-bottom: 150px;
}

.gridtxt .text_box:not(:last-child) .txtbg {
    margin-bottom: 80px;
}

.txt_small {
    text-align: center;
    margin-bottom: 100px;
}

.contentcenter {
    padding-left: 400px;
    padding-right: 400px;
}

.sequence_wrapper {
    margin-bottom: 100px;
}

.margbottom {
    margin-bottom: 150px;
    margin-top: 80px;
}

.sequence_wrapper .text_box:last-child .arrow_bottom {
    display: none;
}

#seqbottom .sequence {
    padding: 55px 150px 50px 150px;
}

.sequence {
    background-position: left top;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    text-align: center;
    padding: 40px 150px 50px 150px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 25px;
    line-height: 35px;
}

.sequence .txticon img {
    transform: scale(0.7);
}

.txticon {
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
}

.sequence_wrapper .text_box:nth-child(odd) .txticon {
    right: -70px;
}

.sequence_wrapper .text_box:nth-child(even) .txticon {
    left: -70px;
}

.arrow_bottom {
    width: 100%;
    height: auto;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -20px;
    z-index: 10;
}

.dreieck {
    width: 0px;
    height: 0px;
    -webkit-transform:rotate(360deg);
    border-style: solid;
    border-width: 40px 80px 0 80px;
    border-color: #ffffff transparent transparent transparent;
    margin-left: auto;
    margin-right: auto;
    top: 37px;
    position: relative;
}

.txtmiddle {
    padding-top: 180px;
    padding-bottom: 180px;
}

.whitebottom {
    width: 100%;
    height: auto;
    position: relative;
    top: -49px;
    height: 50px;
}

.txtbottom {
    margin-bottom: 200px;
}

.txtbottom .text_box:last-child .arrow_bottom{
    display: none;
}

.rg_wrapper img {
    margin-bottom: 70px;
}
.member_gallery .imgwrapper video{
    border-radius:20px;
}

.imgwrapper img {
    width: calc(100% / 3);
    margin-bottom: 15px;
    border-radius: 20px;
}

.imgwrapper a:nth-child(3n+1) img {
    padding-right: 10px;
    padding-left: 0px;
}

.imgwrapper a:nth-child(3n+2) img {
    padding-right: 5px;
    padding-left: 5px;
}

.imgwrapper a:nth-child(3n) img {
    padding-right: 0px;
    padding-left: 10px;
}

.gallery_wrapper h2 {
    text-align: center;
    margin-bottom: 80px;
}

.teamwrapper, .storywrapper {
    padding-top: 150px !important;
    padding-bottom: 150px !important;
}

.teamcontent img {
    width: 100%;
    height: auto;
    border-radius: 20px;
}

.teaminner {
    position: relative;
    width: calc(100% / 3 - 10px);
    margin-bottom: 15px;
}

.teaminner:nth-child(3n){
    margin-left: 10px;
    margin-right: 0px;
}

.teaminner:nth-child(3n+1){
    margin-left: 0px;
    margin-right: 10px;
}

.teaminner:nth-child(3n+2){
    margin-left: 5px;
    margin-right: 5px;
}

.teamfront {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: calc(100% - 30px);
    height: calc(100% - 30px);
    opacity: 0.5;
    border-radius: 10px;
    opacity: 0;
    transition: 0.7s;
}

.teaminner:hover .teamfront{
    opacity: 1;
}

.teamfront div {
    position: absolute;
    bottom: 40px;
    left: 40px;
    right: 40px;
}

.txtleft {
    text-align: left;
    padding: 180px 0px;
}

#storyline {
    width: 100%;
    height: 2px;
    background-color: #FFA500;
    display: flex;
    justify-content: space-between;
    padding: 0px 100px;
    align-items: center;
    position: absolute;
    z-index: 100;
}

#storyline li {
    height: 20px;
    width: 20px;
    background-color: #FFA500;
    border-radius: 50px;
    cursor: pointer;
    transition: all 0.5s;
}

#storyline li.stnav_act {
    background-image: url('/img/timebeam.jpg');
    background-position: top;
    background-size: cover;
    height: 100px;
    width: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
}

#storyline li span{
    opacity: 0;
    transition: all 0.2s;
    font-size: 35px;
    line-height: 45px;
}

#storyline li.stnav_act span {
    opacity: 1;
}
/*
.slider {
  width: 100%;
  margin: 20px auto;
  text-align: center;
  padding: 20px;
  color: white;
}
.slider .slide {
  padding: 0;
}
.slider .slide .child-element {
  transition: all 0.2s ease;
  width: 100%;
  height: 100%;
  margin: 0px 0;
  transition: all 0.5s;
}
.slider .slide .child-element {
    height: 300px;
}
.slider .slide.slick-center .child-element img {
    height: 100%;
}
.slider .slide.slick-center .child-element {
  margin: 0;
  height: 100%;
  max-width: initial;
}
*/
.slick-slide img {
    width: 100%;
    height: auto;
}

/*
.storytxt {
    opacity: 0;
    transition: all 0.8s;
    color: black;
    padding-top: 80px;
    margin-bottom: 30px;
}
.slider .slide.slick-center .storytxt {
    opacity: 1;
}
*/
.login_teaser {
    width: calc(50% - 8px);
    float: left;
    margin-bottom: 16px;
    border-radius: 10px;
}

.login_teaser:nth-child(even) {
    margin-left: 8px;
}

.login_teaser:nth-child(odd) {
    margin-right: 8px;
}

.loginteaser {
    margin-bottom: 200px;
}

.loginteaser_content {
    display: flex;
    flex-wrap: wrap;
    height: 100%;
    min-height: 260px;
}

.loginteaser_img {
    width: 240px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.loginteaser_txt {
    position: relative;
    display: flex;
    align-items: center;
}

.loginteaser_txt .teaserbutton, .txt_small .teaserbutton {
    position: relative;
    bottom: auto;
    margin-top: 50px;
}

.loginteaser_txt .teaserbutton a, .txt_small .teaserbutton a {
    padding: 13px 80px;
    color: white;
}

#faillogin {
    color: red;
    font-size: 20px;
    line-height: 30px;
    margin-top: 40px;
}

.txtcolor_wrapper {
    clear: both;
}

.txtcolor {
    border-radius: 20px;
    padding: 100px 200px;
}

#popup {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.8) ;
    z-index: 1000;
    color: white;
    display: none;
}

#iframe_wrapper {
    width: 100vw;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
}

#popup_close {
    position: absolute;
    top: 25px;
    right: 25px;
}

#popup iframe {
    width: 80%;
    height: 80%;
}

#popup_button {
    position: relative;
    display: flex;
    bottom: auto;
}

#popup_button a {
    margin-left: auto;
    margin-right: auto;
    color: white;
}

#loginform {
    margin-bottom: 200px;
}

#loginform .formfeld {
    border: none;
    border-bottom: 1px solid #FFA500;
    width: 100%;
    margin: 0px;
    font-size: 20px;
    line-height: 30px;
}

#loginform label {
    font-size: 20px;
    line-height: 30px;
    margin-top: 15px;
    margin-bottom: 50px;
}

#loginform #send {
    margin-top: 50px;
    font-size: 30px;
    line-height: 40px;
}

.loginteaser {
    margin-bottom: 180px;
    float: left;
    width: 100%;
}

/* FOOTER */
footer {
    width: 100%;
    background-position: left top;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 85px;
    padding-bottom: 85px;
    font-size: 20px;
    line-height: 30px;
    justify-content: space-between;
    color: black;
}

footer.footercolor0 {
    background-image: url('/img/yellow_background.jpg');
}

footer.footercolor1 {
    background-image: url('/img/white_background.jpg');
}

footer .mainlogo {
    position: relative;
    top: -20px;
}

#footer_middle > div:nth-child(1){
    padding-right: 100px;
}
#footer_middle > div:nth-child(3){
    padding-left: 100px;
}

.footernav a, .contentcolor0 .loginteaser_txt .teaserbutton a, .contentcolor0 .txt_small .teaserbutton a {
    color: black;
}

/* ETC */
.embed-container{
	position: relative;
	padding-bottom: 56.25%; /* ratio 16x9 */
	height: 0;
	overflow: hidden;
	width: 100%;
	height: auto;
}
.embed-container iframe, .embed-container video{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.col-12{
    float:left;
}
.aufnahmetxt .txt_small {
    margin-bottom: 0px !important;
}
#aufnahme {
    width: 700px;
    height: auto;
    display: block;
    margin-top: 60px;
    margin-bottom: 60px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    z-index: 20;
}

#aufnahme circle {
    fill:url(#d);
}

#aufnahme circle:hover, #aufnahme circle.actcircle {
    /*fill:#f00;*/
    fill:url(#e);
}

#svgwrapper {
    position: relative;
}

#svgicon_wrapper {
    position: absolute;
    top: 0px;
    width: 100%;
    height: 100%;
    padding-left: 280px;
    padding-right: 200px;
    z-index: 10;
    display: flex;
    justify-content: center;
    align-items: center;
}

.svgicon {
    display: none;
    position: relative;
    width: 170px;
    height: auto;
    top: 45px;
}

#icon1 {
    width: 200px;
}

.card {
  position: absolute;
  width: 60%;
  height: auto;
  left: 0;
  right: 0;
  margin: auto;
  transition: transform .4s ease;
  cursor: pointer;
  border-radius: 20px;
}

.card:not(.act_story):not(.story_prev):not(.story_next) {
    opacity: 0;
}

.card:not(.act_story) .storytxt {
    display: none;
}

.card .storytxt {
    margin-top: 200px;
    font-size: 25px;
    line-height: 35px;
    text-align: center;
    color: black;
}

.act_story {
    cursor: auto;
}

.storyinner {
    background-color: transparent;
    border: none;
}

.storyslider {
  width: 100%;
  height: 100%;
  transform-style: preserve-3d;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}

.cards {
  position: relative;
  width: 100%;
  height: 100%;
}

.storywrapper img {
  width: 100%;
  height: auto;
  border-radius: 10px;
  object-fit: cover;
  border-radius: 20px;
}

.story_prev {
  transform: translatex(-40%) scale(.8);
  z-index: 0;
}

.story_next {
  transform: translatex(40%) scale(.8);
  z-index: 0;
}

.act_story {
  transform: translatex(0) scale(1);
  opacity: 1;
  z-index: 1;
}

#story {
    position: relative;
}

.memberinner {
    padding-top: 40px;
    padding-bottom: 140px;
    float: left;
    width: 100%;
}

.membertxt {
    margin-bottom: 0px;
}

.membertxt .txt_noimg {
    margin-bottom: 0px;
}

.membertxt .text_box:first-child {
    margin-top: 140px;
}

.membertxt .text_box:not(:last-child){
    margin-bottom: 80px;
}

.membertxt .text_box:last-child{
    margin-bottom: 40px;
}

.member_gallery {
    width: 100%;
    float: left;
    margin-top: 90px;
}

.member_gallery .imgwrapper a:not(:first-child){
    display: none;
}

.member_gallery .imgwrapper img {
    width: 100%;
    height: auto;
}

#memberg_wrapper .topslider img {
    padding: 0px !important;
}

#memberg_wrapper > div:nth-child(3n) img {
    padding-left: 10px;
    padding-right: 0px;
}

#memberg_wrapper > div:nth-child(3n + 1) img {
    padding-left: 0px;
    padding-right: 10px;
}

#memberg_wrapper > div:nth-child(3n + 2) img {
    padding-left: 5px;
    padding-right: 5px;
}

.member_gallery .simpli_item {
    width: calc(100% / 3);
    float: left !important;
}

.member_gallery img {
    width: 100%;
    height: auto;
}

.member_gallery .imgwrapper {
    margin-bottom: 40px;
}

.member_gallery .imgwrapper p {
    color: black;
    font-size: 30px;
    line-height: 40px;
    margin-top: 20px;
}

.m_title {
    width: 100% !important;
    margin-bottom: 40px;
    margin-top: 50px !important;
}

.member_gallery .imgwrapper img {
    margin-bottom: 0px;
}
.dl_icon {
    height: 20px;
    width: auto;
    margin-right: 20px;
    position: relative;
    top: -3px;
}

.dl_inner {
    width: 100%;
    float: left;
    margin-bottom: 80px;
}

.dlwrapper {
    margin-top: 140px;
    width: 100%;
    float: left;
}

.dllink {
    font-size: 30px;
    line-height: 40px;
    color: black;
    text-decoration: none;
}

.dllink:hover, footer a:hover {
    text-decoration: none;
}

.dlcontent {
    width: 50%;
    float: left;
    padding-right: 50px;
    margin-bottom: 20px;
}

.jobwrapper .dlcontent {
    width: 100%;
    margin-bottom: 30px;
}

.jobwrapper .dllink {
    font-size: 25px;
    line-height: 35px;
}

.dl_title {
    float: left;
    width: 100%;
}

.jobtxt .txt_small, .jobwrapper .txt_small {
    text-align: left;
}

.jobwrapper h2 {
    font-size: 40px;
    line-height: 50px;
}
/* COOKIES */
#cookie_wrapper{
	position:fixed;
	left:0px;
	bottom:0px;
	color:#fff;
	background:#498726;
	min-height:39px;
	text-align:center;
	padding:10px 24px;
	font-size:14px;
	width:100%;
	z-index:9999999;
}
#cookie_wrapper a{
	color:#fff !important;
	text-decoration:underline !important;
}
#cookie_accept{
	position:absolute;
	display:block;
	right:11px;
	top:10px;
	cursor:pointer;
}