PageSourceSearch

https://shop.schulshop.at/

html schulshop.at collected 2026-10-07 01:18:20 UTC 133,562 bytes, 1,513 lines download raw bytes

1<!DOCTYPE html>
2<html lang="de">
3<head>
4    <meta charset="UTF-8">
5    <meta name="viewport" content="width=device-width, initial-scale=1.0">
6    <link rel="profile" href="https://gmpg.org/xfn/11">
7    <title>Computer Center Lorentschitsch Gmbh</title>
8<meta name='robots' content='max-image-preview:large' />
9<script>window._wca = window._wca || [];</script>
9
10<link rel='dns-prefetch' href='//cdn.tailwindcss.com' />
11<link rel='dns-prefetch' href='//cdn.apundf.com' />
12<link rel='dns-prefetch' href='//stats.wp.com' />
13<link rel='dns-prefetch' href='//fonts.googleapis.com' />
14<link rel="alternate" type="application/rss+xml" title="Computer Center Lorentschitsch Gmbh &raquo; Feed" href="https://shop.schulshop.at/feed/" />
15<link rel="alternate" type="application/rss+xml" title="Computer Center Lorentschitsch Gmbh &raquo; Kommentar-Feed" href="https://shop.schulshop.at/comments/feed/" />
16<style id="wp-img-auto-sizes-contain-inline-css">
17img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px}
18/*# sourceURL=wp-img-auto-sizes-contain-inline-css */
19</style>
20<style id="wp-emoji-styles-inline-css">
21
22	img.wp-smiley, img.emoji {
23		display: inline !important;
24		border: none !important;
25		box-shadow: none !important;
26		height: 1em !important;
27		width: 1em !important;
28		margin: 0 0.07em !important;
29		vertical-align: -0.1em !important;
30		background: none !important;
31		padding: 0 !important;
32	}
33/*# sourceURL=wp-emoji-styles-inline-css */
34</style>
35<style id="wp-block-library-inline-css">
36:root{--wp-block-synced-color:#7a00df;--wp-block-synced-color--rgb:122,0,223;--wp-bound-block-color:var(--wp-block-synced-color);--wp-editor-canvas-background:#ddd;--wp-admin-theme-color:#007cba;--wp-admin-theme-color--rgb:0,124,186;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-10--rgb:0,107,160.5;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px}@media (min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}.wp-element-button{cursor:pointer}:root .has-very-light-gray-background-color{background-color:#eee}:root .has-very-dark-gray-background-color{background-color:#313131}:root .has-very-light-gray-color{color:#eee}:root .has-very-dark-gray-color{color:#313131}:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background{background:linear-gradient(135deg,#00d084,#0693e3)}:root .has-purple-crush-gradient-background{background:linear-gradient(135deg,#34e2e4,#4721fb 50%,#ab1dfe)}:root .has-hazy-dawn-gradient-background{background:linear-gradient(135deg,#faaca8,#dad0ec)}:root .has-subdued-olive-gradient-background{background:linear-gradient(135deg,#fafae1,#67a671)}:root .has-atomic-cream-gradient-background{background:linear-gradient(135deg,#fdd79a,#004a59)}:root .has-nightshade-gradient-background{background:linear-gradient(135deg,#330968,#31cdcf)}:root .has-midnight-gradient-background{background:linear-gradient(135deg,#020381,#2874fc)}:root{--wp--preset--font-size--normal:16px;
36--wp--preset--font-size--huge:42px}.has-regular-font-size{font-size:1em}.has-larger-font-size{font-size:2.625em}.has-normal-font-size{font-size:var(--wp--preset--font-size--normal)}.has-huge-font-size{font-size:var(--wp--preset--font-size--huge)}:root .has-text-align-center{text-align:center}:root .has-text-align-left{text-align:left}:root .has-text-align-right{text-align:right}.has-fit-text{white-space:nowrap!important}#end-resizable-editor-section{display:none}.aligncenter{clear:both}.items-justified-left{justify-content:flex-start}.items-justified-center{justify-content:center}.items-justified-right{justify-content:flex-end}.items-justified-space-between{justify-content:space-between}.screen-reader-text{word-wrap:normal!important;border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-break:normal!important}.screen-reader-text:focus{background-color:#ddd;clip-path:none;color:#444;display:block;font-size:1em;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}html :where(.has-border-color){border-style:solid}html :where([style^=border-color],[style*=";border-color"],[style*="; border-color"]){border-style:solid}html :where([style^=border-top-color],[style*=";border-top-color"],[style*="; border-top-color"]){border-top-style:solid}html :where([style^=border-right-color],[style*=";border-right-color"],[style*="; border-right-color"]){border-right-style:solid}html :where([style^=border-bottom-color],[style*=";border-bottom-color"],[style*="; border-bottom-color"]){border-bottom-style:solid}html :where([style^=border-left-color],[style*=";border-left-color"],[style*="; border-left-color"]){border-left-style:solid}html :where([style^=border-width],[style*=";border-width"],[style*="; border-width"]){border-style:solid}html :where([style^=border-top-width],[style*=";border-top-width"],[style*="; border-top-width"]){border-top-style:solid}html :where([style^=border-right-width],[style*=";border-right-width"],[style*="; border-right-width"]){border-right-style:solid}html :where([style^=border-bottom-width],[style*=";border-bottom-width"],[style*="; border-bottom-width"]){border-bottom-style:solid}html :where([style^=border-left-width],[style*=";border-left-width"],[style*="; border-left-width"]){border-left-style:solid}html :where(img[class*=wp-image-]){height:auto;max-width:100%}:where(figure){margin:0 0 1em}html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:var(--wp-admin--admin-bar--height,0px)}@media screen and (max-width:600px){html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:0px}}
37
38/*# sourceURL=/wp-includes/css/dist/block-library/common.min.css */
39</style>
40<style id="classic-theme-styles-inline-css">
41/*! This file is auto-generated */
42.wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none}
43/*# sourceURL=/wp-includes/css/classic-themes.min.css */
44</style>
45
46<style id="global-styles-inline-css">
47:root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgb(6,147,227) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgb(252,185,
470) 0%,rgb(255,105,0) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgb(255,105,0) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgb(255, 255, 255), 6px 6px rgb(0, 0, 0);--wp--preset--shadow--crisp: 6px 6px 0px rgb(0, 0, 0);}.wp-block-button{--wp--preset--dimension--25: 25%;--wp--preset--dimension--50: 50%;--wp--preset--dimension--75: 75%;--wp--preset--dimension--100: 100%;}:where(body) { margin: 0; }:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}body{padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;}:root :where(.wp-element-button, .wp-block-button__link){background-color: #32373c;border-width: 0;color: #fff;font-family: inherit;font-size: inherit;font-style: inherit;font-weight: inherit;letter-spacing: inherit;line-height: inherit;padding-top: calc(0.667em + 2px);padding-right: calc(1.333em + 2px);padding-bottom: calc(0.667em + 2px);padding-left: calc(1.333em + 2px);text-decoration: none;text-transform: inherit;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}
47.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;}
48/*# sourceURL=global-styles-inline-css */
49</style>
50
51<style id="woocommerce-inline-inline-css">
52.woocommerce form .form-row .required { visibility: visible; }
53/*# sourceURL=woocommerce-inline-inline-css */
54</style>
55<link rel='stylesheet' id='lorshop-google-fonts-css' href='https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&#038;family=Outfit:wght@300;400;500;600;700;800;900&#038;display=swap' media='all' />
56<link rel='stylesheet' id='lorshop-style-css' href='https://shop.schulshop.at/wp-content/themes/lorentschitsch-shop/assets/css/theme.css?ver=2.4.0' media='all' />
57<style id="lorshop-style-inline-css">
58
59        :root {
60            --lorshop-primary: #3399fe;
61            --lorshop-hover: #b8040f;
62        }
63    
64/*# sourceURL=lorshop-style-inline-css */
65</style>
66<link rel='stylesheet' id='lorshop-main-css' href='https://shop.schulshop.at/wp-content/themes/lorentschitsch-shop/style.css?ver=2.4.0' media='all' />
67<link rel='stylesheet' id='apundf-wcag-tool-css' href='https://cdn.apundf.com/wcag-tool/latest/wcag-tool.css' media='all' />
68<link rel='stylesheet' id='jetpack-newsletter-reader-link-css' href='https://shop.schulshop.at/wp-content/plugins/jetpack/jetpack_vendor/automattic/jetpack-newsletter/src/../build/reader-link.css?ver=6569e23e23e0349e92b7' media='all' />
69<link rel='stylesheet' id='lorshop-wc-empty-css' href='https://shop.schulshop.at/wp-content/themes/lorentschitsch-shop/assets/css/wc-blocks-empty-cart.css?ver=2.4.0' media='all' />
70<script id="jquery-core-js" src="https://shop.schulshop.at/wp-includes/js/jquery/jquery.min.js?ver=3.7.1"></script>
vendor: 1 bytes, line 70
70
71<script id="jquery-migrate-js" src="https://shop.schulshop.at/wp-includes/js/jquery/jquery-migrate.min.js?ver=3.4.1"></script>
vendor: 1 bytes, line 71
71
72<script data-wp-strategy="defer" defer id="wc-jquery-blockui-js" src="https://shop.schulshop.at/wp-content/plugins/woocommerce/assets/js/jquery-blockui/jquery.blockUI.min.js?ver=2.7.0-wc.11.1.0"></script>
vendor: 1 bytes, line 72
72
73<script id="wc-add-to-cart-js-extra">
74var wc_add_to_cart_params = {"ajax_url":"/wp-admin/admin-ajax.php","wc_ajax_url":"/?wc-ajax=%%endpoint%%","i18n_view_cart":"Warenkorb anzeigen","cart_url":"https://shop.schulshop.at/cart/","is_cart":"","cart_redirect_after_add":"no"};
75//# sourceURL=wc-add-to-cart-js-extra
76</script>
vendor: 1 bytes, line 76
76
77<script data-wp-strategy="defer" defer id="wc-add-to-cart-js" src="https://shop.schulshop.at/wp-content/plugins/woocommerce/assets/js/frontend/add-to-cart.min.js?ver=11.1.0"></script>
vendor: 1 bytes, line 77
77
78<script data-wp-strategy="defer" defer id="wc-js-cookie-js" src="https://shop.schulshop.at/wp-content/plugins/woocommerce/assets/js/js-cookie/js.cookie.min.js?ver=2.1.4-wc.11.1.0"></script>
vendor: 1 bytes, line 78
78
79<script id="woocommerce-js-extra">
80var woocommerce_params = {"ajax_url":"/wp-admin/admin-ajax.php","wc_ajax_url":"/?wc-ajax=%%endpoint%%","i18n_password_show":"Passwort anzeigen","i18n_password_hide":"Passwort ausblenden"};
81//# sourceURL=woocommerce-js-extra
82</script>
vendor: 1 bytes, line 82
82
83<script data-wp-strategy="defer" defer id="woocommerce-js" src="https://shop.schulshop.at/wp-content/plugins/woocommerce/assets/js/frontend/woocommerce.min.js?ver=11.1.0"></script>
vendor: 1 bytes, line 83
83
84<script id="tailwindcss-js" src="https://cdn.tailwindcss.com"></script>
vendor: 1 bytes, line 84
84
85<script id="tailwindcss-js-after">
86tailwind.config = {
87            theme: {
88                extend: {
89                    fontFamily: {
90                        'sans': ['Inter', 'system-ui', '-apple-system', 'sans-serif'],
91                        'heading': ['Outfit', 'Inter', 'system-ui', 'sans-serif'],
92                    },
93                    animation: {
94                        'fade-up': 'fadeUp 0.6s cubic-bezier(0.22, 1, 0.36, 1) both',
95                        'fade-in': 'fadeIn 0.5s ease both',
96                        'scale-in': 'scaleIn 0.4s cubic-bezier(0.22, 1, 0.36, 1) both',
97                    },
98                    keyframes: {
99                        fadeUp: { from: { opacity: '0', transform: 'translateY(16px)' }, to: { opacity: '1', transform: 'translateY(0)' } },
100                        fadeIn: { from: { opacity: '0' }, to: { opacity: '1' } },
101                        scaleIn: { from: { opacity: '0', transform: 'scale(0.96)' }, to: { opacity: '1', transform: 'scale(1)' } },
102                    },
103                },
104            },
105        }
106    
107//# sourceURL=tailwindcss-js-after
108</script>
vendor: 1 bytes, line 108
108
109<script data-wp-strategy="defer" defer id="woocommerce-analytics-js" src="https://stats.wp.com/s-202641.js"></script>
109
110<link rel="https://api.w.org/" href="https://shop.schulshop.at/wp-json/" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://shop.schulshop.at/xmlrpc.php?rsd" />
111<meta name="generator" content="WordPress 7.1.2" />
112<meta name="generator" content="WooCommerce 11.1.0" />
113	<style>img#wpstats{display:none}</style>
114			<noscript><style>.woocommerce-product-gallery{ opacity: 1 !important; }</style></noscript>
115	<link rel='stylesheet' id='wc-stripe-blocks-checkout-style-css' href='https://shop.schulshop.at/wp-content/plugins/woocommerce-gateway-stripe/build/upe-blocks.css?ver=47fa3695454c5c4f96b5' media='all' />
116
117</head>
118<body class="home blog wp-custom-logo wp-theme-lorentschitsch-shop theme-lorentschitsch-shop woocommerce-no-js font-sans antialiased text-gray-900">
119
120<a href="#main-content" class="sr-only focus:not-sr-only focus:absolute focus:top-4 focus:left-4 focus:z-[100] focus:bg-white focus:text-gray-900 focus:px-4 focus:py-2 focus:rounded-lg">
121    Zum Inhalt springen</a>
122
123<!-- Header (matches React: clean white bar with border, backdrop blur, sticky) -->
124<header class="sticky top-0 z-40 w-full border-b bg-white/95 backdrop-blur supports-[backdrop-filter]:bg-white/60" id="site-header">
125    <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
126        <div class="flex items-center justify-between h-16 gap-4">
127
128            <!-- Logo + Categories -->
129            <div class="flex items-center gap-1">
130                                    <div class="custom-logo-link [&_img]:h-8 [&_img]:w-auto">
131                        <a href="https://shop.schulshop.at/" class="custom-logo-link" rel="home" aria-current="page"><img width="300" height="77" src="https://shop.schulshop.at/wp-content/uploads/2026/06/schulshop_logo_logo.jpg" class="custom-logo" alt="Computer Center Lorentschitsch Gmbh" decoding="async" /></a>                    </div>
132                
133                <!-- Categories Mega Menu - Desktop -->
134                                <div class="hidden md:block ml-2 relative" id="categories-mega-menu">
135                    <button class="flex items-center gap-1.5 px-3 py-2 text-sm font-medium text-gray-600 hover:text-gray-900 rounded-lg hover:bg-gray-100 transition-colors" id="categories-toggle">
136                        <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 11H5m14 0a2 2 0 012 2v6a2 2 0 01-2 2H5a2 2 0 01-2-2v-6a2 2 0 012-2m14 0V9a2 2 0 00-2-2M5 11V9a2 2 0 012-2m0 0V5a2 2 0 012-2h6a2 2 0 012 2v2M7 7h10"/></svg>
137                        <span>Kategorien</span>
138                        <svg class="w-3.5 h-3.5 transition-transform duration-200" id="categories-chevron" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"/></svg>
139                    </button>
140
141                    <!-- Mega Menu Dropdown -->
142                    <div id="categories-dropdown" class="hidden absolute top-full left-0 pt-2 z-50">
143                        <div class="bg-white border rounded-xl shadow-xl p-4 w-[480px]" style="animation: scaleIn 0.2s ease;">
144                            <div class="grid grid-cols-2 gap-1">
145                                                                <a href="https://shop.schulshop.at/product-category/adobe/"
146                                   class="flex items-start p-3 rounded-lg hover:bg-gray-50 transition-colors group">
147                                    <div class="min-w-0">
148                                        <div class="font-medium text-sm text-gray-900">
149                                            Adobe                                        </div>
150                                        <div class="text-xs text-gray-500 mt-0.5">
151                                            0 Produkte                                        </div>
152                                    </div>
153                                </a>
154                                                                <a href="https://shop.schulshop.at/product-category/beamer/"
155                                   class="flex items-start p-3 rounded-lg hover:bg-gray-50 transition-colors group">
156                                    <div class="min-w-0">
157                                        <div class="font-medium text-sm text-gray-900">
158                                            Beamer                                        </div>
159                                        <div class="text-xs text-gray-500 mt-0.5">
160                                            5 Produkte                                        </div>
161                                    </div>
162                                </a>
163                                                                <a href="https://shop.schulshop.at/product-category/computer/"
164                                   class="flex items-start p-3 rounded-lg hover:bg-gray-50 transition-colors group">
165                                    <div class="min-w-0">
166                                        <div class="font-medium text-sm text-gray-900">
167                                            Computer                                        </div>
168                                        <div class="text-xs text-gray-500 mt-0.5">
169                                            1 Produkt                                        </div>
170                                    </div>
171                                </a>
172                                                                <a href="https://shop.schulshop.at/product-category/corel/"
173                                   class="flex items-start p-3 rounded-lg hover:bg-gray-50 transition-colors group">
174                                    <div class="min-w-0">
175                                        <div class="font-medium text-sm text-gray-900">
176                                            Corel                                        </div>
177                                        <div class="text-xs text-gray-500 mt-0.5">
178                                            4 Produkte                                        </div>
179                                    </div>
180                                </a>
181                                                                <a href="https://shop.schulshop.at/product-category/displays/"
182                                   class="flex items-start p-3 rounded-lg hover:bg-gray-50 transition-colors group">
183                                    <div class="min-w-0">
184                                        <div class="font-medium text-sm text-gray-900">
185                                            Displays                                        </div>
186                                        <div class="text-xs text-gray-500 mt-0.5">
187                                            6 Produkte                                        </div>
188                                    </div>
189                                </a>
190                                                                <a href="https://shop.schulshop.at/product-category/dokumentenkameras/"
191                                   class="flex items-start p-3 rounded-lg hover:bg-gray-50 transition-colors group">
192                                    <div class="min-w-0">
193                                        <div class="font-medium text-sm text-gray-900">
194                                            Dokumentenkameras                                        </div>
195                                        <div class="text-xs text-gray-500 mt-0.5">
196                                            3 Produkte                                        </div>
197                                    </div>
198                                </a>
199                                                                <a href="https://shop.schulshop.at/product-category/dokumentenscanner/"
200                                   class="flex items-start p-3 rounded-lg hover:bg-gray-50 transition-colors group">
201                                    <div class="min-w-0">
202                                        <div class="font-medium text-sm text-gray-900">
203                                            Dokumentenscanner                                        </div>
204                                        <div class="text-xs text-gray-500 mt-0.5">
205                                            1 Produkt                                        </div>
206                                    </div>
207                                </a>
208                                                                <a href="https://shop.schulshop.at/product-category/drucker/"
209                                   class="flex items-start p-3 rounded-lg hover:bg-gray-50 transition-colors group">
210                                    <div class="min-w-0">
211                                        <div class="font-medium text-sm text-gray-900">
212                                            Drucker                                        </div>
213                                        <div class="text-xs text-gray-500 mt-0.5">
214                                            6 Produkte                                        </div>
215                                    </div>
216                                </a>
217                                                                <a href="https://shop.schulshop.at/product-category/firewalls/"
218                                   class="flex items-start p-3 rounded-lg hover:bg-gray-50 transition-colors group">
219                                    <div class="min-w-0">
220                                        <div class="font-medium text-sm text-gray-900">
221                                            Firewalls                                        </div>
222                                        <div class="text-xs text-gray-500 mt-0.5">
223                                            0 Produkte                                        </div>
224                                    </div>
225                                </a>
226                                                                <a href="https://shop.schulshop.at/product-category/kassen/"
227                                   class="flex items-start p-3 rounded-lg hover:bg-gray-50 transition-colors group">
228                                    <div class="min-w-0">
229                                        <div class="font-medium text-sm text-gray-900">
230                                            Kassen                                        </div>
231                                        <div class="text-xs text-gray-500 mt-0.5">
232                                            0 Produkte                                        </div>
233                                    </div>
234                                </a>
235                                                                <a href="https://shop.schulshop.at/product-category/microsoft/"
236                                   class="flex items-start p-3 rounded-lg hover:bg-gray-50 transition-colors group">
237                                    <div class="min-w-0">
238                                        <div class="font-medium text-sm text-gray-900">
239                                            Microsoft                                        </div>
240                                        <div class="text-xs text-gray-500 mt-0.5">
241                                            2 Produkte                                        </div>
242                                    </div>
243                                </a>
244                                                                <a href="https://shop.schulshop.at/product-category/monitore/"
245                                   class="flex items-start p-3 rounded-lg hover:bg-gray-50 transition-colors group">
246                                    <div class="min-w-0">
247                                        <div class="font-medium text-sm text-gray-900">
248                                            Monitore                                        </div>
249                                        <div class="text-xs text-gray-500 mt-0.5">
250                                            6 Produkte                                        </div>
251                                    </div>
252                                </a>
253                                                                <a href="https://shop.schulshop.at/product-category/notebooks/"
254                                   class="flex items-start p-3 rounded-lg hover:bg-gray-50 transition-colors group">
255                                    <div class="min-w-0">
256                                        <div class="font-medium text-sm text-gray-900">
257                                            Notebooks                                        </div>
258                                        <div class="text-xs text-gray-500 mt-0.5">
259                                            5 Produkte                                        </div>
260                                    </div>
261                                </a>
262                                                                <a href="https://shop.schulshop.at/product-category/parat/"
263                                   class="flex items-start p-3 rounded-lg hover:bg-gray-50 transition-colors group">
264                                    <div class="min-w-0">
265                                        <div class="font-medium text-sm text-gray-900">
266                                            Parat                                        </div>
267                                        <div class="text-xs text-gray-500 mt-0.5">
268                                            9 Produkte                                        </div>
269                                    </div>
270                                </a>
271                                                                <a href="https://shop.schulshop.at/product-category/tablets/"
272                                   class="flex items-start p-3 rounded-lg hover:bg-gray-50 transition-colors group">
273                                    <div class="min-w-0">
274                                        <div class="font-medium text-sm text-gray-900">
275                                            Tablets                                        </div>
276                                        <div class="text-xs text-gray-500 mt-0.5">
277                                            0 Produkte                                        </div>
278                                    </div>
279                                </a>
280                                                                <a href="https://shop.schulshop.at/product-category/virtualschool/"
281                                   class="flex items-start p-3 rounded-lg hover:bg-gray-50 transition-colors group">
282                                    <div class="min-w-0">
283                                        <div class="font-medium text-sm text-gray-900">
284                                            VirtualSchool                                        </div>
285                                        <div class="text-xs text-gray-500 mt-0.5">
286                                            1 Produkt                                        </div>
287                                    </div>
288                                </a>
289                                                                <a href="https://shop.schulshop.at/product-category/zubehoer/"
290                                   class="flex items-start p-3 rounded-lg hover:bg-gray-50 transition-colors group">
291                                    <div class="min-w-0">
292                                        <div class="font-medium text-sm text-gray-900">
293                                            Zubehör                                        </div>
294                                        <div class="text-xs text-gray-500 mt-0.5">
295                                            9 Produkte                                        </div>
296                                    </div>
297                                </a>
298                                                            </div>
299                            <div class="border-t my-3"></div>
300                            <a href="https://shop.schulshop.at/shop/"
301                               class="flex items-center justify-center p-2 rounded-lg text-sm text-gray-500 
301hover:text-gray-900 hover:bg-gray-50 transition-colors">
302                                Alle Kategorien anzeigen
303                            </a>
304                        </div>
305                    </div>
306                </div>
307                            </div>
308
309            <!-- Search Bar - Desktop -->
310            <div class="hidden md:flex flex-1 max-w-xl">
311                <form role="search" method="get" action="https://shop.schulshop.at/" class="relative w-full">
312                    <span class="absolute left-3 top-1/2 -translate-y-1/2 text-gray-400">
313                        <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"/></svg>
314                    </span>
315                    <input type="search" name="s" placeholder="Produkte suchen..."
316                           class="w-full rounded-lg border-0 bg-gray-100/70 py-2.5 pl-10 pr-4 text-sm text-gray-900 placeholder:text-gray-400 focus:ring-2 focus:bg-white focus:outline-none"
317                           value="" />
318                                            <input type="hidden" name="post_type" value="product" />
319                                    </form>
320            </div>
321
322            <!-- Right Actions -->
323            <div class="flex items-center gap-1 sm:gap-2">
324
325                <!-- Mobile Search Toggle -->
326                <button id="mobile-search-toggle" class="md:hidden text-gray-600 hover:text-gray-900 p-2 rounded-lg hover:bg-gray-100 transition-colors" aria-label="Suche">
327                    <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"/></svg>
328                </button>
329
330                <!-- Account Dropdown -->
331                                <div class="relative hidden sm:block" id="account-dropdown">
332                    <button class="text-gray-600 hover:text-gray-900 p-2 rounded-lg hover:bg-gray-100 transition-colors" id="account-toggle">
333                        <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z"/></svg>
334                    </button>
335                    <!-- Dropdown Menu -->
336                    <div id="account-menu" class="hidden absolute right-0 top-full mt-2 py-1 min-w-[200px] z-50 bg-white border rounded-xl shadow-xl">
337                                                    <a href="https://shop.schulshop.at/my-account/" class="flex items-center gap-3 px-4 py-2.5 text-sm text-gray-700 hover:bg-gray-50 transition-colors">
338                                <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M11 16l-4-4m0 0l4-4m-4 4h14m-5 4v1a3 3 0 01-3 3H6a3 3 0 01-3-3V7a3 3 0 013-3h7a3 3 0 013 3v1"/></svg>
339                                Anmelden
340                            </a>
341                            <a href="https://shop.schulshop.at/my-account/?action=register" class="flex items-center gap-3 px-4 py-2.5 text-sm text-gray-700 hover:bg-gray-50 transition-colors">
342                                <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M18 9v3m0 0v3m0-3h3m-3 0h-3m-2-5a4 4 0 11-8 0 4 4 0 018 0zM3 20a6 6 0 0112 0v1H3v-1z"/></svg>
343                                Registrieren
344                            </a>
345                                            </div>
346                </div>
347                
348                <!-- Cart -->
349                                <a href="https://shop.schulshop.at/cart/" class="relative text-gray-600 hover:text-gray-900 p-2 rounded-lg hover:bg-gray-100 transition-colors" aria-label="Warenkorb">
350                    <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
350<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 100 4 2 2 0 000-4z"/></svg>
351                                        <span class="lorshop-cart-count absolute -top-1 -right-1 h-5 w-5 flex items-center justify-center rounded-full text-[10px] font-bold text-white hidden" style="background-color: #3399fe;">
352                        0                    </span>
353                </a>
354                
355                <!-- Mobile Menu Toggle -->
356                <button id="mobile-menu-toggle" class="md:hidden text-gray-600 hover:text-gray-900 p-2 rounded-lg hover:bg-gray-100 transition-colors" aria-label="Menü" aria-expanded="false">
357                    <svg class="w-5 h-5 hamburger-icon" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16"/></svg>
358                    <svg class="w-5 h-5 close-icon hidden" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/></svg>
359                </button>
360            </div>
361        </div>
362    </div>
363</header>
364
365<!-- Mobile Search (hidden by default) -->
366<div id="mobile-search" class="hidden bg-white border-b border-gray-200 md:hidden">
367    <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-3">
368        <form role="search" method="get" action="https://shop.schulshop.at/" class="relative">
369            <span class="absolute left-3 top-1/2 -translate-y-1/2 text-gray-400">
370                <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"/></svg>
371            </span>
372            <input type="search" name="s" placeholder="Produkte suchen..."
373                   class="w-full rounded-lg border border-gray-200 py-2.5 pl-10 pr-4 text-sm focus:ring-2 focus:outline-none" />
374                            <input type="hidden" name="post_type" value="product" />
375                    </form>
376    </div>
377</div>
378
379<!-- Mobile Menu (React-style slide panel) -->
380<div id="mobile-menu" class="hidden md:hidden bg-white border-b border-gray-200 shadow-lg">
381    <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-4">
382        <!-- Mobile Logo -->
383        <div class="flex items-center gap-2 mb-4 pb-4 border-b border-gray-100">
384            <div class="flex h-9 w-9 items-center justify-center rounded-lg text-white" style="background-color: #3399fe;">
385                <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24" stroke-width="2">
386                    <path stroke-linecap="round" stroke-linejoin="round" d="M9.75 17L9 20l-1 1h8l-1-1-.75-3M3 13h18M5 17h14a2 2 0 002-2V5a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z"/>
387                </svg>
388            </div>
389            <span class="text-xl font-bold">LorShop</span>
390        </div>
391
392        <!-- Navigation -->
393        <div class="mb-2 text-xs font-semibold text-gray-400 uppercase tracking-wider">Navigation</div>
394        <a href="https://shop.schulshop.at/" class="flex items-center gap-3 px-3 py-3 hover:bg-gray-50 rounded-lg transition-colors">
395            <svg class="w-5 h-5 text-gray-400" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-6 0a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1m-6 0h6"/></svg>
396            <span>Startseite</span>
397        </a>
398
399        <div class="border-t my-3"></div>
400
401        <!-- Mobile Categories -->
402        <div class="mb-2 text-xs font-semibold text-gray-400 uppercase tracking-wider">Kategorien</div>
403                    <a href="https://shop.schulshop.at/product-category/adobe/" class="flex items-center gap-3 px-3 py-3 hover:bg-gray-50 rounded-lg transition-colors">
404                <svg class="w-5 h-5 text-gray-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">
404<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2H6a2 2 0 01-2-2V6z"/></svg>
405                <div>
406                    <div class="text-sm font-medium">Adobe</div>
407                    <div class="text-xs text-gray-400">0 Produkte</div>
408                </div>
409            </a>
410                    <a href="https://shop.schulshop.at/product-category/beamer/" class="flex items-center gap-3 px-3 py-3 hover:bg-gray-50 rounded-lg transition-colors">
411                <svg class="w-5 h-5 text-gray-400" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2H6a2 2 0 01-2-2V6z"/></svg>
412                <div>
413                    <div class="text-sm font-medium">Beamer</div>
414                    <div class="text-xs text-gray-400">5 Produkte</div>
415                </div>
416            </a>
417                    <a href="https://shop.schulshop.at/product-category/computer/" class="flex items-center gap-3 px-3 py-3 hover:bg-gray-50 rounded-lg transition-colors">
418                <svg class="w-5 h-5 text-gray-400" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2H6a2 2 0 01-2-2V6z"/></svg>
419                <div>
420                    <div class="text-sm font-medium">Computer</div>
421                    <div class="text-xs text-gray-400">1 Produkte</div>
422                </div>
423            </a>
424                    <a href="https://shop.schulshop.at/product-category/corel/" class="flex items-center gap-3 px-3 py-3 hover:bg-gray-50 rounded-lg transition-colors">
425                <svg class="w-5 h-5 text-gray-400" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2H6a2 2 0 01-2-2V6z"/></svg>
426                <div>
427                    <div class="text-sm font-medium">Corel</div>
428                    <div class="text-xs text-gray-400">4 Produkte</div>
429                </div>
430            </a>
431                    <a href="https://shop.schulshop.at/product-category/displays/" class="flex items-center gap-3 px-3 py-3 hover:bg-gray-50 rounded-lg transition-colors">
432                <svg class="w-5 h-5 text-gray-400" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2H6a2 2 0 01-2-2V6z"/></svg>
433                <div>
434                    <div class="text-sm font-medium">Displays</div>
435                    <div class="text-xs text-gray-400">6 Produkte</div>
436                </div>
437            </a>
438                    <a href="https://shop.schulshop.at/product-category/dokumentenkameras/" class="flex items-center gap-3 px-3 py-3 hover:bg-gray-50 rounded-lg transition-colors">
439                <svg class="w-5 h-5 text-gray-400" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2H6a2 2 0 01-2-2V6z"/></svg>
440                <div>
441                    <div class="text-sm font-medium">Dokumentenkameras</div>
442                    <div class="text-xs text-gray-400">3 Produkte</div>
443                </div>
444            </a>
445                    <a href="https://shop.schulshop.at/product-category/dokumentenscanner/" class="flex items-center gap-3 px-3 py-3 hover:bg-gray-50 rounded-lg transition-colors">
446                <svg class="w-5 h-5 text-gray-400" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2H6a2 2 0 01-2-2V6z"/></svg>
447                <div>
448                    <div class="text-sm font-medium">Dokumentenscanner</div>
449                    <div class="text-xs text-gray-400">1 Produkte</div>
450                </div>
451            </a>
452                    <a href="https://shop.schulshop.at/product-category/drucker/" class="flex items-center gap-3 px-3 py-3 hover:bg-gray-50 rounded-lg transition-colors">
453                <svg class="w-5 h-5 text-gray-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">
453<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2H6a2 2 0 01-2-2V6z"/></svg>
454                <div>
455                    <div class="text-sm font-medium">Drucker</div>
456                    <div class="text-xs text-gray-400">6 Produkte</div>
457                </div>
458            </a>
459                    <a href="https://shop.schulshop.at/product-category/firewalls/" class="flex items-center gap-3 px-3 py-3 hover:bg-gray-50 rounded-lg transition-colors">
460                <svg class="w-5 h-5 text-gray-400" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2H6a2 2 0 01-2-2V6z"/></svg>
461                <div>
462                    <div class="text-sm font-medium">Firewalls</div>
463                    <div class="text-xs text-gray-400">0 Produkte</div>
464                </div>
465            </a>
466                    <a href="https://shop.schulshop.at/product-category/kassen/" class="flex items-center gap-3 px-3 py-3 hover:bg-gray-50 rounded-lg transition-colors">
467                <svg class="w-5 h-5 text-gray-400" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2H6a2 2 0 01-2-2V6z"/></svg>
468                <div>
469                    <div class="text-sm font-medium">Kassen</div>
470                    <div class="text-xs text-gray-400">0 Produkte</div>
471                </div>
472            </a>
473                    <a href="https://shop.schulshop.at/product-category/microsoft/" class="flex items-center gap-3 px-3 py-3 hover:bg-gray-50 rounded-lg transition-colors">
474                <svg class="w-5 h-5 text-gray-400" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2H6a2 2 0 01-2-2V6z"/></svg>
475                <div>
476                    <div class="text-sm font-medium">Microsoft</div>
477                    <div class="text-xs text-gray-400">2 Produkte</div>
478                </div>
479            </a>
480                    <a href="https://shop.schulshop.at/product-category/monitore/" class="flex items-center gap-3 px-3 py-3 hover:bg-gray-50 rounded-lg transition-colors">
481                <svg class="w-5 h-5 text-gray-400" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2H6a2 2 0 01-2-2V6z"/></svg>
482                <div>
483                    <div class="text-sm font-medium">Monitore</div>
484                    <div class="text-xs text-gray-400">6 Produkte</div>
485                </div>
486            </a>
487                    <a href="https://shop.schulshop.at/product-category/notebooks/" class="flex items-center gap-3 px-3 py-3 hover:bg-gray-50 rounded-lg transition-colors">
488                <svg class="w-5 h-5 text-gray-400" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2H6a2 2 0 01-2-2V6z"/></svg>
489                <div>
490                    <div class="text-sm font-medium">Notebooks</div>
491                    <div class="text-xs text-gray-400">5 Produkte</div>
492                </div>
493            </a>
494                    <a href="https://shop.schulshop.at/product-category/parat/" class="flex items-center gap-3 px-3 py-3 hover:bg-gray-50 rounded-lg transition-colors">
495                <svg class="w-5 h-5 text-gray-400" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2H6a2 2 0 01-2-2V6z"/></svg>
496                <div>
497                    <div class="text-sm font-medium">Parat</div>
498                    <div class="text-xs text-gray-400">9 Produkte</div>
499                </div>
500            </a>
501                    <a href="https://shop.schulshop.at/product-category/tablets/" class="flex items-center gap-3 px-3 py-3 hover:bg-gray-50 rounded-lg transition-colors">
502                <svg class="w-5 h-5 text-gray-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">
502<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2H6a2 2 0 01-2-2V6z"/></svg>
503                <div>
504                    <div class="text-sm font-medium">Tablets</div>
505                    <div class="text-xs text-gray-400">0 Produkte</div>
506                </div>
507            </a>
508                    <a href="https://shop.schulshop.at/product-category/virtualschool/" class="flex items-center gap-3 px-3 py-3 hover:bg-gray-50 rounded-lg transition-colors">
509                <svg class="w-5 h-5 text-gray-400" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2H6a2 2 0 01-2-2V6z"/></svg>
510                <div>
511                    <div class="text-sm font-medium">VirtualSchool</div>
512                    <div class="text-xs text-gray-400">1 Produkte</div>
513                </div>
514            </a>
515                    <a href="https://shop.schulshop.at/product-category/zubehoer/" class="flex items-center gap-3 px-3 py-3 hover:bg-gray-50 rounded-lg transition-colors">
516                <svg class="w-5 h-5 text-gray-400" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2H6a2 2 0 01-2-2V6z"/></svg>
517                <div>
518                    <div class="text-sm font-medium">Zubehör</div>
519                    <div class="text-xs text-gray-400">9 Produkte</div>
520                </div>
521            </a>
522        
523        <!-- Mobile User Actions -->
524        <div class="mt-4 pt-4 border-t border-gray-100 space-y-2">
525                                                <a href="https://shop.schulshop.at/my-account/" class="flex items-center gap-3 w-full px-3 py-2.5 text-sm text-gray-700 border border-gray-200 rounded-lg hover:bg-gray-50 transition-colors">
526                        <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M11 16l-4-4m0 0l4-4m-4 4h14m-5 4v1a3 3 0 01-3 3H6a3 3 0 01-3-3V7a3 3 0 013-3h7a3 3 0 013 3v1"/></svg>
527                        Anmelden
528                    </a>
529                    <a href="https://shop.schulshop.at/my-account/?action=register" class="flex items-center gap-3 w-full px-3 py-2.5 text-sm text-white rounded-lg transition-colors" style="background-color: #3399fe;">
530                        <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M18 9v3m0 0v3m0-3h3m-3 0h-3m-2-5a4 4 0 11-8 0 4 4 0 018 0zM3 20a6 6 0 0112 0v1H3v-1z"/></svg>
531                        Registrieren
532                    </a>
533                                    </div>
534    </div>
535</div>
536
537
538<main id="main-content" class="min-h-screen bg-gray-50/50">
539
540<!-- Hero Carousel (image-only, unlimited slides, progress dots + arrows) -->
541<section id="hero-carousel" class="relative h-[420px] md:h-[520px] overflow-hidden bg-black" data-interval="6000">
542    <!-- Slides -->
543        <div class="carousel-slide absolute inset-0 transition-all duration-[1200ms] ease-out opacity-100 scale-100"
544         data-slide="0">
545        <img src="https://shop.schulshop.at/wp-content/uploads/2026/06/parat_xl.jpg" alt=""
546             class="w-full h-full object-cover">
547    </div>
548        <div class="carousel-slide absolute inset-0 transition-all duration-[1200ms] ease-out opacity-0 scale-[1.08]"
549         data-slide="1">
550        <img src="https://shop.schulshop.at/wp-content/uploads/2026/06/benq_display_2021v_m.jpg" alt=""
551             class="w-full h-full object-cover">
552    </div>
553        <div class="carousel-slide absolute inset-0 transition-all duration-[1200ms] ease-out opacity-0 scale-[1.08]"
554         data-slide="2">
555        <img src="https://shop.schulshop.at/wp-content/uploads/2026/06/lenovo_edu_m.jpg" alt=""
556             class="w-full h-full object-cover">
557    </div>
558        <div class="carousel-slide absolute inset-0 transition-all duration-[1200ms] ease-out opacity-0 scale-[1.08]"
559         data-slide="3">
560        <img src="https://shop.schulshop.at/wp-content/uploads/2026/06/lenovo_campus_m.jpg" alt=""
561             class="w-full h-full object-cover">
562    </div>
563        <div class="carousel-slide absolute inset-0 transition-all duration-[1200ms] ease-out opacity-0 scale-[1.08]"
564         data-slide="4">
565        <img src="https://shop.schulshop.at/wp-content/uploads/2026/06/slider_netzwerktechnik_m.jpg" alt=""
566             class="w-full h-full object-cover">
567    </div>
568        <div class="carousel-slide absolute inset-0 transition-all duration-[1200ms] ease-out opacity-0 scale-[1.08]"
569         data-slide="5">
570        <img src="https://shop.schulshop.at/wp-content/uploads/2026/06/benq_display_mit_fluegel_m.jpg" alt=""
571             class="w-full h-full object-cover">
572    </div>
573    
574    <!-- Subtle gradient overlays for depth -->
575    <div class="absolute inset-0 bg-gradient-to-t from-black/40 via-transparent to-transparent pointer-events-none"></div>
576
577    <!-- Artistic accent glow -->
578    <div class="absolute bottom-0 left-0 w-[500px] h-[300px] pointer-events-none opacity-25 blur-3xl"
579         style="background: radial-gradient(ellipse at 0% 100%, #3399fe 0%, transparent 70%);"></div>
580
581        <!-- Static text overlay (does not slide with images) -->
582    <div class="absolute inset-0 z-10 pointer-events-none">
583        <div class="absolute inset-0 bg-gradient-to-r from-black/70 via-black/40 to-transparent"></div>
584        <div class="relative max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 h-full flex items-center">
585            <div class="max-w-lg pointer-events-auto">
586                                                    <h1 class="text-3xl md:text-5xl font-bold text-white mb-3 leading-tight">
587                        Willkommen im Schulshop                    </h1>
588                                                                    <a href="/shop"
589                       class="inline-flex items-center gap-2 px-6 py-3 text-white font-semibold rounded-lg transition hover:opacity-90"
590                       style="background-color: #3399fe;">
591                        Produkte ansehen                        <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14 5l7 7m0 0l-7 7m7-7H3"/></svg>
592                    </a>
593                            </div>
594        </div>
595    </div>
596    
597    <!-- Bottom controls bar (progress dots + arrows) -->
598    <div class="absolute bottom-0 inset-x-0 z-20">
599        <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
600            <div class="flex items-center justify-between py-5">
601                <!-- Progress dots (bar style) -->
602                <div class="flex items-center gap-2">
603                                        <button class="carousel-dot relative h-1 rounded-full overflow-hidden transition-all duration-500 active"
604                            data-goto="0"
605                            style="width: 40px;"
606                            aria-label="Slide 1">
607                        <div class="absolute inset-0 bg-white/25 rounded-full"></div>
608                                                <div class="carousel-progress absolute inset-0 rounded-full"
609                             style="background-color: #3399fe; animation: progress-bar 6000ms linear;"></div>
610                                            </button>
611                                        <button class="carousel-dot relative h-1 rounded-full overflow-hidden transition-all duration-500 "
612                            data-goto="1"
613                            style="width: 12px;"
614                            aria-label="Slide 2">
615                        <div class="absolute inset-0 bg-white/25 rounded-full"></div>
616                                            </button>
617                                        <button class="carousel-dot relative h-1 rounded-full overflow-hidden transition-all duration-500 "
618                            data-goto="2"
619                            style="width: 12px;"
620                            aria-label="Slide 3">
621                        <div class="absolute inset-0 bg-white/25 rounded-full"></div>
622                                            </button>
623                                        <button class="carousel-dot relative h-1 rounded-full overflow-hidden transition-all duration-500 "
624                            data-goto="3"
625                            style="width: 12px;"
626                            aria-label="Slide 4">
627                        <div class="absolute inset-0 bg-white/25 rounded-full"></div>
628                                            </button>
629                                        <button class="carousel-dot relative h-1 rounded-full overflow-hidden transition-all duration-500 "
630                            data-goto="4"
631                            style="width: 12px;"
632                            aria-label="Slide 5">
633                        <div class="absolute inset-0 bg-white/25 rounded-full"></div>
634                                            </button>
635                                        <button class="carousel-dot relative h-1 rounded-full overflow-hidden transition-all duration-500 "
636                            data-goto="5"
637                            style="width: 12px;"
638                            aria-label="Slide 6">
639                        <div class="absolute inset-0 bg-white/25 rounded-full"></div>
640                                            </button>
641                                    </div>
642
643                <!-- Arrow controls (circular) -->
644                <div class="flex items-center gap-2">
645                    <button class="carousel-prev w-10 h-10 rounded-full bg-white/[0.08] backdrop-blur-md flex items-center justify-center text-white/70 hover:text-white hover:bg-white/15 transition-all border border-white/10"
646                            aria-label="Vorherige Slide">
647                        <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
647<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 19l-7-7 7-7"/></svg>
648                    </button>
649                    <button class="carousel-next w-10 h-10 rounded-full bg-white/[0.08] backdrop-blur-md flex items-center justify-center text-white/70 hover:text-white hover:bg-white/15 transition-all border border-white/10"
650                            aria-label="Nächste Slide">
651                        <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/></svg>
652                    </button>
653                </div>
654            </div>
655        </div>
656    </div>
657</section>
658
659<!-- Features Bar (editable via Customizer: Design > Frontpage Features) -->
660
661<!-- Top Product Highlight (toggle via Customizer: Design > Frontpage Produkte) -->
662
663<!-- Featured Products Grid (editable via Customizer: Design > Frontpage Produkte) -->
664<section class="py-14 md:py-20">
665    <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
666        <!-- Section Header (React-style: tag pill + title + subtitle + button) -->
667        <div class="flex flex-col sm:flex-row sm:items-end justify-between gap-4 mb-10">
668            <div>
669                <div class="flex items-center gap-2.5 mb-3">
670                                            <div class="inline-flex items-center gap-1.5 px-3 py-1 rounded-full text-xs font-semibold uppercase tracking-wider"
671                             style="background-color: #3399fe12; color: #3399fe;">
672                            <svg class="w-3.5 h-3.5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 3v4M3 5h4M6 17v4m-2-2h4m5-16l2.286 6.857L21 12l-5.714 2.143L13 21l-2.286-6.857L5 12l5.714-2.143L13 3z"/></svg>
673                            Empfehlungen                        </div>
674                                    </div>
675                <h2 class="text-3xl md:text-4xl font-bold tracking-tight mb-2">Unsere Highlights</h2>
676                <p class="text-gray-500 text-lg max-w-xl">Handverlesene Bestseller und Neuheiten — Qualität, auf die Sie sich verlassen können.</p>
677            </div>
678            <a href="https://shop.schulshop.at/shop/"
679               class="self-start sm:self-auto shrink-0 inline-flex items-center gap-2 px-4 py-2 text-sm font-medium border border-gray-300 rounded-lg hover:bg-gray-50 text-gray-700 transition-colors group">
680                Alle Produkte
681                <svg class="w-4 h-4 group-hover:translate-x-0.5 transition-transform" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14 5l7 7m0 0l-7 7m7-7H3"/></svg>
682            </a>
683        </div>
684
685        <!-- Products Grid -->
686        <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-6 ls-stagger">
687                        <div class="animate-slide-up" style="animation-delay: 0s;">
688                <div class="group bg-white border border-gray-200 rounded-xl overflow-hidden hover:shadow-xl transition-all duration-300 h-full flex flex-col">
689    <!-- Image with hover overlay -->
690    <a href="https://shop.schulshop.at/produkt/pyloris-3-0-komplettset-benq-re8605-mit-fluegel/" class="relative h-56 bg-gray-100 overflow-hidden block">
691                    <img src="https://shop.schulshop.at/wp-content/uploads/2026/09/AUTO.1CCL.152.24092026150813KOMPLETTSET3-400x300.jpeg" alt="Pyloris 3.0 Komplettset Benq RE8605 mit Flügel"
692                 class="w-full h-full object-contain group-hover:scale-105 transition-transform duration-500">
693                <!-- Quick view overlay -->
694        <div class="absolute inset-0 bg-black/40 opacity-0 group-hover:opacity-100 transition-opacity duration-300 flex items-center justify-center">
695            <span class="w-10 h-10 rounded-lg bg-white flex items-center justify-center transform scale-75 group-hover:scale-100 transition-transform duration-300">
696                <svg class="w-5 h-5 text-gray-700" fill="none" stroke="currentColor" viewBox="0 0 24 24">
696<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"/><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z"/></svg>
697            </span>
698        </div>
699            </a>
700
701    <!-- Card Content -->
702    <div class="p-4 flex flex-col flex-1">
703        <!-- Name -->
704        <h3 class="font-semibold text-gray-900 text-sm mb-2 line-clamp-2" style="min-height: 2.5rem;">
705            <a href="https://shop.schulshop.at/produkt/pyloris-3-0-komplettset-benq-re8605-mit-fluegel/" class="hover:underline"
706               style="color: inherit;"
707               onmouseover="this.style.color='#3399fe'"
708               onmouseout="this.style.color='inherit'">Pyloris 3.0 Komplettset Benq RE8605 mit Flügel</a>
709        </h3>
710
711        <!-- Price -->
712        <div class="mb-1">
713            <span class="text-xl font-bold" style="color: #3399fe;"><span class="woocommerce-Price-amount amount"><bdi><span class="woocommerce-Price-currencySymbol" translate="no">&euro;</span>&nbsp;5.518,80</bdi></span></span>
714        </div>
715
716        <!-- Tax label -->
717        <p class="text-xs text-gray-400 mb-3">
718            inkl. USt., zzgl. <a href="https://shop.schulshop.at/versand-lieferung/" class="underline hover:text-gray-600">Versandkosten</a>        </p>
719
720        <!-- Delivery Badge -->
721        <div class="mb-3">
722            <span class="ls-badge ls-badge-delivery" style="color:#ff0000;background:#ff000012;"><svg class="w-3 h-3" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 16V6a1 1 0 00-1-1H4a1 1 0 00-1 1v10a1 1 0 001 1h1m8-1a1 1 0 01-1 1H9m4-1V8a1 1 0 011-1h2.586a1 1 0 01.707.293l3.414 3.414a1 1 0 01.293.707V16a1 1 0 01-1 1h-1m-6-1a1 1 0 001 1h1M5 17a2 2 0 104 0m-4 0a2 2 0 114 0m6 0a2 2 0 104 0m-4 0a2 2 0 114 0"/></svg>Auftragsbezogen</span>        </div>
723
724        <!-- Quantity + Add to Cart -->
725        <div class="flex items-center gap-2 pt-3 border-t mt-auto">
726            <div class="flex items-center border rounded-lg shrink-0">
727                <button class="qty-minus h-9 w-7 flex items-center justify-center text-gray-400 hover:text-gray-600 transition-colors" data-product="927">
728                    <svg class="w-3 h-3" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20 12H4"/></svg>
729                </button>
730                <span class="qty-display w-8 text-center text-sm font-medium" data-product="927">1</span>
731                <button class="qty-plus h-9 w-7 flex items-center justify-center text-gray-400 hover:text-gray-600 transition-colors" data-product="927">
732                    <svg class="w-3 h-3" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 4v16m8-8H4"/></svg>
733                </button>
734            </div>
735            <a href="/?add-to-cart=927"
736               class="add-to-cart-btn flex-1 flex items-center justify-center gap-2 px-4 py-2 text-sm font-medium text-white rounded-lg transition hover:opacity-90"
737               style="background-color: #3399fe;"
738               data-product-id="927"
739               data-product-name="Pyloris 3.0 Komplettset Benq RE8605 mit Flügel">
740                <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 100 4 2 2 0 000-4z"/></svg>
741                <span>Warenkorb</span>
742            </a>
743        </div>
744    </div>
745</div>
746            </div>
747                        <div class="animate-slide-up" style="animation-delay: 0.04s;">
748                <div class="group bg-white border border-gray-200 rounded-xl overflow-hidden hover:shadow-xl transition-all duration-300 h-full flex flex-col">
749    <!-- Image with hover overlay -->
750    <a href="https://shop.schulshop.at/produkt/parat-tabletkoffer-case-tc10-bis-10-geraete-102-kids-edu-cover-version-schwarz-charge-only/" class="relative h-56 bg-gray-100 overflow-hidden block">
751                    <img src="https://shop.schulshop.at/wp-content/uploads/2026/06/AUTO.1CCL.152.25062026092912PARATCASETC10COVER-400x300.jpg" alt="Parat-Tabletkoffer Case TC10 bis 10 Geräte (10,2&quot;) , Kids/EDU-Cover Version, Schwarz, charge only"
752                 class="w-full h-full object-contain group-hover:scale-105 transition-transform duration-500">
753                <!-- Quick view overlay -->
754        <div class="absolute inset-0 bg-black/40 opacity-0 group-hover:opacity-100 transition-opacity duration-300 flex items-center justify-center">
755            <span class="w-10 h-10 rounded-lg bg-white flex items-center justify-center transform scale-75 group-hover:scale-100 transition-transform duration-300">
756                <svg class="w-5 h-5 text-gray-700" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"/><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z"/></svg>
757            </span>
758        </div>
759            </a>
760
761    <!-- Card Content -->
762    <div class="p-4 flex flex-col flex-1">
763        <!-- Name -->
764        <h3 class="font-semibold text-gray-900 text-sm mb-2 line-clamp-2" style="min-height: 2.5rem;">
765            <a href="https://shop.schulshop.at/produkt/parat-tabletkoffer-case-tc10-bis-10-geraete-102-kids-edu-cover-version-schwarz-charge-only/" class="hover:underline"
766               style="color: inherit;"
767               onmouseover="this.style.color='#3399fe'"
768               onmouseout="this.style.color='inherit'">Parat-Tabletkoffer Case TC10 bis 10 Geräte (10,2&quot;) , Kids/EDU-Cover Version, Schwarz, charge only</a>
769        </h3>
770
771        <!-- Price -->
772        <div class="mb-1">
773            <span class="text-xl font-bold" style="color: #3399fe;"><span class="woocommerce-Price-amount amount"><bdi><span class="woocommerce-Price-currencySymbol" translate="no">&euro;</span>&nbsp;1.138,80</bdi></span></span>
774        </div>
775
776        <!-- Tax label -->
777        <p class="text-xs text-gray-400 mb-3">
778            inkl. USt., zzgl. <a href="https://shop.schulshop.at/versand-lieferung/" class="underline hover:text-gray-600">Versandkosten</a>        </p>
779
780        <!-- Delivery Badge -->
781        <div class="mb-3">
782            <span class="ls-badge ls-badge-delivery" style="color:#ff6600;background:#ff660012;"><svg class="w-3 h-3" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 16V6a1 1 0 00-1-1H4a1 1 0 00-1 1v10a1 1 0 001 1h1m8-1a1 1 0 01-1 1H9m4-1V8a1 1 0 011-1h2.586a1 1 0 01.707.293l3.414 3.414a1 1 0 01.293.707V16a1 1 0 01-1 1h-1m-6-1a1 1 0 001 1h1M5 17a2 2 0 104 0m-4 0a2 2 0 114 0m6 0a2 2 0 104 0m-4 0a2 2 0 114 0"/></svg>ca. 2 Wochen</span>        </div>
783
784        <!-- Quantity + Add to Cart -->
785        <div class="flex items-center gap-2 pt-3 border-t mt-auto">
786            <div class="flex items-center border rounded-lg shrink-0">
787                <button class="qty-minus h-9 w-7 flex items-center justify-center text-gray-400 hover:text-gray-600 transition-colors" data-product="628">
788                    <svg class="w-3 h-3" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20 12H4"/></svg>
789                </button>
790                <span class="qty-display w-8 text-center text-sm font-medium" data-product="628">1</span>
791                <button class="qty-plus h-9 w-7 flex items-center justify-center text-gray-400 hover:text-gray-600 transition-colors" data-product="628">
792                    <svg class="w-3 h-3" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 4v16m8-8H4"/></svg>
793                </button>
794            </div>
795            <a href="/?add-to-cart=628"
796               class="add-to-cart-btn flex-1 flex items-center justify-center gap-2 px-4 py-2 text-sm font-medium text-white rounded-lg transition hover:opacity-90"
797               style="background-color: #3399fe;"
798               data-product-id="628"
799               data-product-name="Parat-Tabletkoffer Case TC10 bis 10 Geräte (10,2&quot;) , Kids/EDU-Cover Version, Schwarz, charge only">
800                <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 100 4 2 2 0 000-4z"/></svg>
801                <span>Warenkorb</span>
802            </a>
803        </div>
804    </div>
805</div>
806            </div>
807                        <div class="animate-slide-up" style="animation-delay: 0.08s;">
808                <div class="group bg-white border border-gray-200 rounded-xl overflow-hidden hover:shadow-xl transition-all duration-300 h-full flex flex-col">
809    <!-- Image with hover overlay -->
810    <a href="https://shop.schulshop.at/produkt/benq-beamer-mh560-fullhd-dlp/" class="relative h-56 bg-gray-100 overflow-hidden block">
811                    <img src="https://shop.schulshop.at/wp-content/uploads/2026/05/AUTO.1CCL.152.13052026111345MH560-400x237.png" alt="Benq-Beamer MH560 FullHD DLP"
812                 class="w-full h-full object-contain group-hover:scale-105 transition-transform duration-500">
813                <!-- Quick view overlay -->
814        <div class="absolute inset-0 bg-black/40 opacity-0 group-hover:opacity-100 transition-opacity duration-300 flex items-center justify-center">
815            <span class="w-10 h-10 rounded-lg bg-white flex items-center justify-center transform scale-75 group-hover:scale-100 transition-transform duration-300">
816                <svg class="w-5 h-5 text-gray-700" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"/><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z"/></svg>
817            </span>
818        </div>
819            </a>
820
821    <!-- Card Content -->
822    <div class="p-4 flex flex-col flex-1">
823        <!-- Name -->
824        <h3 class="font-semibold text-gray-900 text-sm mb-2 line-clamp-2" style="min-height: 2.5rem;">
825            <a href="https://shop.schulshop.at/produkt/benq-beamer-mh560-fullhd-dlp/" class="hover:underline"
826               style="color: inherit;"
827               onmouseover="this.style.color='#3399fe'"
828               onmouseout="this.style.color='inherit'">Benq-Beamer MH560 FullHD DLP</a>
829        </h3>
830
831        <!-- Price -->
832        <div class="mb-1">
833            <span class="text-xl font-bold" style="color: #3399fe;"><span class="woocommerce-Price-amount amount"><bdi><span class="woocommerce-Price-currencySymbol" translate="no">&euro;</span>&nbsp;699,00</bdi></span></span>
834        </div>
835
836        <!-- Tax label -->
837        <p class="text-xs text-gray-400 mb-3">
838            inkl. USt., zzgl. <a href="https://shop.schulshop.at/versand-lieferung/" class="underline hover:text-gray-600">Versandkosten</a>        </p>
839
840        <!-- Delivery Badge -->
841        <div class="mb-3">
842            <span class="ls-badge ls-badge-delivery" style="color:#16a34a;background:#16a34a12;"><svg class="w-3 h-3" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 16V6a1 1 0 00-1-1H4a1 1 0 00-1 1v10a1 1 0 001 1h1m8-1a1 1 0 01-1 1H9m4-1V8a1 1 0 011-1h2.586a1 1 0 01.707.293l3.414 3.414a1 1 0 01.293.707V16a1 1 0 01-1 1h-1m-6-1a1 1 0 001 1h1M5 17a2 2 0 104 0m-4 0a2 2 0 114 0m6 0a2 2 0 104 0m-4 0a2 2 0 114 0"/></svg>2-3 Werktage</span>        </div>
843
844        <!-- Quantity + Add to Cart -->
845        <div class="flex items-center gap-2 pt-3 border-t mt-auto">
846            <div class="flex items-center border rounded-lg shrink-0">
847                <button class="qty-minus h-9 w-7 flex items-center justify-center text-gray-400 hover:text-gray-600 transition-colors" data-product="592">
848                    <svg class="w-3 h-3" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20 12H4"/></svg>
849                </button>
850                <span class="qty-display w-8 text-center text-sm font-medium" data-product="592">1</span>
851                <button class="qty-plus h-9 w-7 flex items-center justify-center text-gray-400 hover:text-gray-600 transition-colors" data-product="592">
852                    <svg class="w-3 h-3" fill="none" stroke="currentColor" viewBox="0 0 24 24">
852<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 4v16m8-8H4"/></svg>
853                </button>
854            </div>
855            <a href="/?add-to-cart=592"
856               class="add-to-cart-btn flex-1 flex items-center justify-center gap-2 px-4 py-2 text-sm font-medium text-white rounded-lg transition hover:opacity-90"
857               style="background-color: #3399fe;"
858               data-product-id="592"
859               data-product-name="Benq-Beamer MH560 FullHD DLP">
860                <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 100 4 2 2 0 000-4z"/></svg>
861                <span>Warenkorb</span>
862            </a>
863        </div>
864    </div>
865</div>
866            </div>
867                        <div class="animate-slide-up" style="animation-delay: 0.12s;">
868                <div class="group bg-white border border-gray-200 rounded-xl overflow-hidden hover:shadow-xl transition-all duration-300 h-full flex flex-col">
869    <!-- Image with hover overlay -->
870    <a href="https://shop.schulshop.at/produkt/brother-laserdrucker-hl-l5210dn/" class="relative h-56 bg-gray-100 overflow-hidden block">
871                    <img src="https://shop.schulshop.at/wp-content/uploads/2026/05/AUTO.1CCL.152.22042026115431HL-5210DN-400x387.png" alt="Brother-Laserdrucker HL-L5210DN"
872                 class="w-full h-full object-contain group-hover:scale-105 transition-transform duration-500">
873                <!-- Quick view overlay -->
874        <div class="absolute inset-0 bg-black/40 opacity-0 group-hover:opacity-100 transition-opacity duration-300 flex items-center justify-center">
875            <span class="w-10 h-10 rounded-lg bg-white flex items-center justify-center transform scale-75 group-hover:scale-100 transition-transform duration-300">
876                <svg class="w-5 h-5 text-gray-700" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"/><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z"/></svg>
877            </span>
878        </div>
879            </a>
880
881    <!-- Card Content -->
882    <div class="p-4 flex flex-col flex-1">
883        <!-- Name -->
884        <h3 class="font-semibold text-gray-900 text-sm mb-2 line-clamp-2" style="min-height: 2.5rem;">
885            <a href="https://shop.schulshop.at/produkt/brother-laserdrucker-hl-l5210dn/" class="hover:underline"
886               style="color: inherit;"
887               onmouseover="this.style.color='#3399fe'"
888               onmouseout="this.style.color='inherit'">Brother-Laserdrucker HL-L5210DN</a>
889        </h3>
890
891        <!-- Price -->
892        <div class="mb-1">
893            <span class="text-xl font-bold" style="color: #3399fe;"><span class="woocommerce-Price-amount amount"><bdi><span class="woocommerce-Price-currencySymbol" translate="no">&euro;</span>&nbsp;249,00</bdi></span></span>
894        </div>
895
896        <!-- Tax label -->
897        <p class="text-xs text-gray-400 mb-3">
898            inkl. USt., zzgl. <a href="https://shop.schulshop.at/versand-lieferung/" class="underline hover:text-gray-600">Versandkosten</a>        </p>
899
900        <!-- Delivery Badge -->
901        <div class="mb-3">
902            <span class="ls-badge ls-badge-delivery" style="color:#16a34a;background:#16a34a12;"><svg class="w-3 h-3" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 16V6a1 1 0 00-1-1H4a1 1 0 00-1 1v10a1 1 0 001 1h1m8-1a1 1 0 01-1 1H9m4-1V8a1 1 0 011-1h2.586a1 1 0 01.707.293l3.414 3.414a1 1 0 01.293.707V16a1 1 0 01-1 1h-1m-6-1a1 1 0 001 1h1M5 17a2 2 0 104 0m-4 0a2 2 0 114 0m6 0a2 2 0 104 0m-4 0a2 2 0 114 0"/></svg>2-3 Werktage</span>        </div>
903
904        <!-- Quantity + Add to Cart -->
905        <div class="flex items-center gap-2 pt-3 border-t mt-auto">
906            <div class="flex items-center border rounded-lg shrink-0">
907                <button class="qty-minus h-9 w-7 flex items-center justify-center text-gray-400 hover:text-gray-600 transition-colors" data-product="574">
908                    <svg class="w-3 h-3" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20 12H4"/></svg>
909                </button>
910                <span class="qty-display w-8 text-center text-sm font-medium" data-product="574">1</span>
911                <button class="qty-plus h-9 w-7 flex items-center justify-center text-gray-400 hover:text-gray-600 transition-colors" data-product="574">
912                    <svg class="w-3 h-3" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 4v16m8-8H4"/></svg>
913                </button>
914            </div>
915            <a href="/?add-to-cart=574"
916               class="add-to-cart-btn flex-1 flex items-center justify-center gap-2 px-4 py-2 text-sm font-medium text-white rounded-lg transition hover:opacity-90"
917               style="background-color: #3399fe;"
918               data-product-id="574"
919               data-product-name="Brother-Laserdrucker HL-L5210DN">
920                <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 100 4 2 2 0 000-4z"/></svg>
921                <span>Warenkorb</span>
922            </a>
923        </div>
924    </div>
925</div>
926            </div>
927                        <div class="animate-slide-up" style="animation-delay: 0.16s;">
928                <div class="group bg-white border border-gray-200 rounded-xl overflow-hidden hover:shadow-xl transition-all duration-300 h-full flex flex-col">
929    <!-- Image with hover overlay -->
930    <a href="https://shop.schulshop.at/produkt/ipevo-dokumentenkamera-v4k-usb-gruen/" class="relative h-56 bg-gray-100 overflow-hidden block">
931                    <img src="https://shop.schulshop.at/wp-content/uploads/2026/06/AUTO.1CCL.152.23042026102702IPEVOV4K-400x400.jpg" alt="Ipevo-Dokumentenkamera V4K USB Grün"
932                 class="w-full h-full object-contain group-hover:scale-105 transition-transform duration-500">
933                <!-- Quick view overlay -->
934        <div class="absolute inset-0 bg-black/40 opacity-0 group-hover:opacity-100 transition-opacity duration-300 flex items-center justify-center">
935            <span class="w-10 h-10 rounded-lg bg-white flex items-center justify-center transform scale-75 group-hover:scale-100 transition-transform duration-300">
936                <svg class="w-5 h-5 text-gray-700" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"/><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z"/></svg>
937            </span>
938        </div>
939            </a>
940
941    <!-- Card Content -->
942    <div class="p-4 flex flex-col flex-1">
943        <!-- Name -->
944        <h3 class="font-semibold text-gray-900 text-sm mb-2 line-clamp-2" style="min-height: 2.5rem;">
945            <a href="https://shop.schulshop.at/produkt/ipevo-dokumentenkamera-v4k-usb-gruen/" class="hover:underline"
946               style="color: inherit;"
947               onmouseover="this.style.color='#3399fe'"
948               onmouseout="this.style.color='inherit'">Ipevo-Dokumentenkamera V4K USB Grün</a>
949        </h3>
950
951        <!-- Price -->
952        <div class="mb-1">
953            <span class="text-xl font-bold" style="color: #3399fe;"><span class="woocommerce-Price-amount amount"><bdi><span class="woocommerce-Price-currencySymbol" translate="no">&euro;</span>&nbsp;129,00</bdi></span></span>
954        </div>
955
956        <!-- Tax label -->
957        <p class="text-xs text-gray-400 mb-3">
958            inkl. USt., zzgl. <a href="https://shop.schulshop.at/versand-lieferung/" class="underline hover:text-gray-600">Versandkosten</a>        </p>
959
960        <!-- Delivery Badge -->
961        <div class="mb-3">
962            <span class="ls-badge ls-badge-delivery" style="color:#16a34a;background:#16a34a12;"><svg class="w-3 h-3" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 16V6a1 1 0 00-1-1H4a1 1 0 00-1 1v10a1 1 0 001 1h1m8-1a1 1 0 01-1 1H9m4-1V8a1 1 0 011-1h2.586a1 1 0 01.707.293l3.414 3.414a1 1 0 01.293.707V16a1 1 0 01-1 1h-1m-6-1a1 1 0 001 1h1M5 17a2 2 0 104 0m-4 0a2 2 0 114 0m6 0a2 2 0 104 0m-4 0a2 2 0 114 0"/></svg>2-3 Werktage</span>        </div>
963
964        <!-- Quantity + Add to Cart -->
965        <div class="flex items-center gap-2 pt-3 border-t mt-auto">
966            <div class="flex items-center border rounded-lg shrink-0">
967                <button class="qty-minus h-9 w-7 flex items-center justify-center text-gray-400 hover:text-gray-600 transition-colors" data-product="576">
968                    <svg class="w-3 h-3" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20 12H4"/></svg>
969                </button>
970                <span class="qty-display w-8 text-center text-sm font-medium" data-product="576">1</span>
971                <button class="qty-plus h-9 w-7 flex items-center justify-center text-gray-400 hover:text-gray-600 transition-colors" data-product="576">
972                    <svg class="w-3 h-3" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 4v16m8-8H4"/></svg>
973                </button>
974            </div>
975            <a href="/?add-to-cart=576"
976               class="add-to-cart-btn flex-1 flex items-center justify-center gap-2 px-4 py-2 text-sm font-medium text-white rounded-lg transition hover:opacity-90"
977               style="background-color: #3399fe;"
978               data-product-id="576"
979               data-product-name="Ipevo-Dokumentenkamera V4K USB Grün">
980                <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 100 4 2 2 0 000-4z"/></svg>
981                <span>Warenkorb</span>
982            </a>
983        </div>
984    </div>
985</div>
986            </div>
987                        <div class="animate-slide-up" style="animation-delay: 0.2s;">
988                <div class="group bg-white border border-gray-200 rounded-xl overflow-hidden hover:shadow-xl transition-all duration-300 h-full flex flex-col">
989    <!-- Image with hover overlay -->
990    <a href="https://shop.schulshop.at/produkt/lenovo-pc-thinkcentre-tiny-m75q-g5-ryzen5-8500ge-16gb-512gb-dos/" class="relative h-56 bg-gray-100 overflow-hidden block">
991                    <img src="https://shop.schulshop.at/wp-content/uploads/2026/05/AUTO.1CCL.152.22042026094256LENOVOTHINKCENTREM75Q-400x90.jpg" alt="Lenovo-PC ThinkCentre Tiny M75q G5, Ryzen5 8500GE, 16GB, 512GB, DOS"
992                 class="w-full h-full object-contain group-hover:scale-105 transition-transform duration-500">
993                <!-- Quick view overlay -->
994        <div class="absolute inset-0 bg-black/40 opacity-0 group-hover:opacity-100 transition-opacity duration-300 flex items-center justify-center">
995            <span class="w-10 h-10 rounded-lg bg-white flex items-center justify-center transform scale-75 group-hover:scale-100 transition-transform duration-300">
996                <svg class="w-5 h-5 text-gray-700" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"/><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z"/></svg>
997            </span>
998        </div>
999            </a>
1000
1001    <!-- Card Content -->
1002    <div class="p-4 flex flex-col flex-1">
1003        <!-- Name -->
1004        <h3 class="font-semibold text-gray-900 text-sm mb-2 line-clamp-2" style="min-height: 2.5rem;">
1005            <a href="https://shop.schulshop.at/produkt/lenovo-pc-thinkcentre-tiny-m75q-g5-ryzen5-8500ge-16gb-512gb-dos/" class="hover:underline"
1006               style="color: inherit;"
1007               onmouseover="this.style.color='#3399fe'"
1008               onmouseout="this.style.color='inherit'">Lenovo-PC ThinkCentre Tiny M75q G5, Ryzen5 8500GE, 16GB, 512GB, DOS</a>
1009        </h3>
1010
1011        <!-- Price -->
1012        <div class="mb-1">
1013            <span class="text-xl font-bold" style="color: #3399fe;"><span class="woocommerce-Price-amount amount"><bdi><span class="woocommerce-Price-currencySymbol" translate="no">&euro;</span>&nbsp;778,80</bdi></span></span>
1014        </div>
1015
1016        <!-- Tax label -->
1017        <p class="text-xs text-gray-400 mb-3">
1018            inkl. USt., zzgl. <a href="https://shop.schulshop.at/versand-lieferung/" class="underline hover:text-gray-600">Versandkosten</a>        </p>
1019
1020        <!-- Delivery Badge -->
1021        <div class="mb-3">
1022            <span class="ls-badge ls-badge-delivery" style="color:#16a34a;background:#16a34a12;"><svg class="w-3 h-3" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 16V6a1 1 0 00-1-1H4a1 1 0 00-1 1v10a1 1 0 001 1h1m8-1a1 1 0 01-1 1H9m4-1V8a1 1 0 011-1h2.586a1 1 0 01.707.293l3.414 3.414a1 1 0 01.293.707V16a1 1 0 01-1 1h-1m-6-1a1 1 0 001 1h1M5 17a2 2 0 104 0m-4 0a2 2 0 114 0m6 0a2 2 0 104 0m-4 0a2 2 0 114 0"/></svg>2-3 Werktage</span>        </div>
1023
1024        <!-- Quantity + Add to Cart -->
1025        <div class="flex items-center gap-2 pt-3 border-t mt-auto">
1026            <div class="flex items-center border rounded-lg shrink-0">
1027                <button class="qty-minus h-9 w-7 flex items-center justify-center text-gray-400 hover:text-gray-600 transition-colors" data-product="563">
1028                    <svg class="w-3 h-3" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20 12H4"/></svg>
1029                </button>
1030                <span class="qty-display w-8 text-center text-sm font-medium" data-product="563">1</span>
1031                <button class="qty-plus h-9 w-7 flex items-center justify-center text-gray-400 hover:text-gray-600 transition-colors" data-product="563">
1032                    <svg class="w-3 h-3" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 4v16m8-8H4"/></svg>
1033                </button>
1034            </div>
1035            <a href="/?add-to-cart=563"
1036               class="add-to-cart-btn flex-1 flex items-center justify-center gap-2 px-4 py-2 text-sm font-medium text-white rounded-lg transition hover:opacity-90"
1037               style="background-color: #3399fe;"
1038               data-product-id="563"
1039               data-product-name="Lenovo-PC ThinkCentre Tiny M75q G5, Ryzen5 8500GE, 16GB, 512GB, DOS">
1040                <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 100 4 2 2 0 000-4z"/></svg>
1041                <span>Warenkorb</span>
1042            </a>
1043        </div>
1044    </div>
1045</div>
1046            </div>
1047                        <div class="animate-slide-up" style="animation-delay: 0.24s;">
1048                <div class="group bg-white border border-gray-200 rounded-xl overflow-hidden hover:shadow-xl transition-all duration-300 h-full flex flex-col">
1049    <!-- Image with hover overlay -->
1050    <a href="https://shop.schulshop.at/produkt/lenovo-thinkbook-16-g7-r5-7535hs-16-wuxga-16gb-512gb-w11p/" class="relative h-56 bg-gray-100 overflow-hidden block">
1051                    <img src="https://shop.schulshop.at/wp-content/uploads/2026/05/AUTO.1CCL.152.22042026153331THINKBOOK16G7-400x400.png" alt="Lenovo-ThinkBook 16 G7 R5 7535HS, 16&quot; WUXGA, 16GB, 512GB, W11P"
1052                 class="w-full h-full object-contain group-hover:scale-105 transition-transform duration-500">
1053                <!-- Quick view overlay -->
1054        <div class="absolute inset-0 bg-black/40 opacity-0 group-hover:opacity-100 transition-opacity duration-300 flex items-center justify-center">
1055            <span class="w-10 h-10 rounded-lg bg-white flex items-center justify-center transform scale-75 group-hover:scale-100 transition-transform duration-300">
1056                <svg class="w-5 h-5 text-gray-700" fill="none" stroke="currentColor" viewBox="0 0 24 24">
1056<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"/><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z"/></svg>
1057            </span>
1058        </div>
1059            </a>
1060
1061    <!-- Card Content -->
1062    <div class="p-4 flex flex-col flex-1">
1063        <!-- Name -->
1064        <h3 class="font-semibold text-gray-900 text-sm mb-2 line-clamp-2" style="min-height: 2.5rem;">
1065            <a href="https://shop.schulshop.at/produkt/lenovo-thinkbook-16-g7-r5-7535hs-16-wuxga-16gb-512gb-w11p/" class="hover:underline"
1066               style="color: inherit;"
1067               onmouseover="this.style.color='#3399fe'"
1068               onmouseout="this.style.color='inherit'">Lenovo-ThinkBook 16 G7 R5 7535HS, 16&quot; WUXGA, 16GB, 512GB, W11P</a>
1069        </h3>
1070
1071        <!-- Price -->
1072        <div class="mb-1">
1073            <span class="text-xl font-bold" style="color: #3399fe;"><span class="woocommerce-Price-amount amount"><bdi><span class="woocommerce-Price-currencySymbol" translate="no">&euro;</span>&nbsp;899,00</bdi></span></span>
1074        </div>
1075
1076        <!-- Tax label -->
1077        <p class="text-xs text-gray-400 mb-3">
1078            inkl. USt., zzgl. <a href="https://shop.schulshop.at/versand-lieferung/" class="underline hover:text-gray-600">Versandkosten</a>        </p>
1079
1080        <!-- Delivery Badge -->
1081        <div class="mb-3">
1082            <span class="ls-badge ls-badge-delivery" style="color:#16a34a;background:#16a34a12;"><svg class="w-3 h-3" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 16V6a1 1 0 00-1-1H4a1 1 0 00-1 1v10a1 1 0 001 1h1m8-1a1 1 0 01-1 1H9m4-1V8a1 1 0 011-1h2.586a1 1 0 01.707.293l3.414 3.414a1 1 0 01.293.707V16a1 1 0 01-1 1h-1m-6-1a1 1 0 001 1h1M5 17a2 2 0 104 0m-4 0a2 2 0 114 0m6 0a2 2 0 104 0m-4 0a2 2 0 114 0"/></svg>2-3 Werktage</span>        </div>
1083
1084        <!-- Quantity + Add to Cart -->
1085        <div class="flex items-center gap-2 pt-3 border-t mt-auto">
1086            <div class="flex items-center border rounded-lg shrink-0">
1087                <button class="qty-minus h-9 w-7 flex items-center justify-center text-gray-400 hover:text-gray-600 transition-colors" data-product="559">
1088                    <svg class="w-3 h-3" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20 12H4"/></svg>
1089                </button>
1090                <span class="qty-display w-8 text-center text-sm font-medium" data-product="559">1</span>
1091                <button class="qty-plus h-9 w-7 flex items-center justify-center text-gray-400 hover:text-gray-600 transition-colors" data-product="559">
1092                    <svg class="w-3 h-3" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 4v16m8-8H4"/></svg>
1093                </button>
1094            </div>
1095            <a href="/?add-to-cart=559"
1096               class="add-to-cart-btn flex-1 flex items-center justify-center gap-2 px-4 py-2 text-sm font-medium text-white rounded-lg transition hover:opacity-90"
1097               style="background-color: #3399fe;"
1098               data-product-id="559"
1099               data-product-name="Lenovo-ThinkBook 16 G7 R5 7535HS, 16&quot; WUXGA, 16GB, 512GB, W11P">
1100                <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 100 4 2 2 0 000-4z"/></svg>
1101                <span>Warenkorb</span>
1102            </a>
1103        </div>
1104    </div>
1105</div>
1106            </div>
1107                        <div class="animate-slide-up" style="animation-delay: 0.28s;">
1108                <div class="group bg-white border border-gray-200 rounded-xl overflow-hidden hover:shadow-xl transition-all duration-300 h-full flex flex-col">
1109    <!-- Image with hover overlay -->
1110    <a href="https://shop.schulshop.at/produkt/acer-tft-monitor-b277-serie-inkl-usb-hub-27-ips-led-full-hd-1920x1080-169-format/" class="relative h-56 bg-gray-100 overflow-hidden block">
1111                    <img src="https://shop.schulshop.at/wp-content/uploads/2026/05/AUTO.1CCL.152.22042026134214BENQ-B277-400x351.png" alt="Acer-TFT Monitor B277-Serie inkl. USB Hub 27&quot; IPS LED Full-HD 1920x1080, 16:9 Format"
1112                 class="w-full h-full object-contain group-hover:scale-105 transition-transform duration-500">
1113                <!-- Quick view overlay -->
1114        <div class="absolute inset-0 bg-black/40 opacity-0 group-hover:opacity-100 transition-opacity duration-300 flex items-center justify-center">
1115            <span class="w-10 h-10 rounded-lg bg-white flex items-center justify-center transform scale-75 group-hover:scale-100 transition-transform duration-300">
1116                <svg class="w-5 h-5 text-gray-700" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"/><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z"/></svg>
1117            </span>
1118        </div>
1119            </a>
1120
1121    <!-- Card Content -->
1122    <div class="p-4 flex flex-col flex-1">
1123        <!-- Name -->
1124        <h3 class="font-semibold text-gray-900 text-sm mb-2 line-clamp-2" style="min-height: 2.5rem;">
1125            <a href="https://shop.schulshop.at/produkt/acer-tft-monitor-b277-serie-inkl-usb-hub-27-ips-led-full-hd-1920x1080-169-format/" class="hover:underline"
1126               style="color: inherit;"
1127               onmouseover="this.style.color='#3399fe'"
1128               onmouseout="this.style.color='inherit'">Acer-TFT Monitor B277-Serie inkl. USB Hub 27&quot; IPS LED Full-HD 1920x1080, 16:9 Format</a>
1129        </h3>
1130
1131        <!-- Price -->
1132        <div class="mb-1">
1133            <span class="text-xl font-bold" style="color: #3399fe;"><span class="woocommerce-Price-amount amount"><bdi><span class="woocommerce-Price-currencySymbol" translate="no">&euro;</span>&nbsp;147,00</bdi></span></span>
1134        </div>
1135
1136        <!-- Tax label -->
1137        <p class="text-xs text-gray-400 mb-3">
1138            inkl. USt., zzgl. <a href="https://shop.schulshop.at/versand-lieferung/" class="underline hover:text-gray-600">Versandkosten</a>        </p>
1139
1140        <!-- Delivery Badge -->
1141        <div class="mb-3">
1142            <span class="ls-badge ls-badge-delivery" style="color:#16a34a;background:#16a34a12;"><svg class="w-3 h-3" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 16V6a1 1 0 00-1-1H4a1 1 0 00-1 1v10a1 1 0 001 1h1m8-1a1 1 0 01-1 1H9m4-1V8a1 1 0 011-1h2.586a1 1 0 01.707.293l3.414 3.414a1 1 0 01.293.707V16a1 1 0 01-1 1h-1m-6-1a1 1 0 001 1h1M5 17a2 2 0 104 0m-4 0a2 2 0 114 0m6 0a2 2 0 104 0m-4 0a2 2 0 114 0"/></svg>2-3 Werktage</span>        </div>
1143
1144        <!-- Quantity + Add to Cart -->
1145        <div class="flex items-center gap-2 pt-3 border-t mt-auto">
1146            <div class="flex items-center border rounded-lg shrink-0">
1147                <button class="qty-minus h-9 w-7 flex items-center justify-center text-gray-400 hover:text-gray-600 transition-colors" data-product="552">
1148                    <svg class="w-3 h-3" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20 12H4"/></svg>
1149                </button>
1150                <span class="qty-display w-8 text-center text-sm font-medium" data-product="552">1</span>
1151                <button class="qty-plus h-9 w-7 flex items-center justify-center text-gray-400 hover:text-gray-600 transition-colors" data-product="552">
1152                    <svg class="w-3 h-3" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 4v16m8-8H4"/></svg>
1153                </button>
1154            </div>
1155            <a href="/?add-to-cart=552"
1156               class="add-to-cart-btn flex-1 flex items-center justify-center gap-2 px-4 py-2 text-sm font-medium text-white rounded-lg transition hover:opacity-90"
1157               style="background-color: #3399fe;"
1158               data-product-id="552"
1159               data-product-name="Acer-TFT Monitor B277-Serie inkl. USB Hub 27&quot; IPS LED Full-HD 1920x1080, 16:9 Format">
1160                <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 100 4 2 2 0 000-4z"/></svg>
1161                <span>Warenkorb</span>
1162            </a>
1163        </div>
1164    </div>
1165</div>
1166            </div>
1167                        <div class="animate-slide-up" style="animation-delay: 0.32s;">
1168                <div class="group bg-white border border-gray-200 rounded-xl overflow-hidden hover:shadow-xl transition-all duration-300 h-full flex flex-col">
1169    <!-- Image with hover overlay -->
1170    <a href="https://shop.schulshop.at/produkt/acer-notebook-aspire-lite-15-amd-ryzen-7-5825u-156zoll-32gb-1tb-w11h/" class="relative h-56 bg-gray-100 overflow-hidden block">
1171                    <img src="https://shop.schulshop.at/wp-content/uploads/2026/06/AUTO.1CCL.152.25062026085450ACERASPIRELITE15-400x279.png" alt="Acer-Notebook Aspire Lite 15, AMD Ryzen 7 5825U, 15,6Zoll, 32GB, 1TB, W11H"
1172                 class="w-full h-full object-contain group-hover:scale-105 transition-transform duration-500">
1173                <!-- Quick view overlay -->
1174        <div class="absolute inset-0 bg-black/40 opacity-0 group-hover:opacity-100 transition-opacity duration-300 flex items-center justify-center">
1175            <span class="w-10 h-10 rounded-lg bg-white flex items-center justify-center transform scale-75 group-hover:scale-100 transition-transform duration-300">
1176                <svg class="w-5 h-5 text-gray-700" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"/><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z"/></svg>
1177            </span>
1178        </div>
1179            </a>
1180
1181    <!-- Card Content -->
1182    <div class="p-4 flex flex-col flex-1">
1183        <!-- Name -->
1184        <h3 class="font-semibold text-gray-900 text-sm mb-2 line-clamp-2" style="min-height: 2.5rem;">
1185            <a href="https://shop.schulshop.at/produkt/acer-notebook-aspire-lite-15-amd-ryzen-7-5825u-156zoll-32gb-1tb-w11h/" class="hover:underline"
1186               style="color: inherit;"
1187               onmouseover="this.style.color='#3399fe'"
1188               onmouseout="this.style.color='inherit'">Acer-Notebook Aspire Lite 15, AMD Ryzen 7 5825U, 15,6Zoll, 32GB, 1TB, W11H</a>
1189        </h3>
1190
1191        <!-- Price -->
1192        <div class="mb-1">
1193            <span class="text-xl font-bold" style="color: #3399fe;"><span class="woocommerce-Price-amount amount"><bdi><span class="woocommerce-Price-currencySymbol" translate="no">&euro;</span>&nbsp;749,00</bdi></span></span>
1194        </div>
1195
1196        <!-- Tax label -->
1197        <p class="text-xs text-gray-400 mb-3">
1198            inkl. USt., zzgl. <a href="https://shop.schulshop.at/versand-lieferung/" class="underline hover:text-gray-600">Versandkosten</a>        </p>
1199
1200        <!-- Delivery Badge -->
1201        <div class="mb-3">
1202            <span class="ls-badge ls-badge-delivery" style="color:#16a34a;background:#16a34a12;"><svg class="w-3 h-3" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 16V6a1 1 0 00-1-1H4a1 1 0 00-1 1v10a1 1 0 001 1h1m8-1a1 1 0 01-1 1H9m4-1V8a1 1 0 011-1h2.586a1 1 0 01.707.293l3.414 3.414a1 1 0 01.293.707V16a1 1 0 01-1 1h-1m-6-1a1 1 0 001 1h1M5 17a2 2 0 104 0m-4 0a2 2 0 114 0m6 0a2 2 0 104 0m-4 0a2 2 0 114 0"/></svg>2-3 Werktage</span>        </div>
1203
1204        <!-- Quantity + Add to Cart -->
1205        <div class="flex items-center gap-2 pt-3 border-t mt-auto">
1206            <div class="flex items-center border rounded-lg shrink-0">
1207                <button class="qty-minus h-9 w-7 flex items-center justify-center text-gray-400 hover:text-gray-600 transition-colors" data-product="545">
1208                    <svg class="w-3 h-3" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20 12H4"/></svg>
1209                </button>
1210                <span class="qty-display w-8 text-center text-sm font-medium" data-product="545">1</span>
1211                <button class="qty-plus h-9 w-7 flex items-center justify-center text-gray-400 hover:text-gray-600 transition-colors" data-product="545">
1212                    <svg class="w-3 h-3" fill="none" stroke="currentColor" viewBox="0 0 24 24">
1212<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 4v16m8-8H4"/></svg>
1213                </button>
1214            </div>
1215            <a href="/?add-to-cart=545"
1216               class="add-to-cart-btn flex-1 flex items-center justify-center gap-2 px-4 py-2 text-sm font-medium text-white rounded-lg transition hover:opacity-90"
1217               style="background-color: #3399fe;"
1218               data-product-id="545"
1219               data-product-name="Acer-Notebook Aspire Lite 15, AMD Ryzen 7 5825U, 15,6Zoll, 32GB, 1TB, W11H">
1220                <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 100 4 2 2 0 000-4z"/></svg>
1221                <span>Warenkorb</span>
1222            </a>
1223        </div>
1224    </div>
1225</div>
1226            </div>
1227                    </div>
1228    </div>
1229</section>
1230    
1231<!-- Newsletter CTA (React-style: gradient bg, 2-column, dot pattern) -->
1232
1233</main>
1234
1235<!-- Footer (matches React: light bg, border-t, 4 columns) -->
1236<footer class="border-t" style="background: #f9fafb30;">
1237    <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-12">
1238                <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-5 gap-8">
1239
1240            <!-- About (with logo icon box like React) -->
1241            <div>
1242                                                        <div class="mb-4">
1243                                                                                <a href="https://shop.schulshop.at/" rel="home" style="display:inline-block;line-height:0;">
1244                                <img src="https://shop.schulshop.at/wp-content/uploads/2026/06/schulshop_logo_logo.jpg" alt="Computer Center Lorentschitsch Gmbh"
1245                                     style="height: 50px; width: auto;">
1246                            </a>
1247                                            </div>
1248                    <div class="border-t border-gray-200 mb-4"></div>
1249                    <p class="text-sm text-gray-500 leading-relaxed">
1250                        Ihr zuverlässiger Partner für Computerlösungen seit 1978                    </p>
1251                            </div>
1252
1253                        <!-- Wichtiges (eigene Spalte) -->
1254            <div>
1255                <h3 class="font-semibold text-gray-900 mb-4">Wichtiges</h3>
1256                <ul class="space-y-2">
1257                                                                    <li>
1258                            <a href="https://shop.schulshop.at/wp-content/uploads/2026/10/lenovo_campus.pdf" class="text-sm text-gray-500 hover:text-gray-900 transition-colors" target="_blank" rel="noopener noreferrer">
1259                                Lenovo Campus Preisliste                                                                    <span class="block text-xs text-gray-400">lenovo_campus.pdf</span>
1260                                                            </a>
1261                        </li>
1262                                                                    <li>
1263                            <a href="https://shop.schulshop.at/wp-content/uploads/2026/06/bestellform.pdf" class="text-sm text-gray-500 hover:text-gray-900 transition-colors" target="_blank" rel="noopener noreferrer">
1264                                Formloses Bestellformular                                                                    <span class="block text-xs text-gray-400">bestellform.pdf</span>
1265                                                            </a>
1266                        </li>
1267                                                                    <li>
1268                            <a href="https://shop.schulshop.at/produkt/virtual-school-hauptsystem-monatsbeitrag/" class="text-sm text-gray-500 hover:text-gray-900 transition-colors">
1269                                VirtualSchool Preisliste                                                            </a>
1270                        </li>
1271                                                                    <li>
1272                            <a href="https://shop.schulshop.at/nachweise-bezugsberechtigung/" class="text-sm text-gray-500 hover:text-gray-900 transition-colors">
1273                                Bezugsberechtigung                                                            </a>
1274                        </li>
1275                                    </ul>
1276            </div>
1277            
1278            <!-- Rechtliches (immer sichtbar) -->
1279            <div>
1280                <h3 class="font-semibold text-gray-900 mb-4">Rechtliches</h3>
1281                <ul class="space-y-2">
1282                                            <li><a href="https://shop.schulshop.at/impressum/" class="text-sm text-gray-500 hover:text-gray-900 transition-colors">Impressum</a></li>
1283                                            <li><a href="https://shop.schulshop.at/datenschutzerklaerung/" class="text-sm text-gray-500 hover:text-gray-900 transition-colors">Datenschutzerklärung</a></li>
1284                                            <li><a href="https://shop.schulshop.at/agb/" class="text-sm text-gray-500 hover:text-gray-900 transition-colors">AGB</a></li>
1285                                            <li><a href="https://shop.schulshop.at/widerrufsrecht-muster-widerrufsformular/" class="text-sm text-gray-500 hover:text-gray-900 transition-colors">Widerrufsbelehrung</a></li>
1286                                    </ul>
1287            </div>
1288
1289            <!-- Kundenservice -->
1290            <div>
1291                                <h3 class="font-semibold text-gray-900 mb-4">Kundenservice</h3>
1292                <ul class="space-y-2">
1293                                                                                                                                            <li><a href="https://shop.schulshop.at/versand-lieferung/" class="text-sm text-gray-500 hover:text-gray-900 transition-colors">Versand- &amp; Zahlungsbedingungen</a></li>
1294                                                                                    </ul>
1295            </div>
1296
1297            <!-- Kontakt -->
1298            <div>
1299                <h3 class="font-semibold text-gray-900 mb-4">Kontakt</h3>
1300                <ul class="space-y-2 text-sm text-gray-500">
1301                    <li>Tel: +43 (0662)/660505</li>
1302                    <li>Email: [email protected]</li>
1303                    <li>Mo - Fr von 08:00 - 17:00 Uhr</li>
1304                </ul>
1305                                                    <a href="https://shop.schulshop.at/vertrag-widerrufen/"
1306                       class="inline-flex items-center gap-2 mt-4 px-4 py-2 text-sm font-semibold rounded-lg text-white transition-all hover:opacity-90 hover:shadow"
1307                       style="background-color: #3399fe;">
1308                        <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
1308<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 15L3 9m0 0l6-6M3 9h12a6 6 0 010 12h-3"/></svg>
1309                        Vertrag widerrufen
1310                    </a>
1311                            </div>
1312        </div>
1313
1314        <!-- Bottom Bar -->
1315        <div class="border-t mt-12 pt-8 text-center text-sm text-gray-400">
1316            &copy; 2026 Computer Center Lorentschitsch GmbH. Alle Rechte vorbehalten.
1317            <span class="block mt-2">
1318                Erstellt von <a href="https://apundf.com" class="underline hover:text-gray-600" target="_blank" rel="noopener noreferrer">AP&amp;F Software</a>
1319            </span>
1320        </div>
1321    </div>
1322</footer>
1323
1324<script type="speculationrules">
1325{"prefetch":[{"source":"document","where":{"and":[{"href_matches":"/*"},{"not":{"href_matches":["/wp-*.php","/wp-admin/*","/wp-content/uploads/*","/wp-content/*","/wp-content/plugins/*","/wp-content/themes/lorentschitsch-shop/*","/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]}
1326</script>
1326
1327    <div id="cart-sidebar" class="fixed inset-0 z-50 hidden" role="dialog">
1328        <div class="absolute inset-0 bg-black/40 cart-sidebar-overlay" onclick="toggleCartSidebar()"></div>
1329        <div class="absolute right-0 top-0 h-full w-full max-w-md bg-white shadow-xl flex flex-col transform translate-x-full transition-transform duration-300" id="cart-sidebar-panel">
1330            <div class="lorshop-mini-cart-fragment flex-1 flex flex-col min-h-0">    <!-- Header -->
1331    <div class="flex items-center justify-between px-6 py-4 border-b border-gray-200">
1332        <h2 class="text-lg font-bold text-gray-900">
1333            Warenkorb
1334            <span class="text-sm font-normal text-gray-500">(0 Artikel)</span>
1335        </h2>
1336        <button onclick="toggleCartSidebar()" class="w-8 h-8 rounded flex items-center justify-center text-gray-400 hover:text-gray-700 transition">
1337            <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/></svg>
1338        </button>
1339    </div>
1340    <!-- Cart items -->
1341    <div class="flex-1 overflow-y-auto px-6 py-4 min-h-0">
1342                    <div class="text-center py-12">
1343                <svg class="w-16 h-16 text-gray-300 mx-auto mb-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 100 4 2 2 0 000-4z"/></svg>
1344                <p class="text-gray-500">Ihr Warenkorb ist leer</p>
1345            </div>
1346            </div>
1347    <!-- Footer -->
1348        </div>
1349        </div>
1350    </div>
1351    	
1351<script>
1352		(function () {
1353			var c = document.body.className;
1354			c = c.replace(/woocommerce-no-js/, 'woocommerce-js');
1355			document.body.className = c;
1356		})();
1357	</script>
1357
1358	
1358<script id="lorshop-script-js-extra">
1359var lorshopData = {"ajaxUrl":"https://shop.schulshop.at/wp-admin/admin-ajax.php","nonce":"b00c4b81a8","shopUrl":"https://shop.schulshop.at/shop/","cartUrl":"https://shop.schulshop.at/cart/","primaryColor":"#3399fe"};
1360//# sourceURL=lorshop-script-js-extra
1361</script>
vendor: 1 bytes, line 1361
1361
1362<script id="lorshop-script-js" src="https://shop.schulshop.at/wp-content/themes/lorentschitsch-shop/assets/js/theme.js?ver=2.4.0"></script>
vendor: 1 bytes, line 1362
1362
1363<script id="apundf-wcag-tool-js" src="https://cdn.apundf.com/wcag-tool/latest/wcag-tool.iife.js"></script>
vendor: 1 bytes, line 1363
1363
1364<script id="wp-polyfill-js" src="https://shop.schulshop.at/wp-includes/js/dist/vendor/wp-polyfill.min.js?ver=3.15.0"></script>
vendor: 1 bytes, line 1364
1364
1365<script data-wp-strategy="defer" defer id="woocommerce-analytics-client-js" src="https://shop.schulshop.at/wp-content/plugins/jetpack/jetpack_vendor/automattic/woocommerce-analytics/build/woocommerce-analytics-client.js?minify=false&#038;ver=80112f9db03e5698f4a6"></script>
vendor: 1 bytes, line 1365
1365
1366<script id="sourcebuster-js-js" src="https://shop.schulshop.at/wp-content/plugins/woocommerce/assets/js/sourcebuster/sourcebuster.min.js?ver=11.1.0"></script>
vendor: 1 bytes, line 1366
1366
1367<script id="wc-order-attribution-js-extra">
1368var wc_order_attribution = {"params":{"lifetime":1.0e-5,"session":30,"base64":false,"ajaxurl":"https://shop.schulshop.at/wp-admin/admin-ajax.php","prefix":"wc_order_attribution_","allowTracking":true},"fields":{"source_type":"current.typ","referrer":"current_add.rf","utm_campaign":"current.cmp","utm_source":"current.src","utm_medium":"current.mdm","utm_content":"current.cnt","utm_id":"current.id","utm_term":"current.trm","utm_source_platform":"current.plt","utm_creative_format":"current.fmt","utm_marketing_tactic":"current.tct","session_entry":"current_add.ep","session_start_time":"current_add.fd","session_pages":"session.pgs","session_count":"udata.vst","user_agent":"udata.uag"}};
1369//# sourceURL=wc-order-attribution-js-extra
1370</script>
vendor: 1 bytes, line 1370
1370
1371<script id="wc-order-attribution-js" src="https://shop.schulshop.at/wp-content/plugins/woocommerce/assets/js/frontend/order-attribution.min.js?ver=11.1.0"></script>
vendor: 1 bytes, line 1371
1371
1372<script id="jetpack-stats-js-before">
1373_stq = window._stq || [];
1374_stq.push([ "view", {"v":"ext","blog":"255690007","post":"0","tz":"2","srv":"shop.schulshop.at","arch_home":"1","j":"1:15.6.1"} ]);
1375_stq.push([ "clickTrackerInit", "255690007", "0" ]);
1376//# sourceURL=jetpack-stats-js-before
1377</script>
vendor: 1 bytes, line 1377
1377
1378<script data-wp-strategy="defer" defer id="jetpack-stats-js" src="https://stats.wp.com/e-202641.js"></script>
vendor: 1 bytes, line 1378
1378
1379<script id="wp-emoji-settings" type="application/json">
1380{"baseUrl":"https://s.w.org/images/core/emoji/17.0.2/72x72/","ext":".png","svgUrl":"https://s.w.org/images/core/emoji/17.0.2/svg/","svgExt":".svg","source":{"concatemoji":"https://shop.schulshop.at/wp-includes/js/wp-emoji-release.min.js?ver=7.1.2"}}
1381</script>
vendor: 1 bytes, line 1381
1381
1382<script type="module">
1383/*! This file is auto-generated */
1384var e="script#wp-emoji-settings",t=document.querySelector(e);if(!(t instanceof HTMLScriptElement))throw new Error("Element missing: "+e);const r=JSON.parse(t.text),s=(window._wpemojiSettings=r,"wpEmojiSettingsSupports"),o=["flag","emoji"];function i(e){try{var t={supportTests:e,timestamp:(new Date).valueOf()};sessionStorage.setItem(s,JSON.stringify(t))}catch(e){}}function c(e,t,n){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);t=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data);e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(n,0,0);const r=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data);return t.every((e,t)=>e===r[t])}function p(e,t){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);var n=e.getImageData(16,16,1,1);for(let e=0;e<n.data.length;e++)if(0!==n.data[e])return!1;return!0}function u(e,t,n,r){switch(t){case"flag":return n(e,"\ud83c\udff3\ufe0f\u200d\u26a7\ufe0f","\ud83c\udff3\ufe0f\u200b\u26a7\ufe0f")?!1:!n(e,"\ud83c\udde8\ud83c\uddf6","\ud83c\udde8\u200b\ud83c\uddf6")&&!n(e,"\ud83c\udff4\udb40\udc67\udb40\udc62\udb40\udc65\udb40\udc6e\udb40\udc67\udb40\udc7f","\ud83c\udff4\u200b\udb40\udc67\u200b\udb40\udc62\u200b\udb40\udc65\u200b\udb40\udc6e\u200b\udb40\udc67\u200b\udb40\udc7f");case"emoji":return!r(e,"\ud83e\u1fac8")}return!1}function f(e,t,n,r){let a;const s=(a="undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?new OffscreenCanvas(300,150):document.createElement("canvas")).getContext("2d",{willReadFrequently:!0}),o=(s.textBaseline="top",s.font="600 32px Arial",{});return e.forEach(e=>{o[e]=t(s,e,n,r)}),o}function a(e){var t=document.createElement("script");t.src=e,t.defer=!0,document.head.appendChild(t)}r.supports={everything:!0,everythingExceptFlag:!0},new Promise(t=>{let n=function(){try{var e=JSON.parse(sessionStorage.getItem(s));if("object"==typeof e&&"number"==typeof e.timestamp&&(new Date).valueOf()<e.timestamp+604800&&"object"==typeof e.supportTests)return e.supportTests}catch(e){}return null}();if(!n){if("undefined"!=typeof Worker&&"undefined"!=typeof OffscreenCanvas&&"undefined"!=typeof URL&&URL.createObjectURL&&"undefined"!=typeof Blob)try{var e="postMessage("+f.toString()+"("+[JSON.stringify(o),u.toString(),c.toString(),p.toString()].join(",")+"));",r=new Blob([e],{type:"text/javascript"});const a=new Worker(URL.createObjectURL(r),{name:"wpTestEmojiSupports"});return void(a.onmessage=e=>{i(n=e.data),a.terminate(),t(n)})}catch(e){}i(n=f(o,u,c,p))}t(n)}).then(e=>{for(const n in e)r.supports[n]=e[n],r.supports.everything=r.supports.everything&&r.supports[n],"flag"!==n&&(r.supports.everythingExceptFlag=r.supports.everythingExceptFlag&&r.supports[n]);var t;r.supports.everythingExceptFlag=r.supports.everythingExceptFlag&&!r.supports.flag,r.supports.everything||((t=r.source||{}).concatemoji?a(t.concatemoji):t.wpemoji&&t.twemoji&&(a(t.twemoji),a(t.wpemoji)))});
1385//# sourceURL=https://shop.schulshop.at/wp-includes/js/wp-emoji-loader.min.js
1386</script>
1386
1387    
1387<script>
1388    document.addEventListener('DOMContentLoaded', function(){
1389        var re = /[A-Z0-9._%+-]+@[A-Z0-9.-]+\.[A-Z]{2,}/ig;
1390        function linkify(node){
1391            if(!node) return;
1392            var walker = document.createTreeWalker(node, NodeFilter.SHOW_TEXT, null, false);
1393            var textNodes = [];
1394            var n;
1395            while(n = walker.nextNode()){
1396                if(re.test(n.nodeValue)){
1397                    textNodes.push(n);
1398                }
1399            }
1400            textNodes.forEach(function(t){
1401                var span = document.createElement('span');
1402                span.innerHTML = t.nodeValue.replace(re, function(email){ return '<a href="mailto:'+email+'" style="text-decoration:underline;">'+email+'</a>';});
1403                t.parentNode.replaceChild(span, t);
1404            });
1405        }
1406        var style = document.createElement('style');
1407        style.type = 'text/css';
1408        style.textContent = 'footer a[href^="mailto:"], .site-footer a[href^="mailto:"], #colophon a[href^="mailto:"] { text-decoration: underline !important; }';
1409        document.head.appendChild(style);
1410        var footer = document.querySelector('footer') || document.querySelector('.site-footer') || document.getElementById('colophon');
1411        if(footer) linkify(footer);
1412    });
1413    </script>
1413
1414        
1414<script>
1415    (function () {
1416        function getCookie(name) {
1417            var c = document.cookie.split('; ').filter(function (x) { return x.indexOf(name + '=') === 0; })[0];
1418            return c ? c.substring(name.length + 1) : '';
1419        }
1420        function clearCookie(name) { document.cookie = name + '=; path=/; max-age=0'; }
1421
1422        // Floating toast — same container/look/behaviour as the WooCommerce notices.
1423        function showToast(message, type) {
1424            var container = document.getElementById('lorshop-global-notices');
1425            if (!container) {
1426                container = document.createElement('div');
1427                container.id = 'lorshop-global-notices';
1428                container.className = 'lorshop-global-notices';
1429                container.setAttribute('aria-live', 'polite');
1430                container.setAttribute('aria-atomic', 'true');
1431                container.appendChild(Object.assign(document.createElement('div'), { className: 'woocommerce-notices-wrapper' }));
1432                document.body.appendChild(container);
1433            }
1434            var wrapper = container.querySelector('.woocommerce-notices-wrapper') || container;
1435
1436            var notice = document.createElement('div');
1437            notice.className = 'woocommerce-' + (type || 'message');
1438            notice.setAttribute('role', 'alert');
1439            notice.textContent = message;
1440            wrapper.appendChild(notice);
1441
1442            var dismiss = function () {
1443                if (notice.classList.contains('lorshop-notice-hide')) { return; }
1444                notice.classList.add('lorshop-notice-hide');
1445                setTimeout(function () {
1446                    notice.remove();
1447                    if (!container.querySelector('.woocommerce-message, .woocommerce-info, .woocommerce-error')) { container.remove(); }
1448                }, 260);
1449            };
1450            var closeBtn = document.createElement('button');
1451            closeBtn.type = 'button';
1452            closeBtn.className = 'lorshop-notice-close';
1453            closeBtn.setAttribute('aria-label', 'Hinweis schließen');
1454            closeBtn.textContent = '×';
1455            closeBtn.addEventListener('click', dismiss);
1456            notice.appendChild(closeBtn);
1457
1458            var timeout = setTimeout(dismiss, 6500);
1459            notice.addEventListener('mouseenter', function () { clearTimeout(timeout); });
1460            notice.addEventListener('mouseleave', function () { timeout = setTimeout(dismiss, 2500); });
1461        }
1462
1463        function run() {
1464            // Empty-cart feedback (cache-proof, set during the empty-cart redirect).
1465            if (getCookie('lorshop_empty_cart') === '1') {
1466                clearCookie('lorshop_empty_cart');
1467                showToast('Ihr Warenkorb ist leer.', 'info');
1468            }
1469        }
1470
1471        // Run after the theme's own notice handling so toasts aren't double-enhanced.
1472        if (document.readyState === 'loading') {
1473            document.addEventListener('DOMContentLoaded', run);
1474        } else {
1475            run();
1476        }
1477    })();
1478    </script>
1478
1479    		
1479<script type="text/javascript">
1480			(function() {
1481				window.wcAnalytics = window.wcAnalytics || {};
1482				const wcAnalytics = window.wcAnalytics;
1483
1484				// Set the assets URL for webpack to find the split assets.
1485				wcAnalytics.assets_url = 'https://shop.schulshop.at/wp-content/plugins/jetpack/jetpack_vendor/automattic/woocommerce-analytics/src/../build/';
1486
1487				// Set the REST API tracking endpoint URL.
1488				wcAnalytics.trackEndpoint = 'https://shop.schulshop.at/wp-json/woocommerce-analytics/v1/track';
1489
1490				// Set common properties for all events.
1491				wcAnalytics.commonProps = {"session_id":null,"landing_page":null,"is_engaged":null,"ui":0,"blog_id":255690007,"store_id":"58448710-bef0-4fb9-a519-d9590372f13a","url":"https://shop.schulshop.at","woo_version":"11.1.0","wp_version":"7.1.2","store_admin":0,"device":"desktop","store_currency":"EUR","timezone":"Europe/Vienna","is_guest":1,"_via_ua":"Mozilla/5.0 AppleWebKit/537.36 (KHTML, like Gecko; compatible; PageSourceSearchBot/1.0; +https://pagesourcesearch.com/bot) Chrome/128.0.0.0 Safari/537.36","_via_ip":"181.215.65.36","_lg":"en-US","_dr":"","_dl":"","_via_ref":""};
1492
1493				// Set the event queue.
1494				wcAnalytics.eventQueue = [];
1495
1496				// Features.
1497				wcAnalytics.features = {
1498					ch: false,
1499					sessionTracking: false,
1500					proxy: false,
1501				};
1502
1503				wcAnalytics.breadcrumbs = ["Home"];
1504
1505				// Page context flags.
1506				wcAnalytics.pages = {
1507					isAccountPage: false,
1508					isCart: false,
1509				};
1510			})();
1511		</script>
1511
1512		</body>
1513</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.