/*
Theme Name: KAMMANN 2.0 FINAL
Theme URI: https://klauskammann.de/
Author: Klaus Kammann Internationale Transporte GmbH
Description: Maßgeschneidertes One-Page-WordPress-Theme für KAMMANN Containerlogistik Krefeld. Fünf Sprachen, responsive Layout, Bewerbung, Google-Maps-Einwilligung und KAMMANN 2.0 Design.
Version: 2.0.2
Text Domain: kammann-2-0
*/
html,body{margin:0;padding:0}
body{overflow-x:hidden}
*,*::before,*::after{box-sizing:border-box}


/* ============================================================
   KAMMANN 2.0 – Stand-alone Gutenberg compatibility layer
   Replaces layout rules previously supplied by Twenty Twenty-Three.
   ============================================================ */

html,body{
  width:100%;
  max-width:none;
  margin:0;
  padding:0;
}
body.kammann-site{
  overflow-x:hidden;
  background:#fff;
}
body.kammann-site > .kammann-language-version,
body.kammann-site > #kammann-de-version,
body.kammann-site > #kammann-en-version,
body.kammann-site > #kammann-fr-version,
body.kammann-site > #kammann-nl-version,
body.kammann-site > #kammann-zh-version{
  width:100%;
  max-width:none;
  margin:0;
  padding:0;
}

/* Full-width blocks must truly span the viewport in this custom theme. */
.alignfull,
.wp-block-group.alignfull,
.wp-block-cover.alignfull{
  width:100% !important;
  max-width:none !important;
  margin-left:0 !important;
  margin-right:0 !important;
  box-sizing:border-box;
}

/* Gutenberg group */
.wp-block-group{
  box-sizing:border-box;
}
.wp-block-group::before,
.wp-block-group::after{
  content:"";
  display:table;
}
.wp-block-group::after{
  clear:both;
}

/* Gutenberg columns */
.wp-block-columns{
  display:flex;
  box-sizing:border-box;
  flex-wrap:nowrap;
  align-items:normal;
  gap:2em;
}
.wp-block-columns.are-vertically-aligned-center{
  align-items:center;
}
.wp-block-column{
  flex-grow:1;
  min-width:0;
  word-break:break-word;
  overflow-wrap:break-word;
}

/* Gutenberg cover/hero */
.wp-block-cover{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:430px;
  overflow:hidden;
  box-sizing:border-box;
  padding:1em;
}
.wp-block-cover__image-background{
  position:absolute !important;
  z-index:0;
  top:0;
  left:0;
  width:100% !important;
  height:100% !important;
  max-width:none !important;
  object-fit:cover !important;
  object-position:50% 50%;
  margin:0 !important;
  padding:0 !important;
  border:0;
}
.wp-block-cover__background{
  position:absolute;
  z-index:1;
  top:0;
  right:0;
  bottom:0;
  left:0;
}
.wp-block-cover__background.has-background-dim-50{
  opacity:.5;
}
.wp-block-cover__inner-container{
  position:relative;
  z-index:2;
  width:100%;
  box-sizing:border-box;
}

/* WordPress must never apply intrinsic image width to the KAMMANN hero. */
.wp-block-cover img.wp-block-cover__image-background,
.wp-block-cover > img{
  width:100% !important;
  max-width:none !important;
  height:100% !important;
  object-fit:cover !important;
}

/* General responsive media */
img{
  max-width:100%;
  height:auto;
}

/* Admin toolbar: fixed KAMMANN controls remain usable while logged in. */
body.admin-bar .kammann-global-lang{
  top:42px;
}

@media (max-width:781px){
  .wp-block-columns{
    flex-wrap:wrap;
  }
  .wp-block-columns > .wp-block-column{
    flex-basis:100% !important;
  }
}
@media (max-width:600px){
  body.admin-bar .kammann-global-lang{
    top:51px;
  }
}


/* ============================================================
   KAMMANN 2.0 – Typografie
   Die ursprüngliche Seite erbte ihre Grundschrift vom alten
   WordPress-Theme. Im Stand-alone-Theme setzen wir sie explizit.
   ============================================================ */
html,
body,
body.kammann-site,
.kammann-language-version,
.kammann-language-version button,
.kammann-language-version input,
.kammann-language-version textarea,
.kammann-language-version select,
.kammann-global-lang,
.kammann-global-lang button{
  font-family:Arial, Helvetica, sans-serif !important;
}

/* Überschriften und Navigation bleiben Teil derselben klaren KAMMANN-Typografie. */
.kammann-language-version h1,
.kammann-language-version h2,
.kammann-language-version h3,
.kammann-language-version h4,
.kammann-language-version h5,
.kammann-language-version h6,
.kammann-language-version nav,
.kammann-language-version nav a{
  font-family:Arial, Helvetica, sans-serif !important;
}