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}
@media screen and (min-width:1024px) /*and (hover: hover)*/{

    html {
        height: 100%;
    }
    
    body {
        height: 100%;
        background-color: lightgreen;
        background-attachment: fixed;
        background-repeat: no-repeat;
        width: 100%;
        background-size: cover;
        background-position: left top;
    }

    #header {
        height: 150px;
        width: 100%;
        position: fixed;
        left: 0;
        top: 0;
        z-index: 999;
        background-color: white;
    }

/*__HEADER__*/

    /*Header Wortmarke*/
    #header #logo {
        display: block;
        position: absolute;
        left: 6%;
        top: 28px;
        z-index: 1000;
        cursor: pointer;
    }

    /*Header Slogan*/
    #header #slogan {
        position: absolute;
        left:6%;
        top:110px;
        margin-left: 4px;
    }

    /*Header Navigation*/
    .mod_navigation {
    position: absolute;
    top: 78px;
    right: 96px;
    overflow: visible;
}

    /*Header Burger ausblenden*/
    #header #burger {
        display: none;
    }

    #container {
        max-width: 640px;
        margin-left: 20%;
        background: none;
    }
    


    #main {
        height: 100%;
        margin-top: 160px;
        min-height: 540Px;
        max-width: 640px;
        margin-bottom: 60px;
        background: none;
    }

    #footer {
        height: 480px;
        background-color: white;
    }

    #footer .inside {
        margin-left: 20%;
        padding-top: 36px;
        display: flex;
        }

    #footer #info-links{
        margin-left: 120px;
    }

    /*Hoehe des Hauptbereichs auf der Startseite*/
    .startseite #main{
        height:100vh;
    }

    /*___BACKGROUND-BODY___*/

    body.startseite {
        background-image: url("/files/background/indieOper_Start.jpg");
    }

    body.mission {
        background-image: url("/files/background/indie-back-1.jpg");
    }
    
    body.ueber {
        background-image: url("/files/background/indie-back-2.jpg");
    }
    
    body.projekte {
        background-image: url("/files/background/indie-back-3.jpg");
    }
    
    body.partner {
        background-image: url("/files/background/indie-back-4.jpg");
    }
    
    body.kontakt {
        background-image: url("/files/background/indie-back-5.jpg");
    }
    
    body.impressum {
        background-image: url("/files/background/indie-back-6.jpg");
    }
    
    body.datenschutz {
        background-image: url("/files/background/indie-back-5.jpg");
    }
    

/*___FORM___*/

/* keine blauen Raender 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: 640px;
}

/*__BILDER__*/

/*Galerie der Mitglieder*/
.mod_article.galerie-flex {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 36px;
    justify-content: space-between;
}

.vignette {
    /*flex-basis: 175px;*/
    flex-grow: 0;
    flex-shrink: 0;
    text-align: center;
    line-height: 200%;
}

/*Bilder bei Projekten*/
.projekte #main img {
    margin-top: 24px;
    margin-bottom: 24px;
    border: 8px solid white;
}

/*__ARTIKEL__*/

/*Abstand Artikel*/
    .mod_article.abstand {
        margin-top: 60px;
    }

/*Trenner Projekt-Artikel*/
.projekte #main .mod_article.projekt {
    margin-top: 24px;
    margin-bottom: 24px;
    padding-bottom: 24px;
    border-bottom: 1px dotted rgb(234, 91, 12);
}

/*Abstand Startartikel*/
#willkommen.mod_article {
    margin-top: 28vh;
    }

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

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

/*Blockatz mit Trennung*/
p {
    /*text-align: justify;
    hyphens: auto;
    hyphenate-limit-chars: auto 5;
    hyphenate-limit-lines: 2;*/ 
}

/*willkommen Text*/
#willkommen p {
    font-family: 'Verdana', sans-serif;
    font-size: 3rem;
    line-height: 150%;
    text-align: left;
    hyphens: none;
    font-style: normal;
    font-weight:bold;
    color: white;
    -webkit-text-stroke-color:rgb(234, 91, 12);
	text-stroke-color: rgb(234, 91, 12);
	-webkit-text-stroke-width:1px;
	text-stroke-width:1px;
}

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


/* grosse Ueberschrift */
h1 {
    margin-bottom:12px;
    font:2.3rem 'Verdana', sans serif;
    line-height: 120%;
    text-align: left;
    hyphens: none;
    font-style: normal;
    font-weight:bold;
    color: rgb(234, 91, 12)
    /*-webkit-text-stroke-color:rgb(234, 91, 12);
	text-stroke-color: rgb(234, 91, 12);
	-webkit-text-stroke-width:1px;
	text-stroke-width:1px;*/
}

/* mittlere Ueberschrift */
h2,
h2 a, 
h2 a:active,
h2 a:visited {
    font:1.2rem 'Verdana', sans-serif;
    font-weight:800;
    line-height: 180%;
    color: rgb(0, 0, 0);
}

/* mittlere Ueberschrift */
.mod_newslist h2 a {
    font:1.5rem 'Verdana', sans-serif;
    font-weight:800;
    text-decoration:none;
    color: rgb(0, 0, 0);
    pointer-events: none;
}

/* Zitate der Veröffentlichungen*/
h3 {
    font:1.2rem 'Verdana', sans-serif;
    font-weight:800;
    line-height: 180%;
    color: rgba (0, 0, 0, 50);
}

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

h4 {
    font:3.5rem 'Verdane', sans-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(0, 0, 0);
    -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: rgb(234, 91, 12);
}

/* 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.2rem 'Verdana', sans-serif;
    font-weight:800;
    text-decoration:none;
    color: rgb(0, 0, 0);
    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.2rem 'Verdana', 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.9rem;
    font-style: normal;
    font-weight: bolder;
    color: #696868;
    margin-top: 12px;
}

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

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

/*manuelle Links in HYPERLINK*/
.content-hyperlink {
    margin-top: 42px;
    font-size: 1rem;
    text-decoration: none;
}

/*more und back*/
.more a,
.back a {
    font-size: 0.7rem;
    font-style: italic;
    font-weight: 800;
    text-decoration: none;
    border-bottom: rgb(234, 91, 12) 1px dotted;
}

.more a {
    margin-top: 24px;
}

.back {
    margin-top: 60px;
}

}

@media screen and (hover: hover), (max-width: 700px){

nav li,
nav .active {
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -o-transition: all 300ms ease;
}

.mod_navigation a,
.mod_navigation li,
.mod_navigation .active,
.mod_navigation .trail
#info-links a,
#info-links .active,
#info-linls .trail  {
    float:left;
    font-family: 'Verdana', sans-serif;
    font-size:1rem;
    text-decoration:none;
    color:#000;
    list-style-type:none;
    font-weight: bold;
    margin-right: 12px;
    -webkit-transition: all 1s ease;
    transition: all 1s ease;
    -moz-transition: allall 1s ease; 
    -o-transition: allall 1s ease;
}

.mod_navigation a:hover,
.mod_navigation .active,
.mod_navigation .trail,
#info-links a:hover,
#info-links .active,
#info-linls .trail {
    color: rgb(234, 91, 12);
}
    
/*link von Hauptpunkt über Submenu deaktivieren	
a.submenu.empty {
	pointer-events: none;
    }*/
    
/* Punkte der Footernavigation ausblenden 
#header li.footernavigation {
	display: none;
}
*/
	

nav .level_1 {
	height: 40px;
    display: flex;
    position: relative;
    /*background-color: red;*/
    }

nav .level_2 {
	display: flex;
}

/*Links im Footer*/
#info-links a{
    font-family: 'Verdana', sans-serif;
    font-size:1rem;
    line-height: 180%;
    text-decoration:none;
    color:#000;
    list-style-type:none;
    font-weight: bold;
    -webkit-transition: all 1s ease;
    transition: all 1s ease;
    -moz-transition: allall 1s ease; 
    -o-transition: allall 1s ease;
} 

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

    html {
        height: 100%;
    }
    
    /*body {
        height: 100%;
        background-color: lightgreen;
        background-attachment: fixed;
        background-repeat: no-repeat;
        width: 100%;
        background-size: cover;
        background-position: center top;
    }*/

/*__Boxmodel__*/
* {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    }

    body {
        width: 100%;
        background-color: honeydew;
    }

/*__HEADER__*/

    #header {
        height: 150px;
        width: 100%;
        position: fixed;
        left: 0;
        top: 0;
        padding: 24px;
        z-index: 999;
        background-color: rgb(189, 240, 69);
    }

    /*Header Wortmarke*/
    #header #logo {
        display: block;
        position: absolute;
        left: 0px;
        top: px;
        max-width: 220px;
        height: auto;
        z-index: 1000;
    }

    /*Header Slogan*/
    #header #slogan {
        position: absolute;
        left:0px;
        top:60px;
        margin-left: 2px;
    }

    /*Header Navigation ausblenden*/
    #header .mod_navigation {
    display: none;
}

    /*Header Burger Position*/
    #header #burger {
        position: absolute;
        top: 6px;
        right: 0px;
        width: 46px;
        height: auto;
    }

/*__CONTINER-MAIN__*/

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

/*__FOOTER__*/


    #footer {
        height: 480px;
        background-color: rgb(189, 240, 69);
    }

    #footer .inside {
        margin-left: 24px;
        padding-top: 36px;
        /*display: flex;*/
        }

    #footer #info-links{
        display: none;
    }

    /*Hoehe des Hauptbereichs auf der Startseite*/
    /*.startseite #main{
        height:100vh;
    }*/

    /*___BACKGROUND-BODY___*/

    body.startseite {
        background-image: url("/files/background/indieOper_Start.jpg");
        background-repeat: no-repeat;
        width: 100%;
        height: 100%;
        background-size: cover;
        background-position: center top;
    }

    /*body.mission {
        background-image: url("/files/background/indie-back-1.jpg");
    }
    
    body.ueber {
        background-image: url("/files/background/indie-back-2.jpg");
    }
    
    body.projekte {
        background-image: url("/files/background/indie-back-3.jpg");
    }
    
    body.partner {
        background-image: url("/files/background/indie-back-4.jpg");
    }
    
    body.kontakt {
        background-image: url("/files/background/indie-back-5.jpg");
    }
    
    body.impressum {
        background-image: url("/files/background/indie-back-6.jpg");
    }
    
    body.datenschutz {
        background-image: url("/files/background/indie-back-5.jpg");
    }*/
    

/*___FORM___*/

/* keine blauen Raender 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: 640px;
}

/*__BILDER__*/

/*Galerie der Mitglieder*/
.mod_article.galerie-flex {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    gap: 36px;
    justify-content: center;
}

.vignette {
    /*flex-basis: 175px;*/
    flex-grow: 0;
    flex-shrink: 0;
    text-align: center;
    line-height: 200%;
}

/*Bilder bei Projekten*/
.projekte #main img {
    margin-top: 24px;
    margin-bottom: 24px;
    border: 8px solid white;
}

/*__ARTIKEL__*/

/*Abstand Artikel*/
    .mod_article.abstand {
        margin-top: 60px;
    }

/*Trenner Projekt-Artikel*/
.projekte #main .mod_article.projekt {
    margin-top: 24px;
    margin-bottom: 24px;
    padding-bottom: 24px;
    border-bottom: 1px dotted rgb(234, 91, 12);
}

/*Abstand Startartikel*/
#willkommen.mod_article {
    margin-top: 50vh;
    }

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

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

/*willkommen Text*/
#willkommen p {
    font-family: 'Verdana', sans-serif;
    font-size: 1.6rem;
    line-height: 130%;
    text-align: left;
    padding: 12px;
    hyphens: none;
    font-style: normal;
    font-weight: bolder;
    color: white;
    background-color: rgba(0, 0, 0, 0.5) ;
    /*-webkit-text-stroke-color:white;
	text-stroke-color: white;
	-webkit-text-stroke-width:1px;
	text-stroke-width:1px;*/
}

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


/* grosse Ueberschrift */
h1 {
    margin-bottom:12px;
    font:1.8rem 'Verdana', sans serif;
    line-height: 120%;
    text-align: left;
    hyphens: none;
    font-style: normal;
    font-weight:bold;
    color: rgb(234, 91, 12)
    /*-webkit-text-stroke-color:rgb(234, 91, 12);
	text-stroke-color: rgb(234, 91, 12);
	-webkit-text-stroke-width:1px;
	text-stroke-width:1px;*/
}

/* mittlere Ueberschrift */
h2,
h2 a, 
h2 a:active,
h2 a:visited {
    font:1.2rem 'Verdana', sans-serif;
    font-weight:800;
    line-height: 180%;
    color: rgb(0, 0, 0);
}

/* mittlere Ueberschrift */
.mod_newslist h2 a {
    font:1.2rem 'Verdana', sans-serif;
    font-weight:800;
    text-decoration:none;
    color: rgb(0, 0, 0);
    pointer-events: none;
}

/* Zitate der Veröffentlichungen*/
h3 {
    font:1.2rem 'Verdana', sans-serif;
    font-weight:800;
    line-height: 180%;
    color: rgba (0, 0, 0, 50);
}

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

h4 {
    font:3.5rem 'Verdane', sans-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(0, 0, 0);
    -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: rgb(234, 91, 12);
}

/* 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.2rem 'Verdana', sans-serif;
    font-weight:800;
    text-decoration:none;
    color: rgb(0, 0, 0);
    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.2rem 'Verdana', 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.9rem;
    font-style: normal;
    font-weight: bolder;
    color: #696868;
    margin-top: 12px;
}

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

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

/*manuelle Links in HYPERLINK*/
.content-hyperlink {
    margin-top: 42px;
    font-size: 1rem;
    text-decoration: none;
}

/*more und back*/
.more a,
.back a {
    font-size: 0.7rem;
    font-style: italic;
    font-weight: 800;
    text-decoration: none;
    border-bottom: rgb(234, 91, 12) 1px dotted;
}

.more a {
    margin-top: 24px;
}

.back {
    margin-top: 60px;
}

}