/*
Theme Name: ERC Logistik (Divi)
Template: Divi
Version: 1.0.0.1
Description: Child theme for erc.at: local fonts, colours and the one-pager layout. Content is edited in the Divi builder.
Author: UNYX
*/
:root{--erc:#004f93;--erc-dark:#003a6e;--erc-ink:#1d2b3a;--erc-muted:#5f6b78;--erc-line:#e3e8ef;--erc-soft:#f3f6fa}
body{font-family:"Open Sans",Arial,sans-serif;color:var(--erc-muted);font-size:15px;line-height:1.7}
h1,h2,h3,h4,h5,h6,#top-menu a,.et_pb_button,.erc-stats b{font-family:"Titillium Web","Open Sans",Arial,sans-serif}
h1,h2,h3,h4{color:var(--erc-ink);font-weight:700;line-height:1.2}
html{scroll-behavior:smooth}
.et_pb_section[id]{scroll-margin-top:100px}

/* header */
#top-header{background:var(--erc)}
#top-header,#top-header a{font-size:12px}
#main-header{box-shadow:0 1px 0 var(--erc-line)}
#top-menu li a{font-weight:600;color:var(--erc-ink)}
#top-menu li a:hover{color:var(--erc)!important;opacity:1}
#top-menu li.erc-cta.menu-item>a,.et-fixed-header #top-menu li.erc-cta.menu-item>a{color:#fff!important;background:var(--erc);color:#fff!important;padding:10px 20px!important;border-radius:24px}
#top-menu li.erc-cta.menu-item>a:hover{color:#fff!important;background:var(--erc-dark)}

/* titles with the blue bar */
.erc-title h2:after{content:"";display:block;width:48px;height:3px;background:var(--erc);margin-top:14px}
.erc-title.et_pb_text_align_center h2:after,.erc-center h2:after{margin-left:auto;margin-right:auto}
.erc-title h2{font-size:34px;padding-bottom:16px}

/* buttons */
.et_pb_button{border-radius:24px!important;font-weight:600}

/* hero */
.erc-hero{clip-path:polygon(0 0,100% 0,100% 88%,0 100%)}
.erc-hero h1{color:#fff;font-size:54px;max-width:640px;padding-bottom:16px}
.erc-hero p{color:#dce6f3;font-size:18px;max-width:560px}
.erc-stats{display:flex;gap:56px;flex-wrap:wrap}
.erc-stats p{display:flex;gap:56px;flex-wrap:wrap}
.erc-stats span{display:block}
.erc-stats b{display:block;font-size:34px;color:#fff;line-height:1.2}
.erc-stats small{color:#c5d4e8;font-size:13px}

/* cards (services, values) */
.erc-card{background:#fff;border:1px solid var(--erc-line);border-radius:10px;padding:30px;box-shadow:0 10px 30px rgba(0,58,110,.08)}
.erc-card h4{font-size:21px}
.erc-card .et-pb-icon{background:#e8f0fa;border-radius:50%;padding:12px;font-size:22px!important;color:var(--erc)!important}
.erc-overlap{margin-top:-170px!important;position:relative;z-index:2}

/* quote */
.erc-quote blockquote{border-left:3px solid var(--erc);padding:4px 0 4px 20px;font:italic 19px/1.5 "Titillium Web",sans-serif;color:var(--erc-ink);margin:26px 0 8px}
.et_pb_row.erc-box{background:#fff;border:1px solid var(--erc-line);border-radius:12px;padding:36px 40px!important}

/* band */
.erc-band blockquote{border:0;padding:0;font:600 28px/1.35 "Titillium Web",sans-serif;color:#fff;max-width:820px;margin:0 auto 12px}
.erc-band p{color:#c5d4e8}

/* team */
.erc-person{background:#fff;border:1px solid var(--erc-line);border-radius:10px;overflow:hidden;font-size:13px}
.erc-person .et_pb_team_member_image{margin:0!important;width:100%!important;max-width:none!important;aspect-ratio:4/5;background:#e6edf5}
.erc-person .et_pb_team_member_image img{width:100%;height:100%;object-fit:cover;object-position:center 20%}
.erc-person .et_pb_team_member_description{padding:16px 18px}
.erc-person .et_pb_module_header{font-size:17px;padding-bottom:0}
.erc-person .et_pb_member_position{color:var(--erc);font-weight:600;margin-bottom:6px}

/* downloads */
.erc-dl{background:#fff;border:1px solid var(--erc-line);border-radius:10px;padding:18px}
.erc-dl .et_pb_main_blurb_image{margin-bottom:0!important}
.erc-dl h4{font-size:15px;padding-bottom:2px}
.erc-dl .et_pb_blurb_description{font-size:12px}
.erc-dl .et-pb-icon{color:var(--erc)!important;font-size:22px!important}
.erc-dl:hover{border-color:var(--erc)}

/* jobs list from the kj_stellen shortcode */
.erc-jobs .et_pb_text_inner{min-height:200px}

/* inquiry form (CF7 form 208): two equal columns, the message box fills the right one */
.erc-form .erc-cf{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.erc-form .erc-cf p{display:contents}
.erc-form .erc-cf br{display:none}
.erc-form .erc-cf-col{display:flex;flex-direction:column;gap:14px}
.erc-form .erc-cf-col .wpcf7-form-control-wrap{display:block}
.erc-form .erc-cf-col .wpcf7-form-control-wrap[data-name=message]{flex:1;display:flex}
.erc-form .erc-cf-foot{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px}
.erc-form input:not([type=checkbox]):not([type=submit]),.erc-form select,.erc-form textarea{width:100%;height:46px;font:14px "Open Sans",sans-serif;padding:12px 14px;border:1px solid #cfd8e3;border-radius:6px;background:#fff;color:var(--erc-ink);box-sizing:border-box;margin:0}
.erc-form textarea{height:auto;min-height:110px;resize:vertical}
.erc-form .erc-cf-col .wpcf7-form-control-wrap[data-name=message] textarea{flex:1}
.erc-form .wpcf7-list-item{margin:0}
.erc-form .wpcf7-acceptance,.erc-form .wpcf7-acceptance a{font-size:13px}
.erc-form input[type=submit]{background:var(--erc);color:#fff;border:0;border-radius:24px;padding:12px 26px;font:600 15px "Titillium Web",sans-serif;cursor:pointer}
.erc-form input[type=submit]:hover{background:var(--erc-dark)}
.erc-form .wpcf7-spinner{margin:0 0 0 8px}
@media(max-width:767px){.erc-form .erc-cf{grid-template-columns:1fr}}

/* contact box */
.erc-contact{background:var(--erc-dark);border-radius:12px;padding:34px!important;color:#cfdcec}
.erc-contact h3{color:#fff}
.erc-contact a{color:#fff}
.erc-contact dl{display:grid;grid-template-columns:auto 1fr;gap:4px 14px;font-size:14px;margin:0 0 20px}
.erc-contact dt{color:#8fa8c7}

/* footer */
#main-footer{background:var(--erc)}
#main-footer .footer-widget,#main-footer .footer-widget a,#main-footer .footer-widget li a{color:#fff}
#main-footer .footer-widget h4{font-size:12px;letter-spacing:.1em;color:#fff;text-transform:uppercase}
#main-footer .footer-widget li:before{display:none}
#main-footer .footer-widget li{padding-left:0}
#footer-bottom{background:rgba(0,0,0,.15)}
#footer-info,#footer-info a{color:#cfdcec}
.erc-footer-logo{height:52px;width:auto;filter:brightness(0) invert(1);margin-bottom:12px}

@media(max-width:980px){
  .erc-hero{clip-path:polygon(0 0,100% 0,100% 88%,0 100%)}
.erc-hero h1{font-size:38px}
  .erc-stats,.erc-stats p{gap:28px}
  .erc-overlap{margin-top:-60px!important}
}
.erc-hero .et_pb_button_module_wrapper{display:inline-block;margin:24px 12px 0 0}
.erc-title{margin-bottom:12px!important}
.erc-gallery .et_pb_gallery_items{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.erc-gallery .et_pb_gallery_item{width:auto!important;margin:0!important;clear:none!important}
.erc-gallery .et_pb_gallery_image img{border-radius:6px}
.erc-person:not(:has(img))::before{content:"";display:block;aspect-ratio:4/5;background:#e6edf5 url(/datastore/uploads/logo.png) center/55% auto no-repeat;opacity:.9}
.erc-person{height:100%}
.et_pb_section.erc-hero{padding:130px 0 270px}
.et_pb_section.erc-band{padding:90px 0}
@media(max-width:980px){.et_pb_section.erc-hero{padding:80px 0 160px}}
@media(max-width:767px){.erc-person .et_pb_team_member_image,.erc-person:not(:has(img))::before{aspect-ratio:1/1}}
.erc-card .et_pb_main_blurb_image{text-align:left;margin-bottom:16px!important}
.erc-card .et_pb_main_blurb_image .et_pb_image_wrap{display:inline-flex;width:46px;height:46px;border-radius:50%;background:#e8f0fa;align-items:center;justify-content:center}
.erc-card .et-pb-icon{background:none!important;padding:0!important;font-size:20px!important}
.erc-card .et_pb_blurb_container{text-align:left}
.erc-card .et_pb_module_header{padding-bottom:8px}
.erc-overlap .erc-card{min-height:100%}
.erc-overlap .et_pb_column{display:flex;flex-direction:column}
.erc-overlap .et_pb_column .erc-card{flex:1}
/* the negative margin of the card row must not collapse through the section (it would pull the white section over the hero) */
#leistungen{display:flow-root}
.et_pb_blurb.erc-card .et_pb_blurb_content{max-width:none;text-align:left}
.et_pb_blurb.erc-card .et_pb_main_blurb_image{text-align:left!important}
@media(min-width:981px){.et_pb_row.erc-overlap{display:flex;align-items:stretch}.et_pb_row.erc-overlap>.et_pb_column{float:none}}
.erc-gallery .et_pb_gallery_image img{width:100%;aspect-ratio:3/4;object-fit:cover}
/* jobs page */
.et_pb_section.erc-hero-sm{padding:110px 0 150px;text-align:center}
.erc-hero-sm h1,.erc-hero-sm p{margin-left:auto;margin-right:auto}
.erc-hero-sm .et_pb_button_module_wrapper{margin:24px 6px 0}
.erc-lead p{max-width:720px;margin:0 auto;font-size:16px}
.erc-facts p{display:flex;justify-content:center;gap:56px;flex-wrap:wrap;text-align:center}
.erc-facts span{display:block}
.erc-facts b{display:block;font-size:34px;color:var(--erc);line-height:1.2;font-family:"Titillium Web",sans-serif}
.erc-facts small{font-size:13px}
#stellen{scroll-margin-top:100px;margin-top:30px}
.erc-cta-band h2,.erc-cta-band p{color:#fff}
.erc-contact-card{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.2);border-radius:12px;padding:22px;display:flex;gap:20px;align-items:center}
.erc-contact-card .et_pb_team_member_image{width:96px!important;height:96px;margin:0!important;border-radius:50%;overflow:hidden;flex:none}
.erc-contact-card .et_pb_team_member_image img{width:100%;height:100%;object-fit:cover;object-position:center 15%}
.erc-contact-card .et_pb_module_header{color:#fff;font-size:18px;padding-bottom:0}
.erc-contact-card .et_pb_member_position{color:#c5d4e8}
.erc-contact-card a{color:#fff}
.erc-contact-card .et_pb_team_member_description{padding:0}
#jobs .et_pb_button_module_wrapper{display:inline-block;margin:10px 12px 0 0}
#jobs .erc-btn-outline{color:#004f93!important;border-color:#004f93!important}
.et_pb_button.erc-btn-solid{background:#004f93!important;color:#fff!important;border-color:#004f93!important}
.et_pb_button.erc-btn-solid:hover{background:#003a6e!important}
.erc-card h4{hyphens:auto;overflow-wrap:normal;word-break:normal}
.et_pb_column_1_4 .erc-card h4{font-size:18px}
@media(min-width:981px){.et_pb_row:has(>.et_pb_column>.erc-card){display:flex;align-items:stretch}.et_pb_row:has(>.et_pb_column>.erc-card)>.et_pb_column{float:none;display:flex;flex-direction:column}.et_pb_row:has(>.et_pb_column>.erc-card) .erc-card{flex:1}}
@media(min-width:768px){.erc-form .erc-cf-col .wpcf7-form-control-wrap[data-name=message] textarea{min-height:0;height:auto;resize:none}}
@media(min-width:768px){.erc-form .erc-cf-col .wpcf7-form-control-wrap[data-name=message]{flex:1 1 0;min-height:0}.erc-form .erc-cf-col .wpcf7-form-control-wrap[data-name=message] textarea{flex:1 1 0;height:auto;min-height:0;align-self:stretch}}
.erc-form .erc-cf-foot{justify-content:flex-start}.erc-form .erc-cf-foot input[type=submit]{margin-left:auto}
.erc-form .erc-cf-foot{position:relative}.erc-form .erc-cf-foot .wpcf7-spinner{position:absolute;right:-34px;margin:0}
/* news */
.erc-blog .et_pb_post{background:#fff;border:1px solid var(--erc-line);border-radius:10px;overflow:hidden;padding:0 0 22px}
.erc-blog .et_pb_post .entry-featured-image-url{margin:0 0 18px}
.erc-blog .et_pb_post .entry-featured-image-url img{aspect-ratio:16/10;object-fit:cover;width:100%}
.erc-blog .et_pb_post .entry-title,.erc-blog .et_pb_post .post-meta,.erc-blog .et_pb_post .post-content{padding:0 22px}
.erc-blog .et_pb_post .entry-title{font-size:19px;line-height:1.3}
.erc-blog .et_pb_post .post-meta{color:var(--erc);font-size:13px}
.erc-blog .more-link{font-weight:600;color:var(--erc)}
.single-post #main-content .container{max-width:820px}
.single-post .et_post_meta_wrapper img{border-radius:10px}
.erc-usps{list-style:none;padding:0!important;margin:0 0 18px;display:flex;flex-wrap:wrap;gap:8px 22px}
.erc-usps li{padding-left:22px!important;position:relative;font-weight:600;color:var(--erc-ink);font-size:14px}
.erc-usps li:before{content:"";position:absolute;left:0;top:.45em;width:12px;height:7px;border-left:2px solid var(--erc);border-bottom:2px solid var(--erc);transform:rotate(-45deg)}
#et-secondary-menu .erc-hours a{color:#fff;font-size:12px;padding:0}
.et_pb_text ul.erc-usps,.et_pb_text ul.erc-usps li{list-style:none!important}.erc-usps li::marker{content:""}
/* mobile: nothing may widen the page (spinner beside the submit button, entrance animations) */
html,body{overflow-x:clip}
@media(max-width:767px){.erc-form .erc-cf-foot .wpcf7-spinner{right:auto;left:0}}
/* mobile: header comes back on scroll-up (script in functions.php) */
@media(max-width:980px){
body.erc-hdr-float #main-header{position:fixed!important;top:0!important;left:0;right:0;z-index:99990;transform:translateY(-100%);transition:transform .25s ease;box-shadow:0 2px 12px rgba(0,0,0,.12)}
body.erc-hdr-float.erc-hdr-in #main-header{transform:translateY(0)}
body.admin-bar.erc-hdr-float #main-header{top:46px!important}
}
@media(prefers-reduced-motion:reduce){body.erc-hdr-float #main-header{transition:none}}
/* back-to-top bottom LEFT: bottom right belongs to the chatbot button */
.et_pb_scroll_top.et-pb-icon{left:0;right:auto;border-radius:0 5px 5px 0;background:var(--erc,#00508f)}
.et_pb_scroll_top.et-visible{animation-name:none;opacity:1}
.et_pb_scroll_top.et-hidden{opacity:0;pointer-events:none}
/* AI chatbot: site fonts, ERC blue and the site's pill buttons for the guided menu */
.ai-chatbot-widget,.ai-chatbot-widget .chatbot-messages,.ai-chatbot-widget .chatbot-input{font-family:"Open Sans",Arial,sans-serif!important}
.ai-chatbot-widget .chatbot-header-title,.ai-chatbot-widget .chatbot-header h3,.ai-chatbot-widget .chatbot-header .chatbot-title{font-family:"Titillium Web","Open Sans",Arial,sans-serif!important;font-weight:600}
.ai-chatbot-widget .chatbot-menu-message .menu-description{font-weight:600;color:var(--erc-ink,#1f2937);margin:0 0 10px}
.ai-chatbot-widget .chatbot-menu-options{display:flex!important;flex-wrap:wrap;gap:8px!important;flex-direction:row!important}
.ai-chatbot-widget .chatbot-menu-options .chatbot-menu-option,
.ai-chatbot-widget .chatbot-menu-options .chatbot-menu-option:last-child{
	display:inline-flex!important;align-items:center;gap:6px;width:auto!important;margin:0!important;
	padding:7px 16px!important;border:2px solid #004f93!important;border-radius:24px!important;
	background:#fff!important;color:#004f93!important;box-shadow:none!important;transform:none!important;
	font:600 14px/1.3 "Open Sans",Arial,sans-serif!important;text-align:left;cursor:pointer;
	transition:background-color .15s ease,color .15s ease}
.ai-chatbot-widget .chatbot-menu-options .chatbot-menu-option::before,
.ai-chatbot-widget .chatbot-menu-options .chatbot-menu-option::after{display:none!important}
.ai-chatbot-widget .chatbot-menu-options .chatbot-menu-option:hover,
.ai-chatbot-widget .chatbot-menu-options .chatbot-menu-option:focus-visible{background:#004f93!important;color:#fff!important;outline:none}
.ai-chatbot-widget .chatbot-menu-options .chatbot-menu-option:focus-visible{box-shadow:0 0 0 3px rgba(0,79,147,.25)!important}
.ai-chatbot-widget .chatbot-menu-options .ai-chatbot-menu-option-icon{font-size:15px;line-height:1;margin:0!important;width:auto!important;height:auto!important;background:none!important}