div.component_top_navi_fb{ display:table-cell; width:100%; padding-left:30px; vertical-align:top;} div.component_top_navi_fb a.navi_button{ display:table-cell; padding:0 0 0 30px; height:110px; text-decoration:none; text-transform:uppercase; text-align:center; vertical-align:middle; font-family:Montserrat, Arial, Helvetica, sans-serif; font-size:16px; line-height:20px; font-weight:normal; color:rgb(74,71,70); letter-spacing:0; opacity:0.7; filter:alpha(opacity=70);} div.component_top_navi_fb a.navi_button:hover{ opacity:1; filter:alpha(opacity=100);} div.component_top_navi_fb a.navi_button img{ vertical-align:middle;} #toggleMenu{ display:none;} @media only screen and (max-width:1300px){ div.component_top_navi_fb{ padding-left:20px;} div.component_top_navi_fb a.navi_button{ height:90px; font-size:14px; line-height:17px; padding:0 0 0 20px;} } @media only screen and (max-width:1024px){ div.component_top_navi_fb{ padding-left:0;} div.component_top_navi_fb a.navi_button{ height:70px; font-size:12px; line-height:15px;} } @media only screen and (max-width:768px){ #toggleMenu{ display:table-cell; width:120px; height:55px; font-size:14px; line-height:17px; text-decoration:none; text-transform:uppercase; text-align:center; vertical-align:middle; font-family:Montserrat, Arial, Helvetica, sans-serif; font-weight:normal; color:rgb(74,71,70); letter-spacing:1px; opacity:0.7; will-change:opacity; cursor:pointer;} #toggleMenu > span{ display:inline-block; padding-left:30px; line-height:24px; position:relative;} #toggleMenu > span::before, #toggleMenu > span::after, #toggleMenu > span span::before{ content:''; border-bottom:2px solid rgb(74,71,70); position:absolute; left:0; width:24px;} #toggleMenu > span::before{ top:5px; transition-property:top, transform; transition-duration:.3s, .3s; transition-delay:.3s, 0s;} #toggleMenu > span::after{ bottom:5px; transition-property:bottom, transform; transition-duration:.3s, .3s; transition-delay:.3s, 0s;} #toggleMenu > span span::before{ transition:opacity .3s;} #toggleMenu > span span::before{ top:50%; margin-top:-1px;} #toggleMenu.opened > span::before, .NavOpened #toggleMenu > span::before{ top:50%; transform:rotate(45deg); transition-delay:0s, .3s;} #toggleMenu.opened > span::after, .NavOpened #toggleMenu > span::after{ bottom:calc(50% - 2px); transform:rotate(-45deg); transition-delay:0s, .3s;} #toggleMenu.opened > span span::before, .NavOpened #toggleMenu > span span::before{ opacity:0;} #navigation_wrapper{ display:block !important; position:fixed; top:0; bottom:0; left:-240px; height:auto !important; width:240px; padding:10px 15px 10px 20px; overflow-y:auto; overflow-x:hidden; background-color:rgb(209,199,190); box-sizing:border-box; z-index:1000; will-change:left;} .NavOpened #navigation_wrapper{ left:0;} body #Layer_Content{ position:relative; left:0; will-change:left;} body #Layer_Content, #navigation_wrapper, #site_header{ transition:left 0.4s;} .NavOpened #Layer_Content, .NavOpened #site_header{ left:240px; right:auto;} div.component_top_navi_fb a.navi_button{ color:rgb(74,71,70); padding:10px 0; font-size:14px; line-height:normal; display:block; width:100%; height:auto; text-align:left; border-top:1px dotted rgb(74,71,70);} div.component_top_navi_fb a.navi_button:first-child{ border-top:0;} } @media only screen and (max-width:1023px) and (orientation:landscape){ #toggleMenu{ height:35px !important;} } @media only screen and (max-width:480px){ #toggleMenu{ height:45px;} } div.component_top{ position:absolute; top:0; right:0; z-index:9998;} div.component_top a{ display:table-cell; width:70px; height:70px; vertical-align:middle; text-align:center;} div.component_top a img{ width:180px; vertical-align:middle; margin-right:20px;} div.component_top a:hover img{ opacity:0.7; filter:alpha(opacity=70);} @media only screen and (max-width:1500px){ div.component_top a img{ width:140px;} } @media only screen and (max-width:1300px){ div.component_top a{ height:55px;} div.component_top a img{ width:100px;} } @media only screen and (max-width:1023px){ div.component_top{ right:50%; margin-right:-70px; } div.component_top a{ padding:0 20px; } div.component_top a img{ margin:0; } } @media only screen and (max-width:1023px) and (orientation:landscape){ div.component_top a{ height:35px; } } @media only screen and (max-width:480px){ div.component_top a{ height:45px; } } .component_site_title_fb .div_table{ width:1180px; margin:0 auto; border-bottom:1px dotted; padding-top:30px; padding-bottom:10px;} .component_site_title_fb h2{ color:#ffffff;} .component_site_title_fb .fb_title{ text-align:right;} .style_fachberater_home .component_site_title_fb{ background-color:#ffffff;} .style_fachberater_home .component_site_title_fb h2{ color:rgb(134,127,123);} .style_fachberater_home .component_site_title_fb .div_table{ border-bottom:1px dotted #000000;} @media only screen and (max-width:1300px){ div.component_site_title_fb .div_table{ width:944px;} } @media only screen and (max-width:1024px){ div.component_site_title_fb{ padding:0 10px;} div.component_site_title_fb .div_table{ width:100%;} .component_site_title_fb .div_table{ border-bottom-width:1px !important; padding-top:10px; padding-bottom:5px;} } @media only screen and (max-width:640px){ .component_site_title_fb h2.div_td{ display:block;} .component_site_title_fb .fb_title{ text-align:left;} } div.component_site{ width:1180px; margin:0 auto; position:relative;} a#site{ position:absolute; top:-100px;} @media only screen and (max-width:1300px){ div.component_site{ width:944px;} a#site{ top:-75px;} } @media only screen and (max-width:1024px){ div.component_site{ width:100%; margin:0;} a#site{ top:-65px;} } @media only screen and (max-width:480px){ a#site{ top:-50px;} } .component_navi_context{ display:block; padding:60px 0 45px 0; width:1180px; margin:0 auto;} .component_navi_context .context_headline1{ text-align:center; padding-bottom:35px;} .component_navi_context ul{ list-style-type:none; margin:0; padding:0;} .component_navi_context .li_context{ display:inline-block; width:280px; height:150px; margin-left:20px; position:relative; background-size:cover; background-position:center;} .component_navi_context .li_context_0{ margin-left:0;} .component_navi_context .li_context_dynamic .component_link{ background-color:rgba(0,0,0,0.1);} .component_navi_context .li_context_dynamic .component_link_box{ text-shadow:0 0 30px rgba(0,0,0,1);} .component_navi_context .component_link{ display:table; width:100%; height:100%; overflow:hidden;} .component_navi_context .component_link img{ max-width:100% !important; position:absolute; top:0; left:0; z-index:1;} .component_link .component_link_hoverimage{ position:absolute !important; top:0; left:0; width:280px; height:150px; display:none; z-index:2;} .component_link:hover .component_link_hoverimage{ display:block !important;} .component_navi_context .component_link_box{ position:relative; width:100%; height:150px; display:table-cell; text-align:center; vertical-align:middle; color:#ffffff; text-shadow:0 0 50px rgba(0,0,0,0.7); z-index:9;} .component_navi_context .context_link_zeile1, .component_navi_context .context_link_zeile3{ font-family:Montserrat, Arial, Helvetica, sans-serif; font-size:15px; line-height:16px; font-weight:normal; text-transform:uppercase; display:inline-block; width:100%;} .component_navi_context .context_link_zeile2{ font-family:Montserrat, Arial, Helvetica, sans-serif; font-size:30px; line-height:40px; font-weight:bold; text-transform:uppercase; display:inline-block; width:100%;} @media only screen and (max-width:1300px){ .component_navi_context{ padding:50px 0 40px 0; width:944px;} .component_navi_context .context_headline1{ padding-bottom:30px;} .component_navi_context .li_context{ width:224px; height:120px; margin-left:16px;} .component_link .component_link_hoverimage, .component_navi_context .component_link_box{ width:224px; height:120px;} .component_navi_context .li_context_0{ margin-left:0;} .component_navi_context .context_link_zeile2{ font-size:28px; line-height:32px; letter-spacing:-1px;} .component_navi_context .context_link_zeile1, .component_navi_context .context_link_zeile3{ font-size:13px;} } @media only screen and (max-width:1024px){ .component_navi_context{ padding-top:20px; padding-bottom:20px; width:100%; box-sizing:border-box;} .component_navi_context .context_headline1{ padding-bottom:20px;} .component_navi_context .li_context{ width:23%; height:auto; margin-left:2.6666666%;} .component_navi_context .li_context:first-child{ margin-left:0;} .component_navi_context .component_link{ padding-top:53.57142857%; position:relative;} .component_navi_context .component_link img{ width:100%; height:100%;} .component_link .component_link_hoverimage, .component_navi_context .component_link_box{ width:100%; height:100%; position:absolute; top:50%; margin-top:-27%;} .component_navi_context .component_link_box{ padding-top:10%; box-sizing:border-box;} .component_link:hover .component_link_hoverimage{ top:0; margin-top:0;} .component_navi_context .context_link_zeile1, .component_navi_context .context_link_zeile3{ font-size:11px; line-height:14px; width:100% !important; display:block;} .component_navi_context .context_link_zeile2{ font-size:23px; line-height:26px; display:block;} } @media only screen and (max-width:768px){ .component_navi_context .context_link_zeile2{ font-size:20px; line-height:22px;} .component_navi_context .li_context{ width:24%; margin-left:1.333333333%;} } @media only screen and (max-width:640px){ .component_navi_context .li_context{ width:49%; margin-left:2%; margin-bottom:2%;} .component_navi_context .li_context:nth-child(odd){ margin-left:0;} .component_navi_context .component_link{ padding-top:45%;} .component_navi_context .component_link_box{ padding-top:14%;} } @media only screen and (max-width:380px){ .component_navi_context .context_link_zeile2{ font-size:18px; line-height:20px;} } .component_footer{ display:block; width:1180px; margin:0 auto;} .footer_box{ position:relative; z-index:2; display:table; border-top:1px solid rgb(74,71,70); width:100%;} .footer_box > *{ display:table-cell; vertical-align:middle; padding:15px 0;} .foot_left{ width:220px;} .foot_center{ text-align:center;} .foot_right{ width:220px; text-align:right;} .foot{ font-family:Montserrat, Arial, Helvetica, sans-serif; font-size:12px; line-height:16px; text-transform:uppercase;} .foot a{ margin-left:9px; padding-left:9px; font-size:11px; text-transform:uppercase; border-left:1px solid rgb(74,71,70);} .foot a:first-child{ margin:0; padding:0; border:none;} .foot a:hover{ text-decoration:underline;} footer > .foot{ text-align:center; padding:10px 0 20px;} .footer_copyright{ color:rgb(74,71,70); opacity:0.7;} .socialmedia_linksbox{ text-align:center; padding:0 0 10px;} .socialmedia_links{ display:inline-block; margin-right:1%; height:33px; width:33px; font-family:Georgia, Times, "Times New Roman", serif; font-size:15px; font-style:italic; line-height:33px; opacity:0.6; filter:alpha(opacity=60);} .socialmedia_links:hover{ opacity:1; filter:alpha(opacity=100);} #fb_link{ background:url(/images/icons/social/fb_icon_2.png) center center no-repeat transparent; background-size:contain; -ms-behavior:url(/cms/js/ext/bg_size/backgroundsize.min.htc);} #tw_link{ background:url(/images/icons/social/tw_icon_2.png) center center no-repeat transparent; background-size:contain; -ms-behavior:url(/cms/js/ext/bg_size/backgroundsize.min.htc);} #yt_link{ background:url(/images/icons/social/yt_icon_2.png) center center no-repeat transparent; background-size:contain; -ms-behavior:url(/cms/js/ext/bg_size/backgroundsize.min.htc);} #pi_link{ background:url(/images/icons/social/pi_icon_2.png) center center no-repeat transparent; background-size:contain; -ms-behavior:url(/cms/js/ext/bg_size/backgroundsize.min.htc);} #ig_link{ background:url(/images/icons/social/ig_icon_2.png) center center no-repeat transparent; background-size:contain; -ms-behavior:url(/cms/js/ext/bg_size/backgroundsize.min.htc);} #we_link{ display:inline-block; padding-left:2%; font-family:Georgia, Times, "Times New Roman", serif; font-size:15px; font-style:italic; line-height:33px; opacity:0.6; filter:alpha(opacity=60);} #we_link:hover{ opacity:1; filter:alpha(opacity=100);} .we_links_box{ display:inline-block; position:relative; width:220px; height:33px;} .we_links_box a.we_links{ display:block; float:right; margin-right:2%; padding-top:4px; height:25px; width:25px;} .we_links_box:hover, .we_links_box.active{ background-color:rgb(181,172,166);} .we_links_box:hover a.we_links, .we_links_box.active a.we_links{ display:block !important;} .we_links_box a.we_links img{ opacity:0.6; filter:alpha(opacity=60); width:100%;} .we_links_box a.we_links:hover img{ opacity:1; filter:alpha(opacity=100);} .fb_adresszeile{ font-family:Banda, Arial, Helvetica, sans-serif; font-size:11px; line-height:16px;} .fb_address{ display:inline;} footer .lang_container{ position:relative;} footer .lang_container a.lang_container_button{ text-align:right; font-family:Montserrat, Arial, Helvetica, sans-serif; font-weight:normal; background:url(/images/icons/lang_change_arrows.png) 10px center no-repeat transparent; padding:0 0 0 25px; opacity:0.3;} footer .lang_container a.lang_container_button2, footer .lang_container span{ font-family:Montserrat, Arial, Helvetica, sans-serif; font-weight:normal; opacity:0.3;} footer .lang_container a.lang_container_button:hover, footer .lang_container a.lang_container_button2:hover{ opacity:1;} @media only screen and (max-width:1300px){ .component_footer{ width:944px;} .socialmedia_links, #we_link{ font-size:13px; line-height:23px;} .socialmedia_links{ height:23px; width:23px;} .we_links_box{ width:180px; height:23px;} .we_links_box a.we_links{ padding-top:3px; height:18px; width:18px;} .foot a{ margin-left:6px; padding-left:6px;} .fb_adresszeile{ font-size:9px;} } @media only screen and (max-width:1024px){ .component_footer{ width:100%; box-sizing:border-box;} .footer_box{ padding-bottom:20px;} .footer_box > *{ height:auto; padding:20px 0 0 0;} .foot > *{ display:inline-block; white-space:nowrap;} } @media only screen and (max-width:768px){ .footer_box, .footer_box > *{ width:100%; display:block;} .foot_right{ position:absolute; top:0; right:10px; width:auto;} } @media only screen and (max-width:640px){ .socialmedia_links, #we_link{ font-size:15px; line-height:33px;} .socialmedia_links{ height:33px; width:33px;} .we_links_box{ width:220px; height:33px;} .we_links_box a.we_links{ padding-top:4px; height:25px; width:25px;} .footer_box > *{ padding-top:10px; text-align:center;} .foot_left{ text-align:left;} .footer_box .foot{ columns:2;} .foot a, .foot a:first-child, .footer_copyright{ font-size:13px; line-height:26px; padding:2px 0; margin-bottom:5px;} .footer_box .foot a, .footer_box .foot a:first-child{ display:block; padding-left:0; margin-left:0; border:none !important;} } @media only screen and (max-width:375px){ .foot{ letter-spacing:0;} } .module_news{ margin-bottom:20px;} .module_news .head{ display:block; margin-bottom:55px; text-align:center;} .module_news .head h1{ font-size:50px; line-height:50px;} .module_news .head div, .module_news .content_date, .module_news .content_textlink a, .module_news .content_control_links a{ padding:25px 20% 0 20%;} .module_news .head .head_subdescription{ font-size:18px; line-height:25px; color:#ffffff;} .module_news .head .head_subdescription span{ display:inline-block; margin-left:20px; text-align:left; vertical-align:middle; font-style:italic;} .module_news .head .head_subdescription span a{ color:#ffffff;} .module_news .head .head_subdescription_text{ width:615px;} .module_news .content{ display:block; margin-top:60px; background-color:#ffffff;} .module_news .content_row{ height:345px; overflow:hidden;} .module_news .content_image_container{ width:37.75%; float:left;} .module_news .content_image{} .module_news .content_image_teaser{ width:100%; height:345px; background-repeat:no-repeat; background-position:center center; background-size:cover; -ms-behavior:url(/cms/js/ext/bg_size/backgroundsize.htc);} .module_news .content_image div a{ display:inline-block; width:100%; height:100%; background-color:transparent;} .module_news .content_image > img{ display:block; width:100%; margin-top:10px;} .module_news .content_image > span{ display:none; text-align:right;} .module_news .content_teaser{ float:right; width:62.25%; padding:30px 40px 0 40px; background-color:#ffffff; border-bottom:22px solid #ffffff; vertical-align:top; overflow:hidden; box-sizing:border-box;} .module_news .content_date{ padding:0;} .module_news .content_title h1{ font-size:30px; line-height:36px;} .module_news .content_textlink{ background-color:rgb(181, 172, 166); text-align:center;} .module_news .content_subtitle h2{ font-size:15px; line-height:23px; font-weight:normal; color:rgb(134,127,123);} .module_news .content_subtitle h2 a{ color:rgb(134,127,123);} .module_news .content_text{ padding:20px 0 0 0; background-color:#ffffff;} .module_news .content_textlink a{ display:block; height:50px; padding:0; line-height:50px; color:#ffffff;} .module_news .content_textlink a:hover{ text-decoration:underline;} .module_news .content_textlink a span:first-child{ display:inline-block; width:23px; height:30px; vertical-align:middle; margin-right:10px; background:transparent url('/images/icons/arrow_d.png') no-repeat top left;} .module_news .content_textlink a span.content_arrow_down{ background:transparent url('/images/icons/arrow_u.png') no-repeat top left;} .module_news .content_links{ padding:40px;} .module_news .content_links ul{ margin:0; padding:0; list-style-type:none; list-style-position:inside;} .module_news .content_links a{ display:block; padding:5px 5px 5px 0; font-style:italic; font-weight:normal;} .module_news .content_links a:hover{ text-decoration:underline;} .module_news .content_links a:after{ content:' >';} .module_news .no_news{ width:1180px; margin:0 auto; text-align:center;} .module_news .content_row_box:after{ content:""; display:block; clear:both;} @media only screen and (max-width:1300px){ .module_news .content_row, .module_news .content_image_teaser{ height:276px;} .module_news .head h1{ font-size:40px; line-height:40px;} .module_news .head div{ font-size:16px; line-height:24px;} .module_news .head .head_subdescription{ font-size:14px; line-height:20px;} .module_news .head .head_subdescription_text{ width:470px;} .module_news .content_title h1{ font-size:24px; line-height:29px;} .module_news .content_subtitle h2{ font-size:12px; line-height:18px;} .module_news .content_textlink a{ font-size:16px;} .module_news .content_control_links a{ font-size:11px; line-height:11px;} .module_news .no_news{ width:944px;} } @media only screen and (max-width:1024px){ .module_news .head{ margin-bottom:20px;} .module_news .head h1{ font-size:25px; line-height:normal;} .module_news .head div{ padding:10px 8% 0;} .module_news .head .head_subdescription span{ margin-left:10px;} .module_news .head .head_subdescription span img{ width:30px;} .module_news .head .head_subdescription_text{ width:auto;} .module_news .content_row{ height:200px;} .module_news .content_image_teaser{ height:0; padding-bottom:77.52808988764045%; position:relative;} .module_news .content_image_teaser a{ position:absolute; left:0; right:0; top:0; bottom:0;} .module_news .content{ margin-top:20px;} .module_news .content_textlink a{ height:auto; line-height:30px;} .module_news .content_image_container{ width:30%;} .module_news .content_teaser{ width:70%; padding:10px;} .module_news .content_title h1{ font-size:20px; line-height:normal;} .module_news .content_links{ padding:10px;} .module_news .content_text{ padding-top:10px;} .module_news .no_news{ width:auto; margin:0 10px;} } @media only screen and (max-width:768px){ .module_news .head .head_subdescription span{ display:block;} .module_news .head .head_subdescription span{ padding-left:40px;} .module_news .head .head_subdescription span:first-child{ float:left; padding-left:0;} } @media only screen and (max-width:640px){ .module_news .content_title h1{ font-size:15px;} .module_news .head div, .module_news .content_date, .module_news .content_textlink a, .module_news .content_control_links a{ font-size:13px; line-height:normal;} } @media only screen and (max-width:480px){ .module_news .head div{ padding:10px 10px 0;} .module_news .content_image > img{ display:none;} .module_news .content_teaser, .module_news .content_image_container{ float:none; width:100%;} .module_news .content_image_container{ padding-bottom:20px;} }