@font-face {
font-family: NeueDIN_XBold;
src: url(https://mixedmode.org/wp-content/themes/knappetheme/files/fonts/NeueDIN-XBold.woff2),
url(https://mixedmode.org/wp-content/themes/knappetheme/files.fonts/NeueDIN-XBold.otf)		
}
@font-face {
font-family: NeueDINVAR;
src: url(https://mixedmode.org/wp-content/themes/knappetheme/files/fonts/NeueDINVAR.woff2)
} html {
line-height: 1.15;
-webkit-text-size-adjust: 100%;
}  body {
margin: 0;
} main {
display: block;
} h1 {
font-size: 2em;
margin: 0.67em 0;
}  hr {
box-sizing: content-box;
height: 0;
overflow: visible;
} pre {
font-family: monospace, monospace;
font-size: 1em;
}  a {
background-color: transparent;
} abbr[title] {
border-bottom: none;
text-decoration: underline;
text-decoration: underline dotted;
} b,
strong {
font-weight: bolder;
} code,
kbd,
samp {
font-family: monospace, monospace;
font-size: 1em;
} small {
font-size: 80%;
} sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}  img {
border-style: none;
}  button,
input,
optgroup,
select,
textarea {
font-family: inherit;
font-size: 100%;
line-height: 1.15;
margin: 0;
} button,
input {
overflow: visible;
} button,
select {
text-transform: none;
} button,
[type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button;
} button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0;
} button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText;
} fieldset {
padding: 0.35em 0.75em 0.625em;
} legend {
box-sizing: border-box;
color: inherit;
display: table;
max-width: 100%;
padding: 0;
white-space: normal;
} progress {
vertical-align: baseline;
} textarea {
overflow: auto;
} [type="checkbox"],
[type="radio"] {
box-sizing: border-box;
padding: 0;
} [type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
} [type="search"] {
-webkit-appearance: textfield;
outline-offset: -2px;
} [type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
} ::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit;
}  details {
display: block;
} summary {
display: list-item;
}  template {
display: none;
} [hidden] {
display: none;
}  *,
*::before,
*::after {
box-sizing: inherit;
}
html {
box-sizing: border-box;
}  body,
button,
input,
select,
optgroup,
textarea {
color: #404040;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
font-size: 1rem;
line-height: 1.5;
}
h1,
h2,
h3,
h4,
h5,
h6 {
clear: both;
}
p {
margin-bottom: 1.5em;
}
dfn,
cite,
em,
i {
font-style: italic;
}
blockquote {
margin: 0 1.5em;
}
address {
margin: 0 0 1.5em;
}
pre {
background: #eee;
font-family: "Courier 10 Pitch", courier, monospace;
line-height: 1.6;
margin-bottom: 1.6em;
max-width: 100%;
overflow: auto;
padding: 1.6em;
}
code,
kbd,
tt,
var {
font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}
abbr,
acronym {
border-bottom: 1px dotted #666;
cursor: help;
}
mark,
ins {
background: #fff9c0;
text-decoration: none;
}
big {
font-size: 125%;
} body {
background: #fff;
}
hr {
background-color: #ccc;
border: 0;
height: 1px;
margin-bottom: 1.5em;
}
ul,
ol {
margin: 0 0 1.5em 3em;
}
ul {
list-style: disc;
}
ol {
list-style: decimal;
}
li > ul,
li > ol {
margin-bottom: 0;
margin-left: 1.5em;
}
dt {
font-weight: 700;
}
dd {
margin: 0 1.5em 1.5em;
} embed,
iframe,
object {
max-width: 100%;
}
img {
height: auto;
max-width: 100%;
}
figure {
margin: 1em 0;
}
table {
margin: 0 0 1.5em;
width: 100%;
} a {
color: #4169e1;
}
a:visited {
color: #800080;
}
a:hover,
a:focus,
a:active {
color: #191970;
}
a:focus {
outline: thin dotted;
}
a:hover,
a:active {
outline: 0;
} button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
border: 1px solid;
border-color: #ccc #ccc #bbb;
border-radius: 3px;
background: #e6e6e6;
color: rgba(0, 0, 0, 0.8);
line-height: 1;
padding: 0.6em 1em 0.4em;
}
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
border-color: #ccc #bbb #aaa;
}
button:active,
button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
border-color: #aaa #bbb #bbb;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
color: #666;
border: 1px solid #ccc;
border-radius: 3px;
padding: 3px;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
color: #111;
}
select {
border: 1px solid #ccc;
}
textarea {
width: 100%;
}   .main-navigation {
display: block;
width: 100%;
}
.main-navigation ul {
display: none;
list-style: none;
margin: 0;
padding-left: 0;
}
.main-navigation ul ul {
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
float: left;
position: absolute;
top: 100%;
left: -999em;
z-index: 99999;
}
.main-navigation ul ul ul {
left: -999em;
top: 0;
}
.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
display: block;
left: auto;
}
.main-navigation ul ul a {
width: 200px;
}
.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
left: auto;
}
.main-navigation li {
position: relative;
}
.main-navigation a {
display: block;
text-decoration: none;
} .menu-toggle,
.main-navigation.toggled ul {
display: block;
}
.site-main .comment-navigation,
.site-main
.posts-navigation,
.site-main
.post-navigation {
margin: 0 0 1.5em;
}
.comment-navigation .nav-links,
.posts-navigation .nav-links,
.post-navigation .nav-links {
display: flex;
}
.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
flex: 1 0 50%;
}
.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
text-align: end;
flex: 1 0 50%;
} .sticky {
display: block;
}
.post,
.page {
margin: 0 0 1.5em;
}
.updated:not(.published) {
display: none;
}
.page-content,
.entry-content,
.entry-summary {
margin: 1.5em 0 0;
}
.page-links {
clear: both;
margin: 0 0 1.5em;
} .comment-content a {
word-wrap: break-word;
}
.bypostauthor {
display: block;
} .widget {
margin: 0 0 1.5em;
}
.widget select {
max-width: 100%;
} .page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
border: none;
margin-bottom: 0;
margin-top: 0;
padding: 0;
} .custom-logo-link {
display: inline-block;
} .wp-caption {
margin-bottom: 1.5em;
max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption .wp-caption-text {
margin: 0.8075em 0;
}
.wp-caption-text {
text-align: center;
} .gallery {
margin-bottom: 1.5em;
display: grid;
grid-gap: 1.5em;
}
.gallery-item {
display: inline-block;
text-align: center;
width: 100%;
}
.gallery-columns-2 {
grid-template-columns: repeat(2, 1fr);
}
.gallery-columns-3 {
grid-template-columns: repeat(3, 1fr);
}
.gallery-columns-4 {
grid-template-columns: repeat(4, 1fr);
}
.gallery-columns-5 {
grid-template-columns: repeat(5, 1fr);
}
.gallery-columns-6 {
grid-template-columns: repeat(6, 1fr);
}
.gallery-columns-7 {
grid-template-columns: repeat(7, 1fr);
}
.gallery-columns-8 {
grid-template-columns: repeat(8, 1fr);
}
.gallery-columns-9 {
grid-template-columns: repeat(9, 1fr);
}
.gallery-caption {
display: block;
}   .infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
display: none;
} .infinity-end.neverending .site-footer {
display: block;
}   .screen-reader-text {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute !important;
width: 1px;
word-wrap: normal !important;
}
.screen-reader-text:focus {
background-color: #f1f1f1;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
clip-path: none;
color: #21759b;
display: block;
font-size: 0.875rem;
font-weight: 700;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000;
} #primary[tabindex="-1"]:focus {
outline: 0;
} .alignleft { float: left; margin-right: 1.5em;
margin-bottom: 1.5em;
}
.alignright { float: right; margin-left: 1.5em;
margin-bottom: 1.5em;
}
.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
margin-bottom: 1.5em;
} html{
font-size: 20px;
scroll-behavior: smooth;
}
body{
font-family: "NeueDIN_XBold", "Neue DIN Var", DIN, sans-serif;
background: #0C002E;
color: white;
font-size: 1rem;
line-height: 1.2em;
padding: 0 0 0 0;
} h1, h2, h3, h4, h5, h6{
font-size: 1rem;
line-height: 1em;
margin: 0 0 1.5rem 0;
}
.site-content h1{
font-size: 2rem;
}
.entry-content h2{
font-size: 2rem;
margin-bottom: 1rem;
margin-top: 0rem;
}
.entry-content h3{
font-size: 2rem;
margin-bottom: 1rem;
margin-top: 3rem;
margin-left: 0!important;
}
.entry-content p{
max-width: 32rem;
}
.entry-content .wp-block-group.is-vertical {
padding-bottom: 5rem;
}
p.has-large-font-size{
font-size: 1.4rem!important;
line-height: 1.2em;
max-width: 35rem;
}
a, a:visited{
color: white;
text-decoration: none;
}
.entry-content a, .entry-content a:visited{
color: white;
text-decoration: underline;
}
a:hover, a:focus{
color: white;
text-decoration: none;
}
ul{
margin: 0 0 0 1.75rem;
padding: 0 0 0 0.25rem;
}
ol{
margin: 0 0 0 2rem;
padding: 0 0 0 0;
}
::selection {
background-color: #E200BF;  
color: #ffffff;
}
::-moz-selection {
background-color: #E200BF;
color: #ffffff;
}
@media (min-width: 1000px){
html{
font-size: 2vw;
}
.entry-content h2,
.entry-content h3{
font-size: 3.33rem;
max-width: 89vw;
}
.entry-content h3{
font-size: 3.33rem;
max-width: 70vw;
}
}
@media (min-width: 1400px){
html,
body{
font-size: 1.8vw;
line-height: 1.2em;
}
.entry-content h2,
.entry-content h3{
font-size: 3.33rem;
max-width: 89vw;
}
.entry-content h3{
font-size: 3.33rem;
max-width: 70vw;
}
} .wp-block-image{
}
.wp-element-caption{
font-size: 0.8rem;
line-height: 1.5em;
margin: 0 0 1.5rem 0;
}
.wp-block-buttons {
gap: 0.5rem;
margin: 0 0 1.5rem 0;
}
.wp-block-buttons a, .wp-block-buttons a:visited{
background: none;
border: 2px solid;
border-radius: 0.5rem;
color: white;
padding: 0.5rem 1.5rem;
}
.wp-block-buttons a:hover, .wp-block-buttons a:focus{
color: black;
}
.wp-block-quote{
margin: 0 0 1.5rem 1.5rem;
padding: 0 0 0 0rem;
border-left: 0px solid;
}
.wp-block-quote p{
margin-top: 2rem;
font-size: 1.3rem;
}
.wp-block-quote cite{
font-style: normal;
line-height: 1.2em!important;
text-align: left;
margin-left: 1rem;
}
.center{
margin-left: auto;
margin-right: auto;
}
.wp-block-table{
}
.wp-block-table th{
text-align: left;
padding: 0.5rem;
border: none;
border-bottom: 1px solid;
}
.wp-block-table td{
padding: 0.5rem;
border: none;
border-bottom: 1px dotted;
}
.wp-block-file a{
font-size: 1rem;
}
.wp-block-file .wp-element-button{
font-size: 1rem;
border: 2px solid;
border-radius: 0.5rem;
} .wp-block-column.has-background{
padding: 0.5rem;
border-radius: 1rem;
} .has-gradient-color{
color: transparent!important;
background: linear-gradient(-102deg, #009ee2, #E200BF);
background-clip: text;
-webkit-background-clip: text;
} .site-header{
position: fixed;
background: black;
bottom: 0;
left: 0;
right: 0;
z-index: 1000;
display: grid;
grid-template-columns: auto 1fr auto;
max-width: 100vw;
height: 2.2rem;
}
.site-branding{
font-weight: 600;
display: inline-block!important;
}
.site-title{
margin: 0;
width: 100%;
display: block;
background: linear-gradient(270deg, #E200BF, #009ee2);
text-align: center;
display: flex;
justify-content: center; 
align-items: center; 
padding: 0 0.5rem!important;
}
#site-navigation{
display: grid;
width: 100%;
text-align: center;
}
#site-navigation a.active{
background: white;
color: black;
}
.menu-toggle{
background: none;
border: 0px solid;
color: white;
border-radius: 0.5rem;
margin: 0rem;
padding: 0.5rem;
display: block;
align-items: center;
align-content: center;
width: 100%;
line-height: 1em;
height: 100%;
text-align: center;
font-family: "NeueDIN_XBold", "Neue DIN Var", DIN, sans-serif;
display: flex;
align-items: center;
justify-content: center;
height: 2.2rem;
}
.site-header a:hover,
.site-header a:focus{
background: white!important;
color: black!important;
}
.header-logos{
display: grid;
grid-template-columns: 1fr 1fr;
width: 6rem;
}
.header-logos a{
line-height: 0;
display: grid;
grid-template-columns: 1fr;
align-items: center;
padding: 0 13px;
}
.header-logos object{
width: 100%;
padding: 0rem;
pointer-events: none;
}
.header-logos .header-logo-moweb{
padding: 0px 5px;
}
.header-logos a:nth-child(1){
background: #009ee2;
}
.header-logos a:nth-child(2){
background: #E200BF;
}
.site-header .header-logos a:hover,
.site-header .header-logos a:focus {
background: linear-gradient(90deg, #E200BF, #009ee2)!important;
}
.menu-header-menu-container ul,
.menu-main-container ul{
position: fixed;
left: 100vw;
bottom: 2.2rem;
width: 100%;
text-align: left;
background: black;
display: block!important;
transition: 0.4s;
}
.toggled .menu-header-menu-container ul,
.toggled .menu-main-container ul{
position: fixed;
left: 0;
bottom: 2.2rem;
width: 100%;
text-align: left;
background: black;
transition: 0.4s;
}
.menu-header-menu-container ul a,
.menu-main-container ul a{
padding: 0.5rem;
border-top: 1px solid;
}
#site-navigation,
#site-navigation .menu-header-menu-container,
#site-navigation .menu,
#site-navigation li{
display: grid;
}
@media screen and (min-width: 40rem) {
.site-header{
height: auto;
}
.menu-header-menu-container ul,
.menu-main-container ul{
position: relative;
left: auto;
bottom: auto;
width: 100%;
text-align: left;
background: black;
}
.menu-header-menu-container ul a,
.menu-main-container ul a{
padding: 0.5rem;
border-top: 0px solid;
}
.menu-toggle {
display: none!important;
}
.main-navigation ul {
display: flex;
}
#primary-menu a{
padding: 0.4rem 0.75rem ;
}
.site-header{
grid-template-columns: auto 1fr auto;
}
#site-navigation,
#site-navigation .menu-header-menu-container,
#site-navigation .menu,
#site-navigation li{
display: block;
}
#site-navigation .menu{
display: grid !important;
grid-template-columns: auto auto auto auto 1fr;
}
} .page{
margin: 0;
}
.entry-title{
margin: 0;
width: 100%;
text-align: left;
font-size: 3rem;
}
.post-thumbnail{
max-width: 100%;
margin: 0 auto;
}
.entry-content{
max-width: 100%;
margin: 0 auto;
background: #0C002E;
position: relative;
z-index: 2;
margin-top: 100vh;
padding: 0.5rem;
} .hero{
width: 100%;
height: 100vh;
position: fixed;
background-size: cover;
background-position: center;
text-align: center;
top: 0;
left: 0;
z-index: 1;
}
.hero-bg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
object-position: top center;
z-index: -1;
}
.hero .entry-header{
max-width: 60rem;
margin: 0 auto;
position: absolute;
bottom: 5rem;
width: 100%;
}
.hero h1.entry-title{
font-size: 10.8vw;
text-align: center;
}
.hero h1.entry-title span{
font-size: 1rem;
}
.page-template-page-template-start .entry-content{
padding-top: 2rem;
}
.hero-logos object{
pointer-events: none;
}
.hero-logos img{
width: 100%;
}
.hero-amr{
position: fixed;
left: 1rem; 
top: 6.5vw;
width: 20vw;
}
.hero-moweb{
position: fixed;
right: 1rem; 
top: 5vw;
width: 16vw;
}
@media (min-width: 1000px){
.hero h1.entry-title{
font-size: 7vw;
}
.hero-amr{
position: fixed;
left: 4rem; 
top: 6vw;
width: 15vw;
}
.hero-moweb{
position: fixed;
right: 3rem; 
top: 4.5vw;
width: 13vw;
}
.hero-logos object{
}
}
@media (min-width: 1300px){
.hero-logos object{
transform: scale(2);
}
} #uber{
padding-bottom: 1rem;
}
.companies{
flex-wrap: nowrap!important;
gap: 0.5rem;
position: relative;
z-index: 3;
font-size: 0.8rem;
}
.companies h3{
font-size: 0.8rem;
min-height: 3em;
margin-top: 1rem;
}
.companies p{
hyphens: auto;
min-height: 15em;
line-height: 1.2em;
}
.companies .wp-block-image{
width: 80%;
margin: 0 auto;
}
.companies .wp-block-column:nth-child(2) .wp-block-image img{
}
.companies .wp-block-group{
border-bottom: 1px solid;
margin: 1rem 0;
padding: 0;
}
.companies .wp-block-column{
padding: 1rem 0.25rem 2rem 0.25rem;
}
.companies .wp-block-group:last-child{
border-bottom: 0px solid;
}
.companies .wp-block-group h2{
margin: 0;
}
.companies h4{
margin: 1rem 0 0.25rem 0;
min-height: 2rem;
font-size: 8.5vw;
}
.companies .wp-block-column p{
hyphens: none;
}
.companies .wp-block-group p{
margin: 0.25rem 0 1rem 0;
min-height: auto;
}
.companies .wp-block-group .wp-block-image{
width: 40%;
margin-bottom: 0.5rem;
}
@media (min-width: 1000px){
.companies{
max-width: 70vw!important;
}
.companies .wp-block-image{
width: 50%;
margin: 0 auto;
}
.companies h4{
font-size: 3rem;
}
.companies h3{
font-size: 1rem;
min-height: 2em;
}
.companies .wp-block-group .wp-block-image{
width: 25%;
}
.companies p{
font-size: 1rem;
hyphens: auto;
min-height: 6em;
}
} .wpcf7{
max-width: 100vw;
overflow: hidden;
} .companiescontainer{
position: relative;
background: linear-gradient(270deg, #E200BF, #009ee2);
margin: 0 -0.5rem!important;
padding: 0.5rem;
width: 100%;
width: calc(100% + 1rem);
}
.herbertquote{
gap: 1rem;
}
.herbertquote .wp-block-image{
text-align: center;
}
.herbertquote img{
width: 60%;
margin:  0;
text-align: center;
}
.herbertquote div{
z-index: 5;
}
.herbertquote .wp-block-quote {
margin: 0;
margin-left: 1rem;
}
.herbertquote .wp-block-quote p{
margin-top: 0;
line-height: 1.1em;
padding-bottom: 1rem;
margin-bottom: 1rem;
border-bottom: 0.25rem solid;
}
.herbertquote cite{
display: block;
line-height: 1.2em;
}
.herbertquote::before {
content: '';
position: absolute;
top: 0;
width: 100%;
height: 100%;
background: linear-gradient(180deg, #0c002e, #0c002e, #0000); left: 0;
}
@media (min-width: 1000px){
cite{
margin-left: 0!important;
}
.herbertquote .wp-block-image {
text-align: right;
}
.herbertquote img{
width: 80%;
}
.wp-block-quote{
padding-top: 3rem;
}
} .widget-area{
position: relative;
z-index: 3;
background: #0C002E;
padding: 1rem 0.5rem 0 0.5rem;
}
.widget h2{
font-size: 2rem;
}
.companiesfooter{
background: linear-gradient(-45deg, #E200BF, #009ee2);
padding: 0.5rem 0.5rem 4rem 0.5rem;
margin: 0 -0.5rem;
min-height: 60vh;
}
.widget:last-child{
margin-bottom: 0;
}
.companiesfooter .wp-block-image{
width: 50vw;
margin-top: 0;
margin: 0;
}
.companiesfooter a{
text-decoration: underline;
}
.companiesfooter a:hover{
text-decoration: none;
}
.companiesfooter h2{
font-size: 1rem!important;
margin: 0;
line-height: 1.2em;
}
.companiesfooter p{
margin-top: 0;
line-height: 1.2em;
}
.metalinks{
position: absolute;
bottom: 1rem;
right: 0.5rem;
}
.entry-footer .edit-link{
display: none;
}
@media (min-width: 782px){
.companiesfooter .wp-block-image{
width: 15vw;
}
}
@media (min-width: 1000px){
.companiesfooter {
padding: 0 10vw;
}
.companiesfooter .wp-block-image{
margin-top: 0;
}
} .contact-form {
padding-top:0rem;
padding-bottom: 1rem;
}
.contact-form h2 {
width: 100%;
margin-bottom: 0px;
}
.contact-form p {
margin-bottom: 0;
max-width: 100%;
width: 100%;
}
.contact-form p span[data-name="your-message"] {
flex: 0 0 100%;
}
.contact-form form h4 {
padding-bottom: 0px;
margin-bottom: 0.5rem;
}
.contact-form form .inputField {
display: flex;
flex-direction: row; margin-bottom: 0rem;
}
.contact-form form .inputField p{display:flex;align-items: center;}
.contact-form form .declartion p{align-items: flex-start; margin-top: 0.5rem}
.contact-form form .form-fields .inputField label {
font-size: 1rem;
line-height: 1.2em;
color: #fff;
color: #009ee2;
font-family: "NeueDIN_XBold";
width: 6rem;
}
.wpcf7-list-item{margin: 0;}
.contact-form form .form-fields .inputField input, .contact-form form .inputField textarea{
width: 100%;
max-width: 100%;
padding: 0.188rem 0.5rem;
font-size: 1rem;
line-height: ;
font-family: "NeueDIN_XBold";
background: #0000;
border: 0.25rem solid #E200BF;
border-radius: 4px;
color:#ffffff;
}
.contact-form form .form-fields .inputField input:hover, .contact-form form .inputField textarea:hover,
.contact-form form .form-fields .inputField input:focus, .contact-form form .inputField textarea:focus,
.contact-form form .inputField input[type="checkbox"]:hover, .contact-form form .inputField input[type="checkbox"]:focus{
border-color: #009ee2;
}
.contact-form form .inputField textarea{
padding: 0.407rem;
width: 100%;
resize: none;
}
.contact-form form .inputField input[type="checkbox"] {
appearance: none;
background-color: #fff0;
margin: 0;
padding: 0;
width: 50px;
height: 50px;
border: 0.25rem solid #E200BF;
border-radius: 4px;
position: relative;
display: inline-block;
}
.wpcf7-acceptance label{
display: grid;
grid-template-columns: 60px 1fr;
margin-left: 0!important;
}
.contact-form form input[type="checkbox"]::before { 
content: '';
position: absolute;
top: 0;
background: #E200BF;
height: 100%;
width: 100%;
clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
scale: 0;
}
.contact-form form input[type="checkbox"]:checked::before { 
scale: .7;
}
.contact-form form .declartion label{
font-size: 1rem;
line-height: 1.2em;
font-family: "NeueDIN_XBold";
color: #fff;
width: 100%;
margin-left: 10px;
color: #E200BF;
}
.contact-form form .form-button {
font-size: 1.5rem;
line-height: 1em;
font-family: "NeueDIN_XBold";
color: #E200BF;
background: none;  width: 100%;
border-radius: 16px;
border: 0;
padding:0.4rem 0 0.6rem 0;
border: 0.25rem solid;
transition: 0s;
}
.contact-form form .form-button:hover,
.contact-form form .form-button:focus {
background: linear-gradient(90deg, #009ee2, #E200BF);
transition: 0s;
color: white;
border-color: white;
}
.wpcf7-response-output{color: #fff;}
.contact-form .magenta{
color: #E200BF;
margin-bottom: 1rem;
display: block;
margin-top: 2rem;
}
.wpcf7-list-item-label{
width: 100%;
}
@media (min-width: 1000px){
.row{
display: grid;
grid-template-columns: 1fr 1fr;
gap: 1rem;
}
.widget h2{
font-size: 3.33rem;
max-width: 89vw;
}
.contact-form .magenta{
margin-top: 1rem;
}
} .companiesimprint .wp-block-column{
border: 0.25rem solid #009ee2;
padding: 3rem 0.5rem;
border-radius: 0.5rem;
}
.companiesimprint .wp-block-column:nth-child(2){
border: 0.25rem solid #E200BF;
}@font-face {
font-family: NeueDIN_XBold;
src: url(https://mixedmode.org/wp-content/themes/knappetheme/files/fonts/NeueDIN-XBold.woff2),
url(https://mixedmode.org/wp-content/themes/knappetheme/files.fonts/NeueDIN-XBold.otf)		
}
@font-face {
font-family: NeueDINVAR;
src: url(https://mixedmode.org/wp-content/themes/knappetheme/files/fonts/NeueDINVAR.woff2)
} html {
line-height: 1.15;
-webkit-text-size-adjust: 100%;
}  body {
margin: 0;
} main {
display: block;
} h1 {
font-size: 2em;
margin: 0.67em 0;
}  hr {
box-sizing: content-box;
height: 0;
overflow: visible;
} pre {
font-family: monospace, monospace;
font-size: 1em;
}  a {
background-color: transparent;
} abbr[title] {
border-bottom: none;
text-decoration: underline;
text-decoration: underline dotted;
} b,
strong {
font-weight: bolder;
} code,
kbd,
samp {
font-family: monospace, monospace;
font-size: 1em;
} small {
font-size: 80%;
} sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}  img {
border-style: none;
}  button,
input,
optgroup,
select,
textarea {
font-family: inherit;
font-size: 100%;
line-height: 1.15;
margin: 0;
} button,
input {
overflow: visible;
} button,
select {
text-transform: none;
} button,
[type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button;
} button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0;
} button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText;
} fieldset {
padding: 0.35em 0.75em 0.625em;
} legend {
box-sizing: border-box;
color: inherit;
display: table;
max-width: 100%;
padding: 0;
white-space: normal;
} progress {
vertical-align: baseline;
} textarea {
overflow: auto;
} [type="checkbox"],
[type="radio"] {
box-sizing: border-box;
padding: 0;
} [type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
} [type="search"] {
-webkit-appearance: textfield;
outline-offset: -2px;
} [type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
} ::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit;
}  details {
display: block;
} summary {
display: list-item;
}  template {
display: none;
} [hidden] {
display: none;
}  *,
*::before,
*::after {
box-sizing: inherit;
}
html {
box-sizing: border-box;
}  body,
button,
input,
select,
optgroup,
textarea {
color: #404040;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
font-size: 1rem;
line-height: 1.5;
}
h1,
h2,
h3,
h4,
h5,
h6 {
clear: both;
}
p {
margin-bottom: 1.5em;
}
dfn,
cite,
em,
i {
font-style: italic;
}
blockquote {
margin: 0 1.5em;
}
address {
margin: 0 0 1.5em;
}
pre {
background: #eee;
font-family: "Courier 10 Pitch", courier, monospace;
line-height: 1.6;
margin-bottom: 1.6em;
max-width: 100%;
overflow: auto;
padding: 1.6em;
}
code,
kbd,
tt,
var {
font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}
abbr,
acronym {
border-bottom: 1px dotted #666;
cursor: help;
}
mark,
ins {
background: #fff9c0;
text-decoration: none;
}
big {
font-size: 125%;
} body {
background: #fff;
}
hr {
background-color: #ccc;
border: 0;
height: 1px;
margin-bottom: 1.5em;
}
ul,
ol {
margin: 0 0 1.5em 3em;
}
ul {
list-style: disc;
}
ol {
list-style: decimal;
}
li > ul,
li > ol {
margin-bottom: 0;
margin-left: 1.5em;
}
dt {
font-weight: 700;
}
dd {
margin: 0 1.5em 1.5em;
} embed,
iframe,
object {
max-width: 100%;
}
img {
height: auto;
max-width: 100%;
}
figure {
margin: 1em 0;
}
table {
margin: 0 0 1.5em;
width: 100%;
} a {
color: #4169e1;
}
a:visited {
color: #800080;
}
a:hover,
a:focus,
a:active {
color: #191970;
}
a:focus {
outline: thin dotted;
}
a:hover,
a:active {
outline: 0;
} button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
border: 1px solid;
border-color: #ccc #ccc #bbb;
border-radius: 3px;
background: #e6e6e6;
color: rgba(0, 0, 0, 0.8);
line-height: 1;
padding: 0.6em 1em 0.4em;
}
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
border-color: #ccc #bbb #aaa;
}
button:active,
button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
border-color: #aaa #bbb #bbb;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
color: #666;
border: 1px solid #ccc;
border-radius: 3px;
padding: 3px;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
color: #111;
}
select {
border: 1px solid #ccc;
}
textarea {
width: 100%;
}   .main-navigation {
display: block;
width: 100%;
}
.main-navigation ul {
display: none;
list-style: none;
margin: 0;
padding-left: 0;
}
.main-navigation ul ul {
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
float: left;
position: absolute;
top: 100%;
left: -999em;
z-index: 99999;
}
.main-navigation ul ul ul {
left: -999em;
top: 0;
}
.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
display: block;
left: auto;
}
.main-navigation ul ul a {
width: 200px;
}
.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
left: auto;
}
.main-navigation li {
position: relative;
}
.main-navigation a {
display: block;
text-decoration: none;
} .menu-toggle,
.main-navigation.toggled ul {
display: block;
}
.site-main .comment-navigation,
.site-main
.posts-navigation,
.site-main
.post-navigation {
margin: 0 0 1.5em;
}
.comment-navigation .nav-links,
.posts-navigation .nav-links,
.post-navigation .nav-links {
display: flex;
}
.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
flex: 1 0 50%;
}
.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
text-align: end;
flex: 1 0 50%;
} .sticky {
display: block;
}
.post,
.page {
margin: 0 0 1.5em;
}
.updated:not(.published) {
display: none;
}
.page-content,
.entry-content,
.entry-summary {
margin: 1.5em 0 0;
}
.page-links {
clear: both;
margin: 0 0 1.5em;
} .comment-content a {
word-wrap: break-word;
}
.bypostauthor {
display: block;
} .widget {
margin: 0 0 1.5em;
}
.widget select {
max-width: 100%;
} .page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
border: none;
margin-bottom: 0;
margin-top: 0;
padding: 0;
} .custom-logo-link {
display: inline-block;
} .wp-caption {
margin-bottom: 1.5em;
max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption .wp-caption-text {
margin: 0.8075em 0;
}
.wp-caption-text {
text-align: center;
} .gallery {
margin-bottom: 1.5em;
display: grid;
grid-gap: 1.5em;
}
.gallery-item {
display: inline-block;
text-align: center;
width: 100%;
}
.gallery-columns-2 {
grid-template-columns: repeat(2, 1fr);
}
.gallery-columns-3 {
grid-template-columns: repeat(3, 1fr);
}
.gallery-columns-4 {
grid-template-columns: repeat(4, 1fr);
}
.gallery-columns-5 {
grid-template-columns: repeat(5, 1fr);
}
.gallery-columns-6 {
grid-template-columns: repeat(6, 1fr);
}
.gallery-columns-7 {
grid-template-columns: repeat(7, 1fr);
}
.gallery-columns-8 {
grid-template-columns: repeat(8, 1fr);
}
.gallery-columns-9 {
grid-template-columns: repeat(9, 1fr);
}
.gallery-caption {
display: block;
}   .infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
display: none;
} .infinity-end.neverending .site-footer {
display: block;
}   .screen-reader-text {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute !important;
width: 1px;
word-wrap: normal !important;
}
.screen-reader-text:focus {
background-color: #f1f1f1;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
clip-path: none;
color: #21759b;
display: block;
font-size: 0.875rem;
font-weight: 700;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000;
} #primary[tabindex="-1"]:focus {
outline: 0;
} .alignleft { float: left; margin-right: 1.5em;
margin-bottom: 1.5em;
}
.alignright { float: right; margin-left: 1.5em;
margin-bottom: 1.5em;
}
.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
margin-bottom: 1.5em;
} html{
font-size: 20px;
scroll-behavior: smooth;
}
body{
font-family: "NeueDIN_XBold", "Neue DIN Var", DIN, sans-serif;
background: #0C002E;
color: white;
font-size: 1rem;
line-height: 1.2em;
padding: 0 0 0 0;
} h1, h2, h3, h4, h5, h6{
font-size: 1rem;
line-height: 1em;
margin: 0 0 1.5rem 0;
}
.site-content h1{
font-size: 2rem;
}
.entry-content h2{
font-size: 2rem;
margin-bottom: 1rem;
margin-top: 0rem;
}
.entry-content h3{
font-size: 2rem;
margin-bottom: 1rem;
margin-top: 3rem;
margin-left: 0!important;
}
.entry-content p{
max-width: 32rem;
}
.entry-content .wp-block-group.is-vertical {
padding-bottom: 5rem;
}
p.has-large-font-size{
font-size: 1.4rem!important;
line-height: 1.2em;
max-width: 35rem;
}
a, a:visited{
color: white;
text-decoration: none;
}
.entry-content a, .entry-content a:visited{
color: white;
text-decoration: underline;
}
a:hover, a:focus{
color: white;
text-decoration: none;
}
ul{
margin: 0 0 0 1.75rem;
padding: 0 0 0 0.25rem;
}
ol{
margin: 0 0 0 2rem;
padding: 0 0 0 0;
}
::selection {
background-color: #E200BF;  
color: #ffffff;
}
::-moz-selection {
background-color: #E200BF;
color: #ffffff;
}
@media (min-width: 1000px){
html{
font-size: 2vw;
}
.entry-content h2,
.entry-content h3{
font-size: 3.33rem;
max-width: 89vw;
}
.entry-content h3{
font-size: 3.33rem;
max-width: 70vw;
}
}
@media (min-width: 1400px){
html,
body{
font-size: 1.8vw;
line-height: 1.2em;
}
.entry-content h2,
.entry-content h3{
font-size: 3.33rem;
max-width: 89vw;
}
.entry-content h3{
font-size: 3.33rem;
max-width: 70vw;
}
} .wp-block-image{
}
.wp-element-caption{
font-size: 0.8rem;
line-height: 1.5em;
margin: 0 0 1.5rem 0;
}
.wp-block-buttons {
gap: 0.5rem;
margin: 0 0 1.5rem 0;
}
.wp-block-buttons a, .wp-block-buttons a:visited{
background: none;
border: 2px solid;
border-radius: 0.5rem;
color: white;
padding: 0.5rem 1.5rem;
}
.wp-block-buttons a:hover, .wp-block-buttons a:focus{
color: black;
}
.wp-block-quote{
margin: 0 0 1.5rem 1.5rem;
padding: 0 0 0 0rem;
border-left: 0px solid;
}
.wp-block-quote p{
margin-top: 2rem;
font-size: 1.3rem;
}
.wp-block-quote cite{
font-style: normal;
line-height: 1.2em!important;
text-align: left;
margin-left: 1rem;
}
.center{
margin-left: auto;
margin-right: auto;
}
.wp-block-table{
}
.wp-block-table th{
text-align: left;
padding: 0.5rem;
border: none;
border-bottom: 1px solid;
}
.wp-block-table td{
padding: 0.5rem;
border: none;
border-bottom: 1px dotted;
}
.wp-block-file a{
font-size: 1rem;
}
.wp-block-file .wp-element-button{
font-size: 1rem;
border: 2px solid;
border-radius: 0.5rem;
} .wp-block-column.has-background{
padding: 0.5rem;
border-radius: 1rem;
} .has-gradient-color{
color: transparent!important;
background: linear-gradient(-102deg, #009ee2, #E200BF);
background-clip: text;
-webkit-background-clip: text;
} .site-header{
position: fixed;
background: black;
bottom: 0;
left: 0;
right: 0;
z-index: 1000;
display: grid;
grid-template-columns: auto 1fr auto;
max-width: 100vw;
height: 2.2rem;
}
.site-branding{
font-weight: 600;
display: inline-block!important;
}
.site-title{
margin: 0;
width: 100%;
display: block;
background: linear-gradient(270deg, #E200BF, #009ee2);
text-align: center;
display: flex;
justify-content: center; 
align-items: center; 
padding: 0 0.5rem!important;
}
#site-navigation{
display: grid;
width: 100%;
text-align: center;
}
#site-navigation a.active{
background: white;
color: black;
}
.menu-toggle{
background: none;
border: 0px solid;
color: white;
border-radius: 0.5rem;
margin: 0rem;
padding: 0.5rem;
display: block;
align-items: center;
align-content: center;
width: 100%;
line-height: 1em;
height: 100%;
text-align: center;
font-family: "NeueDIN_XBold", "Neue DIN Var", DIN, sans-serif;
display: flex;
align-items: center;
justify-content: center;
height: 2.2rem;
}
.site-header a:hover,
.site-header a:focus{
background: white!important;
color: black!important;
}
.header-logos{
display: grid;
grid-template-columns: 1fr 1fr;
width: 6rem;
}
.header-logos a{
line-height: 0;
display: grid;
grid-template-columns: 1fr;
align-items: center;
padding: 0 13px;
}
.header-logos object{
width: 100%;
padding: 0rem;
pointer-events: none;
}
.header-logos .header-logo-moweb{
padding: 0px 5px;
}
.header-logos a:nth-child(1){
background: #009ee2;
}
.header-logos a:nth-child(2){
background: #E200BF;
}
.site-header .header-logos a:hover,
.site-header .header-logos a:focus {
background: linear-gradient(90deg, #E200BF, #009ee2)!important;
}
.menu-header-menu-container ul,
.menu-main-container ul{
position: fixed;
left: 100vw;
bottom: 2.2rem;
width: 100%;
text-align: left;
background: black;
display: block!important;
transition: 0.4s;
}
.toggled .menu-header-menu-container ul,
.toggled .menu-main-container ul{
position: fixed;
left: 0;
bottom: 2.2rem;
width: 100%;
text-align: left;
background: black;
transition: 0.4s;
}
.menu-header-menu-container ul a,
.menu-main-container ul a{
padding: 0.5rem;
border-top: 1px solid;
}
#site-navigation,
#site-navigation .menu-header-menu-container,
#site-navigation .menu,
#site-navigation li{
display: grid;
}
@media screen and (min-width: 40rem) {
.site-header{
height: auto;
}
.menu-header-menu-container ul,
.menu-main-container ul{
position: relative;
left: auto;
bottom: auto;
width: 100%;
text-align: left;
background: black;
}
.menu-header-menu-container ul a,
.menu-main-container ul a{
padding: 0.5rem;
border-top: 0px solid;
}
.menu-toggle {
display: none!important;
}
.main-navigation ul {
display: flex;
}
#primary-menu a{
padding: 0.4rem 0.75rem ;
}
.site-header{
grid-template-columns: auto 1fr auto;
}
#site-navigation,
#site-navigation .menu-header-menu-container,
#site-navigation .menu,
#site-navigation li{
display: block;
}
#site-navigation .menu{
display: grid !important;
grid-template-columns: auto auto auto auto 1fr;
}
} .page{
margin: 0;
}
.entry-title{
margin: 0;
width: 100%;
text-align: left;
font-size: 3rem;
}
.post-thumbnail{
max-width: 100%;
margin: 0 auto;
}
.entry-content{
max-width: 100%;
margin: 0 auto;
background: #0C002E;
position: relative;
z-index: 2;
margin-top: 100vh;
padding: 0.5rem;
} .hero{
width: 100%;
height: 100vh;
position: fixed;
background-size: cover;
background-position: center;
text-align: center;
top: 0;
left: 0;
z-index: 1;
}
.hero-bg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
object-position: top center;
z-index: -1;
}
.hero .entry-header{
max-width: 60rem;
margin: 0 auto;
position: absolute;
bottom: 5rem;
width: 100%;
}
.hero h1.entry-title{
font-size: 10.8vw;
text-align: center;
}
.hero h1.entry-title span{
font-size: 1rem;
}
.page-template-page-template-start .entry-content{
padding-top: 2rem;
}
.hero-logos object{
pointer-events: none;
}
.hero-logos img{
width: 100%;
}
.hero-amr{
position: fixed;
left: 1rem; 
top: 6.5vw;
width: 20vw;
}
.hero-moweb{
position: fixed;
right: 1rem; 
top: 5vw;
width: 16vw;
}
@media (min-width: 1000px){
.hero h1.entry-title{
font-size: 7vw;
}
.hero-amr{
position: fixed;
left: 4rem; 
top: 6vw;
width: 15vw;
}
.hero-moweb{
position: fixed;
right: 3rem; 
top: 4.5vw;
width: 13vw;
}
.hero-logos object{
}
}
@media (min-width: 1300px){
.hero-logos object{
transform: scale(2);
}
} #uber{
padding-bottom: 1rem;
}
.companies{
flex-wrap: nowrap!important;
gap: 0.5rem;
position: relative;
z-index: 3;
font-size: 0.8rem;
}
.companies h3{
font-size: 0.8rem;
min-height: 3em;
margin-top: 1rem;
}
.companies p{
hyphens: auto;
min-height: 15em;
line-height: 1.2em;
}
.companies .wp-block-image{
width: 80%;
margin: 0 auto;
}
.companies .wp-block-column:nth-child(2) .wp-block-image img{
}
.companies .wp-block-group{
border-bottom: 1px solid;
margin: 1rem 0;
padding: 0;
}
.companies .wp-block-column{
padding: 1rem 0.25rem 2rem 0.25rem;
}
.companies .wp-block-group:last-child{
border-bottom: 0px solid;
}
.companies .wp-block-group h2{
margin: 0;
}
.companies h4{
margin: 1rem 0 0.25rem 0;
min-height: 2rem;
font-size: 8.5vw;
}
.companies .wp-block-column p{
hyphens: none;
}
.companies .wp-block-group p{
margin: 0.25rem 0 1rem 0;
min-height: auto;
}
.companies .wp-block-group .wp-block-image{
width: 40%;
margin-bottom: 0.5rem;
}
@media (min-width: 1000px){
.companies{
max-width: 70vw!important;
}
.companies .wp-block-image{
width: 50%;
margin: 0 auto;
}
.companies h4{
font-size: 3rem;
}
.companies h3{
font-size: 1rem;
min-height: 2em;
}
.companies .wp-block-group .wp-block-image{
width: 25%;
}
.companies p{
font-size: 1rem;
hyphens: auto;
min-height: 6em;
}
} .wpcf7{
max-width: 100vw;
overflow: hidden;
} .companiescontainer{
position: relative;
background: linear-gradient(270deg, #E200BF, #009ee2);
margin: 0 -0.5rem!important;
padding: 0.5rem;
width: 100%;
width: calc(100% + 1rem);
}
.herbertquote{
gap: 1rem;
}
.herbertquote .wp-block-image{
text-align: center;
}
.herbertquote img{
width: 60%;
margin:  0;
text-align: center;
}
.herbertquote div{
z-index: 5;
}
.herbertquote .wp-block-quote {
margin: 0;
margin-left: 1rem;
}
.herbertquote .wp-block-quote p{
margin-top: 0;
line-height: 1.1em;
padding-bottom: 1rem;
margin-bottom: 1rem;
border-bottom: 0.25rem solid;
}
.herbertquote cite{
display: block;
line-height: 1.2em;
}
.herbertquote::before {
content: '';
position: absolute;
top: 0;
width: 100%;
height: 100%;
background: linear-gradient(180deg, #0c002e, #0c002e, #0000); left: 0;
}
@media (min-width: 1000px){
cite{
margin-left: 0!important;
}
.herbertquote .wp-block-image {
text-align: right;
}
.herbertquote img{
width: 80%;
}
.wp-block-quote{
padding-top: 3rem;
}
} .widget-area{
position: relative;
z-index: 3;
background: #0C002E;
padding: 1rem 0.5rem 0 0.5rem;
}
.widget h2{
font-size: 2rem;
}
.companiesfooter{
background: linear-gradient(-45deg, #E200BF, #009ee2);
padding: 0.5rem 0.5rem 4rem 0.5rem;
margin: 0 -0.5rem;
min-height: 60vh;
}
.widget:last-child{
margin-bottom: 0;
}
.companiesfooter .wp-block-image{
width: 50vw;
margin-top: 0;
margin: 0;
}
.companiesfooter a{
text-decoration: underline;
}
.companiesfooter a:hover{
text-decoration: none;
}
.companiesfooter h2{
font-size: 1rem!important;
margin: 0;
line-height: 1.2em;
}
.companiesfooter p{
margin-top: 0;
line-height: 1.2em;
}
.metalinks{
position: absolute;
bottom: 1rem;
right: 0.5rem;
}
.entry-footer .edit-link{
display: none;
}
@media (min-width: 782px){
.companiesfooter .wp-block-image{
width: 15vw;
}
}
@media (min-width: 1000px){
.companiesfooter {
padding: 0 10vw;
}
.companiesfooter .wp-block-image{
margin-top: 0;
}
} .contact-form {
padding-top:0rem;
padding-bottom: 1rem;
}
.contact-form h2 {
width: 100%;
margin-bottom: 0px;
}
.contact-form p {
margin-bottom: 0;
max-width: 100%;
width: 100%;
}
.contact-form p span[data-name="your-message"] {
flex: 0 0 100%;
}
.contact-form form h4 {
padding-bottom: 0px;
margin-bottom: 0.5rem;
}
.contact-form form .inputField {
display: flex;
flex-direction: row; margin-bottom: 0rem;
}
.contact-form form .inputField p{display:flex;align-items: center;}
.contact-form form .declartion p{align-items: flex-start; margin-top: 0.5rem}
.contact-form form .form-fields .inputField label {
font-size: 1rem;
line-height: 1.2em;
color: #fff;
color: #009ee2;
font-family: "NeueDIN_XBold";
width: 6rem;
}
.wpcf7-list-item{margin: 0;}
.contact-form form .form-fields .inputField input, .contact-form form .inputField textarea{
width: 100%;
max-width: 100%;
padding: 0.188rem 0.5rem;
font-size: 1rem;
line-height: ;
font-family: "NeueDIN_XBold";
background: #0000;
border: 0.25rem solid #E200BF;
border-radius: 4px;
color:#ffffff;
}
.contact-form form .form-fields .inputField input:hover, .contact-form form .inputField textarea:hover,
.contact-form form .form-fields .inputField input:focus, .contact-form form .inputField textarea:focus,
.contact-form form .inputField input[type="checkbox"]:hover, .contact-form form .inputField input[type="checkbox"]:focus{
border-color: #009ee2;
}
.contact-form form .inputField textarea{
padding: 0.407rem;
width: 100%;
resize: none;
}
.contact-form form .inputField input[type="checkbox"] {
appearance: none;
background-color: #fff0;
margin: 0;
padding: 0;
width: 50px;
height: 50px;
border: 0.25rem solid #E200BF;
border-radius: 4px;
position: relative;
display: inline-block;
}
.wpcf7-acceptance label{
display: grid;
grid-template-columns: 60px 1fr;
margin-left: 0!important;
}
.contact-form form input[type="checkbox"]::before { 
content: '';
position: absolute;
top: 0;
background: #E200BF;
height: 100%;
width: 100%;
clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
scale: 0;
}
.contact-form form input[type="checkbox"]:checked::before { 
scale: .7;
}
.contact-form form .declartion label{
font-size: 1rem;
line-height: 1.2em;
font-family: "NeueDIN_XBold";
color: #fff;
width: 100%;
margin-left: 10px;
color: #E200BF;
}
.contact-form form .form-button {
font-size: 1.5rem;
line-height: 1em;
font-family: "NeueDIN_XBold";
color: #E200BF;
background: none;  width: 100%;
border-radius: 16px;
border: 0;
padding:0.4rem 0 0.6rem 0;
border: 0.25rem solid;
transition: 0s;
}
.contact-form form .form-button:hover,
.contact-form form .form-button:focus {
background: linear-gradient(90deg, #009ee2, #E200BF);
transition: 0s;
color: white;
border-color: white;
}
.wpcf7-response-output{color: #fff;}
.contact-form .magenta{
color: #E200BF;
margin-bottom: 1rem;
display: block;
margin-top: 2rem;
}
.wpcf7-list-item-label{
width: 100%;
}
@media (min-width: 1000px){
.row{
display: grid;
grid-template-columns: 1fr 1fr;
gap: 1rem;
}
.widget h2{
font-size: 3.33rem;
max-width: 89vw;
}
.contact-form .magenta{
margin-top: 1rem;
}
} .companiesimprint .wp-block-column{
border: 0.25rem solid #009ee2;
padding: 3rem 0.5rem;
border-radius: 0.5rem;
}
.companiesimprint .wp-block-column:nth-child(2){
border: 0.25rem solid #E200BF;
}