html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}
html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}

html,body{font-family:Arial,Helvetica, sans-serif;font-size:15px;line-height:1.5}html{overflow-x:hidden}


.kfm-container:after,.kfm-container:before{content:"";display:table;clear:both}


html {
  height: 100%;
}

body {
  margin: 0;
  padding: 0;
  min-height: 100%;
  display: flex;
  flex-direction: column;
}

.wrapper {
   flex-grow: 1;/* Wächst, um bei Bedarf den verbleibenden Raum zu füllen */
}


.kfm-border-right 
{
	border-right: 10px solid #ccc !important;
}

.kfm-border-left 
{
	border-left: 10px solid #ccc !important;
}

.kfm-content 
{
	max-width: 1024px;
	margin-left: auto;
	margin-right: auto;
}

.kfm-sidebar
{
	display: block;
	color: #000000;
	background-color: #f1f1f1;
	position: fixed;
	height: 100%;

	z-index:3;
	max-width:260px;
	min-width:210px;
}

.kfm-button 
{
  border: none;
  display: inline-block;
  padding: 8px 16px;
  vertical-align: middle;
  overflow: hidden;
  text-decoration: none;
  color: inherit;
  background-color: inherit;
  text-align: center;
  cursor: pointer;
  white-space: nowrap;
  background-color:#FF7100;
}
.kfm-button:hover {
   background-color: #EE5700;
}

.kfm-block
{
  	border: 1px solid grey;
  	display: inline-block;
  	padding: 10px 16px;
	margin:10px 0px;
	width:97%;
}

.kfm-check-block
{
	display: inline-block;
}

.efield
{
	display:inline-block;
	width:250px;
}

.edivfield
{
	display:inline-block;
}

.grid-container 
{
	display: grid;
  	grid-template-columns: auto 200px 100px;
	gap: 10px;
}


:disabled {background-color:gray; color:#D3D3D3;}


.login-container {
            background-color: white;
            padding: 20px;
            border-radius: 8px;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
            width: 340px;
	    display: none;
        }
.login-container h2 {
            text-align: center;
            margin-bottom: 20px;
        }
.login-container label {
            display: block;
            margin-bottom: 5px;
            font-weight: bold;
        }
.login-container input[type="text"],
.login-container input[type="password"] {
            width: 100%;
            padding: 10px 0px 10px 0px;
            margin-bottom: 15px;
            border: 1px solid #ccc;
            border-radius: 4px;
        }
.login-container input[type="button"] {
            width: 100%;
            padding: 10px;
            background-color: #FF7100;
            color: white;
            border: none;
            border-radius: 4px;
            font-size: 16px;
        }
.login-container input[type="button"]:hover {
            background-color: #EE5700;
        }
.error {
            color: red;
            font-size: 14px;
            margin-bottom: 15px;
            display: none; /* Fehlernachricht wird standardmäßig ausgeblendet */
        }
#datenschutz-modal {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.8); /* Halbtransparentes Schwarz */
            display: flex;
            justify-content: center;
            align-items: center;
            z-index: 1000; /* Sicherstellen, dass es über anderen Elementen liegt */
        }

#datenschutz-inhalt {
            background-color: white;
            padding: 20px;
            width: 80%;
            max-width: 400px;
            border-radius: 10px;
            box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.5);
        }

#datenschutz-inhalt h1 {
            margin-top: 0;
        }

#datenschutz-inhalt button {
            padding: 10px 20px;
            background-color: #FF7100;
            color: white;
            border: none;
            border-radius: 4px;
            cursor: pointer;
        }
#datenschutz-inhalt button:hover {
            background-color: #EE5700;
        }
.kfm_icon {
            display: flex;
            align-items: center; 
        }
.kfm_icon img {
            width: 100px; 
            height: auto; 
        }
.kfm_icon label {
	    color: #FF7100;
            margin-left: 10px;
	    margin-top:10px; 
        }