@font-face {
    font-display: swap;
    font-family: "brush455";
    font-style: normal;
    font-weight: 400;
    src: url("fonts/brush_455_reg.woff2") format("woff2")
}
body {    
    font-family: 'Open Sans', Helvetica, sans-serif;
}

h1{    
    color:darkred;
}
h2{
    font-size:1.5rem;
}
.fat{
    font-weight:700;
}
.text-body-secondary{
    color: rgb(51, 51, 59)
}
.btn-outline-secondary{
    --bs-btn-color: #222;    
}
#layout_offline {
    max-width: 700px;
    margin: 40px auto;
    padding: 30px;
    border: 1px solid #ddd;
}
/* !!! L O G O B A R !!! */
.claim {
    font-family: brush455;
    font-size:1.5em;
}
.langselect{
    display:none;
    flex-direction:row;    
}
.langselect div:first-child {
    margin-right: 1em;
}
.langselect .flag.mb-2{
    margin-bottom:0;    
} 
.langselect .flag.mb-2{
    margin-bottom:0 !important;    
} 
.pagination{
    --bs-pagination-active-bg: #136432;
    --bs-pagination-active-border-color: #237234;
} 
.cf::before, .cf::after {
  content: "";
  display: table;
} 
#mainnav .navbar-nav{
    color:rgba(10, 10, 10, 0.9)
}
.nav-item .icon{
    position:relative !important;
}
.greeting_text{
    margin-top:1rem;
}
.alert-info{
    --bs-alert-bg: #ececec;
    --bs-alert-border-color: #cccccc;
}
.sitemap .list-group-item{
    background-color: #ececec;
    color: #111;
    border-color:#1b5e32;
}
.one_stop_notice {
  margin-top: .9em;  
  color: #b90202;  
  border: thin solid #b90202;
  padding: 5px;
}
/*.hint {
  margin
}*/
/* !!! S u b k a t e g o r i e n !!! */
.listing-subcats .row {
    justify-content:space-between;
}

/* !!! K l e i n e  S c r e e n s !!! */

.container-xxl .justify-content-between{
    flex-wrap:wrap;
}
.search {
  max-width: 400px;
}
.container-xxl .justify-content-between{
    justify-content: space-between !important;
    align-items: center;
}
#top .container-xxl a{
    color:rgb(42, 42, 165)
}
.mainsite_link{
    display:none;
}
/*langselect div:first-of-type{
    margin-bottom:.6rem;
}*/

.row .madebadge img {
    width: 65px;
    height: auto;
    padding: .3rem;
}
#top .d-sm-block {
    display: block !important;
  }
/* ++++ A N F A N G Row Options ++++ */

.options_row_multi .options_name{
    margin-top:.5rem;
}
.options_row_multi input{
    width: 33%;
}

/* ++++ E N D E Row Options

/* ++++ Leiste Maßtabelle, Skizze u. Video ++++ */
 .modal {
  --bs-modal-zindex: 1055;  
  --bs-modal-margin: 0.5rem;

}
.modal-dialog{
    width:max-content;
}
.desc_video{
    display:flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
}
.video_trigger_wrapper{
    text-align: center;
}
video{
     width: 100%    !important;
    height: auto   !important;
}
.size_table_narrow{
    display:block;
}
.size_table_broad{
    display:none;
}
.sizetable_bar{
    display:flex;
    flex-direction:row;
    flex-wrap: wrap;
    justify-content: space-between;
}
.table_caption {
    display: table-caption;
    text-decoration: underline;
}
/*.sizetable_bar .kopfzeile, .sizetable_bar .zelle{     
    font-size:  0.875em;;
}*/
.kopfzeile {
    height: 1.8em;
    display: table-header-group;
    border-bottom: 1px solid #6c6c6c;
}
.zeile {
    height: 1.4em;
    display: table-row;    
}

.size_table_hals .zeile:nth-child(2n) {
    background-color: #eaeded;
}
.size_table_hals {
    width: 55%;
    margin-top: 0.6em;
    border-collapse: collapse;
    table-layout: fixed;
    display: table;
}
.size_table{
    flex: 0 0 auto;    
}
.zelle {
    min-width: 30px;
    display: table-cell;
    padding: 4px 3px 3px 4px;
}
.dog_sketch_small{
    max-width:268px;
}
.measure_video{    
    flex:0 1 auto;    
    margin-top: 1em;
}

.measure_video a img{
    max-width:300px;
    height: auto;
}
/* ++++ E N D E Leiste Maßtabelle, Skizze u. Video ++++ */
.content_box_payment > span {
  float: left;
  width: 40%;
  margin-left: 1rem;
}
@media(min-width: 576px) {
    /*.nav-item.einstell{
        display:none;
    }*/
   .langselect{
    display:flex;
    flex-direction:column;
} 
    .langselect div:first-child {
    margin-right: 0;
}
  .modal-dialog {
    max-width: 88vw;
    margin-right: auto;
    margin-left: auto;
  }
    
}    
@media(min-width: 630px) {
.mainsite_link {
    display:block;
}
.row .madebadge img {
    width: 70px;
    height: auto;
    padding: .3rem;
}
.content_box_payment > span {
  float: left;
  width: 219px;
}
}
@media(min-width: 660px) {
.size_table_narrow{
    display:none;
}  
.size_table_broad{
    display:block;
}  
.sizetable_bar .kopfzeile, .sizetable_bar .zelle{     
    font-size: var(--bs-body-font-size);
}

}


@media(min-width: 768px) {
.search {
    max-width: 540px;    
}
.listing_subcats .row{
    justify-content: space-between;
}
}
/*=== Große Bildschirme === */
@media(min-width: 1100px) {    
.searchgrid{
    display:grid;
    grid-template-columns:21% 79%;
    grid-template-rows:auto auto;
}
.logos_nav{
    grid-column-start:2;
}

.row .madebadge img{
    width:80px;
    height:auto;
    padding:.3rem;
}
.content_box_payment>span {
    float: left;
    width: 150px;
    display: block;
}

.langselect{
    display:none;
    flex-direction: row;    
}
.langselect div:first-of-type{
    padding-right:.4rem;
}
.measure_video{       
    margin-top:0;
}
.modal {
    margin-top:2rem;
}
.modal-dialog {    
    max-width: 880 px;
}
.video_trigger_wrapper {  
  width: 45%;
}
} /* === E N D E media min-width 1100 ===*/

/* ########  Widerruf-Link in Box Content ######## */
li.withdraw_link .nav-link  {
    color: #383838;
    border-top: 2px solid #383838; /* Stärke: 2px, Art: durchgezogen, Farbe: Dunkelgrau */
    border-bottom: 2px solid #383838;
    padding: 4px 0;           /* Abstand zwischen Text und Rahmen */    
}
/* === Zahlungsweisen Symbole ===*/
.content_box_payment>span img {
    width: 100%;
    height: auto;
    vertical-align: top;   
    opacity: 1;
    filter: grayscale(5%) 
}
/* === Ende Zahlungsweise Symbole === */
#layout_footer_inner{
    width:100%
}

/*.flag{
    padding-right:.4rem;
}*/
#inputStringSubmit{
    color:rgb(20, 20, 20)
}