@font-face {
    font-family: 'robotoregular';
    src: url('../fonts/Roboto-Regular-webfont.eot');
    src: url('../fonts/Roboto-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Roboto-Regular-webfont.woff2') format('woff2'),
         url('../fonts/Roboto-Regular-webfont.woff') format('woff'),
         url('../fonts/Roboto-Regular-webfont.ttf') format('truetype'),
         url('../fonts/Roboto-Regular-webfont.svg#robotoregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* rubik-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/rubik-v28-latin-300.eot'); /* IE9 Compat Modes */
  src: url('../fonts/rubik-v28-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/rubik-v28-latin-300.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/rubik-v28-latin-300.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('../fonts/rubik-v28-latin-300.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('../fonts/rubik-v28-latin-300.svg#Rubik') format('svg'); /* Legacy iOS */
}

/* rubik-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/rubik-v28-latin-regular.eot'); /* IE9 Compat Modes */
  src: url('../fonts/rubik-v28-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/rubik-v28-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/rubik-v28-latin-regular.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('../fonts/rubik-v28-latin-regular.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('../fonts/rubik-v28-latin-regular.svg#Rubik') format('svg'); /* Legacy iOS */
}

/* rubik-800 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 800;
  src: url('../fonts/rubik-v28-latin-800.eot'); /* IE9 Compat Modes */
  src: url('../fonts/rubik-v28-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/rubik-v28-latin-800.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/rubik-v28-latin-800.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('../fonts/rubik-v28-latin-800.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('../fonts/rubik-v28-latin-800.svg#Rubik') format('svg'); /* Legacy iOS */
}



:root {
    --white: #FFFFFF;
    --button-blue: #264664 ;
    --table-head-gray: #022038;
    --table-row--lightgray: #F0F4F7;

}


body { background-color: var(--white);
       font-family: 'Rubik', Regular;
       font-size: 14px;}

.formular-head{
  margin: auto;
  width: 90%;
}



.bg-duckelblau{ background-color:#03222C }


.matern-site{ background-color:#FFFFFF;
                   padding-top:10px;
				padding-bottom:4px;
                 border-radius:10px 10px 0px 0px }



.matern-button{ font-family:"Rubik",Regular;
				  font-size:12px;
				font-weight:800;
			 text-transform:uppercase;
			     font-style:normal;
	            line-height:1.2em;
			 letter-spacing:1.5px;
			           fill:#264664;
				      color:#FFFFFF;
		   background-color:#264664;
			  border-radius:100px 100px 100px 100px }



.matern-button-profile{ font-family:"Rubik",Regular;
				  font-size:12px;
				font-weight:400;
			 text-transform:uppercase;
			     font-style:normal;
	            line-height:1.0em;
			 letter-spacing:1.5px;
				      color:#03222C;
		   background-color:#FFFFFF }

.matern-button-profile:hover{color:#264664;background-color:#03222C}
.matern-button-profile:focus{color:#264664;background-color:#03222C}

.matern-suggestion{ padding: 1px }

.matern-delete-button{ font-family:"Rubik",Regular;
				         font-size:12px;
				       font-weight:400;
			        text-transform:uppercase;
			            font-style:normal;
	                   line-height:1.2em !important;
			        letter-spacing:1.5px;
			                  fill:#264664;
				             color:red;
		          background-color:#FFFFFF;
			         border-radius:8px;
			          border-color:red;
			          border-width:1px }

.matern-edit-button{ font-family:"Rubik",Regular;
				       font-size:12px;
				     font-weight:400;
			      text-transform:uppercase;
			          font-style:normal;
	                 line-height:1.2em !important;
			      letter-spacing:1.5px;
			                fill:#264664;
				background-color:#FFFFFF;
				           color:#03222C;
			       border-radius:8px;
			        border-color:#03222C;
			        border-width:1px }


.matern-border-top{ border-radius:10px 10px 0px 0px;
				border-left-style:solid;
				border-left-width:2px;
				border-left-color:#264664;
			   border-right-style:solid;
			   border-right-width:2px;
			   border-right-color:#264664;
				 border-top-style:solid;
				 border-top-width:2px;
                 border-top-color:#264664 }

.matern-tooth-row-border-top{ border-radius:10px 10px 0px 0px;
				    border-left-style:solid;
				    border-left-width:2px;
					border-left-color:#264664;
					border-right-style:solid;
				    border-right-width:2px;
					border-right-color:#264664;
					border-top-style:solid;
				    border-top-width:2px;
                    border-top-color:#264664;
					border-bottom-style:solid;
                    border-bottom-width:2px;
                    border-bottom-color:#264664 }

.matern-border-bottom-left{ border-radius:0px 0px 0px 10px;
				             border-style:solid;
				             border-width:2px;
                             border-color:#264664}
.matern-border-bottom-right{ border-radius:0px 0px 10px 0px;
				             border-style:solid;
				             border-width:2px;
                             border-color:#264664}

.matern-border-middle{ border-left-style:solid;
                             border-left-width:2px;
                             border-left-color:#264664;
							 border-right-style:solid;
				           border-right-width:2px;
						   border-right-color:#264664 }

.matern-border-middle-right{ border-right-style:solid;
				             border-right-width:2px;
						     border-right-color:#264664 }

.matern-border-middle-bottom{ border-right-style:solid;
				            border-right-width:2px;
						    border-right-color:#264664;
					         border-left-style:solid;
                             border-left-width:2px;
                             border-left-color:#264664 }
.matern-border-middle-bottom-right{ border-right-style:solid;
				            border-right-width:2px;
						    border-right-color:#264664 }


.matern-border-textarea{ border-left-style:solid;
                         border-left-width:2px;
                         border-left-color:#264664;
						border-right-style:solid;
				        border-right-width:2px;
						border-right-color:#264664;
					   border-bottom-style:solid;
				       border-bottom-width:2px;
					   border-bottom-color:#264664;
						     border-radius:0px 0px 10px 10px }

.matern-row-title{ font-family:"Rubik",Regular;
				     font-size:20px;
				   font-weight:400;
			        font-style:normal;
	               line-height:1.2em;
			    letter-spacing:0.0em;
			        text-align:left;
			  background-color:#FFFFFF;
			             color:#264664;
			            height:60px;
					   display:flex;
               justify-content:left;
                   align-items:center }

.matern-row{ font-family:"Rubik",Regular;
               font-size:16px;
			  font-style:normal;
			 line-height:1.4em;
		  letter-spacing:1.5px;
                  height:60px;
		           color:#264664;
	    background-color:#FFFFFF;
        border-top-color:#264664;
	    border-top-style:solid;
	    border-top-width:2px;
      border-right-color:#264664;
	  border-right-style:solid;
	  border-right-width:1px;
       border-left-color:#264664;
	   border-left-style:solid;
	   border-left-width:2px;
		         display:flex;
         justify-content:start;
             align-items:center}

.matern-input-style{font-family:"Rubik",Regular;
				           color:#03222C;
                       font-size:16px;
				     font-weight:400;
			          font-style:normal;
					 line-height:1.4em;
		          letter-spacing:1.5px }

.matern-col-input{ font-family:"Rubik",Regular;
                     font-size:16px;
				   font-weight:800;
                    font-style:normal;
			       line-height:1.4em;
		        letter-spacing:1.5px;
                        height:60px;
			             color:#03222C;
			           display:flex;
               justify-content:center;
                   align-items:center}


.matern-row-input{ font-family:"Rubik",Regular;
                     font-size:16px;
				   font-weight:800;
                    font-style:normal;
			       line-height:1.4em;
		        letter-spacing:1.5px;
                        height:60px;
			             color:#03222C;
			  border-top-color:#264664;
			  border-top-style:solid;
			  border-top-width:2px;
			border-right-color:#264664;
			border-right-style:solid;
			border-right-width:2px;
			 border-left-color:#264664;
			 border-left-style:solid;
			 border-left-width:1px;
			  background-color:#F0F7FB;
			           display:flex;
               justify-content:center;
                   align-items:center}

.matern-row-textarea{font-family:"Rubik",Regular;
				           color:#03222C;
                       font-size:16px;
				     font-weight:800;
			          font-style:normal;
			    background-color:#F0F7FB;
			         padding-top:10px;
			      padding-bottom:10px}


.matern-row-checkbox{ background-color:#FFFFFF;
			                font-style:normal;
                                height:60px;
	                  border-top-color:#264664;
			          border-top-style:solid;
			          border-top-width:2px;
			        border-right-color:#264664;
			        border-right-style:solid;
			        border-right-width:2px;
			         border-left-color:#264664;
			         border-left-style:solid;
			         border-left-width:1px;
				               display:flex;
                       justify-content:center;
                           align-items:center }

.matern-row-checkbox-single-line{ background-color:#FFFFFF;
                                            height:80px;
			                      border-top-color:#264664;
			                      border-top-style:solid;
			                      border-top-width:2px;
			                    border-right-color:#264664;
			                    border-right-style:solid;
			                    border-right-width:2px;
			                     border-left-color:#264664;
			                     border-left-style:solid;
			                     border-left-width:2px;
			                   border-bottom-color:#264664;
			                   border-bottom-style:solid;
			                   border-bottom-width:2px;
			                         border-radius:0px 0px 10px 10px;
				                           display:flex;
                                   justify-content:start;
                                       align-items:center
                                       }

[type="checkbox"] {        width:40px;
                          height:40px;
                background-color:#F0F7FB;
                    border-color:#264664;
                    border-width:1px;
                    border-style:solid;
                   border-radius:10px 10px 10px 10px;
                         content:"";
						 display:flex;
	                    position:relative;
                          cursor:pointer;
              -webkit-appearance:none;
                 -moz-appearance:none }


.format-checkbox{ margin-top:1px; padding-left: 0px}

.matern-label-practicename{ font-family:"Rubik",Regular;
                      font-weight:400;
				        font-size:16px;
				      line-height:1.5em;
			       letter-spacing:1.5px;
				            color:#FFFFFF;
						  display:flex;
                  justify-content:end;
                      align-items:center }

.matern-label-gross { font-family:"Rubik",Regular;
                      font-weight:400;
				        font-size:16px;
				            color:#264664 }

.matern-label-klein { margin-left:20px;
                      font-family:"Rubik",Regular;
				      font-weight:400;
				        font-size:12px;
                            color:#264664;
                           margin:0px }

[type="checkbox"]:checked::before { font-family:'FontAwesome';
                                          color:#03222C;
									  font-size: 40px;
								    line-height:0.9em;
	                               padding-left: 3px;
                                        content:'\f00d';
	                                     cursor:pointer;
                             -webkit-appearance:none;
                                -moz-appearance:none }


.matern-button:hover{color:#F0F7FB;background-color:#03222C}
.matern-button:focus{color:#F0F7FB;background-color:#03222C}

.matern-delete-button:hover{ color: #FFFFFF; background-color:red }
.matern-delete-button:focus{ color: #FFFFFF; background-color:red }

.matern-edit-button:hover{ color: #FFFFFF; background-color:#03222C }
.matern-edit-button:focus{ color: #FFFFFF; background-color:#03222C }

.matern-text-copyright{font-family:"Rubik",Regular;
				    font-size:14px;
				  font-weight:400;
			  	   font-style:normal;
	              line-height:1.5em;
			   letter-spacing:1.5px;
				         color:#264664 }

.matern-text-practicename{font-family:"Rubik",Regular;
				    font-size:14px;
				  font-weight:400;

			  	   font-style:normal;
	              line-height:1.5em;
			   letter-spacing:1.5px;
				         color:#03222C }

.matern-text-normal{font-family:"Rubik",Regular;
				    font-size:14px;
				  font-weight:400;
			   text-transform:uppercase;
			  	   font-style:normal;
	              line-height:1.5em;
			   letter-spacing:1.5px;
				         color:#264664 }

.matern-text-bold{font-family:"Rubik",Regular;
				    font-size:14px;
				  font-weight:800;
			   text-transform:uppercase;
			  	   font-style:normal;
	              line-height:1.5em;
			   letter-spacing:1.5px;
				        color:#264664}

.matern-text-bold-error{font-family:"Rubik",Regular;
				    font-size:14px;
				  font-weight:800;
			   text-transform:uppercase;
			  	   font-style:normal;
	              line-height:1.5em;
			   letter-spacing:1.5px;
				        color:red}

.web2py_console{ background-color:#FFFFFF;
				            color:#264664;
                          padding:30px 30px 30px 30px;
				    border-radius:10px 10px 0 0}

.web2py_table{ font-family:"Rubik",Regular;
                 font-size:14px;
               font-weight:200;
                font-style:normal;
			         color:#022038;
          background-color:#FFFFFF;
			       padding:0px 30px 30px 30px}

.web2py_grid {width:90%}
.web2py_grid table {width:100%}
.web2py_grid tbody td {padding:2px 5px 2px 5px;
                vertical-align: middle}
.web2py_grid .web2py_form td {vertical-align:top}

.web2py_grid thead th,.web2py_grid tfoot td {
                  background-color:#022038;
                           padding:15px 5px 15px 5px}

.web2py_grid tr.odd { background-color:#F0F4F7 }
.web2py_grid tbody tr:hover {background-color:#264664; color: #FFFFFF;}


table thead th{font-family:"Rubik",Regular;
				 font-size:12px;
			   font-weight:800;
			text-transform:uppercase;
			    font-style:normal;
	           line-height:1.2em;
			letter-spacing:1.5px;
			         color:#FFFFFF}

table thead tr th:first-child { border-radius:10px 0 0 0; padding-left: 20px; }
table thead tr th:last-child  { border-radius:0 10px 0 0 }

table tbody tr td:first-child { padding-left: 20px; }

table tbody tr:last-child td:first-child { border-radius: 0 0 0    10px }
table tbody tr:last-child td:last-child  { border-radius: 0 0 10px 0 }

.web2py_table{ border-radius:0 0 10px 10px }

input[type="text"] { color:#03222C;
          background-color:#F0F7FB }

input[type="submit"] { line-height:1.6em;
						float: right }

.matern-background-color{ background-color:#F0F7FB }

.matern-input-tooth{font-family:"Rubik",Regular;
				      font-size:12px;
					 text-align:center;
			        font-weight:400;
			         font-style:normal;
	                line-height:1.2em;
			     letter-spacing:1.5px;
			              color:#03222C;
		         text-transform:uppercase;
		       background-color:#F0F7FB }

.matern-input-textarea{font-family:"Rubik",Regular;
				         font-size:16px;
			           font-weight:400;
			            font-style:normal;
	                   line-height:1.2em;
			        letter-spacing:1.5px;
			                 color:#03222C;
		          background-color:#F0F7FB }

.matern-input-select{font-family:"Rubik",Regular;
				       font-size:16px;
			         font-weight:400;
			          font-style:normal;
	                 line-height:1.2em;
			      letter-spacing:1.5px;
			               color:#03222C;
                background-color:#F0F7FB }

.matern-option-text{ font-family:"Rubik",Regular;
				       font-size:16px;
			         font-weight:400;
			          font-style:normal;
	                 line-height:1.2em;
			      letter-spacing:1.5px;
			               color:#03222C;
                background-color:#F0F7FB;
              -webkit-appearance:none;
 }

label{ margin:0px }

.matern-tp{ font-family:"Rubik",Regular;
			  font-size:24px;
			font-weight:400;
			 font-style:normal;
	        line-height:1.2em;
			      color:#264664}

.matern-tp-left{ border-left-color:#264664;
			     border-left-style:solid;
			     border-left-width:2px;
                 background-color:#FFFFFF }

.matern-tp-left-top{ border-left-color:#264664;
			     border-left-style:solid;
			     border-left-width:2px;
			     border-bottom-color:#264664;
			     border-bottom-style:solid;
			     border-bottom-width:2px;
                 background-color:#FFFFFF }

.matern-tp-right{ border-right-color:#264664;
			      border-right-style:solid;
			      border-right-width:2px;
                    background-color:#FFFFFF }

.matern-tp-right-top{ border-right-color:#264664;
			          border-right-style:solid;
			          border-right-width:2px;
				  	 border-bottom-color:#264664;
			         border-bottom-style:solid;
			         border-bottom-width:2px;
                        background-color:#FFFFFF }

.matern-tp-left-bottom{ border-top-color:#264664;
			            border-top-style:solid;
			            border-top-width:2px;
                       border-left-color:#264664;
			           border-left-style:solid;
			           border-left-width:2px;
					 border-bottom-color:#264664;
			         border-bottom-style:solid;
			         border-bottom-width:2px;
                        background-color:#FFFFFF;
                           border-radius:0px 0px 0px 10px }

.matern-tp-right-bottom{ border-top-color:#264664;
			            border-top-style:solid;
			            border-top-width:2px;
	                    border-right-color:#264664;
			             border-right-style:solid;
			             border-right-width:2px;
                        border-bottom-color:#264664;
			            border-bottom-style:solid;
			            border-bottom-width:2px;
						   background-color:#FFFFFF;
						      border-radius:0px 0px 10px 0px }

.matern-18-48-left{ border-left-color:#264664;
			      border-left-style:solid;
			      border-left-width:2px }
.matern-11-41-28-38-right{ border-right-color:#264664;
			      border-right-style:solid;
			      border-right-width:2px }

.matern-ok-bottom-dashed-line{ border-bottom-color:#264664;
			                   border-bottom-style:dashed;
			                   border-bottom-width:1px }

.matern-ok-bottom-dashed-line-right{ border-right-color:#264664;
			                         border-right-style:dashed;
			                         border-right-width:1px }


.matern-tooth-row{font-family:"Rubik",Regular;
				   font-size:14px;
				 font-weight:400;
			      font-style:normal;
	             line-height:1.8em;
			           color:#264664 }

@media (max-width: 991.98px) {
input[type="text"], select, option {
               font-family:"Rubik",Regular;
				 font-size:16px;
			   font-weight:400;
			    font-style:normal;
	           line-height:1.2em;
			letter-spacing:1.5px;
			         color:#03222C;
	background-color:#F0F7FB}}

.matern-tp{font-family:"Rubik",Regular;
				   font-size:12px;
				 font-weight:400;
			      font-style:normal;
	             line-height:1.2em;
			           color:#264664 }