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

/* Hintergrund */

body {
    background-color:#1d1f1c;
    background-image:url("/files/hintergrund/hintergrund-1.gif");
    background-repeat:repeat-y;
    background-attachment: fixed;
    background-size: 100% auto;
}

/* HEADER */

/* Höhe und Farbe des Headers */
#header {
    width:100%;
    height:120px;
    max-width:960px;
    top:0;
    position:fixed;
    padding-top:38px;
}

/* Burgermenue ausblenden */
#menubutton {
    display: none;
}

/* MAIN */

/* Blende */
#main {
    display:block;
    -webkit-animation: smooth 1s ease-in;
     animation: smooth 1s ease-in;
}

/* Blende */
@-webkit-keyframes smooth {
    0% { opacity: 0;}
    100% { opacity: 1;}
}

/* Größe Mainbereich*/
#main {
    min-height:500px;
    top: 22vh;
    padding-bottom:160px;
}

/*Infonavigation oben rechts */

.mod_customnav {
    position: fixed;
    top: 60px;
    right: 0;
    width: 150px;
    height: auto;
    background-color: rgba(0,0,0,0.5);
}

/* Rundbild Position */
#rundbild {
    margin-left:-45px;
}

/* Abstand rechts vom Bild */
#main .grid6 {
    margin-left:48px;
}

/* EVENTS */

/* Abstand vor Eventliste */
.mod_eventlist {
    margin-top: 46px; 
}

/* Abstand zwischen Übeschrift H3 und eigentlicher Liste */
.mod_eventlist h3 {
    margin-bottom: 46px;
}

/* Events Header mit Datum nicht anzeigen */
.mod_eventlist .header {
    display: none;
}

/* Abstand nach einem Event */
.mod_eventlist .event {
    margin-bottom:48px;
}

/* Kein Einzug links */
.mod_newslist .ce_text,
.mod_eventlist .ce_text,
.mod_eventlist h2,
.mod_eventlist .time {
    padding-left: 0 !important;
    margin-left: 0 !important;
}

/* Überschriften bei Nachrichten (Stimmen) nicht anzeigen */
.mod_newslist h1 {
    display:none;
}

/* Datum und Autor in Newslisten (Stimmen) nicht anzeigen */
.mod_newslist .layout_full .info {
    display: none;;
}

/* Abstand bei Nachrichten (Stimmen) */
.mod_newslist .layout_full {
    margin-bottom:24px;
}

/* FORMULAR */
/* Felder im Kontakt- und Newsletter-Formular */
.ce_form .text {
    width:98%;
    height:36px;
    display:block;
    margin-right:auto;
    margin-bottom:12px;
    margin-left:auto;
    padding:2px 12px;
    border:1px dotted #5e9d6b;
}

/* Felder im Kontakt- und Newsletter-Formular */
.ce_form .textarea {
    width:98%;
    height:120px;
    display:block;
    margin-right:auto;
    margin-bottom:12px;
    margin-left:auto;
    padding:12px;
    border:1px dotted #5e9d6b;
}

/* Felder im Kontakt- und Newsletter-Formular */
.ce_form .submit {
    width:100px;
    height:36px;
    display:block;
    margin-right:auto;
    margin-bottom:12px;
    margin-left:auto;
    padding:2px 12px;
    text-align:center;
    background-color:rgba(94,157,107,0.2);
    border:1px dotted #5e9d6b;
    font:.8rem 'Bitter';
    color:#fff;
    background-image: none !important;
}

/* Felder im Kontakt- und Newsletter-Formular */
.mod_subscribe .text,
.mod_unsubscribe .text {
    width:98%;
    height:36px;
    display:block;
    margin-right:auto;
    margin-bottom:12px;
    margin-left:auto;
    padding:2px 12px;
    border:1px dotted #5e9d6b;
}

/* Felder im Kontakt- und Newsletter-Formular */
.mod_subscribe .submit,
.mod_unsubscribe .submit {
    width:100px;
    height:36px;
    display:block;
    margin-right:auto;
    margin-bottom:12px;
    margin-left:auto;
    padding:2px 12px;
    text-align:center;
    background-color:rgba(94,157,107,0.2);
    border:1px dotted #5e9d6b;
    font:.8rem 'Bitter';
    color:#fff;
    background-image: none !important;
}

/* FOOTER */

/* Position und Größe Fußbereich */
#footer {
    width:100%;
    height:120px;
    bottom:0;
    left:0;
    position:fixed;
    background-image:url("/files/grafik/cb-welle-gruen@2x.png");
    background-position:left top;
    background-repeat:repeat-x;
    z-index:9999;
}

/* Innenbereich Fuß */
#footer .inside {
    max-width:960px;
    margin-right:auto;
    margin-left:auto;
}
.Impressum .ce_text {
    padding-bottom:100px;
}

/* NAVIGATION */

#navigation {
    margin-right:auto;
    margin-left:auto;
    position: center !important;
}

/* Position und Abmessung der Navigation im Fuß */
#navigation.mod_navigation {
    height:56px;
    margin-top:46px;
}

/* Listenpunkte in Navigation */
#navigation.mod_navigation li {
    height:36px;
    float:left;
    display:block;
    padding-right:24px;
    padding-left:8px;
    text-align:center;
}

/* COOKIE */
/* Cookiebar platzieren */
.cookiebar {
    bottom:120px;
    position:fixed;
    background-color:rgba(28,173,9,0.8);
    z-index: 1000;
}


