html {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
/* ==========================================================================
Author's custom styles
========================================================================== */
@font-face {
font-family: 'themenwelt-icons';
src: url("/static/file/get?id=98731ff2-f99a-49e3-ac03-00152062d210");
src: url("/static/file/get?id=98731ff2-f99a-49e3-ac03-00152062d210")format("embedded-opentype"),/*?#iefix*/
url("/static/file/get?id=b340ee49-d7f0-4e6b-b96d-6bff42d13d99") format('truetype'),
url("/static/file/get?id=d23db509-4c35-4bed-9141-429d2e38aa23") format('woff'),
url("/static/file/get?id=b6b4d347-3c4d-4ab8-9b1b-98fdf8feeb16") format('svg');
font-weight: normal;
font-style: normal;
}
[class^="icon-"], [class*=" icon-"] {
font-family: 'themenwelt-icons';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-fpatf-fotos:before {
content: "\e901";
}
.icon-fpatf-arrow-fpat:before {
content: "\e806";
}
.icon-fpatf-gravurgeschenke-01:before {
content: "\e805";
}
.icon-fpatf-fotobuch:before {
content: "\e800";
}
.icon-fpatf-fotogeschenke:before {
content: "\e801";
}
.icon-fpatf-fotogrusskarte:before {
content: "\e802";
}
.icon-fpatf-fotokalender:before {
content: "\e803";
}
.icon-fpatf-handyhuellen:before {
content: "\e804";
}
.icon-fpatf-wandbilder:before {
content: "\e900";
}
h1,
h2,
h3,
p.headline {
font-family: 'DecimaNovaLt', 'Arial', sans-serif;
font-weight: 500;
margin: 0 0 15px 0;
color: #1f284c;
}
h1 {
font-size: 30px;
}
h1.headline {
font-size: 36px;
color: #fff;
}
h2 {
font-size: 28px;
}
ul,
li {
margin: 0;
padding: 0;
list-style-type: none;
}
a {
color: #61acd2;
}
a:link,
a:focus,
a:hover,
a:visited {
/* color: #61acd2; */
text-decoration: none;
}
#main.main-default {
background-color: #fff;
}
.width-245 {
width: 245px;
}
.line-through {
position: relative;
}
.line-through:before {
border-bottom: 1px solid red;
position: absolute;
content: "";
width: 100%;
height: 65%;
}
.bg-white {
background-color: #fff;
}
.text-light-blue {
color: #00afd2;
}
/*
.text-light {
font-family: 'DecimaNovaLt', 'Arial', sans-serif;
}
.text-normal {
font-family: 'DecimaNova', 'Arial', sans-serif;
}
*/
.text-small {
font-size: 11px;
}
.text-medium {
font-size: 14px;
}
/* Styling FlyOut für Themenwelten / Wide Grid */
#nav-main-layer.show {
display: none !important;
}
#nav-main-layer {
top: 40px;
max-width: none;
width: 100%;
z-index: 100;
}
#nav-main-layer .nav-layer {
width: 100%;
min-height: 372px;
}
#nav-main-layer .nav-layer-garantie {
width: 240px;
height: 328px;
right: 22px;
top: 22px;
}
#searchform {
height: 36px;
width: 90%;
}
#searchform-form {
border: 1px solid #bfbfbf;
padding: 1px;
position: relative;
right: auto;
top: auto;
width: 100%;
margin: 15px auto;
}
#searchform-btn {
background-image: url();
width:36px;
height:36px;
float: right;
}
.navbar-top #menu-top-btn {
color: #000;
font-size: 16px;
text-decoration: none;
position: relative;
right: auto;
float: right;
padding: 10px 0;
}
.section-grey {
background: #ebebeb;
border-top: 3px solid #e0e0e0;
/* background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NlY2VjZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjMlIiBzdG9wLWNvbG9yPSIjZWJlYmViIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
background: -moz-linear-gradient(top,  #cecece 0%, #ebebeb 3%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cecece), color-stop(3%,#ebebeb));
background: -webkit-linear-gradient(top,  #cecece 0%,#ebebeb 3%);
background: -o-linear-gradient(top,  #cecece 0%,#ebebeb 3%);
background: -ms-linear-gradient(top,  #cecece 0%,#ebebeb 3%);
background: linear-gradient(to bottom,  #cecece 0%,#ebebeb 3%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cecece', endColorstr='#ebebeb',GradientType=0 ); */
}
.section-grey hr {
border-color: #ccc;
}
.transition-200 {
-webkit-transition: all 200ms linear;
-moz-transition: all 200ms linear;
-o-transition: all 200ms linear;
-ms-transition: all 200ms linear;
transition: all 200ms linear;
}
/* borderless tables */
.borderless tbody tr td,
.borderless tbody tr th,
.borderless thead tr th {
border: none;
}
/* Bühne Start */
#stage .visualWidget {
background-image:  url(/static/file/get?id=f40a5926-e54d-403e-a753-e55a13cfb574);
background-repeat: no-repeat;
background-position: -135px bottom;
margin-bottom: 0;
position: relative;
overflow: hidden;
}
#stage.valentinswelt .visualWidget {
background-image: url(/static/file/get?id=79e6de63-8293-4d2a-bbcc-813a5b1ec130);
}
#stage.ostern .visualWidget {
background-image: url(/static/file/get?id=e976f55c-e8dd-44ea-a639-5a9246cd3d54);
}
#stage.hochzeit .visualWidget {
background-image: url(/static/file/get?id=fac7ae28-2e35-4c6e-a78a-faf3a9971730);
background-position: 60% bottom;
}
#stage.hochzeit .stage-right-col {
margin-bottom: 372px;
}
#stage.reise .visualWidget {
background-image: url(/static/file/get?id=f910c488-5d0a-462d-b398-b8158bed244b);
background-position: 20% bottom;
}
/* Stage right Col */
.stage-right-col {
position: relative;
}
#pink-stoerer {
background-image: url(/static/file/get?id=afdc7cbc-e6a7-4643-ba7c-092a60bedb5c);
background-repeat: no-repeat;
background-size: cover;
width: 145px;
height: 145px;
font-family:'DecimaNovaLt';
line-height: 1.25em;
color: #fff;
text-align: center;
font-size: 16px;
position: absolute;
left: 0px;
top: 290px;
padding: 17px 15px;
z-index: 1;
/*
-moz-transform: rotate(6deg);
-ms-transform: rotate(6deg);
-o-transform: rotate(6deg);
-webkit-transform: rotate(6deg);
*/
}
#pink-stoerer .important {
font-size: 18px;
font-family:'DecimaNova';
display: block;
}
/* Mobile-Nav */
#menu-main-bar-mobile {
background-color: #1f284c;
height: 40px;
min-width: 270px;
max-width: 100%;
}
.mm-menu .mm-list > li.themenwelten {
background: #00adcf;
}
.mm-menu .mm-list a {
font-family:'DecimaNova';
}
.mm-menu .mm-list > li.themenwelten > a.mm-subopen:after,
.mm-menu .mm-list > li.themenwelten > a.mm-subclose:before {
border-color: #fff;
}
.mm-menu .mm-list > li.themenwelten > a {
color: #fff;
background: #00adcf;
}
.mm-menu .mm-list > li.themenwelten a.active,
.mm-menu .mm-list > li.themenwelten a:focus {
color: #fff;
}
/* blaue Text-Box */
#text-block-wrapper {
background-color: #1f284c;
position: relative;
margin-bottom: 372px;
}
#text-block-wrapper .text-block {
position: relative;
z-index: 1;
padding: 25px 25px 15px 25px;
}
#text-block-wrapper .text-block h1.headline,
#text-block-wrapper .text-block p.headline {
color: #fff;
}
#text-block-wrapper .text-block h1.headline strong,
#text-block-wrapper .text-block p.headline strong {
white-space: nowrap;
}
.text-block {
color: #fff;
}
.text-block h1.headline,
.text-block p.headline {
margin: 0 0 5px 0;
font-size: 24px;
line-height: 30px;
}
.text-block a {
color: #fff;
text-decoration: underline;
}
.text-block p {
/* margin: 0 0 3px 0; */
margin: 0;
}
.text-block ul li {
font-family: 'DecimaNova', 'Arial', sans-serif;
line-height: 25px;
}
.text-block ul li:before {
-moz-osx-font-smoothing: grayscale;
font-family: FontAwesome;
font-feature-settings: normal;
font-kerning: auto;
font-language-override: normal;
font-size-adjust: none;
font-stretch: normal;
font-synthesis: weight style;
font-variant: normal;
font-weight: normal;
line-height: 1;
text-rendering: auto;
transform: translate(0px, 0px);
content: "";
padding-right: 5px;
}
.text-block ul li span {
font-family: 'DecimaNovaLt', 'Arial', sans-serif;
}
.kodak-logo {
display: inline-block;
height: auto;
padding: 0 0 5px 4px;
width: 50px;
}
.text-block .fa {
padding-right: 5px;
}
#text-block-wrapper .text-block .price-row {
padding: 10px 0;
line-height: 1.1em;
}
#text-block-wrapper .text-block .online-editor-link {
padding: 0;
font-size: 12px;
text-align: center;
}
.price-row .product-title {
display: block;
padding-top: 5px;
}
.price-row .price {
font-size: 40px;
font-weight: 600;
line-height: 100%;
padding-left: 10px;
}
.btn-download-large {
background-color: #af026e;
-webkit-box-shadow: 5px 5px 10px 5px rgba(0,0,0,0.2);
box-shadow: 5px 5px 10px 5px rgba(0,0,0,0.2);
display: block;
position: relative;
margin: 0 auto;
max-width: 308px;
}
.btn-download-large img {
display: block;
height: auto;
width: 100%;
}
.fpat-logo-corner {
background-image: url(/static/file/get?id=7f572a3b-d653-4121-a0b4-1ec61cdc2939);
background-repeat: no-repeat;
background-position: 0 0;
/* background-image: url(/static/file/get?id=6f1d89af-5266-4a17-9d27-5d2d4d21a44f); */
width: 155px;
height: 164px;
display: block;
position: absolute;
right: -25px;
top: -34px;
display: none;
}
/* Bühne End */
#right-tab-wrapper {
position: relative;
background: #ebebeb;
border-bottom: 1px solid #adadad;
z-index: 1;
}
#right-tab-wrapper a {
color: #818181;
text-transform: uppercase;
display: block;
font-size: 12px;
text-align: center;
padding: 10px 10px;
line-height: 16px;
-webkit-transition: all 200ms linear;
-moz-transition: all 200ms linear;
-o-transition: all 200ms linear;
-ms-transition: all 200ms linear;
transition: all 200ms linear;
}
#right-tab-wrapper a .hidden-lg {
text-transform: none;
}
#right-tab-wrapper a i {
display: block;
font-size: 28px;
}
#right-tab-wrapper a:hover {
color: #ebebeb;
background-color: #343434;
text-decoration: none;
}
#right-tab-wrapper .newsletter-link {
border-right: 1px solid #adadad;
}
#right-tab-wrapper a .present-hint {
background-image: url(/static/file/get?id=c6b07ac3-c6d4-4553-9c0f-9d9e77f4aca9);
background-color: transparent;
background-repeat: no-repeat;
background-position: 0 0;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
width: 33px;
height: 31px;
display: block;
position: absolute;
/* display: none; */
padding: 6px;
top: 10px;
right: 15px;
color: #fff;
overflow: hidden;
text-transform: none;
-webkit-transition: all 80ms linear;
-moz-transition: all 80ms linear;
-o-transition: all 80ms linear;
-ms-transition: all 80ms linear;
transition: all 80ms linear;
}
#right-tab-wrapper a .present-hint img {
display: inline-block;
width: 19px;
padding: 18px 0;
margin: 0 auto;
}
#right-tab-wrapper a .present-hint img {
display: block;
float: none;
padding: 0;
height: 19px;
}
#right-tab-wrapper a .present-hint span {
display: none;
float: none;
width: auto;
}
#trust-badge-right {
bottom: 30px;
position: fixed;
right: 0;
width: 95px;
display: none;
z-index: 100;
}
#trust-badge-right:hover {
width: 265px;
}
/* Sticky Product Nav */
#sticky-nav {
/* border-bottom: 5px solid #e1e1e1; */
/* background: #fff; */
width: 100%;
z-index: 1000;
}
#sticky-nav.is_stuck{
top: 0;
right: 0;
left: 0;
}
#sticky-nav ul {
display: table;
width: 100%;
/* padding: 0 30px; */
list-style: none;
margin: 0 auto;
}
#sticky-nav ul li {
display: block;
text-align: center;
/*width: 1%; */ /* force cell to shrink-to-fit text */
float: left;
width: 49.98%;
}
#sticky-nav ul li a {
background-color: #fff;
border-bottom: 5px solid #e1e1e1;
white-space: pre;
color: #33342c;
font-size: 16px;
display: block;
line-height: 20px;
padding: 5px 0;
}
#sticky-nav.light-green {
background: #dce8c2;
}
#sticky-nav.dark-purple {
background: #efe6eb;
}
#sticky-nav.light-cyan {
background: #00acd2;
}
#sticky-nav.dark-cyan {
background: #006386;
}
#sticky-nav.light-green ul li a,
#sticky-nav.dark-purple ul li a,
#sticky-nav.light-cyan ul li a {
border-bottom: none;
}
#sticky-nav ul li a:hover,
#sticky-nav ul li.active a {
background: #8ab235;
color: #fff;
}
#sticky-nav.light-green ul li a {
background: #dce8c2;
}
#sticky-nav.dark-purple ul li a {
background: #efe6eb;
}
#sticky-nav.light-cyan ul li a {
background: #00acd2;
color: #fff;
}
#sticky-nav.light-green ul li a:hover,
#sticky-nav.light-green ul li.active a {
background: #8ab235;
color: #fff;
}
#sticky-nav.dark-purple ul li a:hover,
#sticky-nav.dark-purple ul li.active a {
background: #5f0d33;
color: #fff;
}
#sticky-nav.light-cyan ul li a:hover,
#sticky-nav.light-cyan ul li.active a {
background: #006386;
color: #fff;
}
#sticky-nav ul li a i.icon-fpat {
font-size: 26px;
vertical-align: middle;
}
/* Content */
.strong {
font-weight: 800;
}
.font-md {
font-size: 16px;
}
.font-lg {
font-size: 18px;
}
.videoWrapper {
position: relative;
padding-bottom: 56.25%; /* 16:9 */
padding-top: 25px;
height: 0;
}
.videoWrapper iframe {
border: none;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/* Decor Flocken */
.flocke {
display: block;
background-image: url(/static/file/get?id=b29d0431-e633-4ed8-828f-1ffe49301163);
background-repeat: no-repeat;
position: absolute;
}
.flocke.flocke-01 {
background-position: 0 0;
width: 125px;
height: 125px;
}
.flocke.flocke-02 {
background-position: 0 -125px;
width: 64px;
height: 71px;
}
.flocke.flocke-03 {
background-position: 0 -196px;
width: 64px;
height: 68px;
}
.flocke.flocke-04 {
background-position: 0 -264px;
width: 64px;
height: 76px;
}
.flocke.flocke-05 {
background-position: 0 -340px;
width: 54px;
height: 56px;
}
.flocke.flocke-06 {
background-position: 0 -396px;
width: 54px;
height: 56px;
}
/* Decor Zweige */
.zweig {
background-image: url(/static/file/get?id=b986010d-03da-47d8-acd6-2667bbec35a9);
background-repeat: no-repeat;
position: absolute;
display: block;
overflow: hidden;
width: 278px;
height: 167px;
}
.zweig.left-top {
left: 0;
top: 0;
}
.zweig.right-bottom {
background-position: 0 -167px;
right: 0;
bottom: 150px;
}
/* Decor Schnee */
.decor-schnee {
background-image: url(/static/file/get?id=64e2cb40-def8-424a-8c1c-414b6757678f);
background-repeat: repeat-x;
background-position: 0 0;
width: 100%;
height: 83px;
position: absolute;
left: 0px;
bottom: 145px;
}
/* Extending Flexslider */
.section-block .flexslider {
margin: 0 0 10px 0;
border-radius: 0;
}
.flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus {
outline: medium none;
}
.section-block .slides, .section-block .flex-control-nav, .section-block .flex-direction-nav, .section-block ul.flex-direction-nav li,
.slides, .flex-control-nav, .flex-direction-nav {
list-style: outside none none;
margin: 0;
padding: 0;
}
.flex-control-paging {
display: none;
margin-top: 10px;
}
.flex-direction-nav .flex-next {
background: #e6e6e6;
height: 44px;
right: -36px;
width: 44px;
text-align: unset;
}
.flex-direction-nav .flex-prev {
background: #e6e6e6;
height: 44px;
left: -36px;
width: 44px;
}
.flex-direction-nav .flex-prev:after,
.flex-direction-nav .flex-next:after {
color: #999;
content: "";
font-family: "FontAwesome";
font-size: 30px;
height: 30px;
left: 13px;
line-height: 30px;
position: absolute;
text-align: center;
text-indent: 0;
top: 7px;
width: 20px;
z-index: 1;
}
.flex-direction-nav .flex-next:after {
content: '';
}
.flexslider:hover .flex-next {
opacity: 0.8;
right: 0;
}
.flexslider:hover .flex-prev {
left: 0;
opacity: 0.8;
}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {
opacity: 1;
}
.flex-direction-nav a:before,
.flex-direction-nav a.flex-next:before {
content: '';
}
.flex-direction-nav a {
text-indent: -9999px;
}
/* Styling Product Slider */
.product-carousel{
background: #fff;
border-color: transparent;
margin-top: 10px;
}
.product-carousel li {
margin-right: 5px;
}
.product-carousel li img {
border: 1px solid #ececec;
cursor: pointer;
display: block;
opacity: 0.5;
}
.product-carousel li img:hover {
opacity: 1;
}
.product-carousel li.flex-active-slide img {
background-color: #f2f2f2;
border-color: #ccc;
cursor: default;
opacity: 1;
}
.product-carousel .flex-prev, .product-carousel.flex-next {
opacity: 1;
}
.product-carousel .flex-next {
right: 0 !important;
}
.product-carousel .flex-prev {
left: 0;
}
.product-carousel .flex-viewport {
margin: 0 49px;
}
.product-carousel .flex-prev, .product-carousel .flex-next {
opacity: 1;
}
.product-slider {
width: 280px;
margin: 0 auto;
}
/* themenwelt-text-content */
#themenwelt-text-content {
padding: 30px 0;
}
#themenwelt-text-content.valentinswelt {
background-image: url(/static/file/get?id=a281fc8d-a953-4bf4-9044-fcfefaf3cf7a);
background-repeat: no-repeat;
background-position: 80% bottom;
}
ul.themenNav {
display: block;
padding-bottom: 30px;
}
ul.themenNav li {
border-bottom: 1px solid #959595;
}
ul.themenNav li a {
display: block;
color: #1f284c;
font-size: 16px;
line-height: 26px;
padding: 0 0 0 10px;
}
ul.themenNav li a:hover,
ul.themenNav li.active a {
background: #8ab235;
color: #fff;
}
/* Theme Sections */
.section-block {
position: relative;
}
.section-lighter-pink {
background-color: #f9f6f7;
}
.section-light-pink {
background-color: #efe6ea;
}
.section-medium-pink {
background-color: #9a5977;
color: #fff;
}
.section-dark-pink {
background-color: #5f0d33;
color: #fff;
}
.section-light-cyan {
background-color: #00acd2;
color: #fff;
}
.section-medium-pink h2,
.section-dark-pink h2,
.section-light-cyan h2 {
color: #fff;
}
.section-block ul {
padding-left: 15px;
}
.section-block ul,
.section-block ul li {
list-style-type: disc;
}
.section-block.border-top {
background-image: url(/static/file/get?id=56d9ab5b-eece-424e-a082-234b487e732d);
background-repeat: repeat-x;
background-position: 0 top;
padding-bottom: 15px;
}
.section-block.border-bottom {
background-image: url(/static/file/get?id=56d9ab5b-eece-424e-a082-234b487e732d);
background-repeat: repeat-x;
background-position: 0 bottom;
padding-bottom: 15px;
}
.border-bottom-bar {
background-image: url(/static/file/get?id=56d9ab5b-eece-424e-a082-234b487e732d);
background-repeat: repeat-x;
background-position: 0 bottom;
position: absolute;
left: 0;
bottom: 0;
height: 15px;
width: 100%;
}
/* Style 01 */
.style-01 {
background-image: url(/static/file/get?id=48b940b6-cbc2-4606-9b9b-c52b83d401f1);
background-position: 0 0;
}
.style-beige {
background-color: #f6ebe4;
}
.style-beige-gradient {
background: rgb(246,235,228);
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y2ZWJlNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(246,235,228,1) 0%, rgba(255,255,255,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(246,235,228,1)), color-stop(100%,rgba(255,255,255,1)));
background: -webkit-linear-gradient(top,  rgba(246,235,228,1) 0%,rgba(255,255,255,1) 100%);
background: -o-linear-gradient(top,  rgba(246,235,228,1) 0%,rgba(255,255,255,1) 100%);
background: -ms-linear-gradient(top,  rgba(246,235,228,1) 0%,rgba(255,255,255,1) 100%);
background: linear-gradient(to bottom,  rgba(246,235,228,1) 0%,rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6ebe4', endColorstr='#ffffff',GradientType=0 );
position: relative;
}
.style-beige-dark-gradient {
background: rgb(229,209,197);
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U1ZDFjNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(229,209,197,1) 0%, rgba(255,255,255,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(229,209,197,1)), color-stop(100%,rgba(255,255,255,1)));
background: -webkit-linear-gradient(top,  rgba(229,209,197,1) 0%,rgba(255,255,255,1) 100%);
background: -o-linear-gradient(top,  rgba(229,209,197,1) 0%,rgba(255,255,255,1) 100%);
background: -ms-linear-gradient(top,  rgba(229,209,197,1) 0%,rgba(255,255,255,1) 100%);
background: linear-gradient(to bottom,  rgba(229,209,197,1) 0%,rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5d1c5', endColorstr='#ffffff',GradientType=0 );
position: relative;
}
.style-grey-01 {
background-color: #e8edf3;
}
.style-grey-gradient-01 {
background: rgb(255,255,255);
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlOGVkZjMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(232,237,243,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(232,237,243,1)));
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(232,237,243,1) 100%);
background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(232,237,243,1) 100%);
background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(232,237,243,1) 100%);
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(232,237,243,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e8edf3',GradientType=0 );
}
.style-01.border-bottom {
background-image: url(/static/file/get?id=56d9ab5b-eece-424e-a082-234b487e732d), url(/static/file/get?id=48b940b6-cbc2-4606-9b9b-c52b83d401f1);
background-position: 0 bottom, 0 0;
background-repeat: repeat-x, repeat;
}
.style-01-gradient-border {
background: url(/static/file/get?id=d2c82d3e-e7f9-4c0f-8cb1-781f1e49f842);
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 30px;
}
/* Style 02 */
.style-02 {
background-image: url(/static/file/get?id=defae2fd-ee39-46a6-a4c2-36057751f140);
background-position: 0 0;
}
.style-02.border-bottom {
background-image: url(/static/file/get?id=56d9ab5b-eece-424e-a082-234b487e732d), url(/static/file/get?id=defae2fd-ee39-46a6-a4c2-36057751f140);
background-position: 0 bottom, 0 0;
background-repeat: repeat-x, repeat;
}
.style-02-gradient-border {
background: url(/static/file/get?id=a2e74d9b-605a-4e52-995d-4689680d1399);
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 30px;
}
/* Style Valentinstag */
.style-valentin-01 {
padding-bottom: 40px;
background-color: #fff;
background-image: url(/static/file/get?id=b23dd1cf-9780-460b-ab38-8a14fb5bc9f3);
background-repeat: no-repeat;
background-position: center bottom;
margin-bottom: 30px;
}
/* Style Ostern */
.style-ostern-01 {
padding-bottom: 20px;
background-color: #fff;
background-image: url(/static/file/get?id=0230fd7b-7fd0-496b-bb77-040aed88f408);
background-repeat: repeat-x;
background-position: center bottom;
}
.style-ostern-02 {
background-color: #fff;
}
.section-content.ostern a.link-more {
color: #8ab235;
font-family: 'DecimaNova';
display: block;
margin: 5px 0;
}
.section-content.ostern a.link-more:hover {
color: #6a872b;
}
/* Style Hochzeit */
.style-hochzeit-01 {
background-color: #fff;
}
.section-block .bg-color-block {
background: #f6ebe4;
width: 100%;
height: 200px;
position: absolute;
left: 0;
bottom: 0;
}
.section-block .bg-color-block.dark {
background-color: #e5d1c5;
}
.section-block.border-bottom .bg-color-block {
bottom: 15px;
}
.section-block .section-content {
padding: 30px 0 150px 0;
}
.page-fpatSeiteValentinstag .section-block .section-content {
padding: 30px 0 138px 0;
}
.section-content {
position: relative;
}
.intro-text {
padding: 30px 0;
position: relative;
}
.continuative-elements {
position: absolute;
right: 20px;
bottom: 20px;
width: 260px;
float: none;
}
.continuative-elements .price {
font-size: 20px;
color: #1f284c;
font-family: "DecimaNova";
/* font-weight: 700; */
margin: 5px 0;
}
.continuative-elements .btn {
min-width: 220px;
}
.continuative-elements .btn .icon-fpat {
display: inline-block;
vertical-align: middle;
}
/* Fotobücher  */
#section-fotobuecher .decor-geschenkband {
background-image: url(/static/file/get?id=967300aa-df12-494f-81f6-30a12dea9ed7);
background-repeat: no-repeat;
background-position: 0 0;
width: 334px;
height: 295px;
position: absolute;
left: 400px;
top: 0;
}
.decor-christbaum {
background-image: url(/static/file/get?id=a161c6d4-5fc0-42d7-b4b6-b4cd96f739d2);
background-repeat: no-repeat;
background-position: 0 0;
width: 246px;
height: 304px;
position: absolute;
}
#section-fotobuecher .description-block-2 {
padding-bottom: 20px;
}
#section-fotobuecher .layflat-info {
background: url(/static/file/get?id=aad254a4-8b4f-49dd-8e8f-f1e1abe920d3) no-repeat 0 0;
min-height: 190px;
font-size: 14px;
padding: 20px 0 0 165px;
}
#section-fotobuecher .product-image.fotobuch {
background-image: url(/static/file/get?id=d2376160-645d-42ce-86c7-577add1e39f8);
background-repeat: no-repeat;
background-position: 0 center;
background-size: 100% auto;
text-indent: -5000px;
overflow: hidden;
width: 100%;
height: 155px;
}
#intro-fotobuch .flocke.flocke-03 {
left: 160px;
top: 50px;
}
#intro-fotobuch .flocke.flocke-04 {
left: 20px;
top: 240px;
}
#intro-fotobuch .flocke.flocke-06 {
right: 0px;
top: 10px;
}
/* Fotobücher Valentinstag */
#section-fotobuecher.valentinswelt {
background-image: url(/static/file/get?id=de1c1d5d-9b33-4739-a1e2-1c2eb2459306);
background-repeat: no-repeat;
background-position: 30% bottom;
}
#section-fotobuecher.valentinswelt .product-image.fotobuch {
background-image: url(/static/file/get?id=0de1e5ee-fd05-45ad-824a-6eb83ee0eacd);
background-repeat: no-repeat;
background-position: 0 center;
background-size: 100% auto;
text-indent: -5000px;
overflow: hidden;
width: 100%;
height: 270px;
margin-top: 20px;
}
#section-fotobuecher.valentinswelt .layflat-info {
background-image: url(/static/file/get?id=4f04e73c-5f53-4979-9475-decdcdcba412);
background-position: right top;
margin: -100px auto 0 auto;
padding: 100px 125px 0 0;
position: relative;
right: auto;
top: auto;
width: 275px;
}
/*
#section-fotobuecher.valentinswelt .continuative-elements {
right: auto;
left: 0;
}
*/
/* Weihnachtskarten */
#section-kalender-wrap .decor-christbaumkugel-01,
#section-weihnachtskarten .decor-christbaumkugel-01 {
background-image: url(/static/file/get?id=d9d77b09-7570-4511-9b8f-337257bf8ed2);
background-repeat: no-repeat;
background-position: 0 0;
width: 189px;
height: 380px;
position: absolute;
right: -50px;
top: 0;
}
#section-weihnachtskarten .product-image.weihnachtskarten {
background-image: url(/static/file/get?id=b6d2b6ba-c0e0-4ede-a426-15075e1c9174);
background-repeat: no-repeat;
background-position: 0 center;
background-size: 100% auto;
text-indent: -5000px;
overflow: hidden;
width: 278px;
height: 287px;
margin: 20px auto 0 auto;
}
#section-weihnachtskarten .decor-weihnachtskarten {
background-image: url(/static/file/get?id=0177a0e2-a057-4441-b3b2-5f600090ca49);
background-repeat: no-repeat;
background-position: 0 0;
width: 357px;
height: 220px;
position: absolute;
/* display: none; */
}
#intro-weihnachtskarten .flocke-01 {
top: 0;
left: 60px;
}
#intro-weihnachtskarten .flocke-03 {
top: 250px;
left: 160px;
}
/* Gravurgeschenke */
#section-gravurgeschenke .decor-christbaumkugel-01 {
background-image: url(/static/file/get?id=d9d77b09-7570-4511-9b8f-337257bf8ed2);
background-repeat: no-repeat;
background-position: 0 0;
width: 189px;
height: 380px;
position: absolute;
right: -50px;
top: 0;
}
#section-gravurgeschenke .product-image.weihnachtskarten {
background-image: url(/static/file/get?id=b6d2b6ba-c0e0-4ede-a426-15075e1c9174);
background-repeat: no-repeat;
background-position: 0 center;
background-size: 100% auto;
text-indent: -5000px;
overflow: hidden;
width: 278px;
height: 287px;
margin: 20px auto 0 auto;
}
#section-gravurgeschenke .decor-gravur-stein {
background-image: url(/static/file/get?id=74cf81d1-70c6-4fbd-bdbd-4b6830fbefe3);
background-repeat: no-repeat;
background-position: 0 0;
width: 364px;
height: 169px;
position: absolute;
/* display: none; */
}
#section-gravurgeschenke .content-liebesschloss,
#section-wandbilder .content-fotowand {
margin-bottom: 15px;
}
/* Fotokalender */
#intro-fotokalender .flocke.flocke-02 {
left: 100px;
top: 40px;
}
#intro-fotokalender .flocke.flocke-05 {
right: 0px;
top: 5px;
}
#section-fotokalender .decor-kerzen {
background-image: url(/static/file/get?id=8a54841e-6bf8-41c0-b92f-965f47b34984);
background-repeat: no-repeat;
background-position: 0 0;
width: 274px;
height: 130px;
position: absolute;
left: 0px;
bottom: 158px;
}
#section-fotokalender .product-image.fotokalender {
background-image: url(/static/file/get?id=aec111ab-487f-4ddc-a6a4-00c31d2d7f78);
background-repeat: no-repeat;
background-position: 0 center;
background-size: 100% auto;
text-indent: -5000px;
overflow: hidden;
width: 100%;
height: 290px;
}
/* Wandbilder */
#section-wandbilder.valentinswelt { }
/* Fotogeschenke */
#intro-fotogeschenke .flocke.flocke-01 {
left: 70px;
top: 50px;
}
.bg-fotogeschenke {
background-color: #e8edf3;
}
#section-fotogeschenke .product-image.fotogeschenke {
background-image: url(/static/file/get?id=b5bc48f5-814c-4d67-b57e-4de5aba83db5);
background-repeat: no-repeat;
background-position: 0 center;
background-size: 100% auto;
text-indent: -5000px;
overflow: hidden;
width: 100%;
height: 240px;
}
/* Fotogeschenke Valentinstag */
#section-fotogeschenke.valentinswelt .product-image.fotogeschenke {
background-image: url(/static/file/get?id=53a409f7-1dbd-433a-81be-babeffddc786);
}
/* Handyhüllen */
#intro-handyhuellen .flocke.flocke-02 {
left: 70px;
top: 50px;
}
#intro-handyhuellen .flocke.flocke-05 {
left: 160px;
top: 200px;
}
#section-handyhuellen .flocke.flocke-01 {
bottom: 50px;
left: 110px;
}
#section-handyhuellen .description-block-1 {
padding-bottom: 20px;
}
#section-handyhuellen .product-image.handyhuellen {
background-image: url(/static/file/get?id=6da6f6b4-b725-4e17-88e6-746911779fb0);
background-repeat: no-repeat;
background-position: 0 center;
background-size: 100% auto;
text-indent: -5000px;
overflow: hidden;
width: 100%;
height: 590px;
}
#section-handyhuellen .continuative-elements {
bottom: 5px;
}
/* Handyhüllen Valentinstag */
#section-handyhuellen.valentinswelt {
background-image: url(/static/file/get?id=c6a727d4-1e23-47af-a8e2-29a7dd9cb38a);
background-position: center bottom;
background-repeat: no-repeat;
min-height: 513px;
}
#section-handyhuellen.valentinswelt .product-image.handyhuellen {
background-image: url(/static/file/get?id=977e0012-b4df-4c9d-8b0d-3241fa9c4324);
background-position: center center;
background-repeat: no-repeat;
background-size: auto 100%;
bottom: auto;
height: 460px;
left: auto;
overflow: hidden;
text-indent: -5000px;
width: 100%;
}
#section-handyhuellen.valentinswelt .continuative-elements {
right: auto;
left: 10px;
}
/* Footer */
#footer-row-1 {
background: #9aa9b7;
color: #fff;
height: 50px;
font-size: 16px;
}
#footer-row-1 .container {
padding: 10px;
}
#footer-row-2 {
/*background: #03294b;
color: #a7b4c0;*/
background: #9aa9b7;
color: #fff;
}
#footer-row-2 .container {
padding: 20px 10px 10px 10px;
}
/* Helper */
.resp-img {
width: 100%;
height: auto;
position: relative;
}
img.responsive {
display: block;
height: auto;
margin: 0 auto;
max-width: 100%;
}
/* Overwriting / Extending Bootstrap */
.container {
max-width: none;
min-width: 1px;
}
.label.alert-info {
font-size: 1em;
font-weight: normal;
padding-left: 2px;
padding-right: 5px;
line-height: normal;
}
.breadcrumb {
border-radius: 0;
background: #fff;
}
.btn {
padding: 6px 12px;
}
a.btn-primary,
.btn-primary  {
background-color: #1f284c;
border-color: #1f284c;
color: #fff;
}
a.btn-primary:hover,
a.btn-primary:focus,
.btn-primary:hover,
.btn-primary:focus {
background-color: #006b8d;
border-color: #006b8d;
color: #fff;
}
a.btn-danger,
.btn-danger {
background-color: #af026e;
border-color: #af026e;
color: #fff;
text-decoration: none;
}
a.btn-danger:hover,
a.btn-danger:focus,
.btn-danger:hover,
.btn-danger:focus {
background-color: #97005e;
border-color: #97005e;
color: #fff;
}
a.btn-info,
a.btn-info,
.btn-info,
.btn-info {
background: #8ab235;
border-color: #8ab235;
color: #fff;
text-decoration: none;
}
a.btn-info:hover,
a.btn-info:focus,
.btn-info:hover,
.btn-info:focus {
background: #6a872b;
border-color: #6a872b;
color: #fff;
}
.bg-image {
display: none; /* Load Images only if they are in viewport (via JS) */
opacity: 0;
/*
-webkit-transition: all 1000ms linear;
-moz-transition: all 1000ms linear;
-o-transition: all 1000ms linear;
-ms-transition: all 1000ms linear;
transition: all 1000ms linear;
*/
}
@-webkit-keyframes fadeIn {
from { opacity: 0; }
to { opacity: 1; }
}
@keyframes fadeIn {
from { opacity: 0; }
to { opacity: 1; }
}
.bg-image.in-viewport {
display: block;
-webkit-animation: fadeIn 1000ms;
animation: fadeIn 1000ms;
opacity: 1;
}
/* Download Box */
.download { padding: 30px 10px 25px 10px; text-align: center; }
.download .h2 { font-size: 30px; color: #333333; text-align: center; }
.download a.software {
display: inline-block;
margin-right: 15px;
background-image: url();
background-repeat: no-repeat;
background-position: 0 0;
background-size: 100% auto;
position:relative;
height: 360px;
width: 150px;
}
.download a .cta { color:white; background-color:#20294d; font-size:12px; line-height:14px; padding:13px 16px 10px; position:absolute; bottom:13px; right:20px; text-transform:uppercase; font-weight:bold; }
.download a:hover .cta		{ background-color:#12172c;   }
.download .app {
display: inline-block;
background-image: url(/static/file/get?id=81569bd6-c323-4869-8f91-10b3abe67f36);
background-repeat: no-repeat;
background-position: 0 0;
background-size: 100% auto;
position:relative;
height: 360px;
width: 150px;
}
.download .ios, .download .android  {
position:absolute;
bottom:15px;
left:20px;
height: 37px;
width: 107px;
display: block;
background-image: url(/static/file/get?id=fba6e905-e38d-47eb-bc41-3b967cfc308f);
background-repeat: no-repeat;
background-position: -200px -450px;
}
.download a.software {
height: 250px;
width: 300px;
}
.download .app {
height: 380px;
width: 300px;
}
.download .android	{ background-position:-200px -500px; right:20px; left:auto; }
.open-on-mobile {
display: none;
}
/* Accordion Styles (Hochzeit Fotobuch) */
.accordion-tabs {*zoom:1;border:1px solid #ebebeb;margin:0;padding:0}
.accordion-tabs:after{content:"";display:table;clear:both}
.accordion-tabs li.tab-header-and-content{margin-right:-2px;display:inline}
.accordion-tabs li.tab-header-and-content:first-child a.tab-link{border-top:0;border-left:0}
.accordion-tabs li.tab-header-and-content a.tab-link {
background-color:#f5f5f5;
color:#1f284c;
padding:10px 5px;
border-top:0;
display:-moz-inline-stack;
display:inline-block;
vertical-align:top;
zoom:1;
vertical-align:bottom;
}
.accordion-tabs li.tab-header-and-content a.tab-link:hover {color:#000}
.accordion-tabs li.tab-header-and-content a.tab-link:focus {outline:none}
.accordion-tabs li.tab-header-and-content a.tab-link.is-active {color:#00acd2;background-color:#fff;border-bottom:1px solid #fff;margin-bottom:-1px}
.accordion-tabs li.tab-header-and-content > div {
display:none;
float:left;
padding:10px 5px;
background:#fff;
border-top:1px solid #ebebeb;
width:100%;
position:relative;
}
@media screen and (max-width: 480px){
.accordion-tabs{border:0 none}
.accordion-tabs li.tab-header-and-content{margin:0}
.accordion-tabs li.tab-header-and-content a.tab-link {
border-top:1px solid #ebebeb;display:block;margin-top:6px;margin-bottom:6px;font-size:20px
}
.accordion-tabs li.tab-header-and-content a.tab-link.is-active {
background-color:#fff;border:0
}
.accordion-tabs li.tab-header-and-content > div {
float:none;border:0;padding:0 5px 10px 5px
}
}
/* Scroll to top */
#scroll-to-top {
background: #fff none repeat scroll 0 0;
border: 1px solid #f0f0f0;
border-radius: 50%;
bottom: 55px;
color: #03294b;
cursor: pointer;
font-size: 50px;
height: 50px;
line-height: 50px;
opacity: 0.8;
position: fixed;
right: 20px;
text-align: center;
width: 50px;
z-index: 1000;
display: none;
}
#scroll-to-top.app-hint-hidden {
bottom: 25px;
}
/* Media Queries */
@media (max-width: 480px) {
#searchform {
width: 75%;
}
#sticky-nav ul {
padding: 0;
}
#sticky-nav ul li a {
text-align: left;
padding: 5px 12px;
}
h1.headline {
font-size: 28px;
}
#sticky-nav ul li:last-child {
width: 100%;
}
/* mobile hidden Content */
.mobile-none-visible {
position: absolute;
width: 1px;
height: 1px;
max-height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
-webkit-transition: max-height 0.5s ease-out;
-moz-transition: max-height 0.5s ease-out;
-o-transition: max-height 0.5s ease-out;
transition: max-height 0.5s ease-out;
}
.mobile-none-visible.show-some-lines {
clip: auto;
height: 50px;
margin: 0;
max-height: 50px;
max-width: 95%;
top: 0;
width: auto;
position: relative;
}
.mobile-none-visible.opened {
position: relative;
width: auto;
height: auto;
overflow: visible;
margin: 0;
max-height: 1000px;
clip: auto;
-webkit-transition: max-height 0.5s ease-out;
-moz-transition: max-height 0.5s ease-out;
-o-transition: max-height 0.5s ease-out;
transition: max-height 0.5s ease-in;
/* padding-bottom: 50px; */
display: block;
}
.open-on-mobile {
bottom: 0px;
height: 50px;
cursor: pointer;
left: 0;
line-height: 50px;
position: relative;
margin-top: -25px;
text-align: center;
width: 100%;
display: block;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjMwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 30%);
background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 30%);
background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 30%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );
}
.open-on-mobile.opened {
margin: 0;
}
.section-lighter-pink .open-on-mobile {
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjMwJSIgc3RvcC1jb2xvcj0iI2Y5ZjZmNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(top,  rgba(249,246,247,0) 0%, rgba(249,246,247,1) 30%);
background: -webkit-linear-gradient(top,  rgba(249,246,247,0) 0%,rgba(249,246,247,1) 30%);
background: linear-gradient(to bottom,  rgba(249,246,247,0) 0%,rgba(249,246,247,1) 30%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#f9f6f7',GradientType=0 );
}
.section-light-pink .open-on-mobile {
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjMwJSIgc3RvcC1jb2xvcj0iI2VmZTZlYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(top,  rgba(239,230,234,0) 0%, rgba(239,230,234,1) 30%);
background: -webkit-linear-gradient(top,  rgba(239,230,234,0) 0%,rgba(239,230,234,1) 30%);
background: linear-gradient(to bottom,  rgba(239,230,234,0) 0%,rgba(239,230,234,1) 30%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#efe6ea',GradientType=0 );
}
.section-medium-pink .open-on-mobile {
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjMwJSIgc3RvcC1jb2xvcj0iIzlhNTk3NyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(top,  rgba(154,89,119,0) 0%, rgba(154,89,119,1) 30%);
background: -webkit-linear-gradient(top,  rgba(154,89,119,0) 0%,rgba(154,89,119,1) 30%);
background: linear-gradient(to bottom,  rgba(154,89,119,0) 0%,rgba(154,89,119,1) 30%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#9a5977',GradientType=0 );
}
.section-dark-pink .open-on-mobile {
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjMwJSIgc3RvcC1jb2xvcj0iIzVmMGQzMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(top,  rgba(95,13,51,0) 0%, rgba(95,13,51,1) 30%);
background: -webkit-linear-gradient(top,  rgba(95,13,51,0) 0%,rgba(95,13,51,1) 30%);
background: linear-gradient(to bottom,  rgba(95,13,51,0) 0%,rgba(95,13,51,1) 30%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#5f0d33',GradientType=0 );
}
#scroll-to-top.scrolled {
display: block;
}
}
@media (min-width: 480px) {
/*body:before {
content: 'xs';
}*/
/*
.container {
width: 90%;
}
*/
.container.header {
padding: 5px 0;
}
#searchform-form {
margin: 15px auto 35px auto;
}
#stage .visualWidget {
background-position: 0 bottom;
}
.container.header .hotline {
padding-top: 35px;
}
/* blue text block */
.text-block p.headline,
h1.headline {
font-size: 28px;
line-height: 34px;
}
.text-block ul {
padding-left: 15px;
}
#pink-stoerer {
top: 200px;
left: 20px;
}
.product-slider {
width: auto;
margin: 0;
}
/* Section Fotobücher */
#section-fotobuecher .product-image.fotobuch {
height: 255px;
}
#section-fotobuecher.valentinswelt .product-image.fotobuch {
height: 335px;
}
#section-fotobuecher .decor-christbaum {
bottom: 0px;
left: -120px;
}
#section-weihnachtskarten .decor-weihnachtskarten {
/* display: block; */
bottom: 140px;
right: 0px;
}
/* Gravurgeschenke */
#section-gravurgeschenke .decor-gravur-stein{
/* display: block; */
bottom: 140px;
right: 0px;
}
/* Section Fotokalender */
#section-fotokalender .product-image.fotokalender {
height: 400px;
}
/* Section Fotogeschenke */
#section-fotogeschenke .product-image.fotogeschenke {
height: 360px;
}
/* Section handyhuellen */
#section-handyhuellen .product-image.handyhuellen {
height: 899px;
}
}
@media (min-width: 768px) {
/*body:before {
content: 'sm';
}*/
/*
.container {
width: 700px;
}
*/
.container.header .hotline {
font-size: 12px;
line-height: 13px;
/* left: -35%; */
}
.container.header .hotline .nr {
font-size: 18px;
line-height: 16px;
}
#stage .visualWidget {
background-image:  url(/static/file/get?id=984506d9-9011-4149-ba0f-b6bd8fe6bc65);
background-position: left bottom;
}
#stage.valentinswelt .visualWidget {
background-image: url(/static/file/get?id=b4dc105f-5346-4bd4-a750-0f991aef1e5a);
}
#stage.ostern .visualWidget {
background-image: url(/static/file/get?id=ce5ad236-12ee-4293-96f7-532024a54060);
}
#stage.hochzeit .visualWidget {
background-image: url(/static/file/get?id=a2e59396-fa34-4e13-a6ba-3edb0bba1d45);
background-position: left bottom;
}
#stage.reise .visualWidget {
background-image: url(/static/file/get?id=3bc4049f-ba1a-485e-b4be-228de4c0f34d);
background-position: left bottom;
}
#stage.hochzeit .stage-right-col {
margin-bottom: 0px;
}
#pink-stoerer {
right: 315px;
bottom: 20px;
top: auto;
left: auto;
}
#sticky-nav {
/* padding: 0 30px; */
max-height: 50px;
}
#sticky-nav ul li {
display: table-cell;
text-align: center;
/*width: 1%; */ /* force cell to shrink-to-fit text */
float: none;
width: auto;
}
#sticky-nav ul li a {
padding: 10px 0;
}
.btn-download-large {
margin: 0 1px; /* img is 2px smaller */
}
ul.themenNav {
padding-bottom: 0px;
}
/* Sektion Fotobücher */
#section-fotobuecher .decor-christbaum {
left: -100px;
bottom: 10px;
}
/* Sektion Fotokalender */
#section-fotokalender .description-block-2 {
position: absolute;
left: 0px;
bottom: 0px;
width: 270px;
}
/* Sektion Wandbilder */
#section-wandbilder .description-block-2 {
position: absolute;
left: 0px;
bottom: 0px;
width: 290px;
}
/* Fotogeschenke */
.bg-fotogeschenke {
background-image: url(/static/file/get?id=ed8c8cd7-9495-487e-8f27-530bcdcb30ff);
background-position: right top;
background-repeat: no-repeat;
}
}
@media (max-width: 767px) {
/* Fotokalender */
#section-fotokalender .description-block-2 {
padding-bottom: 20px;
}
/* Wandbilder */
#section-wandbilder .description-block-2 {
padding-bottom: 20px;
}
/* Fotogeschenke */
#section-fotogeschenke .description-block-2 {
padding-bottom: 20px;
}
/* handyhuellen */
#section-handyhuellen .description-block-2 {
padding-bottom: 20px;
}
#right-tab-wrapper .newsletter-link {
min-height: 100px;
}
}
/* only between 768 - 991 (small coupon) */
@media (min-width: 768px) and (max-width: 991px) {
}
@media (min-width: 992px) {
/*body:before {
content: 'md';
}*/
#nav-main-layer.show {
display: block !important;
}
#searchform {
height: auto;
width: 164px;
}
#searchform-form {
width: 200px;
margin: 35px auto 10px auto;
}
#searchform-btn {
background-image: url();
width:24px;
height:24px;
}
#pink-stoerer {
right: 315px;
bottom: 20px;
top: auto;
left: auto;
}
#sticky-nav ul {
padding: 0;
}
/*
.container {
width: 920px;
}
*/
#sticky-nav {
padding: 0;
}
#sticky-nav ul li a i.icon-fpat {
font-size: 30px;
}
#stage .visualWidget {
background-position: left top;
}
#stage.reise .visualWidget {
background-position: left top;
}
/* blue text block */
#text-block-wrapper {
margin-bottom: 0;
margin-right: 0;
}
#text-block-wrapper .text-block {
padding-top: 40px;
min-height: 370px;
}
#text-block-wrapper .text-block p {
max-height: 180px;
overflow: hidden;
text-overflow: ellipsis;
}
#text-block-wrapper .text-block .price-row {
padding: 30px 0 5px 15px;
line-height: 1.1em;
}
.text-block h1.headline,
.text-block p.headline {
margin: 0 0 15px 0;
font-size: 34px;
line-height: 42px;
}
#text-block-wrapper .text-block .online-editor-link {
text-align: left;
}
.continuative-elements {
right: 0px;
}
/* Section Fotobücher */
#section-fotobuecher {
min-height: 445px;
}
#section-fotobuecher .description-block-1 {
position: absolute;
left: 120px;
top: 10px;
width: 310px;
}
#section-fotobuecher .description-block-2 {
position: absolute;
left: 640px;
top: 10px;
width: 390px;
}
#section-fotobuecher .layflat-info {
position: absolute;
right: 0px;
top: 165px;
width: 410px;
}
#section-fotobuecher .product-image.fotobuch {
width: 637px;
height: 235px;
position: absolute;
left: 50px;
top: 170px;
}
#section-fotobuecher.valentinswelt .product-image.fotobuch {
position: relative;
left: auto;
top: auto;
margin-top: 0;
height: 265px;
}
/* Section Gravurgeschenke */
#section-gravurgeschenke .decor-gravur-stein {
bottom: -30px;
left: 290px;
z-index: 1;
}
#section-gravurgeschenke .content-liebesschloss,
#section-wandbilder .content-fotowand {
margin-bottom: 0px;
}
/* Fotobücher Valentinstag */
#section-fotobuecher.valentinswelt .layflat-info {
/* margin: -100px auto 0; */
left: -55px;
}
/* Section Fotokalender */
#section-fotokalender {
min-height: 475px;
}
#section-fotokalender .product-image.fotokalender {
width: 550px;
height: 343px;
position: absolute;
left: 275px;
top: 140px;
}
/* Section Wandbilder */
#section-wandbilder {
min-height: 445px;
}
/* Section Fotogeschenke */
#section-fotogeschenke {
min-height: 470px;
}
#section-fotogeschenke .description-block-2 {
position: absolute;
left: 15px;
bottom: 20px;
width: 245px;
}
#section-fotogeschenke .product-image.fotogeschenke {
width: 722px;
height: 386px;
position: absolute;
left: -80px;
top: 0px;
}
#section-fotogeschenke.valentinswelt .product-image.fotogeschenke {
width: 100%;
left: -30px;
height: 395px;
}
/* Section handyhuellen */
#section-handyhuellen {
min-height: 520px;
}
#section-handyhuellen .product-image.handyhuellen {
width: 315px;
height: 400px;
position: absolute;
left: 510px;
bottom: 60px;
}
}
@media (min-width: 992px) and (max-width: 1169px) {
#section-fotokalender .product-image.fotokalender {
height: 263px;
top: 140px;
width: 340px;
}
#text-block-wrapper .text-block {
padding-top: 20px;
}
#text-block-wrapper .text-block .price-row {
padding-top: 10px;
}
}
@media(max-width:1169px)  {
.nav.nav-main {
padding-left: 30px;
}
.navbar-collapse.collapse {
display: none !important;
}
.navbar-collapse {
overflow-x: visible !important;
}
.navbar-collapse.in {
overflow-y: auto !important;
}
.navbar-toggle {
display: block;
}
.collapse.in {
display: block !important;
}
}
/* @media (min-width: 1170px) { */
@media (min-width: 1200px) {
#stage .visualWidget {
background-position: 0 0;
}
#text-block-wrapper .text-block p {
max-height: none;
overflow: visible;
text-overflow: clip;
}
/* Sektion Fotobücher */
#section-fotobuecher .description-block-2 {
left: 690px;
}
/* Section handyhuellen */
#section-handyhuellen .product-image.handyhuellen {
bottom: 10px;
left: 600px;
}
}
@media (max-width: 1239px) {
}
/* Special Media Query */
@media (min-width: 1240px) {
/* Positioning Gutschein Teaser */
#product-coupon-code-wrapper.left-top {
bottom: 325px;
left: 100px;
}
#sticky-nav {
/* width: 1135px; */
}
#sticky-nav ul {
width: 1135px;
}
#right-tab-wrapper .container {
width: 1135px;
}
}
/* Special Media Query for tabs on the right side */
@media (min-width: 1340px) {
/*
#stage {
width: 1170px;
}
*/
.nav.nav-main a {
font-size: 18px;
}
/* blue text block */
#text-block-wrapper .text-block-bg {
display: none;
}
.text-block p.headline, h1.headline {
font-size: 36px;
}
#text-block-wrapper .text-block .online-editor-link {
font-size: 1em;
}
/* Tabs on the right side */
#right-tab-wrapper {
position: fixed;
border-left: 1px solid #adadad;
border-top: 1px solid #adadad;
right: 0;
bottom: 180px;
width: 95px;
}
#right-tab-wrapper .container {
width: 95px;
}
#right-tab-wrapper .newsletter-link {
border: none;
border-bottom: 1px solid #adadad;
}
#right-tab-wrapper a .present-hint {
position: absolute;
right: 80px;
top: -17px;
}
#right-tab-wrapper a:hover .present-hint {
right: 47px;
top: -81px;
width: 98px;
height: 95px;
padding: 12px 10px 10px 10px;
}
#right-tab-wrapper a:hover .present-hint img {
display: none;
}
#right-tab-wrapper a:hover .present-hint span {
display: block;
}
#right-tab-wrapper .col-xs-6 {
width: 100%;
}
/* Trust Badge right*/
#trust-badge-right {
display: block;
}
#sticky-nav {
/* width: 1170px; */
}
#sticky-nav ul {
width: 1170px;
}
}