/* http://meyerweb.com/eric/tools/../css/reset/v2.0 | 20110126/License: none (public domain)*/

 html,
 body,
 div,
 span,
 applet,
 object,
 iframe,
 h1,
 h2,
 h3,
 h4,
 h5,
 h6,
 p,
 blockquote,
 pre,
 a,
 abbr,
 acronym,
 address,
 big,
 cite,
 code,
 del,
 dfn,
 em,
 img,
 ins,
 kbd,
 q,
 s,
 samp,
 small,
 strike,
 strong,
 sub,
 sup,
 tt,
 var,
 b,
 u,
 i,
 center,
 dl,
 dt,
 dd,
 ol,
 ul,
 li,
 fieldset,
 form,
 label,
 legend,
 table,
 caption,
 tbody,
 tfoot,
 thead,
 tr,
 th,
 td,
 article,
 aside,
 canvas,
 details,
 embed,
 figure,
 figcaption,
 footer,
 header,
 hgroup,
 menu,
 nav,
 output,
 ruby,
 section,
 summary,
 timeAbove,
 mark,
 audio,
 video {
     margin: 0;
     padding: 0;
     border: 0;
     /*font: inherit;*/
     vertical-align: baseline;
 }

 /* HTML5 display-role reset for older browsers */

 article,
 aside,
 details,
 figcaption,
 figure,
 footer,
 header,
 hgroup,
 menu,
 nav,
 section {
     display: block;
 }

 body {
     line-height: 1;
     font-size: 62.5%;
 }

 ol,
 ul {
     list-style: none;
 }

 blockquote,
 q {
     quotes: none;
 }

 blockquote:before,
 blockquote:after,
 q:before,
 q:after {
     content: '';
     content: none;
 }

 table {
     border-collapse: collapse;
     border-spacing: 0;
 }

 html {
     box-sizing: border-box;
 }

 *,
 *:before,
 *:after {
     box-sizing: inherit;
 }

 /*------------------------ end reset --------------------------------*/
 /*--------headline-definitions--------------------------------------------------------------------------*/


 h1,
 .h1 {
     font-size: 262.5%;
     font-weight: normal;
 }

 h2,
 .h2 {
     font-size: 200%;
     font-weight: normal;
     line-height: 1.1em;
 }

 h3,
 .h3 {
     font-size: 146.5%;
     font-weight: normal;
 }

 h4,
 .h4 {
     font-size: 123.1%;
     font-weight: normal;
 }

 h5,
 .h5 {
     font-size: 108%;
     font-weight: bold;
 }

 h6,
 .h6 {
     font-size: 108%;
     font-weight: normal;
 }

 h1,
 h2,
 h3,
 h4,
 h5 {
     padding-bottom: 0.5em;

 }

 /*--------  headline-definitions ende  ------------------------------------*/


 /*--------------------grid-basics--------------------------*/

 body {
     font-family: 'droid-sans', verdana, san-serif;
     color: #777;
 }

 a {
     text-decoration: none
 }



 .wrapper {
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
     max-width: 990px;
     min-width: 320px;
     margin: 0 auto;
     position: relative;

 }

 .wrapper-sibling {
display: -ms-grid;
     display: grid;
     grid-template-areas: "header""steps""content--container";
     -ms-grid-columns: 1fr;
     grid-template-columns: 1fr;
     -ms-grid-rows: 40px 90px auto;
     grid-template-rows: 40px 90px auto;
 }

 .overlay {
     position: absolute;
     left: 0;
     bottom: 0;
     top: 0;
     right: 0;
     background: rgba(0, 0, 0, 0.75);
     z-index: 5
 }

 .language {

     background: white;
     margin: 8% 33%;
     padding: 5px 0;
 }

 @media (max-width: 650px) {
     .language {
         margin: 8% 15%;
     }
 }

 .language li:first-child {
     border-top: none
 }

 .language li {
     border-top: 1px solid #bbb;
     padding: 10px 15px 12px;
     display: -ms-grid;
     display: grid;
     -ms-grid-columns: 93% 9%;
     grid-template-columns: 93% 9%;
     grid-template-rows: 17px;
 }
 .language li > *:nth-child(1) {
     -ms-grid-row: 1;
     -ms-grid-column: 1;
 }

 .language li > *:nth-child(2) {
     -ms-grid-row: 1;
     -ms-grid-column: 2;
 }

 .language label {
     font-size: 120%;
     text-transform: uppercase;
     padding-top: 1.5px;
 }

 .language span input {
     float: right;
 }

 header {
  background: #e09244;
     padding: 0 3%;
     -ms-flex-item-align: start;
     -ms-grid-row-align: start;
     align-self: start;
     position: sticky;
     top: 0;
     z-index: 3;
 }
header img {
     width: 100px;
     margin: 5px 0 10px;
 }



 .navlink {

     position: relative;
 }

 .globalnavlist .tooltiptext {
     position: absolute;
     color: #fff;
     padding: 5px 5px 6px;
     background: #666;
     border-radius: 6px;
     font-size: 80%;
     visibility: hidden;
     left: 0
 }



 @media only screen and (min-width: 768px) {
     .nav-icon {
         display: none
     }

     .tooltip:hover .tooltiptext {
         visibility: visible
     }
 }
 .steps {
    -ms-grid-row: 2;
     -ms-grid-column: 1;
     grid-area: steps;
     padding: 15px 3%;
     border-bottom: 1px solid #ccc;
     border-right: 1px solid #ccc;
     border-left: 1px solid #ccc;
     -ms-grid-row-align: start;
     align-self: start;
     position: sticky;
     top: 40px;
     z-index: 3;
     background: #fff;
 }

.globalnav {
     display: grid;
     grid-template-columns: 55% auto auto auto auto auto auto;
 }

 .globalnavlist {
     text-align: right;
     font-size: 120%;
     color: #fff;
     letter-spacing: 0.5px;
     align-content: center;
     display: grid;
     box-sizing: border-box;
     position: relative;
     z-index: 1;


 }

 .globalnavlist span {
     color: #fff;
     position: relative;
     box-sizing: border-box;
 }

 .globalnavlist .nav_active {
     color: #fff;
     opacity: 1;
 }

 /*.globalnavlist .nav_active::after {
     content: "";
     position: absolute;
     width: 100%;
     height: 5px;
     top: 25px;
     left: 0px;
     visibility: visible;
     -webkit-transform: scaleX(1);
     transform: scaleX(1);
     background: #000;
 }

 .globalnavlist .nav_active-none::after {
     content: "";
     position: absolute;
     width: 100%;
     height: 5px;
     top: 25px;
     left: 0px;
     visibility: visible;
     -webkit-transform: scaleX(0);
     transform: scaleX(0);
     background: #fff;
 }*/
 .globalnavlist .nav_active-none:hover {
     color: #fff;
     opacity: 1
 }

 .globalnavlist .nav_active-none {
    
 }

 /*.globalnavlist .nav_active-none:hover::after {
     visibility: visible;
     -webkit-transform: scaleX(1);
     transform: scaleX(1);
     background: #000;
     color: #000
 }*/

 /*------------------ checkbox-hack --------------------*/
 #global-nav-toggle {
     display: none;
     position: absolute;
     z-index: 6;
 }

 .global-nav-wrapper {
     width: 100%;
     max-width: 960px
 }

 .globalnav-mobile {
     display: none;
     position: absolute;
     z-index: 5;
     top: 0;
     left: 0;
     width: 100%;
     height: 41px;
     overflow: hidden;
     background: #e09244
 }

 .globalnav {}

 .logo-mobile {
     width: 100px;
     margin: 0 3% 10px;
 }

 .hamburger-menue {
     right: 3%;
     position: absolute;
     z-index: 2;
     top: 0;
     width: 40px;
     height: 40px;
     border-bottom: none;
 }

 #nav .nav-menue-icon-label {
     display: block;
     position: absolute;
     z-index: 3;
     top: 0;
     width: 40px;
     height: 40px;
     cursor: pointer;
 }

 .nav-menue-icon-burger {
     position: absolute;
     z-index: 3;
     top: 8px;
     width: 25px;
     height: 25px;
     transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
 }

 .nav-menue-icon-burger-oben {
     transition: -webkit-transform .1806s cubic-bezier(0.04, 0.04, 0.12, 0.96);
     transition: transform .1806s cubic-bezier(0.04, 0.04, 0.12, 0.96);
     transition: transform .1806s cubic-bezier(0.04, 0.04, 0.12, 0.96), -webkit-transform .1806s cubic-bezier(0.04, 0.04, 0.12, 0.96);
     -webkit-transform: none;
     transform: none;
     z-index: 4;
 }

 .nav-menue-icon-burger-line {
     display: block;
     width: 25px;
     height: 2px;
     background: #fff;
     position: absolute;
     z-index: 1;
 }

 .nav-menue-icon-burger-line-oben {
     top: 11px;
     -webkit-transform: translateY(-3px);
     transform: translateY(-3px);
     transition: -webkit-transform .1596s cubic-bezier(0.52, 0.16, 0.52, 0.84) .1008s;
     transition: transform .1596s cubic-bezier(0.52, 0.16, 0.52, 0.84) .1008s;
     transition: transform .1596s cubic-bezier(0.52, 0.16, 0.52, 0.84) .1008s, -webkit-transform .1596s cubic-bezier(0.52, 0.16, 0.52, 0.84) .1008s;
 }


 .nav-menue-icon-burger {
     position: absolute;
     z-index: 3;
     top: 10px;
     width: 25px;
     height: 25px;
     transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
 }

 .nav-menue-icon-burger-unten {
     transition: -webkit-transform .1806s cubic-bezier(0.04, 0.04, 0.12, 0.96);
     transition: transform .1806s cubic-bezier(0.04, 0.04, 0.12, 0.96);
     transition: transform .1806s cubic-bezier(0.04, 0.04, 0.12, 0.96), -webkit-transform .1806s cubic-bezier(0.04, 0.04, 0.12, 0.96);
     -webkit-transform: none;
     transform: none;
 }

 .nav-menue-icon-burger-line {
     display: block;
     width: 25px;
     height: 2px;
     background: #fff;
     position: absolute;
     z-index: 1;
 }

 .nav-menue-icon-burger-line-unten {
     bottom: 11px;
     -webkit-transform: translateY(3px);
     transform: translateY(3px);
     transition: -webkit-transform .1596s cubic-bezier(0.52, 0.16, 0.52, 0.84) .1008s;
     transition: transform .1596s cubic-bezier(0.52, 0.16, 0.52, 0.84) .1008s;
     transition: transform .1596s cubic-bezier(0.52, 0.16, 0.52, 0.84) .1008s, -webkit-transform .1596s cubic-bezier(0.52, 0.16, 0.52, 0.84) .1008s
 }

 .navlink img {
     width: 19px;
     padding-top: 4px;
     opacity: 1;

 }

 .navlink img:hover {
     opacity: 1;

 }

 @media only screen and (max-width: 767px) {

     .globalnav {
         display: block;
         position: absolute;
         z-index: 4;
         top: 41px;
         right: 0;
         bottom: 0;
         left: 0;
         visibility: hidden;
         margin: 0;
         padding: 45px 40px 8px;
         height: 0;
         box-sizing: border-box;
         -webkit-overflow-scrolling: touch;
          margin-top:20%;
     }

     .globalnav .logo {
         display: none
     }

     .globalnav-mobile {
         display: block
     }

     .navlink {
         padding: 5px 40px 10px 0;
    
         border-bottom: 1px solid rgba(255, 255, 255, 0.5)
     }

     .globalnavlist {
         text-align: left;
         font-size: 150%;
         text-transform: uppercase;
        
     }

.globalnavlist:nth-child(2) .navlink{border-top: 1px solid rgba(255, 255, 255, 0.5)}
     .navlink img {
         width: 22px;
         margin: 0 8px -4px 0;
     }

     #global-nav-toggle:checked~#nav .nav-menue-icon-burger-oben {
         transition: -webkit-transform .3192s cubic-bezier(0.04, 0.04, 0.12, 0.96) .1008s;
         transition: transform .3192s cubic-bezier(0.04, 0.04, 0.12, 0.96) .1008s;
         transition: transform .3192s cubic-bezier(0.04, 0.04, 0.12, 0.96) .1008s, -webkit-transform .3192s cubic-bezier(0.04, 0.04, 0.12, 0.96) .1008s;
         -webkit-transform: rotate(45deg);
         transform: rotate(45deg);
     }

     #global-nav-toggle:checked~#nav .nav-menue-icon-burger-line-oben {
         transition: -webkit-transform .1806s cubic-bezier(0.04, 0.04, 0.12, 0.96);
         transition: transform .1806s cubic-bezier(0.04, 0.04, 0.12, 0.96);
         transition: transform .1806s cubic-bezier(0.04, 0.04, 0.12, 0.96), -webkit-transform .1806s cubic-bezier(0.04, 0.04, 0.12, 0.96);
         -webkit-transform: none;
         transform: none;
     }

     #global-nav-toggle:checked~#nav .nav-menue-icon-burger-unten {
         transition: -webkit-transform .3192s cubic-bezier(0.04, 0.04, 0.12, 0.96) .1008s;
         transition: transform .3192s cubic-bezier(0.04, 0.04, 0.12, 0.96) .1008s;
         transition: transform .3192s cubic-bezier(0.04, 0.04, 0.12, 0.96) .1008s, -webkit-transform .3192s cubic-bezier(0.04, 0.04, 0.12, 0.96) .1008s;
         -webkit-transform: rotate(-45deg);
         transform: rotate(-45deg);
     }

     #global-nav-toggle:checked~#nav .nav-menue-icon-burger-line-unten {
         transition: -webkit-transform .1806s cubic-bezier(0.04, 0.04, 0.12, 0.96);
         transition: transform .1806s cubic-bezier(0.04, 0.04, 0.12, 0.96);
         transition: transform .1806s cubic-bezier(0.04, 0.04, 0.12, 0.96), -webkit-transform .1806s cubic-bezier(0.04, 0.04, 0.12, 0.96);
         -webkit-transform: none;
         transform: none;
     }

     #global-nav-toggle:checked~#nav .globalnav {
         visibility: visible;
         height: 100vh;
         background: rgba(0, 0, 0, 0.8);
         transition: height 0s linear, visibility 0s linear;
         line-height: 2;
     }
 }






 /*------------------ checkbox-hack ende --------------------*/

 .content--container {
    -ms-grid-row: 3;
     -ms-grid-column: 1;
     background: rgba(233, 233, 233, 0.8);
     grid-area: content--container;
     display: -ms-grid;
     display: grid;
     grid-template-areas: "content-body""footer";
     -ms-grid-columns: 1fr;
     grid-template-columns: 1fr;
     -ms-grid-rows: auto auto;
     grid-template-rows: auto auto;
 }

 .content-body {

     padding: 15px 7% 22px;
     border-bottom: 1px solid #ccc;
     border-right: 1px solid #ccc;
     border-left: 1px solid #ccc;
     min-height: 420px;
     display: -ms-grid;
     display: grid;
     grid-auto-rows: 6em auto;
 }
 
 
.content {
  max-width: 500px;
  margin: 0px auto;
  background: ;
  font-size: 150%;
  padding: 0px;
  border: solid 1px #eee;
  border-radius: 10px;
}
 

 

 .input_field {
     padding-bottom: 15px;
     display: -ms-grid;
     display: grid;
     -ms-grid-columns: 26% 10px 63%;
     grid-template-columns: 26% 63%;
     grid-column-gap: 10px;
 }

 .input_field input {

     border: 1px solid #c5c5c5;
     padding: 4px 0 6px 6px;
     font-size: 12px;
 }

 .input_field label,
 .summaryfield {
     padding: 4px;
     text-align: right;
     line-height: 1.3;
     font-size: 115%;
 }

 @media (max-width: 480px) {

     .input_field,
     .summaryfield {
        -ms-grid-columns: 1fr;
         grid-template-columns: 1fr;
     }

     .input_field label,
     .summaryfield {
         padding: 0 0 4px;
         text-align: left;

     }
 }


 footer {
    -ms-grid-row: 2;
     -ms-grid-column: 1;
     grid-area: footer;
     border-bottom: 1px solid #ccc;
     border-right: 1px solid #ccc;
     border-left: 1px solid #ccc;
 }

 .content-footer {
     grid-area: content-footer;
     background-color: #fff;
     padding: 12px 3%;
     color: black;
 }

 #popup {

     opacity: 0;
     z-index: 2;
     position: absolute;
     top: 0;
     bottom: 0;
     right: 0;
     left: 0;
     top: 130px;
 }

 .form-step {
     display: none
 }

 .form-step-active {
     display: block
 }

 /*------------layout-----------------*/

 /*---------------header---------------*/
 header {
     background: #e09244;
     padding: 0 3%;
     -ms-flex-item-align: start;
         -ms-grid-row-align: start;
     align-self: start;
     position: sticky;
     top: 0;
     z-index: 3;
 }

 header img {
     width: 100px;
     margin: 5px 0 10px;
 }
#log{
	
     width: 100px;
     margin: 5px 25px 10px;
	
	}
 #timeAbove {
     font-size: 0.8rem;
     font-family: 'droid-sans', verdana, sans-serif;
     color: white;
     display: -ms-grid;
     display: grid;
     -webkit-box-pack: end;
         -ms-flex-pack: end;
     justify-content: end;
     -ms-flex-line-pack: center;
     align-content: center;

 }

 /*---------------header ende---------------*/

 /*---------------steps---------------*/

 #steps,
 .form-container {}

 .progress_container {
     display: -ms-grid;
     display: grid;
     -ms-grid-columns: auto 9px auto 9px auto 9px auto 9px auto 9px 24px;
     grid-template-columns: auto auto auto auto auto 24px;
     grid-column-gap: 9px;
     padding-top: 5px;
     counter-reset: test;
 }

 .progress-step-container {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: justify;
         -ms-flex-pack: justify;
     justify-content: space-between;
 }

 .progress-step,
 .progress-step-last {
     width: 23px;
     height: 23px;
     border: 1.5px solid #c60;
     border-radius: 50%;
     background-color: white;
     z-index: 3;

 }

 .progress-steps::before {
     content: "";
     display: inline-block;
     width: 23px;
     height: 23px;
     border: 1.5px solid #bbb;
     border-radius: 50%;
     background-color: white;
     counter-increment: test;
     content: counter(test);
     display: flex;
     justify-content: center;
     align-items: center;
     font-size: 120%;
 }

 .progress-steps-active::before {
     content: "";
     display: inline-block;
     width: 23px;
     height: 23px;
     border: 1.5px solid #c60;
     border-radius: 50%;
     background-color: #c60;
     counter-increment: test;
     content: counter(test);
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: center;
         -ms-flex-pack: center;
     justify-content: center;
     -webkit-box-align: center;
         -ms-flex-align: center;
     align-items: center;
     font-size: 120%;
     color: white;
 }

 .progress-steps-last::before {
     counter-increment: none;
     content: "✓"
 }

 .progress-steps-negative {}

 .progress-steps-negative::before {
     background-color: #fff;
     border-color: #fff;
     content: "×";
     color: #0c56e3;
     font-size: 39px;
     font-weight: bold;
     position: absolute;
     top: -4px;
 }

 .progress-step-holder {
     display: -ms-grid;
     display: grid;
     -ms-grid-columns: auto auto auto;
     grid-template-columns: auto auto auto;
 }

 .progress-steps {
     position: relative;

 }

 .progress-steps span {
     background-color: white;
     position: absolute;
     top: 22%;
     left: 13%;/*26.7.22-db*/ 
     padding: 0 6px; /*26.7.22-db*/
     font-size: 120%;
     z-index: -1;
     opacity: 0;
 }

 @media (min-width: 768px) {
     .progress-steps span {
         opacity: 1;
     }
 }


 .progress-steps-active span {
     color: #c60
 }

 .progress-steps .step_number {
     left: 3px;
     background: none
 }

 .progress-steps::after {
     content: "";
     position: absolute;
     top: 45%;
     left: 0;
     right: 0;
     height: 0.5em;
     border-top: 1.5px solid #bbb;
     z-index: -2;
 }

 .progress-steps-active::after {
     border-top: 1.5px solid #c60;
 }

 .progress-steps-last::after {
     border: none;
 }

 /*---------------steps ende---------------*/




/*---------------login---------------*/

	

 .formcontainer {

	

     max-width: 300px;

	

     margin: 8% auto 0;

	

     background: #fff;

	

     position: relative;

	

 }

	

	

 .close {

	

     position: absolute;

	

top: 6px;

	

right: 8px;

	

font-size: 21px;

	

opacity: 0.75;

	

 }

	

	

 .close::before {

	

     font-family: 'Linearicons-Free';

	

     font-weight: bold;

	

     content: "\e870";

	

 }

	

 .close:hover{opacity: 1}

	

	

 .logocontainer {

	

     padding: 20px 60px 10px;

	

     max-width: 320px;

	

     margin: 0 auto;

	

 }

	

	

	

 .labelcontainer {

	

     padding: 15px 25px 20px

	

 }

	

	

 .twofactor {

	

     text-align: center;

	

     width: 100%;

	

     display: inline-block;

	

 }

	

	

	

 .labelcontainer p {

	

     text-align: center;

	

     font-size: 13px;

	

     margin-top: 12px;

	

     display: inline-block

	

 }

	

	

 .labelcontainer a {

	

     color: #c60;

	

     font-size: 13px;

	

 }

	

	

 .labelcontainer a:hover,

	

 .psw-vergessen a:hover {

	

     text-decoration: underline

	

 }

	

	

 .psw-vergessen a {

	

     float: right;

	

     color: #c60;

	

     line-height: 160%;

	

 }

	

	

 input[type=text],
 input[type=password],
 input[type=email],	
 input[type=file] /*ge�ndert 26.7.22-db*/{
 	

     width: 100%;
     margin: 6px 0 8px;
     display: inline-block;
     border: 1px solid #c5c5c5;
    padding: 4px 0 6px 6px;
     font-size: 14px;
     box-sizing: border-box;

	

 }

	

	

 input[type=checkbox] {

	

	

     display: inline;

	

	

 }

	

	

 .labellogin {

	

     font-size: 14px;

	

     line-height: 160%

	

 }

	

	

 .labellogin .checkbox {

	

	

     display: inline;

	

	

 }

	

	

 .login-btn,

	

 .login-btn-reg,

	

 .login-btn-codecheck {

	

     background-color: #c60;

	

     color: white;

	

     padding: 7px 20px;

	

     margin: 15px 0;

	

     border: none;

	

     cursor: pointer;

	

     width: 100%;

	

     font-weight: bold;

	

     font-size: 140%;

	

 }

	

	

 .login-btn:hover,

	

 .login-btn-reg:hover,

	

 .login-btn-codecheck:hover {

	

     background: #e08327

	

 }

	

	

 .fa-eye {

	

     margin-left: -30px;

	

     cursor: pointer;

	

 }

	

	

 .far {

	

     font-size: 14px;

	

 }

	

	

 .footer-login {

	

     margin: 0 auto;

	

     text-align: center

	

 }

	

	

	

	

	

	

 .codeviaemail {

	

     color: #c60

	

 }

	

	

 /*---------------login ende---------------*/

	

	

	

	




 .form-container {}

 .form-title {
     padding-bottom: 15px;
 }

 .footer_button_container {
     display: -ms-grid;
     display: grid;
     -ms-grid-columns: 33.3% 33.3% 33.3%;
     grid-template-columns: 33.3% 33.3% 33.3%;
     -webkit-box-pack: center;
         -ms-flex-pack: center;
     justify-content: center;
 }

 .footer-two-buttons {
     display: -ms-grid;
     display: grid;
      -ms-grid-columns: 1fr;
     grid-template-columns: 1fr;
 }

 .footer-btn-feedback {
    -ms-grid-columns: auto;
     grid-template-columns: auto;
     -webkit-box-pack: center;
         -ms-flex-pack: center;
     justify-content: center;
 }

 .footer_button {
     padding: 0.3em 0.7em 0.4em;
     border: none;
     border-radius: 0.15em;
     color: #c60;
     font-size: 140%;
     line-height: 1.3;/*22.7.22*/
     background: white;
     cursor: pointer;

 }

 .footer_button-back {
     border: 1.5px solid #c60;
     width: -webkit-fit-content;
     width: -moz-fit-content;
     width: fit-content;
 }

 .footer_button-back-arrow .footer_button-back:hover {
     border: 1.5px solid #a35303;
     color: #a35303;
     background-color: rgba(204, 102, 0, 0);
 }

 .footer_button-back-arrow {}

 .footer_button-back-arrow:hover {
     border: 1.5px solid #a35303;
     color: #a35303;
 }

 .lnr-arrow-left {
     padding: 0 0.7em;
     font-size: 25px;
 }

 .footer_button-next {
     border: 1px solid #c60;
     background: #c60;
     color: white;
     width: -webkit-fit-content;
     width: -moz-fit-content;
     width: fit-content;
     margin: 0 auto;
 }
 .no_margin{margin: 0;}

 .footer_button-next:hover {
     background-color: #bc5e00
 }

 .footer_button-cancel {
     color: #c60;
     border: none;
     -ms-grid-column: 3;
         grid-column-start: 3;
     padding-right: 0;
     display: -ms-grid;
     display: grid;
      -webkit-box-pack: right;
         -ms-flex-pack: right;
     justify-content: right;
 }

 .footer_button-cancel:hover {
     color: #a35303
 }

 .button_right {
     display: -ms-grid;
     display: grid;
     /*grid-template-columns: repeat(5, 1fr);*/
     grid-template-columns: 1fr 1fr;

 }

 .img_button {
     display: -ms-grid;
     display: grid;
     grid-template-columns: repeat(auto-fill, minmax(240px, 240px));
 grid-auto-rows: 130px 130px;
     grid-gap: 15px 3%;
     -webkit-box-pack: center;
         -ms-flex-pack: center;
     justify-content:center ;
     padding: 10px 0px 25px;

 }
 
 
 
 .img_button_timeslot {
     display: -ms-grid;
     display: grid;
     grid-template-columns: repeat(auto-fill, minmax(300px, 240px));

     grid-gap: 10px 15%;
     -webkit-box-pack: center;
         -ms-flex-pack: center;
     justify-content:center ;
     padding: 10px 0px 25px;

 }
 
 


 .four_buttons {
     padding: 0 5%;


 }


 .img_button-container {
     background: white;
     text-align: center;
     position: relative;
     padding-top: 7px;
     cursor: pointer;
     border-radius: 8px;
     border: 1px solid #d5d5d5;
     width: 240px;
 }

 .img_button .labelcheck:hover {
     border: 2px solid #c60;
     border-radius: 7px;
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
     -webkit-box-shadow: rgba(99, 99, 99, 0.2) 0px 1.5px 6px 0px;
     box-shadow: rgba(99, 99, 99, 0.2) 0px 1.5px 6px 0px;
 }

 .img_button input[type="radio"],
 .img_button input[type="checkbox"] {
     position: absolute;
     opacity: 0;
     width: 40px;
     height: 40px;
 }

 .img_button .labelcheck {
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     cursor: pointer
 }

 .img_button input:checked~label {
     border: 2px solid #c60;
     border-radius: 7px;
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
 }

 .img_button label span {
     text-align: center;
     padding: 7px 0 8px;
     color: #888;
     text-transform: uppercase;
     width: 190px;
     display: inline-block;
     border-bottom: 1px solid #d5d5d5;
     letter-spacing: 0.15em;
 }

 .img_button label img {
     margin-top: -6px;
     width: 100%;
 }

 .four_buttons img {
     width: 87%
 }

 .unterschrift {
     display: -ms-grid;
     display: grid;
     grid-template-columns: repeat(auto-fit, minmax(320px, 320px));
     -ms-grid-rows: 240px 60px;
     grid-template-rows: 240px 60px;
     grid-column-gap: 30px;
     -webkit-box-pack: center;
         -ms-flex-pack: center;
     justify-content: center;
     -ms-flex-line-pack: center;
     align-content: center;
 }

 .unterschrift {
     padding: 0 7%
 }

 @media (max-width: 480px) {
     .content-body-unterschrift {
         padding: 0;
     }

     .unterschrift-titel {
         padding: 15px 7%
     }

     .unterschrift {
         padding: 0
     }

     .content-body-unterschrift {
         -ms-grid-rows: 0 auto;
         grid-template-rows: 0 auto;
     }

     #popup {
         padding-top: 0;
     }

 }


 #sig-canvas {
     cursor: crosshair;
     margin: 0;
     background: #fff;
 }


 #sig-dataUrl {

     width: 100%;
     display: none;
 }

#showTime{	
	font-size:130%;
	margin-top:5%;
}

#todayDate{	
	margin-bottom:5%;
}


#select_continue_text{
	
	font-size:130%;
	margin-top:10%;
}


	
	#container_new{
		
		max-width:500px;
		background:#fff;
		padding:22px;
		margin-top:5%;
		}

 #sig-image {

     width: 100%;
     display: none;
 }

 .btn_loeschen {
    -ms-flex-line-pack: center;
     align-content: center;
     display: -ms-grid;
     display: grid;
     -webkit-box-pack: center;
         -ms-flex-pack: center;
     justify-content: center;
 }

 .btn-aendern {
    -ms-grid-column: 2;
     grid-column-start: 2;
     -webkit-box-pack: center;
         -ms-flex-pack: center;
     justify-content: center;
     display: -ms-grid;
     display: grid;
 }

 @media (max-width: 480px) {

     .btn-aendern {
        -ms-grid-column: 1;
         grid-column-start: 1;
     }
 }

 .language span {
     display: -ms-grid;
     display: grid;
      -ms-grid-columns: 17px 5px 1fr;
     grid-template-columns: 17px 1fr;
     grid-gap: 5px
 }

 .language img {
     height: 16px;

 }

 .language li input {
     margin: auto;
 }

 .feedback_container {
     padding-top: 60px;
     display: -ms-grid;
     display: grid;
     -ms-grid-rows: 50px 50px 170px;
     grid-template-rows: 50px 50px 170px;
 }


 .feedback_container h2 {
     color: #c60
 }

 .feedback_container h3 {

     margin: 0 auto;
     line-height: 1.5em;
 }


 .feedback_container-negative {
     padding-top: 20px;
 }

 .feedback {
     text-align: center;
     margin-bottom: 30px
 }

 .feedback_container span img {
     width: 50px;
 }
 


 .feedback_container-img {
     display: -ms-grid;
     display: grid;
     -webkit-box-align: center;
         -ms-flex-align: center;
     align-items: center;
      -ms-grid-columns: 50% 50%;
     grid-template-columns: 50% 50%;
      -ms-flex-line-pack: center;
     align-content: center;
     width: 120px;
     margin: 0 auto;
 }
 .blitz {
     font-size: 48px;
     color: #c60;
     padding-bottom: 0;
 }

 .summary-edit {
     border: none;
     margin: 0 auto;
 }

 .summaryfield {
     padding-bottom: 13px;
     -ms-word-break: break-all;/*Umbruch mit Hyphen bei langen Wörtern*/
     word-break: break-all;
     word-break: break-word;/* Non standard for WebKit */
     -webkit-hyphens: auto;
     -moz-hyphens: auto;
     hyphens: auto;
 }

 .summaryfield-right {
     padding-left: 15px;
     text-align: left;
     -ms-word-break: break-all;/*Umbruch mit Hyphen bei langen Wörtern*/
     word-break: break-all;
     word-break: break-word; /* Non standard for WebKit */
     -webkit-hyphens: auto;
     -moz-hyphens: auto;
     hyphens: auto;
     
 }

.summaryfield__enhanced{font-size: 130%;padding-bottom: 0;padding-left: 0} /* db-neu eingef�gt 28.7.22*/
	.input_fieldOpad{padding-bottom: 6px;} /* db-neu eingef�gt 28.7.22*/
	
	
 .summary-container {
     display: -ms-grid;
     display: grid;
     -ms-grid-columns: 1fr;
     grid-template-columns: 1fr;
     grid-auto-rows: 1fr 60px;
 }

 .summary {

     height: auto;

 }

 .summary-close {
     position: absolute;
     top: 17px;
     right: 10px;
     font-size: 20px;
     color: #999
 }

 .summary-close:hover {
     color: #c60
 }

 #popup {
     opacity: 0;
     position: absolute;
     top: 0;
     right: 0;
     left: 0;
     bottom: 0;
     background: #fff;
     z-index: -1;
     padding-top: 50px;

 }

 @media (max-width: 480px) {

     #popup {
         padding-top: 0;
     }
 }

 #popup:target {
     opacity: 1;
     z-index: 4;
 }
 
 .loader {
  border: 16px solid #f3f3f3;
  border-radius: 50%;
  border-top: 16px solid #e09244;
  width: 80px;
  height: 80px;
  -webkit-animation: spin 2s linear infinite; /* Safari */
  animation: spin 2s linear infinite;
  margin-left:45%;
}

@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
 
 

 }