PageSourceSearch

https://studyly.com/at/

html studyly.com collected 2026-10-01 15:50:54 UTC 94,782 bytes, 772 lines download raw bytes

1<!DOCTYPE html>
2<html class="is-loading" lang="de-AT">
3  <head>
4  <meta charset="utf-8">
5  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0, viewport-fit=cover">
6  <meta name="referrer" content="origin-when-cross-origin" />
7  <style type="text/css">
8    @charset "UTF-8";*,:after,:before{border:0 solid;box-sizing:border-box}:after,:before{--tw-content:""}html{-webkit-text-size-adjust:100%;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}h1,h2{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}h1,h2,p{margin:0}ul{list-style:none;margin:0;padding:0}img,svg{display:block;vertical-align:middle}img{height:auto;max-width:100%}.-rotate-45,.-translate-y-\[200\%\],.mob-menu,.show,.translate-x-\[300px\],.translate-y-\[-50\%\],span{--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-transform:translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.border-b{border-color:currentColor}:root{--contain:20px}@media (min-width:68.75em){:root{--contain:32px}}html{box-sizing:border-box}body{line-height:1}*,:after,:before{box-sizing:inherit}.btn-prim-blue{--tw-bg-opacity:1;--tw-text-opacity:1;align-items:center;background-color:rgb(1 77 112/var(--tw-bg-opacity));border-radius:3.125rem;color:rgb(255 255 255/var(--tw-text-opacity));display:inline-flex;font-size:1rem;font-weight:700;justify-content:center;padding:1rem 2rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}html{--tw-text-opacity:1;color:rgb(82 89 91/var(--tw-text-opacity));font-family:Poppins-Medium;font-size:16px}body,html{-ms-scroll-chaining:none;font-smooth:always;-webkit-font-smoothing:antialiased;overscroll-behavior:none}body,h1,h2,p,ul{margin:0;padding:0}.title-blue-lg,h1{--tw-text-opacity:1;color:rgb(1 46 67/var(--tw-text-opacity));font-family:Poppins-ExtraBold;font-size:2.25rem;line-height:128%}@media (min-width:48em){.title-blue-lg,h1{font-size:3rem;line-height:117%}}.title-blue-md,h2{--tw-text-opacity:1;color:rgb(1 46 67/var(--tw-text-opacity));font-family:Poppins-ExtraBold;font-size:1.75rem;line-height:128%}@media (min-width:48em){.title-blue-md,h2{font-size:2.5rem;line-height:115%}}.text-lg-reg,.text-lg-reg.rich-text p{font-family:Poppins-Bold;font-size:1.25rem;line-height:128%}.text-md-reg{font-family:Poppins-Medium;font-size:1rem;line-height:150%}.rich-text p{font-family:Poppins-Medium;font-size:1rem;line-height:150%;margin-bottom:1.5rem}.rich-text p:last-child{margin-bottom:0}.container{margin-left:auto;margin-right:auto;max-width:90rem;padding-left:1.5rem;padding-right:1.5rem}@media (min-width:68.75em){.container{padding-left:3.75rem;padding-right:3.75rem}}body{-ms-overflow-style:none;overflow-y:scroll;scrollbar-width:none}body::-webkit-scrollbar{display:none}.hero-home.blue{--tw-bg-opacity:1;background-color:rgb(66 159 217/var(--tw-bg-opacity));background:#429fd9;padding-bottom:1.5rem}@media (min-width:48em){.hero-home.blue{padding-bottom:0}}@media (min-width:768px){.hero-home.blue{background:linear-gradient(180deg,#429fd9 76.2%,#fff 0)}}@media (min-width:48em){.hero-home.blue .hero-wrap{--tw-bg-opacity:1;background-color:rgb(232 243 251/var(--tw-bg-opacity))}}.hero-home.blue .heroHome-card__title{--tw-text-opacity:1;color:rgb(1 46 67/var(--tw-text-opacity))}.images-wrapper .show{--tw-translate-x:0;opacity:1;transform:var(--tw-transform)}.heroHome-card svg{height:100%;width:100%}.hero-home{overflow-x:clip}:root{--swiper-theme-color:#007aff}:root{--plyr-color-main:#014d70;--plyr-range-fill-background:#fa141b;--plyr-range-thumb-background:#fa141b;--plyr-range-thumb-height:5px}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{bottom:0;left:0;right:0;top:0}.left-0{left:0}.top-\[50\%\]{top:50%}.top-0{top:0}.top-20{top:1.25rem}.bottom-20{bottom:1.25rem}.top-\[86px\]{top:86px}.bottom-\[-25px\]{bottom:-25px}.-top-\[10rem\]{top:-10rem}.top-\[100px\]{top:100px}.z-20{z-index:20}.z-2{z-index:2}.z-100{z-index:100}.z-90{z-index:90}.-z-1{z-index:-1}.order-2{order:2}.order-1{order:1}.mx-auto{margin-left:auto;margin-right:auto}.mb-20{margin-bottom:1.25rem}.mb-24{margin-bottom:1.5rem}.mb-16{margin-bottom:1rem}.mb-40{margin-bottom:2.5rem}.mt-auto{margin-top:auto}.mb-42{margin-bottom:2.625rem}.mb-60{margin-bottom:3.75rem}.mb-\[11rem\]{margin-bottom:11rem}.block{display:block}
8.flex{display:flex}.grid{display:grid}.hidden{display:none}.h-screen{height:100vh}.h-full{height:100%}.h-60{height:3.75rem}.h-40{height:2.5rem}.h-2{height:.125rem}.h-\[60\%\]{height:60%}.h-\[40\%\]{height:40%}.h-\[270px\]{height:270px}.min-h-screen{min-height:100vh}.min-h-\[30rem\]{min-height:30rem}.w-full{width:100%}.w-\[77\%\]{width:77%}.w-70{width:4.375rem}.w-\[9\.125rem\]{width:9.125rem}.w-30{width:1.875rem}.max-w-\[34rem\]{max-width:34rem}.max-w-\[32rem\]{max-width:32rem}.max-w-\[54\.5rem\]{max-width:54.5rem}.flex-shrink-0{flex-shrink:0}.translate-y-\[-50\%\]{--tw-translate-y:-50%;transform:var(--tw-transform)}.-translate-y-\[200\%\]{--tw-translate-y:-200%;transform:var(--tw-transform)}.translate-x-\[300px\]{--tw-translate-x:300px;transform:var(--tw-transform)}.-rotate-45{transform:var(--tw-transform)}.-rotate-45{--tw-rotate:-45deg}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,3fr))}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.gap-32{gap:2rem}.overflow-hidden{overflow:hidden}.rounded-\[0\.125rem\]{border-radius:.125rem}.rounded-\[1\.875rem\]{border-radius:1.875rem}.rounded-b-\[1\.25rem\]{border-bottom-left-radius:1.25rem;border-bottom-right-radius:1.25rem}.border-b{border-bottom-width:1px}.border-solid{border-style:solid}.border-grey-light{--tw-border-opacity:1;border-color:rgb(230 230 231/var(--tw-border-opacity))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.bg-prim-blue-2{--tw-bg-opacity:1;background-color:rgb(1 46 67/var(--tw-bg-opacity))}.object-contain{-o-object-fit:contain;object-fit:contain}.p-20{padding:1.25rem}.px-24{padding-left:1.5rem;padding-right:1.5rem}.py-20{padding-bottom:1.25rem;padding-top:1.25rem}.py-8{padding-bottom:.5rem;padding-top:.5rem}.px-10{padding-left:.625rem;padding-right:.625rem}.py-2{padding-bottom:.125rem;padding-top:.125rem}.px-18{padding-left:1.125rem;padding-right:1.125rem}.px-14{padding-left:.875rem;padding-right:.875rem}.pb-20{padding-bottom:1.25rem}.pr-4{padding-right:.25rem}.pt-86{padding-top:5.375rem}.pt-\[9rem\]{padding-top:9rem}.text-20{font-size:1.25rem}.text-24{font-size:1.5rem}.font-bold{font-weight:700}.leading-\[140\%\]{line-height:140%}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.opacity-0{opacity:0}.last\:mb-0:last-child{margin-bottom:0}@media (min-width:31.25em){.xs\:top-20{top:1.25rem}.xs\:left-\[unset\]{left:unset}.xs\:h-\[340px\]{height:340px}.xs\:min-h-\[30rem\]{min-height:30rem}.xs\:w-\[447px\]{width:447px}}@media (min-width:40em){.sm\:mr-10{margin-right:.625rem}.sm\:mb-\[13rem\]{margin-bottom:13rem}}@media (min-width:48em){.md\:left-\[unset\]{left:unset}.md\:right-60{right:3.75rem}.md\:top-\[unset\]{top:unset}.md\:bottom-20{bottom:1.25rem}.md\:order-1{order:1}.md\:order-2{order:2}.md\:mb-0{margin-bottom:0}.md\:mr-40{margin-right:2.5rem}.md\:mr-20{margin-right:1.25rem}.md\:mt-0{margin-top:0}.md\:mb-58{margin-bottom:3.625rem}.md\:h-46{height:2.875rem}.md\:h-\[unset\]{height:unset}.md\:h-\[60\%\]{height:60%}.md\:min-h-\[17\.5rem\]{min-height:17.5rem}.md\:w-\[45\%\]{width:45%}.md\:w-fit-content{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.md\:w-\[70\%\]{width:70%}.md\:w-\[10\.5rem\]{width:10.5rem}.md\:w-\[30\%\]{width:30%}.md\:w-\[40\%\]{width:40%}.md\:grow-0{flex-grow:0}.md\:flex-row{flex-direction:row}.md\:items-center{align-items:center}.md\:justify-between{justify-content:space-between}.md\:gap-50{gap:3.125rem}.md\:py-21{padding-bottom:1.313rem;padding-top:1.313rem}.md\:px-60{padding-left:3.75rem;padding-right:3.75rem}.md\:px-0{padding-left:0;padding-right:0}.md\:pt-\[110px\]{padding-top:110px}.md\:pt-\[10rem\]{padding-top:10rem}.md\:text-30{font-size:1.875rem}}@media (min-width:68.75em){.lg\:mx-5{margin-left:.3125rem;margin-right:.3125rem}.lg\:flex{display:flex}.lg\:hidden{display:none}.lg\:min-h-\[21\.25rem\]{min-height:21.25rem}.lg\:w-\[80\%\]{width:80%}.lg\:w-\[43\%\]{width:43%}.lg\:w-\[70\%\]{width:70%}.lg\:flex-row{flex-direction:row}.lg\:items-center{align-items:center}.lg\:gap-70{gap:4.375rem}.lg\:pr-60{padding-right:3.75rem}.lg\:pb-30{padding-bottom:1.875rem}.lg\:pl-\[7\.25rem\]{padding-left:7.25rem}.lg\:pr-87{padding-right:5.438rem}.lg\:text-16{font-size:1rem}.lg\:leading-\[125\%\]{line-height:125%}}  </style>
9  <link rel="apple-touch-icon" sizes="180x180" href="/assets/meta-icons/apple-touch-icon.png">
10<link rel="icon" type="image/png" sizes="32x32" href="/assets/meta-icons/favicon-32x32.png">
11<link rel="icon" type="image/png" sizes="16x16" href="/assets/meta-icons/favicon-16x16.png">
12<link rel="mask-icon" href="/assets/meta-icons/safari-pinned-tab.svg" color="#2a70ff">
13<meta name="msapplication-TileColor" content="#2a70ff">
14<meta name="theme-color" content="#ffffff">
15  <link rel="preload" href="/assets/fonts/Poppins-Bold.ttf" as="font" type="font/ttf" crossorigin><link rel="preload" href="/assets/fonts/Poppins-ExtraBold.ttf" as="font" type="font/ttf" crossorigin><link rel="preload" href="/assets/fonts/Poppins-Medium.ttf" as="font" type="font/ttf" crossorigin><link rel="preload" href="/assets/fonts/Poppins-Regular.ttf" as="font" type="font/ttf" crossorigin><style>  @font-face{
16    font-family:Poppins-Bold;
17    src: url(/assets/fonts/Poppins-Bold.ttf) format("truetype");
18    font-display: swap;
19  }
20  @font-face{
21    font-family:Poppins-ExtraBold;
22    src: url(/assets/fonts/Poppins-ExtraBold.ttf) format("truetype");
23    font-display: swap;
24  }
25  @font-face{
26    font-family:Poppins-Medium;
27    src: url(/assets/fonts/Poppins-Medium.ttf) format("truetype");
28    font-display: swap;
29  }
30  @font-face{
31    font-family:Poppins-Regular;
32    src: url(/assets/fonts/Poppins-Regular.ttf) format("truetype");
33    font-display: swap;
34  }
35</style>
36
37<script>if("fonts" in document) { var poppinsBold = new FontFace("Poppins-Bold","url(/assets/fonts/Poppins-Bold.ttf) format('ttf')");var poppinsExtraBold = new FontFace("Poppins-ExtraBold","url(/assets/fonts/Poppins-ExtraBold.ttf) format('ttf')");var poppinsMedium = new FontFace("Poppins-Medium","url(/assets/fonts/Poppins-Medium.ttf) format('ttf')");var poppinsRegular = new FontFace("Poppins-Regular","url(/assets/fonts/Poppins-Regular.ttf) format('ttf')");Promise.all([poppinsBold,poppinsExtraBold,poppinsMedium,poppinsRegular]).then(function(fonts){fonts.forEach(function(font) {document.fonts.add(font);});});}</script>
37
38
39
40
41  
41<script>
42    function loaded(func) {if(document.readyState !== 'loading') {func()}else{document.addEventListener('DOMContentLoaded', function(){func()});}}
43    function interactive(func) {if(document.readyState !== 'loading') {func()}else{document.addEventListener('readystatechange', function(event) {if(event.target.readyState === 'interactive'){func()}});}}
44
45    loaded(function() {document.body.style.opacity = '1';if(!window.loadingImgs){window.loadingImgs = imgs = document.querySelectorAll('img:not(.loaded)[loading="lazy"]');}for (let i = 0; i < window.loadingImgs.length; i++) {const img = window.loadingImgs[i];if(img['complete'] || img['readyState'] == "complete") {showImg(window.loadingImgs[i], 'loaded')}}});
46
47    interactive(() => {if(!window.loadingImgs){window.loadingImgs = imgs = document.querySelectorAll('img:not(.loaded)[loading="lazy"]');};for (let i = 0; i < window.loadingImgs.length; i++) {window.loadingImgs[i].addEventListener('load', function() {showImg(window.loadingImgs[i], 'interactive')})};})
48
49    function showImg(img, type) {img.style.opacity='0';setTimeout(function(){img.style.transition='opacity 1s ease';img.style.opacity='1';img.classList.add('loaded');img.addEventListener('transitionend', function() {img.style = ''});},10);}
50  </script>
50
51
52  <link rel="stylesheet" href="/_compiled/app.css">
53    <noscript><style>html,html body{opacity:1!important;}img{opacity:1!important;}</style></noscript>
54  <title>Studyly | Die interaktive Mathematik-App</title><meta name="generator" content="SEOmatic">
55<meta name="referrer" content="no-referrer-when-downgrade">
56<meta name="robots" content="all">
57<meta content="100060276053445" property="fb:profile_id">
58<meta content="de_AT" property="og:locale">
59<meta content="Studyly" property="og:site_name">
60<meta content="website" property="og:type">
61<meta content="https://studyly.com/at/" property="og:url">
62<meta content="Die interaktive Mathematik-App" property="og:title">
63<meta name="twitter:card" content="summary_large_image">
64<meta name="twitter:creator" content="@">
65<meta name="twitter:title" content="Die interaktive Mathematik-App">
66<link href="https://studyly.com/at" rel="canonical">
67<link href="https://studyly.com/at" rel="home">
68<link href="https://studyly.com/cpresources/ca5f4d8/css/front-end/plugin/freeform.css?v=1744707302" rel="stylesheet"></head>
69  <body>
70
71    
72    
73<header-open class="js-custom-el" data-js-module="customElement/header-open">
74    <header class="header blue">
75        <div class="bg-white rounded-b-[1.25rem] border-b border-grey-light border-solid fixed w-full z-100">
76            <div class="container py-2 md:py-21 pr-4 lg:pr-60">
77                <nav class="flex justify-between items-center">
78                    <a href="https://studyly.com/at/" class="block w-[9.125rem] md:w-[10.5rem] h-40 md:h-46 flex-shrink-0">
79                                              <svg class="w-full h-full object-contain" width="168" height="46" viewBox="0 0 168 46" fill="none" xmlns="http://www.w3.org/2000/svg">
80                        <g clip-path="url(#clip0_2256_3211)">
81                        <path d="M29.624 18.886C29.8224 19.599 29.983 20.322 30.105 21.052C30.2013 21.7434 30.2547 22.4401 30.265 23.138V23.218C30.2656 25.0819 29.8974 26.9274 29.1815 28.6483C28.4656 30.3692 27.4163 31.9315 26.094 33.245C24.8588 34.5098 23.3864 35.5186 21.761 36.214C21.4542 35.9277 21.057 35.7575 20.638 35.733H18.632C21.0831 35.2257 23.3382 34.0288 25.132 32.283C26.6088 30.8112 27.6858 28.9871 28.261 26.983L28.742 25.057C28.849 23.7756 28.849 22.4875 28.742 21.206C28.5916 20.5885 28.4312 19.9734 28.261 19.361L29.624 18.886ZM10.283 36.216C8.65763 35.5206 7.18524 34.5118 5.95 33.247C4.62816 31.9329 3.57944 30.3702 2.86427 28.6489C2.1491 26.9277 1.78162 25.0819 1.783 23.218V23.138C1.79349 22.3866 1.84691 21.6364 1.943 20.891C2.08296 20.1313 2.27066 19.3811 2.505 18.645L3.869 19.045C3.63298 19.7207 3.47168 20.4202 3.388 21.131C3.26342 21.7936 3.18291 22.4638 3.147 23.137C3.18307 23.8368 3.26357 24.5335 3.388 25.223C3.47193 25.9077 3.63329 26.5807 3.869 27.229C4.50177 29.1175 5.54277 30.8434 6.918 32.284C8.71175 34.0298 10.9669 35.2267 13.418 35.734H11.411C10.9865 35.7413 10.5817 35.9142 10.283 36.216Z" fill="#005180"/>
82                        <path d="M5.153 21.293C3.86967 20.6362 2.74648 19.7052 1.863 18.566C0.576918 16.8177 -0.0410324 14.6669 0.120924 12.5026C0.28288 10.3383 1.21405 8.30342 2.746 6.76602C3.37013 6.14577 4.07118 5.60806 4.832 5.16602C5.13825 5.55277 5.48825 5.90276 5.875 6.20902C5.08708 6.57637 4.37849 7.09406 3.789 7.73302C3.05911 8.43882 2.4828 9.28771 2.09615 10.2265C1.70951 11.1654 1.52085 12.1739 1.542 13.189C1.55265 14.8251 2.05584 16.42 2.986 17.766C3.98701 19.0552 5.35941 20.0063 6.918 20.491L7.56 20.732L8.76 21.053C8.49761 21.8835 8.36274 22.749 8.36 23.62C8.34677 24.6222 8.53937 25.6164 8.92587 26.5411C9.31238 27.4658 9.88456 28.3013 10.607 28.996C11.5132 29.9759 12.6836 30.6725 13.977 31.002V32.446C12.3401 32.054 10.8417 31.2217 9.644 30.039V29.959C8.79359 29.139 8.12011 28.1535 7.66504 27.0633C7.20997 25.9731 6.98296 24.8013 6.998 23.62C6.9828 23.0854 7.00955 22.5504 7.078 22.02C6.41597 21.8355 5.77174 21.5922 5.153 21.293ZM18.071 31.001C19.3644 30.6715 20.5348 29.9749 21.441 28.995C22.87 27.5697 23.6777 25.6373 23.688 23.619C23.6853 22.748 23.5504 21.8825 23.288 21.052L24.411 20.731L25.053 20.49C26.6432 20.0277 28.0465 19.0742 29.062 17.766C29.9914 16.4212 30.4945 14.8277 30.506 13.193C30.5271 12.1779 30.3385 11.1694 29.9518 10.2305C29.5652 9.29171 28.9889 8.44282 28.259 7.73702C27.6695 7.09806 26.9609 6.58037 26.173 6.21302C26.5603 5.90557 26.9107 5.55422 27.217 5.16602C27.9778 5.60806 28.6789 6.14577 29.303 6.76602C30.8349 8.30342 31.7661 10.3383 31.9281 12.5026C32.09 14.6669 31.4721 16.8177 30.186 18.566C29.3026 19.7056 28.1794 20.6369 26.896 21.294C26.2768 21.5915 25.6322 21.8331 24.97 22.016C25.0385 22.5464 25.0652 23.0814 25.05 23.616C25.0647 24.7982 24.8369 25.9709 24.3808 27.0617C23.9247 28.1524 23.2499 29.1382 22.398 29.958V30.038C21.1885 31.2048 19.6947 32.0346 18.065 32.445L18.071 31.001ZM11.411 35.093H20.638C20.9493 35.0839 21.2593 35.1373 21.5496 35.2502C21.8399 35.363 22.1046 35.5329 22.3281 35.7499C22.5515 35.9669 22.7291 36.2265 22.8504 36.5134C22.9717 36.8003 23.0342 37.1086 23.0342 37.42C23.0342 37.7315 22.9717 38.0398 22.8504 38.3266C22.7291 38.6135 22.5515 38.8731 22.3281 39.0901C22.1046 39.3071 21.8399 39.477 21.5496 39.5899C21.2593 39.7027 20.9493 39.7561 20.638 39.747H11.411C10.7879 39.7563 10.1849 39.5266 9.726 39.105C9.31245 38.6412 9.08392 38.0414 9.08392 37.42C9.08392 36.7986 9.31245 36.1989 9.726 35.735C10.1849 35.3135 10.7879 35.0837 11.411 35.093ZM20.638 36.457H11.411C11.2213 36.4471 11.0332 36.4968 10.8731 36.5991C10.7129 36.7014 10.5888 36.8512 10.5181 37.0275C10.4473 37.2039 10.4335 37.3979 10.4785 37.5825C10.5235 37.7671 10.625 37.933 10.769 38.057C10.9353 38.2406 11.1644 38.3551 11.411 38.378H20.638C20.8846 38.3551 21.1137 38.2406 21.28 38.057C21.3979 37.9228 21.4763 37.7586 21.5065 37.5825C21.5366 37.4064 21.5174 37.2254 21.4509 37.0597C21.3843 36.8939 21.2731 36.7498 21.1296 36.6434C20.9861 36.537 20.816 36.4725 20.638 36.457ZM19.275 42.394C19.247 43.2608 18.9047 44.0879 18.312 44.721C18.0073 45.0277 17.6446 45.2707 17.2451 45.4361C16.8457 45.6014 16.4173 45.6857 15.985 45.684C15.1385 45.6711 14.3312 45.3251 13.738 44.721C13.1453 44.0879 12.803 43.2608 12.775 42.394H14.219C14.2053 42.6297 14.2409 42.8657 14.3238 43.0869C14.4066 43.308 14.5348 43.5093 14.7 43.678C14.8573 43.863 15.0547 44.0097 15.2772 44.1071C15.4997 44.2045 15.7414 44.2499 15.984 44.24C16.2393 44.2584 16.4955 44.2171 16.7322 44.1196C16.9689 44.0221 17.1797 43.8709 17.348 43.678C17.5132 43.5093 17.6414 43.308 17.7242 43.0869C17.807 42.8657 17.8427 42.6297 17.829 42.394H19.275Z" fill="#005180"/>
83                        <path d="M11.411 38.383H20.638C20.9484 38.3
83645 21.2592 38.412 21.5499 38.5224C21.8406 38.6328 22.1046 38.8036 22.3245 39.0235C22.5444 39.2434 22.7152 39.5074 22.8256 39.7981C22.936 40.0888 22.9835 40.3996 22.965 40.71C22.9743 41.3331 22.7446 41.9361 22.323 42.395C21.864 42.8267 21.2672 43.0824 20.638 43.117H11.411C10.7782 43.0984 10.176 42.8403 9.726 42.395C9.30444 41.9361 9.0747 41.3331 9.084 40.71C9.08918 40.0896 9.317 39.4916 9.726 39.025C10.1849 38.6034 10.7879 38.3737 11.411 38.383ZM20.638 39.747H11.411C11.1644 39.7699 10.9353 39.8845 10.769 40.068C10.6647 40.1383 10.5804 40.2343 10.5241 40.3468C10.4679 40.4593 10.4417 40.5844 10.448 40.71C10.4485 40.846 10.4772 40.9805 10.5325 41.1048C10.5878 41.2291 10.6683 41.3405 10.769 41.432C10.9434 41.5929 11.1738 41.6794 11.411 41.673H20.638C20.8752 41.6794 21.1056 41.5929 21.28 41.432C21.3807 41.3405 21.4612 41.2291 21.5165 41.1048C21.5718 40.9805 21.6005 40.846 21.601 40.71C21.6073 40.5844 21.5811 40.4593 21.5249 40.3468C21.4686 40.2343 21.3843 40.1383 21.28 40.068C21.1136 39.8845 20.8846 39.77 20.638 39.747ZM10.849 7.252C12.4036 7.26153 13.8959 7.86423 15.021 8.937C16.1071 10.0535 16.7121 11.5514 16.706 13.109C16.7123 13.8837 16.5657 14.652 16.2746 15.37C15.9835 16.0879 15.5536 16.7414 15.0095 17.2929C14.4654 17.8444 13.8179 18.2832 13.1039 18.584C12.39 18.8848 11.6237 19.0418 10.849 19.046C10.0579 19.0533 9.27354 18.9007 8.54288 18.5974C7.81223 18.2941 7.15036 17.8464 6.597 17.281C6.05282 16.7326 5.6235 16.0811 5.33417 15.3648C5.04484 14.6484 4.90132 13.8815 4.912 13.109C4.90593 11.5514 5.5109 10.0535 6.597 8.937C7.74473 7.84915 9.26766 7.24564 10.849 7.252ZM13.978 9.98C13.5815 9.54569 13.0979 9.19977 12.5588 8.96476C12.0197 8.72975 11.4371 8.61092 10.849 8.616C10.248 8.60268 9.65097 8.71742 9.09768 8.9526C8.5444 9.18777 8.0475 9.538 7.64 9.98C7.00685 10.6054 6.57559 11.4062 6.40182 12.279C6.22805 13.1519 6.31974 14.0568 6.66508 14.877C7.01041 15.6972 7.59355 16.3952 8.33929 16.8809C9.08503 17.3666 9.95917 17.6178 10.849 17.602C12.0208 17.6048 13.1459 17.1431 13.978 16.318C14.4089 15.9103 14.7521 15.4189 14.9866 14.8741C15.2212 14.3292 15.3421 13.7422 15.3421 13.149C15.3421 12.5558 15.2212 11.9688 14.9866 11.4239C14.7521 10.8791 14.4089 10.3877 13.978 9.98Z" fill="#005180"/>
84                        <path d="M21.199 7.25202C21.9715 7.24134 22.7384 7.38486 23.4548 7.67419C24.1711 7.96351 24.8226 8.39284 25.371 8.93702C25.9351 9.47458 26.3828 10.1222 26.6864 10.8399C26.99 11.5575 27.143 12.3298 27.136 13.109C27.1123 14.6762 26.4791 16.1726 25.3708 17.2809C24.2625 18.3892 22.7662 19.0223 21.199 19.046C20.4243 19.0418 19.658 18.8848 18.9441 18.584C18.2301 18.2832 17.5826 17.8444 17.0385 17.2929C16.4944 16.7414 16.0645 16.0879 15.7734 15.37C15.4823 14.6521 15.3357 13.8837 15.342 13.109C15.3359 11.5514 15.9409 10.0535 17.027 8.93702C18.1521 7.86425 19.6444 7.26154 21.199 7.25202ZM24.408 9.98002C24.0005 9.53801 23.5036 9.18779 22.9503 8.95262C22.397 8.71744 21.8 8.6027 21.199 8.61602C20.6109 8.61093 20.0283 8.72976 19.4892 8.96478C18.9501 9.19979 18.4665 9.54571 18.07 9.98002C17.6391 10.3878 17.2959 10.8791 17.0614 11.424C16.8268 11.9688 16.7059 12.5558 16.7059 13.149C16.7059 13.7422 16.8268 14.3292 17.0614 14.8741C17.2959 15.419 17.6391 15.9103 18.07 16.318C18.9021 17.1431 20.0272 17.6048 21.199 17.602C21.7923 17.6112 22.3814 17.5024 22.9323 17.2819C23.4832 17.0615 23.9848 16.7339 24.408 16.318C24.8387 15.9102 25.1818 15.4189 25.4163 14.874C25.6508 14.3291 25.7717 13.7422 25.7717 13.149C25.7717 12.5559 25.6508 11.9689 25.4163 11.424C25.1818 10.8792 24.8387 10.3878 24.408 9.98002Z" fill="#005180"/>
85                        <path d="M14.62 17.361C14.6819 17.8697 14.8455 18.3608 15.101 18.805C15.422 19.286 15.743 19.768 15.984 20.169C16.305 19.769 16.626 19.286 16.947 18.805C17.2025 18.3608 17.3661 17.8697 17.428 17.361L18.872 17.441C18.7278 18.1661 18.4849 18.8679 18.15 19.527C17.6943 20.3284 17.1582 21.0812 16.55 21.774L15.988 22.416L15.507 21.774C14.8988 21.0812 14.3627 20.3284 13.907 19.527C13.5339 18.884 13.2859 18.1762 13.176 17.441L14.62 17.361ZM3.063 0.431006L15.984 5.00501L30.185 0.0310059L29.863 1.23101C29.141 4.28001 27.777 6.04501 26.172 7.00801C24.6033 7.92275 22.8476 8.4698 21.037 8.60801C19.8617 8.69993 18.7423 9.14783 17.828 9.89201C17.4266 10.304 17.1187 10.7976 16.9251 11.3393C16.7315 11.8809 16.6568 12.4579 16.706 13.031H15.342C15.378 12.4539 15.2895 11.8758 15.0825 11.3359C14.8754 10.796 14.5547 10.307 14.142 9.90201C13.2665 9.1449 12.1679 8.69409 11.013 8.61801C9.20237 8.4798 7.44667 7.93275 5.878 7.01801C4.278 6.05501 2.909 4.29001 2.187 1.24101L1.863 0.0310059L3.063 0.431006ZM15.824 6.45001L3.949 2.19701C4.40451 3.6837 5.33463 4.98017 6.597 5.88801C8.006 6.66507 9.56554 7.13024 11.17 7.25201C12.6097 7.38502 13.9776 7.94181 15.101 8.85201C15.462 9.16878 15.7613 9.5495 15.984 9.97501C16.2364 9.54691 16.5624 9.16675 16.947 8.85201C18.0704 7.94181 19.4383 7.38502 20.878 7.25201C22.4825 7.13024 24.042 6.66507 25.451 5.88801C26.7134 4.98017 27.6435 3.6837 28.099 2.19701L16.225 6.45001H15.824Z" fill="#005180"/>
86                        <path fill-rule="evenodd" clip-rule="evenodd" d="M21.2 10.782C21.6233 10.7648 22.0418 10.8767 22.4 11.103C22.32 11.103 22.32 11.023 22.24 11.023C21.9987 11.0431 21.7738 11.1533 21.6102 11.3318C21.4466 11.5103 21.3562 11.7438 21.357 11.986C21.3588 12.2196 21.4524 12.4431 21.6176 12.6083C21.7828 12.7735 22.0064 12.8671 22.24 12.869C22.3616 12.876 22.4834 12.8585 22.5981 12.8176C22.7129 12.7767 22.8183 12.7132 22.9081 12.6309C22.9979 12.5486 23.0702 12.4491 23.1209 12.3383C23.1715 12.2275 23.1995 12.1077 23.203 11.986C23.203 11.906 23.123 11.826 23.123 11.745C23.434 12.1316 23.6036 12.6128 23.604 13.109C23.604 13.7367 23.3546 14.3388 22.9107 14.7827C22.4668 15.2266 21.8648 15.476 21.237 15.476C20.6092 15.476 20.0072 15.2266 19.5633 14.7827C19.1194 14.3388 18.87 13.7367 18.87 13.109C18.8701 12.8031 18.9305 12.5004 19.0477 12.2179C19.1649 11.9354 19.3365 11.6788 19.5529 11.4627C19.7693 11.2467 20.0261 11.0753 20.3087 10.9585C20.5913 10.8417 20.8942 10.7817 21.2 10.782ZM10.849 10.782C11.2482 10.7643 11.6424 10.877 11.972 11.103C11.892 11.103 11.892 11.023 11.812 11.023C11.5707 11.0431 11.3458 11.1533 11.1822 11.3318C11.0186 11.5103 10.9282 11.7438 10.929 11.986C10.9308 12.2196 11.0244 12.4431 11.1896 12.6083C11.3548 12.7735 11.5784 12.8671 11.812 12.869C11.9336 12.876 12.0554 12.8585 12.1701 12.8176C12.2849 12.7767 12.3903 12.7132 12.4801 12.6309C12.5699 12.5486 12.6422 12.4491 12.6929 12.3383C12.7435 12.2275 12.7715 12.1077 12.775 11.986C12.7801 11.9424 12.7756 11.8982 12.7618 11.8566C12.7479 11.8149 12.7251 11.7768 12.695 11.745C13.006 12.1316 13.1756 12.6128 13.176 13.109C13.176 13.7367 12.9266 14.3388 12.4827 14.7827C12.0388 15.2266 11.4368 15.476 10.809 15.476C10.1812 15.476 9.57918 15.2266 9.13528 14.7827C8.69138 14.3388 8.442 13.7367 8.442 13.109C8.44455 12.7973 8.50915 12.4893 8.63202 12.2029C8.75488 11.9165 8.93356 11.6574 9.15762 11.4408C9.38168 11.2242 9.64664 11.0544 9.93704 10.9412C10.2274 10.8281 10.5375 10.774 10.849 10.782Z" fill="#005180"/>
87                        <path d="M12.614 31.964V35.414H13.978V31.964H12.614ZM18.07 31.964V35.414H19.434V31.964H18.07Z" fill="#005180"/>
88                        <path fill-rule="evenodd" clip-rule="evenodd" d="M101.753 19.046V27.874H103.679C106.407 27.874 108.333 26.274 108.333 23.461C108.333 20.648 106.407 19.048 103.679 19.048L101.753 19.046ZM103.919 15.034C105.033 15.0218 106.138 15.2308 107.171 15.6487C108.204 16.0666 109.144 16.6852 109.936 17.4687C110.728 18.2522 111.357 19.185 111.786 20.2132C112.215 21.2413 112.436 22.3443 112.436 23.4585C112.436 24.5726 112.215 25.6756 111.786 26.7037C111.357 27.7319 110.728 28.6647 109.936 29.4482C109.144 30.2317 108.204 30.8503 107.171 31.2682C106.138 31.6861 105.033 31.8951 103.919 31.883H99.667C99.4027 31.8855 99.1405 31.8352 98.8958 31.7351C98.6511 31.635 98.4289 31.4871 98.2421 31.3C98.0554 31.1128 97.9079 30.8903 97.8083 30.6455C97.7087 30.4006 97.6589 30.1383 97.662 29.874V17.121C97.6537 16.579 97.8598 16.0557 98.2355 15.665C98.6112 15.2742 99.1261 15.0478 99.668 15.035L103.919 15.034ZM124.058 20.974L127.508 15.919C127.744 15.5388 128.098 15.2467 128.517 15.0879C128.935 14.929 129.394 14.912
881 129.823 15.0398C130.251 15.1675 130.626 15.4327 130.889 15.7945C131.153 16.1563 131.29 16.5947 131.279 17.042C131.297 17.4412 131.184 17.8354 130.958 18.165V18.245L126.144 24.985V29.959C126.12 30.4964 125.89 31.004 125.502 31.376C125.113 31.748 124.596 31.9556 124.058 31.9556C123.52 31.9556 123.003 31.748 122.614 31.376C122.226 31.004 121.996 30.4964 121.972 29.959V24.985L117.158 18.165C116.932 17.8354 116.819 17.4412 116.837 17.042C116.826 16.5947 116.963 16.1563 117.227 15.7945C117.49 15.4327 117.865 15.1675 118.293 15.0398C118.722 14.9121 119.181 14.929 119.599 15.0879C120.018 15.2467 120.372 15.5388 120.608 15.919L124.058 20.974ZM88.274 14.956C88.8242 14.9657 89.3491 15.1886 89.7382 15.5777C90.1273 15.9668 90.3502 16.4918 90.36 17.042V25.306C90.36 29.398 87.151 32.126 83.219 32.126C79.207 32.126 76.078 29.398 76.078 25.306V17.042C76.078 16.4993 76.2936 15.9789 76.6773 15.5952C77.061 15.2115 77.5814 14.996 78.124 14.996C78.6666 14.996 79.187 15.2115 79.5707 15.5952C79.9544 15.9789 80.17 16.4993 80.17 17.042V25.386C80.1673 25.7762 80.2463 26.1628 80.4018 26.5208C80.5574 26.8788 80.786 27.2003 81.0731 27.4647C81.3602 27.7291 81.6994 27.9305 82.069 28.0561C82.4385 28.1817 82.8302 28.2287 83.219 28.194C83.6034 28.2265 83.9904 28.1775 84.3546 28.0501C84.7187 27.9227 85.0519 27.7198 85.3322 27.4547C85.6125 27.1896 85.8336 26.8683 85.9811 26.5118C86.1286 26.1552 86.1991 25.7716 86.188 25.386V17.042C86.1973 16.4914 86.4199 15.966 86.8091 15.5764C87.1982 15.1869 87.7235 14.9637 88.274 14.954V14.956ZM65.327 19.048V29.96C65.3297 30.2241 65.2796 30.4862 65.1797 30.7308C65.0799 30.9754 64.9322 31.1976 64.7454 31.3844C64.5586 31.5712 64.3364 31.7188 64.0918 31.8187C63.8472 31.9186 63.5852 31.9686 63.321 31.966C62.779 31.9743 62.2557 31.7681 61.865 31.3924C61.4743 31.0167 61.2479 30.5018 61.235 29.96V19.046H58.106C57.574 19.046 57.0637 18.8346 56.6875 18.4584C56.3113 18.0822 56.1 17.572 56.1 17.04C56.1 16.5079 56.3113 15.9977 56.6875 15.6215C57.0637 15.2453 57.574 15.034 58.106 15.034H68.536C68.8002 15.0313 69.0622 15.0813 69.3068 15.1812C69.5514 15.2811 69.7736 15.4287 69.9604 15.6155C70.1472 15.8023 70.2949 16.0246 70.3948 16.2691C70.4946 16.5137 70.5447 16.7758 70.542 17.04C70.5337 17.5694 70.3198 18.0749 69.9453 18.4493C69.5709 18.8237 69.0655 19.0377 68.536 19.046L65.327 19.048ZM47.114 26.748C47.114 25.304 38.208 26.026 38.208 20.248C38.208 16.637 41.498 14.872 44.708 14.872C46.2641 14.8241 47.8153 15.0691 49.281 15.594C49.6569 15.7349 49.981 15.9869 50.2104 16.3165C50.4397 16.646 50.5634 17.0375 50.565 17.439C50.5766 17.6987 50.5354 17.9582 50.4438 18.2016C50.3521 18.4449 50.212 18.6671 50.0319 18.8547C49.8518 19.0423 49.6355 19.1913 49.396 19.2928C49.1566 19.3943 48.899 19.446 48.639 19.445C48.3914 19.4302 48.1477 19.3762 47.917 19.285C46.9604 18.963 45.9573 18.8005 44.948 18.804C44.148 18.804 42.3 18.964 42.3 20.088C42.3 22.174 51.206 20.65 51.206 26.908C51.206 30.438 47.836 32.123 44.706 32.123C42.8567 32.1145 41.0281 31.7325 39.33 31C38.9637 30.8455 38.6487 30.5902 38.4218 30.2637C38.1948 29.9373 38.0652 29.5531 38.048 29.156C38.0453 28.8918 38.0954 28.6297 38.1953 28.3851C38.2951 28.1406 38.4428 27.9183 38.6296 27.7315C38.8164 27.5447 39.0386 27.3971 39.2832 27.2972C39.5278 27.1973 39.7898 27.1473 40.054 27.15C40.327 27.1646 40.5964 27.2185 40.854 27.31C42.0089 27.8497 43.2703 28.1231 44.545 28.11C45.51 28.113 47.114 28.032 47.114 26.749V26.748Z" fill="#00486E"/>
89                        <path fill-rule="evenodd" clip-rule="evenodd" d="M160.645 20.972L164.095 15.917C164.286 15.6225 164.547 15.3802 164.855 15.212C165.163 15.0439 165.508 14.9552 165.859 14.954C166.133 14.9522 166.406 15.0048 166.659 15.109C166.913 15.2132 167.144 15.3668 167.338 15.5608C167.532 15.7549 167.686 15.9856 167.79 16.2395C167.894 16.4935 167.947 16.7656 167.945 17.04C167.935 17.4474 167.794 17.8408 167.545 18.163V18.243L162.731 24.983V29.954C162.718 30.4959 162.492 31.0108 162.101 31.3865C161.71 31.7622 161.187 31.9683 160.645 31.96C160.381 31.9627 160.119 31.9126 159.874 31.8128C159.63 31.7129 159.407 31.5652 159.221 31.3784C159.034 31.1916 158.886 30.9694 158.786 30.7248C158.686 30.4802 158.636 30.2182 158.639 29.954V24.98L153.745 18.16C153.555 17.8147 153.445 17.4308 153.424 17.037C153.413 16.5897 153.55 16.1514 153.814 15.7896C154.077 15.4278 154.452 15.1626 154.88 15.0349C155.309 14.9072 155.768 14.9241 156.186 15.0829C156.605 15.2418 156.959 15.5338 157.195 15.914L160.645 20.972ZM141.95 27.792H147.727C148.269 27.8049 148.784 28.0313 149.159 28.422C149.535 28.8127 149.741 29.336 149.733 29.878C149.736 30.1422 149.686 30.4042 149.586 30.6488C149.486 30.8934 149.338 31.1156 149.151 31.3024C148.965 31.4892 148.742 31.6369 148.498 31.7368C148.253 31.8366 147.991 31.8867 147.727 31.884H140.265C139.947 31.8899 139.632 31.8316 139.337 31.7127C139.042 31.5938 138.775 31.4167 138.55 31.192C138.325 30.9673 138.148 30.6997 138.029 30.405C137.91 30.1103 137.852 29.7947 137.858 29.477V17.04C137.85 16.498 138.056 15.9747 138.432 15.584C138.807 15.1933 139.322 14.9669 139.864 14.954C140.414 14.9638 140.939 15.1867 141.328 15.5758C141.717 15.9649 141.94 16.4898 141.95 17.04V27.792Z" fill="#3B9ED4"/>
90                        </g>
91                        <defs>
92                        <clipPath id="clip0_2256_3211">
93                        <rect width="168" height="46" fill="white"/>
94                        </clipPath>
95                        </defs>
96                      </svg>
97                    </a>
98                    <div class="flex items-center lg:hidden">
99                        
100
101<a target="" href="https://app.studyly.com/" class="sm:mr-10 md:mr-20 py-8 px-18 btn-prim-blue">Anmelden</a>
102                        <div class="hamb cursor-pointer h-60 w-70 relative lg:hidden p-20">
103                            <span class="block absolute top-20 w-30 h-2 bg-prim-blue-2 rounded-[0.125rem]"></span>
104                            <span class="block absolute top-[50%] translate-y-[-50%] w-30 h-2 bg-prim-blue-2 rounded-[0.125rem] sec"></span>
105                            <span class="block absolute bottom-20 w-30 h-2 bg-prim-blue-2 rounded-[0.125rem]"></span>
106                        </div>
107                    </div>
108                    <div class="w-full lg:w-[80%] hidden lg:flex justify-between items-center">
109                        <ul class="flex flex-col lg:flex-row lg:items-center w-[77%] justify-around">
110                                                      <li class="text-20 lg:text-16 xl:text-17 leading-[140%] lg:leading-[125%] font-bold hover:text-prim-blue transition-all lg:mx-5 "><a href="https://studyly.com/at/studyly-school-ueben">Studyly School Üben</a></li>
111                                                      <li class="text-20 lg:text-16 xl:text-17 leading-[140%] lg:leading-[125%] font-bold hover:text-prim-blue transition-all lg:mx-5 "><a href="https://studyly.com/at/studyly-school-lernpfade">Studyly School Lernpfade</a></li>
112                                                      <li class="text-20 lg:text-16 xl:text-17 leading-[140%] lg:leading-[125%] font-bold hover:text-prim-blue transition-all lg:mx-5 "><a href="https://studyly.com/at/maturakurs">Studyly Intensivkurs</a></li>
113                                                      <li class="text-20 lg:text-16 xl:text-17 leading-[140%] lg:leading-[125%] font-bold hover:text-prim-blue transition-all lg:mx-5 "><a href="https://studyly.com/at/studyly-naturwissenschaften">Studyly Naturwissenschaften</a></li>
114                                                      <li class="text-20 lg:text-16 xl:text-17 leading-[140%] lg:leading-[125%] font-bold hover:text-prim-blue transition-all lg:mx-5 "><a href="https://studyly.com/at/studyly-lehre">Studyly für die Lehre</a></li>
115                                                      <li class="text-20 lg:text-16 xl:text-17 leading-[140%] lg:leading-[125%] font-bold hover:text-prim-blue transition-all lg:mx-5 "><a href="https://studyly.com/at/ueber-uns">Über uns</a></li>
116                                                  </ul>
117                        
118
119<a target="" href="https://app.studyly.com/" class=" btn-prim-blue">Anmelden</a>
120                    </div>
121                </nav>
122            </div>
123        </div>
124        <div class="mob-menu w-full flex lg:hidden justify-between flex-col fixed pt-86 md:pt-[110px] pb-20 px-24 bg-white h-screen -translate-y-[200%] transition-all duration-300 z-90">
125            <ul class="flex flex-col lg:flex-row lg:items-center justify-around">
126                              <li class="text-20 leading-[140%] font-bold hover:text-prim-blue transition-all mb-42 last:mb-0 "><a href="https://studyly.com/at/studyly-school-ueben">Studyly School Üben</a></li>
127                              <li class="text-20 leading-[140%] font-bold hover:text-prim-blue transition-all mb-42 last:mb-0 "><a href="https://studyly.com/at/studyly-school-lernpfade">Studyly School Lernpfade</a></li>
128                              <li class="text-20 leading-[140%] font-bold hover:text-prim-blue transition-all mb-42 last:mb-0 "><a href="https://studyly.com/at/maturakurs">Studyly Intensivkurs</a></li>
129                              <li class="text-20 leading-[140%] font-bold hover:text-prim-blue transition-all mb-42 last:mb-0 "><a href="https://studyly.com/at/studyly-naturwissenschaften">Studyly Naturwissenschaften</a></li>
130                              <li class="text-20 leading-[140%] font-bold hover:text-prim-blue transition-all mb-42 last:mb-0 "><a href="https://studyly.com/at/studyly-lehre">Studyly für die Lehre</a></li>
131                              <li class="text-20 leading-[140%] font-bold hover:text-prim-blue transition-all mb-42 last:mb-0 "><a href="https://studyly.com/at/ueber-uns">Über uns</a></li>
132                          </ul>
133                      
134
135<a target="" href="https://app.studyly.com/" class="w-full md:w-fit-content md:grow-0 mx-auto mb-60 btn-prim-blue">Anmelden</a>
136                  </div>
137    </header>
138</header-open>
139    <aos-anim class="js-custom-el block" data-js-module="customElement/aos-anim">
140      <div class="site-container">
141
142        <lazy-load class="js-custom-el block" data-js-module="customElement/lazy-load">
143          <main id="main" class="site-content min-h-screen" role="main">
144
145                  
146  <hero-slider class="js-custom-el" data-js-module="customElement/hero-slider">
147  <section class="hero-home blue">
148        <div class=""></div>
149    <div class="container relative">
150      <div class="hero-title max-w-[54.5rem] pt-[9rem] md:pt-[10rem] xl:pt-[12rem] mb-[11rem] sm:mb-[13rem] md:mb-58 relative z-2">
151                  <h1 class="title-blue-lg text-white mb-24 last:mb-0 w-full md:w-[70%] xl:w-full"><p>Mathematik­­­unterricht gestalten. Digital unterstützt.</p></h1>
152                          <div class="text-lg-reg rich-text text-white w-full md:w-[40%] lg:w-[70%] xl:w-full"><p>Studyly – Die All-in-one Plattform für einen strukturierten und praxisorientierten Mathematikunterricht in Schule und Lehre<br /><br /><br />                     <br /> <br /></p>
153<p><br /><br /></p>
154<p></p></div>
155              </div>
156    </div>
157
158
159    <div class="container xl:max-w-full relative">
160      <div class="absolute inset-0 top-86 -bottom-25 bg-white"></div>
161      <div class="w-full xl:max-w-[82.5rem] xl:mx-auto rounded-[1.875rem] hero-wrap relative">
162        <div class="images-wrapper w-full h-[16.25rem] xs:w-[24.375rem] xs:h-[21.25rem] xxl:w-[30.438rem] xxl:h-[23.125rem] absolute -top-[10rem] xs:-top-[9rem] md:-top-[22%] lg:-top-[22%] xl:-top-[18%] left-0 xs:left-[unset] xs:-right-20 md:-right-[2%] lg:-right-[4%] xxl:-right-[8%] z-20 block">
163          <div class="relative w-full h-full">
164            <div class="absolute top-0 left-0 w-full h-full translate-x-[300px] transition-all duration-[900ms] opacity-0 show">
165                                                                    <picture>
166                      <img src="https://studyly.com/uploads/10-01-cropped.svg" alt="10 01 cropped" class="w-full h-full object-contain">
167                    </picture>
168                                                                                </div>
169          </div>
170        </div>
171        <div class="hero-slider">
172          <div class="swiper-l relative rounded-[1.875rem]">
173            <div class="swiper-wrapper-l rounded-[1.875rem] bg-white lg:bg-unset grid grid-col-1 gap-32 md:gap-50 lg:gap-70">
174                                                              <div class="swiper-slide-l sticky top-[100px] xl:top-[150px]  rounded-[1.875rem]"
175                     style="background:#E8F3FB;">
176                    <div class="heroHome-card rounded-[1.875rem] py-20 md:p-30 px-14 lg:pl-[7.25rem] lg:pr-87 flex flex-col md:flex-row md:justify-between md:items-center overflow-hidden relative min-h-[30rem] xs:min-h-[30rem] md:min-
176h-[17.5rem] lg:min-h-[21.25rem]">
177        <div class="max-w-[34rem] md:mr-40 order-2 mt-auto md:mt-0 md:order-1 px-10 md:px-0">
178            <h2 data-swiper-parallax="-700"
179                data-swiper-parallax-duration="800"
180                class="heroHome-card__title title-blue-md text-24 md:text-30 mb-16 last:mb-0">
181              <p>Studyly über Marktplatz Lernapps bestellen</p>
182            </h2>
183            <div data-swiper-parallax="-900"
184               data-swiper-parallax-duration="900"
185               class="text-md-reg">
186              <p>Studyly wieder ohne zusätzliche Kosten für Ihre Schule über den Marktplatz Lernapps bestellen. Individuelle Lernangebote und direktes Feedback unterstützen Schüler:innen, während automatische Korrekturen und übersichtliche Lernstände Lehrende im Unterricht entlasten.</p>
187            </div>
188                          <div class="pt-24">
189                <a href="https://studyly.com/at/marktplatz-lernapps" target="" class="btn-prim-blue">Mehr Infos</a>
190              </div>
191                    </div>
192        <div class="relative w-full md:w-[45%] lg:w-[43%] max-w-[32rem] flex-shrink-0 order-1 md:order-2 z-2 mb-20 md:mb-0" data-swiper-parallax="-900" data-swiper-parallax-duration="900">
193                  </div>
194              <div class="w-full md:w-[30%] absolute left-0 md:left-[unset] md:right-60 top-0 xs:top-20 md:top-[unset] md:bottom-20 grid grid-cols-3 -z-1">
195          <picture class="w-full h-[60%] md:h-[unset] mt-auto mb-60">
196            <img src="/assets/images/hero-home-icon.svg" alt="" class="w-full h-full object-contain">
197          </picture>
198          <picture class="w-full h-[40%] md:h-[60%] mt-auto mb-40">
199            <img src="/assets/images/eule_white.svg" alt="" class="w-full h-full object-contain">
200          </picture>
201          <picture class="w-full h-[60%] md:h-[unset] mt-auto mb-60">
202            <img src="/assets/images/hero-home-half.svg" alt="" class="w-full h-full object-contain -rotate-45">
203          </picture>
204        </div>
205          </div>                </div>
206                                                              <div class="swiper-slide-l sticky top-[100px] xl:top-[150px]  rounded-[1.875rem]"
207                     style="background:#E8F3FB;">
208                    <div class="heroHome-card rounded-[1.875rem] py-20 md:p-30 px-14 lg:pl-[7.25rem] lg:pr-87 flex flex-col md:flex-row md:justify-between md:items-center overflow-hidden relative min-h-[30rem] xs:min-h-[30rem] md:min-h-[17.5rem] lg:min-h-[21.25rem]">
209        <div class="max-w-[34rem] md:mr-40 order-2 mt-auto md:mt-0 md:order-1 px-10 md:px-0">
210            <h2 data-swiper-parallax="-700"
211                data-swiper-parallax-duration="800"
212                class="heroHome-card__title title-blue-md text-24 md:text-30 mb-16 last:mb-0">
213              <p>Studyly Sprechstunden</p>
214            </h2>
215            <div data-swiper-parallax="-900"
216               data-swiper-parallax-duration="900"
217               class="text-md-reg">
218              <p>Unterstützung für Ihren Unterricht mit Studyly: Unsere Sprechstunden bieten Raum für Ihre Fragen zu Funktionen und Anwendung im Schulalltag. Wir freuen uns auf Ihre Teilnahme!</p>
219            </div>
220                          <div class="pt-24">
221                <a href="https://studyly.com/at/studyly-sprechstunde" target="" class="btn-prim-blue">Mehr Infos &amp; Termine</a>
222              </div>
223                    </div>
224        <div class="relative w-full md:w-[45%] lg:w-[43%] max-w-[32rem] flex-shrink-0 order-1 md:order-2 z-2 mb-20 md:mb-0" data-swiper-parallax="-900" data-swiper-parallax-duration="900">
225                  </div>
226          </div>                </div>
227                                                              <div class="swiper-slide-l sticky top-[100px] xl:top-[150px]  rounded-[1.875rem]"
228                     style="background:#E8F3FB;">
229                    <div class="heroHome-card rounded-[1.875rem] py-20 md:p-30 px-14 lg:pl-[7.25rem] lg:pr-87 flex flex-col md:flex-row md:justify-between md:items-center overflow-hidden relative min-h-[30rem] xs:min-h-[30rem] md:min-
229h-[17.5rem] lg:min-h-[21.25rem]">
230        <div class="max-w-[34rem] md:mr-40 order-2 mt-auto md:mt-0 md:order-1 px-10 md:px-0">
231            <h2 data-swiper-parallax="-700"
232                data-swiper-parallax-duration="800"
233                class="heroHome-card__title title-blue-md text-24 md:text-30 mb-16 last:mb-0">
234              <p>Digitale Lösungen mit echtem Mehrwert</p>
235            </h2>
236            <div data-swiper-parallax="-900"
237               data-swiper-parallax-duration="900"
238               class="text-md-reg">
239              <p>Studyly ergänzt den Mathematikunterricht dort, wo digitale Werkzeuge spürbar entlasten, Lehrende etwa bei automatisierten Routineprozessen wie dem Erstellen von Aufgabenpaketen, der Korrektur von Hausübungen, dem Erstellen von Schularbeiten u.v.m. Lernende üben dank adaptiver Inhalte gezielt, wo Lernbedarf besteht. Unmittelbare Rückmeldungen, Hinweise und Rechenwege helfen beim tieferen Verständnis und Fehlvorstellungen frühzeitig zu vermeiden.</p>
240            </div>
241                    </div>
242        <div class="relative w-full md:w-[45%] lg:w-[43%] max-w-[32rem] flex-shrink-0 order-1 md:order-2 z-2 mb-20 md:mb-0" data-swiper-parallax="-900" data-swiper-parallax-duration="900">
243                                        
244    
245                            
246                            
247
248            <picture
249             class="lazy-load-new"                         data-src="https://studyly.com/uploads/Sinnvolle-Digitalisierung-Slide.png"
250            data-img-class="w-full h-full object-contain"
251            data-alt-text="Sinnvolle Digitalisierung Slide"
252            data-mobile-webp="https://studyly.com/uploads/_425xAUTO_fit_center-center_82_none/105856/Sinnvolle-Digitalisierung-Slide.webp"
253            data-tablet-webp="https://studyly.com/uploads/_1024xAUTO_fit_center-center_82_none/105856/Sinnvolle-Digitalisierung-Slide.webp"
254            data-desktop-webp="https://studyly.com/uploads/_1920xAUTO_fit_center-center_82_none/105856/Sinnvolle-Digitalisierung-Slide.webp"
255            data-url-mobile="https://studyly.com/uploads/_425xAUTO_fit_center-center_82_none/Sinnvolle-Digitalisierung-Slide.png"
256            data-url-tablet="https://studyly.com/uploads/_1024xAUTO_fit_center-center_82_none/Sinnvolle-Digitalisierung-Slide.png"
257            data-url-desktop="https://studyly.com/uploads/_1920xAUTO_fit_center-center_82_none/Sinnvolle-Digitalisierung-Slide.png">
258
259        </picture>
260    
261                              </div>
262          </div>                </div>
263                                                              <div class="swiper-slide-l sticky top-[100px] xl:top-[150px]  rounded-[1.875rem]"
264                     style="background:#E8F3FB;">
265                    <div class="heroHome-card rounded-[1.875rem] py-20 md:p-30 px-14 lg:pl-[7.25rem] lg:pr-87 flex flex-col md:flex-row md:justify-between md:items-center overflow-hidden relative min-h-[30rem] xs:min-h-[30rem] md:min-h-[17.5rem] lg:min-h-[21.25rem]">
266        <div class="max-w-[34rem] md:mr-40 order-2 mt-auto md:mt-0 md:order-1 px-10 md:px-0">
267            <h2 data-swiper-parallax="-700"
268                data-swiper-parallax-duration="800"
269                class="heroHome-card__title title-blue-md text-24 md:text-30 mb-16 last:mb-0">
270              <p>Lehrplankonforme Inhalte</p>
271            </h2>
272            <div data-swiper-parallax="-900"
273               data-swiper-parallax-duration="900"
274               class="text-md-reg">
275              <p>Qualitätsgesicherte Mathematikinhalte garantieren gewohnt verlässliche Standards. Für jeden Schultyp und zahlreiche Berufsausbildungen stehen eigene Inhalte bereit, um die individuellen Anforderungen zu erfüllen. Sie bilden ein flexibel einsetzbares Instrumentarium im Unterricht oder zum selbstständigen Üben.</p>
276            </div>
277                    </div>
278        <div class="relative w-full md:w-[45%] lg:w-[43%] max-w-[32rem] flex-shrink-0 order-1 md:order-2 z-2 mb-20 md:mb-0" data-swiper-parallax="-900" data-swiper-parallax-duration="900">
279                                        
280    
281                            
282                            
283
284            <picture
285             class="lazy-load-new"                         data-src="https://studyly.com/uploads/Lehrplankonforme-Inhalte.png"
286            data-img-class="w-full h-full object-contain"
287            data-alt-text="Lehrplankonforme Inhalte"
288            data-mobile-webp="https://studyly.com/uploads/_425xAUTO_fit_center-center_82_none/106360/Lehrplankonforme-Inhalte.webp"
289            data-tablet-webp="https://studyly.com/uploads/_1024xAUTO_fit_center-center_82_none/106360/Lehrplankonforme-Inhalte.webp"
290            data-desktop-webp="https://studyly.com/uploads/_1920xAUTO_fit_center-center_82_none/106360/Lehrplankonforme-Inhalte.webp"
291            data-url-mobile="https://studyly.com/uploads/_425xAUTO_fit_center-center_82_none/Lehrplankonforme-Inhalte.png"
292            data-url-tablet="https://studyly.com/uploads/_1024xAUTO_fit_center-center_82_none/Lehrplankonforme-Inhalte.png"
293            data-url-desktop="https://studyly.com/uploads/_1920xAUTO_fit_center-center_82_none/Lehrplankonforme-Inhalte.png">
294
295        </picture>
296    
297                              </div>
298          </div>                </div>
299                                                              <div class="swiper-slide-l sticky top-[100px] xl:top-[150px]  rounded-[1.875rem]"
300                     style="background:#E8F3FB;">
301                    <div class="heroHome-card rounded-[1.875rem] py-20 md:p-30 px-14 lg:pl-[7.25rem] lg:pr-87 flex flex-col md:flex-row md:justify-between md:items-center overflow-hidden relative min-h-[30rem] xs:min-h-[30rem] md:min-
301h-[17.5rem] lg:min-h-[21.25rem]">
302        <div class="max-w-[34rem] md:mr-40 order-2 mt-auto md:mt-0 md:order-1 px-10 md:px-0">
303            <h2 data-swiper-parallax="-700"
304                data-swiper-parallax-duration="800"
305                class="heroHome-card__title title-blue-md text-24 md:text-30 mb-16 last:mb-0">
306              <p>Studyly School</p>
307            </h2>
308            <div data-swiper-parallax="-900"
309               data-swiper-parallax-duration="900"
310               class="text-md-reg">
311              <p>Mathematik zu meistern bedarf intensives Üben - in Form von Hausaufgaben und passenden Übungspaketen. Aber auch das Wiederholen und Vertiefen von theoretischen Inhalten darf nicht zu kurz kommen. Mit Studyly School Üben und Studyly School Lernpfade stehen zwei speziell für den Unterricht in der Sekundarstufe entwickelte Apps zur Verfügung, die beide Anwendungsfälle abdecken.</p>
312            </div>
313                          <div class="pt-24">
314                <a href="https://studyly.com/at/school-mainpage" target="" class="btn-prim-blue">Studyly School</a>
315              </div>
316                    </div>
317        <div class="relative w-full md:w-[45%] lg:w-[43%] max-w-[32rem] flex-shrink-0 order-1 md:order-2 z-2 mb-20 md:mb-0" data-swiper-parallax="-900" data-swiper-parallax-duration="900">
318                                        
319    
320                            
321                            
322
323            <picture
324             class="lazy-load-new"                         data-src="https://studyly.com/uploads/Screenshot-Studyly-School.png"
325            data-img-class="w-full h-full object-contain"
326            data-alt-text="Screenshot Studyly School"
327            data-mobile-webp="https://studyly.com/uploads/_425xAUTO_fit_center-center_82_none/105922/Screenshot-Studyly-School.webp"
328            data-tablet-webp="https://studyly.com/uploads/_1024xAUTO_fit_center-center_82_none/105922/Screenshot-Studyly-School.webp"
329            data-desktop-webp="https://studyly.com/uploads/_1920xAUTO_fit_center-center_82_none/105922/Screenshot-Studyly-School.webp"
330            data-url-mobile="https://studyly.com/uploads/_425xAUTO_fit_center-center_82_none/Screenshot-Studyly-School.png"
331            data-url-tablet="https://studyly.com/uploads/_1024xAUTO_fit_center-center_82_none/Screenshot-Studyly-School.png"
332            data-url-desktop="https://studyly.com/uploads/_1920xAUTO_fit_center-center_82_none/Screenshot-Studyly-School.png">
333
334        </picture>
335    
336                              </div>
337          </div>                </div>
338                                                              <div class="swiper-slide-l sticky top-[100px] xl:top-[150px]  rounded-[1.875rem]"
339                     style="background:#E8F3FB;">
340                    <div class="heroHome-card rounded-[1.875rem] py-20 md:p-30 px-14 lg:pl-[7.25rem] lg:pr-87 flex flex-col md:flex-row md:justify-between md:items-center overflow-hidden relative min-h-[30rem] xs:min-h-[30rem] md:min-h-[17.5rem] lg:min-h-[21.25rem]">
341        <div class="max-w-[34rem] md:mr-40 order-2 mt-auto md:mt-0 md:order-1 px-10 md:px-0">
342            <h2 data-swiper-parallax="-700"
343                data-swiper-parallax-duration="800"
344                class="heroHome-card__title title-blue-md text-24 md:text-30 mb-16 last:mb-0">
345              <p>Studyly für die Lehre/BRP</p>
346            </h2>
347            <div data-swiper-parallax="-900"
348               data-swiper-parallax-duration="900"
349               class="text-md-reg">
350              <p>Studyly für die Lehre/BRP bietet speziell auf die Anforderungen der unterschiedlichen Berufe abgestimmte Inhalte. Interaktive Aufgaben, strukturierte Lernpfade und transparente Lernstandsanalysen helfen beim systematischen Kompetenzaufbau und erleichtern eine gezielte Prüfungsvorbereitung.</p>
351            </div>
352                          <div class="pt-24">
353                <a href="https://studyly.com/at/studyly-lehre" target="" class="btn-prim-blue">Studyly Lehre</a>
354              </div>
355                    </div>
356        <div class="relative w-full md:w-[45%] lg:w-[43%] max-w-[32rem] flex-shrink-0 order-1 md:order-2 z-2 mb-20 md:mb-0" data-swiper-parallax="-900" data-swiper-parallax-duration="900">
357                                        
358    
359                            
360                            
361
362            <picture
363             class="lazy-load-new"                         data-src="https://studyly.com/uploads/Screenshot-Lehre.png"
364            data-img-class="w-full h-full object-contain"
365            data-alt-text="Screenshot Lehre"
366            data-mobile-webp="https://studyly.com/uploads/_425xAUTO_fit_center-center_82_none/105923/Screenshot-Lehre.webp"
367            data-tablet-webp="https://studyly.com/uploads/_1024xAUTO_fit_center-center_82_none/105923/Screenshot-Lehre.webp"
368            data-desktop-webp="https://studyly.com/uploads/_1920xAUTO_fit_center-center_82_none/105923/Screenshot-Lehre.webp"
369            data-url-mobile="https://studyly.com/uploads/_425xAUTO_fit_center-center_82_none/Screenshot-Lehre.png"
370            data-url-tablet="https://studyly.com/uploads/_1024xAUTO_fit_center-center_82_none/Screenshot-Lehre.png"
371            data-url-desktop="https://studyly.com/uploads/_1920xAUTO_fit_center-center_82_none/Screenshot-Lehre.png">
372
373        </picture>
374    
375                              </div>
376          </div>                </div>
377                                                              <div class="swiper-slide-l sticky top-[100px] xl:top-[150px]  rounded-[1.875rem]"
378                     style="background:#E8F3FB;">
379                    <div class="heroHome-card rounded-[1.875rem] py-20 md:p-30 px-14 lg:pl-[7.25rem] lg:pr-87 flex flex-col md:flex-row md:justify-between md:items-center overflow-hidden relative min-h-[30rem] xs:min-h-[30rem] md:min-
379h-[17.5rem] lg:min-h-[21.25rem]">
380        <div class="max-w-[34rem] md:mr-40 order-2 mt-auto md:mt-0 md:order-1 px-10 md:px-0">
381            <h2 data-swiper-parallax="-700"
382                data-swiper-parallax-duration="800"
383                class="heroHome-card__title title-blue-md text-24 md:text-30 mb-16 last:mb-0">
384              <p>KI LernCoach – Was ist das?</p>
385            </h2>
386            <div data-swiper-parallax="-900"
387               data-swiper-parallax-duration="900"
388               class="text-md-reg">
389              <p>Der KI LernCoach ist ein digitaler Lernhelfer, der mit Künstlicher Intelligenz arbeitet, und damit Schritt für Schritt bei Rechenaufgaben unterstützt. Er begleitet den gesamten Rechenweg, erkennt Fehler sofort, erklärt die einzelnen Schritte und gibt hilfreiche Hinweise zur richtigen Lösung. Das unmittelbare Feedback hilft Lernenden, Aufgaben zunehmend selbstständig zu lösen. </p>
390            </div>
391                          <div class="pt-24">
392                <a href="https://studyly.com/at/ki-lerncoach" target="" class="btn-prim-blue">Mehr Infos</a>
393              </div>
394                    </div>
395        <div class="relative w-full md:w-[45%] lg:w-[43%] max-w-[32rem] flex-shrink-0 order-1 md:order-2 z-2 mb-20 md:mb-0" data-swiper-parallax="-900" data-swiper-parallax-duration="900">
396                                        
397    
398                            
399                            
400
401            <picture
402             class="lazy-load-new"                         data-src="https://studyly.com/uploads/KI-Eule-neu.png"
403            data-img-class="w-full h-full object-contain"
404            data-alt-text="KI Eule neu"
405            data-mobile-webp="https://studyly.com/uploads/_425xAUTO_fit_center-center_82_none/104840/KI-Eule-neu.webp"
406            data-tablet-webp="https://studyly.com/uploads/_982xAUTO_fit_center-center_82_none/104840/KI-Eule-neu.webp"
407            data-desktop-webp="https://studyly.com/uploads/_982xAUTO_fit_center-center_82_none/104840/KI-Eule-neu.webp"
408            data-url-mobile="https://studyly.com/uploads/_425xAUTO_fit_center-center_82_none/KI-Eule-neu.png"
409            data-url-tablet="https://studyly.com/uploads/_1024xAUTO_fit_center-center_82_none/KI-Eule-neu.png"
410            data-url-desktop="https://studyly.com/uploads/_1920xAUTO_fit_center-center_82_none/KI-Eule-neu.png">
411
412        </picture>
413    
414                              </div>
415          </div>                </div>
416                          </div>
417          </div>
418        </div>
419      </div>
420    </div>
421
422        <div class=""></div>
423  </section>
424</hero-slider>
425
426  
427            <section class="bg-white">
428            <div class="spacer-3"></div>
429      <div class="container relative">
430          <custom-video class="js-custom-el" data-js-module="customElement/custom-video">
431            <div class="container-xs" data-aos-offset="">
432              <h2 class="title-blue-md mb-16 last:mb-0 text-center">Mathematik interaktiv erleben</h2>
433              <div class="text-md-reg rich-text mb-32 md:mb-40 last:mb-0 text-center"><p>Sehen Sie selbst, wie Studyly Ihren Unterricht bereichern kann.</p></div>
434              <div class="big-video relative w-full pb-[56.25%]">
435
436                                    <div class="rounded-[0.625rem] overflow-hidden bg-grey-light video-wrap video-wrap-big absolute top-0 left-0
437                 w-full z-2 " data-type="custom" data-id="randomId_1"
438                 data-link="https://video.studyly.com/videos/6a3cb33dac55558c814e9ea9/1/video/mp4/video-720p.mp4" data-poster="https://studyly.com/uploads/Poster-Image-Studyly-Startseite.png"
439                 data-banner="true" data-banner-title="Jetzt starten!" data-banner-text="Vereinbaren Sie ein unverbindliches Einführungsgespräch und lernen Sie Studyly im Rahmen eines Workshops praxisnah kennen. Gerne begleiten wir Sie bei den ersten Schritten und zeigen konkrete Einsatzmöglichkeiten für Ihren Unterricht." data-banner-button="Termin vereinbaren" data-banner-button-link="https://calendly.com/studyly/30min" data-banner-link="https://studyly.com/at/school-mainpage" data-banner-link-text="Mehr Infos"></div>
440                              </div>
441                          </div>
442          </custom-video>
443      </div>
444            <div class="w-full h-54 lg:h-80"></div>
445  </section>
446  
447<section class="map bg-white">
448        <div class="w-full h-54 lg:h-80"></div>
449    <div class="container" data-aos="fade-up" data-aos-duration="1000" data-aos-once="true" data-aos-offset="">
450              <h2 class="title-blue-md mb-16 md:mb-64 text-center"><p>Über 800 Schulen nutzen Studyly aktiv im Unterricht</p></h2>
451            <div class="rounded-[0.625rem] border border-solid border-grey-light  overflow-x-auto bg-sec-blue-4 relative min-h-[23.125rem] lg:min-h-[34.875rem] map-body">
452        <map-popup class="js-custom-el" data-js-module="customElement/map-popup">
453                                  <div class="max-w-[67.75rem] w-[45rem] md:w-full mx-auto  py-5 md:py-20 px-38 relative map-container">
454              <div class="w-full h-full">
455                  <picture>
456                    <img data-src="/assets/images/map.svg" alt="" class="lazy-img w-full h-full object-contain">
457                  </picture>
458              </div>
459                                                                              <div class="scale-circle flex flex-col items-center absolute w-[7.2%] top-[28.26%] lg:top-[28.13%] left-[52.9%] cursor-pointer" data-href="reg1">
460                  <span class="w-full pb-[100%] relative rounded-full bg-map-blur scale-blur transition-all duration-500">
461                      <span class="absolute top-[50%] translate-y-[-50%] left-[50%] translate-x-[-50%] w-[77%] h-[77%] rounded-full bg-prim-blue flex justify-center items-center text-12 lg:text-22 leading-[127%] font-Mont-Bold text-white">35</span>
462                  </span>
463                </div>
464                                                                                            <div class="scale-circle flex flex-col items-center absolute w-[8.76%] top-[18.12%] lg:top-[17.92%] right-[21%] xl:right-[20%] cursor-pointer" data-href="reg2">
465                  <span class="w-full pb-[100%] relative rounded-full bg-map-blur scale-blur transition-all duration-500">
466                      <span class="absolute top-[50%] translate-y-[-50%] left-[50%] translate-x-[-50%] w-[63.83%] h-[63.83%] rounded-full bg-prim-blue flex justify-center items-center text-12 lg:text-22 leading-[127%] font-Mont-Bold text-white">92</span>
467                  </span>
468                </div>
469                                                                                            <div class="scale-circle flex flex-col items-center absolute w-[10.61%] top-[18.12%] xl:top-[17.12%] right-[9.5%] xl:right-[7%] cursor-pointer" data-href="reg3">
470                  <span class="w-full pb-[100%] relative rounded-full bg-map-blur scale-blur transition-all duration-500">
471                      <span class="absolute top-[50%] translate-y-[-50%] left-[50%] translate-x-[-50%] w-[52.63%] h-[52.63%] rounded-full bg-prim-blue flex justify-center items-center text-12 lg:text-22 leading-[127%] font-Mont-Bold text-white">125</span>
472                  </span>
473                </div>
474                                                                                            <div class="scale-circle flex flex-col items-center absolute w-[6.18%] bottom-[28.8%] lg:bottom-[27.8%] xl:bottom-[26.8%] left-[6.84%] lg:left-[5.2%] xl:left-[4.8%] cursor-pointer" data-href="reg4">
475                  <span class="w-full pb-[100%] relative rounded-full bg-map-blur scale-blur transition-all duration-500">
476                    <span class="absolute top-[50%] translate-y-[-50%] left-[50%] translate-x-[-50%] w-[88.23%] h-[88.23%] rounded-full bg-prim-blue flex justify-center items-center text-12 lg:text-22 leading-[127%] font-Mont-Bold text-white">18</span>
477                  </span>
478                </div>
479                                                                                            <div class="scale-circle flex flex-col items-center absolute w-[7.75%] bottom-[25.91%] xl:bottom-[23.9%] left-[22.38%] lg:left-[20.38%] cursor-pointer" data-href="reg5">
480                  <span class="w-full pb-[100%] relative rounded-full bg-map-blur scale-blur transition-all duration-500">
481                    <span class="absolute top-[50%] translate-y-[-50%] left-[50%] translate-x-[-50%] w-[71.43%] h-[71.43%] rounded-full bg-prim-blue flex justify-center items-center text-12 lg:text-22 leading-[127%] font-Mont-Bold text-white">33</span>
482                  </span>
483                </div>
484                                                                                            <div class="scale-circle flex flex-col items-center absolute w-[6.46%] bottom-[29.71%] left-[46.33%] xl:left-[45.33%] cursor-pointer" data-href="reg6">
485                  <span class="w-full pb-[100%] relative rounded-full bg-map-blur scale-blur transition-all duration-500">
486                      <span class="absolute top-[50%] translate-y-[-50%] left-[50%] translate-x-[-50%] w-[88.23%] h-[88.23%] rounded-full bg-prim-blue flex justify-center items-center text-12 lg:text-22 leading-[127%] font-Mont-Bold text-white">15</span>
487                  </span>
488                </div>
489                                                                                            <div class="scale-circle flex flex-col items-center absolute w-[6.92%] bottom-[11.7%] lg:bottom-[9.7%] right-[37.92%] lg:right-[35.92%] cursor-pointer" data-href="reg7">
490                  <span class="w-full pb-[100%] relative rounded-full bg-map-blur scale-blur transition-all duration-500">
491                      <span class="absolute top-[50%] translate-y-[-50%] left-[50%] translate-x-[-50%] w-[78.94%] h-[78.94%] rounded-full bg-prim-blue flex justify-center items-center text-12 lg:text-22 leading-[127%] font-Mont-Bold text-white">23</span>
492                  </span>
493                </div>
494                                                                                            <div class="scale-circle flex flex-col items-center absolute w-[6.55%] bottom-[31.16%] right-[25.36%] cursor-pointer" data-href="reg8">
495                  <span class="w-full pb-[100%] relative rounded-full bg-map-blur scale-blur transition-all duration-500">
496                      <span class="absolute top-[50%] translate-y-[-50%] left-[50%] translate-x-[-50%] w-[83.33%] h-[83.33%] rounded-full bg-prim-blue flex justify-center items-center text-12 lg:text-22 leading-[127%] font-Mont-Bold text-white">18</span>
497                  </span>
498                </div>
499                                                                                            <div class="scale-circle flex flex-col items-center absolute w-[5.54%] bottom-[30.54%] xl:bottom-[27.54%] right-[12%] lg:right-[11%] xl:right-[10%] cursor-pointer" data-href="reg9">
500                  <span class="w-full pb-[100%] relative rounded-full bg-map-blur scale-blur transition-all duration-500">
501                      <span class="absolute top-[50%] translate-y-[-50%] left-[50%] translate-x-[-50%] w-[99%] h-[99%] rounded-full bg-prim-blue flex justify-center items-center text-12 lg:text-22 leading-[127%] font-Mont-Bold text-white">11</span>
502                  </span>
503                </div>
504                          </div>
505                    <div class="flex flex-col items-center absolute w-[15%] top-53 left-[20%]">
506                          <span class=" leading-[170%] text-14 mb-10">Deutschland</span>
507                                      <span class="w-70 pb-70 md:w-[70%] md:pb-[70%] relative rounded-full bg-map-blur">
508                  <span class="absolute top-[50%] translate-y-[-50%] left-[50%] translate-x-[-50%] w-[50%] h-[50%] rounded-full bg-prim-blue flex justify-center items-center text-12 lg:text-22 leading-[127%] font-Mont-Bold text-white">&gt;400</span>
509              </span>
510                      </div>
511          <div class="map-popup w-full h-full absolute z-30 top-0 md:inset-0 p-20 pt-40 md:p-40 md:pt-60 bg-sec-blue-4 bg-opacity-90">
512              <div class="map-wrap w-full h-full overflow-x-hidden lg:overflow-hidden">
513                                <div class="title-blue-sm rich-text text-center mt-60 hidden" data-pop="default"></div>
514              </div>
515              <span class="close-popup absolute top-6 md:top-14 left-20 md:left-40 font-Poppins-ExtraBold cursor-pointer flex items-center gap-20 z-100">
516                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" class="fill-prim-blue flex-shrink-0 rotate-180 scale-x-100 -scale-y-100"><path d="M16 8v-4l8 8-8 8v-4h-8.929c-9.059 0-7.134-9.521-6.335-11.418.789 2.445 2.465 3.418 5.372 3.418h9.892z"></path></svg>
517                <span class="flex-shrink-0 text-prim-blue text-14 md:text-16"></span>
518              </span>
519            </div>
520        </map-popup>
521      </div>
522    </div>
523        <div class="w-full h-54 lg:h-80"></div>
524</section>
525  <section
526	class="cta bg-white">
527		<div class="w-full h-54 lg:h-80"></div>
528	<div class="container">
529		<div class="rounded-[1rem] bg-prim-blue px-24 py-40" data-aos-offset="">
530			<div class="max-w-[68.5rem] mx-auto flex flex-col md:flex-row md:justify-between md:items-center">
531				<div class="order-2 md:order-1 md:w-[50%] lg:w-auto">
532					<h2 class="title-blue-md text-white mb-16 last:mb-0">Gleich loslegen</h2>
533					<div class="text-md-reg rich-text text-white mb-40 last:mb-0"><p>Vereinbaren Sie ein unverbindliches Einführungsgespräch und lernen Sie Studyly im Rahmen eines Workshops praxisnah kennen. Gerne begleiten wir Sie bei den ersten Schritten und zeigen konkrete Einsatzmöglichkeiten für Ihren Unterricht.<br /></p></div>
534					<div>
535																			
536
537<calendar-popup class="js-custom-el" data-js-module="customElement/calendar-popup">
538  
539  <a
540    target=""
541    href="https://calendly.com/studyly/30min"
542    class="mb-16 last:mb-0 md:mr-24 md:last:mr-24 open-calendar btn-sec-blue"
543  >Einführungsgespräch vereinbaren</a>
544
545  </calendar-popup>
546											</div>
547				</div>
548				<div class="w-full md:w-[50%] flex-shrink-0 lg:w-[29.5rem] order-1 md:order-2 mb-30 md:mb-0 rounded-[0.5rem] overflow-hidden xl:translate-x-16">
549																												<picture>
550										<img data-src="https://studyly.com/uploads/07-01-cropped.svg" alt="07 01 cropped" class="lazy-img w-full h-full object-contain">
551									</picture>
552																							</div>
553			</div>
554		</div>
555	</div>
556			<custom-calendar class="js-custom-el" data-js-module="customElement/custom-calendar">
557			<div
558				class="fixed top-0 left-0 w-screen h-screen z-100 bg-[#429fd9CC] calendar-popup opacity-0 pointer-events-none transition-all duration-500">
559								<div class="rounded-[1rem] max-w-[90%] md:max-w-[650px] lg:max-w-[1100px] max-h-[80vh] overflow-hidden overflow-y-auto flex relative top-[50%] -translate-y-[50%] left-[50%] -translate-x-[50%] bg-white calendar-body">
560					<div class="flex flex-col lg:flex-row step-1">
561						<div class="p-20 md:p-40 border-b lg:border-b-0 lg:border-r border-grey-light-0">
562							<h4 class="mb-10 font-Poppins-Bold text-center lg:text-left">Leon Frischauf</h4>
563							<h3 class="mb-40 text-center lg:text-left">Einführungsgespräch für Studyly</h3>
564							<span class="mb-40 flex items-center justify-center lg:justify-start">
565								<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="#52595B" class="mr-10 flex-shrink-0"><path d="M12 2c5.514 0 10 4.486 10 10s-4.486 10-10 10-10-4.486-10-10 4.486-10 10-10zm0-2c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zm5.848 12.459c.202.038.202.333.001.372-1.907.361-6.045 1.111-6.547 1.111-.719 0-1.301-.582-1.301-1.301 0-.512.77-5.447 1.125-7.445.034-.192.312-.181.343.014l.985 6.238 5.394 1.011z"/></svg>
566								30 min
567							</span>
568							<p class="md:max-w-[60%] lg:max-w-[unset] mx-auto lg:mx-0">Wir schulen Sie in Studyly ein. Einfach auswählen, wann Sie gut Zeit hätten & wir zeigen Ihnen alle Funktionalitäten.</p>
569						</div>
570						<div class="p-40 flex w-full lg:w-[650px] flex-shrink-0 flex-col md:flex-row">
571							<div>
572								<h4 class="text-center md:text-left">Datum & Uhrzeit wählen</h4>
573								<div class="vanilla-calendar" id="vanilla-calendar"></div>
574							</div>
575							<div class="flex flex-col md:ml-60 pr-20 h-[300px] lg:h-[500px] max-h-full overflow-hidden overflow-y-scroll mt-40 calendar-dates_wrap">
576								<span class="text-20 text-center text-prim-blue font-Poppins-Medium">Wählen Sie ein Datum aus</span>
577							</div>
578						</div>
579					</div>
580					<div class="flex step-2 translate-x-[100%] w-0 overflow-hidden flex-col lg:flex-row">
581						<div class="p-20 md:p-40 border-b lg:border-b-0 lg:border-r border-grey-light-0">
582							<div>
583								<div class="w-50 h-50 rounded-full flex justify-center items-center border border-grey-light-0 hover:bg-sec-blue-3 cursor-pointer --go-back-js">
584									<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="#429FD9" viewbox="0 0 24 24"><path d="M0 12l9-8v6h15v4h-15v6z"/></svg>
585								</div>
586							</div>
587							<div class="mt-40">
588								<h4 class="mb-10 font-Poppins-Bold">Leon Frischauf</h4>
589								<h3 class="mb-40">Einführungsgespräch für Studyly</h3>
590								<span class="mb-20 flex items-center">
591									<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="#52595B" class="mr-10 flex-shrink-0">
592										<path d="M12 2c5.514 0 10 4.486 10 10s-4.486 10-10 10-10-4.486-10-10 4.486-10 10-10zm0-2c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zm5.848 12.459c.202.038.202.333.001.372-1.907.361-6.045 1.111-6.547 1.111-.719 0-1.301-.582-1.301-1.301 0-.512.77-5.447 1.125-7.445.034-.192.312-.181.343.014l.985 6.238 5.394 1.011z"/>
593									</svg>
594									30 min
595								</span>
596								<span class="mb-20 flex items-center --js-current-date">
597									<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="#52595B" class="mr-10 flex-shrink-0">
598										<path d="M20 20h-4v-4h4v4zm-6-10h-4v4h4v-4zm6 0h-4v4h4v-4zm-12 6h-4v4h4v-4zm6 0h-4v4h4v-4zm-6-6h-4v4h4v-4zm16-8v22h-24v-22h3v1c0 1.103.897 2 2 2s2-.897 2-2v-1h10v1c0 1.103.897 2 2 2s2-.897 2-2v-1h3zm-2 6h-20v14h20v
598-14zm-2-7c0-.552-.447-1-1-1s-1 .448-1 1v2c0 .552.447 1 1 1s1-.448 1-1v-2zm-14 2c0 .552-.447 1-1 1s-1-.448-1-1v-2c0-.552.447-1 1-1s1 .448 1 1v2z"/>
599									</svg>
600									<span></span>
601								</span>
602								<span class="mb-20 flex items-center">
603									<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="#52595B" class="mr-10 flex-shrink-0">
604										<path d="M13.144 8.171c-.035-.066.342-.102.409-.102.074.009-.196.452-.409.102zm-2.152-3.072l.108-.031c.064.055-.072.095-.051.136.086.155.021.248.008.332-.014.085-.104.048-.149.093-.053.066.258.075.262.085.011.033-.375.089-.304.171.096.136.824-.195.708-.176.225-.113.029-.125-.097-.19-.043-.215-.079-.547-.213-.68l.088-.102c-.206-.299-.36.362-.36.362zm13.008 6.901c0 6.627-5.373 12-12 12-6.628 0-12-5.373-12-12s5.372-12 12-12c6.627 0 12 5.373 12 12zm-8.31-5.371c-.006-.146-.19-.284-.382-.031-.135.174-.111.439-.184.557-.104.175.567.339.567.174.025-.277.732-.063.87-.025.248.069.643-.226.211-.381-.355-.13-.542-.269-.574-.523 0 0 .188-.176.106-.166-.218.027-.614.786-.614.395zm6.296 5.371c0-1.035-.177-2.08-.357-2.632-.058-.174-.189-.312-.359-.378-.256-.1-1.337.597-1.5.254-.107-.229-.324.146-.572.008-.12-.066-.454-.515-.605-.46-.309.111.474.964.688 1.076.201-.152.852-.465.992-.038.268.804-.737 1.685-1.251 2.149-.768.694-.624-.449-1.147-.852-.275-.211-.272-.66-.55-.815-.124-.07-.693-.725-.688-.813l-.017.166c-.094.071-.294-.268-.315-.321 0 .295.48.765.639 1.001.271.405.416.995.748 1.326.178.178.858.914 1.035.898.193-.017.803-.458.911-.433.644.152-1.516 3.205-1.721 3.583-.169.317.138 1.101.113 1.476-.029.433-.37.573-.693.809-.346.253-.265.745-.556.925-.517.318-.889 1.353-1.623 1.348-.216-.001-1.14.36-1.261.007-.094-.256-.22-.45-.353-.703-.13-.248-.015-.505-.173-.724-.109-.152-.475-.497-.508-.677-.002-.155.117-.626.28-.708.229-.117.044-.458.016-.656-.048-.354-.267-.646-.53-.851-.389-.299-.188-.537-.097-.964 0-.204-.124-.472-.398-.392-.564.164-.393-.44-.804-.413-.296.021-.538.209-.813.292-.346.104-.7-.082-1.042-.125-1.407-.178-1.866-1.786-1.499-2.946.037-.19-.114-.542-.048-.689.158-.352.48-.747.762-1.014.158-.15.361-.112.547-.229.287-.181.291-.553.572-.781.4-.325.946-.318 1.468-.388.278-.037 1.336-.266 1.503-.06 0 .038.191.604-.019.572.433.023 1.05.749 1.461.579.211-.088.134-.736.567-.423.262.188 1.436.272 1.68.069.15-.124.234-.93.052-1.021.116.115-.611.124-.679.098-.12-.044-.232.114-.425.025.116.055-.646-.354-.218-.667-.179.131-.346-.037-.539.107-.133.108.062.18-.128.274-.302.153-.53-.525-.644-.602-.116-.076-1.014-.706-.77-.295l.789.785c-.039.025-.207-.286-.207-.059.053-.135.02.579-.104.347-.055-.089.09-.139.006-.268 0-.085-.228-.168-.272-.226-.125-.155-.457-.497-.637-.579-.05-.023-.764.087-.824.11-.07.098-.13.201-.179.311-.148.055-.287.126-.419.214l-.157.353c-.068.061-.765.291-.769.3.029-.075-.487-.171-.453-.321.038-.165.213-.68.168-.868-.048-.197 1.074.284 1.146-.235.029-.225.046-.487-.313-.525.068.008.695-.246.799-.36.146-.168.481-.442.724-.442.284 0 .223-.413.354-.615.131.053-.07.376.087.507-.01-.103.445.057.489.033.104-.054.684-.022.594-.294-.1-.277.051-.195.181-.253-.022.009.34-.619.402-.413-.043-.212-.421.074-.553.063-.305-.024-.176-.52-.061-.665.089-.115-.243-.256-.247-.036-.006.329-.312.627-.241 1.064.108.659-.735-.159-.809-.114-.28.17-.509-.214-.364-.444.148-.235.505-.224.652-.476.104-.178.225-.385.385-.52.535-.449.683-.09 1.216-.041.521.048.176.124.104.324-.069.19.286.258.409.099.07-.092.229-.323.298-.494.089-.222.901-.197.334-.536-.374-.223-2.004-.672-3.096-.672-.236 0-.401.263-.581.412-.356.295-1.268.874-1.775.698-.519-.179-1.63.66-1.808.666-.065.004.004-.634.358-.681-.153.023 1.247-.707 1.209-.859-.046-.18-2.799.822-2.676 1.023.059.092.299.092-.016.294-.18.109-.372.801-.541.801-.505.221-.537-.435-1.099.409l-.894.36c-1.328 1.411-2.247 3.198-2.58 5.183-.013.079.334.226.379.28.112.134.112.712.167.901.138.478.479.744.74 1.179.154.259.41.914.329 1.186.108-.178 1.07.815 1.246 1.022.414.487.733 1.077.061 1.559-.217.156.33 1.129.048 1.368l-.361.093c-.356.219-.195.756.021.982 1.818 1.901 4.38 3.087 7.22 3.087 5.517 0 9.989-4.472 9.989-9.989zm-11.507-6.357c.125-.055.293-.053.311-.22.015-.148.044-.046.08-.1.035-.053-.067-.138-.11-.146-.064-.014-.108.069-.149.104l-.072.019-.068.087.008.048-.087.106c-.
604085.084.002.139.087.102z"/>
605									</svg>
606									Mitteleuropäische Zeit
607								</span>
608							</div>
609						</div>
610						
611							<input type="hidden" name="CRAFT_CSRF_TOKEN" value="8ZFcyaOdeEwVWLyHbqo76mQ13TycDgfoLOCwT7nE1NRiwGWHsoxySIvaP_7l_k02eRfF7j2ebJg2e-Rr_lFoqWCt9TrcjJDiF6ww79D1QiA=">
612							<div class="calendar-form p-40 w-full h-full lg:w-[650px] flex-shrink-0 lg:overflow-y-scroll">
613								<h4 class="termin-form__title">Geben Sie Details an</h4>
614								<form-validation class="js-custom-el termin-form" data-js-module="customElement/form-validation">
615									
616									<form data-freeform data-id="6ab160-form-9nR1o9AEy-DYMkVejNQ-BfykjqewxfbVIPpLDRP9R4rQVIM9j3afukQEIsnD" data-handle="calendy" data-ajax data-disable-submit data-show-processing-spinner method="post" data-show-processing-text data-processing-text="Processing..." data-success-message="Form has been submitted successfully!" data-error-message="Sorry, there was an error submitting the form. Please try again.">
617<input type="hidden" name="formHash" value="9nR1o9AEy-DYMkVejNQ-BfykjqewxfbVIPpLDRP9R4rQVIM9j3afukQEIsnD" />
618<input type="hidden" name="freeform-action" value="submit" />
619<div id="6ab160-form-9nR1o9AEy-DYMkVejNQ-BfykjqewxfbVIPpLDRP9R4rQVIM9j3afukQEIsnD" data-scroll-anchor></div>
620<input type="hidden" name="CRAFT_CSRF_TOKEN" value="8ZFcyaOdeEwVWLyHbqo76mQ13TycDgfoLOCwT7nE1NRiwGWHsoxySIvaP_7l_k02eRfF7j2ebJg2e-Rr_lFoqWCt9TrcjJDiF6ww79D1QiA=">
621<input type="hidden" name="action" value="freeform/submit" />
622
623									
624									
625										<div class="">
626																							
627																								<div data-field-container="firstName" data-field-type="text"><label for="form-input-firstName">Name</label><input type="text" id="form-input-firstName" name="firstName" value="" placeholder=""></div>
628																																	</div>
629									
630										<div class="">
631																							
632																								<div data-field-container="email" data-field-type="email"><label for="form-input-email">E-Mail-Adresse</label><input type="email" id="form-input-email" name="email" value="" placeholder="" ></div>
633																																	</div>
634									
635										<div class="">
636																							
637																								<div data-field-container="cellPhone" data-field-type="text"><label for="form-input-cellPhone">Telefonnummer</label><input type="text" id="form-input-cellPhone" name="cellPhone" value="" placeholder=""></div>
638																																	</div>
639									
640										<div class="">
641																							
642																								<div data-field-container="message" data-field-type="textarea"><label for="form-input-message">Worauf sollen wir besonders eingehen?</label><textarea id="form-input-message" name="message" rows="5" placeholder="" ></textarea></div>
643																																	</div>
644									
645										<div class="w-0 h-0 opacity-0 pointer-events-none">
646																							
647																								<div data-field-container="date" data-field-type="text"><label for="form-input-date">Date</label><input type="text" id="form-input-date" name="date" value="" placeholder=""></div>
648																																			
649																								<div data-field-container="time" data-field-type="text"><label for="form-input-time">Time</label><input type="text" id="form-input-time" name="time" value="" placeholder=""></div>
650																																	</div>
651									
652
653									<div data-rules-json="{&quot;values&quot;:{&quot;firstName&quot;:&quot;&quot;,&quot;email&quot;:&quot;&quot;,&quot;cellPhone&quot;:&quot;&quot;,&quot;message&quot;:&quot;&quot;,&quot;date&quot;:&quot;&quot;,&quot;time&quot;:&quot;&quot;},&quot;rules&quot;:{&quot;fields&quot;:[],&quot;buttons&quot;:[]}}"></div>
654<input type="hidden" name="freeform_payload" value="YXgQeV9A4OjmsyhZIWT7DWJkYzY5Y2E2NTI1ZTI4ZjVlNGRjOTc4NjZlNzE1YmI2OTkwNDdkMDk2ZmM1YzIyYTViMWM2ZDJmYTlkYWE2MTKs/7izTYayaCQTHx8OWPymnVIEiFAyfIibHwh9/LXKQ04AQwo32xz1EfFQMJf7SNvFy8W1a5eYF/S+Zq1P36WVccq/aLUVph+pK1BdrwirPb7cdmJ/FIja2jdaYkJOCUYhR4hn8B8EjKb/U/X/BulgjziU4GyO+oDFKtvwr0fguofiw3MPPM2ELQPVb3NUTA5DgFgrQ6HZ39wAJgnUL85OjJ7c3hpG+JmzngeByKH/B7mD5dEq3SPew1cn/VnyEMTjRlhML/p5YNGMVn7ng1vAIcsvRrC1XBbUf/m9moA1ogzI95NWWh3lVsS36RSreR9NThP2aWntTn6Ym4dlMyLZBcmDp7WpnB7P1bRmORKqXZDYW1SuLfyOlXfFWGc9c5wX7+PBVd031RulJCPUygh++FwN
654pwHxtWkw3WqL+WKsdsJe9o/8wwZrqnwQBFRIlw6spLaK+eCYgm9W17wKvQAh/z6gzcXvboK2DcjIsFWaZc+MQRShH4IaaVCbGIqKbv7ja6jvODcRqs6ocmVgVZcNS9wpa1XG1yAgVmTo59yZVpdHZvmfHAyeK7FxQLJsnl028DXiNbEGZ3uoerrwrkvX+RwatOr+Ah6TOB4ibV3Y2vAHPG4l+bAu1KFX2DpNO7ZODFhrFG2EwJdKGES5ihhr/3uKFFMJOX9JlIJXb4KMdQ7AlGRHDLvy/0LRZnh9JMjr6yaXCtirJzzaIbjru2YaVk2A6uPlRyz26WcP2JE7J3reEo2yRsNV0xAAUor02+1ckHyx8imVdyxgB03cW9B2NhXNBM9yZy0OnR7l/gK7o9l88rUdN/nvEppyorTywNNzlsSKG8yVBjEFya6AGSFY3BAHug3ebtxcsaRsYDnsGgShSRUoJzBteyM76XPNIHqbg072zUuCurRs8LfIunrwMpcQWzo1ZQxO7YIX4w/n7XdCgqBQ7YXbrhD1cr58ym0zkrK4IWiUp0lR1mxIm9Z9nlgDYGEwvQbccf73jHBgFhkRi5o3CGkbUtdHv2Tl9ueHmGBYK0iSYFm5pE1+kbqHmGmO6/2E6Wu+/LvVU1VUjYdhFlceCTK7Xi7czYDybzU1mY5aNozK71aWDbgJ/GsdJ30RclFO1/ZWV3t0TeryA+igN7d09wdXf9k3RPjKXLlg/L9YNA55Lbj/7enMWg08" />
655<div data-freeform-controls>
656<div>
657</div>
658<div>
659<div>
660<button data-freeform-action="submit" data-button-container="submit" name="form_page_submit" type="submit">Termin buchen</button>
661</div>
662</div>
663<div>
664</div>
665</div></form>
666
667									<div class="mb-32 hidden" data-captcha>
668  <h4>Wie viel ist?</h4>
669  <div class="md:flex">
670    <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAAAyCAIAAACWMwO2AAAACXBIWXMAAA7EAAAOxAGVKw4bAAAFX0lEQVR4nO2ae0xTVxzHT9GWUlrooOWps0NaWKISXoLOuDhdjIIZyZJN2eZki5uQLSybmEySaYyQqTACM8BUHnOK7oFZ4rKnDMeUV6W4EKEFBkTKo7xiHxQG2O6POw+XCy2FcSAXfp/cP36/3/mde39tvjnn3HMPx2q1IgBYaJyWugBgeQLCAogAwgKIAMICiADCAogAwgKIAMICiADCAogAwgKIsHqpC5gnFovlTlXVn3cr29o7TCaTi8BF6ikJDwvdvWvnU2LxjF3MZvOvv5cr6+p6e3Umk0koFPr4eEeGh+/etdOFz1/k+pc9HPufdL4pvfF16Q1GcPu255KTEu00LXCN0zAYjJ9mfqZpaZneJBAIkpOORISFMeKalpbM7M8Hh4amd/H08Ej5IFkeuJ5IrSsVVk6FZ7KyZlQVQshsNmfmnO/UaunBXl1f+tmMGVWFEBocGko7d65/YGDhC13BLKWwsnPzXo5/HV8O9qqrv6/WNNMjXC6X7o6NjX1/8wd65HJJiWl4mB7hOzvTXaPR9NW163MoHZiNWYTFc3YWiYQikXBOTUS5p6qnu6+9+sr1L4sy0tN4PB4ONjxoxHb/wECN8h52A2SyvOysq0UFedlZsnVP43hldc3A4CDJwlcWsyze42Jj4mJjEELTRxQ7TUQZGJycs3g8Xty+WITQM7J1IRs2KFUqKm40mXBOda2S3v2dtxK8pFKEkJdUejjhUOrJU1TcarVW1dTu27vH1nPn9DNLS644nrwsYd9b4cdHP6K7Tk7/DbrmkREclEo8sa1pnlyNCV1d6Yv0YIVCIBCYzWbKbW5tJVHwyoR9i3enqSCEDAbjzR9/alSrcc7W6GhsP9R2Ytvfz49xtzW0yMNOLQIWiMUesQ69ewTbo6P/2GpCCBV/ke/IDfe/mTA+Pk6PBMhkL8XGYFevN2Db3d2N0V0sdp/MNOjtPGjxV5OsZrGFZTSa5tHkOC++sONg/AH6hufo6Ci2nXnOjHz6G+WIeQTZxkGhAxTsmwrto6xTld3+w1arxWqx05fjtNz+jSWE9X+lm0i0etUq7D7S64uvXL1YVIwjfNroxZg0GRE+nzmeAfNmsadC+nt4dm5exZ27MzY5zoXzOQih7p6eS8WX/2pooII//3Zrx/PbAwMCEEJisRjvjhqMRkZ3+gpM7D7zR0YK2G6YE+wbsf5ub8dXX38/FfTz9U08/DY9TVV/nzLW+vvjYHdPL+NuPTodtteu8UfAAsG+fawTp9NHnmxZBQcp0k58QtkCFxd6Gv4yGKSQV9XWUrbBYGhSa54NDqLcJrXGYJgcsYIVcqKVryjYN2L5entjW61pLiu/bbFYxicmrn37HT1N/OTwTPTmSHo8v6BQ29WNENJ2decXFOI4h8OJipySyYD6fuXg9f9/Jtth34i1OSK8raMDu7kXL10oLLJYrRbLlDe+0JBNlCGVSKIiI/DnQm1XV3LKMS6Xy1jIb42Oknh6ItvAdsOcWEphJSclzuPwVuzePeUVFbq+fhyZePyYkRMasilYocDuwfj4B41N9AMODFWJRMI3DuyfayWAHdg3Fbrw+SdTjwfIZLYSQjZu/PD99+gRH2+v48eO2jpZ6unhkZqSIpVIFrbOFQ77pkKEkJdUeub0qWqlsrKqprWt7ZFez+Fw3N3c5IHrt23ZEhUZMb1LkFyek3H2l1tlyjpVj05nHh4WuLr6+frA0WRCzHI0GQDmB/umQoAVgLAAIoCwACKAsAAigLAAIoCwACKAsAAigLAAIoCwACKAsAAigLAAIoCwACKAsAAigLAAIoCwACKAsAAigLAAIoCwACKAsAAi/AuiIsKSI59TEgAAAABJRU5ErkJggg==" alt="captcha" width="200" height="50" class="w-[12.5rem] h-50 mt-6">
671    <div class="flex flex-wrap -mx-3 mb-6 relative w-full">
672      <input class="p-12 rounded-[0.25rem] border border-solid border-grey-dark placeholder:text-grey-dark focus:border-prim-blue disabled:text-white disabled:border-white w-full leading-[160%] mb-20 input" type="text" id="answer" name="answer" data-required data-answ="41" placeholder="Antwort">
673    </div>
674  </div>
675</div>
676								</form-validation>
677							</div>
678											</div>
679					<a href="" class="close-button absolute top-10 right-14 font-Poppins-ExtraBold">x</a>
680				</div>
681			</div>
682		</custom-calendar>
683			<div class="w-full h-54 lg:h-80"></div>
684</section>
685
686        
687          </main>
688        </lazy-load>
689      </div>
690    </aos-anim>
691
692    
693<footer>
694    <div class="max-w-[82.5rem] mx-auto border-t border-solid border-grey-light"></div>
695        <div class="w-full h-54 lg:h-80"></div>
696    <div class="container">
697        <div class="flex flex-col md:flex-row justify-between pb-48 md:pb-40">
698            <div class="flex mb-24 md:mb-0 md:mr-20">
699                <a href="https://studyly.com/at/" class="block w-47 h-68 mr-24 flex-shrink-0">
700                    <picture>
701                        <img data-src="/assets/images/eule.svg" alt="" class="lazy-img w-full h-full object-contain">
702                    </picture>
703                </a>
704                              <div class="text-lg-reg  text-prim-blue-1 "><p>Erkenne Chancen.<br />Revolutioniere<br />den Unterricht.<br /></p></div>
705                          </div>
706            <ul class="mb-24 md:mb-0 md:mr-20">
707                              <li class="text-md-bold text-prim-blue-2 mb-16">Links</li>
708                                                      <li class="mb-8 last:mb-0 text-md-reg  hover:text-prim-blue  transition-all"><a  href="https://studyly.com/at/kontakt">Kontakt</a></li>
709                                      <li class="mb-8 last:mb-0 text-md-reg  hover:text-prim-blue  transition-all"><a  href="https://studyly.com/at/faq">FAQ</a></li>
710                                      <li class="mb-8 last:mb-0 text-md-reg  hover:text-prim-blue  transition-all"><a  href="https://studyly.com/at/events">Events</a></li>
711                                      <li class="mb-8 last:mb-0 text-md-reg  hover:text-prim-blue  transition-all"><a  href="https://studyly.com/at/jobs">Jobs</a></li>
712                                      <li class="mb-8 last:mb-0 text-md-reg  hover:text-prim-blue  transition-all"><a  href="https://studyly.com/de">Zu Studyly Deutschland</a></li>
713                                                            </ul>
714            <div class="mb-48 md:mb-0 flex flex-col justify-between md:mr-20">
715                <ul class="mb-24">
716                    <li class="text-md-bold  text-prim-blue-2  mb-16">Kontakt</li>
717                                      <li class="mb-8 last:mb-0 text-md-reg hover:text-prim-blue transition-all"><a href="tel:+4367767700277">+43 677 67700277</a></li>
718                                                        <li class="mb-8 last:mb-0 text-md-reg hover:text-prim-blue transition-all"><a href="mailto:[email protected]">[email protected]</a></li>
719                                                        <li class="mb-8 last:mb-0 text-md-reg"><address class="not-italic">Mariahilfer Straße 136/1.13<br />
7201150 Wien, Österreich</address></li>
721                                  </ul>
722                              <ul class="flex">
723                                      <li class="mr-24 last:mr-0"><a href="https://www.facebook.com/studylyAT" class="block w-18 h-18"><picture><img data-src="/assets/images/fb.svg" alt="fb" class="w-full h-full object-contain lazy-img"></picture></a></li>
724                                      <li class="mr-24 last:mr-0"><a href="https://www.instagram.com/studyly_at" class="block w-18 h-18"><picture><img data-src="/assets/images/inst.svg" alt="inst" class="w-full h-full object-contain lazy-img"></picture></a></li>
725                                      <li class="mr-24 last:mr-0"><a href="https://www.linkedin.com/company/studyly/" class="block w-18 h-18"><picture><img data-src="/assets/images/linkedin.svg" alt="linkedin" class="w-full h-full object-contain lazy-img"></picture></a></li>
726                                  </ul>
727              
728            </div>
729            <div class="flex flex-col md:items-end md:mt-6">
730                <div class="w-[9.063rem]">
731                  <div class="w-[9.063rem] h-59 flex-shrink-0">
732                    <picture>
733                        <img data-src="/assets/images/footer_logo.svg" alt="" class="lazy-img w-full h-full object-contain">
734                    </picture>
735                  </div>
736                  <span class="text-xs-reg">Gefördert aus Mitteln der Stadt Wien</span>
737                </div>
738            </div>
739        </div>
740        <div class="flex items-center justify-between py-24">
741                      <span class="text-xs-reg">© 2026 Alle Rechte vorbehalten.</span>
742                                <ul class="flex items-center">
743                              <li class="text-xs-reg px-10 last:pr-0 first:pl-0 border-r border-solid border-grey-dark last:border-0 leading-[100%] hover:text-prim-blue transition-all"><a target="" href="https://studyly.com/at/impressum">Impressum</a></li>
744                              <li class="text-xs-reg px-10 last:pr-0 first:pl-0 border-r border-solid border-grey-dark last:border-0 leading-[100%] hover:text-prim-blue transition-all"><a target="1" href="https://assets.studyly.com/static/documents/legal/Datenschutzerklaerung.pdf">Datenschutz</a></li>
745                              <li class="text-xs-reg px-10 last:pr-0 first:pl-0 border-r border-solid border-grey-dark last:border-0 leading-[100%] hover:text-prim-blue transition-all"><a target="1" href="https://assets.studyly.com/static/documents/legal/AGB.pdf">AGB</a></li>
746                              <li class="text-xs-reg px-10 last:pr-0 first:pl-0 border-r border-solid border-grey-dark last:border-0 leading-[100%] hover:text-prim-blue transition-all"><a target="1" href="https://studyly.com/at/barrierefreiheit">Barrierefreiheit</a></li>
747                          </ul>
748                  </div>
749    </div>
750        <div class="w-full h-54 lg:h-80"></div>
751</footer>
752    
753
754  
754<script>
755    if ('serviceWorker' in navigator) {
756      window.addEventListener('load', () => {
757        navigator.serviceWorker.register("/_compiled/sw.js");
758      });
759    }
760  </script>
760
761
762
763<script>document.body.classList.remove('no-js');</script>
763
764
765    
766    
766<script  src="/_compiled/app.js"></script>
766
767
768
769    
770    
771  
771<script type="application/ld+json">{"@context":"http://schema.org","@graph":[{"@type":"WebPage","author":{"@id":"https://studyly.com#identity"},"copyrightHolder":{"@id":"https://studyly.com#identity"},"copyrightYear":"2022","creator":{"@id":"https://studyly.com#creator"},"dateCreated":"2022-10-05T10:43:05+02:00","dateModified":"2026-08-31T14:59:10+02:00","datePublished":"2022-10-05T10:43:00+02:00","headline":"Die interaktive Mathematik-App","inLanguage":"de-at","mainEntityOfPage":"https://studyly.com/at/","name":"Studyly","publisher":{"@id":"https://studyly.com#creator"},"url":"https://studyly.com/at"},{"@id":"https://studyly.com#identity","@type":"EducationalOrganization","address":{"@type":"PostalAddress","addressCountry":"Austria","addressLocality":"Vienna","addressRegion":"Vienna","postalCode":"1150","streetAddress":"Mariahilfer Straße 136/1.13"},"email":"[email protected]","founder":"Leon Frischauf, Georg Windischbauer","foundingDate":"2019-07-04","foundingLocation":"Vienna","geo":{"@type":"GeoCoordinates","latitude":"48.195110","longitude":"16.336820"},"name":"Studyly GmbH","url":"https://studyly.com"},{"@id":"https://studyly.com#creator","@type":"EducationalOrganization","address":{"@type":"PostalAddress","addressCountry":"Austria","addressLocality":"Vienna","addressRegion":"Vienna","postalCode":"1150","streetAddress":"Mariahilfer Straße 136/1.13"},"email":"[email protected]","founder":"Leon Frischauf, Georg Windischbauer","foundingDate":"2019-07-04","foundingLocation":"Vienna","geo":{"@type":"GeoCoordinates","latitude":"48.195110","longitude":"16.336820"},"name":"Studyly GmbH","url":"https://studyly.com"},{"@type":"BreadcrumbList","description":"Breadcrumbs list","itemListElement":[{"@type":"ListItem","item":"https://studyly.com/at","name":"Die interaktive Mathematik-App","position":1}],"name":"Breadcrumbs"}]}</script>
771<script src="https://studyly.com/cpresources/ca5f4d8/js/scripts/front-end/plugin/freeform.js?v=1744707302"></script>
771</body>
772</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.