@media (min-width: 1200px) {  .container {    width: 1500px;  }} body {background-attachment: fixed;background-image: url(wallpaper3.v5.png);background-color:#B5FDFF;font-family:Arial;font-weight:normal;font-style:normal;font-size:14px;color:#063E49;/* =========================================================   RADIO MEGA-SUNSHINE &ndash; SOMMER MINI PLAYER   ========================================================= */.msun-mini-player,.msun-mini-player * {    --msun-main: #00B8C8 !important;    --msun-main-dark: #008A99 !important;    --msun-accent: #FFD54A !important;    --msun-bg1: #063E49 !important;    --msun-bg2: #087582 !important;}/* =========================================================   MINI PLAYER &ndash; HAUPTBOX   ========================================================= */body .msun-mini-player {    background: linear-gradient(        145deg,        #063E49 0%,        #087582 55%,        #042D35 100%    ) !important;    border: 2px solid #00B8C8 !important;    color: #FFFFFF !important;    box-shadow:        0 0 12px rgba(0,184,200,0.45),        0 0 25px rgba(0,100,115,0.25) !important;}/* =========================================================   DJ BOX   ========================================================= */body .msun-mini-player .msun-mini-djbox {    background: #087582 !important;    border-color: #00B8C8 !important;    color: #FFFFFF !important;}/* =========================================================   SONG BOX   ========================================================= */body .msun-mini-player .msun-mini-songbox {    background: #063E49 !important;    border-color: #00B8C8 !important;    color: #FFFFFF !important;}/* =========================================================   LIVE   ========================================================= */body .msun-mini-player .msun-mini-live {    color: #FFD54A !important;}/* =========================================================   DJ / MODERATOR   ========================================================= */body .msun-mini-player .msun-mini-name {    color: #FFFFFF !important;}/* =========================================================   PLAY BUTTON   ========================================================= */body .msun-mini-player #msun-mini-play {    background: linear-gradient(        180deg,        #FFD54A 0%,        #FFB52E 100%    ) !important;    border-color: #FFE27A !important;    color: #FFFFFF !important;}/* =========================================================   PLAY BUTTON &ndash; HOVER   ========================================================= */body .msun-mini-player #msun-mini-play:hover {    background: linear-gradient(        180deg,        #FFCC33 0%,        #FF9F43 100%    ) !important;    color: #FFFFFF !important;}/* =========================================================   LAUTST&Auml;RKE   ========================================================= */body .msun-mini-player input[type=&quot;range&quot;] {    accent-color: #00B8C8 !important;}/* =========================================================   PLAYER LINKS   ========================================================= */body .msun-mini-player a {    color: #FFD54A !important;}body .msun-mini-player a:hover {    color: #FF9F43 !important;}/* =========================================================   SENDEPLAN &ndash; DATUMSBUTTON   ========================================================= */.col-lg-7 .col-sm-6.col-xs-8.text-center &gt; button.btn.btn-default.btn-lg.btn-block {    background: linear-gradient(        180deg,        #087582 0%,        #04535F 100%    ) !important;    background-color: #04535F !important;    color: #FFFFFF !important;    border: 1px solid #00B8C8 !important;    border-radius: 6px !important;    box-shadow:        0 3px 8px rgba(0, 80, 95, 0.25) !important;    text-align: center !important;}/* =========================================================   DATUMSSCHRIFT   ========================================================= */.col-lg-7 .col-sm-6.col-xs-8.text-center &gt; button.btn.btn-default.btn-lg.btn-block span {    background-color: transparent !important;    color: #FFFFFF !important;}/* =========================================================   DATUMSBUTTON &ndash; HOVER   ========================================================= */.col-lg-7 .col-sm-6.col-xs-8.text-center &gt; button.btn.btn-default.btn-lg.btn-block:hover {    background: linear-gradient(        180deg,        #00A6B5 0%,        #087582 100%    ) !important;    background-color: #087582 !important;    color: #FFFFFF !important;    border-color: #00D5E5 !important;    box-shadow:        0 0 10px rgba(0, 213, 229, 0.40) !important;}/* =========================================================   SPAN-HINTERGRUND ENTFERNEN   ========================================================= */.mitte-mitte-wp span {    background-color: transparent !important;    border-color: transparent !important;}/* =========================================================   SENDEPLAN BUTTONS &ndash; TEXT   ========================================================= */.mitte-mitte-wp .btn span {    background: transparent !important;    background-color: transparent !important;    color: #FFFFFF !important;    border: 0 !important;}/* =========================================================   SENDEPLAN BUTTONS &ndash; HOVER   ========================================================= */.mitte-mitte-wp .btn:hover span,.mitte-mitte-wp .btn:focus span,.mitte-mitte-wp .btn:active span {    background: transparent !important;    background-color: transparent !important;    color: #FFFFFF !important;    border: 0 !important;}/* =========================================================   R&Uuml;CKBLICK / VORSCHAU &ndash; TEXT WEISS   ========================================================= */.col-lg-7 .btn-group .btn,.col-lg-7 .btn-group .btn:hover,.col-lg-7 .btn-group .btn:focus,.col-lg-7 .btn-group .btn:active {    color: #FFFFFF !important;}/* =========================================================   PFEIL BLEIBT SICHTBAR   ========================================================= */.col-lg-7 .btn-group .btn i {    background: transparent !important;}/* =========================================================   INFO ZU NEWCOMER &ndash; KEIN FLACKERN / KEIN HOVER   ========================================================= */.mitte-mitte-wp .col-sm-8 p,.mitte-mitte-wp .col-sm-8 p:hover,.mitte-mitte-wp .col-sm-8 p:focus,.mitte-mitte-wp .col-sm-8 p:active,.mitte-mitte-wp .col-sm-8 p span,.mitte-mitte-wp .col-sm-8 p span:hover,.mitte-mitte-wp .col-sm-8 p span:focus,.mitte-mitte-wp .col-sm-8 p span:active {    color: #FFFFFF !important;    background: transparent !important;    background-color: transparent !important;    text-decoration: none !important;    border: none !important;    border-bottom: none !important;    box-shadow: none !important;    text-shadow: none !important;    outline: none !important;    transform: none !important;    filter: none !important;}/* =========================================================   SENDEPLAN ADMIN &ndash; BUTTONS NICHT WEISS   ========================================================= */.mitte-mitte-wp .main_body .btn.btn-default {    background: linear-gradient(        180deg,        #087582 0%,        #04535F 100%    ) !important;    background-color: #04535F !important;    color: #FFFFFF !important;    border: 1px solid #00B8C8 !important;    border-radius: 6px !important;    box-shadow:        0 2px 6px rgba(0, 80, 95, 0.25) !important;}/* =========================================================   SENDEPLAN ADMIN &ndash; BUTTON HOVER   ========================================================= */.mitte-mitte-wp .main_body .btn.btn-default:hover,.mitte-mitte-wp .main_body .btn.btn-default:focus,.mitte-mitte-wp .main_body .btn.btn-default:active {    background: linear-gradient(        180deg,        #00A6B5 0%,        #087582 100%    ) !important;    background-color: #087582 !important;    color: #FFFFFF !important;    border-color: #00D5E5 !important;    box-shadow:        0 0 10px rgba(0, 213, 229, 0.40) !important;}/* =========================================================   SENDEPLAN ADMIN &ndash; BUTTON-INHALT   ========================================================= */.mitte-mitte-wp .main_body .btn.btn-default span,.mitte-mitte-wp .main_body .btn.btn-default i {    background: transparent !important;    background-color: transparent !important;    color: #FFFFFF !important;    border: 0 !important;}/* =========================================================   SENDEPLAN &ndash; SPEICHERN BUTTON   ========================================================= */.mitte-mitte-wp .text-right .btn.btn-default {    background-color: #04535F !important;    background: linear-gradient(        180deg,        #087582 0%,        #04535F 100%    ) !important;    color: #FFFFFF !important;    border-color: #00B8C8 !important;}/* =========================================================   SOMMER &ndash; INFO BUTTON   ========================================================= */.main_body_list-group-item .btn.btn-default {    color: #FFFFFF !important;    background: #00AFC7 !important;    border-color: #FFD54A !important;}.main_body_list-group-item .btn.btn-default:hover {    color: #164A5A !important;    background: #FFD54A !important;    border-color: #FFFFFF !important;}/* =========================================================   SOMMER &ndash; ADMIN BUTTON OBEN RECHTS   ========================================================= */.navbar-right .btn.btn-default,.navbar-right .dropdown-toggle {    color: #FFFFFF !important;    background: #075968 !important;    border-color: #00AFC7 !important;}.navbar-right .btn.btn-default:hover,.navbar-right .dropdown-toggle:hover {    color: #164A5A !important;    background: #FFD54A !important;    border-color: #FFFFFF !important;}}a:link { text-decoration:none; color:#FFD54A;} a:visited { text-decoration:none; color:#FF9F43;} a:hover { text-decoration:none; color:#FF9F43;} a:active { text-decoration:none; color:#00636B;} .padding_null_left{padding-left:0px;padding-right:0px;}.profile-userpic img {  float: none;  margin: 0 auto;  width: 50%;  height: 50%;  -webkit-border-radius: 14% !important;  -moz-border-radius: 14% !important;  border-radius: 14% !important;  padding: 4px;
  line-height: 1.42857143;
  background-color: #FFFFFF;
  border: 2px solid #FFFFFF;
  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: &lt;ende&gt;&lt;farbe&gt;4F4F4F% !important;  -moz-border-radius: &lt;ende&gt;&lt;farbe&gt;4F4F4F% !important;  border-radius: &lt;ende&gt;&lt;farbe&gt;4F4F4F% !important;  padding: 4px;  line-height: 1.42857143;  background-color: #FFFFFF;  border: 2px solid #000000;  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: % !important;  -moz-border-radius: % !important;  border-radius: % !important;  padding: 4px;  line-height: 1.42857143;  background-color: #969696;  border: 2px solid #;  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:38px;line-height:38px;background-image: url(sommer.png);background-color:#00A6B5;font-family:Arial;font-weight:normal;font-style:normal;font-size:14px;color:#FFFFFF;/* =========================================================   RADIO MEGA-SUNSHINE &ndash; HEADER NICHT ABSCHNEIDEN   ========================================================= */.mega-header-bild {    width: 100% !important;    height: auto !important;    min-height: 0 !important;    margin: 0 auto -120px auto !important;    padding: 0 !important;    position: relative !important;    top: 50px !important;    overflow: visible !important;    z-index: 5 !important;    background: transparent !important;}.mega-header-bild img {    display: block !important;    width: 100% !important;    max-width: none !important;    height: auto !important;    margin: 0 auto !important;    padding: 0 !important;    position: relative !important;    top: 0 !important;    overflow: visible !important;}/* &Uuml;bergeordnete Header-Bereiche d&uuml;rfen nicht abschneiden */header,.header,#header,#header_wrapper,.header_wrapper,#head,.head,.header-content {    overflow: visible !important;}}.header_transparent {/* =========================================================   RADIO MEGA-SUNSHINE &ndash; HEADER NICHT ABSCHNEIDEN   ========================================================= */.mega-header-bild {    width: 100% !important;    height: auto !important;    min-height: 0 !important;    margin: 0 auto -120px auto !important;    padding: 0 !important;    position: relative !important;    top: 50px !important;    overflow: visible !important;    z-index: 5 !important;    background: transparent !important;}.mega-header-bild img {    display: block !important;    width: 100% !important;    max-width: none !important;    height: auto !important;    margin: 0 auto !important;    padding: 0 !important;    position: relative !important;    top: 0 !important;    overflow: visible !important;}/* &Uuml;bergeordnete Header-Bereiche d&uuml;rfen nicht abschneiden */header,.header,#header,#header_wrapper,.header_wrapper,#head,.head,.header-content {    overflow: visible !important;}} .carousel {position:relative;top: -20px;}.carousel-inner img {width: 100%; margin: auto;height:auto;} .navbar-inverse { background-color: #087F86;border-radius:0px;border-color: #087F86;font-family:Arial;font-weight:normal;font-style:normal;font-size:14px;color:#FFFFFF;}.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: #FFFFFF;}.navbar-inverse .navbar-nav>li>a { color:#FFFFFF; }.navbar-inverse .navbar-nav>.active>a:hover,.navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>li>a:focus { background-color: #00B8C8; }.navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>li>a:focus { color: #FFFFFF;}.navbar-inverse .navbar-nav>.dropdown>a .caret { border-top-color: #FFFFFF}.navbar-inverse .navbar-nav>.dropdown>a .caret { border-bottom-color: #FFFFFF}.navbar-inverse .navbar-nav>.dropdown>a:hover .caret { border-top-color: #FFFFFF;}.navbar-inverse .navbar-nav>.dropdown>a:hover .caret { border-bottom-color: #FFFFFF;}.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: #00B8C8; }.navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>.active>a:focus { background-color: #00B8C8; }.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: #087582 }.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { background-color: #00B8C8}.dropdown-menu>li>a { font-family:Arial;font-weight:normal;font-style:normal;font-size:14px;color:#FFFFFF;background-color: #087582}.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { color: #FFFFFF}.navbar-inverse .navbar-brand { background-color: #FFD54A;font-family:Arial;font-weight:normal;font-style:normal;font-size:14px;color:#064A57;}.navbar-inverse .navbar-brand:hover { background-color: #FF9F43; color: #FFFFFF; }.navbar-inverse .navbar-toggle {
  border-color: #FFFFFF;
}
.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
background-color: #FFFFFF;
}
.navbar-inverse .navbar-toggle .icon-bar {
  background-color: #FFFFFF;
} .navbar-border-wp { border-top:0px;border-right:0px;border-top: 1px solid #36FFEB;border-bottom: 1px solid #36FFEB; }@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: #087582  }   .navbar-inverse  .navbar-nav .open .dropdown-menu > li > a {  color:#FFFFFF;   }   .navbar-inverse  .navbar-nav .open .dropdown-menu > li > a:hover,   .navbar-inverse  .navbar-nav .open .dropdown-menu > li > a:focus {     background-color: #00B8C8; color: #FFFFFF;   }  }@media (max-width: 767px) {  .navbar-inverse  .navbar-nav .dropdown-menu > li > a {   background-color: #087582  }   .navbar-inverse  .navbar-nav .open .dropdown-menu > li > a {  color:#FFFFFF;   }   .navbar-inverse  .navbar-nav .open .dropdown-menu > li > a:hover,   .navbar-inverse  .navbar-nav .open .dropdown-menu > li > a:focus {     background-color: #00B8C8; color: #FFFFFF;   }} .mitte-mitte-wp { margin-top:10px;padding-top:50px;background-color: #E8F9FA;font-family:Arial;font-weight:normal;font-style:normal;font-size:14px;color:#E8F9FA;/* =========================================================   RADIO MEGA-SUNSHINE &ndash; SOMMER   STYLE MITTELBEREICH &ndash; KOMPLETT   ========================================================= *//* =========================================================   MITTELBEREICH &ndash; GRUNDFL&Auml;CHE   ========================================================= */.col-lg-7 {    background-color: #E8F9FA !important;}/* =========================================================   ALLE BOXEN IM MITTELTEIL   ========================================================= */.col-lg-7 .panel,.col-lg-7 .panel-default,.col-lg-7 .main_boxen {    background-color: #063E49 !important;    background-image: none !important;    border: 1px solid #00B8C8 !important;    border-radius: 12px !important;    box-shadow:        0 4px 15px rgba(0, 80, 95, 0.20) !important;    outline: none !important;    overflow: hidden !important;    background-clip: padding-box !important;}/* =========================================================   INHALT DER BOXEN   ========================================================= */.col-lg-7 .panel-body,.col-lg-7 .main_body_boxen {    background-color: #063E49 !important;    background-image: none !important;    border: 0 !important;    box-shadow: none !important;    color: #FFFFFF !important;}/* =========================================================   TEXT &ndash; WEISS   ========================================================= */.col-lg-7 .panel-body,.col-lg-7 .panel-body p,.col-lg-7 .panel-body span,.col-lg-7 .panel-body div,.col-lg-7 .panel-body label,.col-lg-7 .panel-body strong,.col-lg-7 .main_body_boxen,.col-lg-7 .main_body_boxen p,.col-lg-7 .main_body_boxen span,.col-lg-7 .main_body_boxen div,.col-lg-7 .main_body_boxen label,.col-lg-7 .main_body_boxen strong {    color: #FFFFFF !important;}/* =========================================================   ALLE BOX-K&Ouml;PFE &ndash; DUNKEL-T&Uuml;RKIS   ========================================================= */.panel-heading {    background: linear-gradient(        180deg,        #087582 0%,        #04535F 100%    ) !important;    color: #FFFFFF !important;    border: 0 !important;    border-bottom: 1px solid #00C5D4 !important;    border-radius: 12px 12px 0 0 !important;    box-shadow:        inset 0 1px 0 rgba(255,255,255,0.08),        0 2px 8px rgba(0,0,0,0.20) !important;}/* =========================================================   BOX-KOPF &ndash; SCHRIFT IMMER WEISS   ========================================================= */.panel-heading,.panel-heading *,.panel-heading a {    color: #FFFFFF !important;}/* =========================================================   MITTLERE HAUPT&Uuml;BERSCHRIFT   ========================================================= */#main_heading_boxen {    text-align: center !important;    color: #FFFFFF !important;}/* =========================================================   LINKS IM MITTELBEREICH   ========================================================= */.col-lg-7 .panel-body a,.col-lg-7 .main_body_boxen a {    color: #FFD54A !important;}/* LINK-HOVER &ndash; T&Uuml;RKIS   KEIN ORANGE   ========================================================= */.col-lg-7 .panel-body a:hover,.col-lg-7 .main_body_boxen a:hover {    color: #00D5E5 !important;}/* =========================================================   WEITER LESEN &ndash; SOMMER BUTTON   ========================================================= */.col-lg-7 a.btn.btn-default {    background: linear-gradient(        180deg,        #00B8C8 0%,        #008A99 100%    ) !important;    color: #FFFFFF !important;    border: 1px solid #00D5E5 !important;    border-radius: 6px !important;    box-shadow:        0 3px 8px rgba(0, 80, 95, 0.25) !important;    text-decoration: none !important;}/* =========================================================   WEITER LESEN &ndash; HOVER   ========================================================= */.col-lg-7 a.btn.btn-default:hover {    background: linear-gradient(        180deg,        #00D5E5 0%,        #00A6B5 100%    ) !important;    color: #FFFFFF !important;    border-color: #00D5E5 !important;    box-shadow:        0 0 10px rgba(0, 213, 229, 0.45) !important;}/* =========================================================   SHOUTBOX &ndash; BUTTONS   TEXT SENDEN / HISTORY   ========================================================= */.col-lg-3 .panel-body .btn-default {    background: linear-gradient(        180deg,        #00B8C8 0%,        #008A99 100%    ) !important;    color: #FFFFFF !important;    border: 1px solid #00D5E5 !important;    border-radius: 6px !important;    box-shadow:        0 2px 6px rgba(0, 80, 95, 0.25) !important;    text-decoration: none !important;}/* =========================================================   SHOUTBOX &ndash; BUTTON HOVER   ========================================================= */.col-lg-3 .panel-body .btn-default:hover {    background: linear-gradient(        180deg,        #00D5E5 0%,        #00A6B5 100%    ) !important;    color: #FFFFFF !important;    border-color: #00D5E5 !important;    box-shadow:        0 0 8px rgba(0, 213, 229, 0.40) !important;}/* =========================================================   FORMULARE   ========================================================= */.col-lg-7 input,.col-lg-7 select,.col-lg-7 textarea {    color: #FFFFFF !important;    background-color: #04535F !important;    border: 1px solid #00B8C8 !important;    border-radius: 6px !important;}/* =========================================================   FORMULAR &ndash; PLACEHOLDER   ========================================================= */.col-lg-7 input::placeholder,.col-lg-7 textarea::placeholder {    color: #D9FFFF !important;}/* =========================================================   SENDEPLAN &ndash; R&Uuml;CKBLICK / DATUM / VORSCHAU   ========================================================= */.col-lg-7 .pagination,.col-lg-7 .pagination &gt; li &gt; a,.col-lg-7 .pagination &gt; li &gt; span {    background-color: #04535F !important;    color: #FFFFFF !important;    border-color: #00B8C8 !important;}/* =========================================================   SENDEPLAN &ndash; PAGINATION HOVER   ========================================================= */.col-lg-7 .pagination &gt; li &gt; a:hover,.col-lg-7 .pagination &gt; li &gt; span:hover {    background-color: #087582 !important;    color: #FFFFFF !important;    border-color: #00D5E5 !important;}/* =========================================================   SENDEPLAN &ndash; NAVIGATION   SOMMER &ndash; SCH&Ouml;NER T&Uuml;RKIS-LOOK   ========================================================= */.col-lg-7 .btn-group {    background: transparent !important;    border: 0 !important;    border-bottom: 1px solid #00B8C8 !important;    padding-bottom: 6px !important;}/* =========================================================   SENDEPLAN &ndash; BUTTONS   ========================================================= */.col-lg-7 .btn-group .btn {    background: linear-gradient(        180deg,        #00B8C8 0%,        #008A99 100%    ) !important;    color: #FFFFFF !important;    border: 1px solid #00D5E5 !important;    border-radius: 6px !important;    margin-right: 6px !important;    padding: 10px 16px !important;    font-weight: bold !important;    box-shadow:        0 3px 8px rgba(0, 80, 95, 0.25) !important;    text-shadow:        0 1px 2px rgba(0,0,0,0.35) !important;}/* =========================================================   AKTIVER BUTTON &ndash; SENDEPLAN   ========================================================= */.col-lg-7 .btn-group .btn.active,.col-lg-7 .btn-group .btn:active {    background: linear-gradient(        180deg,        #00D5E5 0%,        #00A6B5 100%    ) !important;    color: #FFFFFF !important;    border-color: #FFFFFF !important;    box-shadow:        0 0 10px rgba(0,213,229,0.45) !important;}/* =========================================================   SENDEPLAN &ndash; HOVER   ========================================================= */.col-lg-7 .btn-group .btn:hover {    background: linear-gradient(        180deg,        #00D5E5 0%,        #00B8C8 100%    ) !important;    color: #FFFFFF !important;    border-color: #FFFFFF !important;    box-shadow:        0 0 10px rgba(0,213,229,0.45) !important;}/* =========================================================   SENDEPLAN &ndash; ICONS GELB   ========================================================= */.col-lg-7 .btn-group .btn i {    color: #FFD54A !important;}/* =========================================================   SENDEPLAN &ndash; SCHRIFT   ========================================================= */.col-lg-7 .btn-group .btn,.col-lg-7 .btn-group .btn * {    color: #FFFFFF !important;}/* Icons trotzdem gelb */.col-lg-7 .btn-group .btn i {    color: #FFD54A !important;}/* =========================================================   WEISSE ECKEN / HELLE R&Auml;NDER ENTFERNEN   ========================================================= */.col-lg-7 .panel::before,.col-lg-7 .panel::after,.col-lg-7 .panel-heading::before,.col-lg-7 .panel-heading::after {    background: transparent !important;    border: 0 !important;    box-shadow: none !important;}/* =========================================================   KEINE WEISSEN INNENR&Auml;NDER   ========================================================= */.col-lg-7 .panel-body::before,.col-lg-7 .panel-body::after {    background: transparent !important;    border: 0 !important;    box-shadow: none !important;}/* =========================================================   BUTTON-SCHRIFT SICHER WEISS   ========================================================= */.col-lg-7 .btn,.col-lg-7 .btn *,.col-lg-3 .btn,.col-lg-3 .btn * {    color: #FFFFFF !important;}/* Icons wieder gelb */.col-lg-7 .btn i,.col-lg-3 .btn i {    color: #FFD54A !important;}/* =========================================================   SENDEPLAN &ndash; DATUMSFELD NICHT MEHR WEISS   ========================================================= */.col-lg-7 input.form-control,.col-lg-7 .form-control,.col-lg-7 .input-group .form-control {    background: linear-gradient(        180deg,        #087582 0%,        #04535F 100%    ) !important;    background-color: #04535F !important;    color: #FFFFFF !important;    border: 1px solid #00B8C8 !important;    border-radius: 6px !important;    box-shadow:        inset 0 1px 2px rgba(0,0,0,0.25),        0 2px 6px rgba(0,80,95,0.20) !important;    text-align: center !important;}/* Datumstext sicher wei&szlig; */.col-lg-7 input.form-control *,.col-lg-7 .form-control * {    color: #FFFFFF !important;}/* Falls das Datumsfeld ein spezielles DIV ist */.col-lg-7 .date,.col-lg-7 .datum,.col-lg-7 .datepicker,.col-lg-7 .datepicker-input {    background: #04535F !important;    color: #FFFFFF !important;    border-color: #00B8C8 !important;}/* Fokus */.col-lg-7 input.form-control:focus,.col-lg-7 .form-control:focus {    background: #05606C !important;    color: #FFFFFF !important;    border-color: #00D5E5 !important;    box-shadow:        0 0 8px rgba(0,213,229,0.40) !important;}}.mitte-border-wp { border: 1px solid #00B8C8; } .table {    border-bottom:0px !important;}.table th, .table td {    border: 1px !important;}.main_panel {  border: 0px; -webkit-box-shadow: 0 0px 0px rgba(0, 0, 0, 0.00);  box-shadow: 0 0px 0px rgba(0, 0, 0, 0.00);background-color: #087582;}#main_heading { background-color: #00B8C8;border-bottom: 0px;background:linear-gradient(    135deg,    #087582 0%,    #00B8C8 55%,    #065A67 100%);color: #FFFFFF;font-weight: bold;text-shadow:    0 0 5px rgba(67,217,232,0.40),    0 0 12px rgba(0,184,200,0.22);border-bottom: 2px solid #FFD54A;border-radius: 12px 12px 0 0;box-shadow:    inset 0 1px 0 rgba(255,255,255,0.12),    0 3px 12px rgba(0,0,0,0.30);font-family:Arial;font-weight:normal;font-style:normal;font-size:14px;color:#000000;}#main_heading_text {font-family:Arial;font-weight:normal;font-style:normal;font-size:14px;color:#000000;}.main_body {font-family:Arial;font-weight:normal;font-style:normal;font-size:15px;color:#00B8C8;background:linear-gradient(    180deg,    #087582 0%,    #04535F 60%,    #063E49 100%);color: #FFFFFF;border-left: 1px solid rgba(0,184,200,0.28);border-right: 1px solid rgba(0,184,200,0.28);border-bottom: 1px solid rgba(0,184,200,0.28);border-radius: 0 0 12px 12px;box-shadow:    0 6px 18px rgba(0,0,0,0.30),    inset 0 1px 0 rgba(255,255,255,0.08);}.main_body_list-group-item {  border: 0px; -webkit-box-shadow: 0 0px 0px rgba(0, 0, 0, 0.00);  box-shadow: 0 0px 0px rgba(0, 0, 0, 0.00);background-color: #087582;font-family:Arial;font-weight:normal;font-style:normal;font-size:15px;color:#00B8C8;background:linear-gradient(    180deg,    #087582 0%,    #04535F 60%,    #063E49 100%);color: #FFFFFF;border-left: 1px solid rgba(0,184,200,0.28);border-right: 1px solid rgba(0,184,200,0.28);border-bottom: 1px solid rgba(0,184,200,0.28);border-radius: 0 0 12px 12px;box-shadow:    0 6px 18px rgba(0,0,0,0.30),    inset 0 1px 0 rgba(255,255,255,0.08);}.main_body_hr { border: 1px solid #;}.thumbnail {font-family:Arial;font-weight:normal;font-style:normal;font-size:15px;color:#00B8C8;background:linear-gradient(    180deg,    #087582 0%,    #04535F 60%,    #063E49 100%);color: #FFFFFF;border-left: 1px solid rgba(0,184,200,0.28);border-right: 1px solid rgba(0,184,200,0.28);border-bottom: 1px solid rgba(0,184,200,0.28);border-radius: 0 0 12px 12px;box-shadow:    0 6px 18px rgba(0,0,0,0.30),    inset 0 1px 0 rgba(255,255,255,0.08);-webkit-box-shadow: 0 1px 1px #;box-shadow: 0 1px 1px #;border-color: #;background-color: #087582;} .main_boxen {  border: 0px; -webkit-box-shadow: 0 0px 0px rgba(0, 0, 0, 0.00);  box-shadow: 0 0px 0px rgba(0, 0, 0, 0.00);background-color: transparent;/* STYLE BOXEN &ndash; TEIL 2 &ndash; SOMMER */background:    linear-gradient(        180deg,        #087582 0%,        #065A67 60%,        #043C46 100%    );color: #FFFFFF;border-left: 1px solid rgba(0,184,200,0.25);border-right: 1px solid rgba(0,184,200,0.25);border-bottom: 1px solid rgba(0,184,200,0.25);border-radius: 0 0 12px 12px;box-shadow:    0 5px 16px rgba(0,0,0,0.35),    inset 0 1px 0 rgba(67,217,232,0.10);}#main_heading_boxen {background-color: transparent;border-color: #;font-family:Arial;font-weight:normal;font-style:normal;font-size:14px;color:#;/* STYLE BOXEN &ndash; TEIL 1 &ndash; SOMMER */background:    linear-gradient(        135deg,        #087582 0%,        #00B8C8 55%,        #065A67 100%    );color: #FFFFFF;font-weight: bold;text-shadow:    0 0 5px rgba(67,217,232,0.40),    0 0 10px rgba(0,184,200,0.20);border-bottom: 2px solid #FFD54A;border-radius: 12px 12px 0 0;box-shadow:    inset 0 1px 0 rgba(255,255,255,0.12),    0 3px 12px rgba(0,0,0,0.30);border-bottom: 0px;}.main_body_boxen {font-family:Arial;font-weight:normal;font-style:normal;font-size:14px;color:#;}.main_body_boxen_hr { border: 1px solid #;} .list-group-item.main_active{font-family:Arial;font-weight:normal;font-style:normal;font-size:14px;color:#000000;background-color: #FAFAFA;border-color: #CCCCCC;/* STYLE LINK BOXEN &ndash; TEIL 1 &ndash; SOMMER */background:    linear-gradient(        90deg,        #087582 0%,        #00B8C8 70%,        #065A67 100%    );color: #FFFFFF;border: 1px solid #00D5E5;border-radius: 0;box-shadow:    inset 0 1px 0 rgba(255,255,255,0.10);transition:    all 0.2s ease;}a.list-group-item.main_active:hover, a.list-group-item.main_active:focus{font-family:Arial;font-weight:normal;font-style:normal;font-size:14px;color:#000000;background-color: #F0F0F0;border-color: #CCCCCC;/* STYLE LINK BOXEN &ndash; TEIL 2 / HOVER &ndash; SOMMER */background:    linear-gradient(        90deg,        #008A99 0%,        #00B8C8 55%,        #43D9E8 100%    );color: #FFFFFF;font-weight: bold;border: 1px solid #FFD54A;border-radius: 6px;box-shadow:    0 0 8px rgba(0,184,200,0.45),    0 0 16px rgba(67,217,232,0.25);text-shadow:    0 1px 2px rgba(0,0,0,0.45);} .footer_innen {background-color: #065A67;color: #FFFFFF;padding-top: 20px;padding-right: 20px;padding-bottom: 20px;padding-left:20px;border: 1px groove #00B8C8; }.footer {overflow: hidden;}.footer_bottom {background-color: #065A67;	padding-top: 0px;	padding-right: 0px;	padding-bottom: 10px;	padding-left:0px;}#footer_bottom a{}.title-widget {font-family:Arial;font-weight:normal;font-style:normal;font-size:14px;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:Arial;font-weight:normal;font-style:normal;font-size:14px;color:#FFFFFF;}#main_fuss:hover, #main_fuss:focus{font-family:Verdana;font-weight:bold;font-size:14px;color:#FFD54A;}.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;}   @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%;}}.row-flex {}/* =========================================================   RADIO MEGA-SUNSHINE &ndash; GLOBALER FEINSCHLIFF &ndash; SOMMER   ========================================================= */::selection {    background: #00B8C8;    color: #ffffff;}a {    transition:        color 0.2s ease,        background-color 0.2s ease,        border-color 0.2s ease,        box-shadow 0.2s ease;}/* =========================================================   SCROLLBAR   ========================================================= */::-webkit-scrollbar {    width: 10px;}::-webkit-scrollbar-track {    background: #E8F9FA;}::-webkit-scrollbar-thumb {    background: #00A6B5;    border-radius: 10px;}::-webkit-scrollbar-thumb:hover {    background: #FFB52E;}/* =========================================================   RADIO MEGA-SUNSHINE &ndash; GLOBALER FEINSCHLIFF &ndash; SOMMER   ========================================================= */::selection {    background: #00B8C8;    color: #ffffff;}a {    transition:        color 0.2s ease,        background-color 0.2s ease,        border-color 0.2s ease,        box-shadow 0.2s ease;}/* =========================================================   SCROLLBAR   ========================================================= */::-webkit-scrollbar {    width: 10px;}::-webkit-scrollbar-track {    background: #E8F9FA;}::-webkit-scrollbar-thumb {    background: #00A6B5;    border-radius: 10px;}::-webkit-scrollbar-thumb:hover {    background: #FFB52E;}/* =========================================================   SOMMER &ndash; HAUPTFL&Auml;CHE   ========================================================= */#content,#main,.main-content,.content-wrapper,.page-content {    background-color: #E8F9FA !important;}