body{margin:0px;padding:0px;width:100%;overflow-x:hidden;}
*{margin:0;padding:0;font-family:'Roboto', sans-serif;box-sizing:border-box;}
body, h1, h2, h3, h4, h5, h6, p, div, td, li, input, select, textarea, span{font-family:Arial, Verdana, "Lucida Grande", "Lucida Sans Unicode", Helvetica, sans-serif;font-size:10pt;color:#18191D;font-weight:normal;}
a img{border:none;}
div{text-align:left;margin:0;padding:0;}
table{border-spacing:0px;border-collapse:collapse;}
table, td{text-align:left;vertical-align:top;max-width:100%;padding-right:1%;}
td.col1{width:6px;}
td.col17{width:17px;}  
img{border:0px;}
input, select, textarea{font-size:10pt;}      
form{display:inline;}
.sub-container{display:none;}
cc_message{color:#ffffff;text-decoration:none;}
a{color:#3466BF;text-decoration:none;}
a:hover{color:#FF0000;text-decoration:underline;}
a1{color:#121212;font-size:1pt;text-decoration:none;}
a2{color:#666666;font-size:1pt;text-decoration:none;}
a3{color:#ff0000;font-size:1pt;text-decoration:none;}

.blocksatz{text-align:justify;}
h1{margin:0;padding:0;font-size:18pt;font-weight:bold;text-align:left;color:#000000;margin-top:5px;margin-bottom:8px;max-width:590px;}
h2{font-size:16pt;font-weight:bold;text-align:left;color:#18191D;margin-top:25px;margin-bottom:10px;}
h3{color:#121212;font-weight:bold;font-size:12pt;margin:0;padding:0;margin-bottom:10px;}
h4{color:#121212;font-weight:bold;font-size:14pt;margin:0;padding:0;margin-bottom:10px;}
h5{color:#121212;font-weight:bold;font-size:18pt;margin:0;padding:0;margin-bottom:10px;}
menue-rechts{color:#666666;font-size:12pt;}
.searchinput{font-family:arial, Times;color:#2E3F49;font-size:19px;}
.searchinput2{font-family:arial, Times;color:#2E3F49;font-size:30px;border:1px solid #AAAAAA;}
p{padding:0;margin:0;margin-top:5px;margin-bottom:10px;}
.strong{font-weight:bold;font-size:13pt;}   
body.mix1_body{background:#CCCCCC;}
#mix1_ad_top{width:940px;min-height:10px;text-align:right;}
#mix1_ad_right{position:absolute;top:0px;left:950px;color:#666666;font-size:9pt;}
#mix1_page{width:950px;width:100%;overflow:hidden;float:left;}
#mix1_inner{width:920px;margin-left:20px;margin-top:0;margin-bottom:20px;float:left;}
#mix1_top{width:920px;height:119px;background:#e6e6e6 url('/web/20240207080438im_/https://www.mix1.de/design/topimages/default.jpg') no-repeat left top;}
#mix1_navigation{width:920px;height:45px;background:#444;color:#FFFFFF;z-index:999;}
#fixed{position:fixed;top:220px;right:0px;width:43px;height:190px;border-top-left-radius:14px;border-bottom-left-radius:14px;background:#858A8F;text-align:right;padding-right:7px;}
#fixed small{color:#bababa;padding-right:7px;}
#mix1tv_navigation{width:100%;height:36px;background:#18191D url(/web/20240207080438im_/https://www.mix1.de/design/images/topnav.jpg) repeat-x left top;color:#FFFFFF;z-index:999;}
#mix1_search{float:right;margin-top:12px;margin-right:6px;}
#mix1_search input{vertical-align:middle;}
#mix1_search #search_text{width:180px;border:0px;padding:3px;}
#mix1_search input.notactive{color:#555555;}
#mix1_middle{width:920px;margin-top:5px;margin-bottom:20px;background:#FFFFFF;}
.fixednavi{position:fixed !important;top:0;}
#mix1_tipp{float:right;padding:20px 20px;font-size:13pt;}
#mix1_tipp_text{font-size:13pt;color:#fe9901;font-weight:bold;}  
#mix1_tipp_text2{font-size:13pt;color:#fe9901;font-weight:bold;}
#mix1_tipp_text3{font-size:13pt;color:#fe9901;font-weight:bold;}  
#mix1_breadcrumbs{padding:0 20px;color:#555555;padding-top:20px;}
#mix1_textcd-news{padding:0 20px;color:#555555;padding-top:5px;}
#mix1_breadcrumbs a{color:#18191D;}
#mix1_content{margin-left:20px;width:540px;overflow:hidden;}
#mix1_content hr{border:1px solid #AAAAAA;}
#mix1_content_right{float:right;margin-right:20px;width:320px;clear:both;}
div.mybox, div.mybox_grey, div.mybox_social{width:auto;margin-bottom:20px;border:1px solid #CCCCCC;overflow:hidden;}
div.mybox{background:#EEEEEE;}
div.mybox_headline {
  width: auto;
  margin: 2px;
  padding: 5px;
  padding-left: 10px;
  color: #FFFFFF;
  background-color: #444444;
  font-size: 14pt;
  font-weight: normal;
}
div.myboxtext{background:#ffffff;margin-left:5px;max-width:100%;display:block;overflow:auto;}
div.cdbox{width:auto;margin-bottom:20px;border:1px solid #E9E9E9;overflow:hidden;}
div.cdbox{background:#f9f9f9;}
div.mybox2, div.mybox_grey2, div.mybox_social2{width:auto;margin-bottom:20px;border:2px solid #CCCCCC;overflow:hidden;}
div.mybox2{background:#ffffff;}
div.mybox_grey{background:#eeeeee;}
div.mybox_headline a{color:#FFF;font-weight:bold;}
div.mybox_content{width:auto;margin:7px;}
#mix1_content div.mybox_content{margin:12px;}
.mysmall{margin:0;padding:0;font-size:8pt;color:#121212;}
.mysmall a{color:#121212;text-decoration:underline;}
.mysmall2{margin:0;padding:0;font-size:9pt;color:#919191;}
div.mybox_bottom{width:auto;margin:2px;padding:5px 10px;color:#FFFFFF;background:#AAAAAA;text-align:center;}
div.mybox_bottom a{color:#FFFFFF;font-weight:bold;}
div.mydiv{width:auto;margin-bottom:20px;border-bottom:3px solid #CCCCCC;}
div.myitem, div.myitem_small{margin-bottom:5px;padding:7px;background:transparent;}
div.myitem:hover, div.myitem_small:hover{background:#FFF;}
div.myitem_small{margin-bottom:0px;padding:5px;}
div.mix1cd, div.mix1cd_verlosung{width:auto;border:1px solid #000000;background:#fff8DF;padding:0px;margin:0px 0px 10px 0px;}
div.mix1cd_verlosung{background:#FEEBB2;}
div.mix1cd:hover{background:#FFFFFF;}
div.mix1cd_verlosung:hover{background:#FFFFFF;}
div.mix1cd_list{border:1px solid #CCCCCC;margin:0px 0px 5px 0px;}
div.mybox_social{border:1px solid #cfcfcf;background-color:#efefef;vertical-align:middle;float:right;}
div.mybox_social div.mybox_headline{font-size:11pt;}
div.mybox_innerbox{border:1px solid #cfcfcf;background:#ffffff;padding:7px;margin-bottom:5px;}
div.mybox_innerbox div.myitem:hover, div.mybox_innerbox div.myitem_small:hover{background:#EEEEEE;}
#mix1_content_bottom{clear:both;width:920px;height:20px;}
#mix1_bottom{background:#18191D;}
#mix1_bottom_box{float:left;border-right:1px solid #494949;padding:0px 14px 0px 14px;margin:20px 0px 20px 0px;}
#mix1_bottom_box2{float:left;border-right:1px solid #494949;padding:0px 14px 0px 14px;margin:20px 0px 20px 0px;}
#mix1_bottom_box3{float:left;border-right:1px solid #494949;padding:0px 14px 0px 14px;margin:20px 0px 20px 0px;}
#mix1_bottom_box4{float:left;border-right:1px solid #494949;padding:0px 14px 0px 14px;margin:20px 0px 20px 0px;}
#mix1_bottom_box_last{float:left;padding:0px 0px 0px 14px;margin:20px 0px 20px 0px;}
#mix1_bottom_bottom{clear:both;color:#e3e3e3;text-align:center;padding-bottom:10px;font-size:9pt;}
#mix1_bottom a{color:#e3e3e3;text-decoration:none;font-size:9pt;}
#mix1_bottom a:hover{color:#fe9901;text-decoration:none;}
div.permanent{position:absolute;left:0px;top:110px;}
body > div.permanent{z-index:199;position:fixed;top:110px;left:0px;}
#adl_sb_table{position:relative;left:0px;top:0px;width:950px;}
ul.topnav{list-style:none;padding:0 20px;margin:0;float:left;z-index:9999;}
ul.topnav span.small{font-size:7pt;color:#fff;}
ul.topnav li{float:left;margin:0;padding:0 0 0 0;position:relative;}
ul.topnav li a{padding:9px 10px 11px 10px;color:#fff;display:block;text-decoration:none;float:left;}
ul.topnav li a:hover{background:url(/web/20240207080438im_/https://www.mix1.de/design/images/topnav_hover.jpg) repeat-x left top;}
ul.topnav li ul li{height:45px}
ul.topnav li ul.subnav{list-style:none;position:absolute;left:0;top:36px;background:#333;margin:0;padding:0;display:none;float:left;width:180px;border:1px solid #111;z-index:999;}
ul.topnav li ul.subnav li{margin:0;padding:0;border-top:3px solid #252525;border-bottom:3px solid #444;clear:both;width:180px;height:27px;}
html ul.topnav li ul.subnav li a{float:left;width:155px;background:#313131 url(/web/20240207080438im_/https://www.mix1.de/design/images/dropdown_linkbg.gif) no-repeat 7px center;padding:4px 5px 4px 20px;}
html ul.topnav li ul.subnav li a:hover{background:#47484C url(/web/20240207080438im_/https://www.mix1.de/design/images/dropdown_linkbg.gif) no-repeat 8px center;}
.t{font-size:12pt;font-weight:bold;text-align:left;color:#18191D;margin-top:25px;margin-bottom:10px;}
.c2{font-size:14pt;font-weight:bold;}
c2:hover{color:#FF0000;text-decoration:underline;}
a.page, a.page_current{border:1px solid #CCCCCC;background:#FFF;padding:3px 6px;text-decoration:none;line-height:16pt;font-size:9pt;color:#18191D;}
a.page:hover, a.page_current{border:1px solid #AAAAAA;background:#DDDDDD;}
a.page2, a.page2_current{border:1px solid #CCCCCC;background:#FFF;padding:3px 6px;text-decoration:none;line-height:16pt;font-size:13pt;color:#18191D;}
a.page:hover, a.page_current{border:1px solid #AAAAAA;background:#DDDDDD;}
a.infotext{text-decoration:none}
a.infotext:hover{background:#FFFFFF;text-decoration:none;}
a.infotext span{visibility:hidden;position:absolute;left:30em;margin-top:0em;padding:1em;text-decoration:none;border:3px solid #CCCCCC;color:#000000;background:#DDDDDD;text-decoration:none;width:300px;}
a.infotext:hover span{visibility:visible;}
div#backtotop{width:50px;height:40px;overflow:hidden;background:rgba(30,30,30,0.8);-webkit-border-top-left-radius:5px;-webkit-border-top-right-radius:5px;-moz-border-radius-topleft:5px;-moz-border-radius-topright:5px;border-top-left-radius:5px;border-top-right-radius:5px;-webkit-transition:all 200ms ease-in;-moz-transition:all 200ms ease-in;-o-transition:all 200ms ease-in;transition:all 200ms ease-in;}
div#backtotop:hover{background:rgba(30,30,30,1);}
a.infotext-charts{text-decoration:none}
a.infotext-charts:hover{background:#FFFFFF;text-decoration:none;}
a.infotext-charts span{visibility:hidden;position:absolute;left:10em;margin-top:0em;padding:1em;text-decoration:none;border:3px solid #CCCCCC;color:#000000;background:#ffffff;text-decoration:none;width:250px;}
a.infotext-charts:hover span{visibility:visible;}
div.nav{position:fixed;z-index:9999;top:240px;left:0;}
foto{opacity:0.4;filter:alpha(opacity=40);}
foto:hover{opacity:1.0;filter:alpha(opacity=100);}
#mix1_navigation li a{width:100%;}
#mix1_navigation li a:hover{background-color:#f79f40}
#mix1_navigation li li a:hover{background-color:#f79f40}
div#slider{float:left;margin-bottom:1em;}
#chartlisten{width:100%;}
article{max-width:96%;}
input#responsive-nav,
label.responsive-nav-label{display:none;}
nav{float:left;width:688px;background:#444;font-size:16px;margin-left:12px;margin-top:5px;}
nav ul{margin:0;padding:0;z-index:9999999;}
nav a{display:block;color:#fff;text-decoration:none;}
nav ul li{position:relative;float:left;list-style:none;color:#fff;transition:0.5s;}
nav ul li a{padding:10px;}
nav ul > li.submenu > a:after{position:relative;float:right;content:'';margin-left:10px;margin-top:5px;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #fff;border-bottom:5px solid transparent;}
nav ul ul li.submenu > a:after{margin-left:auto;margin-right:-10px;border-left:5px solid #fff;border-right:5px solid transparent;border-top:5px solid transparent;border-bottom:5px solid transparent;}
nav ul li:hover{}
nav ul ul{position:absolute;top:-9999px;left:-9999px;background:#444;box-shadow:2px 2px 5px rgba(0, 0, 0, 0.5);}
nav ul ul li{width:200px;border-bottom:1px solid #555;}
nav ul ul li a{padding:10px 20px;}
nav ul ul li:last-child{border-bottom:none;}
nav ul li:hover > ul{top:100%;left:0;}
nav ul ul li:hover > ul{top:0;left:200px;}
a.back_red{visibility:hidden;display:none}
.human_img{float:left;margin-left:3%;}
.no-pull{float:none !important;}
.td-push-cats{width:290px;line-height:21px;}
.news-text-box{text-align:justify;}
.news-text-headline{font-size:18pt;font-weight:bold;}    
.other-charts-bottom{display:none;}
.other-video-bottom{display:none;}
.chartliste-fa-rechts .fa{color:#aaaaaa;margin-right:15px;}
.mobile-to-top{color:#fff;font-size:1.3em;background-color:#ff9900;padding:20px 0 20px 0;width:100%;text-align:center;}
.mobile-to-top a:link, .mobile-to-top a:visited, .mobile-to-top a:focus{color:#fff;}
.mobile-to-top a:hover{color:#000;text-decoration:none;}
.stripe-divide{padding:0 20px 0 20px;}
.earlier-mobile{display:none;}
.mobile-social{display:none;float:right;}
.mobile-social .fa{font-size:2.2em;color:#AAAAAA;margin-top:-5px;}
.mobile-social .fa:hover{color:#ff9900;}
.int-charts-table{width:100%;box-sizing:border-box;}
.int-listing-land, .int-listing-cover{float:left;padding:5px 0;}
.int-listing-land img{margin-left:2px;margin-top:3px;}
.int-listing-cover img{width:45px;height:45px;margin-top:3px;}
.int-listing-table{width:100%;box-sizing:border-box;}
.int-listing-table td{vertical-align:middle !important;}
.int-listing-table td:nth-child(1), .int-listing-table td:nth-child(3){min-width:65px;width:13%;}
.int-listing-table td:nth-child(2){width:74%;}
.int-listing-table td:nth-child(3){text-align:left;}
.int-listing-table td:nth-child(3) .fa{margin-right:4px;}
.int-listing-table tr{background-color:#ECE9D8;padding:3px 2px;margin:5px 0;border-top:10px solid #fff;border-bottom:10px solid #fff;}
.int-listing-table tr:first-child{background-color:#fff;padding:3px 2px;margin:5px 0;border-top:10px solid #fff;border-bottom:10px solid #fff;}
.upper-the-string{text-transform:uppercase;font-weight:700;color:#999999;font-size:0.9em;}
.int-charts-header{width:100%;height:auto;padding-bottom:20px;}
.main-img-header{width:100%;height:auto;}
.rating-table{margin:0 auto;box-sizing:border-box;padding:0;}
.rating-number{font-weight:700;font-size:1.1em;}
.rating-table td{width:35px;height:18px;border:3px solid #efefef;}
.rating-table .green{background-color:#0c8b00;}
.rating-table .red{background-color:#f45a4f;}
.rating-table .orange{background-color:#fbb538;}
.rating-table .none{background-color:#bdbdbd;}
.mix-eins-logo-pull{padding-top:5px;}
.mybox-padding-pull .mybox_content{padding-right:0 !important;}
.mybox-padding-pull img{width:100%;}
.news-image-mobile{width:185px;text-align:center;}
.news-image-m{display:block;width:100%;height:auto;}
.news-image-l{display:none;}
.news-image-xl{display:none;}
.news-image-standard{max-width:200px !important;max-height:257px !important;height:auto !important;width:100% !important;}
.news-text-font{font-size:12pt;color:#121212;line-height:150%;text-align:justify;font-family:Arial, Verdana, "Lucida Grande", "Lucida Sans Unicode", sans-serif;}      
.news-image-mobile.detail-image{width:auto;max-width:250px;}    
.video-content{width:97%;text-align:center;padding-left:10px;text-align:justify;color:#777777;}
.video-zaehler{padding-left:2px;text-align:justify;color:#737373;}
.span-charts-video{font-weight:bold;color:#ff9900;}
.span-charts-name{font-weight:bold;color:#666666;font-size:18px;}
.video-50-new{padding:3px;vertical-align:middle;}
.werbung-oms-320{max-width:320px;margin-left:auto;margin-right:auto;margin:0px auto;margin-bottom:15px;margin-top:5px;}
.top-default{float:left;margin-top:5px;margin-left:5px;}
.top-default-logo{width:179px;height:100px;margin-top:8px;margin-left:18px;}
.cd-tracklist{text-align:left;width:100%;box-sizing:border-box;margin:0 auto;padding:11px;}
.cd-tracklist-list{line-height:135%;color:#777777;}
.news-rubrik {padding-top:2px;padding-left:5px;background-color:#cdcdcd;font-size:11pt;}
.amazon-title {
	font-size: 18px !important;
	font-weight: bold !important;
	background-color: #ffeecf;
	color: #000 !important;
	padding: 4px 8px;
	display: inline-block;
	border-radius: 4px;
	margin-top: 4px;
}

 /* Seitenaufteilung */
    .container {
      display: flex;
      min-height: 100vh;
    }

    .main-content {
      flex: 1;
      padding: 1em;
    }

    .hilfsmittel {
      width: 33%;
      background-color: #f9f9f9;
      border-left: 1px solid #ccc;
      padding: 1em;
    }

    .hilfsmittel h2 {
      font-size: 18px !important;
      color: #082c44 !important;
      border-bottom: 1px solid #ccc;
      padding-bottom: 0.5em;
      margin-bottom: 1em;
    }
	
	
div.s6{color:#000000;font-weight:bold;font-size:25px;text-decoration:none;}
div.parent{border:solid 1px;border-color:#ffffff;display:table;padding:5px;width:100%;margin:5px 0;}
div.text{vertical-align:middle;display:table-cell;text-align:justify;}
div.parent .img{vertical-align:middle;display:table-cell;padding-right:5px;width:50px;}
div.img img{width:50px;height:40px;vertical-align:middle;}
div.parent60{display:table;padding:5px;margin:5px 0;}
div.text60{display:table-cell;text-align:left;}
div.parent60 .img{vertical-align:middle;display:table-cell;padding-right:5px;width:50px;}
div.img60 img{border:solid 1px;border-color:#000000;width:40px;height:40px;vertical-align:middle;}
nav ul li a{padding:9px 10px 11px 10px;color:#fff;display:block;text-decoration:none;float:left;}
nav ul li a:hover{background:url('https://web.archive.org/web/20240207080438im_/https://www.mix1.de/images/topnav_hover.jpg') repeat-x left top;color:white;text-decoration:none;background-color:#444}
@media screen and (max-width:956px){div#slider{width:100%;margin-bottom:5px;}
a.back_red{background-color:red;visibility:visible;display:block}
.news-image-mobile{width:100%;}
.news-image-m{display:none;}
.news-image-l{display:none;}
.news-image-xl{display:block;width:100%;height:auto;}
.news-image-standard{max-width:257px !important;max-height:257px !important;height:auto !important;width:auto !important;}
.news-image-mobile.detail-image{max-width:none;width:100%;}
.news-text-headline{font-size:17pt;font-weight:bold;}
#mix1_breadcrumbs{padding:0 4px;color:#555555;padding-top:20px;}
#mix1_textcd-news{padding:0 4px;color:#555555;padding-top:5px;}
#mix1_tipp{float:right;padding:20px 4px;font-size:10pt;}
.earlier-mobile{display:block;}
.mobile-social{display:block;}
.other-charts-bottom{display:block;}
.other-video-bottom{display:block;}
.menu_icon img{width:45px;margin-top:-10px;margin-left:-12px;}
#mix1_inner{margin-left:0}
#mix1_page{width:100%;background-color:white;z-index:66666;position:absolute;margin-top:-30px;padding-top:0;}
#mix1_inner{width:100%;margin-bottom:0;}
#mix1_middle{width:100%;}
div#mix1_top{width:100%;margin-left:0;}
.sub-container{position:absolute;font-size:20px;right:10px;margin-top:3px;display:block;color:#fff;}
#mix1_navigation{height:52px;position:relative;width:100%;margin-left:0;z-index:999999999;}
#mix1_navigation li a:hover{background-color:#ff9900}
.submenu ul{display:none;}
img{max-width:100%;height:auto;}
div.cdbox{width:510px;margin:0 auto;}
.theme-default .nivoSlider{margin:0 auto;}
#mix1_middle{margin-top:9px;}
div#oms_gpt_rectangle{width:310px;margin:0 auto;}
div.mybox{width:100%;}
#mix1_content_right{width:100%;float:left;margin-left:0;display:none;}
#mix1_content{width:100%;margin-left:0;}
#mix1_bottom_box{width:50%}
#mix1_bottom_box2{width:50%}
#mix1_bottom_box3{width:50%}
#mix1_bottom_box4{width:50%}
#mix1_bottom_box_last{width:50%}
.theme-default .nivoSlider{box-shadow:none}
#slider img{min-width:100%;}
.mix1cd table, .mix1cd_verlosung table{max-width:95%}
*{font-size:14px;}
#mix1_ad_top{height:30px}
#mix1_page{}
div#root_template_div{height:0;display:none;visibility:hidden;}
label.responsive-nav-label{position:absolute;display:block;top:0;width:260px;font-size:130%;padding:20px 0 20px 20px;cursor:pointer;color:#fff;height:52px;line-height:7px;z-index:-2;}
.white{color:white;font-size:107%;margin-top:-22px;margin-left:30px;}
label.responsive-nav-label span{margin-right:10px;}
nav{position:absolute;top:-9999px;padding:10px;width:100%;margin-left:0;}
input#responsive-nav[type=checkbox]:checked ~ nav{position:absolute;top:45px;}
nav a:after{display:none;}
nav li{float:none;width:100%;border-bottom:none !important;}
nav li ul li{width:50%;clear:none;}
nav li a{margin-bottom:5px !important;padding:5px 20px !important;background:#555;}
nav ul li:hover{background:none;}
nav ul ul{position:relative !important;width:100%;left:0 !important;top:0 !important;background:none !important;box-shadow:none;}
nav ul ul li{padding-left:20px;}
#mix1_search{float:right;margin-right:0;min-width:258px;height:52px;z-index:444;margin-top:0;padding:17px 23px;}
#mix1_ad_right{display:none}
table, td{padding-right:0;}
	div.bild-alle-charts {width:100%;}
	
}

.mybox-neueinsteiger {
    margin-top: 20px;
    margin-bottom: 0;
    border-radius: 12px;
    overflow: hidden;
    background: #f7f7f7;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
    font-family: system-ui, sans-serif;
    transition: all 0.3s ease;
}

.mybox-neueinsteiger:hover {
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.12);
}

.mybox-neueinsteiger .mybox-headline {
    background: #e0e0e0;
    padding: 12px;
    display: flex;
    align-items: center;
    gap: 12px;
}

.mybox-neueinsteiger img {
    width: 50px;
    height: 50px;
    object-fit: cover;
    border-radius: 10px;
    flex-shrink: 0;
}

.mybox-neueinsteiger .mybox-text {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.mybox-neueinsteiger .mybox-title {
    font-size: 18px;
    font-weight: bold;
    color: #3466BF;
    text-decoration: none;
    margin-bottom: 4px;
}

.charts-neueinsteiger {
    width: 70px;
    height: 70px;
    border-radius: 12px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.charts-neueinsteiger-nr {
    background-color: #ff9900;
    color: white;
    font-size: 28px;
    font-weight: bold;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
}

.charts-neueinsteiger-cover {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 12px;
    display: block;
}

.mybox-neueinsteiger .mybox-title:hover {
    text-decoration: underline;
}

.mybox-neueinsteiger .mybox-subtitle {
    font-size: 10pt;
    color: #444;
}
     /* Bild aus design.mix1.de/images/charts_*.jpg */
.mybox-neueinsteiger img {
    width: 20px;
    height: 20px;
    object-fit: cover;
    border-radius: 12px; /* neu: runde Ecken */
    flex-shrink: 0;
}

/* Position: wie im chartbox-Code */
.chartbox-position {
    width: 70px;
    height: 70px;
    background-color: #ff9900;
    color: white;
    font-size: 28px;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px; /* sorgt für abgerundete Ecken */
}
             
.myButton {


	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ff9900), color-stop(1, #ff7700));
	background:-moz-linear-gradient(top, #ff9900 5%, #ff7700 100%);
	background:-webkit-linear-gradient(top, #ff9900 5%, #ff7700 100%);
	background:-o-linear-gradient(top, #ff9900 5%, #ff7700 100%);
	background:-ms-linear-gradient(top, #ff9900 5%, #ff7700 100%);
	background:linear-gradient(to bottom, #ff9900 5%, #ff7700 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff9900', endColorstr='#ff7700',GradientType=0);
	background-color:#ff9900;
	-moz-border-radius:28px;
	-webkit-border-radius:28px;
	border-radius:28px;
	border:1px solid #e6e6e6;
	display:inline-block;
	cursor:pointer;
	color: #ffffff !important;
	font-family:Arial;
	font-size: 17px !important;
	padding:5px 74px;
	text-decoration:none;
	text-shadow:0px 1px 0px #2f6627;
}
.myButton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ff7700), color-stop(1, #ff9901));
	background:-moz-linear-gradient(top, #ff7700 5%, #ff9901 100%);
	background:-webkit-linear-gradient(top, #ff7700 5%, #ff9901 100%);
	background:-o-linear-gradient(top, #ff7700 5%, #ff9901 100%);
	background:-ms-linear-gradient(top, #ff7700 5%, #ff9901 100%);
	background:linear-gradient(to bottom, #ff7700 5%, #ff9901 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff7700', endColorstr='#ff9901',GradientType=0);
	background-color:#ff7700;
}
.myButton:active {
	position:relative;
	top:1px;
}

.myButtonCo {


	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ff9901), color-stop(1, #009900));
	background:-moz-linear-gradient(top, #ff9901 5%, #009900 100%);
	background:-webkit-linear-gradient(top, #ff9901 5%, #009900 100%);
	background:-o-linear-gradient(top, #ff9901 5%, #009900 100%);
	background:-ms-linear-gradient(top, #ff9901 5%, #009900 100%);
	background:linear-gradient(to bottom, #ff9901 5%, #009900 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff9901', endColorstr='#009900',GradientType=0);
	background-color:#ff9901;
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	border-radius:28px;
	border:1px solid #efefef;
	display:inline-block;
	cursor:pointer;
	color: #ffffff !important;
	font-family:Arial;
	font-size: 17px !important;
	padding:5px 54px;
	text-decoration:none;
	text-shadow:0px 1px 0px #2f6627;
}
.myButtonCo:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #009900), color-stop(1, #ff9901));
	background:-moz-linear-gradient(top, #009900 5%, #ff9901 100%);
	background:-webkit-linear-gradient(top, #009900 5%, #ff9901 100%);
	background:-o-linear-gradient(top, #009900 5%, #ff9901 100%);
	background:-ms-linear-gradient(top, #009900 5%, #ff9901 100%);
	background:linear-gradient(to bottom, #009900 5%, #ff9901 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#009900', endColorstr='#ff9901',GradientType=0);
	background-color:#009900;
}
.myButtonCo:active {
	position:relative;
	top:1px;
}




@media screen and (max-width:626px){#mix1_breadcrumbs, #mix1_tipp{width:100%;display:block;}
	.shirt-link{width: 100%; display: block; text-align: center;}
	.shirt-block .shirt-link:nth-child(2) {display: none;}
}
@media screen and (max-width:590px){.sub-container{display:block;}
div.cdbox{width:auto;}
#mix1_content div.mybox_content{padding-right:0;}
.mybox_social_about{width:245px;float:none;margin:auto;}
img.human_img{width:245px;float:none;margin:0;}
}
@media screen and (max-width:456px){.sub-container{display:block;}
nav li ul li{width:100% !important;}
}
@media screen and (max-width:440px){.sub-container{display:block;}
#mix1_bottom_box{width:80%}
#mix1_bottom_box2{width:100%}
#mix1_bottom_box3{width:100%}
#mix1_bottom_box4{width:100%}
#mix1_bottom_box_last{width:100%}
.handy{display:none;width:0}
.all-charts-mobile-push td{float:left;}
.all-charts-mobile-push td:nth-child(3){width:85%;}
.umbruch table{width:100%;margin:0 auto}
.umbruch table td:first-child{display:table-cell;border:1px solid #ccc;}
.umbruch table table td:first-child{display:table-cell;border:none}
.mix1cd_verlosung table td:first-child{display:table-cell;width:130px !important;}
.mix1cd_verlosung table table td:first-child{display:table-cell;border:none}
.mix1cd table td:first-child{display:table-cell;width:130px !important;}
.mix1cd table table td:first-child{display:table-cell;border:none}
.mix1cd table td:nth-child(3){min-width:32px}
.mix1cd_list img{height:125px !important;width:auto !important;}
.umbruch td{display:block}
.umbruch tr{background-color:#ECE9D8}
.mix1cd td, .mix1cd_verlosung td, .mybox_grey td{display:block}
.mix1cd tr, .mix1cd_verlosung tr{}
.mix1cd table td:nth-child(2), .mix1cd_verlosung table td:nth-child(2){padding-right:5%;}
}
.charts-head {
    text-align: center;
}
.charts-main-block{padding:15px 7px 15px 7px;display:block;overflow:auto;}
.charts-first-child{max-height:70px;float:left;}
.charts-second-child{margin-left:5px;float:left;max-width:275px; width: 300px;}
.charts-third-child{float:right;max-width:70px;min-width:70px;text-align:center;}
.charts-position-number{font-family:Arial,"Lucida Grande", "Lucida Sans Unicode", Helvetica, Verdana, sans-serif;font-weight:700;margin:16px 0 0 0;font-size:1.1em;color:#fff;text-align:center;}
.charts-position-now{background-color:#ff9900;color:#fff !important;font-size:2.4em !important;text-align:center !important;overflow:hidden;}
.charts-position-old{font-family:Arial,"Lucida Grande", "Lucida Sans Unicode", Helvetica, Verdana, sans-serif;font-size:1.2em;text-align:center;}
.charts-position-week{font-family:Arial,"Lucida Grande", "Lucida Sans Unicode", Helvetica, Verdana, sans-serif;font-size:0.8em;text-align:center;}
.charts-single-cover-img{min-height:70px;max-height:70px;min-width:70px;max-width:70px;}
.charts-video-cover-img{max-height:70px;}
.charts-single-title{font-size:19px;font-weight:700;font-family:Arial,"Lucida Grande", "Lucida Sans Unicode", Helvetica, Verdana, sans-serif;}
.charts-single-title a{color:#3466BF;font-size:19px;font-weight:700;}
.charts-single-interpret{height:32px;font-size:15px;font-family:Arial,"Lucida Grande", "Lucida Sans Unicode", Helvetica, Verdana, sans-serif;}
.fsk .charts-single-interpret{margin-left: 42px;}
.charts-position-now, .charts-single-cover{min-height:70px;max-height:70px;min-width:70px;max-width:70px;overflow:hidden;float:left;display:block;margin-right:5px;}
.charts-links-block{display:block;position:relative;bottom:0;}
.charts-aff-links{font-family:Arial,"Lucida Grande", "Lucida Sans Unicode", Helvetica, Verdana, sans-serif;float:left;padding-right:20px;font-size:1em;}
.charts-video-link{font-family:Arial,"Lucida Grande", "Lucida Sans Unicode", Helvetica, Verdana, sans-serif;float:left;font-size:1em;}
.charts-position-changed{height:26px;text-align:center;}
.desktop{display:block;}
.mobile{display:none;}
.mix1cd-block, .mix1cd_verlosung-block{border:1px solid #000000;background:#fff8DF;padding:0px;margin:0px 0px 5px 0px;overflow:auto;}
.mix1cd-block:hover, .mix1cd_verlosung-block:hover{background:#FFF;}
.mix1cd-img-block img{width:116px;height:116px}
.mix1cd-img-block{padding:5px 5px 4px 5px;float:left;}
.mix1cd_verlosung-img-block{padding:5px 5px 4px 5px;float:left;}
.mix1cd-interpret-block{font-weight:bold;font-size:10pt;color:#000;text-decoration:none;}
.mix1cd-text-block, .mix1cd_verlosung-text-block{float:left;padding:5px 5px 5px 15px;max-width:250px;}
.mix1cd-order-block, .mix1cd_verlosung-order-block{width:22px;padding:0;background:transparent url(https://web.archive.org/web/20240207080438im_/https://design.mix1.de/images/mix1cd_bestellenbei.gif) center center no-repeat;height:128px;float:right;}
.mix1cd-buttons-block, .mix1cd_verlosung-buttons-block{padding:5px;text-align:right;vertical-align:top;float:right;}
.mix1cd-links-block, .mix1cd_verlosung-links-block{float:right;}
.nr1finder-img-block{width:150px;float:left;}
.nr1finder-table-block{float:left;}
.float-left-block{float:left;}
.inline-float{display:inline;}
.nr1finder-block-img{padding:10px;float:left;}
.nr1finder-block-text{padding:5px 0 5px 5px;float:left;width:75%;}
.charts-aff-links .fa, .charts-video-link .fa, .nr1finder-block-text .fa{color:#aaaaaa;}
.nr1finder-table-block select{width:275px;}
.searchinput-nr1f{border:none;width:230px;max-height:31px !important;padding:0.4em 0 0.4em 5px;font-family:Arial, "Lucida Grande", "Lucida Sans Unicode", Helvetica, Verdana, sans-serif;font-size:14px;}
.formbutton-nr1f{background-color:#ff9900;border:none;color:#fff;font-weight:700;padding:0.3em 0.4em 0.4em 0.6em;font-size:14px;letter-spacing:normal;word-spacing:normal;text-transform:none;text-indent:0px;text-shadow:none;display:inline-block;text-align:center;margin:0em 0em 0em 0em;}
.toggle-button .fa{float:right;font-size:30px;color:#ff9900;}
.input-press{background-color:#ff9900;padding:4px;max-width:275px;display:inline-block;}
.neueinsteiger-pull{width:auto;}
.aktuelle-musik-block{width:230px;}
.big-block-head{width:100%;margin-bottom:20px;border:1px solid #CCCCCC;overflow:hidden;}
.chartliste-fa-rechts a{line-height:15px;font-size:13px;font-weight:400 !important;}
.chartliste-fa-rechts{margin:0 !important;}
.charts-small-logo-push{margin-right:15px;}
.charts-sidebar-head{padding-top:2px;padding-left:5px;background-color:#444;}
.charts-sidebar-head{margin-bottom:5px;}
.charts-sidebar-block{padding:0 0 10px 0;}
.charts-sidebar .charts-sidebar-head h2{padding-left:2px;padding-top:5px;}
.charts-sidebar-link{padding:3px 0 3px 5px;color:#aaa;}
.charts-sidebar-link:hover{background-color:#fff;}
.charts-sidebar-head h2{padding-bottom:5px;margin-bottom:0;color:#fff;margin-top:0;font-size:16px;}
.charts-bottom-info{border:1px solid #dfdfdf;background:#fcfcfc;margin-top:2px;margin-bottom:2px;}
.charts-neueinstieg-link{font-size:1.2em;padding:3px 0 3px 5px;color:#ffcc99;}
.charts-wiedereinstieg-link{font-size:1.2em;padding:3px 0 3px 5px;color:#feebb1;}
.social-links{border:1px solid #cfcfcf;background:#efefef;margin-top:20px;margin-bottom:20px;}
.foto-credit-index{float:right;margin-right:6px;font-size:8pt;color:#121212;}
.werbung-oms-mobil{text-align:center;width:350px;padding-left:15%;}
.fsk .charts-fsk img {
    height: 32px;
    width: auto;
}
.fsk .charts-fsk {
    float: left;
    margin-right: 10px;
}
.fsk .charts-second-child .desktop .charts-single-title {
    margin-left: 42px;
}
.errorframe {
    display: none;
    position: fixed;
    top:0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(171, 171, 171, 0.8);
    padding: 50px 0 0 0;
    z-index: 99999999999999999;
}
.errorframe-link {
    cursor: hand;
    cursor: pointer;
}
.errorframe .mybox_content {
    padding: 10px;
    max-width: 400px;
    margin: 0 auto !important;
    background: #fff;
    border-radius: 3px;
    -webkit-box-shadow: 0px 3px 5px 1px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 3px 5px 1px rgba(0,0,0,0.3);
    box-shadow: 0px 3px 5px 1px rgba(0,0,0,0.3);
}
.rotation-header {
    width: 100%;
}
@media screen and (max-width:550px){.news-image-m{display:none;}
.charts-single-interpret{margin-left: 0;}
.news-image-l{display:block;width:100%;height:auto;}
.news-image-xl{display:none;}
.cdbox{width:auto;}
.img-gal-mobile img{width:100%;}
.img-gal-mobile{text-align:center;}
.news-image-mobile{text-align:center;width:100%;}
.aktuelle-musik-block{width:auto;height:auto !important;}
.neueinsteiger-pull{width:100%;}
.nr1finder-block-img{width:100%;float:none;}
.nr1finder-block-text{padding:0 0 10px 10px;width:100%;float:none;}
.nr1finder-img-block{width:340px;text-align:center;}
.mobile{display:block;}
.mobile .charts-single-title{margin-top:10px;}
.fsk .mobile .charts-single-title{margin-top:0;}
.desktop{display:none;}
.charts-second-child{margin-top:0;padding-top:10px;margin-left:0;min-width:50%;float:left;width:100%;}
.charts-third-child{min-width:48%;min-height:70px;float:right;margin-bottom:8px;}
.charts-first-child{margin-bottom:8px;}
.charts-main-block{padding:10px 25px 10px 25px;}
.charts-aff-links{margin-bottom:5px;}
.charts-video-link{float:none;}
.charts-video-link.video{float:left !important;}
}
@media screen and (max-width:450px){.mobile-wrap{float:left;height:126px;}
.mix1cd-text-block, .mix1cd_verlosung-text-block{padding:5px;width:100%;min-width:300px;overflow:hidden;}
.mix1cd-links-block, .mix1cd_verlosung-links-block{float:left;}
.mix1cd-order-block, .mix1cd_verlosung-order-block{display:none;} 
}
.charts-first-child .video{min-height:70px;max-height:70px;min-width:88px !important;max-width:88px !important;}
@media screen and (max-width:340px){#mix1_search{max-width:100%;right:2px;padding-left:0;padding-right:0}
#mix1_search #search_text{width:170px;}
#mix1_search #search_text{width:110px}
label.responsive-nav-label{padding-right:0;}
}
#slider{background-size:100% 100% !important;}

.text-wrap{padding-left:10px;padding-right:10px;box-sizing:border-box;color:#121212;}
.text-wrap a{color:#3466BF;text-decoration:none;font-size:11pt;}
.text-wrap a:hover{color:#FF0000;text-decoration:underline;font-size:11pt;}
.text-wrap2{padding-left:10px;padding-right:10px;box-sizing:border-box;color:#121212;font-size:9pt;}


   
@media (max-width:767px){.nav{display:none !important;}
}
.hideonstandard {
    display: none;
}
@media print {
    #mix1_content_right, #mix1_ad_right, .mybox.charts-sidebar img, #mix1_navigation, .social-links, #mix1_content .mybox:nth-child(2), .werbung-oms-320, #mix1_bottom, #slider, #mix1_tipp, .hideonprint, .mybox_content, br{
        display: none;
    }
    
    
    
 .mybox_content {  padding-top:20px;  }
              
    #mix1_breadcrumbs {
        position: absolute;
        top: 30px;
        right: 0;
        padding: 0;
    }
    #mix1_breadcrumbs .text-wrap {
        padding: 0;    
    }    
    .mybox {
        border: none !important;
    }
    .charts-second-child {
        max-width: 300px;
        width: 300px;
    }
    #mix1_content {
        width: 100%; 
    }
    .charts-single-title, .charts-single-title a {
        font-size: 18px !important;
        color: #666666 !important;
    }
    .charts-single-interpret {
        font-size: 1.3em !important;
    }
    #mix1_inner {
        margin-left: 0;
    }
    .charts-main-block {
        max-width: 550px;
        width: 550px;
        margin: 0 auto;
    }
    .hideonstandard {
        display: block;
        position: absolute;
        top: 70px;
        right: 0;
        font-size: 16px !important;
    }
    body.mix1_body {
        background: none;
    }
    #mix1_top {
        background: none;
        background-image: none !important;
    }
    .top-default-logo {
        width: 100%;
        text-align: center;
    }
    .top-default {
        float: none;
        text-align: center;
    }
}
.snippet-block {
    width: 100%;
    display: block;
    margin: 15px 0;
}
.cookie-div {
    color: rgb(131, 131, 145) !important;
    background-color: rgb(237, 239, 245);
    padding: 0.8em 1.8em;
    width: 100%;
    -ms-flex-direction: row;
    flex-direction: row;
    left: 0;
    right: 0;
    top: 0;
    opacity: 1;
    transition: opacity 1s ease;
    position: fixed;
    overflow: hidden;
    box-sizing: border-box;
    font-family: Helvetica,Calibri,Arial,sans-serif;
    font-size: 16px !important;
    line-height: 1.2em;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    z-index: 99999;
}
.cookie-ok {
    min-width: 140px;
    border-radius: 5px;
    color: rgb(255, 255, 255) !important;
    background-color: #fe9901;
    border-color: transparent;
    display: block;
    padding: .4em .8em;
    font-size: .9em !important;
    font-weight: 700 !important;
    border-width: 2px;
    border-style: solid;
    text-align: center;
    white-space: nowrap;
    cursor: pointer;
    cursor: hand;
}
a.cookie-ok:hover {
    text-decoration: none;
    color: black !important;
}
    /* The switch - the box around the slider */
.switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 33px;
}

/* Hide default HTML checkbox */
.switch input {display:none;}

/* The slider */
.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

.slider:before {
    position: absolute;
    content: "";
    height: 26px;
    width: 26px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

input:checked + .slider {
    background-color: #fe9901;
}

input:focus + .slider {
    box-shadow: 0 0 1px #fe9901;
}

input:checked + .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
    border-radius: 34px;
}

.slider.round:before {
    border-radius: 50%;
}
.green {
    color: #0c8b00 !important;
    font-weight: bold !important;
}
.red {
    color: red !important;
    font-weight: bold !important;
}
@media screen and (max-width:956px) {
    .cookie-div span:nth-child(1) {
        display: block;
        width:100%;
    }
    .cookie-div {
        display: block;
    }
    .cookie-div div:nth-child(2), .cookie-div div:nth-child(3) {
        display: block;
        width: 100px;
        float: left;
    }
}
.cookie-div {
    display: none;
}             

/*
     FILE ARCHIVED ON 08:04:38 Feb 07, 2024 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 06:58:09 Mar 19, 2025.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.457
  exclusion.robots: 0.019
  exclusion.robots.policy: 0.009
  esindex: 0.01
  cdx.remote: 13.472
  LoadShardBlock: 263.935 (3)
  PetaboxLoader3.datanode: 291.337 (5)
  PetaboxLoader3.resolve: 446.915 (3)
  load_resource: 540.092 (2)
*/

/* === chartbox.css Ergänzungen === */

.chartbox-container {
  display: flex;
  flex-wrap: wrap;
  background-color: #ffffff;
  border-radius: 12px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.1);
  margin-bottom: 12px;
  padding: 10px;
  align-items: center;
  font-family: sans-serif;
}

.chartbox-left, .chartbox-center, .chartbox-right {
  padding: 6px;
}

.chartbox-left {
  display: flex;
  align-items: center;
  flex: 0 0 160px;
}

.chartbox-cover-wrap {
  display: flex;
  align-items: center;
  gap: 8px;
}

.chartbox-position-box {
  width: 66px;
  height: 66px;
  background-color: #ff9900;
  color: #fff !important;
  font-size: 26px !important;
  font-weight: bold !important;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
  flex-shrink: 0;
}

.chartbox-cover-inner {
  width: 66px;
  height: 66px;
  border-radius: 10px;
  overflow: hidden;
  flex-shrink: 0;
}

.chartbox-cover-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 10px;
  display: block;
}

.chartbox-center {
  flex: 1 1 auto;
  margin-left: -4px;
}

.chartbox-title {
  font-size: 21px !important;
  font-weight: bold !important;
  margin-bottom: 3px;
  color: #222 !important;
}

.chartbox-title a {
  font-size: 21px !important;
  font-weight: bold !important;
  color: #3466Bf !important;
  text-decoration: none;
}

.chartbox-title a:hover {
  text-decoration: underline;
}

.chartbox-artist {
  font-size: 16px !important;
  color: #666 !important;
  margin-bottom: 6px;
}

.chartbox-links {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  margin-bottom: 0;
}

.chartbox-link, .chartbox-video {
  font-size: 13px !important;
  color: #3466Bf !important;
}

.chartbox-right {
  flex: 0 0 100px;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.chartbox-trend {
  margin-bottom: 6px;
}

.chartbox-weeks-block {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  line-height: 1.2;
}

.chartbox-previous {
  font-size: 13px !important;
  color: #999 !important;
}

.chartbox-weeks {
  font-size: 12px !important;
  color: #aaa !important;
}

.chartbox-weeks.new {
  color: #000000 !important;
}

.chartbox-mobile-weeks {
  display: none;
}

.desktop-only {
  display: flex;
}

.charts-main-block {
  width: 100%;
}
.chartbox-previous {
 font-size: 16px !important;
  font-weight: bold !important;
}


/* Korrektur für Desktop-Layout */
.charts-main-block.chartbox-container {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
}

.chartbox-left {
  flex: 0 0 auto !important;
}

.chartbox-center {
  flex: 3 1 300px !important;
  margin-left: -4px !important;
}

.chartbox-right {
  flex: 1 1 100px !important;
  display: flex !important;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.chartbox-links {
  flex-wrap: wrap !important;
}


/* Mobile */

@media (max-width: 600px) {
  .chartbox-title {
    font-size: 21px !important;
    font-weight: bold !important;
    color: #000000 !important;
    margin: 8px 0 4px 15px;
  }

  .chartbox-title * {
    font-size: inherit !important;
    font-weight: inherit !important;
    color: inherit !important;
  }

  .chartbox-container {
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    padding: 10px;
  }

  .chartbox-left {
    width: 100%;
    padding: 6px 0;
  }

  .chartbox-cover-wrap {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    gap: 10px;
  }

  .chartbox-position-box {
    width: 74px;
    height: 74px;
    font-size: 28px !important;
  }

  .chartbox-cover-inner {
    width: 74px;
    height: 74px;
  }

  .chartbox-center {
    width: 100%;
    padding: 0;
    margin: 0;
    display: block;
    flex: unset !important;
  }

  .chartbox-title {
    font-size: 21px !important;
    font-weight: bold !important;
    color: #000000 !important;
    margin: 8px 0 4px 15px;
  }

  .chartbox-title a {
    font-size: 21px !important;
    font-weight: bold !important;
    color: #3466Bf !important;
    text-decoration: none;
  }

  .chartbox-title a:hover {
    text-decoration: underline;
  }

  .chartbox-artist {
    font-size: 17px !important;
    margin: 0 0 10px 15px;
    color: #666 !important;
  }

  .chartbox-links {
    flex-direction: row;
    flex-wrap: wrap;
    gap: 10px;
    margin-left: 15px;
    margin-bottom: 0;
  }

  .chartbox-link, .chartbox-video {
    font-size: 14px !important;
  }

  .chartbox-mobile-weeks {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: 14px !important;
    color: #777 !important;
  }

  .desktop-only {
    display: none !important;
  }

  .chartbox-right {
    display: none;
  }

  .chartbox-video:empty {
    display: none;
  }
  .chartbox-previous {
  font-weight: bold !important;
}
@media (max-width: 600px) {
  .chartbox-container {
    flex-direction: column !important;
    align-items: flex-start !important;
  }

  .chartbox-left {
    width: 100% !important;
    padding: 6px 0 !important;
  }

  .chartbox-center {
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    display: block !important;
    flex: unset !important;
  }

  .chartbox-title {
    font-size: 21px !important;
    font-weight: bold !important;
    color: #000000 !important;
    margin: 8px 0 4px 15px !important;
  }

  .chartbox-title a {
    font-size: 21px !important;
    font-weight: bold !important;
    color: #3466Bf !important;
  }

  .chartbox-artist {
    font-size: 17px !important;
    margin: 0 0 10px 15px !important;
    color: #666 !important;
  }

  .chartbox-links {
    flex-direction: row !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    margin-left: 15px !important;
    margin-bottom: 0 !important;
  }

  .chartbox-mobile-weeks {
    display: flex !important;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    color: #777;
  }

  .desktop-only {
    display: none !important;
  }

  .chartbox-right {
    display: none !important;
  }

  .chartbox-video:empty {
    display: none !important;
  }
}