@media screen 
{body {font-family: Helvetica, Arial, "sans-serif";font-size: 17px;font-weight: 200;color: #000000;margin: 0;padding: 0;overflow-x: hidden;background-color: #fff;line-height: 1.6em;}
h1,h2,h3,h4,h5,h6 {font-family: "Nunito Sans", sans-serif;font-weight: 600;/*color: #212631;*/color: #000000;margin: 0 0 15px;}
h1 {font-size: 38px;font-family: "Alegreya Sans SC", sans-serif;font-weight: 600;margin-top: 60px;line-height: 1.2em;}
h2 {font-size: 28px;font-family: "Alegreya Sans SC", sans-serif;font-weight: 600;text-align: left;margin-top: 50px;line-height: 1.2em;}
h2 a {font-weight: 600;}h2 a:hover {text-decoration: underline;}h3 {font-size: 24px;font-family: "Alegreya Sans SC", sans-serif;font-weight: 600;line-height: 1.3em;margin-top: 40px;}
h3 a {color: #000000;text-decoration: none;font-size: 22px;line-height: 1.3em;}h3 a:hover {font-size: 22px;line-height: 1.3em;text-decoration: underline;}
h4 {font-size: 20px;line-height: 1.3em;margin-top: 40px;font-family: "Alegreya Sans SC", sans-serif;font-weight: 600;}
h5 {font-size: 18px;line-height: 1.3em;margin-top: 40px;font-family: "Alegreya Sans SC", sans-serif;font-weight: 600;}
a {color: #0066c0;text-decoration: none;text-underline-offset: 3px;}underline {text-decoration: underline;}
hr {width: 95%;height: 2px;color: grey;}

/* Automatische Kennzeichnung aller Affiliate-Links */
a[href*="amazon.de"]::after, 
a[href*="amzn.to"]::after,
a[href*="amzn.to"]::after,
a[href*="https://pvn.mediamarkt.de"]::after,
a[href*="tidd.ly"]::after {
    content: "*";
    /*margin-left: 2px;
    font-size: 0.8em;
    vertical-align: super;
    color: #555;*/
}


a[href^="https://wixstats.com/?a=31779&c=2252&s1="]::after
,a[href^="https://swop.schule/partner-dange/"]::after
,a[href^="https://wpp.webgo.de/trck/eclick/38cffba607a9bd186ccb86066b393ae8"]::after /* webgo: SSD CMS-Hosting Power für nur 9,95 € im Monat */
,a[href^="https://imp.i201009.net/5eWqj"]::after
,a[href^="https://imp.i201009.net/91m9W"]::after
,a[href^="https://imp.i201009.net/KRrgn"]::after
,a[href^="https://imp.i201009.net/Qqa2P"]::after
,a[href^="https://imp.i201009.net/creator"]::after
,a[href^="https://imp.i201009.net/dolphin"]::after
,a[href^="https://www.mittwald.de/?aid=146162"]::after
,a[href^="https://imp.i201009.net/na2XM"]::after
,a[href^="https://imp.i201009.net/Jimdo-Blog"]::after
,a[href^="https://imp.i201009.net/jM01e"]::after
,a[href^="https://imp.i201009.net/vok2d"]::after
,a[href^="https://imp.i201009.net/business-builder"]::after
,a[href^="https://imp.i201009.net/lifestyle-blog"]::after
,a[href^="https://imp.i201009.net/8-besten-anbieter-lizenzfreier-bilder-stockfotos"]::after
,a[href^="https://imp.i201009.net/A-Record"]::after
,a[href^="https://imp.i201009.net/Jimdo-Support-Center"]::after
,a[href^="https://imp.i201009.net/Code-einfuegen"]::after
,a[href^="https://imp.i201009.net/dsgvo"]::after
,a[href^="https://imp.i201009.net/webmail"]::after
,a[href^="https://imp.i201009.net/Hintergrund"]::after
,a[href^="https://imp.i201009.net/website-hintergrund"]::after
,a[href^="https://imp.i201009.net/logo-creator"]::after
,a[href^="https://imp.i201009.net/Grundlagen"]::after
,a[href^="https://imp.i201009.net/Suche"]::after
,a[href^="https://imp.i201009.net/templates"]::after
,a[href^="https://imp.i201009.net/Webmail-Hilfe"]::after
,a[href^="https://imp.i201009.net/Webmail-Email"]::after
,a[href^="https://imp.i201009.net/Emailprogramm"]::after
,a[href^="https://imp.i201009.net/kleinunternehmer"]::after
,a[href^="https://imp.i201009.net/online-shop"]::after
,a[href^="https://imp.i201009.net/branchen"]::after
,a[href^="https://imp.i201009.net/designs"]::after
,a[href^="https://imp.i201009.net/rechtstexte"]::after
,a[href^="https://imp.i201009.net/brancheneintraege"]::after
,a[href^="https://imp.i201009.net/legal-shop"]::after
,a[href^="https://imp.i201009.net/buchung"]::after
,a[href^="https://imp.i201009.net/foto-editor"]::after
,a[href^="https://imp.i201009.net/bildbearbeitung"]::after
,a[href^="https://imp.i201009.net/smart-apps"]::after
,a[href^="https://imp.i201009.net/instagram-facebook"]::after
,a[href^="https://imp.i201009.net/jimdo-website-kostenlos"]::after
,a[href^="https://imp.i201009.net/jimdo-kostenlos-testen"]::after
,a[href^="https://imp.i201009.net/jimdo-login"]::after
,a[href^="https://imp.i201009.net/LPjGdM"]::after
,a[href^="https://www.digistore24.com/redir/599681/Schulhomepagede"]::after
,a[href^="https://www.digistore24.com/redir/246076/Schulhomepagede/Typo39"]::after
,a[href^="https://www.digistore24.com/redir/314473/Schulhomepagede/Veranstaltungen"]::after
,a[href^="https://www.digistore24.com/redir/284538/Schulhomepagede/News"]::after
,a[href^="https://www.digistore24.com/redir/498756/Schulhomepagede/Typo3Master"]::after
,a[href^="https://www.digistore24.com/redir/498757/Schulhomepagede/Typo3Standard"]::after
,a[href^="https://www.digistore24.com/redir/437356/Schulhomepagede/typo3-11-fuer-redakteure"]::after
,a[href^="https://dpunkt.de/produkt/praxiswissen-joomla-4/?ref=10028"]::after,
a[href^="https://dpunkt.de/produkt/praxiswissen-typo3-cms-10-lts/?ref=10028"]::after
,a[href^="https://dpunkt.de/produkt/typo3-cms-fuer-redakteure/?ref=10028"]::after
,a[href^="https://amzn.to/3Denk68"]::after /* Microsoft Office 365 Family 6 Benutzer https://www.amazon.de/dp/B00B4142MQ */
,a[href^="https://amzn.to/45pfORB"]::after /* Microsoft Office 365 Family 6 Benutzer 2 Jahre https://www.amazon.de/dp/B09MV4H12L */
	    {content: "*";}
.disclaimer {font-size: 14px;font-style: italic;background-color: #F7F7F7;padding:0.5em;border: 1px solid #D7D7D7;line-height: 1.7em}
.sticky {position: sticky;top: 200px;}
img, video {aspect-ratio: attr(width) / attr(height);}p {margin: 0 0 20px;text-align: justify;}p a {color: #0066c0;text-decoration: underline;text-underline-offset: 3px;text-decoration-color: #BADEFF;outline: 0;}p a:hover {text-decoration: underline;color: #0066c0;}ul {margin: 0;padding: 0;list-style: circle;}ol.list-style,ul.list-style {padding-left: 30px;margin-bottom: 10px;}ul.list-style {list-style-type: disc;}ol.list-style {list-style-type: decimal;}li {margin-left: 20px;margin-bottom: 5px;text-decoration: none;}li a {color: #0066c0;text-decoration: underline;text-underline-offset: 3px;text-decoration-color: #BADEFF;}li a:hover {text-decoration: underline;color: #0066c0;}
/*.zoom {
  transition: transform .5s ease;max-width:100%;height:auto;
}
.zoom:hover {
  transform: scale(1.03);
}*/
li h2.a {text-decoration: none;}
figure {text-align: right;font-size: 12px;}
figcaption {display: inline-block;text-align: left;}
.input {height: 40px;border: 2px solid #eceef2;width: 100%;padding: 0 15px;-webkit-transition: 0.2s border;transition: 0.2s border;}.input:focus {border-color: #3d455c;}textarea.input {height: 90px;padding: 15px;}
pre {font-size: 15px;}
.primary-button {padding: 9px 45px;border: none;background-color: #212631;font-weight: 600;text-transform: uppercase;font-size: 13px;color: #fff;-webkit-transition: 0.2s opacity;transition: 0.2s opacity;}.primary-button:focus,.primary-button:hover {color: #fff;opacity: 0.9;}.section {   padding-top: 40px;}.section .section-title {margin-bottom: 20px;}.section .section-title h2 {text-transform: none;font-size: 28px;}.section .section-row {margin-bottom: 40px;}.section-index {padding-left: 15px;padding-right: 15px;text-align: justify;}.date {text-align: right;}.aside-box {text-align: justify;border-top: 1px solid;border-color: #0066c0;padding-top: 10px;}.table {/*border: 1px solid grey;*/width: 100%;height: auto;padding: 3px;margin-bottom: 0;}.caption {font-size: 16px;margin-top: 5px;}
.width300 {width: 300px;}.line {border-top: 1px solid #a7b3c6;margin-bottom: 40px;margin-top: 40px;}.line-top {border-top: 1px solid #a7b3c6;margin-right: 20px;margin-left: 20px;margin-bottom: 20px;}.notopmargin {margin-top: 0;font-size: 20px;}.margintop60 {margin-top: 60px;}.margintop30 {margin-top: 30px;}
.margintop10 {margin-top: 10px;}.marginbottom85 {margin-bottom: 100px;}
.marginbottom30 {margin-bottom: 30px;}.code {background-color: #f1f1f1;margin-top: 5px;margin-bottom: 20px;}.jimdo {margin-bottom: 40px;margin-left: 15%;}
.flex {display: flex; justify-content: center; align-items: center;}
.jimdo-logo {width: 200px;height: 50px;}
.categories {display: none;}
.spaltenbreite {width: 50%;}
.small {line-height: 1.7em;}
.inhaltsverzeichnis {list-style: none; font-size: 18px;margin-top: 80px;}
.partner-right {padding: 10px 5px;}.tipp {border: 1px solid #a7b3c6;padding: 7px;background-color: #f6fbff;box-shadow: 0px 0px 20px 0px rgba(221,221,221,0.5);/*border-radius: 4px 4px 4px 4px;*/}
.tipp-weiss {border: 1px solid #a7b3c6;padding: 10px;background-color: #ffffff;box-shadow: 0px 0px 20px 0px rgba(221,221,221,0.5);border-radius: 4px 4px 4px 4px;margin-bottom: 20px;}
.contents-bold {font-weight: 600;}
.thema {border-bottom: 2px solid #dd0000;margin-bottom: 50px;margin-top: 50px;padding: 10px;font-weight: 600;font-size: 20px;}
.tipp img {margin-bottom: 20px;}.button-blue {padding: 10px;border: 1px solid #0066c0;background-color: #fff;box-shadow: 0px 0px 20px 0px rgba(221,221,221,0.5);}
.button-inhalt {font-size: 16px; padding: 4px; width: 100%; margin-top: 10px;font-weight: 400;margin-bottom: 0px}
.button-red {/*border: 1px solid #f97f55;background-color: #f97f55;*/border: 3px solid #dd0000;text-align: center;font-weight: 600;font-size: 17px;padding: 10px 15px;}
.button-red a {/*color: #fbfbfd;*/color: #000000;font-weight: 600;font-size: 17px;}
.button-full {/*background-color: #dd0000;background-color: #0066c0;background-color: #72BF44;*/color: #ffffff;/*background-color: #72BF44;background-color: #67B13B;background-color: #60A437;*/background-color: #4E842E;text-align: center;font-weight: 600;font-size: 17px;padding: 12px 12px;border-radius: 4px 4px 4px 4px;/*text-transform: uppercase;*/}
.button-full:hover {/*background-color: #6DBA3E;background-color: #67B13B;*/background-color: #549130;color: #ffffff;text-decoration: none;}
/*.button-full:hover {color: #ffffff;text-decoration: none;}*/
.button-full a:hover {color: #ffffff;text-decoration: none;}
.button-full a {color: #ffffff;text-decoration: none;}
.button-full a:active {color: #ffffff;text-decoration: none;}
.button-full a:visited {color: #ffffff; text-decoration: none;}
.button-full a:focus {color: #ffffff;text-decoration: none;}
.current-menu-item {	/*margin-left: -20px;padding-left: 3px;position:sticky;left:-10px;background-color: #E4F2FD;*/background-color: #F1F6FD;border-right: 3px solid #0069C2;/*box-shadow: 5px 5px 7px -2px #BDBDBD;padding-right: 1px;*/}
.wirklich {font-size: 15px;margin-top: 10px;}.center-red {padding-top: 50px;padding-bottom: 80px;margin-right: auto;margin-left: auto;color: #dd0000;font-weight: 800;font-size: 16px;text-decoration: underline;}
.cta-button {/*background:linear-gradient(to top, #1ba106 70%, #5cbf2a 100%);*/
background-color:#0066c0;
/*background:linear-gradient(to top, #1ba106 70%, #5cbf2a 100%);
background-color:#1ba106;
border:0px solid #18ab29;*/
border: 2px solid #6a737a;
border-radius: 4px 4px 4px 4px;
box-shadow: 0px 0px 20px 0px rgba(221,221,221,0.5);
display:inline-block;
cursor:pointer;
color:#ffffff;
font-family:Arial;
font-size:19px;
font-weight: 600;
padding:10px 15px;
text-decoration:none;}
.cta-button:hover {/*background:linear-gradient(to bottom, #5cbf2a 5%, #1ba106 100%);
background-color:#5cbf2a;*/
/*box-shadow: 0px 0px 1px 1px #cccccc;*/
background-color:#1ba106;
background:linear-gradient(to right, #1ba106 5%, #1ba106 100%);
color:#ffffff;}
.cta-button:active {position:relative;
top:0px;
color:#ffffff;}
.fett {font-weight: 600;}.fa .fa-star {font-size: 30px;}.spalte1 {font-weight: 700;hyphens: auto;}
.img-float-left {float: left; margin-top: 7px; margin-right: 20px; margin-bottom: 20px;}
.checked {color: #ffbd1f;}.unchecked {color: #d3d3d3;}.anzeige {text-align: right;font-size: 11px;}.td-180 li {list-style: none;margin-left: -20px;}
/* ANFANG erste Spalte der Tabelle fixiert, siehe https://stackoverflow.com/questions/57463638/to-pin-the-caption-of-the-scrollable-table/57524791#57524791 ganz unten*/
.view {
    padding-right: 30px;
    padding-left: 20px;
    float: left;
    width: inherit;
  }
.wrapper {
  position: relative;
  white-space: nowrap;
  width: 100%;
  border-radius: 4px 4px 4px 4px;
  box-shadow: 0px 0px 0px 0px rgba(221,221,221,0.5);}

.sticky-col {
  position: -webkit-sticky;
  position: sticky;
  /*width: 178px;
  min-width: 178px;
  max-width: 178px;*/
  background-color: #ffffff;
  color: black;}
.first-col {
  width: 180px;
  min-width: 110px;
  max-width: 170px;
  left: 0px;
  font-size: 15px;
  border-right: 2px solid #6a737a;  }
.td-responsive {
font-size: 15px;
line-height: 1.1em;
-ms-hyphens: auto;
-webkit-hyphens: auto;
hyphens: auto;
white-space:normal;
width: 200px;
min-width: 200px;
max-width: 200px;}
.table-scrollable::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 14px;
  height: 14px;}
.table-scrollable::-webkit-scrollbar-thumb {
  border-radius: 8px;
  border: 3px solid #fff;
  background-color: rgba(0, 0, 0, .3);}
table {box-shadow: 0px 0px 20px 0px rgba(221,221,221,0.5);}

table caption {
  font-size: 1.3em;
  margin: 1.5em 0 .2em;
  color: #101218;}
table tr {
  background-color: #FFFFFF;
  border: 1px solid #ddd;
  padding: .35em;}
table th,
table td {
  padding: 1em;
  text-align: left;
  font-size: 16px;
  vertical-align: top;
  line-height: 1.5em;}
th a {
color: #0066c0;
font-weight: 600;}
th a:hover {
text-decoration: underline;
color: #0066c0;}
td a {
color: #0066c0;
text-decoration: underline;
text-underline-offset: 3px;
text-decoration-color: #BADEFF;}

td a:hover {
text-decoration: underline;
color: #0066c0;}
table th {
  font-size: 15px;
  letter-spacing: .03em;
  text-transform: uppercase;
  font-weight: 600;
  line-height: 1.0em;
  /*background-color: #F6FBFF;*/}
/*table th:last-child {
  width:75%;}*/

.even {
width: 10px;}
.background-grey {background-color: #FDFDFD;}
.center {
text-align: center;}
.red-frame {
border-top: 3px solid #dd0000;
border-bottom: 3px solid #dd0000;
/*background-color: ghostwhite;*/
background-color: white;}
.td-green {
border-right: 3px solid white;
background-color: #567F34;
color: white;
font-size: 15px;
font-weight: bold;
width: 50%;}
.td-red {
border-left: 3px solid white;
/*background-color: #dd0000;*/
color: white;
background-color: #676767;
font-size: 15px;
font-weight: bold;}
.td-list {
text-align: left;}
/*ENDE Tabelle responsive */

/* ANFANG Slider */
	  .slider-container {  width: 750px;
	  height: 440px;  position: relative;  overflow: hidden;  text-align: center;
	  margin-bottom: 50px;  }
	  	    .menu {  position: absolute;  left: 0;  z-index: 900;  width: 100%;  bottom: 0;
	  }  .menu label {  cursor: pointer;  display: inline-block;  width: 25px;  height: 25px;  background: darkgrey;  border-radius: 50px;  margin: 0 0.2em 1em;  }  .menu label:hover,.menu label:focus {  background: #1c87c9;  } .slide {  width: 750px;  height: 440px;  position: absolute;  top: 0;  left: 100%;  z-index: 10;  padding: 8em 1em 0;  background-size: cover;  background-position: 50% 50%;  transition: left 0s 0.75s;  }  [id^="slide"]:checked + .slide {  left: 0;  z-index: 100;  transition: left 0.65s ease-out;  }
	  /*.slide > img {  max-width: 100%;
	  }*/  .slide-1 {  background-image: url("/images/cms/jimdo-webmail-emailprogramm-outlook1.jpg");  }  .slide-2 {  background-image: url("/images/cms/jimdo-webmail-emailprogramm-outlook2.jpg");  }  .slide-3 {  background-image: url("/images/cms/jimdo-webmail-emailprogramm-outlook3.jpg");  }
	  .slide-4 {  background-image: url("/images/cms/jimdo-webmail-emailprogramm-outlook4.jpg");  }
	  .slide-5 {  background-image: url("/images/cms/jimdo-webmail-emailprogramm-outlook5.jpg");  }
	  /*ENDE Slider */
}
.school {border-bottom: 1px solid #d0d0d0;margin-bottom: 40px;}
.table-schwarz {width: 100%;border: none;}
.td-180 {width: 180px;vertical-align: top;}
.bottom-line {border-bottom: 1px solid #d0d0d0;}
.video-small {display: none;}
.bold {font-weight: 600;font-size: 20px;}
#nav {height: 50px;}
#nav:after {content: "";position: fixed;left: 0;right: 0;bottom: 0;top: 0;background-color: rgba(33, 38, 49, 0.5);z-index: 90;opacity: 0;visibility: hidden;-webkit-transition: 0.2s all;transition: 0.2s all;}
#nav.shadow-active:after {opacity: 1;visibility: visible;}
#nav-fixed {position: fixed;left: 0;right: 0;top: 0;z-index: 90;background-color: #fff;/*background-color: #E9F1FC;background-color: #F1F6FD;background-color: #F5F9FD;
-webkit-box-shadow: rgba(0, 0, 0, 0.06) 0 2px 22px 0;box-shadow: rgba(0, 0, 0, 0.06) 0 2px 22px 0;border-bottom: 1px #1d2b36 solid;*/
/*background: rgba(255, 255, 255, 0.93); 
backdrop-filter: saturate(180%) blur(20px);
-webkit-backdrop-filter: saturate(180%) blur(20px);*/
-webkit-box-shadow: rgba(0, 0, 0, 0.06) 0 2px 22px 0;box-shadow: rgba(0, 0, 0, 0.06) 0 2px 22px 0;border-bottom: 1px /*#1d2b36*/ #C0C0C0 solid;}
/*=========================================================
	NAVIGATION slide down and slide up aktivieren ANFANG
===========================================================*/
/*#nav-fixed.slide-down { -webkit-animation: slide-down 0.3s; animation: slide-down 0.3s;}
 #nav-fixed.slide-up { -webkit-animation: slide-up 0.3s; animation: slide-up 0.3s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards;}*/
/*=========================================================
	NAVIGATION slide down and slide up aktivieren ENDE
===========================================================*/
@-webkit-keyframes slide-down { from { -webkit-transform:translateY(-100%); transform:translateY(-100%);} to { -webkit-transform:translateY(0%); transform:translateY(0%);}}
 @keyframes slide-down { from { -webkit-transform:translateY(-100%); transform:translateY(-100%);} to { -webkit-transform:translateY(0%); transform:translateY(0%);}}
 @-webkit-keyframes slide-up { from { -webkit-transform:translateY(0%); transform:translateY(0%);} to { -webkit-transform:translateY(-100%); transform:translateY(-100%);}}
 @keyframes slide-up { from { -webkit-transform:translateY(0%); transform:translateY(0%);} to { -webkit-transform:translateY(-100%); transform:translateY(-100%);}}
#nav .container {position: relative;}
.nav-logo {float: left;}
.nav-logo .logo {line-height: 50px;display: inline-block;}
.nav-logo .logo > img {width: 180px;max-height: 45px;}
.footer-logo .logo > img {width: 180px;max-height: 45px;}
.mobil-logo .position {position: absolute; margin-top: -75px; margin-left: 20px;}
.mobil-logo .logo > img {width: 200px;max-height: 55px;position: absolute;}
.logo-img {width: 164px;height: 45px;}
.text-overlay {position: absolute;top: 170px;right: 200px;max-width: 380px;background: #fff;padding: 15px 20px;font-weight: 600;font-size: 20px;opacity: 0.9;line-height: 1.5em;}
.nav-menu {margin-left: 10px;}
.nav-menu li a {position: relative;padding: 17px 10px 0;font-size: 0.9em;/*font-variant: small-caps;*/-webkit-box-shadow: 0 0 0 0 #fffinset;box-shadow: 0 0 0 0 #fff;-webkit-transition: 0.2s color;transition: 0.2s color;font-weight: 400;text-decoration: none;
	/*color: #111111;*/
	color: #1D2B36;}
.nav-menu li:first-child a {border-left: 0 solid #fff;}
.nav-menu li a:after {content: "";position: absolute;left: 0;right: 0;bottom: 0;width: 100%;height: 4px;-webkit-transition: 0.2s width;transition: 0.2s width;}
.nav-menu li.cat-1 a:after {background-color: #0066c0;}
.nav-menu li.cat-2 a:after {background-color: #0066c0;}
.nav-menu li.cat-3 a:after {background-color: #0066c0;}
.nav-menu li.cat-4 a:after {background-color: #0066c0;}
.nav-menu li a:focus,
.nav-menu li a:hover {background-color: transparent;text-decoration: none;color: #0066c0;}
.nav-menu li.cat-1 a:focus,
.nav-menu li.cat-1 a:hover {color: #0066c0;}
.nav-menu li.cat-2 a:focus,
.nav-menu li.cat-2 a:hover {color: #0066c0;}
.nav-menu li.cat-3 a:focus,
.nav-menu li.cat-3 a:hover {color: #0066c0;}
.nav-menu li.cat-4 a:focus,
.nav-menu li.cat-4 a:hover {color: #0066c0;}
.nav-btns {float: right;display: none;}
.nav-btns > button {padding: 25px 25px;border: none;line-height: 20px;background: 0 0;}
.nav-btns .search-form {position: absolute;left:0px;top: 60px;bottom: 5px;padding: 1px 3px 1px 3px;opacity: 0;visibility: hidden;-webkit-transition: 0.3s all;transition: 0.3s all;
	height: 35px; width: 99.9%;}
.nav-btns .search-form.active {opacity: 1;visibility: visible;}
.nav-btns .search-form .search-input {height: 35px;width: 100%; background: #fff;padding: 0;font-weight: 600;border: 1px solid #424242;margin-top: 1px;border-radius: 3px}
.nav-btns .search-form .search-close {position: absolute;top: 15px;right: 100px;border: none;background: 0 0;/*background-color: #F5F9FD*/background-color: #fff;line-height: 20px;/*color: #212631;*/color: #000000;font-size: 20px;padding: 0;}
#nav-aside {position: fixed;right: 0;top: 0;bottom: 0;background-color: #fff;max-width: 360px;width: 100%;padding: 80px 20px;overflow-y: hidden;z-index: 99;-webkit-transform: translateX(100%);-ms-transform: translateX(100%);transform: translateX(100%);-webkit-transition: 0.3s all;transition: 0.3s all;}
#nav-aside.active {-webkit-transform: translateX(0);-ms-transform: translateX(0);transform: translateX(0);}
.nav-aside-menu li a {font-family: "Nunito Sans", sans-serif;font-weight: 600;font-size: 23px;
	text-decoration: none;}
.nav-aside-close {position: absolute;top: 0;right: 0;height: 70px;width: 70px;line-height: 50px;text-align: center;background-color: transparent;color: #000000;border: none;font-size: 15px;border-radius: 50%;padding: 0;}
.nav-menu .nav-current {color: #0066c0; border-bottom: 3px dotted #0066c0}
.page-header {position: relative;margin: 0;padding-top: 0px;padding-bottom: 0px;background-color: #fafafa;}
.page-header .background-img {position: absolute;top: 0;left: 0;right: 0;bottom: 0;background-position: center;background-size: cover;}
.page-header .background-img:after {content: "";position: absolute;top: 0;left: 0;right: 0;bottom: 0;background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(33, 38, 49, 0.3)), to(transparent));background-image: linear-gradient(to top, rgba(33, 38, 49, 0.3) 0, transparent 100%);}
#post-header.page-header {padding-top: 120px;}
.page-header h1 {text-transform: none;margin-bottom: 0;padding: 10px 0px;color: #1d2b36;min-width: 50%;}
#post-header.page-header h1 {color: #fff;}
.page-header .post-meta {margin: 15px 0;}
.page-header .post-meta .post-date {color: #eceef2;}
.page-header .page-header-breadcrumb {margin: 15px 0;display: none}
.page-header .page-header-breadcrumb li {display: inline-block;}
.page-header .page-header-breadcrumb li,
.page-header .page-header-breadcrumb li a {font-size: 13px;text-transform: none;text-decoration: none;/*color: #212631;*/
	color: #000000;
	margin-left: 0px;}
.page-header .page-header-breadcrumb li a {-webkit-transition: 0.2s color;transition: 0.2s color;}
.page-header .page-header-breadcrumb li a:focus,
.page-header .page-header-breadcrumb li a:hover {color: #0b0f28;text-decoration: none;}
.page-header .page-header-breadcrumb li + li:before {content: "/";display: inline-block;margin: 0 10px;}
.post {margin-bottom: 40px;}
.post .post-img {display: block;-webkit-transition: 0.2s opacity;transition: 0.2s opacity;
	opacity: 1;
}
.post .post-img:focus,
.post .post-img:hover {opacity: 0.9;
	-webkit-transition: 0.2s opacity;
	transition: 0.2s opacity;}
.post .post-img > img {width: 100%;}
.post .post-meta {margin-top: 15px;margin-bottom: 15px;}

.post-meta {margin-top: 30px;margin-bottom: -25px;}
.post-meta .post-category {font-size: 15px;text-transform: none;padding: 6px 10px;font-weight: 400;border-radius: 2px;margin-right: 15px;color: #fff;background-color: #212631;-webkit-transition: 0.2s opacity;transition: 0.2s opacity;}
.post-meta .post-category:focus,
.post-meta .post-category:hover {text-decoration: none;opacity: 0.9;}
.post-meta .post-category.cat-1 {background-color: #0066c0;}
.post-meta .post-category.cat-2 {background-color: #0066c0;display: block;padding: 0em 0.5em;max-width: 150px;min-width: 150px;}
.post-meta .post-category.cat-3 {background-color: #0066c0;}
.post-meta .post-category.cat-4 {background-color: #0066c0;}
.post-meta .post-date {font-size: 13px;font-weight: 600;}
.post .post-title {font-size: 18px;margin-bottom: 0;}
.post-tags li {display: inline-block;margin-right: 3px;margin-bottom: 5px;}
.post-tags li a {display: block;color: #fff;background-color: #212631;padding: 3px 10px;font-weight: 600;border-radius: 2px;-webkit-transition: 0.2s opacity;transition: 0.2s opacity;}
.post-body a {color: #0066c0;text-decoration: underline;text-underline-offset: 3px;
	text-decoration-color: #BADEFF;}
.post-body h2 a {color: #0066c0;text-decoration: none;}
.post-body a:hover {text-decoration: underline;}
.post.post-widget:after {content: "";display: block;clear: both;}
.post.post-widget .post-img {width: 90px;float: left;margin-right: 15px;}
.post.post-widget .post-img img {width: 100%;}
.post.post-widget .post-title {font-size: 18px;}
.post.post-row:after {content: "";display: block;clear: both;}
.post.post-row .post-img {width: 50%;float: left;}
.post.post-row .post-body {margin-left: calc(50% + 30px);}
.post.post-row .post-meta {margin-top: 0;}
.post.post-row .post-title {margin-bottom: 15px;}
.aside-widget {margin-bottom: 40px;margin-left: 15%;}
.aside-widget a {text-decoration: none;color: #0066c0;}
.aside-widget a:hover {text-decoration: underline;/*color: #c45500;*/}
#footer {padding-bottom: 40px;margin-top: 40px;}
#footer .container {padding-top: 80px;/*border-top: 1px solid #f4f4f9;*/}
.footer-logo {margin-bottom: 40px;
	padding-top: 30px;}
.footer-nav li {display: inline-block;margin-right: 15px;margin-left: 0;}
.footer-links li + li {margin-top: 5px;}
.contents-verzeichnis {background-color: #f8f9fa;padding: 10px;border: solid 1px #000;max-width: 100%;min-width: 300px;}
.container {margin-left: 20%;margin-right: auto;}
.search {margin-top: 40px;}
.suchfeld {position: absolute;top: 11px;right: 170px;}
.suchfeld-button {background-color: #0066c0;color: #fff;font-size: 14px;border: #0066c0 1px solid;border-radius: 3px;padding: 0em 0.8em;}
.suchfeld-eingabe {height: 30px;font-size: 14px;border: 1px solid;border-radius: 3px;}
/*.suchfeld-eingabe:focus {width: 300px;}*/
.col-md-8, .col-md-10 {
/*min-width: 300px;
width: 100%;
max-width: 780px;*/
max-width: 900px; height: auto;}
.list-style-none {
list-style: none;}
.such-eingabe-mobil {font-size:18px;width: 220px;height: 33px;border: 1px solid grey;margin-bottom: 5px;border-radius: 3px;/*margin-left: -15px;*/}
.quizcontainer { /*background-color: #EDEDED;*/ background-color: #ffffff;/*border-radius: 6px;*/ max-width: 750px;/*height: 520px;*/
  height: auto;margin: auto;padding-top: 5px;padding-bottom: 5px;/*box-shadow: 10px 10px 5px #888;*/position: relative;}
.question {/*font-family: Nunito, sans-serif;*/font-family: "Nunito Sans", sans-serif;font-size: 1.1em;line-height: 1.3em;/*width: 98%;*/
  height: auto;margin: 10px 5px;padding: 10px 5px;/*border-radius: 6px;background-color: goldenrod;background-color: #F9F9F9;*/background-color: #fff;
  text-align: center;/*border: 1px solid #E9E9E9;*/border: 1px solid #dd0000;border-radius: 4px 4px 4px 4px;box-shadow: 0px 0px 20px 0px rgba(221,221,221,0.5);
  min-height: 65px;}
.choices {font-family: Courier, serif;margin-top: 1em;}
.choice {font-family: "Nunito Sans", sans-serif;cursor: pointer;font-size: 1.0em;line-height: 1.5em;
  text-align: justify;margin: 20px 5px;border: 1px solid #6a737a;
  /*background-color: #f6fbff;background-color: #f6fbff;*/
  background-color: #F4F4F4;
  /*padding: 5px;*/
  padding: 20px 20px;border-radius: 4px 4px 4px 4px;
  box-shadow: 0px 0px 20px 0px rgba(221,221,221,0.5);
  min-height: 65px;}
.choice:hover {/*background-color: #E7F4FF;*/
 background-color: #E4E4E4;}
.cookie-background {
background-color: #eaf7f7;}
.cookie-background-button {
background-color: #56cbdb;}
/*BEGINN Indexseiten mit Kacheln */
* {box-sizing: border-box;}
.teaser-list {display:flex;
	flex-wrap: wrap;
	margin-left: 0px;
	margin-right: 0px;
	padding-left: 10px;
	padding-right: 10px;}
.teaser {list-style: none;
	/*display:flex;*/
	/*padding-right:1em;
	padding-top:1em;*/
	width: 100%;
	background-color: #fff;
	display: inline-block;
	align-items: center;
	/*box-shadow: 0 4px 20px -8px rgba(0,0,0,.2);*/
	box-shadow: 0 4px 20px -8px rgba(0,0,0,.3);
	color:#333;
	margin: 0.8em 0em;
	border: 1px solid #D2D2D2;
	border-radius: 6px;
	padding: 0px;
	font-size: 16px;}
.teaser h3 {margin-top: 25px;font-size: 20px;	
	padding-left: 20px;
	padding-right: 20px;}
.teaser h3 > a{font-size: 20px;
	margin-top: 25px;
	text-decoration: none;}
.teaser h2 > a{text-decoration: none;}
.teaser p {padding-left: 20px;padding-right: 20px;line-height: 1.5em;}
.teaser img {border-radius: 6px 6px 0px 0px;
	margin-top: -28px;}
.cat-navi {text-transform: uppercase;
	text-decoration: none;
	font-weight: 700;
	display: flex; 
	flex-wrap: wrap;
	justify-content: center;}
.teaser-h2 {text-decoration: none;
	color: #000;}
.teaser-h2 a{text-decoration: none;
	color: #000;}
.teaser-h2:hover{text-decoration: none;
	color: #000;}
.cat-navi-inactive {margin: 2.5em 1.5em 0em 1.5em;	padding: 7px 10px; text-transform: none;border-radius: 6px;	border: 1px solid #fff;}
.cat-navi-active {margin: 2.5em 1.5em 0em 1.5em;
	padding: 7px 10px;
	text-transform: none;
	text-decoration: none;
	font-weight: 700;
	background-color: #fff;
	border-radius: 6px;
	border: 1px solid grey;
	/*box-shadow: 0 4px 20px -8px rgba(0,0,0,.7);*/
	color: #0066c0;
	display: flex; 
	flex-wrap: wrap;}
.cat-navi > a {text-decoration: none;color: #0066c0;}
.cat-navi > a:hover {text-decoration: none;border-radius: 6px;border: 1px solid grey;}
.marginauto {    margin-left: 5px;margin-right: 5px;}
.teaser-cat {color: #fff;
	font-weight: 400;
	font-size: 14px;
	display: inline-block;
	position: relative;
	top: 5px;
	left: 10px;
	background-color: #0066c0;
	border-radius: 4px;
	padding: 0px 8px;
	margin-right: 1.2em;
	text-transform: none;
	opacity: 0.9;
	letter-spacing: .02em;
	z-index: 0;
	text-decoration: none;
	}
.mobile-button {color: #fff;
	font-weight: 700;
	font-size: 13px;
	display: inline-block;
	position: relative;
	background-color: #0066c0;
	border-radius: 4px;
	padding: 0px 8px;
	margin: 2px 0px;
	line-height: 1.2em;
	letter-spacing: .02em;
	text-decoration: none;}
.footer-box {border-top: 1px solid black; 
	margin-top: 3em; 
	padding-top: 0px; 
	background: #F8F8F8;}
.mobile-button:hover {color: #fff;}
.mobile-button:active {color: #fff;}
.teaser-cat:hover {color:#fff;opacity: 1.0;text-decoration: none;}
.teaser-cat:focus {color:#fff;opacity: 1.0;text-decoration: none;}
.body-bggrey {background-color: #f6f6f6;}

@media screen and (min-width: 768px) {.min768 {display: none;} .teaser:hover {box-shadow: 0 4px 20px -10px rgba(0,0,0,.6);}}
@media screen and (min-width: 641px) {.teaser {/*width:47%;*/width:47%;margin: 0.8em 0.5em;}
	.marginauto {    margin-left: auto;margin-right: auto;}.mobile-cat {margin-top: -70px;margin-bottom: 50px;margin-right: 70px;float: right;}}
/* @media screen and (min-width: 75em) { */
@media screen and (min-width: 992px) {.teaser {/*width:33.333%;*/width: 45%;margin: 1em;}
	.mobile-cat {display: none;}
 	.teaser-list {margin-left: auto;margin-right: auto;}}
/* @media screen and (min-width: 75em) { */
@media screen and (min-width: 1024px) {.teaser {/*width:33.333%;*/width: 30%;margin: 1em;}	
	/*.teaser-list {margin-left: -10px;margin-right: -30px;}*/
	.teaser-list {margin-left: -10px;margin-right: -30px;}
	.text-overlay-top {position: absolute;top: 5px;
	left: 33%;/*right: 200px;max-width: 380px;background: #fff;padding: 15px 20px;font-weight: 600;font-size: 20px;opacity: 0.9;line-height: 1.5em;*/}}
@media screen and (min-width: 1400px) {.teaser-list {margin-left: -30px;margin-right: -50px;}
	.teaser {margin: 1em;}
}
@media screen and (min-width: 1278px) {ol.contents {position: fixed;top: 125px;margin-left: -300px;
	background-color: #ffffff;padding-right: 18px;font-size: 15px;line-height: 1.2em;/*width: 250px;*/
	width: 265px;max-height: 1000px;margin-bottom: 30px;
	word-wrap: break-word;}
	ol.contents p {margin-left: 5px;font-weight: 600;
	font-size: 18px;}
	
table.stickyth th {
  position: sticky;
  top: 50px;
  z-index: 1;
  /*background-color: #F9F8F8;*/
  background-color: #FFF;}

contents-bold {font-weight: 600;}
ol.contents li {margin-left: -20px;margin-top: 5px;
	padding-right: 3px;}
ol.contents ol {margin-top: 5px;}
ol.contents li a {color: #000000;
	text-decoration: none;
	/*padding-right: 5px;*/}
ol.contents li a:hover {text-decoration: underline;}
.inhaltsverzeichnis {visibility: hidden;
	margin-top: 0px;}
.button-inhalt {visibility: hidden}	
	}
@media screen and (min-width: 1921px) {
.container {
   /*margin-left: 350px;*/margin-left: auto;
	margin-right: auto;}.text-overlay {top: 200px;right: 30%;font-size: 20px;}}
/*ENDE Indexseiten mit Kacheln*/

@media only screen and (max-width: 1500px) {.view {margin: auto;width: 1050px;min-width: 1050px;max-width: 1050px;}.search {margin-top: 40px;}.col-md-4 {margin-left: -20px;width: 28%;}.col-md-8, .col-md-10 {padding-left: 20px;padding-right: 20px;}}
@media only screen and (max-width: 1400px) {.col-md-4 {margin-left: -50px;width: 25%;}.col-md-8, .col-md-10 {padding-left: 50px;padding-right: 50px;}/*contents {margin-left: -300px;top: 80px;}*//*.view {margin: auto;width: 990px;min-width: 990px;max-width: 990px;}*/}
@media only screen and (max-width: 1278px) {ol.contents li {margin-left: -15px;}
	ol.contents li a {	color: #000000;}
	.container {margin-left: auto;margin-right: auto;}.col-md-4 {margin-left: auto;margin-right: auto;width: 30%;}.col-md-8, .col-md-10 {padding-left: 15px;padding-right: 15px;}
	table {box-shadow: 0px 0px 0px 0px rgba(221,221,221,0.5);}
	.wrapper {overflow-x: auto;}
	.view {margin: auto;}
	.marginbottom85 {margin-bottom: 80px;}
#toc-content {display: none;}
#toc-content.active {display: block;}
	}
@media only screen and (max-width: 1200px) {.nav-menu li a {position: relative;padding: 17px 10px 0;font-size: 0.9em;-webkit-box-shadow: -1px 0 0 0 #fffinset;box-shadow: -1px 0 0 0 #fff;-webkit-transition: 0.2s color;transition: 0.2s color;}.video-small {display: none;}.suchfeld {right: 0px;}.view {margin: auto;width: 1050px;min-width: 1050px;max-width: 1050px;}
	    .col-md-4 {margin-left: auto;margin-right: auto;width: 33%;}
	.cat-navi-inactive {margin: 2.5em 0.8em 0em .8em;padding: 7px 10px;}	
	.text-overlay {top: 100px;right: 50px;font-size: 20px;}
	.teaser-list {padding-left: 0px; padding-right: 0px;}
 }
@media only screen and (max-width: 1023px) {.text-overlay-top {display: none;}    
}
@media only screen and (max-width: 991px) /* Umstellung Navigationsleiste */
{#nav 
.nav-menu {display: none;}
.mobile-none {display: none;}
.nav-logo .logo {margin-top: 10px;}
#nav-fixed {top: -10px;	height: 60px;}
h1 {margin-top: -5px;}.aside-widget {margin-left: auto;margin-right: auto;}.partner-right {margin-left: auto;margin-right: auto;}.footer-widget {margin-left: auto;margin-right: auto;}.nav-btns {float: right;display: inline;}ul.page-header-breadcrumb {display: none;}.post {border-bottom: 1px solid #a7b3c6;padding-bottom: 20px;}.post-body a {text-decoration: none;color: #0066c0;}.col-md-4 {margin-left: auto;margin-right: auto;width: 100%;}.jimdo {display: none;}.text-overlay {display: none;}.categories {display: inline;}.notopmargin {margin-top: 20px;font-size: 20px;}.video-small {display: none;}.line {display: none;}.suchfeld {display: none;}.suchfeld-button {display: none;}.suchfeld-eingabe {display: none;}.view {margin: auto;width: 850px;min-width: 850px;max-width: 850px;}
.page-header h1 {font-size: 28px;padding-top: 40px;}
.cat-navi-inactive {margin: 0.5em 0.5em 0.5em 0.5em;padding: 3px 5px;}
.cat-navi-active {margin: 0.5em 0.5em 0.5em 0.5em;padding: 3px 5px;}
.progress {width: 100%;position: fixed; /*margin-top: 57px;*/margin-top: 47px;top: 0;left: 0;height: 3px;
  /*background-color: #fff;*/}
.progress > .progress-bar {height: 3px;width: 0px;background-color: #0066c0;/*background-color: #72BF44;*/}
ol.contents li {font-size: 16px;line-height: 1.6em;}
ol.contents li a {font-size: 16px;line-height: 1.6em;}
}
@media only screen and (max-width: 767px) {body {font-weight: 300;font-size: 16px;}
	.post.post-row .post-img {width: 100%;float: none;margin-bottom: 20px;}.post.post-row .post-body {margin-left: 0;}.post.post-row .post-meta {margin-top: 15px;}.post-body a {text-decoration: none;color: #0066c0;}.jimdo {display: none;}.video-large {display: none;}.video-small {display: inline;}.section {padding-top: 10px;}.Bewertung {display: none;}.spalte1 {font-weight: 700;hyphens: auto;}
	.slider-container {display: none;}
	}
@media only screen and (max-width: 644px) {
.choice {font-size: 0.9em;line-height: 1.3em;}
.disclaimer {line-height: 1.4em}
.question {line-height: 1.2em;font-size: 1.0em;}
	li a {font-weight: 500;}
	p a {font-weight: 500;}	}
@media only screen and (max-width: 640px) {
	.view {margin: auto;width: 518px;min-width: 518px;max-width: 518px;}table td:last-child {border-bottom: 0;}	
	.teaser img {margin-top: -26px;}
	.mobile-cat {margin-top: -70px;margin-bottom: 50px;display: flex;justify-content: center;}
}
@media only screen and (max-width: 539px) {
	/*.view {margin: auto;width: 390px;min-width: 390px;max-width: 390px;}*/
	.date {margin-top: 45px;}
	.clearfloat {clear: both;}
	.teaser {width: auto; border: 0px; border-top: 1px solid #D2D2D2; border-radius: 0px; padding: 0px; margin-left: -15px; margin-right: -15px;margin-bottom: 0px;}
	.teaser img {border-radius: 0px;}
	figure {margin-top: 0;margin-bottom: 0;margin-left: -15px;margin-right: -15px;}
	figcaption {padding-left: 15px; padding-right: 15px}
	.wrapper {margin-left: -15px;width: auto;}
	.teaser.width100 {width: 100%;}
	.tipp-weiss {border: 1px solid #a7b3c6;padding: 10px;background-color: #ffffff;margin-left: -15px; margin-right: -15px; box-shadow: 0px 0px 20px 0px rgba(221,221,221,0.5);border-radius: 0px 0px 0px 0px;margin-bottom: 20px;}
	.img-float-left {float: left; margin-top: 7px; margin-right: -15px; margin-bottom: 20px;}
	.img-float-left img {width: 100%}
}
@media only screen and (max-width: 410px) {
	.view {margin: auto;width: 340px;min-width: 340px;max-width: 340px;}.post-meta .post-category {margin-right: 7px;padding: 6px 7px;}
	}
/*@media only screen and (max-width: 360px) {
	.view {margin: auto;width: 330px;min-width: 330px;max-width: 330px;}
	}*/
@media only screen and (max-width: 331px) {
	.view {margin: auto;width: 290px;min-width: 290px;max-width: 290px;}	
	.such-eingabe-mobil {width: 220px;}
	}
.fa {display: inline-block;font: normal normal normal 18px/1 FontAwesome;/*font-size: inherit;*/text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
@-webkit-keyframes fa-spin {0% {-webkit-transform: rotate(0);transform: rotate(0);}100% {-webkit-transform: rotate(359deg);transform: rotate(359deg);}}
@keyframes fa-spin {0% {-webkit-transform: rotate(0);transform: rotate(0);}100% {-webkit-transform: rotate(359deg);transform: rotate(359deg);}}
.fa-times:before {content: "\f00d";}
.fa-search:before {content: "\f002";}
.fa-bars:before {content: "\f0c9";}

/*https://cdn.jsdelivr.net/npm/cookieconsent@3/build/cookieconsent.min.css */
.cc-window{opacity:1;-webkit-transition:opacity 1s ease;transition:opacity 1s ease}.cc-window.cc-invisible{opacity:0}.cc-animate.cc-revoke{-webkit-transition:transform 1s ease;-webkit-transition:-webkit-transform 1s ease;transition:-webkit-transform 1s ease;transition:transform 1s ease;transition:transform 1s ease,-webkit-transform 1s ease}.cc-animate.cc-revoke.cc-top{-webkit-transform:translateY(-2em);transform:translateY(-2em)}.cc-animate.cc-revoke.cc-bottom{-webkit-transform:translateY(2em);transform:translateY(2em)}.cc-animate.cc-revoke.cc-active.cc-top{-webkit-transform:translateY(0);transform:translateY(0)}.cc-animate.cc-revoke.cc-active.cc-bottom{-webkit-transform:translateY(0);transform:translateY(0)}.cc-revoke:hover{-webkit-transform:translateY(0);transform:translateY(0)}.cc-grower{max-height:0;overflow:hidden;-webkit-transition:max-height 1s;transition:max-height 1s}
.cc-revoke,.cc-window{position:fixed;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box;font-family:Helvetica,Calibri,Arial,sans-serif;font-size:16px;line-height:1.5em;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;z-index:9999}.cc-window.cc-static{position:static}.cc-window.cc-floating{padding:2em;max-width:24em;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.cc-window.cc-banner{padding:1em 1.8em;width:100%;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.cc-revoke{padding:.5em}.cc-revoke:hover{text-decoration:underline}.cc-header{font-size:18px;font-weight:700}.cc-btn,.cc-close,.cc-link,.cc-revoke{cursor:pointer}.cc-link{opacity:.8;display:inline-block;padding:.2em;text-decoration:underline}.cc-link:hover{opacity:1}.cc-link:active,.cc-link:visited{color:initial}.cc-btn{display:block;padding:.4em .8em;font-size:.9em;font-weight:700;border-width:2px;border-style:solid;text-align:center;white-space:nowrap}.cc-highlight .cc-btn:first-child{background-color:transparent;border-color:transparent}.cc-highlight .cc-btn:first-child:focus,.cc-highlight .cc-btn:first-child:hover{background-color:transparent;text-decoration:underline}.cc-close{display:block;position:absolute;top:.5em;right:.5em;font-size:1.6em;opacity:.9;line-height:.75}.cc-close:focus,.cc-close:hover{opacity:1}
.cc-revoke.cc-top{top:0;left:3em;border-bottom-left-radius:.5em;border-bottom-right-radius:.5em}.cc-revoke.cc-bottom{bottom:0;left:3em;border-top-left-radius:.5em;border-top-right-radius:.5em}.cc-revoke.cc-left{left:3em;right:unset}.cc-revoke.cc-right{right:3em;left:unset}.cc-top{top:1em}.cc-left{left:1em}.cc-right{right:1em}.cc-bottom{bottom:1em}.cc-floating>.cc-link{margin-bottom:1em}.cc-floating .cc-message{display:block;margin-bottom:1em}.cc-window.cc-floating .cc-compliance{-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto}.cc-window.cc-banner{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.cc-banner.cc-top{left:0;right:0;top:0}.cc-banner.cc-bottom{left:0;right:0;bottom:0}.cc-banner .cc-message{display:block;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;max-width:100%;margin-right:1em}.cc-compliance{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:justify;align-content:space-between}.cc-floating .cc-compliance>.cc-btn{-webkit-box-flex:1;-ms-flex:1;flex:1}.cc-btn+.cc-btn{margin-left:.5em}
@media print{.cc-revoke,.cc-window{display:none}}
@media screen and (max-width:900px){.cc-btn{white-space:normal}}@media screen and (max-width:414px) and (orientation:portrait),screen and (max-width:736px) and (orientation:landscape){.cc-window.cc-top{top:0}.cc-window.cc-bottom{bottom:0}.cc-window.cc-banner,.cc-window.cc-floating,.cc-window.cc-left,.cc-window.cc-right{left:0;right:0}.cc-window.cc-banner{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.cc-window.cc-banner .cc-compliance{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto}.cc-window.cc-floating{max-width:none}.cc-window .cc-message{margin-bottom:1em}.cc-window.cc-banner{-webkit-box-align:unset;-ms-flex-align:unset;align-items:unset}.cc-window.cc-banner .cc-message{margin-right:0}}
.cc-floating.cc-theme-classic{padding:1.2em;border-radius:5px}.cc-floating.cc-type-info.cc-theme-classic .cc-compliance{text-align:center;display:inline;-webkit-box-flex:0;-ms-flex:none;flex:none}.cc-theme-classic .cc-btn{border-radius:5px}.cc-theme-classic .cc-btn:last-child{min-width:140px}.cc-floating.cc-type-info.cc-theme-classic .cc-btn{display:inline-block}
.cc-theme-edgeless.cc-window{padding:0}.cc-floating.cc-theme-edgeless .cc-message{margin:2em;margin-bottom:1.5em}.cc-banner.cc-theme-edgeless .cc-btn{margin:0;padding:.8em 1.8em;height:100%}.cc-banner.cc-theme-edgeless .cc-message{margin-left:1em}.cc-floating.cc-theme-edgeless .cc-btn+.cc-btn{margin-left:0}
@media print {.cc-window {display: none;}}
@media screen and (max-width: 900px) {.cc-btn {white-space: normal;}}
@media screen and (max-width: 414px) and (orientation: portrait), screen and (max-width: 736px) and (orientation: landscape) {.cc-window.cc-top {top: 0;}.cc-window.cc-bottom {bottom: 0;}.cc-window.cc-banner,.cc-window.cc-left,.cc-window.cc-right {left: 0;right: 0;}.cc-window.cc-banner {-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}.cc-window.cc-banner .cc-compliance {-webkit-box-flex: 1;-ms-flex: 1 1 auto;flex: 1 1 auto;}.cc-window .cc-message {margin-bottom: 1em;}.cc-window.cc-banner {-webkit-box-align: unset;-ms-flex-align: unset;align-items: unset;}.cc-window.cc-banner .cc-message {margin-right: 0;}}
/*@font-face {font-family: "Nunito Sans";font-style: normal;font-weight: 700;src: local("Nunito Sans Bold"), local("NunitoSans-Bold"), url(https://www.schulhomepage.de/fonts/nunitosans-bold.woff2) format("woff2");unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
	font-display: swap;}*/
#search input {font-size: 1rem;margin-bottom: 1em;}
#search input[type="text"] {width: 12em;max-width: 70%;}
em {font-weight: 700;font-style: normal;}
.weiter {display: block;clear: left;}
@media print {.col-md-4,.col-md-5,.footer-widget,.nav,.nav-aside,.nav-btns,.nav-logo,.nav-menu,.navbar-nav,.page-header-breadcrumb,.suchfeld,.post-category,.cat-1,.footer-nav,.footer-links{display: none;}.nav-logo .logo > img {width: 164px;max-height: 45px;}.p > img {width: 700px;}.img,.li,.p {width: 700px;}.col-md-12,.col-md-8, .col-md-10 {width: 700px;}}

/* ========================================================
   DER PERFEKTE MITTELWEG: SYSTEM-ZENTRIERUNG AB 1600PX
   ======================================================== */

/* Grauen Hintergrund der Überschrift immer auf Weiß setzen */
.page-header {
    background-color: #ffffff !important;
    border: none !important;
}

/* ERST AB 1600PX BREITE WIRD DIE ZENTRIERUNG AKTIV */
@media screen and (min-width: 1600px) {
    
    /* 1. Den Gesamtcontainer mittig zwingen (überschreibt Zeile 791) */
    html body .container {
        float: none !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    /* 2. Textspalten und die H1-Überschrift in die Symmetrie-Mitte setzen */
    [role="main"] .col-md-8, 
    [role="main"] .col-md-10,
    .page-header .col-md-8 {
        float: none !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    /* 3. Jede col-md-11 Tabelle wird vollautomatisch perfekt linksbündig gezogen (-20px) */
    [role="main"] .col-md-11 {
        float: left !important;
        width: calc(83.33333333% + 20px) !important; /* Kompensiert den Vorschub für die perfekte rechte Kante */
        margin-left: calc(16.66666667% - 20px) !important; /* Zieht alle Tabellen rein über das CSS perfekt an die Textlinie */
        margin-bottom: 80px !important;        /* Garantiert die gewünschten 80px Abstand nach unten */
        margin-right: 0 !important;
    }

    /* 4. Das originale Verhalten des Templates zu 100% unangetastet lassen */
    [role="main"] .col-md-11 .wrapper,
    [role="main"] .col-md-11 .view {
        float: none !important;
        width: 100% !important;
        margin-left: 0 !important;
        margin-bottom: 0 !important;
        /* Keinerlei overflow-Überschreibungen mehr, das Template regelt das selbst! */
    }

    /* 5. ABSOLUTER MASTER-FIX: Ändert NUR die Andock-Höhe des klebrigen Kopfes ab 1600px */
    /* Wir lassen th, tr und td im CSS völlig in Ruhe, damit nichts absackt oder blockiert */
    html body table.stickyth thead,
    html body table.stickyth thead tr,
    html body table.table-scrollable thead,
    html body table.table-scrollable thead tr,
    .tableFloatingHeader,
    .tableFloatingHeaderOriginal,
    .floatThead-container,
    .fixed-table-header,
    .sticky-header {
        top: 50px !important; /* Biegt die fehlerhafte 125px-Berechnung des JavaScripts im Scroll-Moment auf 50px um */
    }

    /* 6. Sidebar auf Artikelseiten exakt rechts neben den Text setzen */
    [role="main"] .row {
        position: relative !important;
    }
    [role="main"] .col-md-4 {
        position: absolute !important;
        top: 0 !important;
        left: 975px !important; /* Startet haargenau dort, wo die zentrierte Textbox aufhört */
        width: 33.33333333% !important;
        float: none !important;
    }

    /* 7. Das left-Menü dockt exakt an der zentrierten Textspalte an */
    ol.contents {
        position: fixed !important;
        top: 125px !important;
        left: calc(50% - 675px) !important;
        margin-left: 0 !important;
    }

    /* 8. FIX FÜR KLICKBARE TABELLEN-LINKS: Zwingt Links über den Sticky-Layer */
    [role="main"] .col-md-11 table tbody a {
        position: relative !important;
        z-index: 9999 !important; 
        cursor: pointer !important;
    }
    [role="main"] .col-md-11 table tbody td {
        position: relative;
        z-index: 1;
    }
	.footer-box {max-width: 900px; float:right; margin-right: 60px}
	table.stickyth th {z-index: 100}
    /* ========================================================
        AUSNAHME NUR FÜR DIE STARTSEITE (body.homepage)
        ======================================================== */
    
    /* Auf der Startseite nutzen Text und Partner wieder die volle Breite des Rahmens */
    body.homepage [role="main"] .col-md-8 {
        float: left !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    body.homepage [role="main"] .col-md-4 {
        position: static !important; /* Hebt die absolute Positionierung der Artikel auf */
        float: right !important;
        width: 33.33333333% !important;
    }
}