/* Copyright 2024 ebla studio - Full-Service Werbeagentur | https://eblastudio.com/ | eBay-Auktionsvorlage - eBay-Template Artikel-Nr. 10000001160 ---------- */ /*----------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=brygada-1918:400,400i,500,500i,600,600i,700,700i); @import url(https://fonts.bunny.net/css?family=roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i); @import url(https://fonts.bunny.net/css?family=poppins:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700); /*-----------------------------------------------------------------------------------------------------------*/ /*-----------------------------------------------------------------------------------------------------------*/ /*-----------------------------------VARIABLEN------------------------------------------------*/ :root{ /*----Corporate Color - Farbkonzept ---------- */ /*----Primärfarbe ------ */ --pr-: #272d52 ; --pr-02: #1e1f25 ; --pr-03: #18191b ; /*---------- */ /*----Sekundärfarbe ------ */ --sk-: rgb(219, 219, 219); --sk-02: rgb(26, 27, 31) ; --sk-03: #333a4d ; /*---------- */ --pr-TX-dunkel-01: #000000 ; --pr-TX-dunkel-02: #2d3546 ; --pr-TX-dunkel-03: #3b3944 ; --pr-TX-dunkel-04: #65636d ; --pr-TX-dunkel-05: #807f85 ; /*---------- */ --pr-TX-hell-01: #ffffff ; --pr-TX-hell-02: #e9e9e9 ; --pr-TX-hell-03: #dfdfdf ; --pr-TX-hell-04: #c2c2c2 ; --pr-TX-hell-05: #b6b6b6 ; /*---------- */ --pr-dunkel-00: #63656e; --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); --pr-hell-06: rgb(160, 160, 160); /*------------ */ --trt-color: var(--sk-) ; /*---- Header ------ */ --Headerhintergrundfarbe: #fff ; --Header-tx-Farbe: var(--pr-dunkel-01) ; --Header-Linien-OBEN-Farbe: var(--pr-) ; --Icobs-Farbe-Header: var(--pr-dunkel-01) ; /*---- Standard Menu ------ */ --Menu-hg-Farbe: #fff ; --Menu-Hover-Farbe: none ; --Menu-Text-Farbe: rgb(46, 48, 51); --Menu-Text-Hover: rgb(46, 48, 51); --Menu-Trennlinie: rgb(0, 255, 191) ; --Menu-Trennlinie-TOP: none ; --Menu-Trennlinie-BOTTOM: var(--pr-hell-03) ; --Menu-Trennlinie-Left-Right: var(--pr-hell-03) ; --Menu-Aktive: #fff ; --Menu-Aktive-Verlauf: none; --Menu-Icons-Farbe: #fff ; --Menu-Icons-Farbe-Pfeil: var(--pr-dunkel-00) ; --Menu-Animierte-Unterlinien: rgb(46, 48, 51); --Menu-Hamburger-Menu-ICON-HG: #fff ; --Menu-Hamburger-Menu-ICON: #fff ; --Menu-Hamburger-Menu-ICON-Linien: #fff ; --Menu-Hamburger-Menu-Normal: #fff ; --Menu-Hamburger-Menu-Hover: #fff ; --Menu-Hamburger-Menu-Aktive: #fff ; --Menu-Unterkategorie-hg: var(--pr-02) ; --Menu-Unterkategorie-hg-Hover: var(--pr-03) ; --Menu-Unterkategorie-TX: #fff ; --Menu-Unterkategorie-TX-Hover: #fff ; /*---- FULLSCREEN - Menu ------ */ --FULL-Menu-hg-Farbe:#000000 ; --FULL-Menu-Hover-Farbe: var(--pr-hell-05) ; --FULL-Menu-Text-Farbe: #ffffff ; --FULL-Menu-Hamburger-Menu-ICON-HG: rgb(255, 255, 255); --FULL-Menu-Hamburger-Menu-ICON: rgb(56, 55, 59); --FULL-Menu-Hamburger-Menu-ICON-Linien: #fff ; /*---- Slider ------ */ --slider-ganz-Container-BG: #212225 ; /*---- ArtikelGalerie und ArtikelDetails ------ */ --ArtikelGalerie-ArtikelDetails-HG: rgb(255, 255, 255); --Artikeldetails-Liste-HG: rgb(255, 255, 255); --Artikeldetails-Box-01-Icons-Schmuck-Icon-HG: var(--pr-) ; --Artikeldetails-Box-01-Icons-Schmuck-Icon-HG-Hover: var(--pr-02) ; --Artikeldetails-Box-01-Icons-Schmuck-Icon: var(--pr-) ; --Artikeldetails-Box-01-Icons-Schmuck-Icon-Hover: var(--pr-02) ; --Artikeldetails-Box-01-Icons-Schmuck-Icon-Border: rgb(0, 26, 255); --Artikeldetails-Box-01-Icons-Schmuck-Icon-Border-Hover: rgb(131, 59, 119); --Artikeldetails--Kisten-Farben-Hintergrund: var(--pr-hell-02) ; --Artikeldetails--Kisten-Farben-Hintergrund-Hover: rgb(227, 230, 228) ; --Artikeldetails--Komplette-Kaufen-Butten-Bereich-HG: #fff ; --Artikeldetails--Kisten-ul-HG: #fff; --Artikeldetails--Kisten-Farben-Hintergrund-AussenLinien: var(--pr-) ; --Artikeldetails-ICONS: var(--pr-) ; --Artikeldetails--Artikelbezeichnung-H1-HG: var(--sk-) ; --Artikeldetails--Artikelbezeichnung-H1-TX: #fff ; --Artikeldetails--Artikelbezeichnung-H1-Border: var(--sk-) ; --Kaufen-Button-HG: var(--pr-) ; --Kaufen-Button-HG-Hover: var(--pr-02) ; --Kaufen-Button-TX: #fff; --Kaufen-Button-TX-Hover: #fff; --Kaufen-Button-Icon: #fff; --Unter-Kaufen-Button-HG: #fff ; --Unter-Kaufen-Button-HG-Hover: var(--pr-hell-01) ; --Unter-Kaufen-Button-HG-Border: var(--pr-) ; --Unter-Kaufen-Button-TX: var(--pr-TX-dunkel-02); --Unter-Kaufen-Button-TX-Hover: var(--pr-TX-dunkel-01); --Unter-Kaufen-Button-Icon: var(--pr-) ; --ArtikelDetails-tx-dunkel: var(--pr-TX-dunkel-02); --ArtikelDetails-tx-hell: #fff ; --ArtikelDetails-tx-grau: var(--bk-04) ; --ArtikelDetails-Border-Linien: var(--pr-) ; /*---- Tabs Farben --------- */ --Tab-Ganz-Fluid-Container-HG: #fff ; --Tab-Ganz-Spalten-HG: none ; --Tabs-Spalten-HG: var(--pr-hell-01) ; --Tabs-Spalten-HG-Hover: var(--pr-hell-02) ; --Tabs-Spalten-TX: var(--pr-TX-dunkel-02) ; --Tabs-Spalten-TX-Hover: var(--pr-TX-dunkel-02) ; --Tabs-Spalten-Icon: var(--pr-) ; --Tabs-Spalten-Border: var(--pr-) ; --Tabs-Aktiv-HG: var(--pr-) ; --Tabs-Aktiv-HG-Hover: var(--pr-) ; --Tabs-Aktiv-TX: #fff ; --Tabs-Aktiv-TX-Hover: #fff ; --Tabs-Aktiv-Border: var(--pr-) ; --Tabs-Animierte-Unterlinien: var(--pr-) ; --Tabs-Tab-Content-HG: var(--pr-hell-02) ; --Tabs-Tab-Content-Border: none ; --Tabs-Tab-Content-PR-Icons: var(--pr-) ; --Tabs-Tab-Content-Normal-Icons: rgb(42, 0, 230) ; --Tabs-Tab-Content-TX: var(--pr-TX-dunkel-02) ; --Tabs-Tab-Content-TX-HG: #fff ; --Tabs-Tab-Content-TX-HG-Border: var(--pr-) ; --Tabs-Tab-Content-TX02: rgb(64, 11, 133) ; --Tabs-Tab-Content-TX-HG02: rgb(105, 9, 81) ; --Tabs-Tab-Content-TX-HG-Border02: rgb(21, 202, 45) ; /*---- FAQs Tabs --------- */ --FAQs-Tab-HG: #fff ; --FAQs-Tab-HG-hover: var(--pr-hell-01) ; --FAQs-Tab-HG-Aktive: var(--pr-hell-01) ; --FAQs-Tab-Border: var(--pr-) ; --FAQs-Tab-TX: var(--pr-TX-dunkel-02) ; --FAQs-Tab-TX-hover: var(--pr-TX-dunkel-02) ; --FAQs-Tab-TX-Aktive: var(--pr-TX-dunkel-02) ; --FAQs-Tab-Icon: var(--pr-TX-dunkel-02) ; --FAQs-Tab-Icon-HG: #108 ; --FAQs-Tab-Icon-hover: #fff ; --FAQs-Tab-Icon-Aktive: #fff ; --FAQs-Content-HG: #fff ; --FAQs-Content-Border: var(--pr-) ; --FAQs-Content-TX: var(--pr-TX-dunkel-01) ; /*---- Info-Box ------ */ --Info-Box-Ganz-Container-HG: #fff ; --Info-Box-HG: #fff ; --Info-Box-H1-HG: var(--pr-hell-02) ; --Info-Box-H1-TX-Farbe: var(--pr-TX-dunkel-02) ; --Info-Box-H1-Farbe: var(--pr-hell-03) ; --Info-Box-TX: var(--pr-TX-dunkel-02) ; --Info-Box-Icon: var(--pr-TX-dunkel-02) ; --Info-Box-kleine-Icons: var(--pr-TX-dunkel-02) ; /*---- Extra Boxes ------ */ --Extra-Boxes-Ganz-Container-HG: var(--pr-hell-02) ; --Extra-Boxes-TX: var(--pr-dunkel-04) ; --Extra-Boxes-text-HG: #fff ; --Extra-Boxes-text-h1-ICON-HG: var(--pr-) ; --Extra-Boxes-text-h1-ICON-Farbe: #fff ; --Extra-Boxes-Ganz-Container-Border: none ; /*---- Alle Angebote Ansehen ------ */ --Alle-Angebote-Ansehen-Ganz-Container-HG: var(--pr-hell-02) ; --Alle-Angebote-Ansehen-HG: #fff ; --Alle-Angebote-Ansehen-TX: var(--pr-dunkel-04) ; --Alle-Angebote-Ansehen-ICON: var(--pr-) ; --Alle-Angebote-Ansehen-Button-HG: var(--pr-) ; --Alle-Angebote-Ansehen-Button-HOVER: var(--sk-) ; --Alle-Angebote-Ansehen-Button-TX: #fff ; --Alle-Angebote-Ansehen-Border: var(--pr-hell-05) ; /*---- Sidebar Farben ------ */ --Sidebar-Farbe: var(--pr-hell-02) ; --Sidebar-Border-Farbe: var(--pr-) ; --Sidebar-Infos-H1-HG: #fff ; --Sidebar-Infos-H1-HG-Border: var(--pr-hell-03) ; --Sidebar-Infos-H1-TX: var(--pr-TX-dunkel-02) ; --Sidebar-Infos-Normal-TX: #fff ; --Sidebar-Infos-li-HG: var(--pr-) ; --Sidebar-Infos-li-HG-Hover: var(--pr-02) ; --Sidebar-Infos-li-Border: none ; --Sidebar-Infos-ICON: #fff ; /*---- Headline ANGEBOTE ------ */ --Headline-Angebote-HG: var(--pr-hell-02) ; --Headline-Angebote-Innen-HG: #fff ; --Headline-Angebote-TX: var(--pr-TX-dunkel-02) ; --Headline-Angebote-Icon: var(--pr-); --Headline-Angebote-Border: var(--pr-hell-03); /*---- Infos über dem Footer ------ */ --Infos-ueber-dem-Footer-HG: var(--pr-) ; --Infos-ueber-dem-Footer-Kasten-HG: #fff ; --Infos-ueber-dem-Footer-TX: var(--pr-TX-dunkel-01) ; --Infos-ueber-dem-Footer-Icons: var(--pr-) ; /*---- Headline------ */ --Header-Infos-HG: var(--pr-hell-02) ; --Header-Infos-HG-Hover: var(--pr-hell-03) ; --Header-Infos-Kasten-HG: #fff ; --Header-Infos-TX: var(--pr-dunkel-04) ; --Header-Infos-Icons: var(--pr-) ; /*---- Section 01 ------ */ --Section-01-Ganz-Container-HG: var(--pr-hell-02) ; --Section-01-Border: var(--pr-) ; --Section-01-innen-HG: var(--pr-hell-02) ; --Section-01-innen-HG-Hover: var(--pr-hell-01) ; --Section-01-innen-HG-Border: var(--pr-hell-03) ; --Section-01-TX: var(--pr-TX-dunkel-01) ; --Section-01-TX-HG: #fff ; --Section-01-TX-HG-Hover: var(--pr-hell-01) ; --Section-01-TX-Border: var(--pr-hell-03) ; --Section-01-Icon: var(--pr-) ; --Section-01-Icon-Border: var(--pr-) ; /*---- Angebote ------ */ --Angebote-Ganz-Container-HG: none ; /*---- Footer Farben ------- */ --Footer-Ganz-Container-HG: var(--sk-) ; --Footer--Border: var(--pr-hell-05) ; --Footer--Icons: var(--pr-) ; --Footer-Spalten-HG: #ff0000 ; --Footer-Box-HG: #0011ff ; --Footer-Box-HG-Hover: #5eff00 ; --Footer-H1-HG: #fff ; --Footer-H1-Border: var(--pr-) ; --Footer-H1-TX: var(--pr-TX-dunkel-02) ; --Footer-UL-HG: #00ff4c ; --Footer-LI-HG: #fff ; --Footer-LI-HG-Hover: var(--pr-hell-01) ; --Footer-LI-Border: none ; --Footer-LI-TX: var(--pr-TX-dunkel-02) ; --Footer-LI-TX-Hover: var(--pr-TX-dunkel-02) ; --Footer-P-HG: #fff ; --Footer-P-HG-Hover: #00ff55 ; --Footer-P-Border: none ; --Footer-P-TX: var(--pr-TX-dunkel-03) ; --Footer-P-TX-Hover: #00ff6a ; --Footer-Kontakt-Buttom-HG: var(--pr-) ; --Footer-Kontakt-Buttom-HG-Hover: var(--pr-hell-02) ; --Footer-Kontakt-Buttom-TX: var(--pr-TX-dunkel-02) ; --Footer-Kontakt-Buttom-TX-Hover: var(--pr-TX-dunkel-02) ; --Footer-Kontakt-Buttom-Icon: #fff ; --Footer-Kontakt-Buttom-Icon-Hover: #fff; --Footer-GROSS-ICONS: var(--pr-TX-dunkel-03) ; --Footer-GROSS-ICONS-HG: #fff ; --Footer-GROSS-ICONS-HG-Hover: var(--pr-hell-01) ; --Footer-GROSS-ICONS-Border: #1e1f68; /*---- Sonstige Farben ------ */ --Headlines-Farbe: var(--pr-TX-dunkel-01) ; --Weiter-Angebote-Hover-Farbe: var(--pr-03) ; --Alle-Keline-Linien-Farbe: rgb(180, 180, 180) ; --Icons-Farbe: var(--pr-) ; --tx-Hell: #fff; --tx-Dunkel: rgb(0, 255, 42); /*----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; /*--------------------------- --------Schatten box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px, rgb(51, 51, 51) 0px 0px 0px 3px; box-shadow: 0 15px 45px rgba(0, 0, 0, 0.3); box-shadow: rgb(85, 91, 255) 0px 0px 0px 3px, rgb(31, 193, 27) 0px 0px 0px 6px, rgb(255, 217, 19) 0px 0px 0px 9px, rgb(255, 156, 85) 0px 0px 0px 12px, rgb(255, 85, 85) 0px 0px 0px 15px; box-shadow: rgb(85, 91, 255) 0px 0px 0px 3px; box-shadow: rgba(0, 0, 0, 0.40) 0px -50px 40px -15px inset, var(--pr-hell-04) 0px 0px 0px 2px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); font-family: 'Brygada 1918', serif; font-family: 'Roboto', sans-serif; font-family: 'Poppins', sans-serif; ---------------------------------------------------*/ } /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /* Copyright 2024 ebla studio - Full-Service Werbeagentur | https://eblastudio.com/ | eBay-Auktionsvorlage - eBay-Template Artikel-Nr. 10000001160 ---------- */ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*----------------------------------------------------------------ALLGEMEIN-----------------------------------------*/ .Mutter-container{ font-family: 'Poppins', sans-serif; } .container-fluid{ padding: 0; margin: 0; } .container{ margin:0 auto; padding:0; max-width: 1200px; } .row { margin:0; padding:0; } .container-fluid-margin-Padding-0{ padding: 0; margin: 0; } /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /* Copyright 2024 ebla studio - Full-Service Werbeagentur | https://eblastudio.com/ | eBay-Auktionsvorlage - eBay-Template Artikel-Nr. 10000001160 ---------- */ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*--------------------------------------------------------------- HEADER - Infos - LOGO -----------------------------------------*/ .Header-Infos-Container{ background-color: var(--pr-hell-01); margin: 0; padding: 0; border-bottom: 1px solid var(--pr-hell-04); } .Header-Streifen-Fluid{ height: 25px; background-color: var(--pr-); border-bottom: 5px solid var(--Menu-Trennlinie-BOTTOM) ; margin: 0; padding: 0; } /* Copyright 2024 ebla studio - Full-Service Werbeagentur | https://eblastudio.com/ | eBay-Auktionsvorlage - eBay-Template Artikel-Nr. 10000001160 ---------- */ /*--------------------------------------------------------------- LOGO -----------------------------------------*/ .Header-Container{ background-color: #fff; border-bottom: 1px solid var(--pr-hell-04); margin: 0px 0px 0px 0px; padding: 20px 0px 20px 0px; } .Header-div{ margin: 0px 0 0px 0; padding:0; text-align: center; } .Header-Logo img{ display: block; object-fit: cover; text-align: center; height: auto; max-width: 100%; padding: 0; margin: 0 auto; } /*-------box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);--------------------------------------------------------------------*/ /*---------------------------------------------------------------------------*/ @media (max-width: 992px){ .Header-Container{ margin: 0px 0px 0px 0px; padding: 10px 0px 0px 0px; } .Header-div{ margin: 0px auto 10px auto; padding:0; text-align: center; } .Header-Logo img{ float: none; text-align: center; margin: 20px auto; } } @media (max-width: 767px){ .Header-Container{ margin: 0px 0px 10px 0px; padding: 20px 0px 0px 0px; } .Header-Logo img{ height: auto; float: none; text-align: center; margin: 20px auto; } } @media (min-width:599px) and (max-width: 767px){ .Header-Logo img{ height: auto; margin: 0px auto 10px auto; text-align: center; max-width: 50%; } } @media (min-width:510px) and (max-width: 599px){ .Header-Logo img{ height: auto; margin: 0px auto 15px auto; text-align: center; } } @media (max-width: 490px){ .Header-Logo img{ height: auto; margin: 0px auto 15px auto; text-align: center; max-width: 75%; } } /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ .Mneu-Liste-col-01{ margin: 0; padding: 0; } .Mneu-Liste-col-01 .Mneu-Liste-div-01{ margin: 0; padding: 0; } .Mneu-Liste-col-01 .Mneu-Liste-div-01 ul{ display: block; list-style: none; text-decoration: none; float: left; border-radius: 7px; margin: 10px 0px 0px 0px; padding: 5px 25px; border: 0px solid var(--pr-hell-04); } .Mneu-Liste-col-01 .Mneu-Liste-div-01 ul li{ list-style-type: none; display: inline-block; position: relative; vertical-align: middle; transition: all 0.5s; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; line-height: 40px; } .Mneu-Liste-col-01 .Mneu-Liste-div-01 ul li:nth-child(1){ border-right: 1px solid var(--pr-hell-04); margin: 0px 15px 0px 0px; padding: 0px 15px 0px 0px; } .Mneu-Liste-col-01 .Mneu-Liste-div-01 ul li a{ list-style: none; text-decoration: none; display: inline-block; position: relative; vertical-align: middle; overflow: hidden; transition: all 0.5s; color: var(--pr-TX-dunkel-02); letter-spacing: 3px; font-size: 14px; font-weight: 500; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } .Mneu-Liste-col-01 .Mneu-Liste-div-01 ul li a::after { content: ''; position: absolute; text-align: center; width: 100%; bottom: 7px; left: 0; height: 1px; background-color: var(--Menu-Animierte-Unterlinien) ; transform-origin: center; opacity: 0; transition: opacity 300ms, transform 300ms; transform: scale(0); } .Mneu-Liste-col-01 .Mneu-Liste-div-01 ul li a:hover::after, .Mneu-Liste-col-01 .Mneu-Liste-div-01 ul li a:focus::after{ opacity: 1; transform: translate3d(0, 0.5em, 0); transform: scale(1); } .Mneu-Liste-col-01 .Mneu-Liste-div-01 ul li a:hover:before, .Mneu-Liste-col-01 .Mneu-Liste-div-01 ul li a:focus:before, .Mneu-Liste-col-01 .Mneu-Liste-div-01 ul li a:active:before { right: 0; } .Mneu-Liste-col-01 .Mneu-Liste-div-01 ul li:first-child:before { content:''; } @media (max-width: 1200px){ .Mneu-Liste-col-01 .Mneu-Liste-div-01 ul li a{ letter-spacing: 0px; font-size: 14px; } } @media (max-width: 767px){ } /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ .Mneu-Liste-col-02{ margin: 0; padding: 0; } .Mneu-Liste-col-02 .Mneu-Liste-div-02{ margin: 0; padding: 0; } .Mneu-Liste-col-02 .Mneu-Liste-div-02 ul{ display: block; list-style: none; text-decoration: none; float: right; border-radius: 7px; margin: 10px 0px 0px 0px; padding: 5px 25px; border: 0px solid var(--pr-hell-04); } .Mneu-Liste-col-02 .Mneu-Liste-div-02 ul li{ list-style-type: none; display: inline-block; position: relative; vertical-align: middle; transition: all 0.5s; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; line-height: 40px; } .Mneu-Liste-col-02 .Mneu-Liste-div-02 ul li:nth-child(1){ border-right: 1px solid var(--pr-hell-04); margin: 0px 15px 0px 0px; padding: 0px 15px 0px 0px; } .Mneu-Liste-col-02 .Mneu-Liste-div-02 ul li a{ list-style: none; text-decoration: none; display: inline-block; position: relative; vertical-align: middle; overflow: hidden; transition: all 0.5s; color: var(--pr-TX-dunkel-02); letter-spacing: 3px; font-size: 14px; font-weight: 500; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } .Mneu-Liste-col-02 .Mneu-Liste-div-02 ul li a::after { content: ''; position: absolute; text-align: center; width: 100%; bottom: 7px; left: 0; height: 1px; background-color: var(--Menu-Animierte-Unterlinien) ; transform-origin: center; opacity: 0; transition: opacity 300ms, transform 300ms; transform: scale(0); } .Mneu-Liste-col-02 .Mneu-Liste-div-02 ul li a:hover::after, .Mneu-Liste-col-02 .Mneu-Liste-div-02 ul li a:focus::after{ opacity: 1; transform: translate3d(0, 0.5em, 0); transform: scale(1); } .Mneu-Liste-col-02 .Mneu-Liste-div-02 ul li a:hover:before, .Mneu-Liste-col-02 .Mneu-Liste-div-02 ul li a:focus:before, .Mneu-Liste-col-02 .Mneu-Liste-div-02 ul li a:active:before { right: 0; } .Mneu-Liste-col-02 .Mneu-Liste-div-02 ul li:first-child:before { content:''; } @media (max-width: 1200px){ .Mneu-Liste-col-02 .Mneu-Liste-div-02 ul li a{ letter-spacing: 0px; font-size: 14px; } } @media (max-width: 767px){ } /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /* Copyright 2024 ebla studio - Full-Service Werbeagentur | https://eblastudio.com/ | eBay-Auktionsvorlage - eBay-Template Artikel-Nr. 10000001160 ---------- */ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /* Copyright 2024 ebla studio - Full-Service Werbeagentur | https://eblastudio.com/ | eBay-Auktionsvorlage - eBay-Template Artikel-Nr. 10000001160 ---------- */ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*----------------------------------------------------------------- MENÜ - Navigation ------------------------------------------*/ .MenuGross { background: var(--Menu-hg-Farbe); border-bottom: 1px solid var(--Menu-Trennlinie-BOTTOM) ; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); padding: 10px 0px 6px 0px; margin: 0px 0px 15px 0px; } .MenuGross-row{ margin: 0; padding: 5px 0px; } .MenuGross .MenuGross-col{ margin: 0px 0px 0px 0px; padding: 0; float: right; } .MenuGross-table { text-align: center; display: table; float: right; margin: 0 auto; } .MenuGross ul { list-style: none; position: relative; margin: 4px auto 0px auto; padding: 0; } .MenuGross .Menu-Icons-Farbe{ color: var(--Menu-Icons-Farbe); } .MenuGross .Menu-Icons-Farbe-Pfeil{ color: var(--Menu-Icons-Farbe-Pfeil); } .MenuGross ul li { list-style-type: none; display: inline-block; float: right; position: relative; vertical-align: middle; transition: 0.4s; /*-- background-color: var(--Menu-hg-Farbe); border-right: 1px solid var(--Menu-Trennlinie-Left-Right) ; --*/ margin: 0px 0px 0px 0px; padding: 0px 12px; line-height: 30px; transition: 0.4s; } .MenuGross ul li:first-child{ /**-- border-left: 1px solid var(--Menu-Trennlinie-Left-Right); --**/ } .MenuGross ul li:hover{ color: var(--Menu-Text-Hover); } .MenuGross ul li a { color: var(--Menu-Text-Farbe) ; background: var(--Menu-hg-Farbe); text-decoration: none; display: inline-block; position: relative; vertical-align: middle; overflow: hidden; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); transition: all 0.2s; font-size: 14px; font-weight: 500; border-radius: 0px; margin: 0px 0px; padding: 0px 0px; } .MenuGross ul li a:hover{ color: var(--Menu-Text-Hover); background-color: var(--Menu-Hover-Farbe) ; } /*-------- .MenuGross ul li:first-child a{ background-color: var(--pr-) ; color: #fff ; } .MenuGross ul li:first-child a:hover{ background-color: var(--pr-02) ; color: #fff ; } -------*/ .MenuGross ul li:nth-child(1){ border-left: 1px solid var(--Menu-Trennlinie-Left-Right); border-right: 1px solid var(--Menu-Trennlinie-Left-Right); } .MenuGross ul li:nth-child(2){ border-left: 1px solid var(--Menu-Trennlinie-Left-Right); } .MenuGross ul li:nth-child(3){ border-left: 1px solid var(--Menu-Trennlinie-Left-Right); } .MenuGross ul li:nth-child(4){ border-left: 1px solid var(--Menu-Trennlinie-Left-Right); } .MenuGross ul li:nth-child(5){ border-left: 1px solid var(--Menu-Trennlinie-Left-Right); } .MenuGross ul li a::after { content: ''; position: absolute; text-align: center; width: 100%; bottom: 3px; left: 0; height: 1px; background-color: var(--Menu-Animierte-Unterlinien) ; transform-origin: center; opacity: 0; transition: opacity 300ms, transform 300ms; transform: scale(0); } .MenuGross ul li a:hover::after, .MenuGross ul li a:focus::after{ opacity: 1; transform: translate3d(0, 0.5em, 0); transform: scale(1); } .MenuGross ul li a:hover:before, .MenuGross ul li a:focus:before, .MenuGross ul li a:active:before { right: 0; } .MenuGross ul li:first-child:before { content:''; } /*------------*/ /*------------*/ /*------------*/ .MenuGross-Logo{ margin: 0 0; padding: 0; } .MenuGross-Logo img{ display: block; object-fit: cover; text-align: center; height: auto; max-width: 100%; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 00px; float: left; } /* Copyright 2024 ebla studio - Full-Service Werbeagentur | https://eblastudio.com/ | eBay-Auktionsvorlage - eBay-Template Artikel-Nr. 10000001160 ---------- */ /*------------*/ /*------------*/ /*------------*/ @media (max-width: 991px) { .MenuGross { /*-- border-bottom: 1px solid var(--Menu-Trennlinie-BOTTOM) ; -*/ padding: 0; } .MenuGross ul { display: block; width: 100%; margin: 0; padding: 0; } .MenuGross ul li { display: block; margin: 0; padding: 0; width: 100%; line-height: 15px; border-top: 1px solid var(--Menu-Trennlinie-TOP); border-left: none; border-right: none; border-bottom: none; } .MenuGross ul li:first-child{ border-left: none; border-right: none; } .MenuGross ul li:hover { background: var(--Menu-Hover-Farbe) !important; } .MenuGross ul li:hover { color: var(--Menu-Text-Hover) !important; text-decoration: none !important; } .MenuGross ul ul li:hover a { color: var(--Menu-Unterkategorie-TX-Hover) !important; text-decoration: none !important; } .MenuGross ul li a { display: block; margin: 0; padding: 15px; width: 100%; line-height: 15px; } .MenuGross ul li:last-child { border-bottom: none; } .MenuGross ul li a:before, .MenuGross ul li:before, .MenuGross ul li a:after, .MenuGross ul li:after { display: none; } .MenuGross ul ul { display: block; position: inherit; width: auto; margin-top: 5px; top: 0; left: 0; box-shadow: none; border-top: 1px solid var(--Menu-Trennlinie-TOP); } .MenuGross ul ul li { display: block; border-left: none; border-right: none; margin: 0; padding: 0; } .MenuGross ul ul li a { display: block; padding: 12px 20px; } /* RESPONSIVE MENU */ .MenuGross-table-Box *, .MenuGross-table-Box *:before, .MenuGross-table-Box *:after { box-sizing: border-box; } .MenuGross-table-Box { width: 100%; } .MenuGross-table-Box input[name='console'] { display: none; } .MenuGross-table-Box label { position: relative; display: block; cursor: pointer; text-align: right; color: var(--Menu-Hamburger-Menu-Normal); background:none; border:none; font-size:14px; font-weight:600; transition: all 0.4s; line-height:50px; height:50px; padding: 0px 50px 0px 00px; margin: 0px 0px 0px 0px; } .MenuGross-table-Box 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; } .MenuGross-table-Box label:hover { color: var(--Menu-Hamburger-Menu-Normal); } .MenuGross-table-Box input:checked+label { color: var(--Menu-Hamburger-Menu-Normal); } .MenuGross-table-Box input:checked+label:after { content: 'X'; } .MenuGross-table-Box .toggle-content { overflow: hidden; max-height: 0em; position: relative; padding: 0; background: var(--Menu-hg-Farbe) ; color:#ff0000; transition: all 0.4s ; } .MenuGross-table-Box .toggle-content:not(:last-of-type) {} .MenuGross-table-Box .toggle-content .toggle-body { padding: 0; } input[name='console']:checked~.toggle-content { max-height: 620px; overflow-x: hidden; } .MenuGross-Logo img{ padding: 0 auto; margin: 0px auto; float: none; } .MenuGross { padding: 0px 0px 0px 0px; margin: 0px 0px 00px 0px; } .MenuGross-row{ border-radius: 0px; border-radius: 0px; padding: 30px; } } @media (max-width: 768px){ .MenuGross { padding: 0px 0px 0px 0px; margin: 0px 0px 10px 0px; } .MenuGross-row{ border-radius: 0px; } .MenuGross-Logo img{ padding: 10px; margin: 0px 0px 0px 10px; padding: 0 auto; margin: 0px auto; float: none; } } /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /* Copyright 2024 ebla studio - Full-Service Werbeagentur | https://eblastudio.com/ | eBay-Auktionsvorlage - eBay-Template Artikel-Nr. 10000001160 ---------- */ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*---------------------------------------------------------------MENÜ FULLSCREEN------------------------------------------*/ .Navigation-Container{ overflow: hidden; margin: 0; padding: 0; box-sizing: border-box; display: block; } .navigation__checkbox { display: none; } /*---------------------*/ .navigation__button { display: block; position: absolute; top: 110px; right: 10px; height: 42px; width: 42px; text-align: center; background-color: #fff; z-index: 300; border: 1px solid #fff ; cursor: pointer; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; border-radius: 50%; } @media screen and (min-width: 768px) { .navigation__button { top: 80px; right: 40px; height: 60px; width: 60px; } } /*---------------------*/ .navigation__background { display: block; overflow: hidden; position: absolute; top: 115px; right: 15px; height: 25px; width: 25px; background: #000; opacity: 0.88; background-size: cover; background-position: center; z-index: 100; border-radius: 50%; } @media screen and (min-width: 768px) { .navigation__background { top: 85px; right: 50px; width: 30px; height: 30px; } } /*---------------------*/ .navigation__nav { position: absolute; display: block; top: 0; left: 0; opacity: 0; visibility: hidden; z-index: 200; } .navigation__list { position: absolute; display: block; text-align: center; width: 100%; list-style: none; font-weight: 400; letter-spacing: 1px; } .navigation__item { margin: 0px; } .navigation__nav ul { height: auto; background-color: rgba(27, 28, 32, 0.95); padding: 75px 20px 75px 20px; } /*---------------------*/ .navigation__link:link, .navigation__link:visited { display: inline-block; padding: 3px 0px; color: #fff ; font-size: 22px; text-decoration: none; transition: all .2s; } @media(min-width: 768px) { .navigation__link:link, .navigation__link:visited { font-size: 26px; } } .navigation__link span { margin-right: 20px; display: inline-block; } .navigation__link:hover { color: #d0cfd3; transform: scale(1.1); } .navigation__checkbox:checked~.navigation__background { /*--- transform: scale(140); transform: scale(50); ---*/ overflow: hidden; } .navigation__checkbox:checked~.navigation__nav { width: 100%; visibility: visible; opacity: 1; } /*---------------------*/ .navigation__icon { position: relative; margin-top: 19px; } @media screen and (min-width: 768px) { .navigation__icon { margin-top: 28px; } } .navigation__icon, .navigation__icon::before, .navigation__icon::after { display: inline-block; width: 18px; height: 2px; background-color: #000; } @media (min-width: 768px) { .navigation__icon, .navigation__icon::before, .navigation__icon::after { width: 25px; } } .navigation__icon::before, .navigation__icon::after { content: ''; position: absolute; left: 0; transition: all .2s; } .navigation__icon::before { top: -7px; } .navigation__icon::after { top: 7px; } .navigation__button:hover .navigation__icon::before { top: -9px; } .navigation__button:hover .navigation__icon::after { top: 9px; } .navigation__checkbox:checked+.navigation__button .navigation__icon { background-color: transparent; } .navigation__checkbox:checked+.navigation__button .navigation__icon::before { top: 0; transform: rotate(135deg); } .navigation__checkbox:checked+.navigation__button .navigation__icon::after { top: 0; transform: rotate(-135deg); } .navigation__nav h1 { letter-spacing: 0px; font-size: 30px; font-weight: 500; color: #fff; border-bottom: 1px solid #fff; margin: 0px 0px 15px 0px; padding: 0px 0px 10px 0px; } .navigation__nav p { letter-spacing: 0px; font-size: 14px; font-weight: 300; color: #fff; margin: 0; } /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /* Copyright 2024 ebla studio - Full-Service Werbeagentur | https://eblastudio.com/ | eBay-Auktionsvorlage - eBay-Template Artikel-Nr. 10000001160 ---------- */ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /* Copyright 2024 ebla studio - Full-Service Werbeagentur | https://eblastudio.com/ | eBay-Auktionsvorlage - eBay-Template Artikel-Nr. 10000001160 ---------- */ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*--------------------------------- Banner-X2 ---------------------------------------------*/ /*--------------------------------- Banner-X2 ---------------------------------------------*/ .Banner-X2-Fluid{ margin: 25px 0px 20px 0px; padding: 0; } .Banner-X2-Fluid .Banner-X2-row{ margin: 0; padding: 0; } .Banner-X2-Fluid .Banner-X2-row .Banner-X2-col{ margin: 0; padding: 0; } .Banner-X2-Fluid .Banner-X2-row .Banner-X2-col:nth-child(1){ margin: 0; padding: 0px 3px 0px 0px; } .Banner-X2-Fluid .Banner-X2-row .Banner-X2-col:nth-child(2){ margin: 0; padding: 0px 0px 0px 3px; } .Banner-X2-Fluid .Banner-X2-row .Banner-X2-col .Banner-X2-img img{ display: block; object-fit: cover; text-align: center; height: auto; max-width: 100%; border-radius: 10px; margin: 0 auto; padding: 0; } /*------------------------------------------------------------------------------*/ @media (max-width: 992px) { .Banner-X2-Fluid .Banner-X2-row .Banner-X2-col .Banner-X2-img{ margin-top: 6px; } } /*------------------------------------------------------------------------------*/ @media (max-width: 768px) { .Banner-X2-Fluid .Banner-X2-row .Banner-X2-col:nth-child(1){ margin: 0; padding: 5px; } .Banner-X2-Fluid .Banner-X2-row .Banner-X2-col:nth-child(2){ margin: 0; padding: 5px; } .Banner-X2-Fluid .Banner-X2-row .Banner-X2-col .Banner-X2-img img{ margin: 0px auto 0px auto; padding: 0px auto 0px auto; } } /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /* Copyright 2024 ebla studio - Full-Service Werbeagentur | https://eblastudio.com/ | eBay-Auktionsvorlage - eBay-Template Artikel-Nr. 10000001160 ---------- */ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /* Copyright 2024 ebla studio - Full-Service Werbeagentur | https://eblastudio.com/ | eBay-Auktionsvorlage - eBay-Template Artikel-Nr. 10000001160 ---------- */ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*--------------------------------- Artikelbezeichnung Headline - H1 ---------------------------------------------*/ /*--------------------------------- Artikelbezeichnung Headline - H1 ---------------------------------------------*/ .Artikelbezeichnung-Fluid{ margin: 0; padding: 0; } .Artikelbezeichnung-Fluid .Artikelbezeichnung-row{ margin: 0; padding: 0; } .Artikelbezeichnung-Fluid .Artikelbezeichnung-row .Artikelbezeichnung-col{ margin: 0; padding: 0; } .Artikelbezeichnung-Fluid .Artikelbezeichnung-row .Artikelbezeichnung-col .Artikelbezeichnung-div{ background-color: var(--Artikeldetails--Artikelbezeichnung-H1-HG); border-bottom: 5px solid var(--pr-); border-radius: 7px; margin: 5px 0px; padding: 0; } .Artikelbezeichnung-Fluid .Artikelbezeichnung-row .Artikelbezeichnung-col .Artikelbezeichnung-div h1{ text-align: center; color: var(--Artikeldetails--Artikelbezeichnung-H1-TX); font-size: 24px; font-weight: 600; margin: 0; padding: 15px; } @media (max-width: 992px) { .Artikelbezeichnung-Fluid .Artikelbezeichnung-row .Artikelbezeichnung-col .Artikelbezeichnung-div{ border-bottom: 6px solid var(--pr-); } .Artikelbezeichnung-Fluid .Artikelbezeichnung-row .Artikelbezeichnung-col .Artikelbezeichnung-div h1{ font-size: 20px; font-weight: 600; } } @media (max-width: 768px) { .Artikelbezeichnung-Fluid .Artikelbezeichnung-row .Artikelbezeichnung-col .Artikelbezeichnung-div{ border-radius: 0px; border-bottom: 6px solid var(--pr-); } .Artikelbezeichnung-Fluid .Artikelbezeichnung-row .Artikelbezeichnung-col .Artikelbezeichnung-div h1{ font-size: 20px; font-weight: 600; } } /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /* Copyright 2024 ebla studio - Full-Service Werbeagentur | https://eblastudio.com/ | eBay-Auktionsvorlage - eBay-Template Artikel-Nr. 10000001160 ---------- */ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /* Copyright 2024 ebla studio - Full-Service Werbeagentur | https://eblastudio.com/ | eBay-Auktionsvorlage - eBay-Template Artikel-Nr. 10000001160 ---------- */ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*--------------------------------- H1 - ARTIKELBILDER ---------------------------------------------*/ .main-container-H1-Fluid{ margin: 0; padding: 0; border-bottom: var(--Linien-PX) solid var(--pr-Linien); } .main-container-H1-Fluid .main-container-H1-row { margin: 0; padding: 0; } .main-container-H1-Fluid .main-container-H1-row .main-container-H1-col { margin: 0; padding: 0; } .main-container-H1-Fluid .main-container-H1-row .main-container-H1-col .main-container-H1-div { margin: 0; padding: 0; } .main-container-H1-Fluid .main-container-H1-row .main-container-H1-col .main-container-H1-div h1 { color: var(--pr-dunkel-02); font-size: 60px; font-weight: 700; margin: 0; padding: 0; } @media (max-width: 992px){ .slider-div { padding: 10px; } } @media (max-width: 768px){ .main-container-H1-Fluid{ border-bottom: 0px solid var(--pr-Linien); } .main-container-H1-Fluid .main-container-H1-row .main-container-H1-col { border-left: 0px solid var(--pr-Linien); border-right: 0px solid var(--pr-Linien); } } /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /* Copyright 2024 ebla studio - Full-Service Werbeagentur | https://eblastudio.com/ | eBay-Auktionsvorlage - eBay-Template Artikel-Nr. 10000001160 ---------- */ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*---------------------------------------------------------------------------------------- ARTIKELBILDERGALERIE | ARTIKELDETAILS ----------------*/ .Content-Container{ background-color: none ; margin: 0px 0px; padding: 10px 0px; } .Content-Container .main-container{ margin: 0px auto; padding: 0px 0px; } .Content-Container .main-container .Artikel-Container { margin: 0px 0px 00px 0px; padding: 0px 10px 0px 0px; text-align: center; } .Artikelbilder-Galerie { display: inline-block; position: relative; text-align: center; max-width: 100%; height: auto; padding: 0; margin: 0; } .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: relative; width: 100%; float: left; margin-top: 10px; left: 0; width: 100%; height: auto; z-index:6; text-align: center; bottom: 5px; } .Artikelbilder-Galerie > .Vorschaubild > label { position: relative; display: block; cursor: pointer; background: none; box-sizing: border-box; margin: 0 auto; padding: 3px; background: none; width: 20%; float: left; } .Artikelbilder-Galerie > .Vorschaubild > div { margin-left: -50%; width: 100%; } .Artikelbilder-Galerie > .Vorschaubild > label img { border-radius: 0px; margin:0 auto; max-height: 115px; width: auto; } .Artikelbilder-Galerie > .Vorschaubild > label > .anker { position: absolute; left: 50%; top: 50%; margin-left: -2px; margin-top:-2px; background: transparent; border-radius: 0; 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, .Artikelbilder-Galerie > #slide5:checked~.Vorschaubild > label.Artikelbild5>.anker, .Artikelbilder-Galerie > #slide6:checked~.Vorschaubild > label.Artikelbild6>.anker, .Artikelbilder-Galerie > #slide7:checked~.Vorschaubild > label.Artikelbild7>.anker, .Artikelbilder-Galerie > #slide8:checked~.Vorschaubild > label.Artikelbild8>.anker, .Artikelbilder-Galerie > #slide9:checked~.Vorschaubild > label.Artikelbild9>.anker, .Artikelbilder-Galerie > #slide10:checked~.Vorschaubild > label.Artikelbild10>.anker { background:none; } .Artikelbilder-Galerie { height: auto; max-height: auto; margin-bottom: 0; text-align: center; } .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, .Artikelbilder-Galerie > #slide5:checked~.Vorschaubild > label.Artikelbild5> img, .Artikelbilder-Galerie > #slide6:checked~.Vorschaubild > label.Artikelbild6> img, .Artikelbilder-Galerie > #slide7:checked~.Vorschaubild > label.Artikelbild7> img, .Artikelbilder-Galerie > #slide8:checked~.Vorschaubild > label.Artikelbild8> img, .Artikelbilder-Galerie > #slide9:checked~.Vorschaubild > label.Artikelbild9> img, .Artikelbilder-Galerie > #slide10:checked~.Vorschaubild > label.Artikelbild10> img { border:2px solid #36363f; } .Artikelbilder-Galerie > ul > .slide.img img { width: auto; max-width: 100%; max-height: 100%; margin: 0 auto; border-radius: 10px; } .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, .Artikelbilder-Galerie > #slide5:checked~ul > .slide.Artikelbild5, .Artikelbilder-Galerie > #slide6:checked~ul > .slide.Artikelbild6, .Artikelbilder-Galerie > #slide7:checked~ul > .slide.Artikelbild7, .Artikelbilder-Galerie > #slide8:checked~ul > .slide.Artikelbild8, .Artikelbilder-Galerie > #slide9:checked~ul > .slide.Artikelbild9, .Artikelbilder-Galerie > #slide10:checked~ul > .slide.Artikelbild10 { 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; border-radius: 5px; width:auto; margin:0 auto; } /*----------------------------------Min Width 991 & Max Width 1200------------------------------*/ @media (min-width: 992px) and (max-width: 1200px) { .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; } } /*----------------------------------Max Width 992------------------------------*/ @media (max-width: 992px){ .Content-Container .main-container .Artikel-Container { border-right: 0px solid var(--pr-Linien); padding: 10px 0px 10px 0px; } } /*----------------------------------Min Width 767 & Max Width 992------------------------------*/ @media (min-width:767px) and (max-width: 992px){ .Artikel-Container { text-align: center; } } /*----------------------------------Max Width 767-----------------------------------------------*/ @media (max-width: 767px){ .Content-Container{ margin: 0; padding: 0px 0px; } .Content-Container .main-container{ border-left: 0px solid var(--pr-Linien); border-right: 0px solid var(--pr-Linien); } .Artikel-Container { text-align: center; } .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; } .main-container{ margin: 0 0 10px 0; padding: 10px 0px; } } /* Copyright 2024 ebla studio - Full-Service Werbeagentur | https://eblastudio.com/ | eBay-Auktionsvorlage - eBay-Template Artikel-Nr. 10000001160 ---------- */ /*----------------------------------Min Width 599 & Max Width 767------------------------------*/ @media (min-width:599px) and (max-width: 767px){ } /*----------------------------------Min Width 510 & Max Width 599------------------------------*/ @media (min-width:510px) and (max-width: 599px){ } @media (max-width: 420px) { .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 Artikel-Nr. 10000001160 ---------- */ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*-----------------------------------Artikeldetails-------------------------------------------*/ .main-container .Artikeldetails{ float: left; margin: 0px 0px 0px 0px ; padding: 15px; border-radius: 10px; background-color: var(--pr-hell-02) ; border-bottom: 0px solid var(--pr-hell-03); } .Artikeldetails .Artikeldetails-Box-01{ margin: 0px ; padding: 0px; } .Artikeldetails .Artikeldetails-Box-01 .Artikeldetails-Box-01-Icons-Schmuck-div{ overflow: hidden; list-style-type:none; text-align: right; margin: 0; padding: 0; } .Artikeldetails .Artikeldetails-Box-01 .Artikeldetails-Box-01-Icons-Schmuck-div li{ overflow: hidden; list-style-type:none; float: right; text-align: right; margin: 0; padding: 5px; } .Artikeldetails .Artikeldetails-Box-01 .Artikeldetails-Box-01-Icons-Schmuck{ color: var(--Artikeldetails-Box-01-Icons-Schmuck-Icon); } .Artikeldetails .Artikeldetails-Box-01 .Artikeldetails-Box-01-Icons-Schmuck:hover{ color: var(--Artikeldetails-Box-01-Icons-Schmuck-Icon-Hover); } .Artikeldetails .Artikeldetails-Box-01 h2{ font-size: 24px; font-weight: 600; color: var(--ArtikelDetails-tx-dunkel) ; background-color: #fff ; border-radius: 7px; margin: 0px 0px 0px 0px; border-bottom: 0px solid var(--pr-hell-04); padding: 15px; } .Artikeldetails .Artikeldetails-Box-01 h3{ font-size: 18px; color: var(--ArtikelDetails-tx-dunkel) ; margin: 10px 0px 0px 0px; padding: 0px; } .Artikeldetails .Artikeldetails-Box-01 ul.Artikeldetails-Box-01-Liste{ overflow: hidden; border-radius: 0px; margin: 15px 0px 5px 0px; padding: 0px 0px 10px 5px; border-bottom: 1px solid #fff; } .Artikeldetails .Artikeldetails-Box-01 .Artikeldetails-Box-01-Liste li{ list-style-type:none; text-align: left; color: var(--ArtikelDetails-tx-dunkel) ; font-size: 14px ; padding: 2px 0 2px 0px; } .main-container .Standard-Artikeldetails-Icon, .Artikeldetails .Standard-Artikeldetails-Icon{ color: var(--Artikeldetails-ICONS); } .Artikeldetails .Artikeldetails-Box-01 .P-01{ font-size: 14px; color: var(--ArtikelDetails-tx-dunkel); background-color: #fff; border-radius: 10px; margin: 15px 0px; padding: 10px; float: left; } .Artikeldetails .Artikeldetails-Box-01 .P-02{ font-size: 14px; color: var(--pr-TX-dunkel-02) ; background-color: #fff ; border-radius: 5px; margin: 10px 10px 20px 0px; padding: 10px; float: left; } .Artikeldetails-Box-02{ margin: 0; padding: 0; } .Artikeldetails-Box-02 .Komplette-Kaufen-Butten-Bereich{ display: block; background-color: #fff ; border-top: 0px solid var(--pr-hell-03) ; border-radius: 5px; margin: 0px 0px 10px 0px; padding: 15px 25px; } .Artikeldetails-Box-02 h4 { font-size: 32px; color: var(--ArtikelDetails-tx-dunkel) ; margin:0 0 10px 0; padding:0; } .Artikeldetails-Box-02 h4 small del { font-size: 12px; color: var(--ArtikelDetails-tx-grau) ; } .Artikeldetails-Box-02 .inkl-MwSt { font-size: 12px; color: var(--ArtikelDetails-tx-grau) ; } .Artikeldetails-Box-02 .Komplette-Kaufen-Butten-Bereich .Kaufen-Button { display: block; text-decoration:none; text-align: center; color: var(--Kaufen-Button-TX); background: var(--Kaufen-Button-HG); border-bottom: 0px solid var(--sk-); font-size: 20px; font-weight: 500; padding: 10px 20px; margin: 0px 0px 0px 0px; border-radius: 5px; transition: all 0.5s; } .Artikeldetails-Box-02 .Komplette-Kaufen-Butten-Bereich .Kaufen-Button:hover{ background: var(--Kaufen-Button-HG-Hover); color: var(--Kaufen-Button-TX-Hover); } .Artikeldetails-Box-02 .Komplette-Kaufen-Butten-Bereich .Kaufen-Button .Kaufen-Button_ICON{ color: var(--Kaufen-Button-Icon) ; } .Artikeldetails-Box-02 .Komplette-Kaufen-Butten-Bereich hr { width:100%; height:1px; background-color: none; border:none; border-bottom:0px solid var(--pr-BEIGE-06); margin:10px 0; padding:0; } .Artikeldetails-Box-02 .Unter-dem-Kaufen-Button { text-align: right; float: right; font-size: 12px; background:none; margin: 0; padding: 6px 15px; border-radius: 0px; color: var(--Unter-Kaufen-Button-TX) ; background-color: #fff ; border-top: 0px solid var(--pr-hell-05); text-decoration:none; border-radius: 5px; transition: all 0.5s; } .Artikeldetails-Box-02 .Unter-dem-Kaufen-Button:hover { color: var(--Unter-Kaufen-Button-TX-Hover); background-color: var(--pr-hell-03); } .Artikeldetails-Box-02 .Unter-dem-Kaufen-Button .Unter-dem-Kaufen-Button_ICON{ color: var(--Unter-Kaufen-Button-Icon); } .Artikeldetails-Box-02 p.Unter-dem-Kaufen-Button-TX{ color: var(--Unter-Kaufen-Button-TX); background-color: var(--Unter-Kaufen-Button-HG); border: 1px solid var(--Unter-Kaufen-Button-HG-Border); font-size: 12px; border-radius: 5px; margin: 10px 0px 0px 0px; padding: 10px; } .Artikeldetails-Box-02 p.Unter-dem-Kaufen-Button-TX .Unter-dem-Kaufen-Button_ICON{ color: var(--Unter-Kaufen-Button-Icon); } /*------------------------------------------------------------------------------*/ @media (max-width: 992px){ .main-container .Artikeldetails{ border-left: 0px solid var(--pr-Linien); border-top: 0px solid var(--sk-); } .main-container .main-container-H1 h1{ font-size: 20px; margin: 0px 0px 10px 0px; } .Artikeldetails { margin:0; padding: 0; padding-right: 15px; padding-left: 15px; padding-top: 0px; padding-bottom: 10px; } } @media (max-width: 767px){ .main-container .Artikeldetails{ padding: 15px; border-radius: 0; border-left: 0px solid var(--pr-Linien); border-radius: 0px; } .main-container .main-container-H1 h1{ border-radius: 0; font-size: 18px; margin: 0px 0px 10px 0px; } .Artikeldetails .Artikeldetails-Box-01 h2{ font-size: 30px; margin: 15px 0px 0px 0px; padding: 10px; } .Artikeldetails-Box-02 .Komplette-Kaufen-Butten-Bereich .Kaufen-Button { display: block; } .Artikeldetails .Artikeldetails-Box-01 .P-01{ margin: 25px 0px; padding: 10px; } .Artikeldetails .Artikeldetails-Box-01 .P-02{ margin: 7px 3px; padding: 7px; } } /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /* Copyright 2024 ebla studio - Full-Service Werbeagentur | https://eblastudio.com/ | eBay-Auktionsvorlage - eBay-Template Artikel-Nr. 10000001160 ---------- */ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /* Copyright 2024 ebla studio - Full-Service Werbeagentur | https://eblastudio.com/ | eBay-Auktionsvorlage - eBay-Template Artikel-Nr. 10000001160 ---------- */ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*----------------------------------------------------- ARTIKELBESCHREIBUNG - KARTE - TABs-ELEMENTE------------*/ .Tab-ganz-Container-Fluid{ margin: 25px 0px 0px 0px; padding: 0px 0px 0px 0px; background: var(--Tab-Ganz-Spalten-HG) ; } .Tab-ganz-Container-00{ margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } .Tab-ganz-Container{ background-color: var(--Tab-Ganz-Fluid-Container-HG) ; border-radius: 10px; margin: 0px 0px 0px 0px; padding: 5px 0px 0px 0px; } .tab-container { text-align: center; min-height: 0px; margin: 00px 0px 0px 0px; padding: 0; } .tab-container > input[type=radio] { display: none; } .tab-container > label { color: var(--Tabs-Spalten-TX) ; background-color: var(--Tabs-Spalten-HG); box-shadow: 0 1px 2px rgba(33, 32, 43, 0.4); text-decoration: none; cursor: pointer; overflow: hidden; position: relative; display: inline-block; border-radius: 5px; font-size: 16px; font-weight: 500; transition: all 0.5s; margin: 10px 5px 10px 5px ; padding: 10px 25px; } .tab-container > label:hover { background: var(--Tabs-Spalten-HG-Hover) ; color: var(--Tabs-Spalten-TX-Hover); } .tab-container > [id^="tab"]:checked + label { transition: all 0.4s; background: var(--Tabs-Aktiv-HG) ; color: var(--Tabs-Aktiv-TX); } .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; overflow: hidden; background: var(--Tabs-Tab-Content-HG) ; transition: all 0.5s; padding: 0px 0px; margin: 0px 0px 0px 0px; border: 0px solid var(--pr-hell-03); border-radius: 10px; } #tab1:checked ~ #tab-content1, #tab2:checked ~ #tab-content2, #tab3:checked ~ #tab-content3, #tab4:checked ~ #tab-content4, #tab5:checked ~ #tab-content5 { display:block; } .tab-container:after { content:''; display: table; clear: both; } /*----------------------------------Tabs-Boxes------------------------------*/ /* Copyright 2024 ebla studio - Full-Service Werbeagentur | https://eblastudio.com/ | eBay-Auktionsvorlage - eBay-Template Artikel-Nr. 10000001160 ---------- */ /*----------------------------------Tabs-Boxes------------------------------*/ .Tabs-Box-01{ margin: 0; padding: 0; } .tab-container .Tabs-Box-01 > h1{ font-size: 24px; font-weight: 600; text-align: center; background-color: none; background-color: #fff; color: var(--pr-TX-dunkel-02); border: 1px solid var(--pr-hell-03); box-shadow: 0 1px 2px rgba(33, 32, 43, 0.1); border-radius: 5px; padding: 10px; margin: 15px; } .tab-container .Tabs-Box-01 > p{ font-size: 14px; background-color: var(--Tabs-Tab-Content-TX-HG); color: var(--Tabs-Tab-Content-TX); border-radius: 5px; padding: 10px; margin: 15px; } /* Copyright 2024 ebla studio - Full-Service Werbeagentur | https://eblastudio.com/ | eBay-Auktionsvorlage - eBay-Template Artikel-Nr. 10000001160 ---------- */ /*-------------------------Tabs-Box-01---------------------------------------*/ .tab-container .Tabs-Box-01 .Tabs-Box-01-Banner-row{ padding: 0; margin: 0; } .tab-container .Tabs-Box-01 .Tabs-Box-01-Banner { overflow: hidden; margin: 0px; padding: 0px; } .tab-container .Tabs-Box-01 .Tabs-Box-01-Banner img{ overflow: hidden; width: 100%; height: auto; border-top: var(--Linien-PX) solid var(--pr-Linien); margin: 0px; padding: 0px 0px 0px 0px; } /*----------------------------------------------------------------*/ .tab-container .Tabs-Box-01 .FAQs_01 .FAQ-content > ul{ list-style: none; text-decoration: none; margin: 0px 0px ; padding: 0; } .tab-container .Tabs-Box-01 .FAQs_01 .FAQ-content > ul > li{ list-style: none; text-decoration: none; font-size: 14px; background-color: none; color: var(--Tabs-Tab-Content-TX); border-bottom: 1px solid var(--pr-hell-03); margin: 5px 0px; padding: 5px; } .tab-container .Tabs-Box-01 .FAQs_01 .FAQ-content .Highlights-Icon { color: var(--Tabs-Tab-Content-PR-Icons); } .tab-container .Tabs-Box-01 .FAQs_01 .FAQ-content p{ font-size: 14px; background-color: var(--Tabs-Tab-Content-TX-HG); color: var(--Tabs-Tab-Content-TX); border: 1px solid var(--pr-hell-04); border-radius: 5px; padding: 10px; margin: 0px; } /*----------------------------------------------------------------*/ .tab-container .Tabs-Box-01 .FAQs_02 .FAQ-content > ul{ list-style: none; text-decoration: none; margin: 0px 0px ; padding: 0; } .tab-container .Tabs-Box-01 .FAQs_02 .FAQ-content > ul > li{ list-style: none; text-decoration: none; font-size: 14px; background-color: none; color: var(--Tabs-Tab-Content-TX); border-bottom: 1px solid var(--pr-hell-03); margin: 5px 0px; padding: 5px; } .tab-container .Tabs-Box-01 .FAQs_02 .FAQ-content .Highlights-Icon { color: var(--Tabs-Tab-Content-PR-Icons); } .tab-container .Tabs-Box-01 .FAQs_02 .FAQ-content p{ font-size: 14px; background-color: var(--Tabs-Tab-Content-TX-HG); color: var(--Tabs-Tab-Content-TX); border: 1px solid var(--pr-hell-04); border-radius: 5px; padding: 10px; margin: 0px; } /*----------------------------------------------------------------*/ .tab-container .Tabs-Box-01 .FAQs_03 .FAQ-content .FAQ-content-row{ margin: 0px 0px ; padding: 0; } .tab-container .Tabs-Box-01 .FAQs_03 .FAQ-content .FAQ-content-div{ margin: 0px 0px ; padding: 0; } .tab-container .Tabs-Box-01 .FAQs_03 .FAQ-content .FAQ-content-div .FAQ-content-div-IMG{ margin: 5px ; padding: 0; } .tab-container .Tabs-Box-01 .FAQs_03 .FAQ-content .FAQ-content-div .FAQ-content-div-IMG img{ overflow: hidden; max-width: 100%; height: auto; border-radius: 7px; margin: 0px; padding: 0px; transition: all 0.7s; } .tab-container .Tabs-Box-01 .FAQs_03 .FAQ-content .FAQ-content-div .FAQ-content-div-IMG img:hover{ filter: brightness(80%); } .tab-container .Tabs-Box-01 .FAQs_03 .FAQ-content p{ font-size: 14px; background-color: var(--Tabs-Tab-Content-TX-HG); color: var(--Tabs-Tab-Content-TX); border: 1px solid var(--pr-hell-04); border-radius: 5px; padding: 10px; margin: 5px; } /*---------------------------------------------------------------*/ .tab-container .Tabs-Box-01 .Tabs-Box-01-Galerie-row .Tabs-Box-01-Galerie{ overflow: hidden; margin: 0px 0px; padding: 0px 0px; } .tab-container .Tabs-Box-01 .Tabs-Box-01-Galerie-row .Tabs-Box-01-Galerie-row-div { margin: 0px 15px; padding: 0px 0px; } .tab-container .Tabs-Box-01 .Tabs-Box-01-Galerie-row .Tabs-Box-01-Galerie .Tabs-Box-01-Galerie-IMG { margin: 5px; padding: 0px 0px; } .tab-container .Tabs-Box-01 .Tabs-Box-01-Galerie-row .Tabs-Box-01-Galerie-IMG img{ overflow: hidden; max-width: 100%; height: auto; transition: all 0.7s; border-radius: 7px; margin: 0px; padding: 0px; } .tab-container .Tabs-Box-01 .Tabs-Box-01-Galerie-row .Tabs-Box-01-Galerie img:hover{ filter: brightness(80%); } /*----------------------------Tabs-Box-02------------------------------------*/ .Tabs-Box-02{ margin: 0; padding: 0; } .tab-container .Tabs-Box-02 > h1{ font-size: 18px; background-color: var(--Tabs-Tab-Content-TX-HG); color: var(--Tabs-Tab-Content-TX); border-radius: 5px; padding: 10px; margin: 15px; } .tab-container .Tabs-Box-02 > p{ font-size: 14px; background-color: var(--Tabs-Tab-Content-TX-HG); color: var(--Tabs-Tab-Content-TX); border-radius: 5px; padding: 10px; margin: 15px; } .tab-container .Tabs-Box-02 .Tabs-Box-02-IMG-row { margin: 0px; padding: 0px; } .tab-container .Tabs-Box-02 .Tabs-Box-02-IMG-row .Tabs-Box-02-IMG-row-div { margin: 0px 0px; padding: 10px; } .tab-container .Tabs-Box-02 .Tabs-Box-02-IMG-row .Tabs-Box-02-IMG-row-div .Tabs-Box-02-IMG-row-div-IMG { margin: 0px 0px; padding: 0px; } .tab-container .Tabs-Box-02 .Tabs-Box-02-IMG-row .Tabs-Box-02-IMG-row-div .Tabs-Box-02-IMG-row-div-IMG img{ overflow: hidden; width: auto; height: 40px; transition: all 0.7s; margin: 5px; padding: 0px; } /*-----------------------Tabs-Box-03-----------------------------------------*/ .Tabs-Box-03{ margin: 0; padding: 0; } .tab-container .Tabs-Box-03 > h1{ font-size: 18px; background-color: var(--Tabs-Tab-Content-TX-HG); color: var(--Tabs-Tab-Content-TX); border-radius: 5px; padding: 10px; margin: 15px; } .tab-container .Tabs-Box-03 .Tabs-Box-03-01 { background-color: var(--Tabs-Tab-Content-TX-HG); color: var(--Tabs-Tab-Content-TX); border-radius: 5px; padding: 5px; margin: 15px; } .tab-container .Tabs-Box-03 .Tabs-Box-03-01 > h2{ font-size: 16px; font-weight: 600; color: var(--Tabs-Tab-Content-TX); border-bottom: 1px solid var(--pr-hell-04); padding: 5px; margin: 15px 15px 0px 15px; } .tab-container .Tabs-Box-03 .Tabs-Box-03-01 > p{ font-size: 14px; color: var(--Tabs-Tab-Content-TX); border: 0px solid var(--Tabs-Tab-Content-TX-HG-Border); padding: 5px; margin: 0px 15px 15px 15px; } .tab-container .Tabs-Box-03 .Highlights-Icon { color: var(--Tabs-Tab-Content-PR-Icons); } /*------------------------Tabs-Box-04----------------------------------------*/ .Tabs-Box-04{ margin: 0; padding: 0; } .tab-container .Tabs-Box-04 h1{ font-size: 18px; background-color: var(--Tabs-Tab-Content-TX-HG); color: var(--Tabs-Tab-Content-TX); border-radius: 5px; padding: 10px; margin: 15px; } .tab-container .Tabs-Box-04 p{ font-size: 14px; background-color: var(--Tabs-Tab-Content-TX-HG); color: var(--Tabs-Tab-Content-TX); border-radius: 5px; padding: 10px; margin: 15px; } .tab-container .Tabs-Box-04 ul{ list-style: none; text-decoration: none; background-color: var(--Tabs-Tab-Content-TX-HG); border-radius: 5px; margin: 15px ; padding: 10px; } .tab-container .Tabs-Box-04 ul li{ list-style: none; text-decoration: none; font-size: 14px; color: var(--Tabs-Tab-Content-TX); margin: 0px 0px; padding: 0px; } .tab-container .Tabs-Box-04 .Highlights-Icon { color: var(--Tabs-Tab-Content-PR-Icons); } /*-----------------------Tabs-Box-05-----------------------------------------*/ .Tabs-Box-05{ margin: 0; padding: 0; } .tab-container .Tabs-Box-05 .FAQs_04 .FAQ-content p, .tab-container .Tabs-Box-05 .FAQs_05 .FAQ-content p, .tab-container .Tabs-Box-05 .FAQs_06 .FAQ-content p, .tab-container .Tabs-Box-05 .FAQs_07 .FAQ-content p, .tab-container .Tabs-Box-05 .FAQs_08 .FAQ-content p, .tab-container .Tabs-Box-05 .FAQs_09 .FAQ-content p, .tab-container .Tabs-Box-05 .FAQs_10 .FAQ-content p{ font-size: 14px; background-color: var(--Tabs-Tab-Content-TX-HG); color: var(--Tabs-Tab-Content-TX); border: v0; padding: 5px; margin: 0px; } .tab-container .Tabs-Box-05 > h1{ font-size: 18px; background-color: var(--Tabs-Tab-Content-TX-HG); color: var(--Tabs-Tab-Content-TX); border-radius: 5px; padding: 10px; margin: 15px; } .tab-container .Tabs-Box-05 > p{ font-size: 14px; background-color: var(--Tabs-Tab-Content-TX-HG); color: var(--Tabs-Tab-Content-TX); border-radius: 5px; padding: 10px; margin: 15px 15px; } /*----------------------------------FAQ------------------------------*/ /*----------------------------------FAQ------------------------------*/ .Faqs_Container{ margin: 15px; padding: 0; } .Faqs_Container ul { list-style: none; display: block; padding: 0px; margin: 0px; transition: all 0.7s; } .Faqs_Container .FAQs > li { list-style: none; margin: 0; padding: 0; } .Faqs_Container .FAQs li > input { display: none; } .Faqs_Container .FAQs li > label { cursor: pointer; display: block; width: 100%; transition: all 0.7s; background: var(--FAQs-Tab-HG) ; color: var(--FAQs-Tab-TX) ; border: 1px solid var(--pr-hell-04); box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2); border-radius: 5px; font-size: 18px; font-weight: 600; padding: 10px; margin: 0; } .Faqs_Container .FAQs li > label:hover { background: var(--FAQs-Tab-HG-hover) ; color: var(--FAQs-Tab-TX-hover) ; } .Faqs_Container .FAQs .FAQ-content { transition: all 0.7s; display: none; padding: 15px; margin: 0; color: var(--FAQs-Content-TX); border-bottom: 1px solid var(--pr-hell-04); border-left: 1px solid var(--pr-hell-04); border-right: 1px solid var(--pr-hell-04); } .Faqs_Container .FAQs li label:after { content: "+"; float: left; margin-right: 10px; color: var(--FAQs-Tab-Icon) ; } .Faqs_Container .FAQs li > input:checked + label:after { content: "–"; float: left; margin-right: 10px; } .Faqs_Container .FAQs li > input:checked + label { background-color: var(--FAQs-Tab-HG-Aktive) ; } .Faqs_Container .FAQs li > input:checked ~ .FAQ-content { overflow: hidden; display: block; background-color: var(--FAQs-Content-HG) ; margin-top: -5px; } /*----------------------------------Max Width 992-----------------------------------------------*/ @media (max-width: 992px){ .Tab-ganz-Container-00{ margin: 0px ; padding: 0; } .Tab-ganz-Container{ margin: 0px ; padding: 0; } .tab-container > label { width: 100%; font-size: 14px; border-radius: 0px; border-bottom: 1px solid var(--sk-); background-color: #fff; border-right: none; border-left: none; border-top: none; margin: 0px; padding: 10px 0; border-radius: 0px; box-shadow: none; } .tab-container > [id^="tab"]:checked + label { transition: all 0.4s; background: var(--Tabs-Aktiv-HG) ; color: var(--Tabs-Aktiv-TX); border-right: 0px ; border-top: 0px ; } .tab-container > label span { display:inline-block } .tab-content { border-radius: 0px; padding: 10px 5px; border: none; margin: 0px; } .Faqs_Container{ margin: 10px; } .Faqs_Container .FAQs li > label { font-size: 14px; } .tab-container .Tabs-Box-01 > h1{ margin: 10px; } .tab-container .Tabs-Box-01 > p{ margin: 10px; } .tab-container .Tabs-Box-02 > h1{ margin: 10px; } .tab-container .Tabs-Box-02 > p{ margin: 10px; } .tab-container .Tabs-Box-03 > h1{ margin: 10px; } .tab-container .Tabs-Box-03 > p{ margin: 10px; } .tab-container .Tabs-Box-01 .Tabs-Box-01-Banner { padding: 5px 10px 10px 10px; } .tab-container .Tabs-Box-02 .Tabs-Box-02-IMG-row .Tabs-Box-02-IMG-row-div .Tabs-Box-02-IMG-row-div-IMG img{ height: 30px; } } @media (max-width: 767px){ .tab-container { border-right: 0px; border-left: 0px; } .tab-container .Tabs-Box-01 > h1{ font-size: 24px; font-weight: 700; } } /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /* Copyright 2024 ebla studio - Full-Service Werbeagentur | https://eblastudio.com/ | eBay-Auktionsvorlage - eBay-Template Artikel-Nr. 10000001160 ---------- */ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /* Copyright 2024 ebla studio - Full-Service Werbeagentur | https://eblastudio.com/ | eBay-Auktionsvorlage - eBay-Template Artikel-Nr. 10000001160 ---------- */ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*---------------------------------------Banner-03-----------------------------------------------------------------------*/ .Banner-03-Fluid{ margin: 0; padding: 0; border-bottom: var(--Linien-PX) solid var(--pr-Linien); } .Banner-03-Fluid .Banner-03-row{ margin: 0; padding: 0; } .Banner-03-Fluid .Banner-03-col{ margin: 0; padding: 10px; border-right: var(--Linien-PX) solid var(--pr-Linien); border-left: var(--Linien-PX) solid var(--pr-Linien); } .Banner-03-Fluid .Banner-03-div{ margin: 0; padding: 0; } .Banner-03-Fluid .Banner-03-div img{ display: block; object-fit: cover; text-align: center; height: auto; max-width: 100%; transition: all 0.5s; padding: 0px; margin: 0 auto; margin: 0; padding: 0; } /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /* Copyright 2024 ebla studio - Full-Service Werbeagentur | https://eblastudio.com/ | eBay-Auktionsvorlage - eBay-Template Artikel-Nr. 10000001160 ---------- */ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /* Copyright 2024 ebla studio - Full-Service Werbeagentur | https://eblastudio.com/ | eBay-Auktionsvorlage - eBay-Template Artikel-Nr. 10000001160 ---------- */ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*-----------------------------------------------------------------Headline ANGEBOTE--------------------------------------------------------*/ .Headline-Angebote-Container{ text-align: center; margin: 15px 0px 0px 0px; padding: 0px; } .Artikel-Headline{ margin: 0px 0 0 0; padding: 0; } .Headline-Angebote-div{ background-color: var(--Headline-Angebote-Innen-HG) !important; border: 1px solid var(--pr-hell-03); box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2); margin: 15px 0px 0px 0px; padding: 0px; border-radius: 7px; } .Headline-Angebote-Container h1 { color: var(--Headline-Angebote-TX); text-align: center !important; font-size: 28px ; font-weight: 600; border: none !important; margin: 0; padding: 15px 0px; } .Headline-Angebote-Container .Headline-Angebote-Container-Icon { color: var(--Headline-Angebote-Icon); background-color: none !important; margin-right: 0px; } /*---------------------------------- Max Width 767 ------------------------------*/ @media (max-width: 767px){ .Headline-Angebote-Container{ padding: 0px 0px; } .Headline-Angebote-div{ border-left: 0px solid var(--pr-Linien) !important; border-right: 0px solid var(--pr-Linien) !important ; border-radius: 0px; } .Headline-Angebote-Container h1 { padding: 10px 20px; font-size: 24px; } .Artikel-Headline{ margin: 7px 0 0 0; } } /*---------------------------------- Max Width 467 ------------------------------*/ @media (max-width: 467px){ .Headline-Angebote-div{ padding: 0px; } .Headline-Angebote-Container h1 { font-size: 24px; } } /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /* Copyright 2024 ebla studio - Full-Service Werbeagentur | https://eblastudio.com/ | eBay-Auktionsvorlage - eBay-Template Artikel-Nr. 10000001160 ---------- */ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------- Angebote und Kategorien ------------------------------*/ .Angebote-Ganz-Container{ margin: 00px 0px 0px 0px; padding: 10px 0px; } .Angebote-Container{ margin: 0px auto; padding: 10px 0px 10px 0px; } .Angebote-row{ padding: 0; margin: 0px 0px; } .Angebot-box{ display: block; position: relative; font-weight: 700; margin: 0px; padding: 5px; } .Angebote-row .Angebot-box:nth-child(1) .Angebote-row .Angebot-box:nth-child(2), .Angebote-row .Angebot-box:nth-child(3), .Angebote-row .Angebot-box:nth-child(4){ border: none; } .Angebot-box-div{ display: block; position: relative; text-align: center; transition: all 0.4s; overflow: hidden; opacity: 1; padding: 0px; margin: 0px; border-radius: 0px; } .Angebot-box-div:hover{ filter: brightness(85%); } .Angebot-box-div .Angebot-box-div-Link{ padding: 0px; margin: 0px; } .Angebot-box .Angebot-Name{ position: relative; z-index: 6; text-decoration:none; list-style: none; color: var(--pr-TX-dunkel-02) ; /*-----------------*/ background-color: #fff; border: 1px solid var(--pr-hell-05); text-align: center; overflow: hidden; width: 100%; bottom: 0px; font-size: 16px; font-weight: 400; border-radius: 5px; padding: 10px 0px; margin: 10px 0px 0px 0px; transition: all 0.4s; } .Angebot-box a { text-decoration:none; list-style: none; border:none; margin: 0; padding: 0; font-weight: 400; color: var(--pr-TX-dunkel-02) ; } .Angebote-Container .Angebot-box .Angebot-Icon{ display: block; position: relative; margin-right: 10px; } .Angebot-box h3{ text-decoration:none; list-style: none; color: var(--pr-TX-dunkel-01) !important; background-color: rgba(0, 0, 0, 0.1) ; position: absolute; z-index: 9; font-size: 14px; font-weight: 400; top: 0; right: 0; padding: 7px; } .Angebot-box-div-Link img{ max-width:100%; height:auto; margin: 0; padding: 0; overflow: hidden; border-radius: 7px; transition: all 0.4s; } @media (max-width: 992px){ .Angebote-Ganz-Container{ margin: 0px 0px 0px 0px; padding: 0; } } @media (min-width:767px) and (max-width: 992px){ .Angebot-box .Angebot-Name{ font-size: 14px; } .Angebot-box h3{ font-size: 11px; } } @media (max-width: 767px){ .Angebote-Container{ border-right: 0px solid var(--pr-Linien); border-left: 0px solid var(--pr-Linien); } .Angebot-box { padding: 0px; } .Angebot-box .Angebot-Name{ font-size: 14px; padding: 6px 0px; } .Angebot-box-div{ margin: 5px; } } @media (max-width: 490px){ .Angebot-box h3{ font-size: 12px; padding: 5px; } .Angebote-Container .Angebot-Icon{ margin-right: 5px; } } @media (max-width: 412px){ } /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /* Copyright 2024 ebla studio - Full-Service Werbeagentur | https://eblastudio.com/ | eBay-Auktionsvorlage - eBay-Template Artikel-Nr. 10000001160 ---------- */ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /* Copyright 2024 ebla studio - Full-Service Werbeagentur | https://eblastudio.com/ | eBay-Auktionsvorlage - eBay-Template Artikel-Nr. 10000001160 ---------- */ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*----------------------------------------------------------------- Info Boxes --------------------------------------------------------*/ .Info-Box-Container{ background-color: var(--Info-Box-Ganz-Container-HG); margin: 15px 0px 25px 0px; padding: 0; } .Info-Box-div{ background-color: var(--pr-hell-02); border-radius: 10px; margin: 0; padding: 40px; } .Info-Box-div-innen{ background-color: var(--Info-Box-HG); margin: 0px; padding: 20px; border-radius: 5px; } .Info-Box-div-innen p{ font-size: 14px; color: var(--Info-Box-TX); } .Info-Box-div-innen h1{ font-size: 24px; text-align: center; font-weight: 600; background-color: var(--Info-Box-H1-HG); color: var(--Info-Box-H1-TX-Farbe); border: 0px solid var(--pr-hell-05); border-radius: 5px; margin: 0px 0px 20px 0px; padding: 15px; } .Info-Box-div-innen h1 .Info-Box-Icon{ color: var(--Info-Box-Icon); border: none !important; font-size: 28px; margin: 0px 25px 0px 0px; } .Info-Box-Container .Info-Box-kleine-Icons { color: var(--Info-Box-kleine-Icons); } @media (max-width: 767px){ .Info-Box-div{ padding: 30px; border-radius: 0px; } .Info-Box-div-innen h1{ font-size: 22px; } .Info-Box-div-innen h1 .Info-Box-Icon{ font-size: 22px; } } @media (max-width: 467px){ .Info-Box-div{ padding: 30px; } .Info-Box-div-innen h1{ font-size: 20px; padding: 10px 0; } .Info-Box-div-innen h1 .Info-Box-Icon{ font-size: 20px; margin: 0px 10px 0px 0px; } .Info-Box-div-innen p{ font-size: 14px; } } /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /* Copyright 2024 ebla studio - Full-Service Werbeagentur | https://eblastudio.com/ | eBay-Auktionsvorlage - eBay-Template Artikel-Nr. 10000001160 ---------- */ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /* Copyright 2024 ebla studio - Full-Service Werbeagentur | https://eblastudio.com/ | eBay-Auktionsvorlage - eBay-Template Artikel-Nr. 10000001160 ---------- */ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*-------------------------------------- Infos Über dem Footer ---------------------------------------------*/ .Info-Ueber-Footer{ background-color: #fff ; border-bottom: 1px solid var(--pr-hell-03); border-top: 0px solid var(--pr-); text-align: center; padding: 15px; margin: 0; } .Info-Ueber-Footer-row, .Info-Ueber-Footer-col{ margin: 0; padding: 0; } .Info-Ueber-Footer .Info-Ueber-Footer-div{ margin: 0; padding: 0; } .Info-Ueber-Footer .Info-Ueber-Footer-text { color: var(--pr-TX-dunkel-02) ; font-size: 16px; background-color: #fff ; border: 1px solid var(--pr-hell-04); border-radius: 5px; padding: 10px 0px; margin: 10px; } .Info-Ueber-Footer .Icon-Code-HTML-Ueber-Footer{ color: var(--pr-TX-dunkel-02) ; } @media (min-width: 992px) and (max-width: 1200px) { .Info-Ueber-Footer .Info-Ueber-Footer-text { padding: 7px; } } @media (max-width: 992px){ .Info-Ueber-Footer{ padding: 15px; } .Info-Ueber-Footer .Info-Ueber-Footer-text { font-size: 14px; padding: 15px; } } /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /* Copyright 2024 ebla studio - Full-Service Werbeagentur | https://eblastudio.com/ | eBay-Auktionsvorlage - eBay-Template Artikel-Nr. 10000001160 ---------- */ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /* Copyright 2024 ebla studio - Full-Service Werbeagentur | https://eblastudio.com/ | eBay-Auktionsvorlage - eBay-Template Artikel-Nr. 10000001160 ---------- */ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ .Footer-ganz-Container{ background-color: #fff ; border-bottom: 1px solid var(--pr-hell-03); border-top: 1px solid var(--pr-hell-03); margin: 0; padding: 0; } .Footer-div { margin: 0; padding: 0; } .Footer-ganz-Container .Footer-ganz-row{ } /*--------------------------Footer-Box-01----------------------------------------------------*/ /*--------------------------Footer-Box-01----------------------------------------------------*/ /*--------------------------Footer-Box-01----------------------------------------------------*/ .Footer-Box-01-Fluid{ background-color: var(--pr-hell-02) ; } .Footer-div .Footer-Box-01{ margin: 20px 0 10px 0px; padding: 0; } .Footer-div .Footer-Box-01 h1 { font-size: 20px; font-weight: 600; background-color: var(--Footer-H1-HG); color: var(--Footer-H1-TX); border: 5px solid var(--pr-); border-radius: 5px; margin: 15px 0px 15px 0px; padding: 10px; } .Footer-div .Footer-Box-01 ul{ display: block; float: right; list-style: none; text-decoration: none; width: 100%; padding: 0px 0px; margin: 0px 0px 20px 0px; } .Footer-div .Footer-Box-01 ul li{ display: block; list-style: none; text-decoration: none; float: right; color: var(--Footer-LI-TX); border: 1px solid var(--Footer-LI-Border); font-size: 14px; font-weight: 500; line-height: 40px; padding: 5px 10px 5px 10px; margin: 0px 0px 0px 0px; } .Footer-div .Footer-Box-01 ul li:hover{ color: var(--Footer-LI-TX-Hover); } .Footer-div .Footer-Box-01 ul li a{ list-style: none; text-decoration: none; display: inline-block; vertical-align: middle; position: relative; overflow: hidden; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); opacity: 1; color: var(--pr-TX-dunkel-02) ; } .Footer-div .Footer-Box-01 ul li a:hover{ color: var(--pr-TX-dunkel-02) ; } .Footer-div .Footer-Box-01 .Footer-Box-01-Icon{ color: var(--Footer--Icons); } .Footer-div .Footer-Box-01 ul li a::after { content: ''; position: absolute; width: 100%; bottom: 5px; left: 0; height: 1px; background-color: var(--pr-); transform-origin: center; opacity: 0; transition: opacity 300ms, transform 300ms; transform: scale(0); } .Footer-div .Footer-Box-01 ul li a:hover::after, .Footer-div .Footer-Box-01 ul li a:focus::after{ opacity: 1; transform: translate3d(0, 0.5em, 0); transform: scale(1); } .Footer-div .Footer-Box-01 ul li a:hover:before, .Footer-div .Footer-Box-01 ul li a:focus:before, .Footer-div .Footer-Box-01 ul li a:active:before { right: 0; } /*--------------------------Footer-Box-02----------------------------------------------------*/ /*--------------------------Footer-Box-02----------------------------------------------------*/ /*--------------------------Footer-Box-02----------------------------------------------------*/ .Footer-div .Footer-Box-02{ margin: 40px 10px; padding: 0; } .Footer-div .Footer-Box-02 h1 { font-size: 20px; font-weight: 700; color: var(--Footer-H1-TX) ; margin: 15px 0px 5px 0px; padding: 0px; } .Footer-div .Footer-Box-02 p { font-size: 13px; color: var(--Footer-P-TX); margin: 0px 0px 0px 0px; padding: 0px; } .Footer-div .Footer-Box-02 .Footer-Box-01-Icon{ color: var(--Footer--Icons); } .Footer-div .Footer-Box-02 h2 { font-size: 30px; font-weight: 700; color: var(--Footer-H1-TX); border-bottom: 1px solid var(--pr-hell-05); margin: 10px 0px 0px 0px; padding: 10px 10px 10px 0px; } .Footer-div .Footer-Box-02 a { text-decoration: none; list-style: none; display: inline-block; position: relative; transition: all 0.5s; color: var(--Footer-Kontakt-Buttom-TX) ; border: 1px solid var(--pr-hell-04); font-size: 15px; font-weight: 600; border-radius: 5px; margin: 15px 0px 0px 0px; padding: 10px 75px; } .Footer-div .Footer-Box-02 a:hover { color: #fff; background-color: var(--pr-); border: 1px solid var(--pr-); } /*-------------------------- Footer-Shop-gross-button ----------------------------------------------------*/ /*-------------------------- Footer-Shop-gross-button ----------------------------------------------------*/ /*-------------------------- Footer-Shop-gross-button ----------------------------------------------------*/ .Footer-div .Footer-Shop-gross-button{ text-align: center; margin: 40px 10px; padding: 0; } .Footer-div .Footer-Shop-gross-button a{ display: inline-block; list-style: none; text-decoration: none; text-align: center; background-color: none; color: var(--pr-TX-dunkel-02) ; border: 1px solid var(--pr-hell-05); background-color: #fff; transition: all 0.4s; font-size: 28px; font-weight: 700; border-radius: 100%; margin: 0px 0px 0px 0px; padding: 60px 46px; line-height: 26px; } .Footer-div .Footer-Shop-gross-button a:hover{ background-color: var(--pr-); color: #fff; border: 1px solid var(--pr-); } .Footer-div .Footer-Shop-gross-button a span{ font-weight: 300; } /*--------------------------Footer-Box-03----------------------------------------------------*/ /*--------------------------Footer-Box-03----------------------------------------------------*/ /*--------------------------Footer-Box-03----------------------------------------------------*/ .Footer-Box-03-4-5-Fluid{ background-color: var(--pr-hell-02); } .Footer-div .Footer-Box-03{ text-align: center; margin: 15px 10px; padding: 0; } .Footer-div .Footer-Box-03 h1 { font-size: 20px; font-weight: 600; background-color: var(--Footer-H1-HG); color: var(--Footer-H1-TX); border: 1px solid var(--Footer-H1-Border); border-radius: 5px; margin: 15px 0px 15px 0px; padding: 10px; } .Footer-div .Footer-Box-03 p { font-size: 14px; background-color: var(--Footer-P-HG); color: var(--Footer-P-TX) ; border: 1px solid var(--Footer-P-Border); border-radius: 5px; margin: 15px 0px 15px 0px; padding: 10px; } .Footer-div .Footer-Box-03 p { font-size: 14px; background-color: var(--Footer-P-HG); color: var(--Footer-P-TX); border: 1px solid var(--Footer-P-Border); border-radius: 5px; margin: 15px 0px 15px 0px; padding: 10px; } .Footer-div .Footer-Box-03 a { display: inline-block; list-style: none; text-decoration: none; text-align: center; background-color: var(--Footer-Kontakt-Buttom-HG); color: var(--Footer-Kontakt-Buttom-TX); font-size: 14px; font-weight: 700; border-radius: 100%; margin: 0px 0px 0px 0px; padding: 35px 15px; } .Footer-div .Footer-Box-03 a:hover { background-color: var(--Footer-Kontakt-Buttom-HG-Hover); color: var(--Footer-Kontakt-Buttom-TX-Hover); } .Footer-div .Footer-Box-03 .Footer-Kontakt-Buttom-Icon{ color: var(--Footer-Kontakt-Buttom-Icon); } .Footer-div .Footer-Box-03 .Footer-Box-01-Icon{ color: var(--Footer--Icons); } /*--------------------------Footer GROSS ICONS----------------------------------------------------*/ /*--------------------------Footer GROSS ICONS----------------------------------------------------*/ /*--------------------------Footer GROSS ICONS----------------------------------------------------*/ .Footer-GROSS-Icons-row{ text-align: center; margin: 15px 0px 15px 0px; padding: 10px 0px 0px 0px; border-top: 1px solid var(--pr-BEIGE-06); } .Footer-GROSS-Icons-row .Footer-GROSS-Icons-div{ margin: 0; padding: 0; } .Footer-GROSS-Icons-row .Footer-GROSS-Icons-div .Footer-GROSS-Icons{ margin: 0; padding: 0; } .Footer-GROSS-Icons-row .Footer-GROSS-Icons-div .Footer-GROSS-Icons .Footer-GROSS-Icons-ICONS{ background-color: var(--Footer-GROSS-ICONS-HG); color: var(--Footer-GROSS-ICONS); border: 0px solid var(--Footer-GROSS-ICONS-Border); transition: all 0.5s; border-radius: 50%; margin: 5px; padding: 12px; } .Footer-GROSS-Icons-row .Footer-GROSS-Icons-div .Footer-GROSS-Icons .Footer-GROSS-Icons-ICONS:hover{ background-color: var(--Footer-GROSS-ICONS-HG-Hover); } /*--------------------------Footer V-Z-Icons----------------------------------------------------*/ /*--------------------------Footer V-Z-Icons----------------------------------------------------*/ /*--------------------------Footer V-Z-Icons----------------------------------------------------*/ .V-Z-Icons-row{ text-align: center; margin: 30px 0px; padding: 0; } .V-Z-Icons-row .V-Z-Icons-div{ margin: 0; padding: 0; } .V-Z-Icons-row .V-Z-Icons-div .V-Z-Icons-IMG{ margin: 0; padding: 0; } .V-Z-Icons-row .V-Z-Icons-div .V-Z-Icons-IMG img{ overflow: hidden; width: auto; height: 30px; transition: all 0.7s; border-radius: 5px; margin: 5px; padding: 0px; } .V-Z-Icons-row .V-Z-Icons-div .V-Z-Icons-IMG img:hover{ filter: brightness(80%); } /*--------------------------Footer-Richtlinien-TEXT----------------------------------------------------*/ /*--------------------------Footer-Richtlinien-TEXT----------------------------------------------------*/ /*--------------------------Footer-Richtlinien-TEXT----------------------------------------------------*/ .Footer-Richtlinien-TX-row{ margin: 10px 0px; padding: 0; } .Footer-Richtlinien-TX-row .Footer-Richtlinien-TX-div{ margin: 0; padding: 0; } .Footer-Richtlinien-TX-row .Footer-Richtlinien-TX-div .Footer-Richtlinien-TX-Text{ margin: 0; padding: 0; } .Footer-Richtlinien-TX-row .Footer-Richtlinien-TX-div .Footer-Richtlinien-TX-Text p { color: var(--pr-TX-dunkel-02) ; text-align: center; font-size: 10px; margin: 15px; padding: 0px 70px; } /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ @media (max-width: 992px){ .Footer-Box-01-Fluid{ border-bottom: 0px solid var(--pr-Linien); } .Footer-Richtlinien-TX-row .Footer-Richtlinien-TX-div .Footer-Richtlinien-TX-Text p { padding: 0px 25px; } .V-Z-Icons-row .V-Z-Icons-div .V-Z-Icons-IMG img{ height: 24px; } .Footer-div .Footer-Box-02 a { text-align: center; display: block; } } @media (max-width: 767px){ .Footer-ganz-Container .Footer-ganz-row{ border-left: 0px solid var(--pr-Linien); border-right: 0px solid var(--pr-Linien); } .Footer-div .Footer-Box-01 ul{ display: block; float: none; text-align: center; margin-top: 10px; margin-bottom: 10px; } .Footer-div .Footer-Box-01 ul li{ text-align: center; display: block; float: none; line-height: 35px; } .Footer-div .Footer-Box-01 ul li a{ display: inline-block; text-align: center; } .Footer-div .Footer-Box-02 { text-align: center; } .Footer-div .Footer-Box-02 a { text-align: center; display: block; } .Footer-div .Footer-Box-02 h1{ font-size: 24px; } .Footer-div .Footer-Box-02 h2 { font-size: 19px; } } /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /* Copyright 2024 ebla studio - Full-Service Werbeagentur | https://eblastudio.com/ | eBay-Auktionsvorlage - eBay-Template Artikel-Nr. 10000001160 ---------- */ /* Copyright 2024 ebla studio - Full-Service Werbeagentur | https://eblastudio.com/ | eBay-Auktionsvorlage - eBay-Template Artikel-Nr. 10000001160 ---------- */ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /* Copyright 2024 ebla studio - Full-Service Werbeagentur | https://eblastudio.com/ | eBay-Auktionsvorlage - eBay-Template NR. Artikel-Nr. 10000001160 ---------- */