body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul,.content-gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li,.content-gallery>ul li{float:left}.ce_gallery>ul li.col_first,.content-gallery>ul li.col_first{clear:left}.float_left,.media--left>figure{float:left}.float_right,.media--right>figure{float:right}.block{overflow:hidden}.media{display:flow-root}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both}
@media (max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.audio_container audio{max-width:100%}.video_container video{max-width:100%;height:auto}.aspect,.responsive{position:relative;height:0}.aspect iframe,.responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%}.aspect--16\:9,.responsive.ratio-169{padding-bottom:56.25%}.aspect--16\:10,.responsive.ratio-1610{padding-bottom:62.5%}.aspect--21\:9,.responsive.ratio-219{padding-bottom:42.8571%}.aspect--4\:3,.responsive.ratio-43{padding-bottom:75%}.aspect--3\:2,.responsive.ratio-32{padding-bottom:66.6666%}
header,footer,nav,section,aside,main,article,figure,figcaption{display:block}body,div,h1,h2,h3,h4,h5,h6,p,blockquote,pre,code,ol,ul,li,dl,dt,dd,figure,table,th,td,form,fieldset,legend,input,textarea{margin:0;padding:0}table{border-spacing:0;border-collapse:collapse}caption,th,td{text-align:left;text-align:start;vertical-align:top}abbr,acronym{font-variant:normal;border-bottom:1px dotted #666;cursor:help}blockquote,q{quotes:none}fieldset,img,iframe{border:0}ul{list-style-type:none}sup{vertical-align:text-top}sub{vertical-align:text-bottom}del{text-decoration:line-through}ins{text-decoration:none}body{font:12px/1 "Lucida Grande","Lucida Sans Unicode",Verdana,sans-serif;color:#000}input,button,textarea,select{font-family:inherit;font-size:99%;font-weight:inherit}pre,code{font-family:Monaco,monospace}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}h1{font-size:1.8333em}h2{font-size:1.6667em}h3{font-size:1.5em}h4{font-size:1.3333em}table{font-size:inherit}caption,th{font-weight:700}a{color:#00f}h1,h2,h3,h4,h5,h6{margin-top:1em}h1,h2,h3,h4,h5,h6,p,pre,blockquote,table,ol,ul,form{margin-bottom:12px}
#colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden;-webkit-transform:translate3d(0,0,0)}#cboxWrapper{max-width:none}#cboxOverlay{position:fixed;width:100%;height:100%}#cboxMiddleLeft,#cboxBottomLeft{clear:left}#cboxContent{position:relative}#cboxLoadedContent{overflow:auto;-webkit-overflow-scrolling:touch}#cboxTitle{margin:0}#cboxLoadingOverlay,#cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%;height:100%}#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{cursor:pointer}.cboxPhoto{float:left;margin:auto;border:0;display:block;max-width:none;-ms-interpolation-mode:bicubic}.cboxIframe{width:100%;height:100%;display:block;border:0;padding:0;margin:0}#colorbox,#cboxContent,#cboxLoadedContent{box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box}#cboxOverlay{background:#000;opacity:.9;filter:alpha(opacity = 90)}#colorbox{outline:0}#cboxContent{margin-top:20px;background:#000}.cboxIframe{background:#fff}#cboxError{padding:50px;border:1px solid #ccc}#cboxLoadedContent{border:5px solid #000;background:#fff}#cboxTitle{position:absolute;top:-20px;left:0;color:#ccc}#cboxCurrent{position:absolute;top:-20px;right:0;color:#ccc}#cboxLoadingGraphic{background:url(../../assets/colorbox/images/loading.gif) no-repeat center center}#cboxPrevious,#cboxNext,#cboxSlideshow,#cboxClose{border:0;padding:0;margin:0;overflow:visible;width:auto;background:0 0}#cboxPrevious:active,#cboxNext:active,#cboxSlideshow:active,#cboxClose:active{outline:0}#cboxSlideshow{position:absolute;top:-20px;right:90px;color:#fff}#cboxPrevious{position:absolute;top:50%;left:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top left;width:28px;height:65px;text-indent:-9999px}#cboxPrevious:hover{background-position:bottom left}#cboxNext{position:absolute;top:50%;right:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top right;width:28px;height:65px;text-indent:-9999px}#cboxNext:hover{background-position:bottom right}#cboxClose{position:absolute;top:5px;right:5px;display:block;background:url(../../assets/colorbox/images/controls.png) no-repeat top center;width:38px;height:19px;text-indent:-9999px}#cboxClose:hover{background-position:bottom center}
/* noto-serif-display-300 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Noto Serif Display';
    font-style: normal;
    font-weight: 300;
    src: url('../../files/fonts/noto-serif-display-v24-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  /* noto-serif-display-regular - latin */
  @font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Noto Serif Display';
    font-style: normal;
    font-weight: 400;
    src: url('../../files/fonts/noto-serif-display-v24-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  /* noto-serif-display-700 - latin */
  @font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Noto Serif Display';
    font-style: normal;
    font-weight: 700;
    src: url('../../files/fonts/noto-serif-display-v24-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }

  /* noto-sans-regular - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Noto Sans';
    font-style: normal;
    font-weight: 400;
    src: url('../../files/fonts/noto-sans-v37-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  /* noto-sans-800 - latin */
  @font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Noto Sans';
    font-style: normal;
    font-weight: 800;
    src: url('../../files/fonts/noto-sans-v37-latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
@media screen {

    /*Abstand und Linien in Veranstaltungsliste (Teaser) */

    .mod_eventlist .layout_teaser {
        margin-bottom: 30px;
        padding-bottom: 20px;
        border-bottom: white 1px dotted;
    }

    /*Abstand einzelner Artikel*/

    .mod_article {
        margin-bottom: 24px;
    }

    /*Abstand einzelner Inhaltselemente innerhalb eines Artikels*/

    .content-text,
    .content-image,
    .content-text figure {
        margin-bottom: 48px;
    }
    
    /*Abstand nach Einzelbild*/
    .content-image {
        margin-top: 48px;
    }
    
    .ohneAbstand.content-image {
        margin-top: 12px;
        margin-bottom: 12px;
    }
    
    /*Abstand nach Einzelbild zur Unterschrift*/
    img {
        margin-bottom: 12px;
    }
    
    /*Abstand vor Bildergalerie*/
    .content-gallery {
        margin-top: 24px;
        margin-bottom: 0px;
    }
    
     /*Abstände in Bildergalerie*/
    .content-gallery img {
        margin-right: 10px;
    }
    
     /*Abstand nach einzelnem Download-Element*/
    .content-download{
        margin-top: -12px;
        margin-bottom: 60px;
    }
    
    /*Abstand nach Div mit Download-Elementen*/
    .content-downloads {
        margin-bottom: 60px;
    }
    
    /*Abstand nach Videos - Element "videoInfo"*/
    .videoInfo {
        margin-top: 12px;
    }
    
    
    /*Abstand nach Video-Elementen (Youtube und Vimeo) wenn mit VideoAbstand ausgezeichnet*/
    .VideoAbstand.content-youtube,
    .VideoAbstand.content-vimeo {
        margin-bottom: 60px;
    }

}
@media screen and (min-width:1024px) and (hover: hover){

    body {
        display: block;
        background-attachment: fixed;
        background-repeat: no-repeat;
        height: 100vh;
        width: 100%;
        background-size: cover;
        background-position: right top;
    }

    #header {
        height: 150px;
        z-index: 999;
        background-repeat: no-repeat;
        background-position: 12% top;
        background-size: auto 150px;
    }
    
    /*Burgermenu ausblenden*/
    
    #mobilMenueButton {
        display: none;
    }

    #container {
        max-width: 640px;
        margin-left: 12%;
        margin-top: 60px;
    }
    
    #main {
        max-width: 640px;
        margin: 0 auto;
    }

    /*___BACKGROUND_HEADER___*/

    .home #header {
        background-image: url("/files/header-grafik/welcome.png");
    }
    
    .dates #header {
        background-image: url("/files/header-grafik/dates.png");
    }

    .cv #header {
        background-image: url("/files/header-grafik/cv.png");
    }

    .media #header {
        background-image: url("/files/header-grafik/media.png");
    }

    .voice #header {
        background-image: url("/files/header-grafik/voice.png");
    }

    .text #header {
        background-image: url("/files/header-grafik/text.png");
    }

    .more-is-more #header {
        background-image: url("/files/header-grafik/more.png");
    }

    .second #header {
        background-image: url("/files/header-grafik/info.png");
    }

    /*___BACKGROUND-BODY___*/

    body.home {
        background-image: url("/files/background/amk-hg-01.jpg");
    }
    
    body.dates {
        background-image: url("/files/background/amk-hg-02.jpg");
    }
    
    body.cv {
        background-image: url("/files/background/amk-hg-03.jpg");
    }
    
    body.media {
        background-image: url("/files/background/amk-hg-04.jpg");
    }
    
    body.voice {
        background-image: url("/files/background/amk-hg-05.jpg");
    }
    
    body.text {
        background-image: url("/files/background/amk-hg-06.jpg");
    }
    
    body.more-is-more {
        background-image: url("/files/background/amk-hg-07.jpg");
    }
    
    body.second {
        background-image: url("/files/background/amk-hg-08.jpg");
    }

    body.fault {
        background-image: url("/files/background/amk-hg-09.jpg");
    }


/*___FORM___*/

/* keine blauen Ränder in Formularen etc */
* {
    border: none;
    color: none;
    outline: none;
    background: none;
}

/* Formular Felder ausrichten */

.formbody {
    width: 100%;
}

.widget {
    width: 100%;
}

.widget-text.mandatory {
    height: 60px;
    width: 90%;
    border: 1px dotted darkred;
    background-color: white;
    margin-top: 24px;
}

.textarea.mandatory {
    height: 60px;
    width: 90%;
    border: 1px dotted darkred;
    background-color: white;
    margin-top: 24px;
}

.submit {
    height: 24px;
    width: 20%;
    border: 1px dotted darkred;
    background-color: rgb(200, 241, 237);
    margin-top: 24px;
    margin-left: auto;
    margin-right: auto;
    cursor: pointer;

}

/*__VIDEO__*/

/* Video-Anzeige Youtube und Vimeo*/

.content-youtube,
.content-vimeo {
    max-width: 600px;
}

/*fixiertes Bild ausblenden*/

.fixPic-Schnitt {
    display: none;
}

.fixPic-Schnitt-rechts {
    display: none;
}

.fixPic-frei {
    display: none;
}

.fixPic-frei-rechts {
    display: none;
}


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

  
/*___HOME___*/

/*Home als CustomNav platzieren und auszeichnen*/
    #desktopHome.mod_customnav {
        position:absolute;
        top: 42px;
        left: 6%;
        min-height: 80px;
        min-width: 300px;
        z-index: 1000;
    }

/*Schrift auszeichnen*/
    #desktopHome.mod_customnav a,
    #desktopHome.mod_customnav li,
    #desktopHome.mod_customnav .active {
        font-family: 'Noto Serif Display', serif;
        font-size: 2.8rem;
        font-weight: 400;
        text-decoration: none;
        list-style-type:none;
        color: rgb(1, 1, 100);
        -webkit-transition: all 50ms ease;
        transition: all 50ms ease;
        -moz-transition: all 50ms ease;
        -o-transition: all 50ms ease;
    }

/*Hover*/
    #desktopHome.mod_customnav a:hover {
        font-family: 'Noto Serif Display', serif;
        font-size: 2.8rem;
        font-weight: 400;
        text-decoration: none;
        list-style-type:none;
        color: darkred;
    }


/*___MAIN___*/

/*Feld platzieren*/
.mod_navigation {
    position: absolute;
    top: 116px;
    left: 12%;
    overflow: visible;
    z-index: 2000;
}

/* Home ausblenden*/
    .mod_navigation li.home {
        display: none;
    }
    
    .mod_navigation li,
    .mod_navigation .active {
        -webkit-transition: all 50ms ease;
        transition: all 50ms ease;
        -moz-transition: all 50ms ease;
        -o-transition: all 50ms ease;
    }
    
    .mod_navigation a,
    .mod_navigation li {
        float:left;
        font-family: 'Noto Sans', sans-serif;
        font-size:.9rem;
        text-decoration:none;
        color: rgb(1, 1, 100);
        list-style-type:none;
        font-weight: 800;
        -webkit-transition: all 50ms ease;
        transition: all 50ms ease;
        -moz-transition: allall 50ms ease; 
        -o-transition: allall 50ms ease;
    }
    
    .mod_navigation a:hover,
    .mod_navigation .active,
    .mod_navigation .trail {
        color:darkred;
    }
        
    /*link von Hauptpunkt über Submenu deaktivieren*/	
    a.empty {
        pointer-events: none;
    }
        
    /* Punkte der Infonavigation in der Hauptnavigation ausblenden */
    .mod_navigation li.second {
        display: none;
    }
    
    .mod_navigation .level_1 {
        height: 32px;
        display: flex;
        position: relative;
        }
    
    .mod_navigation .level_2 {
        display: flex;
        position: absolute;
        padding-bottom: 8px;
        background-color: none;
    }
    
    .mod_navigation ul.level_2 {
        display: flex;
        flex-direction: column;
        min-width: 260px;
        opacity: 0;
        pointer-events: none;
        transition: all 50ms ease;
    }
    
    .mod_navigation li,
    .mod_navigation li.submenu {
        margin-right: 32px;
        transition: all 180ms ease;
    }
    
    /*.mod_navigation ul.level_2 li {
        margin-top: 24px;
    }*/
    
    .mod_navigation li:hover ul.level_2 {
        /* f Abstand Feld nach oben */
        margin-top: 24px;
        /* Testen*/
        opacity: 1;
        pointer-events: all;
    }

    .mod_navigation .active.submenu ul.level_2{
        margin-top: 0px;
    }


    /*___INFO__*/
    /*Info-Navigation platzieren*/

    #desktopInfo.mod_customnav {
        position: absolute;
        top: 20px;
        right: 160px;
        min-width: 80px;
        min-height: 90px;
        border-left: #ffffff 1px dotted;
    }

    /*Infonavigation auszeichnen*/

    #desktopInfo.mod_customnav ul{
        display: block;
        padding-left: 24px;
    }

    #desktopInfo.mod_customnav a,
    #desktopInfo.mod_customnav li {
        font-family: 'Noto Sans', sans-serif;
        font-size:.9rem;
        font-weight: 400;
        text-decoration:none;
        list-style-type:none;
        color: rgb(1, 1, 100);
        margin-bottom: 3px;    
    }

    #desktopInfo.mod_customnav a:hover,
    #desktopInfo.mod_customnav .active,
    #desktopInfo.mod_customnav .trail {
        font-family: 'Noto Sans', sans-serif;
        font-size:.9rem;
        font-weight: 400;
        text-decoration:none;
        list-style-type:none;
        color:darkred;   
    }

}
@media screen {

p,
li,
td,
label,
caption {
    font-family: 'Noto Sans', sans-serif;
    font-size: 1rem;
    line-height: 180%;
    font-style: normal;
    font-weight:400;
    color: rgb(1, 1, 100);
}

/*Links im Text*/
.content-text a,
.ce_text a,
.download-element a,
.content-hyperlink a,
.content-download a {
    font-family: 'Noto Sans', sans-serif;
    font-size: 1rem;
    font-style: normal;
    font-weight: 800;
    line-height: 200%;
    text-decoration: none;
    color: rgb(1, 1, 100);
    border-bottom: darkred 1px dotted;
}


/* grosse Ueberschrift */
h1 {
    margin-bottom:12px;
    font:1.8rem 'Noto Sans', sans serif;
    font-weight:800;
    color: rgb(1, 1, 100);
}

/* mittlere Ueberschrift */
h2,
h2 a, 
h2 a:active,
h2 a:visited {
    font:1.3rem 'Noto Sans', sans-serif;
    font-weight:800;
    line-height: 180%;
    color: rgb(1, 1, 100);
}

/* mittlere Ueberschrift */
.mod_newslist h2 a {
    font:1.3rem 'Noto Sans', sans-serif;
    font-weight:800;
    text-decoration:none;
    color: rgb(1, 1, 100);
    pointer-events: none;
}

/* Zitate der Veröffentlichungen*/
h3 {
    font:1.2rem 'Noto Sans', sans-serif;
    font-weight:800;
    line-height: 180%;
    color: rgb(1, 1, 100);
}

/*Überschrift weiß für Rubriken*/

h4 {
    font:3.5rem 'Noto Serif Display', serif;
    font-weight: 700;
    color: #fff;
    margin-top: 12px;
}

/* Weiterlesen- und Zurücklink formatieren */
.more a,
.back a {
    font-size:0.8rem;
    font-weight:800;
    text-decoration:none;
    color: rgb(1, 1, 100);
    -webkit-transition: all 1s ease;
    transition: all 1s ease;
}

/* Weiterlesen- und Zurücklink formatieren */
.more a:hover,
.back a:hover {
    font-weight:800;
    text-decoration:none;
    color: darkred;
}

/* Weiterlesen in Artikeln nur mit Teaser ausblenden */
.kurz .more a{
    display: none;
}

/*___EVENTLISTE___*/

/*Überschrift in Event-Teaser auszeichnen und ohne Link setzen*/

.mod_eventlist .layout_teaser h2 a{
    font:1.3rem 'Noto Sans', sans-serif;
    font-weight:800;
    text-decoration:none;
    color: rgb(1, 1, 100);
    pointer-events: none;
    cursor: default;
    text-decoration: none;
}

/*Header mit Datum ausblenden*/

.mod_eventlist .header {
    display: none;
}

/*internes Datum in Event-Teaser ausblenden*/

.mod_eventlist .layout_teaser .time {
    display: inline;
}

.mod_eventlist .info {
    font:1.3rem 'Noto Sans', sans-serif;
    font-weight:800;
    text-decoration:none;
    color:#3b4d58;
    margin-bottom: 0px;
    padding: 0px; 
}

.mod_eventlist .ce_text {
    margin-top: 0px;
    margin-bottom: 0px;
}

/*___EVENT___*/

.event.layout_full p.info {
    display: inline !important;
    float: left;
    margin-right: 16px;
}

/*Kleinschrift in Video-Textfeldern*/
.videoInfo p,
.videoInfo a {
    font-size: 0.7rem;
    font-style: italic;
    color: #3b4d58;
}

/*Felder unter Audio abrücken*/
.audioInfo {
    max-width: 600px;
    border-top: white 1px dotted;
    border-bottom: white 1px dotted;
    margin-top: 24px;
    margin-bottom: 48px;
    padding-top: 12px;
}

.content-player figcaption {
    max-width: 600px;
    border-top: white 1px dotted;
    border-bottom: white 1px dotted;
    margin-top: 24px;
    margin-bottom: 48px;
    padding-top: 12px;
    padding-bottom: 12px;
}

/*Kleinschrift in Video-Textfeldern*/
.audioInfo p,
.audioInfo a {
    font-size: 0.8rem;
    font-style: italic;
    color: #3b4d58;
}

/*___NEWS___*/

/*Datum und Autor ausblenden*/
.mod_newslist .layout_short .info,
.mod_newsreader .info {
    display: none;
}

/*___PICTURES-GALERIES___*/

/*Bildunterschriften*/
.content-image figcaption {
    /*margin-top: 12px;*/
    font-size: 0.8rem;
    font-style: italic;
    color: #3b4d58;
}

/*Text im Formular*/
.text.mandatory,
.textarea.mandatory {
    font-family: 'Noto Sans', sans-serif;
    font-size: 1rem;
    line-height: 180%;
    font-style: normal;
    font-weight:400;
    color: rgb(1, 1, 100);
}

/*Breite Eingabe Textfelder*/
.text.mandatory {
        min-width: 500px;
}

}

@media only screen 
and (max-width:768px)
and (orientation: portrait)
and (hover: none) {

    /* Boxmodel */
* {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
    
    body {
        width: 100%;
    }

    #header {
        height: 100px;
        z-index: 999;
        background-repeat: no-repeat;
        background-position: -18px top;
        background-size: auto 68px;
    }

    #container {
        margin-left: 0px;
        margin-top: 0px;
    }
    
    #main {
        width: 100%;
        margin-left: 0px;
        margin-right: 0px;
        padding-left: 24px;
        padding-right: 24px;
        margin-bottom: 0px;
    }


    /*Hauptnavigaton ausblenden*/

    #header .mod_navigation {
        display: none;
    }

    /*Infonavigatopn ausblenden*/

    #desktopInfo {
        display: none;
    }

    /*Home Name platzieren und Schrift auszeichnen*/

    #desktopHome {
        position: absolute;
        left:24px;
        top: 34px;
    }
    
    #desktopHome a,
    #desktopHome li {
        font-size: 2rem;
        font-family: 'Noto Serif Display', serif;
        font-weight: 700;
        text-decoration: none;
        color: rgb(1, 1, 100);
    }

    /*Burger platzieren*/

    #mobilMenueButton {
        width: 46px;
        position: absolute;
        top: 24px;
        right: 24px;
    }

    /*___BACKGROUND_HEADER___*/

    .home #header {
        background-image: url("/files/header-grafik/welcome.png");
    }

    .dates #header {
        background-image: url("/files/header-grafik/dates.png");
    }

    .cv #header {
        background-image: url("/files/header-grafik/cv.png");
    }

    .media #header {
        background-image: url("/files/header-grafik/media.png");
    }

    .voice #header {
        background-image: url("/files/header-grafik/voice.png");
    }

    .text #header {
        background-image: url("/files/header-grafik/text.png");
    }

    .more-is-more #header {
        background-image: url("/files/header-grafik/more.png");
    }

    .second #header {
        background-image: url("/files/header-grafik/info.png");
    }

    .touch #header {
        background-image: url("/files/header-grafik/menu.png");
    }


    
    /*___BACKGROUND-BODY___*/

    body.home {
        background-color: #cddedc;
    }
    
    body.dates {
        background-color: #f8f1c4;
    }
    
    body.cv {
        background-color: #d9d9d9;
    }
    
    body.media {
        background-color: #c7cbc6;
    }
    
    body.voice {
        background-color: #d4d4d4;
    }
    
    body.text {
        background-color: #e4e7d4;
    }
    
    body.more-is-more {
        background-color: #d6d3d0;
    }
    
    body.second {
        background-color: #d3d0cd;
    }

    body.fault {
        background-color: #c7c7c7;
    }

    body.touch {
        background-color: #dedad7;
        background-image: url("/files/background/10-touch-menu.png");
        background-repeat: no-repeat;
        background-position: right center;
        background-size: 30vw auto;
    }


/*___FORM___*/

/* keine blauen Ränder in Formularen etc */
* {
    border: none;
    color: none;
    outline: none;
    background: none;
}

/* Felder ausrichten */

.formbody {
    width: 100%;
}

.widget {
    width: 100%;
}

.widget-text.mandatory {
    height: 60px;
    width: 98%;
    border: 1px dotted darkred;
    background-color: white;
    margin-top: 24px;
}

.textarea.mandatory {
    height: 120px;
    width: 98%;
    border: 1px dotted darkred;
    border-radius: 0%;
    background-color: white;
    margin-top: 24px;
}

.submit {
    height: 36px;
    width: 98%;
    border: 1px dotted darkred !important;
    background-color: rgb(200, 241, 237);
    margin-top: 24px;
    margin-left: auto;
    margin-right: auto;
    font-size: 1rem;
    font-weight: 800;
    cursor: pointer;

}

/*Schrift Ausnahme in Mobil-Navigation*/

.mobilMenuText a,
.mobilMenuText li,
.mobilMenuText .active {
    font-size: 1.2 rem;
    font-weight: 700;
}

.mobilMenuText p {
    line-height: 160%;
}

/*Tablet Bilder ausblenden*/

.fixPic-Schnitt {
    display: none;
}

.fixPic-frei {
    display: none;
}

.fixPic-Schnitt-rechts {
   display: none;
}

.fixPic-frei-rechts {
    display: none;
}

}
@media only screen 
and (max-width:768px)
and (orientation: landscape)
and (hover: none) {

    /* Boxmodel */
* {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
    
    body {
        width: 100%;
    }

    #header {
        height: 140px;
        z-index: 999;
        background-repeat: no-repeat;
        background-position: -18px top;
        background-size: auto 120px;
    }

    #container {
        margin-left: 0px;
        margin-top: 0px;
    }
    
    #main {
        width: 50vw;
        margin-left: 15%;
        margin-right: auto;
        padding-left: 24px;
        padding-right: 24px;
        margin-bottom: 60px;
    }


    /*Hauptnavigaton ausblenden*/

    #header .mod_navigation {
        display: none;
    }

    /*Infonavigatopn ausblenden*/

    #desktopInfo {
        display: none;
    }

    /*Home Name platzieren und Schrift auszeichnen*/

    #desktopHome {
        position: absolute;
        left:24px;
        top: 34px;
    }
    
    #desktopHome a,
    #desktopHome li {
        font-size: 2rem;
        font-family: 'Noto Serif Display', serif;
        font-weight: 700;
        text-decoration: none;
        color: rgb(1, 1, 100);
    }

    /*Burger platzieren*/

    #mobilMenueButton {
        width: 46px;
        position: absolute;
        top: 24px;
        right: 24px;
    }

    /*___BACKGROUND_HEADER___*/

    .home #header {
        background-image: url("/files/header-grafik/welcome.png");
    }

    .dates #header {
        background-image: url("/files/header-grafik/dates.png");
    }

    .cv #header {
        background-image: url("/files/header-grafik/cv.png");
    }

    .media #header {
        background-image: url("/files/header-grafik/media.png");
    }

    .voice #header {
        background-image: url("/files/header-grafik/voice.png");
    }

    .text #header {
        background-image: url("/files/header-grafik/text.png");
    }

    .more-is-more #header {
        background-image: url("/files/header-grafik/more.png");
    }

    .second #header {
        background-image: url("/files/header-grafik/info.png");
    }

    .touch #header {
        background-image: url("/files/header-grafik/menu.png");
    }


    
    /*___BACKGROUND-BODY___*/

    body.home {
        background-color: #cddedc;
    }
    
    body.dates {
        background-color: #f8f1c4;
    }
    
    body.cv {
        background-color: #d9d9d9;
    }
    
    body.media {
        background-color: #c7cbc6;
    }
    
    body.voice {
        background-color: #d4d4d4;
    }
    
    body.text {
        background-color: #e4e7d4;
    }
    
    body.more-is-more {
        background-color: #d6d3d0;
    }
    
    body.second {
        background-color: #d3d0cd;
    }

    body.fault {
        background-color: #c7c7c7;
    }

    body.touch {
        background-color: #dedad7;
        background-image: url("/files/background/10-touch-menu.png");
        background-repeat: no-repeat;
        background-position: right center;
        background-size: 30vw auto;
    }


/*___FORM___*/

/* keine blauen Ränder in Formularen etc */
* {
    border: none;
    color: none;
    outline: none;
    background: none;
}

/* Felder ausrichten */

.formbody {
    width: 100%;
}

.widget {
    width: 100%;
}

.widget-text.mandatory {
    height: 60px;
    width: 98%;
    border: 1px dotted darkred;
    background-color: white;
    margin-top: 24px;
}

.textarea.mandatory {
    height: 120px;
    width: 98%;
    border: 1px dotted darkred;
    border-radius: 0%;
    background-color: white;
    margin-top: 24px;
}

.submit {
    height: 36px;
    width: 98%;
    border: 1px dotted darkred !important;
    background-color: rgb(200, 241, 237);
    margin-top: 24px;
    margin-left: auto;
    margin-right: auto;
    font-size: 1rem;
    font-weight: 800;
    cursor: pointer;

}

/*Schrift Ausnahme in Mobil-Navigation*/

.mobilMenuText a,
.mobilMenuText p,
.mobilMenuText li,
.mobilMenuText .active {
    font-size: 1.3rem;
    font-weight: 700;
    line-height: 200%;

}

/*Tablet Bilder*/



.fixPic-Schnitt {
    position: fixed;
    bottom: 0;
    right: 0 !important;
    width: 35vh !important;
    height: auto;
    margin-right: 40px !important;
    margin-bottom: -12px !important;
}

.fixPic-Schnitt-rechts {
    position: fixed;
    bottom: 0;
    right: 0 !important;
    width: 35vh !important;
    height: auto;
    margin-right: 0px !important;
    margin-bottom: -12px !important;
}

.fixPic-frei {
    position: fixed;
    bottom: 0;
    right: 0 !important;
    width: 35vh !important;
    height: auto;
    margin-right: 40px !important;
    margin-bottom: 24px !important;
}

.fixPic-frei-rechts {
    position: fixed;
    bottom: 0;
    right: 0 !important;
    width: 35vh !important;
    height: auto;
    margin-right: 0px !important;
    margin-bottom: 24px !important;
}

}
@media only screen 
and (min-width:768px)
and (orientation: portrait)
and (hover: none) {

    /* Boxmodel */
* {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
    
    body {
        width: 100%;
    }

    #header {
        height: 140px;
        z-index: 999;
        background-repeat: no-repeat;
        background-position: -18px top;
        background-size: auto 120px;
    }

    #container {
        margin-left: 0px;
        margin-top: 0px;
    }
    
    #main {
        width: 60vw;
        margin-left: 12%;
        margin-right: auto;
        padding-left: 24px;
        padding-right: 24px;
        margin-bottom: 60px;
    }


    /*Hauptnavigaton ausblenden*/

    #header .mod_navigation {
        display: none;
    }

    /*Infonavigatopn ausblenden*/

    #desktopInfo {
        display: none;
    }

    /*Home Name platzieren und Schrift auszeichnen*/

    #desktopHome {
        position: absolute;
        left:24px;
        top: 34px;
    }
    
    #desktopHome a,
    #desktopHome li {
        font-size: 2rem;
        font-family: 'Noto Serif Display', serif;
        font-weight: 700;
        text-decoration: none;
        color: rgb(1, 1, 100);
    }

    /*Burger platzieren*/

    #mobilMenueButton {
        width: 46px;
        position: absolute;
        top: 24px;
        right: 24px;
    }

    /*___BACKGROUND_HEADER___*/

    .home #header {
        background-image: url("/files/header-grafik/welcome.png");
    }

    .dates #header {
        background-image: url("/files/header-grafik/dates.png");
    }

    .cv #header {
        background-image: url("/files/header-grafik/cv.png");
    }

    .media #header {
        background-image: url("/files/header-grafik/media.png");
    }

    .voice #header {
        background-image: url("/files/header-grafik/voice.png");
    }

    .text #header {
        background-image: url("/files/header-grafik/text.png");
    }

    .more-is-more #header {
        background-image: url("/files/header-grafik/more.png");
    }

    .second #header {
        background-image: url("/files/header-grafik/info.png");
    }

    .touch #header {
        background-image: url("/files/header-grafik/menu.png");
    }


    
    /*___BACKGROUND-BODY___*/

    body.home {
        background-color: #cddedc;
    }
    
    body.dates {
        background-color: #f8f1c4;
    }
    
    body.cv {
        background-color: #d9d9d9;
    }
    
    body.media {
        background-color: #c7cbc6;
    }
    
    body.voice {
        background-color: #d4d4d4;
    }
    
    body.text {
        background-color: #e4e7d4;
    }
    
    body.more-is-more {
        background-color: #d6d3d0;
    }
    
    body.second {
        background-color: #d3d0cd;
    }

    body.fault {
        background-color: #c7c7c7;
    }

    body.touch {
        background-color: #dedad7;
        background-image: url("/files/background/10-touch-menu.png");
        background-repeat: no-repeat;
        background-position: bottom right;
        margin-bottom: 12% !important;
        background-size: 30vh auto;
    }


/*___FORM___*/

/* keine blauen Ränder in Formularen etc */
* {
    border: none;
    color: none;
    outline: none;
    background: none;
}

/* Felder ausrichten */

.formbody {
    width: 100%;
}

.widget {
    width: 100%;
}

.widget-text.mandatory {
    height: 60px;
    width: 98%;
    border: 1px dotted darkred;
    background-color: white;
    margin-top: 24px;
}

.textarea.mandatory {
    height: 120px;
    width: 98%;
    border: 1px dotted darkred;
    border-radius: 0%;
    background-color: white;
    margin-top: 24px;
}

.submit {
    height: 36px;
    width: 98%;
    border: 1px dotted darkred !important;
    background-color: rgb(200, 241, 237);
    margin-top: 24px;
    margin-left: auto;
    margin-right: auto;
    font-size: 1rem;
    font-weight: 800;
    cursor: pointer;

}

/*Schrift Ausnahme in Mobil-Navigation*/

.mobilMenuText a,
.mobilMenuText li,
.mobilMenuText .active {
    font-size: 1.2 rem;
    font-weight: 700;
}

.mobilMenuText p {
    line-height: 160%;
}

.fixPic-Schnitt {
    position: fixed;
    bottom: 0;
    right: 0 !important;
    margin-right: 40px !important;
    margin-bottom: -40px !important;
}

.fixPic-Schnitt-rechts {
    position: fixed;
    bottom: 0;
    right: 0 !important;
    margin-right: 0px !important;
    margin-bottom: -40px !important;
}

.fixPic-frei {
    position: fixed;
    bottom: 0;
    right: 0 !important;
    margin-right: 40px !important;
    margin-bottom: 24px !important;
}

.fixPic-frei-rechts {
    position: fixed;
    bottom: 0;
    right: 0 !important;
    margin-right: 0px !important;
    margin-bottom: 24px !important;
}


}
@media screen 
and (max-width:1024px)
and (hover: hover) {

    /* Boxmodel */
* {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
    
    body {
        width: 100%;
    }

    #header {
        height: 140px;
        z-index: 999;
        background-repeat: no-repeat;
        background-position: -18px top;
        background-size: auto 120px;
    }

    #container {
        margin-left: 0px;
        margin-top: 0px;
    }
    
    #main {
        width: 50vw;
        margin-left: 15%;
        margin-right: auto;
        padding-left: 24px;
        padding-right: 24px;
        margin-bottom: 60px;
    }


    /*Hauptnavigaton ausblenden*/

    #header .mod_navigation {
        display: none;
    }

    /*Infonavigatopn ausblenden*/

    #desktopInfo {
        display: none;
    }

    /*Home Name platzieren und Schrift auszeichnen*/

    #desktopHome {
        position: absolute;
        left:24px;
        top: 34px;
    }
    
    #desktopHome a,
    #desktopHome li {
        font-size: 2rem;
        font-family: 'Noto Serif Display', serif;
        font-weight: 700;
        text-decoration: none;
        color: rgb(1, 1, 100);
    }

    /*Burger platzieren*/

    #mobilMenueButton {
        width: 46px;
        position: absolute;
        top: 24px;
        right: 24px;
    }

    /*___BACKGROUND_HEADER___*/

    .home #header {
        background-image: url("/files/header-grafik/welcome.png");
    }

    .dates #header {
        background-image: url("/files/header-grafik/dates.png");
    }

    .cv #header {
        background-image: url("/files/header-grafik/cv.png");
    }

    .media #header {
        background-image: url("/files/header-grafik/media.png");
    }

    .voice #header {
        background-image: url("/files/header-grafik/voice.png");
    }

    .text #header {
        background-image: url("/files/header-grafik/text.png");
    }

    .more-is-more #header {
        background-image: url("/files/header-grafik/more.png");
    }

    .second #header {
        background-image: url("/files/header-grafik/info.png");
    }

    .touch #header {
        background-image: url("/files/header-grafik/menu.png");
    }


    
    /*___BACKGROUND-BODY___*/

    body.home {
        background-color: #cddedc;
    }
    
    body.dates {
        background-color: #f4ecdb;
    }
    
    body.cv {
        background-color: #d6d6d6;
    }
    
    body.media {
        background-color: #d5c7c0;
    }
    
    body.voice {
        background-color: #cccccb;
    }
    
    body.text {
        background-color: #e7ebd1;
    }
    
    body.more-is-more {
        background-color: #dad6d2;
    }
    
    body.second {
        background-color: #d5d2ce;
    }

    body.fault {
        background-color: #e9d7c8; 
    }

    body.touch {
        background-color: #e3d4cf;
        background-image: url("/files/background/10-touch-menu.png");
        background-size: 25vh;
        background-attachment: fixed;
        background-repeat: no-repeat;
        background-position: right bottom;
    }


/*___FORM___*/

/* keine blauen Ränder in Formularen etc */
* {
    border: none;
    color: none;
    outline: none;
    background: none;
}

/* Felder ausrichten */

.formbody {
    width: 100%;
}

.widget {
    width: 100%;
}

.widget-text.mandatory {
    height: 60px;
    width: 98%;
    border: 1px dotted darkred;
    background-color: white;
    margin-top: 24px;
}

.textarea.mandatory {
    height: 120px;
    width: 98%;
    border: 1px dotted darkred;
    border-radius: 0%;
    background-color: white;
    margin-top: 24px;
}

.submit {
    height: 36px;
    width: 98%;
    border: 1px dotted darkred !important;
    background-color: rgb(200, 241, 237);
    margin-top: 24px;
    margin-left: auto;
    margin-right: auto;
    font-size: 1rem;
    font-weight: 800;
    cursor: pointer;

}

/*Schrift Ausnahme in Mobil-Navigation*/

.mobilMenuText a,
.mobilMenuText p,
.mobilMenuText li,
.mobilMenuText .active {
    font-size: 1.3rem;
    font-weight: 700;
    line-height: 200%;

}

/*Position Ausnahme in Mobil-Navigation*/

/*.touch #desktopHome {
    position: absolute;
    top: 31px
}*/


}
@media only screen 
and (min-width:768px)
and (orientation: landscape)
and (hover: none) {

    /* Boxmodel */
* {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
    
    body {
        width: 100%;
    }

    #header {
        height: 140px;
        z-index: 999;
        background-repeat: no-repeat;
        background-position: -18px top;
        background-size: auto 120px;
    }

    #container {
        margin-left: 0px;
        margin-top: 0px;
    }
    
    #main {
        width: 50vw;
        margin-left: 15%;
        margin-right: auto;
        padding-left: 24px;
        padding-right: 24px;
        margin-bottom: 60px;
    }


    /*Hauptnavigaton ausblenden*/

    #header .mod_navigation {
        display: none;
    }

    /*Infonavigatopn ausblenden*/

    #desktopInfo {
        display: none;
    }

    /*Home Name platzieren und Schrift auszeichnen*/

    #desktopHome {
        position: absolute;
        left:24px;
        top: 34px;
    }
    
    #desktopHome a,
    #desktopHome li {
        font-size: 2rem;
        font-family: 'Noto Serif Display', serif;
        font-weight: 700;
        text-decoration: none;
        color: rgb(1, 1, 100);
    }

    /*Burger platzieren*/

    #mobilMenueButton {
        width: 46px;
        position: absolute;
        top: 24px;
        right: 24px;
    }

    /*___BACKGROUND_HEADER___*/

    .home #header {
        background-image: url("/files/header-grafik/welcome.png");
    }

    .dates #header {
        background-image: url("/files/header-grafik/dates.png");
    }

    .cv #header {
        background-image: url("/files/header-grafik/cv.png");
    }

    .media #header {
        background-image: url("/files/header-grafik/media.png");
    }

    .voice #header {
        background-image: url("/files/header-grafik/voice.png");
    }

    .text #header {
        background-image: url("/files/header-grafik/text.png");
    }

    .more-is-more #header {
        background-image: url("/files/header-grafik/more.png");
    }

    .second #header {
        background-image: url("/files/header-grafik/info.png");
    }

    .touch #header {
        background-image: url("/files/header-grafik/menu.png");
    }


    
    /*___BACKGROUND-BODY___*/

    body.home {
        background-color: #cddedc;
    }
    
    body.dates {
        background-color: #f8f1c4;
    }
    
    body.cv {
        background-color: #d9d9d9;
    }
    
    body.media {
        background-color: #c7cbc6;
    }
    
    body.voice {
        background-color: #d4d4d4;
    }
    
    body.text {
        background-color: #e4e7d4;
    }
    
    body.more-is-more {
        background-color: #d6d3d0;
    }
    
    body.second {
        background-color: #d3d0cd;
    }

    body.fault {
        background-color: #c7c7c7;
    }

    body.touch {
        background-color: #dedad7;
        background-image: url("/files/background/10-touch-menu.png");
        background-repeat: no-repeat;
        background-position: right center;
        background-size: 30vw auto;
    }


/*___FORM___*/

/* keine blauen Ränder in Formularen etc */
* {
    border: none;
    color: none;
    outline: none;
    background: none;
}

/* Felder ausrichten */

.formbody {
    width: 100%;
}

.widget {
    width: 100%;
}

.widget-text.mandatory {
    height: 60px;
    width: 98%;
    border: 1px dotted darkred;
    background-color: white;
    margin-top: 24px;
}

.textarea.mandatory {
    height: 120px;
    width: 98%;
    border: 1px dotted darkred;
    border-radius: 0%;
    background-color: white;
    margin-top: 24px;
}

.submit {
    height: 36px;
    width: 98%;
    border: 1px dotted darkred !important;
    background-color: rgb(200, 241, 237);
    margin-top: 24px;
    margin-left: auto;
    margin-right: auto;
    font-size: 1rem;
    font-weight: 800;
    cursor: pointer;

}

/*Schrift Ausnahme in Mobil-Navigation*/

.mobilMenuText a,
.mobilMenuText p,
.mobilMenuText li,
.mobilMenuText .active {
    font-size: 1.3rem;
    font-weight: 700;
    line-height: 200%;

}

.fixPic-Schnitt {
    position: fixed;
    bottom: 0;
    right: 0 !important;
    margin-right: 40px !important;
    margin-bottom: -40px !important;
}

.fixPic-Schnitt-rechts {
    position: fixed;
    bottom: 0;
    right: 0 !important;
    margin-right: 0px !important;
    margin-bottom: -40px !important;
}


.fixPic-frei {
    position: fixed;
    bottom: 0;
    right: 0 !important;
    margin-right: 40px !important;
    margin-bottom: 24px !important;
}

.fixPic-frei-rechts {
    position: fixed;
    bottom: 0;
    right: 0 !important;
    margin-right: 0px !important;
    margin-bottom: 24px !important;
}

}