/*======================================
Theme Name: bueroblanko
Theme URI: https://divicake.com/
Description: Child 1.0
Version: 1.0
Author: Büro Blanko
Author URI: http://www.bueroblanko.de
Template: Divi
======================================*/


/* You can add your own CSS styles here. Use !important to overwrite styles if needed. */


/* ===== Tina Riebeling passt. – Schrift (selbst gehostet, OFL) ===== */
@font-face { font-family: 'Cabin'; src: url('fonts/Cabin-Variable.woff2') format('woff2-variations'), url('fonts/Cabin-Variable.woff2') format('woff2'); font-weight: 400 700; font-style: normal; font-display: swap; }
@font-face { font-family: 'Cabin'; src: url('fonts/Cabin-Italic-Variable.woff2') format('woff2-variations'), url('fonts/Cabin-Italic-Variable.woff2') format('woff2'); font-weight: 400 700; font-style: italic; font-display: swap; }

/* ===== Tina Riebeling passt. – globale Regeln ===== */
html { scroll-behavior: smooth; }
body { -webkit-font-smoothing: antialiased; }
#et-boc a { transition: color .2s ease, background-color .2s ease; }

/* Header */
.tr-header .et_pb_menu .et_pb_menu__wrap { justify-content: flex-end; }
.tr-menu ul li.tr-login > a { background: #A8CAC9; color: #173B5E !important; border-radius: 30px; padding: 8px 22px !important; margin-left: 10px; }
.tr-menu ul li.tr-login > a:hover { background: #173B5E; color: #ffffff !important; opacity: 1; }
.tr-menu .et_mobile_menu li a { color: #173B5E; text-transform: uppercase; letter-spacing: 1.5px; font-size: 13px; }
.tr-menu .et_mobile_menu li.tr-login a { background: none; padding: 10px 5% !important; margin: 0; border-radius: 0; }

/* Listen mit Plus */
.tr-plus-list ul { list-style: none; padding: 0 !important; margin: 0; }
.tr-plus-list ul li { padding-left: 1.2em; text-indent: -1.2em; line-height: 1.75; }
.tr-plus-list ul li::before { content: "+"; display: inline-block; width: 1.2em; text-indent: 0; color: #C79854; }

/* Vita */
.tr-vita p { display: flex; gap: 24px; margin-bottom: 22px !important; padding-bottom: 0 !important; }
.tr-vita p .d { flex: 0 0 135px; white-space: nowrap; }
.tr-vita p .t { flex: 1; }
.tr-vita p .t strong { font-weight: 600; }
.tr-vita-col-2 { border-left: 1px solid #173B5E; }

/* Was ich bin */
.tr-col-line { border-left: 1px solid #173B5E; }
.tr-col-line h4 { text-transform: none; letter-spacing: 0; margin-bottom: 10px; padding-bottom: 0; hyphens: manual; }

/* Kurse & Karten */
.tr-course h4 { margin-bottom: 10px; padding-bottom: 0; }
.tr-course p { padding-bottom: 0.9em; }
.tr-card { border: 1px solid #173B5E; }

/* Footer */
.tr-footer a { color: #173B5E; }
.tr-footer a:hover { color: #C79854; }

@media (max-width: 980px) {
  .tr-col-line { border-left: 0; padding-left: 0 !important; }
  .tr-vita-col-2 { border-left: 0; padding-left: 0 !important; }
  .tr-vita p .d { flex-basis: 110px; }
}

/* Bild-Spalte (leere Spalte) auch auf Mobil zeigen */

/* Plus-Listen auf dunklem Grund + geteilte Bild/Text-Bloecke */
.tr-plus-white ul li::before { color: #ffffff; }
.tr-plus-list ul li { margin-bottom: 14px; }
.tr-split .et_pb_column_empty { display: block !important; }
@media (max-width: 980px) { .tr-split .et_pb_row { flex-direction: column; } }

/* Mobil: Hero hoeher beschnitten, Footer gestapelt */
@media (max-width: 980px) {
  .tr-hero img { width: 100%; height: 62vw; object-fit: cover; object-position: 68% 30%; }
  .tr-footer-section .et_pb_row { flex-direction: column; align-items: flex-start !important; gap: 22px; }
  .tr-footer-section .et_pb_column { width: 100% !important; margin-bottom: 0 !important; }
  .tr-footer-section .et_pb_social_media_follow { text-align: left !important; }
  .tr-footer-section .tr-footer p { text-align: left !important; }
  .tr-header .et_pb_row { align-items: center; }
}
@media (max-width: 767px) { .tr-hero img { height: 80vw; } }

/* 404 */
.tr-404 .et_pb_column_empty { display: block !important; }
@media (max-width: 980px) { .tr-404 .et_pb_row { flex-direction: column; } }

/* ===== Runde 3: Sticky Header, Hover, mobile Bildreihenfolge, Topbar/CTA ===== */
#page-container { overflow: clip; }
#et-boc .et-l--header { position: sticky; top: -35px; z-index: 990; }
body.admin-bar #et-boc .et-l--header { top: -3px; }
.tr-header { box-shadow: 0 1px 0 rgba(23,59,94,.10); }
.tr-btn.et_pb_button { transition: background-color .2s ease, color .2s ease, transform .2s ease; }
.tr-btn.et_pb_button:hover:after { display: none; }
.tr-topbar-text a:hover { color: #A8CAC9; }
.tr-footer-links a, .tr-footer-links button, .tr-footer-links .brlbs-cmpnt-cb-btn { color: #173B5E; text-transform: uppercase; letter-spacing: 2px; font-size: 12px; font-family: 'Cabin', sans-serif; background: none; border: 0; padding: 0; cursor: pointer; }
.tr-footer-links a:hover, .tr-footer-links button:hover { color: #8F6730; }
@media (max-width: 980px) {
  .tr-header-cta { display: none !important; }
  .tr-topbar-text p { text-align: center !important; font-size: 11px; }
  .tr-split .et_pb_row { flex-direction: column; }
  .tr-split .et_pb_column_empty { order: -1; }
  .tr-header .et_pb_row .et_pb_column:nth-child(2) { flex: 1; }
}

/* Referenz-Zitate */
.tr-quote p:first-child { font-style: italic; font-size: 16px; }
.tr-quote p:last-child { padding-bottom: 0; font-size: 13px; letter-spacing: .3px; }
.tr-quote p:last-child strong { font-weight: 600; }

/* Geteilte Bloecke: Textspalten am 1400px-Raster ausrichten */
@media (min-width: 981px) {
  .tr-split .tr-text-l { padding-left: max(5vw, calc((100vw - 1400px) / 2)) !important; padding-right: 8% !important; }
  .tr-split .tr-text-r { padding-right: max(5vw, calc((100vw - 1400px) / 2)) !important; padding-left: 8% !important; }
}

/* Mobil-/Tablet-Men\u00fc: Hamburger rechts au\u00dfen, Ausklappmen\u00fc \u00fcber volle Inhaltsbreite */
@media (max-width: 980px) {
  .tr-header .et_pb_row { display: flex; align-items: center; justify-content: space-between; position: relative; }
  .tr-header .et_pb_row .et_pb_column { width: auto !important; margin: 0 !important; }
  .tr-header .et_pb_row .et_pb_column:nth-child(1) { flex: 0 0 auto; }
  .tr-header .et_pb_row .et_pb_column:nth-child(2) { flex: 1 1 auto; position: static; }
  .tr-header .et_pb_menu, .tr-header .et_pb_menu__wrap, .tr-header .et_pb_menu_inner_container { position: static; }
  .tr-header .et_pb_menu__wrap { justify-content: flex-end; }
  .tr-header .et_mobile_nav_menu { float: none; display: flex; justify-content: flex-end; }
  .tr-header .et_pb_menu .et_mobile_menu { left: 0; right: 0; width: 100%; box-sizing: border-box; padding: 4% 5%; border-top: 3px solid #C79854; }
  .tr-header .et_pb_menu .et_mobile_menu li a { padding: 12px 0; border-bottom: 1px solid rgba(23,59,94,.12); }
  .tr-header .et_pb_menu .et_mobile_menu li li a { padding-left: 5%; }
  .tr-header .et_pb_row .et_pb_column:nth-child(1) img { max-width: 170px; }
}

/* Hover-Zust\u00e4nde (Spezifit\u00e4t \u00fcber Divis Modul-Regeln) + vertikale Zentrierung der Textspalten */
body #page-container .et_pb_section .tr-btn.et_pb_button:hover { padding: 16px 36px !important; transform: translateY(-1px); }
body #page-container .et_pb_section .tr-btn-ochre.et_pb_button:hover,
body #page-container .et_pb_section .tr-btn-mint.et_pb_button:hover { background-color: #173B5E !important; color: #ffffff !important; }
body #page-container .et_pb_section .tr-btn-blue.et_pb_button:hover { background-color: #8F6730 !important; color: #ffffff !important; }
body #page-container .et_pb_section.tr-cta .tr-btn-ochre.et_pb_button:hover { background-color: #A8CAC9 !important; color: #173B5E !important; }
body #page-container .et_pb_section.tr-cta .tr-btn-mint.et_pb_button:hover { background-color: #ffffff !important; color: #173B5E !important; }
.tr-split .tr-text-l, .tr-split .tr-text-r { display: flex !important; flex-direction: column; justify-content: center; }

/* Teamcoaching-Toggle */
.tr-toggle .et_pb_toggle_title { cursor: pointer; padding-right: 40px; }
.tr-toggle .et_pb_toggle_title:before { color: #8F6730; font-size: 22px; }
.tr-toggle.et_pb_toggle_open .et_pb_toggle_title { margin-bottom: 14px; }
.tr-toggle .et_pb_toggle_content p:last-child { padding-bottom: 0; }

/* CTA-Buttons gleich breit */
.tr-cta .tr-cta-btn.et_pb_button { display: inline-block; min-width: 290px; text-align: center; box-sizing: border-box; }
@media (max-width: 480px) { .tr-cta .tr-cta-btn.et_pb_button { min-width: 0; width: 100%; } }

/* Teamcoaching: Aufklappen als Textlink */
.tr-toggle-link.et_pb_toggle { padding: 0 !important; border: 0 !important; background: transparent !important; }
.tr-toggle-link .et_pb_toggle_title { display: inline-block; position: relative; padding: 0 26px 0 0 !important; margin: 0; cursor: pointer; border-bottom: 1px solid rgba(143,103,48,.5); transition: color .2s ease; }
.tr-toggle-link .et_pb_toggle_title:hover { color: #173B5E !important; }
.tr-toggle-link .et_pb_toggle_title:before { right: 0; left: auto; top: 50%; margin-top: -9px; font-size: 18px; color: #8F6730; }
.tr-toggle-link.et_pb_toggle_open .et_pb_toggle_title { margin-bottom: 18px; }
.tr-toggle-link .et_pb_toggle_content { padding: 0; }
.tr-toggle-link .et_pb_toggle_content p:last-child { padding-bottom: 0; }