/* Copyright 2024 ebla studio - Full-Service Werbeagentur | https://eblastudio.com/ | eBay-Auktionsvorlage - eBay-Template NR. Artikel-Nr. 10000001057 ---------- */
/*----------Bootstrap | FONTS----------------------------------------------------------*/
@import url(https://eblastudio.com//eBay/bootstrap-CSS/bootstrap.min.css);   
@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css);
@import url(https://fonts.bunny.net/css?family=open-sans:300,400,400i,500,600,700,700i);

/*----------VARIABLEN-------------------------------------------------------------------*/
:root{ 
    /*----Corporate Color - Farbkonzept -------- */
    /*----Primärfarbe ------ */ 
    --pr-:  #ffc000  ;  
    --pr-Verlauf: none;
    --pr-dunkel-01: #3a3c46;
    --pr-dunkel-02: #2b2d33;
    --pr-dunkel-03: #18191b;
    --pr-dunkel-04: #121314;
    --pr-dunkel-05: #0d0d0e;
    --pr-hell-01:  rgb(250, 250, 250);
    --pr-hell-02:  rgb(245, 245, 245);
    --pr-hell-03:  rgb(236, 236, 236);
    --pr-hell-04:  rgb(220, 220, 220);
    --pr-hell-05:  rgb(200, 200, 200);
    /*----Primärfarbe hellere Stufe 01 | Tertiärfarbe ------ */
    --pr-01: var(--pr-)        ;  
    --pr-01-Verlauf: none;
    --pr-02:     #ffc000  ;  
    --pr-03:var(--pr-)       ;  
    /*----Sekundärfarbe  ------ */                        
    --sk-: #181824               ; 
    --sk-Verlauf: none;
    /*----Sekundärfarbe hellere Stufe 01 | Tertiärfarbe ------ */                            
    --trt-color: var(--sk-)               ;       
    /*---- Header ------ */
    --Headerhintergrundfarbe:   var(--pr-)  ;
    --Header-tx-Farbe: var(--pr-dunkel-01) ;   
    --Header-Linien-OBEN-Farbe: var(--pr-) ;   
    --Icobs-Farbe-Header:  var(--pr-dunkel-01) ; 
    /*---- Menu ------ */
    --Menu-hg-Farbe:#fff  ;
    --Menu-Hover-Farbe:  var(--pr-hell-03)  ;
    --Menu-Text-Farbe:  #000  ;
    --Menu-Trennlinie:   #000  ;
    --Menu-Aktive:   #000  ;
    --Menu-Aktive-Verlauf: none;
    --Menu-Icons-Farbe:  #000  ;
    --Menu-Animierte-Unterlinien: var(--pr-)  ;
    --Menu-Hamburger-Menu-Normal:   #000  ;
    --Menu-Hamburger-Menu-Hover:    #000  ;
    --Menu-Hamburger-Menu-Aktive:   #000  ;
    /*---- Slider ------ */
    --slider-ganz-Container-BG: #212225 ;  
    /*---- Artikeldetails ------ */
    --Artikeldetails--Kisten-Farben-Hintergrund: #fff;
    --Artikeldetails-ICONS:  var(--pr-dunkel-03)  ;
    /*---- Tabs Farben ------ */
    --Tabs-Farbe:   #fff  ;
    --Tabs-komplette-Farbe-der-Hintergrund: #fff;
    --Tabs-Listen-Farben-Hintergrund:  #fff ;
    --Tabs-Paragraph-Hintergrund:  var(--pr-hell-01)  ;
    --Tabs-Hover-Farbe:   var(--pr-hell-02)  ;
    --Tabs-Hover-Farbe-Verlauf: none;
    --Tabs-tx-Hover-Farbe: #000 ;
    --Tabs-Spalten-Farbe:  #fff  ;
    --Tabs-Spalten-Farbe-Verlauf: none;
    --Tabs-Aktive-Farbe:   var(--pr-);
    --Tabs-tx-Aktive-Farbe:  #fff;
    --Tabs-TX-Farbe:  #000 ;
    --Tabs-Aktive-Farbe-Verlauf: none;
    --Tabs-Border-Farbe:  var(--pr-hell-05)  ;
    --Tabs-Animierte-Unterlinien: var(--pr-);
    --Tabs-Oberlinien: var(--pr-) ;
    --Tabs-Unter-und-Umrahmten-linien: var(--pr-);
    /*---- Sidebar Farben ------ */
    --Sidebar-Farbe:  var(--pr-hell-02)  ;
    --Sidebar-Farbe-Verlauf: none;
    --Sidebar-Border-Farbe: var(--pr-)        ;
    /*---- Farben der Infos über dem Footer ------ */
    --Infos-ueber-dem-Footer-HG: var(--pr-hell-02)  ;
    --Infos-ueber-dem-Footer-Kasten-HG:  #fff ;
    --Infos-ueber-dem-Footer-TX: var(--pr-dunkel-04) ;
    --Infos-ueber-dem-Footer-Icons:  var(--pr-) ;
    /*---- Footer Farben ------ */
    --Footer-Farbe:  var(--pr-hell-02)                ;
    --Footer_ICONS_Farbe:  var(--pr-) ;
    --Footer-Border-Farbe: var(--pr-hell-05)        ;
    --Footer-Links-Hover: var(--pr-dunkel-01) ;
    --Footer-Links-MENU_HG-Hover: var(--pr-hell-03) ;
    --Footer-Kontakt-Hover: var(--sk-) ;
    --Footer-Kontakt-Farbe: var(--pr-03);
    --Footer-Kontakt-TX-Normal: #fff;
    --Footer-TX: var(--pr-dunkel-04) ;
    /*---- Sonstige Farben ------ */
    --Sonstige-Paragraph-Beschreibung-Lizenz: var(--pr-hell-04);
    --Kaufen-Button-Farbe: #fff;
    --Kaufen-Button-HOVER:  var(--sk-);
    --Headlines-Farbe: var(--pr-dunkel-04)        ;
    --Weiter-Angebote-Hover-Farbe: var(--pr-03) ;
    --Alle-Keline-Linien-Farbe: rgb(226, 226, 226);
    --Icon-Code-Pfeil-HTML-Tabs: var(--pr-dunkel-01);
    --Icon-Code-Pfeil-HTML-Lieferung:  var(--pr-dunkel-04)    ;
    --Icons-Farbe:  var(--pr-)        ;
    --tx-Hell: #fff;
    --tx-Dunkel: rgb(0, 255, 42);
    /*----------------------------box-shadow: rgba(0, 0, 0, 0.35) 0px -50px 30px -35px inset;------------------------------------*/
    /*----Weiß und graue Stufen -------------- */
    --white:#ffffff;
    --gr-01:#706f6f;
    --gr-02:#878787; 
    --gr-03:#b2b2b2;
    --gr-04:#dadada;
    --gr-05:#f6f6f6;
    /*----Schwarz in Stufen ------------------- */
    --bk-00:#151516;
    --bk-01:#29282c;
    --bk-02:#37363a;
    --bk-03:#4b4b4e;
    --bk-04:#89898d;
    /*---- Die Größe der Schriften ------------- */
    --tx-10: 10px;
    --tx-12: 12px;
    --tx-14: 14px;
    --tx-16: 16px;
    --tx-18: 18px;
    --tx-20: 20px;
    --tx-25: 25px;
    --tx-30: 30px;
    --tx-34: 34px;
    --tx-40: 40px;
}
/*----------AllGEMEIN-------------------------*/
.Mutter-container{
    font-family: 'Open Sans', sans-serif; 
}
.container-fluid{
    padding: 0;
    margin: 0;
}
.container{
    margin:0 auto;
    padding:0;
    max-width: 1200px;
}
.row {
    margin:0;
    padding:0;
}
.Artikeldetails .Icons-Farbe,
.Tab-ganz-Container .Icons-Farbe,
.Info-Box-Mai-Container .Icons-Farbe {
    color: var(--Icons-Farbe);
}
/*----------HEADER & LOGO-------------*/
.Header-Oberlinie{
    background-color: var(--Header-Linien-OBEN-Farbe);
    height: 20px;

}
.header-container {
    margin:0;
    padding:0;
    background: var(--Headerhintergrundfarbe);
}
.logo {
    margin: 30px auto 20px auto;
    padding:0;
    text-align: center;
    
}
.logo img{
    display: block;
    object-fit: cover;
    text-align: center;
    height: auto;
    width: auto;
    padding: 0;
    margin: 0 auto;
}
.info-box {
    text-align: left;
    margin: 60px 0 0 0;
    padding: 0 0 0 350px;
    font-size: var(--tx-25);
    line-height: 5px;
}
.info-box li{
    list-style: none;
    font-size: var(--tx-12);
    line-height: 25px;
    color: var(--Header-tx-Farbe);
}
.info-text {
    color:var(--black1);
    font-size:var(--tx-12);
    margin:0;
    padding:0 0 0 5px
}


/* Copyright 2024 ebla studio - Full-Service Werbeagentur | https://eblastudio.com/ | eBay-Auktionsvorlage - eBay-Template NR. Artikel-Nr. 10000001057 ---------- */
/*---------------------------------------------------------------------------------*/
/*---------- MAI ------- MENU | NAVI | Dropdown Menu mit deren eigenen MEDIA QUERY-------------*/
/*---------- MAI ------- MENU | NAVI | Dropdown Menu mit deren eigenen MEDIA QUERY-------------*/
.Menu-Neu-Mai {
    background: var(--Menu-hg-Farbe);
    text-align: center;
    border-top: 0px solid var(--Menu-Trennlinie);
    border-bottom: 0px solid var(--Menu-Trennlinie);
}
.Table-Menu-Neu-Mai {
    display:table;
    margin: 0 auto;
}
.Menu-Neu-Mai ul {
    list-style:none;
    position: relative;
    margin:0 auto;
    padding:0;
} 
.Menu-Neu-Mai .Toggle-Content-Menu-Neu-Mai .Menu-Icons-Farbe{
    color: var(--Menu-Icons-Farbe);
}
.Menu-Neu-Mai ul li {
    list-style-type:none;
    position: relative;
    display:inline;
    float:left;
    margin:0;
    padding: 5px 17px;
    line-height: 40px;
    border-right: 1px solid var(--Menu-Trennlinie);
    transition: 0.4s;
} 
.Menu-Neu-Mai ul li:first-child{
    border-left: 1px solid var(--Menu-Trennlinie);
}
.Menu-Neu-Mai ul li:hover {
    background-color: var(--Menu-Hover-Farbe) ;
} 
.Menu-Neu-Mai ul li a {
    text-decoration: none;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    overflow: hidden;
    text-transform: uppercase; 
    color: var(--Menu-Text-Farbe);
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0px;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    opacity: 1;
    margin:0;
    padding:10;
}
.Menu-Neu-Mai ul li a::after {
	content: '';
	position: absolute;
    width: 100%;
	bottom: 0;
	left: 0;
	height: 3px;
	background-color: var(--Menu-Animierte-Unterlinien);
    transform-origin: center;
	opacity: 0;
	transition: opacity 300ms, transform 300ms;
	transform: scale(0);
}
.Menu-Neu-Mai ul li a:hover::after,
.Menu-Neu-Mai ul li a:focus::after{
    opacity: 1;
	transform: translate3d(0, 0.5em, 0);
    transform: scale(1);
}

.Menu-Neu-Mai ul li a:hover:before,
.Menu-Neu-Mai ul li a:focus:before,
.Menu-Neu-Mai ul li a:active:before {
    right: 0;
}    
.Menu-Neu-Mai ul li:first-child:before {
    content:'';
}  
/*---------------------------------------------------------------------------------*/
/*---------------------MEDIA QUERY--- MAI ------- MENU | NAVI ------------------------*/
/*---------------------MEDIA QUERY--- MAI ------- MENU | NAVI ------------------------*/
@media (max-width: 991px) { 
    .Menu-Neu-Mai {
        border-bottom:1px solid var(--Menu-Trennlinie);
        padding:0;
    }
    .Menu-Neu-Mai ul {
        display:block; 
        width:100%; 
        margin:0; 
        padding:0;
    }
    .Menu-Neu-Mai ul li {
        display:block; 
        margin:0; 
        padding: 10px 0px; 
        line-height: 25px;
        width:100%; 
        border-top:1px solid var(--Menu-Trennlinie); 
    }
    .Menu-Neu-Mai ul li {
        border-right: none;
    } 
    .Menu-Neu-Mai ul li:first-child{
        border-left: none;
    }
    .Menu-Neu-Mai ul li:hover {
        background: var(--Menu-Hover-Farbe) !important;
    }
    .Menu-Neu-Mai ul li:hover a,
    .Menu-Neu-Mai ul ul li:hover a {
        color: var(--Menu-Text-Farbe) !important; 
        text-decoration: none!important;
    }
    .Menu-Neu-Mai ul li a {
        display:block; 
        margin:0; 
        padding: 0px; 
        width:100%; 
    }
    .Menu-Neu-Mai ul li:last-child {
        border-bottom:none;
    }
    .Menu-Neu-Mai ul li a:before,
    .Menu-Neu-Mai ul li:before,
    .Menu-Neu-Mai ul li a:after,
    .Menu-Neu-Mai ul li:after {
        display:none;
    }
    /* RESPONSIVE MENU */
    .Toggle-Div-Menu-Neu-Mai *,
    .Toggle-Div-Menu-Neu-Mai *:before,
    .Toggle-Div-Menu-Neu-Mai *:after {
        box-sizing: border-box;
    }
    .Toggle-Div-Menu-Neu-Mai {
        width:100%;
    }
    .Toggle-Div-Menu-Neu-Mai input[name='panel'] {
        display: none;
    }
    .Toggle-Div-Menu-Neu-Mai label {
        position: relative; 
        display: block; 
        cursor: pointer; 
        text-align: right;
        color: var(--Menu-Hamburger-Menu-Normal); 
        background:none; 
        border:none; 
        text-transform: uppercase; 
        font-size:14px; 
        font-weight:700;  
        transition: all 0.4s; 
        line-height:50px; 
        height:50px; 
        padding: 0px 50px 0px 00px; 
        margin: 0px 0px 0px 0px; 
    }
    .Toggle-Div-Menu-Neu-Mai label:after {
        position: absolute; 
        text-align: center; 
        content: '☰';  
        line-height:50px; 
        font-size: 16px;
        line-height: 1.6; 
        height: 26px; 
        width:26px; 
        top:12px; 
        right: 15px; 
        border-radius: 10%; 
        border: 1px solid  var(--Menu-Hamburger-Menu-Normal); 
        color: var(--Menu-Hamburger-Menu-Normal);
        padding:0;
    }
    .Toggle-Div-Menu-Neu-Mai label:hover {
        color: var(--Menu-Hamburger-Menu-Normal); 
    }
    .Toggle-Div-Menu-Neu-Mai input:checked + label {
        color: var(--Menu-Hamburger-Menu-Normal); 
    }    
    .Toggle-Div-Menu-Neu-Mai input:checked + label:after {
        content: 'X'; 
    }
    .Toggle-Div-Menu-Neu-Mai .Toggle-Content-Menu-Neu-Mai {
        position: relative; 
        overflow: hidden; 
        max-height: 0em; 
        background: var(--Menu-hg-Farbe) ; 
        color:#ff0000; 
        transition: all 0.4s ;
        padding: 0; 
    }    
    .Toggle-Div-Menu-Neu-Mai .Toggle-Content-Menu-Neu-Mai:not(:last-of-type) {}
    .Toggle-Div-Menu-Neu-Mai .Toggle-Content-Menu-Neu-Mai .Toggle-Body-Menu-Neu-Mai {
        padding:0;
    }
    input[name='panel']:checked ~ .Toggle-Content-Menu-Neu-Mai {
        overflow-x: hidden;
        max-height:595px; 
    } 
} 
/* Copyright 2024 ebla studio - Full-Service Werbeagentur | https://eblastudio.com/ | eBay-Auktionsvorlage - eBay-Template NR. Artikel-Nr. 10000001057 ---------- */
/*---------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------*/
/*----------SLIDER | BANNER -------------*/
.Banner-Hero-Container{
    overflow: hidden;
    margin: 0px auto 0 auto;
    padding:0; 
    display: flex;
    align-items: center;
    justify-content: center;
}
.Banner-Hero-Container img{
    padding: 0;
    margin: 0 auto;
    height: 100%;
    max-width: auto;
    background-repeat: no-repeat;
    background-position: center center;;
    background-size: cover !important;
    object-fit: cover;
}
.slider-ganz-Container{
    margin: 10px 0px 10px 0px; 
    padding: 0;
}
.slider-div {
    overflow: hidden;
    margin: 0;
    padding:0; 
}
.slider-carousel {
    position: relative; 
    margin:0;
    padding: 0;
}
.slider-content {
    position: relative; 
    overflow: hidden; 
    margin: 0;
    padding: 0;
}
.slider-input:checked + .slider-item {
    position: relative; 
    opacity: 100;
    margin: 0;
    padding: 0;
}
.slider-item {
    position: absolute;
    overflow: hidden; 
    opacity: 0; 
    padding: 0;
    margin: 0;
}
.slider-item a img {
    display: block;
    object-fit: cover;
    height: auto;
    width: 100%;
    margin: 0 auto;
    padding: 0;
}
.slid-control {
    color: var(--bk-03); 
    position: absolute; 
    display: none;
    cursor: pointer; 
    text-align: center; 
    font-size: var(--tx-30); 
    opacity: 1; 
    top: 50%; 
    z-index: 10;
    padding: 10px;
    margin: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%); 
    transform: translate(0, -50%); 
}
.slider-div:hover .slid-control {
    opacity:1;
}
.slid-control.prev {
    left: 3%;
}
.slid-control.next {
    right: 3%;
}
.slid-control:hover {
    color: var(--bk-02);
}
#carousel-1:checked ~ .control-1,
#carousel-2:checked ~ .control-2,
#carousel-3:checked ~ .control-3 {
    display: block;
}
.slid-nav {
    list-style: none; 
    position: absolute; 
    text-align: center;
    z-index: 10;
    opacity: 1;
    bottom: 0; 
    left: 0; 
    right: 0; 
    margin: 0; 
    padding: 0;   
}
.slider-div:hover .slid-nav {
    opacity: 1;
}
.slid-nav li {
    display: inline-block; 
    margin: 0;
    padding: 0px 5px;
}
.slider-dot {
    color: var(--gr-05); 
    cursor: pointer; 
    display: block; 
    font-size: var(--tx-25);
    margin: 0;
    padding: 0;
}
.slider-dot:hover {
    color: var(--pr-);
}
#carousel-1:checked ~ .control-1 ~ .slid-nav li:nth-child(1) .slider-dot,
#carousel-2:checked ~ .control-2 ~ .slid-nav li:nth-child(2) .slider-dot,
#carousel-3:checked ~ .control-3 ~ .slid-nav li:nth-child(3) .slider-dot {
    color: var(--bk-02);
} 
/*----------ARTIKELBILDER-GALERIE | ARTIKELBILDER | Vorschaubild | Thumbnail | DAS KLEINE VORSCHAU-BOX-------------*/
.main-container{
    margin: 0 0 0px 0; 
    padding:0;
}
.Artikel-Container {
    padding: 0px 0;
    /*--text-align: center;--*/
}
.Artikelbilder-Galerie {
    display:inline-block; 
    position:relative; 
    width:100%; 
    height:auto;
}
.Artikelbilder-Galerie > .anker {
    display:none;
}
.Artikelbilder-Galerie > ul {
    position:relative;
    z-index:1;
    line-height:0;
    margin:0 auto;
    padding:0;
    height:auto;
    overflow:hidden;
    white-space:nowrap;
}
.Artikelbilder-Galerie > ul > .slide.img img {
    width:100%;
    height:auto;
}
.Artikelbilder-Galerie > ul > .slide {
    position:relative;
    display:inline-block;
    width:100%;
    height:auto;
    overflow:hidden;
    line-height: normal;
    white-space: normal;
    vertical-align:top;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    -webkit-transform:translate3d(0, 0, 0);
    transform:translate3d(0, 0, 0);
}
.Artikelbilder-Galerie > .Vorschaubild {
    position:absolute;
    left:0;
    width:100%;
    height:auto;
    z-index:6;
    text-align:center;
}
.Artikelbilder-Galerie > .Vorschaubild > div {
    margin-left:-50%;
    width:100%;
}
.Artikelbilder-Galerie > .Vorschaubild > label {
    position:relative;
    display:inline-block;
    cursor:pointer;
}
.Artikelbilder-Galerie > .Vorschaubild {
    bottom:5px;
    margin-bottom:5px;
}
.Artikelbilder-Galerie > .Vorschaubild > label {
    border-radius:50%;
    margin:0 5px;
    padding:9px;
    background:none;
}
.Artikelbilder-Galerie > .Vorschaubild > label > .anker {
    position:absolute;
    left:50%;
    top:50%;
    margin-left:-2px;
    margin-top:-2px;
    background: transparent;
    border-radius: 50%;
    padding: 2px;
}
.Artikelbilder-Galerie > .Vorschaubild > label:hover > .anker,
.Artikelbilder-Galerie > #slide1:checked~.Vorschaubild > label.Artikelbild1>.anker,
.Artikelbilder-Galerie > #slide2:checked~.Vorschaubild > label.Artikelbild2>.anker,
.Artikelbilder-Galerie > #slide3:checked~.Vorschaubild > label.Artikelbild3>.anker,
.Artikelbilder-Galerie > #slide4:checked~.Vorschaubild > label.Artikelbild4>.anker {
    background:none;
}
.Artikelbilder-Galerie {
    height: auto;
    max-height: auto;
    margin-bottom:0;
    text-align: center;
}
.Artikelbilder-Galerie img {
    border-radius: 5px;
}
.Artikelbilder-Galerie .Vorschaubild {
    position:relative;
    width: 100%;
    text-align: left;
    margin-top: 10px;
}
.Artikelbilder-Galerie > .Vorschaubild > label {
    box-sizing: border-box;
    border-radius: none;
    margin: 0 auto;
    padding:5px;
    background: none;
    text-align: center;
}
.Artikelbilder-Galerie > .Vorschaubild > label img {
    margin:0 auto;
    max-height:115px;
    width:auto;
}
.Artikelbilder-Galerie > #slide1:checked~.Vorschaubild > label.Artikelbild1> img,
.Artikelbilder-Galerie > #slide2:checked~.Vorschaubild > label.Artikelbild2> img,
.Artikelbilder-Galerie > #slide3:checked~.Vorschaubild > label.Artikelbild3> img,
.Artikelbilder-Galerie > #slide4:checked~.Vorschaubild > label.Artikelbild4> img {
    border:2px solid var(--sk-);
}
.Artikelbilder-Galerie > ul > .slide.img img {
    width: auto;
    max-width: 100%;
    max-height: 100%;
    margin:0 auto;
}
.Artikelbilder-Galerie > ul > .slide {
    text-align:center;
}
.Artikelbilder-Galerie img {
    box-shadow: none;
    width:100%;
    height:auto;
    max-width:100%;
}
/*----------ORIGINALE ARTIKELBILDER-GALERIE---------------*/
.Artikelbilder-Galerie > #slide1:checked~ul > .slide.Artikelbild1,
.Artikelbilder-Galerie > #slide2:checked~ul > .slide.Artikelbild2,
.Artikelbilder-Galerie > #slide3:checked~ul > .slide.Artikelbild3,
.Artikelbilder-Galerie > #slide4:checked~ul > .slide.Artikelbild4 {
    opacity:1; z-index:2;
}
/*----------ANIMATION DER ARTIKELBILDER-GALERIE-------------*/
.Artikelbilder-Galerie > ul > .slide {
    display:inline-block;
    position:absolute;
    left: 0;
    top: 0;
    opacity: 0;
    z-index: 1;
    -webkit-transition: opacity 1000ms ease;
    transition: opacity 1000ms ease;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
}
/*----------DIE GRÖßE DER ARTIKELBILDER-GALERIE-------------*/
.Artikelbilder-Galerie {
    max-width:480px;
}
.Artikelbilder-Galerie > ul {
    height:480px;
}
.Artikelbilder-Galerie > ul > .slide.img img {
    max-height:480px;
    width:auto;
    margin:0 auto;
}
.Artikelbilder-Galerie > .Vorschaubild > label img {
    max-height:120px;
    width:auto;
    margin:0 auto
}
/* Copyright 2024 ebla studio - Full-Service Werbeagentur | https://eblastudio.com/ | eBay-Auktionsvorlage - eBay-Template NR. Artikel-Nr. 10000001057 ---------- */
/*----------ARTIKELDETAILS - KAUFEN-BUTTON ------------------------------------*/
.Content-Container{
    margin: 15px 0px 0px 0px  ;
    padding: 0;
    
}
.main-container h1{
    text-align: left;
    color: var(-- --Artikeldetails--Kisten-Farben-Hintergrund); 
    background: var(--pr-); 
    font-size:var(--tx-18);
    font-weight: 400;
    border-bottom: 5px solid var(--sk-);
    border-image: var(--sk-Verlauf); 
    margin: 5px 0px 0px 0px;
    padding:15px;
}
.Artikeldetails {
    
    text-align: left; 
    font-size:var(--tx-14);
    padding: 00px 10px 0px 10px; 
    margin: 0;

}
.Artikeldetails h2 {
    font-size: 18px; 
    color:var(--bk-00); 
    margin:0px 0px 0px 0px;
    background-color: var(--Artikeldetails--Kisten-Farben-Hintergrund);
    border: 2px solid  var(--Tabs-Unter-und-Umrahmten-linien);
    border-radius: 5px;
    padding: 15px;
}
.Artikeldetails h4 {
    font-size: 30px; 
    color:var(--bk-00); 
    margin:0 0 10px 0; 
    padding:0;
}
.Artikeldetails h4 small del {
    font-size: 14px;
    color: var(--bk-04);
}
.Artikeldetails .inkl-MwSt {
    font-size:var(--tx-12); 
    color:var(--bk-04);
}
.Artikeldetails .Icon-Code-HTML-Artikeldetails{
    color: var(--Artikeldetails-ICONS);
}
.Artikeldetails ul{
    margin: 10px 0px 10px 20px; 
    padding:0;
}
.Artikeldetails ul li {
    list-style-type:none; 
    color:var(--bk-02); 
    text-indent: -15px; 
    border-bottom:1px dotted var(--Alle-Keline-Linien-Farbe); 
    background:#fff; 
    font-weight:400; 
    font-size: var(--tx-14);
    padding: 5px 0 5px 15px;
}
.Artikeldetails hr {
    width:100%; 
    height:1px; 
    background-color: none; 
    border:none; 
    border-bottom:1px solid var(--Alle-Keline-Linien-Farbe); 
    margin:10px 0; 
    padding:0;
}
.Komplette-Kaufen-Butten-Bereich{
    background-color: var(--Artikeldetails--Kisten-Farben-Hintergrund);
    border: 2px solid  var(--Tabs-Unter-und-Umrahmten-linien);
    border-radius: 5px;
    margin: 0;
    padding: 15px;
}
a.Kaufen-Button {
    display:block; 
    text-decoration:none; 
    text-align: center;
    text-transform: uppercase;
    color:var(--Kaufen-Button-Farbe); 
    background-color:var(--pr-);
    /*----------------------------box-shadow: rgba(0, 0, 0, 0.35) 0px -50px 30px -35px inset;------------------------------------*/
    font-size: 20px; 
    font-weight: 600;
    padding: 10px 0px; 
    margin: 0px 0px 0px 0px;
    border-radius: 5px;
    transition: 0.4s;
}
a.Kaufen-Button:hover{
    background-color: var(--Kaufen-Button-HOVER);
}
a.Kaufen-Button .Kaufen-Button_ICON{
    color:var(--Kaufen-Button-Farbe);
}
a.Kaufen-Button i {
    padding-right: 20px;
} 
a.Unter-dem-Kaufen-Button {
    display:block; 
    font-size:12px; 
    background:none; 
    margin:0; 
    padding:4px 0; 
    color:var(--bk-04); 
    text-decoration:none
}
a.Unter-dem-Kaufen-Button:hover {
    color: var(--sk-);
}
.Unter-dem-Kaufen-Button .Unter-dem-Kaufen-Button_ICON{
    color:var(--bk-04); 
}
a.Unter-dem-Kaufen-Button i {
    padding-right:3px
}
/*------------ ARTIKELBESCHREIBUNG - KARTE - TABs-ELEMENTE------------*/
.Tab-ganz-Container{
    background-color: var(--white);
    margin: 0px 0px 0px 0px;
    padding: 0;
}
.tab-container {
    margin: 10px 0px 10px 0px;
    padding: 0; 
    background: var(--Tabs-Farbe);
    text-align: center;
}
.tab-container input[type=radio] {
    display: none;
    
}
.tab-container label:nth-child(2){
    border-left: 2px solid  var(--Tabs-Unter-und-Umrahmten-linien);
}
.tab-container label {
    color: var(--Tabs-TX-Farbe) ; 
    background-color: var(--Tabs-Spalten-Farbe);
    text-decoration: none; 
    cursor: pointer;
    overflow: hidden;
    position: relative;
    display: block; 
    float: left;
    width: 33.33333333%;
    font-size: 16px; 
    font-weight: 700; 
    text-transform: uppercase;
    padding: 15px 0px; 
    margin: 0px;
    transition: 0.4s;
    border-right: 2px solid  var(--Tabs-Unter-und-Umrahmten-linien);
    border-top: 2px solid  var(--Tabs-Unter-und-Umrahmten-linien);
    border-bottom: 2px solid  var(--Tabs-Unter-und-Umrahmten-linien);
}

.tab-container label:hover {
    background: var(--Tabs-Hover-Farbe) ;
    background-image: var(--Tabs-Hover-Farbe-Verlauf);
    color: var(--Tabs-tx-Hover-Farbe);
}
.tab-container label::after{
    content: '';
	position: absolute;
    width: 100%;
	bottom: 0;
	left: 0;
	height: 3px;
	background-color: var(--Tabs-Animierte-Unterlinien);
    transform-origin: center;
	opacity: 0;
	transition: opacity 300ms, transform 300ms;
	transform: scale(0);
}
.tab-container label:hover::after,
.tab-container label:focus::after{
    opacity: 1;
	transform: translate3d(0, 0.5em, 0);
    transform: scale(1);
}
.tab-container label span {
    display:inline-block;
}
.tab-content {
    display: none; 
    width: 100%; 
    float: left; 
    text-align: left;
    box-sizing: border-box; 
    background: var(--Tabs-komplette-Farbe-der-Hintergrund); 
    padding: 0px 120px; 
    margin: 0px 0 0 0;
}
.tab-container [id^="tab"]:checked + label {
    transition: 0.4s;
    background: var(--Tabs-Aktive-Farbe) ;
    color: var(--Tabs-tx-Aktive-Farbe);
    /*----------------------------box-shadow: rgba(0, 0, 0, 0.35) 0px -50px 30px -35px inset;------------------------------------*/
}
#tab1:checked ~ #tab-content1,
#tab2:checked ~ #tab-content2,
#tab3:checked ~ #tab-content3,
#tab4:checked ~ #tab-content4 {
    display:block;
}
.tab-container:after {
    content:''; 
    display: table; 
    clear: both;
}
.tab-content h1 {
    color: var(--bk-00); 
    background: none; 
    border: none; 
    font-size: var(--tx-20); 
    font-weight: 700; 
    border-bottom:1px dotted var(--Alle-Keline-Linien-Farbe); 
    margin: 20px 0px 10px 0px; 
    padding: 0px 0px 10px 0px;
}
.tab-content h2 {
    color: var(--bk-00); 
    background: none; 
    border: none; 
    font-size: var(--tx-20); 
    font-weight: 700; 
    border-bottom:1px dotted var(--Alle-Keline-Linien-Farbe); 
    margin: 20px 0px 10px 0px; 
    padding: 0px 0px 10px 0px;
}
.tab-content h3 {
    color: var(--bk-00); 
    background: none; 
    border: none; 
    font-size: var(--tx-20); 
    font-weight: 700; 
    border-bottom:1px dotted var(--Alle-Keline-Linien-Farbe); 
    margin: 10px 0px 10px 0px; 
    padding: 0px 0px 10px 0px;
}

.tab-content ul {
    margin: 0;
    padding: 0;
}
.tab-content ul li {
    list-style-type: none; 
    color: var(--bk-02); 
    text-indent: -10px; 
    border-bottom: 1px dotted var(--Alle-Keline-Linien-Farbe); 
    background: var(--Tabs-Listen-Farben-Hintergrund); 
    font-weight: 400; 
    font-size: 14px;
    margin: 0;
    padding: 7px 7px 7px 25px; 
}
.tab-content .Icon-Code-HTML{
    color: var(--pr-);
}
#tab-content2 p{
    border-bottom: 1px dotted var(--Alle-Keline-Linien-Farbe);
    padding: 15px;
    margin: 0;
}
.tab-content3-p-1{
    background-color: var(--Tabs-Paragraph-Hintergrund);
    color: var(--bk-02);

    padding: 15px;
}
.tab-content3-p-2{
    color: var(--bk-02);
    border: 1px dotted var(--sk-);
    padding: 15px;
}
.Beschreibung-p-1{
    background-color: var(--Tabs-Paragraph-Hintergrund);
    color: var(--bk-02);
    padding: 15px;
}
.Beschreibung-p-2{
    background-color: var(--Tabs-Paragraph-Hintergrund);
    color: var(--bk-02);
    padding: 15px;
    margin: 10px 0px;
}
.tab-content3-p-3{
    background-color: var(--Sonstige-Paragraph-Beschreibung-Lizenz);
    color: var(--bk-01);
    padding: 15px;
}
.Tab-ganz-Container .tab-content .Icons-ZV{
    height: 35px;
    width: auto;
    margin: 5px;
}
.Tab-ganz-Container .Icon-Code-Pfeil-HTML-Tabs{
    color: var(--Icon-Code-Pfeil-HTML-Tabs);
    padding-right: 3px;
}
.Tab-ganz-Container .Icon-Code-Pfeil-HTML-Lieferung{
    color: var(--Icon-Code-Pfeil-HTML-Lieferung);
    padding-right: 3px;
}
.tab-content .tab-content-Bilder{
    display: inline-block;
    position: relative;
    margin: 0;
    padding: 0;
}
.tab-content .tab-content-Bilder img{
    object-fit: cover;
    height: auto;
    max-width: 100%;
    margin: 0px;
    padding: 0px 0px 10px 0px;
}
@media (max-width: 992px){
    .tab-content .tab-content-Bilder{
        margin: 0px 0px 5px 0px;
    }
}
@media (max-width: 767px){
    .tab-container label:nth-child(2){
        border-left: 0px solid  var(--Tabs-Unter-und-Umrahmten-linien);
    }
}
/*----------------------------------------------------------------*/
/*------------------------ Info Boxes Mai--------------------------------------------------------*/
/*------------------------ Info Boxes Mai--------------------------------------------------------*/
.Info-Box-Mai-Container{
    background-color: var(--pr-hell-02);
    margin: 30px 0px 20px 0px;
    padding: 0;
    
}
.Info-Box-Mai-div{
    margin: 0;
    padding: 40px;
}
.Info-Box-Mai-div-innen{
    background-color: var(--white);
    margin: 0px;
    padding: 20px;
    border-radius: 5px;
}
.Info-Box-Mai-div-innen p{
    font-size: 14px;
}
.Info-Box-Mai-div-innen h1{
    font-size: 28px;
    
    text-align: center;
    font-weight: 700;
    background-color: var(--pr-);
    color: var(--white);
    border: none !important;
    border-radius: 5px;
    margin: 0px 0px 20px 0px;
    padding: 10px;

}
.Info-Box-Mai-div-innen h1 .Info-Box-Mai-icon{
    color: var(--white);
    border: none !important;
    font-size: 28px;
    margin: 0px 25px 0px 0px;

}
@media (max-width: 767px){
    .Info-Box-Mai-div{
        padding: 30px;
    }
    .Info-Box-Mai-div-innen h1{
        font-size: 24px;
    }
    .Info-Box-Mai-div-innen h1 .Info-Box-Mai-icon{
        font-size: 24px;
    }
}
@media (max-width: 467px){
    .Info-Box-Mai-div{
        padding: 30px;
    }
    .Info-Box-Mai-div-innen h1{
        font-size: 20px;
        padding: 5px;
    }
    .Info-Box-Mai-div-innen h1 .Info-Box-Mai-icon{
        font-size: 20px;
    }
    .Info-Box-Mai-div-innen p{
        font-size: 12px;
    }
}
/*----------------------------------------------------------------*/
/*------------------------Headline BG--------------------------------------------------------*/

.Headline-bg-Container{
    background-color: var(--pr-02);
    text-align: center;
    margin: 0;
    padding: 0px;
    border-bottom: 0px solid var(--pr-hell-05);
}
.Artikel-Headline{
    margin: 15px 0 0 0;
    padding: 0;
    border-bottom: 0px solid #000;
    border-top: 0px solid #000;
}
.Headline-bg-div{
    padding: 15px;
}
.Headline-bg-Container h1 {
    background-color: var(--white) !important;
    color: var(--Headlines-Farbe);
    text-align: center !important;
    font-size: 22px ;
    font-weight: 700;
    border: none !important;
    border-radius: 5px;
    margin: 0;
    padding: 10px 0px;
}
.Headline-bg-Container .Headline-bg-Container-Icon {
    color: var(--pr-);
    background-color: none !important;
    margin-right: 15px;
}
@media (max-width: 767px){
    .Headline-bg-Container{
        padding: 10px;
    }
    .Headline-bg-Container h1 {
        font-size: 18px;
    }
    .Artikel-Headline{
        margin: 7px 0 0 0;
    }
}
@media (max-width: 467px){
    .Headline-bg-div{
        padding: 7px;
    }
    .Headline-bg-Container h1 {
        font-size: 16px;
    }
}
/*----------------------------------------------------------------*/
/*---------------------------- Angebote und Kategorien --- Kategorien Kasten Container ------ MAI------------------------------*/
.Kategorien-Kasten-Container{
    position: relative;
    display: block;
    margin: 0;
    padding: 0px 0px 0px 0px;
}
.Kategorien-Kasten-Container h1 {
    background-color: var(--pr-hell-04);
}
.Kategorien-Kasten-box-1{
    margin: 0;
    padding: 0px;

}
.Kategorien-Kasten-div-1{
    display: block;
    position: relative;
    margin: 10px;
    padding: 10px;
    text-align: center;
    background-color: var(--pr-hell-03);
    border-radius: 5px;
    transition: 0.4s;

}
.Kategorien-Kasten-div-1:hover{
    box-shadow: rgba(0, 0, 0, 0.30) 0px -50px 40px -15px inset, var(--pr-hell-04) 0px 0px 0px 2px;
}
.Kategorien-Kasten-div-1-Kategorie{
    display: block;
    position: relative;
    margin: 10px 10px 30px 10px;
    padding: 10px;
    text-align: center;
    background-color: var(--pr-hell-03);
    border-radius: 5px;
    transition: 0.4s;
}
.Kategorien-Kasten-div-1-Kategorie:hover{
    box-shadow: rgba(0, 0, 0, 0.30) 0px -50px 40px -15px inset, var(--pr-hell-04) 0px 0px 0px 2px;
}
.Kategorien-Kasten-Link-Kategorie{
    position: relative;
    display: block;
    opacity: 1;
    transition: 0.4s;
    padding: 0;
    margin: 0;
}
.Kategorien-Kasten-box-1 h3{
    text-decoration:none; 
    list-style: none;
    color: var(--bk-00);
    background-color: var(--white);
    position: absolute;
    z-index: 6;
    font-size: 12px;
    font-weight: 700;
    top: 0;
    right: 0;
    padding: 7px;
}
.Kategorien-Kasten-box-1 .Kategorien-Kasten-Name{
    text-decoration:none; 
    list-style: none;
    color: var(--bk-00);
    background-color: var(--white);
    text-align: center;
    overflow: hidden;
    font-size: 16px;
    font-weight: 700;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    padding: 10px 0px;
    opacity: 1;
}
.Kategorien-Kasten-box-1 .Kategorien-Kasten-Name-Kategorie{
    text-decoration:none; 
    list-style: none;
    color: var(--bk-00);
    background-color: var(--white);
    overflow: hidden;
    font-size: 16px;
    font-weight: 700;
    transition: 0.4s;
    padding: 10px 0px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
}
.Kategorien-Kasten-box-1 a {
    text-decoration:none; 
    list-style: none;
    border:none; 
    color: var(--bk-00);
}
.Kategorien-Kasten-Container .Kategorien-Kasten-box-1 .Kategorien-Kasten-Icons{
    display: block;
    color: var(--white);
    background-color: var(--pr-);
    /*----------------------------box-shadow: rgba(0, 0, 0, 0.35) 0px -50px 30px -35px inset;------------------------------------*/
    padding: 10px;
    margin-right: 10px;
    border-radius: 50%;

}
.Kategorien-Kasten-Container .Kategorien-Kasten-box-1 .Kategorien-Kasten-Icons-Kategorie{
    color: var(--white);
    background-color: var(--pr-);
    /*----------------------------box-shadow: rgba(0, 0, 0, 0.35) 0px -50px 30px -35px inset;------------------------------------*/
    padding: 7px;
    margin-right: 10px;
    border-radius: 50%;
}
.Kategorien-Kasten-box-1 p{
    text-align: center;
    color: var(--bk-00);
    font-size: 12px;
    padding: 0px;
    margin: 0;
    
}
.Kategorien-Kasten-Link img{
    max-width:100%;
    height:auto;
    margin: 0;
    padding: 0;
    overflow: hidden;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
}
.Kategorien-Kasten-div-1-Kategorie img {
    max-width:100%;
    height:auto;
    overflow: hidden;
    padding: 0;
    margin: 0;
    border-radius: 0px;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
}
@media (max-width: 767px){
    .Kategorien-Kasten-div-1{
        margin: 10px;
        padding: 10px;
    }
    .Kategorien-Kasten-box-1 .Kategorien-Kasten-Name{
        font-size: 14px;
        padding: 7px 0px;
    }
    .Kategorien-Kasten-box-1 p{
        font-size: 10px;
        padding-bottom: 0px;
    }
    .Kategorien-Kasten-box-1 .Kategorien-Kasten-Name-Kategorie{
        font-size: 14px;
        padding: 10px 0px;
    }

}
@media (max-width: 490px){
    .Kategorien-Kasten-box-1 h3{
        font-size: 10px;
        padding: 5px;
    }
    .Kategorien-Kasten-Container .Kategorien-Kasten-Icons{
        padding: 6px;
        font-size: 10px;
        border-radius: 100%;
        margin-right: 5px;
    }
    .Kategorien-Kasten-Container .Kategorien-Kasten-Icons-Kategorie{
        padding: 6px;
        font-size: 10px;
        border-radius: 100%;
        margin-right: 5px;
    }
}
@media (max-width: 412px){
    .Kategorien-Kasten-box-1 p{
        padding: 10px;
    }
}
/*------------------------Alle Angebote Ansehen--------------------------------------------------------*/
.Alle-Angebote-Container{
    background-color: var(--pr-02);
    text-align: center;
    margin: 0;
    padding: 0px;
    border-bottom: 0px solid var(--pr-hell-05);
    border-top: 0px solid var(--pr-hell-05);
}
.Alle-Angebote-div{
    background-color: var(--white);
    border-radius: 5px;
    padding: 25px;
    margin: 25px;
}
.Alle-Angebote-innen-div {
    padding: 0;
    margin: 0px 0 0 0;
}
.Alle-Angebote-Container .Alle-Angebote-innen-div a {
    text-decoration: none;
    color: var(--white);
    background-color: var(--pr-);
    /*----------------------------box-shadow: rgba(0, 0, 0, 0.35) 0px -50px 30px -35px inset;------------------------------------*/
    transition: 0.4s;
    font-size: 18px ;
    border-radius: 5px;
    margin: 00px 0px 0px 0px;
    padding: 7px 25px;
}
.Alle-Angebote-Container .Alle-Angebote-innen-div a:hover{
    background-color: var(--sk-);
    color: var(--white);
}
.Alle-Angebote-Container .Alle-Angebote-innen-div h1 {
    color: var(--Headlines-Farbe);
    text-align: center !important;
    font-size: 22px ;
    font-weight: 700;
    border: none !important;
    border-radius: 5px;
    margin: 0px 0 0px 0;
    padding: 0;
}
.Alle-Angebote-Container .Alle-Angebote-innen-div .Alle-Angebote-Container-Icon {
    color: var(--pr-);
    background-color: none !important;
    margin-right: 15px;
}
@media (min-width: 992px) and (max-width: 1200px) {
    .Alle-Angebote-Container .Alle-Angebote-innen-div h1 {
        font-size: 20px ;
    }
    .Alle-Angebote-Container .Alle-Angebote-innen-div a {
        font-size: 18px ;
    }
}
@media (max-width: 991px){
    .Alle-Angebote-Container .Alle-Angebote-innen-div h1 {
        margin: 0px 0 25px 0;
    }
}
@media (max-width: 767px){
    .Alle-Angebote-Container .Alle-Angebote-innen-div h1 {
        font-size: 18px ;
    }
    .Alle-Angebote-Container .Alle-Angebote-innen-div a {
        font-size: 16px ;
    }
    .Alle-Angebote-Container .Alle-Angebote-innen-div .Alle-Angebote-Container-Icon {
        margin-right: 7px;
    }

}
@media (max-width: 467px){
    .Alle-Angebote-div{
        padding: 20px;
        margin: 15px;
    }

}
/* Copyright 2024 ebla studio - Full-Service Werbeagentur | https://eblastudio.com/ | eBay-Auktionsvorlage - eBay-Template NR. Artikel-Nr. 10000001057 ---------- */

/* ------ FOOTER CONTAINER ------- */
.Footer-Container {
    background-color: var(--Footer-Farbe) ; 
    margin-top: 0px; 
    padding-bottom:20px; 
    border-top: 1px solid var(--Footer-Border-Farbe);
}
.Footer-Boxes h1 {
    font-weight:400; 
    font-size: 18px; 
    background-color: var(--Footer-Farbe);
    color: var(--Footer-TX); 
    margin:0 0 10px 0; 
    margin-top:15px; 
    padding:10px; 
    border-bottom: 1px dotted var(--Footer-Border-Farbe);
}
.Footer-Boxes ul.Footer-Menu {
    border:none; 
}
.Footer-Boxes ul.Footer-Menu li {
    list-style: none;
    border-bottom: 1px dotted var(--Footer-Border-Farbe);
    padding: 5px 0; 
    margin: 0;
}
.Footer-Boxes ul.Footer-Menu li:hover{
    background-color: var(--Footer-Links-MENU_HG-Hover);
}
.Footer-Boxes ul.Footer-Menu li a {
    color: var(--Footer-TX);
    text-decoration: none;
}
.Footer-Boxes ul.Footer-Menu li a:hover {
    color: var(--Footer-Links-Hover);
}
.Footer-Boxes p {
    font-weight:400; 
    font-size:14px; 
    color: var(--Footer-TX);
}
.Footer-Boxes {
    padding:0 40px
}
.Footer-Boxes .Footer_ICONS_Farbe{
    color: var(--pr-);
    background-color: var(--Footer-Farbe);
}
a.Footer-Box-3 {
    margin: 15px 0; 
    display:block; 
    background-color: var(--pr-03) ; 
    /*----------------------------box-shadow: rgba(0, 0, 0, 0.35) 0px -50px 30px -35px inset;------------------------------------*/
    padding:8px 0; 
    font-size:14px; 
    font-weight: 400; 
    color: var(--Footer-Kontakt-TX-Normal) !important; 
    text-decoration:none; 
    text-align: center;
    border-radius: 3px;
    transition: 0.4s;
}

a.Footer-Box-3:hover {
    background: var(--Footer-Kontakt-Hover);
}
a.Footer-Box-3 .Footer-Box-3_Kontakt_ICON{
    color: var(--Footer-Kontakt-TX-Normal) !important; 
}
.Info-Ueber-Footer{
    text-align: center;
    background-color: var(--Infos-ueber-dem-Footer-HG);
    padding: 25px;
}
.Info-Ueber-Footer .Info-Ueber-Footer-text {
    color:var(--black1);
    border-radius: 3px;
    font-size: 16px;
    background-color: var(--Infos-ueber-dem-Footer-Kasten-HG) ;
    color: var(--Infos-ueber-dem-Footer-TX);
    padding: 15px;
}
.Info-Ueber-Footer .Icon-Code-HTML-Ueber-Footer{
    color: var(--Infos-ueber-dem-Footer-Icons);
}
.Icons-ZV-Footer-Container{
    text-align: center;
}
.Icons-ZV-Footer-Container .Icons-ZV-Footer{
    height: 30px;
    width: auto;
    margin: 5px;
}
/* Copyright 2024 ebla studio - Full-Service Werbeagentur | https://eblastudio.com/ | eBay-Auktionsvorlage - eBay-Template NR. Artikel-Nr. 10000001057 ---------- */
/*----------------------------------Media Query------------------------------------------------*/ 
/*----------------------------------Min Width 992 & Max Width 1200------------------------------*/ 
@media (min-width: 992px) and (max-width: 1200px) {
    .info-box {
        padding: 0 0 0 250px;
    }
    .Artikelbilder-Galerie {
        max-width: 390px;
    }
    .Artikelbilder-Galerie > ul {
        max-height: 390px;
        width: auto;
    }
    .Artikelbilder-Galerie > ul > .slide.img img {
        max-height:390px;
        width: auto;
        margin: 0 auto;
    }
    .Artikelbilder-Galerie > .Vorschaubild > label img {
        max-height: 390px;
        width: auto; 
        margin: 0 auto;
    }
    .Artikeldetails {
        margin:0;
        padding: 0;
        padding-right: 10px;
        padding-left: 10px;
        padding-top: 20px;
        padding-bottom: 10px;
    }
    .Footer-Boxes {
        margin:0; 
        padding:0 15px
    }
    .Info-Ueber-Footer .Info-Ueber-Footer-text {
        padding: 7px;
    }
}
/*----------------------------------Min Width 767 & Max Width 992------------------------------*/ 
@media (min-width:767px) and (max-width: 992px){
    .info-box {
        padding: 0 0 0 150px;
    }
    .Artikel-Container {
        text-align: center;
    }
    .Artikeldetails {
        margin:0;
        padding: 0;
        padding-right: 10px;
        padding-left: 10px;
        padding-top: 20px;
        padding-bottom: 10px;
    }
    .main-container h1 {
        font-size:var(--tx-16);
    }
    .tab-container label {
        font-size: 14px;
    }
    
    .Angebot-box-1-Preis h3, .Angebot-box-2-Preis h3,
    .Angebot-box-3-Preis h3, .Angebot-box-4-Preis h3{
        font-size: var(--tx-12); 
        margin: 10px;
        padding: 9px;
    }
    .Angebot-box-1 small, .Angebot-box-2 small,
    .Angebot-box-3 small, .Angebot-box-4 small {
        margin-bottom: 15px; 
    }
    .tab-content {
        padding: 10px 5px; 
    }
}
/*----------------------------------Max Width 767-----------------------------------------------*/
@media (max-width: 767px){
    .logo {
        text-align: center;
    }
    .logo img{
        margin: 0 auto;
    }
    .menu div {
        font-size: var(--tx-12);
    }
    .Artikel-Container {
        text-align: center;
    }
    /*-------Einstellung von dem Verlauf Menau----*/
    #Menu-bar-Container {
        background-color:  var(--Menu-hg-Farbe);
        background-image: none;
    }
    #Taggle-Menu-bar-Label{
        background-color:var(--Menu-hg-Farbe);
        background-image: var(--pr-Verlauf);
    }
    .Li-Tab-Menu-bar {
        background-color:var(--Menu-hg-Farbe);
        background-image: none;
    }
    .Li-Tab-Menu-bar:hover {
        background-color: var( --Menu-Hover-Farbe);
        background-image: none;
    }
    .Ul-Menu-bar li:first-child{
        background-color: var(--sk-);
        background-image: none;
    }
    .Artikelbilder-Galerie {
        max-width:380px;
    }
    .Artikelbilder-Galerie > ul {
        height:380px;
    }
    .Artikelbilder-Galerie > ul > .slide.img img {
        max-height:380px; 
        width:auto; 
        margin:0 auto;}
    .Artikelbilder-Galerie > .Vorschaubild > label img {
        max-height:90px; 
        width:auto; 
        margin:0 auto;
    }
    .Artikeldetails h4 {
        font-size: var(--tx-30) ;
    }

    .tab-container label {
        width: 100%;
        margin: 0;
        padding: 15px 0;
        border-bottom: var(--Tabs-Border-Farbe) 1px solid;
        border-right: 0px solid  var(--Tabs-Unter-und-Umrahmten-linien);
        border-top: 0px solid  var(--Tabs-Unter-und-Umrahmten-linien);
        font-size: 14px;
    }
    .tab-container label span {
        display:inline-block
    }
    .tab-content {
        padding: 10px 5px; 
    }
    .Weitere-Angebote a img  {
        margin: 10px auto 0 auto;
    }
    .Weitere-Angebote h1 {
        border-top-left-radius: 0px;
        border-top-right-radius: 0px;
    }
    .Footer-Boxes {
        padding-bottom:10px;
    }
    .main-container{
        margin: 0 0 10px 0; 
        padding:0;
    }
    .main-container h1 {
        font-size:var(--tx-16);
        margin: 10px 0px 0px 0px;
        padding:15px;
    }
    .Info-unter-dem-menu{
        padding: 0px;
    }
    .Angebot-box-1-Preis h3, .Angebot-box-2-Preis h3,
    .Angebot-box-3-Preis h3, .Angebot-box-4-Preis h3{
        font-size: var(--tx-10); 
        margin: 10px;
        padding: 9px;
    }
    .logo img{
        height: auto;
        width: 60%;
    }
    .Angebot-box-1 h2 a {
        font-size: var(--tx-14); 
        font-weight: 600;
        padding-top: 8px !important;
        padding-bottom: 8px !important;
        padding-right: 15px !important;
        padding-left: 0px;
        border-radius: 5px !important;
    }
    .Angebote-Icons{
        padding-top: 11px !important;
        padding-bottom: 10px !important;
        padding-right: 10px !important;
        padding-left: 10px !important;
        border-top-left-radius: 5px !important;
        border-bottom-left-radius: 5px !important;
    }
    .Angebot-box-1-Preis h3, .Angebot-box-2-Preis h3,
    .Angebot-box-3-Preis h3, .Angebot-box-4-Preis h3{
        font-size: var(--tx-10); 
        margin: 15px;
        padding-top: 4px;
        padding-bottom: 4px;
        padding-left: 10px;
        padding-right: 10px;
    }
        .Angebot-box-1 small, .Angebot-box-2 small,
        .Angebot-box-3 small, .Angebot-box-4 small {
        font-size: var(--tx-10);
        margin-bottom: 15px; 
    }
    .Icons-ZV-Footer-Container .Icons-ZV-Footer{
        height: 20px;
    }
    .Tab-ganz-Container .Icons-ZV{
        height: 35px;
        width: auto;
        margin: 5px;
    }
}
/*----------------------------------Min Width 599 & Max Width 767------------------------------*/ 
@media (min-width:599px) and (max-width: 767px){
    .logo img {
        width: 44%;
        text-align: center;
        margin-left: auto;
        margin-right: auto;
    }
}
/*----------------------------------Min Width 510 & Max Width 599------------------------------*/ 
@media (min-width:510px) and (max-width: 599px){
    .logo img {
        width: 52%;
        text-align: center;
        margin-left: auto;
        margin-right: auto;
    }
}

@media (max-width: 420px) {
    .Tab-ganz-Container .tab-content .Icons-ZV{
        height: 30px;
        width: auto;
        margin: 5px;
    }
    .Artikelbilder-Galerie {
        max-width:300px;
    }
    .Artikelbilder-Galerie > ul {
        height:300px;
    }
    .Artikelbilder-Galerie > ul > .slide.img img {
        max-height:320px; 
    }
    .Artikelbilder-Galerie > .Vorschaubild > label img {
        max-height:75px; 
    }
}
/*----------------------------------Max Width 359------------------------------------------------*/
@media (max-width: 359px){}
        /* Copyright 2024 ebla studio - Full-Service Werbeagentur | https://eblastudio.com/ | eBay-Auktionsvorlage - eBay-Template NR. Artikel-Nr. 10000001057 ---------- */