:root{--light-gray:rgba(230, 230, 230, 1.00);--medium-gray:rgba(202, 202, 202, 1.00);--dark-gray:rgba(138, 138, 138, 1.00);--black:rgba(10, 10, 10, 1.00);--black-color:var(--black);--white:rgba(254, 254, 254, 1.00);--white-color:var(--white);--primary:rgba(0, 140, 186, 1.00);--secondary:rgba(231, 231, 231, 1.00);--success:rgba(67, 172, 106, 1.00);--warning:rgba(240, 138, 36, 1.00);--alert:rgba(240, 65, 36, 1.00);--primary-contrast:rgba(255, 255, 255, 1.00);--secondary-contrast:rgba(51, 51, 51, 1.00);--success-contrast:rgba(254, 254, 254, 1.00);--warning-contrast:rgba(254, 254, 254, 1.00);--alert-contrast:rgba(254, 254, 254, 1.00);/* --primary-light:rgba(210, 255, 255, 1.00);--secondary-light:rgba(255, 255, 255, 1.00);--success-light:rgba(255, 255, 255, 1.00);--warning-light:rgba(255, 255, 246, 1.00);--alert-light:rgba(255, 255, 246, 1.00);*/--primary-dark:rgba(0, 110, 156, 1.00);--secondary-dark:rgba(201, 201, 201, 1.00);--success-dark:rgba(37, 142, 76, 1.00);--warning-dark:rgba(210, 108, 6, 1.00);--alert-dark:rgba(210, 35, 6, 1.00);--header-color:rgba(34, 34, 34, 1.00);--subheader-color:rgba(128, 128, 128, 1.00);--small-color:rgba(202, 202, 202, 1.00);--text-color:rgba(34, 34, 34, 1.00);--link-color:rgba(51, 51, 51, 1.00);--link-color-hover:rgba(0, 0, 0, 1.00);--selection-background:var(--primary);--selection-text:var(--primary-contrast);--link-decoration:none;--link-decoration-hover:none;--overlay-color:rgba(183, 98, 12, 0.60);--radius:3px}::-moz-selection{background:var(--selection-background);color:var(--selection-text)}::selection{background:var(--selection-background);color:var(--selection-text)}.alt{--header-color:rgba(255, 255, 255, 1.00);--subheader-color:rgba(230, 230, 230, 1.00);--small-color:rgba(202, 202, 202, 1.00);--text-color:rgba(200, 156, 81, 1.00);--link-color:rgba(255, 255, 255, 1.00);--link-color-hover:rgba(179, 179, 179, 1.00);--link-decoration:none;--link-decoration-hover:none}.grid-container{max-width:calc(1200rem/16);}.radius{border-radius:var(--radius)}body{font-size:calc(16rem/16)}h1,.h1{font-size:calc(24rem/16)}h2,.h2{font-size:calc(20rem/16)}h3,.h3{font-size:calc(19rem/16)}h4,.h4{font-size:calc(18rem/16)}h5,.h5{font-size:calc(17rem/16)}h6,.h6{font-size:calc(16rem/16)}small{font-size:40%}@media only screen and (min-width:40em){body{font-size:calc(16rem/16)}h1,.h1{font-size:calc(48rem/16)}h2,.h2{font-size:calc(40rem/16)}h3,.h3{font-size:calc(31rem/16)}h4,.h4{font-size:calc(25rem/16)}h5,.h5{font-size:calc(20rem/16)}h6,.h6{font-size:calc(16rem/16)}small{font-size:30%}}@media only screen and (min-width:64em){body{font-size:calc(16rem/16)}h1,.h1{font-size:calc(48rem/16)}h2,.h2{font-size:calc(40rem/16)}h3,.h3{font-size:calc(31rem/16)}h4,.h4{font-size:calc(25rem/16)}h5,.h5{font-size:calc(20rem/16)}h6,.h6{font-size:calc(16rem/16)}small{font-size:30%}}a{color:var(--link-color);-webkit-text-decoration:var(--link-decoration);text-decoration:var(--link-decoration)}a:hover,a:focus{color:var(--link-color-hover);-webkit-text-decoration:var(--link-decoration-hover);text-decoration:var(--link-decoration-hover)}.menu a{color:var(--menu-link-color);background:var(--menu-bg-color)}.menu a:hover{color:var(--menu-link-color-hover)}h1,h2,h3,h4,h5,h6,h1>a,h2>a,h3>a,h4>a,h5>a,h6>a{color:var(--header-color)}small{color:var(--small-color)}.subheader{color:var(--subheader-color)}.text ul,.text ol{list-style-position:outside}.text>ul,.text>ol,.text .mez>div>ul,.text .mez>div>ol{margin-left:1.25rem}.text ul{list-style-type:disc}.text ul ul,.text ol ul{list-style-type:circle}.text ol{list-style-type:decimal}.text ol ol,.text ul ol{list-style-type:lower-alpha}.radius,.radius:before,.radius:after{border-radius:calc(3rem/16)}body{} /*!* Font Awesome Pro 5.13.0 by @fontawesome - https://fontawesome.com* License - https://fontawesome.com/license (Commercial License)*/@font-face{font-family:'Font Awesome 5 Brands';font-style:normal;font-weight:400;font-display:block;src:url("../rw_common/plugins/stacks/fa5-fonts/fa-brands-400.eot");src:url("../rw_common/plugins/stacks/fa5-fonts/fa-brands-400.eot?#iefix") format("embedded-opentype"),url("../rw_common/plugins/stacks/fa5-fonts/fa-brands-400.woff2") format("woff2"),url("../rw_common/plugins/stacks/fa5-fonts/fa-brands-400.woff") format("woff"),url("../rw_common/plugins/stacks/fa5-fonts/fa-brands-400.ttf") format("truetype"),url("../rw_common/plugins/stacks/fa5-fonts/fa-brands-400.svg#fontawesome") format("svg")}.fab{font-family:'Font Awesome 5 Brands';font-weight:400}@font-face{font-family:'Font Awesome 5 Duotone';font-style:normal;font-weight:900;font-display:block;src:url("../rw_common/plugins/stacks/fa5-fonts/fa-duotone-900.eot");src:url("../rw_common/plugins/stacks/fa5-fonts/fa-duotone-900.eot?#iefix") format("embedded-opentype"),url("../rw_common/plugins/stacks/fa5-fonts/fa-duotone-900.woff2") format("woff2"),url("../rw_common/plugins/stacks/fa5-fonts/fa-duotone-900.woff") format("woff"),url("../rw_common/plugins/stacks/fa5-fonts/fa-duotone-900.ttf") format("truetype"),url("../rw_common/plugins/stacks/fa5-fonts/fa-duotone-900.svg#fontawesome") format("svg")}.fad{position:relative;font-family:'Font Awesome 5 Duotone';font-weight:900}@font-face{font-family:'Font Awesome 5 Pro';font-style:normal;font-weight:300;font-display:block;src:url("../rw_common/plugins/stacks/fa5-fonts/fa-light-300.eot");src:url("../rw_common/plugins/stacks/fa5-fonts/fa-light-300.eot?#iefix") format("embedded-opentype"),url("../rw_common/plugins/stacks/fa5-fonts/fa-light-300.woff2") format("woff2"),url("../rw_common/plugins/stacks/fa5-fonts/fa-light-300.woff") format("woff"),url("../rw_common/plugins/stacks/fa5-fonts/fa-light-300.ttf") format("truetype"),url("../rw_common/plugins/stacks/fa5-fonts/fa-light-300.svg#fontawesome") format("svg")}.fal{font-family:'Font Awesome 5 Pro';font-weight:300}@font-face{font-family:'Font Awesome 5 Pro';font-style:normal;font-weight:400;font-display:block;src:url("../rw_common/plugins/stacks/fa5-fonts/fa-regular-400.eot");src:url("../rw_common/plugins/stacks/fa5-fonts/fa-regular-400.eot?#iefix") format("embedded-opentype"),url("../rw_common/plugins/stacks/fa5-fonts/fa-regular-400.woff2") format("woff2"),url("../rw_common/plugins/stacks/fa5-fonts/fa-regular-400.woff") format("woff"),url("../rw_common/plugins/stacks/fa5-fonts/fa-regular-400.ttf") format("truetype"),url("../rw_common/plugins/stacks/fa5-fonts/fa-regular-400.svg#fontawesome") format("svg")}.far{font-family:'Font Awesome 5 Pro';font-weight:400}@font-face{font-family:'Font Awesome 5 Pro';font-style:normal;font-weight:900;font-display:block;src:url("../rw_common/plugins/stacks/fa5-fonts/fa-solid-900.eot");src:url("../rw_common/plugins/stacks/fa5-fonts/fa-solid-900.eot?#iefix") format("embedded-opentype"),url("../rw_common/plugins/stacks/fa5-fonts/fa-solid-900.woff2") format("woff2"),url("../rw_common/plugins/stacks/fa5-fonts/fa-solid-900.woff") format("woff"),url("../rw_common/plugins/stacks/fa5-fonts/fa-solid-900.ttf") format("truetype"),url("../rw_common/plugins/stacks/fa5-fonts/fa-solid-900.svg#fontawesome") format("svg")}.fa,.fas{font-family:'Font Awesome 5 Pro';font-weight:900} .menu{font-family:Arial, Helvetica, sans-serif } h1,.h1, .headers{font-size:calc(16rem/16) ;}@media only screen and (min-width:40em){ h1,.h1, .headers{font-size:calc(20rem/16) }}@media only screen and (min-width:64em){ h1,.h1, .headers{font-size:calc(24rem/16) }} .fidler-color{font-size:calc(24rem/16) ;}@media only screen and (min-width:40em){ .fidler-color{font-size:calc(25rem/16) }}@media only screen and (min-width:64em){ .fidler-color{font-size:calc(30rem/16) }} .banner{background-color:rgba(241, 235, 218, 1.00) ;background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment:scroll ;-webkit-background-clip:border-box ;background-clip:border-box ;}@media (hover:none) and (pointer:coarse){.banner{background-attachment:scroll!important}} .fittext{display:inline-block;white-space:nowrap} .headers{--header-color:rgba(34, 34, 34, 1.00);--subheader-color:rgba(138, 138, 138, 1.00);--small-color:rgba(202, 202, 202, 1.00);--text-color:rgba(183, 98, 12, 1.00);--link-color:rgba(0, 140, 186, 1.00);--link-color-hover:rgba(0, 102, 136, 1.00);--link-decoration:none;--link-decoration-hover:none} section{padding-top:3rem ;padding-right:0 ;padding-bottom:3rem ;padding-left:0 ;} .section-color{background-color:var(--light-gray) ;background-color:rgba(200, 156, 81, 1.00) ;} .card{-webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.20);box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.20);} .card-divider{background-color:var(--black-color) ;background-color:rgba(200, 156, 81, 1.00) ;} .radius{border-radius:10px / 10px !important;} .textheaders{position:fixed ;z-index:1;-webkit-transform:translateY(-50%) translateX(-50%) ;transform:translateY(-50%) translateX(-50%) ;} .shadow{text-shadow:5px 5px 10px rgba(0, 0, 0, 0.60);} .rahmen{border-color:rgba(153, 153, 153, 1.00) ;border-width:3px ;border-style:dashed ;} .fidler-color{--header-color:rgba(200, 156, 81, 1.00);--subheader-color:rgba(138, 138, 138, 1.00);--small-color:rgba(202, 202, 202, 1.00);--text-color:rgba(200, 156, 81, 1.00);--link-color:rgba(241, 235, 218, 1.00);--link-color-hover:rgba(183, 98, 12, 1.00);--link-decoration:none;--link-decoration-hover:none} .stacks_in_p819_n3_page1 img{max-width:200px} /* @group ProGallery Grid */ #Bäder { display: block; width: 100%; text-align: center; } #Bäder li.proGalleryItem { -webkit-transform: translateZ(0); } #Bäder ul#proGalleryThumbsstacks_in_799_page1 { padding: 0; margin: 0; list-style: none; } #Bäder li.proGalleryItem { margin: 0; padding: 0; position: relative; } #Bäder li .proGalleryItemInner { border: 0px solid rgba(234, 234, 234, 1.00); border-radius: 0px; background: rgba(255, 255, 255, 1.00); padding: 1px 2px 1px 2px; position: relative; box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.40); } #Bäder li.proGalleryItem a { display: block; text-align: center; cursor: zoom-in; margin: 0px; cursor: pointer; outline: none; } #Bäder li .proGalleryItemInner a:focus { outline: 2px dotted #FF0000; } #Bäder li.proGalleryItem img { max-height: 100%; max-width: 100%; width: auto; height: auto; border-radius: 0px; display: block; border: 0px solid rgba(234, 234, 234, 1.00); padding: 0px; } /* Disable links that don't go anywhere */ #Bäder li .proGalleryItemInner a[href='']{ pointer-events: none !important; cursor: default !important; } /*! Lazy Load XT v1.1.0 2016-01-12 * http://ressio.github.io/lazy-load-xt * (C) 2016 RESS.io * Licensed under MIT */ .lazy-hidden { opacity: 0; } .lazy-loaded { -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; -ms-transition: opacity 0.3s; -o-transition: opacity 0.3s; transition: opacity 0.3s; opacity: 1; } /* */ /* */ /* */ #Bäder li { display: none; } #Bäder li:first-child { display: block; } /* */ /* */ /* */ /* */ /* Thumbnail titles */ #Bäder .proGalleryItemTitle { display: none; transition: opacity 300ms ease-in-out; padding: 5px; margin: 0px; font-size: 14px; border-radius: 0px; line-height: 1.25em; color: rgba(241, 235, 218, 1.00); background: rgba(200, 156, 81, 1.00); } #Bäder .proGalleryItemTitle strong { font-weight: normal; font-style: normal; text-transform: none; text-decoration: none; font-weight: bold; } #Bäder .proGalleryItemTitle div { color: rgba(102, 102, 102, 1.00); font-size: 14px; } #Bäder.titlesBelowLeft .proGalleryItemTitle { text-align: left; opacity: 1.00; } #Bäder.titlesBelowCentre .proGalleryItemTitle { text-align: center; opacity: 1.00; } #Bäder.titlesBelowRight .proGalleryItemTitle { text-align: right; opacity: 1.00; } #Bäder.titlesHoverTopLeft .proGalleryItemTitle { position: absolute; top: 0; left: 0; opacity: 0; text-align: left; } #Bäder.titlesHoverTopCentre .proGalleryItemTitle { position: absolute; top: 0; left: 0; width: 100%; text-align: center; opacity: 0; text-align: center; } #Bäder.titlesTopRight .proGalleryItemTitle { position: absolute; top: 0; right: 0; text-align: right; opacity: 0; } #Bäder.titlesHoverMiddleLeft .proGalleryItemTitle { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 0; opacity: 0; text-align: left; } #Bäder.titlesHoverMiddleCentre .proGalleryItemTitle { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 0; width: 100%; text-align: center; opacity: 0; } #Bäder.titlesHoverMiddleRight .proGalleryItemTitle { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 0; opacity: 0; text-align: right; } #Bäder.titlesHoverBottomLeft .proGalleryItemTitle { position: absolute; bottom: 0; left: 0; opacity: 0; text-align: left; } #Bäder.titlesHoverBottomCentre .proGalleryItemTitle { position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; opacity: 0; } #Bäder.titlesHoverBottomRight .proGalleryItemTitle { position: absolute; bottom: 0; right: 0; opacity: 0; text-align: right; } #Bäder li:hover .proGalleryItemTitle { opacity: 1.00; } /* @end */ /* @group Special Effects */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* @end */ /* @group Light case */ /** * Lightcase - jQuery Plugin * The smart and flexible Lightbox Plugin. * * @author Cornel Boppart * @copyright Author * * @version 2.4.0 (09/04/2017) */ @font-face { font-family: 'lightcase'; src: url("../galerie_files/progallery-fonts/lightcase.eot?55356177"); src: url("../galerie_files/progallery-fonts/lightcase.eot?55356177#iefix") format("embedded-opentype"), url("../galerie_files/progallery-fonts/lightcase.woff?55356177") format("woff"), url("../galerie_files/progallery-fonts/lightcase.ttf?55356177") format("truetype"), url("../galerie_files/progallery-fonts/lightcase.svg?55356177#lightcase") format("svg"); font-weight: normal; font-style: normal; } [class*='Bäder-icon-']:before { font-family: 'lightcase', sans-serif; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; text-align: center; /* For safety - reset parent styles, that can break glyph codes*/ font-variant: normal; text-transform: none; /* fix buttons height, for twitter bootstrap */ line-height: 1em; /* Uncomment for 3D effect */ /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */ } /* Codes */ .Bäder-icon-play:before { content: '\e800'; } .Bäder-icon-pause:before { content: '\e801'; } .Bäder-icon-close:before { content: '\e802'; } .Bäder-icon-prev:before { content: '\e803'; } .Bäder-icon-next:before { content: '\e804'; } .Bäder-icon-spin:before { content: '\e805'; } /** * Mixin providing icon defaults to be used on top of font-lightcase. * * Example usage: * @include icon(#e9e9e9) */ /** * Mixin providing icon defaults including a hover status to be used * on top of font-lightcase. * * Example usage: * @include icon-hover(#e9e9e9, #fff) */ /** * Provides natural content overflow behavior and scrolling support * even so for touch devices. * * Example usage: * @include overflow() */ /** * Neutralizes/resets dimensions including width, height, position as well as margins, * paddings and styles. Used to enforce a neutral and unstyled look and behavoir! * * Example usage: * @include clear(true) * * @param boolean $important */ @-webkit-keyframes Bäder-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); -moz-transform: rotate(359deg); -o-transform: rotate(359deg); transform: rotate(359deg); } } @-moz-keyframes Bäder-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); -moz-transform: rotate(359deg); -o-transform: rotate(359deg); transform: rotate(359deg); } } @-o-keyframes Bäder-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); -moz-transform: rotate(359deg); -o-transform: rotate(359deg); transform: rotate(359deg); } } @-ms-keyframes Bäder-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); -moz-transform: rotate(359deg); -o-transform: rotate(359deg); transform: rotate(359deg); } } @keyframes Bäder-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); -moz-transform: rotate(359deg); -o-transform: rotate(359deg); transform: rotate(359deg); } } #Bäder-case { display: none; position: fixed; z-index: 2002; top: 50%; left: 50%; font-family: arial, sans-serif; font-size: 13px; line-height: 1.5; text-align: left; text-shadow: 0 0 10px rgba(0, 0, 0, 0.5); } @media screen and (max-width: 640px) { html[data-lc-type=inline] #Bäder-case, html[data-lc-type=ajax] #Bäder-case { position: fixed !important; top: 0 !important; left: 0 !important; right: 0 !important; bottom: 0 !important; margin: 0 !important; padding: 55px 0 70px 0; width: 100% !important; height: 100% !important; overflow: auto !important; } } @media screen and (min-width: 641px) { html:not([data-lc-type=error]) #Bäder-content { position: relative; z-index: 1; text-shadow: none; background-color: #fff; -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; box-shadow: none; -webkit-backface-visibility: hidden; } } @media screen and (min-width: 641px) { html[data-lc-type=image] #Bäder-content, html[data-lc-type=video] #Bäder-content { background-color: #333; } } html[data-lc-type=inline] #Bäder-content, html[data-lc-type=ajax] #Bäder-content, html[data-lc-type=error] #Bäder-content { -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; box-shadow: none; } @media screen and (max-width: 640px) { html[data-lc-type=inline] #Bäder-content, html[data-lc-type=ajax] #Bäder-content, html[data-lc-type=error] #Bäder-content { position: relative !important; top: auto !important; left: auto !important; width: auto !important; height: auto !important; margin: 0 !important; padding: 0 !important; border: none !important; background: none !important; } } html[data-lc-type=inline] #Bäder-content .Bäder-contentInner, html[data-lc-type=ajax] #Bäder-content .Bäder-contentInner, html[data-lc-type=error] #Bäder-content .Bäder-contentInner { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } @media screen and (max-width: 640px) { html[data-lc-type=inline] #Bäder-content .Bäder-contentInner, html[data-lc-type=ajax] #Bäder-content .Bäder-contentInner, html[data-lc-type=error] #Bäder-content .Bäder-contentInner { padding: 15px; } html[data-lc-type=inline] #Bäder-content .Bäder-contentInner, html[data-lc-type=inline] #Bäder-content .Bäder-contentInner > *, html[data-lc-type=ajax] #Bäder-content .Bäder-contentInner, html[data-lc-type=ajax] #Bäder-content .Bäder-contentInner > *, html[data-lc-type=error] #Bäder-content .Bäder-contentInner, html[data-lc-type=error] #Bäder-content .Bäder-contentInner > * { width: 100% !important; max-width: none !important; } html[data-lc-type=inline] #Bäder-content .Bäder-contentInner > *:not(iframe), html[data-lc-type=ajax] #Bäder-content .Bäder-contentInner > *:not(iframe), html[data-lc-type=error] #Bäder-content .Bäder-contentInner > *:not(iframe) { height: auto !important; max-height: none !important; } } @media screen and (max-width: 640px) { html.Bäder-isMobileDevice[data-lc-type=iframe] #Bäder-content .Bäder-contentInner iframe { overflow: auto; -webkit-overflow-scrolling: touch; } } @media screen and (max-width: 640px) and (min-width: 641px) { html[data-lc-type=image] #Bäder-content .Bäder-contentInner, html[data-lc-type=video] #Bäder-content .Bäder-contentInner { line-height: 0.75; } } html[data-lc-type=image] #Bäder-content .Bäder-contentInner { position: relative; overflow: hidden !important; } @media screen and (max-width: 640px) { html[data-lc-type=inline] #Bäder-content .Bäder-contentInner .Bäder-inlineWrap, html[data-lc-type=ajax] #Bäder-content .Bäder-contentInner .Bäder-inlineWrap, html[data-lc-type=error] #Bäder-content .Bäder-contentInner .Bäder-inlineWrap { position: relative !important; top: auto !important; left: auto !important; width: auto !important; height: auto !important; margin: 0 !important; padding: 0 !important; border: none !important; background: none !important; } } @media screen and (min-width: 641px) { html:not([data-lc-type=error]) #Bäder-content .Bäder-contentInner .Bäder-inlineWrap { padding: 30px; overflow: auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } } @media screen and (max-width: 640px) { #Bäder-content h1, #Bäder-content h2, #Bäder-content h3, #Bäder-content h4, #Bäder-content h5, #Bäder-content h6, #Bäder-content p { color: #aaa; } } @media screen and (min-width: 641px) { #Bäder-content h1, #Bäder-content h2, #Bäder-content h3, #Bäder-content h4, #Bäder-content h5, #Bäder-content h6, #Bäder-content p { color: #333; } } #Bäder-case p.Bäder-error { margin: 0; font-size: 17px; text-align: center; /* white-space: nowrap; */ overflow: hidden; text-overflow: ellipsis; color: #aaa; } @media screen and (max-width: 640px) { #Bäder-case p.Bäder-error { padding: 30px 0; } } @media screen and (min-width: 641px) { #Bäder-case p.Bäder-error { padding: 0; } } .Bäder-open body { overflow: hidden; } .Bäder-isMobileDevice .Bäder-open body { max-width: 100%; max-height: 100%; } #Bäder-info { position: absolute; padding-top: 15px; } #Bäder-info #Bäder-title, #Bäder-info #Bäder-caption { margin: 0; padding: 0; line-height: 1.5; font-weight: normal; text-overflow: ellipsis; } #Bäder-info #Bäder-title { font-size: 17px; color: #aaa; } @media screen and (max-width: 640px) { #Bäder-info #Bäder-title { position: fixed; top: 10px; left: 0; max-width: 87.5%; padding: 5px 15px; /* background: #333; */ background: none; } } #Bäder-info #Bäder-caption { clear: both; font-size: 13px; color: #aaa; } #Bäder-info #Bäder-sequenceInfo { font-size: 11px; color: #aaa; } @media screen and (max-width: 640px) { .Bäder-fullScreenMode #Bäder-info { padding-left: 15px; padding-right: 15px; } html:not([data-lc-type=image]):not([data-lc-type=video]):not([data-lc-type=flash]):not([data-lc-type=error]) #Bäder-info { position: static; } } #Bäder-loading { position: fixed; z-index: 9999; width: 1.123em; height: auto; font-size: 38px; line-height: 1; text-align: center; text-shadow: none; position: fixed; z-index: 2001; top: 50%; left: 50%; margin-top: -0.5em; margin-left: -0.5em; opacity: 1; font-size: 32px; text-shadow: 0 0 15px #fff; -moz-transform-origin: 50% 53%; -webkit-animation: Bäder-spin 0.5s infinite linear; -moz-animation: Bäder-spin 0.5s infinite linear; -o-animation: Bäder-spin 0.5s infinite linear; animation: Bäder-spin 0.5s infinite linear; } #Bäder-loading, #Bäder-loading:focus { text-decoration: none; color: #fff; -webkit-tap-highlight-color: transparent; -webkit-transition: color, opacity, ease-in-out 0.25s; -moz-transition: color, opacity, ease-in-out 0.25s; -o-transition: color, opacity, ease-in-out 0.25s; transition: color, opacity, ease-in-out 0.25s; } #Bäder-loading > span { display: inline-block; text-indent: -9999px; } a[class*='Bäder-icon-'] { position: fixed; z-index: 9999; width: 1.123em; height: auto; font-size: 38px; line-height: 1; text-align: center; text-shadow: none; outline: none; cursor: pointer; } a[class*='Bäder-icon-'], a[class*='Bäder-icon-']:focus { text-decoration: none; color: rgba(255, 255, 255, 0.6); -webkit-tap-highlight-color: transparent; -webkit-transition: color, opacity, ease-in-out 0.25s; -moz-transition: color, opacity, ease-in-out 0.25s; -o-transition: color, opacity, ease-in-out 0.25s; transition: color, opacity, ease-in-out 0.25s; } a[class*='Bäder-icon-'] > span { display: inline-block; text-indent: -9999px; } a[class*='Bäder-icon-']:hover { color: white; text-shadow: 0 0 15px white; } .Bäder-isMobileDevice a[class*='Bäder-icon-']:hover { color: #aaa; text-shadow: none; } a[class*='Bäder-icon-'].Bäder-icon-close { position: fixed; top: 15px; right: 15px; bottom: auto; margin: 0; opacity: 0; outline: none; } a[class*='Bäder-icon-'].Bäder-icon-prev { left: 15px; } a[class*='Bäder-icon-'].Bäder-icon-next { right: 15px; } a[class*='Bäder-icon-'].Bäder-icon-pause, a[class*='Bäder-icon-'].Bäder-icon-play { left: 50%; margin-left: -0.5em; } @media screen and (min-width: 641px) { a[class*='Bäder-icon-'].Bäder-icon-pause, a[class*='Bäder-icon-'].Bäder-icon-play { opacity: 0; } } @media screen and (max-width: 640px) { a[class*='Bäder-icon-'] { bottom: 15px; font-size: 24px; } } @media screen and (min-width: 641px) { a[class*='Bäder-icon-'] { bottom: 50%; margin-bottom: -0.5em; } a[class*='Bäder-icon-']:hover, #Bäder-case:hover ~ a[class*='Bäder-icon-'] { opacity: 1; } } #Bäder-overlay { display: none; width: 100%; min-height: 100%; position: fixed; z-index: 2000; top: -9999px; bottom: -9999px; left: 0; background: #333; } @media screen and (max-width: 640px) { #Bäder-overlay { opacity: 1 !important; } } /* Modifications made by WHW */ a[class*='Bäder-icon-'], a[class*='Bäder-icon-']:focus { color: rgba(255, 255, 255, 0.60); } @media screen and (max-width: 640px) { a[class*='Bäder-icon-'] { bottom: 0px; font-size: 24px; padding: 15px; width: auto; } a[class*='mygallery-icon-'].mygallery-icon-close { top: 0px; right: 0px; } a[class*='mygallery-icon-'].mygallery-icon-next { right: 0px; } a[class*='mygallery-icon-'].mygallery-icon-prev { left: 0px; } .mygallery-isMobileDevice a[class*='mygallery-icon-']:hover { color: rgba(255, 255, 255, 0.60); text-shadow: none; } } a[class*='Bäder-icon-']:hover { color: rgba(255, 255, 255, 1.00); text-shadow: 0 0 15px rgba(255, 255, 255, 1.00); } #Bäder-content img { width: auto; height: auto; } #Bäder-overlay { opacity: 1.00 !important; background: rgba(51, 51, 51, 0.95) !important; } #Bäder-info #Bäder-sequenceInfo, #Bäder-info #Bäder-title, #Bäder-info #Bäder-caption { color: rgba(170, 170, 170, 1.00); } #Bäder-info #Bäder-title { font-weight: normal; font-style: normal; text-transform: none; text-decoration: none; font-weight: bold; } #Bäder-info #Bäder-caption { } /* @end */ /* Social icons in the lightbox */ #social-Bäder { position: fixed; top: 15px; left: 15px; z-index: 99999; line-height: 1; display: none; } @media screen and (min-width: 641px) { /* Only show social media buttons on wider screens */ #social-Bäder { display: block; } } #social-Bäder a { color: rgba(255, 255, 255, 0.60); padding: 0px; display: none; text-align: center; font-size: 26px; width: 40px; height: 40px; line-height: 40px; border-radius: 40px; transition: all 300ms ease-in-out; } #social-Bäder a:hover { color: rgba(255, 255, 255, 1.00); text-shadow: 0 0 15px white; } /* */ /* */ /* Lightbox image borders and padding */ @media screen and (min-width: 641px) { html[data-lc-type=image] #Bäder-content, html[data-lc-type=video] #Bäder-content { background: transparent; } } #Bäder-content img { border: 0px solid rgba(255, 255, 255, 1.00); padding: 0px; border-radius: 0px; } /* @group ProGallery Edit Mode */ /* */ /* @end */ /* @group ProGallery Grid */ #Buero { display: block; width: 100%; text-align: center; } #Buero li.proGalleryItem { -webkit-transform: translateZ(0); } #Buero ul#proGalleryThumbsstacks_in_899_page1 { padding: 0; margin: 0; list-style: none; } #Buero li.proGalleryItem { margin: 0; padding: 0; position: relative; } #Buero li .proGalleryItemInner { border: 0px solid rgba(234, 234, 234, 1.00); border-radius: 0px; background: rgba(255, 255, 255, 1.00); padding: 1px 2px 1px 2px; position: relative; box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.40); } #Buero li.proGalleryItem a { display: block; text-align: center; cursor: zoom-in; margin: 0px; cursor: pointer; outline: none; } #Buero li .proGalleryItemInner a:focus { outline: 2px dotted #FF0000; } #Buero li.proGalleryItem img { max-height: 100%; max-width: 100%; width: auto; height: auto; border-radius: 0px; display: block; border: 0px solid rgba(234, 234, 234, 1.00); padding: 0px; } /* Disable links that don't go anywhere */ #Buero li .proGalleryItemInner a[href='']{ pointer-events: none !important; cursor: default !important; } /*! Lazy Load XT v1.1.0 2016-01-12 * http://ressio.github.io/lazy-load-xt * (C) 2016 RESS.io * Licensed under MIT */ .lazy-hidden { opacity: 0; } .lazy-loaded { -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; -ms-transition: opacity 0.3s; -o-transition: opacity 0.3s; transition: opacity 0.3s; opacity: 1; } /* */ /* */ /* */ #Buero li { display: none; } #Buero li:first-child { display: block; } /* */ /* */ /* */ /* */ /* Thumbnail titles */ #Buero .proGalleryItemTitle { display: none; transition: opacity 300ms ease-in-out; padding: 5px; margin: 0px; font-size: 14px; border-radius: 0px; line-height: 1.25em; color: rgba(241, 235, 218, 1.00); background: rgba(200, 156, 81, 1.00); } #Buero .proGalleryItemTitle strong { font-weight: normal; font-style: normal; text-transform: none; text-decoration: none; font-weight: bold; } #Buero .proGalleryItemTitle div { color: rgba(102, 102, 102, 1.00); font-size: 14px; } #Buero.titlesBelowLeft .proGalleryItemTitle { text-align: left; opacity: 1.00; } #Buero.titlesBelowCentre .proGalleryItemTitle { text-align: center; opacity: 1.00; } #Buero.titlesBelowRight .proGalleryItemTitle { text-align: right; opacity: 1.00; } #Buero.titlesHoverTopLeft .proGalleryItemTitle { position: absolute; top: 0; left: 0; opacity: 0; text-align: left; } #Buero.titlesHoverTopCentre .proGalleryItemTitle { position: absolute; top: 0; left: 0; width: 100%; text-align: center; opacity: 0; text-align: center; } #Buero.titlesTopRight .proGalleryItemTitle { position: absolute; top: 0; right: 0; text-align: right; opacity: 0; } #Buero.titlesHoverMiddleLeft .proGalleryItemTitle { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 0; opacity: 0; text-align: left; } #Buero.titlesHoverMiddleCentre .proGalleryItemTitle { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 0; width: 100%; text-align: center; opacity: 0; } #Buero.titlesHoverMiddleRight .proGalleryItemTitle { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 0; opacity: 0; text-align: right; } #Buero.titlesHoverBottomLeft .proGalleryItemTitle { position: absolute; bottom: 0; left: 0; opacity: 0; text-align: left; } #Buero.titlesHoverBottomCentre .proGalleryItemTitle { position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; opacity: 0; } #Buero.titlesHoverBottomRight .proGalleryItemTitle { position: absolute; bottom: 0; right: 0; opacity: 0; text-align: right; } #Buero li:hover .proGalleryItemTitle { opacity: 1.00; } /* @end */ /* @group Special Effects */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* @end */ /* @group Light case */ /** * Lightcase - jQuery Plugin * The smart and flexible Lightbox Plugin. * * @author Cornel Boppart * @copyright Author * * @version 2.4.0 (09/04/2017) */ @font-face { font-family: 'lightcase'; src: url("../galerie_files/progallery-fonts/lightcase.eot?55356177"); src: url("../galerie_files/progallery-fonts/lightcase.eot?55356177#iefix") format("embedded-opentype"), url("../galerie_files/progallery-fonts/lightcase.woff?55356177") format("woff"), url("../galerie_files/progallery-fonts/lightcase.ttf?55356177") format("truetype"), url("../galerie_files/progallery-fonts/lightcase.svg?55356177#lightcase") format("svg"); font-weight: normal; font-style: normal; } [class*='Buero-icon-']:before { font-family: 'lightcase', sans-serif; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; text-align: center; /* For safety - reset parent styles, that can break glyph codes*/ font-variant: normal; text-transform: none; /* fix buttons height, for twitter bootstrap */ line-height: 1em; /* Uncomment for 3D effect */ /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */ } /* Codes */ .Buero-icon-play:before { content: '\e800'; } .Buero-icon-pause:before { content: '\e801'; } .Buero-icon-close:before { content: '\e802'; } .Buero-icon-prev:before { content: '\e803'; } .Buero-icon-next:before { content: '\e804'; } .Buero-icon-spin:before { content: '\e805'; } /** * Mixin providing icon defaults to be used on top of font-lightcase. * * Example usage: * @include icon(#e9e9e9) */ /** * Mixin providing icon defaults including a hover status to be used * on top of font-lightcase. * * Example usage: * @include icon-hover(#e9e9e9, #fff) */ /** * Provides natural content overflow behavior and scrolling support * even so for touch devices. * * Example usage: * @include overflow() */ /** * Neutralizes/resets dimensions including width, height, position as well as margins, * paddings and styles. Used to enforce a neutral and unstyled look and behavoir! * * Example usage: * @include clear(true) * * @param boolean $important */ @-webkit-keyframes Buero-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); -moz-transform: rotate(359deg); -o-transform: rotate(359deg); transform: rotate(359deg); } } @-moz-keyframes Buero-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); -moz-transform: rotate(359deg); -o-transform: rotate(359deg); transform: rotate(359deg); } } @-o-keyframes Buero-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); -moz-transform: rotate(359deg); -o-transform: rotate(359deg); transform: rotate(359deg); } } @-ms-keyframes Buero-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); -moz-transform: rotate(359deg); -o-transform: rotate(359deg); transform: rotate(359deg); } } @keyframes Buero-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); -moz-transform: rotate(359deg); -o-transform: rotate(359deg); transform: rotate(359deg); } } #Buero-case { display: none; position: fixed; z-index: 2002; top: 50%; left: 50%; font-family: arial, sans-serif; font-size: 13px; line-height: 1.5; text-align: left; text-shadow: 0 0 10px rgba(0, 0, 0, 0.5); } @media screen and (max-width: 640px) { html[data-lc-type=inline] #Buero-case, html[data-lc-type=ajax] #Buero-case { position: fixed !important; top: 0 !important; left: 0 !important; right: 0 !important; bottom: 0 !important; margin: 0 !important; padding: 55px 0 70px 0; width: 100% !important; height: 100% !important; overflow: auto !important; } } @media screen and (min-width: 641px) { html:not([data-lc-type=error]) #Buero-content { position: relative; z-index: 1; text-shadow: none; background-color: #fff; -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; box-shadow: none; -webkit-backface-visibility: hidden; } } @media screen and (min-width: 641px) { html[data-lc-type=image] #Buero-content, html[data-lc-type=video] #Buero-content { background-color: #333; } } html[data-lc-type=inline] #Buero-content, html[data-lc-type=ajax] #Buero-content, html[data-lc-type=error] #Buero-content { -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; box-shadow: none; } @media screen and (max-width: 640px) { html[data-lc-type=inline] #Buero-content, html[data-lc-type=ajax] #Buero-content, html[data-lc-type=error] #Buero-content { position: relative !important; top: auto !important; left: auto !important; width: auto !important; height: auto !important; margin: 0 !important; padding: 0 !important; border: none !important; background: none !important; } } html[data-lc-type=inline] #Buero-content .Buero-contentInner, html[data-lc-type=ajax] #Buero-content .Buero-contentInner, html[data-lc-type=error] #Buero-content .Buero-contentInner { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } @media screen and (max-width: 640px) { html[data-lc-type=inline] #Buero-content .Buero-contentInner, html[data-lc-type=ajax] #Buero-content .Buero-contentInner, html[data-lc-type=error] #Buero-content .Buero-contentInner { padding: 15px; } html[data-lc-type=inline] #Buero-content .Buero-contentInner, html[data-lc-type=inline] #Buero-content .Buero-contentInner > *, html[data-lc-type=ajax] #Buero-content .Buero-contentInner, html[data-lc-type=ajax] #Buero-content .Buero-contentInner > *, html[data-lc-type=error] #Buero-content .Buero-contentInner, html[data-lc-type=error] #Buero-content .Buero-contentInner > * { width: 100% !important; max-width: none !important; } html[data-lc-type=inline] #Buero-content .Buero-contentInner > *:not(iframe), html[data-lc-type=ajax] #Buero-content .Buero-contentInner > *:not(iframe), html[data-lc-type=error] #Buero-content .Buero-contentInner > *:not(iframe) { height: auto !important; max-height: none !important; } } @media screen and (max-width: 640px) { html.Buero-isMobileDevice[data-lc-type=iframe] #Buero-content .Buero-contentInner iframe { overflow: auto; -webkit-overflow-scrolling: touch; } } @media screen and (max-width: 640px) and (min-width: 641px) { html[data-lc-type=image] #Buero-content .Buero-contentInner, html[data-lc-type=video] #Buero-content .Buero-contentInner { line-height: 0.75; } } html[data-lc-type=image] #Buero-content .Buero-contentInner { position: relative; overflow: hidden !important; } @media screen and (max-width: 640px) { html[data-lc-type=inline] #Buero-content .Buero-contentInner .Buero-inlineWrap, html[data-lc-type=ajax] #Buero-content .Buero-contentInner .Buero-inlineWrap, html[data-lc-type=error] #Buero-content .Buero-contentInner .Buero-inlineWrap { position: relative !important; top: auto !important; left: auto !important; width: auto !important; height: auto !important; margin: 0 !important; padding: 0 !important; border: none !important; background: none !important; } } @media screen and (min-width: 641px) { html:not([data-lc-type=error]) #Buero-content .Buero-contentInner .Buero-inlineWrap { padding: 30px; overflow: auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } } @media screen and (max-width: 640px) { #Buero-content h1, #Buero-content h2, #Buero-content h3, #Buero-content h4, #Buero-content h5, #Buero-content h6, #Buero-content p { color: #aaa; } } @media screen and (min-width: 641px) { #Buero-content h1, #Buero-content h2, #Buero-content h3, #Buero-content h4, #Buero-content h5, #Buero-content h6, #Buero-content p { color: #333; } } #Buero-case p.Buero-error { margin: 0; font-size: 17px; text-align: center; /* white-space: nowrap; */ overflow: hidden; text-overflow: ellipsis; color: #aaa; } @media screen and (max-width: 640px) { #Buero-case p.Buero-error { padding: 30px 0; } } @media screen and (min-width: 641px) { #Buero-case p.Buero-error { padding: 0; } } .Buero-open body { overflow: hidden; } .Buero-isMobileDevice .Buero-open body { max-width: 100%; max-height: 100%; } #Buero-info { position: absolute; padding-top: 15px; } #Buero-info #Buero-title, #Buero-info #Buero-caption { margin: 0; padding: 0; line-height: 1.5; font-weight: normal; text-overflow: ellipsis; } #Buero-info #Buero-title { font-size: 17px; color: #aaa; } @media screen and (max-width: 640px) { #Buero-info #Buero-title { position: fixed; top: 10px; left: 0; max-width: 87.5%; padding: 5px 15px; /* background: #333; */ background: none; } } #Buero-info #Buero-caption { clear: both; font-size: 13px; color: #aaa; } #Buero-info #Buero-sequenceInfo { font-size: 11px; color: #aaa; } @media screen and (max-width: 640px) { .Buero-fullScreenMode #Buero-info { padding-left: 15px; padding-right: 15px; } html:not([data-lc-type=image]):not([data-lc-type=video]):not([data-lc-type=flash]):not([data-lc-type=error]) #Buero-info { position: static; } } #Buero-loading { position: fixed; z-index: 9999; width: 1.123em; height: auto; font-size: 38px; line-height: 1; text-align: center; text-shadow: none; position: fixed; z-index: 2001; top: 50%; left: 50%; margin-top: -0.5em; margin-left: -0.5em; opacity: 1; font-size: 32px; text-shadow: 0 0 15px #fff; -moz-transform-origin: 50% 53%; -webkit-animation: Buero-spin 0.5s infinite linear; -moz-animation: Buero-spin 0.5s infinite linear; -o-animation: Buero-spin 0.5s infinite linear; animation: Buero-spin 0.5s infinite linear; } #Buero-loading, #Buero-loading:focus { text-decoration: none; color: #fff; -webkit-tap-highlight-color: transparent; -webkit-transition: color, opacity, ease-in-out 0.25s; -moz-transition: color, opacity, ease-in-out 0.25s; -o-transition: color, opacity, ease-in-out 0.25s; transition: color, opacity, ease-in-out 0.25s; } #Buero-loading > span { display: inline-block; text-indent: -9999px; } a[class*='Buero-icon-'] { position: fixed; z-index: 9999; width: 1.123em; height: auto; font-size: 38px; line-height: 1; text-align: center; text-shadow: none; outline: none; cursor: pointer; } a[class*='Buero-icon-'], a[class*='Buero-icon-']:focus { text-decoration: none; color: rgba(255, 255, 255, 0.6); -webkit-tap-highlight-color: transparent; -webkit-transition: color, opacity, ease-in-out 0.25s; -moz-transition: color, opacity, ease-in-out 0.25s; -o-transition: color, opacity, ease-in-out 0.25s; transition: color, opacity, ease-in-out 0.25s; } a[class*='Buero-icon-'] > span { display: inline-block; text-indent: -9999px; } a[class*='Buero-icon-']:hover { color: white; text-shadow: 0 0 15px white; } .Buero-isMobileDevice a[class*='Buero-icon-']:hover { color: #aaa; text-shadow: none; } a[class*='Buero-icon-'].Buero-icon-close { position: fixed; top: 15px; right: 15px; bottom: auto; margin: 0; opacity: 0; outline: none; } a[class*='Buero-icon-'].Buero-icon-prev { left: 15px; } a[class*='Buero-icon-'].Buero-icon-next { right: 15px; } a[class*='Buero-icon-'].Buero-icon-pause, a[class*='Buero-icon-'].Buero-icon-play { left: 50%; margin-left: -0.5em; } @media screen and (min-width: 641px) { a[class*='Buero-icon-'].Buero-icon-pause, a[class*='Buero-icon-'].Buero-icon-play { opacity: 0; } } @media screen and (max-width: 640px) { a[class*='Buero-icon-'] { bottom: 15px; font-size: 24px; } } @media screen and (min-width: 641px) { a[class*='Buero-icon-'] { bottom: 50%; margin-bottom: -0.5em; } a[class*='Buero-icon-']:hover, #Buero-case:hover ~ a[class*='Buero-icon-'] { opacity: 1; } } #Buero-overlay { display: none; width: 100%; min-height: 100%; position: fixed; z-index: 2000; top: -9999px; bottom: -9999px; left: 0; background: #333; } @media screen and (max-width: 640px) { #Buero-overlay { opacity: 1 !important; } } /* Modifications made by WHW */ a[class*='Buero-icon-'], a[class*='Buero-icon-']:focus { color: rgba(255, 255, 255, 0.60); } @media screen and (max-width: 640px) { a[class*='Buero-icon-'] { bottom: 0px; font-size: 24px; padding: 15px; width: auto; } a[class*='mygallery-icon-'].mygallery-icon-close { top: 0px; right: 0px; } a[class*='mygallery-icon-'].mygallery-icon-next { right: 0px; } a[class*='mygallery-icon-'].mygallery-icon-prev { left: 0px; } .mygallery-isMobileDevice a[class*='mygallery-icon-']:hover { color: rgba(255, 255, 255, 0.60); text-shadow: none; } } a[class*='Buero-icon-']:hover { color: rgba(255, 255, 255, 1.00); text-shadow: 0 0 15px rgba(255, 255, 255, 1.00); } #Buero-content img { width: auto; height: auto; } #Buero-overlay { opacity: 1.00 !important; background: rgba(51, 51, 51, 0.95) !important; } #Buero-info #Buero-sequenceInfo, #Buero-info #Buero-title, #Buero-info #Buero-caption { color: rgba(170, 170, 170, 1.00); } #Buero-info #Buero-title { font-weight: normal; font-style: normal; text-transform: none; text-decoration: none; font-weight: bold; } #Buero-info #Buero-caption { } /* @end */ /* Social icons in the lightbox */ #social-Buero { position: fixed; top: 15px; left: 15px; z-index: 99999; line-height: 1; display: none; } @media screen and (min-width: 641px) { /* Only show social media buttons on wider screens */ #social-Buero { display: block; } } #social-Buero a { color: rgba(255, 255, 255, 0.60); padding: 0px; display: none; text-align: center; font-size: 26px; width: 40px; height: 40px; line-height: 40px; border-radius: 40px; transition: all 300ms ease-in-out; } #social-Buero a:hover { color: rgba(255, 255, 255, 1.00); text-shadow: 0 0 15px white; } /* */ /* */ /* Lightbox image borders and padding */ @media screen and (min-width: 641px) { html[data-lc-type=image] #Buero-content, html[data-lc-type=video] #Buero-content { background: transparent; } } #Buero-content img { border: 0px solid rgba(255, 255, 255, 1.00); padding: 0px; border-radius: 0px; } /* @group ProGallery Edit Mode */ /* */ /* @end */ /* @group ProGallery Grid */ #Deckenelemente { display: block; width: 100%; text-align: center; } #Deckenelemente li.proGalleryItem { -webkit-transform: translateZ(0); } #Deckenelemente ul#proGalleryThumbsstacks_in_947_page1 { padding: 0; margin: 0; list-style: none; } #Deckenelemente li.proGalleryItem { margin: 0; padding: 0; position: relative; } #Deckenelemente li .proGalleryItemInner { border: 0px solid rgba(234, 234, 234, 1.00); border-radius: 0px; background: rgba(255, 255, 255, 1.00); padding: 1px 2px 1px 2px; position: relative; box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.40); } #Deckenelemente li.proGalleryItem a { display: block; text-align: center; cursor: zoom-in; margin: 0px; cursor: pointer; outline: none; } #Deckenelemente li .proGalleryItemInner a:focus { outline: 2px dotted #FF0000; } #Deckenelemente li.proGalleryItem img { max-height: 100%; max-width: 100%; width: auto; height: auto; border-radius: 0px; display: block; border: 0px solid rgba(234, 234, 234, 1.00); padding: 0px; } /* Disable links that don't go anywhere */ #Deckenelemente li .proGalleryItemInner a[href='']{ pointer-events: none !important; cursor: default !important; } /*! Lazy Load XT v1.1.0 2016-01-12 * http://ressio.github.io/lazy-load-xt * (C) 2016 RESS.io * Licensed under MIT */ .lazy-hidden { opacity: 0; } .lazy-loaded { -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; -ms-transition: opacity 0.3s; -o-transition: opacity 0.3s; transition: opacity 0.3s; opacity: 1; } /* */ /* */ /* */ #Deckenelemente li { display: none; } #Deckenelemente li:first-child { display: block; } /* */ /* */ /* */ /* */ /* Thumbnail titles */ #Deckenelemente .proGalleryItemTitle { display: none; transition: opacity 300ms ease-in-out; padding: 5px; margin: 0px; font-size: 14px; border-radius: 0px; line-height: 1.25em; color: rgba(241, 235, 218, 1.00); background: rgba(200, 156, 81, 1.00); } #Deckenelemente .proGalleryItemTitle strong { font-weight: normal; font-style: normal; text-transform: none; text-decoration: none; font-weight: bold; } #Deckenelemente .proGalleryItemTitle div { color: rgba(102, 102, 102, 1.00); font-size: 14px; } #Deckenelemente.titlesBelowLeft .proGalleryItemTitle { text-align: left; opacity: 1.00; } #Deckenelemente.titlesBelowCentre .proGalleryItemTitle { text-align: center; opacity: 1.00; } #Deckenelemente.titlesBelowRight .proGalleryItemTitle { text-align: right; opacity: 1.00; } #Deckenelemente.titlesHoverTopLeft .proGalleryItemTitle { position: absolute; top: 0; left: 0; opacity: 0; text-align: left; } #Deckenelemente.titlesHoverTopCentre .proGalleryItemTitle { position: absolute; top: 0; left: 0; width: 100%; text-align: center; opacity: 0; text-align: center; } #Deckenelemente.titlesTopRight .proGalleryItemTitle { position: absolute; top: 0; right: 0; text-align: right; opacity: 0; } #Deckenelemente.titlesHoverMiddleLeft .proGalleryItemTitle { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 0; opacity: 0; text-align: left; } #Deckenelemente.titlesHoverMiddleCentre .proGalleryItemTitle { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 0; width: 100%; text-align: center; opacity: 0; } #Deckenelemente.titlesHoverMiddleRight .proGalleryItemTitle { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 0; opacity: 0; text-align: right; } #Deckenelemente.titlesHoverBottomLeft .proGalleryItemTitle { position: absolute; bottom: 0; left: 0; opacity: 0; text-align: left; } #Deckenelemente.titlesHoverBottomCentre .proGalleryItemTitle { position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; opacity: 0; } #Deckenelemente.titlesHoverBottomRight .proGalleryItemTitle { position: absolute; bottom: 0; right: 0; opacity: 0; text-align: right; } #Deckenelemente li:hover .proGalleryItemTitle { opacity: 1.00; } /* @end */ /* @group Special Effects */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* @end */ /* @group Light case */ /** * Lightcase - jQuery Plugin * The smart and flexible Lightbox Plugin. * * @author Cornel Boppart * @copyright Author * * @version 2.4.0 (09/04/2017) */ @font-face { font-family: 'lightcase'; src: url("../galerie_files/progallery-fonts/lightcase.eot?55356177"); src: url("../galerie_files/progallery-fonts/lightcase.eot?55356177#iefix") format("embedded-opentype"), url("../galerie_files/progallery-fonts/lightcase.woff?55356177") format("woff"), url("../galerie_files/progallery-fonts/lightcase.ttf?55356177") format("truetype"), url("../galerie_files/progallery-fonts/lightcase.svg?55356177#lightcase") format("svg"); font-weight: normal; font-style: normal; } [class*='Deckenelemente-icon-']:before { font-family: 'lightcase', sans-serif; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; text-align: center; /* For safety - reset parent styles, that can break glyph codes*/ font-variant: normal; text-transform: none; /* fix buttons height, for twitter bootstrap */ line-height: 1em; /* Uncomment for 3D effect */ /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */ } /* Codes */ .Deckenelemente-icon-play:before { content: '\e800'; } .Deckenelemente-icon-pause:before { content: '\e801'; } .Deckenelemente-icon-close:before { content: '\e802'; } .Deckenelemente-icon-prev:before { content: '\e803'; } .Deckenelemente-icon-next:before { content: '\e804'; } .Deckenelemente-icon-spin:before { content: '\e805'; } /** * Mixin providing icon defaults to be used on top of font-lightcase. * * Example usage: * @include icon(#e9e9e9) */ /** * Mixin providing icon defaults including a hover status to be used * on top of font-lightcase. * * Example usage: * @include icon-hover(#e9e9e9, #fff) */ /** * Provides natural content overflow behavior and scrolling support * even so for touch devices. * * Example usage: * @include overflow() */ /** * Neutralizes/resets dimensions including width, height, position as well as margins, * paddings and styles. Used to enforce a neutral and unstyled look and behavoir! * * Example usage: * @include clear(true) * * @param boolean $important */ @-webkit-keyframes Deckenelemente-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); -moz-transform: rotate(359deg); -o-transform: rotate(359deg); transform: rotate(359deg); } } @-moz-keyframes Deckenelemente-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); -moz-transform: rotate(359deg); -o-transform: rotate(359deg); transform: rotate(359deg); } } @-o-keyframes Deckenelemente-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); -moz-transform: rotate(359deg); -o-transform: rotate(359deg); transform: rotate(359deg); } } @-ms-keyframes Deckenelemente-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); -moz-transform: rotate(359deg); -o-transform: rotate(359deg); transform: rotate(359deg); } } @keyframes Deckenelemente-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); -moz-transform: rotate(359deg); -o-transform: rotate(359deg); transform: rotate(359deg); } } #Deckenelemente-case { display: none; position: fixed; z-index: 2002; top: 50%; left: 50%; font-family: arial, sans-serif; font-size: 13px; line-height: 1.5; text-align: left; text-shadow: 0 0 10px rgba(0, 0, 0, 0.5); } @media screen and (max-width: 640px) { html[data-lc-type=inline] #Deckenelemente-case, html[data-lc-type=ajax] #Deckenelemente-case { position: fixed !important; top: 0 !important; left: 0 !important; right: 0 !important; bottom: 0 !important; margin: 0 !important; padding: 55px 0 70px 0; width: 100% !important; height: 100% !important; overflow: auto !important; } } @media screen and (min-width: 641px) { html:not([data-lc-type=error]) #Deckenelemente-content { position: relative; z-index: 1; text-shadow: none; background-color: #fff; -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; box-shadow: none; -webkit-backface-visibility: hidden; } } @media screen and (min-width: 641px) { html[data-lc-type=image] #Deckenelemente-content, html[data-lc-type=video] #Deckenelemente-content { background-color: #333; } } html[data-lc-type=inline] #Deckenelemente-content, html[data-lc-type=ajax] #Deckenelemente-content, html[data-lc-type=error] #Deckenelemente-content { -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; box-shadow: none; } @media screen and (max-width: 640px) { html[data-lc-type=inline] #Deckenelemente-content, html[data-lc-type=ajax] #Deckenelemente-content, html[data-lc-type=error] #Deckenelemente-content { position: relative !important; top: auto !important; left: auto !important; width: auto !important; height: auto !important; margin: 0 !important; padding: 0 !important; border: none !important; background: none !important; } } html[data-lc-type=inline] #Deckenelemente-content .Deckenelemente-contentInner, html[data-lc-type=ajax] #Deckenelemente-content .Deckenelemente-contentInner, html[data-lc-type=error] #Deckenelemente-content .Deckenelemente-contentInner { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } @media screen and (max-width: 640px) { html[data-lc-type=inline] #Deckenelemente-content .Deckenelemente-contentInner, html[data-lc-type=ajax] #Deckenelemente-content .Deckenelemente-contentInner, html[data-lc-type=error] #Deckenelemente-content .Deckenelemente-contentInner { padding: 15px; } html[data-lc-type=inline] #Deckenelemente-content .Deckenelemente-contentInner, html[data-lc-type=inline] #Deckenelemente-content .Deckenelemente-contentInner > *, html[data-lc-type=ajax] #Deckenelemente-content .Deckenelemente-contentInner, html[data-lc-type=ajax] #Deckenelemente-content .Deckenelemente-contentInner > *, html[data-lc-type=error] #Deckenelemente-content .Deckenelemente-contentInner, html[data-lc-type=error] #Deckenelemente-content .Deckenelemente-contentInner > * { width: 100% !important; max-width: none !important; } html[data-lc-type=inline] #Deckenelemente-content .Deckenelemente-contentInner > *:not(iframe), html[data-lc-type=ajax] #Deckenelemente-content .Deckenelemente-contentInner > *:not(iframe), html[data-lc-type=error] #Deckenelemente-content .Deckenelemente-contentInner > *:not(iframe) { height: auto !important; max-height: none !important; } } @media screen and (max-width: 640px) { html.Deckenelemente-isMobileDevice[data-lc-type=iframe] #Deckenelemente-content .Deckenelemente-contentInner iframe { overflow: auto; -webkit-overflow-scrolling: touch; } } @media screen and (max-width: 640px) and (min-width: 641px) { html[data-lc-type=image] #Deckenelemente-content .Deckenelemente-contentInner, html[data-lc-type=video] #Deckenelemente-content .Deckenelemente-contentInner { line-height: 0.75; } } html[data-lc-type=image] #Deckenelemente-content .Deckenelemente-contentInner { position: relative; overflow: hidden !important; } @media screen and (max-width: 640px) { html[data-lc-type=inline] #Deckenelemente-content .Deckenelemente-contentInner .Deckenelemente-inlineWrap, html[data-lc-type=ajax] #Deckenelemente-content .Deckenelemente-contentInner .Deckenelemente-inlineWrap, html[data-lc-type=error] #Deckenelemente-content .Deckenelemente-contentInner .Deckenelemente-inlineWrap { position: relative !important; top: auto !important; left: auto !important; width: auto !important; height: auto !important; margin: 0 !important; padding: 0 !important; border: none !important; background: none !important; } } @media screen and (min-width: 641px) { html:not([data-lc-type=error]) #Deckenelemente-content .Deckenelemente-contentInner .Deckenelemente-inlineWrap { padding: 30px; overflow: auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } } @media screen and (max-width: 640px) { #Deckenelemente-content h1, #Deckenelemente-content h2, #Deckenelemente-content h3, #Deckenelemente-content h4, #Deckenelemente-content h5, #Deckenelemente-content h6, #Deckenelemente-content p { color: #aaa; } } @media screen and (min-width: 641px) { #Deckenelemente-content h1, #Deckenelemente-content h2, #Deckenelemente-content h3, #Deckenelemente-content h4, #Deckenelemente-content h5, #Deckenelemente-content h6, #Deckenelemente-content p { color: #333; } } #Deckenelemente-case p.Deckenelemente-error { margin: 0; font-size: 17px; text-align: center; /* white-space: nowrap; */ overflow: hidden; text-overflow: ellipsis; color: #aaa; } @media screen and (max-width: 640px) { #Deckenelemente-case p.Deckenelemente-error { padding: 30px 0; } } @media screen and (min-width: 641px) { #Deckenelemente-case p.Deckenelemente-error { padding: 0; } } .Deckenelemente-open body { overflow: hidden; } .Deckenelemente-isMobileDevice .Deckenelemente-open body { max-width: 100%; max-height: 100%; } #Deckenelemente-info { position: absolute; padding-top: 15px; } #Deckenelemente-info #Deckenelemente-title, #Deckenelemente-info #Deckenelemente-caption { margin: 0; padding: 0; line-height: 1.5; font-weight: normal; text-overflow: ellipsis; } #Deckenelemente-info #Deckenelemente-title { font-size: 17px; color: #aaa; } @media screen and (max-width: 640px) { #Deckenelemente-info #Deckenelemente-title { position: fixed; top: 10px; left: 0; max-width: 87.5%; padding: 5px 15px; /* background: #333; */ background: none; } } #Deckenelemente-info #Deckenelemente-caption { clear: both; font-size: 13px; color: #aaa; } #Deckenelemente-info #Deckenelemente-sequenceInfo { font-size: 11px; color: #aaa; } @media screen and (max-width: 640px) { .Deckenelemente-fullScreenMode #Deckenelemente-info { padding-left: 15px; padding-right: 15px; } html:not([data-lc-type=image]):not([data-lc-type=video]):not([data-lc-type=flash]):not([data-lc-type=error]) #Deckenelemente-info { position: static; } } #Deckenelemente-loading { position: fixed; z-index: 9999; width: 1.123em; height: auto; font-size: 38px; line-height: 1; text-align: center; text-shadow: none; position: fixed; z-index: 2001; top: 50%; left: 50%; margin-top: -0.5em; margin-left: -0.5em; opacity: 1; font-size: 32px; text-shadow: 0 0 15px #fff; -moz-transform-origin: 50% 53%; -webkit-animation: Deckenelemente-spin 0.5s infinite linear; -moz-animation: Deckenelemente-spin 0.5s infinite linear; -o-animation: Deckenelemente-spin 0.5s infinite linear; animation: Deckenelemente-spin 0.5s infinite linear; } #Deckenelemente-loading, #Deckenelemente-loading:focus { text-decoration: none; color: #fff; -webkit-tap-highlight-color: transparent; -webkit-transition: color, opacity, ease-in-out 0.25s; -moz-transition: color, opacity, ease-in-out 0.25s; -o-transition: color, opacity, ease-in-out 0.25s; transition: color, opacity, ease-in-out 0.25s; } #Deckenelemente-loading > span { display: inline-block; text-indent: -9999px; } a[class*='Deckenelemente-icon-'] { position: fixed; z-index: 9999; width: 1.123em; height: auto; font-size: 38px; line-height: 1; text-align: center; text-shadow: none; outline: none; cursor: pointer; } a[class*='Deckenelemente-icon-'], a[class*='Deckenelemente-icon-']:focus { text-decoration: none; color: rgba(255, 255, 255, 0.6); -webkit-tap-highlight-color: transparent; -webkit-transition: color, opacity, ease-in-out 0.25s; -moz-transition: color, opacity, ease-in-out 0.25s; -o-transition: color, opacity, ease-in-out 0.25s; transition: color, opacity, ease-in-out 0.25s; } a[class*='Deckenelemente-icon-'] > span { display: inline-block; text-indent: -9999px; } a[class*='Deckenelemente-icon-']:hover { color: white; text-shadow: 0 0 15px white; } .Deckenelemente-isMobileDevice a[class*='Deckenelemente-icon-']:hover { color: #aaa; text-shadow: none; } a[class*='Deckenelemente-icon-'].Deckenelemente-icon-close { position: fixed; top: 15px; right: 15px; bottom: auto; margin: 0; opacity: 0; outline: none; } a[class*='Deckenelemente-icon-'].Deckenelemente-icon-prev { left: 15px; } a[class*='Deckenelemente-icon-'].Deckenelemente-icon-next { right: 15px; } a[class*='Deckenelemente-icon-'].Deckenelemente-icon-pause, a[class*='Deckenelemente-icon-'].Deckenelemente-icon-play { left: 50%; margin-left: -0.5em; } @media screen and (min-width: 641px) { a[class*='Deckenelemente-icon-'].Deckenelemente-icon-pause, a[class*='Deckenelemente-icon-'].Deckenelemente-icon-play { opacity: 0; } } @media screen and (max-width: 640px) { a[class*='Deckenelemente-icon-'] { bottom: 15px; font-size: 24px; } } @media screen and (min-width: 641px) { a[class*='Deckenelemente-icon-'] { bottom: 50%; margin-bottom: -0.5em; } a[class*='Deckenelemente-icon-']:hover, #Deckenelemente-case:hover ~ a[class*='Deckenelemente-icon-'] { opacity: 1; } } #Deckenelemente-overlay { display: none; width: 100%; min-height: 100%; position: fixed; z-index: 2000; top: -9999px; bottom: -9999px; left: 0; background: #333; } @media screen and (max-width: 640px) { #Deckenelemente-overlay { opacity: 1 !important; } } /* Modifications made by WHW */ a[class*='Deckenelemente-icon-'], a[class*='Deckenelemente-icon-']:focus { color: rgba(255, 255, 255, 0.60); } @media screen and (max-width: 640px) { a[class*='Deckenelemente-icon-'] { bottom: 0px; font-size: 24px; padding: 15px; width: auto; } a[class*='mygallery-icon-'].mygallery-icon-close { top: 0px; right: 0px; } a[class*='mygallery-icon-'].mygallery-icon-next { right: 0px; } a[class*='mygallery-icon-'].mygallery-icon-prev { left: 0px; } .mygallery-isMobileDevice a[class*='mygallery-icon-']:hover { color: rgba(255, 255, 255, 0.60); text-shadow: none; } } a[class*='Deckenelemente-icon-']:hover { color: rgba(255, 255, 255, 1.00); text-shadow: 0 0 15px rgba(255, 255, 255, 1.00); } #Deckenelemente-content img { width: auto; height: auto; } #Deckenelemente-overlay { opacity: 1.00 !important; background: rgba(51, 51, 51, 0.95) !important; } #Deckenelemente-info #Deckenelemente-sequenceInfo, #Deckenelemente-info #Deckenelemente-title, #Deckenelemente-info #Deckenelemente-caption { color: rgba(170, 170, 170, 1.00); } #Deckenelemente-info #Deckenelemente-title { font-weight: normal; font-style: normal; text-transform: none; text-decoration: none; font-weight: bold; } #Deckenelemente-info #Deckenelemente-caption { } /* @end */ /* Social icons in the lightbox */ #social-Deckenelemente { position: fixed; top: 15px; left: 15px; z-index: 99999; line-height: 1; display: none; } @media screen and (min-width: 641px) { /* Only show social media buttons on wider screens */ #social-Deckenelemente { display: block; } } #social-Deckenelemente a { color: rgba(255, 255, 255, 0.60); padding: 0px; display: none; text-align: center; font-size: 26px; width: 40px; height: 40px; line-height: 40px; border-radius: 40px; transition: all 300ms ease-in-out; } #social-Deckenelemente a:hover { color: rgba(255, 255, 255, 1.00); text-shadow: 0 0 15px white; } /* */ /* */ /* Lightbox image borders and padding */ @media screen and (min-width: 641px) { html[data-lc-type=image] #Deckenelemente-content, html[data-lc-type=video] #Deckenelemente-content { background: transparent; } } #Deckenelemente-content img { border: 0px solid rgba(255, 255, 255, 1.00); padding: 0px; border-radius: 0px; } /* @group ProGallery Edit Mode */ /* */ /* @end */ /* @group ProGallery Grid */ #Essecken { display: block; width: 100%; text-align: center; } #Essecken li.proGalleryItem { -webkit-transform: translateZ(0); } #Essecken ul#proGalleryThumbsstacks_in_1016_page1 { padding: 0; margin: 0; list-style: none; } #Essecken li.proGalleryItem { margin: 0; padding: 0; position: relative; } #Essecken li .proGalleryItemInner { border: 0px solid rgba(234, 234, 234, 1.00); border-radius: 0px; background: rgba(255, 255, 255, 1.00); padding: 1px 2px 1px 2px; position: relative; box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.40); } #Essecken li.proGalleryItem a { display: block; text-align: center; cursor: zoom-in; margin: 0px; cursor: pointer; outline: none; } #Essecken li .proGalleryItemInner a:focus { outline: 2px dotted #FF0000; } #Essecken li.proGalleryItem img { max-height: 100%; max-width: 100%; width: auto; height: auto; border-radius: 0px; display: block; border: 0px solid rgba(234, 234, 234, 1.00); padding: 0px; } /* Disable links that don't go anywhere */ #Essecken li .proGalleryItemInner a[href='']{ pointer-events: none !important; cursor: default !important; } /*! Lazy Load XT v1.1.0 2016-01-12 * http://ressio.github.io/lazy-load-xt * (C) 2016 RESS.io * Licensed under MIT */ .lazy-hidden { opacity: 0; } .lazy-loaded { -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; -ms-transition: opacity 0.3s; -o-transition: opacity 0.3s; transition: opacity 0.3s; opacity: 1; } /* */ /* */ /* */ #Essecken li { display: none; } #Essecken li:first-child { display: block; } /* */ /* */ /* */ /* */ /* Thumbnail titles */ #Essecken .proGalleryItemTitle { display: none; transition: opacity 300ms ease-in-out; padding: 5px; margin: 0px; font-size: 14px; border-radius: 0px; line-height: 1.25em; color: rgba(241, 235, 218, 1.00); background: rgba(200, 156, 81, 1.00); } #Essecken .proGalleryItemTitle strong { font-weight: normal; font-style: normal; text-transform: none; text-decoration: none; font-weight: bold; } #Essecken .proGalleryItemTitle div { color: rgba(102, 102, 102, 1.00); font-size: 14px; } #Essecken.titlesBelowLeft .proGalleryItemTitle { text-align: left; opacity: 1.00; } #Essecken.titlesBelowCentre .proGalleryItemTitle { text-align: center; opacity: 1.00; } #Essecken.titlesBelowRight .proGalleryItemTitle { text-align: right; opacity: 1.00; } #Essecken.titlesHoverTopLeft .proGalleryItemTitle { position: absolute; top: 0; left: 0; opacity: 0; text-align: left; } #Essecken.titlesHoverTopCentre .proGalleryItemTitle { position: absolute; top: 0; left: 0; width: 100%; text-align: center; opacity: 0; text-align: center; } #Essecken.titlesTopRight .proGalleryItemTitle { position: absolute; top: 0; right: 0; text-align: right; opacity: 0; } #Essecken.titlesHoverMiddleLeft .proGalleryItemTitle { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 0; opacity: 0; text-align: left; } #Essecken.titlesHoverMiddleCentre .proGalleryItemTitle { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 0; width: 100%; text-align: center; opacity: 0; } #Essecken.titlesHoverMiddleRight .proGalleryItemTitle { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 0; opacity: 0; text-align: right; } #Essecken.titlesHoverBottomLeft .proGalleryItemTitle { position: absolute; bottom: 0; left: 0; opacity: 0; text-align: left; } #Essecken.titlesHoverBottomCentre .proGalleryItemTitle { position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; opacity: 0; } #Essecken.titlesHoverBottomRight .proGalleryItemTitle { position: absolute; bottom: 0; right: 0; opacity: 0; text-align: right; } #Essecken li:hover .proGalleryItemTitle { opacity: 1.00; } /* @end */ /* @group Special Effects */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* @end */ /* @group Light case */ /** * Lightcase - jQuery Plugin * The smart and flexible Lightbox Plugin. * * @author Cornel Boppart * @copyright Author * * @version 2.4.0 (09/04/2017) */ @font-face { font-family: 'lightcase'; src: url("../galerie_files/progallery-fonts/lightcase.eot?55356177"); src: url("../galerie_files/progallery-fonts/lightcase.eot?55356177#iefix") format("embedded-opentype"), url("../galerie_files/progallery-fonts/lightcase.woff?55356177") format("woff"), url("../galerie_files/progallery-fonts/lightcase.ttf?55356177") format("truetype"), url("../galerie_files/progallery-fonts/lightcase.svg?55356177#lightcase") format("svg"); font-weight: normal; font-style: normal; } [class*='Essecken-icon-']:before { font-family: 'lightcase', sans-serif; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; text-align: center; /* For safety - reset parent styles, that can break glyph codes*/ font-variant: normal; text-transform: none; /* fix buttons height, for twitter bootstrap */ line-height: 1em; /* Uncomment for 3D effect */ /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */ } /* Codes */ .Essecken-icon-play:before { content: '\e800'; } .Essecken-icon-pause:before { content: '\e801'; } .Essecken-icon-close:before { content: '\e802'; } .Essecken-icon-prev:before { content: '\e803'; } .Essecken-icon-next:before { content: '\e804'; } .Essecken-icon-spin:before { content: '\e805'; } /** * Mixin providing icon defaults to be used on top of font-lightcase. * * Example usage: * @include icon(#e9e9e9) */ /** * Mixin providing icon defaults including a hover status to be used * on top of font-lightcase. * * Example usage: * @include icon-hover(#e9e9e9, #fff) */ /** * Provides natural content overflow behavior and scrolling support * even so for touch devices. * * Example usage: * @include overflow() */ /** * Neutralizes/resets dimensions including width, height, position as well as margins, * paddings and styles. Used to enforce a neutral and unstyled look and behavoir! * * Example usage: * @include clear(true) * * @param boolean $important */ @-webkit-keyframes Essecken-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); -moz-transform: rotate(359deg); -o-transform: rotate(359deg); transform: rotate(359deg); } } @-moz-keyframes Essecken-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); -moz-transform: rotate(359deg); -o-transform: rotate(359deg); transform: rotate(359deg); } } @-o-keyframes Essecken-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); -moz-transform: rotate(359deg); -o-transform: rotate(359deg); transform: rotate(359deg); } } @-ms-keyframes Essecken-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); -moz-transform: rotate(359deg); -o-transform: rotate(359deg); transform: rotate(359deg); } } @keyframes Essecken-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); -moz-transform: rotate(359deg); -o-transform: rotate(359deg); transform: rotate(359deg); } } #Essecken-case { display: none; position: fixed; z-index: 2002; top: 50%; left: 50%; font-family: arial, sans-serif; font-size: 13px; line-height: 1.5; text-align: left; text-shadow: 0 0 10px rgba(0, 0, 0, 0.5); } @media screen and (max-width: 640px) { html[data-lc-type=inline] #Essecken-case, html[data-lc-type=ajax] #Essecken-case { position: fixed !important; top: 0 !important; left: 0 !important; right: 0 !important; bottom: 0 !important; margin: 0 !important; padding: 55px 0 70px 0; width: 100% !important; height: 100% !important; overflow: auto !important; } } @media screen and (min-width: 641px) { html:not([data-lc-type=error]) #Essecken-content { position: relative; z-index: 1; text-shadow: none; background-color: #fff; -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; box-shadow: none; -webkit-backface-visibility: hidden; } } @media screen and (min-width: 641px) { html[data-lc-type=image] #Essecken-content, html[data-lc-type=video] #Essecken-content { background-color: #333; } } html[data-lc-type=inline] #Essecken-content, html[data-lc-type=ajax] #Essecken-content, html[data-lc-type=error] #Essecken-content { -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; box-shadow: none; } @media screen and (max-width: 640px) { html[data-lc-type=inline] #Essecken-content, html[data-lc-type=ajax] #Essecken-content, html[data-lc-type=error] #Essecken-content { position: relative !important; top: auto !important; left: auto !important; width: auto !important; height: auto !important; margin: 0 !important; padding: 0 !important; border: none !important; background: none !important; } } html[data-lc-type=inline] #Essecken-content .Essecken-contentInner, html[data-lc-type=ajax] #Essecken-content .Essecken-contentInner, html[data-lc-type=error] #Essecken-content .Essecken-contentInner { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } @media screen and (max-width: 640px) { html[data-lc-type=inline] #Essecken-content .Essecken-contentInner, html[data-lc-type=ajax] #Essecken-content .Essecken-contentInner, html[data-lc-type=error] #Essecken-content .Essecken-contentInner { padding: 15px; } html[data-lc-type=inline] #Essecken-content .Essecken-contentInner, html[data-lc-type=inline] #Essecken-content .Essecken-contentInner > *, html[data-lc-type=ajax] #Essecken-content .Essecken-contentInner, html[data-lc-type=ajax] #Essecken-content .Essecken-contentInner > *, html[data-lc-type=error] #Essecken-content .Essecken-contentInner, html[data-lc-type=error] #Essecken-content .Essecken-contentInner > * { width: 100% !important; max-width: none !important; } html[data-lc-type=inline] #Essecken-content .Essecken-contentInner > *:not(iframe), html[data-lc-type=ajax] #Essecken-content .Essecken-contentInner > *:not(iframe), html[data-lc-type=error] #Essecken-content .Essecken-contentInner > *:not(iframe) { height: auto !important; max-height: none !important; } } @media screen and (max-width: 640px) { html.Essecken-isMobileDevice[data-lc-type=iframe] #Essecken-content .Essecken-contentInner iframe { overflow: auto; -webkit-overflow-scrolling: touch; } } @media screen and (max-width: 640px) and (min-width: 641px) { html[data-lc-type=image] #Essecken-content .Essecken-contentInner, html[data-lc-type=video] #Essecken-content .Essecken-contentInner { line-height: 0.75; } } html[data-lc-type=image] #Essecken-content .Essecken-contentInner { position: relative; overflow: hidden !important; } @media screen and (max-width: 640px) { html[data-lc-type=inline] #Essecken-content .Essecken-contentInner .Essecken-inlineWrap, html[data-lc-type=ajax] #Essecken-content .Essecken-contentInner .Essecken-inlineWrap, html[data-lc-type=error] #Essecken-content .Essecken-contentInner .Essecken-inlineWrap { position: relative !important; top: auto !important; left: auto !important; width: auto !important; height: auto !important; margin: 0 !important; padding: 0 !important; border: none !important; background: none !important; } } @media screen and (min-width: 641px) { html:not([data-lc-type=error]) #Essecken-content .Essecken-contentInner .Essecken-inlineWrap { padding: 30px; overflow: auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } } @media screen and (max-width: 640px) { #Essecken-content h1, #Essecken-content h2, #Essecken-content h3, #Essecken-content h4, #Essecken-content h5, #Essecken-content h6, #Essecken-content p { color: #aaa; } } @media screen and (min-width: 641px) { #Essecken-content h1, #Essecken-content h2, #Essecken-content h3, #Essecken-content h4, #Essecken-content h5, #Essecken-content h6, #Essecken-content p { color: #333; } } #Essecken-case p.Essecken-error { margin: 0; font-size: 17px; text-align: center; /* white-space: nowrap; */ overflow: hidden; text-overflow: ellipsis; color: #aaa; } @media screen and (max-width: 640px) { #Essecken-case p.Essecken-error { padding: 30px 0; } } @media screen and (min-width: 641px) { #Essecken-case p.Essecken-error { padding: 0; } } .Essecken-open body { overflow: hidden; } .Essecken-isMobileDevice .Essecken-open body { max-width: 100%; max-height: 100%; } #Essecken-info { position: absolute; padding-top: 15px; } #Essecken-info #Essecken-title, #Essecken-info #Essecken-caption { margin: 0; padding: 0; line-height: 1.5; font-weight: normal; text-overflow: ellipsis; } #Essecken-info #Essecken-title { font-size: 17px; color: #aaa; } @media screen and (max-width: 640px) { #Essecken-info #Essecken-title { position: fixed; top: 10px; left: 0; max-width: 87.5%; padding: 5px 15px; /* background: #333; */ background: none; } } #Essecken-info #Essecken-caption { clear: both; font-size: 13px; color: #aaa; } #Essecken-info #Essecken-sequenceInfo { font-size: 11px; color: #aaa; } @media screen and (max-width: 640px) { .Essecken-fullScreenMode #Essecken-info { padding-left: 15px; padding-right: 15px; } html:not([data-lc-type=image]):not([data-lc-type=video]):not([data-lc-type=flash]):not([data-lc-type=error]) #Essecken-info { position: static; } } #Essecken-loading { position: fixed; z-index: 9999; width: 1.123em; height: auto; font-size: 38px; line-height: 1; text-align: center; text-shadow: none; position: fixed; z-index: 2001; top: 50%; left: 50%; margin-top: -0.5em; margin-left: -0.5em; opacity: 1; font-size: 32px; text-shadow: 0 0 15px #fff; -moz-transform-origin: 50% 53%; -webkit-animation: Essecken-spin 0.5s infinite linear; -moz-animation: Essecken-spin 0.5s infinite linear; -o-animation: Essecken-spin 0.5s infinite linear; animation: Essecken-spin 0.5s infinite linear; } #Essecken-loading, #Essecken-loading:focus { text-decoration: none; color: #fff; -webkit-tap-highlight-color: transparent; -webkit-transition: color, opacity, ease-in-out 0.25s; -moz-transition: color, opacity, ease-in-out 0.25s; -o-transition: color, opacity, ease-in-out 0.25s; transition: color, opacity, ease-in-out 0.25s; } #Essecken-loading > span { display: inline-block; text-indent: -9999px; } a[class*='Essecken-icon-'] { position: fixed; z-index: 9999; width: 1.123em; height: auto; font-size: 38px; line-height: 1; text-align: center; text-shadow: none; outline: none; cursor: pointer; } a[class*='Essecken-icon-'], a[class*='Essecken-icon-']:focus { text-decoration: none; color: rgba(255, 255, 255, 0.6); -webkit-tap-highlight-color: transparent; -webkit-transition: color, opacity, ease-in-out 0.25s; -moz-transition: color, opacity, ease-in-out 0.25s; -o-transition: color, opacity, ease-in-out 0.25s; transition: color, opacity, ease-in-out 0.25s; } a[class*='Essecken-icon-'] > span { display: inline-block; text-indent: -9999px; } a[class*='Essecken-icon-']:hover { color: white; text-shadow: 0 0 15px white; } .Essecken-isMobileDevice a[class*='Essecken-icon-']:hover { color: #aaa; text-shadow: none; } a[class*='Essecken-icon-'].Essecken-icon-close { position: fixed; top: 15px; right: 15px; bottom: auto; margin: 0; opacity: 0; outline: none; } a[class*='Essecken-icon-'].Essecken-icon-prev { left: 15px; } a[class*='Essecken-icon-'].Essecken-icon-next { right: 15px; } a[class*='Essecken-icon-'].Essecken-icon-pause, a[class*='Essecken-icon-'].Essecken-icon-play { left: 50%; margin-left: -0.5em; } @media screen and (min-width: 641px) { a[class*='Essecken-icon-'].Essecken-icon-pause, a[class*='Essecken-icon-'].Essecken-icon-play { opacity: 0; } } @media screen and (max-width: 640px) { a[class*='Essecken-icon-'] { bottom: 15px; font-size: 24px; } } @media screen and (min-width: 641px) { a[class*='Essecken-icon-'] { bottom: 50%; margin-bottom: -0.5em; } a[class*='Essecken-icon-']:hover, #Essecken-case:hover ~ a[class*='Essecken-icon-'] { opacity: 1; } } #Essecken-overlay { display: none; width: 100%; min-height: 100%; position: fixed; z-index: 2000; top: -9999px; bottom: -9999px; left: 0; background: #333; } @media screen and (max-width: 640px) { #Essecken-overlay { opacity: 1 !important; } } /* Modifications made by WHW */ a[class*='Essecken-icon-'], a[class*='Essecken-icon-']:focus { color: rgba(255, 255, 255, 0.60); } @media screen and (max-width: 640px) { a[class*='Essecken-icon-'] { bottom: 0px; font-size: 24px; padding: 15px; width: auto; } a[class*='mygallery-icon-'].mygallery-icon-close { top: 0px; right: 0px; } a[class*='mygallery-icon-'].mygallery-icon-next { right: 0px; } a[class*='mygallery-icon-'].mygallery-icon-prev { left: 0px; } .mygallery-isMobileDevice a[class*='mygallery-icon-']:hover { color: rgba(255, 255, 255, 0.60); text-shadow: none; } } a[class*='Essecken-icon-']:hover { color: rgba(255, 255, 255, 1.00); text-shadow: 0 0 15px rgba(255, 255, 255, 1.00); } #Essecken-content img { width: auto; height: auto; } #Essecken-overlay { opacity: 1.00 !important; background: rgba(51, 51, 51, 0.95) !important; } #Essecken-info #Essecken-sequenceInfo, #Essecken-info #Essecken-title, #Essecken-info #Essecken-caption { color: rgba(170, 170, 170, 1.00); } #Essecken-info #Essecken-title { font-weight: normal; font-style: normal; text-transform: none; text-decoration: none; font-weight: bold; } #Essecken-info #Essecken-caption { } /* @end */ /* Social icons in the lightbox */ #social-Essecken { position: fixed; top: 15px; left: 15px; z-index: 99999; line-height: 1; display: none; } @media screen and (min-width: 641px) { /* Only show social media buttons on wider screens */ #social-Essecken { display: block; } } #social-Essecken a { color: rgba(255, 255, 255, 0.60); padding: 0px; display: none; text-align: center; font-size: 26px; width: 40px; height: 40px; line-height: 40px; border-radius: 40px; transition: all 300ms ease-in-out; } #social-Essecken a:hover { color: rgba(255, 255, 255, 1.00); text-shadow: 0 0 15px white; } /* */ /* */ /* Lightbox image borders and padding */ @media screen and (min-width: 641px) { html[data-lc-type=image] #Essecken-content, html[data-lc-type=video] #Essecken-content { background: transparent; } } #Essecken-content img { border: 0px solid rgba(255, 255, 255, 1.00); padding: 0px; border-radius: 0px; } /* @group ProGallery Edit Mode */ /* */ /* @end */ /* @group ProGallery Grid */ #jugendzimmer { display: block; width: 100%; text-align: center; } #jugendzimmer li.proGalleryItem { -webkit-transform: translateZ(0); } #jugendzimmer ul#proGalleryThumbsstacks_in_783_page1 { padding: 0; margin: 0; list-style: none; } #jugendzimmer li.proGalleryItem { margin: 0; padding: 0; position: relative; } #jugendzimmer li .proGalleryItemInner { border: 0px solid rgba(234, 234, 234, 1.00); border-radius: 0px; background: rgba(255, 255, 255, 1.00); padding: 1px 2px 1px 2px; position: relative; box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.40); } #jugendzimmer li.proGalleryItem a { display: block; text-align: center; cursor: zoom-in; margin: 0px; cursor: pointer; outline: none; } #jugendzimmer li .proGalleryItemInner a:focus { outline: 2px dotted #FF0000; } #jugendzimmer li.proGalleryItem img { max-height: 100%; max-width: 100%; width: auto; height: auto; border-radius: 0px; display: block; border: 0px solid rgba(234, 234, 234, 1.00); padding: 0px; } /* Disable links that don't go anywhere */ #jugendzimmer li .proGalleryItemInner a[href='']{ pointer-events: none !important; cursor: default !important; } /*! Lazy Load XT v1.1.0 2016-01-12 * http://ressio.github.io/lazy-load-xt * (C) 2016 RESS.io * Licensed under MIT */ .lazy-hidden { opacity: 0; } .lazy-loaded { -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; -ms-transition: opacity 0.3s; -o-transition: opacity 0.3s; transition: opacity 0.3s; opacity: 1; } /* */ /* */ /* */ #jugendzimmer li { display: none; } #jugendzimmer li:first-child { display: block; } /* */ /* */ /* */ /* */ /* Thumbnail titles */ #jugendzimmer .proGalleryItemTitle { display: none; transition: opacity 300ms ease-in-out; padding: 5px; margin: 0px; font-size: 14px; border-radius: 0px; line-height: 1.25em; color: rgba(241, 235, 218, 1.00); background: rgba(200, 156, 81, 1.00); } #jugendzimmer .proGalleryItemTitle strong { font-weight: normal; font-style: normal; text-transform: none; text-decoration: none; font-weight: bold; } #jugendzimmer .proGalleryItemTitle div { color: rgba(102, 102, 102, 1.00); font-size: 14px; } #jugendzimmer.titlesBelowLeft .proGalleryItemTitle { text-align: left; opacity: 1.00; } #jugendzimmer.titlesBelowCentre .proGalleryItemTitle { text-align: center; opacity: 1.00; } #jugendzimmer.titlesBelowRight .proGalleryItemTitle { text-align: right; opacity: 1.00; } #jugendzimmer.titlesHoverTopLeft .proGalleryItemTitle { position: absolute; top: 0; left: 0; opacity: 0; text-align: left; } #jugendzimmer.titlesHoverTopCentre .proGalleryItemTitle { position: absolute; top: 0; left: 0; width: 100%; text-align: center; opacity: 0; text-align: center; } #jugendzimmer.titlesTopRight .proGalleryItemTitle { position: absolute; top: 0; right: 0; text-align: right; opacity: 0; } #jugendzimmer.titlesHoverMiddleLeft .proGalleryItemTitle { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 0; opacity: 0; text-align: left; } #jugendzimmer.titlesHoverMiddleCentre .proGalleryItemTitle { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 0; width: 100%; text-align: center; opacity: 0; } #jugendzimmer.titlesHoverMiddleRight .proGalleryItemTitle { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 0; opacity: 0; text-align: right; } #jugendzimmer.titlesHoverBottomLeft .proGalleryItemTitle { position: absolute; bottom: 0; left: 0; opacity: 0; text-align: left; } #jugendzimmer.titlesHoverBottomCentre .proGalleryItemTitle { position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; opacity: 0; } #jugendzimmer.titlesHoverBottomRight .proGalleryItemTitle { position: absolute; bottom: 0; right: 0; opacity: 0; text-align: right; } #jugendzimmer li:hover .proGalleryItemTitle { opacity: 1.00; } /* @end */ /* @group Special Effects */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* @end */ /* @group Light case */ /** * Lightcase - jQuery Plugin * The smart and flexible Lightbox Plugin. * * @author Cornel Boppart * @copyright Author * * @version 2.4.0 (09/04/2017) */ @font-face { font-family: 'lightcase'; src: url("../galerie_files/progallery-fonts/lightcase.eot?55356177"); src: url("../galerie_files/progallery-fonts/lightcase.eot?55356177#iefix") format("embedded-opentype"), url("../galerie_files/progallery-fonts/lightcase.woff?55356177") format("woff"), url("../galerie_files/progallery-fonts/lightcase.ttf?55356177") format("truetype"), url("../galerie_files/progallery-fonts/lightcase.svg?55356177#lightcase") format("svg"); font-weight: normal; font-style: normal; } [class*='jugendzimmer-icon-']:before { font-family: 'lightcase', sans-serif; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; text-align: center; /* For safety - reset parent styles, that can break glyph codes*/ font-variant: normal; text-transform: none; /* fix buttons height, for twitter bootstrap */ line-height: 1em; /* Uncomment for 3D effect */ /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */ } /* Codes */ .jugendzimmer-icon-play:before { content: '\e800'; } .jugendzimmer-icon-pause:before { content: '\e801'; } .jugendzimmer-icon-close:before { content: '\e802'; } .jugendzimmer-icon-prev:before { content: '\e803'; } .jugendzimmer-icon-next:before { content: '\e804'; } .jugendzimmer-icon-spin:before { content: '\e805'; } /** * Mixin providing icon defaults to be used on top of font-lightcase. * * Example usage: * @include icon(#e9e9e9) */ /** * Mixin providing icon defaults including a hover status to be used * on top of font-lightcase. * * Example usage: * @include icon-hover(#e9e9e9, #fff) */ /** * Provides natural content overflow behavior and scrolling support * even so for touch devices. * * Example usage: * @include overflow() */ /** * Neutralizes/resets dimensions including width, height, position as well as margins, * paddings and styles. Used to enforce a neutral and unstyled look and behavoir! * * Example usage: * @include clear(true) * * @param boolean $important */ @-webkit-keyframes jugendzimmer-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); -moz-transform: rotate(359deg); -o-transform: rotate(359deg); transform: rotate(359deg); } } @-moz-keyframes jugendzimmer-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); -moz-transform: rotate(359deg); -o-transform: rotate(359deg); transform: rotate(359deg); } } @-o-keyframes jugendzimmer-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); -moz-transform: rotate(359deg); -o-transform: rotate(359deg); transform: rotate(359deg); } } @-ms-keyframes jugendzimmer-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); -moz-transform: rotate(359deg); -o-transform: rotate(359deg); transform: rotate(359deg); } } @keyframes jugendzimmer-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); -moz-transform: rotate(359deg); -o-transform: rotate(359deg); transform: rotate(359deg); } } #jugendzimmer-case { display: none; position: fixed; z-index: 2002; top: 50%; left: 50%; font-family: arial, sans-serif; font-size: 13px; line-height: 1.5; text-align: left; text-shadow: 0 0 10px rgba(0, 0, 0, 0.5); } @media screen and (max-width: 640px) { html[data-lc-type=inline] #jugendzimmer-case, html[data-lc-type=ajax] #jugendzimmer-case { position: fixed !important; top: 0 !important; left: 0 !important; right: 0 !important; bottom: 0 !important; margin: 0 !important; padding: 55px 0 70px 0; width: 100% !important; height: 100% !important; overflow: auto !important; } } @media screen and (min-width: 641px) { html:not([data-lc-type=error]) #jugendzimmer-content { position: relative; z-index: 1; text-shadow: none; background-color: #fff; -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; box-shadow: none; -webkit-backface-visibility: hidden; } } @media screen and (min-width: 641px) { html[data-lc-type=image] #jugendzimmer-content, html[data-lc-type=video] #jugendzimmer-content { background-color: #333; } } html[data-lc-type=inline] #jugendzimmer-content, html[data-lc-type=ajax] #jugendzimmer-content, html[data-lc-type=error] #jugendzimmer-content { -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; box-shadow: none; } @media screen and (max-width: 640px) { html[data-lc-type=inline] #jugendzimmer-content, html[data-lc-type=ajax] #jugendzimmer-content, html[data-lc-type=error] #jugendzimmer-content { position: relative !important; top: auto !important; left: auto !important; width: auto !important; height: auto !important; margin: 0 !important; padding: 0 !important; border: none !important; background: none !important; } } html[data-lc-type=inline] #jugendzimmer-content .jugendzimmer-contentInner, html[data-lc-type=ajax] #jugendzimmer-content .jugendzimmer-contentInner, html[data-lc-type=error] #jugendzimmer-content .jugendzimmer-contentInner { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } @media screen and (max-width: 640px) { html[data-lc-type=inline] #jugendzimmer-content .jugendzimmer-contentInner, html[data-lc-type=ajax] #jugendzimmer-content .jugendzimmer-contentInner, html[data-lc-type=error] #jugendzimmer-content .jugendzimmer-contentInner { padding: 15px; } html[data-lc-type=inline] #jugendzimmer-content .jugendzimmer-contentInner, html[data-lc-type=inline] #jugendzimmer-content .jugendzimmer-contentInner > *, html[data-lc-type=ajax] #jugendzimmer-content .jugendzimmer-contentInner, html[data-lc-type=ajax] #jugendzimmer-content .jugendzimmer-contentInner > *, html[data-lc-type=error] #jugendzimmer-content .jugendzimmer-contentInner, html[data-lc-type=error] #jugendzimmer-content .jugendzimmer-contentInner > * { width: 100% !important; max-width: none !important; } html[data-lc-type=inline] #jugendzimmer-content .jugendzimmer-contentInner > *:not(iframe), html[data-lc-type=ajax] #jugendzimmer-content .jugendzimmer-contentInner > *:not(iframe), html[data-lc-type=error] #jugendzimmer-content .jugendzimmer-contentInner > *:not(iframe) { height: auto !important; max-height: none !important; } } @media screen and (max-width: 640px) { html.jugendzimmer-isMobileDevice[data-lc-type=iframe] #jugendzimmer-content .jugendzimmer-contentInner iframe { overflow: auto; -webkit-overflow-scrolling: touch; } } @media screen and (max-width: 640px) and (min-width: 641px) { html[data-lc-type=image] #jugendzimmer-content .jugendzimmer-contentInner, html[data-lc-type=video] #jugendzimmer-content .jugendzimmer-contentInner { line-height: 0.75; } } html[data-lc-type=image] #jugendzimmer-content .jugendzimmer-contentInner { position: relative; overflow: hidden !important; } @media screen and (max-width: 640px) { html[data-lc-type=inline] #jugendzimmer-content .jugendzimmer-contentInner .jugendzimmer-inlineWrap, html[data-lc-type=ajax] #jugendzimmer-content .jugendzimmer-contentInner .jugendzimmer-inlineWrap, html[data-lc-type=error] #jugendzimmer-content .jugendzimmer-contentInner .jugendzimmer-inlineWrap { position: relative !important; top: auto !important; left: auto !important; width: auto !important; height: auto !important; margin: 0 !important; padding: 0 !important; border: none !important; background: none !important; } } @media screen and (min-width: 641px) { html:not([data-lc-type=error]) #jugendzimmer-content .jugendzimmer-contentInner .jugendzimmer-inlineWrap { padding: 30px; overflow: auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } } @media screen and (max-width: 640px) { #jugendzimmer-content h1, #jugendzimmer-content h2, #jugendzimmer-content h3, #jugendzimmer-content h4, #jugendzimmer-content h5, #jugendzimmer-content h6, #jugendzimmer-content p { color: #aaa; } } @media screen and (min-width: 641px) { #jugendzimmer-content h1, #jugendzimmer-content h2, #jugendzimmer-content h3, #jugendzimmer-content h4, #jugendzimmer-content h5, #jugendzimmer-content h6, #jugendzimmer-content p { color: #333; } } #jugendzimmer-case p.jugendzimmer-error { margin: 0; font-size: 17px; text-align: center; /* white-space: nowrap; */ overflow: hidden; text-overflow: ellipsis; color: #aaa; } @media screen and (max-width: 640px) { #jugendzimmer-case p.jugendzimmer-error { padding: 30px 0; } } @media screen and (min-width: 641px) { #jugendzimmer-case p.jugendzimmer-error { padding: 0; } } .jugendzimmer-open body { overflow: hidden; } .jugendzimmer-isMobileDevice .jugendzimmer-open body { max-width: 100%; max-height: 100%; } #jugendzimmer-info { position: absolute; padding-top: 15px; } #jugendzimmer-info #jugendzimmer-title, #jugendzimmer-info #jugendzimmer-caption { margin: 0; padding: 0; line-height: 1.5; font-weight: normal; text-overflow: ellipsis; } #jugendzimmer-info #jugendzimmer-title { font-size: 17px; color: #aaa; } @media screen and (max-width: 640px) { #jugendzimmer-info #jugendzimmer-title { position: fixed; top: 10px; left: 0; max-width: 87.5%; padding: 5px 15px; /* background: #333; */ background: none; } } #jugendzimmer-info #jugendzimmer-caption { clear: both; font-size: 13px; color: #aaa; } #jugendzimmer-info #jugendzimmer-sequenceInfo { font-size: 11px; color: #aaa; } @media screen and (max-width: 640px) { .jugendzimmer-fullScreenMode #jugendzimmer-info { padding-left: 15px; padding-right: 15px; } html:not([data-lc-type=image]):not([data-lc-type=video]):not([data-lc-type=flash]):not([data-lc-type=error]) #jugendzimmer-info { position: static; } } #jugendzimmer-loading { position: fixed; z-index: 9999; width: 1.123em; height: auto; font-size: 38px; line-height: 1; text-align: center; text-shadow: none; position: fixed; z-index: 2001; top: 50%; left: 50%; margin-top: -0.5em; margin-left: -0.5em; opacity: 1; font-size: 32px; text-shadow: 0 0 15px #fff; -moz-transform-origin: 50% 53%; -webkit-animation: jugendzimmer-spin 0.5s infinite linear; -moz-animation: jugendzimmer-spin 0.5s infinite linear; -o-animation: jugendzimmer-spin 0.5s infinite linear; animation: jugendzimmer-spin 0.5s infinite linear; } #jugendzimmer-loading, #jugendzimmer-loading:focus { text-decoration: none; color: #fff; -webkit-tap-highlight-color: transparent; -webkit-transition: color, opacity, ease-in-out 0.25s; -moz-transition: color, opacity, ease-in-out 0.25s; -o-transition: color, opacity, ease-in-out 0.25s; transition: color, opacity, ease-in-out 0.25s; } #jugendzimmer-loading > span { display: inline-block; text-indent: -9999px; } a[class*='jugendzimmer-icon-'] { position: fixed; z-index: 9999; width: 1.123em; height: auto; font-size: 38px; line-height: 1; text-align: center; text-shadow: none; outline: none; cursor: pointer; } a[class*='jugendzimmer-icon-'], a[class*='jugendzimmer-icon-']:focus { text-decoration: none; color: rgba(255, 255, 255, 0.6); -webkit-tap-highlight-color: transparent; -webkit-transition: color, opacity, ease-in-out 0.25s; -moz-transition: color, opacity, ease-in-out 0.25s; -o-transition: color, opacity, ease-in-out 0.25s; transition: color, opacity, ease-in-out 0.25s; } a[class*='jugendzimmer-icon-'] > span { display: inline-block; text-indent: -9999px; } a[class*='jugendzimmer-icon-']:hover { color: white; text-shadow: 0 0 15px white; } .jugendzimmer-isMobileDevice a[class*='jugendzimmer-icon-']:hover { color: #aaa; text-shadow: none; } a[class*='jugendzimmer-icon-'].jugendzimmer-icon-close { position: fixed; top: 15px; right: 15px; bottom: auto; margin: 0; opacity: 0; outline: none; } a[class*='jugendzimmer-icon-'].jugendzimmer-icon-prev { left: 15px; } a[class*='jugendzimmer-icon-'].jugendzimmer-icon-next { right: 15px; } a[class*='jugendzimmer-icon-'].jugendzimmer-icon-pause, a[class*='jugendzimmer-icon-'].jugendzimmer-icon-play { left: 50%; margin-left: -0.5em; } @media screen and (min-width: 641px) { a[class*='jugendzimmer-icon-'].jugendzimmer-icon-pause, a[class*='jugendzimmer-icon-'].jugendzimmer-icon-play { opacity: 0; } } @media screen and (max-width: 640px) { a[class*='jugendzimmer-icon-'] { bottom: 15px; font-size: 24px; } } @media screen and (min-width: 641px) { a[class*='jugendzimmer-icon-'] { bottom: 50%; margin-bottom: -0.5em; } a[class*='jugendzimmer-icon-']:hover, #jugendzimmer-case:hover ~ a[class*='jugendzimmer-icon-'] { opacity: 1; } } #jugendzimmer-overlay { display: none; width: 100%; min-height: 100%; position: fixed; z-index: 2000; top: -9999px; bottom: -9999px; left: 0; background: #333; } @media screen and (max-width: 640px) { #jugendzimmer-overlay { opacity: 1 !important; } } /* Modifications made by WHW */ a[class*='jugendzimmer-icon-'], a[class*='jugendzimmer-icon-']:focus { color: rgba(255, 255, 255, 0.60); } @media screen and (max-width: 640px) { a[class*='jugendzimmer-icon-'] { bottom: 0px; font-size: 24px; padding: 15px; width: auto; } a[class*='mygallery-icon-'].mygallery-icon-close { top: 0px; right: 0px; } a[class*='mygallery-icon-'].mygallery-icon-next { right: 0px; } a[class*='mygallery-icon-'].mygallery-icon-prev { left: 0px; } .mygallery-isMobileDevice a[class*='mygallery-icon-']:hover { color: rgba(255, 255, 255, 0.60); text-shadow: none; } } a[class*='jugendzimmer-icon-']:hover { color: rgba(255, 255, 255, 1.00); text-shadow: 0 0 15px rgba(255, 255, 255, 1.00); } #jugendzimmer-content img { width: auto; height: auto; } #jugendzimmer-overlay { opacity: 1.00 !important; background: rgba(51, 51, 51, 0.95) !important; } #jugendzimmer-info #jugendzimmer-sequenceInfo, #jugendzimmer-info #jugendzimmer-title, #jugendzimmer-info #jugendzimmer-caption { color: rgba(170, 170, 170, 1.00); } #jugendzimmer-info #jugendzimmer-title { font-weight: normal; font-style: normal; text-transform: none; text-decoration: none; font-weight: bold; } #jugendzimmer-info #jugendzimmer-caption { } /* @end */ /* Social icons in the lightbox */ #social-jugendzimmer { position: fixed; top: 15px; left: 15px; z-index: 99999; line-height: 1; display: none; } @media screen and (min-width: 641px) { /* Only show social media buttons on wider screens */ #social-jugendzimmer { display: block; } } #social-jugendzimmer a { color: rgba(255, 255, 255, 0.60); padding: 0px; display: none; text-align: center; font-size: 26px; width: 40px; height: 40px; line-height: 40px; border-radius: 40px; transition: all 300ms ease-in-out; } #social-jugendzimmer a:hover { color: rgba(255, 255, 255, 1.00); text-shadow: 0 0 15px white; } /* */ /* */ /* Lightbox image borders and padding */ @media screen and (min-width: 641px) { html[data-lc-type=image] #jugendzimmer-content, html[data-lc-type=video] #jugendzimmer-content { background: transparent; } } #jugendzimmer-content img { border: 0px solid rgba(255, 255, 255, 1.00); padding: 0px; border-radius: 0px; } /* @group ProGallery Edit Mode */ /* */ /* @end */ /* @group ProGallery Grid */ #kommoden { display: block; width: 100%; text-align: center; } #kommoden li.proGalleryItem { -webkit-transform: translateZ(0); } #kommoden ul#proGalleryThumbsstacks_in_751_page1 { padding: 0; margin: 0; list-style: none; } #kommoden li.proGalleryItem { margin: 0; padding: 0; position: relative; } #kommoden li .proGalleryItemInner { border: 0px solid rgba(234, 234, 234, 1.00); border-radius: 0px; background: rgba(255, 255, 255, 1.00); padding: 1px 2px 1px 2px; position: relative; box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.40); } #kommoden li.proGalleryItem a { display: block; text-align: center; cursor: zoom-in; margin: 0px; cursor: pointer; outline: none; } #kommoden li .proGalleryItemInner a:focus { outline: 2px dotted #FF0000; } #kommoden li.proGalleryItem img { max-height: 100%; max-width: 100%; width: auto; height: auto; border-radius: 0px; display: block; border: 0px solid rgba(234, 234, 234, 1.00); padding: 0px; } /* Disable links that don't go anywhere */ #kommoden li .proGalleryItemInner a[href='']{ pointer-events: none !important; cursor: default !important; } /*! Lazy Load XT v1.1.0 2016-01-12 * http://ressio.github.io/lazy-load-xt * (C) 2016 RESS.io * Licensed under MIT */ .lazy-hidden { opacity: 0; } .lazy-loaded { -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; -ms-transition: opacity 0.3s; -o-transition: opacity 0.3s; transition: opacity 0.3s; opacity: 1; } /* */ /* */ /* */ #kommoden li { display: none; } #kommoden li:first-child { display: block; } /* */ /* */ /* */ /* */ /* Thumbnail titles */ #kommoden .proGalleryItemTitle { display: none; transition: opacity 300ms ease-in-out; padding: 5px; margin: 0px; font-size: 14px; border-radius: 0px; line-height: 1.25em; color: rgba(241, 235, 218, 1.00); background: rgba(200, 156, 81, 1.00); } #kommoden .proGalleryItemTitle strong { font-weight: normal; font-style: normal; text-transform: none; text-decoration: none; font-weight: bold; } #kommoden .proGalleryItemTitle div { color: rgba(102, 102, 102, 1.00); font-size: 14px; } #kommoden.titlesBelowLeft .proGalleryItemTitle { text-align: left; opacity: 1.00; } #kommoden.titlesBelowCentre .proGalleryItemTitle { text-align: center; opacity: 1.00; } #kommoden.titlesBelowRight .proGalleryItemTitle { text-align: right; opacity: 1.00; } #kommoden.titlesHoverTopLeft .proGalleryItemTitle { position: absolute; top: 0; left: 0; opacity: 0; text-align: left; } #kommoden.titlesHoverTopCentre .proGalleryItemTitle { position: absolute; top: 0; left: 0; width: 100%; text-align: center; opacity: 0; text-align: center; } #kommoden.titlesTopRight .proGalleryItemTitle { position: absolute; top: 0; right: 0; text-align: right; opacity: 0; } #kommoden.titlesHoverMiddleLeft .proGalleryItemTitle { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 0; opacity: 0; text-align: left; } #kommoden.titlesHoverMiddleCentre .proGalleryItemTitle { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 0; width: 100%; text-align: center; opacity: 0; } #kommoden.titlesHoverMiddleRight .proGalleryItemTitle { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 0; opacity: 0; text-align: right; } #kommoden.titlesHoverBottomLeft .proGalleryItemTitle { position: absolute; bottom: 0; left: 0; opacity: 0; text-align: left; } #kommoden.titlesHoverBottomCentre .proGalleryItemTitle { position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; opacity: 0; } #kommoden.titlesHoverBottomRight .proGalleryItemTitle { position: absolute; bottom: 0; right: 0; opacity: 0; text-align: right; } #kommoden li:hover .proGalleryItemTitle { opacity: 1.00; } /* @end */ /* @group Special Effects */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* @end */ /* @group Light case */ /** * Lightcase - jQuery Plugin * The smart and flexible Lightbox Plugin. * * @author Cornel Boppart * @copyright Author * * @version 2.4.0 (09/04/2017) */ @font-face { font-family: 'lightcase'; src: url("../galerie_files/progallery-fonts/lightcase.eot?55356177"); src: url("../galerie_files/progallery-fonts/lightcase.eot?55356177#iefix") format("embedded-opentype"), url("../galerie_files/progallery-fonts/lightcase.woff?55356177") format("woff"), url("../galerie_files/progallery-fonts/lightcase.ttf?55356177") format("truetype"), url("../galerie_files/progallery-fonts/lightcase.svg?55356177#lightcase") format("svg"); font-weight: normal; font-style: normal; } [class*='kommoden-icon-']:before { font-family: 'lightcase', sans-serif; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; text-align: center; /* For safety - reset parent styles, that can break glyph codes*/ font-variant: normal; text-transform: none; /* fix buttons height, for twitter bootstrap */ line-height: 1em; /* Uncomment for 3D effect */ /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */ } /* Codes */ .kommoden-icon-play:before { content: '\e800'; } .kommoden-icon-pause:before { content: '\e801'; } .kommoden-icon-close:before { content: '\e802'; } .kommoden-icon-prev:before { content: '\e803'; } .kommoden-icon-next:before { content: '\e804'; } .kommoden-icon-spin:before { content: '\e805'; } /** * Mixin providing icon defaults to be used on top of font-lightcase. * * Example usage: * @include icon(#e9e9e9) */ /** * Mixin providing icon defaults including a hover status to be used * on top of font-lightcase. * * Example usage: * @include icon-hover(#e9e9e9, #fff) */ /** * Provides natural content overflow behavior and scrolling support * even so for touch devices. * * Example usage: * @include overflow() */ /** * Neutralizes/resets dimensions including width, height, position as well as margins, * paddings and styles. Used to enforce a neutral and unstyled look and behavoir! * * Example usage: * @include clear(true) * * @param boolean $important */ @-webkit-keyframes kommoden-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); -moz-transform: rotate(359deg); -o-transform: rotate(359deg); transform: rotate(359deg); } } @-moz-keyframes kommoden-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); -moz-transform: rotate(359deg); -o-transform: rotate(359deg); transform: rotate(359deg); } } @-o-keyframes kommoden-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); -moz-transform: rotate(359deg); -o-transform: rotate(359deg); transform: rotate(359deg); } } @-ms-keyframes kommoden-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); -moz-transform: rotate(359deg); -o-transform: rotate(359deg); transform: rotate(359deg); } } @keyframes kommoden-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); -moz-transform: rotate(359deg); -o-transform: rotate(359deg); transform: rotate(359deg); } } #kommoden-case { display: none; position: fixed; z-index: 2002; top: 50%; left: 50%; font-family: arial, sans-serif; font-size: 13px; line-height: 1.5; text-align: left; text-shadow: 0 0 10px rgba(0, 0, 0, 0.5); } @media screen and (max-width: 640px) { html[data-lc-type=inline] #kommoden-case, html[data-lc-type=ajax] #kommoden-case { position: fixed !important; top: 0 !important; left: 0 !important; right: 0 !important; bottom: 0 !important; margin: 0 !important; padding: 55px 0 70px 0; width: 100% !important; height: 100% !important; overflow: auto !important; } } @media screen and (min-width: 641px) { html:not([data-lc-type=error]) #kommoden-content { position: relative; z-index: 1; text-shadow: none; background-color: #fff; -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; box-shadow: none; -webkit-backface-visibility: hidden; } } @media screen and (min-width: 641px) { html[data-lc-type=image] #kommoden-content, html[data-lc-type=video] #kommoden-content { background-color: #333; } } html[data-lc-type=inline] #kommoden-content, html[data-lc-type=ajax] #kommoden-content, html[data-lc-type=error] #kommoden-content { -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; box-shadow: none; } @media screen and (max-width: 640px) { html[data-lc-type=inline] #kommoden-content, html[data-lc-type=ajax] #kommoden-content, html[data-lc-type=error] #kommoden-content { position: relative !important; top: auto !important; left: auto !important; width: auto !important; height: auto !important; margin: 0 !important; padding: 0 !important; border: none !important; background: none !important; } } html[data-lc-type=inline] #kommoden-content .kommoden-contentInner, html[data-lc-type=ajax] #kommoden-content .kommoden-contentInner, html[data-lc-type=error] #kommoden-content .kommoden-contentInner { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } @media screen and (max-width: 640px) { html[data-lc-type=inline] #kommoden-content .kommoden-contentInner, html[data-lc-type=ajax] #kommoden-content .kommoden-contentInner, html[data-lc-type=error] #kommoden-content .kommoden-contentInner { padding: 15px; } html[data-lc-type=inline] #kommoden-content .kommoden-contentInner, html[data-lc-type=inline] #kommoden-content .kommoden-contentInner > *, html[data-lc-type=ajax] #kommoden-content .kommoden-contentInner, html[data-lc-type=ajax] #kommoden-content .kommoden-contentInner > *, html[data-lc-type=error] #kommoden-content .kommoden-contentInner, html[data-lc-type=error] #kommoden-content .kommoden-contentInner > * { width: 100% !important; max-width: none !important; } html[data-lc-type=inline] #kommoden-content .kommoden-contentInner > *:not(iframe), html[data-lc-type=ajax] #kommoden-content .kommoden-contentInner > *:not(iframe), html[data-lc-type=error] #kommoden-content .kommoden-contentInner > *:not(iframe) { height: auto !important; max-height: none !important; } } @media screen and (max-width: 640px) { html.kommoden-isMobileDevice[data-lc-type=iframe] #kommoden-content .kommoden-contentInner iframe { overflow: auto; -webkit-overflow-scrolling: touch; } } @media screen and (max-width: 640px) and (min-width: 641px) { html[data-lc-type=image] #kommoden-content .kommoden-contentInner, html[data-lc-type=video] #kommoden-content .kommoden-contentInner { line-height: 0.75; } } html[data-lc-type=image] #kommoden-content .kommoden-contentInner { position: relative; overflow: hidden !important; } @media screen and (max-width: 640px) { html[data-lc-type=inline] #kommoden-content .kommoden-contentInner .kommoden-inlineWrap, html[data-lc-type=ajax] #kommoden-content .kommoden-contentInner .kommoden-inlineWrap, html[data-lc-type=error] #kommoden-content .kommoden-contentInner .kommoden-inlineWrap { position: relative !important; top: auto !important; left: auto !important; width: auto !important; height: auto !important; margin: 0 !important; padding: 0 !important; border: none !important; background: none !important; } } @media screen and (min-width: 641px) { html:not([data-lc-type=error]) #kommoden-content .kommoden-contentInner .kommoden-inlineWrap { padding: 30px; overflow: auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } } @media screen and (max-width: 640px) { #kommoden-content h1, #kommoden-content h2, #kommoden-content h3, #kommoden-content h4, #kommoden-content h5, #kommoden-content h6, #kommoden-content p { color: #aaa; } } @media screen and (min-width: 641px) { #kommoden-content h1, #kommoden-content h2, #kommoden-content h3, #kommoden-content h4, #kommoden-content h5, #kommoden-content h6, #kommoden-content p { color: #333; } } #kommoden-case p.kommoden-error { margin: 0; font-size: 17px; text-align: center; /* white-space: nowrap; */ overflow: hidden; text-overflow: ellipsis; color: #aaa; } @media screen and (max-width: 640px) { #kommoden-case p.kommoden-error { padding: 30px 0; } } @media screen and (min-width: 641px) { #kommoden-case p.kommoden-error { padding: 0; } } .kommoden-open body { overflow: hidden; } .kommoden-isMobileDevice .kommoden-open body { max-width: 100%; max-height: 100%; } #kommoden-info { position: absolute; padding-top: 15px; } #kommoden-info #kommoden-title, #kommoden-info #kommoden-caption { margin: 0; padding: 0; line-height: 1.5; font-weight: normal; text-overflow: ellipsis; } #kommoden-info #kommoden-title { font-size: 17px; color: #aaa; } @media screen and (max-width: 640px) { #kommoden-info #kommoden-title { position: fixed; top: 10px; left: 0; max-width: 87.5%; padding: 5px 15px; /* background: #333; */ background: none; } } #kommoden-info #kommoden-caption { clear: both; font-size: 13px; color: #aaa; } #kommoden-info #kommoden-sequenceInfo { font-size: 11px; color: #aaa; } @media screen and (max-width: 640px) { .kommoden-fullScreenMode #kommoden-info { padding-left: 15px; padding-right: 15px; } html:not([data-lc-type=image]):not([data-lc-type=video]):not([data-lc-type=flash]):not([data-lc-type=error]) #kommoden-info { position: static; } } #kommoden-loading { position: fixed; z-index: 9999; width: 1.123em; height: auto; font-size: 38px; line-height: 1; text-align: center; text-shadow: none; position: fixed; z-index: 2001; top: 50%; left: 50%; margin-top: -0.5em; margin-left: -0.5em; opacity: 1; font-size: 32px; text-shadow: 0 0 15px #fff; -moz-transform-origin: 50% 53%; -webkit-animation: kommoden-spin 0.5s infinite linear; -moz-animation: kommoden-spin 0.5s infinite linear; -o-animation: kommoden-spin 0.5s infinite linear; animation: kommoden-spin 0.5s infinite linear; } #kommoden-loading, #kommoden-loading:focus { text-decoration: none; color: #fff; -webkit-tap-highlight-color: transparent; -webkit-transition: color, opacity, ease-in-out 0.25s; -moz-transition: color, opacity, ease-in-out 0.25s; -o-transition: color, opacity, ease-in-out 0.25s; transition: color, opacity, ease-in-out 0.25s; } #kommoden-loading > span { display: inline-block; text-indent: -9999px; } a[class*='kommoden-icon-'] { position: fixed; z-index: 9999; width: 1.123em; height: auto; font-size: 38px; line-height: 1; text-align: center; text-shadow: none; outline: none; cursor: pointer; } a[class*='kommoden-icon-'], a[class*='kommoden-icon-']:focus { text-decoration: none; color: rgba(255, 255, 255, 0.6); -webkit-tap-highlight-color: transparent; -webkit-transition: color, opacity, ease-in-out 0.25s; -moz-transition: color, opacity, ease-in-out 0.25s; -o-transition: color, opacity, ease-in-out 0.25s; transition: color, opacity, ease-in-out 0.25s; } a[class*='kommoden-icon-'] > span { display: inline-block; text-indent: -9999px; } a[class*='kommoden-icon-']:hover { color: white; text-shadow: 0 0 15px white; } .kommoden-isMobileDevice a[class*='kommoden-icon-']:hover { color: #aaa; text-shadow: none; } a[class*='kommoden-icon-'].kommoden-icon-close { position: fixed; top: 15px; right: 15px; bottom: auto; margin: 0; opacity: 0; outline: none; } a[class*='kommoden-icon-'].kommoden-icon-prev { left: 15px; } a[class*='kommoden-icon-'].kommoden-icon-next { right: 15px; } a[class*='kommoden-icon-'].kommoden-icon-pause, a[class*='kommoden-icon-'].kommoden-icon-play { left: 50%; margin-left: -0.5em; } @media screen and (min-width: 641px) { a[class*='kommoden-icon-'].kommoden-icon-pause, a[class*='kommoden-icon-'].kommoden-icon-play { opacity: 0; } } @media screen and (max-width: 640px) { a[class*='kommoden-icon-'] { bottom: 15px; font-size: 24px; } } @media screen and (min-width: 641px) { a[class*='kommoden-icon-'] { bottom: 50%; margin-bottom: -0.5em; } a[class*='kommoden-icon-']:hover, #kommoden-case:hover ~ a[class*='kommoden-icon-'] { opacity: 1; } } #kommoden-overlay { display: none; width: 100%; min-height: 100%; position: fixed; z-index: 2000; top: -9999px; bottom: -9999px; left: 0; background: #333; } @media screen and (max-width: 640px) { #kommoden-overlay { opacity: 1 !important; } } /* Modifications made by WHW */ a[class*='kommoden-icon-'], a[class*='kommoden-icon-']:focus { color: rgba(255, 255, 255, 0.60); } @media screen and (max-width: 640px) { a[class*='kommoden-icon-'] { bottom: 0px; font-size: 24px; padding: 15px; width: auto; } a[class*='mygallery-icon-'].mygallery-icon-close { top: 0px; right: 0px; } a[class*='mygallery-icon-'].mygallery-icon-next { right: 0px; } a[class*='mygallery-icon-'].mygallery-icon-prev { left: 0px; } .mygallery-isMobileDevice a[class*='mygallery-icon-']:hover { color: rgba(255, 255, 255, 0.60); text-shadow: none; } } a[class*='kommoden-icon-']:hover { color: rgba(255, 255, 255, 1.00); text-shadow: 0 0 15px rgba(255, 255, 255, 1.00); } #kommoden-content img { width: auto; height: auto; } #kommoden-overlay { opacity: 1.00 !important; background: rgba(51, 51, 51, 0.95) !important; } #kommoden-info #kommoden-sequenceInfo, #kommoden-info #kommoden-title, #kommoden-info #kommoden-caption { color: rgba(170, 170, 170, 1.00); } #kommoden-info #kommoden-title { font-weight: normal; font-style: normal; text-transform: none; text-decoration: none; font-weight: bold; } #kommoden-info #kommoden-caption { } /* @end */ /* Social icons in the lightbox */ #social-kommoden { position: fixed; top: 15px; left: 15px; z-index: 99999; line-height: 1; display: none; } @media screen and (min-width: 641px) { /* Only show social media buttons on wider screens */ #social-kommoden { display: block; } } #social-kommoden a { color: rgba(255, 255, 255, 0.60); padding: 0px; display: none; text-align: center; font-size: 26px; width: 40px; height: 40px; line-height: 40px; border-radius: 40px; transition: all 300ms ease-in-out; } #social-kommoden a:hover { color: rgba(255, 255, 255, 1.00); text-shadow: 0 0 15px white; } /* */ /* */ /* Lightbox image borders and padding */ @media screen and (min-width: 641px) { html[data-lc-type=image] #kommoden-content, html[data-lc-type=video] #kommoden-content { background: transparent; } } #kommoden-content img { border: 0px solid rgba(255, 255, 255, 1.00); padding: 0px; border-radius: 0px; } /* @group ProGallery Edit Mode */ /* */ /* @end */ /* @group ProGallery Grid */ #kuechen { display: block; width: 100%; text-align: center; } #kuechen li.proGalleryItem { -webkit-transform: translateZ(0); } #kuechen ul#proGalleryThumbsstacks_in_1000_page1 { padding: 0; margin: 0; list-style: none; } #kuechen li.proGalleryItem { margin: 0; padding: 0; position: relative; } #kuechen li .proGalleryItemInner { border: 0px solid rgba(234, 234, 234, 1.00); border-radius: 0px; background: rgba(255, 255, 255, 1.00); padding: 1px 2px 1px 2px; position: relative; box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.40); } #kuechen li.proGalleryItem a { display: block; text-align: center; cursor: zoom-in; margin: 0px; cursor: pointer; outline: none; } #kuechen li .proGalleryItemInner a:focus { outline: 2px dotted #FF0000; } #kuechen li.proGalleryItem img { max-height: 100%; max-width: 100%; width: auto; height: auto; border-radius: 0px; display: block; border: 0px solid rgba(234, 234, 234, 1.00); padding: 0px; } /* Disable links that don't go anywhere */ #kuechen li .proGalleryItemInner a[href='']{ pointer-events: none !important; cursor: default !important; } /*! Lazy Load XT v1.1.0 2016-01-12 * http://ressio.github.io/lazy-load-xt * (C) 2016 RESS.io * Licensed under MIT */ .lazy-hidden { opacity: 0; } .lazy-loaded { -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; -ms-transition: opacity 0.3s; -o-transition: opacity 0.3s; transition: opacity 0.3s; opacity: 1; } /* */ /* */ /* */ #kuechen li { display: none; } #kuechen li:first-child { display: block; } /* */ /* */ /* */ /* */ /* Thumbnail titles */ #kuechen .proGalleryItemTitle { display: none; transition: opacity 300ms ease-in-out; padding: 5px; margin: 0px; font-size: 14px; border-radius: 0px; line-height: 1.25em; color: rgba(241, 235, 218, 1.00); background: rgba(200, 156, 81, 1.00); } #kuechen .proGalleryItemTitle strong { font-weight: normal; font-style: normal; text-transform: none; text-decoration: none; font-weight: bold; } #kuechen .proGalleryItemTitle div { color: rgba(102, 102, 102, 1.00); font-size: 14px; } #kuechen.titlesBelowLeft .proGalleryItemTitle { text-align: left; opacity: 1.00; } #kuechen.titlesBelowCentre .proGalleryItemTitle { text-align: center; opacity: 1.00; } #kuechen.titlesBelowRight .proGalleryItemTitle { text-align: right; opacity: 1.00; } #kuechen.titlesHoverTopLeft .proGalleryItemTitle { position: absolute; top: 0; left: 0; opacity: 0; text-align: left; } #kuechen.titlesHoverTopCentre .proGalleryItemTitle { position: absolute; top: 0; left: 0; width: 100%; text-align: center; opacity: 0; text-align: center; } #kuechen.titlesTopRight .proGalleryItemTitle { position: absolute; top: 0; right: 0; text-align: right; opacity: 0; } #kuechen.titlesHoverMiddleLeft .proGalleryItemTitle { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 0; opacity: 0; text-align: left; } #kuechen.titlesHoverMiddleCentre .proGalleryItemTitle { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 0; width: 100%; text-align: center; opacity: 0; } #kuechen.titlesHoverMiddleRight .proGalleryItemTitle { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 0; opacity: 0; text-align: right; } #kuechen.titlesHoverBottomLeft .proGalleryItemTitle { position: absolute; bottom: 0; left: 0; opacity: 0; text-align: left; } #kuechen.titlesHoverBottomCentre .proGalleryItemTitle { position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; opacity: 0; } #kuechen.titlesHoverBottomRight .proGalleryItemTitle { position: absolute; bottom: 0; right: 0; opacity: 0; text-align: right; } #kuechen li:hover .proGalleryItemTitle { opacity: 1.00; } /* @end */ /* @group Special Effects */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* @end */ /* @group Light case */ /** * Lightcase - jQuery Plugin * The smart and flexible Lightbox Plugin. * * @author Cornel Boppart * @copyright Author * * @version 2.4.0 (09/04/2017) */ @font-face { font-family: 'lightcase'; src: url("../galerie_files/progallery-fonts/lightcase.eot?55356177"); src: url("../galerie_files/progallery-fonts/lightcase.eot?55356177#iefix") format("embedded-opentype"), url("../galerie_files/progallery-fonts/lightcase.woff?55356177") format("woff"), url("../galerie_files/progallery-fonts/lightcase.ttf?55356177") format("truetype"), url("../galerie_files/progallery-fonts/lightcase.svg?55356177#lightcase") format("svg"); font-weight: normal; font-style: normal; } [class*='kuechen-icon-']:before { font-family: 'lightcase', sans-serif; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; text-align: center; /* For safety - reset parent styles, that can break glyph codes*/ font-variant: normal; text-transform: none; /* fix buttons height, for twitter bootstrap */ line-height: 1em; /* Uncomment for 3D effect */ /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */ } /* Codes */ .kuechen-icon-play:before { content: '\e800'; } .kuechen-icon-pause:before { content: '\e801'; } .kuechen-icon-close:before { content: '\e802'; } .kuechen-icon-prev:before { content: '\e803'; } .kuechen-icon-next:before { content: '\e804'; } .kuechen-icon-spin:before { content: '\e805'; } /** * Mixin providing icon defaults to be used on top of font-lightcase. * * Example usage: * @include icon(#e9e9e9) */ /** * Mixin providing icon defaults including a hover status to be used * on top of font-lightcase. * * Example usage: * @include icon-hover(#e9e9e9, #fff) */ /** * Provides natural content overflow behavior and scrolling support * even so for touch devices. * * Example usage: * @include overflow() */ /** * Neutralizes/resets dimensions including width, height, position as well as margins, * paddings and styles. Used to enforce a neutral and unstyled look and behavoir! * * Example usage: * @include clear(true) * * @param boolean $important */ @-webkit-keyframes kuechen-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); -moz-transform: rotate(359deg); -o-transform: rotate(359deg); transform: rotate(359deg); } } @-moz-keyframes kuechen-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); -moz-transform: rotate(359deg); -o-transform: rotate(359deg); transform: rotate(359deg); } } @-o-keyframes kuechen-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); -moz-transform: rotate(359deg); -o-transform: rotate(359deg); transform: rotate(359deg); } } @-ms-keyframes kuechen-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); -moz-transform: rotate(359deg); -o-transform: rotate(359deg); transform: rotate(359deg); } } @keyframes kuechen-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); -moz-transform: rotate(359deg); -o-transform: rotate(359deg); transform: rotate(359deg); } } #kuechen-case { display: none; position: fixed; z-index: 2002; top: 50%; left: 50%; font-family: arial, sans-serif; font-size: 13px; line-height: 1.5; text-align: left; text-shadow: 0 0 10px rgba(0, 0, 0, 0.5); } @media screen and (max-width: 640px) { html[data-lc-type=inline] #kuechen-case, html[data-lc-type=ajax] #kuechen-case { position: fixed !important; top: 0 !important; left: 0 !important; right: 0 !important; bottom: 0 !important; margin: 0 !important; padding: 55px 0 70px 0; width: 100% !important; height: 100% !important; overflow: auto !important; } } @media screen and (min-width: 641px) { html:not([data-lc-type=error]) #kuechen-content { position: relative; z-index: 1; text-shadow: none; background-color: #fff; -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; box-shadow: none; -webkit-backface-visibility: hidden; } } @media screen and (min-width: 641px) { html[data-lc-type=image] #kuechen-content, html[data-lc-type=video] #kuechen-content { background-color: #333; } } html[data-lc-type=inline] #kuechen-content, html[data-lc-type=ajax] #kuechen-content, html[data-lc-type=error] #kuechen-content { -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; box-shadow: none; } @media screen and (max-width: 640px) { html[data-lc-type=inline] #kuechen-content, html[data-lc-type=ajax] #kuechen-content, html[data-lc-type=error] #kuechen-content { position: relative !important; top: auto !important; left: auto !important; width: auto !important; height: auto !important; margin: 0 !important; padding: 0 !important; border: none !important; background: none !important; } } html[data-lc-type=inline] #kuechen-content .kuechen-contentInner, html[data-lc-type=ajax] #kuechen-content .kuechen-contentInner, html[data-lc-type=error] #kuechen-content .kuechen-contentInner { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } @media screen and (max-width: 640px) { html[data-lc-type=inline] #kuechen-content .kuechen-contentInner, html[data-lc-type=ajax] #kuechen-content .kuechen-contentInner, html[data-lc-type=error] #kuechen-content .kuechen-contentInner { padding: 15px; } html[data-lc-type=inline] #kuechen-content .kuechen-contentInner, html[data-lc-type=inline] #kuechen-content .kuechen-contentInner > *, html[data-lc-type=ajax] #kuechen-content .kuechen-contentInner, html[data-lc-type=ajax] #kuechen-content .kuechen-contentInner > *, html[data-lc-type=error] #kuechen-content .kuechen-contentInner, html[data-lc-type=error] #kuechen-content .kuechen-contentInner > * { width: 100% !important; max-width: none !important; } html[data-lc-type=inline] #kuechen-content .kuechen-contentInner > *:not(iframe), html[data-lc-type=ajax] #kuechen-content .kuechen-contentInner > *:not(iframe), html[data-lc-type=error] #kuechen-content .kuechen-contentInner > *:not(iframe) { height: auto !important; max-height: none !important; } } @media screen and (max-width: 640px) { html.kuechen-isMobileDevice[data-lc-type=iframe] #kuechen-content .kuechen-contentInner iframe { overflow: auto; -webkit-overflow-scrolling: touch; } } @media screen and (max-width: 640px) and (min-width: 641px) { html[data-lc-type=image] #kuechen-content .kuechen-contentInner, html[data-lc-type=video] #kuechen-content .kuechen-contentInner { line-height: 0.75; } } html[data-lc-type=image] #kuechen-content .kuechen-contentInner { position: relative; overflow: hidden !important; } @media screen and (max-width: 640px) { html[data-lc-type=inline] #kuechen-content .kuechen-contentInner .kuechen-inlineWrap, html[data-lc-type=ajax] #kuechen-content .kuechen-contentInner .kuechen-inlineWrap, html[data-lc-type=error] #kuechen-content .kuechen-contentInner .kuechen-inlineWrap { position: relative !important; top: auto !important; left: auto !important; width: auto !important; height: auto !important; margin: 0 !important; padding: 0 !important; border: none !important; background: none !important; } } @media screen and (min-width: 641px) { html:not([data-lc-type=error]) #kuechen-content .kuechen-contentInner .kuechen-inlineWrap { padding: 30px; overflow: auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } } @media screen and (max-width: 640px) { #kuechen-content h1, #kuechen-content h2, #kuechen-content h3, #kuechen-content h4, #kuechen-content h5, #kuechen-content h6, #kuechen-content p { color: #aaa; } } @media screen and (min-width: 641px) { #kuechen-content h1, #kuechen-content h2, #kuechen-content h3, #kuechen-content h4, #kuechen-content h5, #kuechen-content h6, #kuechen-content p { color: #333; } } #kuechen-case p.kuechen-error { margin: 0; font-size: 17px; text-align: center; /* white-space: nowrap; */ overflow: hidden; text-overflow: ellipsis; color: #aaa; } @media screen and (max-width: 640px) { #kuechen-case p.kuechen-error { padding: 30px 0; } } @media screen and (min-width: 641px) { #kuechen-case p.kuechen-error { padding: 0; } } .kuechen-open body { overflow: hidden; } .kuechen-isMobileDevice .kuechen-open body { max-width: 100%; max-height: 100%; } #kuechen-info { position: absolute; padding-top: 15px; } #kuechen-info #kuechen-title, #kuechen-info #kuechen-caption { margin: 0; padding: 0; line-height: 1.5; font-weight: normal; text-overflow: ellipsis; } #kuechen-info #kuechen-title { font-size: 17px; color: #aaa; } @media screen and (max-width: 640px) { #kuechen-info #kuechen-title { position: fixed; top: 10px; left: 0; max-width: 87.5%; padding: 5px 15px; /* background: #333; */ background: none; } } #kuechen-info #kuechen-caption { clear: both; font-size: 13px; color: #aaa; } #kuechen-info #kuechen-sequenceInfo { font-size: 11px; color: #aaa; } @media screen and (max-width: 640px) { .kuechen-fullScreenMode #kuechen-info { padding-left: 15px; padding-right: 15px; } html:not([data-lc-type=image]):not([data-lc-type=video]):not([data-lc-type=flash]):not([data-lc-type=error]) #kuechen-info { position: static; } } #kuechen-loading { position: fixed; z-index: 9999; width: 1.123em; height: auto; font-size: 38px; line-height: 1; text-align: center; text-shadow: none; position: fixed; z-index: 2001; top: 50%; left: 50%; margin-top: -0.5em; margin-left: -0.5em; opacity: 1; font-size: 32px; text-shadow: 0 0 15px #fff; -moz-transform-origin: 50% 53%; -webkit-animation: kuechen-spin 0.5s infinite linear; -moz-animation: kuechen-spin 0.5s infinite linear; -o-animation: kuechen-spin 0.5s infinite linear; animation: kuechen-spin 0.5s infinite linear; } #kuechen-loading, #kuechen-loading:focus { text-decoration: none; color: #fff; -webkit-tap-highlight-color: transparent; -webkit-transition: color, opacity, ease-in-out 0.25s; -moz-transition: color, opacity, ease-in-out 0.25s; -o-transition: color, opacity, ease-in-out 0.25s; transition: color, opacity, ease-in-out 0.25s; } #kuechen-loading > span { display: inline-block; text-indent: -9999px; } a[class*='kuechen-icon-'] { position: fixed; z-index: 9999; width: 1.123em; height: auto; font-size: 38px; line-height: 1; text-align: center; text-shadow: none; outline: none; cursor: pointer; } a[class*='kuechen-icon-'], a[class*='kuechen-icon-']:focus { text-decoration: none; color: rgba(255, 255, 255, 0.6); -webkit-tap-highlight-color: transparent; -webkit-transition: color, opacity, ease-in-out 0.25s; -moz-transition: color, opacity, ease-in-out 0.25s; -o-transition: color, opacity, ease-in-out 0.25s; transition: color, opacity, ease-in-out 0.25s; } a[class*='kuechen-icon-'] > span { display: inline-block; text-indent: -9999px; } a[class*='kuechen-icon-']:hover { color: white; text-shadow: 0 0 15px white; } .kuechen-isMobileDevice a[class*='kuechen-icon-']:hover { color: #aaa; text-shadow: none; } a[class*='kuechen-icon-'].kuechen-icon-close { position: fixed; top: 15px; right: 15px; bottom: auto; margin: 0; opacity: 0; outline: none; } a[class*='kuechen-icon-'].kuechen-icon-prev { left: 15px; } a[class*='kuechen-icon-'].kuechen-icon-next { right: 15px; } a[class*='kuechen-icon-'].kuechen-icon-pause, a[class*='kuechen-icon-'].kuechen-icon-play { left: 50%; margin-left: -0.5em; } @media screen and (min-width: 641px) { a[class*='kuechen-icon-'].kuechen-icon-pause, a[class*='kuechen-icon-'].kuechen-icon-play { opacity: 0; } } @media screen and (max-width: 640px) { a[class*='kuechen-icon-'] { bottom: 15px; font-size: 24px; } } @media screen and (min-width: 641px) { a[class*='kuechen-icon-'] { bottom: 50%; margin-bottom: -0.5em; } a[class*='kuechen-icon-']:hover, #kuechen-case:hover ~ a[class*='kuechen-icon-'] { opacity: 1; } } #kuechen-overlay { display: none; width: 100%; min-height: 100%; position: fixed; z-index: 2000; top: -9999px; bottom: -9999px; left: 0; background: #333; } @media screen and (max-width: 640px) { #kuechen-overlay { opacity: 1 !important; } } /* Modifications made by WHW */ a[class*='kuechen-icon-'], a[class*='kuechen-icon-']:focus { color: rgba(255, 255, 255, 0.60); } @media screen and (max-width: 640px) { a[class*='kuechen-icon-'] { bottom: 0px; font-size: 24px; padding: 15px; width: auto; } a[class*='mygallery-icon-'].mygallery-icon-close { top: 0px; right: 0px; } a[class*='mygallery-icon-'].mygallery-icon-next { right: 0px; } a[class*='mygallery-icon-'].mygallery-icon-prev { left: 0px; } .mygallery-isMobileDevice a[class*='mygallery-icon-']:hover { color: rgba(255, 255, 255, 0.60); text-shadow: none; } } a[class*='kuechen-icon-']:hover { color: rgba(255, 255, 255, 1.00); text-shadow: 0 0 15px rgba(255, 255, 255, 1.00); } #kuechen-content img { width: auto; height: auto; } #kuechen-overlay { opacity: 1.00 !important; background: rgba(51, 51, 51, 0.95) !important; } #kuechen-info #kuechen-sequenceInfo, #kuechen-info #kuechen-title, #kuechen-info #kuechen-caption { color: rgba(170, 170, 170, 1.00); } #kuechen-info #kuechen-title { font-weight: normal; font-style: normal; text-transform: none; text-decoration: none; font-weight: bold; } #kuechen-info #kuechen-caption { } /* @end */ /* Social icons in the lightbox */ #social-kuechen { position: fixed; top: 15px; left: 15px; z-index: 99999; line-height: 1; display: none; } @media screen and (min-width: 641px) { /* Only show social media buttons on wider screens */ #social-kuechen { display: block; } } #social-kuechen a { color: rgba(255, 255, 255, 0.60); padding: 0px; display: none; text-align: center; font-size: 26px; width: 40px; height: 40px; line-height: 40px; border-radius: 40px; transition: all 300ms ease-in-out; } #social-kuechen a:hover { color: rgba(255, 255, 255, 1.00); text-shadow: 0 0 15px white; } /* */ /* */ /* Lightbox image borders and padding */ @media screen and (min-width: 641px) { html[data-lc-type=image] #kuechen-content, html[data-lc-type=video] #kuechen-content { background: transparent; } } #kuechen-content img { border: 0px solid rgba(255, 255, 255, 1.00); padding: 0px; border-radius: 0px; } /* @group ProGallery Edit Mode */ /* */ /* @end */ /* @group ProGallery Grid */ #Schlafzimmer { display: block; width: 100%; text-align: center; } #Schlafzimmer li.proGalleryItem { -webkit-transform: translateZ(0); } #Schlafzimmer ul#proGalleryThumbsstacks_in_767_page1 { padding: 0; margin: 0; list-style: none; } #Schlafzimmer li.proGalleryItem { margin: 0; padding: 0; position: relative; } #Schlafzimmer li .proGalleryItemInner { border: 0px solid rgba(234, 234, 234, 1.00); border-radius: 0px; background: rgba(255, 255, 255, 1.00); padding: 1px 2px 1px 2px; position: relative; box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.40); } #Schlafzimmer li.proGalleryItem a { display: block; text-align: center; cursor: zoom-in; margin: 0px; cursor: pointer; outline: none; } #Schlafzimmer li .proGalleryItemInner a:focus { outline: 2px dotted #FF0000; } #Schlafzimmer li.proGalleryItem img { max-height: 100%; max-width: 100%; width: auto; height: auto; border-radius: 0px; display: block; border: 0px solid rgba(234, 234, 234, 1.00); padding: 0px; } /* Disable links that don't go anywhere */ #Schlafzimmer li .proGalleryItemInner a[href='']{ pointer-events: none !important; cursor: default !important; } /*! Lazy Load XT v1.1.0 2016-01-12 * http://ressio.github.io/lazy-load-xt * (C) 2016 RESS.io * Licensed under MIT */ .lazy-hidden { opacity: 0; } .lazy-loaded { -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; -ms-transition: opacity 0.3s; -o-transition: opacity 0.3s; transition: opacity 0.3s; opacity: 1; } /* */ /* */ /* */ #Schlafzimmer li { display: none; } #Schlafzimmer li:first-child { display: block; } /* */ /* */ /* */ /* */ /* Thumbnail titles */ #Schlafzimmer .proGalleryItemTitle { display: none; transition: opacity 300ms ease-in-out; padding: 5px; margin: 0px; font-size: 14px; border-radius: 0px; line-height: 1.25em; color: rgba(241, 235, 218, 1.00); background: rgba(200, 156, 81, 1.00); } #Schlafzimmer .proGalleryItemTitle strong { font-weight: normal; font-style: normal; text-transform: none; text-decoration: none; font-weight: bold; } #Schlafzimmer .proGalleryItemTitle div { color: rgba(102, 102, 102, 1.00); font-size: 14px; } #Schlafzimmer.titlesBelowLeft .proGalleryItemTitle { text-align: left; opacity: 1.00; } #Schlafzimmer.titlesBelowCentre .proGalleryItemTitle { text-align: center; opacity: 1.00; } #Schlafzimmer.titlesBelowRight .proGalleryItemTitle { text-align: right; opacity: 1.00; } #Schlafzimmer.titlesHoverTopLeft .proGalleryItemTitle { position: absolute; top: 0; left: 0; opacity: 0; text-align: left; } #Schlafzimmer.titlesHoverTopCentre .proGalleryItemTitle { position: absolute; top: 0; left: 0; width: 100%; text-align: center; opacity: 0; text-align: center; } #Schlafzimmer.titlesTopRight .proGalleryItemTitle { position: absolute; top: 0; right: 0; text-align: right; opacity: 0; } #Schlafzimmer.titlesHoverMiddleLeft .proGalleryItemTitle { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 0; opacity: 0; text-align: left; } #Schlafzimmer.titlesHoverMiddleCentre .proGalleryItemTitle { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 0; width: 100%; text-align: center; opacity: 0; } #Schlafzimmer.titlesHoverMiddleRight .proGalleryItemTitle { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 0; opacity: 0; text-align: right; } #Schlafzimmer.titlesHoverBottomLeft .proGalleryItemTitle { position: absolute; bottom: 0; left: 0; opacity: 0; text-align: left; } #Schlafzimmer.titlesHoverBottomCentre .proGalleryItemTitle { position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; opacity: 0; } #Schlafzimmer.titlesHoverBottomRight .proGalleryItemTitle { position: absolute; bottom: 0; right: 0; opacity: 0; text-align: right; } #Schlafzimmer li:hover .proGalleryItemTitle { opacity: 1.00; } /* @end */ /* @group Special Effects */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* @end */ /* @group Light case */ /** * Lightcase - jQuery Plugin * The smart and flexible Lightbox Plugin. * * @author Cornel Boppart * @copyright Author * * @version 2.4.0 (09/04/2017) */ @font-face { font-family: 'lightcase'; src: url("../galerie_files/progallery-fonts/lightcase.eot?55356177"); src: url("../galerie_files/progallery-fonts/lightcase.eot?55356177#iefix") format("embedded-opentype"), url("../galerie_files/progallery-fonts/lightcase.woff?55356177") format("woff"), url("../galerie_files/progallery-fonts/lightcase.ttf?55356177") format("truetype"), url("../galerie_files/progallery-fonts/lightcase.svg?55356177#lightcase") format("svg"); font-weight: normal; font-style: normal; } [class*='Schlafzimmer-icon-']:before { font-family: 'lightcase', sans-serif; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; text-align: center; /* For safety - reset parent styles, that can break glyph codes*/ font-variant: normal; text-transform: none; /* fix buttons height, for twitter bootstrap */ line-height: 1em; /* Uncomment for 3D effect */ /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */ } /* Codes */ .Schlafzimmer-icon-play:before { content: '\e800'; } .Schlafzimmer-icon-pause:before { content: '\e801'; } .Schlafzimmer-icon-close:before { content: '\e802'; } .Schlafzimmer-icon-prev:before { content: '\e803'; } .Schlafzimmer-icon-next:before { content: '\e804'; } .Schlafzimmer-icon-spin:before { content: '\e805'; } /** * Mixin providing icon defaults to be used on top of font-lightcase. * * Example usage: * @include icon(#e9e9e9) */ /** * Mixin providing icon defaults including a hover status to be used * on top of font-lightcase. * * Example usage: * @include icon-hover(#e9e9e9, #fff) */ /** * Provides natural content overflow behavior and scrolling support * even so for touch devices. * * Example usage: * @include overflow() */ /** * Neutralizes/resets dimensions including width, height, position as well as margins, * paddings and styles. Used to enforce a neutral and unstyled look and behavoir! * * Example usage: * @include clear(true) * * @param boolean $important */ @-webkit-keyframes Schlafzimmer-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); -moz-transform: rotate(359deg); -o-transform: rotate(359deg); transform: rotate(359deg); } } @-moz-keyframes Schlafzimmer-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); -moz-transform: rotate(359deg); -o-transform: rotate(359deg); transform: rotate(359deg); } } @-o-keyframes Schlafzimmer-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); -moz-transform: rotate(359deg); -o-transform: rotate(359deg); transform: rotate(359deg); } } @-ms-keyframes Schlafzimmer-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); -moz-transform: rotate(359deg); -o-transform: rotate(359deg); transform: rotate(359deg); } } @keyframes Schlafzimmer-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); -moz-transform: rotate(359deg); -o-transform: rotate(359deg); transform: rotate(359deg); } } #Schlafzimmer-case { display: none; position: fixed; z-index: 2002; top: 50%; left: 50%; font-family: arial, sans-serif; font-size: 13px; line-height: 1.5; text-align: left; text-shadow: 0 0 10px rgba(0, 0, 0, 0.5); } @media screen and (max-width: 640px) { html[data-lc-type=inline] #Schlafzimmer-case, html[data-lc-type=ajax] #Schlafzimmer-case { position: fixed !important; top: 0 !important; left: 0 !important; right: 0 !important; bottom: 0 !important; margin: 0 !important; padding: 55px 0 70px 0; width: 100% !important; height: 100% !important; overflow: auto !important; } } @media screen and (min-width: 641px) { html:not([data-lc-type=error]) #Schlafzimmer-content { position: relative; z-index: 1; text-shadow: none; background-color: #fff; -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; box-shadow: none; -webkit-backface-visibility: hidden; } } @media screen and (min-width: 641px) { html[data-lc-type=image] #Schlafzimmer-content, html[data-lc-type=video] #Schlafzimmer-content { background-color: #333; } } html[data-lc-type=inline] #Schlafzimmer-content, html[data-lc-type=ajax] #Schlafzimmer-content, html[data-lc-type=error] #Schlafzimmer-content { -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; box-shadow: none; } @media screen and (max-width: 640px) { html[data-lc-type=inline] #Schlafzimmer-content, html[data-lc-type=ajax] #Schlafzimmer-content, html[data-lc-type=error] #Schlafzimmer-content { position: relative !important; top: auto !important; left: auto !important; width: auto !important; height: auto !important; margin: 0 !important; padding: 0 !important; border: none !important; background: none !important; } } html[data-lc-type=inline] #Schlafzimmer-content .Schlafzimmer-contentInner, html[data-lc-type=ajax] #Schlafzimmer-content .Schlafzimmer-contentInner, html[data-lc-type=error] #Schlafzimmer-content .Schlafzimmer-contentInner { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } @media screen and (max-width: 640px) { html[data-lc-type=inline] #Schlafzimmer-content .Schlafzimmer-contentInner, html[data-lc-type=ajax] #Schlafzimmer-content .Schlafzimmer-contentInner, html[data-lc-type=error] #Schlafzimmer-content .Schlafzimmer-contentInner { padding: 15px; } html[data-lc-type=inline] #Schlafzimmer-content .Schlafzimmer-contentInner, html[data-lc-type=inline] #Schlafzimmer-content .Schlafzimmer-contentInner > *, html[data-lc-type=ajax] #Schlafzimmer-content .Schlafzimmer-contentInner, html[data-lc-type=ajax] #Schlafzimmer-content .Schlafzimmer-contentInner > *, html[data-lc-type=error] #Schlafzimmer-content .Schlafzimmer-contentInner, html[data-lc-type=error] #Schlafzimmer-content .Schlafzimmer-contentInner > * { width: 100% !important; max-width: none !important; } html[data-lc-type=inline] #Schlafzimmer-content .Schlafzimmer-contentInner > *:not(iframe), html[data-lc-type=ajax] #Schlafzimmer-content .Schlafzimmer-contentInner > *:not(iframe), html[data-lc-type=error] #Schlafzimmer-content .Schlafzimmer-contentInner > *:not(iframe) { height: auto !important; max-height: none !important; } } @media screen and (max-width: 640px) { html.Schlafzimmer-isMobileDevice[data-lc-type=iframe] #Schlafzimmer-content .Schlafzimmer-contentInner iframe { overflow: auto; -webkit-overflow-scrolling: touch; } } @media screen and (max-width: 640px) and (min-width: 641px) { html[data-lc-type=image] #Schlafzimmer-content .Schlafzimmer-contentInner, html[data-lc-type=video] #Schlafzimmer-content .Schlafzimmer-contentInner { line-height: 0.75; } } html[data-lc-type=image] #Schlafzimmer-content .Schlafzimmer-contentInner { position: relative; overflow: hidden !important; } @media screen and (max-width: 640px) { html[data-lc-type=inline] #Schlafzimmer-content .Schlafzimmer-contentInner .Schlafzimmer-inlineWrap, html[data-lc-type=ajax] #Schlafzimmer-content .Schlafzimmer-contentInner .Schlafzimmer-inlineWrap, html[data-lc-type=error] #Schlafzimmer-content .Schlafzimmer-contentInner .Schlafzimmer-inlineWrap { position: relative !important; top: auto !important; left: auto !important; width: auto !important; height: auto !important; margin: 0 !important; padding: 0 !important; border: none !important; background: none !important; } } @media screen and (min-width: 641px) { html:not([data-lc-type=error]) #Schlafzimmer-content .Schlafzimmer-contentInner .Schlafzimmer-inlineWrap { padding: 30px; overflow: auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } } @media screen and (max-width: 640px) { #Schlafzimmer-content h1, #Schlafzimmer-content h2, #Schlafzimmer-content h3, #Schlafzimmer-content h4, #Schlafzimmer-content h5, #Schlafzimmer-content h6, #Schlafzimmer-content p { color: #aaa; } } @media screen and (min-width: 641px) { #Schlafzimmer-content h1, #Schlafzimmer-content h2, #Schlafzimmer-content h3, #Schlafzimmer-content h4, #Schlafzimmer-content h5, #Schlafzimmer-content h6, #Schlafzimmer-content p { color: #333; } } #Schlafzimmer-case p.Schlafzimmer-error { margin: 0; font-size: 17px; text-align: center; /* white-space: nowrap; */ overflow: hidden; text-overflow: ellipsis; color: #aaa; } @media screen and (max-width: 640px) { #Schlafzimmer-case p.Schlafzimmer-error { padding: 30px 0; } } @media screen and (min-width: 641px) { #Schlafzimmer-case p.Schlafzimmer-error { padding: 0; } } .Schlafzimmer-open body { overflow: hidden; } .Schlafzimmer-isMobileDevice .Schlafzimmer-open body { max-width: 100%; max-height: 100%; } #Schlafzimmer-info { position: absolute; padding-top: 15px; } #Schlafzimmer-info #Schlafzimmer-title, #Schlafzimmer-info #Schlafzimmer-caption { margin: 0; padding: 0; line-height: 1.5; font-weight: normal; text-overflow: ellipsis; } #Schlafzimmer-info #Schlafzimmer-title { font-size: 17px; color: #aaa; } @media screen and (max-width: 640px) { #Schlafzimmer-info #Schlafzimmer-title { position: fixed; top: 10px; left: 0; max-width: 87.5%; padding: 5px 15px; /* background: #333; */ background: none; } } #Schlafzimmer-info #Schlafzimmer-caption { clear: both; font-size: 13px; color: #aaa; } #Schlafzimmer-info #Schlafzimmer-sequenceInfo { font-size: 11px; color: #aaa; } @media screen and (max-width: 640px) { .Schlafzimmer-fullScreenMode #Schlafzimmer-info { padding-left: 15px; padding-right: 15px; } html:not([data-lc-type=image]):not([data-lc-type=video]):not([data-lc-type=flash]):not([data-lc-type=error]) #Schlafzimmer-info { position: static; } } #Schlafzimmer-loading { position: fixed; z-index: 9999; width: 1.123em; height: auto; font-size: 38px; line-height: 1; text-align: center; text-shadow: none; position: fixed; z-index: 2001; top: 50%; left: 50%; margin-top: -0.5em; margin-left: -0.5em; opacity: 1; font-size: 32px; text-shadow: 0 0 15px #fff; -moz-transform-origin: 50% 53%; -webkit-animation: Schlafzimmer-spin 0.5s infinite linear; -moz-animation: Schlafzimmer-spin 0.5s infinite linear; -o-animation: Schlafzimmer-spin 0.5s infinite linear; animation: Schlafzimmer-spin 0.5s infinite linear; } #Schlafzimmer-loading, #Schlafzimmer-loading:focus { text-decoration: none; color: #fff; -webkit-tap-highlight-color: transparent; -webkit-transition: color, opacity, ease-in-out 0.25s; -moz-transition: color, opacity, ease-in-out 0.25s; -o-transition: color, opacity, ease-in-out 0.25s; transition: color, opacity, ease-in-out 0.25s; } #Schlafzimmer-loading > span { display: inline-block; text-indent: -9999px; } a[class*='Schlafzimmer-icon-'] { position: fixed; z-index: 9999; width: 1.123em; height: auto; font-size: 38px; line-height: 1; text-align: center; text-shadow: none; outline: none; cursor: pointer; } a[class*='Schlafzimmer-icon-'], a[class*='Schlafzimmer-icon-']:focus { text-decoration: none; color: rgba(255, 255, 255, 0.6); -webkit-tap-highlight-color: transparent; -webkit-transition: color, opacity, ease-in-out 0.25s; -moz-transition: color, opacity, ease-in-out 0.25s; -o-transition: color, opacity, ease-in-out 0.25s; transition: color, opacity, ease-in-out 0.25s; } a[class*='Schlafzimmer-icon-'] > span { display: inline-block; text-indent: -9999px; } a[class*='Schlafzimmer-icon-']:hover { color: white; text-shadow: 0 0 15px white; } .Schlafzimmer-isMobileDevice a[class*='Schlafzimmer-icon-']:hover { color: #aaa; text-shadow: none; } a[class*='Schlafzimmer-icon-'].Schlafzimmer-icon-close { position: fixed; top: 15px; right: 15px; bottom: auto; margin: 0; opacity: 0; outline: none; } a[class*='Schlafzimmer-icon-'].Schlafzimmer-icon-prev { left: 15px; } a[class*='Schlafzimmer-icon-'].Schlafzimmer-icon-next { right: 15px; } a[class*='Schlafzimmer-icon-'].Schlafzimmer-icon-pause, a[class*='Schlafzimmer-icon-'].Schlafzimmer-icon-play { left: 50%; margin-left: -0.5em; } @media screen and (min-width: 641px) { a[class*='Schlafzimmer-icon-'].Schlafzimmer-icon-pause, a[class*='Schlafzimmer-icon-'].Schlafzimmer-icon-play { opacity: 0; } } @media screen and (max-width: 640px) { a[class*='Schlafzimmer-icon-'] { bottom: 15px; font-size: 24px; } } @media screen and (min-width: 641px) { a[class*='Schlafzimmer-icon-'] { bottom: 50%; margin-bottom: -0.5em; } a[class*='Schlafzimmer-icon-']:hover, #Schlafzimmer-case:hover ~ a[class*='Schlafzimmer-icon-'] { opacity: 1; } } #Schlafzimmer-overlay { display: none; width: 100%; min-height: 100%; position: fixed; z-index: 2000; top: -9999px; bottom: -9999px; left: 0; background: #333; } @media screen and (max-width: 640px) { #Schlafzimmer-overlay { opacity: 1 !important; } } /* Modifications made by WHW */ a[class*='Schlafzimmer-icon-'], a[class*='Schlafzimmer-icon-']:focus { color: rgba(255, 255, 255, 0.60); } @media screen and (max-width: 640px) { a[class*='Schlafzimmer-icon-'] { bottom: 0px; font-size: 24px; padding: 15px; width: auto; } a[class*='mygallery-icon-'].mygallery-icon-close { top: 0px; right: 0px; } a[class*='mygallery-icon-'].mygallery-icon-next { right: 0px; } a[class*='mygallery-icon-'].mygallery-icon-prev { left: 0px; } .mygallery-isMobileDevice a[class*='mygallery-icon-']:hover { color: rgba(255, 255, 255, 0.60); text-shadow: none; } } a[class*='Schlafzimmer-icon-']:hover { color: rgba(255, 255, 255, 1.00); text-shadow: 0 0 15px rgba(255, 255, 255, 1.00); } #Schlafzimmer-content img { width: auto; height: auto; } #Schlafzimmer-overlay { opacity: 1.00 !important; background: rgba(51, 51, 51, 0.95) !important; } #Schlafzimmer-info #Schlafzimmer-sequenceInfo, #Schlafzimmer-info #Schlafzimmer-title, #Schlafzimmer-info #Schlafzimmer-caption { color: rgba(170, 170, 170, 1.00); } #Schlafzimmer-info #Schlafzimmer-title { font-weight: normal; font-style: normal; text-transform: none; text-decoration: none; font-weight: bold; } #Schlafzimmer-info #Schlafzimmer-caption { } /* @end */ /* Social icons in the lightbox */ #social-Schlafzimmer { position: fixed; top: 15px; left: 15px; z-index: 99999; line-height: 1; display: none; } @media screen and (min-width: 641px) { /* Only show social media buttons on wider screens */ #social-Schlafzimmer { display: block; } } #social-Schlafzimmer a { color: rgba(255, 255, 255, 0.60); padding: 0px; display: none; text-align: center; font-size: 26px; width: 40px; height: 40px; line-height: 40px; border-radius: 40px; transition: all 300ms ease-in-out; } #social-Schlafzimmer a:hover { color: rgba(255, 255, 255, 1.00); text-shadow: 0 0 15px white; } /* */ /* */ /* Lightbox image borders and padding */ @media screen and (min-width: 641px) { html[data-lc-type=image] #Schlafzimmer-content, html[data-lc-type=video] #Schlafzimmer-content { background: transparent; } } #Schlafzimmer-content img { border: 0px solid rgba(255, 255, 255, 1.00); padding: 0px; border-radius: 0px; } /* @group ProGallery Edit Mode */ /* */ /* @end */ /* @group ProGallery Grid */ #Stiegen { display: block; width: 100%; text-align: center; } #Stiegen li.proGalleryItem { -webkit-transform: translateZ(0); } #Stiegen ul#proGalleryThumbsstacks_in_915_page1 { padding: 0; margin: 0; list-style: none; } #Stiegen li.proGalleryItem { margin: 0; padding: 0; position: relative; } #Stiegen li .proGalleryItemInner { border: 0px solid rgba(234, 234, 234, 1.00); border-radius: 0px; background: rgba(255, 255, 255, 1.00); padding: 1px 2px 1px 2px; position: relative; box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.40); } #Stiegen li.proGalleryItem a { display: block; text-align: center; cursor: zoom-in; margin: 0px; cursor: pointer; outline: none; } #Stiegen li .proGalleryItemInner a:focus { outline: 2px dotted #FF0000; } #Stiegen li.proGalleryItem img { max-height: 100%; max-width: 100%; width: auto; height: auto; border-radius: 0px; display: block; border: 0px solid rgba(234, 234, 234, 1.00); padding: 0px; } /* Disable links that don't go anywhere */ #Stiegen li .proGalleryItemInner a[href='']{ pointer-events: none !important; cursor: default !important; } /*! Lazy Load XT v1.1.0 2016-01-12 * http://ressio.github.io/lazy-load-xt * (C) 2016 RESS.io * Licensed under MIT */ .lazy-hidden { opacity: 0; } .lazy-loaded { -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; -ms-transition: opacity 0.3s; -o-transition: opacity 0.3s; transition: opacity 0.3s; opacity: 1; } /* */ /* */ /* */ #Stiegen li { display: none; } #Stiegen li:first-child { display: block; } /* */ /* */ /* */ /* */ /* Thumbnail titles */ #Stiegen .proGalleryItemTitle { display: none; transition: opacity 300ms ease-in-out; padding: 5px; margin: 0px; font-size: 14px; border-radius: 0px; line-height: 1.25em; color: rgba(241, 235, 218, 1.00); background: rgba(200, 156, 81, 1.00); } #Stiegen .proGalleryItemTitle strong { font-weight: normal; font-style: normal; text-transform: none; text-decoration: none; font-weight: bold; } #Stiegen .proGalleryItemTitle div { color: rgba(102, 102, 102, 1.00); font-size: 14px; } #Stiegen.titlesBelowLeft .proGalleryItemTitle { text-align: left; opacity: 1.00; } #Stiegen.titlesBelowCentre .proGalleryItemTitle { text-align: center; opacity: 1.00; } #Stiegen.titlesBelowRight .proGalleryItemTitle { text-align: right; opacity: 1.00; } #Stiegen.titlesHoverTopLeft .proGalleryItemTitle { position: absolute; top: 0; left: 0; opacity: 0; text-align: left; } #Stiegen.titlesHoverTopCentre .proGalleryItemTitle { position: absolute; top: 0; left: 0; width: 100%; text-align: center; opacity: 0; text-align: center; } #Stiegen.titlesTopRight .proGalleryItemTitle { position: absolute; top: 0; right: 0; text-align: right; opacity: 0; } #Stiegen.titlesHoverMiddleLeft .proGalleryItemTitle { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 0; opacity: 0; text-align: left; } #Stiegen.titlesHoverMiddleCentre .proGalleryItemTitle { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 0; width: 100%; text-align: center; opacity: 0; } #Stiegen.titlesHoverMiddleRight .proGalleryItemTitle { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 0; opacity: 0; text-align: right; } #Stiegen.titlesHoverBottomLeft .proGalleryItemTitle { position: absolute; bottom: 0; left: 0; opacity: 0; text-align: left; } #Stiegen.titlesHoverBottomCentre .proGalleryItemTitle { position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; opacity: 0; } #Stiegen.titlesHoverBottomRight .proGalleryItemTitle { position: absolute; bottom: 0; right: 0; opacity: 0; text-align: right; } #Stiegen li:hover .proGalleryItemTitle { opacity: 1.00; } /* @end */ /* @group Special Effects */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* @end */ /* @group Light case */ /** * Lightcase - jQuery Plugin * The smart and flexible Lightbox Plugin. * * @author Cornel Boppart * @copyright Author * * @version 2.4.0 (09/04/2017) */ @font-face { font-family: 'lightcase'; src: url("../galerie_files/progallery-fonts/lightcase.eot?55356177"); src: url("../galerie_files/progallery-fonts/lightcase.eot?55356177#iefix") format("embedded-opentype"), url("../galerie_files/progallery-fonts/lightcase.woff?55356177") format("woff"), url("../galerie_files/progallery-fonts/lightcase.ttf?55356177") format("truetype"), url("../galerie_files/progallery-fonts/lightcase.svg?55356177#lightcase") format("svg"); font-weight: normal; font-style: normal; } [class*='Stiegen-icon-']:before { font-family: 'lightcase', sans-serif; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; text-align: center; /* For safety - reset parent styles, that can break glyph codes*/ font-variant: normal; text-transform: none; /* fix buttons height, for twitter bootstrap */ line-height: 1em; /* Uncomment for 3D effect */ /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */ } /* Codes */ .Stiegen-icon-play:before { content: '\e800'; } .Stiegen-icon-pause:before { content: '\e801'; } .Stiegen-icon-close:before { content: '\e802'; } .Stiegen-icon-prev:before { content: '\e803'; } .Stiegen-icon-next:before { content: '\e804'; } .Stiegen-icon-spin:before { content: '\e805'; } /** * Mixin providing icon defaults to be used on top of font-lightcase. * * Example usage: * @include icon(#e9e9e9) */ /** * Mixin providing icon defaults including a hover status to be used * on top of font-lightcase. * * Example usage: * @include icon-hover(#e9e9e9, #fff) */ /** * Provides natural content overflow behavior and scrolling support * even so for touch devices. * * Example usage: * @include overflow() */ /** * Neutralizes/resets dimensions including width, height, position as well as margins, * paddings and styles. Used to enforce a neutral and unstyled look and behavoir! * * Example usage: * @include clear(true) * * @param boolean $important */ @-webkit-keyframes Stiegen-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); -moz-transform: rotate(359deg); -o-transform: rotate(359deg); transform: rotate(359deg); } } @-moz-keyframes Stiegen-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); -moz-transform: rotate(359deg); -o-transform: rotate(359deg); transform: rotate(359deg); } } @-o-keyframes Stiegen-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); -moz-transform: rotate(359deg); -o-transform: rotate(359deg); transform: rotate(359deg); } } @-ms-keyframes Stiegen-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); -moz-transform: rotate(359deg); -o-transform: rotate(359deg); transform: rotate(359deg); } } @keyframes Stiegen-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); -moz-transform: rotate(359deg); -o-transform: rotate(359deg); transform: rotate(359deg); } } #Stiegen-case { display: none; position: fixed; z-index: 2002; top: 50%; left: 50%; font-family: arial, sans-serif; font-size: 13px; line-height: 1.5; text-align: left; text-shadow: 0 0 10px rgba(0, 0, 0, 0.5); } @media screen and (max-width: 640px) { html[data-lc-type=inline] #Stiegen-case, html[data-lc-type=ajax] #Stiegen-case { position: fixed !important; top: 0 !important; left: 0 !important; right: 0 !important; bottom: 0 !important; margin: 0 !important; padding: 55px 0 70px 0; width: 100% !important; height: 100% !important; overflow: auto !important; } } @media screen and (min-width: 641px) { html:not([data-lc-type=error]) #Stiegen-content { position: relative; z-index: 1; text-shadow: none; background-color: #fff; -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; box-shadow: none; -webkit-backface-visibility: hidden; } } @media screen and (min-width: 641px) { html[data-lc-type=image] #Stiegen-content, html[data-lc-type=video] #Stiegen-content { background-color: #333; } } html[data-lc-type=inline] #Stiegen-content, html[data-lc-type=ajax] #Stiegen-content, html[data-lc-type=error] #Stiegen-content { -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; box-shadow: none; } @media screen and (max-width: 640px) { html[data-lc-type=inline] #Stiegen-content, html[data-lc-type=ajax] #Stiegen-content, html[data-lc-type=error] #Stiegen-content { position: relative !important; top: auto !important; left: auto !important; width: auto !important; height: auto !important; margin: 0 !important; padding: 0 !important; border: none !important; background: none !important; } } html[data-lc-type=inline] #Stiegen-content .Stiegen-contentInner, html[data-lc-type=ajax] #Stiegen-content .Stiegen-contentInner, html[data-lc-type=error] #Stiegen-content .Stiegen-contentInner { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } @media screen and (max-width: 640px) { html[data-lc-type=inline] #Stiegen-content .Stiegen-contentInner, html[data-lc-type=ajax] #Stiegen-content .Stiegen-contentInner, html[data-lc-type=error] #Stiegen-content .Stiegen-contentInner { padding: 15px; } html[data-lc-type=inline] #Stiegen-content .Stiegen-contentInner, html[data-lc-type=inline] #Stiegen-content .Stiegen-contentInner > *, html[data-lc-type=ajax] #Stiegen-content .Stiegen-contentInner, html[data-lc-type=ajax] #Stiegen-content .Stiegen-contentInner > *, html[data-lc-type=error] #Stiegen-content .Stiegen-contentInner, html[data-lc-type=error] #Stiegen-content .Stiegen-contentInner > * { width: 100% !important; max-width: none !important; } html[data-lc-type=inline] #Stiegen-content .Stiegen-contentInner > *:not(iframe), html[data-lc-type=ajax] #Stiegen-content .Stiegen-contentInner > *:not(iframe), html[data-lc-type=error] #Stiegen-content .Stiegen-contentInner > *:not(iframe) { height: auto !important; max-height: none !important; } } @media screen and (max-width: 640px) { html.Stiegen-isMobileDevice[data-lc-type=iframe] #Stiegen-content .Stiegen-contentInner iframe { overflow: auto; -webkit-overflow-scrolling: touch; } } @media screen and (max-width: 640px) and (min-width: 641px) { html[data-lc-type=image] #Stiegen-content .Stiegen-contentInner, html[data-lc-type=video] #Stiegen-content .Stiegen-contentInner { line-height: 0.75; } } html[data-lc-type=image] #Stiegen-content .Stiegen-contentInner { position: relative; overflow: hidden !important; } @media screen and (max-width: 640px) { html[data-lc-type=inline] #Stiegen-content .Stiegen-contentInner .Stiegen-inlineWrap, html[data-lc-type=ajax] #Stiegen-content .Stiegen-contentInner .Stiegen-inlineWrap, html[data-lc-type=error] #Stiegen-content .Stiegen-contentInner .Stiegen-inlineWrap { position: relative !important; top: auto !important; left: auto !important; width: auto !important; height: auto !important; margin: 0 !important; padding: 0 !important; border: none !important; background: none !important; } } @media screen and (min-width: 641px) { html:not([data-lc-type=error]) #Stiegen-content .Stiegen-contentInner .Stiegen-inlineWrap { padding: 30px; overflow: auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } } @media screen and (max-width: 640px) { #Stiegen-content h1, #Stiegen-content h2, #Stiegen-content h3, #Stiegen-content h4, #Stiegen-content h5, #Stiegen-content h6, #Stiegen-content p { color: #aaa; } } @media screen and (min-width: 641px) { #Stiegen-content h1, #Stiegen-content h2, #Stiegen-content h3, #Stiegen-content h4, #Stiegen-content h5, #Stiegen-content h6, #Stiegen-content p { color: #333; } } #Stiegen-case p.Stiegen-error { margin: 0; font-size: 17px; text-align: center; /* white-space: nowrap; */ overflow: hidden; text-overflow: ellipsis; color: #aaa; } @media screen and (max-width: 640px) { #Stiegen-case p.Stiegen-error { padding: 30px 0; } } @media screen and (min-width: 641px) { #Stiegen-case p.Stiegen-error { padding: 0; } } .Stiegen-open body { overflow: hidden; } .Stiegen-isMobileDevice .Stiegen-open body { max-width: 100%; max-height: 100%; } #Stiegen-info { position: absolute; padding-top: 15px; } #Stiegen-info #Stiegen-title, #Stiegen-info #Stiegen-caption { margin: 0; padding: 0; line-height: 1.5; font-weight: normal; text-overflow: ellipsis; } #Stiegen-info #Stiegen-title { font-size: 17px; color: #aaa; } @media screen and (max-width: 640px) { #Stiegen-info #Stiegen-title { position: fixed; top: 10px; left: 0; max-width: 87.5%; padding: 5px 15px; /* background: #333; */ background: none; } } #Stiegen-info #Stiegen-caption { clear: both; font-size: 13px; color: #aaa; } #Stiegen-info #Stiegen-sequenceInfo { font-size: 11px; color: #aaa; } @media screen and (max-width: 640px) { .Stiegen-fullScreenMode #Stiegen-info { padding-left: 15px; padding-right: 15px; } html:not([data-lc-type=image]):not([data-lc-type=video]):not([data-lc-type=flash]):not([data-lc-type=error]) #Stiegen-info { position: static; } } #Stiegen-loading { position: fixed; z-index: 9999; width: 1.123em; height: auto; font-size: 38px; line-height: 1; text-align: center; text-shadow: none; position: fixed; z-index: 2001; top: 50%; left: 50%; margin-top: -0.5em; margin-left: -0.5em; opacity: 1; font-size: 32px; text-shadow: 0 0 15px #fff; -moz-transform-origin: 50% 53%; -webkit-animation: Stiegen-spin 0.5s infinite linear; -moz-animation: Stiegen-spin 0.5s infinite linear; -o-animation: Stiegen-spin 0.5s infinite linear; animation: Stiegen-spin 0.5s infinite linear; } #Stiegen-loading, #Stiegen-loading:focus { text-decoration: none; color: #fff; -webkit-tap-highlight-color: transparent; -webkit-transition: color, opacity, ease-in-out 0.25s; -moz-transition: color, opacity, ease-in-out 0.25s; -o-transition: color, opacity, ease-in-out 0.25s; transition: color, opacity, ease-in-out 0.25s; } #Stiegen-loading > span { display: inline-block; text-indent: -9999px; } a[class*='Stiegen-icon-'] { position: fixed; z-index: 9999; width: 1.123em; height: auto; font-size: 38px; line-height: 1; text-align: center; text-shadow: none; outline: none; cursor: pointer; } a[class*='Stiegen-icon-'], a[class*='Stiegen-icon-']:focus { text-decoration: none; color: rgba(255, 255, 255, 0.6); -webkit-tap-highlight-color: transparent; -webkit-transition: color, opacity, ease-in-out 0.25s; -moz-transition: color, opacity, ease-in-out 0.25s; -o-transition: color, opacity, ease-in-out 0.25s; transition: color, opacity, ease-in-out 0.25s; } a[class*='Stiegen-icon-'] > span { display: inline-block; text-indent: -9999px; } a[class*='Stiegen-icon-']:hover { color: white; text-shadow: 0 0 15px white; } .Stiegen-isMobileDevice a[class*='Stiegen-icon-']:hover { color: #aaa; text-shadow: none; } a[class*='Stiegen-icon-'].Stiegen-icon-close { position: fixed; top: 15px; right: 15px; bottom: auto; margin: 0; opacity: 0; outline: none; } a[class*='Stiegen-icon-'].Stiegen-icon-prev { left: 15px; } a[class*='Stiegen-icon-'].Stiegen-icon-next { right: 15px; } a[class*='Stiegen-icon-'].Stiegen-icon-pause, a[class*='Stiegen-icon-'].Stiegen-icon-play { left: 50%; margin-left: -0.5em; } @media screen and (min-width: 641px) { a[class*='Stiegen-icon-'].Stiegen-icon-pause, a[class*='Stiegen-icon-'].Stiegen-icon-play { opacity: 0; } } @media screen and (max-width: 640px) { a[class*='Stiegen-icon-'] { bottom: 15px; font-size: 24px; } } @media screen and (min-width: 641px) { a[class*='Stiegen-icon-'] { bottom: 50%; margin-bottom: -0.5em; } a[class*='Stiegen-icon-']:hover, #Stiegen-case:hover ~ a[class*='Stiegen-icon-'] { opacity: 1; } } #Stiegen-overlay { display: none; width: 100%; min-height: 100%; position: fixed; z-index: 2000; top: -9999px; bottom: -9999px; left: 0; background: #333; } @media screen and (max-width: 640px) { #Stiegen-overlay { opacity: 1 !important; } } /* Modifications made by WHW */ a[class*='Stiegen-icon-'], a[class*='Stiegen-icon-']:focus { color: rgba(255, 255, 255, 0.60); } @media screen and (max-width: 640px) { a[class*='Stiegen-icon-'] { bottom: 0px; font-size: 24px; padding: 15px; width: auto; } a[class*='mygallery-icon-'].mygallery-icon-close { top: 0px; right: 0px; } a[class*='mygallery-icon-'].mygallery-icon-next { right: 0px; } a[class*='mygallery-icon-'].mygallery-icon-prev { left: 0px; } .mygallery-isMobileDevice a[class*='mygallery-icon-']:hover { color: rgba(255, 255, 255, 0.60); text-shadow: none; } } a[class*='Stiegen-icon-']:hover { color: rgba(255, 255, 255, 1.00); text-shadow: 0 0 15px rgba(255, 255, 255, 1.00); } #Stiegen-content img { width: auto; height: auto; } #Stiegen-overlay { opacity: 1.00 !important; background: rgba(51, 51, 51, 0.95) !important; } #Stiegen-info #Stiegen-sequenceInfo, #Stiegen-info #Stiegen-title, #Stiegen-info #Stiegen-caption { color: rgba(170, 170, 170, 1.00); } #Stiegen-info #Stiegen-title { font-weight: normal; font-style: normal; text-transform: none; text-decoration: none; font-weight: bold; } #Stiegen-info #Stiegen-caption { } /* @end */ /* Social icons in the lightbox */ #social-Stiegen { position: fixed; top: 15px; left: 15px; z-index: 99999; line-height: 1; display: none; } @media screen and (min-width: 641px) { /* Only show social media buttons on wider screens */ #social-Stiegen { display: block; } } #social-Stiegen a { color: rgba(255, 255, 255, 0.60); padding: 0px; display: none; text-align: center; font-size: 26px; width: 40px; height: 40px; line-height: 40px; border-radius: 40px; transition: all 300ms ease-in-out; } #social-Stiegen a:hover { color: rgba(255, 255, 255, 1.00); text-shadow: 0 0 15px white; } /* */ /* */ /* Lightbox image borders and padding */ @media screen and (min-width: 641px) { html[data-lc-type=image] #Stiegen-content, html[data-lc-type=video] #Stiegen-content { background: transparent; } } #Stiegen-content img { border: 0px solid rgba(255, 255, 255, 1.00); padding: 0px; border-radius: 0px; } /* @group ProGallery Edit Mode */ /* */ /* @end */ /* @group ProGallery Grid */ #Tore { display: block; width: 100%; text-align: center; } #Tore li.proGalleryItem { -webkit-transform: translateZ(0); } #Tore ul#proGalleryThumbsstacks_in_931_page1 { padding: 0; margin: 0; list-style: none; } #Tore li.proGalleryItem { margin: 0; padding: 0; position: relative; } #Tore li .proGalleryItemInner { border: 0px solid rgba(234, 234, 234, 1.00); border-radius: 0px; background: rgba(255, 255, 255, 1.00); padding: 1px 2px 1px 2px; position: relative; box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.40); } #Tore li.proGalleryItem a { display: block; text-align: center; cursor: zoom-in; margin: 0px; cursor: pointer; outline: none; } #Tore li .proGalleryItemInner a:focus { outline: 2px dotted #FF0000; } #Tore li.proGalleryItem img { max-height: 100%; max-width: 100%; width: auto; height: auto; border-radius: 0px; display: block; border: 0px solid rgba(234, 234, 234, 1.00); padding: 0px; } /* Disable links that don't go anywhere */ #Tore li .proGalleryItemInner a[href='']{ pointer-events: none !important; cursor: default !important; } /*! Lazy Load XT v1.1.0 2016-01-12 * http://ressio.github.io/lazy-load-xt * (C) 2016 RESS.io * Licensed under MIT */ .lazy-hidden { opacity: 0; } .lazy-loaded { -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; -ms-transition: opacity 0.3s; -o-transition: opacity 0.3s; transition: opacity 0.3s; opacity: 1; } /* */ /* */ /* */ #Tore li { display: none; } #Tore li:first-child { display: block; } /* */ /* */ /* */ /* */ /* Thumbnail titles */ #Tore .proGalleryItemTitle { display: none; transition: opacity 300ms ease-in-out; padding: 5px; margin: 0px; font-size: 14px; border-radius: 0px; line-height: 1.25em; color: rgba(241, 235, 218, 1.00); background: rgba(200, 156, 81, 1.00); } #Tore .proGalleryItemTitle strong { font-weight: normal; font-style: normal; text-transform: none; text-decoration: none; font-weight: bold; } #Tore .proGalleryItemTitle div { color: rgba(102, 102, 102, 1.00); font-size: 14px; } #Tore.titlesBelowLeft .proGalleryItemTitle { text-align: left; opacity: 1.00; } #Tore.titlesBelowCentre .proGalleryItemTitle { text-align: center; opacity: 1.00; } #Tore.titlesBelowRight .proGalleryItemTitle { text-align: right; opacity: 1.00; } #Tore.titlesHoverTopLeft .proGalleryItemTitle { position: absolute; top: 0; left: 0; opacity: 0; text-align: left; } #Tore.titlesHoverTopCentre .proGalleryItemTitle { position: absolute; top: 0; left: 0; width: 100%; text-align: center; opacity: 0; text-align: center; } #Tore.titlesTopRight .proGalleryItemTitle { position: absolute; top: 0; right: 0; text-align: right; opacity: 0; } #Tore.titlesHoverMiddleLeft .proGalleryItemTitle { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 0; opacity: 0; text-align: left; } #Tore.titlesHoverMiddleCentre .proGalleryItemTitle { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 0; width: 100%; text-align: center; opacity: 0; } #Tore.titlesHoverMiddleRight .proGalleryItemTitle { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 0; opacity: 0; text-align: right; } #Tore.titlesHoverBottomLeft .proGalleryItemTitle { position: absolute; bottom: 0; left: 0; opacity: 0; text-align: left; } #Tore.titlesHoverBottomCentre .proGalleryItemTitle { position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; opacity: 0; } #Tore.titlesHoverBottomRight .proGalleryItemTitle { position: absolute; bottom: 0; right: 0; opacity: 0; text-align: right; } #Tore li:hover .proGalleryItemTitle { opacity: 1.00; } /* @end */ /* @group Special Effects */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* @end */ /* @group Light case */ /** * Lightcase - jQuery Plugin * The smart and flexible Lightbox Plugin. * * @author Cornel Boppart * @copyright Author * * @version 2.4.0 (09/04/2017) */ @font-face { font-family: 'lightcase'; src: url("../galerie_files/progallery-fonts/lightcase.eot?55356177"); src: url("../galerie_files/progallery-fonts/lightcase.eot?55356177#iefix") format("embedded-opentype"), url("../galerie_files/progallery-fonts/lightcase.woff?55356177") format("woff"), url("../galerie_files/progallery-fonts/lightcase.ttf?55356177") format("truetype"), url("../galerie_files/progallery-fonts/lightcase.svg?55356177#lightcase") format("svg"); font-weight: normal; font-style: normal; } [class*='Tore-icon-']:before { font-family: 'lightcase', sans-serif; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; text-align: center; /* For safety - reset parent styles, that can break glyph codes*/ font-variant: normal; text-transform: none; /* fix buttons height, for twitter bootstrap */ line-height: 1em; /* Uncomment for 3D effect */ /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */ } /* Codes */ .Tore-icon-play:before { content: '\e800'; } .Tore-icon-pause:before { content: '\e801'; } .Tore-icon-close:before { content: '\e802'; } .Tore-icon-prev:before { content: '\e803'; } .Tore-icon-next:before { content: '\e804'; } .Tore-icon-spin:before { content: '\e805'; } /** * Mixin providing icon defaults to be used on top of font-lightcase. * * Example usage: * @include icon(#e9e9e9) */ /** * Mixin providing icon defaults including a hover status to be used * on top of font-lightcase. * * Example usage: * @include icon-hover(#e9e9e9, #fff) */ /** * Provides natural content overflow behavior and scrolling support * even so for touch devices. * * Example usage: * @include overflow() */ /** * Neutralizes/resets dimensions including width, height, position as well as margins, * paddings and styles. Used to enforce a neutral and unstyled look and behavoir! * * Example usage: * @include clear(true) * * @param boolean $important */ @-webkit-keyframes Tore-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); -moz-transform: rotate(359deg); -o-transform: rotate(359deg); transform: rotate(359deg); } } @-moz-keyframes Tore-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); -moz-transform: rotate(359deg); -o-transform: rotate(359deg); transform: rotate(359deg); } } @-o-keyframes Tore-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); -moz-transform: rotate(359deg); -o-transform: rotate(359deg); transform: rotate(359deg); } } @-ms-keyframes Tore-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); -moz-transform: rotate(359deg); -o-transform: rotate(359deg); transform: rotate(359deg); } } @keyframes Tore-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); -moz-transform: rotate(359deg); -o-transform: rotate(359deg); transform: rotate(359deg); } } #Tore-case { display: none; position: fixed; z-index: 2002; top: 50%; left: 50%; font-family: arial, sans-serif; font-size: 13px; line-height: 1.5; text-align: left; text-shadow: 0 0 10px rgba(0, 0, 0, 0.5); } @media screen and (max-width: 640px) { html[data-lc-type=inline] #Tore-case, html[data-lc-type=ajax] #Tore-case { position: fixed !important; top: 0 !important; left: 0 !important; right: 0 !important; bottom: 0 !important; margin: 0 !important; padding: 55px 0 70px 0; width: 100% !important; height: 100% !important; overflow: auto !important; } } @media screen and (min-width: 641px) { html:not([data-lc-type=error]) #Tore-content { position: relative; z-index: 1; text-shadow: none; background-color: #fff; -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; box-shadow: none; -webkit-backface-visibility: hidden; } } @media screen and (min-width: 641px) { html[data-lc-type=image] #Tore-content, html[data-lc-type=video] #Tore-content { background-color: #333; } } html[data-lc-type=inline] #Tore-content, html[data-lc-type=ajax] #Tore-content, html[data-lc-type=error] #Tore-content { -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; box-shadow: none; } @media screen and (max-width: 640px) { html[data-lc-type=inline] #Tore-content, html[data-lc-type=ajax] #Tore-content, html[data-lc-type=error] #Tore-content { position: relative !important; top: auto !important; left: auto !important; width: auto !important; height: auto !important; margin: 0 !important; padding: 0 !important; border: none !important; background: none !important; } } html[data-lc-type=inline] #Tore-content .Tore-contentInner, html[data-lc-type=ajax] #Tore-content .Tore-contentInner, html[data-lc-type=error] #Tore-content .Tore-contentInner { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } @media screen and (max-width: 640px) { html[data-lc-type=inline] #Tore-content .Tore-contentInner, html[data-lc-type=ajax] #Tore-content .Tore-contentInner, html[data-lc-type=error] #Tore-content .Tore-contentInner { padding: 15px; } html[data-lc-type=inline] #Tore-content .Tore-contentInner, html[data-lc-type=inline] #Tore-content .Tore-contentInner > *, html[data-lc-type=ajax] #Tore-content .Tore-contentInner, html[data-lc-type=ajax] #Tore-content .Tore-contentInner > *, html[data-lc-type=error] #Tore-content .Tore-contentInner, html[data-lc-type=error] #Tore-content .Tore-contentInner > * { width: 100% !important; max-width: none !important; } html[data-lc-type=inline] #Tore-content .Tore-contentInner > *:not(iframe), html[data-lc-type=ajax] #Tore-content .Tore-contentInner > *:not(iframe), html[data-lc-type=error] #Tore-content .Tore-contentInner > *:not(iframe) { height: auto !important; max-height: none !important; } } @media screen and (max-width: 640px) { html.Tore-isMobileDevice[data-lc-type=iframe] #Tore-content .Tore-contentInner iframe { overflow: auto; -webkit-overflow-scrolling: touch; } } @media screen and (max-width: 640px) and (min-width: 641px) { html[data-lc-type=image] #Tore-content .Tore-contentInner, html[data-lc-type=video] #Tore-content .Tore-contentInner { line-height: 0.75; } } html[data-lc-type=image] #Tore-content .Tore-contentInner { position: relative; overflow: hidden !important; } @media screen and (max-width: 640px) { html[data-lc-type=inline] #Tore-content .Tore-contentInner .Tore-inlineWrap, html[data-lc-type=ajax] #Tore-content .Tore-contentInner .Tore-inlineWrap, html[data-lc-type=error] #Tore-content .Tore-contentInner .Tore-inlineWrap { position: relative !important; top: auto !important; left: auto !important; width: auto !important; height: auto !important; margin: 0 !important; padding: 0 !important; border: none !important; background: none !important; } } @media screen and (min-width: 641px) { html:not([data-lc-type=error]) #Tore-content .Tore-contentInner .Tore-inlineWrap { padding: 30px; overflow: auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } } @media screen and (max-width: 640px) { #Tore-content h1, #Tore-content h2, #Tore-content h3, #Tore-content h4, #Tore-content h5, #Tore-content h6, #Tore-content p { color: #aaa; } } @media screen and (min-width: 641px) { #Tore-content h1, #Tore-content h2, #Tore-content h3, #Tore-content h4, #Tore-content h5, #Tore-content h6, #Tore-content p { color: #333; } } #Tore-case p.Tore-error { margin: 0; font-size: 17px; text-align: center; /* white-space: nowrap; */ overflow: hidden; text-overflow: ellipsis; color: #aaa; } @media screen and (max-width: 640px) { #Tore-case p.Tore-error { padding: 30px 0; } } @media screen and (min-width: 641px) { #Tore-case p.Tore-error { padding: 0; } } .Tore-open body { overflow: hidden; } .Tore-isMobileDevice .Tore-open body { max-width: 100%; max-height: 100%; } #Tore-info { position: absolute; padding-top: 15px; } #Tore-info #Tore-title, #Tore-info #Tore-caption { margin: 0; padding: 0; line-height: 1.5; font-weight: normal; text-overflow: ellipsis; } #Tore-info #Tore-title { font-size: 17px; color: #aaa; } @media screen and (max-width: 640px) { #Tore-info #Tore-title { position: fixed; top: 10px; left: 0; max-width: 87.5%; padding: 5px 15px; /* background: #333; */ background: none; } } #Tore-info #Tore-caption { clear: both; font-size: 13px; color: #aaa; } #Tore-info #Tore-sequenceInfo { font-size: 11px; color: #aaa; } @media screen and (max-width: 640px) { .Tore-fullScreenMode #Tore-info { padding-left: 15px; padding-right: 15px; } html:not([data-lc-type=image]):not([data-lc-type=video]):not([data-lc-type=flash]):not([data-lc-type=error]) #Tore-info { position: static; } } #Tore-loading { position: fixed; z-index: 9999; width: 1.123em; height: auto; font-size: 38px; line-height: 1; text-align: center; text-shadow: none; position: fixed; z-index: 2001; top: 50%; left: 50%; margin-top: -0.5em; margin-left: -0.5em; opacity: 1; font-size: 32px; text-shadow: 0 0 15px #fff; -moz-transform-origin: 50% 53%; -webkit-animation: Tore-spin 0.5s infinite linear; -moz-animation: Tore-spin 0.5s infinite linear; -o-animation: Tore-spin 0.5s infinite linear; animation: Tore-spin 0.5s infinite linear; } #Tore-loading, #Tore-loading:focus { text-decoration: none; color: #fff; -webkit-tap-highlight-color: transparent; -webkit-transition: color, opacity, ease-in-out 0.25s; -moz-transition: color, opacity, ease-in-out 0.25s; -o-transition: color, opacity, ease-in-out 0.25s; transition: color, opacity, ease-in-out 0.25s; } #Tore-loading > span { display: inline-block; text-indent: -9999px; } a[class*='Tore-icon-'] { position: fixed; z-index: 9999; width: 1.123em; height: auto; font-size: 38px; line-height: 1; text-align: center; text-shadow: none; outline: none; cursor: pointer; } a[class*='Tore-icon-'], a[class*='Tore-icon-']:focus { text-decoration: none; color: rgba(255, 255, 255, 0.6); -webkit-tap-highlight-color: transparent; -webkit-transition: color, opacity, ease-in-out 0.25s; -moz-transition: color, opacity, ease-in-out 0.25s; -o-transition: color, opacity, ease-in-out 0.25s; transition: color, opacity, ease-in-out 0.25s; } a[class*='Tore-icon-'] > span { display: inline-block; text-indent: -9999px; } a[class*='Tore-icon-']:hover { color: white; text-shadow: 0 0 15px white; } .Tore-isMobileDevice a[class*='Tore-icon-']:hover { color: #aaa; text-shadow: none; } a[class*='Tore-icon-'].Tore-icon-close { position: fixed; top: 15px; right: 15px; bottom: auto; margin: 0; opacity: 0; outline: none; } a[class*='Tore-icon-'].Tore-icon-prev { left: 15px; } a[class*='Tore-icon-'].Tore-icon-next { right: 15px; } a[class*='Tore-icon-'].Tore-icon-pause, a[class*='Tore-icon-'].Tore-icon-play { left: 50%; margin-left: -0.5em; } @media screen and (min-width: 641px) { a[class*='Tore-icon-'].Tore-icon-pause, a[class*='Tore-icon-'].Tore-icon-play { opacity: 0; } } @media screen and (max-width: 640px) { a[class*='Tore-icon-'] { bottom: 15px; font-size: 24px; } } @media screen and (min-width: 641px) { a[class*='Tore-icon-'] { bottom: 50%; margin-bottom: -0.5em; } a[class*='Tore-icon-']:hover, #Tore-case:hover ~ a[class*='Tore-icon-'] { opacity: 1; } } #Tore-overlay { display: none; width: 100%; min-height: 100%; position: fixed; z-index: 2000; top: -9999px; bottom: -9999px; left: 0; background: #333; } @media screen and (max-width: 640px) { #Tore-overlay { opacity: 1 !important; } } /* Modifications made by WHW */ a[class*='Tore-icon-'], a[class*='Tore-icon-']:focus { color: rgba(255, 255, 255, 0.60); } @media screen and (max-width: 640px) { a[class*='Tore-icon-'] { bottom: 0px; font-size: 24px; padding: 15px; width: auto; } a[class*='mygallery-icon-'].mygallery-icon-close { top: 0px; right: 0px; } a[class*='mygallery-icon-'].mygallery-icon-next { right: 0px; } a[class*='mygallery-icon-'].mygallery-icon-prev { left: 0px; } .mygallery-isMobileDevice a[class*='mygallery-icon-']:hover { color: rgba(255, 255, 255, 0.60); text-shadow: none; } } a[class*='Tore-icon-']:hover { color: rgba(255, 255, 255, 1.00); text-shadow: 0 0 15px rgba(255, 255, 255, 1.00); } #Tore-content img { width: auto; height: auto; } #Tore-overlay { opacity: 1.00 !important; background: rgba(51, 51, 51, 0.95) !important; } #Tore-info #Tore-sequenceInfo, #Tore-info #Tore-title, #Tore-info #Tore-caption { color: rgba(170, 170, 170, 1.00); } #Tore-info #Tore-title { font-weight: normal; font-style: normal; text-transform: none; text-decoration: none; font-weight: bold; } #Tore-info #Tore-caption { } /* @end */ /* Social icons in the lightbox */ #social-Tore { position: fixed; top: 15px; left: 15px; z-index: 99999; line-height: 1; display: none; } @media screen and (min-width: 641px) { /* Only show social media buttons on wider screens */ #social-Tore { display: block; } } #social-Tore a { color: rgba(255, 255, 255, 0.60); padding: 0px; display: none; text-align: center; font-size: 26px; width: 40px; height: 40px; line-height: 40px; border-radius: 40px; transition: all 300ms ease-in-out; } #social-Tore a:hover { color: rgba(255, 255, 255, 1.00); text-shadow: 0 0 15px white; } /* */ /* */ /* Lightbox image borders and padding */ @media screen and (min-width: 641px) { html[data-lc-type=image] #Tore-content, html[data-lc-type=video] #Tore-content { background: transparent; } } #Tore-content img { border: 0px solid rgba(255, 255, 255, 1.00); padding: 0px; border-radius: 0px; } /* @group ProGallery Edit Mode */ /* */ /* @end */ /* @group ProGallery Grid */ #vorzimmer { display: block; width: 100%; text-align: center; } #vorzimmer li.proGalleryItem { -webkit-transform: translateZ(0); } #vorzimmer ul#proGalleryThumbsstacks_in_968_page1 { padding: 0; margin: 0; list-style: none; } #vorzimmer li.proGalleryItem { margin: 0; padding: 0; position: relative; } #vorzimmer li .proGalleryItemInner { border: 0px solid rgba(234, 234, 234, 1.00); border-radius: 0px; background: rgba(255, 255, 255, 1.00); padding: 1px 2px 1px 2px; position: relative; box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.40); } #vorzimmer li.proGalleryItem a { display: block; text-align: center; cursor: zoom-in; margin: 0px; cursor: pointer; outline: none; } #vorzimmer li .proGalleryItemInner a:focus { outline: 2px dotted #FF0000; } #vorzimmer li.proGalleryItem img { max-height: 100%; max-width: 100%; width: auto; height: auto; border-radius: 0px; display: block; border: 0px solid rgba(234, 234, 234, 1.00); padding: 0px; } /* Disable links that don't go anywhere */ #vorzimmer li .proGalleryItemInner a[href='']{ pointer-events: none !important; cursor: default !important; } /*! Lazy Load XT v1.1.0 2016-01-12 * http://ressio.github.io/lazy-load-xt * (C) 2016 RESS.io * Licensed under MIT */ .lazy-hidden { opacity: 0; } .lazy-loaded { -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; -ms-transition: opacity 0.3s; -o-transition: opacity 0.3s; transition: opacity 0.3s; opacity: 1; } /* */ /* */ /* */ #vorzimmer li { display: none; } #vorzimmer li:first-child { display: block; } /* */ /* */ /* */ /* */ /* Thumbnail titles */ #vorzimmer .proGalleryItemTitle { display: none; transition: opacity 300ms ease-in-out; padding: 5px; margin: 0px; font-size: 14px; border-radius: 0px; line-height: 1.25em; color: rgba(241, 235, 218, 1.00); background: rgba(200, 156, 81, 1.00); } #vorzimmer .proGalleryItemTitle strong { font-weight: normal; font-style: normal; text-transform: none; text-decoration: none; font-weight: bold; } #vorzimmer .proGalleryItemTitle div { color: rgba(102, 102, 102, 1.00); font-size: 14px; } #vorzimmer.titlesBelowLeft .proGalleryItemTitle { text-align: left; opacity: 1.00; } #vorzimmer.titlesBelowCentre .proGalleryItemTitle { text-align: center; opacity: 1.00; } #vorzimmer.titlesBelowRight .proGalleryItemTitle { text-align: right; opacity: 1.00; } #vorzimmer.titlesHoverTopLeft .proGalleryItemTitle { position: absolute; top: 0; left: 0; opacity: 0; text-align: left; } #vorzimmer.titlesHoverTopCentre .proGalleryItemTitle { position: absolute; top: 0; left: 0; width: 100%; text-align: center; opacity: 0; text-align: center; } #vorzimmer.titlesTopRight .proGalleryItemTitle { position: absolute; top: 0; right: 0; text-align: right; opacity: 0; } #vorzimmer.titlesHoverMiddleLeft .proGalleryItemTitle { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 0; opacity: 0; text-align: left; } #vorzimmer.titlesHoverMiddleCentre .proGalleryItemTitle { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 0; width: 100%; text-align: center; opacity: 0; } #vorzimmer.titlesHoverMiddleRight .proGalleryItemTitle { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 0; opacity: 0; text-align: right; } #vorzimmer.titlesHoverBottomLeft .proGalleryItemTitle { position: absolute; bottom: 0; left: 0; opacity: 0; text-align: left; } #vorzimmer.titlesHoverBottomCentre .proGalleryItemTitle { position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; opacity: 0; } #vorzimmer.titlesHoverBottomRight .proGalleryItemTitle { position: absolute; bottom: 0; right: 0; opacity: 0; text-align: right; } #vorzimmer li:hover .proGalleryItemTitle { opacity: 1.00; } /* @end */ /* @group Special Effects */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* @end */ /* @group Light case */ /** * Lightcase - jQuery Plugin * The smart and flexible Lightbox Plugin. * * @author Cornel Boppart * @copyright Author * * @version 2.4.0 (09/04/2017) */ @font-face { font-family: 'lightcase'; src: url("../galerie_files/progallery-fonts/lightcase.eot?55356177"); src: url("../galerie_files/progallery-fonts/lightcase.eot?55356177#iefix") format("embedded-opentype"), url("../galerie_files/progallery-fonts/lightcase.woff?55356177") format("woff"), url("../galerie_files/progallery-fonts/lightcase.ttf?55356177") format("truetype"), url("../galerie_files/progallery-fonts/lightcase.svg?55356177#lightcase") format("svg"); font-weight: normal; font-style: normal; } [class*='vorzimmer-icon-']:before { font-family: 'lightcase', sans-serif; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; text-align: center; /* For safety - reset parent styles, that can break glyph codes*/ font-variant: normal; text-transform: none; /* fix buttons height, for twitter bootstrap */ line-height: 1em; /* Uncomment for 3D effect */ /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */ } /* Codes */ .vorzimmer-icon-play:before { content: '\e800'; } .vorzimmer-icon-pause:before { content: '\e801'; } .vorzimmer-icon-close:before { content: '\e802'; } .vorzimmer-icon-prev:before { content: '\e803'; } .vorzimmer-icon-next:before { content: '\e804'; } .vorzimmer-icon-spin:before { content: '\e805'; } /** * Mixin providing icon defaults to be used on top of font-lightcase. * * Example usage: * @include icon(#e9e9e9) */ /** * Mixin providing icon defaults including a hover status to be used * on top of font-lightcase. * * Example usage: * @include icon-hover(#e9e9e9, #fff) */ /** * Provides natural content overflow behavior and scrolling support * even so for touch devices. * * Example usage: * @include overflow() */ /** * Neutralizes/resets dimensions including width, height, position as well as margins, * paddings and styles. Used to enforce a neutral and unstyled look and behavoir! * * Example usage: * @include clear(true) * * @param boolean $important */ @-webkit-keyframes vorzimmer-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); -moz-transform: rotate(359deg); -o-transform: rotate(359deg); transform: rotate(359deg); } } @-moz-keyframes vorzimmer-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); -moz-transform: rotate(359deg); -o-transform: rotate(359deg); transform: rotate(359deg); } } @-o-keyframes vorzimmer-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); -moz-transform: rotate(359deg); -o-transform: rotate(359deg); transform: rotate(359deg); } } @-ms-keyframes vorzimmer-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); -moz-transform: rotate(359deg); -o-transform: rotate(359deg); transform: rotate(359deg); } } @keyframes vorzimmer-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); -moz-transform: rotate(359deg); -o-transform: rotate(359deg); transform: rotate(359deg); } } #vorzimmer-case { display: none; position: fixed; z-index: 2002; top: 50%; left: 50%; font-family: arial, sans-serif; font-size: 13px; line-height: 1.5; text-align: left; text-shadow: 0 0 10px rgba(0, 0, 0, 0.5); } @media screen and (max-width: 640px) { html[data-lc-type=inline] #vorzimmer-case, html[data-lc-type=ajax] #vorzimmer-case { position: fixed !important; top: 0 !important; left: 0 !important; right: 0 !important; bottom: 0 !important; margin: 0 !important; padding: 55px 0 70px 0; width: 100% !important; height: 100% !important; overflow: auto !important; } } @media screen and (min-width: 641px) { html:not([data-lc-type=error]) #vorzimmer-content { position: relative; z-index: 1; text-shadow: none; background-color: #fff; -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; box-shadow: none; -webkit-backface-visibility: hidden; } } @media screen and (min-width: 641px) { html[data-lc-type=image] #vorzimmer-content, html[data-lc-type=video] #vorzimmer-content { background-color: #333; } } html[data-lc-type=inline] #vorzimmer-content, html[data-lc-type=ajax] #vorzimmer-content, html[data-lc-type=error] #vorzimmer-content { -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; box-shadow: none; } @media screen and (max-width: 640px) { html[data-lc-type=inline] #vorzimmer-content, html[data-lc-type=ajax] #vorzimmer-content, html[data-lc-type=error] #vorzimmer-content { position: relative !important; top: auto !important; left: auto !important; width: auto !important; height: auto !important; margin: 0 !important; padding: 0 !important; border: none !important; background: none !important; } } html[data-lc-type=inline] #vorzimmer-content .vorzimmer-contentInner, html[data-lc-type=ajax] #vorzimmer-content .vorzimmer-contentInner, html[data-lc-type=error] #vorzimmer-content .vorzimmer-contentInner { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } @media screen and (max-width: 640px) { html[data-lc-type=inline] #vorzimmer-content .vorzimmer-contentInner, html[data-lc-type=ajax] #vorzimmer-content .vorzimmer-contentInner, html[data-lc-type=error] #vorzimmer-content .vorzimmer-contentInner { padding: 15px; } html[data-lc-type=inline] #vorzimmer-content .vorzimmer-contentInner, html[data-lc-type=inline] #vorzimmer-content .vorzimmer-contentInner > *, html[data-lc-type=ajax] #vorzimmer-content .vorzimmer-contentInner, html[data-lc-type=ajax] #vorzimmer-content .vorzimmer-contentInner > *, html[data-lc-type=error] #vorzimmer-content .vorzimmer-contentInner, html[data-lc-type=error] #vorzimmer-content .vorzimmer-contentInner > * { width: 100% !important; max-width: none !important; } html[data-lc-type=inline] #vorzimmer-content .vorzimmer-contentInner > *:not(iframe), html[data-lc-type=ajax] #vorzimmer-content .vorzimmer-contentInner > *:not(iframe), html[data-lc-type=error] #vorzimmer-content .vorzimmer-contentInner > *:not(iframe) { height: auto !important; max-height: none !important; } } @media screen and (max-width: 640px) { html.vorzimmer-isMobileDevice[data-lc-type=iframe] #vorzimmer-content .vorzimmer-contentInner iframe { overflow: auto; -webkit-overflow-scrolling: touch; } } @media screen and (max-width: 640px) and (min-width: 641px) { html[data-lc-type=image] #vorzimmer-content .vorzimmer-contentInner, html[data-lc-type=video] #vorzimmer-content .vorzimmer-contentInner { line-height: 0.75; } } html[data-lc-type=image] #vorzimmer-content .vorzimmer-contentInner { position: relative; overflow: hidden !important; } @media screen and (max-width: 640px) { html[data-lc-type=inline] #vorzimmer-content .vorzimmer-contentInner .vorzimmer-inlineWrap, html[data-lc-type=ajax] #vorzimmer-content .vorzimmer-contentInner .vorzimmer-inlineWrap, html[data-lc-type=error] #vorzimmer-content .vorzimmer-contentInner .vorzimmer-inlineWrap { position: relative !important; top: auto !important; left: auto !important; width: auto !important; height: auto !important; margin: 0 !important; padding: 0 !important; border: none !important; background: none !important; } } @media screen and (min-width: 641px) { html:not([data-lc-type=error]) #vorzimmer-content .vorzimmer-contentInner .vorzimmer-inlineWrap { padding: 30px; overflow: auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } } @media screen and (max-width: 640px) { #vorzimmer-content h1, #vorzimmer-content h2, #vorzimmer-content h3, #vorzimmer-content h4, #vorzimmer-content h5, #vorzimmer-content h6, #vorzimmer-content p { color: #aaa; } } @media screen and (min-width: 641px) { #vorzimmer-content h1, #vorzimmer-content h2, #vorzimmer-content h3, #vorzimmer-content h4, #vorzimmer-content h5, #vorzimmer-content h6, #vorzimmer-content p { color: #333; } } #vorzimmer-case p.vorzimmer-error { margin: 0; font-size: 17px; text-align: center; /* white-space: nowrap; */ overflow: hidden; text-overflow: ellipsis; color: #aaa; } @media screen and (max-width: 640px) { #vorzimmer-case p.vorzimmer-error { padding: 30px 0; } } @media screen and (min-width: 641px) { #vorzimmer-case p.vorzimmer-error { padding: 0; } } .vorzimmer-open body { overflow: hidden; } .vorzimmer-isMobileDevice .vorzimmer-open body { max-width: 100%; max-height: 100%; } #vorzimmer-info { position: absolute; padding-top: 15px; } #vorzimmer-info #vorzimmer-title, #vorzimmer-info #vorzimmer-caption { margin: 0; padding: 0; line-height: 1.5; font-weight: normal; text-overflow: ellipsis; } #vorzimmer-info #vorzimmer-title { font-size: 17px; color: #aaa; } @media screen and (max-width: 640px) { #vorzimmer-info #vorzimmer-title { position: fixed; top: 10px; left: 0; max-width: 87.5%; padding: 5px 15px; /* background: #333; */ background: none; } } #vorzimmer-info #vorzimmer-caption { clear: both; font-size: 13px; color: #aaa; } #vorzimmer-info #vorzimmer-sequenceInfo { font-size: 11px; color: #aaa; } @media screen and (max-width: 640px) { .vorzimmer-fullScreenMode #vorzimmer-info { padding-left: 15px; padding-right: 15px; } html:not([data-lc-type=image]):not([data-lc-type=video]):not([data-lc-type=flash]):not([data-lc-type=error]) #vorzimmer-info { position: static; } } #vorzimmer-loading { position: fixed; z-index: 9999; width: 1.123em; height: auto; font-size: 38px; line-height: 1; text-align: center; text-shadow: none; position: fixed; z-index: 2001; top: 50%; left: 50%; margin-top: -0.5em; margin-left: -0.5em; opacity: 1; font-size: 32px; text-shadow: 0 0 15px #fff; -moz-transform-origin: 50% 53%; -webkit-animation: vorzimmer-spin 0.5s infinite linear; -moz-animation: vorzimmer-spin 0.5s infinite linear; -o-animation: vorzimmer-spin 0.5s infinite linear; animation: vorzimmer-spin 0.5s infinite linear; } #vorzimmer-loading, #vorzimmer-loading:focus { text-decoration: none; color: #fff; -webkit-tap-highlight-color: transparent; -webkit-transition: color, opacity, ease-in-out 0.25s; -moz-transition: color, opacity, ease-in-out 0.25s; -o-transition: color, opacity, ease-in-out 0.25s; transition: color, opacity, ease-in-out 0.25s; } #vorzimmer-loading > span { display: inline-block; text-indent: -9999px; } a[class*='vorzimmer-icon-'] { position: fixed; z-index: 9999; width: 1.123em; height: auto; font-size: 38px; line-height: 1; text-align: center; text-shadow: none; outline: none; cursor: pointer; } a[class*='vorzimmer-icon-'], a[class*='vorzimmer-icon-']:focus { text-decoration: none; color: rgba(255, 255, 255, 0.6); -webkit-tap-highlight-color: transparent; -webkit-transition: color, opacity, ease-in-out 0.25s; -moz-transition: color, opacity, ease-in-out 0.25s; -o-transition: color, opacity, ease-in-out 0.25s; transition: color, opacity, ease-in-out 0.25s; } a[class*='vorzimmer-icon-'] > span { display: inline-block; text-indent: -9999px; } a[class*='vorzimmer-icon-']:hover { color: white; text-shadow: 0 0 15px white; } .vorzimmer-isMobileDevice a[class*='vorzimmer-icon-']:hover { color: #aaa; text-shadow: none; } a[class*='vorzimmer-icon-'].vorzimmer-icon-close { position: fixed; top: 15px; right: 15px; bottom: auto; margin: 0; opacity: 0; outline: none; } a[class*='vorzimmer-icon-'].vorzimmer-icon-prev { left: 15px; } a[class*='vorzimmer-icon-'].vorzimmer-icon-next { right: 15px; } a[class*='vorzimmer-icon-'].vorzimmer-icon-pause, a[class*='vorzimmer-icon-'].vorzimmer-icon-play { left: 50%; margin-left: -0.5em; } @media screen and (min-width: 641px) { a[class*='vorzimmer-icon-'].vorzimmer-icon-pause, a[class*='vorzimmer-icon-'].vorzimmer-icon-play { opacity: 0; } } @media screen and (max-width: 640px) { a[class*='vorzimmer-icon-'] { bottom: 15px; font-size: 24px; } } @media screen and (min-width: 641px) { a[class*='vorzimmer-icon-'] { bottom: 50%; margin-bottom: -0.5em; } a[class*='vorzimmer-icon-']:hover, #vorzimmer-case:hover ~ a[class*='vorzimmer-icon-'] { opacity: 1; } } #vorzimmer-overlay { display: none; width: 100%; min-height: 100%; position: fixed; z-index: 2000; top: -9999px; bottom: -9999px; left: 0; background: #333; } @media screen and (max-width: 640px) { #vorzimmer-overlay { opacity: 1 !important; } } /* Modifications made by WHW */ a[class*='vorzimmer-icon-'], a[class*='vorzimmer-icon-']:focus { color: rgba(255, 255, 255, 0.60); } @media screen and (max-width: 640px) { a[class*='vorzimmer-icon-'] { bottom: 0px; font-size: 24px; padding: 15px; width: auto; } a[class*='mygallery-icon-'].mygallery-icon-close { top: 0px; right: 0px; } a[class*='mygallery-icon-'].mygallery-icon-next { right: 0px; } a[class*='mygallery-icon-'].mygallery-icon-prev { left: 0px; } .mygallery-isMobileDevice a[class*='mygallery-icon-']:hover { color: rgba(255, 255, 255, 0.60); text-shadow: none; } } a[class*='vorzimmer-icon-']:hover { color: rgba(255, 255, 255, 1.00); text-shadow: 0 0 15px rgba(255, 255, 255, 1.00); } #vorzimmer-content img { width: auto; height: auto; } #vorzimmer-overlay { opacity: 1.00 !important; background: rgba(51, 51, 51, 0.95) !important; } #vorzimmer-info #vorzimmer-sequenceInfo, #vorzimmer-info #vorzimmer-title, #vorzimmer-info #vorzimmer-caption { color: rgba(170, 170, 170, 1.00); } #vorzimmer-info #vorzimmer-title { font-weight: normal; font-style: normal; text-transform: none; text-decoration: none; font-weight: bold; } #vorzimmer-info #vorzimmer-caption { } /* @end */ /* Social icons in the lightbox */ #social-vorzimmer { position: fixed; top: 15px; left: 15px; z-index: 99999; line-height: 1; display: none; } @media screen and (min-width: 641px) { /* Only show social media buttons on wider screens */ #social-vorzimmer { display: block; } } #social-vorzimmer a { color: rgba(255, 255, 255, 0.60); padding: 0px; display: none; text-align: center; font-size: 26px; width: 40px; height: 40px; line-height: 40px; border-radius: 40px; transition: all 300ms ease-in-out; } #social-vorzimmer a:hover { color: rgba(255, 255, 255, 1.00); text-shadow: 0 0 15px white; } /* */ /* */ /* Lightbox image borders and padding */ @media screen and (min-width: 641px) { html[data-lc-type=image] #vorzimmer-content, html[data-lc-type=video] #vorzimmer-content { background: transparent; } } #vorzimmer-content img { border: 0px solid rgba(255, 255, 255, 1.00); padding: 0px; border-radius: 0px; } /* @group ProGallery Edit Mode */ /* */ /* @end */ /* @group ProGallery Grid */ #Wohnzimmer { display: block; width: 100%; text-align: center; } #Wohnzimmer li.proGalleryItem { -webkit-transform: translateZ(0); } #Wohnzimmer ul#proGalleryThumbsstacks_in_984_page1 { padding: 0; margin: 0; list-style: none; } #Wohnzimmer li.proGalleryItem { margin: 0; padding: 0; position: relative; } #Wohnzimmer li .proGalleryItemInner { border: 0px solid rgba(234, 234, 234, 1.00); border-radius: 0px; background: rgba(255, 255, 255, 1.00); padding: 1px 2px 1px 2px; position: relative; box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.40); } #Wohnzimmer li.proGalleryItem a { display: block; text-align: center; cursor: zoom-in; margin: 0px; cursor: pointer; outline: none; } #Wohnzimmer li .proGalleryItemInner a:focus { outline: 2px dotted #FF0000; } #Wohnzimmer li.proGalleryItem img { max-height: 100%; max-width: 100%; width: auto; height: auto; border-radius: 0px; display: block; border: 0px solid rgba(234, 234, 234, 1.00); padding: 0px; } /* Disable links that don't go anywhere */ #Wohnzimmer li .proGalleryItemInner a[href='']{ pointer-events: none !important; cursor: default !important; } /*! Lazy Load XT v1.1.0 2016-01-12 * http://ressio.github.io/lazy-load-xt * (C) 2016 RESS.io * Licensed under MIT */ .lazy-hidden { opacity: 0; } .lazy-loaded { -webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; -ms-transition: opacity 0.3s; -o-transition: opacity 0.3s; transition: opacity 0.3s; opacity: 1; } /* */ /* */ /* */ #Wohnzimmer li { display: none; } #Wohnzimmer li:first-child { display: block; } /* */ /* */ /* */ /* */ /* Thumbnail titles */ #Wohnzimmer .proGalleryItemTitle { display: none; transition: opacity 300ms ease-in-out; padding: 5px; margin: 0px; font-size: 14px; border-radius: 0px; line-height: 1.25em; color: rgba(241, 235, 218, 1.00); background: rgba(200, 156, 81, 1.00); } #Wohnzimmer .proGalleryItemTitle strong { font-weight: normal; font-style: normal; text-transform: none; text-decoration: none; font-weight: bold; } #Wohnzimmer .proGalleryItemTitle div { color: rgba(102, 102, 102, 1.00); font-size: 14px; } #Wohnzimmer.titlesBelowLeft .proGalleryItemTitle { text-align: left; opacity: 1.00; } #Wohnzimmer.titlesBelowCentre .proGalleryItemTitle { text-align: center; opacity: 1.00; } #Wohnzimmer.titlesBelowRight .proGalleryItemTitle { text-align: right; opacity: 1.00; } #Wohnzimmer.titlesHoverTopLeft .proGalleryItemTitle { position: absolute; top: 0; left: 0; opacity: 0; text-align: left; } #Wohnzimmer.titlesHoverTopCentre .proGalleryItemTitle { position: absolute; top: 0; left: 0; width: 100%; text-align: center; opacity: 0; text-align: center; } #Wohnzimmer.titlesTopRight .proGalleryItemTitle { position: absolute; top: 0; right: 0; text-align: right; opacity: 0; } #Wohnzimmer.titlesHoverMiddleLeft .proGalleryItemTitle { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 0; opacity: 0; text-align: left; } #Wohnzimmer.titlesHoverMiddleCentre .proGalleryItemTitle { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 0; width: 100%; text-align: center; opacity: 0; } #Wohnzimmer.titlesHoverMiddleRight .proGalleryItemTitle { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 0; opacity: 0; text-align: right; } #Wohnzimmer.titlesHoverBottomLeft .proGalleryItemTitle { position: absolute; bottom: 0; left: 0; opacity: 0; text-align: left; } #Wohnzimmer.titlesHoverBottomCentre .proGalleryItemTitle { position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; opacity: 0; } #Wohnzimmer.titlesHoverBottomRight .proGalleryItemTitle { position: absolute; bottom: 0; right: 0; opacity: 0; text-align: right; } #Wohnzimmer li:hover .proGalleryItemTitle { opacity: 1.00; } /* @end */ /* @group Special Effects */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* @end */ /* @group Light case */ /** * Lightcase - jQuery Plugin * The smart and flexible Lightbox Plugin. * * @author Cornel Boppart * @copyright Author * * @version 2.4.0 (09/04/2017) */ @font-face { font-family: 'lightcase'; src: url("../galerie_files/progallery-fonts/lightcase.eot?55356177"); src: url("../galerie_files/progallery-fonts/lightcase.eot?55356177#iefix") format("embedded-opentype"), url("../galerie_files/progallery-fonts/lightcase.woff?55356177") format("woff"), url("../galerie_files/progallery-fonts/lightcase.ttf?55356177") format("truetype"), url("../galerie_files/progallery-fonts/lightcase.svg?55356177#lightcase") format("svg"); font-weight: normal; font-style: normal; } [class*='Wohnzimmer-icon-']:before { font-family: 'lightcase', sans-serif; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; text-align: center; /* For safety - reset parent styles, that can break glyph codes*/ font-variant: normal; text-transform: none; /* fix buttons height, for twitter bootstrap */ line-height: 1em; /* Uncomment for 3D effect */ /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */ } /* Codes */ .Wohnzimmer-icon-play:before { content: '\e800'; } .Wohnzimmer-icon-pause:before { content: '\e801'; } .Wohnzimmer-icon-close:before { content: '\e802'; } .Wohnzimmer-icon-prev:before { content: '\e803'; } .Wohnzimmer-icon-next:before { content: '\e804'; } .Wohnzimmer-icon-spin:before { content: '\e805'; } /** * Mixin providing icon defaults to be used on top of font-lightcase. * * Example usage: * @include icon(#e9e9e9) */ /** * Mixin providing icon defaults including a hover status to be used * on top of font-lightcase. * * Example usage: * @include icon-hover(#e9e9e9, #fff) */ /** * Provides natural content overflow behavior and scrolling support * even so for touch devices. * * Example usage: * @include overflow() */ /** * Neutralizes/resets dimensions including width, height, position as well as margins, * paddings and styles. Used to enforce a neutral and unstyled look and behavoir! * * Example usage: * @include clear(true) * * @param boolean $important */ @-webkit-keyframes Wohnzimmer-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); -moz-transform: rotate(359deg); -o-transform: rotate(359deg); transform: rotate(359deg); } } @-moz-keyframes Wohnzimmer-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); -moz-transform: rotate(359deg); -o-transform: rotate(359deg); transform: rotate(359deg); } } @-o-keyframes Wohnzimmer-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); -moz-transform: rotate(359deg); -o-transform: rotate(359deg); transform: rotate(359deg); } } @-ms-keyframes Wohnzimmer-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); -moz-transform: rotate(359deg); -o-transform: rotate(359deg); transform: rotate(359deg); } } @keyframes Wohnzimmer-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); -moz-transform: rotate(359deg); -o-transform: rotate(359deg); transform: rotate(359deg); } } #Wohnzimmer-case { display: none; position: fixed; z-index: 2002; top: 50%; left: 50%; font-family: arial, sans-serif; font-size: 13px; line-height: 1.5; text-align: left; text-shadow: 0 0 10px rgba(0, 0, 0, 0.5); } @media screen and (max-width: 640px) { html[data-lc-type=inline] #Wohnzimmer-case, html[data-lc-type=ajax] #Wohnzimmer-case { position: fixed !important; top: 0 !important; left: 0 !important; right: 0 !important; bottom: 0 !important; margin: 0 !important; padding: 55px 0 70px 0; width: 100% !important; height: 100% !important; overflow: auto !important; } } @media screen and (min-width: 641px) { html:not([data-lc-type=error]) #Wohnzimmer-content { position: relative; z-index: 1; text-shadow: none; background-color: #fff; -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; box-shadow: none; -webkit-backface-visibility: hidden; } } @media screen and (min-width: 641px) { html[data-lc-type=image] #Wohnzimmer-content, html[data-lc-type=video] #Wohnzimmer-content { background-color: #333; } } html[data-lc-type=inline] #Wohnzimmer-content, html[data-lc-type=ajax] #Wohnzimmer-content, html[data-lc-type=error] #Wohnzimmer-content { -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; box-shadow: none; } @media screen and (max-width: 640px) { html[data-lc-type=inline] #Wohnzimmer-content, html[data-lc-type=ajax] #Wohnzimmer-content, html[data-lc-type=error] #Wohnzimmer-content { position: relative !important; top: auto !important; left: auto !important; width: auto !important; height: auto !important; margin: 0 !important; padding: 0 !important; border: none !important; background: none !important; } } html[data-lc-type=inline] #Wohnzimmer-content .Wohnzimmer-contentInner, html[data-lc-type=ajax] #Wohnzimmer-content .Wohnzimmer-contentInner, html[data-lc-type=error] #Wohnzimmer-content .Wohnzimmer-contentInner { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } @media screen and (max-width: 640px) { html[data-lc-type=inline] #Wohnzimmer-content .Wohnzimmer-contentInner, html[data-lc-type=ajax] #Wohnzimmer-content .Wohnzimmer-contentInner, html[data-lc-type=error] #Wohnzimmer-content .Wohnzimmer-contentInner { padding: 15px; } html[data-lc-type=inline] #Wohnzimmer-content .Wohnzimmer-contentInner, html[data-lc-type=inline] #Wohnzimmer-content .Wohnzimmer-contentInner > *, html[data-lc-type=ajax] #Wohnzimmer-content .Wohnzimmer-contentInner, html[data-lc-type=ajax] #Wohnzimmer-content .Wohnzimmer-contentInner > *, html[data-lc-type=error] #Wohnzimmer-content .Wohnzimmer-contentInner, html[data-lc-type=error] #Wohnzimmer-content .Wohnzimmer-contentInner > * { width: 100% !important; max-width: none !important; } html[data-lc-type=inline] #Wohnzimmer-content .Wohnzimmer-contentInner > *:not(iframe), html[data-lc-type=ajax] #Wohnzimmer-content .Wohnzimmer-contentInner > *:not(iframe), html[data-lc-type=error] #Wohnzimmer-content .Wohnzimmer-contentInner > *:not(iframe) { height: auto !important; max-height: none !important; } } @media screen and (max-width: 640px) { html.Wohnzimmer-isMobileDevice[data-lc-type=iframe] #Wohnzimmer-content .Wohnzimmer-contentInner iframe { overflow: auto; -webkit-overflow-scrolling: touch; } } @media screen and (max-width: 640px) and (min-width: 641px) { html[data-lc-type=image] #Wohnzimmer-content .Wohnzimmer-contentInner, html[data-lc-type=video] #Wohnzimmer-content .Wohnzimmer-contentInner { line-height: 0.75; } } html[data-lc-type=image] #Wohnzimmer-content .Wohnzimmer-contentInner { position: relative; overflow: hidden !important; } @media screen and (max-width: 640px) { html[data-lc-type=inline] #Wohnzimmer-content .Wohnzimmer-contentInner .Wohnzimmer-inlineWrap, html[data-lc-type=ajax] #Wohnzimmer-content .Wohnzimmer-contentInner .Wohnzimmer-inlineWrap, html[data-lc-type=error] #Wohnzimmer-content .Wohnzimmer-contentInner .Wohnzimmer-inlineWrap { position: relative !important; top: auto !important; left: auto !important; width: auto !important; height: auto !important; margin: 0 !important; padding: 0 !important; border: none !important; background: none !important; } } @media screen and (min-width: 641px) { html:not([data-lc-type=error]) #Wohnzimmer-content .Wohnzimmer-contentInner .Wohnzimmer-inlineWrap { padding: 30px; overflow: auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } } @media screen and (max-width: 640px) { #Wohnzimmer-content h1, #Wohnzimmer-content h2, #Wohnzimmer-content h3, #Wohnzimmer-content h4, #Wohnzimmer-content h5, #Wohnzimmer-content h6, #Wohnzimmer-content p { color: #aaa; } } @media screen and (min-width: 641px) { #Wohnzimmer-content h1, #Wohnzimmer-content h2, #Wohnzimmer-content h3, #Wohnzimmer-content h4, #Wohnzimmer-content h5, #Wohnzimmer-content h6, #Wohnzimmer-content p { color: #333; } } #Wohnzimmer-case p.Wohnzimmer-error { margin: 0; font-size: 17px; text-align: center; /* white-space: nowrap; */ overflow: hidden; text-overflow: ellipsis; color: #aaa; } @media screen and (max-width: 640px) { #Wohnzimmer-case p.Wohnzimmer-error { padding: 30px 0; } } @media screen and (min-width: 641px) { #Wohnzimmer-case p.Wohnzimmer-error { padding: 0; } } .Wohnzimmer-open body { overflow: hidden; } .Wohnzimmer-isMobileDevice .Wohnzimmer-open body { max-width: 100%; max-height: 100%; } #Wohnzimmer-info { position: absolute; padding-top: 15px; } #Wohnzimmer-info #Wohnzimmer-title, #Wohnzimmer-info #Wohnzimmer-caption { margin: 0; padding: 0; line-height: 1.5; font-weight: normal; text-overflow: ellipsis; } #Wohnzimmer-info #Wohnzimmer-title { font-size: 17px; color: #aaa; } @media screen and (max-width: 640px) { #Wohnzimmer-info #Wohnzimmer-title { position: fixed; top: 10px; left: 0; max-width: 87.5%; padding: 5px 15px; /* background: #333; */ background: none; } } #Wohnzimmer-info #Wohnzimmer-caption { clear: both; font-size: 13px; color: #aaa; } #Wohnzimmer-info #Wohnzimmer-sequenceInfo { font-size: 11px; color: #aaa; } @media screen and (max-width: 640px) { .Wohnzimmer-fullScreenMode #Wohnzimmer-info { padding-left: 15px; padding-right: 15px; } html:not([data-lc-type=image]):not([data-lc-type=video]):not([data-lc-type=flash]):not([data-lc-type=error]) #Wohnzimmer-info { position: static; } } #Wohnzimmer-loading { position: fixed; z-index: 9999; width: 1.123em; height: auto; font-size: 38px; line-height: 1; text-align: center; text-shadow: none; position: fixed; z-index: 2001; top: 50%; left: 50%; margin-top: -0.5em; margin-left: -0.5em; opacity: 1; font-size: 32px; text-shadow: 0 0 15px #fff; -moz-transform-origin: 50% 53%; -webkit-animation: Wohnzimmer-spin 0.5s infinite linear; -moz-animation: Wohnzimmer-spin 0.5s infinite linear; -o-animation: Wohnzimmer-spin 0.5s infinite linear; animation: Wohnzimmer-spin 0.5s infinite linear; } #Wohnzimmer-loading, #Wohnzimmer-loading:focus { text-decoration: none; color: #fff; -webkit-tap-highlight-color: transparent; -webkit-transition: color, opacity, ease-in-out 0.25s; -moz-transition: color, opacity, ease-in-out 0.25s; -o-transition: color, opacity, ease-in-out 0.25s; transition: color, opacity, ease-in-out 0.25s; } #Wohnzimmer-loading > span { display: inline-block; text-indent: -9999px; } a[class*='Wohnzimmer-icon-'] { position: fixed; z-index: 9999; width: 1.123em; height: auto; font-size: 38px; line-height: 1; text-align: center; text-shadow: none; outline: none; cursor: pointer; } a[class*='Wohnzimmer-icon-'], a[class*='Wohnzimmer-icon-']:focus { text-decoration: none; color: rgba(255, 255, 255, 0.6); -webkit-tap-highlight-color: transparent; -webkit-transition: color, opacity, ease-in-out 0.25s; -moz-transition: color, opacity, ease-in-out 0.25s; -o-transition: color, opacity, ease-in-out 0.25s; transition: color, opacity, ease-in-out 0.25s; } a[class*='Wohnzimmer-icon-'] > span { display: inline-block; text-indent: -9999px; } a[class*='Wohnzimmer-icon-']:hover { color: white; text-shadow: 0 0 15px white; } .Wohnzimmer-isMobileDevice a[class*='Wohnzimmer-icon-']:hover { color: #aaa; text-shadow: none; } a[class*='Wohnzimmer-icon-'].Wohnzimmer-icon-close { position: fixed; top: 15px; right: 15px; bottom: auto; margin: 0; opacity: 0; outline: none; } a[class*='Wohnzimmer-icon-'].Wohnzimmer-icon-prev { left: 15px; } a[class*='Wohnzimmer-icon-'].Wohnzimmer-icon-next { right: 15px; } a[class*='Wohnzimmer-icon-'].Wohnzimmer-icon-pause, a[class*='Wohnzimmer-icon-'].Wohnzimmer-icon-play { left: 50%; margin-left: -0.5em; } @media screen and (min-width: 641px) { a[class*='Wohnzimmer-icon-'].Wohnzimmer-icon-pause, a[class*='Wohnzimmer-icon-'].Wohnzimmer-icon-play { opacity: 0; } } @media screen and (max-width: 640px) { a[class*='Wohnzimmer-icon-'] { bottom: 15px; font-size: 24px; } } @media screen and (min-width: 641px) { a[class*='Wohnzimmer-icon-'] { bottom: 50%; margin-bottom: -0.5em; } a[class*='Wohnzimmer-icon-']:hover, #Wohnzimmer-case:hover ~ a[class*='Wohnzimmer-icon-'] { opacity: 1; } } #Wohnzimmer-overlay { display: none; width: 100%; min-height: 100%; position: fixed; z-index: 2000; top: -9999px; bottom: -9999px; left: 0; background: #333; } @media screen and (max-width: 640px) { #Wohnzimmer-overlay { opacity: 1 !important; } } /* Modifications made by WHW */ a[class*='Wohnzimmer-icon-'], a[class*='Wohnzimmer-icon-']:focus { color: rgba(255, 255, 255, 0.60); } @media screen and (max-width: 640px) { a[class*='Wohnzimmer-icon-'] { bottom: 0px; font-size: 24px; padding: 15px; width: auto; } a[class*='mygallery-icon-'].mygallery-icon-close { top: 0px; right: 0px; } a[class*='mygallery-icon-'].mygallery-icon-next { right: 0px; } a[class*='mygallery-icon-'].mygallery-icon-prev { left: 0px; } .mygallery-isMobileDevice a[class*='mygallery-icon-']:hover { color: rgba(255, 255, 255, 0.60); text-shadow: none; } } a[class*='Wohnzimmer-icon-']:hover { color: rgba(255, 255, 255, 1.00); text-shadow: 0 0 15px rgba(255, 255, 255, 1.00); } #Wohnzimmer-content img { width: auto; height: auto; } #Wohnzimmer-overlay { opacity: 1.00 !important; background: rgba(51, 51, 51, 0.95) !important; } #Wohnzimmer-info #Wohnzimmer-sequenceInfo, #Wohnzimmer-info #Wohnzimmer-title, #Wohnzimmer-info #Wohnzimmer-caption { color: rgba(170, 170, 170, 1.00); } #Wohnzimmer-info #Wohnzimmer-title { font-weight: normal; font-style: normal; text-transform: none; text-decoration: none; font-weight: bold; } #Wohnzimmer-info #Wohnzimmer-caption { } /* @end */ /* Social icons in the lightbox */ #social-Wohnzimmer { position: fixed; top: 15px; left: 15px; z-index: 99999; line-height: 1; display: none; } @media screen and (min-width: 641px) { /* Only show social media buttons on wider screens */ #social-Wohnzimmer { display: block; } } #social-Wohnzimmer a { color: rgba(255, 255, 255, 0.60); padding: 0px; display: none; text-align: center; font-size: 26px; width: 40px; height: 40px; line-height: 40px; border-radius: 40px; transition: all 300ms ease-in-out; } #social-Wohnzimmer a:hover { color: rgba(255, 255, 255, 1.00); text-shadow: 0 0 15px white; } /* */ /* */ /* Lightbox image borders and padding */ @media screen and (min-width: 641px) { html[data-lc-type=image] #Wohnzimmer-content, html[data-lc-type=video] #Wohnzimmer-content { background: transparent; } } #Wohnzimmer-content img { border: 0px solid rgba(255, 255, 255, 1.00); padding: 0px; border-radius: 0px; } /* @group ProGallery Edit Mode */ /* */ /* @end */ .stacks_in_p806_n7_page1 > .grid-divider-wrapper > .grid-divider{height:calc(100% - 2rem)} .stacks_in_p806_n3_page1{line-height:0}.stacks_in_p806_n3_page1 svg{display:inline-block;max-width:200px;height:auto;}.stacks_in_p806_n3_page1.full-width svg{width:100%} #stacks_in_p806_n10_page1 { font-weight: lighter; }