.infobox {
    background:#f1f1f1;
    padding:30px;
    border-radius:10px
}

/* CL */
@media (min-width:1380px) {
    #header #logo-primary-box .logo-link img {
        max-width:400px;
    }
}


/*---------------AUDA ROUND BOX -----------------*/

.rounded-box {
            background-color: #E83A31;
            color: white;
            padding: 25px;
            box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.5);
        }
        .rounded-box ul {
            list-style: none;
            padding-left: 0;
        }
        .rounded-box ul li::before {
            content: '\2713'; /* Unicode für Haken */
            color: white;
            font-weight: bold;
            margin-right: 10px;
            display: inline-block;
            width: 20px;
            height: 20px;
            text-align: center;
            line-height: 20px;
            border-radius: 50%;
            background-color: white;
            color: #E83A31;
        }
/*---------------AUDA ROUND BOX -----------------*/


/*--------------- AUDA CARDS START -------------------*/


.auda-card-group-1{
    display:flex;
    flex-wrap:wrap;
}

.auda-card-group-1 .ge-content {
    height:100%;
}

.auda-card-group-1 .column {
    margin-bottom:30px;
}

.auda-card-group-1 .auda-card {
    background:#fff;
    box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.5);
    position:relative;
    display:flex;
    flex-direction:column;
    height:100%;
}

.auda-card-group-1 .auda-card-body {
    flex:1 1 auto;
    padding:1.25rem;
}

.auda-card-group-1 .auda-card-footer {
    padding:1.25rem;
}

/*--------------- AUDA CARDS END -------------------*/


/*--------------- AUDA BIG CARD START -------------------*/

.werkstatt-card {
  background: #E7392F;        
  color: #ffffff;            
  padding: 20px;
  box-shadow: 0 8px 20px rgba(0,0,0,0.3);
  margin: 0 auto;
}

.werkstatt-card h2 {
  margin-bottom: 15px;
  font-size: 20px;
  font-weight: bold;
}

.leistungen-grid {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 10px;
}

@media (min-width: 600px) {
  .leistungen-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (min-width: 1000px) {
  .leistungen-grid { grid-template-columns: repeat(3, 1fr); }
}

.leistung {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 12px;
  border-radius: 8px;
  text-decoration: none;
  color: #ffffff;
  background: rgba(124,28,23,0.2);
  transition: background 0.2s;
}

.leistung:hover {
  background: rgba(255,255,255,0.25);
  color: #fff;
  font-weight: bold;
}

.leistung .icon {
  width: 21px;
  height: 21px;
  flex-shrink: 0;
  
}


/*--------------- AUDA BIG CARD END -------------------*/



/*--------------- PROMO BOX -----------------------*/

.promo-wrap{
  width:min(960px, 100%);
  margin:0 auto;
}

.promo-box{
  position:relative;
  background:#ffffff;          /* Box-Hintergrund */
  border-radius:5px;
  box-shadow:0 8px 24px rgba(0,0,0,.25);
  padding: clamp(20px, 4vw, 56px);
}

.promo-badge{
  position:absolute;
  inset:auto auto 100% 0;      /* oberhalb links platzieren */
  transform: translate(-20%, 80%); /* halb über die Ecke schieben */
  width: clamp(40px, 18vw, 100px);
  aspect-ratio:1/1;
  border-radius:50%;
  background:#E7392F;          /* Kreisfarbe (Goldgelb) */
  display:grid; place-items:center;
  text-align:center;
  padding:10px;
  color:#fff;               /* Text im Kreis */
  font-weight:700; letter-spacing:.02em;
}

.promo-badge span{
  font-size: clamp(18px, 2.2vw, 22px);
}

.promo-title{
  margin: clamp(8px, 1vw, 16px) 0 clamp(8px, .8vw, 12px);
  font-size: clamp(28px, 4.6vw, 56px);
  line-height:1.1;
  color:#505050;
  font-weight:800;
  text-align:left;
}

.promo-text{
  max-width: 42ch;
  font-size: clamp(16px, 2.3vw, 24px);
  color:#3a3a3a;
  margin: 0;
  font-weight:700;             
  text-align:center;
  margin-inline:auto;
}

.promo-box:focus-within{
  outline:3px solid #7aa2ff;
  outline-offset:4px;
}

@media (max-width:420px){
  .promo-text{ font-weight:600; }
  .promo-box{ border-width:6px; }
}

/*--------------- PROMO BOX END-----------------------*/

/************ ACCORDION SECOND********************/
.auda-accordion-second .panel-title a {
    display:block;
    padding:10px 35px;
    position:relative;
    background:#f35042;
    text-align:center;
    color:#fff;
}

.auda-accordion-second .panel-title a::after {
    content:"\f078";
    font-family:fontAwesome;
    padding:10px;
    background:red;
    height: 100%;
    display: flex;
    align-items: center;
    position:absolute;
    left:0;
    top:0;
}

.auda-accordion-second .panel-title a.collapsed,
.auda-accordion-second .panel-body {
    background:#2b2b2b;
    color:#fff;
}

.auda-accordion-second .panel-default > .panel-heading {
    background:transparent;
    border:none;
    padding:0;
}

.auda-accordion-second .panel-default {
    border:none;
    margin-bottom:20px;
}

/************ ACCORDION SECOND - END ********************/