/* Schriftart Open Sans integriert, damit kein externer Abruf nötig ist */


/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/open-sans-v15-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Regular'), local('OpenSans-Regular'),
       url('../fonts/open-sans-v15-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v15-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v15-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v15-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v15-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/open-sans-v15-latin-italic.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Italic'), local('OpenSans-Italic'),
       url('../fonts/open-sans-v15-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v15-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v15-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v15-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v15-latin-italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-600 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/open-sans-v15-latin-600.eot'); /* IE9 Compat Modes */
  src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'),
       url('../fonts/open-sans-v15-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v15-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v15-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v15-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v15-latin-600.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-600italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 600;
  src: url('../fonts/open-sans-v15-latin-600italic.eot'); /* IE9 Compat Modes */
  src: local('Open Sans SemiBold Italic'), local('OpenSans-SemiBoldItalic'),
       url('../fonts/open-sans-v15-latin-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v15-latin-600italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v15-latin-600italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v15-latin-600italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v15-latin-600italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-300 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/open-sans-v15-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Light'), local('OpenSans-Light'),
       url('../fonts/open-sans-v15-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v15-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v15-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v15-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v15-latin-300.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-300italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 300;
  src: url('../fonts/open-sans-v15-latin-300italic.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Light Italic'), local('OpenSans-LightItalic'),
       url('../fonts/open-sans-v15-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v15-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v15-latin-300italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v15-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v15-latin-300italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-condensed-300 - latin */
@font-face {
  font-family: 'Open Sans Condensed';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/open-sans-condensed-v12-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Condensed Light'), local('OpenSansCondensed-Light'),
       url('../fonts/open-sans-condensed-v12-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-condensed-v12-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-condensed-v12-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-condensed-v12-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-condensed-v12-latin-300.svg#OpenSansCondensed') format('svg'); /* Legacy iOS */
}

/* open-sans-condensed-300italic - latin */
@font-face {
  font-family: 'Open Sans Condensed';
  font-style: italic;
  font-weight: 300;
  src: url('../fonts/open-sans-condensed-v12-latin-300italic.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Condensed Light Italic'), local('OpenSansCondensed-LightItalic'),
       url('../fonts/open-sans-condensed-v12-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-condensed-v12-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-condensed-v12-latin-300italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-condensed-v12-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-condensed-v12-latin-300italic.svg#OpenSansCondensed') format('svg'); /* Legacy iOS */
}



/* Alternatives Boxmodell - Aus Selfhmtl übernommen - Okt 2019 */


html { 
  box-sizing: border-box; 
} 

*, ::before, ::after { 
  box-sizing: inherit; 
}


/* Body mit Grid für responsives Design + Header - Okt 2019 */

body {
    display: grid;
    grid-template-columns: 8fr 8fr 7.5fr;	
    grid-template-rows: auto [head] auto [nav] auto [aktuell] auto [main] auto [foot];
    max-width: 1022px;	
    margin: 0 auto; 
    padding: 0 0 0 0;
    font-family: 'Open Sans', sans-serif;
    font: normal 1em;  /* Mindestschriftgröße wird dem Browser, bzw. dem Nutzer überlassen! */
    color: #333333;
    background: #f1f1f1;
    border: solid 3px #dfdfdf;
    position:relative;
}

header {

    background: #F1F3F4;
	
    border-color: #d5d5d5;

    grid-column: 1 / span 3;
	
    grid-row: 1;

    background: white;	//url(../img/background_content.gif) top left repeat-y; 
}


/* Navleiste - in row 2, sichtbar wenn Display für Navigation zu klein */

navleiste {
    display: none;
    grid-column: 1 / span 3;
	
    grid-row: 2;

    background: white;
    margin: 0 0 0 0;
    padding: 0 0 2.1em 0;
}



/*  Navigation - Ebenfalls in row 2, wird ausgeblendet, wenn Display zu klein für Navigation ohne Umbruch ist */

nav {
    display: inline;
    grid-column: 1 / span 3;
	
    grid-row: 2;

    background: white;
    margin: 0 0 0 0;
    padding: 0 0 2.1em 0;
}


nav ul {
    padding: 0px;
    margin: 0px;
    box-shadow: 2px 2px 2px #dfdfdf;
    -moz-box-shadow: 2px 2px 2px #dfdfdf;
    -webkit-box-shadow: 2px 2px 2px #dfdfdf;
}


nav ul:after {
    clear: both;
    content: " ";
    display: block;
    font-size: 0;
    height: 0;
    visibility: hidden;
}


nav ul,nav ul li{
    background-color: #FAFAFA;
    Font-size: 94%;
    font-family: verdana, arial, sans-serif;
}

nav ul li {
    list-style: none;
    float:left;
    border-right: 1px solid #dfdfdf;
}

nav ul li a {
    text-decoration: none;
    display: block;
    color: #FAFAFA;
    opacity: 0.95;
    filter: alpha(opacity=80); /* For IE8 and earlier */
    background-color: green;
    font-weight: normal;
    padding: 14px 31px 14px 31px;

}


nav ul li.cat1 a {
    text-decoration: none;
    display: block;
    color: #FAFAFA;
    background-color: #A82719;
    padding: 14px 21px 14px 21px;
    font-weight: normal;

}


nav ul li.cat2 a {
    text-decoration: none;
    display: block;
    color: #FAFAFA;
    background-color: #D6421B;
    font-weight: normal;


}


nav ul li.cat3 a {
    text-decoration: none;
    display: block;
    color: #FAFAFA;
    background-color: #B59833;
    padding: 14px 22px 14px 22px;
    font-weight: normal;

}


nav ul li.cat4 a {
    text-decoration: none;
    display: block;
    color: #FAFAFA;
    background-color: #8CB302;
    font-weight: normal;
}


nav ul li.cat5 a {
    text-decoration: none;
    display: block;
    color: #FAFAFA;
    background-color: #008C74;
    font-weight: normal;
}


nav ul li.cat6 a {
    text-decoration: none;
    display: block;
    color: #FAFAFA;
    background-color: #004C66;
    font-weight: normal;
}


nav ul li.cat7 a {
    text-decoration: none;
    display: block;
    color: #FAFAFA;
    background-color: #332B40;
    font-weight: normal;
}

nav ul li:hover > a {
    color: #FAFAFA;
}

nav ul li:hover > ul {
    visibility: visible;
}


nav ul li ul{
    display: inline;
    visibility: hidden;
    position: absolute;
    padding:0px;
}

nav ul li ul li{
	float: none;
}

nav ul li ul li a {
    color: #FAFAFA;
}

nav ul li ul li a:hover{
	color: #333;
	background-color: #FAFAFA !important;
}


/* Aktuell - erstreckt sich über alle drei Spalten, Aufteilung über content-container - Okt 2019 */

aktuell {
display: inline;
grid-column: 1 / span 3;
	
grid-row: 3;

max-width: 100%;
margin: -0.7em 0 -0.7em 0; 
padding: 0 0.8em 2.1em 1.8em; 
background: white;
}

/*  Article - für den eigentlichen Inhalt, erstreckt sich über über die beiden linken Spalten - Okt 2019 */

article {
grid-column: 1 / span 2;
	
grid-row: 4;

max-width: 100%;
margin: 0 0 -0.6em 0; 
padding: 0 1.2em 0 1.8em; 
color: #333333;
background: white;
}

/* Kalender - für Creative Mass */

kalender {
display: inline;
grid-column: 1 / span 3;
	
grid-row: 3;

max-width: 100%;
margin: 0 0 0 0; 
padding: 0.2em 1em 0.2em 1em; 
font-family: 'Open Sans', sans-serif;
font: normal 1em;  /* Mindestschriftgröße wird dem Browser, bzw. dem Nutzer überlassen! */
color: #333333;
background: white;
border: 0;
position:relative;
}



/* Inhaltselemente für die Druckausgabe - Druck ausblenden (einzelner Satz, Grafik  etc.), Abschnitte zusammenhalten, evtl. mittels Seitenumbruch vor dem Abschnitt */

noprint {
}

abschnitt {
page-break-inside: avoid;
}

abschnitt.neue-seite {
page-break-before: always;
page-break-inside: avoid;
}

abschnitt.seite {
page-break-before: always;
page-break-after: always;
}


/* Mediathek-Einträge nebeneinander/untereinander positionieren */

media1 {
display: inline;
min-width: 248px;
margin: 0 0 0 0; 
padding: 0 0 0 0; 
background: white;
}

media2 {
display: flex;
min-width: 248px;
margin: 0 0 0 0; 
padding: 0 0 0 0; 
background: white;
}


/* Start-Seiten: Einträge nebeneinander/untereinander positionieren */

start1 {
display: inline;
// min-width: 150px;
max-width: 100%;
margin: 0 0 0 0; 
padding: 0 0 0 0; 
background: white;
}

start2 {
display: inline;
min-width: 480px;
margin: 0 0 0 0; 
padding: 0 0 0 0; 
background: white;
}


/* Netzwerk-Einträge nebeneinander/untereinander positionieren */

netzwerk1 {
display: inline;
min-width: 248px;
margin: 0 0 0 0; 
padding: 0 0 0 0; 
background: white;
}

netzwerk2 {
display: inline;
min-width: 248px;
margin: 0 0 0 0; 
padding: 0 0 0 0; 
background: white;
}


/* Themenseite, Einzelseite Menschen - Kopfeintrag nebeneinander/untereinander positionieren - ggf. auch anderswo */

bild_text1 {
display: inline;
// min-width: 248px;
margin: 0 0 0 0; 
padding: 0 0 0 0; 
background: white;
}

bild_text2 {
display: flex;
min-width : 248px;
margin: 0 0 0 0; 
padding: 0 0 0 0; 
background: white;
}


/* Sendetermin-Einträge nebeneinander/untereinander positionieren */

sendetermin1 {
display: inline;
min-width: 45px;
margin: 0 0 0 0; 
padding: 0 0 0 0; 
background: white;
}

sendetermin2 {
display: inline;
margin: 0 0 0 0; 
padding: 0 0 0 0; 
background: white;
}


/* Beitrag - dient zur Gliederung mit Abstand vor und nach */

beitrag {
display: block;
width: 100%;
margin: 2em 0 2em 0; 
padding: 0 0 0 0; 
background: white;
}


/* Aside - Sidebar für Kalender, nutzt nur die rechte Spalte. Ausgeblendet, wenn Display zu klein - Okt 2019 */

aside {
grid-column: 3 / span 1;
	
grid-row: 4;

margin: 0 0 0 0; 
padding: 0 1.3em 0 1.6em; 
color: #333333;
border-left: 1px solid #dfdfdf;
background: white;
}


/* Footer - erstreckt sich über alle drei Spalten - Okt 2019 */

footer {
grid-column: 1 / span 3;
	
grid-row: 5;

margin: 0 0 0 0; 
padding: 0.8em 1em 0.5em 1em; 
color: #333333;
background: white; 
}


/* content - Wird innerhalb des Grids weiter verwendet, als Ausgangspunkt margin + padding bei .content auf 0 gesetzt (Okt 2019) */

.content {
float: left; 
margin: 0 0 0 0; 
padding: 0 0 0 0; 
color: #333333;
}


.content-container {
clear: both; 
float: left; 
max-width: 100%;
margin: 0 1em 0 0; 
padding: -0.6em 1em 0 0;
border-right: solid 1px #BDBDBD;
}

/* Weiter verwendet - teilweise für neues System angepasst - Okt 2019 */


.content-container-1 {
overflow: hidden; 
max-width: 60em;
margin: -1em -0.3em 0 -1.8em;
padding: 1em 1em 0 1.8em;
page-break-inside: avoid;
}
.content-container-1:active{background-color:#ebebeb;}
.content-container-1:hover{background-color:#ebebeb;}

.content-container-1-kalender {
overflow: hidden; 
max-width: 60em;
margin: -1.5em -1.1em 1em -1.8em;
padding: 0 1em 1em 1.8em;
}
.content-container-1-kalender:active{background-color:#ebebeb;}
.content-container-1-kalender:hover{background-color:#ebebeb;}

.content-container-1-beitrag {
overflow: hidden; 
max-width: 60em;
margin: -1em -0.3em 0 -1.8em;
padding: 1em 1em 0 1.8em;
page-break-inside: avoid;
}
.content-container-1-beitrag:active{background-color:#ebebeb;}
.content-container-1-beitrag:hover{background-color:#ebebeb;}

.content-container-1-sendung {
overflow: hidden; 
max-width: 60em;
margin: -1em -0.3em 0 -1.8em;
padding: 1em 1em 0 1.8em;
page-break-inside: avoid;
}
.content-container-1-sendung:active{background-color:#ebebeb;}
.content-container-1-sendung:hover{background-color:#ebebeb;}

.content-container-1-blog {
overflow: hidden; 
max-width: 60em;
margin: 0 -0.3em 0 -1.8em;
padding: 1em 1em 0 1.8em;
page-break-inside: avoid;
}
.content-container-1-blog:active{background-color:#ebebeb;}
.content-container-1-blog:hover{background-color:#ebebeb;}

.content-container-1-themenlink {
overflow: hidden; 
max-width: 60em;
margin: 0 -0.3em 1.4em -1.8em;
padding: 0 0 0 1.8em;
}
.content-container-1-themenlink:active{background-color:#ebebeb;}
.content-container-1-themenlink:hover{background-color:#ebebeb;}

.content-container-1-themenlink-blog {
overflow: hidden; 
max-width: 60em;
margin: 0 -0.3em -0.9em -1.8em;
padding: 0 0 0 1.8em;
}
.content-container-1-themenlink-blog:active{background-color:#ebebeb;}
.content-container-1-themenlink-blog:hover{background-color:#ebebeb;}

.content-container-1-linkliste {
overflow: hidden; 
max-width: 60em;
margin: 0.7em -0.3em 0 0;
padding: 0 0 0 0;
}
.content-container-1-linkliste:active{background-color:#ebebeb;}
.content-container-1-linkliste:hover{background-color:#ebebeb;}

.content-container-1-linkliste-abstand {
overflow: hidden; 
max-width: 60em;
margin: 1.6em -0.3em 0 0;
padding: 0 0 0 0;
}
.content-container-1-linkliste:active{background-color:#ebebeb;}
.content-container-1-linkliste:hover{background-color:#ebebeb;}

.content-container-start {
float: left; 
width: 100%; 
margin: -0.8em 0 1.1em 0; 
padding: 0 0 0 0;
background: white;
page-break-inside: avoid;
}

.content-container-menschen-alphabet {
float: left; 
width: 100%; 
margin: 0 0 2.5em 0; 
padding: 0 0 0 0;
background: white;
page-break-inside: avoid;
}

.content-container-mediathek {
float: left; 
max-width: 100%; 
margin: -0.3em 0 0.3em 0; 
padding: 0 0 0 0;
background: white;
page-break-inside: avoid;
}

.content-container-mediathek-abstand-unten {
float: left; 
max-width: 100%; 
margin: -0.3em 0 1.5em 0; 
padding: 0 0 0 0;
background: white;
page-break-inside: avoid;
}

.content-container-mediathek-abstand-unten-gross {
float: left; 
max-width: 100%; 
margin: -0.3em 0 2em 0; 
padding: 0 0 0 0;
background: white;
page-break-inside: avoid;
}

.content-container-ozt {
float: left; 
max-width: 100%; 
margin: 0 0 2.7em 0; 
padding: 0 0 0 0;
background: white;
page-break-inside: avoid;
}

.content-container-ozt-wenig-abstand {
float: left; 
max-width: 100%; 
margin: 0 0 1.7em 0; 
padding: 0 0 0 0;
background: white;
page-break-inside: avoid;
}

.content-container-ozt-im-text {
float: left; 
max-width: 100%; 
margin: 0 0 0.4em 0; 
padding: 0 0 0 0;
background: white;
page-break-inside: avoid;
}

.content-container-netzwerk {
float: left; 
max-width: 100%; 
margin: -0.3em 0 0.3em 0; 
padding: 0 0 0 0;
background: white;
page-break-inside: avoid;
}

.content-container-advent {
float: left; 
max-width: 100%; 
margin: 0.3em 0 0.3em 0; 
padding: 0 0 0 0;
background: white;
page-break-inside: avoid;
}

.content-container-advent-abstand-unten {
float: left; 
max-width: 100%; 
margin: 0.3em 0 1.8em 0; 
padding: 0 0 0 0;
background: white;
page-break-inside: avoid;
}


/* OBSOLET?

.content-container-netzwerk-hinweis {
float: left; 
max-width: 100%; 
margin: -0.3em 0 50px 0; 
padding: 0 0 0 0;
background: white;
page-break-inside: avoid;
}

*/

.content-container-sendetermin {
display: inline-flex;
float: left; 
// align-items: center;
width: 100%; 
margin: 0 0 1.5em 0; 
padding: 0 0 0 0;
background: white;
page-break-inside: avoid;
}

.content-container-bild-text {
float: left; 
max-width: 100%; 
margin: 0.2em 0 0.6em 0; 
padding: 0 0 0 0;
background: white;
page-break-inside: avoid;
}

.content-container-bild-text_2 {
float: left; 
max-width: 100%; 
margin: 0.2em 0 1em 0; 
padding: 0 0 0 0;
background: white;
page-break-inside: avoid;
}

.content-container-bild-text-klein {
float: left; 
max-width: 100%; 
margin: 0.2em 0 1.2em 0; 
padding: 0 0 0 0;
background: white;
page-break-inside: avoid;
}

.content-container-bild-text-menschen {
float: left; 
max-width: 100%; 
margin: -0.8em 0 0.6em 0; 
padding: 0 0 0 0;
background: white;
page-break-inside: avoid;
}


/* vermutlich OBSOLET

.content-container-ende-seite {
float: left; 
max-width: 100%; 
margin: -0.7em 0 0 0; 
padding: 0 0 0 0;
background: white;
}

*/


.content-container-1-uebersicht-menschen {
overflow: hidden; 
max-width: 60em;
margin: -0.6em -0.3em 0.4em -1.8em;
padding: 0 1em 0.4em 1.8em;
}
.content-container-1-uebersicht-menschen:active{background-color:#ebebeb;}
.content-container-1-uebersicht-menschen:hover{background-color:#ebebeb;}

/* OBSOLET?

.content-container-1-netzwerk {
overflow: hidden; 
max-width: 60em;
margin: -0.6em -0.3em 0.4em -1.8em;
padding: 0 1em 0 1.8em;
}
.content-container-1-netzwerk:active{background-color:#ebebeb;}
.content-container-1-netzwerk:hover{background-color:#ebebeb;}

*/

.content-container-1-nav-klein {
overflow: hidden; 
max-width: 60em;
margin: 0 0 0 0;
padding: 0 0 0 0;
}

.content-container-1-link {
overflow: hidden; 
max-width: 60em;
margin: -0.6em -0.3em 0.4em -1.8em;
padding: 0 1em 0 1.8em;
//margin: -10px 0px 10px -30px; 
//padding: 0px 20px 0px 30px;
}
.content-container-1-link:active{background-color:#ebebeb;}
.content-container-1-link:hover{background-color:#ebebeb;}


.content-container-1-link2 {
overflow: hidden; 
max-width: 60em;
margin: -0.8em -0.3em -0.8em -1.8em;
padding: 0 1em 0 1.8em;
}
.content-container-1-link2:active{background-color:#ebebeb;}
.content-container-1-link2:hover{background-color:#ebebeb;} -

.content-container-foto {
clear: both; 
float: left; 
max-width: 60em;
margin: -0.6em -0.3em 0.4em -1.8em;
padding: 0 1em 0 1.8em;
//margin: -15px 0px 0px 0px; 
//padding: 0px 0px 15px 0px;
border-right: solid 1px #BDBDBD;
}


<!-- Programm - entwickelt für OZT, kann auch sonst verwendet werden | -ozt für 2022  -->

.content-container-1-programm {
overflow: hidden; 
max-width: 60em;
margin: 0 0 0 0;
padding: 0 0 0 0;
//margin: -10px 0px 10px -30px; 
//padding: 0px 20px 7px 50px;
}
.content-container-1-programm:active{background-color:#ebebeb;}
.content-container-1-programm:hover{background-color:#ebebeb;}


.content-container-1-programm-ohne-link {
overflow: hidden; 
max-width: 60em;
margin: 0 0 0 0;
padding: 0 0 0 0;
//margin: -10px 0px 10px -30px; 
//padding: 0px 20px 7px 50px;
}


.content-container-1-ozt {
overflow: hidden; 
max-width: 60em;
margin: 0.2em 0 0 0;
padding: 0 0 0 0;
}
.content-container-1-ozt:active{background-color:#ebebeb;}
.content-container-1-ozt:hover{background-color:#ebebeb;}


.content-container-1-ozt-ws {
overflow: hidden; 
max-width: 60em;
margin: -0.5em 0 0 0;
padding: 0 0 0 0;
}
.content-container-1-ozt-ws:active{background-color:#ebebeb;}
.content-container-1-ozt-ws:hover{background-color:#ebebeb;}



/* content-aktuell (Seitenkopf der Startseite) - Okt 2019 */

.content-aktuell {
clear: both; 
float: left; 
max-width: 60em; 
margin: -75px 0px -10px 30px; 
padding: 40px 0px 0px 0px; 
color: #333333;
border-bottom: solid 1px #BDBDBD;
}

.content-container-aktuell {
float: left; 
max-width: 31%;
margin: 0.2em 1.3em 0.3em 0; 
padding: 0 0 0.6em 0;
border-bottom: solid 1px #BDBDBD;
}


/* Sidebar für Kalender in der rechten Spalte - Okt 2019 */

.sidebar {
width: 100%; 
margin: 1em 0 0 0; 
padding: 0 0 0 0; 
}
.sidebar:active{background-color:#ebebeb;}
.sidebar:hover{background-color:#ebebeb;}


.sidebar-kopf {
overflow: hidden; 
width: 100%; 
margin: 1.3em 0 0 0; 
padding: 0 0 0 0; 
}

.sidebar-kopf-erster {
overflow: hidden; 
width: 100%; 
margin: -0.5em 0 0 0; 
padding: 0 0 0 0; 
}


/* Headings - eigene, nicht übernommen */

h1 {
color: #333333;
margin: 0 0 -0.2em 0;
padding: 0 0 0 0;
font-style: normal;
font-weight: 600;
font-size: 1.05em;
line-height: 1.4em;
}

.start {
color: #666666;
margin: 0 0 -0.35em 0;
padding: 0 0 0 0;
font-style: normal;
font-weight: 600;
font-size: 1em;
line-height: 1.4em;
}

.abstand {
color: #333333;
margin: 2.5em 0 -0.4em 0;
// margin: 45px 0px 12px 0px;
padding: 0 0 0 0;
font-style: normal;
font-weight: 600;
font-size: 1.1em;
line-height: 1.4em;
}

.gross {
color: #333333;
margin: 0px 0px -6px 0px;
padding: 0 0 0 0;
font-style: normal;
font-weight: 600;
font-size: 24px;
line-height: 1.4em;
}

.untertitel {
color: #333333;
margin: 8px 0px 5px 0px;
// margin: -12px 0px 5px 0px;
padding: 0px 0px 0px 0px;
font-style: normal;
font-weight: 600;
font-size: 1em;
line-height: 1.4em;
}

.untertitel_autor {
color: #333333;
margin: 8px 0px -7px 0px;
// margin: -12px 0px 5px 0px;
padding: 0px 0px 0px 0px;
font-style: normal;
font-weight: 600;
font-size: 1em;
line-height: 1.4em;
}

.untertitel-gross {
color: #333333;
margin: 6px 0px 5px 0px;
padding: 0px 0px 0px 0px;
font-style: normal;
font-weight: 600;
font-size: 1.1em;
line-height: 1.4em;
}

.einzelseite {
margin: 0.7em 0 -0.35em 0;
font-size: 1.3em;
line-height: 1.4em;
}

.einzelseite_ohneautor {
margin: 0.7em 0 20px 0;
font-size: 1.3em;
line-height: 1.4em;
}

.einzelseite_menschen {
margin: 0.7em 0 0.4em 0;
font-size: 1.3em;
line-height: 1.4em;
}

h2 {
color: #333333;
margin: 1.5em 0 -0.4em 0;
padding: 0 0 0 0;
font-style: normal;
font-weight: 600;
font-size: 1em;
line-height: 1.4em;
}

h2.abstand-nur-nach {
color: #333333;
margin: 1.5em 0 0 0;
padding: 0 0 0 0;
font-style: normal;
font-weight: 600;
font-size: 1em;
line-height: 1.4em;
}

h2.wenig-abstand {
color: #333333;
margin: 1.5em 0 -0.6em 0;
padding: 0 0 0 0;
font-style: normal;
font-weight: 600;
font-size: 1em;
line-height: 1.4em;
}

h2.abstand {
color: #333333;
margin: 2.5em 0 -0.4em 0;
padding: 0 0 0 0;
font-style: normal;
font-weight: 600;
font-size: 1em;
line-height: 1.4em;
}

h2.abstand-nach {
color: #333333;
margin: 2.5em 0 0 0;
padding: 0 0 0 0;
font-style: normal;
font-weight: 600;
font-size: 1em;
line-height: 1.4em;
}

h2.abstand_blog {
color: #333333;
margin: 1.8em 0 0.1em 0;
padding: 0 0 0 0;
font-style: normal;
font-weight: 600;
font-size: 1em;
line-height: 1.4em;
}

h2.kalender-ozt1 {
color: #333333;
margin: 2.5em 0 0.6em 0;
padding: 0 0 0 0;
font-style: normal;
font-weight: 600;
font-size: 1em;
line-height: 1.4em;
}

h2.kalender-ozt2 {
color: #333333;
margin: 2em 0 0.6em 0;
padding: 0 0 0 0;
ont-style: normal;
font-weight: 600;
font-size: 1em;
line-height: 1.4em;
}

h2.zentriert {
color: #333333;
margin: -0.3em 0 -0.4em 0;
padding: 0 0 0 0;
text-align: center;
font-style: normal;
font-weight: 600;
font-size: 1em;
line-height: 1.4em;
}

h2.mediathek {
color: #333333;
margin: 1.5em 0 0.1em 0;
padding: 0 0 0 0;
font-style: normal;
font-weight: 600;
font-size: 1em;
line-height: 1.4em;
}

h2.netzwerk {
color: #000000;
margin: 1.05em 0 -0.1em 0;
padding: 0 0 0 0;
font-style: normal;
font-weight: 300;
font-size: 1.25em;
line-height: 1.4em;
}

h2.netzwerk_untertitel {
color: #000000;
margin: 0 0 -0.5em 0;
padding: 0 0 0 0;
font-style: normal;
font-weight: 300;
font-size: 1em;
line-height: 1.4em;
}

h2.advent {
color: #000000;
margin: 1.05em 0 0 0;
padding: 0 0 0 0;
font-style: normal;
font-weight: 300;
font-size: 1.25em;
line-height: 1.4em;
}


h3 {
color: #333333;
margin: 1.5em 0 -0.5em 0;
padding: 0 0 0 0;
font-style: normal;
font-weight: 600;
font-size: 0.88em;
line-height: 1.4em;
font-family: 'Open Sans', sans-serif;
}

h3.abstand {
color: #333333;
margin: 14em 0 -0.5em 0;
padding: 0 0 0 0;
font-style: normal;
font-weight: 600;
font-size: 0.88em;
line-height: 1.4em;
font-family: 'Open Sans', sans-serif;
}

h3.programm {
color: #333333;
margin: -5px 0px -8px 0px;
padding: 0px 0px 0px 0px;
font-style: normal;
font-weight: 600;
font-size: 0.9em;
line-height: 1.4em;
}


/* paragraphs - eigene, nicht übernommen */

p {
color: #333333;
font-style: normal;
font-weight: normal;
font-size: 0.88em; // statt 15px - Okt 2019
line-height: 1.4em;
font-family: 'Open Sans', sans-serif;
}

p.eingerueckt {
margin: 0 0 0 1.2em;
color: #333333;
font-style: normal;
font-weight: normal;
font-size: 0.88em; // statt 15px - Okt 2019
line-height: 1.4em;
font-family: 'Open Sans', sans-serif;
}

p.topmargin {
margin: 1.8em 0 0 0;
color: #333333;
font-style: normal;
font-weight: normal;
font-size: 0.88em;
line-height: 1.4em;
font-family: 'Open Sans', sans-serif;
}

p.abstand-unten {
margin-bottom: 2em;
color: #333333;
font-style: normal;
font-weight: normal;
font-size: 0.88em;
line-height: 1.4em;
font-family: 'Open Sans', sans-serif;
}

p.mediathek {
margin: 0.1em 0 0 0;
color: #333333;
font-style: normal;
font-weight: normal;
font-size: 0.88em;
line-height: 1.4em;
font-family: 'Open Sans', sans-serif;
}

p.mediathek-abstand {
margin: 0 0 0 0;
padding: 0 0 0 0;
color: #333333;
font-style: normal;
font-weight: normal;
font-size: 0.1em;
line-height: 0.1em;
}

p.mediathek-klein {
margin: 0 0 0 0;
color: #333333;
font-style: normal;
font-weight: normal;
font-size: 0.72em;
line-height: 1.4em;
font-family: 'Open Sans', sans-serif;
}

p.netzwerk {
margin: 0.8em 0 0 0;
color: #333333;
font-style: normal;
font-weight: normal;
font-size: 0.88em;
line-height: 1.39em; // 1.4
font-family: 'Open Sans', sans-serif;
}

p.nah-dran {
margin-top: -7px;
color: #333333;
font-style: normal;
font-weight: normal;
font-size: 0.88em;
line-height: 1.4em;
}

p.nah-dran1 {
margin-top: -0.5em;
color: #333333;
font-style: normal;
font-weight: normal;
font-size: 0.88em;
line-height: 1.4em;
}

p.nah-dran2 {
margin-top: -4px;
color: #333333;
font-style: normal;
font-weight: normal;
font-size: 0.88em;
line-height: 1.4em;
}

p.nah-dran3 {
margin-top: 0.45em;
color: #333333;
font-style: italic;
font-weight: normal;
font-size: 0.88em;
line-height: 1.4em;
}

p.nah-dran4 {
margin-top: 0.3em;
color: #333333;
font-style: normal;
font-weight: normal;
font-size: 0.88em;
line-height: 1.4em;
}

p.start {
margin-top: 0.5em;
padding: 0 0 1em 0;
color: #666666;
font-style: normal;
font-weight: normal;
font-size: 0.88em;
line-height: 1.4em;
border-bottom: solid 1px #BDBDBD;
}

p.tn {
margin: 0px 0px 4px 0px;
color: #333333;
font-style: normal;
font-weight: normal;
font-size: 0.88em;
line-height: 1.4em;
}


p.themenlink {
color: #333333;
font-style: normal;
font-weight: normal;
font-size: 0.88em;
line-height: 1.4em;
margin: 0 0 0 0;
padding: 0.5em 0 0.5em 0;
border-top: solid 1px #BDBDBD;
border-bottom: solid 1px #BDBDBD;
}


p.kopfzeile-kalender {
margin: 3.2em 0 .8em 0;
padding: .3em .2em .3em .4em;
color: white;
background: #303040;	// #2f2581; [blau]
font-style: normal;
font-weight: bold;
font-size: 1em;
}

p.indigo {
color: indigo;
font-style: normal;
font-weight: normal;
font-size: 0.88em; // statt 15px - Okt 2019
line-height: 1.4em;
font-family: 'Open Sans', sans-serif;
}

p.zitat {
margin: 1.2em 0 0.75em 0.95em;
padding: 0 0 0 0.5em;
color: #333333;
border-left: solid 1.5em grey;
font-style: normal;
font-weight: normal;
font-size: 0.88em;
line-height: 1.5em;
}



p.linkliste {
color: #333333;
font-style: normal;
font-weight: 600;
font-size: 0.88em;
line-height: 1.4em;
margin: 0 0 0 0;
padding: 0.5em 0.5em 0.5em 0.5em;
border-top: solid 1px #BDBDBD;
border-bottom: solid 1px #BDBDBD;
border-left: solid 7px darkred;
background-color: #dedede; 
}
.linkliste:hover{background-color:#ebebeb; border-left: solid 7px darkgreen;}



<!-- Für Programm OZT und weitere Zwecke entwickelt 1 = normaler Abstand, 2 = zusätzlicher Abstand oben - Ältere Formate (ohne Zahl) wegen Kompatibilität nicht entfernen -->

p.programm {
color: #333333;
font-style: normal;
font-weight: normal;
font-size: 0.88em;
line-height: 1.4em;
margin: 0 0 0 0;
padding: 0.5em 0 0 1.4em;
}

p.programm-rot1 {
margin: 1.2em 0 0.75em 0.95em;
padding: 0 0 0 0.5em;
color: #333333;
border-left: solid 2.88em #960000;
font-style: normal;
font-weight: normal;
font-size: 0.88em;
line-height: 1.4em;
}

p.programm-rot2 {
margin: 2em 0 0.75em 0.95em;
padding: 0 0 0 0.5em;
color: #333333;
border-left: solid 2.88em #960000;
font-style: normal;
font-weight: normal;
font-size: 0.88em;
line-height: 1.4em;
}

p.programm-blau1 {
margin: 1.2em 0 0.75em 0.95em;
padding: 0 0 0 0.5em;
color: #333333;
border-left: solid 2.88em #00646b;
font-style: normal;
font-weight: normal;
font-size: 0.88em;
line-height: 1.4em;
}

p.programm-blau2 {
margin: 2em 0 0.75em 0.95em;
padding: 0 0 0 0.5em;
color: #333333;
border-left: solid 2.88em #00646b;
font-style: normal;
font-weight: normal;
font-size: 0.88em;
line-height: 1.4em;
}

p.programm-hellblau1 {
margin: 1.2em 0 0.75em 0.95em;
padding: 0 0 0 0.5em;
color: #333333;
border-left: solid 2.88em #00bdcc;
font-style: normal;
font-weight: normal;
font-size: 0.88em;
line-height: 1.4em;
}

p.programm-text {
color: #333333;
font-style: normal;
font-weight: normal;
font-size: 0.88em;
line-height: 1.4em;
margin: -0.4em 0 0 0.5em;
padding: 0 0 0.7em 0.5em;
}



p.programm-orange {
margin: 2em 0 0.75em 0.95em;
padding: 0 0 0 0.5em;
color: #333333;
border-left: solid 2.88em #e74f00;
font-style: normal;
font-weight: normal;
font-size: 0.88em;
line-height: 1.4em;
}

p.programm-blau {
margin: 1.2em 0 0.75em 0.95em;
padding: 0 0 0 0.5em;
color: #333333;
border-left: solid 2.88em #00646b;
font-style: normal;
font-weight: normal;
font-size: 0.88em;
line-height: 1.4em;
}

p.programm-hellblau {
margin: 2.4em 0 0.75em 0.95em;
padding: 0 0 0 0.5em;
color: #333333;
border-left: solid 2.88em #00bdcc;
font-style: normal;
font-weight: normal;
font-size: 0.88em;
line-height: 1.4em;
}

p.programm-hellgrau {
margin: 2.4em 0 0.75em 0.95em;
padding: 0 0 0 0.5em;
color: #333333;
border-left: solid 2.88em #c3c3c3;
font-style: normal;
font-weight: normal;
font-size: 0.88em;
line-height: 1.4em;
}

p.button {
color: #333333;
font-style: normal;
font-weight: normal;
font-size: 0.3em;
margin: 0 0 0 0;
padding: 0 0 0 0;
}

p.linie {
color: #333333;
font-style: normal;
font-weight: normal;
font-size: 0.88em;
line-height: 1.4em;
padding: 0px 0px 20px 0px;
border-bottom: solid 1px #BDBDBD;
}

p.autor {
color: #333333;
font-style: italic;
font-weight: normal;
font-size: 0.75em;
}

p.aktuell-kopf {
margin: 0 0 0 0;
color: #333333;
font-style: normal;
font-weight: 600;
font-size: 0.88em;
line-height: 1.4em;
}

p.aktuell {
margin: 0.5em 0 0 0;
color: #333333;
font-style: normal;
font-weight: normal;
font-size: 0.75em;
line-height: 1.4em;
}


/* Farbe bei p.kopf auf 0 gesetzt, damit nicht Farben addiert werden! Kopfzeilen für alle Beiträge! */

p.kopf {
margin: 0 0 1em 0;
padding: 0 0 0 0;
color: #000000;
font-style: normal;
font-weight: 600;
font-size: 0.8em;
line-height: 1.3em;
}

p.kopf-menschen {
margin: .9em 0 1em 0;
padding: 0 0 0 0;
color: #000000;
font-style: normal;
font-weight: 600;
font-size: 0.8em;
line-height: 1.3em;
}

/* Weitere Formatierungen, beispielsweise bei Veranstaltungen Forum Zukunft und im Kalender (21-start.php) verwendet */

p.link {
margin: 0px 0px 7px 0px;
color: #333333;
font-style: normal;
font-weight: normal;
font-size: 84%;
}

p.dat {
margin: 35px 0px 3px 0px;
color: #333333;
font-style: normal;
font-weight: 400;
font-size: 0.88em;
}

p.dat2 {
margin: 0px 0px 3px 0px;
color: #333333;
font-style: normal;
font-weight: 400;
font-size: 0.88em;
}

p.dat3 {
margin: 0px 0px 4px 0px;
color: #333333;
font-style: normal;
font-weight: 400;
font-size: 0.88em;
}

p.tit {

margin: 0px 0px -5px 0px;
padding: 0px 0px 0px 0px;
font-style: normal;
font-weight: 600;
font-size: 1.05em;
}

p.tit2 {
margin: 5px 0px -5px 0px;
padding: 0px 0px 0px 0px;
font-style: normal;
font-weight: 600;
font-size: 0.88em;
}

p.titunter {
margin: 5px 0px -5px 0px;
padding: 0px 0px 0px 0px;
font-style: normal;
font-weight: 600;
font-size: 0.88em;
}

p.tit3 {

margin: 0px 0px -5px 0px;
padding: 0px 0px 0px 0px;
font-style: normal;
font-weight: 600;
font-size: 1em;
}

p.txt {
color: #333333;
margin: 10px 0px 10px 0px;
font-style: normal;
font-weight: normal;
font-size: 0.88em;
line-height: 1.4em;
}

p.ref {
margin: 5px 0px 0px 0px;
color: #333333;
font-style: normal;
font-weight: normal;
font-size: 84%;
}

p.ref2 {
margin: 1px 0px 0px 0px;
color: #333333;
font-style: normal;
font-weight: normal;
font-size: 84%;
}

p.rot {
color: darkred;
font-style: normal;
font-weight: normal;
font-size: 84%;
}

p.klein {
color: #333333;
font-style: normal;
font-weight: normal;
font-size: 0.72em;
}

p.klein_bearbeitet {
margin: 0 0 -0.8em 0;
color: #333333;
font-style: normal;
font-weight: normal;
font-size: 0.72em;
}

p.klein_sendetermin {
margin: .3em 0 0 0;
color: #333333;
font-style: normal;
font-weight: normal;
font-size: 0.72em;
}

p.mittel {
color: #333333;
font-style: normal;
font-weight: normal;
font-size: 0.78em;
}

p.kopfzeile {
margin: 0px;
padding: 55px 0px 0px 20px;
color: darkgreen;
font-style: normal;
font-weight: 600;
font-size: 180%;
}

p.kopfzeile2 {
margin: 0px 0px 10px 0px;
padding: 0px 0px 30px 20px;
border-bottom: solid 3px darkgreen;
color: grey;
font-style: normal;
font-weight: 600;
font-size: 120%;
}

p.kalender {
margin: -8px 0px 0px 0px;
color: #333333;
font-style: normal;
font-weight: normal;
font-size: 84%;
}

p.partner {
margin: 0px 0px 10px 0px;
color: #333333;
font-style: normal;
font-weight: normal;
font-size: 84%;
}


/* für Sidebar - Okt 2019 */

p.kal-dat {
margin: 0 0 0 0;
padding: 0 0 0.1em 0;
font-weight: 400;
font-size: 0.75em;
}

p.kal-tit {
margin: 0 0 0 0;
padding: 0 0 0.2em 0;
font-weight: 600;
font-size: 0.8em;
}

p.kal-text {
margin: 0 0 0 0;
padding: 0 0 0.2em 0;
font-weight: 400;
font-size: 0.75em;
}

p.kal-kopf {
margin: 0 0 1em 0;
padding: 0 0 0 0;
font-weight: 600;
font-size: 0.8em;
}

p.kal-kopf2 {
margin: -1em 0 0.5em 0;
padding: 0 0 0 0;
font-weight: 600;
font-size: 0.75em;
}

p.kal-button {
font-weight: normal;
font-size: 0%;
}


/* Für footer - Okt 2019 */

p.footer {
margin: 0 -1.4em 0 -1.4em;
padding: 1.2em 0 0.5em 0;
font-size: 0.75em;
text-align: center;
background: #cccccc;
}

p.footer-unten {
margin: 0 -1.4em -0.7em -1.4em;
padding: 0 0 1.1em 0;
font-size: 0.75em;
text-align: center;
background: #cccccc;
}


/* Verhalten von Links */


a:link {
color: #333333;
font-style: normal;
font-weight: 600; 
text-decoration: none;
}

a:visited {
color: #333333;
font-style: normal;
font-weight: 600; 
text-decoration: none;
}

a:active {
background-color: #ebebeb;
}

a:hover {
background-color: #ebebeb;
}


/* Aus altem System - Wofür verwendet? */

p.kal {
margin-bottom: -10px; 
padding: 0px; 
font-size: 84%;
}
.kal a {
margin: 0px; 
padding: 0px; 
color: #333333; 
text-decoration: none; 
font-weight: normal;
}
.kal a:hover, .nav2 a.selected {
color: #333333; 
text-decoration: none;
}


/* Absatz für Übersichts-Seite Menschen (48-start.php) */

p.menschen {
margin: 0.6em 0px -0.5em 0px;
color: #333333;
font-style: normal;
font-weight: normal;
font-size: 0.88em;
line-height: 1.4em;
}
.menschen a {
font-weight: normal;
}


/* lists */

ul.indent {
margin: 0px 0px 7px 15px; 
padding: 0px 0px 0px 15px; 
list-style-type: disc; 
font-size: 120%;
}

ul.text {
margin: 0px 0px 7px 15px; 
padding: 0px 0px 0px 15px; 
list-style-type: disc; 
font-size: 0.88em;
}



li.normal {
margin: 5px 0px 0px 05px; 
color: #333333;
font-style: normal;
font-weight: normal;
font-size: 0.88em;
}

li.wz {
margin: 5px 0px 0px 0px; 
color: #333333;
font-style: normal;
font-weight: normal;
font-size: 0.88em;
}

li.wz-text {
margin: 10px 0px 0px -20px; 
color: #333333;
list-style-type: none;
text-indent: -17px;
font-style: normal;
font-weight: normal;
font-size: 0.88em;
line-height: 1.4em;
}




li.nav-klein {
margin: 1em 0 0 0; 
color: #333333;
list-style-type: none;
//text-indent: -17px;
font-style: normal;
font-weight: normal;
font-size: 1em;
line-height: 1.4em;
}

li ul {
margin: 0 0 0 0;
padding: 0.5em 0 0.5em 2.2em; 
color: #333333;
list-style-type: disc;
//text-indent: -17px;
font-style: normal;
font-weight: normal;
font-size: 0.88em;
line-height: 1.4em;
}

li.abstand {
margin: 0 0 0 0;
padding: 0 0 0.5em 0em; 
color: #333333;
list-style-type: disc;
font-style: normal;
font-weight: normal;
font-size: 1em;
line-height: 1.4em;
}


/* Image mit Bildunterschrift neu */

dl.meImgLeft { float: left; max-width: 100%; margin: 5px 10px 2px 0px; border: solid 1px #e6e6e6;}
// verhindert das Einrücken und
// den Abstand nach oben
dl.meImgLeft dt { margin: 0px 10px 0px 0px; }
dl.meImgLeft dd { margin: -5px 0px 0px 0px; }
dl.meImgLeft dd { font-size: 66%; }
dl.meImgLeft dd { background-color: #f2f2f2; }
dl.meImgLeft dd { padding: 5px 2px 3px 2px; }

dl.meImgLeft-1 { float: left; max-width: 100%; margin: 5px 10px 20px 0px; border: solid 1px #e6e6e6;}
// verhindert das Einrücken und
// den Abstand nach oben
dl.meImgLeft-1 dt { margin: 0px 10px 0px 0px; }
dl.meImgLeft-1 dd { margin: -5px 0px 0px 0px; }
dl.meImgLeft-1 dd { font-size: 66%; }
dl.meImgLeft-1 dd { background-color: #f2f2f2; }
dl.meImgLeft-1 dd { padding: 5px 2px 3px 2px; }



/* Images */

img {
max-width: 100%;
height: auto;
page-break-inside: avoid;
}

.img-beitrag-start{
float: left;
margin: 0.3em 0 1em 0;
}

.img-beitrag-sendung{
float: left;
margin: 0.3em 0 0.5em 0;
}

.img-left-noborder-topmargin {
float: left;
margin: 0.3em 0.7em 0.1em 0;
}

.img-left-noborder-minilogo {
float: left;
opacity: 0.9;
margin: 6px 8px 0px 0px;
}

.img-left-noborder-symbol {
float: left;
margin: 0.3em 0.5em 0 0;
}

.img-left-border-topmargin {
float: left; 
margin: 0.3em 0.7em 0.1em 0;
border: solid 1px #e6e6e6;
}



.img-icon {
float: left; 
margin: 0 0.5em 0 0;
}


.img-left-web {
float: left; 
margin: 0 0.7em 0.6em 0;
border: solid 1px #e6e6e6;
}

.img-left-web-noborder {
float: left; 
margin: 0.2em 0.6em 0 0;
// border: solid 1px #e6e6e6;
}

.img-left-web-topmargin {
float: left; 
margin: 0.7em 0.7em 0.6em 0;
border: solid 1px #e6e6e6;
}

.img-left-web2 {
float: left; 
margin: 0 0.7em 1.5em 0;
border: solid 1px #e6e6e6;
}

.img-left-web2-topmargin {
float: left; 
margin: 0.7em 0.7em 1.5em 0;
border: solid 1px #e6e6e6;
}

.img-left-web2-topmargin-noborder {
float: left; 
margin: 0.7em 0.7em 1.5em 0;
}

.img-left-web3 {
float: left; 
margin: 0 0.7em 2em 0;
border: solid 1px #e6e6e6;
}

.img-left-web3-topmargin {
float: left; 
margin: 0.7em 0.7em 2em 0;
border: solid 1px #e6e6e6;
}

.img-left-mediathek {
float: left;
margin: 0.3em 0.7em 0.3em 0;
}

.img-right-mediathek {
float: right;
margin: 0.3em 0 0.3em 0.7em;
}

.img-left-web-aktuell {
float: left; 
max-width: 100%;
margin: 0 0 0 0;
padding: 0.6em 0 0.3em 0;
}

.img-left-netzwerk {
float: left; 
margin: 0.6em 0.7em 0.1em 0; 
border: solid 1px #e6e6e6;
}

.img-left-advent{
float: left;
margin: 0.3em 0.7em 1em 0;
}

.img-right-advent {
float: right;
margin: 0.3em 0 1em 0.7em;
}


/* OBSOLET?
.img-left-border-topmargin-netzwerk-hinweis {
float: left; 
margin: 10px 10px 2px 0px; 
border: solid 1px #e6e6e6;
}
*/

.img-left-border-sammlung {
float: left; 
margin: 5px 10px 5px 0px; 
border: solid 1px #e6e6e6;
}

.img-left-border-menschen {
float: left; 
margin: 0 0.7em 0 0; 
border: solid 1px #e6e6e6;
}

.img-left-border-kalender {
float: left; 
max-width: 100%;
// margin: 4px 10px 0px 0px; 
margin: 0.2em 0.7em 0.3em 0;
border: solid 1px #e6e6e6;
}

.img-left-border-topmargin-einzelseite {
float: left; 
margin: 5px 10px 20px 0px; 
border: solid 1px #e6e6e6;
}

.img-right-noborder-topmargin {
float: right; 
margin: 3px 0px 0px 10px;
}

.img-header {
float: left; 
max-width: 100%;
margin: 0 0 0 0;
}

.img-navleiste {
float: left; 
max-width: 100%;
margin: 0 0 0 0;
padding 0 0 0 0;
}

.img-kopfzeile {
float: right; 
margin: 0px 10px 10px 10px;
}


/* button */

.PictureButtonAnmelden {
	padding:0;
	margin:0;
	border:1px solid #D9DDDE;
	background-image:url(../img/ozt-anmelden.png);
	background-repeat:no-repeat;
	font-size:40px;
	background-position: 0px 0px;
	width:200px;
	}


/* formular 2*/

label.left {
float: left;
text-align: right;
width: 5em;
margin-right: .3em;
padding: 0px; 
line-height: 1.3em; 
font-family: arial, sans serif; 
font-size: 120%; 
}

.textfieldspecial, .textareaspecial {
width: 40px;
margin-right: 5px;
}


/*formular*/

label.left {
float: left;
text-align: right;
width: 5em;
margin-right: .3em;
padding: 0px; 
line-height: 1.3em; 
font-size: 120%; 
}

.textfieldlarge, .textarealarge {
width: 250px;
margin-right: 5px;
}

.textfieldlarge2, .textarealarge2 {
width: 320px;
margin-right: 5px;
}

.textfieldextralarge, .textareaextralarge {
width: 400px;
margin-right: 5px;
}

.textfieldxxl, .textareaxxl {
width: 540px;
margin-right: 5px;
}

.textfieldsmall, .textareasmall {
width: 25px;
margin-right: 5px;
}

.textfieldmedium, .textareamedium {
width: 60px;
margin-right: 5px;
}

.textfieldradio, .textareasmall {
float: left;
text-align: right;
width: 20px;
margin-right: 2px;
margin-left: 0px;
}


/* Fuß der Seiten (vor Footer): Zurück - Ältere Beiträge - Nach oben */

input[type=text], select {
float: left;
max-width: 100%;
}

input.zurueck {
float: left;
width: 100%;
clear: both;
color: #333333;
margin: 0.9em 0px 1.8em 0px;
padding: 0.3em 0.3em 0.4em 0.3em;
font-style: normal;
font-weight: normal;
font-size: 0.9em;
line-height: 1.4em;
background-color: #f1f1f1;
border: none;
font-family: 'Open Sans', sans-serif;
}
.zurueck:active{background-color: #e3e3e3;}
.zurueck:hover{background-color: #e3e3e3;  cursor: pointer;}

input.aelter {
float: left;
text-align: right; 
width: 100%;
clear: both;
color: #333333;
margin: 0.3em 0px 1.8em 0px;
padding: 0.3em 0.3em 0.4em 0.3em;
font-style: normal;
font-weight: normal;
font-size: 0.9em;
line-height: 1.4em;
background-color: #f1f1f1;
border: none;
font-family: 'Open Sans', sans-serif;
}

.aelter:active{background-color: #e3e3e3;}
.aelter:hover{background-color: #e3e3e3;  cursor: pointer;}

input.right {
float: left;
width: auto;
clear: both;
margin-left: 5.3em;
margin-right: .3em;
style="width: 250px;
}

input[type=checkbox].right;
input[type=radio].right;
input[type=submit].right {
margin-left: 6.3em;
}

form br {
clear: both;
}

xdiv.content table td.boxfeldname, div.content table td.boxfeldnameoo { width: 162px; }
xtd.artikelbild img { border: 1px solid #eee; } 
xdiv.formular td{ width: 15%; }




/* Media-Queries: Steuern Breakpoints für Änderung der Anzeige bei kleinerem Display - Okt 2019 */


@media only screen and (max-width : 1022px)
{
	nav {display: none;}
	navleiste {display: inline;}
	aktuell {grid-column: 1 / span 2;}

	.content-container-aktuell {max-width: 100%;}
	article {grid-row: 4 /span 2; position: top; margin: 0 0 5em 0}
	
	aside {grid-row: 3 / span 2;}

}

@media only screen and (max-width : 920px)
{
	.img-left-mediathek {width: 100%;}
	.img-right-mediathek {width: 100%;}
	.img-left-advent {width: 100%;}
	.img-right-advent {width: 100%;}
}

@media only screen and (max-width : 768px)
{
	aside {display: none;}
	aktuell {grid-column: 1 / span 3;}

	article {grid-column: 1 / span 3;}


	h1.einzelseite {font-size: 1.1em;}
	h1.untertitel {font-size: 0.88em; font-weight: 400;}
	h1.untertitel_autor {font-size: 0.88em; font-weight: 400;}
//	Weitere prüfen, z.B. Einzelseite Menschen
}


@media print
{
	header-fb {display: none;}
	header-insta {display: none;}
	header-yt {display: none;}
	header-wz {display: none;}
	nav {display: none;}
	navleiste {display: none;}
	aside {display: none;}
	noprint {display: none;}

	h1, h2, h3, h4, h5 {page-break-after: avoid;}
	p {orphans: 3; widows: 3;}
//	a:after { content: " " attr(href);} VORBEREITET, noch nicht aktiv -macht LInks im Druck sichtbar, aber nicht klickbar...

	aktuell {grid-column: 1 / span 3; grid-row: 1; display : inline-flex;}

	article {grid-column: 1 / span 3; grid-row: 2; display: grid; justify-self: end;}
	
	footer {grid-column: 1 / span 3; grid-row: 3; display: grid; justify-self: end;}
	

	aktuell {display: inline-flex;}

	article {display: inline;}
	
	footer {display: inline;}


	.img-left-web {max-width: 60%; margin-right: 100em}	
	.img-left-web-topmargin {max-width: 60%; margin-right: 100em}	
	.img-left-web2 {max-width: 60%; margin-right: 100em}	
	.img-left-web2-topmargin {max-width: 60%; margin-right: 100em}	
	.img-left-web2-topmargin-noborder {max-width: 60%; margin-right: 100em}	
	.img-left-web3 {max-width: 60%; margin-right: 100em}	

	body {
	    display: block;
	    margin: 0 auto; 
	    padding: 0 0 0 0;
	    font-family: 'Open Sans', sans-serif;
	    font: normal 1em;  /* Mindestschriftgröße wird dem Browser, bzw. dem Nutzer überlassen! */
	    color: #000;
	    background: #fff;
	    border: none;
	    position:relative;
	}
}


/* Fallback wenn der Browser kein display:grid unterstützt - Eingefügt Okt 2019 */
/* Provisorisch, da aktuell ganz ausgeblendet wird */

@supports not (display: grid) 
{
nav {display: none;}
aside {display: none;}
aktuell {display: none;}
}