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 » Feed" href="https://shop.schulshop.at/feed/" /> 15<link rel="alternate" type="application/rss+xml" title="Computer Center Lorentschitsch Gmbh » 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&family=Outfit:wght@300;400;500;600;700;800;900&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">€</span> 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") , 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") , 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">€</span> 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") , 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">€</span> 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">€</span> 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">€</span> 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">€</span> 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" 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" 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">€</span> 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" 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" 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" 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">€</span> 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" 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">€</span> 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- & 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 © 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&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&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.