/* Copyright 2024 ebla studio - Full-Service Werbeagentur | https://eblastudio.com/ | eBay-Auktionsvorlage - eBay-Template Artikel-Nr. 10000001102 ---------- */ /*----------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-: #dda407 ; --pr-02: #bd8b03 ; --pr-03: #977005 ; /*---------- */ --pr-Verlauf: none; --pr-dunkel-00: #63656e; --pr-dunkel-01: #3a3c46; --pr-dunkel-02: #000000 ; --pr-dunkel-03: #18191b; --pr-dunkel-04: #121314; --pr-dunkel-05: #0d0d0e; /*---------- */ --pr-hell-01: rgb(255, 255, 255); --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); /*---------- */ /*---------- */ --pr-HG-001: rgb(255, 255, 255); --pr-HG-00: rgb(255, 255, 255); --pr-HG-01: rgb(255, 255, 255); --pr-HG-02: rgb(255, 255, 255); --pr-HG-03: rgb(255, 255, 255); --pr-HG-04: rgb(255, 255, 255); --pr-HG-05: rgb(255, 255, 255); /*---------- */ /*---------- */ --pr-Linien: rgb(0, 0, 0) ; --pr-TX-01: rgb(0, 0, 0) ; --Linien-PX: 1px; /*------------ */ /*----------- */ /*---------- */ /*---------- */ /*----Sekundärfarbe ------ */ --sk-: #181824 ; /*------------ */ --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: var(--pr-) ; --Menu-Hover-Farbe: var(--pr-02) ; --Menu-Text-Farbe: #fff ; --Menu-Text-Hover: #fff ; --Menu-Trennlinie: rgb(0, 255, 191) ; --Menu-Trennlinie-TOP: var(--pr-02) ; --Menu-Trennlinie-BOTTOM: var(--pr-02) ; --Menu-Trennlinie-Left-Right: var(--pr-02) ; --Menu-Aktive: #000 ; --Menu-Aktive-Verlauf: none; --Menu-Icons-Farbe: #fff ; --Menu-Icons-Farbe-Pfeil: #fff ; --Menu-Animierte-Unterlinien: var(--pr-HG-05) ; --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-hell-02) ; --Menu-Unterkategorie-hg-Hover: var(--pr-hell-04) ; --Menu-Unterkategorie-TX: #000000 ; --Menu-Unterkategorie-TX-Hover: #000000 ; /*---- 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: var(--pr-hell-02) ; --Artikeldetails--Kisten-ul-HG: #fff; --Artikeldetails--Kisten-Farben-Hintergrund-AussenLinien: none; --Artikeldetails-ICONS: var(--pr-) ; --Artikeldetails--Artikelbezeichnung-H1-HG: var(--pr-hell-01) ; --Artikeldetails--Artikelbezeichnung-H1-TX: var(--pr-dunkel-02) ; --Artikeldetails--Artikelbezeichnung-H1-Border: var(--pr-hell-05) ; --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-HG-02) ; --Unter-Kaufen-Button-HG-Border: var(--pr-hell-05); --Unter-Kaufen-Button-TX: var(--pr-dunkel-02); --Unter-Kaufen-Button-TX-Hover: var(--pr-dunkel-02); --Unter-Kaufen-Button-Icon: var(--pr-) ; --ArtikelDetails-tx-dunkel: var(--pr-dunkel-02); --ArtikelDetails-tx-hell: rgb(0, 255, 191) ; --ArtikelDetails-tx-grau: var(--bk-04) ; --ArtikelDetails-Border-Linien: var(--pr-) ; /*---- Tabs Farben --------- */ --Tab-Ganz-Fluid-Container-HG: none ; --Tab-Ganz-Spalten-HG: var(--pr-hell-01) ; --Tabs-Spalten-HG: var(--pr-hell-03) ; --Tabs-Spalten-HG-Hover: var(--pr-hell-02) ; --Tabs-Spalten-TX: #000 ; --Tabs-Spalten-TX-Hover: #000 ; --Tabs-Spalten-Icon: var(--pr-) ; --Tabs-Spalten-Border: none ; --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: none ; --Tabs-Tab-Content-Border: var(--pr-hell-04) ; --Tabs-Tab-Content-PR-Icons: var(--pr-) ; --Tabs-Tab-Content-Normal-Icons: rgb(42, 0, 230) ; --Tabs-Tab-Content-TX: var(--pr-dunkel-02) ; --Tabs-Tab-Content-TX-HG: var(--pr-hell-02) ; --Tabs-Tab-Content-TX-HG-Border: var(--pr-hell-04) ; --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: var(--pr-) ; --FAQs-Tab-HG-hover: var(--pr-02) ; --FAQs-Tab-HG-Aktive: var(--pr-02) ; --FAQs-Tab-Border: var(--pr-hell-05) ; --FAQs-Tab-TX: #fff ; --FAQs-Tab-TX-hover: #fff ; --FAQs-Tab-TX-Aktive: #fff ; --FAQs-Tab-Icon: #fff ; --FAQs-Tab-Icon-HG: #108 ; --FAQs-Tab-Icon-hover: var(--pr-) ; --FAQs-Tab-Icon-Aktive: var(--pr-) ; --FAQs-Content-HG: var(--pr-hell-02) ; --FAQs-Content-Border: var(--pr-hell-04) ; --FAQs-Content-TX: var(--pr-dunkel-02) ; /*---- Info-Box ------ */ --Info-Box-Ganz-Container-HG: var(--pr-hell-02) ; --Info-Box-HG: #fff ; --Info-Box-H1-HG: var(--pr-hell-02) ; --Info-Box-H1-Farbe: var(--pr-dunkel-04) ; --Info-Box-TX: var(--pr-dunkel-04) ; --Info-Box-Icon: var(--pr-dunkel-04) ; --Info-Box-kleine-Icons: var(--pr-dunkel-04) ; /*---- 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: var(--pr-hell-01) ; --Sidebar-Infos-H1-HG-Border: var(--pr-hell-05) ; --Sidebar-Infos-H1-TX: var(--pr-dunkel-02) ; --Sidebar-Infos-Normal-TX: var(--pr-dunkel-02) ; --Sidebar-Infos-li-HG: var(--pr-hell-02) ; --Sidebar-Infos-li-HG-Hover: var(--pr-hell-03) ; --Sidebar-Infos-li-Border: none ; --Sidebar-Infos-ICON: var(--pr-) ; /*---- Headline ANGEBOTE ------ */ --Headline-Angebote-HG: var(--pr-hell-02) ; --Headline-Angebote-Innen-HG: var(--pr-) ; --Headline-Angebote-TX: #fff ; --Headline-Angebote-Icon: var(--pr-); --Headline-Angebote-Border: var(--pr-hell-03); /*---- Infos über dem Footer ------ */ --Infos-ueber-dem-Footer-HG: var(--pr-hell-01) ; --Infos-ueber-dem-Footer-Kasten-HG: #fff ; --Infos-ueber-dem-Footer-TX: var(--pr-dunkel-02) ; --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-dunkel-02) ; --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: none ; --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: none ; --Footer-H1-TX: var(--pr-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-dunkel-02) ; --Footer-LI-TX-Hover: var(--pr-dunkel-02) ; --Footer-P-HG: #fff ; --Footer-P-HG-Hover: #00ff55 ; --Footer-P-Border: none ; --Footer-P-TX: var(--pr-dunkel-02) ; --Footer-P-TX-Hover: #00ff6a ; --Footer-Kontakt-Buttom-HG: var(--pr-) ; --Footer-Kontakt-Buttom-HG-Hover: var(--pr-02) ; --Footer-Kontakt-Buttom-TX: #fff ; --Footer-Kontakt-Buttom-TX-Hover: #fff; --Footer-Kontakt-Buttom-Icon: #fff ; --Footer-Kontakt-Buttom-Icon-Hover: #fff; --Footer-GROSS-ICONS: var(--pr-) ; --Footer-GROSS-ICONS-HG: var(--pr-HG-01) ; --Footer-GROSS-ICONS-Border: #1e1f68; /*---- Sonstige Farben ------ */ --Headlines-Farbe: var(--pr-dunkel-02) ; --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); background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAMAAAAp4XiDAAAAUVBMVEWFhYWDg4N3d3dtbW17e3t1dXWBgYGHh4d5eXlzc3OLi4ubm5uVlZWPj4+NjY19fX2JiYl/f39ra2uRkZGZmZlpaWmXl5dvb29xcXGTk5NnZ2c8TV1mAAAAG3RSTlNAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEAvEOwtAAAFVklEQVR4XpWWB67c2BUFb3g557T/hRo9/WUMZHlgr4Bg8Z4qQgQJlHI4A8SzFVrapvmTF9O7dmYRFZ60YiBhJRCgh1FYhiLAmdvX0CzTOpNE77ME0Zty/nWWzchDtiqrmQDeuv3powQ5ta2eN0FY0InkqDD73lT9c9lEzwUNqgFHs9VQce3TVClFCQrSTfOiYkVJQBmpbq2L6iZavPnAPcoU0dSw0SUTqz/GtrGuXfbyyBniKykOWQWGqwwMA7QiYAxi+IlPdqo+hYHnUt5ZPfnsHJyNiDtnpJyayNBkF6cWoYGAMY92U2hXHF/C1M8uP/ZtYdiuj26UdAdQQSXQErwSOMzt/XWRWAz5GuSBIkwG1H3FabJ2OsUOUhGC6tK4EMtJO0ttC6IBD3kM0ve0tJwMdSfjZo+EEISaeTr9P3wYrGjXqyC1krcKdhMpxEnt5JetoulscpyzhXN5FRpuPHvbeQaKxFAEB6EN+cYN6xD7RYGpXpNndMmZgM5Dcs3YSNFDHUo2LGfZuukSWyUYirJAdYbF3MfqEKmjM+I2EfhA94iG3L7uKrR+GdWD73ydlIB+6hgref1QTlmgmbM3/LeX5GI1Ux1RWpgxpLuZ2+I+IjzZ8wqE4nilvQdkUdfhzI5QDWy+kw5Wgg2pGpeEVeCCA7b85BO3F9DzxB3cdqvBzWcmzbyMiqhzuYqtHRVG2y4x+KOlnyqla8AoWWpuBoYRxzXrfKuILl6SfiWCbjxoZJUaCBj1CjH7GIaDbc9kqBY3W/Rgjda1iqQcOJu2WW+76pZC9QG7M00dffe9hNnseupFL53r8F7YHSwJWUKP2q+k7RdsxyOB11n0xtOvnW4irMMFNV4H0uqwS5ExsmP9AxbDTc9JwgneAT5vTiUSm1E7BSflSt3bfa1tv8Di3R8n3Af7MNWzs49hmauE2wP+ttrq+AsWpFG2awvsuOqbipWHgtuvuaAE+A1Z/7gC9hesnr+7wqCwG8c5yAg3AL1fm8T9AZtp/bbJGwl1pNrE7RuOX7PeMRUERVaPpEs+yqeoSmuOlokqw49pgomjLeh7icHNlG19yjs6XXOMedYm5xH2YxpV2tc0Ro2jJfxC50ApuxGob7lMsxfTbeUv07TyYxpeLucEH1gNd4IKH2LAg5TdVhlCafZvpskfncCfx8pOhJzd76bJWeYFnFciwcYfubRc12Ip/ppIhA1/mSZ/RxjFDrJC5xifFjJpY2Xl5zXdguFqYyTR1zSp1Y9p+tktDYYSNflcxI0iyO4TPBdlRcpeqjK/piF5bklq77VSEaA+z8qmJTFzIWiitbnzR794USKBUaT0NTEsVjZqLaFVqJoPN9ODG70IPbfBHKK+/q/AWR0tJzYHRULOa4MP+W/HfGadZUbfw177G7j/OGbIs8TahLyynl4X4RinF793Oz+BU0saXtUHrVBFT/DnA3ctNPoGbs4hRIjTok8i+algT1lTHi4SxFvONKNrgQFAq2/gFnWMXgwffgYMJpiKYkmW3tTg3ZQ9Jq+f8XN+A5eeUKHWvJWJ2sgJ1Sop+wwhqFVijqWaJhwtD8MNlSBeWNNWTa5Z5kPZw5+LbVT99wqTdx29lMUH4OIG/D86ruKEauBjvH5xy6um/Sfj7ei6UUVk4AIl3MyD4MSSTOFgSwsH/QJWaQ5as7ZcmgBZkzjjU1UrQ74ci1gWBCSGHtuV1H2mhSnO3Wp/3fEV5a+4wz//6qy8JxjZsmxxy5+4w9CDNJY09T072iKG0EnOS0arEYgXqYnXcYHwjTtUNAcMelOd4xpkoqiTYICWFq0JSiPfPDQdnt+4/wuqcXY47QILbgAAAABJRU5ErkJggg==); 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. 10000001102 ---------- */ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*----------------------------------------------------------------ALLGEMEIN-----------------------------------------*/ .Mutter-container{ font-family: 'Poppins', sans-serif; margin: 0; padding: 0; background-color: var(--pr-HG-01); } .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. 10000001102 ---------- */ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /* Copyright 2024 ebla studio - Full-Service Werbeagentur | https://eblastudio.com/ | eBay-Auktionsvorlage - eBay-Template Artikel-Nr. 10000001102 ---------- */ /*--------------------------------------------------------------- LOGO -----------------------------------------*/ .Header-Container{ background-color: var(--pr-hell-01); margin: 0; padding: 0; } .Header-div{ margin: 20px auto 20px auto; padding: 0px; text-align: center; } .Header-Logo img{ display: block; object-fit: cover; text-align: center; height: 100%; max-width: auto; padding: 0; margin: 0 auto; } /*---------------------------------------------------------------------------*/ @media (max-width: 992px){ .Header-div{ margin: 20px auto 20px auto; padding:0; text-align: center; } .Header-Logo img{ float: none; text-align: center; margin: 20px auto; } } @media (max-width: 767px){ .Header-Logo img{ height: auto; width: 70%; float: none; text-align: center; margin: 20px auto; } .Header-Linien-Style{ border-left: 0px solid var(--pr-Linien); border-right: 0px solid var(--pr-Linien); } } @media (min-width:599px) and (max-width: 767px){ .Header-Logo img{ height: auto; margin: 10px auto; text-align: center; width: 50%; } } @media (min-width:510px) and (max-width: 599px){ .Header-Logo img{ height: auto; margin: 10px auto; text-align: center; width: 60%; } } @media (max-width: 490px){ .Header-Logo img{ height: auto; margin: 10px auto; text-align: center; width: 75%; } } /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /* Copyright 2024 ebla studio - Full-Service Werbeagentur | https://eblastudio.com/ | eBay-Auktionsvorlage - eBay-Template Artikel-Nr. 10000001102 ---------- */ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ .Banner-Galerie-Fluid { margin: 0; padding: 0; border-bottom: var(--Linien-PX) solid var(--pr-Linien); } .Banner-Galerie-Fluid .Banner-Galerie{ margin: 0; padding: 10px 0px 10px 10px; border-left: var(--Linien-PX) solid var(--pr-Linien); border-right: var(--Linien-PX) solid var(--pr-Linien); } .Banner-Galerie-Fluid .Banner-Galerie .Banner-Galerie-00{ margin: 0; padding: 0px; } .Banner-Galerie-Fluid .Banner-Galerie .Banner-Galerie-00 div{ margin: 0; padding: 0px; } .Banner-Galerie-Fluid .Banner-Galerie .Banner-Galerie-00:nth-child(1) div{ margin: 0; padding: 0px 10px 0px 0px; } .Banner-Galerie-Fluid .Banner-Galerie .Banner-Galerie-00:nth-child(2) div{ margin: 0; padding: 0px 10px 0px 0px; } .Banner-Galerie-Fluid .Banner-Galerie .Banner-Galerie-00:nth-child(3) div{ margin: 0; padding: 0px 10px 0px 0px; } .Banner-Galerie-Fluid .Banner-Galerie .Banner-Galerie-00:nth-child(4) div{ margin: 0; padding: 10px 10px 0px 0px; } .Banner-Galerie-Fluid .Banner-Galerie .Banner-Galerie-00:nth-child(5) div{ margin: 0; padding: 10px 10px 0px 0px; } .Banner-Galerie-Fluid .Banner-Galerie .Banner-Galerie-00:nth-child(6) div{ margin: 0; padding: 10px 10px 0px 0px; } .Banner-Galerie-Fluid .Banner-Galerie img{ display: block; object-fit: cover; text-align: center; height: auto; max-width: 100%; transition: all 0.5s; padding: 0px; margin: 0 auto; } .Banner-Galerie-Fluid .Banner-Galerie img:hover{ filter: brightness(80%); } /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /* Copyright 2024 ebla studio - Full-Service Werbeagentur | https://eblastudio.com/ | eBay-Auktionsvorlage - eBay-Template Artikel-Nr. 10000001102 ---------- */ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /* Copyright 2024 ebla studio - Full-Service Werbeagentur | https://eblastudio.com/ | eBay-Auktionsvorlage - eBay-Template Artikel-Nr. 10000001102 ---------- */ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*--------------------------------------------------------------- MENÜ - Navigation -----------------------------------------*/ .MenuGross { background: var(--Menu-hg-Farbe); padding: 0; margin: 0px 0px 0px 0px; border-top: 0px solid var(--Menu-Trennlinie-TOP); border-bottom: 0px solid var(--Menu-Trennlinie-BOTTOM); text-align: center; } .MenuGross-table { display: table; margin: 0 auto; } .MenuGross ul { color: var(--Menu-Text-Farbe) ; list-style: none; position: relative; margin: 0 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; float: left; position: relative; transition: 0.4s; background-color: var(--Menu-hg-Farbe); border-right: var(--Linien-PX) solid var(--Menu-Trennlinie-Left-Right) ; margin: 0; padding: 2px 17px; line-height: 40px; transition: 0.4s; } .MenuGross ul li:first-child{ border-left: var(--Linien-PX) solid var(--Menu-Trennlinie-Left-Right); } .MenuGross ul li:hover{ background-color: var(--Menu-Hover-Farbe) ; color: var(--Menu-Text-Hover); } .MenuGross ul li a { color: var(--Menu-Text-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); font-size: 14px; font-weight: 600; margin: 0; padding: 0px; } .MenuGross ul li a:hover{ color: var(--Menu-Text-Hover); } .MenuGross ul li a::after { content: ''; position: absolute; width: 100%; bottom: 5px; left: 0; height: 2px; 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 ul ul { border-top: 1px solid var(--Menu-Trennlinie-TOP); list-style-type: none; display: none; position: absolute; height: auto; width: 250px; top: 45px; left: 0; z-index: 20; transition: 0.4s; } .MenuGross ul li:hover>ul { display: inherit; } .MenuGross ul ul li { min-width: 100%; width: auto; float: none; list-style-type: none; display: block; position: relative; font-size: 13px; color: var(--Menu-Unterkategorie-TX) ; background: var(--Menu-Unterkategorie-hg) ; border-left: none !important; border-right: none !important; border-top: none !important; border-bottom: 1px solid var(--Menu-Trennlinie-BOTTOM); padding: 2px 17px; line-height: 40px; margin: 0; } .MenuGross ul ul li:before, div.MenuGross ul ul li a:before { display: none; } .MenuGross ul ul li a { display: block; font-size: 13px; font-weight: 400; color: var(--Menu-Unterkategorie-TX) !important; margin: 0; padding: 0px; } .MenuGross ul ul li:hover { background: var(--Menu-Unterkategorie-hg-Hover) ; color: var(--Menu-Unterkategorie-TX-Hover) ; } .MenuGross ul ul li:hover a { color: var(--Menu-Unterkategorie-TX-Hover) !important; text-decoration: none; } .MenuGross ul ul li img{ max-width: 100%; height: auto; } /* Copyright 2024 ebla studio - Full-Service Werbeagentur | https://eblastudio.com/ | eBay-Auktionsvorlage - eBay-Template Artikel-Nr. 10000001102 ---------- */ /*------------*/ @media (max-width: 991px) { .MenuGross { border-bottom: 2px 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: 500; 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: 660px; overflow-x: hidden; } } /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /* Copyright 2024 ebla studio - Full-Service Werbeagentur | https://eblastudio.com/ | eBay-Auktionsvorlage - eBay-Template Artikel-Nr. 10000001102 ---------- */ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*----------------------------------------- SLIDER --------------------------------------------*/ .slider-ganz-Container{ margin: 0px 0px 0px 0px; padding: 15px 0px; background-color: var(--pr-hell-01); } .slider-div { overflow: hidden; margin: 0; padding: 0px; } .slider-carousel { position: relative; margin:0; padding: 0; } .slider-KONTENT { position: relative; overflow: hidden; margin: 0; padding: 0; } .slider-input:checked + .slider-object { position: relative; opacity: 100; margin: 0; padding: 0; } .slider-object { position: absolute; overflow: hidden; opacity: 0; padding: 0; margin: 0; } .slider-object img { display: block; object-fit: cover; height: auto; width: 100%; border-radius: 5px; margin: 0 auto; padding: 0; } .slid-control { color: var(--bk-03); position: absolute; display: none; cursor: pointer; text-align: center; font-size: 24px; opacity: 1; top: 50%; z-index: 10; padding: 10px; margin: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); } .slider-div:hover .slid-control { opacity:1; } .slid-control.prev { left: 1%; } .slid-control.next { right: 1%; } .slid-control:hover { color: var(--bk-02); } #carousel-1:checked ~ .control-1, #carousel-2:checked ~ .control-2, #carousel-3:checked ~ .control-3 { display: block; } .slid-nav { list-style: none; position: absolute; text-align: center; z-index: 10; opacity: 1; bottom: 0; left: 0; right: 0; margin: 0; padding: 0; } .slider-div:hover .slid-nav { opacity: 1; } .slid-nav li { display: inline-block; margin: 0; padding: 0px 5px; } .slider-PUNKT { color: var(--gr-05); cursor: pointer; display: block; font-size: 26px; margin: 0; padding: 0; } .slider-PUNKT:hover { color: var(--pr-); } #carousel-1:checked ~ .control-1 ~ .slid-nav li:nth-child(1) .slider-PUNKT, #carousel-2:checked ~ .control-2 ~ .slid-nav li:nth-child(2) .slider-PUNKT, #carousel-3:checked ~ .control-3 ~ .slid-nav li:nth-child(3) .slider-PUNKT { color: var(--bk-02); } @media (max-width: 992px){ .slider-object img { border-radius: 5px; } } @media (max-width: 768px){ .slider-ganz-Container{ margin: 10px 10px 10px 10px; padding: 0; } } /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /* Copyright 2024 ebla studio - Full-Service Werbeagentur | https://eblastudio.com/ | eBay-Auktionsvorlage - eBay-Template Artikel-Nr. 10000001102 ---------- */ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*---------------------------------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. 10000001102 ---------- */ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*---------------------------------------------------------------------------------------- ARTIKELBILDERGALERIE | ARTIKELDETAILS ----------------*/ .Content-Container{ background-color: var(--pr-hell-01) ; margin: 0; padding: 0px 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: 5px; } .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 .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. 10000001102 ---------- */ /*----------------------------------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. 10000001102 ---------- */ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*-----------------------------------Artikeldetails-------------------------------------------*/ .main-container .Artikeldetails{ float: left; margin: 0; padding: 25px; border-radius: 5px; background-color: var(--pr-hell-02); } .Artikeldetails .Artikeldetails-Box-01{ margin: 0px; padding: 0; } .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{ background-color: none; font-size: 30px; font-weight: 700; color: var(--ArtikelDetails-tx-dunkel) ; border-radius: 5px; margin: 0px 0px 0px 0px; border: 2px solid var(--pr-); padding: 10px; } .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: 3px; margin: 15px 0px 5px 0px; padding: 0px 0px 10px 5px; border-bottom: var(--Linien-PX) solid var(--pr-); } .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); border-radius: 0px; margin: 15px 0px; padding: 0px 0px 0px 0px; float: left; } .Artikeldetails .Artikeldetails-Box-01 .P-01:hover{ background-color: none; color: none; } .Artikeldetails .Artikeldetails-Box-01 .P-02{ font-size: 14px; color: var(--pr-dunkel-02) ; background-color: var(--pr-hell-03); 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{ background-color: none ; border-top: var(--Linien-PX) solid var(--pr-); border-radius: 0px; margin: 0; padding: 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); font-size: 20px; font-weight: 500; padding: 10px 20px; margin: 0px 0px 0px 0px; border-radius: 5px; transition: 0.4s; } .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 { display: inline-block; 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: var(--pr-hell-03); border-top: var(--Linien-PX) solid var(--pr-); text-decoration:none; transition: all 0.5s; } .Artikeldetails-Box-02 .Unter-dem-Kaufen-Button:hover { color: var(--Unter-Kaufen-Button-TX-Hover); background-color: var(--pr-hell-04); } .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); } .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: 0px 0px 0px 0px; } .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. 10000001102 ---------- */ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /* Copyright 2024 ebla studio - Full-Service Werbeagentur | https://eblastudio.com/ | eBay-Auktionsvorlage - eBay-Template Artikel-Nr. 10000001102 ---------- */ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*----------------------------------------------------- ARTIKELBESCHREIBUNG - KARTE - TABs-ELEMENTE------------*/ .Tab-ganz-Container-Fluid{ margin: 10px 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) ; margin: 0px 0px 0px 0px; padding: 0; } .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); text-decoration: none; cursor: pointer; overflow: hidden; position: relative; display: inline-block; border-radius: 5px; font-size: 16px; font-weight: 500; transition: all 0.4s; 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) ; padding: 0px 0px; margin: 0px 0px 0px 0px; border-top: 2px solid var(--pr-); } #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. 10000001102 ---------- */ /*----------------------------------Tabs-Boxes------------------------------*/ .Tabs-Box-01{ margin: 0; padding: 0; } .tab-container .Tabs-Box-01 > h1{ font-size: 36px; font-weight: 700; text-align: center; background-color: none; color: var(--pr-); border: 2px solid var(--pr-); 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); padding: 10px; margin: 15px; } /* Copyright 2024 ebla studio - Full-Service Werbeagentur | https://eblastudio.com/ | eBay-Auktionsvorlage - eBay-Template Artikel-Nr. 10000001102 ---------- */ /*-------------------------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-); 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-); 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-); 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-); 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; 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-); 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; 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); 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); 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); 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); 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-); 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); 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); padding: 10px; margin: 15px; } .tab-container .Tabs-Box-04 ul{ list-style: none; text-decoration: none; background-color: var(--Tabs-Tab-Content-TX-HG); 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); 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); padding: 10px; margin: 15px 15px; } /*----------------------------------FAQ------------------------------*/ /*----------------------------------FAQ------------------------------*/ .Faqs_Container{ overflow: hidden; margin: 15px; padding: 0; } .Faqs_Container ul { list-style: none; display: block; overflow: hidden; padding: 0px; margin: 0px; transition: all 0.7s; } .Faqs_Container .FAQs > li { overflow: hidden; list-style: none; margin: 0; padding: 0; } .Faqs_Container .FAQs li > input { overflow: hidden; display: none; } .Faqs_Container .FAQs li > label { cursor: pointer; overflow: hidden; display: block; width: 100%; transition: all 0.7s; background: var(--FAQs-Tab-HG) ; color: var(--FAQs-Tab-TX) ; border-radius: 5px; font-size: 18px; font-weight: 500; 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); } .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: 2px solid var(--pr-); 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. 10000001102 ---------- */ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*---------------------------------------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. 10000001102 ---------- */ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /* Copyright 2024 ebla studio - Full-Service Werbeagentur | https://eblastudio.com/ | eBay-Auktionsvorlage - eBay-Template Artikel-Nr. 10000001102 ---------- */ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*-----------------------------------------------------------------Headline ANGEBOTE--------------------------------------------------------*/ .Headline-Angebote-Container{ text-align: center; margin: 0px 0px; padding: 0px; } .Artikel-Headline{ margin: 0px 0 0 0; padding: 0; } .Headline-Angebote-div{ background-color: var(--Headline-Angebote-Innen-HG) !important; margin: 0; padding: 0px; border-radius: 5px; } .Headline-Angebote-Container h1 { color: var(--Headline-Angebote-TX); text-align: center !important; font-size: 28px ; font-weight: 500; border: none !important; margin: 0; padding: 10px 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. 10000001102 ---------- */ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------- Angebote und Kategorien ------------------------------*/ .Angebote-Ganz-Container{ background-color: var(--pr-hell-01) ; margin: 0px 0px 0px 0px; padding: 10px 0px; } .Angebote-Container{ margin: 0px auto; padding: 0px 0px 0px 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; } .Angebot-box-div:hover{ filter: brightness(70%); } .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: #ffffff ; /*-----------------*/ background-color: var(--pr-); border-bottom: 6px solid var(--pr-02); text-align: center; overflow: hidden; width: 100%; bottom: 0px; font-size: 16px; font-weight: 400; padding: 10px 0px; transition: all 0.4s; } .Angebot-box a { text-decoration:none; list-style: none; border:none; margin: 0; padding: 0; font-weight: 400; color: #fff ; } .Angebote-Container .Angebot-box .Angebot-Icon{ display: block; position: relative; color: #fff ; margin-right: 10px; } .Angebot-box h3{ text-decoration:none; list-style: none; color: #fff ; background-color: rgba(0, 0, 0, 0.5) ; 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; 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: 5px; } .Angebot-box .Angebot-Name{ font-size: 14px; padding: 6px 0px; border-bottom: 5px solid var(--pr-02); } .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. 10000001102 ---------- */ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /* Copyright 2024 ebla studio - Full-Service Werbeagentur | https://eblastudio.com/ | eBay-Auktionsvorlage - eBay-Template Artikel-Nr. 10000001102 ---------- */ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*-------------------------------------- Infos Über dem Footer ---------------------------------------------*/ .Info-Ueber-Footer{ background-color: var(--pr-hell-02); border-bottom: 1px solid var(--pr-); border-top: 1px 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-dunkel-02); font-size: 16px; color: var(--Infos-ueber-dem-Footer-TX); background-color: var(--Infos-ueber-dem-Footer-HG) ; border-radius: 5px; padding: 10px 0px; margin: 10px; } .Info-Ueber-Footer .Icon-Code-HTML-Ueber-Footer{ color: var(--Infos-ueber-dem-Footer-Icons); } @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. 10000001102 ---------- */ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /* Copyright 2024 ebla studio - Full-Service Werbeagentur | https://eblastudio.com/ | eBay-Auktionsvorlage - eBay-Template Artikel-Nr. 10000001102 ---------- */ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ .Footer-ganz-Container{ background-color: var(--pr-hell-01); border-bottom: 1px solid var(--pr-); border-top: 1px solid var(--pr-); 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: var(--Linien-PX) solid var(--pr-Linien); 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(--Footer-LI-TX); } .Footer-div .Footer-Box-01 ul li a:hover{ color: var(--Footer-LI-TX-Hover); } .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: 2px; 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: 28px; font-weight: 700; color: var(--Footer-H1-TX); margin: 15px 0px 5px 0px; padding: 0px; } .Footer-div .Footer-Box-02 p { font-size: 14px; 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: 40px; font-weight: 700; color: var(--Footer-H1-TX); border-bottom: 2px solid var(--pr-); margin: 10px 0px 0px 0px; padding: 10px; } .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) ; background-color: var(--pr-); font-size: 15px; font-weight: 600; letter-spacing: 3px; border-radius: 5px; margin: 25px 0px 0px 0px; padding: 15px 75px; } .Footer-div .Footer-Box-02 a:hover { color: var(--Footer-Kontakt-Buttom-TX-Hover); background-color: var(--Footer-Kontakt-Buttom-HG-Hover); } /*-------------------------- 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: #fff; border: 2px solid var(--pr-); background-color: var(--pr-); 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-02); color: #fff; border: 2px solid var(--pr-02); } .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-03); } .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); 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(--pr-HG-00); } /*--------------------------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: 40px; 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(--Footer-P-TX); 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: 29px; } .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 h2 { font-size: 34px; } } /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /* Copyright 2024 ebla studio - Full-Service Werbeagentur | https://eblastudio.com/ | eBay-Auktionsvorlage - eBay-Template Artikel-Nr. 10000001102 ---------- */ /* Copyright 2024 ebla studio - Full-Service Werbeagentur | https://eblastudio.com/ | eBay-Auktionsvorlage - eBay-Template Artikel-Nr. 10000001102 ---------- */ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------*/ /* Copyright 2024 ebla studio - Full-Service Werbeagentur | https://eblastudio.com/ | eBay-Auktionsvorlage - eBay-Template NR. Artikel-Nr. 10000001102 ---------- */