/* 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 */ } /* sriracha-regular - latin */ @font-face { font-family: 'Sriracha'; font-style: normal; font-weight: 400; src: url('../fonts/sriracha-v2-latin-regular.eot'); /* IE9 Compat Modes */ src: local('Sriracha'), local('Sriracha-Regular'), url('../fonts/sriracha-v2-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/sriracha-v2-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/sriracha-v2-latin-regular.woff') format('woff'), /* Modern Browsers */ url('../fonts/sriracha-v2-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/sriracha-v2-latin-regular.svg#Sriracha') format('svg'); /* Legacy iOS */ } @media all { * { margin:0px; padding:0px;} html { -webkit-text-size-adjust: 100%; /* Prevent font scaling in landscape while allowing user zoom */ } html, body { height: 100%;} body { background: #fff url(../img/eierlei_bg_2.png) center top;font-size:15px;font-family: 'Lato', sans-serif; color:#363636;font-weight:400; } img { border:none;} .clr { clear:both;line-height:0px;height:0px;font-size:0px;} a { cursor:pointer;color:#363636;text-decoration:none;-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:#FFCB4A;text-decoration:none;} #page { margin:-6px auto 0px;} #logo { margin:88px 0px 0px;position:absolute;z-index:80; -moz-transition: all 300ms ease-in-out;-o-transition: all 300ms ease-in-out;transition: all 300ms ease-in-out;} #logo img { max-width:100%;-moz-transition: all 300ms ease-in-out; /* WebKit */ -o-transition: all 300ms ease-in-out; /* Opera */ transition: all 300ms ease-in-out; /* Standard */} header { height:160px;background:url(../img/eierlei_header_bg_1.png) center 0px;z-index:2000;width:100%;top:0px; -moz-transition: all 300ms ease-in-out; /* WebKit */ -o-transition: all 300ms ease-in-out; /* Opera */ transition: all 300ms ease-in-out; /* Standard */} #header {margin:0px auto;position:relative;background:url(../img/eierlei_header_bg_2_1.png) repeat-x center 65px;} .inner { margin:0px auto;max-width:1170px;position:relative;} .inner_top { max-width:1200px; margin:0px auto;} input, textarea, select { font-family: 'Lato', sans-serif;} header ul, footer ul { margin:0px;} ul { margin:16px;} #footer_inner_2 { text-align:center;clear:both;background:#ffcb4a;padding:0px 0px 10px;width:100%;bottom:0px;-webkit-box-shadow: 0px -3px 5px -1px rgba(0,0,0,0.38); -moz-box-shadow: 0px -3px 5px -1px rgba(0,0,0,0.38); box-shadow: 0px -3px 5px -1px rgba(0,0,0,0.38);} #copyright { font-size:13px;color:#eee;padding-top:18px;} footer { margin:0px auto 0px;color:#eee;text-align:left;background:#ffcb4a;overflow:visible;font-size:15px;z-index:1900; -moz-transition: all 300ms ease-in-out;-o-transition: all 300ms ease-in-out;transition: all 300ms ease-in-out;} #footer a { color:#eee;} #footer a:hover { color:#fff;} #footer_inner { padding:0px;margin:0px auto 90px;max-width:1170px;position:relative;} #footer_navi2 { color: #000;padding-right:0px;display:block;padding-top:10px;} #footer_navi ul, #footer_navi2 ul { list-style-type:none;text-align:center;} #footer_navi li.footer_nav_block{ } #footer_navi li, #footer_navi2 li { padding:3px 0px;display:inline-block;} #footer_navi li a, #footer_navi2 li a { margin-top:12px;padding:12px 25px;text-decoration:none;font-size:15px;line-height:20px;color:#000;display:block;} #footer_navi li a:hover, #footer_navi2 li a:hover { color:#fff;} #footer_navi li a#active_footer, #footer_navi li a#current_footer, #footer_navi li a#current_footer2, #footer_navi2 li a#active_footer, #footer_navi2 li a#current_footer{ color:#fff;text-decoration:none;} a.ad_totop { -webkit-box-shadow: 0px -9px 10px -7px rgba(0,0,0,0.42); -moz-box-shadow: 0px -9px 10px -7px rgba(0,0,0,0.42); box-shadow: 0px -9px 10px -7px rgba(0,0,0,0.42);border-radius: 80px 80px 0px 0px; -moz-border-radius: 80px 80px 0px 0px; -webkit-border-radius: 80px 80px 0px 0px;position:absolute;left:50%;margin-left:-55px;text-align:center;display:block;text-decoration: none;width:110px;height:66px;background:#FFCB4A url(../img/ad_go_top.png) no-repeat center top;margin-top:-35px;} a.ad_totop:hover { background-position:center -5px;} #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;} #ei_search { height:150px;} nav { display:block;} #nav { } #nav_main ul { overflow:hidden;-webkit-border-top-right-radius:12px;-moz-border-radius-topright: 12px;border-top-right-radius: 12px;float:right;list-style:none;background:#FFCB4A;width:61.55%;margin:0px 0px 0px 0px; -moz-transition: all 300ms ease-in-out; /* WebKit */ -o-transition: all 300ms ease-in-out; /* Opera */ transition: all 300ms ease-in-out; /* Standard */} #nav_main ul li { float:right;} #nav_main #navlink_4 a { padding-left:40px;background:url(../img/eierlei_shop_icon_neu.png) no-repeat left 11px bottom 10px;-webkit-transition: none 100ms ease-in-out;-moz-transition: none 100ms ease-in-out; -o-transition: none 100ms ease-in-out;transition: none 100ms ease-in-out;} #nav_main #navlink_4 a:hover { background-position:left 11px top 11px;color:#fff;} #nav_main #navlink_24 a { font-size:0px; background:url(../img/eierlei_home.png) no-repeat center bottom 7px; height:24px;padding:10px 30px 9px;-webkit-transition: none 100ms ease-in-out;-moz-transition: none 100ms ease-in-out; -o-transition: none 100ms ease-in-out;transition: none 100ms ease-in-out;} #nav_main #navlink_24 a:hover { background-position:center top 8px;} #nav_main ul li a { border-bottom:3px solid transparent;color:#000; font-weight:400;font-size:18px;display:block;padding:11px 18px 10px;text-decoration:none; -moz-transition: all 300ms ease-in-out; /* WebKit */ -o-transition: all 300ms ease-in-out; /* Opera */ transition: all 300ms ease-in-out; /* Standard */} #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:#000; display:block;margin-left:0px;text-decoration:none;border-bottom:3px solid #fff;background:#fff;} #nav_main ul.mainlevel_2 { display:none;position:absolute;z-index:2000;border-left:5px solid #e33c19;opacity:0.95;padding-top:1px;} #nav_main ul.mainlevel_2 li { float:none;background:#3e3d41; border-bottom:1px solid #19171c;min-width:166px;} #nav_main ul.mainlevel_2 li a { 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;} #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; } #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, #footerbox_mob { display:none;} header.ad_fixed { border-top:5px solid #A2A1A6;} header.ad_fixed #logo img { } header.ad_fixed #logo { } header.ad_fixed #nav_main ul { } header.ad_fixed #nav_main ul a { } header.ad_fixed #header {margin:0px auto;position:relative;} #mauli_1 { position:absolute;padding:60px;background:url(../img/eierlei_maulwurf_ei.png) no-repeat -20px top;margin-top:50px;} #mauli_2 { position:absolute;padding:60px 40px;background:url(../img/eierlei_schaf.png) no-repeat center top;margin-top:58px;right:20px;} #mauli_2_container { max-width:1200px; margin:0px auto;position:relative;} #luftballon { position:absolute;padding:60px;background:url(../img/eierlei_luftballon.png) no-repeat center top;right:4%;} .subnavi { background: url(../img/eierlei_subnavi_bg.jpg) no-repeat left -12px top;min-height:430px;position:relative;} #eierlei_spitzer { position:absolute;padding:46px;background:url(../img/eierlei_spitzer.png) no-repeat center center;z-index:50;bottom:-30px;} #eierlei_stift { position:absolute;padding:200px 50px;background:url(../img/eierlei_stift.png) no-repeat center center;z-index:50;right:6px;bottom:-10px;} #eierlei_schoko { position:absolute;padding:60px 90px;background:url(../img/eierlei_schoko.png) no-repeat center center;z-index:50;left:-10px;bottom:34px;} .subnavi ul#berichte_menu { list-style-type:none;padding:18px 20px 20px; } .subnavi ul#berichte_menu li a { display:inline-block;padding:2px 36px 2px 0px;color:#555;font-family: 'Sriracha', cursive;font-size:22px; background:url(../img/eierlei_arrow_small_grey.png) no-repeat right center;} .subnavi ul#berichte_menu li a:hover, .subnavi ul#berichte_menu li a#current_berichte { color:#FFCB4A;padding:2px 40px 2px 2px; } #rootline { padding:45px 40px 5px 40px; color:#999;font-size:13px;} #rootline a { color:#999;} #search_query_plane { width:260px;font-size:18px;padding:8px 8px;} #search_container { float:right; background:#ffcb4a;padding:0px 5px 0px 8px;margin:26px 14px 0px 0px;position:relative;border-radius: 0px 4px 4px 0px; -moz-border-radius: 0px 4px 4px 0px; -webkit-border-radius: 0px 4px 4px 0px;} #plane { position:absolute;padding:57px 110px;background:url(../img/eierlei_plane_2022.png) no-repeat center top;margin:-32px 0px 0px -198px;} #searchbox_btn_mob { padding:10px 15px;border:0px;background: url(../img/eierlei_search_btn.png) no-repeat center top 4px;vertical-align:top;cursor:pointer} #footer.fixed { position: fixed;width:100%;bottom:0px;margin-top:30px; -moz-transition: all 300ms ease-in-out;-o-transition: all 300ms ease-in-out;transition: all 300ms ease-in-out;} #ei_19 #main_content { background:url(../img/eierlei_kontakt_bg2.jpg) no-repeat left top 140px;} #c118 { display:none;} #c2 { display:block;} #eierlei_nav_mob { display:none;} #toplevel_mob { display:none;} #pauly { display:absolute;} .checkbox label{ font-size:12px;} #main_content .powermail_fieldwrap_datenschutz{ padding-bottom:0px !important; margin:0px !important; } .checkbox label a{ text-decoration:underline;} .checkbox{margin-bottom:12px;} /* ###################################################################################################### ** ### Typographie & Buttons ################################################################## ** ###################################################################################################### */ h1{ font-size:36px; padding:0px 0px 20px; font-weight:300; color:#333; font-family: 'Sriracha', cursive; } h2{ font-size:22px; padding:5px 0px 15px; font-weight:300; color:#333; font-family: 'Sriracha', cursive; } h3{ font-size:18px; font-weight:400; color:#333; } .ce-div{ border:0px; padding:20px 0px; clear:both; } .align-center{ text-align: center; } ol,ul{ margin-left:25px; } ul{ list-style-type:square; } /* ###################################################################################################### ** ### BERICHTE BOX ################################################################## ** ###################################################################################################### */ #eierlei_box_berichte{ background: url(../img/eierlei_eiermann.jpg) no-repeat right 0px top -16px; overflow:hidden; border-radius: 12px 12px 12px 12px; -moz-border-radius: 12px 12px 12px 12px; -webkit-border-radius: 12px 12px 12px 12px; border:3px solid #FFCB4A; margin-left:48px; } #eierlei_box_berichte h2 { color: #555; font-family: "Sriracha",cursive; font-size: 28px; font-weight: 300; padding: 0px 0 15px; line-height:28px; } #eierlei_box_berichte .btn_more a{ background:#FFCB4A; padding:5px 20px 6px 20px; display:inline-block; z-index:10; text-transform: uppercase; color:#000; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0px 1px 1px 1px rgba(0,0,0,0.4); -moz-box-shadow: 0px 1px 1px 1px rgba(0,0,0,0.4); box-shadow: 0px 1px 1px 1px rgba(0,0,0,0.4); -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 */ } #eierlei_box_berichte .btn_more a:hover{ background:#555; color:#fff; } #eierlei_box_berichte_inner{ padding:15px 20px 25px; background:url(../img/eierlei_btn_bg.png) no-repeat left 3px bottom 0px; } .berichte-header-list-title{ font-size:24px; font-style:italic; background:#fff; padding:5px 5px 0px; margin-bottom:26px; } .cycle-pager span.cycle-pager-active, .cycle-pager span:hover { background: #FFCB4A none repeat scroll 0 0; color: #FFCB4A; } .cycle-pager span { background: #eee none repeat scroll 0 0; color: #eee; cursor: pointer; display: inline-block; height: 18px; margin-left: 6px; width: 18px; line-height:18px; border-radius: 3px 3px 3px 3px; -moz-border-radius: 3px 3px 3px 3px; -webkit-border-radius: 3px 3px 3px 3px; } .cycle-pager{ float:right; z-index:100; margin-right: 0; } #eierlei_berichte{ display:none; } /* ###################################################################################################### ** ### RSS SHOP BOX ################################################################## ** ###################################################################################################### */ .tx-pits-rssnews{ background:#FFCB4A url(../img/eierlei_shop_angebote.png) no-repeat left 8px center; padding:24px 20px 24px 46px; border-radius: 12px 12px 12px 12px; -moz-border-radius: 12px 12px 12px 12px; -webkit-border-radius: 12px 12px 12px 12px; margin-left:48px; border:3px solid #FFCB4A; overflow:hidden; } .tx-pits-rssnews.neue_artikel{ background:#FFCB4A url(../img/neu_im_shop.png) no-repeat left 4px center; } .tx-pits-rssnews.feed_klassiker{ background:#FFCB4A url(../img/klassiker_im_shop.png) no-repeat left 2px center; } .tx-pits-rssnews.raritaeten{ background:#FFCB4A url(../img/raritaeten_im_shop.png) no-repeat left 2px center; } #eierlei_shop_link{ float:right; } #eierlei_shop_link a{ display:block; font-size:22px; padding:38px 0px 35px; font-weight:300; color:#555; font-family: 'Sriracha', cursive; line-height:26px; text-align:center; margin-right:8px; background:url(../img/eierlei_arrow_small_grey.png) no-repeat center bottom; } #eierlei_shop_link a:hover{ color:#fff; background:url(../img/eierlei_arrow_small_grey.png) no-repeat right 5px bottom; } #pits_rss { font-size: 17px; width:auto; } #pits_rss ul { margin: 0px; padding: 0px; } #pits_rss ul li { list-style: none; margin-right:5px; border-bottom:3px solid #555; text-align:center; background:#fff; min-height:147px; min-width:110px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius:6px; } #pits_rss ul li img{ max-width:100%; margin-top:20px; } #ei_1 #pits_rss ul li { width:110px !important; } .pits_rss_head h3 { font-size: 15px; display:none; } .rss_desc a{ color: #555; font-size: 17px; font-weight: normal; width: 100%; text-decoration: none; display:block; position:relative; overflow:hidden; padding:6px 0px 6px; } .rss_desc .normal_price{ text-decoration: line-through; font-size:13px; } .rss_desc a img{ margin-top:0px; } .rss_newsitems h3{ display:none; } .tooltip_templates{ display:none; } .tooltip_html{ padding:10px 0px; max-width:320px; } .tooltip_html h3{ padding-bottom:10px; } .tooltip_html .normal_price{ text-decoration: line-through; } .tooltip_html .special_price{ font-size:21px; } .subcol30_1 .tx-pits-rssnews{ margin:0px 45px 20px 0px; } .subcol30_1 .tx-pits-rssnews #eierlei_shop_link{ display:none; } .subcol30_1 .csc-frame-frame1 h3{ padding:8px 20px; color:#333; background:#FFCB4A; display:inline-block; font-size:18px; font-weight:300; font-family: 'Sriracha', cursive; line-height:26px; margin-left:10px; -webkit-border-top-left-radius: 8px; -webkit-border-top-right-radius: 8px; -moz-border-radius-topleft: 8px; -moz-border-radius-topright: 8px; border-top-left-radius: 8px; border-top-right-radius: 8px; } /* ###################################################################################################### ** ### 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:25px auto 80px;background:#fff;-webkit-border-bottom-right-radius: 12px; -webkit-border-bottom-left-radius: 12px; -moz-border-radius-bottomright: 12px; -moz-border-radius-bottomleft: 12px; border-bottom-right-radius: 12px; border-bottom-left-radius: 12px; -webkit-box-shadow: 0px 5px 9px -1px rgba(0,0,0,0.75); -moz-box-shadow: 0px 5px 9px -1px rgba(0,0,0,0.75); box-shadow: 0px 5px 9px -1px rgba(0,0,0,0.75);} #main_content{ padding:8px 40px 35px; margin-bottom:35px; position:relative; } .subcol50_1, .subcol50_2{ float:left; width:50%; } .subcol50_1 .inner_col{ margin-right:30px; } .subcol50_2 .inner_col{ margin-left:30px; } .subcol70_1, .subcol70_2{ float:left; width:70%; } .subcol70_1 .inner_col{ margin-right:20px; } .subcol30_2 .inner_col{ margin-left:10px; } .subcol30_1, .subcol30_2{ float:left; width:30%; } .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-right:20px; } .subcol4_2 .inner_col, .subcol4_3 .inner_col{ margin:0px 20px; } .subcol4_4 .inner_col{ margin-left:20px; } /* ########################################################################################### ** ### Startseite ############################################################################ ** ########################################################################################## */ #ei_1 h1{ margin-top:25px; } .news-latest-item img{ -webkit-border-top-left-radius: 12px; -webkit-border-top-right-radius: 12px; -moz-border-radius-topleft: 12px; -moz-border-radius-topright: 12px; border-top-left-radius: 12px; border-top-right-radius: 12px; border-bottom:4px solid #ffcb4a; width:100%; height:auto; -moz-transition: all 300ms ease-in-out; /* WebKit */ -o-transition: all 300ms ease-in-out; /* Opera */ transition: all 300ms ease-in-out; /* Standard */ } .news-latest-item img:hover{ -webkit-transform: scale(1.05) rotate(0.01deg); transform: scale(1.05) rotate(0.01deg); } .news-latest-container{ padding:0px; } .news-latest-item .eierlei-date{ position:absolute; z-index:80; right:0px; top:102px; background:#ffcb4a; padding:3px 8px; } .news-latest-item h2{ line-height:24px; min-height:48px; padding:8px 0px 8px; } .news-latest-item{ border-bottom:4px solid #ffcb4a; height:306px; overflow:hidden; position:relative; background:url(../img/eierlei_btn_bg.png) no-repeat left bottom -5px; } .news-latest-item a{ color:#555; } .news-latest-item .btn_more{ background:#FFCB4A; padding:5px 20px 6px 20px; display:inline-block; position:absolute; z-index:10; bottom:18px; left:4px; text-transform: uppercase; color:#000; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0px 1px 1px 1px rgba(0,0,0,0.4); -moz-box-shadow: 0px 1px 1px 1px rgba(0,0,0,0.4); box-shadow: 0px 1px 1px 1px rgba(0,0,0,0.4); -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 */ } .news-latest-item .btn_more:hover{ background:#555; color:#fff; } /* ########################################################################################### ** ### Uebersichtsseiten ############################################################################ ** ########################################################################################## */ #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; } #content_main ul.multicolumnContainer{ margin:0px; } /* ########################################################################################### ** ### 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 0px; } table.contenttable td{ border:0px solid #eee; padding:15px 0px; } table.contenttable .td-0{ text-align:left; font-size:36px; background:#F3E8EB; } table.contenttable .td-1{ border-bottom:1px solid #F3E8EB; } /* ########################################################################################### ** ### Aktuelles - Artikel - Allgemein ############################################################################ ** ########################################################################################## */ #main_content .csc-textpic-right{ float:right; } .csc-textpic-caption { caption-side: bottom; font-size: 12px; text-align: left; padding:3px; } .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 a.colorbox { border: medium none; float: right; margin: 20px 0px 30px 36px; position:relative; } .news-list-container img { border-bottom:4px solid #FFCB4A; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } #ei_3 .news-list-container p img { margin:18px 0px 12px; } .news-single-img a.colorbox{ position:relative; } .news-list-item{ border-bottom:3px solid #FFCB4A; border-top:3px solid #FFCB4A; padding:6px 65px 32px; margin-bottom:18px; background:url(../img/bg_news_2017.jpg) center top -30px; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; -webkit-box-shadow: inset 0px 0px 29px -4px rgba(255,203,74,0.24); -moz-box-shadow: inset 0px 0px 29px -4px rgba(255,203,74,0.24); box-shadow: inset 0px 0px 29px -4px rgba(255,203,74,0.24); } .news-list-item.berichte{ border-bottom:3px solid #FFCB4A; padding:6px 25px 32px; margin-bottom:12px; background:url(../img/bg_news_2017.jpg) left top -30px; } .news-list-item p{ width:70%; } #ei_32 .news-list-item p{ width:100%; } .eierlei-date-berichte{ font-style: italic; font-size:13px; background:url(../img/eierlei_kapsel_mini2.png) no-repeat right center; display:inline-block; padding:14px 65px 3px 0px; } .eierlei-date-news{ font-style: italic; font-size:13px; background:url(../img/eierlei_kapsel_mini2.png) no-repeat right center; display:inline-block; padding:14px 65px 3px 0px; } .news-list-item h2{ background:none; margin-left:0px; font-weight: 300; padding: 6px 0 6px; font-size:22px; line-height:26px; } #main_content .news-list-item h2 a{ font-weight: 300; } .news-list-morelink{ display:none; padding:20px 0px 20px 5px; background:url(../img/eierlei_btn_bg.png) no-repeat left -5px bottom -8px; } #main_content .news-list-morelink a, .ei_backlink a{ background:#FFCB4A; padding:5px 20px 6px 20px; display:inline-block; text-transform: uppercase; color:#000; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0px 1px 1px 1px rgba(0,0,0,0.4); -moz-box-shadow: 0px 1px 1px 1px rgba(0,0,0,0.4); box-shadow: 0px 1px 1px 1px rgba(0,0,0,0.4); -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 */ } .news-single-item .ei_backlink a{ margin-top:20px; display:inline-block; text-decoration: none; } #main_content .news-list-morelink a:hover, .ei_backlink a:hover{ background:#555; color:#fff; } .browseLinksWrap{ padding:10px 0px; text-align:center; } .browseLinksWrap span, .browseLinksWrap a{ padding:5px 7px; border:1px solid #eee; background:#f4f4f4; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .browseLinksWrap span.activeLinkWrap, .browseLinksWrap a:hover{ background:#FFCB4A; color:#fff; } .showResultsWrap{ font-size:16px; } .news-list-browse{ font-size:14px; padding:6px 0px; } .news-single-item { margin-bottom: 5px; padding: 0px; } .news-single-item{ background:url(../img/bg_news_2017.jpg) left top -30px; padding:15px 25px 35px; border-bottom:3px solid #FFCB4A; border-top:3px solid #FFCB4A; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; -webkit-box-shadow: inset 0px 0px 29px -4px rgba(255,203,74,0.24); -moz-box-shadow: inset 0px 0px 29px -4px rgba(255,203,74,0.24); box-shadow: inset 0px 0px 29px -4px rgba(255,203,74,0.24); } #ei_25 .news-single-item{ background:url(../img/bg_news_2017.jpg) left top -30px; padding:0px 25px 35px; border-bottom:3px solid #FFCB4A; border-top:0px solid #FFCB4A; -webkit-border-radius:0px; -moz-border-radius: 0px; border-radius: 0px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .news-single-timedata-berichte, .news-single-timedata-news{ background:#FCFAEE; padding:7px 12px 7px 12px; font-size:18px; display:inline-block; margin:0px 0px 0px 55px; float:right; font-style: italic; border-top:0px solid #FFCB4A; } .news-single-timedata-berichte span{ color:#FFCB4A; font-weight:400; } .news-single-timedata-news{ margin:12px 0px 0px 25px; } .news-single-item h1{ margin-top:0px; line-height:42px; padding-bottom:18px; font-size:34px; } .eierlupe{ background:#FFCB4A url(../img/eierlei_search_btn.png) no-repeat center top 2px; display:inline-block; padding:19px; position:absolute; margin:-10px 0px 0px -10px; bottom:0px; z-index:10; font-size:0px; border-radius: 30px 30px 30px 30px; -moz-border-radius: 30px 30px 30px 30px; -webkit-border-radius: 30px 30px 30px 30px; -webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.49); -moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.49); box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.49); border:1px solid #FFCB4A; } a:hover .eierlupe{ background-color:#FFE39E; -webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.19); -moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.19); box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.19); border:1px solid #FFCB4A; } .news-single-item h2{ padding:12px 0px 12px; font-size:20px; background:none; font-family: 'Lato', sans-serif; } .news-single-item img{ margin-top:15px; margin-bottom:15px; } .news-single-item a, .news-list-item a{ text-decoration:underline; font-weight:600; } .news-single-imgcaption{ padding:5px 0px 12px; font-size:14px; } .news-single-img { float: right; margin: 12px 0 0 20px; padding: 0; } .news-single-img img{ border-bottom:3px solid #FFCB4A; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .news-header-list-title a{ display:inline-block; background:#fff; padding:5px 20px; font-weight:400; font-size:17px; text-align: center; border:1px solid #ddd; margin:2px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .news-header-list-title a:hover, .news-header-list-title.active a{ background:#FFCB4A; border:1px solid #fff; color:#000; } .news-header-list-title.active a{ } #news-header-list-container{ background:#FCFAEE; padding:15px; text-align:center; margin-bottom:25px; margin-top:0px; border-bottom:3px solid #FFCB4A; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; } .showResultsWrap{ display:none; } .news-single-additional-info{ margin:12px 0px; } .news-single-additional-info dd{ padding:0px; margin-left:-4px; } .news-single-additional-info dd img{ display:none; } #news_next div{ float:none !important; } #article_nav{ margin-top:-50px; } #news_next a, #news_prev a{ font-size:0px; background:#eee; float:right; margin-top:0px; width:45px; height:36px; display:block; } #news_next a{ background: url(../img/eierlei_navi_slider.png) no-repeat left -3px bottom -4px; } #news_prev a{ background: url(../img/eierlei_navi_slider.png) no-repeat right -3px bottom -4px; } #news_next a:hover{ background-position:left -3px top -6px; } #news_prev a:hover { background-position:right -3px top -6px; } .presse .news-single-img { float: right; margin: 0px 0 0 20px; padding: 0; } .presse .news-single-img img{ margin:0px 0px 20px 20px; } .presse span{ display:block; } /* ########################################################################################### ** ### Preiskatalog & Variantenarchiv ############################################################################ ** ########################################################################################## */ .eierlei_serie_container{ margin-bottom:85px; } .eierlei_figuren_container{ margin-top:20px; } ul#eierlei_year_nav{ list-style-type:none; width:400px; margin:0px auto 0px; text-align:center; font-family: 'Sriracha', cursive; margin-top:-80px; } ul#eierlei_year_nav li{ display:inline-block; font-size:40px; font-weight:bold; } ul#eierlei_year_nav li#first, ul#eierlei_year_nav li#last{ font-size:20px; padding:0px 10px; } .eierlei_serie_item h2{ font-size:33px; padding:5px 15px 8px 50px; margin:25px 30px 20px -50px; background:#FFCB4A; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; } .eierlei_serie_item img{ border:5px solid #FFCB4A; -webkit-border-radius: 60px; -moz-border-radius: 60px; border-radius: 60px; float:right; padding:4px; max-width:275px; -webkit-box-shadow: inset 0px 0px 20px 5px rgba(255,203,74,1); -moz-box-shadow: inset 0px 0px 20px 5px rgba(255,203,74,1); box-shadow: inset 0px 0px 20px 5px rgba(255,203,74,1); -moz-transform: rotate(10deg); -ms-transform: rotate(10deg); -o-transform: rotate(10deg); -webkit-transform: rotate(10deg); margin:-35px -20px 20px 30px; background:#fff; } .eierlei_serie_beschreibung{ font-size:18px; font-style: italic; padding:6px 0px; } .eierlei_serien_figur_item{ width:24%; float:left; min-height:280px; overflow:hidden; max-height:280px; cursor:pointer; border-bottom:3px solid #FFCB4A; margin:20px 0.5% 12px; position: relative; text-align:center; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius:6px; } .eierlei_serien_figur_item:hover{ -webkit-box-shadow: 0px 10px 12px -6px rgba(0,0,0,0.75); -moz-box-shadow: 0px 10px 12px -6px rgba(0,0,0,0.75); box-shadow: 0px 10px 12px -6px rgba(0,0,0,0.75); } .eierlei_figur_item{ width:24%; float:left; min-height:280px; overflow:hidden; max-height:280px; cursor:pointer; border-bottom:3px solid #FFCB4A; margin:20px 0.5% 32px; position: relative; text-align:center; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius:6px; } .eierlei_figur_item:hover{ -webkit-box-shadow: 0px 10px 12px -6px rgba(0,0,0,0.75); -moz-box-shadow: 0px 10px 12px -6px rgba(0,0,0,0.75); box-shadow: 0px 10px 12px -6px rgba(0,0,0,0.75); } .eierlei_serien_figur_item h3{ font-family: 'Sriracha', cursive; font-size:18px; background:url(../img/eierlei_btn_bg_full.png) no-repeat center -20px; min-height:60px; line-height:20px; padding:10px 10px 0px 10px; margin-bottom:10px; } .eierlei_figur_item h3{ font-family: 'Sriracha', cursive; font-size:20px; background:url(../img/eierlei_btn_bg_full.png) no-repeat center -10px; min-height:60px; line-height:23px; padding:10px 10px 0px 10px; margin-bottom:10px; } .eierlei_serien_bpz_item h3{ font-family: 'Sriracha', cursive; font-size:18px; background:url(../img/eierlei_btn_bg.png) no-repeat left -10px; padding:18px 10px 0px 15px; margin-top:10px; margin-bottom:0px; min-height:60px; line-height:20px; } .eierlei_serien_bpz_item{ margin-left:15px; } .eierlei_serien_bpz_item img{ max-width:100%; height:auto; } .eierlei_serien_figur_item img{ max-width:175px; margin:0px auto; max-height: 185px; } .eierlei_figur_item img{ max-width:250px; margin:0px auto; } .eierlei_serien_figur_wert{ position:absolute; z-index:10; background:#FFCB4A; padding:4px 12px; bottom:0px; left:0px; display:inline-block; font-family: 'Sriracha', cursive; font-size:24px; line-height:18px; -webkit-border-top-left-radius: 5px; -moz-border-radius-topleft: 5px; border-top-left-radius: 5px; } .eierlei_figur_wert{ position:absolute; z-index:10; background:#FFCB4A; padding:8px 12px; bottom:0px; left:0px; right:0px; border-bottom:1px solid #fff; display:block; font-size:15px; } .eierlei_figur_serie{ position:absolute; z-index:10; background:#FFCB4A; padding:4px 12px; bottom:1px; right:0px; display:inline-block; -webkit-border-top-right-radius: 5px; -moz-border-radius-topright: 5px; border-top-right-radius: 5px; } .seriennummer{ } .eierlei_serien_figur_detail{ padding:35px; } .eierlei_serien_figur_detail img{ float:left; max-width:50%; max-height: 500px; margin: 0px auto; } .eierlei_serien_figur_detai .figur_detail_data{ width:45%; float:right; } .figur_detail_data h3{ font-family: 'Sriracha', cursive; font-size:28px; line-height:28px; } .figur_detail_data span{ font-weight:bold; border-bottom:2px solid #FFCB4A; line-height:30px; } .inner_data{ padding-top:12px; } h2.search_erg_headline{ text-align:left; padding:0px 0px 0px; } #c96 h2{ float:left; } .eierlei_variants_item{ float:left; width:23%; margin:20px 1%; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius:6px; position:relative; background: url(../img/eierlei_btn_bg_full.png) no-repeat center -17px; cursor:pointer; background-color:transparent; } .eierlei_variants_item:hover .eierlei_variants_item_inner{ -webkit-box-shadow: 0px 10px 12px -6px rgba(0,0,0,0.75); -moz-box-shadow: 0px 10px 12px -6px rgba(0,0,0,0.75); box-shadow: 0px 10px 12px -6px rgba(0,0,0,0.75); } .eierlei_variants_item_inner{ padding:10px 12px 12px 12px; min-height:130px; max-height:168px; border:3px solid #FFCB4A; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius:6px; font-size:14px; overflow:hidden; } .eierlei_variants_item_inner img.ei_varthumb_img{ float:right; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius:6px; margin:12px 0px 0px 12px; } .eierlei_variants_item .unikat{ display:inline-block; height:20px; width:30px; background:url(../img/icon_unikat.png) no-repeat center top -1px; vertical-align:middle; } .eierlei_variants_item .ov{ display:inline-block; height:20px; width:30px; background:url(../img/icon_ov.png) no-repeat center top -2px; vertical-align:middle; } .eierlei_variants_item .var_date{ display:inline-block; padding:4px 0px 4px 0px; vertical-align:middle; } .eierlei_variants_item h2{ font-size:20px; line-height:21px; padding:3px 0px 22px; } .eierlei_variants_item h3{ font-size:14px; line-height:18px; font-weight:bold; } .eierlei_variants_date{ position:absolute; z-index:10; background:#FFCB4A; padding:0px 9px; margin-top:-35px; font-size:14px; right:6px; -webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; } .eierlei_variants_desc{ padding-top:12px; font-size:14px; } .eierlei_variants{ margin:25px -1% 0px; } #eier_var_latest_btn, #eier_var_write_btn{ background: #ffcb4a none repeat scroll 0 0; color: #000; float:right; margin-right:8px; padding: 5px 20px 6px; font-size:16px; z-index: 10; cursor:pointer; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0px 1px 1px 1px rgba(0,0,0,0.4); -moz-box-shadow: 0px 1px 1px 1px rgba(0,0,0,0.4); box-shadow: 0px 1px 1px 1px rgba(0,0,0,0.4); -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 */ } #eier_var_write_btn{ padding: 5px 32px 6px 20px; background: #ffcb4a url(../img/eierlei_btn_variante_melden.png) no-repeat scroll right 5px center; } #eier_var_latest_btn:hover, #eier_var_write_btn:hover, #toggle_search:hover{ background-color:#ddd; } #toggle_search{ background: #ffcb4a url(../img/eierlei_btn_search_small.png) no-repeat scroll right 5px center; color: #000; float:right; padding: 5px 34px 6px 20px; font-size:16px; text-transform: uppercase; z-index: 10; cursor:pointer; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0px 1px 1px 1px rgba(0,0,0,0.4); -moz-box-shadow: 0px 1px 1px 1px rgba(0,0,0,0.4); box-shadow: 0px 1px 1px 1px rgba(0,0,0,0.4); -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 */ } #toggle_search:hover, a.shop_btn:hover{ background-color:#ddd; } a.shop_btn{ background: #ffcb4a url(../img/eierlei_shop_icon_neu.png) no-repeat scroll right 5px bottom 4px; color: #444; padding: 5px 34px 6px 20px; font-size:16px; cursor:pointer; display:inline-block; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0px 1px 1px 1px rgba(0,0,0,0.4); -moz-box-shadow: 0px 1px 1px 1px rgba(0,0,0,0.4); box-shadow: 0px 1px 1px 1px rgba(0,0,0,0.4); -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 */ float:left; margin:0px 25px 25px 8px; } a.var_btn{ background: url(../img/btn_varianten.png) no-repeat right bottom; color: #444; padding: 25px 45px; font-size:15px; cursor:pointer; display:inline-block; -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 */ float:left; position:absolute; z-index:1000; right:0px; bottom:1px; } .eierlei_serien_variante_detail{ padding:35px 25px 25px; } .eierlei_serien_variante_detail img{ float:left; max-width:50%; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; } .figur_detail_data{ width:50%; float:right; } .figur_detail_data h3{ font-family: 'Sriracha', cursive; font-size:28px; line-height:28px; padding-left:30px; } .figur_detail_data span{ font-weight:bold; border-bottom:2px solid #FFCB4A; line-height:30px; } .inner_data{ padding-top:12px; padding-left:30px; } #colorbox.var #cboxContent{ background:#ffffff url(../img/eierlei_overlay_variante_neu.png) no-repeat right top; } /* ########################################################################################### ** ### Suchformulare ############################################################################ ** ########################################################################################## */ #eierlei_searchform_serie, #eierlei_searchform_variante{ background:#FFCB4A; padding:20px 50px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; margin: 0px -50px 20px; -webkit-box-shadow: inset 0px 0px 12px -1px rgba(0,0,0,0.35); -moz-box-shadow: inset 0px 0px 12px -1px rgba(0,0,0,0.35); box-shadow: inset 0px 0px 12px -1px rgba(0,0,0,0.35); } #eierlei_searchform_figur{ background:#FFCB4A; padding:20px 20px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .selectric-suche_serienname{ width:252px; display:inline-block; vertical-align:middle; } .selectric-suche_serienjahr, .selectric-suche_kategorie{ width:140px; display:inline-block; vertical-align:middle; } .selectric-suche_kategorie{ width:180px; display:inline-block; vertical-align:middle; } #eierlei_searchform_serie label, #eierlei_searchform_serie span, #eierlei_searchform_figur label, #eierlei_searchform_figur span, #eierlei_searchform_variante span{ vertical-align:middle; display:inline-block; } span#eierlei_or{ padding:0px 8px; } #eierlei_searchform_serie label, #eierlei_searchform_figur label, #eierlei_searchform_variante label{ width:160px; font-weight:600; vertical-align:middle; display:inline-block; } #eierlei_searchform_variante label{ width:120px; font-weight:600; vertical-align:middle; display:inline-block; } #figurensuche{ border-top:2px solid #fff; margin-top:12px; padding-top:12px; } input#suchefigur{ width:45%; font-size:16px; padding:8px; font-weight:400; color: #444; } input#suchefigur_btn{ background: #ffcb4a none repeat scroll 0 0; color: #000; display: inline-block; border:0px; padding: 5px 20px 6px; font-size:18px; text-transform: uppercase; z-index: 10; cursor:pointer; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0px 1px 1px 1px rgba(0,0,0,0.4); -moz-box-shadow: 0px 1px 1px 1px rgba(0,0,0,0.4); box-shadow: 0px 1px 1px 1px rgba(0,0,0,0.4); -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 */ } input#suchefigur_btn:hover{ background:#555; color:#fff; } .browseLinksWrap{ padding:10px 0px; text-align:center; clear:both; } .f3-widget-paginator ul{ margin:0px; list-style-type: none; } .f3-widget-paginator li.current{ padding:5px 7px; border:1px solid #eee; background:#f4f4f4; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; display:inline-block; } .f3-widget-paginator li a{ display:block; padding:5px 7px; } .f3-widget-paginator li{ border:1px solid #eee; background:#f4f4f4; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; display:inline-block; } .f3-widget-paginator li.current, .f3-widget-paginator li a:hover{ background:#FFCB4A; color:#fff; } .showResultsWrap{ font-size:16px; } .news-list-browse{ font-size:14px; padding:6px 0px; } /* ########################################################################################### ** ### Formular Variante melden ############################################################################ ** ########################################################################################## */ #variante_melden{ background:#FFCB4A; padding:20px 25px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; margin: 0px 0px 20px 45px; } #variante_melden label{ width:180px; font-weight:600; vertical-align:middle; float:left; padding:8px 0px 4px; } .selectric-serienname, .selectric-figurname{ width:340px; display:inline-block; vertical-align:middle; } #variante_melden textarea{ height:120px; width:70%; } .row_vm{ clear:left; margin:8px 0px 12px; } #variante_melden .input_vm{ width:325px; } input#melden_btn{ background: #ffcb4a none repeat scroll 0 0; color: #000; display: inline-block; border:0px; padding: 5px 20px 6px; font-size:18px; z-index: 10; cursor:pointer; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0px 1px 1px 1px rgba(0,0,0,0.4); -moz-box-shadow: 0px 1px 1px 1px rgba(0,0,0,0.4); box-shadow: 0px 1px 1px 1px rgba(0,0,0,0.4); -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 */ } input#melden_btn:hover{ background:#555; color:#fff; } /* ########################################################################################### ** ### FAQ ############################################################################ ** ########################################################################################## */ .eierlei_faq_container{ margin-bottom:55px; border:3px solid #FFCB4A; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; background:#FFCB4A url(../img/faq_bg.png) no-repeat right 56% center; position:relative; } .tx-eierlei-faq ul{ margin:0px; } .tx-eierlei-faq li{ width:31%; display:inline-block; margin:0px 1% 25px; list-style-type:none; padding:0px; } .tx-eierlei-faq h2{ padding-bottom:0px; } .eierlei_faq_frage{ width:50%; float:left; } .eierlei_faq_frage_inner{ font-weight:bold; padding:25px 105px 25px 25px; } .eierlei_faq_antwort{ float:right; background:#fff; min-height:150px; width:50%; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; } .eierlei_faq_antwort_inner{ font-style:italic; padding:25px 25px 25px 50px; } .eierlei_faq_iteration{ position:absolute; padding:15px 25px; background:#FFCB4A; top:-30px; right:47%; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 39px; font-family: 'Sriracha', cursive; font-size:28px; line-height:28px; } #faq_headline{ padding-bottom:35px; } .tx-eierlei-faq a.btn{ background: #ffcb4a none repeat scroll 0 0; color: #000; display: inline-block; border:0px; padding: 5px 20px 6px; font-size:16px; z-index: 10; cursor:pointer; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0px 1px 1px 1px rgba(0,0,0,0.4); -moz-box-shadow: 0px 1px 1px 1px rgba(0,0,0,0.4); box-shadow: 0px 1px 1px 1px rgba(0,0,0,0.4); -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 */ } .tx-eierlei-faq a.btn:hover{ background:#555; color:#fff; } /* ########################################################################################### ** ### Bildergalerien ############################################################################ ** ########################################################################################## */ div.csc-textpic .csc-textpic-imagewrap .csc-textpic-image { float: left; margin-bottom: 15px; margin-right:14px; width:18%; } /* ########################################################################################### ** ### Bildergalerien ############################################################################ ** ########################################################################################## */ ul.ce-uploads li{ padding:6px 0px; } ul.ce-uploads{ margin:0px 0px 0px 25px; } .ce-uploads-filesize{ font-size:13px; background:#eee; display:inline-block; padding:3px 5px; margin-left:3px; } iframe { border: 0 none; max-width: 100%; } .resp_video { height: 0; overflow: hidden; padding-bottom: 53%; padding-top: 15px; position: relative; } .resp_video iframe { height: 100%; left: 0; position: absolute; top: 0; width: 100%; } /* ########################################################################################### ** ### Formulare ############################################################################ ** ########################################################################################## */ .grid2columns_66_33 iframe{ background:#eee; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.22); -moz-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.22); box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.22); } #main_content .tx-powermail { color: #444; width: 100%; } legend{ display:none; } fieldset{ border:none; } #main_content .tx-powermail .powermail_fieldset_3{ width:50%; display:inline-block; float:left; border:0px; } #main_content .tx-powermail .powermail_fieldset_3 .powermail_field{ margin-left:0px; } #main_content .tx-powermail input.powermail_captcha{ width: 85%; } #main_content .powermail_textarea#powermail_field_marker{ width: 85%; height:219px; } #main_content .tx-powermail .powermail_fieldset .powermail_captchaimage{ padding:0px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; border:2px solid #FFCB4A; margin:10px 2px; } #main_content .tx-powermail .powermail_fieldset_1{ border:0px; width:45%; display:inline-block; margin-top:120px; } #main_content .tx-powermail .powermail_fieldset_1 .powermail_field{ margin-left:20px; } #main_content .tx-powermail .powermail_fieldset_1:after { clear: both; } .powermail_form_1{ background:url(../img/eierlei_kontakt_bg.jpg) no-repeat center top; padding:20px 20px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; margin: 0px 25px 20px 65px; min-height:400px; border:2px solid #FFCB4A; } #main_content .powermail_fieldwrap_nachricht .powermail_field, #main_content .powermail_fieldwrap_sicherheitsabfrage .powermail_field { margin-left:0px; } #main_content .powermail_fieldwrap_name .powermail_field, #main_content .powermail_fieldwrap_email .powermail_field { width:100%; margin-left:0px; } #main_content .powermail_field { margin-left:40%; } #main_content .tx-powermail .powermail_fieldset .powermail_field:focus { background:#fff; } form h3{ display:none; } #main_full .powermail_form_1 .powermail_select{ font-size:15px; border:1px solid #ccc; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding:5px 8px; color:#363636; font-weight:300; width:290px; } input[type="text"], textarea, input[type="email"], input[type="number"], input[type="password"]{ border:1px solid #ccc; background:#fff; padding:5px 8px; font-size:15px; color:#363636; font-weight:300; -moz-appearance: textfield; width:95%; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } #main_content .powermail_fieldwrap{ padding:4px 0px 8px; margin:4px 0px; } #main_content .powermail_label{ font-weight:normal; padding:4px 0px; display:block; font-size:15px; font-weight:500; float:left; width:40%; color:#363636; display:none; } #main_content .grid2columns_50_50 .powermail_label{ width:30%; } #main_content .powermail_submit{ background: #ffcb4a url(../img/eierlei_kontakt_submit_bg.png) no-repeat scroll right 5px center; color: #000; float:right; padding: 5px 54px 6px 20px; font-size:16px; z-index: 10; font-weight:bold; cursor:pointer; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0px 1px 1px 1px rgba(0,0,0,0.4); -moz-box-shadow: 0px 1px 1px 1px rgba(0,0,0,0.4); box-shadow: 0px 1px 1px 1px rgba(0,0,0,0.4); -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 */ border:0px; } #toggle_search:hover, a.shop_btn:hover{ background-color:#ddd; } #main_content .powermail_submit:hover{ background-color:#ddd; } #main_content .tx-powermail .powermail_fieldwrap_type_html .powermail_field{ margin-left:0px; } #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: #fff; border:none; font-weight:bold; font-size:14px; display:none; } #main_content .powermail_confirmation, #main .powermail_create{ } #main_content ul.powermail_message{ position:absolute; margin-top:-55px; margin-left:0px; background:#fff; padding:10px 15px; list-style-type:none; border:2px solid #FFCB4A; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0px 4px 13px 0px rgba(0,0,0,0.46); -moz-box-shadow: 0px 4px 13px 0px rgba(0,0,0,0.46); box-shadow: 0px 4px 13px 0px rgba(0,0,0,0.46); } #form_left{ float:left; } #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 .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 { display:block; width: 280px; } #main_content .tx-powermail .powermail_fieldset .powermail_fieldwrap_type_text .powermail_field{ margin:0px; font-size:18px; background:#fff; padding:18px 0px 12px 25px; margin:0px -27px; } .btn-group{ margin-top:15px; } .powermail_confirmation .btn-primary{ background: #f49c58 none repeat scroll 0 0; border-width:0px 0px 0px 3px; border-left: 3px solid #f47c20; border-radius: 2px; -webkit-box-shadow: 0px 6px 8px -7px rgba(0,0,0,0.75); -moz-box-shadow: 0px 6px 8px -7px rgba(0,0,0,0.75); box-shadow: 0px 6px 8px -7px rgba(0,0,0,0.75); color: #fff; display: inline-block; line-height: 20px; padding: 4px 12px; float:left; cursor:pointer; font-size:14px; margin-left:35px; -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 */ } .powermail_confirmation .btn-danger{ background: #ccc none repeat scroll 0 0; border-width:0px 0px 0px 3px; border-left: 3px solid #aaa; border-radius: 2px; -webkit-box-shadow: 0px 6px 8px -7px rgba(0,0,0,0.75); -moz-box-shadow: 0px 6px 8px -7px rgba(0,0,0,0.75); box-shadow: 0px 6px 8px -7px rgba(0,0,0,0.75); color: #666; display: inline-block; line-height: 20px; padding: 4px 12px; float:left; cursor:pointer; font-size:14px; -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 */ } .btn-primary:hover{ background:#f47c20; text-decoration:none; -webkit-box-shadow: 0px 3px 8px -7px rgba(0,0,0,0.75); -moz-box-shadow: 0px 3px 8px -7px rgba(0,0,0,0.75); box-shadow: 0px 3px 8px -7px rgba(0,0,0,0.75); } .btn-danger:hover{ background:#eee; text-decoration:none; -webkit-box-shadow: 0px 3px 8px -7px rgba(0,0,0,0.75); -moz-box-shadow: 0px 3px 8px -7px rgba(0,0,0,0.75); box-shadow: 0px 3px 8px -7px rgba(0,0,0,0.75); } .powermail_confirmation h1{ font-size:26px; background:none; } #ei_39 #main_content .tx-powermail .powermail_fieldset_2, #ei_19 #main_content .tx-powermail .powermail_fieldset_4{ background: #FCFAEE none repeat scroll 0 0; padding: 25px 20px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; margin-left:35px; border:2px solid #FFCB4A; } #ei_39 #main_content .powermail_label { color: #363636; display: inline-block; float: left; font-size: 15px; font-weight: 500; padding: 4px 0; width: 40%; } #ei_39 #main_content .powermail_fieldwrap_sicherheitsabfrage .powermail_field { margin-left: 40%; } #ei_39 #main_content .tx-powermail input.powermail_captcha { width: 95%; } #ei_19 .powermail_form_3{ display:none; } #ei_19 #main_content .tx-powermail .powermail_fieldset_4{ margin-left:0px; } /* ########################################################################################### ** ### Suche ############################################################################ ** ########################################################################################## */ #main_content .tx-indexedsearch-searchbox-sword{ width:300px; font-size:15px; padding:5px 8px 5px; border:1px solid #cccccc; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } #main_content legend{ display:none; } .tx-indexedsearch-form{ float:left; } #tx-indexedsearch-searchbox-button-submit{ background:#FFCB4A; padding:5px 20px 6px 20px; display:inline-block; text-transform: uppercase; color:#000; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0px 1px 1px 1px rgba(0,0,0,0.4); -moz-box-shadow: 0px 1px 1px 1px rgba(0,0,0,0.4); box-shadow: 0px 1px 1px 1px rgba(0,0,0,0.4); -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 */ border:0px; font-size:15px; cursor:pointer; } #tx-indexedsearch-searchbox-button-submit:hover{ background:#555;; text-decoration:none; color:#fff; } #main_content .tx-indexedsearch-res h3 a{ font-weight:normal; } #main_content .tx-indexedsearch-percent{ float:right; } #main_content .tx-indexedsearch-info{ background:#fff; margin-top:8px; border-bottom:1px solid #ddd; padding-bottom:8px; } #main_content .tx-indexedsearch-browsebox ul.tx-indexedsearch-browsebox{ margin-left:0px; } .tx-indexedsearch-browsebox{ margin-bottom:20px; } .tx-indexedsearch-browsebox li{ display:inline-block; padding:5px; } .tx-indexedsearch-res .res-tmpl-css{ padding-bottom:20px; border-bottom:1px solid #ddd; } .tx-indexedsearch .tx-indexedsearch-whatis { margin-bottom: 15px; margin-top: 20px; } .tx-indexedsearch-info{ display:none; } #main_content .tx-indexedsearch-form label{ } #tx_indexedsearch{ margin-bottom:20px; } .tx-indexedsearch .searchbox-tmpl-css LABEL { float: none; margin-right: 1em; width: 10em; } .tx-indexedsearch-res .tx-indexedsearch-redMarkup { color: #000; background:#FFCB4A; } .tx-indexedsearch-res h3 { color: #333; font-size: 24px; font-weight: 400; } .tx-indexedsearch-rules{ display:none; } .tx-indexedsearch-res{ padding-bottom:20px; border-bottom:1px solid #ddd; margin-bottom:20px; } #tx_indexedsearch p{ display:none; } /* ########################################################################################### ** ### BOERSENTERMINE ############################################################################ ** ########################################################################################## */ .calendarize_latest .panel, .calendarize_list .panel{ padding:0px 0px 25px; } .calendarize_latest{ padding:12px 0px 12px 20px; background:#FCFAEE; margin-right:45px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; border-bottom:3px solid #FFCB4A; border-top:3px solid #FFCB4A; position:relative; } .calendarize_list{ position:relative; } .calendarize_latest h2, .calendarize_list h2{ padding-bottom:2px; line-height:30px; font-size:20px; } .calendarize_latest .btn, .calendarize_list .btn, .calendarize .btn{ background:#FFCB4A; padding:3px 15px 4px 15px; display:inline-block; z-index:10; margin-top:9px; color:#000; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0px 1px 1px 1px rgba(0,0,0,0.4); -moz-box-shadow: 0px 1px 1px 1px rgba(0,0,0,0.4); box-shadow: 0px 1px 1px 1px rgba(0,0,0,0.4); -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 */ } .calendarize_latest .btn:hover, .calendarize_list .btn:hover, .calendarize .btn:hover{ background:#555; color:#fff; } .calendarize_latest .time{ display:none; } .calendarize_list .panel, .calendarize_detail{ -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; border-bottom:3px solid #FFCB4A; border-top:3px solid #FFCB4A; padding:15px 30px 20px; background:url(../img/bg_news_2017.jpg) left top -30px; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; -webkit-box-shadow: inset 0px 0px 29px -4px rgba(255,203,74,0.24); -moz-box-shadow: inset 0px 0px 29px -4px rgba(255,203,74,0.24); box-shadow: inset 0px 0px 29px -4px rgba(255,203,74,0.24); margin-bottom:25px; } .subcol30_1 h2{ padding-bottom:5px; } .calendarize_list h4{ margin-bottom:8px; } .calendarize_detail .text{ margin-top:12px; } .calendarize_detail .dl-horizontal{ padding:20px; } .calendarize_detail .dl-horizontal dt, .calendarize_detail .dl-horizontal dd{ display:inline-block; } .calendarize_detail{ margin-bottom:5px; } .calendarize .btn-group .btn{ margin-left:8px; } .calendarize .btn-group{ margin-top:8px; } .calendarize_list ul.pagination{ list-style-type: none; } .calendarize_list ul.pagination li{ display:inline-block; } .calendarize_list ul.pagination li a{ display:inline-block; padding:5px 12px; background:#f4f4f4; border: 1px solid #eee; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .calendarize_list ul.pagination li.active a, .calendarize_list ul.pagination li a:hover { background:#FFCB4A; color:#fff; } .text-center{ text-align: center; } .calendarize_latest #pauly{ position:absolute; bottom:-15px; right:-24px; } .calendarize_list #pauly{ position:absolute; top:-100px; right:0px; } } /* ########################################################################################### ** ### MEDIAQUERIES ############################################################################ ** ########################################################################################## */ @media screen and (max-width : 1340px) { #mauli_2 { right: 1%; } #search_container { margin: 26px 14% 0 0; } nav { display:block;} } @media screen and (max-width : 1200px) { #nav_main ul li a { padding-left:14px; padding-right:14px; margin-left: 0; } nav { display:block;} #nav_main ul{ width:100%; -webkit-border-top-left-radius: 12px; -moz-border-radius-topleft: 12px; border-top-left-radius: 12px; } #mauli_2 { margin-top: 60px; padding: 40px 60px; position: absolute; right: 2px; } header img{ height:auto;} #main_start_content{ padding:0px 20px; } #footer_inner{ padding:0px 20px; } #search_container { margin: 26px 14% 0 0; } a.ad_totop { margin-right:40px; } .news-latest-item img { height:auto; } #head_left{ display:none; } #head_right{ display:none; } #main_start_content .grid2columns_66_33 .subcol33_2 a { background: #fff none repeat scroll 0 0; border-radius: 2px; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.22); display: inline-block; font-size: 18px; padding: 8px 0; text-align: center; width: 48%; } #footer_contact { background: none; } #eierlei_searchform_serie, #eierlei_searchform_variante { background: #ffcb4a none repeat scroll 0 0; border-radius: 4px; box-shadow: 0 0 12px -1px rgba(0, 0, 0, 0.35) inset; margin: 0 0px 20px; padding: 20px 50px; } .powermail_form_1 { background: rgba(0, 0, 0, 0) url("../img/eierlei_kontakt_bg.jpg") no-repeat scroll right top; border: 2px solid #ffcb4a; border-radius: 8px; margin: 0 25px 20px 65px; min-height: 400px; padding: 20px; } .subcol30_1 .tx-pits-rssnews{ margin:0px 60px 0px 0px; } } @media screen and (max-width : 1160px) { #eierlei_shop_link { display:none; } #ei_19 .subcol70_1, #ei_19 .subcol70_2{ width:100%; float:none; } #ei_19 .subcol30_1, #ei_19 .subcol30_2{ width:100%; float:none; } #ei_19 .subcol70_2 .inner_col { margin-left: 0px; } .powermail_form_1 { background: rgba(0, 0, 0, 0) url("../img/eierlei_kontakt_bg.jpg") no-repeat scroll right top; border: 2px solid #ffcb4a; border-radius: 8px; margin: 0px; max-width:640px; min-height: 400px; padding: 20px; } #ei_19 #main_content { background: rgba(0, 0, 0, 0) url("../img/eierlei_kontakt_bg2.jpg") no-repeat scroll right top 40px; } } @media screen and (max-width : 1120px) { #nav_main ul li a { padding-left:10%; padding-right:10%; margin-left: 0; font-size:18px; padding-top:12px; } #eierlei_stift { right: -20px; } #eierlei_searchform_serie, #eierlei_searchform_variante { padding: 20px 20px; } .news-single-item img{ max-width: 100%; } .subcol70_2 .inner_col{ margin-left:30px; } #ei_1 .subcol70_2 .inner_col{ margin-left:0px; } .subcol30_1 .tx-pits-rssnews{ margin:0px 20px 0px 0px; } } /************************************************************/ @media screen and (max-width : 1024px) { .news-latest-item img { height:auto; } .news-list-overlay_inner p { font-size:13px; } .pagetitle h1{ padding: 160px 50px 0; } #nav_main ul li a { padding: 8px 14px 9px; } nav{ display:block;} #logo { float: left; margin-top:113px; max-width:375px; } #logo img { max-width: 100%; height:auto; } #nav_main #navlink_24 a { background: rgba(0, 0, 0, 0) url("../img/eierlei_home.png") no-repeat scroll center bottom 5px; line-height: 22px; padding: 9px 30px; } #eierlei_shop_link { position:absolute; z-index:100; } #eierlei_stift { left: 220px; right:inherit; } .subnavi ul#berichte_menu li a{ font-size:21px; } .berichte-header-list-title{ font-size:20px; } } /************************************************************/ @media screen and (max-width : 960px) { #nav_main ul li a { display: block; font-size: 16px; margin-left: 0; padding: 10px 12px 10px; text-decoration: none; font-weight: 400; } #nav_main ul li a:hover { font-weight: 400; } nav { display:block;} #logo { margin-top:124px; max-width:325px; } #logo img { height: auto; max-width: 100%; } #main_content img{ max-width:100%; height:auto; } #footer_navi2 { color: #eee; display: block; float: none; padding-right: 0; padding-top: 0px; } #main_content .powermail_fieldwrap { clear:left; } h1{ font-size:30px; } #main_content{ padding-left:25px; padding-right:25px; } #rootline { padding: 35px 25px 5px; } .subcol70_1, .subcol70_2{ width:63%; } .subcol30_1, .subcol30_2{ width:37%; } .news-list-item { background: rgba(0, 0, 0, 0) url("../img/bg_test_2.jpg") repeat scroll left top -30px; padding: 6px 15px 32px; } .eierlei_serie_item img { margin: -35px 0px 20px 30px; max-width: 275px; padding: 4px; transform: rotate(10deg); } .eierlei_serien_figur_item { margin: 20px 0.5% 12px; max-height: 280px; min-height: 280px; width: 32%; } .eierlei_figur_item { margin: 20px 0.5% 32px; max-height: 280px; min-height: 280px; overflow: hidden; position: relative; text-align: center; width: 32%; } .eierlei_variants_item { margin: 20px 1%; position: relative; width: 31.3%; } .news-list-item.berichte { padding: 6px 10px 32px; } #main_content .eierlei_serie_item img { margin: -20px -10px 10px 30px; max-width: 220px; padding: 4px; transform: rotate(10deg); } .eierlei_serie_item h2 { font-size: 28px; margin: 25px 10px 20px -50px; padding: 5px 15px 8px 50px; } .tx-eierlei-faq li { margin: 0 1% 25px; width: 47%; } .selectric-suche_serienname{ width:23%; display:inline-block; vertical-align:middle; } .selectric-suche_serienjahr, .selectric-suche_kategorie{ width:15%; display:inline-block; vertical-align:middle; } .selectric-suche_kategorie{ width:23%; display:inline-block; vertical-align:middle; } } /************************************************************/ @media screen and (max-width : 768px) { body{ background-size: contain; background-position: center top; } nav{ display:none; float:none; clear:both; } header{ height:auto; } #main_full { margin: 0px auto 20px; opacity: 1; } #eierlei_nav_mob { display:block;} #main img{ width:100%; height:auto; margin:0px auto; } .subcol30_1 .tx-pits-rssnews{ margin:0px 0px 20px 0px; } #ei_1 .subnavi{ display:none; } #search_container { margin: 26px 8% 0 0; } #luftballon{ right:0px; } #logo { margin-top: 110px; max-width: 365px; margin-left:-7px; } .subcol70_1, .subcol70_2{ width:100%; float:none; } .subcol30_1, .subcol30_2{ width:100%; float:none; } .subcol70_2 .inner_col { margin-left: 0px; } #eierlei_box_berichte, .tx-pits-rssnews { margin-left: 0px; } .subcol50_1, .subcol50_2, .subcol70_1, .subcol30_2{ float:none; width:100%; } .subcol33_1, .subcol33_2 { float:none; width:100%; } .subcol66_1, .subcol66_2 { float:none; width:100%; } .subcol33_2 .inner_col { margin-left: 0px; margin-top:35px; } .subcol50_1, .subcol50_2 { margin-top: 0px; } .subcol30_2 .inner_col{ margin-left: 0px; } .subcol50_1 .inner_col { margin-right: 0px; } .subcol50_2 .inner_col { margin-left: 0px; } .subcol_1 .inner_col{ margin-right:0px; } .subcol_2 .inner_col{ margin:25px 0px 0px 0px; } .subcol3_1, .subcol3_2, .subcol3_3{ float:none; width:100%; } 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; } #eierlei_nav_mob{ background:#FFCB4A; text-align:right; } #eierlei_nav_mob ul{ } #eierlei_nav_mob ul li{ display:inline-block; } #eierlei_nav_mob ul li a{ padding:7px 12px; background:none; display:inline-block; cursor:pointer; } #nav_toggle{ margin-top:0px; padding:10px 20px; background:url(../img/ad_mobile.png) no-repeat center center; cursor:pointer; display:block; -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 */ } #toplevel_mob { display:block;} #mainlevel { display:none;} #nav{ clear:both; width:100%; margin-top:0px; margin:0px; } #nav ul#toplevel_mob{ margin:0px 0px 0px; border-top-left-radius: 0px; border-top-right-radius: 0px; border-top:2px solid #555; -webkit-box-shadow: 0px 6px 5px -3px rgba(0,0,0,0.44); -moz-box-shadow: 0px 6px 5px -3px rgba(0,0,0,0.44); box-shadow: 0px 6px 5px -3px rgba(0,0,0,0.44); } #nav ul#toplevel_mob li{ float:none; display:block; width:100%; } #nav_main ul#toplevel_mob li a { display: block; font-size: 16px; margin-left: 0; padding: 10px 25px !important; text-decoration: none; text-align:center; border-bottom:2px solid #fff; } #nav_main ul#toplevel_mob li a:hover { background:#fff; } #nav_main ul#toplevel_mob li a#active_mob, #nav_main ul#toplevel_mob li a#current_mob{ background:#fff; } #gme-1{ width:100% !important; overflow:hidden; } #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; } #footer_inner_2{ margin-top:0px; padding:14px 0px 10px; position:relative; } #copyright{ padding:0px 20px; float:left; } div.csc-textpic-border div.csc-textpic-imagewrap img { border: 1px solid #ddd; margin-bottom:20px; } .powermail_fieldwrap_nachname, .powermail_fieldwrap_telefonnummer, .powermail_fieldwrap_absenden { float: none; text-align: left; width: 100%; padding-bottom: 12px; } .powermail_fieldwrap_vorname, .powermail_fieldwrap_e_mail_adresse, .powermail_fieldwrap_sicherheitsabfrage, .powermail_fieldwrap_rckrufwunsch { float: none; width: 100%; padding-bottom: 12px; } .powermail_fieldwrap_nachname input, .powermail_fieldwrap_telefonnummer input { float: none; } h1{ font-size:24px; } h2{ font-size:20px; } #footernav ul li a { font-size: 14px; padding: 4px 12px; } #footernav ul { width:70%; margin:0px auto; } #main_content .powermail_submit { width: 200px !important; } #footer_navi2{ background:none; float:none; } #footer_navi{ background:none; } .subcol3_1 .inner_col{ padding-right:0%; } .subcol3_3 .inner_col{ padding-left:0%; } .subcol3_2 .inner_col{ padding:0 0%; } #main_content img{ max-width:100%; height:auto; } .subcol66_1 .inner_col { margin-right: 0px; } #footer_inner{ padding:0px 35px; margin: 0 auto 45px; } div.csc-textpic .csc-textpic-imagewrap .csc-textpic-image { float: left; margin-bottom: 15px; margin-right:14px; width:22%; } ul#eierlei_year_nav li { font-size: 30px; margin-top:14px; } #main_content .eierlei_serie_item img { margin: -20px -10px 10px 30px; max-width: 220px; padding: 4px; transform: rotate(10deg); } .eierlei_serie_item h2 { font-size: 28px; margin: 25px 10px 20px -50px; padding: 5px 15px 8px 50px; } .eierlei_faq_antwort, .eierlei_faq_frage{ width:100%; float:none; min-height:auto; } .eierlei_faq_antwort_inner, .eierlei_faq_frage_inner{ padding: 35px; } .eierlei_faq_container { background: #ffcb4a url("../img/faq_bg.png") no-repeat scroll right 26% top -20px; } .eierlei_faq_iteration { left: -10px; top: -30px; right:inherit; } #page { margin: 0 auto 0; } .util-theme-default .util-prev, .util-theme-default .util-next{ top:-57px !important; } .selectric-suche_serienname{ width:100%; display:inline-block; vertical-align:middle; } .selectric-suche_serienjahr, .selectric-suche_kategorie{ width:100%; display:inline-block; vertical-align:middle; } .selectric-suche_kategorie{ width:100%; display:inline-block; vertical-align:middle; } #eierlei_searchform_serie label, #eierlei_searchform_serie span, #eierlei_searchform_figur label, #eierlei_searchform_figur span, #eierlei_searchform_variante span, #eierlei_searchform_variante label { display: block; vertical-align: middle; padding:3px 0px; } #news-header-list-container, .subnavi{ display:none; } .powermail_form_1{ display:none; } #ei_19 .powermail_form_3{ display:block; } #ei_19 #main_content .powermail_label{ display:block; float:none; } #ei_19 #main_content .powermail_field{ margin-left:0px; } #ei_39 #main_content .tx-powermail .powermail_fieldset_2 { padding: 25px 20px; margin-left:0px; } .calendarize_latest{ margin-right:0px; } } @media screen and (max-width : 680px) { } /************************************************************/ @media screen and (max-width : 640px) { #main_content .eierlei_serie_item img { margin: -20px -10px 10px 30px; max-width: 180px; padding: 4px; transform: rotate(10deg); } #eierlei_nav_mob{ } #eierlei_schoko{ top:-170px; display:none; } #rootline, #mauli_2_container, #ei_search, #mauli_1, #luftballon{ display:none; } header{ height:auto; min-height:80px; background: url("../img/eierlei_header_bg_mob.jpg") no-repeat left top -24px; } #header{ background-image:none; padding-top:50px; } #logo { margin-top: -20px; max-width: 275px; } #eierlei_nav_mob ul{ padding-right:12px; } #eierlei_nav_mob ul li a{ padding:7px 8px; background:none; display:inline-block; cursor:pointer; } .eierlei_serien_figur_item { margin: 20px 0.5% 12px; max-height: 280px; min-height: 280px; width: 49%; } .eierlei_figur_item { margin: 20px 0.5% 32px; max-height: 280px; min-height: 280px; overflow: hidden; position: relative; text-align: center; width: 49%; } .eierlei_variants_item { margin: 20px 1%; position: relative; width: 48.0%; } .eierlei_serie_item h2 { font-size: 22px; line-height:26px; margin: 20px 0px 20px 0px; padding: 7px 15px 8px 15px; } ul#eierlei_year_nav li { font-size: 24px; margin-top:20px; } #main_content .eierlei_serie_item img{ display:none !important; } #footer_inner { padding: 0 20px; } #main_content { margin-bottom: 35px; padding: 25px 15px 35px; } .news-list-container a.colorbox { float: none; margin-left:0px; } .news-list-item p { width: 100%; } .eierlei-date-news{ display:inline-block; } .news-list-category { display: block; font-size: 13px; } .browseLinksWrap span, .browseLinksWrap a { margin-bottom:4px; display: inline-block; } .news-single-img { float: none; margin: 12px 0 0 0px; padding: 0; } .news-single-item h1 { font-size: 24px; line-height: 26px; margin-top: 0; padding-bottom: 18px; } #main_content img{ max-width:100%; height:auto; } #footer img{ max-width:100%; height:auto; } #footer_navi2{ z-index:51; position:relative; } #footer_inner{ margin-bottom:35px; } div.csc-textpic-intext-left .csc-textpic-imagewrap, div.csc-textpic-intext-left-nowrap .csc-textpic-imagewrap { margin-right: 0px; } div.csc-textpic-intext-left .csc-textpic-imagewrap { float: none; } #main_content .powermail_label { color: #363636; display: block; float: none; font-size: 15px; font-weight: 300; padding: 4px 0; width: 100%; } #main_content .tx-powermail .powermail_fieldset .powermail_field { margin-left: 0%; } #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:100%; } #main_content .tx-powermail input.powermail_captcha { width: 95%; } .news-latest-item h3 a { color: #fff; font-size: 18px; font-weight: 300; text-decoration: none; } #ei_39 #main_content .powermail_label { width: 100%; float:none; } #ei_39 #main_content .powermail_fieldwrap_sicherheitsabfrage .powermail_field { margin-left: 0%; } #main_start_content .grid2columns_66_33 .subcol33_2 a.btn_anfrage { margin-top: 24px; width: 100%; } div.csc-textpic .csc-textpic-imagewrap .csc-textpic-image { float: left; margin-bottom: 15px; margin-right:14px; width:29%; } .tx-eierlei-faq li { display: inline-block; list-style-type: none; margin: 0 0 25px; padding: 0; width: 100%; } #footer_navi2 li a { font-size: 15px; line-height: 20px; margin-top: 8px; padding: 4px 14px; text-decoration: none; } #ei_1 h1{ margin-top:0px; font-size:28px; } .util-theme-default .util-prev, .util-theme-default .util-next{ top:-62px !important; } #c118 { display:block;} #c2 { display:none;} #eierlei_box_berichte h2{ font-size:20px; } #eierlei_box_berichte_inner{ padding:15px 15px 25px; } ul#eierlei_year_nav { margin: 0px auto 0; text-align: center; width: 100%; } ul#eierlei_year_nav li { font-size: 24px; line-height:22px; margin-top: 0px; padding: } ul#eierlei_year_nav li#first, ul#eierlei_year_nav li#last { font-size: 18px; padding: 0 6px; } .eierlei_serien_figur_detail img { float: none; max-width: 100%; } .eierlei_serien_variante_detail img { border-radius: 8px; float: none; max-width: 100%; } .figur_detail_data { float: none; width: auto; margin-top:20px; text-align:center; } .figur_detail_data h3 { font-size: 24px; line-height: 24px; padding-left: 0px; } .inner_data { padding-left: 0px; padding-top: 12px; } .eierlei_serien_figur_detail { padding: 35px 25px 25px; text-align:center; } .eierlei_serien_variante_detail { padding: 35px 25px 25px; text-align:center; } #eier_var_write_btn { float:left; padding: 5px 32px 6px 20px; } .tx-eierlei-pkv h2.headline{ clear:both; padding-top:18px; line-height:24px; } #main_content .tx-indexedsearch-searchbox-sword { border: 1px solid #cccccc; border-radius: 3px; font-size: 15px; padding: 5px 8px; width: 93%; margin-bottom:8px; } } @media screen and (max-width : 540px) { #eierlei_nav_mob ul li a#nav_home{ display:none; } #eier_var_latest_btn{ display:none; } #suchefigur_btn{ margin-top:6px; } input#suchefigur { width: 95%; } } /************************************************************/ @media screen and (max-width : 360px) { #main_full .powermail_form_1 .powermail_select{ width:97%; } #logo { margin-top: -14px; max-width: 220px; } div.csc-textpic .csc-textpic-imagewrap .csc-textpic-image { float: left; margin-bottom: 15px; margin-right:11px; width:46%; } #eierlei_stift{ display:none; } .eierlei_variants_item{ margin: 20px 0; position: relative; width: 100% } header{ min-height:66px; } .util-theme-default .util-prev, .util-theme-default .util-next{ top:-62px !important; } #eierlei_nav_mob ul{ padding-right:6px; } #eierlei_nav_mob ul li a{ padding:4px 4px; background:none; display:inline-block; cursor:pointer; } #eierlei_nav_mob ul li a#nav_home{ display:none; } input#suchefigur { width: 93%; } h2.search_erg_headline { padding: 0; text-align: left; font-size:18px; } #main_content .powermail_submit { width: 100% !important; } .news-latest-item .eierlei-date { top: 92px; } } /*UtilCarousel Base Style*/ .util-carousel { display: none; position: relative; -ms-touch-action: pan-y; } .util-carousel .util-wrapper-holder { overflow:hidden; position: relative; width: 100%; padding-bottom:10px; } .util-carousel .util-wrapper { *zoom: 1; position: relative; display: none; } .util-carousel .util-wrapper:before, .util-carousel .util-wrapper:after { display: table; content: ""; line-height: 0; } .util-carousel .util-wrapper:after { clear: both; } .util-carousel .util-item { float: left; } .dragging, .dragging * { cursor: url('closedhand.cur'), move; } /*UtilCarousel Defualt Theme*/ .util-theme-default .util-pagination { text-align: center; margin: 30px; } .util-theme-default .util-navigation { text-align: left; } .util-theme-default .util-page span { display: block; width: 12px; height: 12px; border-radius: 50%; background-color: #bbb; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; margin: 5px; } .util-theme-default .util-page { display: inline-block; cursor: pointer; zoom: 1; *display: inline; } .util-theme-default .util-page.active-page span { background-color: #555555; } .util-theme-default .util-page:hover span { background-color: #888; } .util-theme-default .util-navigation { text-align: left; width:100%; } .util-theme-default .util-prev, .util-theme-default .util-next { display: block; width:46px; height:36px; margin: 0px; background-color: #fff; color: #ffffff; cursor: pointer; font-size: 0px; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; position:absolute; z-index:500; top:-67px; } .util-theme-default .util-prev{ right:56px; background: url(../img/eierlei_navi_slider.png) no-repeat left -3px bottom -4px; } .util-theme-default .util-next { right:10px; background: url(../img/eierlei_navi_slider.png) no-repeat right -3px bottom -4px; } .util-theme-default .util-prev:hover{ background-position:left -3px top -6px; } .util-theme-default .util-next:hover { background-position:right -3px top -6px; } .util-theme-default .util-disable, .util-theme-default .util-disable:hover { background: #fff; opacity: 0.4; cursor: default; } /*UtilCarousel Base Style*/ .util-carousel { display: none; position: relative; -ms-touch-action: pan-y; margin:0px -1.5%; } .util-carousel .util-wrapper-holder { overflow: hidden; position: relative; width: 100%; } .util-carousel .util-wrapper { *zoom: 1; position: relative; display: none; } .util-carousel .util-wrapper:before, .util-carousel .util-wrapper:after { display: table; content: ""; line-height: 0; } .util-carousel .util-wrapper:after { clear: both; } .util-carousel .util-item { float: left; } .dragging, .dragging * { cursor: url('closedhand.cur'), move; } /*UtilCarousel Defualt Theme*/ .util-theme-default .util-pagination { text-align: center; margin-top: 0px; } .util-theme-default .util-page span { display: block; width: 14px; height: 14px; border-radius: 50%; background-color: #ccc; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; margin: 5px 8px; } .util-theme-default .util-page { display: inline-block; cursor: pointer; zoom: 1; *display: inline; } .util-theme-default .util-page.active-page span { background-color: #AE0E1B; } .util-theme-default .util-page:hover span { background-color: #888; } .util-theme-default .util-navigation { text-align: left; } .util-theme-default .util-prev, .util-theme-default .util-next { } .util-theme-default .util-disable, .util-theme-default .util-disable:hover { background-color: #bbbbbb; opacity: 0.4; cursor: default; } /*UtilCarousel animations*/ .util-fade-in,.util-flip-in-x,.util-flip-in-y,.util-zoom-in{ -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } @-webkit-keyframes fade-in { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fade-in { 0% { opacity: 0; } 100% { opacity: 1; } } .util-fade-in { -webkit-animation-name: fade-in; animation-name: fade-in; } @-webkit-keyframes flip-in-x { 0% { -webkit-transform: perspective(400px) rotateX(90deg) scale(.3); transform: perspective(400px) rotateX(90deg) scale(.3); opacity: 0; } 100% { -webkit-transform: perspective(400px) rotateX(0deg) scale(1); transform: perspective(400px) rotateX(0deg) scale(1); opacity: 1; } } @keyframes flip-in-x { 0% { -webkit-transform: perspective(400px) rotateX(90deg) scale(.3); -ms-transform: perspective(400px) rotateX(90deg) scale(.3); transform: perspective(400px) rotateX(90deg) scale(.3); opacity: 0; } 100% { -webkit-transform: perspective(400px) rotateX(0deg) scale(1); -ms-transform: perspective(400px) rotateX(0deg) scale(1); transform: perspective(400px) rotateX(0deg) scale(1); opacity: 1; } } .util-flip-in-x { -webkit-backface-visibility: visible !important; -ms-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flip-in-x; animation-name: flip-in-x; } @-webkit-keyframes flip-in-y { 0% { -webkit-transform: perspective(400px) rotateY(90deg) scale(.3); transform: perspective(400px) rotateY(90deg) scale(.3); opacity: 0; } 100% { -webkit-transform: perspective(400px) rotateY(0deg) scale(1); transform: perspective(400px) rotateY(0deg) scale(1); opacity: 1; } } @keyframes flip-in-y { 0% { -webkit-transform: perspective(400px) rotateY(90deg) scale(.3); -ms-transform: perspective(400px) rotateY(90deg) scale(.3); transform: perspective(400px) rotateY(90deg) scale(.3); opacity: 0; } 100% { -webkit-transform: perspective(400px) rotateY(0deg) scale(1); -ms-transform: perspective(400px) rotateY(0deg) scale(1); transform: perspective(400px) rotateY(0deg) scale(1); opacity: 1; } } .util-flip-in-y { -webkit-backface-visibility: visible !important; -ms-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flip-in-y; animation-name: flip-in-y; } @-webkit-keyframes zoom-in { 0% { opacity: 0; -webkit-transform: scale(.3); transform: scale(.3); } 100% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } @keyframes zoom-in { 0% { opacity: 0; -webkit-transform: scale(.3); -ms-transform: scale(.3); transform: scale(.3); } 100% { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } } .util-zoom-in { -webkit-animation-name: zoom-in; animation-name: zoom-in; } /* Colorbox Core Style: The following CSS is consistent between example themes and should not be altered. */ #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;} /* User Style: Change the following styles to modify the appearance of Colorbox. They are ordered & tabbed in a way that represents the nesting of the generated HTML. */ #cboxOverlay{background:#FFCB4A url(../img/overlay.png) repeat 0 0; opacity: 0.75 !important; filter: alpha(opacity = 75);} #colorbox{outline:0;} #cboxContent{background:#fff; overflow:hidden;border-bottom:4px solid #FFCB4A; -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);border-radius: 12px 12px 12px 12px; -moz-border-radius: 12px 12px 12px 12px; -webkit-border-radius: 12px 12px 12px 12px;} .cboxIframe{background:#fff;} #cboxError{padding:50px; border:1px solid #ccc;} #cboxLoadedContent{margin-bottom:48px;} #cboxTitle{position:absolute; bottom:12px; left:12px; text-align:center; width:100%; color:#949494;display:none;} #cboxCurrent{position:absolute; bottom:12px; left:25px; color:#666;font-family: 'Sriracha', cursive;} #cboxLoadingOverlay{background:url(../img/loading_background.png) no-repeat center center;} #cboxLoadingGraphic{background:url(../img/eierlei_load.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; right:66px; background:url(../img/controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;} #cboxPrevious:hover{background-position:-75px -25px;} #cboxNext{position:absolute; bottom:12px; right:39px; background:url(../img/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(../img/controls.png) no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;} #cboxClose:hover{background-position:-25px -25px;} img.cboxPhoto{ margin:12px; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; } #ei_5 #cboxCurrent{ } /* The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill when an alpha filter (opacity change) is set on the element or ancestor element. This style is not applied to or needed in IE9. See: http://jacklmoore.com/notes/ie-transparency-problems/ */ .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); } /*====================================== Selectric v1.11.1 ======================================*/ .selectric-wrapper { position: relative; cursor: pointer; } .selectric-responsive { width: 100%; } .selectric { border: 1px solid #DDD; border-radius: 0px; background: #F8F8F8; position: relative; overflow: hidden; } .selectric .label { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin: 0 38px 0 10px; font-size: 12px; line-height: 38px; color: #444; height: 38px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .selectric .button { display: block; position: absolute; right: 0; top: 0; width: 38px; height: 38px; line-height: 38px; background-color: #F8f8f8; color: #BBB; text-align: center; font: 0/0 a; *font: 20px/38px Lucida Sans Unicode, Arial Unicode MS, Arial; } .selectric .button:after { content: " "; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; width: 0; height: 0; border: 4px solid transparent; border-top-color: #BBB; border-bottom: none; } .selectric-focus .selectric { border-color: #aaaaaa; } .selectric-hover .selectric { border-color: #c4c4c4; } .selectric-hover .selectric .button { color: #a2a2a2; } .selectric-hover .selectric .button:after { border-top-color: #a2a2a2; } .selectric-open { z-index: 9999; } .selectric-open .selectric { border-color: #c4c4c4; } .selectric-open .selectric-items { display: block; } .selectric-disabled { filter: alpha(opacity=50); opacity: 0.5; cursor: default; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .selectric-hide-select { position: relative; overflow: hidden; width: 0; height: 0; } .selectric-hide-select select { position: absolute; left: -100%; } .selectric-hide-select.selectric-is-native { position: absolute; width: 100%; height: 100%; z-index: 10; } .selectric-hide-select.selectric-is-native select { position: absolute; top: 0; left: 0; right: 0; height: 100%; width: 100%; border: none; z-index: 1; box-sizing: border-box; opacity: 0; } .selectric-input { position: absolute !important; top: 0 !important; left: 0 !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; margin: 0 !important; padding: 0 !important; width: 1px !important; height: 1px !important; outline: none !important; border: none !important; *font: 0/0 a !important; background: none !important; } .selectric-temp-show { position: absolute !important; visibility: hidden !important; display: block !important; } /* Items box */ .selectric-items { display: none; position: absolute; top: 100%; left: 0; background: #F8F8F8; border: 1px solid #c4c4c4; z-index: -1; box-shadow: 0 0 10px -6px; } .selectric-items .selectric-scroll { height: 100%; overflow: auto; } .selectric-above .selectric-items { top: auto; bottom: 100%; } .selectric-items ul, .selectric-items li { list-style: none; padding: 0; margin: 0; font-size: 12px; line-height: 20px; min-height: 20px; } .selectric-items li { display: block; padding: 10px; color: #666; cursor: pointer; } .selectric-items li.selected { background: #E0E0E0; color: #444; } .selectric-items li.highlighted { background: #D0D0D0; color: #444; } .selectric-items li:hover { background: #D5D5D5; color: #444; } .selectric-items .disabled { filter: alpha(opacity=50); opacity: 0.5; cursor: default !important; background: none !important; color: #666 !important; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .selectric-items .selectric-group .selectric-group-label { font-weight: bold; padding-left: 10px; cursor: default; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background: none; color: #444; } .selectric-items .selectric-group.disabled li { filter: alpha(opacity=100); opacity: 1; } .selectric-items .selectric-group li { padding-left: 25px; } /*====================================== Selectric v1.11.1 ======================================*/ .selectric-wrapper { position: relative; cursor: pointer; } .selectric-responsive { width: 100%; } .selectric { border: 1px solid #DDD; border-radius: 0px; background: #F8F8F8; position: relative; overflow: hidden; } .selectric .label { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin: 0 38px 0 10px; font-size: 16px; line-height: 38px; color: #444; height: 38px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .selectric .button { display: block; position: absolute; right: 0; top: 0; width: 38px; height: 38px; line-height: 38px; background-color: #F8f8f8; color: #BBB; text-align: center; font: 0/0 a; *font: 20px/38px Lucida Sans Unicode, Arial Unicode MS, Arial; } .selectric .button:after { content: " "; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; width: 0; height: 0; border: 4px solid transparent; border-top-color: #BBB; border-bottom: none; } .selectric-focus .selectric { border-color: #aaaaaa; } .selectric-hover .selectric { border-color: #c4c4c4; } .selectric-hover .selectric .button { color: #a2a2a2; } .selectric-hover .selectric .button:after { border-top-color: #a2a2a2; } .selectric-open { z-index: 9999; } .selectric-open .selectric { border-color: #c4c4c4; } .selectric-open .selectric-items { display: block; } .selectric-disabled { filter: alpha(opacity=50); opacity: 0.5; cursor: default; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .selectric-hide-select { position: relative; overflow: hidden; width: 0; height: 0; } .selectric-hide-select select { position: absolute; left: -100%; } .selectric-hide-select.selectric-is-native { position: absolute; width: 100%; height: 100%; z-index: 10; } .selectric-hide-select.selectric-is-native select { position: absolute; top: 0; left: 0; right: 0; height: 100%; width: 100%; border: none; z-index: 1; box-sizing: border-box; opacity: 0; } .selectric-input { position: absolute !important; top: 0 !important; left: 0 !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; margin: 0 !important; padding: 0 !important; width: 1px !important; height: 1px !important; outline: none !important; border: none !important; *font: 0/0 a !important; background: none !important; } .selectric-temp-show { position: absolute !important; visibility: hidden !important; display: block !important; } /* Items box */ .selectric-items { display: none; position: absolute; top: 100%; left: 0; background: #F8F8F8; border: 1px solid #c4c4c4; z-index: -1; box-shadow: 0 0 10px -6px; } .selectric-items .selectric-scroll { height: 100%; overflow: auto; } .selectric-above .selectric-items { top: auto; bottom: 100%; } .selectric-items ul, .selectric-items li { list-style: none; padding: 0; margin: 0; font-size: 12px; line-height: 20px; min-height: 20px; } .selectric-items li { display: block; padding: 10px; color: #666; cursor: pointer; } .selectric-items li.selected { background: #E0E0E0; color: #444; } .selectric-items li.highlighted { background: #D0D0D0; color: #444; } .selectric-items li:hover { background: #D5D5D5; color: #444; } .selectric-items .disabled { filter: alpha(opacity=50); opacity: 0.5; cursor: default !important; background: none !important; color: #666 !important; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .selectric-items .selectric-group .selectric-group-label { font-weight: bold; padding-left: 10px; cursor: default; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background: none; color: #444; } .selectric-items .selectric-group.disabled li { filter: alpha(opacity=100); opacity: 1; } .selectric-items .selectric-group li { padding-left: 25px; } .cc_container .cc_message { font-size: 0.8em; line-height: 1.1em !important; margin-top:0px !important; } .tooltipster-fall,.tooltipster-grow.tooltipster-show{-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1);-moz-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-ms-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-o-transition-timing-function:cubic-bezier(.175,.885,.32,1.15)}.tooltipster-base{display:flex;pointer-events:none;position:absolute}.tooltipster-box{flex:1 1 auto}.tooltipster-content{box-sizing:border-box;max-height:100%;max-width:100%;overflow:auto}.tooltipster-ruler{bottom:0;left:0;overflow:hidden;position:fixed;right:0;top:0;visibility:hidden}.tooltipster-fade{opacity:0;-webkit-transition-property:opacity;-moz-transition-property:opacity;-o-transition-property:opacity;-ms-transition-property:opacity;transition-property:opacity}.tooltipster-fade.tooltipster-show{opacity:1}.tooltipster-grow{-webkit-transform:scale(0,0);-moz-transform:scale(0,0);-o-transform:scale(0,0);-ms-transform:scale(0,0);transform:scale(0,0);-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform;-webkit-backface-visibility:hidden}.tooltipster-grow.tooltipster-show{-webkit-transform:scale(1,1);-moz-transform:scale(1,1);-o-transform:scale(1,1);-ms-transform:scale(1,1);transform:scale(1,1);-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);transition-timing-function:cubic-bezier(.175,.885,.32,1.15)}.tooltipster-swing{opacity:0;-webkit-transform:rotateZ(4deg);-moz-transform:rotateZ(4deg);-o-transform:rotateZ(4deg);-ms-transform:rotateZ(4deg);transform:rotateZ(4deg);-webkit-transition-property:-webkit-transform,opacity;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform}.tooltipster-swing.tooltipster-show{opacity:1;-webkit-transform:rotateZ(0);-moz-transform:rotateZ(0);-o-transform:rotateZ(0);-ms-transform:rotateZ(0);transform:rotateZ(0);-webkit-transition-timing-function:cubic-bezier(.23,.635,.495,1);-webkit-transition-timing-function:cubic-bezier(.23,.635,.495,2.4);-moz-transition-timing-function:cubic-bezier(.23,.635,.495,2.4);-ms-transition-timing-function:cubic-bezier(.23,.635,.495,2.4);-o-transition-timing-function:cubic-bezier(.23,.635,.495,2.4);transition-timing-function:cubic-bezier(.23,.635,.495,2.4)}.tooltipster-fall{-webkit-transition-property:top;-moz-transition-property:top;-o-transition-property:top;-ms-transition-property:top;transition-property:top;-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);transition-timing-function:cubic-bezier(.175,.885,.32,1.15)}.tooltipster-fall.tooltipster-initial{top:0!important}.tooltipster-fall.tooltipster-dying{-webkit-transition-property:all;-moz-transition-property:all;-o-transition-property:all;-ms-transition-property:all;transition-property:all;top:0!important;opacity:0}.tooltipster-slide{-webkit-transition-property:left;-moz-transition-property:left;-o-transition-property:left;-ms-transition-property:left;transition-property:left;-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1);-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-moz-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-ms-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-o-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);transition-timing-function:cubic-bezier(.175,.885,.32,1.15)}.tooltipster-slide.tooltipster-initial{left:-40px!important}.tooltipster-slide.tooltipster-dying{-webkit-transition-property:all;-moz-transition-property:all;-o-transition-property:all;-ms-transition-property:all;transition-property:all;left:0!important;opacity:0}@keyframes tooltipster-fading{0%{opacity:0}100%{opacity:1}}.tooltipster-update-fade{animation:tooltipster-fading .4s}@keyframes tooltipster-rotating{25%{transform:rotate(-2deg)}75%{transform:rotate(2deg)}100%{transform:rotate(0)}}.tooltipster-update-rotate{animation:tooltipster-rotating .6s}@keyframes tooltipster-scaling{50%{transform:scale(1.1)}100%{transform:scale(1)}}.tooltipster-update-scale{animation:tooltipster-scaling .6s}.tooltipster-sidetip .tooltipster-box{background:#565656;border:2px solid #000;border-radius:4px}.tooltipster-sidetip.tooltipster-bottom .tooltipster-box{margin-top:8px}.tooltipster-sidetip.tooltipster-left .tooltipster-box{margin-right:8px}.tooltipster-sidetip.tooltipster-right .tooltipster-box{margin-left:8px}.tooltipster-sidetip.tooltipster-top .tooltipster-box{margin-bottom:8px}.tooltipster-sidetip .tooltipster-content{color:#fff;line-height:18px;padding:6px 14px}.tooltipster-sidetip .tooltipster-arrow{overflow:hidden;position:absolute}.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow{height:10px;margin-left:-10px;top:0;width:20px}.tooltipster-sidetip.tooltipster-left .tooltipster-arrow{height:20px;margin-top:-10px;right:0;top:0;width:10px}.tooltipster-sidetip.tooltipster-right .tooltipster-arrow{height:20px;margin-top:-10px;left:0;top:0;width:10px}.tooltipster-sidetip.tooltipster-top .tooltipster-arrow{bottom:0;height:10px;margin-left:-10px;width:20px}.tooltipster-sidetip .tooltipster-arrow-background,.tooltipster-sidetip .tooltipster-arrow-border{height:0;position:absolute;width:0}.tooltipster-sidetip .tooltipster-arrow-background{border:10px solid transparent}.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-background{border-bottom-color:#565656;left:0;top:3px}.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-background{border-left-color:#565656;left:-3px;top:0}.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-background{border-right-color:#565656;left:3px;top:0}.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background{border-top-color:#565656;left:0;top:-3px}.tooltipster-sidetip .tooltipster-arrow-border{border:10px solid transparent;left:0;top:0}.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-border{border-bottom-color:#000}.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-border{border-left-color:#000}.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-border{border-right-color:#000}.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-border{border-top-color:#000}.tooltipster-sidetip .tooltipster-arrow-uncropped{position:relative}.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-uncropped{top:-10px}.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-uncropped{left:-10px} .tooltipster-sidetip.tooltipster-shadow .tooltipster-box{border:none;border-radius:5px;background:#FFCB4A;box-shadow:0 0 10px 6px rgba(0,0,0,.1)}.tooltipster-sidetip.tooltipster-shadow.tooltipster-bottom .tooltipster-box{margin-top:6px}.tooltipster-sidetip.tooltipster-shadow.tooltipster-left .tooltipster-box{margin-right:6px}.tooltipster-sidetip.tooltipster-shadow.tooltipster-right .tooltipster-box{margin-left:6px}.tooltipster-sidetip.tooltipster-shadow.tooltipster-top .tooltipster-box{margin-bottom:6px}.tooltipster-sidetip.tooltipster-shadow .tooltipster-content{color:#333333;font-weight:bold;} .tooltipster-sidetip.tooltipster-shadow .tooltipster-arrow{height:6px;margin-left:-6px;width:25px}.tooltipster-sidetip.tooltipster-shadow.tooltipster-left .tooltipster-arrow,.tooltipster-sidetip.tooltipster-shadow.tooltipster-right .tooltipster-arrow{height:12px;margin-left:0;margin-top:-6px;width:6px}.tooltipster-sidetip.tooltipster-shadow .tooltipster-arrow-background{display:none}.tooltipster-sidetip.tooltipster-shadow .tooltipster-arrow-border{border:6px solid transparent}.tooltipster-sidetip.tooltipster-shadow.tooltipster-bottom .tooltipster-arrow-border{border-bottom-color:#FFCB4A}.tooltipster-sidetip.tooltipster-shadow.tooltipster-left .tooltipster-arrow-border{border-left-color:#FFCB4A}.tooltipster-sidetip.tooltipster-shadow.tooltipster-right .tooltipster-arrow-border{border-right-color:#FFCB4A}.tooltipster-sidetip.tooltipster-shadow.tooltipster-top .tooltipster-arrow-border{border-top-color:#FFCB4A}.tooltipster-sidetip.tooltipster-shadow.tooltipster-bottom .tooltipster-arrow-uncropped{top:-6px}.tooltipster-sidetip.tooltipster-shadow.tooltipster-right .tooltipster-arrow-uncropped{left:-6px}