body {background-attachment: fixed;background-position: top center;background-repeat: no-repeat;background-image: -ms-linear-gradient(bottom, #040085 0%, #000000 100%);background-image: -moz-linear-gradient(bottom, #040085 0%, #000000 100%);background-image: -o-linear-gradient(bottom, #040085 0%, #000000 100%);background-image: -webkit-gradient(linear, left bottom, left bottom, color-stop(0, #040085), color-stop(1, #000000));background-image: -webkit-linear-gradient(bottom, #040085 0%, #000000 100%);background-image: linear-gradient(to bottom, #040085 0%, #000000 100%);background-color:#040085;font-family:Verdana;font-size:14px;color:#FAF7F8;}a:link { text-decoration:none; color:#32FCF6;} 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: #FFFFFF; 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: #FFFFFF; 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: #FFFFFF; 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:38px;line-height:38px;background-color:#FFFFFF;font-style:normal;font-size:14px;color:#000000;}.header_transparent {} .carousel-indicators li {background-color: #006DFA;}.carousel-indicators .active {background-color: #FFFFFF;}.farbe {color: #FFFFFF;}.carousel {position:relative;top: 50px;}.carousel-inner img {width: 100%; margin: auto;height:auto;}.carousel-border-wp { border: 1px solid #94ABD0; } .navbar-inverse { background-color: #040085;border-radius:0px;border-color: #040085;font-family:Verdana;font-weight:normal;font-style:normal;font-size:15px;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: #CCCCCC;}.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 { background-color: #001A51; }.navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>li>a:focus { color: #CCCCCC;}.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: #CCCCCC;}.navbar-inverse .navbar-nav>.dropdown>a:hover .caret { border-bottom-color: #CCCCCC;}.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: #001A51; }.navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>.active>a:focus { background-color: #001A51; }.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: #001A51 }.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { background-color: #002F7E}.dropdown-menu>li>a { font-family:Verdana;font-weight:normal;font-style:oblique;font-size:15px;color:#FFFFFF;background-color: #001A51}.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { color: #005EFB}.navbar-inverse .navbar-brand { font-family:Verdana;font-weight:normal;font-style:normal;font-size:15px;color:#CCCCCC;}.navbar-inverse .navbar-brand:hover { background-color: #001A51; color: #CCCCCC; }.navbar-inverse .navbar-toggle { border-color: #CCCCCC;}.navbar-inverse .navbar-toggle:hover,.navbar-inverse .navbar-toggle:focus {background-color: #CCCCCC;}.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: #001A51 } .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: #002F7E; color: #005EFB; } }@media (max-width: 767px) { .navbar-inverse .navbar-nav .dropdown-menu > li > a { background-color: #001A51 } .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: #002F7E; color: #005EFB; }} .mitte-mitte-wp { margin-top:70px;padding-top:2px;padding-bottom:3px;background-color: #040085;font-size:px;}.mitte-border-wp { border-top: 1px bo3 #94ABD0; } .table { border-bottom:0px !important;}.table th, .table td { border: 1px !important;}.main_panel {-webkit-box-shadow: 0 1px 1px #94ABD0;box-shadow: 0 1px 1px #94ABD0;border-color: #94ABD0;background-color: #040085;}#main_heading { background-color: #040085;border-color: #94ABD0;font-family:Verdana;font-weight:normal;font-style:normal;font-size:20px;color:#FFFFFF;}#main_heading_text {font-family:Verdana;font-weight:normal;font-style:normal;font-size:20px;color:#FFFFFF;}.main_body {font-size:12px;color:#FFFFFF;}.main_body_list-group-item {-webkit-box-shadow: 0 1px 1px #94ABD0;box-shadow: 0 1px 1px #94ABD0;border-color: #94ABD0;background-color: #040085;font-size:12px;color:#FFFFFF;}.main_body_hr { border: 1px solid #94ABD0;}.thumbnail {font-size:12px;color:#FFFFFF;-webkit-box-shadow: 0 1px 1px #94ABD0;box-shadow: 0 1px 1px #94ABD0;border-color: #94ABD0;background-color: #040085;} .nav-tabs { border-bottom: 1px solid #FFFFFF;!important;}.nav-tabs > li > a:hover { color: #040085;!important;background-color: #FFFFFF;!important;}.nav-tabs > li.active > a,.nav-tabs > li.active > a:hover,.nav-tabs > li.active > a:focus { color: #FFFFFF;!important; cursor: default;background-color: #040085;!important; border: 1px solid #FFFFFF;!important; border-bottom-color: transparent;} .main_boxen {-webkit-box-shadow: 0 1px 1px #94ABD0;box-shadow: 0 1px 1px #94ABD0;border-color: #94ABD0;background-color: #040085;}#main_heading_boxen {background-color: #040085;border-color: #94ABD0;font-family:Comic Sans MS;font-weight:bolder;font-style:normal;font-size:16px;color:#FFFFFF;border-color: #94ABD0;}.main_body_boxen {font-family:Verdana;font-weight:normal;font-style:normal;font-size:12px;color:#FFFFFF;}.main_body_boxen_hr { border: 1px solid #FFFFFF;} .list-group-item.main_active{font-size:12px;color:#FFFFFF;background-color: #040082;border-color: #FFFFFF;}a.list-group-item.main_active:hover, a.list-group-item.main_active:focus{font-weight:bold;font-style:italic;font-size:13px;color:#FFFFFF;background-color: #94ABD0;border-color: #CCCCCC;} .footer_innen {background-color: #000223;color: #CCCCCC;padding-top: 20px;padding-right: 20px;padding-bottom: 20px;padding-left:20px;border-top: 3px solid #004EF4; }.footer {background-color: #00011A;overflow: hidden;color: #CCCCCC;}.footer_bottom {color: #CCCCCC;background-color: #000223; padding-top: 0px; padding-right: 0px; padding-bottom: 10px; padding-left:0px;}#footer_bottom a{color: #CCCCCC;}.title-widget {font-family:Verdana;font-weight:bold;font-style:normal;font-size:16px;color:#2D5B9E; 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:14px;color:#FFFFFF;}#main_fuss:hover, #main_fuss:focus{font-family:Verdana;font-weight:bold;font-size:14px;color:#737373;}.footerp p {color: #CCCCCC;}.footerp:hover, .footerp:focus{color: #CCCCCC;} .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: #040082;!important;color: #FFFFFF;!important;border: 1px solid #94ABD0;!important;}.input-group-addon {background-color: #040082;!important;color: #FFFFFF;!important;border: 1px solid #94ABD0;!important;} a.btn-default { background-color: #040082;!important;color: #FFFFFF;!important;border-color: #94ABD0;!important;}.btn-default { background-color: #040082;!important;color: #FFFFFF;!important;border-color: #94ABD0;!important;}.btn-default:focus,.btn-default.focus { background-color: #FFFFFF;!important;color: #040082;!important;border-color: #94ABD0;!important;}.btn-default:hover { background-color: #FFFFFF;!important;color: #040082;!important;border-color: #94ABD0;!important;} @media screen and (max-width: 1024px) {.tab_aus{ display:none;}.tab_an{ display:inline;}}@media screen and (max-width: 767px) { .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%;}} also der spieleaufrufzähler und die spiele funktionieren alle super ....die kacheln sind immer noch nicht kleiner , die schrift in den kacheln und der abstand zwischen text und kacheln noch nicht da . ich schicke dir noch mal doe css : body {background-attachment: fixed;background-position: top center;background-repeat: no-repeat;background-image: -ms-linear-gradient(bottom, #040085 0%, #000000 100%);background-image: -moz-linear-gradient(bottom, #040085 0%, #000000 100%);background-image: -o-linear-gradient(bottom, #040085 0%, #000000 100%);background-image: -webkit-gradient(linear, left bottom, left bottom, color-stop(0, #040085), color-stop(1, #000000));background-image: -webkit-linear-gradient(bottom, #040085 0%, #000000 100%);background-image: linear-gradient(to bottom, #040085 0%, #000000 100%);background-color:#040085;font-family:Verdana;font-size:14px;color:#FAF7F8;}a:link { text-decoration:none; color:#32FCF6;} 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: #FFFFFF; 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: #FFFFFF; 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: #FFFFFF; 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:38px;line-height:38px;background-color:#FFFFFF;font-style:normal;font-size:14px;color:#000000;}.header_transparent {} .carousel-indicators li {background-color: #006DFA;}.carousel-indicators .active {background-color: #FFFFFF;}.farbe {color: #FFFFFF;}.carousel {position:relative;top: 50px;}.carousel-inner img {width: 100%; margin: auto;height:auto;}.carousel-border-wp { border: 1px solid #94ABD0; } .navbar-inverse { background-color: #040085;border-radius:0px;border-color: #040085;font-family:Verdana;font-weight:normal;font-style:normal;font-size:15px;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: #CCCCCC;}.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 { background-color: #001A51; }.navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>li>a:focus { color: #CCCCCC;}.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: #CCCCCC;}.navbar-inverse .navbar-nav>.dropdown>a:hover .caret { border-bottom-color: #CCCCCC;}.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: #001A51; }.navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>.active>a:focus { background-color: #001A51; }.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: #001A51 }.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { background-color: #002F7E}.dropdown-menu>li>a { font-family:Verdana;font-weight:normal;font-style:oblique;font-size:15px;color:#FFFFFF;background-color: #001A51}.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { color: #005EFB}.navbar-inverse .navbar-brand { font-family:Verdana;font-weight:normal;font-style:normal;font-size:15px;color:#CCCCCC;}.navbar-inverse .navbar-brand:hover { background-color: #001A51; color: #CCCCCC; }.navbar-inverse .navbar-toggle { border-color: #CCCCCC;}.navbar-inverse .navbar-toggle:hover,.navbar-inverse .navbar-toggle:focus {background-color: #CCCCCC;}.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: #001A51 } .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: #002F7E; color: #005EFB; } }@media (max-width: 767px) { .navbar-inverse .navbar-nav .dropdown-menu > li > a { background-color: #001A51 } .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: #002F7E; color: #005EFB; }} .mitte-mitte-wp { margin-top:70px;padding-top:2px;padding-bottom:3px;background-color: #040085;font-size:px;}.mitte-border-wp { border-top: 1px bo3 #94ABD0; } .table { border-bottom:0px !important;}.table th, .table td { border: 1px !important;}.main_panel {-webkit-box-shadow: 0 1px 1px #94ABD0;box-shadow: 0 1px 1px #94ABD0;border-color: #94ABD0;background-color: #040085;}#main_heading { background-color: #040085;border-color: #94ABD0;font-family:Verdana;font-weight:normal;font-style:normal;font-size:20px;color:#FFFFFF;}#main_heading_text {font-family:Verdana;font-weight:normal;font-style:normal;font-size:20px;color:#FFFFFF;}.main_body {font-size:12px;color:#FFFFFF;}.main_body_list-group-item {-webkit-box-shadow: 0 1px 1px #94ABD0;box-shadow: 0 1px 1px #94ABD0;border-color: #94ABD0;background-color: #040085;font-size:12px;color:#FFFFFF;}.main_body_hr { border: 1px solid #94ABD0;}.thumbnail {font-size:12px;color:#FFFFFF;-webkit-box-shadow: 0 1px 1px #94ABD0;box-shadow: 0 1px 1px #94ABD0;border-color: #94ABD0;background-color: #040085;} .nav-tabs { border-bottom: 1px solid #FFFFFF;!important;}.nav-tabs > li > a:hover { color: #040085;!important;background-color: #FFFFFF;!important;}.nav-tabs > li.active > a,.nav-tabs > li.active > a:hover,.nav-tabs > li.active > a:focus { color: #FFFFFF;!important; cursor: default;background-color: #040085;!important; border: 1px solid #FFFFFF;!important; border-bottom-color: transparent;} .main_boxen {-webkit-box-shadow: 0 1px 1px #94ABD0;box-shadow: 0 1px 1px #94ABD0;border-color: #94ABD0;background-color: #040085;}#main_heading_boxen {background-color: #040085;border-color: #94ABD0;font-family:Comic Sans MS;font-weight:bolder;font-style:normal;font-size:16px;color:#FFFFFF;border-color: #94ABD0;}.main_body_boxen {font-family:Verdana;font-weight:normal;font-style:normal;font-size:12px;color:#FFFFFF;}.main_body_boxen_hr { border: 1px solid #FFFFFF;} .list-group-item.main_active{font-size:12px;color:#FFFFFF;background-color: #040082;border-color: #FFFFFF;}a.list-group-item.main_active:hover, a.list-group-item.main_active:focus{font-weight:bold;font-style:italic;font-size:13px;color:#FFFFFF;background-color: #94ABD0;border-color: #CCCCCC;} .footer_innen {background-color: #000223;color: #CCCCCC;padding-top: 20px;padding-right: 20px;padding-bottom: 20px;padding-left:20px;border-top: 3px solid #004EF4; }.footer {background-color: #00011A;overflow: hidden;color: #CCCCCC;}.footer_bottom {color: #CCCCCC;background-color: #000223; padding-top: 0px; padding-right: 0px; padding-bottom: 10px; padding-left:0px;}#footer_bottom a{color: #CCCCCC;}.title-widget {font-family:Verdana;font-weight:bold;font-style:normal;font-size:16px;color:#2D5B9E; 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:14px;color:#FFFFFF;}#main_fuss:hover, #main_fuss:focus{font-family:Verdana;font-weight:bold;font-size:14px;color:#737373;}.footerp p {color: #CCCCCC;}.footerp:hover, .footerp:focus{color: #CCCCCC;} .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: #040082;!important;color: #FFFFFF;!important;border: 1px solid #94ABD0;!important;}.input-group-addon {background-color: #040082;!important;color: #FFFFFF;!important;border: 1px solid #94ABD0;!important;} a.btn-default { background-color: #040082;!important;color: #FFFFFF;!important;border-color: #94ABD0;!important;}.btn-default { background-color: #040082;!important;color: #FFFFFF;!important;border-color: #94ABD0;!important;}.btn-default:focus,.btn-default.focus { background-color: #FFFFFF;!important;color: #040082;!important;border-color: #94ABD0;!important;}.btn-default:hover { background-color: #FFFFFF;!important;color: #040082;!important;border-color: #94ABD0;!important;} @media screen and (max-width: 1024px) {.tab_aus{ display:none;}.tab_an{ display:inline;}}@media screen and (max-width: 767px) { .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%;}} /* ========================================================= ASR: Navigation oben zentrieren ========================================================= */ @media (min-width: 768px) { .navbar-inverse .navbar-collapse { text-align: center !important; } .navbar-inverse .navbar-nav { float: none !important; display: inline-block !important; } } /* ========================================================= ASR Glow-Effekt – Header Menü & asr-link ========================================================= */ .navbar-inverse .navbar-nav>li>a, .asr-link { font-size: 17px !important; font-weight: 700 !important; letter-spacing: 1px; color: #ffeb3b !important; text-shadow: 0 0 4px rgba(255,235,59,0.8), 0 0 8px rgba(255,235,59,0.6), 0 0 14px rgba(0,160,255,0.7); transition: all 0.25s ease; text-decoration: none; } .navbar-inverse .navbar-nav>li>a:hover, .asr-link:hover { color: #7fd8ff !important; text-shadow: 0 0 5px rgba(127,216,255,0.9), 0 0 10px rgba(127,216,255,0.7), 0 0 18px rgba(0,160,255,0.6); } /* Aktiver Menüpunkt */ .navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:hover, .asr-link.active, .asr-link.active:hover { color: #ffffff !important; text-shadow: 0 0 5px #7fd8ff, 0 0 10px #7fd8ff, 0 0 18px rgba(0,160,255,0.85); } /* ========================================================= ASR Spiele Seite Styling ========================================================= */ /* Spiele-Kachel: Dauer-Glow + flacher */ .game-card { background: rgba(0,0,0,0.20) !important; border-radius: 14px; border: 1px solid rgba(127,216,255,0.8) !important; padding: 8px 10px 10px !important; min-height: 150px !important; transition: 0.22s ease; box-shadow: 0 0 6px rgba(127,216,255,0.7), 0 0 14px rgba(0,160,255,0.7); } .game-card:hover { transform: translateY(-3px); } /* Titel größer */ .game-name { font-size: 1.2rem !important; font-weight: 900 !important; } /* Zusatzinfo größer */ .game-tagline { font-size: 0.95rem !important; } /* Play Button Glow Hover */ .game-play-btn:hover { background: #7fd8ff !important; color: #040085 !important; box-shadow: 0 0 10px rgba(127,216,255,0.9), 0 0 18px rgba(0,160,255,0.8); } /* ========================================================= ASR Spiele Ecke – Überschrift & Texte ========================================================= */ /* Überschrift größer, ohne Abstand nach oben */ .asr-games-title { text-align: center; font-family: "Comic Sans MS", cursive; font-size: 24px; font-weight: bolder; color: #ffeb3b; margin-top: 0; margin-bottom: 4px; text-shadow: 0 0 4px rgba(255,235,59,0.85), 0 0 8px rgba(255,235,59,0.65), 0 0 14px rgba(0,160,255,0.7); } /* Erste & zweite Zeile (unter der Überschrift) */ .asr-games-subtitle, .asr-games-hint { text-align: center; font-family: "Comic Sans MS", cursive; font-size: 14px; color: #ffeb3b; margin-bottom: 6px; opacity: 1; text-shadow: 0 0 3px rgba(255,235,59,0.7), 0 0 6px rgba(255,235,59,0.5), 0 0 12px rgba(0,160,255,0.55); } /* ========================================================= ASR SPIELE SEITE – FINALER STAND ========================================================= */ /* Überschrift */ .asr-games-title { text-align: center; font-family: "Comic Sans MS", cursive; font-size: 24px; font-weight: bolder; color: #ffeb3b; margin-top: 0; margin-bottom: 4px; text-shadow: 0 0 4px rgba(255,235,59,0.85), 0 0 8px rgba(255,235,59,0.65), 0 0 14px rgba(0,160,255,0.7); } /* Text unter der Überschrift */ .asr-games-subtitle, .asr-games-hint { text-align: center; font-family: "Comic Sans MS", cursive; font-size: 14px !important; color: #ffeb3b; margin-bottom: 6px; opacity: 1 !important; text-shadow: 0 0 3px rgba(255,235,59,0.7), 0 0 6px rgba(255,235,59,0.5), 0 0 12px rgba(0,160,255,0.55); } /* Abstand zwischen Textblock und Kacheln */ .games-grid { margin-top: 12px !important; } /* SPIEL-KACHELN – flacher + Dauer-Glow */ .game-card { position: relative; background: rgba(0,0,0,0.20) !important; border-radius: 14px !important; border: 1px solid rgba(127,216,255,0.8) !important; padding: 8px 10px 10px !important; min-height: 145px !important; /* niedriger als vorher */ transition: 0.22s ease; text-align: center; cursor: pointer; box-shadow: /* Glow dauerhaft */ 0 0 6px rgba(127,216,255,0.7), 0 0 14px rgba(0,160,255,0.7); } /* sanfte Bewegung auf Hover */ .game-card:hover { transform: translateY(-3px); } /* Spielname größer */ .game-name { font-size: 1.2rem !important; font-weight: 900 !important; } /* Zusatz-Info größer */ .game-tagline { font-size: 0.95rem !important; opacity: 0.95 !important; } /* Jetzt-spielen Button Hover */ .game-play-btn:hover { background: #7fd8ff !important; color: #040085 !important; box-shadow: 0 0 10px rgba(127,216,255,0.9), 0 0 18px rgba(0,160,255,0.8); } /* Zähler etwas ruhiger */ .game-count { font-size: 0.8rem; opacity: 0.85; margin-top: 4px; } /* ========================================================= ASR Spiele FINAL FIX ========================================================= */ /* Abstand unter Überschrift zu Kacheln */ .games-grid{ margin-top:16px !important; } /* Kacheln: flacher + immer Glow */ .game-card{ background: rgba(0,0,0,0.20) !important; border: 1px solid rgba(127,216,255,0.85) !important; border-radius: 14px !important; padding: 6px 8px 8px !important; min-height: 120px !important; /* <-- deutlich kleiner */ box-shadow: 0 0 6px rgba(127,216,255,0.7), 0 0 14px rgba(0,160,255,0.7) !important; transition: 0.25s ease; } .game-card:hover{ transform: translateY(-3px); } /* Spielname größer */ .game-name{ font-size: 1.25rem !important; font-weight: 900 !important; } /* Zusatzinfo größer */ .game-tagline{ font-size: 1rem !important; opacity: 0.95 !important; } /* Play Button Hover hellblau */ .game-play-btn:hover{ background:#7fd8ff !important; color:#040085 !important; box-shadow: 0 0 10px rgba(127,216,255,0.9), 0 0 18px rgba(0,160,255,0.8) !important; } /* Internet-Radio: immer mittig + immer Glow erzwingen */ .asr-center a.force-center{ display:block !important; text-align:center !important; } .asr-center a.force-center img{ display:inline-block !important; margin:6px auto 12px auto !important; max-width:100% !important; height:auto !important; border-radius:12px !important; box-shadow: 0 0 6px #fff, 0 0 12px #fff !important; }