/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {


    .mobileOnly
    {
        display: inherit;
    }
    .desktopOnly
    {
        display: none;
    }


    .corona_msg {
        width: 100%;
        border: none;
        top: 20px;
        left: 0px;
        padding: 0px;
        border-radius: inherit;
        padding-top: 10px;
        padding-bottom: 10px;
        font-size: 1.2em;
        background-color: rgba(254,226,225,0.7);
    }
    
    #popup {
        width: 80%;
        height: 70%;
        z-index: 10000;
        margin-left: 10%;
        margin-top: 15%;
        text-align: center;
    }

    #popup h2 {
        color: black;
        font-size: 3.6em;
        margin-top: 40px;
    }

    #popup p{
        text-align: center;
        font-size: 2.2em;
        font-weight: 100;
        margin-top: 26px;
    }

    #popup .btnPopup {
        margin-top: 120px;
        padding: 25px;
    }


    section {
        height: 100vh;  /* 80% ganze Bildschirmhöhe!!! */
    }

    section#job {
        height: 80vh;
    }

    section:last-child {
        height: 93vh;  /* 80% ganze Bildschirmhöhe!!! */
    }

    .left-menu .header-wrapper {
        padding-right: 0px;
    }

    .main-width {
        width: auto;
        margin: 0 auto;
    }

    .arrow_down {
        height: 70px;
        width: 70px;
        z-index: 100;
        opacity: 1;

    }

    h1 {
        padding-top: 80px;
        font-size: 1.5em;
        font-weight: 400;
    }

    h1 + hr {
        width: 80%;
        text-align: center;
        margin: 0 auto;
        margin-top: 7px;
    }


    p {
        padding-top: 30px;
        font-size: 1em;
        font-weight: 100;
        padding-right: 30px;
        padding-left: 30px;
    }

    .image-wrapper.image-size3_3 ,.image-wrapper.image-size1_3, .image-wrapper.image-size2_3
    {
        width: 100%;
    }
    .image-wrapper
    {
        font-size: 2em;
    }

    .image-wrapper.job-teaser {
        height: 480px;
    }

    section.with-widder-bckg:before
    {
        display: none;
    }

    .float_right , .float_left , .left-menu ,.full-size
    {
        float: none;
        width: 100%;
        height: auto;

    }


    .left-menu {
        position: relative;
        margin: 0px;
        top: 15px;
        min-height: 160px;
    }


    nav {
        display: none;
    }

    div.logo {
        height: 150px;
        width: 100%;
        left: 0;
    }

    div.logo img {
        width: 90%;
        margin: 0 auto;
        display: block;
        top: 30px;
    }

    div.logo.sticky {
        height: 57px;
    }

    div.logo.sticky img {
        width: 50%;
        top: 5px;
        left: 26%;
        position: relative;
        margin: inherit;
    }

    #welcome .image-background {
        background-image: url('../images/welcome-bckg-mobile.jpg');
        background-size: cover;
        background-repeat: no-repeat;
        position: absolute;
        width: 100%;
        height: 100%;
        margin: 0;
    }

    #welcome .termin-wrapper {
        width: 100%;
        height: 90px;
        margin: 0 auto;
        bottom: 60px;
        top: auto;
        text-align: center;
        font-size: 1.5em;
        /*left: 15%;*/

        background:rgba(255,255,255,0.5);
        position: absolute;
        line-height: 95px;
        padding: 0px;
        border: none;
    }


    #welcome .arrow_down {
        left: 39%;
        bottom: 200px;
    }

    
    
    #welcome .widder {
        position: relative;
        display: block;
        z-index: 500;
        width: 70%;
        margin: 0 auto;
        top: 276px;
        left: 0px;
    }

    #introduction .timetable{
        width: 65%;
        margin: 0 auto;
        font-size: 1.5em;
        margin-top: 50px;
        margin-bottom: 50px;
    }

    #introduction .timetable td.big
    {
        font-size: 1em;
    }

    #introduction .timetable td.normal
    {
        font-size: 1em;
    }

    #introduction .timetable td.small
    {
        font-size: .7em;
    }



    #team.main-width
    {
        margin-top: 100px;
    }

    #pricetable {
        height: 100%;
    }
    #pricetable ul li {
        font-size: .9em;
        font-weight: 100;
        text-align: center;
        width: 100%;
        line-height: 30px;
        display: block;
        padding: 0px;
    }

    #pricetable ul li.priceHeader{
        font-weight: 800;
        font-size: 1.4em;
    }

/*
    #pricetable ul.mobilePriceList
    {
        position: relative;
        width: 100%;
        color: black;
        text-align: center;
        margin-bottom: 35px;
    }

    #pricetable ul.mobilePriceList li {
        font-size: .9em;
        font-weight: 10
        text-align: center;
        width: 100%;
        line-height: 30px;
        display: block;
    }

    #pricetable ul.mobilePriceList li.priceHeader{
        font-weight: 800;
        font-size: 1.4em;
    }


    #pricetable ul.mobilePriceList li.priceDetail:nth-child(odd){
        background-color: transparent;
    }

    #pricetable ul.mobilePriceList li.priceDetail:nth-child(even){
        background-color: #FEE2E1;
    }

*/

    #team
    {
        height: auto;
    }

    #team .single-worker-wrapper {
        width: 100%;
        display: inline-block;
    }

    #team .worker-wrapper h3.group-header  {
        width: 90%;
        padding-top: 10px;
        margin: 0 auto;
        text-align: center;
        font-size: .9em;
    }


    #team .worker-wrapper .image-wrapper , #team .single-worker-wrapper .image-wrapper  {
        width: 100%;
        height: 260px;
        margin-left: 0px;
        float: none;
        background-position: top;
    }

    #team .single-worker-wrapper .worker-details {
        width: 100%;
        height: 80px;
        font-size: .6em;
        top: 230px;
    }

    #team .single-worker-wrapper .image-wrapper:hover .worker-details {
        top: 180px;
    }

    #team .text-size-worker {
        font-size: 1.5em;
        text-align: center;
        width: 100%;
    }

    #team .text-size-worker:first-child , #team .text-size-worker:last-child
    {
        text-align: center;
    }

    #team .text-size-worker p
    {
        top: 85px;
    }
    
    #team .image-size1_3
    {
        height: 600px;
    }
    
    #team .worker-wrapper .image-wrapper .worker-details-wrapper
    {
        top:625px;
        height: 245px;
        font-size: .8em;
    }

    #team .worker-wrapper .worker-details-wrapper {
        width: 100%;
        margin-left: 0;
        font-size: 5em;
    }

    #team .worker-wrapper .worker-details-wrapper td {
        width: 33% !important;
        text-align: center;
        vertical-align: text-bottom;
        padding-top: 10px;
        font-size: .2em;
    }

    #team .worker-wrapper .image-wrapper .worker-details-wrapper b
    {
        font-size: 1em;
    }

    #team .worker-wrapper .image-wrapper:hover  .worker-details-wrapper
    {
        top: 290px;
    }


    #pricetable .price-wrapper.float_left
    {
        float: none;
        width: 100%;
        clear: both;
    }

    #products a.image-wrapper
    {
        background-size: contain;
        height: 100px;
        width: 80%;
        left: 10%;
        position: relative;
    }



    #contact p
    {
        font-size: 1em;
        text-align: center;
    }

    #contact iframe
    {
        top: 30px;
        width: 90%;
        margin: 0 auto;
        position: relative;
        display: block;
        height: 300px;
    }

    .footer  {
        font-size: .8em;
        bottom: -790px;
        margin-bottom: 10px;
    }
    .footer a
    {
        font-size: 1em;

    }
    
}