@charset "UTF-8";

.infobox-blau {
  background: linear-gradient(
    180deg,
    #eef5fb 0%,
    #e1edf7 100%
  );
  border: 2px solid #c6dbee;
  border-radius: 18px;
  padding: 40px;
  color: #1f2f3a;
}

/* Überschrift */
.infobox-blau h2,
.infobox-blau h3 {
  color: #16324f;
}

/* Listenpunkte */
.infobox-blau ul li {
  margin-bottom: 14px;
  font-size: 1.1rem;
}

/* Hervorgehobener Link */
.infobox-blau a {
  color: #0b4f8a;
  font-weight: 600;
  text-decoration: underline;
}

.infobox-blau a:hover {
  color: #083d6b;
}


.blu {color: #034a91;}
.orange {color: #e95e48;}
.h1, h2, h3, h4, h5, h6 {font-family: Arial, sans-serif;font-weight: bold; }
@media (max-width: 768px) {.ce_rsce_contentbox {padding-right: 10px; padding-left: 10px;}}

.ce_rsce_contentbox { padding: 0.1rem;}


/* CSS Document */
.intro-grid {
  display: flex;
  gap: 4rem;
  align-items: center;
}

.intro-bild img {
  width: 100%;
  border-radius: 24px;
}

@media (max-width: 768px) {
  .intro-grid {
    flex-direction: column;
  }
}

.img-center img {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.goldbox {margin: 0 auto; border-radius: 1rem; border: 1px solid rgba(232,209,172,1); text-shadow: 0 2px 2px rgba(255,245,185,1); background-image: linear-gradient(    180deg,    rgba(255,255,255,.72) 0%,    rgba(255,255,255,.35) 18%,    rgba(255,255,255,0) 38%  ),  linear-gradient(    160deg,    #fffcec,    #ffe08e,    #fff6c9,    #ffe08e,    #fff6c9  ); padding: 20px;
}

.signalcolor {color: #e95e48;}
.greybox {
  border-radius: 1rem;
  border: 1px solid #e1e7f0;
  box-shadow: 0 2px 2px rgba(0,0,0,.2);
  background-image: linear-gradient(180deg,rgba(255,255,255,0.7)10%,rgba(238,238,238,0.9)100%);
}

.goldboxdark {
  border-radius: 1rem;
  border: 1px solid rgba(218,187,135,1);
  box-shadow: 0 2px 2px rgba(207,204,194,.9);
  text-shadow: 0 2px 2px rgba(250,227,133,1);
  background-image: linear-gradient(160deg,#f9f8db,#ffca57,#fef1a2,#ffca57,#fef1a2);
}