body,div,h1,h2,ul,li,a {
	background-color: transparent;
	padding:0;
	line-height:155%;
	color:#272726;
	margin:0;
	font-family: 'TheSansRegular','Arial',SansSerif;
	font-size:18px;
	list-style: none;
	font-weight: normal;
	font-style: normal;
    font-feature-settings:         'kern' 1, 'liga' 1, 'calt' 1, 'locl' 1;
    -webkit-font-feature-settings: 'kern' 1, 'liga' 1, 'calt' 1, 'locl' 1;
    -moz-font-feature-settings:    'kern' 1, 'liga' 1, 'calt' 1, 'locl' 1;
    -ms-font-feature-settings:     'kern' 1, 'liga' 1, 'calt' 1, 'locl' 1;
    -o-font-feature-settings:      'kern' 1, 'liga' 1, 'calt' 1, 'locl' 1;
}
.header {
	height:218px;
}
.hidden {
	display:none;
}
.logo {
/*
	background-image: url('images/logo.png');
	background-repeat: no-repeat;
	background-size: 300px 62px;
*/
	position:absolute;
	width:300px;
	height:62px;
	top:125px;
	left:20px;
	}
.logo a {
	display: block;
	width:100%;
	height:100%;
}
h1 {
	font-family: 'TheSansBold','Arial',SansSerif;;
	font-size:24px;
	line-height:26px;
	margin-top:50px;
	margin-bottom:8px;
}
h2 {
	font-family: 'TheSansBold','Arial',SansSerif;;
	font-size:20px;
	margin-top:43px;
	margin-bottom:8px;
}
h3 {
	font-family: 'TheSansBold','Arial',SansSerif;
	font-size:18px;
}
.content {
	margin-top:10px;
	background-color: #F5F5F5;
	background-image: url('images/verlauf.png');
	background-repeat: repeat-x;
}
.frame {
	position: relative;
	margin:0px auto;
	padding:20px;
	max-width:800px;
	background: transparent;
}
.frame.inhalt.gut .text {
	color:#009900;
}
.frame.inhalt.schlecht .text {
	color:#990000;
}
.feld {
	position: relative;
}
ul.form_buttons {
	margin:25px 0;
}
ul.form_buttons li {
	display:inline-block;
	cursor:pointer;
}
.button,ul.form_buttons li {
	margin:5px 35px 5px 0;
	padding:15px 16px 13px 16px;
	border:1px solid #C7D800;
	user-select: none;
}
.button {
	display:inline-block;
}
.button p {
	margin:0;
	padding:0;
}
.button.submit {
/* 	margin-left:100px; */
}
.button.aktiv,
ul.form_buttons li.aktiv {
	background-color:#c7d800;
	cursor:pointer;
}
li a {
/* 	display:block; */
}
a,
a:link,
a:hover,
a:active,
a:visited {
	color:#272726;
	text-decoration: underline;
	text-underline-offset:3px;
}
form {
	margin:10px 0;
}
ul.form li {
	margin-bottom:10px;
/* 	display:flex; */
}
ul.form li div.name {
	padding:10px 0 0 0;
}
input,textarea {
	width:calc(100% - 20px);
	padding:10px;
	font-size:18px;
	font-family: 'TheSansRegular','Arial',SansSerif;
	border:1px solid #C7D800;
}
input[type=radio] {
	width:20px;
	height:20px;
	margin-right:10px;
}
label {
	vertical-align: top;
}
.text ul {
	margin-left:20px;
}
.text ul li {
	list-style-type: disc;
	margin-top:12px;
}
input.error,textarea.error {
	border:1px solid #f00;
}
.error_message {
	display:none;
	position: relative;
	width:100%;
}
.plus {
	position:absolute;
	right:0px;
	bottom:0px;
	width:260px;
	height:25px;
	cursor:pointer;
	background-image:url(images/plus_icon.svg);
	background-repeat: no-repeat;
	background-size: 25px 25px;
	background-position-x: right;
}
ul li.foto {
	padding-bottom:70px;
}
ul.subs {
	margin-top:10px;
	border:1px solid #bbb;
	padding-bottom:70px;
	background:#fff;
}
ul.subs li {
	position: relative;
	margin-bottom:0px;
	padding:0 10px;
}
ul.subs li .minus {
	position: absolute;
	top:15px;
	right:15px;
	width:25px;
	height:25px;
	background-image:url(images/minus-icon.svg);
	background-repeat: no-repeat;
	background-size: 25px 25px;
	cursor:pointer;
}
ul.subs .sub {
	display:flex;
	flex-wrap: wrap;
}
ul.subs .sub>div {
	width:calc(50% - 10px);
	margin-right:10px;
}
.bild_wrapper {
	position: relative;
	
}
li.foto input {
	border:0px;
}
.dropZone {
	position: absolute;
	top:0px;
	left:0px;
	width:calc(100% - 114px);
	height:100px;
	padding:5px;
	border:1px solid #ccc;
	background-color: #f5f5f5;
	background-position:right top;
	background-size: contain;
	background-repeat: no-repeat;
}
.dropZone .maske {
	background-image:url(images/maske.png);
	background-size:contain;
	height:112px;
	width:90px;
	position:absolute;
	top:0px;
	right:0px;
}
.dropZone .bild {
	top:0px;
	right:0px;
}

.upload_message,
.upload_progress {
	z-index: 10;
	position: absolute;
	top:30px;
	padding:5px;
}
.input[type=file] {
	position: absolute;
	top:0px;
	left:0px;
	z-index:-1;
}
[type=radio]{
	position: relative;
	margin: 20px;
}

[type=radio]:before{
	content: '';
	position: absolute;
	left: -10px;
	top: -4px;
	width: 32px;
	height: 32px;
	background: white;
	border:1px solid #C7D800;
}

[type=radio]:checked:before{
	background: #C7D800;
}
[type=radio].error:before {
	border:1px solid #red;
}

ul.confirm li {
	display:flex;
	
}
ul.confirm li .feld {
	width:30%;
}
ul.confirm li .wert {
	width:70%;
}
ul.confirm li .wert img {
	width:200px;
	height:auto;
}
.feld.subs {
	padding-bottom:27px;
}
.dropZone img {
	position: absolute;
	left:0px;
	top:0px;
	width:auto;
	height:110px;
}
.upload_message {
	display:none;
}
.spalten {
	display:flex;
	justify-content: space-between;
}
.spalte {
	width:48%;
	padding-bottom:95px;
	position: relative;
}
.spalte .button {
	position: absolute;
	bottom:0px;
	font-family: 'TheSansBold','Arial',SansSerif;
}
button {
	color:inherit;
}
.titel_wrapper {
	position: relative;
	height:26px;
}
.titel_wrapper .rechts {
	left:calc(100% - 90px);
	width:90px;
	top:0px;
	position:absolute;
	text-align:center;
}