/* (c) 2013 by Michael Weigand -------------------------

 stilmedien - Kommunikation & Werbung ------------------

 stilmedien.de -----------------------------------------

 mail@stilmedien.de --------------------------------- */



.smartphone{display: none;}


/* iPad Landscape 1024px x 768px */

@media (max-width: 1100px) {

  * {

    -moz-box-sizing: border-box;

    box-sizing: border-box;

  }

  img {

    max-width: 100%;

    height: auto;

  }

  



.pagewidth{width: 840px;}



.logo{width: 30%; height: 100px;}

.condata{width: 67%;}

.mainmenu{width: 100%; margin: 30px 0 0 0;}



.maincol{width: 67%;}

.rightcol{width: 32%;}



.main .kachel{width: 32%; margin-left: 1%; margin-right: 1%;}



.main.content .moduletable:nth-child(3n+1) .kachel{margin-left: 0;}

.main.content .moduletable:nth-child(3n) .kachel{margin-right: 0;}



.footer .col{width: 22.75%; margin: 0 3% 0 0;}

 

.partner .col.one, .partner .col.two{width: 48%;} 

  

  

}

/* */

@media (max-width: 600px) {

.pagewidth{width: 96%;} 

.header-wrapper{padding-bottom: 20px;}


.topmenu{display: none;}

.logo{width: 100%; float: none; margin: 0 0 20px 0}

.condata.desktop{display: none;}
.condata{width: 100%; height: auto; float: none; background: #FFF url(../images/condata.png) bottom right no-repeat; margin: 0; padding: 0 0 30px 0;}
.condata, .condata h3, .condata a{color: #000;}
.condata .col{width: 100%;}


.mainmenu.desktop{display: none;}

.smartphone{display: block;}

.smartphone.navi{margin: 0;}

.mainmenu.smartphone{width: 75%; float: left;}

.mainmenu{margin: 0;}

.kontakt.smartphone{width: 18%; float: right; background: #FFF url(../images/phone.png) center center no-repeat; line-height: 50px;}


.mainmenu.smartphone ul{display: none;}
.mainmenu.smartphone select.tinynav {width: 100%; height:50px;-webkit-appearance: none; border-radius: 0; background: #FFF url(../images/navigation.png) right center no-repeat; color: #000; font-size: 1.3em; font-weight: bold;}
.mainemnu.smartphone select option{line-height: 50px;}

.slider{display: none;}

.main .kachel{width: 49%; margin: 20px 1% 0 0 !important;}

.rightcol .kachel, .rightcol .moduletable:first-child .kachel{margin: 20px 0 0 0;}

.main.content .moduletable:nth-child(2n+2) .kachel{margin-left: 1% !important; margin-right: 0 !important;}

.sub.content{padding-top: 20px;}

.maincol, .rightcol{width: 100%; float: none;}


.slider .flex-caption{font-size: 1em;}

.footer .col{width: 100%; margin: 30px 0 0 0;}

.footer .col.one ul li, .footer .col.two ul li{width: 48%; float: left;}

.footer .col.one ul li:nth-child(2n+2), .footer .col.two ul li:nth-child(2n+2){float: right;}




.partner .col.one, .partner .col.two{width: 100%; margin: 0;}

.partner .col.two{margin: 20px 0 0 0;}


.backtop{display: none}


}