body {background-attachment: fixed;background-position: top center;background-repeat: no-repeat;background-image: -ms-radial-gradient(center, circle farthest-corner, #0E0E14 0%, #151520 100%);background-image: -moz-radial-gradient(center, circle farthest-corner, #0E0E14 0%, #151520 100%);background-image: -o-radial-gradient(center, circle farthest-corner, #0E0E14 0%, #151520 100%);background-image: -webkit-gradient(radial, center center, 0, center center, 506, color-stop(0, #0E0E14), color-stop(1, #151520));background-image: -webkit-radial-gradient(center, circle farthest-corner, #0E0E14 0%, #151520 100%);background-image: radial-gradient(circle farthest-corner at center, #0E0E14 0%, #151520 100%);background-color:#0E0E14;font-family:Verdana;font-size:15px;color:#EAEAF0;body {
    background: linear-gradient(180deg, #0e0e14, #151520);
    color: #eaeaf0;
    font-family: Arial, sans-serif;
    line-height: 1.6;
}

/* Boxen moderner + klarer */
.box, .panel, .content {
    background: #151520;
    border-radius: 20px;
    border: 1px solid #1a1a22;
    box-shadow: 0 0 12px rgba(0, 234, 255, 0.08);
    padding: 15px;
    transition: 0.3s;
}

/* leichter Hover Effekt für Boxen */
.box:hover, .panel:hover {
    box-shadow: 0 0 20px rgba(255, 0, 122, 0.15);
}

/* Buttons – moderner & klarer */
button, .btn {
    background: linear-gradient(90deg, #ff007a, #7a00ff);
    border: none;
    color: white;
    border-radius: 30px;
    padding: 10px 22px;
    transition: 0.3s;
    cursor: pointer;
}

/* Hover Effekt */
button:hover, .btn:hover {
    background: linear-gradient(90deg, #00eaff, #7a00ff);
    transform: translateY(-2px);
    box-shadow: 0 0 15px rgba(0, 234, 255, 0.4);
}

/* Klick Effekt */
button:active, .btn:active {
    transform: scale(0.97);
}

/* Links */
a {
    color: #ff007a;
    text-decoration: none;
    transition: 0.3s;
}

a:hover {
    color: #00eaff;
}

/* Überschriften sauberer */
h1, h2, h3 {
    letter-spacing: 1px;
}

/* Text angenehmer */
p {
    color: #b3b3b3;
}

/* kleine Trennlinien moderner */
hr {
    border: none;
    height: 1px;
    background: #1a1a22;
    margin: 20px 0;
}}a:link { text-decoration:none; color:#FF007A;} a:visited { text-decoration:none; color:#00EAFF;} a:hover { text-decoration:none; color:#B34DFF;} a:active { text-decoration:none; color:#FFFFFF;} .padding_null_left{padding-left:0px;padding-right:0px;}.profile-userpic img {  float: none;  margin: 0 auto;  width: 50%;  height: 50%;  -webkit-border-radius: 50% !important;  -moz-border-radius: 50% !important;  border-radius: 50% !important;  padding: 4px;  line-height: 1.42857143;  background-color: #1A1A22;  border: 2px solid #00EAFF;  border-radius: 4px;  -webkit-transition: all .2s ease-in-out;       -o-transition: all .2s ease-in-out;          transition: all .2s ease-in-out;}.profile-userpic_list img {  float: none;  margin: 0 auto;  width: 50%;  height: 50%;  -webkit-border-radius: 50% !important;  -moz-border-radius: 50% !important;  border-radius: 50% !important;  padding: 4px;  line-height: 1.42857143;  background-color: #FF007A;  border: 2px solid #7A00FF;  border-radius: 4px;  -webkit-transition: all .2s ease-in-out;       -o-transition: all .2s ease-in-out;          transition: all .2s ease-in-out;}.profile-userpic_list_user img {  float: none;  margin: 0 auto;  width: 50%;  height: 50%;  -webkit-border-radius: 50% !important;  -moz-border-radius: 50% !important;  border-radius: 50% !important;  padding: 4px;  line-height: 1.42857143;  background-color: #00EAFF;  border: 2px solid #FF007A;  border-radius: 4px;  -webkit-transition: all .2s ease-in-out;       -o-transition: all .2s ease-in-out;          transition: all .2s ease-in-out;}.profile-usertitle-name {  font-size: 14px;  font-weight: 600;  margin-bottom: 7px;text-align: center;}#nav1.affix {    top: 0;    left: 0;    z-index: 1000;    margin-bottom:0; }.affix {  position: fixed;width:99.9%;}.tab_aus{ display:inline;}.tab_an{ display:none;}.handy_aus{ display:inline;}.handy_an{ display:none;}  .w_p_slideanim {visibility:hidden;}  .w_p_slide {    animation-name: w_p_slide;    -webkit-animation-name: w_p_slide;    animation-duration: 1s;    -webkit-animation-duration: 1s;    visibility: visible;  }  @keyframes w_p_slide {    0% {      opacity: 0;      transform: translateY(70%);    }     100% {      opacity: 1;      transform: translateY(0%);    }  }  @-webkit-keyframes w_p_slide {    0% {      opacity: 0;      -webkit-transform: translateY(70%);    }     100% {      opacity: 1;      -webkit-transform: translateY(0%);    }  } .header {height-max:180px;line-height:180px;background-position: center center;background-image: -ms-radial-gradient(center, circle farthest-corner, #0B0B0F 0%, #111118 100%);background-image: -moz-radial-gradient(center, circle farthest-corner, #0B0B0F 0%, #111118 100%);background-image: -o-radial-gradient(center, circle farthest-corner, #0B0B0F 0%, #111118 100%);background-image: -webkit-gradient(radial, center center, 0, center center, 506, color-stop(0, #0B0B0F), color-stop(1, #111118));background-image: -webkit-radial-gradient(center, circle farthest-corner, #0B0B0F 0%, #111118 100%);background-image: radial-gradient(circle farthest-corner at center, #0B0B0F 0%, #111118 100%);background-color:#0B0B0F;font-family:Arial;font-style:normal;font-size:30px;color:#FFFFFF;header, .header {
    background: linear-gradient(90deg, #0b0b0f, #111118);
    border-bottom: 1px solid #1a1a22;
    box-shadow: 0 0 20px rgba(122, 0, 255, 0.15);
}

header h1, .header h1, .header-title {
    color: #ffffff;
    text-shadow: 0 0 10px rgba(255, 0, 122, 0.35);
    letter-spacing: 2px;
    font-weight: 700;
}}.header_transparent {header, .header {
    background: linear-gradient(90deg, #0b0b0f, #111118);
    border-bottom: 1px solid #1a1a22;
    box-shadow: 0 0 20px rgba(122, 0, 255, 0.15);
}

header h1, .header h1, .header-title {
    color: #ffffff;
    text-shadow: 0 0 10px rgba(255, 0, 122, 0.35);
    letter-spacing: 2px;
    font-weight: 700;
}} .carousel-indicators li {background-color: #00EAFF;}.carousel-indicators .active {background-color: #FF007A;}.farbe {color: #151520;}.carousel {position:relative;top: 5px;}.carousel-inner img {width: 100%; margin: auto;height:auto;}.carousel-border-wp { border-top: 1px solid #1A1A22; } .navbar-inverse { background-color: #0E0E14;background-image: -ms-radial-gradient(center, ellipse farthest-corner, #0E0E14 0%, #151520 100%);background-image: -moz-radial-gradient(center, ellipse farthest-corner, #0E0E14 0%, #151520 100%);background-image: -o-radial-gradient(center, ellipse farthest-corner, #0E0E14 0%, #151520 100%);background-image: -webkit-gradient(radial, center center, 0, center center, 506, color-stop(0, #0E0E14), color-stop(1, #151520));background-image: -webkit-radial-gradient(center, ellipse farthest-corner, #0E0E14 0%, #151520 100%);background-image: radial-gradient(ellipse farthest-corner at center, #0E0E14 0%, #151520 100%);border-radius:0px;border-color: #0E0E14;font-family:Arial;font-weight:normal;font-style:normal;font-size:15px;color:#EAEAF0;}.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.open>a,.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover,.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus { color: #00EAFF;}.navbar-inverse .navbar-nav>li>a { color:#EAEAF0; }.navbar-inverse .navbar-nav>.active>a:hover,.navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>li>a:focus { background-color: #151520; background-image: -ms-radial-gradient(center, circle farthest-corner, #151520 0%, #1D1D2A 100%);background-image: -moz-radial-gradient(center, circle farthest-corner, #151520 0%, #1D1D2A 100%);background-image: -o-radial-gradient(center, circle farthest-corner, #151520 0%, #1D1D2A 100%);background-image: -webkit-gradient(radial, center center, 0, center center, 506, color-stop(0, #151520), color-stop(1, #1D1D2A));background-image: -webkit-radial-gradient(center, circle farthest-corner, #151520 0%, #1D1D2A 100%);background-image: radial-gradient(circle farthest-corner at center, #151520 0%, #1D1D2A 100%);}.navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>li>a:focus { color: #00EAFF;}.navbar-inverse .navbar-nav>.dropdown>a .caret { border-top-color: #EAEAF0}.navbar-inverse .navbar-nav>.dropdown>a .caret { border-bottom-color: #EAEAF0}.navbar-inverse .navbar-nav>.dropdown>a:hover .caret { border-top-color: #00EAFF;}.navbar-inverse .navbar-nav>.dropdown>a:hover .caret { border-bottom-color: #00EAFF;}.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus { background-color: #151520; background-image: -ms-radial-gradient(center, circle farthest-corner, #151520 0%, #1D1D2A 100%);background-image: -moz-radial-gradient(center, circle farthest-corner, #151520 0%, #1D1D2A 100%);background-image: -o-radial-gradient(center, circle farthest-corner, #151520 0%, #1D1D2A 100%);background-image: -webkit-gradient(radial, center center, 0, center center, 506, color-stop(0, #151520), color-stop(1, #1D1D2A));background-image: -webkit-radial-gradient(center, circle farthest-corner, #151520 0%, #1D1D2A 100%);background-image: radial-gradient(circle farthest-corner at center, #151520 0%, #1D1D2A 100%);}.navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>.active>a:focus { background-color: #151520; background-image: -ms-radial-gradient(center, circle farthest-corner, #151520 0%, #1D1D2A 100%);background-image: -moz-radial-gradient(center, circle farthest-corner, #151520 0%, #1D1D2A 100%);background-image: -o-radial-gradient(center, circle farthest-corner, #151520 0%, #1D1D2A 100%);background-image: -webkit-gradient(radial, center center, 0, center center, 506, color-stop(0, #151520), color-stop(1, #1D1D2A));background-image: -webkit-radial-gradient(center, circle farthest-corner, #151520 0%, #1D1D2A 100%);background-image: radial-gradient(circle farthest-corner at center, #151520 0%, #1D1D2A 100%);}.dropdown-submenu { position: relative;}.dropdown-submenu>.dropdown-menu {    top: 0;    left: 100%;    margin-top: -6px;    margin-left: -1px;    -webkit-border-radius: 0 6px 6px 6px;    -moz-border-radius: 0 6px 6px;    border-radius: 0 6px 6px 6px;}.dropdown-menu { background-color: #151520 }.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { background-color: #1D1D2A}.dropdown-menu>li>a { font-family:Arial;font-weight:normal;font-style:oblique;font-size:14px;color:#EAEAF0;background-color: #151520}.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { color: #FF007A}.navbar-inverse .navbar-brand { background-color: #FF007A;background-image: -ms-radial-gradient(center, ellipse farthest-corner, #FF007A 0%, #7A00FF 100%);background-image: -moz-radial-gradient(center, ellipse farthest-corner, #FF007A 0%, #7A00FF 100%);background-image: -o-radial-gradient(center, ellipse farthest-corner, #FF007A 0%, #7A00FF 100%);background-image: -webkit-gradient(radial, center center, 0, center center, 506, color-stop(0, #FF007A), color-stop(1, #7A00FF));background-image: -webkit-radial-gradient(center, ellipse farthest-corner, #FF007A 0%, #7A00FF 100%);background-image: radial-gradient(ellipse farthest-corner at center, #FF007A 0%, #7A00FF 100%);font-family:Arial;font-size:14px;color:#FFFFFF;}.navbar-inverse .navbar-brand:hover { background-color: #00EAFF; color: #FFFFFF; background-image: -ms-radial-gradient(center, circle farthest-corner, #00EAFF 0%, #7A00FF 100%);background-image: -moz-radial-gradient(center, circle farthest-corner, #00EAFF 0%, #7A00FF 100%);background-image: -o-radial-gradient(center, circle farthest-corner, #00EAFF 0%, #7A00FF 100%);background-image: -webkit-gradient(radial, center center, 0, center center, 506, color-stop(0, #00EAFF), color-stop(1, #7A00FF));background-image: -webkit-radial-gradient(center, circle farthest-corner, #00EAFF 0%, #7A00FF 100%);background-image: radial-gradient(circle farthest-corner at center, #00EAFF 0%, #7A00FF 100%);}.navbar-inverse .navbar-toggle {  border-color: #EAEAF0;}.navbar-inverse .navbar-toggle:hover,.navbar-inverse .navbar-toggle:focus {background-color: #00EAFF;}.navbar-inverse .navbar-toggle .icon-bar {  background-color: #EAEAF0;} .navbar-border-wp { border-top: 1px solid #1A1A22; }@media (max-width: 1024px) {    .navbar-header {        float: none;    }    .navbar-left,    .navbar-right {        float: none !important;    }    .navbar-toggle {        display: block;    }      .navbar-collapse.collapse {        display: none!important;    }    .collapse.in{        display:block !important;    }    .navbar-inverse  .navbar-nav .dropdown-menu > li > a {   background-color: #151520  }   .navbar-inverse  .navbar-nav .open .dropdown-menu > li > a {  color:#EAEAF0;   }   .navbar-inverse  .navbar-nav .open .dropdown-menu > li > a:hover,   .navbar-inverse  .navbar-nav .open .dropdown-menu > li > a:focus {     background-color: #1D1D2A; color: #FF007A;   }  }@media (max-width: 767px) {  .navbar-inverse  .navbar-nav .dropdown-menu > li > a {   background-color: #151520  }   .navbar-inverse  .navbar-nav .open .dropdown-menu > li > a {  color:#EAEAF0;   }   .navbar-inverse  .navbar-nav .open .dropdown-menu > li > a:hover,   .navbar-inverse  .navbar-nav .open .dropdown-menu > li > a:focus {     background-color: #1D1D2A; color: #FF007A;   }} .mitte-mitte-wp { margin-top:0px;padding-top:20px;padding-bottom:20px;background-color: #0E0E14;background-image: -ms-radial-gradient(center, circle farthest-corner, #0E0E14 0%, #151520 100%);background-image: -moz-radial-gradient(center, circle farthest-corner, #0E0E14 0%, #151520 100%);background-image: -o-radial-gradient(center, circle farthest-corner, #0E0E14 0%, #151520 100%);background-image: -webkit-gradient(radial, center center, 0, center center, 506, color-stop(0, #0E0E14), color-stop(1, #151520));background-image: -webkit-radial-gradient(center, circle farthest-corner, #0E0E14 0%, #151520 100%);background-image: radial-gradient(circle farthest-corner at center, #0E0E14 0%, #151520 100%);font-family:Arial;font-weight:normal;font-size:15px;color:#EAEAF0;main, .middle, .content, .wrapper, .container {
    background: linear-gradient(180deg, #0e0e14, #151520);
    color: #eaeaf0;
}

.middle .box, .content .box, .panel, .content {
    background: #151520;
    border: 1px solid #1a1a22;
    border-radius: 20px;
    box-shadow: 0 0 12px rgba(0, 234, 255, 0.08);
    padding: 18px;
    margin-bottom: 20px;
    transition: 0.3s;
}

.middle .box:hover, .content .box:hover, .panel:hover {
    box-shadow: 0 0 18px rgba(255, 0, 122, 0.12);
    transform: translateY(-2px);
}

.middle h1, .middle h2, .middle h3,
.content h1, .content h2, .content h3 {
    color: #eaeaf0;
    letter-spacing: 1px;
}

.middle p, .content p {
    color: #b3b3b3;
    line-height: 1.7;
}

.middle a, .content a {
    color: #ff007a;
    transition: 0.3s;
    text-decoration: none;
}

.middle a:hover, .content a:hover {
    color: #00eaff;
}}.mitte-border-wp { border-top: 1px solid #1A1A22; } .main_panel {-webkit-box-shadow: 0 1px 1px #1A1A22;box-shadow: 0 1px 1px #1A1A22;border-color: #1A1A22;background-color: #151520;}#main_heading { background-color: #151520;border-color: #1A1A22;.panel h2, .panel-title, .box h2 {
    background: #151520;
    color: #eaeaf0;
    padding: 10px 15px;
    border-radius: 12px;
    border-left: 3px solid #ff007a;
    letter-spacing: 1px;
    font-size: 16px;
}

/* leichter Hover Effekt für Interaktion */
.panel h2:hover, .panel-title:hover {
    border-left: 3px solid #00eaff;
    transition: 0.3s;
}font-family:Arial;font-weight:normal;font-style:normal;font-size:18px;color:#EAEAF0;}#main_heading_text {font-family:Arial;font-weight:normal;font-style:normal;font-size:18px;color:#EAEAF0;}.main_body {font-family:Arial;font-size:15px;color:#EAEAF0;/* Box Inhalt modernisieren */
.content, .panel, .box {
    background: #151520;
    border: 1px solid #1a1a22;
    border-radius: 20px;
    padding: 18px;
    margin-bottom: 20px;
    transition: 0.3s;
}

/* Hover Effekt */
.content:hover, .panel:hover, .box:hover {
    box-shadow: 0 0 18px rgba(0, 234, 255, 0.12);
    transform: translateY(-2px);
}

/* Text angenehmer */
.content p, .box p {
    color: #b3b3b3;
    line-height: 1.7;
}

/* Links moderner */
.content a, .box a {
    color: #ff007a;
    transition: 0.3s;
}

.content a:hover, .box a:hover {
    color: #00eaff;
}

/* Tabellen moderner */
table {
    border-collapse: collapse;
    width: 100%;
}

table td, table th {
    padding: 10px;
    border-bottom: 1px solid #1a1a22;
    color: #b3b3b3;
}

/* Tabellen Hover Effekt */
table tr:hover {
    background: #1a1a22;
}}.main_body_list-group-item {-webkit-box-shadow: 0 1px 1px #1A1A22;box-shadow: 0 1px 1px #1A1A22;border-color: #1A1A22;background-color: #151520;font-family:Arial;font-size:15px;color:#EAEAF0;/* Box Inhalt modernisieren */
.content, .panel, .box {
    background: #151520;
    border: 1px solid #1a1a22;
    border-radius: 20px;
    padding: 18px;
    margin-bottom: 20px;
    transition: 0.3s;
}

/* Hover Effekt */
.content:hover, .panel:hover, .box:hover {
    box-shadow: 0 0 18px rgba(0, 234, 255, 0.12);
    transform: translateY(-2px);
}

/* Text angenehmer */
.content p, .box p {
    color: #b3b3b3;
    line-height: 1.7;
}

/* Links moderner */
.content a, .box a {
    color: #ff007a;
    transition: 0.3s;
}

.content a:hover, .box a:hover {
    color: #00eaff;
}

/* Tabellen moderner */
table {
    border-collapse: collapse;
    width: 100%;
}

table td, table th {
    padding: 10px;
    border-bottom: 1px solid #1a1a22;
    color: #b3b3b3;
}

/* Tabellen Hover Effekt */
table tr:hover {
    background: #1a1a22;
}}.main_body_hr { border: 1px solid #1A1A22;}.thumbnail {font-family:Arial;font-size:15px;color:#EAEAF0;/* Box Inhalt modernisieren */
.content, .panel, .box {
    background: #151520;
    border: 1px solid #1a1a22;
    border-radius: 20px;
    padding: 18px;
    margin-bottom: 20px;
    transition: 0.3s;
}

/* Hover Effekt */
.content:hover, .panel:hover, .box:hover {
    box-shadow: 0 0 18px rgba(0, 234, 255, 0.12);
    transform: translateY(-2px);
}

/* Text angenehmer */
.content p, .box p {
    color: #b3b3b3;
    line-height: 1.7;
}

/* Links moderner */
.content a, .box a {
    color: #ff007a;
    transition: 0.3s;
}

.content a:hover, .box a:hover {
    color: #00eaff;
}

/* Tabellen moderner */
table {
    border-collapse: collapse;
    width: 100%;
}

table td, table th {
    padding: 10px;
    border-bottom: 1px solid #1a1a22;
    color: #b3b3b3;
}

/* Tabellen Hover Effekt */
table tr:hover {
    background: #1a1a22;
}-webkit-box-shadow: 0 1px 1px #1A1A22;box-shadow: 0 1px 1px #1A1A22;border-color: #1A1A22;background-color: #151520;} .nav-tabs {  border-bottom: 1px solid #EAEAF0;!important;}.nav-tabs > li > a:hover {  color: #0E0E14;!important;background-color: #EAEAF0;!important;}.nav-tabs > li.active > a,.nav-tabs > li.active > a:hover,.nav-tabs > li.active > a:focus {  color: #EAEAF0;!important;  cursor: default;background-color: #0E0E14;!important;  border: 1px solid #EAEAF0;!important;  border-bottom-color: transparent;}  .main_boxen {-webkit-box-shadow: 0 1px 1px #1A1A22;box-shadow: 0 1px 1px #1A1A22;border-color: #1A1A22;background-color: #0E0E14;/* Mittelbereich Hauptfläche */
.middle, .content, main, .wrapper {
    background: linear-gradient(180deg, #0e0e14, #151520);
    color: #eaeaf0;
    padding: 10px;
}

/* Inhalte strukturieren */
.middle h1, .middle h2, .middle h3,
.content h1, .content h2, .content h3 {
    color: #eaeaf0;
    letter-spacing: 1px;
}

/* Text angenehmer */
.middle p, .content p {
    color: #b3b3b3;
    line-height: 1.7;
}

/* Links modern */
.middle a, .content a {
    color: #ff007a;
    transition: 0.3s;
    text-decoration: none;
}

.middle a:hover, .content a:hover {
    color: #00eaff;
}

/* Trennlinien */
.middle hr, .content hr {
    border: none;
    height: 1px;
    background: #1a1a22;
    margin: 20px 0;
}}#main_heading_boxen {background-color: #151520;border-color: #1A1A22;font-family:Arial;font-weight:normal;font-style:normal;font-size:17px;color:#EAEAF0;/* Box Überschriften moderner Style */
.box h2, .box-title {
    background: #151520;
    color: #eaeaf0;
    padding: 12px 16px;
    border-radius: 14px;
    border-left: 3px solid #00eaff;
    font-size: 16px;
    letter-spacing: 1px;
    margin-bottom: 10px;
}

/* Hover Effekt */
.box h2:hover, .box-title:hover {
    border-left: 3px solid #ff007a;
    transition: 0.3s;
}border-color: #1A1A22;}.main_body_boxen {font-family:Arial;font-weight:normal;font-style:normal;font-size:15px;color:#EAEAF0;}.main_body_boxen_hr { border: 1px solid #EAEAF0;} .list-group-item.main_active{font-family:Arial;font-size:15px;color:#EAEAF0;background-color: #151520;border-color: #1A1A22;/* Link Boxen modern */
.linkbox, .link-box, .menu-box, .nav-box {
    background: #151520;
    border: 1px solid #1a1a22;
    border-radius: 14px;
    padding: 12px 15px;
    display: block;
    color: #eaeaf0;
    transition: 0.3s;
    text-decoration: none;
    margin-bottom: 10px;
}

/* Links sauber */
.linkbox a, .link-box a {
    color: #eaeaf0;
    text-decoration: none;
    display: block;
}

/* Klick Effekt */
.linkbox:active {
    transform: scale(0.97);
}}a.list-group-item.main_active:hover, a.list-group-item.main_active:focus{font-family:Arial;font-weight:bold;font-style:italic;font-size:15px;color:#FFFFFF;background-color: #1D1D2A;border-color: #00EAFF;.linkbox:hover, .link-box:hover, .menu-box:hover, .nav-box:hover {
    background: #1d1d2a;
    border: 1px solid #00eaff;
    color: #ffffff;
    transform: translateX(4px);
    box-shadow: 0 0 12px rgba(0, 234, 255, 0.2);
}

/* Link Farbe beim Hover */
.linkbox:hover a, .link-box:hover a {
    color: #ffffff;
}} /* Allgemeiner Text */
body {
    font-family: Arial, sans-serif;
    line-height: 1.6;
    color: #ffffff;
}

/* Überschriften */
h1, h2, h3, h4 {
    font-weight: 700;
    letter-spacing: 1px;
    margin-bottom: 10px;
}

h1 {
    font-size: 28px;
    color: #ffffff;
}

h2 {
h2 {
    border-left: 4px solid #ff007a;
    padding-left: 10px;
}
h3 {
    font-size: 18px;
    color: #00eaff;
}

/* Absätze */
p {
    margin-bottom: 12px;
    color: #b3b3b3;
}

/* Listen */
ul {
    padding-left: 20px;
}

ul li {
    margin-bottom: 6px;
    color: #b3b3b3;
}

/* Links */
a {
    color: #ff007a;
    text-decoration: none;
    transition: 0.3s;
}

a:hover {
    color: #00eaff;
}

/* Starke Texte */
strong {
    color: #ffffff;
}

/* Kleine Texte */
small {
    color: #8a8a8a;
}

/* Abstand zwischen Boxen */
.content, .box, .panel {
    line-height: 1.5;
} .scrollup{position:fixed;font-size: 20px; width:32px;height:32px;bottom:20px;right:20px;background: #111118;-webkit-border-radius: 2px 2px 0 0;	-moz-border-radius: 2px 2px 0 0;	border-radius:  2px 2px 0 0;	}a.scrollup {outline:0;text-align: center;vertical-align:middle;}a.scrollup:hover,a.scrollup:active,a.scrollup:focus {opacity:1;text-decoration:none;}a.scrollup i {margin-top:2px;color: #FFFFFF;}a.scrollup i:hover {text-decoration:none;} .form-control {background-color: #151520;!important;color: #EAEAF0;!important;border: 1px solid #1A1A22;!important;}.input-group-addon {background-color: #151520;!important;color: #EAEAF0;!important;border: 1px solid #1A1A22;!important;} a.btn-default {  background-color: #FF007A;!important;color: #FFFFFF;!important;border-color: #7A00FF;!important;}.btn-default {  background-color: #FF007A;!important;color: #FFFFFF;!important;border-color: #7A00FF;!important;}.btn-default:focus,.btn-default.focus {  background-color: #FFFFFF;!important;color: #FF007A;!important;border-color: #7A00FF;!important;}.btn-default:hover {  background-color: #FFFFFF;!important;color: #FF007A;!important;border-color: #7A00FF;!important;} .breadcrumb {  background-color: #151520;  }.breadcrumb > li {  display: inline-block;}.breadcrumb > li + li:before { color: #EAEAF0;  }.breadcrumb > .active {  color: #FF007A;}.pagination>li>a,.pagination>li>span {  background: #151520;  border: 1px solid #1A1A22;color: #EAEAF0;}.pagination>li.active>a {  background: #FF007A;  color: #EAEAF0;border: 1px solid #1A1A22;}.pagination>li>a:hover  {  color: #151520;  background-color: #EAEAF0;  }.pagination>li.active>a:hover  {  color: #151520;  background-color: #EAEAF0;  }.panel-body {  padding: 18px !important;}@media screen and (max-width: 1024px) {.tab_aus{ display:none;}.tab_an{ display:inline;}}@media screen and (max-width: 767px) { body { @media screen and (max-width: 767px) {

    /* Boxen kompakter aber luftiger */
    .box, .panel, .content {
        padding: 12px;
        margin-bottom: 15px;
    }

    /* Buttons Full Width + besser klickbar */
    button, .btn {
        width: 100%;
        font-size: 16px;
        padding: 14px;
        margin-bottom: 10px;
    }

    /* Überschriften kleiner für Mobile */
    h1 {
        font-size: 24px !important;
    }

    h2 {
        font-size: 20px !important;
    }

    h3 {
        font-size: 17px !important;
    }

    /* Text angenehmer lesbar */
    p {
        font-size: 15px;
        line-height: 1.6;
    }

    /* Bilder schön angepasst */
    img {
        border-radius: 15px;
    }

    /* Flex Layouts untereinander statt nebeneinander */
    div[style*="display:flex"] {
        flex-direction: column !important;
    }

    /* Abstand zwischen Elementen verbessern */
    div[style*="display:flex"] > div {
        margin-bottom: 15px;
    }

} } .handy_aus{ display:none;}.handy_an{ display:inline;}#nav1.affix {    top: 0;    right: 0;    left: 0;    z-index: 1000;    margin-bottom:0; }.affix {width:100%;}}@media (min-width: 768px) {.row-flex {  display: flex;  flex-wrap: wrap;}.panel { height: 90%;}}/* Box Hover Glow – dezenter und moderner */
.box:hover, .panel:hover {
    box-shadow: 0 0 20px rgba(0, 234, 255, 0.2);
    transform: translateY(-2px);
}

/* Überschriften – weniger Neon, mehr Premium */
h1 {
    color: #ffffff;
    text-shadow: 0 0 8px rgba(255, 0, 122, 0.4);
}

h2 {
    color: #ff007a;
    text-shadow: 0 0 6px rgba(255, 0, 122, 0.3);
}