@font-face {
	font-family: "Nunito";
	src: url("../fonts/nunito/nunito-regular.woff2") format("woff2"), url("../../fonts/nunito/nunito-regular.woff") format("woff");
	font-weight: 400;
}

@font-face {
	font-family: "Nunito";
	src: url("../fonts/nunito/nunito-medium.woff2") format("woff2"), url("../../fonts/nunito/nunito-medium.woff") format("woff");
	font-weight: 500;
}

@font-face {
	font-family: "Nunito";
	src: url("../fonts/nunito/nunito-semi-bold.woff2") format("woff2"), url("../../fonts/nunito/nunito-semi-bold.woff") format("woff");
	font-weight: 600;
}

@font-face {
	font-family: "Nunito";
	src: url("../fonts/nunito/nunito-bold.woff2") format("woff2"), url("../../fonts/nunito/nunito-bold.woff") format("woff");
	font-weight: 700;
}

body {
	font-family: Nunito, sans-serif;
	color: #333;
	font-size: 14px;
	line-height: 20px;
	font-weight: 400;
	-webkit-hyphens: manual;
	-moz-hyphens: manual;
	-ms-hyphens: manual;
	hyphens: manual;
}

h1 {
	margin-top: 20px;
	margin-bottom: 10px;
	font-family: Nunito, sans-serif;
	font-size: 38px;
	line-height: 44px;
	font-weight: 700;
	text-align: center;
}

h2 {
	margin-top: 0px;
	margin-bottom: 16px;
	color: rgba(0, 0, 0, .8);
	font-size: 38px;
	line-height: 40px;
	font-weight: 700;
	text-align: center;
	letter-spacing: 1px;
}

h3 {
	margin-top: 20px;
	margin-bottom: 10px;
	color: rgba(0, 0, 0, .6);
	font-size: 24px;
	line-height: 30px;
	font-weight: 400;
	text-align: center;
}

h4 {
	margin-top: 10px;
	margin-bottom: 10px;
	color: #0083db;
	font-size: 18px;
	line-height: 24px;
	font-weight: 700;
	letter-spacing: 1.2px;
}

h5 {
	margin-top: 100px;
	margin-bottom: 40px;
	color: #494949;
	font-size: 18px;
	line-height: 20px;
	font-weight: 400;
	text-align: center;
}

p {
	margin-bottom: 10px;
	color: #494949;
	font-size: 18px;
	line-height: 24px;
	font-weight: 300;
	text-align: center;
	letter-spacing: 0.3px;
}

a:hover {
	text-decoration: none;
}



/* self made bootstrap */
.m-0 {
	margin: 0 !important;
}
.m-1 {
	margin: 8px !important;
}
.m-2 {
	margin: 16px !important;
}
.m-3 {
	margin: 24px !important;
}
.m-4 {
	margin: 32px !important;
}
.m-5 {
	margin: 40px !important;
}
.m-6 {
	margin: 48px !important;
}
.m-7 {
	margin: 56px !important;
}
.m-8 {
	margin: 64px !important;
}
.m-9 {
	margin: 72px !important;
}
.m-10 {
	margin: 80px !important;
}
.mt-0 {
	margin-top: 0 !important;
}
.mt-1 {
	margin-top: 8px !important;
}
.mt-2 {
	margin-top: 16px !important;
}
.mt-3 {
	margin-top: 24px !important;
}
.mt-4 {
	margin-top: 32px !important;
}
.mt-5 {
	margin-top: 40px !important;
}
.mt-6 {
	margin-top: 48px !important;
}
.mt-7 {
	margin-top: 56px !important;
}
.mt-8 {
	margin-top: 64px !important;
}
.mt-9 {
	margin-top: 72px !important;
}
.mt-10 {
	margin-top: 80px !important;
}
.mb-0 {
	margin-bottom: 0 !important;
}
.mb-1 {
	margin-bottom: 8px !important;
}
.mb-2 {
	margin-bottom: 16px !important;
}
.mb-3 {
	margin-bottom: 24px !important;
}
.mb-4 {
	margin-bottom: 32px !important;
}
.mb-5 {
	margin-bottom: 40px !important;
}
.mb-6 {
	margin-bottom: 48px !important;
}
.mb-7 {
	margin-bottom: 56px !important;
}
.mb-8 {
	margin-bottom: 64px !important;
}
.mb-9 {
	margin-bottom: 72px !important;
}
.mb-10 {
	margin-bottom: 80px !important;
}
.ml-0 {
	margin-left: 0 !important;
}
.ml-1 {
	margin-left: 8px !important;
}
.ml-2 {
	margin-left: 16px !important;
}
.ml-3 {
	margin-left: 24px !important;
}
.ml-4 {
	margin-left: 32px !important;
}
.ml-5 {
	margin-left: 40px !important;
}
.ml-6 {
	margin-left: 48px !important;
}
.ml-7 {
	margin-left: 56px !important;
}
.ml-8 {
	margin-left: 64px !important;
}
.ml-9 {
	margin-left: 72px !important;
}
.ml-10 {
	margin-left: 80px !important;
}
.mr-0 {
	margin-right: 0 !important;
}
.mr-1 {
	margin-right: 8px !important;
}
.mr-2 {
	margin-right: 16px !important;
}
.mr-3 {
	margin-right: 24px !important;
}
.mr-4 {
	margin-right: 32px !important;
}
.mr-5 {
	margin-right: 40px !important;
}
.mr-6 {
	margin-right: 48px !important;
}
.mr-7 {
	margin-right: 56px !important;
}
.mr-8 {
	margin-right: 64px !important;
}
.mr-9 {
	margin-right: 72px !important;
}
.mr-10 {
	margin-right: 80px !important;
}
.mx-auto {
	margin: 0 auto !important;
}
.p-0 {
	padding: 0 !important;
}
.p-1 {
	padding: 8px !important;
}
.p-2 {
	padding: 16px !important;
}
.p-3 {
	padding: 24px !important;
}
.p-4 {
	padding: 32px !important;
}
.p-5 {
	padding: 40px !important;
}
.p-6 {
	padding: 48px !important;
}
.p-7 {
	padding: 56px !important;
}
.p-8 {
	padding: 64px !important;
}
.p-9 {
	padding: 72px !important;
}
.p-10 {
	padding: 80px !important;
}
.pt-0 {
	padding-top: 0 !important;
}
.pt-1 {
	padding-top: 8px !important;
}
.pt-2 {
	padding-top: 16px !important;
}
.pt-3 {
	padding-top: 24px !important;
}
.pt-4 {
	padding-top: 32px !important;
}
.pt-5 {
	padding-top: 40px !important;
}
.pt-6 {
	padding-top: 48px !important;
}
.pt-7 {
	padding-top: 56px !important;
}
.pt-8 {
	padding-top: 64px !important;
}
.pt-9 {
	padding-top: 72px !important;
}
.pt-10 {
	padding-top: 80px !important;
}
.pb-0 {
	padding-bottom: 0 !important;
}
.pb-1 {
	padding-bottom: 8px !important;
}
.pb-2 {
	padding-bottom: 16px !important;
}
.pb-3 {
	padding-bottom: 24px !important;
}
.pb-4 {
	padding-bottom: 32px !important;
}
.pb-5 {
	padding-bottom: 40px !important;
}
.pb-6 {
	padding-bottom: 48px !important;
}
.pb-7 {
	padding-bottom: 56px !important;
}
.pb-8 {
	padding-bottom: 64px !important;
}
.pb-9 {
	padding-bottom: 72px !important;
}
.pb-10 {
	padding-bottom: 80px !important;
}
.pl-0 {
	padding-left: 0 !important;
}
.pl-1 {
	padding-left: 8px !important;
}
.pl-2 {
	padding-left: 16px !important;
}
.pl-3 {
	padding-left: 24px !important;
}
.pl-4 {
	padding-left: 32px !important;
}
.pl-5 {
	padding-left: 40px !important;
}
.pl-6 {
	padding-left: 48px !important;
}
.pl-7 {
	padding-left: 56px !important;
}
.pl-8 {
	padding-left: 64px !important;
}
.pl-9 {
	padding-left: 72px !important;
}
.pl-10 {
	padding-left: 80px !important;
}
.pr-0 {
	padding-left: 0 !important;
}
.pr-1 {
	padding-right: 8px !important;
}
.pr-2 {
	padding-right: 16px !important;
}
.pr-3 {
	padding-right: 24px !important;
}
.pr-4 {
	padding-right: 32px !important;
}
.pr-5 {
	padding-right: 40px !important;
}
.pr-6 {
	padding-right: 48px !important;
}
.pr-7 {
	padding-right: 56px !important;
}
.pr-8 {
	padding-right: 64px !important;
}
.pr-9 {
	padding-right: 72px !important;
}
.pr-10 {
	padding-right: 80px !important;
}
.d-flex {
	display: flex !important;
}
.d-flex-column {
	flex-direction: column !important;
}
.d-flex-column-reverse {
	flex-direction: column-reverse !important;
}
.d-flex-row {
	flex-direction: row !important;
}
.d-flex-row-reverse {
	flex-direction: row-reverse !important;
}
.d-flex-gap-1 {
	gap: 8px !important;
}
.d-flex-gap-2 {
	gap: 16px !important;
}
.d-flex-gap-3 {
	gap: 24px !important;
}
.d-flex-gap-4 {
	gap: 32px !important;
}
.align-items-center {
	align-items: center !important;
}
.justify-content-center {
	justify-content: center !important;
}
.justify-content-space-between {
	justify-content: space-between !important;
}
.d-grid {
	display: grid !important;
}
.grid-template-columns-100 {
	grid-template-columns: 100% !important;
}
.grid-template-columns-50 {
	grid-template-columns: 50% 50% !important;
}
.grid-template-columns-33 {
	grid-template-columns: 33.3% 33.3% 33.3% !important;
}
.grid-template-columns-25 {
	grid-template-columns: 25% 25% 25% 25% !important;
}
.grid-template-columns-20 {
	grid-template-columns: 20% 20% 20% 20% 20% !important;
}
.grid-area-column-1 {
	grid-area: 1 / 1 / 2 / 2 !important;
}
.grid-area-column-2 {
	grid-area: 1 / 2 / 2 / 3 !important;
}
.grid-area-column-3 {
	grid-area: 1 / 3 / 2 / 4 !important;
}
.grid-area-column-4 {
	grid-area: 1 / 4 / 2 / 5 !important;
}
.grid-area-column-5 {
	grid-area: 1 / 5 / 2 / 6 !important;
}
.grid-area-row-2 {
	grid-area: 2 / 1 / 3 / 2 !important;
}
.grid-area-row-3 {
	grid-area: 3 / 1 / 4 / 2 !important;
}
.grid-area-row-4 {
	grid-area: 4 / 1 / 5 / 2 !important;
}
.grid-area-row-5 {
	grid-area: 5 / 1 / 6 / 2 !important;
}
.d-block {
	display: block !important;
}
.text-white {
	color: #fff !important;
}
.text-dark {
	color: #333333 !important;
}
.text-blue {
	color: #0083DB !important;
}
.text-light-dark {
	color: #5E5E5E !important;
}
.text-align-center {
	text-align: center !important;
}
.font-bold {
	font-weight: bold !important;
}
.text-decoration-none {
	text-decoration: none !important;
}
.w-100 {
	width: 100% !important;
}
.w-75 {
	width: 75% !important;
}
.w-50 {
	width: 50% !important;
}
.w-25 {
	width: 25% !important;
}
.border {
	border: solid 1px;
}
.border-top {
	border: solid 1px;
	border-bottom: none !important;
	border-right: none !important;
	border-left: none !important;
}
.border-bottom {
	border: solid 1px;
	border-top: none !important;
	border-right: none !important;
	border-left: none !important;
}
.border-right {
	border: solid 1px;
	border-top: none !important;
	border-bottom: none !important;
	border-left: none !important;
}
.border-left {
	border: solid 1px;
	border-top: none !important;
	border-bottom: none !important;
	border-right: none !important;
}
.d-none {
	display: none !important;
}
.cursor-pointer {
	cursor: pointer !important;
}


/* if you need cookies */
/* .cookies {
	position: fixed;
	width: 100vw;
    top: 90vh;
	z-index: 999999999;
	display: flex;
    justify-content: center;
} */

/* .cookies .btn_area {
	align-items: center;
    justify-content: center;
	padding: 16px 32px;
	border-radius: 5px;
	width: 90vw;
	background-color: #fff;
	border: 1px solid rgba(51, 51, 51, 0.1);
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
} */

/* .cookies .btn_area button {
	background: #fff;
	padding: 8px 16px;
	border: 1px solid #d6d6d6;
	box-sizing: border-box;
	border-radius: 5px;
} */



.content {
	padding: 104px 48px;
	position: relative;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	background-image: none;
	background-size: auto;
	background-repeat: repeat;
}

.content.content-gray {
	background-color: #f2f2f2;
}

.content.content-blue {
	width: 100%;
	background-color: hsla(207.012987012987, 100.00%, 45.29%, 1.00);
}

.content.content-blue.content-namechange {
	height: auto;
	padding-top: 160px;
	-webkit-box-align: start;
	-webkit-align-items: flex-start;
	-ms-flex-align: start;
	align-items: flex-start;
	background-image: none;
}

.content.content-white {
	width: 100%;
	background-color: #0083db;
}

.content.content-white.content-namechange {
	height: auto;
	padding-top: 160px;
	-webkit-box-align: start;
	-webkit-align-items: flex-start;
	-ms-flex-align: start;
	align-items: flex-start;
	background-color: #fff;
	background-image: none;
}

.hero_paragraph {
	max-width: 884px;
	margin-right: 40px;
	margin-left: 40px;
	font-family: Gothamrounded, sans-serif;
	color: #0083db;
	font-size: 56px;
	line-height: 72px;
	font-weight: 400;
	text-align: center;
}

.hero_paragraph.hero--white {
	color: #f2f2f2;
}

.hero_centered-container {
	position: static;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	z-index: 2;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	width: 1200px;
	padding-right: 16px;
	padding-left: 16px;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}

.hero_centered-container.hero_footer {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
}

.hero_logo {
	width: 360px;
	margin-top: 56px;
	margin-bottom: 56px;
	margin-left: 10px;
	-webkit-box-flex: 0;
	-webkit-flex: 0 auto;
	-ms-flex: 0 auto;
	flex: 0 auto;
}

.hero_logo.button.button-blue {
	padding: 0px;
	border-radius: 600px;
	-webkit-transition: all 200ms cubic-bezier(.645, .045, .355, 1);
	transition: all 200ms cubic-bezier(.645, .045, .355, 1);
}

.hero_logo.button.button-blue:hover {
	box-shadow: 0 26px 70px -35px #000;
	-webkit-transform: scale(1.06);
	-ms-transform: scale(1.06);
	transform: scale(1.06);
}

.hero_logo.logo--small {
	width: 56px;
	margin-top: 24px;
	margin-right: 16px;
	margin-bottom: 24px;
}

.hero_logo.logo--alt {
	margin-top: 24px;
	margin-bottom: 104px;
}

/* navigation */
/* In .navbar gibt es zwei Elemente(..navigation-type1 .navigation-type2) */
/* .navigation-type1 hat .nav-line1 , .navigation-type2 hat .nav-line2 */
.main-navigation {
	background-color: #fff;
	height: 80px;
}

.mobile-nav {
	display: none;
	position: absolute;
	top: 0;
	height: 100vh;
	width: 100%;
	background: #fff;
}

.nav-container .open-layer {
	display: none;
}

.mobile-nav.third-layer {
	overflow: scroll;
}

.nav-logo {
	height: 30px;
	margin-top: 25px;
	margin-left: 0 !important;
}

.nav-container.w-clearfix {
    padding: 0;
}

.nav-border {
    border: 0.5px solid rgba(0, 0, 0, 0.03);
}

/* wenn man display für mobile wechselt und nochmal für full-screen wechselt, kommt ein Bug. Hier ist dafür */
.navigation-type1 .nav-line2, .navigation-type2 .nav-line1 {
    display: none;
}

.navigation-type2 {
    padding: 0;
}

/* mobile-title sollte unter 991px bei modal gezeigt */
.navigation-type2 .nav-line2 .nav-mobile-title {
    display: none;
}

.navigation-type2 .nav-buttons {
    padding: 21px 0;
}

.navigation-type2 .button-3 {
    margin-top: 0 !important;
	margin-right: 8px;
	padding: 14px 16px;
    border-radius: 4px;
    box-shadow: none;
    color: #0083DB;
    border: 1px solid #EEEEEE !important;
}

.navigation-type2 .nav-buttons .button-3 img {
    margin-right: 10px;
}

.navigation-type2 .button-3:hover {
	box-shadow: none;
}

.navigation-type2 .w-button {
    display: inline-block;
    border: 0;
    line-height: inherit;
    text-decoration: none;
    cursor: pointer;
}

.navigation-type2 .nav-menu.w-nav-menu {
    margin-left: auto;
}

.navigation-type2 .nav-menu.w-nav-menu .nav-link {
	padding: 31px 0px;
}

.navigation-type2 .nav-menu.w-nav-menu .nav-link:not(:last-child) {
	margin-right: 24px;
}

.navigation-type2 .nav-menu.w-nav-menu .nav-link:hover {
	box-shadow: none;
	color: none;
}

.navigation-type2 .nav-menu.w-nav-menu .nav-link img {
	margin-right: 10px;
	margin-bottom: 0;
}

.navigation-type2 .nav-menu.w-nav-menu .nav-link span {
	vertical-align: middle;
}

.nav-menu.w-nav-menu .overlay-nav-escola-icon {
    display: none;
}

.navigation-type2 .nav-menu.w-nav-menu .verwaltung {
    color: #FF8483;
    vertical-align: middle;
}

.navigation-type2 .nav-menu.w-nav-menu .förderplanung {
    color: #65CFCE;
    vertical-align: middle;
}

.navigation-type2 .nav-menu.w-nav-menu .webauftritt {
    color: #DC87C4;
    vertical-align: middle;
}

.navigation-type2 .nav-menu.w-nav-menu .unterricht {
    color: #938EDF;
    vertical-align: middle;
}

.navigation-type2 .nav-menu.w-nav-menu .schulangebote {
	color: #E0A025;
	vertical-align: middle;
	cursor: pointer;
    text-decoration: none;
}

.navigation-type2 .nav-menu.w-nav-menu .escola-app {
    color: #0083DB;
    vertical-align: middle;
    padding: 18px 0 18px 18px;
}

.features-icon.features-icon--small {
    width: 30px;
}

.nav-link {
	padding: 30px 16px;
	-webkit-transition: color 200ms cubic-bezier(.645, .045, .355, 1), box-shadow 200ms ease;
	transition: color 200ms cubic-bezier(.645, .045, .355, 1), box-shadow 200ms ease;
	font-family: Nunito, sans-serif;
	color: #333333;
	font-size: 18px;
	font-weight: bold;
	letter-spacing: 0.8px;
	cursor: pointer;
}

.nav-link:hover {
	box-shadow: inset 0 4px 0 0 #0083db;
	color: #0083db;
}

.nav-link:focus {
	color: #0083db;
}

.nav-link.w--current {
	color: #0083db;
}

.nav-link.active {
	box-shadow: inset 0 4px 0 0 #0083db;
	color: #0083db;
}

.nav-link.nav-link--button {
	margin-top: 14px;
	margin-left: 40px;
	padding-top: 12px;
	padding-bottom: 12px;
	border-radius: 8px;
	background-color: rgba(0, 0, 0, .1);
	box-shadow: 0 0 0 0 rgba(0, 0, 0, .1);
	-webkit-transition: color 500ms cubic-bezier(.25, .46, .45, .94), box-shadow 200ms ease, background-color 500ms ease;
	transition: color 500ms cubic-bezier(.25, .46, .45, .94), box-shadow 200ms ease, background-color 500ms ease;
	color: rgba(0, 0, 0, .4);
	text-align: center;
}

.nav-link.nav-link--button:hover {
	background-color: #0083db;
	box-shadow: 0 16px 40px -17px rgba(0, 0, 0, .4);
	color: #fff;
}

.nav-link.nav-link--blue {
	color: #f2f2f2;
}

.admin-link {
	padding: 20px 0 20px 50px;
}

.register-btn {
	height: 40px;
	padding-left: 8px;
	padding-right: 16px;
	color: #0083db;
	border-radius: 5px;
	border: 1px solid #D6D6D6;
	font-family: 'Nunito';
	font-weight: 700;
	font-size: 15px;
	line-height: 140%;
	letter-spacing: 0.03em;
}

.register-btn:hover {
	border: 1px solid #0083db;
}

.navbar {
	position: fixed;
	left: 0px;
	top: 0px;
	right: 0px;
	z-index: 400;
	display: block;
	padding: 0;
	background-color: #fff;
	box-shadow: 0 0 40px 0 rgba(20, 20, 20, 0.1);
}

.navbar.navbar--transparent {
	padding-top: 0px;
	padding-bottom: 22px;
	background-color: #1ea9df;
}

.navbar.navbar--transparent {
	background-color: rgba(31, 169, 223, 0);
}

.navbar.navbar--white {
	background-color: #fff;
}

.nav-container {
	display: flex;
	justify-content: space-between;
	max-width: 1260px;
	height: 80px;
	margin-right: auto;
	margin-left: auto;
	padding: 0;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	-webkit-transition: box-shadow 200ms ease;
	transition: box-shadow 200ms ease;
}

.help .nav-container {
    padding: 21.5px 16px 16px 4px;
    background-color: #fff;
    width: fit-content;
    border: 1px solid #D6D6D6;
    box-shadow: 0px 4px 4px rgb(0 0 0 / 5%);
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
	display: grid;
	height: auto;
	row-gap: 21.5px;
	opacity: 0;
}

.help .nav-container .cancel {
	cursor: pointer;
}

.help .nav-container .left-border-helper {
    margin-top: 40px;
	height: 60px;
}

.products-navigation {
	position: fixed;
	width: 100%;
	z-index: -1;
	background-color: #fff;
}

.products-navigation .flex-helper {
	display: flex;
}

.button-blue {
	border-radius: 110%;
	background-color: #009ddb;
	box-shadow: 0 21px 60px -24px rgba(0, 0, 0, .5);
}

/* dropdown for new nav */
.nav-dropdown {
	background-color: #fff;
	position: absolute;
	width: 100%;
	z-index: -1;
	transition: transform .2s ease-in-out;
	box-shadow: inset 0px -1px 0px rgba(0, 0, 0, 0.1);
}

.nav-dropdown.open {
	border-top: 1px solid rgba(0, 0, 0, 0.1);
}

/* .nav-dropdown.scroll-animation {
	transform: translateY(-100%);
} */

.nav-dropdown .nav-container {
	height: auto;
	display: none;
}

.nav-dropdown .nav-container.fadeIn {
	transform: translate3d(0, -20px, 0);
	transition: 0.3s;
	opacity: 0;
}

.nav-dropdown .nav-container.fadeIn.animated {
	transform: translate3d(0, 0, 0);
	opacity: 1;
}

.nav-dropdown .nav-container.fadeIn a {
	opacity: 0;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
}

.nav-dropdown .nav-container.fadeIn.animated a {
	opacity: 1;
}

.nav-dropdown .nav-container .nav-dropdown-link.active {
	color: #0083DB;
}

.nav-dropdown .nav-container .products {
	text-decoration: none;
	cursor: pointer;
	border-radius: 3px;
}

.nav-dropdown .nav-container .verwaltung:hover {
	background-color: rgba(255, 132, 131, 0.1)
}

.nav-dropdown .nav-container .foerderplanung:hover {
	background-color: rgba(101, 207, 206, 0.1);
}

.nav-dropdown .nav-container .webauftritt:hover {
	background-color: rgba(220, 135, 196, 0.1);
}

.nav-dropdown .nav-container .unterricht:hover {
	background-color: rgba(147, 142, 223, 0.1);
}

.nav-dropdown .nav-container .schulangebote:hover {
	background-color: rgba(224, 160, 37, 0.1);
}

.nav-dropdown .nav-container .app:hover {
	background-color: rgba(27, 119, 209, 0.1);
}

.nav-dropdown .nav-container .product-icon {
	width: 32px;
	height: 32px;
	transition: transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.nav-dropdown .nav-container .products:hover .product-icon {
	transform: scale(1.2);
}

.nav-dropdown .nav-container .product-title {
	font-size: 20px;
	font-weight: 700;
}

.nav-dropdown .nav-container .product-desc {
	color: #5E5E5E;
	font-size: 15px;
	line-height: 140%;
	letter-spacing: 0.01em;
	font-weight: 400;
}

.nav-dropdown .nav-container p {
	text-align: left;
}

.nav-dropdown .nav-container ul {
	list-style-type: none;
	padding: 0;
}

.nav-dropdown .nav-container ul.buttons a:hover {
	color: #004F83;
}

.nav-dropdown .nav-container ul.buttons a .hover-icon {
 	display: none;
}

.nav-dropdown .nav-container ul li a {
	font-size: 18px;
	color: #333;
	font-weight: 700;
	text-decoration: none;
}

.nav-dropdown .nav-container ul li a:hover {
	color: #0083DB;
}

.nav-dropdown .nav-container ul.buttons li a {
	color: #0083DB;
}

.mobile-nav .third-layer-list {
	height: 110vh;
}

.mobile-nav .third-layer-list .font-20 {
	font-weight: 700;
	font-size: 20px;
	line-height: 28px;
	letter-spacing: 0.03em;
}

.container {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	width: auto;
	max-width: 1300px;
	padding: 0;
	margin-right: auto;
	margin-left: auto;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
}

.container.index-scroll-to {
	margin-top: 80px;
}

.container.container-narrow {
	max-width: 1000px;
}

.container.container-centered {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	/* padding-bottom: 48px; */
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}

.container.container-flex {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	margin-top: 48px;
	margin-bottom: 88px;
	padding-bottom: 16px;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-align-self: flex-start;
	-ms-flex-item-align: start;
	align-self: flex-start;
}

.container.container-flex.container-module {
	margin-top: 80px;
	margin-bottom: 0px;
}

.section {
	padding: 80px 60px 0px;
}

.section.section-blue {
	padding-top: 80px;
	padding-bottom: 80px;
	background-color: #0083db;
}

.section.section-gray {
	padding-right: 24px;
	padding-left: 24px;
	background-color: #f2f2f2;
}

.section.section-gray.section-quote {
	padding-bottom: 124px;
}

.section.section--quote {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	padding-top: 80px;
	padding-bottom: 80px;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	background-color: hsla(204.1095890410959, 100.00%, 42.94%, 0.10);
}

.section.section--first {
	padding-top: 100px;
}

.section.section--large-pading {
	padding: 80px 60px;
}

.h1-blue {
	margin-bottom: 96px;
	color: rgba(0, 0, 0, .8);
	font-size: 38px;
}

.features-container {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	max-width: 100%;
	margin-right: 24px;
	margin-bottom: 80px;
	margin-left: 24px;
	padding: 60px 68px 54px;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: start;
	-webkit-align-items: flex-start;
	-ms-flex-align: start;
	align-items: flex-start;
	border-radius: 4px;
}

.features-container.features-container_footer {
	padding-right: 0px;
	padding-left: 0px;
}

.features-container.features-container--narrow {
	width: 50%;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-align-self: center;
	-ms-flex-item-align: center;
	-ms-grid-row-align: center;
	align-self: center;
}

.row__2-col {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}

.features-icon {
	width: 56px;
	margin-bottom: 8px;
}

.h1-white {
	margin-bottom: 80px;
	color: #fff;
	font-weight: 400;
}

.h2-white {
	margin-bottom: 24px;
	color: #fff;
	line-height: 40px;
	font-weight: 400;
}

.button {
	padding: 24px 32px 22px;
	border-radius: 8px;
	background-color: #0083db;
	box-shadow: 0 16px 40px -23px #000;
	-webkit-transition: box-shadow 200ms ease, letter-spacing 200ms ease;
	transition: box-shadow 200ms ease, letter-spacing 200ms ease;
	font-size: 16px;
	font-weight: 700;
	text-align: center;
	letter-spacing: 4px;
	text-transform: uppercase;
}

.button:hover {
	box-shadow: 0 11px 50px -15px #000;
	letter-spacing: 5px;
}

.button.button-white {
	margin-top: 20px;
	background-color: #fff;
	box-shadow: 0 16px 40px -23px #000;
	-webkit-transition: box-shadow 200ms cubic-bezier(.455, .03, .515, .955), letter-spacing 300ms ease,
		border-radius 200ms ease;
	transition: box-shadow 200ms cubic-bezier(.455, .03, .515, .955), letter-spacing 300ms ease,
		border-radius 200ms ease;
	color: #0083db !important;
}

.button.button-white:hover {
	box-shadow: 0 22px 50px -28px #000, 0 0 0 1px #fff;
	letter-spacing: 4.5px;
}

.button.button-white:active {
	box-shadow: 0 13px 30px -20px #000, 0 0 0 1px #fff;
	letter-spacing: 3.5px;
}

.button.button-white.button--centered {
	background-color: rgba(0, 0, 0, .04);
}

.button.button--centered {
	display: block;
	margin-right: auto;
	margin-left: auto;
}

.row__1col {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	margin-bottom: 80px;
	padding-right: 180px;
	padding-left: 180px;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}

.examples-container {
	margin-bottom: 40px;
}

.h3-link {
	padding-bottom: 4px;
	border-bottom: 2px solid #494949;
	-webkit-transition: padding 200ms ease, border 200ms ease, color 200ms ease, border-color 200ms ease,
		letter-spacing 200ms ease;
	transition: padding 200ms ease, border 200ms ease, color 200ms ease, border-color 200ms ease,
		letter-spacing 200ms ease;
	font-family: Gothamrounded, sans-serif;
	color: #494949;
	line-height: 40px;
	font-weight: 400;
	letter-spacing: 1px;
	text-decoration: none;
}

.h3-link:hover {
	padding-right: 8px;
	padding-left: 8px;
	border-bottom-color: #009ddb;
	color: #009ddb;
	letter-spacing: 1.5px;
}

.h3-link.contact-link {
	padding-bottom: 2px;
	border-bottom-color: #fff;
}

.h3-link.contact-link:hover {
	color: #fff;
}

.h3-link.h3-link--blue {
	border-bottom-color: #009ddb;
	color: #0083db;
	font-weight: 500;
}

.examples-shadow {
	position: absolute;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	z-index: -1;
	display: block;
	overflow: visible;
	width: 80%;
	margin: 30% 10% 4%;
	border-radius: 20px;
	box-shadow: 0 10px 70px -7px rgba(0, 0, 0, .9);
}

.examples-shadow.shadow-macbook {
	width: 70%;
	margin-right: 15%;
	margin-bottom: 2%;
	margin-left: 15%;
}

.device-container {
	position: relative;
	margin-bottom: 32px;
}

.device-container.device-tablet {
	margin-top: 17px;
	margin-right: 10%;
	margin-left: 10%;
}

.quote {
	display: block;
	width: 80%;
	margin-right: auto;
	margin-left: auto;
	font-size: 32px;
	line-height: 48px;
	font-style: italic;
	font-weight: 200;
}

.h4-author {
	margin-top: 8px;
	margin-bottom: 0px;
	-webkit-align-self: center;
	-ms-flex-item-align: center;
	-ms-grid-row-align: center;
	align-self: center;
	font-family: Gothamrounded, sans-serif;
	color: #0083db;
	font-size: 20px;
	font-weight: 500;
	text-align: center;
	letter-spacing: 0.3px;
}

.quote-school {
	color: #8f8f8f;
	font-size: 18px;
	font-weight: 300;
	letter-spacing: 1px;
}

.quote-icon1 {
	width: 100px;
	-webkit-align-self: flex-start;
	-ms-flex-item-align: start;
	align-self: flex-start;
	opacity: 0.29;
	-webkit-transform: translate(153px, 28px);
	-ms-transform: translate(153px, 28px);
	transform: translate(153px, 28px);
}

.slider {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	height: 700px;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	background-color: transparent;
}

.slide {
	background-color: transparent;
}

.slider-arrow {
	-webkit-transition: color 300ms cubic-bezier(.645, .045, .355, 1);
	transition: color 300ms cubic-bezier(.645, .045, .355, 1);
	color: #e4e4e4;
}

.slider-arrow:hover {
	color: #009ddb;
}

.slider-nav {
	font-size: 10px;
}

.team-portrait {
	position: relative;
	max-height: 300px;
	margin-bottom: 24px;
	-webkit-align-self: center;
	-ms-flex-item-align: center;
	-ms-grid-row-align: center;
	align-self: center;
	-webkit-transition: opacity 200ms ease;
	transition: opacity 200ms ease;
}

.team-portrait:hover {
	background-image: url('../images/Henry2.png');
	background-position: 0px 0px;
	background-size: cover;
	background-attachment: scroll;
	opacity: 0;
}

.team-portrait.team-portrait_test {
	width: 100%;
}

.row__3-col {
	-webkit-align-self: stretch;
	-ms-flex-item-align: stretch;
	-ms-grid-row-align: stretch;
	align-self: stretch;
}

.row__3-col.text-col {
	-webkit-column-count: 2;
	column-count: 2;
}

.team-container {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	margin-bottom: 80px;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	padding: 0;
}

.h3-white {
	font-family: Gothamrounded, sans-serif;
	color: #fff;
	line-height: 40px;
	font-weight: 300;
	letter-spacing: 1px;
}

.h3-white.h3-left {
	display: inline-block;
	overflow: hidden;
	margin-top: 80px;
	margin-bottom: 32px;
	text-align: left;
}

.h3-white.h3-left.h3-logo {
	margin-bottom: -16px;
}

.contact-link {
	padding-bottom: 4px;
	color: #fff;
	text-decoration: none;
}

.team-portrait_2 {
	position: absolute;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: auto;
	display: block;
	max-height: 300px;
	margin-right: auto;
	margin-left: auto;
	-webkit-align-self: center;
	-ms-flex-item-align: center;
	-ms-grid-row-align: center;
	align-self: center;
}

.text_2-col {
	margin-bottom: 80px;
	color: rgba(0, 0, 0, .7);
	font-size: 16px;
	line-height: 26px;
	font-weight: 400;
	letter-spacing: 0.3px;
	-webkit-column-count: 2;
	column-count: 2;
	-webkit-column-gap: 6em;
	column-gap: 6em;
	text-align: left;
}

.p-link {
	padding-bottom: 2px;
	border: 1px none #000;
	-webkit-transition: all 200ms cubic-bezier(.645, .045, .355, 1);
	transition: all 200ms cubic-bezier(.645, .045, .355, 1);
	color: #494949;
	line-height: 26px;
	font-weight: 600;
	text-decoration: none;
}

.p-link:hover {
	border-bottom-color: #009ddb;
	color: #009ddb;
}

.nav-background {
	position: fixed;
	z-index: 3;
	display: none;
	width: 100%;
	height: 100%;
	background-color: #f2f2f2;
}

.tabs-content {
	width: 100vw;
}

.tabs-menu {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: start;
	-webkit-justify-content: flex-start;
	-ms-flex-pack: start;
	justify-content: flex-start;
}

.pricing-table {
	position: fixed;
	left: 0px;
	right: 0px;
	bottom: 0px;
	z-index: 100;
	display: none;
	max-width: 400px;
	margin-right: auto;
	margin-left: auto;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	background-color: #fff;
	box-shadow: 0 15px 50px -21px #000;
	opacity: 0;
}

.currency {
	margin-left: 4px;
	font-size: 14px;
	font-weight: 400;
}

.pricing-table__title {
	margin-top: 0px;
	padding-top: 14px;
	padding-bottom: 10px;
	color: #fff;
	font-size: 16px;
	font-weight: 400;
	letter-spacing: 4px;
	text-transform: uppercase;
}

.pricing-table__header {
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	background-color: #009ddb;
}

.features__title {
	margin-bottom: 32px;
	color: rgba(0, 0, 0, .7);
	font-size: 32px;
	line-height: 40px;
	font-weight: 600;
	text-align: center;
}

.features__title.h2--left {
	text-align: left;
}

.features__title.h2-green {
	color: #367540;
}

.features__title.h2-red {
	color: #992424;
}

.h4.h4--pricing {
	color: rgba(0, 0, 0, .4);
	font-size: 16px;
	font-weight: 300;
	letter-spacing: 0.5px;
}

.column.column--pricing {
	padding-right: 40px;
	padding-left: 40px;
}

.range-slider {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	margin-top: 48px;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: stretch;
	-webkit-align-items: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
}

.range-slider__line {
	width: 496px;
	max-height: 4px;
	max-width: 496px;
	min-height: 4px;
	min-width: 80px;
	-webkit-align-self: center;
	-ms-flex-item-align: center;
	-ms-grid-row-align: center;
	align-self: center;
	border-radius: 4px;
	background-color: rgba(0, 0, 0, .1);
}

.slider-slider_dot {
	position: relative;
	bottom: 10px;
	width: 16px;
	height: 16px;
	-webkit-align-self: center;
	-ms-flex-item-align: center;
	-ms-grid-row-align: center;
	align-self: center;
	border-radius: 50%;
	background-color: #009ddb;
	box-shadow: 0 3px 21px -2px rgba(0, 0, 0, .4);
}

.range-slider__form-wrapper {
	-webkit-align-self: center;
	-ms-flex-item-align: center;
	-ms-grid-row-align: center;
	align-self: center;
}

.range-slider__text-field {
	max-width: 80px;
	margin-top: 16px;
	margin-bottom: 4px;
	border: 0px solid #000;
	border-radius: 8px;
	background-color: rgba(0, 0, 0, .05);
	box-shadow: 0 5px 29px -13px rgba(0, 0, 0, .4);
	font-family: filson-soft, sans-serif;
	color: #009ddb;
	font-size: 16px;
	font-weight: 700;
	text-align: center;
	letter-spacing: 1px;
}

.range-slider__value1 {
	position: relative;
	display: inline-block;
	max-width: 496px;
	margin-top: 0px;
	-webkit-align-self: center;
	-ms-flex-item-align: center;
	-ms-grid-row-align: center;
	align-self: center;
	color: rgba(0, 0, 0, .2);
	font-weight: 300;
	text-align: center;
}

.range-slider__value-wrapper {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	width: 544px;
	margin-right: auto;
	margin-left: auto;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: start;
	-webkit-align-items: flex-start;
	-ms-flex-align: start;
	align-items: flex-start;
}

.form-wrapper {
	width: 80vw;
	max-width: 530px;
	margin-bottom: 80px;
}

.form-wrapper.form-wrapper--centered {
	display: block;
	margin-right: auto;
	margin-left: auto;
}

.form {
	display: block;
}

.text-field {
	margin-bottom: 40px;
	padding: 24px 24px 32px 0px;
	border: 0px solid #000;
	background-color: transparent;
	box-shadow: inset 0 0 0 0 #fff, inset 0 -2px 0 0 hsla(0, 0%, 100%, .28);
	-webkit-transition: box-shadow 200ms ease;
	transition: box-shadow 200ms ease;
	color: #fff;
	font-size: 24px;
}

.text-field:hover {
	box-shadow: inset 0 -3px 0 0 #fff, inset 0 -2px 0 0 hsla(0, 0%, 100%, .28);
}

.text-field:focus {
	box-shadow: inset 0 -3px 0 0 #fff, inset 0 -2px 0 0 hsla(0, 0%, 100%, .28);
}

.text-field::-webkit-input-placeholder {
	color: hsla(0, 0%, 100%, .3);
}

.text-field:-ms-input-placeholder {
	color: hsla(0, 0%, 100%, .3);
}

.text-field::-ms-input-placeholder {
	color: hsla(0, 0%, 100%, .3);
}

.text-field::placeholder {
	color: hsla(0, 0%, 100%, .3);
}

.text-field.text-field--large {
	height: 160px;
	margin-top: 60px;
	margin-bottom: 60px;
	padding-top: 0px;
	padding-bottom: 0px;
	border: 0px solid #000;
	color: #009ddb;
	font-size: 80px;
	text-align: center;
}

.card {
	position: relative;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	max-width: 288px;
	margin: 24px;
	padding: 16px 16px 8px 24px;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	border-radius: 8px;
	background-color: #eaf7ff;
	-webkit-transition: box-shadow 300ms ease, background-color 300ms ease, -webkit-transform 200ms ease;
	transition: box-shadow 300ms ease, background-color 300ms ease, -webkit-transform 200ms ease;
	transition: box-shadow 300ms ease, background-color 300ms ease, transform 200ms ease;
	transition: box-shadow 300ms ease, background-color 300ms ease, transform 200ms ease, -webkit-transform 200ms ease;
	cursor: pointer;
}

.card:hover {
	background-color: #b7daf1;
	box-shadow: 0 37px 90px -55px rgba(0, 0, 0, .6);
	-webkit-transform: scale(1.02);
	-ms-transform: scale(1.02);
	transform: scale(1.02);
}

.card:active {
	background-color: #b4d8f0;
	box-shadow: 0 28px 36px -35px rgba(0, 0, 0, .6);
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
}

.card.card--selected {
	background-color: #0083db;
	box-shadow: 0 37px 90px -55px rgba(0, 0, 0, .6);
}

.card.card--deselected {
	background-color: rgba(0, 0, 0, .04);
}

.card.card--small {
	width: 240px;
	padding-top: 12px;
	padding-right: 24px;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.card.card--small:hover {
	box-shadow: 0 19px 90px -40px rgba(0, 0, 0, .6);
}

.card.card--small:active {
	box-shadow: 0 16px 35px -25px rgba(0, 0, 0, .6);
}

.paragraph--small {
	margin-bottom: 6px;
	color: rgba(0, 0, 0, .6);
	font-size: 14px;
	line-height: 20px;
	text-align: left;
}

.h4--white {
	color: #fff;
}

.h4--white.h4-white--centered {
	text-align: center;
}

.h4--inactive {
	color: rgba(0, 0, 0, .2);
}

.h3 {
	margin-top: 80px;
	margin-bottom: 40px;
}

.h3.h3-left {
	color: rgba(0, 0, 0, .6);
	font-weight: 500;
	text-align: left;
}

.h5 {
	margin-top: 10px;
	margin-bottom: 16px;
	font-family: Gothamrounded, sans-serif;
	color: #0083db;
	font-size: 14px;
	font-weight: 400;
	text-align: left;
	letter-spacing: 0.6px;
}

.card__info-button {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 28px;
	height: 28px;
	border-top-right-radius: 8px;
	border-bottom-left-radius: 8px;
	background-color: #f1fbff;
	opacity: 0.25;
	-webkit-transition: opacity 300ms ease;
	transition: opacity 300ms ease;
}

.card__info-button:hover {
	opacity: 1;
}

.card__container {
	position: relative;
}

.card__tooltip {
	position: absolute;
	right: 0px;
	bottom: 105%;
	display: none;
	max-width: 80%;
	padding: 12px 16px 2px;
	border-radius: 4px;
	background-color: #009ddb;
	opacity: 0;
}

.p--tooltip {
	color: #f2f2f2;
	font-size: 12px;
	line-height: 18px;
	text-align: left;
}

.tooltip__triangle {
	position: absolute;
	right: 8px;
	bottom: -4px;
	width: 16px;
	height: 16px;
	border-radius: 2px;
	background-color: #009ddb;
	-webkit-transform: rotate(50deg) skew(18deg, 0deg);
	-ms-transform: rotate(50deg) skew(18deg, 0deg);
	transform: rotate(50deg) skew(18deg, 0deg);
}

.tooltip__icon {
	position: absolute;
	top: 6px;
	right: 6px;
	width: 16px;
	height: 16px;
}

.h2-small {
	display: inline-block;
	margin-right: 6px;
	margin-bottom: 0px;
	padding-left: 10px;
	color: rgba(0, 0, 0, .8);
	font-size: 24px;
	line-height: 34px;
	text-align: left;
}

.h2-small.h2-narrow {
	max-width: 700px;
}

.modules__icon {
	width: 56px;
	height: 56px;
	-webkit-transform: translate(0px, -9px);
	-ms-transform: translate(0px, -9px);
	transform: translate(0px, -9px);
}

.h3-small {
	margin-top: 0px;
	color: rgba(0, 0, 0, .4);
	font-size: 18px;
	line-height: 24px;
}

.h3-small.h3-small-narrow {
	max-width: 508px;
	margin-bottom: 0px;
}

.hidden-form {
	display: block;
	overflow: hidden;
}

.field-label {
	color: #f2f2f2;
	font-size: 16px;
	font-weight: 400;
}

.field-label.field-label--white {
	overflow: hidden;
	color: #fff;
	font-size: 12px;
	font-weight: 300;
	letter-spacing: 3px;
	text-transform: uppercase;
}

.field-label.field-label--blue {
	overflow: hidden;
	color: #0083db;
	font-size: 12px;
	font-weight: 300;
	letter-spacing: 3px;
	text-transform: uppercase;
}

.field-label.field-label--gray {
	overflow: hidden;
	color: rgba(0, 0, 0, .8);
	font-size: 12px;
	font-weight: 300;
	letter-spacing: 3px;
	text-transform: uppercase;
}

.success-message {
	padding: 24px;
	border-radius: 8px;
	background-color: #ddffd5;
	border: 2px solid #ffffff;
	box-shadow: 0 0 30px rgba(3, 3, 3, 0.1);
}

.error-message {
	padding: 24px;
	border-radius: 8px;
	background-color: #f8a4a4;
}

.h3-bold {
	font-weight: 700;
}

.h3-blue {
	margin-top: 80px;
	margin-bottom: 64px;
	color: #0083db;
}

.h3-blue.h3-left {
	text-align: left;
}

.heading {
	color: #0083db;
}

.checkbox--text {
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0px;
	border: 0px solid #000;
	background-color: transparent;
	-webkit-transition: box-shadow 200ms ease;
	transition: box-shadow 200ms ease;
	font-family: Gothamrounded, sans-serif;
	color: #0083db;
	font-size: 24px;
	line-height: 28px;
	font-weight: 400;
	text-align: left;
}

.checkbox--text::-webkit-input-placeholder {
	color: hsla(0, 0%, 100%, .3);
}

.checkbox--text:-ms-input-placeholder {
	color: hsla(0, 0%, 100%, .3);
}

.checkbox--text::-ms-input-placeholder {
	color: hsla(0, 0%, 100%, .3);
}

.checkbox--text::placeholder {
	color: hsla(0, 0%, 100%, .3);
}

.checkbox--text.text-field--large {
	height: 160px;
	margin-top: 60px;
	margin-bottom: 60px;
	padding-top: 0px;
	padding-bottom: 0px;
	border: 0px solid #000;
	color: #009ddb;
	font-size: 80px;
	text-align: center;
}

.checkbox--text.checkbox__text--deselect {
	color: rgba(0, 0, 0, .4);
}

.checkbox {
	/*margin-right: 16px;*/
}

.checkbox__field {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	margin-bottom: 24px;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-align: baseline;
	-webkit-align-items: baseline;
	-ms-flex-align: baseline;
	align-items: baseline;
}

.checkbox__field.w-checkbox .app-release-emphatic {
	color: #0083db;
	margin-left: 10px;
}

.text-field--blue {
	margin-bottom: 40px;
	padding: 24px 24px 32px 0px;
	border: 0px solid #000;
	background-color: transparent;
	box-shadow: inset 0 0 0 0 #0083db, inset 0 -2px 0 0 rgba(0, 131, 219, .3);
	-webkit-transition: box-shadow 200ms ease;
	transition: box-shadow 200ms ease;
	color: #0083db;
	font-size: 24px;
}

.text-field--blue:hover {
	box-shadow: inset 0 -3px 0 0 #0083db, inset 0 -2px 0 0 hsla(0, 0%, 100%, .28);
}

.text-field--blue:focus {
	box-shadow: inset 0 -3px 0 0 #fff, inset 0 -2px 0 0 hsla(0, 0%, 100%, .28);
}

.text-field--blue::-webkit-input-placeholder {
	color: rgba(0, 131, 219, .3);
}

.text-field--blue:-ms-input-placeholder {
	color: rgba(0, 131, 219, .3);
}

.text-field--blue::-ms-input-placeholder {
	color: rgba(0, 131, 219, .3);
}

.text-field--blue::placeholder {
	color: rgba(0, 131, 219, .3);
}

.text-field--blue.text-field--large {
	height: 160px;
	margin-top: 60px;
	margin-bottom: 60px;
	padding-top: 0px;
	padding-bottom: 0px;
	border: 0px solid #000;
	color: #009ddb;
	font-size: 80px;
	text-align: center;
}

.checkbox--text--default {
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0px;
	border: 0px solid #000;
	background-color: transparent;
	-webkit-transition: box-shadow 200ms ease;
	transition: box-shadow 200ms ease;
	font-family: Gothamrounded, sans-serif;
	color: rgba(0, 0, 0, .4);
	font-size: 24px;
	line-height: 28px;
	font-weight: 400;
	text-align: left;
}

.checkbox--text--default::-webkit-input-placeholder {
	color: hsla(0, 0%, 100%, .3);
}

.checkbox--text--default:-ms-input-placeholder {
	color: hsla(0, 0%, 100%, .3);
}

.checkbox--text--default::-ms-input-placeholder {
	color: hsla(0, 0%, 100%, .3);
}

.checkbox--text--default::placeholder {
	color: hsla(0, 0%, 100%, .3);
}

.checkbox--text--default.text-field--large {
	height: 160px;
	margin-top: 60px;
	margin-bottom: 60px;
	padding-top: 0px;
	padding-bottom: 0px;
	border: 0px solid #000;
	color: #009ddb;
	font-size: 80px;
	text-align: center;
}

.text-field--gray {
	margin-bottom: 40px;
	padding: 24px 24px 32px 0px;
	border: 0px solid #000;
	background-color: transparent;
	box-shadow: inset 0 0 0 0 #0083db, inset 0 -2px 0 0 rgba(0, 0, 0, .1);
	-webkit-transition: box-shadow 200ms ease;
	transition: box-shadow 200ms ease;
	color: #0083db;
	font-size: 24px;
}

.text-field--gray:hover {
	box-shadow: inset 0 -3px 0 0 rgba(0, 0, 0, .4), inset 0 -2px 0 0 hsla(0, 0%, 100%, .28);
}

.text-field--gray:focus {
	box-shadow: inset 0 -3px 0 0 #0083db, inset 0 -2px 0 0 hsla(0, 0%, 100%, .28);
}

.text-field--gray::-webkit-input-placeholder {
	color: rgba(0, 0, 0, .2);
}

.text-field--gray:-ms-input-placeholder {
	color: rgba(0, 0, 0, .2);
}

.text-field--gray::-ms-input-placeholder {
	color: rgba(0, 0, 0, .2);
}

.text-field--gray::placeholder {
	color: rgba(0, 0, 0, .2);
}

.text-field--gray.text-field--large {
	height: 160px;
	margin-top: 60px;
	margin-bottom: 60px;
	padding-top: 0px;
	padding-bottom: 0px;
	border: 0px solid #000;
	color: #009ddb;
	font-size: 80px;
	text-align: center;
}

.checkbox__field-02 {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	margin-bottom: 4px;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-align: baseline;
	-webkit-align-items: baseline;
	-ms-flex-align: baseline;
	align-items: baseline;
}

.textarea {
	min-height: 200px;
	margin-bottom: 56px;
	padding: 16px;
	border-style: none;
	border-radius: 4px;
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .1)), to(rgba(0, 0, 0, .1)));
	background-image: linear-gradient(180deg, rgba(0, 0, 0, .1), rgba(0, 0, 0, .1));
	font-size: 24px;
	line-height: 24px;
}

.contact-form {
	display: block;
	overflow: hidden;
}

.comment {
	color: rgba(0, 0, 0, .6);
	font-size: 14px;
	font-weight: 400;
	letter-spacing: 0.5px;
}

.features-list {
	margin-bottom: 0px;
	padding-left: 0px;
}

.features-list__item {
	margin-bottom: 16px;
	color: rgba(0, 0, 0, .7);
	font-size: 20px;
	line-height: 28px;
	font-weight: 400;
	text-align: center;
	letter-spacing: 0.3px;
}

.features-list__spacer {
	width: 50%;
	height: 2px;
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, .5)));
	background-image: linear-gradient(180deg, rgba(0, 0, 0, .5), rgba(0, 0, 0, .5));
}

.nav-link-box {
	float: left;
	clear: none;
	color: #acacac;
}

.login-icon {
	padding-top: 2px;
	padding-left: 10px;
	float: left;
}

.link-block {
	padding: 25px 20px;
	-webkit-transition: box-shadow 200ms ease, color 200ms cubic-bezier(.645, .045, .355, 1);
	transition: box-shadow 200ms ease, color 200ms cubic-bezier(.645, .045, .355, 1);
	color: #acacac;
}

.link-block:hover {
	box-shadow: inset 0 4px 0 0 #0083db;
	-webkit-transform: translate(0px, 0px);
	-ms-transform: translate(0px, 0px);
	transform: translate(0px, 0px);
	color: #0083db;
}

.text-block {
	float: left;
	font-weight: 600;
}

.screenshot {
	overflow: hidden;
	max-width: 700px;
	margin-top: 40px;
	border-radius: 4px;
	box-shadow: 0 6px 40px -10px rgba(0, 0, 0, .4);
}

.h3-table {
	margin-top: 0px;
	color: rgba(0, 0, 0, .4);
	font-size: 18px;
	line-height: 24px;
	text-align: left;
}

.h3-table.h3-small-narrow {
	max-width: 508px;
	margin-bottom: 0px;
}

.hero_image {
	max-width: 900px;
	margin-top: 32px;
	margin-right: 24px;
	margin-left: 24px;
}

.spacer__80px {
	width: 100%;
	height: 80px;
}

.spacer__180px {
	width: 100%;
	height: 180px;
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 auto;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
}

.spacer__40px {
	width: 100%;
	height: 40px;
}

.h3-link--small {
	padding-bottom: 0px;
	border-bottom: 2px solid rgba(0, 0, 0, .4);
	-webkit-transition: padding 200ms ease, border 200ms ease, color 200ms ease, border-color 200ms ease,
		letter-spacing 200ms ease;
	transition: padding 200ms ease, border 200ms ease, color 200ms ease, border-color 200ms ease,
		letter-spacing 200ms ease;
	font-family: Gothamrounded, sans-serif;
	color: rgba(0, 0, 0, .4);
	line-height: 24px;
	font-weight: 400;
	letter-spacing: 1px;
	text-decoration: none;
}

.h3-link--small:hover {
	border-bottom-color: #009ddb;
	color: #009ddb;
}

.h3-link--small.contact-link {
	padding-bottom: 2px;
	border-bottom-color: #fff;
}

.h3-link--small.contact-link:hover {
	color: #fff;
}

.h3-link--small.h3-link--blue {
	border-bottom-color: #009ddb;
	color: #0083db;
	font-weight: 500;
}

.t-red_100 {
	color: hsla(0.4838709677419475, 100.00%, 75.69%, 1.00);
}

.t-teal_100 {
	color: hsla(316.94117647058823, 54.84%, 69.61%, 1.00);
}

.t-purple_100 {
	color: hsla(243.70370370370367, 55.86%, 71.57%, 1.00);
}

.t-turquoise_100 {
	color: hsla(179.43396226415095, 52.48%, 60.39%, 1.00);
}

.t-green_100 {
	color: hsla(131.35135135135135, 55.22%, 60.59%, 1.00);
}

.hero-title {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}

.hero-title__title {
	margin-top: 8px;
	margin-bottom: 32px;
	font-size: 48px;
	line-height: 40px;
	font-weight: 500;
	text-align: center;
}

.hero-title__title.h2--left {
	text-align: left;
}

.hero-title__title.h2-green {
	color: #367540;
}

.hero-title__title.h2-red {
	color: #992424;
}

.hero-title__icon {
	width: 64px;
	margin-bottom: 9px;
}

.product-subtitle {
	display: block;
	max-width: 600px;
	margin-top: 20px;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: start;
	-webkit-justify-content: flex-start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: start;
	-webkit-align-items: flex-start;
	-ms-flex-align: start;
	align-items: flex-start;
}

.product-subtitle__subtitle {
	padding-left: 10px;
	font-size: 16px;
	line-height: 26px;
	font-weight: 400;
	text-align: left;
}

.container--small {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	max-width: 800px;
	margin-right: 32px;
	margin-bottom: 60px;
	margin-left: 32px;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: start;
	-webkit-align-items: flex-start;
	-ms-flex-align: start;
	align-items: flex-start;
}

.container--small.container-narrow {
	max-width: 1000px;
}

.container--small.container-centered {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	padding-bottom: 48px;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}

.container--small.container-flex {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	margin-top: 48px;
	margin-bottom: 88px;
	padding-bottom: 16px;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-align-self: flex-start;
	-ms-flex-item-align: start;
	align-self: flex-start;
}

.container--small.container-flex.container-module {
	margin-top: 80px;
	margin-bottom: 0px;
}

.product-screenshot {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	margin-bottom: 80px;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: start;
	-webkit-justify-content: flex-start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}

.product-screenshot__outer {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-pack: start;
	-webkit-justify-content: flex-start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: start;
	-webkit-align-items: flex-start;
	-ms-flex-align: start;
	align-items: flex-start;
}

.product-group {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	margin-bottom: 80px;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}

.tag__text {
	display: block;
	color: #fff;
	font-size: 12px;
	font-weight: 700;
	text-align: justify;
	letter-spacing: 0.1px;
}

.left-column {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: start;
	-webkit-align-items: flex-start;
	-ms-flex-align: start;
	align-items: flex-start;
	-webkit-align-self: center;
	-ms-flex-item-align: center;
	align-self: center;
	padding-left: 0;
}

.tag {
	display: inline-block;
	margin-right: 8px;
	margin-left: 4px;
	padding-right: 10px;
	padding-left: 10px;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	border-radius: 16px;
	background-color: #369cfd;
}

.paragraph-x-small {
	font-size: 12px;
	line-height: 16px;
	font-weight: 400;
}

.paragraph-x-small.text--dark-60._10x10 {
	margin-top: 10px;
	margin-bottom: 10px;
}

.header-image {
	position: relative;
	left: 0px;
	top: 0px;
	right: 0px;
	display: block;
	width: 900px;
	max-width: 160%;
}

.main-section {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	max-width: 1200px;
	margin-top: 60px;
	margin-right: auto;
	margin-left: auto;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-pack: start;
	-webkit-justify-content: flex-start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: start;
	-webkit-align-items: flex-start;
	-ms-flex-align: start;
	align-items: flex-start;
}

.heading-fullwidth {
	position: relative;
	z-index: 100;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	margin-left: 0px;
	padding-right: 80px;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: start;
	-webkit-align-items: flex-start;
	-ms-flex-align: start;
	align-items: flex-start;
}

.button-2 {
	display: inline-block;
	margin-top: 20px;
	margin-right: 16px;
	padding: 12px 15px;
	-webkit-box-pack: start;
	-webkit-justify-content: flex-start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	border-radius: 4px;
	background-color: #007fe7;
	-webkit-transition: opacity 300ms ease-in-out;
	transition: opacity 300ms ease-in-out;
	color: #fff;
	font-size: 15px;
	font-weight: 700;
	letter-spacing: 0.1px;
	text-decoration: none;
}

.button-2:hover {
	opacity: 0.85;
}

.link-arrow {
	padding-left: 10px;
	float: left;
	clear: right;
	color: #7a8897;
}

.section__fullwidth--header {
	position: relative;
	z-index: 1;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	overflow-x: clip;
	overflow-y: visible;
	margin-top: 80px;
	margin-bottom: 0px;
	padding-right: 60px;
	padding-left: 60px;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.section__fullwidth--header .left-column,
.section__fullwidth--header .right-column {
	will-change: transform;
}
#jobs.section__fullwidth--header {
	display: flex;
	margin-top: 0px;
	padding-top: 80px;
	padding-bottom: 80px;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	flex-direction: column;
	-webkit-box-align: center;
	align-items: center;
}

.heading-01 {
	position: static;
	display: block;
	margin-top: 0px;
	margin-bottom: 8px;
	clear: none;
	font-size: 40px;
	line-height: 56px;
	font-weight: 700;
}

.heading-01.t-left.t-turquoise_100 {
	font-style: normal;
}

.heading--button {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	max-width: 420px;
	margin-top: 20px;
	margin-right: 0px;
	margin-left: 0px;
	padding: 8px 14px 8px 8px;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-pack: start;
	-webkit-justify-content: flex-start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	border-radius: 30px;
	background-color: #e6f3fe;
	-webkit-transition: background-color 200ms ease;
	transition: background-color 200ms ease;
	cursor: pointer;
}

.heading--button:hover {
	background-color: rgba(230, 243, 254, .8);
	opacity: 1;
}

.link {
	margin-top: 0px;
	padding-top: 0px;
	padding-left: 0px;
	float: left;
	clear: right;
	color: #369cfd;
	font-size: 15px;
	font-weight: 700;
}

.link:hover {
	color: rgba(54, 156, 253, .8);
}

.paragraph-container {
	margin-top: 16px;
}

.paragraph {
	font-size: 16px;
	line-height: 22px;
	font-weight: 400;
}

.paragraph.text--dark-80 {
	display: inline-block;
	margin-top: 32px;
	color: rgba(0, 0, 0, .6);
	line-height: 24px;
}

.paragraph.text--dark-80.t-left {
	color: rgba(0, 0, 0, .7);
	font-size: 20px;
	line-height: 28px;
}

#jobs .h1-blue {
	margin-top: 0;
	margin-bottom: 30px;
}

#jobs > strong {
	font-size: 16px;
}

.paragraph.job-titles {
	margin-top: 20px;
}

.t-left {
	text-align: left;
}

.t-right {
	text-align: right;
}

.t-center {
	text-align: center;
}

.div-block {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	height: 100%;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}

.quote__portrait {
	width: 90px;
	margin-bottom: 8px;
	border-radius: 100%;
	height: 90px;
	object-fit: cover;
}

.div-block-2 {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	margin-top: 32px;
	margin-bottom: 56px;
	-webkit-box-orient: vertical;
	-webkit-box-direction: reverse;
	-webkit-flex-direction: column-reverse;
	-ms-flex-direction: column-reverse;
	flex-direction: column-reverse;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}

.div-block-3 {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	margin-top: 72px;
	margin-right: 24px;
	margin-left: 24px;
	padding: 0px 64px 47px;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: start;
	-webkit-justify-content: flex-start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: start;
	-webkit-align-items: flex-start;
	-ms-flex-align: start;
	align-items: flex-start;
	border-radius: 4px;
	background-color: hsla(197.1428571428572, 0.00%, 100.00%, 1.00);
}

.quotes {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	max-width: 1400px;
	/* margin-top: 72px; */
	margin-top: 0;
	margin-bottom: 40px;
	grid-auto-columns: 1fr;
	grid-column-gap: 16px;
	grid-row-gap: 16px;
	grid-template-areas: ". . ." ". . .";
	-ms-grid-columns: 1fr 16px 1fr 16px 1fr;
	grid-template-columns: 1fr 1fr 1fr;
	-ms-grid-rows: auto 16px auto;
	grid-template-rows: auto auto;
}

.quote--small {
	display: block;
	color: rgba(0, 0, 0, .8);
	font-size: 24px;
	line-height: 40px;
	font-weight: 400;
	text-align: left;
	text-indent: -11px;
}

.div-block-4 {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	margin-top: -43px;
	margin-bottom: 40px;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: start;
	-webkit-justify-content: flex-start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: start;
	-webkit-align-items: flex-start;
	-ms-flex-align: start;
	align-items: flex-start;
}

.h4-author-copy {
	margin-top: 8px;
	margin-bottom: 0px;
	-webkit-align-self: center;
	-ms-flex-item-align: center;
	-ms-grid-row-align: center;
	align-self: center;
	color: #0083db;
	font-size: 24px;
	font-weight: 700;
	text-align: left;
	letter-spacing: 0.3px;
}

.is-flex-center {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}

.product-subtitle__subtitle--large {
	color: rgba(0, 0, 0, .7);
	font-size: 20px;
	line-height: 28px;
	text-align: center;
}

.bg-red_10 {
	background-color: hsla(0.4838709677419475, 100.00%, 75.69%, 0.10);
}

.bg-purple_10 {
	background-color: hsla(243.70370370370367, 55.86%, 71.57%, 0.10);
}

.bg-teal_10 {
	background-color: hsla(316.94117647058823, 54.84%, 69.61%, 0.10);
}

.bg-turquoise_10 {
	background-color: hsla(179.43396226415095, 52.48%, 60.39%, 0.10);
}

.features__column {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: stretch;
	-webkit-align-items: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
}

.button-3 {
	margin-top: 24px;
	margin-right: 16px;
	padding: 13px 16px 12px;
	border-radius: 4px;
	background-color: hsla(0, 0%, 100%, .2);
	box-shadow: 0 0 0 0 rgba(0, 0, 0, .1), inset 0 0 0 1px rgba(0, 0, 0, .2);
	-webkit-transition: box-shadow 200ms ease, background-color 200ms ease;
	transition: box-shadow 200ms ease, background-color 200ms ease;
	color: rgba(0, 0, 0, .6) !important;
}

.button-3:hover {
	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		from(hsla(0, 0%, 100%, .1)),
		to(hsla(0, 0%, 100%, .1))
	);
	background-image: linear-gradient(180deg, hsla(0, 0%, 100%, .1), hsla(0, 0%, 100%, .1));
	box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .2), inset 0 0 0 1px rgba(0, 0, 0, .1);
}

.bg-red_100 {
	background-color: hsla(0.4838709677419475, 100.00%, 75.69%, 1.00);
}

.bg-purple_100 {
	background-color: hsla(243.70370370370367, 55.86%, 71.57%, 1.00);
}

.bg-teal_100 {
	background-color: hsla(316.94117647058823, 54.84%, 69.61%, 1.00);
}

.bg-turquoise_100 {
	background-color: hsla(179.43396226415095, 52.48%, 60.39%, 1.00);
}

/* help */
.help {
	z-index: 9999999;
	position: fixed;
	bottom: 5vh;
	right: -203px;
	pointer-events: none;
}

.help .help-budge,
.help.open {
	pointer-events: auto;
}

.help-budge {
	z-index: 9999999;
	position: relative;
	right: -76px;
	height: fit-content;
	padding: 8.5px 4px;
	background-color: #fff;
	width: fit-content;
	border: 1px solid #D6D6D6;
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	cursor: pointer;
	opacity: 1;
}

.help-budge span {
	text-align: center;
	color: #0083DB;
	font-weight: 700;
	font-size: 11px;
	line-height: 140%;
	letter-spacing: 0.01em;
}

.left-border-helper {
	border-left: 1px solid #EBEBEB;;
}

.help.open .help-budge {
	background-color: transparent;
	border: none;
	box-shadow: none;
}

.help.open .left-border-helper {
	border: none;
}

.left-border-helper.d-flex.d-flex-column {
	padding-left: 13px;
	padding-right: 17px;
}

.help .buttons {
	list-style-type: none;
	padding-left: 0;
}

.help .buttons li {
	padding: 8px 14px 8px 8px;
	border: 1px solid #D6D6D6;
	border-radius: 5px;
	margin-bottom: 4px;
	cursor: pointer;
}

.help .buttons li:hover {
	border-color: #0083DB;
}

.help .buttons li a {
	display: block;
	width: 100%;
}

.help .buttons span {
	font-weight: 700;
	font-size: 15px;
	line-height: 140%;
	letter-spacing: 0.03em;
	color: #0083DB;
}

/* index.php blog-section */
.blog-section {
	padding: 80px 48px;
}

.blog-section .h1-blue {
	text-align: center;
	margin-top: 0;
}

.blog-section .container {
	max-width: 1250px;
}

.blog-section .blog-item img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.product__text {
	color: rgba(0, 0, 0, .6);
	line-height: 28px;
	font-weight: 400;
	text-align: left;
}

.product__button {
	margin-top: 24px;
	margin-right: 16px;
	padding: 13px 16px 12px;
	border-radius: 4px;
	background-color: rgba(0, 0, 0, .8);
	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		from(hsla(0, 0%, 100%, .01)),
		to(hsla(0, 0%, 100%, .01))
	);
	background-image: linear-gradient(180deg, hsla(0, 0%, 100%, .01), hsla(0, 0%, 100%, .01));
	box-shadow: 0 0 0 0 rgba(0, 0, 0, .1);
	-webkit-transition: box-shadow 300ms ease, background-color 300ms ease;
	transition: box-shadow 300ms ease, background-color 300ms ease;
}

.product__button:hover {
	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		from(hsla(0, 0%, 100%, .1)),
		to(hsla(0, 0%, 100%, .1))
	);
	background-image: linear-gradient(180deg, hsla(0, 0%, 100%, .1), hsla(0, 0%, 100%, .1));
	box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .2);
}

.product__button.product__button--red {
	background-color: hsla(0.4838709677419475, 100.00%, 75.69%, 1.00);
}

.product__button.product__button--purple {
	background-color: hsla(243.70370370370367, 55.86%, 71.57%, 1.00);
}

.product__button.product__button--teal {
	background-color: hsla(316.94117647058823, 54.84%, 69.61%, 1.00);
}

.product__button.product__button--turquoise {
	background-color: hsla(179.43396226415095, 52.48%, 60.39%, 1.00);
}

.product__button.pruduct__button--blue {
	background-color: hsla(207.012987012987, 100.00%, 45.29%, 1.00);
}

.div-block-5 {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: start;
	-webkit-align-items: flex-start;
	-ms-flex-align: start;
	align-items: flex-start;
}

.modal-background {
	position: fixed;
	left: 0%;
	top: 0%;
	right: 0%;
	bottom: 0%;
	z-index: 1000;
	display: none;
	overflow: scroll;
	width: 100%;
	height: 100%;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: start;
	-webkit-justify-content: flex-start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	background-color: #f1fbff;
}

.modal-background.modal--contact {
	display: none;
}

.modal__right {
	width: 50%;
	height: 100%;
	background-color: hsla(207.012987012987, 100.00%, 45.29%, 1.00);
}

.modal-close {
	position: fixed;
	left: auto;
	top: 40px;
	right: 40px;
	bottom: auto;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	width: 80px;
	height: 80px;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	cursor: pointer;
}

.modal {
	padding-top: 160px;
	padding-right: 121px;
	padding-left: 121px;
}

.modal-close__1 {
	position: absolute;
	width: 70px;
	height: 7px;
	border-radius: 10px;
	background-color: hsla(207.012987012987, 100.00%, 45.29%, 1.00);
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.modal-close__1.modal-close--2 {
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.news-ticker {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	margin-bottom: 16px;
	padding: 6px 12px 5px 6px;
	-webkit-box-align: stretch;
	-webkit-align-items: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	border-radius: 20px;
	background-color: hsla(0.4838709677419475, 100.00%, 75.69%, 0.15);
	text-decoration: none;
}

.job-ticker {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	margin-bottom: 32px;
	padding: 6px 12px 5px 6px;
	-webkit-box-align: stretch;
	-webkit-align-items: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	border-radius: 20px;
	background-color: hsl(206.3, 100%, 96.9%);
	text-decoration: none;
}

.news-ticker__text {
	margin-top: auto;
	margin-bottom: auto;
	color: hsla(0.4838709677419475, 100.00%, 75.69%, 1.00);
	font-weight: 600;
}

.pointer {
	cursor: pointer;
}

.no-textdecoration {
	text-decoration: none;
}

.presentation-date-checkbox {
	margin-right: 10px;
}

.section-blue.software-presentation-less-margin-botton {
	padding-bottom: 60px;
}

.job-ticker__text {
	margin-top: auto;
	margin-bottom: auto;
	color: hsla(207.012987012987, 100.00%, 45.29%, 1.00);
	font-weight: 600;
}

.news-ticker__text.news-ticker__text--white {
	color: hsla(207.012987012987, 0.00%, 100.00%, 1.00);
	letter-spacing: 1px;
	padding: 3px;
}

.pill {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	margin-right: 6px;
	padding: 2px 6px 1px 8px;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	border-radius: 20px;
	background-color: hsla(0.4838709677419475, 100.00%, 75.69%, 1.00);
}

.job-pill {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	margin-right: 6px;
	padding: 2px 6px 1px 8px;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	border-radius: 20px;
	background-color: hsla(207.012987012987, 100.00%, 45.29%, 1.00);
}

.news-ticker-large {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	padding: 8px;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	background-color: hsla(207.012987012987, 100.00%, 45.29%, 1.00);
}

.news-ticker__text-copy {
	margin-top: 1px;
	color: hsla(207.012987012987, 0.00%, 100.00%, 1.00);
	font-weight: 400;
	text-align: center;
}

.news-ticker__text-copy.news-ticker__text--white {
	color: hsla(207.012987012987, 0.00%, 100.00%, 1.00);
	letter-spacing: 1px;
}

.html-embed {
	position: relative;
	top: 5px;
	display: inline-block;
	padding-top: 6px;
	padding-right: 4px;
	padding-left: 8px;
}

.pill-inline {
	position: relative;
	bottom: 2px;
	display: inline-block;
	margin-top: 2px;
	margin-right: 6px;
	margin-left: 0px;
	padding: 2px 8px 1px;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	border-radius: 20px;
	background-color: rgba(0, 0, 0, .6);
}

.text-span {
	font-weight: 400;
}

.heading-2 {
	margin-top: 0px;
	color: #494949;
}

.bold-text {
	line-height: 40px;
}

.software-presentation-content-text {
  font-size: 18px;
  line-height: 24px;
}

.button.open-presentation-modal.software-presentation-button {
	margin-top: 60px;
}

html.w-mod-js *[data-ix="fade-load"] {
	opacity: 0;
}

html.w-mod-js *[data-ix="fade-load-on-scroll"] {
	opacity: 0;
	-webkit-transform: translate(0px, 39px);
	-ms-transform: translate(0px, 39px);
	transform: translate(0px, 39px);
}

#kundenvideos video {
	width: 100%;
    height: auto;
}

[class^="l-escola-"] {
	color: #0083db;
}

.collapsible-content-arrow img {
	width: 80px;
	display: block;
	cursor: pointer;
	transition: transform ease .4s;
	margin: 0 auto;
}

.collapsible-content {
	display: none;
	padding-bottom: 50px;
}

.collapsible-content-transition-arrow {
	transform: scaleY(-1);
}

/* team */
.section-team .container.team {
	display: grid;
    grid-template-columns: 33.33% 33.33% 33.33%;
}

.section-team .container.team .team-container {
	width: 100%;
}

.section-team .container.team .team-container .flex-helper {
	display: flex;
	gap: 8px;
	justify-content: center;
}

.section-team .container.team .team-container .flex-helper h2 {
	font-size: 24px;
	margin-bottom: 0;
}

.section-team .container.team .team-container p a {
	color: #0083db;
}

.app-release .container {
	width: 100%;
}

.app-release .row__2-col {
	display: flex;
}

.app-release .row__2-col .w-col-4 {
	display: flex;
	padding: 0 25px 0 20px;
	background-image: url('../assets/app/escola_app_natel-small.png');
	background-size: auto 100%;
	background-repeat: no-repeat;
	background-position: center;
}

.app-release .row__2-col .w-col-4 img {
	align-self: flex-end;
}

.app-release .row__2-col .w-col-8 {
	padding-left: 50px;
}

.app-release .row__2-col .w-col-8 h1 {
	margin-bottom: 30px;
	text-align: left;
}

.app-release .row__2-col .w-col-8 h1 .blue {
	color: #0083DB;
	display: block;
	margin-bottom: 10px;
}

.app-release .row__2-col .w-col-8 h1 .first-line, .app-release .row__2-col .w-col-8 h1 .second-line {
	white-space: nowrap
}

.app-release .row__2-col .w-col-8 .product__button {
	font-size: 14px;
}

@media (min-width: 992px) {
	.app-release .small-list__container {
		opacity: 0;
		transform: translateY(20px);
		transition: opacity 0.5s ease, transform 0.5s ease;
	}

	.app-release .small-list__container.visible {
		opacity: 1;
		transform: translateY(0);
	}
}

/* our products */
#loesungen {
	padding: 80px 60px !important;
}

#loesungen .container {
	max-width: 1320px;
}

#loesungen .container.index-scroll-to{
	margin: 0 auto;
}

#loesungen .row__2-col {
	display: grid;
	grid-template-columns:  16.6% 16.6% 16.6% 16.6% 16.6% 16.6%;
}

#loesungen .row__2-col .features__column {
	width: 100%;
	padding: 0 4px;
	word-break: break-word;
	opacity: 0;
	transform: translateY(20px);
	transition: opacity 0.5s ease, transform 0.5s ease;
}

#loesungen .row__2-col .features__column.visible {
	opacity: 1;
	transform: translateY(0);
}

#loesungen .row__2-col .features__column:first-child {
	grid-area: 1 / 1;
}

#loesungen .features-containe--small,
#produkte .features-containe--small {
	width: 100%;
	margin: 0;
	padding: 20px 10px;
	text-decoration: none;
	display: flex;
	flex-direction: column;
	color: inherit;
	cursor: pointer;
}

#loesungen .features-containe--small .div-block-5,
#produkte .features-containe--small .div-block-5 {
	flex: 1;
}

#loesungen .features-containe--small:hover .product__button,
#produkte .features-containe--small:hover .product__button {
	background-image: linear-gradient(180deg, hsla(0, 0%, 100%, .1), hsla(0, 0%, 100%, .1));
	box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .2);
}

#loesungen .features-containe--small .features-icon.features-icon--small,
#produkte .features-containe--small .features-icon.features-icon--small {
	transition: transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
}

#loesungen .features-containe--small:hover .features-icon.features-icon--small,
#produkte .features-containe--small:hover .features-icon.features-icon--small {
	transform: scale(1.2);
}

#loesungen .row__2-col .features__column .features-containe--small .product__text,
#produkte .row__2-col .features__column .features-containe--small .product__text {
	font-size: 16px;
}

#loesungen .features-containe--small .features-icon.features-icon--small,
#produkte .features-containe--small .features-icon.features-icon--small {
	width: 42px;
	margin: 0;
}

#loesungen .features-containe--small.verwaltung,
#produkte .features-containe--small.verwaltung {
	background-color: rgba(255, 132, 131, 0.1);
}

#loesungen .features-containe--small.foerderplanung,
#produkte .features-containe--small.foerderplanung {
	background-color: rgba(101, 207, 206, 0.1);
}

#loesungen .features-containe--small.unterricht,
#produkte .features-containe--small.unterricht {
	background-color: rgba(147, 142, 223, 0.1);
}

#loesungen .features-containe--small.webauftritt,
#produkte .features-containe--small.webauftritt {
	background-color: rgba(220, 135, 196, 0.1);
}

#loesungen .features-containe--small.schulangebote,
#produkte .features-containe--small.schulangebote {
	background-color: rgba(224, 160, 37, 0.1);
}

#loesungen .features-containe--small.app,
#produkte .features-containe--small.app {
	background-color: rgba(27, 119, 209, 0.1);
}

#loesungen .features-containe--small .features__title--small,
#produkte .features-containe--small .features__title--small {
	margin-top: 9px;
	margin-bottom: 14px;
}

#loesungen .features-containe--small .product__text,
#produkte .features-containe--small .product__text {
	margin: 0;
}

#loesungen .features-containe--small .product__button,
#produkte .features-containe--small .product__button {
	margin-top: 16px;
}

#kundenvideos .heading-4 {
	margin-top: 0;
	margin-bottom: 60px;
}

#features {
	padding-bottom: 30px;
}

#features .container > h1 {
	margin-top: 0;
}

#unsere-schulen .container.index-scroll-to {
	margin: 0 auto;
}

#unsere-schulen .container.index-scroll-to .h1-blue.section-mobile {
	margin-top: 0;
}

#unsere-schulen .h1-blue {
	margin-bottom: 50px;
}

#quotes .h1-blue {
	margin-bottom: 80px;
}

#quotes .quotes .div-block-3 {
	margin: 72px 0 0;
}

#team {
	padding-bottom: 0;
}

#team .container.index-scroll-to {
	margin-top: 0;
}

#team .h1-blue {
	margin-top: 0;
	margin-bottom: 80px;
}

#produkte .row__2-col {
	display: grid;
	grid-template-columns: 20% 20% 20% 20% 20%;
}

#produkte .row__2-col .features__column {
	width: 100%;
	padding: 0 4px;
	word-break: break-word;
}

#produkte .row__2-col .features__column .features-containe--small {
	margin: 0;
	width: 100%;
}

/* microsite app */
.navbar .header-release-bar {
  display: flex;
  justify-content: center;
  padding: 7.5px 0px;
  background-color: #E2F3FF;
  font-size: 16px;
  color: #0083DB;
}

.navbar .header-release-bar a {
  cursor: pointer;
  text-decoration: none;
}

.navbar .header-release-bar span {
  color: #333333;
  margin-left: 14px;
}

.navbar nav .product__button {
	margin: 12px 0px 0px 24px;
}

.app-section {
	font-family: Nunito;
	padding: 80px 48px !important;
}

.app-section .title {
	display: table-cell;
}

.app-section .title * {
	display: inline-block;
	vertical-align: middle;
	line-height: normal;
}

.app-section .title .margin-tags {
	margin-right: 10px !important;
}

.app-section .title .tags {
	font-size: 15px;
	padding: 1px 8px;
	border-radius: 5px;
}

.app-section .title .tags.tags-release {
	background: #0083DB;
	color: #fff;
}

.app-section .title .tags.tags-additional-module {
	background: #fff;
	color: #0083DB;
}

/* first section */
.app-section.app-first-section {
	position: relative;
	padding: 160px 48px 80px !important;
}

.app-first-section h1, .app-first-section h2 {
	margin: 0;
}

.app-first-section h1 {
	text-align: left;
	color: #0083DB;
	margin-bottom: 18px;
}

.app-first-section h2 {
	font-size: 32px;
	text-align: left;
}

.app-first-section h3 {
	font-size: 28px;
	font-weight: 700;
	text-align: left;
	margin-top: 50px;
}

.app-first-section .background-illustration {
	width: 100%;
	position: absolute;
	left: 0;
	z-index: -1;
}

.app-first-section .background-illustration-top {
	top: 0;
}

.app-first-section .background-illustration-bottom {
	bottom: 0;
}

.app-first-section .min-height {
	min-height: 500px;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.app-first-section .grid-helper {
	display: grid;
	grid-template-columns: auto 1fr auto;
}

.app-first-section .column-l {
	margin-left: 100px;
}

.app-first-section .column-l h1 {
	display: none;
}

.app-first-section .column-l img {
	min-width: 280px;
	max-width: 325px;
}

.app-first-section .column-r {
	margin: 0 50px;
}

.app-first-section .column-r .info {
	font-style: normal;
	font-weight: bold;
	font-size: 16px;
	margin: 50px 0 25px;
}

.app-first-section .column-r .info > span {
	color: #0083DB;
	margin-right: 10px;
	display: inline-flex;
}

.app-first-section .column-r .info span span {
	color: #333333;
	opacity: 0.5;
	margin-right: 10px;
	display: inline-flex;
	padding: 5px 0;
}

.app-first-section .column-r .info img {
	opacity: 1;
}

.app-first-section .column-r .column-r .buttons {
	display: flex;
	flex-wrap: wrap;
}

.app-first-section .column-r .column-r .buttons a {
	margin: 18px 0 0 0;
}

.app-first-section .column-r .column-r .buttons a:first-child {
	margin-right: 15px;
}

.app-first-section .column-r .column-r .buttons a:last-child {
	display: inline-flex;
	align-items: center;
}

.app-first-section .column-r .column-r .buttons a:last-child i {
	color: #2F80ED;
	margin-right: 5px;
}

.app-first-section .small-illustration img {
	margin-top: 65%;
}

.app-first-section .stores {
	display: flex;
	margin-top: 24px;
}

.app-first-section .stores a {
	display: flex;
}

.app-first-section .alternative-store-link a{
	font-size:14px;
	color: black;
	text-decoration: none;
}

.app-first-section .alternative-store-link a:hover{
	color: #0083DB;
}

.app-privacy {
	padding-top: 0 !important;
	max-width: 1150px;
	margin: 0 auto;
}

.app-privacy h2, .app-privacy h3 {
	text-align: left;
	margin: 0;
}

.app-privacy h2 {
	color: #0083DB
}

.app-privacy h3 {
	font-size: 22px;
	margin-top: 10px;
}

.app-privacy .container > p {
	margin: 30px 0 25px;
}

.app-privacy li {
	color: #494949;
	letter-spacing: 0.3px;
	line-height: 24px;
}

.app-privacy ul li {
	font-size: 18px;
	font-weight: bold;
}

.app-privacy ul li.roman {
	list-style-type: upper-roman;
	color: rgba(0, 0, 0, 0.8);
    font-weight: 700;
    font-size: 22px;
}

.app-privacy ul li.roman h3 {
	color: rgba(0, 0, 0, 0.8);
	font-weight: 700;
}

.app-privacy ul li.alpha {
	font-weight: bold;
	list-style-type: lower-alpha;
}

.app-privacy p {
	text-align: left;
	width: auto;
    font-size: 16px;
}

.app-privacy a {
	text-decoration: none;
	color: #0083DB;
	font-size: 16px;
}

.app-privacy ul ol {
	padding: 0;
	padding-left: 20px;
}

.app-privacy ul ul li {
	font-weight: 300;
	list-style-type: disc;
	font-size: 16px;
}

.app-privacy .list-style-none {
	list-style: none !important;
	margin-bottom: 24px;
}

.app-privacy .list-style-none span {
	margin-left: -36px;
	font-size: 16px;
	font-weight: 600;
}

.app-overview .container > h1 {
	margin: 0 0 65px;
}

.app-overview .overview-element:not(:first-child) {
	margin-top: 100px;
	padding-top: 100px;
	border-top: 1px solid #E2F3FF;
}

.app-overview .overview-element .title .fa-comment, .app-overview .overview-element .title .fa-calendar-times, .app-overview .overview-element .title .fa-calendar-alt {
	font-size: 40px;
	margin-right: 10px;
	color: #0083DB;
}

.app-overview .overview-element .title h1 {
	margin: 0;
	text-align: left;
}

.app-overview .overview-element .flex-helper {
	display: flex;
	flex-direction: row;
	align-items: center;
}

.app-overview .overview-element .description {
	flex: 1;
	min-width: 40%;
}

.app-overview .overview-element.description-img .description {
	margin-right: 150px;
	max-width: 500px;
}

.app-overview .overview-element.img-description .description {
	margin-left: 150px;
	max-width: 500px;
}

.app-overview .overview-element .section {
	padding: 0;
}

.app-overview .overview-element .section:not(:first-child) {
	margin-top: 25px;
}

.app-overview .overview-element .description span:not(.tags), .app-overview .overview-element .description p {
	font-size: 18px;
	color: #333333;
	line-height: normal;
	text-align: left;
	font-weight: normal;
	letter-spacing: normal;
	margin: 0;
}

.app-overview .overview-element .description span:not(.tags) {
	font-weight: bold;
	display: inline-block;
}

.app-overview .overview-element .description p {
	margin-top: 10px;
}

.app-overview .overview-element .illustration {
	height: 500px;
	text-align: center; /* centering .hover-helper */
}

.app-overview .overview-element .hover-helper, .app-overview .overview-element .swap-background {
	height: 100%;
}

.app-overview .overview-element .hover-helper {
	position: relative;
	display: inline-block;
}

.app-overview .overview-element img:not(.swap-background) {
	position: absolute;
	width: auto;
	left: 50%;
	transform: translateX(-50%);
}

.app-overview .overview-element .img-1 {
	height: 100%;
	z-index: 1;
}

.app-overview .overview-element .img-2 {
	top: 5%;
	height: 80%;
	z-index: 0;
}

.app-faq {
	padding-bottom: 80px;
}

.app-faq .container.faq {
	margin-top: 40px;
}

.app-faq .container > h1 {
	margin: 0 0 50px;
}

.app-faq .faq {
	width: 80%;
	margin: 0 auto;
}

.app-faq .faq .faq-element {
	font-size: 18px;
}

.app-faq .faq-element:not(:first-child) {
	margin-top: 15px;
}

.app-faq .question-answer span  {
	font-weight: bold;
	color: #0083DB;
	cursor: pointer;
	display: inline-block;
	margin-bottom: 10px;
}

.app-faq .question-answer .answer {
	padding-bottom: 10px;
}

.app-faq .question-answer .answer.closed {
	display: none;
}

.app-faq .question-answer .answer a {
	text-decoration: none;
    color: #0083DB;
}

.app-functionality {
	background-image: url("../assets/app/functionality-background.svg");
}

.app-functionality .container > h1 {
	color: #0083DB;
	margin: 0 0 50px;
}

.app-functionality .container > .grid-helper {
	display: grid;
	grid-template-columns: 50% 50%;
}

/* fontawesome */
.app-functionality .icon {
	height: 30px;
	width: 30px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	background: #fff;
	cursor: pointer;
}

.app-functionality .icon i {
	color: #0083DB;
}

.app-functionality .list-element {
	padding: 15px 0 0;
	border-top: 1px solid #fff;
}

.app-functionality .list-element .grid-helper {
	display: grid;
	grid-template-columns: 1fr auto;
	margin-bottom: 15px;
	align-items: center;
	cursor: pointer;
}

.app-functionality .list-element .title h1 {
	font-size: 25px;
	font-weight: bold;
	color: #333333;
	line-height: normal;
	text-align: left;
	margin: 0;
}

.app-functionality .list-element .title > *:last-child {
	margin-left: auto;
}

.app-functionality .list-element .grid-helper .open-close {
	padding-left: 15px;
}

.app-functionality .description {
	color: #333333;
	padding: 0 45px 15px 0; /* paddinng-right 30px (icon) + 25px */
	font-size: 18px;
}

.app-functionality .description.closed {
	display: none;
}

.app-functionality .illustration {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-left: 50px;
}

.app-functionality .illustration .align-center {
	width: 100%;
}

.app-functionality .illustration .rotate-helper {
	position: relative;
	width: 40%;
	margin: 0 auto;
}

.app-functionality .illustration img {
	position: relative;
	z-index: 1;
	top: 0;
}

.app-functionality .illustration .rotate {
	position: absolute;
	z-index: 0;
	opacity: 0.6;
}

.app-functionality .illustration .rotate-l {
	left: -40%;
	transform: rotate(-15deg);
	top: 0;
}

.app-functionality .illustration .rotate-r {
	left: 40%;
	transform: rotate(15deg);
	top: 0;
}

.app-functionality .illustration .control {
	display: flex;
	justify-content: center;
	margin-top: 35px;
}

.app-functionality .illustration .control > *:first-child {
	margin-right: 10px;
}

/* optical illusion */
.app-functionality .illustration .control .fa-chevron-left {
	margin-left: -2px;
}

.app-functionality .illustration .control .fa-chevron-right {
	margin-right: -2px;
}

.app-roadmap h1 {
	margin: 0 0 35px 0 !important;
	font-size: 38px;
}

.app-roadmap .roadmap-discription {
  text-align: center;
  margin: 0px 25%;
  font-size: 18px;
  margin-bottom: 30px;
  line-height: 25px;
}

.app-roadmap .row__4-col.w-row {
	margin: 0px auto;
}

.app-roadmap .row__4-col.w-row .row__1-icons .feature-small.w-col.w-col-3.w-col-stack {
	margin: 45px 0 0;
	height: fit-content;
}

.app-roadmap .row__4-col.w-row .row__1-icons .feature-small.w-col.w-col-3.w-col-stack p {
	font-size: 16px;
}

.app-roadmap .row__4-col.w-row .row__1-icons img, .app-roadmap .row__4-col.w-row .row__2-icons img {
	margin: 0px auto;
	padding: 10px;
	background: #FFFFFF;
	box-shadow: 4px 4px 20px #D9EDFF;
	border-radius: 7.4px;
}

.app-roadmap .row__4-col.w-row .row__1-icons img:hover, .app-roadmap .row__4-col.w-row .row__2-icons img:hover {
	box-shadow: 1px 1px 20px #79C0FF;
}

.app-roadmap .row__4-col.w-row .row__1-icons div .feature-small__text, .app-roadmap .row__4-col.w-row .row__2-icons div .feature-small__text {
	font-size: 16px;
}

.app-roadmap .container.roadmap-mobile, .app-roadmap .pagination {
  display: none;
}

.app-roadmap .feature-small {
	margin: 25px 0 0 0 !important;
}

.app-price {
  background: rgba(232, 232, 232, 0.4);
}

.app-price > .container > h1 {
	margin: 0 0 35px 0;
}

.app-price .container .description {
  font-family: Nunito;
  font-style: normal;
  font-weight: bold;
  font-size: 24px;
  line-height: 28px;
  text-align: center;
  color: #5E5E5E;
  margin-bottom: 40px;
}

.app-price .container .price-list {
  padding: 32px 33px;
  border-collapse: separate;
  background: #FFFFFF;
  width: 100%;
  max-width: 600px;
  margin: 0px auto;
}

.app-price .container .price-list tr td {
  float: left;
  width: 100%;
  font-family: Nunito;
  font-style: normal;
  font-weight: bold;
  font-size: 24px;
  line-height: 28px;
  padding: 24px 18px;
  border: solid #A8DCFF;
  border-width: 1px 0px 0px 0px;
}

.app-price .container .price-list tr td span {
  float: right;
  color: #0083DB;
  font-family: Nunito;
  font-style: normal;
  font-weight: bold;
  font-size: 24px;
  line-height: 28px;
}

.app-price .container .price-list tr td .startgebuehr {
  font-family: Nunito;
  font-style: normal;
  font-weight: bold;
  font-size: 18px;
  line-height: 20px;
  letter-spacing: 0.008em;
  color: #5E5E5E;
}

.app-price .container .product__button.pruduct__button--blue.w-button.open-testaccount-modal.preise {
  margin: 40px 0px 0px 0px;
}

.app-price .container.smalltext {
	margin-top: 40px;
    max-width: 900px;
	font-size: 14px;
}

.app-price .container.smalltext a {
	display: contents;
	color: #0083db;
}

.app-our-values .container .h1-blue.h1-margin-bot-0 {
	margin: 0 0 80px 0 !important;
}

.app-our-values .row__2-icons {
	margin-top: 45px;
}

.app-our-values .row__2-icons {
	justify-content: center;
}

.app-our-values .row__3-col.w-row .feature-small.w-col.w-col-4.w-col-stack {
  margin: 0px 15px;
  padding: 0px;
  text-align: center;
}

.app-our-values .row__3-col.w-row .feature-small.w-col.w-col-4.w-col-stack i {
  margin-bottom: 50px;
  color: #0083DB;
}

.app-our-values .row__3-col.w-row .feature-small.w-col.w-col-4.w-col-stack img {
  margin-bottom: 50px;
}

.app-our-values .row__3-col.w-row .feature-small.w-col.w-col-4.w-col-stack h3 {
  margin:0px 0px 16px 0px;
}

.app-our-values .row__3-col.w-row .feature-small.w-col.w-col-4.w-col-stack p {
  margin: 0;
  font-size: 16px;
}

.app-our-values .row__3-col.w-row .feature-small.w-col.w-col-4.w-col-stack p span {
	display: inline-block;
}

.app-our-values .row__3-col.w-row .feature-small.w-col.w-col-4.w-col-stack .data-privacy-link {
	text-decoration: none;
    color: #0083db;
    font-size: 16px;
}

.app-our-values .container.our-values-mobile, .app-our-values .pagination {
  display: none;
}

/* footer */
.content.content-blue .hero_centered-container .footer-escolalogo {
  margin-top: 19px;
  font-weight: bold;
  font-size: 16px;
  color: #FFFFFF;
  display: flex;
  align-items: center;
}

.content.content-blue .hero_centered-container .footer-escolalogo img {
    margin-left: 6px;
    padding-bottom: 3px;
}

.section__fullwidth--header .main-section {
	max-width: 1300px;
}

.advertising.escola-app {
	padding: 16px 16px 0 16px;
	background: #E2F3FF;
	border-radius: 5px;
	margin: 65px 0 35px;
	cursor: pointer;
}

.advertising.escola-app .grid-helper {
	display: grid;
	grid-template-columns: auto auto;
}

.advertising.escola-app .column-l {
	padding-bottom: 16px;
}

.advertising.escola-app .column-l span {
	font-size: 18px;
	color: #333333;
	font-weight: bold;
	line-height: normal;
}

.advertising.escola-app .column-l > span {
	font-weight: normal;
	display: block;
}

.advertising.escola-app .column-l h2 {
	font-size: 18px;
	color: #0083DB;
	font-weight: bold;
	line-height: normal;
	margin: 0;
	text-align: left;
}

.advertising.escola-app .column-r {
	width: 150px;
	margin-left: 25px;
	position: relative;
}

.advertising.escola-app .column-r .crop {
	height: calc(100% + 16px + 50px); /* padding + 50px */
	position: absolute;
	width: 100%;
	top: calc(-16px + -50px); /* padding + -50px */
	overflow: hidden;
}

.advertising.escola-app .column-r .crop a {
	display: block;
}

.advertising.escola-app .column-r .crop {
	transition: transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
	transform-origin: bottom center;
}

.advertising.escola-app:hover .column-r .crop {
	transform: scale(1.08);
}

/* roadshow */
#roadshow {
	margin-top: 80px;
	padding: 60px 0 0 !important;
	background-color: #fff;
}

#roadshow .overflow-helper {
	padding-top: 40px;
	padding-bottom: 40px;
	background-color: rgba(0, 131, 219, 0.1);
	width: 100%;
	overflow: visible;
}

#roadshow .main-section {
	padding: 0 60px;
	margin-top: 0;
	flex-direction: column;
}

#roadshow .title-area .grid-helper {
	display: grid;
	grid-template-columns: auto minmax(150px, 1fr);
	align-items: center;
}

#roadshow .title-area .grid-helper .headings h2 {
	font-size: 24px;
	letter-spacing: 0.01em;
	line-height: 120%;
}

#roadshow .title-area .grid-helper .headings h2:first-child {
	color: #0083DB;
}

#roadshow .title-area .grid-helper .img-helper {
	position: relative;
	margin-left: 15px;
}

#roadshow .title-area .grid-helper .img-helper img {
	position: absolute;
	bottom: 50%;
}

#roadshow .grid-helper {
	display: grid;
	grid-template-columns: 1fr 1fr;
	align-items: flex-start;
}

#roadshow .grid-helper * {
	margin: 0;
	text-align: left;
}

#roadshow .grid-helper p {
	margin-top: 10px;
	color: #333333;
	font-size: 20px;
	letter-spacing: 0.01em;
	line-height: 28px;
}

#roadshow .locations {
	margin-left: 25px;
}

#roadshow .locations ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#roadshow .locations ul li {
	display: grid;
	grid-template-columns: auto 1fr auto;
	align-items: center;
	padding: 5px 0;
}

#roadshow .locations ul li:first-child {
	padding-top: 0;
}

#roadshow .locations ul li:last-child {
	padding-bottom: 0;
}

#roadshow .locations ul li:not(:last-child) {
	border-bottom: 1px solid #b5ddf8;
}

#roadshow .locations ul li .helper {
	display: grid;
	grid-template-columns: 1fr 160px;
	margin-left: 10px;
}

#roadshow .locations ul li .helper span {
	font-size: 15px;
	letter-spacing: 0.01em;
}

#roadshow .locations ul li .helper span.location span:nth-child(1) {
	font-weight: bold;
}

#roadshow .locations ul li .helper span.location span:nth-child(2) {
	font-weight: normal;
}

#roadshow .locations ul li a {
	background: #0083DB;
	border: 1px solid #0083DB;
	border-radius: 3px;
	padding: 5px 15px;
	text-decoration: none;
	color: #fff;
}

/* roadshow */
#didac {
	margin-top: 80px;
	padding: 60px 0 0 !important;
	background-color: #fff;
	flex-direction: column;
}

#didac .overflow-helper {
	padding-top: 40px;
	padding-bottom: 40px;
	background-color: #F8E2D7;
	width: 100%;
	overflow: hidden;
}

#didac .main-section {
	/* if illu exist start */
	height: 280px;
	/* if illu exist end */
	margin-top: 0;
	flex-direction: column;
}

#didac .main-section .flex-helper {
	display: flex;
	gap: 40px;
}

#didac .main-section .flex-helper .logos {
	flex: 30%;
}

#didac .main-section .flex-helper .logos .logo-swissdidac {
	position: relative;
	top: -40px;
}

#didac .main-section .flex-helper .logos .logo-tabledays {
	position: relative;
	top: -16px;
}

#didac .flex-helper .description .grid-helper .title-area .headings {
	margin-bottom: 16px;
}

#didac .flex-helper .description .grid-helper .title-area .headings h2 {
	font-family: Nunito;
	font-style: normal;
	font-weight: bold;
	font-size: 24px;
	line-height: 120%;
	letter-spacing: 0.01em;
}

#didac .flex-helper .description .grid-helper .title-area .headings h2:first-child {
	color: #E85539;
}

#didac .flex-helper .description .grid-helper .title-area p {
    color: #333333;
    font-size: 20px;
    letter-spacing: 0.01em;
    line-height: 28px;
	margin-bottom: 24px;
}

#didac .flex-helper .description .grid-helper .title-area p .bold-helper {
	font-weight: bold;
}

#didac .flex-helper .description .grid-helper .title-area .blue-button {
	display: block;
    text-align: center;
	width: 168px;
	padding: 14px 16px;
    background: #0083DB;
    border: 1px solid #0083DB;
    box-sizing: border-box;
    border-radius: 4px;
    font-weight: bold;
    text-decoration: none;
	color: #fff;
}

#didac .grid-helper {
	display: grid;
	/* if illu exist */
	grid-template-columns: 60% 40%;
	/* if workshop info exist */
	/* grid-template-columns: 1fr 1fr; */
	align-items: flex-start;
}

#didac .grid-helper * {
	margin: 0;
	text-align: left;
}

/* if illu exist */
#didac .grid-helper .illu-computer {
	text-align: center;
}
/* if illu exist end */

#didac .grid-helper .illu-computer img {
	position: relative;
    top: -80px;
}

#didac .workshops {
	margin-left: 25px;
}

#didac .workshops ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#didac .workshops ul li {
	display: grid;
	grid-template-columns: repeat(12, 1fr);
	align-items: center;
	padding: 5px 0;
}

#didac .workshops ul li:first-child {
	padding-top: 0;
}

#didac .workshops ul li:last-child {
	padding-bottom: 0;
}

#didac .workshops ul li:not(:last-child) {
	border-bottom: 1px solid #5E5E5E;;
}

#didac .workshops ul li .helper {
	display: grid;
	grid-column: 10 span;
	margin-left: 10px;
}

#didac .workshops ul li .helper span {
	font-size: 15px;
	letter-spacing: 0.01em;
}

#didac .workshops ul li .helper span.location {
	font-weight: bold;
}

#didac .workshops ul li .helper span.location span {
	font-weight: normal;
}

#didac .workshops ul li a {
	grid-column: 12 / span 1;
	background: #0083DB;
	border: 1px solid #0083DB;
	border-radius: 3px;
	padding: 5px 15px;
	text-decoration: none;
	color: #fff;
}

#didac .offer-badge {
	max-width: 1300px;
	margin: 0 auto;
	text-align: right;
}

#didac .offer-badge img {
	position: relative;
	top: -370px;
}

/* startsite */
.product-start {
  position: relative;
  display: flex;
  overflow: hidden;
  margin-bottom: 0px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

#product .section.product-section {
	padding: 80px 0;
}

.product-start .main-section {
  max-width: 1300px;
  padding: 0 25px;
}

.product-start .paragraph.text--dark-80.t-left {
  font-family: Nunito;
  font-style: normal;
  font-size: 20px;
  line-height: 28px;
}

.product-start .solution-list {
  background: #FFFFFF;
  width: 100%;
  max-width: 465px;
  margin-bottom: 23px;
}

.product-start .solution-list ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.product-start .title-solution-list {
  font-family: Nunito;
  font-style: normal;
  font-weight: bold;
  font-size: 20px;
  line-height: 28px;
  color: #333333;
  margin: 35px 0px 15px;
}

.product-start .solution-list ul li {
  width: 100%;
  font-family: Nunito;
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-width: 1px 0px 0px 0px;
  padding: 8px 12px;
  border-radius: 8px;
  transition: background-color 0.3s ease;
}

.product-start .solution-list ul li:hover {
  background-color: color-mix(in srgb, currentColor 10%, transparent);
}

.product-start .solution-list ul li a {
  color: inherit;
  cursor: pointer;
  text-decoration: none;
  display: block;
}

.product-start .solution-list ul li span {
  float: right;
  color: #5E5E5E;
  font-family: Nunito;
  font-style: normal;
  font-size: 16px;
  font-weight: normal;
}

.product-start .paragraph-container {
  margin: 0 !important;
}

.product-start .paragraph-container a {
  text-align: center;
}

/* solutions */
.product-solutions {
	font-family: Nunito;
	font-style: normal;
	line-height: normal;
	padding: 80px 0 0 0;
}

.product-solutions .container {
	max-width: none;
}

.product-solutions .solution:not(:first-child) {
	margin-top: 80px;
}

.product-solutions .solution > h1, .product-solutions .solution > p {
	max-width: 665px;
	margin: 0 auto;
}

.product-solutions .solution > h1 {
	margin-bottom: 25px;
}

.product-solutions .solution > p {
	margin-bottom: 50px;
	font-size: 20px;
	line-height: 28px;
	font-weight: normal;
	padding: 0 50px;
}

.product-solutions .navigation {
	position: relative;
	overflow: hidden;
	white-space: nowrap;
}

.product-solutions .navigation ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
	display: inline-flex;
	align-items: center;
	position: relative;
}

.product-solutions .navigation ul li {
	display: inline-block;
	border-radius: 5px;
	padding: 10px 20px;
	cursor: pointer;
	font-size: 16px;
	font-weight: 600;
	transition: background-color 0.3s ease, color 0.3s ease, filter 0.3s ease;
}

.product-solutions .navigation ul li:not(.selected):hover {
	filter: brightness(0.92);
}

.product-solutions .navigation ul li:not(:last-child) {
	margin-right: 10px;
}

.product-solutions .navigation ul li.selected {
	color: #fff;
}

.product-solutions .control {
	display: flex;
	justify-content: center;
	margin-top: 15px;
}

.product-solutions .control .icon {
	height: 35px;
	width: 35px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border: 1px solid;
	border-radius: 50%;
	cursor: pointer;
}

.product-solutions .control > *:first-child {
	margin-right: 10px;
}

/* optical illusion */
.product-solutions .control .fa-chevron-left {
	margin-left: -2px;
}

.product-solutions .control .fa-chevron-right {
	margin-right: -2px;
}

.product-solutions .sections {
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	padding: 0 24px;
	max-width: 1300px;
	margin: 65px auto 0;
}

.product-solutions .sections .screens {
	position: relative;
	width: 60%;
	max-width: 695px;
	display: flex;
	flex-direction: column;
	box-shadow: none;
}

.product-solutions .sections .screens svg, .product-solutions .sections .screens img {
	max-height: 100%;
}

.product-solutions .sections .screens img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.product-solutions .sections .screens img.hidden {
	display: none;
}

.product-solutions .sections .description {
	flex: 1;
	margin-left: 50px;
}

.product-solutions .sections .description.hidden {
	display: none;
}

.product-solutions .sections .description .title * {
	vertical-align: middle;
	line-height: normal;
}

.product-solutions .sections .description .title h2 {
	color: #333;
	text-align: left;
	display: inline;
	font-size: 32px;
}

.product-solutions .sections .description .title .margin-tag {
	margin-right: 10px !important;
}

.product-solutions .sections .description .title .tag-additional-module {
	font-size: 15px;
	height: 29px;
	padding: 0 12px;
	display: inline-flex;
	align-items: center;
	background: #5E5E5E;
	color: #fff;
	align-self: center;
	border-radius: calc(29px / 2);
}

.product-solutions .sections .description p {
	color: #333;
	line-height: 25px;
	font-size: 16px;
	text-align: left;
	font-weight: 400;
	margin: 15px 0 0 0;
}

.product-solutions .sections .description p a {
	text-decoration: none;
	color: #0083DB;
}

.product-solutions .sections .description p .learn-more {
	background: #0083DB;
	border-radius: 3px;
	padding: 8px 16px;
	display: table;
	text-decoration: none;
	color: #fff;
	margin-top: 50px;
}

.product-solutions .solution > svg {
	width: 100%;
	height: auto;
	margin-top: 25px;
	display: block;
}

/* our-products */
#produkte .row__2-col .features__column:nth-child(1) {
	grid-area: 1 / 1 / 2 / 2;
}

/* roadmap */
.product-roadmap h1 {
	margin: 0 0 35px 0 !important;
	font-size: 38px;
}

.product-roadmap .roadmap-discription {
  text-align: center;
  margin: 0px 25%;
  font-size: 18px;
  margin-bottom: 30px;
  line-height: 25px;
  color: #333333;
}

.product-roadmap .row__4-col.w-row:not(:first-of-type) {
	margin: 25px auto 0;
}

.product-roadmap .row__4-col.w-row .feature-small__title {
	color: inherit;
	margin: 0 0 16px 0;
}

.product-roadmap .row__4-col.w-row h3 {
	color: inherit;
	min-width: 200px;
}

.product-roadmap .container.roadmap-mobile, .product-roadmap .pagination {
  display: none;
}

.product-roadmap .feature-small {
	margin: 25px 0 0 0 !important;
}

/* our values */
.product-our-values .container .h1-products {
  margin: 0 0 80px 0 !important;
  font-size: 38px;
  color: rgba(0, 0, 0, .8);
}

.product-our-values .row__1-icons:not(:first-child) {
  margin-top: 45px;
}

.product-our-values .row__1-icons img {
  margin-bottom: 50px;
}

.product-our-values .row__3-col.w-row .feature-small.w-col.w-col-4.w-col-stack {
  margin: 0px 15px;
  padding: 0px;
  opacity: 1;
  transform: translateX(0px) translateY(0px) translateZ(0px);
  transition: opacity 600ms cubic-bezier(0.895, 0.03, 0.685, 0.22) 0s, transform 600ms cubic-bezier(0.895, 0.03, 0.685, 0.22) 0s;
  align-items: center;
}

.product-our-values .row__3-col.w-row .feature-small.w-col.w-col-4.w-col-stack h3 {
  margin:0px 0px 16px 0px;
  color: #0083DB;
}

.product-our-values .row__3-col.w-row .feature-small.w-col.w-col-4.w-col-stack .feature-small__text {
  margin: 0;
  font-size: 16px;
}

.product-our-values .row__3-col.w-row .feature-small.w-col.w-col-4.w-col-stack .feature-small__text a {
	text-decoration: none;
	color: #0083DB;
}

.product-our-values .row__3-col.w-row .feature-small.w-col.w-col-4.w-col-stack p span {
	display: inline-block;
}

.product-our-values .container.our-values-mobile, .product-our-values .pagination {
  display: none;
}

.product-section.product-google-maps {
	padding: 80px 0 0 0 !important;
}

.product-google-maps h1 {
	margin-top: 0;
}

/* blog */
.section.blog {
	padding: 80px 60px 80px;
}

.blog-start {
	padding: 80px 50px 0;
}

.blog-contents {
	padding: 80px 50px 0;
}

.blog-start .title {
	text-align: center;
}

.blog-start .title h2 {
	color: #333333;
	font-size: 35px;
	line-height: 40px;
}

.blog-start .title h3 {
	margin: 15px 0 0 0;
	color: #333333;
	font-size: 22px;
	line-height: 40px;
}

.blog-contents {
	margin-top: 0px !important;
}

.blog-container {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	column-gap: 24px;
	row-gap: 24px;
}

.blog-contents .blog-item,
.related-articles .blog-item,
.section.blog-section .blog-item {
	display: flex;
	flex-direction: column;
	cursor: pointer;
}

.blog-contents .blog-item .img-helper,
.related-articles .blog-item .img-helper,
.section.blog-section .blog-item .img-helper {
	overflow: hidden;
}

.section.blog-section .blog-item .img-helper {
	border-radius: 4px 4px 0px 0px;
}

.blog-contents .blog-item .img-helper img,
.related-articles .blog-item .img-helper img,
.section.blog-section .blog-item .img-helper img {
	width: 100%;
	height: 260px;
	object-fit: cover;
	border-radius: 4px 4px 0px 0px;
	transition: 0.3s;
}

.blog-contents .blog-item .img-helper img:hover,
.related-articles .blog-item .img-helper img:hover,
.section.blog-section .blog-item .img-helper img:hover {
	transform: scale(1.1);
}

.blog-contents .blog-item .text-box,
.related-articles .blog-item .text-box,
.section.blog-section .blog-item .text-box {
	padding: 24px;
	border: 1px solid rgba(0, 0, 0, 0.1);
	border-radius: 0px 0px 4px 4px;
	overflow: hidden;
}

.section.blog-section .blog-item .text-box {
	background-color: #fff;
}

.blog-contents .blog-item .text-box .item-title,
.related-articles .blog-item .text-box .item-title,
.section.blog-section .blog-item .text-box .item-title {
	display: block;
	color: #333333;
	text-decoration: none;
	font-weight: 700;
	font-size: 22px;
	line-height: 28px;
	font-weight: bold;
}

.blog-contents .blog-item .text-box .item-subtitle-helper,
.related-articles .blog-item .text-box .item-subtitle-helper,
.section.blog-section .blog-item .text-box .item-subtitle-helper {
	font-weight: 400;
	font-size: 18px;
	line-height: 28px;
	color: #5E5E5E;
	margin: 16px 0;
}

.blog-contents .blog-item .text-box .read-more,
.related-articles .blog-item .text-box .read-more,
.section.blog-section .blog-item .text-box .read-more {
	text-decoration: none;
	color: #0083DB;
}

/* blogentry-contents */
.blogentry-contents .back-to-blog {
	margin-top: 40px;
	margin-bottom: 60px;
}

.blogentry-contents .back-to-blog .back {
	margin-left: 10px;
	text-decoration: none;
	font-weight: bold;
	font-size: 16px;
	color: #007FE7;
	vertical-align: middle;
}

.blogentry-contents .container {
	align-items: center;
}

.blogentry-contents .container .blogentry-content {
	max-width: 940px;
	display: flex;
	flex-direction: column;
}

.blogentry-contents .container .blogentry-content .images-helper {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	top: 130px;
    left: -90px;
}

.blogentry-contents .container .blogentry-content .images-helper img {
	height: 30px;
	margin-bottom: 10px;
}

.blogentry-contents .container .blogentry-content .entry-title {
	text-decoration: none;
	font-size: 50px;
	line-height: 60px;
	font-weight: 700;
}

.blogentry-contents .container .blogentry-content .entry-subtitle {
	margin: 40px 0;
	font-weight: bold;
	font-size: 24px;
	line-height: 36px;
	color: rgba(0, 0, 0, 0.7);
}

.blogentry-contents .container .blogentry-content .entry-text {
	margin-bottom: 60px;
	font-size: 19px;
	line-height: 30px;
	color: rgba(0, 0, 0, 0.7);
}

.blogentry-contents .container .blogentry-content .entry-text h1,
.blogentry-contents .container .blogentry-content .entry-text h2,
.blogentry-contents .container .blogentry-content .entry-text h3 {
	font-family: 'Nunito';
	font-style: normal;
	font-weight: 700;
	line-height: 120%;
	letter-spacing: 0.01em;
	color: #333333;
	text-align: start;
}

.blogentry-contents .container .blogentry-content .entry-text h1 {
	font-size: 30px;
}

.blogentry-contents .container .blogentry-content .entry-text h2 {
	font-size: 24px;
}

.blogentry-contents .container .blogentry-content .entry-text h3 {
	font-size: 20px;
	letter-spacing: 0.03em;
}

.blogentry-contents .container .blogentry-content .entry-text p {
	text-align: start;
}

.blogentry-contents .container .blogentry-content .entry-text a {
	color: #0083DB;
	text-decoration: none;
}

.blogentry-contents .container .blogentry-content .video-description {
	display: block;
	font-weight: 400;
	font-size: 16px;
	line-height: 26px;
	color: #5E5E5E;
	padding-bottom: 8px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.blogentry-contents .container .blogentry-content .entry-author {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	align-items: center;
	padding: 24px;
	border: 1px solid rgba(0, 0, 0, 0.1);
	line-height: 50px;
	margin-bottom: 120px;
}

.blogentry-contents .container .blogentry-content .entry-author .author-title {
	display: grid;
    grid-template-columns: 50px 1fr;
	align-items: center;
}

.blogentry-contents .container .blogentry-content .entry-author .author-title .author-name-mobile {
	display: none;
}

.blogentry-contents .container .blogentry-content .entry-author .author-title img {
	width: 100%;
}

.blogentry-contents .container .blogentry-content .entry-author .author-name {
	font-weight: 700;
	font-size: 19px;
	line-height: 26px;
	color: #333333;
}

.blogentry-contents .container .blogentry-content .entry-author .author-info {
	padding-left: 14px;
	line-height: 20px;
	font-size: 16px;
}

.blogentry-contents .container .blogentry-content .entry-author .job-description {
	font-weight: 400;
	font-size: 16px;
	line-height: 26px;
	color: #5E5E5E;
}

.blogentry-contents .container .blogentry-content .entry-author .author-info .email {
	color: #2F80ED;
	text-decoration: none;
}

.blogentry-contents .container .blogentry-content .entry-author .entry-time {
    text-align: right;
	font-weight: 400;
	font-size: 16px;
	line-height: 26px;
	color: #5E5E5E;
}

.blogentry-contents .container .related-articles {
	border-top: 1px solid rgba(0, 0, 0, 0.1);
	padding-top: 15px;
	display: flex;
    flex-direction: column;
}

.blogentry-contents .container .related-articles h2 {
	font-size: 33px;
	color: rgba(0, 0, 0, 0.8);
	letter-spacing: 0.02em;
	margin-right: auto;
	margin-bottom: 30px;
}



/* Swissdidac */
#didac.didac__label {
	/* height navigation */
	margin-top: 162px;
	padding: 0 !important;
}
#didac.didac__label .overflow-helper {
	padding: 0;
}

#didac.didac__label .main-section .flex-helper {
	gap: 50px;
}

#didac.didac__label .main-section .flex-helper .logos {
	flex: 0%;
	display: flex;
    flex-direction: column;
}

#didac.didac__label .main-section .flex-helper .logos .logo-swissdidac {
	top: 32px;
}

#didac.didac__label .main-section .flex-helper .logos .logo-tabledays {
	top: 48px;
}

#didac.didac__label .main-section .flex-helper .description {
	margin-top: 72px;
}

#didac.didac__label .main-section .flex-helper .description .title-area h2 {
	text-align: left;
	font-weight: bold;
	font-size: 30px;
	line-height: 80%;
}

#didac.didac__label .main-section .flex-helper .description .title-area .headings h2 {
	color: #E85539;
}

.didac__description {
	margin-bottom: 14px;
}

.didac__description .grid-helper {
	display: grid;
	grid-template-columns: 60% 40%;
	max-width: 1300px;
	margin: 0 auto;
}

.didac__description .grid-helper .title-part {
	grid-area: 1 / 1 / 2 / 2;
	font-weight: bold;
	font-size: 30px;
	color: #E85539;
    text-align: left;
	margin: 0;
}

.didac__description .grid-helper .text-part,
.didac__description .grid-helper .announce-part {
	font-weight: normal;
	font-size: 20px;
	line-height: 32px;
	color: #333333;
	text-align: left;
	margin: 0;
}

.didac__description .grid-helper .text-part {
	grid-area: 2 / 1 / 3 / 2;
}

.didac__description .grid-helper .announce-part {
	grid-area: 3 / 1 / 4 / 2;
	margin-bottom: 60px;
}

.didac__description .grid-helper .announce-part a {
	cursor: pointer;
	text-decoration: none;
	color: #0083db;
}

.didac__description .grid-helper .illu-part {
	grid-area: 1 / 2 / 3 / 3;
	text-align: right;
}

.didac__description .grid-helper .illu-part img {
	position: relative;
	top: -170px;
	/* remove white space */
	margin-bottom: -170px;
}

.section.didac__question {
	padding-top: 0;
}

.didac__question .background-color-helper {
    max-width: 1300px;
    margin: 0 auto;
    background-color: rgba(235, 235, 235, 0.3);
}

.didac__question .background-color-helper .padding-helper {
	padding: 32px;
}

.didac__question .background-color-helper .padding-helper .description * {
	margin: 0;
	line-height: 120%;
}

.didac__question .background-color-helper .padding-helper .description .title {
	font-weight: bold;
	font-size: 30px;
	text-align: left;
	margin-bottom: 20px;
}

.didac__question .background-color-helper .padding-helper .description .sub-title {
	font-weight: bold;
	font-size: 20px;
	text-align: left;
	margin-bottom: 20px;
}

.didac__question .background-color-helper .padding-helper .description .example-list {
	padding-left: 20px;
	font-size: 20px;
}

.didac__question .background-color-helper .padding-helper .flex-helper {
	display: flex;
 	margin-top: 48px;
	 gap: 48px;
}

.didac__question .background-color-helper .padding-helper .flex-helper .profile-part {
	flex: 60%;
}

.didac__question .background-color-helper .padding-helper .flex-helper .calendar-part {
	flex: 30%;
}

.didac__question .background-color-helper .padding-helper .flex-helper .profile-part .image-part {
	margin-bottom: 16px;
}

.didac__question .background-color-helper .padding-helper .flex-helper .profile-part .image-part img {
	width: 96px
}

.didac__question .background-color-helper .padding-helper .flex-helper .profile-part .text-part {
	font-size: 20px;
	line-height: 32px;
	color: #333333;
}

.didac__question .background-color-helper .padding-helper .flex-helper .profile-part .text-part span {
	font-weight: bold;
}

.didac__question .background-color-helper .padding-helper .flex-helper .profile-part .text-part .text-bold {
	margin-top: 32px;
	font-weight: bold;
}

.didac__offer .title {
	margin: 0;
}

.didac__offer .offer {
	max-width: 1300px;
	margin: 0 auto;
	margin-top: 88px;
}

.didac__offer .offer:nth-of-type(1) {
	margin-top: 32px;
}

.didac__offer .offer .date {
	text-align: center;
	font-weight: bold;
	font-size: 24px;
	letter-spacing: 0.01em;
	color: #5E5E5E;
	margin-bottom: 24px;
}

.didac__offer .offer .background-color-helper {
	background-color: #F8E2D7;
}

.didac__offer .offer .background-color-helper .padding-helper {
	padding: 40px;
}

.didac__offer .offer .background-color-helper .padding-helper .grid-helper {
	display: grid;
	grid-template-columns: 20% 80%;
}

.didac__offer .offer .background-color-helper .padding-helper .grid-helper .offer-tag {
	font-weight: bold;
    font-size: 11px;
    line-height: 140%;
    letter-spacing: 0.01em;
    border: solid 1px #E85539;
    border-radius: 16px;
    padding: 8px 16px;
    color: #E85539;
    max-width: 100px;
	grid-area: 1 / 2 / 2 / 3;
}

.didac__offer .offer .background-color-helper .padding-helper .grid-helper .image-part {
	grid-area: 2 / 1 / 3 / 2;
	margin-top: 24px;
}

.didac__offer .offer .background-color-helper .padding-helper .grid-helper .image-part {
	width: 75%;
}

.didac__offer .offer .background-color-helper .padding-helper .grid-helper .text-part {
	grid-area: 2 / 2 / 3 / 3;
	margin-top: 24px;
}

.didac__offer .offer .background-color-helper .padding-helper .grid-helper .text-part .offer-title {
	margin-bottom: 16px;
	line-height: 40px;
}

.didac__offer .offer .background-color-helper .padding-helper .grid-helper .text-part .offer-title .offer-name {
	font-weight: bold;
	font-size: 30px;
	line-height: 140%;
	letter-spacing: 0.01em;
	color: #E85539;
}

.didac__offer .offer .background-color-helper .padding-helper .grid-helper .text-part .offer-title .person-name {
	font-weight: normal;
	font-size: 30px;
	color: #333333;
}

.didac__offer .offer .background-color-helper .padding-helper .grid-helper .time {
	font-weight: bold;
	font-size: 24px;
	line-height: 120%;
	letter-spacing: 0.01em;
	color: #333333;
	margin-bottom: 32px;
}

.didac__offer .offer .background-color-helper .padding-helper .grid-helper .text-part .description,
.didac__offer .offer .background-color-helper .padding-helper .grid-helper .text-part .more-text-show {
	font-weight: normal;
	font-size: 20px;
	line-height: 160%;
	letter-spacing: 0.01em;
	color: #333333;
}

.didac__offer .offer .background-color-helper .padding-helper .grid-helper .text-part .description.open {
	-webkit-line-clamp: unset !important;
}

.didac__offer .offer .background-color-helper .padding-helper .grid-helper .text-part .more-text-show {
	display: none;
	cursor: pointer;
}

.didac__offer .offer .background-color-helper .padding-helper .grid-helper .text-part .more-text-show i {
	color: #0083db;
	margin-right: 10px;
	position: relative;
	top: 2px;
}

.didac__offer .offer .background-color-helper .padding-helper .grid-helper .text-part .more-text-show i.open {
	transform: rotateZ(-180deg);
}

.didac__offer .offer .background-color-helper .padding-helper .grid-helper .text-part .more-text-show span  {
	color: #0083db;
}

.didac__offer .offer .background-color-helper .padding-helper .grid-helper .text-part .blue-button {
	display: block;
    text-align: center;
    width: 136px;
    padding: 14px 16px;
    background: #0083DB;
    border: 1px solid #0083DB;
    box-sizing: border-box;
    border-radius: 4px;
    font-weight: bold;
    text-decoration: none;
    color: #fff;
	margin-top: 32px;
}

@media screen and (min-width: 1500px) {
	#loesungen .row__2-col .features__column .features-containe--small .product__text,
	#produkte .row__2-col .features__column .features-containe--small .product__text {
		font-size: 18px;
	}
}

@media screen and (max-width: 1300px) {
	.nav-container {
		max-width: 1100px;
	}

	#loesungen .row__2-col {
		grid-template-columns: 33.3% 33.3% 33.3%;
	}

	#loesungen .row__2-col .features__column {
		padding: 4px;
	}

	#loesungen .row__2-col .features__column:nth-child(1),
	#loesungen .row__2-col .features__column:nth-child(4) {
		padding-left: 0;
	}

	#loesungen .row__2-col .features__column:nth-child(3),
	#loesungen .row__2-col .features__column:nth-child(6) {
		padding-right: 0;
	}

	.navigation-type2 .nav-menu.w-nav-menu .nav-link {
			padding: 31px 0;
	}

	#produkte .row__2-col {
		display: grid;
		grid-template-columns: 16.6% 16.6% 16.6% 16.6% 16.6% 16.6%;
	}

	#produkte .row__2-col .features__column {
		width: 100%;
		padding: 4px 4px;
	}

	#produkte .row__2-col .features__column:nth-child(1) {
		grid-area: 1 / 1 / 2 / 4;
	}

	#produkte .row__2-col .features__column:nth-child(2) {
		grid-area: 1 / 4 / 2 / 7;
	}

	#produkte .row__2-col .features__column:nth-child(3) {
		grid-area: 2 / 1 / 3 / 3;
	}

	#produkte .row__2-col .features__column:nth-child(4) {
		grid-area: 2 / 3 / 3 / 5;
	}

	#produkte .row__2-col .features__column:nth-child(5) {
		grid-area: 2 / 5 / 3 / 7;
	}

	#didac .main-section.w-row {
		padding: 0 60px;
	}
}

@media screen and (max-width: 1260px) {
    .navigation-type2 .nav-buttons {
        padding: 17px 0 17px 5px;
    }

    .nav-buttons .button-3 {
        margin-right: 0;
    }

    .features-icon.features-icon--small {
        width: 20px;
    }

    .navigation-type2 .nav-menu.w-nav-menu .nav-link img {
        margin-right: 5px;
    }

    .product-start .solution-list ul li span {
        display: none;
    }

	#didac.didac__label {
		margin-top: 154px;
	}
}


@media screen and (max-width: 1250px) {
	#loesungen .row__2-col .features__column {
		padding: 4px 4px;
	}

	#loesungen .features-containe--small {
		padding: 20px 20px;
	}

	.app-first-section .grid-helper .column-l {
		margin-left: 0;
	}
}

@media screen and (max-width: 1200px) {
	/* swissdidac */
	#didac.didac__label .main-section .flex-helper {
		gap: 40px;
	}
	
	#didac.didac__label .main-section .flex-helper .logos {
		flex: 10%;
	}
	
	.didac__description .grid-helper {
		grid-template-columns: 70% 30%;
	}
	
	.didac__description .grid-helper .title-part {
		grid-area: 1 / 1 / 2 / 2;
		font-weight: bold;
		font-size: 30px;
		color: #E85539;
		text-align: left;
		margin: 0;
	}
	
	.didac__description .grid-helper .text-part,
	.didac__description .grid-helper .announce-part {
		margin-top: 24px;
	}

	.didac__description .grid-helper .announce-part {
		margin-bottom: 0;
	}
	
	.didac__description .grid-helper .illu-part {
		grid-area: 1 / 2 / 3 / 3;
		text-align: right;
	}
	
	.didac__description .grid-helper .illu-part img {
		position: relative;
		top: -170px;
		/* remove white space */
		margin-bottom: -170px;
	}
	
	.section.didac__question {
		padding-top: 0;
	}
	
	.didac__question .background-color-helper {
		max-width: 1300px;
		margin: 0 auto;
		background-color: rgba(235, 235, 235, 0.3);
	}
	
	.didac__question .background-color-helper .padding-helper {
		padding: 32px;
	}
	
	.didac__question .background-color-helper .padding-helper .description * {
		margin: 0;
		line-height: 120%;
	}
	
	.didac__question .background-color-helper .padding-helper .description .title {
		font-weight: bold;
		font-size: 30px;
		text-align: left;
		margin-bottom: 20px;
	}
	
	.didac__question .background-color-helper .padding-helper .description .sub-title {
		font-weight: bold;
		font-size: 20px;
		text-align: left;
		margin-bottom: 20px;
	}
	
	.didac__question .background-color-helper .padding-helper .description .example-list {
		padding-left: 20px;
		font-size: 20px;
	}
	
	.didac__question .background-color-helper .padding-helper .flex-helper {
		display: flex;
		 margin-top: 48px;
		 gap: 48px;
	}
	
	.didac__question .background-color-helper .padding-helper .flex-helper .profile-part {
		flex: 60%;
	}
	
	.didac__question .background-color-helper .padding-helper .flex-helper .calendar-part {
		flex: 30%;
	}
	
	.didac__question .background-color-helper .padding-helper .flex-helper .profile-part .image-part {
		margin-bottom: 16px;
	}
	
	.didac__question .background-color-helper .padding-helper .flex-helper .profile-part .text-part {
		font-size: 20px;
		line-height: 32px;
		color: #333333;
	}
	
	.didac__question .background-color-helper .padding-helper .flex-helper .profile-part .text-part span {
		font-weight: bold;
	}
	
	.didac__question .background-color-helper .padding-helper .flex-helper .profile-part .text-part .text-bold {
		margin-top: 32px;
		font-weight: bold;
	}
	
	.didac__offer .title {
		margin: 0;
	}
	
	.didac__offer .offer .background-color-helper .padding-helper .grid-helper .image-part {
		margin-right: 24px;
	}
}

@media screen and (max-width: 1150px) {
	.nav-container {
		max-width: 990px;
	}

	.nav-link {
		padding: 30px 8px;
	}

	.admin-link {
		padding-left: 30px;
	}

	.section__fullwidth--header .main-section {
		max-width: 1200px;
	}

	.left-column.w-col.w-col-6 > .heading-fullwidth, .left-column.w-col.w-col-6 > .paragraph-container {
		margin-left: 0;
	}

	.advertising.escola-app {
		margin-left: 0;
	}

	.blogentry-contents .container .blogentry-content .images-helper {
		left: -50px;
	}

	/* if illu exist start */
	#didac .main-section {
		height: 320px;
	}
	/* if illu exist end */

	#didac .offer-badge img {
		top: -410px;
	}
}

@media screen and (max-width: 1100px) {
	#roadshow .main-section > .grid-helper {
		grid-template-columns: 1fr;
	}

	#roadshow .locations {
		margin: 25px 0 0 0;
	}

	/* if illu exist start */
	#didac .main-section {
		height: auto;
	}
	/* if illu exist end */

	#didac .main-section .flex-helper {
		flex-direction: column;
	}

	#didac .main-section .flex-helper .description .grid-helper {
		grid-template-columns: 1fr;
	}

	/* if illu exist start */
	#didac .main-section .flex-helper .description .grid-helper .illu-computer {
		display: none;
	}
	/* if illu exist end */

	#didac .main-section .flex-helper .description .grid-helper .workshops {
		margin: 25px 0 0 0;
	}

	#didac .main-section .flex-helper .logos .logo-tabledays {
		position: relative;
		left: 30px;
		top: -40px;
		height: 64px;
	}

	#didac .flex-helper .description .grid-helper .title-area .blue-button {
		width: 100%;
	}

	.app-first-section .column-r {
		margin-right: 0;
	}

	.app-first-section .small-illustration {
		display: none;
	}

	#didac .offer-badge {
		display: none;
	}

	#didac.didac__label .overflow-helper {
		padding-top: 40px;
    	padding-bottom: 40px;
	}

	#didac.didac__label .main-section .flex-helper {
		flex-direction: row;
	}

	#didac.didac__label .main-section .flex-helper .logos .logo-swissdidac,
	#didac.didac__label .main-section .flex-helper .logos .logo-tabledays {
		top: 0;
		left: 0;
	}

	#didac.didac__label .main-section .flex-helper .description {
		margin-top: 24px;
	}

	#didac.didac__label .main-section .flex-helper .description .title-area h2 {
		font-size: 28px;
	}

	.didac__description .grid-helper {
		grid-template-columns: 80% 20%;
	}
}

@media screen and (max-width: 1050px) {
	.navigation-type2 .nav-container.flex-helper {
		padding: 0 10px;
	}

	.navigation-type2 .nav-menu.w-nav-menu .nav-link img {
		height: 12px;
		width: 12px;
	}

	.app-release .row__2-col .w-col-4 {
		background-size: auto 80%;
	}

	.blogentry-contents .container .blogentry-content {
		max-width: 90%;
	}
}

@media (max-width: 1050px) and (min-width: 991px) {
	.blogentry-contents .container .related-articles .flex-helper .related-article .related-article-description .related-article-title {
		font-size: 19px;
	}

	.blog-contents .blog-item .text-box .item-subtitle, .related-articles .related-article .related-article-description .related-article-subtitle {
		font-size: 17px;
	}
}

@media screen and (max-width: 1000px) {
	.app-overview .overview-element .flex-helper {
		flex-direction: column;
	}

	.app-overview .overview-element .description, .app-overview .overview-element .illustration {
		width: 100%;
		margin-top: 50px;
	}

	.app-overview .overview-element.description-img .description {
		margin-right: 0;
		max-width: none;
	}

	.app-overview .overview-element.img-description .description {
		margin-left: 0;
		max-width: none;
	}

	.app-overview .overview-element .illustration {
		order: 2;
	}

	.app-functionality .illustration .rotate-helper {
		width: 65%;
	}

	.app-functionality .illustration .rotate-l, .app-functionality .illustration .rotate-r {
		display: none !important;
	}
}

@media screen and (max-width: 850px) {
	.section {
		padding-top: 60px !important;
		padding-bottom: 60px !important;
	}

	.section__fullwidth--header {
		margin-bottom: 0 !important;
	}

	.collapsible-content-arrow {
		margin-bottom: 0 !important;
	}

	#unsere-schulen {
		padding-bottom: 0 !important;
	}

	.section__fullwidth--header .main-section {
		padding: 0;
	}

	.section__fullwidth--header .main-section .right-column {
		display: none;
	}

	.section__fullwidth--header .main-section .left-column {
		width: 100%;
		padding: 0;
	}

	.section__fullwidth--header .main-section .left-column .heading-fullwidth {
		padding: 0;
	}

	.section__fullwidth--header .main-section .left-column .heading-fullwidth .heading-01 {
		word-break: break-word;
	}

	.section__fullwidth--header .main-section .left-column .heading-fullwidth .paragraph-container {
		text-align: center;
		padding: 0;
		max-width: 500px;
		word-break: break-word;
	}

	.section__fullwidth--header .main-section .left-column .paragraph-container {
		display: grid;
		width: 100%;
	}

	.section__fullwidth--header .main-section .left-column .paragraph-container .button-3 .fa-file-pdf:before{
		color: #0083db;
	}

	.section__fullwidth--header .main-section .left-column .paragraph-container a {
		text-align: center;
		margin: 0;
    	margin-top: 24px;
	}

	.advertising.escola-app {
		margin: 65px 0 35px;
	}

	.app-first-section h1 {
		margin-bottom: 50px;
	}

	.app-first-section h2 {
		margin-top: 40px;
	}

	.app-first-section h3 {
		margin-top: 25px;
	}

	.app-first-section .grid-helper {
		display: block;
	}

	.app-first-section .column-l {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}

	.app-first-section .column-l h1 {
		display: block;
	}

	.app-first-section .column-r {
		margin-left: 0;
	}

	.app-first-section .column-r .info {
		display: none;
	}

	.app-first-section .column-r h1 {
		display: none;
	}

	.app-functionality .container > .grid-helper {
		display: block;
	}

	.app-functionality .illustration {
		display: none;
	}

	/* blog */
	.blog-start {
		padding-top: 32px !important;
	}

	.blogentry-contents .container .blogentry-content .entry-title {
		font-weight: bold;
	}

	.blogentry-contents .container .related-articles h2 {
		font-size: 30px;
	}

	.blogentry-contents .container .related-articles .flex-helper .related-article .related-article-description .related-article-subtitle {
		margin-top: 10px;
	}
}

@media screen and (max-width: 695px) {
	.app-section {
		padding: 80px 24px !important;
	}

	.app-first-section h1, .app-first-section h2 {
		font-size: 25px;
		line-height: normal;
	}

	.app-first-section .column-l img {
		min-width: auto;
		max-width: 100%;
	}

	.app-price .container .description {
		font-size: 20px;
	}

	.app-price .container .price-list {
		padding: 32px 9px;
	}

	.app-price .container .price-list tr td {
		padding: 15px 9px;
	}

	.app-price .container .price-list tr td .startgebuehr {
		font-size: 10px;
	}

	.app-price .container.smalltext {
		font-size: 14px;
	}

	.app-release .row__2-col .w-col-8 h1 {
		display: flex;
		flex-direction: column;
	}

	/* blog */
	.blogentry-contents {
		padding: 40px 24px;
	}

	.blogentry-contents .container .blogentry-content {
		max-width: 100%;
	}

	.blog-container {
		max-width: 100% !important;
	}

	.blogentry-contents .container .related-articles {
		max-width: 100% !important;
		padding: 15px 0 0;
	}

	.blogentry-contents .container .related-articles h2 {
		font-size: 30px;
	}

	.blogentry-contents iframe {
		width: 100% !important;
	}

	.blogentry-contents .container .blogentry-content .video-description {
		font-weight: 400;
		font-size: 11px;
		line-height: 140%;
		letter-spacing: 0.01em;
		color: #5E5E5E;
	}
}

@media screen and (max-width: 540px) {
	.navbar.w-nav .header-release-bar span {
		display: none;
	}

	.app-price .container .price-list {
		padding: 32px 9px;
	}

	.app-price .container .price-list tr td {
		font-size: 16px;
		padding: 15px 9px;
	}

	.app-price .container .price-list tr td span {
		font-size: 16px;
	}

	.app-price .container .price-list tr td .startgebuehr {
		font-size: 10px;
	}

	.section-team .container.team .team-container h2 {
		font-weight: bold;
		font-size: 15px;
		line-height: 140%;
		margin: 0;
	}

	.section-team .container.team .team-container p {
		font-size: 11px;
		line-height: 140%;
	}

	.app-privacy .roman a {
		width: auto;
		word-break: break-all;
	}
}

@media screen and (max-width: 418px) {
  .app-price .container .price-list {
    padding: 16px 4px;
  }

  .app-price .container .price-list tr td {
    font-size: 14px;
    padding: 8px 4px;
  }

  .app-price .container .price-list tr td span {
    font-size: 14px;
  }
}

@media (max-width: 991px) {
	/* new nav */
	.nav-container .w-nav-brand {
		left: 20px;
		pointer-events: none;
	}

	.nav-container .open-layer,
	.nav-container .close-layer {
		display: flex;
		align-items: center;
		padding: 20px;
	}

	.nav-container .open-layer .hamburger-icon {
		height: 1.45rem
	}

	.nav-container .close-layer .cancel-icon {
		height: 1.45rem
	}

	.mobile-nav .border-bottom {
		border-color: rgba(0, 0, 0, 0.1);
	}

	.mobile-nav .border-bottom.border-transparent {
		border-color: rgba(0, 0, 0, 0) !important;
	}

	.mobile-nav .mobile-nav-font {
		font-weight: 700;
		font-size: 20px;
		line-height: 120%;
		color: #0083DB;
	}

	.mobile-nav .padding-second-layer {
		padding: 19.5px 8px;
	}

	.mobile-nav.third-layer .back {
		position: relative;
		left: -24px;
		padding: 0 24px;
	}

	/* footer */
	#contact.pt-4 {
		padding: 32px 20px 24px !important;
	}

	.section.section--large-pading {
		padding: 80px 40px;
	}

	/* help */
	.help {
		display: none !important;
	}

	/* team */
	.section-team .container.team {
		grid-template-columns: 50% 50%;
	}

	.section-team .container.team .team-container {
		padding: 0 8px;
		margin-bottom: 30px;
		letter-spacing: 0.01em;
	}

	/* carousel */
	.our-values-mobile.swipe, .roadmap-mobile.swipe {
		align-items: center;
		display: flex !important;
		flex-flow: wrap;
		justify-content: center;
	}

	.swipe .slide_box_side {
		cursor: pointer;
	}

	.carousel {
		margin: 0 auto;
		display: block;
		position: relative;
		overflow: hidden;
	}

	.app-our-values .carousel, .app-our-values .carousel .carousel-area .carousel-list {
		width: 250px;
		min-width: 250px;
	}

	.product-roadmap .carousel, .product-roadmap .carousel .carousel-area .carousel-list, .product-our-values .carousel, .product-our-values .carousel .carousel-area .carousel-list, .app-roadmap .carousel, .app-roadmap .carousel .carousel-area .carousel-list {
		width: 300px;
		min-width: 300px;
	}

	.app-our-values.datenschutz .carousel .carousel-area {
		align-items: center;
	}

	.carousel .carousel-area {
		height: 100%;
		padding: 0px;
		margin: 0px;
		display: flex;
		overflow: hidden;
	}

	.carousel .carousel-area .carousel-list {
		display: inline-table;
		text-align: center;
	}

	.carousel .carousel-area .carousel-list h3 {
		margin: 0 0 10px;
		font-size: 20px;
	}

	.carousel .carousel-area.roadmap .carousel-list h3 {
		color: inherit;
	}

	.carousel .carousel-area .carousel-list p {
	  	margin: 0px;
	}

	.pagination {
		width: 150px;
		margin: 0 auto;
		display: flex !important;
		justify-content: space-around;
	}

	.pagination .pagination-circle {
		width: 8px;
		height: 8px;
		border: 1px solid #EEEEEE;
		border-radius: 50%;
		background-color: #EEEEEE;
		white-space: nowrap;
		overflow: hidden;
		margin-top: 20px;
		cursor: pointer;
	}

	.pagination .pagination-circle.target {
	  background-color: #0083DB;
	}

	.app-our-values .row__3-col.w-row .row__1-icons,
	.app-our-values .row__3-col.w-row .row__2-icons,
	.app-roadmap .row__4-col.w-row .row__1-icons,
	.app-roadmap .row__4-col.w-row .row__2-icons,
	.product-roadmap .row__4-col.w-row,
	.product-our-values .row__3-col.w-row .row__1-icons,
	.product-our-values .row__3-col.w-row .row__2-icons
	{
		display: none !important;
	}

	.roadmap-discription {
		margin: 0px 20% 20px;
    }

	/* app-our values mobile */
	.app-our-values .container.our-values-mobile .slide_box_side.slide_left i, .app-our-values .container.our-values-mobile .slide_box_side.slide_right i {
		color: #0083DB;
	}

	.app-our-values .carousel .carousel-list i {
		text-align: center;
		color: #0083DB;
		margin: 0 auto 35px;
	}

	.app-our-values .carousel .carousel-list h3 {
		margin: 0px;
		font-size: 20px;
	}

	.app-our-values .carousel .carousel-list p {
		margin: 0px;
	}

	.app-our-values .carousel .carousel-list .data-privacy-link {
		text-decoration: none;
		color: #0083db;
		font-size: 16px;
	}

	/* app-roadmap mobile */
	.app-roadmap .container.roadmap-mobile .slide_box_side.slide_left {
	  	margin-right: 20px;
	}

	.app-roadmap .container.roadmap-mobile .slide_box_side.slide_right {
	  	margin-left: 20px;
	}

	.app-roadmap .container.roadmap-mobile .slide_box_side.slide_left i, .app-roadmap .container.roadmap-mobile .slide_box_side.slide_right i {
	  	color: #0083DB;
	}

	.app-roadmap .carousel .carousel-list h3 {
		margin: 20px 0 10px;
		font-size: 20px;
	}

	.app-roadmap .carousel .carousel-list p {
	  	margin: 0px;
	}

	.app-roadmap .carousel-roadmap .carousel-area .carousel-list img {
		margin: 0px auto;
		padding: 10px;
		background: #FFFFFF;
		box-shadow: 4px 4px 20px #D9EDFF;
		border-radius: 7.4px;
	}

	.app-roadmap .carousel-roadmap .carousel-area .carousel-list img:hover {
	  	box-shadow: 1px 1px 20px #79C0FF;
	}

	/* product-our-value mobile */
	.product-our-values .container.our-values-mobile .slide_box_side.slide_left i, .product-our-values .container.our-values-mobile .slide_box_side.slide_right i {
		color: #0083DB;
	}

	.product-our-values .carousel .carousel-list img, .app-our-values.datenschutz .carousel .carousel-list img {
		text-align: center;
		margin: 0 auto 35px;
	}

	.product-our-values .carousel .carousel-list h3 {
		margin: 0px;
		font-size: 20px;
	}

	.product-our-values .carousel .carousel-list p {
		margin: 0px;
	}

	.product-our-values .carousel .carousel-list p a {
		text-decoration: none;
		color: #0083db;
	}

	/* product-roadmap mobile */
	.product-roadmap .container.roadmap-mobile .slide_box_side.slide_left .icon, .product-roadmap .container.roadmap-mobile .slide_box_side.slide_right .icon {
		cursor: pointer;
	}

	.product-roadmap .container.roadmap-mobile .slide_box_side.slide_left i, .product-roadmap .container.roadmap-mobile .slide_box_side.slide_right i {
		color: #0083DB;
	}


	/* navigation */
	.navbar {
		height: auto !important;
	}

	.nav-border {
        border: none;
    }

    .navigation-type2 {
        display: none !important;
    }

    .w-nav-overlay {
        height: 2000px !important;
        position: absolute;
        top: 95%;
        left: 0;
        right: 0;
        width: 100%;
        overflow: scroll !important;
    }

    .w-nav-overlay .nav-line1 {
        height: 100%;
        padding: 0 10%;
    }

    .w-nav-overlay .nav-line1 .nav-link {
        font-family: Nunito;
        font-style: normal;
        font-weight: bold;
        font-size: 32px;
        line-height: 40px;
        padding: 0px;
        margin-top: 20px;
        color: #0083DB;
        text-align: left;
    }

    .w-nav-overlay .nav-line1 .nav-link:last-child {
        text-align: center;
        font-family: Nunito;
        font-style: normal;
        font-weight: bold;
        font-size: 16px;
        line-height: 25px;
    }

    .w-nav-overlay .nav-line1 .overlay-nav-escola-icon {
        display: flex;
        margin: 30px auto 0px;
    }

    .w-nav-overlay .nav-line2 {
        padding: 0 10%;
    }

    .w-nav-overlay .nav-line2 .nav-mobile-title {
        display: block;
        text-align: left;
        font-family: Nunito;
        font-style: normal;
        font-weight: bold;
        font-size: 32px;
        line-height: 40px;
        color: #333333;
        margin-top: 30px;
    }

    .w-nav-overlay .nav-line2 .nav-link {
        font-family: Nunito;
        font-style: normal;
        font-weight: bold;
        font-size: 20px;
        line-height: 19px;
        text-align: left;
        padding: 16px 20px;
	}

    .w-nav-overlay .nav-line2 .verwaltung {
		color: #FF8483;
		margin-top: 5px;
    }

    .w-nav-overlay .nav-line2 .förderplanung {
        color: #65CFCE;
    }

    .w-nav-overlay .nav-line2 .webauftritt {
        color: #DC87C4;
    }

    .w-nav-overlay .nav-line2 .unterricht {
        color: #938EDF;
	}

	.w-nav-overlay .nav-line2 .schulangebote {
		color: #E0A025;
	}

    .w-nav-overlay .nav-line2 .escola-app {
        color: #0083DB;
    }

    .w-nav-overlay .nav-line2 .features-icon.features-icon--small {
        margin-right: 10px;
    }

	.navbar .header-release-bar span {
		display: none;
	}

	.nav-link.w-nav-link.to-index {
		display: none;
	}

	.navbar nav .product__button {
		margin: 0;
	}

	.navbar nav .product__button.pruduct__button--blue.w-button.open-testaccount-modal {
		margin-top: 10px;
	}

	.content.content-blue {
		height: 100%;
		padding: 48px 0 32px;
	}

	.content.content-blue .hero_centered-container {
		padding: 0;
	}

	.content.content-blue.content-namechange {
		padding-top: 80px;
	}
	.content.content-white {
		height: 100%;
	}
	.content.content-white.content-namechange {
		padding-top: 80px;
	}
	.hero_centered-container {
		width: auto;
		margin-top: 80px;
		margin-bottom: 80px;
	}
	.nav-menu {
		background-color: #FCFCFC;
	}
	.nav-menu.nav-menu--blue {
		background-color: #1fa9df;
	}
	.nav-link {
		padding-top: 40px;
		padding-bottom: 40px;
		background-color: #FCFCFC;
		font-size: 32px;
		text-align: center;
	}
	.nav-link:hover {
		box-shadow: none;
	}
	.nav-link.w--current {
		line-height: 40px;
	}
	.nav-link.nav-link--button {
		margin-top: 0px;
		margin-left: 0px;
		padding-top: 40px;
		padding-bottom: 40px;
	}
	.nav-link.nav-link--blue {
		background-color: #1fa9df;
	}
	.navbar.navbar--transparent {
		padding-bottom: 0px;
	}
	.nav-logo {
		margin-left: 12px;
	}
	.features-container {
		padding-right: 24px;
		padding-left: 24px;
	}
	.row__2-col {
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.team-portrait:hover {
		opacity: 1;
	}
	.team-portrait_2 {
		display: none;
	}
	.text_2-col {
		padding-right: 24px;
		padding-left: 24px;
		-webkit-column-count: 2;
		column-count: 2;
	}
	.hamburger-icon {
		color: hsla(207.012987012987, 100.00%, 45.29%, 1.00);
		font-size: 32px;
	}
	.hamburger-icon.hamburger--white {
		color: #f2f2f2;
	}
	.menu-button.w--open {
		background-color: white;
	}
	.menu-button.menu-btn--transparent.w--open {
		background-color: transparent;
	}
	.h2-small.h2-narrow {
		padding-right: 24px;
		padding-left: 24px;
	}
	.product-subtitle {
		margin-top: 20px;
	}
	.header-image {
		position: static;
		top: -17px;
		width: 100%;
		max-width: 300%;
	}
	.main-section {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		margin-top: 40px;
		margin-right: 0px;
		margin-left: 0px;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-webkit-flex-direction: row;
		-ms-flex-direction: row;
		flex-direction: row;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-align: start;
		-webkit-align-items: flex-start;
		-ms-flex-align: start;
		align-items: flex-start;
	}
	.heading-fullwidth {
		z-index: 50;
		margin-left: 10px;
		padding-right: 48px;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-flex: 0;
		-webkit-flex: 0 auto;
		-ms-flex: 0 auto;
		flex: 0 auto;
	}
	.button-2 {
		margin-bottom: 20px;
	}
	.link-arrow {
		display: none;
	}
	.section__fullwidth--header {
		margin-top: 50px;
		margin-bottom: 50px;
		padding: 0;
		background-image: none;
	}
	.section__fullwidth--header .main-section {
		padding: 0 40px;
	}
	.paragraph.text--dark-80 {
		text-align: left;
	}
	.div-block-3 {
		margin: 43px 0 53px;
	}
	.quotes {
		margin-top: 0px;
		margin-bottom: 0px;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.news-ticker {
		-webkit-box-align: center;
		-webkit-align-items: center;
		-ms-flex-align: center;
		align-items: center;
	}

	.collapsible-content-arrow {
		margin-bottom: calc(43px + 15px);
	}

	.app-release .row__2-col .w-col-4 {
		height: 500px;
		padding: 0;
		background-size: auto 100%;
	}

	.app-release .row__2-col .w-col-8 {
		padding-left: 0;
	}

	.app-release .row__2-col .w-col-8 h1 {
		margin-top: 40px;
		margin-bottom: 20px;
		line-height: 120%;
	}

	.app-release .row__2-col .w-col-8 h1 .blue {
		margin: 0;
	}

	.app-release .row__2-col .w-col-8 {
		display: flex;
		flex-direction: column;
		align-items: center;
	}

	.app-release .escola-app {
		width: 65% !important;
		margin: auto;
	}

	.app-release .small-list__container:last-child, .app-release .small-list__container:last-child .small-list__item {
		margin-bottom: 0;
	}

	.app-release .small-list__container.more-info {
		justify-content: center;
	}

	#roadshow .main-section {
		padding: 0 40px;
	}

	#didac .main-section {
		padding: 0 40px;
	}

	#loesungen,
	#kundenvideos,
	#features,
	#quotes,
	#team {
		padding: 60px 40px !important;
	}

	#kundenvideos .best-of {
		width: 100% !important;
	}

	#features .feature-small.package-item {
		flex-basis: 50%;
	}
	/* jobs */
	#jobs {
		margin-bottom: 0;
	}

	.paragraph.job-titles {
		text-align: center;
		font-size: 14px;
	}

	/* products */
	.product-solutions .sections {
		flex-direction: column;
	}

	.product-solutions .sections .screens {
		width: 100%;
		margin: 0 auto;
	}

	.product-solutions .sections .description {
		margin: 25px 0 0 0;
	}

	/* blog */
	.blog-section {
		padding: 0 0 100px
	}

	.blog-section .container {
		align-items: center;
		max-width: 90%;
	}

	.blog-section .row_item3 {
		flex-direction: column;
		gap: 30px;
	}

	.blog-section .blog-item {
		width: 100%;
		height: 100%;
	}

	.blogentry-contents .container .blogentry-content .entry-picture {
		margin-bottom: 40px;
	}

	.blogentry-contents .container .blogentry-content .images-helper {
		display: none;
	}

	.blog-start,
	.blog-contents {
		padding: 24px
	}

	.blog-container {
		grid-template-columns: 100%;
		max-width: 70%;
	}

	.blog-contents .container, .related-articles {
		align-items: center;
	}

	.blogentry-contents .container .blogentry-content .entry-author .job-description {
		margin: 16px 0;
	}

	.blogentry-contents .container .blogentry-content .entry-author .entry-time {
		text-align: left;
	}

	.blogentry-contents .container .blogentry-content .entry-author {
		grid-template-columns: none;
	}

	.blogentry-contents .container .blogentry-content .entry-author .author-title .author-name-mobile {
		display: block;
		font-weight: bold;
		font-size: 19px;
		padding-left: 14px;
	}

	.blogentry-contents .container .related-articles .flex-helper .related-article {
		max-width: 100%;
	}

	.blog-contents .row_item3 .blog-item, .related-articles .related-article .related-article-description {
		max-width: 90%;
		padding: 0;
	}

	/* swiss-didac */
	#didac.didac__label {
		margin-top: 70px;
	}

	#didac.didac__label .overflow-helper {
		padding-top: 24px;
		padding-bottom: 24px;
	}

	#didac.didac__label .main-section .flex-helper {
		flex-direction: row;
	}

	#didac.didac__label .main-section .flex-helper .logos {
		display: flex;
		flex-direction: column;
		flex: 10%;
	}

	#didac.didac__label .main-section .flex-helper .logos .logo-swissdidac {
		top: 64px;
	}

	#didac.didac__label .main-section .flex-helper .logos .logo-tabledays {
		top: 64px;
		left: 0px;
	}

	#didac.didac__label .main-section .flex-helper .description .title-area h2 {
		font-size: 26px;
		line-height: 120%;
	}

	.didac__description {
		padding: 24px !important;
		margin: 0;
	}

	.didac__description .grid-helper {
		grid-template-columns: 80% 20%;
	}

	.didac__description .grid-helper .text-part {
		grid-area: 2 / 1 / 3 / 3;
		margin-top: 24px;
	}

	.didac__description .grid-helper .announce-part {
		grid-area: 3 / 1 / 4 / 3;
	}

	.didac__description .grid-helper .title-part {
		font-size: 26px;
		line-height: 120%;
	}

	.didac__description .grid-helper .illu-part img {
		top: -130px;
		margin: 0;
	}

	.didac__question {
		padding: 24px !important;
	}

	.didac__question .background-color-helper .padding-helper {
		padding: 16px;
	}

	.didac__question .background-color-helper .padding-helper .description * {
		line-height: 150%;
	}

	.didac__question .background-color-helper .padding-helper .description .title {
		font-size: 26px;
		margin-bottom: 24px;
	}

	.didac__question .background-color-helper .padding-helper .description .sub-title {
		font-size: 18px;
		margin-bottom: 24px;
	}

	.didac__question .background-color-helper .padding-helper .description .example-list {
		font-size: 18px;
		padding-left: 20px;
	}

	.didac__question .background-color-helper .padding-helper .description .example-list .example {
		margin-bottom: 8px;
	}

	.didac__question .background-color-helper .padding-helper .flex-helper {
		flex-direction: column;
		margin-top: 40px;
	}

	.didac__question .background-color-helper .padding-helper .flex-helper .profile-part .image-part {
		text-align: center;
	}

	.didac__question .background-color-helper .padding-helper .flex-helper .profile-part .text-part {
		font-size: 18px;
	}

	.didac__question .background-color-helper .padding-helper .flex-helper .calendar-part .calendly-inline-widget {
		min-width: unset !important;
	}

	.didac__offer {
		padding: 48px 24px !important;
	}

	.didac__offer .title {
		font-size: 26px;
	}

	.didac__offer .offer {
		max-width: 1300px;
		margin: 0 auto;
		margin-top: 88px;
	}

	.didac__offer .offer .date {
		line-height: 120%;
	}

	.didac__offer .offer .background-color-helper .padding-helper {
		padding: 16px;
	}

	.didac__offer .offer .background-color-helper .padding-helper .grid-helper .offer-tag {
		grid-area: 1 / 2 / 2 / 3;
		margin-left: auto;
		height: fit-content;
		align-self: center;
	}

	.didac__offer .offer .background-color-helper .padding-helper .grid-helper .image-part {
		grid-area: 1 / 1 / 2 / 2;
		margin: 0;
	}

	.didac__offer .offer .background-color-helper .padding-helper .grid-helper .image-part img {
		height: 48px;
	}

	.didac__offer .offer .background-color-helper .padding-helper .grid-helper .text-part {
		grid-area: 2 / 1 / 3 / 3;
		margin-top: 16px;
	}

	.didac__offer .offer .background-color-helper .padding-helper .grid-helper .text-part .offer-title .offer-name,
	.didac__offer .offer .background-color-helper .padding-helper .grid-helper .text-part .offer-title .person-name,
	.didac__offer .offer .background-color-helper .padding-helper .grid-helper .time {
		font-size: 26px;
	}

	.didac__offer .offer .background-color-helper .padding-helper .grid-helper .description {
		font-size: 18px;
	}

	.didac__offer .offer .background-color-helper .padding-helper .grid-helper .text-part .blue-button {
		width: 100%;
	}
}

@media (max-width: 767px) {
	#loesungen .row__2-col,
	#produkte .row__2-col {
		display: grid;
		grid-template-columns:  50% 50%;
	}

	#loesungen .row__2-col .features__column:nth-child(odd) {
		padding-left: 0;
		padding-right: 4px;
	}

	#loesungen .row__2-col .features__column:nth-child(even) {
		padding-left: 4px;
		padding-right: 0;
	}

	#produkte .row__2-col .features__column:nth-child(1) {
		grid-area: 1 / 1 / 2 / 2;
	}

	#produkte .row__2-col .features__column:nth-child(2) {
		grid-area: 1 / 2 / 2 / 3;
	}

	#produkte .row__2-col .features__column:nth-child(3) {
		grid-area: 2 / 1 / 3 / 2;
	}

	#produkte .row__2-col .features__column:nth-child(4) {
		grid-area: 2 / 2 / 3 / 3;
	}

	#produkte .row__2-col .features__column:nth-child(5) {
		grid-area: 3 / 1 / 4 / 2;
	}

	.advertising.escola-app {
		margin-bottom: 50px;
	}

	.image-size-fix-for-mobile {
		height: 406px;
	}

	.job-ticker__text {
		line-height: 17px;
	}

	.news-ticker__text.news-ticker__text--white {
		line-height: 14px;
	}

	.section {
		padding-top: 0px;
	}
	.features-container {
		max-width: 100%;
	}
	.features-container.features-container--narrow {
		width: 100%;
	}
	.container--small {
		margin-right: 0px;
		margin-bottom: 30px;
		margin-left: 0px;
	}
	.product-screenshot {
		margin-bottom: 40px;
	}
	.product-group {
		margin-bottom: 50px;
	}
	.header-image {
		position: static;
		max-width: 100%;
		margin-top: 0px;
	}
	.main-section {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
	}
	.heading-fullwidth {
		width: 90vw;
		margin-left: 0px;
	}
	.section__fullwidth--header {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		margin-bottom: 50px;
		padding-right: 24px;
		padding-left: 24px;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-webkit-flex-direction: row;
		-ms-flex-direction: row;
		flex-direction: row;
		background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent));
		background-image: linear-gradient(180deg, transparent, transparent);
	}
	.paragraph.text--dark-80 {
		margin-bottom: 20px;
	}
	.div-block-3 {
		padding-right: 40px;
		padding-left: 40px;
	}
	.quote--small {
		font-size: 20px;
		line-height: 33px;
	}

	.section__fullwidth--header .main-section .left-column {
		display: block;
    	max-width: 80%;
	}

	.section__fullwidth--header .main-section .left-column .advertising.escola-app {
		margin: 40px 0 35px;
	}

	.product-our-products .features__column:last-child .features-containe--small {
		margin-bottom: 0;
	}

	.section-team .container.team .team-container .flex-helper {
		display: block;
	}

	.section-team .container.team .team-container .flex-helper h2 {
		line-height: 130%;
	}

	/* products */
	.product-start .right-column.w-col.w-col-6 {
		display: none;
	}

	.product-start .left-column.w-col.w-col-6 .paragraph.text--dark-80.t-left {
		font-family: Nunito;
		font-size: 20px;
		font-style: normal;
		font-weight: 400;
		line-height: 28px;
		letter-spacing: 0em;
		text-align: left;
	}

	.product-start .left-column.w-col.w-col-6 .paragraph-container {
		display: flex;
		flex-direction: column;
	}

	.product-start .paragraph-container {
		width: 100%;
	}

	.product-start .paragraph-container a {
		margin: 0 0 10px 0;
		width: 100%;
	}

	/* blog */
	.related-articles {
		padding: 80px 24px 0;
	}

	.blog-contents .row_item3 .blog-item, .related-articles .related-article{
		max-width: 100%;
		margin-bottom: 40px;
	}

	.section.blogentry-contents {
		padding-top: 0 !important;
	}

	.blogentry-contents .back-to-blog {
		margin-top: 120px;
	}
}

@media screen and (max-width: 540px) {
	.section__fullwidth--header {
		display: block;
		margin-bottom: 50px;
		padding: 0;
	}

	#jobs {
		padding: 0 24px;
	}

	.section__fullwidth--header .main-section,
	#roadshow .main-section,
	#didac .main-section {
		padding: 0 30px !important;
	}

	#loesungen,
	#kundenvideos,
	#features,
	#quotes,
	#team {
		padding: 60px 30px !important;
	}

	.section__fullwidth--header .main-section .left-column {
		max-width: 100%;
		padding: 0;
	}

	/* blog */
	.section.blog {
		padding: 24px;
	}

	.blog-container {
		max-width: 335px;
	}

	.blog-start,
	.blog-contents {
		padding: 24px 0;
	}

	.blog-start h2 {
		font-weight: 700;
		font-size: 28px;
		line-height: 40px;
	}

	.blog-start h3 {
		font-size: 20px;
		line-height: 30px;
	}

	.blog-item .item-title {
		font-weight: 700;
		font-size: 20px;
		line-height: 30px;
	}

	.blog-item .item-subtitle {
		font-weight: 400;
		font-size: 16px;
		line-height: 26px;
	}

	.blog-item .read-more {
		font-weight: 400;
		font-size: 16px;
		line-height: 26px;
	}

	/* roadshow didac */
	#roadshow .locations ul li .helper,
	#didac .locations ul li .helper {
		display: flex;
		flex-direction: column;
	}

	.app-release .row__2-col .w-col-8 h1 {
		display: flex;
    	flex-direction: column;
	}

	.section__fullwidth--header .main-section .left-column .advertising.escola-app {
		padding-top: 80px;
		margin-top: 10px;
	}

	#loesungen .row__2-col .features__column .features-containe--small,
	#produkte .row__2-col .features__column .features-containe--small {
		padding: 20px 10px;
	}

	#features .container:first-child {
		margin-bottom: 10px;
	}

	#features .feature-small.package-item {
		flex-basis: 40%;
		padding: 0;
		margin: 0 8px;
		margin-bottom: 30px;
	}

	#features .feature-small.package-item h3 {
		font-size: 15px;
		line-height: 140%;
		line-height: 140%;
	}

	#team .team-portrait {
		margin-bottom: 10px;
	}

	.app-roadmap {
		padding: 80px 10px 270px !important;
	}

	.app-roadmap .container.roadmap-mobile .slide_box_side.slide_left, .app-roadmap .container.roadmap-mobile .slide_box_side.slide_right {
		margin: 0px;
	}

	.app-roadmap .roadmap-discription {
		margin: 0 0 20px 0;
	}

	.app-our-values {
		padding: 80px 10px 270px !important;
	}

	.app-our-values .container.our-values-mobile .slide_box_side.slide_left, .app-roadmap .container.our-values-mobile .slide_box_side.slide_right {
		margin: 0px;
	}

	/* products */
	.product-solutions .solution > h1 {
		font-size: 30px;
	}

	.product-solutions .sections .description .title h2 {
		font-size: 25px;
	}

	/* roadmap */
	.product-roadmap {
		padding: 80px 10px !important;
	}

	.product-roadmap .container.roadmap-mobile .slide_box_side.slide_left, .product-roadmap .container.roadmap-mobile .slide_box_side.slide_right {
		margin: 0px;
	}

	.product-roadmap .roadmap-discription {
		margin: 0 0 20px 0;
	}

	.app-our-values {
		padding: 80px 10px 270px !important;
	}

	.app-our-values .container.our-values-mobile .slide_box_side.slide_left, .product-roadmap .container.our-values-mobile .slide_box_side.slide_right {
		margin: 0px;
	}

    .product-our-values {
		padding: 80px 10px !important;
	}

	.product-our-values .container.our-values-mobile .slide_box_side.slide_left {
		margin: 0px;
	}

	.product-roadmap .container.roadmap-mobile .slide_box_side.slide_left,
	.product-roadmap .container.roadmap-mobile .slide_box_side.slide_right,
	.product-our-values .container.our-values-mobile .slide_box_side.slide_left,
	.product-our-values .container.our-values-mobile .slide_box_side.slide_right {
		display: none;
	}

	.app-privacy h2 {
		font-size: 26px;
	}

	.blog-contents {
		padding-bottom: 0 !important;
	}

	.blogentry-contents .container .blogentry-content .entry-title {
		font-size: 28px;
		line-height: 140%;
	}

	.blogentry-contents .container .blogentry-content .entry-subtitle {
		font-size: 20px;
		line-height: 140%;
	}

	/* swiss-didac */
	#didac.didac__label {
		margin-top: 0;
	}
	#didac.didac__label .overflow-helper {
		padding-top: 24px;
		padding-bottom: 24px;
	}

	#didac.didac__label .main-section .flex-helper {
		flex-direction: row;
		gap: 24px;
	}

	#didac.didac__label .main-section .flex-helper .logos {
		flex: 20%;
		display: flex;
		flex-direction: column;
	}

	#didac.didac__label .main-section .flex-helper .logos .logo-swissdidac {
		top: 64px;
	}

	#didac.didac__label .main-section .flex-helper .logos .logo-tabledays {
		top: 64px;
		left: 0px;
	}

	#didac.didac__label .main-section .flex-helper .description {
		flex: 80%;
		margin-top: 72px;
	}

	#didac.didac__label .main-section .flex-helper .description .title-area h2 {
		font-size: 24px;
		line-height: 120%;
	}

	.didac__description {
		padding: 24px !important;
		margin: 0;
	}

	.didac__description .grid-helper {
		grid-template-columns: 80% 20%;
	}

	.didac__description .grid-helper .text-part {
		grid-area: 2 / 1 / 3 / 3;
		margin-top: 24px;
	}

	.didac__description .grid-helper .title-part {
		font-size: 24px;
		line-height: 120%;
	}

	.didac__description .grid-helper .illu-part img {
		top: -48px;
		margin: 0;
	}

	.didac__question {
		padding: 24px !important;
	}

	.didac__question .background-color-helper .padding-helper {
		padding: 16px;
	}

	.didac__question .background-color-helper .padding-helper .description * {
		line-height: 150%;
	}

	.didac__question .background-color-helper .padding-helper .description .title {
		font-size: 24px;
		margin-bottom: 24px;
	}

	.didac__question .background-color-helper .padding-helper .description .sub-title {
		font-size: 16px;
		margin-bottom: 24px;
	}

	.didac__question .background-color-helper .padding-helper .description .example-list {
		font-size: 16px;
		padding-left: 20px;
	}

	.didac__question .background-color-helper .padding-helper .description .example-list .example {
		margin-bottom: 8px;
	}

	.didac__question .background-color-helper .padding-helper .flex-helper {
		flex-direction: column;
    	margin-top: 40px;
	}

	.didac__question .background-color-helper .padding-helper .flex-helper .profile-part .image-part {
		text-align: center;
	}

	.didac__question .background-color-helper .padding-helper .flex-helper .profile-part .text-part {
		font-size: 16px;
	}

	.didac__question .background-color-helper .padding-helper .flex-helper .calendar-part .calendly-inline-widget {
		min-width: unset !important;
	}

	.didac__offer {
		padding: 48px 24px !important;
	}

	.didac__offer .title {
		font-size: 24px;
	}

	.didac__offer .offer {
		max-width: 1300px;
		margin: 0 auto;
		margin-top: 88px;
	}

	.didac__offer .offer .date {
		line-height: 120%;
	}

	.didac__offer .offer .background-color-helper .padding-helper {
		padding: 16px;
	}

	.didac__offer .offer .background-color-helper .padding-helper .grid-helper .offer-tag {
		grid-area: 1 / 2 / 2 / 3;
    	margin-left: auto;
		height: fit-content;
		align-self: center;
	}

	.didac__offer .offer .background-color-helper .padding-helper .grid-helper .image-part {
		grid-area: 1 / 1 / 2 / 2;
	}

	.didac__offer .offer .background-color-helper .padding-helper .grid-helper .image-part img {
		height: 48px;
		max-width: 48px;
	}

	.didac__offer .offer .background-color-helper .padding-helper .grid-helper .text-part {
		grid-area: 2 / 1 / 3 / 3;
		margin-top: 16px;
	}

	.didac__offer .offer .background-color-helper .padding-helper .grid-helper .text-part .offer-title .offer-name,
	.didac__offer .offer .background-color-helper .padding-helper .grid-helper .text-part .offer-title .person-name,
	.didac__offer .offer .background-color-helper .padding-helper .grid-helper .time {
		font-size: 24px;
	}

	.didac__offer .offer .background-color-helper .padding-helper .grid-helper .description {
		font-size: 16px;
	}

	.didac__offer .offer .background-color-helper .padding-helper .grid-helper .text-part .blue-button {
		width: 100%;
	}
}

@media (max-width: 479px) {
	.hero_paragraph {
		font-size: 32px;
		line-height: 48px;
	}
	.hero_centered-container {
		max-width: 100%;
		margin-top: 39px;
		-webkit-box-align: center;
		-webkit-align-items: center;
		-ms-flex-align: center;
		align-items: center;
	}
	.hero_logo {
		width: auto;
		max-width: 220px;
	}
	.hero_logo.logo--small {
		margin-top: 8px;
		margin-bottom: 8px;
	}
	.hero_logo.logo--alt {
		width: 240px;
		margin-bottom: 48px;
	}
	/* .nav-menu {
    background-color: #f2f2f2;
  } */
	.nav-link {
		padding-top: 24px;
		padding-bottom: 24px;
		font-size: 32px;
		line-height: 40px;
		text-align: center;
	}
	.nav-link:hover {
		box-shadow: none;
	}
	.nav-link.w--current {
		line-height: 40px;
	}
	.nav-link.nav-link--button {
		padding-top: 24px;
		padding-bottom: 24px;
		line-height: 40px;
	}
	.nav-container.nav-container--blue {
		background-color: #0083db;
	}
	.container.container-narrow.container-extra-schulen {
		display: block;
	}
	.container.container-flex {
		-webkit-align-self: center;
		-ms-flex-item-align: center;
		-ms-grid-row-align: center;
		align-self: center;
	}
	.section {
		padding-bottom: 20px;
	}
	.section.section--fullscreen {
		min-height: auto;
	}
	.section.section--quote {
		padding-top: 32px;
		padding-bottom: 16px;
	}
	.section.section--first {
		padding-bottom: 20px;
	}
	.section.section--large-pading {
		padding-top: 80px;
	}
	.h1-blue {
		margin-bottom: 48px;
	}
	.features-container {
		margin-right: 0px;
		margin-bottom: 80px;
		margin-left: 0px;
		padding-top: 24px;
		padding-bottom: 24px;
	}
	.row__2-col {
		margin-bottom: 0px;
	}
	.row__1col {
		padding-right: 0px;
		padding-left: 0px;
	}
	.quote {
		width: 100%;
		font-size: 24px;
		line-height: 32px;
	}
	.quote-school {
		font-size: 12px;
		line-height: 16px;
	}
	.quote-icon1 {
		display: block;
		margin-right: auto;
		margin-left: auto;
		-webkit-transform: translate(0px, -32px);
		-ms-transform: translate(0px, -32px);
		transform: translate(0px, -32px);
	}
	.slider-arrow {
		color: transparent;
	}
	.team-portrait:hover {
		background-image: none;
		opacity: 1;
	}
	.section-team .container.team .team-container .flex-helper h2 {
		font-size: 18px;
	}
	.text_2-col {
		-webkit-column-count: 1;
		column-count: 1;
	}
	.hamburger-icon {
		font-size: 30px;
	}
	.menu-button.w--open {
		background-color: transparent;
	}
	.pricing-table__title {
		margin-bottom: 0px;
		padding-top: 6px;
		padding-bottom: 4px;
	}
	.pricing-table__header {
		border-top-left-radius: 0px;
		border-top-right-radius: 0px;
	}
	.features__title {
		margin-bottom: 24px;
		font-size: 26px;
		line-height: 32px;
	}
	.features__title.h2--left {
		margin-bottom: 8px;
		font-size: 24px;
	}
	.h4.h4--pricing {
		margin-bottom: 0px;
	}
	.column.column--pricing {
		padding-top: 8px;
		padding-left: 24px;
	}
	.form-wrapper {
		width: 100vw;
		padding-right: 24px;
		padding-left: 24px;
	}
	.form-wrapper.form-wrapper--centered {
		width: auto;
	}
	.text-field.text-field--large {
		font-size: 40px;
	}
	.card.card--small {
		margin: 16px;
	}
	.h2-small {
		padding-left: 3px;
		text-align: left;
	}
	.h2-small.center-mobile {
		text-align: center;
	}
	.checkbox--text.text-field--large {
		font-size: 40px;
	}
	.text-field--blue.text-field--large {
		font-size: 40px;
	}
	.checkbox--text--default.text-field--large {
		font-size: 40px;
	}
	.text-field--gray.text-field--large {
		font-size: 40px;
	}
	.hero-title__title.h2--left {
		margin-bottom: 8px;
		font-size: 24px;
	}
	.product-subtitle {
		margin-top: 24px;
	}
	.product-subtitle__subtitle {
		padding-left: 3px;
	}
	.container--small.container-narrow.container-extra-schulen {
		display: block;
	}
	.container--small.container-flex {
		-webkit-align-self: center;
		-ms-flex-item-align: center;
		-ms-grid-row-align: center;
		align-self: center;
	}
	.product-screenshot {
		padding-right: 0px;
		padding-left: 0px;
	}
	.tag {
		min-width: 50px;
		margin-left: 0px;
	}
	.header-image {
		position: static;
		display: block;
		width: 200%;
		height: 90%;
		max-width: 200%;
		margin-top: 40px;
		margin-right: auto;
		margin-left: -50%;
	}
	.main-section {
		margin-top: 20px;
		margin-right: 0px;
		margin-left: 0px;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
	}
	.heading-fullwidth {
		width: auto;
		margin-top: 20px;
		margin-left: 0px;
		padding-right: 0px;
	}
	.link-arrow {
		display: none;
	}
	.section__fullwidth--header {
		margin-top: 80px;
	}
	.section__fullwidth--header .main-section .left-column .heading-fullwidth {
		margin: 0;
	}
	.section__fullwidth--header .main-section .left-column .heading-fullwidth .paragraph-container {
		max-width: 300px;
		margin-top: 20px;
	}
	.advertising.escola-app .column-r {
		margin-left: 10px;
	}
	.advertising.escola-app .column-r .crop {
		width: 90%;
		height: calc(100% + 25px + 25px);
		top: calc(-50px + 0px);
	}
	.heading-01.t-left {
		font-size: 28px;
		line-height: 38px;
	}
	.heading--button {
		max-width: 500px;
		padding-right: 10px;
		padding-left: 10px;
	}
	.paragraph-container {
		margin-top: 0px;
	}
	.paragraph.text--dark-80 {
		margin-bottom: 20px;
	}
	.paragraph.text--dark-80.t-left {
		margin-top: 0px;
	}
	.div-block-3 {
		margin-right: 0px;
		margin-left: 0px;
		padding-right: 24px;
		padding-bottom: 7px;
		padding-left: 24px;
	}
	.quote--small {
		width: 100%;
		font-size: 16px;
		line-height: 26px;
	}
	.div-block-4 {
		margin-bottom: 24px;
	}
	.h4-author-copy {
		font-size: 16px;
		line-height: 19px;
	}
	.features__column {
		padding-right: 0px;
		padding-left: 0px;
	}
	.modal {
		padding-right: 0px;
		padding-left: 0px;
	}
	.news-ticker {
		-webkit-box-align: stretch;
		-webkit-align-items: stretch;
		-ms-flex-align: stretch;
		align-items: stretch;
	}
	.heading-2 {
		margin-top: 20px;
	}

	.section__fullwidth--header .left-column .advertising.escola-app {
		padding-top: 30px;
		margin-top: 10px;
	}

	#features h1 {
		word-break: break-word;
		font-size: 35px;
	}

	#loesungen .spacer__40px {
		display: none;
	}

	#loesungen .row__2-col,
	#produkte .row__2-col {
		grid-template-columns: 100%;
	}

	#loesungen .row__2-col .features__column {
		padding: 10px 0 !important;
	}

	#loesungen .row__2-col .features__column,
	#produkte .row__2-col .features__column {
		padding: 10px 4px;
	}

	#produkte .row__2-col .features__column:nth-child(1) {
		grid-area: 1 / 1 / 2 / 2;
	}

	#produkte .row__2-col .features__column:nth-child(2) {
		grid-area: 2 / 1 / 3 / 2;
	}

	#produkte .row__2-col .features__column:nth-child(3) {
		grid-area: 3 / 1 / 4 / 2;
	}

	#produkte .row__2-col .features__column:nth-child(4) {
		grid-area: 4 / 1 / 5 / 2;
	}

	#produkte .row__2-col .features__column:nth-child(5) {
		grid-area: 5 / 1 / 6 / 2;
	}

	#loesungen .row__2-col .features__column .features-containe--small,
	#produkte .row__2-col .features__column .features-containe--small {
		padding-left: 20px;
	}

	.app-release.section.section--light-blue .w-col.w-col-8.w-col-stack .small-list {
		text-align: center;
	}

	.app-release .row__2-col .w-col-8 h1 {
		font-size: 25px;
	}
	.section.section-blue .h2-white {
		word-break: break-word;
		font-size: 28px;
	}
	.section.blog-section {
		padding-bottom: 100px;
	}
}

@media (max-width: 420px) {
	.advertising.escola-app .column-r {
		width: 90px;
	}

	.section__fullwidth--header .main-section .left-column .advertising.escola-app {
		padding-top: 25px;
	}

	.advertising.escola-app .column-r .crop {
		height: calc(100% + 7px + 7px);
		top: calc(-7px + -7px);
	}

	#didac .main-section .flex-helper .logos .logo-tabledays {
		height: 50px;
	}
}

@media screen and (max-width: 379px) {
	#features .container h1 {
		font-size: 30px;
	}

	.section.section-blue {
		padding: 80px 30px;
		background-color: #0083db;
	}
	/* products */
	/* app roadmap and arrows our values */
	.app-roadmap .container.roadmap-mobile .slide_box_side.slide_left, .app-roadmap .container.roadmap-mobile .slide_box_side.slide_right {
		display: none;
	}

	.app-our-values .container.our-values-mobile .slide_box_side.slide_left, .app-our-values .container.our-values-mobile .slide_box_side.slide_right {
		display: none;
	}

	.product-our-values .container.our-values-mobile .slide_box_side.slide_left, .product-our-values .container.our-values-mobile .slide_box_side.slide_right {
		display: none;
	}

	.product-roadmap .carousel,
	.product-roadmap .carousel .carousel-area .carousel-list,
	.product-our-values .carousel,
	.product-our-values .carousel .carousel-area .carousel-list,
	.app-roadmap .carousel,
	.app-roadmap .carousel .carousel-area .carousel-list {
		width: 250px;
		min-width: 250px;
	}

	.blog-contents .blog-item .text-box .item-title {
		font-size: 18px;
	}
}

@media screen and (max-width: 369px) {
	.section__fullwidth--header .main-section,
	#roadshow .main-section,
	#didac .main-section {
		padding: 0 24px !important;
	}

	#loesungen,
	#kundenvideos,
	#features,
	#quotes,
	#team {
		padding: 60px 24px !important;
	}

	#loesungen .row__2-col .features__column .features-containe--small,
	#produkte .row__2-col .features__column .features-containe--small {
		padding-left: 20px;
	}

	.advertising.escola-app {
		padding: 16px 5px 0;
	}

	.advertising.escola-app .column-r {
		margin: 0;
	}

	.section.section--light-blue {
		padding-right: 30px !important;
		padding-left: 30px !important;
	}

	.app-faq .faq .faq-element {
		font-size: 16px;
	}

	.blogentry-contents .container .blogentry-content .entry-title {
		font-size: 40px;
	}
}

@media screen and (max-width: 360px) {
	.section__fullwidth--header .main-section,
	#roadshow .main-section,
	#didac .main-section {
		padding: 0 20px !important;
	}

	#loesungen,
	#kundenvideos,
	#features,
	#quotes,
	#team {
		padding: 60px 20px !important;
	}

	.section__fullwidth--header .main-section .left-column .advertising.escola-app {
		padding-top: 10px;
	}

	.advertising.escola-app .column-r .crop {
		width: 70%;
		height: calc(100% + 0px + 0px);
		top: calc(0px + 0px);
		margin-left: 10px;
	}

	#roadshow,
	#didac {
		margin-top: 60px;
	}

	#roadshow .main-section,
	#didac .main-section {
		padding: 0 30px;
	}

	#didac .main-section .flex-helper .logos .logo-tabledays {
		height: 45px;
		left: 15px;
	}
}

@media screen and (max-width: 319px) {
	.heading-01.t-left {
		font-size: 24px;
		line-height: 1.3;
	}

	.section__fullwidth--header .main-section .left-column .heading-fullwidth .paragraph-container {
		font-size: 18px;
	}

	.paragraph.text--dark-80.t-left {
		line-height: 1.2;
	}
}

@media screen and (max-width: 290px) {
	.blog-contents .blog-item .text-box .item-title {
		font-size: 16px;
	}

	.blog-contents .blog-item .text-box .item-subtitle {
		font-size: 12px;
	}
}


@font-face {
	font-family: 'Gothamrounded';
	src: url('../fonts/GothamRounded-Bold.otf') format('opentype');
	font-weight: 700;
	font-style: normal;
}
@font-face {
	font-family: 'Gothamrounded';
	src: url('../fonts/GothamRounded-BoldItalic.otf') format('opentype');
	font-weight: 700;
	font-style: italic;
}
@font-face {
	font-family: 'Gothamrounded';
	src: url('../fonts/GothamRounded-BookItalic.otf') format('opentype');
	font-weight: 400;
	font-style: italic;
}
@font-face {
	font-family: 'Gothamrounded';
	src: url('../fonts/GothamRounded-Book.otf') format('opentype');
	font-weight: 400;
	font-style: normal;
}
@font-face {
	font-family: 'Gothamrounded';
	src: url('../fonts/GothamRounded-Light.otf') format('opentype');
	font-weight: 300;
	font-style: normal;
}
@font-face {
	font-family: 'Gothamrounded';
	src: url('../fonts/GothamRounded-Medium.otf') format('opentype');
	font-weight: 500;
	font-style: normal;
}
@font-face {
	font-family: 'Gothamrounded';
	src: url('../fonts/GothamRounded-MediumItalic.otf') format('opentype');
	font-weight: 500;
	font-style: italic;
}
@font-face {
	font-family: 'Gothamrounded';
	src: url('../fonts/GothamRounded-LightItalic.otf') format('opentype');
	font-weight: 300;
	font-style: italic;
}

/*THIS IS A IE 11 ONLY CSS CODE AREA*/
/*------------------------------------------------------------------------------*/
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	/* IE10+ CSS styles go here */
	.quote--small {
		max-width: 400px;
	}

	.product__text {
		max-width: 400px;
	}

	.features-list__item {
		max-width: 1300px; /* 1300px stands for user content absolute max width used at the current time: 6-2019*/
	}

	.main-section {
		margin: 0 auto;
	}

	.section__fullwidth--header {
		display: block;
	}

	.paragraph.text--dark-80 {
		display: block;
		max-width: 500px;
	}

	.left-column {
		float: left;
	}

	.right-column {
		float: right;
	}
}

/*------------------------------------------------------------------------------*/

.agb-link {
	color: #0083db;
	text-decoration: none;
}
.school-name {
	padding-right: 5px;
}

.dot {
	height: 9px;
	width: 9px;
	background-color: #bbb;
	border-radius: 50%;
	display: inline-block;
	margin-left: 4px;
}
.dot-verwaltung {
	background-color: hsla(0.4838709677419475, 100.00%, 75.69%, 1.00);
}
.dot-webauftritt {
	background-color: hsla(316.94117647058823, 54.84%, 69.61%, 1.00);
}
.dot-foerderplanung {
	background-color: hsla(179.43396226415095, 52.48%, 60.39%, 1.00);
}
.dot-unterricht {
	background-color: hsla(243.70370370370367, 55.86%, 71.57%, 1.00);
}
.dot-schulangebote {
	background-color: #E0A025;
}
.dot-app {
	background-color: #0083DB;
}

.gm-style-iw-d + button {
	display: none !important;
}

.dot-grey {
	background-color: #767676 !important;
}

.product__button_small {
	padding: 7px 10px 7px 7px;
}

.product-selection-block {
	margin-bottom: 25px;
}

.smaller-font-size {
	font-size: 10px;
}

@font-face {
	font-family: 'fontello';
	src: url('fontello/font/fontello.eot?62653699');
	src: url('fontello/font//fontello.eot?62653699#iefix') format('embedded-opentype'),
		url('fontello/font//fontello.woff2?62653699') format('woff2'),
		url('fontello/font//fontello.woff?62653699') format('woff'),
		url('fontello/font//fontello.ttf?62653699') format('truetype'),
		url('fontello/font//fontello.svg?62653699#fontello') format('svg');
	font-weight: normal;
	font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'fontello';
    src: url('../font/fontello.svg?62653699#fontello') format('svg');
  }
}
*/

[class^="icon-"]:before,
[class*=" icon-"]:before {
	font-family: "fontello";
	font-style: normal;
	font-weight: normal;
	speak: none;

	display: inline-block;
	text-decoration: inherit;
	width: 1em;
	margin-right: .2em;
	text-align: center;
	/* opacity: .8; */

	/* For safety - reset parent styles, that can break glyph codes*/
	font-variant: normal;
	text-transform: none;

	/* fix buttons height, for twitter bootstrap */
	line-height: 1em;

	/* Animation center compensation - margins should be symmetric */
	/* remove if not needed */
	margin-left: .2em;

	/* you can be more comfortable with increased icons size */
	/* font-size: 120%; */

	/* Font smoothing. That was taken from TWBS */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;

	/* Uncomment for 3D effect */
	/* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}

.icon-ok-circled:before {
	content: '\f06d';
} /* '' */
.icon-cancel-circled:before {
	content: '\f06e';
} /* '' */

.partners-bottom {
	display: flex;
	/* display: grid; */
	/* grid-template-columns: 1fr 1fr 1fr; */
	/* gap: 8vw; */
	padding: 32px;
	/* max-width: 1024px; */
	width: max-content;
	margin: auto;
	justify-items: center;
	align-items: center;
}

.partners-bottom img {
	width: 16vw;
	max-width: 192px;
}

.partners-bottom > * + * {
	margin-left: 8vw;
}

@media (max-width: 768px) {
	.partners-bottom {
		flex-direction: column;
	}

	.partners-bottom img {
		width: 80vw;
		max-width: 256px;
	}

	.partners-bottom > * + * {
		margin-left: 0;
		margin-top: 8vw;
	}
}

.social-media {
	display: flex;
	padding-top: 32px;
	padding-bottom: 0;
	width: max-content;
	margin: auto;
	justify-items: center;
	align-items: center;
}

.social-media img {
	width: 10vw;
	max-width: 48px;
}

.social-media > * + * {
	margin-left: 18px;
}



.location-info-name{
	margin-top: 5px;
}

.location-info-dots {
	margin: 5px auto;
	display: flex;
	justify-content: center;
}

#schools-and-map{
	margin: 0 auto;
	max-width: 1000px;
	display: flex;
	justify-items: center;
	flex-direction: column;
	display: none;
}

#map {
	width: 100%;
	height: 650px;
	background-color: grey;
}

/* Switch */
#school-switch {
	margin: 40px auto;
	width: 270px;
	height: 32px;
	position: relative;
	border-radius: 6px;
	overflow: hidden;
	user-select: none;
	cursor: pointer;
	border: 1px solid hsla(207.012987012987, 100.00%, 45.29%, 1.00);
	padding: 3px;
}

#school-switch .switch-text {
	font-size: 16px;
}

#school-switch .inner-container {
	position: absolute;
	left: 0;
	top: 0;
	width: inherit;
	height: inherit;
	font-weight: bold;
}

#school-switch .inner-container:first-child {
	/*color: rgba(0, 0, 0, .8);*/
	color: #494949;
}

#school-switch .inner-container:nth-child(2) {
	background: hsla(207.012987012987, 100.00%, 45.29%, 1.00);
	color: white;
	clip-path: inset(0 50% 0 0);
	transition: .3s cubic-bezier(0,0,0,1);
}

#school-switch .toggle {
	width: 50%;
	position: absolute;
	height: inherit;
	display: flex;
	box-sizing: border-box;
}

#school-switch .toggle .switch-text {
	margin: auto;
}

#school-switch .toggle:nth-child(1) {
	right: 0;
}

.container-full {
    width: 100%;
    padding: 0 20px;
}

.container-full > div {
    position: relative;
    display: flex;
    flex-direction: column;
}

.widget {
    text-align: center;
    display: flex;
    flex-direction: column;
    row-gap: 1rem;
    padding: 5rem;
    background-image: url("/assets/digilex/waves.svg");
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 1rem;
}

@media screen and (min-width: 992px) {
    .container-full {
        padding: 0 calc((100% - 990px) / 2);
    }
}

@media screen and (min-width: 1151px) {
    .container-full {
        padding: 0 calc((100% - 1100px) / 2);
    }
}

@media screen and (min-width: 1301px) {
    .container-full {
        padding: 0 calc((100% - 1260px) / 2);
    }
}

/* Blog item scroll reveal – left to right */
.blog-item.reveal-ready {
    opacity: 0;
    transform: translateX(-40px);
    transition: opacity 0.55s ease, transform 0.55s ease;
}

.blog-item.reveal-ready.is-revealed {
    opacity: 1;
    transform: translateX(0);
}