.elementor-kit-86{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-color-kadence1:#d29069;--e-global-color-kadence2:#ececec;--e-global-color-kadence3:#1A202C;--e-global-color-kadence4:#2D3748;--e-global-color-kadence5:#cfc8c1;--e-global-color-kadence6:#718096;--e-global-color-kadence7:#EDF2F7;--e-global-color-kadence8:#F7FAFC;--e-global-color-kadence9:#FFFFFF;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-86.el-is-editing{--global-palette1:#d29069;--global-palette2:#ececec;--global-palette3:#1A202C;--global-palette4:#2D3748;--global-palette5:#cfc8c1;--global-palette6:#718096;--global-palette7:#EDF2F7;--global-palette8:#F7FAFC;--global-palette9:#FFFFFF;}.elementor-kit-86 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS *//* ============ Buttons im Seiteninhalt ============ */
.btn-umriss .elementor-button,.btn-umriss .elementor-button-link{background-color:transparent!important;color:#2B2B2B!important;border:1px solid #D8D2CC!important;box-shadow:none!important}
.btn-umriss .elementor-button:hover,.btn-umriss .elementor-button-link:hover{background-color:#FBF7F3!important;border-color:#2B2B2B!important;color:#2B2B2B!important}
.btn-dunkel .elementor-button,.btn-dunkel .elementor-button-link{background-color:transparent!important;color:#FFFFFF!important;border:1px solid rgba(255,255,255,.38)!important;box-shadow:none!important}
.btn-dunkel .elementor-button:hover,.btn-dunkel .elementor-button-link:hover{background-color:rgba(255,255,255,.12)!important;border-color:#FFFFFF!important;color:#FFFFFF!important}
.btn-hell .elementor-button,.btn-hell .elementor-button-link{background-color:#FFFFFF!important;color:#7C3A1F!important;border:1px solid #FFFFFF!important}
.btn-hell .elementor-button:hover,.btn-hell .elementor-button-link:hover{background-color:#FBF7F3!important;color:#7C3A1F!important}
/* Buttonzeilen: Elementor legt jeden Button in einen Wrapper und verteilt die
   Breite gleichmaessig. Ueber die Struktur ansprechen - CSS-Klassen kommen an
   Containern nicht an, nur an Widgets. */
.elementor-widget-button .elementor-button{white-space:nowrap!important}
/* Nur Wrapper, die NICHTS ausser einem Button enthalten - sonst trifft die
   Regel auch Karten, die einen Button unter anderem Inhalt haben. */
.e-con-full:has(> .elementor-widget-button:only-child),
.e-con:has(> .e-con-inner > .elementor-widget-button:only-child){
  width:auto!important;flex:0 0 auto!important;max-width:none!important;
  align-items:flex-start!important;padding:0!important}
.e-con:has(> .e-con-inner > .e-con-full > .elementor-widget-button:only-child) > .e-con-inner{
  justify-content:flex-start!important;flex-wrap:wrap!important;gap:12px!important}

/* ============ Kopfbereich ============ */
/* Button wie im Seiteninhalt: Terrakotta, 6px Radius, dunkler beim Ueberfahren */
.site-header .header-button,
.site-header .header-button.button-style-filled{
  background:#B4552F!important;border:1px solid #B4552F!important;color:#FFFFFF!important;
  border-radius:6px!important;box-shadow:none!important;
  font-family:Inter,-apple-system,sans-serif!important;font-weight:500!important;
  font-size:15px!important;letter-spacing:0!important;padding:12px 24px!important;
  transition:background .18s ease,border-color .18s ease!important}
.site-header .header-button:hover,
.site-header .header-button.button-style-filled:hover,
.site-header .header-button:focus-visible{
  background:#7C3A1F!important;border-color:#7C3A1F!important;color:#FFFFFF!important}

/* Hauptnavigation */
.header-navigation .primary-menu-container > ul > li > a{
  font-family:Inter,-apple-system,sans-serif!important;font-size:15px!important;
  font-weight:500!important;color:#666666!important}
.header-navigation .primary-menu-container > ul > li > a:hover,
.header-navigation .primary-menu-container > ul > li.current-menu-item > a,
.header-navigation .primary-menu-container > ul > li.current-menu-ancestor > a{
  color:#7C3A1F!important}
.header-navigation-style-underline .primary-menu-container > ul > li > a:after,
.header-navigation-style-underline .primary-menu-container > ul > li > a:before{
  background:#B4552F!important}

/* Aufklappendes Untermenue: gleiche Optik wie die Karten und Buttons */
.main-navigation ul.sub-menu,
.header-navigation ul.sub-menu,
.site-header .sub-menu{
  background:#FFFFFF!important;border:1px solid #EBEBEB!important;
  border-radius:10px!important;padding:8px!important;
  width:max-content!important;min-width:268px!important;max-width:none!important;
  box-shadow:0 26px 60px -12px rgba(43,43,43,.26),
             0 10px 24px -8px rgba(43,43,43,.14),
             0 2px 6px rgba(43,43,43,.05)!important}
.main-navigation ul.sub-menu li,
.header-navigation ul.sub-menu li{width:100%!important;display:block!important}
.main-navigation ul.sub-menu li a,
.header-navigation ul.sub-menu li a{white-space:nowrap!important;
  display:block!important;width:100%!important;box-sizing:border-box!important}
.main-navigation .sub-menu li,
.header-navigation .sub-menu li{border:0!important}
.main-navigation .sub-menu li a,
.header-navigation .sub-menu li a{
  color:#2B2B2B!important;background:transparent!important;
  border-radius:7px!important;padding:11px 14px!important;border:0!important;
  font-family:Inter,-apple-system,sans-serif!important;font-size:15px!important;
  font-weight:400!important;transition:background .15s ease,color .15s ease!important}
.main-navigation .sub-menu li a:hover,
.header-navigation .sub-menu li a:hover,
.main-navigation .sub-menu li.current-menu-item > a{
  background:#FBF7F3!important;color:#7C3A1F!important}
.main-navigation .sub-menu li a:after,
.header-navigation .sub-menu li a:after{display:none!important}

/* Mobiles Menue in denselben Farben */
.mobile-navigation ul li a{font-family:Inter,-apple-system,sans-serif!important;color:#2B2B2B!important}
.mobile-navigation ul li a:hover,.mobile-navigation ul li.current-menu-item > a{color:#7C3A1F!important}
.mobile-navigation .sub-menu li a{color:#666666!important}
.mobile-navigation .sub-menu li a:hover{color:#7C3A1F!important}

/* ============ Fussbereich ============ */
/* Der eigene Fussbereich steht im Seiteninhalt - Theme-Fussbereich ausblenden */
.site-footer,#colophon{display:none!important}
/* Spaltenbreiten, damit die Links nicht umbrechen (Fussbereich = letzter Abschnitt) */
.elementor > .e-con:last-child > .e-con-inner > .e-con:first-child > .e-con-inner > .e-con:nth-child(1){flex:0 0 30%!important;max-width:30%!important}
.elementor > .e-con:last-child > .e-con-inner > .e-con:first-child > .e-con-inner > .e-con:nth-child(2){flex:0 0 25%!important;max-width:25%!important}
.elementor > .e-con:last-child > .e-con-inner > .e-con:first-child > .e-con-inner > .e-con:nth-child(3){flex:0 0 21%!important;max-width:21%!important}
.elementor > .e-con:last-child > .e-con-inner > .e-con:first-child > .e-con-inner > .e-con:nth-child(4){flex:0 0 21%!important;max-width:21%!important}
/* gleiche Spezifitaet wie oben noetig - sonst gewinnen die nth-child-Regeln */
@media(max-width:880px){
  .elementor > .e-con:last-child > .e-con-inner > .e-con:first-child > .e-con-inner > .e-con:nth-child(1),
  .elementor > .e-con:last-child > .e-con-inner > .e-con:first-child > .e-con-inner > .e-con:nth-child(2),
  .elementor > .e-con:last-child > .e-con-inner > .e-con:first-child > .e-con-inner > .e-con:nth-child(3),
  .elementor > .e-con:last-child > .e-con-inner > .e-con:first-child > .e-con-inner > .e-con:nth-child(4){flex:0 0 47%!important;max-width:47%!important}}
@media(max-width:600px){
  .elementor > .e-con:last-child > .e-con-inner > .e-con:first-child > .e-con-inner > .e-con:nth-child(1),
  .elementor > .e-con:last-child > .e-con-inner > .e-con:first-child > .e-con-inner > .e-con:nth-child(2),
  .elementor > .e-con:last-child > .e-con-inner > .e-con:first-child > .e-con-inner > .e-con:nth-child(3),
  .elementor > .e-con:last-child > .e-con-inner > .e-con:first-child > .e-con-inner > .e-con:nth-child(4){flex:0 0 100%!important;max-width:100%!important}}

/* ============ Blog-Uebersicht (Posts-Widget) ============ */
/* Illustrationen im Ganzen zeigen statt fast quadratisch beschneiden */
.elementor-posts .elementor-post__thumbnail{padding-bottom:62.5%!important;background:#FBF7F3!important;border-radius:10px!important;overflow:hidden!important}
.elementor-posts .elementor-post__thumbnail img{object-fit:contain!important;object-position:center!important}
.elementor-posts .elementor-post__card{background:#FFFFFF!important;border:1px solid #EBEBEB!important;border-radius:10px!important;box-shadow:none!important}
/* Titel und Text in der Hausschrift */
.elementor-posts .elementor-post__title a{font-family:Lora,Georgia,serif!important;color:#2B2B2B!important;font-weight:600!important}
.elementor-posts .elementor-post__title a:hover{color:#7C3A1F!important}
.elementor-posts .elementor-post__excerpt p{font-family:Inter,-apple-system,sans-serif!important;color:#666666!important;font-size:15px!important}
/* Weiterlesen: Terrakotta statt Elementor-Gruen */
.elementor-posts .elementor-post__read-more{color:#B4552F!important;font-family:Inter,-apple-system,sans-serif!important;font-weight:500!important;font-size:14.5px!important;text-decoration:none!important}
.elementor-posts .elementor-post__read-more:hover{color:#7C3A1F!important}
/* Kommentarzaehler ausblenden, Datum dezent */
.elementor-posts .elementor-post__meta-data .elementor-post-avatar{display:none!important}
.elementor-posts .elementor-post__meta-data .elementor-post-date:after{content:none!important}
.elementor-posts .elementor-post__meta-data{font-family:Inter,-apple-system,sans-serif!important;color:#666666!important;font-size:13px!important;letter-spacing:.03em!important}

/* ============ Verlinkte Beschwerde-Kacheln ============ */
.gk-kachel{display:flex!important;align-items:center;justify-content:space-between;gap:16px;
  color:#2B2B2B!important;font-weight:600!important;text-decoration:none!important;
  font-size:15.5px!important;line-height:1.45}
.gk-kachel .gk-pfeil{color:#B4552F!important;font-size:18px;flex:0 0 auto;
  transition:transform .18s ease}
.gk-kachel:hover{color:#7C3A1F!important}
.gk-kachel:hover .gk-pfeil{transform:translateX(4px)}
/* ganze Karte anklickbar wirken lassen */
.gk-kachel:before{content:"";position:absolute;inset:0;border-radius:10px}
.elementor-widget-text-editor:has(.gk-kachel){position:static}
.e-con:has(> .e-con-inner > .elementor-widget-text-editor .gk-kachel){position:relative;
  transition:border-color .18s ease,box-shadow .18s ease}
.e-con:has(> .e-con-inner > .elementor-widget-text-editor .gk-kachel):hover{
  border-color:#D8D2CC!important;box-shadow:0 10px 28px rgba(43,43,43,.07)!important}

/* ============ Mobil ============ */
/* Nur Typografie und Abstaende. Das Stapeln der Spalten erledigt Elementor
   selbst - eigene Flex-Regeln haben hier Kopfbereich und Karten zerlegt. */
@media(max-width:767px){
  .elementor-widget-heading h1{font-size:30px!important;line-height:1.2!important;
    letter-spacing:-.01em!important}
  .elementor-widget-heading h2{font-size:23px!important;line-height:1.3!important}
  .elementor-widget-heading h3{font-size:18px!important}
  .elementor-widget-text-editor,
  .elementor-widget-text-editor p{font-size:16px!important;line-height:1.6!important}
  .elementor > .e-con > .e-con-inner{padding-top:44px!important;padding-bottom:44px!important;
    padding-left:20px!important;padding-right:20px!important}
  .elementor-widget-button .elementor-button{white-space:normal!important;
    padding:13px 20px!important;font-size:15px!important}
}
@media(max-width:479px){
  .elementor-widget-heading h1{font-size:27px!important}
  .elementor > .e-con > .e-con-inner{padding-top:36px!important;padding-bottom:36px!important;
    padding-left:18px!important;padding-right:18px!important}
}

/* Kartenreihen gleich hoch */
.e-con-inner > .e-con{height:auto}/* End custom CSS */