@media only screen and (max-width: 1024px) {
    .mitte, article {width: 1000px;}
    .logo {width: 200px;}
    .logo img {width: 150px; margin-top: 0px;}
    .login  {width: 80px;}
    .login_links {width: 40px;}
    .login_links img {width: 40px;}
    .login_rechts {width: 40px;}
    .loginform {margin: 75px 0px 0px 580px; width: 250px;}
    .content {width: 635px;}
    aside {width: 150px;}
    
    footer {margin-top: -10px;}
    article {padding-bottom: 10px;}
                       
    .ausgleich_hoehe {height: 30px;}
    .ausgleich_hoehe1 {height: 34px;}
    .ausgleich_hoehe2 {height: 32px;}
    .ausgleich_hoehe3 {height: 30px;}
    
    .loginform input[type=text], .loginform input[type=password] {width: 100%;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
    
    .bg h3 {width: 60%; font-size: 14px;}
    .aufklappen {width: 40%;}
    .aufklappen a {font-size: 10px;}
    
    .mobile_nav {display: none;}
    .kal1, .kal2, .kal3 {width: 180px;}
    .versandkosten_links {width: 230px;}
    .versandkosten_rechts {width: 305px;}
    .downline_kasten {width: 100%;}
    .downline_kasten_position {float: left; width: 100%; margin-top: 15px;}
}
@media only screen and (max-width: 960px) {}
@media only screen and (max-width: 855px) {
    .mitte, article {width: 835px;}
    .login  {width: 80px;}
    .login_links {width: 40px;}
    .login_links img {width: 40px;}
    .login_rechts {width: 40px;}
    .loginform {margin: 75px 0px 0px 580px; width: 250px;}
    .content {width: 635px;}
    aside {width: 150px;}
    
    footer {margin-top: -10px;}
    article {padding-bottom: 10px;}
 
    .ausgleich_hoehe {height: 30px;}
    .ausgleich_hoehe1 {height: 34px;}
    .ausgleich_hoehe2 {height: 32px;}
    .ausgleich_hoehe3 {height: 30px;}
    
    .bg h3 {width: 60%; font-size: 14px;}
    .aufklappen {width: 40%;}
    .aufklappen a {font-size: 10px;}
    
    .mobile_nav {display: none;}
     .kal1, .kal2, .kal3 {width: 180px;}
}
@media only screen and (max-width: 800px) {
    .mitte, article {width: 780px;}
    .login  {width: 80px;}
    .login_links {width: 40px;}
    .login_links img {width: 40px;}
    .login_rechts {width: 40px;}
    .loginform {margin: 75px 0px 0px 520px; width: 250px;}
    .content {width: 580px;}
    aside {width: 150px;}
    footer {margin-top: -46px; height: 35px;}
    article {padding-bottom: 10px;}
                       
    .ausgleich_hoehe {height: 30px;}
    .ausgleich_hoehe1 {height: 34px;}
    .ausgleich_hoehe2 {height: 32px;}
    .ausgleich_hoehe3 {height: 30px;}
    
    .bg h3 {width: 60%; font-size: 14px;}
    .aufklappen {width: 40%;}
    .aufklappen a {font-size: 10px;}
    
    .mobile_nav {display: none;}
    .container_hidden {width: 780px; margin-left: 10px;}
    .kal1, .kal2, .kal3 {width: 165px;}
    .versandkosten_links {width: 210px;}
    .versandkosten_rechts {width: 270px;}
}
@media only screen and (max-width: 768px) {
    .mitte, article {width: 728px;}
    .logo {width: 180px;}
    nav ul a li {padding: 0px 5px; font-size: 14px;}
    .login  {width: 80px;}
    .login_links {width: 40px;}
    .login_links img {width: 40px;}
    .login_rechts {width: 40px;}
    .loginform {margin: 75px 0px 0px 498px; width: 250px;}
    .content {width: 528px;}
    aside {width: 150px;}
 
                       
    .ausgleich_hoehe {height: 30px;}
    .ausgleich_hoehe1 {height: 37px;}
    .ausgleich_hoehe2 {height: 35px;}
    .ausgleich_hoehe3 {height: 30px;}
    
    .bg h3 {width: 70%; font-size: 13px;}
    .aufklappen {width: 30%;}
    .aufklappen a {font-size: 9px;}
    
    .mobile_nav {display: none;}
    
    .artikel, .artikel_detail_links, .artikel_detail_rechts  {width: 230px; min-height: none; max-height: none; height: auto;}
    .artikel img {width: 210px;}
    .container_hidden {width: 728px;}
    .kal1, .kal2, .kal3 {width: 145px;}
    .versandkosten_links {width: 100%; margin-bottom: 10px;}
    .versandkosten_rechts {width: 100%;}
}
@media only screen and (max-width: 720px) {}
@media only screen and (max-width: 640px) {
    .mitte, article {width: 620px;}
    nav, .login, .loginform, aside, .titelbild, .footer_links, .footer_rechts, .slogan {display: none;}
    header {height: 120px;}
    .content {width: 100%; border: none; padding: 0px;}
    
    .logo {float: left; width: 100%;}
    .headline1 {display: none;}
    .hotline {display: none;}

    article {padding: 65px 0px 0px 0px;}
 
    .form_links, .form_rechts {width: 100%; margin-right: 0%;}
                       
    .ausgleich_hoehe, .ausgleich_hoehe1, .ausgleich_hoehe2, .ausgleich_hoehe3, .ausgleich_hoehe4, .ausgleich_hoehe5 {height: 0px;}
    
    .box_intern {width: 100%;} 
    .box_intern_links {width: 100%;} 
    .box_intern_rechts {width: 100%;}
    
    .bg h3 {width: 60%; font-size: 14px;}
    h4 {width: 100%;}
    .aufklappen {width: 40%;}
    .aufklappen a {font-size: 10px;}
    
    .mobile_nav {display: block; border: 0px solid; margin: 10px 0px 0px 15px; width: 100px; float: right;}
    .mobile_nav img {margin-top: 5px; margin-bottom: 5px;}
    .mobile_nav1 {
        position: absolute; 
        z-index: 1001; 
        width: 600px; 
        height: 200px;
        background-color: #c19b7a;
        border-bottom: 1px solid #000;
        border-right: 1px solid #000;
        border-left: 1px solid #000;
        border-top: 0px solid #000;
        margin: 50px 0px 0px 10px;
        padding: 10px;
        color: #fff;
        overflow: auto;
        text-shadow: 1px 1px #000000; 
    }
    .mobile_nav1 a {color: #f18696;}
    .mobile_nav1 input[type=text], .mobile_nav1 input[type=password] {width: 100%;}
    .mobile_nav1 h4 {width: 100%; font-size: 18px; margin-top: 25px;}

    .mobile_nav1 ul {margin: 0px; padding: 0px;}
    .mobile_nav1 ul li {margin: 0px; padding: 4px 0px 12px 0px; list-style: none; line-height: 14px; margin-bottom: 10px; border-bottom: 1px solid #a2a2a2;}
    .mobile_nav1 ul a {font-size: 15px; text-decoration: none; color: #fff; font-weight: normal;}
    
    .artikel, .artikel_detail_links, .artikel_detail_rechts  {width: 190px; min-height: none; max-height: none; height: auto;}
    .artikel img {width: 170px;}
    .bilder_layer {width: 620px; margin-left: 10px;}
    .container_hidden {width: 620px;}
    
    .kal1, .kal2, .kal3 {width: 191px;}
    .versandkosten_links {width: 230px;}
    .versandkosten_links select {width: 200px;}
    .versandkosten_rechts {width: 340px;}
    .ansicht {display: none;}
}
@media only screen and (max-width: 605px) {
    .mitte, article {width: 580px;}
    nav, .login, .loginform, aside, .titelbild, .footer_links, .footer_rechts, .slogan {display: none;}
    .content {}
 
    .mobile_nav1 {width: 560px; height: 200px;}
    
    .artikel, .artikel_detail_links, .artikel_detail_rechts  {width: 190px; min-height: none; max-height: none; height: auto;}
    .artikel img {width: 170px;}
    .bilder_layer {width: 580px;}
    .container_hidden {width: 580px;}
    .kal1, .kal2, .kal3 {width: 180px;}
    .versandkosten_links {width: 230px;}
    .versandkosten_links select {width: 200px;}
    .versandkosten_rechts {width: 340px;}
}


@media only screen and (max-width: 570px) {
    .mitte, article {width: 550px;}
    nav, .login, .loginform, aside, .titelbild, .footer_links, .footer_rechts, .slogan {display: none;}
    .content {}
    .mobile_nav1 {width: 530px; height: 200px;}

    .artikel, .artikel_detail_links, .artikel_detail_rechts  {width: 150px;}
    .artikel img {width: 130px;}
    .bilder_layer {width: 550px;}
    .container_hidden {width: 550px;}
    .kal1, .kal2, .kal3 {width: 170px;}
    .versandkosten_links {width: 230px;}
    .versandkosten_rechts {width: 300px;}
}

@media only screen and (max-width: 535px) {
    .mitte, article {width: 515px;}
    nav, .login, .loginform, aside, .titelbild, .footer_links, .footer_rechts, .slogan {display: none;}
    .content {}
 
    .form_links, .form_rechts {width: 100%;}
    .zeile {width: 515px;}
    .text {width: 180px;}
    .input {width: 335px;}
                       
    .mobile_nav1 {width: 495px; height: 200px;}

    .artikel, .artikel_detail_links, .artikel_detail_rechts  {width: 100%; min-height: none; max-height: none; height: auto;}
    .artikel img {width: 495px;}
    .bilder_layer {width: 515px;}
    .container_hidden {width: 515px;}
    .kal1, .kal2, .kal3 {width: 155px;}
    .versandkosten_links {width: 220px;}
    .versandkosten_rechts {width: 270px;}
}

@media only screen and (max-width: 480px) {
    .mitte, article {width: 460px;}
    nav, .login, .loginform, aside, .titelbild, .footer_links, .footer_rechts, .slogan {display: none;}
    .content {}
    article {padding-bottom: 115px;}
    footer {height: 100px; margin-top: -115px;}

 
    .mobile_nav1 {width: 440px; height: 250px;}
    
    .artikel, .artikel_detail_links, .artikel_detail_rechts  {width: 99%; min-height: none; max-height: none; height: auto;}
    .artikel img {width: 400px;}
    .bilder_layer {width: 460px;}
    .container_hidden {width: 460px;}
    .kal1, .kal2, .kal3 {width: 150px;}
    .versandkosten_links {width: 180px;}
    .versandkosten_links select {width: 140px;}
    .versandkosten_rechts {width: 240px;}
}
@media only screen and (max-width: 360px) {
    .mitte, article {width: 340px;}
    nav, .login, .loginform, aside, .titelbild, .footer_links, .footer_rechts, .slogan {display: none;}
    .content {}
 
    .mobile_nav1 {width: 320px; height: 250px;}
    .artikel, .artikel_detail_links, .artikel_detail_rechts  {width: 100%; min-height: none; max-height: none; height: auto;}
    .artikel img {width: 320px;}
    .bilder_layer {width: 340px;}
    .container_hidden {width: 340px;}
    .kal1, .kal2, .kal3 {width: 100%}
    .versandkosten_links {width: 100%;}
    .versandkosten_links select {width: 100%;}
    .versandkosten_rechts {width: 100%;}
}
@media only screen and (max-width: 320px) {
    .mitte, article {width: 300px;}
    nav, .login, .loginform, aside, .titelbild, .footer_links, .footer_rechts, .slogan {display: none;}
    .content {}
 
    .bg h3 {width: 70%; font-size: 14px;}
    .aufklappen {width: 30%;}
    .aufklappen a {font-size: 10px;}
    
    .mobile_nav1 {width: 280px; height: 250px;}

    .artikel, .artikel_detail_links, .artikel_detail_rechts  {width: 100%; min-height: none; max-height: none; height: auto;}
    .artikel img {width: 280px;}
    .bilder_layer {width: 300px;}
    .container_hidden {width: 300px;}
}


/* Internet Explorer 10 */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {}

/* HiDPi und Retina Display */
@media only screen and (-webkit-min-device-pixel-ratio: 2) {}