html {line-height: 1.15;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;}
body {margin: 0;}
article, aside, footer, header, nav, section {display: block;}
h1 {font-size: 2em;margin: .67em 0;}
figcaption, figure, main {display: block;}
figure {margin: 1em 40px;}
hr {box-sizing: content-box;height: 0;overflow: visible;}
pre {font-family: monospace,monospace;font-size: 1em;}
a {background-color: transparent;-webkit-text-decoration-skip: objects;}
abbr[title] {border-bottom: none;text-decoration: underline;text-decoration: underline dotted;}
b, strong {font-weight: inherit;}
b, strong {font-weight: bolder;}
code, kbd, samp {font-family: monospace,monospace;font-size: 1em;}
dfn {font-style: italic;}
mark {background-color: #ff0;color: #000;}
small {font-size: 80%;}
sub, sup {font-size: 75%;line-height: 0;position: relative;vertical-align: baseline;}
sub {bottom: -.25em;}
sup {top: -.5em;}
audio, video {display: inline-block;}
audio:not([controls]) {display: none;height: 0;}
img {border-style: none;}
svg:not(:root) {overflow: hidden;}
button, input, optgroup, select, textarea {font-family: sans-serif;font-size: 100%;line-height: 1.15;margin: 0;}
button, input {overflow: visible;}
button, select {text-transform: none;}
button, html [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: .35em .75em .625em;}
legend {box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal;}
progress {display: inline-block;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-cancel-button, [type="search"]::-webkit-search-decoration {-webkit-appearance: none;}
::-webkit-file-upload-button {-webkit-appearance: button;font: inherit;}
details, menu {display: block;}
summary {display: list-item;}
canvas {display: inline-block;}
template {display: none;}
[hidden] {display: none;}
*, *:after, *:before {box-sizing: inherit;}
html {box-sizing: border-box;font-size: 62.5%;}
body {color: #606c76;font-family: "Roboto","Helvetica Neue","Helvetica","Arial",sans-serif;font-size: 1.6em;font-weight: 300;letter-spacing: .01em;line-height: 1.6;}
blockquote {border-left: .3rem solid #d1d1d1;margin-left: 0;margin-right: 0;padding: 1rem 1.5rem;}
blockquote *:last-child {margin-bottom: 0;}
.button, button, input[type='button'], input[type='reset'], input[type='submit'] {background-color: #9b4dca;border: .1rem solid #9b4dca;border-radius: .4rem;color: #fff;cursor: pointer;display: inline-block;font-size: 1.1rem;font-weight: 700;height: 3.8rem;letter-spacing: .1rem;line-height: 3.8rem;padding: 0 3rem;text-align: center;text-decoration: none;text-transform: uppercase;white-space: nowrap;}
.button:focus, .button:hover, button:focus, button:hover, input[type='button']:focus, input[type='button']:hover, input[type='reset']:focus, input[type='reset']:hover, input[type='submit']:focus, input[type='submit']:hover {background-color: #606c76;border-color: #606c76;color: #fff;outline: 0;}
.button[disabled], button[disabled], input[type='button'][disabled], input[type='reset'][disabled], input[type='submit'][disabled] {cursor: default;opacity: .5;}
.button[disabled]:focus, .button[disabled]:hover, button[disabled]:focus, button[disabled]:hover, input[type='button'][disabled]:focus, input[type='button'][disabled]:hover, input[type='reset'][disabled]:focus, input[type='reset'][disabled]:hover, input[type='submit'][disabled]:focus, input[type='submit'][disabled]:hover {background-color: #9b4dca;border-color: #9b4dca;}
.button.button-outline, button.button-outline, input[type='button'].button-outline, input[type='reset'].button-outline, input[type='submit'].button-outline {background-color: transparent;color: #9b4dca;}
.button.button-outline:focus, .button.button-outline:hover, button.button-outline:focus, button.button-outline:hover, input[type='button'].button-outline:focus, input[type='button'].button-outline:hover, input[type='reset'].button-outline:focus, input[type='reset'].button-outline:hover, input[type='submit'].button-outline:focus, input[type='submit'].button-outline:hover {background-color: transparent;border-color: #606c76;color: #606c76;}
.button.button-outline[disabled]:focus, .button.button-outline[disabled]:hover, button.button-outline[disabled]:focus, button.button-outline[disabled]:hover, input[type='button'].button-outline[disabled]:focus, input[type='button'].button-outline[disabled]:hover, input[type='reset'].button-outline[disabled]:focus, input[type='reset'].button-outline[disabled]:hover, input[type='submit'].button-outline[disabled]:focus, input[type='submit'].button-outline[disabled]:hover {border-color: inherit;color: #9b4dca;}
.button.button-clear, button.button-clear, input[type='button'].button-clear, input[type='reset'].button-clear, input[type='submit'].button-clear {background-color: transparent;border-color: transparent;color: #9b4dca;}
.button.button-clear:focus, .button.button-clear:hover, button.button-clear:focus, button.button-clear:hover, input[type='button'].button-clear:focus, input[type='button'].button-clear:hover, input[type='reset'].button-clear:focus, input[type='reset'].button-clear:hover, input[type='submit'].button-clear:focus, input[type='submit'].button-clear:hover {background-color: transparent;border-color: transparent;color: #606c76;}
.button.button-clear[disabled]:focus, .button.button-clear[disabled]:hover, button.button-clear[disabled]:focus, button.button-clear[disabled]:hover, input[type='button'].button-clear[disabled]:focus, input[type='button'].button-clear[disabled]:hover, input[type='reset'].button-clear[disabled]:focus, input[type='reset'].button-clear[disabled]:hover, input[type='submit'].button-clear[disabled]:focus, input[type='submit'].button-clear[disabled]:hover {color: #9b4dca;}
code {background: #f4f5f6;border-radius: .4rem;font-size: 86%;margin: 0 .2rem;padding: .2rem .5rem;white-space: nowrap;}
pre {background: #f4f5f6;border-left: .3rem solid #9b4dca;overflow-y: hidden;}
pre>code {border-radius: 0;display: block;padding: 1rem 1.5rem;white-space: pre;}
hr {border: 0;border-top: .1rem solid #f4f5f6;margin: 3rem 0;}
input[type='email'], input[type='number'], input[type='password'], input[type='search'], input[type='tel'], input[type='text'], input[type='url'], textarea, select {-webkit-appearance: none;-moz-appearance: none;appearance: none;background-color: transparent;border: .1rem solid #d1d1d1;border-radius: .4rem;box-shadow: none;box-sizing: inherit;height: 3.8rem;padding: .6rem 1rem;width: 100%;}
input[type='email']:focus, input[type='number']:focus, input[type='password']:focus, input[type='search']:focus, input[type='tel']:focus, input[type='text']:focus, input[type='url']:focus, textarea:focus, select:focus {border-color: #9b4dca;outline: 0;}
select {background: url("data:image/svg+xml;utf8,") center right no-repeat;padding-right: 3rem;}
select:focus {background-image: url("data:image/svg+xml;utf8,");}
textarea {min-height: 6.5rem;}
label, legend {display: block;font-size: 1.6rem;font-weight: 700;margin-bottom: .5rem;}
fieldset {border-width: 0;padding: 0;}
input[type='checkbox'], input[type='radio'] {display: inline;}
.label-inline {display: inline-block;font-weight: normal;margin-left: .5rem;}
.container {margin: 0 auto;max-width: 112rem;padding: 0 2rem;position: relative;width: 100%;}
.row {display: flex;flex-direction: column;padding: 0;width: 100%;}
.row.row-no-padding {padding: 0;}
.row.row-no-padding>.column {padding: 0;}
.row.row-wrap {flex-wrap: wrap;}
.row.row-top {align-items: flex-start;}
.row.row-bottom {align-items: flex-end;}
.row.row-center {align-items: center;}
.row.row-stretch {align-items: stretch;}
.row.row-baseline {align-items: baseline;}
.row .column {display: block;flex: 1 1 auto;margin-left: 0;max-width: 100%;width: 100%;}
.row .column.column-offset-10 {margin-left: 10%;}
.row .column.column-offset-20 {margin-left: 20%;}
.row .column.column-offset-25 {margin-left: 25%;}
.row .column.column-offset-33, .row .column.column-offset-34 {margin-left: 33.3333%;}
.row .column.column-offset-50 {margin-left: 50%;}
.row .column.column-offset-66, .row .column.column-offset-67 {margin-left: 66.6666%;}
.row .column.column-offset-75 {margin-left: 75%;}
.row .column.column-offset-80 {margin-left: 80%;}
.row .column.column-offset-90 {margin-left: 90%;}
.row .column.column-10 {flex: 0 0 10%;max-width: 10%;}
.row .column.column-20 {flex: 0 0 20%;max-width: 20%;}
.row .column.column-25 {flex: 0 0 25%;max-width: 25%;}
.row .column.column-33, .row .column.column-34 {flex: 0 0 33.3333%;max-width: 33.3333%;}
.row .column.column-40 {flex: 0 0 40%;max-width: 40%;}
.row .column.column-50 {flex: 0 0 50%;max-width: 50%;}
.row .column.column-60 {flex: 0 0 60%;max-width: 60%;}
.row .column.column-66, .row .column.column-67 {flex: 0 0 66.6666%;max-width: 66.6666%;}
.row .column.column-75 {flex: 0 0 75%;max-width: 75%;}
.row .column.column-80 {flex: 0 0 80%;max-width: 80%;}
.row .column.column-90 {flex: 0 0 90%;max-width: 90%;}
.row .column .column-top {align-self: flex-start;}
.row .column .column-bottom {align-self: flex-end;}
.row .column .column-center {-ms-grid-row-align: center;align-self: center;}
@media (min-width: 40rem) {.row {flex-direction: row;margin-left: -1rem;}
.row .column {margin-bottom: inherit;padding: 0 1rem;}}
a {color: #9b4dca;text-decoration: none;}
a:focus, a:hover {color: #606c76;}
dl, ol, ul {list-style: none;margin-top: 0;padding-left: 0;}
dl dl, dl ol, dl ul, ol dl, ol ol, ol ul, ul dl, ul ol, ul ul {font-size: 90%;margin: 1.5rem 0 1.5rem 3rem;}
ol {list-style: decimal inside;}
ul {list-style: circle inside;}
.button, button, dd, dt, li {margin-bottom: 1rem;}
fieldset, input, select, textarea {margin-bottom: 1.5rem;}
blockquote, dl, figure, form, ol, p, pre, table, ul {margin-bottom: 2.5rem;}
table {border-spacing: 0;width: 100%;}
td, th {border-bottom: .1rem solid #e1e1e1;padding: 1.2rem 1.5rem;text-align: left;}
td:first-child, th:first-child {padding-left: 0;}
td:last-child, th:last-child {padding-right: 0;}
b, strong {font-weight: bold;}
p {margin-top: 0;}
h1, h2, h3, h4, h5, h6 {font-weight: 300;letter-spacing: -.1rem;margin-bottom: 2rem;margin-top: 0;}
h1 {font-size: 4.6rem;line-height: 1.2;}
h2 {font-size: 3.6rem;line-height: 1.25;}
h3 {font-size: 2.8rem;line-height: 1.3;}
h4 {font-size: 2.2rem;letter-spacing: -.08rem;line-height: 1.35;}
h5 {font-size: 1.8rem;letter-spacing: -.05rem;line-height: 1.5;}
h6 {font-size: 1.6rem;letter-spacing: 0;line-height: 1.4;}
img {max-width: 100%;}
.clearfix:after {clear: both;content: " ";display: table;}
.float-left {float: left;}
.float-right {float: right;}
@charset "UTF-8";
.animated {animation-duration: 1s;animation-fill-mode: both;}
.animated.infinite {animation-iteration-count: infinite;}
.animated.hinge {animation-duration: 2s;}
.animated.bounceIn, .animated.bounceOut, .animated.flipOutX, .animated.flipOutY {animation-duration: .75s;}
@keyframes bounce {0%, 20%, 53%, 80%, to {animation-timing-function: cubic-bezier(.215,.61,.355,1);transform: translateZ(0);}
40%, 43% {animation-timing-function: cubic-bezier(.755,.05,.855,.06);transform: translate3d(0,-30px,0);}
70% {animation-timing-function: cubic-bezier(.755,.05,.855,.06);transform: translate3d(0,-15px,0);}
90% {transform: translate3d(0,-4px,0);}}
.bounce {animation-name: bounce;transform-origin: center bottom;}
@keyframes flash {0%, 50%, to {opacity: 1;}
25%, 75% {opacity: 0;}}
.flash {animation-name: flash;}
@keyframes pulse {0% {transform: scaleX(1);}
50% {transform: scale3d(1.05,1.05,1.05);}
to {transform: scaleX(1);}}
.pulse {animation-name: pulse;}
@keyframes rubberBand {0% {transform: scaleX(1);}
30% {transform: scale3d(1.25,.75,1);}
40% {transform: scale3d(.75,1.25,1);}
50% {transform: scale3d(1.15,.85,1);}
65% {transform: scale3d(.95,1.05,1);}
75% {transform: scale3d(1.05,.95,1);}
to {transform: scaleX(1);}}
.rubberBand {animation-name: rubberBand;}
@keyframes shake {0%, to {transform: translateZ(0);}
10%, 30%, 50%, 70%, 90% {transform: translate3d(-10px,0,0);}
20%, 40%, 60%, 80% {transform: translate3d(10px,0,0);}}
.shake {animation-name: shake;}
@keyframes headShake {0% {transform: translateX(0);}
6.5% {transform: translateX(-6px) rotateY(-9deg);}
18.5% {transform: translateX(5px) rotateY(7deg);}
31.5% {transform: translateX(-3px) rotateY(-5deg);}
43.5% {transform: translateX(2px) rotateY(3deg);}
50% {transform: translateX(0);}}
.headShake {animation-timing-function: ease-in-out;animation-name: headShake;}
@keyframes swing {20% {transform: rotate(15deg);}
40% {transform: rotate(-10deg);}
60% {transform: rotate(5deg);}
80% {transform: rotate(-5deg);}
to {transform: rotate(0deg);}}
.swing {transform-origin: top center;animation-name: swing;}
@keyframes tada {0% {transform: scaleX(1);}
10%, 20% {transform: scale3d(.9,.9,.9) rotate(-3deg);}
30%, 50%, 70%, 90% {transform: scale3d(1.1,1.1,1.1) rotate(3deg);}
40%, 60%, 80% {transform: scale3d(1.1,1.1,1.1) rotate(-3deg);}
to {transform: scaleX(1);}}
.tada {animation-name: tada;}
@keyframes wobble {0% {transform: none;}
15% {transform: translate3d(-25%,0,0) rotate(-5deg);}
30% {transform: translate3d(20%,0,0) rotate(3deg);}
45% {transform: translate3d(-15%,0,0) rotate(-3deg);}
60% {transform: translate3d(10%,0,0) rotate(2deg);}
75% {transform: translate3d(-5%,0,0) rotate(-1deg);}
to {transform: none;}}
.wobble {animation-name: wobble;}
@keyframes jello {0%, 11.1%, to {transform: none;}
22.2% {transform: skewX(-12.5deg) skewY(-12.5deg);}
33.3% {transform: skewX(6.25deg) skewY(6.25deg);}
44.4% {transform: skewX(-3.125deg) skewY(-3.125deg);}
55.5% {transform: skewX(1.5625deg) skewY(1.5625deg);}
66.6% {transform: skewX(-.78125deg) skewY(-.78125deg);}
77.7% {transform: skewX(.390625deg) skewY(.390625deg);}
88.8% {transform: skewX(-.1953125deg) skewY(-.1953125deg);}}
.jello {animation-name: jello;transform-origin: center;}
@keyframes bounceIn {0%, 20%, 40%, 60%, 80%, to {animation-timing-function: cubic-bezier(.215,.61,.355,1);}
0% {opacity: 0;transform: scale3d(.3,.3,.3);}
20% {transform: scale3d(1.1,1.1,1.1);}
40% {transform: scale3d(.9,.9,.9);}
60% {opacity: 1;transform: scale3d(1.03,1.03,1.03);}
80% {transform: scale3d(.97,.97,.97);}
to {opacity: 1;transform: scaleX(1);}}
.bounceIn {animation-name: bounceIn;}
@keyframes bounceInDown {0%, 60%, 75%, 90%, to {animation-timing-function: cubic-bezier(.215,.61,.355,1);}
0% {opacity: 0;transform: translate3d(0,-3000px,0);}
60% {opacity: 1;transform: translate3d(0,25px,0);}
75% {transform: translate3d(0,-10px,0);}
90% {transform: translate3d(0,5px,0);}
to {transform: none;}}
.bounceInDown {animation-name: bounceInDown;}
@keyframes bounceInLeft {0%, 60%, 75%, 90%, to {animation-timing-function: cubic-bezier(.215,.61,.355,1);}
0% {opacity: 0;transform: translate3d(-3000px,0,0);}
60% {opacity: 1;transform: translate3d(25px,0,0);}
75% {transform: translate3d(-10px,0,0);}
90% {transform: translate3d(5px,0,0);}
to {transform: none;}}
.bounceInLeft {animation-name: bounceInLeft;}
@keyframes bounceInRight {0%, 60%, 75%, 90%, to {animation-timing-function: cubic-bezier(.215,.61,.355,1);}
0% {opacity: 0;transform: translate3d(3000px,0,0);}
60% {opacity: 1;transform: translate3d(-25px,0,0);}
75% {transform: translate3d(10px,0,0);}
90% {transform: translate3d(-5px,0,0);}
to {transform: none;}}
.bounceInRight {animation-name: bounceInRight;}
@keyframes bounceInUp {0%, 60%, 75%, 90%, to {animation-timing-function: cubic-bezier(.215,.61,.355,1);}
0% {opacity: 0;transform: translate3d(0,3000px,0);}
60% {opacity: 1;transform: translate3d(0,-20px,0);}
75% {transform: translate3d(0,10px,0);}
90% {transform: translate3d(0,-5px,0);}
to {transform: translateZ(0);}}
.bounceInUp {animation-name: bounceInUp;}
@keyframes bounceOut {20% {transform: scale3d(.9,.9,.9);}
50%, 55% {opacity: 1;transform: scale3d(1.1,1.1,1.1);}
to {opacity: 0;transform: scale3d(.3,.3,.3);}}
.bounceOut {animation-name: bounceOut;}
@keyframes bounceOutDown {20% {transform: translate3d(0,10px,0);}
40%, 45% {opacity: 1;transform: translate3d(0,-20px,0);}
to {opacity: 0;transform: translate3d(0,2000px,0);}}
.bounceOutDown {animation-name: bounceOutDown;}
@keyframes bounceOutLeft {20% {opacity: 1;transform: translate3d(20px,0,0);}
to {opacity: 0;transform: translate3d(-2000px,0,0);}}
.bounceOutLeft {animation-name: bounceOutLeft;}
@keyframes bounceOutRight {20% {opacity: 1;transform: translate3d(-20px,0,0);}
to {opacity: 0;transform: translate3d(2000px,0,0);}}
.bounceOutRight {animation-name: bounceOutRight;}
@keyframes bounceOutUp {20% {transform: translate3d(0,-10px,0);}
40%, 45% {opacity: 1;transform: translate3d(0,20px,0);}
to {opacity: 0;transform: translate3d(0,-2000px,0);}}
.bounceOutUp {animation-name: bounceOutUp;}
@keyframes fadeIn {0% {opacity: 0;}
to {opacity: 1;}}
.fadeIn {animation-name: fadeIn;}
@keyframes fadeInDown {0% {opacity: 0;transform: translate3d(0,-100%,0);}
to {opacity: 1;transform: none;}}
.fadeInDown {animation-name: fadeInDown;}
@keyframes fadeInDownBig {0% {opacity: 0;transform: translate3d(0,-2000px,0);}
to {opacity: 1;transform: none;}}
.fadeInDownBig {animation-name: fadeInDownBig;}
@keyframes fadeInLeft {0% {opacity: 0;transform: translate3d(-100%,0,0);}
to {opacity: 1;transform: none;}}
.fadeInLeft {animation-name: fadeInLeft;}
@keyframes fadeInLeftBig {0% {opacity: 0;transform: translate3d(-2000px,0,0);}
to {opacity: 1;transform: none;}}
.fadeInLeftBig {animation-name: fadeInLeftBig;}
@keyframes fadeInRight {0% {opacity: 0;transform: translate3d(100%,0,0);}
to {opacity: 1;transform: none;}}
.fadeInRight {animation-name: fadeInRight;}
@keyframes fadeInRightBig {0% {opacity: 0;transform: translate3d(2000px,0,0);}
to {opacity: 1;transform: none;}}
.fadeInRightBig {animation-name: fadeInRightBig;}
@keyframes fadeInUp {0% {opacity: 0;transform: translate3d(0,100%,0);}
to {opacity: 1;transform: none;}}
.fadeInUp {animation-name: fadeInUp;}
@keyframes fadeInUpBig {0% {opacity: 0;transform: translate3d(0,2000px,0);}
to {opacity: 1;transform: none;}}
.fadeInUpBig {animation-name: fadeInUpBig;}
@keyframes fadeOut {0% {opacity: 1;}
to {opacity: 0;}}
.fadeOut {animation-name: fadeOut;}
@keyframes fadeOutDown {0% {opacity: 1;}
to {opacity: 0;transform: translate3d(0,100%,0);}}
.fadeOutDown {animation-name: fadeOutDown;}
@keyframes fadeOutDownBig {0% {opacity: 1;}
to {opacity: 0;transform: translate3d(0,2000px,0);}}
.fadeOutDownBig {animation-name: fadeOutDownBig;}
@keyframes fadeOutLeft {0% {opacity: 1;}
to {opacity: 0;transform: translate3d(-100%,0,0);}}
.fadeOutLeft {animation-name: fadeOutLeft;}
@keyframes fadeOutLeftBig {0% {opacity: 1;}
to {opacity: 0;transform: translate3d(-2000px,0,0);}}
.fadeOutLeftBig {animation-name: fadeOutLeftBig;}
@keyframes fadeOutRight {0% {opacity: 1;}
to {opacity: 0;transform: translate3d(100%,0,0);}}
.fadeOutRight {animation-name: fadeOutRight;}
@keyframes fadeOutRightBig {0% {opacity: 1;}
to {opacity: 0;transform: translate3d(2000px,0,0);}}
.fadeOutRightBig {animation-name: fadeOutRightBig;}
@keyframes fadeOutUp {0% {opacity: 1;}
to {opacity: 0;transform: translate3d(0,-100%,0);}}
.fadeOutUp {animation-name: fadeOutUp;}
@keyframes fadeOutUpBig {0% {opacity: 1;}
to {opacity: 0;transform: translate3d(0,-2000px,0);}}
.fadeOutUpBig {animation-name: fadeOutUpBig;}
@keyframes flip {0% {transform: perspective(400px) rotateY(-1 turn);animation-timing-function: ease-out;}
40% {transform: perspective(400px) translateZ(150px) rotateY(-190deg);animation-timing-function: ease-out;}
50% {transform: perspective(400px) translateZ(150px) rotateY(-170deg);animation-timing-function: ease-in;}
80% {transform: perspective(400px) scale3d(.95,.95,.95);animation-timing-function: ease-in;}
to {transform: perspective(400px);animation-timing-function: ease-in;}}
.animated.flip {-webkit-backface-visibility: visible;backface-visibility: visible;animation-name: flip;}
@keyframes flipInX {0% {transform: perspective(400px) rotateX(90deg);animation-timing-function: ease-in;opacity: 0;}
40% {transform: perspective(400px) rotateX(-20deg);animation-timing-function: ease-in;}
60% {transform: perspective(400px) rotateX(10deg);opacity: 1;}
80% {transform: perspective(400px) rotateX(-5deg);}
to {transform: perspective(400px);}}
.flipInX {-webkit-backface-visibility: visible !important;backface-visibility: visible !important;animation-name: flipInX;}
@keyframes flipInY {0% {transform: perspective(400px) rotateY(90deg);animation-timing-function: ease-in;opacity: 0;}
40% {transform: perspective(400px) rotateY(-20deg);animation-timing-function: ease-in;}
60% {transform: perspective(400px) rotateY(10deg);opacity: 1;}
80% {transform: perspective(400px) rotateY(-5deg);}
to {transform: perspective(400px);}}
.flipInY {-webkit-backface-visibility: visible !important;backface-visibility: visible !important;animation-name: flipInY;}
@keyframes flipOutX {0% {transform: perspective(400px);}
30% {transform: perspective(400px) rotateX(-20deg);opacity: 1;}
to {transform: perspective(400px) rotateX(90deg);opacity: 0;}}
.flipOutX {animation-name: flipOutX;-webkit-backface-visibility: visible !important;backface-visibility: visible !important;}
@keyframes flipOutY {0% {transform: perspective(400px);}
30% {transform: perspective(400px) rotateY(-15deg);opacity: 1;}
to {transform: perspective(400px) rotateY(90deg);opacity: 0;}}
.flipOutY {-webkit-backface-visibility: visible !important;backface-visibility: visible !important;animation-name: flipOutY;}
@keyframes lightSpeedIn {0% {transform: translate3d(100%,0,0) skewX(-30deg);opacity: 0;}
60% {transform: skewX(20deg);opacity: 1;}
80% {transform: skewX(-5deg);opacity: 1;}
to {transform: none;opacity: 1;}}
.lightSpeedIn {animation-name: lightSpeedIn;animation-timing-function: ease-out;}
@keyframes lightSpeedOut {0% {opacity: 1;}
to {transform: translate3d(100%,0,0) skewX(30deg);opacity: 0;}}
.lightSpeedOut {animation-name: lightSpeedOut;animation-timing-function: ease-in;}
@keyframes rotateIn {0% {transform-origin: center;transform: rotate(-200deg);opacity: 0;}
to {transform-origin: center;transform: none;opacity: 1;}}
.rotateIn {animation-name: rotateIn;}
@keyframes rotateInDownLeft {0% {transform-origin: left bottom;transform: rotate(-45deg);opacity: 0;}
to {transform-origin: left bottom;transform: none;opacity: 1;}}
.rotateInDownLeft {animation-name: rotateInDownLeft;}
@keyframes rotateInDownRight {0% {transform-origin: right bottom;transform: rotate(45deg);opacity: 0;}
to {transform-origin: right bottom;transform: none;opacity: 1;}}
.rotateInDownRight {animation-name: rotateInDownRight;}
@keyframes rotateInUpLeft {0% {transform-origin: left bottom;transform: rotate(45deg);opacity: 0;}
to {transform-origin: left bottom;transform: none;opacity: 1;}}
.rotateInUpLeft {animation-name: rotateInUpLeft;}
@keyframes rotateInUpRight {0% {transform-origin: right bottom;transform: rotate(-90deg);opacity: 0;}
to {transform-origin: right bottom;transform: none;opacity: 1;}}
.rotateInUpRight {animation-name: rotateInUpRight;}
@keyframes rotateOut {0% {transform-origin: center;opacity: 1;}
to {transform-origin: center;transform: rotate(200deg);opacity: 0;}}
.rotateOut {animation-name: rotateOut;}
@keyframes rotateOutDownLeft {0% {transform-origin: left bottom;opacity: 1;}
to {transform-origin: left bottom;transform: rotate(45deg);opacity: 0;}}
.rotateOutDownLeft {animation-name: rotateOutDownLeft;}
@keyframes rotateOutDownRight {0% {transform-origin: right bottom;opacity: 1;}
to {transform-origin: right bottom;transform: rotate(-45deg);opacity: 0;}}
.rotateOutDownRight {animation-name: rotateOutDownRight;}
@keyframes rotateOutUpLeft {0% {transform-origin: left bottom;opacity: 1;}
to {transform-origin: left bottom;transform: rotate(-45deg);opacity: 0;}}
.rotateOutUpLeft {animation-name: rotateOutUpLeft;}
@keyframes rotateOutUpRight {0% {transform-origin: right bottom;opacity: 1;}
to {transform-origin: right bottom;transform: rotate(90deg);opacity: 0;}}
.rotateOutUpRight {animation-name: rotateOutUpRight;}
@keyframes hinge {0% {transform-origin: top left;animation-timing-function: ease-in-out;}
20%, 60% {transform: rotate(80deg);transform-origin: top left;animation-timing-function: ease-in-out;}
40%, 80% {transform: rotate(60deg);transform-origin: top left;animation-timing-function: ease-in-out;opacity: 1;}
to {transform: translate3d(0,700px,0);opacity: 0;}}
.hinge {animation-name: hinge;}
@keyframes jackInTheBox {0% {opacity: 0;transform: scale(.1) rotate(30deg);transform-origin: center bottom;}
50% {transform: rotate(-10deg);}
70% {transform: rotate(3deg);}
to {opacity: 1;transform: scale(1);}}
.jackInTheBox {animation-name: jackInTheBox;}
@keyframes rollIn {0% {opacity: 0;transform: translate3d(-100%,0,0) rotate(-120deg);}
to {opacity: 1;transform: none;}}
.rollIn {animation-name: rollIn;}
@keyframes rollOut {0% {opacity: 1;}
to {opacity: 0;transform: translate3d(100%,0,0) rotate(120deg);}}
.rollOut {animation-name: rollOut;}
@keyframes zoomIn {0% {opacity: 0;transform: scale3d(.3,.3,.3);}
50% {opacity: 1;}}
.zoomIn {animation-name: zoomIn;}
@keyframes zoomInDown {0% {opacity: 0;transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0);animation-timing-function: cubic-bezier(.55,.055,.675,.19);}
60% {opacity: 1;transform: scale3d(.475,.475,.475) translate3d(0,60px,0);animation-timing-function: cubic-bezier(.175,.885,.32,1);}}
.zoomInDown {animation-name: zoomInDown;}
@keyframes zoomInLeft {0% {opacity: 0;transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0);animation-timing-function: cubic-bezier(.55,.055,.675,.19);}
60% {opacity: 1;transform: scale3d(.475,.475,.475) translate3d(10px,0,0);animation-timing-function: cubic-bezier(.175,.885,.32,1);}}
.zoomInLeft {animation-name: zoomInLeft;}
@keyframes zoomInRight {0% {opacity: 0;transform: scale3d(.1,.1,.1) translate3d(1000px,0,0);animation-timing-function: cubic-bezier(.55,.055,.675,.19);}
60% {opacity: 1;transform: scale3d(.475,.475,.475) translate3d(-10px,0,0);animation-timing-function: cubic-bezier(.175,.885,.32,1);}}
.zoomInRight {animation-name: zoomInRight;}
@keyframes zoomInUp {0% {opacity: 0;transform: scale3d(.1,.1,.1) translate3d(0,1000px,0);animation-timing-function: cubic-bezier(.55,.055,.675,.19);}
60% {opacity: 1;transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);animation-timing-function: cubic-bezier(.175,.885,.32,1);}}
.zoomInUp {animation-name: zoomInUp;}
@keyframes zoomOut {0% {opacity: 1;}
50% {opacity: 0;transform: scale3d(.3,.3,.3);}
to {opacity: 0;}}
.zoomOut {animation-name: zoomOut;}
@keyframes zoomOutDown {40% {opacity: 1;transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);animation-timing-function: cubic-bezier(.55,.055,.675,.19);}
to {opacity: 0;transform: scale3d(.1,.1,.1) translate3d(0,2000px,0);transform-origin: center bottom;animation-timing-function: cubic-bezier(.175,.885,.32,1);}}
.zoomOutDown {animation-name: zoomOutDown;}
@keyframes zoomOutLeft {40% {opacity: 1;transform: scale3d(.475,.475,.475) translate3d(42px,0,0);}
to {opacity: 0;transform: scale(.1) translate3d(-2000px,0,0);transform-origin: left center;}}
.zoomOutLeft {animation-name: zoomOutLeft;}
@keyframes zoomOutRight {40% {opacity: 1;transform: scale3d(.475,.475,.475) translate3d(-42px,0,0);}
to {opacity: 0;transform: scale(.1) translate3d(2000px,0,0);transform-origin: right center;}}
.zoomOutRight {animation-name: zoomOutRight;}
@keyframes zoomOutUp {40% {opacity: 1;transform: scale3d(.475,.475,.475) translate3d(0,60px,0);animation-timing-function: cubic-bezier(.55,.055,.675,.19);}
to {opacity: 0;transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform-origin: center bottom;animation-timing-function: cubic-bezier(.175,.885,.32,1);}}
.zoomOutUp {animation-name: zoomOutUp;}
@keyframes slideInDown {0% {transform: translate3d(0,-100%,0);visibility: visible;}
to {transform: translateZ(0);}}
.slideInDown {animation-name: slideInDown;}
@keyframes slideInLeft {0% {transform: translate3d(-100%,0,0);visibility: visible;}
to {transform: translateZ(0);}}
.slideInLeft {animation-name: slideInLeft;}
@keyframes slideInRight {0% {transform: translate3d(100%,0,0);visibility: visible;}
to {transform: translateZ(0);}}
.slideInRight {animation-name: slideInRight;}
@keyframes slideInUp {0% {transform: translate3d(0,100%,0);visibility: visible;}
to {transform: translateZ(0);}}
.slideInUp {animation-name: slideInUp;}
@keyframes slideOutDown {0% {transform: translateZ(0);}
to {visibility: hidden;transform: translate3d(0,100%,0);}}
.slideOutDown {animation-name: slideOutDown;}
@keyframes slideOutLeft {0% {transform: translateZ(0);}
to {visibility: hidden;transform: translate3d(-100%,0,0);}}
.slideOutLeft {animation-name: slideOutLeft;}
@keyframes slideOutRight {0% {transform: translateZ(0);}
to {visibility: hidden;transform: translate3d(100%,0,0);}}
.slideOutRight {animation-name: slideOutRight;}
@keyframes slideOutUp {0% {transform: translateZ(0);}
to {visibility: hidden;transform: translate3d(0,-100%,0);}}
.slideOutUp {animation-name: slideOutUp;}
.flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus {outline: none;}
.slides, .flex-control-nav, .flex-direction-nav {margin: 0;padding: 0;list-style: none;}
@font-face {font-family: "flexslider-icon";src: url("/assets/tools/flexslider/css/fonts/flexslider-icon.eot");src: url("/assets/tools/flexslider/css/fonts/flexslider-icon.eot?#iefix") format("embedded-opentype"),url("/assets/tools/flexslider/css/fonts/flexslider-icon.woff") format("woff"),url("/assets/tools/flexslider/css/fonts/flexslider-icon.ttf") format("truetype"),url("/assets/tools/flexslider/css/fonts/flexslider-icon.svg#flexslider-icon") format("svg");font-weight: normal;font-style: normal;}
.flexslider {margin: 0;padding: 0;}
.flexslider .slides > li {display: none;-webkit-backface-visibility: hidden;}
.flexslider .slides img {width: 100%;display: block;}
.flex-pauseplay span {text-transform: capitalize;}
.slides:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}
.no-js .slides > li:first-child {display: block;}
.flexslider {margin: 0 0 60px;background: #fff;border: 4px solid #fff;position: relative;-webkit-border-radius: 4px;-moz-border-radius: 4px;-o-border-radius: 4px;border-radius: 4px;-webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2);-moz-box-shadow: 0 1px 4px rgba(0,0,0,.2);-o-box-shadow: 0 1px 4px rgba(0,0,0,.2);box-shadow: 0 1px 4px rgba(0,0,0,.2);zoom: 1;}
.flex-viewport {max-height: 2000px;-webkit-transition: all 1s ease;-moz-transition: all 1s ease;-o-transition: all 1s ease;transition: all 1s ease;}
.loading .flex-viewport {max-height: 300px;}
.flexslider .slides {zoom: 1;}
.carousel li {margin-right: 5px;}
.flex-direction-nav {}
.flex-direction-nav a {text-decoration: none;display: block;width: 40px;height: 40px;margin: -20px 0 0;position: absolute;top: 50%;z-index: 10;overflow: hidden;opacity: 0;cursor: pointer;color: rgba(0,0,0,.8);text-shadow: 1px 1px 0 rgba(255,255,255,.3);-webkit-transition: all .3s ease;-moz-transition: all .3s ease;transition: all .3s ease;}
.flex-direction-nav .flex-prev {left: -50px;}
.flex-direction-nav .flex-next {right: -50px;text-align: right;}
.flexslider:hover .flex-prev {opacity: .7;left: 10px;}
.flexslider:hover .flex-next {opacity: .7;right: 10px;}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;}
.flex-direction-nav .flex-disabled {opacity: 0 !important;filter: alpha(opacity=0);cursor: default;}
.flex-direction-nav a:before {font-family: "flexslider-icon";font-size: 40px;line-height: 1;display: inline-block;content: "";}
.flex-direction-nav a.flex-next:before {content: "";}
.flex-pauseplay a {display: block;width: 20px;height: 20px;position: absolute;bottom: 5px;left: 10px;opacity: .8;z-index: 10;overflow: hidden;cursor: pointer;color: #000;}
.flex-pauseplay a:before {font-family: "flexslider-icon";font-size: 20px;display: inline-block;content: "";}
.flex-pauseplay a:hover {opacity: 1;}
.flex-pauseplay a.flex-play:before {content: "";}
.flex-control-nav {width: 100%;position: absolute;bottom: -40px;text-align: center;}
.flex-control-nav li {margin: 0 6px;display: inline-block;zoom: 1;}
.flex-control-paging li a {width: 11px;height: 11px;display: block;background: #666;background: rgba(0,0,0,.5);cursor: pointer;text-indent: -9999px;-webkit-border-radius: 20px;-moz-border-radius: 20px;-o-border-radius: 20px;border-radius: 20px;-webkit-box-shadow: inset 0 0 3px rgba(0,0,0,.3);-moz-box-shadow: inset 0 0 3px rgba(0,0,0,.3);-o-box-shadow: inset 0 0 3px rgba(0,0,0,.3);box-shadow: inset 0 0 3px rgba(0,0,0,.3);}
.flex-control-paging li a:hover {background: #333;background: rgba(0,0,0,.7);}
.flex-control-paging li a.flex-active {background: #000;background: rgba(0,0,0,.9);cursor: default;}
.flex-control-thumbs {margin: 5px 0 0;position: static;overflow: hidden;}
.flex-control-thumbs li {width: 25%;float: left;margin: 0;}
.flex-control-thumbs img {width: 100%;display: block;opacity: .7;cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1;cursor: default;}
@media screen and (max-width: 860px) {.flex-direction-nav .flex-prev {opacity: 1;left: 10px;}
.flex-direction-nav .flex-next {opacity: 1;right: 10px;}}
@charset "UTF-8";
@import url("https://fonts.bunny.net/css?family=Roboto+Condensed:300,400,700|Roboto:100,300,400,500,700,900");
.row {width: 100%;margin: 0;}
.row .column {padding: 0;}
:before, :after {font-family: "FontAwesome";text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
html, body {height: 100%;}
body {font-family: "Roboto",Helvetica,Arial,sans-serif;font-weight: 300;color: #000;font-size: 1.6rem;position: relative;}
header {position: fixed;background: #f2f2f2;background: #008c48;background: rgba(0,140,72,.7);background: rgba(255,255,255,.7);background: rgba(255,255,255,.9);width: 100%;z-index: 9;}
header.sticky {background: rgba(255,255,255,.95);box-shadow: 0 8px 20px -4px rgba(0,0,0,.3);}
a {color: #008c48;}
a:hover {color: #e56e02;}
h1, h2, h3, h4, h5, h6 {font-weight: 300;letter-spacing: -.1rem;margin-bottom: 2rem;margin-top: 0;font-family: "Roboto Condensed",Helvetica,Arial,sans-serif;}
.logo-wrapper {display: flex;flex-direction: row;align-items: center;justify-content: center;}
.logo {display: block;opacity: 1;transition: transform .4s ease;transform: translate(0,0);transform: translate3d(0,0,0);}
.logo img {width: auto;height: 7.5rem;padding-top: 1rem;}
.signet {transition: transform .4s ease;transform: translate(-200rem,0);transform: translate3d(-200rem,0,0);}
.signet img {width: auto;height: 4.5rem;padding-top: 1rem;}
.headerBar {position: absolute;top: 0;width: 100%;background: rgba(0,140,72,.6);padding: 1rem;}
.headerCaption {position: absolute;width: 100%;top: 0;top: 20%;z-index: 999;}
.headerCaption .logos {position: absolute;width: 21rem;max-width: 21rem;right: 6rem;top: 0;}
.eyecatcher {position: relative;line-height: 0;top: 0;}
.eyecatcher .caption {font-family: "Roboto Condensed",Helvetica,Arial,sans-serif;position: absolute;top: 50%;left: 50%;transform: translate(-50%,60%);display: inline-block;line-height: 1.6;}
.eyecatcher .caption .title {padding: 2rem;padding-top: 0;padding-bottom: 0;font-size: 4rem;text-transform: uppercase;font-weight: 500;background: rgba(255,255,255,.85);display: table;overflow: hidden;}
.eyecatcher .caption .longtitle {padding: 2rem;padding-top: 0;padding-bottom: 0;font-size: 2rem;text-transform: uppercase;font-weight: 500;background: rgba(255,255,255,.95);margin-top: 1rem;display: table;overflow: hidden;}
.eyecatcher .caption .description {background: rgba(255,255,255,.1);padding: 2rem;max-width: 60%;display: table;overflow: hidden;}
@media (max-width: 40rem) {.eyecatcher .caption {display: none;}}
@media (max-width: 76.8rem) {.eyecatcher .caption {display: none;}}
.certificate {position: absolute;right: 2rem;bottom: -5rem;width: 15rem;height: 15rem;z-index: 999;}
@media (max-width: 40rem) {.certificate {width: 7.5rem;height: 7.5rem;top: 2rem;}}
.postheader {background: #e6f4ed;}
.divider {padding: 2.5rem 0;}
.divider.noPadding {padding: 0;}
.divider img {border-radius: 100%;border-radius: 0;}
.divider .imageSmall img {max-width: 100%;}
.divider .divider-content-title {text-transform: uppercase;}
.dividerA {background: #008c48;color: #e6f4ed;font-weight: 300;}
.dividerA h2 {color: #80c6a4;text-align: center;}
.dividerA a {color: #80c6a4;}
.dividerA a:hover {color: #fff;}
.dividerB {background: #e56e02;color: #fcf1e6;font-weight: 300;}
.dividerB h2 {color: #f2b781;text-align: center;}
.dividerB a {color: #f2b781;}
.dividerB a:hover {color: #fff;}
.dividerC {background: #315b2d;color: #eff8ef;font-weight: 300;}
.dividerC h2 {color: #b1daad;text-align: center;}
.dividerC a {color: #b1daad;}
.dividerC a:hover {color: #fff;}
.dividerX {background: #e6e6e6;color: #4d4d4d;font-weight: 300;}
.dividerX h2 {color: #fff;text-align: center;border-bottom: 1px solid #fff;margin-left: 5%;margin-right: 5%;padding-bottom: 2rem;}
.dividerX a {color: #008c48;}
.dividerX a:hover {color: #e56e02;}
.widget {padding: 3rem;text-align: center;}
.widget .title {text-transform: uppercase;font-size: 2rem;margin-bottom: .5rem;}
.widget .image img {background: #fff;}
.widget .longtitle {text-transform: uppercase;}
.widget .introtext {font-size: 1.3rem;}
.widget .link a {display: inline-block;color: #e56e02;font-weight: 500;text-transform: uppercase;font-size: 1rem;}
.widget .link a:hover {color: #008c48;}
.post {padding: 3rem;text-align: left;}
.post .title {margin-bottom: .5rem;border-bottom: 1px solid #b3ddc8;}
.post .image img {background: #fff;}
.post .longtitle {font-size: 1.3rem;}
.post .introtext {font-size: 1.3rem;}
.post .link a {display: inline-block;color: #e56e02;font-weight: 500;text-transform: uppercase;font-size: 1rem;}
.post .link a:hover {color: #008c48;}
img.zoomIt:after {font-family: "FontAwesome";content: "";}
img.zoomed {position: fixed;top: 0px;z-index: 9999;padding: 5rem;background: blue;max-width: 100%;max-height: 100%;}
.content {margin-top: 2rem;}
.content section.contentWidth {margin-bottom: 2rem;}
.content section.contentWidth.colorALight15 {background: #d9eee4;}
.content section.contentWidth.colorXLight15 {background: #d9d9d9;}
.content section.contentWidth.colorXLight15 strong {color: #808080;}
.content section.contentWidth.colorB {background: #e56e02;color: #fef8f2;}
.content section.fullWidth {width: 100vw;position: relative;left: 50%;right: 50%;margin-left: -50vw;margin-right: -50vw;margin-bottom: 2rem;padding-top: 2rem;padding-bottom: 2rem;padding-bottom: .1rem;}
.content section.fullWidth.marginTopNo {margin-top: -2rem;}
.content section.fullWidth.marginBottomNo {margin-bottom: 0;}
.content section.fullWidth.colorALight15 {background: #d9eee4;}
.content section.fullWidth.colorXLight15 {background: #d9d9d9;}
.content section.fullWidth.colorXLight15 strong {color: #808080;}
.content section.fullWidth.colorB {background: #e56e02;color: #fef8f2;}
.content section.fullWidth.colorA {background: #008c48;color: #cce8da;}
.content section.fullWidth.colorMastercam {background: #d11242;color: #f2f2f2;}
.content section.fullWidth.colorCloudNC {background: #fd384e;color: #030010;color: #fff;}
.content section.fullWidth.withImage {background-attachment: fixed;background-position: center center;background-repeat: no-repeat;background-size: cover;}
.content section.fullWidth .wrapperForSections {padding: 4rem;background-color: rgba(255,255,255,.8);margin-top: 3rem;margin-bottom: 4rem;}
.content section.fullWidth .wrapperForSections p {font-weight: 400;}
.content section.fullWidth .wrapperForSections .callToAction {display: flex;justify-content: center;margin-top: 2rem;}
.content section.fullWidth p, .content section.fullWidth h2, .content section.fullWidth h3, .content section.fullWidth h4 {}
.content section.fullWidth p.showy {font-family: "Roboto",Helvetica,Arial,sans-serif;font-weight: 100;}
.content section.fullWidth ul {list-style: none;margin: 0 auto;margin-bottom: 2rem;position: relative;font-weight: 400;column-count: 2;}
@media (max-width: 40rem) {.content section.fullWidth ul {column-count: 1;}}
.content section.fullWidth ul li {padding-left: 3rem;padding-top: .25rem;padding-bottom: .75rem;page-break-inside: avoid;break-inside: avoid;position: relative;}
.content section.fullWidth ul li:before {content: "";background-image: url("data:image/svg+xml;utf8,");background-repeat: no-repeat;height: 2rem;width: 2rem;position: absolute;top: .5rem;left: 0;}
.content section.fullWidth .mc2021Vorteile ul {margin: 0;padding: 0;list-style: none;column-count: 1;display: flex;justify-content: space-between;}
.content section.fullWidth .mc2021Vorteile ul li {padding-left: 0;padding-top: 0;padding-bottom: 0;page-break-inside: avoid;page-break-inside: auto;break-inside: avoid;break-inside: auto;position: relative;flex-basis: 15%;}
.content section.fullWidth .mc2021Vorteile ul li:before {content: "";background-repeat: no-repeat;height: auto;width: auto;position: relative;top: 0;left: 0;}
.content section.fullWidth .mc2021Vorteile ul li strong {color: #000704;}
.content section.fullWidth .mc2021Vorteile ul li .vorteileText {font-size: 70%;line-height: 1.2;}
.content section.fullWidth .mc2021Vorteile ul li .vorteileImage img {max-width: 50%;}
@media (max-width: 40rem) {.content section.fullWidth .mc2021Vorteile ul {flex-wrap: wrap;}
.content section.fullWidth .mc2021Vorteile ul li {flex-basis: 50%;}}
.content section.fullWidth .mc2021VorteileText {margin-bottom: 3rem;}
.content section.fullWidth .mc2021VorteileText ul {margin: 0;padding: 0;list-style: none;column-count: 1;display: flex;flex-wrap: wrap;justify-content: space-between;}
.content section.fullWidth .mc2021VorteileText ul li {padding-left: 0;padding-top: 0;padding-bottom: 0;page-break-inside: avoid;page-break-inside: auto;break-inside: avoid;break-inside: auto;position: relative;flex-basis: 48%;background-color: rgba(255,255,255,.9);margin-bottom: 2rem;}
.content section.fullWidth .mc2021VorteileText ul li.withCTA {padding-bottom: 6rem;}
.content section.fullWidth .mc2021VorteileText ul li:before {content: "";background-repeat: no-repeat;height: auto;width: auto;position: relative;top: 0;left: 0;}
.content section.fullWidth .mc2021VorteileText ul li strong {color: #000704;}
.content section.fullWidth .mc2021VorteileText ul li .vorteileText {font-size: 90%;line-height: 1.2;padding: 3rem;}
.content section.fullWidth .mc2021VorteileText ul li .vorteileImage img {max-width: 50%;max-width: 100%;}
.content section.fullWidth .mc2021VorteileText ul li .vorteileCTA {position: absolute;width: 100%;bottom: 2rem;display: flex;justify-content: center;}
@media (max-width: 40rem) {.content section.fullWidth .mc2021VorteileText ul {flex-wrap: wrap;}
.content section.fullWidth .mc2021VorteileText ul li {flex-basis: 100%;margin-bottom: 2rem;}}
.content section.fullWidth .mc2021Wettbewerbsvorteile ul {margin: 0;padding: 0;list-style: none;column-count: 1;display: flex;justify-content: space-between;}
.content section.fullWidth .mc2021Wettbewerbsvorteile ul li {padding-left: 0;padding-top: 0;padding-bottom: 0;page-break-inside: avoid;page-break-inside: auto;break-inside: avoid;break-inside: auto;position: relative;flex-basis: 15%;}
.content section.fullWidth .mc2021Wettbewerbsvorteile ul li:before {content: "";background-repeat: no-repeat;height: auto;width: auto;position: relative;top: 0;left: 0;}
.content section.fullWidth .mc2021Wettbewerbsvorteile ul li strong {color: #000704;}
.content section.fullWidth .mc2021Wettbewerbsvorteile ul li .wettbewerbsvorteileText {font-size: 80%;line-height: 1.2;font-weight: 500;text-transform: uppercase;}
.content section.fullWidth .mc2021Wettbewerbsvorteile ul li .wettbewerbsvorteileImage img {max-width: 50%;}
@media (max-width: 40rem) {.content section.fullWidth .mc2021Wettbewerbsvorteile ul {flex-wrap: wrap;}
.content section.fullWidth .mc2021Wettbewerbsvorteile ul li {flex-basis: 33.3333%;}}
.content section.fullWidth .mc2021Downloads ul {margin: 0;padding: 0;list-style: none;column-count: 1;display: flex;justify-content: space-between;}
.content section.fullWidth .mc2021Downloads ul li {padding-left: 0;padding-top: 0;padding-bottom: 0;page-break-inside: avoid;page-break-inside: auto;break-inside: avoid;break-inside: auto;position: relative;flex-basis: 25%;}
.content section.fullWidth .mc2021Downloads ul li:before {content: "";background-repeat: no-repeat;height: auto;width: auto;position: relative;top: 0;left: 0;}
.content section.fullWidth .mc2021Downloads ul li a:hover .mc2021DownloadsImage img {opacity: .6;}
@media (max-width: 40rem) {.content section.fullWidth .mc2021Downloads ul {flex-wrap: wrap;}
.content section.fullWidth .mc2021Downloads ul li {flex-basis: 100%;}}
.content section.fullWidth .mc2021HighlightsTitle {display: flex;align-items: center;line-height: 0;margin-bottom: 2rem;}
.content section.fullWidth .mc2021HighlightsTitle .mc2021HighlightsTitleImage {flex-basis: 15%;margin-right: 5%;}
.content section.fullWidth .mc2021HighlightsTitle .mc2021HighlightsTitleText {line-height: 1.4;}
.content section.fullWidth .mc2021HighlightsTitle .mc2021HighlightsTitleText h3 {margin: 0;padding: 0;text-transform: uppercase;font-size: 300%;}
.mc2021Hightlights {border-bottom: .1rem solid #e6e6e6;margin-bottom: 3rem;position: relative;}
.mc2021HighlightsContent {display: flex;justify-content: space-between;}
.mc2021HighlightsContent .mc2021HighlightsText {flex-basis: 48%;}
.mc2021HighlightsContent .mc2021HighlightsText .mc2021HighlightsTextTitle {color: #d11242;}
.mc2021HighlightsContent .mc2021HighlightsVideo {flex-basis: 48%;}
@media (max-width: 40rem) {.mc2021HighlightsContent {flex-wrap: wrap;}
.mc2021HighlightsContent .mc2021HighlightsText {flex-basis: 100%;}
.mc2021HighlightsContent .mc2021HighlightsVideo {flex-basis: 100%;}}
.mc2021HighlightsTitle {display: flex;align-items: center;line-height: 0;margin-bottom: 2rem;}
.mc2021HighlightsTitle .mc2021HighlightsTitleImage {flex-basis: 15%;margin-right: 5%;}
.mc2021HighlightsTitle .mc2021HighlightsTitleText {line-height: 1.4;}
.mc2021HighlightsTitle .mc2021HighlightsTitleText h3 {margin: 0;padding: 0;text-transform: uppercase;font-size: 300%;}
.imageTeam img {border-radius: 100%;max-width: 50%;}
.logo svg .black {fill: #000;}
.logo svg .blue {fill: #008c48;}
.flex-viewport {max-height: 48vw;}
.hero .hero-item {position: relative;background-position: center center;background-size: cover;width: 100%;padding-bottom: 2.8%;padding-bottom: 4.5%;padding-bottom: 2.8%;top: 0;}
.hero .hero-item .caption {position: absolute;top: 40%;top: 20vw;left: 20%;display: inline-block;}
.hero .hero-item .caption .title {padding: 2rem;padding-top: 0;padding-bottom: 0;font-size: 6rem;text-transform: uppercase;font-weight: 500;background: rgba(255,255,255,.85);display: table;overflow: hidden;}
.hero .hero-item .caption .longtitle {padding: 2rem;padding-top: 0;padding-bottom: 0;font-size: 2rem;text-transform: uppercase;font-weight: 500;background: rgba(255,255,255,.95);margin-top: 1rem;display: table;overflow: hidden;}
.hero .hero-item .caption .description {background: rgba(255,255,255,.3);padding: 2rem;max-width: 60%;display: table;overflow: hidden;}
.hero .hero-item .caption .link {display: table;overflow: hidden;}
.hero .hero-item .caption .link a {background: #e56e02;color: #fcf1e6;padding: 2rem;font-size: 1.3rem;text-transform: uppercase;font-weight: 500;}
.flex-control-nav {bottom: 30px;bottom: 1%;}
.claim {font-weight: 300;font-family: "Roboto Condensed",Helvetica,Arial,sans-serif;font-size: 3rem;margin-bottom: 3rem;color: #fff;letter-spacing: .05rem;text-shadow: 2px 2px 12px rgba(0,0,0,.8);opacity: .8;}
.phone {font-size: 1.4rem;}
.phone .display-none {display: none;}
.phone .number {font-size: 2.1rem;}
nav {font-weight: 300;}
.navMega {font-family: "Roboto Condensed",Helvetica,Arial,sans-serif;}
.navMega > ul {background: transparent;margin: 0;padding: 0;list-style: none;display: flex;flex-direction: row;justify-content: center;align-items: center;font-size: 100%;}
.navMega > ul > li {margin-bottom: 0;}
.navMega > ul > li > a {display: inline-block;height: 100%;background: transparent;color: #000;text-transform: uppercase;text-decoration: none;padding: 4rem;padding: 3rem;padding-left: 1rem;padding-right: 1rem;white-space: nowrap;text-align: center;}
.navMega > ul > li > a:hover {background: #008c48;color: #fff;}
.navMega > ul > li.active > a {color: #008c48;}
.navMega > ul > li.active > a:hover {color: #fff;}
.navMega > ul > li > ul {border-top: .5rem solid #008c48;font-weight: 500;font-size: 100%;position: absolute;display: flex;flex-direction: row;opacity: 0;margin: 0;padding: 0;padding: 5rem;padding-left: 0;list-style-type: none;background: #fff;background: rgba(255,255,255,.95);left: 0;top: -9999px;width: 100%;height: 0;justify-content: center;flex-wrap: wrap;flex-wrap: nowrap;box-shadow: 0 8px 20px -4px rgba(0,0,0,.3);}
.navMega > ul > li > ul > li {padding-left: 5%;padding-right: 5%;}
.navMega > ul > li > ul > li > ul {font-weight: normal;font-size: 100%;position: relative;display: flex;flex-direction: column;opacity: 1;margin: 0;padding: 0;list-style-type: none;justify-content: center;}
.navMega > ul > li > ul > li > ul > li > ul {display: none;}
.navMega > ul > li > ul > li > ul > li > a {display: block;display: flex;align-items: center;color: #000;}
.navMega > ul > li > ul > li > ul > li > a:hover {color: #008c48;}
.navMega > ul > li > ul > li > ul > li > a:before {display: inline-block;width: 3rem;height: 3rem;margin-right: 1rem;}
.navMega > ul > li > ul > li > a {margin-bottom: 3rem;display: block;font-size: 2.5rem;text-transform: uppercase;color: #000;padding: 2rem;padding: 0;border-bottom: 1px solid #008c48;}
.navMega > ul > li > ul > li > a:hover {color: #008c48;}
.navMega > ul > li.first > ul {}
.navMega > ul > li.show > a {background: #008c48;color: #f2f9f6;}
.navMega > ul > li.show > ul {opacity: 1;top: 100%;height: auto;}
.sticky .logo {transform: translate(-200rem,0);transform: translate3d(-200rem,0,0);height: 0;width: 0;}
.sticky .signet {display: block;opacity: 1;transform: translate(0,0);transform: translate3d(0,0,0);}
.sticky .navMega > ul > li > a {padding: 1.5rem;padding-left: 1rem;padding-right: 1rem;}
nav.navLanguage {font-family: "Roboto Condensed",Helvetica,Arial,sans-serif;}
nav.navLanguage ul {background: transparent;margin: 0;padding: 0;list-style: none;display: flex;flex-direction: row;justify-content: center;align-items: center;}
nav.navLanguage ul li {display: block;margin-bottom: 0;}
nav.navLanguage ul li a {display: inline-block;height: 100%;background: transparent;color: #000;text-transform: uppercase;text-decoration: none;padding: 4rem;padding: 3rem;padding-left: 1rem;padding-right: 1rem;white-space: nowrap;text-align: center;}
nav.navLanguage ul li a:hover {background: #004624;}
nav.navLanguage ul li a:before {display: block;font-size: 2rem;text-align: center;}
nav.navLanguage ul li a:hover {background: #008c48;color: #fff;}
nav.navLanguage ul li.active a {background: #008c48;color: #fff;}
@media (max-width: 40rem) {nav.navLanguage ul {justify-content: center;}}
nav.navHeader {font-family: "Roboto Condensed",Helvetica,Arial,sans-serif;}
nav.navHeader ul {background: transparent;margin: 0;padding: 0;list-style: none;display: flex;flex-direction: row;justify-content: center;align-items: center;}
nav.navHeader ul li {display: block;margin-bottom: 0;}
nav.navHeader ul li a {display: inline-block;height: 100%;background: transparent;color: #000;text-transform: uppercase;text-decoration: none;padding: 4rem;padding: 3rem;padding-left: 1rem;padding-right: 1rem;white-space: nowrap;text-align: center;}
nav.navHeader ul li a:hover {background: #004624;}
nav.navHeader ul li a:before {display: block;font-size: 2rem;text-align: center;}
nav.navHeader ul li a:hover {background: #008c48;color: #fff;}
nav.navHeader ul li.active a {background: #008c48;color: #fff;}
@media (max-width: 40rem) {nav.navHeader ul {justify-content: center;}}
nav.navPostHeader > ul {background: rgba(255,255,255,.9);background: transparent;margin: 0;padding: 0;list-style: none;display: flex;flex-direction: row;justify-content: center;align-items: center;}
@media (max-width: 40rem) {nav.navPostHeader > ul {justify-content: center;}}
nav.navPostHeader > ul > li {display: block;margin-bottom: 0;}
nav.navPostHeader > ul > li > a {white-space: nowrap;display: block;text-transform: uppercase;font-weight: 500;padding: 2rem;font-size: 3rem;}
nav.navSocials > ul {background: rgba(255,255,255,.9);background: transparent;margin: 0;padding: 0;list-style: none;display: flex;flex-direction: row;justify-content: flex-end;justify-content: flex-start;justify-content: center;align-items: center;}
@media (max-width: 40rem) {nav.navSocials > ul {justify-content: center;}}
nav.navSocials > ul > li {display: block;margin-bottom: 0;margin-left: 1rem;}
nav.navSocials > ul > li.first {margin-left: 0;}
nav.navSocials > ul > li > a {display: block;width: 4rem;height: 4rem;}
nav.navSocials > ul > li > a:before {border: 1px solid #fff;border-radius: 100%;display: inline-block;background-size: 2.5rem 2.5rem;background-repeat: no-repeat;background-position: center center;width: 4rem;height: 4rem;cursor: pointer;cursor: hand;content: " ";background-color: #f2f2f2;}
nav.navSocials > ul > li > a.facebook:before {background-image: url("data:image/svg+xml;utf8,");}
nav.navSocials > ul > li > a.facebook:hover:before {background-image: url("data:image/svg+xml;utf8,");}
nav.navSocials > ul > li > a.twitter:before {background-image: url("data:image/svg+xml;utf8,");}
nav.navSocials > ul > li > a.twitter:hover:before {background-image: url("data:image/svg+xml;utf8,");}
nav.navSocials > ul > li > a.youtube:before {background-image: url("data:image/svg+xml;utf8,");}
nav.navSocials > ul > li > a.youtube:hover:before {background-image: url("data:image/svg+xml;utf8,");}
nav.navSocials > ul > li > a.industryarena:before {background-image: url("data:image/svg+xml;utf8,");}
nav.navSocials > ul > li > a.industryarena:hover:before {background-image: url("data:image/svg+xml;utf8,");}
nav.navSocials > ul > li > a:hover:before {background-color: #008c48;}
nav.navMain > ul {background: rgba(255,255,255,.9);margin: 0;padding: 0;list-style: none;display: flex;flex-direction: row;justify-content: flex-end;justify-content: flex-start;align-items: center;}
@media (max-width: 40rem) {nav.navMain > ul {justify-content: center;}}
nav.navMain > ul > li {display: block;margin-bottom: 0;}
nav.navMain > ul > li > a, nav.navMain > ul > li > .scrollTo {white-space: nowrap;display: block;padding: 1rem;text-transform: uppercase;color: #008c48;letter-spacing: normal;cursor: pointer;cursor: hand;}
nav.navMain > ul > li > a:hover, nav.navMain > ul > li > .scrollTo:hover {color: #e56e02;}
nav.navMain > ul > li > a:focus, nav.navMain > ul > li.active a, nav.navMain > ul > li > .scrollTo:focus, nav.navMain > ul > li.active scrollTo {color: #fef8f2;background: #e56e02;}
.extern:before {font-family: "FontAwesome";content: "";display: inline-block;margin-right: .5rem;}
nav.navArea {position: relative;font-family: "Roboto Condensed",Helvetica,Arial,sans-serif;}
nav.navArea.sticky {position: fixed;width: 100%;z-index: 999;}
nav.navArea > ul {position: relative;background: rgba(0,0,0,.9);margin: 0;padding: 0;list-style: none;display: flex;flex-direction: row;justify-content: flex-end;justify-content: flex-start;justify-content: center;align-items: center;}
nav.navArea > ul > li {display: block;margin-bottom: 0;}
nav.navArea > ul > li > a {white-space: nowrap;display: block;padding: 1rem;padding-left: 3rem;padding-right: 3rem;color: #f2f9f6;letter-spacing: normal;cursor: pointer;cursor: hand;}
nav.navArea > ul > li > a:hover {color: #e56e02;}
nav.navArea > ul > li > a:focus {color: #f2f9f6;background: #008c48;}
nav.navArea > ul > li.active > a {color: #f2f9f6;background: #008c48;}
nav.navArea > ul > li > ul {position: absolute;width: 100%;left: 0;background: transparent;margin: 0;padding: 0;list-style: none;display: flex;flex-direction: row;justify-content: flex-end;justify-content: flex-start;justify-content: center;align-items: center;flex-wrap: wrap;}
nav.navArea > ul > li > ul > li {display: block;margin-bottom: 0;}
nav.navArea > ul > li > ul > li > a {color: #000;padding: 1rem;}
nav.navArea > ul > li > ul > li > a:hover {color: #008c48;}
nav.navArea > ul > li > ul > li.active > a {color: #008c48;}
@media (max-width: 40rem) {nav.navArea > ul {justify-content: center;}}
nav.navSub {position: relative;font-family: "Roboto Condensed",Helvetica,Arial,sans-serif;font-weight: 400;}
nav.navSub.sticky {position: fixed;width: 100%;z-index: 999;box-shadow: 0 8px 20px -4px rgba(0,0,0,.3);border-bottom: none;}
nav.navSub > ul {background: #fff;position: relative;border-bottom: .0625rem solid #ccc;margin: 0;padding: 0;list-style: none;display: flex;flex-direction: row;justify-content: flex-end;justify-content: flex-start;justify-content: center;align-items: center;flex-wrap: wrap;}
nav.navSub > ul > li {display: flex;margin-bottom: -1px;}
nav.navSub > ul > li > a {color: #000;padding: 1rem;padding-bottom: 1rem;}
nav.navSub > ul > li > a:hover {color: #008c48;}
nav.navSub > ul > li > a:after {content: " ";display: block;border-bottom: .0625rem solid transparent;margin-top: .5rem;margin-bottom: -1rem;width: 0;}
nav.navSub > ul > li > a:hover:after {border-color: #008c48;width: 100%;}
nav.navSub > ul > li.active > a {color: #008c48;}
nav.navSub > ul > li.active > a:after {border-color: #008c48;width: 100%;}
.extern:before {font-family: "FontAwesome";content: "";display: inline-block;margin-right: .5rem;}
nav.navCourses > ul {background: transparent;margin: 0;padding: 0;list-style: none;font-weight: 400;display: flex;flex-direction: row;justify-content: flex-end;justify-content: flex-start;align-items: center;}
@media (max-width: 40rem) {nav.navCourses > ul {justify-content: center;}}
nav.navCourses > ul > li {display: block;margin-bottom: 0;background: rgba(255,255,255,.5);}
nav.navCourses > ul > li > a, nav.navCourses > ul > li > div {white-space: nowrap;display: block;padding: 2.5rem 2.5rem;text-transform: uppercase;color: #004624;cursor: pointer;cursor: hand;background: transparent;}
nav.navCourses > ul > li > a:hover, nav.navCourses > ul > li > div:hover {color: #e56e02;}
nav.navCourses > ul > li > a:focus, nav.navCourses > ul > li.active a, nav.navCourses > ul > li.active div {color: #000;background: #fff;}
nav.navCourses > ul > li > a span, nav.navCourses > ul > li > div span {display: block;display: none;font-size: 1.3rem;text-transform: none;}
.extern:before {font-family: "FontAwesome";content: "";display: inline-block;margin-right: .5rem;}
nav.navFooter .title {text-transform: uppercase;}
nav.navFooter ul {margin: 0;margin-top: 1rem;padding: 0;list-style-type: none;}
nav.navFooter ul li {margin-bottom: .5rem;}
nav.navFooter ul li a:before {content: "";margin-right: 1rem;}
nav.navFooter ul a {color: #b3b3b3;}
nav.navFooter ul a:hover {color: #fff;}
ul.tabs {background: rgba(255,255,255,.9);background: transparent;margin: 0;padding: 0;list-style: none;display: flex;flex-direction: row;justify-content: flex-start;align-items: center;}
@media (max-width: 40rem) {ul.tabs {justify-content: center;}}
ul.tabs > li {display: block;margin-bottom: 0;cursor: pointer;cursor: hand;}
ul.tabs > li > div {white-space: nowrap;display: block;background: #62b55a;padding: 1rem;}
.tab-content {display: none;background: #f7fbf7;padding: 2.5rem;padding-left: .5rem;padding-bottom: .5rem;}
.tab-content.active {display: block;}
.tab-content ul {background: transparent;margin: 0;padding: 0;list-style: none;font-weight: 400;display: flex;flex-direction: row;flex-wrap: wrap;justify-content: flex-end;justify-content: flex-start;align-items: center;}
@media (max-width: 40rem) {.tab-content ul {justify-content: center;}}
.tab-content ul li a, .tab-content ul li div {white-space: nowrap;display: block;padding: .5rem 1.5rem;font-size: 1.3rem;color: #004624;cursor: pointer;cursor: hand;background: transparent;}
.tab-content ul li a:hover, .tab-content ul li div:hover {color: #e56e02;}
.tab-content ul li a:focus, .tab-content ul li.active a, .tab-content ul li.active div {color: #000;background: #fff;}
nav.navLegal > ul {margin: 0;padding: 0;list-style: none;display: flex;flex-direction: row;justify-content: center;align-items: center;}
nav.navLegal > ul > li {display: block;margin-bottom: 0;}
nav.navLegal > ul > li > div, nav.navLegal > ul > li > a {display: block;padding: 1rem;text-transform: uppercase;color: #d9eee4;letter-spacing: normal;cursor: pointer;cursor: hand;}
nav.navLegal > ul > li > div:hover, nav.navLegal > ul > li > a:hover {color: #e56e02;}
nav.navLegal > ul > li > div:focus, nav.navLegal > ul > li.active div {color: #fef8f2;background: #008c48;}
.submenuList ul {margin: 0;padding: 0;list-style: none;}
.submenuList ul li {margin-bottom: 4rem;}
.submenuList ul li a {text-transform: uppercase;font-size: 140%;font-weight: 400;}
.submenuList ul li a span {color: #000;text-transform: none;font-size: 90%;font-weight: 300;line-height: 1.4;display: block;}
.titelstory {margin-right: 2rem;}
.topmeldungen {margin-right: 2rem;}
.titelstory-header {position: relative;}
.titelstory-headline {position: absolute;bottom: 0;background: rgba(0,140,72,.7);padding: 1rem;color: #e6f4ed;}
.titelstory-headline h2 {margin-bottom: 0;}
.titelstory-titel {font-family: "Roboto Condensed",Helvetica,Arial,sans-serif;background: #d9eee4;background: #e56e02;font-weight: 300;color: #fef8f2;text-transform: uppercase;padding: .5rem 1.5rem;}
.topmeldungen-content {padding-top: 2rem;}
.topmeldungen-titel {font-family: "Roboto Condensed",Helvetica,Arial,sans-serif;background: #d9eee4;text-transform: uppercase;padding: .5rem 1.5rem;}
.topmeldung {font-size: 1.3rem;}
.topmeldung:after {display: block;content: " ";background: #e56e02;width: 1rem;height: .3rem;margin: 0 auto;}
.topmeldung .topmeldung-title {font-family: "Roboto Condensed",Helvetica,Arial,sans-serif;font-weight: 700;font-size: 1.6rem;line-height: 110%;}
.termine-item {padding: 0 2rem;}
.termine-datum {font-size: 1.3rem;}
.termine-item ul {display: block;padding-left: 0rem;font-size: 1rem;}
.termine-item ul li {margin-bottom: .5rem;}
.mastercamProductsList {display: flex;flex-direction: row;flex-wrap: wrap;justify-content: space-between;}
.mastercamProductsList .mastercamProduct {flex-basis: 30%;background: #f2f9f6;margin-bottom: 3.33333%;padding: 2rem;}
.mastercamProductsList .mastercamProduct .mastercamProductHeader {display: flex;align-items: center;margin-bottom: .5rem;}
.mastercamProductsList .mastercamProduct .mastercamProductHeader .mastercamProductIcon {width: 7.5rem;margin-right: 1rem;line-height: 1;flex: 0 0 30%;}
.mastercamProductsList .mastercamProduct .mastercamProductHeader h3 {line-height: 1.1;margin-bottom: 0;}
.mastercamProductsList .mastercamProduct .mastercamProductLongtitle {font-weight: bold;}
.mastercamProductsList .mastercamProduct .mastercamProductButtonMore a {font-weight: bold;}
@media (max-width: 40rem) {.mastercamProductsList .mastercamProduct {flex-basis: 100%;}}
footer {background: #000;color: #e6e6e6;padding-top: 4rem;padding-bottom: 2rem;font-size: .8em;letter-spacing: 0;line-height: 1.6;}
footer .address {margin-right: 15%;}
footer a {color: #e6e6e6;}
footer a:hover {color: #fff;}
footer.middle {background: #1a1a1a;color: #b3b3b3;padding-top: 2rem;padding-bottom: 2rem;}
footer.last {background: #008c48;color: #cce8da;padding-top: 2rem;padding-bottom: 2rem;}
.googleMapsInline {position: relative;padding-bottom: 65%;height: 0;overflow: hidden;margin-bottom: 5rem;}
.googleMapsInline iframe {position: absolute;top: 0;left: 0;width: 100% !important;height: 100% !important;}
.googleMaps {position: relative;padding-bottom: 20%;height: 0;overflow: hidden;}
.googleMaps iframe {position: absolute;top: 0;left: 0;width: 100% !important;height: 100% !important;}
.google-maps {position: relative;padding-bottom: 65%;height: 0;overflow: hidden;}
.google-maps iframe {position: absolute;top: 0;left: 0;width: 100% !important;height: 100% !important;}
.align-center {text-align: center;}
img.img-50 {max-width: 50%;}
.modal {position: fixed;top: 0;right: 0;bottom: 0;left: 0;background: rgba(255,255,255,.9);background: rgba(0,0,0,.5);z-index: 9999;opacity: 0;-webkit-transition: opacity 400ms ease-in;-moz-transition: opacity 400ms ease-in;transition: opacity 400ms ease-in;pointer-events: none;overflow-y: auto;}
.modal.open {display: block;opacity: 1;pointer-events: auto;}
.modal > div.viewport {position: relative;margin: 1% auto;margin-left: 15%;margin-right: 15%;border-radius: 0px;background: #fff;-webkit-box-shadow: 0px 0px 10px rgba(50,50,50,.17);-moz-box-shadow: 0px 0px 10px rgba(50,50,50,.17);box-shadow: 0px 0px 10px rgba(50,50,50,.17);}
.modal.large > div.viewport {margin-left: 5%;margin-right: 5%;}
@media (max-width: 40rem) {.modal .modal > div.viewport, .modal .modal.large > div.viewport, .modal .modal.small > div.viewport {margin-left: 1% !important;margin-right: 1% !important;}}
.modal .header {margin-bottom: 0;background-color: #d9eee4;color: #000;line-height: 1.6;padding: 3rem;}
.modal .header .logo {height: 6rem;max-height: 6rem;background-image: url("/assets/templates/portal2/images/logo---alt-2017.svg");background-repeat: no-repeat;background-size: contain;-webkit-transform: scale(1) translate(0);-moz-transform: scale(1) translate(0);-ms-transform: scale(1) translate(0);-o-transform: scale(1) translate(0);transform: scale(1) translate(0);transform-origin: top left;}
.modal .header .title {line-height: 1.6;}
.modal .header .subtitle {line-height: 1.6;font-size: 20px;}
.modal .header .modalClose {display: block;position: relative;color: #b3ddc8;float: right;margin-right: 2rem;width: 3rem;height: 3rem;font-size: 0;}
.modal .header .modalClose:before, .modal .header .modalClose:after {position: absolute;left: calc(50% - .1rem);content: " ";height: 100%;top: 0;width: .2rem;background-color: #008c48;}
.modal .header .modalClose:before {transform: rotate(45deg);}
.modal .header .modalClose:after {transform: rotate(-45deg);}
.modal .header .modalClose:hover:before {background-color: #000;}
.modal .header .modalClose:hover:after {background-color: #000;}
.modal .notes {line-height: 1.6;padding: 2.5rem;}
body.open {overflow: hidden;}
body.open .modal > div.viewport {}
.splash {position: fixed;width: 100%;height: 100%;z-index: 99999;background: #b3ddc8;background: #000;display: flex;opacity: 1;cursor: pointer;}
.splash.splashClosed {opacity: 0;z-index: 0;}
.splash .splashInner {background-image: url("/assets/templates/portal/images/splash.jpg");background-repeat: no-repeat;background-size: contain;background-position: center center;width: 100%;height: 100%;}
form {margin: 0;}
form fieldset {margin-bottom: 6.5rem;}
form label, form legend {display: block;font-size: 1.6rem;font-weight: 700;margin-bottom: .5rem;}
form legend {font-size: 2.8rem;line-height: 1.3;font-weight: 300;margin-bottom: 2.5rem;color: #999;}
form label {font-weight: 400;}
form input[type='email'], form input[type='number'], form input[type='password'], form input[type='search'], form input[type='tel'], form input[type='text'], form input[type='url'], form textarea, form select {-webkit-appearance: none;-moz-appearance: none;appearance: none;background-color: transparent;border: .1rem solid #999;border-radius: 0;box-shadow: none;box-sizing: inherit;height: 3.8rem;padding: .6rem 1rem;width: 100%;color: #008c48;}
form input[type='email']:focus, form input[type='number']:focus, form input[type='password']:focus, form input[type='search']:focus, form input[type='tel']:focus, form input[type='text']:focus, form input[type='url']:focus, form textarea:focus, form select:focus {border-color: #000;outline: 0;}
form .formErrorMessage {padding: 2.5rem;color: #fff;background: #62b55a;margin-bottom: 2.5rem;}
form.registerForm .formItem {display: flex;flex-direction: row;}
form.registerForm .formItem .formLabel {flex: 1 1 40%;}
form.registerForm .formItem .formField {flex: 1 1 60%;}
form.registerForm .formItem .formField .description {font-size: 70%;text-transform: uppercase;font-weight: 700;font-family: "Roboto Condensed",Helvetica,Arial,sans-serif;color: #008c48;}
form.registerForm .formItem .formField input {border-color: #000;background-color: #e6f4ed;}
form.registerForm .formItem .formField input:focus {background-color: #fff;border-color: #008c48;}
form.registerForm .formItem .formField input.formButton {border: none;background: #008c48;color: #f2f9f6;}
form.registerForm .formItem .formField input.formButton:hover {background: #e56e02;color: #fef8f2;}
form.registerForm .formItem .formField .hint {font-size: 70%;}
form.registerForm .formItem.newsletter .formField {border: .1rem solid #e56e02;background: #fcf1e6;padding: 2rem;}
form.registerForm .formItem.newsletter .formField input[type=checkbox] {display: none;}
form.registerForm .formItem.newsletter .formField input[type=checkbox] + label:before {cursor: pointer;cursor: hand;font-family: "FontAwesome";display: inline-block;content: "";letter-spacing: 11px;}
form.registerForm .formItem.newsletter .formField input[type=checkbox]:checked + label:before {content: "";letter-spacing: 10px;color: #008c48;}
form.registerForm .formItem.privacypolicy .formField {border: .1rem solid #b3b3b3;background: #e6f4ed;padding: 2rem;font-size: 100%;margin-bottom: 2rem;}
form.registerForm .formItem.privacypolicy .formField label {line-height: 1.1;}
form.registerForm .formItem.privacypolicy .formField label span {font-size: 80%;opacity: .7;font-weight: 300;}
form.registerForm .formItem.privacypolicy .formField label:before {font-size: 100%;}
form.registerForm .formItem.privacypolicy .formField input[type=checkbox] {display: none;}
form.registerForm .formItem.privacypolicy .formField input[type=checkbox] + label:before {cursor: pointer;cursor: hand;font-family: "FontAwesome";display: inline-block;content: "";letter-spacing: 11px;}
form.registerForm .formItem.privacypolicy .formField input[type=checkbox]:checked + label:before {content: "";letter-spacing: 10px;color: #008c48;}
form.contactForm .formItem {display: flex;flex-direction: row;}
form.contactForm .formItem .formLabel {flex: 1 1 40%;}
form.contactForm .formItem .formField {flex: 1 1 60%;}
form.contactForm .formItem .formField textarea {min-height: 20rem;height: auto;}
form.contactForm .formItem .formField input, form.contactForm .formItem .formField textarea {border-color: #000;background-color: #e6f4ed;}
form.contactForm .formItem .formField input:focus, form.contactForm .formItem .formField textarea:focus {background-color: #fff;border-color: #008c48;}
form.contactForm .formItem .formField input.formButton, form.contactForm .formItem .formField textarea.formButton {border: none;background: #008c48;color: #f2f9f6;}
form.contactForm .formItem .formField input.formButton:hover, form.contactForm .formItem .formField textarea.formButton:hover {background: #e56e02;color: #fef8f2;}
form.contactForm .formItem.privacypolicy .formField {border: .1rem solid #b3b3b3;background: #e6f4ed;padding: 2rem;font-size: 100%;margin-bottom: 2rem;}
form.contactForm .formItem.privacypolicy .formField label {line-height: 1.1;}
form.contactForm .formItem.privacypolicy .formField label span {font-size: 80%;opacity: .7;font-weight: 300;}
form.contactForm .formItem.privacypolicy .formField label:before {font-size: 100%;}
form.contactForm .formItem.privacypolicy .formField input[type=checkbox] {display: none;}
form.contactForm .formItem.privacypolicy .formField input[type=checkbox] + label:before {cursor: pointer;cursor: hand;font-family: "FontAwesome";display: inline-block;content: "";letter-spacing: 11px;}
form.contactForm .formItem.privacypolicy .formField input[type=checkbox]:checked + label:before {content: "";letter-spacing: 10px;color: #008c48;}
form.contactForm .formItem.anrede {}
form.contactForm .formItem.anrede .formField {padding: 1rem;padding-left: 0;}
form.contactForm .formItem.anrede .formField label {display: inline-block;line-height: 1.1;margin-right: 2rem;}
form.contactForm .formItem.anrede .formField label span {font-size: 80%;opacity: .7;font-weight: 300;text-transform: uppercase;}
form.contactForm .formItem.anrede .formField label:before {font-size: 100%;}
form.contactForm .formItem.anrede .formField input[type=radio] {display: none;}
form.contactForm .formItem.anrede .formField input[type=radio] + label:before {cursor: pointer;cursor: hand;font-family: "FontAwesome";display: inline-block;content: "";letter-spacing: 11px;}
form.contactForm .formItem.anrede .formField input[type=radio]:checked + label:before {content: "";letter-spacing: 10px;color: #008c48;}
form.contactForm .formItem.hasError .formLabel label {color: red !important;}
form.contactForm .formItem.hasError .formField input {border-color: red !important;background-color: #fff !important;}
form.contactForm .formItem.privacypolicy.hasError .formField {border-color: red;background-color: #fff;}
form.contactForm .formItem.privacypolicy.hasError .formField label:before {color: red;}
form.contactForm .formItem.anrede.hasError .formField label:before {color: red;}
form.contactForm .formItem.anrede.hasError .formField label span {color: red;}
.register {position: relative;background: #e56e02;color: #fcf1e6;padding: 2rem;text-align: center;}
.register a {color: #fff;text-decoration: underline;}
.register a:hover {color: #000;}
.register .registerButton {margin-top: 1rem;}
.register .registerButton a {background-color: #000;border: .1rem solid #000;border-radius: 0;color: #f2f2f2;cursor: pointer;cursor: hand;display: inline-block;font-size: 1.1rem;font-weight: 700;height: 3.8rem;letter-spacing: .1rem;line-height: 3.8rem;padding: 0 3rem;text-align: center;text-decoration: none;text-transform: uppercase;white-space: nowrap;}
.register .registerButton a:hover {background: #008c48;border-color: #fff;color: #f2f9f6;}
#recall-wrapper {display: none;opacity: 0;}
.button, button, input[type='button'], input[type='reset'], input[type='submit'] {background-color: #008c48;border: .1rem solid #008c48;border-radius: 0;color: #fff;cursor: pointer;cursor: hand;display: inline-block;font-size: 1.1rem;font-weight: 700;height: 3.8rem;letter-spacing: .1rem;line-height: 3.8rem;padding: 0 3rem;text-align: center;text-decoration: none;text-transform: uppercase;white-space: nowrap;}
.button:focus, .button:hover, button:focus, button:hover, input[type='button']:focus, input[type='button']:hover, input[type='reset']:focus, input[type='reset']:hover, input[type='submit']:focus, input[type='submit']:hover {background-color: #e56e02;border-color: #e56e02;color: #fcf1e6;outline: 0;}
.button[disabled], button[disabled], input[type='button'][disabled], input[type='reset'][disabled], input[type='submit'][disabled] {cursor: default;opacity: .5;}
.button[disabled]:focus, .button[disabled]:hover, button[disabled]:focus, button[disabled]:hover, input[type='button'][disabled]:focus, input[type='button'][disabled]:hover, input[type='reset'][disabled]:focus, input[type='reset'][disabled]:hover, input[type='submit'][disabled]:focus, input[type='submit'][disabled]:hover {background-color: #008c48;border-color: #008c48;}
.button.button-outline, button.button-outline, input[type='button'].button-outline, input[type='reset'].button-outline, input[type='submit'].button-outline {background-color: transparent;color: #008c48;}
.button.button-outline:focus, .button.button-outline:hover, button.button-outline:focus, button.button-outline:hover, input[type='button'].button-outline:focus, input[type='button'].button-outline:hover, input[type='reset'].button-outline:focus, input[type='reset'].button-outline:hover, input[type='submit'].button-outline:focus, input[type='submit'].button-outline:hover {background-color: transparent;border-color: #e56e02;color: #e56e02;}
.button.button-outline[disabled]:focus, .button.button-outline[disabled]:hover, button.button-outline[disabled]:focus, button.button-outline[disabled]:hover, input[type='button'].button-outline[disabled]:focus, input[type='button'].button-outline[disabled]:hover, input[type='reset'].button-outline[disabled]:focus, input[type='reset'].button-outline[disabled]:hover, input[type='submit'].button-outline[disabled]:focus, input[type='submit'].button-outline[disabled]:hover {border-color: inherit;color: #008c48;}
.button.button-clear, button.button-clear, input[type='button'].button-clear, input[type='reset'].button-clear, input[type='submit'].button-clear {background-color: transparent;border-color: transparent;color: #008c48;}
.button.button-clear:focus, .button.button-clear:hover, button.button-clear:focus, button.button-clear:hover, input[type='button'].button-clear:focus, input[type='button'].button-clear:hover, input[type='reset'].button-clear:focus, input[type='reset'].button-clear:hover, input[type='submit'].button-clear:focus, input[type='submit'].button-clear:hover {background-color: transparent;border-color: transparent;color: #e56e02;}
.button.button-clear[disabled]:focus, .button.button-clear[disabled]:hover, button.button-clear[disabled]:focus, button.button-clear[disabled]:hover, input[type='button'].button-clear[disabled]:focus, input[type='button'].button-clear[disabled]:hover, input[type='reset'].button-clear[disabled]:focus, input[type='reset'].button-clear[disabled]:hover, input[type='submit'].button-clear[disabled]:focus, input[type='submit'].button-clear[disabled]:hover {color: #008c48;}
button, .button {font-weight: 400;}
.buttonB {background-color: #e56e02;border-color: #e56e02;color: #fcf1e6;}
.buttonB:hover {background-color: #008c48;color: #e6f4ed;border-color: #008c48;}
.button-black {background-color: #000;border-color: #000;}
.button-black.button-clear, .button-black.button-outline {background-color: transparent;color: #000;}
.button-black.button-clear {border-color: transparent;}
.button-small {font-size: .8rem;height: 2.8rem;line-height: 2.8rem;padding: 0 1.5rem;}
.button-large {font-size: 1.4rem;height: 4.5rem;line-height: 4.5rem;padding: 0 2rem;}
.button-close:before {font-family: "FontAwesome";content: "";display: inline-block;margin-right: .5rem;margin-left: -.5rem;color: #fff;}
.button-close:before:hover {background: #008c48;color: #f2f9f6;}
.button-pdf {position: relative;background: transparent;border-color: #fff;}
.button-pdf:hover {background-color: #008c48;border-color: #008c48;}
.button-pdf:before {font-family: "FontAwesome";content: "";display: inline-block;color: #fff;position: relative;left: -1.25rem;}
.button-form {position: relative;}
.button-form:hover {border-color: #fff;}
.button-form:before {font-family: "FontAwesome";content: "";display: inline-block;color: #fff;position: relative;left: -1.25rem;}
.faqs .faq {margin-bottom: 1rem;}
.faqs .faq .faqMain .faqHeader {position: relative;display: block;display: flex;flex-direction: row;align-items: center;text-decoration: none;cursor: pointer;border-bottom: 1px solid #030010;padding: 1rem;-webkit-transition: all .6s ease-in-out;-moz-transition: all .6s ease-in-out;-o-transition: all .6s ease-in-out;transition: all .6s ease-in-out;}
.faqs .faq .faqMain .faqHeader .icon {margin-right: 1rem;font-size: 300%;width: 3rem;}
.faqs .faq .faqMain .faqHeader .icon.isClosed {display: block;}
.faqs .faq .faqMain .faqHeader .icon.isOpen {display: none;}
.faqs .faq .faqMain .faqHeader .faqTitle h3 {display: inline-block;word-break: break-word;font-size: 110%;font-weight: 400;letter-spacing: normal;margin-top: 2rem;}
.faqs .faq .faqMain .faqHeader:hover {color: #fd384e;}
.faqs .faq .faqMain .faqHeader.open {border-color: #f2f2f2;background-color: #f2f2f2;}
.faqs .faq .faqMain .faqHeader.open .icon.isClosed {display: none;}
.faqs .faq .faqMain .faqHeader.open .icon.isOpen {display: block;}
.faqs .faq .faqMain .faqContent {display: none;overflow: auto;background-color: #fff;padding: 2rem;font-weight: 400;}
.faqs .faq .faqMain .faqContent p {line-height: 1.3;}
.faqs .faq .faqMain .faqContent.open {display: block;}
.faqs .faq .faqNoToggle {cursor: not-allowed;}
.accordion {margin-bottom: 2.5rem;}
.accordion ul {list-style: none;padding: 0;margin: 0;font-size: 100%;}
.accordion ul .accordionInner {overflow: hidden;display: none;}
.accordion ul .accordionInner.accordionShow {display: block;}
.accordion ul li {margin: 0;}
.accordion ul li a.accordionToggle {width: 100%;display: block;color: #f2f9f6;font-weight: 400;font-size: 120%;}
.accordion ul li a.accordionToggle:hover {color: #fff;}
.accordion ul li div.downloadsEmpty {width: 100%;display: block;color: red;font-weight: 300;font-size: 100%;padding: 1rem;}
.accordion .imageWrapper {display: flex;justify-content: center;width: 10rem;height: 10rem;padding: 1rem;background: #e6e6e6;}
.accordion > ul > li {margin-bottom: .1rem;position: relative;}
.accordion > ul > li > a {background: #008c48;position: relative;}
.accordion > ul > li > a:before {font-family: "FontAwesome";content: "";width: 5rem;height: 5rem;display: inline-block;background: #333;color: #e6e6e6;font-size: 150%;vertical-align: middle;margin-right: 1rem;text-align: center;padding-top: .3rem;}
.accordion > ul > li > a:after {font-family: "FontAwesome";content: "";width: 5rem;height: 5rem;display: inline-block;position: absolute;text-align: center;right: 0;background: #333;background: transparent;color: #fff;font-size: 150%;vertical-align: middle;}
.accordion > ul > li.isOpen > a:after {content: "";}
.accordion > ul > li > ul > li {background: #80c6a4;margin-bottom: .1rem;}
.accordion > ul > li > ul > li > a {padding: 1rem;padding-left: 6rem;color: #000 !important;}
.accordion > ul > li > ul > li > a:before {font-family: "FontAwesome";content: "";width: 3rem;height: 3rem;display: inline-block;background: #333;background: transparent;color: #008c48;font-size: 120%;line-height: 3rem;}
.accordion > ul > li > ul > li.isOpen > a:before {content: "";}
.accordion > ul > li > ul > li > ul > li {background: #99d1b6;}
.accordion > ul > li > ul > li > ul > li > a {padding: 1rem;padding-left: 9rem;color: #000 !important;}
.accordion > ul > li > ul > li > ul > li > a:before {font-family: "FontAwesome";content: "";width: 2.3rem;height: 3rem;display: inline-block;background: #333;background: transparent;color: #008c48;font-size: 110%;line-height: 3rem;}
.accordion > ul > li > ul > li > ul > li.isOpen > a:before {content: "";}
.accordion > ul > li > ul > li > ul > li > ul > li {background: #b3ddc8;}
.accordion > ul > li > ul > li > ul > li > ul > li > a {padding: 1rem;padding-left: 12rem;color: #000 !important;}
.accordion > ul > li > ul > li > ul > li > ul > li > a:before {font-family: "FontAwesome";content: "";width: 2.3rem;height: 3rem;display: inline-block;background: #333;background: transparent;color: #008c48;font-size: 110%;line-height: 3rem;}
.accordion > ul > li > ul > li > ul > li > ul > li.isOpen > a:before {content: "";}
.accordion > ul > li > ul > li > ul > li > ul > li > ul > li {background: #cce8da;}
.accordion > ul > li > ul > li > ul > li > ul > li > ul > li > a {padding: 1rem;padding-left: 14rem;color: #000 !important;}
.accordion > ul > li > ul > li > ul > li > ul > li > ul > li > a:before {font-family: "FontAwesome";content: "";width: 2.3rem;height: 3rem;display: inline-block;background: #333;background: transparent;color: #008c48;font-size: 110%;line-height: 3rem;}
.accordion > ul > li > ul > li > ul > li > ul > li > ul > li.isOpen > a:before {content: "";}
.accordion > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li {background: #d9eee4;}
.accordion > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > a {padding: 1rem;padding-left: 16rem;color: #000 !important;}
.accordion > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > a:before {font-family: "FontAwesome";content: "";width: 2.3rem;height: 3rem;display: inline-block;background: #333;background: transparent;color: #008c48;font-size: 110%;line-height: 3rem;}
.accordion > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li.isOpen > a:before {content: "";}
.accordion ul.accordionInner.downloadsOuter {padding: 2rem;}
.accordion ul.accordionInner.downloadsOuter li {position: relative;background: #fff;margin-bottom: 2rem;padding: 2rem;padding-right: 5rem;}
.accordion ul.accordionInner.downloadsOuter li:hover {-webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,.5);-moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,.5);box-shadow: 0px 0px 15px 0px rgba(0,0,0,.5);border-radius: .2rem;}
.accordion ul.accordionInner.downloadsOuter li .title {font-weight: 400;font-size: 110%;}
.accordion ul.accordionInner.downloadsOuter li .file a {display: inline-block;}
.accordion ul.accordionInner.downloadsOuter li .file a:before {font-family: "FontAwesome";content: "";color: #008c48 !important;margin-right: 1rem;}
.accordion ul.accordionInner.downloadsOuter li .downloadButton {position: absolute;right: 2rem;top: 25%;}
.accordion ul.accordionInner.downloadsOuter li .downloadButton a {display: inline-block;}
.accordion ul.accordionInner.downloadsOuter li .downloadButton a:before {font-family: "FontAwesome";content: "";color: #008c48 !important;width: 3rem;height: 3rem;font-size: 3rem;}
.accordion ul.accordionInner.downloadsOuter li .downloadButton a:hover:before {color: #e56e02 !important;}
.align-right {text-align: right;}
@media (max-width: 40rem) {.align-right {text-align: left;}}
#goToTop {opacity: 0;position: fixed;bottom: 2.5rem;bottom: 8rem;right: 3%;overflow: hidden;width: 5rem;height: 5rem;background: transparent;background: rgba(255,255,255,.6);border-radius: 100%;z-index: 9999;text-align: center;cursor: pointer;cursor: hand;}
#goToTop:hover {background: #fff;}
#goToTop.show {opacity: 1;}
#goToTop:before {font-family: "FontAwesome";content: "";color: #008c48;text-align: center;font-size: 2.5rem;line-height: 5rem;display: inline-block;}
.bemaAnreisser {font-weight: 500;margin-bottom: 2.5rem;}
.flexslider {background: transparent;margin-bottom: 0;border: none;border-radius: 0;padding: 0;}
.table {margin-bottom: 2.5rem;}
.table .tableHeader {background: #d9d9d9;font-weight: 500;}
.table .tableHeader .column {padding: 0 2rem;}
.table .tableHeaderSub {background: #f2f2f2;font-weight: 400;}
.table .tableHeaderSub .column {padding: .5rem 2rem;}
.table .tableRow {border-bottom: 1px solid #ccc;}
.table .tableRow .column {padding: .5rem 2rem;}
.table .tableFooter {border-bottom: 3px solid #333;background: #ccc;}
.table .tableFooter .column {padding: .5rem 2rem;}
.table .checkmark {display: inline-block;}
.table .checkmark:after {content: "";display: inline-block;width: .7rem;height: 1.4rem;border: solid #008c48;border-width: 0 .2rem .2rem 0;transform: rotate(45deg);}
.table .checkmark.optional:after {border-color: #999;}
.tableResp {display: block;}
.tableResp .tableRespRow {display: flex;flex-direction: row;}
.tableResp .tableRespRow.tableRespHeader {background: #d9d9d9;}
.tableResp .tableRespRow .tableRespCell {flex: 1;padding: 1rem 0;border-bottom: .1rem solid #d9d9d9;}
.tableResp .tableRespRow .tableRespCell.eventTitle {flex: 3;}
.tableResp .tableRespRow .tableRespCell.eventMonth {font-family: "Roboto Condensed",Helvetica,Arial,sans-serif;color: #e56e02;font-size: 4rem;text-align: center;font-weight: 400;border-bottom: .1rem solid #b3b3b3;padding-top: 3rem;padding-bottom: .3rem;}
.tableCamAssist {border-collapse: collapse;border-spacing: 0;width: 100%;max-width: 100%;}
.tableCamAssist thead {padding: 0;}
.tableCamAssist thead tr {display: flex;width: 100%;padding: .75rem;padding: 0;}
@media (max-width: 415px) {.tableCamAssist thead tr {display: none;}}
.tableCamAssist thead tr th {flex: 1 0 auto;border: none;padding: 2rem 2rem;}
.tableCamAssist thead tr th.firstColumn {width: 40%;}
.tableCamAssist thead tr th.camAssist {width: 20%;background-color: #fd384e;color: #fff;}
.tableCamAssist thead tr th.traditionalCam {width: 20%;}
.tableCamAssist thead tr th.featureBasedMachining {width: 20%;}
.tableCamAssist tbody tr {display: flex;flex-direction: row;align-items: center;width: 100%;background-color: #f2f9f6;background-color: rgba(3,0,16,.05);padding: .75rem;padding: 0;}
.tableCamAssist tbody tr:nth-child(2n) {background-color: #cce8da;background-color: rgba(3,0,16,.1);}
@media (max-width: 415px) {.tableCamAssist tbody tr {flex-direction: column;align-items: flex-start;}}
.tableCamAssist tbody tr td {flex: 1 0 auto;display: flex;align-items: center;border: none;padding: 0;padding: 2rem 2rem;}
.tableCamAssist tbody tr td .text {width: 100%;font-weight: 400;}
.tableCamAssist tbody tr td .entity {font-weight: bold;}
.tableCamAssist tbody tr td.firstColumn {width: 40%;}
@media (max-width: 415px) {.tableCamAssist tbody tr td.firstColumn {width: 100%;}}
.tableCamAssist tbody tr td.camAssist {width: 20%;background-color: rgba(253,56,78,.05);}
.tableCamAssist tbody tr td.camAssist:nth-child(2n) {background-color: rgba(253,56,78,.1);}
@media (max-width: 415px) {.tableCamAssist tbody tr td.camAssist {width: 100%;}}
.tableCamAssist tbody tr td.camAssist .entity {color: green;}
.tableCamAssist tbody tr td.traditionalCam {width: 20%;}
@media (max-width: 415px) {.tableCamAssist tbody tr td.traditionalCam {width: 100%;}}
.tableCamAssist tbody tr td.traditionalCam .entity {color: #fd384e;}
.tableCamAssist tbody tr td.featureBasedMachining {width: 20%;}
@media (max-width: 415px) {.tableCamAssist tbody tr td.featureBasedMachining {width: 100%;}}
.tableCamAssist tbody tr td.featureBasedMachining .entity {color: #fd384e;}
.tableCamAssist tbody tr td:before {content: attr(data-label);font-family: "Roboto",Helvetica,Arial,sans-serif;width: 20%;white-space: nowrap;display: none;margin-left: 0;flex: 0 0 auto;}
@media (max-width: 415px) {.tableCamAssist tbody tr td:before {display: block;}}
.googlemaps-wrapper {height: 400px;margin-top: -2.5rem;margin-bottom: -2.5rem;}
#googlemaps {height: 100%;width: 100%;top: 0;left: 0;z-index: 0;}
.newsTop {border-top: .5rem solid #008c48;font-weight: 500;font-size: 100%;position: absolute;display: flex;flex-direction: row;opacity: 0;margin: 0;padding: 0;padding: 5rem;padding-left: 0;list-style-type: none;background: #fff;background: rgba(255,255,255,.9);left: 0;top: -9999px;width: 100%;height: 0;justify-content: center;flex-wrap: wrap;flex-wrap: nowrap;box-shadow: 0 8px 20px -4px rgba(0,0,0,.3);}
.newsTop .newsContent {text-align: left;}
.newsTop.active {display: block;}
.newsTop.active .newsContent {visibility: visible;opacity: 1;}
.newsButton.show .newsTop {top: 100%;opacity: 1;height: auto;}
.newsTopList {margin-left: 2rem;margin-right: 2rem;}
.newsTopList .newsTopListTitle a {margin-bottom: 3rem;display: block;font-size: 2.5rem;text-transform: uppercase;color: #000;padding: 2rem;padding: 0;border-bottom: 1px solid #008c48;}
.newsTopList .newsTopListTitle a:hover {color: #008c48;}
.newsTopList .newsTopItem a {color: #000;}
.newsTopList .newsTopItem a:hover {color: #008c48;}
.newsTopList .newsTopItem a:before {font-family: "FontAwesome";content: "";color: #e56e02;margin-right: 1rem;}
.newsTopList.news .newsTopItem a:before {content: "";}
.newsTopList.promos .newsTopItem a:before {content: "";}
.newsTopList.events .newsTopItem a:before {content: "";}
.newsletterTop {background: #e56e02;color: #f2f9f6;margin-top: 4rem;}
.newsletterTop a {color: #f2f2f2;background: #000;font-size: 1.2rem;display: inline-block;text-align: center;padding: 2rem;}
.searchTop {border-top: .5rem solid #008c48;font-weight: 500;font-size: 100%;position: absolute;display: flex;flex-direction: row;opacity: 0;margin: 0;padding: 0;padding: 5rem;padding-left: 0;list-style-type: none;background: #fff;background: rgba(255,255,255,.9);left: 0;top: -9999px;width: 100%;height: 0;justify-content: center;flex-wrap: wrap;flex-wrap: nowrap;box-shadow: 0 8px 20px -4px rgba(0,0,0,.3);}
.searchTop.active {display: block;}
.searchTop.active .searchContent {visibility: visible;opacity: 1;}
.searchButton.show .searchTop {top: 100%;opacity: 1;height: auto;}
.loginTop {border-top: .5rem solid #008c48;font-weight: 500;font-size: 100%;position: absolute;display: flex;flex-direction: row;opacity: 0;margin: 0;padding: 0;padding: 5rem;padding-left: 0;list-style-type: none;background: #fff;background: rgba(255,255,255,.9);left: 0;top: -9999px;width: 100%;height: 0;justify-content: center;flex-wrap: wrap;flex-wrap: nowrap;box-shadow: 0 8px 20px -4px rgba(0,0,0,.3);}
.loginTop.active {display: block;}
.loginTop.active .loginContent {visibility: visible;opacity: 1;}
.loginButton.show .loginTop {top: 100%;opacity: 1;height: auto;}
.searchFormTop {padding: 0;margin: 0;overflow: hidden;}
.searchFormTop label {text-align: center;color: #000;width: 100%;margin: 0;}
.searchFormTop input {border-radius: 0;border: 1px solid #000;margin: 0 auto;color: #000;padding: 1rem;}
.searchFormTop input:focus {border-color: #008c48;border: 1px solid;outline: none;}
.searchFormTop input.submitButton {background: #008c48;border-color: #008c48;color: #f2f9f6;text-transform: uppercase;padding: 0;padding-left: 1rem;padding-right: 1rem;}
.searchFormTop input.submitButton:hover {background-color: #e56e02;border-color: #e56e02;}
.searchFormContent {padding: 0;padding: 5rem;background: #f2f2f2;border: 1px solid #b3b3b3;margin: 0;overflow: hidden;}
.searchFormContent label {text-align: center;color: #000;width: 100%;margin: 0;}
.searchFormContent input {border-radius: 0;border: 1px solid #000;margin: 0 auto;color: #000;padding: 1rem;}
.searchFormContent input:focus {border-color: #008c48;border: 1px solid;outline: none;}
.searchFormContent input.submitButton {background: #008c48;border-color: #008c48;color: #f2f9f6;text-transform: uppercase;padding: 0;padding-left: 1rem;padding-right: 1rem;}
.searchFormContent input.submitButton:hover {background-color: #e56e02;border-color: #e56e02;}
.shareButtons {margin-bottom: 3rem;}
.shareButtons ul {margin: 0;padding: 0;list-style: none;display: flex;flex-direction: row;}
.shareButtons ul li a {display: flex;align-items: center;margin-right: .5rem;background: #008c48;padding: 1rem 1rem;color: #f2f9f6;border-radius: .3rem;}
.shareButtons ul li a div.shareIcon {font-size: 120%;margin-right: 1rem;width: 2rem;height: 2rem;display: flex;align-items: center;justify-content: center;}
.shareButtons ul li a div.shareText {text-transform: uppercase;font-size: 70%;font-weight: 500;}
.shareButtons ul li a:hover {background: #e56e02;}
@media (max-width: 60rem) {.shareButtons ul li a div.shareIcon {margin-right: 0;}
.shareButtons ul li a div.shareText {display: none;}
.shareButtons ul li a:hover {background: #e56e02;}}
.cos {text-align: left;}
.cos .profile {margin-bottom: 2rem;}
.cos .profile .item {display: flex;flex-direction: row;}
.cos .profile .item .label {flex: 1 1 33.33333%;color: #80c6a4;}
.cos .profile .item .field {flex: 1 1 66.66667%;}
.cos .profile .item.changeProfile {position: absolute;bottom: .4rem;right: 1rem;}
.cos .actions {margin-bottom: 2rem;display: flex;flex-direction: row;align-items: flex-start;}
.cos .actions .item {margin-right: 5rem;flex: 1 1 33.33333%;}
.cosMega {text-align: left;}
.cosMega .profile {position: relative;border: .1rem solid #008c48;padding: 2rem;background: #fff;margin-left: 2rem;margin-right: 2rem;}
.cosMega .profile .title {font-family: "Roboto Condensed",Helvetica,Arial,sans-serif;font-size: 120%;}
.cosMega .profile .item {display: flex;flex-direction: row;}
.cosMega .profile .item .label {flex: 1 1 40%;color: #808080;}
.cosMega .profile .item .field {flex: 1 1 60%;}
.cosMega .profile .item.changeProfile {position: absolute;bottom: .4rem;right: 1rem;}
.cosMega .actions .item.logout {margin-bottom: 3rem;border-bottom: .1rem solid #008c48;padding-bottom: 1rem;}
.camaixxxxxx:before {content: url("/assets/icons/camaix.svg");}
.mastercam-art:before {content: url("/assets/icons/mastercam-art.svg");}
.mastercam-cam-assist:before {content: url("/assets/content/mastercam/2021/icons/mastercam-cam-assist.svg");}
.mastercam-design:before {content: url("/assets/icons/mastercam-design.svg");}
.mastercam-drahten:before {content: url("/assets/icons/mastercam-drahten.svg");}
.mastercam-drehen:before {content: url("/assets/content/mastercam/2021/icons/lathe.svg");}
.mastercam-mill-turn:before {content: url("/assets/content/mastercam/2021/icons/mill-turn.svg");}
.mastercam-fraesen:before {content: url("/assets/icons/mastercam-fraesen.svg");}
.mastercam-router:before {content: url("/assets/icons/mastercam-router.svg");}
.mastercam-solidworks:before {content: url("/assets/icons/mastercam-solidworks.svg");}
.mastercam-demoversion:before {content: url("/assets/content/mastercam/2021/icons/cad-for-cam.svg");}
.mastercam-addons:before {content: url("/assets/content/mastercam/2021/icons/cad-cam-2023.svg");}
.navSmallDevices {font-weight: 100;position: relative;background: #e6e6e6;overflow-y: scroll;min-height: 0;width: 0;transition: transform .4s ease;transform: translate(-27rem,0);transform: translate3d(-27rem,0,0);}
.navSmallDevices.active {transform: translate(0rem,0);transform: translate3d(0rem,0,0);min-height: 100%;width: 27rem;}
.navSmallDevices ul {position: absolute;z-index: 999;width: 100%;margin: 0;padding: 0;list-style-type: none;top: 0;left: 0;right: 0;bottom: 0;min-height: 100%;font-size: 100%;transition: transform .4s ease;}
.navSmallDevices ul .trigger {cursor: pointer;cursor: hand;position: absolute;right: 2rem;border-left: 1px solid #f2f2f2;padding-left: 2rem;padding: 1rem 2rem;padding-right: 1rem;transition: all .6s ease-in-out;color: #008c48;}
.navSmallDevices ul .trigger:before {content: "";}
.navSmallDevices ul .trigger:hover {color: #000;}
.navSmallDevices ul .back {text-align: center;cursor: pointer;cursor: hand;background: #d9d9d9;padding: 2rem;text-transform: uppercase;border-bottom: 1px solid #f2f2f2;transition: all .6s ease-in-out;}
.navSmallDevices ul .back:before {position: absolute;left: 2rem;content: "";}
.navSmallDevices ul .back:hover {color: #008c48;}
.navSmallDevices ul .title {text-align: center;color: #808080;background: #d9d9d9;padding: 2rem;text-transform: uppercase;border-bottom: 1px solid #f2f2f2;transition: all .6s ease-in-out;}
.navSmallDevices ul li {border-bottom: 1px solid #f2f2f2;margin: 0;}
.navSmallDevices ul li a {display: inline-block;padding: 1rem 2rem;color: #000;}
.navSmallDevices ul li a:hover {color: #008c48;}
.navSmallDevices > ul ul {transform: translate3d(-27rem,0,0);}
.navSmallDevices > ul ul.hide {transform: translate(-27rem,0);transform: translate3d(-27rem,0,0);}
.navSmallDevices > ul ul.show {transform: translate(0rem,0);transform: translate3d(0rem,0,0);background: #e6e6e6;}
.navSmallDevices > ul ul li.active > ul {transform: translate(0rem,0);transform: translate3d(0rem,0,0);background: #e6e6e6;}
.stage {overflow: hidden;transition: transform .4s ease;min-height: 100%;}
.stage.navSmallDevicesIsOn {position: fixed;top: 0;left: 0;transform: translate(27rem,0);transform: translate3d(27rem,0,0);-webkit-box-shadow: -5px 0px 3px 0px rgba(0,0,0,.1);-moz-box-shadow: -5px 0px 3px 0px rgba(0,0,0,.1);box-shadow: -5px 0px 3px 0px rgba(0,0,0,.1);}
.hamburger-wrapper {position: relative;float: right;float: none;height: 50px;width: 50px;top: 0px;margin-right: 15px;margin-top: 7px;margin-bottom: 5px;background: transparent;}
.hamburger {background: transparent;position: relative;height: 18px;width: 18px;margin-top: 17px;margin-left: 14px;cursor: pointer;cursor: hand;}
.hamburger:before, .hamburger:after {background: #000;backface-visibility: hidden;content: "";height: 2px;left: 0;transition: .75s;width: 22px;}
.hamburger:before {box-shadow: #000 0 7px 0 0;position: absolute;top: 0;}
.hamburger:after {position: absolute;top: 14px;}
.hamburger.active {margin-top: 14px;margin-left: 14px;}
.hamburger.active:before {box-shadow: #000 0 7px 0 0;box-shadow: transparent 0 0 0 0;top: 10px;transform: rotate(225deg);background: #000;}
.hamburger.active:after {top: 10px;transform: rotate(315deg);background: #000;}
@media (min-width: 60rem) {header .column-hamburger {display: none !important;}}
@media (max-width: 60rem) {header {position: relative;}
header .row-header {flex-direction: row;}
header .column-navigation, header .column-socials, header .column-interactions {display: none !important;}}
.newsItem {position: relative;padding-top: 2rem;padding-bottom: 2rem;border-bottom: .1rem solid #d9d9d9;margin-bottom: 2rem;}
.newsItem .newsItemButton {position: absolute;right: 0;bottom: 1rem;}
.newsItem .newsItemButton a {display: inline-block;background: #e56e02;color: #fcf1e6;font-family: "Roboto Condensed",Helvetica,Arial,sans-serif;text-transform: uppercase;font-size: 75%;padding: 1rem 2rem;}
.newsItem .newsItemButton a:hover {background: #000;color: #e6e6e6;}
.newsButton > a {color: #e56e02 !important;}
.newsButton > a:hover {color: #fff !important;}
.newsButton:hover .infinite {animation-iteration-count: 1;}
@keyframes pulse {from {transform: scale3d(1,1,1);}
50% {transform: scale3d(2,2,2);}
to {transform: scale3d(1,1,1);}}
.pulse {animation-name: pulse;}
.backButton {border-bottom: .1rem solid #d9d9d9;margin-bottom: 2rem;}
.backButton a {font-family: "Roboto Condensed",Helvetica,Arial,sans-serif;text-transform: uppercase;}
.backButton a:before {font-family: "FontAwesome";content: "";margin-right: .6rem;}
.navMegaClose {display: none;position: absolute;bottom: 3rem;right: 4.5rem;width: 3rem;height: 3rem;}
.navMegaClose:after {font-family: "FontAwesome";content: "";cursor: pointer;cursor: hand;border: .2rem solid #ccc;color: #ccc;position: absolute;width: 3rem;height: 3rem;border-radius: 100%;text-align: center;}
.navMegaClose:hover:after {color: #008c48;border-color: #008c48;}
.newsTop > .navMegaClose, .searchTop > .navMegaClose, .loginTop > .navMegaClose, .level---1 > .navMegaClose {display: block;}
.level---1 > .navMegaClose {right: 3rem;}
.responsive-video iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.responsive-video {position: relative;padding-bottom: 56.25%;padding-top: 0px;height: 0;overflow: hidden;margin-bottom: 3rem;}
.ribbonNew {position: absolute;left: -5px;top: -5px;z-index: 1;overflow: hidden;width: 75px;height: 75px;text-align: right;}
.ribbonNew span {font-size: 10px;font-weight: bold;color: #fff;text-transform: uppercase;text-align: center;line-height: 20px;transform: rotate(-45deg);-webkit-transform: rotate(-45deg);width: 100px;display: block;background: #79a70a;background: linear-gradient(#9bc90d 0%,#79a70a 100%);box-shadow: 0 3px 10px -5px #000;position: absolute;top: 19px;left: -21px;}
.ribbonNew span:before {content: "";position: absolute;left: 0px;top: 100%;z-index: -1;border-left: 3px solid #79a70a;border-right: 3px solid transparent;border-bottom: 3px solid transparent;border-top: 3px solid #79a70a;}
.ribbonNew span:before:after {content: "";position: absolute;right: 0px;top: 100%;z-index: -1;border-left: 3px solid transparent;border-right: 3px solid #79a70a;border-bottom: 3px solid transparent;border-top: 3px solid #79a70a;}
a, a:before, a:after, svg, .easing, .logo img, .btn, nav, button, .navLegal > ul > li > div, .navCourses > ul > li > div, .navMain > ul > li > div, .search, #recall-wrapper, .form-recall, .accordion-toggle, #goToTop, :after, .signet, .logo, input {-webkit-transition: all .6s ease-in-out;-moz-transition: all .6s ease-in-out;-o-transition: all .6s ease-in-out;transition: all .6s ease-in-out;}