/* codeDESIGN - layout.css */ @charset "utf-8"; /* @import url('layout_gallery.css'); */ /* @import url('layout_cms.css'); */ @import url('layout_fonts.css'); @import url('layout_system_messages.css'); /* NEEDS ALSO ADJUSTMENT IN jce_editor.css */ @import url('../fonts/fontawesome-pro-5.13.0/css/all.min.css'); html, body { background: #1c1c1c; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; font: normal 14px/22px 'Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif; font-weight: 300; color: var(--ci_color_white); width: 100%; min-width: 100%; height: 100%; min-height: 100%; position: relative; hyphens: auto; -moz-hyphens: auto; -webkit-hyphens: auto; -ms-hyphens: auto; -webkit-locale: 'de'; -webkit-text-size-adjust: none; text-rendering: optimizeLegibility; -webkit-font-mdoothing: antialiased; } body.website_body.container, body.website_body.container-fluid { padding: 0px 0px 0px 0px; } strong, b { font-weight: 400; } a[href^=tel] { /* FIX FOR IOS DEVICES */ color: inherit; text-decoration: underline; } a, a:link, a:visited { color: var(--ci_color_white); text-decoration: none; font-weight: 400; } /* GLOBAL CSS VARIABLES */ :root { --ci_color: #202020; --ci_color_black: #202020; --ci_color_white: #ffffff; --ci_color_grey: #6D6E71; --ci_color_blue: #1E4B8B; --ci_color_yellow: #FBB900; --ci_color_red: #9e0b1d; --ci_color_grey_1: #E8EAE9; --ci_color_grey_2: #999999; --ci_color_font_light: #ffffff; --ci_color_font_dark: #6D6E71; --ci_color_1: #202020; --ci_color_2: #1E4B8B; --ci_color_3: #FBB900; --ci_color_4: #E8E1D9; --ci_color_5: #212529; --ci_color_6: #009375; --ci_color_7: #AB4338; --ci_color_8: #AB4338; --ci_color_accent_1: #9e0b1d; --ci_color_accent_1_hover: #9e0b1d; --ci_color_accent_2: #ffffff; --ci_color_accent_2_hover: #9D9D9C; --ci_color_accent_3: #E8EAE9; --ci_color_accent_3_hover: #9D9D9C; --bg_color_tooltip: #9D9D9C; --font_color_tooltip: #ffffff; --blue: #007bff; --indigo: #6610f2; --purple: #6f42c1; --pink: #e83e8c; --red: #dc3545; --orange: #fd7e14; --yellow: #ffc107; --green: #28a745; --teal: #20c997; --cyan: #17a2b8; --white: #ffffff; --gray: #6c757d; --gray-dark: #343a40; --primary: #007bff; --secondary: #6c757d; --success: #28a745; --info: #17a2b8; --warning: #ffc107; --danger: #dc3545; --light: #f8f9fa; --dark: #343a40; --black: #0F0F0F; /* normal 38px/38px 'Montserrat','Helvetica Neue',Helvetica,Arial,sans-serif */ --font-h1: normal 42px/42px 'Myriad Pro Light','Helvetica Neue',Helvetica,Arial,sans-serif; --font-h1_mobile: normal 34px/34px 'Myriad Pro Light','Helvetica Neue',Helvetica,Arial,sans-serif; --font-h2: normal 34px/34px 'Myriad Pro Light','Helvetica Neue',Helvetica,Arial,sans-serif; --font-h2_mobile: normal 34px/34px 'Myriad Pro Light','Helvetica Neue',Helvetica,Arial,sans-serif; /* HEADLINES IN COMPONENT VIEW */ --font-h1_component: normal 30px/30px 'Myriad Pro Light','Helvetica Neue',Helvetica,Arial,sans-serif; --font-h1_component_offline: normal 30px/30px 'Myriad Pro Light','Helvetica Neue',Helvetica,Arial,sans-serif; --font-h1_component_mobile: normal 30px/30px 'Myriad Pro Light','Helvetica Neue',Helvetica,Arial,sans-serif; --font-h2_component: normal 30px/30px 'Myriad Pro Light','Helvetica Neue',Helvetica,Arial,sans-serif; --font-h2_component_mobile: normal 30px/30px 'Myriad Pro Light','Helvetica Neue',Helvetica,Arial,sans-serif; --font-h3_component: normal 20px/20px 'Myriad Pro Light','Helvetica Neue',Helvetica,Arial,sans-serif; --font-h3_component_mobile: normal 20px/20px 'Myriad Pro Light','Helvetica Neue',Helvetica,Arial,sans-serif; --font-h4_footer: normal 20px/20px 'Myriad Pro Light','Helvetica Neue',Helvetica,Arial,sans-serif; --font-h4_footer_mobile: normal 20px/20px 'Myriad Pro Light','Helvetica Neue',Helvetica,Arial,sans-serif; --font-content: normal 14px/22px 'Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif; --font-footer: normal 14px/22px 'Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif; --breakpoint-xs: 0; --breakpoint-sm: 576px; --breakpoint-md: 768px; --breakpoint-lg: 991px; --breakpoint-xl: 1200px; } .ci_color { color: #74a21c; } /* LOADERS AND INTRO */ div.website_loader { background: var(--ci_color_accent_2); width: 0px; height: 2px; position: absolute; top: 0px; z-index: 9999; } div.website_intro { background: rgba(255, 255, 255, 1.0); width: 100%; height: 100%; position: fixed; vertical-align: middle; z-index: 999999; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -moz-opacity: 1.00; -khtml-opacity: 1.00; opacity: 1.00; } div.website_intro img { width: 400px; } div.website_intro_content { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%) } /* WEBSITE AJAX LOADER */ div.website_ajax_loader { width: 100%; height: 100%; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; position: absolute; left: 0px; top: 0px; z-index: 99999999; display: none; } div.website_ajax_loader img { max-width: 300px; position: fixed; margin: auto; left: 0px; right: 0px; top: 0px; bottom: 0px; } /* WEBSITE LOGO */ div.layout_website_logo { /* background: #877467; */ width: 100%; text-align: center; margin: 0px 0px 0px 0px; padding: 20px 0px 20px 0px; position: absolute; top: 40px; z-index: 999; } @media only screen and (max-width: 1199px) { div.layout_website_logo { top: 0px; } } body.website_body_featured div.layout_website_logo, body.website_body_subpages div.layout_website_logo { /*display: none;*/ } div.layout_website_logo img { width: 300px; margin: 0 auto; display: inline; } @media only screen and (max-width: 1199px) { div.layout_website_logo { /*display: none;*/ width: auto; padding: 0px 0px 0px 10px;; z-index: 999999; } div.layout_website_logo_inner { display: block; position: relative; height: 60px; } div.layout_website_logo img.img-responsive { width: auto; max-width: auto; max-height: 100%; } } /* WEBSITE LOGO LEFT */ div.layout_website_logo_left { /* background: #877467; */ width: auto; text-align: center; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 10px; position: absolute; top: 0px; z-index: 999999; } body.website_body_featured div.layout_website_logo_left, body.website_body_subpages div.layout_website_logo_left { /*display: none;*/ position: fixed; } @media only screen and (max-width: 991px) { body.website_body_featured div.layout_website_logo_left, body.website_body_subpages div.layout_website_logo_left { position: absolute; } } div.layout_website_logo_left img { width: 300px; margin: 0 auto; display: inline; } div.layout_website_logo_left_inner { display: block; position: relative; height: 60px; } div.layout_website_logo_left img.img-responsive { width: auto; max-width: auto; max-height: 100%; } /* CMS LANGAUGE SWITCHER MOBILE */ .layout_mobile_languages { position: absolute; right: 10px; top: 20px; display: none; } @media only screen and (max-width: 768px) { .layout_mobile_languages { display: inline; } } .layout_mobile_languages ul.system_languages_list { list-style: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } .layout_mobile_languages ul.system_languages_list li { background: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; display: block; float: left; position: relative; transition: all 0.33s ease-in-out; -moz-transition: all 0.33s ease-in-out; -o-transition: all 0.33s ease-in-out; -webkit-transition: all 0.33s ease-in-out; } .layout_mobile_languages ul.system_languages_list li img { width: 18px; margin: 0px 10px 0px 0px; padding: 0px 0px 0px 0px; } .layout_mobile_languages ul.system_languages_list li.lang-active { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); -moz-opacity: 0.50; -khtml-opacity: 0.50; opacity: 0.50; } /* READING PROGRESS */ div.navigation_reading_progress_bar { background: transparent; width: 100%; height: 2px; position: fixed; z-index: 999999; top: 0px; } div.layout_navigation_horizontal_fixed div.navigation_reading_progress_bar { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px } div.navigation_reading_progress_bar div.reading_progress_bar { background: var(--ci_color_red); width: 0px; height: 2px; } /* CMS BREADCRUMBS */ .layout_breadcrumbs { height: 46px; color: var(--ci_color_white); font: normal 11px/40px 'Open Sans',Arial,Helvetica; margin: 0px 0px 0px 0px; } .layout_breadcrumbs div.container { padding: 0px 15px 0px 15px; } .layout_breadcrumbs div.row, .layout_breadcrumbs div.col-xs-12 { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } /* SMALL DEVICES, TABLETS */ @media only screen and (max-width: 768px) { .layout_breadcrumbs { display: none !important; } } .layout_breadcrumbs_inner { /* RESPONSIVE CONTAINER ! */ } .layout_breadcrumbs ul { list-style: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } .layout_breadcrumbs ul li { text-transform: uppercase; list-style: none; float: left; margin: 0px 10px 0px 0px; padding: 0px 0px 0px 0px; } .layout_breadcrumbs ul li.showhere { margin: 0px 4px 0px 0px; } .layout_breadcrumbs ul li a, .layout_breadcrumbs ul li a:link, .layout_breadcrumbs ul li a:visited { color: var(--ci_color_white); text-decoration: none; } .layout_breadcrumbs ul li a:hover { text-decoration: underline; } .layout_breadcrumbs_ ul li span.showhere_bars { font-family: 'Font Awesome 5 Pro'; font-size: 1.5em; display: block; margin: 0px 4px 0px 0px; } .layout_breadcrumbs_ ul li span.showhere_bars:before { content: '\f0c9'; } .layout_breadcrumbs ul li:first-child i.fa { color: var(--ci_color_white); font-size: 1.1em; transition: all 0.33s ease-in-out; -moz-transition: all 0.33s ease-in-out; -o-transition: all 0.33s ease-in-out; -webkit-transition: all 0.33s ease-in-out; } .layout_breadcrumbs ul li:first-child:hover i.fa { } .layout_breadcrumbs:hover ul li:first-child i.fa { color: var(--ci_color_white); } .layout_breadcrumbs_ ul li span.divider { background: url(../fonts/fontawesome-pro-5.2.0/svgs/light/chevron-right.svg) no-repeat center; width: 16px; height: 16px; display: block; float: left; margin: 15px 0px 0px 0px; } .layout_breadcrumbs ul li span.divider { font-family: 'Font Awesome 5 Pro'; font-weight: 100; font-size: 1.4em; color: var(--ci_color_white); display: block; float: left; margin: 1px 8px 0px 0px; } .layout_breadcrumbs ul li span.divider:before { content: "\f105"; } .layout_breadcrumbs ul li a:hover + span.divider:before { color: inherit; } .layout_breadcrumbs ul li.active:before { content: "\f105"; font-family: 'Font Awesome 5 Pro'; font-weight: 100; font-size: 1.4em; color: var(--ci_color_white); display: block; float: left; margin: 1px 8px 0px 0px; } .layout_breadcrumbs ul li.active:hover:before { color: inherit; } .layout_breadcrumbs span.breadcrumbs_youarehere { background: #74a21c url(../images/icons/icon_arrow_weiss_links.png) no-repeat 5px center; font: normal 10px/12px 'Open Sans',Arial,Helvetica; text-transform: uppercase; opacity: 0; filter: alpha(opacity=0); color: #ffffff; -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; margin: 0px 0px 0px 40px; padding: 1px 8px 2px 15px; } .layout_breadcrumbs span.breadcrumbs_youarehere:hover { background-color: #74a21c; } .layout_breadcrumbs:hover span.breadcrumbs_youarehere { opacity: 1; margin-left: 0; filter: alpha(opacity=100); } span.breadcrumbs_youarehere:hover { cursor: help; } .layout_breadcrumbs_totop_button { background: transparent; width: 40px; height: 40px; display: block; color: #74a21c; position: relative; overflow: hidden; cursor: pointer; } .layout_breadcrumbs_totop_button:before, .layout_breadcrumbs_totop_button:after { content: "\f077"; font-family: 'Font Awesome 5 Pro'; font-weight: 100; font-size: 1.6em; display: block; position: absolute; -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; } .layout_breadcrumbs_totop_button:before { margin: 0px 0px 0px 12px; } .layout_breadcrumbs_totop_button:after { margin: 40px 0px 0px 12px; } .layout_breadcrumbs_totop_button:hover:before { color: var(--ci_color); margin: -40px 0px 0px 12px; } .layout_breadcrumbs_totop_button:hover:after { color: var(--ci_color_accent_1_hover); margin: 0px 0px 0px 12px; } /* FOOTER TABS */ .footer_tabs { background: #F8F8F8; color: var(--ci_color_grey); margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; border-top: 1px solid #dfdfdf; } .footer_tabs [class^="col-"], .footer_tabs [class*=" col-"] { padding-left: 0px; padding-right: 0px; } .footer_tab { background: #ffffff; width: 100%; height: 100%; text-align: center; cursor: pointer; margin: 0px 0px 0px 0px; padding: 50px 0px 50px 0px; transition: all 0.33s ease-in-out; -moz-transition: all 0.33s ease-in-out; -o-transition: all 0.33s ease-in-out; -webkit-transition: all 0.33s ease-in-out; } .footer_tab.active { } @media only screen and (max-width: 991px) { .footer_tab { padding: 20px 0px 20px 0px; text-align: left; } } .footer_tab div.footer_tab_inner { width: 300px; margin: 0 auto; text-align: left; } .footer_tab_content { display: none; } .footer_tab_content.active { display: inline; } .footer_tab div.footer_tab_location { font: normal 26px/26px 'Myriad Pro Light','Helvetica Neue',Helvetica,Arial,sans-serif; font-style: normal; color: var(--ci_color_black); letter-spacing: 0px; margin: 0px 0px 0px 0px; padding: 0px 0px 5px 0px; position: relative; } @media only screen and (max-width: 991px) { .footer_tab div.footer_tab_location { font: normal 18px/18px 'Myriad Pro Regular','Helvetica Neue',Helvetica,Arial,sans-serif; padding: 0px 0px 0px 15px; } .footer_tab div.footer_tab_location:hover { color: var(--ci_color_accent_1); } } .footer_tab div.footer_tab_location_hint { background: var(--ci_color_accent_2); width: 220px; font: normal 10px/12px 'Open Sans',Arial,Helvetica; text-transform: uppercase; color: var(--white); margin: 10px 0px 0px 30px; padding: 1px 8px 2px 15px; -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; } @media only screen and (max-width: 991px) { .footer_tab div.footer_tab_location_hint { display: none; } } .footer_tab:hover div.footer_tab_location_hint, .footer_tab.inactive div.footer_tab_location_hint { background: var(--ci_color_accent_1); } .footer_tab div.footer_tab_location i { color: var(--ci_color_accent_1); margin: 0px 8px 0px 0px; padding: 0px 0px 0px 0px; transition: all 0.33s ease-in-out; -moz-transition: all 0.33s ease-in-out; -o-transition: all 0.33s ease-in-out; -webkit-transition: all 0.33s ease-in-out; } .footer_tab div.footer_tab_location_address { font: normal 14px/18px 'Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif; margin: 0px 0px 0px 30px; padding: 0px 0px 0px 0px; transition: all 0.33s ease-in-out; -moz-transition: all 0.33s ease-in-out; -o-transition: all 0.33s ease-in-out; -webkit-transition: all 0.33s ease-in-out; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); -moz-opacity: 0.50; -khtml-opacity: 0.50; opacity: 0.50; } @media only screen and (max-width: 991px) { .footer_tab div.footer_tab_location_address { display: none; } } .footer_tab:hover div.footer_tab_location_address { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -moz-opacity: 1.0; -khtml-opacity: 1.0; opacity: 1.0; } .footer_tab a, .footer_tab a:link, .footer_tab a:visited { width: 100%; height: 100%; display: inline-block; text-decoration: none; margin: 0px 0px 0px 0px; padding: 60px 0px 60px 0px; } .footer_tab_content .col-md-4, .footer_tab_content .col-md-3 { padding: 0px 20px 0px 0px !important; } .footer_box_content_inner .subheading { margin-bottom: 20px; font-weight: 600; } .footer_box_address_company_name { font-weight: 600; } /* FOOTER */ .footer { background: #1c1c1c; color: var(--ci_color_white); margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; border-top: 10px solid #222220; overflow: hidden; position: relative; /* display: none; */ display: block; } @media only screen and (max-width: 1800px) { .footer { /* display: block; */ } } .footer_inner { margin: 0px 0px 0px 0px; padding: 60px 0px 60px 0px; } .footer div.col-md-2, .footer div.col-md-3, .footer div.col-md-4, .footer div.col-md-5, .footer div.col-md-6, .footer div.col-md-7, .footer div.col-md-8 { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } .footer div.footer_table_box_heading h3, .footer div.footer_table_box_heading h4 { font: var(--font-h4_footer); font-style: normal; color: var(--ci_color_white); text-transform: none; letter-spacing: 0px; margin: 0px 0px 10px 0px; padding: 0px 0px 15px 0px; position: relative; transition: all 0.33s ease-in-out; -moz-transition: all 0.33s ease-in-out; -o-transition: all 0.33s ease-in-out; -webkit-transition: all 0.33s ease-in-out; } .footer div.footer_table_box_heading h3:after, .footer div.footer_table_box_heading h4:after { background: #74a21c; bottom: -1px; content: ''; height: 2px; left: 0%; margin: 0px 0px 0px 0px; position: absolute; width: 200px; transition: all 0.33s ease-in-out; -moz-transition: all 0.33s ease-in-out; -o-transition: all 0.33s ease-in-out; -webkit-transition: all 0.33s ease-in-out; } .footer div.footer_table_box_heading h3:hover:after, .footer div.footer_table_box_heading h4:hover:after { background: #74a21c; width: 240px; } .footer div.footer_table_box_heading h3 i, .footer div.footer_table_box_heading h4 i, .footer_desktop div.footer_table_box_heading h3 i, .footer_desktop div.footer_table_box_heading h4 i { margin: 0px 8px 0px 0px; padding: 0px 0px 0px 0px; transition: all 0.33s ease-in-out; -moz-transition: all 0.33s ease-in-out; -o-transition: all 0.33s ease-in-out; -webkit-transition: all 0.33s ease-in-out; } .footer div.footer_table_box_heading h3 i, .footer div.footer_table_box_heading h4 i { color: var(--ci_color_white); } @media only screen and (max-width: 768px), @media only screen and (max-width: 480px), @media only screen and (max-width: 320px) { .footer div.footer_table_box_heading h3 i, .footer div.footer_table_box_heading h4 i { width: 20px; } } .footer div.footer_table_box_heading h3:hover i, .footer div.footer_table_box_heading h4:hover i { color: var(--ci_color_white); } .footer div.footer_box_content { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } .footer div.footer_box_content a, .footer div.footer_box_content a:link, .footer div.footer_box_content a:visited { color: var(--ci_color_white); text-decoration: none; -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; } .footer div.footer_box_content a:hover { color: var(--ci_color_white); text-decoration: underline; } .footer div.footer_box_content_inner { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } .footer div.footer_box_phone_numbers, .footer_desktop div.footer_box_phone_numbers { margin: 20px 0px 0px 0px; padding: 0px 0px 0px 0px; } .footer div.footer_box_emails, .footer_desktop div.footer_box_emails { margin: 20px 0px 0px 0px; padding: 0px 0px 0px 0px; } .footer div.footer_box_social_links, .footer_desktop div.footer_box_social_links { margin: 20px 0px 0px 0px; padding: 0px 0px 0px 0px; } .footer_desktop .margin-40 { margin: 40px 0px 0px 0px; } .footer div.footer_box_address { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } .footer div.footer_box_address_with_image { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } .footer div.footer_box_address_with_image [class^="col-"], .footer div.footer_box_address_with_image [class*=" col-"] { padding-left: 0px; padding-right: 0px; } .footer div.footer_box_address_image { border: 2px solid #ffffff; margin: 0px 15px 0px 0px; cursor: pointer; -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; } .footer div.footer_box_address_image:hover { border: 2px solid var(--ci_color_accent_2); } .footer div.footer_box_address div.footer_box_address_company_name { text-transform: uppercase; color: var(--ci_color_white); font-weight: 600; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; } .footer div.footer_box_1:hover div.footer_box_address_company_name { color: var(--ci_color_white); } .footer div.footer_box_address div.footer_box_address_company_name span.ci_color { color: var(--ci_color); font-weight: 600; } .footer div.footer_box_address_below, .footer_desktop div.footer_box_address_below { margin: 20px 0px 0px 0px; padding: 0px 0px 0px 0px; } .footer div.footer_box_content div.footer_contact_label, .footer_desktop div.footer_box_content div.footer_contact_label { width: 100px; } .footer div.footer_box_content div.footer_contact_label_short { width: 28px; } @media only screen and (max-width: 480px), @media only screen and (max-width: 320px) { .footer div.footer_box_content div.footer_contact_label { width: 30px; } } .footer div.footer_box_content i.footer_contact_icon, .footer_desktop div.footer_box_content i.footer_contact_icon { width: 25px; display: inline-block; line-height: 18px; color: var(--ci_color_white); margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; } .footer div.footer_box_content div.footer_contact_label:hover > i.footer_contact_icon, .footer div.footer_box_content i.footer_contact_icon:hover { color: var(--ci_color_white); } /* FOOTER LOGO */ .footer_logo { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } .footer_logo div.container { padding: 0px 0px 0px 0px; } .footer_logo div.footer_logo_img_wrapper { width: 240px; margin: 0 auto; transition: all 0.33s ease-in-out; -moz-transition: all 0.33s ease-in-out; -o-transition: all 0.33s ease-in-out; -webkit-transition: all 0.33s ease-in-out; } .footer_logo div.footer_logo_img { margin: 60px 0px 0px 0px; padding: 0px 0px 0px 0px; } @media only screen and (max-width: 768px), @media only screen and (max-width: 480px), @media only screen and (max-width: 320px) { .footer_logo div.footer_logo_img_wrapper { width: 180px; } .footer_logo div.footer_logo_img { margin: 20px 0px 0px 0px; padding: 0px 0px 0px 0px; } } ul.nav.menu { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; list-style-type: none; } ul.nav.menu li { list-style: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 20px; position: relative; } ul.nav.menu li::before { content: "\f105"; font-family: 'Font Awesome 5 Pro'; font-weight: 100; font-size: 1.4em; color: var(--ci_color_white); margin: 1px 0px 0px 0px; padding: 0px 0px 0px 0px; display: inline-block; position: absolute; left: 0px; -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; } ul.nav.menu li:hover::before { left: 6px; } /* FOOTER BOTTOM */ .footer_bottom { background: #ffffff; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; font-size: 11px; font-weight: 400; line-height: 60px; color: #BBBBBB; text-transform: uppercase; border-top: 1px solid #dfdfdf; z-index: 9999999999; } .footer_bottom div.container { padding: 0px 15px 0px 15px; } .footer_bottom div.col-xs-4, .footer_bottom div.col-xs-8 { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } .no-gutters > [class^="col-xs-"], .no-gutters > [class*=" col-xs-"] { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } @media only screen and (max-width: 768px), @media only screen and (max-width: 480px), @media only screen and (max-width: 320px) { .footer_bottom div.footer_bottom_col_1 { width: 100% !important; } .footer_bottom div.footer_bottom_col_2 { display: none; } } .footer_bottom div.footer_bottom_columns { } .footer_bottom div.footer_bottom_copyright { color: #888888; text-decoration: none; transition: all 0.33s ease-in-out; -moz-transition: all 0.33s ease-in-out; -o-transition: all 0.33s ease-in-out; -webkit-transition: all 0.33s ease-in-out; } .footer_bottom div.footer_bottom_copyright:hover { color: #888888; } .footer_bottom span.footer_bottom_company { color: #605f5e; } .footer_bottom span.footer_made_with_love { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } .footer_bottom span.footer_made_with_love i.fa { font-size: 9px; color: #888888; position: absolute; margin: 25px 0px 0px 4px; padding: 0px 0px 0px 0px; -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; } .footer_bottom span.footer_made_with_love:hover i.fa { color: #888888; } .footer_bottom span.footer_bottom_powered_by { display: none; } /* TO TOP BUTTON */ div.totop_button_wrapper { position: fixed; right: 10px; bottom: 10px; display: none; cursor: pointer; z-index: 9999; } div.privacy_settings_button_wrapper { position: fixed; right: 10px; bottom: 10px; display_: none; cursor: default; z-index: 9999; } body.website_body_featured div.totop_button_wrapper { bottom: 40px; } div.totop_button_wording { background: #ffffff; width: 100px; font: 400 11px/11px 'Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif; text-transform: uppercase; color: #212121; position: absolute; right: 20px; bottom: -40px; margin: 0px 0px 0px 0px; padding: 4px 10px 4px 10px; -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0.0; -khtml-opacity: 0.0; opacity: 0.0; } body.website_body_featured div.totop_button_wording { bottom: -70px; } div.totop_button_wrapper:hover div.totop_button_wording { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -moz-opacity: 1.0; -khtml-opacity: 1.0; opacity: 1.0; bottom: 10px; } body.website_body_featured div.totop_button_wrapper:hover div.totop_button_wording { bottom: 40px; } div.totop_button { background: #74a21c; width: 38px; height: 38px; display: block; color: var(--ci_color_white); position: fixed; z-index: 10000; right: 10px; bottom: 10px; cursor: pointer; overflow: hidden; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } body.website_body_featured div.totop_button { bottom: 70px; } div.totop_button_wrapper:hover div.totop_button { background: #ffffff; } div.totop_button::before, div.totop_button::after { content: "\f077"; /* f5c9 */ font-family: 'Font Awesome 5 Pro'; font-weight: 100; font-size: 1.6em; display: block; position: absolute; -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; } div.totop_button::before { margin: 6px 0px 0px 9px } div.totop_button::after { margin: 36px 0px 0px 9px; } div.totop_button_wrapper:hover div.totop_button::before { color: #222222; margin: -36px 0px 0px 9px; } div.totop_button_wrapper:hover div.totop_button::after { color: #222222; margin: 6px 0px 0px 9px; } /* TO TOP BUTTON / PRIVACY SETTINGS BUTTON */ div.totop_button_wrapper, div.privacy_settings_button_wrapper { display: none; /* by default not visible */ } div.totop_button_wrapper { position: fixed; right: 10px; bottom: 10px; display_: none; cursor: pointer; z-index: 9999; } div.privacy_settings_button_wrapper { position: fixed; right: 10px; bottom: 10px; display_: none; cursor: default; z-index: 9999; } div.totop_button_wrapper a, div.totop_button_wrapper a:link, div.totop_button_wrapper a:visited, div.privacy_settings_button_wrapper a, div.privacy_settings_button_wrapper a:link, div.privacy_settings_button_wrapper a:visited { width: 38px; height: 38px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; display: inline-block; text-decoration: none; position: absolute; z-index: 999999999999; } body.website_body_featured div.totop_button_wrapper, body.website_body_subpages div.totop_button_wrapper, body.website_body_featured div.privacy_settings_button_wrapper, body.website_body_subpages div.privacy_settings_button_wrapper { bottom: 40px; } div.totop_button_wording, div.privacy_settings_button_wording { background: #ffffff; width: 100px; font: 400 11px/11px 'Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif; text-transform: uppercase; color: #242424; position: absolute; right: 20px; bottom: -40px; margin: 0px 0px 0px 0px; padding: 4px 10px 4px 10px; -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0.0; -khtml-opacity: 0.0; opacity: 0.0; } div.privacy_settings_button_wording { width: 166px; } body.website_body_featured div.totop_button_wording, body.website_body_subpages div.totop_button_wording, body.website_body_featured div.privacy_settings_button_wording, body.website_body_subpages div.privacy_settings_button_wording { bottom: -70px; } div.totop_button_wrapper:hover div.totop_button_wording, div.privacy_settings_button_wrapper:hover div.privacy_settings_button_wording { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -moz-opacity: 1.0; -khtml-opacity: 1.0; opacity: 1.0; bottom: 10px; } body.website_body_featured div.totop_button_wrapper:hover div.totop_button_wording, body.website_body_subpages div.totop_button_wrapper:hover div.totop_button_wording { bottom: 40px; } body.website_body_featured div.privacy_settings_button_wrapper:hover div.privacy_settings_button_wording, body.website_body_subpages div.privacy_settings_button_wrapper:hover div.privacy_settings_button_wording { bottom: 90px; } div.totop_button, div.privacy_settings_button { background: #74a21c; width: 38px; height: 38px; display: block; color: var(--ci_color_white); position: fixed; z-index: 10000; right: 10px; bottom: 10px; cursor: pointer; overflow: hidden; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } body.website_body_featured div.totop_button, body.website_body_subpages div.totop_button { bottom: 70px; } body.website_body_featured div.privacy_settings_button, body.website_body_subpages div.privacy_settings_button { bottom: 120px; } div.totop_button_wrapper:hover div.totop_button, div.privacy_settings_button_wrapper:hover div.privacy_settings_button { background: #ffffff; } div.totop_button::before, div.totop_button::after, div.privacy_settings_button::before, div.privacy_settings_button::after { content: "\f077"; /* f5c9 */ font-family: 'Font Awesome 5 Pro'; font-weight: 100; font-size: 1.6em; display: block; position: absolute; -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; } div.privacy_settings_button::before, div.privacy_settings_button::after { content: "\f577"; } div.totop_button::before { margin: 7px 0px 0px 10px } div.totop_button::after { margin: 35px 0px 0px 10px; } div.totop_button_wrapper:hover div.totop_button::before { color: #222222; margin: -35px 0px 0px 10px; } div.totop_button_wrapper:hover div.totop_button::after { color: #222222; margin: 7px 0px 0px 10px; } div.privacy_settings_button::before { margin: 9px 0px 0px 8px } div.privacy_settings_button::after { margin: 39px 0px 0px 8px; } div.privacy_settings_button_wrapper:hover div.privacy_settings_button::before { color: #222222; margin: -39px 0px 0px 8px; } div.privacy_settings_button_wrapper:hover div.privacy_settings_button::after { color: #222222; margin: 9px 0px 0px 8px; } /* HEADINGS */ h1, h2, h3, h4, h5 { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; -webkit-transition: font-size 0.8s ease; -moz-transition: font-size 0.8s ease; -o-transition: font-size 0.8s ease; transition: font-size 0.8s ease; } h1_ span { color: #212121; } h2_ span { color: #ffffff; } h1, h2 { font: var(--font-h1_component); font-style: normal; color: var(--ci_color_white); letter-spacing: -1px; margin: 0px 0px 20px 0px; padding: 0px 0px 15px 0px; position: relative; } h1::after, h2::after { background: #74a21c; bottom: -1px; content: ''; height: 2px; left: 0%; margin: 0px 0px 0px 0px; position: absolute; width: 82px; transition: all 0.33s ease-in-out; -moz-transition: all 0.33s ease-in-out; -o-transition: all 0.33s ease-in-out; -webkit-transition: all 0.33s ease-in-out; } h1:hover:after, h2:hover:after { background: #74a21c; width: 180px; } .layout_codedesign_responsive_custom_code_wrapper h2::after, .layout_codedesign_responsive_custom_code_wrapper h2:hover::after { background: #ffffff; } h2 a, h2 a:link, h2 a:visited, h2 a:hover { font: var(--font-h2_component); font-style: normal; color: var(--ci_color_black); letter-spacing: -1px; margin: 0px 0px 20px 0px; padding: 0px 0px 15px 0px; position: relative; } h3, h4 { font: var(--font-h3_component); font-style: normal; color: var(--ci_color_white); letter-spacing: 0px; margin: 0px 0px 20px 0px; padding: 0px 0px 15px 0px; position: relative; } h3::after, h4::after { background: #74a21c; bottom: -1px; content: ''; height: 2px; left: 0%; margin: 0px 0px 0px 0px; position: absolute; width: 82px; transition: all 0.33s ease-in-out; -moz-transition: all 0.33s ease-in-out; -o-transition: all 0.33s ease-in-out; -webkit-transition: all 0.33s ease-in-out; } h3:hover:after, h4:hover:after { background: #74a21c; width: 180px; } h5, h6 { font: normal 14px/20px 'Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif; font-weight: 300; color: var(--ci_color_font_dark); letter-spacing: 0px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } section h6, nav h6, header h6, footer h6 { display: none; } /* QUOTES */ blockquote { quotes: "\201C""\201D""\2018""\2019"; } blockquote:before, blockquote:after { font: bold 55px/1px 'Open Sans', Times, serif; color: #ffffff; position: absolute; } blockquote:before { content: open-quote; margin: 15px 0px 0px -35px; } blockquote:after { content: close-quote; margin: 23px 0px 0px 20px; } blockquote p { display: inline; } /* COLUMNS TO ACCORDION / AS ACCORDION - TRIGGER */ .column_to_accordion_heading div.footer_table_box_heading_trigger { color: #74a21c; display: none; transition: all 0.33s ease-in-out; -moz-transition: all 0.33s ease-in-out; -o-transition: all 0.33s ease-in-out; -webkit-transition: all 0.33s ease-in-out; } .column_to_accordion_heading:hover div.footer_table_box_heading h4 { color: var(--ci_color_white) !important; } .column_to_accordion_heading div.footer_table_box_heading_trigger:hover { color: var(--ci_color_white); } .column_to_accordion_heading.active div.footer_table_box_heading h4 { color: var(--ci_color_white); } .column_to_accordion_heading.active div.footer_table_box_heading_trigger { color: var(--ci_color_white); } @media only screen and (max-width: 992px), @media only screen and (max-width: 768px), @media only screen and (max-width: 480px), @media only screen and (max-width: 320px) { .column_to_accordion_heading div.footer_table_box_heading_trigger { display: inline; } .column_to_accordion_heading div.footer_table_box_heading_trigger i.fa-plus { display: inline; } .column_to_accordion_heading div.footer_table_box_heading_trigger i.fa-minus { display: none; } .column_to_accordion_heading.active div.footer_table_box_heading_trigger i.fa-plus { display: none; } .column_to_accordion_heading.active div.footer_table_box_heading_trigger i.fa-minus { display: inline; } } /* COLUMNS TO ACCORDION / AS ACCORDION */ @media only screen and (max-width: 992px), @media only screen and (max-width: 768px), @media only screen and (max-width: 480px), @media only screen and (max-width: 320px) { .column_to_accordion_heading { position: relative; cursor: pointer; outline: none; margin: 0px 0px 15px 0px; padding: 0px 0px 0px 0px; } .column_to_accordion_heading:hover { background: none; } .column_to_accordion_content { overflow: hidden; } .column_to_accordion_content { max-height: 0; -webkit-transition: max-height 0.3s ease-out; -moz-transition: max-height 0.3s ease-out; -ms-transition: max-height 0.3s ease-out; -o-transition: max-height 0.3s ease-out; transition: max-height 0.3s ease-out; } .column_to_accordion_content.active { max-height: 630px; } /* FOOTER COLUMNS */ .footer_box_content.column_to_accordion_content.active div.footer_box_content_inner { margin: 0px 0px 0px 0px; padding: 0px 12px 40px 30px; } .footer_box_content.column_to_accordion_content.active div.business_hours_footer { padding: 0px 0px 0px 0px; } } /* COLUMNS TO ACCORDION / AS COLUMNS */ @media all and (min-width:50em) { .column_to_accordion_heading { cursor: default; } .column_to_accordion_heading.active { background: none; } .column_to_accordion_heading:after, .column_to_accordion_heading.active:after { content: ''; } .column_to_accordion_content, .column_to_accordion_content.active { max-height: none; } } /* RESPONSIVE FORM */ .responsive_form_wrapper { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } .layout_com_codedesign_contactform div.responsive_form_wrapper { margin: 0px 0px 0px 0px; padding: 0px 40px 0px 0px; } .responsive_form_wrapper div.form_element_row { margin: 0px 0px 15px 0px; padding: 0px 0px 0px 0px; } .responsive_form_wrapper div.form_element_row_intentions { margin: 0px 0px 25px 0px; padding: 0px 0px 0px 0px; } .form_element_row_hint_below { font: normal 13px/22px 'Open Sans', Arial, Helvetica; color: #7b7b7b; cursor: help; margin: 5px 0px 0px 0px; padding: 0px 0px 0px 0px; } .form_element_row div.col-sm-3, .form_element_row div.col-sm-4, .form_element_row div.col-sm-8, .form_element_row div.col-sm-9 { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } .form_element_row div.col-xs-2, .form_element_row div.col-xs-3, .form_element_row div.col-xs-4, .form_element_row div.col-xs-8, .form_element_row div.col-xs-9, .form_element_row div.col-xs-10 { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } .form_element_row div.col-sm-8 div.col-xs-1, .form_element_row div.col-sm-8 div.col-xs-11 { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } @media (max-width: 768px) { .form_element_row div.col-sm-3 { margin: 0px 0px 10px 0px; padding: 0px 0px 0px 0px; } .form_element_row div.col-sm-4 { margin: 0px 0px 10px 0px; padding: 0px 0px 0px 0px; } } .form_element_row select, .form_element_row input, .form_element_row button { width: 100%; } .form_element_row div.col-sm-8 input[type="text"], .form_element_row div.col-sm-8 input[type="password"], .form_element_row div.col-sm-8 select, .form_element_row div.col-sm-8 textarea { width: 91.5%; } .form_element_row div.col-sm-8 div.col-xs-11 input[type="text"], .form_element_row div.col-sm-8 div.col-xs-11 input[type="password"], .form_element_row div.col-sm-8 div.col-xs-11 select, .form_element_row div.col-sm-8 div.col-xs-11 textarea { width: 100%; } .form_element_row div.col-xs-2 input[type="text"], .form_element_row div.col-xs-2 input[type="password"], .form_element_row div.col-xs-2 select, .form_element_row div.col-xs-2 textarea { width: 90%; } .form_element_row div.col-xs-4 input[type="text"], .form_element_row div.col-xs-4 input[type="password"], .form_element_row div.col-xs-4 select, .form_element_row div.col-xs-4 textarea { width: 90%; } .form_element_row div.col-xs-8 input[type="text"], .form_element_row div.col-xs-8 input[type="password"], .form_element_row div.col-xs-8 select, .form_element_row div.col-xs-8 textarea { width: 100%; } .form_element_row div.col-xs-10 input[type="text"], .form_element_row div.col-xs-10 input[type="password"], .form_element_row div.col-xs-10 select, .form_element_row div.col-xs-10 textarea { width: 100%; } /* RESPONSIVE FORM CHECKBOXES */ .form_element_row div.col-sm-8 input[type="checkbox"] { width: auto; /* RESET FROM 100% */ } .form_element_row .form_element_checkboxes { margin: 15px 0px 0px 0px; padding: 0px 0px 0px 0px; } .form_element_row .form_element_checkboxes div.form_element_checkbox { line-height: 22px; margin: 0px 0px 6px 0px; padding: 0px 0px 0px 0px; } .form_element_row .form_checkbox { position: relative; top: 0px; margin: 0px 10px 0px 0px; } .form_element_row .form_element_checkboxes a, .form_element_row .form_element_checkboxes a:link, .form_element_row .form_element_checkboxes a:visited { text-decoration: underline; } /* RESPONSIVE FORM CHECKBOXES STYLED */ div.form_element_checkbox .form_checkbox_label_styled { -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: pointer; margin: 0px 0px 0px 0px; } div.form_element_checkbox .form_checkbox_label_styled input:checked + .form_checkbox_styled { border-color: var(--ci_color_accent_2); } div.form_element_checkbox .form_checkbox_styled svg { -webkit-transform: scale(1.0); -ms-transform: scale(1.0); transform: scale(1.0); } div.form_element_checkbox .form_checkbox_label_styled input:checked + .form_checkbox_styled svg path { fill: var(--ci_color_accent_2); } div.form_element_checkbox .form_checkbox_label_styled input:checked + .form_checkbox_styled svg polyline { stroke-dashoffset: 0; } div.form_element_checkbox .form_checkbox_label_styled:hover .form_checkbox_styled svg path { stroke-dashoffset: 0; } div.form_element_checkbox .form_checkbox_label_styled .form_checkbox_styled { width: 20px; height: 20px; position: relative; top: 4px; float: left; margin: 0px 8px 0px 0px; border: 2px solid #c5c5c5; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } div.form_element_checkbox .form_checkbox_label_styled .form_checkbox_styled svg { position: absolute; top: -2px; left: -2px; } div.form_element_checkbox .form_checkbox_label_styled .form_checkbox_styled svg path { fill: none; stroke: var(--ci_color_accent_2); stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; stroke-dasharray: 71px; stroke-dashoffset: 71px; -moz-transition: all 0.6s ease 0s; -webkit-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; transition: all 0.6s ease 0s; } div.form_element_checkbox .form_checkbox_label_styled .form_checkbox_styled svg polyline { fill: none; stroke: #74a21c; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; stroke-dasharray: 18px; stroke-dashoffset: 18px; -moz-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } div.form_element_checkbox .form_checkbox_label_styled > span.form_checkbox_label_content_styled { vertical-align: middle; } div.form_element_checkbox input[type="checkbox"].form_checkbox_hidden { width: 0px; height: 0px; position: absolute; z-index: -1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0.0; -khtml-opacity: 0.0; opacity: 0.0; } /* RESPONSIVE FORM RADIOS */ .form_element_row div.col-sm-8 input[type="radio"] { width: auto; /* RESET FROM 100% */ } .form_element_radios { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } .form_element_radios input.contact_form_element_radio { position: relative; top: 0px; margin: 0px 5px 0px 10px; } .form_element_radios input.contact_form_element_radio:first-child { margin: 0px 5px 0px 0px; } .form_element_radios ul { list-style: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } .form_element_radios ul li { float: left; padding: 0px 0px 0px 10px; } @media screen and (max-width: 480px) { .form_element_radios ul li { float: none; padding: 0px 0px 0px 0px; } } .form_element_radios ul li:first-child { padding: 0px 0px 0px 0px; } /* RESPONSIVE FORM RADIOS STYLED */ div.form_element_radio label.form_radio_label_styled { -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: pointer; display: inline-block; float: left; } div.form_element_radio label.form_radio_label_styled:not(:first-child) { margin: 0px 0px 0px 20px; } @media screen and (max-width: 480px) { div.form_element_radio label.form_radio_label_styled { float: none; display: block; padding: 0px 0px 10px 0px; } div.form_element_radio label.form_radio_label_styled:not(:first-child) { margin: 15px 0px 0px 0px; } } div.form_element_radio label.form_radio_label_styled svg { fill: none; vertical-align: middle; } div.form_element_radio label.form_radio_label_styled svg circle { stroke-width: 2; stroke: #c5c5c5; } div.form_element_radio label.form_radio_label_styled svg path { stroke: var(--ci_color_accent_2); } div.form_element_radio label.form_radio_label_styled svg path.path_inner { stroke-width: 6; stroke-dasharray: 19; stroke-dashoffset: 19; -moz-transition: all 0.6s ease 0s; -webkit-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; transition: all 0.6s ease 0s; } div.form_element_radio label.form_radio_label_styled svg path.path_outer { stroke-width: 2; stroke-dasharray: 57; stroke-dashoffset: 57; -moz-transition: all 0.6s ease 0s; -webkit-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; transition: all 0.6s ease 0s; } div.form_element_radio label.form_radio_label_styled:hover svg path.path_outer { stroke-dashoffset: 0; } div.form_element_radio label.form_radio_label_styled input[type="radio"]:checked + svg path { -moz-transition: all 0.6s ease 0s; -webkit-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; transition: all 0.6s ease 0s; } div.form_element_radio label.form_radio_label_styled input[type="radio"]:checked + svg path.path_inner { stroke-dashoffset: 38; -moz-transition: all 0.6s ease 0s; -webkit-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; transition: all 0.6s ease 0s; } div.form_element_radio label.form_radio_label_styled input[type="radio"]:checked + svg path.path_outer { stroke-dashoffset: 0; } div.form_element_radio label.form_radio_label_styled span.form_radio_label_content_styled { display: inline-block; vertical-align: middle; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 4px; } div.form_element_radio label.form_radio_label_styled input[type="radio"].form_checkbox_hidden { width: 0px; height: 0px; position: absolute; z-index: -1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0.0; -khtml-opacity: 0.0; opacity: 0.0; } /* RESPONSIVE FORM FILEUPLOAD */ .responsive_form_wrapper div.contact_form_file_attachment_css_styled { position: relative; overflow: hidden; margin: 0px 0px 0px 0px; } .responsive_form_wrapper div.contact_form_file_attachment_css_styled i.fa { margin: 0px 0px 0px 0px; padding: 0px 10px 0px 0px; } .responsive_form_wrapper div.contact_form_element_file_attachment input[type="text"][disabled] { background: #ffffff; width: 210px; font: normal 14px/19px 'Open Sans', Arial, Helvetica; font-weight: 300; color: #242424; margin: 0px 0px 0px 0px; padding: 8px 5px 6px 10px; border-left: 0px solid #c5c5c5; border-right: 0px solid #c5c5c5; border-top: 0px solid #c5c5c5; border-bottom: 1px solid #c5c5c5; } @media screen and (max-width: 480px) { .responsive_form_wrapper div.contact_form_element_file_attachment input[type="text"][disabled] { width: 145px; } } .responsive_form_wrapper div.contact_form_element_file_attachment input[type="file"], .responsive_form_wrapper div.contact_form_element_file_attachment input[type="file[]"] { font: normal 14px/19px 'Open Sans', Arial, Helvetica; font-weight: 400; text-transform: uppercase; position: absolute; top: 0; right: 0; cursor: pointer; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; } /* RESPONSIVE FORM BUTTONS */ .form_element_row .form_element_buttons { margin: 30px 0px 0px 0px; padding: 0px 0px 0px 0px; } .form_element_row .form_element_buttons [class^="col-"], .form_element_row .form_element_buttons [class*=" col-"] { padding-left: 0px; padding-right: 0px; } .form_element_row .form_element_buttons div.col-sm-6 button[type="button"], .form_element_row .form_element_buttons div.col-sm-6 button[type="submit"] { width: 95%; } @media (max-width: 768px) { .form_element_row .form_element_buttons div.col-sm-6 button[type="button"], .form_element_row .form_element_buttons div.col-sm-6 button[type="submit"] { width: 100%; margin: 0px 0px 15px 0px; } } .form_element_row button { } .form_element_row button i { margin-right: 10px; } .contact_form_element_mandatory { line-height: 14px; margin: 3px 0px 0px 8px; } .contact_form_element_mandatory i { color: var(--ci_color_accent_1); } /* RESPONSIVE CONTACT FORM */ .contact_form_file_attachment_button_span, .contact_form_file_attachment_button_add { background: #74a21c; font: normal 13px/18px 'Open Sans', Arial, Helvetica; font-weight: 400; text-transform: uppercase; color: #ffffff; margin: 0px 0px 0px 0px; padding: 8px 20px 8px 20px; border: none; display: inline-block; transition: all 0.33s ease-in-out; -moz-transition: all 0.33s ease-in-out; -o-transition: all 0.33s ease-in-out; -webkit-transition: all 0.33s ease-in-out; } .contact_form_file_attachment_button_add { width: 100%; } .contact_form_file_attachment_button_add i.fa { font-size: 10px !important; padding: 0px 10px 0px 0px; } .contact_form_file_attachment_button_span:hover, .contact_form_file_attachment_button_add:hover { background: var(--ci_color_accent_2_hover); color: #ffffff; border: none; } .contact_form_element_file_attachment_cloneable { margin: 0px 0px 10px 0px; padding: 0px 0px 0px 0px; } /* RESPONSIVE CONTACT FORM ERROR MESSAGES */ .contact_form_errors ul { list-style: none; margin: 20px 0px 20px 0px; padding: 0px 0px 0px 0px; } .contact_form_errors ul li { list-style: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 20px; position: relative; } .contact_form_errors ul li:before { content: "\f105"; font-family: 'Font Awesome 6 Pro'; font-weight: 300; font-size: 1.2em; color: var(--ci_color_accent_1); margin: 1px 0px 0px 0px; padding: 0px 0px 0px 0px; display: inline-block; position: absolute; left: 0px; -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; } .contact_form_errors ul li:hover:before { color: var(--ci_color_accent_2); left: 6px; } /* RESPONSIVE CONTACT FORM VALIDATION RESPONSE MESSAGES */ div.form_element_row_validation_response { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } div.form_element_row_validation_response_has_message div.form_element_row_validation_response_message { background-color: #f2dede; font-size: 10px !important; text-transform: uppercase; border: 1px solid #ebccd1; color: #a94442; margin: 10px 0px 0px 0px; padding: 0px 0px 0px 6px; -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; } div.form_element_row_validation_response_has_message div.form_element_row_validation_response_message::before { content: ''; display: block; margin-top: -7px; pointer-events: none; position: absolute; border-bottom: solid 6px #ebccd1; border-left: solid 6px transparent; border-right: solid 6px transparent; } /* BUTTONS UND INPUTS */ textarea, input, select { /*background: rgba(248, 248, 248, 0.4);*/ font: normal 14px/19px 'Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif; font-weight: 300; color: #010101; margin: 0px 0px 0px 0px; padding: 6px 5px 7px 10px; border-left: 0px solid #c5c5c5; border-right: 0px solid #c5c5c5; border-top: 0px solid #c5c5c5; border-bottom: 1px solid #c5c5c5; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } .button_full_width { width: 100%; display: block; } .button, .button_com_finder, .href_button, .href_button_white { background: #74a21c; font: normal 12px/19px 'Open Sans', Arial, Helvetica; font-weight: 400; color: #ffffff; margin: 0px 0px 0px 0px; padding: 8px 15px 8px 15px; text-decoration: none; text-transform: uppercase; border: none; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; cursor: pointer; transition: all 0.33s ease-in-out; -moz-transition: all 0.33s ease-in-out; -o-transition: all 0.33s ease-in-out; -webkit-transition: all 0.33s ease-in-out; -webkit-appearance: none; -moz-appearance: none; appearance: none; position: relative; } .button_white, .href_button_white { background: #ffffff; color: #010101; display: inline-block; } .button:hover, .button_com_finder:hover, .href_button:hover, .href_button_white:hover { background: #ffffff; color: #010101; } .button::before, .button::after, .button span::before, .button span::after { background: transparent; content: ''; position: absolute; width: 16px; height: 16px; -webkit-transition: all 1s; -moz-transition: all 1s; -ms-transition: all 1s; -o-transition: all 1s; transition: all 1s; /* -webkit-mix-blend-mode: hue; */ overflow: hidden; } .button::before { top: -4px; left: -4px; border-top: 1px solid #74a21c; border-left: 1px solid #74a21c; } .button:hover::before { border-top: 1px solid #74a21c; border-left: 1px solid #74a21c; } .button::after { top: -4px; right: -4px; border-top: 1px solid transparent; border-right: 1px solid transparent; } .button:hover::after { border-top: 1px solid var(--ci_color_black); border-right: 1px solid var(--ci_color_black); } .button span::before { bottom: -4px; left: -4px; border-bottom: 1px solid transparent; border-left: 1px solid transparent; } .button:hover span::before { border-bottom: 1px solid var(--ci_color_black); border-left: 1px solid var(--ci_color_black); } .button span::after { bottom: -4px; right: -4px; border-bottom: 1px solid #74a21c; border-right: 1px solid #74a21c; } .button:hover span::after { border-bottom: 1px solid var(--ci_color_black); border-right: 1px solid var(--ci_color_black); } .button:hover::before, .button:hover::after, .button:hover span::before, .button:hover span::after { width: 60%; /* calc( 400px / 2); */ height: 70%; /* calc( 50px / 2); */ } .button_black { background: #010101; border: 1px solid #010101; color: #f9f9f9; cursor: pointer; font: normal 14px/18px 'Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif; font-weight: 300; padding: 5px 15px 5px 15px; /* text-shadow: 1px 1px 1px #050505; */ } /* IOS REMOVE BORDER AND SHADOW */ textarea, input[type="text"], input[type="button"], input[type="submit"], input[type="password"] { -webkit-appearance: none; -moz-appearance: none; appearance: none; @include border-radius(0); -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } .href_big_button_white_wrapper { margin: 50px 0px 0px 0px; padding: 0px 0px 0px 0px; } .href_big_button_white { background: #ffffff; font: normal 19px/19px 'Raleway', Helvetica, sans-serif; font-weight: 500; color: #282828; text-decoration: none; margin: 0px 0px 0px 0px; padding: 10px 20px 10px 20px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } /* LABELS */ h2.is_new_red:after { background: #544F42; position: absolute; font: normal 10px/10px Arial,Helvetica; color: #ffffff; letter-spacing: 0px; text-transform: uppercase; text-decoration: none; padding: 3px 5px 2px 5px; margin: 0px 0px 0px 8px; z-index: 99; content: 'neu'; } h2.is_new_blue:after { background: #fafafa; position: absolute; font: normal 10px/10px Arial,Helvetica; color: #ffffff; letter-spacing: 0px; text-transform: uppercase; text-decoration: none; padding: 2px 5px 2px 5px; margin: 0px 0px 0px 8px; z-index: 99; content: 'neu'; } .layout_new_label h2:after { background: #fafafa; position: absolute; font: normal 10px/10px Arial,Helvetica; color: #ffffff; letter-spacing: 0px; text-transform: uppercase; text-decoration: none; padding: 2px 5px 2px 5px; margin: 0px 0px 0px 8px; z-index: 99; content: 'neu'; } /* COMPONENT COLUMNS */ .component_column.col-md-8, .component_column.col-md-4, .component_column.col-md-12 { margin: 60px 0px 60px 0px; padding: 0px 0px 0px 0px; } .component_column_1 { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } .component_column_2 { float: right; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } @media only screen and (max-width: 991px) { .component_column_2, .component_column_2.col-md-4 { display: none; margin: 40px 0px 0px 0px; } } /* HEADER SLIDER / SLIDER REVOLUTION */ .section_slider_header { display: inline; } .layout_slider_header { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; border-bottom: 0px solid var(--ci_color_grey_1); position: relative; } .layout_slider_header:after, .layout_slider_header_mobile:after { content: ''; position: absolute; bottom: -20px; left: 50%; margin-left: -20px; width: 0; z-index: 1; height: 0; border-top: solid 20px var(--ci_color_accent_1); border-left: solid 20px transparent; border-right: solid 20px transparent; } body.website_body_featured .layout_slider_header:after, body.website_body_featured .layout_slider_header_mobile:after { border-top: solid 20px var(--ci_color_white); } .layout_slider_header_inner { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } .section_slider_header_mobile { display: none; } .layout_slider_header_mobile { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; border-bottom: 0px solid var(--ci_color_accent_1); position: relative; } @media only screen and (max-width: 991px) { .section_slider_header { display: none; } .section_slider_header_mobile { display: inline; } } /* HEADER SLIDER / LOGO */ .slider_header_logo { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; top: 120px; right: 40px; position: absolute; z-index: 999; } .slider_header_logo img { width: 300px; height: auto; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } @media only screen and (max-width: 991px) { .slider_header_logo { display: none; left: 20px; right: 20px; } } /* HEADER SLIDER BOTTOM LINE */ div.slider_header_bottom_line { background: #ffffff; background: rgba(255, 255, 255, 0.6); width: 100%; height: 50px; line-height: 50px; display: none; font: 600 11px/50px 'Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif; color: #212529; text-transform: uppercase; position: absolute; left: 0px; bottom: 0px; z-index: 9999; transition: all 0.33s ease-in-out; -moz-transition: all 0.33s ease-in-out; -o-transition: all 0.33s ease-in-out; -webkit-transition: all 0.33s ease-in-out; } div.slider_header_bottom_line a, div.slider_header_bottom_line a:link, div.slider_header_bottom_line a:visited { color: #212529; text-decoration: none; } div.slider_header_bottom_line a:hover { color: #212529; text-decoration: underline; } div.slider_header_bottom_line div.phone_and_mail, div.slider_header_bottom_line div.phone_and_mail i { margin: 0px 15px 0px 0px; transition: all 0.33s ease-in-out; -moz-transition: all 0.33s ease-in-out; -o-transition: all 0.33s ease-in-out; -webkit-transition: all 0.33s ease-in-out; } div.slider_header_bottom_line div.phone_and_mail i { color: var(--ci_color); } div.slider_header_bottom_line div.header_bottom_line_phone_and_mail:hover i, div.slider_header_bottom_line div.phone_and_mail i:hover { color: #212529; } /* WHITE VARIANT */ div.slider_header_bottom_line_white { background: #ffffff; background: rgba(255, 255, 255, 0.95); color: var(--ci_color_black); z-index: 99999999; } div.slider_header_bottom_line_white a, div.slider_header_bottom_line_white a:link, div.slider_header_bottom_line_white a:visited { color: var(--ci_color_black); text-decoration: none; } div.slider_header_bottom_line_white a:hover { color: var(--ci_color_black); text-decoration: underline; } div.slider_header_bottom_line_white div.phone_and_mail i { color: var(--ci_color); } div.slider_header_bottom_line_white div.header_bottom_line_phone_and_mail:hover i, div.slider_header_bottom_line_white div.phone_and_mail i:hover { color: var(--ci_color); } /* MOUSE SCROLL ANIMATION */ .slider_header_mouse_scroll { width: 24px; height: 100px; display: block; margin: 0 auto; margin-top: 125px; position: absolute; left: 20px; bottom: 20px; z-index: 9999; cursor: pointer; transition: all 0.33s ease-in-out; -moz-transition: all 0.33s ease-in-out; -o-transition: all 0.33s ease-in-out; -webkit-transition: all 0.33s ease-in-out; } @media only screen and (max-width: 1200px) { .slider_header_mouse_scroll { bottom: 12px; } } @media only screen and (max-width: 991px) { .slider_header_mouse_scroll { right: 20px; display: none; } } .mouse_scroll_arrows { width: 16px; height: 16px; display: block; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); border-right: 2px solid var(--ci_color_accent_1); border-bottom: 2px solid var(--ci_color_accent_1); margin: 0px 0px 3px 4px; } .mouse_scroll_arrow_1 { margin-top: 1px; } .mouse_scroll_arrow_1, .mouse_scroll_arrow_2, .mouse_scroll_arrow_3 { -webkit-animation: mouse-scroll 1s infinite; -moz-animation: mouse-scroll 1s infinite; animation: mouse-scroll 1s infinite; } .mouse_scroll_arrow_1 { -webkit-animation-delay: .1s; -moz-animation-delay: .1s; -webkit-animation-direction: alternate; animation-direction: alternate; animation-delay: alternate; } .mouse_scroll_arrow_2 { -webkit-animation-delay: .2s; -moz-animation-delay: .2s; -webkit-animation-direction: alternate; animation-delay: .2s; animation-direction: alternate; margin-top: -6px; } .mouse_scroll_arrow_3 { -webkit-animation-delay: .3s; -moz-animation-delay: .3s; -webkit-animation-direction: alternate; animation-delay: .3s; animation-direction: alternate; margin-top: -6px; } .mouse_scroll_mouse { height: 42px; width: 24px; border-radius: 14px; transform: none; border: 2px solid var(--ci_color_accent_1); top: 170px; } .mouse_scroll_wheel { height: 5px; width: 2px; display: block; margin: 5px auto; background: white; position: relative; height: 4px; width: 4px; border: 2px solid var(--ci_color_accent_1); -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; } .mouse_scroll_wheel { -webkit-animation: mouse-wheel 0.6s linear infinite; -moz-animation: mouse-wheel 0.6s linear infinite; animation: mouse-wheel 0.6s linear infinite; } @-webkit-keyframes mouse-wheel { 0% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(6px); -ms-transform: translateY(6px); transform: translateY(6px); } } @-moz-keyframes mouse-wheel { 0% { top: 1px; } 25% { top: 2px; } 50% { top: 3px;} 75% { top: 2px;} 100% { top: 1px;} } @-o-keyframes mouse-wheel { 0% { top: 1px; } 25% { top: 2px; } 50% { top: 3px;} 75% { top: 2px;} 100% { top: 1px;} } @keyframes mouse-wheel { 0% { top: 1px; } 25% { top: 2px; } 50% { top: 3px;} 75% { top: 2px;} 100% { top: 1px;} } @-webkit-keyframes mouse-scroll { 0% { opacity: 0;} 50% { opacity: .5;} 100% { opacity: 1;} } @-moz-keyframes mouse-scroll { 0% { opacity: 0; } 50% { opacity: .5; } 100% { opacity: 1; } } @-o-keyframes mouse-scroll { 0% { opacity: 0; } 50% { opacity: .5; } 100% { opacity: 1; } } @keyframes mouse-scroll { 0% { opacity: 0; } 50% { opacity: .5; } 100% { opacity: 1; } } div.separator_block { height: 10px; width: 100%; display: block; z-index: 0; background: #69901c; } /* TRIANGLES */ .separator_triangle { width: 0px; height: auto; border-style: solid; position: absolute; overflow: hidden; z-index: 99; /* top right bottom left */ border-color: transparent transparent transparent transparent; } @media only screen and (max-width : 996px) { .separator_triangle { display: none; } } .separator_triangle_relative { position: relative; } .separator_triangle_bottom { bottom: 0px; } .separator_triangle_from_left_to_right_top { border-width: 0px 0px 40px 90vw; border-color: transparent transparent transparent #202020; } .separator_triangle_from_left_to_right_top_white { border-width: 0px 0px 40px 90vw; border-color: transparent transparent transparent #ffffff; } .separator_triangle_from_left_to_right_top_grey { border-width: 0px 0px 40px 90vw; border-color: transparent transparent transparent #393735; } .separator_triangle_from_left_to_right_bottom { border-width: 40px 0px 0px 99vw; border-color: transparent transparent transparent #f2f2f2; } .separator_triangle_from_right_to_left_top { border-width: 40px 0px 0px 99vw; border-color: #f2f2f2 transparent transparent transparent; } .separator_triangle_from_right_to_left_bottom { border-width: 0px 0px 40px 99vw; border-color: transparent transparent #202020 transparent; } .separator_triangle_from_right_to_left_bottom_white { border-width: 0px 0px 40px 99vw; border-color: transparent transparent #ffffff transparent; } /* SECTION SEPARATOR */ div.section_separator_triangle_wrapper { position: relative; overflow: hidden; } div.section_separator_triangle_double [class^="col-"], div.section_separator_triangle_double [class*=" col-"] { padding-left: 0px; padding-right: 0px; } div.section_separator_triangle { background: #202020; height: 100px; } div.section_separator_triangle_grey { background: #F8F8F8; } div.section_separator_triangle:before { right: 50%; border-right: 1000px solid transparent; border-left: 1000px solid; } div.section_separator_triangle:after { left: 50%; border-left: 1000px solid transparent; border-right: 1000px solid; } div.section_separator_triangle:after, div.section_separator_triangle:before { width: 50%; content: ''; position: absolute; bottom: 0px; z-index: 100; border-bottom: 100px solid #ffffff; -moz-transform: rotate(0.000001deg); -webkit-transform: rotate(0.000001deg); -o-transform: rotate(0.000001deg); -ms-transform: rotate(0.000001deg); transform: rotate(0.000001deg); } /* SECTION SEPARATOR CALL US */ div.section_separator_call_us { background: rgba(248, 248, 248, 0.4); background: #2c2b29; font: normal 14px/14px 'Myriad Pro Bold','Helvetica Neue',Helvetica,Arial,sans-serif !important; text-transform: uppercase; color: var(--ci_color_white); letter-spacing: 0px; margin: 40px 0px 0px 0px; padding: 60px 0px 60px 0px; text-align: center } div.section_separator_call_us [class^="col-"], div.section_separator_call_us [class*=" col-"] { padding-left: 0px; padding-right: 0px; } div.section_separator_call_us_content i { color: #74a21c; padding: 0px 5px 0px 5px; } div.section_separator_call_us_content a, div.section_separator_call_us_content a:link, div.section_separator_call_us_content a:visited { color: var(--ci_color_white); text-decoration: none; transition: all 0.33s ease-in-out; -moz-transition: all 0.33s ease-in-out; -o-transition: all 0.33s ease-in-out; -webkit-transition: all 0.33s ease-in-out; } div.section_separator_call_us_content a:hover { color: var(--ci_color_grey); text-decoration: none; } div.section_separator_call_us_phone { font-size: 30px; margin: 10px 0px 0px 0px; padding: 0px 0px 0px 0px; } div.section_separator_call_us_phone i { color: #74a21c; } div.section_separator_call_us_phone_small { font-size: 14px; margin: 10px 0px 0px 0px; padding: 0px 0px 0px 0px; } /* KONTAKT */ .kontaktliste_item { background: #222220; color: #ffffff; margin: 0px 0px 20px 0px; padding: 0px 0px 0px 0px; width: calc(100% - 20px); } .kontaktliste_item strong { margin-bottom: 20px; display: block; } .kontaktliste_item_foto { width: 170px; } .kontaktliste_item_beschreibung { padding: 20px 0px 0px 0px; } .kontaktliste_item i[class^="fa"] { color: #74a21c; padding-right: 10px; } .kontaktliste_item_details_vita { margin-top: 20px; } .kontaktliste_item_details_label { width: 100px; } /* LAYOUT SPLIT BOXES */ section.section_50p_split_boxes { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; border-top: 4px solid #6D6E71; border-bottom: 4px solid #6D6E71; overflow: hidden !important; } div.layout_50p_split_boxes [class^="col-"], div.layout_50p_split_boxes [class*=" col-"] { padding-left: 0px; padding-right: 0px; } div.layout_50p_split_boxes { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; overflow: hidden; } div.layout_50p_split_box_content_inner { margin: 0px 0px 0px 0px; padding: 80px 80px 80px 80px; position: relative; } @media only screen and (max-width: 991px) { div.layout_50p_split_box_content_inner { padding: 60px 20px 60px 20px; } } div.layout_50p_split_box_content_img { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } div.layout_50p_split_box_featured_black { background: #202020; color: var(--ci_color_white); margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } div.layout_50p_split_box_featured_black a, div.layout_50p_split_box_featured_black a:link, div.layout_50p_split_box_featured_black a:visited { color: var(--ci_color_white); text-decoration: underline; } div.layout_50p_split_box_featured_blue { background: #202020; color: var(--ci_color_white); margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } div.layout_50p_split_box_logo { position: absolute; right: 20px; top: 20px; } div.layout_50p_split_box_logo img { width: 160px; } @media only screen and (max-width: 991px) { div.layout_50p_split_box_logo { position: relative; right: auto; top: auto; margin: 0px 0px 20px 0px; padding: 0px 0px 0px 0px; } div.layout_50p_split_box_logo img { width: 60%; margin: 0 auto; } } div.layout_50p_split_box_bg_image { -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; width: 100%; height: 100%; display: inline-block; position: relative; } @media only screen and (max-width: 991px) { div.layout_50p_split_box_bg_image { display: none; } } div.layout_50p_split_box_bg_image_triangle_left:before { background: #202020; width: 50px; height: 100%; content: ''; position: absolute; display: block; right: 0px; top: 0; bottom: 0; -webkit-clip-path: polygon(100% 0, 100% 100%, 0 50%); clip-path: polygon(100% 0, 100% 100%, 0 50%); } div.layout_50p_split_box_bg_image_triangle_left_blue:before { background: #202020; } div.layout_50p_split_box_bg_image_triangle_right:before { background: #202020; width: 50px; height: 100%; content: ''; position: absolute; display: block; left: 0px; top: 0; bottom: 0; -webkit-clip-path: polygon(100% 0, 100% 100%, 0 50%); clip-path: polygon(100% 0, 100% 100%, 0 50%); transform: rotate(-180deg); -webkit-transform: rotate(-180deg); } div.layout_50p_split_box_bg_image a, div.layout_50p_split_box_bg_image a:link, div.layout_50p_split_box_bg_image a:visited { width: 100%; height: 100%; display: inline-block; } div.layout_50p_split_box_headline { font: var(--font-h2); font-style: normal; font-weight: 400; color: var(--ci_color_white); letter-spacing: -1px; margin: 0px 0px 30px 0px; padding: 0px 0px 25px 0px; position: relative; } div.layout_50p_split_box_headline:after { background: var(--ci_color_white); width: 200px; height: 2px; bottom: -2px; content: ''; left: 0%; margin: 0px 0px 0px 0px; position: absolute; transition: all 0.33s ease-in-out; -moz-transition: all 0.33s ease-in-out; -o-transition: all 0.33s ease-in-out; -webkit-transition: all 0.33s ease-in-out; } div.layout_50p_split_box_headline:hover:after { background: var(--ci_color_white); width: 300px; height: 2px; } div.layout_50p_split_box_sub_headline { font: normal 14px/14px 'Myriad Pro Bold','Helvetica Neue',Helvetica,Arial,sans-serif !important; text-transform: uppercase; color: var(--ci_color_white); letter-spacing: 0px; margin: 0px 0px 10px 0px; padding: 0px 0px 0px 0px; display: inline-block; } div.layout_50p_split_box_content ul { list-style: none; margin: 20px 0px 20px 0px; padding: 0px 0px 0px 0px; } div.layout_50p_split_box_content ul li { list-style: none; margin: 4px 0px 0px 0px; padding: 0px 0px 0px 20px; position: relative; } div.layout_50p_split_box_content ul li:before { content: "\f105"; font-family: 'Font Awesome 5 Pro'; font-weight: 100; font-size: 1.4em; color: var(--ci_color_yellow); margin: 1px 0px 0px 0px; padding: 0px 0px 0px 0px; display: inline-block; position: absolute; left: 0px; -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; } div.layout_50p_split_box_content ul li:hover:before { color: var(--ci_color_white); left: 6px; } /* FEATURED WELCOME */ div.layout_featured_welcome, div.layout_featured_welcome_news { background: #F8F8F8; margin: 0px 0px 0px 0px; padding: 100px 0px 100px 0px; text-align: center; } div.layout_featured_welcome_black { background: #202020; color: var(--ci_color_white); position: relative; } div.layout_featured_welcome_black:after { content: ''; position: absolute; bottom: -20px; left: 50%; margin-left: -20px; width: 0; z-index: 1; height: 0; border-top: solid 20px var(--ci_color_accent_1); border-left: solid 20px transparent; border-right: solid 20px transparent; } div.featured_welcome { background: none; position: relative; padding: 30px 0px 30px 0px; } div.layout_featured_welcome_news { background: #F8F8F8; color: var(--ci_color_grey); margin: 0px 0px 0px 0px; padding: 80px 0px 80px 0px; border-top: 1px solid var(--ci_color_grey_1); border-bottom: 1px solid var(--ci_color_grey_1); } div.featured_welcome_top { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } div.featured_welcome_top div.title_sub_1 { font: 700 13px/13px 'Montserrat',sans-serif; text-transform: uppercase; color: #444444; letter-spacing: 0px; margin: 0px 0px 10px 0px; padding: 0px 0px 0px 0px; display: inline-block; } div.layout_featured_welcome_black div.featured_welcome_top div.title_sub_1 { color: var(--ci_color_white); } div.featured_welcome_top h1 { font: var(--font-h1); font-style: normal; font-weight: 400; color: var(--ci_color_black); letter-spacing: -1px; margin: 0px 0px 30px 0px; padding: 0px 0px 25px 0px; position: relative; } div.layout_featured_welcome_black div.featured_welcome_top h1 { color: var(--ci_color_white); } @media only screen and (max-width: 991px) { div.featured_welcome_top h1 { font: var(--font-h1_mobile); } } div.featured_welcome_top h1:after, div.featured_welcome_content_:after { background: var(--ci_color_accent_1); width: 120px; height: 2px; bottom: -1px; content: ''; left: 50%; transform: translateX(-50%); margin: 0px 0px 0px 0px; position: absolute; transition: all 0.33s ease-in-out; -moz-transition: all 0.33s ease-in-out; -o-transition: all 0.33s ease-in-out; -webkit-transition: all 0.33s ease-in-out; } div.featured_welcome_content:after { background: var(--ci_color_grey_1); } div.layout_featured_welcome_black div.featured_welcome_top h1:after, div.layout_featured_welcome_black div.featured_welcome_content_:after { background: var(--ci_color_yellow); } div.featured_welcome_top h1:hover:after, div.featured_welcome_content:hover:after { background: var(--ci_color_accent_1); width: 300px; height: 2px; } div.layout_featured_welcome_black div.featured_welcome_top h1:hover:after, div.layout_featured_welcome_black div.featured_welcome_content:hover:after { background: var(--ci_color_accent_1); } div.featured_welcome_content:hover:after { background: var(--ci_color_grey_1); } div.featured_welcome_content { font: normal 14px/20px 'Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif; font-weight: 300; color: var(--ci_color_font_dark); position: relative; } div.layout_featured_welcome_black div.featured_welcome_content { color: var(--ci_color_white); } div.featured_welcome_content:after { bottom: -40px; } div.featured_welcome_content a.readmore_inline:hover:before { color: var(--ci_color_accent_1); } div.layout_featured_welcome_black div.featured_welcome_content a.readmore_inline:before { color: var(--ci_color_yellow); } div.layout_featured_welcome_black div.featured_welcome_content a.readmore_inline, div.layout_featured_welcome_black div.featured_welcome_content a.readmore_inline:hover:before { color: var(--ci_color_white); } /* STATIC BADGE */ div.static_badge { width: 100px; margin: 0 auto; padding: 40px 0px 0px 0px; } /* STRIPED HTML TABLES */ .html_table_striped { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } .html_table_striped th { font-weight: 600; } .html_table_striped tr:nth-child(even) { background: #f2f2f2; } .html_table_striped tr td { -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; } .html_table_striped tr:hover td { background: #A5222A; color: #ffffff; } .html_table_striped th, .html_table_striped td { margin: 0px 0px 0px 0px; padding: 4px 4px 4px 4px; } .html_table_logos { width: 100%; } .html_table_logos img { width: 70%; } /* HOVER TRIGGER if the cube is directly inside the container: #container:hover > #cube { background-color: yellow; } if cube is next to (after containers closing tag) the container: #container:hover + #cube { background-color: yellow; } if the cube is somewhere inside the container: #container:hover #cube { background-color: yellow; } if the cube is a sibling of the container: #container:hover ~ #cube { background-color: yellow; } */ /* GRADIENT 50:50 */ .gradient_50_50 { background: -webkit-linear-gradient(right, #e2e2e2 50%, #ffffff 50%); background: -o-linear-gradient(right, #e2e2e2 50%, #ffffff 50%); background: -moz-linear-gradient(right, #e2e2e2 50%, #ffffff 50%); background: linear-gradient(to right, #e2e2e2 50%, #ffffff 50%); } /* TRASITIONS */ .transition_all { -webkit-transition: all 0.9s; -moz-transition: all 0.9s; -ms-transition: all 0.9s; -o-transition: all 0.9s; transition: all 0.9s; } .transition_height { -webkit-transition: height 0.9s; -moz-transition: height 0.9s; -ms-transition: height 0.9s; -o-transition: height 0.9s; transition: height 0.9s; } .transition_width { -webkit-transition: width 0.9s; -moz-transition: width 0.9s; -ms-transition: width 0.9s; -o-transition: width 0.9s; transition: width 0.9s; } /* NON! MOBILE FIRST METHOD */ /* LARGE DEVICES, WIDE SCREENS */ @media only screen and (max-width: 1200px) {} /* MEDIUM DEVICES, DESKTOPS */ @media only screen and (max-width: 992px) {} /* SMALL DEVICES, TABLETS */ @media only screen and (max-width: 768px) {} /* EXTRA SMALL DEVICES, PHONES */ @media only screen and (max-width: 480px) {} /* CUSTOM, IPHONE RETINA */ @media only screen and (max-width: 320px) {} /* MOBILE FIRST METHOD */ /* CUSTOM, IPHONE RETINA */ @media only screen and (min-width: 320px) {} /* EXTRA SMALL DEVICES, PHONES */ @media only screen and (min-width: 480px) {} /* SMALL DEVICES, TABLETS */ @media only screen and (min-width: 768px) {} /* MEDIUM DEVICES, DESKTOPS */ @media only screen and (min-width: 992px) {} /* LARGE DEVICES, WIDE SCREENS */ @media only screen and (min-width: 1200px) {} /* BOOTSTRAP 3.5.0 RESPONSIVE */ /* BREAKPINTS */ @media only screen and (min-width: 768px) { /* .container { width: 750px; } */ } @media only screen and (min-width: 992px) { /* .container { width: 970px; } */ } @media only screen and (min-width: 1200px) { /* .container { width: 1170px; } */ } @media only screen and (min-width: 768px) and (max-width: 991px) { .hide_on_small { display: none !important; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .hide_on_medium { display: none !important; } } .container { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; } .row-eq-height { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-wrap: wrap; } .row-eq-height > [class*='col-'] { display: flex; flex-direction: column; } @media only screen and (min-width: 768px) { } @media only screen and (min-width: 1012px) { } .container-fluid { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; } .row { margin-left: 0px; margin-right: 0px; } .img-responsive { display: block; max-width: 100%; height: auto; } .no-gutters { margin-left: 0px; margin-right: 0px; } .no-gutters > [class^="col-"], .no-gutters > [class*=" col-"] { padding-left: 0px; padding-right: 0px; } .col-no-padding * [class^="col-"], .col-no-padding * [class*=" col-"] { padding-left: 0px; padding-right: 0px; } .no-padding { padding: 0px 0px 0px 0px; } .no-margin { margin: 0px 0px 0px 0px; } /* CUSTOM BOOTSTRAP OVERRIDES START */ /* IPHONE 5 AND 5S */ /* PORTRAIT AND LANDSCAPE */ @media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) { .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { padding-left: 0px; padding-right: 0px; } } /* CUSTOM BOOTSTRAP OVERRIDES END */ /* UNIVERSAL */ p { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } img { border: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; display: block; } video { width: 100%; height: auto; } .scrollreveal_wrapper { overflow: hidden !important; } .float_left { float: left; } .float_right { float: right; } .clear_left { clear: left; } .clear_right { clear: right; } .clear_both { clear: both; } .left { text-align: left; } .right { text-align: right; } .center { text-align: center; } .justify { text-align: justify; } .display_table { display: table; border-collapse: collapse; } .display_table_cell { display: table-cell; } .display_table_row { display: table-row; } .display_block { display: block; } .display_inline { display: inline; } .display_none { display: none; } .overflow_hidden { overflow: hidden !important; } .pointer { cursor: pointer; } .help { cursor: help; } ::-moz-selection { background: #cbcbcb; color: #ffffff; } ::selection { background: #cbcbcb; color: #ffffff; } ::-webkit-input-placeholder { color: #7e7e7e; } ::-moz-placeholder { color: #7e7e7e; } :-ms-input-placeholder { color: #7e7e7e; } :-moz-placeholder { color: #7e7e7e; } .circle { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; width: 200px; height: 200px; } .fade_in_on_scroll { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0.0; -khtml-opacity: 0.0; opacity: 0.0; } .opacity_0 { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0.0; -khtml-opacity: 0.0; opacity: 0.0; } .opacity_25 { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=25)"; filter: alpha(opacity=25); -moz-opacity: 0.25; -khtml-opacity: 0.25; opacity: 0.25; } .opacity_50 { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); -moz-opacity: 0.50; -khtml-opacity: 0.50; opacity: 0.50; } .opacity_75 { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; filter: alpha(opacity=75); -moz-opacity: 0.75; -khtml-opacity: 0.75; opacity: 0.75; } .opacity_100 { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -moz-opacity: 1.0; -khtml-opacity: 1.0; opacity: 1.0; } .rotate_90 { -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); } .rotate_180 { -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); } .rotate_270 { -moz-transform: rotate(270deg); -webkit-transform: rotate(270deg); -o-transform: rotate(270deg); -ms-transform: rotate(270deg); } .rotate_360 { -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); } .scale_25 { -webkit-transform:scale(1.25); -moz-transform:scale(1.25); -ms-transform:scale(1.25); -o-transform:scale(1.25); transform:scale(1.25); } .width_25p { width: 25%; } .width_33p { width: 33.3%; } .width_100p { width: 100%; } .width_150 { width: 150px; } .width_280 { width: 280px; } .width_293 { width: 293px; } .width_330 { width: 330px; } .width_345 { width: 345px; } .no_hyphens { -moz-hyphens: none; -o-hyphens: none; -webkit-hyphens: none; -ms-hyphens: none; hyphens: none; } /* PRINT */ @media print { .not_printable { display: none; } } /* DESKTOPS / TABLETS */ @media only screen and (min-width: 991px) { .only_tablet { display: none; } } @media only screen and (max-width: 992px) { .not_tablet { display: none; } .only_tablet { display: inline-block; } } /* MOBILE PHONES */ @media only screen and (min-width: 481px) { .only_mobile { display: none; } } @media only screen and (max-width: 480px) { .not_mobile { display: none; } .only_mobile { display: inline-block; } .width_150 { width: 80px; } } /* PHP XDEBUG */ pre { white-space: -moz-pre-wrap !important; white-space: -pre-wrap; white-space: -o-pre-wrap; white-space: pre-wrap; word-wrap: break-word; tab-size: 4; -moz-tab-size: 4; } table.xdebug-error { width: 100%; font: 13px Calibri, Courier, monospace; color: #010101; margin: 40px 0px 40px 0px; padding: 0px 0px 0px 0px; border-collapse: collapse; border-right: 1px #010101 solid; border-left: 1px #010101 solid; } table.xdebug-error th { border: none !important; } table.xdebug-error th, table.xdebug-error td { padding: 6px 6px 6px 6px; border-left: none; border-right: none; } table.xdebug-error th { background-color: #0A0A0A; color: #ffffff; } table.xdebug-error td { background: #ffffff; border-top: 1px solid #010101; border-bottom: 1px solid #010101; } table.xdebug-error tr td { background-color: #ffffff !important; transition: all 0.33s ease-in-out; -moz-transition: all 0.33s ease-in-out; -o-transition: all 0.33s ease-in-out; -webkit-transition: all 0.33s ease-in-out; } table.xdebug-error tr:hover td { background-color: #f0f0f0 !important; } table.xdebug-error span { background-color: inherit !important; font: bold 13px Calibri, Courier, monospace !important; color: #D32A23 !important; } table.codedesign_preistable { width: 100%; margin-bottom: 20px; } table.codedesign_preistable.no-margin { margin-bottom: 0px; } table.codedesign_preistable tr { background: #2c2b29; transition: all 0.33s ease-in-out; -moz-transition: all 0.33s ease-in-out; -o-transition: all 0.33s ease-in-out; -webkit-transition: all 0.33s ease-in-out; } table.codedesign_preistable tr:hover { background: #222220; } table.codedesign_preistable thead tr { background: #222220; } table.codedesign_preistable td { width: 25%; padding: 4px 8px; border-bottom: 1px solid #222220; } table.codedesign_preistable td:first-child { width: 50%; } .layout_navigation_horizontal_fixed_mobile_slide_navigation_trigger { /*display: none;*/ }