@media screen and (min-width: 960px) {

/* ausschalten für Desktop */
#header .mobilheader-wrapper {
    display:none;
}

/* einschalten für desktop */
#header .mod_navigation,
#footer nav,
#footer .copyright {
    display:block;
}

/* ###############  Layoutbereiche  ############### */
body {
    background-color:#FFF;
    font-family:'Lato','Lucida Sans Unicode',sans-serif;
    background-image: url("../content/img/hintergrund/hg-transparenz-85.png"), url("../content/img/hintergrund/hintergrundbild-sw.jpg");
    background-position: center 74px;
        background-repeat: no-repeat;
}
body.ebene-1 {
    background-image: url("../content/img/hintergrund/hg-transparenz-20.png"), url("../content/img/hintergrund/hintergrundbild-sw.jpg");
}
body.start {
    background-image:url("../content/img/hintergrund/hintergrundbild-farbe.jpg");
    background-size: auto auto;
}
#wrapper {
    max-width:1024px;
    margin-right:auto;
    margin-left:auto;
}
#container {
    min-height:652px;
    display: -webkit-box;
    display: -webkit-flex; /* Safari */
    -webkit-flex-wrap: wrap; /* Safari 6.1+ */
    display: flex;
    flex-wrap: wrap;
}
.ebene-1 #container {
    padding:22px 22px 0;
    background-color:rgba(255,255,255,.85);
}

/* Hauptcontent */
#main,
.ebene-1.navi-unten #main {
    max-height:652px;
    overflow:auto;
    padding:22px 36px 36px 22px;
    background-color:#e8e9eb;
    width: 63.671875%;
}
.slider #main {
    overflow:hidden;
}
.start #main,
.ebene-1 #main {
    width:100%;
    padding:0;
    background: transparent;
}
.ohne-kachel #main {
    max-height:602px;
    padding-right:5%;
}
.ebene-1.navi-unten #main {
    padding:0 22px 0 0;
    background: transparent;
}
.slider #main {
    padding:0;
    background-color:#bbbdc2;
}
#right {
    max-height:652px;
    overflow:auto;
    padding-top:24px;
    background-color:#dddee0;
    width: 36.328125%;
    padding-left: 2.34375%;
    padding-right: 3%;
}

/* Kein Hintergrund für Randspalte Impressum */
.ebene-1.navi-unten #right {
    padding-top:0;
    border-left:1px solid #97989d;
    background: transparent;
}
#footer {
    padding-top:10px;
    padding-right:22px;
    padding-left:22px;
    font-size:1.14em;
    text-transform:uppercase;
}
#footer .inside {
    display: -webkit-box;
    display: -webkit-flex;
    -webkit-justify-content: space-between;
    display: flex;
    justify-content: space-between;
}

/* ###############  Navigation - Main  ############### */
.mod_navigation {
    width:100%;
}
#header .mod_navigation ul.level_1 {
	display: flex;
	justify-content: space-between;
    width:100%;
    position:relative;
    padding-top:2em;
    z-index: 50;
}
#header .mod_navigation li {
	display: inline-block;
    font-size:2.14em;
    line-height:100%;
    text-transform:uppercase;
}
/*#header .mod_navigation .level_1 li.submenu:nth-of-type(2) {
    left:292px;
    position:absolute;
}
#header .mod_navigation li:nth-of-type(3) {
    left:503px;
    position:absolute;
}
#header .mod_navigation li:nth-of-type(4) {
    left:815px;
    position:absolute;
}*/
nav li a,
nav li a:link,
nav li a:visited {
    text-decoration:none;
    color:rgba(0,0,0,.95);
}
nav .level_1 li:hover a,
nav li a:focus,
nav li .trail,
nav li .active {
    font-weight: 700;
}
#header nav .level_1 li.first a,
#header nav .level_1 li.first a:link,
#header nav .level_1 li.first a:visited {
    color:#8d9299;
    font-weight: 700;
}

/* Submenü ausblenden */
#header nav ul.level_2 {
    display: none;
}

/* Submenü bei Hover einblenden */
#header nav .level_1 li:hover .level_2,
#header nav .level_1 li:focus .level_2 {
    width:auto;
    height:auto;
    position:absolute;
    display:block;
    padding:16px;
    background-color:#FFF;
    z-index: 100;
    display: block;
}
#header .mod_navigation li:nth-of-type(2):hover .level_2 {
    width:240px;
}
#header .mod_navigation li:nth-of-type(3):hover .level_2 {
    width:340px;
}
#header .mod_navigation li:nth-of-type(4):hover .level_2 {
    width:165px;
}
.mod_navigation .level_1 li:hover .level_2 a,
.mod_customnav .level_1 li:hover .level_2 a {
    font-weight:normal;
    text-transform:none;
}
#header .mod_navigation .level_2 li {
    left:0;
    position:relative;
    display:block;
    margin-right:0;
    margin-bottom:.5rem;
    margin-left:0;
    text-align:left;
    font-size:1rem;
    line-height:1.5rem;
}
#header .mod_navigation .level_2 li.first a,
#header .mod_navigation .level_2 li.first a:link,
#header .mod_navigation .level_2 li.first a:visited {
    font-weight:normal;
    color:#000;
}
#header .mod_navigation .level_2 a:hover,
#header .mod_navigation .level_2 a:focus {
    border-bottom:1px solid rgba(0,0,0,.85);
}

/* ###############  Navigation - Footer  ############### */
#footer .mod_navigation {
    width:72%;
}

/* Submenü ausblenden */
#footer .mod_navigation .level_2,
#footer .mod_customnav .level_2 {
    width:0;
    height:0;
    left:-32768px;
    top:-32768px;
    position:absolute;
    overflow:hidden;
    display:inline;
}

/* Submenü bei Hover einblenden */
#footer .mod_navigation li:hover .level_2,
#footer .mod_customnav li:hover .level_2 {
    width:auto;
    height:auto;
    left:auto;
    top:auto;
    padding:16px;
    background-color:#FFF;
    z-index: 100;
}
#footer .mod_navigation li,
#footer .mod_changelanguage li {
    padding-top:5px;
    padding-bottom:5px;
}
#footer .mod_changelanguage {
    margin-right:44px;
}
.copyright {
    margin-top:5px;
    margin-bottom:5px;
    color:rgba(141, 146, 153,.5);
}

#footer .mod_navigation li {
    margin-right:30px;
}
#footer .mod_navigation ul.level_1,
.mod_navigation ul {
    display: -webkit-box;
    display:  -webkit-flex;
    display: flex;
}
#footer .mod_navigation .level_2 {
    left:auto;
    top:auto;
    margin-top: -240px;
    display: -webkit-box;
    display: -webkit-flex;
    -webkit-flex-wrap: wrap;
    display: flex;
    flex-wrap: wrap;
}
#footer .mod_navigation .level_2 li {
    width:30%;
    margin-right: 0;
}
#footer .mod_navigation .level_2 a:hover,
#footer .mod_navigation .level_2 a:focus {
    font-weight: 700;
}
.copyright {
    color:rgba(141, 146, 153,.5);
}

/* ###############  Stile für Ebene 1  ############### */
.ebene-1 .mod_article {
    display: -webkit-box;
    display: -webkit-flex; /* Safari */
        -webkit-justify-content: space-between; /* Safari 6.1+ */
    -webkit-flex-wrap: wrap; /* Safari 6.1+ */
        display: flex;
        justify-content: space-between;
    flex-wrap: wrap;
}
.ebene-1 .mod_article.flex-item-6 {
    -webkit-justify-content: flex-start; /* Safari 6.1+ */
            justify-content: flex-start;
}

/* Seiten mit 4 Kacheln - Standard */
.ebene-1 #main .ce_text,
.ebene-1 #main .platzhalter,
.ebene-1 #main .ce_image {
    width:228px;
    min-height:300px;
}

/* Kein Abstand für die untere Kachelreihe */
.ebene-1 #main .flex-item-6 a.ce_linkedElement:nth-of-type(n+11) .ce_text {
    min-height:160px;
    margin-bottom:0;
}

/* Stile für Seiten der Ebene 1 ohne Kacheln */
.ebene-1.ohne-kachel #main .ce_text,
.ebene-1.navi-unten #main .ce_text {
    width:100%;
    min-height:0px;
    margin:0;
    padding:0;
}
.ebene-1 #main img {
    margin-bottom:.5em;
}
.ebene-1 #main a {
    font-size:1.1em;
    text-decoration:none;
    color:rgba(0,0,0,.95);
}
.ebene-1 #main a:hover,
.ebene-1 #main a:focus {
    font-weight:bold;
}
.ebene-1 #main a img:hover {
    -webkit-filter:brightness(120%);
        filter:brightness(120%);
}
.ebene-1 #main .statement {
    height:228px;
    display:table;
    padding-bottom:62px;
    text-align:center;
    background-image:url("../content/img/hintergrund/hg-75.png");
    background-repeat:repeat-x;
    font-size:1.8em;
    font-weight:bold;
    color:#8d9299;
    letter-spacing:.02em;
    background-color: transparent;
}

/* vertikale zentrierung */
.statement p {
    height:228px;
    display:table-cell;
    vertical-align:middle;
}
.statement:hover p,
.statement:focus p {
    color:rgba(141, 146, 153,.8);
}

/* ###############  Fotoslider  ############### */
.content-slider .slider-wrapper {
    max-height:660px;
}
.slider-control {
    width:100%;
    left:0;
    top:300px;
    position:absolute;
    padding-right:4px;
    padding-left:4px;
    display: -webkit-box;
    display: -webkit-flex; /* Safari */
    	-webkit-justify-content: space-between; /* Safari 6.1+ */
    	display: flex;
    	justify-content: space-between;
    -ms-flex-align: center;
    	-webkit-align-items: center;
    	-webkit-box-align: center;
    	align-items: center;
}
#main .slider-control a,
#main .slider-control a:link {
    position:relative;
    display:block;
    margin-bottom:0;
    border-bottom:0;
    font:5em Courier;
    text-decoration:none;
    color:#FFF;
}
.slider-control span.slider-menu {
    display:none;
}

/* ###############  Typographie  ############### */
h1 {
    margin-top:0;
    font-size:2.14em;
    text-transform:uppercase;
    letter-spacing:.01;
    font-weight: 700;
}
h2 {
    margin-top:1.8em;
    margin-bottom:.3em;
    font-size:1.5em;
    line-height:125%;
    color:#47433F;
    text-transform:uppercase;
    letter-spacing:.01em;
    font-weight: 700;
}
.navi-unten h3 {
    margin-top:2em;
    margin-bottom:.3em;
    font-size:1.3em;
    color:rgba(71, 67, 63,.8);
    font-weight: 700;
}
.navi-unten #right h3 {
    margin-top:0;
}

/* weniger Abstand für H2 rechte Spalte */
#right h2 {
    margin-top:0;
}
p,
li {
    font-size:1.05em;
    line-height:140%;
    color:rgba(0,0,0,.85);
}
#main li,
#right li {
    padding-left:2em;
}
#main li::before,
#right li::before {
    top: 0.03em;
    position:relative;
    display:inline-block;
    margin-right:.3em;
    font-size:1.4em;
    color:#97989;
    content: '■';
}
#main a,
#main a:link,
#main a:visited,
#right a,
#right a:link,
#right a:visited {
    border-bottom:1px solid #8d9299;
    text-decoration:none;
    color:rgba(0,0,0,.85);
}
#main a:hover,
#main a:focus,
#right a:hover,
#right a:focus {
    color:#244a73;
}

/* kein Unterstrich für Bildlinks */
#right .bildlink a,
#right .bildlink a:link,
#right .bildlink a:visited {
    border-bottom:0;
}

/* Hovereffekt für Bildlinks */
#right .bildlink a:hover,
#right .bildlink a:focus {
    filter:invert(30%);
}

/* kein Unterstrich für verlinkte Kacheln */
#main a.ce_linkedElement,
#main a.ce_linkedElement:link,
#main a.ce_linkedElement:visited {
    border-bottom:0;
}
#right img + img {
    margin-left:1.5em;
}
.zentrieren {
    margin-right:auto;
    margin-left:auto;
    text-align:center;
}
.vertikal-zentrieren {
    height:620px;
    display: -webkit-flex;
    -webkit-align-items: center;
    -webkit-justify-content: center;
    -webkit-flex-wrap: wrap;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}
.vertikal-zentrieren p {
    width:100%;
}
}