.dummy{width:100%;margin-left:auto;margin-right: auto; position: relative;}
.hiddenDummy{opacity: 0;}
.dummyText{ position: absolute; top: 0;}
.dummyText p{color: white;background-color: grey; padding: 2em; width: 50%;}

.table{display: table;}
.table_cell{display: table-cell; vertical-align: middle;}
.table_cell_padding_l{padding-left: 3%;}
.table_cell_padding_r{padding-right: 3%;}
.table_cell_margin{padding-left: 6%;}
.table_cell_halb{width: 45.5%;}
.table_cell_halb h2{margin-bottom: 0;}

.bg_color{background-color: #9DC41C;}
.bg_color p, .bg_color h2, .bg_color span, .bg_color h3{color:white;}

.hc_btn{width: 100%; background-color: black; height: 45px; position: relative; border-bottom: 1px solid var(--main-color);}
.hc_btn a{display: block; height: 45px; cursor: pointer;}
.hc_btn_image{ width: 25px; height: 25px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.hc_btn_image_down{background-image: url("design/images/linkArrowDown.svg");}
.hc_btn_image_up{transform: rotate(180deg); transform-origin: 6.3px 6.3px;}
.hc_btn a:hover .hc_btn_image_down{background-image: url("design/images/linkArrowDown_hover.svg");}
.hc_wrapper{background-color: black; padding: 2em 0;  text-align: center; transform-origin: top; transform: scaleY(0);}
.hc_wrapper p, .hc_wrapper h2, .hc_wrapper h3{color: white;margin-top:0;}
.hc_wrapper p:last-child{margin-bottom: 0;}
.hc_text_wrapper{ width: 70%; margin-left: auto; margin-right:auto;}

.display_none{display: none;}
.display_block{display: block;}

.kt_wrapper{ width: 92%; background-color: var(--sec-color); padding: 4%; overflow:hidden;}
.kt_wrapper_o{ width: 92%; padding: 4%}
.kt_wrapper h2, .kt_wrapper p, .kt_wrapper span {color: white;}
.kt_wrapper_half{width:48%;}
.kt_wrapper_half span p:last-child{margin-bottom: 0;}

.ele_container{width: 100%; opacity: 0;  margin-left: auto; margin-right: auto; overflow: hidden; position: relative;}
.ele_container_visible{width: 100%; opacity: 1;  margin-left: auto; margin-right: auto; overflow: hidden; position: relative;}
.ele_scrollContainer{width: 100%; opacity: 0;  margin-left: auto; margin-right: auto; overflow: hidden; background-color: #484c52; }
.ele_wrapper{width: 100%; max-width: 1200px; opacity: 0; margin-left: auto; margin-right: auto; overflow: hidden; position: relative;}
.ele_wrapper_visible{width: 100%; max-width: 1200px; margin-left: auto; margin-right: auto; overflow: hidden; position: relative;}

.anim_tb_text{width: 46%;  padding-right: 2%;}
.anim_tb_image{width: 50%; }
.anim_tb_right{float: right;}
.anim_tb_left{float: left;}
.anim_imageScroll img{display:block; margin: 0 auto; width: 75%;}
.stop_scrolling{height: 100%; overflow: hidden;}
.ele_half{width: 75%; margin:0 auto;}
.ele_3ih_imageContainer{width: 30%; display: inline-block; overflow:hidden; position: relative;}
.ele_3ih_abstand_l{margin-left: 4.1%}
.ele_3ih_imageContainer img{margin-bottom:0;}
.ele_3ih_headTextContainer{position: absolute; top: 50px; left: 20px;}
.ele_3ih_TextContainer{position: absolute; top: 150px; left: 20px; opacity: 0;}
.ele_3ih_headTextContainer p, .ele_3ih_headTextContainer h2, .ele_3ih_headTextContainer span, .ele_3ih_TextContainer p, .ele_3ih_TextContainer h2, .ele_3ih_TextContainer span, .ele_3ih_TextContainer a{color: white;}
.ele_3ih_background{background-image: linear-gradient(135deg, black 0%, transparent 40%); height: 100%; width: 100%; top:0; position: absolute;}
.ele_3ih_headTextContainer h2{font-size:1.5em;}
.ele_3ih_link{position: absolute; display: block; width: 100%; height: 100%; z-index: 3;}

.htt_headline span {margin-bottom:0.5em;margin-top:0;font-size:2em; line-height: 1.25em; color: #404143; font-family:'OpenSans-Bold';}

.avf_text{font-family:'OpenSans-Bold'; color: white; font-size: 5em; width: 100%; max-width: 1200px; position: absolute; left: 50%; top:50%; transform: translateX(-50%) translateY(-250%); text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);}

.switch_image1{display: block;}
.switch_image2{display: none;}

.image_wrapper_3{width: 30%; display: inline-block; position:relative;}
.image_wrapper_3_margin{margin-left: 4.1%;}

.text_wrapper_3{position: absolute; bottom: 5%; left: 5%;}
.text_wrapper_3 p{color: white; margin-bottom: 0;}