/* DGQ Basis-Look für Panels & <details> */

/* <details>-FAQ – NESTED */
br.nc {display: none !important}
.dgq-faq { margin: 1.1rem 0; }
.dgq-faq .dgq-faq-item{ border:1px solid #dcdcdc; border-radius:8px; background:#fff; margin:10px 0; overflow:hidden; }
.dgq-faq .dgq-faq-summary{
  display:block; position:relative; padding:14px 44px 14px 16px;
  cursor:pointer; font-weight:700; line-height:1.35; user-select:none;
  background:#f5f5f5; color:inherit; border-bottom:1px solid #e6e6e6;
}
.dgq-faq .dgq-faq-summary::-webkit-details-marker{display:none;}
.dgq-faq .dgq-faq-summary:hover{ background:#f1f1f1; }
.dgq-faq .dgq-faq-item[open] .dgq-faq-summary{ background:#ececec; }
.dgq-faq .dgq-faq-summary::after{
  content:""; width:9px; height:9px; position:absolute; right:14px; top:50%;
  transform:translateY(-50%) rotate(-45deg);
  border-right:2px solid rgba(0,0,0,.55); border-bottom:2px solid rgba(0,0,0,.55);
  transition:transform .18s ease;
}
.dgq-faq .dgq-faq-item[open] .dgq-faq-summary::after{ transform:translateY(-50%) rotate(45deg); }
.dgq-faq .dgq-faq-content{ background:#fff; padding:16px 18px; line-height:1.6; }

/* <details>-FAQ – STANDALONE (falls nicht in .dgq-faq verschachtelt) */
details.dgq-faq-item{ border:1px solid #dcdcdc; border-radius:8px; background:#fff; margin:10px 0; overflow:hidden; }
details.dgq-faq-item > summary.dgq-faq-summary{
  display:block; position:relative; padding:14px 44px 14px 16px;
  cursor:pointer; font-weight:700; line-height:1.35; user-select:none;
  background:#f5f5f5; color:inherit; border-bottom:1px solid #e6e6e6;
}
details.dgq-faq-item > summary.dgq-faq-summary::-webkit-details-marker{display:none;}
details.dgq-faq-item > summary.dgq-faq-summary:hover{ background:#f1f1f1; }
details.dgq-faq-item[open] > summary.dgq-faq-summary{ background:#ececec; }
details.dgq-faq-item > summary.dgq-faq-summary::after{
  content:""; width:9px; height:9px; position:absolute; right:14px; top:50%;
  transform:translateY(-50%) rotate(-45deg);
  border-right:2px solid rgba(0,0,0,.55); border-bottom:2px solid rgba(0,0,0,.55);
  transition:transform .18s ease;
}
details.dgq-faq-item[open] > summary.dgq-faq-summary::after{ transform:translateY(-50%) rotate(45deg); }
details.dgq-faq-item > .dgq-faq-content{ background:#fff; padding:16px 18px; line-height:1.6; }

/* Altes Panel-Accordion */
.panel-group{ margin:1.2rem 0; }
.panel-group .panel{ border:1px solid #dcdcdc; border-radius:8px; overflow:hidden; background:#fff; }
.panel-group .panel + .panel{ margin-top:10px; }
.panel-group .panel-heading{ background:#f5f5f5; padding:14px 16px; border-bottom:1px solid #e6e6e6; }
.panel-group .panel-title{ margin:0; font-size:1rem; line-height:1.35; font-weight:700; }
.panel-group .panel-title a{ display:block; position:relative; padding-right:36px; text-decoration:none; color:inherit; }
.panel-group .panel-body{ padding:16px 18px; line-height:1.6; background:#fff; }

/* Widgets (.textwidget) */
.textwidget .panel{ border:1px solid #dcdcdc; border-radius:8px; overflow:hidden; background:#fff; margin:10px 0; }
.textwidget .panel .panel-heading{ background:#f5f5f5; padding:14px 16px; border-bottom:1px solid #e6e6e6; }
.textwidget .panel .panel-title{ margin:0; font-size:1rem; line-height:1.35; font-weight:700; }
.textwidget .panel .panel-title a{ display:block; position:relative; padding-right:36px; text-decoration:none; color:inherit; }
.textwidget .panel .panel-body{ padding:16px 18px; line-height:1.6; }

/* Optionale Blöcke */
.scheme.blue{ margin:8px 0 0; }
.scheme.blue .line-wrap{ display:flex; flex-wrap:wrap; gap:12px; margin:6px 0; }
.scheme.blue .box{ flex:1 1 260px; min-width:260px; background:#eaf3fb; border:1px solid #cfe3f7; border-radius:8px; padding:12px 14px; }
.teaser.produktliste{ margin:10px 0; }

@media (min-width: 768px){
  .dgq-faq .dgq-faq-summary, details.dgq-faq-item > summary.dgq-faq-summary { padding:15px 48px 15px 18px; }
  .dgq-faq .dgq-faq-content, details.dgq-faq-item > .dgq-faq-content { padding:18px 20px; }
  .panel-group .panel-body { padding:18px 20px; }
}


@media (max-width: 768px) {
    .lead {
        font-size: 1.1em !important;
    }
}

/* ==== Grid-Fallback (BS3-kompatibel) ==== */
.row{display:flex; flex-wrap:wrap; margin-left:-15px; margin-right:-15px;}
.row > [class*="col-"]{padding-left:15px; padding-right:15px; box-sizing:border-box; width:100%;}
/* Breakpoint "sm" ≈ 768px wie BS3 */
@media (min-width: 768px){
  .col-sm-1{width:8.333333%;}
  .col-sm-2{width:16.666667%;}
  .col-sm-3{width:25%;}
  .col-sm-4{width:33.333333%;}
  .col-sm-5{width:41.666667%;}
  .col-sm-6{width:50%;}
  .col-sm-7{width:58.333333%;}
  .col-sm-8{width:66.666667%;}
  .col-sm-9{width:75%;}
  .col-sm-10{width:83.333333%;}
  .col-sm-11{width:91.666667%;}
  .col-sm-12{width:100%;}
}
/* Optional: md/lg falls im Content vorhanden */
@media (min-width: 992px){
  .col-md-1{width:8.333333%;}
  .col-md-2{width:16.666667%;}
  .col-md-3{width:25%;}
  .col-md-4{width:33.333333%;}
  .col-md-5{width:41.666667%;}
  .col-md-6{width:50%;}
  .col-md-7{width:58.333333%;}
  .col-md-8{width:66.666667%;}
  .col-md-9{width:75%;}
  .col-md-10{width:83.333333%;}
  .col-md-11{width:91.666667%;}
  .col-md-12{width:100%;}
}
@media (min-width: 1200px){
  .col-lg-1{width:8.333333%;}
  .col-lg-2{width:16.666667%;}
  .col-lg-3{width:25%;}
  .col-lg-4{width:33.333333%;}
  .col-lg-5{width:41.666667%;}
  .col-lg-6{width:50%;}
  .col-lg-7{width:58.333333%;}
  .col-lg-8{width:66.666667%;}
  .col-lg-9{width:75%;}
  .col-lg-10{width:83.333333%;}
  .col-lg-11{width:91.666667%;}
  .col-lg-12{width:100%;}
}


/* Alerts (Bootstrap-kompatibel) */
.alert{padding:15px;margin-bottom:20px;border:1px solid transparent;border-radius:4px;}
.alert-info{background-color:#d9edf7;border-color:#bce8f1;color:#31708f;}

/* (success/warning/danger analog – sind in deinem Plugin schon vorhanden) */

.alert p:last-child{margin-bottom:0;}
.alert .close{float:right; font-size:20px; line-height:1; cursor:pointer; border:0; background:transparent; opacity:.6;}
.alert .close:hover{opacity:.9;}
.alert-info{color:#31708f; background-color:#d9edf7; border-color:#bce8f1;}
.alert-success{color:#3c763d; background-color:#dff0d8; border-color:#d6e9c6;}
.alert-warning{color:#8a6d3b; background-color:#fcf8e3; border-color:#faebcc;}
.alert-danger{color:#a94442; background-color:#f2dede; border-color:#ebccd1;}