@media (min-device-width: 300px) and (max-device-width: 1024px) {

    a, abbr, acronym, address, applet, b, big, blockquote, body, center, cite, code, dd, del, dfn, div, dl, dt, em, fieldset, font, form, h1, h2, h3, h4, h5, h6, html, i, iframe, img, ins, kbd, label, legend, li, object, ol, p, pre, q, s, samp, small, span, strike, strong, sub, sup, tt, u, ul, var {
        margin: 0;
        padding: 0;
        border: 0;
        outline: 0;
        font-size: 100%;
        -ms-text-size-adjust: 100%;
        -webkit-text-size-adjust: 100%;
        vertical-align: baseline;
        background: transparent;
    }
    
    .container {
        width: 95%;
        margin: auto;
        position: relative;
        line-height: 2;
    }
    
    body {
        font-family: 'Open Sans', Helvetica, Arial, Lucida, sans-serif;
        color: rgb(61, 61, 61);
        letter-spacing: 0.25px;
        background-color: white;
    }
    
    a, a:hover, a:visited {
        text-decoration: none;
    }
    
    a:hover {
        opacity: 0.7;
    }
    
    #meta-header {
        background-color: rgba(231,200,107);
        text-align: center;
        height: 31px;
        display: flex;
        line-height: 13px;
        position: fixed;
        width: 100%;
        z-index: 1000;
    }
    
    #mh-content {
        color: rgb(70, 70, 70);
        font-weight: 600;
        font-size: 10pt;
        margin: 0;
    }
    
    #mh-phone {
        font-size: 9pt;
    }
    
    #mh-mail, #mh-facebook,#mh-instagram {
        padding-left: 10px;
        color:rgb(70, 70, 70);
        letter-spacing: 0px;
    }
    
    #main-header {
        background-color: rgb(112, 178, 62);
        box-shadow: 0px 11px 17px -9px rgba(0,0,0,0.75);
        width: 100%;
        height: auto;
        -webkit-transition: all 0.4s ease;
       transition: all 0.4s ease;
       z-index: 1000;
       margin: 0 auto;
    }
    
    #Logo-Header {
        text-align: center;
        width: 95%;
        height: auto;
    }
    #logo{
        height: 55px;
    }
    
    #header-navbar {
        text-align: center;
       margin: 0;
       letter-spacing: 0.5px;
       z-index: 2000;
       height: auto;
       width: 100%;
       padding: 5px;
       color: rgb(112, 178, 62);;
    }
    
    .navbar {
        height: 80px;
        overflow: hidden;
        font-family: 'Open Sans', Helvetica, Arial, Lucida, sans-serif;
        padding-top: 10px;
        margin: 0 auto;
        vertical-align:middle;
        line-height: 34px;
      }
      
      .navbar a , .dropbtn{
        font-size: 12pt;
        color: black;
        text-align: center;
        text-decoration: none;
        padding: 20px;
        /*border: 1px solid;*/
        border-radius: 10px;
        margin-top: 30px;
        margin-bottom:20px;
        width: 40px;
        display: initial;
        
      }
      
      .dropdown {
        overflow: hidden;
        display: inline-flex;
      }
      
      .dropdown .dropbtn {
        cursor: pointer;
        font-size: 12pt;  
        border: 1px solid;
        border-radius: 5px;
        color: black;
        background-color: inherit;
        font-family: inherit;
      }
      
      .navbar a:hover, .dropbtn, .dropbtn:focus, .firstlevel-dropbtn:hover{
         color: #ddd;
      }
      .navbar .active{
          font-weight: bold;
      }
      
      .dropdown-content {
        display: none;
        position: absolute;
        background-color: #f9f9f9;
        box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.2);
        z-index: 1;
        margin-top: 40px;
        right: 20px;
        text-align: left;
        padding:5px;
      }
      #dropdown2{
          margin-top:40px;
          right:0;
      }
      
      .dropdown-content a {
        float: none;
        color: black;
        text-decoration: none;
        display: block;
        text-align: left;
        line-height: 18px;
      }
    
      
      .dropdown-content a:hover, .secondlevel-dropbtn:hover{
        color:black;
        background-color: #ddd;
      }
      
      .show {
        display: block;
      }
      
    #main {
        background-color: rgb(255, 255, 255);
        width: 100%;
    }
    #main-preview{
        top:141px;
        text-align: center;
    }
    
      #main-preview-text{
          position: absolute;
        text-align: center;
        background-color: rgba(0, 0, 0, 0.3);
        bottom: 15px;
        right: 0;
        left:0;
        margin:auto;
        padding: 20px;
        border-radius: 10px;
        max-width:80%;
      }
      #main-newsfeed-text{
        visibility: hidden;
      }
      #title{
          height: 427px;
          width: 100%;
          object-fit: cover;
          object-position: 20% 0;
      }
    
      #main-preview-name{
          color: white;
          font-size: 34px;
          font-weight: 700;
          line-height: 140%;
    
      }
      .main-preview-subtext{
        color: white;
        font-size: 20px;
        font-weight: 600;
        line-height: 140%;
        
    }
    #slogan-img{
        height:auto;
        width:100%;
    }
    
    #main-title{
        text-align: center;
        margin-top: 60px;
        height: auto;
    }
    h1{
        font-size: 24pt;
        font-weight: 700;
        line-height: 120%;
    }
    h2{
        font-size: 18pt;
        font-weight: lighter;
        margin-top: 30px;
        margin-bottom: 10px;
        color: rgb(112, 178, 62);
    }
    h3{
        font-size: 13pt;
        font-weight: 700;
        margin-bottom: 10px;
    }
    #h3color{
        color: rgb(112, 178, 62);
    }
    h4{
        font-size: 12pt;
        font-weight: 600;
    }
    
    #main-content{
        padding-top: 40px;
        padding-bottom: 40px;
        text-align: center;
        min-height: 90%;
    }
    
    .main-content-text{
        text-align: center;
    }
    
    .main-content-text, #main-content-textbox{
        width: 100%;
        margin:auto;
        font-weight: lighter;
        left: 0px;
        line-height: 1.8;
        font-size: 12pt;
    }
    #main-content-textbox{
        padding-top: 50px;
        text-align: left;
    }
    
    .main-content-text p, #main-content-textbox p{
        margin-bottom: 20px;
    }
    
    .main-content-text a{
        text-decoration: underline;
        color: rgb(61, 61, 61);
    }

    #main-content-text-bottom{
        text-align: center;
        width: 90%;
        margin: auto;
    }
    
    #main-content-image{
        margin: auto;
        float: unset;
        right: 0px;
        width: 90%;
        height: auto;
        box-shadow: -1px 5px 12px 2px rgba(0,0,0,0.5);
        -webkit-box-shadow: -1px 5px 12px 2px rgba(0,0,0,0.5);
        -moz-box-shadow: -1px 5px 12px 2px rgba(0,0,0,0.5);
    }
    #main-content-aboutme-image-1{
        margin: 0;
        float:unset;
        width: 90%;
        height: auto;
        box-shadow: -1px 5px 12px 2px rgba(0,0,0,0.5);
        -webkit-box-shadow: -1px 5px 12px 2px rgba(0,0,0,0.5);
        -moz-box-shadow: -1px 5px 12px 2px rgba(0,0,0,0.5);
        margin-bottom: 10px;
    }
    #main-content-aboutme-image-container{
        text-align: center;
        margin-bottom: 20px;
    }
    #main-content-aboutme-image-2{
        width: 30%;
        height: auto;
        box-shadow: -1px 5px 12px 2px rgba(0,0,0,0.5);
        -webkit-box-shadow: -1px 5px 12px 2px rgba(0,0,0,0.5);
        -moz-box-shadow: -1px 5px 12px 2px rgba(0,0,0,0.5);
    }
    #main-content-aboutme-image-3{
        width: 30%;
        height: auto;
        box-shadow: -1px 5px 12px 2px rgba(0,0,0,0.5);
        -webkit-box-shadow: -1px 5px 12px 2px rgba(0,0,0,0.5);
        -moz-box-shadow: -1px 5px 12px 2px rgba(0,0,0,0.5);
    }
    #main-content-aboutme-image-4{
        width: 30%;
        height: auto;
        box-shadow: -1px 5px 12px 2px rgba(0,0,0,0.5);
        -webkit-box-shadow: -1px 5px 12px 2px rgba(0,0,0,0.5);
        -moz-box-shadow: -1px 5px 12px 2px rgba(0,0,0,0.5);
    }
    #main-content-aboutme-image-5{
        width: 90%;
        height: auto;
        box-shadow: -1px 5px 12px 2px rgba(0,0,0,0.5);
        -webkit-box-shadow: -1px 5px 12px 2px rgba(0,0,0,0.5);
        -moz-box-shadow: -1px 5px 12px 2px rgba(0,0,0,0.5);
    }
    #main-content-aboutme-textbox-1{
        text-align: left;
        width: 100%;
    }
    #main-content-aboutme-textbox-2{
        float: unset;
        text-align: left;
        width: 100%;
    }
    #main-content-aboutme-textbox-3{
        text-align: left;
    }
    
    #main-content-text-einzelcoaching-textbox{
        text-align: left;
        width: 90%;
    }
    #main-content-text-einzelcoaching-image{
        float: unset;
        width: 90%;
        height: auto;
        box-shadow: -1px 5px 12px 2px rgba(0,0,0,0.5);
        -webkit-box-shadow: -1px 5px 12px 2px rgba(0,0,0,0.5);
        -moz-box-shadow: -1px 5px 12px 2px rgba(0,0,0,0.5);
    }
    
    #contact-button{
        border-radius: 5px;
        text-align: center;
        height: 100px;
        font-size: 22px ;
        width: 200px;
        background-color: rgb(112, 178, 62);
        text-shadow: 0px 3px 3px rgba(0, 0, 0, 0.2);
        border:none;
        box-shadow: -1px 5px 12px 2px rgba(0,0,0,0.3);
        -webkit-box-shadow: -1px 5px 12px 2px rgba(0,0,0,0.3);
        -moz-box-shadow: -1px 5px 12px 2px rgba(0,0,0,0.3);
    }
    #contact-button:hover{
        background-color: rgb(112, 178, 62);
        cursor: pointer;
    }
    .contact-button-div{
        margin-top: 60px;
        margin-bottom: 20px;
        text-align: center;
    }
    .main-button-div{
        margin: 20px 20px 20px 20px;
        text-align: center;
    }
    
    #main-content-kontakt{
        margin:auto;
        text-align: center;
        width: 90%;
    }
    #main-content-kontakt-textbox-container{
        margin: auto;
    }
    
    #main-content-kontakt-textbox2{
        text-align: left;
        float:unset;
        width: 90%;
    }
    #main-content-kontakt-textbox1{
        text-align: left;
        width: 90%;
    }
    #contact-icon{
        font-size: 40px;
    }
    
    #main-offers{
        background-color: rgb(155,198,118);
        padding-top: 10px;
        padding-bottom: 10px;
        text-align: center;
    }
    #main-offers-links{
        padding-top: 20px;
        text-align: center;
        display: unset;
        margin:auto;
        
    }
    #main-offers-links a{
        margin: auto;
        color: transparent;
    background: #666666;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    background-clip: text;
    text-shadow: 0px 3px 3px rgba(0, 0, 0, 0.5)
    }
    .main-offers-image{
        margin: auto;
        height: auto;
        width: 80%;
        border-radius: 5px;
        border: 12px;
        border-style: solid;
        border-color: rgb(115,158,78);
        box-shadow: -1px 5px 12px 2px rgba(0,0,0,0.75);
    }
    .main-offers-text{
        color: white;
        font-size: 20pt;
        font-weight: 700;
        padding-bottom: 10px;
    }
    
    #meta-footer {
        display: flex;
        text-align: center;
        height: 50px;
        width: 100%;
        font-size: 10pt;
        
    }
    #meta-footer a{
        color: black;
        font-weight: 600;
    }
    #meta-footer-content{
        margin: auto;
        letter-spacing: 0px;
    }
    
    .fa-facebook-square, .fa-instagram-square{
        font-size: 12pt;
    }
    .fa-check{
        font-size: 16pt;
    }
}