body {background-color:#000;}

#radio {margin-left:10px;margin-top:36px;}

/* Uhr */
/* Basis-Stile */
.logooff {
    margin-left: 27px;
    margin-top: -6px;
    width: 390px;
    height: auto;
}

#uhr {
    float: inline-start;
    margin-left: 435px;
}

/* Media Queries */

/* Für große Desktops (ab 1200px) */
@media screen and (min-width: 1200px) {
    /* Basis-Stile bleiben unverändert */
}

/* Für Laptops (zwischen 992px und 1199px) */
@media screen and (min-width: 992px) and (max-width: 1199px) {
    .logooff {
        width: 340px; /* Etwas kleinere Breite */
    }
    
    #uhr {
        margin-left: 380px; /* Angepasster Abstand */
    }
}

/* Für Tablets (zwischen 768px und 991px) */
@media screen and (min-width: 768px) and (max-width: 991px) {
    .logooff {
        width: 250px; /* Noch kleinere Breite */
		margin-left: 27px;
		margin-top: 8px;
    }
    
    #uhr {
        float: inline-start;
        margin-left: 280px;
    }
}

/* Für Smartphones (unterhalb von 768px) */
@media screen and (max-width: 767px) {
    .logooff {
        width: 250px;
		margin-left: 27px;
		margin-top: 8px;
    }
    
    #uhr {
        float: inline-start;
        margin-left: 280px;
    }
}



#heading {width:1900px;}

/* Check_Box */
font-weight
input {margin-top:7px;margin-left:-6px;}

.logout_bild  {
	margin-right:10px;
	margin-top:-19px;
	margin-left:10px;
	height:30px;
	width:37px;float:right;
}

input[type="checkbox"]#check_status1 {
    -moz-appearance: None;
    -webkit-appearance: none;
    width: 16px;
    height: 16px;
    background-image: url(images_logout/unchecked2.png);
    background-size: 16px 16px;
    background-position: Center Center;
    border: none;
    outline: none;
    vertical-align: Middle;
}

input[type="checkbox"]#check_status1:checked {
    background-image: url(images_logout/checked2.png);
}

input[type="checkbox"]#check_status2 {
    -moz-appearance: None;
    -webkit-appearance: none;
    width: 34px;
    height: 20px;
    background-image: url(images_logout/unchecked3.png);
    background-size: 34px 20px;
    background-position: Center Center;
    border: none;
    outline: none;
    vertical-align: Middle;margin-top:3px;
}

input[type="checkbox"]#check_status2:checked {
    background-image: url(images_logout/checked3.png);
}

input[type="checkbox"]#check_status3 {
    -moz-appearance: None;
    -webkit-appearance: none;
    width: 34px;
    height: 20px;
    background-image: url(images_logout/unchecked4.png);
    background-size: 34px 20px;
    background-position: Center Center;
    border: none;
    outline: none;
    vertical-align: Middle;margin-top:3px;
}

input[type="checkbox"]#check_status3:checked {
    background-image: url(images_logout/checked4.png);
}

input[type="checkbox"]#check_status4 {
    -moz-appearance: None;
    -webkit-appearance: none;
    width: 44px;
    height: 27px;
    background-image: url(images_logout/unchecked5.png);
    background-size: 44px 27px;
    background-position: Center Center;
    border: none;
    outline: none;
    vertical-align: Middle;margin-top:0px;margin-left:1px;float:left
}

input[type="checkbox"]#check_status4:checked {
    background-image: url(images_logout/checked5.png);
}

input[type="checkbox"]#check_status5 {
    -moz-appearance: None;
    -webkit-appearance: none;
    width: 44px;
    height: 30px;
    background-image: url(images_logout/unchecked6.png);
    background-size: 44px 30px;
    background-position: Center Center;
    border: none;
    outline: none;
    vertical-align: Middle;margin-top:0px;margin-left:-2px;float:left
}

input[type="checkbox"]#check_status5:hover {
    -moz-appearance: None;
    -webkit-appearance: none;
    width: 44px;
    height: 30px;
    background-image: url(images_logout/unchecked6_hover.png);
    background-size: 44px 30px;
    background-position: Center Center;
    border: none;
    outline: none;
    vertical-align: Middle;margin-top:0px;margin-left:-2px;float:left
}

input[type="checkbox"]#check_status5:checked {
    background-image: url(images_logout/checked6.png);
}
/* Check_Box ENDE */







::-webkit-scrollbar {
  background: #000;
  width: 6px;
  height: 6px;
}

::-webkit-scrollbar-thumb {
  background: #000;
}

::-webkit-scrollbar-thumb:hover {
  background: #000;
}
/* Scrollbar Handle ENDE */

/* Content Container */
.content_container {
    background-color: #000;
    padding-left: 20px;
	padding-right: 20px;
    font-family: Arial, sans-serif;
	width:65%;/* 850px */
	margin-left:14.7%;/* 20px */
	margin-top: -108px;
	list-style: none;
}


.content_container_tools {
    background-color: #000000;
    padding: 20px;
    font-family: Arial, sans-serif;
	width:97%;
	margin-left:20px;
}

.heading_h1 {
    color: #ff9900;
    font-size: 28px;
    margin-bottom: 20px;
}

.heading_h2 {
    color: #66ccff;
    font-size: 22px;
    margin-top: 20px;
    margin-bottom: 15px;
}

/* .col_heading_h2 {
    color: #66ccff;
    font-size: 18px;
} */

.heading_h3 {
    color: #0dffbe;
    font-size: 19px;
    margin-top: 20px;
    margin-bottom: 15px;
}

.heading_h4 {
    color: #a4f800;
    font-size: 17px;
    margin-top: 15px;
    margin-bottom: 10px;
}

.text_content {
    color: #fff6f2;
    font-size: 16px;
    line-height: 1.6;
    margin-bottom: 15px;
}

.col_content {
    /* color: #fff6f2; */
    font-size: 16px;
    line-height: 1.6;
    margin-top: -0px;
}

.bold {
    font-weight: bold;
}

.italic {
    font-style: italic;
}

.size-14 { font-size: 14px !important; }
.size-15 { font-size: 15px !important; }
.size-16 { font-size: 16px !important; }
.size-17 { font-size: 17px !important; }
.size-18 { font-size: 18px !important; }
.size-19 { font-size: 19px !important; }
.size-20 { font-size: 20px !important; }
.size-21 { font-size: 21px !important; }
.size-22 { font-size: 22px !important; }
.size-23 { font-size: 23px !important; }
.size-24 { font-size: 24px !important; }
.size-25 { font-size: 25px !important; }


@font-face {
  font-family: 'Aerwyna';
  src: url('../fonts/Aerwyna.ttf') format('truetype');
  font-display: swap;
}

.font-verdana {
    font-family: Verdana !important;
}
.font-tahoma {
    font-family: Tahoma !important;
}
.font-georgia {
    font-family: Georgia !important;
}
.font-palatino {
    font-family: Palatino !important;
}
.font-courier {
    font-family: "Courier New" !important;
}
.font-lucida {
    font-family: "Lucida Sans" !important;
}
.font-calibri {
    font-family: Calibri !important;
}
.font-comic {
    font-family: "Comic Sans MS" !important;
}
.font-garamond {
    font-family: Garamond;
}
.font-brush {
    font-family: "Brush Script MT" !important;
}



.uppercase { text-transform: uppercase !important; }
.lowercase { text-transform: lowercase !important; }
.capitalize { text-transform: capitalize !important; }

.center { text-align: center !important; }
.right { text-align: right !important; }
.justify { text-align: justify !important; }

.underline_1 {
  text-decoration: underline;
  text-decoration-color: #ffffff;
  text-decoration-thickness: 3px;
  text-underline-offset: 5px;
}
.underline_2 {
  text-decoration: underline;
  text-decoration-color: #ff0000;
  text-decoration-thickness: 3px;
  text-underline-offset: 5px;
}

.underline_3 {
  text-decoration: underline;
  text-decoration-color: #ffff00;
  text-decoration-thickness: 3px;
  text-underline-offset: 5px;
}
.underline_4 {
  text-decoration: underline;
  text-decoration-color: #00ff00;
  text-decoration-thickness: 3px;
  text-underline-offset: 5px;
}
.underline_5 {
  text-decoration: underline;
  text-decoration-color: #3976ff;
  text-decoration-thickness: 3px;
  text-underline-offset: 5px;
}







/* Letter Spacing */
.letterspace-2 { letter-spacing: 2px !important; }
.letterspace-4 { letter-spacing: 4px !important; }
.letterspace-6 { letter-spacing: 6px !important; }
.letterspace-8 { letter-spacing: 8px !important; }
.letterspace-10 { letter-spacing: 10px !important; }

/* Word Spacing */
.wordspace-2 { word-spacing: 2px !important; }
.wordspace-3 { word-spacing: 3px !important; }
.wordspace-4 { word-spacing: 4px !important; }
.wordspace-5 { word-spacing: 5px !important; }
.wordspace-6 { word-spacing: 6px !important; }

/* Line Height */
.lineheight-tight { line-height: 1.15 !important; }
.lineheight-normal { line-height: 1.4 !important; }
.lineheight-loose { line-height: 2 !important; }

/* First Letter (nur für <p>!) */
.firstletter-Chartreuse::first-letter {
  font-family: 'Aerwyna', serif !important;
  font-size: 200% !important;
  color: #d6ff00 !important;
}
.firstletter-Yellow::first-letter {
  font-family: 'Aerwyna', serif !important;
  font-size: 200% !important;
  color: #ffd600 !important;
}
.firstletter-OrangePeel::first-letter {
  font-family: 'Aerwyna', serif !important;
  font-size: 200% !important;
  color: #ff9b00 !important;
}
.firstletter-OrangeRed::first-letter {
  font-family: 'Aerwyna', serif !important;
  font-size: 200% !important;
  color: #ff4900 !important;
}



/* TextFarben */
.Rot1 { color: #ff3f3f !important; }
.Rot2 { color: #ff4d4d !important; }
.Rot3 { color: #ff5f5f !important; }
.Rot4 { color: #ff7373 !important; }

.Rosa1 { color: #ff59bb !important; }
.Rosa2 { color: #ff67c0 !important; }
.Rosa3 { color: #ff79c8 !important; }
.Rosa4 { color: #ff8dd0 !important; }

.Pink1 { color: #fd67ff !important; }
.Pink2 { color: #fd79ff !important; }
.Pink3 { color: #fe85ff !important; }
.Pink4 { color: #fe99ff !important; }

.Purple1 { color: #e953ff !important; }
.Purple2 { color: #eb67ff !important; }
.Purple3 { color: #ee7fff !important; }
.Purple4 { color: #f193ff !important; }

.Violet1 { color: #d08dff !important; }
.Violet2 { color: #d599ff !important; }
.Violet3 { color: #daa5ff !important; }
.Violet4 { color: #e0b3ff !important; }

.Lilac1 { color: #b793ff !important; }
.Lilac2 { color: #bf9fff !important; }
.Lilac3 { color: #c8adff !important; }
.Lilac4 { color: #d0b9ff !important; }

.LightBlue1 { color: #9393ff !important; }
.LightBlue2 { color: #9f9fff !important; }
.LightBlue3 { color: #adadff !important; }
.LightBlue4 { color: #b9b9ff !important; }

.RoyalBlue1 { color: #539cff !important; }
.RoyalBlue2 { color: #6dabff !important; }
.RoyalBlue3 { color: #7fb5ff !important; }
.RoyalBlue4 { color: #8dbdff !important; }

.PersianGreen1 { color: #00acaa !important; }
.PersianGreen2 { color: #00b8b6 !important; }
.PersianGreen3 { color: #00c6c4 !important; }
.PersianGreen4 { color: #00d8d5 !important; }

.Jade1 { color: #00b269 !important; }
.Jade2 { color: #00c071 !important; }
.Jade3 { color: #00d27c !important; }
.Jade4 { color: #00f892 !important; }

.VividGreen1 { color: #04b800 !important; }
.VividGreen2 { color: #05cc00 !important; }
.VividGreen3 { color: #4bff47 !important; }
.VividGreen4 { color: #76ff73 !important; }

.OliveGreen1 { color: #a9b800 !important; }
.OliveGreen2 { color: #bbcc00 !important; }
.OliveGreen3 { color: #cee000 !important; }
.OliveGreen4 { color: #def200 !important; }

.LimeYellow1 { color: #d0d200 !important; }
.LimeYellow2 { color: #dde000 !important; }
.LimeYellow3 { color: #e9ec00 !important; }
.LimeYellow4 { color: #ffff00 !important; }

.GoldenRod1 { color: #f8c100 !important; }
.GoldenRod2 { color: #ffc90d !important; }
.GoldenRod3 { color: #ffd02d !important; }
.GoldenRod4 { color: #ffd953 !important; }

.OrangeYellow1 { color: #ffb239 !important; }
.OrangeYellow2 { color: #ffba4d !important; }
.OrangeYellow3 { color: #ffc467 !important; }
.OrangeYellow4 { color: #ffc973 !important; }

.AtomicTangerine1 { color: #ff993f !important; }
.AtomicTangerine2 { color: #ffa453 !important; }
.AtomicTangerine3 { color: #ffb26d !important; }
.AtomicTangerine4 { color: #ffc38d !important; }

.LightCoral1 { color: #e7a29d !important; }
.LightOrchid1 { color: #e79dc2 !important; }
.LavenderPink1 { color: #e79de1 !important; }
.LavenderMagenta1 { color: #c99de7 !important; }
.LavenderBlue1 { color: #a29de7 !important; }
.CornflowerBlue1 { color: #89a3e3 !important; }
.SkyBlue1 { color: #89bce3 !important; }
.Riptide1 { color: #89e3cd !important; }
.PastelGreen1 { color: #8de389 !important; }
.TeaGreen1 { color: #bae389 !important; }
.LightOlive1 { color: #e2dd8a !important; }
.SoftOrange1 { color: #e1b38b !important; }

.LightCoral2 { color: #ddbdbb !important; }
.LightOrchid2 { color: #dbb7c9 !important; }
.LavenderPink2 { color: #ddb5da !important; }
.LavenderMagenta2 { color: #cdb5dd !important; }
.LavenderBlue2 { color: #b8b5dd !important; }
.CornflowerBlue2 { color: #a7b3d1 !important; }
.SkyBlue2 { color: #a3bfd5 !important; }
.Riptide2 { color: #9ed4c7 !important; }
.PastelGreen2 { color: #a6d4a4 !important; }
.TeaGreen2 { color: #bed4a4 !important; }
.LightOlive2 { color: #d4d1a4 !important; }
.SoftOrange2 { color: #d1bba7 !important; }


/* Text mit Farbverlauf */
.G_Text_1 {
      font-size: 16px;
	  font-weight:700;
      font-family: sans-serif;
      background: linear-gradient(90deg, #ff0, #0f0);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
      color: transparent;
    }
.G_Text_2 {
      font-size: 16px;
	  font-weight:700;
      font-family: sans-serif;
      background: linear-gradient(90deg, #ff0, #f00);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
      color: transparent;
    }
.G_Text_3 {
      font-size: 16px;
	  font-weight:700;
      font-family: sans-serif;
      background: linear-gradient(90deg, #ff5757 0.00%, #eb52ff 100.00%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
      color: transparent;
    }
.G_Text_4 {
      font-size: 16px;
	  font-weight:700;
      font-family: sans-serif;
      background: linear-gradient(90deg, #ffee00 0.00%, #3bff00 11.11%, #00ff5e 22.22%, #00faf2 33.33%, #1f80ff 44.44%, #8870ff 55.56%, #ce2eff 66.67%, #ff00a1 77.78%, #ff333a 88.89%, #ff9100 100.00%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
      color: transparent;
    }
.G_Text_5{
      font-size: 16px;
	  font-weight:700;
      font-family: sans-serif;
      background: linear-gradient(90deg, #00e1ff 0.00%, #f129ff 33.33%, #ff6e1a 66.67%, #ff3838 100.00%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
      color: transparent;
    }


/* Text mit Fade */
.F_Text_1 {
      font-size: 16px;
	  font-weight:700;
      font-family: sans-serif;
      color: #000;
      animation: text-pulse-1 4s linear infinite;
    }

    @keyframes text-pulse-1 {
      0%   { color: #022c00; }
      20%  { color: #008000; }
      40%  { color: #ffff00; }
      80%  { color: #008000; }
      100%  { color: #022c00; }
    }
.F_Text_2 {
      font-size: 16px;
	  font-weight:700;
      font-family: sans-serif;
      color: #000;
      animation: text-pulse-2 4s linear infinite;
    }

    @keyframes text-pulse-2 {
      0%   { color: #022c00; }
      20%  { color: #ffff00; }
      40%  { color: #ff0000; }
      80%  { color: #ffff00; }
      100%  { color: #022c00; }
    }
.F_Text_3 {
      font-size: 16px;
	  font-weight:700;
      font-family: sans-serif;
      color: #000;
      animation: text-pulse-3 4s linear infinite;
    }

    @keyframes text-pulse-3 {
      0%   { color: #4c0005; }
      20%  { color: #ff5757; }
      40%  { color: #eb52ff; }
      80%  { color: #ff5757; }
      100%  { color: #4c0005; }
    }
.F_Text_4 {
      font-size: 16px;
	  font-weight:700;
      font-family: sans-serif;
      color: #000;
      animation: text-pulse-4 4s linear infinite;
    }

    @keyframes text-pulse-4 {
      0%   { color: #000766; }
      20%  { color: #0055ff; }
      40%  { color: #00d9ff; }
      80%  { color: #0055ff; }
      100%  { color: #000766; }
    }
.F_Text_5 {
      font-size: 16px;
	  font-weight:700;
      font-family: sans-serif;
      color: #000;
      animation: text-pulse-5 4s linear infinite;
    }

    @keyframes text-pulse-5 {
      0%   { color: #6e0000; }
      20%  { color: #ff6f2d; }
      40%  { color: #ff9f1a; }
      80%  { color: #ff6f2d; }
      100%  { color: #6e0000; }
    }
	
	
	
	
	
.M_Text_1 {
      font-size: 16px;
      font-family: sans-serif;
      font-weight: bold;
      background: linear-gradient(90deg, #ffdd00 0.00%, #ffdd00 24.19%, #009e0b 41.85%, #009e0b 57.64%, #ffdd00 73.43%, #ffdd00 100.00%);
      background-size: 200% 100%;
      background-repeat: no-repeat;
      background-position: 0% 50%;
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
      color: transparent;
      animation: gradient-move-1 3s linear infinite alternate;
    }

    @keyframes gradient-move-1 {
      0% {
        background-position: 0% 50%;
      }
      100% {
        background-position: 100% 50%;
      }
    }
	
.M_Text_2 {
      font-size: 16px;
      font-family: sans-serif;
      font-weight: bold;
      background: linear-gradient(90deg, #ff0, #f00, #ff0);
      background-size: 200% 100%;
      background-repeat: no-repeat;
      background-position: 0% 50%;
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
      color: transparent;
      animation: gradient-move-2 3s linear infinite alternate;
    }

    @keyframes gradient-move-2 {
      0% {
        background-position: 0% 50%;
      }
      100% {
        background-position: 100% 50%;
      }
    }
	
.M_Text_3 {
      font-size: 16px;
      font-family: sans-serif;
      font-weight: bold;
      background: linear-gradient(90deg, #ff5757, #eb52ff, #ff5757);
      background-size: 200% 100%;
      background-repeat: no-repeat;
      background-position: 0% 50%;
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
      color: transparent;
      animation: gradient-move-3 3s linear infinite alternate;
    }

    @keyframes gradient-move-3 {
      0% {
        background-position: 0% 50%;
      }
      100% {
        background-position: 100% 50%;
      }
    }
	
.M_Text_4 {
      font-size: 16px;
      font-family: sans-serif;
      font-weight: bold;
      background: linear-gradient(90deg, #ffee00 0.00%, #3bff00 11.11%, #00ff5e 22.22%, #00faf2 33.33%, #1f80ff 44.44%, #8870ff 55.56%, #ce2eff 66.67%, #ff00a1 77.78%, #ff333a 88.89%, #ff9100 100.00%);
      background-size: 200% 100%;
      background-repeat: no-repeat;
      background-position: 0% 50%;
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
      color: transparent;
      animation: gradient-move-4 3s linear infinite alternate;
    }

    @keyframes gradient-move-4 {
      0% {
        background-position: 0% 50%;
      }
      100% {
        background-position: 100% 50%;
      }
    }
	
.M_Text_5 {
      font-size: 16px;
      font-family: sans-serif;
      font-weight: bold;
      background: linear-gradient(90deg, #00e1ff 0.00%, #f129ff 33.33%, #ff6e1a 66.67%, #ff3838 100.00%);
      background-size: 200% 100%;
      background-repeat: no-repeat;
      background-position: 0% 50%;
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
      color: transparent;
      animation: gradient-move-5 3s linear infinite alternate;
    }

    @keyframes gradient-move-5 {
      0% {
        background-position: 0% 50%;
      }
      100% {
        background-position: 100% 50%;
      }
    }
	
	
/* Glossy Text */
	/* .GlossyText1 {
      color: #fff;
    } */
    .GlossyText1 span {
      transition: color 0.2s;
    }
    .highlight1 {
      color: #FFD700;
    }
	
	/* .GlossyText2 {
      color: #fff;
    } */
    .GlossyText2 span {
      transition: color 0.2s;
    }
    .highlight2 {
      color: #00ff00;
    }
	
	/* .GlossyText3 {
      color: #fff;
    } */
    .GlossyText3 span {
      transition: color 0.2s;
    }
    .highlight3 {
      color: #6d9aff;
    }
	
	/* .GlossyText4 {
      color: #fff;
    } */
    .GlossyText4 span {
      transition: color 0.2s;
    }
    .highlight4 {
      color: #af87ff;
    }
	
	/* .GlossyText5 {
      color: #fff;
    } */
    .GlossyText5 span {
      transition: color 0.2s;
    }
    .highlight5 {
      color: #ff4348;
    }
	
	


/* MarkerFarben */

/* Dukel */
.M_D_DarkMaroon { background: #340100 !important; padding:12px 10px 12px 10px ; font-weight:700; }
.M_D_DarkPurple { background: #340022 !important; padding:12px 10px 12px 10px ; font-weight:700; }
.M_D_DarkGrape { background: #310034 !important; padding:12px 10px 12px 10px ; font-weight:700; }
.M_D_Blackberry { background: #230034 !important; padding:12px 10px 12px 10px ; font-weight:700; }
.M_D_Sapphire { background: #140034 !important; padding:12px 10px 12px 10px ; font-weight:700; }
.M_D_OxfordBlue { background: #000434 !important; padding:12px 10px 12px 10px ; font-weight:700; }
.M_D_ForestGreen { background: #001a0b !important; padding:12px 10px 12px 10px ; font-weight:700; }
.M_D_DarkOlive { background: #181a00 !important; padding:12px 10px 12px 10px ; font-weight:700; }
.M_D_OliveBrown { background: #261800 !important; padding:12px 10px 12px 10px ; font-weight:700; }
.M_D_DarkBrown { background: #261100 !important; padding:12px 10px 12px 10px ; font-weight:700; }
.M_D_Espresso { background: #260900 !important; padding:12px 10px 12px 10px ; font-weight:700; }

/* Hell */
.M_H_LightCoral { background: #ff9393 !important; color:#000; padding:2px 4px 2px 4px ; font-weight:700; }
.M_H_BubblegumPink { background: #ff99d7 !important; color:#000; padding:2px 4px 2px 4px ; font-weight:700; }
.M_H_LavenderPink { background: #faa5ff !important; color:#000; padding:2px 4px 2px 4px ; font-weight:700; }
.M_H_PastelPurple { background: #e9adff !important; color:#000; padding:2px 4px 2px 4px ; font-weight:700; }
.M_H_PastelLavender { background: #e7c5ff !important; color:#000; padding:2px 4px 2px 4px ; font-weight:700; }
.M_H_PaleViolet { background: #e0b3ff !important; color:#000; padding:2px 4px 2px 4px ; font-weight:700; }
.M_H_LightLavender { background: #b6a5ff !important; color:#000; padding:2px 4px 2px 4px ; font-weight:700; }
.M_H_BabyBlue { background: #8dadff !important; color:#000; padding:2px 4px 2px 4px ; font-weight:700; }
.M_H_MintGreen { background: #93ffd0 !important; color:#000; padding:2px 4px 2px 4px ; font-weight:700; }
.M_H_PaleLemon { background: #fffc9f !important; color:#000; padding:2px 4px 2px 4px ; font-weight:700; }
.M_H_LightGoldenrod { background: #ffdf7f !important; color:#000; padding:2px 4px 2px 4px ; font-weight:700; }
.M_H_PastelOrange { background: #ffd093 !important; color:#000; padding:2px 4px 2px 4px ; font-weight:700; }
.M_H_Apricot { background: #ffbc85 !important; color:#000; padding:2px 4px 2px 4px ; font-weight:700; }
.M_H_LightSalmon { background: #ffaa85 !important; color:#000; padding:2px 4px 2px 4px ; font-weight:700; }

/* Mittel */
.M_M_BloodRed { background: #9a0000 !important; color:#fff; padding:2px 4px 2px 4px ; font-weight:700; }
.M_M_DarkRaspberry { background: #9a005e !important; color:#fff; padding:2px 4px 2px 4px ; font-weight:700; }
.M_M_RoyalPurple { background: #91009a !important; color:#fff; padding:2px 4px 2px 4px ; font-weight:700; }
.M_M_ElectricIndigo { background: #7900a6 !important; color:#fff; padding:2px 4px 2px 4px ; font-weight:700; }
.M_M_ElectricViolet { background: #6500ac !important; color:#fff; padding:2px 4px 2px 4px ; font-weight:700; }
.M_M_VividViolet { background: #5700b8 !important; color:#fff; padding:2px 4px 2px 4px ; font-weight:700; }
.M_M_VividBlue { background: #2300b8 !important; color:#fff; padding:2px 4px 2px 4px ; font-weight:700; }
.M_M_ElectricBlue { background: #0034b8 !important; color:#fff; padding:2px 4px 2px 4px ; font-weight:700; }
.M_M_PineGreen { background: #004c2b !important; color:#fff; padding:2px 4px 2px 4px ; font-weight:700; }
.M_M_MossGreen { background: #5a5700 !important; color:#fff; padding:2px 4px 2px 4px ; font-weight:700; }
.M_M_DarkMustard { background: #7a5c00 !important; color:#fff; padding:2px 4px 2px 4px ; font-weight:700; }
.M_M_Caramel { background: #7a4500 !important; color:#fff; padding:2px 4px 2px 4px ; font-weight:700; }
.M_M_SaddleBrown { background: #7a3700 !important; color:#fff; padding:2px 4px 2px 4px ; font-weight:700; }
.M_M_BurntSienna { background: #7a2500 !important; color:#fff; padding:2px 4px 2px 4px ; font-weight:700; }

/* Farbverlauf LTR */
.M_G_Gradient1 {
    background: linear-gradient(90deg, #4e1469 0.00%, #4d2c03 83.36%, #713a00 100.00%) !important;
    color: #b9b9b9; padding: 12px 10px 12px 10px;
}
.M_G_Gradient2 {
    background: linear-gradient(90deg, #6b003b 0.00%, #471c59 42.87%, #223777 100.00%) !important;
    color: #b9b9b9; padding: 12px 10px 12px 10px;
}
.M_G_Gradient3 {
    background: linear-gradient(180deg, #0f2a00 0.00%, #212d00 50.00%, #333000 100.00%) !important;
	color: #ff0; padding: 12px 10px 12px 10px;
}
.M_G_Gradient4 {
    background: linear-gradient(90deg, #52320f 0.00%, #52380f 50%, #523e0f 100.00%) !important;
	color: #ffcd7f; padding: 12px 10px 12px 10px;
}
.M_G_Gradient5 {
    background: linear-gradient(90deg, #a93800 0.00%, #9b4200 50.00%, #8d4b00 100.00%) !important;
	color: #2d0000;font-weight:700; padding: 12px 10px 12px 10px;
}
.M_G_Gradient6 {
    background: linear-gradient(90deg, #003aad 0.00%, #0045cf 50.00%, #0050f0 100.00%) !important;
	color: #97baff;font-weight:700; padding: 12px 10px 12px 10px;
}
.M_G_Gradient7 {
    background: linear-gradient(90deg, #003f9e 0.00%, #9e0000 100.00%) !important;
	color: #9eadfb;font-weight:800; padding: 12px 10px 12px 10px;
}
.M_G_Gradient8 {
    background: linear-gradient(90deg, #9e5400 0.00%, #9e005c 100.00%) !important;
	color: #a9a9a9;font-weight:800; padding: 12px 10px 12px 10px;
}
.M_G_Gradient9 {
    background: linear-gradient(90deg, #003985 0.00%, #014700 100.00%) !important;
	color: #69d3a3;font-weight:700; padding: 12px 10px 12px 10px;
}
.M_G_Gradient10 {
    background: linear-gradient(100deg, #3f0773 0.00%, #5b1560 50.00%, #77224d 100.00%) !important;
	color: #e8cfff; padding: 12px 10px 12px 10px;
}
.M_G_Gradient11 {
    background: linear-gradient(90deg, #2c2b88 0.00%, #000a52 100.00%) !important;
	color: #e8cfff; padding: 12px 10px 12px 10px;
}
.M_G_Gradient12 {
    background: linear-gradient(90deg, #5c2c00 0.00%, #470000 100.00%) !important;
	color: #ffd2c3; padding: 12px 10px 12px 10px;
}
.M_G_Gradient13 {
    background: linear-gradient(90deg, #660041 0.00%, #440052 100.00%) !important;
	color: #ffd2c3; padding: 12px 10px 12px 10px;
}
.M_G_Gradient14 {
    background: linear-gradient(180deg, #660041 0.00%, #440052 100.00%) !important;
	color: #ffd2c3; padding: 12px 10px 12px 10px;
}
.M_G_Gradient15 {
    background: linear-gradient(0deg, #6b003b 0.00%, #471c59 42.87%, #223777 100.00%) !important;
    color: #a4afff; padding: 12px 10px 12px 10px;
}



.list_privacy {
    color: #ffbf00;
    font-size: 16px;
    line-height: 1.6;
    margin-left: 20px;
    margin-bottom: 15px;
}

.list_privacy li {
    margin-bottom: 10px;
}

.list_privacy strong {
    color: #ff6600;
}

.list_privacy_green {
    color: #ffbf00;
    font-size: 16px;
    line-height: 1.6;
    margin-left: 20px;
    margin-bottom: 15px;
}

.list_privacy_green li {
    margin-bottom: 10px;
}

.list_privacy_green strong {
    color: #20ff52;
}

.list_privacy_light_orange {
    color: #ffbf00;
    font-size: 16px;
    line-height: 1.6;
    margin-left: 20px;
    margin-bottom: 15px;
}

.list_privacy_light_orange li {
    margin-bottom: 10px;
}

.list_privacy_light_orange strong {
    color: #ff8f00;
}

/* CSS Code */
.script_css strong {margin-left: 12px;}

.script_css {background-color:#33185f;color:#00aaff;padding:5px 10px 5px 10px;border-radius:20px 20px 0px 0px;}

.pre_css {background-color:#251145;color:#7aaeff;padding:20px 20px 20px 20px;border-radius:0px 0px 20px 20px;margin-top: -5px;font-size: 16px;}


/* HTML Code */
.script_html strong {margin-left: 12px;}

.script_html {background-color:#4f1f09;color:#ffa341;padding:5px 10px 5px 10px;border-radius:20px 20px 0px 0px;}

.pre_html {background-color:#3b1706;color:#ffca00;padding:20px 20px 20px 20px;border-radius:0px 0px 20px 20px;margin-top: -5px;font-size: 16px;}


/* PHP Code */
.script_php strong {margin-left: 12px;}

.script_php {background-color:#530912;color:#ffa341;padding:5px 10px 5px 10px;border-radius:20px 20px 0px 0px;}

.pre_php {background-color:#3b060d;color:#ffca00;padding:20px 20px 20px 20px;border-radius:0px 0px 20px 20px;margin-top: -5px;font-size: 16px;}


/* JAVA Code */
.script_java strong {margin-left: 12px;}

.script_java {background-color:#4b0946;color:#ffa341;padding:5px 10px 5px 10px;border-radius:20px 20px 0px 0px;}

.pre_java {background-color:#3b0637;color:#ffca00;padding:20px 20px 20px 20px;border-radius:0px 0px 20px 20px;margin-top: -5px;font-size: 16px;}

/* Tooltip */
.copy-tooltip {
    display: none;
    position: absolute;
    background: #000;
    color: #ff0;
    padding: 5px 10px;
    font-size: 14px;
    z-index: 1001;
    pointer-events: none;
}

/* Zentrierte Benachrichtigung */
.copy-notification {
    position: fixed;
    top: 50%; /* Vertikal zentrieren */
    left: 50%; /* Horizontal zentrieren */
    transform: translate(-50%, -50%); /* Exaktes Zentrieren */
    background: #020;
    color: #ff0;
    padding: 15px 30px;
    border-radius: 5px;
    z-index: 1000;
    box-shadow: 0 2px 10px rgba(0,0,0,0.3);
    opacity: 1;
    transition: opacity 0.3s;
    text-align: center;
    min-width: 200px;
}

/* Kopierbarer Text */
.copyable_text {
    cursor: pointer;margin-top:-20px;margin-bottom:-40px;
}

.extern_link {
    color: #ffee00;
	text-decoration:none;
}

.extern_link:hover {
    color: #ffa939;
	text-decoration:none;
}

.intern_link {
    color: #a6ff00;
	text-decoration:none;
}

.intern_link:hover {
    color: #ffa939;
	text-decoration:none;
}

.list_item {
    padding-left: 40px;
    position: relative;
	color:#c3ff66;
}

.list_item::before {
    content: "➤";
    position: absolute;
    left: 0;
	color:#ff0;
	top:-3px;
}

.list_item_blue_green {
    padding-left: 40px;
    position: relative;
	color:#fbff55;
}

.list_item_blue_green::before {
    content: "➤";
    position: absolute;
    left: 0;
	color:#608cff;
	top:-3px;
}





/* Footer */

.footer_main {
    background-color: #1c1c45;
    padding: 20px 0;
    margin-top: 50px;
}

.footer_content {
    margin: 0 auto;
    text-align: center;
}

.footer_nav {
    margin-bottom: 15px;
}

.footer_link {
    color: #b0b0b0;
    text-decoration: none;
    margin: 0 10px;
    font-size: 18px;
    transition: color 0.3s ease;
    cursor: pointer;
}

.footer_link:hover {
    color: #ffffff;
}

.footer_copyright {
    color: #808080;
    font-size: 16px;
}

.copyright_text {
    color: #0f0; /* Helles Grün für den Text */
}

.copyright_year {
    color: #ff0; /* Gelb für die Jahreszahlen */
}

.impressum_text {color:#fff;line-height:1.9;font-size:18px;}

.span_TextStyle_1 {color:#a1abff;}


/* TOC Styles */

#toc-container {
  position: relative;
  padding-top: 30px;
  margin-top: 10px;
  margin-left:4px;
  margin-bottom:-10px;
}

.toc-toggle-container {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}

.toc-toggle {
  border: none;
  padding: 5px;
  cursor: pointer;
  background-color: #004eaf;
  color: #ff0;
  border-radius: 5px;
}

.toc-toggle:hover {
  background-color: #6c6300;
}

.toc-container[data-open="true"] .toc-toggle {
  background-color: #050;
  color:#ff0;
}

.toc-container[data-open="true"] .toc-toggle:hover {
  background-color: #6c6300;
  color:#fff;
}

#toc_BG {
  background-color: #061406;
  display: none; /* Standardmäßig ausgeblendet */
  padding: 10px;
  border-radius: 10px;
  border: 2px solid #6c8f00;
}

#toc-list {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.toc-list a {
  text-decoration: none;
}

.toc-list li:nth-child(odd) a {
  color: #fff574 !important;
}

.toc-list li:nth-child(even) a {
  color: #ffc63f !important;
}

.toc-list li:nth-child(odd) a:hover {
  color: #ff0 !important;
  background-color:#050;
  display:block;
}

.toc-list li:nth-child(even) a:hover {
  color: #ff0 !important;
  background-color:#050;
  display:block;
}

.toc-list a:hover {
  text-decoration: none;
}

.toc-list a:active {
  color: #FF0000 !important;
}

.toc-list li {
  margin-bottom: 15px;
  white-space: nowrap;
}

.toc-list li:last-child {
  margin-bottom: 0;
}



/* Back to Top */
#back-to-top {
  position: fixed;
  bottom: 20px;
  right: 20px;
  width: 50px;
  height: 50px;
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  /* display: none; */ /* Standardmäßig ausgeblendet */
}

.arrow-up {
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 15px solid #ffba13;
}

/* Content Images */

.content_Images {
  float: left;
  height: 250px;
  width: auto;
  margin-top:24px;
  margin-right: 15px;
}

.content_Images_Sub {
  float: left;
  height: 250px;
  width: auto;
  margin-top:24px;
  margin-right: 15px;
}

/* Allgemeine Textauswahl */

::selection {
    color: #fff;
    background: #a93f3f;
}

/* Spezifische Textauswahl für Überschriften */
h1::selection {
    color: #fff;
    background: #660000;
}

h2::selection {
    color: #fff;
    background: #3498db;
}

h3::selection {
    color: #fff;
    background: #f88000;
}

h4::selection {
    color: #fff;
    background: #27ae60;
}

/* Textauswahl für Links */
a::selection {
    color: #fff;
    background: #f39c12;
}




/* Laufleiste */
/* Scrollbar-Styling für Webkit-Browser (Chrome, Edge, Opera) */
::-webkit-scrollbar {
    width: 12px;
}

::-webkit-scrollbar-track {
    background: linear-gradient(180deg, #3d0300 0.00%, #471d00 46.86%, #4d3000 100.00%);
}

::-webkit-scrollbar-thumb {
    background: linear-gradient(180deg, #a600ff4d 0.00%, #ffbb004d 100.00%);
    border-radius: 8px;
    border: 2px solid #1a1a1a;
}

::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(180deg, #ff00006b 0.00%, #ff00e16b 100.00%);
}

::-webkit-scrollbar-button:single-button {
    /* background-color: #ffffff; */
    display: block;
    border-style: solid;
    height: 13px;
    width: 16px;
}

/* Up */
::-webkit-scrollbar-button:single-button:vertical:decrement {
    border-width: 0 8px 8px 8px;
    border-color: transparent transparent #ff0000 transparent;
}

/* Down */
::-webkit-scrollbar-button:single-button:vertical:increment {
    border-width: 8px 8px 0 8px;
    border-color: #ff9500 transparent transparent transparent;
}


/* Suche Tag Kategorie */

.tags-kategorien {
    margin: 20px 15.7%;
}

.tags-container, .kategorien-container {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 10px;
}

.tags-container h3, .kategorien-container h3 {
    margin: 0 10px 0 0;
    font-size: 1em; /* Anpassen der Schriftgröße nach Bedarf */
    white-space: nowrap;
	color: #ffb300;
}

.tags-list, .kategorien-list {
    display: flex;
    flex-wrap: wrap;
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.tags-list li, .kategorien-list li {
    margin-right: 10px;
    margin-bottom: 5px;
}

.tags-list a, .kategorien-list a {
    display: inline-block;
    text-decoration: none;
    color: #fffb37;
    background-color: #6d0a00;
    padding: 0px 5px;
    border-radius: 3px;
    line-height: 1.5;
}

.tags-list a:hover, .kategorien-list a:hover {
    background-color: #0047b1;
    color: #fff;
}

/* Spoiler Content */

.SpoilerCollapsibleContainer {
  width: 100%;
  margin: 10px 0;
}

.SpoilerCollapsibleHeader {
  background-color: #431717;
  color: #0f0;
  padding: 6px;
  cursor: pointer;
  display: flex;
  transition: background-color 0.3s;
}

.SpoilerCollapsibleContainer.active .SpoilerCollapsibleHeader {
  background-color: #4f2c00; /* Blau im geöffneten Zustand */
}

.SpoilerCollapsibleHeader:hover {
  background-color: #4f2c00;
}

.SpoilerCollapsibleContent {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease-out;
  background-color: #190404;
  border: 1px solid #000;
  border-top: none;
}

.SpoilerText {color: #ffb300;margin-left:20px;margin-right:20px;}

.SpoilerCollapsibleContainer.active .SpoilerCollapsibleContent {
  max-height: 3500px;
}

.SpoilerTitle {
  color: #ff0;
  font-weight:700;
  margin-left:30px;
}

.SpoilerToggleText_Open {
  color: #0f0;
  cursor: pointer;
  font-weight:700;
  margin-left: 25px;
}

.SpoilerToggleText_Close {
  color: #d26d00;
  cursor: pointer;
  font-weight:700;
  margin-left: 25px;
}
.video {width:500px;}


/* Tabellen */

.tab_list_1 {
    display: grid;
    grid-template-columns: max-content; /* 1 Spalte */
    grid-auto-rows: 25px;
    grid-column-gap: 7px;
    grid-row-gap: 1px;
    font-size: 16px;
    font-weight: 700;
    margin-left: 0px;
    white-space: nowrap;
}

.tab_list_2 {
    display: grid;
    grid-template-columns: max-content max-content; /* 2 Spalten */
    grid-auto-rows: 25px;
    grid-column-gap: 7px;
    grid-row-gap: 1px;
    font-size: 16px;
    font-weight: 700;
    margin-left: 0px;
    white-space: nowrap;
}

.tab_list_3 {
    display: grid;
    grid-template-columns: max-content max-content max-content; /* 3 Spalten */
    grid-auto-rows: 25px;
    grid-column-gap: 7px;
    grid-row-gap: 1px;
    font-size: 16px;
    font-weight: 700;
    margin-left: 0px;
    white-space: nowrap;
}

.tab_list_4 {
    display: grid;
    grid-template-columns: max-content max-content max-content max-content; /* 4 Spalten */
    grid-auto-rows: 25px;
    grid-column-gap: 7px;
    grid-row-gap: 1px;
    font-size: 16px;
    font-weight: 700;
    margin-left: 0px;
    white-space: nowrap;
}

.tab_list_5 {
    display: grid;
    grid-template-columns: max-content max-content max-content max-content max-content; /* 5 Spalten */
    grid-auto-rows: 25px;
    grid-column-gap: 7px;
    grid-row-gap: 1px;
    font-size: 16px;
    font-weight: 700;
    margin-left: 0px;
    white-space: nowrap;
}

.tab_list_6 {
    display: grid;
    grid-template-columns: max-content max-content max-content max-content max-content max-content; /* 6 Spalten */
    grid-auto-rows: 25px;
    grid-column-gap: 7px;
    grid-row-gap: 1px;
    font-size: 16px;
    font-weight: 700;
    margin-left: 0px;
    white-space: nowrap;
}

.tab_list_7 {
    display: grid;
    grid-template-columns: max-content max-content max-content max-content max-content max-content max-content; 				  /* 7 Spalten */
    grid-auto-rows: 25px;
    grid-column-gap: 7px;
    grid-row-gap: 1px;
    font-size: 16px;
    font-weight: 700;
    margin-left: 0px;
    white-space: nowrap;
}

.tab_list_8 {
    display: grid;
    grid-template-columns: max-content max-content max-content max-content max-content max-content max-content max-content; 				 /* 8 Spalten */
    grid-auto-rows: 25px;
    grid-column-gap: 7px;
    grid-row-gap: 1px;
    font-size: 16px;
    font-weight: 700;
    margin-left: 0px;
    white-space: nowrap;
}

.tab_list_9 {
    display: grid;
    grid-template-columns: max-content max-content max-content max-content max-content max-content max-content max-content max-content; 				/* 9 Spalten */
    grid-auto-rows: 25px;
    grid-column-gap: 7px;
    grid-row-gap: 1px;
    font-size: 16px;
    font-weight: 700;
    margin-left: 0px;
    white-space: nowrap;
}

.tab_list_10 {
    display: grid;
    grid-template-columns: max-content max-content max-content max-content max-content max-content max-content max-content max-content max-content; 	/* 10 Spalten */
    grid-auto-rows: 25px;
    grid-column-gap: 7px;
    grid-row-gap: 1px;
    font-size: 16px;
    font-weight: 700;
    margin-left: 0px;
    white-space: nowrap;
}

/* Header-Styles */

.header1 {
    font-size: 17px;
    font-weight: 700;
    color: #edeeff;
    background-color: #2d348b;
    padding-left: 10px;
    padding-right: 14px;
}

.header2 {
    font-size: 17px;
    font-weight: 700;
    color: #f6ebff;
    background-color: #5a3478;
    padding-left: 10px;
    padding-right: 14px;
}

.header3 {
    font-size: 17px;
    font-weight: 700;
    color: #ffe9fd;
    background-color: #73336c;  /* Neue Header-Farbe */
    padding-left: 10px;
    padding-right: 14px;
}

.header4 {
    font-size: 17px;
    font-weight: 700;
    color: #ffeaf6;
    background-color: #783459;  /* Neue Header-Farbe */
    padding-left: 10px;
    padding-right: 14px;
}

.header5 {
    font-size: 17px;
    font-weight: 700;
    color: #ffedea;
    background-color: #783e34;  /* Neue Header-Farbe */
    padding-left: 10px;
    padding-right: 14px;
}

.header6 {
    font-size: 17px;
    font-weight: 700;
    color: #fff4ea;
    background-color: #6b4a2f;  /* Neue Header-Farbe */
    padding-left: 10px;
    padding-right: 14px;
}

.header7 {
    font-size: 17px;
    font-weight: 700;
    color: #fff9ea;
    background-color: #61522b;  /* Neue Header-Farbe */
    padding-left: 10px;
    padding-right: 14px;
}

.header8 {
    font-size: 17px;
    font-weight: 700;
    color: #faffe8;
    background-color: #464f23;  /* Neue Header-Farbe */
    padding-left: 10px;
    padding-right: 14px;
}

.header9 {
    font-size: 17px;
    font-weight: 700;
    color: #e6fff7;
    background-color: #1f473a;  /* Neue Header-Farbe */
    padding-left: 10px;
    padding-right: 14px;
}

.header10 {
    font-size: 17px;
    font-weight: 700;
    color: #e3f7ff;
    background-color: #254855;  /* Neue Header-Farbe */
    padding-left: 10px;
    padding-right: 14px;
}

/* Entrys-Styles */

.entry1 {
	font-family:Dejavu Sans;
	font-size: 15px;
	font-weight: 700;
	line-height: 1.6;
    color: #e4e6ff;
    background-color: #3e48c3;
	padding-left: 10px;
	padding-right: 14px;
}

.entry2 {
	font-family:Dejavu Sans;
	font-size: 15px;
	font-weight: 700;
	line-height: 1.6;
    color: #ecd2ff;
    background-color: #77449d;
	padding-left: 10px;
	padding-right: 14px;
}

.entry3 {
	font-family:Dejavu Sans;
	font-size: 15px;
	font-weight: 700;
	line-height: 1.6;
    color: #ffdafb;
    background-color: #9d4594;  /* Neue Spalten-Farbe */
	padding-left: 10px;
	padding-right: 14px;
}

.entry4 {
	font-family:Dejavu Sans;
	font-size: 15px;
	font-weight: 700;
	line-height: 1.6;
    color: #ffe4f3;
    background-color: #9d4575;  /* Neue Spalten-Farbe */
	padding-left: 10px;
	padding-right: 14px;
}

.entry5 {
	font-family:Dejavu Sans;
	font-size: 15px;
	font-weight: 700;
	line-height: 1.6;
    color: #ffe6e2;
    background-color: #9d5145;  /* Neue Spalten-Farbe */
	padding-left: 10px;
	padding-right: 14px;
}

.entry6 {
	font-family:Dejavu Sans;
	font-size: 15px;
	font-weight: 700;
	line-height: 1.6;
    color: #ffe7d3;
    background-color: #9d6c45;  /* Neue Spalten-Farbe */
	padding-left: 10px;
	padding-right: 14px;
}

.entry7 {
	font-family:Dejavu Sans;
	font-size: 15px;
	font-weight: 700;
	line-height: 1.6;
    color: #fff7e0;
    background-color: #967f42;  /* Neue Spalten-Farbe */
	padding-left: 10px;
	padding-right: 14px;
}

.entry8 {
	font-family:Dejavu Sans;
	font-size: 15px;
	font-weight: 700;
	line-height: 1.6;
    color: #f8ffde;
    background-color: #6a7834;  /* Neue Spalten-Farbe */
	padding-left: 10px;
	padding-right: 14px;
}

.entry9 {
	font-family:Dejavu Sans;
	font-size: 15px;
	font-weight: 700;
	line-height: 1.6;
    color: #ddfff4;
    background-color: #347862;  /* Neue Spalten-Farbe */
	padding-left: 10px;
	padding-right: 14px;
}

.entry10 {
	font-family:Dejavu Sans;
	font-size: 15px;
	font-weight: 700;
	line-height: 1.6;
    color: #d0f3ff;
    background-color: #346678;  /* Neue Spalten-Farbe */
	padding-left: 10px;
	padding-right: 14px;
}

/* Gemeinsame Styles */

.header1, .header2, .header3, .header4, .header5, .header6, .header7, .header8, .header9, .header10 {
    box-sizing: border-box;
    background-clip: padding-box;
    min-width: max-content;
}

.entry1, .entrys2, .entry3, .entry4, .entry5, .entry6, .entry7, .entry8, .entry9, .entry10 {
    box-sizing: border-box;
    background-clip: padding-box;
    min-width: max-content;
    width: 100%;
}


/* Video Player */

.ToolBar {padding-top:75px;}



/* Video-Container ohne feste Positionierung */
.videoContainer {
    max-width: 500px; /* Standardbreite */
    position: relative;
    cursor: pointer;
    /* Margin und sonstige Positionierung entfallen */
}

/* Standardbreite des Videos */
.video {
    width: 100%; /* Nimmt die Breite des Containers an */
    border-radius: 12px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
    display: block;
}

/* ==========================================================================
   * Neue CSS-Regeln ab hier
   ========================================================================== */

/* Steuerung */
.video-controls {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: #000;
    padding: 10px;
    display: flex;
    flex-direction: column; /* Anordnung von oben nach unten */
    border-radius: 0 0 12px 12px;
    opacity: 1;
    transition: opacity 0.3s ease;
}

.video-controls.hidden {
    opacity: 0;
    pointer-events: none;
}

/* Obere Steuerung */
.top-controls {
    display: flex;
    justify-content: space-between; /* Zeit und Buttons verteilen */
    align-items: center; /* Vertikale Ausrichtung */
    margin-bottom: 5px; /* Abstand zur Fortschrittsanzeige */
}

/* Buttons */
.buttons {
    display: flex;
    gap: 8px; /* Abstand zwischen den Buttons */
}

button {
    background: #ff4081;
    border: none;
    color: white;
    padding: 8px 12px;
    border-radius: 4px;
    cursor: pointer;
    z-index: 2;
    font-size: 16px;
}

/* Fortschrittsanzeige */
.progress {
    flex-grow: 1;
    height: 8px;
    background: #ff9900;
    cursor: pointer;
    position: relative;
    border-radius: 4px;
    overflow: hidden;
}

.progress-bar {
    height: 100%;
    background: #004eff;
    width: 0%;
    transition: width 0.1s linear;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
}

.progress::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    background: #ff0196;
    width: var(--cache-width, 0%);
    transition: width 0.3s linear;
    z-index: 2;
}

/* Lautstärke-Anzeige */
.volume-display {
    position: absolute;
    left: 50%;
    bottom: 60px;
    transform: translateX(-50%);
    background: rgba(0,0,0,0.85);
    color: #fff;
    padding: 8px 18px;
    border-radius: 6px;
    font-size: 15px;
    display: none;
    z-index: 10;
    min-width: 120px;
    text-align: center;
    pointer-events: none;
}

.volume-bar {
    width: 100%;
    height: 6px;
    background: #333;
    border-radius: 3px;
    margin-top: 6px;
    overflow: hidden;
    position: relative;
}

.volume-bar-inner {
    height: 100%;
    background: #ff4081;
    width: 0%;
    border-radius: 3px;
    transition: width 0.1s linear;
}

/* **NEU: Vollbild-Stile** */
.videoContainer:-webkit-full-screen {
    width: 100%;
    max-width: none;
}

.videoContainer:-moz-full-screen {
    width: 100%;
    max-width: none;
}

.videoContainer:full-screen {
    width: 100%;
    max-width: none;
}

.videoContainer:-webkit-full-screen .video {
    width: 100%;
    height: 100%;
}

.videoContainer:-moz-full-screen .video {
    width: 100%;
    height: 100%;
}

.videoContainer:full-screen .video {
    width: 100%;
    height: 100%;
}

.videoContainer:-webkit-full-screen .video-controls {
    width: 100%;
}

.videoContainer:-moz-full-screen .video-controls {
    width: 100%;
}

.videoContainer:full-screen .video-controls {
    width: 100%;
}


.play-pause {
    background-color:#000;
    color:#ff3d01;
    border: 1px solid #000;
    font-weight:700;
}

.stop {
    background-color:#000;
    color:#ff3d01;
    border: 1px solid #000;
    font-weight:700;
}

.mute {
    background-color:#000;
    border: 1px solid #000;
    font-weight:700;
}

.vol-inc {
    background-color:#000;
    border: 1px solid #000;
    font-weight:700;
}

.vol-dec {
    background-color:#000;
    border: 1px solid #000;
    font-weight:700;
}

.fs {
    background-color:#000;
    color:#0f0;
    border: 1px solid #000;
    font-weight:700;
}


.play-pause:hover {
    background-color:#000;
    color:#01f6ff;
    border: 1px solid #000;
    font-weight:700;
}

.stop:hover {
    background-color:#000;
    color:#01f6ff;
    border: 1px solid #000;
    font-weight:700;
}

.mute:hover {
    background-color:#000;
    color:#01f6ff;
    border: 1px solid #000;
    font-weight:700;
}

.vol-inc:hover {
    background-color:#000;
    color:#01f6ff;
    border: 1px solid #000;
    font-weight:700;
}

.vol-dec:hover {
    background-color:#000;
    color:#01f6ff;
    border: 1px solid #000;
    font-weight:700;
}

.fs:hover {
    background-color:#000;
    color:#01f6ff;
    border: 1px solid #000;
    font-weight:700;
}

.current-time {
    color: #ff0;
    font-size: 14px;
    margin: 0 5px;
}

.duration {
    color: #01f6ff;
    font-size: 14px;
    margin: 0 5px;
}

/* Stelle sicher, dass der videoContainer im Vollbildmodus die volle Breite einnimmt */
.videoContainer:-webkit-full-screen {
    width: 100%;
    max-width: none;
}

.videoContainer:-moz-full-screen {
    width: 100%;
    max-width: none;
}

.videoContainer:full-screen {
    width: 100%;
    max-width: none;
}

/* Stelle sicher, dass die Steuerung im Vollbildmodus sichtbar ist */
.videoContainer:-webkit-full-screen .video-controls-container {
    position: fixed; /* Oder absolute, je nach Bedarf */
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 2147483647; /* Höchstmögliche Zahl, um sicherzustellen, dass sie über allem liegt */
    width: 100%;
}

.videoContainer:-moz-full-screen .video-controls-container {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 2147483647;
    width: 100%;
}

.videoContainer:full-screen .video-controls-container {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 2147483647;
    width: 100%;
}

/* Stelle sicher, dass die Fortschrittsanzeige im Vollbildmodus sichtbar ist */
.videoContainer:-webkit-full-screen .progress-container {
    width: 100%; /* Stelle sicher, dass sie die volle Breite einnimmt */
}

.videoContainer:-moz-full-screen .progress-container {
    width: 100%;
}

.videoContainer:full-screen .progress-container {
    width: 100%;
}

.video-controls-container.hidden {
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s ease;
}


/* Playlist */

.head_1 {
  position: relative;
}

.playlist-sidebar {
  position: absolute;
  left: 100%;         /* Rechts neben dem Öffner */
  top: 0;
  width: 500px;
  background: #0c081d;
  color: #71a1e0;
  max-height: 80vh;
  overflow-y: auto;
  box-sizing: border-box;
  z-index: 5000;
  margin-left: 8px;
  border-radius: 0 8px 8px 8px;
  box-shadow: 2px 2px 8px rgba(0,0,0,0.3);
}

/* Wenn die Klasse .fullscreen am Body ist, wird das Menü oben links als Overlay angezeigt */
body.fullscreen .playlist-sidebar {
  position: fixed;
  left: 0;
  top: 0;
  width: 500px;
  max-height: 90vh;
  margin-left: 0;
  border-radius: 0 0 8px 0;
  box-shadow: 4px 4px 16px rgba(0,0,0,0.5);
  z-index: 9999;
}

.playlist {
  list-style: none;
  padding: 0;
  margin: 0;
}

.playlist-item {
  padding: 1px 11px;
  cursor: pointer;
  border-bottom: 1px solid #3e448b;
  transition: background 0.2s;
}

.playlist-item.active {
  background: #3f1f7d;
  color: #ffd700;
}

.playlist-item:hover {
  background: #3f4481;
  color: #33eeff;
}

.newsBox {
    width: 98%;
    /* margin: 0 auto 32px auto; */
    margin-left: 20px;
    padding: 0px 0px;
    /* background: #16162d; */
    border-radius: 10px;
    box-shadow: 0 0px 0px #000a;
	color:#ffc90d;
	text-align: justify;
}

.NewsBoxTitel {color:#ff8502;}

.columns_2, .columns_3, .columns_4, .columns_5 {
  margin-top: 12px;
  margin-bottom: 12px;
  padding: 12px 16px;
  background: #000;/* 010f29 */
  border-radius: 6px;
  font-size: 1em;
  line-height: 1.6;
}

.columns_2 {
  column-count: 2;
  column-gap: 5%;
  width: 90%;
  margin: 0 auto;
}
.columns_3 {
  column-count: 3;
  column-gap: 3%;
  width: 96%;
  margin: 0 auto;
}
.columns_4 {
  column-count: 4;
  column-gap: 2%;
  width: 98%;
  margin: 0 auto;
}
.columns_5 {
  column-count: 5;
  column-gap: 2%;
  width: 100%;
  margin: 0 auto;
}


/* Text-Spalten V2.0 - 1, 2, 3 und 4 Spaltig */
.SpaltenContainer {
  display: flex;
  gap: 2.5%;
  width: 98%;
  margin: 0 auto 38px auto;
  background: transparent;
}

.SpaltenBox_1, .SpaltenBox_2, .SpaltenBox_3, .SpaltenBox_4 {
  flex: 1 1 0;
  background: #16162d;
  border-radius: 10px;
  padding: 18px 14px;
  box-shadow: 0 4px 24px #000a;
  display: flex;
  flex-direction: column;
  min-width: 120px;
  max-width: 100%;
}

.SpaltenTitel {
  font-weight: bold;
  margin-bottom: 12px;
  font-size: 1.08em;
  color: #fff;
  letter-spacing: 0.03em;
}

.SpaltenInhalt {
  /* color: #e0e0e0; */
  font-size: 1em;
  line-height: 1.6;
}
@media (max-width: 900px) {
  .SpaltenContainer {
    flex-direction: column;
    gap: 18px;
  }
}


/* Text-Spalten V2.1 - 1, 2, 3 und 4 Spaltig */

.SpaltenFlexContainer {
  display: flex;
  gap: 2.5%;
  width: 98%;
  margin: 0 auto 38px auto;
  background: transparent;
  align-items: flex-start; /* Jede Spalte nur so hoch wie ihr Inhalt */
}

.SpaltenFlexBox_1, .SpaltenFlexBox_2, .SpaltenFlexBox_3, .SpaltenFlexBox_4 {
  flex: 1 1 0;
  background: #16162d;
  border-radius: 10px;
  padding: 18px 14px;
  box-shadow: 0 4px 24px #000a;
  display: flex;
  flex-direction: column;
  min-width: 120px;
  max-width: 100%;
}

.SpaltenFlexTitel {
  font-weight: bold;
  margin-bottom: 12px;
  font-size: 1.08em;
  color: #fff;
  letter-spacing: 0.03em;
}

.SpaltenFlexInhalt {
  /* color: #e0e0e0; */
  font-size: 1em;
  line-height: 1.6;
}
@media (max-width: 900px) {
  .SpaltenFlexContainer {
    flex-direction: column;
    gap: 18px;
  }
}


.guru-tooltip {
      position: relative;
      display: inline-block;
      cursor: pointer;
      color: #ffd700; /* Gold für den Guru */
      font-weight: bold;
      border-bottom: 2px dashed #ffd700;
      transition: color 0.2s;
    }
    .guru-tooltip:hover,
    .guru-tooltip:focus {
      color: #fff;
      outline: none;
    }
    .guru-tooltip .tooltiptext {
      visibility: hidden;
      opacity: 0;
      width: 320px;
      background: #23272f;
      color: #ffd700;
      text-align: left;
      border-radius: 8px;
      border: 1.5px solid #ffd700;
      padding: 18px 22px;
      position: absolute;
      z-index: 100;
      left: 50%;
      top: 130%;
      transform: translateX(-50%);
      box-shadow: 0 8px 32px rgba(0,0,0,0.4);
      font-size: 1.05em;
      transition: opacity 0.25s, visibility 0.25s;
      pointer-events: none;
    }
    .guru-tooltip:hover .tooltiptext,
    .guru-tooltip:focus .tooltiptext {
      visibility: visible;
      opacity: 1;
      pointer-events: auto;
    }
    /* Optional: Tooltip-Pfeil */
    .guru-tooltip .tooltiptext::before {
      content: "";
      position: absolute;
      top: -12px;
      left: 50%;
      transform: translateX(-50%);
      border-width: 0 10px 12px 10px;
      border-style: solid;
      border-color: transparent transparent #23272f transparent;
      filter: drop-shadow(0 -2px 2px #ffd700);
    }
	
	
	
	.guru-tooltip {
  position: relative;
  display: inline-block;
  cursor: pointer;
  color: #ffd700;
  font-weight: bold;
  border-bottom: 2px dashed #ffd700;
  transition: color 0.2s;
}

/* Standard: Tooltip mittig */


.guru-tooltip .tooltiptext {
  visibility: hidden;
  opacity: 0;
  width: 320px;
  background: #23272f;
  color: #ffd700;
  text-align: left;
  border-radius: 8px;
  border: 1.5px solid #ffd700;
  padding: 18px 22px;
  position: absolute;
  z-index: 9999;
  box-shadow: 0 8px 32px rgba(0,0,0,0.4);
  font-size: 1.05em;
  transition: opacity 0.25s, visibility 0.25s;
  pointer-events: none;
  /* KEIN left/top hier! */
}


/* Tooltip nach links ausrichten, wenn am rechten Rand */
.guru-tooltip.left-edge .tooltiptext {
  left: 0;
  transform: translateX(0);
}

/* Tooltip nach rechts ausrichten, wenn am linken Rand */
.guru-tooltip.right-edge .tooltiptext {
  left: 100%;
  transform: translateX(-100%);
}

.tooltiptext {
  visibility: hidden;
  opacity: 0;
  width: 320px;
  background: #012700;
  color: #ffd700;
  text-align: left;
  border-radius: 8px;
  border: 1.5px solid #ffd700;
  padding: 18px 22px;
  position: absolute;
  z-index: 9999;
  box-shadow: 0 8px 32px rgba(0,0,0,0.4);
  font-size: 1.05em;
  transition: opacity 0.25s, visibility 0.25s;
  pointer-events: none;
  /* Kein left/top hier, das macht das JS */
}

	
	
    /* Responsive Anpassung */
    @media (max-width: 500px) {
      .guru-tooltip .tooltiptext {
        width: 90vw;
        font-size: 1em;
        left: 50%;
        transform: translateX(-50%);
      }
    }
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
.PaginationContainer {
  max-width: 1080px;
  margin: 0 auto 32px auto;
  padding: 28px 28px 15px 28px;
  /* background: #101010; */
  border-radius: 10px;
  box-shadow: 0 4px 24px #000a;
  min-height: 480px;
  overflow: hidden;
  position: relative;
}

.Columns_P2 .COLleft,
.Columns_P2 .right {
  text-align: left;
}


.Columns_P1, .Columns_P2 {
    margin: 0 auto;
    padding: 12px 10px;
    background: #060616;
    border-radius: 6px;
  box-shadow: 0 0px 12px #4d7cff;
    font-size: 1em;
    line-height: 1.6;
    min-height: 372px;
    transition: transform 0.7s cubic-bezier(.77,0,.18,1), opacity 0.7s;
    will-change: transform, opacity;
    overflow: auto;
    max-height: 600px;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}

.Columns_P1 { width: 100%; }
.Columns_P2 {
  display: flex;
  gap: 10px;
  width: 100%;
}
.Columns_P2 .col {
  flex: 1;
  background: #060616;
  border-radius: 6px;
  padding: 16px;
  min-width: 110px;
  font-size: 1em;
  line-height: 1.6;
  box-shadow: 0 2px 8px #4b5885;
  /* overflow-x: auto;  <--- ENTFERNEN! */
  overflow-wrap: break-word;
  word-break: break-word;
  /* max-width: 100%; */    height: 130%
;
}

@media (max-width: 900px) {
  .Columns_P2 { flex-direction: column; gap: 18px; width: 100%; }
  .Columns_P2 .col { padding: 12px 8px; }
  .Columns_P1 { padding: 12px 8px; }
}


.ImgCol {
  width: 95%;       /* Bild nimmt 90% der Spaltenbreite ein */
  max-width: 95%;   /* Bild nimmt maximal 95% der Spaltenbreite ein */
  height: auto;     /* Seitenverhältnis bleibt erhalten */
  display: block;   /* entfernt Lücke unter dem Bild */
  margin: 0 auto;   /* zentriert das Bild horizontal */
}




















/* Masonry Hintergründe */

.masonry-container {
  column-count: 4;
  column-gap: 20px;
  max-width: 100%;
  margin: 40px auto;
  /* padding: 20px; */
  background: #000;
}
@media (max-width: 1100px) { .masonry-container { column-count: 3; } }
@media (max-width: 700px) { .masonry-container { column-count: 1; } }
.masonry-item {
  border-radius: 8px;
  box-shadow: 0 2px 12px #0007;
  margin-bottom: 20px;
  padding: 22px 24px;
  display: block;
  break-inside: avoid;
  font-size: 1.08em;
  line-height: 1.5;
  font-weight: 500;
  background: #3a4e7a;
  color: #fff;
  transition: background 0.2s;
}
.MasonryCol_Default { background: #3a4e7a !important; color: #fff !important; }

.MasonryCol_A1 { background: #4e2424 !important; color: #fff !important; }
.MasonryCol_A2 { background: #4e2435 !important; color: #fff !important; }
.MasonryCol_A3 { background: #4e2443 !important; color: #fff !important; }
.MasonryCol_A4 { background: #4e244e !important; color: #fff !important; }
.MasonryCol_A5 { background: #47244e !important; color: #fff !important; }
.MasonryCol_A6 { background: #3d244e !important; color: #fff !important; }
.MasonryCol_A7 { background: #34244e !important; color: #fff !important; }

.MasonryCol_B1 { background: #00393a !important; color: #fff !important; }
.MasonryCol_B2 { background: #003a0f !important; color: #fff !important; }
.MasonryCol_B3 { background: #253a00 !important; color: #fff !important; }
.MasonryCol_B4 { background: #3a3900 !important; color: #fff !important; }
.MasonryCol_B5 { background: #403600 !important; color: #fff !important; }
.MasonryCol_B6 { background: #402f00 !important; color: #fff !important; }
.MasonryCol_B7 { background: #402400 !important; color: #fff !important; }

.MasonryCol_C1 { background: #660035 !important; color: #fff !important; }
.MasonryCol_C2 { background: #66004f !important; color: #fff !important; }
.MasonryCol_C3 { background: #5b0066 !important; color: #fff !important; }
.MasonryCol_C4 { background: #430066 !important; color: #fff !important; }
.MasonryCol_C5 { background: #300066 !important; color: #fff !important; }
.MasonryCol_C6 { background: #001166 !important; color: #fff !important; }
.MasonryCol_C7 { background: #002b66 !important; color: #fff !important; }

.MasonryCol_D1 { background: #660700 !important; color: #fff !important; }
.MasonryCol_D2 { background: #66004f !important; color: #fff !important; }
.MasonryCol_D3 { background: #560066 !important; color: #fff !important; }
.MasonryCol_D4 { background: #300066 !important; color: #fff !important; }
.MasonryCol_D5 { background: #001a66 !important; color: #fff !important; }
.MasonryCol_D6 { background: #103400 !important; color: #fff !important; }
.MasonryCol_D7 { background: #722b00 !important; color: #fff !important; }

.MasonryCol_E1 { background: #744a4a !important; color: #fff !important; }
.MasonryCol_E2 { background: #744a5b !important; color: #fff !important; }
.MasonryCol_E3 { background: #744a69 !important; color: #fff !important; }
.MasonryCol_E4 { background: #744a74 !important; color: #fff !important; }
.MasonryCol_E5 { background: #6d4a74 !important; color: #fff !important; }
.MasonryCol_E6 { background: #634a74 !important; color: #fff !important; }
.MasonryCol_E7 { background: #5a4a74 !important; color: #fff !important; }

.MasonryCol_F1 { background: #265f60 !important; color: #fff !important; }
.MasonryCol_F2 { background: #266035 !important; color: #fff !important; }
.MasonryCol_F3 { background: #4b6026 !important; color: #fff !important; }
.MasonryCol_F4 { background: #605f26 !important; color: #fff !important; }
.MasonryCol_F5 { background: #665c26 !important; color: #fff !important; }
.MasonryCol_F6 { background: #665526 !important; color: #fff !important; }
.MasonryCol_F7 { background: #664a26 !important; color: #fff !important; }

.MasonryCol_G1 { background: #8c265b !important; color: #fff !important; }
.MasonryCol_G2 { background: #8c2675 !important; color: #fff !important; }
.MasonryCol_G3 { background: #81268c !important; color: #fff !important; }
.MasonryCol_G4 { background: #69268c !important; color: #fff !important; }
.MasonryCol_G5 { background: #56268c !important; color: #fff !important; }
.MasonryCol_G6 { background: #26378c !important; color: #fff !important; }
.MasonryCol_G7 { background: #26518c !important; color: #fff !important; }

.MasonryCol_H1 { background: #8c2d26 !important; color: #fff !important; }
.MasonryCol_H2 { background: #8c2675 !important; color: #fff !important; }
.MasonryCol_H3 { background: #7c268c !important; color: #fff !important; }
.MasonryCol_H4 { background: #56268c !important; color: #fff !important; }
.MasonryCol_H5 { background: #26408c !important; color: #fff !important; }
.MasonryCol_H6 { background: #365a26 !important; color: #fff !important; }
.MasonryCol_H7 { background: #985126 !important; color: #fff !important; }

.MasonryCol_I1 { background: #c00000 !important; color: #fff !important; }
.MasonryCol_I2 { background: #c0008c !important; color: #fff !important; }
.MasonryCol_I3 { background: #b900c0 !important; color: #fff !important; }
.MasonryCol_I4 { background: #6300c0 !important; color: #fff !important; }
.MasonryCol_I5 { background: #000ec0 !important; color: #fff !important; }
.MasonryCol_I6 { background: #004c17 !important; color: #fff !important; }
.MasonryCol_I7 { background: #c66200 !important; color: #fff !important; }

.MasonryCol_J1 { background: #642e2e !important; color: #fff !important; }
.MasonryCol_J2 { background: #642e4e !important; color: #fff !important; }
.MasonryCol_J3 { background: #642e61 !important; color: #fff !important; }
.MasonryCol_J4 { background: #552e64 !important; color: #fff !important; }
.MasonryCol_J5 { background: #2e3764 !important; color: #fff !important; }
.MasonryCol_J6 { background: #2a4026 !important; color: #fff !important; }
.MasonryCol_J7 { background: #544332 !important; color: #fff !important; }

.MasonryCol_K1 { background: #ff93a0 !important; color: #000 !important; }
.MasonryCol_K2 { background: #ff93d3 !important; color: #000 !important; }
.MasonryCol_K3 { background: #f493ff !important; color: #000 !important; }
.MasonryCol_K4 { background: #da93ff !important; color: #000 !important; }
.MasonryCol_K5 { background: #b493ff !important; color: #000 !important; }
.MasonryCol_K6 { background: #a293ff !important; color: #000 !important; }
.MasonryCol_K7 { background: #9398ff !important; color: #000 !important; }

.MasonryCol_L1 { background: #cb7b83 !important; color: #000 !important; }
.MasonryCol_L2 { background: #cb7b9f !important; color: #000 !important; }
.MasonryCol_L3 { background: #cb7bc1 !important; color: #000 !important; }
.MasonryCol_L4 { background: #bf7bcb !important; color: #000 !important; }
.MasonryCol_L5 { background: #aa7bcb !important; color: #000 !important; }
.MasonryCol_L6 { background: #8c7bcb !important; color: #000 !important; }
.MasonryCol_L7 { background: #7b7fcb !important; color: #000 !important; }

.MasonryCol_M1 { background: #dbb297 !important; color: #000 !important; }
.MasonryCol_M2 { background: #dbc597 !important; color: #000 !important; }
.MasonryCol_M3 { background: #dbd797 !important; color: #000 !important; }
.MasonryCol_M4 { background: #cadb97 !important; color: #000 !important; }
.MasonryCol_M5 { background: #aadb97 !important; color: #000 !important; }
.MasonryCol_M6 { background: #97dba1 !important; color: #000 !important; }
.MasonryCol_M7 { background: #97dbbd !important; color: #000 !important; }

.MasonryCol_N1 { background: #e3c97b !important; color: #000 !important; }
.MasonryCol_N2 { background: #e3ac7b !important; color: #000 !important; }
.MasonryCol_N3 { background: #e3937b !important; color: #000 !important; }
.MasonryCol_N4 { background: #e37d7b !important; color: #000 !important; }
.MasonryCol_N5 { background: #e37b93 !important; color: #000 !important; }
.MasonryCol_N6 { background: #e37bb1 !important; color: #000 !important; }
.MasonryCol_N7 { background: #e37bdf !important; color: #000 !important; }

.MasonryCol_O1 { background: #f29a60 !important; color: #fff !important; }
.MasonryCol_O2 { background: #f27860 !important; color: #fff !important; }
.MasonryCol_O3 { background: #f26060 !important; color: #fff !important; }
.MasonryCol_O4 { background: #f26078 !important; color: #fff !important; }
.MasonryCol_O5 { background: #f26097 !important; color: #fff !important; }
.MasonryCol_O6 { background: #f260b6 !important; color: #fff !important; }
.MasonryCol_O7 { background: #f260ed !important; color: #fff !important; }

.MasonryCol_P1 { background: #ffada5 !important; color: #000 !important; }
.MasonryCol_P2 { background: #ffa5ba !important; color: #000 !important; }
.MasonryCol_P3 { background: #ffa5d8 !important; color: #000 !important; }
.MasonryCol_P4 { background: #f3a5ff !important; color: #000 !important; }
.MasonryCol_P5 { background: #d4a5ff !important; color: #000 !important; }
.MasonryCol_P6 { background: #a7a5ff !important; color: #000 !important; }
.MasonryCol_P7 { background: #a5bcff !important; color: #000 !important; }

.MasonryCol_Q1 { background: #eca992 !important; color: #000 !important; }
.MasonryCol_Q2 { background: #ecbe92 !important; color: #000 !important; }
.MasonryCol_Q3 { background: #ecd292 !important; color: #000 !important; }
.MasonryCol_Q4 { background: #ece592 !important; color: #000 !important; }
.MasonryCol_Q5 { background: #cbec92 !important; color: #000 !important; }
.MasonryCol_Q6 { background: #a1ec92 !important; color: #000 !important; }
.MasonryCol_Q7 { background: #92ecba !important; color: #000 !important; }

.MasonryCol_R1 { background: #446251 !important; color: #fff !important; }
.MasonryCol_R2 { background: #ff9999 !important; color: #000 !important; }
.MasonryCol_R3 { background: #811f26 !important; color: #fff !important; }
.MasonryCol_R4 { background: #9faaff !important; color: #000 !important; }
.MasonryCol_R5 { background: #3d1f81 !important; color: #fff !important; }
.MasonryCol_R6 { background: #99ffe6 !important; color: #000 !important; }
.MasonryCol_R7 { background: #81661f !important; color: #fff !important; }

.MasonryCol_S1 { background: #ff8e85 !important; color: #000 !important; }
.MasonryCol_S2 { background: #e00079 !important; color: #fff !important; }
.MasonryCol_S3 { background: #d585ff !important; color: #000 !important; }
.MasonryCol_S4 { background: #5b53ff !important; color: #fff !important; }
.MasonryCol_S5 { background: #19ffb1 !important; color: #000 !important; }
.MasonryCol_S6 { background: #226000 !important; color: #fff !important; }
.MasonryCol_S7 { background: #ffa019 !important; color: #000 !important; }

.MasonryCol_T1 { background: #ffda59 !important; color: #000 !important; }
.MasonryCol_T2 { background: #a62300 !important; color: #fff !important; }
.MasonryCol_T3 { background: #90ff59 !important; color: #000 !important; }
.MasonryCol_T4 { background: #a60089 !important; color: #fff !important; }
.MasonryCol_T5 { background: #33baff !important; color: #000 !important; }
.MasonryCol_T6 { background: #6200a6 !important; color: #fff !important; }
.MasonryCol_T7 { background: #ffa5f8 !important; color: #000 !important; }

.MasonryCol_U1 { background: #867200 !important; color: #fff !important; }
.MasonryCol_U2 { background: #865800 !important; color: #fff !important; }
.MasonryCol_U3 { background: #862600 !important; color: #fff !important; }
.MasonryCol_U4 { background: #860045 !important; color: #fff !important; }
.MasonryCol_U5 { background: #80007c !important; color: #fff !important; }
.MasonryCol_U6 { background: #570080 !important; color: #fff !important; }
.MasonryCol_U7 { background: #300080 !important; color: #fff !important; }

.MasonryCol_V1 { background: #004880 !important; color: #fff !important; }
.MasonryCol_V2 { background: #006980 !important; color: #fff !important; }
.MasonryCol_V3 { background: #005a3d !important; color: #fff !important; }
.MasonryCol_V4 { background: #405a00 !important; color: #fff !important; }
.MasonryCol_V5 { background: #5a4400 !important; color: #fff !important; }
.MasonryCol_V6 { background: #7a2e00 !important; color: #fff !important; }
.MasonryCol_V7 { background: #7a0014 !important; color: #fff !important; }

.MasonryCol_W1 { background: #120085 !important; color: #fff !important; }
.MasonryCol_W2 { background: #380085 !important; color: #fff !important; }
.MasonryCol_W3 { background: #5d0085 !important; color: #fff !important; }
.MasonryCol_W4 { background: #710072 !important; color: #fff !important; }
.MasonryCol_W5 { background: #720053 !important; color: #fff !important; }
.MasonryCol_W6 { background: #6c0030 !important; color: #fff !important; }
.MasonryCol_W7 { background: #5a000d !important; color: #fff !important; }

.MasonryCol_X1 { background: #074c00 !important; color: #fff !important; }
.MasonryCol_X2 { background: #3b4c00 !important; color: #fff !important; }
.MasonryCol_X3 { background: #804200 !important; color: #fff !important; }
.MasonryCol_X4 { background: #860016 !important; color: #fff !important; }
.MasonryCol_X5 { background: #80006d !important; color: #fff !important; }
.MasonryCol_X6 { background: #43008f !important; color: #fff !important; }
.MasonryCol_X7 { background: #001f8f !important; color: #fff !important; }

.MasonryCol_Y1 { background: #6c5100 !important; color: #fff !important; }
.MasonryCol_Y2 { background: #6c5900 !important; color: #fff !important; }
.MasonryCol_Y3 { background: #605f00 !important; color: #fff !important; }
.MasonryCol_Y4 { background: #426000 !important; color: #fff !important; }
.MasonryCol_Y5 { background: #006007 !important; color: #fff !important; }
.MasonryCol_Y6 { background: #00604f !important; color: #fff !important; }
.MasonryCol_Y7 { background: #004f60 !important; color: #fff !important; }

.MasonryCol_Z1 { background: #003234 !important; color: #fff !important; }
.MasonryCol_Z2 { background: #00006c !important; color: #fff !important; }
.MasonryCol_Z3 { background: #47006c !important; color: #fff !important; }
.MasonryCol_Z4 { background: #6c0066 !important; color: #fff !important; }
.MasonryCol_Z5 { background: #6c004f !important; color: #fff !important; }
.MasonryCol_Z6 { background: #6c0024 !important; color: #fff !important; }
.MasonryCol_Z7 { background: #602900 !important; color: #fff !important; }






/* Pagination */

.PaginationControls {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  background: #1a162d;
  border-radius: 8px;
  padding: 3px 0;
  margin-top: 18px;
  box-shadow: 0 2px 12px #4d7cff;
}

.PaginationControls span {
  background: none;
  border: none;
  color: #ffd700;
  font-size: 19px;
  font-weight: bold;
  cursor: pointer;
  margin: 0 4px;
  border-radius: 4px;
  transition: color 0.2s, background 0.2s;
  padding: 2px 0px;
}
.PaginationControls button {
  background: none;
  border: none;
  color: #ffd700;
  font-size: 19px;
  font-weight: bold;
  cursor: pointer;
  margin: 0 4px;
  border-radius: 4px;
  transition: color 0.2s, background 0.2s;
  padding: 2px px;
}
.PaginationControls .active {
  color: #0f0;
  /* background: #222; */
}

.PaginationControls span:hover {
  color: #ffa019;
  background: #000;
}
.PaginationControls button:hover {
  color: #ffa019;
  background: #000;
  height:30px;
  margin-top:-2px;
  border: 0px solid #ffd700;
}
.PaginationControls .arrow {
  font-size: 1.5em;
  color: #ffd700;
  padding: 2px 9px;
}

.ColSet_V20 {
  flex: 1 1 0;
  background: #16162d;
  border-radius: 10px;
  padding: 18px 14px;
  box-shadow: 0 4px 24px #000a;
  display: flex;
  flex-direction: column;
  min-width: 120px;
  max-width: 100%;}
  
  .ColSet_V21 {
  flex: 1 1 0;
  background: #16162d;
  border-radius: 10px;
  padding: 18px 14px;
  box-shadow: 0 4px 24px #000a;
  display: flex;
  flex-direction: column;
  min-width: 120px;
  max-width: 100%;
}

/* Spalten Hintergrund V2.0 */
.SpaltenBox_1A, .SpaltenFlexBox_1A {background-color:#d29900 !important;color: #000 !important;}
.SpaltenBox_2A, .SpaltenFlexBox_2A {background-color:#d28500 !important;color: #000 !important;}
.SpaltenBox_3A, .SpaltenFlexBox_3A {background-color:#d26d00 !important;color: #000 !important;}
.SpaltenBox_4A, .SpaltenFlexBox_4A {background-color:#d25400 !important;color: #000 !important;}

.SpaltenBox_1B, .SpaltenFlexBox_1B {background-color:#d24500 !important;color: #ffeee6 !important;}
.SpaltenBox_2B, .SpaltenFlexBox_2B {background-color:#d20500 !important;color: #ffe7e6 !important;}
.SpaltenBox_3B, .SpaltenFlexBox_3B {background-color:#d20045 !important;color: #ffe7ef !important;}
.SpaltenBox_4B, .SpaltenFlexBox_4B {background-color:#d20068 !important;color: #ffe8f3 !important;}

.SpaltenBox_1C, .SpaltenFlexBox_1C {background-color:#d20099 !important;color: #f1f1f1 !important;}
.SpaltenBox_2C, .SpaltenFlexBox_2C {background-color:#c600d2 !important;color: #f1f1f1 !important;}
.SpaltenBox_3C, .SpaltenFlexBox_3C {background-color:#9900d2 !important;color: #f1f1f1 !important;}
.SpaltenBox_4C, .SpaltenFlexBox_4C {background-color:#7c00d2 !important;color: #f1f1f1 !important;}

.SpaltenBox_1D, .SpaltenFlexBox_1D {background-color:#007271 !important;color: #dfffff !important;}
.SpaltenBox_2D, .SpaltenFlexBox_2D {background-color:#007230 !important;color: #dcffeb !important;}
.SpaltenBox_3D, .SpaltenFlexBox_3D {background-color:#3e7200 !important;color: #f0ffde !important;}
.SpaltenBox_4D, .SpaltenFlexBox_4D {background-color:#697200 !important;color: #fcffde !important;}

.SpaltenBox_1E, .SpaltenFlexBox_1E {background-color:#2b7200 !important;color: #e0ffce !important;}
.SpaltenBox_2E, .SpaltenFlexBox_2E {background-color:#726e00 !important;color: #fffed9 !important;}
.SpaltenBox_3E, .SpaltenFlexBox_3E {background-color:#866500 !important;color: #fff6da !important;}
.SpaltenBox_4E, .SpaltenFlexBox_4E {background-color:#865800 !important;color: #fff3dc !important;}

.SpaltenBox_1F, .SpaltenFlexBox_1F {background-color:#3e7200 !important;color: #ecffd5 !important;}
.SpaltenBox_2F, .SpaltenFlexBox_2F {background-color:#b16a00 !important;color: #fff4e4 !important;}
.SpaltenBox_3F, .SpaltenFlexBox_3F {background-color:#d24500 !important;color: #ffede4 !important;}
.SpaltenBox_4F, .SpaltenFlexBox_4F {background-color:#7c00d2 !important;color: #f5e6ff !important;}

.SpaltenBox_1G, .SpaltenFlexBox_1G {background-color:#9900d2 !important;color: #f7e0ff !important;}
.SpaltenBox_2G, .SpaltenFlexBox_2G {background-color:#d20099 !important;color: #ffe2f7 !important;}
.SpaltenBox_3G, .SpaltenFlexBox_3G {background-color:#d20500 !important;color: #ffe3e3 !important;}
.SpaltenBox_4G, .SpaltenFlexBox_4G {background-color:#d26d00 !important;color: #fff0e0 !important;}

.SpaltenBox_1H, .SpaltenFlexBox_1H {background-color:#ffc72e !important;color: #000 !important;}
.SpaltenBox_2H, .SpaltenFlexBox_2H {background-color:#ff732e !important;color: #000 !important;}
.SpaltenBox_3H, .SpaltenFlexBox_3H {background-color:#ff9b2e !important;color: #000 !important;}
.SpaltenBox_4H, .SpaltenFlexBox_4H {background-color:#ff822e !important;color: #000 !important;}

.SpaltenBox_1I, .SpaltenFlexBox_1I {background-color:#ff732e !important;color: #000 !important;}
.SpaltenBox_2I, .SpaltenFlexBox_2I {background-color:#ff332e !important;color: #000 !important;}
.SpaltenBox_3I, .SpaltenFlexBox_3I {background-color:#ff2e73 !important;color: #000 !important;}
.SpaltenBox_4I, .SpaltenFlexBox_4I {background-color:#ff2e96 !important;color: #000 !important;}

.SpaltenBox_1J, .SpaltenFlexBox_1J {background-color:#ff2ec7 !important;color: #000 !important;}
.SpaltenBox_2J, .SpaltenFlexBox_2J {background-color:#f42eff !important;color: #000 !important;}
.SpaltenBox_3J, .SpaltenFlexBox_3J {background-color:#c72eff !important;color: #000 !important;}
.SpaltenBox_4J, .SpaltenFlexBox_4J {background-color:#aa2eff !important;color: #000 !important;}

.SpaltenBox_1K, .SpaltenFlexBox_1K {background-color:#2ea09f !important;color: #000 !important;}
.SpaltenBox_2K, .SpaltenFlexBox_2K {background-color:#2ea05e !important;color: #000 !important;}
.SpaltenBox_3K, .SpaltenFlexBox_3K {background-color:#6ca02e !important;color: #000 !important;}
.SpaltenBox_4K, .SpaltenFlexBox_4K {background-color:#97a02e !important;color: #000 !important;}

.SpaltenBox_1L, .SpaltenFlexBox_1L {background-color:#59a02e !important;color: #000 !important;}
.SpaltenBox_2L, .SpaltenFlexBox_2L {background-color:#a09c2e !important;color: #000 !important;}
.SpaltenBox_3L, .SpaltenFlexBox_3L {background-color:#b4932e !important;color: #000 !important;}
.SpaltenBox_4L, .SpaltenFlexBox_4L {background-color:#b4862e !important;color: #000 !important;}

.SpaltenBox_1M, .SpaltenFlexBox_1M {background-color:#6ca02e !important;color: #000 !important;}
.SpaltenBox_2M, .SpaltenFlexBox_2M {background-color:#df982e !important;color: #000 !important;}
.SpaltenBox_3M, .SpaltenFlexBox_3M {background-color:#ff732e !important;color: #000 !important;}
.SpaltenBox_4M, .SpaltenFlexBox_4M {background-color:#aa2eff !important;color: #000 !important;}

.SpaltenBox_1N, .SpaltenFlexBox_1N {background-color:#c72eff !important;color: #000 !important;}
.SpaltenBox_2N, .SpaltenFlexBox_2N {background-color:#ff2ec7 !important;color: #000 !important;}
.SpaltenBox_3N, .SpaltenFlexBox_3N {background-color:#ff332e !important;color: #000 !important;}
.SpaltenBox_4N, .SpaltenFlexBox_4N {background-color:#ff9b2e !important;color: #000 !important;}

.SpaltenBox_1O, .SpaltenFlexBox_1O {background-color:#ca5877 !important;color: #ffe8ee !important;}
.SpaltenBox_2O, .SpaltenFlexBox_2O {background-color:#ca58c0 !important;color: #ffe6fd !important;}
.SpaltenBox_3O, .SpaltenFlexBox_3O {background-color:#8c58ca !important;color: #f1e6ff !important;}
.SpaltenBox_4O, .SpaltenFlexBox_4O {background-color:#586dca !important;color: #e3e8ff !important;}

.SpaltenBox_1P, .SpaltenFlexBox_1P {background-color:#4d3b72 !important;color: #dbc9ff !important;}
.SpaltenBox_2P, .SpaltenFlexBox_2P {background-color:#660056 !important;color: #ffcdf7 !important;}
.SpaltenBox_3P, .SpaltenFlexBox_3P {background-color:#430066 !important;color: #eeceff !important;}
.SpaltenBox_4P, .SpaltenFlexBox_4P {background-color:#613b72 !important;color: #f1d3ff !important;}

.SpaltenBox_1Q, .SpaltenFlexBox_1Q {background-color:#660000 !important;color: #ffcaca !important;}
.SpaltenBox_2Q, .SpaltenFlexBox_2Q {background-color:#020066 !important;color: #cecdff !important;}
.SpaltenBox_3Q, .SpaltenFlexBox_3Q {background-color:#004c26 !important;color: #cdffe6 !important;}
.SpaltenBox_4Q, .SpaltenFlexBox_4Q {background-color:#4d0052 !important;color: #fcceff !important;}

.SpaltenBox_1R, .SpaltenFlexBox_1R {background-color:#664300 !important;color: #ffebc6 !important;}
.SpaltenBox_2R, .SpaltenFlexBox_2R {background-color:#66003c !important;color: #ffcae9 !important;}
.SpaltenBox_3R, .SpaltenFlexBox_3R {background-color:#320066 !important;color: #e3c8ff !important;}
.SpaltenBox_4R, .SpaltenFlexBox_4R {background-color:#003411 !important;color: #caffdc !important;}

.SpaltenBox_1S, .SpaltenFlexBox_1S {background-color:#5d2e04 !important;color: #ffe3ca !important;}
.SpaltenBox_2S, .SpaltenFlexBox_2S {background-color:#5d3a04 !important;color: #ffebcc !important;}
.SpaltenBox_3S, .SpaltenFlexBox_3S {background-color:#5d4604 !important;color: #fff1c7 !important;}
.SpaltenBox_4S, .SpaltenFlexBox_4S {background-color:#5d5304 !important;color: #fff9c7 !important;}

.SpaltenBox_1T, .SpaltenFlexBox_1T {background-color:#664300 !important;color: #ffeecf !important;}
.SpaltenBox_2T, .SpaltenFlexBox_2T {background-color:#663000 !important;color: #ffe3c9 !important;}
.SpaltenBox_3T, .SpaltenFlexBox_3T {background-color:#660a00 !important;color: #ffd5d0 !important;}
.SpaltenBox_4T, .SpaltenFlexBox_4T {background-color:#66003c !important;color: #ffd1ec !important;}

.SpaltenBox_1U, .SpaltenFlexBox_1U {background-color:#66003c !important;color: #ffd9ef !important;}
.SpaltenBox_2U, .SpaltenFlexBox_2U {background-color:#660056 !important;color: #ffd5f8 !important;}
.SpaltenBox_3U, .SpaltenFlexBox_3U {background-color:#590066 !important;color: #fbdcff !important;}
.SpaltenBox_4U, .SpaltenFlexBox_4U {background-color:#430066 !important;color: #f4deff !important;}

.SpaltenBox_1V, .SpaltenFlexBox_1V {background-color:#660062 !important;color: #ffd1fd !important;}
.SpaltenBox_2V, .SpaltenFlexBox_2V {background-color:#4f0066 !important;color: #f6d7ff !important;}
.SpaltenBox_3V, .SpaltenFlexBox_3V {background-color:#320066 !important;color: #ead5ff !important;}
.SpaltenBox_4V, .SpaltenFlexBox_4V {background-color:#001a66 !important;color: #d9e2ff !important;}

.SpaltenBox_1W, .SpaltenFlexBox_1W {background-color:#003134 !important;color: #d0fcff !important;}
.SpaltenBox_2W, .SpaltenFlexBox_2W {background-color:#003411 !important;color: #d7ffe4 !important;}
.SpaltenBox_3W, .SpaltenFlexBox_3W {background-color:#313400 !important;color: #fcffd2 !important;}
.SpaltenBox_4W, .SpaltenFlexBox_4W {background-color:#403300 !important;color: #fff7d5 !important;}

.SpaltenBox_1X, .SpaltenFlexBox_1X {background-color:#402a00 !important;color: #ffedca !important;}
.SpaltenBox_2X, .SpaltenFlexBox_2X {background-color:#401e00 !important;color: #ffe4cd !important;}
.SpaltenBox_3X, .SpaltenFlexBox_3X {background-color:#400200 !important;color: #ffd4f2 !important;}
.SpaltenBox_4X, .SpaltenFlexBox_4X {background-color:#40002c !important;color: #ffd0f0 !important;}

.SpaltenBox_1Y, .SpaltenFlexBox_1Y {background-color:#6a2449 !important;color: #ffc8e5 !important;}
.SpaltenBox_2Y, .SpaltenFlexBox_2Y {background-color:#6a242f !important;color: #ffd3da !important;}
.SpaltenBox_3Y, .SpaltenFlexBox_3Y {background-color:#6a3424 !important;color: #ffdcd2 !important;}
.SpaltenBox_4Y, .SpaltenFlexBox_4Y {background-color:#6a4e24 !important;color: #ffe8c6 !important;}

.SpaltenBox_1Z, .SpaltenFlexBox_1Z {background-color:#4d3b72 !important;color: #e7dcff !important;}
.SpaltenBox_2Z, .SpaltenFlexBox_2Z {background-color:#613b72 !important;color: #f4dcff !important;}
.SpaltenBox_3Z, .SpaltenFlexBox_3Z {background-color:#723b6f !important;color: #ffe2fd !important;}
.SpaltenBox_4Z, .SpaltenFlexBox_4Z {background-color:#723b5a !important;color: #ffd7ed !important;}


/* Container für das gesamte Tab-Menü */

.TabNav_Container {
    width: 98%;
    margin: 0 auto 32px auto;
	margin-top:30px;
    background: #270404;
    /* border-radius: 10px; */
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
    border: 2px solid #4f1414;
    border-top: 2px solid transparent; /* Obere Linie ausblenden */
    padding: 0;
    overflow: visible;
    font-family: Arial, sans-serif;
    position: relative;
    min-height: 170px;
}

.TabNav_TabBar {
    display: flex;
    width: 100%;
    background: #000;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom: 2px solid #4f1414;
    padding: 0 8px;
    /* min-height: 38px; */
    box-sizing: border-box;
    position: absolute;
    top: -22px;
    left: 0px;
    right: 0;
    z-index: 2;
}

/* Einzelner Tab */
.TabNav_Tab {
    padding: 2px 5px;
    background: #613600;
    color: #db9f2e;
    font-size: 14px;
    border: 2px solid #995500;
    border-bottom: none;
    border-radius: 10px 10px 0 0;
    margin-right: 5px;
    margin-top: -2px; /* Tabs überdecken Container-Rand */
    cursor: pointer;
    transition: background 0.2s, color 0.2s;
    position: relative;
    top: 2px;
    z-index: 4; /* Tabs über TabBar und Container */
    white-space: nowrap;
    font-weight: 700;
}



.TabNav_Tab:last-child {
    margin-right: 0;
}


.TabNav_Tab:last-child {
    margin-right: 0;
}

.TabContentNav_Tab_Active {
    background: #7d2800;
    color: #ffb300;
    font-weight: bold;
    z-index: 4;
    font-size: 14px;
}

/* Content-Bereich: genug Platz oben für die Tabs! */
.TabNav_Content {
    background: #270404;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    border-top: none;
    /* border: 2px solid #e2b86b; */
    border-top: none;
    padding: 10px 20px 24px 20px;
    min-height: 170px;
    max-height: 400px;
    overflow-y: auto;
    color: #ffe7d2;
    font-size: 16px;
    box-sizing: border-box;
    position: relative;
    z-index: 1;
    line-height: 1.6;
}

/* Optional: Scrollbar-Styling für modernen Look */
.TabNav_Content {
    scrollbar-width: thin;
    scrollbar-color: #630000 #270404;
}
.TabNav_Content::-webkit-scrollbar {
    width: 8px;
}
.TabNav_Content::-webkit-scrollbar-thumb {
    background: #e2b86b;
    border-radius: 6px;
}
.TabNav_Content::-webkit-scrollbar-track {
    background: #6d3d1b;
}

.TabNav_Content_Active {
    display: block;
}



/* Menü für den content */
.NavTitel {
    height: 22px;
    line-height: 25px;
    margin-left: 9px;
    cursor: pointer;
    padding-top: 0px;
    color: #fff;
}

.head_Nav_1a, .head_Nav_2a, .head_Nav_3a {
    list-style: none;
}

.head_Nav_1 {
    background: url("images_menue_content/01/01.png") repeat-x;
    -webkit-transition: background 0.2s, color 0.2s;
    -moz-transition: background 0.7s;
    -ms-transition: background 0.7s;
    -o-transition: background 0.7s;
    transition: background 0.7s;
    margin-bottom: 7px;
    width: 80%;
    top: 0;
}

.head_Nav_2 {
    background: url("images_menue_content/01/02.png") repeat-x;
    -webkit-transition: background 0.2s, color 0.2s;
    -moz-transition: background 0.7s;
    -ms-transition: background 0.7s;
    -o-transition: background 0.7s;
    transition: background 0.7s;
    margin-bottom: 7px;
    width: 80%;
    top: 0;
}

.head_Nav_3 {
    background: url("images_menue_content/01/03.png") repeat-x;
    -webkit-transition: background 0.2s, color 0.2s;
    -moz-transition: background 0.7s;
    -ms-transition: background 0.7s;
    -o-transition: background 0.7s;
    transition: background 0.7s;
    margin-bottom: 7px;
    width: 80%;
    top: 0;
}

.head_Nav_4 {
    background: url("images_menue_content/01/04.png") repeat-x;
    -webkit-transition: background 0.2s, color 0.2s;
    -moz-transition: background 0.7s;
    -ms-transition: background 0.7s;
    -o-transition: background 0.7s;
    transition: background 0.7s;
    margin-bottom: 7px;
    width: 80%;
    top: 0;
}

.head_Nav_5 {
    background: url("images_menue_content/01/05.png") repeat-x;
    -webkit-transition: background 0.2s, color 0.2s;
    -moz-transition: background 0.7s;
    -ms-transition: background 0.7s;
    -o-transition: background 0.7s;
    transition: background 0.7s;
    margin-bottom: 7px;
    width: 80%;
    top: 0;
}

.head_Nav_6 {
    background: url("images_menue_content/01/06.png") repeat-x;
    -webkit-transition: background 0.2s, color 0.2s;
    -moz-transition: background 0.7s;
    -ms-transition: background 0.7s;
    -o-transition: background 0.7s;
    transition: background 0.7s;
    margin-bottom: 7px;
    width: 80%;
    top: 0;
}

.head_Nav_7 {
    background: url("images_menue_content/01/07.png") repeat-x;
    -webkit-transition: background 0.2s, color 0.2s;
    -moz-transition: background 0.7s;
    -ms-transition: background 0.7s;
    -o-transition: background 0.7s;
    transition: background 0.7s;
    margin-bottom: 7px;
    width: 80%;
    top: 0;
}

.head_Nav_8 {
    background: url("images_menue_content/01/08.png") repeat-x;
    -webkit-transition: background 0.2s, color 0.2s;
    -moz-transition: background 0.7s;
    -ms-transition: background 0.7s;
    -o-transition: background 0.7s;
    transition: background 0.7s;
    margin-bottom: 7px;
    width: 80%;
    top: 0;
}

.head_Nav_9 {
    background: url("images_menue_content/01/09.png") repeat-x;
    -webkit-transition: background 0.2s, color 0.2s;
    -moz-transition: background 0.7s;
    -ms-transition: background 0.7s;
    -o-transition: background 0.7s;
    transition: background 0.7s;
    margin-bottom: 7px;
    width: 80%;
    top: 0;
}

.head_Nav_10 {
    background: url("images_menue_content/01/10.png") repeat-x;
    -webkit-transition: background 0.2s, color 0.2s;
    -moz-transition: background 0.7s;
    -ms-transition: background 0.7s;
    -o-transition: background 0.7s;
    transition: background 0.7s;
    margin-bottom: 7px;
    width: 80%;
    top: 0;
}



/* 11 bis 20 */
.head_Nav_11 {
    background: linear-gradient(90deg, #8a5000 0.00%, #bd6e00 100.00%);
    -webkit-transition: background 0.2s, color 0.2s;
    -moz-transition: background 0.7s;
    -ms-transition: background 0.7s;
    -o-transition: background 0.7s;
    transition: background 0.7s;
    margin-bottom: 7px;
    width: 80%;
    top: 0;
}

.head_Nav_12 {
    background: linear-gradient(90deg, #8a3e00 0.00%, #bd5500 100.00%);
    -webkit-transition: background 0.2s, color 0.2s;
    -moz-transition: background 0.7s;
    -ms-transition: background 0.7s;
    -o-transition: background 0.7s;
    transition: background 0.7s;
    margin-bottom: 7px;
    width: 80%;
    top: 0;
}

.head_Nav_13 {
    background: linear-gradient(90deg, #8a3000 0.00%, #bd4200 100.00%);
    -webkit-transition: background 0.2s, color 0.2s;
    -moz-transition: background 0.7s;
    -ms-transition: background 0.7s;
    -o-transition: background 0.7s;
    transition: background 0.7s;
    margin-bottom: 7px;
    width: 80%;
    top: 0;
}

.head_Nav_14 {
    background: linear-gradient(90deg, #8a0000 0.00%, #bd0000 100.00%);
    -webkit-transition: background 0.2s, color 0.2s;
    -moz-transition: background 0.7s;
    -ms-transition: background 0.7s;
    -o-transition: background 0.7s;
    transition: background 0.7s;
    margin-bottom: 7px;
    width: 80%;
    top: 0;
}

.head_Nav_15 {
    background: linear-gradient(90deg, #80003e 0.00%, #b3004d 100.00%);
    -webkit-transition: background 0.2s, color 0.2s;
    -moz-transition: background 0.7s;
    -ms-transition: background 0.7s;
    -o-transition: background 0.7s;
    transition: background 0.7s;
    margin-bottom: 7px;
    width: 80%;
    top: 0;
}

.head_Nav_16 {
    background: linear-gradient(90deg, #800064 0.00%, #b3008c 100.00%);
    -webkit-transition: background 0.2s, color 0.2s;
    -moz-transition: background 0.7s;
    -ms-transition: background 0.7s;
    -o-transition: background 0.7s;
    transition: background 0.7s;
    margin-bottom: 7px;
    width: 80%;
    top: 0;
}

.head_Nav_17 {
    background: linear-gradient(90deg, #6a0080 0.00%, #9e00b3 100.00%);
    -webkit-transition: background 0.2s, color 0.2s;
    -moz-transition: background 0.7s;
    -ms-transition: background 0.7s;
    -o-transition: background 0.7s;
    transition: background 0.7s;
    margin-bottom: 7px;
    width: 80%;
    top: 0;
}

.head_Nav_18 {
    background: linear-gradient(90deg, #4c0080 0.00%, #7400b3 100.00%);
    -webkit-transition: background 0.2s, color 0.2s;
    -moz-transition: background 0.7s;
    -ms-transition: background 0.7s;
    -o-transition: background 0.7s;
    transition: background 0.7s;
    margin-bottom: 7px;
    width: 80%;
    top: 0;
}

.head_Nav_19 {
    background: linear-gradient(90deg, #390080 0.00%, #4700b3 100.00%);
    -webkit-transition: background 0.2s, color 0.2s;
    -moz-transition: background 0.7s;
    -ms-transition: background 0.7s;
    -o-transition: background 0.7s;
    transition: background 0.7s;
    margin-bottom: 7px;
    width: 80%;
    top: 0;
}

.head_Nav_20 {
    background: linear-gradient(90deg, #260080 0.00%, #3e00b3 100.00%);
    -webkit-transition: background 0.2s, color 0.2s;
    -moz-transition: background 0.7s;
    -ms-transition: background 0.7s;
    -o-transition: background 0.7s;
    transition: background 0.7s;
    margin-bottom: 7px;
    width: 80%;
    top: 0;
}



.head_Nav_1:hover {
    background: url("images_menue_content/01/01_hover.png") repeat-x;
}

.head_Nav_2:hover {
    background: url("images_menue_content/01/02_hover.png") repeat-x;
}

.head_Nav_3:hover {
    background: url("images_menue_content/01/03_hover.png") repeat-x;
}

.head_Nav_4:hover {
    background: url("images_menue_content/01/04_hover.png") repeat-x;
}

.head_Nav_5:hover {
    background: url("images_menue_content/01/05_hover.png") repeat-x;
}

.head_Nav_6:hover {
    background: url("images_menue_content/01/06_hover.png") repeat-x;
}

.head_Nav_7:hover {
    background: url("images_menue_content/01/07_hover.png") repeat-x;
}

.head_Nav_8:hover {
    background: url("images_menue_content/01/08_hover.png") repeat-x;
}

.head_Nav_9:hover {
    background: url("images_menue_content/01/09_hover.png") repeat-x;
}

.head_Nav_10:hover {
    background: url("images_menue_content/01/10_hover.png") repeat-x;
}


/* 11 bis 20 */
.head_Nav_11:hover,
.head_Nav_12:hover,
.head_Nav_13:hover,
.head_Nav_14:hover,
.head_Nav_15:hover,
.head_Nav_16:hover,
.head_Nav_17:hover,
.head_Nav_18:hover,
.head_Nav_19:hover,
.head_Nav_20:hover {
    background: linear-gradient(90deg, #a30000 0.00%, #5800db 50.00%, #a30000 100.00%);
}

#sub_Nav_1 {
    background-color: #000;
    padding: 0;
    margin-top: 10px; /* Abstand nach oben für alle Submenüs */
    border-radius: 0 0 6px 6px;
    list-style: none;
}

#sub_Nav_2 {
    background-color: #000;
    padding: 0;
    margin-top: 10px; /* Abstand nach oben für alle Submenüs */
    border-radius: 0 0 6px 6px;
    list-style: none;
}

#sub_Nav_3 {
    background-color: #000;
    padding: 0;
    margin-top: 10px; /* Abstand nach oben für alle Submenüs */
    border-radius: 0 0 6px 6px;
    list-style: none;
}

#sub_Nav_4 {
    background-color: #000;
    padding: 0;
    margin-top: 10px; /* Abstand nach oben für alle Submenüs */
    border-radius: 0 0 6px 6px;
    list-style: none;
}

#sub_Nav_5 {
    background-color: #000;
    padding: 0;
    margin-top: 10px; /* Abstand nach oben für alle Submenüs */
    border-radius: 0 0 6px 6px;
    list-style: none;
}

#sub_Nav_6 {
    background-color: #000;
    padding: 0;
    margin-top: 10px; /* Abstand nach oben für alle Submenüs */
    border-radius: 0 0 6px 6px;
    list-style: none;
}

#sub_Nav_7 {
    background-color: #000;
    padding: 0;
    margin-top: 10px; /* Abstand nach oben für alle Submenüs */
    border-radius: 0 0 6px 6px;
    list-style: none;
}

#sub_Nav_8 {
    background-color: #000;
    padding: 0;
    margin-top: 10px; /* Abstand nach oben für alle Submenüs */
    border-radius: 0 0 6px 6px;
    list-style: none;
}

#sub_Nav_9 {
    background-color: #000;
    padding: 0;
    margin-top: 10px; /* Abstand nach oben für alle Submenüs */
    border-radius: 0 0 6px 6px;
    list-style: none;
}

#sub_Nav_10 {
    background-color: #000;
    padding: 0;
    margin-top: 10px; /* Abstand nach oben für alle Submenüs */
    border-radius: 0 0 6px 6px;
    list-style: none;
}


/* 11 bis 20 */
#sub_Nav_11 {
    background-color: #000;
    padding: 0;
    margin-top: 10px; /* Abstand nach oben für alle Submenüs */
    border-radius: 0 0 6px 6px;
    list-style: none;
}

#sub_Nav_12 {
    background-color: #000;
    padding: 0;
    margin-top: 10px; /* Abstand nach oben für alle Submenüs */
    border-radius: 0 0 6px 6px;
    list-style: none;
}

#sub_Nav_13 {
    background-color: #000;
    padding: 0;
    margin-top: 10px; /* Abstand nach oben für alle Submenüs */
    border-radius: 0 0 6px 6px;
    list-style: none;
}

#sub_Nav_14 {
    background-color: #000;
    padding: 0;
    margin-top: 10px; /* Abstand nach oben für alle Submenüs */
    border-radius: 0 0 6px 6px;
    list-style: none;
}

#sub_Nav_15 {
    background-color: #000;
    padding: 0;
    margin-top: 10px; /* Abstand nach oben für alle Submenüs */
    border-radius: 0 0 6px 6px;
    list-style: none;
}

#sub_Nav_16 {
    background-color: #000;
    padding: 0;
    margin-top: 10px; /* Abstand nach oben für alle Submenüs */
    border-radius: 0 0 6px 6px;
    list-style: none;
}

#sub_Nav_17 {
    background-color: #000;
    padding: 0;
    margin-top: 10px; /* Abstand nach oben für alle Submenüs */
    border-radius: 0 0 6px 6px;
    list-style: none;
}

#sub_Nav_18 {
    background-color: #000;
    padding: 0;
    margin-top: 10px; /* Abstand nach oben für alle Submenüs */
    border-radius: 0 0 6px 6px;
    list-style: none;
}

#sub_Nav_19 {
    background-color: #000;
    padding: 0;
    margin-top: 10px; /* Abstand nach oben für alle Submenüs */
    border-radius: 0 0 6px 6px;
    list-style: none;
}

#sub_Nav_20 {
    background-color: #000;
    padding: 0;
    margin-top: 10px; /* Abstand nach oben für alle Submenüs */
    border-radius: 0 0 6px 6px;
    list-style: none;
}

/* Trennlinien */

.HR_1 {border: 1px solid #f2a500;margin: 20px 0;}
.HR_2 {border: 1px solid #f28900;margin: 20px 0;}
.HR_3 {border: 1px solid #f26600;margin: 20px 0;}
.HR_4 {border: 1px solid #f23f00;margin: 20px 0;}
.HR_5 {border: 1px solid #f20078;margin: 20px 0;}
.HR_6 {border: 1px solid #f200bc;margin: 20px 0;}
.HR_7 {border: 1px solid #d800f2;margin: 20px 0;}
.HR_8 {border: 1px solid #c569ff;margin: 20px 0;}
.HR_9 {border: 1px solid #965dff;margin: 20px 0;}
.HR_10 {border: 1px solid #5357ff;margin: 20px 0;}

.HR_11 {border: none;height: 3px;margin: 20px 0;
  background: linear-gradient(90deg, #fff70a 0.00%, #ff0000 100.00%);
}
.HR_12 {border: none;height: 3px;margin: 20px 0;
  background: linear-gradient(90deg, #fff70a 0.00%, #1eff00 100.00%);
}
.HR_13 {border: none;height: 3px;margin: 20px 0;
  background: linear-gradient(90deg, #ff6600 0.00%, #ff3dae 100.00%);
}
.HR_14 {border: none;height: 3px;margin: 20px 0;
  background: linear-gradient(90deg, #00ccff 0.00%, #ce1fff 100.00%);
}
.HR_15 {border: none;height: 3px;margin: 20px 0;
  background: linear-gradient(90deg, #ff2ed2 0.00%, #944dff 100.00%);
}
.HR_16 {border: none;height: 3px;margin: 20px 0;
  background: linear-gradient(90deg, #ff2ed2 0.00%, #ff0000 50.00%, #ff2ed2 100.00%);
}
.HR_17 {border: none;height: 3px;margin: 20px 0;
  background: linear-gradient(90deg, #ff7214 0.00%, #ff2ed2 50.00%, #ff7214 100.00%);
}
.HR_18 {border: none;height: 3px;margin: 20px 0;
  background: linear-gradient(90deg, #1486ff 0.00%, #ff1acd 50.00%, #1486ff 100.00%);
}
.HR_19 {border: none;height: 3px;margin: 20px 0;
  background: linear-gradient(90deg, #53ff14 0.00%, #fff700 50.00%, #53ff14 100.00%);
}
.HR_20 {border: none;height: 3px;margin: 20px 0;
  background: linear-gradient(90deg, #ffa914 0.00%, #ff6347 50.00%, #ffa914 100.00%);
}