@font-face {
  font-family: 'Copperplate Gothic Light';
  font-weight: normal;
  font-size: 42px;
  src: url('../fonts/copperplate-gothic-light.woff') format('woff'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* balthazar-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Balthazar';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/balthazar-v18-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* open-sans-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/open-sans-v44-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* open-sans-300italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 300;
  src: url('../fonts/open-sans-v44-latin-300italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* open-sans-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/open-sans-v44-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* open-sans-italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/open-sans-v44-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* open-sans-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/open-sans-v44-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* open-sans-800 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 800;
  src: url('../fonts/open-sans-v44-latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* open-sans-800italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 800;
  src: url('../fonts/open-sans-v44-latin-800italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
:root, [data-bs-theme="light"] {
  --body-font-family:'Open Sans'; 

  h1, h2 {
  color: #3fbcea;
  margin-bottom: 2rem;
  font-family: 'Copperplate Gothic Light';
}
    /* BUTTON */
  .btn {
    background-color: rgb(62,186,232);
    margin-top: 1rem;
    border-radius: 0;
    color: #ffffff;
  }
  /*** BANNER STRATSEITE ***/
.banner-start {
  position: relative;
  width: 100%;               /* Container nimmt volle Breite */
  display: inline-block;     /* Höhe passt sich dem Pseudo-Element an */
  overflow: hidden;
}
.banner-start::before {
  content: "";
  display: block;
  width: 100%;
  padding-top: 56.25%;       /* Bild-Seitenverhältnis: Höhe/Breite*100, hier 16:9 */
  background-image: url("/images/cr-medic/banner_1920_900.jpg");
  background-size: cover;     /* Bild füllt Container */
  background-position: center left -3rem;
  background-repeat: no-repeat;
  border: solid 5px rgba(62,186,232,0.5);
}
  @media (max-width: 796px) {
  .banner-start::before {
  background-image: url("/images/cr-medic/banner_mobil.jpg");
  background-size: cover;     /* Bild füllt Container */
     background-position: center left;
    padding-top: 65%;
}
    }
.banner-start-text {
  position: absolute;           /* Positioniert Text über dem Bild */
  top: 50%;                     /* Vertikal zentriert */
  left: 70%;                    /* Horizontal zentriert */
  transform: translate(-50%, -50%);
  color: rgb(10,66,106); 
  text-align: left;
  padding: 1rem;  
}
.banner-start-text h1 {
    line-height: 1.0;
  margin: 0;
  font-size: calc(1.0rem + 4.5vw);
  font-family: 'Balthazar';
    font-family: 'Copperplate Gothic Light';
  text-shadow: 1px 1px 1px #0a426a;
}

.banner-start-text p {
  margin: 0.5rem 0 0;
  font-size: 2.0rem;
    font-size: calc(1.0rem + 1.0vw);

}   
/* Desktop – 2 Spalten - Bild links */
.cr-layout {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 40px; /* optionaler Abstand */
  align-items: center;
}
.cr-image img {
  width: 100%;
  height: auto;
  display: block;
  margin-bottom: 3rem!important;
  box-shadow: 4rem 4rem #3fbcea;
  border: solid 5px rgba(62,186,232,0.5);
  display: block;
  max-width:90%;
}
@media (max-width: 992px) {
  .cr-image img {
  box-shadow: 3rem 3rem #3fbcea;
    }}
.cr-text {
  display: flex;
  align-items: center; /* Text vertikal zentriert */
  padding: 20px;
}

.cr-text-inner {
  width: 100%;
}

/* Mobile – 1 Spalte unter 796px */
@media (max-width: 796px) {
  .cr-layout {
    grid-template-columns: 1fr;
  }
}
 
  /*** FOOTER ****/
  .footer div.grid-child {
    display: block; /* display flex verhindert Zentrierung des Textes */
  }
  .footer {
  margin: 0;
  padding: 2rem 0;
    }
 .metismenu.mod-menu {
  margin: 0;
  float: right;
}
section:last-of-type {
  margin-bottom: 0;
}

.item-content {
   max-width: 1320px;
    margin: 0 auto;
}

/*** Hellblauer Infoblock ***/
  .info-block {
  display: flex;
  padding: 20px 40px;
  align-items: center;       /* vertikal zentrieren */
    gap: 20px;                 /* optional Abstand zwischen Logo & Text */
}

.info-logo,
.info-text {
  flex: 1;                   /* je 50 % der Breite */
}

.info-logo img {
  max-width: 100%;
  height: auto;
  display: block;
}
div.com-content-article__body p {
  margin: 0;
}
.fullwidth.background {
  margin-left: calc( -50vw + 50%);
  margin-right: calc( -50vw + 50%);
  max-width: calc( 100vw);
  padding-top: 30px;
  padding-bottom: 20px;
  background-color: rgba(62,186,232,0.3);
  background-image: url("/images/cr-medic/regensburg_hellblau.png");
  background-repeat: no-repeat;
  background-position: bottom right;
  padding-bottom: 3rem;
  background-size: cover;

}
.fullwidth.anmeldung {
  margin-left: calc( -50vw + 50%);
  margin-right: calc( -50vw + 50%);
  max-width: calc( 100vw);
  padding-top: 0;
  padding-bottom: 0;
  background-image:  url("/images/cr-medic/banner_1920_600_03.jpg");  
  background-size: cover;
  min-height: 500px;
}

.item-content .col-lg-6:last-child {
  display: flex;
  align-items: center;   /* vertikal mittig */
}
  .text-wrapper {
  display: block;        /* sorgt dafür, dass alles untereinander bleibt */
  max-width: 500px;
  margin-left: 2rem;
}
  .bild-wrapper {
  display: block;        /* sorgt dafür, dass alles untereinander bleibt */
  margin-left: 2rem;
}
  .item-content .row {
  min-height: 500px;
}

.item-content .row.info {
  min-height: unset;
  margin: 2rem 0;
}
.fullwidth.anmeldung ul {
  margin-bottom: 0;
}