/* Basiseinstellungen für die Navigation */
.ddsubnav-relative {
    position:relative;
}

.cf-cookie-openconsent {
  left: 15px;
  right: unset;
  background: #e1e1e1;
}

.cf-cookie-openconsent #icon {
		font-size: 32px;
		color: gray;
}	

.embed-responsive [data-autoscale]{    
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width:100%;
    height: 100%;
    border: 0;
}    

 .navbar > .container.navbar-toogler {
    display: none;
    background-color: #ededed;
    border-color: transparent;
    border-radius: 0;
    margin-top: 20px;
 }

 .navbar-toggler:focus {
     box-shadow: none;
 }

.textpic-flex-header,
.textmedia-flex-header {
    width: 100%;
}

textmedia-flex-gallery,
textpic-flex-gallery
{
    max-width:fit-content;
}

@media (min-width: 768px) and (max-width: 991px) {
  .textmedia-right.textmedia-right-flex .textmedia-item, 
  .textmedia-right.textmedia-right-flex .textpic-item, 
  .textmedia-left.textmedia-left-flex .textmedia-item, 
  .textmedia-left.textmedia-left-flex .textpic-item, 
  .textpic-right.textpic-right-flex .textmedia-item, 
  .textpic-right.textpic-right-flex .textpic-item, 
  .textpic-left.textpic-left-flex .textmedia-item, 
  .textpic-left.textpic-left-flex .textpic-item {
    width: 100%;
  }
}

@media (min-width:992px) {
    .textpic.textpic-left.textpic-left-flex,
    .textpic.textpic-right.textpic-right-flex,
    .textmedia.textmedia-left.textmedia-left-flex,
    .textmedia.textmedia-right.textmedia-right-flex
    
    {
        display:flow-root;
    }
    .textpic-left-flex .textpic-item.textpic-gallery.textpic-flex-gallery,
    .textmedia-left-flex .textmedia-item.textmedia-gallery.textmedia-flex-gallery {
        width: auto;
        max-width: 66%;
        float: left;        
        padding-right: 7px;
        padding-top: 7px;
    }
    
    .textpic-right-flex .textpic-item.textpic-gallery.textpic-flex-gallery,
    .textmedia-right-flex .textmedia-item.textmedia-gallery.textmedia-flex-gallery {
        width: auto;
        max-width: 66%;
        float: right;        
        padding-left: 7px;
        padding-top: 7px;
    }
    
    .textpic-item.textpic-text.flex-grow-1.textpic-flex-text,
    .textmedia-item.textmedia-text.flex-grow-1.textmedia-flex-text
    {
        width: auto;
    }
  /*  
  
    .textpic-left-flex .textpic-item, 
    .textpic-right-flex .textpic-item {
        max-width: 66%;
        padding-top: 7px;
        width: auto;    
    }
    .textpic-left-flex .textpic-item  {
        float: left;
        padding-right: 7px;
    }
    .textpic-right-flex .textpic-item {
        float: right;
        padding-left: 7px;
    }
  */
}

@media (max-width:991px) {
 .navbar-mainnavigation .dropdown-toggle:after {
  display:none;
 }
 
 .navbar >  .container.navbar-toogler {
     display: block;
 }
}

/* Transparenter Tabellenhintergrund bei Tabellen über den RTE */

figure .table {
    --bs-table-bg: transparent;
}



/* Erweiterung auf 5 Spalten für Cardgroup */

@media (min-width:576px) {
  .card-group-element-columns-5 {
    --cardgroup-columns: 2
  }
}
@media (min-width:768px) {
   .card-group-element-columns-5 {
    --cardgroup-columns: 3
  }
}
@media (min-width:992px) {
   .card-group-element-columns-5 {
    --cardgroup-columns: 4;
  }
}
@media (min-width:1200px) {
   .card-group-element-columns-5 {
    --cardgroup-columns: 5
  }
}