@font-face {
  font-family: 'keroine';
  src: url('../fonts/KeroinePRO-DouxExtreme.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'marguerite';
  src: url('../fonts/MargueriteGrotesk2021-Light.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
html {
    overflow-y:scroll;
    min-height: 100%;
    max-width: 100%;
}
body {
    min-height: 100%;
    background-color: #fff;
    color: #000;
    font-family: 'marguerite', sans-serif;
    font-size: 20px;
    line-height: 28px;
    max-width: 100%;
    overflow:hidden;
}
.clear {
    margin: 0px;
    padding: 0px;
    height: 0px;
    font-size: 0px;
    line-height: 0px;
    clear: both;
    overflow: hidden;
}
*, *:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
a { -webkit-user-select: none !important; text-decoration: none; color: #000; }
div:focus { outline: none; }
*:focus {
    outline: none;
}
textarea,
input[type="text"],
input[type="button"],
input[type="submit"] {
    -webkit-appearance: none;
    border-radius: 0;
}
input, textarea, button {
	outline: none;
}
div {
    backface-visibility:hidden;
    -webkit-backface-visibility:hidden; 
    -moz-backface-visibility:hidden; 
}

/* menu */
#menu_desktop {
    display: none;
}
@media only screen and (min-width : 600px) {
    #menu_desktop {
        display: block;
    }
}
#menu_desktop a {
    padding-right: 50px;
    font-size: 16px;
    line-height: 24px;
}
@media only screen and (max-width : 650px) {
    #menu_desktop a {
        padding-right: 30px;
    }
}
#menu_desktop .last {
    padding-right: 0px !important;
}

/* form */

input, textarea, select {
    font-family: 'marguerite', sans-serif;
    font-size: 20px;
    line-height: 28px;
}
input, select {
	color: #000;
}
.selectinput_cont {
    position: relative;
    display: block;
    margin: 0 auto;
    background-color: #fff;
    z-index: 9;
}
.selectinput {
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #000;
    outline: none;
    background: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 14px 24px 10px 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    margin: 0;
    display: block;
    width: 100%;
    color: #aaa;
}
.selectinput_cont:after { 
    position: absolute;
    right: 0;
    top: 0;
    width: 25px;
    height: 100%;
    line-height: 38px;
    content: url("../img/form/arrow.png");
    text-align: center;
    color: #000;
    font-size: 16px;
    padding-top: 10px;
    border-left: 0px solid #dcdcdc;
    z-index: -1;
    background-color: #fff;
}



.textWrapper{
  border-radius:10px;
  display:inline-block;
  overflow:hidden;
  border:1px solid #000;
  width: 100%;
  padding: 0px 0px 0 0px;
}
.textBox{
  width:100%;
  height:150px;
  border:0px;
  outline:none;
  padding: 10px 10px 0 10px;
  display: block;
}
.textBoxSmall{
  width:100%;
  height:60px;
  border:0px;
  outline:none;
  padding: 10px 10px 0 10px;
  display: block;
}
.textLabel {
    padding: 0 0 5px 12px;
    display: block;
}
.formgroup {
    padding: 0 0 30px 0;   
}
.formgroup label {
    padding: 0 0 8px 0; 
    display: block;
}
.textinput {
    width: 100%;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #000;
    outline: none;
    background: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 0px 0px 5px 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}

ol {
    padding-left: 20px;   
    margin: 0;
}
ul {
    padding-left: 20px;   
    margin: 0;
}
.right {
    float: right;
}
.left {
    float: left;
}
.bold {
    font-weight: 900;
}
.center {
    text-align: center;
}
    
.button {
    text-align: center;
    height: 40px;
    width: 150px;
    text-decoration: none;
    border: none;
    font-size: 18px;
    line-height: 40px;
    color: #000;
    display: block;
    border-radius: 20px;
    margin: 0 auto;
}
.button_green {
    background-color: #D0F638;
}
.button_white {
    background-color: #fff;
}
.button_empty {
    border: 1px solid #000;
}

.button_yesno_cont {
    width: 100%;
    height: 36px;
}
.button_yesno_cont a {
    display: block;
    float: left;
    width: 50%;
    height: 36px;
    color: #000;
    text-align: center;
    border: 1px solid #000;
    padding-top: 4px;
}
.button_yesno_yes {
    border-top-left-radius: 18px;
    border-bottom-left-radius: 18px;
}
.button_yesno_no {
    border-top-right-radius: 18px;
    border-bottom-right-radius: 18px;
}
.button_yesno_yes.active {
    border: 1px solid #D0F638;
    background-color: #D0F638;
}
.button_yesno_no.active {
    border: 1px solid #D0F638;
    background-color: #D0F638;
}
/*
.button_yesno_cont .active {
    border: 1px solid #f2f2f2;
    background-color: #f2f2f2
}
*/

/* layout */
a {
  color: #000;
  text-decoration: none;
}
a:hover,
a:active,
a:focus {
  outline: none;
  text-decoration: none;
  color: #000;
}
.text_link {
    text-decoration: underline;
}
.text_link_box {
    border-bottom: 1px solid #000;
    padding: 5px 0 0 0;
}
.text_link_box_sub {
    border-bottom: 1px solid #000;
    padding-bottom: 1px;
}

h2 {
    font-size: 35px;
    line-height: 40px;
}
h3 {
    font-size: 30px;
    line-height: 35px;
}

.padding_all {
    padding: 40px;
}
.padding_x {
    padding: 0 40px;
}
.padding_y {
    padding-top: 40px;
    padding-bottom: 40px;
}
.padding_y_2 {
    padding-top: 80px;
    padding-bottom: 80px;
}
.padding_top {
    padding-top: 40px;
}
.padding_bottom {
    padding-bottom: 40px;
}
.padding_bottom_2 {
    padding-bottom: 80px;
}
.uppercase {
    text-transform: uppercase;
}
.section_view {
    display: none;
    width: 100%;
    min-height: 100%;
    overflow: hidden;
    background: #fff;
}
#mobile_cont {
    width: 100%;
    max-width: 600px;
    margin: 0 auto;
    background-color: #fff;
}
.mobile_cont {
    width: 100%;
    max-width: 600px;
    margin: 0 auto;
    background-color: #fff;
}
.footer_sticky {
    width: 100%;
    height: 120px;
    position: absolute;
    left: 0;
    bottom: 0;
}
/* overlay */
.ssi-buttons {
    position: relative;
    bottom: 0;
    padding: 5px 5px 1px 5px;
    border-top: 0px !important;
}
.ssi-topIcons .ssi-closeIcon {
    display: none !important;
}
.ssi-modalWrapper {
    margin: 150px auto 20px;
}

/* breads */
.breads {
    padding: 80px 40px 0 40px;
    width: 100%;
}
.breads_all {
    background-color: #D9D9D9;
    height: 3px;
    width: 100%;
}
.breads_done {
    background-color: #D0F638;
    height: 3px;
    width: 50%;
}
.breads_text {
    font-size: 13px;
    line-height: 18px;
    padding-top: 5px;
}

/* loading */
#section_loading {
    display: block;
}


/* data */
#section_data .breads_done {
    width: 10%;
}


/* arten_1 */
#section_arten_1 .breads_done {
    width: 20%;
}
#arten_1_list {
    width: 315px;
    margin: 0 auto;
}
.arten_1_item {
    display: block;
    width: 95px;
    height: 160px;
    float: left;
}
.arten_1_item_img {
    width: 95px;
    height: 95px;
    background: transparent center center no-repeat;
    background-size: 95px 95px;
}
.arten_1_item_txt {
    font-size: 13px;
    line-height: 18px;
    padding-top: 10px;
    text-align: center;
}
#arten_1_item_1 {
    margin-right: 15px;
}
#arten_1_item_1 .arten_1_item_img {
    background-image: url(../img/arten_1/1.png);
}
#arten_1_item_2 {
    margin-right: 15px;
}
#arten_1_item_2 .arten_1_item_img {
    background-image: url(../img/arten_1/2.png);
}
#arten_1_item_3 .arten_1_item_img {
    background-image: url(../img/arten_1/3.png);
}
#arten_1_item_4 {
    margin-right: 15px;
}
#arten_1_item_4 .arten_1_item_img {
    background-image: url(../img/arten_1/4.png);
}
#arten_1_item_5 {
    margin-right: 15px;
}
#arten_1_item_5 .arten_1_item_img {
    background-image: url(../img/arten_1/5.png);
}
#arten_1_item_6 .arten_1_item_img {
    background-image: url(../img/arten_1/6.png);
}
#arten_1_item_7 {
    margin-right: 15px;
}
#arten_1_item_7 .arten_1_item_img {
    background-image: url(../img/arten_1/7.png);
}
#arten_1_item_8 {
    margin-right: 15px;
}
#arten_1_item_8 .arten_1_item_img {
    background-image: url(../img/arten_1/8.png);
}
#arten_1_item_9 .arten_1_item_img {
    background-image: url(../img/arten_1/9.png);
}

/* arten_2 */
#section_arten_2 .breads_done {
    width: 30%;
}
#arten_2_list {
    width: 315px;
    margin: 0 auto;
}
.arten_cont {
    display: none;
}
.arten_2_item {
    display: block;
    width: 95px;
    height: 160px;
    float: left;
}
.arten_2_item_img {
    width: 95px;
    height: 95px;
    background: transparent center center no-repeat;
    background-size: 95px 95px;
}
.arten_2_item_txt {
    font-size: 13px;
    line-height: 18px;
    padding-top: 10px;
    text-align: center;
}
#arten_2_item_1 {
    margin-right: 15px;
}
#arten_2_item_1 .arten_2_item_img {
    background-image: url(../img/arten_2/1.png);
}
#arten_2_item_2 {
    margin-right: 15px;
}
#arten_2_item_2 .arten_2_item_img {
    background-image: url(../img/arten_2/2.png);
}
#arten_2_item_3 .arten_2_item_img {
    background-image: url(../img/arten_2/3.png);
}
#arten_2_item_4 {
    margin-right: 15px;
}
#arten_2_item_4 .arten_2_item_img {
    background-image: url(../img/arten_2/4.png);
}
#arten_2_item_5 {
    margin-right: 15px;
}
#arten_2_item_5 .arten_2_item_img {
    background-image: url(../img/arten_2/5.png);
}
#arten_2_item_6 {
    margin-right: 15px;
}
#arten_2_item_6 .arten_2_item_img {
    background-image: url(../img/arten_2/6.png);
}
#arten_2_item_7 {
    margin-right: 15px;
}
#arten_2_item_7 .arten_2_item_img {
    background-image: url(../img/arten_2/7.png);
}
#arten_2_item_8 {
    margin-right: 15px;
}
#arten_2_item_8 .arten_2_item_img {
    background-image: url(../img/arten_2/8.png);
}
#arten_2_item_9 {
    margin-right: 15px;
}
#arten_2_item_9 .arten_2_item_img {
    background-image: url(../img/arten_2/9.png);
}
#arten_2_item_10 .arten_2_item_img {
    background-image: url(../img/arten_2/10.png);
}
#arten_2_item_11 {
    margin-right: 15px;
}
#arten_2_item_11 .arten_2_item_img {
    background-image: url(../img/arten_2/11.png);
}
#arten_2_item_12 .arten_2_item_img {
    background-image: url(../img/arten_2/12.png);
}
#arten_2_item_13 {
    margin-right: 15px;
}
#arten_2_item_13 .arten_2_item_img {
    background-image: url(../img/arten_2/13.png);
}
#arten_2_item_14 {
    margin-right: 15px;
}
#arten_2_item_14 .arten_2_item_img {
    background-image: url(../img/arten_2/14.png);
}
#arten_2_item_15 {
    margin-right: 15px;
}
#arten_2_item_15 .arten_2_item_img {
    background-image: url(../img/arten_2/15.png);
}
#arten_2_item_16 .arten_2_item_img {
    background-image: url(../img/arten_2/16.png);
}
#arten_2_item_17 {
    margin-right: 15px;
}
#arten_2_item_17 .arten_2_item_img {
    background-image: url(../img/arten_2/17.png);
}
#arten_2_item_18 {
    margin-right: 15px;
}
#arten_2_item_18 .arten_2_item_img {
    background-image: url(../img/arten_2/18.png);
}
#arten_2_item_19 {
    margin-right: 15px;
}
#arten_2_item_19 .arten_2_item_img {
    background-image: url(../img/arten_2/19.png);
}
#arten_2_item_20 .arten_2_item_img {
    background-image: url(../img/arten_2/20.png);
}
#arten_2_item_21 {
    margin-right: 15px;
}
#arten_2_item_21 .arten_2_item_img {
    background-image: url(../img/arten_2/21.png);
}
#arten_2_item_22 {
    margin-right: 15px;
}
#arten_2_item_22 .arten_2_item_img {
    background-image: url(../img/arten_2/22.png);
}
#arten_2_item_23 {
    margin-right: 15px;
}
#arten_2_item_23 .arten_2_item_img {
    background-image: url(../img/arten_2/23.png);
}
#arten_2_item_24 {
    margin-right: 15px;
}
#arten_2_item_24 .arten_2_item_img {
    background-image: url(../img/arten_2/24.png);
}
#arten_2_item_25 .arten_2_item_img {
    background-image: url(../img/arten_2/25.png);
}
#arten_2_item_26 {
    margin-right: 15px;
}
#arten_2_item_26 .arten_2_item_img {
    background-image: url(../img/arten_2/26.png);
}
#arten_2_item_27 {
    margin-right: 15px;
}
#arten_2_item_27 .arten_2_item_img {
    background-image: url(../img/arten_2/27.png);
}
#arten_2_item_28 {
    margin-right: 15px;
}
#arten_2_item_28 .arten_2_item_img {
    background-image: url(../img/arten_2/28.png);
}
#arten_2_item_29 {
    margin-right: 15px;
}
#arten_2_item_29 .arten_2_item_img {
    background-image: url(../img/arten_2/29.png);
}
#arten_2_item_30 .arten_2_item_img {
    background-image: url(../img/arten_2/30.png);
}
#arten_2_item_31 {
    margin-right: 15px;
}
#arten_2_item_31 .arten_2_item_img {
    background-image: url(../img/arten_2/31.png);
}
#arten_2_item_32 {
    margin-right: 15px;
}
#arten_2_item_32 .arten_2_item_img {
    background-image: url(../img/arten_2/32.png);
}
#arten_2_item_33 .arten_2_item_img {
    background-image: url(../img/arten_2/33.png);
}
#arten_2_item_34 .arten_2_item_img {
    background-image: url(../img/arten_2/34.png);
}
#arten_2_item_35 {
    margin-right: 15px;
}
#arten_2_item_35 .arten_2_item_img {
    background-image: url(../img/arten_2/35.png);
}
#arten_2_item_38 .arten_2_item_img {
    background-image: url(../img/arten_2/38.png);
}
@media only screen and (max-width : 385px) {
    #section_arten_2 .button_empty {
        width: 80px;
    }
}

/* count */
#section_count .breads_done {
    width: 40%;
}
#section_count label {
    /* display: none; */
}
@media only screen and (max-width : 385px) {
    #section_count .button_empty {
        width: 80px;
    }
}



/* upload */
#section_upload .breads_done {
    width: 50%;
}
#queue {
    font-size: 16px;
    line-height: 24px;
}
#uploadfilelist {
    font-size: 16px;
    line-height: 24px;
    padding-top: 20px;
}

/* location */
#section_location .breads_done {
    width: 60%;
}
#section_location .text_label {
    display: none;
}
#location_map_cont {
    height: 250px;
    width: 100%;
    background-color: #F2F2F2;
    
}
#location_map_rel {
    height: 100%;
    width: 100%;
    position: relative;
}
#location_map {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: transparent center center no-repeat;
}
#location_map_right {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: #F2F2F2;
    padding: 40px 20px 0 20px;
}
#location_right_button {
    margin-top: 20px;
}


/* about_1 */
#section_about_1 .breads_done {
    width: 70%;
}

/* about_2 */
#section_about_2 .breads_done {
    width: 80%;
}

/* about_3 */
#section_about_3 .breads_done {
    width: 90%;
}
#section_about_3 label {
    display: none;
}

/* again */
#section_again .breads_done {
    width: 100%;
}
#again_back_button {
    width: 260px;
}
#again_check {
    display: block;
    width: 60px;
    height: 60px;
    margin: 0 auto;
    background: #D0F638 url(../img/finding/check.png) center center no-repeat;
    background-size: 28px 24px;
    border-radius: 30px;
}

/* garden */

/* slider */
.noUi-target {
    /margin-bottom: 30px;
}
.noUi-connect {
    background: #D0F638;
    border-radius: 0px;
}
.noUi-handle {
    opacity: 1 !important;
    height: 92px !important;
    width: 60px !important;
    right: -30px !important;
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
}
.noUi-handle:before, .noUi-handle:after {
    opacity: 0 !important;
}
.noUi-horizontal .noUi-tooltip {
    left: 5px;
    padding-right: 0px;
    padding-left: 0px;
    bottom: 6px;
    border: none;
    background: transparent;
}
.noUi-target {
    background: #f5f5f5;
    border-radius: 10px;
    border: none; 
    box-shadow: none; 
    height: 80px;
    overflow: hidden;
}
.slider_160 .noUi-handle {
    height: 172px !important;
}
.slider_160 .noUi-target {
    height: 160px;
}
.slider_50 .noUi-handle {
    height: 62px !important;
}
.slider_50 .noUi-target {
    height: 50px;
}
.noUi-tooltip_2 .noUi-tooltip {
    left: 55px !important;
}


/*counter */
.counter_row {
    width: 100%;
    display:table-row;
    table-layout: fixed;
}
.counter_left, .counter_right {
    display: table-cell;
    vertical-align: middle;
    table-layout: fixed;
    
}
.counter_left {
    width: 100%;
}
.counter_right {
    width: 110px;
}
.counter_cont {
    width: 110px;
}
.counter_minus, .counter_plus {
    background-color: #f2f2f2;
    display: block;
    float: left;
    text-align: center;
    height: 30px;
    width: 30px;
    border-radius: 15px;
}
.counter_value {
    display: block;
    float: left;
    text-align: center;
    height: 30px;
    width: 50px;
    padding-top: 2px;
}

/*short */
.short_row {
    width: 100%;
    display:table-row;
    table-layout: fixed;
}
.short_left, .short_right {
    display: table-cell;
    vertical-align: middle;
    table-layout: fixed;
    
}
.short_left {
    width: 100%;
}
.short_right {
    width: 98px;
}
.short_cont {
    width: 98px;
}
.short_value {
    display: block;
    float: left;
    width: 63px;
    padding-top: 0px;
}
.short_value input {
    padding-top: 12px;
    height: 36px;
}
.short_unit {
    display: block;
    float: left;
    width: 35px;
    padding-top: 6px;
    padding-left: 10px;
}

/* multiple */
.multiple_item {
    border: 1px solid #000;
    display: inline-block;
    min-height: 36px;
    border-radius: 18px;
    float: left;
    margin: 0 5px 5px 0;
    padding: 3px 10px 0 10px;
}
.multiple_item.active {
    border: 1px solid #D0F638;
    background-color: #D0F638;
}



/* step_1 */
#section_step_1 .breads_done {
    width: 5%;
}
/* step_2 */
#section_step_2 .breads_done {
    width: 10%;
}
.info {
    width: 22px;
    height: 22px;
    background: transparent url(../img/garden/info.png) 0 0 no-repeat;
    background-size: 22px 22px;
    display: inline-block;
    margin-bottom: -2px;
}
.info_overlay {
    border-radius: 8px;
    width: 100%;
    height: 500px;
    background: transparent center center no-repeat;
    background-size: cover;
}
.info_overlay_1 {
    background-image: url(../img/garden/art_rasen.jpg);
}
.info_overlay_2 {
    background-image: url(../img/garden/art_wiese.jpg);
}
.info_overlay_3 {
    background-image: url(../img/garden/art_stauden.jpg);
}
.info_overlay_4 {
    background-image: url(../img/garden/art_beet.jpg);
}
.info_overlay_5 {
    background-image: url(../img/garden/art_baum.jpg);
}
.info_overlay_6 {
    background-image: url(../img/garden/art_strauch.jpg);
}
/* step_3 */
#section_step_3 .breads_done {
    width: 15%;
}
/* step_4*/
#section_step_4 .breads_done {
    width: 20%;
}
#section_step_4 .formgroup {
    padding: 15px 0 15px 0;
    border-bottom: 1px solid #000;
}
/* step_5 */
#section_step_5 .breads_done {
    width: 25%;
}
/* step_6 */
#section_step_6 .breads_done {
    width: 30%;
}
/* step_7 */
#section_step_7 .breads_done {
    width: 35%;
}
/* step_8 */
#section_step_8 .breads_done {
    width: 40%;
}
#step_8_plant_1 {
    width: 107px;
    height: 108px;
    background: transparent url(../img/garden/springkraut.png) 0 0 no-repeat;
    background-size: 107px 108px;
    margin: 0 auto 15px auto;
}
#step_8_plant_2 {
    width: 107px;
    height: 108px;
    background: transparent url(../img/garden/knoeterich.png) 0 0 no-repeat;
    background-size: 107px 108px;
    margin: 0 auto 15px auto;
}
/* step_9 */
#section_step_9 .breads_done {
    width: 45%;
}
/* step_10 */
#section_step_10 .breads_done {
    width: 50%;
}
/* step_11 */
#section_step_11 .breads_done {
    width: 55%;
}
/* step_12 */
#section_step_12 .breads_done {
    width: 55%;
}
/* step_13 */
#section_step_13 .breads_done {
    width: 55%;
}
/* step_14 */
#section_step_14 .breads_done {
    width: 60%;
}
/* step_15 */
#section_step_15 .breads_done {
    width: 65%;
}
/* step_16 */
#section_step_16 .breads_done {
    width: 70%;
}
/* step_17 */
#section_step_17 .breads_done {
    width: 85%;
}
/* step_18 */
#section_step_18 .breads_done {
    width: 90%;
}
/* step_19 */
#section_step_19 .breads_done {
    width: 95%;
}
/* step_20 */
#section_step_20 .breads_done {
    width: 100%;
}
#step_20_button {
    width: 200px;
}

/* logo */
#screen_logo {
    z-index: 100;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    overflow: hidden;
}
#loading_logo_cont {
    background: transparent url(../img/loading/logo_1.png) 0 0 no-repeat;
    background-size: 1000px 646px;
    width: 1000px;
    height: 646px;
    position: absolute;
    top: 0;
    left: 0;
    display: none;
}
#loading_logo_relative {
    width: 1000px;
    height: 646px;
    position: relative;
}
#loading_logo_n_cont {
    width: 147px;
    height: 413px;
    position: absolute;
    top: 1px;
    left: 853px;
    overflow:hidden;
}
#loading_logo_n {
    background: transparent url(../img/loading/logo_2.png) 0 0 repeat-y;
    background-size: 147px 226px;
    width: 147px;
    height: 4520px;
    position: absolute;
    top: 0;
    left: 0;
}

/* mobile menu */
#mobile_open {
    width: 100%;
    display: block;
    height: 10px;
    background: transparent url(../img/home/menu.png) right center no-repeat;
    background-size: 23px 5px;
}
#menu_mobile {
    z-index: 99;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-color: #d0f638;
    display: none;
}
.noscroll {
    height: 100%;
    width: 100%;
}
#mobile_close {
    width: 100%;
    display: block;
    height: 31px;
    background: transparent url(../img/home/cross.png) right center no-repeat;
    background-size: 45px 31px;
}
#mobile_menu a {
    font-size: 40px;
    line-height: 50px;
    text-decoration: underline;
    display: block;
    padding: 10px 0 10px 0;
}

/* home */
.underline {
    text-decoration: underline;
}
.marked {
    background-color: #d0f638;
}
#home_arrow {
    width: 100%;
    display: block;
    height: 133px;
    background: transparent url(../img/home/arrow.png) center center no-repeat;
    background-size: 36px 53px;
}
.bounce2 {
  animation: bounce2 2s ease infinite;
}
@keyframes bounce2 {
	0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
	40% {transform: translateY(-30px);}
	60% {transform: translateY(-15px);}
}


#screen_home h2 {
    font-family: 'keroine';
    max-width: 390px;
    margin: 0 auto;
}




#screen_home .uppercase {
    font-size: 16px;
    line-height: 24px;
}



#screen_projekt p {
    padding-bottom: 20px
}
#screen_projekt a {
    text-decoration: underline;
    background-color: #d0f638;
}
#projekt_logo_1 {
    float: left;
    width: 144px;
    height: 77px;
    background: transparent url(../img/home/logo_1.png) 0 0 no-repeat;
    background-size: 144px 77px;
    margin-right: 0px;
}
#projekt_logo_2 {
    float: left;
    width: 175px;
    height: 77px;
    background: transparent url(../img/home/logo_2.png) 0 0 no-repeat;
    background-size: 175px 77px;;
}
#video_1, #video_2, #video_3 {
    width: 100%;
    max-width: 800px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    background: #d9d9d9 url(../img/home/preview_1.jpg) center center no-repeat;
    background-size: cover;
}
.video_1 {
    width: 100%;
    max-width: 800px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.video_2 {
    width: 100%;
    padding-top: 56.25%;
    position: relative;
}
.video_3 {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}
#screen_faq a {
    text-decoration: underline;
}
.question {
    font-family: 'keroine';
    border-bottom: 1px solid #000;
    cursor: pointer;
    padding-top: 20px;
    padding-bottom: 5px;
}
#screen_faq p {
    padding-bottom: 10px
}
.answer {
    padding-top: 20px;
    padding-bottom: 10px;
    display: none;
}

#screen_webinar a {
    text-decoration: underline;
    background-color: #d0f638;
}

/* footer */


#screen_footer {
    border-top: 1px solid #000;
    padding-top: 40px;
}
.footer_textlinks a {
    text-decoration: underline;
}

/* footer desktop */

#screen_footer_desktop{
    border-top: 1px solid #000;
    padding-top: 40px;
    display: none;
    font-size: 12px !important;
    line-height: 20px !important;
}
#screen_footer_desktop a {
    font-size: 12px !important;
    line-height: 20px !important;
}
.footer_col_1 {
    float: left;
    padding-right: 20px;
    padding-bottom: 20px;
    width: 100px;
}
.footer_col_2 {
    float: left;
    padding-bottom: 20px;
    width: calc(100% - 101px);
}
.footer_logo_1 {
    float: left;
    width: 149px;
    height: 90px;
    background: transparent url(../img/home/footer/logo_1.png) center center no-repeat;
    background-size: 149px auto;
    margin: 0 20px 20px 0;
}
.footer_logo_2 {
    float: left;
    width: 78px;
    height: 90px;
    background: transparent url(../img/home/footer/logo_2.png) center center no-repeat;
    background-size: 78px auto;
    margin: 0 20px 20px 0;
}
.footer_logo_3 {
    float: left;
    width: 153px;
    height: 90px;
    background: transparent url(../img/home/footer/logo_3.png) center center no-repeat;
    background-size: 153px auto;
    margin: 0 20px 20px 0;
}
.footer_logo_4 {
    float: left;
    width: 109px;
    height: 90px;
    background: transparent url(../img/home/footer/logo_4.png) center center no-repeat;
    background-size: 109px auto;
    margin: 0 20px 20px 0;
}
.footer_logo_5 {
    float: left;
    width: 177px;
    height: 90px;
    background: transparent url(../img/home/footer/logo_5.png) center center no-repeat;
    background-size: 177px auto;
    margin: 0 20px 20px 0;
}
.footer_logo_6 {
    float: left;
    width: 228px;
    height: 90px;
    background: transparent url(../img/home/footer/logo_6.png) center center no-repeat;
    background-size: 228px auto;
    margin: 0 20px 20px 0;
}
.footer_logo_7 {
    float: left;
    width: 106px;
    height: 90px;
    background: transparent url(../img/home/footer/logo_7.png) center center no-repeat;
    background-size: 106px auto;
    margin: 0 20px 20px 0;
}
.footer_logo_8 {
    float: left;
    width: 99px;
    height: 90px;
    background: transparent url(../img/home/footer/logo_8.png) center center no-repeat;
    background-size: 99px auto;
    margin: 0 20px 20px 0;
}
.footer_logo_9 {
    float: left;
    width: 106px;
    height: 90px;
    background: transparent url(../img/home/footer/logo_9.png) center center no-repeat;
    background-size: 106px auto;
    margin: 0 20px 20px 0;
}

.home_grid_item {
    position: relative;
}
.home_grid_item .grid_link_over {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    object-fit: contain;
    opacity: 1;
    transition: opacity .2s;
  }
.home_grid_item:hover .grid_link_over {
    opacity: 1;
 }


/* home desktop */

@media only screen and (min-width : 750px) {
    #header_mobile {
        display: none;
    }
    #menu_mobile {
        display: none;
    }
    #home_arrow {
        display: none;
    }
    .home_grid_item {
        width: 50%;
        float: left;
        aspect-ratio: 1 / 1;
        overflow: hidden;
    }
    .home_grid_item .grid_link_over {
        opacity: 0;
    }
    body {
        font-size: 16px;
        line-height: 24px;
    }
    .desktop_col_50 {
        width: 50%;
        float: left;
    }
    .desktop_padding_left {
        padding-left: 40px;
    }
    .desktop_padding_top {
        padding-top: 40px;
    }
    #screen_footer {
        display: none;
    }
    #screen_footer_desktop {
        display: block;
    }
}

@media only screen and (min-width : 750px) and (max-width : 870px) {
    #screen_home h2 {
        font-size: 30px;
        line-height: 35px;
    }
}
@media only screen and (min-width : 750px) and (max-width : 775px) {
    #screen_home h2 {
        font-size: 25px;
        line-height: 30px;
    }
}


#home_dataprotection p {
    margin-bottom: 10px;
}
#home_dataprotection h3 {
    margin-bottom: 10px;
    margin-top: 40px;
}