Margos Spuren – Der Einkauf

/* ----------------------------------------- */ /* View: Szenebild-Filmrolle single Page - Start */ /* ----------------------------------------- */ div.szeneRolle { margin-bottom:7px; } a.SchauspielerN:hover, a.SchauspielerN:active, a.szeneRolleN:hover, a.szeneRolleN:active { color:#ff009d; } a.SchauspielerN, a.szeneRolleN { -webkit-transition: color 0.5s; -moz-transition: color 0.5s; -o-transition: color 0.5s; transition: color 0.5s; color: #337ab7; text-decoration: none; } .szeneRolle .mein-txt-komma, .musikdetails .mein-txt-komma { color:#a2a2a2; padding: 0 2px 0 1px; } .szeneRolle .mein-txt-als, .musikdetails .mein-txt-von, .musikdetails .mein-txt-mit, .musikdetails .mein-txt-feat { color: #a2a2a2; font-size: 0.8em; font-family: 'Oswald', sans-serif; padding: 0 2px; } /* ----------------------------------------- */ /* View: Szenebild-Filmrolle single Page - Ende */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* View: single page Szenebild mit allen Sternen - Start */ /* ----------------------------------------- */ .einstrp { cursor:pointer; } .einstrp.aktstr .p-col { border-radius:100%; -webkit-box-shadow: 0 0 10px 6px rgba(255, 79, 187, 0.75), inset 0 0 5px 100px rgba(255, 79, 187, 1); -moz-box-shadow: 0 0 10px 6px rgba(255, 79, 187, 0.75), inset 0 0 5px 100px rgba(255, 79, 187, 1); box-shadow: 0 0 10px 6px rgba(255, 79, 187, 0.75), inset 0 0 5px 100px rgba(255, 79, 187, 1); } .einstrp.aktstr .g-col{ border-radius:100%; -webkit-box-shadow: 0 0 10px 6px rgba(255, 187, 0, 0.75), inset 0 0 5px 100px rgb(240, 173, 78); -moz-box-shadow: 0 0 10px 6px rgba(255, 187, 0, 0.75), inset 0 0 5px 100px rgb(240, 173, 78); box-shadow: 0 0 10px 6px rgba(255, 187, 0, 0.75), inset 0 0 5px 100px rgb(240, 173, 78); } /*Sterne Aktiv Style End*/ .einStr { -webkit-transition-duration: 1s; -moz-transition-duration: 1s; -ms-transition-duration: 1s; -o-transition-duration: 1s; transition-duration: 1s; -webkit-transition-property: -webkit-transform; -ms-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; transition-property: transform; overflow:hidden; } .einStr:hover { -webkit-transform:rotate(360deg); -moz-transform:rotate(360deg); -ms-transform:rotate(360deg); -o-transform:rotate(360deg); } /* ----------------------------------------- */ /* View: single page Szenebild mit allen Sternen - Ende */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* View: Szenebild-Placement einzelne Page - Start */ /* ----------------------------------------- */ .plcText p a {color:#a82877} .plcText p a:hover {color:#86205F} .plcText p {line-height:20px; margin:0; text-align:justify;} .plcInnerHeight:after { content: ""; display: block; clear: both; } .defMore {display:none;} .defMore a {cursor:pointer;} .weiter {display:block; margin:0;} /* ----------------------------------------- */ /* View: Szenebild-Placement einzelne Page - Ende */ /* ----------------------------------------- */

/* ----------------------------------------- */ /* Inhalts-Template: navagation-in-index-layout-template - Start */ /* ----------------------------------------- */ @media screen and (max-width:767px) { .myFixedFooter #infinite-footer { position:relative; padding:0; } .myFixedFooter #infinite-footer .blog-info { float:none; white-space:normal; text-align: center; } .myFixedFooter #infinite-footer .container .blog-info img { float:none; width:auto; display:block; margin:4px auto 0 auto; } .myFixedFooter #infinite-footer .blog-credits { float:none; text-align:center; margin-bottom:4px; } .myFixedFooter #infinite-footer .blog-info a { float:none; margin-top:5px; display:block; font-size:11px; } } @media only screen and (min-width:768px) and (max-width: 790px) { .myFixedFooter #infinite-footer { padding:0; } } .meinBlended { display:none; } /* ----------------------------------------- */ /* Inhalts-Template: navagation-in-index-layout-template - Ende */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* Inhalts-Template: Single Page Szenebild – Szenebilder - Start */ /* ----------------------------------------- */ /*Start Szbquer und SzbHoch*/ .mein-szb-wrap { padding: 0; margin-bottom: 30px; } .mein-szb-wrap .mein-szb-titel{ padding-left:0; margin-top:20px; margin-bottom:3px; font-size:28px; } .mein-szb-wrap .szeneRolle{ margin-bottom:-8px; padding-left:0; } .mein-breit.stamp, .mein-breit1.stamp, .mein-stxt { padding:0 15px 0 0; margin-top:15px; } div.querImgStr, div.hochImgStr{ position:relative; } #myBrCr { margin-top:15px; padding:0; opacity:0; } /* END */ /*Start Placement*/ div.plcInner { display: block; padding: 15px; box-shadow: 0 0 10px #868686; background-color:#fff; } .plcFRlink{ position:relative !important; text-align:center; padding:0; bottom: 0 !important; } .allplc {padding: 15px 15px 0 0; margin:0} .allplc.grid-item {margin-bottom:0} .grid {padding:0;} @media only screen and (max-width: 767px) { .mein-szb-wrap .mein-szb-titel{ font-size:24px; } div.plcInner{ height: auto !important; } div.plcInner .plcText { height:auto !important; } div.plcInner .plcFRlink{ position:relative !important; padding-left: 5px; padding-bottom:0; padding-right:5px; bottom: 0 !important; } div.plcInner div.defMore.weiter { display:none; } } /* END */ .stamp { } .stamp1 { position: relative !important; left: 20px !important; top: 0 !important; padding-top: 0 !important; } #SznPage { padding-left:30px; } .AdsBox { -webkit-box-shadow: inset 0px 0px 0px 25px #f00; -moz-box-shadow: inset 0px 0px 0px 10px #f00; box-shadow: inset 0px 0px 0 2px #7d7d7d; padding: 0 15px 0 0; margin-top: 15px; height: 540px; border-right: 15px solid #fff; background-color: rgb(224, 220, 220); } @media screen and (min-width:992px) and (max-width:1199px) { .AdsBox.stamp { width:33.332%; } .mein-breit1.stamp { width:33.332%; } .mein-breit.stamp { width:66.665%;/*das ist für diese Kategorie, damit placement nicht runterspringt*/ } } /*Mein Breadcrumb CSS mit Fade-in Effect*/ #myBrCr { /*opacity:0;*/ } @-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } } @-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } } @keyframes fadeIn { from { opacity:0; } to { opacity:1; } } .fade-in { opacity:0; /* make things invisible upon start */ -webkit-animation:fadeIn ease-in 1; /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */ -moz-animation:fadeIn ease-in 1; animation:fadeIn ease-in 1; -webkit-animation-fill-mode:forwards; /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/ -moz-animation-fill-mode:forwards; animation-fill-mode:forwards; -webkit-animation-duration:1s; -moz-animation-duration:1s; animation-duration:1s; } .fade-in.one { -webkit-animation-delay: 0.7s; -moz-animation-delay: 0.7s; animation-delay: 0.7s; } /*Breadcrumb CSS End*/ /* START Neu zugefügte CSS 25.06.2017*/ @media screen and (max-width: 991px) { #SznPage { padding-left:15px; padding-right: 0; } .einstrp.aktstr .p-col, .einstrp.aktstr .g-col { border-radius: 100%; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .grid.klein { height:auto !important; } .grid.klein .plc-wrapper.aktiv { z-index: 999999; position: fixed; display: block; width:100%; top: 0; left: 0; right: 0; bottom: 0; min-height: 100%; max-height: 100%; background-color: rgba(0, 0, 0, 0.3); overflow: hidden; } div.plc-wrapper.aktiv > div { position: relative; display: inline-block; z-index: 1; -webkit-tap-highlight-color: rgba(0,0,0,0); width: 100%; height: auto; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-text-size-adjust: none; -moz-text-size-adjust: none; -ms-text-size-adjust: none; -o-text-size-adjust: none; text-size-adjust: none; } .grid.klein .allplc.grid-item { margin-bottom: 0; position: relative !important; display: block; top: 0 !important; left: 0 !important; width: 100% !important; max-width: 400px; right: 0; bottom: 0; padding:0; margin: 0 auto 15px auto; float: none; overflow:auto; } .grid.klein .allplc.grid-item:first-child { margin: 15px auto 15px auto; } } @media screen and (max-width: 767px) { .grid.klein .allplc.grid-item { max-width: 350px; } } /* END Neu zugefügte CSS 25.06.2017*/ /* Start Nutzungserklärung Overlay CSS*/ @-webkit-keyframes swipeleft {from {left:50px;}to {left:10px;}} @-moz-keyframes swipeleft {from {left:50px;}to {left:10px;}} @-o-keyframes swipeleft {from {left:50px;}to {left:10px;}} @keyframes swipeleft {from {left:50px;}to {left:10px;}} @-webkit-keyframes swiperight {from {left:-100px;}to {left:-20px;}} @-moz-keyframes swiperight {from {left:-100px;}to {left:-20px;}} @-o-keyframes swiperight {from {left:-100px;}to {left:-20px;}} @keyframes swiperight {from {left:-100px;}to {left:-20px;}} @-webkit-keyframes fadein {from {opacity:0;}to {opacity:1;}} @-moz-keyframes fadein {from {opacity:0;}to { opacity:1;}} @-o-keyframes fadein {from {opacity:0;}to {opacity: 1;}} @keyframes fadein {from {opacity:0;}to {opacity:1;}} @-webkit-keyframes fadeout {from {opacity:1;}to {opacity:0;}} @-moz-keyframes fadeout {from {opacity:1;}to { opacity:0;}} @-o-keyframes fadeout {from {opacity:1;}to {opacity: 0;}} @keyframes fadeout {from {opacity:1;}to {opacity:0;}} @-webkit-keyframes meinneon { from { -webkit-box-shadow: 0 0 6px 2px #ff4fbb, inset 0 0 5px 100px #ff4fbb; -moz-box-shadow: 0 0 6px 2px #ff4fbb, inset 0 0 5px 100px #ff4fbb; box-shadow: 0 0 6px 2px #ff4fbb, inset 0 0 5px 100px #ff4fbb; } to { -webkit-box-shadow: 0 0 6px 0 #ff4fbb, inset 0 0 5px 0 #ff4fbb; -moz-box-shadow: 0 0 6px 0 #ff4fbb, inset 0 0 5px 0 #ff4fbb; box-shadow: 0 0 6px 0 #ff4fbb, inset 0 0 5px 0 #ff4fbb; } } @-moz-keyframes meinneon { from { -webkit-box-shadow: 0 0 6px 2px #ff4fbb, inset 0 0 5px 100px #ff4fbb; -moz-box-shadow: 0 0 6px 2px #ff4fbb, inset 0 0 5px 100px #ff4fbb; box-shadow: 0 0 6px 2px #ff4fbb, inset 0 0 5px 100px #ff4fbb; } to { -webkit-box-shadow: 0 0 6px 0 #ff4fbb, inset 0 0 5px 0 #ff4fbb; -moz-box-shadow: 0 0 6px 0 #ff4fbb, inset 0 0 5px 0 #ff4fbb; box-shadow: 0 0 6px 0 #ff4fbb, inset 0 0 5px 0 #ff4fbb; } } @-o-keyframes meinneon { from { -webkit-box-shadow: 0 0 6px 2px #ff4fbb, inset 0 0 5px 100px #ff4fbb; -moz-box-shadow: 0 0 6px 2px #ff4fbb, inset 0 0 5px 100px #ff4fbb; box-shadow: 0 0 6px 2px #ff4fbb, inset 0 0 5px 100px #ff4fbb; } to { -webkit-box-shadow: 0 0 6px 0 #ff4fbb, inset 0 0 5px 0 #ff4fbb; -moz-box-shadow: 0 0 6px 0 #ff4fbb, inset 0 0 5px 0 #ff4fbb; box-shadow: 0 0 6px 0 #ff4fbb, inset 0 0 5px 0 #ff4fbb; } } @keyframes meinneon { from { -webkit-box-shadow: 0 0 6px 2px #ff4fbb, inset 0 0 5px 100px #ff4fbb; -moz-box-shadow: 0 0 6px 2px #ff4fbb, inset 0 0 5px 100px #ff4fbb; box-shadow: 0 0 6px 2px #ff4fbb, inset 0 0 5px 100px #ff4fbb; } to { -webkit-box-shadow: 0 0 6px 0 #ff4fbb, inset 0 0 5px 0 #ff4fbb; -moz-box-shadow: 0 0 6px 0 #ff4fbb, inset 0 0 5px 0 #ff4fbb; box-shadow: 0 0 6px 0 #ff4fbb, inset 0 0 5px 0 #ff4fbb; } } @-webkit-keyframes klickstl {0% {margin: 0;} 50% {margin: -5px 0 0 -5px;} 100% {margin: 0;}} @-moz-keyframes klickstl {0% {margin: 0;} 50% {margin: -5px 0 0 -5px;} 100% {margin: 0;}} @-o-keyframes klickstl {0% {margin: 0;} 50% {margin: -5px 0 0 -5px;} 100% {margin: 0;}} @keyframes klickstl {0% {margin: 0;} 50% {margin: -5px 0 0 -5px;} 100% {margin: 0;}} @-webkit-keyframes klickstr {0% {margin: 0;} 50% {margin: -5px 0 0 5px;} 100% {margin: 0;}} @-moz-keyframes klickstr {0% {margin: 0;} 50% {margin: -5px 0 0 5px;} 100% {margin: 0;}} @-o-keyframes klickstr {0% {margin: 0;} 50% {margin: -5px 0 0 5px;} 100% {margin: 0;}} @keyframes klickstr {0% {margin: 0;} 50% {margin: -5px 0 0 5px;} 100% {margin: 0;}} @-webkit-keyframes klicksbr {0% {margin: -5px 0 0 -5px;} 50% {margin: 0;} 100% {margin: -5px 0 0 -5px;}} @-moz-keyframes klicksbr {0% {margin: -5px 0 0 -5px;} 50% {margin: 0;} 100% {margin: -5px 0 0 -5px;}} @-o-keyframes klicksbr {0% {margin: -5px 0 0 -5px;} 50% {margin: 0;} 100% {margin: -5px 0 0 -5px;}} @keyframes klicksbr {0% {margin: -5px 0 0 -5px;} 50% {margin: 0;} 100% {margin: -5px 0 0 -5px;}} @-webkit-keyframes klicksbl {0% {margin: -5px 0 0 5px;} 50% {margin: 0;} 100% {margin: -5px 0 0 5px;}} @-moz-keyframes klicksbl {0% {margin: -5px 0 0 5px;} 50% {margin: 0;} 100% {margin: -5px 0 0 5px;}} @-o-keyframes klicksbl {0% {margin: -5px 0 0 5px;} 50% {margin: 0;} 100% {margin: -5px 0 0 5px;}} @keyframes klicksbl {0% {margin: -5px 0 0 5px;} 50% {margin: 0;} 100% {margin: -5px 0 0 5px;}} @-webkit-keyframes klickripple {0% {opacity:1;margin:0;width:0;height:0;} 50% {opacity: 1;margin:0;width:0;height:0;} 100% {opacity:0;margin:-32px;width:64px;height:64px;}} @-moz-keyframes klickripple {0% {opacity:1;margin:0;width:0;height:0;} 50% {opacity: 1;margin:0;width:0;height:0;} 100% {opacity:0;margin:-32px;width:64px;height:64px;}} @-o-keyframes klickripple {0% {opacity:1;margin:0;width:0;height:0;} 50% {opacity: 1;margin:0;width:0;height:0;} 100% {opacity:0;margin:-32px;width:64px;height:64px;}} @keyframes klickripple {0% {opacity:1;margin:0;width:0;height:0;} 50% {opacity: 1;margin:0;width:0;height:0;} 100% {opacity:0;margin:-32px;width:64px;height:64px;}} /***** ANimationnen ******/ #meintourb { display:none; } body.btour #meintourb { position: absolute; display:block; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0,0.5); z-index: 6; -webkit-animation: fadein 2s; -moz-animation: fadein 2s; -o-animation: fadein 2s; animation: fadein 2s; } body.btour .mein-szb-wrap .einstrp:first-child > .einStr { z-index:7; } body.btour .mein-szb-wrap .einstrp:first-child > .span-meinripple { width: 0; height: 0; margin: 0; background:#fff; -webkit-transform: translate(12px,12px); -moz-transform: translate(12px,12px); -o-transform: translate(12px,12px); -ms-transform: translate(12px,12px); transform: translate(12px,12px); display: inline-block; border-radius: 100%; -webkit-animation: klickripple 2s ease 1s; -moz-animation: klickripple 2s ease 1s; -o-animation: klickripple 2s ease 1s; animation: klickripple 2s ease 1s; z-index:11; } .mein-szb-wrap .plc-wrapper.aktiv .swipetour.l-r-b { opacity:0; position: fixed; display:block; background: 0 0/78px 78px no-repeat url(https://dress-me-like.com/wp-content/uploads/2017/05/links.png); width:100%; max-width: 360px; height:80px; top:40%; left:50px; bottom:0; right:0; margin:0 auto; z-index:3; -webkit-animation: fadein 1s ease 0.5s forwards, swipeleft 1s ease 0.5s forwards, fadeout 2s ease 15s forwards; -moz-animation: fadein 1s ease 0.5s forwards, swipeleft 1s ease 0.5s forwards, fadeout 2s ease 15s forwards; -o-animation: fadein 1s ease 0.5s forwards, swipeleft 1s ease 0.5s forwards, fadeout 2s ease 15s forwards; animation: fadein 1s ease 0.5s forwards, swipeleft 1s ease 0.5s forwards, fadeout 2s ease 15s forwards; } .mein-szb-wrap .plc-wrapper.aktiv .swipetour.l-r-a { opacity:0; position: fixed; display:block; background: 0 0/78px 78px no-repeat url(https://dress-me-like.com/wp-content/uploads/2017/05/rechts.png); width:100%; max-width: 370px; height:80px; top:40%; left:-100px; bottom:0; right:0; margin:0 auto; z-index: 3; -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); -ms-transform:rotate(180deg); transform:rotate(180deg); -webkit-animation: fadein 1s ease 1s forwards, swiperight 1s ease 1s forwards, fadeout 2s ease 15s forwards; -moz-animation: fadein 1s ease 1s forwards, swiperight 1s ease 1s forwards, fadeout 2s ease 15s forwards; -o-animation: fadein 1s ease 1s forwards, swiperight 1s ease 1s forwards, fadeout 2s ease 15s forwards; animation: fadein 1s ease 1s forwards, swiperight 1s ease 1s forwards, fadeout 2s ease 15s forwards; } .mein-szb-wrap .plc-wrapper.aktiv .swipetour.l-r { opacity:0; display: block; position: fixed; z-index: 2; top: 40%; left:0; right:0; bottom:0; text-align: center; width: 100%; margin-top:-25px; /*Zusatz, nur zum ausprobieren*/ -webkit-animation: fadein 1s ease 0.5s forwards, fadeout 2s ease 15s forwards; -moz-animation: fadein 1s ease 0.5s forwards, fadeout 2s ease 15s forwards; -o-animation: fadein 1s ease 0.5s forwards, fadeout 2s ease 15s forwards; animation: fadein 1s ease 0.5s forwards, fadeout 2s ease 15s forwards; } @media screen and (min-width: 768px) and (max-width: 991px) { .mein-szb-wrap .plc-wrapper.aktiv:before, .mein-szb-wrap .plc-wrapper.aktiv:after { max-width:400px; } .mein-szb-wrap .plc-wrapper.aktiv .swipetour.l-r-b { max-width: 410px; } .mein-szb-wrap .plc-wrapper.aktiv .swipetour.l-r-a { max-width: 420px; } } .meintours.s-t-l, .meintours.s-t-r, .meintours.s-b-l, .meintours.s-b-r { display:none; } body.btour .meintours.s-t-l, body.btour .meintours.s-t-r, body.btour .meintours.s-b-l, body.btour .meintours.s-b-r { display:block; -webkit-animation: fadein 2.5s; -moz-animation: fadein 2.5s; -o-animation: fadein 2.5s; animation: fadein 2.5s; } /*Stern Top-Left*/ body.btour .meintours.s-t-l { width: 120px; height: 80px; position: absolute; z-index: 8; margin: 0; } body.btour .meintours.s-t-l > p { position: relative; top: 56px; left: -5px; right: 0; bottom: 0; width: 160px; margin: 0; } body.btour .meintours.s-t-l > span { display: block; position: absolute; width: 72px; height: 72px; top: -9px; left: 12px; right: 0; bottom: 0; z-index: 1; margin: 0; padding: 0; -webkit-transform: rotate(330deg); -moz-transform: rotate(330deg); -ms-transform: rotate(330deg); transform: rotate(330deg); -webkit-animation: klickstl 0.3s ease 2s forwards; -moz-animation: klickstl 0.3s ease 2s forwards; -o-animation: klickstl 0.3s ease 2s forwards; animation: klickstl 0.3s ease 2s forwards; } /*Stern Top-Right*/ body.btour .meintours.s-t-r { width: 120px; height: 80px; position: absolute; z-index: 8; margin-left: -96px; } body.btour .meintours.s-t-r > p { position: relative; top: 60px; left: -55px; right: 0; bottom: 0; width: 160px; margin: 0; } body.btour .meintours.s-t-r > span { display: block; position: absolute; width: 72px; height: 72px; top: 0px; left: 40px; right: 0; bottom: 0; z-index: 1; margin: 0; padding: 0; -webkit-transform: rotate(85deg); -moz-transform: rotate(85deg); -ms-transform: rotate(85deg); transform: rotate(85deg); -webkit-animation: klickstr 0.3s ease 2s forwards; -moz-animation: klickstr 0.3s ease 2s forwards; -o-animation: klickstr 0.3s ease 2s forwards; animation: klickstr 0.3s ease 2s forwards; } /*Stern Bottom-Left*/ body.btour .meintours.s-b-l { width: 120px; height: 80px; position: absolute; z-index: 8; margin: -56px 0 0 0; } body.btour .meintours.s-b-l > p { position: relative; top: -36px; left: -6px; right: 0; bottom: 0; width: 160px; margin: 0; } body.btour .meintours.s-b-l > span { display: block; position: absolute; width: 72px; height: 72px; top: 5px; left: -6px; right: 0; bottom: 0; z-index: 1; margin: -5px 0 0 5px; padding:0; -webkit-transform: rotate(250deg); -moz-transform: rotate(250deg); -ms-transform: rotate(250deg); transform: rotate(250deg); -webkit-animation: klicksbl 0.3s ease 2s forwards; -moz-animation: klicksbl 0.3s ease 2s forwards; -o-animation: klicksbl 0.3s ease 2s forwards; animation: klicksbl 0.3s ease 2s forwards; } /*Stern Bottom-Right*/ body.btour .meintours.s-b-r { width: 120px; height: 80px; position: absolute; z-index: 8; margin-left: -96px; margin-top: -56px; } body.btour .meintours.s-b-r > p { position: relative; top: -32px; left: -40px; right: 0; bottom: 0; width: 160px; margin:0; } body.btour .meintours.s-b-r > span { display: block; position: absolute; width: 72px; height: 72px; top: 10px; left: 48px; right: 0; bottom: 0; z-index: 1; margin: -5px; padding:0; -webkit-transform: rotate(166deg); -moz-transform: rotate(166deg); -ms-transform: rotate(166deg); transform: rotate(166deg); -webkit-animation: klicksbr 0.3s ease 2s forwards; -moz-animation: klicksbr 0.3s ease 2s forwards; -o-animation: klicksbr 0.3s ease 2s forwards; animation: klicksbr 0.3s ease 2s forwards; } @media screen and (min-width:992px) { body.btour #meintourb { position: fixed; display:block; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0, 0, 0, 0.9); z-index: 100; -webkit-animation: fadein 2s; -moz-animation: fadein 2s; -o-animation: fadein 2s; animation: fadein 2s; overflow: auto; text-align: center; padding: 50px 0 0; } #meintourc { width: 742px; height:527px; position: absolute; margin: auto; padding: 15px; background: white; top: 0; bottom: 0; left: 0; right: 0; } body.btour .close-thik.mit-x-1 { display: block; position: absolute; width:22px; right: 20px; text-decoration: none; top: 20px; cursor: pointer; z-index: 9999; } body.btour .meinicon-info { display: block; position: absolute; width: 28px; left: 20px; text-decoration: none; top: 15px; cursor: pointer; z-index: 9999; } body.btour .willkom-wrapper { position: relative; display: block; top: 0; left: 0; z-index: 12; width: 100%; margin:0; padding:0; } body.btour .willkom-1 { font-size: 28px; margin: 0; font-family: 'Oswald',sans-serif; } body.btour .willkom-2 { font-size: 18px; margin:0; font-family: 'Oswald',sans-serif; } body.btour .willkom-3 { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; line-height: 1.42857143; margin:10px 0 0 0; padding:0 8px; } .willkom-1, .willkom-2, .willkom-3 { color: #000; text-align: center; } body.btour .willkom-wrapper-2 { display: block; text-align: center; position: relative; padding-top: 30px; width:712px; } .willkom-wrapper-2 img { width: 100%; } #meininfo { position: relative; padding: 0; width: 18px; height: 18px; float: left; line-height: 18px; margin-top: 3px; margin-right:5px; cursor: pointer; } body.btour #meininfo.animierbar { -webkit-animation: none; -moz-animation: none; -o-animation: none; animation: none; } #meininfo.animierbar { border-radius:100%; -webkit-animation: meinneon 300ms ease-in-out 9 alternate; -moz-animation: meinneon 300ms ease-in-out 9 alternate; -o-animation: meinneon 300ms ease-in-out 9 alternate; animation: meinneon 300ms ease-in-out 9 alternate; } #meininfo > .meininfo-bild-1{ vertical-align:baseline; border-radius:100%; } #meininfo > .meininfo-bild-2{ display:none; position: absolute; opacity:0; top: 0; left: 0; z-index: 0; } } /* END Nutzungserklärung Overlay CSS*/ /*START Musiker Bereich*/ .musikdetails { padding:0; margin-bottom:-8px; } .musikdetails a { -webkit-transition: color 0.5s; -moz-transition: color 0.5s; -o-transition: color 0.5s; transition: color 0.5s; color: #337ab7; text-decoration: none; } .musikdetails a:hover, .musikdetails a:active { color:#ff009d; } .musiker-wrapper { display:inline; } .bilddatum a { padding:0 1px; } /*END Musiker Bereich*/ /*START SzeneRolle Bereich*/ div.szeneRolle { margin-bottom:7px; } a.SchauspielerN:hover, a.SchauspielerN:active, a.szeneRolleN:hover, a.szeneRolleN:active { color:#ff009d; } a.SchauspielerN, a.szeneRolleN { -webkit-transition: color 0.5s; -moz-transition: color 0.5s; -o-transition: color 0.5s; transition: color 0.5s; color: #337ab7; text-decoration: none; } .szeneRolle .mein-txt-komma, .musikdetails .mein-txt-komma { color:#a2a2a2; padding: 0 2px 0 1px; } .szeneRolle .mein-txt-als, .musikdetails .mein-txt-von, .musikdetails .mein-txt-mit, .musikdetails .mein-txt-feat { color: #a2a2a2; font-size: 0.8em; font-family: 'Oswald', sans-serif; padding: 0 2px; } /*END SzeneRolle Bereich*/ /*START Szenenbild Copyrights und Credits*/ .mein-szb-credits { font-size:10px; color: #a2a2a2; margin:0; float:right; } /*END Szenenbild Copyrights und Credits*/ /* ----------------------------------------- */ /* Inhalts-Template: Single Page Szenebild – Szenebilder - Ende */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* Inhalts-Template: social-icos-szenenbild-single-page - Start */ /* ----------------------------------------- */ .plcInner .mein-fb, .plcInner .mein-tw, .plcInner .mein-gp, .plcInner .mein-pn{ display: block; position: absolute; opacity:0; cursor:pointer; font-size:20px; -webkit-transition: opacity 0.7s, top 0.2s; -moz-transition: opacity 0.7s, top 0.2s; -o-transition: opacity 0.7s, top 0.2s; transition: opacity 0.7s, top 0.2s; } .plcInner:hover .mein-fb, .plcInner:hover .mein-tw, .plcInner:hover .mein-gp, .plcInner:hover .mein-pn { opacity: 1; } .plcInner:hover .mein-fb:hover, .plcInner:hover .mein-tw:hover, .plcInner:hover .mein-gp:hover, .plcInner:hover .mein-pn:hover { top:11px; } .plcInner .mein-fb { top: 13px; right: 72px; color: #3c5b9b; } .plcInner .mein-tw { color:#2daae1; top: 13px; right: 53px; } .plcInner .mein-gp { color:#f63e28; top: 13px; right: 34px; } .plcInner .mein-pn { color:#cb2027; top: 13px; right: 15px; } @media screen and (max-width:991px) { .plcInner .mein-fb, .plcInner .mein-tw, .plcInner .mein-gp, .plcInner .mein-pn{ opacity:1; } } /* ----------------------------------------- */ /* Inhalts-Template: social-icos-szenenbild-single-page - Ende */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* Inhalts-Template: ProduktartLoop - Start */ /* ----------------------------------------- */ div.plcInner .mein-plc-titel { font-size:24px; margin: 0 80px 0 0; padding-bottom: 10px; padding-top:0; } /* ----------------------------------------- */ /* Inhalts-Template: ProduktartLoop - Ende */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* Inhalts-Template: Loop item in Alle Placements(full) - Start */ /* ----------------------------------------- */ .noPadding {padding:0} p.ProdArtTitel {font-size: 18px;font-family:'Oswald', sans-serif; margin:10px 0;} p.ProdArtTitel img { margin-right: 20px; margin-bottom:8px;} /* ----------------------------------------- */ /* Inhalts-Template: Loop item in Alle Placements(full) - Ende */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* Inhalts-Template: Produktbild - Start */ /* ----------------------------------------- */ img.produktbild{} p.ohne-link { margin:0; } .ohne-link-a { display:block; position:absolute; top:100%; left:20px; transition: left 1s; } .kein-link.fokusiert .ohne-link-a { background: rgba(51,51,51,.8); color: #fff; top:100%; left: 0; padding: 0 5px; position: absolute; /*z-index: 98;*/ width: 146px; } .ProdDiv.kein-link img.produktbild:hover { opacity: 0.95; filter: alpha(opacity=95); } .ohne-link-a:before { content: ""; position:relative; top:0; left:0; bottom:0; right:0; font-size:14px; } .kein-link.fokusiert .ohne-link-a:before { content: "Artikel ist ausverkauft"; } /* ----------------------------------------- */ /* Inhalts-Template: Produktbild - Ende */ /* ----------------------------------------- */