* {
    margin: 0;
    padding: 0;
    -webkit-text-size-adjust: none;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-font-smoothing: antialiased;
  }
  *:focus,
  *:active {
    outline: none;
  }
  *::after,
  *::before,
  *:after,
  *:before {
    box-sizing: border-box;
  }
  
html {
    -webkit-text-size-adjust: 100%;
    scroll-behavior: smooth;
    -webkit-scroll-behavior: smooth;
  }
  body,html{
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  body,html{
    height: 100%;
  }
  
body{
  font-family: "Roboto";
    color: #000;
    background-color: #FFF;   
    min-height: 100%;
    overflow-y: scroll;
    overflow-x: hidden !important;
    --gap:0px;
}
img{
    max-width: 100%;
    height: auto;
}
svg{
    width: 16px;
    height: 16px;
}
container,
.container{
    position: relative;
    display: block;
    width: 100%;
    max-width: 1920px;
    margin: 0 auto;
}

pcinfo,mobileinfo{
    position: relative;
    display: block;
    padding: 0 40px;
    
    padding-top: 240px;
    padding-bottom: 60px;
    overflow: hidden;
    @media (max-width: 459px){
        display: none;
    }
    
    &:before{
        position: absolute;
        display: block;
        content:"";
        z-index: -1;
        left: 0;
        top: 0;
        bottom: 0;
        right: 0;
        transform: translate(-120px,80px);
        background-image: url('../images/pc_left.png');
        background-repeat: no-repeat;
        background-position: left bottom;
        background-size: contain;
    }
    h3{
        position: relative;
        display: block;
        margin-bottom: 1rem;
        font-size: 19px;
        @media (max-width: 459px){
            font-size: 16px;
        }
    }
    h4{
        position: relative;
        display: block;
        margin-bottom: 1rem;
        font-size: 16px;
    }
    p{
        font-weight: 300;
        font-size: 16px;
        line-height: 1.46em;
        margin-bottom: 1rem;
    }
}
mobileinfo{
    display: none;
    padding-top: 100px;
    @media (max-width: 459px){
        display: block;
    }
}

right{
    position: relative;
    display: block;
    padding: 0 40px;
    padding-top: 60px;
    max-width: 1020px;
    @media (min-width: 1600px){
        padding-left: 60px;
    }
    p{
        font-weight: 300;
        font-size: 16px;
        line-height: 1.46em;
        margin-bottom: 1rem;
    }
    a{
        color: #9AC00C;
        text-decoration: none;
        cursor: pointer;
    }
    a:hover{
        color: #000;
    }
    ul, ol{
        padding: 20px 20px;
        
    }
    ul li, ol li{
        font-size: 15px;
        line-height: 1.46em;
        font-weight: 300;
        padding-bottom: 10px;
    }
    ul li b, ol li b{
        position: relative;
        display: block;
        font-weight: 500;
    }
    p.small{
        font-size: 11px;
        font-weight: 300;
        text-align: right;
        padding-top: 30px;
    }
    h1{
        position: relative;
        display: block;
        margin-bottom: 1.5rem;
        font-size: 21px;
        font-weight: 300;
        b{
            font-weight: 600;
        }
    }
    aktion{
        position: relative;
        display: block;
        padding-top: 60px;
        @media (max-width: 459px){
            img{
                width: 150vw !important;
                margin-left: -40vw;
                max-width: none;
            }
        }
        @media (min-width: 1600px){
            img{
                width: 120% !important;
                margin-left: -10%;
                max-width: none;
            }
        }
    }
}




formular{
    position: relative;
    display: block;
    padding: 40px 0;
    padding-top: 0;
    inputfield{
        position: relative;
        display: block;
        padding-bottom: 5px;
        input{
            width: 100%;
            height: 42px;
            padding: 0 15px;
            font-family: "Roboto";
            border: 0;
            font-size: 14px;
            font-weight: 300;
            background-color: #fff;
            background-image: none;
            border-radius: 0;
            box-shadow:none;
            box-shadow: 0 0 0 1px #ddd;
            transition: all 0.3s ease;
            &::placeholder{
                color: #aaa;
            }
            &.error{
                box-shadow: 0 0 0 1px crimson;
            }
        }
    }
    button{
        background-image: none;
        background-color: #9AC00C;
        color: #fff;
        height: 46px;
        box-shadow: none;
        cursor: pointer;
        font-family: "Roboto";
        font-size: 16px;
        font-weight: 600;
        padding: 0 25px;
        border: 0;
    }
}








[data-flex],flex{position:relative;display:flex;justify-content:flex-start;align-items:flex-start;gap:var(--gap);flex-wrap:wrap}[data-flex] [data-item],flex [data-item],[data-flex] item,flex item{position:relative;display:block}@media (min-width:1280px){.xl-1{width:calc(100% / 12 * 1 - var(--gap))}.xl-2{width:calc(100% / 12 * 2 - var(--gap))}.xl-3{width:calc(100% / 12 * 3 - var(--gap))}.xl-4{width:calc(100% / 12 * 4 - var(--gap))}.xl-5{width:calc(100% / 12 * 5 - var(--gap))}.xl-6{width:calc(100% / 12 * 6 - var(--gap))}.xl-7{width:calc(100% / 12 * 7 - var(--gap))}.xl-8{width:calc(100% / 12 * 8 - var(--gap))}.xl-9{width:calc(100% / 12 * 9 - var(--gap))}.xl-10{width:calc(100% / 12 * 10 - var(--gap))}.xl-11{width:calc(100% / 12 * 11 - var(--gap))}.xl-12{width:calc(100% / 12 * 12 - var(--gap))}[data-display-xl="1"]{width:calc(100% / 12 * 1 - var(--gap))}[data-display-xl="2"]{width:calc(100% / 12 * 2 - var(--gap))}[data-display-xl="3"]{width:calc(100% / 12 * 3 - var(--gap))}[data-display-xl="4"]{width:calc(100% / 12 * 4 - var(--gap))}[data-display-xl="5"]{width:calc(100% / 12 * 5 - var(--gap))}[data-display-xl="6"]{width:calc(100% / 12 * 6 - var(--gap))}[data-display-xl="7"]{width:calc(100% / 12 * 7 - var(--gap))}[data-display-xl="8"]{width:calc(100% / 12 * 8 - var(--gap))}[data-display-xl="9"]{width:calc(100% / 12 * 9 - var(--gap))}[data-display-xl="10"]{width:calc(100% / 12 * 10 - var(--gap))}[data-display-xl="11"]{width:calc(100% / 12 * 11 - var(--gap))}[data-display-xl="12"]{width:calc(100% / 12 * 12 - var(--gap))}[data-display-xl="none"],.xl-none{display:none}}@media (min-width:460px) and (max-width:1279px){.md-1{width:calc(100% / 12 * 1 - var(--gap))}.md-2{width:calc(100% / 12 * 2 - var(--gap))}.md-3{width:calc(100% / 12 * 3 - var(--gap))}.md-4{width:calc(100% / 12 * 4 - var(--gap))}.md-5{width:calc(100% / 12 * 5 - var(--gap))}.md-6{width:calc(100% / 12 * 6 - var(--gap))}.md-7{width:calc(100% / 12 * 7 - var(--gap))}.md-8{width:calc(100% / 12 * 8 - var(--gap))}.md-9{width:calc(100% / 12 * 9 - var(--gap))}.md-10{width:calc(100% / 12 * 10 - var(--gap))}.md-11{width:calc(100% / 12 * 11 - var(--gap))}.md-12{width:calc(100% / 12 * 12 - var(--gap))}[data-display-md="1"]{width:calc(100% / 12 * 1 - var(--gap))}[data-display-md="2"]{width:calc(100% / 12 * 2 - var(--gap))}[data-display-md="3"]{width:calc(100% / 12 * 3 - var(--gap))}[data-display-md="4"]{width:calc(100% / 12 * 4 - var(--gap))}[data-display-md="5"]{width:calc(100% / 12 * 5 - var(--gap))}[data-display-md="6"]{width:calc(100% / 12 * 6 - var(--gap))}[data-display-md="7"]{width:calc(100% / 12 * 7 - var(--gap))}[data-display-md="8"]{width:calc(100% / 12 * 8 - var(--gap))}[data-display-md="9"]{width:calc(100% / 12 * 9 - var(--gap))}[data-display-md="10"]{width:calc(100% / 12 * 10 - var(--gap))}[data-display-md="11"]{width:calc(100% / 12 * 11 - var(--gap))}[data-display-md="12"]{width:calc(100% / 12 * 12 - var(--gap))}[data-display-md="none"],.md-none{display:none}}@media (max-width:459px){.sm-1{width:calc(100% / 12 * 1 - var(--gap))}.sm-2{width:calc(100% / 12 * 2 - var(--gap))}.sm-3{width:calc(100% / 12 * 3 - var(--gap))}.sm-4{width:calc(100% / 12 * 4 - var(--gap))}.sm-5{width:calc(100% / 12 * 5 - var(--gap))}.sm-6{width:calc(100% / 12 * 6 - var(--gap))}.sm-7{width:calc(100% / 12 * 7 - var(--gap))}.sm-8{width:calc(100% / 12 * 8 - var(--gap))}.sm-9{width:calc(100% / 12 * 9 - var(--gap))}.sm-10{width:calc(100% / 12 * 10 - var(--gap))}.sm-11{width:calc(100% / 12 * 11 - var(--gap))}.sm-12{width:calc(100% / 12 * 12 - var(--gap))}[data-display-sm="1"]{width:calc(100% / 12 * 1 - var(--gap))}[data-display-sm="2"]{width:calc(100% / 12 * 2 - var(--gap))}[data-display-sm="3"]{width:calc(100% / 12 * 3 - var(--gap))}[data-display-sm="4"]{width:calc(100% / 12 * 4 - var(--gap))}[data-display-sm="5"]{width:calc(100% / 12 * 5 - var(--gap))}[data-display-sm="6"]{width:calc(100% / 12 * 6 - var(--gap))}[data-display-sm="7"]{width:calc(100% / 12 * 7 - var(--gap))}[data-display-sm="8"]{width:calc(100% / 12 * 8 - var(--gap))}[data-display-sm="9"]{width:calc(100% / 12 * 9 - var(--gap))}[data-display-sm="10"]{width:calc(100% / 12 * 10 - var(--gap))}[data-display-sm="11"]{width:calc(100% / 12 * 11 - var(--gap))}[data-display-sm="12"]{width:calc(100% / 12 * 12 - var(--gap))}[data-display-sm="none"],.sm-none{display:none}}