/* Theme Name: P3 Wordpress Theme Theme URI: https://p3digital.media Author: P3 DIGITAL/MEDIA Author URI: https://p3digital.media Description: Version: 0.1 Text Domain: p3-homepage Domain Path: /languages */ html { scroll-behavior: smooth; overflow-x: hidden; } body{ background-color: var(--color-bg-1); color: var(--body-color); line-height: var(--base-text-line-height); font-size: var(--base-font-size); } a{color: var(--body-link)} a:hover, a:focus, a:active{color: var(--body-link-hover)} /* Typografie */ h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 { margin: 0;line-height: var(--base-heading-line-height); hyphens: auto; } h1, .h1 {font-size: var(--base-heading-h1) !important;} h2, .h2 {font-size: var(--base-heading-h2) !important;} h3, .h3 {font-size: var(--base-heading-h3) !important;} h4, .h4 {font-size: var(--base-heading-h4) !important;} h5, .h5 {font-size: var(--base-heading-h5) !important;} h6, .h6 {font-size: var(--base-heading-h6) !important;} .text_xl {font-size: var(--base-font-xl);} .text_lg {font-size: var(--base-font-lg);} .text_md {font-size: var(--base-font-md);} .text_sm {font-size: var(--base-font-sm);} .text_xs {font-size: var(--base-font-xs);} .text_h1 {font-size: var(--base-heading-h1) !important;} .text_h2 {font-size: var(--base-heading-h2) !important;} .text_h3 {font-size: var(--base-heading-h3) !important;} .text_h4 {font-size: var(--base-heading-h4) !important;} .text_h5 {font-size: var(--base-heading-h5) !important;} .text_h6 {font-size: var(--base-heading-h6) !important;} .h1_to_h2 h1{font-size: var(--base-heading-h2) !important;} .h1_to_h3 h1{font-size: var(--base-heading-h3) !important;} .h1_to_h4 h1{font-size: var(--base-heading-h4) !important;} .h1_to_h5 h1{font-size: var(--base-heading-h5) !important;} .h1_to_h6 h1{font-size: var(--base-heading-h6) !important;} .h1_to_xl h1{font-size: var(--base-font-xl) !important;} .h1_to_lg h1{font-size: var(--base-font-lg) !important;} .h1_to_md h1{font-size: var(--base-font-md) !important;} .h1_to_sm h1{font-size: var(--base-font-sm) !important;} .h1_to_xs h1{font-size: var(--base-font-xs) !important;} .h2_to_h1 h2{font-size: var(--base-heading-h1) !important;} .h2_to_h3 h2{font-size: var(--base-heading-h3) !important;} .h2_to_h4 h2{font-size: var(--base-heading-h4) !important;} .h2_to_h5 h2{font-size: var(--base-heading-h5) !important;} .h2_to_h6 h2{font-size: var(--base-heading-h6) !important;} .h2_to_xl h2{font-size: var(--base-font-xl) !important;} .h2_to_lg h2{font-size: var(--base-font-lg) !important;} .h2_to_md h2{font-size: var(--base-font-md) !important;} .h2_to_sm h2{font-size: var(--base-font-sm) !important;} .h2_to_xs h2{font-size: var(--base-font-xs) !important;} .h3_to_h1 h3{font-size: var(--base-heading-h1) !important;} .h3_to_h2 h3{font-size: var(--base-heading-h2) !important;} .h3_to_h4 h3{font-size: var(--base-heading-h4) !important;} .h3_to_h5 h3{font-size: var(--base-heading-h5) !important;} .h3_to_h6 h3{font-size: var(--base-heading-h6) !important;} .h3_to_xl h3{font-size: var(--base-font-xl) !important;} .h3_to_lg h3{font-size: var(--base-font-lg) !important;} .h3_to_md h3{font-size: var(--base-font-md) !important;} .h3_to_sm h3{font-size: var(--base-font-sm) !important;} .h3_to_xs h3{font-size: var(--base-font-xs) !important;} .h4_to_h1 h4{font-size: var(--base-heading-h1) !important;} .h4_to_h2 h4{font-size: var(--base-heading-h2) !important;} .h4_to_h3 h4{font-size: var(--base-heading-h3) !important;} .h4_to_h5 h4{font-size: var(--base-heading-h5) !important;} .h4_to_h6 h4{font-size: var(--base-heading-h6) !important;} .h4_to_xl h4{font-size: var(--base-font-xl) !important;} .h4_to_lg h4{font-size: var(--base-font-lg) !important;} .h4_to_md h4{font-size: var(--base-font-md) !important;} .h4_to_sm h4{font-size: var(--base-font-sm) !important;} .h4_to_xs h4{font-size: var(--base-font-xs) !important;} .h5_to_h1 h5{font-size: var(--base-heading-h1) !important;} .h5_to_h2 h5{font-size: var(--base-heading-h2) !important;} .h5_to_h3 h5{font-size: var(--base-heading-h3) !important;} .h5_to_h4 h5{font-size: var(--base-heading-h4) !important;} .h5_to_h6 h5{font-size: var(--base-heading-h6) !important;} .h5_to_xl h5{font-size: var(--base-font-xl) !important;} .h5_to_lg h5{font-size: var(--base-font-lg) !important;} .h5_to_md h5{font-size: var(--base-font-md) !important;} .h5_to_sm h5{font-size: var(--base-font-sm) !important;} .h5_to_xs h5{font-size: var(--base-font-xs) !important;} .h6_to_h1 h6{font-size: var(--base-heading-h1) !important;} .h6_to_h2 h6{font-size: var(--base-heading-h2) !important;} .h6_to_h3 h6{font-size: var(--base-heading-h3) !important;} .h6_to_h4 h6{font-size: var(--base-heading-h4) !important;} .h6_to_h5 h6{font-size: var(--base-heading-h5) !important;} .h6_to_xl h6{font-size: var(--base-font-xl) !important;} .h6_to_lg h6{font-size: var(--base-font-lg) !important;} .h6_to_md h6{font-size: var(--base-font-md) !important;} .h6_to_sm h6{font-size: var(--base-font-sm) !important;} .h6_to_xs h6{font-size: var(--base-font-xs) !important;} /* Colors */ .color-primary{color: var(--color-primary);} .color-bg-primary{background-color: var(--color-primary);} .color-h1-primary h1, .color-h1-primary .h1{color: var(--color-primary);} .color-h2-primary h2, .color-h2-primary .h2{color: var(--color-primary);} .color-h3-primary h3, .color-h3-primary .h3{color: var(--color-primary);} .color-h4-primary h4, .color-h4-primary .h4{color: var(--color-primary);} .color-h5-primary h5, .color-h5-primary .h5{color: var(--color-primary);} .color-h6-primary h6, .color-h6-primary .h6{color: var(--color-primary);} .color-a-primary a{color: var(--color-primary) !important;} .color-a-hover-primary a:hover{color: var(--color-primary) !important;} .color-primary-hover{color: var(--color-primary-hover);} .color-bg-primary-hover{background-color: var(--color-primary-hover);} .color-h1-primary-hover h1, .color-h1-primary-hover .h1{color: var(--color-primary-hover);} .color-h2-primary-hover h2, .color-h2-primary-hover .h2{color: var(--color-primary-hover);} .color-h3-primary-hover h3, .color-h3-primary-hover .h3{color: var(--color-primary-hover);} .color-h4-primary-hover h4, .color-h4-primary-hover .h4{color: var(--color-primary-hover);} .color-h5-primary-hover h5, .color-h5-primary-hover .h5{color: var(--color-primary-hover);} .color-h6-primary-hover h6, .color-h6-primary-hover .h6{color: var(--color-primary-hover);} .color-a-primary-hover a{color: var(--color-primary-hover) !important;} .color-a-hover-primary-hover a:hover{color: var(--color-primary-hover) !important;} .color-primary-disabled{color: var(--color-primary-disabled);} .color-bg-primary-disabled{background-color: var(--color-primary-disabled);} .color-primary-contrast{color: var(--color-primary-contrast);} .color-bg-primary-contrast{background-color: var(--color-primary-contrast);} .color-h1-primary-contrast h1, .color-h1-primary-contrast .h1{color: var(--color-primary-contrast);} .color-h2-primary-contrast h2, .color-h2-primary-contrast .h2{color: var(--color-primary-contrast);} .color-h3-primary-contrast h3, .color-h3-primary-contrast .h3{color: var(--color-primary-contrast);} .color-h4-primary-contrast h4, .color-h4-primary-contrast .h4{color: var(--color-primary-contrast);} .color-h5-primary-contrast h5, .color-h5-primary-contrast .h5{color: var(--color-primary-contrast);} .color-h6-primary-contrast h6, .color-h6-primary-contrast .h6{color: var(--color-primary-contrast);} .color-a-primary-contrast a{color: var(--color-primary-contrast) !important;} .color-a-hover-primary-contrast a:hover { color: var(--color-primary-contrast) !important; } .color-body-color{color: var(--body-color);} .color-bg-body-color{background-color: var(--body-color);} .color-body-link{color: var(--body-link);} .color-bg-body-link{background-color: var(--body-link);} .color-body-muted{color: var(--body-muted);} .color-bg-body-muted{background-color: var(--body-muted);} .color-body-link{color: var(--body-link);} .color-bg-body-link{background-color: var(--body-link);} .color-bg-1{color: var(--color-bg-1);} .color-bg-bg-1{background-color: var(--color-bg-1);} .color-surface-1{color: var(--color-surface-1);} .color-bg-surface-1{background-color: var(--color-surface-1);} .color-black{color: var(--color-black);} .color-bg-black{background-color: var(--color-black);} .color-h1-black h1, .color-h1-black .h1{color: var(--color-black);} .color-h2-black h2, .color-h2-black .h2{color: var(--color-black);} .color-h3-black h3, .color-h3-black .h3{color: var(--color-black);} .color-h4-black h4, .color-h4-black .h4{color: var(--color-black);} .color-h5-black h5, .color-h5-black .h5{color: var(--color-black);} .color-h6-black h6, .color-h6-black .h6{color: var(--color-black);} .color-a-black a{color: var(--color-black) !important;} .color-a-hover-black a:hover{color: var(--color-black) !important;} .color-white{color: var(--color-white);} .color-bg-white{background-color: var(--color-white);} .color-h1-white h1, .color-h1-white .h1{color: var(--color-white);} .color-h2-white h2, .color-h2-white .h2{color: var(--color-white);} .color-h3-white h3, .color-h3-white .h3{color: var(--color-white);} .color-h4-white h4, .color-h4-white .h4{color: var(--color-white);} .color-h5-white h5, .color-h5-white .h5{color: var(--color-white);} .color-h6-white h6, .color-h6-white .h6{color: var(--color-white);} .color-a-white a{color: var(--color-white) !important;} .color-a-hover-white a:hover{color: var(--color-white) !important;} /* Header */ .h1_to_primary h1, .h2_to_primary h2, .h3_to_primary h3, .h4_to_primary h4, .h5_to_primary h5, .h6_to_primary h6{color: var(--color-primary);} /* VC Colors > Primary */ .vc_row_color-primary, .vc_row_inner_color-primary > .wpb_column > .vc_column-inner, .vc_row_inner_wrapper_color-primary > .wpb_column > .vc_column-inner > .wpb_wrapper{color: var(--color-primary);} .vc_row_color-bg-1, .vc_row_inner_color-bg-1 > .wpb_column > .vc_column-inner, .vc_row_inner_wrapper_color-bg-1 > .wpb_column > .vc_column-inner > .wpb_wrapper{background-color: var(--color-bg-1);} .vc_row_color-surface-1, .vc_row_inner_color-surface-1 > .wpb_column > .vc_column-inner, .vc_row_inner_wrapper_color-surface-1 > .wpb_column > .vc_column-inner > .wpb_wrapper{background-color: var(--color-surface-1);} /* VC Radius */ .vc_row_base-radius, .vc_row_inner_base-radius > .wpb_column > .vc_column-inner, .vc_row_inner_wrapper_base-radius > .wpb_column > .vc_column-inner > .wpb_wrapper{border-radius: var(--base-radius);} /* Margin-Top */ .mt_0{margin-top: 0 !important;} .mt_xxs{margin-top: var(--base-clearance-xxs) !important;} .mt_xs{margin-top: var(--base-clearance-xs) !important;} .mt_sm{margin-top: var(--base-clearance-sm) !important;} .mt_md{margin-top: var(--base-clearance-md) !important;} .mt_lg{margin-top: var(--base-clearance-lg) !important;} .mt_xl{margin-top: var(--base-clearance-xl) !important;} .mt_xxl{margin-top: var(--base-clearance-xxl) !important;} .h1_mt_xs h1, .h2_mt_xs h2, .h3_mt_xs h3, .h4_mt_xs h4, .h5_mt_xs h5,.h6_mt_xs h6, .h1_mt_xs .h1, .h2_mt_xs .h2, .h3_mt_xs .h3, .h4_mt_xs .h4, .h5_mt_xs .h5,.h6_mt_xs .h6{margin-top: var(--base-clearance-xs) !important;} .h1_mt_sm h1, .h2_mt_sm h2, .h3_mt_sm h3, .h4_mt_sm h4, .h5_mt_sm h5,.h6_mt_sm h6, .h1_mt_sm .h1, .h2_mt_sm .h2, .h3_mt_sm .h3, .h4_mt_sm .h4, .h5_mt_sm .h5,.h6_mt_sm .h6{margin-top: var(--base-clearance-sm) !important;} .h1_mt_md h1, .h2_mt_md h2, .h3_mt_md h3, .h4_mt_md h4, .h5_mt_md h5,.h6_mt_md h6, .h1_mt_md .h1, .h2_mt_md .h2, .h3_mt_md .h3, .h4_mt_md .h4, .h5_mt_md .h5,.h6_mt_md .h6{margin-top: var(--base-clearance-md) !important;} .h1_mt_lg h1, .h2_mt_lg h2, .h3_mt_lg h3, .h4_mt_lg h4, .h5_mt_lg h5,.h6_mt_lg h6, .h1_mt_lg .h1, .h2_mt_lg .h2, .h3_mt_lg .h3, .h4_mt_lg .h4, .h5_mt_lg .h5,.h6_mt_lg .h6{margin-top: var(--base-clearance-lg) !important;} .h1_mt_xl h1, .h2_mt_xl h2, .h3_mt_xl h3, .h4_mt_xl h4, .h5_mt_xl h5,.h6_mt_xl h6, .h1_mt_xl .h1, .h2_mt_xl .h2, .h3_mt_xl .h3, .h4_mt_xl .h4, .h5_mt_xl .h5,.h6_mt_xl .h6{margin-top: var(--base-clearance-xl) !important;} .h1_mt_xxl h1, .h2_mt_xxl h2, .h3_mt_xxl h3, .h4_mt_xxl h4, .h5_mt_xl h5,.h6_mt_xxl h6, .h1_mt_xxl .h1, .h2_mt_xxl .h2, .h3_mt_xxl .h3, .h4_mt_xxl .h4, .h5_mt_xl .h5,.h6_mt_xxl .h6{margin-top: var(--base-clearance-xxl) !important;} /* Margin-Right */ .mr_0{margin-right: 0 !important;} .mr_xxs{margin-right: var(--base-clearance-xxs) !important;} .mr_xs{margin-right: var(--base-clearance-xs) !important;} .mr_sm{margin-right: var(--base-clearance-sm) !important;} .mr_md{margin-right: var(--base-clearance-md) !important;} .mr_lg{margin-right: var(--base-clearance-lg) !important;} .mr_xl{margin-right: var(--base-clearance-xl) !important;} .mr_xxl{margin-right: var(--base-clearance-xxl) !important;} .h1_mr_xs h1, .h2_mr_xs h2, .h3_mr_xs h3, .h4_mr_xs h4, .h5_mr_xs h5,.h6_mr_xs h6, .h1_mr_xs .h1, .h2_mr_xs .h2, .h3_mr_xs .h3, .h4_mr_xs .h4, .h5_mr_xs .h5,.h6_mr_xs .h6{margin-right: var(--base-clearance-xs) !important;} .h1_mr_sm h1, .h2_mr_sm h2, .h3_mr_sm h3, .h4_mr_sm h4, .h5_mr_sm h5,.h6_mr_sm h6, .h1_mr_sm .h1, .h2_mr_sm .h2, .h3_mr_sm .h3, .h4_mr_sm .h4, .h5_mr_sm .h5,.h6_mr_sm .h6{margin-right: var(--base-clearance-sm) !important;} .h1_mr_md h1, .h2_mr_md h2, .h3_mr_md h3, .h4_mr_md h4, .h5_mr_md h5,.h6_mr_md h6, .h1_mr_md .h1, .h2_mr_md .h2, .h3_mr_md .h3, .h4_mr_md .h4, .h5_mr_md .h5,.h6_mr_md .h6{margin-right: var(--base-clearance-md) !important;} .h1_mr_lg h1, .h2_mr_lg h2, .h3_mr_lg h3, .h4_mr_lg h4, .h5_mr_lg h5,.h6_mr_lg h6, .h1_mr_lg .h1, .h2_mr_lg .h2, .h3_mr_lg .h3, .h4_mr_lg .h4, .h5_mr_lg .h5,.h6_mr_lg .h6{margin-right: var(--base-clearance-lg) !important;} .h1_mr_xl h1, .h2_mr_xl h2, .h3_mr_xl h3, .h4_mr_xl h4, .h5_mr_xl h5,.h6_mr_xl h6, .h1_mr_xl .h1, .h2_mr_xl .h2, .h3_mr_xl .h3, .h4_mr_xl .h4, .h5_mr_xl .h5,.h6_mr_xl .h6{margin-right: var(--base-clearance-xl) !important;} .h1_mr_xxl h1, .h2_mr_xxl h2, .h3_mr_xxl h3, .h4_mr_xxl h4, .h5_mr_xl h5,.h6_mr_xxl h6, .h1_mr_xxl .h1, .h2_mr_xxl .h2, .h3_mr_xxl .h3, .h4_mr_xxl .h4, .h5_mr_xl .h5,.h6_mr_xxl .h6{margin-right: var(--base-clearance-xxl) !important;} /* Margin-Bottom */ .mb_0{margin-bottom: 0 !important;} .mb_xxs{margin-bottom: var(--base-clearance-xxs) !important;} .mb_xs{margin-bottom: var(--base-clearance-xs) !important;} .mb_sm{margin-bottom: var(--base-clearance-sm) !important;} .mb_md{margin-bottom: var(--base-clearance-md) !important;} .mb_lg{margin-bottom: var(--base-clearance-lg) !important;} .mb_xl{margin-bottom: var(--base-clearance-xl) !important;} .mb_xxl{margin-bottom: var(--base-clearance-xxl) !important;} .h1_mb_xs h1, .h2_mb_xs h2, .h3_mb_xs h3, .h4_mb_xs h4, .h5_mb_xs h5,.h6_mb_xs h6, .h1_mb_xs .h1, .h2_mb_xs .h2, .h3_mb_xs .h3, .h4_mb_xs .h4, .h5_mb_xs .h5,.h6_mb_xs .h6{margin-bottom: var(--base-clearance-xs) !important;} .h1_mb_sm h1, .h2_mb_sm h2, .h3_mb_sm h3, .h4_mb_sm h4, .h5_mb_sm h5,.h6_mb_sm h6, .h1_mb_sm .h1, .h2_mb_sm .h2, .h3_mb_sm .h3, .h4_mb_sm .h4, .h5_mb_sm .h5,.h6_mb_sm .h6{margin-bottom: var(--base-clearance-sm) !important;} .h1_mb_md h1, .h2_mb_md h2, .h3_mb_md h3, .h4_mb_md h4, .h5_mb_md h5,.h6_mb_md h6, .h1_mb_md .h1, .h2_mb_md .h2, .h3_mb_md .h3, .h4_mb_md .h4, .h5_mb_md .h5,.h6_mb_md .h6{margin-bottom: var(--base-clearance-md) !important;} .h1_mb_lg h1, .h2_mb_lg h2, .h3_mb_lg h3, .h4_mb_lg h4, .h5_mb_lg h5,.h6_mb_lg h6, .h1_mb_lg .h1, .h2_mb_lg .h2, .h3_mb_lg .h3, .h4_mb_lg .h4, .h5_mb_lg .h5,.h6_mb_lg .h6{margin-bottom: var(--base-clearance-lg) !important;} .h1_mb_xl h1, .h2_mb_xl h2, .h3_mb_xl h3, .h4_mb_xl h4, .h5_mb_xl h5,.h6_mb_xl h6, .h1_mb_xl .h1, .h2_mb_xl .h2, .h3_mb_xl .h3, .h4_mb_xl .h4, .h5_mb_xl .h5,.h6_mb_xl .h6{margin-bottom: var(--base-clearance-xl) !important;} .h1_mb_xxl h1, .h2_mb_xxl h2, .h3_mb_xxl h3, .h4_mb_xxl h4, .h5_mb_xl h5,.h6_mb_xxl h6, .h1_mb_xxl .h1, .h2_mb_xxl .h2, .h3_mb_xxl .h3, .h4_mb_xxl .h4, .h5_mb_xl .h5,.h6_mb_xxl .h6{margin-bottom: var(--base-clearance-xxl) !important;} /* Margin-Left */ .ml_0{margin-left: 0 !important;} .ml_xxs{margin-left: var(--base-clearance-xxs) !important;} .ml_xs{margin-left: var(--base-clearance-xs) !important;} .ml_sm{margin-left: var(--base-clearance-sm) !important;} .ml_md{margin-left: var(--base-clearance-md) !important;} .ml_lg{margin-left: var(--base-clearance-lg) !important;} .ml_xl{margin-left: var(--base-clearance-xl) !important;} .ml_xxl{margin-left: var(--base-clearance-xxl) !important;} .h1_ml_xs h1, .h2_ml_xs h2, .h3_ml_xs h3, .h4_ml_xs h4, .h5_ml_xs h5,.h6_ml_xs h6, .h1_ml_xs .h1, .h2_ml_xs .h2, .h3_ml_xs .h3, .h4_ml_xs .h4, .h5_ml_xs .h5,.h6_ml_xs .h6{margin-left: var(--base-clearance-xs) !important;} .h1_ml_sm h1, .h2_ml_sm h2, .h3_ml_sm h3, .h4_ml_sm h4, .h5_ml_sm h5,.h6_ml_sm h6, .h1_ml_sm .h1, .h2_ml_sm .h2, .h3_ml_sm .h3, .h4_ml_sm .h4, .h5_ml_sm .h5,.h6_ml_sm .h6{margin-left: var(--base-clearance-sm) !important;} .h1_ml_md h1, .h2_ml_md h2, .h3_ml_md h3, .h4_ml_md h4, .h5_ml_md h5,.h6_ml_md h6, .h1_ml_md .h1, .h2_ml_md .h2, .h3_ml_md .h3, .h4_ml_md .h4, .h5_ml_md .h5,.h6_ml_md .h6{margin-left: var(--base-clearance-md) !important;} .h1_ml_lg h1, .h2_ml_lg h2, .h3_ml_lg h3, .h4_ml_lg h4, .h5_ml_lg h5,.h6_ml_lg h6, .h1_ml_lg .h1, .h2_ml_lg .h2, .h3_ml_lg .h3, .h4_ml_lg .h4, .h5_ml_lg .h5,.h6_ml_lg .h6{margin-left: var(--base-clearance-lg) !important;} .h1_ml_xl h1, .h2_ml_xl h2, .h3_ml_xl h3, .h4_ml_xl h4, .h5_ml_xl h5,.h6_ml_xl h6, .h1_ml_xl .h1, .h2_ml_xl .h2, .h3_ml_xl .h3, .h4_ml_xl .h4, .h5_ml_xl .h5,.h6_ml_xl .h6{margin-left: var(--base-clearance-xl) !important;} .h1_ml_xxl h1, .h2_ml_xxl h2, .h3_ml_xxl h3, .h4_ml_xxl h4, .h5_ml_xl h5,.h6_ml_xxl h6, .h1_ml_xxl .h1, .h2_ml_xxl .h2, .h3_ml_xxl .h3, .h4_ml_xxl .h4, .h5_ml_xl .h5,.h6_ml_xxl .h6{margin-left: var(--base-clearance-xxl) !important;} /* Padding */ .p_0{padding: 0 !important;} .p_xxs{padding: var(--base-clearance-xxs) !important;} .p_xs{padding: var(--base-clearance-xs) !important;} .p_sm{padding: var(--base-clearance-sm) !important;} .p_md{padding: var(--base-clearance-md) !important;} .p_lg{padding: var(--base-clearance-lg) !important;} .p_xl{padding: var(--base-clearance-xl) !important;} .p_xxl{padding: var(--base-clearance-xxl) !important;} .pt_0{padding-top: 0 !important;} .pt_xxs{padding-top: var(--base-clearance-xxs) !important;} .pt_xs{padding-top: var(--base-clearance-xs) !important;} .pt_sm{padding-top: var(--base-clearance-sm) !important;} .pt_md{padding-top: var(--base-clearance-md) !important;} .pt_lg{padding-top: var(--base-clearance-lg) !important;} .pt_xl{padding-top: var(--base-clearance-xl) !important;} .pt_xxl{padding-top: var(--base-clearance-xxl) !important;} .pr_0{padding-right: 0 !important;} .pr_xxs{padding-right: var(--base-clearance-xxs) !important;} .pr_xs{padding-right: var(--base-clearance-xs) !important;} .pr_sm{padding-right: var(--base-clearance-sm) !important;} .pr_md{padding-right: var(--base-clearance-md) !important;} .pr_lg{padding-right: var(--base-clearance-lg) !important;} .pr_xl{padding-right: var(--base-clearance-xl) !important;} .pr_xxl{padding-right: var(--base-clearance-xxl) !important;} .pb_0{padding-bottom: 0 !important;} .pb_xxs{padding-bottom: var(--base-clearance-xxs) !important;} .pb_xs{padding-bottom: var(--base-clearance-xs) !important;} .pb_sm{padding-bottom: var(--base-clearance-sm) !important;} .pb_md{padding-bottom: var(--base-clearance-md) !important;} .pb_lg{padding-bottom: var(--base-clearance-lg) !important;} .pb_xl{padding-bottom: var(--base-clearance-xl) !important;} .pb_xxl{padding-bottom: var(--base-clearance-xxl) !important;} .pl_0{padding-left: 0 !important;} .pl_xxs{padding-left: var(--base-clearance-xxs) !important;} .pl_xs{padding-left: var(--base-clearance-xs) !important;} .pl_sm{padding-left: var(--base-clearance-sm) !important;} .pl_md{padding-left: var(--base-clearance-md) !important;} .pl_lg{padding-left: var(--base-clearance-lg) !important;} .pl_xl{padding-left: var(--base-clearance-xl) !important;} .pl_xxl{padding-left: var(--base-clearance-xxl) !important;} /* VC Padding */ .vc_row_padding_xs, .vc_row_inner_padding_xs > .wpb_column > .vc_column-inner, .vc_row_inner_wrapper_padding_xs > .wpb_column > .vc_column-inner > .wpb_wrapper{padding: var(--base-clearance-xs);} .vc_row_padding_sm, .vc_row_inner_padding_sm > .wpb_column > .vc_column-inner, .vc_row_inner_wrapper_padding_sm > .wpb_column > .vc_column-inner > .wpb_wrapper{padding: var(--base-clearance-sm);} .vc_row_padding_md, .vc_row_inner_padding_md > .wpb_column > .vc_column-inner, .vc_row_inner_wrapper_padding_md > .wpb_column > .vc_column-inner > .wpb_wrapper{padding: var(--base-clearance-md);} .vc_row_padding_lg, .vc_row_inner_padding_lg > .wpb_column > .vc_column-inner, .vc_row_inner_wrapper_padding_lg > .wpb_column > .vc_column-inner > .wpb_wrapper{padding: var(--base-clearance-lg);} /* VC Wrapper-Height (Equal height rows) */ .vc_row_inner_wrapper_height-100 > .wpb_column > .vc_column-inner > .wpb_wrapper{height: 100%;} /* Radius */ .base-radius{border-radius: var(--base-radius); overflow: hidden;} /* Shadows */ .shadow_sm, .vc_row_inner_shadow_sm > .wpb_column > .vc_column-inner, .vc_row_inner_wrapper_shadow_sm > .wpb_column > .vc_column-inner > .wpb_wrapper{box-shadow: var(--shadow-sm) !important;} .shadow_md, .vc_row_inner_shadow_md > .wpb_column > .vc_column-inner, .vc_row_inner_wrapper_shadow_md > .wpb_column > .vc_column-inner > .wpb_wrapper{box-shadow: var(--shadow-md) !important;} .shadow_lg, .vc_row_inner_shadow_lg > .wpb_column > .vc_column-inner, .vc_row_inner_wrapper_shadow_lg > .wpb_column > .vc_column-inner > .wpb_wrapper{box-shadow: var(--shadow-lg) !important;} /* Buttons */ .button-filled > a, .button-filled > button, input.button-filled, input#submit { font-size: var(--base-font-md) !important; border-radius: var(--border-radius) !important; background-image: none !important; background-color: var(--body-color) !important; border: 2px solid var(--body-color) !important; color: var(--color-bg-1) !important; padding: 10px 30px !important; transition: 0.3s !important; } .button-filled > a:hover, .button-filled > button:hover, input.button-filled:hover, input#submit:hover { border-radius: var(--border-radius) !important; background-image: none !important; background-color: var(--color-bg-1) !important; border: 2px solid var(--body-color) !important; color: var(--body-color) !important; padding: 10px 30px !important; transition: 0.3s !important; } .button-outline > a, .button-outline > button, input.button-outline{ font-size: var(--base-font-md) !important; border-radius: var(--border-radius) !important; background-image: none !important; background-color: transparent !important; border: 2px solid var(--body-color) !important; color: var(--body-color) !important; padding: 10px 30px !important; transition: 0.3s !important; } .button-outline > a:hover, .button-outline > button:hover, input.button-outline:hover{ background-color: var(--body-color) !important; border: 2px solid var(--body-color) !important; color: var(--color-bg-1) !important; border-radius: var(--border-radius) !important; background-image: none !important; padding: 10px 30px !important; transition: 0.3s !important; } .button-blank > a, .button-blank > button, input.button-blank{ font-size: var(--base-font-md) !important; background-image: none !important; background-color: transparent !important; border: 2px solid transparent !important; color: var(--body-color) !important; padding: 10px 30px !important; transition: 0.3s !important; } .button-blank > a:hover, .button-blank > button:hover, input.button-blank:hover{ background-color: transparent !important; border: 2px solid transparent !important; color: var(--body-color) !important; background-image: none !important; padding: 10px 30px !important; transition: 0.3s !important; text-decoration: underline !important; } .button-invert > a, .button-invert > button, input.button-invert{ font-size: var(--base-font-md) !important; border-radius: var(--border-radius) !important; background-image: none !important; background-color: transparent !important; border: 2px solid var(--color-bg-1) !important; color: var(--color-bg-1) !important; padding: 10px 30px !important; transition: 0.3s !important; } .button-invert > a:hover, .button-invert > button:hover, input.button-invert:hover{ background-color: var(--body-color) !important; border: 2px solid var(--body-color) !important; color: var(--color-bg-1) !important; border-radius: var(--border-radius) !important; background-image: none !important; padding: 10px 30px !important; transition: 0.3s !important; } /* Button-Filled (primary) */ .button-filled.button-primary > a, .button-filled.button-primary > button, input.button-filled.button-primary, input#submit { background-color: var(--color-primary) !important; border: 2px solid var(--color-primary) !important; color: var(--color-primary-contrast) !important; } .button-filled.button-primary > a:hover, .button-filled.button-primary > button:hover, input.button-filled.button-primary:hover, input#submit:hover { background-color: var(--color-primary-hover) !important; border: 2px solid var(--color-primary-hover) !important; color: var(--color-primary-contrast) !important; } /* Button-Filled (black) */ .button-filled.button-black > a, .button-filled.button-black > button, input.button-filled.button-black, input#submit { background-color: var(--color-black) !important; border: 2px solid var(--color-black) !important; color: var(--color-white) !important; } .button-filled.button-black > a:hover, .button-filled.button-black > button:hover, input.button-filled.button-black:hover, input#submit:hover { background-color: var(--color-white) !important; border: 2px solid var(--color-white) !important; color: var(--color-black) !important; } /* Button-Filled (white) */ .button-filled.button-white > a, .button-filled.button-white > button, input.button-filled.button-white, .button-filled.button-white input#submit { background-color: var(--color-white) !important; border: 2px solid var(--color-white) !important; color: var(--color-black) !important; } .button-filled.button-white > a:hover, .button-filled.button-white > button:hover, input.button-filled.button-white:hover, .button-filled.button-white input#submit:hover { background-color: var(--color-black) !important; border: 2px solid var(--color-black) !important; color: var(--color-white) !important; } /* Button-Outline (primary) */ .button-outline.button-primary > a, .button-outline.button-primary > button, input.button-outline.button-primary, .button-outline.button-primary input#submit { border: 2px solid var(--color-primary) !important; color: var(--color-primary) !important; } .button-outline.button-primary > a:hover, .button-outline.button-primary > button:hover, input.button-outline.button-primary:hover, .button-outline.button-primary input#submit:hover { background-color: var(--color-primary-hover) !important; border: 2px solid var(--color-primary-hover) !important; color: var(--color-primary-contrast) !important; } /* Button-Outline (black) */ .button-outline.button-black > a, .button-outline.button-black > button, input.button-outline.button-black, .button-outline.button-black input#submit { border: 2px solid var(--color-black) !important; color: var(--color-black) !important; } .button-outline.button-black > a:hover, .button-outline.button-black > button:hover, input.button-outline.button-black:hover, .button-outline.button-black input#submit:hover { background-color: var(--color-black) !important; border: 2px solid var(--color-black) !important; color: var(--color-white) !important; } /* Button-Outline (white) */ .button-outline.button-white > a, .button-outline.button-white > button, input.button-outline.button-white, .button-outline.button-white input#submit { border: 2px solid var(--color-white) !important; color: var(--color-white) !important; } .button-outline.button-white > a:hover, .button-outline.button-white > button:hover, input.button-outline.button-white:hover, .button-outline.button-white input#submit:hover { background-color: var(--color-white) !important; border: 2px solid var(--color-white) !important; color: var(--color-black) !important; } .button-outline.button-primary.button-invert > a, .button-outline.button-primary.button-invert > button, input.button-outline.button-primary.button-invert, .button-outline.button-primary.button-invert input#submit { border: 2px solid var(--color-primary-contrast) !important; color: var(--color-primary-contrast) !important; } .button-outline.button-primary.button-invert > a:hover, .button-outline.button-primary.button-invert > button:hover, input.button-outline.button-primary.button-invert:hover, .button-outline.button-primary.button-invert input#submit:hover { background-color: var(--color-primary-hover) !important; border: 2px solid var(--color-primary-hover) !important; color: var(--color-primary-contrast) !important; } .button-filled.button-primary.button-invert > a, .button-filled.button-primary.button-invert > button, input.button-filled.button-primary.button-invert, .button-filled.button-primary.button-invert input#submit { background-color: var(--color-primary-contrast) !important; border: 2px solid var(--color-primary-contrast) !important; color: var(--color-primary) !important; } .button-filled.button-primary.button-invert > a:hover, .button-filled.button-primary.button-invert > button:hover, input.button-filled.button-primary.button-invert:hover, .button-filled.button-primary.button-invert input#submit:hover { background-color: var(--color-primary-hover) !important; border: 2px solid var(--color-primary-hover) !important; color: var(--color-primary-contrast) !important; } .button-lg > a, .button-lg > button, .button-lg > a:hover, .button-lg > button:hover{ font-size: var(--base-font-lg) !important; padding: calc(10px * var(--base-font-scale-factor)) calc(30px * var(--base-font-scale-factor)) !important; } .button-sm > a, .button-sm > button, .button-sm > a:hover, .button-sm > button:hover{ font-size: var(--base-font-sm) !important; padding: calc(10px * .8) calc(30px * .8) !important; } .button-xs > a, .button-xs > button, .button-xs > a:hover, .button-xs > button:hover{ font-size: var(--base-font-sm) !important; padding: calc(var(--base-clearance-xs) / 2) var(--base-clearance-sm) !important; } /* SVG-Icons */ .svg-icon-primary, .svg-icon-primary svg, .svg-icon-primary svg path{ fill: var(--color-primary); path: var(--color-primary); } .svg-icon-primary-hover, .svg-icon-primary-hover svg, .svg-icon-primary-hover svg path{ fill: var(--color-primary-hover); path: var(--color-primary-hover); } .svg-icon-primary-disabled, .svg-icon-primary-disabled svg, .svg-icon-primary-disabled svg path{ fill: var(--color-primary-disabled); path: var(--color-primary-disabled); } .svg-icon-primary-contrast, .svg-icon-primary-contrast svg, .svg-icon-primary-contrast svg path{ fill: var(--color-primary-contrast); path: var(--color-primary-contrast); } .svg-icon-white, .svg-icon-white svg, .svg-icon-white svg path{ fill: var(--color-white); path: var(--color-white); } .svg-icon-black, .svg-icon-black svg, .svg-icon-black svg path{ fill: var(--color-black); path: var(--color-black); } .svg-icon-xs{ max-width: var(--base-clearance-xs); max-height: var(--base-clearance-md); display: flex; width: 100%; } .svg-icon-sm{ max-width: var(--base-clearance-sm); max-height: var(--base-clearance-sm); display: flex; width: 100%; } .svg-icon-md{ max-width: var(--base-clearance-md); max-height: var(--base-clearance-md); display: flex; width: 100%; } .svg-icon-lg{ max-width: var(--base-clearance-lg); max-height: var(--base-clearance-lg); display: flex; width: 100%; } .svg-icon-xl{ max-width: var(--base-clearance-xl); max-height: var(--base-clearance-xl); display: flex; width: 100%; } /* Stretched Image (VC) */ .stretched-image > .vc_column-inner > .wpb_wrapper, .stretched-image > .vc_column-inner > .wpb_wrapper > .wpb_single_image, .stretched-image > .vc_column-inner > .wpb_wrapper > .wpb_single_image > .wpb_wrapper, .stretched-image > .vc_column-inner > .wpb_wrapper > .wpb_single_image > .wpb_wrapper .vc_single_image-wrapper, .stretched-image > .vc_column-inner > .wpb_wrapper > .wpb_single_image > .wpb_wrapper .vc_single_image-wrapper img{ width: 100%; height: 100%; } .stretched-image > .vc_column-inner > .wpb_wrapper{ margin-bottom: var(--base-clearance-md); } .stretched-image img{ object-fit: cover; } /* Borlabs Cookie v3 */ body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker{ font-size: var(--base-font-md) !important; } body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-cb-preset-b{ background: var(--color-primary) !important; padding: var(--base-clearance-md); border-radius: var(--base-radius) !important; } body div.brlbs-cmpnt-container.brlbs-cmpnt-content-blocker[data-borlabs-cookie-content-blocker-id] .brlbs-cmpnt-cb-cf7-recaptcha .brlbs-cmpnt-cb-thumbnail{ background-image: none !important } body div.brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-cb-preset-a, body div.brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-cb-preset-b .brlbs-cmpnt-cb-main{ background: var(--color-primary) !important; color: var(--color-primary-contrast) !important; border-radius: var(--base-radius); } body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-cb-preset-a .brlbs-cmpnt-cb-description{ border-bottom: 0 !important; } body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker a.brlbs-cmpnt-cb-provider-toggle{ color: var(--color-primary-contrast) !important; text-decoration: underline !important; } body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker a.brlbs-cmpnt-cb-provider-toggle:hover{ text-decoration: none !important; } body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker a { color: var(--color-primary-contrast) !important; } /* Buttons */ body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker a.brlbs-cmpnt-cb-btn{ background-color: transparent !important; color: var(--color-primary-contrast) !important; border: 2px solid var(--color-primary-contrast) !important; border-radius: var(--border-radius) !important; width: 300px !important; } body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker a.brlbs-cmpnt-cb-btn:hover{ background-color: var(--color-primary-hover) !important; } #BorlabsCookieBox .brlbs-cmpnt-btn, .brlbs-cmpnt-container .brlbs-cmpnt-btn { background-color: var(--color-primary) !important; color: var(--color-primary-contrast) !important; } #BorlabsCookieBox .brlbs-cmpnt-btn:hover, .brlbs-cmpnt-container .brlbs-cmpnt-btn:hover { background-color: var(--color-primary-hover) !important; } #BorlabsCookieBox .brlbs-cmpnt-tab.brlbs-cmpnt-tab-active, .brlbs-cmpnt-container .brlbs-cmpnt-tab.brlbs-cmpnt-tab-active{ background-color: var(--color-primary) !important; color: var(--color-primary-contrast) !important; border-bottom-color: var(--color-primary) !important; } #BorlabsCookieBox .brlbs-cmpnt-tab.brlbs-cmpnt-tab-inactive:focus-visible, #BorlabsCookieBox .brlbs-cmpnt-tab.brlbs-cmpnt-tab-inactive:hover, .brlbs-cmpnt-container .brlbs-cmpnt-tab.brlbs-cmpnt-tab-inactive:focus-visible, .brlbs-cmpnt-container .brlbs-cmpnt-tab.brlbs-cmpnt-tab-inactive:hover{ background-color: var(--color-primary) !important; color: var(--color-primary-contrast) !important; border-color: var(--color-primary) !important; } #BorlabsCookieBox .brlbs-cmpnt-tab.brlbs-cmpnt-tab-inactive, .brlbs-cmpnt-container .brlbs-cmpnt-tab.brlbs-cmpnt-tab-inactive{ border-bottom-color: var(--color-primary) !important; } #BorlabsCookieBox .brlbs-cmpnt-list-item, .brlbs-cmpnt-container .brlbs-cmpnt-list-item{ border-bottom-color: var(--color-primary) !important; } #BorlabsCookieBox .brlbs-cmpnt-with-separator, .brlbs-cmpnt-container .brlbs-cmpnt-with-separator { border-color: var(--body-divider) !important; } h2.brlbs-text-2xl{ font-size: var(--base-font-lg) !important; } h2.brlbs-cmpnt-h2{ font-size: var(--base-font-md) !important; } #BorlabsCookieBox .brlbs-cmpnt-inline-link, #BorlabsCookieBox .brlbs-cmpnt-inline-link *, brlbs-cmpnt-container .brlbs-cmpnt-inline-link, .brlbs-cmpnt-container .brlbs-cmpnt-inline-link *{ color: var(--color-primary) !important; } #BorlabsCookieBox .brlbs-cmpnt-card .brlbs-cmpnt-accordion-toggle, #BorlabsCookieBox .brlbs-cmpnt-card .brlbs-cmpnt-accordion-toggle *, .brlbs-cmpnt-container .brlbs-cmpnt-card .brlbs-cmpnt-accordion-toggle, .brlbs-cmpnt-container .brlbs-cmpnt-card .brlbs-cmpnt-accordion-toggle *{ color: var(--color-primary) !important; } #BorlabsCookieBox input[type=checkbox].brlbs-cmpnt-checkbox:checked, .brlbs-cmpnt-container input[type=checkbox].brlbs-cmpnt-checkbox:checked{ background-color: var(--color-primary-hover) !important; } #BorlabsCookieBox input[type=checkbox].brlbs-cmpnt-checkbox:checked:disabled:before, .brlbs-cmpnt-container input[type=checkbox].brlbs-cmpnt-checkbox:checked:disabled:before { background-color: var(--color-primary-contrast)!important; } #BorlabsCookieBox input[type=checkbox].brlbs-cmpnt-checkbox, .brlbs-cmpnt-container input[type=checkbox].brlbs-cmpnt-checkbox{ border-color: var(--color-primary) !important; } #BorlabsCookieBox .brlbs-cmpnt-search-bar-input{ border-color: var(--color-primary) !important; } #BorlabsCookieBox .brlbs-cmpnt-btn-switch input:checked+.brlbs-cmpnt-slider, .brlbs-cmpnt-container .brlbs-cmpnt-btn-switch input:checked+.brlbs-cmpnt-slider { background-color: var(--color-primary-hover) !important; } #BorlabsCookieBox .brlbs-cmpnt-list-item .brlbs-cmpnt-accordion-toggle, #BorlabsCookieBox .brlbs-cmpnt-list-item .brlbs-cmpnt-accordion-toggle *, .brlbs-cmpnt-container .brlbs-cmpnt-list-item .brlbs-cmpnt-accordion-toggle, .brlbs-cmpnt-container .brlbs-cmpnt-list-item .brlbs-cmpnt-accordion-toggle *{ color: var(--color-primary) !important; } #BorlabsCookieBox .brlbs-cmpnt-list-item .brlbs-cmpnt-accordion-toggle :hover, #BorlabsCookieBox .brlbs-cmpnt-list-item .brlbs-cmpnt-accordion-toggle:hover, .brlbs-cmpnt-container .brlbs-cmpnt-list-item .brlbs-cmpnt-accordion-toggle :hover, .brlbs-cmpnt-container .brlbs-cmpnt-list-item .brlbs-cmpnt-accordion-toggle:hover{ color: var(--color-primary-hover) !important; } /* Borlabs Cookie v2 */ .embed-responsive-16by9 > ._brlbs-cb-youtube { margin-top: -56.25%; } #BorlabsCookieBox ._brlbs-btn-accept-all, #BorlabsCookieBox ._brlbs-btn, .BorlabsCookie ._brlbs-google-maps a._brlbs-btn, #BorlabsCookieBox ._brlbs-refuse-btn a, .BorlabsCookie ._brlbs-content-blocker a._brlbs-btn{ background-color:var(--color-primary) !important; color:var(--color-primary-contrast) !important; border-color:var(--color-primary)!important; } .BorlabsCookie ._brlbs-btn-switch input:checked + ._brlbs-slider{ background-color:var(--color-primary)!important; } .BorlabsCookie ._brlbs-checkbox ._brlbs-checkbox-indicator{ border-color:var(--color-primary)!important; } #BorlabsCookieBox a, #BorlabsCookieBox ._brlbs-refuse a, #BorlabsCookieBox ._brlbs-legal a, #BorlabsCookieBox ._brlbs-manage a{ color:var(--color-primary) !important; } #BorlabsCookieBox ._brlbs-btn-accept-all:hover, #BorlabsCookieBox ._brlbs-btn:hover, .BorlabsCookie ._brlbs-google-maps a._brlbs-btn:hover, #BorlabsCookieBox ._brlbs-refuse-btn a:hover, .BorlabsCookie ._brlbs-content-blocker a._brlbs-btn:hover{ background-color:var(--color-primary-hover) !important; color:var(--color-primary-contrast) !important; border-color:var(--color-primary-hover)!important; } #BorlabsCookieBox a:hover, #BorlabsCookieBox ._brlbs-refuse a:hover, #BorlabsCookieBox ._brlbs-legal a:hover, #BorlabsCookieBox ._brlbs-manage a:hover{ color:var(--color-primary-hover)!important; } .BorlabsCookie ._brlbs-checkbox input:checked ~ ._brlbs-checkbox-indicator{background-color:var(--color-primary-hover) !important;border-color:var(--color-primary-hover) !important;} /* Preloader */ #preloader { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1071; background-color: #fff; } body.admin-bar #preloader { top: 46px; } @media (min-width: 783px) { body.admin-bar #preloader { top: 32px; } } #preloader > div { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); } #preloader img { -webkit-animation: shake .5s linear 0s infinite both; animation: shake .5s linear 0s infinite both; } @-webkit-keyframes shake { 0%, 100% { -webkit-transform: translateY(0); } 40% { -webkit-transform: translateY(-.3125rem); } } @keyframes shake { 0%, 100% { transform: translateY(0); } 40% { transform: translateY(-.3125rem); } } /* Header / Header-Menu */ header #header-menu li.menu-item.dropdown:focus, header #header-menu a.nav-link:focus{ outline: 0; } .navbar-fullsize .navbar-collapse .mobile-container { display: flex; width: 100%; } /* Header 1 */ header #header-icons { border-left: 1px solid #eee; margin-left: 10px; padding-left: 15px; } header #header-icons > a { display: inline-block; width: 1.25rem; text-align: center; padding: .3125rem 0; border-radius: .25rem; } header #header-icons > a + a { margin-left: .625rem; } header #header-icons > a > svg { max-height: 1.25rem; } /* Typography */ a:hover { text-decoration: none; } hr.divider { margin-top: 2.8125rem; margin-bottom: 2.8125rem; } /* Navbar (Groovy not in use) */ .navbar.navbar-light .navbar-nav .current-menu-item > a, .navbar.navbar-light .navbar-nav a.active, .navbar.navbar-light .navbar-nav a.show, .navbar.navbar-light .navbar-nav .show > a { color: rgba(0,0,0,.9); } .navbar.navbar-light .navbar-nav a { color: rgba(0,0,0,.5); } @media (min-width: 992px) { .navbar.navbar-expand-lg .navbar-nav a { padding-right: .5rem; padding-left: .5rem; } } .navbar .navbar-nav a { padding-right: 0; padding-left: 0; } .navbar .menu-item > a { display: block; padding: .5rem 1rem; } .navbar .navbar-brand { max-width: 75%; } .navbar .navbar-toggler { border: 0; background-color: transparent; } .navbar .navbar-toggler:hover, .navbar .navbar-toggler:focus { outline: 0; } .navbar .icon-bar { display: block; margin-top: 4px; width: 22px; height: 2px; background-color: #000; transition: opacity .2s, transform .2s; } .navbar .navbar-toggler .top-bar { transform: rotate(45deg); transform-origin: 10% 10%; } .navbar .navbar-toggler .middle-bar { opacity: 0; } .navbar .navbar-toggler .bottom-bar { transform: rotate(-45deg); transform-origin: 10% 90%; } .navbar .navbar-toggler.collapsed .top-bar { transform: rotate(0); } .navbar .navbar-toggler.collapsed .middle-bar { opacity: 1; } .navbar .navbar-toggler.collapsed .bottom-bar { transform: rotate(0); } /* Images */ img { max-width: 100%; height: auto; } svg { max-width: 100%; height: auto; } img.injectable { visibility: hidden; } .svg-wrap { display: inline-block; position: relative; width: 100%; height: 100%; } .svg-wrap > canvas { display: block; visibility: hidden; height: 100%; } .svg-wrap > svg { position: absolute; top: 0; left: 0; width: 100%; height: auto; } /* iFrames */ iframe{ max-width: 100%; width: 100%; height: 100%; } /* Google reCAPTCHA */ .grecaptcha-badge { visibility: hidden; } /* Containers */ @media (min-width: 1200px) { .container { max-width: 1440px; } } /* Bilder-Copyright */ .img_copyright { position: absolute; bottom: 0; right: 0; font-size: 60%; padding: 1px 15px; border-top-left-radius: 3px; background-color: rgba(255, 255, 255, .4); border-bottom-right-radius: var(--base-radius); } /* Borlabs Cookie */ .borlabs-cookie-preference, .borlabs-cookie-preference a{ cursor: pointer; } /* formidable forms */ /* Buttons */ .frm_style_formidable-style.with_frm_style .frm_compact .frm_dropzone.dz-clickable .dz-message, .frm_style_formidable-style.with_frm_style input[type=submit], .frm_style_formidable-style.with_frm_style .frm_submit input[type=button], .frm_style_formidable-style.with_frm_style .frm_submit button, .frm_form_submit_style, .frm_style_formidable-style.with_frm_style .frm-edit-page-btn{ font-size: var(--base-font-md); background: var(--color-primary); border-width: 2px; border-color: var(--color-primary); color: var(--color-primary-contrast); border-radius: var(--form-submit-radius); padding: 10px 30px; box-sizing: border-box; box-shadow: none; margin: 10px; transition: 0.3s !important; } .frm_style_formidable-style.with_frm_style .frm-edit-page-btn:hover, .frm_style_formidable-style.with_frm_style input[type=submit]:hover, .frm_style_formidable-style.with_frm_style .frm_submit input[type=button]:hover, .frm_style_formidable-style.with_frm_style .frm_submit button:hover{ background-color: var(--color-primary-hover) !important; border: 2px solid var(--color-primary-hover) !important; color: var(--color-primary-contrast) !important; transition: 0.3s !important; } /* Input */ .with_frm_style input[type=text], .with_frm_style input[type=password], .with_frm_style input[type=email], .with_frm_style input[type=number], .with_frm_style input[type=url], .with_frm_style input[type=tel], .with_frm_style input[type=phone], .with_frm_style input[type=search], .with_frm_style select, .with_frm_style textarea, .frm_form_fields_style, .with_frm_style .frm_scroll_box .frm_opt_container, .frm_form_fields_active_style, .frm_form_fields_error_style, .with_frm_style .frm-card-element.StripeElement, .with_frm_style .frm_slimselect.ss-main { color: var(--form-input-text-color) !important; background-color: var(--form-input-background-color); border-color: var(--form-input-border-color); border-width: var(--form-input-border-width); border-style: solid; border-radius: var(--form-input-border-radius); font-size: var(--base-font-md); padding: var(--form-input-padding); font-weight: normal; } /* Checkboxen */ .with_frm_style .frm_radio label, .with_frm_style .frm_checkbox label { font-size: var(--base-font-sm); font-family: var(--base_font_family_1); font-weight: var(--base_font_weight_1); color: var(--form-input-text-color); line-height: var(--base-text-line-height); } .frm_forms.with_frm_style .frm_fields_container .frm_checkbox input[type=checkbox]:not([disabled]):checked { background-color: var(--form-input-border-color) !important; } /* Radio */ .with_frm_style .frm_radio input[type=radio], .with_frm_style .frm_scale input[type=radio], .with_frm_style .frm_checkbox input[type=checkbox] { background-color: var(--form-input-background-color); color: var(--form-input-text-color); border-color: var(--form-input-border-color); border-width: var(--form-input-border-width); border-style: solid; } .with_frm_style .frm_scale input[type=radio]:before, .with_frm_style .frm_radio input[type=radio]:before { width: 7px; height: 7px; background-color: var(--form-input-border-color); } .frm_forms.with_frm_style .frm_fields_container .frm_radio input[type=radio]:not([disabled]):checked, .frm_forms.with_frm_style .frm_fields_container .frm_scale input[type=radio]:not([disabled]):checked, .frm_forms.with_frm_style .frm_fields_container .frm_checkbox input[type=checkbox]:not([disabled]):checked { border-color: var(--form-input-border-color) !important; } /* Input:fokus */ .frm_style_formidable-style.with_frm_style .form-field input:not([type=file]):not([type=range]):not([readonly]):focus, .frm_style_formidable-style.with_frm_style select:focus, .frm_style_formidable-style.with_frm_style .form-field textarea:focus, .frm_style_formidable-style.with_frm_style .frm_focus_field input[type=text], .frm_style_formidable-style.with_frm_style .frm_focus_field input[type=password], .frm_style_formidable-style.with_frm_style .frm_focus_field input[type=email], .frm_style_formidable-style.with_frm_style .frm_focus_field input[type=number], .frm_style_formidable-style.with_frm_style .frm_focus_field input[type=url], .frm_style_formidable-style.with_frm_style .frm_focus_field input[type=tel], .frm_style_formidable-style.with_frm_style .frm_focus_field input[type=search], .frm_form_fields_active_style, .frm_style_formidable-style.with_frm_style .frm_focus_field .frm-card-element.StripeElement { background-color: var(--form-input-background-color); border-color: var(--form-input-border-color-focus); color: var(--form-input-text-color) !important; box-shadow: none; } /* Kategorien (Posts) */ .post-categories-nav{ background-color: var(--color-surface-1); padding: var(--base-clearance-md); border-radius: var(--base-radius); display: flex; justify-content: center; } .post-categories-nav .post-categories-title{ color: var(--body-muted); } .post-categories-nav ul{ list-style: none; display: flex; justify-content: center; margin: 0; padding: 0; } .post-categories-nav ul li { display: inline-block; margin-right: 10px; } .post-categories-nav ul li.aktiv a { font-weight: bold; } /* Contact 2 */ #contact-2 .full-size-map{ position: absolute; width: 100%; left: 0; height: 300px; } #contact-2 .full-size-map iframe{ width: 100%; height: 100%; } #contact-2 #offset{ padding-top: 270px; } #contact-2 #contact-social-media > a{ display: inline-block; margin: 0 5px 5px 0; border: 0; border-radius: 0; width: 45px; height: 50px; transition: background-color .125s ease-in-out; } #contact-2 #contact-social-media { padding: 0; } /* Modals */ .modal-dialog.modal-xl { max-height: calc(100vh - 2rem - 30px); } body.admin-bar .modal-dialog.modal-xl { max-height: calc(100vh - 2rem - 76px); } @media (min-width: 783px) { body.admin-bar .modal-dialog.modal-xl { max-height: calc(100vh - 2rem - 62px); } } .modal-content { border: 0; } @media (min-width: 1200px) { .modal-xl { max-width: 1410px; } } /* Glossary */ .glossary{ background-color: #f5f5f5; margin-bottom: 30px; border: 0; border-radius: 0; } .glossary ul{ padding-left: 40px; } .glossary ul li{ list-style: none; } .glossary ul li a{ font-size: 20px; } /* Glossary Carousel */ #glossar-carousel, #single-carousel{ margin-bottom: 10px; border: 1px solid #c7c7c7; padding: 5px; } #glossar-carousel .owl-stage-outer, #glossar-carousel .owl-stage, #glossar-carousel .owl-item, #glossar-carousel .item, #single-carousel .owl-stage-outer, #single-carousel .owl-stage, #single-carousel .owl-item, #single-carousel .item { height: 290px; } #glossar-carousel .owl-item a, #single-carousel .owl-item a{ display: block; width: 100%; height: 100%; } #glossar-carousel .owl-item .item-image, #single-carousel .owl-item .item-image{ width: 100%; height: 100%; background-size: contain; background-position: center; background-repeat: no-repeat; } #glossar-thumbnails, #single-thumbnails{ display: flex; flex-direction: row; flex-wrap: wrap; margin-left: -5px; margin-right: -5px; } #glossar-thumbnails a, #single-thumbnails a{ border: 1px solid #c7c7c7; width: calc(14.28571% - 10px); padding: 3px; margin-bottom: 10px; margin-left: 5px; margin-right: 5px; } #glossar-thumbnails a img, #single-thumbnails a img{ opacity: 0.5; } #glossar-thumbnails a:hover, #single-thumbnails a: hover{ border: 1px solid #005d9a; } #glossar-thumbnails a:hover img, #single-thumbnails a: hover img{ opacity: 1; } #glossar-thumbnails + #author, #single-thumbnails + #author{ margin-top: 3rem; } /* -------------------------------------------------------------------------- */ /* P3-HP (Shortcode-Templates > Post) */ /* -------------------------------------------------------------------------- */ /* -------------*/ /* post-masonry */ /* ------------ */ .post-masonry-layout-standard-1 .grid-item, .post-masonry-layout-standard-1 .grid-sizer{ width: calc(33% - 15px); } .post-masonry-layout-standard-1 .gutter-sizer{ width: 15px; } /* -------------------------------------------------------------------------- */ /* P3-HP (Shortcode-Templates > Term) */ /* -------------------------------------------------------------------------- */ /* ----------*/ /* term-list */ /* --------- */ ul.term-list-layout-standard-1{ list-style: none !important; padding-left: 0 !important; border-bottom: 0 !important; font-size: unset !important; } ul.term-list-layout-standard-1 li{ padding: unset !important; border-top: 0 !important; line-height: unset !important; display: inline-flex; } ul.term-list-layout-standard-1 li a, ul.term-list-layout-standard-1 li a:hover{ margin-right: 10px; border-radius: 25px !important; margin-bottom: 10px; } /* -------------------------------------------------------------------------- */ /* P3-HP (Basics) */ /* -------------------------------------------------------------------------- */ /* Lightbox */ #lightbox { transform: translateY(25%); } html.admin-bar #lightbox { transform: translateY(25% + 46px); } @media (min-width: 783px) { html.admin-bar #lightbox { transform: translateY(25% + 32px); } } /* Shariff-Buttons */ .single-share-buttons ul.shariff-buttons.theme-round li{ width: 25px !important; transition: all .6s ease; } .single-share-buttons ul.shariff-buttons li, .single-share-buttons ul.shariff-buttons li a{ background-color: transparent !important; } .single-share-buttons ul.shariff-buttons li:hover{ transform: translateY(-2.5px); transition: all .3s ease; } .single-share-buttons ul.shariff-buttons li a svg, .single-share-buttons ul.shariff-buttons li a svg path{fill: var(--color-primary) !important} /* ----------------------- */ /* 404-Seite */ /* ----------------------- */ #page404{ margin: 20vh 0; } #page404 h1{ font-size: 10rem; line-height: 10rem; } /* ----------------------- */ /* Archive */ /* ----------------------- */ /* Archive-Cards */ #archive.archive-cards article{ margin-bottom: 1.25rem; background-color: #fff; box-shadow: 0 0.125rem 0.625rem 0 rgba(0,0,0,.1); transition: all 0.5s ease; position: inherit; } #archive.archive-cards article:hover{ margin-bottom: 1.25rem; background-color: #fff; box-shadow: 0 0.3rem 0.9rem 0 rgba(0,0,0,.4); transition: all 0.5s ease; } #archive.archive-cards article h2.archive-title{ padding-left: 30px; padding-right: 30px; padding-top: 30px; margin: 0; } #archive.archive-cards article div.archive-content{ padding: 15px 30px; } /* Archive-Timeline */ #archive.archive-timeline:before { content: ""; position: absolute; top: 30px; bottom: 0; width: 100%; height: calc(100% - 60px)!important; border-left-width: 2px; border-left-style: solid; border-left-color: rgba(52, 40, 104, .1); z-index: -1; } #archive.archive-timeline article + #archive.archive-timeline article{ margin-top: 45px; } #archive.archive-timeline article{ float: right; clear: right; width: calc(100% - 30px); margin-bottom: 30px; border: 0; border-radius: 0; background-color: #fff; box-shadow: 0 0.125rem 0.625rem 0 rgb(0 0 0 / 10%); transition: all 0.5s ease; } #archive.archive-timeline article:hover{ box-shadow: 0 0.125rem 0.625rem 0 rgb(0 0 0 / 30%); transition: all 0.5s ease; } #archive.archive-timeline article .archive-timeline-content{ padding: 15px; } #archive.archive-timeline article img{ width: 100%; } #archive.archive-timeline article .card-date { width: 66.66667%; background-color: #fff; padding-left: 15px; padding-top: 15px; margin-top: -25px; } #archive.archive-timeline article:after { content: ""; position: absolute; left: -30px; border-top: 20px solid rgba(0,0,0,.125); border-right: 20px solid transparent; border-left: 20px solid transparent; transform: rotate(90deg); margin-top: 45px; } #archive.archive-timeline article:before { content: ""; position: absolute; left: -35px; width: 10px; height: 10px; background-color: #0077be; border-radius: 10px; margin-top: 50px; border: 2px solid #fff; } @media (min-width: 1200px) { /* Timeline */ #archive.archive-timeline:before { width: 50%; border-right-width: 2px; border-right-style: solid; border-right-color: rgba(52, 40, 104, .1); z-index: -1; left: 0; border-left: 0; } #archive.archive-timeline article{ float: left; clear: left; width: calc(50% - 30px); } #archive.archive-timeline article:after { right: -30px; left: auto; transform: rotate(-90deg); } #archive.archive-timeline article:before { right: -35px; left: auto; } #archive.archive-timeline article:nth-of-type(even){ float: right; clear: right; } #archive.archive-timeline article:nth-of-type(even):after { left: -30px; border-top: 20px solid rgba(0,0,0,.125); border-right: 20px solid transparent; border-left: 20px solid transparent; transform: rotate(90deg); margin-top: 45px; right: auto; } #archive.archive-timeline article:nth-of-type(even):before { left: -35px; width: 10px; height: 10px; } } /* Archive-Datum (Monat / Jahr) */ .year-wrap, .month-wrap{ clear: both; text-align: center; margin-bottom: 30px; } .year-wrap .year { background-color: #7d878c; padding: 10px 45px; color: #fff; border-radius: 25px; } .month-wrap .month { background-color: #0077be; padding: 5px 10px; color: #fff; border-radius: 25px; } /* Archive-Pagnierung */ #archive #paginate{ clear: both; } #archive #paginate .page-numbers.current, #archive #paginate a{ padding: 6px 12px; background-color: #f5f5f5; } /* Archive-Sidebar */ #archive-sidebar ul{ list-style: none; font-size: 0.9286em; border-bottom: 1px solid #ededed; margin: 0; padding: 0; } #archive-sidebar li{ padding: 8px 0 8px 15px; line-height: 1.4; border-top: 1px solid #ededed; } /* Single Post */ article#single .single-tags ul{ padding-left: 0; list-style: none; display: flex; flex-wrap: wrap; } article#single .single-tags ul li{ list-style: none; } article#single .single-tags ul li .badge{ font-size: 90%; margin-right: 3px; margin-bottom: 2px; } article#single .single-date-author .user-contact > a, article#single .single-date-author .user-contact > a:hover{ padding: 4px 8px !important; display: inline-block; } article#single .single-content{ box-shadow: rgba(17, 12, 46, 0.15) 0px 48px 100px 0px; margin-bottom: 90px; } article#single .single-content .single-content-title, article#single .single-content .single-content-body{ padding: 30px; } article#single .single-comments h3#comments, article#single .single-comments h3#reply-title{ font-size: calc(0.25rem + 1vw); } article#single .single-comments ol.commentlist{ list-style: none; padding-left: 0; margin: 30px 0; } article#single .single-comments ol.commentlist li{ background-color: #f5f5f5; padding: 30px; margin-bottom: 15px; } article#single .single-comments p.comment-form-comment{ display: flex; flex-direction: column; } /* Single Event */ article#event .event-dates .event-date > ul{ list-style: none; border-left: 1px solid var(--body-divider); padding-left: var(--base-clearance-md); margin-left: var(--base-clearance-sm); } article#event .event-dates .event-date > ul > li.event-date-section .programm_titel:before{ content: ""; position: absolute; width: 15px; height: 15px; margin-left: calc((var(--base-clearance-md) + 8px) * -1); background: var(--color-surface-1); border-radius: 100%; margin-top: 4px; border: 1px solid var(--body-divider); } article#event .event-dates .event-dates-divider{ margin-left: calc( var(--base-clearance-md) * -1); margin-right: calc( var(--base-clearance-md) * -1); } article#event .event-dates .events-iframe{ min-height: 250px; } /* article#event .single-content { box-shadow: rgb(17 12 46 / 15%) 0px 48px 100px 0px; margin-bottom: 90px; } article#event .single-content .single-content-body, article#event .single-content .dates, article#event .single-content .online-anmeldung, article#event .single-content .downloads { padding: 30px; } article#event .single-event-date .date-single{ display: flex; flex-direction: column; justify-content: center; align-items: center; background-color: #dbdbdb; } article#event .single-event-date .date-single .day{ padding: 1.25rem 1.25rem 0 1.25rem; font-size: 3rem; } article#event .single-event-date .date-single .month{ padding: 0 1.25rem 1.25rem 1.25rem; font-size: 1.5rem; } article#event .single-event-date .date-single .year{ background-color: #cbcbcb; text-align: center; padding: 15px; width: 100%; } article#event .single-event-date > .date-period{ display: flex; align-items: center; justify-content: space-evenly; flex-wrap: nowrap; } article#event .single-event-date > .date-period:before{ display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f30b"; position: absolute; top: 1.75rem; z-index: 1; } article#event .single-event-date > .date-period .from{ border-right: 1px solid rgba(255,255,255,0.2); background-color: #dbdbdb; } article#event .single-event-date > .date-period .to{ border-left: 1px solid rgba(0,0,0,0.1); background-color: #dbdbdb; } article#event .single-event-date .date-period .day{ padding: .75rem .75rem 0 .75rem; font-size: 1.5rem; text-align: center; } article#event .single-event-date .date-period .month{ padding: 0 .75rem .75rem .75rem; text-align: center; } article#event .single-event-date .date-period .year{ background-color: #cbcbcb; text-align: center; padding: 15px; width: 100%; } article#event .dates{ padding-left: 0; list-style: none; } article#event .dates li{ list-style: none; } article#event .dates .card-date{ display: flex; flex-direction: column; justify-content: center; padding: 1.25rem; background-color: #dbdbdb; } article#event .dates .card-date > .row{ display: flex; align-items: center; justify-content: space-evenly; } */ /* Aktuelles (Single) */ #aktuelles .aktuelles-tags ul{ padding: 0; list-style: none; display: flex; flex-wrap: wrap; } #aktuelles .aktuelles-tags ul > li > a{ font-size: var(--base-font-sm); background-color: var(--color-primary); color: var(--color-primary-contrast); padding: 1px var(--base-clearance-xs) 0px var(--base-clearance-xs); margin-right: var(--base-clearance-xxs); display: inline-block; border-radius: var(--base-radius); } #aktuelles .aktuelles-tags ul > li > a:hover{ background-color: var(--color-primary-hover); } /* Referenzen (single) */ #referenzen .refernzen-bild img{ width: 100%; max-height: 700px; object-fit: cover; border-radius: var(--base-radius); overflow: hidden; } /* Portfolio (single) */ #portfolio .portfolio-bild img{ width: 100%; max-height: 700px; object-fit: cover; border-radius: var(--base-radius); overflow: hidden; } #portfolio .portfolio-navbar ul{ padding-left: 0; list-style: none; } #portfolio .portfolio-navbar ul > li > a{ border-bottom: 1px solid var(--body-divider); } #portfolio .portfolio-navbar ul > li.active > a{ background-color: var(--color-surface-1); } /* Masonry */ .grid-sizer, .grid-item { width: 22%; } .grid-item { margin-bottom: 10px; } .gutter-sizer { width: 10px; } /* Lazyload */ .btn-lazyload .spinner-border { display: none; } .btn-lazyload.busy .spinner-border { display: inherit; } /* Google Maps iFrame */ #google-maps-iframe iframe { width: 100%; } /* Sticky Sidebars */ @media (min-width: 1024px) { .sticky-sidebar-item-lg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } } @media (min-width: 1200px) { .sticky-sidebar-item-xl { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } } .sticky-element { position: sticky; top: 160px; margin: 0 15px; } /* OWL */ body.home .owl-carousel, body.home .owl-carousel .owl-stage-outer, body.home .owl-carousel .owl-stage, body.home .owl-carousel .owl-item, body.home .owl-carousel.owl-drag .owl-item, /*body.home .owl-carousel .owl-item img,*/ body.home .owl-item > .item{ height: 100%; } body.home .tile-img-gallery .cycle-img, body.home .cycle-img > img{ height: 100%; width: 100%; } /* Center iFrame-Kachel */ .tile-iframe ._brlbs-content-blocker{ min-height: unset; } /* Cycle Kachel */ .cycle-img-caption { background-color: var(--color-surface-1); color: var(--body-color); } /* Copyright */ .video_copyright, .img-card_copyright{ position: absolute; bottom: 0; right: 0; font-size: 60%; padding: 0 3px; border-top-left-radius:3px; background-color: rgba(255,255,255,0.4); }