/*
@font-face {
    font-display: swap;
    font-family: ASSA Vesta;
    font-style: normal;
    font-weight: 300;
    src: url(../fonts/AAVESLGT.woff2) format("woff2"),url(../fonts/AAVESLGT.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: ASSA Vesta;
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/AAVESREG.woff2) format("woff2"),url(../fonts/AAVESREG.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: ASSA Vesta;
    font-style: normal;
    font-weight: 700;
    src: url(../fonts/AAVESBOL.woff2) format("woff2"),url(../fonts/AAVESBOL.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: ASSA Vesta;
    font-style: italic;
    font-weight: 400;
    src: url(../fonts/AAVESITA.woff2) format("woff2"),url(../fonts/AAVESITA.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: ASSA Vesta;
    font-style: italic;
    font-weight: 700;
    src: url(../fonts/AAVESBIT.woff2) format("woff2"),url(../fonts/AAVESBIT.woff) format("woff")
}
*/

@font-face {
    font-display: swap;
    font-family: Noto Sans;
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/notosans-regular.woff2) format("woff2"),url(../fonts/notosans-regular.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: Noto Sans;
    font-style: normal;
    font-weight: 500;
    src: url(../fonts/notosans-medium.woff2) format("woff2"),url(../fonts/notosans-medium.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: Noto Sans;
    font-style: normal;
    font-weight: 600;
    src: url(../fonts/notosans-semibold.woff2) format("woff2"),url(../fonts/notosans-semibold.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: Noto Sans;
    font-style: normal;
    font-weight: 700;
    src: url(../fonts/notosans-bold.woff2) format("woff2"),url(../fonts/notosans-bold.woff) format("woff")
}

/*
:root {
    --font-family-heading: "ASSA Vesta";
    --font-family-body: "Noto sans";
    --bg-main: #fff;
    --bg-alt: #f4f4f4;
    --bg-hover: #f9f9f9;
    --text-color: #1a1a1a;
    --text-color-soft: #707070;
    --text-color-success: #007d00;
    --text-color-warning: #cf0000;
    --text-color-error: #cf0000;
    --text-color-heading: var(--text-color);
    --border-color: #707070;
    --border-color-soft: #d8d8d8;
    --accent: #00a0d0;
    --accent-contrast: #fff;
    --accent-hover: #0393be;
    --button-primary-text: var(--bg-main);
    --complementary-alt-1: #344a5c;
    --complementary-alt-2: #3d4f42;
    --complementary-alt-3: #822b1d;
    --complementary-alt-4: #4d3e42;
    --complementary-contrast-alt-1: #dee3e9;
    --complementary-contrast-alt-2: #e6ebea;
    --complementary-contrast-alt-3: #f0dfd6;
    --complementary-contrast-alt-4: #e9e5e6;
    --complementary-hover-alt-1: #576775;
    --complementary-hover-alt-2: #606d63;
    --complementary-hover-alt-3: #945147;
    --complementary-hover-alt-4: #706467;
    --complementary-text-alt-1: #fff;
    --complementary-text-alt-2: #fff;
    --complementary-text-alt-3: #fff;
    --complementary-text-alt-4: #fff;
    --gradients-alt-1: "";
    --gradients-alt-2: "";
    --gradients-alt-3: "";
    --gradients-alt-4: "";
    --gradients-complementary-alt-1: "";
    --gradients-complementary-alt-2: "";
    --gradients-complementary-alt-3: "";
    --gradients-complementary-alt-4: "";
    --gradients-contrast-alt-1: "";
    --gradients-contrast-alt-2: "";
    --gradients-contrast-alt-3: "";
    --gradients-contrast-alt-4: "";
    --gradients-hover-alt-1: "";
    --gradients-hover-alt-2: "";
    --gradients-hover-alt-3: "";
    --gradients-hover-alt-4: "";
    --overlay: rgba(26,26,26,.8);
    --overlay-contrast: #fff;
    --overlay-hover: rgba(49,49,49,.8);
    --text-overlay: var(--overlay);
    --text-overlay-contrast: var(--overlay-contrast);
    --overlay-main: #1a1a1a;
    --overlay-main-contrast: #fff;
    --overlay-alternative: #fff;
    --overlay-alternative-contrast: #1a1a1a;
    --button-border-radius: var(--border-radius);
    --topbar-bg: var(--accent);
    --topbar-color: var(--accent-contrast);
    --card-border: none;
    --heroFW-overlay-color: var(--text-overlay);
    --banner-text-color-1: var(--complementary-contrast-alt-1);
    --banner-text-color-2: var(--complementary-contrast-alt-2);
    --banner-text-color-3: var(--complementary-contrast-alt-3);
    --banner-text-color-4: var(--complementary-contrast-alt-4);
    --featuredContent-text-color-1: var(--complementary-contrast-alt-1);
    --featuredContent-text-color-2: var(--complementary-contrast-alt-2);
    --featuredContent-text-color-3: var(--complementary-contrast-alt-3);
    --featuredContent-text-color-4: var(--complementary-contrast-alt-4);
    --wizard-heading-color-1: var(--complementary-contrast-alt-1);
    --wizard-heading-color-2: var(--complementary-contrast-alt-2);
    --wizard-heading-color-3: var(--complementary-contrast-alt-3);
    --wizard-heading-color-4: var(--complementary-contrast-alt-4);
    --navHeader-link-hover-color: none;
    --fade-in-opacity-duration: 0.5s;
    --fade-in-transform-duration: 0.6s;
    --fade-in-transform-height: 2vh
    
}
*/

a,
a:link,
a:visited,
a:hover,
a:active{
	font-family: 'Noto Sans';
	color: black;
    font-size: 20px;
	text-decoration: none;
}


a:-webkit-any-link{
    text-decoration: none !important;
}

.topnav {
    overflow: hidden;
    background-color: #FFFFFF;
    height: 67px;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    text-align: center;
    border-radius: 5px;
    box-shadow: 0px 0px 12px silver;
	z-index: 10;
}

model-viewer {
  width: 100%;
  height: 100%;
  --ar-button-scale: 3;
}

.menu {
    height: 390px;
    width: 500px;
    background-color: white;
    position: absolute;
    top: 50px;
    left: 0px;
    padding-top: 20px;
    border-radius: 5px;
    box-shadow: 0px 0px 12px silver;
    z-index: 11;
 }

.tuerkisline {
  background-color: #009dcc;
  height: 4px;
}

.navbar {
	height: 30px;
    width: 450px;
	padding-top: 23px;
	padding-left: 30px;
	vertical-align: middle;
	border: thick;
	border-color: black;
    font-family: 'Noto Sans';
	color: black;
    font-size: 20px;
    display: flex;
}

option {
    font-family: 'Noto Sans';
    font-size: 20px;
}

.arrow {
	width: 25px;
    position: absolute;
	right: 10;
}
	

.burger-container {
    height: 16px;
    position: absolute;
    top: 27px;
    left: 25px;
    z-index: 15;
}

.helper {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
  }

.logo {
    vertical-align: middle;
    max-height: 20px;
    max-width: 150px;
  }