/* general */
a {text-decoration:underline; color: #000;}
a:hover {text-decoration:none; color: #0099ff;}
p { margin: 0; padding: 0 0 0.8em 0;}
td p, th p {padding: 0 0 0.3em 0;}
strong, b {font-weight:bold;}
italic, i {font-style:italic;}
img {max-width: 100%; height:auto; vertical-align: bottom;}
*, *:before, *:after {box-sizing: content-box;}

/* clearfix */
.clearfix:after, .absatz:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
.clearfix, .absatz { display: block; }

html {height:100%;}
body {min-height:100%; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 100.5%; line-height:1.4em; color: #000000; margin:0; padding:0; background-color:#fff;}
.hyphenate, .ui-tooltip {hyphens: auto; -webkit-hyphens: auto; -ms-hyphens: auto; -moz-hyphens: auto;}
.tablecontainer {width: 100%; overflow-x: auto;}

#header {background-color:#fff; -moz-box-shadow: 0px 5px 10px rgba(68,68,68,0.4); -webkit-box-shadow: 0px 5px 10px rgba(68,68,68,0.4); box-shadow: 0px 5px 10px rgba(68,68,68,0.4); text-align: center;}
#main {/*padding-bottom:160px;*/ padding:2em 0;}
#footer {/*height:160px; position:absolute; bottom: 0;*/ width:100%; background-color:#fff; -moz-box-shadow: 0px -5px 10px rgba(68,68,68,0.4); -webkit-box-shadow: 0px -5px 10px rgba(68,68,68,0.4); box-shadow: 0px -5px 10px rgba(68,68,68,0.4);}
.inner {max-width:900px; margin:0 auto; padding:1em 2%;}
#header .inner {padding:0; margin:0 auto;}
#header .img1 {max-width: 29%;}
#header .img2 {margin:0 2%; max-width: 37%;}
#header .img3 {max-width: 26%;}
.hl1 {color:#0072bb;}

table {margin:0; padding:0; width:100%; font-size:1em; line-height:1.3em;}
.tablecontainer table {width:900px;}
tr {margin:0; padding:0; font-size:1em; background-color:#dcdbdb;}
th {margin:0; padding:0.5em 10px; font-size:1em; text-align:center; border-bottom:4px solid #fff;}
td {margin:0; padding:0.5em 10px; font-size:1em; text-align:center; border-bottom:2px solid #fff;}
thead tr {background-color:#a09e9e; color:#fff; font-size:1.1em;}
tfoot td {text-align:left; padding-top:1em;}
tr#template {display:none;}
td.textl {text-align:left;}
.nr {font-weight:bold;}

h1 {font-size:2.1em; line-height:1.3em; font-weight:bold; margin: 0 0 1em 0; padding: 0;}
h2 {font-size:1.7em; line-height:1.3em; font-weight:bold; margin: 0 0 0.5em 0; padding: 0;}
h3 {font-size:1.4em; line-height:1.3em; font-weight:bold; margin: 0 0 0.5em 0; padding: 0;}
h4,h5,h6 {font-size:1.2em; line-height:1.3em; font-weight:bold; margin: 0 0 0.4em 0; padding: 0;}
ul {margin-top:0; padding-top:0;}
hr {height: 1px; width: 100%; border: none; background-color: #bbb;}

#footer .fl {float:left; margin-right: 2%;}
#footer .fr {float:right;}
#footer h4 {color:#666666; font-weight:normal; margin:0 0 1em 0; padding:0;}
#footer a {text-decoration:none;}
#footer ul {margin:0; padding:0; list-style-type:none;}
#footer ul li {margin:0; padding:0 0 0.5em 0; list-style-type:none;}
#footer .img1 {margin-right:4%; max-width:32%;}
#footer .img2 {max-width:63%; margin-bottom:15px;}

#steps {position:relative; color:#5f5f5f; display: flex; flex-direction: row; background-color:#e7e6e6; width:100%; margin:0 0 1em 0; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; /* Prevent background color leak outs */ -webkit-background-clip: padding-box; -moz-background-clip:padding; background-clip:padding-box;}
#steps a {text-decoration:none; color:#5f5f5f;}
#steps a:hover {background:none; color: #0099ff;}
#steps div.st {text-align:center; flex-grow: 1; font-size:2em; font-weight:bold; padding:0.7em 0 0.4em 0; position:relative;}
#steps div.st span {display:block; font-size: 0.5em; font-style:italic; font-weight:normal; padding:0.5em 0 0 0; line-height: 1em;}
#steps .inaktiv, #steps .inaktiv a {color:#b4b4b4; cursor:default;}
#steps3eck {display:none; position:absolute; bottom:0; left: 50%; margin-left: -15px; width: 0px; height: 0px; -webkit-transform: rotate(360deg); border-style: solid; border-width: 0 15px 10px 15px; border-color: transparent transparent #fff transparent;}
#steps .aktiv #steps3eck {display:block;}

.sp1 {width:50%; margin-right:4%; float:left;}
.sp2 {width:46%; float:left;}

.hinweis {font-style:italic; color:#666666; padding-bottom: 1.2em;}
form {margin:1em 0; padding:0; border:none;}
fieldset {margin:0 0 2em 0; padding:0; border:none; width: 100%; min-width: auto;}
@-moz-document url-prefix() {
    fieldset {
        display: table-cell;
    }
}
fieldset.abhaengig {background: #f3f3f3; padding: 2%; width: 93%; margin-left: 3%;}
legend {color:#0072bb; font-size:1.3em; position: relative; width: 100%; font-style:italic; padding:0 0 0.1em 0; margin:0 0 0.5em 0; line-height: 1.2em;}
legend:after {
  content: "";
  position: absolute;
  bottom: -1px;
  left: -1px;
  right: -1px;
  height: 1px;
  background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#888586), to(transparent));
  background-image: -webkit-linear-gradient(left, #888586, transparent);
  background-image: -moz-linear-gradient(left, #888586, transparent);
  background-image: -o-linear-gradient(left, #888586, transparent);
}
label {font-size:1.1em; width:240px; margin: 0 10px 0.2em 0; display:inline-block; font-weight:normal; vertical-align: top;}
input.text {padding:0.4em 10px 0.3em 10px; width:450px; max-width:95%; font-size:1em; -moz-box-shadow:inset 2px 2px 9px rgba(68,68,68,0.5); -webkit-box-shadow: inset 2px 2px 9px rgba(68,68,68,0.5); box-shadow:inset 2px 2px 9px rgba(68,68,68,0.5); border:1px solid #ccc;}
.i1_telefon_vorwahl {width:120px; margin-right:20px; display:inline-block; vertical-align: top;}
.i1_telefon_vorwahl input {width:100px;}
.i1_telefon {width:330px; display:inline-block; vertical-align: top;}
.i1_telefon input {width:310px;}
input.text.i2_erzeugnis {width:450px;}
input.text.i2_menge {width:110px;}
input.text.i1_gruendungsdatum {width:300px;}
input.text.i1_anz_mitarbeiter {width:150px;}

textarea {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:1em; line-height: 1.4em; padding:0.3em 2%; width:450px; max-width:95%; height:9em; font-size:1em; -moz-box-shadow:inset 2px 2px 9px rgba(68,68,68,0.5); -webkit-box-shadow: inset 2px 2px 9px rgba(68,68,68,0.5); box-shadow:inset 2px 2px 9px rgba(68,68,68,0.5); border:1px solid #ccc;}
input.checkbox, input.radio {font-size: 2.5em; width: 0.5em; height: 0.5em; margin: 0 0.2em 0 -0.7em; vertical-align: bottom;}
table input.checkbox, table input.radio {margin:0;}
.formrow {display: inline-block;}

.form_step ul {list-style-type:none; margin:0; padding:0;}
.form_step ul + p {margin-top:1em;}
.list2sp li {display:inline-block; width:48%; margin:0 1% 0 0; padding:0 0 0.4em 0;}
.list1sp li {display:inline-block; width:98%; margin:0; padding:0 0 0.4em 0;}
.form_step ul li div.lii {padding-left: 1.8em;}
ul label {display:inline;}
.label_list ul {display:inline-block; width:465px;}
.label_list li {padding: 0 0 0.4em 0;}
.fs_tqz_bekannt ul li, .fs_tqz_lizenznehmer ul li, .fs_tqz_relevanz ul li, .fs_tqz_zusammenarbeit ul li, .fs_tqz_interesse ul li, .fs_umstellung ul li {display:inline-block; padding-right:2em;}

.txt_button, .hinzu {background:none; border:none; text-decoration:underline; padding:0;}
.txt_button:hover, .txt_button:focus, .hinzu:hover, .hinzu:focus {text-decoration:none; color:#0099ff; cursor:pointer;}

.formfooter {width:100%; position: relative; margin: 2em 0; padding: 0.5em 0;}
.formfooter:before {
  content: "";
  position: absolute;
  top: -1px;
  left: -1px;
  right: -1px;
  height: 1px;
  background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#888586), to(transparent));
  background-image: -webkit-linear-gradient(left, #888586, transparent);
  background-image: -moz-linear-gradient(left, #888586, transparent);
  background-image: -o-linear-gradient(left, #888586, transparent);
}
.formfooter .weiter {float:right; text-decoration:none; cursor:pointer; color:#fff; font-weight:bold; border:none; font-size:1.2em; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; /* Prevent background color leak outs */ -webkit-background-clip: padding-box; -moz-background-clip:padding; background-clip:padding-box; padding:0.4em 20px; margin: 0 0 1em 0; background: #bfbebe;
background: -moz-linear-gradient(top, #bfbebe 0%, #626262 100%);
background: -webkit-linear-gradient(top, #bfbebe 0%,#626262 100%);
background: linear-gradient(to bottom, #bfbebe 0%,#626262 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bfbebe', endColorstr='#626262',GradientType=0 );}
.btn_umfrage {float:right; text-decoration:none; cursor:pointer; color:#fff; font-weight:bold; border:none; font-size:1.2em; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; /* Prevent background color leak outs */ -webkit-background-clip: padding-box; -moz-background-clip:padding; background-clip:padding-box; padding:0.4em 4%; margin: 0 0 1em 0; background: #227722;
background: -moz-linear-gradient(top, #bbdd99 0%, #227722 100%);
background: -webkit-linear-gradient(top, #bbdd99 0%,#227722 100%);
background: linear-gradient(to bottom, #bbdd99 0%,#227722 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bbdd99', endColorstr='#227722',GradientType=0 );}
.btn_umfrage {float:none; clear:both; margin:1em 0 0.5em 0; display: inline-block;}
.formfooter .absenden {background: -moz-linear-gradient(top, #00aaff 0%, #005099 100%);
background: -webkit-linear-gradient(top, #00aaff 0%,#005099 100%);
background: linear-gradient(to bottom, #00aaff 0%,#005099 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00aaff', endColorstr='#005099',GradientType=0 );}
.formfooter .zurueck {cursor:pointer;}
.formfooter .zurueck:hover, .formfooter .zurueck:focus {color: #0099ff;}
.formfooter .weiter:hover, .formfooter .weiter:focus, .btn_umfrage:hover, .btn_umfrage:focus {background: #0072bb; color:#fff;}

input.error, textarea.error {border: 1px solid #c00; background-color: rgba(205,0,0,0.1);}
label.error {color: #C00; font-weight: normal; font-size: 1em; line-height: 1.2em; width: auto; margin-left: 250px;}
label.error a {color:#C00;}
.i1_telefon_vorwahl label.error, .i1_telefon label.error, .fs_verkauf_an label.error, .fs_verkauf_wohin label.error, .textl label.error,
.fs_tqz_bekannt label.error, .fs_tqz_lizenznehmer label.error, .fs_tqz_zusammenarbeit label.error, .fs_tqz_interesse label.error,
.fs_tqz_relevanz label.error, .fs_umstellung label.error, .fs_massnahmen label.error, .fs_datenschutz label.error {margin:0; width: auto; display: block;}

.alert_success {background-color: #bbdd99; padding: 1em; margin: 0 0 2em 0; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; border: none;}

.tip {background-color:#aaa; display:inline-block; width:1.5em; line-height:1em; font-size:1em; font-style:italic; font-weight:bold; color:#fff; padding:0.2em 0; margin:0 0 0 10px; text-align:center; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; /* Prevent background color leak outs */ -webkit-background-clip: padding-box; -moz-background-clip:padding; background-clip:padding-box;}

.ui-tooltip, .arrow:after {background: #777; border-color: #bbb !important;}
.ui-tooltip {
	padding: 10px 20px;
	color: #fff;
	border-radius: 5px;
	background-color:#777;
	border-color: #bbb !important;
	-moz-box-shadow: 0 2px 12px rgba(68,68,68,0.6) !important;
	-webkit-box-shadow: 0 2px 12px rgba(68,68,68,0.6) !important;
	box-shadow: 0 2px 12px rgba(68,68,68,0.6) !important;
	font-size:0.9em !important;
	line-height:1.3em;
	font-family:Arial, Helvetica, sans-serif;
}
.arrow {width: 70px; height: 16px; overflow: hidden; position: absolute; left: 50%; margin-left: -35px; bottom: -16px;}
.arrow.top {top: -16px; bottom: auto;}
.arrow.left {left: 20%;}
.arrow:after {
	content: "";
	position: absolute;
	left: 20px;
	top: -20px;
	width: 25px;
	height: 25px;
	-moz-box-shadow: 0 2px 7px rgba(68,68,68,0.5) !important;
	-webkit-box-shadow: 0 2px 7px rgba(68,68,68,0.5) !important;
	box-shadow: 0 2px 7px rgba(68,68,68,0.5) !important;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
.arrow.top:after {bottom: -20px; top: auto;}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .tablecontainer table {table-layout:fixed;}
	#erzeugnisse th:nth-child(1) {width:3%;}
	#erzeugnisse th:nth-child(2) {width:52%;}
	#erzeugnisse th:nth-child(3) {width:15%;}
	#erzeugnisse th:nth-child(4) {width:15%;}
	#erzeugnisse th:nth-child(5) {width:15%;}
	#beeinflussung th:nth-child(1) {width:3%;}
	#beeinflussung th:nth-child(2) {width:52%;}
	#beeinflussung th:nth-child(3) {width:15%;}
	#beeinflussung th:nth-child(4) {width:15%;}
	#beeinflussung th:nth-child(5) {width:15%;}
}
@supports (-ms-accelerator:true) {
	.tablecontainer table {table-layout:fixed;}
	#erzeugnisse th:nth-child(1) {width:3%;}
	#erzeugnisse th:nth-child(2) {width:52%;}
	#erzeugnisse th:nth-child(3) {width:15%;}
	#erzeugnisse th:nth-child(4) {width:15%;}
	#erzeugnisse th:nth-child(5) {width:15%;}
	#beeinflussung th:nth-child(1) {width:3%;}
	#beeinflussung th:nth-child(2) {width:52%;}
	#beeinflussung th:nth-child(3) {width:15%;}
	#beeinflussung th:nth-child(4) {width:15%;}
	#beeinflussung th:nth-child(5) {width:15%;}
}

@media only screen and (max-width: 750px) {
	.sp1, .sp2 {width:100%; margin:0; float:none; clear:both;}
	.sp1 {margin-bottom:0.6em;}
	label {width:auto; display:block;}
	label.error {margin-left:0;}
}
@media only screen and (max-width: 700px) {
	#footer .fl {width:100%; float:none; margin:0; text-align:left; border-bottom: 1px solid #bbb; margin-bottom: 1em;}
	#footer .fr {width:100%; float:none; margin:0; text-align:left;}
	#footer ul li {display: inline-block; margin-right: 1em;}
}
@media only screen and (max-width: 450px) {
	.list2sp li {display:block; width:auto; margin:0;}
    h1 {font-size:1.8em; line-height:1.2em;}
    h2 {font-size:1.5em; line-height:1.2em;}
    h3 {font-size:1.3em; line-height:1.2em;}
}
@media only screen and (max-width: 300px) {
    #footer .img1, #footer .img2 {max-width:100%;}
    #footer .img1 {margin-bottom:1em;}
}
#form_step6, #form_step2, #form_step3, #form_step4, #form_step5, #form_step7, #form_success, #form_error {display:none;}