/* lato-300 - latin */ @font-face { font-family: 'Lato'; font-style: normal; font-weight: 300; src: url('../fonts/lato-v14-latin-300.eot'); /* IE9 Compat Modes */ src: local('Lato Light'), local('Lato-Light'), url('../fonts/lato-v14-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/lato-v14-latin-300.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/lato-v14-latin-300.woff') format('woff'), /* Modern Browsers */ url('../fonts/lato-v14-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/lato-v14-latin-300.svg#Lato') format('svg'); /* Legacy iOS */ } /* lato-regular - latin */ @font-face { font-family: 'Lato'; font-style: normal; font-weight: 400; src: url('../fonts/lato-v14-latin-regular.eot'); /* IE9 Compat Modes */ src: local('Lato Regular'), local('Lato-Regular'), url('../fonts/lato-v14-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/lato-v14-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/lato-v14-latin-regular.woff') format('woff'), /* Modern Browsers */ url('../fonts/lato-v14-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/lato-v14-latin-regular.svg#Lato') format('svg'); /* Legacy iOS */ } /* lato-italic - latin */ @font-face { font-family: 'Lato'; font-style: italic; font-weight: 400; src: url('../fonts/lato-v14-latin-italic.eot'); /* IE9 Compat Modes */ src: local('Lato Italic'), local('Lato-Italic'), url('../fonts/lato-v14-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/lato-v14-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/lato-v14-latin-italic.woff') format('woff'), /* Modern Browsers */ url('../fonts/lato-v14-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/lato-v14-latin-italic.svg#Lato') format('svg'); /* Legacy iOS */ } /* lato-700 - latin */ @font-face { font-family: 'Lato'; font-style: normal; font-weight: 700; src: url('../fonts/lato-v14-latin-700.eot'); /* IE9 Compat Modes */ src: local('Lato Bold'), local('Lato-Bold'), url('../fonts/lato-v14-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/lato-v14-latin-700.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/lato-v14-latin-700.woff') format('woff'), /* Modern Browsers */ url('../fonts/lato-v14-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/lato-v14-latin-700.svg#Lato') format('svg'); /* Legacy iOS */ } /* lato-900 - latin */ @font-face { font-family: 'Lato'; font-style: normal; font-weight: 900; src: url('../fonts/lato-v14-latin-900.eot'); /* IE9 Compat Modes */ src: local('Lato Black'), local('Lato-Black'), url('../fonts/lato-v14-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/lato-v14-latin-900.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/lato-v14-latin-900.woff') format('woff'), /* Modern Browsers */ url('../fonts/lato-v14-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/lato-v14-latin-900.svg#Lato') format('svg'); /* Legacy iOS */ } @media all { * { margin:0px; padding:0px;} html, body { height: 100%;} body { background: #fff;font-size:15px;font-family: 'Lato', sans-serif; color:#363636;font-weight:300;} img { border:none;} .clr { clear:both;line-height:0px;height:0px;font-size:0px;} a { cursor:pointer;color:#1a1a1a;text-decoration:none;font-weight:400;-webkit-transition: all 100ms ease-in-out;-moz-transition: all 100ms ease-in-out; -o-transition: all 100ms ease-in-out;transition: all 100ms ease-in-out;} a:hover { color:#E0001F;text-decoration:none;} .bodytext a { text-decoration:underline;} .bodytext a.button_red { text-decoration:none;} #page { max-width:1170px; margin:0px auto 0px;} #logo { margin:10px 0px 0px 0px;float:left;} #header { background:#19171C url(../img/rg_header_bg_left.png) no-repeat left top;} .inner { max-width:1170px;margin:0px auto;} .inner_top { min-height:144px} input, textarea, select { font-family: 'Lato', sans-serif;} header ul, footer ul { margin:0px;} ul { margin:16px;} #footer_inner_2 { clear:both;background:#19171C;padding:18px 0px 19px;margin-top:30px;} #copyright { font-size:13px;color:#8f8f8f;float:right;} footer { margin:0px auto 0px;color:#7d7d7d;text-align:left;background:#3e3d41;overflow:visible;font-size:15px;position:relative;z-index:1900;border-top:7px solid #e33c19;} #footer a { color:#a4a4a5;} #footer a:hover { color:#fff;} #footer_inner { padding:25px 0px 0px;margin:0px auto;max-width:1170px;position:relative;} #footer_navi { color: #fff;padding-right:0px;display:block;} #footer_navi ul { list-style-type:none;} #footer_navi li.footer_nav_block{ float:left; width:160px;} #footer_navi li a { padding:0px;text-decoration:none;font-size:16px;line-height:38px;font-weight:500;} #footer_navi li a:hover { color:#fff;} #footer_navi li a#active_footer, #footer_navi li a#current_footer, #footer_navi li a#current_footer2{ color:#fff;text-decoration:none;} #footer_navi li ul li a { padding:0px;text-decoration:none;font-size:14px;line-height:21px;font-weight:300;} a.rg_totop { float:right;margin-left:12px;display:block;text-decoration: none;width:30px;height:16px;background: url(../img/rg_go_top.png) no-repeat center top;} a.rg_totop:hover { background-position:center -14px;} #footer_social { text-align:center;display:inline-block;font-size:16px;margin-left:12px;} #footer_social a { padding:0px 6px 0px 0px;} #footernav { float:left;} #footernav ul { list-style-type:none;} #footernav ul li { float:left;} #footernav ul li a { display:block;font-size:13px;color:#8f8f8f;font-weight:300;padding:0px 7px 0px 0px;margin-right:8px;border-right:1px solid #4f4f4f;} #nav { border-top:3px solid #000;border-right:0px solid #19171c;background:#3e3d41;width:100%;-webkit-transition: all 100ms ease-in-out;-moz-transition: all 100ms ease-in-out; -o-transition: all 100ms ease-in-out;transition: all 100ms ease-in-out;} #nav_main { background-position:left -100px;-webkit-transition: all 500ms ease-in-out;-moz-transition: all 500ms ease-in-out; -o-transition: all 500ms ease-in-out;transition: all 500ms ease-in-out;} #nav_main ul { margin:0px;list-style:none;-webkit-transition: all 200ms ease-in-out;-moz-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out;transition: all 200ms ease-in-out;} #nav_main ul li { float:left;width:13.5%;min-height:100%;} #nav_main ul li a { text-align:center;color:#dbd8d8; font-weight:400;font-size:17px;display:block;padding:20px 0px 20px 0px; margin-left:0px;text-decoration:none;border-right:1px solid #19171c;-webkit-transition: all 100ms ease-in-out;-moz-transition: all 100ms ease-in-out; -o-transition: all 100ms ease-in-out;transition: all 100ms ease-in-out;} #nav_main ul li#navlink_7 a { border-left:1px solid #19171c;} #nav_main ul li#navlink_7 ul a { border-left:0px solid #19171c;} #nav_main ul li#navlink_37 { width:5.5%; } #nav_main ul li#navlink_37 a { min-height:10px;background-image:url(../img/rg_search.png);background-repeat: no-repeat;background-position: center top 8px;-webkit-transition: color 100ms fade;-moz-transition: color 100ms ease-in-out; -o-transition: color 100ms ease-in-out;transition: color 100ms ease-in-out;} #nav_main ul li a:hover, #nav_main ul li a#active, #nav_main ul li a#current, #nav_main ul li a#current_2, #nav_main ul li a.parent_active { color:#fff;background-color:#e33c19; } #nav_main ul li#navlink_37 a#current, #nav_main ul li#navlink_37 a:hover{ color:#fff;background-color:#e33c19; background-position: center top -37px;} #nav_main ul.mainlevel_2 { display:none;position:absolute;z-index:2000;border-left:5px solid #e33c19;opacity:0.95;padding-top:1px;-webkit-box-shadow: 0px 20px 8px -12px rgba(0,0,0,0.53);-moz-box-shadow: 0px 20px 8px -12px rgba(0,0,0,0.53);box-shadow: 0px 20px 8px -12px rgba(0,0,0,0.53); } #nav_main ul.mainlevel_2 li { display:block;float:none;background:#3e3d41; border-bottom:1px solid #19171c;width:inherit;min-width:166px;} #nav_main ul.mainlevel_2 li a { text-align:left;color:#dbd8d8; font-weight:400;font-size:14px;display:block;padding:8px 22px 8px 17px;margin-left:0px;text-decoration:none;border-right:0px solid #19171c;margin-bottom:-1px;} html:lang(es) #nav_main ul li#navlink_5 a { padding:10px 0px 10px 0px;} html:lang(es) #nav_main ul li#navlink_5 ul.mainlevel_2 li a { padding:8px 22px 8px 17px;} html:lang(es) #nav_main ul li#navlink_22 a { padding:10px 0px 10px 0px;} html:lang(es) #nav_main ul li#navlink_22 ul.mainlevel_2 li a { padding:8px 22px 8px 17px;} #subnav { clear:both; background:#f3f1ee;padding:8px;} #subnav ul { list-style:none;border-bottom:1px solid #F3F1EE;overflow:hidden;} #subnav ul li { float:left;margin-bottom:-1px;} #subnav ul li a { color:#1a1a1a; font-weight:normal;font-size:16px;display:block;padding:8px 0px 8px 0px;border-bottom:1px solid #e5e1db;width:231px;margin-right:12px;} #subnav ul li a:hover, #subnav ul li a#current_sub, #subnav ul li a#active_sub { color:#E20B1A;text-decoration:none; } #search_toggle, #search_toggle_mob{ cursor:pointer;float:left;padding:12px 18px;margin:40px 0px 0px;border-right:1px solid #f3f1ee;background:url(../img/deg_quicksearch.png) no-repeat center 3px;position:relative;} #search_toggle:hover, #search_toggle_mob:hover{ background-position:center -20px;} #quicksearch, .quicksearch_mob { display:none;background:#fff;padding:15px;margin:9px 0px 0px;border-right:1px solid #f3f1ee;border-left:1px solid #f3f1ee;position:absolute;z-index:1000;left:-1px;-webkit-box-shadow: 0px 19px 10px 1px rgba(0, 0, 0, 0.2); /* WebKit */-moz-box-shadow: 0px 13px 10px 1px rgba(0, 0, 0, 0.2); /* Firefox */box-shadow: 0px 13px 10px 1px rgba(0, 0, 0, 0.2); /* Standard */ } #quicksearch form { padding:0px 0px 0px;} #search_query { width:140px;font-size:13px;padding:5px 3px;margin:2px 0px 8px;border:1px solid #E5E1DB; vertical-align:middle;background:#f3f1ee; color: #7D7D7D;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;} header #searchbox_btn, header #searchbox_btn_mob { vertical-align:middle; border:0px; cursor:pointer; text-transform:uppercase;font-size:14px;padding:4px 15px;} #searchbox_btn:hover, #searchbox_btn_mob:hover { background:#e0001f;} #top_navi_links { float:right;margin:3px 25px;} #slider-id a { color:#E20B1A;padding-left:25px;} .hidden { display: none; } .accordion-headline { background:#F3F1EE;padding:15px 30px;border-bottom:1px solid #fff;cursor: pointer;font-weight:600;} .accordion-headline:hover { color:#E0001F;} .accordion-content { padding:15px 30px 15px; border-left:1px solid #F3F1EE;border-right:1px solid #F3F1EE;border-bottom:1px solid #F3F1EE;} #quicksearch_mobile, #nav_toggle, #language_mob { display:none;} #nav.rg_fixed { position:fixed;z-index:2000;width:100%;top:0px;border-top:3px solid #E33C19;-webkit-box-shadow: 0px 5px 6px -1px rgba(0,0,0,0.75);-moz-box-shadow: 0px 5px 6px -1px rgba(0,0,0,0.75);box-shadow: 0px 5px 6px -1px rgba(0,0,0,0.75);-webkit-transition: all 100ms ease-in-out;-moz-transition: all 100ms ease-in-out; -o-transition: all 100ms ease-in-out;transition: all 100ms ease-in-out;} nav{ height:59px;} .rg_fixed #nav_main {background:url(../img/rg_logo_fixed.png) no-repeat left top;-webkit-transition: all 500ms ease-in-out;-moz-transition: all 500ms ease-in-out; -o-transition: all 500ms ease-in-out;transition: all 500ms ease-in-out;} .rg_fixed #nav_main ul#mainlevel > li > a { font-size: 15px; font-weight: 400; padding: 16px 0; -webkit-transition: all 100ms ease-in-out;-moz-transition: all 100ms ease-in-out; -o-transition: all 100ms ease-in-out;transition: all 100ms ease-in-out; } .rg_fixed #nav_main ul#mainlevel { padding-left:70px;-webkit-transition: all 200ms ease-in-out;-moz-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out;transition: all 200ms ease-in-out; } .rg_fixed #nav_main ul li#navlink_37 > a { background-image: url("../img/rg_search.png"); background-position: center top 2px !important; background-repeat: no-repeat; padding-right: 0px; -webkit-transition: all 200ms ease-in-out;-moz-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out;transition: all 200ms ease-in-out; } #login { float:right;margin:14px 0px 0px 32px;text-align:right;width:180px;} .box_login_content { color:#888; text-align:left;margin:2px 0px 18px;} form.logout { text-align:left;} #contact { float:right;width:220px;margin:14px 0px 0px 32px;} #language { float:right;width:130px;margin:14px 12px 0px 12px;} #login .box_head a { float:right;padding:12px 12px;background:url(../img/rg_user.png) no-repeat -3px -2px;} #login .box_head, #language .box_head, #contact .box_head { font-weight:700;text-transform: uppercase;color:#888;font-size:0.8em; padding-bottom:8px;padding-left:1px;text-align: left;} #contact .box_head a { color:#888;font-weight:700;} #contact { color:#888;font-weight:400;} #contact .phone { background:url(../img/rg_phone.png) no-repeat -1px center;padding:3px 0px 3px 30px;color:#888; } #contact .fax { background:url(../img/rg_fax.png) no-repeat 0px center;padding:3px 0px 3px 30px;color:#888;} #contact .mail { background:url(../img/rg_mail.png) no-repeat 0px center;padding:3px 0px 3px 30px;} #contact a { color:#888;} #language ul { list-style-type: none;} #language ul li { float:left;margin:0px 6px 6px 0px;} #language ul li a { display:block; width:30px; height:20px; background:#aaa;font-size:0px;opacity:0.5;} #language ul li.current a, #language ul li a:hover { opacity:1;} #language ul li#de a { float:left; background:url(../img/rg_de.png) no-repeat center center;} #language ul li#en a { float:left; background:url(../img/rg_en.png) no-repeat center center;} #language ul li#fr a { float:left; background:url(../img/rg_fr.png) no-repeat center center;} #language ul li#it a { float:left; background:url(../img/rg_it.png) no-repeat center center;} #language ul li#es a { float:left; background:url(../img/rg_es.png) no-repeat center center;} #rootline { padding:25px 25px 15px 24px; color:#999;} #rootline a { color:#888;font-weight:400;} #rootline a:hover { color:#E33C19;font-weight:400;} #login input[type="text"], #login input[type="password"] { width:91%;border:none;background:#bfbfbf;padding:6px 8px;font-size:15px;color:#363636;font-weight:300;margin-bottom:8px;-moz-appearance: textfield;font-family: 'Lato', sans-serif;} #login input[type="password"] { width:76%;margin-right:0px;vertical-align:middle;} #login input[type="submit"] { width:15%;height:31px;border:none;background:#3E3D41 url(../img/rg_login.png) no-repeat center center;padding:6px 8px;font-size:15px;margin-bottom:8px;-moz-appearance: textfield;font-family: 'Lato', sans-serif;vertical-align:middle;cursor:pointer;-webkit-transition: all 100ms ease-in-out;-moz-transition: all 100ms ease-in-out; -o-transition: all 100ms ease-in-out;transition: all 100ms ease-in-out;} #login input[type="submit"]:hover{ background-color:#E33C19;background-position:1px center;} #login form.logout input[type="submit"] { width:100%;height:31px;border:none;background:#aaa url(../img/rg_login.png) no-repeat right 3px center;padding:6px 8px;font-size:15px;margin-bottom:8px;-moz-appearance: textfield;font-family: 'Lato', sans-serif;vertical-align:middle;cursor:pointer;-webkit-transition: all 100ms ease-in-out;-moz-transition: all 100ms ease-in-out; -o-transition: all 100ms ease-in-out;transition: all 100ms ease-in-out;} #login form.logout input[type="submit"]:hover{ background-color:#E33C19;background-position:right center;color:#fff;} #rg_reifi { position:absolute;margin:-222px 0px 0px 266px;background:url(../img/rg_reifi.png) no-repeat right top;height:214px;width:250px;z-index:2000;} #rg_reifi_laptop { position:absolute;margin:-212px 0px 0px -66px;background:url(../img/rg_reifi_laptop.png) no-repeat right top;height:214px;width:250px;z-index:2000;} #rg_reifi_top { position:absolute;margin:-222px 0px 0px 0px;background:url(../img/rg_reifi_top.png) no-repeat right top;height:214px;width:250px;z-index:2000;right:-36px;} #rg_reifi_arme { position:absolute;margin:-222px 0px 0px 0px;background:url(../img/rg_reifi_arme_unten.png) no-repeat right top;height:214px;width:250px;z-index:2000;right:-36px;} #rg_reifi_telefon { position:absolute;margin:-222px 0px 0px -66px;background:url(../img/rg_reifi_telefon.png) no-repeat right top;height:214px;width:250px;z-index:2000;} #rg_reifi_eishockey { position:absolute;margin:-222px 0px 0px 0px;background:url(../img/rg_reifi_eishockey.png) no-repeat right top;height:214px;width:250px;z-index:2000;right:-36px;} #rg_reifi_rechts { position:absolute;margin:-222px 0px 0px 0px;background:url(../img/rg_reifi.png) no-repeat right top;height:214px;width:250px;z-index:2000;right:-36px;} #rg_reifi_laptop_rechts { position:absolute;margin:-212px 0px 0px 0px;background:url(../img/rg_reifi_laptop.png) no-repeat right top;height:214px;width:250px;z-index:2000;right:-36px;} #rg_reifi_fussball_rechts { position:absolute;margin:-232px 0px 0px 0px;background:url(../img/rg_reifi_fussball.png) no-repeat right top;height:214px;width:250px;z-index:2000;right:300px;} #mobilemenu { } /* ###################################################################################################### ** ### Typographie & Buttons ################################################################## ** ###################################################################################################### */ h1 { font-size:32px;padding:0px 0px 20px;font-weight:400;} h2 { font-size:26px;padding:5px 0px 15px;font-weight:400;} a.button_red { background:#e33c19;display:inline-block;color:#fff;font-size:22px;padding:8px 30px 10px;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;-webkit-transition: all 200ms ease-in-out; /* Firefox */-moz-transition: all 200ms ease-in-out; /* WebKit */-o-transition: all 200ms ease-in-out; /* Opera */transition: all 200ms ease-in-out; /* Standard */} a.button_red:hover { background:#ddd;color:#e33c19;} .align-center { text-align: center;} /* ###################################################################################################### ** ### Formatierung der Inhaltsspalten ################################################################## ** ###################################################################################################### */ #main { max-width:1170px;margin:0px auto;padding:0px 0px 45px;background:#fff;height:100%;min-height:450px;} #main_full { max-width:1170px;margin:0px auto 0px;} #main_content { padding:15px 24px 85px 24px;margin-bottom:35px;} .subcol50_1, .subcol50_2 { float:left;width:50%;} .subcol50_1 .inner_col { margin-right:30px;} .subcol50_2 .inner_col { margin-left:40px;} .subcol66_1, .subcol66_2 { float:left;width:66%;} .subcol66_1 .inner_col { margin-right:30px;} .subcol33_2 .inner_col { margin-left:45px;} .subcol33_1, .subcol33_2 { float:left;width:33%;} .subcol3_1, .subcol3_2, .subcol3_3 { float:left; width:33%;} .subcol4_1, .subcol4_2, .subcol4_3, .subcol4_4 { float:left;width:25%;} .subcol4_1 .inner_col { margin:0px 20px;} .subcol4_2 .inner_col, .subcol4_3 .inner_col { margin:0px 20px;} .subcol4_4 .inner_col { margin:0px 20px;} .rg_layout-50 { background:url(../img/rg_sidebar_bg.png) repeat-y center top;} .rg_layout-33 { background:url(../img/rg_sidebar_bg.png) repeat-y left 120px top;} .grid4columns { margin:0px -20px;} /* ########################################################################################### ** ### Startseite ############################################################################ ** ##########################################################################################*/ .banner h1 { padding:0px 15px;font-size:40px; font-weight:900; color: #fff; line-height:72px;text-shadow: 0px 0px 6px rgba(0,0,0, 1);background:url(../img/rg_slogan_bg.png);margin-bottom:6px;display:inline;} .banner h2 { padding:8px 15px 8px;font-size:28px; font-weight:600; color: #fff; line-height:35px;text-shadow: 0px 0px 6px rgba(0,0,0, 1);background:url(../img/rg_slogan_bg.png);} #page_top_start .tp-leftarrow.default{ background:url(../img/rg_arrow_left_white.png) no-repeat left center;} #page_top_start .tp-rightarrow.default{ background:url(../img/rg_arrow_right_white.png) no-repeat right center;} #main_start_content .subcol66_1{ background:#3e3d41; width:64%; color:#fff; margin-top:-25px; position:relative; z-index:1000; text-align:center; } #main_start_content .subcol66_1 .inner_col{ padding:20px 35px; margin-right:0px; } #main_start_content .subcol33_2{ background:#F3E8EB; width:32%; color:#fff; float:right; margin-top:-25px; position:relative; z-index:1000; } #main_start_content .subcol33_2 .inner_col{ padding:20px 35px 30px; margin:0px; } #main_start_content .red_corner{ position:absolute; margin:-20px 0px 0px -50px; background:url(../img/rg_red_corner.png) no-repeat right top; height:25px; width:15px; } #main_start_content .grid2columns_66_33 .subcol33_2 h2{ color:#E33C19; } #main_content .grid2columns_66_33 .subcol33_2 h2, .rg_layout-50 .subcol50_2 h2 { color: #e33c19; background:url(../img/rg_sidebar_arrow.png) no-repeat left -4px top -4px; margin-left:-36px; padding-left:36px; font-size:22px; } #main_content .grid2columns_66_33 .subcol33_2 h2 a, #c291 h2 a, .rg_layout-50 .subcol50_2 h2 a{ color: #e33c19; font-weight:400; clear:left; } #main_content .subcol33_2{ position:relative; } #c15,#c1820,#c1832,#c1844,#c1856{ padding-top:55px; background:url(../img/rg_arrow_down.png) no-repeat center 12px; } #c15 h3 a,#c1820 h3 a,#c1832 h3 a,#c1844 h3 a,#c1856 h3 a{ color:#ccc; text-decoration: underline; } #c15 h3 a:hover,#c1820 h3 a:hover,#c1832 h3 a:hover,#c1844 h3 a:hover,#c1856 h3 a:hover{ color:#fff; text-decoration: none; text-transform: uppercase; } #pits_rss .rss_title{ white-space: nowrap; } #rg_59 .subcol50_1, #rg_59 .subcol50_2{ margin-top:-25px; position:relative; z-index:1000; margin-bottom:35px; } #rg_59 .subcol50_2{ float:right; } #rg_59 .subcol50_1 .inner_col, #rg_59 .subcol50_2 .inner_col{ padding:20px 35px 5px; background:#F3E8EB; min-height:220px; } #rg_59 header{ border-bottom:3px solid #E33C19; -webkit-box-shadow: 0px 4px 7px -2px rgba(0,0,0,0.88); -moz-box-shadow: 0px 4px 7px -2px rgba(0,0,0,0.88); box-shadow: 0px 4px 7px -2px rgba(0,0,0,0.88); z-index:1000; position: relative; } #rg_59 #page_top_start{ min-height:460px; background:#fff; background-size: cover; } #rg_59 #page_top_start.rg_img_0{ background:#fff url(/fileadmin/user_upload/slider/herbst_3.jpg) no-repeat center bottom; background-size: cover; } #rg_59 #page_top_start.rg_img_1{ background:#fff url(/fileadmin/user_upload/slider/rg_slide_air_2019.jpg) no-repeat center bottom; background-size: cover; } #rg_59 #page_top_start.rg_img_2{ background:#fff url(/fileadmin/user_upload/slider/herbst_4.jpg) no-repeat center bottom; background-size: cover; } #rg_59 .grid3columns a{ padding:15px 20px 60px; background:#191919; border:2px solid #000; border-bottom:6px solid #E33C19; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; opacity: 0.9; filter: alpha(opacity=90); height:auto; display:block; } #rg_59 .grid3columns a img{ max-width:100%; height:auto; } #rg_59 .grid3columns a:hover{ border-bottom:6px solid #fff; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; opacity: 1; filter: alpha(opacity=100); } #rg_59 .grid3columns .subcol3_1, #rg_59 .grid3columns .subcol3_2, #rg_59 .grid3columns .subcol3_3 { position:relative; } #rg_59 .grid3columns .subcol3_1 , #rg_59 .grid3columns .subcol3_2, #rg_59 .grid3columns .subcol3_3 { position:relative; } #rg_59 #rg_reifi_laptop{ right:0px;background:url(../img/rg_reifi_laptop.png) no-repeat right top;height:214px;width:250px;z-index:2000;margin-right:0px; } #rg_59 .grid3columns h2{ position:absolute; color:#ddd; bottom:11px; z-index:900; width:100%; margin:0px auto; text-align:center; text-decoration: none; text-transform: none; font-size:18px; } #rg_59 .grid3columns .subcol3_2 h1{ position:absolute; color:#ddd; bottom:13px; z-index:900; width:100%; margin:0px auto; text-align:center; text-decoration: none; text-transform: none; font-size:22px; } #rg_59 .button_red{ margin:22px 0px 0px 8px; } #rg_59 .subcol50_1 h2, #rg_59 .subcol50_2 h2 { color: #E33C19; } .cc-revoke, .cc-window { font-family: 'Open Sans', sans-serif; font-size: 13px; line-height: normal; } .cc-window.cc-floating { padding: 2em; max-width: 34em; } .cc-link { padding: 0em; } .cc-window { border: 2px solid #fff; -webkit-box-shadow: 0px 1px 14px -3px rgba(0,0,0,0.26); -moz-box-shadow: 0px 1px 14px -3px rgba(0,0,0,0.26); box-shadow: 0px 1px 14px -3px rgba(0,0,0,0.26); } .cc-animate.cc-revoke.cc-bottom{ display:block !important; } /* ########################################################################################### ** ### Uebersichtsseiten ############################################################################ ** ########################################################################################## */ #rg_2 .grid4columns .layout-0{ height:160px; margin-right:0%; margin-bottom:20px; overflow:hidden; border-radius: 0px 0px 0px 0px; -moz-border-radius: 0px 0px 0px 0px; -webkit-border-radius: 0px 0px 0px 0px; border: 0px solid #000000; background:#E33C19; border-bottom:3px solid #E33C19; opacity:0.92; -webkit-transition: box-shadow 50ms linear; /* Firefox */ -moz-transition: box-shadow 50ms linear; /* WebKit */ -o-transition: box-shadow 50ms linear; /* Opera */ transition: box-shadow 50ms linear; /* Standard */ } #rg_2 .grid4columns .subcol4_3 .layout-0, #rg_2 .grid4columns .subcol4_2 .layout-0{ margin-right: 0%; } #rg2 div.csc-textpic-intext-right .csc-textpic-imagewrap, #rg2 div.csc-textpic-intext-right-nowrap .csc-textpic-imagewrap{ margin:0px !important; } #rg_2 .grid4columns .layout-0:hover{ -webkit-box-shadow: 0px 26px 8px -17px rgba(0,0,0,0.53); -moz-box-shadow: 0px 26px 8px -17px rgba(0,0,0,0.53); box-shadow: 0px 26px 8px -17px rgba(0,0,0,0.53); font-weight:bold; opacity:1; transform: scale(1.02); /* CSS3 */ -moz-transform: scale(1.02); /* Firefox */ -webkit-transform: scale(1.02); /* Webkit */ -o-transform: scale(1.02); /* Opera */ -ms-transform: scale(1.02); /* IE 9 */ border-radius: 12px; -moz-border-radius: 12px; -webkit-border-radius: 12px; } #rg_2 .grid4columns .csc-header{ position:relative; z-index:100; } #rg_2 .grid4columns h3 a{ padding:10px 12px 12px; font-weight:300; color:#dbd8d8; text-align:center; display:block; background:#3E3D41; border-bottom:2px solid #000; } #rg_2 .grid4columns .layout-0:hover h3 a{ color:#fff; } #content_main table caption{ color:#000; font-size:12px; font-weight:bold; text-align: left; padding:6px 12px 6px 12px; background:#e5e5e5; clear:both; } #content_main table{ clear:both; } #content_main .csc-textpic-image table caption{ color:#000; font-size:12px; font-weight:normal; text-align: left; padding:7px 12px 7px 12px; background:#e5e5e5; margin-bottom:5px; } .columnItems{ padding:0px; } .listItemLast{ margin:0px !important; } .subnavi_control{ display:block; width:25px; background:#111; cursor:pointer; right:0px; position:absolute; z-index:1000; top:0px; } .bg2{ background: url(../img/deg_subnavi_arrow_left.png) no-repeat center center; } .bg1{ background: url(../img/deg_subnavi_arrow_right.png) no-repeat center center; } .news-latest-container{ padding:0px; } .news-latest-item{ padding:0px; margin-bottom:0px; width:100%; height:110px; background:#F3E8EB; } .news-latest-item h3{ padding-top:0px; margin-top:0px; } .news-latest-item h3 a{ text-decoration: none; font-size:16px; font-weight:normal; } .news-latest-item a{ } .news-latest-item img{ margin:0px 14px 16px 0px; } #content_main ul.multicolumnContainer{ margin:0px; } #rg_6 .grid4columns a.button_red{ padding:10px 0px; width:80%; } /* ########################################################################################### ** ### Tabellen ############################################################################ ** ########################################################################################## */ table.contenttable, table.csc-frame-frame1 { width:100%;text-align:left;cellspacing:0px;cellpadding:0px;border-collapse:collapse;} table.contenttable th { border:1px solid #fff;text-transform: uppercase;padding:20px 12px; } table.contenttable td { border:1px solid #fff;padding:15px 12px;} table.contenttable .td-0 { text-align:left;font-size:36px;background:#F3E8EB;} table.contenttable .td-1 { border-bottom:1px solid #F3E8EB;} /* ########################################################################################### ** ### Team ############################################################################ ** ########################################################################################## */ #rg_9 .subcol66_1 img { border-radius: 0px 0px 0px 100px;-moz-border-radius: 0px 0px 0px 100px;-webkit-border-radius: 0px 0px 0px 100px;border: 0px solid #000000;} #rg_9 .subcol66_1 .csc-textpic-image{background:#E33C19;border-bottom:3px solid #E33C19;} /* ########################################################################################### ** ### Produkte ############################################################################ ** ########################################################################################## */ .grid2columns_50_50 .subcol50_1 .grid3columns img { border:1px solid #eee;-webkit-box-shadow: 0px 14px 12px -12px rgba(0,0,0,0.33);-moz-box-shadow: 0px 14px 12px -12px rgba(0,0,0,0.33);box-shadow: 0px 14px 12px -12px rgba(0,0,0,0.33);-webkit-transition: box-shadow 50ms linear; /* Firefox */-moz-transition: box-shadow 50ms linear; /* WebKit */-o-transition: box-shadow 50ms linear; /* Opera */transition: box-shadow 50ms linear; /* Standard */} .grid2columns_50_50 .subcol50_1 .grid3columns img:hover { border:1px solid #fff;-webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.33);-moz-box-shadow: 0px 0px 0px -0px rgba(0,0,0,0.33);box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.33);} .grid2columns_66_33 .subcol66_1 .grid4columns img { border:1px solid #eee;-webkit-box-shadow: 0px 14px 12px -12px rgba(0,0,0,0.33);-moz-box-shadow: 0px 14px 12px -12px rgba(0,0,0,0.33);box-shadow: 0px 14px 12px -12px rgba(0,0,0,0.33);-webkit-transition: box-shadow 50ms linear; /* Firefox */-moz-transition: box-shadow 50ms linear; /* WebKit */-o-transition: box-shadow 50ms linear; /* Opera */transition: box-shadow 50ms linear; /* Standard */} .grid2columns_66_33 .subcol66_1 .grid4columns img:hover { border:1px solid #fff;-webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.33);-moz-box-shadow: 0px 0px 0px -0px rgba(0,0,0,0.33);box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.33);} .rg_layout-1 .grid4columns div.csc-textpic .csc-textpic-imagewrap img { } .rg_layout-1 .grid4columns div.csc-textpic .csc-textpic-imagewrap img:hover { } .rg_layout-1 .grid4columns .csc-textpic-caption { text-align:center;font-size:13px;font-weight:600;padding-top:12px;padding-bottom:12px;border-bottom:1px solid #aaa;-webkit-box-shadow: 0px 3px 5px -5px rgba(0,0,0,0.74); -moz-box-shadow: 0px 3px 5px -5px rgba(0,0,0,0.74); box-shadow: 0px 3px 5px -5px rgba(0,0,0,0.74);} .rg_layout-1 .grid4columns div.csc-textpic-center .csc-textpic-imagewrap{ margin-top:12px;} #rg_63 .rg_layout-1 h3{ background:#F3E8EB; padding:3px 10px 4px; margin-bottom:20px; } /* ########################################################################################### ** ### Aktuelles - Artikel - Allgemein ####################################################### ** ########################################################################################## */ .news-list-category { background:#eee;padding:3px 8px 4px;margin-bottom:8px;display:inline-block;font-size:13px;text-transform:uppercase;} .news-list-container { margin-top:0px;padding:0px;} .news-list-container img { border: medium none;float: right;margin: 0 0px 16px 16px;border-bottom:4px solid #E33C19;} .news-list-item { border-bottom:1px solid #e5e5e5;padding:22px 0px;} .news-list-item h2 { font-weight: normal;padding: 0px 0 6px;} .news-list-item h2 a { font-weight: normal;} .news-list-morelink a, .rg_backlink a { display:block;padding:4px 15px 6px;width:90px;background:#3E3D41;color:#eee;margin-top:8px;-webkit-transition: all 100ms ease-in-out;-moz-transition: all 100ms ease-in-out; -o-transition: all 100ms ease-in-out;transition: all 100ms ease-in-out;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;} .rg_readmore a { display:inline-block;padding:3px 15px 4px;background:#3E3D41;color:#eee;margin-top:8px;-webkit-transition: all 100ms ease-in-out;-moz-transition: all 100ms ease-in-out; -o-transition: all 100ms ease-in-out;transition: all 100ms ease-in-out;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;} .news-list-morelink a:hover, .rg_backlink a:hover, .rg_readmore a:hover { color:#fff;background:#E33C19;} .browseLinksWrap { padding:10px;} .browseLinksWrap span, .browseLinksWrap a { padding:4px;} .showResultsWrap { font-size:16px;} .news-list-browse { font-size:14px;padding:6px;} .rg_backlink a { background:#eee; color:#777;width:50px;margin:18px 0px;} .rg_backlink a:hover { color:#fff;background:#E33C19;} .news-single-item { margin-bottom: 5px;padding: 0px;} .news-single-timedata { background:#eee;padding:3px 8px 4px;float:left;text-transform:uppercase;} .news-single-item h2 { font-size:20px;} .news-single-item h1 { padding-top:8px;} .news-single-imgcaption { padding:5px 0px 12px;font-size:12px;} #content_main .news-single-item h1{ font-size: 15px;font-weight: normal;padding: 0px 0 10px;text-transform: uppercase;} #content_main .news-single-item h2{ font-size: 12px;font-weight: normal;padding: 0px 0 10px;text-transform: none;} #content_main .news-single-timedata, #content_main .news-list-category{ color:#999;padding-bottom:6px;text-transform: uppercase;font-size: 12px;} #content_main .news-single-item{ padding:0px;} #content_main .news-single-item table caption{ padding:10px;} #content_main .news-single-item table td{ text-align:left;} #content_main .news-list-morelink{ padding-left:0px;} .news-single-img { float: right;margin: 6px 0 0 18px;padding: 0;} .news-single-img img { border-bottom:4px solid #E33C19;} ul.rg_news_catmenu { list-style-type:none;margin:0px;max-width:100%;} ul.rg_news_catmenu li { display:inline-block;margin:0px 10px 15px 0px;position:relative;} ul.rg_news_catmenu li a { display:block;padding:5px 15px;background:#3E3D41;color:#fff;font-weight:300;} ul.rg_news_catmenu li a:hover, ul.rg_news_catmenu li.news-catmenu-ACT a{ background:#E33C19;} ul.rg_news_catmenu li span { display:block;position:absolute;z-index:100;background:#E4E4E5;right:-8px;top:-14px;width:25px;height:25px;text-align:center;line-height:25px;-webkit-border-radius: 50px;-moz-border-radius: 80px;border-radius: 80px;font-size:13px;-webkit-box-shadow: 0px 3px 2px 0px rgba(0,0,0,0.48);-moz-box-shadow: 0px 3px 2px 0px rgba(0,0,0,0.48);box-shadow: 0px 3px 2px 0px rgba(0,0,0,0.48);} .rg_next { display:inline-block;width:20px;height:28px;background:url(../img/rg_next.png) no-repeat center 0px;position: absolute;top:8px;right:0px;cursor:pointer;z-index:500;} .rg_prev { display:inline-block;width:20px;height:28px;background:url(../img/rg_prev.png) no-repeat center 0px;position: absolute;top:8px;right:20px;cursor:pointer; } .rg_prev:hover, .rg_next:hover { background-position:center -34px;} #rg_1 .rg_prev { top:28px;right:45px;} #rg_1 .rg_next { top:28px;right:25px;} #c291, #c160 { position:relative;} .news-header-list-title a { display:block;background:#fff;padding:5px 8px;font-weight:400;font-size:20px;text-align: center;margin-bottom:2px;} .showResultsWrap { display:none;} .news-single-additional-info { background:#F3E8EB;padding:10px;} /* ########################################################################################### ** ### Formulare ############################################################################ ** ########################################################################################## */ #main_content .tx-powermail { color: #444; width: 100%; } legend{ display:none; } #main_content .tx-powermail .powermail_fieldset{ background:#F3E8EB; border:none; padding:25px; border-bottom:3px solid #e33c19; } #main_content .tx-powermail .powermail_fieldset .powermail_field { display:inline-block; width:55%; } #main_content .tx-powermail .powermail_fieldset .powermail_field:focus { background:#fff; } form h3{ background:#F3E8EB; padding:12px 25px 8px; color:#444; font-weight:400; display:inline-block; -webkit-border-top-left-radius: 6px; -webkit-border-top-right-radius: 6px; -moz-border-radius-topleft: 6px; -moz-border-radius-topright: 6px; border-top-left-radius: 6px; border-top-right-radius: 6px; } #main_full .powermail_select{ font-size:15px; border:0px solid #ccc; padding:5px 8px; color:#363636; font-weight:300; min-width:120px; } input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } input[type="text"], textarea, input[type="email"], input[type="number"], input[type="password"]{ border:1px solid #bfbfbf; background:#fff; padding:5px 8px; font-size:15px; color:#363636; font-weight:300; -moz-appearance: textfield; width:100%; margin-bottom:0px; vertical-align: baseline; } #main_content .powermail_fieldwrap{ clear:both; margin:8px 0px; position:relative; } #main_content .powermail_label, #form_auswahl label{ font-weight:normal; padding:4px 0px; display:block; font-size:15px; font-weight:300; display:inline-block; color:#444; border-bottom:1px solid #fff; width:42%; } #main_content .tx-powermail .powermail_fieldset .powermail_fieldwrap_captcha .powermail_field{ text-align:right; } #main_content #powermail_captchaimage{ float:right; width:280px; margin-right:-16px; } #main_content .powermail_submit{ background:#e33c19; display:inline-block; color:#fff; font-size:18px; padding:14px 30px; border:0px; -webkit-transition: all 200ms ease-in-out; /* Firefox */ -moz-transition: all 200ms ease-in-out; /* WebKit */ -o-transition: all 200ms ease-in-out; /* Opera */ transition: all 200ms ease-in-out; /* Standard */ margin-top:12px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; cursor:pointer; -webkit-appearance: none; } #powermail_field_marker{ color:#fff; display:block; padding:15px; margin:25px 0px 15px; border-left:3px solid #fff; } #main_content .powermail_submit:hover, #main_content input.powermail_confirmation_form:hover, #main_content input.powermail_confirmation_submit:hover{ background:#fff; color:#e33c19; } #main_content .parsley-error, #main_content .parsley-error{ border:1px solid red; } #main_content .parsley-errors-list, #main_content .parsley-errors-list{ width:auto; background: #E33C19; border:none; color:#fff; font-weight:bold; font-size:14px; position:absolute; right:-10px; top:-34px; list-style-type:none; padding:3px 6px; } #main_content div.tx-powermail h4{ font-weight:normal; text-transform: uppercase; font-size:15px; padding:0px 0px 10px; } #main_content input.powermail_confirmation_form{ font-size: 15px; text-transform: uppercase; border:none; color:#fff; background:#1a1a1a; background-repeat: no-repeat; background-position: 5px center; width:155px; margin-right:30px; float:left; padding:5px 0px; cursor: pointer; text-align:center; margin-left:0px; margin-top:25px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-transition: all 200ms ease-in-out; /* Firefox */ -moz-transition: all 200ms ease-in-out; /* WebKit */ -o-transition: all 200ms ease-in-out; /* Opera */ transition: all 200ms ease-in-out; /* Standard */ } #main_content input.powermail_confirmation_submit{ font-size: 15px; text-transform: uppercase; border:none; color:#fff; background:#1a1a1a; background-repeat: no-repeat; background-position: 5px center; width:155px; margin:25px 25px 0px 0px; float:left; padding:5px 0px; cursor: pointer; text-align:center; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-transition: all 200ms ease-in-out; /* Firefox */ -moz-transition: all 200ms ease-in-out; /* WebKit */ -o-transition: all 200ms ease-in-out; /* Opera */ transition: all 200ms ease-in-out; /* Standard */ } #main_content .powermail_fieldwrap_type_submit{ width:100%; text-align:right; margin-top:25px; } #main_content .tx-powermail .powermail_fieldset .powermail_radio_outer, #main_content .tx-powermail .powermail_fieldset .powermail_captcha_outer, #main_content .tx-powermail .powermail_fieldset .powermail_check_outer, #main_content .tx-powermail .powermail_fieldset .powermail_fieldwrap_text, #main_content .tx-powermail .powermail_fieldset .powermail_fieldwrap_file_inner ul:not(.parsley-errors-list) { background-color: transparent !important; border: 0px solid #bbb !important; float: right; list-style: outside none none; margin: 0; padding: 0px; width: auto; } #main_content .tx-powermail .powermail_fieldset .powermail_captchaimage { padding-top: 10px; width: auto; text-align:right; display:block; } #main_content .tx-powermail .powermail_fieldset .powermail_fieldwrap_type_text .powermail_field{ padding:25px 0px; width:100%; } #main_content .tx-powermail .powermail_fieldset .powermail_fieldwrap_type_content .powermail_field{ width:100%; padding-bottom:25px; } #rg_30 .subcol50_1 h2{ background:url(../img/rg_user_34.png) no-repeat right center; } #rg_30 .subcol50_2 h2{ background:url(../img/rg_user_add_34.png) no-repeat right center; } #rg_32 .powermail_form, #rg_32 form h3{ display:none; } #form_auswahl{ background:#F3E8EB; border:none; padding:25px; border-bottom:3px solid #e33c19; margin-bottom:5px; } /* ########################################################################################### ** ### Slot-Machine ############################################################################ ** ########################################################################################## */ #slotMachine { overflow: hidden; text-align:center; position:relative; } div.wheel { position: absolute; width: 48px; height: 96px; overflow: hidden; top: 15px; } div.wheel img { position: absolute; top: -16px; left: 0px; } #wheelOverlay { position: absolute; top: 15px; left: 0px; border:3px solid #E33C19; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; width:98%; min-height:96px; max-height:96px; } #wheel1 { left: 60px } #wheel2 { left: 140px; } #wheel3 { left: 215px; } #slotCredits { font-size: 18px; font-weight:500; } #slot_try { font-size: 18px; } #slotTrigger { display: block; overflow: hidden; background:#444; cursor: default; margin-top:120px; } #slotTrigger.slotTriggerDown { background-position: 0px -17px; } #slotTrigger.slotTriggerDisabled { background-position: 0px -34px; display:none; } .slotSpinAnimation { display: none; } /* ########################################################################################### ** ### Reifensuche ############################################################################ ** ########################################################################################## */ #rg_tyresearch .rg_search_value{ float:left; margin-bottom:12px; } #rg_tyresearch label{ font-weight:bold; display:block; padding:0px 3px 3px; } #bqz_breite, #bqz_querschnitt, #bqz_zoll { width:75px; margin-right:12px; background:#fff; font-size:18px; } #rg_tyresearch select{ font-size:18px; padding:4px 2px; width:185px; } #rg_tyresearch_help{ float:right; display:none; } button.button_red, .subcol33_2 a.button_red, a.button_gray { text-decoration:none;clear:left;cursor:pointer;border:0px;background:#3E3D41;display:inline-block;color:#fff;font-size:16px;padding:8px 14px;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;-webkit-transition: all 200ms ease-in-out; /* Firefox */-moz-transition: all 200ms ease-in-out; /* WebKit */-o-transition: all 200ms ease-in-out; /* Opera */transition: all 200ms ease-in-out; /* Standard */} button.button_red:hover, .subcol33_2 a.button_red:hover, a.button_gray:hover { color:#fff;background:#E33C19;} /* ########################################################################################### ** ### Suche ############################################################################ ** ########################################################################################## */ #main_content .tx-indexedsearch-searchbox { background:#fff;} #main_content .tx-indexedsearch-searchbox-sword { width:50%;font-size:20px;padding:6px 7px 7px;border:1px solid #cccccc;} #main_content .tx-indexedsearch-searchbox fieldset { border:none; background:#eee;padding:25px;margin:0px -25px;border-bottom:2px solid #ddd;} #main_content legend { display:none;} #main_content .tx-indexedsearch-res h3 a { font-weight:normal;font-size:24px;padding:10px 0px 10px;display:block;} #main_content .tx-indexedsearch-percent { float:right;} #main_content .tx-indexedsearch-info dt, #main_content .tx-indexedsearch-info dd { display:none;} #main_content .tx-indexedsearch-info { background:#fff;margin-top:15px;border-bottom:1px solid #eee;padding-bottom:8px;font-size:12px;text-align:right;} #main_content .tx-indexedsearch-browsebox { background:#eee;padding:6px 15px;margin:15px 0px;min-height:20px;} #main_content .tx-indexedsearch-browsebox p { display:inline-block;float:right;} #main_content .tx-indexedsearch-browsebox ul.browsebox{ margin:0px;display:inline-block;} #main_content .tx-indexedsearch-browsebox ul:after{ clear:both;} .tx-indexedsearch .tx-indexedsearch-whatis { margin-bottom: 30px;margin-top: 50px;font-size:24px;} .gm-style-iw { overflow: hidden !important;min-height:140px;min-width:220px;} #main_content .tx-indexedsearch-form label { padding:4px 0px;display:block;font-size:24px;font-weight:300;float:left;width:auto;line-height:29px;} #tx-indexedsearch-searchbox-button-submit { background:#3E3D41;display:inline-block;width:auto;color:#fff;font-size:18px;padding:8px 30px;border:0px;-webkit-transition: all 200ms ease-in-out;-moz-transition: all 200ms ease-in-out;-o-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;} #tx-indexedsearch-searchbox-button-submit:hover { background:#e33c19;color:#fff;cursor:pointer;} .tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-descr .tx-indexedsearch-redMarkup { color: #e33c19; font-weight:600; } /* ########################################################################################### ** ### Bildergalerien ############################################################################ ** ########################################################################################## */ .rg_layout-33 div.csc-textpic .csc-textpic-imagewrap .csc-textpic-image{ float:left; margin:0px 10px 10px 0px; } } @media screen and (max-width : 1200px) { #nav_main ul li a { font-size: 15px; font-weight: 400; } #contact { float: right; margin: 14px 0 0 18px; width: 190px; } #login { float: right; margin: 14px 8px 0 18px; text-align: right; width: 180px; } #language { float: right; margin: 14px 6px 0; width: 80px; } .rg_layout-33 { background: none; } #rg_1 .news-latest-item { background: #F3E8EB; } .rg_layout-33 .news-latest-item { background: #fff; } #logo img{ max-width:100%; } #logo{ width:42%; }#footer_inner, #footer_inner_2{ padding:20px 20px; } #main_content .tx-indexedsearch-searchbox fieldset { margin: 0 0px; padding: 25px; } #rg_59 #contact{ margin: 14px 25px 0 18px; } } @media screen and (max-width : 1100px) { #nav_main ul li a { font-size: 15px; font-weight: 400; } #contact { float: right; margin: 14px 0 0 18px; width: 190px; } #login { float: right; margin: 14px 8px 0 18px; text-align: right; width: 180px; } #language { float: right; margin: 14px 6px 0; width: 80px; } .rg_layout-33 { background: none; } #rg_1 .news-latest-item { background: #F3E8EB; } .rg_layout-33 .news-latest-item { background: #fff; } #logo img{ max-width:100%; } #logo{ width:42%; } #rg_reifi_laptop_rechts { background: rgba(0, 0, 0, 0) url("../img/rg_reifi_laptop.png") no-repeat scroll right top; height: 214px; margin: -200px 0 0; position: absolute; right: 0; width: 220px; z-index: 2000; } #footer_navi li.footer_nav_block { float: left; width: 140px; } #main_start_content .subcol33_2 .inner_col { margin: 0; padding: 20px 20px 30px; } #main_start_content .subcol66_1 .inner_col { padding: 20px 20px; } #main_start_content .red_corner{ display:none; } .tp-caption{ left:5% !important; } } @media screen and (max-width : 870px) { #nav_main ul li a { font-size: 14px; font-weight: 300; } ul#mainlevel_footer_2 { display: none; } #main_content img{ max-width:100%; height: auto; } #rg_2 #main_content img{ max-width:none; height:auto; } .rg_layout-33 .news-latest-item { background: #F3E8EB; } #contact { float: right; margin: 14px 0 0 10px; width: 190px; } #login { float: right; margin: 14px 8px 0 18px; text-align: right; width: 180px; } #language { float: right; margin: 14px 6px 0; width: 80px; } .rg_layout-33 { background: none; } #rg_1 .news-latest-item { background: #F3E8EB; } #logo img{ max-width:100%; } #logo{ width:34%; } .rg_prev, .rg_next{ display:none; } #rg_59 #contact{ display:none; } #language_mob{ margin: 16px 25px; } #rg_59 .subcol50_1 .inner_col, #rg_59 .subcol50_2 .inner_col { padding: 20px 25px; background: #F3E8EB; min-height: auto; } #rg_59 #page_top_start { min-height: 360px; } #rg_59 .grid3columns h2 { position: absolute; color: #ddd; bottom: 18px; z-index: 900; width: 100%; text-align: center; text-decoration: none; text-transform: none; font-size: 15px; } #rg_59 .grid3columns .subcol3_2 h1 { position: absolute; color: #ddd; bottom: 24px; z-index: 900; width: 100%; text-align: center; text-decoration: none; text-transform: none; font-size: 16px; } #rg_59 .grid3columns .inner_col { padding:0px; } #rg_59 .subcol50_1, #rg_59 .subcol50_2 { margin-top: 0px; position: relative; z-index: 1000; margin-bottom: 5px; } #rg_59 #main_full{ padding:0px; } #rg_59 .grid3columns .subcol3_2 .csc-space-before-45 { margin-top: 65px !important; } } @media screen and (max-width : 870px) { .inner_top{ min-height: 80px;} img{ max-width:100%; height:auto; margin:0px auto;} #header { background: #19171c url("../img/rg_header_bg_left.png") no-repeat scroll left -350px top -50px; } #rootline, .red_corner{ display:none; } #main_content .grid2columns_66_33 .subcol33_2 h2, .rg_layout-50 .subcol50_2 h2 { background: none; } #mobilemenu { } #main_full { padding: 20px 0 65px; } nav{ height:auto;} #main_start_content .subcol33_2 .inner_col{ padding:20px 20% 35px; } #main_start_content .subcol66_1, #main_start_content .subcol66_2, .subcol66_1, .subcol66_2, .subcol33_1, .subcol33_2, #main_start_content .subcol33_1, #main_start_content .subcol33_2, .subcol50_1, .subcol50_2 { float:none; width:100%; } ul#mainlevel_footer_2{ display:none; } .subcol4_1 .inner_col, .subcol4_2 .inner_col, .subcol4_3 .inner_col, .subcol4_4 .inner_col{ margin: 0px; } .grid4columns { margin:0px;} #rg_2 .grid4columns .layout-0 { margin-right: 0%; } .news-latest-item { background: #F3E8EB; } #main_content{ padding:0px; margin-bottom:0px; } #main_content.rg_layout-1{ padding:20px; } .rg_layout-50 .subcol50_2, .rg_layout-33 .subcol33_2 { background:#F3E8EB; } .rg_layout-50 { background: none; } .inner_col{ padding:0px 20px 25px; margin:0px !important; } #rg_30 .inner_col, #rg_26 .inner_col{ padding:0px; } #main_content .tx-powermail .powermail_fieldset{ padding:15px; margin-bottom:20px; } #main_content .powermail_label { width: 100%; float:none; } #main_content .tx-powermail .powermail_fieldset .powermail_field { width: 100%; float:none; } #main_content #powermail_captchaimage { float: right; margin-right: 0px; width: 240px; } div.csc-textpic-intext-left .csc-textpic-imagewrap, div.csc-textpic-intext-left-nowrap .csc-textpic-imagewrap { margin:0px 16px 20px 0px; } .powermail_captcha { width: 96% !important; } #main_content .powermail_label, #form_auswahl label { border-bottom: 0px solid #fff; color: #444; display: inline-block; font-size: 15px; font-weight: 300; padding: 4px 0; width: auto; } .grid4columns .inner_col{ padding:0px 0px; margin:0px !important; } .rg_layout-50 .subcol50_2 .inner_col, .rg_layout-33 .subcol33_2 .inner_col{ padding:35px 20px 65px; margin:0px !important; } h1 { font-size: 26px; font-weight: 400; padding: 0 0 20px; } h2 { font-size: 22px; font-weight: 400; padding: 0 0 20px; } h3 { font-size: 16px; font-weight: 400; } #footer_navi li.footer_nav_block { width: 140px; } #footer_navi { padding-right: 0; } #footernav{ float:none; text-align:center; padding:0px 20px 20px; } #copyright{ float:none; padding:16px 20px 5px 20px; border-top:1px solid #3E3D41; line-height:20px; text-align:center; } #footer_social { text-align: center; display: block; font-size: 18px; margin:0px 0px 14px; } a.rg_totop{ float:right; margin-right:20px; margin-top:25px; } .news-single-item h2 { font-size: 15px; } #logo{ float:none; background:#19171C; text-align:left; margin:0px auto; padding:0px 0px; padding-top:0px; width:100%; } #logo img{ max-width:90%; height:auto; } .rg_layout-33 div.csc-textpic .csc-textpic-imagewrap .csc-textpic-image{ float:none; margin:0px; } div.csc-textpic-left .csc-textpic-imagewrap{ float:none; } .subcol66_1 .layout-1 div.csc-textpic .csc-textpic-imagewrap .csc-textpic-image{ float:left; max-width:48%; } #rg_9 .subcol66_1 img { border: 0 solid #000000; border-radius: 0 0 0 0px; } div.csc-textpic, div.csc-textpic div.csc-textpic-imagerow, ul.csc-uploads li { margin-bottom:12px; } #rg_9 .subcol66_1 .csc-space-after-25 { margin-bottom: 0px !important; } table.contenttable .td-0 { background: #f3e8eb none repeat scroll 0 0; font-size: 24px; text-align: left; } #rg_46 img{ display:inline; } #c70{ display:none; } #rg_6 .inner_col{ margin-bottom:12px !important; } iframe{ width:100%; } #rg_reifi { position:absolute;margin:-132px 0px 0px 0px;background:url(../img/rg_reifi.png) no-repeat right top;right:10px;height:134px;width:150px;z-index:2000;background-size: cover; } #rg_reifi_laptop { position:absolute;margin:-142px 0px 0px -25px;background:url(../img/rg_reifi_laptop.png) no-repeat right top;height:134px;width:150px;z-index:2000;background-size: cover;} #rg_reifi_top { position:absolute;margin:-142px 0px 0px 0px;background:url(../img/rg_reifi_top.png) no-repeat left top;height:134px;width:140px;z-index:2000;right:0px;background-size: cover;} #rg_reifi_arme { position:absolute;margin:-152px 0px 0px 0px;background:url(../img/rg_reifi_arme_unten.png) no-repeat right -20px top;height:134px;width:150px;z-index:2000;right:0px;background-size: cover;} #rg_reifi_telefon { position:absolute;margin:-152px 0px 0px -25px;background:url(../img/rg_reifi_telefon.png) no-repeat right top;height:134px;width:150px;z-index:2000;background-size: cover;} #rg_reifi_eishockey { position:absolute;margin:-142px 0px 0px 0px;background:url(../img/rg_reifi_eishockey.png) no-repeat right top;height:134px;width:150px;z-index:2000;right:0px;background-size: cover;} #rg_reifi_rechts { position:absolute;margin:-152px 0px 0px 0px;background:url(../img/rg_reifi.png) no-repeat right top;height:134px;width:150px;z-index:2000;right:0px;background-size: cover;} #rg_reifi_laptop_rechts { position:absolute;margin:-142px 0px 0px 0px;background:url(../img/rg_reifi_laptop.png) no-repeat right -35px top;height:154px;width:130px;z-index:2000;right:0px;background-size: cover;} #rg_reifi_fussball_rechts { position:absolute;margin:-162px 0px 0px 0px;background:url(../img/rg_reifi_fussball.png) no-repeat right top;height:134px;width:150px;z-index:2000;right:00px;background-size: cover;} .subcol4_1, .subcol4_2, .subcol4_3, .subcol4_4{ float:left; width:50%; } #rg_9 .csc-textpic-text .bodytext{ font-size:12px; } .subcol_1, .subcol_2{ float:none; width:100%; } .subcol_1 .inner_col{ margin-right:0px; } .layout-1 .subcol_1 .inner_col{ padding-right:0px; } .subcol_2 .inner_col{ margin:25px 0px 0px 0px; } .layout-1 .subcol4_1, .layout-1 .subcol4_2, .layout-1 .subcol4_3, .layout-1 .subcol4_4{ text-align:center; } .layout-1 .subcol4_1 h2, .layout-1 .subcol4_2 h2, .layout-1 .subcol4_3 h2, .layout-1 .subcol4_4 h2{ padding:20px 0px; } .layout-1 h2{ font-size:22px; text-transform: uppercase; font-weight:600; color:#e0001f; padding-bottom:20px; } .subcol4_1 .inner_col, .subcol4_3 .inner_col{ margin-right:2% !important; } .subcol4_2 .inner_col, .subcol4_4 .inner_col{ margin-left:2% !important; } .layout-1 .subcol4_1 .inner_col, .layout-1 .subcol4_2 .inner_col, .layout-1 .subcol4_3 .inner_col, .layout-1 .subcol4_4 .inner_col{ padding:15px 20px; } .layout-2 .subcol4_1 .inner_col, .layout-2 .subcol4_2 .inner_col, .layout-2 .subcol4_3 .inner_col, .layout-2 .subcol4_4 .inner_col{ padding:15px 0px; } #nav_main ul li#navlink_7 a { border-left: 0px solid #19171c; } .layout-1 .subcol3_2 { width:100%; margin:0px; } .layout-1 .subcol3_3, .layout-1 .subcol3_1 { width:100%; margin-right:0px; } div.csc-textpic-intext-right-nowrap .csc-textpic-imagewrap{ float:none; } div.csc-textpic-intext-right .csc-textpic-imagewrap, div.csc-textpic-intext-right-nowrap .csc-textpic-imagewrap{ margin:0px; } div.csc-textpic-intext-right .csc-textpic-imagewrap{ float:none; } .csc-textpic-intext-right-nowrap .csc-textpic-text{ margin-right:0px !important; } #header{ border-top:0px; } header #facebook, #nav, #search_toggle{ display:none; } #subnav{ padding:3px 25px 3px 25px; } #subnav ul li{ float:left; width:50%; } #subnav ul li a { padding:5px 0px; font-size:14px; } #quicksearch_mobile, #nav_toggle{ display:block;} #search_toggle_mob{ padding:16px 18px;margin:22px 0px 0px 10px;border-right:0px;background:url(../img/deg_search_btn_mob.png) no-repeat center 3px;position:relative;} #search_toggle_mob:hover{ background-position:center 3px;} #mobile_quicknav{ border-bottom:2px solid #000;clear:both;} #nav_toggle, #nav_shop, #nav_reg, #nav_search{ margin-top:0px; padding:20px 0px; width:25%; cursor:pointer; float:left; display:block; } #nav_toggle{ background:#3E3D41 url(../img/rg_mobile_menu.png) no-repeat center center; margin-right:-1px; } #nav_shop{ background:#3E3D41 url(../img/rg_mobile_shops.png) no-repeat center center; border-left:1px solid #19171C; margin-right:-1px; } #nav_reg{ background:#3E3D41 url(../img/rg_mobile_reg.png) no-repeat center center; margin-right:-1px; border-left:1px solid #19171C; } #nav_search{ background:#3E3D41 url(../img/rg_mobile_search.png) no-repeat center center; border-left:1px solid #19171C; margin-right:-1px; } #login, #language{ display:none; } #language_mob{ float:right; display:block; margin-top:10px; } #language_mob .chooser{ cursor:pointer; color: #888; font-weight:600; text-transform:uppercase; font-size:0.8em; display:inline-block; padding:5px 0px 0px 8px; } #language_active a{ margin-top:6px; float:left; } .lang_over { box-shadow: 0 8px 6px #000; display: none; margin-top: 10px; position: absolute; z-index:2000; border-bottom:2px solid #E33C19; } .language_inactive { background: #3E3D41 none repeat scroll 0 0; padding: 8px 10px 10px; color:#fff; } .language_inactive a{ color: #ccc; vertical-align:middle; } .language_inactive img { margin-right:4px; vertical-align:middle; } #contact .phone, #contact .fax, #contact .mail{ display:none; } #contact { float:right; margin: 10px 12px 0 12px; width: auto; } #contact .box_head{ padding:8px 6px 6px; text-align:right; } #logo{ width:70%; float:left; } #nav{ clear:both; width:100%; margin-top:0px; } #nav ul{ margin:0px 0px 0px; border-bottom:0px solid #999; } #nav ul li{ float:none; display:block; width:100%; } #nav_main ul li a { border-bottom:1px solid #000; border-right:0px; display: block; font-size: 15px; font-weight: normal; margin-left: 0; padding:9px 0px;; text-decoration: none; text-align: center; } #nav_main ul li a:hover { color:#fff; } #nav_main ul li a#active{ color:#fff; background:#E33C19; } #nav li#navlink_37, #nav li#navlink_7{ display:none;} #nav_main ul.mainlevel_2 { background:#fff;display:none;position:relative;z-index:2000;opacity:1;padding-top:0px;-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;border-bottom: 3px solid #e33c19;border-left:0px;} #nav_main ul.mainlevel_2:after { content: "."; clear: both; display: block; visibility: hidden; height: 0px; } #nav_main ul.mainlevel_2 li { border-bottom:0px solid #19171c;min-width:auto;} #nav_main ul.mainlevel_2 li a { float:left;width:45%;display:inline-block;text-align:center;color:#333; font-weight:400;font-size:15px;padding:6px 0px 7px 10px;background:#fff;margin-left:0px;text-decoration:none;border-right:0px solid #19171c;margin-bottom:0px;border-bottom:0px;} #footer_inner{ padding:15px 20px 0px 20px; } #footer_inner .col4_1, #footer_inner .col4_3, #footer_inner .col4_4{ display:none; } #footer_inner #copyright a{ display:none; } #footer_inner_2 { margin-top: 18px; padding: 12px 0 22px; } #page_detail #content_main{ padding:0px 25px; } .banner .tp-caption { white-space:normal; } .banner h1 { padding:0px 10px;font-size:36px; font-weight:600; color: #fff; text-align:left;line-height:30px;margin-left:20px;} .banner h2 { display:none;} #slider_partner{ display:none; } #powermail_fieldwrap_2, #powermail_fieldwrap_3, #powermail_fieldwrap_6, #powermail_fieldwrap_41, #powermail_fieldwrap_13, #powermail_fieldwrap_15, #powermail_fieldwrap_17, #powermail_fieldwrap_20{ float:none; margin-right:0px; } #main_full .powermail_textarea, #main_full .powermail_input, #main .powermail_textarea, #main .powermail_input, #main_full .powermail_select, #main .powermail_select{ width:95%; } #main .powermail_form_1 .powermail_select{ width:100%; } #main #powermail_field_ihrenachricht, #main #powermail_field_ihrenachrichtrmail_select{ width:95%; } #main .powermail_label, #main .powermail_label{ float:none; } header #searchbox_btn_mob{ margin-top:8px; } .quicksearch_mob{ margin-top:12px; } #main_content .tx-indexedsearch-searchbox-sword{ width:90%; margin:12px 20px 12px 0px; } footer { border-top: 5px solid #e33c19; } #footernav ul li { float: none; display:inline-block; } #footernav ul li a{ line-height:20px; } a.button_red { font-size: 16px; padding: 8px 20px 10px; transition: all 200ms ease-in-out 0s; } #rg_1 .subcol50_1 a.button_red { font-size: 22px; padding: 8px 25px 10px; transition: all 200ms ease-in-out 0s; } #main_start_content .subcol66_1 .inner_col { padding: 20px 15px; } #rg_59 #rg_reifi_laptop { display:none; } } @media screen and (max-width : 580px) { #contact, #language_mob{ margin-top:4px; } #language_mob{ margin-right:0px; } #logo { clear:right; float: none; width: 100%; margin:0px auto; background: #19171c; text-align:center; } #main_start_content .subcol33_2 .inner_col{ padding:20px 30px 35px; } .bodytext{ clear:left; } .news-list-container img{ float:none; margin:0px 0px 0px; } .news-single-img{ float:none; margin:0px; text-align:center; } .news-list-category { background: #eee none repeat scroll 0 0; font-size: 13px; margin-bottom: 8px; padding: 3px 8px 4px; text-transform: uppercase; display:block; } .banner h1 { color: #fff; font-size: 23px; font-weight: 600; line-height: 30px; margin-left: 20px; padding: 0 10px; text-align: left; } #page_top_start .tp-rightarrow.default, #page_top_start .tp-leftarrow.default{ background:none; } #rg_59 .subcol3_1, #rg_59 .subcol3_2, #rg_59 .subcol3_3{ float:none; width:85%; margin:0px auto; } #rg_59 .csc-space-before-65, #rg_59 .grid3columns .subcol3_2 .csc-space-before-45{ margin-top: 0px !important; } #rg_59 .subcol3_1{ padding-top:20px; } #rg_59 .button_red { margin: 16px 0px 0px 0px; clear:both; display:block; } #language_mob { margin: 4px 0px; } #rg_59 #language_mob { margin: 4px 20px; } #rg_59 .subcol50_1, #rg_59 .subcol50_2 { margin-top: 0px; position: relative; z-index: 1000; margin-bottom: 5px; } #rg_59 #main_full{ padding-top:0px; } #rg_59 .grid3columns h2 { bottom: 12px; } #rg_59 .grid3columns .subcol3_2 h1 { bottom: 15px; font-size:20px; } } #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;} #cboxWrapper {max-width:none;} #cboxOverlay{position:fixed; width:100%; height:100%;} #cboxMiddleLeft, #cboxBottomLeft{clear:left;} #cboxContent{position:relative;} #cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;} #cboxTitle{margin:0;} #cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;} #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;} .cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;} .cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;} #colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;} #cboxOverlay{background:url(images/overlay.png) repeat 0 0; opacity: 0.4; filter: alpha(opacity = 40);} #colorbox{outline:0;} #cboxContent{background:#fff; overflow:hidden;border-bottom:2px solid #E33C19; -webkit-box-shadow: 0px 26px 8px -17px rgba(0,0,0,0.53); -moz-box-shadow: 0px 26px 8px -17px rgba(0,0,0,0.53); box-shadow: 0px 26px 8px -17px rgba(0,0,0,0.53);} .cboxIframe{background:#fff;} #cboxError{padding:50px; border:1px solid #ccc;} #cboxLoadedContent{margin-bottom:48px;} #cboxTitle{position:absolute; bottom:15px; left:12px; text-align:center; width:100%; color:#949494;} .cboxTitle_new{padding:18px 18px 8px;} #cboxCurrent{position:absolute; bottom:15px; left:80px; color:#949494;font-weight:bold;} #cboxLoadingOverlay{background:url(images/loading_background.png) no-repeat center center;} #cboxLoadingGraphic{background:url(images/loading.gif) no-repeat center center;} /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */ #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; } /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */ #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;} #cboxSlideshow{position:absolute; bottom:12px; right:30px; color:#0092ef;} #cboxPrevious{position:absolute; bottom:12px; left:12px; background:url(images/controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;} #cboxPrevious:hover{background-position:-75px -25px;} #cboxNext{position:absolute; bottom:12px; left:39px; background:url(images/controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;} #cboxNext:hover{background-position:-50px -25px;} #cboxClose{position:absolute; bottom:12px; right:12px; background:url(images/controls.png) no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;} #cboxClose:hover{background-position:-25px -25px;} .cboxIE #cboxTopLeft, .cboxIE #cboxTopCenter, .cboxIE #cboxTopRight, .cboxIE #cboxBottomLeft, .cboxIE #cboxBottomCenter, .cboxIE #cboxBottomRight, .cboxIE #cboxMiddleLeft, .cboxIE #cboxMiddleRight { filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF); } /* jQuery.mmenu CSS */ /* jQuery.mmenu panels CSS */ .mm-menu.mm-horizontal > .mm-panel { -webkit-transition: -webkit-transform 0.4s ease; transition: transform 0.4s ease; } .mm-menu .mm-hidden { display: none; } .mm-wrapper { overflow-x: hidden; position: relative; } .mm-menu, .mm-menu > .mm-panel { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 0; } .mm-menu { background: inherit; display: block; overflow: hidden; padding: 0; } .mm-menu > .mm-panel { background: inherit; -webkit-overflow-scrolling: touch; overflow: scroll; overflow-x: hidden; overflow-y: auto; box-sizing: border-box; padding: 20px; -webkit-transform: translate(100%, 0); -moz-transform: translate(100%, 0); -ms-transform: translate(100%, 0); -o-transform: translate(100%, 0); transform: translate(100%, 0); } .mm-menu > .mm-panel.mm-opened { -webkit-transform: translate(0%, 0); -moz-transform: translate(0%, 0); -ms-transform: translate(0%, 0); -o-transform: translate(0%, 0); transform: translate(0%, 0); } .mm-menu > .mm-panel.mm-subopened { -webkit-transform: translate(-30%, 0); -moz-transform: translate(-30%, 0); -ms-transform: translate(-30%, 0); -o-transform: translate(-30%, 0); transform: translate(-30%, 0); } .mm-menu > .mm-panel.mm-highest { z-index: 1; } .mm-menu .mm-list { padding: 20px 0; } .mm-menu > .mm-list { padding-bottom: 0; } .mm-menu > .mm-list:after { content: ''; display: block; height: 40px; } .mm-panel > .mm-list { margin-left: -20px; margin-right: -20px; } .mm-panel > .mm-list:first-child { padding-top: 0; } .mm-list, .mm-list > li { list-style: none; display: block; padding: 0; margin: 0; } .mm-list { font: inherit; font-size: 14px; } .mm-list a, .mm-list a:hover { text-decoration: none; } .mm-list > li { position: relative; } .mm-list > li > a, .mm-list > li > span { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; color: inherit; line-height: 20px; display: block; padding: 10px 10px 10px 20px; margin: 0; } .mm-list > li:not(.mm-subtitle):not(.mm-label):not(.mm-search):not(.mm-noresults):after { content: ''; border-bottom-width: 1px; border-bottom-style: solid; display: block; width: 100%; position: absolute; bottom: 0; left: 0; } .mm-list > li:not(.mm-subtitle):not(.mm-label):not(.mm-search):not(.mm-noresults):after { width: auto; margin-left: 20px; position: relative; left: auto; } .mm-list a.mm-subopen { background: rgba(3, 2, 1, 0); width: 40px; height: 100%; padding: 0; position: absolute; right: 0; top: 0; z-index: 2; } .mm-list a.mm-subopen:before { content: ''; border-left-width: 1px; border-left-style: solid; display: block; height: 100%; position: absolute; left: 0; top: 0; } .mm-list a.mm-subopen.mm-fullsubopen { width: 100%; } .mm-list a.mm-subopen.mm-fullsubopen:before { border-left: none; } .mm-list a.mm-subopen + a, .mm-list a.mm-subopen + span { padding-right: 5px; margin-right: 40px; } .mm-list > li.mm-selected > a.mm-subopen { background: transparent; } .mm-list > li.mm-selected > a.mm-fullsubopen + a, .mm-list > li.mm-selected > a.mm-fullsubopen + span { padding-right: 45px; margin-right: 0; } .mm-list a.mm-subclose { text-indent: 20px; padding-top: 30px; margin-top: -20px; } .mm-list > li.mm-label { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-size: 10px; text-transform: uppercase; text-indent: 20px; line-height: 25px; padding-right: 5px; } .mm-list > li.mm-spacer { padding-top: 40px; } .mm-list > li.mm-spacer.mm-label { padding-top: 25px; } .mm-list a.mm-subopen:after, .mm-list a.mm-subclose:before { content: ''; border: 2px solid transparent; display: inline-block; width: 7px; height: 7px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); margin-bottom: -5px; position: absolute; bottom: 50%; } .mm-list a.mm-subopen:after { border-top: none; border-left: none; right: 18px; } .mm-list a.mm-subclose:before { border-right: none; border-bottom: none; margin-bottom: -15px; left: 22px; } .mm-menu.mm-vertical .mm-list .mm-panel { display: none; padding: 10px 0 10px 10px; } .mm-menu.mm-vertical .mm-list .mm-panel li:last-child:after { border-color: transparent; } .mm-menu.mm-vertical .mm-list li.mm-opened > .mm-panel { display: block; } .mm-menu.mm-vertical .mm-list > li > a.mm-subopen { height: 40px; } .mm-menu.mm-vertical .mm-list > li > a.mm-subopen:after { top: 16px; bottom: auto; } .mm-menu.mm-vertical .mm-list > li.mm-opened > a.mm-subopen:after { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .mm-menu.mm-vertical .mm-list > li.mm-label > a.mm-subopen { height: 25px; } html.mm-opened .mm-page { box-shadow: 0 0 20px rgba(0, 0, 0, 0.5); } .mm-menu { background: #3E3D41; color: rgba(255, 255, 255, 0.8); } .mm-menu .mm-list > li:after { border-color: rgba(0, 0, 0, 0.4); } .mm-menu .mm-list > li > a.mm-subclose { background: rgba(0, 0, 0, 0.1); color: rgba(255, 255, 255, 0.3); } .mm-menu .mm-list > li > a.mm-subopen:after, .mm-menu .mm-list > li > a.mm-subclose:before { border-color: rgba(255, 255, 255, 0.3); } .mm-menu .mm-list > li > a.mm-subopen:before { border-color: rgba(0, 0, 0, 0.4); } .mm-menu .mm-list > li.mm-selected > a:not(.mm-subopen), .mm-menu .mm-list > li.mm-selected > span { background: rgba(0, 0, 0, 0.1); } .mm-menu .mm-list > li.mm-label { background: rgba(255, 255, 255, 0.05); } .mm-menu.mm-vertical .mm-list li.mm-opened > a.mm-subopen, .mm-menu.mm-vertical .mm-list li.mm-opened > ul { background: rgba(255, 255, 255, 0.05); } /* jQuery.mmenu offcanvas addon CSS */ .mm-page { box-sizing: border-box; position: relative; } .mm-slideout { -webkit-transition: -webkit-transform 0.4s ease; -ms-transition: -ms-transform 0.4s ease; transition: transform 0.4s ease; } html.mm-opened { overflow: hidden; position: relative; } html.mm-opened body { overflow: hidden; } html.mm-background .mm-page { background: inherit; } #mm-blocker { background: rgba(3, 2, 1, 0); display: none; width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 999999; } html.mm-opened #mm-blocker, html.mm-blocking #mm-blocker { display: block; } .mm-menu.mm-offcanvas { display: none; position: fixed; } .mm-menu.mm-current { display: block; } .mm-menu { width: 80%; min-width: 140px; max-width: 440px; } html.mm-opening .mm-slideout { -webkit-transform: translate(80%, 0); -moz-transform: translate(80%, 0); -ms-transform: translate(80%, 0); -o-transform: translate(80%, 0); transform: translate(80%, 0); } @media all and (max-width: 175px) { html.mm-opening .mm-slideout { -webkit-transform: translate(140px, 0); -moz-transform: translate(140px, 0); -ms-transform: translate(140px, 0); -o-transform: translate(140px, 0); transform: translate(140px, 0); } } @media all and (min-width: 550px) { html.mm-opening .mm-slideout { -webkit-transform: translate(440px, 0); -moz-transform: translate(440px, 0); -ms-transform: translate(440px, 0); -o-transform: translate(440px, 0); transform: translate(440px, 0); } } /* jQuery.mmenu buttonbars addon CSS */ .mm-buttonbar { border: 1px solid transparent; border-radius: 5px; text-align: center; line-height: 20px; overflow: hidden; display: block; padding: 0; margin: 0; position: relative; } .mm-buttonbar:after { content: ''; display: block; clear: both; } .mm-buttonbar > * { border-left: 1px solid transparent; box-sizing: border-box; display: block; width: 100%; height: 100%; float: left; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .mm-buttonbar > a { text-decoration: none; } .mm-buttonbar > input { position: absolute; left: -1000px; top: -1000px; } .mm-buttonbar > input:checked + label { border-color: transparent !important; } .mm-buttonbar > *:first-child, .mm-buttonbar > input:first-child + * { border-left: none; } .mm-buttonbar.mm-buttonbar-2 > * { width: 50%; } .mm-buttonbar.mm-buttonbar-3 > * { width: 33.33%; } .mm-buttonbar.mm-buttonbar-4 > * { width: 25%; } .mm-buttonbar.mm-buttonbar-5 > * { width: 20%; } .mm-header .mm-buttonbar { margin-top: 20px; margin-left: -30px; margin-right: -30px; } .mm-footer .mm-buttonbar { border: none; border-radius: none; line-height: 40px; margin: -10px -10px 0 -20px; } .mm-footer .mm-buttonbar > * { border-left: none; } .mm-list > li > .mm-buttonbar { margin: 10px 20px; } .mm-menu .mm-buttonbar { border-color: rgba(255, 255, 255, 0.6); background: #333333; } .mm-menu .mm-buttonbar > * { border-color: rgba(255, 255, 255, 0.6); } .mm-menu .mm-buttonbar > input:checked + label { background: rgba(255, 255, 255, 0.6); color: #333333; } /* jQuery.mmenu counters addon CSS */ em.mm-counter { font: inherit; font-size: 14px; font-style: normal; text-indent: 0; line-height: 20px; display: block; margin-top: -10px; position: absolute; right: 40px; top: 50%; } em.mm-counter + a.mm-subopen { padding-left: 40px; } em.mm-counter + a.mm-subopen + a, em.mm-counter + a.mm-subopen + span { margin-right: 80px; } em.mm-counter + a.mm-fullsubopen { padding-left: 0; } .mm-vertical em.mm-counter { top: 12px; margin-top: 0; } .mm-nosubresults > em.mm-counter { display: none; } .mm-menu em.mm-counter { color: rgba(255, 255, 255, 0.3); } /* jQuery.mmenu dragOpen addon CSS */ html.mm-opened.mm-dragging .mm-menu, html.mm-opened.mm-dragging .mm-page, html.mm-opened.mm-dragging .mm-fixed-top, html.mm-opened.mm-dragging .mm-fixed-bottom, html.mm-opened.mm-dragging #mm-blocker { -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -ms-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s; } /* jQuery.mmenu footer addon CSS */ .mm-footer { background: inherit; border-top: 1px solid transparent; text-align: center; line-height: 20px; box-sizing: border-box; width: 100%; height: 40px; padding: 10px 10px 0 20px; position: absolute; z-index: 2; bottom: 0; left: 0; } .mm-menu.mm-hasfooter > .mm-panel:after { height: 80px; } .mm-menu .mm-footer { border-color: rgba(0, 0, 0, 0.15); color: rgba(255, 255, 255, 0.3); } /* jQuery.mmenu header addon CSS */ .mm-header { background: inherit; border-bottom: 1px solid transparent; text-align: center; line-height: 20px; box-sizing: border-box; width: 100%; height: 60px; padding: 0 50px; position: absolute; z-index: 2; top: 0; left: 0; } .mm-header .mm-title, .mm-header .mm-prev, .mm-header .mm-next, .mm-header .mm-close { padding-top: 20px; } .mm-header .mm-title { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; display: inline-block; width: 100%; position: relative; } .mm-header .mm-prev, .mm-header .mm-next, .mm-header .mm-close { text-decoration: none; display: block; box-sizing: border-box; min-width: 10px; height: 100%; position: absolute; top: 0; z-index: 1; } .mm-header .mm-prev { padding-left: 20px; padding-right: 10px; left: 0; } .mm-header .mm-next, .mm-header .mm-close { padding-left: 10px; padding-right: 20px; right: 0; } .mm-header [href].mm-prev:before, .mm-header [href].mm-next:after { content: ''; border: 2px solid transparent; display: inline-block; width: 7px; height: 7px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } .mm-header [href].mm-prev:before { border-right: none; border-bottom: none; margin-left: 2px; margin-right: 5px; } .mm-header [href].mm-next:after, .mm-header [href].mm-close:after { margin-left: 5px; margin-right: -2px; } .mm-header [href].mm-next:after { border-top: none; border-left: none; } .mm-header [href].mm-close:after { content: 'x'; } .mm-menu.mm-hassearch .mm-header { height: 50px; top: 50px; } .mm-menu.mm-hassearch .mm-header .mm-title, .mm-menu.mm-hassearch .mm-header .mm-prev, .mm-menu.mm-hassearch .mm-header .mm-next, .mm-menu.mm-hassearch .mm-header .mm-close { padding-top: 20px; } .mm-menu.mm-hasheader li.mm-subtitle { display: none; } .mm-menu.mm-hasheader > .mm-panel { padding-top: 80px; } .mm-menu.mm-hasheader > .mm-panel.mm-list { padding-top: 60px; } .mm-menu.mm-hasheader > .mm-panel > .mm-list:first-child { margin-top: -20px; } .mm-menu.mm-hasheader.mm-hassearch > .mm-panel { padding-top: 120px; } .mm-menu.mm-hasheader.mm-hassearch > .mm-panel.mm-list { padding-top: 100px; } .mm-menu .mm-header { border-color: rgba(0, 0, 0, 0.15); color: rgba(255, 255, 255, 0.6); text-transform:uppercase; background:#19171C; } .mm-menu .mm-header .mm-prev:before, .mm-menu .mm-header .mm-next:after, .mm-menu .mm-header .mm-close:after { border-color: rgba(255, 255, 255, 0.3); } /* jQuery.mmenu labels addon CSS */ .mm-list li.mm-label > span { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; padding: 0; line-height: 25px; } .mm-list li.mm-label.mm-opened a.mm-subopen:after { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .mm-list li.mm-collapsed:not(.mm-uncollapsed) { display: none; } .mm-menu.mm-vertical .mm-list > li.mm-label > a.mm-subopen:after { top: 8.5px; } .mm-menu .mm-list li.mm-label > div > div { background: rgba(255, 255, 255, 0.05); } /* jQuery.mmenu searchfield addon CSS */ .mm-search, .mm-search input { box-sizing: border-box; } .mm-list > li.mm-search { padding: 10px; margin-top: -20px; } .mm-list > li.mm-subtitle + li.mm-search { margin-top: 0; } div.mm-panel > div.mm-search { padding: 0 0 10px 0; } .mm-menu.mm-hasheader .mm-list > li.mm-search { margin-top: 0; } .mm-menu > .mm-search { background: inherit; width: 100%; position: absolute; top: 0; left: 0; z-index: 2; } .mm-search { padding: 10px; } .mm-search input { border: none; border-radius: 30px; font: inherit; font-size: 14px; line-height: 30px; outline: none; display: block; width: 100%; height: 30px; margin: 0; padding: 0 10px; } .mm-search input::-ms-clear { display: none; } .mm-menu .mm-noresultsmsg { text-align: center; font-size: 21px; display: none; padding: 60px 0; } .mm-menu .mm-noresultsmsg:after { border: none !important; } .mm-noresults .mm-noresultsmsg { display: block; } .mm-menu li.mm-nosubresults > a.mm-subopen { display: none; } .mm-menu li.mm-nosubresults > a.mm-subopen + a, .mm-menu li.mm-nosubresults > a.mm-subopen + span { padding-right: 10px; } .mm-menu.mm-hassearch > .mm-panel { padding-top: 70px; } .mm-menu.mm-hassearch > .mm-panel > .mm-list:first-child { margin-top: -20px; } .mm-menu.mm-hasheader > .mm-panel > div.mm-search:first-child { margin-top: -10px; } .mm-menu.mm-hasheader > .mm-panel > div.mm-search:first-child + .mm-list { padding-top: 0; } .mm-menu .mm-search input { background: rgba(255, 255, 255, 0.3); color: rgba(255, 255, 255, 0.6); } .mm-menu .mm-noresultsmsg { color: rgba(255, 255, 255, 0.3); } /* jQuery.mmenu toggles addon CSS */ input.mm-toggle, input.mm-check { position: absolute; left: -10000px; } label.mm-toggle, label.mm-check { margin: 0; position: absolute; bottom: 50%; z-index: 2; } label.mm-toggle:before, label.mm-check:before { content: ''; display: block; } label.mm-toggle { border-radius: 30px; width: 50px; height: 30px; margin-bottom: -15px; } label.mm-toggle:before { border-radius: 30px; width: 28px; height: 28px; margin: 1px; } input.mm-toggle:checked ~ label.mm-toggle:before { float: right; } label.mm-check { width: 30px; height: 30px; margin-bottom: -15px; } label.mm-check:before { border-left: 3px solid; border-bottom: 3px solid; width: 40%; height: 20%; margin: 25% 0 0 20%; opacity: 0.1; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } input.mm-check:checked ~ label.mm-check:before { opacity: 1; } .mm-menu.mm-vertical .mm-list > li label.mm-toggle, .mm-menu.mm-vertical .mm-list > li label.mm-check { bottom: auto; margin-bottom: 0; } .mm-menu.mm-vertical .mm-list > li label.mm-toggle { top: 5px; } .mm-menu.mm-vertical .mm-list > li label.mm-check { top: 5px; } label.mm-toggle, label.mm-check { right: 20px; } label.mm-toggle + a, label.mm-toggle + span { margin-right: 70px; } label.mm-check + a, label.mm-check + span { margin-right: 50px; } a.mm-subopen + label.mm-toggle, a.mm-subopen + label.mm-check { right: 50px; } a.mm-subopen + label.mm-toggle + a, a.mm-subopen + label.mm-toggle + span { margin-right: 100px; } a.mm-subopen + label.mm-check + a, a.mm-subopen + label.mm-check + span { margin-right: 80px; } em.mm-counter + a.mm-subopen + label.mm-toggle, em.mm-counter + a.mm-subopen + label.mm-check { right: 90px; } em.mm-counter + a.mm-subopen + label.mm-toggle + a, em.mm-counter + a.mm-subopen + label.mm-toggle + span { margin-right: 140px; } em.mm-counter + a.mm-subopen + label.mm-check + a, em.mm-counter + a.mm-subopen + label.mm-check + span { margin-right: 120px; } .mm-menu label.mm-toggle { background: rgba(0, 0, 0, 0.15); } .mm-menu label.mm-toggle:before { background: #333333; } .mm-menu input.mm-toggle:checked ~ label.mm-toggle { background: #4bd963; } .mm-menu label.mm-check:before { border-color: rgba(255, 255, 255, 0.6); } /* jQuery.mmenu effects extension CSS */ html.mm-slide .mm-menu { -webkit-transition: -webkit-transform 0.4s ease; transition: transform 0.4s ease; } html.mm-slide.mm-opened .mm-menu { -webkit-transform: translateX(-30%); -moz-transform: translateX(-30%); -ms-transform: translateX(-30%); -o-transform: translateX(-30%); transform: translateX(-30%); } html.mm-slide.mm-opening .mm-menu { -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -ms-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%); } html.mm-slide.mm-right.mm-opened .mm-menu { -webkit-transform: translateX(30%); -moz-transform: translateX(30%); -ms-transform: translateX(30%); -o-transform: translateX(30%); transform: translateX(30%); } html.mm-slide.mm-right.mm-opening .mm-menu { -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -ms-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%); } html.mm-slide.mm-top.mm-opened .mm-menu { -webkit-transform: translateY(-30%); -moz-transform: translateY(-30%); -ms-transform: translateY(-30%); -o-transform: translateY(-30%); transform: translateY(-30%); } html.mm-slide.mm-top.mm-opening .mm-menu { -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -ms-transform: translateY(0%); -o-transform: translateY(0%); transform: translateY(0%); } html.mm-slide.mm-bottom.mm-opened .mm-menu { -webkit-transform: translateY(30%); -moz-transform: translateY(30%); -ms-transform: translateY(30%); -o-transform: translateY(30%); transform: translateY(30%); } html.mm-slide.mm-bottom.mm-opening .mm-menu { -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -ms-transform: translateY(0%); -o-transform: translateY(0%); transform: translateY(0%); } html.mm-zoom-menu .mm-menu { -webkit-transition: -webkit-transform 0.4s ease; transition: transform 0.4s ease; } html.mm-zoom-menu.mm-opened .mm-menu { -webkit-transform: scale(0.7, 0.7) translateX(-30%); -moz-transform: scale(0.7, 0.7) translateX(-30%); -ms-transform: scale(0.7, 0.7) translateX(-30%); -o-transform: scale(0.7, 0.7) translateX(-30%); transform: scale(0.7, 0.7) translateX(-30%); -webkit-transform-origin: left center; -moz-transform-origin: left center; -ms-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; } html.mm-zoom-menu.mm-opening .mm-menu { -webkit-transform: scale(1, 1) translateX(0%); -moz-transform: scale(1, 1) translateX(0%); -ms-transform: scale(1, 1) translateX(0%); -o-transform: scale(1, 1) translateX(0%); transform: scale(1, 1) translateX(0%); } html.mm-zoom-menu.mm-right.mm-opened .mm-menu { -webkit-transform: scale(0.7, 0.7) translateX(30%); -moz-transform: scale(0.7, 0.7) translateX(30%); -ms-transform: scale(0.7, 0.7) translateX(30%); -o-transform: scale(0.7, 0.7) translateX(30%); transform: scale(0.7, 0.7) translateX(30%); -webkit-transform-origin: right center; -moz-transform-origin: right center; -ms-transform-origin: right center; -o-transform-origin: right center; transform-origin: right center; } html.mm-zoom-menu.mm-right.mm-opening .mm-menu { -webkit-transform: scale(1, 1) translateX(0%); -moz-transform: scale(1, 1) translateX(0%); -ms-transform: scale(1, 1) translateX(0%); -o-transform: scale(1, 1) translateX(0%); transform: scale(1, 1) translateX(0%); } html.mm-zoom-menu.mm-top.mm-opened .mm-menu { -webkit-transform: scale(0.7, 0.7) translateY(-30%); -moz-transform: scale(0.7, 0.7) translateY(-30%); -ms-transform: scale(0.7, 0.7) translateY(-30%); -o-transform: scale(0.7, 0.7) translateY(-30%); transform: scale(0.7, 0.7) translateY(-30%); -webkit-transform-origin: center top; -moz-transform-origin: center top; -ms-transform-origin: center top; -o-transform-origin: center top; transform-origin: center top; } html.mm-zoom-menu.mm-top.mm-opening .mm-menu { -webkit-transform: scale(1, 1) translateY(0%); -moz-transform: scale(1, 1) translateY(0%); -ms-transform: scale(1, 1) translateY(0%); -o-transform: scale(1, 1) translateY(0%); transform: scale(1, 1) translateY(0%); } html.mm-zoom-menu.mm-bottom.mm-opened .mm-menu { -webkit-transform: scale(0.7, 0.7) translateY(30%); -moz-transform: scale(0.7, 0.7) translateY(30%); -ms-transform: scale(0.7, 0.7) translateY(30%); -o-transform: scale(0.7, 0.7) translateY(30%); transform: scale(0.7, 0.7) translateY(30%); -webkit-transform-origin: center bottom; -moz-transform-origin: center bottom; -ms-transform-origin: center bottom; -o-transform-origin: center bottom; transform-origin: center bottom; } html.mm-zoom-menu.mm-bottom.mm-opening .mm-menu { -webkit-transform: scale(1, 1) translateY(0%); -moz-transform: scale(1, 1) translateY(0%); -ms-transform: scale(1, 1) translateY(0%); -o-transform: scale(1, 1) translateY(0%); transform: scale(1, 1) translateY(0%); } html.mm-zoom-panels .mm-menu.mm-horizontal > .mm-panel { -webkit-transform: scale(1.5, 1.5) translateX(100%); -moz-transform: scale(1.5, 1.5) translateX(100%); -ms-transform: scale(1.5, 1.5) translateX(100%); -o-transform: scale(1.5, 1.5) translateX(100%); transform: scale(1.5, 1.5) translateX(100%); -webkit-transform-origin: left center; -moz-transform-origin: left center; -ms-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; -webkit-transition-property: -webkit-transform, left; transition-property: transform, left; } html.mm-zoom-panels .mm-menu.mm-horizontal > .mm-panel.mm-opened { -webkit-transform: scale(1, 1) translateX(0%); -moz-transform: scale(1, 1) translateX(0%); -ms-transform: scale(1, 1) translateX(0%); -o-transform: scale(1, 1) translateX(0%); transform: scale(1, 1) translateX(0%); } html.mm-zoom-panels .mm-menu.mm-horizontal > .mm-panel.mm-opened.mm-subopened { -webkit-transform: scale(0.7, 0.7) translateX(-30%); -moz-transform: scale(0.7, 0.7) translateX(-30%); -ms-transform: scale(0.7, 0.7) translateX(-30%); -o-transform: scale(0.7, 0.7) translateX(-30%); transform: scale(0.7, 0.7) translateX(-30%); } /* jQuery.mmenu fullscreen extension CSS */ .mm-menu.mm-fullscreen { width: 100%; min-width: 140px; max-width: 10000px; } html.mm-opening.mm-fullscreen .mm-slideout { -webkit-transform: translate(100%, 0); -moz-transform: translate(100%, 0); -ms-transform: translate(100%, 0); -o-transform: translate(100%, 0); transform: translate(100%, 0); } @media all and (max-width: 140px) { html.mm-opening.mm-fullscreen .mm-slideout { -webkit-transform: translate(140px, 0); -moz-transform: translate(140px, 0); -ms-transform: translate(140px, 0); -o-transform: translate(140px, 0); transform: translate(140px, 0); } } @media all and (min-width: 10000px) { html.mm-opening.mm-fullscreen .mm-slideout { -webkit-transform: translate(10000px, 0); -moz-transform: translate(10000px, 0); -ms-transform: translate(10000px, 0); -o-transform: translate(10000px, 0); transform: translate(10000px, 0); } } html.mm-right.mm-opening.mm-fullscreen .mm-slideout { -webkit-transform: translate(-100%, 0); -moz-transform: translate(-100%, 0); -ms-transform: translate(-100%, 0); -o-transform: translate(-100%, 0); transform: translate(-100%, 0); } @media all and (max-width: 140px) { html.mm-right.mm-opening.mm-fullscreen .mm-slideout { -webkit-transform: translate(-140px, 0); -moz-transform: translate(-140px, 0); -ms-transform: translate(-140px, 0); -o-transform: translate(-140px, 0); transform: translate(-140px, 0); } } @media all and (min-width: 10000px) { html.mm-right.mm-opening.mm-fullscreen .mm-slideout { -webkit-transform: translate(-10000px, 0); -moz-transform: translate(-10000px, 0); -ms-transform: translate(-10000px, 0); -o-transform: translate(-10000px, 0); transform: translate(-10000px, 0); } } .mm-menu.mm-front.mm-fullscreen.mm-top, .mm-menu.mm-front.mm-fullscreen.mm-bottom { height: 100%; min-height: 140px; max-height: 10000px; } html.mm-opened.mm-fullscreen .mm-page { box-shadow: none !important; } /* jQuery.mmenu position extension CSS */ .mm-menu.mm-top, .mm-menu.mm-bottom { width: 100%; min-width: 100%; max-width: 100%; } .mm-menu.mm-right { left: auto; right: 0; } .mm-menu.mm-bottom { top: auto; bottom: 0; } html.mm-right.mm-opening .mm-slideout { -webkit-transform: translate(-80%, 0); -moz-transform: translate(-80%, 0); -ms-transform: translate(-80%, 0); -o-transform: translate(-80%, 0); transform: translate(-80%, 0); } @media all and (max-width: 175px) { html.mm-right.mm-opening .mm-slideout { -webkit-transform: translate(-140px, 0); -moz-transform: translate(-140px, 0); -ms-transform: translate(-140px, 0); -o-transform: translate(-140px, 0); transform: translate(-140px, 0); } } @media all and (min-width: 550px) { html.mm-right.mm-opening .mm-slideout { -webkit-transform: translate(-440px, 0); -moz-transform: translate(-440px, 0); -ms-transform: translate(-440px, 0); -o-transform: translate(-440px, 0); transform: translate(-440px, 0); } } /* jQuery.mmenu z-position extension CSS */ html.mm-front .mm-slideout { -webkit-transform: none !important; -moz-transform: none !important; -ms-transform: none !important; -o-transform: none !important; transform: none !important; z-index: 0 !important; } .mm-menu.mm-front { z-index: 1; box-shadow: 0 0 15px rgba(0, 0, 0, 0.5); } html.mm-opened.mm-next .mm-page { box-shadow: none; } .mm-menu.mm-front, .mm-menu.mm-next { -webkit-transition: -webkit-transform 0.4s ease; -ms-transition: -ms-transform 0.4s ease; transition: transform 0.4s ease; -webkit-transform: translate(-100%, 0); -moz-transform: translate(-100%, 0); -ms-transform: translate(-100%, 0); -o-transform: translate(-100%, 0); transform: translate(-100%, 0); } .mm-menu.mm-front.mm-right, .mm-menu.mm-next.mm-right { -webkit-transform: translate(100%, 0); -moz-transform: translate(100%, 0); -ms-transform: translate(100%, 0); -o-transform: translate(100%, 0); transform: translate(100%, 0); } .mm-menu.mm-front.mm-top { -webkit-transform: translate(0, -100%); -moz-transform: translate(0, -100%); -ms-transform: translate(0, -100%); -o-transform: translate(0, -100%); transform: translate(0, -100%); } .mm-menu.mm-front.mm-bottom { -webkit-transform: translate(0, 100%); -moz-transform: translate(0, 100%); -ms-transform: translate(0, 100%); -o-transform: translate(0, 100%); transform: translate(0, 100%); } html.mm-opening .mm-menu.mm-front, html.mm-opening .mm-menu.mm-next { -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); } .mm-menu.mm-front.mm-top, .mm-menu.mm-front.mm-bottom { height: 80%; min-height: 140px; max-height: 880px; } /* jQuery.mmenu themes extension CSS */ html.mm-opened.mm-light .mm-page { box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); } .mm-menu.mm-light { background: #f3f3f3; color: rgba(0, 0, 0, 0.6); } .mm-menu.mm-light .mm-list > li:after { border-color: rgba(0, 0, 0, 0.1); } .mm-menu.mm-light .mm-list > li > a.mm-subclose { background: rgba(255, 255, 255, 0.6); color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-light .mm-list > li > a.mm-subopen:after, .mm-menu.mm-light .mm-list > li > a.mm-subclose:before { border-color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-light .mm-list > li > a.mm-subopen:before { border-color: rgba(0, 0, 0, 0.1); } .mm-menu.mm-light .mm-list > li.mm-selected > a:not(.mm-subopen), .mm-menu.mm-light .mm-list > li.mm-selected > span { background: rgba(255, 255, 255, 0.6); } .mm-menu.mm-light .mm-list > li.mm-label { background: rgba(0, 0, 0, 0.03); } .mm-menu.mm-light.mm-vertical .mm-list li.mm-opened > a.mm-subopen, .mm-menu.mm-light.mm-vertical .mm-list li.mm-opened > ul { background: rgba(0, 0, 0, 0.03); } .mm-menu.mm-light .mm-buttonbar { border-color: rgba(0, 0, 0, 0.6); background: #f3f3f3; } .mm-menu.mm-light .mm-buttonbar > * { border-color: rgba(0, 0, 0, 0.6); } .mm-menu.mm-light .mm-buttonbar > input:checked + label { background: rgba(0, 0, 0, 0.6); color: #f3f3f3; } .mm-menu.mm-light label.mm-check:before { border-color: rgba(0, 0, 0, 0.6); } .mm-menu.mm-light em.mm-counter { color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-light .mm-footer { border-color: rgba(0, 0, 0, 0.1); color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-light .mm-header { border-color: rgba(0, 0, 0, 0.1); color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-light .mm-header .mm-prev:before, .mm-menu.mm-light .mm-header .mm-next:after, .mm-menu.mm-light .mm-header .mm-close:after { border-color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-light .mm-list li.mm-label > div > div { background: rgba(0, 0, 0, 0.03); } .mm-menu.mm-light .mm-search input { background: rgba(0, 0, 0, 0.1); color: rgba(0, 0, 0, 0.6); } .mm-menu.mm-light .mm-noresultsmsg { color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-light label.mm-toggle { background: rgba(0, 0, 0, 0.1); } .mm-menu.mm-light label.mm-toggle:before { background: #f3f3f3; } .mm-menu.mm-light input.mm-toggle:checked ~ label.mm-toggle { background: #4bd963; } html.mm-opened.mm-white .mm-page { box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); } .mm-menu.mm-white { background: white; color: rgba(0, 0, 0, 0.6); } .mm-menu.mm-white .mm-list > li:after { border-color: rgba(0, 0, 0, 0.1); } .mm-menu.mm-white .mm-list > li > a.mm-subclose { background: rgba(0, 0, 0, 0.06); color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-white .mm-list > li > a.mm-subopen:after, .mm-menu.mm-white .mm-list > li > a.mm-subclose:before { border-color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-white .mm-list > li > a.mm-subopen:before { border-color: rgba(0, 0, 0, 0.1); } .mm-menu.mm-white .mm-list > li.mm-selected > a:not(.mm-subopen), .mm-menu.mm-white .mm-list > li.mm-selected > span { background: rgba(0, 0, 0, 0.06); } .mm-menu.mm-white .mm-list > li.mm-label { background: rgba(0, 0, 0, 0.03); } .mm-menu.mm-white.mm-vertical .mm-list li.mm-opened > a.mm-subopen, .mm-menu.mm-white.mm-vertical .mm-list li.mm-opened > ul { background: rgba(0, 0, 0, 0.03); } .mm-menu.mm-white .mm-buttonbar { border-color: rgba(0, 0, 0, 0.6); background: white; } .mm-menu.mm-white .mm-buttonbar > * { border-color: rgba(0, 0, 0, 0.6); } .mm-menu.mm-white .mm-buttonbar > input:checked + label { background: rgba(0, 0, 0, 0.6); color: color: white; } .mm-menu.mm-white label.mm-check:before { border-color: rgba(0, 0, 0, 0.6); } .mm-menu.mm-white em.mm-counter { color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-white .mm-footer { border-color: rgba(0, 0, 0, 0.1); color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-white .mm-header { border-color: rgba(0, 0, 0, 0.1); color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-white .mm-header .mm-prev:before, .mm-menu.mm-white .mm-header .mm-next:after, .mm-menu.mm-white .mm-header .mm-close:after { border-color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-white .mm-list li.mm-label > div > div { background: rgba(0, 0, 0, 0.03); } .mm-menu.mm-white .mm-search input { background: rgba(0, 0, 0, 0.1); color: rgba(0, 0, 0, 0.6); } .mm-menu.mm-white .mm-noresultsmsg { color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-white label.mm-toggle { background: rgba(0, 0, 0, 0.1); } .mm-menu.mm-white label.mm-toggle:before { background: white; } .mm-menu.mm-white input.mm-toggle:checked ~ label.mm-toggle { background: #4bd963; } html.mm-opened.mm-black .mm-page { box-shadow: none; } .mm-menu.mm-black { background: black; color: rgba(255, 255, 255, 0.6); } .mm-menu.mm-black .mm-list > li:after { border-color: rgba(255, 255, 255, 0.2); } .mm-menu.mm-black .mm-list > li > a.mm-subclose { background: rgba(255, 255, 255, 0.25); color: rgba(255, 255, 255, 0.3); } .mm-menu.mm-black .mm-list > li > a.mm-subopen:after, .mm-menu.mm-black .mm-list > li > a.mm-subclose:before { border-color: rgba(255, 255, 255, 0.3); } .mm-menu.mm-black .mm-list > li > a.mm-subopen:before { border-color: rgba(255, 255, 255, 0.2); } .mm-menu.mm-black .mm-list > li.mm-selected > a:not(.mm-subopen), .mm-menu.mm-black .mm-list > li.mm-selected > span { background: rgba(255, 255, 255, 0.25); } .mm-menu.mm-black .mm-list > li.mm-label { background: rgba(255, 255, 255, 0.15); } .mm-menu.mm-black.mm-vertical .mm-list li.mm-opened > a.mm-subopen, .mm-menu.mm-black.mm-vertical .mm-list li.mm-opened > ul { background: rgba(255, 255, 255, 0.15); } .mm-menu.mm-black .mm-buttonbar { border-color: rgba(255, 255, 255, 0.6); background: black; } .mm-menu.mm-black .mm-buttonbar > * { border-color: rgba(255, 255, 255, 0.6); } .mm-menu.mm-black .mm-buttonbar > input:checked + label { background: rgba(255, 255, 255, 0.6); color: black; } .mm-menu.mm-black label.mm-check:before { border-color: rgba(255, 255, 255, 0.6); } .mm-menu.mm-black em.mm-counter { color: rgba(255, 255, 255, 0.3); } .mm-menu.mm-black .mm-footer { border-color: rgba(255, 255, 255, 0.2); color: rgba(255, 255, 255, 0.3); } .mm-menu.mm-black .mm-header { border-color: rgba(255, 255, 255, 0.2); color: rgba(255, 255, 255, 0.3); } .mm-menu.mm-black .mm-header .mm-prev:before, .mm-menu.mm-black .mm-header .mm-next:after, .mm-menu.mm-black .mm-header .mm-close:after { border-color: rgba(255, 255, 255, 0.3); } .mm-menu.mm-black .mm-list li.mm-label > div > div { background: rgba(255, 255, 255, 0.15); } .mm-menu.mm-black .mm-search input { background: rgba(255, 255, 255, 0.3); color: rgba(255, 255, 255, 0.6); } .mm-menu.mm-black .mm-noresultsmsg { color: rgba(255, 255, 255, 0.3); } .mm-menu.mm-black label.mm-toggle { background: rgba(255, 255, 255, 0.2); } .mm-menu.mm-black label.mm-toggle:before { background: black; } .mm-menu.mm-black input.mm-toggle:checked ~ label.mm-toggle { background: #4bd963; } .cc_container .cc_message { font-size: 0.8em; line-height: 1.1em !important; margin-top:0px !important; } table.tabelle_gewinner .td-0{ font-size:15px; text-align:center; } table.tabelle_gewinner .td-2 { border-bottom: 1px solid #F3E8EB; }