/* Theme Name: TwentyTwelve Child Description: Mattheis Twentytwelve Childtheme Author: Siegbert Mattheis, Japheth Kohl und Tobias Mayer Author URI: https://www.mattheis-berlin.de Template: twentytwelve Text Domain: twentytwelve Version: 1.0 Tags: __ __ _______ _______ _ _ ______ _____ _____ | \/ | /\|__ __|__ __| | | | ____|_ _|/ ____| | \ / | / \ | | | | | |__| | |__ | | | (___ | |\/| | / /\ \ | | | | | __ | __| | | \___ \ | | | |/ ____ \| | | | | | | | |____ _| |_ ____) | |_| |_/_/ \_\_| |_| |_| |_|______|_____|_____/ __ ________ _____ ____ ______ _____ ______ _ _ _______ _ _ _____ \ \ / / ____| __ \| _ \| ____| /\ / ____| ____| \ | |__ __| | | | __ \ \ \ /\ / /| |__ | |__) | |_) | |__ / \ | | __| |__ | \| | | | | | | | |__) | \ \/ \/ / | __| | _ /| _ <| __| / /\ \| | |_ | __| | . ` | | | | | | | _ / \ /\ / | |____| | \ \| |_) | |____ / ____ \ |__| | |____| |\ | | | | |__| | | \ \ \/ \/ |______|_| \_\____/|______/_/ \_\_____|______|_| \_| |_| \____/|_| \_\ ____ ______ _____ _ _____ _ _ | _ \| ____| __ \| | |_ _| \ | | | |_) | |__ | |__) | | | | | \| | | _ <| __| | _ /| | | | | . ` | | |_) | |____| | \ \| |____ _| |_| |\ | |____/|______|_| \_\______|_____|_| \_|–––––––––––––––––––––––––––––––––––––––––––––––––*/ /*–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/ /*–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/ /*------------------------------- Variables ------------------------------*/ :root { /* Color */ --light-grey: #ededed; --grey: #777; --dark-grey: #333; --light-blue: #c4e0fd; --blue: #1b5798; --yellow: #f5cb03; --gold-brown: #a76d01; --link-color: #6585c1; --link-color-hover: #5d749f; --link-color-light: #96afdf; --link-color-light-hover: #c3d7ff; /* Transitions */ --transition-duration-sticky-header: .3s; --transition-timing-function-sticky-header: ease-in; --transition-buttons: all .2s ease-in-out; } /*------------------------------- General ------------------------------*/ body { max-width: 100%; background-color: #fff; } #page { margin: 0; padding: 0; box-shadow: none; max-width: none; } /* Image Appearance */ .entry-content img, img.wp-post-image { box-shadow: none !important; border-radius: 0 !important; } #primary.site-content { margin: 0; } #primary.site-content article { border-bottom: none; margin-bottom: 0; padding: 0; } #secondary.widget-area { padding: 0; } /*header.entry-header { display: none; }*/ /* Default Images */ .entry-content img, .comment-content img, .widget img, img.header-image, .author-avatar img, img.wp-post-image { box-shadow: none; border-radius: 0; } /*------------------------------- Page Layout Content ------------------------------*/ #page > #main { width: 100%; max-width: 1920px; margin: 0 auto; box-sizing: border-box; } #page > #main > * { width: 100%; padding: 0 20px; margin: 0; box-sizing: border-box; } @media screen and (min-width: 768px){ #page > #main > * { padding: 0 30px; } } @media screen and (min-width: 1200px){ #page > #main > * { padding: 0 50px; } } @media screen and (min-width: 1600px){ #page > #main > * { padding: 0 80px; } } #page > #main > #primary { margin-top: 0px; } /*------------------------------- WPBakery Page Builder ------------------------------*/ /* Rows */ .entry-content .vc_row { margin-left: 0; margin-right: 0; margin-bottom: 40px; position: relative; } @media screen and (min-width: 1024px){ .entry-content .vc_row { margin-bottom: 70px; } } /* Row max width 1400px */ #page .entry-content .vc_row.row-narrow { width: 100%; max-width: 1400px; margin-left: auto; margin-right: auto; } .entry-content .vc_row > .vc_column_container > .vc_column-inner { padding: 0; } /* Row has fill */ /*@media screen and (min-width: 768px){ .entry-content .vc_row.vc_row-has-fill { padding: 0 !important; } }*/ .entry-content .vc_row.vc_row-has-fill { padding: 20px; } @media screen and (min-width: 1024px){ .entry-content .vc_row.vc_row-has-fill { padding: 30px; } } /* Row full height */ .entry-content > .wpb-content-wrapper > .vc_row.vc_row-o-full-height, .entry-content > .wpb-content-wrapper > .vc_row .vc_row-o-full-height { max-height: 800px; min-height: 800px!important; margin-bottom: 0; } /* First Row on Page */ .entry-content > .wpb-content-wrapper > .vc_row:first-child { margin-bottom: 0; } /* Columns */ /*.entry-content .vc_row .vc_column_container > .vc_column-inner { margin-bottom: 35px; } .entry-content .vc_row .vc_column_container:last-child > .vc_column-inner { margin-bottom: 0; } @media screen and (min-width: 768px){ .entry-content .vc_row .vc_column_container > .vc_column-inner { margin-bottom: 0; } }*/ .entry-content .vc_col-has-fill>.vc_column-inner, .entry-content .vc_row-has-fill+.vc_row-full-width+.vc_row>.vc_column_container>.vc_column-inner, .entry-content .vc_row-has-fill+.vc_row>.vc_column_container>.vc_column-inner, .entry-content .vc_row-has-fill>.vc_column_container>.vc_column-inner { padding-top: 0; } /* Column has fill */ .entry-content .vc_row.wpb_row .vc_col-has-fill.vc_column_container > .vc_column-inner { padding: 20px; } @media screen and (min-width: 1024px){ .entry-content .vc_row.wpb_row .vc_col-has-fill.vc_column_container > .vc_column-inner { padding: 30px; } } /* Column Gaps */ .entry-content .vc_row.vc_column-gap-1 { margin-left: -.5px; margin-right: -.5px; } .entry-content .vc_row.vc_column-gap-2 { margin-left: -1px; margin-right: -1px; } .entry-content .vc_row.vc_column-gap-3 { margin-left: -1.5px; margin-right: -1.5px; } .entry-content .vc_row.vc_column-gap-4 { margin-left: -2px; margin-right: -2px; } .entry-content .vc_row.vc_column-gap-5 { margin-left: -2.5px; margin-right: -2.5px; } .entry-content .vc_row.vc_column-gap-10 { margin-left: -5px; margin-right: -5px; } .entry-content .vc_row.vc_column-gap-15 { margin-left: -7.5px; margin-right: -7.5px; } .entry-content .vc_row.vc_column-gap-20 { margin-left: -10px; margin-right: -10px; } .entry-content .vc_row.vc_column-gap-25 { margin-left: -12.5px; margin-right: -12.5px; } .entry-content .vc_row.vc_column-gap-30 { margin-left: -15px; margin-right: -15px; } .entry-content .vc_row.vc_column-gap-35 { margin-left: -17.5px; margin-right: -17.5px; } /*@media screen and (max-width: 767px){ .entry-content .vc_row.wpb_row > .wpb_column.vc_column_container { padding-left: 0 !important; padding-right: 0 !important; } .entry-content .vc_row.vc_column-gap-1, .entry-content .vc_row.vc_column-gap-2, .entry-content .vc_row.vc_column-gap-3, .entry-content .vc_row.vc_column-gap-4, .entry-content .vc_row.vc_column-gap-5, .entry-content .vc_row.vc_column-gap-10, .entry-content .vc_row.vc_column-gap-15, .entry-content .vc_row.vc_column-gap-20, .entry-content .vc_row.vc_column-gap-25, .entry-content .vc_row.vc_column-gap-30, .entry-content .vc_row.vc_column-gap-35 { margin-left: 0; margin-right: 0; } }*/ /* Content Elements */ .entry-content > .wpb-content-wrapper > .vc_row .wpb_wrapper > *:last-child { margin-bottom: 0; } /*.entry-content > .wpb-content-wrapper > .vc_row .wpb_wrapper > *:not(:first-child) { margin-top: 35px; margin-bottom: 0; } .entry-content > .wpb-content-wrapper > .vc_row .wpb_wrapper > *:first-child { margin-top: 0; margin-bottom: 0; } .entry-content > .wpb-content-wrapper > .vc_row.wpb_row:first-child .wpb_wrapper > h1 { margin-top: 35px; }*/ /* Text Elements */ .wpb_text_column > .wpb_wrapper > * { max-width: 1400px; max-width: 1200px; margin-left: auto; margin-right: auto; } /*------------------------------- Fonts ------------------------------*/ /*----- Font Import -----*/ @font-face { font-family: 'Titillium Web'; src: url('fonts/titillium-web/TitilliumWeb-LightItalic.eot'); src: url('fonts/titillium-web/TitilliumWeb-LightItalic.eot?#iefix') format('embedded-opentype'), url('fonts/titillium-web/TitilliumWeb-LightItalic.woff2') format('woff2'), url('fonts/titillium-web/TitilliumWeb-LightItalic.woff') format('woff'), url('fonts/titillium-web/TitilliumWeb-LightItalic.ttf') format('truetype'), url('fonts/titillium-web/TitilliumWeb-LightItalic.svg#TitilliumWeb-LightItalic') format('svg'); font-weight: 300; font-style: italic; } @font-face { font-family: 'Titillium Web'; src: url('fonts/titillium-web/TitilliumWeb-ExtraLightItalic.eot'); src: url('fonts/titillium-web/TitilliumWeb-ExtraLightItalic.eot?#iefix') format('embedded-opentype'), url('fonts/titillium-web/TitilliumWeb-ExtraLightItalic.woff2') format('woff2'), url('fonts/titillium-web/TitilliumWeb-ExtraLightItalic.woff') format('woff'), url('fonts/titillium-web/TitilliumWeb-ExtraLightItalic.ttf') format('truetype'), url('fonts/titillium-web/TitilliumWeb-ExtraLightItalic.svg#TitilliumWeb-ExtraLightItalic') format('svg'); font-weight: 200; font-style: italic; } @font-face { font-family: 'Titillium Web'; src: url('fonts/titillium-web/TitilliumWeb-BoldItalic.eot'); src: url('fonts/titillium-web/TitilliumWeb-BoldItalic.eot?#iefix') format('embedded-opentype'), url('fonts/titillium-web/TitilliumWeb-BoldItalic.woff2') format('woff2'), url('fonts/titillium-web/TitilliumWeb-BoldItalic.woff') format('woff'), url('fonts/titillium-web/TitilliumWeb-BoldItalic.ttf') format('truetype'), url('fonts/titillium-web/TitilliumWeb-BoldItalic.svg#TitilliumWeb-BoldItalic') format('svg'); font-weight: bold; font-style: italic; } @font-face { font-family: 'Titillium Web'; src: url('fonts/titillium-web/TitilliumWeb-Light.eot'); src: url('fonts/titillium-web/TitilliumWeb-Light.eot?#iefix') format('embedded-opentype'), url('fonts/titillium-web/TitilliumWeb-Light.woff2') format('woff2'), url('fonts/titillium-web/TitilliumWeb-Light.woff') format('woff'), url('fonts/titillium-web/TitilliumWeb-Light.ttf') format('truetype'), url('fonts/titillium-web/TitilliumWeb-Light.svg#TitilliumWeb-Light') format('svg'); font-weight: 300; font-style: normal; } @font-face { font-family: 'Titillium Web'; src: url('fonts/titillium-web/TitilliumWeb-Bold.eot'); src: url('fonts/titillium-web/TitilliumWeb-Bold.eot?#iefix') format('embedded-opentype'), url('fonts/titillium-web/TitilliumWeb-Bold.woff2') format('woff2'), url('fonts/titillium-web/TitilliumWeb-Bold.woff') format('woff'), url('fonts/titillium-web/TitilliumWeb-Bold.ttf') format('truetype'), url('fonts/titillium-web/TitilliumWeb-Bold.svg#TitilliumWeb-Bold') format('svg'); font-weight: bold; font-style: normal; } @font-face { font-family: 'Titillium Web'; src: url('fonts/titillium-web/TitilliumWeb-Italic.eot'); src: url('fonts/titillium-web/TitilliumWeb-Italic.eot?#iefix') format('embedded-opentype'), url('fonts/titillium-web/TitilliumWeb-Italic.woff2') format('woff2'), url('fonts/titillium-web/TitilliumWeb-Italic.woff') format('woff'), url('fonts/titillium-web/TitilliumWeb-Italic.ttf') format('truetype'), url('fonts/titillium-web/TitilliumWeb-Italic.svg#TitilliumWeb-Italic') format('svg'); font-weight: normal; font-style: italic; } @font-face { font-family: 'Titillium Web'; src: url('fonts/titillium-web/TitilliumWeb-Black.eot'); src: url('fonts/titillium-web/TitilliumWeb-Black.eot?#iefix') format('embedded-opentype'), url('fonts/titillium-web/TitilliumWeb-Black.woff2') format('woff2'), url('fonts/titillium-web/TitilliumWeb-Black.woff') format('woff'), url('fonts/titillium-web/TitilliumWeb-Black.ttf') format('truetype'), url('fonts/titillium-web/TitilliumWeb-Black.svg#TitilliumWeb-Black') format('svg'); font-weight: 900; font-style: normal; } @font-face { font-family: 'Titillium Web'; src: url('fonts/titillium-web/TitilliumWeb-ExtraLight.eot'); src: url('fonts/titillium-web/TitilliumWeb-ExtraLight.eot?#iefix') format('embedded-opentype'), url('fonts/titillium-web/TitilliumWeb-ExtraLight.woff2') format('woff2'), url('fonts/titillium-web/TitilliumWeb-ExtraLight.woff') format('woff'), url('fonts/titillium-web/TitilliumWeb-ExtraLight.ttf') format('truetype'), url('fonts/titillium-web/TitilliumWeb-ExtraLight.svg#TitilliumWeb-ExtraLight') format('svg'); font-weight: 200; font-style: normal; } @font-face { font-family: 'Titillium Web'; src: url('fonts/titillium-web/TitilliumWeb-Regular.eot'); src: url('fonts/titillium-web/TitilliumWeb-Regular.eot?#iefix') format('embedded-opentype'), url('fonts/titillium-web/TitilliumWeb-Regular.woff2') format('woff2'), url('fonts/titillium-web/TitilliumWeb-Regular.woff') format('woff'), url('fonts/titillium-web/TitilliumWeb-Regular.ttf') format('truetype'), url('fonts/titillium-web/TitilliumWeb-Regular.svg#TitilliumWeb-Regular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Titillium Web'; src: url('fonts/titillium-web/TitilliumWeb-SemiBoldItalic.eot'); src: url('fonts/titillium-web/TitilliumWeb-SemiBoldItalic.eot?#iefix') format('embedded-opentype'), url('fonts/titillium-web/TitilliumWeb-SemiBoldItalic.woff2') format('woff2'), url('fonts/titillium-web/TitilliumWeb-SemiBoldItalic.woff') format('woff'), url('fonts/titillium-web/TitilliumWeb-SemiBoldItalic.ttf') format('truetype'), url('fonts/titillium-web/TitilliumWeb-SemiBoldItalic.svg#TitilliumWeb-SemiBoldItalic') format('svg'); font-weight: 600; font-style: italic; } @font-face { font-family: 'Titillium Web'; src: url('fonts/titillium-web/TitilliumWeb-SemiBold.eot'); src: url('fonts/titillium-web/TitilliumWeb-SemiBold.eot?#iefix') format('embedded-opentype'), url('fonts/titillium-web/TitilliumWeb-SemiBold.woff2') format('woff2'), url('fonts/titillium-web/TitilliumWeb-SemiBold.woff') format('woff'), url('fonts/titillium-web/TitilliumWeb-SemiBold.ttf') format('truetype'), url('fonts/titillium-web/TitilliumWeb-SemiBold.svg#TitilliumWeb-SemiBold') format('svg'); font-weight: 600; font-style: normal; } * { hyphens: auto; -webkit-hyphens: auto; -moz-hyphens: auto; white-space: normal; box-sizing: border-box; color: #777; color: var(--grey); font-family: 'Titillium Web', sans-serif; font-weight: normal; } /*----- Font Family -----*/ h1, .entry-content h1, .comment-content h1, .entry-header h1, h2, .entry-content h2, .comment-content h2, h3, .entry-content h3, .comment-content h3 { font-family: 'Titillium Web', sans-serif; } strong, strong *, b, b * { font-family: inherit; color: inherit; font-weight: 600; } /*----- Custom Heading Styles -----*/ /* H1 Page Title */ h1, .entry-header h1.entry-title, .page-header h1.page-title, .archive-header h1.archive-title { margin-top: 30px; margin-left: auto; margin-right: auto; text-transform: none; font-weight: normal; color: #1b5798; color: var(--blue); } .entry-header h1.entry-title, .page-header h1.page-title, .archive-header h1.archive-title { text-align: center; } /* Hashtag */ .entry-content .max-height h1 { font-size: 3em; } /* H2 */ h2, .entry-content h2, .comment-content h2 { color: #1b5798; color: var(--blue); } /* H3 */ h3, .entry-content h3, .comment-content h3 { text-transform: uppercase; color: #1b5798; color: var(--blue); } /* Slogan */ .slogan { font-size: 1.5em; } .slogan * { text-shadow: 0 0 3px rgba(255,255,255,.7); } /*----- General Font Styles -----*/ h1, .entry-content h1, .comment-content h1, h2, .entry-content h2, .comment-content h2, h3, .entry-content h3, .comment-content h3, h4, .entry-content h4, .comment-content h4, h5, .entry-content h5, .comment-content h5, h6, .entry-content h6, .comment-content h6, p, .entry-content p, .comment-content p, ol, .entry-content ol, .comment-content ol, ul, .entry-content ul, .comment-content ul { line-height: 1.2; padding: 0; } p, .entry-content p, .comment-content p, ol, .entry-content ol, .comment-content ol, ul, .entry-content ul, .comment-content ul, li, .entry-content li, .comment-content li { line-height: 1.5; } /*----- Links -----*/ a, a:link, a:visited, a:hover, a:focus, a:active { text-decoration: none; outline: none; font-family: inherit; } /* in Paragraph (content area #main) */ p a, p a:link, p a:visited, .wpb_text_column a, .wpb_text_column a:link, .wpb_text_column a:visited { color: #6585c1; color: var(--link-color); } p a:hover, p a:focus, p a:active, .wpb_text_column a:hover, .wpb_text_column a:focus, .wpb_text_column a:active { text-decoration: underline; color: #5d749f; color: var(--link-color-hover); } /*----- Lists -----*/ .entry-content ul, .comment-content ul, .mu_register ul, .entry-content ol, .comment-content ol, .mu_register ol { list-style-position: outside; padding-left: 28px; } ul + ul, .entry-content .vc_row.wpb_row .wpb_wrapper ul + ul, .comment-content ul + ul { margin-top: 0; } .entry-content li, .comment-content li, .mu_register li { list-style-position: outside; margin: 0; } /*--- Text Colors -----*/ /* White Text */ .entry-content .text-white *, .entry-content .white-text *, .entry-content .weiss-text *, .entry-content .text-weiss * { color: #fff; } /* Links */ .entry-content .text-white a, .entry-content .text-white a:link, .entry-content .text-white a:visited, .entry-content .white-text a, .entry-content .white-text a:link, .entry-content .white-text a:visited, .entry-content .weiss-text a, .entry-content .weiss-text a:link, .entry-content .weiss-text a:visited, .entry-content .text-weiss a, .entry-content .text-weiss a:link, .entry-content .text-weiss a:visited { color: #96afdf; color: var(--link-color-light); } .entry-content .text-white a:hover, .entry-content .text-white a:focus, .entry-content .text-white a:active, .entry-content .white-text a:hover, .entry-content .white-text a:focus, .entry-content .white-text a:active, .entry-content .weiss-text a:hover, .entry-content .weiss-text a:focus, .entry-content .weiss-text a:active, .entry-content .text-weiss a:hover, .entry-content .text-weiss a:focus, .entry-content .text-weiss a:active { color: #c3d7ff; color: var(--link-color-light-hover); } /*----- Font Size -----*/ body { font-size: 18px; } * { font-size: 1em; } header.site-header * { font-size: 14px; } footer * { font-size: 16px; } sub/* Tiefstellen */, sup/* Hochstellen */ { font-size: .6em; } /* Widget Titles */ .widget-title { font-size: 1em; } h1, .entry-content h1, .comment-content h1, .entry-header h1.entry-title, .page-header h1.page-title, .archive-header h1.archive-title { font-size: 1.6em; } h2, .entry-content h2, .comment-content h2, .entry-header h2 { font-size: 1.5em; } h3, .entry-content h3, .comment-content h3, .entry-header h3 { font-size: 1.4em; } h4, .entry-content h4, .comment-content h4, .entry-header h4 { font-size: 1.3em; } h5, .entry-content h5, .comment-content h5, .entry-header h5 { font-size: 1.2em; } h6, .entry-content h6, .comment-content h6, .entry-header h6 { font-size: 1.1em; } /*----- Tablet portrait -----*/ @media screen and (min-width: 768px){ body { font-size: 22px; } } /*----- Tablet landscape -----*/ @media screen and (min-width: 1024px){ } /*----- Tablet big landscape -----*/ @media screen and (min-width: 1366px){ body { font-size: 24px; } h1, .entry-content h1, .comment-content h1, .entry-header h1.entry-title, .page-header h1.page-title, .archive-header h1.archive-title { font-size: 2.1em; } h2, .entry-content h2, .comment-content h2, .entry-header h2 { font-size: 1.8em; } h3, .entry-content h3, .comment-content h3, .entry-header h3 { font-size: 1.5em; } h4, .entry-content h4, .comment-content h4, .entry-header h4 { font-size: 1.5em; } h5, .entry-content h5, .comment-content h5, .entry-header h5 { font-size: 1.3em; } h6, .entry-content h6, .comment-content h6, .entry-header h6 { font-size: 1.15em; } } /*----- Desktop -----*/ @media screen and (min-width: 1500px){ footer * { font-size: 18px; } } @media screen and (min-width: 1600px){ header.site-header * { font-size: 16px; } } /*------------------------------- Responsive Elements Classes -------------------------------*/ .smartphone-visible, .tablet-visible, .desktop-visible { display: none; } /* Smartphone */ @media screen and (max-width: 767px){ .smartphone-visible { display: block; } } /* Tablet */ .tablet-visible { display: none; } @media screen and (min-width: 768px) and (max-width: 1365px){ .tablet-visible { display: block; } } /* Desktop */ @media screen and (min-width: 1366px){ .desktop-visible { display: block; } } /*------------------------------- Timeline ------------------------------*/ .timeline-widget { background-color: #1b5798; padding: 10px; margin: 20px 0; color: #fff } /*----- TIMELINE EVEREST -----*/ /* Timeline horizontal */ .et-hor-timeline-template-11 .et-timeline-date-one{ margin-left: 100px } .et-hor-timeline-template-11 .et-main-wrap, .et-hor-timeline-template-11 .et-meta-wrap{ border: none; } /* sticky navigation bar right */ .et-nav-history-bar { display: none; } /* Timeline Posts Preview */ .et-timeline-item .et-first-layer, .et-timeline-item .et-contain-main-inner, .et-timeline-item .et-lower-meta { border: none; } /*------------------------------- Post Grid Slider -------------------------------*/ .mega-post-date, .mega-post-title, .mega-post-meta, .mega-post-date{ display: none; } .mega-post-carousel1 .mega-post-image img{ height: auto!important; } .vc-post-styling .slick-prev:before, .slick-next:before{ background: #1b5798!important; } section.slider.post-slider.vc-post-styling.slick-initialized.slick-slider{ max-width: 100%; width: 100%; } /*------------------------------- Logged In Admin Bar ------------------------------*/ /* Header, Responsive Menu */ .logged-in.admin-bar .header-container, .logged-in.admin-bar #responsive-menu-pro-container { top: 46px; } @media screen and (min-width: 783px){ .logged-in.admin-bar .header-container, .logged-in.admin-bar #responsive-menu-pro-container { top: 32px; } } /*------------------------------- Header ------------------------------*/ /* Sticky Container */ .header-container { position: fixed; top: 0; left: 0; width: 100%; z-index: 99; } #masthead.site-header { width: 100% !important; padding: 0; background-color: #fff; color: #777; color: var(--grey); position: relative; z-index: 10; display: flex; justify-content: center; overflow: hidden; } #masthead.site-header.boxShadow { box-shadow: 0px 0px 6px rgb(0 0 0 / 60%); } body.mega-menu-primary-mobile-open #masthead.site-header { overflow: visible; } #headerwrap { height: auto; display: inline-block; width: 100%; /*max-width: 1860px;*/ margin: 0 auto; padding: 5px 12px 0; box-sizing: border-box; } @media screen and (min-width: 768px){ #headerwrap { padding-left: 30px; padding-right: 30px; } } @media screen and (min-width: 1200px){ #headerwrap { padding-left: 50px; padding-right: 50px; } } @media screen and (min-width: 1600px){ #headerwrap { padding-left: 80px; padding-right: 80px; } } /*---------- Links ----------*/ #masthead.site-header a, #masthead.site-header a:link, #masthead.site-header a:visited {} /* Hover */ #masthead.site-header a:hover, #masthead.site-header a:focus, #masthead.site-header a:active { } /*---------- Header Info Section - first header row -----*/ #header-info div.widget-wrap > div { display: flex; } /*#header-info div.widget-wrap div > a:first-child{ padding-right: 25px }*/ .header_row_one { color: #465497; color: var(--dark-blue); font-size: 16px; font-weight: 700; padding: 0; margin: 0; width: 100%; clear: both; float: none; width: auto; display: flex; justify-content: flex-end; align-items: center; } /*---- Links ----*/ .header_row_one > * { float: right; display: flex; align-items: center; margin: 0 10px 0 0; font-family: 'Titillium Web', sans-serif; } .header_row_one > * span { font-family: 'Titillium Web', sans-serif; display: inline; } .header_row_one > *:last-child { margin: 0 0 0 0 !important; } /* Icon */ .header_row_one > * a { margin: 0 20px 0 0; } /* Hover */ #masthead.site-header .header_row_one a:hover, #masthead.site-header .header_row_one a:focus, #masthead.site-header .header_row_one a:active { opacity: .5; } /*----- Language Menu -----*/ ul#menu-sprach-menue > li { float: left; } /*----- Contact Links -----*/ .contact-link { display: flex; align-items: center; } .contact-link img { margin-right: 5px; } @media screen and (max-width: 1024px){ /*----- Contact Links -----*/ .contact-link span { display: none; } .header_row_one { height: 100%; margin-left: 25px; position: absolute; left: 50%; transform: translateX(-50%); display: flex; justify-content: center; flex-wrap: wrap; } /* .header_row_one > .widget-wrap:nth-child(2) { margin-right: 0; } */ } @media screen and (max-width: 450px){ .contact-link img { margin-right: 0; } .header_row_one > * { margin: 0 0 0 0; } } @media screen and (min-width: 768px){ .header_row_one > * { margin: 0 25px 0 0; } } /*---------- second header row -----*/ .header_row_two { display: flex; justify-content: space-between; align-items: stretch; } /* Columns */ .header-col { display: flex; align-items: flex-end; margin-bottom: 0; } /* Column 1 */ .header-col.header-col-1 { margin-right: 30px; margin-bottom: 5px; } /*@media screen and (min-width: 1024px){ .header-col.header-col-1 { margin-bottom: 5px; } }*/ /* Column 2 */ .header-col.header-col-2 { display: flex; align-items: center; } #logo > .widget-wrap:first-child { display: block; } #logo > .widget-wrap:nth-child(2) { display: none; } /*---------- Logo -----*/ /* Logo Container */ #logo { clear: none; float: left; margin-top: 0; top: 0; position: relative; /*overflow: hidden;*/ } /* Logo Size */ #logo, #logo img { height: 60px; width: 84px; } #logo img { /*height: 100% !important; width: auto !important;*/ max-width: none !important; margin-top: 3px; } #logo > .widget-wrap { height: 100%; } #logo a:hover, #logo a:focus, #logo a:active { opacity: .8; cursor: pointer; } @media screen and (min-width: 768px){ #logo, #logo img { height: 60px; width: 84px; } } @media screen and (min-width: 1024px){ #logo, #logo img { height: 70px; width: 98px; } } @media screen and (min-width: 1025px){ #logo { position: absolute; } } /*---------- Hauptnavigation | Top Menu | Mega Menü -----*/ /*--- Reset parent Styles ---*/ @media screen and (min-width: 600px){ .main-navigation ul.nav-menu, .main-navigation div.nav-menu > ul { border-bottom: none; border-top: none; display: inline-block !important; text-align: left; width: auto; } } #site-navigation.main-navigation { clear: none; float: right; height: 100%; margin: 0; padding: 0; display: flex; align-items: flex-end; } /*----- Menu Items -----*/ .main-navigation li.menu-item a { line-height: 4; } @media screen and (max-width: 1366px){ #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item { margin: 0 20px 0 0; } .main-navigation li.menu-item a, #mega-menu-wrap-primary ul#mega-menu-primary li.mega-menu-item > a.mega-menu-link { font-size: 16px; } } @media screen and (max-width: 1100px){ #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item { margin: 0 15px 0 0; } } /*--- First Layer ---*/ .main-navigation ul.menu > li.menu-item { margin: 0 40px 0 0; } .main-navigation ul.menu > li.menu-item:last-child { margin: 0 10px 0 0; } /* Mega Menu */ #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item:last-child{ margin: 0; } /*--- Menu Item Has Children ---*/ #site-navigation li.menu-item.menu-item-has-children { padding-right: 18px; } #site-navigation li.menu-item.menu-item-has-children:after { /* content: ''; display: flex; width: 13px; height: 100%; position: absolute; top: 0; left: unset; right: 0; background-image: url(/wp-content/themes/twentytwelve-child/images/dropdown-arrow-down.svg); background-position: center; background-size: contain; background-repeat: no-repeat; align-items: center; */ content: ''; display: block; width: 10px; height: 10px; position: absolute; top: 10px; left: unset; right: 0; border: 2px solid #777; border-top: none; border-left: none; transform: rotate(45deg); } #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item-has-children>a.mega-menu-link>span.mega-indicator { width: 20px; display: block; float: right; } #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item-has-children>a.mega-menu-link>span.mega-indicator:after { content: '' !important; display: block; width: 8px; height: 8px; position: absolute; top: 10px; left: unset; right: 0; border: 2px solid #777; border-top: none; border-left: none; transform: rotate(45deg); } #mega-menu-wrap-primary #mega-menu-primary ul.mega-sub-menu li.mega-menu-item-has-children>a.mega-menu-link>span.mega-indicator:after { border: 2px solid #fff; border-top: none; border-left: none; } .mega-sub-menu * { clip-path: unset !important; } /*----- Sub Menu -----*/ ul.sub-menu { display: flex; flex-direction: column; box-shadow: 0 0 10px rgba(255,255,255,.5); } .main-navigation li ul.sub-menu li { margin: 0; } .main-navigation li ul.sub-menu li a { font-size: 1em; text-align: left; } /* Gaps between List Items (padding bottom) */ #mega-menu-wrap-primary ul#mega-menu-primary > li.mega-menu-item > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item:not(:last-child) { padding-bottom: 0; } /* Flyout Menu */ #mega-menu-wrap-primary ul#mega-menu-primary > li.mega-menu-flyout > ul.mega-sub-menu li.mega-menu-item a.mega-menu-link { background-color: transparent; /*line-height: 1.7; text-transform: uppercase;*/ } /* Mega Menu Mobile */ /* Mobile Menu */ #mega-menu-wrap-primary .mega-menu-toggle { background: transparent !important; } #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block > button .mega-toggle-animated-inner, #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block > button .mega-toggle-animated-inner:before, #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block > button .mega-toggle-animated-inner:after { width: 32px; background-color: #777; } @media screen and (max-width: 1024px){ #mega-menu-wrap-primary ul#mega-menu-primary { max-height: calc(100vh - 200px); overflow: scroll; padding: 20px !important; border-bottom: 5px solid #222; } #mega-menu-wrap-primary ul#mega-menu-primary .mega-indicator { height: 40px !important; width: 40px !important; display: flex !important; justify-content: center !important; align-items: center !important; } #mega-menu-wrap-primary ul#mega-menu-primary .mega-sub-menu li.mega-menu-item-has-children > a.mega-menu-link { padding-right: 40px !important; } #mega-menu-wrap-primary ul#mega-menu-primary .mega-sub-menu .mega-indicator { height: 30px !important; position: absolute !important; top: 0; right: 0; left: unset !important; } #mega-menu-wrap-primary ul#mega-menu-primary .mega-indicator:after { position: static !important; } ul#mega-menu-primary > .mega-menu-item.mega-toggle-on > a:after { display: none !important; } } @media screen and (max-width: 600px){ #mega-menu-wrap-primary ul#mega-menu-primary { padding: 10px !important; } } /* Mega Menu Desktop */ @media screen and (min-width: 1025px){ #mega-menu-wrap-primary ul#mega-menu-primary > li.mega-menu-item > ul.mega-sub-menu { position: fixed; max-width: 1400px; max-height: calc(100vh - 100px); overflow: scroll; } /* Mega Menu 1 Column */ #mega-menu-wrap-primary ul#mega-menu-primary > li.mega-menu-item.oneColumnMegaMenu > ul.mega-sub-menu { max-width: 600px; } } /*----- Search Header Menu -----*/ /* Search Icon Lupe */ #searchbox .search-menu { clear: none; float: left; padding: 10px 5px; padding: 0; margin-top: 5px; line-height: 2; cursor: pointer; } /* Search Form */ .after-header { /* display: none; */ display: flex; justify-content: center; width: 100%; margin: 0 auto; padding: 10px 10px 0; background-color: #ededed; background-color: var(--light-grey); position: absolute; z-index: 9; transform: translateY(-110px); transition: all .5s linear; box-shadow: 0px 0px 6px rgb(0 0 0 / 60%); } .after-header > .searchformwrapper { width: 100%; max-width: 1400px; margin: 0 auto; } .after-header form > * { margin-bottom: 10px; } .after-header .widget-title { display: none; } @media screen and (min-width: 768px){ .after-header { padding: 10px 30px 0; } } @media screen and (min-width: 1024px){ .after-header { display: flex; justify-content: center; } } @media screen and (min-width: 1366px){ .after-header { padding: 10px 50px 0; } } /* Toggle */ .after-header.search-toggled-on { transform: translateY(0); } /* Search Form */ .after-header form { display: inline-block; float: right; } .after-header form > * { float: left; margin-left: 10px; line-height: 1; } .after-header input.search-field[type="search"], .after-header input.search-field[type="search"]:focus, .after-header input.search-field[type="search"]:focus-within, .after-header input.search-field[type="search"]:focus-visible, .after-header input.search-field[type="search"]:hover, .after-header input.search-field[type="search"]:active { appearance: none; -webkit-appearance: none; -moz-appearance: none; font-size: 16px !important; padding: 7px 15px !important; max-width: 270px; height: auto !important; background-color: #fff; border: 1px solid #000; position: static !important; } /* Search Submit Button */ .after-header form input.search-submit[type="submit"], .after-header form input.search-submit[type="submit"]:focus, .after-header form input.search-submit[type="submit"]:focus-within, .after-header form input.search-submit[type="submit"]:focus-visible, .after-header form input.search-submit[type="submit"]:hover, .after-header form input.search-submit[type="submit"]:active { appearance: none; -webkit-appearance: none; -moz-appearance: none; color: #fff; border: none; background: #f5cb03; background: var(--yellow); background-image: -webkit-linear-gradient(left, #f5cb03 0%, #a76d01 25%, #f5cb03 50%, #a76d01 75%, #f5cb03 100%); background-image: -moz-linear-gradient(left, #f5cb03 0%, #a76d01 25%, #f5cb03 50%, #a76d01 75%, #f5cb03 100%); background-image: -o-linear-gradient(left, #f5cb03 0%, #a76d01 25%, #f5cb03 50%, #a76d01 75%, #f5cb03 100%); background-image: linear-gradient(to right, #f5cb03 0%, #a76d01 25%, #f5cb03 50%, #a76d01 75%, #f5cb03 100%); background-size: 125% 100%; background-position: 0% 0%; color: #fff; font-size: 16px !important; height: auto; width: auto; padding: 9px 20px !important; position: static !important; } .after-header form input.search-submit[type="submit"]:focus, .after-header form input.search-submit[type="submit"]:focus-within, .after-header form input.search-submit[type="submit"]:focus-visible, .after-header form input.search-submit[type="submit"]:hover, .after-header form input.search-submit[type="submit"]:active { background-position: 25% 0%; } @media screen and (max-width: 768px){ .after-header input.search-field[type="search"], .after-header input.search-field[type="search"]:focus, .after-header input.search-field[type="search"]:focus-within, .after-header input.search-field[type="search"]:focus-visible, .after-header input.search-field[type="search"]:hover, .after-header input.search-field[type="search"]:active { border-radius: 3px 0 0 3px; } .after-header form input.search-submit[type="submit"] { color: transparent !important; width: 40px !important; height: 40px !important; background-color: #fae286 !important; background-image: url(https://www.astrofein.com/wp-content/themes/twentytwelve-child/images/lupe-icon.svg) !important; background-size: 50% !important; background-position: center !important; background-repeat: no-repeat !important; margin-left: 0; border-radius: 0 20px 20px 0 !important; border: 1px solid #000 !important; border-left: none !important; } .after-header form input.search-submit[type="submit"]:focus-within, .after-header form input.search-submit[type="submit"]:focus-visible, .after-header form input.search-submit[type="submit"]:hover, .after-header form input.search-submit[type="submit"]:active { background-color: #e2c049 !important; } } /* Close Search Form */ .after-header .close_search { height: 32px; margin-right: -5px; cursor: pointer; } .after-header .close_search:hover { opacity: .6; } .after-header .close_search>div { width: 30px; height: 2px; background-color: #000; } .after-header .close_search>div:first-child { transform: rotate(45deg); margin-top: 16px; } .after-header .close_search>div:nth-child(2) { transform: rotate(-45deg); margin-top: -2px; } /*----- Responsive Menu Pro -----*/ /*----- Button ------*/ #responsive-menu-pro-wrap { /*margin-bottom: 20px;*/ } .header-container button#responsive-menu-pro-button { position: static; min-width: 0 !important; border-radius: 0 !important; } /*----- Max Mega Menu -----*/ /* Active Menu Item First Layer */ ul#mega-menu-primary > .mega-menu-item { position: relative; } ul#mega-menu-primary > .mega-menu-item > a:after { content: ''; opacity: 0; display: block !important; position: absolute; top: unset; bottom: 0; left: 50%; transform: translateX(-50%); border-width: 8px 40px 0 40px; border-color: #1b5798 transparent transparent transparent; border-color: var(--blue) transparent transparent transparent; border-style: solid; } ul#mega-menu-primary > .mega-menu-item.mega-toggle-on > a:after { opacity: 1; } /* List Container */ #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu { padding-left: 0; /*background: rgba(255,255,255,.95);*/ } /* Column Headlines */ #mega-menu-wrap-primary ul#mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link, #mega-menu-wrap-primary ul#mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:link, #mega-menu-wrap-primary ul#mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:visited, #mega-menu-wrap-primary ul#mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:hover, #mega-menu-wrap-primary ul#mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:focus, #mega-menu-wrap-primary ul#mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:active { color: #fff !important; background-color: #1b5798; background-color: var(--blue); padding: 0 10px; } /* Current */ #mega-menu-wrap-primary ul#mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link { color: #1b5798 !important; color: var(--blue) !important; background-color: transparent; /*text-decoration: underline;*/ border-bottom: 2px solid #1b5798; border-bottom: 2px solid var(--blue); } #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link > span.mega-indicator:after { border-color: var(--blue); } /* Inner Links */ #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item li.mega-menu-item > a.mega-menu-link, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item li.mega-menu-item > a.mega-menu-link:link, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item li.mega-menu-item > a.mega-menu-link:visited { border-left: 2px solid #1b5798; border-left: 2px solid var(--blue); padding: 0 9px; } /* Interactive */ #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item li.mega-menu-item > a.mega-menu-link:hover, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item li.mega-menu-item > a.mega-menu-link:focus, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item li.mega-menu-item > a.mega-menu-link:active { border-left: 2px solid #1b5798; border-left: 2px solid var(--blue); /*color: #fff;*/ background-color: #c4e0fd; background-color: var(--light-blue); } /* Current */ #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > ul.mega-sub-menu li.mega-current_page_item > a.mega-menu-link, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item li.mega-menu-item.mega-current-menu-item > a.mega-menu-link { color: #1b5798; color: var(--blue); background-color: #c4e0fd; background-color: var(--light-blue); } /*----- Sticky Header Changes -----*/ .header-container.stickyHeader {} /* Headerwrap */ .header-container.stickyHeader #headerwrap { padding-top: 5px; } #headerwrap { transition-duration: var(--transition-duration-sticky-header); transition-timing-function: var(--transition-timing-function-sticky-header); transition-property: padding-top; } /* First Header Row */ .header-container.stickyHeader header.site-header .header_row_one { /* margin-top: -36px; */ transform: translateY(-150%); } header.site-header .header_row_one { transition-duration: var(--transition-duration-sticky-header); transition-timing-function: var(--transition-timing-function-sticky-header); transition-property: margin-top; } @media screen and (min-width: 1366px){ .header-container.stickyHeader header.site-header .header_row_one { margin-top: 0; height: 0; overflow: hidden; } header.site-header .header_row_one { transition-duration: var(--transition-duration-sticky-header); transition-timing-function: var(--transition-timing-function-sticky-header); transition-property: height; } } /* Logo */ .header-container.stickyHeader .header-col.header-col-1 { margin-bottom: 5px; } .header-col.header-col-1 { transition-duration: var(--transition-duration-sticky-header); transition-timing-function: var(--transition-timing-function-sticky-header); transition-property: margin-bottom; } .header-container.stickyHeader #logo, .header-container.stickyHeader #logo img { height: 45px; width: 43px; position: static; } @media screen and (max-width: 1023px){ .header-container.stickyHeader #logo, .header-container.stickyHeader #logo img { height: 35px; width: 35px; } } #logo, #logo img { transition-duration: var(--transition-duration-sticky-header); transition-timing-function: var(--transition-timing-function-sticky-header); transition-property: height, width; } .header-container.stickyHeader #logo > .widget-wrap:nth-child(2) { display: block; } .header-container.stickyHeader #logo > .widget-wrap:first-child { display: none; } /* Font Size */ /*.header-container.stickyHeader header.site-header * { font-size: 14px; } header.site-header * { transition-duration: var(--transition-duration-sticky-header); transition-timing-function: var(--transition-timing-function-sticky-header); transition-property: font-size; }*/ /* Menu Items */ .header-container.stickyHeader .main-navigation li.menu-item a { line-height: 3; } .main-navigation li.menu-item a { transition-duration: var(--transition-duration-sticky-header); transition-timing-function: var(--transition-timing-function-sticky-header); transition-property: line-height; } /* Search */ .header-container.stickyHeader #searchbox .search-menu { line-height: 1; } /* Responsive Menu Pro Button */ .header-container.stickyHeader button#responsive-menu-pro-button { /*width: 40px;*/ height: 40px; } .header-container button#responsive-menu-pro-button { transition-duration: var(--transition-duration-sticky-header); transition-timing-function: var(--transition-timing-function-sticky-header); transition-property: height, width; } /*------------ Header Image --------------*/ .header-height { height: 100vh; max-height: 700px; } /*------------------------------- Buttons ------------------------------*/ .vc_row .vc_btn3-container { margin: 0; } /*----- General Button Styles -----*/ /* Button, Submit */button, input[type="submit"], input[type="button"], /* Ninja Forms */body .nf-form-content button, body .nf-form-content input[type=button], body .nf-form-content input[type=submit], /* Header Search */.after-header form input.search-submit[type="submit"], /* WP Bakery Page Builder */#page .vc_btn3-container .vc_general.vc_btn3, #page .vc_btn3-container .vc_btn3 { appearance: none; -webkit-appearance: none; -moz-appearance: none; background: #f5cb03; background: var(--yellow); /*background-image: -webkit-linear-gradient(left, #f5cb03 0%, #a76d01 33.333%, #f5cb03 66.666%, #a76d01 100%); background-image: -moz-linear-gradient(left, #f5cb03 0%, #a76d01 33.333%, #f5cb03 66.666%, #a76d01 100%); background-image: -o-linear-gradient(left, #f5cb03 0%, #a76d01 33.333%, #f5cb03 66.666%, #a76d01 100%); background-image: linear-gradient(to right, #f5cb03 0%, #a76d01 33.333%, #f5cb03 66.666%, #a76d01 100%);*/ background-image: -webkit-linear-gradient(left, #f5cb03 0%, #a76d01 25%, #f5cb03 50%, #a76d01 75%, #f5cb03 100%); background-image: -moz-linear-gradient(left, #f5cb03 0%, #a76d01 25%, #f5cb03 50%, #a76d01 75%, #f5cb03 100%); background-image: -o-linear-gradient(left, #f5cb03 0%, #a76d01 25%, #f5cb03 50%, #a76d01 75%, #f5cb03 100%); background-image: linear-gradient(to right, #f5cb03 0%, #a76d01 25%, #f5cb03 50%, #a76d01 75%, #f5cb03 100%); background-size: 125% 100%; background-position: 0% 0%; color: #fff; font-size: 1em; height: auto; text-align: center; text-transform: uppercase; text-decoration: none; letter-spacing: 0.05em; padding: 5px 20px; /*border: 2px solid #777; border: 2px solid var(--grey);*/ border: none; border-radius: 50px; display: inline-flex; justify-content: center; align-items: center; transition: var(--transition-buttons); } /* Hover, Focus, Active */ /* Button */ button:hover, button:focus, button:active, /* Input Submit */ input[type="submit"]:hover, input[type="submit"]:focus, input[type="submit"]:active, /* Input Button */ input[type="button"]:hover, input[type="button"]:focus, input[type="button"]:active, /* Ninja Forms */ body .nf-form-content button:hover, body .nf-form-content button:focus, body .nf-form-content button:active, body .nf-form-content input[type=button]:hover, body .nf-form-content input[type=button]:focus, body .nf-form-content input[type=button]:active, body .nf-form-content input[type=submit]:hover, body .nf-form-content input[type=submit]:focus, body .nf-form-content input[type=submit]:active, /* Search Form Header */ .after-header form input.search-submit[type="submit"]:focus, .after-header form input.search-submit[type="submit"]:focus-within, .after-header form input.search-submit[type="submit"]:hover, .after-header form input.search-submit[type="submit"]:active, /* WP Bakery Page Builder */ #page .vc_btn3-container .vc_btn3:hover, #page .vc_btn3-container .vc_btn3:focus, #page .vc_btn3-container .vc_btn3:active, #page .vc_btn3-container .vc_general.vc_btn3:hover, #page .vc_btn3-container .vc_general.vc_btn3:focus, #page .vc_btn3-container .vc_general.vc_btn3:active { /*background-image: -webkit-linear-gradient(left, #a76d01 0%, #f5cb03 33.333%, #a76d01 66.666%, #f5cb03 100%); background-image: -moz-linear-gradient(left, #a76d01 0%, #f5cb03 33.333%, #a76d01 66.666%, #f5cb03 100%); background-image: -o-linear-gradient(left, #a76d01 0%, #f5cb03 33.333%, #a76d01 66.666%, #f5cb03 100%); background-image: linear-gradient(to right, #a76d01 0%, #f5cb03 33.333%, #a76d01 66.666%, #f5cb03 100%);*/ background-position: 100% 0%; color: #fff; background-image: -webkit-linear-gradient(left, #f5cb03 0%, #a76d01 25%, #f5cb03 50%, #a76d01 75%, #f5cb03 100%); background-image: -moz-linear-gradient(left, #f5cb03 0%, #a76d01 25%, #f5cb03 50%, #a76d01 75%, #f5cb03 100%); background-image: -o-linear-gradient(left, #f5cb03 0%, #a76d01 25%, #f5cb03 50%, #a76d01 75%, #f5cb03 100%); background-image: linear-gradient(to right, #f5cb03 0%, #a76d01 25%, #f5cb03 50%, #a76d01 75%, #f5cb03 100%); background-size: 125% 100%; } /* Child Elements (i. e. Icons) */ /* Button */ button:hover *, button:focus *, button:active *, /* Input Submit */ input[type="submit"]:hover *, input[type="submit"]:focus *, input[type="submit"]:active *, /* Input Button */ input[type="button"]:hover *, input[type="button"]:focus *, input[type="button"]:active *, /* Ninja Forms */ body .nf-form-content button:hover *, body .nf-form-content button:focus *, body .nf-form-content button:active *, body .nf-form-content input[type=button]:hover *, body .nf-form-content input[type=button]:focus *, body .nf-form-content input[type=button]:active *, body .nf-form-content input[type=submit]:hover *, body .nf-form-content input[type=submit]:focus *, body .nf-form-content input[type=submit]:active *, /* Search Form Header */ .after-header form input.search-submit[type="submit"]:focus *, .after-header form input.search-submit[type="submit"]:focus-within *, .after-header form input.search-submit[type="submit"]:hover *, .after-header form input.search-submit[type="submit"]:active *, /* WP Bakery Page Builder */ #page .vc_btn3-container .vc_btn3:hover *, #page .vc_btn3-container .vc_btn3:focus *, #page .vc_btn3-container .vc_btn3:active *, #page .vc_btn3-container .vc_general.vc_btn3:hover *, #page .vc_btn3-container .vc_general.vc_btn3:focus *, #page .vc_btn3-container .vc_general.vc_btn3:active * { color: #fff; } /* Icon on Button */ #page .vc_btn3-container .vc_btn3 .vc_btn3-icon { color: #fff; transition: var(--transition-buttons); } #page .vc_btn3-container .vc_general.vc_btn3.vc_btn3-icon-right { padding-right: 48px; } #page .vc_btn3-container .vc_general.vc_btn3.vc_btn3-icon-left { padding-left: 48px; } /* Hover */ /*#page .vc_btn3-container .vc_general.vc_btn3:hover *, #page .vc_btn3-container .vc_general.vc_btn3:focus *, #page .vc_btn3-container .vc_general.vc_btn3:active * { color: #fff; }*/ /*------------------------------- Breadcrumbs - Yoast SEO ------------------------------*/ .breadcrumbs { width: 100%; border-top: 10px solid #777; border-top: 10px solid var(--grey); border: none; margin-top: 10px; background-image: -webkit-linear-gradient(left, #a76d01 0%, #f5cb03 33.333%, #a76d01 66.666%, #f5cb03 100%); background-image: -moz-linear-gradient(left, #a76d01 0%, #f5cb03 33.333%, #a76d01 66.666%, #f5cb03 100%); background-image: -o-linear-gradient(left, #a76d01 0%, #f5cb03 33.333%, #a76d01 66.666%, #f5cb03 100%); background-image: linear-gradient(to right, #a76d01 0%, #f5cb03 33.333%, #a76d01 66.666%, #f5cb03 100%); margin-bottom: 20px; } #breadcrumbs { max-width: 1860px; margin: 0 auto; } .breadcrumbs * { font-size: 12px; color: #fff; text-transform: uppercase; } .breadcrumbs p { width: 100%; margin: 0 auto; display: none; } .breadcrumbs p span { color: #000; } @media screen and (min-width: 768px){ .breadcrumbs p { padding: 5px 30px; display: block; } } @media screen and (min-width: 1200px){ .breadcrumbs p { padding: 5px 50px; } } /* WPBakery Row */ .entry-content .breadcrumb-row { /*background-image: -webkit-linear-gradient(left, #a76d01 0%, #f5cb03 33.333%, #a76d01 66.666%, #f5cb03 100%); background-image: -moz-linear-gradient(left, #a76d01 0%, #f5cb03 33.333%, #a76d01 66.666%, #f5cb03 100%); background-image: -o-linear-gradient(left, #a76d01 0%, #f5cb03 33.333%, #a76d01 66.666%, #f5cb03 100%); background-image: linear-gradient(to right, #a76d01 0%, #f5cb03 33.333%, #a76d01 66.666%, #f5cb03 100%);*/ background-image: -webkit-linear-gradient(left, #a46f11 70px, #ba9136 110px, #e7c520 150px, #fae282 200px, #ffefb5 210px, #e3c01c 230px, #bd9517 270px, #bd9517 290px, #f1d15a 325px, #edc35b 350px, #fff2ba 365px, #edc35b 380px, #a46f11 405px, #a46f11 465px, #ba9136 550px, #cbad1f 610px, #d1b11e 670px, #a46f11 800px, #e0bd25 1000px, #ffefb5 1250px, #ceaf1f 1340px, #a46f11 1920px); background-image: -moz-linear-gradient(left, #a46f11 70px, #ba9136 110px, #e7c520 150px, #fae282 200px, #ffefb5 210px, #e3c01c 230px, #bd9517 270px, #bd9517 290px, #f1d15a 325px, #edc35b 350px, #fff2ba 365px, #edc35b 380px, #a46f11 405px, #a46f11 465px, #ba9136 550px, #cbad1f 610px, #d1b11e 670px, #a46f11 800px, #e0bd25 1000px, #ffefb5 1250px, #ceaf1f 1340px, #a46f11 1920px); background-image: -o-linear-gradient(left, #a46f11 70px, #ba9136 110px, #e7c520 150px, #fae282 200px, #ffefb5 210px, #e3c01c 230px, #bd9517 270px, #bd9517 290px, #f1d15a 325px, #edc35b 350px, #fff2ba 365px, #edc35b 380px, #a46f11 405px, #a46f11 465px, #ba9136 550px, #cbad1f 610px, #d1b11e 670px, #a46f11 800px, #e0bd25 1000px, #ffefb5 1250px, #ceaf1f 1340px, #a46f11 1920px); background-image: linear-gradient(to right, #a46f11 70px, #ba9136 110px, #e7c520 150px, #fae282 200px, #ffefb5 210px, #e3c01c 230px, #bd9517 270px, #bd9517 290px, #f1d15a 325px, #edc35b 350px, #fff2ba 365px, #edc35b 380px, #a46f11 405px, #a46f11 465px, #ba9136 550px, #cbad1f 610px, #d1b11e 670px, #a46f11 800px, #e0bd25 1000px, #ffefb5 1250px, #ceaf1f 1340px, #a46f11 1920px); font-size: 12px; margin-bottom: 25px; } .entry-content .breadcrumb-row * { color: #fff !important; text-transform: uppercase; } /* current page */ .entry-content .breadcrumb_last { color: #000 !important; } .entry-content .breadcrumb-row .wpb_text_column { padding: 0 20px; } @media screen and (min-width: 768px){ .entry-content .breadcrumb-row .wpb_text_column { padding: 0 30px; } } @media screen and (min-width: 1200px){ .entry-content .breadcrumb-row .wpb_text_column { padding: 0 50px; } } /*------- Column Links ------*/ .vc_column-inner > a { z-index: 10 !important; } /*------------------------------- Homepage / Startseite ------------------------------*/ /*----- Hover Grid -----*/ .entry-content .hoverGrid.vc_row.wpb_row { margin-bottom: 0; } .entry-content .hoverGrid.vc_row .vc_column_container > .vc_column-inner { position: relative; } .entry-content .hoverGrid.vc_row .wpb_wrapper .wpb_content_element { margin: 0; } .entry-content .hoverGrid.vc_row .wpb_wrapper .wpb_text_column { position: absolute; top: 0; left: 0; right: 0; bottom: 0; height: 100%; width: 100%; padding: 15px; display: flex; justify-content: center; align-items: center; transition: opacity .5s linear; } .entry-content .hoverGrid.vc_row .wpb_wrapper .wpb_text_column p { margin: 0; } .entry-content .hoverGrid.vc_row .wpb_wrapper .wpb_text_column p:first-child { font-size: 1.6em; text-transform: uppercase; } .entry-content .hoverGrid.vc_row .wpb_wrapper .wpb_text_column p:nth-child(2) { font-size: 1.2em; } .entry-content .hoverGrid .wpb_column > .vc_column-inner:hover .wpb_text_column { opacity: 0; } /* Home Page (without text on back side) */ .home .entry-content .hoverGrid.vc_row.wpb_row { margin-left: -35px; margin-right: -35px; } .home .entry-content .hoverGrid.vc_row .vc_column_container { padding: 35px; } @media screen and (max-width: 1024px){ .home .entry-content .hoverGrid.vc_row.wpb_row { margin-left: -25px; margin-right: -25px; } .home .entry-content .hoverGrid.vc_row .vc_column_container { padding: 25px; } } @media screen and (max-width: 767px){ .home .entry-content .hoverGrid.vc_row.wpb_row { margin-left: -15px; margin-right: -15px; } .home .entry-content .hoverGrid.vc_row .vc_column_container { padding: 15px; } } /* Tablet small 2 Columns */ @media screen and (max-width: 1024px){ .hoverGrid.vc_row > .wpb_column { width: 50%; float: left; } } /* Tablet small 2 Columns */ @media screen and (max-width: 500px){ .hoverGrid.vc_row > .wpb_column { width: 100%; float: none; } } /* Sub Page (with text on back side) */ .flip-box-inner div.vc_column-inner div.wpb_wrapper div.flip-box-back div > p { font-size: 0.7em !important; } .flip-box-inner div.vc_column-inner div.wpb_wrapper div.flip-box-back div > h3 { margin: 0; font-size: 0.9em; } @media screen and (min-width: 500px) and (max-width: 1024px){ .flip-box-inner.vc_col-sm-3 { width: 50%; float: left; } } /* Back Side */ .entry-content .hoverGrid .wpb_column .wpb_wrapper .wpb_text_column.flip-box-back { opacity: 0; } /* Hover */ .entry-content .hoverGrid .wpb_column:hover .wpb_wrapper .wpb_text_column.flip-box-back { opacity: 1; } /* Wrapper */ .entry-content .hoverGrid .wpb_column .wpb_wrapper .wpb_text_column.flip-box-back > .wpb_wrapper { max-height: 100%; /*overflow: scroll;*/ } /* Text */ .entry-content .hoverGrid.vc_row .wpb_wrapper .wpb_text_column.flip-box-back p:nth-child(2) { font-size: 1em; } /*----- Flip Effekt Grid -----*/ .entry-content .flipBoxGrid > .vc_column_container > .vc_column-inner { position: relative; } .entry-content .flipBoxGrid .wpb_wrapper .wpb_content_element { margin: 0; } .entry-content .flipBoxGrid.vc_row .flipBox > .vc_column-inner { height: 100%; width: 100%; } .entry-content .flipBoxGrid.vc_row .flipBox .wpb_wrapper .wpb_text_column { position: absolute; top: 0; left: 0; right: 0; bottom: 0; height: 100%; width: 100%; margin: 0; display: flex; justify-content: center; align-items: center; transition: opacity .5s linear; } .entry-content .flipBoxGrid.vc_row .flipBox .wpb_wrapper .wpb_text_column p { margin: 0; } /* Sides */ .entry-content .flipBoxGrid.vc_row .flipBox .flipBoxFront, .entry-content .flipBoxGrid.vc_row .flipBox .flipBoxBack { position: absolute; top: 0; left: 0; margin: 0; transition: all .7s ease-in; } /* Front Side */ .entry-content .flipBoxGrid.vc_row .flipBox .flipBoxFront { transform: rotateY(0deg); z-index: 100; } .entry-content .flipBoxGrid.vc_row .flipBox .flipBoxFront .wpb_text_column p { font-size: 1.6em; text-transform: uppercase; } /* Back Side */ .entry-content .flipBoxGrid.vc_row .flipBox .flipBoxBack { transform: rotateY(180deg); z-index: 99; } .entry-content .flipBoxGrid.vc_row .flipBox .flipBoxBack .wpb_text_column p:first-child { font-size: 1.6em; text-transform: uppercase; } .entry-content .flipBoxGrid.vc_row .flipBox .flipBoxBack .wpb_text_column p:nth-child(2) { font-size: 1.2em; } /* Hover */ .entry-content .flipBoxGrid.vc_row .flipBox > .vc_column-inner:hover .flipBoxFront { transform: rotateY(180deg); z-index: 99; } .entry-content .flipBoxGrid.vc_row .flipBox > .vc_column-inner:hover .flipBoxBack { transform: rotateY(0deg); z-index: 100; } /*----- Slider -----*/ /* Slider in First Row max height */ .entry-content > .wpb-content-wrapper > .vc_row:first-child .wpb_gallery.wpb_content_element { max-height: 560px; /*display: flex; align-items: center;*/ } .entry-content > .wpb-content-wrapper > .vc_row:first-child .wpb_gallery.wpb_content_element > .wpb_wrapper { max-height: 560px; display: flex; align-items: center; } .entry-content > .wpb-content-wrapper > .vc_row:first-child .wpb_gallery { margin-bottom: 0; } .entry-content > .wpb-content-wrapper > .vc_row .wpb_gallery .wpb_gallery_slides { overflow: hidden !important; } /* Nivoslider */ /* Navi */ .wpb_gallery_slides.wpb_slider_nivo .nivo-controlNav { display: none; } /* Flexslider */ .wpb_gallery_slides.wpb_flexslider.flexslider_fade.flexslider { border: none; /*max-height: 799px;*/ height: 0 !important; width: 100%; padding-top: 50%; position: relative; } .wpb_gallery_slides.wpb_flexslider.flexslider_fade.flexslider ul.slides { position: absolute; top: 0; height: 100%; } .wpb_gallery_slides.wpb_flexslider.flexslider_fade.flexslider ul.slides li { height: 100%; width: 100%; } .wpb_gallery_slides.wpb_flexslider.flexslider_fade.flexslider ul.slides li img { height: 100%; width: auto; max-width: none; } /* Navi */ .flexslider .flex-control-nav.flex-control-paging, ul.flex-direction-nav { display: none; } /* left right Buttons */ .flexslider .flex-direction-nav .flex-prev { opacity: .7; left: 10px; } .flexslider .flex-direction-nav .flex-next { opacity: .7; right: 10px; } .wpb_gallery .wpb_flexslider .flex-direction-nav a:hover { opacity: 1; } .wpb_gallery .wpb_flexslider .flex-direction-nav a:before { color: #fff; font-size: 28px; } /* Text on Row */ .textOnRow { position: absolute; top: 0; left: 50px; height: 100%; width: calc(100% - 100px); margin: 0 !important; z-index: 10; display: flex; justify-content: center; align-items: center; } /* Text Shadow */ .textOnRow .wpb_wrapper > *, .vc_parallax .wpb_text_column > .wpb_wrapper > * { font-size: 2em; text-shadow: 3px 3px 4px rgb(0 0 0 / 70%); color: #fff; } @media screen and (min-width: 768px){ .textOnRow .wpb_wrapper > *, .vc_parallax .wpb_text_column > .wpb_wrapper > * { font-size: 3em; } } /*----- Parallax (Header Images Sub Pages) -----*/ @media screen and (max-width: 1220px){ .entry-content > .wpb-content-wrapper > .vc_row.vc_row-o-full-height.vc_parallax { position: relative; min-height: 0 !important; padding: 0; padding-top: 50%; } .entry-content > .wpb-content-wrapper > .vc_row.vc_row-o-full-height.vc_parallax > .wpb_column { position: absolute; top: 0; height: 100%; } } @media screen and (max-width: 768px){ /*.vc_row.wpb_row.vc_row-fluid.hoverGrid.text-white.flipbox-inner.vc_column-gap-25 div.wpb_column.vc_column_container > .vc_column-inner, .vc_row.wpb_row.vc_row-fluid.hoverGrid.text-white.vc_column-gap-25 div.wpb_column.vc_column_container > .vc_column-inner{ margin-bottom: 0; }*/ .display-mobile-none{ display:none; } } /*------------------------------- Kontaktformular ------------------------------*/ /*----- Ninja Forms -----*/ .nf-form-cont { max-width: 1024px; margin-left: auto; margin-right: auto; padding: 0; } /* Form Title */ .nf-form-cont .nf-form-title { max-width: 1024px; margin-left: auto; margin-right: auto; display: block; display: none; } /* line before content (required fields *) */ /*.nf-form-fields-required { display: none; }*/ /* Form Content */ .nf-form-cont form .nf-form-content { max-width: none; padding: 0; } /* Label */ .nf-field-label label { cursor: pointer; } /* Checkbox | Description Position | Label */ .checkbox-container.nf-field-container .nf-field .field-wrap { flex-direction: column; } .checkbox-container.nf-field-container .nf-field .field-wrap .nf-field-label { margin-bottom: 5px; } /* Success Message */ .nf-form-wrap.ninja-forms-form-wrap { max-width: 1024px; margin-left: auto; margin-right: auto; padding: 0; width: 100%; } /*------------------------------- Tables // Tabellen ------------------------------*/ /*----- RW Tabelle -----*/ table#wpdtSimpleTable-1.wpdtSimpleTable.wpDataTable tbody tr:last-child td { border: none!important; } table.wpdtSimpleTable.wpDataTable tbody tr:last-child td div { font-size: 18px; } .entry-content table, .comment-content table { border-bottom: none; } /*------------------------------- OXI Image Hover ------------------------------*/ .oxi-image-hover-wrapper-1 .oxi-addons-row .oxi-image-hover-caption-tab { background: #1b5798!important; opacity: .7; } /*------------------------------- Contact Box Sidebar ------------------------------*/ /* Container */ #contact-box-container { position: fixed; top: 200px; left: unset; right: -300px; transition: right .5s linear; z-index: 99; display: none; font-size: .75em; } @media screen and (min-width: 768px){ #contact-box-container { display: block; } } #contact-box-container > * { float: left; } #contact-box-container.toggle-on { right: 0; } /* Contact Box Trigger */ .contact-handle { width: 45px; padding: 10px; background-color: var(--light-grey); box-shadow: -3px 3px 5px rgba(0,0,0,.5); position: relative; z-index: 1; display: flex; flex-direction: column; justify-content: space-evenly; align-items: center; cursor: pointer; } .contact-handle:hover img { opacity: .7; } .contact-handle img { width: 25px; height: auto; } .contact-handle img:first-child { margin-bottom: 20px; } /* Contact Box */ .contact-box-content { width: 300px; padding: 20px; background-color: #fff; position: relative; z-index: 0; } .toggle-on .contact-box-content { box-shadow: -3px 3px 5px rgba(0,0,0,.5); } .contact-box-content > *:nth-child(2) { display: none; } /* image */ .contact-box-content img { border-radius: 100%; max-width: 100%; } @media screen and (min-width: 1366px){ #contact-box-container { right: -380px; } .contact-box-content { width: 380px; } .contact-handle { width: 60px; } .contact-handle img { width: 40px; } .contact-handle img:first-child { margin-bottom: 30px; } } /*------------------------------- Search Results / Archives ------------------------------*/ body.search-results #content > article, body.archive #content > article { max-width: 1000px; margin-left: auto; margin-right: auto; margin-bottom: 50px; } body.search-results #content > article:not(:last-child), body.archive #content > article:not(:last-child) { border-bottom: 1px solid #ededed; padding-bottom: 25px; } /* Post Title */ body.search-results #content > article .search-post-title, body.archive article.post .entry-title { font-size: 1.7em; } body.search-results #content > article .search-post-title { margin-bottom: 30px; } /*----- 404 Page -----*/ body.error404 article { max-width: 1400px; margin-left: auto; margin-right: auto; } body.error404 .entry-content * { text-align: center; max-width: 800px; margin-left: auto; margin-right: auto; } body.error404 article.error404 { background-image: url(/wp-content/uploads/2022/01/404-error.jpg); background-size: contain; background-position: center center; background-repeat: no-repeat; min-height: 800px; display: flex; justify-content: center; align-items: center; flex-direction: column; } body.error404 article.error404 h1, body.error404 article.error404 h2, body.error404 article.error404 h3, body.error404 article.error404 h4, body.error404 article.error404 h5, body.error404 article.error404 h6, body.error404 article.error404 p { color: #1b5798; color: var(--blue); text-shadow: 0 0 2px rgb(255 255 255 / 100%); } body.error404 article.error404 h1 { font-size: 2em; font-weight: bold; } body.error404 article.error404 h2 { font-size: 3.5em; font-weight: bold; } body.error404 article.error404 p { font-size: 1.2em; } /*--------- Search Results Page --------*/ /* No Search Results */ body.search-no-results .entry-content * { text-align: center; } /* post container */ body.search-results .post-container { width: 100%; max-width: 800px; margin: 0 auto; } body.search-results .post-container * { max-width: 800px; max-width: 100%; } /* post title */ body.search-results .search-post-title { font-size: 1.5em; margin: 0 0 30px; } body.search-results .search-post-title a { color: #777; color: var(--grey); } body.search-results .search-post-title a:hover, body.search-results .search-post-title a:focus, body.search-results .search-post-title a:active { color: #a6a6a6; color: var(--light-grey); } /* post excerpt */ body.search-results .search-post-excerpt { font-size: 1em; margin: 0 0 30px; } /*------------------------------- Entry Meta ------------------------------*/ footer.entry-meta { margin-bottom: 40px; display: none; } /*------------------------------- Cookie Box Borlabs ------------------------------*/ /* #BorlabsCookieBox ._brlbs-box-wrap ._brlbs-box { overflow: scroll !important; } */ /*------------------------------- Footer ------------------------------*/ /*----- Container -----*/ footer#colophon { position: relative; display: inline-block; background-color: #333; background-color: var(--dark-grey); width: 100%; max-width: none; padding: 75px 25px 20px; margin: 50px 0 0; } @media screen and (min-width: 768px){ footer#colophon { padding-left: 30px; padding-right: 30px; } } @media screen and (min-width: 1200px){ footer#colophon { padding: 85px 50px 20px; } } @media screen and (min-width: 1600px){ footer#colophon { padding-left: 80px; padding-right: 80px; } } /*----- Font -----*/ footer#colophon * { color: #a6a6a6; color: var(--light-grey); line-height: 1.5; } /*----- Links -----*/ footer#colophon a, footer#colophon a:link, footer#colophon a:visited {} /* Hover */ footer#colophon a:hover, footer#colophon a:focus, footer#colophon a:active { opacity: .5; } /*----- Widget Title -----*/ footer#colophon .widget-title { margin-bottom: 20px; } /*----- Paragraph -----*/ footer#colophon p:not(:last-child) { margin-bottom: 20px; } /*----- Lists -----*/ footer#colophon li:not(:last-child) { margin-bottom: 5px; } /*----- Icons -----*/ footer#colophon img.footer-icon { width: 25px; padding-right: 10px; display: block; float: left; box-sizing: content-box; } /*----- Widgets Wrapper -----*/ #footerwidgets { max-width: 1760px; margin: 0 auto; } /* Footer Columns */ footer#colophon #footerwidgets .footer-column { width: 100%; margin-bottom: 40px; } @media screen and (min-width: 1024px){ #footerwidgets .footer-column { float: left; } #footerwidgets .footer-column:not(:last-child) { padding-right: 25px; } #footerwidgets #footereins { width: 30%; } #footerwidgets #footerzwei { width: 20%; } #footerwidgets #footerdrei { width: 50%; } } @media screen and (min-width: 1366px){ footer#colophon #footerwidgets .footer-column { width: 33.333%; } } /* Contact Column (First) */ .contact-row { clear: both; margin-bottom: 5px; } .contact-row > a { display: flex; align-items: center; } .kontakt-footer.contact-row > a { display: block; } /* Google Maps iframe */ .google-maps-footer { height: 400px; } @media screen and (max-width: 1023px){ iframe { padding: 20px 0 !important; } } @media screen and (min-width: 1024px){ .google-maps-footer { height: 210px; } } /*------------------------------- Copyright Line ------------------------------*/ #copyrightline { padding: 50px 50px 100px; font-size: .7em; } #copyrightline * { text-align: center; } /*---------- Links ----------*/ #copyrightline a, #copyrightline a:link, #copyrightline a:visited {} /* Hover */ #copyrightline a:hover, #copyrightline a:focus, #copyrightline a:active { opacity: .5; } /*------------------------------- To Top Button ------------------------------*/ #totop { display: none; position: fixed; top: unset; right: 10px; left: unset; bottom: 20px; width: 35px; height: 50px; z-index: 999; background-color: #1b5798; background-color: var(--blue); color: #fff; box-shadow: 0 0 5px rgba(255,255,255,.7); /*border-radius: 100px 100px 0 0;*/ align-items: center; justify-content: center; text-align: center; transition: all .4s ease-in; } #totop:hover, #totop:focus, #totop:active { align-items: start; } #totop.visible { display: flex; } @media screen and (min-width: 768px){ #totop { right: 12.5px; bottom: 40px; } } @media screen and (min-width: 1200px){ #totop { right: 15px; bottom: 50px; } } @media screen and (min-width: 1600px){ #totop { right: 35px; } } @media screen and (min-width: 1920px){ #totop { right: calc(50% - 925px); } }