div.component_top{ margin:15px 0;} div.component_top a{ display:block; margin-left:calc(8% + 25px);} div.component_top a img{ display:block; //width:250px; height:35px;} div.component_top a .bildmarke{ float:left; margin-right:8px;} @media screen and (min-width:1280px){ div.component_top{ max-width:1213px; margin:30px auto;} div.component_top a{ display:inline-block; vertical-align:bottom; margin-left:43px;} div.component_top a img{ display:block; width:100%;} div.component_top a .bildmarke{ height:44px; width:auto;} div.component_top a .wortmarke{ //max-width:264px; height:44px; width:auto;} } @media only screen and (max-width:1500px){ div.component_top{} } .component_top_navi{ position:relative; background-color:rgb(0, 113, 185);} .component_top_navi.fixed{ position:fixed; top:0; left:0; right:0; z-index:2;} .component_top_navi .naviBox{ position:relative; max-width:1200px; min-width:320px; margin:0 auto; transition:.2s;} .component_top_navi ul{ list-style-type:none; margin:0; padding:0;} .component_top_navi ul li{ padding:0; margin:0; display:inline-block;} .component_top_navi ul.menue_table > li{ position:relative;} .component_top_navi a.menue:link, .component_top_navi a.menue:visited, .component_top_navi a.menue:hover, .component_top_navi a.menue:focus{ font-size:19px; line-height:38px; display:block; padding:0 30px; color:#fff; text-transform:uppercase;} .component_top_navi li .naviSecond{ display:none;} .component_top_navi li .naviSecond > li > a{ text-transform:uppercase; white-space:normal;} .component_top_navi li .naviSecond > li a:hover{} #naviMobile ul li:nth-child(2):after{ display:none;} #naviMobile{ display:none;} #naviMobile ul{ display:block; height:100%; overflow:hidden;} #naviMobile ul li{ width:84%; height:100%; float:left; text-align:center; line-height:38px;} #naviMobile ul li:first-child, #naviMobile ul li:last-child{ width:8%;} #naviMobile ul li:nth-child(2):before, #naviMobile ul li:nth-child(2):after{ content:''; display:block; height:38px; width:10px; top:0; z-index:10; background-color:white; position:absolute; -webkit-transform:skewX(138deg); -ms-transform:skewX(138deg); transform:skewX(138deg);} #naviMobile ul li:nth-child(2):before{ left:-5px;} #naviMobile ul li:nth-child(2):after{ right:-5px; display:none;} @media only screen and (min-width:1281px){ .component_top_navi ul.menue_table > li.site_1{ display:none;} .component_top_navi{ box-shadow:0 2px 4px 0 rgba(0,0,0,0.2);} .component_top_navi .naviBox::before{ content:''; display:block; position:absolute; background-color:white; height:13px; width:100%; z-index:15; left:0; top:-13px;} .component_top_navi ul.menue_table{ max-width:1230px; margin:0 auto;} .component_top_navi ul.menue_table > li::before, .component_top_navi ul.menue_table > li:last-child::after{ content:''; height:38px; width:10px; top:0; z-index:10; background-color:white; position:absolute; -webkit-transform:skewX(138deg); -ms-transform:skewX(138deg); transform:skewX(138deg);} .component_top_navi ul.menue_table > li::before{ left:-5px;} .component_top_navi ul.menue_table > li:last-child::after{ right:-5px;} .menue_table li.active > a, .menue_table li:hover > a{ background-color:#58585a;} .component_top_navi ul.menue_table > li > a{ display:block; padding:5px 20px; -webkit-transform:skewX(138deg); -ms-transform:skewX(138deg); transform:skewX(138deg);} .component_top_navi ul.menue_table > li > a > span{ display:block; -webkit-transform:skewX(-138deg); -ms-transform:skewX(-138deg); transform:skewX(-138deg);} .component_top_navi li .naviSecond{ display:block; position:absolute; top:38px; left:-12px; right:18px; z-index:2000; height:0; overflow:hidden; background-color:transparent; box-sizing:border-box; transition:background 0.2s linear, height 0.2s ease-in;} .component_top_navi li .naviSecond > li:first-child > a{ padding-top:10px;} .component_top_navi li .naviSecond > li:last-child > a{ padding-bottom:10px;} .component_top_navi li .naviSecond > li{ display:block;} .component_top_navi li .naviSecond > li a{ padding:7px 20px; display:block;} .component_top_navi li .naviSecond > li > a{ color:#fff; font-size:13px; line-height:16px;} .component_top_navi li:hover .naviSecond, .component_top_navi li:active .naviSecond{ height:auto; background-color:rgb(0, 113, 185);} } @media only screen and (min-width:768px){ #naviMobile ul li{ width:60%;} #naviMobile ul li:first-child, #naviMobile ul li:last-child{ width:20%;} #naviMobile ul li:nth-child(2):after{ display:block;} } @media only screen and (max-width:1280px){ #naviMobile{ display:block; cursor:pointer; height:38px; color:#fff; font-size:18px; line-height:30px; text-transform:uppercase; position:relative;} #naviMobile .hamburger_icon{ display:inline-block; position:relative; margin-right:15px; top:-2px; vertical-align:middle; border-top:2px solid #fff; width:16px; transition:border-color .2s;} #naviMobile .hamburger_icon:before, #naviMobile .hamburger_icon:after{ content:""; display:block; position:absolute; left:0; width:16px; border-top:2px solid #fff; transition:transform .2s, top .2s, bottom .2s;} #naviMobile .hamburger_icon:after{ bottom:-5px;} #naviMobile .hamburger_icon:before{ top:-7px;} #naviMobile .hamburger_icon.close{ border-color:transparent;} #naviMobile .hamburger_icon.close:before{ top:-1px; transform:rotate(45deg);} #naviMobile .hamburger_icon.close:after{ bottom:-1px; transform:rotate(-45deg);} .component_top_navi .naviBox2{ display:block; position:fixed; top:90px; left:0; bottom:0; right:0; z-index:9999; background-color:rgb(215,178,94); overflow:hidden; height:0; -webkit-transition:background 0.35s linear,height 0.35s ease-in; transition:background 0.35s linear,height 0.35s ease-in;} .component_top_navi ul.menue_table{ right:0; left:0; margin-right:0; margin-left:0; z-index:9999; background-color:rgb(0, 113, 185); display:none; height:100%; position:fixed; overflow:auto;} .component_top_navi ul.menue_table.aktiv{ transition:height 0.35s ease-in;} .component_top_navi.aktiv .naviBox2{ height:100%; overflow:scroll; -webkit-transition:background 0.35s linear,height 0.35s ease-in; transition:background 0.35s linear,height 0.35s ease-in;} .component_top_navi ul li{ display:block; width:100%; text-align:left; position:relative; padding:0 !important;} .component_top_navi ul.menue_table > li:not(:first-child) > a{} .component_top_navi ul.menue_table > li{ //padding:0 15px !important; box-sizing:border-box;} .component_top_navi a.menue:link, .component_top_navi a.menue:visited, .component_top_navi a.menue:hover, .component_top_navi a.menue:focus{ line-height:20px; font-size:18px; padding:10px 0; margin:0 33px 0 15px;} .component_top_navi .naviSecondButton{ position:absolute; display:block; cursor:pointer; height:47px; width:52px; padding-right:15px; top:0; right:0; z-index:9999; font-weight:bold; font-size:30px; line-height:47px; text-align:right; color:#fff; box-sizing:border-box;} .component_top_navi .naviSecondButton .symbol{ display:inline-block; position:relative; height:14px; width:14px; top:-3px;} .component_top_navi .naviSecondButton .symbol:before{ content:''; width:14px; height:2px; border-top:2px solid #ffffff; display:block; position:absolute; margin-top:6px;} .component_top_navi .naviSecondButton .symbol.plus:after{ content:''; position:absolute; left:50%; top:0; height:14px; border-left:2px solid #fff; transform:translateX(-50%);} .component_top_navi li .naviSecond{ background-color:#fff;} .component_top_navi li .naviSecond li{ background-color:rgb(0, 113, 185); padding:8px 0 !important;} .menue_table li.active, .menue_table li:hover{ background-color:#58585a;} .component_top_navi li .naviSecond li a{ display:block; padding:0 0 0 40px; line-height:20px; font-size:13px; color:#fff;} } @media only screen and (max-width:767px){} @media only screen and (max-width:480px){ .component_top_navi .naviBox2{ top:77px;} .component_top_navi ul.menue_table{} } .bx-wrapper{ position:relative; margin:0 auto 60px; padding:0; z-index:1; *zoom:1;} .bx-wrapper img{ width:100%; display:block;} .bx-wrapper .bx-viewport{ -moz-box-shadow:0 0 5px #ccc; -webkit-box-shadow:0 0 5px #ccc; box-shadow:0 0 5px #ccc; border:solid #fff 5px; left:-5px; background:#fff;} .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto{ position:absolute; bottom:-30px; width:100%;} .bx-wrapper .bx-loading{ min-height:50px; background:url(/cms/js/ext/bxslider/images/bx_loader.gif) center center no-repeat #fff; height:100%; width:100%; position:absolute; top:0; left:0; z-index:2000;} .bx-wrapper .bx-pager{ text-align:center; font-size:.85em; font-family:Arial; font-weight:bold; color:#666; padding-top:20px;} .bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item{ display:inline-block; *zoom:1; *display:inline;} .bx-wrapper .bx-pager.bx-default-pager a{ background:#666; text-indent:-9999px; display:block; width:10px; height:10px; margin:0 5px; outline:0; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;} .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active{ background:#000;} .bx-wrapper .bx-prev{ left:10px; background:url(/cms/js/ext/bxslider/images/bf_controls.png) no-repeat 0 0;} .bx-wrapper .bx-next{ right:10px; background:url(/cms/js/ext/bxslider/images/bf_controls.png) no-repeat -50px 0;} .bx-wrapper .bx-prev:hover{} .bx-wrapper .bx-next:hover{} .bx-wrapper .bx-controls-direction a{ position:absolute; top:50%; margin-top:-30px; outline:0; width:38px; height:60px; text-indent:-9999px; z-index:9998; opacity:0.6;} .bx-wrapper .bx-controls-direction a:hover{ opacity:1;} .bx-wrapper .bx-controls-direction a.disabled{ display:none;} .bx-wrapper .bx-controls-auto{ text-align:center;} .bx-wrapper .bx-controls-auto .bx-start{ display:block; text-indent:-9999px; width:10px; height:11px; outline:0; background:url(/cms/js/ext/bxslider/images/controls.png) -86px -11px no-repeat; margin:0 3px;} .bx-wrapper .bx-controls-auto .bx-start:hover, .bx-wrapper .bx-controls-auto .bx-start.active{ background-position:-86px 0;} .bx-wrapper .bx-controls-auto .bx-stop{ display:block; text-indent:-9999px; width:9px; height:11px; outline:0; background:url(/cms/js/ext/bxslider/images/controls.png) -86px -44px no-repeat; margin:0 3px;} .bx-wrapper .bx-controls-auto .bx-stop:hover, .bx-wrapper .bx-controls-auto .bx-stop.active{ background-position:-86px -33px;} .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager{ text-align:left; width:80%;} .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto{ right:0; width:35px;} .bx-wrapper .bx-caption{ position:absolute; bottom:0; left:0; background:#666\9; background:rgba(80, 80, 80, 0.75); width:100%;} .bx-wrapper .bx-caption span{ color:#fff; font-family:Arial; display:block; font-size:.85em; padding:10px;} .bx-wrapper .bx-viewport{ box-shadow:none !important; border:0 !important; left:0 !important; background:transparent !important;} .bx-wrapper .bx-viewport ul, .bx-wrapper .bx-viewport ul li{ list-style-type:none; margin:0; padding:0;} .component_top_bild_slider li span{ display:block; background-size:cover; background-position-x:center; height:0; padding-bottom:35.25%;} @media only screen and (min-width:768px){ .component_top_bild_slider li span{ } } .component_stoerer{ display:none;} .component_stoerer{ display:none; position:relative; float:right; margin:25px 20px 25px 10px; width:138px; height:138px; z-index:9999;} .component_stoerer .stoerer_wrapper{ width:100%; height:100%;} .component_stoerer .stoerer{ position:absolute; width:100%; height:100%;} .component_stoerer .stoerer_text_wrapper{ display:table; position:relative; height:100%; width:100%; z-index:1;} .component_stoerer .stoerer_text{ display:table-cell; padding:0 15px; vertical-align:middle; text-align:center; color:#fff; z-index:1;} .component_stoerer .stoerer_line{ display:inline-block; width:65%; height:1px; background:#fff; vertical-align:middle;} @media only screen and (min-width:360px){ .component_stoerer{ width:170px; height:170px;} .component_stoerer .stoerer_headline{ margin-bottom:3px;} .component_stoerer .stoerer_description{ margin-top:3px;} } @media only screen and (min-width:768px){ .component_stoerer{ display:block; width:65%; height:auto; margin:0 14% 0 auto; float:none;} .component_stoerer .stoerer_wrapper{ position:absolute; right:0; bottom:-20px; width:180px; height:186px;} .component_stoerer .stoerer{ left:0; right:0; top:0; bottom:0;} } @media only screen and (max-width:480px){} .style_1_1 .component_site{ padding:25px 20px; box-sizing:border-box; width:100%;} .style_1_1 .component_site ul{ margin:0; list-style:none;} .style_1_1 .component_site ul li{ position:relative; padding-left:30px; padding-bottom:6px;} .style_1_1 .component_site ol li{ padding-left:13px;} .style_1_1 .component_site ul li:before{ content:''; display:inline-block; position:absolute; top:3px; left:0; background-image:url('../../../images/icons/ul_list_icon_2.png'); background-size:cover; height:15px; width:15px;} .style_1_1 .component_site ul li.fax:before{ background-image:url('../../../images/icons/fax-button-grau_01.png');} .style_1_1 .component_site ul li.mail:before{ background-image:url('../../../images/icons/mail-button-grau_01.png');} .style_1_1 .component_site ul li.post:before{ background-image:url('../../../images/icons/post-button-grau_01.png');} .style_1_1 .component_site ul li.telefon:before{ background-image:url('../../../images/icons/telefon-button-grau_01.png');} .style_1_1 .component_site ul li.wa:before{ background-image:url('../../../images/icons/whatsapp-button-gruen_01.png');} @media screen and (min-width:1024px){ .style_1_1 .component_site{ float:right; width:65%; padding:40px 14% 40px 30px; vertical-align:top;} } @media screen and (max-width:1023px){ .style_1_1 .component_site{ width:100% !important;} } @media screen and (max-width:1279px){ .style_1_1 .component_site{ padding-right:20px !important;} } .component_footer{ margin:0 30px; border-top:3px solid rgb(0, 113, 185); text-align:right;} .component_footer ul{ display:table; width:100%;} .component_footer ul, .component_footer li{ margin:0; padding:0; list-style-type:none;} .component_footer li{ display:table-cell; width:31%;} .component_footer .footer_navi_1 li:first-child{ width:20%;} .component_footer .footer_navi_1 li:last-child{ width:20%;} .component_footer, .component_footer a:link, .component_footer a:visited, .component_footer a:hover, .component_footer a:focus{ color:#000; font-size:13px; line-height:23px;} .component_footer .footer_navi_1{ padding:10px 0; float:right; text-align:left; box-sizing:content-box;} .component_footer .footer_navi_1 a{ display:block; padding:0 5px; text-transform:uppercase;} .component_footer a.footer_navi_active{ color:rgb(0, 113, 185);} .footer_copyright{ padding-right:10px; border-right:1px solid #000; margin-right:10px;} @media only screen and (min-width:1024px){ .component_footer{ margin:0 70px;} .component_footer .footer_navi_1{ padding-left:30px;} .component_footer .footer_navi_1 a{ padding:10px 0; text-align:center; box-sizing:border-box;} .component_footer .footer_navi_1 li:first-child a{ padding-left:0; text-align:left;} .component_footer .footer_navi_1 li:last-child a{ padding-right:0; text-align:right;} .component_footer, .component_footer a:link, .component_footer a:visited, .component_footer a:hover, .component_footer a:focus{ font-size:16px;} } @media only screen and (max-width:1024px){ .component_footer, .component_footer a:link, .component_footer a:visited, .component_footer a:hover, .component_footer a:focus{ font-size:13px; line-height:20px;} .component_footer li{ display:inline-block; width:auto !important;} } @media only screen and (max-width:540px){ .component_footer .footer_navi_2 > *{ display:block; border:0; margin:0; padding:0;} } .content{ float:none; text-align:left; vertical-align:top; width:100%;} .navi_right{ display:none;} .system_login{ padding:10px;} .login_head{ border-bottom:2px solid #b1b3b4; padding-bottom:10px; margin-bottom:50px;} .system_login .div_table{ width:100%;} .system_login .div_td{ vertical-align:top; -webkit-box-sizing:border-box; box-sizing:border-box;} .system_login .div_left{ width:60%; text-align:right; ;} .system_login .div_right{ width:40%; text-align:left; padding-left:20%;} .system_login .input_box{ margin-left:31%; position:relative;} .system_login .feld{ margin-bottom:10px; height:24px; width:100%; font-size:15px; line-height:18px; padding:0 10px; -webkit-box-sizing:border-box; box-sizing:border-box; background-color:rgb(255, 255, 255);} .system_login .username_box:before, .system_login .password_box:before{ content:" "; width:24px; height:24px; position:absolute; top:0; left:-24px; background-color:#b1b3b4; background-position:center; background-repeat:no-repeat;} .system_login .username_box:before{ background-image:url(/images/system/buttons/login_user_icon_weiss.png);} .system_login .password_box:before{ background-image:url(/images/system/buttons/login_password_icon_weiss.png);} .system_login .button { margin:10px 0 0 10px; height:22px; font-size:15px; line-height:18px; width:120px;} .system_login .button_aktiv{ background-image:none; background-color:#b1b3b4;} .system_login .div_right a{ display:block; padding-left:25px; margin-bottom:10px; background-position:left center; background-repeat:no-repeat;} a.login_link_login{ background-image:url(/images/system/buttons/login_key_icon_small_hellgrau.png);} a.login_link_register{ background-image:url(/images/system/buttons/login_registration_icon_small_hellgrau.png);} a.login_link_forget_pass{ background-image:url(/images/system/buttons/login_questionmark_icon_small_hellgrau.png);} a.login_link_change_pass{ background-image:url(/images/system/buttons/login_edit_icon_small_hellgrau.png);} .reg_hinweis{ text-align:left; margin-bottom:20px;} .system_login .pflichtfeld_box:after{ content:"*"; width:10px; height:24px; position:absolute; top:0; left:100%;} #user_privacy_bg{ z-index:0; position:fixed; left:0; right:0; top:0; bottom:0; opacity:0; transition:2s opacity;} #user_privacy_bg.active{ z-index:9999; background-color:rgba(125, 125, 125, 0.5); opacity:1;} #user_privacy_popup{ position:absolute; width:90%; max-width:640px; left:0; right:0; top:50%; margin:-200px auto 0; min-height:200px; background-color:rgb(250,250,250); box-sizing:border-box; padding:40px; box-shadow:5px 5px 10px rgba(90, 90, 90, 0.7);} #user_privacy_text{} #user_privacy_text, #user_privacy_text p{ line-height:17px;} #user_privacy_text h1{ font-size:17px; margin-bottom:10px;} #user_privacy_text ul{ text-align:left; margin:10px 45px;} #user_privacy_text li{ margin:7px 0;} #user_privacy_linkbox{ padding-bottom:40px;} #user_privacy_text a, #user_privacy_link{ font-weight:bold; text-decoration:underline;} #user_privacy_buttonbox{ margin-top:20px;} #user_privacy_button{ color:#fff; background-color:#808080; border:0; padding:5px 10px; text-align:center; cursor:pointer; font-weight:bold; font-size:15px; max-width:100%; height:auto; white-space:normal; width:auto;} #user_privacy_button:hover, #user_privacy_button:active{ background-color:darkgray !important;}