#landing_top{
    font-size: 18px;
    font-size: 1.125rem;
    padding-bottom: 50px;
}


.haken{
    background-image: url(../img/layout/haken_liste_aktion2.png);
    background-position: left 4px;
    font-size: 18px;
    font-size: 1.125rem;
}

#landing_top_inhalt{
    margin: 0 auto 0 auto;
}

#slides{
    width: 395px;
}

#landing_top_inhalt #landing_top_text{
    margin-top: 20px;
    position: relative;
}


#landing_top_inhalt #landing_top_preis, .btn_aktion2_label{
    margin-top: 40px;
}


#landing_top_inhalt .slidesjs-pagination {
    float: left;
}



#landing_top_inhalt.rahmen #slides{
    margin-top: 117px;
}
#landing_top_inhalt.rahmen #slides{
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19)
}
#landing_top_inhalt.rahmen .slidesjs-pagination {
    position: absolute;
    bottom: -30px;
}







#landing_top_inhalt #landing_top_preis .schon_ab{ 
    font-size: 18px;
    font-size: 1.125rem;
    font-weight: normal;
    float: left;
    line-height: 34px;
    margin-right: 10px;
    letter-spacing: 0;
}

#landing_top_inhalt #landing_top_preis .preis_brutto, #landing_top_inhalt #landing_top_preis .preis_netto{ 
    font-size: 30px; 
    font-size: 1.875rem;
    float: left;
    box-sizing: border-box;
    font-weight: 700;
    position: relative;
    letter-spacing: 1px;
    line-height: 24px;
    margin-right: 5px;
}

#landing_top_inhalt #landing_top_preis .preis_brutto span, #landing_top_inhalt #landing_top_preis .preis_netto span{
    font-weight: normal;
    letter-spacing: 0;
    line-height: inherit;
}




#landing_top_inhalt #landing_top_preis .zzgl_mwst{ 
    color: white; 
    font-size: 12px;
    font-size: 0.75rem;
    margin-left: 25px;
}






#landing_top_inhalt .ihk{ 
    height: 55px;
    padding: 0 0 0 120px;
    background: url(../img/landing/layout/lp_sprite.png) top left no-repeat;
    background-position: -50px -535px;
    line-height: 24px;
    margin-top: 40px;
}


.design_beispiele{
    margin-top: 25px;
    padding-bottom: 30px;    
}



.design_beispiele img{
    margin-right: 10px;
}
.design_beispiele img.letztes{
    margin-right: 0;
}

.design_beispiele div{
    margin-top: 10px; 
    font-size: 11px;
    font-size: 0.6875rem;  
    text-align: center;
}

.landing_kontakt{
    height: 90px;
    text-align: center;
    background: url(../img/landing/layout/lp_sprite.png) top center no-repeat;
    background-position: 50% -210px;
    padding-top: 60px;
    font-size: 16px;
    font-size: 1rem; 
}


.garantie{ 
    margin: 10px auto 30px auto; 
    font-size: 13px; 
    font-size: 0.8125rem;
}
.garantie div{ 
    background: url(../img/landing/layout/lp_sprite.png) top left no-repeat;
    background-position: -50px -1383px;
    display: inline;
    height: 25px;
    padding:  3px 0 20px 35px;
}


.garantie img{ margin-right: 5px; }
.garantie *{vertical-align: middle; }




h1, h1 span{
    color: #091182;
    font-size: 48px;
    font-size: 3rem; 
    font-weight: 700;
    line-height: 56px;
    line-height: 3.5rem;
    
}


h2{ 
    margin: 0 0 30px 0;
    font-size: 36px;
    font-size: 2.25rem;
    text-align: center; 
}


section#meinung h3{
    line-height: 44px;
}



th{ 
    text-align: center;
    border: none;
}

td{ 
    background-color: white; 
    padding: 15px 10px 15px 10px !important; 
    line-height: 20px; 
}






.beispielprojekt_div .beispielprojekt_bild.max_215{
    max-height: inherit;
}


.beispielprojekt_div .btn_aktion1_label, .beispielprojekt_div .btn_aktion2_label{
    margin-top: 0;
}

.beispielprojekt_div p{ 
    padding-bottom: 15px;
}











.fragen{
    margin: 40px 0 50px 0;
}

.fragen p.frage{ 
    font-weight: bold; 
    margin: 0;
    cursor: pointer; 
}


.fragen .frage_antwort{
    margin-bottom: 10px;
    cursor: pointer;
    padding: 20px;
}

.fragen .frage_antwort p.antwort{
    margin: 15px 0 0 0;
    width: 90%;
}

.fragen .frage_antwort.frage_off{
    background-color: #FBFBFB;
}

.fragen .frage_antwort.frage_on{
    background-color: white;
}



.img_zentriert{
    margin: 0 auto 0 auto;
    display: block;
}


.sof_1{ float: left; width:30%; }
.sof_2{ float: left; width:30%; margin-left: 3%; }
.sof_3{ float: left; width:33%; margin-left: 3%; }
.sof_1 p{
    padding-left: 35px;
    width: 265px;
}
.sof_2 p{
    padding-left: 32px;
    width: 268px;
}
.sof_3 p{
    padding-left: 45px;
    width: 255px;
}

.beispielprojekt_div{ padding: 0 10px 0 10px;}








ul.community_zahlen{
    list-style: none;
    padding: 25px 0 30px 0;
    font-size: 14px;
    font-size: 0.875rem;  
}
ul.community_zahlen li{
    float: left;
    width: 25%;
    text-align: center;
}
ul.community_zahlen a{
    font-size: 14px;
    font-size: 0.875rem;  
}
ul.community_zahlen li span{
    font-weight: bold;
    font-size: 20px;
    font-size: 1.25rem; 
}


.designbeispiel {
    width: 242px;
    height: 305px;
    background: url(../img/layout/designbeispiel_hg.png) top left no-repeat;
    padding: 13px;
    float: left;
}

.designbeispiel .designbeispiel_bild{
    width: 240px;
    height: 240px;
    background-size:cover;
    overflow:hidden;
}

.designbeispiel dl{ 
    margin-top: 10px;
}

.designbeispiel dt {
    border-right: 1px #D7D7D7 solid;
}
.designbeispiel dt, .designbeispiel dd {
    width: 50%;
    color: #010101;
    height: 40px;
        font-size: 16px;
    font-size: 1rem; 
    font-weight: bold;
    padding: 5px 0 0 0;
    box-sizing: border-box;
    border-left: none;
    text-align: center;
    margin-left: 0;
}

.designbeispiel dt span, .designbeispiel dd span {
    font-size: 13px;
    font-size: .8125rem;
    font-weight: normal;
}

h1#besteslogo_h1{
    font-size: 50px;
    font-size: 3.125rem;
}



body#logo-design .designbeispiel #designbeispiel_bild_1{
    background: url(../img/landing/logo-design/logo-design_popup_771979.jpg);
}
body#logo-design .designbeispiel #designbeispiel_bild_2{
    background: url(../img/landing/logo-design/logo-design_popup_568473.jpg);
}
body#logo-design .designbeispiel #designbeispiel_bild_3{
    background: url(../img/landing/logo-design/logo-design_popup_366251.jpg);
}
body#logo-design .designbeispiel #designbeispiel_bild_4{
    background: url(../img/landing/logo-design/logo-design_popup_682527.jpg);
}


body#logo-design .vier_beispiele_logo-design_de .designbeispiel #designbeispiel_bild_1{
    background: url(../img/landing/logo-design/logo-design_popup_771979.jpg);
}
body#logo-design .vier_beispiele_logo-design_de .designbeispiel #designbeispiel_bild_2{
    background: url(../img/landing/logo-design/logo-design_liebhaber.png);
}
body#logo-design .vier_beispiele_logo-design_de .designbeispiel #designbeispiel_bild_3{
    background: url(../img/landing/home/logo_mensfashion.png);
}
body#logo-design .vier_beispiele_logo-design_de .designbeispiel #designbeispiel_bild_4{
    background: url(../img/landing/logo-design/logo-design_popup_682527.jpg);
}








body#flyer-design .designbeispiel #designbeispiel_bild_1{
    background: url(../img/landing/flyer-design/flyer-design_popup_887877.jpg);
}
body#flyer-design .designbeispiel #designbeispiel_bild_2{
    background: url(../img/landing/flyer-design/flyer-design_popup_746168.jpg);
}
body#flyer-design .designbeispiel #designbeispiel_bild_3{
    background: url(../img/landing/flyer-design/flyer-design_popup_912223.jpg);
}
body#flyer-design .designbeispiel #designbeispiel_bild_4{
    background: url(../img/landing/flyer-design/flyer-design_popup_375387.jpg);
}

body#webdesign .designbeispiel #designbeispiel_bild_1{
    background: url(../img/landing/webdesign/webdesign_popup_157394.jpg);
}
body#webdesign .designbeispiel #designbeispiel_bild_2{
    background: url(../img/landing/webdesign/webdesign_popup_367853.jpg);
}
body#webdesign .designbeispiel #designbeispiel_bild_3{
    background: url(../img/landing/webdesign/webdesign_popup_697834.jpg);
}
body#webdesign .designbeispiel #designbeispiel_bild_4{
    background: url(../img/landing/webdesign/webdesign_popup_841695.jpg);
}

body#logo-erstellen .designbeispiel #designbeispiel_bild_1{
    background: url(../img/landing/logo-erstellen/logo-erstellen_popup_228785.jpg);
}
body#logo-erstellen .designbeispiel #designbeispiel_bild_2{
    background: url(../img/landing/logo-erstellen/logo-erstellen_popup_426469.jpg);
}
body#logo-erstellen .designbeispiel #designbeispiel_bild_3{
    background: url(../img/landing/logo-erstellen/logo-erstellen_popup_266937.jpg);
}
body#logo-erstellen .designbeispiel #designbeispiel_bild_4{
    background: url(../img/landing/logo-erstellen/logo-erstellen_popup_553726.jpg);
}

body#logo-wettbewerb .designbeispiel #designbeispiel_bild_1{
    background: url(../img/landing/logo-wettbewerb/logo-wettbewerb_popup_219679.jpg);
}
body#logo-wettbewerb .designbeispiel #designbeispiel_bild_2{
    background: url(../img/landing/logo-wettbewerb/logo-wettbewerb_popup_445213.jpg);
}
body#logo-wettbewerb .designbeispiel #designbeispiel_bild_3{
    background: url(../img/landing/logo-wettbewerb/logo-wettbewerb_popup_471371.jpg);
}
body#logo-wettbewerb .designbeispiel #designbeispiel_bild_4{
    background: url(../img/landing/logo-wettbewerb/logo-wettbewerb_popup_488865.jpg);
}


body#designer-jobs #landing_top{
    
}
body#designer-jobs .designbeispiel #designbeispiel_bild_1{
    background: url(../img/landing/designer-jobs/logo-designer-jobs_515619.jpg);
}
body#designer-jobs .designbeispiel #designbeispiel_bild_2{
    background: url(../img/landing/designer-jobs/logo-designer-jobs_587877.jpg);
}
body#designer-jobs .designbeispiel #designbeispiel_bild_3{
    background: url(../img/landing/designer-jobs/logo-designer-jobs_574579.jpg);
}
body#designer-jobs .designbeispiel #designbeispiel_bild_4{
    background: url(../img/landing/designer-jobs/logo-designer-jobs_433185.jpg);
}


body#ebook-cover-design .designbeispiel #designbeispiel_bild_1{
    background: url(../img/landing/ebook-cover-design/ebook-cover-design_752636.jpg);
}
body#ebook-cover-design .designbeispiel #designbeispiel_bild_2{
    background: url(../img/landing/ebook-cover-design/ebook-cover-design_229195.jpg);
}
body#ebook-cover-design .designbeispiel #designbeispiel_bild_3{
    background: url(../img/landing/ebook-cover-design/ebook-cover-design_583221.jpg);
}
body#ebook-cover-design .designbeispiel #designbeispiel_bild_4{
    background: url(../img/landing/ebook-cover-design/ebook-cover-design_811659.jpg);
}

body#illustration .designbeispiel #designbeispiel_bild_1{
    background: url(../img/landing/illustration/illustration_839445.jpg);
}
body#illustration .designbeispiel #designbeispiel_bild_2{
    background: url(../img/landing/illustration/illustration_325815.jpg);
}
body#illustration .designbeispiel #designbeispiel_bild_3{
    background: url(../img/landing/illustration/illustration_668956.jpg);
}
body#illustration .designbeispiel #designbeispiel_bild_4{
    background: url(../img/landing/illustration/illustration_224311.jpg);
}


body#corporate-design .designbeispiel #designbeispiel_bild_1{
    background: url(../img/landing/corporate-design/corporate-design_589426.jpg);
}
body#corporate-design .designbeispiel #designbeispiel_bild_2{
    background: url(../img/landing/corporate-design/corporate-design_848371.jpg);
}
body#corporate-design .designbeispiel #designbeispiel_bild_3{
    background: url(../img/landing/corporate-design/corporate-design_286741.jpg);
}
body#corporate-design .designbeispiel #designbeispiel_bild_4{
    background: url(../img/landing/corporate-design/corporate-design_844582.jpg);
}


body#logo-visitenkarte .designbeispiel #designbeispiel_bild_1{
    background: url(../img/landing/logo-visitenkarte/logo-visitenkarte_832632.jpg);
}
body#logo-visitenkarte .designbeispiel #designbeispiel_bild_2{
    background: url(../img/landing/logo-visitenkarte/logo-visitenkarte_574668.jpg);
}
body#logo-visitenkarte .designbeispiel #designbeispiel_bild_3{
    background: url(../img/landing/logo-visitenkarte/logo-visitenkarte_973298.jpg);
}
body#logo-visitenkarte .designbeispiel #designbeispiel_bild_4{
    background: url(../img/landing/logo-visitenkarte/logo-visitenkarte_379857.jpg);
}


body#banner-design .designbeispiel #designbeispiel_bild_1{
    background: url(../img/landing/banner-design/banner-design_223871.jpg);
}
body#banner-design .designbeispiel #designbeispiel_bild_2{
    background: url(../img/landing/banner-design/banner-design_236811.jpg);
}
body#banner-design .designbeispiel #designbeispiel_bild_3{
    background: url(../img/landing/banner-design/banner-design_587858.jpg);
}
body#banner-design .designbeispiel #designbeispiel_bild_4{
    background: url(../img/landing/banner-design/banner-design_617167.jpg);
}



body#etiketten-design .designbeispiel #designbeispiel_bild_1{
    background: url(../img/landing/etiketten-design/etiketten-design_491557.jpg);
}
body#etiketten-design .designbeispiel #designbeispiel_bild_2{
    background: url(../img/landing/etiketten-design/etiketten-design_599917.jpg);
}
body#etiketten-design .designbeispiel #designbeispiel_bild_3{
    background: url(../img/landing/etiketten-design/etiketten-design_816846.jpg);
}
body#etiketten-design .designbeispiel #designbeispiel_bild_4{
    background: url(../img/landing/etiketten-design/etiketten-design_969229.jpg);
}



body#maskottchen-design .designbeispiel #designbeispiel_bild_1{
    background: url(../img/landing/maskottchen-design/maskottchen-design_438645.jpg);
}
body#maskottchen-design .designbeispiel #designbeispiel_bild_2{
    background: url(../img/landing/maskottchen-design/maskottchen-design_839445.jpg);
}
body#maskottchen-design .designbeispiel #designbeispiel_bild_3{
    background: url(../img/landing/maskottchen-design/maskottchen-design_668956.jpg);
}
body#maskottchen-design .designbeispiel #designbeispiel_bild_4{
    background: url(../img/landing/maskottchen-design/maskottchen-design_973991.jpg);
}


body#logo-agentur .designbeispiel #designbeispiel_bild_1{
    background: url(../img/landing/logo-agentur/agentur-logo_223884.png);
}
body#logo-agentur .designbeispiel #designbeispiel_bild_2{
    background: url(../img/landing/logo-agentur/agentur-logo_771979.png);
}
body#logo-agentur .designbeispiel #designbeispiel_bild_3{
    background: url(../img/landing/logo-agentur/agentur-logo_675397.png);
}
body#logo-agentur .designbeispiel #designbeispiel_bild_4{
    background: url(../img/landing/logo-agentur/agentur-logo_853626.png);
}




/* LP Das beste Logo */



.besteslogo .designbeispiel{
    width: 300px; 
    height: 380px; 
    background: url(../img/layout/designbeispiel_hg2.png) top left no-repeat; 
    padding: 12px;
    float: left;
}

.besteslogo .designbeispiel .designbeispiel_bild{
    width: 300px;
    height: 290px;
    background-size: cover;
    overflow:hidden;
}

.besteslogo .designbeispiel .designbeispiel_overlay{  
    background:rgba(0,0,0,.75);
    text-align:center;
    padding:45px 0 116px 0;
    opacity:0;
    -webkit-transition: opacity .25s ease;
    -moz-transition: opacity .25s ease;
}

.besteslogo .designbeispiel:hover .designbeispiel_overlay {
    opacity:1;
    cursor: pointer;
}

.besteslogo .designbeispiel .designbeispiel_lupe{  
    font-weight:900;
    font-size: 107px;
    font-size: 6.6875rem;
}



.besteslogo .designbeispiel dl{ 
    margin-top: 15px;
}

.besteslogo .designbeispiel dt, .besteslogo .designbeispiel dd{ 
    width: 120px;
    height: 50px;  
    font-size: 16px;
    font-size: 1rem; 
    font-weight: 600;
    text-align: left; 
    padding: 7px 0  0 10px;
    box-sizing: border-box; 
    line-height: 18px;                     
}

.besteslogo .designbeispiel dt span, .besteslogo .designbeispiel dd  span{ 
    display: block;                     
}



.besteslogo .designbeispiel dt{ 
    border-left: 3px #5B59E3 solid;
    margin-left: 20px;
    border-right: none;
}

.besteslogo .designbeispiel dd{ 
    border-left: 3px #23457C solid; 
    margin-left: 10px;
}

.besteslogo .designbeispiel dt span, .besteslogo .designbeispiel dd span {
    font-size: 16px;
    font-size: 1rem; 
    font-weight: 600;
}



.besteslogo .designbeispiel #designbeispiel_bild_1.lazy-background.visible{
    background: url(../img/landing/home/logo-design-tomatenketchup_designbeispiel.png) !important;
    background-size: cover !important;
}
.besteslogo .designbeispiel #designbeispiel_bild_2.lazy-background.visible{
    background: url(../img/landing/home/corporate-design-apotheke_beispiel.png) !important;
    background-size: cover !important;
}
.besteslogo .designbeispiel #designbeispiel_bild_3.lazy-background.visible{
    background: url(../img/landing/home/slider_logo_wolf.jpg) !important;
}
.besteslogo .designbeispiel #designbeispiel_bild_4.lazy-background.visible{
    background: url(../img/landing/home/logo-design-rockfestival_designbeispiel.png) !important;
    background-size: cover !important;
}
.besteslogo .designbeispiel #designbeispiel_bild_5.lazy-background.visible{
    background: url(../img/landing/home/slider_rocket_474176.jpg) !important;    
}
.besteslogo .designbeispiel #designbeispiel_bild_6.lazy-background.visible{
    background: url(../img/landing/home/slider_logo_waldkindergarten.jpg) !important;
}
.besteslogo .designbeispiel #designbeispiel_bild_7.lazy-background.visible{
    background: url(../img/landing/home/slider_hafen_831327.jpg) !important;
}
.besteslogo .designbeispiel #designbeispiel_bild_8.lazy-background.visible{
    background: url(../img/landing/home/slider_visitenkarten_design_bastelhaus.jpg) !important;
}
.besteslogo .designbeispiel #designbeispiel_bild_9.lazy-background.visible{
    background: url(../img/landing/home/slider_kunst_542321.jpg) !important;
}
.besteslogo .designbeispiel #designbeispiel_bild_10.lazy-background.visible{
    background: url(../img/landing/home/slider_bazi_771979.jpg) !important;
}
.besteslogo .designbeispiel #designbeispiel_bild_11.lazy-background.visible{
    background: url(../img/landing/home/slider_laternen.png) !important;
}


.lazy-background {
  background-image: none;
}


.besteslogo .kundenzitat{
    background-color: white; 
    padding: 30px 40px;
}






/* ----------------------------------------------------------------------------- *
 *                          > 760px && < 1170px                                  *
 * ----------------------------------------------------------------------------- */
@media only screen and (min-width: 47.5em) and (max-width: 73.125rem){
    
    
    h1, h1 span{
        font-size: 28px;
        font-size: 1.625rem;
        line-height: 40px;
        font-weight: 700 !important;
    }
    
    
    h2, h3 {
        font-size: 24px !important;
        font-size: 1.5rem !important;
        line-height: 40px;
        font-weight: 700 !important;
        text-align: center;
    }
    
    
    
    .designbeispiel{
        background: none; 
        background-color: white;
        border: 1px #D7D7D7 solid;
        margin-bottom: 15px;
    }
    
    .designbeispiel dl {
        margin-bottom: 0px;
    }
    
    .beispielprojekt_div .beispielprojekt_name a{
        font-size: 18px;
        font-size: 1.125rem;
    }
    
    #landing_top_inhalt #landing_top_text {
        margin-top: 60px;
    }
    
    #landing_top_inhalt .ihk.breite40{ 
        width: 100%;
    }
    
    #slides{
        width: auto;
    }
    
    #landing_top_inhalt a.btn{
        margin-top: 10px;
    }

    
}
/* ----------------------------------------------------------------------------- *
 *                         ENDE > 760px && < 1170px                              *
 * ----------------------------------------------------------------------------- */









/* ----------------------------------------------------------------------------- *
 *                           bis 760px                                           *
 * ----------------------------------------------------------------------------- */
@media only screen and (max-width: 47.5em) {
    
    #navi_content, #page, #content, #header_content, #footer_content, #landing_top_inhalt, .landing_kontakt {
        width: auto !important;
    }
    
    
    
    #landing_top_inhalt a.btn{
        margin-top: 10px;
    }    


    
    
    #landing_top_inhalt #landing_top_preis{
        margin-top: 30px;
    }
    
    
    #header_content ul li.nachricht, #header_content ul li.bewertung, #header_content ul li.konto, #header_content ul li.news, #header_content ul li.hallo {
        display: none; 
    }
    
    #landing_top, #navi, #navi_content, h1{ 
        height: auto !important;
    }
    
    
    #landing_top_inhalt #landing_top_preis .schon_ab{
        font-size: 16px;
        font-size: 1rem;
        font-weight: normal; 
    }
    
    
    #landing_top_inhalt.rahmen #slides{
        margin-top: 0;
    }
    

    
    
    
    ul.community_zahlen{
        font-size: 12px;
        font-size: 0.75rem;
    }
    ul.community_zahlen a{
        font-size: 12px;
        font-size: 0.75rem;
    }
    ul.community_zahlen li span{
        font-size: 12px;
        font-size: 0.75rem;
    }
    
    
    .design_beispiele{ width: 100% !important; }
    .design_beispiele img {
        display: block;
        margin: 0 auto 5px auto;
    }
    .design_beispiele img.letztes {
        margin: 0 auto 0 auto;
    }
    
    .design_beispiele div {
        font-size: 16px; 
        font-size: 1rem;
        margin-top: 10px;
        text-align: center;
        float: left;
    }
    
    .garantie{ width: auto !important;}
    
    #content{ margin: 30px 10px 0 10px; padding: 0;}
    
    
    
    
    
    .so {
        width: 80% !important;
    }
    
    
    .fragen p.frage{
        font-size: 14px;
        font-size: 0.875rem;    
    }
    
    h1, h1 span, h1#besteslogo_h1, h1#besteslogo_h1 span{ 
        font-size: 24px; 
        font-size: 1.5rem;
        font-weight: normal !important; 
        margin: 0 10px 15px 0;
        line-height: 32px;
        line-height: 2rem;    
    }
    
    
    #landing_top_inhalt .ihk p{ 
        font-size: 16px;
        font-size: 1rem;
        font-weight: normal !important; 
    }
    
    
    h2, h3 {
        font-size: 24px;
        font-size: 1.5rem;
        line-height: 40px;
        font-weight: 700;
        text-align: center;
    }
    
    
    .beispielprojekt_div{ margin: 0 10px 20px 0; }
    .beispielprojekt_div .beispielprojekt_name{ 
        line-height: 16px; 
        line-height: 1rem;
    }
    
    .beispielprojekt_div p{ margin-bottom: 5px !important;}
    
    
    
    
    
    
    .beispielprojekt_div .beispielprojekt_name a{
        font-size: 16px;
        font-size: 1rem;
    }
    
    
    .designbeispiel{
        background: none; 
        background-color: white;
        border: 1px #D7D7D7 solid;
        margin-bottom: 15px;
    }
    
    .designbeispiel dl {
        margin-bottom: 0px;
    }
    
}


/* ----------------------------------------------------------------------------- *
 *                           bis 320px                                           *
 * ----------------------------------------------------------------------------- */
@media only screen and (max-width: 20em) {
  
    .projekt_starten .btn{
        font-size: 14px;
        font-size: 0.875rem;
        line-height: 24px; 
        line-height: 1.5rem;
    }
    
    .beispielprojekt_div{ width: 90% !important; margin: 0 10px 20px 0;  }
    .beispielprojekt_div .beispielprojekt_bild{ height: auto !important; margin-bottom: 10px; }
    .beispielprojekt_div .beispielprojekt_name{ height: auto !important; margin-bottom: 10px; }
    
    #landing_top_inhalt #landing_top_preis {
        width: 100%!important;
    }
    
    ul.community_zahlen li{
        width: 50%;
        margin-bottom: 20px;
        box-sizing: border-box;
        height: 60px;
    }
    
    .beispielprojekt_div .beispielprojekt_desc{
        display: none;
    }
    
    .beispielprojekt_div .beispielprojekt_bild{
        display: block;
        width: 50%;
        border: none;
    }
    .beispielprojekt_div .beispielprojekt_bild img{
        width: 100% !important;
        height: 100% !important;
    }
    .beispielprojekt_div .beispielprojekt_designs, .beispielprojekt_div .beispielprojekt_preis{
        width: 25%;
        border: none;
    }
    
    .beispielprojekt_div .beispielprojekt_designs .fontsize16, .beispielprojekt_div .beispielprojekt_preis .fontsize16{
        font-size: 12px;
        font-size: 0.75rem;
    }
    
    #slides{
        width: 100%;
    }
    
    #landing_top_inhalt .ihk p{
        font-size: 14px;
        font-size: 0.875rem;
        line-height: 18px;
    }
    
    .beispielprojekt_div .btn_aktion2_label{
        width: 120px;
    }            
    
}


/* ----------------------------------------------------------------------------- *
 *                        zwischen 320px und 450px                                               *
 * ----------------------------------------------------------------------------- */
@media only screen and (min-width: 20rem) and (max-width: 28.125rem) {
    
    
    ul.community_zahlen{
        font-size: 12px;
        font-size: 0.75rem;
    }
    
    ul.community_zahlen li{
        width: 50%;
        margin-bottom: 20px;
        box-sizing: border-box;
        height: 60px;
    }
    

    
    ul.community_zahlen a{
        font-size: 12px;
        font-size: 0.75rem;
    }
    ul.community_zahlen li span{
        font-size: 12px;
        font-size: 0.75rem;
    }
    
    .beispielprojekt_div .beispielprojekt_bild{
        margin-bottom: 10px;
    }
    
    #slides{
        width: 100%;
    }
    
    #landing_top_inhalt.rahmen #slides{
        height: auto;
    }
    
    #landing_top_inhalt .ihk p{
        font-size: 14px;
        font-size: 0.875rem;
        line-height: 18px;
    }
    
    .beispielprojekt_div .beispielprojekt_bild{
        float: none;
        display: block;
    }
    
    .beispielprojekt_div .beispielprojekt_name{
        clear: both;
    }
    
    .beispielprojekt_div p {
        padding: 20px 0 5px 0;
    }
    
    
    .beispielprojekt_div .btn_aktion1_label, .beispielprojekt_div .btn_aktion2_label{
        margin-top: 10px;
        width: 100px;
    }
    
}



/* ----------------------------------------------------------------------------- *
 *                        zwischen 450px und 800px                                               *
 * ----------------------------------------------------------------------------- */
@media only screen and (min-width: 28.125rem) and (max-width: 50rem) {
    .design_beispiele {
        text-align: center;
    }
    
    .design_beispiele img, .design_beispiele img.letztes{
        display: inline-block;
        margin: 0 3px;
    }
    
    

    
}




/* ----------------------------------------------------------------------------- *
 *                        zwischen 970px und 1140px                              * 
 * ----------------------------------------------------------------------------- */
@media only screen and (min-width: 60.625rem) and (max-width: 71.25rem) {

    #navi_content, #page, #content, #landing_top_inhalt, .landing_kontakt, #header_content, #footer_content {
        width: auto !important;
    }
    
    #header, h1, #landing_top_inhalt{ height: auto !important; }
    
    #header_content img{
        margin: 10px 0 15px 15px !important; 
    }
    #header_content ul{ text-align: right; margin-right: 10px; }
    
    
    .design_beispiele {
        text-align: center;
    }
    
    #content{ margin: 0 20px 30px 20px;}        
    
    #landing_top_inhalt{
        margin-left: 20px;
    }
    
    #footer #footer_content{
        padding-left: 20px;
    }
    
}