* {
    box-sizing: border-box;
}

html,
body {
    padding: 0;
    margin: 0;
}
body {
    background-color: #fff;
    font-family: Arial, Helvetica, Verdana;
    font-size: 16px;
/*    line-height: 22px;*/
    color: #666;
    position: relative;
    -webkit-text-size-adjust: none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 1em 0;
    font-size: 22px;
}
p {
    margin: 1em 0;
}
a,
a:link,
a:active,
a:visited,
a:hover {
    color: inherit;
    text-decoration: underline;
}

nav:not(.mm-menu) {
    display: none;
}

#header {
    position: sticky;
    height: 50px;
    padding: 0 1em 0 2em;
    top: 0;
    font-size: 12px;
    color: #fff;
    line-height: 22px;
    text-align: right;
    background-color: #222;
    background-color: hsla(0, 0%, 13%, 0.9);

    z-index: 100;
}
#header a.hamburgericon  {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 80px;
    height: 50px;
    padding: 15px 25px;
}
#header a.hamburgericon:before,
#header a.hamburgericon:after {
    content: "";
    display: block;
    background: #fff;
    height: 2px;
}
#header a.hamburgericon  span {
    background: #fff;
    display: block;
    height: 2px;
    margin: 7px 0;
}

#content {
    padding: 0em 2em 1em 2em;
    text-align: center;
    max-width: 60em;
}






/* -------------------------------------------------------------------------- */
/* Design allgemein */
/* -------------------------------------------------------------------------- */

main {
    text-align: left;
}

h1 {
    color: #e07300;
    font-size: 1.6em;
}

main p {
    line-height: 1.6em;
}


/*.trenner {
    display: inline-block;
    width: 2em;
    height: 1em;
    background-color: yellow;
}*/

.trenner::after {
  content: ' ■ ';  /* ▮ */
  position: relative;
  display: inline-block;
  width: 2em;
  height: 1em;
/*  background-color: orange;*/
  text-align: center;
}




/* Bilder */

/* @media only screen and (max-width: 68.75em) */
.bildmitte img {
    width: 100%;
    height: auto;
}




/* -------------------------------------------------------------------------- */
/* Bildergallerie als Fliesenwand/Kachelwand   produktauswahl  */
/* -------------------------------------------------------------------------- */

.produktauswahl {
        display: grid;
        /* grid-template-columns: auto auto auto auto; */
        grid-template-columns: auto auto auto auto auto;
        grid-gap: 1vh;

        position: relative;
        height: auto;
        width: 100%;
        margin-bottom: 2em; 
}

.fliesenwand {
        display: grid;
        /* grid-template-columns: auto auto auto auto; */
        grid-template-columns: auto auto auto;
        grid-gap: 1vh;

        position: relative;
        height: auto;
        width: 100%;
        margin-bottom: 2em;
}

.produktauswahl .fliese,
.fliesenwand .fliese
{
            position: relative;
            /* height: 100%; */
            /* width: 100%; */
            overflow: hidden;
            /* box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.9 ); */
            /* border-radius: 2px; */
        }


/* .fliesenwand .fliese:hover
{
        border: 1px solid orange;
        cursor: e-resize !important;
} */


.produktauswahl .fliese img,
.fliesenwand .fliese img {
    height: 100%;
    width: 100%;
    object-fit: contain;
    border: 2px solid silver;
}

.produktauswahl .fliese img {
    aspect-ratio: 1/1;
}


.fliesenwand .fliese img:hover {
        border: 2px solid limegreen;
        cursor:zoom-in;
}

.produktauswahl .fliese img:hover {
        border: 2px solid limegreen;
}

.produktauswahl .fliese p:hover {
        background-color: hsla(200, 80%, 70%, .9) !important;
}


.produktauswahl .fliese p,
.fliesenwand .fliese p {
    /* z-index: 1; */
    /* opacity: 1; */
    color: black;
    position: absolute;
    bottom:0;
    text-align: center;
    background-color: hsla(0, 100%, 100%, 0.8);
    width: 100%;
    /* padding: .3em 1em; */
    opacity: 0.7;
    font-size: .8em;
    border:0px solid red;
    line-height: 1em;
    padding-bottom: 0.2em;
}

.produktauswahl .fliese p {
    background-color: hsla(0, 0%, 90%, .8) !important;
    margin-bottom: 0;
    min-height: 3.7em;
    color: black !important;
    font-weight: bold;
    padding: 0 .5em;

    display: flex;
    align-items: center;
    justify-content: center;    

    backdrop-filter: blur(25px);
}

.fliesenwand .fliese a p {
    text-decoration: none;
}

.fliesenwand .fliese a::after
{
  z-index: 10;
  content: "";
  position: absolute;
  right: 0;
  bottom: 5px;
  width: 37px;
  height: 30px;
  margin-top: 5px;
  background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='utf-8'?%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 35 35' enable-background='new 0 0 35 35' xml:space='preserve'%3E%3Cg%3E%3Cg%3E%3Cpath fill='%23666666' d='M26.25,13.13C26.25,5.88,20.37,0,13.13,0C5.88,0,0,5.88,0,13.13c0,7.25,5.88,13.12,13.13,13.12 C20.37,26.25,26.25,20.37,26.25,13.13L26.25,13.13z M13.13,22.97c-5.43,0-9.84-4.42-9.84-9.84c0-5.43,4.42-9.84,9.84-9.84 c5.43,0,9.84,4.42,9.84,9.84C22.97,18.55,18.55,22.97,13.13,22.97L13.13,22.97z M13.13,22.97'/%3E%3Cpath fill='%23666666' d='M34.04,29.4l-8.03-8.03c-1.2,1.86-2.78,3.44-4.64,4.64l8.03,8.03c1.28,1.28,3.36,1.28,4.64,0 C35.32,32.76,35.32,30.68,34.04,29.4L34.04,29.4z M34.04,29.4'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: bottom top;
}


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

    .produktauswahl  {
        grid-template-columns: auto auto auto auto;
    }
}


/*  48em = 768 px */
@media only screen and (max-width: 768px){
    .fliesenwand {
        grid-template-columns: auto auto auto;
    }

    .produktauswahl  {
        grid-template-columns: auto auto auto ;
    }
}

/* 500px = 31.25em */
@media only screen and (max-width: 500px){
    .fliesenwand {
        grid-template-columns: auto auto;
    }
    .produktauswahl  {
        grid-template-columns: auto auto auto ;
    }
}





/* -------------------------------------------------------------------------- */
/* FAQ-Bereich für Design */
/* -------------------------------------------------------------------------- */

details.faq-card {
  /* margin-left: 0 !important; */
}

.faq-card {
  border: 1px solid #dce0e8;
  background-color: #f6f6f6;
  background-color: #ddd;
  border-radius: 6px;
  padding: 1em 1em 0 0;
    margin-top: 1em;
  margin-bottom: .5em;
  list-style: none;
  position: relative;
  cursor: pointer;

    padding-left: 1em;

}

details > summary {
  list-style: none;
}

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

/* details summary h3, */
details summary {
  /* font-weight: 300; */
    color: #1f57ff;
  font-size: 1em;
    margin-left: 1em;
    padding-bottom: 1em;
  text-decoration: underline;
    font-weight: bold;
}


details[open] summary h3,
details[open] summary {
  color: orange !important;
  text-decoration: none;
  /* font-weight: 300; */
}


.faq-card {
  background-color: #f2f2f2;
}


details[open] {
    border: 1px solid orange ;
    transition: 0.7s ease;
}

details[open] summary {
  color: black !important;
    text-decoration: underline;
}

/* details[open] .faq-card-spoiler, */
details[open] div {
  display: inline-block;
  padding-top: 8px;
  /* color: #8b8b9a; */
}


/* # The Rotating Marker # */
details summary::-webkit-details-marker { display: none; }
summary::before {
  font-family: "Hiragino Mincho ProN","Open Sans", sans-serif;
  content: "▶";
  position: absolute;
  top: 1rem;
  left: 0.8rem;
  transform: rotate(0);
  transform-origin: center;
  transition: 0.2s transform ease;
}
details[open] > summary:before {
  transform: rotate(90deg);
  transition: 0.45s transform ease;
}





/* -------------------------------------------------------------------------- */
/* Tabellenansicht */
/* -------------------------------------------------------------------------- */

.tabellen_ansicht {
/*   border: 1px solid silver; */
    list-style-type: none;
    margin: 0;
    padding: 0;

    clear: both;

    /* border-bottom: 2px solid hsl(208.67deg 52.56% 57.84%) !important; */
    /* border-bottom: 2px solid hsla(208.67deg, 52.56%, 57.84%, 0.4) !important;
    margin-bottom: 1em !important;
    padding-bottom: 0 !important; */
}

.tabellen_ansicht li {
    padding: 0.1em 0.5em;
    font-size: 90%;
}

.tabellen_ansicht li {
    /* border-bottom: 1px solid silver; */
}

.tabellen_ansicht li:nth-child(odd) {
    background-color: #e9e9e9;
}

.tabellen_ansicht li:nth-child(even) {
    background-color: #f9f9f9;
}

.tabellen_ansicht li:hover:not(.tabellenueberschrift) {
    background-color: hsla(0, 100%, 0%, 0.2);
}

.tabellenueberschrift {
    background-color: #2b6fab !important;
    color: white;
}


.tabellen_ansicht li span,
.liste_left {
    display: inline-block;
    width: 45%;
    /* padding-left: .5em; */
}

.tabellen_ansicht li span + span,
.liste_right {
    display: inline-block;
    width: 45%;
}

.rechtsschmal li span {
    display: inline-block;
    width: 65%;
    padding-left: .5em;
}

.rechtsschmal li span + span {
    display: inline-block;
    width: 25%;
}


/* 27.5em = 440px */
@media screen and (max-width: 540px) {
    .tabellen_ansicht li span {
        font-weight: bold;
    }
    .tabellen_ansicht li span + span {
        font-weight: normal;
    }


    .tabellen_ansicht li span,
    .tabellen_ansicht li span + span {
        display: inline-block;
        width: 100%;
    }
}




/* -------------------------------------------------------------------------- */
/* Bewertung */
/* -------------------------------------------------------------------------- */

.bewertung_ueberschrift {
  font-weight: bold;
  margin: 1.5em 0 0.5em 0;
  color: #666;
}

.bewertung {
  border: 1px solid #ececec;
  border-radius: 1em;
  box-shadow: 10px 11px 12px -6px #c1c1c1;
  padding: 1em;
  margin-bottom: 1.5em;
  font-size: 90%;
}

.bew_ueberschrift,
.bew_bewertungstext,
.bew_sternanzahl,
.bew_person
{
    display: block;
}

.bew_ueberschrift {
  font-weight: bold;
  padding-bottom: .3em;
}

.bew_sternanzahl {
  padding-bottom: 1em;
}

.bew_person {
  padding-top: 1em;

}

.bew_kreis {
  width: 30px;
  height: 30px;
  padding: 7px 3.5px;
  color: #353535;
  background-color: hsl(174, 40%, 68%);
  border-radius: 50%;
  font-size: 80%;
  margin-right: .6em;
}

.bew_datum_zeit {
  float: right;
}




/* -------------------------------------------------------------------------- */
/* Seitenbereich mit Formular */
/* -------------------------------------------------------------------------- */

.umrahmungseite {
    border: 1px solid silver !important;
    background-color: #eee;
    padding: .5em;
    border-radius: 1em;
    padding: 0 !important;

    width: 100%;
    margin-bottom: 1em;
}

#bereichFormular {
    border: 1px solid silver !important;
    background-color: #eee;
    padding: .5em;
    border-radius: .5em;
}

#bereichFormular input
, #bereichFormular textarea
 {
    font-size: 0.8em;
    padding: .2em;
    margin-top: .2em;
    margin-bottom: .6em;
    width: 100%;
    font-family: sans-serif;
}

#maildatenschutz {
    font-size: 0.8em;
}

#bereichFormular input {
    width: 100%;

}

#bereichFormular input[type=submit] {
    background-color: #48ff48;
    border-radius: 0.4em;
    box-shadow: 2px 2px 6px #666;
    border: 0px solid red;
    padding: 0.2em;
}

#bereichFormular submit{
    background-color: green;
}

#kontakt_emailk {
  display: none;
}

.wrapperflex {
    display: table;
    flex-direction: column;
    /* height: 100%; */
    /* min-height: 100%; */
    margin-bottom: .5em;
    margin-top: .5em !important;
}


.datenschutzok {
    display:contents;
}


.wrapperflex span {
    display: table-cell;
}

#bereichFormular .bereichRechteSpalteInnen p {
    /* background-color: yellow; */
    font-size: 0.8em;
    margin-bottom: 0.4em;
}




/* -------------------------------------------------------------------------- */
/* Produktbereich Kasten */
/* -------------------------------------------------------------------------- */

.produktbereich {
    /* border: 2px solid #7db9e8;
    border: 2px solid #999;
    border: 2px solid #e57f19; */
    margin-bottom: 1em;

    /* display: flex;
    flex-direction: column; */
}

.produktbereich h2 {
    /* background-color: #7db9e8; */
    background-color: #e57f19;
    background-color: #e07300;
    color: white;
    padding: 4px 8px;
}

.produkt_bildbereich_leer,
.produkt_bildbereich {
    float: right;
    width: 60%;

    font-weight: lighter;
    font-size: 80%;
    text-align: center;
    background-color: white;
    border: 1px solid silver;

    margin-left: .7em;
    margin-bottom: .7em;
}

.produkt_bildbereich_leer img,
.produkt_bildbereich img {
    width: 100%;
    height: auto;
}

.produkt_textbereich {
    padding: .5em;
    hyphens: auto;
    line-height: 1.5em;
}

.produkt_bildbereich_leer,
.produkt_bildbereich
{
  position: relative;
  overflow: hidden;
  /* width: 100%; */
  /* height: auto; */

    /* margin-top: 10px !important; */
    margin-top: 10px;
    /* margin-right: 10px !important; */
    margin-right: 10px;

}

a.produkt_bildbereich_leer,
a.produkt_bildbereich {
    color: black !important;
    /* background-color: orange; */
}

.produktbereich a:hover {
    color: black !important;
    text-decoration: underline !important;
}

/* .produkt_bildbereich .fuer_details_anklicken, */
.produkt_bildbereich_leer figcaption,
.produkt_bildbereich_leer p,
.produkt_bildbereich figcaption,
.produkt_bildbereich p {
    position: absolute;
    z-index: 1;
    /* height: 1em; */
    bottom: .3em;
    bottom: 0;


    background-color: hsla(0, 0%, 100%, 0.8) !important;
    width: 100%;
    line-height: 1.2em;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}


.produkt_bildbereich img
{
  -webkit-transition: all .9s ease;
  transition: all .9s ease;
    z-index: 10;
}

.produkt_bildbereich:hover img
{
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
    opacity: 0.5;
}

/* .produktbereich_rahmen, */
.produktbereich {
    border-left: 1px solid silver;
    border-right: 1px solid silver;
    border-bottom: 1px solid silver;
    /* border: 2px solid #e57f19; */
    box-shadow: 0px 5px 10px #eee;

}



.fuer_details_anklicken,
.text_detailinformationen
{
    color: black;

    position: absolute;
    z-index: 1;
    top: 50%;
    left: 0%;
    font-size: 2.8em;
    font-weight: bold;
    width: 90%;
    padding: 5%;

    opacity: 0;
    -webkit-transform: opacity 1s;
  transition:opacity 1s;
}

.produkt_bildbereich:hover .fuer_details_anklicken,
.produkt_bildbereich:hover .text_detailinformationen
{
    opacity: 1;
}

.fuer_details_anklicken p::after
{
    content: "bitte anklicken für Details";
}


/* -------------------------------------------------------------------------- */
/* tooltip */
/* -------------------------------------------------------------------------- */

.tooltip-box {
  position: absolute; /* Positioniert den Tooltip relativ zum Viewport */
  background-color: #333;
  color: #fff;
  padding: 8px 12px;
  border-radius: 4px;
  font-size: 14px;
  z-index: 1000; /* Stellt sicher, dass der Tooltip über anderen Elementen liegt */
  pointer-events: none; /* Verhindert, dass der Tooltip selbst Mausereignisse blockiert */
  opacity: 0; /* Versteckt den Tooltip standardmäßig */
  transition: opacity 0.3s; /* Erzeugt einen sanften Einblendeffekt */
  margin: 0 2em;
}

/* Optional: Ein kleiner Pfeil, der auf das Element zeigt */

.tooltip-box::after {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #333; 
  bottom: -5px; 
  left: 50%;
  transform: translateX(-50%);
}




/* -------------------------------------------------------------------------- */
/* mmenu.css */
/* -------------------------------------------------------------------------- */

@charset "UTF-8";/*!
 * mmenu.js
 * mmenujs.com
 *
 * Copyright (c) Fred Heusschen
 * frebsite.nl
 *
 * License: CC-BY-NC-4.0
 * http://creativecommons.org/licenses/by-nc/4.0/
 */:root{--mm-lineheight:22px}.mm-hidden{display:none!important}.mm-wrapper{overflow-x:hidden;position:relative}.mm-menu,.mm-menu *,.mm-menu :after,.mm-menu :before{-webkit-transition-property:none;-o-transition-property:none;transition-property:none;-webkit-transition-duration:.4s;-o-transition-duration:.4s;transition-duration:.4s;-webkit-transition-timing-function:ease;-o-transition-timing-function:ease;transition-timing-function:ease}:root{--mm-blocker-visibility-delay:0.4s;--mm-blocker-opacity-delay:0s}.mm-blocker{display:block;position:absolute;bottom:100%;top:0;right:0;left:0;z-index:3;opacity:0;background:var(--mm-color-background);-webkit-transition:bottom 0s ease var(--mm-blocker-visibility-delay),width .4s ease,opacity .4s ease var(--mm-blocker-opacity-delay),-webkit-transform .4s ease;transition:bottom 0s ease var(--mm-blocker-visibility-delay),width .4s ease,opacity .4s ease var(--mm-blocker-opacity-delay),-webkit-transform .4s ease;-o-transition:bottom 0s ease var(--mm-blocker-visibility-delay),width .4s ease,opacity .4s ease var(--mm-blocker-opacity-delay),transform .4s ease;transition:bottom 0s ease var(--mm-blocker-visibility-delay),width .4s ease,opacity .4s ease var(--mm-blocker-opacity-delay),transform .4s ease;transition:bottom 0s ease var(--mm-blocker-visibility-delay),width .4s ease,opacity .4s ease var(--mm-blocker-opacity-delay),transform .4s ease,-webkit-transform .4s ease}.mm-blocker:focus-visible{opacity:.75}.mm-btn{-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;-ms-flex-negative:0;flex-shrink:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:relative;width:50px;padding:0}.mm-btn--next,[dir=rtl] .mm-btn--prev{--mm-btn-rotate:135deg}.mm-btn--prev,[dir=rtl] .mm-btn--next{--mm-btn-rotate:-45deg}.mm-btn--next:after,.mm-btn--prev:before{content:"";display:block;position:absolute;top:0;bottom:0;width:8px;height:8px;margin:auto;-webkit-box-sizing:border-box;box-sizing:border-box;border:2px solid var(--mm-color-icon);border-bottom:none;border-right:none;-webkit-transform:rotate(var(--mm-btn-rotate));-ms-transform:rotate(var(--mm-btn-rotate));transform:rotate(var(--mm-btn-rotate))}.mm-btn--prev:before{inset-inline-start:23px}.mm-btn--next:after{inset-inline-end:23px}.mm-btn--close:before{content:"×";font-size:150%}.mm-btnreset{padding:0;background:0 0;border:none;cursor:pointer}.mm-divider{-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;position:-webkit-sticky;position:sticky;z-index:2;top:0;min-height:var(--mm-lineheight);padding:calc((var(--mm-listitem-size) * .65 - var(--mm-lineheight)) * .5) 20px;font-size:75%;text-transform:uppercase;background:var(--mm-color-background);background-image:-webkit-gradient(linear,left top,left bottom,from(var(--mm-color-background-highlight)),to(var(--mm-color-background-highlight)));background-image:-o-linear-gradient(var(--mm-color-background-highlight),var(--mm-color-background-highlight));background-image:linear-gradient(var(--mm-color-background-highlight),var(--mm-color-background-highlight));opacity:1;-webkit-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity}.mm-navbar:not(.mm-hidden)~.mm-listview .mm-divider{top:var(--mm-navbar-size)}:root{--mm-listitem-size:50px}.mm-listitem{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;position:relative;padding:0;margin:0;color:var(--mm-color-text);border-color:var(--mm-color-border)}.mm-listitem:after{content:"";border-color:inherit;border-bottom-width:1px;border-bottom-style:solid;display:block;position:absolute;inset-inline-start:20px;inset-inline-end:0;bottom:0}.mm-listitem__btn,.mm-listitem__text{padding:calc((var(--mm-listitem-size) - var(--mm-lineheight))/ 2) 0}.mm-listitem__text{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-preferred-size:10%;flex-basis:10%;display:block;padding-left:20px;padding-right:20px;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mm-listitem__btn{display:block;position:relative;width:auto;-webkit-padding-end:50px;padding-inline-end:50px;border-color:inherit;background:rgba(3,2,1,0)}.mm-listitem__btn:not(.mm-listitem__text){border-left-width:1px;border-left-style:solid}.mm-listitem--selected>.mm-listitem__text{background:var(--mm-color-background-emphasis)}.mm-listitem--opened>.mm-listitem__btn,.mm-listitem--opened>.mm-panel{background:var(--mm-color-background-highlight)}.mm-listview{list-style:none;display:block;padding:0;margin:0}.mm-menu{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:0;margin:0;position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;-ms-scroll-chaining:none;overscroll-behavior:none;background:var(--mm-color-background);border-color:var(--mm-color-border);color:var(--mm-color-text);line-height:var(--mm-lineheight);-webkit-tap-highlight-color:var(--mm-color-background-emphasis);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.mm-menu ::-webkit-input-placeholder{color:var(--mm-color-text-dimmed)}.mm-menu ::-moz-placeholder{color:var(--mm-color-text-dimmed)}.mm-menu :-ms-input-placeholder{color:var(--mm-color-text-dimmed)}.mm-menu ::-ms-input-placeholder{color:var(--mm-color-text-dimmed)}.mm-menu ::placeholder{color:var(--mm-color-text-dimmed)}.mm-menu,.mm-menu *{-webkit-box-sizing:border-box;box-sizing:border-box}.mm-menu :focus,.mm-menu :focus-visible,.mm-menu:focus,.mm-menu:focus-visible{outline:0}.mm-menu a,.mm-menu button,.mm-menu label{color:inherit}.mm-menu a:focus,.mm-menu button:focus,.mm-menu label:focus{outline:0}.mm-menu a:focus-visible,.mm-menu button:focus-visible,.mm-menu label:focus-visible{outline:2px solid var(--mm-color-focusring);outline-offset:-5px}.mm-menu input:focus,.mm-menu input:focus-visible,.mm-menu select:focus,.mm-menu select:focus-visible,.mm-menu textarea:focus,.mm-menu textarea:focus-visible{outline:2px solid var(--mm-color-focusring);outline-offset:2px}.mm-menu a,.mm-menu a:active,.mm-menu a:hover,.mm-menu a:link,.mm-menu a:visited{text-decoration:none;color:inherit}:root{--mm-navbar-size:50px}.mm-navbar{display:-webkit-box;display:-ms-flexbox;display:flex;position:-webkit-sticky;position:sticky;top:0;z-index:2;min-height:var(--mm-navbar-size);padding-top:env(safe-area-inset-top);color:var(--mm-color-text-dimmed);text-align:center;opacity:1;background:var(--mm-color-background);border-bottom:1px solid var(--mm-color-border);-webkit-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity}.mm-navbar>*{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-sizing:border-box;box-sizing:border-box}.mm-navbar__btn{-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0}.mm-navbar__title{-webkit-box-flex:1;-ms-flex:1 1 50%;flex:1 1 50%;display:-webkit-box;display:-ms-flexbox;display:flex;padding:0 20px;overflow:hidden}.mm-navbar__title[href="#"]{pointer-events:none}.mm-navbar__title>span{-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mm-btn.mm-hidden+.mm-navbar__title:not(:last-child){-webkit-padding-start:60px;padding-inline-start:60px;-webkit-padding-end:10px;padding-inline-end:10px}.mm-btn:not(.mm-hidden)+.mm-navbar__title:last-child{-webkit-padding-start:10px;padding-inline-start:10px;-webkit-padding-end:60px;padding-inline-end:60px}.mm-panel{--mm-panel-child-offset:100%;--mm-panel-parent-offset:-30%;position:absolute;left:0;right:0;top:0;bottom:0;z-index:1;-webkit-overflow-scrolling:touch;overflow:hidden;overflow-y:auto;-ms-scroll-chaining:none;overscroll-behavior:contain;color:var(--mm-color-text);border-color:var(--mm-color-border);background:var(--mm-color-background);-webkit-transform:translate3d(var(--mm-panel-child-offset),0,0);transform:translate3d(var(--mm-panel-child-offset),0,0);-webkit-transition-property:inset-inline-start,-webkit-transform;transition-property:inset-inline-start,-webkit-transform;-o-transition-property:transform,inset-inline-start;transition-property:transform,inset-inline-start;transition-property:transform,inset-inline-start,-webkit-transform}[dir=rtl] .mm-panel{--mm-panel-child-offset:-100%;--mm-panel-parent-offset:30%}.mm-panel:after{content:"";display:block;height:var(--mm-listitem-size)}.mm-panel:focus{outline:0}.mm-panel--opened{z-index:2;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-transition-delay:0s;-o-transition-delay:0s;transition-delay:0s}.mm-panel--parent{-webkit-transform:translate3d(var(--mm-panel-parent-offset),0,0);transform:translate3d(var(--mm-panel-parent-offset),0,0);z-index:0}.mm-panel--highest{z-index:3}.mm-menu--opened .mm-panel--noanimation{-webkit-transition:none!important;-o-transition:none!important;transition:none!important;-webkit-transition-duration:0s!important;-o-transition-duration:0s!important;transition-duration:0s!important}.mm-panel__content{padding:20px}.mm-panels{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;position:relative;height:100%;overflow:hidden;background:var(--mm-color-background);border-color:var(--mm-color-border);color:var(--mm-color-text)}.mm-panels:focus{outline:0}:root{--mm-toggle-size:34px}.mm-toggle{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-item-align:center;align-self:center;-webkit-box-flex:calc(var(--mm-toggle-size) * 1.75);-ms-flex:calc(var(--mm-toggle-size) * 1.75) 0 0px;flex:calc(var(--mm-toggle-size) * 1.75) 0 0;height:var(--mm-toggle-size);-webkit-margin-end:10px;margin-inline-end:10px;-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important;border:none!important;border-radius:var(--mm-toggle-size);border:var(--mm-color-border);background:var(--mm-color-border);cursor:pointer;-webkit-transition-property:background-color;-o-transition-property:background-color;transition-property:background-color}.mm-toggle:before{content:"";aspect-ratio:1;margin:2px;border-radius:100%;background:var(--mm-color-background);-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform}.mm-toggle:checked{background:#4bd963}.mm-toggle:checked:before{-webkit-transform:translateX(calc(var(--mm-toggle-size) * .75));-ms-transform:translateX(calc(var(--mm-toggle-size) * .75));transform:translateX(calc(var(--mm-toggle-size) * .75))}[dir=rtl] .mm-toggle:checked:before{-webkit-transform:translateX(calc(var(--mm-toggle-size) * -.75));-ms-transform:translateX(calc(var(--mm-toggle-size) * -.75));transform:translateX(calc(var(--mm-toggle-size) * -.75))}.mm-listitem--vertical>.mm-panel{position:static;width:100%;padding:10px 0 10px 20px;-webkit-transform:none!important;-ms-transform:none!important;transform:none!important;-webkit-transition:none!important;-o-transition:none!important;transition:none!important}.mm-listitem--vertical>.mm-panel:after{content:none;display:none}.mm-listitem--vertical:not(.mm-listitem--opened)>.mm-panel{display:none}.mm-listitem--vertical>.mm-listitem__btn{height:var(--mm-listitem-size);bottom:auto}.mm-listitem--vertical .mm-listitem:last-child:after{border-color:transparent}.mm-listitem--opened>.mm-listitem__btn:after{-webkit-transform:rotate(225deg);-ms-transform:rotate(225deg);transform:rotate(225deg);right:19px}:root{--mm-size:80%;--mm-min-size:240px;--mm-max-size:440px}.mm-menu--offcanvas{position:fixed;z-index:0}.mm-page{-webkit-box-sizing:border-box;box-sizing:border-box;min-height:100vh;background:inherit}:where(.mm-slideout){position:relative;z-index:1;width:100%;-webkit-transition-duration:.4s;-o-transition-duration:.4s;transition-duration:.4s;-webkit-transition-timing-function:ease;-o-transition-timing-function:ease;transition-timing-function:ease;-webkit-transition-property:width,-webkit-transform;transition-property:width,-webkit-transform;-o-transition-property:width,transform;transition-property:width,transform;transition-property:width,transform,-webkit-transform}.mm-wrapper--opened,.mm-wrapper--opened body{overflow:hidden}.mm-wrapper__blocker{background:rgba(0,0,0,.4)}.mm-wrapper--opened .mm-wrapper__blocker{--mm-blocker-visibility-delay:0s;--mm-blocker-opacity-delay:0.4s;bottom:0;opacity:.5}.mm-menu{--mm-translate-horizontal:0;--mm-translate-vertical:0}.mm-menu--position-left,.mm-menu--position-left-front{right:auto}.mm-menu--position-right,.mm-menu--position-right-front{left:auto}.mm-menu--position-left,.mm-menu--position-left-front,.mm-menu--position-right,.mm-menu--position-right-front{width:clamp(var(--mm-min-size),var(--mm-size),var(--mm-max-size))}.mm-menu--position-left-front{--mm-translate-horizontal:-100%}.mm-menu--position-right-front{--mm-translate-horizontal:100%}.mm-menu--position-top{bottom:auto}.mm-menu--position-bottom{top:auto}.mm-menu--position-bottom,.mm-menu--position-top{width:100%;height:clamp(var(--mm-min-size),var(--mm-size),var(--mm-max-size))}.mm-menu--position-top{--mm-translate-vertical:-100%}.mm-menu--position-bottom{--mm-translate-vertical:100%}.mm-menu--position-bottom,.mm-menu--position-left-front,.mm-menu--position-right-front,.mm-menu--position-top{z-index:2;-webkit-transform:translate3d(var(--mm-translate-horizontal),var(--mm-translate-vertical),0);transform:translate3d(var(--mm-translate-horizontal),var(--mm-translate-vertical),0);-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform}.mm-menu--position-bottom.mm-menu--opened,.mm-menu--position-left-front.mm-menu--opened,.mm-menu--position-right-front.mm-menu--opened,.mm-menu--position-top.mm-menu--opened{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.mm-wrapper--position-left{--mm-translate-horizontal:clamp(
      var(--mm-min-size),
      var(--mm-size),
      var(--mm-max-size)
  )}.mm-wrapper--position-right{--mm-translate-horizontal:clamp(
      calc(-1 * var(--mm-max-size)),
      calc(-1 * var(--mm-size)),
      calc(-1 * var(--mm-min-size))
  )}.mm-wrapper--position-left .mm-slideout,.mm-wrapper--position-right .mm-slideout{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.mm-wrapper--position-left.mm-wrapper--opened .mm-slideout,.mm-wrapper--position-right.mm-wrapper--opened .mm-slideout{-webkit-transform:translate3d(var(--mm-translate-horizontal),0,0);transform:translate3d(var(--mm-translate-horizontal),0,0)}.mm-wrapper--position-bottom .mm-wrapper__blocker,.mm-wrapper--position-left-front .mm-wrapper__blocker,.mm-wrapper--position-right-front .mm-wrapper__blocker,.mm-wrapper--position-top .mm-wrapper__blocker{z-index:1}.mm-menu--theme-light{--mm-color-background:#f3f3f3;--mm-color-border:rgb(0 0 0 / 0.15);--mm-color-icon:rgb(0 0 0 / 0.4);--mm-color-text:rgb(0 0 0 / 0.8);--mm-color-text-dimmed:rgb(0 0 0 / 0.4);--mm-color-background-highlight:rgb(0 0 0 / 0.05);--mm-color-background-emphasis:rgb(255 255 255 / 0.75);--mm-color-focusring:#06c}.mm-menu--theme-light-contrast{--mm-color-background:#f3f3f3;--mm-color-border:rgb(0 0 0 / 0.5);--mm-color-icon:rgb(0 0 0 / 0.5);--mm-color-text:#000;--mm-color-text-dimmed:rgb(0 0 0 / 0.7);--mm-color-background-highlight:rgb(0 0 0 / 0.05);--mm-color-background-emphasis:rgb(255 255 255 / 0.9);--mm-color-focusring:#06c}.mm-menu--theme-dark{--mm-color-background:#333;--mm-color-border:rgb(0, 0, 0, 0.4);--mm-color-icon:rgb(255, 255, 255, 0.4);--mm-color-text:rgb(255, 255, 255, 0.8);--mm-color-text-dimmed:rgb(255, 255, 255, 0.4);--mm-color-background-highlight:rgb(255, 255, 255, 0.08);--mm-color-background-emphasis:rgb(0, 0, 0, 0.1);--mm-color-focusring:#06c}.mm-menu--theme-dark-contrast{--mm-color-background:#333;--mm-color-border:rgb(255 255 255 / 0.5);--mm-color-icon:rgb(255 255 255 / 0.5);--mm-color-text:#fff;--mm-color-text-dimmed:rgb(255 255 255 / 0.7);--mm-color-background-highlight:rgb(255 255 255 / 0.1);--mm-color-background-emphasis:rgb(0 0 0 / 0.3);--mm-color-focusring:#06c}.mm-menu--theme-white{--mm-color-background:#fff;--mm-color-border:rgb(0 0 0 / 0.15);--mm-color-icon:rgb(0 0 0 / 0.3);--mm-color-text:rgb(0 0 0 / 0.8);--mm-color-text-dimmed:rgb(0 0 0 / 0.3);--mm-color-background-highlight:rgb(0 0 0 / 0.06);--mm-color-background-emphasis:rgb(0 0 0 / 0.03);--mm-color-focusring:#06c}.mm-menu--theme-white-contrast{--mm-color-background:#fff;--mm-color-border:rgb(0 0 0 / 0.5);--mm-color-icon:rgb(0 0 0 / 0.5);--mm-color-text:#000;--mm-color-text-dimmed:rgb(0 0 0 / 0.7);--mm-color-background-highlight:rgb(0 0 0 / 0.07);--mm-color-background-emphasis:rgb(0 0 0 / 0.035);--mm-color-focusring:#06c}.mm-menu--theme-black{--mm-color-background:#000;--mm-color-border:rgb(255 255 255 / 0.2);--mm-color-icon:rgb(255 255 255 / 0.4);--mm-color-text:rgb(255 255 255 / 0.7);--mm-color-text-dimmed:rgb(255 255 255 / 0.4);--mm-color-background-highlight:rgb(255 255 255 / 0.1);--mm-color-background-emphasis:rgb(255 255 255 / 0.06);--mm-color-focusring:#06c}.mm-menu--theme-black-contrast{--mm-color-background:#000;--mm-color-border:rgb(255 255 255 / 0.5);--mm-color-icon:rgb(255 255 255 / 0.5);--mm-color-text:#fff;--mm-color-text-dimmed:rgb(255 255 255 / 0.6);--mm-color-background-highlight:rgb(255 255 255 / 0.125);--mm-color-background-emphasis:rgb(255 255 255 / 0.1);--mm-color-focusring:#06c}.mm-counter{display:block;-webkit-padding-start:20px;padding-inline-start:20px;float:right;color:var(--mm-color-text-dimmed)}[dir=rtl] .mm-counter{float:left}:root{--mm-iconbar-size:50px}.mm-menu--iconbar-left .mm-navbars,.mm-menu--iconbar-left .mm-panels{margin-left:var(--mm-iconbar-size)}.mm-menu--iconbar-right .mm-navbars,.mm-menu--iconbar-right .mm-panels{margin-right:var(--mm-iconbar-size)}.mm-iconbar{display:none;position:absolute;top:0;bottom:0;z-index:2;width:var(--mm-iconbar-size);overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box;border:0 solid;border-color:var(--mm-color-border);background:var(--mm-color-background);color:var(--mm-color-text-dimmed);text-align:center}.mm-menu--iconbar-left .mm-iconbar,.mm-menu--iconbar-right .mm-iconbar{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.mm-menu--iconbar-left .mm-iconbar{border-right-width:1px;left:0}.mm-menu--iconbar-right .mm-iconbar{border-left-width:1px;right:0}.mm-iconbar__bottom,.mm-iconbar__top{width:100%;-webkit-overflow-scrolling:touch;overflow:hidden;overflow-y:auto;-ms-scroll-chaining:none;overscroll-behavior:contain}.mm-iconbar__bottom>*,.mm-iconbar__top>*{-webkit-box-sizing:border-box;box-sizing:border-box;display:block;padding:calc((var(--mm-iconbar-size) - var(--mm-lineheight))/ 2) 0}.mm-iconbar__bottom a,.mm-iconbar__bottom a:hover,.mm-iconbar__top a,.mm-iconbar__top a:hover{text-decoration:none}.mm-iconbar__tab--selected{background:var(--mm-color-background-emphasis)}:root{--mm-iconpanel-size:50px}.mm-panel--iconpanel-0{inset-inline-start:calc(0 * var(--mm-iconpanel-size))}.mm-panel--iconpanel-1{inset-inline-start:calc(1 * var(--mm-iconpanel-size))}.mm-panel--iconpanel-2{inset-inline-start:calc(2 * var(--mm-iconpanel-size))}.mm-panel--iconpanel-3{inset-inline-start:calc(3 * var(--mm-iconpanel-size))}.mm-panel--iconpanel-4{inset-inline-start:calc(4 * var(--mm-iconpanel-size))}.mm-panel--iconpanel-first~.mm-panel{inset-inline-start:var(--mm-iconpanel-size)}.mm-menu--iconpanel .mm-panel--parent .mm-divider,.mm-menu--iconpanel .mm-panel--parent .mm-navbar{opacity:0}.mm-menu--iconpanel .mm-panels>.mm-panel--parent{overflow-y:hidden;-webkit-transform:unset;-ms-transform:unset;transform:unset}.mm-menu--iconpanel .mm-panels>.mm-panel:not(.mm-panel--iconpanel-first):not(.mm-panel--iconpanel-0){border-inline-start-width:1px;border-inline-start-style:solid}.mm-navbars{-ms-flex-negative:0;flex-shrink:0}.mm-navbars .mm-navbar{position:relative;padding-top:0;border-bottom:none}.mm-navbars--top{border-bottom:1px solid var(--mm-color-border)}.mm-navbars--top .mm-navbar:first-child{padding-top:env(safe-area-inset-top)}.mm-navbars--bottom{border-top:1px solid var(--mm-color-border)}.mm-navbars--bottom .mm-navbar:last-child{padding-bottom:env(safe-area-inset-bottom)}.mm-navbar__breadcrumbs{-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;-webkit-box-flex:1;-ms-flex:1 1 50%;flex:1 1 50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;padding:0 20px;overflow-x:auto;-webkit-overflow-scrolling:touch}.mm-navbar__breadcrumbs>*{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-padding-end:6px;padding-inline-end:6px}.mm-navbar__breadcrumbs>a{text-decoration:underline}.mm-navbar__breadcrumbs:not(:last-child){-webkit-padding-end:0;padding-inline-end:0}.mm-btn:not(.mm-hidden)+.mm-navbar__breadcrumbs{-webkit-padding-start:0;padding-inline-start:0}.mm-navbar__tab{padding:0 10px;border:1px solid transparent}.mm-navbar__tab--selected{background:var(--mm-color-background)}.mm-navbar__tab--selected:not(:first-child){border-inline-start-color:var(--mm-color-border)}.mm-navbar__tab--selected:not(:last-child){border-inline-end-color:var(--mm-color-border)}.mm-navbars--top.mm-navbars--has-tabs{border-bottom:none}.mm-navbars--top.mm-navbars--has-tabs .mm-navbar{background:var(--mm-color-background-emphasis)}.mm-navbars--top.mm-navbars--has-tabs .mm-navbar--tabs~.mm-navbar{background:var(--mm-color-background)}.mm-navbars--top.mm-navbars--has-tabs .mm-navbar:not(.mm-navbar--tabs):last-child{border-bottom:1px solid var(--mm-color-border)}.mm-navbars--top .mm-navbar__tab{border-bottom-color:var(--mm-color-border)}.mm-navbars--top .mm-navbar__tab--selected{border-top-color:var(--mm-color-border);border-bottom-color:transparent}.mm-navbars--bottom.mm-navbar--has-tabs{border-top:none}.mm-navbars--bottom.mm-navbar--has-tabs .mm-navbar{background:var(--mm-color-background)}.mm-navbars--bottom.mm-navbar--has-tabs .mm-navbar--tabs,.mm-navbars--bottom.mm-navbar--has-tabs .mm-navbar--tabs~.mm-navbar{background:var(--mm-color-background-emphasis)}.mm-navbars--bottom .mm-navbar__tab{border-top-color:var(--mm-color-border)}.mm-navbars--bottom .mm-navbar__tab--selected{border-bottom-color:var(--mm-color-border);border-top-color:transparent}.mm-searchfield{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;height:var(--mm-navbar-size);padding:0;overflow:hidden}.mm-searchfield__input{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;width:100%;max-width:100%;padding:0 10px;-webkit-box-sizing:border-box;box-sizing:border-box}.mm-searchfield__input input{display:block;width:100%;max-width:100%;height:calc(var(--mm-navbar-size) * .7);min-height:auto;max-height:auto;margin:0;padding:0 10px;-webkit-box-sizing:border-box;box-sizing:border-box;border:none;border-radius:4px;line-height:calc(var(--mm-navbar-size) * .7);font:inherit;font-size:inherit}.mm-searchfield__input input,.mm-searchfield__input input:focus,.mm-searchfield__input input:hover{background:var(--mm-color-background-highlight);color:var(--mm-color-text)}.mm-menu[class*=-contrast] .mm-searchfield__input input{border:1px solid var(--mm-color-border)}.mm-searchfield__input input::-ms-clear{display:none}.mm-searchfield__btn{display:none;position:absolute;inset-inline-end:0;top:0;bottom:0}.mm-searchfield--searching .mm-searchfield__btn{display:block}.mm-searchfield__cancel{display:block;position:relative;-webkit-margin-end:-100px;margin-inline-end:-100px;-webkit-padding-start:5px;padding-inline-start:5px;-webkit-padding-end:20px;padding-inline-end:20px;visibility:hidden;line-height:var(--mm-navbar-size);text-decoration:none;-webkit-transition-property:visibility,margin;-o-transition-property:visibility,margin;transition-property:visibility,margin}.mm-searchfield--cancelable .mm-searchfield__cancel{visibility:visible;-webkit-margin-end:0;margin-inline-end:0}.mm-panel--search{left:0!important;right:0!important;width:100%!important;border:none!important}.mm-panel__splash{padding:20px}.mm-panel--searching .mm-panel__splash{display:none}.mm-panel__noresults{display:none;padding:40px 20px;color:var(--mm-color-text-dimmed);text-align:center;font-size:150%;line-height:1.4}.mm-panel--noresults .mm-panel__noresults{display:block}:root{--mm-sectionindexer-size:20px}.mm-sectionindexer{background:inherit;text-align:center;font-size:12px;-webkit-box-sizing:border-box;box-sizing:border-box;width:var(--mm-sectionindexer-size);position:absolute;top:0;bottom:0;inset-inline-end:calc(-1 * var(--mm-sectionindexer-size));z-index:5;-webkit-transition-property:inset-inline-end;-o-transition-property:inset-inline-end;transition-property:inset-inline-end;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly}.mm-sectionindexer a{color:var(--mm-color-text-dimmed);line-height:1;text-decoration:none;display:block}.mm-sectionindexer~.mm-panel{-webkit-padding-end:0;padding-inline-end:0}.mm-sectionindexer--active{right:0}.mm-sectionindexer--active~.mm-panel{-webkit-padding-end:var(--mm-sectionindexer-size);padding-inline-end:var(--mm-sectionindexer-size)}.mm-menu--selected-hover .mm-listitem__btn,.mm-menu--selected-hover .mm-listitem__text,.mm-menu--selected-parent .mm-listitem__btn,.mm-menu--selected-parent .mm-listitem__text{-webkit-transition-property:background-color;-o-transition-property:background-color;transition-property:background-color}@media (hover:hover){.mm-menu--selected-hover .mm-listview:hover>.mm-listitem--selected:not(:hover)>.mm-listitem__text{background:0 0}.mm-menu--selected-hover .mm-listitem__btn:hover,.mm-menu--selected-hover .mm-listitem__text:hover{background:var(--mm-color-background-emphasis)}}.mm-menu--selected-parent .mm-listitem__btn,.mm-menu--selected-parent .mm-listitem__text{-webkit-transition-delay:.2s;-o-transition-delay:.2s;transition-delay:.2s}@media (hover:hover){.mm-menu--selected-parent .mm-listitem__btn:hover,.mm-menu--selected-parent .mm-listitem__text:hover{-webkit-transition-delay:0s;-o-transition-delay:0s;transition-delay:0s}}.mm-menu--selected-parent .mm-panel--parent .mm-listitem:not(.mm-listitem--selected-parent)>.mm-listitem__text{background:0 0}.mm-menu--selected-parent .mm-listitem--selected-parent>.mm-listitem__btn,.mm-menu--selected-parent .mm-listitem--selected-parent>.mm-listitem__text{background:var(--mm-color-background-emphasis)}:root{--mm-sidebar-collapsed-size:50px;--mm-sidebar-expanded-size:var(--mm-max-size)}.mm-wrapper--sidebar-collapsed .mm-slideout{width:calc(100% - var(--mm-sidebar-collapsed-size));-webkit-transform:translate3d(var(--mm-sidebar-collapsed-size),0,0);transform:translate3d(var(--mm-sidebar-collapsed-size),0,0)}[dir=rtl] .mm-wrapper--sidebar-collapsed .mm-slideout{-webkit-transform:none;-ms-transform:none;transform:none}.mm-wrapper--sidebar-collapsed:not(.mm-wrapper--opened) .mm-menu--sidebar-collapsed .mm-divider,.mm-wrapper--sidebar-collapsed:not(.mm-wrapper--opened) .mm-menu--sidebar-collapsed .mm-navbar{opacity:0}.mm-wrapper--sidebar-expanded .mm-menu--sidebar-expanded{width:var(--mm-sidebar-expanded-size);border-right-width:1px;border-right-style:solid}.mm-wrapper--sidebar-expanded.mm-wrapper--opened{overflow:auto}.mm-wrapper--sidebar-expanded.mm-wrapper--opened .mm-wrapper__blocker{display:none}.mm-wrapper--sidebar-expanded.mm-wrapper--opened .mm-slideout{width:calc(100% - var(--mm-sidebar-expanded-size));-webkit-transform:translate3d(var(--mm-sidebar-expanded-size),0,0);transform:translate3d(var(--mm-sidebar-expanded-size),0,0)}[dir=rtl] .mm-wrapper--sidebar-expanded.mm-wrapper--opened .mm-slideout{-webkit-transform:none;-ms-transform:none;transform:none}



/* 515  */
/* Zeigt das Menü auf größeren Bildschirmen permanent an bzw. kein Aufklappen sondern schon da */
@media screen and (min-width: 1024px) {
    :where(.mm-slideout){
        position:relative;
        z-index:1;
        width:100%;
        -webkit-transition-duration:0s !important;
        -o-transition-duration:0s !important;
        transition-duration:0s !important;
        -webkit-transition-timing-function:ease;
        -o-transition-timing-function:ease;
        transition-timing-function:ease;
        -webkit-transition-property:width,-webkit-transform;
        transition-property:width,-webkit-transform;
        -o-transition-property:width,transform;
        transition-property:width,transform;
        transition-property:width,transform,-webkit-transform
    }
}

/* -------------------------------------------------------------------------- */
/* fancybox.css */
/* -------------------------------------------------------------------------- */

:root{--f-button-width: 40px;--f-button-height: 40px;--f-button-border: 0;--f-button-border-radius: 0;--f-button-color: #374151;--f-button-bg: #f8f8f8;--f-button-shadow: none;--f-button-transition: all .15s ease;--f-button-transform: none;--f-button-outline-width: 1px;--f-button-outline-color: rgba(0, 0, 0, .7);--f-button-svg-width: 20px;--f-button-svg-height: 20px;--f-button-svg-stroke-width: 1.5;--f-button-svg-fill: none;--f-button-svg-filter: none;--f-button-svg-opacity: 1;--f-button-svg-disabled-opacity: .5;--f-button-svg-transition: opacity .15s ease;--f-button-svg-transform: none}.f-button{width:var(--f-button-width);height:var(--f-button-height);border:var(--f-button-border);border-radius:var(--f-button-border-radius);color:var(--f-button-color);background:var(--f-button-bg);box-shadow:var(--f-button-shadow);transform:var(--f-button-transform);transition:var(--f-button-transition);backdrop-filter:var(--f-button-backdrop-filter);display:flex;justify-content:center;align-items:center;box-sizing:content-box;position:relative;margin:0;padding:0;pointer-events:all;cursor:pointer;overflow:hidden}@media (hover: hover){.f-button:hover:not([aria-disabled]){color:var(--f-button-hover-color, var(--f-button-color));background-color:var(--f-button-hover-bg, var(--f-button-bg))}}.f-button:active:not([aria-disabled]){color:var(--f-button-active-color, var(--f-button-hover-color, var(--f-button-color)));background-color:var(--f-button-active-bg, var(--f-button-hover-bg, var(--f-button-bg)))}.f-button:focus{outline:none}.f-button:focus-visible{outline:var(--f-button-outline-width) solid var(--f-button-outline-color);outline-offset:var(--f-button-outline-offset);position:relative;z-index:1}.f-button svg{width:var(--f-button-svg-width);height:var(--f-button-svg-height);transform:var(--f-button-svg-transform);fill:var(--f-button-svg-fill);filter:var(--f-button-svg-filter);opacity:var(--f-button-svg-opacity, 1);transition:var(--f-button-svg-transition);stroke:currentColor;stroke-width:var(--f-button-svg-stroke-width);stroke-linecap:round;stroke-linejoin:round;pointer-events:none}.f-button[aria-disabled]{cursor:default}.f-button[aria-disabled] svg{opacity:var(--f-button-svg-disabled-opacity)}:root{--f-spinner-color-1: rgba(0, 0, 0, .1);--f-spinner-color-2: rgba(17, 24, 28, .8);--f-spinner-width: 50px;--f-spinner-height: 50px;--f-spinner-border-radius: 50%;--f-spinner-border-width: 4px}.f-spinner{position:absolute;top:50%;left:50%;margin:calc(var(--f-spinner-width) * -.5) 0 0 calc(var(--f-spinner-height) * -.5);padding:0;width:var(--f-spinner-width);height:var(--f-spinner-height);border-radius:var(--f-spinner-border-radius);border:var(--f-spinner-border-width) solid var(--f-spinner-color-1);border-top-color:var(--f-spinner-color-2);animation:f-spinner .75s linear infinite,f-fadeIn .2s ease .2s both}@keyframes f-spinner{to{transform:rotate(360deg)}}.f-panzoom,.f-zoomable{position:relative;overflow:hidden;display:flex;align-items:center;flex-direction:column}.f-panzoom:before,.f-panzoom:after,.f-zoomable:before,.f-zoomable:after{display:block;content:""}.f-panzoom:not(.has-controls):before,.f-zoomable:not(.has-controls):before{margin-bottom:auto}.f-panzoom:after,.f-zoomable:after{margin-top:auto}.f-panzoom__wrapper{position:relative;min-width:0;min-height:0;max-width:100%;max-height:100%}.f-panzoom__wrapper.will-zoom-out{cursor:zoom-out}.f-panzoom__wrapper.can-drag{cursor:move;cursor:grab}.f-panzoom__wrapper.will-zoom-in{cursor:zoom-in}.f-panzoom__wrapper.is-dragging{cursor:move;cursor:grabbing}.f-panzoom__wrapper.has-error{display:none}.f-panzoom__content{min-width:0;min-height:0;max-width:100%;max-height:100%}.f-panzoom__content.is-lazyloading,.f-panzoom__content.has-lazyerror{visibility:hidden}img.f-panzoom__content{vertical-align:top;object-fit:contain;transition:none;user-select:none}.f-panzoom__wrapper>img.f-panzoom__content,.f-panzoom__wrapper>picture.f-panzoom__content{visibility:hidden}.f-panzoom__viewport{display:block;position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.f-panzoom__viewport>.f-panzoom__content{display:block;width:100%;height:100%;object-fit:fill}picture.f-panzoom__content img{vertical-align:top;width:100%;height:auto;max-height:100%;object-fit:contain;transition:none;user-select:none}.f-panzoom__protected{position:absolute;inset:0;z-index:1;user-select:none}.f-fadeIn{animation:var(--f-transition-duration, .2s) var(--f-transition-easing, ease) var(--f-transition-delay, 0s) both f-fadeIn;z-index:2}.f-fadeOut{animation:var(--f-transition-duration, .2s) var(--f-transition-easing, ease) var(--f-transition-delay, 0s) both f-fadeOut;z-index:1}@keyframes f-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes f-fadeOut{to{opacity:0}}.f-crossfadeIn{animation:var(--f-transition-duration, .2s) ease both f-crossfadeIn;z-index:2}.f-crossfadeOut{animation:calc(var(--f-transition-duration, .2s) * .2) ease calc(var(--f-transition-duration, .2s) * .8) both f-crossfadeOut;z-index:1}@keyframes f-crossfadeIn{0%{opacity:0}to{opacity:1}}@keyframes f-crossfadeOut{to{opacity:0}}.is-horizontal .f-slideIn.from-next{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideInNextX}.is-horizontal .f-slideIn.from-prev{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideInPrevX}.is-horizontal .f-slideOut.to-next{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideOutNextX}.is-horizontal .f-slideOut.to-prev{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideOutPrevX}@keyframes f-slideInPrevX{0%{transform:translate(calc(100% + var(--f-carousel-gap, 0)))}to{transform:translateZ(0)}}@keyframes f-slideInNextX{0%{transform:translate(calc(-100% - var(--f-carousel-gap, 0)))}to{transform:translateZ(0)}}@keyframes f-slideOutNextX{to{transform:translate(calc(-100% - var(--f-carousel-gap, 0)))}}@keyframes f-slideOutPrevX{to{transform:translate(calc(100% + var(--f-carousel-gap, 0)))}}.is-vertical .f-slideIn.from-next{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideInNextY}.is-vertical .f-slideIn.from-prev{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideInPrevY}.is-vertical .f-slideOut.to-next{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideOutNextY}.is-vertical .f-slideOut.to-prev{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideOutPrevY}@keyframes f-slideInPrevY{0%{transform:translateY(calc(100% + var(--f-carousel-gap, 0)))}to{transform:translateZ(0)}}@keyframes f-slideInNextY{0%{transform:translateY(calc(-100% - var(--f-carousel-gap, 0)))}to{transform:translateZ(0)}}@keyframes f-slideOutNextY{to{transform:translateY(calc(-100% - var(--f-carousel-gap, 0)))}}@keyframes f-slideOutPrevY{to{transform:translateY(calc(100% + var(--f-carousel-gap, 0)))}}.f-zoomInUp{animation:var(--f-transition-duration, .3s) ease both f-zoomInUp}.f-zoomOutDown{animation:var(--f-transition-duration, .3s) ease both f-zoomOutDown}@keyframes f-zoomInUp{0%{transform:scale(var(--f-zoomInUp-scale, .975)) translate3d(var(--f-zoomInUp-x, 0),var(--f-zoomInUp-y, 16px),0);opacity:var(--f-zoomInUp-opacity, 0)}to{transform:scale(1) translateZ(0);opacity:1}}@keyframes f-zoomOutDown{to{transform:scale(var(--f-zoomOutDown-scale, .975)) translate3d(var(--f-zoomOutDown-x, 0),var(--f-zoomOutDown-y, 16px),0);opacity:0}}.f-throwOutUp{animation:var(--f-throwOutUp-duration, .2s) ease-out both f-throwOutUp}.f-throwOutDown{animation:var(--f-throwOutDown-duration, .2s) ease-out both f-throwOutDown}@keyframes f-throwOutUp{to{transform:translate3d(0,calc(var(--f-throwOutUp-y, 150px) * -1),0);opacity:0}}@keyframes f-throwOutDown{to{transform:translate3d(0,var(--f-throwOutDown-y, 150px),0);opacity:0}}.has-iframe .f-html,.has-pdf .f-html,.has-gmap .f-html{width:100%;height:100%;min-height:1px;overflow:visible}.has-pdf .f-html,.has-gmap .f-html{padding:0}.f-html{position:relative;box-sizing:border-box;margin:var(--f-html-margin, 0);padding:var(--f-html-padding, 2rem);color:var(--f-html-color, currentColor);background:var(--f-html-bg)}.f-html.is-error{text-align:center}.f-iframe{display:block;margin:0;border:0;height:100%;width:100%}.f-caption{align-self:center;flex-shrink:0;margin:var(--f-caption-margin);padding:var(--f-caption-padding, 16px 8px);max-width:100%;max-height:calc(80vh - 100px);overflow:auto;overflow-wrap:anywhere;line-height:var(--f-caption-line-height);color:var(--f-caption-color);background:var(--f-caption-bg);font:var(--f-caption-font)}.has-html5video .f-html,.has-youtube .f-html,.has-vimeo .f-html{padding:0;width:100%;height:100%;min-height:1px;overflow:visible;max-width:var(--f-video-width, 960px);max-height:var(--f-video-height, 540px);aspect-ratio:var(--f-video-aspect-ratio);background:var(--f-video-bg, rgba(0, 0, 0, .9))}.f-html5video{border:0;display:block;height:100%;width:100%;background:transparent}.f-button.is-arrow{--f-button-width: var(--f-arrow-width, 46px);--f-button-height: var(--f-arrow-height, 46px);--f-button-svg-width: var(--f-arrow-svg-width, 24px);--f-button-svg-height: var(--f-arrow-svg-height, 24px);--f-button-svg-stroke-width: var(--f-arrow-svg-stroke-width, 1.75);--f-button-border-radius: var(--f-arrow-border-radius, unset);--f-button-bg: var(--f-arrow-bg, transparent);--f-button-hover-bg: var(--f-arrow-hover-bg, var(--f-arrow-bg));--f-button-active-bg: var(--f-arrow-active-bg, var(--f-arrow-hover-bg));--f-button-shadow: var(--f-arrow-shadow);--f-button-color: var(--f-arrow-color);--f-button-hover-color: var(--f-arrow-hover-color, var(--f-arrow-color));--f-button-active-color: var( --f-arrow-active-color, var(--f-arrow-hover-color) );overflow:visible}.f-button.is-arrow.is-prev,.f-button.is-arrow.is-next{position:absolute;transform:translate(0);z-index:20}.is-horizontal .f-button.is-arrow.is-prev,.is-horizontal .f-button.is-arrow.is-next{inset:50% auto auto;transform:translateY(-50%)}.is-horizontal.is-ltr .f-button.is-arrow.is-prev{left:var(--f-arrow-pos, 0)}.is-horizontal.is-ltr .f-button.is-arrow.is-next{right:var(--f-arrow-pos, 0)}.is-horizontal.is-rtl .f-button.is-arrow.is-prev{right:var(--f-arrow-pos, 0);transform:translateY(-50%) rotateY(180deg)}.is-horizontal.is-rtl .f-button.is-arrow.is-next{left:var(--f-arrow-pos, 0);transform:translateY(-50%) rotateY(180deg)}.is-vertical.is-ltr .f-button.is-arrow.is-prev,.is-vertical.is-rtl .f-button.is-arrow.is-prev{top:var(--f-arrow-pos, 0);right:auto;bottom:auto;left:50%;transform:translate(-50%)}.is-vertical.is-ltr .f-button.is-arrow.is-next,.is-vertical.is-rtl .f-button.is-arrow.is-next{top:auto;right:auto;bottom:var(--f-arrow-pos, 0);left:50%;transform:translate(-50%)}.is-vertical .f-button.is-arrow.is-prev svg,.is-vertical .f-button.is-arrow.is-next svg{transform:rotate(90deg)}.f-carousel__toolbar{--f-progressbar-height: 100%;display:grid;grid-template-columns:1fr auto 1fr;margin:var(--f-toolbar-margin, 0);padding:var(--f-toolbar-padding, 8px);line-height:var(--f-toolbar-line-height);background:var(--f-toolbar-bg, none);box-shadow:var(--f-toolbar-shadow, none);backdrop-filter:var(--f-toolbar-backdrop-filter);position:relative;z-index:20;color:var(--f-toolbar-color, currentColor);font-size:var(--f-toolbar-font-size, 17px);font-weight:var(--f-toolbar-font-weight, inherit);font-family:var(--f-toolbar-font, -apple-system, BlinkMacSystemFont, "Segoe UI Adjusted", "Segoe UI", "Liberation Sans", sans-serif);text-shadow:var(--f-toolbar-text-shadow);text-align:center;font-variant-numeric:tabular-nums;-webkit-font-smoothing:subpixel-antialiased;white-space:nowrap;pointer-events:none}.f-carousel__toolbar.is-absolute{position:absolute;top:0;left:0;right:0}.f-carousel__toolbar__column{display:flex;flex-direction:row;flex-wrap:wrap;align-content:flex-start;gap:var(--f-toolbar-gap, 0);pointer-events:none}.f-carousel__toolbar__column.is-left{justify-self:flex-start;justify-content:flex-start}.f-carousel__toolbar__column.is-middle{justify-content:center}.f-carousel__toolbar__column.is-right{justify-self:flex-end;justify-content:flex-end;flex-flow:nowrap}.f-carousel__toolbar__column>*{pointer-events:all}.f-carousel:has(.f-carousel__slide.is-fullsize) [data-panzoom-action=toggleFull] g{display:none}[data-autoplay-action=toggle] svg g:first-child{display:flex}[data-autoplay-action=toggle] svg g:last-child{display:none}.has-autoplay [data-autoplay-action=toggle] svg g:first-child{display:none}.has-autoplay [data-autoplay-action=toggle] svg g:last-child{display:flex}:fullscreen [data-fullscreen-action=toggle] svg [data-fullscreen-action=toggle] svg g:first-child{display:none}:fullscreen [data-fullscreen-action=toggle] svg [data-fullscreen-action=toggle] svg g:last-child{display:flex}.f-carousel__counter{position:relative;display:flex;flex-direction:row;cursor:default;user-select:none;margin:var(--f-counter-margin, 0);padding:var(--f-counter-padding, 4px);line-height:var(--f-counter-line-height);background:var(--f-counter-bg);border-radius:var(--f-counter-border-radius)}.f-carousel__counter span{padding:0 var(--f-counter-gap, 4px)}:root{--f-thumbs-gap: 8px;--f-thumbs-margin: 0;--f-thumbs-padding-x: 8px;--f-thumbs-padding-y: 8px;--f-thumbs-z-index: 1;--f-thumb-width: 96px;--f-thumb-height: 72px;--f-thumb-fit: cover;--f-thumb-opacity: 1;--f-thumb-transition: opacity .3s ease, transform .15s ease;--f-thumb-border: none;--f-thumb-border-radius: 4px;--f-thumb-transfors: none;--f-thumb-shadow: none;--f-thumb-bg: linear-gradient(rgba(0, 0, 0, .1), rgba(0, 0, 0, .05));--f-thumb-focus-shadow: inset 0 0 0 .8px #222, inset 0 0 0 2.25px #fff;--f-thumb-selected-shadow: inset 0 0 0 .8px #222, inset 0 0 0 2.25px #fff}.f-thumbs{--f-carousel-slide-width: calc(var(--f-thumb-width) + var(--f-thumbs-gap));--f-carousel-slide-height: calc(var(--f-thumb-height) + var(--f-thumbs-gap));--f-carousel-gap: 0;flex-shrink:0;margin:var(--f-thumbs-margin);padding:0;background:var(--f-thumbs-bg);-webkit-tap-highlight-color:transparent;user-select:none;transition:max-height .3s ease,max-width .3s ease;z-index:var(--f-thumbs-z-index);overflow:hidden}.f-thumbs.is-horizontal{max-height:calc(var(--f-carousel-slide-height) + var(--f-thumbs-padding-y) * 2 + var(--f-thumbs-gap) * 2)}.f-thumbs.is-vertical{max-width:calc(var(--f-carousel-slide-width) + var(--f-thumbs-padding-x) * 2 + var(--f-thumbs-gap) * 2)}.f-thumbs__viewport{margin:var(--f-thumbs-padding-y) var(--f-thumbs-padding-x);overflow:visible;display:grid}.f-thumbs.is-vertical .f-thumbs__viewport{height:calc(100% - var(--f-thumbs-padding-y) * 2)}.f-thumbs__slide{position:relative;grid-area:1/1;display:flex;align-items:center;flex-direction:column;width:var(--f-carousel-slide-width);height:var(--f-carousel-slide-height);margin:0;padding:calc(var(--f-thumbs-gap) * .5);cursor:pointer;overflow:visible}.f-thumbs__slide:hover button{opacity:var(--f-thumb-hover-opacity, 1);transform:var(--f-thumb-hover-transform, none)}.f-thumbs__slide:hover button:after{border:var(--f-thumb-hover-border, none);box-shadow:var(--f-thumb-hover-shadow, var(--f-thumb-shadow))}.f-thumbs__slide button{all:unset;margin:auto;padding:0;position:relative;overflow:visible;width:100%;height:100%;outline:none;transition:var(--f-thumb-transition);border-radius:var(--f-thumb-border-radius);opacity:var(--f-thumb-opacity);transform:var(--f-thumb-transform);background:var(--f-thumb-bg)}.f-thumbs__slide button:after{content:"";position:absolute;inset:0;z-index:1;transition:none;border-radius:inherit;border:var(--f-thumb-border);box-shadow:var(--f-thumb-shadow)}.f-thumbs__slide button:focus-within{opacity:var(--f-thumb-focus-opacity, 1);transform:var(--f-thumb-focus-transform, none)}.f-thumbs__slide button:focus-within:after{border:var(--f-thumb-focus-border, none);box-shadow:var(--f-thumb-focus-shadow, var(--f-thumb-shadow))}.f-thumbs__slide:active{opacity:var(--f-thumb-active-opacity, 1);transform:var(--f-thumb-active-transform, none)}.f-thumbs__slide:active:after{border:var(--f-thumb-active-border, none);box-shadow:var(--f-thumb-active-shadow, var(--f-thumb-shadow))}.f-thumbs__slide.is-selected{z-index:2}.f-thumbs__slide.is-selected button{opacity:var(--f-thumb-selected-opacity, 1);transform:var(--f-thumb-selected-transform, none)}.f-thumbs__slide.is-selected button:after{border:var(--f-thumb-selected-border, none);box-shadow:var(--f-thumb-selected-shadow, var(--f-thumb-shadow))}.f-thumbs__slide img{display:block;width:100%;height:100%;object-fit:var(--f-thumb-fit);border-radius:inherit;pointer-events:none}.f-thumbs__slide img.has-lazyerror{display:none}.f-thumbs.is-modern{--f-thumb-clip-width: 46px;--f-thumb-extra-gap: 16px;--f-carousel-slide-width: calc( var(--f-thumb-clip-width) + var(--f-thumbs-gap) );--f-carousel-slide-height: var(--f-thumb-height);--width-diff: calc((var(--f-thumb-width) - var(--f-thumb-clip-width)))}.f-thumbs.is-modern .f-thumbs__viewport{width:calc(100% + var(--width-diff) * 2);margin-left:calc(var(--width-diff) * -1)}.f-thumbs.is-modern .f-thumbs__slide{--clip-shift: calc((var(--width-diff) * .5) * var(--progress));--clip-path: inset( 0 var(--clip-shift) round var(--f-thumb-border-radius, 0) );padding:0;overflow:visible;left:var(--shift, 0);will-change:left;transition:left var(--f-transition-duration) var(--f-transition-easing)}.f-thumbs.is-modern .f-thumbs__slide button{display:block;margin-left:-50%;width:var(--f-thumb-width);clip-path:var(--clip-path);border:none;box-shadow:none;transition:clip-path var(--f-transition-duration) var(--f-transition-easing),opacity var(--f-thumb-transition-duration, .2s) var(--f-thumb-transition-easing, ease)}.f-thumbs.is-modern .f-thumbs__slide button:after{display:none}.f-thumbs.is-modern .f-thumbs__slide:focus:not(:focus-visible){outline:none}.f-thumbs.is-modern .f-thumbs__slide:focus-within:not(.is-selected) button:before{content:"";position:absolute;z-index:1;top:0;left:var(--clip-shift);bottom:0;right:var(--clip-shift);transition:border var(--f-transition-duration) var(--f-transition-easing),box-shadow var(--f-transition-duration) var(--f-transition-easing);border-radius:inherit;border:var(--f-thumb-focus-border, none);box-shadow:var(--f-thumb-focus-shadow, none)}.f-thumbs.is-modern{--f-transition-duration: .25s;--f-transition-easing: ease-out}.f-thumbs.is-modern.is-syncing{--f-transition-duration: 0s}.f-progressbar{position:absolute;top:0;left:0;right:0;z-index:30;height:var(--f-progressbar-height, 3px);transform:scaleX(0);transform-origin:0;background:var(--f-progressbar-color, var(--f-carousel-theme-color, #575ad6));user-select:none;pointer-events:none;animation-name:f-progressbar;animation-play-state:running;animation-timing-function:linear}@keyframes f-progressbar{0%{transform:scaleX(0)}to{transform:scaleX(1)}}[data-fullscreen-action=toggle] svg g:first-child{display:flex}[data-fullscreen-action=toggle] svg g:last-child{display:none}:fullscreen [data-fullscreen-action=toggle] svg g:first-child{display:none}:fullscreen [data-fullscreen-action=toggle] svg g:last-child{display:flex}.in-fullscreen-mode>.f-carousel{flex:1;min-width:0!important;min-height:0!important}html.with-fancybox{width:auto;overflow:visible;scroll-behavior:auto}html.with-fancybox body{touch-action:none}html.with-fancybox body.hide-scrollbar{width:auto;margin-right:calc(var(--f-body-margin, 0px) + var(--f-scrollbar-compensate, 0px));overflow:hidden!important;overscroll-behavior-y:none}.fancybox__dialog{width:100%;height:100vh;max-height:unset;max-width:unset;padding:0;margin:0;border:0;overflow:hidden;background:transparent}.fancybox__dialog:focus{outline:none}.fancybox__dialog::backdrop{opacity:0}@supports (height: 100dvh){.fancybox__dialog{height:100dvh}}.fancybox__container{--fancybox-color: #dbdbdb;--fancybox-backdrop-bg: rgba(24, 24, 27, .95);--f-toolbar-margin: 0;--f-toolbar-padding: 8px;--f-toolbar-gap: 0;--f-toolbar-color: #ddd;--f-toolbar-font-size: 16px;--f-toolbar-font-weight: 500;--f-toolbar-font: -apple-system, BlinkMacSystemFont, "Segoe UI Adjusted", "Segoe UI", "Liberation Sans", sans-serif;--f-toolbar-line-height: var(--f-button-height);--f-toolbar-text-shadow: 1px 1px 1px rgba(0, 0, 0, .75);--f-toolbar-shadow: none;--f-toolbar-bg: none;--f-counter-margin: 0;--f-counter-padding: 0px 10px;--f-counter-gap: 4px;--f-counter-line-height: var(--f-button-height);--f-carousel-gap: 17px;--f-carousel-slide-width: 100%;--f-carousel-slide-height: 100%;--f-carousel-slide-padding: 0;--f-carousel-slide-bg: unset;--f-html-color: #222;--f-html-bg: #fff;--f-error-color: #fff;--f-error-bg: #333;--f-caption-margin: 0;--f-caption-padding: 16px 8px;--f-caption-color: var(--fancybox-color, #dbdbdb);--f-caption-bg: transparent;--f-caption-font: inherit;--f-caption-line-height: 1.375;--f-spinner-color-1: rgba(255, 255, 255, .2);--f-spinner-color-2: rgba(255, 255, 255, .8);--f-spinner-width: 50px;--f-spinner-height: 50px;--f-spinner-border-radius: 50%;--f-spinner-border-width: 4px;--f-progressbar-color: rgba(255, 255, 255, .2);--f-button-width: 46px;--f-button-height: 46px;--f-button-color: #ddd;--f-button-hover-color: #fff;--f-button-outline-width: 1px;--f-button-outline-color: rgba(255, 255, 255, .75);--f-button-outline-offset: 0px;--f-button-bg: rgba(54, 54, 54, .75);--f-button-border: 0;--f-button-border-radius: 0;--f-button-shadow: none;--f-button-transition: all .2s ease;--f-button-transform: none;--f-button-svg-width: 24px;--f-button-svg-height: 24px;--f-button-svg-stroke-width: 1.75;--f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24, 24, 27, .01)), drop-shadow(1px 2px 1px rgba(24, 24, 27, .05));--f-button-svg-fill: none;--f-button-svg-disabled-opacity: .5;--f-arrow-pos: 32px;--f-arrow-width: 50px;--f-arrow-height: 50px;--f-arrow-svg-width: 24px;--f-arrow-svg-height: 24px;--f-arrow-svg-stroke-width: 2;--f-arrow-border-radius: 50%;--f-arrow-bg: rgba(54, 54, 54, .65);--f-arrow-color: #ddd;--f-arrow-hover-color: #fff;--f-thumbs-margin: 0px;--f-thumbs-padding-x: 8px;--f-thumbs-padding-y: 8px;--f-thumbs-bg: none;--f-thumb-transition: all .2s ease;--f-thumb-width: 94px;--f-thumb-height: 76px;--f-thumb-opacity: 1;--f-thumb-border: none;--f-thumb-shadow: none;--f-thumb-transform: none;--f-thumb-focus-opacity: 1;--f-thumb-focus-border: none;--f-thumb-focus-shadow: inset 0 0 0 2px rgba(255, 255, 255, .65);--f-thumb-focus-transform: none;--f-thumb-hover-opacity: 1;--f-thumb-hover-border: none;--f-thumb-hover-transform: none;--f-thumb-active-opacity: var(--f-thumb-hover-opacity);--f-thumb-active-border: var(--f-thumb-hover-border);--f-thumb-active-transform: var(--f-thumb-hover-transform);--f-thumb-selected-opacity: 1;--f-thumb-selected-border: none;--f-thumb-selected-shadow: inset 0 0 0 2px #fff;--f-thumb-selected-transform: none;position:absolute;inset:0;overflow:hidden;outline:none;display:flex;flex-direction:column}.fancybox__container[theme=light]{--fancybox-color: #222;--fancybox-backdrop-bg: rgba(255, 255, 255, .97);--f-toolbar-color: var(--fancybox-color, #222);--f-toolbar-text-shadow: none;--f-toolbar-font-weight: 400;--f-html-color: var(--fancybox-color, #222);--f-html-bg: #fff;--f-error-color: #555;--f-error-bg: #fff;--f-video-bg: #fff;--f-caption-color: #333;--f-spinner-color-1: rgba(0, 0, 0, .2);--f-spinner-color-2: rgba(0, 0, 0, .8);--f-spinner-border-width: 3.5px;--f-progressbar-color: rgba(111, 111, 116, .2);--f-button-color: #333;--f-button-hover-color: #000;--f-button-outline-color: rgba(0, 0, 0, .85);--f-button-bg: rgba(255, 255, 255, .85);--f-button-svg-stroke-width: 1.3;--f-button-svg-filter: none;--f-arrow-bg: rgba(255, 255, 255, .85);--f-arrow-color: #333;--f-arrow-hover-color: #000;--f-arrow-svg-stroke-width: 1.3;--f-close-button-color: #555;--f-close-button-hover-color: #000;--f-thumb-bg: linear-gradient(#ebeff2, #e2e8f0);--f-thumb-focus-shadow: 0 0 0 1.8px #fff, 0px 0px 0px 2.25px #888;--f-thumb-selected-shadow: 0 0 0 1.8px #fff, 0px 0px 0px 2.25px #000}.fancybox__container::backdrop{background-color:transparent}.fancybox__container.has-vertical-thumbs{flex-direction:row-reverse}.fancybox__container.has-vertical-thumbs:not(.is-closing) .fancybox__viewport{overflow-x:clip;overflow-y:visible}.fancybox__container>*:not(.fancybox__carousel),.fancybox__container .fancybox__carousel>*:not(.fancybox__viewport),.fancybox__container .fancybox__carousel>.fancybox__viewport>.fancybox__slide:not(.is-selected),.fancybox__container .fancybox__carousel>.fancybox__viewport>.fancybox__slide.is-selected>*:not(.f-html,.f-panzoom__wrapper,.f-spinner){opacity:var(--f-drag-opacity, 1)}.fancybox__container:not(.is-ready,.is-hiding){visibility:hidden}.fancybox__container.is-revealing>*:not(.fancybox__carousel),.fancybox__container.is-revealing .fancybox__carousel>*:not(.fancybox__viewport),.fancybox__container.is-revealing .fancybox__carousel>.fancybox__viewport>.fancybox__slide:not(.is-selected),.fancybox__container.is-revealing .fancybox__carousel>.fancybox__viewport>.fancybox__slide.is-selected>*:not(.f-html,.f-panzoom__wrapper,.f-spinner){animation:var(--f-interface-enter-duration, .35s) ease none f-fadeIn}.fancybox__container.is-hiding>*:not(.fancybox__carousel),.fancybox__container.is-hiding .fancybox__carousel>*:not(.fancybox__viewport),.fancybox__container.is-hiding .fancybox__carousel>.fancybox__viewport>.fancybox__slide:not(.is-selected),.fancybox__container.is-hiding .fancybox__carousel>.fancybox__viewport>.fancybox__slide.is-selected>*:not(.f-html,.f-panzoom__wrapper){animation:var(--f-interface-exit-duration, .35s) ease forwards f-fadeOut}.fancybox__container.is-idle .f-carousel__toolbar{pointer-events:none;opacity:0}.fancybox__container.is-idle .f-button.is-arrow{opacity:0}.fancybox__container.is-idle.is-ready .f-carousel__toolbar{pointer-events:none;animation:.15s ease-out both f-fadeOut}.fancybox__container.is-idle.is-ready .f-button.is-arrow{animation:.15s ease-out both f-fadeOut}.fancybox__backdrop{position:fixed;inset:0;z-index:-1;background:var(--fancybox-backdrop-bg)}.fancybox__carousel{flex:1;display:flex;flex-direction:column;min-height:0;min-width:0;position:relative;z-index:10;overflow-y:visible;overflow-x:clip}.fancybox__carousel.is-vertical{--f-carousel-slide-height: 100%}.fancybox__carousel.is-ltr{direction:ltr}.fancybox__carousel.is-rtl{direction:rtl}.fancybox__carousel>.f-button.is-arrow:before{position:absolute;content:"";inset:-30px;z-index:1}.fancybox__carousel>.f-progressbar{background-color:var(--fancybox-color)}.fancybox__viewport{display:grid;flex:1;min-height:0;min-width:0;position:relative;overflow:visible;transform:translate3d(0,var(--f-drag-offset, 0),0)}.fancybox__viewport.is-draggable{cursor:move;cursor:grab}.fancybox__viewport.is-dragging{cursor:move;cursor:grabbing}.fancybox__viewport [data-selectable],.fancybox__viewport [contenteditable]{cursor:auto}.fancybox__slide{box-sizing:border-box;position:relative;grid-area:1/1;display:flex;align-items:center;flex-direction:column;width:var(--f-carousel-slide-width);height:var(--f-carousel-slide-height);min-width:0;min-height:0;max-width:100%;margin:0;padding:var(--f-carousel-slide-padding);background:var(--f-carousel-slide-bg);backface-visibility:hidden;transform:translateZ(0);will-change:transform}.fancybox__slide:before,.fancybox__slide:after{display:block;content:""}.fancybox__slide:before{margin-bottom:auto}.fancybox__slide:after{margin-top:auto}.fancybox__slide.is-selected{z-index:1}.fancybox__slide.f-zoomable{overflow:visible}.fancybox__slide.has-error{--f-html-color: var(--f-error-color, --f-html-color);--f-html-bg: var(--f-error-bg, --f-html-bg)}.fancybox__slide.has-html{overflow:auto;padding:8px}.fancybox__slide.has-close-btn{padding-top:34px}.fancybox__slide .f-button[data-fancybox-close]{--f-button-width: var(--f-close-button-width, 34px);--f-button-height: var(--f-close-button-height, 34px);--f-button-border-radius: var(--f-close-border-radius, 4px);--f-button-color: var(--f-close-button-color, #fff);--f-button-hover-color: var(--f-close-button-hover-color, #fff);--f-button-bg: var(--f-close-button-bg, transparent);--f-button-hover-bg: var(--f-close-button-hover-bg, transparent);--f-button-active-bg: var(--f-close-button-active-bg, transparent);--f-button-svg-width: var(--f-close-button-svg-width, 22px);--f-button-svg-height: var(--f-close-button-svg-height, 22px);position:absolute;top:calc(var(--f-button-height) * -1);right:0;z-index:40}.fancybox__slide .f-spinner{cursor:pointer}.fancybox__container.is-closing .f-caption,.fancybox__slide.is-loading .f-caption{visibility:hidden}.fancybox__container.is-closing .fancybox__carousel{overflow:visible}


/* -------------------------------------------------------------------------- */
/* Allgemein für die Seite */
/* -------------------------------------------------------------------------- */


#page {
    min-height: 100vh;
/*    height: 100vh;*/
/*    border: 2px solid red;*/
}

            .mm-wrapper--sidebar-expanded.mm-wrapper--opened #header a {
                display: none;
            }

            .mm-navbar--tabs span {
                display: inline-block;
                margin-inline-start: 0px;
            }

            @media (max-width: 450px) {
                .mm-navbar--tabs span {
                    display: none;
                }
            }
/*            */
            #header {
/*                background-color: #222;*/
            }

            header {
                background-color: #444;
                color: #ddd;
                height: 80px;
            }

            header p {
                margin: 0;
            }


            #kopf_links {
                width: 220px;
                height: auto;
                float: left;
            }

            #kopf_rechts {
                text-align: right;
                padding: 1em 2em;
/*                padding: 1em 2em 0 60px;*/
/*                background-color: yellow;*/
            }

            nav,
            #panel-menu,
            #menu {
                border-right: 5px solid silver;
            }
/*
    footer {
        position: absolute;
        width: 100%;
        bottom: 0px;
        font-size: 12px;
        text-align: center;
        background-color: #444;
        color: #ddd;    
    }

    footer p {
        margin: 0;
        padding: 0;
    }
*/




/*  ===================================  */
/*  fussbereich */
/*  ===================================  */

footer {
    font-size: 80%;
}

#wprojekte,    
#footerEbookVideos {
    /* Abstand zum Rand */
    padding: 10px;
}
    
#footerEbookVideos {
    background-color: #eee;
    display: flex;
}

#footerEbookVideos div {
    flex: 1;
}

#footerEbookVideos div p:nth-child(1) {
    padding-bottom: 1em;
}

#footerEbookVideos div:nth-child(2) {
    text-align: right;
}


/* 300 152 */
/*
@media screen and (max-width:750px) { #footerEbookVideos img {  width: 250px; height:  auto; } }    
@media screen and (max-width:550px) { #footerEbookVideos img {  width: 200px; height:  auto; } }    
@media screen and (max-width:420px) { #footerEbookVideos img {  width: 150px; height:  auto; } }    
@media screen and (max-width:330px) { #footerEbookVideos img {  width: 110px; height:  auto; } }    
*/

@media screen and (max-width:750px) { footer img {  width: auto; height:  150px; } }    
@media screen and (max-width:550px) { footer img {  width: auto; height:  130px; } }    
@media screen and (max-width:420px) { footer img {  width: auto; height:  100px; } }    
@media screen and (max-width:330px) { footer img {  width: auto; height:  80px; } }  

@media only screen and ( max-width: 50px ) {
    #footerEbookVideos {
        flex-direction: column;
    }

    .bildebookvideofussbereich {
        max-width: 300px;
    }
    
    #footerEbookVideos img {
        object-fit: contain;
        width: 100%;
    }
    
    #footerEbookVideos div:nth-child(2) {
        margin-top: 20px;
        text-align: left;
    }    
}


#wprojekte,    
#copyright,
#copyright a {
    color: #ddd;    
}
    
#wprojekte {
    background-color: #115a88;
}
    
#wprojekte strong {
    color: silver;
    letter-spacing: .1em;
}

#wprojekte b {
    font-weight: normal;
    border-bottom: 1px dashed silver;
}
    
#wprojekte a {
    color: #fff;
    text-decoration: none;
}

#wprojekte a:hover {
    text-decoration: underline;
}
    
#wprojekte #spalten {
    display: flex;
}

#wprojekte #spalten div {
    flex: 1;
}   

#wprojekte #spalten ul {
    margin-left: 0em; /* 1.2em */
    margin-top: .3em;
    padding-left: 1.1em;
    list-style-type: square;
}

#wprojekte a[href^="https://"] {
    background: none;
    padding-left: 0px;
}

@media only screen and ( max-width: 600px ) {
    #wprojekte #spalten {
        flex-direction: column;
    }
    
    #wprojekte #spalten div:nth-child(2) {
        margin-top: 1em;
        margin-bottom: 1em;
    }
    
    #wprojekte #spalten ul {
        display: inline-block;
        padding-left: 0;
    }
    
    #wprojekte li {
        display: inline-block;
        padding-right: 1em;
        margin-right: 1em;
        border-right: 1px solid silver;
    }

    #wprojekte li:last-child {
        padding-right: 0;
        margin-right: 0;
        border-right: 0;
    }
}
    
 
    


#copyright {
    color: #ddd;
    text-align: center;
    background-color: #1472a7;
    padding: .5em 0;
    border-radius: 0 0 1em 1em;
}
    
#copyright a {
    text-decoration: none;
}    

#copyright a:hover {
    color: white;
    text-decoration: underline;
}




/*  ===================================  */
/*   */
/*  ===================================  */


.mm-listitem__text {
    white-space: normal !important;
/*
    padding-left: 10px;
    padding-right: 20px;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: normal !important;
*/    
}     
.Selected {
    background-color: yellow;
}    

@media (max-width: 450px) {
    .mm-navbar--tabs span {
        display: none;
    }
}   


:root {
    --mm-sidebar-collapsed-size: 0px;
    --mm-max-size: 374px;

    --mm-sidebar-expanded-size: var(--mm-max-size);

}

#header .anzeigen_link {
    margin-left: 40px;
    margin-right: 0;
    padding-right: 0;
    padding-top: .5em;
}

#header .anzeigen_link a {
    display: inline-block !important;
    text-decoration: none;
}

#header .anzeigen_link a:hover {
    display: inline-block !important;
    text-decoration: underline;
}

#header .trenner {

}



/* 35.5em = 568 */
@media only screen and (max-width: 35.5em){
    .fussplatzmangel {
        display:none;
    }

    .trenner::after {
      content: '';  /*  ■  ▮ */
      display: none;
    }    

    #header,
    header {
        font-size: 70%;
        line-height: 1.2em;
    }


}







/* -----------------------------------  */
/* Vor-Zurück-Steuerung nach Inhalt     */
/* -----------------------------------  */
#nav_unten {
  padding-top: 20px;
  display: flex;
  width: 95%;
  font-size: 80%;
}

#nav_unten a {
  text-decoration: none;
  color: #666;
}

#nav_unten a:hover {
  text-decoration: underline;
  color: black;
}

#nav_unten_zurueck {
  display: block;
/*  width: 40%;*/
  background-color: #EFEFEF;
  border: 10px solid #EFEFEF;
/*  border-right: dotted 1px silver;*/
  flex: 50%;
  order: 1;
  margin-right: 10px;
  border-radius: 10px 0 0 10px;
  box-shadow: 2px 2px 10px silver;
}

#nav_unten_zurueck span+span {
  display: block;
  margin-left: 22px;
}

#nav_unten_zurueck_pfeil {
  float: left;
  width: 0px;
  height: 0px;

  border-top: 8px solid transparent; 
  border-right: 8px solid #333; 
  border-bottom: 8px solid transparent;
  border-left: 0px solid transparent;
}

a:hover #nav_unten_zurueck {
  background-color: #DBDBDB;
}

a:hover #nav_unten_zurueck_pfeil {
    border-right: 8px solid red;
}


#nav_unten_weiter {
  display: block;
  width: 45%;
  background-color: #EFEFEF;
  border: 10px solid #EFEFEF;
  border-left: dotted 1px silver;
  /* float: right; */
  flex: 50%;
  order: 3;
  margin-left: 10px;
  border-radius: 0 10px 10px 0;
  box-shadow: 2px 2px 10px silver;
}

#nav_unten_weiter span+span {
  display: block;
  text-align: right;
  margin-right: 22px;
}

#nav_unten_weiter_pfeil {
    float: right;
    width: 0px;
    height: 0px;

    border-top: 8px solid transparent; 
    border-right: 0px solid transparent;
    border-bottom: 8px solid transparent;
    border-left: 8px solid #333; 
}

a:hover #nav_unten_weiter_pfeil {
    border-left: 8px solid red; 
}

#nav_unten_anfang {
    flex: 40px;
    text-align: center;
    order: 2;
}

#nav_unten_anfang_pfeil {
    /* display: absolut; */
    text-align: center;

    width: 0px;
    height: 0px;

    border-top: 0px solid transparent; 
    border-right: 8px solid transparent;
    border-bottom: 8px solid #333;  
    border-left: 8px solid transparent;     
}

a:hover #nav_unten_anfang_pfeil {
    border-bottom: 8px solid red;  
}



/* -----------------------------------  */
/* Social-Bookmarks                     */
/* -----------------------------------  */

.twitter {
  background-image:
    url('data:image/svg+xml;utf8,<svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>Twitter icon</title><path d="M23.954 4.569c-.885.389-1.83.654-2.825.775 1.014-.611 1.794-1.574 2.163-2.723-.951.555-2.005.959-3.127 1.184-.896-.959-2.173-1.559-3.591-1.559-2.717 0-4.92 2.203-4.92 4.917 0 .39.045.765.127 1.124C7.691 8.094 4.066 6.13 1.64 3.161c-.427.722-.666 1.561-.666 2.475 0 1.71.87 3.213 2.188 4.096-.807-.026-1.566-.248-2.228-.616v.061c0 2.385 1.693 4.374 3.946 4.827-.413.111-.849.171-1.296.171-.314 0-.615-.03-.916-.086.631 1.953 2.445 3.377 4.604 3.417-1.68 1.319-3.809 2.105-6.102 2.105-.39 0-.779-.023-1.17-.067 2.189 1.394 4.768 2.209 7.557 2.209 9.054 0 13.999-7.496 13.999-13.986 0-.209 0-.42-.015-.63.961-.689 1.8-1.56 2.46-2.548l-.047-.02z"/></svg>');
}

.whatsapp {
  background-image:
    url('data:image/svg+xml;utf8,<svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>WhatsApp icon</title><path d="M17.498 14.382c-.301-.15-1.767-.867-2.04-.966-.273-.101-.473-.15-.673.15-.197.295-.771.964-.944 1.162-.175.195-.349.21-.646.075-.3-.15-1.263-.465-2.403-1.485-.888-.795-1.484-1.77-1.66-2.07-.174-.3-.019-.465.13-.615.136-.135.301-.345.451-.523.146-.181.194-.301.297-.496.1-.21.049-.375-.025-.524-.075-.15-.672-1.62-.922-2.206-.24-.584-.487-.51-.672-.51-.172-.015-.371-.015-.571-.015-.2 0-.523.074-.797.359-.273.3-1.045 1.02-1.045 2.475s1.07 2.865 1.219 3.075c.149.195 2.105 3.195 5.1 4.485.714.3 1.27.48 1.704.629.714.227 1.365.195 1.88.121.574-.091 1.767-.721 2.016-1.426.255-.705.255-1.29.18-1.425-.074-.135-.27-.21-.57-.345m-5.446 7.443h-.016c-1.77 0-3.524-.48-5.055-1.38l-.36-.214-3.75.975 1.005-3.645-.239-.375c-.99-1.576-1.516-3.391-1.516-5.26 0-5.445 4.455-9.885 9.942-9.885 2.654 0 5.145 1.035 7.021 2.91 1.875 1.859 2.909 4.35 2.909 6.99-.004 5.444-4.46 9.885-9.935 9.885M20.52 3.449C18.24 1.245 15.24 0 12.045 0 5.463 0 .104 5.334.101 11.893c0 2.096.549 4.14 1.595 5.945L0 24l6.335-1.652c1.746.943 3.71 1.444 5.71 1.447h.006c6.585 0 11.946-5.336 11.949-11.896 0-3.176-1.24-6.165-3.495-8.411"/></svg>');
}

.facebook {
  background-image:
    url('data:image/svg+xml;utf8,<svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>Facebook icon</title><path d="M22.676 0H1.324C.593 0 0 .593 0 1.324v21.352C0 23.408.593 24 1.324 24h11.494v-9.294H9.689v-3.621h3.129V8.41c0-3.099 1.894-4.785 4.659-4.785 1.325 0 2.464.097 2.796.141v3.24h-1.921c-1.5 0-1.792.721-1.792 1.771v2.311h3.584l-.465 3.63H16.56V24h6.115c.733 0 1.325-.592 1.325-1.324V1.324C24 .593 23.408 0 22.676 0"/></svg>');
}

.pinterest {
  background-image:
    url('data:image/svg+xml;utf8,<svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>Pinterest icon</title><path d="M12.017 0C5.396 0 .029 5.367.029 11.987c0 5.079 3.158 9.417 7.618 11.162-.105-.949-.199-2.403.041-3.439.219-.937 1.406-5.957 1.406-5.957s-.359-.72-.359-1.781c0-1.663.967-2.911 2.168-2.911 1.024 0 1.518.769 1.518 1.688 0 1.029-.653 2.567-.992 3.992-.285 1.193.6 2.165 1.775 2.165 2.128 0 3.768-2.245 3.768-5.487 0-2.861-2.063-4.869-5.008-4.869-3.41 0-5.409 2.562-5.409 5.199 0 1.033.394 2.143.889 2.741.099.12.112.225.085.345-.09.375-.293 1.199-.334 1.363-.053.225-.172.271-.401.165-1.495-.69-2.433-2.878-2.433-4.646 0-3.776 2.748-7.252 7.92-7.252 4.158 0 7.392 2.967 7.392 6.923 0 4.135-2.607 7.462-6.233 7.462-1.214 0-2.354-.629-2.758-1.379l-.749 2.848c-.269 1.045-1.004 2.352-1.498 3.146 1.123.345 2.306.535 3.55.535 6.607 0 11.985-5.365 11.985-11.987C23.97 5.39 18.592.026 11.985.026L12.017 0z"/></svg>');
}

.linkedin {
  background-image:
    url('data:image/svg+xml;utf8,<svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>LinkedIn icon</title><path d="M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433c-1.144 0-2.063-.926-2.063-2.065 0-1.138.92-2.063 2.063-2.063 1.14 0 2.064.925 2.064 2.063 0 1.139-.925 2.065-2.064 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z"/></svg>');
}

.xing {
  background-image:
    url('data:image/svg+xml;utf8,<svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>Xing icon</title><path d="M18.188 0c-.517 0-.741.325-.927.66 0 0-7.455 13.224-7.702 13.657.015.024 4.919 9.023 4.919 9.023.17.308.436.66.967.66h3.454c.211 0 .375-.078.463-.22.089-.151.089-.346-.009-.536l-4.879-8.916c-.004-.006-.004-.016 0-.022L22.139.756c.095-.191.097-.387.006-.535C22.056.078 21.894 0 21.686 0h-3.498zM3.648 4.74c-.211 0-.385.074-.473.216-.09.149-.078.339.02.531l2.34 4.05c.004.01.004.016 0 .021L1.86 16.051c-.099.188-.093.381 0 .529.085.142.239.234.45.234h3.461c.518 0 .766-.348.945-.667l3.734-6.609-2.378-4.155c-.172-.315-.434-.659-.962-.659H3.648v.016z"/></svg>');
}

.tumblr {
  background-image:
    url('data:image/svg+xml;utf8,<svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>Tumblr icon</title><path d="M14.563 24c-5.093 0-7.031-3.756-7.031-6.411V9.747H5.116V6.648c3.63-1.313 4.512-4.596 4.71-6.469C9.84.051 9.941 0 9.999 0h3.517v6.114h4.801v3.633h-4.82v7.47c.016 1.001.375 2.371 2.207 2.371h.09c.631-.02 1.486-.205 1.936-.419l1.156 3.425c-.436.636-2.4 1.374-4.156 1.404h-.178l.011.002z"/></svg>');
}

.flattr {
  background-image:
    url('data:image/svg+xml;utf8,<svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>Flattr icon</title><path d="M1.906 12C1.906 6.432 6.432 1.906 12 1.906c.048 0 4.003 0 5.455.002L14.53 4.834l1.344 1.344L21.903 0H12C5.373 0 0 5.373 0 12v9.331l1.91-1.759v-.096c-.002-.244-.004-7.404-.004-7.476zM24 2.668l-1.91 1.76v.096L22.093 12c0 5.568-4.528 10.094-10.093 10.094-.048 0-4.003 0-5.455-.002l2.925-2.926-1.344-1.344L2.097 24H12c6.627 0 12-5.373 12-12V2.668z"/></svg>');
}

.reddit {
  background-image:
  url('data:image/svg+xml;utf8,<svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>Reddit icon</title><path d="M2.204 14.049c-.06.276-.091.56-.091.847 0 3.443 4.402 6.249 9.814 6.249 5.41 0 9.812-2.804 9.812-6.249 0-.274-.029-.546-.082-.809l-.015-.032c-.021-.055-.029-.11-.029-.165-.302-1.175-1.117-2.241-2.296-3.103-.045-.016-.088-.039-.126-.07-.026-.02-.045-.042-.067-.064-1.792-1.234-4.356-2.008-7.196-2.008-2.815 0-5.354.759-7.146 1.971-.014.018-.029.033-.049.049-.039.033-.084.06-.13.075-1.206.862-2.042 1.937-2.354 3.123 0 .058-.014.114-.037.171l-.008.015zm9.773 5.441c-1.794 0-3.057-.389-3.863-1.197-.173-.174-.173-.457 0-.632.176-.165.46-.165.635 0 .63.629 1.685.943 3.228.943 1.542 0 2.591-.3 3.219-.929.165-.164.45-.164.629 0 .165.18.165.465 0 .645-.809.808-2.065 1.198-3.862 1.198l.014-.028zm-3.606-7.573c-.914 0-1.677.765-1.677 1.677 0 .91.763 1.65 1.677 1.65s1.651-.74 1.651-1.65c0-.912-.739-1.677-1.651-1.677zm7.233 0c-.914 0-1.678.765-1.678 1.677 0 .91.764 1.65 1.678 1.65s1.651-.74 1.651-1.65c0-.912-.739-1.677-1.651-1.677zm4.548-1.595c1.037.833 1.8 1.821 2.189 2.904.45-.336.719-.864.719-1.449 0-1.002-.815-1.816-1.818-1.816-.399 0-.778.129-1.09.363v-.002zM2.711 9.963c-1.003 0-1.817.816-1.817 1.818 0 .543.239 1.048.644 1.389.401-1.079 1.172-2.053 2.213-2.876-.302-.21-.663-.329-1.039-.329v-.002zm9.217 12.079c-5.906 0-10.709-3.205-10.709-7.142 0-.275.023-.544.068-.809C.494 13.598 0 12.729 0 11.777c0-1.496 1.227-2.713 2.725-2.713.674 0 1.303.246 1.797.682 1.856-1.191 4.357-1.941 7.112-1.992l1.812-5.524.404.095s.016 0 .016.002l4.223.993c.344-.798 1.138-1.36 2.065-1.36 1.229 0 2.231 1.004 2.231 2.234 0 1.232-1.003 2.234-2.231 2.234s-2.23-1.004-2.23-2.23l-3.851-.912-1.467 4.477c2.65.105 5.047.854 6.844 2.021.494-.464 1.144-.719 1.833-.719 1.498 0 2.718 1.213 2.718 2.711 0 .987-.54 1.886-1.378 2.365.029.255.059.494.059.749-.015 3.938-4.806 7.143-10.72 7.143l-.034.009zm8.179-19.187c-.74 0-1.34.599-1.34 1.338 0 .738.6 1.34 1.34 1.34.732 0 1.33-.6 1.33-1.334 0-.733-.598-1.332-1.347-1.332l.017-.012z"/></svg>');
}

#sobookmarks {
    padding-top: 30px;
    text-align: center;
}

#sobookmarks a {
    border: 1px solid black;
    background-color: #ccc;
    background-image: none !important;
    color: black;
    text-decoration: none;

    padding: 5px 10px;
    display: inline-block;
    margin: 4px 10px 4px 0;
    margin: 0px 10px 0px 0;
    float: left;
    border-radius: 6px;

    border-radius: 50%;
    height: 40px;
    width: 40px;
    overflow: hidden;
    padding: 10px 10px;
    border: 0px solid black;
}

#sobookmarks a:hover {
    background-color: yellow;
    text-decoration: underline;
}

#sobookmarks ul,  
#sobookmarks li {
    display: inline-block;
    padding-left: 0;
}

#sobookmarks span {
    /*background-color: orange;*/
    line-height: 22px;
}

#sobookmarks .ico_sob {
    display: inline-block;
    height: 20px;
    margin-right: 5px;
    vertical-align: top;
    /*width: 20px;*/

    background-repeat: no-repeat;
    padding-left: 25px;
    padding-left: 35px;
}

#sobookmarks h2 {
    width: 100%;
    margin: 0 !important;
/*    padding: 0 !important;*/
    color: #666;
    padding-bottom: .7em;
    font-size: 110%;
    text-align: center;
    font-weight: normal;
    text-decoration: overline silver;
}



header {
    background-image: url(https://www.php-kurs.com/bilder/php-kurs-com-logo.jpg), url(https://www.php-kurs.com/bilder/hintergrund-oben.jpg);
    background-repeat: no-repeat, repeat-x;
    height: 172px;
}

#websitetitel a {
    font-size: 1.6em;
    line-height: 1.6em;
    color: white;
    /* background-color: hsla(100, 100%, 100%, 0.6); */
}    
 
#bereichkopf p {
    text-align: right;
    color: white;
    /* background-color: hsla(200, 100%, 70%, 0.5); */
    padding-right: 1em;
    margin: 0;
    text-shadow: 1px 1px 0px black, -1px -1px 0px black, 1px -1px 0px black, -1px 1px 0px black;
    padding-bottom: 6px;
}



#steuerungoben {
    background-color: black;
    overflow: hidden;
/*    line-height: 1.8em;*/
}

#steuerungoben ul {
    padding: 0 0.5em 0 2em;
}

#steuerungoben li {
    display: inline-block;
    margin-right: 2em;
    list-style-type: none;
}

/*#steuerungoben li:first-child  {
    margin-left: 2em;
}*/

#steuerungoben li:last-child  {
    float: right;
    margin-right: 2em;
}

#steuerungoben a {
    color: white;
    text-decoration: none;
}
#steuerungoben a:hover {
    color: white;
    text-decoration: underline;
}


#kopfSteuerungUnten {
    background-color: #333;
    display: flex;
    justify-content:space-between;     
}
 
#kopfSteuerungUnten {
    position: relative;    
}

/*
#kopfSteuerungUnten,
#kopfSteuerungOben {
    position: absolute;
    top: 0;
    color: #ccc;
    background-color: hsla(200, 100%, 20%, 0.8);
    font-size: 80%;
    padding-left: 10px;
    padding-right: 10px;
    
    width: 100%; 
    display: flex;
    justify-content:space-between; 
    
    height: 2.4em;
    line-height: 2.4em;
    overflow: hidden;  

}
*/


#kopfSteuerungUnten {
    top: auto;
    bottom: 0;
    padding-left: 2em;
}


#kopfSteuerungUnten div:nth-child(2),
#kopfSteuerungOben div:nth-child(2) {
    flex: 1;
    text-align: right;
}

#kopfSteuerungUnten a,
#kopfSteuerungOben a {
    color: white;
    text-decoration:none;
}   

#kopfSteuerungUnten a:hover,
#kopfSteuerungOben a:hover {
    color: white;
    text-decoration: underline;    
}
    
#kopfSteuerungOben .trennstrich {
  border-right: 1px solid #bbb;
  padding-right: 1em;
  margin-right: 1em;
}  
/*  */



/* -----------------------------------  */
/* INHALT selber */
/* -----------------------------------  */

article {
/*    padding: 2.5em 2.5em;*/
    transition: 0.5s;
}

article h1 {
/*
  color: hsl(35, 100%, 45%);
  color: #cc8800;
*/
/*  color: #c78500;*/
  font-size: 2em;
  font-weight: bold;
/*  font-weight: normal;*/
  letter-spacing: -0.01em;
  padding-bottom: 0.2em;
  /* text-shadow: 0 0 1px black; */
}

article p {
/*  width: 90%;*/  /* hat Nebenwirkung auf Fehlermelder */
  line-height: 1.6em;
  color: #333;
  margin-bottom: 1.5em;
  max-width: 40em;
}

article p b,
article p strong {
  color: black;
}

p + ol,
p + ul {
/*  margin-top: -1.2em;*/
}

.ohneabstand {
    padding-bottom: 0; 
    margin-bottom: 0;
}






article h1 {
  margin-bottom: 0;
}

article h1 code,
article h2 code, 
article h3 code,
article h4 code 
{ 
    color: inherit;
    text-decoration-skip: ink;
/*    text-decoration-color: #c78500;*/
    text-decoration-color: #557f01;
/*    text-decoration-color: hsla(40, 100%, 39%, 0.4);*/
    text-decoration-color: rgba(85, 127, 1, 0.5);
    text-decoration-line: underline overline;
    text-decoration-style: dashed;
}

h1+p {
  margin-top: 0;
}

article h2 {
  margin-bottom: 0;
  font-size: 1.6em;
  margin-top: 1.8em;
}

h2+p {
  margin-top: 0.5em;
}

h1, h2, h3, h4 {
  width: 90%;
  /* background-color: skyblue; */

/*  color: #cc8800;*/
/*  color: #c78500;*/
  color: #557f01;
/*  font-weight: normal;*/
}

h2, h3, h4 {
    color: #555;
}

h3 {
/*    color: black;*/
    font-weight: bold;
    font-size: 1.3em;
    margin-top: 1.6em;
    padding-bottom: .3em;
}

h4 {
    color: black;
    font-weight: bold;    
}

h1+h2,
h2+h3 {
  margin-top: .6em !important;
  /*color: orange !important;*/
}

article h1 {
  line-height: 1.3em;
}

article h2 {
  line-height: 1.3em;
}


article ul,
article ol {
  padding-left: 1.2em;
  line-height: 1.6em;
  margin-bottom: 1.5em;
  width: 90%;
  max-width: 40em;
  color: #333;
}

article ul {
  list-style-type: square;
}

article li {
  padding-bottom: 0.25em;
}

kbd {
    border: solid 1px;
    padding: 0pt 0.4em;
    white-space: nowrap;
    background-color: #EEEEEE;
    border-radius: 0.3em;
    box-shadow: 1px 1px 3px silver;
    border-color: #666;
    font-family: inherit;
    font-size: 0.8em;
    margin: 0 0.3em;
}


.listePlus {
    list-style-image: url(bilder/plus.gif);
    list-style-position: inside;
    text-indent: -1.6em;
    padding-left: 2em;    
}

.listeMinus {
    list-style-image: url(bilder/minus.gif);
    list-style-position: inside;
    text-indent: -1.6em;
    padding-left: 2em;    
}


.align-left,
.bildlinks {
  max-width: 99%;
  float: left;
  border: 0px;
  padding-right: 0.5em;
}

.align-right,
.bildrechts {
  display: inline-block;
  /* max-width: 99%; */
  float: right;
  border: 0px;
  margin-left: 20px !important;
  margin-right: 20px;
}

.zentriert {
  text-align: center;
}


.leserkommentare {
  padding: 1em;
  margin-bottom: 2.5em;
}

.tabelle_hervorhebung {
  color: white;
  background-color: #00ab00;
 }




figure {
  border: 1px solid black;
  margin-bottom: 1em;
  box-shadow: 8px 8px 50px #666;
  margin-top: 30px;
  margin-bottom: 40px;
  width: 95% !important;
}

figure {
  display: grid;
  position: relative;
  overflow: hidden;
}

figure img {
  max-width: 100%;
  height: auto;
}

figcaption {
  position: absolute;
  background: rgba(0, 0, 0, 0.75);
  color: white;
  padding: 8px 16px;
  opacity: 0.85;
  bottom: 0;
  left: 0;
  border-radius: 0 20px 0 0;
  border-top: 3px solid black;
  border-right: 3px solid black;
}

figure:hover figcaption {
  opacity: 0;
  background-color: red;
  bottom: -10%;
  -webkit-transition: all 0.6s ease;
  -moz-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
}




/*
.videobereich,
#videobereich {
  position: relative;
  height: 0;
  padding-bottom: 56.25%;
}

.videoExtern {
  position: absolute;
  top: 0;
  left: 0;
  width: 97%;
  height: 97%;
}
*/


.keinetrennung {
    white-space: nowrap;
    word-spacing: -0.2em;
}

/* zur Kontrolle von  rel="noreferrer" */
a[rel="noreferrer"] {
/*  font-weight: bold;*/
/*      font-style: italic;*/
/*    text-decoration: underline;*/
  }  


.fehler {
    color: red;
}





@media screen and (max-width:1250px) {
    .kl_screen_ausblenden
    {
        display: none !important;
    }    
}



/* -----------------------------------  */
/* Links -> Icons */
/* -----------------------------------  */

.externerLinkIcon,
a[href^="http://"], 
a[href^="https://"] {
/*  background: url(bilder/extern-link.gif) no-repeat;*/
    padding-left: 20px;
    vertical-align: top;
    background-repeat: no-repeat;
    
    background-image:
    url('data:image/svg+xml;utf8,<svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>Externer Link icon</title><path d="M 3 3 L 3 21 L 21 21 L 21 12 L 19 12 L 19 19 L 5 19 L 5 5 L 12 5 L 12 3 L 3 3 z M 14 3 L 14 5 L 17.585938 5 L 8.2929688 14.292969 L 9.7070312 15.707031 L 19 6.4140625 L 19 10 L 21 10 L 21 3 L 14 3 z"/></svg>');
    
}

/*
a[href^="http://www.html-seminar.de"] {
  background: none;
  padding-left: 0px;
}
*/

/*
a[href^="https://www.html-seminar.de"] {
  background: none;
  padding-left: 0px;
}
*/

a[href^="https://www.php-kurs.com"] {
  background: none;
  padding-left: 0px;
}

a[href$="pdf"] {
  background: url(bilder/icon-pdf.gif) no-repeat right;
  padding-right: 20px;
}

.browserfenster a[href^="http://"] {
  background: none;
  padding-left: 0px;
}

.browserfenster a[href^="https://"] {
  background: none;
  padding-left: 0px;
}

.externerLinkIcon {
    padding-left: 20px !important;
    vertical-align: top !important;
    background-repeat: no-repeat !important;
    
    background-image:
    url('data:image/svg+xml;utf8,<svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>Externer Link icon</title><path d="M 3 3 L 3 21 L 21 21 L 21 12 L 19 12 L 19 19 L 5 19 L 5 5 L 12 5 L 12 3 L 3 3 z M 14 3 L 14 5 L 17.585938 5 L 8.2929688 14.292969 L 9.7070312 15.707031 L 19 6.4140625 L 19 10 L 21 10 L 21 3 L 14 3 z"/></svg>') !important;
    
}



/* -----------------------------------  */
/* Ausgabe Codebeispiele, Quellcode, Browserbsp. */
/* -----------------------------------  */
code {
    color: #406abf;
    font-family: "Source Code Pro", Consolas, monospace;
    font-weight: 500;
    padding: 0 4px;
    letter-spacing: -0.05em;
}

.beispieltext {
    position: relative;
    padding: 0 .8em;
    border-left: silver 6px solid;
    display: block;
    overflow: auto;
    font-family: "Source Code Pro", Consolas, monospace;
    font-size: 1em;
    line-height: 1.5em;
    background: #eeeeee;
    margin-bottom: 1em;
    white-space: pre-line;
}

.browserfenster {
    position: relative;
    background-image: url(../bilder/browserfenster-s.jpg);
    background-repeat: no-repeat;
    padding: 70px 16px 16px 16px;
    border: 1px solid silver;
    overflow: auto;
    margin-bottom: 40px;
    box-shadow: 5px 5px 15px 0px #cccccc;
}

pre[class*="jsvs"]::before, 
pre[class*="txtvs"]::before, 
pre[class*="htaccessvs"]::before, 
pre code[class*="language-html"]::before, 
pre code[class*="language-php"]::before, 
pre code[class*="language-sql"]::before, 
pre code[class*="language-js"]::before, 
pre code[class*="language-htaccess"]::before, 
pre code[class*="language-css"]::before {
    /* content: 'HTML'; */
    font-size: 10pt !important;
    background-color: silver;
    font-weight: bold;
    color: white;
    position: absolute;
    width: 70px;
    height: 20px;
    line-height: 20px;
    /* border-radius: 20px 20px 0 0 !important; */
    border-radius: 2px 0 0 30px !important;
    text-align: center;
    /* top: -20px !important; */
    /* right: 10px; */
    right: 0;
    opacity: 0.5 !important;
}

pre code[class*="language-html"]::before {
    content: 'HTML';
    background-color: #b4c6e0 !important;
}

pre code[class*="language-php"]::before {
    content: 'PHP';
    background-color: #b4c6e0 !important;
}

pre code[class*="language-css"]::before {
    content: 'CSS';
    background-color: #32cd32 !important;
}

code[class*="language-css"] {
    border-left: limegreen 10px solid !important;
}


pre code[class*="language-sql"]::before {
    content: 'SQL';
    background-color: #32cd32 !important;
}

code[class*="language-sql"] {
    border-left: limegreen 10px solid !important;
}



pre code[class*="language-js"]::before {
    content: 'JavaScript';
    background-color: #bb32cd !important;
    width: 100px;
}

code[class*="language-js"] {
    border-left: #bb32cd 10px solid !important;
}


pre code[class*="language-htaccess"]::before {
    content: '.htaccess';
    background-color: #bb32cd !important;
    width: 110px;
}

code[class*="language-htaccess"] {
    border-left: #bb32cd 10px solid !important;
}


.fehlerhaftercode {
    border-left: 10px solid red !important;
}



.glasboxkopf {
  text-align: left;
  }

.glasboxkopf span {
  font-weight: bold;
}


/* -----------------------------------  */
/* PrismJS - Code Highlighting */
/* -----------------------------------  */



/* PrismJS 1.20.0
https://prismjs.com/download.html#themes=prism-coy&languages=markup+css+clike+javascript+markup-templating+php+sql */
/**
 * prism.js Coy theme for JavaScript, CoffeeScript, CSS and HTML
 * Based on https://github.com/tshedor/workshop-wp-theme (Example: http://workshop.kansan.com/category/sessions/basics or http://workshop.timshedor.com/category/sessions/basics);
 * @author Tim  Shedor
 */

code[class*="language-"],
pre[class*="language-"] {
    color: black;
    background: none;
    font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
    font-size: 1em;
    text-align: left;
    white-space: pre;
    word-spacing: normal;
    word-break: normal;
    word-wrap: normal;
    line-height: 1.5;

    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4;

    -webkit-hyphens: none;
    -moz-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
}

/* Code blocks */
pre[class*="language-"] {
    position: relative;
    margin: .5em 0;
    overflow: visible;
    padding: 0;
}
pre[class*="language-"]>code {
    position: relative;
    border-left: 10px solid #358ccb;
    box-shadow: -1px 0px 0px 0px #358ccb, 0px 0px 0px 1px #dfdfdf;
    background-color: #fdfdfd;
    background-image: linear-gradient(transparent 50%, rgba(69, 142, 209, 0.04) 50%);
    background-size: 3em 3em;
    background-origin: content-box;
    background-attachment: local;
}

code[class*="language-"] {
    max-height: inherit;
    height: inherit;
    padding: 0 1em;
    display: block;
    overflow: auto;
}

/* Margin bottom to accommodate shadow */
:not(pre) > code[class*="language-"],
pre[class*="language-"] {
    background-color: #fdfdfd;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 1em;
}

/* Inline code */
:not(pre) > code[class*="language-"] {
    position: relative;
    padding: .2em;
    border-radius: 0.3em;
    color: #c92c2c;
    border: 1px solid rgba(0, 0, 0, 0.1);
    display: inline;
    white-space: normal;
}

pre[class*="language-"]:before,
pre[class*="language-"]:after {
    content: '';
    z-index: -2;
    display: block;
    position: absolute;
    bottom: 0.75em;
    left: 0.18em;
    width: 40%;
    height: 20%;
    max-height: 13em;
    box-shadow: 0px 13px 8px #979797;
    -webkit-transform: rotate(-2deg);
    -moz-transform: rotate(-2deg);
    -ms-transform: rotate(-2deg);
    -o-transform: rotate(-2deg);
    transform: rotate(-2deg);
}

pre[class*="language-"]:after {
    right: 0.75em;
    left: auto;
    -webkit-transform: rotate(2deg);
    -moz-transform: rotate(2deg);
    -ms-transform: rotate(2deg);
    -o-transform: rotate(2deg);
    transform: rotate(2deg);
}

.token.comment,
.token.block-comment,
.token.prolog,
.token.doctype,
.token.cdata {
    color: #7D8B99;
}

.token.punctuation {
    color: #5F6364;
}

.token.property,
.token.tag,
.token.boolean,
.token.number,
.token.function-name,
.token.constant,
.token.symbol,
.token.deleted {
    color: #c92c2c;
}

.token.selector,
.token.attr-name,
.token.string,
.token.char,
.token.function,
.token.builtin,
.token.inserted {
    color: #2f9c0a;
}

.token.operator,
.token.entity,
.token.url,
.token.variable {
    color: #a67f59;
    background: rgba(255, 255, 255, 0.5);
}

.token.atrule,
.token.attr-value,
.token.keyword,
.token.class-name {
    color: #1990b8;
}

.token.regex,
.token.important {
    color: #e90;
}

.language-css .token.string,
.style .token.string {
    color: #a67f59;
    background: rgba(255, 255, 255, 0.5);
}

.token.important {
    font-weight: normal;
}

.token.bold {
    font-weight: bold;
}
.token.italic {
    font-style: italic;
}

.token.entity {
    cursor: help;
}

.token.namespace {
    opacity: .7;
}

@media screen and (max-width: 767px) {
    pre[class*="language-"]:before,
    pre[class*="language-"]:after {
        bottom: 14px;
        box-shadow: none;
    }

}

/* Plugin styles: Line Numbers */
pre[class*="language-"].line-numbers.line-numbers {
    padding-left: 0;
}

pre[class*="language-"].line-numbers.line-numbers code {
    padding-left: 3.8em;
}

pre[class*="language-"].line-numbers.line-numbers .line-numbers-rows {
    left: 0;
}

/* Plugin styles: Line Highlight */
pre[class*="language-"][data-line] {
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
}
pre[data-line] code {
    position: relative;
    padding-left: 4em;
}
pre .line-highlight {
    margin-top: 0;
}





/* DOPPELT !!!!! */






/* PrismJS 1.20.0
https://prismjs.com/download.html#themes=prism-coy&languages=markup+css */
/**
 * prism.js Coy theme for JavaScript, CoffeeScript, CSS and HTML
 * Based on https://github.com/tshedor/workshop-wp-theme (Example: http://workshop.kansan.com/category/sessions/basics or http://workshop.timshedor.com/category/sessions/basics);
 * @author Tim  Shedor
 */

code[class*="language-"],
pre[class*="language-"] {
    color: black;
    background: none;
    font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
    font-size: 1em;
/*  font-size: .9em;*/
    font-weight: normal;
/*    color: #777;*/
    color: #555;
    letter-spacing: 0em;
    text-align: left;
    white-space: pre;
    word-spacing: normal;
    word-break: normal;
    word-wrap: normal;
    line-height: 1.5;

    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4;

    -webkit-hyphens: none;
    -moz-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
}

/* Code blocks */
pre[class*="language-"] {
    position: relative;
    margin: .5em 0;
    overflow: visible;
    padding: 0;
}
pre[class*="language-"]>code {
    position: relative;
    border-left: 10px solid #358ccb;
    box-shadow: -1px 0px 0px 0px #358ccb, 0px 0px 0px 1px #dfdfdf;
    background-color: #fdfdfd;
    background-image: linear-gradient(transparent 50%, rgba(69, 142, 209, 0.04) 50%);
    background-size: 3em 3em;
    background-origin: content-box;
    background-attachment: local;
}

code[class*="language-"] {
    max-height: inherit;
    height: inherit;
/*  padding: 0 1em;*/
    padding: 0 0.3em;
    display: block;
    overflow: auto;
}

/* Margin bottom to accommodate shadow */
:not(pre) > code[class*="language-"],
pre[class*="language-"] {
    background-color: #fdfdfd;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 1em;
}

/* Inline code */
:not(pre) > code[class*="language-"] {
    position: relative;
    padding: .2em;
    border-radius: 0.3em;
    color: #c92c2c;
    border: 1px solid rgba(0, 0, 0, 0.1);
    display: inline;
    white-space: normal;
}

pre[class*="language-"]:before,
pre[class*="language-"]:after {
    content: '';
    z-index: -2;
    display: block;
    position: absolute;
    bottom: 0.75em;
    left: 0.18em;
    width: 40%;
    height: 20%;
    max-height: 13em;
    box-shadow: 0px 13px 8px #979797;
    -webkit-transform: rotate(-2deg);
    -moz-transform: rotate(-2deg);
    -ms-transform: rotate(-2deg);
    -o-transform: rotate(-2deg);
    transform: rotate(-2deg);
}

pre[class*="language-"]:after {
    right: 0.75em;
    left: auto;
    -webkit-transform: rotate(2deg);
    -moz-transform: rotate(2deg);
    -ms-transform: rotate(2deg);
    -o-transform: rotate(2deg);
    transform: rotate(2deg);
}

.token.comment,
.token.block-comment,
.token.prolog,
.token.doctype,
.token.cdata {
/*  color: #7D8B99;*/
    color: #81add8;    /* hell-blau */
}

.token.comment {
/*    color: silver;    */
    color: #aaa;    
}

.token.punctuation {
/*  color: #5F6364;*/
/*  color: black;*/
    color: hsl(220, 50%, 50%);  /* blau */
}

.token.property,
.token.tag,
.token.boolean,
.token.number,
.token.function-name,
.token.constant,
.token.symbol,
.token.deleted {
/*  color: #c92c2c;*/
    color: hsl(220, 50%, 50%);   /* blau */
    letter-spacing: .02em;
    font-weight: bold !important;
    font-size: 1.0rem;      /* Test wegen Größe */
}

.token.selector,
.token.attr-name,
.token.string,
.token.char,
.token.function,
.token.builtin,
.token.inserted {
    color: #2f9c0a;  /* grün */
}

.token.operator,
.token.entity,
.token.url,
.token.variable {
/*  color: #a67f59;*/
    color: mediumvioletred;
    background: rgba(255, 255, 255, 0.5);
}

.token.atrule,
.token.attr-value,
.token.keyword,
.token.class-name {
/*  color: #1990b8;*/
    color: hsl(30, 80%, 50%);
}

.token.keyword {
    color: hsl(220, 50%, 50%);    /* blau für PHP-Befehle und <p> */
}

.token.double-quoted-string.string {
    color: #e2a029;    /* orange für PHP zwischen Anführungszeichen */
}

.token.regex,
.token.important {
    color: #e90;
}

.language-css .token.string,
.style .token.string {
    color: #a67f59;
    background: rgba(255, 255, 255, 0.5);
}

.token.important {
    font-weight: normal;
}

.token.delimiter.important {
    color: black;
}

.token.bold {
    font-weight: bold;
}
.token.italic {
    font-style: italic;
}

.token.entity {
    cursor: help;
}

.token.namespace {
    opacity: .7;
}

@media screen and (max-width: 767px) {
    pre[class*="language-"]:before,
    pre[class*="language-"]:after {
        bottom: 14px;
        box-shadow: none;
    }

}

/* Plugin styles: Line Numbers */
pre[class*="language-"].line-numbers.line-numbers {
    padding-left: 0;
}

pre[class*="language-"].line-numbers.line-numbers code {
    padding-left: 3.8em;
}

pre[class*="language-"].line-numbers.line-numbers .line-numbers-rows {
    left: 0;
}

/* Plugin styles: Line Highlight */
pre[class*="language-"][data-line] {
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
}
pre[data-line] code {
    position: relative;
    padding-left: 4em;
}
pre .line-highlight {
    margin-top: 0;
}




/* -----------------------------------  */
/* fuer externe Videos */
/* -----------------------------------  */
.videobereich,
#videobereich {
  position: relative;
  height: 0;
/*  padding-bottom: 56.25%;*/
  padding-bottom: 64%;
    
}

.videoExtern {
  position: absolute;
  top: 0;
  left: 0;
  width: 97%;
  height: 97%;
}


iframe {
  display: inline-block;
}

.video-wall {
  position: relative;
  font: 400 1em/1.46 Helvetica, Arial, sans-serif;
  color: #333;
  display: inline-block;
  min-height: 18em;
  min-width: 28em;
  margin: 0;
  background-color: #eee;
  box-sizing: border-box;
/*  border: 1.5em solid #ccc;*/
  padding: 1em;
    
    padding-bottom: 56.25%;
    
    width: 100% !important;
    height: auto !important;
    
    
}
.video-wall strong {
  display: block;
  text-align: center;
  font-size: 1.1em;
  margin: 0;
}
.video-wall div {
  position: absolute;
  width: calc(100% - 2em);
  top: 3em;
  bottom: 7em;
  overflow-y: auto;
    
    border: 1px solid silver;
}
.video-wall p {
  font-size: 0.8em;
  margin: 0 0 1em;
    max-width: 100% !important;
}
.video-wall a {
  color: inherit;
}
.video-wall .video-link {
  display: block;
  white-space: nowrap;
  font-size: 0.8em;
  margin: 0;
  position: absolute;
  left: 50%;
  bottom: 6em;
  transform: translateX(-50%);
}
.video-wall button {
  -webkit-appearance: none;
  cursor: pointer;
  color: #eee;
  font: 700 0.8em/1.2 Helvetica, Arial, sans-serif;
  display: block;
  width: 11.5em;
  height: 4.25em;
  border: 0 none;
  border-radius: 0.75em;
  padding: 0 0 0 5.5em;
  text-align: left;
  margin: 0;
  position: absolute;
  left: 50%;
  bottom: 1em;
  transform: translateX(-50%);
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 28'%3E%3Cpath fill='%23eee' d='M11.109 17.625l7.562-3.906-7.562-3.953v7.859zM14 4.156c5.891 0 9.797 0.281 9.797 0.281 0.547 0.063 1.75 0.063 2.812 1.188 0 0 0.859 0.844 1.109 2.781 0.297 2.266 0.281 4.531 0.281 4.531v2.125s0.016 2.266-0.281 4.531c-0.25 1.922-1.109 2.781-1.109 2.781-1.062 1.109-2.266 1.109-2.812 1.172 0 0-3.906 0.297-9.797 0.297v0c-7.281-0.063-9.516-0.281-9.516-0.281-0.625-0.109-2.031-0.078-3.094-1.188 0 0-0.859-0.859-1.109-2.781-0.297-2.266-0.281-4.531-0.281-4.531v-2.125s-0.016-2.266 0.281-4.531c0.25-1.937 1.109-2.781 1.109-2.781 1.062-1.125 2.266-1.125 2.812-1.188 0 0 3.906-0.281 9.797-0.281v0z'%3E%3C/path%3E%3C/svg%3E") no-repeat 1em center #666;
  background-size: 3.5em;
  transition: background-color 0.3s;
}
.video-wall button:hover {
  background-color: #444;
}