.mobile,
#mobilemenu,
.hideall {
    display: none;
}

@media only screen and (max-width: 500px) {
    body {
        background: none;
    }
    html,
    body {
        min-width: 100%;
        width: 100%;
        overflow-x: hidden;
        color: #3a3a3a;
        font-size: 15px;
        line-height: 23px;
    }
    * {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    #bg {
        background: none;
    }
    .mobile {
        display: block;
    }
    .desktop,
    div#top,#navi {
        display: none;
    }
    div#navi,
    div#top,
    div#content,
    div#footer,
    div#content .links,
    div#content .rechts,div.formright,div.formleft {
        position: relative!important;
        margin: 0px!important;
        padding: 0px!important;
        left: auto!important;
        top: auto!important;
        bottom: auto!important;
        right: auto!important;
        width: auto!important;
        height: auto!important;
        overflow: visible!important;
        float: none!important;
        text-align: left!important;
    }
    div#content .links,
    div#content .rechts {
        padding-left: 15px!important;
        padding-right: 15px!important;
    }
    .mobilecontent
    {
        /*padding-bottom: 35px;*/ 
    }
    .kontaktfooter
    {
        padding-bottom: 10px;
    }
    .mobilecontent ul,.mobilecontent p,.produkte,.kontaktfooter p,.produkteleft
    {
        padding-left: 35px;
        padding-right: 35px;
    }
    .mobilecontent ul
    {
        padding-left: 50px;
    }
    ul li,ul.margin li
    {
        margin: 0;
        padding: 0;
    }
    .mobilecontent a,.kontaktfooter a
    {
        text-decoration: none;
        color: #08a3c5;
    }    
    p.phone a
    {
        font-size: 23px;
        font-weight: bold;
        color: #08a3c5;
        position: relative;       
    }
    p.phone a:before
    {
        content: ' ';
        position: relative;
        left: -5px;
        top: 1px;
        height: 20px;
        width: 20px;
        float: left;
        background: url('../img/responsive/phone-small.svg') no-repeat center center;
        background-size: 100%;
    }
    .kontaktinfo
    {
        font-size: 13px;
    }
    .topbild
    {
        width: 100%;
        height: auto;
    }
    .produkte
    {
        text-align: left;
        border-bottom: solid 2px #eeeeee;
        padding-bottom: 20px;
        margin-bottom: 20px;
    }
    .produkte.text
    {
        text-align: left;
        margin-bottom: 0;
    }
    .produkte.nomargin
    {
        margin-bottom: 0;
    }
    .produkte.nopadding
    {
        padding-bottom: 0px;
    }
    .produkte.nopadding a.buttonbutton
    {
        margin-bottom: 0;
    }
    .produkte.prodzub a.buttonbutton
    {
        margin-bottom: 0;
    }
    .produkte.text ul
    {
        padding-left: 20px;
        margin-top: 20px;
    }
    strong.heading
    {
        display: block;
        position: relative;
        left: -35px;
        width: 100%;
        width: calc(100% + 70px);
        font-size: 23px!important;
        line-height: 33px!important;       
        font-weight: bold;      
        border-bottom: solid 2px #08a3c5;
        color: #08a3c5;
        margin: 0px;
        padding: 14px 35px 14px 35px;
    }
    .produkte img
    {
        margin: 0px auto;
        margin-top: 30px;
        width: 100%;
        height: auto;
    }
    .produkteleft
    {
        text-align: left;
        border: none;
       padding-bottom: 0px;
        margin-bottom: 0px;
    }
    .produkteleft img
    {
        text-align: center;
        margin: 0px!important;
    }
    .noborder
    {
        border: none!important;
    }
    #logo,
    #mainNav {}
    .abstand-willkommen {
        height: auto;
    }
    .article {
        padding: 0;
    }
    .aligncenter {
        text-align: center;
        margin: 0px;
    }
    img {
        -moz-box-shadow: none!important;
        -webkit-box-shadow: none!important;
        box-shadow: none!important;
    }
    /*header*/
    #mobileheader {
        border-bottom: solid 5px #eeeeee;
    }
    #mobilelogo {
        display: block;
        background: url('../img/responsive/logo-kuehltechnik24.svg') no-repeat center center;
        background-size: 85%;
        width: 100%;
        height: 83px;
        margin: 0px auto;
    }
    .home .entry-content {
        margin-top: 30px;
    }
    /*startseite*/
    .button-unternehmen,
    .button-unternehmen:hover,
    .button-neuigkeiten,
    .button-neuigkeiten:hover,
    .buttons-top,
    .buttons-bottom {
        background: none!important;
        width: auto;
        height: auto;
        text-align: left;
        margin: 0;
        padding-top: 0px;
    }
    .neuigkeiten-inhalt h3 {
        margin-top: 0px!important;
    }
    /*menu*/
    #mobilemenu {
        display: block;
        z-index: 1000;
        width: 100%;
        position: relative;
        background: #08a3c5;
        text-align: center;
    }
    #buttonmenu {
        background: url('../img/responsive/ham-est-wh.svg') no-repeat center center;
        width: 40px;
        height: 41px;
        background-size: 70%;
        margin: 0px auto;
        cursor: pointer;        
    }
    #buttonmenu.close {
        background: url('../img/responsive/x-est-wh.svg') no-repeat center center;
        background-size: 50%;
    }
    #buttonphone {
        background: url('../img/responsive/phone.svg') no-repeat center center!important;
        width: 40px;
        height: 41px;
        background-size: 70%!important;
        margin: 0px auto;
        cursor: pointer;
        display: block!important;
        position: absolute;
        right: 18px;
        top: 0px;
    }
    #mobilemenu .flexnav {
        position: absolute;
        left: 0;
        top: 41px;     
    }
    #mobilemenu .flexnav .sub-menu.flexnav-show {}
    #mobilemenu ul {
        margin: 0!important;
    }
    #mobilemenu li {
        border-top: solid 1px #0292b2;
        margin: 0!important;
    }
    #mobilemenu li a {
        background: url('../img/responsive/flexnav.png') repeat;
    }
    #mobilemenu li:last-child
    {
        display: none;
    }
    #mobilemenu a {
        display: block;
        
        border: none!important;
        text-align: center;
        background: none;
        text-transform: none;
        color: #fff;
        padding-left: 0!important;
        padding-right: 0!important;
        padding: 9px 0px!important;
    }
    #mobilemenu li ul li:last-child {}
    #mobilemenu li ul li {
        border: none;
        background: none!important;
    }
    #mobilemenu li ul li a {
        background: url('../img/responsive/flexnav-sub.png') repeat!important;
    }
    #mobilemenu a:hover {
        color: #e0e0e0;
    }
    #mobilemenu li li a {
        padding-left: 4em;
    }
    #mobilemenu .cleaner {
        display: none;
    }
    #mobilemenu .submenu
    {
       display: none!important;
    }
    #mobilemenu .submenu li
    {
         border: none;   
    }
    #mobilemenu .submenu li:last-child
    {
        display: block;
    }
    #mobilemenu .submenu a
    {
       background: rgba(256,256,256,0.9)!important;
        color: #3a3a3a;
    }
    #mobilemenu .submenu a:hover
    {
      
        color: #08a3c5;
    }
    /*footer*/
    #footer {
        background: #08a3c5!important;
        text-align: center!important;
        padding: 20px 0px 35px 0px!important;
        margin-top: 20px!important;        
        font-size: 15px!important;
    }
    .np #footer {
        margin-top: 0px!important;
    }
    #footer_bg {
        height: auto;
        background: transparent!important;
        border-top: solid 6px #e2e2e2;
    }
    #footer_s {
        padding: 0;
    }
    #footern {
        text-align: center!important;
        padding-top: 0px!important;
    }
    #footern a {
        display: inline-block;
        text-align: center!important;
        height: 15px;
        line-height: 15px;
        padding-top: 0px!important;
        margin-top: 30px!important;
        padding-right: 8px!important;
        position: relative;
        font-size: 15px!important;
        color: #fff;
        text-decoration: none;
        
    }
    #footern a:after {
        content: ' ';
        position: absolute;
        right: 0px;
        bottom: 0px;
        width: 1px;
        height: 15px;
        background: #fff;
    }
    #footern a:last-child:after {
        display: none;
    }
    #footern br {
        display: none;
    }
    #footers {
        padding-top: 0!important;
        text-align: center!important;
        font-size: 12.5px!important;
        line-height: 1.8em;
        color: #fff!important;
        padding-bottom: 30px;
    }
    #footers a {
        text-decoration: none;
        color: #fff;
    }
 
    #footermobilelogo {
        display: block;
        background: url('../img/responsive/logo-kuehltechnik24-footer.svg') no-repeat center center; 
        background-size: 87%;
        width: 100%;
        height: 28px;
        margin: 22px auto 30px auto;        
    }
    .footerlogo
    {
        text-align: center;
        margin: 20px 0px;
    }
    .footerlogo img
    {
        margin: 0px auto;
    }
    /*all*/
    h1 {
        font-size: 23px!important;
        line-height: 33px!important;
        text-shadow: none!important;
        font-weight: bold;
        border-top: solid 2px #eeeeee;
        border-bottom: solid 2px #08a3c5;        
        color: #08a3c5;
        margin: 20px 0px;
        padding: 14px 35px;
        clear:both;
    }
    h1.extra
    {
        margin-top: 0;
        border-top: none;
    }
    h2 {
        font-size: 21px!important;
        text-align: left;
        font-weight: normal;
    }
    #startseite-left {
        padding: 0px 33px!important;
        margin-top: 30px!important;
    }
    #rightcontend h4 {
        margin-left: 0px;
    }
    #leftnormal h1,
    #leftnormal h2,
    #leftnormal h3,
    #leftnormal h4,
    #leftnormal h5,
    #leftnormal p,
    #leftnormal ul,
    #rightcontend h1,
    #rightcontend h2,
    #rightcontend h3,
    #rightcontend h4,
    #rightcontend h5,
    #rightcontend p {
        padding: 0px 33px!important;
        text-align: left!important;
    }
    #leftnormal img,
    #leftcontend img {
        position: relative;
        width: 100%;
        height: auto;
        margin-bottom: 20px;
    }
    #leftcontend p.nopadding,
    #leftnormal p.nopadding,
    #rightcontend p.nopadding {
        padding-left: 0px!important;
        padding-right: 0px!important;
    }
    h3.reset {
        margin: 40px auto 25px auto!important;
    }
    .buttonbutton {
        height: 44px;
        line-height: 44px;
        font-size: 15px;
        background: #08a3c5;
        color: #fff!important;
        padding: 0px 33px;       
        margin: 20px auto 20px auto;
        text-align: left!important;
        display: inline-block;
    }
   
    /*slider timeline*/
    .slider-wrapper {
        position: relative;
        border-bottom: solid 5px #fbba00;
        padding-bottom: 60px;
    }
    .slider {}
    .slider li {
        text-align: center;
        width: 100%;
    }
    .slider li figure {
        width: 100%;
        background: #fff;
        padding: 20px 0px;
    }
    .slider li .slidertext {
        padding-top: 28px;
    }
    .slider li .slider-text-inside {}
    .slider li img {
        width: 60%;
        height: auto;
    }
    div.prev,
    div.next {
        display: block;
        width: 40px;
        height: 40px;
        background: #eee;
        position: absolute;
        top: 0px;
        width: 19px;
        height: 100%;
        z-index: 800;
        overflow: hidden;
        text-indent: -1000px;
        cursor: pointer;
    }
    div.prev:active,
    div.next:active {
        backgorund: transparent;
        outline: none;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        -webkit-tap-highlight-color: transparent;
        /* For some Androids */
    }
    div.prev {
        left: 15px;
        background: url('../index.html') no-repeat center 26%;
        background-size: 100%;
    }
    div.next {
        right: 15px;
        background: url('../index.html') no-repeat center 26%;
        background-size: 100%;
    }
    .tl {
        height: 2px;
        background: #fbba00;
        width: 100%;
        position: relative;
        margin-bottom: 25px;
        text-align: center;
    }
    .tl div {
        position: absolute;
        top: -6px;
        display: block;
        width: 14px;
        height: 14px;
        background: #fbba00;
        cursor: pointer;
        border-radius: 9000px;
    }
    .tl div.tll {
        left: 15px;
    }
    .tl div.tlc {
        left: auto;
        position: relative;
        width: 18px;
        height: 18px;
        background: #fff;
        top: -8px;
        margin: 0px auto;
        cursor: default;
    }
    .tl div.tlr {
        right: 15px;
    }
    /*abstandbild*/
    .abstandbild:after {
        /*content: ' ';
        height: 45px;
        width: 100%;
        display: block;*/
    }
    .linie {
        background: #fbba00;
        height: 5px;
        margin-top: 30px;
    }
    .abstandunten {
        padding-bottom: 30px;
    }
    .abstandunten h4 {
        /*margin-bottom: 0;*/
    }
    
    #map-1
    {
        height: 250px!important;
        margin: 0px!important;
        line-height: 1.0em;
    }
    #map-1 br
    {
        display: inline-block;
    }
    .gm-style .gm-style-cc span,
    .gm-style .gm-style-cc a,
    .gm-style .gm-style-mtc div {
        display: none;
    }
    .kontakt-unterseite .removeinline div {
        float: none!important;
        width: auto!important;
        text-align: left!important;
    }
    .kontakt-unterseite h3,
    .impressum h3 {
        font-size: 30px!important;
        line-height: 40px;
        color: #E9B200;
        margin-bottom: 20px;
        text-shadow: 1px 1px 0 #000;
        font-weight: normal!important;
        letter-spacing: 1px!important;
    }
    .kontakt-unterseite h3 span {
        font-family: 'AvantGardeGothicITCW01D 731075'!important;
    }
    .kontakt-unterseite #clear {
        display: none;
    }
    .kontakt-unterseite #leftcontend {
        padding-top: 30px!important;
    }
    .kontakt-unterseite #leftcontend h3,
    .mobileabstand {
        padding: 0px 33px!important;
    }
    div#content .abst
    {
        padding: 0;
        margin: 0;
    }
    .ninja-frm {
        border-top: solid 2px #08a3c5;
        border-bottom: solid 2px #08a3c5;
        padding: 30px 35px 20px 35px!important;        
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        margin: 30px 0px;
        
    }
    .ninja-frm .right
    {
        display: none;
    }
    .mobilefullwidth {
        width: 100%!important;
    }
    .ninja-forms-cont {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    form.ninja-forms-form {
        padding: 0px 33px!important;
        display: block;
    }
    .ninja-frm input:not([type="radio"]),
    .ninja-frm textarea {
        width: 100%!important;
        padding: 0px!important;
        padding-left: 17px!important;
        font-size: 15px!important;
        height: 43px!important;
        line-height: 43px!important;
        border: none!important;
        border-radius: 0px!important;
        font-size: 16px!important;
        color: #fff!important;
        background: #08a3c5!important;        
        margin-bottom: 0px!important;
        text-shadow: none!important;
        margin: 5px 0px;
    }
    .ninja-frm textarea {
        width: 100%!important;
        height: 163px!important;
        padding-top: 13px!important;
        line-height: 18px!important;
    }
    .ninja-frm input[type="submit"] {
        color: #fff!important;
        display: block!important;
        width: 200px!important;
        height: 43px!important;
        line-height: 40px!important;
        cursor: pointer!important;
        text-align: center!important;
        font-size: 18px!important;
        text-transform: none!important;
        background: #08a3c5!important;
        float: left!important;
        padding: 0px!important;
        margin: 0px!important;
        border: none!important;
        position: relative!important;
        text-indent: 0px!important;
    }  
    .ninja-frm .mobileabstand
    {
        margin-bottom: 10px!important;
    }
    .ninja-frm input[type="submit"]:hover {}
    ::-webkit-input-placeholder {
        opacity: 1!important;
        color: #fff!important;
    }
    :-moz-placeholder {
        opacity: 1!important;
        color: #fff!important;
    }
    ::-moz-placeholder {
        opacity: 1!important;
        color: #fff!important;
    }
    :-ms-input-placeholder {
        opacity: 1!important;
        color: #fff!important;
    }
    .ninja-frm .clear
    {
        display: none;
    }
    input,
    textarea,
    select {
        /*-webkit-appearance: none!important;*/
    }
    input,
    textarea,
    select {
        -webkit-border-radius: 0!important;
        border-radius: 0!important;
    }
    .kontakt-element {
        margin-bottom: 20px;
    }
    .kontaktsecond {
        margin-bottom: 10px;
    }
    .homeslider {}
    .homeslider img {
        width: 100%;
        height: auto;
        float: left;
    }
    .addseparator {
        display: inline;
    }
    .addseparator:before {
        content: '|';
    }
    /*font*/
    h1,
    h2,
    h3,
    h4,
    h5 {
        /*font-weight: 700!important;*/
    }

    .impressumtext {
       
    }
    .impressumtext h2 {
       margin-top: 30px;
    }
    .impressumtext .imp
    {
        font-size: 14px;
        margin-bottom: 20px;
    }
    
    .mobilecontent
    {
        /*display: block!important;*/
    }
    .kontaktdetail
    {
        font-size: 14px;
    }
    .kontaktdetail .imp
    {
       font-size: 14px;
        margin-bottom: 20px; 
    }
    .trennline
    {
        border-top: solid 2px #08a3c5;
        margin-top: 20px;
        padding-top: 20px;
    }
    
}

@media only screen and (max-width: 340px) {
    h1,strong.heading {
        font-size: 19px!important;        
    }
    h2
    {
        font-size: 18px!important;
    }
    .mobilecontent ul
    {
        padding-right: 25px;
    }
    #footern a
    {
        font-size: 13px!important;
    }
    #buttonphone
    {
        right: 12px;
    }
}