#musterformular{font-size:14px;margin:5px}#musterformular h1{margin-bottom:20px;color:rgba(0,68,106,.8);font-size:18px}#musterformular #kopfdaten{display:block;margin:20px 0 20px;padding:0 0 20px}#musterformular #kopfdaten .dataInput{display:inline-block;width:40%;margin:5px 10px 5px 0;border:1px solid #ccc;padding:10px;font-size:15px;vertical-align:top;height:unset}#musterformular #kopfdaten .dataInput::placeholder{color:#aaa;opacity:1}#musterformular #kopfdaten .dataInput::-ms-input-placeholder{color:#aaa}#musterformular #kopfdaten .selectedValue{color:#aaa;padding:10px;width:100%;border:1px solid #ccc}#musterformular #kopfdaten .selectedValue:after{position:absolute;right:12px;top:12px;width:15px;height:15px;content:'';transform:rotate(90deg);background:url('../images/icon-klapppf-grau.svg') no-repeat}#musterformular #kopfdaten .selectValues{display:none;-moz-box-shadow:0 5px 5px #ccc;-webkit-box-shadow:0 5px 5px #ccc;box-shadow:0 5px 5px #ccc}#musterformular #kopfdaten .selectable{padding:0 20px 0 0;border:none;box-sizing:border-box}#musterformular #kopfdaten .selectable.selected .selectedValue{color:#333}#musterformular #kopfdaten .selectable.active .selectValues{display:block;position:absolute;top:40px;left:0;border:1px solid #ccc;width:100%;z-index:10}#musterformular #kopfdaten .selectable.active .selectedValue:after{transform:rotate(270deg)}#musterformular #kopfdaten .selectable .select{border-top:1px solid #ccc;background:#efefef;padding:5px;display:block}#musterformular #kopfdaten .selectable .select.selected:after{content:'\02713';position:absolute;right:5px}#musterformular .serie{display:block;border:1px solid #ccc;margin-bottom:10px}#musterformular .serie .serienheader{font-weight:700;display:block;font-size:15px;background:#eee;color:#666;padding:8px 30px 8px 8px}#musterformular .serie .serienheader:after{position:absolute;right:10px;top:10px;content:'';width:15px;height:15px;background:url('../images/icon-klapppf-grau.svg') no-repeat;transform:rotate(90deg);transition:transform .2s}#musterformular .serie .serienheader.active:after{transform:rotate(270deg);transition:transform .2s}#musterformular .serie .serienfarben{padding-top:12px}#musterformular .serie .serienfarben strong{margin-left:5px;font-size:16px}#musterformular .serie .serienfarben .colours{display:block;margin-bottom:20px}#musterformular .serie .serienfarben .colour{display:inline-block;width:100px;text-align:center;vertical-align:top;margin:5px}#musterformular .serie .serienfarben .colour.chosen{opacity:.6}#musterformular .serie .serienfarben .colour.chosen .chosenHint{display:block}#musterformular .serie .serienfarben .colour.checked img{outline:3px solid #ee6205}#musterformular .serie .serienfarben .colour.checked:before,#musterformular .serie .serienfarben .colour.chosen:before{position:absolute;content:'\02713';color:#ee6205;padding:3px 6px;background:rgba(255,255,255,.5);-moz-border-radius:12px;-webkit-border-radius:12px;border-radius:12px;top:6px;right:6px}#musterformular .serie .serienfarben .colour .colourText{display:block;margin-top:5px}#musterformular .serie .serienfarben .colour img{width:100px;margin:0 0 5px}#musterformular .serie .serienfarben .colour .chosenHint{position:absolute;top:20px;font-size:12px;margin:0 5px;background:#fff;border:1px solid #ccc;opacity:1}#musterformular button{font-size:20px;padding:6px 50px;background:rgba(0,68,106,.8);color:#fff;margin-top:20px;border:none}#musterformular button:hover{background:rgba(0,68,106,.6)}#musterformular #preview{margin:50px 0 20px;border:1px solid #ccc;padding:10px}#musterformular #preview .selection{display:inline-block;width:100px;margin:5px 5px 10px;vertical-align:top}#musterformular #preview .selection img{width:100%}#musterformular #preview .selection .remove{color:#ee6205;display:block;margin-top:5px}#musterformular ul.limits{list-style:disc;margin-left:12px}#musterformular #newsletter{width:15px;margin-bottom:4px;height:15px}@media (max-width:640px){#musterformular #kopfdaten .dataInput{width:90%;margin-bottom:10px}}