@media (min-width: 1024px) and (max-width: 1355px) {
    .breadcrumb {
        margin-left: 0;
        border-bottom:none;
    }
}

@media (min-width:1024px){
    .box-pre-adv{
    padding:0!important;
    }
    .art-detail__header {
        margin: 20px 170px 0;
    }
}
  .breadcrumb {
    border-bottom: none;
    background: white;
    max-width: 1042px;
    margin-left: 0;
    width: 100%;
    }

    .uw-ad {
    position: absolute;
    color: #404040;
    font-size: 14px;
    }
    @media (min-width: 1024px){
    .uw-ad {    
    top: 22px;
    right: 15px;    
   }
}
@media (max-width: 1024px){
.breadcrumb{
    max-width: 100% !important;
    margin-left: 0px;
   padding-right: 70px;
}
.uw-ad {
    right: 15px!important;
    top: 125px!important;
}
}
@media (max-width:400px){
.uw-ad {
    right: 15px;
    top: 180px;
}
}

.art-detail h1 {
    text-align: center;
    }
    .art-detail h3 {
    text-align: center;
    padding: 0 60px;
}
    .new4{
border: 1px solid black;
 display: block;
  width: 120px;
    margin-left: auto;
    margin-right: auto;
}
.art-detail__time {
    margin-top: 10%!important;
}
.premium-adv-icons{
           margin-right: auto;
        margin-left: auto;
        justify-content: center;
}
.spacerAdv {
    border: 10px solid #f3f3f3;
    display: block;
    }
@media (min-width: 1024px) {
.spacerAdv {   
   width: 150%;
 margin-left: -25%;
}
.art-detail__time {
    margin-left: 3%;
}

}
@media (min-width: 785px) and (max-width: 1023px) {
.spacerAdv {   
   width: 102%;
 margin-left: -2%;
}
}
@media (min-width: 400px) and (max-width: 785px) {
.spacerAdv {   
   width: 104%;
 margin-left: -4%;
}

}
@media (max-width:400px){
.spacerAdv {
 width: 107%;
    margin-left: -7%;
}   

}

/*Alte styles*/
.flex-containerinfo {
  display: flex;
  flex-direction: row;
  text-align: left;  
  background-color:#294866;
 margin-bottom: 22px;
 color:white;
}
.flex-item-leftinfo img, .flex-item-rightinfo img {  
    min-width: -webkit-fill-available;
    min-width: -moz-available;
}
.flex-item-leftinfo, .flex-item-rightinfo {  
  flex: 50%;
}

.flex-item-text {
margin:22px;
}

.flex-item-leftinfo>figure>figcaption, .flex-item-rightinfo>figure>figcaption{
display:none;
}

.flex-item-leftinfo>h2, .flex-item-rightinfo>h2 {
    position: relative;
    margin-top: 0;
    margin-bottom: 22px;
    font-size: 20px;
    color: white;
    margin-left: 0px !important;
    }

/* Responsive layout - makes a one column-layout instead of two-column layout */
@media (max-width: 750px) {
  .flex-containerinfo {
    flex-direction: column;
  }
  .flex-item-text {
order: 1;
}
}

.info-icon { display: none!important;}
.art-more-box>div>a>.button{ display: none!important;}
.preadb {
background-color: red;
    color: white !important;
    box-shadow: none !important;
    transition: none !important;
    padding: 20px;
    border-radius: 30px;
}

 @media(min-width:1024px){

 .flex-containerinfo{ 
 max-width: 100%!important;
 }
 .extraArt{ 
 max-width: 80%!important;
 padding: 0 15px;
 }

 }
 
  @media(max-width:1024px){
 .hrend{ max-width: 100%;}
.quote {
    max-width: 100% !important;
    }
 }
   @media(min-width:1024px){
.quote {
    max-width: 80% !important;
    }
 }
 @media(min-width:850px){
 .quote{ background-size: contain;
  }
  .quote-desc{ padding: 22px 15%!important;}
 }
  @media(max-width:850px){
 .quote-desc{ padding-top: 50px!important; }
  .quote{ background-position: 50% 0!important;}
 .quote-name{ padding-bottom: 10px!important; }
  }

 .quote {
        border-top-style: ridge;
    border-bottom-style: ridge;
    background-image: url('data:image/svg+xml,%3Csvg class="w-6 h-6 text-gray-800 dark:text-white" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" viewBox="0 0 24 24"%3E%3Cpath fill-rule="evenodd" d="M6 6a2 2 0 0 0-2 2v3a2 2 0 0 0 2 2h3a3 3 0 0 1-3 3H5a1 1 0 1 0 0 2h1a5 5 0 0 0 5-5V8a2 2 0 0 0-2-2H6Zm9 0a2 2 0 0 0-2 2v3a2 2 0 0 0 2 2h3a3 3 0 0 1-3 3h-1a1 1 0 1 0 0 2h1a5 5 0 0 0 5-5V8a2 2 0 0 0-2-2h-3Z" clip-rule="evenodd"/%3E%3C/svg%3E%0A');
    background-size: 50px 50px;
  background-position: 5%;
  background-repeat: no-repeat;
    }
    .quote p{
    margin:0!important;
    }
    .quote-name{
    border-bottom:none!important;
    padding-bottom: 22px;
        font-weight: bold!important;
    font-style: normal!important;
    color: black !important;
    font-family: Roboto;
    font-size: 18px;
    }
    .quote-desc {    
    padding-top: 15px;
        font-weight: normal!important;
    font-style: italic;
}


.hrend{
border: 1px solid lightgrey;
 display: block;
  width: 80%;
  margin:auto;
max-width: 80%;

}

.hstdata{
  width: 100%;
  text-align: center;
  padding: 30px 0;
    }
 .hstdata p{
 margin-left:calc(100vw - 80%)!important;
  margin-right:calc(100vw - 80%)!important;
 }
 .extraArt{
 max-width: 828px;
 margin: 0 auto;
 padding: 0 22px;
 }
 /*Version1.- Größe Bild mit 2 Kleinere Bilder unter*/
 .row {
    display: flex;
    flex-wrap: wrap;
    padding: 22px 0px;
    overflow: hidden;
}


.bigcol {
    max-width: 100% !important;
    flex: 100% !important;
    overflow: hidden;
}

.kcol{
    flex: 50% !important;
    max-width: 50% !important;
    padding: 10px 5px !important;
     overflow: hidden;
}

.kcol figcaption.thumb__desc, .bigcol figcaption.thumb__desc {
    display: none!important;
    } 


@media (min-width:1024px){
 .row {
    justify-self:center;
            width: 100%;
}
}

@media (min-width:700){
.row{
max-height: 850px;
}
}
 /*Version2.- Größe Bild Links mit 2 Kleinere Bilder Rechts*/
 .breit2full{
  flex: 65%!important;
  max-width: 65%!important;
  padding: 0 2px!important;

}
 .breit2mini{
    flex: 35%!important;
  max-width: 34%!important;
   } 
   
.fullcaption{
   max-width: 100% !important;
    background-color: transparent !important;    
    flex: 100% !important;
    max-height: 150px !important;
    min-height: 0px !important;
    overflow: hidden;
        line-height: 1.7!important;
    font-size: 14px!important;
    text-align: left;
   }
   @media (max-width:1024px){
   .fullcaption{
   max-width: 100% !important;
   margin: 0px;
      }
   }
 @media (min-width:1024px){
   .fullcaption{ 
      max-width: 96% !important;
     margin:-5px 20px 0px;
	 padding: 0 !important
   }
   
   .breit2mini figure.thumb--detail-big, .breit2full figure.thumb--detail-big {
        padding-top: 10px;
        }

    }
     .breit2mini figure, .breit2 figure, .breit2mini a, .breit2 a {
     background:white!important;
     }
     
    .breit2full figcaption.thumb__desc, .breit2mini figcaption.thumb__desc {
    display: none!important;
    } 
     @media (max-width:700px){
     .breit2full {
    margin-bottom: -10px;
     height:auto;
    }
      .breit2mini img, .breit2 img {
    padding-top:10px;
    }

      .breit2mini figure, .breit2full figure, .breit2mini a, .breit2full a {
     height: auto;
    margin-bottom: 0 !important;
     }
    }


/*Version3.- 3 Bilder zusammen*/
 .row--full{
   	display: flex;
  	flex-wrap: wrap;
  	flex-direction: row;
  	font-size: 30px;
  	text-align: center;
 	max-width:1048px!important;
	margin-bottom: 22px;
     overflow: hidden;
}
.row--full>.full3{
	background-color: transparent;
    
  	flex: 33%;
  	max-width:33%;
    height:auto;
     overflow: hidden;
     
}
.column img {
   	height:auto!important;
}
@media (min-width: 700px) {
.row--full>.full3{
  min-height: 160px !important;
      max-height: 170px;
      padding: 0 5px;
    }
    .column{     
    padding: 0 5px;
    }
}

@media (max-width: 700px) {
  .row--full {
    flex-direction: column;
  	margin-bottom: 44px;
  }
  .column{
     max-width: 100% !important;	
    padding: 10px 5px;
 	min-inline-size: -webkit-fill-available;
        flex:100%!important;
  }
  .row--full>.full3{
  min-height: 250px !important;
      max-height: 350px;
     padding: 10px 5px;

    }
}
/*Version4.- 2 Bilder zusammen*/
.column{
    background-color: transparent;
    flex: 50%;
    max-width: 50%;
    min-height: 250px;
    overflow: hidden;
    }
   .full2  figcaption.thumb__desc, .full3  figcaption.thumb__desc {
 display: none!important;
}

.column figure.thumb--detail-big {
margin-bottom:0;
}