/**
 * Use this file to conditionally override styles for devices.
 * If you adjust the media queries in the theme settings you should
 * adjust them here so they match.
 */

/* Smartphone landscape */
@media only screen and (max-width:768px) {
html {
    background: #000000;
}
#page {
    width: 100%;
	background:  #000000;
}
#page > header, .region-help, #columns {
    margin: 0;
}
#logo {
    height: auto;
    margin: 0 auto -5px;
}
#logo img, .view-bild-oben img, .front .view-frontpage img,.front {
    max-width: 100%;
    margin: 0;
}
#menu-bar {
    background: none;
    height: auto;
    margin: 0 auto;
}
#columns {
    padding: 40px 0;
}
h1, #content, .front .front-content,.section-galerie #content {
margin: 0 2%;
}
.front .front-content {
padding: 20px 0 0;
}
.front #content {
margin: 0;
}
.front-main-content {
    margin: 30px  0;
}
h2,h3 {
    margin-left: 0;
}
.section-kontakt #block-block-3 {
    display: none;
}
#page > footer {
    background: none;
    margin: 0;
}
#block-block-2 {
    width:100%;
}
.front-video {
    margin: 0;
}
.front h1 {
    margin-right: 0;
}
#cboxLoadedContent div {
    display: table-cell;
    font-size: 0;
    height: 100%;
    text-align: center;
    vertical-align: middle;
    width: 100%;
}
.view-display-id-block .media-youtube-outer-wrapper {
    height: 250px !important;
    width: 440px !important;
}
}

/* Tablet landscape */
@media only screen and (min-width:769px) and (max-width:1024px) {
html {
    background: url("/sites/all/themes/standard/css/images/background_main_1024.jpg") no-repeat fixed center top #000000;
}
#page {
    width: 95%;
	background:  #000000;
}
#page > header, .region-help, #columns {
    margin: 0;
}
#logo {
    height: auto;
    margin: 0 auto -5px;
}
#logo img, .view-bild-oben img, .front .view-frontpage img {
    max-width: 100%;
    margin: 0;
}
.front-video {
    margin: 0;
}
}

/* Standard layout */
@media only screen and (min-width:1025px) {
html {
    background: url("/sites/all/themes/standard/css/images/background_main.jpg") no-repeat fixed center top #000000;
}
}