/*
body { margin: 0 0 200px 0; overflow-y: scroll; }
 { font-family: Segoe UI, Arial, Tahoma, Helvetica, Verdana; font-size: 14px; color: #444; }
img { border: 0px; }
td,th { text-align: left; vertical-align: top; }
h2 { background-color: rgba(63,128,166,1); background-color: rgba(153,193,15,1); padding: 5px 10px; margin-bottom: 0; font-size: 15px; color: #FFF; border-top-left-radius: 10px; border-top-right-radius: 10px; }
h3 { background-color: rgba(172,140,124,0.75); padding: 1px 10px; color: #FFF; margin-top: 5px; margin-bottom: 0; font-size: 13px; border-top: 1px rgba(0,0,0,0.2) solid; border-top-left-radius: 5px; border-top-right-radius: 5px; }
.item_2col { clear: both; padding-left: 220px; overflow: hidden; text-align: left; }
.item_2col .label { margin-left: -220px; width: 200px; float: left; background-color: rgba(33,87,130,1); color: #ffffff; font-weight: bold; }
.item_2col .data { }
.item_2col .label,
.item_2col .data { padding-top: 5px; padding-left: 10px; padding-right: 10px; padding-bottom: 30000px; margin-bottom: -30000px; border-top: 1px #DDD solid; }
.item_2col .label:after,
.item_2col .data:after { display: block; height: 5px; font-size: 1px; content: "-"; overflow: hidden; margin: 0; }
.item_2col .data>* { margin-top: 0px; }
.item_2col .data>*:last-child,
.item_2col .descr>*:last-child { margin-bottom: 0px; }
.item { clear: both; padding-left: 150px; overflow: hidden; text-align: left; }
.item .label { margin-left: -150px; width: 130px; float: left; background-color: rgba(33,87,130,1); color: #ffffff; font-weight: bold; }
.item .data { margin-right: 460px; background-color: rgba(33,87,130,0.2); }
.item .descr { min-width: 440px; float: right; }
.item .label,
.item .data,
.item .descr { padding-top: 5px; padding-left: 10px; padding-right: 10px; padding-bottom: 30000px; margin-bottom: -30000px; border-top: 1px #DDD solid; }
.item .label:after,
.item .data:after,
.item .descr:after { display: block; height: 5px; font-size: 1px; content: "-"; overflow: hidden; margin: 0; }
.item .descr>* { margin-top: 0px; }
.item .data>*:last-child,
.item .descr>*:last-child { margin-bottom: 0px; }
*/
:root {
	--akzentfarbe: #396182;
	--akzentfarbe: rgba(140,125,110,1);
	--akzentfarbe_hover: #215782;
	--akzentfarbe_hover: rgba(122,105,96,1);
}
main * { box-sizing: border-box;}
.ze, .zd { display: none; }
section { background-color: #FFF; padding: 5px;}
#sect_gesamtpreis h2 {height: 38px;}
.small { font-size: 10px; line-height: 1px!important; }
.item { display: flex; flex-direction: row; border-bottom: 2px solid #ffffff; margin: 0 20px;}
.item .label { background-color: var(--akzentfarbe_hover); color: #ffffff; padding: 5px; width: 250px;}
.item .data { background-color: var(--akzentfarbe); padding: 5px; min-width: 100px; text-align: center;}
.item .descr { background-color: rgba(0,0,0,0.05); padding: 10px; width: 100%;}
.txt { margin: 20px;}
.item .descr>p,
.txt>p {margin: 0 0 5px 0;}
#sect_allgemeines .item .label { width: 250px;}
#sect_allgemeines .item .data { width: 450px; text-align: center;}
.button, button, input[type="button"], input[type="reset"], input[type="submit"] {
  background: var(--akzentfarbe_hover)!important;
}
input[type="radio"],
input[type="checkbox"] {
  -ms-transform: scale(2); /* IE 9 */
  -webkit-transform: scale(2); /* Chrome, Safari, Opera */
  transform: scale(2);
  margin: 10px 0;
}
input { border-radius: 10px; padding: 0 0 2px 5px;}
input[type=number] { width: 90px; }
input.readonly { color: #999; cursor: not-allowed; }
.ze { background-color: #FFF; float: right; min-width: 20px; padding-left: 3px; padding-right: 4px; }
.ze:after { content: " \20AC"; }
.zd { background-color: #FFF; float: right; min-width: 20px; padding-left: 3px; padding-right: 4px; }
.zd:after { content: " h"; }
.gp { background-color: var(--akzentfarbe_hover); color: #ffffff; float: right; min-width: 200px; padding: 5px; font-size: 20pt; display: block; text-align: right; margin: 0 0 20px 0;}
.gp:after { content: " \20AC"; }
footer.calc { display: none; position: fixed; left: 0px; bottom: 0px; right: 0px; }
footer.calc section { display: block; margin: auto; background-color: #FFF; box-shadow: 0px 0px 5px #000; }
footer.calc section>* { margin: 0; }
.warning { display: none; }
.warning:before,
.warning:after,
.warning div:before,
.warning div:after { display: block; opacity: .5; position: fixed; content: " "; background-color: #F00; }
.warning:before { left: 0; top: 0; right: 0; height: 7px; }
.warning:after { left: 0; bottom: 0; right: 0; height: 7px; }
.warning div:before { left: 0; top: 7px; bottom: 7px; width: 7px; }
.warning div:after { right: 0; top: 7px; bottom: 7px; width: 7px; }
.msg_budget { position: fixed; left: 0; top: 0; right: 0; bottom: 0; background-color: rgba(0,0,0,0.1); display: none; }
.msg_budget .box { margin: auto; width: 70%; margin-top: 10%; max-width: 500px; background-color: #EEE; padding: 10px; box-shadow: 0px 0px 10px rgba(0,0,0,0.5); text-align: center; }
.msg_budget .box .title { background: rgba(255,0,0,0.5); display: block; margin: -10px; margin-top: -10px; margin-bottom: 10px; text-align: left; font-size: 11px; padding: 3px 10px 4px 10px; color: #FFF; }
.msg_budget .box div { margin: 5px 0; }
.msg_budget .box button { border: 0; background-color: rgba(0,0,0,0.25); margin: 5px 0 0 0; width: 100px; padding: 0px 0 2px 0; cursor: pointer; }
#sect_gesamtpreis, #sect_allgemeines { display: none; }

@media only screen and (max-width: 600px) {
.item { display: flex; flex-direction: column;}
.item .label { width: 100%; text-align: center;}
.item .data { min-width: 100%;}
.item .descr { width: 100%; text-align: center;}
#sect_allgemeines .item .label { width: 100%;}
#sect_allgemeines .item .data { width: 100%;}
.gp { margin: 40px 0; width: 100%; }
}