@charset "utf-8";
/* CSS Document */

/* RESET ----------------------------------------------------------------------------------------------------  */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
}

/* remember to define focus styles! */
:focus { outline: 0; }

ol, ul { list-style: none; }

/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: separate; border-spacing: 0; }

caption, th, td { text-align: left; font-weight: normal; }

blockquote:before, blockquote:after,
q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* GLOBALS
----------------------------------------------------------------------------------------------------  */
/* 10px = 1em */

html { font-size: 100.1%; overflow-y: scroll; }
html, body { height: 100%; }
body { font-family: Arial, Helvetica, sans-serif; font-size: 62.5%; color: #cff; background: #054a8c url(../img/bg.png) repeat-x center -22em; }

h1, h2, h3, h4 { font-weight: normal; margin-bottom: .5em; }
h1, h2 { letter-spacing: -.05em; line-height: 1em; }
h3, h4 { line-height: 1.2em; }
h1 { font-size: 4.4em; }
h2 { font-size: 3.2em; }
h3 { font-size: 2.4em; }
h4 { font-size: 1.8em; }

abbr { border-bottom: 1px dotted; cursor: help; }
a abbr { cursor: pointer; }
a:hover abbr { border-bottom: 0 none; }

a { text-decoration: none; }

img { background: url(../img/loading.gif) no-repeat center center; }

strong, b { font-weight: bold; }
em, i { font-style: italic; }

table { width: 100%; }
table, tr, th, td, thead, tbody, tfoot { border-collapse: collapse; vertical-align: top; }

/* Clearfix-Methode zum Clearen der Float-Umgebungen */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

/* POSITION
----------------------------------------------------------------------------------------------------  */
#wrapper, #header, #body, #footer, #content, .wrap { position: relative; }
#logo, .globalnav, .mainnav, .hotline, #credits, .promo, .badge, .sidebar { position: absolute; }
#madeby { position: fixed; }

/* LAYOUT
----------------------------------------------------------------------------------------------------  */
#notice { background: url(../img/notice-bg.png) repeat-x center top; box-shadow: inset 0 0 10px 0 rgba(0,0,0,.3); height: 80px; }
#notice .template { background: url(../img/notice-content.png) no-repeat center top; height: 80px; }

#wrapper { background: url(../img/wrapper-bg.jpg) repeat-x center -22em; text-align: left; margin: auto; min-height: 100%; }

.wrap { margin: auto; }
.template { width: 760px; }

#header { }
#header .wrap { height: 10em; }

#logo { top: 20px; left: 20px; z-index: 1; }
#logo img { background-image: none; width: 164px; height: 60px; }
#logo h1 { text-indent: -999em; }
#logo h1 em { display: none; }

.globalnav, .mainnav { z-index: 10; }
.globalnav h4, .mainnav h4 { display: none; }
.globalnav li, .mainnav li { display: inline; }
.globalnav a, .mainnav a, #logo a, #credits a { color: #cff; }
.mainnav a:hover, .mainnav .active a, #logo a:hover, #credits a:hover { color: #fff; }

.globalnav { top: 6em; right: 0; }
.globalnav, .globalnav a { color: #2165d8; }
.globalnav ul { font-size: 1.4em; text-align: right; }
.globalnav li { padding-left: .75em; border-left: .1em solid; margin-left: .75em; }
.globalnav li:first-child { border-left: 0 none !important; padding-left: 0 !important; margin-left: 0 !important; }
.globalnav a:hover { text-decoration: underline; }

.mainnav {
    width: 570px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#009a90+0,007e75+100 */
    background: #009a90; /* Old browsers */
    background: -moz-linear-gradient(top, #009a90 0%, #007e75 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #009a90 0%,#007e75 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #009a90 0%,#007e75 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#009a90', endColorstr='#007e75',GradientType=0 ); /* IE6-9 */
    top: 12em;
    left: 190px;
    border-radius: .4em;
    box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, .3), inset 0 -1px 0 0 rgba(0, 0, 0, .3), 0 0 10px 0 rgba(0, 0, 0, .3);
    overflow: hidden;
}
.mainnav ul { font-size: 1.6em; padding: 0 .325em; text-align: center }
.mainnav li { font-weight: bold; height: 2em; line-height: 2em; }
.mainnav a { padding: .325em; }
.mainnav a:hover { }

.hotline { color: #2165d8; background: url(../img/ico-phone2.png) no-repeat left center; top: 2em; right: 0; }
.hotline p { font-size: 3em !important; padding-left: .8em; }
.hotline span { display: none; }
.hotline a { color: #2165d8; }
.hotline a:hover { color: #2165d8; text-decoration: underline; }

#body { background: url(../img/boat.png) no-repeat center top; }

#footer {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#037895+0,035454+1,057879+100 */
    background: #037895; /* Old browsers */
    background: -moz-linear-gradient(top, #037895 0%, #035454 1%, #057879 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #037895 0%,#035454 1%,#057879 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #037895 0%,#035454 1%,#057879 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#037895', endColorstr='#057879',GradientType=0 ); /* IE6-9 */
    height: 22em;
    margin: -22em auto auto auto;
    overflow: hidden;
}
#footer, #footer .hotline, #footer a, #footer .globalnav { color: #cff; }
#footer a:hover { color: #fff; }
#footer .mainnav { /*background-color: #054a8c;*/ top: 9em; }
#footer .wrap { background: url(../img/zipper.png) no-repeat .5em top; height: 22em; }
#footer .hotline { background-image: url(../img/ico-phone.png); top: 3em; }
#footer .globalnav { top: 7em; }
#footer .mainnav { top: 12em; }

/* Made By */
#madeby { right: 0; bottom: 20px; }
#madeby a { background: url(../img/madeby.png) no-repeat center left; width: 21px; height: 45px; display: block; text-indent: -999em; cursor: pointer; overflow: hidden; }
#madeby a:hover { background-position: center right; }

#credits { font-size: 1.2em; right: 0; bottom: 1.5em; }
#credits a { padding-left: .75em; border-left: .1em solid #cff; margin-left: .75em; }
#credits a:hover { text-decoration: underline; }

/* LAYOUT-MODIFICATION
----------------------------------------------------------------------------------------------------  */
.mod { background-position: center -2em; }
.mod #wrapper { background-position: center -2em; }
.mod #header .wrap { height: 13em; }
.mod #logo img { width: 295px; height: 108px; }
.mod .globalnav, .mod .globalnav a, .mod .hotline { color: #cff; }
.mod .hotline a { color: #cff; }
.mod .hotline { background-image: url(../img/ico-phone.png); }
.mod .mainnav { top: 32.5em; }
.mod #body { background-position: center 18em; }
.mod #content { padding-top: 0; }
/*.mod #footer .mainnav { top: 9em; }*/
/*.mod #content { padding-top: 16em; }*/
.mod .intro { padding-top: 1em; margin-bottom: 28em; height: 16em; }
.mod .steuervorteil { top: 30em; }
.mod .sitzkissen { top: 26em; }

/* CONTENT
----------------------------------------------------------------------------------------------------  */
#content { padding: 26em 0 4em 0; margin: auto auto 22em auto; }
#content h3, #content h3 a { color: #3c9; }
#content h3 a:hover { text-decoration: underline; }
#content h1, #content h2, #content h3, #content h4, #content p, #content ul, #content ol { padding-left: 190px; }
#content form h1, #content form h2, #content form h3, #content form h4, #content form p, #content form ul, #content form ol { padding-left: 0; }
#content h2, #content h4 { color: #3c9; }
#content p, #content ul, #content ol, #content th, #content td { font-size: 1.6em; line-height: 1.5em; }
#content p strong, #content li strong, #content th strong, #content td strong { font-size: 1.05em; }
#content p, #content ul, #content ol, #content table { margin-bottom: 1.4em; }

#content hr { border: 0; border-top: .1em solid rgba(255,255,255,.2); margin: 3em 0 3em 190px; height: 0; clear: both; }

#content p a, #content ul a, #content td a, #content label a { color: #3cf; }
#content p a:hover, #content li a:hover, #content td a:hover, #content label a:hover { color: #6cf; text-decoration: underline; }
#content p a[target=_blank], #content li a[target=_blank], #content td a[target=_blank] { background: url(../img/ico-extern.gif) no-repeat right center; padding-right: .9em; }
#content p a[target=_blank]:hover, #content li a[target=_blank]:hover, #content td a[target=_blank]:hover { background-image: url(../img/ico-extern-o.gif); }
#content a img { color: #aaa; }
#content a.file, #content a[target=_blank].file { background: url(../img/ico-file.gif) no-repeat right  65%; padding-right: .9em; }
#content a.file:hover, #content a[target=_blank]:hover.file { background-image: url(../img/ico-file-o.gif); }

a.button {
  color: #fff;
  font-weight: bold;
  background-color: #999999;
  background-image: linear-gradient(top, #cccccc, #999999);
  border: 1px solid rgba(0,0,0,.1);
  border-bottom-color: rgba(0,0,0,.4);
  border-radius: 2px;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), 0 1px 2px rgba(0, 0, 0, 0.05);
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5);
  padding: 0 10px;
  margin: 0 5px 0 0;
  height: 30px;
  line-height: 30px;
  display: inline-block;
}
a.button:hover {
  background-color: #b9b9b9;
  background-image: linear-gradient(top, #a2a2a2, #7c7c7c);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), 0 0 5px rgba(0, 0, 0, 0.3);
  text-decoration: none !important;
}
a.button.cta {
    color: #fff !important;
    font-size: 16px;
    background: #009a90; /* Old browsers */
    background: -moz-linear-gradient(top, #009a90 0%, #007e75 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #009a90 0%, #007e75 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #009a90 0%, #007e75 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#009a90', endColorstr='#007e75', GradientType=0); /* IE6-9 */
    padding: 0 2em;
    height: 3em;
    line-height: 3em;
}
a.button.cta:hover {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#00a395+0,008779+100 */
    background: #00a395; /* Old browsers */
    background: -moz-linear-gradient(top, #00a395 0%, #008779 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #00a395 0%,#008779 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #00a395 0%,#008779 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a395', endColorstr='#008779',GradientType=0 ); /* IE6-9 */
    box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, .3), inset 0 -1px 0 0 rgba(0, 0, 0, .3), 0 5px 10px 0 rgba(0, 0, 0, .3);
}
p a span {
  display: inline-block;
  margin-top: -.2em;
  margin-right: 10px;
  width: 30px;
  height: 30px;
  vertical-align: middle;
}

#content li { padding-bottom: .5em; border-bottom: 1px solid rgba(255,255,255,.2); margin-bottom: .5em; }
#content li:last-child { padding-bottom: 0; border-bottom: 0 none; margin-bottom: 0; }
#content li.last { padding-bottom: 0; border-bottom: none; margin-bottom: 0; }
#content ul li { background: url(../img/ico-list.gif) no-repeat 0 0; padding-left: 1em; }
#content ol li { list-style: decimal outside; margin-left: 1em; }

/*.file a { background-image: url(../img/ico-file.gif) !important; background-repeat: no-repeat; background-position: right 65%; padding-right: .9em; }
.file a:hover { background-image: url(../img/ico-file-o.gif) !important; }*/

#content blockquote { color: #04c; }
#content blockquote p { font-size: 2.4em; line-height: 1.2em; letter-spacing: -.042em; }
#content blockquote cite { font-size: .6em; letter-spacing: -.025em; font-style: normal; }

#content table { width: 570px; float: right; border-collapse: separate; margin-bottom: 2em; }
#content thead th { font-weight: bold;}
#content th, #content td { background-color: #085494; padding: .375em .75em; border: 1px solid; border-color:#0a5c9a #0a5c9a #003b74 #003b74; }
#content td { }
#content td[colspan="2"], #content td[colspan="5"] { }
#content table ul { font-size: 1em; padding: 0; margin: 0; }
#content table li { padding-bottom: 0; border-bottom: 0 none; margin-bottom: 0; }

#content .rental td { width: 11.5%; text-align: center; }
#content .rental thead th { text-align: center; }
#content .rental td,
#content th.price, #content td.price { background-color: #136aa4; border-color: #4288b6 #4288b6 #0f5583 #0f5583; }
#content th.price, #content td.price { text-align: right; width: 22%; }
#content .offers th { font-weight: bold; }
#content .offers thead th:first-of-type, #content .offers tbody th:first-of-type { width: 15%; }

.colset { margin-left: 190px; }
.colset + .colset { margin-top: 3em; }
.col { width: 49%; float: left; }
.col + .col { padding-left: 2em; border-left: .1em solid rgba(255,255,255,.2); width: 47%; }
#content .col h1, #content .col h2, #content .col h3, #content .col h4, #content .col p, #content .col ul, #content .col ol { padding-left: 0; }
#content .col hr { margin-left: 0; }

.offers { padding-left: 190px; }
.offers .item { margin-bottom: 4em; }
.offers .sidebar { top: -4.5em; }
.offers .col { width: 48%; }
.offers .col +.col { padding: 0; border: 0 none; height: 15em; }
.offers .item .optional { opacity: .6; display: block }
.offers li:last-child { border-bottom: 0 none !important; padding-bottom: 0 !important; margin-bottom: 0 !important; }
table.offers { padding-left: 0; }
p.price, p.cta { text-align: right; padding: 0 !important; }
p.price { height: 44px; line-height: 44px !important; margin-right: .5em; }
p.price span { display: inline-block; vertical-align: text-top; }
.pre { font-size: .85em; margin-top: .85em; margin-right: .25em; }
.currency { font-size: 1.5em; margin-top: .375em; }
.base { font-size: 3em; }
.decimal { font-size: 1.5em; margin-top: -.35em; }
.shipping { font-size: .85em; margin-top: .85em; }

/* PROMO
----------------------------------------------------------------------------------------------------  */
.promo { }
.promo p { text-indent: -999em; }
.promo .mediaspace img { background: transparent none; border: 0; margin: 0; }
.promo .mediaspace a:hover img { box-shadow: none; }

.steuervorteil, .vermietung { width: 11em; top: 11.5em; }
.steuervorteil { right: 27em; }

.mod-NoPromo .steuervorteil, .mod-NoPromo .sitzkissen { display: none; }

#foolayer { position: absolute; }

.badge { }
.badge p { text-indent: -999em; }
.badge .mediaspace img { background: transparent none; border: 0; margin: 0; }
.badge .mediaspace a:hover img { box-shadow: none; }

.sitzkissen { width: 10em; top: 8em; right: 0; }

/* TEASER
----------------------------------------------------------------------------------------------------  */
.teaser { min-height: 18em; margin-bottom: 2em; }
.teaser img { width: 17em; height: 17em; margin-right: 2em; }

/* MEDIA
----------------------------------------------------------------------------------------------------  */
.mediaspace { float: left; position: relative; }
.mediaspace img { background: #fff url(../img/loading.gif) no-repeat center center; display: block; }
.mediaspace img, .mediaspace a img { border: .3em solid #39c; border-radius: .4em; }
.mediaspace a:hover img { border-color: #3c9; box-shadow: 0 0 20px 0 rgba(0,0,0,.3); }

.gallery { padding-left: 190px; margin-bottom: 1.4em; }
.gallery .mediaspace { margin-right: .9em; margin-bottom: .9em; }
.gallery .caption { color: #fff; font-size: 1.2em; background: #099; padding: .2em .5em; position: absolute; bottom: 1em; right: 1em; }

.full { padding: 0; }

.sidebar { padding: 0; width: 16em; position: relative; top: 0; left: 0; }
.sidebar .mediaspace { margin-right: 0; margin-bottom: 1em; }
.sidebar img { width: 16em; height: auto; }

.image { float: right; }
.image img { margin-left: 1em; margin-bottom: 1em; }
.col .image { float: none; }
.col .image img { margin-left: 0; }

/* FORM
----------------------------------------------------------------------------------------------------  */
form { margin-bottom: 2em; }

fieldset { border-radius: .4em; margin-bottom: 2em; }
fieldset > div + div { margin-top: .5em; }
legend { font-size: 1.2em; margin-bottom: 1em; display: none; }
legend, label, div.submit { }
label, .label { color: #cff; font-size: 1.4em; line-height: 1.4em; }
.label { padding-left: .25em; }
label { color: #cff; font-weight: bold; display: block; }
label em { font-style: normal; }

input, select, textarea { width: 21em; }
input, textarea { font-family: Arial, Helvetica, sans-serif; font-size: 1.4em; }
input[type=text], textarea { background-color: #eee; }
select { width: 23.5em; }
input[type=text], textarea, select { background-color: #eee; padding: .5em; border: .2em solid #39c; border-radius: .4em; margin-bottom: .5em; }
input[type=text]:focus, select:focus, textarea:focus { background-color: #fff; border-color: #3c9; }
textarea { overflow: auto; overflow-x: hidden; height: 8em; }
select option { }

input[type=radio], input[type=checkbox] { border: none; width: auto; height: auto; }
input[type=checkbox] { height: 1em; line-height: 1em; float: left; margin-right: .5em; }
input[type=hidden] { display: none; }

input[type=submit] {
    color: #fff;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#009a90+0,007e75+100 */
    background: #009a90; /* Old browsers */
    background: -moz-linear-gradient(top, #009a90 0%, #007e75 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #009a90 0%,#007e75 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #009a90 0%,#007e75 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#009a90', endColorstr='#007e75',GradientType=0 ); /* IE6-9 */
    border: none;
    border-radius: .2em;
    width: 10em;
    height: 2.4em;
    box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, .3), inset 0 -1px 0 0 rgba(0, 0, 0, .3), 0 0 0 0 rgba(0, 0, 0, .3);
    cursor: pointer;
}

input[type=submit]:hover {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#00a395+0,008779+100 */
    background: #00a395; /* Old browsers */
    background: -moz-linear-gradient(top, #00a395 0%, #008779 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #00a395 0%,#008779 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #00a395 0%,#008779 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a395', endColorstr='#008779',GradientType=0 ); /* IE6-9 */
    box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, .3), inset 0 -1px 0 0 rgba(0, 0, 0, .3), 0 5px 10px 0 rgba(0, 0, 0, .3);
}

.multifield div { width: 50%; float: left; }
.multifield input[type=text] { }
.multifield.error { }
.multifield.error div.error { background: none; }

.optionfield { margin-bottom: 1em; }
.optionfield label {}
.foo { padding-left: 14em; }
/*.multifield input[type=radio], .multifield input[type=checkbox] { float: left; }*/

.errormsg, .affirmmsg { background: rgba(255,255,255,.2); padding: 1.5em; border-radius: .4em; margin-bottom: 1.5em; margin-right: 2em; }
.errormsg { background-color: #ff8e80 !important; }
.errormsg h4 { color: #ffff !important; }
.errormsg h4, .affirmmsg h4, .errormsg p, .affirmmsg p, .errormsg p, .affirmmsg ul, .errormsg ul { padding-left: 0 !important; }
.errormsg p, .affirmmsg p, .errormsg ul, .affirmmsg ul { margin-bottom: 0 !important; }
.errormsg li { color: #fff; background-image: url(../img/ico-list-inverse.gif) !important; }
.errormsg li:last-child, .affirmmsg li:last-child { border-bottom: 0 none !important; padding-bottom: 0 !important; margin-bottom: 0 !important; }
/*.errormsg strong, .affirmrmsg strong { color: #fff; }*/

/*div.error { background: url(../img/wrapper-bg.png) repeat-y center; padding-top: .5em; margin-bottom: 1px; }*/
/*.error label { color: #cff; background: url(../img/ico-error.gif) no-repeat left top; padding-left: 1.25em; }*/
.error label, .error input[type=text], .error textarea { font-weight: bold; }
.error input[type=text], .error input[type=radio], .error textarea { color: #fff; background: rgba(255,255,255,.2) url(../img/ico-error.gif) no-repeat right top; border: .2em solid #ff8e80; }
/* html .error input, .error textarea { color: #fff; border: .2em solid #c00; } /* IE6 */
.error input[type=text] { background-position: 98% center; }
.error textarea { background-position: 98% 5%; }

/* MISC
----------------------------------------------------------------------------------------------------  */
.smallprint { font-size: 1.2em !important; }

.noborder { border: none !important; }
#content .imprint { background-color: #004f99; padding: 1em 0 1em 1.5em !important; margin: 1em 0 2em 190px; }

#whatsapp .hotline {
    color: #cff;
    position: inherit;
    background-image: url(../img/whatsapp.png);
}

#whatsapp .hotline p {
    padding-left: 1.2em;
    margin-bottom: .5em;
}

#whatsapp .cta {
    font-weight: normal;
    padding: 0 1em;
    height: 2.4em;
    line-height: 2.4em;
}

/* JS-FRAMEWORK
----------------------------------------------------------------------------------------------------  */


/* CUSTOM PAGES
----------------------------------------------------------------------------------------------------  */
.page-kontakt .col { width: 60%; }
.page-kontakt .col + .col { width: 35%; }
.page-kontakt .col .list-styled {
    width: 19em;
}

.page-whiskey-kissen .action { margin-top: 4em; }

.page-whiskey-kissen-bestellung fieldset.highlight { background: rgba(51,153,204,.5); padding: 1.5em; }
.page-whiskey-kissen-bestellung fieldset.highlight label { display: block; margin-right: 1em; }
.page-whiskey-kissen-bestellung fieldset.highlight input[type=text] { width: 16.5em; }
.page-whiskey-kissen-bestellung input[type=text] { width: 17.5em; }
.page-whiskey-kissen-bestellung form { margin-left: 190px }
.page-whiskey-kissen-bestellung select { width: 18.25em; }
.page-whiskey-kissen-bestellung .colset { margin-left: inherit; }
.page-whiskey-kissen-bestellung .buttonset { padding-top: 2em; border-top: .1em solid rgba(255,255,255,.2); margin: 2em 0; clear: both; text-align: right; }
.page-whiskey-kissen-bestellung .buttonset .smallprint { float: left; }