/* // Basislayout /////////////////////////////////////////////////////////// */
html {font-size:16px;line-height:1.4;margin:0;border:0;padding:0;min-height:100.1%;scroll-behavior:smooth;}
body {font-size:100%;margin:0;border:0;padding:0;}

/* // Tags // */
a {text-decoration:none;color:inherit;transition:all 0.25s ease;}
a:hover {}
figure {display:block;margin:0;padding:0;}
img {display:block;width:auto;max-width:100%;height:auto;}

/* // Klassen // */
.invisible {display:block;position:absolute;top:-3000px;left:-3000px;width:1px;height:1px;text-indent:20px;overflow:hidden;}

/* // Header //////////////////////////////////////////////////////////////// */

/* // Main ////////////////////////////////////////////////////////////////// */

/* // Footer //////////////////////////////////////////////////////////////// */
/* // Basis ///////////////////////////////////////////////////////// */
/* Tags */
html {font-family:Helvetica,Arial,sans-serif;font-size:17px;line-height:1.4;min-height:100.1%;scroll-behavior:smooth;}
body {font-size:100%;margin:0;padding:0;}
header {display:block;position:relative;z-index:10000;width:100%;height:auto;}
footer {display:block;margin:0;border:0;padding:0;width:100%;height:auto;}

div {display:block;margin:0;padding:0;}
h1 {font-size:24px;line-height:26px;}
.mod_article h2 {font-weight:300 !important;text-transform:uppercase;letter-spacing:1px;color:#828282;}
h3 {font-size:1em;line-height:1.4;font-weight:600;margin-bottom:-1.4em;}
a {color:inherit;text-decoration:none;transition:all 0.25s ease-out;}
small {font-size:14px;line-height:1.35;color:#828282;display:block;}
figcaption {font-family:acumin-pro,sans-serif;font-weight:300;font-style:normal;font-size:14px;line-height:1.35;color:#828282;margin-top:0.25em;}

figure {display:block;margin:0;border:0;padding:0;}
img {display:block;margin:0;border:0;padding:0;width:auto;max-width:100%;height:auto;}

/* Formular */
input {font-family:Helvetica,Arial,sans-serif;font-size:16px;line-height:1.4;margin:0;border:0;padding:8px 16px;width:calc(100% - 32px);height:calc(36px - 16px);background:#fff;transition:background 0.25s ease-out;}
button {font-family:Helvetica,Arial,sans-serif;font-size:16px;line-height:1.4;color:#fff;display:block;margin:0;border:0;padding:0;width:auto;height:36px;background:#000;transition:background 0.25s ease-out;}
.widget-explanation {padding-bottom:16px;}
.widget-text {display:inline-block;vertical-align:top;width:calc(100% - 68px);}
.widget-text input {color:#000;background:#ddd;}
.widget-text input:hover {color:#333;background:#eee;}
.widget-text input:focus {color:#000;background:#eee;outline:2px solid #000;}
.widget-text input::placeholder {color:#fff;}
.widget-submit {display:inline-block;vertical-align:top;margin-left:-4px;width:36px;}
.widget-submit button {width:36px;height:36px;color:#ddd;border-radius:0;cursor:pointer;transition:border-radius 0.25s ease-out;}
.widget-submit button:hover {color:#fff;border-radius:0;background:#000;}
.widget-submit button:active {color:#fff;background:#000;}
.widget-submit button img {width:36px;height:36px;cursor:pointer;}

/* Klasse */
.invisible {text-indent:20px;display:block;position:absolute;top:-3000px;left:-3000px;width:1px;height:1px;overflow:hidden;}

/* IDs */
#wrapper {position:relative;}


/* Global */
html {
	/* Schrift */font-family:Helvetica,Arial,sans-serif;font-size:17px;line-height:1.4;
	/* Layout */min-height:100.1%;scroll-behavior:smooth;
}
body {
	/* Schrift */font-size:100%;
	/* Layout */margin:0;border:0;padding:0;
}
.invisible {
	/* Schrift */text-indent:20px;
	/* Layout */display:block;position:absolute;top:-3000px;left:-3000px;width:1px;height:1px;overflow:hidden;
}
/* Navigationsuebersicht */
.nav_overview {
	/* Layout */background-color:#3987d4;
}
.nav_overview #header {
	/* Layout */position:fixed;top:0;left:0;width:100%;height:auto;
}
@media screen and (min-width:768px) {
	.nav_overview {/* Layout */padding-top:2.25em;}
}
/* Theorieinhalt */
.theorie_content #header {
	/* Layout */position:fixed;top:0;left:0;width:100%;height:auto;
}
.theorie_content main > .inside > div {
	/* Layout */position:relative;
}
.theorie_content main > .inside > div > .inside {
	/* Layout */margin:0 auto;padding:12px;width:auto;max-width:calc(1819px - 24px);
}
.theorie_content main > .inside > div:first-child > .inside {
	/* Layout */padding:0;max-width:none;
}
.theorie_content main > .inside > .even {
	/* Layout */background-color:#f5f9fd;
} 
@media screen and (min-width:768px) {
	.theorie_content main > .inside > div > .inside {/* Layout */padding:3.25em 3.25em 6.5em 3.25em;max-width:calc(1819px - 6.5em);} 
	.theorie_content main > .inside > div:first-child > .inside {/* Layout */padding:0;max-width:none;}
}
@media screen and (min-width:1536px) {
	.theorie_content main > .inside > div > .inside {/* Layout */padding:6.5em 3.25em;} 
	.theorie_content main > .inside > div:first-child > .inside {/* Layout */padding:0;}
}






/* // Breadcrumbnav ///////////////////////////////////////////////////////// */
.lay_breadcrumbnav {
	/* Layout */margin:0 auto;width:100%;height:2.25em;background:#3987d4 url('../../files/design/img/icon-theorie.svg') no-repeat 12px 5px;background-size:auto 24px;
}
.lay_breadcrumbnav ul {
	/* Layout */list-style:none;margin:0 auto;padding:2.25em 0 0 12px;width:auto;height:0;overflow:hidden;
}
.lay_breadcrumbnav ul:hover {
	/* Layout */height:auto;
}
.lay_breadcrumbnav li {
	/* Schrift */font-size:13px;line-height:17px;color:#fff;
	/* Layout */display:inline-block;margin:0;padding:0.75em 2.25em 0.75em 0;width:auto;height:auto;background:url('../../files/design/img/icon-abonnieren.svg') no-repeat right center;background-size:auto 26px;
}
.lay_breadcrumbnav li.active {
	/* Schrift */font-family:'Maven Pro',sans-serif;font-weight:700;
	/* Layout */margin-bottom:2.25em;background:none;
}
.lay_breadcrumbnav a {
	/* Schrift */font-family:'Maven Pro',sans-serif;font-weight:400;font-size:13px;line-height:17px;color:#fff;text-decoration:none;
	/* Layout */display:inline;
}

@media screen and (min-width:768px) {
	.lay_breadcrumbnav ul {
		/* Layout */padding-top:0.5em;padding-left:3.25em;height:auto;
	}
	.lay_breadcrumbnav li {
		/* Layout */padding:0 2.25em 0 0;
	}
	.lay_breadcrumbnav li.active {
		/* Layout */margin-bottom:0;
	}
}

/* // ListingNav //////////////////////////////////////////////////////////// */
.lay_listingnav {
	/* Layout */margin:4.5em auto;padding:0;width:84%;max-width:768px;
}
.lay_listingnav h1 {
	/* Schrift */font-family:'Maven Pro',sans-serif;font-weight:700;font-size:24px;line-height:30px;color:#fff;
	/* Layout */margin:0 auto 2.25em auto;padding:0;
}
.lay_listingnav h2 {
	/* Schrift */font-family:'Maven Pro',sans-serif;font-weight:700;font-size:24px;line-height:30px;color:#fff;
	/* Layout */margin:0 auto 0.75em auto;padding:0;
}
.lay_listingnav ul {
	/* Layout */display:block;margin:0 auto;border:0;padding:0;width:100%;
}
.lay_listingnav li {
	/* Schrift */font-size:16px;line-height:20px;
	/* Layout */display:block;margin:0.75em 0;border:1px solid #fff;padding:0.75em 2.25em;width:auto;height:auto;background:url('../../files/design/img/icon-abonnieren.svg') no-repeat -46px center;background-size:auto 46px;transition:background-position 0.5s ease-out;
}
.lay_listingnav li:hover {
	/* Layout */background-position:-8px center;
}
.lay_listingnav a {
	/* Schrift */font-family:'Maven Pro',sans-serif;font-weight:400;font-size:16px;line-height:20px;color:#fff;text-decoration:none;
	/* Layout */display:inline;
}


/* // Layout Inhalte ////////////////////////////////////////////////////// */
/* Layout Texte ****************************************************************/
.lay_text {
	/* Layout */margin:0 auto 2.25em auto;width:100%;
}
.lay_text h2 {
	/* Schrift */font-family:acumin-pro,sans-serif;font-weight:700;font-style:normal;font-size:1em;
	/* Layout */margin:/*2.8em*/0 0 0.7em 0;padding:0.25em 0.75em;background-color:#eee;
}
.even .lay_text h2 {
	/* Layout */background-color:#e5e8ec;
}
.lay_text p {
	/* Schrift */font-family:acumin-pro,sans-serif;font-weight:300;font-style:normal;
	/* Layout */margin:1.4em 0 0 0;
}
.lay_text .inside > p:first-child {
	/* Layout */margin:0;
}
.lay_text ul {
	/* Layout */margin:1.4em 0 0 0;padding:0 0 0 1.25em;list-style-type:square;
}
.lay_text ul li {
	/* Schrift */font-family:acumin-pro,sans-serif;font-weight:300;font-style:normal;
	/* Layout */position:relative;
}
/*.lay_text ul li::before {
	/* Schrift font-family:acumin-pro,sans-serif;font-weight:300;font-style:normal;
	/* Layout content:'–';position:absolute;top:auto;left:-0.75em;
}*/
@media screen and (min-width:520px) {
	.lay_text {/* Layout */margin:2em auto 2.25em auto;width:84%;}
}
@media screen and (min-width:768px) {
	.lay_text {/* Layout */margin:4.5em auto 0 auto;}
}
@media screen and (min-width:912px) {
	.lay_text {/* Layout */width:68%;}
}
@media screen and (min-width:1152px) {
	.lay_text {/* Layout */width:84%;}
}
@media screen and (min-width:1536px) {
	.lay_text {/* Layout */width:68%;}
}

/* Wenig Text *******************************************************************/
.lay_text.wenig {
	/* Layout */max-width:600px;
}
@media screen and (min-width:1152px) {
	.lay_text.wenig {/* Layout */padding-right:34%;max-width:calc(600px - 1.125em);}
}

/* Spalte links und rechts */
@media screen and (min-width:1152px) {
	.lay_text .spalte_links {/* Layout */display:inline-block;vertical-align:top;margin-right:1.125em;width:calc(50% - 1.125em - 4px);}
	.lay_text .spalte_links .inside {/* Layout *//*padding-left:0.75em;*/width:auto;}
}
@media screen and (min-width:1152px) {
	.lay_text .spalte_rechts {/* Layout */display:inline-block;vertical-align:top;margin-left:1.125em;width:calc(50% - 1.125em - 4px);}
	.lay_text .spalte_rechts .inside {/* Layout *//*padding-left:0.75em;*/width:auto;}
}



/* Bild rechts *******************************************************************/

@media screen and (min-width:1152px) {
	.lay_text.bild_links h2 {/* Layout */margin-left:calc(50% + 1.125em);}
	.lay_text.bild_links h3,
	.lay_text.bild_links p,
	.lay_text.bild_links ul {/* Layout */margin-left:calc(50% + 1.125em/* + 0.75em*/);}
	.lay_text.bild_links figure {/* Layout */float:left;width:calc(50% - 1.125em);}
}
@media screen and (min-width:1152px) {
	.lay_text.bild_rechts h2,
	.lay_text.bild_rechts h3,
	.lay_text.bild_rechts p,
	.lay_text.bild_rechts ul {/* Layout */margin-right:calc(50% + 1.125em);}
	.lay_text.bild_rechts figure {/* Layout */float:right;width:calc(50% - 1.125em);}
}


/* Einleitungstext *************************************************************/
.lay_text.introduction {
	/* Layout */max-width:600px;
}
.lay_text.introduction h2 {
	/* Schrift */font-family:acumin-pro,sans-serif;font-weight:700;font-style:normal;font-size:1em;color:#fff;
	/* Layout */display:inline-block;margin:0 0 0.7em 0;background-color:#000;
}
.lay_text.introduction p,
.lay_text.introduction li {
	/* Schrift */font-family:acumin-pro,sans-serif;font-weight:300;font-style:normal;font-size:1.4em;color:#999;
	/* Layout */margin:0;
}
.even .lay_text.introduction p,
.even .lay_text.introduction li {
	/* Schrift */color:#939598;
}
@media screen and (min-width:1152px) {
	.lay_text.introduction {/* Layout */max-width:none;}
	.lay_text.introduction .inside {/* Layout */padding-right:22%;}
}




/* Text einspaltig ************************************************************/
.lay_text.einspaltig {
	/* Layout */max-width:600px;
}
@media screen and (min-width:1152px) {
	.lay_text.einspaltig {max-width:none;}
	.lay_text.einspaltig .inside {/* Layout */margin-right:calc(50% + 1.125em);max-width:none;}
	.lay_text.einspaltig :first-child {/* Layout */margin-top:0;}
}



/* Text zweispaltig ************************************************************/
.lay_text.zweispaltig {
	/* Layout */max-width:600px;
}
@media screen and (min-width:1152px) {
	.lay_text.zweispaltig {/* Layout */column-count:2;column-gap:2.25em;max-width:none;}
	.lay_text.zweispaltig :first-child {/* Layout */margin-top:0;}
}


/* Tabelle */
.ce_table table {border:0;border-top:1px solid #ddd;margin:1.4em 0 0 0;padding:0;border-spacing:0;border-collapse:collapse;width:calc(50% - 1.125em);}
.bild_links .ce_table table {margin-left:100%;}
.spalte_links .ce_table table,
.spalte_rechts .ce_table table {width:100%;}
.ce_table th {
	/* Schrift */font-family:acumin-pro,sans-serif;font-weight:700;font-style:normal;font-size:0.9em;text-align:left;color:#828282;
	/* Layout */border-bottom:1px solid #ddd;vertical-align:top;margin-right:1.4em;padding-left:0.75em;width:35%;
}
.ce_table td {
	/* Schrift */font-family:acumin-pro,sans-serif;font-weight:300;font-style:normal;font-size:0.9em;text-align:left;
	/* Layout */border-bottom:1px solid #ddd;vertical-align:top;
}
.ce_table ul {margin:0;}

/* Layout Bilder ***************************************************************/
/* Bildergalerie mit Bildlegenden **********************************************/
.lay_gallery ul {
	/* Schrift */list-style:0;
	/* Layout*/margin:0 0 -2.25em 0;padding:0;
}
.lay_gallery li {
	/* Layout*/display:block;margin:0 0 2.25em 0;width:100%;
}
.lay_gallery figure {
	/* Layout*/display:block;margin:0;padding:0;
}
.lay_gallery a {
	/* Layout*/border:0;
}
.lay_gallery img {
	/* Layout*/display:block;margin:0;border:0;padding:0;
}
.lay_gallery figcaption {
	/* Schrift */font-family:acumin-pro,sans-serif;font-weight:300;font-style:normal;font-size:14px;line-height:1.35;color:#828282;
	/* Layout*/margin:0;padding:0.25em 0 0 0;max-width:68%;
}
@media screen and (min-width:768px) {
	.lay_gallery {/* Layout */margin:4.5em auto 0 auto;}
}
@media screen and (min-width:912px) {
	.lay_gallery li {/* Layout*/display:inline-block;vertical-align:top;width:calc(50% - 4px - 1.125em);}
	.lay_gallery li.even {/* Layout*/padding-right:1.125em;}
	.lay_gallery li.odd {/* Layout*/padding-left:1.125em;}
}
@media screen and (min-width:1536px) {
	.lay_gallery {/* Layout */padding-right:8%;padding-left:8%;}
}


/* Grafik klein ****************************************************************/
.lay_grafik_klein {margin:36px 12px 0 12px;padding:0;width:auto;max-width:600px;}
@media screen and (min-width:768px) {
	/*.lay_grafik_klein {position:absolute;top:0;right:0;margin:0 768px 0 0;width:100%;max-width:600px;}*/
}

/* Box Grundstyling ************************************************************/
.lay_box {clear:both;margin:4.5em 0 0 0;border-radius:0 6px 6px 0;padding-left:8%;max-width:600px;background:url('../../files/design/img/icon-zusammenfassung.svg') no-repeat 7% 0;background-size:auto 48px;}
/*.lay_box::after {content:' ';display:inline-block;width:16%;border-bottom-width:1px;border-bottom-style:solid;}*/
/*.lay_box > div::before {font-family:"Maven Pro",sans-serif;font-weight:700;font-size:15px !important;line-height:19px !important;color:#fff;display:inline-block;margin:0 0 0 -12px;border-bottom-width:1px;border-bottom-style:solid;padding:6px 6px 6px 12px;width:16%;}*/
.lay_box p {font-family:"Maven Pro",sans-serif;font-weight:400;font-size:16px;line-height:1.4;color:#3987d4;margin:0 0 0 0;max-width:600px;}
.lay_box h4 {font-family:"Maven Pro",sans-serif;font-weight:700;font-size:16px;line-height:1.4;color:#3987d4;margin:0 0 0 0;max-width:600px;}


/* Hinweisbox *******************************************************************/
.lay_box.hinweis::after {border-bottom-color:rgb(32,68,121);}
.lay_box.hinweis > div::before {content:'Hinweis';background-color:rgb(32,68,121);}
.lay_box.hinweis p {color:rgb(32,68,121);}

/* Merkbox *******************************************************************/
.lay_box.merke::after {border-bottom-color:rgb(127,186,0);}
.lay_box.merke > div::before {content:'Merke';background-color:rgb(127,186,0);}
.lay_box.merke p {color:rgb(127,186,0);}

@media screen and (min-width:768px) {
	.lay_box_merke {margin:4.5em auto 0 8%;padding:12px 24px;background-color:rgba(127,186,0);max-width:300px;}
}



/* // Themeneinleitung ////////////////////////////////////////////////////// */
.lay_themeneinleitung {width:100%;background-color:#3987d4;}
.lay_themeneinleitung h1 {text-align:left;font-size:40px;line-height:42px;font-weight:700;color:#fff;margin:0 auto;padding:2.7em 0 0.5em 0;width:calc(84% - 12px);max-width:768px;}
.lay_themeneinleitung > div {margin:0 auto;padding:0 0 2.25em 0;width:calc(84% - 12px);max-width:768px;}

@media screen and (min-width:768px) {
	/*.lay_themeneinleitung {padding:9em 0;}*/
	.lay_themeneinleitung h1 {font-family:'Maven Pro',sans-serif;font-weight:700;font-size:60px;line-height:64px;padding-top:2.7em;padding-bottom:1em;}
	.lay_themeneinleitung > div {padding:0 0 4.5em 0;}
}

@media screen and (min-width:1441px) {
	.lay_themeneinleitung {padding:9em 0;}
	.lay_themeneinleitung h1 {font-size:60px;line-height:64px;padding-top:1.8em;padding-bottom:1em;}
	.lay_themeneinleitung > div {margin:0 auto 4.5em auto;width:auto;max-width:960px;}
}

.lay_lernzielliste {padding:0;}
.lay_lernzielliste .ce_text {margin:0 auto;padding:0;width:auto;max-width:768px;}
.lay_lernzielliste h2 {font-size:24px;color:#fff;margin:0 auto 0.75em auto;max-width:768px;}
.lay_lernzielliste ul {list-style:none;margin:0 auto 0 0;padding:0;width:100%;max-width:768px;}
.lay_lernzielliste ul > li {font-size:16px;line-height:20px;color:#fff;display:block;vertical-align:middle;margin:0.75em 0;border:1px solid #fff;padding:0.75em 0.75em 0.75em 2.25em;height:auto;background:url('../../files/design/img/icon-abonnieren.svg') no-repeat -46px center;background-size:auto 46px;transition:all 0.5s ease-out;}
.lay_lernzielliste ul li:hover {background-position:-8px center;}
.lay_lernzielliste ul li a {font-family:'Maven Pro',sans-serif;font-size:16px;line-height:18px;font-weight:400;background:none;}
.lay_lernzielliste ul li a:hover {background:none;}
.lay_lernzielliste ul li.active {font-family:'Maven Pro',sans-serif;font-size:14px;font-weight:700;line-height:36px;}



/* // Lernziel ////////////////////////////////////////////////////////////// */
.lay_lernziel {
	/* Layout */margin:0 0 2.25em 0;padding:0 8% 0 0;width:auto;max-width:600px;
}
.lay_lernziel::after {
	/* Layout */content:' ';display:inline-block;width:16%;border-bottom:1px solid #3987d4;
}
.lay_lernziel p {
	/* Schrift */font-family:'Maven Pro',sans-serif;font-weight:400;font-size:24px;line-height:32px;text-align:left;margin:1.5em auto 0 0;color:#3987d4;
}
@media screen and (min-width:1536px) {
	.lay_lernziel {/* Layout */padding-left:8%;}
}



/* // Klassen /////////////////////////////////////////////////////////////// */
.nav_overview,
.lay_themeneinleitung {background-color:#3987d4;}