/******************************************************************************/
/* LAYOUT *********************************************************************/
/******************************************************************************/


/* BASIS **********************************************************************/
/* Tags */
html {font-family:open-sans,sans-serif;font-weight:400;font-style:normal;font-size:16px;line-height:1.5;color:#000;min-height:100.1%;scroll-behavior:smooth;}
::selection {color:#fff;background-color:#000;}
body {font-size:100%;margin:0;}
a {text-decoration:none;color:#19b1ca/*12bfdb*//*#107d29*/;transition:color 0.25s ease;}
a:hover {color:#73c71a;}
figure {display:block;margin:0;border:0;padding:0;}
h1 {font-weight:400;font-size:1.5em;margin:3em auto 1em auto;line-height:1.3;}
.lay_nachrichten h1 {font-size:1.5em;text-transform:uppercase;letter-spacing:1px;color:#888;}
h2 {font-size:1.5em;line-height:1.3;color:#7fd91e;font-weight:400;margin:3em auto 1em 0;text-transform:uppercase;letter-spacing:1px;}
.newsreader h2 {font-size:1.5em;color:#fa8c00;font-weight:400;margin:2em auto 1em 0;text-transform:uppercase;letter-spacing:1px;}
.lay2 h2 {font-weight:700;font-size:1em;color:#000;text-transform:none;letter-spacing:0;margin:3em auto 1.5em 0;}
h2::before {content:'';display:none;width:0px;height:0px;border:0px;}
h3 {font-weight:400;font-size:0.875em;margin:0 0 0.75em 0;text-align:left;text-transform:uppercase;letter-spacing:1px;color:#fa8c00;}
/*h3::before {content:' ';display:block;margin-left:0;width:100%;height:0.75em;border-top:3px solid #eee;}*/
img {display:block;margin:0;border:0;padding:0;width:100%;height:auto;}
main ul {margin:0 0 1.5em 0;padding:0/* 0 0 1.25em*/;/*list-style-image:url('../../files/design/img/icon-liststyle.svg');*/list-style:none;}
main li {margin-bottom:0.75em;line-height:1.5em;}
/* main .content-text li::before {content:' ';display:block;margin-top:0.75em;width:100%;height:0.25em;border-top:3px solid #eee;}*/
main li strong {font-weight:700;/*font-size:0.875em;text-transform:uppercase;letter-spacing:1px;color:#888;*/}
main li em {font-weight:400;font-style:italic;/*font-size:0.875em;text-transform:uppercase;letter-spacing:1px;color:#888;*/}
main .beruf li {display:block;position:relative;padding-left:6em;width:auto;height:auto;}
main .beruf .mod_breadcrumb li {padding-left:0;}
main .beruf li strong {font-weight:400;display:block;position:absolute;left:0;top:0;width:6em;height:auto;}
p {margin:0 0 1.5em 0;}
strong {font-weight:700;}
.content-image figcaption,
.content-text figcaption {font-size:12px;line-height:16px;margin-top:0.5em;}
hr {border:0;border-top:1px solid #000;}
/* Klassen */
.invisible {display:block;position:absolute;top:-3000;left:-3000;width:1px;height:1px;text-indent:20px;overflow:hidden;}

@media screen and (min-width:1004px) {
	h1 {margin:4.5em auto 1.5em auto;}
	h2 {margin:4.5em auto 1.5em 0;}
}


/* HEADER *********************************************************************/
header {display:block;margin:0;width:100%;}
header .inside {position:relative;margin:0 auto;width:92%;}

/* Logo */
.logo {display:block;position:absolute;top:0.75em;left:0;z-index:1000;padding:0;width:32%;}
.logo a {display:none;font-weight:700;color:#000;}

/* Hauptmenu */
.nav_main {position:relative;z-index:2000;margin:0 0 0 0;width:100%;}
.nav_main {text-align:right;/*margin:0 auto;width:92%;max-width:1200px;*/}
.nav_main ul {list-style:none;margin:0;padding:1.25em 0 0.75em 0;}
.nav_main ul li {display:inline-block;margin-left:1em;}
.nav_main ul li a {font-weight:400;font-size:0.875em;text-transform:uppercase;letter-spacing:1px;color:#888;}
.lay2 .nav_main ul li a {text-transform:none;letter-spacing:0;color:#888;}
.nav_main ul li a:hover {color:#000;}
/*.lay2 .nav_main ul li a:hover {color:#fa8c00;}*/
.nav_main ul li strong {font-weight:400;font-size:0.875em;text-transform:uppercase;letter-spacing:1px;color:#000;}
.lay2 .nav_main ul li strong {font-weight:700;text-transform:none;letter-spacing:0;color:#000;border-top:3px solid #000;padding-top:0.75em;margin-top:-0.75em;}
.nav_main ul li.trail > a {color:#000;}
.lay2 .nav_main ul li.trail > a {font-weight:700;text-transform:none;letter-spacing:0;color:#000;border-top:3px solid #000;padding-top:0.75em;margin-top:-0.75em;}
/* Submenu */
.nav_main ul li {position:relative;}
.nav_main ul li ul {opacity:0;position:absolute;top:0;left:-1em;z-index:-1000;margin:1.5em 0 0 0;padding:0.75em 1em 0.5em 1em;background:#fff;text-align:left;border-radius:4px;transition:opacity 0.25s ease;}
.lay2 .nav_main ul li ul {border-radius:0;}
.nav_main ul li:hover ul {opacity:1;z-index:1000;}
.nav_main ul li ul li {display:block;margin-left:0;margin-bottom:0.25em;}

/* Menubutton */
.nav_main > ul {display:none;}
.nav_main > input {display:block;position:absolute;top:-3000px;left:-3000px;width:1px;height:1px;text-indent:20px;}
.nav_main > label {display:block;margin:0 0 0 auto;width:22px;height:56px;text-align:right;}
.nav_main > label img {display:block;position:absolute;top:24px;width:22px;height:auto;opacity:0.5;transition:opacity 0.25s ease;}
.nav_main > label:hover img {opacity:1;}
.nav_main > input:checked ~ ul {display:block;height:auto;}
.nav_main > input:checked ~ div.suchfeld {display:block;}


@media screen and (max-width:860px) {
	.nav_main {text-align:left;}
	/*.nav_main > label {margin-right:64px;}*/
	.nav_main > ul {position:relative;top:0;left:0;width:auto;height:0;overflow:hidden;}
	.nav_main ul li {display:block;margin-left:16%;}
	.nav_main ul li ul {opacity:1;position:relative;top:0;left:0;z-index:1000;margin:0 0 0em 0;padding:0.25em 0em 0em 1.5em;}
	.nav_main > ul {padding-bottom:3em;}
	.nav_main ul li {margin-bottom:0.25em;}

}
@media screen and (min-width:860px) {
	.nav_main > label {display:none;}
	.nav_main > ul {display:block;margin-right:56px;}
}
@media screen and (min-width:1296px){
	.nav_main {position:relative;z-index:200;margin:0 auto;width:100%;}
	.nav_main ul {margin:0 auto;max-width:64em;}
}


/* Suche */
.suchfeld {display:none;position:relative;z-index:3000;/*width:480px;max-width:100%;*/text-align:center;}
.suchfeld > label {display:none;}
.suchfeld > input {display:none;}
.suchfeld form {display:block;position:relative;margin-bottom:0;padding:1em 0 0 0;width:100%;height:auto;background-color:rgba(255,255,255,1);}
.suchfeld .widget-text {display:inline-block;vertical-align:top;width:92%;max-width:300px;height:2em;}
form {margin-bottom:2em;}
.suchfeld .widget-submit {display:inline-block;vertical-align:top;width:auto;height:auto;}
input[type='search'] {font-size:1em;line-height:2em;text-indent:0.5em;display:block;border:1px solid #999;border-radius:4px;width:100%;outline:none;transition:border 0.25s ease;}
input[type='search']:hover {border:1px solid #000;}
button[type='submit'] {font-weight:400;font-size:0.875em;line-height:2em;text-transform:uppercase;letter-spacing:1px;color:#888;display:block;margin-top:0.5em;border:0;background:none;width:auto;height:auto;transition:color 0.25s ease;}
button[type='submit']:hover {color:#000;}
.nav_main > input:checked ~ div.suchfeld {display:block;height:auto;}


@media screen and (max-width:860px) {
		.suchfeld {border-top:1px solid #eee;padding-bottom:3em;}
		.suchfeld form {padding-top:3em;}

}
@media screen and (min-width:860px) {
	.suchfeld {display:block;}

	.suchfeld > input {display:block;position:absolute;top:-3000px;left:-3000px;width:1px;height:1px;text-indent:20px;}
	.suchfeld > label {display:block;position:absolute;top:-56px;right:0;margin:-56px 4% 0 auto;width:20%;height:56px;}
	.suchfeld > label img {display:block;position:absolute;top:23px;width:18px;height:auto;opacity:0.5;transition:opacity 0.25s ease;}
	.suchfeld > label:hover img {opacity:1;}
	.suchfeld > input:checked ~ form {display:block;height:56px;}
	.suchfeld form {display:none;position:absolute;top:0;right:-4.3478%;background-color:rgba(255,255,255,0.75);border-radius:0 0 0 4px;width:480px;height:56px;}
	.suchfeld > label {display:block;margin:0 0 0 auto;width:18px;height:56px;}
	.suche .mod_search .widget-text {display:inline-block;vertical-align:top;width:100%;max-width:318px;height:2em;}
	.suche .mod_search .widget-submit {display:inline-block;vertical-align:top;height:2em;}

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




/* Headerbild */
.mod_article > .headerimage {position:relative;margin:0;width:100%;max-width:none;}

/* Breadcrumb */
.mod_article .mod_breadcrumb {position:relative;margin:0 auto;width:100%;}
.mod_article .mod_breadcrumb ul {display:block;position:absolute;bottom:0;left:0;z-index:1000;margin:0;padding:0.5em 1em 0.5em 4%;background:#7fd91e;border-radius:0 4px 0 0;box-shadow:3px -3px 6px rgba(0,0,0,0.5);}
.lay_nachrichten .mod_article.mod_breadcrumb ul {display:block;bottom:-40px;background:none;border-radius:0;box-shadow:none;}
.mod_article .mod_breadcrumb li {display:inline-block;font-weight:400;font-size:0.875em;color:#fff;margin:0;}
.lay_nachrichten .mod_article .mod_breadcrumb li {color:#888;}
.mod_article .mod_breadcrumb li::after {content:url('../../files/design/img/icon-next.svg');display:inline-block;vertical-align:top;margin:0 0 0 0.25em;width:8px;height:auto;}
.lay_nachrichten .mod_article .mod_breadcrumb li::after {content:'–';display:inline-block;vertical-align:top;margin:0 0.25em 0 0.5em;width:auto;height:auto;}
.mod_article .mod_breadcrumb li.first::after {content:'';display:inline-block;width:3em;height:auto;}
._lay_nachrichten .mod_article .mod_breadcrumb li.first::after {content:'';display:none;width:0;height:auto;}
.mod_article .mod_breadcrumb li.active::after {content:'';display:inline-block;width:0px;height:auto;}
.startseite .mod_article .mod_breadcrumb li.last {display:none;}
.mod_article .mod_breadcrumb li.first a {font-weight:700;font-size:1.14em;text-transform:none;letter-spacing:0px;color:#fff;}
.mod_article .mod_breadcrumb li.first a:hover {color:#fff;}
._lay_nachrichten .mod_article .mod_breadcrumb li.first a {display:none;}
.mod_article .mod_breadcrumb li a {text-transform:uppercase;letter-spacing:1px;color:#fff;}
.lay_nachrichten .mod_article .mod_breadcrumb li a {color:#888;text-transform:none;letter-spacing:0;}
.mod_article .mod_breadcrumb li a:hover {color:#000;}
._lay_nachrichten .mod_article .mod_breadcrumb li a:hover {color:#fa8c00;}
._lay_nachrichten .mod_article .mod_breadcrumb li.active {color:#000;}

.newsreader .mod_breadcrumb {display:none;}



@media screen and (max-width:640px) {
	.mod_article .mod_breadcrumb ul {bottom:-40px;border-radius:0 0 4px 0;box-shadow:none;}
	.mod_article .mod_breadcrumb li.first::after {padding-right:1em;width:auto;}

}
@media screen and (min-width:1296px) {
	.mod_article .mod_breadcrumb {position:relative;margin:0 auto;width:92%;max-width:64em;}
	.mod_article .mod_breadcrumb ul {left:-1200px;padding:0.5em 1em 0.5em 1200px;}
}





/* FOOTER *********************************************************************/
footer {margin:6em 0 0 0;padding:0 0 0.5em 0;width:100%;background:#7fd91e/*eee*/;/*background:linear-gradient(45deg,#73c71a,#73c71a,#83e11e);*/}

/* Fusslinks */
.footerlinks {position:relative;margin:0 auto;padding:0.5em 0 0 0;width:92%;max-width:64em;text-align:right;}
.footerlinks a img {display:block;position:absolute;top:0.5em;left:0;width:1.5em;height:auto;}
.footerlinks a small {font-size:0.75em;text-transform:uppercase;letter-spacing:1px;color:#fff;transition:color 0.25s ease;}
.footerlinks a:hover small {color:#000;}
/****************************************************************************************/
/* ARTICLE ******************************************************************************/
/****************************************************************************************/


.mod_article > div {margin:0 auto;width:92%;max-width:64em;}
.mod_article > .content-headline {margin:4.5em auto 1.5em auto;width:92%;max-width:1024px;}

.startseite ul {list-style-type:disc;padding-left:1.25em;}
.startseite ul li {margin-bottom:0;}



/*.mod_article.teaser {text-align:center;margin:6em auto 0 auto;}
.mod_article > .ce_teaser {display:inline-block;vertical-align:top;margin:0 0.5em 1.5em 0.5em;padding:0.75em 0.75em 0 0;width:calc(46% - 7px - 1.25em);max-width:calc(256px - 7px - 2em);border-top:3px solid #aaa;border-right:3px solid #aaa;transition:border-color 0.25s ease;}
.mod_article > .ce_teaser:hover {border-top:3px solid #fa8c00;border-right:3px solid #fa8c00;}
.ce_teaser p {margin:0;width:auto;text-align:left;font-size:0.875em;line-height:1.5;}
.ce_teaser p.more img {display:inline-block;vertical-align:middle;width:8px;height:auto;}*/

.more {margin:0 0 0.75em 1.5em;text-align:left;}


/*@media screen and (max-width:1296px) {
	.mod_article > div {max-width:40em;}
}*/
@media screen and (min-width:860px) {
	.content-text {column-count:2;column-gap:2em;}
	.content-text.short {column-count:1;}
	/*.mod_article > .ce_teaser {margin:6em auto;margin:0 1em;padding:0.75em 1.5em 0 0;width:calc(23% - 4px - 3.5em);max-width:calc(300px - 4px - 2em);}*/
}

/******************************************************************************/
/* Klassen ********************************************************************/
/******************************************************************************/

/* Downloads */
.content-downloads {margin-top:0.5em;}
.content-download,
.content-downloads ul li {font-size:0.875em;background:#eee url('../../files/design/img/icon-download-os.svg') no-repeat left center;background-size:2.25em auto;margin:0 0 0.25em 0;padding:0.5em 0 0.5em 2.5em;width:auto;border-radius:4px;transition:background-color 0.25s ease;}
.content-downloads ul {list-style:none;margin:0;padding:0;}
.content-download p {margin:0;}
.content-download a,
.content-downloads a,
.content-download a:hover,
.content-downloads a:hover {color:#fff;}

/* Hyperlinks */
.content-hyperlink {font-size:0.875em;background:#eee url('../../files/design/img/icon-link-extern-os.svg') no-repeat left center;background-size:2.25em auto;margin:0 0 0.25em 0;padding:0.5em 0 0.5em 2.5em;width:auto;border-radius:4px;transition:background-color 0.25s ease;}
.content-hyperlink a,
.content-hyperlink a:hover {color:#fff;}

/* Backbutton */
.back {margin-top:3em;}
.back a {/*font-size:0.875em;text-transform:uppercase;letter-spacing:1px;*/color:#19b1ca;}
.back a:hover {color:#7fd91e;}

/* Abstand oben */
.abstandoben {padding-top:1.5em;}

/* Farbgestaltung */

/* Medien */
/* Hören und Sehen */
.hoeren-und-sehen h1,
.hoeren-und-sehen h2,
h2.hoeren-und-sehen,
.hoeren-und-sehen .layout_latest h2 a,
.hoeren-und-sehen.layout_latest h2 a,
.arc_4.layout_latest h2 a,
.arc_5.layout_latest h2 a {color:#177d35;}
.hoeren-und-sehen .layout_latest:hover h2 a,
.hoeren-und-sehen.layout_latest:hover h2 a,
.hoeren-und-sehen.layout_latest:hover h2,
.arc_4.layout_latest:hover h2 a,
.arc_5.layout_latest:hover h2 a {color:#7fd91e;}
.hoeren-und-sehen .layout_latest .more,
.hoeren-und-sehen.layout_latest .more,
.arc_4.layout_latest .more,
.arc_5.layout_latest .more,
.hoeren-und-sehen .content-download,
.hoeren-und-sehen .content-downloads ul li,
.hoeren-und-sehen .content-hyperlink {background-color:#177d35;}
.hoeren-und-sehen .layout_latest:hover .more,
.hoeren-und-sehen.layout_latest:hover .more,
.arc_4.layout_latest:hover .more,
.arc_5.layout_latest:hover .more,
.hoeren-und-sehen .content-download:hover,
.hoeren-und-sehen .content-downloads ul li:hover,
.hoeren-und-sehen .content-hyperlink:hover {background-color:#7fd91e;}
/* Lesen */
.lesen h1,
.lesen h2,
h2.lesen,
.lesen .layout_latest h2 a,
.lesen.layout_latest h2 a,
.arc_7.layout_latest h2 a,
.arc_8.layout_latest h2 a,
.arc_9.layout_latest h2 a,
.arc_10.layout_latest h2 a,
.arc_11.layout_latest h2 a,
.arc_12.layout_latest h2 a {color:#b7bd32;}
.lesen .layout_latest:hover h2 a,
.lesen.layout_latest:hover h2 a,
.lesen.layout_latest:hover h2,
.arc_7.layout_latest:hover h2 a,
.arc_8.layout_latest:hover h2 a,
.arc_9.layout_latest:hover h2 a,
.arc_10.layout_latest:hover h2 a,
.arc_11.layout_latest:hover h2 a,
.arc_12.layout_latest:hover h2 a {color:#7fd91e;}
.lesen .layout_latest .more,
.lesen.layout_latest .more,
.arc_7.layout_latest .more,
.arc_8.layout_latest .more,
.arc_9.layout_latest .more,
.arc_10.layout_latest .more,
.arc_11.layout_latest .more,
.arc_12.layout_latest .more,
.lesen .content-download,
.lesen .content-downloads ul li,
.lesen .content-hyperlink {background-color:#b7bd32;}
.lesen .layout_latest:hover .more,
.lesen.layout_latest:hover .more,
.arc_7.layout_latest:hover .more,
.arc_8.layout_latest:hover .more,
.arc_9.layout_latest:hover .more,
.arc_10.layout_latest:hover .more,
.arc_11.layout_latest:hover .more,
.arc_12.layout_latest:hover .more,
.lesen .content-download:hover,
.lesen .content-downloads ul li:hover,
.lesen .content-hyperlink:hover {background-color:#7fd91e;}

/* Fachtexte */
.fachtexte h1,
.fachtexte h2,
h2.fachtexte,
.fachtexte .layout_latest h2 a,
.fachtexte.layout_latest h2 a,
.arc_2.layout_latest h2 a,
.arc_3.layout_latest h2 a {color:#02a591;}
.fachtexte .layout_latest:hover h2 a,
.fachtexte.layout_latest:hover h2 a,
.fachtexte.layout_latest:hover h2,
.arc_2.layout_latest:hover h2 a,
.arc_3.layout_latest:hover h2 a {color:#7fd91e;}
.fachtexte .layout_latest .more,
.fachtexte.layout_latest .more,
.arc_2.layout_latest .more,
.arc_3.layout_latest .more,
.fachtexte .content-download,
.fachtexte .content-downloads ul li,
.fachtexte .content-hyperlink {background-color:#02a591;}
.fachtexte .layout_latest:hover .more,
.fachtexte.layout_latest:hover .more,
.arc_2.layout_latest:hover .more,
.arc_3.layout_latest:hover .more,
.fachtexte .content-download:hover,
.fachtexte .content-downloads ul li:hover,
.fachtexte .content-hyperlink:hover {background-color:#7fd91e;}

/* Wortmeldungen */
.wortmeldungen h1,
.wortmeldungen h2,
h2.wortmeldungen,
.wortmeldungen .layout_latest h2 a,
.wortmeldungen.layout_latest h2 a,
.wortmeldungen .layout_full a {color:#12bfdb;}
.wortmeldungen.layout_latest:hover h2,
.wortmeldungen .layout_latest:hover h2 a,
.wortmeldungen.layout_latest:hover h2 a,
.wortmeldungen .layout_full a:hover {color:#7fd91e;}
.wortmeldungen .layout_latest .more,
.wortmeldungen.layout_latest .more {background:#12bfdb;}
.wortmeldungen .layout_latest:hover .more,
.wortmeldungen.layout_latest:hover .more {background:#7fd91e;}
