:root{

    color-scheme: light only;

   --background-color: #dddcdd;          /* Farbe Navigationshintergrund */
   --darker-background-color: #8e8e8e;   /* Farbe dunkler */
   --accent-color: #9fd470;              /* Farbe bei Hover über Navigationspunkte */

}

/*

body
wrapper
.breadcrumb
details[open] div
   background-color: #ffffff;


logo
nav-schatten
nav .navbar ul li a
      background-color: #f2f2f2;
      background: #f2f2f2


footer
.footer
.navbar .active
.active
      background: #dddcdd;
      background-color: #dddcdd;


nav .navbar ul li a:hover
      background: #eff9e6;


nav label
.active
nav .navbar ul li a:hover
nav .navbar ul li a
.navbar .active
.active
nav .navbar ul li a
.footer
details
      color: #000000;



.container-navigation
      background-color: #edebec;


.footer
      border-top: 1px solid #67af23;
nav .navbar ul li a {
      border-top: 1px solid #67af23;
#nav-schatten {
      border-bottom: 1px solid #65af23;

 
nav .navbar ul li a {
      border-left: 1px solid #ceccce;
#nav-box
      border-right: 1px solid #ceccce;


FAQ

  details[open] summary
      border-bottom: 1px solid #c4c4c4;



  #farbe-faq-kurse {
      background-color: #f3f7ff;
  #farbe-faq-alter3-6 {
      background-color: #f3f7ff;
  #farbe-faq-alter7-14 {
      background-color: #f3f7ff;
  #farbe-faq-alter15-17 {
      background-color: #f3f7ff;

  details 
      border: 1px solid #c4c4c4;


  .navbar {
      background-color: rgb(255 255 255 / 0.8);

*/






* {
   margin: 0;
   padding: 0;
   border: 0;
   box-sizing: border-box;
   text-decoration: none;
}

html {
   height: 100.5%;
   font-size: 62.5%;
}


body {
   height: 100%;
   width: 100%;
   font-family: 'Swiss721BT', Arial, Helvetica, sans-serif;
   background-color: #ffffff;
   display: table;
   table-layout: fixed;
}

.p1 {
   font-size: 1.7rem;
   line-height: 1.1em;
   font-weight: normal;
}

.p2 {
   font-size: 2.7rem;
   font-weight: normal;
}

header, footer {
   display: table-row;
}

main {
   display: table-row;
   height: 100%;
}

/* Webfont: Swiss721BT-Light */
@font-face {
    font-family: 'Swis721LtBT';
    src: url('Swiss721BT-Light.eot'); /* IE9 Compat Modes */
    src: url('Swiss721BT-Light.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('Swiss721BT-Light.woff') format('woff'), /* Modern Browsers */
         url('Swiss721BT-Light.ttf') format('truetype'), /* Safari, Android, iOS */
         url('Swiss721BT-Light.svg#Swiss721BT-Light') format('svg'); /* Legacy iOS */
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

/* Webfont: Swiss721BT-LightItalic */
@font-face {
    font-family: 'Swis721LtBT';
    src: url('Swiss721BT-LightItalic.eot'); /* IE9 Compat Modes */
    src: url('Swiss721BT-LightItalic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('Swiss721BT-LightItalic.woff') format('woff'), /* Modern Browsers */
         url('Swiss721BT-LightItalic.ttf') format('truetype'), /* Safari, Android, iOS */
         url('Swiss721BT-LightItalic.svg#Swiss721BT-LightItalic') format('svg'); /* Legacy iOS */
    font-style: italic;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

/* Webfont: Swiss721BT-Roman */
@font-face {
    font-family: 'Swis721BT';
    src: url('Swiss721BT-Roman.eot'); /* IE9 Compat Modes */
    src: url('Swiss721BT-Roman.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('Swiss721BT-Roman.woff') format('woff'), /* Modern Browsers */
         url('Swiss721BT-Roman.ttf') format('truetype'), /* Safari, Android, iOS */
         url('Swiss721BT-Roman.svg#Swiss721BT-Roman') format('svg'); /* Legacy iOS */
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

/* Webfont: Swiss721BT-Italic */
@font-face {
    font-family: 'Swis721BT';
    src: url('Swiss721BT-Italic.eot'); /* IE9 Compat Modes */
    src: url('Swiss721BT-Italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('Swiss721BT-Italic.woff') format('woff'), /* Modern Browsers */
         url('Swiss721BT-Italic.ttf') format('truetype'), /* Safari, Android, iOS */
         url('Swiss721BT-Italic.svg#Swiss721BT-Italic') format('svg'); /* Legacy iOS */
    font-style: italic;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

/* Webfont: Swiss721BT-Bold */
@font-face {
    font-family: 'Swis721BT';
    src: url('Swiss721BT-Bold.eot'); /* IE9 Compat Modes */
    src: url('Swiss721BT-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('Swiss721BT-Bold.woff') format('woff'), /* Modern Browsers */
         url('Swiss721BT-Bold.ttf') format('truetype'), /* Safari, Android, iOS */
         url('Swiss721BT-Bold.svg#Swiss721BT-Bold') format('svg'); /* Legacy iOS */
    font-style: normal;
    font-weight: bold;
    text-rendering: optimizeLegibility;
}

/* Webfont: Swiss721BT-BoldItalic */
@font-face {
    font-family: 'Swis721BT';
    src: url('Swiss721BT-BoldItalic.eot'); /* IE9 Compat Modes */
    src: url('Swiss721BT-BoldItalic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('Swiss721BT-BoldItalic.woff') format('woff'), /* Modern Browsers */
         url('Swiss721BT-BoldItalic.ttf') format('truetype'), /* Safari, Android, iOS */
         url('Swiss721BT-BoldItalic.svg#Swiss721BT-BoldItalic') format('svg'); /* Legacy iOS */
    font-style: italic;
    font-weight: bold;
    text-rendering: optimizeLegibility;
}

.font-bold {
   font-family: 'Swiss721BT-Bold', Arial, Helvetica, sans-serif;
   font-weight: bold;
}      
.font-bold-italic {
   font-family: 'Swiss721BT-BoldItalic', Arial, Helvetica, sans-serif;
   font-style: italic;
   font-weight: bold;
}

.text_mittig {
   text-align: center;
}


/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
/* XXXXXXXX  I M A G E S  XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */


.image {
   max-width: 100%;
   height: auto;
}


.image-solarauto {
   max-width: 100%;
   height: auto;
}


.image-tensigrity {
   max-width: 100%;
   height: auto;
}




/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
/* XXXXXXXX  L O G O  XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */


#logo-mobile-o, #logo-mobile-s, #logo-mobile-m, #logo-tablet-l, #logo-desktop-xl, #logo-desktop-xxl {
   display: none;
}


/* Logo XXL.svg width="1280" height="230" */
@media only screen and (min-width: 1280px) {

   .container-logo {
      background-color: #f2f2f2;
      display: grid;
      grid-template-columns: 1fr 1280px 1fr;
   }

   #logo-mobile-o {
      display: none;
   }

   #logo-mobile-s {
      display: none;
   }

   #logo-mobile-m {
      display: none;
   }

   #logo-tablet-l {
      display: none;
   }

   #logo-desktop-xl {
      display: none;
   }

   #logo-desktop-xxl {
      display: block;
      margin: auto;
   }

   #background {
      background-color: #f2f2f2;
      padding-top: 2px;
      padding-bottom: 10px;
   }

}


/* Logo XL.svg width="960" height="230" */
@media only screen and (min-width: 992px) and (max-width: 1279px) {

   .container-logo {
      background-color: #f2f2f2;
      display: grid;
      grid-template-columns: 1fr 960px 1fr;
   }

   #logo-mobile-o {
      display: none;
   }

   #logo-mobile-s {
      display: none;
   }

   #logo-mobile-m {
      display: none;
   }

   #logo-tablet-l {
      display: none;
   }

   #logo-desktop-xl {
      display: block;
      margin: auto;
   }

   #logo-desktop-xxl {
      display: none;
   }

   #background {
      background-color: #f2f2f2;
      padding-top: 2px;
      padding-bottom: 10px;
   }

}


/* Logo L.svg" width="740" height="230" */
@media only screen and (min-width: 768px) and (max-width: 991px) {

   .container-logo {
      background-color: #f2f2f2;
      display: grid;
      grid-template-columns: 1fr 740px 1fr;
   }

   #logo-mobile-o {
      display: none;
   }

   #logo-mobile-s {
      display: none;
   }

   #logo-mobile-m {
      display: none;
   }

   #logo-tablet-l {
      display: block;
      margin: auto;
   }

   #logo-desktop-xl {
      display: none;
   }

   #logo-desktop-xxl {
      display: none;
   }

   #background {
      background-color: #f2f2f2;
      padding-top: 2px;
      padding-bottom: 10px;
   }

}


/* Logo M.svg" width="480" height="304" */
@media only screen and (min-width: 601px) and (max-width: 767px) {

   .container-logo {
      background-color: #f2f2f2;
      display: grid;
      grid-template-columns: 1fr 480px 1fr;
   }

   #logo-mobile-o {
      display: none;
   }

   #logo-mobile-s {
      display: none;
   }

   #logo-mobile-m {
      display: block;
      margin: auto;
   }

   #logo-tablet-l {
      display: none;
   }

   #logo-desktop-xl {
      display: none;
   }

   #logo-desktop-xxl {
      display: none;
   }

   #background {
      background-color: #f2f2f2;
      padding-top: 2px;
      padding-bottom: 10px;
   }

}


/* Logo S.svg" width="400" height="240" */
@media only screen and (min-width: 481px) and (max-width: 600px) {

   .container-logo {
      background-color: #f2f2f2;
      display: grid;
      grid-template-columns: 1fr 400px 1fr;
   }

   #logo-mobile-o {
      display: none;
   }

   #logo-mobile-s {
      display: block;
      margin: auto;
   }

   #logo-mobile-m {
      display: none;
   }

   #logo-tablet-l {
      display: none;
   }

   #logo-desktop-xl {
      display: none;
   }

   #logo-desktop-xxl {
      display: none;
   }

   #background {
      background-color: #f2f2f2;
      padding-top: 2px;
      padding-bottom: 10px;
   }

}


/* Logo S.svg" width="360" height="240" */
@media only screen and (max-width: 480px) {

   .container-logo {
      background-color: #f2f2f2;
      display: grid;
      grid-template-columns: 1fr 360px 1fr;
   }

   #logo-mobile-o {
      display: block;
      margin: auto;
   }

   #logo-mobile-s {
      display: none;
   }

   #logo-mobile-m {
      display: none;
   }

   #logo-tablet-l {
      display: none;
   }

   #logo-desktop-xl {
      display: none;
   }

   #logo-desktop-xxl {
      display: none;
   }

   #background {
      background-color: #f2f2f2;
      padding-top: 2px;
      padding-bottom: 10px;
   }

}


/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
/* XXXXXXXX  H A U P T T E I L  XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */


/* -------------------------------------------------------------------- */

.wrapper-bilder-anlagen-mobile {
   display: none;
}

.wrapper-bilder-anlagen-desktop-xxl {
   display: none;
}

.wrapper-bilder-anlagen-desktop-xl {
   display: none;
}


/* -------------------------------------------------------------------- */


@media only screen and (min-width: 1280px) {

   .wrapper {
      background-color: #ffffff;
      display: grid;
      grid-template-columns: 1fr 265px 1015px 1fr;
      padding-top: 30px;
   }

   .wrapper_einspaltig {
      margin: auto;
      width: 1280px;
      padding-top: 0px;
      padding-left: 0px;
      display: block;
   }




   .wrapper-bilder-anlagen-mobile {
      display: none;
   }

   .wrapper-bilder-anlagen-desktop-xl {
      display: none;
   }

/*
   .wrapper-bilder-anlagen-desktop-xxl {
      display: grid;
      grid-template-columns: 1fr 265px 323px 27px 298px 27px 340px 1fr;
   }
*/
   .wrapper-bilder-anlagen-desktop-xxl {
      display: grid;
      grid-template-columns: 1fr 265px 241px 28px 216px 28px 216px 28px 258px 1fr;
   }


/*
   .wrapper_bilder {
      display: grid;
      grid-template-columns: 1fr 265px 323px 29px 298px 29px 340px 1fr;
   }
*/



   #rand-bild-links {
      padding-left: 25px;
      padding-top: 30px;
   }

   #rand-bild-mitte {
      padding-top: 30px;
   }

   #rand-bild-rechts {
      padding-right: 42px;
      padding-top: 30px;
   }

   #rand-links {
      padding-left: 25px;
   }

   #rand-rechts {
      padding-right: 42px;
   }

   #rand-links-rechts {
      padding-left: 25px;
      padding-right: 42px;
   }

   .trennlinie {
      margin: auto;
      padding-left: 25px;
      width: 1280px;
      padding-right: 42px;
      padding-top: 10px;
      display: flex;
   }

   .footer {
      background-color: #dddcdd;
      color: #000000;
      text-align: center;
      padding-top: 30px;
      border-top: 1px solid #67af23;
      display: grid;
      grid-template-columns: 1fr 1280px 1fr;
   }

}


@media only screen and (min-width: 992px) and (max-width: 1279px) {

   .wrapper {
      background-color: #ffffff;
      display: grid;
      grid-template-columns: 1fr 265px 695px 1fr;
      padding-top: 30px;
   }

   .wrapper_einspaltig {
      margin: auto;
      width: 960px;
      padding-top: 0px;
      padding-left: 0px;
      display: block;
   }




   .wrapper-bilder-anlagen-mobile {
      display: none;
   }

   .wrapper-bilder-anlagen-desktop-xl {
      display: grid;
      grid-template-columns: 1fr 265px 211px 35px 186px 35px 228px 1fr;
   }

   .wrapper-bilder-anlagen-desktop-xxl {
      display: none;
   }




/*
   .wrapper_bilder {
      display: grid;
      grid-template-columns: 1fr 265px 211px 35px 186px 35px 228px 1fr;
   }
*/



   #rand-bild-links {
      padding-left: 25px;
      padding-top: 30px;
   }

   #rand-bild-mitte {
      padding-top: 30px;
   }

   #rand-bild-rechts {
      padding-right: 42px;
      padding-top: 30px;
   }

   #rand-links {
      padding-left: 25px;
   }

   #rand-rechts {
      padding-right: 42px;
   }

   #rand-links-rechts {
      padding-left: 25px;
      padding-right: 42px;
   }

   .trennlinie {
      margin: auto;
      padding-left: 25px;
      width: 960px;
      padding-right: 42px;
      padding-top: 10px;
      display: flex;
   }

   .footer {
      background-color: #dddcdd;
      color: #000000;
      text-align: center;
      padding-top: 30px;
      border-top: 1px solid #67af23;
      display: grid;
      grid-template-columns: 1fr 960px 1fr;
   }

}


@media only screen and (min-width: 768px) and (max-width: 991px) {

   .wrapper {
      background-color: #ffffff;
      display: grid;
      grid-template-columns: 1fr 215px 525px 1fr;
      padding-top: 30px;
   }

   .wrapper_einspaltig {
      margin: auto;
      width: 740px;
      padding-top: 0px;
      padding-left: 0px;
      display: block;
   }




   .wrapper-bilder-anlagen-mobile {
      display: none;
   }

   .wrapper-bilder-anlagen-desktop-xl {
      display: grid;
      grid-template-columns: 1fr 215px 155px 35px 129px 35px 171px 1fr;
   }


   .wrapper-bilder-anlagen-desktop-xxl {
      display: none;
   }



/*
   .wrapper_bilder {
      display: grid;
      grid-template-columns: 1fr 215px 155px 35px 129px 35px 171px 1fr;
   }
*/



   #rand-bild-links {
      padding-left: 25px;
      padding-top: 30px;
   }

   #rand-bild-mitte {
      padding-top: 30px;
   }

   #rand-bild-rechts {
      padding-right: 42px;
      padding-top: 30px;
   }

   #rand-links {
      padding-left: 25px;
   }

   #rand-rechts {
      padding-right: 42px;
   }

   #rand-links-rechts {
      padding-left: 25px;
      padding-right: 42px;
   }

   .trennlinie {
      margin: auto;
      padding-left: 25px;
      width: 740px;
      padding-right: 42px;
      padding-top: 10px;
      display: flex;
   }

   .footer {
      background-color: #dddcdd;
      color: #000000;
      text-align: center;
      padding-top: 30px;
      border-top: 1px solid #67af23;
      display: grid;
      grid-template-columns: 1fr 740px 1fr;
   }

}


@media only screen and (min-width: 601px) and (max-width: 767px) {

/*
   .wrapper {
      background-color: #ffffff;
      display: grid;
      grid-template-columns: 1fr 480px 1fr;
      padding-top: 30px;
   }
*/

   .wrapper {
      margin: auto;
      width: 480px;
      padding-top: 30px;
      padding-left: 0px;
      display: block;
   }



/*
   .wrapper_einspaltig {
      margin: auto;
      width: 480px;
      padding-top: 0px;
      padding-left: 0px;
      display: block;
   }

   .wrapper_bilder_zweispaltig {
      margin: auto;
      width: 480px;
      padding-top: 0px;
      padding-left: 25px;
      padding-right: 42px;
      display: block;
   }
*/




   .wrapper-bilder-anlagen-desktop-xxl {
      display: none;
   }

   .wrapper-bilder-anlagen-desktop-xl {
      display: none;
   }

   .wrapper-bilder-anlagen-mobile {
      margin: auto;
      width: 480px;
      padding-top: 0px;
      padding-left: 25px;
      padding-right: 42px;
      display: block;
   }




   #rand-bild-links {
      padding-left: 0px;
      padding-top: 30px;
   }

   #rand-bild-rechts {
      padding-right: 0px;
      padding-top: 30px;
   }

   #rand-links {
      padding-left: 25px;
   }

   #rand-rechts {
      padding-right: 42px;
   }

   #rand-links-rechts {
      padding-left: 25px;
      padding-right: 42px;
   }

   .trennlinie {
      margin: auto;
      padding-left: 25px;
      width: 480px;
      padding-right: 42px;
      padding-top: 10px;
      display: flex;
   }

   .footer {
      background-color: #dddcdd;
      color: #000000;
      text-align: center;
      padding-top: 30px;
      border-top: 1px solid #67af23;
      display: grid;
      grid-template-columns: 1fr 480px 1fr;
   }

}


@media only screen and (min-width: 481px) and (max-width: 600px) {

/*
   .wrapper {
      background-color: #ffffff;
      display: grid;
      grid-template-columns: 1fr 400px 1fr;
      padding-top: 30px;
   }
*/

   .wrapper {
      margin: auto;
      width: 400px;
      padding-top: 30px;
      padding-left: 0px;
      display: block;
   }



/*
   .wrapper_einspaltig {
      margin: auto;
      width: 400px;
      padding-top: 30px;
      padding-left: 0px;
      display: block;
   }

   .wrapper_bilder_zweispaltig {
      margin: auto;
      width: 400px;
      padding-top: 0px;
      padding-left: 25px;
      padding-right: 42px;
      display: block;
   }
*/




   .wrapper-bilder-anlagen-desktop-xxl {
      display: none;
   }

   .wrapper-bilder-anlagen-desktop-xl {
      display: none;
   }

   .wrapper-bilder-anlagen-mobile {
      margin: auto;
      width: 400px;
      padding-top: 0px;
      padding-left: 25px;
      padding-right: 42px;
      display: block;
   }




   #rand-bild-links {
      padding-left: 0px;
      padding-top: 30px;
   }

   #rand-bild-rechts {
      padding-right: 0px;
      padding-top: 30px;
   }

   #rand-links {
      padding-left: 25px;
   }

   #rand-rechts {
      padding-right: 42px;
   }

   #rand-links-rechts {
      padding-left: 25px;
      padding-right: 42px;
   }

   .trennlinie {
      margin: auto;
      padding-left: 25px;
      width: 400px;
      padding-right: 42px;
      padding-top: 10px;
      display: flex;
   }

   .footer {
      background-color: #dddcdd;
      color: #000000;
      text-align: center;
      padding-top: 30px;
      border-top: 1px solid #67af23;
      display: grid;
      grid-template-columns: 1fr 400px 1fr;
   }

}


@media only screen and (max-width: 480px) {

   .wrapper {
      margin: auto;
      width: 360px;
      padding-top: 30px;
      padding-left: 0px;
      display: block;
   }



/*
   .wrapper_einspaltig {
      margin: auto;
      width: 360px;
      padding-top: 0px;
      padding-left: 0px;
      display: block;
   }

   .wrapper_bilder_zweispaltig {
      margin: auto;
      width: 360px;
      padding-top: 0px;
      padding-left: 25px;
      padding-right: 42px;
      display: block;
   }
*/




   .wrapper-bilder-anlagen-desktop-xxl {
      display: none;
   }

   .wrapper-bilder-anlagen-desktop-xl {
      display: none;
   }

   .wrapper-bilder-anlagen-mobile {
      margin: auto;
      width: 360px;
      padding-top: 0px;
      padding-left: 25px;
      padding-right: 42px;
      display: block;
   }




   #rand-bild-links {
      padding-left: 0px;
      padding-top: 30px;
   }

   #rand-bild-rechts {
      padding-right: 0px;
      padding-top: 30px;
   }

   #rand-links {
      padding-left: 25px;
   }

   #rand-rechts {
      padding-right: 42px;
   }

   #rand-links-rechts {
      padding-left: 25px;
      padding-right: 42px;
   }

   .trennlinie {
      margin: auto;
      padding-left: 25px;
      width: 360px;
      padding-right: 42px;
      padding-top: 10px;
      display: flex;
   }

   .footer {
      background-color: #dddcdd;
      color: #000000;
      text-align: center;
      padding-top: 30px;
      border-top: 1px solid #67af23;
      display: grid;
      grid-template-columns: 1fr 360px 1fr;
   }

}


/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
/* XXXXXXXX  N A V I G A T I O N  XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */





/* -------------------------------------------------------------------- */


#nav-mobile, #nav-tablet, #nav-desktop {
   display: none;
}


/* -------------------------------------------------------------------- */


   #nav-schatten1 {
      display: grid;
      grid-template-columns: 1fr;
      height: 10px;
      background-color: #f2f2f2;
      border-bottom: 1px solid #65af23;
      /* box-shadow: inset 0 -5px 5px rgba(0, 0, 0, 0.3); */
   }
  
   #nav-schatten2 {
      display: grid;
      grid-template-columns: 1fr;
      height: 30px;
      background-color: #f2f2f2;
      border-bottom: 1px solid #65af23;
      /* box-shadow: inset 0 -5px 5px rgba(0, 0, 0, 0.3); */
      box-shadow: inset 0 -5px 5px rgba(0, 0, 0, 0.3);
   }


   ul {
      list-style: none;
   }

   nav .navbar ul {
      list-style: none;
   }


   #menu-bar {
      display: none;
   }


   nav label {
      color: #000000;
      cursor: pointer;
      display: none;
   }


   nav .navbar ul li:focus-within > ul,
   nav .navbar ul li:hover > ul {
      display: initial;
   }


   .active {
      background: #dddcdd;
      color: #000000;
   }


   nav .navbar ul li a:hover {
      background: #eff9e6;
      color: #000000;
   }

/*
   #nav-box {
      border-right: 1px solid #ceccce;
   }
*/


/* -------------------------------------------------------------------- */

@media only screen and (min-width: 1280px) {

   #nav-mobile {
      display: none;
   }

   #nav-tablet {
      display: none;
   }

   #nav-desktop {
      display: block;
   }

/*
   .container-navigation {
      background-color: #edebec;
      display: grid;
      grid-template-columns: 1fr 1280px 1fr;
   }
*/

   #navfarbe {
      background-color: #f3f7ff;
   }

   .container-navigation {
      height: 42px;
      background-color: #f3f7ff;
      font-size: 0.9em;
      line-height: 1em;
      display: grid;
      grid-template-columns: 1fr 1280px 1fr;
      z-index: 1;
      position: relative;
   }

   nav .navbar ul li {
      position: relative;
      float: left;
   }

   nav .navbar ul li a {
      height: 42px;
      padding-top: 5px;
      padding-bottom: 4px;
      padding-left: 25px;
      padding-right: 25px;
      border-left: 1px solid #ceccce;
      color: #000000;
      display: block;
   }

   nav .navbar ul li:last-child {
      height: 42px;
      border-right: 1px solid #ceccce;
   }

}


/* -------------------------------------------------------------------- */

@media only screen and (min-width: 992px) and (max-width: 1279px) {

   #nav-mobile {
      display: none;
   }

   #nav-tablet {
      display: none;
   }

   #nav-desktop {
      display: block;
   }

/*
   .container-navigation {
      background-color: #edebec;
      display: grid;
      grid-template-columns: 1fr 960px 1fr;
   }
*/

   #navfarbe {
      background-color: #f3f7ff;
   }

   .container-navigation {
      height: 42px;
      background-color: #f3f7ff;
      font-size: 0.9em;
      line-height: 1em;
      display: grid;
      grid-template-columns: 1fr 960px 1fr;
      z-index: 1;
      position: relative;
   }

   nav .navbar ul li {
      position: relative;
      float: left;
   }

   nav .navbar ul li a {
      height: 42px;
      padding-top: 5px;
      padding-bottom: 4px;
      padding-left: 25px;
      padding-right: 25px;
      border-left: 1px solid #ceccce;
      color: #000000;
      display: block;
   }

   nav .navbar ul li:last-child {
      height: 42px;
      border-right: 1px solid #ceccce;
   }

}


/* -------------------------------------------------------------------- */

@media only screen and (min-width: 768px) and (max-width: 991px) {

   #nav-mobile {
      display: none;
   }

   #nav-tablet {
      display: block;
   }

   #nav-desktop {
      display: none;
   }

   .container-navigation {
      /* background-color: #edebec; */
      background-color: #f3f7ff;
      display: grid;
      grid-template-columns: 1fr 740px 1fr;
   }

   nav {
      padding-top: 4px;
   }

   nav label {
      padding-top: 5px;
      padding-left: 20px;
      padding-bottom: 6px;
      display: initial;     /* initial = Defaultwert. Bei display ist initial = inline */
   }

   .navbar {
      position: fixed;
      top: 0;
      left: 450px;
      right: 0;
      height: 100%;
      padding-top: 10px;
      display: none;
      background-color: rgb(255 255 255 / 0.8);
      backdrop-filter: blur(8px);
      box-shadow: -5px 0 5px rgba(0, 0, 0, 0.25);
      transition: 0.75s ease-out;
   }

   #nav-box {
      border-bottom: 1px solid #67af23;
   }

   .navbar .active {
      background: #dddcdd;
      color: #000000;
   }

   nav .navbar ul li {
      width: 600px;
      left: 0px;
      top: 0;
   }

   nav .navbar ul li a {
      box-sizing: border-box;
      height: 100%;
      width: 600px;
      padding: 5px 25px;
      border-top: 1px solid #67af23;
      background: #f2f2f2; 
      color: #000000;
      display: block;
      justify-content: flex-start;
   }

   #menu-bar:checked ~ .navbar {
      display: initial;     
   }

}


/* -------------------------------------------------------------------- */

@media only screen and (min-width: 601px) and (max-width: 767px) {

   #nav-mobile {
      display: block;
   }

   #nav-tablet {
      display: none;
   }

   #nav-desktop {
      display: none;
   }

   .container-navigation {
      /* background-color: #edebec; */
      background-color: #f3f7ff;
      display: grid;
      grid-template-columns: 1fr 480px 1fr;
   }

   nav {
      padding-top: 4px;
   }

   nav label {
      padding-top: 5px;
      padding-left: 20px;
      padding-bottom: 6px;
      display: initial;     /* initial = Defaultwert. Bei display ist initial = inline */
   }

   .navbar {
      position: fixed;
      top: 0;
      left: 300px;
      right: 0;
      height: 100%;
      padding-top: 10px;
      display: none;
      background-color: rgb(255 255 255 / 0.8);
      backdrop-filter: blur(8px);
      box-shadow: -5px 0 5px rgba(0, 0, 0, 0.25);
      transition: 0.75s ease-out;
   }

   #nav-box {
      border-bottom: 1px solid #67af23;
   }

   .navbar .active {
      background: #dddcdd;
      color: #000000;
   }

   nav .navbar ul li {
      width: 600px;
      left: 0px;
      top: 0;
   }

   nav .navbar ul li a {
      box-sizing: border-box;
      height: 100%;
      width: 600px;
      padding: 5px 25px;
      border-top: 1px solid #67af23;
      background: #f2f2f2; 
      color: #000000;
      display: block;
      justify-content: flex-start;
   }

   #menu-bar:checked ~ .navbar {
      display: initial;    
   }

}


/* -------------------------------------------------------------------- */

@media only screen and (min-width: 481px) and (max-width: 600px) {

   #nav-mobile {
      display: block;
   }

   #nav-tablet {
      display: none;
   }

   #nav-desktop {
      display: none;
   }

   .container-navigation {
      /* background-color: #edebec; */
      background-color: #f3f7ff;
      display: grid;
      grid-template-columns: 1fr 400px 1fr;
   }

   nav {
      padding-top: 4px;
   }

   nav label {
      padding-top: 5px;
      padding-left: 20px;
      padding-bottom: 6px;
      display: initial;
   }

   .navbar {
      position: fixed;
      top: 0;
      left: 200px;
      right: 0;
      height: 100%;
      padding-top: 10px;
      display: none;
      background-color: rgb(255 255 255 / 0.8);
      backdrop-filter: blur(8px);
      box-shadow: -5px 0 5px rgba(0, 0, 0, 0.25);
      transition: 0.75s ease-out;
   }

   #nav-box {
      border-bottom: 1px solid #67af23;
   }

   .navbar .active {
      background: #dddcdd;
      color: #000000;
   }

   nav .navbar ul li {
      width: 600px;
      left: 0px;
      top: 0;
   }

   nav .navbar ul li a {
      box-sizing: border-box;
      height: 100%;
      width: 600px;
      padding: 5px 25px;
      border-top: 1px solid #67af23;
      background: #f2f2f2; 
      color: #000000;
      display: block;
      justify-content: flex-start;
   }

   #menu-bar:checked ~ .navbar {
      display: initial;    
   }

}


/* -------------------------------------------------------------------- */

@media(max-width: 480px){

   #nav-mobile {
      display: block;
   }

   #nav-tablet {
      display: none;
   }

   #nav-desktop {
      display: none;
   }

   .container-navigation {
      /* background-color: #edebec; */
      background-color: #f3f7ff;
      display: grid;
      grid-template-columns: 1fr 360px 1fr;
   }

   nav {
      padding-top: 4px;
   }

   nav label {
      padding-top: 5px;
      padding-left: 20px;
      padding-bottom: 6px;
      display: initial;
   }

   .navbar {
      position: fixed;
      top: 0;
      left: 80px;
      right: 0;
      height: 100%;
      padding-top: 10px;
      display: none;
      background-color: rgb(255 255 255 / 0.8);
      backdrop-filter: blur(8px);
      box-shadow: -5px 0 5px rgba(0, 0, 0, 0.25);
      transition: 0.75s ease-out;
   }

   #nav-box {
      border-bottom: 1px solid #67af23;
   }

   .navbar .active {
      background: #dddcdd;
      color: #000000;
   }

   nav .navbar ul li {
      width: 600px;
      left: 0px;
      top: 0;
   }

   nav .navbar ul li a {
      box-sizing: border-box;
      height: 100%;
      width: 600px;
      padding: 5px 25px;
      border-top: 1px solid #67af23;
      background: #f2f2f2; 
      color: #000000;
      display: block;
      justify-content: flex-start;
   }

   #menu-bar:checked ~ .navbar {
      display: initial;    
   }

}



/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
/* XXXXXXXX  B R E A D C R U M B  XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */



@media only screen and (min-width: 1280px) {

   .breadcrumb {
      /* background-color: #ffffff; */
      background-color: #f3f7ff;
      font-size: 0.9em;
      line-height: 1em;
      display: grid;
      grid-template-columns: 1fr 1280px 1fr;
      padding: 6px 0;
   }

   #rand-links-rechts-breadcrumb {
      padding-left: 25px;
      padding-right: 42px;
   }

}


@media only screen and (min-width: 992px) and (max-width: 1279px) {

   .breadcrumb {
      /* background-color: #ffffff; */
      background-color: #f3f7ff;
      font-size: 0.9em;
      line-height: 1em;
      display: grid;
      grid-template-columns: 1fr 960px 1fr;
      padding: 6px 0;
}

   #rand-links-rechts-breadcrumb {
      padding-left: 25px;
      padding-right: 42px;
   }

}


@media only screen and (min-width: 768px) and (max-width: 991px) {

   .breadcrumb {
      /* background-color: #ffffff; */
      background-color: #f3f7ff;
      font-size: 0.9em;
      line-height: 1em;
      display: grid;
      grid-template-columns: 1fr 740px 1fr;
      padding: 6px 0;
   }

   #rand-links-rechts-breadcrumb {
      padding-left: 25px;
      padding-right: 42px;
   }

}


@media only screen and (min-width: 601px) and (max-width: 767px) {

   .breadcrumb {
      /* background-color: #ffffff; */
      background-color: #f3f7ff;
      font-size: 0.9em;
      line-height: 1em;
      margin: auto;
      width: 480px;
      padding: 6px 0;
      display: block;
   }

   #rand-links-rechts-breadcrumb {
      padding-left: 25px;
      padding-right: 42px;
   }

}


@media only screen and (min-width: 481px) and (max-width: 600px) {

   .breadcrumb {
      /* background-color: #ffffff; */
      background-color: #f3f7ff;
      font-size: 0.9em;
      line-height: 1em;
      margin: auto;
      width: 400px;
      padding: 6px 0;
      display: block;
   }

   #rand-links-rechts-breadcrumb {
      padding-left: 25px;
      padding-right: 42px;
   }

}


@media only screen and (max-width: 480px) {

   .breadcrumb {
      /* background-color: #ffffff; */
      background-color: #f3f7ff;
      font-size: 0.9em;
      line-height: 1em;
      margin: auto;
      width: 360px;
      padding: 6px 0;
      display: block;
   }
   #rand-links-rechts-breadcrumb {
      padding-left: 25px;
      padding-right: 42px;
   }

}



/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
/* XXXXXXXX  S T I C K Y  H E A D E R  XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */


.sticky {
   position: sticky;
   top: 0;
}



/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
/* XXXXXXXX  F A Q - K U R S E  U N D  F A Q - A L T E R  XXXXXXXXXXXXXXXXXXXXXXX */
/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */


#container-faq-kurse-mobile-o-s,
#container-faq-kurse-mobile-m,
#container-faq-kurse-tablet-l,
#container-faq-kurse-desktop-xl-xxl {
   display: none;
}

#container-faq-alter-mobile-o-s,
#container-faq-alter-mobile-m,
#container-faq-alter-tablet-l,
#container-faq-alter-desktop-xl-xxl {
   display: none;
}


/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */


/*
.container-faq-kurse h1{
   color: #000000;
   text-align: center;
}
*/


summary {
   /* padding: 0.1em 0.6em; */
   padding-top: 0.3em;
   padding-bottom: 0;
   padding-left: 0.6em;
   list-style: none;
   display: flex;
   justify-content: space-between;  
   transition: height 1s ease;
}

summary::-webkit-details-marker {
   display: none;
}

summary:after{
   /* content: "\002B"; */
   /* content: "\2304"; */
   /* content: "\2335"; */
   /* content: "\25BD"; */
   /* content: "\FE40"; */
   content: url(../images/keyboard_arrow_down_24dp_1F1F1F_FILL0_wght400_GRAD0_opsz24.svg);
}


summary:hover {
   cursor: pointer;
   /* background-color: #eff9e6; */
}


details[open] summary {
   border-bottom: 1px solid #c4c4c4;
   border-top-left-radius: 6px;
   border-top-right-radius: 6px;
   /* margin-bottom: .5em; */
   /* margin-bottom: 0; */
   /* background-color: #dddcdd; */
   /* background-color: #eff9e6; */
   /* background-color: #dcfcd6; */
}


details[open] summary:after {
   /* content: "\00D7"; */
   /* content: "\2303"; */
   /* content: "\25B3"; */
   /* content: "\FE3F"; */
   content: url(../images/keyboard_arrow_up_24dp_1F1F1F_FILL0_wght400_GRAD0_opsz24.svg);
}

details[open] div {
   /* padding: 0.1em 0.6em; */
   padding-top: 0.3em;
   padding-bottom: 0.3em;
   padding-left: 0.6em;
   border-bottom-left-radius: 6px;
   border-bottom-right-radius: 6px;
   background-color: #ffffff;
}


p.ex1 {
   margin-top: 5px;
   font-weight: bold;
}

p.ex2 {
   margin-left: 30px;
   margin-bottom: 4px;
}

details {
   margin-bottom: 8px;
}


#farbe-faq-kurse {
   background-color: #f3f7ff;
   border-radius: 6px;
}


#farbe-faq-alter3-6 {
   /* background-color: #fefff0; */
   background-color: #f3f7ff;

   border-radius: 6px;
}

#farbe-faq-alter7-14 {
   /* background-color: #f0fff5; */
   background-color: #f3f7ff;

   border-radius: 6px;
}

#farbe-faq-alter15-17 {
   /* background-color: #fff4f0; */
   background-color: #f3f7ff;

   border-radius: 6px;
}




/* -------------------------------------------------------------- */


@media only screen and (min-width: 1280px) {

   #container-faq-kurse-mobile-o-s,
   #container-faq-alter-mobile-o-s {
      display: none;
   }

   #container-faq-kurse-mobile-m,
   #container-faq-alter-mobile-m {
      display: none;
   }

   #container-faq-kurse-tablet-l,
   #container-faq-alter-tablet-l {
      display: none;
   }

   #container-faq-kurse-desktop-xl-xxl,
   #container-faq-alter-desktop-xl-xxl {
      display: block;
   }

   details {
      width: 918px;
      /* border: 1px solid #c9d4e4; */
      /* border: 1px solid #dddcdd; */
      border: 1px solid #c4c4c4;
      border-radius: 6px;
      /* background-color: #f2f2f2; */
      color: #000000;
      /* font-size: 1.5rem; */
   }

}


/* -------------------------------------------------------------- */


@media only screen and (min-width: 992px) and (max-width: 1279px) {

   #container-faq-kurse-mobile-o-s,
   #container-faq-alter-mobile-o-s {
      display: none;
   }

   #container-faq-kurse-mobile-m,
   #container-faq-alter-mobile-m {
      display: none;
   }

   #container-faq-kurse-tablet-l,
   #container-faq-alter-tablet-l {
      display: none;
   }

   #container-faq-kurse-desktop-xl-xxl,
   #container-faq-alter-desktop-xl-xxl {
      display: block;
   }

   details {
      width: 598px;
      /* border: 1px solid #c9d4e4; */
      /* border: 1px solid #dddcdd; */
      border: 1px solid #c4c4c4;
      border-radius: 6px;
      /* background-color: #f2f2f2; */
      color: #000000;
      /* font-size: 1.5rem; */
   }

}


/* -------------------------------------------------------------- */


@media only screen and (min-width: 768px) and (max-width: 991px) {

   #container-faq-kurse-mobile-o-s,
   #container-faq-alter-mobile-o-s {
      display: none;
   }

   #container-faq-kurse-mobile-m,
   #container-faq-alter-mobile-m {
      display: none;
   }

   #container-faq-kurse-tablet-l,
   #container-faq-alter-tablet-l {
      display: block;
   }

   #container-faq-kurse-desktop-xl-xxl,
   #container-faq-alter-desktop-xl-xxl {
      display: none;
   }

   details {
      width: 433px;
      /* border: 1px solid #c9d4e4; */
      /* border: 1px solid #dddcdd; */
      border: 1px solid #c4c4c4;
      border-radius: 6px;
      /* background-color: #f2f2f2; */
      color: #000000;
      /* font-size: 1.5rem; */
   }

}


/* -------------------------------------------------------------- */


@media only screen and (min-width: 601px) and (max-width: 767px) {

   #container-faq-kurse-mobile-o-s,
   #container-faq-alter-mobile-o-s {
      display: none;
   }

   #container-faq-kurse-mobile-m,
   #container-faq-alter-mobile-m {
      display: block;
   }

   #container-faq-kurse-tablet-l,
   #container-faq-alter-tablet-l {
      display: none;
   }

   #container-faq-kurse-desktop-xl-xxl,
   #container-faq-alter-desktop-xl-xxl {
      display: none;
   }

   details {
      width: 413px;
      /* border: 1px solid #c9d4e4; */
      /* border: 1px solid #dddcdd; */
      border: 1px solid #c4c4c4;
      border-radius: 6px;
      /* background-color: #f2f2f2; */
      color: #000000;
      /* font-size: 1.5rem; */
   }

}


/* -------------------------------------------------------------- */


@media only screen and (min-width: 481px) and (max-width: 600px) {

   #container-faq-kurse-mobile-o-s,
   #container-faq-alter-mobile-o-s {
      display: block;
   }

   #container-faq-kurse-mobile-m,
   #container-faq-alter-mobile-m {
      display: none;
   }

   #container-faq-kurse-tablet-l,
   #container-faq-alter-tablet-l {
      display: none;
   }

   #container-faq-kurse-desktop-xl-xxl,
   #container-faq-alter-desktop-xl-xxl {
      display: none;
   }

   details {
      width: 333px;
      /* border: 1px solid #c9d4e4; */
      /* border: 1px solid #dddcdd; */
      border: 1px solid #c4c4c4;
      border-radius: 6px;
      /* background-color: #f2f2f2; */
      color: #000000;
      /* font-size: 1.5rem; */
   }

}


/* -------------------------------------------------------------- */


@media(max-width: 480px){

   #container-faq-kurse-mobile-o-s,
   #container-faq-alter-mobile-o-s {
      display: block;
   }

   #container-faq-kurse-mobile-m,
   #container-faq-alter-mobile-m {
      display: none;
   }

   #container-faq-kurse-tablet-l,
   #container-faq-alter-tablet-l {
      display: none;
   }

   #container-faq-kurse-desktop-xl-xxl,
   #container-faq-alter-desktop-xl-xxl {
      display: none;
   }

   details {
      width: 293px;
      /* border: 1px solid #c9d4e4; */
      /* border: 1px solid #dddcdd; */
      border: 1px solid #c4c4c4;
      border-radius: 6px;
      /* background-color: #f2f2f2; */
      color: #000000;
      /* font-size: 1.5rem; */
   }

}



/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */



/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */







/* ggggggggggggggggggggggggggggggggggggggggggggg */


/* ##Device = Desktops
   ##Screen = 1281px to higher resolution desktops */
@media (min-width: 1281px) {
}

/* ##Device = Laptops, Desktops
   ##Screen = B/w 1025px to 1280px */
@media (min-width: 1025px) and (max-width: 1280px) {
}

/* ##Device = Tablets, Ipads (portrait)
   ##Screen = B/w 768px to 1024px */
@media (min-width: 768px) and (max-width: 1024px) {
}

/* ##Device = Tablets, Ipads (landscape)
   ##Screen = B/w 768px to 1024px */
@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {

}

/* ##Device = Low Resolution Tablets, Mobiles (Landscape)
   ##Screen = B/w 481px to 767px */
@media (min-width: 481px) and (max-width: 767px) {
}

/* ##Device = Most of the Smartphones Mobiles (Portrait)
   ##Screen = B/w 320px to 479px */
@media (min-width: 320px) and (max-width: 480px) {
}

/* ggg */

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

@media only screen and (min-width: 992px) and (max-width: 1279px) {
}


@media only screen and (min-width: 768px) and (max-width: 991px) {
}


@media only screen and (min-width: 601px) and (max-width: 767px) {
}


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