body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul,.content-gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li,.content-gallery>ul li{float:left}.ce_gallery>ul li.col_first,.content-gallery>ul li.col_first{clear:left}.float_left,.media--left>figure{float:left}.float_right,.media--right>figure{float:right}.block{overflow:hidden}.media{display:flow-root}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both}
.glightbox-container{width:100%;height:100%;position:fixed;top:0;left:0;z-index:999999!important;overflow:hidden;-ms-touch-action:none;touch-action:none;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;outline:0;overflow:hidden}.glightbox-container.inactive{display:none}.glightbox-container .gcontainer{position:relative;width:100%;height:100%;z-index:9999;overflow:hidden}.glightbox-container .gslider{-webkit-transition:-webkit-transform .4s ease;transition:-webkit-transform .4s ease;transition:transform .4s ease;transition:transform .4s ease,-webkit-transform .4s ease;height:100%;left:0;top:0;width:100%;position:relative;overflow:hidden;display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.glightbox-container .gslide{width:100%;position:absolute;opacity:1;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;opacity:0}.glightbox-container .gslide.current{opacity:1;z-index:99999;position:relative}.glightbox-container .gslide.prev{opacity:1;z-index:9999}.glightbox-container .gslide-inner-content{width:100%}.glightbox-container .ginner-container{position:relative;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;max-width:100%;margin:auto;height:100vh}.glightbox-container .ginner-container.gvideo-container{width:100%}.glightbox-container .ginner-container.desc-bottom,.glightbox-container .ginner-container.desc-top{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.glightbox-container .ginner-container.desc-left,.glightbox-container .ginner-container.desc-right{max-width:100%!important}.gslide iframe,.gslide video{outline:0!important;border:none;min-height:165px;-webkit-overflow-scrolling:touch;-ms-touch-action:auto;touch-action:auto}.gslide:not(.current){pointer-events:none}.gslide-image{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.gslide-image img{max-height:100vh;display:block;padding:0;float:none;outline:0;border:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;max-width:100vw;width:auto;height:auto;-o-object-fit:cover;object-fit:cover;-ms-touch-action:none;touch-action:none;margin:auto;min-width:200px}.desc-bottom .gslide-image img,.desc-top .gslide-image img{width:auto}.desc-left .gslide-image img,.desc-right .gslide-image img{width:auto;max-width:100%}.gslide-image img.zoomable{position:relative}.gslide-image img.dragging{cursor:-webkit-grabbing!important;cursor:grabbing!important;-webkit-transition:none;transition:none}.gslide-video{position:relative;max-width:100vh;width:100%!important}.gslide-video .gvideo-wrapper{width:100%;margin:auto}.gslide-video::before{content:'';display:block;position:absolute;width:100%;height:100%;background:rgba(255,0,0,.34);display:none}.gslide-video.playing::before{display:none}.gslide-video.fullscreen{max-width:100%!important;min-width:100%;height:75vh}.gslide-video.fullscreen video{max-width:100%!important;width:100%!important}.gslide-inline{background:#fff;text-align:left;max-height:calc(100vh - 40px);overflow:auto;max-width:100%}.gslide-inline .ginlined-content{padding:20px;width:100%}.gslide-inline .dragging{cursor:-webkit-grabbing!important;cursor:grabbing!important;-webkit-transition:none;transition:none}.ginlined-content{overflow:auto;display:block!important;opacity:1}.gslide-external{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;min-width:100%;background:#fff;padding:0;overflow:auto;max-height:75vh;height:100%}.gslide-media{display:-webkit-box;display:-ms-flexbox;display:flex;width:auto}.zoomed .gslide-media{-webkit-box-shadow:none!important;box-shadow:none!important}.desc-bottom .gslide-media,.desc-top .gslide-media{margin:0 auto;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.gslide-description{position:relative;-webkit-box-flex:1;-ms-flex:1 0 100%;flex:1 0 100%}.gslide-description.description-left,.gslide-description.description-right{max-width:100%}.gslide-description.description-bottom,.gslide-description.description-top{margin:0 auto;width:100%}.gslide-description p{margin-bottom:12px}.gslide-description p:last-child{margin-bottom:0}.zoomed .gslide-description{display:none}.glightbox-button-hidden{display:none}.glightbox-mobile .glightbox-container .gslide-description{height:auto!important;width:100%;background:0 0;position:absolute;bottom:0;padding:19px 11px;max-width:100vw!important;-webkit-box-ordinal-group:3!important;-ms-flex-order:2!important;order:2!important;max-height:78vh;overflow:auto!important;background:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0)),to(rgba(0,0,0,.75)));background:linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,.75) 100%);-webkit-transition:opacity .3s linear;transition:opacity .3s linear;padding-bottom:50px}.glightbox-mobile .glightbox-container .gslide-title{color:#fff;font-size:1em}.glightbox-mobile .glightbox-container .gslide-desc{color:#a1a1a1}.glightbox-mobile .glightbox-container .gslide-desc a{color:#fff;font-weight:700}.glightbox-mobile .glightbox-container .gslide-desc *{color:inherit}.glightbox-mobile .glightbox-container .gslide-desc string{color:#fff}.glightbox-mobile .glightbox-container .gslide-desc .desc-more{color:#fff;opacity:.4}.gdesc-open .gslide-media{-webkit-transition:opacity .5s ease;transition:opacity .5s ease;opacity:.4}.gdesc-open .gdesc-inner{padding-bottom:30px}.gdesc-closed .gslide-media{-webkit-transition:opacity .5s ease;transition:opacity .5s ease;opacity:1}.greset{-webkit-transition:all .3s ease;transition:all .3s ease}.gabsolute{position:absolute}.grelative{position:relative}.glightbox-desc{display:none!important}.glightbox-open{overflow:hidden}.gloader{height:25px;width:25px;-webkit-animation:lightboxLoader .8s infinite linear;animation:lightboxLoader .8s infinite linear;border:2px solid #fff;border-right-color:transparent;border-radius:50%;position:absolute;display:block;z-index:9999;left:0;right:0;margin:0 auto;top:47%}.goverlay{width:100%;height:calc(100vh + 1px);position:fixed;top:-1px;left:0;background:#000;will-change:opacity}.glightbox-mobile .goverlay{background:#000}.gclose,.gnext,.gprev{z-index:99999;cursor:pointer;width:26px;height:44px;border:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.gclose svg,.gnext svg,.gprev svg{display:block;width:25px;height:auto;margin:0;padding:0}.gclose.disabled,.gnext.disabled,.gprev.disabled{opacity:.1}.gclose .garrow,.gnext .garrow,.gprev .garrow{stroke:#fff}.gbtn.focused{outline:2px solid #0f3d81}iframe.wait-autoplay{opacity:0}.glightbox-closing .gclose,.glightbox-closing .gnext,.glightbox-closing .gprev{opacity:0!important}.glightbox-clean .gslide-description{background:#fff}.glightbox-clean .gdesc-inner{padding:22px 20px}.glightbox-clean .gslide-title{font-size:1em;font-weight:400;font-family:arial;color:#000;margin-bottom:19px;line-height:1.4em}.glightbox-clean .gslide-desc{font-size:.86em;margin-bottom:0;font-family:arial;line-height:1.4em}.glightbox-clean .gslide-video{background:#000}.glightbox-clean .gclose,.glightbox-clean .gnext,.glightbox-clean .gprev{background-color:rgba(0,0,0,.75);border-radius:4px}.glightbox-clean .gclose path,.glightbox-clean .gnext path,.glightbox-clean .gprev path{fill:#fff}.glightbox-clean .gprev{position:absolute;top:-100%;left:30px;width:40px;height:50px}.glightbox-clean .gnext{position:absolute;top:-100%;right:30px;width:40px;height:50px}.glightbox-clean .gclose{width:35px;height:35px;top:15px;right:10px;position:absolute}.glightbox-clean .gclose svg{width:18px;height:auto}.glightbox-clean .gclose:hover{opacity:1}.gfadeIn{-webkit-animation:gfadeIn .5s ease;animation:gfadeIn .5s ease}.gfadeOut{-webkit-animation:gfadeOut .5s ease;animation:gfadeOut .5s ease}.gslideOutLeft{-webkit-animation:gslideOutLeft .3s ease;animation:gslideOutLeft .3s ease}.gslideInLeft{-webkit-animation:gslideInLeft .3s ease;animation:gslideInLeft .3s ease}.gslideOutRight{-webkit-animation:gslideOutRight .3s ease;animation:gslideOutRight .3s ease}.gslideInRight{-webkit-animation:gslideInRight .3s ease;animation:gslideInRight .3s ease}.gzoomIn{-webkit-animation:gzoomIn .5s ease;animation:gzoomIn .5s ease}.gzoomOut{-webkit-animation:gzoomOut .5s ease;animation:gzoomOut .5s ease}@-webkit-keyframes lightboxLoader{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes lightboxLoader{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes gfadeIn{from{opacity:0}to{opacity:1}}@keyframes gfadeIn{from{opacity:0}to{opacity:1}}@-webkit-keyframes gfadeOut{from{opacity:1}to{opacity:0}}@keyframes gfadeOut{from{opacity:1}to{opacity:0}}@-webkit-keyframes gslideInLeft{from{opacity:0;-webkit-transform:translate3d(-60%,0,0);transform:translate3d(-60%,0,0)}to{visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@keyframes gslideInLeft{from{opacity:0;-webkit-transform:translate3d(-60%,0,0);transform:translate3d(-60%,0,0)}to{visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@-webkit-keyframes gslideOutLeft{from{opacity:1;visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{-webkit-transform:translate3d(-60%,0,0);transform:translate3d(-60%,0,0);opacity:0;visibility:hidden}}@keyframes gslideOutLeft{from{opacity:1;visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{-webkit-transform:translate3d(-60%,0,0);transform:translate3d(-60%,0,0);opacity:0;visibility:hidden}}@-webkit-keyframes gslideInRight{from{opacity:0;visibility:visible;-webkit-transform:translate3d(60%,0,0);transform:translate3d(60%,0,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@keyframes gslideInRight{from{opacity:0;visibility:visible;-webkit-transform:translate3d(60%,0,0);transform:translate3d(60%,0,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@-webkit-keyframes gslideOutRight{from{opacity:1;visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{-webkit-transform:translate3d(60%,0,0);transform:translate3d(60%,0,0);opacity:0}}@keyframes gslideOutRight{from{opacity:1;visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{-webkit-transform:translate3d(60%,0,0);transform:translate3d(60%,0,0);opacity:0}}@-webkit-keyframes gzoomIn{from{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:1}}@keyframes gzoomIn{from{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:1}}@-webkit-keyframes gzoomOut{from{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}@keyframes gzoomOut{from{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}@media (min-width:769px){.glightbox-container .ginner-container{width:auto;height:auto;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.glightbox-container .ginner-container.desc-top .gslide-description{-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0}.glightbox-container .ginner-container.desc-top .gslide-image,.glightbox-container .ginner-container.desc-top .gslide-image img{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.glightbox-container .ginner-container.desc-left .gslide-description{-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0}.glightbox-container .ginner-container.desc-left .gslide-image{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.gslide-image img{max-height:97vh;max-width:100%}.gslide-image img.zoomable{cursor:-webkit-zoom-in;cursor:zoom-in}.zoomed .gslide-image img.zoomable{cursor:-webkit-grab;cursor:grab}.gslide-inline{max-height:95vh}.gslide-external{max-height:100vh}.gslide-description.description-left,.gslide-description.description-right{max-width:275px}.glightbox-open{height:auto}.goverlay{background:rgba(0,0,0,.92)}.glightbox-clean .gslide-media{-webkit-box-shadow:1px 2px 9px 0 rgba(0,0,0,.65);box-shadow:1px 2px 9px 0 rgba(0,0,0,.65)}.glightbox-clean .description-left .gdesc-inner,.glightbox-clean .description-right .gdesc-inner{position:absolute;height:100%;overflow-y:auto}.glightbox-clean .gclose,.glightbox-clean .gnext,.glightbox-clean .gprev{background-color:rgba(0,0,0,.32)}.glightbox-clean .gclose:hover,.glightbox-clean .gnext:hover,.glightbox-clean .gprev:hover{background-color:rgba(0,0,0,.7)}.glightbox-clean .gprev{top:45%}.glightbox-clean .gnext{top:45%}}@media (min-width:992px){.glightbox-clean .gclose{opacity:.7;right:20px}}@media screen and (max-height:420px){.goverlay{background:#000}}
@charset "UTF-8";
/**
* flyfishing - CSS: Layout
*
*
* @author Danny Otto | pixelbrand.net
* @date 2009-07
*
* hacer con amor
*
*/
/* ------------------------------------------ */
/* Layout & Raster */
body { background: url(../../files/theme/images/bg_footer.png) center 0 repeat-y #1d201a; background: #1d201a; }
#margins { background: url(../../files/theme/images/bg_margins.jpg) 0 0 repeat-y; margin: 0 auto; padding: 0; position: relative; width: 1000px; }
#page { background: url(../../files/theme/images/bg_page.jpg) 0 55px no-repeat; z-index: 50; }
#col1 { float: right; padding: 350px 20px 0 0; width: 240px; }
#col2 { float: left; padding: 0 0 120px 0; width: 740px; }
.margin-top-s {
margin-top: 50px !important;
}
@media screen and (max-width: 599px) {
.margin-top-s {
margin-top: 25px !important;
}
}
.margin-right-s {
margin-right: 50px !important;
}
@media screen and (max-width: 599px) {
.margin-right-s {
margin-right: 25px !important;
}
}
.margin-bottom-s {
margin-bottom: 50px !important;
}
@media screen and (max-width: 599px) {
.margin-bottom-s {
margin-bottom: 25px !important;
}
}
.margin-left-s {
margin-left: 50px !important;
}
@media screen and (max-width: 599px) {
.margin-left-s {
margin-left: 25px !important;
}
}
.padding-top-s {
padding-top: 50px !important;
}
@media screen and (max-width: 599px) {
.padding-top-s {
padding-top: 25px !important;
}
}
.padding-right-s {
padding-right: 50px !important;
}
@media screen and (max-width: 599px) {
.padding-right-s {
padding-right: 25px !important;
}
}
.padding-bottom-s {
padding-bottom: 50px !important;
}
@media screen and (max-width: 599px) {
.padding-bottom-s {
padding-bottom: 25px !important;
}
}
.padding-left-s {
padding-left: 50px !important;
}
@media screen and (max-width: 599px) {
.padding-left-s {
padding-left: 25px !important;
}
}
.margin-top-m {
margin-top: 75px !important;
}
@media screen and (max-width: 599px) {
.margin-top-m {
margin-top: 38px !important;
}
}
.margin-right-m {
margin-right: 75px !important;
}
@media screen and (max-width: 599px) {
.margin-right-m {
margin-right: 38px !important;
}
}
.margin-bottom-m {
margin-bottom: 75px !important;
}
@media screen and (max-width: 599px) {
.margin-bottom-m {
margin-bottom: 38px !important;
}
}
.margin-left-m {
margin-left: 75px !important;
}
@media screen and (max-width: 599px) {
.margin-left-m {
margin-left: 38px !important;
}
}
.padding-top-m {
padding-top: 75px !important;
}
@media screen and (max-width: 599px) {
.padding-top-m {
padding-top: 38px !important;
}
}
.padding-right-m {
padding-right: 75px !important;
}
@media screen and (max-width: 599px) {
.padding-right-m {
padding-right: 38px !important;
}
}
.padding-bottom-m {
padding-bottom: 75px !important;
}
@media screen and (max-width: 599px) {
.padding-bottom-m {
padding-bottom: 38px !important;
}
}
.padding-left-m {
padding-left: 75px !important;
}
@media screen and (max-width: 599px) {
.padding-left-m {
padding-left: 38px !important;
}
}
.margin-top-l {
margin-top: 100px !important;
}
@media screen and (max-width: 599px) {
.margin-top-l {
margin-top: 50px !important;
}
}
.margin-right-l {
margin-right: 100px !important;
}
@media screen and (max-width: 599px) {
.margin-right-l {
margin-right: 50px !important;
}
}
.margin-bottom-l {
margin-bottom: 100px !important;
}
@media screen and (max-width: 599px) {
.margin-bottom-l {
margin-bottom: 50px !important;
}
}
.margin-left-l {
margin-left: 100px !important;
}
@media screen and (max-width: 599px) {
.margin-left-l {
margin-left: 50px !important;
}
}
.padding-top-l {
padding-top: 100px !important;
}
@media screen and (max-width: 599px) {
.padding-top-l {
padding-top: 50px !important;
}
}
.padding-right-l {
padding-right: 100px !important;
}
@media screen and (max-width: 599px) {
.padding-right-l {
padding-right: 50px !important;
}
}
.padding-bottom-l {
padding-bottom: 100px !important;
}
@media screen and (max-width: 599px) {
.padding-bottom-l {
padding-bottom: 50px !important;
}
}
.padding-left-l {
padding-left: 100px !important;
}
@media screen and (max-width: 599px) {
.padding-left-l {
padding-left: 50px !important;
}
}
/* Header */
#header {
z-index: 10
}
#header h1 { position: absolute; top: 0; left: 0; z-index: 100}
.ce_headline {clear: left; display: block; float:left; width: 100%}
#polaroids { position: absolute; top: 25px; right: 0; z-index: 100; }
#languages { position: absolute; top: 0; right: 260px; z-index: 120; }
/* Statusbar */
#statusbar { background: #1e221a; }
#statusbar #cart { background: url(../../files/theme/images/ico_cart.png) 8px .6em no-repeat #1d201a; float: right; padding: .8em 40px; }
#statusbar #cart p { margin: 0; }
#header_bg {
z-index: 1
}
/* Footer */
#footer { background: url(../../files/theme/images/bg_footer.png) center 0 repeat-y; font-size: .9em; margin: 0; padding: 10px 300px 0 40px; overflow: hidden; }
#footer .copyright { color: #938f51; text-align: right; }
/* Sidebar */
#col1 .box { background: url(../../files/theme/images/bg_sidebar_box.jpg) repeat-y; border-bottom: 1px solid #424830; margin: 0; padding: .7em 1em 1em 1em; }
#col1 .box h3 { color: #26391d; font-weight: bold; font-size: 1.4em; }
#col1 .productbox { background: url(../../files/theme/images/bg_sidebar_box.jpg) repeat-y; border-bottom: 1px solid #424830; padding-bottom: 10px; }
#col1 .productbox p { line-height: 1.1em; margin: 0; padding: .4em 20px; }
#col1 .productbox p strong { color: #2b2e26; font-size: .9em; font-weight: normal; text-transform: uppercase; }
#col1 .productbox p strong a { color: #2b2e26; text-decoration: none; }
/* Productinfo */
#product-info h3 { margin-bottom: 1em; }
#product-info .price { font-size: 140%; font-family: Georgia, serif; font-weight: normal; }
#product-info .form input { vertical-align: middle; }
/* Tabellen - Login, Newsletter, Kontakt */
table.style01 th { padding-left: 0; }
/* Producthistory */
.product_history_item, .order_history_item { border: 1px #8d9059 solid; margin: 0 0 1em 0; padding: .5em 1em 1em 1em; }
.product_history_item .price, .order_history_item .price { font-size: 120%; font-family: Georgia, serif; font-weight: normal; }
/* Tabellen - Account */
.account { margin-bottom: 2em; }
.account table th { padding-left: 0; width: 150px; }
.account table td.input input { margin: 0 4px 0 2px; vertical-align: middle; }
/* Warenkorb */
#order-details table { width: 660px; }
#order-details table th { border-bottom: 1px #8d9059 solid; }
#order-details table td { border-bottom: 1px #8d9059 solid; }
#order-details .price { width: 640px; }
/* Shippingblock */
.shipping-block { width: 660px; }
/* Checkout */
#timeline { position: absolute; top: 256px; left: 40px; }
#checkout_payment table.payment-block { width: 400px; }
#checkout_payment table.payment-block td.input { width: 20px; }
/*Content-Logo-Blöcke*/
#logo-links { margin: 0 auto; width: 600px; padding: 35px 0 0 0; }
.logo_l { float: left; padding: 0; width: 250px; }
.logo_r { float: right; padding: 0; width: 300px; }
.lo_item {clear: both; margin: 0 0 5px 0;}
.lost_item {clear: both; margin: 0 0 55px 0;}
.ce_downloads ul {
margin: 0 0 .6em 0;
}
.ce_downloads ul li {
list-style: none;
display: block;
margin-left: 0;
}
.error-main h3 {
color: #ddeab5;
font-size: 4.8em;
font-weight: 400;
border: 8px solid #ddeab5;
width: 24%;
padding: 40px 0px;
border-radius: 50%;
margin: 4% auto 4%;
}
/* ===========================================
* Forms
* ======================================== */
form h1,
form h2,
form h3,
form h4,
form h5,
form h6 {
clear: both;
}
form .widget {
position: relative;
clear: both;
}
form p b.error,
form p.error {
margin: 0;
display: block;
color: #df3763;
}
input, textarea {
padding: 0.85714em 1.35714em;
line-height: normal;
border: 1px solid #282a23;
border-bottom-color: #a4acb9;
border-radius: 3px;
font-size: 1.1em;
color: #090909;
background: white;
}
.valid input,
.valid textarea {
border-color: #b5da44;
}
.invalid input,
input.error,
.invalid textarea,
textarea.error {
border-color: #df3763;
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
/* multiple rules, because user agents are required to ignore a rule with an unknown selector */
color: #090909;
}
input:-moz-placeholder,
textarea:-moz-placeholder {
color: #090909;
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
color: #090909;
}
input::placeholder,
textarea::placeholder {
color: #090909;
}
input:hover,
textarea:hover {
box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
}
input:focus,
textarea:focus {
border-color: #8570a6;
}
.-color-inverted input,
.-color-inverted textarea {
background: #353d47;
}
input[type="text"],
input[type="search"],
input[type="email"],
input[type="password"],
input[type="url"] {
outline: none;
}
input[type="checkbox"],
input[type="radio"],
input[type="image"] {
width: auto !important;
height: auto !important;
margin: 0;
padding: 0;
border: 0;
box-shadow: none;
}
input[type="checkbox"] {
vertical-align: middle;
-webkit-appearance: checkbox;
-moz-appearance: checkbox;
appearance: checkbox;
}
input[type="radio"] {
vertical-align: middle;
-webkit-appearance: radio;
-moz-appearance: radio;
appearance: radio;
background: none;
}
input[type="file"] {
height: auto;
padding: 0;
border: 0;
/* IE8 and IE9 */
border: 1px solid #282a23 \9;
background: none;
box-shadow: none;
}
button,
input[type="submit"] {
margin-top: 1.125em;
}
textarea {
font-size: 1.5em;
height: 200px;
resize: vertical;
line-height: 1.5;
outline: none;
}
fieldset {
margin: 1.125em 0;
border: 1px solid #282a23;
}
fieldset legend {
padding: 0 0.3125em;
}
fieldset + br {
/* Kill
that Contao injects */
display: none;
}
.floatbox .container_12 form .widget {
margin-top: 1.125em;
margin-bottom: 1.125em;
}
.floatbox .container_12 label {
display: block;
margin-bottom: 0.35714em;
font-size: 1.1em;
color: inherit;
}
.-color-inverted .floatbox .container_12 label {
color: #282a23;
}
.floatbox .container_12 label .mandatory {
margin-left: 0.14286em;
color: inherit;
}
.floatbox .container_12 input[type="checkbox"] + label {
display: inline;
}
.floatbox .container_12 fieldset p {
margin: 0;
}
.floatbox .container_12 fieldset label {
display: inline;
margin: 0;
}
.floatbox .container_12 fieldset label:after {
/* add line break after label */
content: "\A";
white-space: pre;
}
.floatbox .container_12 input,
.floatbox .container_12 textarea,
.floatbox .container_12 select,
.floatbox .container_12 fieldset {
width: 75%;
}
@media screen and (max-width: 599px) {
.floatbox .container_12 input,
.floatbox .container_12 textarea,
.floatbox .container_12 select,
.floatbox .container_12 fieldset {
width: 100%;
}
}
.floatbox .container_12 input[type="submit"] {
width: auto;
}
@media screen and (max-width: 599px) {
.floatbox .container_12 input[type="submit"] {
width: 100%;
}
}
.explanation p,
.captcha_text p {
margin: 0;
}
.explanation {
font-size: 0.875em;
margin: -0.85714em 0 1.71429em;
color: #717c8e;
}
.-color-inverted .explanation {
color: inherit;
}
.captcha_text {
display: block;
}
label .captcha_text {
display: inline;
}
button, .button,
input[type="button"] {
position: relative;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
display: inline-block;
padding: 0.64286em 1.42857em;
border: 1px solid;
border-top-color: currentcolor;
border-right-color: currentcolor;
border-bottom-color: currentcolor;
border-left-color: currentcolor;
border-color: #4b5830;
border-radius: 3px;
outline: none;
font-size: 0.875em;
line-height: 1.42929;
color: white;
text-align: center;
text-decoration: none;
text-transform: uppercase;
background: #aba967;
}
button:hover,
button:focus,
.button:hover,
.button:focus,
input[type="submit"]:hover,
input[type="submit"]:focus,
input[type="reset"]:hover,
input[type="reset"]:focus,
input[type="button"]:hover,
input[type="button"]:focus {
border-color: #4b5830;
background: #384727;
}
.start .grid_5 {
margin: 0 50px 0 0;
width: 300px;
}
.grid_5.right {
margin-right: 0;
}
/**
* flyfishing - CSS: Layout - CSS: Contentbase
*
*
* @author Danny Otto | pixelbrand.net
* @date 2009-07
*
* hacer con amor
*
*/
* { margin: 0; padding: 0; }
html { height: 100%; margin-bottom: 1px; }
body { font-size: 100.01%; }
.clearfix { display: block; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.floatbox { overflow: hidden; margin-bottom: .8em; }
.hideme, dfn, #nav-first a { position: absolute; top: -1000em; left: -1000em; height: 1px; width: 1px; }
.print { display: none; }
/* ------------------------------------------ */
/* Formatierungen */
body { background: #000; color: #ddeab5; font-family: Helvetica, Arial, 'Lucida Grande', 'Lucida Sans Unicode', Lucida, Verdana, sans-serif; font-size: 75.00%; }
h2, h3, h4, h5, h6 { }
h2 { font-size: 150%; }
h3 { color: #bdc274; font-size: 240%; font-family: Georgia, serif; font-weight: normal; margin: 1em 0 1.4em 0; padding: 0; }
h3.ce_headline { margin-bottom: 1.4em; }
h4 { color: #bdc274; font-size: 180%; font-family: Georgia, serif; font-weight: normal; margin: 1em 0 1.4em 0.5em; }
h5 { color: #bdc274; font-size: 120%; font-family: Georgia, serif; font-weight: normal; margin: 1em 0 1.6em 0; }
h6 { font-size: 100%; font-style: italic; }
p { line-height: 1.6em; margin: 0 0 .6em 0; font-size: 1.2em}
ul, ol, dl { line-height: 1.5em; margin: 0 0 .6em 1em }
li { line-height: 1.6em; margin-left: 1em; }
dt { font-weight: bold }
dd { margin: 0 0 .8em 2em }
a img { border: 0; outline: none;}
a { color: #bdc274; text-decoration: underline; outline: none;}
a:focus, a:hover, a:active { color: #ddeab5; text-decoration: none; }
acronym, abbr { cursor: help; }
.upper { text-transform: uppercase; }
.float-left { background: #fff; float: left; margin: 0 1em 0.25em 0; }
.float-right { background: #fff; float: right; margin: 0 0 0.25em 1em; }
.float-left img, .float-right img { margin: 3px; }
.float-left span, .float-right span { display: block; font-size: .9em; padding: 3px; }
table { border-collapse: collapse; margin: 0 0 .8em 0; width: 97%; }
table th, table td { padding: .4em .8em; line-height: 140%; text-align: left; vertical-align: top; }
.c { text-align: center; }
.r { text-align: right; }
.nwr { white-space: nowrap; }
img.frame, .ce_text img, .ce_image.frame img { border:5px solid #fcfddb; margin: 1em 0; }
#subscribe input#fld_email {
color:#2E3329;
display:block;
font-size:1.2em;
font-weight:bold;
margin:0.3em 0 0 0;
padding: .3em .4em;
width: 100%;
}
.ce_text.grid_8.last {
margin: 50px 0;
}
#subscribe label { display: block; color: #bdc274; font-size: 180%; font-family: Georgia, serif; font-weight: normal; margin: 1em 0 .4em 0; }
.infobox { background: #eae2a2; padding: .5em; color: #8c6615; font-weight: bold; font-size: 1.2em; border: 3px solid #bdc274; }
.contact2 {border: 0px none; background: #2d3027;}
/* Polaroid Images */
ul.gallery {
float: left;
list-style: none;
margin: 1em 0 0 3em;
padding: 0 0 20px 0;
}
ul.gallery li {
float: left;
padding: 0;
margin-left: 0;
}
ul.gallery li a {
position: relative;
float: left;
padding: 7px 7px 25px 7px;
margin: 7px 14px 7px 0;
background: #eee;
border: 1px solid #fff;
-moz-box-shadow: 0px 2px 15px #333;
}
ul.gallery li a.pic-1 {
z-index: 1;
-webkit-transform: rotate(-10deg);
-moz-transform: rotate(-10deg);
}
ul.gallery li a.pic-2 {
z-index: 5;
-webkit-transform: rotate(-3deg);
-moz-transform: rotate(-3deg);
}
ul.gallery li a.pic-3 {
z-index: 3;
-webkit-transform: rotate(4deg);
-moz-transform: rotate(7deg);
}
ul.gallery li a.pic-4 {
z-index: 4;
-webkit-transform: rotate(14deg);
-moz-transform: rotate(14deg);
}
ul.gallery li a.pic-5 {
z-index: 2;
-webkit-transform: rotate(-12deg);
-moz-transform: rotate(-12deg);
}
ul.gallery li a.pic-6 {
z-index: 6;
-webkit-transform: rotate(5deg);
-moz-transform: rotate(5deg);
}
ul.gallery li a:hover {
z-index: 10;
-moz-box-shadow: 3px 5px 15px #333;
}
@charset "UTF-8";
/**
* flyfishing - CSS: Navigation
*
*
* @author Danny Otto | pixelbrand.net
* @author Frank Matuse
* @date 2009-08
*
* hacer con amor
*
*/
/* ------------------------------------------ */
/* Sprachnavigation */
#nav-lang { position: absolute; top: 10px; right: 260px; z-index: 110}
#nav-lang ul { list-style: none; margin: 0; padding: 0; }
#nav-lang li { display: inline; list-style: none; margin: 0; padding: 0; }
#nav-lang a, #nav-lang strong {
color: #184a22;
font-family: Georgia, serif;
font-size: 1.2em;
font-weight: normal;
margin: 0 0 0 1em;
text-decoration: none;
}
#nav-lang strong, #nav-lang a:hover, #nav-lang a:active, #nav-lang a:focus, #nav-lang li.active span {
color: #938f51;
font-family: Georgia, serif;
font-size: 1.2em;
}
/* ------------------------------------------ */
/* Hauptnavigation */
#nav-main { margin: 0; padding: 0; }
#nav-main ul { list-style: none; margin: 0; padding: 0; }
#nav-main li { display: inline; list-style: none; margin: 0; padding: 0; }
#nav-main li a, #nav-main li strong {
color: #c4caa4;
display: block;
font-family: Georgia, serif;
font-weight: normal;
padding: .5em 0 .5em 18px;
text-decoration: none;
font-size: 160%;
margin: 0 0 1px 0;
background: #4a5d30 url(../../files/theme/images/bg_nav.jpg) left -111px no-repeat;
}
#nav-main a:hover, #nav-main li:active, #nav-main li:focus, #nav-main li strong, #nav-main li.open a { color: #fcfddb; background: #354020 url(../../files/theme/images/bg_nav.jpg) 0 0 no-repeat; }
#nav-main li ul { margin: 0 0 1px 0; }
#nav-main li.submenu li a, #nav-main li.submenu li strong {
color: #c4caa4;
font-weight: normal;
padding: .3em 0 .3em 36px;
margin: 0;
text-transform: none;
background: #4a5d30 url(../../files/theme/images/bg_nav.jpg) left -111px no-repeat;
font-size: 140%;
}
#nav-main li.open li a:hover, #nav-main li.open li a:active, #nav-main li.open li a:focus,
#nav-main li.trail a, #nav-main li.submenu.trail li.active strong { background: #354020 url(../../files/theme/images/bg_nav.jpg) 0 0 no-repeat; color: #fcfddb; }
/* ------------------------------------------ */
/* Shopnavigation */
#nav-shop { float: left; padding: .8em 40px; }
#nav-shop ul { list-style: none; margin: 0; padding: 0; }
#nav-shop li { display: inline; list-style: none; margin: 0 1em 0 0; padding: 0; }
/* ------------------------------------------ */
/* Footernavigation */
#nav-box-informations { float: left; }
#nav-box-informations ul { list-style: none; margin: 0; padding: 0 0 10px 0; }
#nav-box-informations li { list-style: none; margin: 0; padding: 0; float: left; margin-right: 1em}
#nav-box-informations a { text-decoration: none; }
#nav-box-informations a:hover, #nav-box-informations:active, #nav-box-informations:focus { text-decoration: underline; }
/*
Variable Grid System.
Learn more ~ http://www.spry-soft.com/grids/
Based on 960 Grid System - http://960.gs/
Licensed under GPL and MIT.
*/
/* Containers
----------------------------------------------------------------------------------------------------*/
.container_12 { margin: 30px 0 0 30px; width: 710px; }
.container_16 { width: 960px; }
/* Grid >> Global
----------------------------------------------------------------------------------------------------*/
.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12, .grid_13, .grid_14, .grid_15, .grid_16 { display: inline; float: left; margin: 0 10px; }
/* Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/
.alpha { margin-left: 0; }
.omega { margin-right: 0; }
/* Grid >> 12/16 Columns
----------------------------------------------------------------------------------------------------*/
.grid_1 { width: 40px; }
.grid_2 { width: 100px; }
.grid_3 { width: 160px; }
.grid_4 { width: 220px; }
.grid_5 { width: 280px; }
.grid_6 { width: 340px; }
.grid_7 { width: 400px; }
.grid_8 { width: 460px; }
.grid_9 { width: 520px; }
.grid_10 { width: 580px; }
.grid_11 { width: 640px; }
.grid_12 { margin: 0; width: 700px; }
.grid_13 { width: 760px; }
.grid_14 { width: 820px; }
.grid_15 { width: 880px; }
.grid_16 { width: 940px; }
/* Prefix Extra Space >> 12/16 Columns
----------------------------------------------------------------------------------------------------*/
.prefix_1 { padding-left: 60px; }
.prefix_2 { padding-left: 120px; }
.prefix_3 { padding-left: 180px; }
.prefix_4 { padding-left: 240px; }
.prefix_5 { padding-left: 300px; }
.prefix_6 { padding-left: 360px; }
.prefix_7 { padding-left: 420px; }
.prefix_8 { padding-left: 480px; }
.prefix_9 { padding-left: 540px; }
.prefix_10 { padding-left: 600px; }
.prefix_11 { padding-left: 660px; }
.prefix_12 { padding-left: 720px; }
.prefix_13 { padding-left: 780px; }
.prefix_14 { padding-left: 840px; }
.prefix_15 { padding-left: 900px; }
/* Suffix Extra Space >> 12/16 Columns
----------------------------------------------------------------------------------------------------*/
.suffix_1 { padding-right: 60px; }
.suffix_2 { padding-right: 120px; }
.suffix_3 { padding-right: 180px; }
.suffix_4 { padding-right: 240px; }
.suffix_5 { padding-right: 300px; }
.suffix_6 { padding-right: 360px; }
.suffix_7 { padding-right: 420px; }
.suffix_8 { padding-right: 480px; }
.suffix_9 { padding-right: 540px; }
.suffix_10 { padding-right: 600px; }
.suffix_11 { padding-right: 660px; }
.suffix_12 { padding-right: 720px; }
.suffix_13 { padding-right: 780px; }
.suffix_14 { padding-right: 840px; }
.suffix_15 { padding-right: 900px; }
/* `Push Space >> 12/16 Columns
----------------------------------------------------------------------------------------------------*/
.push_1 { left: 60px; }
.push_2 { left: 120px; }
.push_3 { left: 180px; }
.push_4 { left: 240px; }
.push_5 { left: 300px; }
.push_6 { left: 360px; }
.push_7 { left: 420px; }
.push_8 { left: 480px; }
.push_9 { left: 540px; }
.push_10 { left: 600px; }
.push_11 { left: 660px; }
.push_12 { left: 720px; }
.push_13 { left: 780px; }
.push_14 { left: 840px; }
.push_15 { left: 900px; }
/* Pull Space >> 12/16 Columns
----------------------------------------------------------------------------------------------------*/
.pull_1 { left: -60px; }
.pull_2 { left: -120px; }
.pull_3 { left: -180px; }
.pull_4 { left: -240px; }
.pull_5 { left: -300px; }
.pull_6 { left: -360px; }
.pull_7 { left: -420px; }
.pull_8 { left: -480px; }
.pull_9 { left: -540px; }
.pull_10 { left: -600px; }
.pull_11 { left: -660px; }
.pull_12 { left: -720px; }
.pull_13 { left: -780px; }
.pull_14 { left: -840px; }
.pull_15 { left: -900px; }
/* Clear Floated Elements
----------------------------------------------------------------------------------------------------*/
.clear { clear: both; display: block; height: 0; overflow: hidden; visibility: hidden; width: 0; }