
/* responsive iPad */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 2) {

#mainnav {
	display:block;
	right:30px;
}

#subnav a {
	font-size:18px;
}

#subnav strong.active {
	font-size:18px;
}

#footernav {
	float:right;
}

#footernav a {
font-size:12px;	
}

#main .ce_hyperlink.events a {
	font-size:18px;
}

#main .ce_hyperlink.programm a {
	font-size:18px;
}

.mod_eventmenu a {
	font-size:18px;
}

.mod_mobile_menu {
	display:none;
}

#header .logo {
    top: 35px;
    position: absolute;
    left: 65px;
    max-width: 30%;
}

#header .logo img {
    max-width: 80%;
    height: auto;
}

#main .inside {
	padding:0 50px;
}

#container {
	background-image:none;
	background-color:#f7f7f7;
	padding-top:70px;
	margin-top:-25px;
}

#footer {
    font-size:12px;
}

#footer .inside {
	padding:0 50px;
}

.startseite .mod_article.start-links {
	width: 50%;
    margin: 0 80px 0 53px;
    padding: 20px 0 30px 0;
    float: left;
    box-sizing: border-box;
    min-height: 10px;
}


.mod_article.start-links {
	width: 60%;
    margin: 0 20px;
    padding: 20px 0 30px 0;
    float: left;
    box-sizing: border-box;
    min-height: 10px;
}


.mod_article.start-rechts {
	width: 27%;
    margin: 0 20px;
    padding: 20px 0 30px 0;
    float: left;
    box-sizing: border-box;
    min-height: 10px;
}

.mod_article.bottom {
	background-color:#f6f6f6;
}

#main .layout_teaser:nth-child(4n+1) {
	margin-right:0;
}

#main .layout_teaser {
    width: 280px;
    float: left;
    margin-right: 54px;
    margin-bottom: 60px;
    box-sizing: border-box;
}

/* Programm */
.programm #main .layout_teaser {
    width: 280px;
    float: left;
    margin-right: 66px;
    margin-bottom: 60px;
    box-sizing: border-box;
}

.programm #main .layout_teaser:nth-child(3n) {
	margin-right:0;
}

.events #main .layout_teaser {
    width: 280px;
    float: left;
    margin-right: 66px;
    margin-bottom: 60px;
    box-sizing: border-box;
}

.events #main .layout_teaser:nth-child(3n+1) {
	margin-right:0;
}

}
