.item-mc-left-0 { grid-area: l0; display: grid; grid-template-columns: 80%; background-color: #3d3f47; height: 100vh; }
.item-mc-question-0 { grid-area: q0; }
.item-mc-question-1 { grid-area: q1; }
.item-mc-question-2 { grid-area: q2; }
.item-mc-question-3 { grid-area: q3; }
@media only screen and (min-width: 980px) {
.mc-frontend-left {
justify-content: center;
grid-template-areas:
'q0' 'q1' 'q2' 'q3' ;
}
}

.mc-frontend-left {
justify-content: center;
grid-template-areas:
'q0' 'q1' 'q2' 'q3' ;
}

.item-mc-right-0 { grid-area: r0; display: grid; grid-template-columns: 80%; padding-top: 80px; align-content: stretch;}
.item-answer-0 { grid-area: a0; }
.item-answer-1 { grid-area: a1; }
.item-answer-2 { grid-area: a2; }
.item-answer-3 { grid-area: a3; }
.item-answer-4 { grid-area: a4; }
.item-answer-5 { grid-area: a5; }
.item-answer-6 { grid-area: a6; }
.item-answer-7 { grid-area: a7; }
.item-answer-8 { grid-area: a8; }
.item-answer-9 { grid-area: a9; }
.item-answer-10 { grid-area: a10; }
.item-answer-11 { grid-area: a11; }
.item-answer-12 { grid-area: a12; }
.item-answer-13 { grid-area: a13; }
.item-answer-14 { grid-area: a14; }
.item-answer-15 { grid-area: a15; }
.item-button-0 { grid-area: b0; }
.item-feedback-0 { grid-area: f0; }
.item-0 { grid-area: i0; }
.item-1 { grid-area: i1; }
.item-2 { grid-area: i2; }
.item-3 { grid-area: i3; }
.item-4 { grid-area: i4; }
.item-5 { grid-area: i5; }
.item-6 { grid-area: i6; }
.item-7 { grid-area: i7; }
.item-8 { grid-area: i8; }
.item-9 { grid-area: i9; }
.item-10 { grid-area: i10; }
.item-11 { grid-area: i11; }
.item-12 { grid-area: i12; }
.item-13 { grid-area: i13; }
.item-14 { grid-area: i14; }
.item-15 { grid-area: i15; }
.item-heading, .nbook-text-editor > h1 {
text-align: left;
font-family: "Oswald", "Arial Black", Gadget, sans-serif;
text-transform: uppercase;
line-height: 1.3;
color: #222;
background-color: rgba(255,255,255,0.39);
padding: 15px;
overflow-wrap: break-word;
word-wrap: break-word;
-ms-word-break: break-all;
word-break: break-all;
word-break: break-word;
-ms-hyphens: auto;
-moz-hyphens: auto;
-webkit-hyphens: auto;
hyphens: auto;
}


.nbook-text-editor > h1 {
background-color: transparent;
padding: 0;
line-height: 1;
}


.grid-container {
  display: grid;
  grid-gap: 30px;
  margin: 0 auto;
  justify-content: space-evenly;
  padding: 50px;
}


.grid-container > div {
  background-color: rgba(255, 255, 255, 0);
  text-align: left;
  font-size: 16px;
  color: #696969;
}


.grid-heading-media-container {
  display: grid;
  margin: 0 0 0 0;
  padding: 60px;
  min-height: 60vh;
}


@media only screen and (min-width: 980px) {
.grid-container {
  display: grid;
  grid-gap: 30px;
  width: 980px;
  margin: 0 auto;
  justify-content: space-evenly;
}


.grid-container > div {
  background-color: rgba(255, 255, 255, 0);
  text-align: left;
  font-size: 16px;
  color: #696969;
}


.grid-heading-media-container {
  display: grid;
  margin: 0 0 30px 0;
  padding: 60px;
  min-height: 60vh;
  align-items: end;
}
.item-heading {
  grid-area: m;
}
.grid-split-slide-container > .grid-container {
  width: 100%;
  background-color: rgb(245,245,245);
  padding: 100px 150px 100px 150px;
}
.grid-split-slide-container > .grid-heading-media-container {
  margin: 0;
  height: 100vh;
}
}


.kuckloch  {
  margin: 0 auto;
}

.kuckloch > img  {
  border-radius: 50%;
}

.grid-split-slide-container {
  display: grid;
  grid-gap: 0;
  width: 100%;
  grid-template-areas: 'l0' 'r0';
}


input[name="name"], input[name="e-mail"], input[name="subject"], textarea[name="message"] {
  background: rgba(220,220,220, 0.7);
  border: none;
  color: #222222;
  font-weight: 400;
  width: 100%;
  padding: 0 10px;
  height: 44px;
  border-radius: 3px;
  font-size: 13px;
}


textarea[name="message"] {
  min-height: 200px;
  resize: none;
  padding: 10px;
}
.item-name > label, .item-email > label, .item-subject > label, .item-message > label {
  color: #636363;
  margin-top: 1em;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: .075em;
}
input[type="submit"] {
  color: rgb(148, 148, 148);
  border: 1px solid rgb(181, 181, 181);
  font-family: Roboto, sans-serif;
  font-weight: 500 !important;
  margin: 20px 0 20px 0;
  background-color: #ffffff;
  padding: 12px 40px 10px 40px;
  text-transform: uppercase;
  width: 100%;
  border-radius: 3px;
}
input[type="submit"]:hover {
  transition: background-color 150ms ease-in-out;
  background-color: #e3e3e3;
}
input[name="name"]:focus, input[name="e-mail"]:focus, input[name="subject"]:focus, textarea[name="message"]:focus {
  outline: none !important;
  border: 2px solid #d4d4d4;
}
input.invalid, #cf-message.invalid {
  background: rgb(251, 212, 212);
}
input[type="submit"].invalid {
  background: rgb(251, 212, 212);
  user-select: none;
  pointer-events: none;
}
input[type="submit"].success {
  background: rgb(194, 236, 145);
}
input[name="subject"], .item-subject > label {
 display: none; z-index: -1; opacity: 0; visibility: hidden;
}
.item-subject {
  height: 0;
}


@media only screen and (min-width: 980px) {
.gs-8412.grid-heading-media-container {
  grid-template-columns: 33.33% 33.33% 33.33%;
  grid-template-rows: 15vh 15vh 15vh;
  grid-template-areas:
 '. . .'
 '. . .'
 'm . .'
;
}  
}  
@media only screen and (min-width: 980px) {
.gs-8416.grid-heading-media-container {
  grid-template-columns: 33.33% 33.33% 33.33%;
  grid-template-rows: 15vh 15vh 15vh;
  grid-template-areas:
 '. . .'
 '. . .'
 '. . .'
;
}  
}  
.gs-8416.grid-container {
 grid-template-areas:
 'i0'
 'i1'
 'i2'
 'i3'
 'i4'
 'i5'
 'i6'
 'i7'
 'i8'
;
}

@media only screen and (min-width: 980px) {
.gs-8416.grid-container {
  grid-template-columns: 33.33% 33.33% 33.33%;
 grid-template-areas:
 'i0 i0 i0'
 'i1 i1 i1'
 'i1 i1 i1'
 'i1 i1 i1'
 'i1 i1 i1'
 'i2 i2 i8'
 'i2 i2 i8'
 'i3 i3 .'
 'i4 i4 .'
 'i4 i4 .'
 'i5 i5 .'
 'i6 i6 .'
 'i6 i6 .'
 'i7 i7 .'
  ;
}
}

@media only screen and (min-width: 980px) {
.gs-8424.grid-heading-media-container {
  grid-template-columns: 33.33% 33.33% 33.33%;
  grid-template-rows: 15vh 15vh 15vh;
  grid-template-areas:
 '. . .'
 '. . .'
 '. . m'
;
}  
}  
.gs-8424.grid-container {
 grid-template-areas:
 'i0'
 'i1'
 'i2'
;
}

@media only screen and (min-width: 980px) {
.gs-8424.grid-container {
  grid-template-columns: 33.33% 33.33% 33.33%;
 grid-template-areas:
 'i0 i1 i2'
 'i0 i1 i2'
 'i0 i1 i2'
             ;
}
}

@media only screen and (min-width: 980px) {
.gs-8429.grid-heading-media-container {
  grid-template-columns: 33.33% 33.33% 33.33%;
  grid-template-rows: 15vh 15vh 15vh;
  grid-template-areas:
 '. . m'
 '. . .'
 '. . .'
;
}  
}  
.gs-8429.grid-container {
 grid-template-areas:
 'i0'
 'i1'
 'i2'
;
}

@media only screen and (min-width: 980px) {
.gs-8429.grid-container {
  grid-template-columns: 33.33% 33.33% 33.33%;
 grid-template-areas:
 'i0 i1 i2'
 'i0 i1 i2'
 'i0 i1 i2'
 'i0 i1 i2'
 'i0 . .'
           ;
}
}

@media only screen and (min-width: 980px) {
#mc-8430.grid-mc-container {
grid-template-columns: 50% 50%;
grid-template-areas:
'l0 r0'
;
}
}

@media only screen and (min-width: 980px) {
#mc-right-8430.mc-frontend-right {
justify-content: center;
grid-template-areas:
'a0' 'a1' 'a2' 'f0' 'b0'
;
}
}

#mc-right-8430.mc-frontend-right {
justify-content: center;
grid-template-areas:
'a0' 'a1' 'a2' 'f0' 'b0'
;
}

@media only screen and (min-width: 980px) {
.gs-8431.grid-heading-media-container {
  grid-template-columns: 33.33% 33.33% 33.33%;
  grid-template-rows: 15vh 15vh 15vh;
  grid-template-areas:
 '. m .'
 '. . .'
 '. . .'
;
}  
}  
.gs-8431.grid-container {
 grid-template-areas:
 'i0'
 'i1'
 'i2'
;
}

@media only screen and (min-width: 980px) {
.gs-8431.grid-container {
  grid-template-columns: 33.33% 33.33% 33.33%;
 grid-template-areas:
 'i0 i1 i2'
 'i0 i1 i2'
 'i0 i1 i2'
             ;
}
}

@media only screen and (min-width: 980px) {
.gs-8439.grid-heading-media-container {
  grid-template-columns: 33.33% 33.33% 33.33%;
  grid-template-rows: 15vh 15vh 15vh;
  grid-template-areas:
 '. . .'
 'm . .'
 '. . .'
;
}  
}  
.gs-8439.grid-container {
 grid-template-areas:
 'i0'
 'i1'
 'i2'
;
}

@media only screen and (min-width: 980px) {
.gs-8439.grid-container {
  grid-template-columns: 33.33% 33.33% 33.33%;
 grid-template-areas:
 'i0 i1 i2'
 'i0 i1 i2'
 'i0 i1 i2'
 'i0 i1 i2'
            ;
}
}

@media only screen and (min-width: 980px) {
.gs-8446.grid-heading-media-container {
  grid-template-columns: 25% 25% 25% 25%;
  grid-template-areas:
 '. . . '
 '. . . '
 '. . . '
;
}  
}  
.gs-8446.grid-container {
 grid-template-areas:
 'i0'
 'i1'
;
}

@media only screen and (min-width: 980px) {
.gs-8446.grid-container {
  grid-template-columns: 25% 25% 25% 25%;
 grid-template-areas:
 'i0 i1 i1 i1'
 'i0 i1 i1 i1'
              ;
}
}

@media only screen and (min-width: 980px) {
.gs-8510.grid-split-slide-container {
  grid-template-columns: 50% 50%;
  grid-template-areas:
  'l0 r0';
}
}


@media only screen and (min-width: 980px) {
.gs-8510.grid-heading-media-container {
  grid-template-columns: 100%;
  grid-template-rows: 20vh;
  grid-template-areas:
 '.'
 '.'
 'm'
;
}  
}  
.gs-8510.grid-container {
 grid-template-areas:
 'i0'
 'i1'
 'i2'
;
}

@media only screen and (min-width: 980px) {
.gs-8510.grid-container {
  grid-template-columns: 50% 50%;
 grid-template-areas:
 'i0 i0'
 'i0 i0'
 'i1 i1'
 'i1 i1'
 'i2 i2'
           ;
}
}

@media only screen and (min-width: 980px) {
.gs-8513.grid-heading-media-container {
  grid-template-columns: 33.33% 33.33% 33.33%;
  grid-template-rows: 15vh 15vh 15vh;
  grid-template-areas:
 '. . .'
 '. . .'
 'm . .'
;
}  
}  
.gs-8513.grid-container {
 grid-template-areas:
 'i0'
 'i1'
 'i2'
;
}

@media only screen and (min-width: 980px) {
.gs-8513.grid-container {
  grid-template-columns: 33.33% 33.33% 33.33%;
 grid-template-areas:
 'i0 i1 i2'
 'i0 i1 i2'
 'i0 i1 i2'
 'i0 i1 i2'
            ;
}
}

@media only screen and (min-width: 980px) {
#mc-8521.grid-mc-container {
grid-template-columns: 50% 50%;
grid-template-areas:
'l0 r0'
;
}
}

@media only screen and (min-width: 980px) {
#mc-right-8521.mc-frontend-right {
justify-content: center;
grid-template-areas:
'a0' 'a1' 'a2' 'a3' 'a4' 'a5' 'a6' 'f0' 'b0'
;
}
}

#mc-right-8521.mc-frontend-right {
justify-content: center;
grid-template-areas:
'a0' 'a1' 'a2' 'a3' 'a4' 'a5' 'a6' 'f0' 'b0'
;
}

@media only screen and (min-width: 980px) {
.gs-8522.grid-heading-media-container {
  grid-template-columns: 33.33% 33.33% 33.33%;
  grid-template-rows: 15vh 15vh 15vh;
  grid-template-areas:
 '. . .'
 '. . .'
 '. . m'
;
}  
}  
.gs-8522.grid-container {
 grid-template-areas:
 'i0'
 'i1'
 'i2'
;
}

@media only screen and (min-width: 980px) {
.gs-8522.grid-container {
  grid-template-columns: 33.33% 33.33% 33.33%;
 grid-template-areas:
 'i0 i1 i2'
 'i0 i1 i2'
 'i0 i1 i2'
 'i0 i1 i2'
            ;
}
}

@media only screen and (min-width: 980px) {
.gs-8528.grid-heading-media-container {
  grid-template-columns: 25% 25% 25% 25%;
  grid-template-areas:
 '. . . '
 '. . . '
 '. . . '
;
}  
}  
.gs-8528.grid-container {
 grid-template-areas:
 'i0'
 'i1'
 'i2'
;
}

@media only screen and (min-width: 980px) {
.gs-8528.grid-container {
  grid-template-columns: 25% 25% 25% 25%;
 grid-template-areas:
 'i0 i0 i0 i0'
 'i1 i1 i1 i1'
 'i1 i1 i1 i1'
 'i1 i1 i1 i1'
 'i2 i2 i2 i2'
 'i2 i2 i2 i2'
 'i2 i2 i2 i2'
         ;
}
}

@media only screen and (min-width: 980px) {
.gs-8529.grid-split-slide-container {
  grid-template-columns: 50% 50%;
  grid-template-areas:
  'l0 r0';
}
}


@media only screen and (min-width: 980px) {
.gs-8529.grid-heading-media-container {
  grid-template-columns: 100%;
  grid-template-rows: 20vh;
  grid-template-areas:
 '.'
 '.'
 'm'
;
}  
}  
.gs-8529.grid-container {
 grid-template-areas:
 'i0'
 'i1'
 'i2'
;
}

@media only screen and (min-width: 980px) {
.gs-8529.grid-container {
  grid-template-columns: 50% 50%;
 grid-template-areas:
 'i0 i0'
 'i1 i1'
 'i2 i2'
 'i2 i2'
            ;
}
}

