body {background-attachment: fixed;background-position: center center;background-image: url(background_2022_sw_4.png);font-family:Verdana;font-weight:bold;font-style:normal;font-size:10px;color:#CCCCCC;}a:link { text-decoration:none; color:#C28029;} a:visited { text-decoration:none; color:#969696;}   .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: #919191;  border: 2px solid #DDDDDD;  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: #919191;  border: 2px solid #DDDDDD;  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: 2% !important;  -moz-border-radius: 2% !important;  border-radius: 2% !important;  padding: 4px;  line-height: 1.42857143;  background-color: #919191;  border: 2px solid #DDDDDD;  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:px;line-height:px;font-family:Verdana;font-weight:bold;font-style:normal;font-size:10px;color:#CCCCCC;.header-container{

    position:relative;
-+    width:100%;
  */ 8 max-width:1913px;
    margin:0 auto;
    overflow:hidden;
}

.header-image{
    display:block;
    width:100%;
    height:auto;
}

.jenny-play-btn {
    position: absolute;
    right: 3%;
    bottom: 15%;

    width: clamp(80px, 10vw, 140px);
    height: clamp(80px, 10vw, 140px);

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

    text-decoration: none;

    -webkit-transform:translateZ(0);
            transform:translateZ(0);

    -webkit-backface-visibility:hidden;
            backface-visibility:hidden;

    -webkit-transform-style:preserve-3d;
            transform-style:preserve-3d;

    -webkit-transition:-webkit-transform .3s ease;
    transition:transform .3s ease;
}

.jenny-play-btn img{

    position:absolute;

    left:0;
    top:0;

    width:100%;
    height:100%;

    object-fit:contain;

    z-index:3;
}

/* ROTIERENDER RING */
.jenny-play-btn .ring {
    position: absolute;
    width: 60%;
    height: 60%;
    top: 19%;
    left: 20%;
    border-radius: 100%;

    -webkit-transform-origin:center center;
            transform-origin:center center;

    -webkit-backface-visibility:hidden;
            backface-visibility:hidden;

    will-change:transform;

    /* asymmetrischer Verlauf → Rotation sichtbar */
    background: conic-gradient(
        rgba(255,140,0,0.9) 0deg,
        rgba(255,200,0,0.7) 40deg,
        transparent 60deg,
        transparent 200deg,
        rgba(255,140,0,0.9) 260deg,
        transparent 360deg
    );

    /* Ring ausschneiden */
    -webkit-mask: radial-gradient(circle, transparent 60%, black 61%);
    mask: radial-gradient(circle, transparent 60%, black 61%);

    z-index: 2;

    animation: rotate 2s linear infinite;
    will-change: transform;
}

/* GLOW (orange, enger) */
.jenny-play-btn .glow {
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;

    background: radial-gradient(circle, 
        rgba(255,140,0,0.6) 0%,
        rgba(255,180,0,0.5) 20%,
        rgba(255,80,0,0.3) 35%,
        transparent 50%
    );

    -webkit-filter:blur(8px);   
     filter: blur(8px);

    z-index: 1;

    /* animation: rotate 2s linear infinite; */
}

/* BUTTON BILD */
.jenny-play-btn img {
    width: 100%;
    height: 100%;
    object-fit: contain;

    position: relative;
    z-index: 3;
}

/* HOVER */
.jenny-play-btn:hover {
    transform: scale(1.1);
}

/* GLOW ANIMATION */
@keyframes pulse {
    0% {
        transform: scale(0.9);
        opacity: 0.7;
    }
    50% {
        transform: scale(1.1);
        opacity: 1;
    }
    100% {
        transform: scale(0.9);
        opacity: 0.7;
    }
}

/* ROTATION */
@keyframes rotate {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

@media (max-width: 600px) {
    .jenny-play-btn {
        right: 5%;
        bottom: 8%;
    }
}}.header_transparent {.header-container{
    position:relative;
    width:100%;
    max-width:1913px;
    margin:0 auto;
    overflow:hidden;
}

.header-image{
    display:block;
    width:100%;
    height:auto;
}

.jenny-play-btn {
    position: absolute;
    right: 3%;
    bottom: 15%;

    width: clamp(80px, 10vw, 140px);
    height: clamp(80px, 10vw, 140px);

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

    text-decoration: none;

    -webkit-transform:translateZ(0);
            transform:translateZ(0);
    -webkit-backface-visibility:hidden;
            backface-visibility:hidden;

    -webkit-transform-style:preserve-3d;
            transform-style:preserve-3d;

    -webkit-transition:-webkit-transform .3s ease;
    transition:transform .3s ease;
}

.jenny-play-btn img{

    position:absolute;

    left:0;
    top:0;

    width:100%;
    height:100%;

    object-fit:contain;

    z-index:3;
}

/* ROTIERENDER RING */
.jenny-play-btn .ring {
    position: absolute;
    width: 60%;
    height: 60%;
    top: 19%;
    left: 20%;
    border-radius: 100%;

    -webkit-transform-origin:center center;
            transform-origin:center center;

    -webkit-backface-visibility:hidden;
            backface-visibility:hidden;

    will-change:transform;

    /* asymmetrischer Verlauf → Rotation sichtbar */
    background: conic-gradient(
        rgba(255,140,0,0.9) 0deg,
        rgba(255,200,0,0.7) 40deg,
        transparent 60deg,
        transparent 200deg,
        rgba(255,140,0,0.9) 260deg,
        transparent 360deg
    );

    /* Ring ausschneiden */
    -webkit-mask: radial-gradient(circle, transparent 60%, black 61%);
    mask: radial-gradient(circle, transparent 60%, black 61%);

    z-index: 2;

    animation: rotate 2s linear infinite;
    will-change: transform;
}

/* GLOW (orange, enger) */
.jenny-play-btn .glow {
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;

    background: radial-gradient(circle, 
        rgba(255,140,0,0.6) 0%,
        rgba(255,180,0,0.5) 20%,
        rgba(255,80,0,0.3) 35%,
        transparent 50%
    );

    -webkit-filter:blur(8px);   
     filter: blur(8px);

    z-index: 1;

    /* animation: rotate 2s linear infinite; */
}

/* BUTTON BILD */
.jenny-play-btn img {
    width: 100%;
    height: 100%;
    object-fit: contain;

    position: relative;
    z-index: 3;
}

/* HOVER */
.jenny-play-btn:hover {
    transform: scale(1.1);
}

/* GLOW ANIMATION */
@keyframes pulse {
    0% {
        transform: scale(0.9);
        opacity: 0.7;
    }
    50% {
        transform: scale(1.1);
        opacity: 1;
    }
    100% {
        transform: scale(0.9);
        opacity: 0.7;
    }
}

/* ROTATION */
@keyframes rotate {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

@media (max-width: 600px) {
    .jenny-play-btn {
        right: 5%;
        bottom: 8%;
    }
}} .carousel {position:relative;top: -20px;}.carousel-inner img {width: 100%; margin: auto;height:auto;} .navbar-inverse { border-radius:0px;border-color: #;font-family:Verdana;font-weight:normal;font-size:10px;color:#CCCCCC;}.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: #E68A00;}.navbar-inverse .navbar-nav>li>a { color:#CCCCCC; }.navbar-inverse .navbar-nav>.active>a:hover,.navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>li>a:focus {  }.navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>li>a:focus { color: #E68A00;}.navbar-inverse .navbar-nav>.dropdown>a .caret { border-top-color: #CCCCCC}.navbar-inverse .navbar-nav>.dropdown>a .caret { border-bottom-color: #CCCCCC}.navbar-inverse .navbar-nav>.dropdown>a:hover .caret { border-top-color: #E68A00;}.navbar-inverse .navbar-nav>.dropdown>a:hover .caret { border-bottom-color: #E68A00;}.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 {  }.navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>.active>a:focus {  }.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: # }.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { background-color: #}.dropdown-menu>li>a { font-weight:normal;font-style:oblique;font-size:px;color:#;background-color: #}.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { color: #}.navbar-inverse .navbar-brand { font-size:px;color:#;}.navbar-inverse .navbar-brand:hover { background-color: #495057; color: #FFFFFF; }.navbar-inverse .navbar-toggle {  border-color: #CCCCCC;}.navbar-inverse .navbar-toggle:hover,.navbar-inverse .navbar-toggle:focus {background-color: #E68A00;}.navbar-inverse .navbar-toggle .icon-bar {  background-color: #CCCCCC;} @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: #  }   .navbar-inverse  .navbar-nav .open .dropdown-menu > li > a {  color:#;   }   .navbar-inverse  .navbar-nav .open .dropdown-menu > li > a:hover,   .navbar-inverse  .navbar-nav .open .dropdown-menu > li > a:focus {     background-color: #; color: #;   }  }@media (max-width: 767px) {  .navbar-inverse  .navbar-nav .dropdown-menu > li > a {   background-color: #  }   .navbar-inverse  .navbar-nav .open .dropdown-menu > li > a {  color:#;   }   .navbar-inverse  .navbar-nav .open .dropdown-menu > li > a:hover,   .navbar-inverse  .navbar-nav .open .dropdown-menu > li > a:focus {     background-color: #; color: #;   }} .mitte-mitte-wp { margin-top:-20px;padding-top:20px;background-color: #171717;font-family:Verdana;font-weight:normal;font-style:normal;font-size:10px;color:#CCCCCC;background-position: top center;
background-image: url(mitte2_neu.png);
background-size: 100%;
background-color: transparent;
padding: 10px 2% 0 2%;} .table {    border-bottom:0px !important;}.table th, .table td {    border: 1px !important;}.main_panel {-webkit-box-shadow: 0 1px 1px #A5570C;box-shadow: 0 1px 1px #A5570C;border-color: #A5570C;background-color: transparent;}#main_heading { background-color: transparent;border-color: #A5570C;background: linear-gradient(to bottom, #de740d, #000000);
STYLE PANEL  - überschrift
border-radius:6px 6px 0px  6px;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 1);
/* Box-Schalten Anfang */
box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
-webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
-moz-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
/* Box-Schalten Ende */font-family:Verdana;font-weight:bold;font-style:normal;font-size:10px;color:#CCCCCC;}#main_heading_text {font-family:Verdana;font-weight:bold;font-style:normal;font-size:10px;color:#CCCCCC;}.main_body {font-family:Verdana;font-weight:normal;font-style:normal;font-size:10px;color:#;border-radius:6px 6px 6px  6px;
background-size: 100%;
/* Box-Schalten Anfang */
box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.50);
-webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.50);
-moz-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.50);
/* Box-Schalten Ende */
display: block; 
margin: auto; 
width: 100%;}.main_body_list-group-item {-webkit-box-shadow: 0 1px 1px #A5570C;box-shadow: 0 1px 1px #A5570C;border-color: #A5570C;background-color: transparent;font-family:Verdana;font-weight:normal;font-style:normal;font-size:10px;color:#;border-radius:6px 6px 6px  6px;
background-size: 100%;
/* Box-Schalten Anfang */
box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.50);
-webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.50);
-moz-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.50);
/* Box-Schalten Ende */
display: block; 
margin: auto; 
width: 100%;}.main_body_hr { border: 1px solid #A5570C;}.thumbnail {font-family:Verdana;font-weight:normal;font-style:normal;font-size:10px;color:#;border-radius:6px 6px 6px  6px;
background-size: 100%;
/* Box-Schalten Anfang */
box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.50);
-webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.50);
-moz-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.50);
/* Box-Schalten Ende */
display: block; 
margin: auto; 
width: 100%;-webkit-box-shadow: 0 1px 1px #A5570C;box-shadow: 0 1px 1px #A5570C;border-color: #A5570C;background-color: transparent;} .main_boxen {-webkit-box-shadow: 0 1px 1px #A5570C;box-shadow: 0 1px 1px #A5570C;border-color: #A5570C;background-color: transparent;border-radius:6px 6px 6px  6px;
background-size: 100%;
padding-bottom:22px;
/* Box-Schalten Anfang */
box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.50);
-webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.50);
-moz-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.50);
/* Box-Schalten Ende */



background-image: url(big_mitte_box.png);
background-position: bottom center;
background-size: 100%;
background-repeat: no-repeat;
padding-bottom: 25px;






  
}#main_heading_boxen {background-color: #808080;border-color: #A5570C;font-family:Verdana;font-weight:bold;font-size:10px;color:#CCCCCC;background: linear-gradient(to bottom, #de740d, #000000);
border-radius:6px 6px 0px  0px;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 1);
/* Box-Schalten Anfang */
box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.50);
-webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.50);
-moz-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.50);
/* Box-Schalten Ende */

border-color: #A5570C;}.main_body_boxen {font-family:Verdana;font-weight:normal;font-size:10px;color:#CCCCCC;}.main_body_boxen_hr { border: 1px solid #CCCCCC;} .list-group-item.main_active{font-family:Verdana;font-weight:bold;font-style:normal;font-size:9px;color:#ABABAB;background-color: #171717;border-color: #7F7D7F;background-image: url(no.png);
padding:4px 4px 4px 26px !important;
border-radius:3px 3px 3px 3px !important;
border: 1px solid #484342 !important;

}a.list-group-item.main_active:hover, a.list-group-item.main_active:focus{font-family:Verdana;font-weight:bold;font-style:normal;font-size:9px;color:#FF5E24;background-color: #3D4348;border-color: #CCCCCC;background-image: url(ok.png);
padding:4px 4px 4px 26px !important;
border-radius:3px 3px 3px 3px !important;
border: 1px solid #484342 !important;
background-position: left center;padding:4px 4px 4px 26px !important;
transition: 0.4s ease-in-out;


} .footer_innen {color: #FFFFFF;padding-top: 20px;padding-right: 20px;padding-bottom: 20px;padding-left:20px;background-position: top center;
background-repeat: repeat-y;
background-image: url(mitte2_neu.png);
border-radius:0 0 0 0;
background-size: 100%;
padding: 12px 7% 0 8%;
text-shadow: 2px 2px 2px rgba(0, 0, 0, 1);}.footer {overflow: hidden;color: #CCCCCC;#shoutcastPlayer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #333;
    color: white;
    padding: 10px;
    position: fixed;
    bottom: 0;
    width: 100%;
    box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.5);
}

#controls {
    display: flex;
    align-items: center;
}

#songInfo {
    margin-left: 20px;
    font-size: 1rem;
}

button {
    margin: 0 10px;
    padding: 10px;
    background-color: #555;
    border: none;
    color: white;
    cursor: pointer;
    font-size: 1rem;
}

button:hover {
    background-color: #777;
}
}.footer_bottom {color: #CCCCCC;background-color: #;	padding-top: 0px;	padding-right: 0px;	padding-bottom: 10px;	padding-left:0px;}#footer_bottom a{color: #CCCCCC;}.title-widget {font-family:Verdana;font-size:12px;color:#FFFFFF;	margin-top: 0;	margin-right: 0;	margin-bottom: 16px;	margin-left: 0;	padding-left: 0px;}.widget_nav_menu ul {    list-style: outside none none;    padding-left: 0;}.widget_nav_menu ul li {line-height:10px;margin-bottom: 7px;padding-bottom: 7px;width:95%;}#main_fuss{font-family:Verdana;font-weight:normal;font-size:12px;color:#000000;}#main_fuss:hover, #main_fuss:focus{font-family:Verdana;font-weight:bold;font-size:12px;color:#737373;}.footerp p {color: #FFFFFF;}.footerp:hover, .footerp:focus{color: #FFFFFF;} .scrollup{position:fixed;font-size: 20px; width:32px;height:32px;bottom:20px;right:20px;background: #000000;-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: #464446;!important;color: #CCCCCC;!important;border: 1px solid #CB5E17;!important;}.input-group-addon {background-color: #464446;!important;color: #CCCCCC;!important;border: 1px solid #CB5E17;!important;}  @media screen and (max-width: 1024px) {.tab_aus{ display:none;}.tab_an{ display:inline;}}@media screen and (max-width: 767px) {  .no_handy {display:none;}.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%;}}.btn-group  {
padding: 0px 5px 0px 5px;
}

.form-control::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
            color: #F1F1F1;
            opacity: 1; /* Firefox */
            font-size:9pt;
}

.form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */
            color: #F1F1F1;
             font-size:9pt;
}

.form-control::-ms-input-placeholder { /* Microsoft Edge */
            color: #F1F1F1;
             font-size:9pt;
}