/* design-pass: spacing, heading scale, contrast and alignment. Layout and styling only; no wording changes. */

/* 1. Heading scale: section headings 700, sub-headings 500 (three were 300, one section heading was 600) */
#main-content .et_pb_text_inner h2{font-weight:700}
#main-content .et_pb_text_inner h3{font-weight:500}

/* 2. Contrast */
.et_pb_toggle_close .et_pb_toggle_title{color:#B4CBCE}
footer .et_pb_row:not(:has(.et-menu)) .et_pb_text_inner p{color:#A9C2C6}
.et_pb_blurb_0 .et_pb_image_wrap img,.et_pb_blurb_1 .et_pb_image_wrap img,.et_pb_blurb_2 .et_pb_image_wrap img{filter:brightness(1.7) saturate(1.15)}
.et_pb_image_4 img{filter:brightness(1.5) contrast(1.05)}
#Apply-Now h2,#Apply-Now .et_pb_text_inner h2{color:#002F40!important}

/* 3. Footer: readable line length and leading */
footer .et_pb_menu .et-menu li a,footer ul.et-menu li a{line-height:1.35}

/* 4. Section rhythm on desktop */
@media(min-width:981px){
  #Investing{padding-top:58px}
  #Investing .et_pb_row:has(h2){padding-top:58px}
  .et_pb_section.curve{padding-top:170px}
  #FAQ{padding-top:58px}
  #Apply-Now .et_pb_row{margin-top:58px}
}

/* 5. Team: equal-height columns, LinkedIn icons on one line, larger contact details */
@media(min-width:981px){
  .team3.et_pb_row{display:flex;align-items:stretch}
  .team3 .et_pb_column{display:flex;align-self:stretch;float:none}
  .team3 .et_pb_team_member{display:flex;flex-direction:column;width:100%;height:auto;align-self:stretch}
  .team3 .et_pb_team_member .et_pb_team_member_description{display:flex!important;flex-direction:column;flex:1 1 auto}
  .team3 .et_pb_team_member .et_pb_member_social_links{margin-top:auto!important;padding-top:14px}
  /* wider text blocks: smaller gutters, five equal columns */
  .team3.et_pb_row{width:94%;max-width:1360px;gap:20px}
  .team3 .et_pb_column{flex:1 1 0;width:auto!important;margin-right:0!important;min-width:0}
}
.team3 .et_pb_team_member_description>div p{font-size:16px;line-height:1.5;text-wrap:balance}
/* team contact details keep their original small size (the body-text rule above must not enlarge them) */
.team .et_pb_blurb_description{font-size:12px!important;line-height:1.6}

/* 6. Insights page numbers: bigger targets */
.wp-pagenavi a,.wp-pagenavi span.current,.wp-pagenavi span.extend{min-width:34px;padding:7px 11px;box-sizing:border-box;text-align:center}

/* 7. Mobile */
@media(max-width:980px){
  #banner-top-merkel{position:relative}
  #banner-top-merkel::before{content:"";position:absolute;inset:0;background:rgba(0,47,64,.62);pointer-events:none;z-index:0}
  #banner-top-merkel>.et_pb_row{position:relative;z-index:1}
}
@media(max-width:767px){
  .top-list ul{padding-left:1.1em}
  .top-list li{padding-left:.2em}
  .et_pb_member_social_links a,.et_pb_social_media_follow a{position:relative}
  .et_pb_member_social_links a::after{content:"";position:absolute;inset:-10px}
}

/* ===== Group 2: readability and feel ===== */

/* 8. Body text: 16px with 1.75 leading (was 15px), articles 17px */
#main-content .et_pb_text_inner p,#main-content .et_pb_text_inner li,#main-content .et_pb_blurb_description,.et_pb_toggle_content p,.et_pb_toggle_content li{font-size:16px;line-height:1.75}
.et_pb_post_content p,.et_pb_post_content li{font-size:17px;line-height:1.8}
.et_pb_team_member_description>div p{line-height:1.55}

/* 9. Hover, press and keyboard focus */
.et_pb_post{transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.et_pb_post:hover,.et_pb_post:focus-within{transform:translateY(-4px);border-color:#0FCFAE;box-shadow:0 12px 28px rgba(0,0,0,.35)}
.et_pb_button{transition:filter .15s ease,transform .15s ease}
.et_pb_button:hover{filter:brightness(1.12);transform:translateY(-1px)}
.et_pb_button:active{transform:none;filter:brightness(.95)}
header .et-menu>li:not(.contact)>a{text-decoration:underline;text-decoration-color:transparent;text-decoration-thickness:2px;text-underline-offset:8px;transition:text-decoration-color .15s ease}
header .et-menu>li:not(.contact)>a:hover{text-decoration-color:#0FCFAE}
a:focus-visible,button:focus-visible,.et_pb_toggle_title:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid #B5FFE9!important;outline-offset:3px;border-radius:6px}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}

/* 10. Buttons as one family (the footer email button was 17px and 2px taller) */
#page-container .et_pb_button{font-size:16px!important;min-height:54px;box-sizing:border-box}

/* 11. FAQ: dividers, larger target, gentle open */
.et_pb_toggle{border-bottom:1px solid rgba(145,173,178,.22)}
.et_pb_toggle .et_pb_toggle_title{padding-top:14px;padding-bottom:14px;cursor:pointer}
.et_pb_toggle_close .et_pb_toggle_title:hover{color:#E4F2F3}
.et_pb_toggle_open .et_pb_toggle_content{animation:mtc-open .25s ease}
@keyframes mtc-open{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}

/* 12. Article pages: smaller logo, tidier media, lists and quotes */
.feature-single-post-image img{width:min(340px,70vw);height:auto}
.et_pb_post_content>p>img,.et_pb_post_content>img{display:block;max-width:100%;height:auto;margin:1.8em auto}
.et_pb_post_content>ul,.et_pb_post_content>ol{margin:1em 0 1.5em 1.3em}
.et_pb_post_content>ul li,.et_pb_post_content>ol li{margin-bottom:.55em}
.et_pb_post_content blockquote{border-left:3px solid #0FCFAE;margin:1.6em 0;padding:.2em 0 .2em 1.1em;color:#D9ECEF;font-style:italic}
.et_pb_post_content table{width:100%;border-collapse:collapse;margin:1.5em 0}
.et_pb_post_content th,.et_pb_post_content td{border:1px solid rgba(145,173,178,.35);padding:.55em .8em;text-align:left}

/* 13. Print: clean page, disclaimer kept */
@media print{
  header,.et-l--header,#main-header,footer .et_pb_menu,footer .et_pb_button,.mtc-subscribe,.et_pb_button,.dt-category-filter,.wp-pagenavi,.mobile_nav{display:none!important}
  html,body,#page-container,#et-boc,.et-boc,#et-main-area,#main-content,.et-l,.et_builder_inner_content,.et_pb_section,.et_pb_row,.et_pb_column,.et_pb_module{background:#fff!important;background-image:none!important}
  *{color:#000!important;text-shadow:none!important;box-shadow:none!important;animation:none!important;transition:none!important}
  a{text-decoration:underline}
  .et_pb_post_content img{max-width:100%;page-break-inside:avoid}
  h1,h2,h3,h4{page-break-after:avoid}
  .et_pb_section{padding:12px 0!important}
}

/* 14. Tablet (600 to 980px): key facts in a row, even spacing in the "Why invest" list, tidier footer, article gap */
@media(min-width:600px) and (max-width:980px){
  .et_pb_row:has(.et_pb_blurb_0)>.et_pb_column{width:32.5%!important;float:left;margin:0 1% 0 0!important}
  .et_pb_row:has(.et_pb_blurb_0)>.et_pb_column:last-child{margin-right:0!important}
  .curve .et_pb_row{padding-top:24px!important;padding-bottom:24px!important}
}
@media(min-width:600px) and (max-width:980px){
  footer .et_pb_row:has(.et-menu){display:flex;flex-wrap:wrap;align-items:flex-start;gap:24px}
  footer .et_pb_row:has(.et-menu)>.et_pb_column{flex:1 1 30%;width:auto!important;margin:0!important}
  footer .et_pb_row:has(.et-menu) .et_pb_button_module_wrapper,footer .et_pb_row:has(.et-menu) .et_pb_text{text-align:left}
}
/* article: tighter gap between the title block and the first paragraph */
.et_pb_row_0_tb_body{padding-bottom:0}
.et_pb_post_title{padding-bottom:0}
.et_pb_row_1_tb_body{padding-top:10px}

@media(max-width:980px){
  .et_pb_row:has(.et_pb_button)>.et_pb_column:not(:last-child){margin-bottom:44px}
}

/* 15. Article pages on phones: wider text column, logo size */
.feature-single-post-image img{width:min(340px,70vw)!important;height:auto!important}
@media(max-width:767px){
  .et_pb_row_0_tb_body,.et_pb_row_1_tb_body{width:90%!important}
}

/* ===== Group 3: smaller disclaimer, tighter whitespace ===== */

/* 16. Disclaimer: 13px with comfortable leading and a sensible line length */
footer .et_pb_row:not(:has(.et-menu)) .et_pb_text_inner p{font-size:13px;line-height:1.6;max-width:54rem;padding-bottom:10px}

/* 17. Whitespace: desktop */
@media(min-width:981px){
  #banner-top-merkel{padding-bottom:20px!important}
  #curve{padding-top:60px!important}
  #curve .et_pb_row{padding-top:40px!important}
  #About,#Insights,#FAQ{padding-top:40px!important;padding-bottom:40px!important}
  #Apply-Now .et_pb_row{margin-top:30px!important;margin-bottom:60px!important}
}
/* 18. Whitespace: phones */
@media(max-width:767px){
  #banner-top-merkel{padding-bottom:10px!important}
  #curve{padding-top:40px!important}
  #Apply-Now .et_pb_row{margin-top:20px!important;margin-bottom:50px!important}
}
/* 19. Articles: closer to the title, less air above the first block */
.et_pb_post_title{padding-bottom:10px!important}
.et_pb_post_content{padding-top:0!important}
.et_pb_row_1_tb_body{margin-top:0}
.et_pb_post_content>.et_pb_section:first-child{padding-top:0!important}

/* ===== Footer top block and brand LinkedIn icons ===== */
/* 20. Footer: three aligned columns, links in two columns, contact stack left-aligned, divider above the disclaimer */
footer .et_pb_menu_0_tb_footer .et-menu{display:grid!important;grid-auto-flow:column;grid-template-rows:repeat(4,auto);grid-template-columns:repeat(2,max-content);column-gap:56px;row-gap:10px}
footer .et_pb_menu_0_tb_footer .et-menu>li{margin:0!important;padding:0!important}
footer .et_pb_button_0_tb_footer_wrapper{text-align:left!important}
footer .et_pb_text_0_tb_footer,footer .et_pb_text_0_tb_footer .et_pb_text_inner,footer .et_pb_text_0_tb_footer p{text-align:left!important}
footer .et_pb_text_0_tb_footer p{font-size:17px!important;margin:0;padding:0;text-decoration:underline;text-decoration-color:rgba(15,207,174,.4);text-underline-offset:6px;transition:text-decoration-color .15s ease}
footer .et_pb_text_0_tb_footer p::after{content:" \2192"}
footer .et_pb_text_0_tb_footer:hover p{text-decoration-color:#0FCFAE}
footer .et_pb_social_media_follow_0_tb_footer{text-align:left!important;margin:26px 0 0!important;padding:0}
footer .et_pb_row_1_tb_footer{border-top:1px solid rgba(145,173,178,.22);margin-top:28px;padding-top:28px}
@media(min-width:981px){
  footer .et_pb_row_0_tb_footer{display:grid!important;grid-template-columns:1fr 1.5fr 1fr;gap:56px;align-items:start}
  footer .et_pb_row_0_tb_footer>.et_pb_column{width:100%!important;margin:0!important;float:none!important}
}
@media(max-width:599px){
  footer .et_pb_row_0_tb_footer{display:flex!important;flex-direction:column;gap:28px}
  footer .et_pb_row_0_tb_footer>.et_pb_column{width:100%!important;margin:0!important;float:none!important}
  footer .et_pb_column_0_tb_footer{order:1}
  footer .et_pb_column_2_tb_footer{order:2}
  footer .et_pb_column_1_tb_footer{order:3}
}

/* 21. LinkedIn icons in the brand: teal outline circle, fills on hover (footer and team) */
.et_pb_social_media_follow .et_pb_social_icon a.icon,.et_pb_member_social_links a.et_pb_linkedin_icon{background:transparent!important;border:2px solid #0FCFAE!important;color:#0FCFAE!important;border-radius:50%!important;width:40px!important;height:40px!important;min-width:0;display:inline-flex!important;align-items:center;justify-content:center;padding:0!important;line-height:1;transition:background-color .15s ease,color .15s ease}
.et_pb_member_social_links a.et_pb_linkedin_icon{width:30px!important;height:30px!important}
.et_pb_social_media_follow .et_pb_social_icon a.icon:before,.et_pb_member_social_links a.et_pb_linkedin_icon:before{color:inherit!important;vertical-align:baseline!important;margin:0!important}
.et_pb_social_media_follow .et_pb_social_icon a.icon:hover,.et_pb_member_social_links a.et_pb_linkedin_icon:hover{background:#0FCFAE!important;color:#002F40!important}
/* LinkedIn glyph centred in its circle */
.et_pb_social_media_follow .et_pb_social_icon a.icon:before,.et_pb_member_social_links a.et_pb_linkedin_icon:before{position:static!important;top:auto!important;left:auto!important;transform:none!important;width:18px!important;height:18px!important;font-size:18px!important;line-height:1!important;display:block!important;margin:0!important}
.et_pb_member_social_links a.et_pb_linkedin_icon:before{width:14px!important;height:14px!important;font-size:14px!important}
@media(max-width:599px){
  footer .et_pb_menu_0_tb_footer .et-menu{display:block!important;columns:2;column-gap:24px}
  footer .et_pb_menu_0_tb_footer .et-menu>li{break-inside:avoid;margin:0 0 12px!important}
}

/* team LinkedIn icons centred under each bio */
.team3 .et_pb_member_social_links{text-align:center}
.team3 .et_pb_member_social_links li{float:none;display:inline-block;margin:0}
/* tablet: tighter gutters in the executive team row so contact emails fit on one line */
@media(min-width:768px) and (max-width:980px){
  .team.et_pb_row_4col .et_pb_column{width:23%!important;margin-right:2.67%!important}
  .team.et_pb_row_4col .et_pb_column:last-child{margin-right:0!important}
}
/* team cards: text block always spans the full card so names, titles and icons centre under the photo */
.team3 .et_pb_team_member_description{width:100%!important;float:none!important;box-sizing:border-box}
/* hero: breathing room between the Contact Us button and the three icons beneath */
.et_pb_button_0_wrapper{margin-bottom:44px!important}
@media(max-width:767px){.et_pb_button_0_wrapper{margin-bottom:12px!important}}
/* desktop: the decorative leaf graphic above Team was taller than the text beside it, leaving a big empty band */
@media(min-width:981px){
  .et_pb_image_3 .et_pb_image_wrap,.et_pb_image_3 img{display:block;margin-left:auto;margin-right:auto}
  .et_pb_image_3 img{width:auto;max-width:100%;max-height:340px}
  #Our-Team{padding-top:40px}
}
@media(min-width:981px){#curve{padding-bottom:16px!important}}
