/* cmsms stylesheet: pure-min modified: Mittwoch, 14. Dezember 2016 11:06:37 */ /*! Pure v0.6.0 Copyright 2014 Yahoo! Inc. All rights reserved. Licensed under the BSD License. https://github.com/yahoo/pure/blob/master/LICENSE.md */ /*! normalize.css v^3.0 | MIT License | git.io/normalize Copyright (c) Nicolas Gallagher and Jonathan Neal */ /*! normalize.css v3.0.2 | MIT License | git.io/normalize */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}.hidden,[hidden]{display:none!important}.pure-img{max-width:100%;height:auto;display:block}.pure-g{letter-spacing:-.31em;*letter-spacing:normal;*word-spacing:-.43em;text-rendering:optimizespeed;font-family:FreeSans,Arimo,"Droid Sans",Helvetica,Arial,sans-serif;display:-webkit-flex;-webkit-flex-flow:row wrap;display:-ms-flexbox;-ms-flex-flow:row wrap;-ms-align-content:flex-start;-webkit-align-content:flex-start;align-content:flex-start}.opera-only :-o-prefocus,.pure-g{word-spacing:-.43em}.pure-u{display:inline-block;*display:inline;zoom:1;letter-spacing:normal;word-spacing:normal;vertical-align:top;text-rendering:auto}.pure-g [class *="pure-u"]{font-family:sans-serif}.pure-u-1,.pure-u-1-1,.pure-u-1-2,.pure-u-1-3,.pure-u-2-3,.pure-u-1-4,.pure-u-3-4,.pure-u-1-5,.pure-u-2-5,.pure-u-3-5,.pure-u-4-5,.pure-u-5-5,.pure-u-1-6,.pure-u-5-6,.pure-u-1-8,.pure-u-3-8,.pure-u-5-8,.pure-u-7-8,.pure-u-1-12,.pure-u-5-12,.pure-u-7-12,.pure-u-11-12,.pure-u-1-24,.pure-u-2-24,.pure-u-3-24,.pure-u-4-24,.pure-u-5-24,.pure-u-6-24,.pure-u-7-24,.pure-u-8-24,.pure-u-9-24,.pure-u-10-24,.pure-u-11-24,.pure-u-12-24,.pure-u-13-24,.pure-u-14-24,.pure-u-15-24,.pure-u-16-24,.pure-u-17-24,.pure-u-18-24,.pure-u-19-24,.pure-u-20-24,.pure-u-21-24,.pure-u-22-24,.pure-u-23-24,.pure-u-24-24{display:inline-block;*display:inline;zoom:1;letter-spacing:normal;word-spacing:normal;vertical-align:top;text-rendering:auto}.pure-u-1-24{width:4.1667%;*width:4.1357%}.pure-u-1-12,.pure-u-2-24{width:8.3333%;*width:8.3023%}.pure-u-1-8,.pure-u-3-24{width:12.5%;*width:12.469%}.pure-u-1-6,.pure-u-4-24{width:16.6667%;*width:16.6357%}.pure-u-1-5{width:20%;*width:19.969%}.pure-u-5-24{width:20.8333%;*width:20.8023%}.pure-u-1-4,.pure-u-6-24{width:25%;*width:24.969%}.pure-u-7-24{width:29.1667%;*width:29.1357%}.pure-u-1-3,.pure-u-8-24{width:33.3333%;*width:33.3023%}.pure-u-3-8,.pure-u-9-24{width:37.5%;*width:37.469%}.pure-u-2-5{width:40%;*width:39.969%}.pure-u-5-12,.pure-u-10-24{width:41.6667%;*width:41.6357%}.pure-u-11-24{width:45.8333%;*width:45.8023%}.pure-u-1-2,.pure-u-12-24{width:50%;*width:49.969%}.pure-u-13-24{width:54.1667%;*width:54.1357%}.pure-u-7-12,.pure-u-14-24{width:58.3333%;*width:58.3023%}.pure-u-3-5{width:60%;*width:59.969%}.pure-u-5-8,.pure-u-15-24{width:62.5%;*width:62.469%}.pure-u-2-3,.pure-u-16-24{width:66.6667%;*width:66.6357%}.pure-u-17-24{width:70.8333%;*width:70.8023%}.pure-u-3-4,.pure-u-18-24{width:75%;*width:74.969%}.pure-u-19-24{width:79.1667%;*width:79.1357%}.pure-u-4-5{width:80%;*width:79.969%}.pure-u-5-6,.pure-u-20-24{width:83.3333%;*width:83.3023%}.pure-u-7-8,.pure-u-21-24{width:87.5%;*width:87.469%}.pure-u-11-12,.pure-u-22-24{width:91.6667%;*width:91.6357%}.pure-u-23-24{width:95.8333%;*width:95.8023%}.pure-u-1,.pure-u-1-1,.pure-u-5-5,.pure-u-24-24{width:100%}.pure-button{display:inline-block;zoom:1;line-height:normal;white-space:nowrap;vertical-align:middle;text-align:center;cursor:pointer;-webkit-user-drag:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.pure-button::-moz-focus-inner{padding:0;border:0}.pure-button{font-family:inherit;font-size:100%;padding:.5em 1em;color:#444;color:rgba(0,0,0,.8);border:1px solid #999;border:0 rgba(0,0,0,0);background-color:#E6E6E6;text-decoration:none;border-radius:2px}.pure-button-hover,.pure-button:hover,.pure-button:focus{filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#1a000000', GradientType=0);background-image:-webkit-gradient(linear,0 0,0 100%,from(transparent),color-stop(40%,rgba(0,0,0,.05)),to(rgba(0,0,0,.1)));background-image:-webkit-linear-gradient(transparent,rgba(0,0,0,.05) 40%,rgba(0,0,0,.1));background-image:-moz-linear-gradient(top,rgba(0,0,0,.05) 0,rgba(0,0,0,.1));background-image:-o-linear-gradient(transparent,rgba(0,0,0,.05) 40%,rgba(0,0,0,.1));background-image:linear-gradient(transparent,rgba(0,0,0,.05) 40%,rgba(0,0,0,.1))}.pure-button:focus{outline:0}.pure-button-active,.pure-button:active{box-shadow:0 0 0 1px rgba(0,0,0,.15) inset,0 0 6px rgba(0,0,0,.2) inset;border-color:#000\9}.pure-button[disabled],.pure-button-disabled,.pure-button-disabled:hover,.pure-button-disabled:focus,.pure-button-disabled:active{border:0;background-image:none;filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);filter:alpha(opacity=40);-khtml-opacity:.4;-moz-opacity:.4;opacity:.4;cursor:not-allowed;box-shadow:none}.pure-button-hidden{display:none}.pure-button::-moz-focus-inner{padding:0;border:0}.pure-button-primary,.pure-button-selected,a.pure-button-primary,a.pure-button-selected{background-color:#0078e7;color:#fff}.pure-form input[type=text],.pure-form input[type=password],.pure-form input[type=email],.pure-form input[type=url],.pure-form input[type=date],.pure-form input[type=month],.pure-form input[type=time],.pure-form input[type=datetime],.pure-form input[type=datetime-local],.pure-form input[type=week],.pure-form input[type=number],.pure-form input[type=search],.pure-form input[type=tel],.pure-form input[type=color],.pure-form select,.pure-form textarea{padding:.5em .6em;display:inline-block;border:1px solid #ccc;box-shadow:inset 0 1px 3px #ddd;border-radius:4px;vertical-align:middle;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.pure-form input:not([type]){padding:.5em .6em;display:inline-block;border:1px solid #ccc;box-shadow:inset 0 1px 3px #ddd;border-radius:4px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.pure-form input[type=color]{padding:.2em .5em}.pure-form input[type=text]:focus,.pure-form input[type=password]:focus,.pure-form input[type=email]:focus,.pure-form input[type=url]:focus,.pure-form input[type=date]:focus,.pure-form input[type=month]:focus,.pure-form input[type=time]:focus,.pure-form input[type=datetime]:focus,.pure-form input[type=datetime-local]:focus,.pure-form input[type=week]:focus,.pure-form input[type=number]:focus,.pure-form input[type=search]:focus,.pure-form input[type=tel]:focus,.pure-form input[type=color]:focus,.pure-form select:focus,.pure-form textarea:focus{outline:0;border-color:#129FEA}.pure-form input:not([type]):focus{outline:0;border-color:#129FEA}.pure-form input[type=file]:focus,.pure-form input[type=radio]:focus,.pure-form input[type=checkbox]:focus{outline:thin solid #129FEA;outline:1px auto #129FEA}.pure-form .pure-checkbox,.pure-form .pure-radio{margin:.5em 0;display:block}.pure-form input[type=text][disabled],.pure-form input[type=password][disabled],.pure-form input[type=email][disabled],.pure-form input[type=url][disabled],.pure-form input[type=date][disabled],.pure-form input[type=month][disabled],.pure-form input[type=time][disabled],.pure-form input[type=datetime][disabled],.pure-form input[type=datetime-local][disabled],.pure-form input[type=week][disabled],.pure-form input[type=number][disabled],.pure-form input[type=search][disabled],.pure-form input[type=tel][disabled],.pure-form input[type=color][disabled],.pure-form select[disabled],.pure-form textarea[disabled]{cursor:not-allowed;background-color:#eaeded;color:#cad2d3}.pure-form input:not([type])[disabled]{cursor:not-allowed;background-color:#eaeded;color:#cad2d3}.pure-form input[readonly],.pure-form select[readonly],.pure-form textarea[readonly]{background-color:#eee;color:#777;border-color:#ccc}.pure-form input:focus:invalid,.pure-form textarea:focus:invalid,.pure-form select:focus:invalid{color:#b94a48;border-color:#e9322d}.pure-form input[type=file]:focus:invalid:focus,.pure-form input[type=radio]:focus:invalid:focus,.pure-form input[type=checkbox]:focus:invalid:focus{outline-color:#e9322d}.pure-form select{height:2.25em;border:1px solid #ccc;background-color:#fff}.pure-form select[multiple]{height:auto}.pure-form label{margin:.5em 0 .2em}.pure-form fieldset{margin:0;padding:.35em 0 .75em;border:0}.pure-form legend{display:block;width:100%;padding:.3em 0;margin-bottom:.3em;color:#333;border-bottom:1px solid #e5e5e5}.pure-form-stacked input[type=text],.pure-form-stacked input[type=password],.pure-form-stacked input[type=email],.pure-form-stacked input[type=url],.pure-form-stacked input[type=date],.pure-form-stacked input[type=month],.pure-form-stacked input[type=time],.pure-form-stacked input[type=datetime],.pure-form-stacked input[type=datetime-local],.pure-form-stacked input[type=week],.pure-form-stacked input[type=number],.pure-form-stacked input[type=search],.pure-form-stacked input[type=tel],.pure-form-stacked input[type=color],.pure-form-stacked input[type=file],.pure-form-stacked select,.pure-form-stacked label,.pure-form-stacked textarea{display:block;margin:.25em 0}.pure-form-stacked input:not([type]){display:block;margin:.25em 0}.pure-form-aligned input,.pure-form-aligned textarea,.pure-form-aligned select,.pure-form-aligned .pure-help-inline,.pure-form-message-inline{display:inline-block;*display:inline;*zoom:1;vertical-align:middle}.pure-form-aligned textarea{vertical-align:top}.pure-form-aligned .pure-control-group{margin-bottom:.5em}.pure-form-aligned .pure-control-group label{text-align:right;display:inline-block;vertical-align:middle;width:10em;margin:0 1em 0 0}.pure-form-aligned .pure-controls{margin:1.5em 0 0 11em}.pure-form input.pure-input-rounded,.pure-form .pure-input-rounded{border-radius:2em;padding:.5em 1em}.pure-form .pure-group fieldset{margin-bottom:10px}.pure-form .pure-group input,.pure-form .pure-group textarea{display:block;padding:10px;margin:0 0 -1px;border-radius:0;position:relative;top:-1px}.pure-form .pure-group input:focus,.pure-form .pure-group textarea:focus{z-index:3}.pure-form .pure-group input:first-child,.pure-form .pure-group textarea:first-child{top:1px;border-radius:4px 4px 0 0;margin:0}.pure-form .pure-group input:first-child:last-child,.pure-form .pure-group textarea:first-child:last-child{top:1px;border-radius:4px;margin:0}.pure-form .pure-group input:last-child,.pure-form .pure-group textarea:last-child{top:-2px;border-radius:0 0 4px 4px;margin:0}.pure-form .pure-group button{margin:.35em 0}.pure-form .pure-input-1{width:100%}.pure-form .pure-input-2-3{width:66%}.pure-form .pure-input-1-2{width:50%}.pure-form .pure-input-1-3{width:33%}.pure-form .pure-input-1-4{width:25%}.pure-form .pure-help-inline,.pure-form-message-inline{display:inline-block;padding-left:.3em;color:#666;vertical-align:middle;font-size:.875em}.pure-form-message{display:block;color:#666;font-size:.875em}@media only screen and (max-width :480px){.pure-form button[type=submit]{margin:.7em 0 0}.pure-form input:not([type]),.pure-form input[type=text],.pure-form input[type=password],.pure-form input[type=email],.pure-form input[type=url],.pure-form input[type=date],.pure-form input[type=month],.pure-form input[type=time],.pure-form input[type=datetime],.pure-form input[type=datetime-local],.pure-form input[type=week],.pure-form input[type=number],.pure-form input[type=search],.pure-form input[type=tel],.pure-form input[type=color],.pure-form label{margin-bottom:.3em;display:block}.pure-group input:not([type]),.pure-group input[type=text],.pure-group input[type=password],.pure-group input[type=email],.pure-group input[type=url],.pure-group input[type=date],.pure-group input[type=month],.pure-group input[type=time],.pure-group input[type=datetime],.pure-group input[type=datetime-local],.pure-group input[type=week],.pure-group input[type=number],.pure-group input[type=search],.pure-group input[type=tel],.pure-group input[type=color]{margin-bottom:0}.pure-form-aligned .pure-control-group label{margin-bottom:.3em;text-align:left;display:block;width:100%}.pure-form-aligned .pure-controls{margin:1.5em 0 0}.pure-form .pure-help-inline,.pure-form-message-inline,.pure-form-message{display:block;font-size:.75em;padding:.2em 0 .8em}}.pure-menu{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.pure-menu-fixed{position:fixed;left:0;top:0;z-index:3}.pure-menu-list,.pure-menu-item{position:relative}.pure-menu-list{list-style:none;margin:0;padding:0}.pure-menu-item{padding:0;margin:0;height:100%}.pure-menu-link,.pure-menu-heading{display:block;text-decoration:none;white-space:nowrap}.pure-menu-horizontal{width:100%;white-space:nowrap}.pure-menu-horizontal .pure-menu-list{display:inline-block}.pure-menu-horizontal .pure-menu-item,.pure-menu-horizontal .pure-menu-heading,.pure-menu-horizontal .pure-menu-separator{display:inline-block;*display:inline;zoom:1;vertical-align:middle}.pure-menu-item .pure-menu-item{display:block}.pure-menu-children{display:none;position:absolute;left:100%;top:0;margin:0;padding:0;z-index:3}.pure-menu-horizontal .pure-menu-children{left:0;top:auto;width:inherit}.pure-menu-allow-hover:hover>.pure-menu-children,.pure-menu-active>.pure-menu-children{display:block;position:absolute}.pure-menu-has-children>.pure-menu-link:after{padding-left:.5em;content:"\25B8";font-size:small}.pure-menu-horizontal .pure-menu-has-children>.pure-menu-link:after{content:"\25BE"}.pure-menu-scrollable{overflow-y:scroll;overflow-x:hidden}.pure-menu-scrollable .pure-menu-list{display:block}.pure-menu-horizontal.pure-menu-scrollable .pure-menu-list{display:inline-block}.pure-menu-horizontal.pure-menu-scrollable{white-space:nowrap;overflow-y:hidden;overflow-x:auto;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;padding:.5em 0}.pure-menu-horizontal.pure-menu-scrollable::-webkit-scrollbar{display:none}.pure-menu-separator{background-color:#ccc;height:1px;margin:.3em 0}.pure-menu-horizontal .pure-menu-separator{width:1px;height:1.3em;margin:0 .3em}.pure-menu-heading{text-transform:uppercase;color:#565d64}.pure-menu-link{color:#777}.pure-menu-children{background-color:#fff}.pure-menu-link,.pure-menu-disabled,.pure-menu-heading{padding:.5em 1em}.pure-menu-disabled{opacity:.5}.pure-menu-disabled .pure-menu-link:hover{background-color:transparent}.pure-menu-active>.pure-menu-link,.pure-menu-link:hover,.pure-menu-link:focus{background-color:#eee}.pure-menu-selected .pure-menu-link,.pure-menu-selected .pure-menu-link:visited{color:#000}.pure-table{border-collapse:collapse;border-spacing:0;empty-cells:show;border:1px solid #cbcbcb}.pure-table caption{color:#000;font:italic 85%/1 arial,sans-serif;padding:1em 0;text-align:center}.pure-table td,.pure-table th{border-left:1px solid #cbcbcb;border-width:0 0 0 1px;font-size:inherit;margin:0;overflow:visible;padding:.5em 1em}.pure-table td:first-child,.pure-table th:first-child{border-left-width:0}.pure-table thead{background-color:#e0e0e0;color:#000;text-align:left;vertical-align:bottom}.pure-table td{background-color:transparent}.pure-table-odd td{background-color:#f2f2f2}.pure-table-striped tr:nth-child(2n-1) td{background-color:#f2f2f2}.pure-table-bordered td{border-bottom:1px solid #cbcbcb}.pure-table-bordered tbody>tr:last-child>td{border-bottom-width:0}.pure-table-horizontal td,.pure-table-horizontal th{border-width:0 0 1px;border-bottom:1px solid #cbcbcb}.pure-table-horizontal tbody>tr:last-child>td{border-bottom-width:0} /* cmsms stylesheet: grids-responsive-min modified: Mittwoch, 14. Dezember 2016 11:06:37 */ /*! Pure v0.6.0 Copyright 2014 Yahoo! Inc. All rights reserved. Licensed under the BSD License. https://github.com/yahoo/pure/blob/master/LICENSE.md */ @media screen and (min-width:35.5em){.pure-u-sm-1,.pure-u-sm-1-1,.pure-u-sm-1-2,.pure-u-sm-1-3,.pure-u-sm-2-3,.pure-u-sm-1-4,.pure-u-sm-3-4,.pure-u-sm-1-5,.pure-u-sm-2-5,.pure-u-sm-3-5,.pure-u-sm-4-5,.pure-u-sm-5-5,.pure-u-sm-1-6,.pure-u-sm-5-6,.pure-u-sm-1-8,.pure-u-sm-3-8,.pure-u-sm-5-8,.pure-u-sm-7-8,.pure-u-sm-1-12,.pure-u-sm-5-12,.pure-u-sm-7-12,.pure-u-sm-11-12,.pure-u-sm-1-24,.pure-u-sm-2-24,.pure-u-sm-3-24,.pure-u-sm-4-24,.pure-u-sm-5-24,.pure-u-sm-6-24,.pure-u-sm-7-24,.pure-u-sm-8-24,.pure-u-sm-9-24,.pure-u-sm-10-24,.pure-u-sm-11-24,.pure-u-sm-12-24,.pure-u-sm-13-24,.pure-u-sm-14-24,.pure-u-sm-15-24,.pure-u-sm-16-24,.pure-u-sm-17-24,.pure-u-sm-18-24,.pure-u-sm-19-24,.pure-u-sm-20-24,.pure-u-sm-21-24,.pure-u-sm-22-24,.pure-u-sm-23-24,.pure-u-sm-24-24{display:inline-block;*display:inline;zoom:1;letter-spacing:normal;word-spacing:normal;vertical-align:top;text-rendering:auto}.pure-u-sm-1-24{width:4.1667%;*width:4.1357%}.pure-u-sm-1-12,.pure-u-sm-2-24{width:8.3333%;*width:8.3023%}.pure-u-sm-1-8,.pure-u-sm-3-24{width:12.5%;*width:12.469%}.pure-u-sm-1-6,.pure-u-sm-4-24{width:16.6667%;*width:16.6357%}.pure-u-sm-1-5{width:20%;*width:19.969%}.pure-u-sm-5-24{width:20.8333%;*width:20.8023%}.pure-u-sm-1-4,.pure-u-sm-6-24{width:25%;*width:24.969%}.pure-u-sm-7-24{width:29.1667%;*width:29.1357%}.pure-u-sm-1-3,.pure-u-sm-8-24{width:33.3333%;*width:33.3023%}.pure-u-sm-3-8,.pure-u-sm-9-24{width:37.5%;*width:37.469%}.pure-u-sm-2-5{width:40%;*width:39.969%}.pure-u-sm-5-12,.pure-u-sm-10-24{width:41.6667%;*width:41.6357%}.pure-u-sm-11-24{width:45.8333%;*width:45.8023%}.pure-u-sm-1-2,.pure-u-sm-12-24{width:50%;*width:49.969%}.pure-u-sm-13-24{width:54.1667%;*width:54.1357%}.pure-u-sm-7-12,.pure-u-sm-14-24{width:58.3333%;*width:58.3023%}.pure-u-sm-3-5{width:60%;*width:59.969%}.pure-u-sm-5-8,.pure-u-sm-15-24{width:62.5%;*width:62.469%}.pure-u-sm-2-3,.pure-u-sm-16-24{width:66.6667%;*width:66.6357%}.pure-u-sm-17-24{width:70.8333%;*width:70.8023%}.pure-u-sm-3-4,.pure-u-sm-18-24{width:75%;*width:74.969%}.pure-u-sm-19-24{width:79.1667%;*width:79.1357%}.pure-u-sm-4-5{width:80%;*width:79.969%}.pure-u-sm-5-6,.pure-u-sm-20-24{width:83.3333%;*width:83.3023%}.pure-u-sm-7-8,.pure-u-sm-21-24{width:87.5%;*width:87.469%}.pure-u-sm-11-12,.pure-u-sm-22-24{width:91.6667%;*width:91.6357%}.pure-u-sm-23-24{width:95.8333%;*width:95.8023%}.pure-u-sm-1,.pure-u-sm-1-1,.pure-u-sm-5-5,.pure-u-sm-24-24{width:100%}}@media screen and (min-width:48em){.pure-u-md-1,.pure-u-md-1-1,.pure-u-md-1-2,.pure-u-md-1-3,.pure-u-md-2-3,.pure-u-md-1-4,.pure-u-md-3-4,.pure-u-md-1-5,.pure-u-md-2-5,.pure-u-md-3-5,.pure-u-md-4-5,.pure-u-md-5-5,.pure-u-md-1-6,.pure-u-md-5-6,.pure-u-md-1-8,.pure-u-md-3-8,.pure-u-md-5-8,.pure-u-md-7-8,.pure-u-md-1-12,.pure-u-md-5-12,.pure-u-md-7-12,.pure-u-md-11-12,.pure-u-md-1-24,.pure-u-md-2-24,.pure-u-md-3-24,.pure-u-md-4-24,.pure-u-md-5-24,.pure-u-md-6-24,.pure-u-md-7-24,.pure-u-md-8-24,.pure-u-md-9-24,.pure-u-md-10-24,.pure-u-md-11-24,.pure-u-md-12-24,.pure-u-md-13-24,.pure-u-md-14-24,.pure-u-md-15-24,.pure-u-md-16-24,.pure-u-md-17-24,.pure-u-md-18-24,.pure-u-md-19-24,.pure-u-md-20-24,.pure-u-md-21-24,.pure-u-md-22-24,.pure-u-md-23-24,.pure-u-md-24-24{display:inline-block;*display:inline;zoom:1;letter-spacing:normal;word-spacing:normal;vertical-align:top;text-rendering:auto}.pure-u-md-1-24{width:4.1667%;*width:4.1357%}.pure-u-md-1-12,.pure-u-md-2-24{width:8.3333%;*width:8.3023%}.pure-u-md-1-8,.pure-u-md-3-24{width:12.5%;*width:12.469%}.pure-u-md-1-6,.pure-u-md-4-24{width:16.6667%;*width:16.6357%}.pure-u-md-1-5{width:20%;*width:19.969%}.pure-u-md-5-24{width:20.8333%;*width:20.8023%}.pure-u-md-1-4,.pure-u-md-6-24{width:25%;*width:24.969%}.pure-u-md-7-24{width:29.1667%;*width:29.1357%}.pure-u-md-1-3,.pure-u-md-8-24{width:33.3333%;*width:33.3023%}.pure-u-md-3-8,.pure-u-md-9-24{width:37.5%;*width:37.469%}.pure-u-md-2-5{width:40%;*width:39.969%}.pure-u-md-5-12,.pure-u-md-10-24{width:41.6667%;*width:41.6357%}.pure-u-md-11-24{width:45.8333%;*width:45.8023%}.pure-u-md-1-2,.pure-u-md-12-24{width:50%;*width:49.969%}.pure-u-md-13-24{width:54.1667%;*width:54.1357%}.pure-u-md-7-12,.pure-u-md-14-24{width:58.3333%;*width:58.3023%}.pure-u-md-3-5{width:60%;*width:59.969%}.pure-u-md-5-8,.pure-u-md-15-24{width:62.5%;*width:62.469%}.pure-u-md-2-3,.pure-u-md-16-24{width:66.6667%;*width:66.6357%}.pure-u-md-17-24{width:70.8333%;*width:70.8023%}.pure-u-md-3-4,.pure-u-md-18-24{width:75%;*width:74.969%}.pure-u-md-19-24{width:79.1667%;*width:79.1357%}.pure-u-md-4-5{width:80%;*width:79.969%}.pure-u-md-5-6,.pure-u-md-20-24{width:83.3333%;*width:83.3023%}.pure-u-md-7-8,.pure-u-md-21-24{width:87.5%;*width:87.469%}.pure-u-md-11-12,.pure-u-md-22-24{width:91.6667%;*width:91.6357%}.pure-u-md-23-24{width:95.8333%;*width:95.8023%}.pure-u-md-1,.pure-u-md-1-1,.pure-u-md-5-5,.pure-u-md-24-24{width:100%}}@media screen and (min-width:64em){.pure-u-lg-1,.pure-u-lg-1-1,.pure-u-lg-1-2,.pure-u-lg-1-3,.pure-u-lg-2-3,.pure-u-lg-1-4,.pure-u-lg-3-4,.pure-u-lg-1-5,.pure-u-lg-2-5,.pure-u-lg-3-5,.pure-u-lg-4-5,.pure-u-lg-5-5,.pure-u-lg-1-6,.pure-u-lg-5-6,.pure-u-lg-1-8,.pure-u-lg-3-8,.pure-u-lg-5-8,.pure-u-lg-7-8,.pure-u-lg-1-12,.pure-u-lg-5-12,.pure-u-lg-7-12,.pure-u-lg-11-12,.pure-u-lg-1-24,.pure-u-lg-2-24,.pure-u-lg-3-24,.pure-u-lg-4-24,.pure-u-lg-5-24,.pure-u-lg-6-24,.pure-u-lg-7-24,.pure-u-lg-8-24,.pure-u-lg-9-24,.pure-u-lg-10-24,.pure-u-lg-11-24,.pure-u-lg-12-24,.pure-u-lg-13-24,.pure-u-lg-14-24,.pure-u-lg-15-24,.pure-u-lg-16-24,.pure-u-lg-17-24,.pure-u-lg-18-24,.pure-u-lg-19-24,.pure-u-lg-20-24,.pure-u-lg-21-24,.pure-u-lg-22-24,.pure-u-lg-23-24,.pure-u-lg-24-24{display:inline-block;*display:inline;zoom:1;letter-spacing:normal;word-spacing:normal;vertical-align:top;text-rendering:auto}.pure-u-lg-1-24{width:4.1667%;*width:4.1357%}.pure-u-lg-1-12,.pure-u-lg-2-24{width:8.3333%;*width:8.3023%}.pure-u-lg-1-8,.pure-u-lg-3-24{width:12.5%;*width:12.469%}.pure-u-lg-1-6,.pure-u-lg-4-24{width:16.6667%;*width:16.6357%}.pure-u-lg-1-5{width:20%;*width:19.969%}.pure-u-lg-5-24{width:20.8333%;*width:20.8023%}.pure-u-lg-1-4,.pure-u-lg-6-24{width:25%;*width:24.969%}.pure-u-lg-7-24{width:29.1667%;*width:29.1357%}.pure-u-lg-1-3,.pure-u-lg-8-24{width:33.3333%;*width:33.3023%}.pure-u-lg-3-8,.pure-u-lg-9-24{width:37.5%;*width:37.469%}.pure-u-lg-2-5{width:40%;*width:39.969%}.pure-u-lg-5-12,.pure-u-lg-10-24{width:41.6667%;*width:41.6357%}.pure-u-lg-11-24{width:45.8333%;*width:45.8023%}.pure-u-lg-1-2,.pure-u-lg-12-24{width:50%;*width:49.969%}.pure-u-lg-13-24{width:54.1667%;*width:54.1357%}.pure-u-lg-7-12,.pure-u-lg-14-24{width:58.3333%;*width:58.3023%}.pure-u-lg-3-5{width:60%;*width:59.969%}.pure-u-lg-5-8,.pure-u-lg-15-24{width:62.5%;*width:62.469%}.pure-u-lg-2-3,.pure-u-lg-16-24{width:66.6667%;*width:66.6357%}.pure-u-lg-17-24{width:70.8333%;*width:70.8023%}.pure-u-lg-3-4,.pure-u-lg-18-24{width:75%;*width:74.969%}.pure-u-lg-19-24{width:79.1667%;*width:79.1357%}.pure-u-lg-4-5{width:80%;*width:79.969%}.pure-u-lg-5-6,.pure-u-lg-20-24{width:83.3333%;*width:83.3023%}.pure-u-lg-7-8,.pure-u-lg-21-24{width:87.5%;*width:87.469%}.pure-u-lg-11-12,.pure-u-lg-22-24{width:91.6667%;*width:91.6357%}.pure-u-lg-23-24{width:95.8333%;*width:95.8023%}.pure-u-lg-1,.pure-u-lg-1-1,.pure-u-lg-5-5,.pure-u-lg-24-24{width:100%}}@media screen and (min-width:80em){.pure-u-xl-1,.pure-u-xl-1-1,.pure-u-xl-1-2,.pure-u-xl-1-3,.pure-u-xl-2-3,.pure-u-xl-1-4,.pure-u-xl-3-4,.pure-u-xl-1-5,.pure-u-xl-2-5,.pure-u-xl-3-5,.pure-u-xl-4-5,.pure-u-xl-5-5,.pure-u-xl-1-6,.pure-u-xl-5-6,.pure-u-xl-1-8,.pure-u-xl-3-8,.pure-u-xl-5-8,.pure-u-xl-7-8,.pure-u-xl-1-12,.pure-u-xl-5-12,.pure-u-xl-7-12,.pure-u-xl-11-12,.pure-u-xl-1-24,.pure-u-xl-2-24,.pure-u-xl-3-24,.pure-u-xl-4-24,.pure-u-xl-5-24,.pure-u-xl-6-24,.pure-u-xl-7-24,.pure-u-xl-8-24,.pure-u-xl-9-24,.pure-u-xl-10-24,.pure-u-xl-11-24,.pure-u-xl-12-24,.pure-u-xl-13-24,.pure-u-xl-14-24,.pure-u-xl-15-24,.pure-u-xl-16-24,.pure-u-xl-17-24,.pure-u-xl-18-24,.pure-u-xl-19-24,.pure-u-xl-20-24,.pure-u-xl-21-24,.pure-u-xl-22-24,.pure-u-xl-23-24,.pure-u-xl-24-24{display:inline-block;*display:inline;zoom:1;letter-spacing:normal;word-spacing:normal;vertical-align:top;text-rendering:auto}.pure-u-xl-1-24{width:4.1667%;*width:4.1357%}.pure-u-xl-1-12,.pure-u-xl-2-24{width:8.3333%;*width:8.3023%}.pure-u-xl-1-8,.pure-u-xl-3-24{width:12.5%;*width:12.469%}.pure-u-xl-1-6,.pure-u-xl-4-24{width:16.6667%;*width:16.6357%}.pure-u-xl-1-5{width:20%;*width:19.969%}.pure-u-xl-5-24{width:20.8333%;*width:20.8023%}.pure-u-xl-1-4,.pure-u-xl-6-24{width:25%;*width:24.969%}.pure-u-xl-7-24{width:29.1667%;*width:29.1357%}.pure-u-xl-1-3,.pure-u-xl-8-24{width:33.3333%;*width:33.3023%}.pure-u-xl-3-8,.pure-u-xl-9-24{width:37.5%;*width:37.469%}.pure-u-xl-2-5{width:40%;*width:39.969%}.pure-u-xl-5-12,.pure-u-xl-10-24{width:41.6667%;*width:41.6357%}.pure-u-xl-11-24{width:45.8333%;*width:45.8023%}.pure-u-xl-1-2,.pure-u-xl-12-24{width:50%;*width:49.969%}.pure-u-xl-13-24{width:54.1667%;*width:54.1357%}.pure-u-xl-7-12,.pure-u-xl-14-24{width:58.3333%;*width:58.3023%}.pure-u-xl-3-5{width:60%;*width:59.969%}.pure-u-xl-5-8,.pure-u-xl-15-24{width:62.5%;*width:62.469%}.pure-u-xl-2-3,.pure-u-xl-16-24{width:66.6667%;*width:66.6357%}.pure-u-xl-17-24{width:70.8333%;*width:70.8023%}.pure-u-xl-3-4,.pure-u-xl-18-24{width:75%;*width:74.969%}.pure-u-xl-19-24{width:79.1667%;*width:79.1357%}.pure-u-xl-4-5{width:80%;*width:79.969%}.pure-u-xl-5-6,.pure-u-xl-20-24{width:83.3333%;*width:83.3023%}.pure-u-xl-7-8,.pure-u-xl-21-24{width:87.5%;*width:87.469%}.pure-u-xl-11-12,.pure-u-xl-22-24{width:91.6667%;*width:91.6357%}.pure-u-xl-23-24{width:95.8333%;*width:95.8023%}.pure-u-xl-1,.pure-u-xl-1-1,.pure-u-xl-5-5,.pure-u-xl-24-24{width:100%}} /* cmsms stylesheet: jquery-ui-16 modified: Donnerstag, 16. März 2023 11:51:38 */ /*! jQuery UI - v1.12.1 - 2016-10-16 * http://jqueryui.com * Includes: core.css, datepicker.css, theme.css * To view and modify this theme, visit http://jqueryui.com/themeroller/?scope=&folderName=ui-lightness&cornerRadiusShadow=5px&offsetLeftShadow=-5px&offsetTopShadow=-5px&thicknessShadow=5px&opacityShadow=20&bgImgOpacityShadow=10&bgTextureShadow=flat&bgColorShadow=000000&opacityOverlay=50&bgImgOpacityOverlay=20&bgTextureOverlay=diagonals_thick&bgColorOverlay=666666&iconColorError=ffd27a&fcError=ffffff&borderColorError=cd0a0a&bgImgOpacityError=18&bgTextureError=diagonals_thick&bgColorError=b81900&iconColorHighlight=228ef1&fcHighlight=363636&borderColorHighlight=fed22f&bgImgOpacityHighlight=75&bgTextureHighlight=highlight_soft&bgColorHighlight=ffe45c&iconColorActive=ef8c08&fcActive=eb8f00&borderColorActive=fbd850&bgImgOpacityActive=65&bgTextureActive=glass&bgColorActive=ffffff&iconColorHover=ef8c08&fcHover=c77405&borderColorHover=fbcb09&bgImgOpacityHover=100&bgTextureHover=glass&bgColorHover=fdf5ce&iconColorDefault=ef8c08&fcDefault=1c94c4&borderColorDefault=cccccc&bgImgOpacityDefault=100&bgTextureDefault=glass&bgColorDefault=f6f6f6&iconColorContent=222222&fcContent=333333&borderColorContent=dddddd&bgImgOpacityContent=100&bgTextureContent=highlight_soft&bgColorContent=eeeeee&iconColorHeader=ffffff&fcHeader=ffffff&borderColorHeader=e78f08&bgImgOpacityHeader=35&bgTextureHeader=gloss_wave&bgColorHeader=f6a828&cornerRadius=4px&fsDefault=1.1em&fwDefault=bold&ffDefault=Trebuchet%20MS%2CTahoma%2CVerdana%2CArial%2Csans-serif * Copyright jQuery Foundation and other contributors; Licensed MIT */ /* Layout helpers ----------------------------------*/ .ui-helper-hidden { display: none; } .ui-helper-hidden-accessible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; } .ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; border-collapse: collapse; } .ui-helper-clearfix:after { clear: both; } .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); /* support: IE8 */ } .ui-front { z-index: 100; } /* Interaction Cues ----------------------------------*/ .ui-state-disabled { cursor: default !important; pointer-events: none; } /* Icons ----------------------------------*/ .ui-icon { display: inline-block; vertical-align: middle; margin-top: -.25em; position: relative; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; } .ui-widget-icon-block { left: 50%; margin-left: -8px; display: block; } /* Misc visuals ----------------------------------*/ /* Overlays */ .ui-widget-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; } .ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; } .ui-datepicker .ui-datepicker-header { position: relative; padding: .2em 0; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position: absolute; top: 2px; width: 1.8em; height: 1.8em; } .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; } .ui-datepicker .ui-datepicker-prev { left: 2px; } .ui-datepicker .ui-datepicker-next { right: 2px; } .ui-datepicker .ui-datepicker-prev-hover { left: 1px; } .ui-datepicker .ui-datepicker-next-hover { right: 1px; } .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; } .ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; } .ui-datepicker .ui-datepicker-title select { font-size: 1em; margin: 1px 0; } .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 45%; } .ui-datepicker table { width: 100%; font-size: .9em; border-collapse: collapse; margin: 0 0 .4em; } .ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0; } .ui-datepicker td { border: 0; padding: 1px; } .ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; } .ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding: 0 .2em; border-left: 0; border-right: 0; border-bottom: 0; } .ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width: auto; overflow: visible; } .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float: left; } /* with multiple calendars */ .ui-datepicker.ui-datepicker-multi { width: auto; } .ui-datepicker-multi .ui-datepicker-group { float: left; } .ui-datepicker-multi .ui-datepicker-group table { width: 95%; margin: 0 auto .4em; } .ui-datepicker-multi-2 .ui-datepicker-group { width: 50%; } .ui-datepicker-multi-3 .ui-datepicker-group { width: 33.3%; } .ui-datepicker-multi-4 .ui-datepicker-group { width: 25%; } .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width: 0; } .ui-datepicker-multi .ui-datepicker-buttonpane { clear: left; } .ui-datepicker-row-break { clear: both; width: 100%; font-size: 0; } /* RTL support */ .ui-datepicker-rtl { direction: rtl; } .ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; } .ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; } .ui-datepicker-rtl .ui-datepicker-buttonpane { clear: right; } .ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; } .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-rtl .ui-datepicker-group { float: right; } .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width: 0; border-left-width: 1px; } /* Icons */ .ui-datepicker .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; left: .5em; top: .3em; } /* Component containers ----------------------------------*/ .ui-widget { font-family: Trebuchet MS,Tahoma,Verdana,Arial,sans-serif; font-size: 1.1em; } .ui-widget .ui-widget { font-size: 1em; } .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Trebuchet MS,Tahoma,Verdana,Arial,sans-serif; font-size: 1em; } .ui-widget.ui-widget-content { border: 1px solid #cccccc; } .ui-widget-content { border: 1px solid #dddddd; background: #eeeeee url("https://www.rovell-hotels.de/assets/images/jquery.ui/ui-bg_highlight-soft_100_eeeeee_1x100.png") 50% top repeat-x; color: #333333; } .ui-widget-content a { color: #333333; } .ui-widget-header { border: 1px solid #e78f08; background: #f6a828 url("https://www.rovell-hotels.de/assets/images/jquery.ui/ui-bg_gloss-wave_35_f6a828_500x100.png") 50% 50% repeat-x; color: #ffffff; font-weight: bold; } .ui-widget-header a { color: #ffffff; } /* Interaction states ----------------------------------*/ .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, /* We use html here because we need a greater specificity to make sure disabled works properly when clicked or hovered */ html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active { border: 1px solid #cccccc; background: #f6f6f6 url("https://www.rovell-hotels.de/assets/images/jquery.ui/ui-bg_glass_100_f6f6f6_1x400.png") 50% 50% repeat-x; font-weight: bold; color: #1c94c4; } .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited, a.ui-button, a:link.ui-button, a:visited.ui-button, .ui-button { color: #1c94c4; text-decoration: none; } .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus, .ui-button:hover, .ui-button:focus { border: 1px solid #fbcb09; background: #fdf5ce url("https://www.rovell-hotels.de/assets/images/jquery.ui/ui-bg_glass_100_fdf5ce_1x400.png") 50% 50% repeat-x; font-weight: bold; color: #c77405; } .ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited, .ui-state-focus a, .ui-state-focus a:hover, .ui-state-focus a:link, .ui-state-focus a:visited, a.ui-button:hover, a.ui-button:focus { color: #c77405; text-decoration: none; } .ui-visual-focus { box-shadow: 0 0 3px 1px rgb(94, 158, 214); } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover { border: 1px solid #fbd850; background: #ffffff url("https://www.rovell-hotels.de/assets/images/jquery.ui/ui-bg_glass_65_ffffff_1x400.png") 50% 50% repeat-x; font-weight: bold; color: #eb8f00; } .ui-icon-background, .ui-state-active .ui-icon-background { border: #fbd850; background-color: #eb8f00; } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #eb8f00; text-decoration: none; } /* Interaction Cues ----------------------------------*/ .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { border: 1px solid #fed22f; background: #ffe45c url("https://www.rovell-hotels.de/assets/images/jquery.ui/ui-bg_highlight-soft_75_ffe45c_1x100.png") 50% top repeat-x; color: #363636; } .ui-state-checked { border: 1px solid #fed22f; background: #ffe45c; } .ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a { color: #363636; } .ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error { border: 1px solid #cd0a0a; background: #b81900 url("https://www.rovell-hotels.de/assets/images/jquery.ui/ui-bg_diagonals-thick_18_b81900_40x40.png") 50% 50% repeat; color: #ffffff; } .ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #ffffff; } .ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #ffffff; } .ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; } .ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); /* support: IE8 */ font-weight: normal; } .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); /* support: IE8 */ background-image: none; } .ui-state-disabled .ui-icon { filter:Alpha(Opacity=35); /* support: IE8 - See #6059 */ } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { width: 16px; height: 16px; } .ui-icon, .ui-widget-content .ui-icon { background-image: url("https://www.rovell-hotels.de/assets/images/jquery.ui/ui-icons_222222_256x240.png"); } .ui-widget-header .ui-icon { background-image: url("https://www.rovell-hotels.de/assets/images/jquery.ui/ui-icons_ffffff_256x240.png"); } .ui-state-hover .ui-icon, .ui-state-focus .ui-icon, .ui-button:hover .ui-icon, .ui-button:focus .ui-icon { background-image: url("https://www.rovell-hotels.de/assets/images/jquery.ui/ui-icons_ef8c08_256x240.png"); } .ui-state-active .ui-icon, .ui-button:active .ui-icon { background-image: url("https://www.rovell-hotels.de/assets/images/jquery.ui/ui-icons_ef8c08_256x240.png"); } .ui-state-highlight .ui-icon, .ui-button .ui-state-highlight.ui-icon { background-image: url("https://www.rovell-hotels.de/assets/images/jquery.ui/ui-icons_228ef1_256x240.png"); } .ui-state-error .ui-icon, .ui-state-error-text .ui-icon { background-image: url("https://www.rovell-hotels.de/assets/images/jquery.ui/ui-icons_ffd27a_256x240.png"); } .ui-button .ui-icon { background-image: url("https://www.rovell-hotels.de/assets/images/jquery.ui/ui-icons_ef8c08_256x240.png"); } /* positioning */ .ui-icon-blank { background-position: 16px 16px; } .ui-icon-caret-1-n { background-position: 0 0; } .ui-icon-caret-1-ne { background-position: -16px 0; } .ui-icon-caret-1-e { background-position: -32px 0; } .ui-icon-caret-1-se { background-position: -48px 0; } .ui-icon-caret-1-s { background-position: -65px 0; } .ui-icon-caret-1-sw { background-position: -80px 0; } .ui-icon-caret-1-w { background-position: -96px 0; } .ui-icon-caret-1-nw { background-position: -112px 0; } .ui-icon-caret-2-n-s { background-position: -128px 0; } .ui-icon-caret-2-e-w { background-position: -144px 0; } .ui-icon-triangle-1-n { background-position: 0 -16px; } .ui-icon-triangle-1-ne { background-position: -16px -16px; } .ui-icon-triangle-1-e { background-position: -32px -16px; } .ui-icon-triangle-1-se { background-position: -48px -16px; } .ui-icon-triangle-1-s { background-position: -65px -16px; } .ui-icon-triangle-1-sw { background-position: -80px -16px; } .ui-icon-triangle-1-w { background-position: -96px -16px; } .ui-icon-triangle-1-nw { background-position: -112px -16px; } .ui-icon-triangle-2-n-s { background-position: -128px -16px; } .ui-icon-triangle-2-e-w { background-position: -144px -16px; } .ui-icon-arrow-1-n { background-position: 0 -32px; } .ui-icon-arrow-1-ne { background-position: -16px -32px; } .ui-icon-arrow-1-e { background-position: -32px -32px; } .ui-icon-arrow-1-se { background-position: -48px -32px; } .ui-icon-arrow-1-s { background-position: -65px -32px; } .ui-icon-arrow-1-sw { background-position: -80px -32px; } .ui-icon-arrow-1-w { background-position: -96px -32px; } .ui-icon-arrow-1-nw { background-position: -112px -32px; } .ui-icon-arrow-2-n-s { background-position: -128px -32px; } .ui-icon-arrow-2-ne-sw { background-position: -144px -32px; } .ui-icon-arrow-2-e-w { background-position: -160px -32px; } .ui-icon-arrow-2-se-nw { background-position: -176px -32px; } .ui-icon-arrowstop-1-n { background-position: -192px -32px; } .ui-icon-arrowstop-1-e { background-position: -208px -32px; } .ui-icon-arrowstop-1-s { background-position: -224px -32px; } .ui-icon-arrowstop-1-w { background-position: -240px -32px; } .ui-icon-arrowthick-1-n { background-position: 1px -48px; } .ui-icon-arrowthick-1-ne { background-position: -16px -48px; } .ui-icon-arrowthick-1-e { background-position: -32px -48px; } .ui-icon-arrowthick-1-se { background-position: -48px -48px; } .ui-icon-arrowthick-1-s { background-position: -64px -48px; } .ui-icon-arrowthick-1-sw { background-position: -80px -48px; } .ui-icon-arrowthick-1-w { background-position: -96px -48px; } .ui-icon-arrowthick-1-nw { background-position: -112px -48px; } .ui-icon-arrowthick-2-n-s { background-position: -128px -48px; } .ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; } .ui-icon-arrowthick-2-e-w { background-position: -160px -48px; } .ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; } .ui-icon-arrowthickstop-1-n { background-position: -192px -48px; } .ui-icon-arrowthickstop-1-e { background-position: -208px -48px; } .ui-icon-arrowthickstop-1-s { background-position: -224px -48px; } .ui-icon-arrowthickstop-1-w { background-position: -240px -48px; } .ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; } .ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; } .ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; } .ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; } .ui-icon-arrowreturn-1-w { background-position: -64px -64px; } .ui-icon-arrowreturn-1-n { background-position: -80px -64px; } .ui-icon-arrowreturn-1-e { background-position: -96px -64px; } .ui-icon-arrowreturn-1-s { background-position: -112px -64px; } .ui-icon-arrowrefresh-1-w { background-position: -128px -64px; } .ui-icon-arrowrefresh-1-n { background-position: -144px -64px; } .ui-icon-arrowrefresh-1-e { background-position: -160px -64px; } .ui-icon-arrowrefresh-1-s { background-position: -176px -64px; } .ui-icon-arrow-4 { background-position: 0 -80px; } .ui-icon-arrow-4-diag { background-position: -16px -80px; } .ui-icon-extlink { background-position: -32px -80px; } .ui-icon-newwin { background-position: -48px -80px; } .ui-icon-refresh { background-position: -64px -80px; } .ui-icon-shuffle { background-position: -80px -80px; } .ui-icon-transfer-e-w { background-position: -96px -80px; } .ui-icon-transferthick-e-w { background-position: -112px -80px; } .ui-icon-folder-collapsed { background-position: 0 -96px; } .ui-icon-folder-open { background-position: -16px -96px; } .ui-icon-document { background-position: -32px -96px; } .ui-icon-document-b { background-position: -48px -96px; } .ui-icon-note { background-position: -64px -96px; } .ui-icon-mail-closed { background-position: -80px -96px; } .ui-icon-mail-open { background-position: -96px -96px; } .ui-icon-suitcase { background-position: -112px -96px; } .ui-icon-comment { background-position: -128px -96px; } .ui-icon-person { background-position: -144px -96px; } .ui-icon-print { background-position: -160px -96px; } .ui-icon-trash { background-position: -176px -96px; } .ui-icon-locked { background-position: -192px -96px; } .ui-icon-unlocked { background-position: -208px -96px; } .ui-icon-bookmark { background-position: -224px -96px; } .ui-icon-tag { background-position: -240px -96px; } .ui-icon-home { background-position: 0 -112px; } .ui-icon-flag { background-position: -16px -112px; } .ui-icon-calendar { background-position: -32px -112px; } .ui-icon-cart { background-position: -48px -112px; } .ui-icon-pencil { background-position: -64px -112px; } .ui-icon-clock { background-position: -80px -112px; } .ui-icon-disk { background-position: -96px -112px; } .ui-icon-calculator { background-position: -112px -112px; } .ui-icon-zoomin { background-position: -128px -112px; } .ui-icon-zoomout { background-position: -144px -112px; } .ui-icon-search { background-position: -160px -112px; } .ui-icon-wrench { background-position: -176px -112px; } .ui-icon-gear { background-position: -192px -112px; } .ui-icon-heart { background-position: -208px -112px; } .ui-icon-star { background-position: -224px -112px; } .ui-icon-link { background-position: -240px -112px; } .ui-icon-cancel { background-position: 0 -128px; } .ui-icon-plus { background-position: -16px -128px; } .ui-icon-plusthick { background-position: -32px -128px; } .ui-icon-minus { background-position: -48px -128px; } .ui-icon-minusthick { background-position: -64px -128px; } .ui-icon-close { background-position: -80px -128px; } .ui-icon-closethick { background-position: -96px -128px; } .ui-icon-key { background-position: -112px -128px; } .ui-icon-lightbulb { background-position: -128px -128px; } .ui-icon-scissors { background-position: -144px -128px; } .ui-icon-clipboard { background-position: -160px -128px; } .ui-icon-copy { background-position: -176px -128px; } .ui-icon-contact { background-position: -192px -128px; } .ui-icon-image { background-position: -208px -128px; } .ui-icon-video { background-position: -224px -128px; } .ui-icon-script { background-position: -240px -128px; } .ui-icon-alert { background-position: 0 -144px; } .ui-icon-info { background-position: -16px -144px; } .ui-icon-notice { background-position: -32px -144px; } .ui-icon-help { background-position: -48px -144px; } .ui-icon-check { background-position: -64px -144px; } .ui-icon-bullet { background-position: -80px -144px; } .ui-icon-radio-on { background-position: -96px -144px; } .ui-icon-radio-off { background-position: -112px -144px; } .ui-icon-pin-w { background-position: -128px -144px; } .ui-icon-pin-s { background-position: -144px -144px; } .ui-icon-play { background-position: 0 -160px; } .ui-icon-pause { background-position: -16px -160px; } .ui-icon-seek-next { background-position: -32px -160px; } .ui-icon-seek-prev { background-position: -48px -160px; } .ui-icon-seek-end { background-position: -64px -160px; } .ui-icon-seek-start { background-position: -80px -160px; } /* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */ .ui-icon-seek-first { background-position: -80px -160px; } .ui-icon-stop { background-position: -96px -160px; } .ui-icon-eject { background-position: -112px -160px; } .ui-icon-volume-off { background-position: -128px -160px; } .ui-icon-volume-on { background-position: -144px -160px; } .ui-icon-power { background-position: 0 -176px; } .ui-icon-signal-diag { background-position: -16px -176px; } .ui-icon-signal { background-position: -32px -176px; } .ui-icon-battery-0 { background-position: -48px -176px; } .ui-icon-battery-1 { background-position: -64px -176px; } .ui-icon-battery-2 { background-position: -80px -176px; } .ui-icon-battery-3 { background-position: -96px -176px; } .ui-icon-circle-plus { background-position: 0 -192px; } .ui-icon-circle-minus { background-position: -16px -192px; } .ui-icon-circle-close { background-position: -32px -192px; } .ui-icon-circle-triangle-e { background-position: -48px -192px; } .ui-icon-circle-triangle-s { background-position: -64px -192px; } .ui-icon-circle-triangle-w { background-position: -80px -192px; } .ui-icon-circle-triangle-n { background-position: -96px -192px; } .ui-icon-circle-arrow-e { background-position: -112px -192px; } .ui-icon-circle-arrow-s { background-position: -128px -192px; } .ui-icon-circle-arrow-w { background-position: -144px -192px; } .ui-icon-circle-arrow-n { background-position: -160px -192px; } .ui-icon-circle-zoomin { background-position: -176px -192px; } .ui-icon-circle-zoomout { background-position: -192px -192px; } .ui-icon-circle-check { background-position: -208px -192px; } .ui-icon-circlesmall-plus { background-position: 0 -208px; } .ui-icon-circlesmall-minus { background-position: -16px -208px; } .ui-icon-circlesmall-close { background-position: -32px -208px; } .ui-icon-squaresmall-plus { background-position: -48px -208px; } .ui-icon-squaresmall-minus { background-position: -64px -208px; } .ui-icon-squaresmall-close { background-position: -80px -208px; } .ui-icon-grip-dotted-vertical { background-position: 0 -224px; } .ui-icon-grip-dotted-horizontal { background-position: -16px -224px; } .ui-icon-grip-solid-vertical { background-position: -32px -224px; } .ui-icon-grip-solid-horizontal { background-position: -48px -224px; } .ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; } .ui-icon-grip-diagonal-se { background-position: -80px -224px; } /* Misc visuals ----------------------------------*/ /* Corner radius */ .ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { border-top-left-radius: 4px; } .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { border-top-right-radius: 4px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { border-bottom-left-radius: 4px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { border-bottom-right-radius: 4px; } /* Overlays */ .ui-widget-overlay { background: #666666 url("https://www.rovell-hotels.de/assets/images/jquery.ui/ui-bg_diagonals-thick_20_666666_40x40.png") 50% 50% repeat; opacity: .5; filter: Alpha(Opacity=50); /* support: IE8 */ } .ui-widget-shadow { -webkit-box-shadow: -5px -5px 5px #000000; box-shadow: -5px -5px 5px #000000; } /* cmsms stylesheet: css-block-galerie modified: Dienstag, 25. April 2023 11:32:21 */ .block-gallery {height:100%} .block-gallery.nosection {padding:1em;box-sizing:border-box;} .gutter-padding{padding: 0em 1em;box-sizing:border-box;} .inset-padding{padding: 0em 2em;box-sizing:border-box;} .gutter-gallery{overflow:hidden;max-width:100vw;} .gutter-box {display:flex;justify-content:space-between;flex-wrap: wrap;column-gap:0;} .gutter {/*column-gap:1em;*/margin:0 -0.5em;} .gal-image {margin:0;box-sizing:border-box;} .gutter .gal-image {margin:0 0.5em 1em 0.5em;} .gal-u-1-1 {flex-grow:12; flex-basis:100%;} .BlockGallery {display:inline-flex;flex-wrap:wrap;} .BlockGallery img {max-height:220px;object-fit:cover;object-position:center;} .header-slider img {min-width:100%;object-fit:cover;height:100%;} .header-slider .swiper-decoration {left:0;right:0;bottom:0;background:#E6E4DDBB;content:'testtext';position:absolute;height:2em;line-height:2em;color:#3c3c3c;font-weight:bold;} .header-slider .swiper-pagination.swiper-pagination-bullets {bottom:2.5em;left:1em;line-height:2.5em;font-size:20px;width:auto;} .header-slider .swiper-pagination-bullet { opacity: .3; background: white; width:12px;height:12px; } .header-slider .swiper-pagination-bullet.swiper-pagination-bullet-active {opacity:1;} @media screen and (min-width: 48em) { /*.gal-u-1-1 {border-color:green}*/ .gal-u-md-1-2 { flex-grow: 6; flex-basis:40%;} } @media screen and (min-width: 64em) { /*.gal-u-1-1 {border-color: blue}*/ .gal-u-lg-3-4 {flex-grow: 3; flex-basis:calc(75% - 3em);} .gal-u-lg-2-3 {flex-grow: 8; flex-basis:calc(66.6% - 3em);} .gal-u-lg-1-3 {flex-grow: 4; flex-basis:calc(33.3% - 3em);} .gal-u-lg-1-2 {flex-grow: 6; flex-basis:calc(50% - 3em);} .gal-u-lg-1-4 {flex-grow: 2; flex-basis:calc(25% - 3em);} } /* cmsms stylesheet: HZP modified: Freitag, 27. Juni 2025 11:41:55 */ @font-face { font-family: 'Basic'; font-style: normal; font-weight: 400; src: url('https://www.rovell-hotels.de/assets/fonts/basic-v9-latin-regular.woff2') format('woff2'), url('https://www.rovell-hotels.de/assets/fonts/basic-v9-latin-regular.woff') format('woff'), url('https://www.rovell-hotels.de/assets/fonts/basic-v9-latin-regular?#iefix') format('embedded-opentype'), url('https://www.rovell-hotels.de/assets/fonts/basic-v9-latin-regular.svg#Basic') format('svg'), url('https://www.rovell-hotels.de/assets/fonts/basic-v9-latin-regular.ttf') format('truetype'); font-display: swap; } /* roboto-300italic - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Roboto'; font-style: italic; font-weight: 300; src: url('https://www.rovell-hotels.de/assets/fonts/roboto-v30-latin-300italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('https://www.rovell-hotels.de/assets/fonts/roboto-v30-latin-300italic.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ } /* roboto-regular - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Roboto'; font-style: normal; font-weight: 400; src: url('https://www.rovell-hotels.de/assets/fonts/roboto-v30-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('https://www.rovell-hotels.de/assets/fonts/roboto-v30-latin-regular.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ } /* roboto-700 - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Roboto'; font-style: bold; font-weight: 700; src: url('https://www.rovell-hotels.de/assets/fonts/roboto-v30-latin-700.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('https://www.rovell-hotels.de/assets/fonts/roboto-v30-latin-700.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ } .pure-g [class*="pure-u"], body { font-family: 'Roboto',sans-serif; position:relative; } body {background:white;} #footer,main {overflow-x:hidden;} /* --- editor styles --- */ .button {font-weight:bold;} .button-socket{vertical-align:top;z-index:2;position:relative;} .button,.button.white {display:inline-block;padding:0.5rem 1rem;text-transform:uppercase;text-decoration:none; color:white;background-color:#5B7A8E;border:solid #5B7A8E 1px;box-sizing:border-box;position:relative; } .button.white{color:#5B7A8E;background-color:white;border-color:#5B7A8E;} .button.white:hover,input:checked ~ .button.white {;color:#df6161;border-color:#df6161;background:white;} .l-header .button{height:47px;line-height:29px;box-sizing:border-box;border-width:0;} .button:hover {border-color:#4E6B7E;background-color:#4E6B7E;} .plug .button { background-color:#5B7A8E; border-color:#5B7A8E; color:white;} .plug .button:hover { background-color:#4E6B7E; border-color:#4E6B7E; } .button.aho,.plug .button.booking { background-color:#df6161; border-color:#df6161; color:white;} .button.aho:hover,.plug .button.booking:hover {background-color:#E4464B; border-color:#E4464B;} .plug.button-rovell{font-size:0;width:6rem;background:#5B7A8E no-repeat center url('https://www.rovell-hotels.de/assets/images/rovell-logo-header.svg');background-size:60px;border-color:#5B7A8E;} .plug.button-rovell:hover{background-color:#3c3c3b;border-color:#3c3c3b;} .textbox,.anleser,.accordion-panel {color:#3c3c3b;hyphens:auto} .textbox .vcenter{padding:0.5rem 1.75rem;} .button.small{font-size:0.85em;padding:0.4em 0.85em;} .button.pdf{position:relative;padding-left:2rem;} .button.pdf:before{content:' ';display:inline-block;height:24px;width:22px; background-image:url('https://www.rovell-hotels.de/assets/images/pdf-download-weiss.svg'); background-size:22px;position:absolute; left:4px; background-repeat:no-repeat; } .button.pdf:before,.button.pdf.hzp:before,.bg-teaser .button.pdf:before,.bg-theme .button.pdf:before,.bg-theme2 .button.pdf:before,.bg-rovell .button.pdf:before,.bg-invers .button.pdf:before { background-image:url('https://www.rovell-hotels.de/assets/images/pdf-download-weiss.svg'); } .button.white.pdf:before, .bg-theme .button.white.pdf:before, .bg-teaser .button.white.pdf:before, .bg-white .button.white.pdf:before, .bg-grey .button.white.pdf:before{ background-image:url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2075%2080%22%3E%3Cdefs%3E%3CclipPath%20id%3D%22a%22%3E%3Cpath%20d%3D%22M0%200h75v80H0z%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3Cg%20data-name%3D%22Gruppe%20408%22%3E%3Cg%20clip-path%3D%22url(%23a)%22%20data-name%3D%22pdf%20(1)%22%3E%3Cg%20data-name%3D%22Gruppe%20217%22%3E%3Cg%20data-name%3D%22Gruppe%20216%22%3E%3Cpath%20fill%3D%22%23488999%22%20d%3D%22M74.6%2021.5%2054.3.5a1.5%201.5%200%200%200-1.1-.5H23a6.1%206.1%200%200%200-6.2%206.1v21.5H4.6A4.6%204.6%200%200%200%200%2032v23a4.6%204.6%200%200%200%204.6%204.6h12.2v13.8a6.1%206.1%200%200%200%206.2%206h45.9a6.1%206.1%200%200%200%206.1-6V22.6a1.5%201.5%200%200%200-.4-1Zm-21-17.4%2016.6%2017.3H53.6Zm-49%2052.5A1.5%201.5%200%200%201%203%2055.1v-23a1.5%201.5%200%200%201%201.5-1.5h41.3a1.5%201.5%200%200%201%201.5%201.5v23a1.5%201.5%200%200%201-1.5%201.5Zm67.3%2016.9a3%203%200%200%201-3%203h-46a3%203%200%200%201-3-3V59.7h26a4.6%204.6%200%200%200%204.6-4.6v-23a4.6%204.6%200%200%200-4.6-4.5H20V6a3%203%200%200%201%203-3h27.6v20a1.5%201.5%200%200%200%201.5%201.5h20Z%22%20data-name%3D%22Pfad%20124%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20data-name%3D%22Gruppe%20219%22%3E%3Cg%20data-name%3D%22Gruppe%20218%22%3E%3Cpath%20fill%3D%22%23488999%22%20d%3D%22M18%2039a3.4%203.4%200%200%200-1.8-1.4%2015.3%2015.3%200%200%200-3.1-.2H8.9v13h2.6v-4.9h1.7a15%2015%200%200%200%202.7-.2%203.8%203.8%200%200%200%201.4-.6%203.6%203.6%200%200%200%201-1.2%204.2%204.2%200%200%200%20.5-2%204%204%200%200%200-.7-2.6Zm-2.2%203.5a1.7%201.7%200%200%201-.8.6%206.8%206.8%200%200%201-2%20.2h-1.5v-3.7h1.3a12.6%2012.6%200%200%201%201.9.1%201.8%201.8%200%200%201%201%20.6%201.7%201.7%200%200%201%20.4%201.2%201.7%201.7%200%200%201-.3%201Z%22%20data-name%3D%22Pfad%20125%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20data-name%3D%22Gruppe%20221%22%3E%3Cg%20data-name%3D%22Gruppe%20220%22%3E%3Cpath%20fill%3D%22%23488999%22%20d%3D%22M31.7%2041a5.7%205.7%200%200%200-1.2-2.1%204.3%204.3%200%200%200-2-1.2%209.4%209.4%200%200%200-2.4-.2h-4.8v13h5a8%208%200%200%200%202.2-.3%204.6%204.6%200%200%200%201.9-1%205.7%205.7%200%200%200%201.4-2.4%208.5%208.5%200%200%200%20.4-2.7%209.6%209.6%200%200%200-.5-3.1Zm-2.5%205.3a2.7%202.7%200%200%201-.7%201.3%202.4%202.4%200%200%201-1%20.5%207.1%207.1%200%200%201-1.6.2h-2v-8.7h1.2a11.9%2011.9%200%200%201%202.1.2%202.5%202.5%200%200%201%201.2.6%203%203%200%200%201%20.8%201.2%207.8%207.8%200%200%201%20.3%202.4%208.5%208.5%200%200%201-.3%202.3Z%22%20data-name%3D%22Pfad%20126%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20data-name%3D%22Gruppe%20223%22%3E%3Cg%20data-name%3D%22Gruppe%20222%22%3E%3Cpath%20fill%3D%22%23488999%22%20d%3D%22M43.5%2039.7v-2.2h-9v13h2.7v-5.6h5.4v-2.2h-5.4v-3Z%22%20data-name%3D%22Pfad%20127%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E%20'); } .button.white.pdf:hover:before, .bg-theme .button.white.pdf:hover:before, .bg-teaser .button.white.pdf:hover:before, .bg-white .button.white.pdf:hover:before, .bg-grey .button.white.pdf:hover:before { background-image:url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2275%22%20height%3D%2280%22%3E%3Cdefs%3E%3CclipPath%20id%3D%22a%22%3E%3Cpath%20d%3D%22M0%200h75v80H0z%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3Cg%20clip-path%3D%22url(%23a)%22%20data-name%3D%22Gruppe%20408%22%3E%3Cg%20data-name%3D%22pdf%20(1)%22%3E%3Cg%20data-name%3D%22Gruppe%20217%22%3E%3Cg%20data-name%3D%22Gruppe%20216%22%3E%3Cpath%20fill%3D%22%23e86a6a%22%20d%3D%22M74.6%2021.5%2054.3.5a1.5%201.5%200%200%200-1.1-.5H23a6.1%206.1%200%200%200-6.2%206.1v21.5H4.6A4.6%204.6%200%200%200%200%2032v23a4.6%204.6%200%200%200%204.6%204.6h12.2v13.8a6.1%206.1%200%200%200%206.2%206h45.9a6.1%206.1%200%200%200%206.1-6V22.6a1.5%201.5%200%200%200-.4-1Zm-21-17.4%2016.6%2017.3H53.6Zm-49%2052.5A1.5%201.5%200%200%201%203%2055.1v-23a1.5%201.5%200%200%201%201.5-1.5h41.3a1.5%201.5%200%200%201%201.5%201.5v23a1.5%201.5%200%200%201-1.5%201.5Zm67.3%2016.9a3%203%200%200%201-3%203h-46a3%203%200%200%201-3-3V59.7h26a4.6%204.6%200%200%200%204.6-4.6v-23a4.6%204.6%200%200%200-4.6-4.5H20V6a3%203%200%200%201%203-3h27.6V23a1.5%201.5%200%200%200%201.5%201.5h20Z%22%20data-name%3D%22Pfad%20124%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20data-name%3D%22Gruppe%20219%22%3E%3Cg%20data-name%3D%22Gruppe%20218%22%3E%3Cpath%20fill%3D%22%23e86a6a%22%20d%3D%22M18%2039a3.4%203.4%200%200%200-1.8-1.4%2015.3%2015.3%200%200%200-3.1-.2H8.9v13h2.6v-4.9h1.7a15%2015%200%200%200%202.7-.2%203.8%203.8%200%200%200%201.4-.6%203.6%203.6%200%200%200%201-1.2%204.2%204.2%200%200%200%20.5-2%204%204%200%200%200-.7-2.6Zm-2.2%203.5a1.7%201.7%200%200%201-.8.6%206.8%206.8%200%200%201-2%20.2h-1.5v-3.7h1.3a12.6%2012.6%200%200%201%201.9.1%201.8%201.8%200%200%201%201%20.6%201.7%201.7%200%200%201%20.4%201.2%201.7%201.7%200%200%201-.3%201Z%22%20data-name%3D%22Pfad%20125%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20data-name%3D%22Gruppe%20221%22%3E%3Cg%20data-name%3D%22Gruppe%20220%22%3E%3Cpath%20fill%3D%22%23e86a6a%22%20d%3D%22M31.7%2041a5.7%205.7%200%200%200-1.2-2.1%204.3%204.3%200%200%200-2-1.2%209.4%209.4%200%200%200-2.4-.2h-4.8v13h5a8%208%200%200%200%202.2-.3%204.6%204.6%200%200%200%201.9-1%205.7%205.7%200%200%200%201.4-2.4%208.5%208.5%200%200%200%20.4-2.7%209.6%209.6%200%200%200-.5-3.1Zm-2.5%205.3a2.7%202.7%200%200%201-.7%201.3%202.4%202.4%200%200%201-1%20.5%207.1%207.1%200%200%201-1.6.2h-2v-8.7h1.2a11.9%2011.9%200%200%201%202.1.2%202.5%202.5%200%200%201%201.2.6%203%203%200%200%201%20.8%201.2%207.8%207.8%200%200%201%20.3%202.4%208.5%208.5%200%200%201-.3%202.3Z%22%20data-name%3D%22Pfad%20126%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20data-name%3D%22Gruppe%20223%22%3E%3Cg%20data-name%3D%22Gruppe%20222%22%3E%3Cpath%20fill%3D%22%23e86a6a%22%20d%3D%22M43.5%2039.7v-2.2h-9v13h2.7v-5.6h5.4v-2.2h-5.4v-3Z%22%20data-name%3D%22Pfad%20127%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E'); } .break {flex-basis: 100%;height:0;} .extern {position:relative;} .extern::after { content: '⤻'; font-family: arial; font-size: 1.5em; right: 0.5em; top: 0.65em; margin-left:0.2em; } .popup {padding:0 1em;max-width:1200px;margin:0 auto;box-sizing: border-box;} .fullwidth {width:100%;padding:0;} .restricted {width:1200px;margin: 0 auto;} .popup h1 {margin:0;padding-bottom:1em;} #content.popup{padding-top:1em;padding-bottom:1em;} .mfp-close{position:absolute;right:1em;top:1em;pointer-events: none;} section .mfp-close {display:none;} .quickbooker .button{margin:0.5em;} .button.dark {background:#df6161;border-color:#df6161;color:white;} .button.dark:hover{background:#E4464B;} .textbox-extra.textbox-invers .button.dark{color:white;} .button.gold {background:#5B7A8E;color:white;} .button.vip {background:#007880;color:white;} #qbooker.active button.buchen{background:#3c3c3b;color:white;border-color:#3c3c3b;} #qbooker.active button.anfragen{background:white;color:#3c3c3b;} #qbooker.active button:hover{text-decoration:underline;} .plug .button {line-height:29px;height:47px;width:100%;text-align:center;} .button.hzp2{background:#5B7A8E;color:white;} .button.hhzp{background:white;color:;white-space:nowrap;text-transform:uppercase;} .button.anfragen {background:#df6161;color:white;} .plug.button {color:white;background-color:#3c3c3b;border:solid #3c3c3b 1px;box-sizing:border-box;} .plug.button:hover{background-color:;border-color:;} #content .button.hzp,.swiper-wrapper .button.hzp{background:green;border-color:green;color:white;} #content .button.hzp:hover,.swiper-wrapper .button.hzp:hover {background-color:#4E6B7E;} .swiper-padding{width:1rem;height:1rem;background:red;display:inline-block;box-sizing:border-box;} /*.swiper-navigation .block-swiper.swiper-container{padding:0 1.5rem;width:calc(100% - 3rem);}*/ .block-swiper .swiper-button-prev.swiper-position-1, .block-swiper .swiper-button-next.swiper-position-1 { top: unset;bottom:0.5rem; } .block-swiper .swiper-button-prev{left:1rem;} .block-swiper .swiper-button-next{right:1rem;} .swiper-slide .button.vip:hover{text-decoration:none;background:#006C73;} .l-header .button{height:47px;line-height:29px;box-sizing:border-box;} .l-pad {padding:0.5em 1em;box-sizing:border-box;} .l-pad1 {padding-left:1em;} .l-padr {padding-right:1em;} .l-pad12 {padding-left:12em;} .l-hpad {padding:0 1em;box-sizing:border-box;} .textbox.l-hpad{padding:0 1em;} .l-vsep {margin-bottom:1em;} .l-right{text-align:right;} .l-flex{display:flex;} .button.pointer {cursor:pointer;} a.datenschutz {margin-left:12.5em;font-weight:normal !important;} div.button>input{background:none;border:none;color:white;cursor:pointer;} label.error {color:#B70800;font-style:italic;} .icon:not(.progress-indicator__icon) {display:inline-block;height:47px;width:47px;background-position:center center;background-repeat:no-repeat;background-size:cover;font-size:0;line-height:1em;vertical-align:bottom;} .icon:hover{background-color:#df6161;} .tu {background-image:url("https://www.rovell-hotels.de/assets/images/aho-icon-bewertungen-grau.svg");} footer .fb {background-image:url("https://www.rovell-hotels.de/assets/images/rovell-footer-icon-facebook.svg");} footer .ig {background-image:url("https://www.rovell-hotels.de/assets/images/rovell-footer-icon-instagram.svg");} footer .yt {background-image:url("https://www.rovell-hotels.de/assets/images/rovell-footer-icon-youtube.svg");} footer .ta {background-image:url("https://www.rovell-hotels.de/assets/images/rovell-footer-icon-tripadvisor.svg");} footer .tu {background-image:url("https://www.rovell-hotels.de/assets/images/rovell-footer-icon-bewertungen.svg");} footer.section {margin-bottom:0;margin-top:2.5em;} footer.section .wave:after{ bottom:-0.1em; } footer .tchoice {position:relative; top:-13px;width:90px} .footer-panel .icon {vertical-align:top;} #content h1, #content h2, #content h3,.h2 {hyphens: manual;font-family: 'Basic',sans-serif;} #content h1 {color:#5B7A8E;font-weight:normal;letter-spacing: normal;} #content h2.h2_p,h2,a.porthole {color:#3c3c3b;} #content h1,#content .h1{font-size:2.5em;line-height:1.2em;margin:0.5em 0 0.5rem 0;} #content h2,.h2{font-weight:normal;font-size:1.9em;line-height:1.3em;margin-top:0.5rem;margin-bottom:0;} #content .h2 {font-size:1.9rem;} #content h2:last-child{margin-bottom:0.5rem;} #content h3 {font-weight:normal;font-size:1.5em;line-height:1.3em;color:#df6161;} #content h3:last-child,#content h3.smallsep{margin-bottom:0.25rem;} #content h3.smallsep+p {margin-top:0.25rem;} #content h2 + h3 { margin-top:0.5em;} .accordion-panel h3 {margin-top:0em;margin-bottom:0.5em;} #content .author h2 {text-align:left;} #content h2 + h2.h2_p {margin-top:0;} #content h2.hzp {color:#df6161;font-size:1.9em;line-height:1.4em;} #content .pad h1,#content .pad .h1{margin-top:2.25em;} .flyout-wrapper h3,.wave {position:relative;} hr {height:2px;margin:0.5em 0 1em 0;width:10em;} hr, .wave, h3:after {border:solid #5B7A8E 0;border-bottom-width:2px;} .bg-theme hr,.bg-theme .wave,.bg-theme h3:after,footer hr {border-color:white;} .bg-invers hr,.bg-invers .wave,.bg-invers h3:after {border-color:white;} .bg-rovell hr,.bg-rovell .wave,.bg-rovell h3:after {border-color:white;} .bg-theme2 hr,.bg-theme2 .wave,.bg-theme2 h3:after {border-color:white;} .bg-teaser hr,.bg-teaser .wave,.bg-teaser h3:after {border-color:#5B7A8E;} .aho,.theme {color:#5B7A8E;} .bg-image {background-repeat:none;background-size:cover;} .wave {padding-bottom:1.5em;} .separator {display:block;margin:1.5em auto; width:12em; height:1em;vertical-align:center} .separator hr {border:solid #5B7A8E;} .flyout-wrapper h3:after,.wave:after{position:absolute;left:0;bottom:0.5em;height:20px;width:125px;content:' ';} .flyout-wrapper h3:after {border-color:#5B7A8E;top:0.9em;} .flyout-wrapper h3:after, .wave:after, hr {} hr {width:7em;} h1 + hr {width:12em;} hr.lang {width:16em;} hr.thin{padding-bottom:0;} hr.white,hr.yellow,.fgwhite {border-color:white;} hr.blau, .textbox-invers hr{border-color:#5B7A8E} #content p {font-size:1.02rem;line-height:1.4em;} #content ul {padding-left:1em;} #content ul li{list-style-type:none;} #content ul li:before{ content:'●';display: inline-block;position: relative; max-width: 0; left:-1em;top:-1px; color: #5B7A8E; /*font-size: 0.75em;*/ } #content ul.bull li:before, #content ul li.bull:before { color:green; } #content .bg-theme ul li:before{color:white;} #content ul.bulletline {padding-left:0;} #content ul.bulletline li {display:inline;margin-left:0;padding:0 1em 0 0;} #content ul.bulletline li:before{display:inline-block;margin-left:1em;} #content .textbox ul:not(.bull) li:before,#content .accordion-panel:not(.bull) li:before{content:'✓';font-weight:bold;display:inline-block;} #content .bg-theme ul li:before, #content .bg-invers ul li:before, #content .bg-theme2 ul li:before, #content .bg-rovell ul li:before {color:white;} #content .bg-teaser ul li:before {color:#3c3c3b;} #content .textbox-extra ul li:before{color:inherit;} .textbox-extra .vcenter ul li.check{margin-left:1em;} #content .textbox-extra ul li.check::before{content:'✓';position:relative;top:1px;color:white;font-weight:bold;} #content .textbox-extra ul.check-blue li.check::before{color:#df6161;} .textbox-extra h2 {color:white;font-size:1.5em;line-height:1.6em;text-align:left;margin-top:0;} .h2 {font-size:1.5em;} .textbox-extra.textbox-invers h2 {color:#3c3c3b;} .textbox-logo-aho{position:relative;overflow:visible;} .textbox-logo-aho * {position:relative;z-index:1;} .textbox-logo-aho:before {content:' ';position:absolute;width:100%;height:100%;background-image:url('https://www.rovell-hotels.de/assets/images/aho_schmuckbox-sonne-neu-kleiner.svg'); background-repeat:no-repeat;background-position:right bottom; background-size:22%;z-index:0;opacity:0.25; } .vcenter.textbox-logo-aho:before{top:-0.035rem;} .bg-teaser.textbox-logo-aho:before {opacity:0.6;} .textbox-logo-spa{position:relative;overflow:visible;} .textbox-logo-spa * {position:relative;z-index:1;} .textbox-logo-spa:before {content:' ';position:absolute;width:100%;height:100%;background-image:url('https://www.rovell-hotels.de/assets/images/aho_schmuckbox-alpvitaspa-bluete.svg'); background-repeat:no-repeat;background-position:right bottom; background-size:22%;z-index:0;opacity:0.25; } .textbox-logo-tagung{position:relative;overflow:visible;} .textbox-logo-tagung * {position:relative;z-index:1;} .textbox-logo-tagung:before {content:' ';position:absolute;width:100%;height:100%;background-image:url('https://www.rovell-hotels.de/assets/images/aho_kreuze-schmuckbox-tagung.svg'); background-repeat:no-repeat;background-position:right bottom; background-size:22%;z-index:0;opacity:1; } .textbox-extra .vcenter.textbox-logo-tagung:before{bottom:-0.75em;right:-1.5em;} .bg-teaser.textbox-logo-spa:before {opacity:1;} .cuabox { overflow:hidden;position:relative;text-align:center; margin:0 1em;width: calc(100% - 2em);padding:1em 0; } .cuabox:before{content:'„';opacity:0.6;position:absolute;left:1rem;bottom:9rem;font-size:10em;} .cuabox:after{content:'“';opacity:0.6;position:absolute;right:1rem;top:5.5rem;font-size:10em;} .cuabox.swiper { margin:1rem;padding:1rem 0; } .cuabox h3{ margin:0 0 2rem 0;} .cuabox .swiper-wrapper{padding:0;} .cua-guestcomment{margin:0 4em;} .cua-from {margin: 1em;} .cua-author {margin:0 0.5em;} .cuabox .cua {bottom:0.75em;position:relative;} .cuabox .swiper-button-next { right:1.5em;} .cuabox .swiper-button-prev { left: 1.5em;} .swiper-button-next,.swiper-button-prev{text-rendering: auto;} .swiper-button-white {color:white !important;} .swiper-button-black {color:black !important;} .swiper-button-text {color:#3c3c3b !important;} .swiper-button-theme {color:#5B7A8E !important;} h2,.h2{font-size:1.8em;} h3.pure-u-1-1 {padding:0;box-sizing:border-box;} h3 {font-size:1.6em;} .textbox a {text-decoration:none;} .textbox a:not(.button):not(.hreflang):hover {text-decoration:underline;font-weight:bold;} a.anleser:hover{text-decoration:none !important;} /*.textbox b,.textbox strong {font-family:'open_sansbold';font-weight:normal;}*/ h4 {margin-bottom:0.3em;} h4+p{margin-top:0.3em;} #content ul.checked li,#content li.checked {list-style-type:none;list-style-position:outside;display:block;padding-left:0.3em;position:relative;} #content .arrangement ul.checked li:before,#content .arrangement li.checked:before{color:white;} #content ul.checked li:before,#content li.checked:before{content:'✓';padding-right:0.2em;position:absolute;font-size:1em;color:#3c3c3b;display:inline;} #content .textbox-extra ul.checked li:before,#content .textbox-extra li.checked:before {color:white;} #content .textbox-extra ul li {padding-left:0;} #content ul.checked li:after,#content li.checked:after{content:' ';display:block;} .ml1 {margin-left:1rem;} .ttfnone {text-transform:none;} .ttfcapitalize {text-transform:capitalize;} .ttflowercase {text-transform:lowercase;} .ttfuppercase {text-transform:uppercase;} /* Text Collapsible */ .text-toggle-wrapper {position:relative;padding-bottom:1em;margin-bottom:1em;} .text-toggle-wrapper label{color:#5B7A8E;font-weight:bold;position:absolute;bottom:0;display:none;cursor:pointer;} .text-toggle-wrapper label:hover {text-decoration:underline;} ul .text-toggle-inactive {position:relative;top:0.5em;} ul .text-toggle-active{padding-bottom:1em;position:absolute;bottom:-2em;} .text-toggle-pane{display:none;} input.text-toggle{display:none;} input.text-toggle:not(:checked) ~ .text-toggle-inactive {display:block;} input.text-toggle:checked ~ .text-toggle-active {display:block;} input.text-toggle:checked ~ .text-toggle-pane{display:block;} /* --- general layout classes --- */ .l-center {max-width:1200px;width:100%;margin:0 auto;display:block;} .l-center.tpad {padding-top:1rem;} .l-relative{position:relative;} .l-center.l-depth0 {padding:0;} .l-center.nopadding{padding:0;} .l-center.blog{padding:1em;} .l-header {position:relative;display:inline-block;z-index:2;} .l-buttonholder{text-align:center;} .l-buttonholder .button{margin:0.5em 1em;font-size:0.85em;padding:0.4em 0.85em;line-height:2.6em;} .l-buttonholder .goodbreak{display:inline-block;width:30%;} .l-right {text-align:right;} .pure-g {font-size:0;} .pure-g [class*="pure-u"] {line-height:1.5em;font-size:1rem;} .section {margin:0;} .section.pure-g:before{content:' ';height:1rem;display:block;width:100%;background:white;} .section.pure-g:after{content:' ';height:1rem;display:block;width:100%;background:white;} .l-center.withpadding:before{content:' ';height:0em;display:block;width:100%;font-size:1rem;} .l-center.withpadding:after{content:' ';height:2em;display:block;width:100%;font-size:1rem;} .textbox .button,.bildbox .button,.anleser .button {margin: 0 0.5em 0.5em 0;} .bg-grey {background:#FBF7EB;background:white;background:none;box-sizing:border-box;} .bg-blue {background-color:#005A89;color:white;} .bg-theme {background-color:#5B7A8E;color:white;} .bg-theme .button,.bg-theme a.button{background-color:#5B7A8E;border-color:white;color:white !important;} .bg-theme b.link {color:#5B7A8E;} .bg-theme .button:hover, a.bg-theme:hover .button{background-color:#4E6B7E;} .bg-theme .button.white, .bg-theme a.button.white,.bg-theme a:hover .button.white {color:#5B7A8E !important;background:white;} .bg-theme .button.white:hover, .bg-theme a.button.white:hover, a.bg-theme:hover .button.white {background:white;border-color:#df6161;color:#df6161 !important;} .bg-theme .button.dark,.bg-theme .button.pdf:not(.white) {background-color:#df6161;border:#df6161 solid 1px;} .bg-theme .button.dark:hover,.bg-theme .button.pdf:hover {background-color:#E4464B;border:#E4464B solid 1px;} .bg-theme2 {background-color:#df6161 !important;color:#3c3c3b;} .bg-theme2 .button{color:white;background-color:#5B7A8E;} .bg-theme2 a.link{color:#5B7A8E;} .bg-theme2 .button:hover, a.bg-theme2:hover .button{background-color:#4E6B7E;border-color:#4E6B7E;} .bg-theme2 .button.white,.bg-theme2 a.button.white{color:#5B7A8E;background-color:white;border-color:white;} .bg-theme2 .button.white:hover,.bg-theme2 a.button.white:hover, a.bg-theme2:hover .button.white,.bg-theme2 a.button.white.pdf:hover{background-color:white;border-color:white;color:#df6161;} .bg-theme2 .button.dark,.bg-theme2 .button.pdf{background-color:#df6161;border-color:white;color:white;} .bg-theme2 a.button.pdf:hover, a.bg-theme2:hover .button.dark{background-color:#E4464B;} .bg-invers {background-color:#3c3c3b;color:white;} .bg-invers .button{color:white;background-color:#5B7A8E;border-color:#5B7A8E;} .bg-invers .button:hover, a.bg-invers:hover .button{background-color:#4E6B7E;border-color:#4E6B7E;} .bg-invers .button.white,.bg-invers a.button.white{color:#5B7A8E;background-color:white;border-color:white;} .bg-invers .button.white:hover,.bg-invers a.button.white:hover, a.bg-invers:hover .button.white,.bg-invers a.button.white.pdf:hover{background-color:white;border-color:#df6161;color:#df6161;} .bg-invers .button.dark,.bg-invers .button.pdf{background-color:#df6161;border-color:#df6161;color:white;} .bg-invers .button.dark:hover,.bg-invers a.button.dark:hover,.bg-invers a.button.pdf:hover, a.bg-invers:hover .button.dark{background-color:#E4464B;border-color:#E4464B;} .bg-rovell .button{color:white;background-color:#df6161;border-color:#df6161;} .bg-rovell .button:hover, a.bg-rovell:hover .button{background-color:#E4464B;border-color:#E4464B;} .bg-rovell .button.white,.bg-rovell a.button.white{color:#3c3c3b;background-color:white;border-color:white;} .bg-rovell .button.white:hover,.bg-rovell a.button.white:hover, a.bg-rovell:hover .button.white,.bg-rovell a.button.white.pdf:hover{background-color:#E3EAEE;border-color:#E3EAEE;} .bg-rovell .button.dark,.bg-rovell .button.pdf{background-color:#3c3c3b;border-color:#3c3c3b;color:white;} .bg-rovell .button.dark:hover,.bg-rovell a.button.dark:hover,.bg-rovell a.button.pdf:hover, a.bg-rovell:hover .button.dark{background-color:#2c2c2b;border-color:#2c2c2b;} .bg-teaser {background-color:#CFDAE1;color:#3c3c3b;} .bg-teaser .button{color:white;background-color:#5B7A8E;border-color:#5B7A8E;} .bg-teaser .button:hover, a.bg-teaser:hover .button{background-color:#4E6B7E;border-color:#4E6B7E;} /*.bg-teaser .button.white{background-color:#df6161;}*/ .bg-teaser a.button:hover, a.bg-teaser:hover .button.white{background-color:#4E6B7E;border-color:#4E6B7E;} .bg-teaser .button.dark,.bg-teaser .button.pdf{background-color:#df6161;border-color:#df6161;} .bg-teaser .button.dark:hover,.bg-teaser a.button.pdf:hover{background-color:#E4464B;border-color:#E4464B;} .bg-teaser .button.white{background-color:white;color:#5B7A8E;border-color:#5B7A8E;} .bg-teaser .button.white:hover,.bg-teaser .button.white.pdf:hover{color:#df6161;border-color:#df6161;background-color:white;} .bg-blue p, .bg-theme *, .bg-theme2 *, .bg-invers *, .bg-rovell * {color:white;} .bg-teaser * {color:#3c3c3b;} .bg-teaser h1, .bg-teaser h2, .bg-teaser h3, .bg-teaser a, .bg-teaser a.porthole {color:#5B7A8E;} .bg-theme2 .button.dark {background:#3c3c3b;border-color:#3c3c3b;color:white;} .bg-theme2 .button.dark:hover{background:black;border-color:black;} footer .bg-teaser {background-color:white;} footer .force{padding-bottom:4rem;} .bg-change {background-color:#df6161;color:white;} @media screen and (min-width: 48em) { .bg-change{background-color:#CFDAE1;background-color:white;} .bg-change.l-hpad{padding-left:0;} footer .force{padding-bottom:0;} } #content .bg-blue h1, #content .bg-blue h2, #content .bg-blue h3, #content .bg-theme h1, #content .bg-theme h2, #content .bg-theme h3, #content .bg-theme2 h1, #content .bg-theme2 h2, #content .bg-theme2 h3, #content .bg-rovell h1, #content .bg-rovell h2, #content .bg-rovell h3, #content .bg-invers h1, #content .bg-invers h2, #content .bg-invers h3 {color:white;} #content .bg-teaser h3 {color:#3c3c3b;} .bg-teaser h3 + hr {border-color:#5B7A8E;} .bg-brown {background-color:#df6161;color:white;} .bg-brown p {color:white;} .bg-brown h1,.bg-brown h2, .bg-brown h3{color:white;} .bg-lightblue {background-color:#D9E6ED;color:#3c3c3b;} .bg-rovell {background-color:#5B7A8E;color:white;} #content .bg-rovell h1,.bg-rovell h2,.bg-rovell p {color:white;} .bg-white {background-color:white;color:#3c3c3b;} a {color:#5B7A8E;text-decoration:none;} a:not(.button):hover{text-decoration:underline;} a.anleser:hover{text-decoration:none;} .anreise{padding-left:0.5rem;} .clickback {cursor:pointer;color:#5B7A8E;} /* --- zentrale rovell klassen --- */ .rovell {color:#3c3c3b;line-height:1.6em;background:white;} .rovell a {font-weight:bold;} /*.socket {background:green;border:solid black 1px;display:inline-block;width:10px;height:10px;}*/ .socket {margin-left:0.3em;} .socket-right {float:right;} /* --- fixed element designs --- */ #header,#content,#footer{position:relative;} #content{z-index:0;} #footer{z-index:0;} #header .swiper-container{height:100%;padding:0;} .l-header-top {vertical-align:top;position:fixed;left:0;top:0;right:0; z-index:60;width:100%;box-sizing:border-box;overflow:visible;} .header-element{display:inline-block;vertical-align:top;flex-grow:1;} .l-header-bottom .plug.icon-element{flex-grow:0;} .l-header-middle{display:block;width:100%;height:auto;position:relative;overflow:hidden; background:rgba(255,255,255,0.4);z-index:2; } .l-header-middle.l-sp,.l-header-middle.l-sp img {height:100vw;max-height:100vh;overflow:hidden;} .l-header-middle.l-lp,.l-header-middle.l-lp img {height:100vw;max-height:75vh;overflow:hidden;} .l-header-middle.l-arr,.l-header-middle.l-arr img {height:100vw;max-height:66vh;overflow:hidden;} .l-header-middle.l-cp,.l-header-middle.l-cp img {height:50vw;max-height:33vh;overflow:hidden;} .l-header-middle:before{ content:' ';position:absolute;height:33%;width:100%;display:block;background-color:transparent; background:linear-gradient(to bottom, #00000040, #00000000); } .l-header-middle video { position:absolute;z-index:-1;width:100%;height:100%;left:0;right:0;top:0;bottom:0;object-fit:cover; } .l-header-top:after{content:'mb';position:absolute;top:0;left:50%;transform: translate(-50%;0);display:none;} .l-header-bottom {display:flex;flex-direction:row;justify-content:space-between;position:fixed;bottom:0;z-index:60;width:100%;background:#CFDAE1;} .l-header-bottom .plug {border:solid #F6F4F0 0px;border-width: 2px 2px 0 0;flex-grow:1;} /*.l-header-bottom .plug.header-element{flex-grow:0;}*/ .l-header-bottom .plug:last-child{border-width:2px 0 0 0} .l-header-bottom .plug:first-child{border-width:2px 2px 0 2px} #content {box-sizing:border-box;} .l-buttonholder{margin:0;background:white;} .l-header{width:100%;text-align:right;} /*.info-menu label.pure-menu-heading{font-size:0;background-image:*/ .menu-panel { display:none;position:absolute;z-index:600; background:white } .menu-panel.bg-theme {background-color:#4E6B7E;} .menu-panel-info, .menu-panel-booking{ bottom:48px; max-height:0;display:block;overflow:hidden;box-sizing:border-box; padding:0; transition: max-height 0.4s ease-in-out,padding 0.2s ease-in-out 0.1s; transform: translate (-1px,0); text-align:left; } .menu-panel-booking:not(.bg-theme2) {right:0;} .info-menu-closer{position:absolute;right:0.5rem;top:0.5rem;cursor:pointer;} .info-menu-closer .line { background-color:white; display:block; width:1rem; height:2px; margin: 3px auto; --ty:2.5px; } .info-menu-closer .line:nth-child(1) { transform: translateY(var(--ty)) rotate(45deg); } .info-menu-closer .line:nth-child(2) { transform: translateY(calc(var(--ty) * -1)) rotate(-45deg); } .plug input[type='radio'], .header-element input[type='radio'] {display:none;} .header-element label {cursor:pointer;} .header-element input[type='radio']:checked ~ .menu-panel{display:block;} .header-element input[type='radio']:checked ~ .menu-panel-info{max-height:20em;padding:1rem;transition: max-height 0.4s ease-in-out,padding 0.2s;} .header-element input[type='radio']:checked ~ .menu-panel-booking{max-height:24em;padding:1rem;transition: max-height 0.4s ease-in-out,padding 0.2s;} label.tooltip { background-color:#df6161; color:white;height:31px;line-height:29px; } label.tooltip:hover{background-color:#E4464B;} /* --- main menu --- */ .scrollpane {height:100%;overflow-y:scroll;} .menuimage {position:absolute;right:0;top:0;height:100%;width:75%;object-fit:cover;display:none;} /*.menu-panel-menu:before{content:' ';display:block;position:absolute; min-width:160px;left:2em;bottom:10em;min-height:160px;max-width:200px;max-height:200px; background:no-repeat right url('https://www.rovell-hotels.de/uploads/images/content/social_icons/rovell-umweltsiegel-vip-grau.svg'); background-size:cover; z-index:4; display:none; }*/ @media screen and (min-width: 48em) { .menu-panel-menu:before{ width:17vw;height:17vw; bottom:8em;} } @media screen and (min-height: 45em) { .menu-panel-menu:before{ display:block;} } .hamburger .line{ --ty:9px; background-color: white; width: 34px; height: 3.3px; margin: 5.5px auto; display: block; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .hamburger:hover{ cursor: pointer; } .header-element input[type='radio']:checked ~ label .line { background-color:#df6161; } .header-element input[type='radio']:checked ~ label .line:nth-child(2){ opacity: 0; } .header-element input[type='radio']:checked ~ label .line:nth-child(1){ -webkit-transform: translateY(var(--ty)) rotate(45deg); -ms-transform: translateY(var(--ty)) rotate(45deg); -o-transform: translateY(var(--ty)) rotate(45deg); transform: translateY(var(--ty)) rotate(45deg); } .header-element input[type='radio']:checked ~ label .line:nth-child(3){ -webkit-transform: translateY(var(--ty)) rotate(-45deg); -ms-transform: translateY(var(--ty)) rotate(-45deg); -o-transform: translateY(var(--ty)) rotate(-45deg); transform: translateY(calc(var(--ty) * -1)) rotate(-45deg); } .menu-panel-menu {width:100vw; height:100vh;text-align:left; position:fixed;top:0;left:0;z-index:-1;} .menu-panel-menu .accmenu{max-height:calc(100vh - 11.5rem);overflow-y:auto;font-size:1.4em;} .main-menu { display:inline-block;position:relative;z-index:2;right:1.95rem;top:1.8rem; font-size:0.8em; } .main-menu label[for='rmainmenu']{ text-align:center; color:white; display:block; } .main-menu label[for='rmainmenu']:before,#header:before{content:' ';position:absolute; --mbsize : 72px; height:var(--mbsize); width:var(--mbsize); color:white;text-align:center; border-radius:calc(var(--mbsize) / 2); left:calc(var(--mbsize) * -0.254); z-index:-1;} #header:before{opacity:0.7;top:1rem;right:0.77rem;left:unset;position:fixed;z-index:1;background:#5B7A8E;} .zimmermappe #header:before{display:none;} .main-menu input[type='radio']:checked ~ label[for='rmainmenu']{ color:#5B7A8E;font-size:0; } .main-menu input[type='radio']:checked ~ label[for='rmainmenu']:before { background-color:transparent; } .main-menu .pure-menu-heading {display:inline-block;padding:0;font-size:0;} .main-menu .pure-menu-heading::after{color:#5B7A8E;} .main-menu .pure-menu-heading:hover:after{background-color:#4E6B7E;text-decoration:none;} .main-menu .pure-menu-heading:after {display:inline-block;width:47px;height:47px;line-height:47px;text-align:center;font-size:2rem;font-weight:bold;content:'≡';vertical-align:bottom;background:transparent;} .main-menu label.pure-menu-heading:hover{background-color:#4E6B7E;} .main-menu .home{ display:inline-block;font-size:0;width:273px;height:72px;margin:6rem 1.5rem 0 -1rem; background:no-repeat center url('https://www.rovell-hotels.de/assets/images/rovell-logo-menue_farbig.svg'); background-size: cover; cursor:pointer; } .menu-panel-menu-footer{ position:absolute;bottom:3.5rem; width:calc(100% - 4rem);left:2rem; background:white; } .menu-panel-menu-footer .panel {display:inline-block;font-size:1.4em;} .menu-panel-menu-footer .panel-search {position:relative;} .menu-panel-menu-footer .panel-lang {right:0;position:absolute;display:none;} .panel-search .search-button { display:inline-block;height:27px;width:27px; background-color:transparent;background-image:url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2274%22%20height%3D%2237%22%20viewBox%3D%220%200%2074%2037%22%3E%3Cdefs%3E%3CclipPath%20id%3D%22clip-path%22%3E%3Crect%20id%3D%22Rechteck_185%22%20data-name%3D%22Rechteck%20185%22%20width%3D%2223%22%20height%3D%2223%22%20fill%3D%22%238a7d6f%22%2F%3E%3C%2FclipPath%3E%3CclipPath%20id%3D%22clip-path-2%22%3E%3Crect%20id%3D%22Rechteck_185-2%22%20data-name%3D%22Rechteck%20185%22%20width%3D%2223%22%20height%3D%2223%22%20fill%3D%22%23635749%22%2F%3E%3C%2FclipPath%3E%3CclipPath%20id%3D%22clip-lupe%22%3E%3Crect%20width%3D%2274%22%20height%3D%2237%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3Cg%20id%3D%22lupe%22%20clip-path%3D%22url(%23clip-lupe)%22%3E%3Cg%20id%3D%22Gruppe_456%22%20data-name%3D%22Gruppe%20456%22%20transform%3D%22translate(-1413%20-4)%22%3E%3Cg%20id%3D%22lupe-2%22%20data-name%3D%22lupe%22%20transform%3D%22translate(1420%2011)%22%20clip-path%3D%22url(%23clip-path)%22%3E%3Cpath%20id%3D%22magnifying-glass%22%20d%3D%22M16.879%2C14.848a9.378%2C9.378%2C0%2C1%2C0-2.033%2C2.033L20.967%2C23%2C23%2C20.969Zm-7.535.967a6.469%2C6.469%2C0%2C1%2C1%2C6.469-6.469A6.469%2C6.469%2C0%2C0%2C1%2C9.344%2C15.815Z%22%20transform%3D%22translate(0%20-0.002)%22%20fill%3D%22%238a7d6f%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20id%3D%22Gruppe_453%22%20data-name%3D%22Gruppe%20453%22%20transform%3D%22translate(-1376%20-4)%22%3E%3Cg%20id%3D%22lupe-3%22%20data-name%3D%22lupe%22%20transform%3D%22translate(1420%2011)%22%20clip-path%3D%22url(%23clip-path-2)%22%3E%3Cpath%20id%3D%22magnifying-glass-2%22%20data-name%3D%22magnifying-glass%22%20d%3D%22M16.879%2C14.848a9.378%2C9.378%2C0%2C1%2C0-2.033%2C2.033L20.967%2C23%2C23%2C20.969Zm-7.535.967a6.469%2C6.469%2C0%2C1%2C1%2C6.469-6.469A6.469%2C6.469%2C0%2C0%2C1%2C9.344%2C15.815Z%22%20transform%3D%22translate(0%20-0.002)%22%20fill%3D%22%23635749%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E%20'); background-size:cover;vertical-align:top; border:none;font-size:0; position:relative; left:-24px; } /* Info Menu */ .pure-menu label.tooltip{background-color:#5B7A8E;}.pure-menu label.tooltip:hover{background-color:#4E6B7E;} .pure-menu input[type='radio']:checked ~ label.pure-menu-heading{background-color:#4E6B7E;} .info-menu label.pure-menu-heading { height:47px; padding:0; width:47px; text-align:center; } .info-menu label.tooltip{background-image: url('https://www.rovell-hotels.de/assets/images/rovell_kontakt.svg');background-size:cover;color:transparent;background-position:left center;background-color:#5B7A8E} .info-menu label.pure-menu-heading:hover,.info-menu input[type='radio']:checked ~ label.pure-menu-heading{background-position:right center;background-color:#4E6B7E} .booking-menu label.tooltip:hover,.booking-menu input[type='radio']:checked ~ label.pure-menu-heading{background-position:right center;background-color:#E4464B} .pure-menu.booking-menu label.tooltip{background-color:#df6161;} .pure-menu.booking-menu label.tooltip:hover{background-color:#E4464B;} .info-menu-infolist {padding:0;} .info-menu-infolist li {padding:0;list-style:none;} .info-menu-infolist li div{display:inline-block;} /* Accordion-Menu */ li.acc,li.startpage {line-height:2em;} li.startpage{display:none;} li.acc li {line-height:1.8em;} .accmenu {padding-left:2rem;padding-top:1.5rem;width:calc(100% - 3.5rem);position:relative;} .accmenu ul {padding:0.4rem 0 0.5rem 0;} .accmenu li {list-style:none;} .accmenu li.activeparent > a,.accmenu li.menudepth0.currentpage > a{ border:solid #df6161 0px;border-bottom-width:2px;width:calc(100% - 2.5rem);display:inline-block; } .accmenu li a {color:#4E6B7E;font-weight:600;font-size:1.1rem;} .accmenu li a:hover, .accmenu li a:hover span{text-decoration:none;color:#df6161;} .accmenu li li a {font-weight:400;font-size:1rem;} .accmenu li li a span {color:#4E6B7E;} .accmenu li a.activeparent,.accmenu li a.currentpage {color:#df6161;} .accmenu ul{display:none;} .accmenu input:checked ~ ul{display:block;} .accmenu input:checked ~ a{color:#df6161;} .accopener{position:absolute;right:0;} .accopener:after{content:'+';color:#4E6B7E;font-family:serif;font-weight:600;font-size:1.6em; display:block; padding:0;width:1.6em;text-align:center;box-sizing:border-box; } .accmenu input:checked ~ .accopener:after{content:'–';} .accopener.no-children:after{content:' ';} .accmenu input:checked ~ .accopener.no-children:after{content:' ';} .menu-panel-info .info-tel {font-size:1.4em;color:white;margin:-0.2em 0;} /* --- breadcrumb --- */ div.breadcrumb{hyphens:auto;max-width:calc(100vw - 6rem);font-size:1rem;} .breadcrumb, .breadcrumbhead {display:inline-block;} .breadcrumb a, .breadcrumbhead a {color:#4E6B7E;} .breadcrumb{margin:2rem 0 0 2rem;} .menu-panel-menu .breadcrumb .breadcrumb {margin:0;} #content .bc-holder>div{margin-top:1em;} #content .breadcrumb{margin:0;} .login{text-align:right;float:right;position:relative;} input.login-toggle {display:none;} input.login-toggle ~ label {font-weight:bold;color:#3c3c3b;cursor:pointer;} .admin.login{display:none} .login-panel{text-align:left;position:absolute;right:0;display:none;background:#CFDAE1;padding:1em;line-height:1.2em;} .login-panel fieldset {border:none;} .login-panel .row { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; background: green; } .login-panel .col-md-4 { -webkit-box-flex: 0; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; margin:0.5em 0; } .login-panel .col-md-8 { -webkit-box-flex: 0; -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; margin:0.5em 0; } #loginform input[type="email"],#loginform input[type="password"]{width:calc( 100% - 2em );max-width:350px} .login-panel .line{background-color:#3c3c3b;} input.login-toggle:checked ~ .login-panel{display:block;} .admin .admin.login {display:inline;} .z0 {z-index:-1;} .z1 {z-index:2;} @media screen and (min-width: 35.5em) { /* sm */ header {--mainwidth: 20rem} .accmenu input:checked ~ ul{position:absolute;top:1rem;left:var(--mainwidth);} .accmenu li.activeparent > a,.accmenu li.menudepth0.currentpage > a {width:calc(var(--mainwidth) - 5.5rem);} .accmenu li.activeparent:after,.accmenu li.menudepth0.currentpage:after {right:unset;width:calc(var(--mainwidth) - 2rem);} .accmenu li.currentpage.menudepth0{padding-bottom:1rem;} .accopener{right:unset;left:calc(var(--mainwidth) - 5.5rem);} } @media screen and (min-width: 58em) { /* '> galaxy landscape' */ .l-header {text-align:left;} .menu-panel-menu{left:0;right:unset;} #header:before{left:2px;top:1rem;right:unset;} .main-menu {right:unset;left:2em;} .hamburger .line {width: 44px;height: 4px; margin: 7px auto;--ty:11px;} .main-menu label[for='rmainmenu']:before {--mbsize : 90px;} #header:before {--mbsize : 75px;left:0.60rem;top:1.1rem;} div.breadcrumb {vertical-align:bottom;width:calc(50% - 2rem);} } @media screen and (min-width: 64em) { /* lg */ .menuimage {display:block;z-index:0;opacity:0;transition: opacity 0.3s ease-in-out;} .menuimage.front{opacity:1;} .menuimage.back{z-index:0;opacity:1;} } @media screen and (min-width: 92em) { /* 'xxl' */ .hamburger .line {width: 50px;height: 5px;margin: 8px auto;--ty:13px;} .main-menu label[for='rmainmenu']:before { --mbsize : 100px;} #header:before { --mbsize: 83px;} } /* --- logo --- */ a.logo { position:fixed;left:50%; min-width:190px; width:240px; max-width:32vw; transform: translate(-50%,70px); z-index:1; background-image : url('https://www.rovell-hotels.de/assets/images/rovell-logo-weiss.svg'); background-color: #3c3c3b33; background-size: 107%; background-position:center; background-repeat:none; opacity: 1; transition: opacity 0.5s linear; border:solid white 2px; box-sizing:border-box; } a.logo .after{ padding:0;height:0;width:100%;padding-bottom:60.0%;display:block; } a.logo.off {opacity: 0; pointer-events: none;} #countdownholder {display:block;width:100%;font-size:5vw;margin-top:15%;} table.countdown,table.countdown tr {border:0px transparent;} table.countdown .cvalue td {padding-bottom:8%;} table.countdown td {text-align:center;vertical-align:middle;width:25%;border-bottom:0;color:#3c3c3b} /**** spezielle Seitentypen /watermark ****/ .zimmermappe #content {margin-top:2em;} .zlogo img{width:340px;height:auto;display:inline-block;margin:0 auto;} @media screen and (max-width: 40em) { .a-newsletter-allgemein form select {font-size:0.8em;} } @media screen and (min-width: 48em) { .zimmermappe #content {margin-top:0em;} } .info-socket .info-mail { position:relative;left:1em;display:inline-block;width:26px;overflow:hidden; } .info-socket .info-mail:before{content:'|';} .hreflang {font-size:1em;padding:0 0.5em;text-transform:uppercase;} a.hreflang {color:#3c3c3b;} a.hreflang:hover{color:black;text-decoration:none;} span.hreflang {color:#888;} /* ---- menu minimenu - inpage ---- */ .minimenu {margin-top:4em;} .menu-panel-menu .minimenu a.currentpage::before{content:'';display:none;} .menu-panel-menu .minimenu a.currentpage{font-weight:bold;} .menu-panel-menu .minimenu a.currentpage::after{font-weight:normal;} .minimenu li {display:inline-block;} #content .minimenu li:not(:first-child) {margin-left:2em;} .shariff ul{margin-left:1em;} /* --- Blog --- */ .date-and-author {font-style:italic;} footer .author a * {color:#5B7A8E;} footer .author h3,footer .author h3 a span{color:#5B7A8E;} footer .author h3 {margin:1rem 0 0.5em 0;} footer .author em.email{margin-right:0.5em;color:#5B7A8E;font-weight:bold;} article footer .author a {color:#5B7A8E;font-weight:bold;} footer.blogauthor div:not(.l-pad) {padding:0;box-sizing:border-box;} article footer .author{padding-bottom:1em !important;} footer.blogauthor .bg-lightblue {padding:0 1rem;} /* --- Footer --- */ .footer-greeting {text-align:center;color:red;} footer {color:white;margin:1em 0 0 0;padding:0;width:100%;} footer>div{padding-left:1rem;padding-right:1rem;} footer {vertical-align: top;position:relative;} footer h2 {color:white;margin:0;border:none;padding-bottom:0;} footer .bg-teaser h3 {margin:1.1rem 0 0.5rem 0;color:#df6161;} footer .wave{border:none;} footer .wave:after{border:solid white 0px;border-bottom-width:2px;margin-bottom:1em;} footer .author {overflow:hidden;padding:none;box-sizing:border-box;} footer .author-image {} footer a.rovell { display:block;color:transparent;width:8em;height:3em;margin: 1.5em 0 1em 0; background: no-repeat left top url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20127%2050%22%3E%3Cdefs%3E%3CclipPath%20id%3D%22a%22%3E%3Cpath%20d%3D%22M0%200h127v50H0z%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3Cg%20clip-path%3D%22url(%23a)%22%3E%3Cpath%20fill%3D%22%2361859d%22%20d%3D%22M37.8%2049.1v-3.3h-3.1V49h-1.4v-7.7h1.4v3h3.1v-3h1.4V49Zm12.4-.7a3.3%203.3%200%200%201-4.4%200%205.5%205.5%200%200%201%200-6.3%203.3%203.3%200%200%201%204.4%200%205.5%205.5%200%200%201%200%206.3Zm-1-5.4a1.7%201.7%200%200%200-2.4%200%204.7%204.7%200%200%200%200%204.5%201.7%201.7%200%200%200%202.4%200%204.7%204.7%200%200%200%200-4.5Zm10.1-.3v6.4H58v-6.4h-2.3v-1.3h6v1.3Zm7.5%206.4v-7.7h5.4v1.3h-4v1.8h3.6v1.2h-3.6v2.1h4v1.3Zm11%200v-7.7h1.4v6.4h3.5V49Zm14.8-.7a3.4%203.4%200%200%201-2.4.9%203.4%203.4%200%200%201-2.3-.8%202.4%202.4%200%200%201-.8-1.8h1.4a1.3%201.3%200%200%200%20.4%201%201.8%201.8%200%200%200%201.3.3%201.9%201.9%200%200%200%201.3-.4%201%201%200%200%200%20.4-.7c0-.6-.5-.9-1-1l-1.7-.1A2.1%202.1%200%200%201%2088%2042a3.3%203.3%200%200%201%202.2-.8%203.2%203.2%200%200%201%202.2.7%202.3%202.3%200%200%201%20.7%201.7h-1.4a1.3%201.3%200%200%200-.3-.8%202%202%200%200%200-2.4%200%201%201%200%200%200-.3.7.8.8%200%200%200%20.8.8l1.6.2a2.3%202.3%200%200%201%201.5%203.8ZM35.1%2030.2a10.4%2010.4%200%200%201-4-4.2%2013.4%2013.4%200%200%201%200-11.8%2010.3%2010.3%200%200%201%204-4.1%2012.6%2012.6%200%200%201%2012%200%2010.3%2010.3%200%200%201%204%204.1%2013.4%2013.4%200%200%201%200%2011.8%2010.4%2010.4%200%200%201-4%204.2%2012.6%2012.6%200%200%201-12%200Zm9.7-3.2a19%2019%200%200%200%200-13.7%204%204%200%200%200-7.4%200%2019%2019%200%200%200%200%2013.7%204%204%200%200%200%207.4%200ZM57%2014.4a18.9%2018.9%200%200%200-2.2-3.7%203%203%200%200%200-2-1.1v-1h1.8a10.6%2010.6%200%200%201%205.3%201.2%2010%2010%200%200%201%203.7%204.6l4.2%209.1L74.1%209h2.6l-10%2022.7h-1.8Zm27%2015.8a10.2%2010.2%200%200%201-3.9-4.1%2012.8%2012.8%200%200%201-1.3-6%2013.6%2013.6%200%200%201%201.3-6.3%209.5%209.5%200%200%201%203.8-4A10.6%2010.6%200%200%201%2089%208.6a11.7%2011.7%200%200%201%205.3%201.2%209.3%209.3%200%200%201%203.7%203.4%209%209%200%200%201%201.4%204.9v2l-.2%201H85.1c0%203%20.4%205.2%201.4%206.5a4.4%204.4%200%200%200%203.8%202%206.8%206.8%200%200%200%203.8-1%2012.3%2012.3%200%200%200%203-2.8l1.4%201a12.4%2012.4%200%200%201-3.4%203.6%209.6%209.6%200%200%201-5.5%201.4%2010.9%2010.9%200%200%201-5.8-1.5Zm9-11.4q0-4.4-1-6.3a3.3%203.3%200%200%200-3-1.9%203.3%203.3%200%200%200-3%202q-1%201.9-1%206.2Zm11%206.3a14%2014%200%200%200%20.3%203.7%203.1%203.1%200%200%200%201.3%201.9%205%205%200%200%200%202.6.5h5.7V30h-.5a2.8%202.8%200%200%201-2.6-1.2%207%207%200%200%201-.7-3.3V6.2a14%2014%200%200%200-.4-3.8%203.1%203.1%200%200%200-1.2-1.8A5%205%200%200%200%20106%200h-5.7v1.4h.4a2.8%202.8%200%200%201%202.7%201.2%207.4%207.4%200%200%201%20.7%203.6V25m12.5%200a14%2014%200%200%200%20.4%203.7%203.1%203.1%200%200%200%201.3%201.9%205%205%200%200%200%202.6.5h5.6V30h-.4a2.8%202.8%200%200%201-2.7-1.2%207.3%207.3%200%200%201-.6-3.5V6.2a14%2014%200%200%200-.4-3.8A3.1%203.1%200%200%200%20121%20.6a5%205%200%200%200-2.6-.6h-5.7v1.4h.5a2.8%202.8%200%200%201%202.6%201.2%207.4%207.4%200%200%201%20.7%203.6V25M21%2030a18.4%2018.4%200%200%201-4.5-5.3L12%2017h-2v14.3H3.9v-25A7.5%207.5%200%200%200%203%202.6%202.8%202.8%200%200%200%20.5%201.4H0V0h13a21.1%2021.1%200%200%201%209%201.8q3.8%201.8%203.8%206.9c0%204-2.5%206.6-7.6%207.9l5%208.2q2.7%204.7%205.8%205.2v1.2a5%205%200%200%201-1.4.4%2013.6%2013.6%200%200%201-1.8.1%207.9%207.9%200%200%201-4.7-1.5Zm-8.3-15a6.8%206.8%200%200%200%204.5-1.6q2-1.6%202-5a6.2%206.2%200%200%200-2-5%206.3%206.3%200%200%200-4-1.4%209.4%209.4%200%200%200-2.2.2l-1%20.1v12.9Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E%20'); background-size:contain; } h3.footer-title,.footer-panel {margin-top:0;font-size:1.2em;font-weight:normal;} .footer-panel {padding-bottom:1em;margin-bottom:1.5rem;} .bg-rovell .footer-panel a {color:white;} .foot-menu {font-size:1em;margin-right:1em;line-height:1.5em;} .menuholder .foot-menu {text-transform:uppercase;} img.map {display:none;} @media screen and (min-width: 48em) { .foot-menu {display:block;line-height:47px;} img.map{display:inline-block;width:7rem;padding:1rem 0 1rem 0.25rem;} .menuholder{position:relative;} .menuholder:after { content:' '; border:solid #5B7A8E; border-width:3px 3px 0 0; position:absolute; top:2em;right:-5em; width:5.25em;height:2em; } } footer ul {padding:0 1.4em;} footer li.heart {list-style:none;position:relative;} footer li.heart:before{ content:' '; width:1.4rem;height:1.4rem;line-height:1.4rem;vertical-align:bottom; display:inline-block;margin-right:0.1em; background: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2019%22%3E%3Cdefs%3E%3CclipPath%20id%3D%22b%22%3E%3Cpath%20fill%3D%22%23fff%22%20stroke%3D%22%2361859d%22%20d%3D%22M0%2025.7V0h29.8v25.7z%22%20data-name%3D%22Rechteck%20527%22%2F%3E%3C%2FclipPath%3E%3CclipPath%20id%3D%22a%22%3E%3Cpath%20d%3D%22M0%200h16v19H0z%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3Cg%20data-name%3D%22Gruppe%20180%22%3E%3Cg%20clip-path%3D%22url(%23a)%22%20data-name%3D%22Gruppe%20627%22%3E%3Cg%20clip-path%3D%22url(%23b)%22%20data-name%3D%22Gruppe%20626%22%20transform%3D%22rotate(-23%204.4%2028.5)%22%3E%3Cg%20data-name%3D%22Gruppe%209%22%3E%3Cpath%20fill%3D%22%23fff%22%20stroke%3D%22%2361859d%22%20d%3D%22m16.8%209.8.2-.2.2-.2a6.3%206.3%200%200%201%201.2-1.2%202.8%202.8%200%200%201%201.7-.6A2.5%202.5%200%200%201%2022%209a3%203%200%200%201%20.2%201.8%205.4%205.4%200%200%201-1%202.2%2010.3%2010.3%200%200%201-2.1%202.3l-.5.4-2.5%201.7c-2.6%201.8-3.5%202.7-3.8%202.6s-.6-.7-1.1-3a41.4%2041.4%200%200%201-1-6c-.1-2.5-.2-4.6%201.2-5.9a3.2%203.2%200%200%201%202-.9%203.3%203.3%200%200%201%203%201.8%205.4%205.4%200%200%201%20.5%203v.8%22%20data-name%3D%22Pfad%201%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E%20') no-repeat bottom; position:absolute;left:-1.5em; top:1px; } .footer-panel ul {font-size:1rem;} .menuholder{padding:1rem 0;box-sizing:border-box;display:inline-block;} .menuholder a{font-size:1.1em;line-height:1.6em;} .minimenuholder{display:flex;flex-wrap:wrap;padding:0rem 1rem 0rem 1rem;font-size:0.8em;} .minimenuholder a.foot-menu {color:white;} /* --- swiper Kopfgalerie -- */ .swiper-container {height:calc(100% - 0.5rem);overflow:hidden;} .swiper-container.category-swiper{overflow:clip;overflow-x:clip;overflow-y:visible;} .swiper-slide {position:relative;box-sizing:border-box;} .swiper-slide img {width:100%;height:100%;object-fit:cover;} .swiper-decoration {position:absolute;left:0;bottom:0;right:0;padding:0.5rem 1rem; background-color:rgba(255,255,255,0.6);} .swiper-slide.bg-theme {background-color:transparent;} .l-header-middle .swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets{bottom:0;} .swiper-slide hr {margin: 0 auto 0;} .h576 .header-slider img {max-height:576px;} figure.swiper-slide {margin:0;position:relative;} figure.swiper-slide figcaption { position:absolute; bottom:0;left:0;right:0; z-index:1;background-color:#CFDAE1BB;padding:0.5em 1em; color:#3c3c3b;} .header-slider .swiper-button-next {right:2rem;} .header-slider .swiper-button-prev {left:2rem;} /* Startseitenslider */ .swiper-scale-effect .swiper-slide > .swiper-slide-cover { position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: transparent no-repeat 50% 50% cover; } .lazyloaded {opacity:1;} .swiper-scale-effect .swiper-slide-cover { transition: 10s ease-in; transform: scale(1.07); } .swiper-scale-effect .swiper-slide.swiper-slide-active .swiper-slide-cover { transform: scale(1); } .l-header-middle img{ object-fit: cover; width:100%; height:100%; } /* --- Formulare --- */ .cms_form input, .cms_form label,.housechoice label {line-height:normal;width:auto;font-size:0.95em;} .cms_form input.datepicker {width:9em;} .cms_form select,.cms_form option {font-size:0.95em;} .cms_form .cms_submit {color:#3c3c3b;} .cms_form .dark .cms_submit{color:white;} .contactform label,.form label {width:13em;vertical-align:top;display:inline-block;line-height:1.6em;} .form .zimmertyp label {width:11em;} .form .row.check input,input.cms_checkbox {margin-left:0em;} .form .row.check label {display:block;width:100%;} .contactform .row,.form .row {padding: 0.4em 0 0 0;} .contactform .hint {vertical-align:top;} .contactform .inputfld{display:inline-block;padding:0.4em 0 0 0.8em;} .contactform .captchapict{display:block;} .contactform .cms_textfield{margin:0.4em 0;width:12em;} .contactform .cms_submit{border:none;background:#5B7A8E;padding:0.5rem 1rem;color:white;display:inline-block;margin:0.5em 0;} .contactform .cms_submit:hover{background:#4E6B7E;} .contactform .submit {position:relative;} .contactform textarea,.form textarea {width:100%;display:block;} .land select {max-width:200px;} .error_message{color:#B60000;font-weight:bold;} .row select {display:block;} .newsletterform th, .newsletterform td {border:none;} .newsletterform td{max-width:25%;} .newsletterform input[type='text']{width:100%;} .gutschein fieldset, .form fieldset {margin:1em auto;} .gutschein .cms_textarea {width:40%;} .gutschein .fbr_helptext,.gutschein .required a{vertical-align:top;} .gutschein .fbr_helptext{width:20%;margin-left:1.5em;} .quickbooker {display:inline-block;line-height:2.2em;height:100%;font-size:1em;width:100%;} .quickbooker input,.quickbooker select{margin-right:2em;} .quickbooker button{line-height:2.2em;font-size:1em;border:none;padding:0.2em 0.6em 0.3em 0.6em;position:relative;top:-3px;} .quickbooker button.right {float:right;margin-left:0.3em;padding:2px 1em;} .dashboard label {width:25em;} .form.dashboard .zimmertyp label {position:relative;left:28em;max-width:calc(100% - 28em);} .form.dashboard .zimmertyp input {position:relative;left:12em;} /* Zimmeranfrage */ .zimmerbuchung .zimmertyp label {position:relative;left:11em;max-width:17em;} .zimmerbuchung .zimmertyp label:before{content:'x ';font-size:0.95em;} .zimmerbuchung .zimmertyp input {position:relative;left:-4em;} .zimmerbuchung fieldset {border:none;padding:0;position:relative;} .zimmerbuchung fieldset legend {position:absolute;top:0.5em;} .zimmerbuchung fieldset legend:after{content:':';} .titel {position:relative;} .titel select{position:absolute;top:-1.65em;left:10em;} .kind {display:none;} .v1 ~ .k1, .v2 ~ .k1, .v3 ~ .k1, .v4 ~ .k1, .v5 ~ .k1, .v2 ~ .k2, .v3 ~ .k2, .v4 ~ .k2, .v5 ~ .k2, .v3 ~ .k3, .v4 ~ .k3, .v5 ~ .k3, .v4 ~ .k4, .v5 ~ .k4, .v5 ~ .k5 {display:block;} .hasDatepicker{background:url('https://www.rovell-hotels.de/assets/images/icon_kalender-startseite.png') no-repeat calc(100% - 1px) top; margin-left:0.2em;cursor:pointer;padding:2px;} .hasDatepicker:hover{background-position: calc(100% - 1px) -23px;} .form-hint {font-size:0.8em;margin-left:15.5em} .kind label:after{content:'*';} /* Bewerbungsformular */ .bewerbung input[type=text],.bewerbung input[type=email]{width:calc(100% - 14em);} .bewerbung .fc input[type=text] {width:calc(100% - 1em);} .bewerbung .cb input[type=checkbox] {margin-left:0;} .bewerbung .cb label:last-child {width:calc(100% - 17em);} .bewerbung .fb_invalid {color:#B60000;font-weight:bold;} .bewerbung .fb_invalid label{color:#1b2123;font-weight:normal;} /* Captcha */ .captchapict {margin-left:0em;} .captcha small {display:block;} .captcha .inputfld {padding-bottom:0.5em;} .grecaptcha-badge { width: 70px !important; overflow: hidden !important; transition: all 0.3s ease !important; left: 4px !important; } .grecaptcha-badge:hover { width: 256px !important; } /* Tagungsanfrage */ .tagungsanfrage fieldset {border:none;padding:0;position:relative;} .tagungsanfrage fieldset legend {position:absolute;top:-1.5em;} /*.tagungsanfrage fieldset label {font-weight:bold;text-align:right;padding-right:2em;width:11em;}*/ .contactform.tagungsanfrage .hint {font-size:0.8em;padding-left:15.5em;} /* cbooking qbooker */ .gallery-panel a.button{font-size:0.9em;font-family:sans-serif;padding:5px 1em;position:relative;top:2px;height:19px;} /* Arrangement Filter */ .vip_filter{margin-right:0.5em;} .submitholder{text-align:left;} button.vip_filter{display:inline-block;background:#df6161;padding:0.5rem 1rem;color:white;text-transform:uppercase;text-decoration:none;border:none;margin-top:1em;} button.vip_filter:hover{text-decoration:underline;} .filteritem input{display:none;} .filter-button {display:inline;} .filteritem label{text-align:center;display:block;font-size:0.8em;margin-bottom:1em;cursor:pointer;} .filter-button label{font-size:1em;} .filteritem label:not(.button):before{height:71px;width:71px;display:block;margin:0 auto;box-sizing:border-box;content:' ';background-repeat:no-repeat;background-position:left top; background-image: url("https://www.rovell-hotels.de/assets/images/icons-angebote_final.svg"); } /* vordefinierte Kategorien werden eingebettet - erweiterungen sind vorbereitet, würden aber langsamer geladen */ .filteritem.romantik label:before{background-position-y:0;} .filteritem.feiertage label:before{background-position-y:-81px;} .filteritem.ab-5-tage label:before{background-position-y: -162px;} .filteritem.gourmet label:before{background-position-y: -243px;} .filteritem.genuss label:before{background-position-y: -70px;} .filteritem.familie label:before{} .filteritem.specials label:before{background-position-y: -324px;} .filteritem.flug label:before{background-position-y: -405px;} .filteritem.wellness label:before{background-position-y: -486px;} .filteritem.kurzurlaub label:before{background-position-y: -567px;} .filteritem.fruhjahr label:before{background-position-y: -648px;} .filteritem.fruehling label:before{background-position-y: -648px;} .filteritem.sommer label:before{background-position-y: -729px;} .filteritem.herbst label:before{background-position-y: -810px;} .filteritem.winter label:before{background-position-y: -891px;} .filteritem input:checked+label:before,.filteritem input:hover+label:before {background-position-x:right;} .filteritem input:checked+label {color:#5B7A8E;} /* dl dd dt */ dl {padding-left:1em;} dd,dt {display:inline-block;margin:0;padding:0;vertical-align:top;text-indent:-1em;} dt {width:50%;} dd {width:45%;} dt::before{content:'\273D '; color:#5B7A8E;padding-right:0.2em;} dd::before{content:'⇒ ';} /* Gutter */ .pad{padding:1rem;position:relative;background-repeat:no-repeat;background-position:center center;background-size:cover;} .nobpad.textbox {padding-bottom:0;} .tpad{padding-top:1rem;} .bpad{padding-bottom:1rem;} .lpad{padding-left:1rem;} .rpad{padding-right:1rem;} .hpad{padding-left: 1rem;padding-right:1rem;} .gutter {padding:0;margin:0;font-size:0;} .gutter >* {font-size:16px;} /* Add a gutter to Pure's Columns */ /* Standard Blöcke */ .textbox {padding: 1em 1em;box-sizing:border-box;font-size:0.95em;} .textbox h1,.textbox h2 {margin: 0 0 0.4em 0;} .textbox .textbox-theme h1, .textbox .textbox-theme h2 {color:white;} .textbox .textbox-theaser h1, .textbox .textbox-teaser h2 {color:#5B7A8E;} .textbox .textbox-teaser hr,.bg-teaser hr {border-color:#5B7A8E;} .textbox .textbox-teaser a {color:#5B7A8E;} .textbox a:not(.button) {font-weight:bold;} .bg-theme a {color:#bbccd6;color:white;font-weight:bold;} .bg-theme2 a {color:#5B7A8E;color:white;} .bg-rovell a {color:#bbccd6;} .bg-invers a {color:#CFDAE1;color:#b2b1af;} .bg-teaser a {color:#4E6B7E;} .bg-change a {color:white;} @media screen and (min-width: 48em) { /* 'sm' */ .bg-change a {color:#df6161;} } .textbox h2.zwischentitel {margin-bottom:0;} .textbox h2 {line-height:1em;} .textbox h3 {font-size:1.2em;color:#df6161;margin: 0 auto 1rem auto;line-height:1.4em;} .textbox p:first-child{margin-top:0.4em;} .textbox p{margin-right:0.75em;} .textbox-extra {padding:1rem;box-sizing:border-box;} .h576.block-gallery,.h576.bildbox-inner {height:384px;} .h576.block-gallery .swiper-container {height:352px;} .h576 {height:576px;} .h384 {height:384px;} .h288 {height:288px;} .h192 {height:192px;} .h176 {height:176px;} .w100 {width:100%;box-sizing:border-box;padding:1rem;position:relative;} .w100np {width:100%;box-sizing:border-box;padding:1em 0 0 0;position:relative;} .w100np .pad{padding:0 1em 1em 1em;} .w100.h384{height:calc(432px);} .textbox-extra .vcenter { padding:1rem; background-repeat:no-repeat; background-position: bottom -126px right -120px; background-size:320px; box-sizing:border-box; position:relative; /* height:100%; */ } .textbox-extra.h576 .vcenter {height:100%;} .textbox-extra .vcenter * { z-index:1;position:relative;} .textbox-extra .vcenter:not(.textbox-logo-nologo) { } .textbox-extra .vcenter:before{ content:' '; position:absolute; right:0em;bottom:-1em; background: no-repeat center; background-size:100%; height:120px;width:120px; z-index:0; } @media screen and (min-width: 64em) { .textbox-extra .vcenter:before { height:160px;width:160px;bottom:-2.5em; } } .textbox-extra .vcenter.textbox-logo-hzp:before { background-image: url('https://www.rovell-hotels.de/assets/images/hzp-logo-hzp-schmuckbox.svg'); } .textbox-extra .vcenter.textbox-logo-rov:before { background-image: url('https://www.rovell-hotels.de/assets/images/rovell-herz-weiss.svg'); width:80px;height:112px; bottom:1em;right:1em;opacity:0.3; } .textbox-extra .vcenter.textbox-logo-spa:before { bottom:-0.5rem;right:0.5em; background-image: url('https://www.rovell-hotels.de/assets/images/vip-logo-spa-schmuckbox.svg'); opacity:0.7; } .textbox-extra .vcenter.nologo:before { content:''; } .bildbox{box-sizing:border-box;} .infobox{text-align:center;margin:auto;position:absolute;top:0;left:0;bottom:0;right:0;display:inline-block;} .gallery .bildbox{float:none;background-clip: content-box;} .bildbox-inner{background-repeat:no-repeat;background-position:center center;background-size:cover;box-sizing: border-box;background-clip:content-box;position:relative;} .bildbox-title {position:absolute;height:auto;left:1rem;bottom:1rem;right:1rem;display:block;color:white;text-align:center;background:rgba(60,60,59,0.7);padding:1em;line-height:1.3em;} /*.bildbox:hover .bildbox-inner:not(.h576):not(.h384) .bildbox-title{position:relative;margin:-2.25em -1em -1em -1em;width:calc(100% - 2em);}*/ .bildbox-inner:not(.h384):not(.h192) .pure-img{padding:0;} .bildbox-inner:not(.h384):not(.h192) a.zoom:after{top:0;right:0;} a.group,a.imgref {position:absolute;left:0;top:0;right:0;bottom:0;} .bildbox-inner:not(.h384):not(.h192) a.group{position:relative;display:block;} .l-pad a.group{left:1em;top:1em;right:1em;bottom:1em;} .image-title {padding:0 1rem;position:relative;top:-0.8rem;font-size:0.8em;line-height:1.4em;display:block;} a.zoom:after {content:'+';position:absolute;right:1rem;top:1rem;display:block;background:rgba(255,255,255,0.7);font-weight:bold;color:#5B7A8E;padding:0 0.3em;} .textbox li {text-align:left;} .pure-img { height: auto; display: block; padding: 1em; box-sizing: border-box; object-fit: cover; width:100%; } /* rovell media server */ .rvm {display:block;} .rvm img {height:348px;padding:0;max-width:100%;object-fit:cover;} .rvm-desc{width:calc(100% - 2em);position:relative;padding-left:1em;} .rvm-desc ~ .rvm-desc{padding-bottom:0.5em;} .rvm-pdfmark{width:15%;position:absolute;right:2.5em;top:2.5em;} a.rvm-dllink {font-family: 'Basic',sans-serif;display:inline-block;font-size:1.7em;line-height:1.3em;height:1.3em;width:1.3em;background-color:#5B7A8E;color:white;font-weight:bold;text-align:center;position:absolute;right:0;} .textbox a.rvm-dllink:hover{text-decoration:none !important;background-color:#4E6B7E;} .rvm-video {width:100%;} .rvm-dir { container-name : directory; container-type : inline-size; } .rvm-1-3 .pad {padding-top:0;} @container directory (width > 540px) { .rvm-1-3 {width:33.33%;} .rvm-2-3 {width:66.66%;} .rvm-1-3 .pad {padding-top:1em;} } /* Anleser für Standardseiten * Arrangement Anleser für Arrangementseiten */ .anleser{padding:1rem;box-sizing:border-box;position:relative;z-index:1;} .anleser:hover{text-decoration:none;} .anleser.h384,.anleser.h576{background-repeat:no-repeat;background-position:center bottom;background-size:100%;background-clip:content-box;} .anleser.h576.grayeffect{background-position:left bottom;background-size:200% 100%;} .anleser.h576.grayeffect:hover{background-position:calc(100% + 2px) bottom;background-size:201% 100.5%;} .anleser.h384:before,.anleser.h576:before { left:1em;top:1em;right:1em;height:312px; background: #CFDAE1; z-index:-1; content:' '; position:absolute; /*overflow:hidden;*/ } .anleser.h384:after,.anleser.h576:after,#header:after { content:' ';position:absolute; left:0;right:0; background-position:bottom; background-color:transparent; z-index:2; } .anleser.h384:after,.anleser.h576:after{ left:1em;right:1em;top:317px; } #header:after { height:20px;bottom:-11px;z-index:2;transform:rotate(180deg); } .anleser.h576:after {height:19px;} .anleser.h384:after {height:250px;} .anleser.arrangement.h384:before,.anleser.arrangement.h576:before { background:white; border:solid 1px #5B7A8E; border-bottom-width:0px; } .anleser-titel,.arrangement-titel {margin:0 1.5em 0 1em;} .arrangement .anleser-titel,.arrangement .arrangement-titel{color:#3c3c3b;} .anleser hr{margin:0;height:1px;position:relative;left:0;top:-0.75em;border-color:#5B7A8E;} .anleser h3{color:#5B7A8E;} .anleser.arrangement h3{color:white;} .anleser.bg-teaser {border:none;} .anleser.arrangement hr{border-color:#5B7A8E;} #content .anleser ul:not(.checked) li {margin-left:-1em;} #content .arrangement h3.arrangement-titel-text {color: #5B7A8E; padding-top:0.5rem;padding-right:3em;position:relative;} .arrangement-titel .initial {display:block;position:absolute;height:2.1em;top:2.3em;margin-right:0.2em;} .has-initial {text-indent:1.3em;} .anleser .pure-img{width:100%;} .arrangement-teaser,.arrangement-untertitel {font-size:1.02rem;line-height:1.4em;color:#3c3c3b;padding-right:0.85em;} .arrangement-teaser ul {margin-top:0;} .arrangement-untertitel {margin-bottom:1em;margin-right:1rem;} .arrangement-titel .arrangement-link {position:absolute;top:17rem;background-color:#5B7A8E !important;border-color:#5B7A8E !important;} .anleser:hover .arrangement-link{background-color:#4E6B7E !important;border-color:#4E6B7E !important;} .anleser-link {color:white;background:#5B7A8E;box-sizing:border-box;border:solid #5B7A8E 1px;position:absolute;top:16em;} .anleser:hover * {text-decoration:none;text-decoration-color:transparent;} .arr-overlay {font-size:0;cursor:pointer;pointer-events:none;position:absolute;left:1em;right:1em;top:1em;bottom:1em;border:none;} .arrangement .arrangement-teaser, .arrangement .arrangement-untertitel {color:#df6161;font-weight:normal;} .arrangement-price,.arr-main-price { position:absolute; top:-.93em;right:-1em; background:url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22141%22%20height%3D%22138%22%3E%3Cdefs%3E%3CclipPath%20id%3D%22a%22%3E%3Cpath%20d%3D%22M0%200h141v138H0z%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3Cg%20fill%3D%22%2361859d%22%20clip-path%3D%22url(%23a)%22%3E%3Cpath%20d%3D%22M70.08%200a68.8%2068.8%200%201%201-26.89%205.43A68.77%2068.77%200%200%201%2070.08%200Z%22%2F%3E%3Cpath%20fill%3D%22%23e86a6a%22%20d%3D%22M70.03%20135.88a68.15%2068.15%200%200%200%2013.3-1.31%2066.17%2066.17%200%200%200%2021.37-8.34%2066.84%2066.84%200%200%200%2016.98-14.65%2067.5%2067.5%200%200%200%2010.04-16.5%2066.74%2066.74%200%200%200%202.38-45.82%2066.68%2066.68%200%200%200-18.95-29.82A67.55%2067.55%200%200%200%2096.18%207.28a66.77%2066.77%200%200%200-39.45-3.95%2066.17%2066.17%200%200%200-21.41%208.38%2066.85%2066.85%200%200%200-16.99%2014.72A67.52%2067.52%200%200%200%208.31%2042.97a66.74%2066.74%200%200%200-2.25%2045.84%2066.69%2066.69%200%200%200%2019%2029.73A67.57%2067.57%200%200%200%2044%20130.64a66.76%2066.76%200%200%200%2026.03%205.24m0%202a68.77%2068.77%200%200%201-48.72-20.14%2068.68%2068.68%200%200%201-20.24-48.7%2068.7%2068.7%200%200%201%2020.18-48.8A68.8%2068.8%200%200%201%2070.08%200a68.77%2068.77%200%200%201%2048.81%2020.24%2068.68%2068.68%200%200%201%2020.13%2048.8%2068.7%2068.7%200%200%201-20.27%2048.7%2068.8%2068.8%200%200%201-48.73%2020.14Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E') center center; background-size:contain; background-repeat:no-repeat; border-radius:4em; border:solid transparent 0px; height:3rem; padding: 2rem 2rem; width:5rem; text-transform:initial; text-align:center; transition-property: top, left, border-radius; transition: 0.4s ease-in-out, 0.4s ease-in-out 0.75s ease-in-out; font-size:1em; line-height:1.3em; box-sizing:content-box;background-clip: border-box; } .arrangement-price *,.arr-main-price * { color:white; } .arrangement-band { background-color:#df6161;color:white; transform:rotate(-90deg); transform-origin: bottom right; padding:0 0.5em;width:auto;border:solid #df6161 0.5em; border-radius:1em 0 0 0; position:absolute;right:1rem;top:-1.25rem; text-transform: uppercase; font-size:0.8em; letter-spacing: 0.25em; } .category-swiper .arrangement-price {z-index:3;} .category-swiper .arrangement-price * {color:white;} .arrangement-price .price{display:block;font-size:1.2em;} .arrangement-price .price.small {font-size:0.78em;position:relative;top:7px;line-height:1.2em;} .arr-text-price {font-size:1.6em;color:#5B7A8E} .arr-text-price sup {font-size:0.67em;position:relative;top:-5px;} .button .price sup{ top:-3px;} .arrangement-price * {position:relative;top:-.7em;} .arrangement-price .price {top:-.45em;} .arrangement-price .price small {position:relative;top:0;} .arrangement-price .price sup { position:relative; top:-4px; } h3.arrangement-titel-text {padding-top:1em;margin:0 0em 0.75em 0;} .arrimgholder {position:absolute;width:calc(100% - 2em);height:calc(50% - 1em);top:50%;z-index:-2;background-position:bottom center;background-size:cover;} .arrimgholder.top {background-position:top center;top:1em;} .anleser.block:before{bottom:1em;top:auto;height:230px} .block .arrangement-titel {height:50%;top:auto;bottom:0.5em;position:absolute;} .block.anleser.h384,.block.anleser.h576 {background-position:center top;} .block.anleser.h384:after,.block.anleser.h576:after{ background: no-repeat url('data:image/svg+xml,'); bottom:1em;top:auto;height:348px; background-size:cover; background-position: top center; } .block .anleser-link{top:auto;bottom:1.5em;position:absolute;} /* HZPArrangement Header */ .arr-main-price {position:absolute;top:0;right:1rem;z-index:2;height:3em;width:5em;font-size:1.4em;padding:2em;} @media screen and (min-width: 35.5em) { /* 'sm' */ .arr-main-price {top:0em;} } .arr-decopanel, .separator { background-repeat:no-repeat; background-position:center; background-clip:content-box; } .arr-decopanel { background-size:180px; padding-right:1rem; } .arr-content .from {font-size:0.75em;} /*.arr-title {margin-bottom:2em;}*/ @supports (display: grid) { .arr-content {grid-area:content;} .arr-buttonpanel {grid-area: booker;} .arr-decopanel {grid-area: deco;} .arr-title {grid-area:title;padding:1em 1em 0 1em;} .arr-grid { display:grid; grid-template-columns: 2fr 1fr; grid-template-rows: auto; grid-template-areas: "title title" "content content" "booker booker"; } .arr-buttonpanel {align-self:end;} @media screen and (min-width: 32em) { .arr-grid { grid-template-columns: 1fr 1fr; } } @media screen and (min-width: 42em) { .arr-decopanel{ background-size:85%; background-position:center ; min-height:6em; } .arr-buttonpanel { text-align:center;padding-right:2rem; } .arr-grid { grid-template-columns: 3fr 2fr; grid-template-areas: "title title" "content deco" "content booker"; grid-template-rows: 1fr min-content; } } } /* Gallerieblöcke (block-gallery) */ .nopadding .block-gallery {padding:1rem;box-sizing:border-box;} .nopadding .textbox-extra {padding:1rem;box-sizing:border-box;} /* Preistabelle */ table { border-collapse: collapse; width: 100%; } th, td { padding: 10px; vertical-align: top; text-align: left; font-size: 16px; } table.mundart td,table.mundart th {padding:5px;} .a-newsletter-abbestellung table tr:hover {background:none;} .a-newsletter-abbestellung button,.a-newsletter button{background:#5B7A8E !important;color:white;border-radius:0 !important;} .a-newsletter-abbestellung button:hover,.a-newsletter button:hover{background:#5B7A8E !important;} .a-newsletter label {padding-left:0.2em;} .a-newsletter-abbestellung td{border:none !important;} th:not(.no-border),td:not(.no-border) { border-bottom: 1px solid #ddd;padding-bottom:5px; } tr.no-border th, tr.no-border td { border:none;padding-bottom:5px; } .t_center { width: 150px; text-align: right; } th { background-color: #df6161; color: white; } /* tr:nth-child(even) {background-color: #f2f2f2} */ /*.textbox tr:hover{background-color:#e5e0d5;}*/ label.datepicker{width:22px;height:22px;margin-left:0.2em; display:inline-block;vertical-align:text-bottom; cursor:pointer;border:none; background-position:1px; background-image: url("https://www.rovell-hotels.de/assets/images/hzp-buchungskalender.svg"); background-color:transparent; background-repeat:no-repeat; vertical-align:bottom; } td.price-detail {position:relative;} /* th, td,table .price {font-size:0.85em;} */ .t2-3,.t1-3 {border:solid blue 1px;box-sizing:border-box;position:relative;} .t1-3>div {width:49%;border:solid green 1px;box-sizing:border-box;display:inline-block;} @media screen and (min-width: 60em) { .t2-3,.t1-3 {display:inline-block;width:calc( 66.2% - 1rem );position:relative;box-sizing:border-box;vertical-align:top;} .t2-3,.t1-3 {border:solid red 1px;} .t1-3 {width:calc( 36% - 1rem );box-sizing:border-box;border:solid red 1px;border:none;} .t1-3>div{width:100%;display:block;} } .gallery {width:100%;position:relative;} .detail-grid .gallery{padding-bottom:57%;} .price-swiper{padding-bottom:75%;height:0;position:relative;} .price-swiper img {width:100%;position:relative;z-index:0;} .price-swiper .swiper-slide{z-index:0;padding-bottom:57%} .swiper-slide .swiper-lazy-preloader{position:absolute;z-index:-1;} .swiper-slide .swiper-img {height:auto;} .price-swiper .swiper-slide.swiper-slide-next{z-index:1;} .price-swiper .swiper-slide.swiper-slide-active {z-index:2;} .price-swiper .swiper-button-next, .price-swiper .swiper-button-prev { top:50% !important; margin-top:calc(0px - (var(--swiper-navigation-size)/ 2)) !important; } .preise-img-preview {width:120px;} .preistab input{display:none;} .preistab label {width:100%;color:white;background:#df6161;display:block;position:relative;padding:0.5em;box-sizing:border-box;} .preistab label:after{content:'+';position:absolute;right:.5rem;top:0.2rem;font-size:2em;} .preistab input:checked ~ label:after {content:'‒';font-weight:bold;} .preistab .more {display:none;} .preistab input:checked ~ .more {display:block;} .preistab h3 {margin-bottom:0.2em;} .preustab .price-short{display:block;} .preistab .price-capacity {display:inline-block;width:90px;height:auto;position:absolute;left:12.5em;top:8px;opacity:0.7;} .preistab .price-minprice {display:inline-block;color:#5B7A8E;font-weight:bold;float:right;font-size:1.6em;} .preistab .price-minprice:before {content:'ab € ';font-size:0.8em;} .preistab .price-minprice sup {color:#5B7A8E;font-size:0.75em;position:relative;top:-5px;left:-1px;} #content .description h3 {color:#3c3c3b;} #content .description a {color:#5B7A8E;} #content .description a:before{border-color: transparent transparent transparent #5B7A8E} .red {color: red !important} /* Infos (4 Bullaugen nebeneinander) */ .porthole-container{height:384px;position:relative; display: grid; justify-content: center; align-items: center; } .porthole-container:before{content:' '; background-position: center center; background-repeat:no-repeat; background-size:contain; background-clip: content-box; background-image:url('https://www.rovell-hotels.de/assets/images/bubble.svg'); position:absolute;left:3em;right:3em;top:4em;bottom:4em; opacity:0.75; z-index:-1; } .porthole{ /*border:solid red 1px;*/ text-align:center; } .h384 .porthole { /* border:solid green 1px;*/ /*max-width:calc(384px - 10em);*/ max-width:calc(384px - 13em); } a.porthole { display:inline-block; box-sizing:border-box; width: calc(100% - 4em); transform:translate(2em,0); } .block-swiper .swiper-slide {height:544px;} .block-swiper .swiper-slide.h384{height:384px;} .block-swiper .swiper-slide.h576{height:576px;} .block-swiper .bildbox-inner{height:100%;} /*.mobileporthole {display:none;}*/ .porthole .h3 {font-weight:normal;font-size:1.6em;margin:0.6em 0;} .l-bg-container {background-repeat:no-repeat;background-position:center center;background-size:cover;position:relative;padding:0 1rem;box-sizing:border-box;} /*.parallax-window{position:absolute;top:0;left:0;bottom:0;right:0;background-position:center center;background-size:cover;}*/ /* parallax implementation for * jquery.parallax-scroll by Matthieu Chavigny * */ .parallax-group {width:100%;min-height:384px;overflow:hidden;position:relative;} .parallax-background {min-width:100%;position:absolute;object-fit: cover;top:-380px; -webkit-animation-duration: 2ms; /* Safari 4.0 - 8.0 */ animation-duration: 2ms; } .parallax {background-size:cover;} .parallax.h384 {height:256px;} .parallax.h576 {height:256px;} /* rellax */ .rellax-window {width:100%;overflow:hidden;} .rellax-window img.rellax {width:100%;margin-top:-10%} /* Accordion */ .accordion {color:#3c3c3b;} .accordion input[type=radio] {display:none;} .accordion label {width:100%;background:#CFDAE1;display:inline-block;line-height:1.4em;margin:0 0 0.3em 0;padding:0.5rem 1rem;cursor:pointer;vertical-align:middle;box-sizing:border-box;text-transform:uppercase;color:#3c3c3b;} .accordion.acc-dark label{background:#3c3c3b;color:white} .accordion label:before{content:'+';color:#3c3c3b;font-weight:bold;font-size:1.3em;padding-right:0.4em;} .accordion.acc-dark label:before{color:white;} .accordion .accordion-panel{height:0;overflow:hidden;padding:0;} .accordion input:checked ~ .accordion-panel{height:auto;padding: 1rem 1rem 1rem 2rem;} .accordion input:checked+label:before{content:'-';color:white;} .accordion input:checked+label{background:#df6161;color:white;} .accordion.acc-dark input:checked+label{background:#3c3c3b;} #content .acc-dark ul li:before{color:#3c3c3b;} /* Buttonbox */ .buttonbox {position:relative;} .buttonbox input[type=radio] {display:none;} .buttonbox label{display:block;width:100%;background:#E7DFDC;line-height:1.4em;margin:0 0 0.5em 0;padding:0.5rem 1rem;cursor:pointer;vertical-align:middle;box-sizing:border-box;text-transform:uppercase;} .buttonbox label:before{content:' ';display:block;width:80%;box-sizing:border-box;height:0.6em;background:transparent;position:absolute;margin-top:0.45em;z-index:-1;} .buttonbox .buttonbox-panel {height:0;overflow:hidden;position:absolute;right:1rem;top:1rem;width:52%;background:#D9CFC3;padding: 0.5rem 1rem;box-sizing:border-box;z-index:-1;} .buttonbox input:checked ~ .buttonbox-panel{height:auto;z-index:0;} /* Buttonbox replaced by tabordion (responsive change between vertical tab and accordion) */ .tabordion {position:relative;overflow:hidden;} .tabordion input.tabordion-state {display:none;} .tabordion label {background:#CFDAE1;color:#3c3c3b;line-height:1.4em;margin:0 0 0.5em 0;padding:0.5rem 1rem 0.5rem 1.5rem;cursor:pointer;vertical-align:middle;box-sizing:border-box;text-transform:uppercase;display:block;position:relative;} .tabordion label:before{content:'+';color:#df6161;position:absolute;left:4px;font-size: 1.4em;line-height:0.8em;} .tabordion input:checked + label{background:#df6161;color:white;} .tabordion input:checked + label:before{content:'-';color:white;left:7px;} .tabordion .hidden{display:none;} .tabordion .zoom:after{top:0;right:0;} /*.tabordion section {background:#ECEAE7;padding:0.5em;box-sizing:border-box;}*/ @media screen and (max-width: 47.999em) { .tabordion section{margin-top:0 !important;} } @media screen and (min-width: 48em) { .tabordion label {float:left;clear:left;width:40%;margin-right:1em;} .tabordion section {float:right;width:calc(60% - 1em);box-sizing:border-box;position:relative;} } .empty {display:none;} .header-element-gallery {height:45vh;position:relative;box-sizing:border-box;} .gallery-panel{position:absolute;bottom:7px;z-index:50;height:2em;width:50%;left:50%;transform:translate(-50%);} .gallery-panel .header-element{float:none;height:2em;line-height:2em;} .gallery-panel .menu-lang label{line-height:33px;} .gallery-panel-right {position:absolute;bottom:-0.3em;right:1em;z-index:50;} /* cookie confirmation */ #confirmation {background:rgba(180,180,180,0.8);position:fixed;left:0;bottom:0;right:0;z-index:100000;padding:1em 1em;} #confirmation.confirmed {display:none;} #confirmation a.confirmationclicker{ color:#df6161;font-weight:bold; font-size:1.2em;width:1em;height:1em;line-height:1em; position:absolute;top:0;right:0em;cursor:pointer;border-radius:50%; background:rgba(200,200,200,0.8);background:white;text-align:center; } #confirmation a.confirmationclicker:hover {background:rgba(200,200,200,1);text-decoration:none;} #confirmation a {color:#df6161;text-decoration:none;padding:0.5em;} #confirmation a:hover {background-color:white;} #confirmation p {margin-top:1em;padding-right:3em;} .confirmation {padding-right:2rem;line-height:1.5em;box-sizing:border-box;font-size:1rem;position:relative;} /* Goto Top of Page */ .gotop {position:fixed;right:.5em;bottom:2em; background: rgba(180,180,180,0.6) no-repeat center center; background: rgba(60,60,59,0.6) no-repeat center center; background-image: url('https://www.rovell-hotels.de/assets/images/scroll-nach-oben-weiss.svg'); padding:0em;z-index:99999; height:34px;width:34px; background-size:22px; } .gotop:hover{text-decoration:none;background-color: rgba(150,150,150,0.8);} .gotop:focus{background-color: rgba(180,180,180,0.6);} /* Google Video Responsive */ .video-container { position: relative; padding-bottom: 56.25%; /* padding-top: 30px; */ height: 0; overflow: hidden; } .video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .iframe-16-9 { position:relative; height:0; padding:0 0 56.25% 0; } .iframe-16-9 iframe {position:absolute;left:0;top:0;right:0;bottom:0;width:100%;height:100%;} /* Customer Alliance */ #customerAlliance {background:#f0ebe5;padding:0.4em;} .overallRating.visual {width:70px;} .overallRating.visual img {background-image:url(https://www.rovell-hotels.de/modules/CustomerAlliance/assets/percentage-bar.png);background-repeat:no-repeat;background-color:transparent} .overallRating {display:inline-block;width:40px;color:#C3C3C3;line-height:22px;vertical-align:middle} .overallRating .rating {color:#222222;} .review .label {display:inline-block;line-height:22px;vertical-align:middle;width:auto;} .review .date, .review .author, .review .guestAge, .review .type {display:inline;line-height:22px;vertical-align:middle;} .review .type.private:after{content:'Privatperson';font-style:italic} .review {margin: 20px 0px;} .CuALink {float:right;} .CuALink .img a {border:none;} .numratings {display:inline-block;float:left;width:131px} .guestComment {margin-left:15px;} .ratingPositivePercent {font-size:18px;font-weight:bold;} .cua-ratingcount:before {display:block;content:' ';} .cua {display:inline-block;margin-left:0.5em; background: url('https://www.rovell-hotels.de/assets/images/cua-stars-white.svg') no-repeat left 2px; font-size:0.8em;color:#E4464B; } footer .cua{color:white;} img.ratepic {float:right;margin-top:10px;} .pagination { margin:15px 0; float:right; } .pagination a { font-size:12px; cursor:pointer; margin:0 5px; color:#007880; text-decoration:none; } .pagination a:hover { background-color:#007880; color:#fff; } .pagination a.jp-previous { margin-right:15px; } .pagination a.jp-next { margin-left:15px; } .pagination a.jp-current,a.jp-current:hover { color:#007880; font-weight:bold; } .pagination a.jp-disabled,a.jp-disabled:hover { color:#bbb; } .pagination a.jp-current,a.jp-current:hover,.holder a.jp-disabled,a.jp-disabled:hover { cursor:default; background:none; } .pagination span { margin: 0 5px; } /* jquery-ui datepicker */ .ui-widget-content{background:#f0f1f8;} .ui-widget-header {background:#3c3c3b;border:1px solid #3c3c3b;} .ui-datepicker th {background-color:#999;color:white;} .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active{color:#675c58;} td.block .ui-state-default{background-color:#bc8b91;color:red;} /*@media screen and (min-width: 27em) { .info-menu .pure-menu-list {margin-top: 4.5em;} }*/ /* Preistabelle booking-data */ .booking-data {padding-top:1em;} .booking-legend ul {margin-top:0;margin-bottom:0;} .booking-legend li {font-size:0.9em;text-indent:-1em;margin-left:1em;list-style:none;} #content .booking-legend li:before{content:' ' !important;display:inline-block;max-width:1em;max-height:1em;height:1em;width:1em;vertical-align:middle;} #content .booking-legend li.book_ok:before {background:#82B067;} #content .booking-legend li.book_inquire:before {background:#E5A146;} #content .booking-legend li.book_blocked:before {background:#bc8b91;background:#a7a39d;} #content .booking-legend li.book_pricedesc {margin-left:-1em;} .category-swiper.swiper-horizontal .swiper-pagination { position:relative;left:1rem;height:2.5rem;line-height:3rem; text-align:center;width: calc(100% - 6rem);margin:0 auto; transform:translate(-1em,0.5em); } .category-swiper .swiper-pagination .swiper-pagination-bullet {width:1rem;height:1rem;} .category-swiper .swiper-button-prev,.category-swiper .swiper-button-next {bottom:0;top:unset;margin-top:0;} .category-swiper .swiper-button-prev {left:1em;} .category-swiper .swiper-button-next {right:1em;} .calendar td {padding:1px;text-align:center;border:solid 1px black;width:14.28%;height:50px;} .calendar th {background:none;color:black;font-weight:normal;text-align:center;border:solid black 0px;padding:2px;} .calendar th.calendar-title {border-bottom-width:1px;padding-top:4px;} .calendar a {font-weight:normal !important;} .calendar td:hover a{text-decoration:none;} .calendar .ev0 {background-color:#82b06c;} .calendar .ev1 {background-color:#e6ae69;} .calendar .ev2{background-color:#a7a39d;} .calendar .ev0:hover,.calendar .ev1:hover,.calendar .ev0:hover {filter:brightness(110%);} .calendar .ev2 div,.calendar .ev2 em {color:#807e79;} .calendar .cal-day {font-size:1.2em;} .calendar .cal-day-box{} .calendar .cal-event-box{font-size:0.82em;color:#3c3c3b;} .calendar .cal-event-box em{font-size:0.65em;font-style:normal;} .calendar-swiper {position:relative;--swiper-navigation-size: 1rem;} .calendar-swiper .swiper-button-prev {position:absolute;left:0.75rem;top:0.6rem;font-weight:bolder;} .calendar-swiper .swiper-button-next {position:absolute;right:0.75rem;top:0.6rem;font-weight:bolder;} div.jslink {cursor:pointer;} /** Flyoutformatierung */ .flyout {position:fixed;right:0;top:11rem;z-index:1000;height:320px;max-width:100vw;} .flyout-wrapper, .flyout-text, .flyout-image, .flyout label {display:inline-block;position:relative;right:0;cursor:pointer;color:white;} .flyout-wrapper{width:100%;height:320px;padding:0;box-sizing:border-box;} .flyout-image {height:100%;box-sizing:border-box;display:none;} .flyout-text {width:calc(100% - 20px);vertical-align:top;padding:1rem;box-sizing:border-box;margin-right:20px;padding: 0 1rem;position:relative;} .flyout-text *:first-child{margin-top:0;} .flyout label {background:#5B7A8E;position:absolute; transform: rotate(90deg) translate(0,-320px);transform-origin:left top; right:0;font-size:1.3em;width:320px;padding:0em 0em;box-sizing:border-box;text-align:center; line-height:1em; top:0;height:18px; } .flyout label:after{ background-size:30px; } .flyout label:not(.check):after {content:' '; background-image: url('/assets/images/hand-flyout-weiss.svg');color:white; height:32px;width:24px;position:absolute; bottom:6px;right:14px; background-color:#5B7A8E; background-repeat:no-repeat; background-position:center; transform: rotate(-120deg); top:-6px; right:-30px; width:45px; height:45px; border-radius:45px 45px 45px 45px; } .flyout label.check{position:absolute;height:1em;width:1em; background: url('https://www.rovell-hotels.de/assets/images/hzp-kreuz-weiss.svg'); transform:rotate(0);right:1em;top:0;background-size:cover;} .flyout label:not(.check) {text-transform: uppercase;letter-spacing:1.5px;font-size:0.9em;} .flyout.unimportant label:not(.check):after{ transform: rotate(-120deg) translate(10px,0); } .flyout.unimportant label:after{border-color:yellow;border-width:2px;} .flyout .flyout-wrapper {overflow:hidden; width:0em;max-width:1em;} #ifly {display:none;right:0;} #ifly:checked + .flyout {width:auto;} #ifly:checked + .flyout .flyout-wrapper{width:100%;max-width:calc(100vw);padding:1rem 0rem;transition:max-width 0.5s ease-in-out;} /* .flyout:hover .flyout-wrapper{width:auto;} */ /* */ @supports (display: grid) { .detail-grid .description {grid-area: content;} .detail-grid .gallery {grid-area: gallery;} .detail-grid .booking-data {grid-area: booker;} @media screen and (min-width: 42em) { .detail-grid { display:grid; grid-gap: 0.75em; grid-template-columns: 3fr 2fr; grid-template-areas: "gallery gallery" "content booker"; } } @media screen and (min-width: 60em) { .detail-grid { grid-template-columns: 2fr 1fr; grid-template-areas: "gallery booker" "content content"; } } } .block-swiper{position:relative;overflow-x:clip;overflow-y:visible;box-sizing:border-box;} /*.block-swiper:after,.block-swiper:before{width:180px;height:calc(100% - 2em);background:white;opacity:0.7;content:' ';position:absolute;top:1em;right:-180px;z-index:1000;} .block-swiper:after{right:-180px;} .block-swiper:before{left:-180px;} .swiper-slide-prev {opacity:0.7;}*/ .block-swiper .after{position:absolute;right:0px;top:0;bottom:0;background-color:var(--bgcolor);width:2rem;z-index:11;display:none;border:0;border:solid var(--bgcolor) 1px;} .block-swiper .before{position:absolute;left:0;top:0;bottom:0;background-color:var(--bgcolor);width:1rem;z-index:11;display:block;border:0;} .bg-theme .block-swiper .after,.bg-theme .block-swiper .before{--bgcolor:#5B7A8E;} .bg-theme2 .block-swiper .after,.bg-theme2 .block-swiper .before{--bgcolor:#df6161;} .bg-teaser .block-swiper .after,.bg-teaser .block-swiper .before{--bgcolor:#CFDAE1;} .bg-white .block-swiper .after,.bg-white .block-swiper .before{--bgcolor:white;} .bg-rovell .block-swiper .after,.bg-rovell .block-swiper .before{--bgcolor:#5B7A8E;} .bg-invers .block-swiper .after,.bg-invers .block-swiper .before{--bgcolor:#3c3c3b;} .bg-image .block-swiper .after,.bg-image .block-swiper .before{--bgcolor:transparent;} .block-swiper.swiper-horizontal .swiper-pagination { position:relative;left:1rem;height:3rem;line-height:4.5rem; text-align:left;width: calc(100% - 2rem) } .block-swiper.swiper-horizontal .swiper-pagination.swiper-navigation-active { text-align:center; } .bg-image .swiper-pagination .swiper-pagination-bullet {--swiper-pagination-bullet-inactive-color:#CFDAE1;--swiper-pagination-bullet-inactive-opacity:1;} .swiper-pagination .swiper-pagination-bullet{width:1.5rem;height:1.5rem;position:relative;top:0.5rem;--swiper-pagination-bullet-horizontal-gap:6px;} .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {background:#5B7A8E;} .bg-theme .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active, .bg-theme2 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background:white;} /* Auflösungsabhängige Korrekturen */ #widgetholder.bottom {opacity:0;} #widgetholder{position:fixed;left:1em;display:block;border-radius:5px;opacity:1; transition: opacity 0.6s;z-index:2; transform: scale(0.65) translate(-25%,25%); } #widgetholder img {height:200px;} #widgetholder.off {opacity:0;pointer-events: none;} #widgetholder a{display:inline-block;margin-right:1em;} #widgetholder.l-sp {top: calc(min(100vw, 100vh) - 216px);} #widgetholder.l-arr {top: calc(min(100vw, 66vh) - 290px);} #widgetholder.l-cp {top: calc(min(100vw, 33vh) - 290px);} .textbox ol {margin-block-start:0;margin-block-end:0;} /* Block-Teaser */ .block-teaser{overflow:clip;overflow-clip-margin:content-box;height:576px;margin:0 0 1rem 0;hyphens:auto;} @supports (display: grid) { .bt-content {grid-area:content;padding:1rem 1rem 0 1rem;} .bt-image {grid-area: image;padding:0;object-fit: cover;object-position:center center;width: 100%;height:330px;} .block-teaser { display:grid; grid-template-columns: 2fr 2fr; grid-template-areas: "content content" "image image"; } @media screen and (min-width: 48em) { .bt-content {grid-area:content;padding:1rem 2rem 0 1rem;} .block-teaser { grid-template-columns: 1fr 2fr; grid-template-rows: auto; grid-template-areas: "content image" "content image"; } .bt-image {max-height:calc(100% - 2em);height:576px;} } } @media screen and (max-width : 320px) { .l-header-top {max-width:320px;} .qbooker-closer{left:88%;} td.imgholder {width:60px;} .preise-img-preview {width:55px;} .pricerow-detail{display:none;} } @media screen and (max-width : 480px) { td.imgholder {width:80px;} .preise-img-preview {width:75px;} td a.price-detail-opener {font-size: 0.84em;} tr.faux{height:auto;} td.imgholder{top:0;} .plug .button {padding:0.5rem 0rem;} } .mb-hide {display:none;} .mb-invis {visibility:hidden;display:block;max-width:50px;height:1em;overflow: hidden;} #cmpboxrecall { bottom: 62px !important; right: 10px !important; left:unset !important;} @media screen and (min-width: 35.5em) { /*.logo,.logo-big{width:201px;}*/ .l-header-top:after{content:'sm';} .l-header-bottom{background:transparent;justify-content:flex-end;pointer-events:none;} .l-header-bottom .plug {flex-grow:0;pointer-events:auto;} .mb-hide {display:inherit;}.button-socket.mb-hide,.mb-hide.inline-block{display:inline-block;} .mb-invis {visibility: visible;max-width:auto;height:auto;} .sm-hide,.button-socket.sm-hide,.inline-block.sm-hide {display:none;} .sm-invis {visibility:hidden;display:block;max-width:50px;height:1em;overflow: hidden;} .toggle-mb.text-toggle-wrapper {padding-bottom:0;} .toggle-mb input.text-toggle, .toggle-mb input.text-toggle ~ .text-toggle-inactive, .toggle-mb input.text-toggle ~ .text-toggle-active {display:none;} .toggle-mb .text-toggle-pane {display:block;} .contactform .hint,.form .hint {padding: 0 0 0 14em;} #content h1,#content h2.h1 {font-size:2.6em;} #content h2 {font-size:2.2em;} #content h3 {font-size:1.6em;} .buttonbox label {width:40%;} .buttonbox input:checked+label {background:#D9CFC3;} .buttonbox input:checked+label:before{background:#D9CFC3;} .l-pad {padding:1em;} article.l-pad {padding-top:0;} .header-element-gallery {height:50vh;} .row select {display:inline-block;} .titel select {left:23em;} .zimmerbuchung .zimmertyp label {left:13.5em;} .form .zimmertyp label {width:13em;} /* th, td,table .price {font-size:0.8em;}*/ .h576.block-gallery,.h576.bildbox-inner {height:576px;} .h576.block-gallery .swiper-container {height:544px;} .h576.swiper-container,.block-swiper .swiper-slide {height:544px;} .flyout {max-width:1100px;height:380px;} .flyout-wrapper{height:380px;} .flyout .flyout-wrapper {max-width:0;} .flyout label {transform: rotate(90deg) translate(0,-380px);width:380px;background:#5B7A8E;} .flyout-image {display:inline-block;width:calc(100% - 22rem);object-fit:cover;object-position:right center;} .flyout-image img {width:100%;height:100%;object-fit:cover;} .flyout-text {width:18rem;} .flyout label {height:auto; padding:0.4em 0.25em;} #ifly:checked + .flyout .flyout-wrapper{padding:1rem;} .flyout label.check {right:-1em;} .flyout label:not(.check){font-size:1.2em;} .flyout label:not(.check):after{width:60px;height:60px;border-radius:60px 60px 60px 60px; transition: width 0.4s ease-in-out,height 0.4s ease-in-out; } .flyout label:not(.check):hover:after{ width:75px;height:75px;border-radius:75px 75px 75px 75px; } .flyout.unimportant label:not(.check):after{ transform: rotate(-120deg); } .swiper-navigation .block-swiper.swiper-container {padding:0;width:100%;} .swiper-slide.pure-u-sm-1-2 {width:50%;} .swiper-slide.pure-u-sm-1-3 {width: 33.3333%;} .swiper-slide.pure-u-sm-2-3 {width: 66.6666%;} .swiper-slide.pure-u-sm-1-4 {width: 25%;} .swiper-slide.pure-u-sm-3-4 {width: 75%;} #widgetholder{transform:scale(0.7) translate(-20%,20%);} } @media screen and (min-width: 40em) { .l-center {padding:0 1rem;box-sizing:border-box;} .minimenuholder{padding-left:0;padding-right:0;} .l-center.blog{padding:0 1rem;} .l-center.l-header{padding:0;} } @media screen and (orientation: landscape) and (max-device-width: 812px) { .flyout {display:none;} } @media screen and (min-width: 48em) { .l-header-top:after{content:'md';} a.logo { transform: translate(-50%,67px); } .menu-panel-menu-footer {bottom:8px;width:24em;} .menu-panel-menu .accmenu{max-height: calc(100vh - 9.25rem);} /*.header-element {border-color:green;}*/ .sm-hide {display:inherit;}.button-socket.sm-hide,.sm-hide.inline-block{display:inline-block;} .sm-invis {visibility:visible;width:auto;max-width:unset;height:auto;overflow:auto;} .md-hide,.md-hide.button-socket,.inline-block.md-hide{display:none;} .toggle-sm.text-toggle-wrapper {padding-bottom:0;} .toggle-sm input.text-toggle, .toggle-sm input.text-toggle ~ .text-toggle-inactive, .toggle-sm input.text-toggle ~ .text-toggle-active {display:none;} .toggle-sm .text-toggle-pane {display:block;} #content h1,#content h2.h1{font-size:3em;} #content h2 {font-size:2.2em;line-height:1.2em;} #content h3 {font-size:1.7em;} .newsletterform{width:50%;} .qbooker-closer{left:96%;} /*#content h2.h2_p{font-size:1.8em;}*/ .l-buttonholder {padding-top:4em;} #content .pad h1{margin-top:0em;} .textbox ol {margin-block-start:1em;margin-block-end:1em;} #qbooker.active{padding: 3em 0 3em 0;} .gotop {display:none;} .contactform textarea,.form textarea {max-width:30em;width:calc(100% - 14em);display:inline-block;} .form .row.check label {display:inline-block;width:calc( 100% - 15em );} .form .row.check input, input.cms_checkbox{margin-left:13em;} /*.captchapict {margin-left:13em;}*/ .captcha .inputfld {display:inline-block;} /* th, td,table .price {font-size:0.85em;} */ .header-element-gallery {height:60vh;} #content .pad h1:first-of-type{margin-top:7rem;} /*.confirmation {padding-right:5.5em;}*/ ul.minimenu{margin-top:5em;} .socket .button.booking.em{width:auto;background-image:none;text-indent:0;} .parallax.h384{height:384px;} /*.mobileporthole {display:block;} .porthole-container{ background-image:url('https://www.rovell-hotels.de/assets/images/circle-4infos-weiss.png'); }*/ .parallax.h576 {height:348px;} /* table cell use with pure-u-md-1-2 only */ .lt {display:table;} .ltc {display:table-cell;} .textbox p {margin-right:0;} .swiper-slide.pure-u-md-1-2 {width:50%;} .swiper-slide.pure-u-md-1-3 {width: 33.3333%;} .swiper-slide.pure-u-md-2-3 {width: 66.6666%;} .swiper-slide.pure-u-md-1-4 {width: 25%;} .swiper-slide.pure-u-md-3-4 {width: 75%;} .porthole-container:before{ .porthole-container:before } #widgetholder { transform: scale(0.85) translate(-9%,9%); } .bildbox-title {height:0px;display:none;} .bildbox:hover .bildbox-title {height:auto;display:block;} } @media screen and (min-width: 64em) { .l-header-top:after{content:'lg';} /*.header-element {border-color:blue;}*/ #content h1,#content h2.h1{font-size:3.4em;} #content h2 {font-size:2.4em;line-height:1.2em;} #content h3 {font-size:1.8em;} .menu-panel-menu-footer{ width:calc(50% - 8rem);} .md-hide {display:inline-block;}.button-socket.md-hide,.md-hide.inline-block{display:inline-block;vertical-align:middle;} .lg-hide,.button-socket.lg-hide,.inline-block.lg-hide{display:none;} .toggle-md.text-toggle-wrapper {padding-bottom:0;} .toggle-md input.text-toggle, .toggle-md input.text-toggle ~ .text-toggle-inactive, .toggle-md input.text-toggle ~ .text-toggle-active {display:none;} .toggle-md .text-toggle-pane {display:block;} .l-center.l-header {width:100%;max-width:100%;} #qbooker.active label{display:inline;} .form-layer{background:none;} .qbooker-closer{left:97%;} .quickbooker{font-size:0.82em;} .quickbooker button{font-size:0.9em;} .quickbooker .button{margin:0 0 0 0.3em;position:relative;top:-6px;} #qbooker.active .quickbooker {padding: 0;} #qbooker.active .quickbooker button {font-size:1em;} .l-buttonholder {padding-top:0;} #holidaycheck-widget-hotel-1-135172-de_DE-s-w-0-1---0{ border-radius:8px 8px 0 0;overflow:hidden; } .active .qbooker-title,.active .qbooker-footer { width:100%;max-width:1200px;margin:1em auto; } /*.porthole-container{background-size:90%;}*/ .porthole .h3 {font-size:2.3em;} .parallax.h576 {height:576px;} .swiper-slide.pure-u-lg-1-2 {width:50%;} .swiper-slide.pure-u-lg-1-3 {width: 33.3333%;} .swiper-slide.pure-u-lg-2-3 {width: 66.6666%;} .swiper-slide.pure-u-lg-1-4 {width: 25%;} .swiper-slide.pure-u-lg-3-4 {width: 75%;} #widgetholder { transform: scale(1) translate(0); } } @media screen and (min-width: 64em) and (min-height: 46em) { #arrangementSwiper,#arrSwiperBack{display:block;} .menu-panel-menu ul.minimenu {position:absolute;bottom:0.5rem;display:block;width:100%;border:solid white 0px;border-top-width:1px;background:#3c3c3b;} .menu-panel-menu ul.minimenu li.tablet {display:inline-block;width:auto;border:none;} .menu-panel-menu ul.minimenu li.mobile{display:none;} .menu-panel-menu ul.minimenu li a{font-size:0.8em;padding-left:1rem;} .menu-panel-menu ul.minimenu li a:after{content:' |';} .menu-panel-menu ul.minimenu li:last-child a:after{content:'';} } @media screen and (min-width: 80em) { .l-header-top:after{content:'xl';} /*.header-element {border-color:gold;}*/ #content h1,#content h2.h1{font-size:3.6em;} .lg-hide {display:inherit;}.button-socket.lg-hide,.lg-hide.inline-block{display:inline-block;} .lg-invis {visibility:visible;} .xl-hide,.button-socket.xl-hide,.inline-block.xl-hide{display:none;} .xl-invis {visibility:hidden;} .toggle-lg.text-toggle-wrapper {padding-bottom:0;} .toggle-lg input.text-toggle, .toggle-lg input.text-toggle ~ .text-toggle-inactive, .toggle-lg input.text-toggle ~ .text-toggle-active {display:none;} .toggle-lg .text-toggle-pane {display:block;} .swiper-wrapper {max-height:calc(100vh);} .main-menu .pure-menu-heading{margin:0 0 0 0;} .gallery-panel{width:1200px;padding:0.2rem 1.5rem;box-sizing:border-box;} .info-socket .info-phone {position:relative;left:0.5em;} /* th, td,table .price {font-size:0.9em;} */ .swiper-slide.pure-u-xl-1-2 {width:50%;} .swiper-slide.pure-u-xl-1-3 {width: 33.3333%;} .swiper-slide.pure-u-xl-2-3 {width: 66.6666%;} .swiper-slide.pure-u-xl-1-4 {width: 25%;} .swiper-slide.pure-u-xl-3-4 {width: 75%;} } @media screen and (min-width: 92em) { .l-header-top:after{content:'xxl';} .xl-hide, .button-socket.xl-hide, .inline-block.xl-hide{display:inline-block;} .xxl-hide {display:none;} .toggle-xl.text-toggle-wrapper {padding-bottom:0;} .toggle-xl input.text-toggle, .toggle-xl input.text-toggle ~ .text-toggle-inactive, .toggle-xl input.text-toggle ~ .text-toggle-active {display:none;} .toggle-xl .text-toggle-pane {display:block;} }