:root {
  --mmpaperg01: #f9f9f9;
  --mmpaperg02: #e9e9e9; }

@font-face {
  font-family: 'nowayregular';
  src: url("/assets/noway/noway-regular-webfont.ttf") format("truetype");
  src: url("/assets/noway/noway-regular-webfont.eot");
  src: url("/assets/noway/noway-regular-webfont.eot?#iefix") format("embedded-opentype"), url("/assets/noway/noway-regular-webfont.woff2") format("woff2"), url("/assets/noway/noway-regular-webfont.woff") format("woff"), url("/assets/noway/noway-regular-webfont.svg#nowayregular") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }
@font-face {
  font-family: 'nowaymedium';
  src: url("/assets/noway/noway-medium-webfont.ttf") format("truetype");
  src: url("/assets/noway/noway-medium-webfont.eot");
  src: url("/assets/noway/noway-medium-webfont.eot?#iefix") format("embedded-opentype"), url("/assets/noway/noway-medium-webfont.woff2") format("woff2"), url("/assets/noway/noway-medium-webfont.woff") format("woff"), url("/assets/noway/noway-medium-webfont.svg#nowaymedium") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }
@font-face {
  font-family: 'nowaylight';
  src: url("/assets/noway/noway-light-webfont.ttf") format("truetype");
  src: url("/assets/noway/noway-light-webfont.eot");
  src: url("/assets/noway/noway-light-webfont.eot?#iefix") format("embedded-opentype"), url("/assets/noway/noway-light-webfont.woff2") format("woff2"), url("/assets/noway/noway-light-webfont.woff") format("woff"), url("/assets/noway/noway-light-webfont.svg#nowaylight") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }
@font-face {
  font-family: 'nowaythin';
  src: url("/assets/noway/noway-thin-webfont.ttf") format("truetype");
  src: url("/assets/noway/noway-thin-webfont.eot");
  src: url("/assets/noway/noway-thin-webfont.eot?#iefix") format("embedded-opentype"), url("/assets/noway/noway-thin-webfont.woff2") format("woff2"), url("/assets/noway/noway-thin-webfont.woff") format("woff"), url("/assets/noway/noway-thin-webfont.svg#nowaythin") format("svg");
  font-weight: normal;
  font-style: normal;
  font-feature-settings: normal;
  font-display: swap; }
@font-face {
  font-family: 'Dosis';
  font-style: normal;
  font-weight: 400;
  src: local(""), url("/fonts/dosis-v27-latin-regular.woff2") format("woff2"), url("/fonts/dosis-v27-latin-regular.woff") format("woff");
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
  font-display: swap; }
@font-face {
  font-family: 'DosisBold';
  font-weight: 600;
  src: local(""), url("/fonts/dosis-v27-latin-600.woff2") format("woff2"), url("/fonts/dosis-v27-latin-600.woff") format("woff");
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
  font-display: swap; }
/* dosis-300 - latin */
@font-face {
  font-family: 'DosisThin';
  font-style: normal;
  font-weight: 300;
  src: local(""), url("/fonts/dosis-v27-latin-300.woff2") format("woff2"), url("/fonts/dosis-v27-latin-300.woff") format("woff");
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ }
/* roboto-slab-300 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  src: local("Roboto Thin"), local("Roboto-Thin"), url("/css/gfont/roboto-v18-latin-100.woff2") format("woff2"), url("/css/gfont/roboto-v18-latin-100.woff") format("woff");
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ }
/* roboto-300 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: local("Roboto Light"), local("Roboto-Light"), url("/css/gfont/roboto-v18-latin-300.woff2") format("woff2"), url("/css/gfont/roboto-v18-latin-300.woff") format("woff");
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ }
/* roboto-regular - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local("Roboto"), local("Roboto-Regular"), url("/css/gfont/roboto-v18-latin-regular.woff2") format("woff2"), url("/css/gfont/roboto-v18-latin-regular.woff") format("woff");
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ }
/* roboto-italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  src: local("Roboto Italic"), local("Roboto-Italic"), url("/css/gfont/roboto-v18-latin-italic.woff2") format("woff2"), url("/css/gfont/roboto-v18-latin-italic.woff") format("woff");
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ }
/* roboto-500 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: local("Roboto Medium"), local("Roboto-Medium"), url("/css/gfont/roboto-v18-latin-500.woff2") format("woff2"), url("/css/gfont/roboto-v18-latin-500.woff") format("woff");
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ }
/*!* roboto-500italic - latin *!
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 500;
  src: local('Roboto Medium Italic'), local('Roboto-MediumItalic'),
       url('/css/gfont/roboto-v18-latin-500italic.woff2') format('woff2'), !* Chrome 26+, Opera 23+, Firefox 39+ *!
       url('/css/gfont/roboto-v18-latin-500italic.woff') format('woff'); !* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ *!
}*/
/* roboto-700 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: local("Roboto Bold"), local("Roboto-Bold"), url("/css/gfont/roboto-v18-latin-700.woff2") format("woff2"), url("/css/gfont/roboto-v18-latin-700.woff") format("woff");
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ }
@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: local("Material Icons"), local("MaterialIcons-Regular"), url(/css/gfont/MaterialIcons-Regular.woff2) format("woff2"), url(/css/gfont/MaterialIcons-Regular.woff) format("woff"), url(/css/gfont/MaterialIcons-Regular.ttf) format("truetype"); }
.material-icons {
  font-family: 'Material Icons', sans-serif;
  font-weight: normal;
  font-style: normal;
  font-size: 20px;
  /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  color: var(--fastschwarz);
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  font-feature-settings: 'liga';
  font-display: swap; }

body {
  font-family: 'nowayregular', 'Dosis', 'Roboto', sans-serif;
  box-sizing: border-box; }

#trauringkonfigurator {
  background: #ffffff; }

body * {
  box-sizing: border-box; }

.bredAll, .bredAll * {
  box-sizing: border-box;
  border: 1px solid red; }

nav {
  font-family: 'DosisThin', sans-serif;
  border-bottom: 1px solid #999; }

nav div.nav-container {
  margin: 12px auto 12px auto;
  max-width: 1140px;
  display: grid;
  grid-template-columns: 1fr 3fr; }

.nav-container.nav-img {
  display: inline-block;
  margin: 0; }

.nav-container .nav-img img {
  max-width: 200px;
  margin: 0;
  display: block; }

.nav-container .nav-text {
  font-size: calc(18px + 1.5vw);
  display: flex;
  margin-left: auto;
  align-self: center;
  text-align: right !important;
  color: #999; }

.container {
  max-width: 1140px;
  margin: 12px auto 12px auto; }

.container-small {
  font-size: clamp(1.2rem, 1.4vw, 0.95rem);
  max-width: 510px; }

.smaller75 {
  font-size: 75%; }

.Fweight100 {
  font-weight: 100; }

.mb65 {
  margin-bottom: 65px; }

.mb35 {
  margin-bottom: 35px; }

.mb50 {
  margin-bottom: 50px; }

.mt25 {
  margin-top: 25px; }

.mt45 {
  margin-top: 45px; }

.codeprint {
  font-family: 'Dosis', sans-serif;
  background: #d3d3d3;
  font-size: 90%;
  padding: 12px 15px; }

h4, h5 {
  color: #2a2a2a;
  font-size: 120%;
  font-family: 'DosisBold', sans-serif; }

a span.material-icons {
  vertical-align: bottom;
  line-height: 99%;
  color: #00a2ed; }

a {
  text-decoration: none;
  color: #00a2ed; }

footer {
  padding-top: 65px;
  color: #d2d2d2;
  border-top: 1px solid #a1a1a1;
  background: linear-gradient(-90deg, rgba(0, 0, 0, 0.12) 1px, transparent 1px), linear-gradient(rgba(0, 0, 0, 0.12) 1px, transparent 1px), linear-gradient(-90deg, rgba(0, 0, 0, 0.11) 1px, transparent 1px), linear-gradient(rgba(0, 0, 0, 0.11) 1px, transparent 1px), linear-gradient(transparent 3px, var(--mmpaperg01) 3px, var(--mmpaperg01) 78px, transparent 78px), linear-gradient(-90deg, var(--mmpaperg02) 1px, transparent 1px), linear-gradient(-90deg, transparent 3px, var(--mmpaperg01) 3px, var(--mmpaperg01) 78px, transparent 78px), linear-gradient(var(--mmpaperg02) 1px, transparent 1px), var(--mmpaperg01);
  background-size: 4px 4px, 4px 4px, 80px 80px, 80px 80px, 80px 80px, 80px 80px, 80px 80px, 80px 80px;
  background-position: -1px 0; }

footer .pure-u-1-3 {
  text-align: center; }

.form-control button {
  width: 100%;
  margin: 25px auto 15px auto; }

footer ul {
  list-style-type: none;
  /* Remove bullets */
  padding: 0;
  /* Remove padding */
  margin: 0 0 135px 0;
  /* Remove margins */ }

.grau {
  color: #404040; }

/*# sourceMappingURL=puregerstner.css.map */