/*
 *   Important Information about this CSS File
 *
 * - Do not delete or rename this file, if you do not use it leave it blank (delete
 *   everything) and the file will be skipped when you enable Production Mode in
 *   the Global theme settings.
 *
 * - Read the _README file in this directory, it contains useful help and other information.
 */

#branding {max-width:300px;}
#header {position: fixed;}
body.shrink #branding {max-width:280px;}
#deko .view-header {max-height:300px;}
#scroll_body {margin-top:0px; margin-top:0;}
#contactinfo {clear:none;}
.node.view-mode-full .field-name-field-image {float:right; width:500px; height: 350px;}
.node.view-mode-full .field-name-field-image figure {width:450px; height: 300px; }
.node.view-mode-full .field-name-body .field-name-field-image {float: none; display: block; text-align: center; width: 785px; margin: 0 auto;}
.node.view-mode-full .field-name-body .field-name-field-image figure:first-child {left:150px; z-index:50;}
.node.view-mode-full .field-name-body .field-name-field-image figure:nth-child(2) {left:350px; z-index:10; transform: scale(0.8);}
.node.view-mode-full .field-name-body .field-name-field-image figure:nth-child(3) {transform: scale(0.8) rotate(-2deg); left:-110px;}
.node.view-mode-full .field-name-body .field-name-field-image figure:nth-child(4) {transform: scale(0.85) rotate(-1deg); z-index:10; top:50px; left:-30px;}

#tophinweis {position: absolute; top:100px; left:70%; width: 200px; height: 200px; text-align:center; z-index:50; display: block;
background: rgba(242,232,204,0.7); box-shadow: 0px 5px 10px 5px rgba(0,0,0,0.25); border-radius:50%; transform: rotate(4deg) scale(0.5); border: 1px solid #8c826d;}
#tophinweis div {position: absolute; width: 200px; height: 200px; display:block; border-radius:50%; border: 1px solid #f2e8cc; }
#tophinweis div.c1 { top: 5px; left: 5px;}
#tophinweis div.c2 {top: -5px; left: -5px; z-index:10;}
#tophinweis a:link, #tophinweis a:visited, #tophinweis a:active, #tophinweis a:hover {
z-index:90; text-decoration: none; color: #ffffff; position:absolute; top:2.5em; left:1.2em; width:75%; display:block; font-size: 110%;
border:1px solid #f2e8cc; border-width:1px 0px; transform: rotate(10deg); padding:0.5em 0;
}
#tophinweis a:hover {color: #8c826d;}
/** #tophinweis {background: radial-gradient(farthest-corner at 115px 145px, #ffffff 0%,#f2e8cc 100%);}
#tophinweis:hover {background: radial-gradient(farthest-corner at 115px 145px, #fcf9f2 0%,#ffffff 100%);} **/
body.shrink #tophinweis {transform: scale(0.9); top: 180px;}
.view-wohnungen .views-row, .view-angebote .views-row, .view-bildergalerie .views-row { width: 30%; min-width:300px;}
body.page-node .node-bildergalerie figure {max-width:30%;}
body.shrink #anfrage {position: fixed; top: inherit; bottom: 0px; width:100%; height:auto; z-index:9999999; display:block; border:2px solid #8c826d; border-width:10px 0 0 0;}

#headermenu {clear: none; float:right;}
#anfrage {display:block;}
#anfrage span {float: left;}
#ebSmallSearch div, #ebSmallSearch label {float:left; margin-right: 0.5em;}
#ebSmallSearch button {margin:0;}
#headermenu {margin-top:80px;}
#iconmenu a {background-size:30px auto; height:30px; width: 30px; background-position:0px -60px;}
.btmlink.mediumbanner, .btmlink.hinweis {width:45%;}
div.field-name-zimmerlinks01 {min-width:100px;}

#partnerlogos a {position: relative;}
#partnerlogos a:nth-child(2) {top: -5px;}
#partnerlogos a:last-child {left:20px; top:5px;}

#page_bottom_logos .holidaycheck {float:left; margin-left: 250px; clear: none;}
.views-slideshow-controls-text-previous, .views-slideshow-controls-text-next {display: block;}

table.pricelist td.times {width: 220px;}