/*---NORMALE BILDSCHIRME---*/

@media (max-width:1199px){
    
    .startseite iframe {
        width: 293px !important;
        /*height: 518px !important;*/
       height: 799px !important;
    }
    
    
    .suspensions iframe {
        width: 334px !important;
        height: 935px !important;
    }
    
    .fb-page span {
        height: 518px !important;
    }
    
    .teaser a,
    .teaser-big a {
        font-size: 18px;
    }
    
    .teaser-big ul {
        font-size: 14px;
    }
    
    .menu-footernavigation-container > ul > li,
    .menu-footernavigation-english-container > ul > li  {
        font-size: 12px;
    }
    
}

/*---TABLETS---*/

@media (max-width:991px) {
    
    .navigation-container .menu-hauptnavigation-container > ul,
    .navigation-container .menu-hauptnavigation-english-container > ul {
        padding: 30px 30px 0 30px;
    }
    
    .navigation-container .menu-hauptnavigation-container > ul > li > a,
    .navigation-container .menu-hauptnavigation-english-container > ul > li > a  {
        font-size: 18px;
    }
    
    .menu-calltoactionnavigation li {
        padding-left: 5px;
    }
    
    .menu-calltoactionnavigation li:after {
        margin: 0px 0px 0px 5px;
    }
    
    .menu-calltoactionnavigation li a {
        font-size: 18px;
    }
    
    .calltoaction-title {
        font-size: 16px;
    }
    
    .teaser-big-bg,
    .teaser-big-bg-wheel {
        background-image: none;
    }
    
    .teaser a {
        font-size: 16px;
    }
    
    .teaser a:after {
        background-image: none;
    }
    
    .startseite iframe {
        width: 220px !important;
        /*height: 430px !important;*/
       height: 683px !important;
    }
    
    .fb-page span {
        height: 430px !important;
    }
    
    .suspensions iframe {
        width: 251px !important;
        height: 770px !important;
    }
    
}
    
@media (min-width: 768px) {
    
    #responsive-navigation {
        display: none;
    }
    
    .navigation-container .menu-hauptnavigation-container,
    .navigation-container .menu-hauptnavigation-english-container  {
        display: block !important;
    }
    
    .navigation-container .menu-hauptnavigation-container li.menu-item-has-children .sub-menu,
    .navigation-container .menu-hauptnavigation-english-container li.menu-item-has-children .sub-menu  {
        display: none !important;
    }
    
    .navigation-container .menu-hauptnavigation-container li.menu-item-has-children:hover .sub-menu,
    .navigation-container .menu-hauptnavigation-english-container li.menu-item-has-children:hover .sub-menu {
        display: block !important;
    }
    
}


/*---SMARTPHONES---*/

@media (max-width:767px){
    
    h1 {
        font-size: 25px;

    }
    
    .navigation-container .menu-hauptnavigation-container ul li .sub-menu,
    .navigation-container .menu-hauptnavigation-english-container ul li .sub-menu {
        position: relative;
        margin-top: 10px;
    }
    
    .navigation-container .menu-hauptnavigation-container > ul > li > a,
    .navigation-container .menu-hauptnavigation-english-container > ul > li > a {
        line-height: 40px;
    }
    
    .meta-container {
        height: 102px;
    }
    
    ul.meta-navigation {
        display: block;
        width: 100%;
        height: 51px;
    }
    
    .menu-metanavigation :first-child {
        padding-left: 0px;
    }
    
    .mood-container {
       padding-top: 0px;
       height: 250px;
    }
    
    .slick-track {
        height: 250px;
    }
    
    .teaser-big ul {
        font-size: 20px;
        line-height: 26px;
    }
    
    .teaser-big ul li {
        background-position: 0 9px;
    }

    .startseite iframe {
        width: 500px !important;
        height: 598px !important;
    }
    
    .fb-page span {
        height: 598px !important;
    }
    
    .suspensions iframe {
        width: 500px !important;
        height: 598px !important;
    }
    
    .logo {
        width: 15%;
        padding-top: 15px;
    }
    
    .header-container {
        position: relative;
    }
    
    div#responsive-navigation {
        display: block;
        float: none;
        margin-top: 0px;
        background: rgb(255,255,255); /* Old browsers */
        background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(231,231,231,1) 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(231,231,231,1) 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(231,231,231,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e7e7e7',GradientType=0 ); /* IE6-9 */
        height: 60px;
        padding: 19px 30px 0 10px;
    }
    
    .navigation-container .menu-hauptnavigation-container > ul,
    .navigation-container .menu-hauptnavigation-english-container > ul {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,e7e7e7+100 */
        height: auto;
        padding: 50px 15px 50px 15px;
        background: rgb(255,255,255);
    }
    
    .navigation-container .menu-hauptnavigation-container > ul > li,
    .navigation-container .menu-hauptnavigation-english-container > ul > li {
        float: none;
    }
    
    .navigation-container .menu-hauptnavigation-container > ul > li > a,
    .navigation-container .menu-hauptnavigation-english-container > ul > li > a {
        padding: 10px 0 10px 0;
        font-size: 28px;
        display: block;
    }
    
    .responsive-navigation span {
        float: left;
        font-size: 24px;
    }
    
    .menu-hauptnavigation-container,
    .menu-hauptnavigation-english-container {
        display: none;
    }
    
    .menu-hauptnavigation {
        margin-top: 20px;
    }
    
    .menu-hauptnavigation > li {
        width: 100%;
        padding-right: 0px;
    }
    
    .sub-menu {
        position: relative;
        width: 100%;
    }
    
    .menu-hauptnavigation li.menu-item-has-children:hover .sub-menu,
    .menu-hauptnavigation li.menu-item-has-children .sub-menu {
        display: none;
    }
    
    .navigation-container .menu-hauptnavigation-container ul li:hover .sub-menu,
    .navigation-container .menu-hauptnavigation-english-container ul li:hover .sub-menu  {
        display: none;
    }
    
    .sub-menu-in-content {
        display: none;
    }
          
    
    .copyright {
        padding-bottom: 10px;
    }
    
    .copyright,
    .webdesignby {
        width: 100%;
        text-align: center;
        
    }
    
    .menu-calltoactionnavigation li {
        float: none;
        display: block;
    }
    
    .menu-calltoactionnavigation li a {
            line-height: 30px;
    }
    
    .calltoaction-content-container {
        text-align: left;
        padding: 10px 0;
    }
    
    .calltoaction-title {
        display: block;
        line-height: 30px;
    }
    
    .calltoaction-container {
        height: auto;
    }
    
    .menu-calltoactionnavigation li {
        /*display: block;*/
       padding-left: 0px;
    }
    
    .menu-footernavigation-container,
    .menu-footernavigation-english-container {
        display: none;
    }
    
    /*.content {
        padding: 0px 0 0 0;
    }*/
    
    /*.anfrage-link a {
        line-height: 35px;
    }*/
   
   .content {
       padding-bottom: 40px;
   }
   
    .breadcrumbs {
        display: none;
    }
    
}


@media (min-width:412px) and (max-width:767px) {
    
  
}


/*---DIVERSE SMARTPHONE GRÖSSEN FÜR FACEBOOK FANPAGE---*/

@media (max-width:435px) {
    .startseite iframe {
        width: 405px !important;
        height: 598px !important;
    }
    
    .fb-page span {
        height: 598px !important;
    }
    
    .suspensions iframe {
        width: 405px !important;
        height: 598px !important;
    }
}

@media (max-width:414px) {
    .startseite iframe {
        width: 384px !important;
        height: 598px !important;
    }
    
    .fb-page span {
        height: 598px !important;
    }
    
    .logo {
        width: 25%;
        position: absolute;
        right: 15px;
        top: 50px;
    }
    
    .suspensions iframe {
        width: 384px !important;
        height: 598px !important;
    }
}

@media (max-width:375px) {
    .startseite iframe {
        width: 345px !important;
        height: 598px !important;
    }
    
    .fb-page span {
        height: 598px !important;
    }
    
    .logo {
        width: 20%;
        position: absolute;
        right: 15px;
        top: 50px;
    }
    
    .suspensions iframe {
        width: 345px !important;
        height: 598px !important;
    }
    
    
}

@media (max-width:360px) {
    .startseite iframe {
        width: 330px !important;
        height: 598px !important;
    }
    
    .fb-page span {
        height: 598px !important;
    }
    
    .suspensions iframe {
        width: 330px !important;
        height: 598px !important;
    }
}

@media (max-width:320px) {
    .startseite iframe {
        width: 290px !important;
        height: 598px !important;
    }
    
    .fb-page span {
        height: 598px !important;
    }
    
    .suspensions iframe {
        width: 290px !important;
        height: 598px !important;
    }
}