﻿@media screen and (max-width:1433px) {
    .fabrikat ul li {
        padding: 0 1%;
    }
}

@media screen and (max-width:1200px) {
    .starttext {
        bottom: 5px;
    }
    a.logo {
        padding-left:15px;
    }
        .col1 {
        margin-left: 1%;
        margin-right: 1%;
    }
    .header, .wrap {
    width: auto;
}
    .s1 {
        padding-left:2%;
        width:68%;
        margin-right:5%;
    }
    .s2 {
        width:24%;
        padding-right:1%;
    }
    .f1{
        border-left: none;
    }
    .f3 {
        border-right: none;
    }
}

@media screen and (max-width:1170px) {
    .starttext {
        font-size: 34px;
    }
}

@media screen and (max-width:981px) {
    .starttext {
        font-size: 25px;
    }
}
@media screen and (max-width:900px) {
.s1 {
    text-align:left;
    float:none;
    padding:50px 0;
    width:60%;
    margin:0 auto;
}
.caldate {
    width: 12%;
}
.s2 {
    float:none;
    width:60%;
    margin:0 auto;
    padding-bottom:40px;
}
}
@media screen and (max-width:780px) {
    .f1,.f2,.f3 {
        float:none;
        width:auto;
        text-align:center;
        border:none;
    }
    .f2 h3, .f3 h3 {
        margin-bottom:5px;
    }
    .f2, .f3 {
        min-height:0;
    }
}
@media screen and (max-width:733px) {
    .starttext {
        line-height: 35px;
        font-size: 20px;
    }
}
@media screen and (max-width:1016px) {

    .col2 {
        width: auto;
        margin-left: 1%;
        margin-right: 1%;
        float: none;
    }

    .col1 {
        display: none;
    }

    .content {
        padding: 0 20px 20px 20px;
    }
}
@media screen and (max-width:1124px) {
    .fabrikat ul {
        width: 70%;
        margin: 0 auto;
        padding: 10px 0 0 0;
    }
}
@media screen and (max-width:1120px) {
    .header ul.navmenu {
        display:none;
    }
}
@media screen and (max-width:813px) {
    .fabrikat ul {
        width: auto;
    }
}
@media screen and (max-width:605px) {
    .content img.contactimg {
    float:none;
    display:block;
    padding-bottom:20px;
}
}
@media screen and (max-width:600px) {
    .startbild {
        background: #fff;
        position: relative;
        padding: 45px 0;
    }
    .s1 {
    text-align:left;
    float:none;
    padding:50px 0;
    width:85%;
    margin:0 auto;
}
    .s2 {
        width:85%;
    }
    #startbild {
        display:none;
    }
    #startbild2 {
        display:block;
        background:#f5f5f5;
        padding:45px 0 35px 0;
    }
    #fabrikatfull {
        display:none;
    }
    #fabrikatfull2 {
        display:block;
    }
    .start1 {
        display: none;
    }

    .start2 {
        display:block;
        color:#a7a9ac;
            text-shadow: none;
    }
    
    .header {
        border-bottom: 1px solid #f5f5f5;
    }
}

@media screen and (max-width:574px) {
    .fabrikat ul {
        width: 70%;
    }
    .col2 .machines tr td:nth-child(odd) {
    padding-right:0 !important;
}
        .col2 .machines {
       width:320px !important;
       margin:0 auto !important;
    }
    .col2 .machines tr td {
    display:block !important;
    padding-bottom:40px !important;
}
}

@media screen and (max-width:471px) {
    .fabrikat ul {
        width: 90%;
    }
    .caldate {
    width: 15%;
}
}
@media screen and (max-width:394px) {
            .col2 .machines {
       width:auto !important;
    }
}
@media screen and (max-width:376px) {
    .fabrikat ul {
        width: auto;
    }
}

@media screen and (max-width:335px) {
    .fabrikat ul li {
        padding: 0 0;
    }
}
