iframe {
      border: none;
      width: 99%;
      height: 99%;
      margin: 0;
      padding: 0;
      overflow: hidden;
      }

  input[type=submit] {
      box-shadow:inset 0px 39px 0px -24px #E20074;
      background-color:#E20074;
      border-radius:4px;
      border:0px solid #ffffff;
      display:inline-block;
      cursor:pointer;
      color:#ffffff;
      font-family:Calibri;
      font-size:15px;
      height: 30px;
      padding:6px 15px;
      text-decoration:none;
      text-shadow:0px 1px 0px #b23e35;
      }

  .block {
      padding-top: 0.5em;
      padding-bottom: 0.5em;
      }

  .zeile {
      display: flex;
      flex-direction: row;
      align-items: center;
      height: 40px;
      }
  .zeile-z {
      display: none;
      }

  .content {
      padding-left:10px;
      }

                                                                                                         /* Magenta Buttons */
  .button {
      box-shadow:inset 0px 39px 0px -24px #E20074;
      background-color:#E20074;
      border-radius:4px;
      border:0px solid #ffffff;
      display:inline-block;
      cursor:pointer;
      color:#ffffff;
      font-family:Calibri;
      font-size:15px;
      height: 18px;
      padding:6px 15px;
      text-decoration:none;
      text-shadow:0px 1px 0px #b23e35;
      }
  .button:hover {
      opacity: 0.8;
      }
  .button:active {
      position:relative;
      top:1px;
      }

                                                                                                      /* Auswahl"knöpfchen" */
  .switch {
      position: relative;
      display: inline-block;
      width: 50px;
      height: 30px;
      line-height: 32px;
      }
  .switch input {
      opacity: 0;
      width: 0;
      height: 0;
      }

  .slider {
      position: absolute;
      cursor: pointer;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background-color: #ccc;
      -webkit-transition: .4s;
      transition: .4s;
      }
  .slider:before {
      position: absolute;
      content: "";
      height: 22px;
      width: 22px;
      left: 4px;
      bottom: 4px;
      background-color: white;
      -webkit-transition: .4s;
      transition: .4s;
      }

  input:checked + .slider {
      background-color: #2196F3;
      }
  input:focus + .slider {
      box-shadow: 0 0 1px #2196F3;
      }
  input:checked + .slider:before {
      -webkit-transform: translateX(20px);
      -ms-transform: translateX(20px);
      transform: translateX(20px);
      }

  .slider.round {
      border-radius: 34px;
      }
  .slider.round:before {
      border-radius: 50%;
      }

                                                                                                               /* Infopopup */
  .popup {
      position: relative;
      display: inline-block;
      padding-left: 1em;
      cursor: pointer;
      }
  .popup .popuptext {
      visibility: hidden;
      width: 310px;
      background-color: #555;
      color: #fff;
      text-align: left;
      border-radius: 6px;
      padding: 8px;
      position: absolute;
      z-index: 1;
      bottom: 125%;
      left: 50%;
      margin-left: -155px;
      }
  .popup .popuptext::after {
      content: "";
      position: absolute;
      top: 100%;
      left: 50%;
      margin-left: -5px;
      border-width: 5px;
      border-style: solid;
      border-color: #555 transparent transparent transparent;
      }
  .popup .show {
      visibility: visible;
      -webkit-animation: fadeIn 1s;
      animation: fadeIn 1s
      }
  @-webkit-keyframes fadeIn {
      from {opacity: 0;}
      to {opacity: 1;}
      }
  @keyframes fadeIn {
      from {opacity: 0;}
      to {opacity:1 ;}
      }

                                                                                                          /* Mobile Ansicht */

  .zeile2 {
      display: flex;
      flex-direction: row;
      align-items: center;
      height: 40px;
      }

  form {
      margin-bottom: 0em;
      }

  .container {
      width: 100%;
      border-color: #DCDCDC;
      border-width: 1px;
      border-style: solid;
      }
  .container span.label {
      display: none;
      }
  .container-p {
      width: 100%;
      border-color: #DCDCDC;
      border-width: 1px;
      border-style: solid;
      }
  .container-p span.label {
      display: none;
      }

  .head {
      display: flex;
      align-items: center;
      background-color: #FFEBE6;
      height: 3em;
      }
  .head-z {
      display: flex;
      align-items: center;
      background-color: #FFFFFF;
      height: 3em;
      }
  .head a.x {
      display: flex;
      position: relative;
      padding: 0.4em;
      align-items: center;
      color: red;
      font-size: 2em;
      font-weight: bold;
      transform: translate(0) rotate(45deg);
      }
  .head-z a.x {
      display: flex;
      position: relative;
      padding-right: 0.4em;
      align-items: center;
      color: green;
      font-size: 2em;
      font-weight: bold;
      }

  a.label {
      display:flex;
      align-items: center;
      text-decoration: none;
      color: black;
      padding-left: 1em;
      width: 100%;
      height: 100%;
      }



  .tg {
      padding: 1em;
      }
  .tg-z {
      display: none;
      }

  .kd {
      display: flex;
      flex-direction: column;
      padding: 1em;
      }
  .kd-z {
      display: none;
      }

  .kd label {
      display: inline-block;
      width: 8.5em;
      }
  .kd-z label {
      display: inline-block;
      width: 8.5em;
      }

  .vorwahl {
      display: flex;
      order: 1;
      padding-top: 0.57em;
      padding-bottom: 0.57em;
      width: 100%;
      }
  .vorwahl-p {
      display: none;
      }
  .rufnummer {
      display: flex;
      order: 2;
      padding-top: 0.57em;
      padding-bottom: 0.57em;
      width: 100%;
      }
  .rufnummer-p {
      display: flex;
      order: 3;
      padding-top: 0.57em;
      padding-bottom: 0.57em;
      width: 100%;
      }
  .kdnummer {
      display: flex;
      order: 3;
      padding-top: 0.57em;
      padding-bottom: 0.57em;
      width: 100%;
      }
  .kdnummer-p {
      display: flex;
      order: 2;
      padding-top: 0.57em;
      padding-bottom: 0.57em;
      width: 100%;
      }
  .asp {
      display: flex;
      order: 4;
      padding-top: 0.57em;
      padding-bottom: 0.57em;
      width: 100%;
      }
  .asp-p {
      display: flex;
      order: 1;
      padding-top: 0.57em;
      padding-bottom: 0.57em;
      width: 100%;
      }
  .mobil {
      display: flex;
      order: 5;
      padding-top: 0.57em;
      padding-bottom: 0.57em;
      width: 100%;
      }
  .mobil-p {
      display: flex;
      order: 4;
      padding-top: 0.57em;
      padding-bottom: 0.57em;
      width: 100%;
      }
  .mail {
      display: flex;
      order: 6;
      padding-top: 0.57em;
      padding-bottom: 0.57em;
      width: 100%;
      }
  .mail-p {
      display: none;
      }

  .prod {
      display: flex;
      flex-direction: column;
      flex-wrap: wrap;
      padding: 1em;
      }
  .prod-z {
      display: none;
      }

  .txt {
      display: block;
      }
  .txt-z {
      display: none;
      }

  .label-b {
      padding-left: 1em;
      }

@media only screen and (min-width: 1225px) {                                                              /* Desktopansicht */

  .block {
      padding-left: 1.5em;
      }

  .zeile2 {
      width: 49%;
      }

  .wrapper {                                                                                            /* zentrale Auswahl */
      display: flex;
      flex-direction: row;
      width: 100%;
      height: auto;
      margin: 0 0;
      }
  .wrapper2 {
      display: flex;
      flex-direction: row;
      width: 100%;
      margin: 0 0;
      }

  .block1 {
      width: 50%;
      }
  .block2 {
      width: 50%;
      }
  .block3 {
      padding-left: 1.5em;
      padding-top: 0.5em;
      padding-bottom: 0.5em;
      width: 30em;
      }

  .links {
      display: flex;
      float: left;
      width: 25%;
      margin: 0 auto;
      padding-right: 0.25em;
      }
  .mitte {
      display: flex;
      flex-direction: column;
      clear: both;
      width: 50%;
      margin: 0 auto;
      padding-left: 0.25em;
      padding-right: 0.25em;
      }
  .munten {
      display: flex;
      flex-direction: row;
      width: 100%;
      margin: 0 auto;
      }
  .rechts {
      display: flex;
      float: right;
      width: 25%;
      margin: 0 auto;
      padding-left: 0.25em;
      }

  .box1 {
      width: 100%;
      }
  .box2 {
      }
  .box3 {
      width: 66%;
      padding-right: 0.25em;
      }
  .box4 {
      width: 34%;
      padding-left: 0.25em;
      }
  .box5 {
      width: 100%;
      height: 100%
      }

  .container {
      margin-top: 0.75em;
      margin-bottom: 0.75em;
      border-color: #F0F0F0;
      border-width: 2px;
      border-style: groove;
      }
  .container span.label {
      display: block;
      position: relative;
      top: -2px;
      margin-left: 11px;
      background-color:#fff;
      padding:0 2px;
      }
  .container-p {
      height: 93.5%;
      margin-top: 0.75em;
      margin-bottom: 0.75em;
      border-color: #F0F0F0;
      border-width: 2px;
      border-style: groove;
      }
  .container-p span.label {
      display: block;
      position: relative;
      top: -2px;
      margin-left: 11px;
      background-color:#fff;
      padding:0 2px;
      }

  .head {
      background-color: #FFFFFF;
      height: 0;
      }
  .head-z {
      background-color: #FFFFFF;
      height: 0;
      }

  .head-z a.x {
      display: none;
      }
  .head a.x {
      display: none;
      }

  a.label {
      display:none;
      }

  .tg-z {
      padding: 1em;
      display: block;
      }

  .kd {
      flex-direction: row;
      flex-wrap: wrap;
      }
  .kd-z {
      display: flex;
      padding: 1em;
      flex-direction: row;
      flex-wrap: wrap;
      }
  .kd label {
      width: 10em;
      }
  .kd-z label {
      display: inline-block;
      width: 10em;
      }

  .vorwahl {
      order: 1;
      padding-top: 0.15em;
      padding-bottom: 0.15em;
      width: 31%;
      }
  .vorwahl-p {
      display: none;
      }
  .rufnummer {
      order: 4;
      padding-top: 0.15em;
      padding-bottom: 0.15em;
      width: 31%;
      }
  .rufnummer-p {
      order: 3;
      padding-top: 0.15em;
      padding-bottom: 0.15em;
      width: 25%;
      }
  .kdnummer {
      order: 5;
      padding-top: 0.15em;
      padding-bottom: 0.15em;
      width: 31%;
      }
  .kdnummer-p {
      order: 2;
      padding-top: 0.15em;
      padding-bottom: 0.15em;
      width: 25%;
      }
  .asp {
      order: 2;
      padding-top: 0.15em;
      padding-bottom: 0.15em;
      width: 31%;
      }
  .asp-p {
      order: 1;
      padding-top: 0.15em;
      padding-bottom: 0.15em;
      width: 25%;
      }
  .mobil {
      order: 6;
      padding-top: 0.15em;
      padding-bottom: 0.15em;
      width: 31%;
      }
  .mobil-p {
      order: 4;
      padding-top: 0.15em;
      padding-bottom: 0.15em;
      width: 25%;
      }
  .mail {
      order: 3;
      padding-top: 0.15em;
      padding-bottom: 0.15em;
      width: 31%;
      }
  .mail-p {
      display: none;
      }

  .prod {
      padding: 0em;
      }
  .prod-z {
      display: flex;
      flex-direction: column;
      flex-wrap: wrap;
      }

  .txt-z {
      display: block;
      }

  .reihe {
      display: flex;
      flex-direction: row;
      align-items: center;
      }