html {
  box-sizing: border-box;
}

.telo {background-color: #87CEFA; font-family: Arial, Tahoma, sans-serif;} 
.telo A:link {color: #4682B4; text-decoration: underline} 
.telo A:visited {color: #FF4500; text-decoration: underline}
.telo A:hover {color: #00008B; text-decoration: underline} 

.block0    {background: #FFFFFF; 
            width: 90%; height: auto; margin: 80px 5% 0px; padding: 50px 0px; background-color: #F0F8FF;  
            border-top: solid thin #D3D3D3; border-right: solid #D3D3D3; border-bottom: solid #D3D3D3; 
            border-left: solid thin #D3D3D3; border-radius: 10px;
            -webkit-border-radius: 10px; -moz-border-radius: 10px;
            -khtml-border-radius: 10px;  
}


.block1    {background: #FFFFFF; 
            width: 80%; height: auto; margin: 0px 9% 0px; box-sizing: border-box;  
            border-top: solid thin #D3D3D3; border-right: solid #D3D3D3; border-bottom: solid #D3D3D3; 
            border-left: solid thin #D3D3D3; border-radius: 10px;
            -webkit-border-radius: 10px; -moz-border-radius: 10px;
            -khtml-border-radius: 10px; padding: 0px 20px; 
}

.block2     {background: #FFFFFF; 
            width: 80%; height: 60px; margin: 30px 9% 0px; padding: 20px 0px;  
            border-top: solid thin #D3D3D3; border-right: solid #D3D3D3; border-bottom: solid #D3D3D3; 
            border-left: solid thin #D3D3D3; border-radius: 10px;
            -webkit-border-radius: 10px; -moz-border-radius: 10px;
            -khtml-border-radius: 10px; display: table; 
}

.block3     {background: #FFFFFF; 
            width: 60%; height: 60px; margin: 30px 9% 0px 9%;  
            border-top: solid thin #D3D3D3; border-right: solid #D3D3D3; border-bottom: solid #D3D3D3; 
            border-left: solid thin #D3D3D3; border-radius: 10px;
            -webkit-border-radius: 10px; -moz-border-radius: 10px;
            -khtml-border-radius: 10px; 
}

.block4    {background: #FFFFFF; position: relative; display: table;
            width: 40%; height: auto; margin: 30px 5% 0px 9%; 
            border-top: solid thin #D3D3D3; border-right: solid #D3D3D3; border-bottom: solid #D3D3D3; 
            border-left: solid thin #D3D3D3; border-radius: 10px;
            -webkit-border-radius: 10px; -moz-border-radius: 10px;
            -khtml-border-radius: 10px; float: left; display: block;
}

.block5    {background: #FFFFFF; 
            width: 35%; height: auto; margin: 30px 0% 0% 0%; 
            border-top: solid thin #D3D3D3; border-right: solid #D3D3D3; border-bottom: solid #D3D3D3; 
            border-left: solid thin #D3D3D3; border-radius: 10px;
            -webkit-border-radius: 10px; -moz-border-radius: 10px;
            -khtml-border-radius: 10px; display: table;
}

.block6   {background: #FFFFFF; 
           width: 35%; height: auto; margin: 30px 9% 0px 0%; 
           border-top: solid thin #D3D3D3; border-right: solid #D3D3D3; border-bottom: solid #D3D3D3; 
           border-left: solid thin #D3D3D3; border-radius: 10px;
           -webkit-border-radius: 10px; -moz-border-radius: 10px;
           -khtml-border-radius: 10px; display: table;
}

.block7   {background: #F0F8FF; 
           width: 100%; height: auto; margin: 30px 0% 0px; display: table; 
}

.block8none {background: #FFFFFF; 
            width: 80%; height: auto; margin: 30px 9% 0px; box-sizing: border-box;  
            border-top: solid thin #D3D3D3; border-right: solid #D3D3D3; border-bottom: solid #D3D3D3; 
            border-left: solid thin #D3D3D3; border-radius: 10px;
            -webkit-border-radius: 10px; -moz-border-radius: 10px;
            -khtml-border-radius: 10px; padding-left: 20px; display: none;  
}

.block8     {background: #FFFFFF; 
            width: 80%; height: auto; margin: 30px 9% 0px; box-sizing: border-box;  
            border-top: solid thin #D3D3D3; border-right: solid #D3D3D3; border-bottom: solid #D3D3D3; 
            border-left: solid thin #D3D3D3; border-radius: 10px;
            -webkit-border-radius: 10px; -moz-border-radius: 10px;
            -khtml-border-radius: 10px; padding-left: 20px;  
}

.k1       {display: table-cell !important; vertical-align: middle; text-align: center; font-size: 20pt;                       font-weight: bold; color: #005da7;
}

.k2       {text-align: center; font-size: 20pt; font-weight: bold; color: #005da7;
           margin: 5px 10px 0px; clear: left;
}

.k3       {text-align: left; font-size: 20pt; font-weight: bold; color: #005da7;
           margin: 5px 15px 0px; clear: left;
}

.k4       { width: 90%; margin: 10px 5%; 
}

.k5       {width: 30%; margin: 10px 10px 10px;
}

.k6       {font-size: 15pt; font-weight: bold; color: #000000;
}

.k7       {font-size: 15pt; font-weight: bold; color: #005da7;
}

.k8       {text-align: left; font-size: 20pt; font-weight: bold; color: #ffffff; 
}

.k10  {margin-left: 70px;
}

.k11  {margin-left: 128px;
}

.k13  {color: #ffffff
}

.Vorlage {width: 80%;
          margin: 30px 9% 0px; 
          background-color:  #005da7;

//          background: -moz-linear-gradient(#6495ED, #0000FF);
//          background: -o-linear-gradient(#6495ED, #0000FF);
//          background: -webkit-linear-gradient(#6495ED, #0000FF);
//          background: -ms-linear-gradient(top, #6495ED, #0000FF);
//          filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6495ED', endColorstr='#0000FF');
          border-radius: 10px;
          border: 3px solid #005da7;
          cursor: pointer;
}

.VorlageOver{width: 80%;
             margin: 30px 9% 0px;
             cursor: pointer;
             background-color:  #005da7;
             opacity: 0.9;

//             background: -moz-linear-gradient(#0000FF, #6495ED);
//             background: -o-linear-gradient(#0000FF, #6495ED);
//             background: -webkit-linear-gradient(#0000FF, #6495ED);
//             background: -ms-linear-gradient(top, #0000FF, #6495ED);
             filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0000FF', endColorstr='#6495ED');
             border-radius: 10px;
             border: 3px solid #005da7;
}

.Login   {width: 80%;
          margin: 30px 9% 0px; 
          background-color:  #67b137;
          

//          background: -moz-linear-gradient(#44fa6a, #009e22);
//          background: -o-linear-gradient(#44fa6a, #009e22);
//          background: -webkit-linear-gradient(#44fa6a, #009e22);
//          background: -ms-linear-gradient(top, #44fa6a, #009e22);
//          filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#44fa6a', endColorstr='#009e22');
          border-radius: 10px;
          border: 3px solid #67b137;
          cursor: pointer;
}

.LoginOver  {width: 80%;
             margin: 30px 9% 0px;
             cursor: pointer;
             background-color:  #67b137;
             opacity: 0.9;

//             background: -moz-linear-gradient(#009e22, #44fa6a);
//             background: -o-linear-gradient(#009e22, #44fa6a);
//             background: -webkit-linear-gradient(#009e22, #44fa6a);
//             background: -ms-linear-gradient(top, #009e22, #44fa6a);
//             filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#009e22', endColorstr='#44fa6a');
             border-radius: 10px;
             border: 3px solid #67b137;
}

.Senden   {width: 80%;
          margin: 30px 9% 0px; 
          background-color:  #67b137;

//          background: -moz-linear-gradient(#f5828f, #d70019);
//          background: -o-linear-gradient(#f5828f, #d70019);
//          background: -webkit-linear-gradient(#f5828f, #d70019);
//          background: -ms-linear-gradient(top, #f5828f, #d70019);
//          filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5828f', endColorstr='#d70019');
          border-radius: 10px;
          border: 3px solid #67b137;
          cursor: pointer;
}

.SendenOver  {width: 80%;
             margin: 30px 9% 0px;
             cursor: pointer;
             background-color:  #67b137;
             opacity: 0.9;

//             background: -moz-linear-gradient(#d70019, #f5828f);
//             background: -o-linear-gradient(#f5828f, #d70019);
//             background: -webkit-linear-gradient(#d70019, #f5828f);
//             background: -ms-linear-gradient(top, #d70019, #f5828f);
//             filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d70019', endColorstr='#f5828f');
             border-radius: 10px;
             border: 3px solid #67b137;
}




.naprZajawku{position: relative;
	     color: #FFFFFF;
             font:  bold 12pt Arial;
             text-align: center;
             line-height: 20px;
//             text-shadow: 0px -2px 0px #000000;
}

.form1radio {width: 30%;
              margin: 0px 5% 0px;
              padding: 5px; 
              background-color:  #6e6e6d;                

//            background:-moz-linear-gradient(#a9d8ff, #1e90ff);
//            background: -o-linear-gradient(#a9d8ff, #1e90ff);
//            background: -webkit-linear-gradient(#a9d8ff, #1e90ff);
//            background: -ms-linear-gradient(top, #a9d8ff, #1e90ff);
//            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a9d8ff', endColorstr='#1e90ff');

              opacity: 1;
              border-radius: 10px;
//              border: 3px solid #1e90ff;
              cursor: pointer;
              float: left;
              clear: none;
              
}

.form1radio:hover {width: 30%;
              margin: 0px 5% 0px;
              padding: 5px; 
              background-color:  #6e6e6d;

//            background-color: #0374ce;  
//            background:-moz-linear-gradient(#1e90ff, #a9d8ff);
//            background: -o-linear-gradient(#1e90ff, #a9d8ff);
//            background: -webkit-linear-gradient(#1e90ff, #a9d8ff);
//            background: -ms-linear-gradient(top, #1e90ff, #a9d8ff);
//            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e90ff', endColorstr='#a9d8ff');

              opacity: 0.9;
              border-radius: 10px;
//              border: 3px solid #1e90ff;
              cursor: pointer;
              float: left;
              clear: none;
}

.radio_item {display: none;
}

.radio_item:checked + label {
            background-color: #005da7;  

//            background: -moz-linear-gradient(#005da7, #005da7);
//            background: -o-linear-gradient(#005da7, #005da7);
//            background: -webkit-linear-gradient(#005da7, #005da7);
//            background: -ms-linear-gradient(top, #005da7, #005da7);
//            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#005da7', endColorstr='#005da7'); 
//          border: 3px solid #0000FF;
}

.reset_item {display: none;
}

.reset_kn {width: 30%;
           margin: 0px 12% 30px;
           padding: 5px; 
           background-color:  #186caf;                
           opacity: 1;
           border-radius: 10px;
           cursor: pointer;
           float: left;
           clear: none;
}

.reset_kn:hover {width: 30%;
                 margin: 0px 12% 30px;
                 padding: 5px; 
                 background-color:  #186caf;                
                 opacity: 0.9;
                 border-radius: 10px;
                 cursor: pointer;
                 float: left;
                 clear: none;
}

.submit_item {display: none;
}

.submit_kn {width: 30%;
           margin: 0px 0% 30px;
           padding: 5px; 
           background-color:  #67b137;                
           opacity: 1;
           border-radius: 10px;
           cursor: pointer;
           float: left;
           clear: none;
}

.submit_kn:hover {width: 30%;
                 margin: 0px 0% 30px;
                 padding: 5px; 
                 background-color:  #67b137;                
                 opacity: 0.8;
                 border-radius: 10px;
                 cursor: pointer;
                 float: left;
                 clear: none;
}

.canvas_item {display: none;
}

a.aWeiss:link{color: #FFFFFF; text-decoration: none}
a.aWeiss:visited{color: #FFFFFF; text-decoration: none}
a.aWeiss:hover{color: #FFFFFF; text-decoration: none}


                                                              /* Eigenes Design */

.Standardbasis_OK {position: absolute; 
          width: 57%; 
          left: 21%; 
          top: 11%;
          visibility: hidden;
//        left: 100px; 
//        top: 75px;
}

.Standardbasis_UK {position: absolute; 
          width: 50%; 
          left: 26%; 
          top: 63%;
          visibility: hidden;
//        left: 125px; 
//        top: 430px;
}

.Basis_mit_seitl_Aufbissen_OK {position: absolute; 
          width: 72%;
          left: 14%; 
          top: 12%;

//        left: 55px; 
//        top: 75px;
        visibility: hidden;
}

.Basis_mit_front_Aufbissen_OK {position: absolute; 
        width: 57%;
        left: 21%; 
        top: 11%;

//      left: 100px; 
//      top: 75px;
        visibility: hidden;
}

.Labialbogen_Standard_OK{position: absolute; 
        width: 75%;
        left: 13%; 
        top: 2%;
        visibility: hidden;
//      left: 55px; 
//      top: 15px;
}

.Labialbogen_Standard_UK{position: absolute; 
        width: 56%;
        left: 23%; 
        top: 81%;
        visibility: hidden;
//        left: 105px; 
//        top: 553px;
}

.Labialbogen_Modifiziert_OK{position: absolute; 
        width: 80%;
        left: 13%; 
        top: 2%;

//        left: 55px; 
//        top: 15px;
        visibility: hidden;
}

.Labialbogen_Modifiziert_UK{position: absolute; 
        width: 62%;
        left: 19%; 
        top: 82%;

//        left: 78px; 
//        top: 565px;
        visibility: hidden;
}

.Labialbogen_Acryliert_OK{position: absolute; 
        width: 75%;
        left: 13%; 
        top: 1%;

//        left: 55px; 
//        top: 10px;
        visibility: hidden;
}

.Labialbogen_Acryliert_UK{position: absolute; 
        width: 56%;
        left: 23%; 
        top: 81%;

//        left: 105px; 
//        top: 553px;
        visibility: hidden;
}

.Dreiecksklammern_Prämolaren_OK{position: absolute; 
        width: 82%;
        left: 9%; 
        top: 17%;

//        left: 55px; 
//        top: 122px;
        visibility: hidden;
}

.Dreiecksklammern_Prämolaren_UK{position: absolute; 
        width: 70%;
        left: 15%; 
        top: 78%;

//        left: 90px; 
//        top: 530px;
        visibility: hidden;
}

.Adamsklammern_Molaren_OK{position: absolute; 
        width: 86%;
        left: 7%; 
        top: 26%;

//        left: 35px; 
//        top: 180px;
        visibility: hidden;
}

.Adamsklammern_Molaren_UK{position: absolute; 
        width: 76%;
        left: 13%; 
        top: 61%;

//        left: 68px; 
//        top: 415px;
        visibility: hidden;
}

.Dehnschraube {position: absolute; 
        width: 13%;
        left: 44%; 
        top: 11%;

//        left: 205px; 
//        top: 75px;
        visibility: hidden;
} 

.Bertoni {position: absolute; 
        width: 35%;
        left: 32%; 
        top: 14%;

//        left: 150px; 
//        top: 100px;
        visibility: hidden;
} 

.Zugschraube_L_OK {position: absolute; 
        width: 14%;
        left: 25%; 
        top: 25%;

//        left: 117px; 
//        top: 175px;
        visibility: hidden;
} 

.Zugschraube_L_UK {position: absolute; 
        width: 12%;
        left: 30%; 
        top: 72%;        

//        left: 147px; 
//        top: 480px;
        visibility: hidden;
} 

.Zugschraube_R_OK {position: absolute; 
        width: 14%;
        left: 60%; 
        top: 25%;

//        left: 290px; 
//        top: 175px;
        visibility: hidden;
} 

.Zugschraube_R_UK {position: absolute; 
        width: 12%;
        left: 60%; 
        top: 72%;

//        left: 285px; 
//        top: 480px;
        visibility: hidden;
}

.Distalschraube_R_OK {position: absolute; 
        width: 14%;
        left: 60%; 
        top: 24%;

//        left: 290px; 
//        top: 170px;
        visibility: hidden;
} 

.Distalschraube_R_UK {position: absolute; 
        width: 12%;
        left: 60%; 
        top: 72%;

//        left: 281px; 
//        top: 480px;
        visibility: hidden;
} 

.Distalschraube_L_OK {position: absolute; 
        width: 14%;
        left: 25%; 
        top: 24%;

//        left: 117px; 
//        top: 170px;
        visibility: hidden;
} 

.Distalschraube_L_UK {position: absolute; 
        width: 12%;
        left: 30%; 
        top: 72%;

//        left: 143px; 
//        top: 480px;
        visibility: hidden;
} 

.Mikrodehnschraube_UK {position: absolute; 
        width: 13%;
        left: 44%; 
        top: 82%;

//        left: 205px; 
//        top: 550px;
        visibility: hidden;
} 

.Mikrodehn_Mikroproschraube_UK {position: absolute; 
        width: 27%;
        left: 37%; 
        top: 82%;

//        left: 180px; 
//        top: 558px;
        visibility: hidden;
} 








                                                      /* Standard Design */

.Platte_OK-1-SD {width: 90%;
                 margin: 10px 5%; 
                 display: block;
//               visibility: hidden; 
}

.Platte_UK-1-SD {width: 90%;
                 margin: 10px 5%; 
                 display: block; 
}

.TwinBlock-OK-1 {width: 90%;
                 margin: 10px 5%; 
                 display: none; 
}

.TwinBlock-UK-1 {width: 90%;
                 margin: 10px 5%; 
                 display: none; 
}


.form1 {display: table-cell !important; vertical-align: middle; 

}


.table1    {background-color: #FFFFFF; border-style: none;
            position: relative; top: 10%; padding: 1px
}

.row1      {background-color: #FFFFFF; border-style: solid; border-color: #FFFFFF; border-width: 1 1 8 1;  
            font-family: Arial; font-weight: bold; font-size: 14pt
}

.TowPoz1   {background-color: #FFFFFF; border-style: none;  
            font-family: Arial; font-weight: bold; font-size: 11pt; color: #4682B4
}

.new1      {font-style: italic; font-size: 8pt; color: #FF4500; text-decoration: blink
}

.preis1    {background-color: #FFFFFF; border-style: none; text-align: right;  
            font-family: Arial; font-weight: bold; font-size: 11pt; color: #A9A9A9
position: absolute; left: 19%; top: 50px; padding: 10px 20px; height: 500px;
}

.aus {display: table-cell !important; margin: 10px auto; font-size: 20pt; font-weight: bold; color: #1e90ff;
}

.aaa {float: left;
}



// Form 1 ****************************************************************************************************


/* CONTAINERS */

.container {max-width: 850px; width: 100%; margin: 10 auto;}
.four { width: 32.26%; max-width: 32.26%;}


/* COLUMNS */

.col {
  display: block;
  float:left;
  margin: 1% 0 1% 10%;
}

.col:first-of-type { margin-left: 12%; }

/* CLEARFIX */

.cf:before,
.cf:after {
    content: " ";
    display: table;
}

.cf:after {
    clear: both;
}

.cf {
    *zoom: 1;
}

/* FORM */

.form .plan input, .form .payment-plan input, .form .payment-type input{
	display: none;
}

.form label{
	position: relative;
	color: #000000;
	background-color: #aaa;
	font-size: 20px;
        font-weight: bold;
	text-align: center;
	height: 150px;
	line-height: 150px;
	display: block;
	cursor: pointer;
	border: 3px solid transparent;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.form .plan input:checked + label, .form .payment-plan input:checked + label, .form .payment-type input:checked + label{
	border: 3px solid #333;
	background-color: #40e0d0;
}

.form .plan input:checked + label:after, form .payment-plan input:checked + label:after, .form .payment-type input:checked + label:after{
	content: "\2713";
	width: 40px;
	height: 40px;
        line-height: 40px;
	border-radius: 100%;
	border: 2px solid #333;
	background-color: #40e0d0;
	z-index: 999;
	position: absolute;
	top: -10px;
	right: -10px;
}



// Form 2 ****************************************************************************************************



@keyframes click-wave {
  0% {
    height: 40px;
    width: 40px;
    opacity: 0.35;
    position: relative;
  }
  100% {
    height: 200px;
    width: 200px;
    margin-left: -80px;
    margin-top: -80px;
    opacity: 0;
  }
}


.option-input {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  position: relative;
  top: 13.33333px;
  right: 0;
  bottom: 0;
  left: 0;
  height: 40px;
  width: 40px;
  transition: all 0.15s ease-out 0s;
  background: #cbd1d8;
  border: none;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  margin-right: 0.5rem;
  outline: none;
  position: relative;
  z-index: 1000;
}

.option-input-uv {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  position: relative;
  top: 13.33333px;
  right: 0;
  bottom: 0;
  left: 0;
  height: 40px;
  width: 40px;
//  transition: all 0.15s ease-out 0s;
  background: #ffffff;
  border: none;
//  color: #fff; #cbd1d8;
//  cursor: pointer;
  display: inline-block;
  margin-right: 0.5rem;
  outline: none;
  position: relative;
  z-index: 1000;
}

.option-input:hover {
  background: #9faab7;
}
.option-input:checked {
  background: #67b137; 
// #40e0d0;
}
.option-input:checked::before {
  height: 40px;
  width: 40px;
  position: absolute;
  content: '✔';
  display: inline-block;
  font-size: 26.66667px;
  text-align: center;
  line-height: 40px;
}
.option-input:checked::after {
  -webkit-animation: click-wave 0.65s;
  -moz-animation: click-wave 0.65s;
  animation: click-wave 0.65s;
  background: #40e0d0;
  content: '';
  display: block;
  position: relative;
  z-index: 100;
}
.option-input.radio {
  border-radius: 50%;
}
.option-input.radio::after {
  border-radius: 50%;
}

body {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
//  display: box;
//  background: #e8ebee;
//  color: #9faab7;
//  font-family: "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
//  text-align: center;
}
// body div {
//  padding: 5rem;
// }

body label {
display: block;
line-height: 20px;
}

.label1{display: block;
        line-height: 40px;
}


.form2 {font-size: 18px;
        font-weight: bold;
        margin-left: 10px;
}

.aaab {display: table;
}

.PlanungSenden {font-size: 1em;
        font-weight: bold;
        margin-left: 10px;
        
} 

.PlanungSendenText {font-size: 1em;
         font-family: "Helvetica Neue", "Helvetica", "Roboto", "Arial";         
} 

// ************************************************************************************

// Mobiele Version

// *{font-family: 'Roboto', sans-serif;}

@media screen and (max-width: 1250px) {
    .telo {background-color: #87DDDD}
    .k1   {font-size: 2.2vw}
    .k2   {font-size: 2.2vw}
    .k3   {font-size: 2.2vw} 
    .k6   {font-size: 1.5vw}
    .k7   {font-size: 1.5vw}
    .k8   {font-size: 2.2vw}
    .k9   {line-height: 1vw}
    .k11  {margin-left: 15vw}
    .k10  {margin-left: 16%}
    .k12  {float: left;}
    .k14  {margin-left: 0vw}       
    .naprZajawku {font-size: 1.3vw}
    .option-input {height: 3vw;
                   width: 3vw;
                   position: relative; 
                   top: 1.3vw;
                   
                   }
    .option-input-uv {height: 3vw;
                      width: 3vw;
                      position: relative; 
                      top: 1.3vw; 
                   
                   }
    .option-input:checked::before{font-size: 2.0vw; text-align: center;
                           line-height: 3vw; content: '';}
    .labform2 {font-size: 1.8vw;}
    .block4 {float: none;
             width: 80%; 
             margin: 0px 9% 0px;}
    .block5 {float: none;
             width: 80%; 
             margin: 30px 9% 0px;}
    .block6 {float: none;
             width: 80%; 
             margin: 30px 9% 0px;}
.PlanungSenden {width: 45vw;}
.PlanungSendenText {font-size: 1.5vw; width: 58vw;}
.reset_kn {float: none; width: 50%; margin: 0px 25% 30px;}
.reset_kn:hover {float: none; width: 50%; margin: 0px 25% 30px;}
.submit_kn {width: 50%; margin: 0px 25% 30px;}
.submit_kn:hover {width: 50%; margin: 0px 25% 30px;} 


}