/* Produkt Detail Popup */

@font-face {
    font-family: 'robotobold';
    src: url('fonts/roboto-bold-webfont.eot');
    src: url('fonts/roboto-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/roboto-bold-webfont.woff2') format('woff2'),
         url('fonts/roboto-bold-webfont.woff') format('woff'),
         url('fonts/roboto-bold-webfont.ttf') format('truetype'),
         url('fonts/roboto-bold-webfont.svg#robotobold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'robotolight';
    src: url('fonts/roboto-light-webfont.eot');
    src: url('fonts/roboto-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/roboto-light-webfont.woff2') format('woff2'),
         url('fonts/roboto-light-webfont.woff') format('woff'),
         url('fonts/roboto-light-webfont.ttf') format('truetype'),
         url('fonts/roboto-light-webfont.svg#robotolight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'robotomedium';
    src: url('fonts/roboto-medium-webfont.eot');
    src: url('fonts/roboto-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/roboto-medium-webfont.woff2') format('woff2'),
         url('fonts/roboto-medium-webfont.woff') format('woff'),
         url('fonts/roboto-medium-webfont.ttf') format('truetype'),
         url('fonts/roboto-medium-webfont.svg#robotomedium') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'robotoregular';
    src: url('fonts/roboto-regular-webfont.eot');
    src: url('fonts/roboto-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/roboto-regular-webfont.woff2') format('woff2'),
         url('fonts/roboto-regular-webfont.woff') format('woff'),
         url('fonts/roboto-regular-webfont.ttf') format('truetype'),
         url('fonts/roboto-regular-webfont.svg#robotoregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
/*
@font-face {
    font-family: 'Open Sans';
    src: url('fonts/OpenSans-Semibold.eot');
    src: url('fonts/OpenSans-Semibold.eot?#iefix') format('embedded-opentype'),
         url('fonts/OpenSans-Semibold.woff2') format('woff2'),
         url('fonts/OpenSans-Semibold.woff') format('woff'),
         url('fonts/OpenSans-Semibold.ttf') format('truetype'),
         url('fonts/OpenSans-Semibold.svg#robotoregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Open Sans';
    src: url('fonts/OpenSans-Semibold.eot');
    src: url('fonts/OpenSans-Semibold.eot?#iefix') format('embedded-opentype'),
         url('fonts/OpenSans-Semibold.woff2') format('woff2'),
         url('fonts/OpenSans-Semibold.woff') format('woff'),
         url('fonts/OpenSans-Semibold.ttf') format('truetype'),
         url('fonts/OpenSans-Semibold.svg#robotoregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

*/

/* Awesome */
@font-face {
  font-family: 'ppille';
  src: url('fonts/ppille.eot?62144348');
  src: url('fonts/ppille.eot?62144348#iefix') format('embedded-opentype'),
       url('fonts/ppille.woff?62144348') format('woff'),
       url('fonts/ppille.ttf?62144348') format('truetype'),
       url('fonts/ppille.svg?62144348#ppille') format('svg');
  font-weight: normal;
  font-style: normal;
}

/* Startseitenfont */
@font-face {
    font-family: 'skater_girls_rockregular';
    src: url('fonts/skater_girls_rock-webfont.eot');
    src: url('fonts/skater_girls_rock-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/skater_girls_rock-webfont.woff2') format('woff2'),
         url('fonts/skater_girls_rock-webfont.woff') format('woff'),
         url('fonts/skater_girls_rock-webfont.ttf') format('truetype'),
         url('fonts/skater_girls_rock-webfont.svg#skater_girls_rockregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* BEGIN Light */
@font-face {
  font-family: 'Open Sans';
  src: url("./fonts/Light/OpenSans-Light.eot?v=1.1.0");
  src: url("./fonts/Light/OpenSans-Light.eot?#iefix&v=1.1.0") format("embedded-opentype"), url("./fonts/Light/OpenSans-Light.woff2?v=1.1.0") format("woff2"), url("./fonts/Light/OpenSans-Light.woff?v=1.1.0") format("woff"), url("./fonts/Light/OpenSans-Light.ttf?v=1.1.0") format("truetype"), url("./fonts/Light/OpenSans-Light.svg?v=1.1.0#Light") format("svg");
  font-weight: 300;
  font-style: normal; }
/* END Light */
/* BEGIN Light Italic */
@font-face {
  font-family: 'Open Sans';
  src: url("./fonts/LightItalic/OpenSans-LightItalic.eot?v=1.1.0");
  src: url("./fonts/LightItalic/OpenSans-LightItalic.eot?#iefix&v=1.1.0") format("embedded-opentype"), url("./fonts/LightItalic/OpenSans-LightItalic.woff2?v=1.1.0") format("woff2"), url("./fonts/LightItalic/OpenSans-LightItalic.woff?v=1.1.0") format("woff"), url("./fonts/LightItalic/OpenSans-LightItalic.ttf?v=1.1.0") format("truetype"), url("./fonts/LightItalic/OpenSans-LightItalic.svg?v=1.1.0#LightItalic") format("svg");
  font-weight: 300;
  font-style: italic; }
/* END Light Italic */
/* BEGIN Regular */
@font-face {
  font-family: 'Open Sans';
  src: url("./fonts/Regular/OpenSans-Regular.eot?v=1.1.0");
  src: url("./fonts/Regular/OpenSans-Regular.eot?#iefix&v=1.1.0") format("embedded-opentype"), url("./fonts/Regular/OpenSans-Regular.woff2?v=1.1.0") format("woff2"), url("./fonts/Regular/OpenSans-Regular.woff?v=1.1.0") format("woff"), url("./fonts/Regular/OpenSans-Regular.ttf?v=1.1.0") format("truetype"), url("./fonts/Regular/OpenSans-Regular.svg?v=1.1.0#Regular") format("svg");
  font-weight: normal;
  font-style: normal; }
/* END Regular */
/* BEGIN Italic */
@font-face {
  font-family: 'Open Sans';
  src: url("./fonts/Italic/OpenSans-Italic.eot?v=1.1.0");
  src: url("./fonts/Italic/OpenSans-Italic.eot?#iefix&v=1.1.0") format("embedded-opentype"), url("./fonts/Italic/OpenSans-Italic.woff2?v=1.1.0") format("woff2"), url("./fonts/Italic/OpenSans-Italic.woff?v=1.1.0") format("woff"), url("./fonts/Italic/OpenSans-Italic.ttf?v=1.1.0") format("truetype"), url("./fonts/Italic/OpenSans-Italic.svg?v=1.1.0#Italic") format("svg");
  font-weight: normal;
  font-style: italic; }
/* END Italic */
/* BEGIN Semibold */
@font-face {
  font-family: 'Open Sans';
  src: url("./fonts/Semibold/OpenSans-Semibold.eot?v=1.1.0");
  src: url("./fonts/Semibold/OpenSans-Semibold.eot?#iefix&v=1.1.0") format("embedded-opentype"), url("./fonts/Semibold/OpenSans-Semibold.woff2?v=1.1.0") format("woff2"), url("./fonts/Semibold/OpenSans-Semibold.woff?v=1.1.0") format("woff"), url("./fonts/Semibold/OpenSans-Semibold.ttf?v=1.1.0") format("truetype"), url("./fonts/Semibold/OpenSans-Semibold.svg?v=1.1.0#Semibold") format("svg");
  font-weight: 600;
  font-style: normal; }
/* END Semibold */
/* BEGIN Semibold Italic */
@font-face {
  font-family: 'Open Sans';
  src: url("./fonts/SemiboldItalic/OpenSans-SemiboldItalic.eot?v=1.1.0");
  src: url("./fonts/SemiboldItalic/OpenSans-SemiboldItalic.eot?#iefix&v=1.1.0") format("embedded-opentype"), url("./fonts/SemiboldItalic/OpenSans-SemiboldItalic.woff2?v=1.1.0") format("woff2"), url("./fonts/SemiboldItalic/OpenSans-SemiboldItalic.woff?v=1.1.0") format("woff"), url("./fonts/SemiboldItalic/OpenSans-SemiboldItalic.ttf?v=1.1.0") format("truetype"), url("./fonts/SemiboldItalic/OpenSans-SemiboldItalic.svg?v=1.1.0#SemiboldItalic") format("svg");
  font-weight: 600;
  font-style: italic; }
/* END Semibold Italic */
/* BEGIN Bold */
@font-face {
  font-family: 'Open Sans';
  src: url("./fonts/Bold/OpenSans-Bold.eot?v=1.1.0");
  src: url("./fonts/Bold/OpenSans-Bold.eot?#iefix&v=1.1.0") format("embedded-opentype"), url("./fonts/Bold/OpenSans-Bold.woff2?v=1.1.0") format("woff2"), url("./fonts/Bold/OpenSans-Bold.woff?v=1.1.0") format("woff"), url("./fonts/Bold/OpenSans-Bold.ttf?v=1.1.0") format("truetype"), url("./fonts/Bold/OpenSans-Bold.svg?v=1.1.0#Bold") format("svg");
  font-weight: bold;
  font-style: normal; }
/* END Bold */
/* BEGIN Bold Italic */
@font-face {
  font-family: 'Open Sans';
  src: url("./fonts/BoldItalic/OpenSans-BoldItalic.eot?v=1.1.0");
  src: url("./fonts/BoldItalic/OpenSans-BoldItalic.eot?#iefix&v=1.1.0") format("embedded-opentype"), url("./fonts/BoldItalic/OpenSans-BoldItalic.woff2?v=1.1.0") format("woff2"), url("./fonts/BoldItalic/OpenSans-BoldItalic.woff?v=1.1.0") format("woff"), url("./fonts/BoldItalic/OpenSans-BoldItalic.ttf?v=1.1.0") format("truetype"), url("./fonts/BoldItalic/OpenSans-BoldItalic.svg?v=1.1.0#BoldItalic") format("svg");
  font-weight: bold;
  font-style: italic; }
/* END Bold Italic */
/* BEGIN Extrabold */
@font-face {
  font-family: 'Open Sans';
  src: url("./fonts/ExtraBold/OpenSans-ExtraBold.eot?v=1.1.0");
  src: url("./fonts/ExtraBold/OpenSans-ExtraBold.eot?#iefix&v=1.1.0") format("embedded-opentype"), url("./fonts/ExtraBold/OpenSans-ExtraBold.woff2?v=1.1.0") format("woff2"), url("./fonts/ExtraBold/OpenSans-ExtraBold.woff?v=1.1.0") format("woff"), url("./fonts/ExtraBold/OpenSans-ExtraBold.ttf?v=1.1.0") format("truetype"), url("./fonts/ExtraBold/OpenSans-ExtraBold.svg?v=1.1.0#ExtraBold") format("svg");
  font-weight: 800;
  font-style: normal; }
/* END Extrabold */
/* BEGIN Extrabold Italic */
@font-face {
  font-family: 'Open Sans';
  src: url("./fonts/ExtraBoldItalic/OpenSans-ExtraBoldItalic.eot?v=1.1.0");
  src: url("./fonts/ExtraBoldItalic/OpenSans-ExtraBoldItalic.eot?#iefix&v=1.1.0") format("embedded-opentype"), url("./fonts/ExtraBoldItalic/OpenSans-ExtraBoldItalic.woff2?v=1.1.0") format("woff2"), url("./fonts/ExtraBoldItalic/OpenSans-ExtraBoldItalic.woff?v=1.1.0") format("woff"), url("./fonts/ExtraBoldItalic/OpenSans-ExtraBoldItalic.ttf?v=1.1.0") format("truetype"), url("./fonts/ExtraBoldItalic/OpenSans-ExtraBoldItalic.svg?v=1.1.0#ExtraBoldItalic") format("svg");
  font-weight: 800;
  font-style: italic; }
/* END Extrabold Italic */




/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'ppille';
    src: url('fonts/ppille.svg?62144348#ppille') format('svg');
  }
}
*/

 [class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "ppille";
  font-style: normal;
  font-weight: normal;
  speak: none;

  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */

  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;

  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;

  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;

  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */

  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;

  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}

.icon-spin1:before { content: '\e800'; } /* '' */
.icon-plus-circled:before { content: '\e801'; right: 0.3em; position: absolute; font-size: 1.4em; text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.96); top: 8px; } /* '' */
.icon-ok-circled:before { content: '\e802'; } /* '' */
.icon-ok:before { content: '\e803'; } /* '' */
.icon-minus-circled:before { content: '\e804'; } /* '' */
.icon-angle-double-left:before { content: '\e805'; } /* '' */
.icon-angle-double-right:before { content: '\e806'; } /* '' */
.icon-angle-double-up:before { content: '\e807'; } /* '' */
.icon-angle-double-down:before { content: '\e808'; } /* '' */
.icon-down-dir:before { content: '\e809'; } /* '' */
.icon-up-dir:before { content: '\e80a'; } /* '' */
.icon-left-dir:before { content: '\e80b'; } /* '' */
.icon-right-dir:before { content: '\e80c'; } /* '' */
.icon-down-open:before { content: '\e80d'; } /* '' */
.icon-left-open:before { content: '\e80e'; } /* '' */
.icon-right-open:before { content: '\e80f'; } /* '' */
.icon-up-open:before { content: '\e810'; } /* '' */
.icon-angle-circled-left:before { content: '\e811'; } /* '' */
.icon-angle-circled-right:before { content: '\e812'; } /* '' */
.icon-angle-circled-down:before { content: '\e813'; } /* '' */
.icon-angle-left:before { content: '\e814'; } /* '' */
.icon-angle-right:before { content: '\e815'; } /* '' */
.icon-angle-up:before { content: '\e816'; } /* '' */
.icon-angle-down:before { content: '\e817'; } /* '' */
.icon-menu:before { content: '\e818'; } /* '' */
.icon-basket:before { content: '\e819'; } /* '' */
.icon-cart-plus:before { content: '\e81a'; } /* '' */
.icon-cart-arrow-down:before { content: '\e81b'; } /* '' */
.icon-trash-empty:before { content: '\e81c'; } /* '' */
.icon-login:before { content: '\e81d'; } /* '' */
.icon-logout:before { content: '\e81e'; } /* '' */
.icon-camera:before { content: '\e81f'; } /* '' */
.icon-heart:before { content: '\e820'; } /* '' */
.icon-heart-empty:before { content: '\e821'; } /* '' */
#mainRow .icon-magnifying:before { content: '\e822'; font-size: 2em; } /* '' */
.mobileicon .icon-magnifying:before { content: '\e822'; font-size: 1em !important; color: #fff; } /* '' */
.icon-user:before { content: '\e823'; } /* '' */
.icon-cancel-circled:before { content: '\e824'; } /* '' */
.icon-cancel:before { content: '\e825'; } /* '' */
.icon-home:before { content: '\e826'; } /* '' */
.icon-user-plus:before { content: '\e827'; } /* '' */
.icon-user-times:before { content: '\e828'; } /* '' */
.icon-users:before { content: '\e829'; } /* '' */
.icon-attention:before { content: '\e82a'; } /* '' */
.icon-spin3:before { content: '\e82b'; } /* '' */
.icon-mail:before { content: '\e82c'; } /* '' */
.icon-arrows-cw:before { content: '\e82d'; } /* '' */
.icon-cancel-1:before { content: '\e82e'; } /* '' */
.icon-arrows-ccw:before { content: '\e82f'; } /* '' */
.icon-paper-plane:before { content: '\e830'; } /* '' */
.icon-user-male:before { content: '\e831'; } /* '' */
.icon-user-1:before { content: '\e832'; } /* '' */
.icon-users-1:before { content: '\e833'; } /* '' */
.icon-user-female:before { content: '\e834'; } /* '' */
.icon-opentable:before { content: '\e835'; } /* '' */
.icon-star:before { content: '\e836'; } /* '' */
.icon-user-2:before { content: '\e837'; } /* '' */
.icon-mars:before { content: '\e838'; } /* '' */
.icon-venus:before { content: '\e839'; } /* '' */
.icon-soccer-ball:before { content: '\e83a'; } /* '' */
.icon-money:before { content: '\e83b'; } /* '' */
.icon-off:before { content: '\e83c'; } /* '' */
.icon-clock:before { content: '\e83d'; } /* '' */
.icon-spin2:before { content: '\e83e'; } /* '' */
.icon-lock:before { content: '\e83f'; } /* '' */
.icon-lock-open:before { content: '\e840'; } /* '' */
.icon-lock-open-alt:before { content: '\e841'; } /* '' */
.icon-credit-card:before { content: '\e842'; } /* '' */
.icon-cc-visa:before { content: '\e843'; } /* '' */
.icon-cc-mastercard:before { content: '\e844'; } /* '' */
.icon-cc-discover:before { content: '\e845'; } /* '' */
.icon-cc-amex:before { content: '\e846'; } /* '' */
.icon-cc-paypal:before { content: '\e847'; } /* '' */
.icon-lock-1:before { content: '\e848'; } /* '' */
.icon-lock-alt:before { content: '\e849'; } /* '' */
.icon-lock-open-1:before { content: '\e84a'; } /* '' */
.icon-lock-open-alt-1:before { content: '\e84b'; } /* '' */
.icon-asl:before { content: '\e84c'; } /* '' */
.icon-person:before { content: '\e84d'; } /* '' */
.icon-adult:before { content: '\e84e'; } /* '' */
.icon-ok-1:before { content: '\e84f'; } /* '' */
.icon-wrench:before { content: '\e850'; } /* '' */
.icon-cog-alt:before { content: '\e851'; } /* '' */
.icon-cog:before { content: '\e852'; } /* '' */
.icon-heartbeat:before { content: '\e853'; } /* '' */
.icon-magic:before { content: '\e854'; } /* '' */
.icon-pencil:before { content: '\e855'; } /* '' */
.icon-feather:before { content: '\e856'; } /* '' */
.icon-tools:before { content: '\e857'; } /* '' */
.icon-edit:before { content: '\e858'; } /* '' */
.icon-pencil-alt:before { content: '\e859'; } /* '' */
.icon-pencil-1:before { content: '\e85a'; } /* '' */
.icon-pencil-2:before { content: '\e85b'; } /* '' */
.icon-email:before { content: '\e85c'; } /* '' */
.icon-mic:before { content: '\e85d'; } /* '' */
.icon-share:before { content: '\e85e'; } /* '' */
.icon-videocam-alt:before { content: '\e85f'; } /* '' */
.icon-toggle-on:before { content: '\e860'; } /* '' */
.icon-toggle-off:before { content: '\e861'; } /* '' */
.icon-chart-pie:before { content: '\e862'; } /* '' */
.icon-video:before { content: '\e863'; } /* '' */
.icon-play:before { content: '\e864'; } /* '' */
.icon-video-1:before { content: '\e865'; } /* '' */
.icon-cancel-alt:before { content: '\e866'; } /* '' */
.icon-cancel-alt-filled:before { content: '\e867'; } /* '' */
.icon-play-1:before { content: '\e868'; } /* '' */
.icon-play-2:before { content: '\e869'; } /* '' */


[class^="icon-"], [class*=" icon-"] {
  font-family: 'ppille';
  font-style: normal;
  font-weight: normal;

  /* fix buttons height */
  line-height: 1em;

  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
}

.icon-spin1 {  zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } /* vor dem zoom ein * -> *zoom */
.icon-plus-circled {  zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-ok-circled {  zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-ok {  zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-minus-circled {  zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-angle-double-left {  zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-angle-double-right {  zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-angle-double-up {  zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-angle-double-down {  zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-down-dir {  zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-up-dir {  zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-left-dir {  zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-right-dir {  zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-down-open {  zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-left-open {  zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-right-open {  zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-up-open {  zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-angle-circled-left {  zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-angle-circled-right {  zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-angle-circled-down {  zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-angle-left {  zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-angle-right {  zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-angle-up {  zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-angle-down {  zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-menu {  zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-basket {  zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-cart-plus {  zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-cart-arrow-down {  zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-trash-empty {  zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-login {  zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-logout {  zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-camera {  zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-heart {  zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-heart-empty {  zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-magnifying {  zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-user {  zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-cancel-circled {  zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-cancel {  zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-home {  zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-user-plus {  zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-user-times {  zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-users {  zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-attention {  zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-spin3 {  zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-mail {  zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-arrows-cw {  zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-cancel-1 {  zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-arrows-ccw {  zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-paper-plane {  zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-user-male {  zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-user-1 {  zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-users-1 {  zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-user-female {  zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-opentable {  zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-star {  zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-user-2 {  zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-mars {  zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-venus {  zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-soccer-ball {  zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-money {  zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-off {  zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-clock {  zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-spin2 {  zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-lock {  zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-lock-open {  zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-lock-open-alt {  zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-credit-card {  zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-cc-visa {  zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-cc-mastercard {  zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-cc-discover {  zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-cc-amex {  zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-cc-paypal {  zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-lock-1 {  zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-lock-alt {  zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-lock-open-1 {  zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-lock-open-alt-1 {  zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-asl {  zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-person {  zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-adult {  zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-ok-1 {  zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-wrench {  zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-cog-alt {  zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-cog {  zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-heartbeat {  zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-magic {  zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-pencil {  zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-feather {  zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-tools {  zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-edit {  zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-pencil-alt {  zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-pencil-1 {  zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-pencil-2 {  zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-email {  zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-mic {  zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#e85d; ');  }
.icon-share {  zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#e85e; ');  }
.icon-videocam-alt {  zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#e85f; ');  }
.icon-toggle-on {  zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#e860; ');  }
.icon-toggle-off {  zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#e861; ');  }
.icon-chart-pie {  zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#e862; ');  }
.icon-video {  zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#e863; ');  }
.icon-play:before {  zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#e864; ');  }
.icon-video-1:before {  zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#e865; ');  }
.icon-cancel-alt:before {  zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#e866; ');  }
.icon-cancel-alt-filled:before {  zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#e867; ');  }
.icon-play-1:before {  zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#e868; ');  }
.icon-play-2:before {  zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#e869; ');  }


body {
	margin: 0;
	padding: 0;
	background: #e6e2e0;
	font-family: 'robotoregular', 'Open Sans', sans-serif;
	font-size: 1em;
}

:selection { background: rgba(102,102,102,0.6); color: #fff; }

header {
/*	height: 200px; */
}
/*
.paulpille {
	background-image: url('img/paulpillehintergrund.svg');
/ *	background-image: none, url('img/paulpillehintergrund.svg'); * /
	background-size: 100% 260px;
	background-repeat: no-repeat;
	background-position: center 0;
}

header .container {
//	padding: 20px 25px;
}
*/
header.mobileheader > .container {
	background: url('/documents/products/Statisch/paulpille/pauldiepille.svg');
	background-size: 100%;
	background-repeat: no-repeat;
	padding: 0 15px 0 25px;
}

a {
	outline: 0 !important;
}

b, optgroup, strong,
a, a:link, a:visited {
	font-weight: 600;
	text-decoration: none;
}

h3#termsLabel { color: #fff; } /* id="termsLabel" class="modal-title">Versandkosten</h3> */

.topmenu ul.navbar-nav li a {
    line-height: 23px;
}

.topmenu ul.navbar-nav li a:focus,
.topmenu ul.navbar-nav li.useraccount a:hover,
.topmenu ul.navbar-nav li.useraccount:hover,
.topmenu ul.navbar-nav li a:hover,
.topmenu ul.navbar-nav li:hover {
	background: #b01934;
	cursor: pointer;
}

.navmenu .dropdown-menu a, .topmenu .dropdown-menu a, .topmenu ul.navbar-nav li.dropdown a.dropdown-toggle {
	font-weight: 600;
}

.topmenu ul.navbar-nav li.dropdown {
	padding: 0;
}

button {
	outline: none;
}

.jPanelMenu-panel {
	z-index: initial !important;
}

#cart-menu {
	right: 2px;
	padding: 5px 14px 10px;
}
#cart-menu,
.login-dropdown {
	width: 278px;
}

.cart-table-quantity {
	max-width: 38px;
}
.cart-table-product {
	max-width: 155px;
	overflow: hidden;
	text-overflow: ellipsis;
}
.cart-table-price {
	max-width: 55px;
	text-align: right;
}

.open>.dropdown-menu {
	padding: 10px 14px;
}

.headercarthover {
	width: 140px;
	text-align: center;
}

li.useraccount,
a.tooltiphover {
	width: 68px;
}

.remembercustomer {
	font-size: 0.9em;
	font-weight: 600;
}

.slick-initialized .slick-slide {
	display: block;
}

.slick-slide {
	display: none;
	float: left;
	height: 100%;
	min-height: 1px;
}

.pdfview.kategorie h4 {
    margin-top: 20px;
}

.pdfview h4 {
    margin-bottom: 0;
}

nav.hidden-xs.hidden-sm, /* TopZeile ausgeblendet, Login, Hotline */
div.topmenu.hidden-xs ul.list-inline {
	display: none;
}
/*
div#mainRow.row {
//	padding: 0 25px;
}
*/
div.hidden-xs.margin {
	background: #fff;
}

.image-landingpage {
    margin-bottom: 1em;
}

.image-landingpage img {
    width: 100%;
}

.image-landingpage video {
    display: block;
}

.noafter:after { content:'' !important; }

.navmenu:after {
	background-image: transparent;
}

.navmenu ul li a.dropdown-toggle, .navmenu ul li.link a {
	font-weight: 600;
	font-family: 'Open Sans', sans-serif;
	font-size: 1.1em;
}

.navmenu .dropdown-menu a, .topmenu .dropdown-menu a {
	text-decoration: none;
	background: transparent;
}
.navmenu .dropdown-menu a:link, .topmenu .dropdown-menu a:link,
.navmenu .dropdown-menu a:visited, .topmenu .dropdown-menu a:visited,
.navmenu .dropdown-menu a:active, .topmenu .dropdown-menu a:active,
.navmenu .dropdown-menu a:hover, .topmenu .dropdown-menu a:hover {
	text-decoration: none;
	background: transparent;
}

.navmenu .dropdown a,
.navmenu .dropdown a:link,
.navmenu .dropdown a:visited,
.navmenu .link a,
.navmenu .link a:link,
.navmenu .link a:visited {
	color: #fff;
	font-family: 'robotoregular', 'Open Sans', sans-serif;
	font-size: 1.4em;
}

.navmenu .dropdown ul li a,
.navmenu .dropdown ul li a:link,
.navmenu .dropdown ul li a:visited {
	color: #4a4b4f;
	font-family: 'robotoregular', 'Open Sans', sans-serif;
	font-size: 1em;
}

.navmenu .dropdown.open>.dropdown-menu {
	padding: 0;
}

.navmenu .dropdown.open>.dropdown-menu li a:hover {
	color: #fff;
	background: #e20c44;
	text-decoration: none;
}

.topmenu .navbar {
	border: 0;
}

.topmenu .navbar form.searchtextbox {
	position: absolute;
	left: 0;
}

.topmenu .navbar form.searchtextbox input.searchtextbox {
    padding-left: 6px;
}

form.searchtextbox .pzn-scan-button {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0;
    right: 52px;
    height: 100%;
}

form.searchtextbox .pzn-scan-button button {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    background: #e20c44;
    color: #eff3f7;
    padding: 4px;
    border: none;
}

form.searchtextbox .pzn-scan-button button:hover {
    color: #e20c44;
    background: white;
}

form.searchtextbox .pzn-scan-button button figure {
    display: flex;
    align-items: center;
    justify-content: center;
    color: inherit;
}

form.searchtextbox .pzn-scan-button button figure svg {
    stroke: currentColor;
}

#menu-search.search-mobile form.searchtextbox {
    display: flex;
    border: none;
    padding: 0 !important;
}

#menu-search.search-mobile form.searchtextbox input.searchtextbox {
    width: 100% !important;
    margin: 0 !important;
    padding-left: 6px !important;
}

#menu-search.search-mobile form.searchtextbox .pzn-scan-button {
    right: 1px;

}
#menu-search.search-mobile form.searchtextbox .pzn-scan-button button {
    border-radius: 3px;
}

.topmenu .navbar ul.navbar-nav>li {
	height: 40px;
}

.topmenu .navbar ul.navbar-nav>li.open>a {
	background: #B01934;
}

.menuright .dropdown-menu {
	position: relative;
}

.menuright .open>.dropdown-menu {
	padding: 0 0 0 10px;
	font-size: 1em;
}

.menuright .open>.dropdown-menu ul li ul li {
	padding: 0 0 0 20px;
}

.menuright .open>.dropdown-menu ul li ul li:before {
	padding: 0 0 0 20px;
}

.menuright .open>ul.dropdown-menu li:before {
	float: left;
}

.menuright .open>ul.dropdown-menu > li > a {
	clear: none;
}

.menuright .open>ul.dropdown-menu > li > a.active {
	color: #dd1a47;
}

.menuright .open>ul.dropdown-menu > li > a.active:before {
	color: #dd1a47;
}

.menuright ul.list-inline li.dropdown.openactive,
.menuright ul.list-inline li.dropdown.open {
	display: block;
}

.moreillustrations { display: none; }

.useraccount {
	background: #4a4b4f;
}

ul.navigation-list {
/*	background: rgba(255, 255, 255, 0.9); */
	background: transparent;
}

.dialekt {
    font-size: 1.4em;
    color: #e20c44;
}

.container, .container-fluid { padding: 0 10px 0 20px;  /*padding: 0 20px;*/ }

#contact { margin: 0 auto; max-width: 1170px; padding: 0; font-size: 1.15em; }

/* #product-list .row { background: #fff; } */

.row { margin: 0; }

.mobileheader .container {  }

/*
.topmenu .navbar ul.navbar-nav .dropdown {
	background: #e20c44;
}
*/

th {
	color: #fff;
	background: #4a4b4f;
}

tr.tableartikel {
	background: #fff;
}

.table>thead>tr>th {
	border-bottom: 0;
}

.table>tbody>tr.tr-small td {
	padding: 2px 0 2px 8px;
	vertical-align: top;
	border: 0;
}

.table>tbody>tr.tr-small.last td {
	padding: 2px 0 2px 8px;
}

.table .alignright {
	text-align: right;
}

.table .aligncenter {
	text-align: center;
}

.table .tablearticle-last td {
	border-top: 1px solid #4a4b4f;
	padding: 15px 0 0 8px;
}

.table i.icon-cancel {
	background: #fff;
	padding: 8px;
	border-radius: 5px;
}

.table i.icon-cancel:hover {
	color: #fff;
	background: #e20c44;
}

table .tableartikel a.produktname {
	font-size: 1.2em;
}

.content {
	position: relative;
}

.content-box .content {
	font-size: 1.2em;
}

.PaymentController .checkout .content-box .content {
	min-height: 10em;
}

.checkout .content-box .content img {
	width: 70px;
	margin: 0 8px 30px 0;
	float: left;
}

.PaymentController .content-box .content {
	font-size: 1.0em;
}

.PaymentController .content-box .content .content.textindent p {
	text-indent: -21px;
    padding: 0 0 0 16px;
}

.PaymentController .content-box .content .content.textindent input {
	margin: 0px 6px 0 0;
}

.content-box .content table {
	font-size: 0.9em;
}

.content-box .head.margin {
	margin-top: 10px;
}

.OrderController .checkout .info {
	height: 230px;
}

iframe#OffAmazonPaymentsWidgets3IFrame {
	height: 200px;
}

.OrderController .content-box div#readOnlyAddressBookWidgetDiv,
.OrderController .content-box div#readOnlyWalletWidgetDiv {
	padding: 10px 10px 10px 0px;
	height: 220px;
}

.OrderController .checkout .content-box .content, .OrderController .checkout .content-box .content.smaller, .ordergtcbox {
	background: #EFF3F7;
}

.after-search-result.truncate, .checkout .info p {
    line-height: 1.5em;
}

/* .refresh a.rollover */
i.hi-icon.icon-arrows-cw {
	display: block;
	width: 50px;
	margin: 5px auto;
	height: 32px;
	text-align: center;
	background: #fff;
	color: #ddd;
	padding: 10px 0;
	border-radius: 5px;
}

/* .refresh a.rollover:hover */
/*
i.hi-icon.icon-arrows-cw:hover {
	color: #fff;
	background: #e20c44;
}
*/
/*
.refresh .hi-icon {
	box-shadow: 0 0 0 4px rgba(255,255,255,1);
	transition: background 0.2s, color 0.2s;
}

.no-touch .refresh .hi-icon:hover {
	background: rgba(255,255,255,1);
	color: #64bb5d;
}

.no-touch .refresh .hi-icon:hover:before {
	animation: spinAround 2s linear infinite;
}

@keyframes spinAround {
	from {
		transform: rotate(0deg)
	}
	to {
		transform: rotate(360deg);
	}
}
*/

.paulpilleapp {
	background-image: url('/documents/products/Statisch/paulpille/startseite/paulpille_app-NFC-HG.jpg');
}
.paulpilleapp .teaserbox {
	color:#d22c45;
}
.paulpilleapp .mobile-store-img {
	max-width: 100px;
}

.paulpilleapp .mobile-store_wrapper {
	padding: 5px 0;
}

.paulpilleapp .suptext {
	/* padding-top: 10px; */
	font-size: 0.75em;
	color:#666;
}

.hi-icon-effect-6 .hi-icon {
	-webkit-transition: background 0.2s, color 0.2s;
	-moz-transition: background 0.2s, color 0.2s;
	transition: background 0.2s, color 0.2s;
}

.hi-icon-effect-6 .hi-icon:hover {
	color: #fff;
	background: #e20c44;
}

.hi-icon-effect-6 .hi-icon:hover:before {
	-webkit-animation: spinAround 2s linear infinite;
	-moz-animation: spinAround 2s linear infinite;
	animation: spinAround 2s linear infinite;
}

@-webkit-keyframes spinAround {
	from {
		-webkit-transform: rotate(0deg)
	}
	to {
		-webkit-transform: rotate(360deg);
	}
}
@-moz-keyframes spinAround {
	from {
		-moz-transform: rotate(0deg)
	}
	to {
		-moz-transform: rotate(360deg);
	}
}
@keyframes spinAround {
	from {
		transform: rotate(0deg)
	}
	to {
		transform: rotate(360deg);
	}
}







.icon-plus-circled { display: none; }
.icon-angle-down { display: none; }

.refreshcart:before { content: '\e82d'; }

i.icon-user { font-size: 2.4em; margin: 6px 9px 0px 18px; position: relative; top: 8px; }
i.icon-basket { font-size: 2.4em; margin: 6px 9px 0px 17px; position: relative; top: 8px; }
.mobileicon i.icon-menu,
.mobileicon i.icon-user,
.mobileicon i.icon-basket { font-size: 1em; color: #fff; margin: 0; top: 0; }

.nowrap { white-space: nowrap; }

.navmenu .list-inline .dropdown a.dropdown-toggle:after,
#module_cart .dropdown-toggle:after { font-family: 'ppille'; content: '\e817'; }

.mobileheader-xs {
	max-width:100px; max-height: 30px; text-align: right; margin: 0;
}

.apotheke {
	text-align: center;
	margin: -20px 0 20px 6px
}

.apotheke img {
	width: 140px;
	height: auto;
}

.dimdi img {
	width: 140px;
	height: auto;
}

/*
.IndexController .apotheke {
	display: none;
}
*/
.content-text-right {
	text-align: right;
}

.content-text-left {
	text-align: left;
}



#details .deliverytime {
/*	padding-top: 20.0em; */
}

#details .price-infos {
	text-align: left;
	font-size: 1.2em;
}

#details .save-price {
	font-size: 1.3em;
    padding-top: 1.2em;
	color: #e20c44;
	float: left;
}

#details .price {
	float: right;
    padding: 0.1em 0 0 0;
    line-height: 1em;
}

.ProductController #blockcontent .small {
	font-size: 0.96em;
}

.ProductController #blockcontent h2 {
	line-height: 1.2em;
	margin-top: 10px;
}

a.preisaufanfrage {
	font-size: 0.4em;
	font-weight: 400;
}

.package-size-product a.preisaufanfrage {
	font-size: 0.8em;
	font-weight: 400;
}

.height-60 {
	height: 60px;
}

/* WARENKORB */
ul.list-inline .fortschritt {
/*
	position: absolute;
	color: #fff;
	top: -50px;
	left: -30px;
	font-size: 48px !important;
	border-radius: 50%;
	background: #e20c44;
	width: 58px;
	height: 58px;
	line-height: 44px;
	text-align: center;
	font-weight: normal;
	padding: 8px 0 0 11px;
	z-index: 3;
*/
	/* position: absolute; */
	color: #fff;
	/* top: -20px; */
	/* left: -30px; */
	font-size: 48px !important;
	border-radius: 50%;
	/* background: #e20c44; */
	/* width: 58px; */
	/* height: 58px; */
	/* line-height: 44px; */
	/* text-align: center; */
	font-weight: normal;
	/* padding: 8px 0 0 11px; */
	line-height: 1.32em;
	z-index: 300;
}

ul.list-inline a .fortschritt:after {
	background: #B01934;
}

ul.list-inline a.active .fortschritt:after {
	background: #e20c44;
}

/* * /
ul.list-inline .fortschritt:after {
	position: absolute;
	color: #fff;
	top: 3px;
	left: -6px;
	font-size: 48px !important;
	border-radius: 50%;
	background: #888;
	width: 58px;
	height: 58px;
	line-height: 44px;
	font-weight: normal;
	padding: 8px 0 0 11px;
	content: "";
	z-index: -1;
}
*/
ul.list-inline .fortschritt:after {
	position: absolute;
	color: #fff;
	top: 3px;
	left: -10px;
	font-size: 48px !important;
	border-radius: 50%;
	background: #888; /* 2d9ed7; */
	width: 58px;
	height: 58px;
	line-height: 44px;
	font-weight: normal;
	padding: 8px 0 0 11px;

	content: "";
	z-index: -1;
}


.list-inline>li {
/*	display: inline-block; */
	padding-right: 5px;
	padding-left: 5px;
	position: relative;
	white-space: nowrap;
	z-index: 10;
}

section#content {
	margin-top: -20px;
	margin-bottom: 30px;
}

.ProductGroupController section#content,
.SearchController section#content {
	margin-bottom: 0px;
}

/* INDIVIDUELLE SEITEN */

.SonnenController .breadcrumb,
.IndexController .breadcrumb { display: none; }

.SonnenController .alert,
.IndexController .alert {
	top: -30px;
    position: relative;
}

.SonnenController #blockcontent,
.IndexController #blockcontent {
	background: transparent;
	padding: 0;
	margin-right: 0px;
}

.SonnenController .products,
.IndexController .products {
	overflow: hidden;
}

.MailingListController #blockcontent {
	background-image: url('../documents/products/Statisch/paulpille/paul_newsletter.png');
	background-repeat: no-repeat;
    background-size: contain;
    min-height: 330px;
}

.OrderController.DisplayOrderComplete .container > .checkout {
	background-image: url('/documents/products/Statisch/paulpille/paul_bestellabschluss.png');
	background-repeat: no-repeat;
    background-size: contain;
    min-height: 400px;
}

.order_complete_content {
	width:60%;
}

@media only screen and (min-width: 769px) {
	.sovendus-div {
		width:60%;
	}
}

/* TÜV Rheinland
.OrderController.DisplayOrderComplete .checkout {
	background-image: url('../img/paul_badewanne.png');
	background-repeat: no-repeat;
    background-size: contain;
    min-height: 475px;
}
*/
/* .OrderController.DisplayOrderComplete .checkoutsite {
    width: 60%;
} */

.ResendActivationController #blockcontent {
    min-height: 340px;
}

/*
.ForgotPasswordController #blockcontent {
	background: transparent;
	padding-left: 0;
}
*/

.ForgotPasswordController #blockcontent {
	background-image: url('/documents/products/Statisch/paulpille/paul_passwort.png');
	background-repeat: no-repeat;
    background-size: contain;
    min-height: 340px;
}
/*
.ProductController #blockcontent {
	background-image: url('../img/paul_404.png');
	background-repeat: no-repeat;
    background-size: contain;
    min-height: 340px;
}
*/
.sitenotfound {
	background-image: url('/documents/products/Statisch/paulpille/paul_404.png');
	background-repeat: no-repeat;
    background-size: contain;
    min-height: 340px;
    font-size: 1.3em;
}
.ForgotPasswordController.DisplayActivation .alert,
.ForgotPasswordController .boxwhite {
	width: 80%;
	margin: 14px 0 120px 0;
}

.nospace { margin: 0; padding: 0; }

.DashboardController #blockcontent {
	background-image: url('../documents/products/Statisch/paulpille/paul_sonnenstuhl.png');
	background-repeat: no-repeat;
    background-size: contain;
    background-position: right bottom;
}


.startbox {
	border: 0;
	position: relative;
	padding: 10px;
}

.startboxbanner {
    margin-right: 10px; position: relative;
}

.product-box, .product-box-large {
	border: 0;
}

.progress-bar, .progress-bar-warning {
	background-color: #2d9ed7;
}

.height-10 { height: 10px; }
.height-30 { height: 30px; }

.bannerstart { min-height: 30px; }

.cc-banner {
    z-index: 2147483658 !important;
}

#details .warenkorb-row {
	border-radius: 0;
}

.startbox a,
.product-box a {
	color: #e20c44;
}
.startbox a:hover,
.product-box a:hover {
	color: #B01934;
}

.startbox a.minus,
.startbox a.plus,
.product-box a.minus,
.product-box a.plus {
    min-width: 24px;
    text-align: center;
}

.startbox a.minus:hover,
.startbox a.plus:hover,
.product-box a.minus:hover,
.product-box a.plus:hover {
		color: #fff;
}

.startbox .title {
	font-size: 1.4em;
	margin: 0 0 1px 0;
	width: 60%;
	font-weight: bold;
	cursor: pointer;
}
.startbox .title a:hover {
	cursor: pointer;
}
.startbox .description {
	width: 55%;
	height: 68px;
	overflow: hidden;
	text-overflow: ellipsis;
}

.startbox .product-data {
	position: absolute;
	bottom: 46px;
}

.startbox .product-data p {
	margin: 0px;
}

.overview-article #description-short-text h2 {
    font-size: 1.3em;
    color: #e20c44;
    line-height: 1.2em;
    margin-bottom: 1em;
}

.overview-article #description-short-text p {
	font-size: 1em;
}

.product-list .description .title a {
	font-family: robotoregular,'Open Sans', sans-serif;
	font-weight: 700;
}

.min-height-210 {
	height: 210px;
}


.servicebar-bg {
	background: #EFF3F7;
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 40px;
	left: 0;
}

.startbox .start-servicebar-bg {
	background: #EFF3F7;
	position: absolute;
	bottom: 0;
	width: 50%;
	height: 40px;
	right: 0;
}

.row .topteaserlink {
	background: transparent; /* rgba(0,0,0,0.2); */
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
}

.row.topteaser h1 {
	font-family: 'skater_girls_rockregular';
	color: #2d9ed7;
	font-size: 1em;
	margin: 0;
}

#e-rezept-schrift {
	width: 68%;
}

.willkommensbox h1.willkommenname a,
.willkommensbox h1.willkommenname,
.willkommenname {
	color: #e20c44;
	font-weight: 300;
}

.willkommensbox h1.willkommenname a:hover {
	color: #4a4b4f;
}

.willkommensbox {
	position: absolute;
    top: -40px;
    background: #fff;
    padding: 4px 10px;
    border: 5px solid #E6E2DF;
    left: 50%;
    min-height: 90px;
    width: 440px;
    margin-left: -220px;
 	font-size: 1.2em;
	font-weight: 300;
	font-family: robotoregular, 'Open Sans', sans-serif;
	color: #4a4b4f;
	background-image: url('img/paulpille_start.png');
/*	background-position: top -5px right 0px; */
	background-position-x: right;
	background-position: right -14px bottom -37px;
	background-repeat: no-repeat;
	background-size: 90px 150px;
	z-index: 100;
}

.start-right img,
.start-left img {
    width: 100%;
}

.teaserelements {
    bottom: 0;
    position: absolute;
    width: 45%;
    margin-left: 28%;
}

.topteaser img.teaserpaulrennt {
/*    width: 44%; */
}

.teaserproducts {
	bottom: 0;
	position: absolute;
	width: 31%;
	margin-left: 35%;
}

.teaserelements img,
.teaserproducts img {
	width: 100%;
}

.willkommensbox h1 {
	font-size: 1.7em;
	font-weight: 300;
	font-family: robotoregular, 'Open Sans', sans-serif;
	color: #4a4b4f;
}

.willkommensbox p {
	width: 86%;
	font-size: 1.2em;
}

#blockcontent .back {
	position: absolute;
    top: -35px;
    right: 22px;
    font-size: 1.2em;
}

.fontsizeup {
	font-size: 1.2em;
}

.panel-group p,
.information {
/*	font-size: 1.2em; */
}

.maxposition {
	position: relative;
}

.maxbestellmenge {
	position: absolute;
    top: 36px;
    left: 50px;
    padding: 6px 10px;
    margin: 1em 0 3em;
    width: 135px;
    color: #fff;
    background: #e20c44;
    border-radius: 10px;
    z-index: 10;
/*
	position: relative;
    padding: 15px;
    margin: 1em 0 3em;
    color: #fff;
    background: #075698;
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#2e88c4), to(#075698));
    background: -moz-linear-gradient(#2e88c4, #075698);
    background: -o-linear-gradient(#2e88c4, #075698);
    background: linear-gradient(#2e88c4, #075698);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
*
    position: relative;
    padding: 15px;
    margin: 1em 0 3em;
    color: #fff;
    background: #075698;
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#2e88c4), to(#075698));
    background: -moz-linear-gradient(#2e88c4, #075698);
    background: -o-linear-gradient(#2e88c4, #075698);
    background: linear-gradient(#2e88c4, #075698);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
*/
}

.searchempty {
	display: none;
	position: absolute;
    top: 36px;
    left: 25px;
    padding: 6px 10px;
    margin: 1em 0 3em;
    font-size: 1.2em;
    width: 280px;
    color: #fff;
    background: #e20c44;
    border-radius: 10px;
    z-index: 10;
}

.searchempty:after {
	content: "";
    position: absolute;
    top: -20px;
    left: 12px;
    border-width: 0px 15px 20px 0px;
    border-style: solid;
    border-color: #e20c44 transparent;
    display: block;
    width: 0;
}

.warenkorb-mobile .product-box .price {
	line-height: 41px;
}

.warenkorb-mobile .maxbestellmenge {
	top: 20px;
    left: 30px;
    width: 115px;
    padding: 5px 9px;
}

.warenkorb-mobile .maxbestellmenge:after {
	top: -10px;
	border-width: 0px 8px 10px 0px;
}

/*
.maxbestellmenge.left {
    margin-left: 40px;
    background: #075698;
}

.maxbestellmenge.left:after {
	top: 16px;
    left: -40px;
    bottom: auto;
    border-width: 0px 40px 16px 0;
    border-color: transparent #075698;
}
*/


.maxbestellmenge:after {
	content: "";
    position: absolute;
    top: -20px;
    left: 12px;
    border-width: 0px 15px 20px 0px;
    border-style: solid;
    border-color: #e20c44 transparent;
    display: block;
    width: 0;
/*
    top: 16px;
    left: -40px;
    bottom: auto;
    border-width: 0px 40px 16px 0;
    border-color: transparent #075698;
*
    content: "";
    position: absolute;
    bottom: -20px;
    left: 50px;
    border-width: 20px 0 0 20px;
    border-style: solid;
    border-color: #075698 transparent;
    display: block;
    width: 0;
*/
}

.wirksubstanz {
	font-size: 1.2em;
}

/* eigentlich 1.2em */
.inlay {
	font-size: 1em;
}


.basketquantity {
    position: absolute;
    top: 10px;
    right: 10%;
    color: #fff;
    font-size: 0.4em;
    background: #e20c44;
    height: 14px;
    width: 14px;
    padding: 1px;
    margin: 0;
    line-height: 1.4em;
    border-radius: 50%;
}

.teaserelementbox {
    position: absolute;
    bottom: 0;
    width: 25%;
    padding: 0;
    right: 0;
    font-size: 1.2em;
    margin-bottom: 19px;
}
.paulpilleerezept .teaserelementbox {
	width: 36%;
}


.teaserelementbox img.sprechblasen {
    display: none;
}
.teaserbox {
	width: 33%;
/*	padding: 0 24px 20px 0; */
	padding: 0;
	clear: right;
	float: right;
	font-size: 1.2em;
}

.teaserbox h1 {
/*	padding: 0px 20px 0px 20px; */
	padding: 0px 55% 0px 0px;
	line-height: 1em;
	width: 100%;
}
.teaserbox p {
/*	background: rgba(243, 239, 237, 0.9); */
	padding: 5px 15px 18px 10px;
	margin: 0;
}

.row.topteaser {
	background-repeat: no-repeat;
	background-size: contain;
	background-color: #f3efed;
	margin: 0px 10px 30px 0;
	min-height: 210px;
	position: relative;
}

#description-short-text {
    font-size: 1.3em;
}

.ProductGroupController .row.topteaser {
	margin: 0px 0px 10px 0;
}

.ProductGroupController .teaserbox {
	width: 55%;
}

.ProductGroupController .teaserelements {
    width: 32%;
    margin-left: 45%;
}
.ProductGroupController .teaserproducts {
    width: 32%;
    margin-left: 45%;
}

.ProductGroupController .teaserbox.teaserboxzitrone {
    width: 25%;
}

.ProductGroupController .teaserbox p {
	padding: 0px 15px 18px 10px;
}



.arrow_block {
	right: 30px;
	margin: 10px 10px 0px 0px;
	float: right;
}

.arrow_block .arrows {
    font-family: 'Open Sans',sans-serif;
    font-weight: 600;
}

.arrow_block .arrows:hover {
    cursor: pointer;
}

.arrow_box {
	position: relative;
	background: #2d9ed7;
	padding: 3px 16px 4px 10px;
	width: 160px;
	height: 32px;
	border-radius: 1px 0 0 1px;
	font-size: 1.8em;
	font-weight: 600;
	color: #fff;
	font-family: 'Open Sans', sans-serif;
	margin: 4px 0 6px 0;
	text-align: center;
}

.arrow_box:after {
	left: 99.9%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
/*	border-color: rgba(136, 183, 213, 0); */
	border-left-color: #2d9ed7;
	border-width: 16px;
	margin-top: -16px;
}

.arrow_box,
.arrow_box a {
	color: #fff;
	display: block;
	cursor: pointer;
}
.arrow_box:hover,
.arrow_box a:hover {
	cursor: pointer;
}
.arrow_box:hover:after{
	border-left-color: #2e73a6;
}
.arrow_box:hover {
	background: #2e73a6;
}


.arrow_box_left {
	position: relative;
	background: #2e73a6;
	padding: 3px 16px 4px 10px;
	width: 160px;
	height: 32px;
	border-radius: 1px 0 0 1px;
	font-size: 1.8em;
	font-weight: 600;
	color: #fff;
	font-family: 'Open Sans', sans-serif;
	margin: 4px 0 6px 0;
	text-align: center;
}

.arrow_box_left:after {
	right: 99.9%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
/*	border-color: rgba(136, 183, 213, 0); */
	border-right-color: #2e73a6;
	border-width: 16px;
	margin-top: -16px;
}

.arrow_box_left,
.arrow_box_left a {
	color: #fff;
	display: block;
}
.arrow_box_left:hover:after{
	border-right-color: #2e73a6;
}
.arrow_box_left:hover {
	background: #2e73a6;
}



.arrow_box_weiss {
    position: relative;
    background: #efa0c4;
    padding: 3px 16px 4px 10px;
    width: 160px;
    height: 32px;
    border-radius: 1px 0 0 1px;
    font-size: 1.8em;
    font-weight: 600;
    color: #e20c44;
    font-family: 'Open Sans', sans-serif;
    margin: 4px 0 6px 0;
    text-align: center;
}

.arrow_box_weiss:after {
    left: 99.9%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    /*	border-color: rgba(136, 183, 213, 0); */
    border-left-color: #efa0c4;
    border-width: 16px;
    margin-top: -16px;
}

.arrow_box_weiss,
.arrow_box_weiss a {
    color: #e20c44;
    display: block;
    cursor: pointer;
}
.arrow_box_weiss:hover,
.arrow_box_weiss a:hover {
    cursor: pointer;
}
.arrow_box_weiss:hover:after{
    border-left-color: #fff;
}
.arrow_box_weiss:hover {
    background: #fff;
}

.arrow_box_weiss_left {
    position: relative;
    background: #fff;
    padding: 3px 16px 4px 10px;
    width: 160px;
    height: 32px;
    border-radius: 1px 0 0 1px;
    font-size: 1.8em;
    font-weight: 600;
    color: #e20c44;
    font-family: 'Open Sans', sans-serif;
    margin: 4px 0 6px 0;
    text-align: center;
}

.arrow_box_weiss_left:after {
    right: 99.9%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    /*	border-color: rgba(136, 183, 213, 0); */
    border-right-color: #fff;
    border-width: 16px;
    margin-top: -16px;
}

.arrow_box_weiss_left,
.arrow_box_weiss_left a {
    color: #e20c44;
    display: block;
}
.arrow_box_weiss_left:hover:after {
    border-right-color: #fff;
}
.arrow_box_weiss_left:hover {
    background: #fff;
}





.arrow_box_rosa {
    position: relative;
    background: #e20c44;
    padding: 3px 16px 4px 10px;
    width: 160px;
    height: 32px;
    border-radius: 1px 0 0 1px;
    font-size: 1.8em;
    font-weight: 600;
    color: #fff;
    font-family: 'Open Sans', sans-serif;
    margin: 4px 0 6px 0;
    text-align: center;
}

.arrow_box_rosa:after {
    left: 99.9%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    /*	border-color: rgba(136, 183, 213, 0); */
    border-left-color: #e20c44;
    border-width: 16px;
    margin-top: -16px;
}

.arrow_box_rosa,
.arrow_box_rosa a {
    color: #fff;
    display: block;
    cursor: pointer;
}
.arrow_box_rosa:hover,
.arrow_box_rosa a:hover {
    cursor: pointer;
	color: #e20c44;
}
.arrow_box_rosa:hover:after{
    border-left-color: #fff;
}
.arrow_box_rosa:hover {
    background: #fff;
	color: #e20c44;
}

.arrow_box_rosa_left {
    position: relative;
    background: #fff;
    padding: 3px 16px 4px 10px;
    width: 160px;
    height: 32px;
    border-radius: 1px 0 0 1px;
    font-size: 1.8em;
    font-weight: 600;
    color: #e20c44;
    font-family: 'Open Sans', sans-serif;
    margin: 4px 0 6px 0;
    text-align: center;
}

.arrow_box_rosa_left:after {
    right: 99.9%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    /*	border-color: rgba(136, 183, 213, 0); */
    border-right-color: #fff;
    border-width: 16px;
    margin-top: -16px;
}

.arrow_box_rosa_left,
.arrow_box_rosa_left a {
    color: #e20c44;
    display: block;
}
.arrow_box_rosa_left:hover:after {
    border-right-color: #fff;
}
.arrow_box_rosa_left:hover {
    background: #fff;
}





.arrow_box_blau {
    position: relative;
    background: #2e73a6;
    padding: 3px 16px 4px 10px;
    width: 160px;
    height: 32px;
    border-radius: 1px 0 0 1px;
    font-size: 1.8em;
    font-weight: 600;
    color: #fff;
    font-family: 'Open Sans', sans-serif;
    margin: 4px 0 6px 0;
    text-align: center;
}

.arrow_box_blau:after {
    left: 99.9%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    /*	border-color: rgba(136, 183, 213, 0); */
    border-left-color: #2e73a6;
    border-width: 16px;
    margin-top: -16px;
}

.arrow_box_blau,
.arrow_box_blau a {
    color: #fff;
    display: block;
    cursor: pointer;
}
.arrow_box_blau:hover,
.arrow_box_blau a:hover {
    cursor: pointer;
}
.arrow_box_blau:hover:after{
    border-left-color: #215e8a;
}
.arrow_box_blau:hover {
    background: #215e8a;
}

.arrow_box_blau_left {
    position: relative;
    background: #fff;
    padding: 3px 16px 4px 10px;
    width: 160px;
    height: 32px;
    border-radius: 1px 0 0 1px;
    font-size: 1.8em;
    font-weight: 600;
    color: #2e73a6;
    font-family: 'Open Sans', sans-serif;
    margin: 4px 0 6px 0;
    text-align: center;
}

.arrow_box_blau_left:after {
    right: 99.9%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    /*	border-color: rgba(136, 183, 213, 0); */
    border-right-color: #fff;
    border-width: 16px;
    margin-top: -16px;
}

.arrow_box_blau_left,
.arrow_box_blau_left a {
    color: #2e73a6;
    display: block;
}
.arrow_box_blau_left:hover:after {
    border-right-color: #fff;
}
.arrow_box_blau_left:hover {
    background: #fff;
}





.arrow_box_darkblue {
    position: relative;
    background: #2e73a6; /* 2d9ed7; */
    padding: 3px 16px 4px 10px;
    width: 160px;
    height: 32px;
    border-radius: 1px 0 0 1px;
    font-size: 1.8em;
    font-weight: 600;
    color: #fff;
    font-family: 'Open Sans', sans-serif;
    margin: 4px 0 6px 0;
    text-align: center;
}

.arrow_box_darkblue:after {
    left: 99.9%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    /*	border-color: rgba(136, 183, 213, 0); */
    border-left-color: #2e73a6;
    border-width: 16px;
    margin-top: -16px;
}

.arrow_box_darkblue,
.arrow_box_darkblue a {
    color: #fff;
    display: block;
    cursor: pointer;
}

.arrow_box_darkblue:hover,
.arrow_box_darkblue a:hover {
    cursor: pointer;
    color: #2e73a6;
}
.arrow_box_darkblue:hover:after{
    border-left-color: #fff;
}
.arrow_box_darkblue:hover {
    background: #fff;
}


.arrow_box_darkblue_left {
    position: relative;
    background: #fff;
    padding: 3px 16px 4px 10px;
    width: 160px;
    height: 32px;
    border-radius: 1px 0 0 1px;
    font-size: 1.8em;
    font-weight: 600;
    color: #2e73a6;
    font-family: 'Open Sans', sans-serif;
    margin: 4px 0 6px 0;
    text-align: center;
}

.arrow_box_darkblue_left:after {
    right: 99.9%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    /*	border-color: rgba(136, 183, 213, 0); */
    border-right-color: #fff;
    border-width: 16px;
    margin-top: -16px;
}

.arrow_box_darkblue_left,
.arrow_box_darkblue_left a {
    color: #2e73a6;
    display: block;
}
.arrow_box_darkblue_left:hover:after{
    border-right-color: #fff;
}
.arrow_box_darkblue_left:hover {
    background: #fff;
}





.arrow_box_gelbrot {
    position: relative;
    background: #e20c44;
    padding: 3px 16px 4px 10px;
    width: 160px;
    height: 32px;
    border-radius: 1px 0 0 1px;
    font-size: 1.8em;
    font-weight: 600;
    color: #fff;
    font-family: 'Open Sans', sans-serif;
    margin: 4px 0 6px 0;
    text-align: center;
}

.arrow_box_gelbrot:after {
    left: 99.9%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    /*	border-color: rgba(136, 183, 213, 0); */
    border-left-color: #e20c44;
    border-width: 16px;
    margin-top: -16px;
}

.arrow_box_gelbrot,
.arrow_box_gelbrot a {
    color: #fff;
    display: block;
    cursor: pointer;
}
.arrow_box_gelbrot:hover,
.arrow_box_gelbrot a:hover {
    cursor: pointer;
}
.arrow_box_gelbrot:hover:after{
    border-left-color: #c81443;
}
.arrow_box_gelbrot:hover {
    background: #c81443;
}

.arrow_box_gelbrot_left {
    position: relative;
    background: #fff;
    padding: 3px 16px 4px 10px;
    width: 160px;
    height: 32px;
    border-radius: 1px 0 0 1px;
    font-size: 1.8em;
    font-weight: 600;
    color: #2e73a6;
    font-family: 'Open Sans', sans-serif;
    margin: 4px 0 6px 0;
    text-align: center;
}

.arrow_box_gelbrot_left:after {
    right: 99.9%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    /*	border-color: rgba(136, 183, 213, 0); */
    border-right-color: #fff;
    border-width: 16px;
    margin-top: -16px;
}

.arrow_box_gelbrot_left,
.arrow_box_gelbrot_left a {
    color: #e20c44;
    display: block;
}
.arrow_box_gelbrot_left:hover:after {
    border-right-color: #fff;
}
.arrow_box_gelbrot_left:hover {
    background: #fff;
}




.arrow_box_rose {
    position: relative;
    background: #cb5869;
    padding: 3px 16px 4px 10px;
    width: 160px;
    height: 32px;
    border-radius: 1px 0 0 1px;
    font-size: 1.8em;
    6;
    color: #fff;
    font-family: 'Open Sans', sans-serif;
    margin: 4px 0 6px 0;
    text-align: center;
}

.arrow_box_rose:after {
    left: 99.9%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    /*	border-color: rgba(136, 183, 213, 0); */
    border-left-color: #cb5869;
    border-width: 16px;
    margin-top: -16px;
}

.arrow_box_rose,
.arrow_box_rose a {
    color: #fff;
    display: block;
    cursor: pointer;
}
.arrow_box_rose:hover,
.arrow_box_rose a:hover {
    cursor: pointer;
}
.arrow_box_rose:hover:after{
    border-left-color: #bb4c5c;
}
.arrow_box_rose:hover {
    background: #bb4c5c;
}

.arrow_box_rose_left {
    position: relative;
    background: #fff;
    padding: 3px 16px 4px 10px;
    width: 160px;
    height: 32px;
    border-radius: 1px 0 0 1px;
    font-size: 1.8em;
    font-weight: 600;
    color: #2e73a6;
    font-family: 'Open Sans', sans-serif;
    margin: 4px 0 6px 0;
    text-align: center;
}

.arrow_box_rose_left:after {
    right: 99.9%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    /*	border-color: rgba(136, 183, 213, 0); */
    border-right-color: #fff;
    border-width: 16px;
    margin-top: -16px;
}

.arrow_box_rose_left,
.arrow_box_rose_left a {
    color: #cb5869;
    display: block;
}
.arrow_box_rose_left:hover:after {
    border-right-color: #fff;
}
.arrow_box_rose_left:hover {
    background: #fff;
}




.topback {
	position: absolute;
	right: 40px;
	top: 84px;
	font-size: 1.2em;
}

/* .topback, */
.breadcrumb {
	font-size: 1.2em;
	margin-bottom: 10px;
	background-color: transparent;
}

#breadcrumbplaceholder { display: none; }
.SonnenController #breadcrumbplaceholder,
.IndexController #breadcrumbplaceholder { display: block; height: 40px; content: "";  }

.bannerkairion {
	background-color: #fff;
	margin-bottom: 10px;
	margin-left: auto;
	margin-right: 0px;
	margin-top: 0;
	text-align: center;
	padding: 4px 0 1px 0;
}

.bannerkairion iframe {
	width: 100% !important;
}

.ProductController .bannerkairion {
	margin-right: 10px;
}

.kairionsky {
	background: #fff;
	margin-bottom: 10px;
	width: 100%;
    overflow: hidden;
    text-align: center;
}

.kairionsky iframe {
	margin: 10px 1px 10px 1px;
}

ul.liststylenone {
	list-style: none;
	position: relative;
    left: -24px;
}

li.blogtextdot {
	color: #000;
	padding: 2px 0 1px 0;
	list-style: block;
    list-style-type: disc;
}

li.blogtexthighlight {
	color: #2d9ed7;
	padding: 5px 0 10px 0;
}

.servicebox {
	height: 92px;
    position: relative;
    margin: 10px 0 0 0;
    background-size: cover; /* contain; */
}

.servicebox-blog {
	height: 160px;
    position: relative;
    margin: -10px 0 0 0;
    background-size: cover; /* contain; */
}

.service {
	overflow: hidden;
}

.service .servicebox-blog.big a img.big {
/*
	height: 170px;
	width: auto;
	margin-left: -10%;
	height: 180px;
*/
	height: 230px;
	width: auto;
	margin-left: 0;
	top: -10px;
}

.servicebox-blog.big {
	z-index: 1;
    margin: 10px 0 0 0;
}

.servicebtn-blog.big {
	z-index: 100;
}

.servicebox img {
    z-index: 2;
    position: absolute;
    width: 100%;
    bottom: 0;
}

.servicebtn {
    font-size: 1.2em;
    width: 100%;
    background: #2e73a6;
    font-weight: 400;
    color: #fff;
	text-align: left;
    display: block;
    padding: 6px 5px;
    z-index: 1;
    position: absolute;
    bottom: 0;
}

.servicebtn:hover {
    background: #2d9ed7;
}

.servicebtn-blog {
    font-size: 1.2em;
    width: 100%;
    background: #2e73a6;
    font-weight: 400;
    color: #fff;

	text-align: left;
    display: block;
    padding: 6px 5px;

    z-index: 10;
    position: relative;
/*    top: 170px; */
    top: 220px;
}

.servicebtn-blog:hover {
/*	background: #2d9ed7; */
}

.servicebox-blog img {
	border: 0;
	width: 100%;
	position: absolute;
	z-index: 100;
}

.servicebtn-blog img {
	border: 0;
	width: 100%;
	position: absolute;
	z-index: 100;
	bottom: -4px;
	right: 0;
}

.servicetextbox {
	position: relative;
/*	margin-top: 39px; */
	margin-top: 89px;
	margin-bottom: 20px;
	padding: 0px 5px 5px 5px;
	background: #fff;
	z-index: 0;
}

.servicetextbox h3,
.servicetextbox .h3 {
	font-weight: 600;
	font-size: 1.2em;
	line-height: 1.3em;
	padding: 0.5em 0;
}

.servicetextbox h3 a,
.servicetextbox .h3 a {
	font-weight: 600;
	padding-top: 5px;
	color: #e20c44;
	cursor: pointer;
	line-height: 1em;
}

.servicetextbox h3 a:hover,
.servicetextbox .h3 a:hover {
	font-weight: 600;
	color: #B01934;
}

.servicetextbox a,
.servicetextbox a:hover {
	font-weight: 400;
	font-size: 1.2em;
	cursor: pointer;
	color: #4a4b4f;
}

.weiterlesen {
	text-transform: uppercase;
	font-weight: 600;
	font-size: 0.9em;
	margin: 0.3em 0 0.4em 0;
}

.weiterlesen a {
	font-weight: 600;
	color: #e20c44;
}

.weiterlesen a:hover {
	font-weight: 600;
	color: #B01934;
}

.seotextlink {
    font-weight: 600;
    text-decoration: none;
}

.seotextlinkright {
    text-align: right;
    padding: 0.1em 1.9em 0.1em 0;
    font-weight: 600;
    text-decoration: none;
}

.facebook {
    background: #2d9ed7;
    padding: 2px 0;
    margin: 10px 0;
    min-height: 132px;
}

.paulfacebookbox {
	width: 100%; height: 120px; background: url('/img/fb_back.png') #fff; 
	border: 5px solid #e20c44; 
	margin-bottom: 10px;
	position: relative; 
	top: 0px; 
	right: 0px; 
	background-size: cover;
	background-repeat: no-repeat;
}

.facebookbuttons {
	position: relative;
	top: 80px;
	right: 0px;
	text-align: right;
}

.paulfacebookpaulbanner {
	position: relative;
}

.fb-banner {
	display: block;
	position: absolute;
	top: 0px;
	right: 0px;
/*	background: rgba(0, 0, 0, 0.4); */
	width: 100%;
	height: 120px;
	margin-right: 10px;
}

.paulfacebookpaulbanner img {
	height: 146px; top: -32px; left: -2px; position: absolute;
}

.fb-text {
	position: absolute;
	top: 4px;
	left: 210px;
	font-size: 1.2em;
	color: #000;
	width: 58%;
}

.fb-gutschein .headline,
.fb-text .headline {
	width: 80%;
	height: auto;
}

.fb-gutschein {
	display: none;
	position: absolute;
	top: 4px;
	left: 210px;
	font-size: 1.2em;
	color: #000;
	width: 68%;
}

.facebookwerbung {
	margin-right: 10px;
}

#product-list .facebookwerbung {
	margin-right: 0px;
}

.sidebar-right .lastviewed .content a {
	font-size: 1.2em;
}

.sidebar-right .content-box.lastviewed .head {
    padding: 5px 6px;
}

.SonnenController .bannerkairion,
.IndexController .bannerkairion {
	margin: 30px 10px 30px 0;
}

.nokairion,
.SonnenController .nokairion,
.IndexController .nokairion {
	display: none;
    height: 1px;
    background: transparent;
}

.boxwhite {
	background-color: #fff;
	padding: 14px 20px;
}

.MailingListController .boxwhite {
    clear: both;
    width: 82%;
}

.MailingListController .alert {
    clear: both;
    width: 82%;
}

.boxwhite.rightcorner {
	padding: 4px 0px 4px 30px;
}

/*
.fortschritt-text {
	font-size: 14px;
	font-weight: normal;
	color: #fff;
	margin-left: -10px;
}
*/
.fortschritt-text {
	font-size: 0.4em;
	font-weight: normal;
	color: #fff;
	margin-left: -10px;
}

/*
.fortschritt {
	color: #e20c44;
	font-size: 44px;
	font-weight: normal;
	display: inline-block;
}

.fortschritt-text {
	font-size: 14px;
	font-weight: normal;
	color: #fff;
}
*/
ul.list-inline {
	text-align: justify;
	z-index: 10;
	padding-right: 1.4em;
/*	margin-top: 10px; */
}

.container ul.list-inline {
	margin-top: 18px;
}

.container .steps ul.list-inline {
	margin-top: 0px;
}

ul.list-inline li.lastelement {
	width: 100%;
}


/*
.fortschritt {
	position: absolute;
	color: #fff;
	top: -18px;
	font-size: 30px !important;
	border-radius: 50%;
	background: #e20c44;
	width: 38px;
	height: 38px;
	line-height: 38px;
	text-align: center;
	font-weight: normal;
}

.fortschritt-text {
	display: inline-block;
	position: relative;
	color: #fff;
	font-size: 1.4em;
	padding: 0 26px 0 30px;
}
*/
/* .icon-angle-down:before { content: '\e817'; } /* '' */


.product-box.notepadmobile,
.warenkorb-mobile .product-box {
	height: 367px;
	position: relative;
}

.product-box.product-box-hilfsartikel.notepadmobile,
.warenkorb-mobile .product-box.product-box-hilfsartikel {
	height: 255px;
	position: relative;
}

.warenkorb-mobile .supplier {
	position: relative;
	padding: 0 0 5px 0;
	background: rgba(255, 255, 255, 0.6);
}

.product-box.notepadmobile,
.warenkorb-mobile .product-box {
	padding: 0;
}

.checkoutsite .product-pic,
.notepadmobile .product-pic,
.warenkorb-mobile .product-pic {
	max-height: 150px;
	text-align: center;
}

.container > .checkout {
	padding: 24px 24px 48px 24px;
}

.checkout {
	padding: 0;
}

.checkout .coupon {
	width: 45%;
    float: left;
}

.checkout .boxtextred {
	color: #e20c44;
}

.notepadmobile .description,
.warenkorb-mobile .description {
	position: static;
	padding: 3px 10px;
	background: rgba(255, 255, 255, 0.75);
}

.warenkorb-mobile .product-box .description p,
.warenkorb-mobile .product-box p.title {
	position: relative;
	background: rgba(255, 255, 255, 0.75);
}

.product-box.notepadmobile .price {
	font-size: 1.7em;
	line-height: 40px;
}

.product-box.notepadmobile .supplier {
	padding: 0 0 5px 0;
}

.notepadcloser {
	 position: absolute!important;
	 right: 10px!important;
	 top: 10px!important;
	 font-size:20px;
	 font-weight: bold !important;
	 color: #4a4b4f;
}
.notepadcloser:hover {
	color: #e20c44;
}

.warenkorb-mobile.text-center {
	background: #e20c44;
}

.warenkorb-mobile.text-left.gesamtpreis {
	float: left;
	padding: 0 0 20px 10px;
	font-size: 0.6em;
}

.OrderController .warenkorb-mobile.text-left.gesamtpreis {
	float: left;
	padding: 9px 0 20px 0px;
	font-size: 0.8em;
}

.warenkorb-mobile.text-right {
	float: right;
	padding: 0 10px 0 0;
}

.textcenter {
    text-align: center;
    font-size: 1.2em;
}

.textcenter h3 {
    font-size: 1.3em;
    padding: 0.9em 0 0.4em;
    line-height: 1.4em;
}

.sumorder .rechnungspreis {
	padding: 0 0 0 9px;
}

.importantProductInfo {
	margin-bottom: 0px;
}

img.lieferstatus {
	position: relative;
	top: -1px;
}

#welcome_modal {
    display: none;
    z-index: 1200;
}

#welcome_modal .modal-body {
    font-size: 1.44rem;
    padding: 20px;
    padding-right: 60px;
    background-image: url('img/paulpille_start.png');
    background-position-x: right;
    background-position: right -14px bottom -37px;
    background-repeat: no-repeat;
    background-size: 90px 150px;
}

#welcome_modal .modal-footer {
    background-image: url('/img/paulpille-apotheke.png');
    background-position-x: left;
    background-repeat: no-repeat;
    background-size: contain;
}

.SonnenController .price.text-right,
.IndexController .price.text-right {
	font-size: 1em;
	color: #fff;
	padding-right: 4px;
}

.SonnenController .startbox .price.text-right,
.IndexController .startbox .price.text-right {
	padding-right: 8px;
}


.startbox {
	font-size: 1.2em;
	margin-right: 10px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: right top;
}

.SonnenController .startbox .start-stattpreis,
.IndexController .startbox .start-stattpreis {
	color: #fff;
	position: absolute;
	bottom: 16px;
	z-index: 110;
	left: 10px;
}

.SonnenController .start-stattpreis,
.IndexController .start-stattpreis {
	color: #fff;
	position: absolute;
	bottom: 58px;
}

/* SONNEN APOTHEKE LANDINGOPAGE */
.sonnenpille {
	margin: 156px 46% 20px 20px;
	font-size: 1.5em;
	font-weight: 100;
}

.SonnenController .row.topteaser {
	background: url('../img/landingpage_sonne.svg');
	min-height: 300px;
    background-repeat: no-repeat;
    background-size: cover;
}

.SonnenController .price.price-on-request {
	padding-top: 11px;
}

.SonnenController .price.price-on-request a {
	font-weight: normal;
}

.SonnenController .startbox .quantity {
	left: 50px;
	margin-top: 1px;
}

.SonnenController .product-box .quantity {
	left: 50px;
}

.SonnenController .product-box .title {
	top: -8px;
}

.SonnenController .product-box .description {
	font-size: 1em;
	position: absolute;
	top: -18px;
	left: 0;
	background: rgba(255,255,255,0.8);
	display: block;
	width: 100%;
	padding-top: 4px;
}

.SonnenController .startbox .quantity input,
.SonnenController .product-box .quantity input {
    margin-top: 1px;
}

.SonnenController a.plus,
.SonnenController a.minus {
	padding:8px 6px 9px;
	margin-top: 2px;
}

.SonnenController .startbox .product-box-icon-notepad:hover,
.SonnenController .product-box .product-box-icon-notepad:hover,
.product-list .product-box-icon-cart:hover {
    background: #e20c44; /* #1B81B2; */
    color: #FFFFFF;
}

.SonnenController .startbox .product-box-icon-notepad,
.SonnenController .product-box .product-box-icon-notepad {
     position: absolute;
     bottom: 0;
     left: 0px;
     height: 40px;
     width: 51px;
     border: none;
     font-size: 23px;
     margin: 0;
     padding-left: 8px;
     padding-top: 4px;
     color: #e20c44;
     background: #EFF3F7;
}

.SonnenController .startbox .product-box-icon-notepad:hover,
.SonnenController .product-box .product-box-icon-notepad:hover,
.product-list .product-box-icon-cart:hover {
    background: #e20c44; /* #1B81B2; */
    color: #FFFFFF;
}

.SonnenController .startbox .product-box-icon-notepad,
.SonnenController .product-box .product-box-icon-notepad {
     position: absolute;
     bottom: 0;
     left: 0px;
     height: 40px;
     width: 51px;
     border: none;
     font-size: 23px;
     margin: 0;
     padding-left: 8px;
     padding-top: 4px;
     color: #e20c44;
     background: #EFF3F7;
}

/* ENDE SONNEN APOTHEKE LANDINGOPAGE */


table .right {
	text-align: right;
}

table .center {
	text-align: center;
}

.checkout .checkoutsite .product-box .price,
.checkout .warenkorb-mobile .product-box .price {
	width: 100%;
}

.checkout .checkoutsite .delete {
	background: transparent;
}

.checkout .checkoutsite .delete .icon-pencil {
	font-size: 1.4em;
}

.checkout .warenkorb-mobile .product-box .quantity {
	bottom: 0;
	width: 100%;
	left: 0;
}

.checkout .notepadmobile .mobiledelete,
.checkout .warenkorb-mobile .mobiledelete {
	width: auto;
	height: auto;
	position: absolute;
	top: 2px;
	right: 0;
}


/* Merkzettel hinzufügen */
.checkout .notepadmobile .mobiledelete a,
.checkout .warenkorb-mobile .mobiledelete a {
	color: #4a4b4f;
	background: #fff;
	font-size: 2em;
	padding: 2px 2px;
}

.checkout .notepadmobile .mobiledelete a:hover,
.checkout .warenkorb-mobile .mobiledelete a:hover {
	color: #e20c44;
}

.checkout .notepadmobile .price.text-right {
	color: #fff;
}

.checkout .warenkorb-mobile .product-box .quantity {
	padding: 4px 0 0 2px;
}

.checkout .warenkorb-mobile .product-box .quantity .form-control {
	border: 1px solid #CCC;
}

.checkout .warenkorb-mobile .product-box .quantity .input-group-addon:hover {
	background: #e20c44;
	border-radius: 5px;
	width: 70%;
	color: #fff;
	text-decoration: none;
	font-weight: normal;
	text-align: center;
}

.checkout .refreshcart.mobile-refreshcart {
	width: 70%;
}

.checkout .warenkorb-mobile .product-box .quantity input {
	margin-left: 8px;
	height: 30px;
}

.checkout .warenkorb-mobile .refreshcart.mobile-refreshcart {
	min-width: 170px;
	font-weight: normal;
}

.checkout .warenkorb-mobile input.form-control {
	border-radius: 5px;
}

.checkout .product-box .price { /* Warenkorb MOBILE */
    width: 180px;
}

.product-box .price, .product-box-large .price {
    bottom: 41px;
    width: 100%;
}

.checkout .sumorder .rechnungspreis {
	color: #e20c44;
	font-family:'Open Sans', sans-serif; /*  'robotoregular', */
}

.checkout .back {
	margin-right: 20px;
}

.checkout .ordergtcbox .inlay a {
	font-weight: 700;
	color: #b01934;
}
.checkout .ordergtcbox .inlay a:hover {
	color: #e20c44;
}

.top-scroll-icon .glyphicon {
	z-index: 32;
}
.top-scroll-icon {
	z-index: 101;
}

a.top-scroll-icon {
	color: #ddd;
}

a.top-scroll-icon:hover {
	color: #b01934;
}

.category-list a.groupoverview {
	background: #e20c44;
}

.category-list .ebene3 a,
.category-list .ebene4 a {
	color: #4a4b4f;
}

.category-list .ebene3 a:hover,
.category-list .ebene4 a:hover,
.category-list .ebene2 .ebene4 a:hover,
.category-list .ebene3 .ebene4 a:hover {
	background: #e20c44;
	color: #fff;
}

.category-list .ebene3 a {
	background: #fff;
	color: #4a4b4f;
}

.category-list .ebene2 .ebene4 a {
	background: #fff;
}

.category-list .ebene3 .ebene4 a {
	background: #efedee;
}

.OrderController .ordergtcbox {
	margin-bottom: 10px;
}

.pdf { width: 56px; }

.products > p,
.overview-article,
.bordertop,
.toolbar {
	background: #fff;
}

.toolbar .fullsize {
	width: 100%;
}

.overview-article {
	padding: 0.5em 1.5em;
}
.toolbar {
	padding: 0.5em 0em 1em 1em;
}
.bordertop {
	margin: 0;
}
.products > p {
	padding: 0 1.5em 0.5em 1.5em;
	font-size: 1.2em;
}

.navbar .wacg-search__result__product--pushed {
    background-color: #fff;
}

.SearchController .category-list ul li ul {
	max-height: 180px;
	overflow-y: auto;
	overflow-x: hidden;
}

.category-list .navigation-list ul {
	margin-left: 0;
}

.category-list ul.navigation-list li a {
	font-weight: 400;
}

/*
.category-list ul li a {
	background: #fff;
}
*/

.category-list > ul > li > a.active {
	background: #2e73a6;
	color: #fff;
}

.category-list ul li a:hover {
    background: #2d9ed7;
    color: #fff;
}

.category-list ul li ul li a:hover {
	background: #df1444;
	color: #fff;
}

.category-list ul ul ul {
	background: transparent;
}

.form-control.width84,
.width84 {
	width: 84px;
}


/* Menü right */
.sidebar-right {
	padding: 0;
}

#menu-myshop a {
	padding: 12px 0;
	font-size: 1.4em;
}

#menu-cart {
	font-size: 1.4em;
}

#menu-search .navbar-form {
	border: 0;
}

#menu-search.nav-collapse.navbar-responsive-collapse {
	background: transparent;
	border: 0;
	border-radius: 0;
}

#searchfield_submit,
#menu-search .searchtextbox {
	padding: 0 8px !important;
}


.sidebar-right .menuright ul li:before,
.sidebar-right .menuright .list-inline ul li:before {
	content:"› ";
	font-family: 'robotoregular', 'Open Sans', sans-serif;
	color: #4a4b4f;
	line-height: 1.6em;
}
.sidebar-right .menuright ul li.activ:before,
.sidebar-right .menuright .list-inline ul li.activ:before {
	color: #dd1a47;
}
.sidebar-right .menuright ul li:before .active,
.sidebar-right .menuright .list-inline ul li:before .active,
.sidebar-right .menuright ul li:before:hover,
.sidebar-right .menuright .list-inline ul li:before:hover,
.sidebar-right .menuright ul li:hover:before,
.sidebar-right .menuright .list-inline ul li:hover:before {
	color: #dd1a47;
	background: transparent; /* background: #efedee; */
}
.sidebar-right .menuright ul li:hover,
.sidebar-right .menuright .list-inline ul li:hover {
	color: #dd1a47;
	background: transparent; /* background: #efedee; */
	width: 100%;
}

.sidebar-right .menuright ul li a.active,
.sidebar-right .menuright ul li a.active:before,
.sidebar-right .menuright ul li a:before,
.sidebar-right .menuright ul li.active:before a,
.sidebar-right .menuright .list-inline ul li.active:before a,
.sidebar-right .menuright ul li.active a:before,
.sidebar-right .menuright .list-inline ul li.active a:before,
.sidebar-right .menuright ul li a.active:before,
.sidebar-right .menuright .list-inline ul li a.active:before,
.sidebar-right .menuright ul li.active:before,
.sidebar-right .menuright .list-inline ul li.active:before {
	color: #dd1a47 !important;
}



.alert {
	font-size: 1.2em;
}

.alert-warning .close {
  float: right;
  font-size: 21px;
  font-weight: bold;
  line-height: 1;
  color: #dd1a47;
  text-shadow: 0 1px 0 #000;
  filter: alpha(opacity=50);
  opacity: .5;
}
.alert-warning .close:hover,
.alert-warning .close:focus {
  color: #dd1a47;
  text-decoration: none;
  cursor: pointer;
  filter: alpha(opacity=100);
  opacity: 1;
}
.alert-warning button.close {
  -webkit-appearance: none;
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  margin-top: -4px;
}


.panel .panel-body,
.panel .panel-body table.table {
	font-size: 1.4em;
    line-height: 1.6em;
}

.panel-heading {
	padding: 0;
}

h4.panel-title a {
	font-family: 'robotoregular', 'Open Sans', sans-serif;
	padding: 10px 15px;
	display: block;
}

a h4:hover { color: #b01934; /* #e20c44; */ }

.CartController .table.price.table i.icon-cancel {
    padding: 8px;
    border-radius: 5px;
    font-size: 1.4em;
}

.ordergtcbox .small {
	font-weight: 400;
    font-size: 1em;
}


/* Navigation */
#mobileNavigation .icon-plus-circled { display: none; }
.icon-angle-down { display: none; }
.dropdown-toggle:after { font-family: 'ppille'; content: ''; }

#mobileNavigation, #menu, #menu-right {
	padding-top: 12px!important;
	padding-bottom: 80px!important;
	width: 32.4%!important;
}

nav#mobileNavigation {
	background: #333333; /* 4a4b4f; */
	z-index: 5000 !important;
}

nav#mobileNavigation ul li {
	margin: 2px 0;
	padding: 0;
}

nav#mobileNavigation ul li a {
	color: #fff; /* #00a0e0; */
	padding: 0em 0;
}

nav#mobileNavigation ul li a {
	margin: 0;
	display: block;
	padding: 0.5em 0 0.5em 0.6em;
	border-top: 1px solid rgba(255, 255, 255, 0.1);
	border-bottom: 1px solid #202020;
}

nav#mobileNavigation ul li a:hover {
	margin: 0;
	display: block;
	padding: 0.5em 0 0.5em 0.6em;
	border-top: 1px solid rgba(0, 0, 0, 0.4);
	border-bottom: 1px solid rgba(0, 0, 0, 0.6);
	background: #e20c44;
}

nav#mobileNavigation ul li ul li a {
	margin: 0;
	display: block;
	padding: 0.5em 0 0.5em 1.6em;
	border-top: 1px solid rgba(255, 255, 255, 0.1);
	border-bottom: 1px solid #202020;
}

nav#mobileNavigation ul li ul li a:hover {
	margin: 0;
	display: block;
	padding: 0.5em 0 0.5em 1.6em;
	border-top: 1px solid rgba(0, 0, 0, 0.4);
	border-bottom: 1px solid rgba(0, 0, 0, 0.6);
	background: #e20c44;
}

nav#mobileNavigation ul li:hover {}
.category:hover a {
	border-top: 1px solid rgba(255, 255, 255, 0.1);
}

nav#mobileNavigation ul li::before,
.sidebar-right ul li::before,
footer ul li::before {
	font-size: 1.4em;
	color: #fff;
}

.footermenulists {
	position: absolute;
    text-align: center;
    width: 100%;
    z-index: 100;
}

.longpaulpille {
    font-family: 'Open Sans', sans-serif;
    font-weight: 200;
    line-height: 1.5em;
/*    font-size: 1.2em; */
}

.shortpaulpille {
    font-family: 'Open Sans', sans-serif;
    font-weight: 200;
    font-size: 1.2em;
    line-height: 1.6em;
    padding: 20px 40px 8px 0;
/*    text-align: justify; */
    min-height: 10em; /* 25em */
/*    bottom: 0; */
/*    display: table-cell; */
/*    vertical-align: bottom; */
}


.package-size-product .next.productsize {
	margin-top: 2px;
}

.package-size-product .next.productprice {
	margin-top: 2px;
}

.detail-teaser-bottom .shortpaulpille {
	font-size: 1.25em;
	padding-top: 0;
}

.footerfooter #contact a {
    color: #fff;
	text-decoration: none;
	font-weight: normal;
	font-size: 1.0em;
    line-height: 1.8em;
    padding-top: 6px;
    padding-bottom: 6px;
}

.footerfooter #contact a:not(.button-newsletter) {
    display: block;
    line-height: 1.3em;
}

.footerfooter #contact br {
    display: none;
}

.footerfooter #contact a:hover {
	color: #2d9ed7; /* #e20c44; */
}

.footerfooter #contact .head {
	font-weight: 400;
	font-size: 1.5em;
	padding: 0 0 4px 0;
	margin: 0 20px 10px 0;
	border-bottom: 1px solid #2d9ed7;
	font-family: 'Open Sans', sans-serif;
}

.footerfooter #contact .newsletterbox {
	margin: 15px 0 10px 0;
}

.footerfooter #contact a.button-newsletter {
	border: 1px solid #fff;
	padding: 9px;
}

.footerfooter #contact a.button-newsletter:hover {
	border: 1px solid #2d9ed7; /* #e20c44; */
}

.apotheke img {
    width: 70px;
    height: auto;
    position: absolute;
    right: 50%;
    top: 40px;
    margin-right: -468px;
}

.dimdi img {
    width: 70px;
    height: auto;
    position: absolute;
    right: 50%;
    top: 45px;
    margin-right: -562px;
}

section#contact .importantProductInfo {
	padding: 17px 0 0 0;
}

section#contact .importantProductInfo p {
    text-indent: -8px;
    padding: 2px 0;
    color:#bbb;
}

section#contact .importantProductInfo p sup {
	left: -2px;
	padding: 0;
}

.button-start a {
	float: right;
	color: #696a6c;
	border: 1px solid #696a6c;
	padding: 9px;
	display: block;
	margin: 5px 15px 15px 10px;
}

.button-start a:hover {
	color: #2d9ed7;
	border: 1px solid #2d9ed7;
}

.product-detail-warenkorb {
    bottom: 0;
    right: 0;
    height: 40px;
    width: 100%;
    min-width: 120px;
    background: #e20c44;
    border: none;
    color: #fff;
    font-size: 23px;
    margin: 0;
    padding: 0px 0px 10px;
/*    float: right; */
    text-align: center;
}

.product-list-small .grundpreis {
    font-size: 1em;
    line-height: 1.7em;
}

.product-list-small .stattpreis {
    font-size: 1.2em;
}

.product-list-small .row .text-short.truncate p.nospace {
	margin: 0;
    height: 100%;
}

.product-list-small .row .text-short.truncate p.nospace a {
    display: block;
    height: 100%;
}

.product-list-small .row .text-short.truncate p {
	margin: 0 0 14px;
}

.variantsborder .product-detail-warenkorb {
	padding: 0;
}
.variantsborder .package-size-product {
	border: 0;
	color: #696a6c;
}

.variantsborder .package-size-product .description .text-info {
	padding: 0.7em 0 0 0;
	font-size: 1.1em;
}

.variantsborder .package-size-product {
	margin: 5px 0 0 0;
	color: #696a6c;
}

.variantsborder .package-size-product .details h4 a {
	font-size: 1.12em;
}

.variantsborder .package-size-product .text-info {
/*	color: #696a6c; */
}

.variantsborder .grundpreis {
	color: #696a6c;
	font-size: 1em;
}

.variantsborder .stattpreis {
	color: #696a6c;
	font-size: 1.15em;
}

#details .variantsborder .price {
	font-size: 1.8em;
	line-height: 1.1em;
	padding: 0;
}

#details .variantsmall .price {
	font-size: 1.3em;
	line-height: 1.3em;
	padding: 0;
}

#details .variantsmall .grundpreis {
	font-size: 0.7em;
}

#details .variantsmall .productsize h4 {
	font-size: 1.4em;
    padding: 0;
    margin: 0;
}

#details .variantsmall button {
	color: #e20c44;
	background: #EFF3F7;
}

#details .variantsmall button:hover {
	color: #fff;
	background: #e20c44;
}

#details .variantsborder .price span {
	font-size: 1.36em;
	line-height: 1.25em;
}

#details .variantsmall .product-detail-warenkorb {
	min-width: 55px;
}

#details .variantsmall h4 a {
	font-size: 1.225em;
	font-weight: 400;
}


/* .content #blockcontent div > p, */
/*
.ContentController .content #blockcontent span.required,
.ContentController .content #blockcontent div > p,
.ContentController .content #blockcontent ul,
.ContentController .content #blockcontent > p {
	font-size: 1.3em;
}
*/

.search-result-header p,
#blockcontent #tabcontent {
	font-size: 1.2em;
	line-height: 1.3em;
}

.search-result-header .info-text p {
    font-size: 1.0em;
}

.wacg-search__results__container .col__inside.padding-right {
	font-size: 1.3em;
}

.SonnenController #blockcontent,
.IndexController #blockcontent {
	font-size: 1.0em;
}

/* .ProductController #blockcontent p, */
body #blockcontent .contact p,
body #blockcontent div.form-group,
.LoginWithAmazonController #blockcontent p,
.MailingListAboController #blockcontent p,
.ResendActivationController #blockcontent p,
.LoginController #blockcontent p,
.CouponController #blockcontent p,
.OrdersController #blockcontent p,
.SepaInfoController #blockcontent p,
.MailingListAboController #blockcontent p,
.MailingListAboController #blockcontent form,
.MailingListAboController #blockcontent strong,
.AddressbookController #blockcontent p,
.AddressbookController #blockcontent span,
.AddressbookController .myshop-box,
.AccountdataController #blockcontent p,
.RegisterController #blockcontent p,
.ForgotPasswordController #blockcontent p,
.DashboardController #blockcontent p,
.DashboardController #blockcontent a,
.ContactController #blockcontent p,
.ContentController #blockcontent > p ul,
.ContentController #blockcontent > ul,
.MailingListController #blockcontent p,
.QuickOrderController #blockcontent p,
.NotepadController #blockcontent > p {
	font-size: 1.3em;
}


.SepaInfoController #blockcontent table td,
.MailingListAboController #blockcontent label.bold,
.NotepadController #blockcontent label {
	font-size: 1.3em;
}

.AccountdataController #customerNumber,
.RegisterController #blockcontent label,
.MailingListAboController #blockcontent label,
.LoginController #blockcontent label,
.ResendActivationController #blockcontent label,
.AddressbookController #blockcontent label,
.AccountdataController #blockcontent label,
.ForgotPasswordController #blockcontent label,
.MailingListController #blockcontent label {
    font-size: 1.0em;
}

.AccountdataController #blockcontent .control-label span,

.LoginWithAmazonController #blockcontent p.small,
.MailingListAboController #blockcontent p.small,
.ResendActivationController #blockcontent p.small,
.LoginController #blockcontent p.small,
.AddressbookController #blockcontent p.small,
.AccountdataController #blockcontent p.small,
.RegisterController #blockcontent p.small,
.ForgotPasswordController #blockcontent p.small,
.ContactController #blockcontent p.small,
.MailingListController #blockcontent p.small {
	clear: both;
	font-size: 0.9em;
}

.AccountdataController #blockcontent .control-label p {
    font-size: 1.0em;
}


.LoginWithAmazonController #blockcontent .alert p,
.MailingListAboController #blockcontent .alert p,
.ResendActivationController #blockcontent .alert p,
.LoginController #blockcontent .alert p,
.CouponController #blockcontent .alert p,
.OrdersController #blockcontent .alert p,
.SepaInfoController #blockcontent .alert p,
.MailingListAboController #blockcontent .alert p,
.MailingListAboController #blockcontent form,
.MailingListAboController #blockcontent strong,
.AddressbookController #blockcontent .alert p,
.AddressbookController #blockcontent span,
.AccountdataController #blockcontent .alert p,
.RegisterController #blockcontent .alert p,
.ForgotPasswordController #blockcontent .alert p,
.DashboardController #blockcontent .alert p,
.ContactController #blockcontent .alert p,
.MailingListController #blockcontent .alert p,
.QuickOrderController #blockcontent .alert p,
.ForgotPasswordController #blockcontent .alert p {
	font-size: 1.1em;
}

.OrdersController #blockcontent th,
.OrdersController #blockcontent td {
	font-size: 1.2em;
	padding: 6px 9px;
}

.OrdersController #blockcontent table.ohne th,
.OrdersController #blockcontent table.ohne td {
	font-size: 1.2em;
	padding: 6px 9px 6px 0px;
}

.OrdersController #blockcontent .orderdetail-box td {
	padding: 3px 9px;
}

.OrdersController #blockcontent .orderdetails,
.OrdersController #blockcontent .addressBlock {
	font-size: 1.2em;
}

.OrdersController #blockcontent .orderinfo-box {
/*	display: none; */
	font-size: 1.2em;
	line-height: 1.9em;
}

.OrdersController #blockcontent .back {
	position: relative;
	top: 0;
}

.bold {
	font-weight: 700;
}

.oderdetaillist {
    border-bottom: 1px solid #4a4b4f;
}

.product-list-small .text-short .productfollowerinfo {
    color: #e20c44;
}

.product-list-small .text-short .productfollower a {
    color: #e20c44;
    font-weight: 600;
}

@media print {
    img.exorderpic[src] {
        content: none;
    }
    .oderdetaillist a[href] {
        content: none;
    }
    .oderdetaillist a[href]::after {
        content: none !important;
    }
}

img.paulpillelogin {
	width: 100%;
}


.StartController .form-horizontal .control-label {
	text-align: left;
}

.StartController .form-group {
	margin-bottom: 5px;
}


.checkbox .liste {
	margin: 2px 0 8px 20px;
}

.StartController .checkoutlinieone,
.StartController .checkoutlinie {
	border-left: 1px solid #ccc;
}

.StartController .checkbox label {
	padding-left: 0;
}

.checkbox label input[type=radio] {
	margin: 0 6px 0 0;
}

.checkoutstartbtn {
	position: absolute;
	bottom: 0;
}

.checkoutsite .packstationen label {
	font-weight: normal;
	min-height: 110px;
}

.checkoutsite .packstationen .zusatz {
	min-height: 66px;
}

.ShippingPackstationController .checkoutsite .myshop-lastorder p.adressbuch {
	min-height: 105px;
}


.RegisterController #AmazonPayButton {
    position: absolute;
    right: 30px;
    top: 20px;
}
/*
#AmazonPayButton img {
	height: 34px;
    float: left;
}
*/
.dropdown-menu {
	border: 0;
	margin: 0;
}

.dropdown-menu #AmazonPayButton img {
/*	width: 123px; */
	width: auto;
	margin: 0 1px 2px 0;
}

.form-text {
	font-size: 1.2em;
	line-height: 1.8em;
}

.notepadlast td {
	text-align: left;
}

.notepadlast td input {
	margin: 0 0 0 3px;
}

table.kundeninfo td {
	margin: 0;
	padding: 0;
	line-height: 1.5em;
	font-size: 1.3em;
}

.videobereich {
    position: relative;
    height: 0;
    padding-bottom: 56.25%;
}
.videoextern {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.aktuell {
    display: none;
}

.SearchController .aktuell,
.IndexController .aktuell,
.ProductController .aktuell {
    display: block;
    background: #e20c44;
    padding: 0em 3em;
    color: #fff;
    text-align: center;
    font-size: 1.4em;
}
.SearchController .aktuell a,
.IndexController .aktuell a,
.ProductController .aktuell a {
    color: #eee;
    font-style: 1em;
}
.SearchController .aktuell a:hover,
.IndexController .aktuell a:hover,
.ProductController .aktuell a:hover {
    color: #cbb;
}
/* aktuell
.SearchController .paulpille,
.IndexController .paulpille,
.ProductController .paulpille {
    background-position: center 2.5em;
}
*/
.tabcontainer ul {
    margin: 14px 0 20px 0;
}

.tabcontainer ul.nav-tabs li {
	margin: 0px 5px 10px 0;
    background: 0 0;
    border: 0;
    border-radius: 0;
    color: #efefef;
}

.tabcontainer .tab-content {
	font-size: 1.2em;
    line-height: 1.5em;
    padding-bottom: 20px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 200;
}

.tabcontainer ul#tabs li a {
	text-transform: none;
    font-weight: 100;
    font-family: 'robotoregular', 'Open Sans', sans-serif;
	font-size: 1.2em;
    border: 0;
    padding: 5px 10px;
    color: #414141;
    background: #EFF3F7;
}

.tabcontainer ul#tabs li a:hover {
    background: #e20c44;
    color: #fff;
}

.tabcontainer ul#tabs li.active a {
    text-transform: none;
    font-weight: 100;
    border: 0;
    padding: 5px 10px;
    color: #fff;
    background: #e20c44;
}
/*
.content #blockcontent p.small {
	font-size: 1em;
}
*/

p.small.blog-schlagworte {
    padding-right: 6px;
}

#details #blockcontent ul li {
    font-size: 1.0em;
}
.fliesstext,
#details #blockcontent p {
	font-size: 1.3em;
}

.fliesstext h1 {
    font-size: 1.5em;
    color: #e20c44;
    line-height: 1.2em;
    margin-bottom: 1em;
}

.fliesstext h2 {
    font-size: 1.3em;
    color: #e20c44;
    line-height: 1.2em;
    margin-bottom: 1em;
}

.fliesstext h3 {
    font-size: 1.1em;
    color: #e20c44;
    line-height: 1.2em;
    margin-bottom: 1em;
}

.paulrezept {
    width: 100%;
}

summary:before {
    content: "";
    height: 0px;
    width: 0px;
    display: inline-block;
    border-width: 0.6em;
    border-style: solid;
    border-color: #e20c44 transparent transparent transparent;
    position: relative;
    top: 5.85rem;
    left: 0.1rem;
    transform: rotate(-90deg);
    /*
    transform-origin: 0.2rem 50%;
    transition: 0.25s transform ease;
    */
}

details[open] > summary:before {
    transition: .1s ease-in;
    left: -0.2em;
    top: 6.4rem;
    transform: rotate(0deg);
}
/*
details[close] > summary:before {
    transition: all .01s ease;
    left: 0.6em;
    transform: rotate(-90deg);
}
*/
details[open] > summary:before p {
    content: "Schließen";
}

summary {
    outline: none;
}

summary p {
    margin-left: 1.4em;
}

summary::-webkit-details-marker {
    display: none;
}

.accordionsimple summary:before {
	top: 2.14rem;
}

.accordionsimple details[open] > summary:before {
	top: 2.7rem;
}

.overview-article #description-short-text .accordionsimple h2 {
	margin-left: 1.2em;
}


#details #blockcontent .panel-body ul li {
    font-size: 1.0em;
}

.product-detail-warenkorb:hover {
	background: #b01934;
}

.product-detail-warenkorb span {
	font-size: 11px;
    color: #fff;
    line-height: 0.1em;
    width: 100%;
    padding: 0;
    margin: 0;
    position: absolute;
    left: 0;
}

.checkoutsite h5 {
	line-height: 1.2em;
}

.StartController .checkoutsite #AmazonPayButton img {
/*	height: 34px; */
	width: 156px;
}

.StartController input.btn {
	width: 156px;
}

.scanbtn {
    bottom: 0;
    left: 0;
    margin: 2px 0px;
    height: 40px;
    width: 100%;
    width: 149px;
    background: #e20c44;
    border: none;
    color: #fff;
    font-weight: 600;
    font-size: 15px;
    padding: 6px 10px;
    /* float: right; */
    text-align: center;
}

.scanbtn[disabled] {
    background: #ccc;
    color: #aaa;
}

.scanbtn i { font-size: 1.3em; }

.landingpage_content h1 { font-size: 1.9em; margin: 1.3em 0 0.5em; color: #e20c44; line-height: 1.55em; }
.landingpage_content h2 { font-size: 1.5em; margin: 1.2em 0 0.5em; color: #e20c44; line-height: 1.4em; }
.landingpage_content h3 { font-size: 1.4em; margin: 1.1em 0 0.5em; color: #e20c44; line-height: 1.2em; }
.landingpage_content h4 { font-size: 1.2em; margin: 1.0em 0 0.5em; color: #e20c44; line-height: 1.1em; }


.RegisterController #AmazonPayButton { display:none; }

.checkoutsite #AmazonPayButton img,
.checkoutsite img.paypal {
	width: auto;
	height: 32px;
}

.checkoutsite .expresscheckouttext {
	padding: 12px 0 0 0;
}

.checkoutsite .bezahlenclassic {
	padding: 0 0 12px 0;
}

.checkoutsite img.bezahlen {
	width: 60px;
}

.checkoutsite .headsmall {
	font-size: 0.8em;
}

.checkoutsite .paulpillepay {
	width: 174px;
}

.checkoutsite .floatleft {
	float: left;
	padding: 19px 9px 0 0;
}

.footerfooter .bezahlarten {
	text-align: center;
	margin-bottom: 60px;
}

.footerfooter .bezahlarten img {
	width: 60px;
	height: auto;
	margin: 0 8px;
}

#blockcontent img.bezahlenmit {
	width: 70px;
	padding: 8px 15px 8px 0;
}

footer {
	background: transparent;
	height: 500px;
    margin-top: 14px;
}

.footerfooter {
	background: #4a4b4f;
	width: 100%;
	margin-bottom: -40px;
    padding-bottom: 50px;
}

.footerfooter .content-box .content {
	background: transparent;
	padding: 0;
	font-size: 1em;
}


.footerfooter .content-box div {
	padding: 0;
}

.paulpille {
	background-image: url('/documents/products/Statisch/paulpille/paulpillehintergrund_winter.png');
	background-size: auto 267px;
	background-repeat: no-repeat;
	background-position: center 0;
}

.paulpille.sonne {
	background-image: url('../img/paulpillehintergrund_v02_sonne.png');
	background-size: auto 267px;
	background-repeat: no-repeat;
	background-position: center 0;
}

.footerback {
	background: #4a4b4c;
	height: 244px;
	top: -244px;
	position: relative;
	z-index: 1;
}

footer .containerpaul {
	background-image: url('/documents/products/Statisch/paulpille/paulpille_footer_winter2025.png');
	background-size: auto 500px;
	background-repeat: no-repeat;
	background-position: center 0;
	height: 500px;
	position: relative;
	z-index: 2;
}

.seofooter {
    background: rgba(255,255,255,0.5);
    padding: 0.8em 2em 1.6em 2em;
    font-size: 1.1em;
    margin-bottom: 1em;
}

.seofooter h1,
.seofooter h2,
.seofooter h3 {
    font-size: 1.5em;
    color: #e20c44;
    font-weight: 100;
    padding: 0.8em 0 0.3em 0 !important;
    line-height: 1.4em;
}
/*
@media print {
    .trustbadge,
    #MyCustomTrustbadge {
        display: none;
    }
}
*/

@media screen and (-webkit-min-device-pixel-ratio:0) {

	.paulpille {
		background-image: url('../documents/products/Statisch/paulpille/paulpillehintergrund_winter.svg');
		background-size: 100% 260px;
		background-repeat: no-repeat;
		background-position: center 0;
	}

	.paulpille.sonne {
		background-image: url('../documents/products/Statisch/paulpille/paulpillehintergrund_winter.svg');
		background-size: 100% 260px;
		background-repeat: no-repeat;
		background-position: center 0;
	}

/*
	footer .containerpaul {
		background-image: url('../documents/products/Statisch/paulpille/paulpillehintergrund_winter.svg');
		background-size: 100% 500px;
		background-repeat: no-repeat;
		background-position: center 0;
		height: 500px;
*/
/*
        background-size: 100% 620px;
		-webkit-background-size: 100% 620px;	/ * Safari 3.0 * /
		-moz-background-size: 100% 620px;		/ * Gecko 1.9.2 (Firefox 3.6) * /
		-o-background-size: 100% 620px;			/ * Opera 9.5 * /
		background-size: 100% 620px;			/ * Gecko 2.0 (Firefox 4.0) and other CSS3-compliant browsers * /
		-moz-border-image: url('../img/paulpille_footer2.svg') 0;    / * Gecko 1.9.1 (Firefox 3.5) * /
*/
/*    max-width: 1170px; */
/*
	}
*/
}

nav#mobileNavigation .h6 {
	font-family: 'robotoregular', 'Open Sans', sans-serif;
	color: #aaa;
	font-size: 1.3em;
}

nav#mobileNavigation div.h6.text-center {
	text-align: left;
	padding: 0.2em 0 0.1em 0.6em;
}


.menuright ul.list-inline li a:hover,
.menuright ul.list-inline li a:before,
.menuright ul.list-inline li a.link:hover {
	color: #dd1a47;
}

.menuright ul.dropdown-menu li a:hover,
.menuright ul.dropdown-menu li a:before,
.menuright ul.dropdown-menu li a.link:hover {
	color: #dd1a47;
}

#blockcontent,
div#details.col-lg-10.content #blockcontent {
	background: #fff;
	padding: 10px 30px 20px 30px;
    margin-right: 10px;
}

.BlogController #blockcontent {
	background: transparent;
    padding: 0px 12px 20px 12px;
}

.ppblog {
	margin: 0 0 50px 0;
}

.ppblog h3 {
    line-height: 1.3em;
}

.paulpille-blog {
	position: relative;
	margin-bottom: 30px;
}

.paulpille-blog .blog-content {
/*	position:static; */
	border: 2px solid #4a4b4f; background-color: #fff; 
	padding: 4px 40px 4px 24px;
	margin-top: 60px;
	z-index: 0;
	min-height: 260px;
}

.paulpille-blog.paulpille-blog-detail .blog-content {
	margin-top: 120px;
	margin-bottom: 30px;
}

.paulpille-blog.paulpille-blog-detail {
	min-height: 480px;
}
/*
.paulpille-blog.paulpille-blog-detail .blog-content img {
	position: absolute;
    top: -20%;
    width: 50%;
    right: 6%;
}
*/
.paulpille-blog.paulpille-blog-detail .blog-content img {
    width: 30%;
    height: auto;
    float: left;
    margin: 0 10px 0 0;
}


.paulpille-blog .col-xs-12 .blog-content {
	margin-top: 20px;
}

.paulpille-blog .col-md-12 .blog-content.blog-left,
.paulpille-blog .col-sm-12 .blog-content.blog-left,
.paulpille-blog .col-xs-12 .blog-content.blog-left {
    padding-left: 46%;
}

.paulpille-blog .col-md-12 .blog-content.blog-right,
.paulpille-blog .col-sm-12 .blog-content.blog-right,
.paulpille-blog .col-xs-12 .blog-content.blog-right {
    padding-right: 46%;
}


.backblog {
	position: absolute;
	top: 30px;
	right: 10px;
	z-index: 111;
}

.pic-content-left {
	float: left;
	margin: 0 15px 5px 0;
}

.pic-content-right {
	float: right;
	margin: 0 0 5px 15px;
}

.paulpille-blog a.bloglink {
	color: #e20c44;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 1.1em;
}

.paulpille-blog a.bloglink:hover {
	color: #B01934;
}
/*
.paulpille-blog img,
.paulpille-blog img.teaser {
	position: absolute;
	top: 0px;
}

.paulpille-blog .col-lg-12 .col-lg-8 img {
	width: 376px;
	height: auto;
	top: 0;
}

.paulpille-blog .col-md-12 .col-md-12 img {
	width: 33%;
	height: auto;
	top: 5%;
}
.paulpille-blog .col-sm-12 .col-sm-12 img {
	width: 38%;
	height: auto;
	top: 10%;
}
.paulpille-blog .col-xs-12 .col-xs-12 img {
	width: 35%;
	height: auto;
	top: 0%;
}
*/

.paulpille-blog .blog-left img {
    margin: 10px 0 5px 0px;
	float: right;
}

.paulpille-blog .blog-right img {
	margin: 0 10px 5px 0;
	float: left;
}

.paulpille-blog .col-lg-12 .col-lg-8 img {
	width: 30%;
	height: auto;
}

.paulpille-blog .col-md-12 .col-md-12 img {
	width: 25%;
	height: auto;
}
.paulpille-blog .col-sm-12 .col-sm-12 img {
	width: 20%;
	height: auto;
}
.paulpille-blog .col-xs-12 .col-xs-12 img {
	width: 40%;
	height: auto;
	float: left;
	margin: 0 10px 0 0;
}


.paulpille-blog .small a.btn.small {
	font-size: 1.4em !important;
	margin-bottom: 5px !important;
}

.paulpille-blog .blog-right img,
.paulpille-blog .blog-right img.teaser {
	right: 0;
}

.paulpille-blog .blog-left img,
.paulpille-blog .blog-left img.teaser {
	left: 0;
}


.paulpille-blog .blog-text {
	font-size: 1.4em;
	margin-bottom: 20px;
	color: #000;
}

.paulpille-blog a.btn {
	padding: 2px 7px !important;
	font-weight: 400 !important;
}

.paulpille-blog .schlagworte {
	color: #e20c44;
	font-size: 1.4em;
	padding: 0 4px 0 0;
    float: left;
    background: #fff;
    border-radius: 0 4px 4px 0 !important;
    margin-right: 4px;
}

.blogpic img {
/*    position: static; */
    top: 0;
    width: 55%;
}

a.hiddenlink {
	font-size: 1em;
	font-weight: 400;
	color: #000; /* #696a6c; */
}

.paulpille-blog .blog-content h3 {
	color: #e20c44;
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
    margin: 0.6em 0 0.3em 0;
    line-height: 1.4em;
}

.paulpille-blog .blog-content h4 {
	color: #e20c44;
	font-size: 1.2em;
	font-family: 'Open Sans', sans-serif;
	font-weight: 700;
	line-height: 1.2em;
    margin: 1.1em 0 0.4em 0;
}

.paulpille-blog.paulpille-blog-detail .blog-content p a {
	color: #2d9ed7;
}

.paulpille-blog.paulpille-blog-detail .blog-content p a:hover {
	color: #2e73a6;
}

.paulpille-blog .price.text-right {
	font-size: 1.9em;
	line-height: 1.09em;
}

.paulpille-blog .col-lg-12 .blogpic img {
	width: 100%;
	height: auto;
}
.paulpille-blog .col-md-12 .blogpic img {
	width: 100% !important;
	height: auto;
	margin: 20px 0 0 30px;
}
.paulpille-blog .col-sm-12 .blogpic img {
	width: 100% !important;
	height: auto;
	margin: 30px 30px 0 30px;
}
.paulpille-blog .col-xs-12 .blogpic img {
	width: 35% !important;
	height: auto;
}


.paulpille-blog .pic-lg {
	z-index: 20;
	position: absolute;
	top: 0;   
}
.paulpille-blog .pic-lg-right {
	right: 0; 
	margin-right: 5px;
	max-width: 35%;
}
.paulpille-blog .pic-lg-left {
	left: 0; 
	margin-left: 5px;
	max-width: 35%;
}
.paulpille-blog .pic-lg-back {
	position: absolute; 
	top: 0; 
	z-index: 1;
}
.paulpille-blog .pic-lg-back-right {
	margin: 0px 24px 0 0;
	right: 0;
	max-width: 30%;
}
.paulpille-blog .pic-lg-back-left {
	margin: 0px 0 0 24px;
	left: 0;
	max-width: 30%;
}


.paulpille-blog .pic-md {
	z-index: 20;
	position: absolute;
	top: 0;   
}
.paulpille-blog .pic-md-right {
	right: 0; 
	margin-right: 30px;
	max-width: 32%;
	height: auto;
	z-index: 20;
}
.paulpille-blog .pic-md-left {
	left: 0; 
	margin-left: 5px;
	max-width: 32%;
	height: auto;
	z-index: 20;
}

.paulpille-blog .pic-md-back {
	position: absolute; 
	top: 0; 
	z-index: 11;
}
.paulpille-blog .pic-md-back-right {
	margin-right: 30px;  right: 0;
}
.paulpille-blog .pic-md-back-left {
	margin-left: 30px;  left: 0;
}


.paulpille-blog .pic-sm {
	z-index: 20;
	position: absolute;
	top: 0;   
}
.paulpille-blog .pic-sm-right {
	right: 0; 
	margin-right: 10px;
	max-width: 36%;
	height: auto;
	z-index: 20;
}
.paulpille-blog .pic-sm-left {
	left: 0; 
	margin-left: 0px;
	max-width: 36%;
	height: auto;
	z-index: 20;
}

.paulpille-blog .pic-sm-back {
	position: absolute; 
	top: 0; 
	z-index: 11;
}
.paulpille-blog .pic-sm-back-right {
	margin-right: 30px;  right: 0;
}
.paulpille-blog .pic-sm-back-left {
	margin-left: 0px;  left: 0;
}


.paulpille-blog .pic-xs {
	z-index: 20;
	position: absolute;
	top: 0;   
}
.paulpille-blog .pic-xs-right {
	right: 0; 
	margin-right: 30px;
}
.paulpille-blog .pic-xs-left {
	left: 0; 
	margin-left: 0px;
}

.paulpille-blog .pic-xs-back {
	position: absolute; 
	top: 0; 
	z-index: 11;
}
.paulpille-blog .pic-xs-back-right {
	margin-right: 30px;  right: 0;
}
.paulpille-blog .pic-xs-back-left {
	margin-left: 0px;  left: 0;
}

.paulpille-blog .pic-xs-left .blog-left img {
	width: 35% !important;
	margin: 40px 0 0 20px;
}

.paulpille-blog .pic-xs-right .blog-right img {
	width: 35% !important;
	margin: 40px 20px 0 0;
}

#productDetail .hinweis {
    color: #b01934;
}

/* position: absolute;    z-index: 11; top: 0;  margin-right: 30px; right: 0; */


.blogpic.blog-right img {
	right: 0;
	float: right;
}

.blogpic.blog-left img {
	left: 0;
	float: left;
}

.ppblog-detail-back-pic img, 
.pic-back .blogpic img,
.pic-lg-back .blogpic img {
	border: 2px solid #4a4b4f;
}


.blog-schlagworte {
	position: absolute;
	bottom: 0;
}


.ppblog-detail-back-pic {
	border: 0;
    max-width: 380px;
    position: absolute;
    left: 0;
    top: 0;
    max-height: 400px;
    z-index: 10;
}

.ppblog-detail-pic {
	border: 0;
    max-width: 380px;
    position: absolute;
    left: 0;
    top: 0;
    max-height: 400px;
    z-index: 20;
}

.ppblog-detail-back-pic img,
.ppblog-detail-pic img {
	width: 100%;
}


.blog-product {
	position: relative;
	width: 25%;
	float: left;
	margin: 14px 0;
}

.blog-product h3 {
	clear: both;
	font-size: 1em;
	line-height: 1em;
	padding: 4px 0 5px 0;
	height: 52px;
	overflow: hidden;
}

.blog-product .text-right-space {
	padding: 2px 8px 9px 0;
}

.blog-product h3 a {
	font-size: 1.04em;
    line-height: 1.2em;
    padding: 2px 2px 0 0;
}


.blog-product .truncate {
	text-overflow: ellipsis;
    width: 100%;
    max-height: 80px;
    display: -webkit-box;
}

.blog-product .product-list .quantity {
	width: 66px;
}

.blog-product.product-list a.product-box-icon-notepad {
	float: left;
}

.blog-product.product-list .quantity {
	position: absolute;
    left: 40px;
    width: 70px;
}

.blog-product .start-servicebar-bg {
	position: relative;
	background: #EFF3F7;
}

.paulpille-blog.paulpille-blog-detail .blog-product img {
	width: 120px; 
	height: auto;
}

.paulpille-blog.paulpille-blog-detail .blog-product .pic {
	text-align: center;
}

/*
#blockcontent .control-label,
#blockcontent label,
#blockcontent > p,
#blockcontent > div > p,
#blockcontent > div > div > p,
#blockcontent > div > div > div > p {
	font-size: 1.2em;
}
*/
/*
.myshop-box p,
.myshop-lastorder p {
	font-size: 1.2em;
}
*/

.pull-left {
	font-size: 1.3em;
}

.cart-coupon {
	font-size: 1em !important;
}

.couponwrapper div {
	font-size: 0.8em;
	padding: 0 0 10px 0;
}

nav#mobileNavigation ul.dropdown-menu {
	width: 100%;
	border-right: 0;
	border-left: 0;
	border-radius: 0;
	background: #333;
}

.dropdown-toggle:hover,
.dropdown-toggle:active,
.dropdown-toggle:focus,
.dropdown-toggle {
	text-decoration: none;
}

.myshop-lastorder {
	padding: 0;
}
.myshop-lastorder h4 {
	background: #2d9ed7;
	color: #fff;
	padding: 3px 9px;
	font-size: 1.5em;
}
.myshop-box,
.myshop-lastorder p,
.myshop-lastorder a {
	padding: 0 9px;
/*
	font-size: 1.2em;
	line-height: 1.5em;
*/
}


.italicgray {
	color: #ccc;
	font-style: italic;
}

.AddressbookController .alert {
	margin-bottom: 0;
}

.AddressbookController .pull-left {
	padding-bottom: 20px;
}

#details .saving {
	font-size: 1.2em;
    padding-top: 0.35em; /* 9.3em */
}

img.detailvideo,
img.detailbewertungen {
    width: 100%;
    display: none;
}

video {
	display: none; /* none */
}

.videoplayer {
	display: none;
	position: absolute;
	z-index: 1100;
	left: 50%;
    z-index: 300;
    margin-left: -304px;
    border: 40px solid #fff;
    background: #fff;
    box-shadow: 0px 10px 40px rgba(0,0,0,0.4);
}
/*
.videoclose {
    font-size: 2.6em;
    background: #e20c44;
    border-radius: 50%;
    position: absolute;
    top: -56px;
    right: -56px;
    padding: 4px 0 0 1px;
    width: 45px;
    height: 45px;
    text-align: center;
    color: #fff;
	cursor: pointer;
}

.videoclose:hover {
	background: #b01934;
	cursor: pointer;
}
*/

.videotext {
	font-size: 0.55em;
	color: #fff;
	top: 13px;
	position: absolute;
}

.videoclose {
	color: #333;
    font-size: 2.1em;
    position: absolute;
    top: -40px;
    right: -40px;
    width: 40px;
    height: 40px;
    line-height: 41px;
    padding: 0px 0px 0px 6px;
}
.videoclose:hover {
	color: #fff;
	background: #e20c44;
	cursor: pointer;
}

.btn-default {
	color: #fff;
    border: 0;
    background-color: #e20c44;
    border-radius: 5px;
    padding: 10px 30px;
    font-size: 1.3em;
    font-weight: 700;
    float: right;
	cursor: pointer;
}
.btn-default:hover {
	color: #fff;
	background: #b01934;
	cursor: pointer;
}

.btn-upload {
    color: #fff;
    border: 0;
    background-color: #e20c44;
    border-radius: 5px;
    padding: 8px 30px;
    font-size: 1.3em;
    font-weight: 700;
    float: center;
    cursor: pointer;
    width: 100%;
}
.btn-upload:hover {
    color: #fff;
    background: #b01934;
    cursor: pointer;
}

.wacg-search__results .wacg-search__results__close {
	padding: 10px 0 0 3px;
	cursor: pointer;
}

.wacg-search__results .wacg-search__results__close:hover {
	color: #fff;
    background-color: #e20c44;
	cursor: pointer;
}

.abbildung {
	color: #4a4b4f;
    padding: 4px 10px 4px 10px;
    background-color: rgba(255, 255, 255, 0.8);
    position: absolute;
    bottom: 0;
}
.videolink {
	display: none; /* none */
}

/*
.videolink {
	display: none;
	float: right;
	padding: 0 10px 10px 0;
	cursor: pointer;
}
.videolink:hover {
	color: #b01934;
	cursor: pointer;
}
*/
.videolink.videobtn {
	z-index: 110;
}

/*
.videolink {
	display: none;
	cursor: default;
    position: absolute;
    right: -30px;
    top: -10px;
    background: #eee;
    width: 40px;
    height: 40px;
    color: #fff;
    font-size: 2em;
    line-height: 41px;
    padding: 0 0 0 6px;
}
.videolink:hover {
	background-color: #eee;
	cursor: default;
}

.videobtn {
	color: #fff;
	background-color: #e20c44;
	cursor: pointer;
}
.videobtn:hover {
	color: #fff;
	background-color: #b01934;
	cursor: pointer;
}
*/
.ProductController .videobtn {
	color: #e20c44;
    cursor: pointer;
    font-size: 5em;
}

.ProductController .videobox {
    cursor: default;
    height: 200px;
    margin-top: 3px; /* 30px */
}

.ProductController .videolink {
    position: relative;
    top: 0px;
    margin: 0 auto;
/*    background: #eee; */
    width: 70px;
    height: 70px;
    color: #e20c44;
    font-size: 2em;
    line-height: 41px;
    padding: 0 0 0 6px;
    border-radius: 50%;
    border-color: #e20c44;
    border: 7px solid;
    cursor: pointer;
}

/*
.ProductController .videolink {
    position: absolute;
	right: 120px;
    top: 82px;
    width: 70px;
    height: 70px;
    color: #e20c44;
    font-size: 2em;
    line-height: 41px;
    padding: 0 0 0 6px;
    border-radius: 50%;
    border-color: #e20c44;
    border: 7px solid;
}
*/
.ProductController i.icon-play-2 {
    position: absolute;
    top: 4px;
    left: -2px;
    font-size: 2.5em;
}
.ProductController .videotext {
	font-size: 1em;
	top: 64px;
	left: 3px;
	color: #e20c44;
}

.modal-header {
	padding: 10px 10px 10px 20px;
}

.modal-dialog .close,
.modal-content .modal-header button.close {
	font-size: 2.4em;
    color: #fff;
/*    text-shadow: 0 1px 0 #999; */
    filter: alpha(opacity=60);
    opacity: .6;
}

.modal-dialog .close:hover,
.modal-content .modal-header button.close:hover {
    filter: alpha(opacity=100);
    opacity: 1;
}

.modal-header .icon-cancel {
	top: 10px;
    position: absolute;
    right: 10px;
}

.modal-content button.close {
	width: 30px;
	height: 30px;
}

.modal-body {
	font-size: 1.2em;
	padding: 20px;
}

#addToCartModal .modal-body {
	padding: 20px 20px 20px 22px;
}

/* Produkt Detail Popup */

.modal-dialog .modal-header {
	background-color: #00a0e0;
	color: #fff;
    border-radius: 5px 5px 0 0;
}

.modal-dialog .modal-header h4 {
	color: #fff;
}

.mobile-only {
    display: none;
}

.mobile-only-big {
    display: none;
}

.mobile-hidden {
    display: block;
}


.content-box div.gespeicherteskonto {
	padding: 14px 0 10px 0;
}

#cart-menu {
    border-radius: 0 0 5px 5px;
}

#cart-menu .btn:hover, #login-menu .btn:hover, #login-menu2 .btn:hover, .btn:hover {
	background-color: #00a0e0;
	color: #fff;
}

.headercarthover:active, .headercarthover:focus, .headercarthover:hover {
	background-color: #00a0e0;
}

.topmenu ul.navbar-nav li a:hover {
	background-color: #e20c44;
}

#cart-menu .btn:hover, #login-menu .btn:hover, #login-menu2 .btn:hover, .btn:hover {
	background-color: #e20c44;
	color: #fff;
}

a.btn-blue {
    background-color: #2d9ed7;
    border-radius: 4px;
    font-size: 13px;
    margin-right: 1px;
    padding: 10px 28px;
    border: none;
    font-weight: 700;
    -moz-user-select: none;
    cursor: pointer;
    display: inline-block;
    line-height: 1.12857;
    margin-bottom: 0;
    vertical-align: middle;
    text-shadow: none;
    color: #fff;
    text-align: center;
    white-space: nowrap;
}
a.btn-blue:hover {
    background-color: #2e73a6;
}


.panel-default>.panel-heading {
	background-color: #EFF3F7;
	border-color: #cFd3d7;
}


.pflichttext {
    position: absolute;
    bottom: 0px;
    background-color: #EFF3F7;
    padding: 0px 12px;
    color: #e20c44;
    font-size: 0.9em;
}
.pflichttext a {
    color: #e20c44;
}
.blog-product.product-list .pic .pflichttext {
    position: absolute;
    top: 11.2em;
    font-size: 1.0em;
    height: 1.4em;
}
.startbox .pflichttext {
    position: absolute;
    bottom: 43px;
    background-color: #EFF3F7;
    padding: 0px 12px;
    color: #e20c44;
    font-size: 0.9em;
    right: 2px;
}


.deliverystart {
	position: absolute; 
	bottom: 2px; 
	left: 0px; 
	z-index:100; 
	background-color:rgba(255,255,255,0.6); 
	padding: 2px 5px 2px 0;
}

.product-box-small .pflichttext {
    bottom: 20px;
}

.IndexController .product-box {
	height: 370px;
}

.product-box .product-box-small .title.truncate {
	height: 80px;
}

.seopaul {
    background-color: #ffffff;
    padding: 4px 10px 16px 110px;
}

.seopaul.seopaulimg {
    background: url('/documents/products/Statisch/paulpille/paulpille_seo.png') #ffffff;
    background-repeat: no-repeat;
    background-size: 50px auto;
    background-position: 5px 5px;
    padding: 4px 10px 16px 110px;
}


.btn-border-right {
    padding: 0 6px 0 0 !important;
}
.btn-border-center {
    padding: 0 3px 0 3px !important;
}
.btn-border-left {
    padding: 0 0 0 6px !important;
}

.teaser-paul-center {
    max-width: 180px;
    position: relative;
    top: 0px;
}

.IndexController .product-box .product-box-small .description {
	padding-top: 18px !important;
}

/*
.clearborder-right-md {
	padding-right: 0 !important;
}
*/
/*
.videolink {
	display: none;
	cursor: default;
    position: absolute;
    right: -30px;
    top: -10px;
    background: #eee;
    width: 40px;
    height: 40px;
    color: #fff;
    font-size: 2em;
    line-height: 41px;
    padding: 0 0 0 6px;
}
.videolink:hover {
	background-color: #eee;
	cursor: default;
}

.videobtn {
	color: #fff;
	background-color: #e20c44;
	cursor: pointer;
}
.videobtn:hover {
	color: #fff;
	background-color: #b01934;
	cursor: pointer;
}
*/
@media (min-width: 992px) and (max-width: 1170px) { /* tablet hoch */
	header.mobileheader > .container {
/*		background: transparent;
		padding: 0 10px 0 20px;
*/
		background: url('/documents/products/Statisch/paulpille/pauldiepille2.svg');
		background-size: 100%;
		background-repeat: no-repeat;
		padding: 0 15px 0 25px;

	}

	.paulpille .navbar .container .row .pull-right a img {
		width: 140px;
/*
		height: auto;
		margin: 10px 0 0 0;
		float: right;
*/
	}

    .ProductGroupController .teaserbox.teaserboxzitrone {
        width: 35%;
    }

    .apotheke img {
		right: 120px;
	    top: 40px;
	    margin-right: 0;
	}

	.dimdi img {
		right: 26px;
	    top: 45px;
	    margin-right: 0;
	}

	.kairionsky iframe {
		margin: auto;
		width: 100%;
	}

	.willkommensbox {
		background-position-x: right;
		background-position: right -14px bottom -37px;
	}

	.blog-product {
		width: 33%;
	}

    .productelements .productelement:nth-child(1) { order: 1; } /* Headline */
    .productelements .productelement:nth-child(2) { order: 2; flex-basis: 40%; margin: 0; } /* Bild */
    .productelements .productelement:nth-child(3) { order: 5; flex-basis: 40% } /* Teasertext */
    .productelements .productelement:nth-child(4) { order: 6; }
    .productelements .productelement:nth-child(5) { order: 3; flex-basis: 60%; } /* Preisbox */
    .productelements .productelement:nth-child(6) { order: 7; }
    .productelements .productelement:nth-child(7) { order: 8; } /* Details */
    .productelements .productelement:nth-child(8) { order: 5; flex-basis: 60%; } /* Weitere Packungsgrößen */

}

@media (min-width: 768px) and (max-width: 991px) { /* tablet hoch */

	header.mobileheader > .container {
		background: transparent;
		padding: 0 10px 0 20px;
	}

	header nav .navbar {
/*
		background: url('/img/pauldiepille_mobile.svg');
	    background-size: contain;
		background-repeat: no-repeat;
	    background-size: auto 50px;
*/
		background-color: #4a4b4f;
	}

    .ProductGroupController .teaserbox.teaserboxzitrone {
        width: 45%;
    }

    .paulpille .navbar .container .row .pull-right a img {
		width: 132px;
		height: auto;
		margin: 6px 0 0 0;
		float: right;
	}

	.pauldiepille {
		width: 28px; height: 50px; overflow: hidden; float: left;
	}
	.pauldiepille img {
		width: 266px; height: 50px; float: left;
	}


	.apotheke img {
		right: 110px;
	    top: 60px;
	    margin-right: 0;
	}

	.dimdi img {
		right: 20px;
	    top: 65px;
	    margin-right: 0;
	}

	.steps a.active, .steps a.active:link, .steps a.active:visited {
		color: #fff;
		font-size: 1.1em;
		font-weight: normal;
	}

	#details .deliverytime {
/*		padding-top: 18.5em; */
	}

	#details .saving {
		padding-top: 2.5em;
	}

	section#content {
		margin-top: 50px;
	}


	/* Navigation */
	nav#mobileNavigation .icon-plus-circled { display: block; }
	.icon-angle-down { display: none; }
	.dropdown-toggle:after { font-family: 'ppille'; content: ''; }

	nav#mobileNavigation {
/*		background: url('../img/PaulPille.svg'); */
		background: #333333; /* 4a4b4f; */
	}

	nav#mobileNavigation img {
		margin: 0 20px 20px 8px;
		width: 150px;
		height: auto;
	}

	nav#mobileNavigation .navigation-list ul {
		margin-left: 0;
	}

	nav#mobileNavigation .list-inline>li {
		padding: 0;
	}

	nav#mobileNavigation ul li a {
		color: #fff; /* #00a0e0; */
		padding: 0em 0;
	}

	nav#mobileNavigation ul li:hover,
	.category:hover a {
		border-top: 1px solid rgba(255, 255, 255, 0.1);
	}

	nav#mobileNavigation ul li::before,
	.sidebar-right ul li::before,
	footer ul li::before {
		font-size: 1.6em;
		color: #fff;
	}

	nav#mobileNavigation .h6 {
		font-family: 'robotoregular', 'Open Sans', sans-serif;
		color: #aaa;
		font-size: 1.3em;
	}

	nav#mobileNavigation div.h6.text-center {
		text-align: left;
		padding: 0.2em 0 0.1em 0.6em;
	}

	nav#mobileNavigation ul li,
	.category a,
	nav#mobileNavigation li.link,
	nav#mobileNavigation li.dropdown {
		width: 100%;
		background: #2b2b2b;
/*		margin: 0.2em 0;
		padding: 0.6em 0.9em;
		border-top: 1px solid rgba(255, 255, 255, 0.1);
		border-bottom: 1px solid #202020; */
	}

	.list-inline a.dropdown-toggle {
		width: 98%;
		display: inline-block;
		position: relative;
	}


	/* Navigation */
	#mobileNavigation .icon-plus-circled { display: none; }
	.icon-angle-down { display: none; }
	.dropdown-toggle:after { font-family: 'ppille'; content: ''; }

	#mobileNavigation, #menu, #menu-right {
	    padding-top: 12px!important;
	    padding-bottom: 80px!important;
	    width: 32.4%!important;
	}

	nav#mobileNavigation {
		background: #333333; /* 4a4b4f; */
	}

	nav#mobileNavigation ul li {
		margin: 2px 0;
		padding: 0;
	}

	nav#mobileNavigation ul li a {
		color: #fff; /* #00a0e0; */
		padding: 0em 0;
	}

	nav#mobileNavigation ul li a {
		margin: 0;
		display: block;
		padding: 0.5em 0 0.5em 0.6em;
		border-top: 1px solid rgba(255, 255, 255, 0.1);
		border-bottom: 1px solid #202020;
	}

	nav#mobileNavigation ul li a:hover {
		margin: 0;
		display: block;
		padding: 0.5em 0 0.5em 0.6em;
		border-bottom: 1px solid rgba(255, 255, 255, 0.1);
		border-top: 1px solid #202020;
		background: #e20c44;
	}

	nav#mobileNavigation ul li ul li a {
		margin: 0;
		display: block;
		padding: 0.5em 0 0.5em 1.6em;
		border-top: 1px solid rgba(255, 255, 255, 0.1);
		border-bottom: 1px solid #202020;
	}

	nav#mobileNavigation ul li ul li a:hover {
		margin: 0;
		display: block;
		padding: 0.5em 0 0.5em 1.6em;
		border-bottom: 1px solid rgba(255, 255, 255, 0.1);
		border-top: 1px solid #202020;
		background: #e20c44;
	}

	nav#mobileNavigation ul li:hover,
	.category:hover a {
		border-top: 1px solid rgba(255, 255, 255, 0.1);
	}

	nav#mobileNavigation ul li::before,
	.sidebar-right ul li::before,
	footer ul li::before {
		font-size: 1.6em;
		color: #fff;
	}

	nav#mobileNavigation .h6 {
		font-family: 'robotoregular', 'Open Sans', sans-serif;
		color: #aaa;
		font-size: 1.3em;
	}

	nav#mobileNavigation div.h6.text-center {
		text-align: left;
		padding: 0.2em 0 0.1em 0.6em;
	}

	nav#mobileNavigation ul li,
	.category a,
	nav#mobileNavigation li.link,
	nav#mobileNavigation li.dropdown {
		width: 100%;
		background: #2b2b2b;
/*		margin: 0.2em 0;
		padding: 0.6em 0.9em;
		border-top: 1px solid rgba(255, 255, 255, 0.1);
		border-bottom: 1px solid #202020; */
	}

	nav#mobileNavigation .list-inline a.dropdown-toggle {
		width: 100%;
		display: inline-block;
		position: relative;
	}

	nav#mobileNavigation .dropdown-menu {
		background: transparent;
	}

	.clearborder-right-md {
		padding-right: 0 !important;
	}
/*
	.row.topteaser {
		margin: 0 10px 10px 0px;
		background-size: 55%;
	}

	.teaserbox {
		width: 100%;
	}
*/
	.startbox .title {
		width: 50%;
	}

	.startbox .description {
		width: 50%;
	}

    .startboxbanner {
        margin: 0 10px -50px 0px; position: relative;
    }


    .row.smallboxteaser {
		max-height: 740px;
    	overflow: hidden;
    }

	.nav-collapse {
		margin: 0 2% 2% 2% !important;
	}

	.nav-collapse.navbar-responsive-collapse {
		background: rgba(243, 239, 237, 0.9);
		border: 2px solid #e20c44;
		border-radius: 8px;
		width: auto;
	}
	.form-control {
		margin-bottom: 8px;
	}

	input.searchtextbox {
		padding: 0 10px;
		width: 65%;
		float: left;
		margin-bottom: 0;
	}

	.search-mobile input[type=submit] {
	    float: right;
		position: absolute;
		right: 0;
	}

	.checkout .product-box .discount,
	.NotepadController .checkout .product-box .discount {
		right: 25%;
		left: auto;
		top: 3%;
	}
	.willkommensbox {
		width: 320px;
		margin-left: -150px;
		background-position-x: right;
		background-position: right -14px bottom -37px;
	}

	.shortpaulpille {
/*	    height: 16em; */
	    min-height: 1em;
	}

	.StartController .checkoutlinieone {
		border: 0;
	}

	.tabcontainer ul {
		margin: 14px 0 20px 0;
	}

	.kairionsky iframe {
		margin: auto;
		width: 100%;
	}

	.boxwhite.rightcorner {
		padding: 4px 0px 4px 0px;
	}

	.blog-product {
		width: 33%;
	}

	.blog-weiterlesen {
		margin-bottom: 20px;
	}
    .productelements {
        display: flex;
        /* flex-direction: column; */
        flex-wrap: wrap;
    }

    .productelements .productelement:nth-child(1) { order: 1; } /* Headline */
    .productelements .productelement:nth-child(2) { order: 2; }
    .productelements .productelement:nth-child(3) { order: 5; flex-basis: 50%; } /* Teasertext */
    .productelements .productelement:nth-child(4) { order: 3; flex-basis: 38%; margin: 0; } /* Bild */
    .productelements .productelement:nth-child(5) { order: 4; flex-basis: 50%; margin-left: 12%; } /* Preisbox */
    .productelements .productelement:nth-child(6) { order: 7; }
    .productelements .productelement:nth-child(7) { order: 8; } /* Details */
    .productelements .productelement:nth-child(8) { order: 6; flex-basis: 50%; } /* Weitere Packungsgrößen */
/*
    .paulrezept {
        max-width: 40%;
    }
    .paulrezept-xs {
        text-align: center;
    }

    .btn-upload {
        width: 60%;
    }
*/
    /*
        .productelements {
            display: flex;
            flex-direction: column;
            flex-wrap: wrap;
        }

        .productelements .productelement:nth-child(1) { order: 1; } / * Headline * /
        .productelements .productelement:nth-child(2) { order: 2; flex-basis: 40%; margin: 0; } /* Bild * /
        .productelements .productelement:nth-child(3) { order: 5; flex-basis: 40% } /* Teasertext * /
        .productelements .productelement:nth-child(4) { order: 6; }
        .productelements .productelement:nth-child(5) { order: 3; flex-basis: 60%; } /* Preisbox * /
        .productelements .productelement:nth-child(6) { order: 7; }
        .productelements .productelement:nth-child(7) { order: 8; } /* Details * /
        .productelements .productelement:nth-child(8) { order: 5; flex-basis: 60%; } /* Weitere Packungsgrößen * /
    */
}

@media (max-width: 767px) { /* mobile */

    #blockcontent {
        margin-top: 4.5em;
    }

	header.mobileheader > .container {
		background: transparent;
		padding: 0;
	}

	header nav .navbar {
/*
		background: url('../img/pauldiepille_mobile.svg');
	    background-size: contain;
		background-repeat: no-repeat;
	    background-size: auto 50px;
*/
		background-color: #4a4b4f;
	}

	.arrow_block {
		right: 30px;
		margin: 6px 14px 0px 0px;
	}

    .product-box img.bg, .product-box-large img.bg {
        width: auto;
        height: auto;
    }

    .teaser-abwehrkraefte {
        background-image: url('img/teaser_erkaeltung-abwehrkraefte_small.jpg') !important;
        background-size: cover !important;
    }

	.paulpilleerezept,
	.paulpilleapp {
		min-height: 300px;
	}
	.paulpilleapp .teaserproducts { 
		margin-top: 5px;
		margin-left: 20%; 
	}
	.paulpilleapp .teaserbox {
		margin-top: 30px;
	}


    .ProductGroupController .teaserbox.teaserboxzitrone {
        margin-top: 60px;
        width: 95%;
    }

    .DisplayBlog section#content .container {
		padding-top: 40px;
	}

	#e-rezept-schrift {
		width: 50%;
	}

	footer {
	    height: 550px;
	}
	footer .containerpaul {
		height: 550px;
/*		background-size: 105% 750px; */
		background-size: auto 400px;
		background-position: center 120px;
	}

    .startbox .price {
        width: 100%;
    }

    .start-right img {
        padding: 0 0 0 10px;
    }
    .start-left img {
        padding: 0 0 10px 10px;
    }

    .footerback {
		height: 204px;
	    top: -144px;
	}

	.BlogController section#content {
		margin-top: 55px;
	}
	.BlogController #blockcontent {
		margin: 0;
	}

	input[type="text"], input[type="textarea"] {
		font-size: 16px;
	}

	.paulpille {
		background: transparent;
	}

	.paulpille .navbar .container .row .pull-right a img {
		width: 90px;
/*
		height: auto;
		margin: 10px 0 0 0;
		float: right;
*/
	}

	.pauldiepille {
		width: 28px; height: 50px; overflow: hidden; float: left;
	}
	.pauldiepille img {
		width: 266px; height: 50px; float: left;
	}

	.container, .container-fluid,
	#contact {
		padding: 0 11px;
	}

	#blockcontent,
	div#details.col-lg-10.content #blockcontent {
	    margin: 30px 0 0 0;
	}

	.product-box p.title {
		font-size: 1.2em;
	}

	.checkoutProgressMobile ul.list-inline {
		text-align: center;
	}

	.steps {
		color: #fff;
		background: #2d9ed7;
		font-size: 1.3em;
		font-weight: normal;
	}

	.steps a.active, .steps a.active:link, .steps a.active:visited {
		color: #fff;
		font-weight: normal;
	}

	#details .deliverytime {
/*		padding-top: .5em; *//* 9.5em */
	}

	#details .saving {
		padding-top: .5em;
	}

	section#content {
		margin-top: 50px;
	}

	section#content .container .checkoutProgress ul.list-inline {
		display: none;
	}

	section#content .checkout {
		margin: 30px 0 0 0;
	}

	/* Navigation */
	nav#mobileNavigation .icon-plus-circled { display: block; }
	.icon-angle-down { display: none; }
	.dropdown-toggle:after { font-family: 'ppille'; content: ''; }

	nav#mobileNavigation, #menu, #menu-right {
	    padding-top: 80px!important;
	    padding-bottom: 80px!important;
	    width: 50%!important;
	}

	nav#mobileNavigation {
		background: #333333; /* 4a4b4f; */
	}

	nav#mobileNavigation img {
		display: none;
	}

	nav#mobileNavigation ul li {
		margin: 2px 0;
		padding: 0;
	}

	nav#mobileNavigation .navigation-list ul {
		margin-left: 0;
	}

	nav#mobileNavigation .list-inline>li {
		padding: 0;
	}

	nav#mobileNavigation ul li a {
		color: #fff; /* #00a0e0; */
		padding: 0;
	}

	nav#mobileNavigation ul li a {
		margin: 0;
		display: block;
		padding: 0.5em 0 0.5em 0.6em;
		border-top: 1px solid rgba(255, 255, 255, 0.1);
		border-bottom: 1px solid #202020;
	}

	nav#mobileNavigation ul li a:hover {
		margin: 0;
		display: block;
		padding: 0.5em 0 0.5em 0.6em;
		border-bottom: 1px solid rgba(255, 255, 255, 0.1);
		border-top: 1px solid #202020;
		background: #e20c44;
	}

	nav#mobileNavigation ul li ul li a {
		margin: 0;
		display: block;
		padding: 0.5em 0 0.5em 1.6em;
		border-top: 1px solid rgba(255, 255, 255, 0.1);
		border-bottom: 1px solid #202020;
	}

	nav#mobileNavigation ul li ul li a:hover {
		margin: 0;
		display: block;
		padding: 0.5em 0 0.5em 1.6em;
		border-bottom: 1px solid rgba(255, 255, 255, 0.1);
		border-top: 1px solid #202020;
		background: #e20c44;
	}
/*
	nav#mobileNavigation ul li:hover,
	.category:hover a {
		border-top: 1px solid rgba(255, 255, 255, 0.1);
	}

	nav#mobileNavigation ul li::before,
	.sidebar-right ul li::before,
	footer ul li::before {
		font-size: 1.6em;
		color: #fff;
	}
*/
	nav#mobileNavigation .h6 {
		font-family: 'robotoregular', 'Open Sans', sans-serif;
		color: #aaa;
		font-size: 1.3em;
	}

	nav#mobileNavigation div.h6.text-center {
		text-align: left;
		padding: 0.2em 0 0.1em 0.6em;
	}

	nav#mobileNavigation ul li,
	.category a,
	nav#mobileNavigation li.link,
	nav#mobileNavigation li.dropdown {
		width: 100%;
		background: #2b2b2b;
/*		margin: 0.2em 0; */
/*		padding: 0.6em 0.9em; */
/*		border-top: 1px solid rgba(255, 255, 255, 0.1);
		border-bottom: 1px solid #202020; */
	}

	.ProductController .videolink {
		position: absolute;
		top: -160px;
		right: 20px;
	}

	#mobileNavigation .list-inline a.dropdown-toggle {
		width: 100%;
		display: inline-block;
		position: relative;
	}

	.open>.dropdown-menu {
		position: static;
	}

	.paulpilleapp {
		background-image: url('/documents/products/Statisch/paulpille/startseite/paulpille_app-NFC_mobile.jpg') !important;
	}

	.paulpilleapp .teaserbox {
		color: #4a4b4f;
	}

	.paulpilleapp .arrow_block {
		display: none;
	}
	.paulpilleapp .teaserbox {
		max-width: 50%;
	}
	.paulpilleapp .mobile-store-img  {
		max-width: 70px;
	}
	.paulpilleapp .mobile-store_wrapper {
		padding: 5px 0;
	}
	.paulpilleapp .suptext {
		/* padding-top: 10px; */
		font-size: 0.65em;
		color:#4a4b4f;
	}
	
	.quickordertable {
		width: 100%;
	}

	.clearborder-right-sm {
		padding-right: 0 !important;
	}

	.product-box {
/*		margin: 0 10px 20px 10px; */
	}

	.product-box .discount {
		right: 8%;
		left: auto;
		top: 5%;
	}

	div.startbox.min-height-210 {
		margin-left: 10px;
	}

    .startboxbanner {
        margin: 0 10px 80px 10px; position: relative;
    }

    .row.topteaser {
		margin: 0 10px 10px 10px;
		background-size: 55%;
	}
	.teaserbox {
		width: 100%;
		padding: 0; /* 0 24px 20px 20px; */
	}

    .topteaser img.teaserpaulrennt {
        width: 44%;
    }
    .topteaserelement .teaserelements {
        display: none;
    }
    .topteaserelement .arrow_block {
        display: none;
    }
    .teaserelementbox img.trustedshops {
        margin: 5px 8%;
        max-width: 66px;
    }
    .teaserelementbox img.sprechblasen {
        display: block;
        margin: 0px 20%;
        max-width: 130px;
    }

    .teaserelementbox {
        position: absolute;
        bottom: 0;
        width: 60%;
        padding: 0;
        right: 0;
        font-size: 1.2em;
        margin-bottom: 4px;
    }

    .paulpilleerezept .teaserelementbox {
        position: absolute;
        top: 0;
        width: 60%;
        padding: 0;
        right: 0;
        font-size: 1.2em;
        margin-top: 4px;
    }


	div.row.row-10 {
		margin-left: 10px;
	}
/*
	.min-height-210 {
		height: 255px;
	}
*/
	.startbox.min-height-210 {
		background-size: 84%;
		background-color: #fff;
		background-repeat: no-repeat;
		background-position: right 0px;
	}

	.paulpille #contact .head {
		padding-top: 10px;
	}

	.SonnenController #breadcrumbplaceholder,
	.IndexController #breadcrumbplaceholder {
		display: none;
	}
	.row.topteaser {
		position: relative;
	}

	.nav-collapse {
		margin: 0 2% 2% 2% !important;
	}

	.nav-collapse.navbar-responsive-collapse {
		background: rgba(243, 239, 237, 0.9);
		border: 2px solid #e20c44;
		border-radius: 8px;
		width: auto;
	}
	.form-control {
		margin-bottom: 8px;
	}

	input.searchtextbox {
		padding: 0 10px;
		width: 65%;
		float: left;
		margin-bottom: 0;
	}

	.search-mobile input[type=submit] {
	    float: right;
		position: absolute;
		right: 0;
	}
/*
	.navbar a.btn.pull-right {
		margin-bottom: 5px !important;
	}
*/
	.checkout .product-box .discount,
	.NotepadController .checkout .product-box .discount {
		right: 20%;
		left: auto;
		top: 3%;
	}

	.willkommensbox {
		width: 400px;
		margin-left: -200px;
		position: relative;
		top: 0;
		background-position-x: right;
		background-position: right -14px bottom -37px;
	}

    .teaserelements,
	.teaserproducts {
		top: 0;
	}

	.shortpaulpille {
	    min-height: 1em;
	}

	.tabcontainer ul {
		margin: 14px 0 20px 0;
	}

	#details .product-photo img {
		/* max-width: 280px; */
		max-width: 200px;
	}

	.sonnenpille {
	    margin: 100px 35% 20px 20px;
	}

	.paulpille.sonne {
		background-image: none;
	}

	.checkoutstart {
		height: auto;
	}

	.checkoutstartbtn {
		position: relative;
		right: 0;
	}

	.StartController .checkoutlinie,
	.StartController .checkoutlinieone {
		border: 0;
	}

	.checkout .coupon {
		width: 100%;
		margin-bottom: 20px;
	}

	#menu-cart, #menu-myshop, #menu-search {
		padding: 0;
	}

	.boxwhite.rightcorner {
		padding: 4px 0px 4px 0px;
	}

	.ppblog-detail-back-pic img,
	.ppblog-detail-pic img {
		width: 50%;
	}
	
	.paulpille-blog.paulpille-blog-detail .blog-content {
		margin-top: 210px;
	}
	
	.backblog {
	    top: 35px;
		right: 10px;
		position: absolute !important;
	}

	.paulpille-blog {
		position: relative;
		margin-bottom: 10px;
	}
	
	.blog-schlagworte {
		left: 25px;
		padding-right: 10px;
	}
	
	.blog-weiterlesen {
		margin-bottom: 30px;
	}

	.blog-product {
		width: 33%;
	}

    .wacg-search__overlay,
    .wacg-search__results {
        display: none;
    }

    body .paulpille x#menu-search input.searchtextbox {
        margin: 0 5px!important;
        padding: 5px 5px!important;
    }

    .SearchController .aktuell,
    .IndexController .aktuell,
    .ProductController .aktuell {
        margin: 54px 0 0 0;
    }

    section#content {
        margin-top: 13px;
    }

    .productelements {
        display: flex;
        /* flex-direction: column; */
        flex-wrap: wrap;
    }
    .productelements .productelement:nth-child(1) { order: 1; } /* Headline */
    .productelements .productelement:nth-child(2) { order: 2; flex-basis: 40%; margin: 0; } /* Bild */
    .productelements .productelement:nth-child(3) { order: 5; flex-basis: 40% } /* Teasertext */
    .productelements .productelement:nth-child(4) { order: 6; }
    .productelements .productelement:nth-child(5) { order: 3; flex-basis: 60%; } /* Preisbox */
    .productelements .productelement:nth-child(6) { order: 7; }
    .productelements .productelement:nth-child(7) { order: 8; } /* Details */
    .productelements .productelement:nth-child(8) { order: 5; flex-basis: 60%; } /* Weitere Packungsgrößen */

    .ProductController .videobox {
        height: 75px;
    }

    .mobile-only {
        display: block;
    }

    .mobile-only-big {
        display: block;
    }

    .mobile-hidden {
        display: none;
    }
    .mobilecenter {
        width: 305px;
        margin: 0 auto;
    }

    .paulrezept {
        max-width: 60%;
    }
    .paulrezept-xs {
        text-align: center;
    }
    .btn-upload {
        width: 100%;
    }

    .btn-border-right {
        padding: 0 1px 0 1px !important;
    }
    .btn-border-center {
        padding: 0 1px 0 1px !important;
    }
    .btn-border-left {
        padding: 0 1px 0 1px !important;
    }
    .teaser-paul-center {
        max-width: 125px;
        position: relative;
        top: 0px;
		left: 90px;
    }
}

@media only screen and (max-width: 539px) {

	header.mobileheader > .container {
		padding: 0;
	}

	footer {
	    height: 500px;
	}
	footer .containerpaul {
		height: 500px;
/*		background-size: 105% 800px; */
		background-size: auto 400px;
		background-position: center 120px;
	}
	.footerback {
		height: 164px;
	    top: -144px;
	}

	.BlogController section#content {
		margin-top: 15px;
	}

	section#content div.container {
		background: transparent;
	}

	ul.nav-pills li ul.dropdown-menu li a {
		padding: 0;
	}

	.open>.dropdown-menu {
		padding: 0 0.4em;
	}

	.dropdown-menu {
		padding: 0 1em;
		background: #e20c44;
		color: e6e2e0;
	}

	#blockcontent,
	div#details.col-lg-10.content #blockcontent {
		background: #fff;
		padding: 10px 10px 20px 10px;
	}

	/* Navigation */
	nav#mobileNavigation .icon-plus-circled { display: block; }
	.icon-angle-down { display: none; }
	.dropdown-toggle:after { font-family: 'ppille'; content: ''; }

	nav#mobileNavigation, #menu, #menu-right {
	    padding-top: 80px!important;
	    padding-bottom: 80px!important;
	    width: 70%!important;
	}

	nav#mobileNavigation {
		background: #333333; /* 4a4b4f; */
	}

	nav#mobileNavigation .navigation-list ul {
		margin-left: 0;
	}

	nav#mobileNavigation .list-inline>li {
		padding: 0;
	}

	nav#mobileNavigation ul li a {
		color: #fff; /* #00a0e0; */
/*		padding: 0 0 0 0.6em; */
	}

	nav#mobileNavigation ul li a {
		margin: 0;
		display: block;
		padding: 0.5em 0 0.5em 0.6em;
		border-top: 1px solid rgba(255, 255, 255, 0.1);
		border-bottom: 1px solid #202020;
	}

	nav#mobileNavigation ul li a:hover {
		margin: 0;
		display: block;
		padding: 0.5em 0 0.5em 0.6em;
		border-bottom: 1px solid rgba(255, 255, 255, 0.1);
		border-top: 1px solid #202020;
		background: #e20c44;
	}

	nav#mobileNavigation ul li ul li a {
		margin: 0;
		display: block;
		padding: 0.5em 0 0.5em 1.6em;
		border-top: 1px solid rgba(255, 255, 255, 0.1);
		border-bottom: 1px solid #202020;
	}

	nav#mobileNavigation ul li ul li a:hover {
		margin: 0;
		display: block;
		padding: 0.5em 0 0.5em 1.6em;
		border-bottom: 1px solid rgba(255, 255, 255, 0.1);
		border-top: 1px solid #202020;
		background: #e20c44;
	}

	nav#mobileNavigation ul li:hover,
	.category:hover a {
		border: 0;
/*		border-top: 1px solid rgba(255, 255, 255, 0.1); */
	}

	nav#mobileNavigation ul li::before,
	.sidebar-right ul li::before,
	footer ul li::before {
		font-size: 1.6em;
		color: #fff;
	}

	nav#mobileNavigation .h6 {
		font-family: 'robotoregular', 'Open Sans', sans-serif;
		color: #aaa;
		font-size: 1.3em;
	}

	nav#mobileNavigation div.h6.text-center {
		text-align: left;
		padding: 0.2em 0 0.1em 0.6em;
	}

	nav#mobileNavigation ul li,
	.category a,
	nav#mobileNavigation li.link,
	nav#mobileNavigation li.dropdown {
		width: 100%;
		background: #2b2b2b;
		margin: 0.2em 0;
/*		padding: 0.6em 0em; */
		padding: 0em;
/*		border-top: 1px solid rgba(255, 255, 255, 0.1);
		border-bottom: 1px solid #202020; */
		border: 0;
	}
/*
	.row {
		margin: 0 5px 0 10px !important;
	}
*/
	#mobileNavigation ul li:before {
/*		content: " ›"; */
	}

	#mobileNavigation ul li ul li:before {
		padding: 0;
	}

	#mobileNavigation ul li ul li:before {
/*		content: " ›"; */
/*		padding: 0 0.9em 0 0; */
	}

	ul.nav-pills li a,
	ul.nav-pills li a:link,
	ul.nav-pills li a:visited,
	ul.nav-tabs li a,
	ul.nav-tabs li a:focus,
	ul.nav-tabs li a:hover,
	ul.nav-tabs li a:link,
	ul.nav-tabs li a:visited {
		background: #4a4b4f;
		color: #e6e2e0;
		border: 0;
		padding: 10px;
	}

	.nav .open>a,
	.nav .open>a:focus,
	.nav .open>a:hover {
		background: #4a4b4f;
		color: #e6e2e0;
	}

	/* Navigation hover */
	ul.nav-pills li a:focus,
	ul.nav-pills li a:hover,
	ul.nav-tabs li.active a,
	ul.nav-tabs li.active a:focus,
	ul.nav-tabs li.active a:hover,
	ul.nav-tabs li.active a:link,
	ul.nav-tabs li.active a:visited {
		background: #e20c44;
		color: #e6e2e0;
	}



	.list-inline a.dropdown-toggle {
		width: 98%;
		display: inline-block;
		position: relative;
	}
	
	#addToNotepad,
	.modal {
		width: 97%;
	}

	.modal-dialog .modal-header {
		background-color: #00a0e0;
		color: #fff;
	}

	.modal-dialog .modal-header h4 {
		color: #fff;
	}

	#cart-menu .btn:hover, #login-menu .btn:hover, #login-menu2 .btn:hover, .btn:hover {
		background-color: #00a0e0;
		color: #fff;
	}

	.headercarthover:active, .headercarthover:focus, .headercarthover:hover {
		background: #00a0e0;
	}

	.topmenu ul.navbar-nav li a:hover {
		background: #e20c44;
	}

	#cart-menu .btn:hover, #login-menu .btn:hover, #login-menu2 .btn:hover, .btn:hover {
		background-color: #e20c44;
		color: #fff;
	}

	#details .deliverytime {
/*		padding-top: 0em; */
	}

	#details .wunschliste {
		width: 40px;
	}

	.clearborder-xs-right {
		padding-right: 0;
		margin-right: 0;
	}

	.quickordertable {
		width: 100%;
	}

	.clearborder-right-xs {
		padding-right: 0 !important;
	}

	#blockcontent {
		margin: 0;
	}
/*
	.col-xs-12 {
		margin: 0 5px 0 15px;
	}
*/

	.product-box {
/*		margin: 0 10px 20px 10px; */
	}

/*
	.product-box .discount {
		right: 8%;
		left: auto;
		top: 5%;
	}
*/
	.product-box .discount {
		right: 20%;
		left: auto;
		top: 2%;
	}

	/* Startseite */
    .startboxbanner {
        margin: 0 10px -30px 10px; position: relative;
    }
	.startbox {
		margin-left: 10px;
	}

	.startbox .title {
		font-size: 1.4em;
		padding: 4px 0 4px 10px;
		width: 100%;
		font-weight: bold;
		cursor: pointer;
		top: 104px;
		left: 0;
		position: absolute;
		background: #fff;
	}

	.startbox .description {
		width: 90%;
		height: 52px;
		overflow: hidden;
		text-overflow: ellipsis;
		position: absolute;
		top: 156px;
	}

	.startbox .start-servicebar-red {
		position: absolute;
		bottom: 41px;
		left: 0;
		width: 100%;
	}

	.startbox .start-servicebar-bg {
		background: #EFF3F7;
		position: absolute;
		bottom: 0;
		width: 100%;
		height: 40px;
		right: 0;
	}

	.startbox .product-data {
		position: absolute;
		top: 6px;
	}

	.startbox.min-height-210 {
		margin-right: 10px;
		margin-left: 10px;
		background-size: 340px;
		background-color: #fff;
		background-repeat: no-repeat;
		background-position: right 0px;
		position: relative;
		height: 310px;
	}

	.startbox .discount {
		right: 140px;
		top: 20px;
	}


	.paulpilleerezept {
		background-image: url('/documents/products/Statisch/paulpille/startseite/paulpille_teaser_daserezept_mobile3.jpg') !important;
	}
	.paulpilleerezept .teaserelementbox {
		width: 96%;
	}


	a.btn.pull-right {
		margin-right: 0px;
		width: 100%;
	}
	
	a.btn.pull-right.red {
		width: auto;
	}

	a.btn.pull-left {
		margin-top: 10px;
		margin-right: 0px;
		width: 100%;
	}

	.modal-payment-button{
		margin-top: 10px;
		margin-right: 0px;
		width: 100%;
	}

	.modal-footer .btn+.btn {
		margin-left: 0;
	}

	.row.topteaser {
		margin: 0 10px 10px 10px;
		background-size: 55%;
	}
	.teaserbox {
		width: 100%;
		padding: 0 24px 5px 20px;
	}
	.paulpilleapp .teaserbox {
		width: 100%;
		padding: 0 4px 5px 20px;
	}

	input.searchtextbox {
		width: 55%;
	}

	.checkout .product-box .discount,
	.NotepadController .checkout .product-box .discount {
		right: 77% !important;
/*		left: auto; */
		top: 2%;
	}

	.willkommensbox {
		position: relative;
		background: #fff;
		padding: 4px 10px;
		border: 6px solid #E6E2DF;
		font-size: 1.2em;
		width: 98%;
		margin: 0 auto;
		font-weight: 300;
		font-family: robotoregular, 'Open Sans', sans-serif;
		color: #4a4b4f;
		background-image: url('img/paulpille_start.png');
		background-position-x: right;
		background-position: right -14px bottom -37px;
		background-repeat: no-repeat;
		background-size: 90px 150px;

		left: 0;
		width: none;
		min-height: none;
	}

	.row.topteaser {
		min-height: 120px;
		
	}

	.teaserbox p {
		padding: 5px 10px 5px 10px;
	}

	.row.topteaser h1 {
		font-size: 1em;
	}

    .teaserelements,
	.teaserproducts {
		display: none;
	}
	.paulpilleapp .teaserproducts {
		display: block;
	}
	.paulpilleapp .teaserproducts { 
		margin-top: 5px;
		margin-left: 10%; 
	}

	.checkoutsite #AmazonPayButton img,
	.checkoutsite img.paypal {
		width: 170px;
		height: auto;
	}

	.videoplayer {
		display: none;
		position: absolute;
		z-index: 1100;
		z-index: 300;
		left: 0;
		margin-left: 0;
		border: 40px solid #fff;
		background: #fff;
		width: 100%;
		box-shadow: 0px 10px 40px rgba(0,0,0,0.4);
	}

	video {
		width: 100%;
		height: auto;
	}

	.sonnenpille {
	    margin: 75px 35% 20px 20px;
	}

	.paulpille.sonne {
		background-image: none;
	}

	.StartController .checkoutlinie,
	.StartController .checkoutlinieone {
		border: 0;
	}

	.boxwhite.rightcorner {
		padding: 4px 0px 4px 0px;
	}

	.blog-product {
		width: 50%;
	}

	/* tusted shops */
	#tsbadgeResponsiveTop_db8d3657bdbe440c985ae127463eaad4,
	#tsbadgeResponsiveTop_db8d3657bdbe440c985ae127463eaad4node {
		position: fixed;
		bottom: 0;
		z-index: 101;
		display: none !important;
	}

    .productelements {
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
    }
    .productelements .productelement:nth-child(1) { order: 1; } /* Headline */
    .productelements .productelement:nth-child(2) { order: 2; margin: 0; } /* Bild */
    .productelements .productelement:nth-child(3) { order: 5; } /* Teasertext */
    .productelements .productelement:nth-child(4) { order: 6; }
    .productelements .productelement:nth-child(5) { order: 3; } /* Preisbox */
    .productelements .productelement:nth-child(6) { order: 7; }
    .productelements .productelement:nth-child(7) { order: 8; } /* Details / Raiter */
    .productelements .productelement:nth-child(8) { order: 4; } /* Weitere Packungsgrössen */

    .ProductController .videobox { height: 35px; margin-top: 0; top: -30px; }

    .mobile-only {
        display: block;
    }

    .mobile-only-big {
        display: block;
    }

    .mobile-hidden {
        display: none;
    }

}




@media only screen and (max-width: 480px) {

	.product-box {
/*		margin: 0 10px 20px 10px; */
		margin: 0 0px 20px 0px;
	}
	input.searchtextbox {
/*		width: 45%; */
		width: 90%;
	}

	footer {
	    height: 500px;
	}
	footer .containerpaul {
		height: 700px;
/*		background-size: 105% 800px; */
		background-size: auto 400px;
		background-position: center 300px;
	}
	.footerback {
		height: 164px;
	    top: -144px;
	}

	.footerfooter .container {
		margin-top: 175px;
	}

	.sonnenpille {
	    margin: 55px 30% 20px 20px;
	}

	.paulpille.sonne {
		background-image: none;
	}

    .mobile-only {
        display: block;
    }

    .mobile-only-big {
        display: block;
    }

    .mobile-hidden {
        display: none;
    }

}




/* Awesome animation */

/*
   Animation example, for spinners
*/
.animate-spin {
  -moz-animation: spin 2s infinite linear;
  -o-animation: spin 2s infinite linear;
  -webkit-animation: spin 2s infinite linear;
  animation: spin 2s infinite linear;
  display: inline-block;
}
@-moz-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@-webkit-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@-o-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@-ms-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}

.oneproduct {
	margin-top: 10px;
	background: #fff;
/*	padding: 0 0 8px 0; */
	padding: 0;
}

.orderbar {
	margin-bottom: 8px;
}

.textheightsmall {
	line-height: 1.2em;
}

.col-xs-12.oneproduct {
	padding-left: 10px;
}

#product-list .price-on-request {
	padding: 31px 0 0 0;
}

#product-list p.info-text {
/*	padding: 0 0 0 20px; */
	margin: 0 0 2px 0;
}
#product-list h4 {
}

#product-list.content .product-box-icon-notepad {
	display: none;
}

#product-list.content .product-list .product-box-icon-notepad {
	display: block;
}

.product-list .product-box-icon-notepad {
    float: right;
}

#product-list.product-list .product-list-small .product-box-icon-notepad {
	padding-top: 3px !important;
}

#details .wunschliste {
	padding-top: 4px !important;
}

#product-list.content .product-box .product-box-icon-cart {
	font-size: 1em;
}

#product-list.content .product-box i.icon-basket {
	margin: 0;
	top: 0;
	font-size: 2.8em;
}

#product-list.content .product-box i.icon-cart-plus {
	margin: 0;
	top: 0;
	font-size: 3.1em;
}

.DisplayOrderDetails button.product-box-icon-cart .icon-cart-plus {
    color: #fff;
}

.DisplayOrderDetails .start-servicebar-bg button.product-box-icon-cart {
    background: #e20c44;
    border-radius: 4px;
    border: 0;
    padding: 2px 4px;
}

.DisplayOrderDetails .start-servicebar-bg button.product-box-icon-cart:hover {
    background-color: #B01934;
}

.DisplayOrderDetails .start-servicebar-bg button.product-box-icon-cart .icon-cart-plus:before {
    font-size: 1.8em;
    margin: 0 0.3em;
    border: 0;
    border-radius: 5px;
}

.overviewhead {
	background: #fff;
    padding: 10px 20px;
    margin: 0;
}

.overviewhead h4 {
	line-height: 1em;
    font-size: 1.95em;
}

.overviewhead p {
    font-size: 1.2em;
}


.search-result-header #product-list .product-list-small .text-short {
    font-size: 1em;
}

#product-list .text-short {
    font-size: 1.2em;
}

.product-list-small form.add-product {
	margin-bottom: 0;
}

.sidebar-right {
/*	background: #fff; */
/*	padding: 10px 0; */
}

.container .row .col-lg-2.visible-lg.sidebar-left {
	padding-left: 0px;
}


div.discount {
	transform: rotate(-10deg) !important;
	-moz-transform: rotate(-10deg);
	-ms-transform: rotate(-10deg);
	-o-transform: rotate(-10deg);
	-webkit-transform: rotate(-10deg);
}

.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
	padding-right: 10px;
	padding-left: 0px;
}
/*
@media only screen and (max-width: 539px) {
	.col-xs-12 {
		padding-right: 0;
	}
}
*/

div#details.col-lg-10.content {
/*
	background: #fff;
	margin: 0;
	padding: 10px 30px 20px 30px;
*/
	padding: 0 30px 0 0;
}

.form-horizontal .form-group {
	margin-right: 0px;
	margin-left: 0px;
}

sup {
/*	top:-1.5em; */
/*	font-size: 0.4em; */
	padding: 0 0 0 0.2em;
}

.price sup,
.tableprice sup {
	top: -1.3em;
	font-size: 0.4em;
}

.space3 { height: 3px; }
.space23 { height: 23px; }



div.container.hidden-xs.hidden-sm.topmenu { position: relativ; }

#logo { position: relative; z-index: 350; }
#logo img { width: 355px; position: absolute; top: 24px; left: 0; }
#logo img:hover { opacity:0.7; cursor: pointer; }

.paulpille_mobile {
	width: 135px;
	margin: 0 0 0 8px;
}


.checkout .buyit, .checkout .coupon {
	background: #EFF3F7;
	color: #696a6c;
}

.billingbox {
	background: #EFF3F7;
}

.billingadressname {
	margin: 0.2em 0 0 0;
	font-size: 1.7em;
}

.billingadresscheck {
	font-size: 1.3em;
}

.informationname {
	margin: 0.1em 0 0.8em 0;
}

.checkout .billingbox input {
	float: left;
}

.checkout .billingbox label {
	float: left;
	width: 90%;
	padding-left: 8px;
	color: #696a6c;
}

.NotepadController .notepad-submit {
    margin-top: 0px;
}
@media all and (max-width: 760px) {
    .notepad-submit {
        margin-top:2px;
        margin-left:0px;
    }
}
table.notepadtable .img-responsive {
	max-width: 80%;
}

table.notepadtable .discount {
	right: 5px;
}

.checkout .tableartikel .discount {
	right: -8px;
	top: -8px;
}

.checkout .tableartikel img {
	width: 69px;
	height: auto;
}

.checkoutnavi {
	margin-bottom: 30px;
}

.head label {
	padding: 0 0 0 8px;
	margin: 0;
}

.mobiletopnav {
	padding-left: 2px;
}

.mobilquantity {
	float: right;
}

.backwhite {
/* bgwhite	background: #fff; */
/*	border: 2px solid #4a4b4f; */
	border: 0;
/* bgwhite	padding: 10px 10px 6px 20px; */
	padding: 0;
	margin: 0 0 20px 0;
}

.search-result-header {
	background: #fff;
/*	border: 2px solid #4a4b4f; */
	border: 0;
	padding: 10px 10px 6px 20px;
	margin-top: 0px;
}

.bottom-2 {
	padding-bottom: 2px;
}

.row-margin-2 p,
.row-margin-2 {
	margin: 2px 0 0 0;
	line-height: 1.0em;
}

.row-margin-3 p,
.row-margin-3 {
	margin: 2px 0 0 0;
	line-height: 1.0em;
}

.row-margin-5 p,
.row-margin-5 {
	margin: 0 0 5px 0;
}

.row-margin-10 p,
.row-margin-10 {
	margin: 0 0 10px 0;
}

.row-margin-14 p,
.row-margin-14 {
	margin: 0 0 14px 0;
}

.search-result-header .searchresult-clearborder-right,
.clearborder-right-lg,
.clearborder-right {
	padding-right: 0;
	margin-right: 0;
}

p.xsmall {
/*	margin: 0 0 4px; */
}

.info-text {
	font-size: 1.2em;
}

.deliverytime img.status,
.xsmall.info-text img.status {
	position: relative;
	top: -1px;
}

.status_red {
	font-weight: bold;
	color: #e20c44;
}

.status_green {
	font-weight: bold;
	color: #208362;
}

.status_express {
	font-weight: bold;
	color: #208362;
}

.position-absolute {
	position: absolute;
}

.position-relative {
	position: relative;
}

.position-bottom-right {
	position: absolute;
    bottom: 0;
    right: 0;
}

.product-list-small .text-short a {
	color: #696a6c;
	font-weight: 400;
}
/*
#product-list .product-list-small {
	border: 1px solid #fff;
}
#product-list .product-list-small:hover {
	border: 1px solid #ccc;
}
*/

#blockcontent .oneproduct {
	border: 1px solid #fff;
}

#blockcontent .oneproduct:hover {
	border: 1px solid #ccc;
}

.max-height-36 { max-height: 36px; }
.max-height-32 { max-height: 32px; }

.text-short { max-height: 31px; overflow: hidden; }

.border-right {
	margin-right: 10px;
}

.margin-right-negativ {
	margin-right: -10px;
}

.margin-bottom-20 {
	margin-bottom: 20px;
}

.text-align-right {
	text-align: right;
}

.button-cancel-handymenu {
	padding: 0 10px 0 0;
	color: #fff;
	font-size: 2em;
	opacity: 0.8;
	float: right;
}

.paulpille_mobile_left {
	float: left;
}

.button-cancel-handymenu:hover {
	opacity: 1;
}

.close-handy-nav {
	float: right;
	margin: 0;
	padding: 0;
	top:0;
	position: absolute;
	right:10px;
}

.price.text-right span {
	font-size: 1.6em;
}

#product-list .product-list-small .product-list__image img {
	padding-top: 8px;
}

#product-list .product-list-small .price.price-on-request {
	font-size: 1em;
}
#product-list .product-list-small .price.price-on-request a {
	font-weight: normal;
}
/*
#product-list .product-box .product-box-small .product-list__image img {
//	float: left;
}
*/
#product-list .product-box {
	border: 0;
}


.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover, .pagination>li>a, .pagination>li>span {
	border-color: #e6e2e0;
}

.pagination>li>a, .pagination>li>span {
	padding: 5px 12px 6px 12px;
    font-size: 1.1em;
}

#ipayment-back-button, #ipayment-next-button {
	width: auto;
}

.search__result__product__name {
	font-size: 1.2em;
}


.bezahlarten .tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-weight: normal;
  line-height: 1.4;
  filter: alpha(opacity=0);
  opacity: 0;
}
.bezahlarten .tooltip.in {
  filter: alpha(opacity=90);
  opacity: .9;
}
.bezahlarten .tooltip.top {
  padding: 5px 0;
  margin-top: -3px;
}
.bezahlarten .tooltip.right {
  padding: 0 5px;
  margin-left: 3px;
}
.bezahlarten .tooltip.bottom {
  padding: 5px 0;
  margin-top: 3px;
}
.bezahlarten .tooltip.left {
  padding: 0 5px;
  margin-left: -3px;
}
.bezahlarten .tooltip-inner {
  max-width: 200px;
  padding: 3px 8px;
  color: #fff;
  text-align: center;
  text-decoration: none;
  background-color: #e20c44;
  border-radius: 4px;
}
.bezahlarten .tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.bezahlarten .tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 5px 5px 0;
  border-top-color: #e20c44;
}
.bezahlarten .tooltip.top-left .tooltip-arrow {
  right: 5px;
  bottom: 0;
  margin-bottom: -5px;
  border-width: 5px 5px 0;
  border-top-color: #e20c44;
}
.bezahlarten .tooltip.top-right .tooltip-arrow {
  bottom: 0;
  left: 5px;
  margin-bottom: -5px;
  border-width: 5px 5px 0;
  border-top-color: #e20c44;
}
.bezahlarten .tooltip.right .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
  border-right-color: #e20c44;
}
.bezahlarten .tooltip.left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
  border-left-color: #e20c44;
}
.bezahlarten .tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #e20c44;
}
.bezahlarten .tooltip.bottom-left .tooltip-arrow {
  top: 0;
  right: 5px;
  margin-top: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #e20c44;
}
.bezahlarten .tooltip.bottom-right .tooltip-arrow {
  top: 0;
  left: 5px;
  margin-top: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #e20c44;
}


.alert-danger {
/*	font-size: 1.4em; */
}


/* für Trusted Shops Sternchen */
.icon-star-full {
/*
	margin-left: 0 !important;
	margin-right: 0 !important;
*/
}

.ts-stars-wrapper [class^="icon-"]:before, .ts-stars-wrapper [class*=" icon-"]:before {
	margin-left: 0 !important;
	margin-right: 0 !important;
	font-size: 100%;
}
/*
.ts-stars-fullBar .icon-star-full {
	font-size: 17px;
    margin-right: 0px;
}
*/
.left_db8d3657bdbe440c985ae127463eaad4 div,
.name_db8d3657bdbe440c985ae127463eaad4 {
	height: 15px !important;
}

.IndexController .facebookwerbung {
	display: none;
}

.paulbook {
	display: none;
	position: absolute;
    top: 4%;
    left: 50%;
    margin-left: -300px;
    width: 600px;
    margin-top: 0px;
    height: 244px;
    background: rgba(255,255,255,0.9);
    border-radius: 5px;
    box-shadow: 10px 10px 30px rgba(0,0,0,0.25);
    padding: 30px;
    text-align: center;
    z-index: 1001;
    border: 25px solid #e20c44;
}

.paulbookoverlay {
	display: none;
	position: absolute;
    width: 99%;
    height: 100%;
    background: rgba(255,255,255,0.8);
    top: 0px;
    left: 0;
    z-index: 1000;
}

.closepaulbook {
	cursor: pointer;
}

.closepaulbookbtn {
	cursor: pointer;
    position: absolute;
    top: -25px;
    right: -25px;
    color: rgba(255,255,255,0.7);
    font-size: 2.0em;
    background: transparent;
    border: 0;
    font-weight: 100;
}

.closepaulbookbtn:hover {
	color: rgba(204,204,204,1);
}

.paulfacebookpaul {
    width: auto;
    height: 230px;
    position: absolute;
    border: 0px solid #0f0;
    position: absolute;
    bottom: 0;
    left: -18px;
}

.paulfacebookpaul img {
	width: auto;
	height: 236px;
}

.paulfacebook {
    width: 520px;
    float: right;
    bottom: 0;
    position: absolute;
    padding: 0 0 6px 245px;
    text-align: left;
}

.gefaelltdir {
	top: -2px;
    left: -5px;
    position: relative;
}

.gefaelltdir img {
	width: 270px;
}

.gefaelltdirsub {
	color: #e20c44;
	font-size: 1.1em;
	font-weight: 700;
}

.paultext {
	margin: 0 5px 8px 0;
}

.paulnein {
	margin: 5px 0 0 0;
}

.paulfacebooklink {
	margin: 0 10px 0 70px;
}

.module_cart .zzglversand a {
	color: #696a6c;
}

#cart-menu table tr td a, #cart-menu table tr td a:link, #cart-menu table tr td a:visited {
	font-size: 0.9em;
}

.table > tbody > tr.zzglversand > td {
	border-top: 0 solid #fff;
}


.checkout .product-list .quantity input.form-control,
.product-list .quantity input,
.product-list-large .quantity input {
    margin-top: 0px;
    border: 0;
    text-align: center;
    font-weight: normal;
    color: #e20c44; /* #1B81B2; */
    padding: 0;
    height: 37px;
    line-height: 41px;
}

.product-list .quantity {
    padding: 1px 0 1px 3px;
}

div.col-lg-1.col-md-2.col-sm-2.col-xs-2 {
	padding-right: 10px !important;
}

@media (max-width: 900px) { 
	.paulfacebookbox {
		height: 150px;
		background: url('/img/fb_back2.png') #fff; 
	}
	
	.facebookbuttons {
	    top: 110px;
	}
	
	.paulfacebookpaulbanner img {
		height: 146px; top: -2px; position: absolute;
	}
	
	.fb-text {
		width: 55%;
	}
	
	.fb-gutschein .headline,
	.fb-text .headline {
		width: 100%;
		height: auto;
	}
	
	.fb-gutschein {
		width: 65%;
	}
}

@media (max-width: 640px) { 

	.BlogController section#content {
		margin-top: 15px;
	}

	.paulbookoverlay {
		top: 3px;
	}
	
	.paulfacebookpaul img {
		height: 150px;
	}
	
	.paulbook {
		top: 1%;
		height: 330px;
		width: 380px;
	    margin-left: -190px;
	}
	
	.paulfacebookpaul {
		height: 146px;
	}
	
	.gefaelltdir img {
		width: 248px;
	}
	
	.paulfacebook {
	    padding: 0 0 90px 25px;
	}
	
	.paulfacebooklink {
		margin: 0 10px 0 100px;
	}
	
	.paultext {
		margin: 0 0 12px 0;
	    width: 230px;
	}

	
	.paulfacebookbox {
		height: 170px;
		background: url('/img/fb_back2.png') #fff; 
	}
	
	.facebookbuttons {
	    top: 130px;
	}
	
	.paulfacebookpaulbanner img {
		height: 146px; top: 18px; position: absolute;
	}
	
	.fb-text {
		width: 55%;
		left: 200px;
	}
	
	.fb-gutschein .headline,
	.fb-text .headline {
		width: 100%;
		height: auto;
	}

	.fb-gutschein {
		width: 56%;
		left: 200px;
	}
}

@media (max-width: 420px) { 
	.paulfacebookbox {
		height: 210px;
	}
	
	.facebookbuttons {
	    top: 170px;
	}
	
	.paulfacebookpaulbanner img {
		position: absolute;
		height: 126px;
		top: 78px;
		left: -2px;
	}
	
	.fb-text {
		width: 54%;
		left: 164px;
	}

	.fb-gutschein .headline,
	.fb-text .headline {
		width: 130%;
		height: auto;
	}

	.fb-gutschein {
		width: 58%;
		left: 150px;
	}
}



@media print {
	#logo img {
		width: 220px;
		height: auto;
		margin-top: 30px;
		margin-left: 20px;
	}
	.wrapper h2 {
		margin-top: 100px;
		font-size: 20px;
	}
	.dimdi,
	.breadcrumb,
	.pdfpage,
	.footermenulists,
	.navmenu,
	.containerpaul,
	.buttons,
	footer,
	.footerback,
	.footerfooter,
	#tscard4_db8d3657bdbe440c985ae127463eaad4,
	#tsbadge4_db8d3657bdbe440c985ae127463eaad4 {
		display: none;
	}
	#tscard4_db8d3657bdbe440c985ae127463eaad4,
	#tsbadge4_db8d3657bdbe440c985ae127463eaad4 {
		background: #ccc;
	}
	.apotheke {
		position: absolute;
		top: 30px;
		left: 300px;
	}
	.OrdersController #blockcontent table.ohne td {
		padding: 0;
	}
	
	.OrdersController #blockcontent .orderdetail-box td,
	.OrdersController #blockcontent th, 
	.OrdersController #blockcontent td {
		padding: 2px 0;
	}

    a[href]:after { content: none; }
    img[src]:after { content: none; }
}

.trustbadge {
    width:130px;
    height:80px;
    position: fixed;
    display: flex;
    z-index: 2;
    bottom: 100px;
    left: 15px;
}


/* IMPFSCANNER */
.impffeldhead {
    font-weight: 600;
    color: #3c763d;
    padding-bottom: 8px;
}
.impffeld {
    font-weight: 600;
    margin-top: 4px;
}

#vaccination-barcode-reader {
    min-height: 700px;
    height: auto;
    padding: 2.5% 1.2% ;
}
#vaccination-barcode-reader div, #vaccination-barcode-reader p {
    font-size: 1.4rem;
    line-height: 2.0rem;
    padding-right: 2.0rem;
}
#vaccination-barcode-reader img {
    width: 100%;
    max-width: 320px;
}
#vaccination-barcode-reader #div-video-container img {
    margin: 5%;
    width: 90%;
    color: #EAF6FF;
}
#vaccination-barcode-reader #stopScanButton {
    display: none !important;
}
#vaccination-barcode-reader #div-video-container {
    position: relative;
    margin-top: 20px;
    margin-bottom: 20px;
    height: 300px;
    width: 300px;
    overflow: hidden;
    /*background-color: #EAF6FF;*/
    border: 15px solid #1F9DD9;
    border-radius: 20px;
}
#vaccination-barcode-reader #div-video-container p {
/*
    text-align: center;
    line-height: 300px;
    font-size: 20px;
    font-weight: bold;
*/
}
#vaccination-barcode-reader #qr-scan-video {
    position: absolute;
    left: -117px;   /* (video_width - div_width) / 2 */
    top: -117px;
    width:  534px;  /*  height or width x 1,78 */
    height: 534px;
}
#vaccination-barcode-reader .btn, #vaccination-barcode-reader input.btn {
    border-radius: 0 !important;
}
#vaccination-barcode-reader .product-detail-warenkorb {
    width: 301px;
    border-radius: 0;
}
#vaccination-barcode-reader .product-detail-warenkorb span {
    width: 300px;
}
#vaccination-barcode-reader #result_success {
    position: absolute;
}
#vaccination-barcode-reader #result_success, #vaccination-barcode-reader #result_error {
    display: none;
    width: 100%;
    height: 100%;
    z-index: 11;
    background: #fff;
    padding: 10px 20px;
}
@media only screen and (min-width: 767px) {

}
@media only screen and (max-width: 767px) {
    .checkout .rezeptbox {
        width: 100%;
    }
	.image-landingpage.border-right {
		margin-right: 0px;
	}
	.bannerkairion {
		width: 100%;
	}
}

/* E_REZEPT READER */
#e-rezept-barcode-reader {
    padding: 2.5% 1.2% ;
}
#e-rezept-barcode-reader div, #e-rezept-barcode-reader p {
    font-size: 1.4rem;
    line-height: 2.0rem;
    /*
    padding-right: 2.0rem;
    */
}
#e-rezept-barcode-reader #result_success, #e-rezept-barcode-reader #result_error {
    display: none;
    width: 100%;
    height: 100%;
    z-index: 11;
    background: #fff;
    padding: 10px 20px;
}
#e-rezept-barcode-reader .result_recipe {
    margin-top: 21.5px;
}
#e-rezept-barcode-reader .result_recipe_col {
    display: inline-block;
    width: 45%; /*210px*/
    vertical-align:top;
    padding-right: 10%;
}
#e-rezept-barcode-reader .prescription-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 5px 0px 5px 0px;
    list-style: none;
}
#e-rezept-barcode-reader .prescription-item:nth-child(1) {
    border-top: 0.2px solid darkgray;
}
#e-rezept-barcode-reader .prescription-item:last-child {
    border-bottom: 0.2px solid darkgray;
}
#e-rezept-barcode-reader .prescription-item-text {
    font-size: 1.2em;
}
#e-rezept-barcode-reader ul {
    padding: 0px;
}
#e-rezept-barcode-reader .prescription-btns {
    cursor: pointer;
}
#e-rezept-barcode-reader .prescription-btns img {
    height: 12px;
}
#e-rezept-barcode-reader .prescription-btns span {
    color: #BD0017;
    margin-left: 3px;
}
@media only screen and (max-width: 991px) { /*einspaltiges Layout */
    #e-rezept-barcode-reader .result_recipe {
        margin: 0px auto;
        width:300px;
    }
    #e-rezept-barcode-reader .result_recipe_col {
        width: 100%;
        padding:0px;
        margin-top: 20px;
    }
}
#e-rezept-barcode-reader .erezept-warenkorb-btn {
    margin: 2px 0px;
    height: 40px;
    width: 100%;
    background: #e20c44;
    border: none;
    border-radius: 0;
    color: #fff;
    font-weight: 600;
    font-size: 15px;
    padding: 6px 10px;
    text-align: center;
}
#e-rezept-barcode-reader .erezept-warenkorb-btn[disabled] {
    background: #ccc;
    color: #aaa;
}
.barcode-scanner {
    margin-bottom: 20px;
}
.barcode-scanner #div-video-container {
    position: relative;
    margin: 20px auto;
    height: 300px;
    width: 300px;
    overflow: hidden;
    /*background-color: #EAF6FF;*/
    border: 15px solid #1F9DD9;
    border-radius: 20px;
}
.barcode-scanner #div-video-container img {
    margin: 0%;
    width: 100%;
    color: #EAF6FF;
}
.barcode-scanner #scan_camera_stop {
    display: none !important;
}
.barcode-scanner .btnx {
    width: 148px;
}
.barcode-scanner .mobilecenter {
    width: 302px;
    margin: 0 auto;
}
.barcode-scanner video {
    display: inline-block;
}

/* Prescription */

.fileUpload input.upload {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    font-size: 20px;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
}

.uploaded-prescription {
    max-width:55px;
    max-height:44px;
}

.uploaded-prescription-mobile {
    max-width:55px;
    max-height:44px;
    margin-bottom: 10px;
    margin-top: 10px;
}

.uploaded-prescription-thumbnail-type1 {
    background-image: url("/documents/products/Statisch/paulpille/erezept/prescriptionRed.png");
    background-position: 0 0 !important;
    height: 44px;
    width: 20px;
    float: left;
}

.uploaded-prescription-thumbnail-type2 {
    background-image: url("/documents/products/Statisch/paulpille/erezept/prescriptionGreen.png");
    background-position: -20px 0 !important;
    height: 44px;
    width: 17px;
    float: left;
}

.uploaded-prescription-thumbnail-type3 {
    background-image: url("/documents/products/Statisch/paulpille/erezept/prescriptionBlue.png");
    background-position: -37px 0 !important;
    height: 44px;
    width: 22px;
    float: left;
    margin-right: 5px;
}

.cms-image {
  position: relative;
  width: 100%;
  height: auto;
}

.notepad-star {
    cursor: pointer;
}

/* < Shipment Tracking Box _______________________________
/* Shipment Tracking Box Variables*/
#shipment-status-div{
    --stb-h-padding: 10px;
    --stb-v-padding: 10px;
    --stb-b-padding: 10px;
    --stb-h-margin: 10px;
    --stb-v-margin: 10px;
}

/* Spacing */

#shipment-status-div .mb0{
    margin-bottom: 0;
}

#shipment-status-div .mt0{
    margin-top: 0;
}

#shipment-status-div .mb1{
    margin-bottom: 10px;
}

#shipment-status-div .mt1{
    margin-top: 10px;
}

#shipment-status-div.homepage-false{
    display: none !important;
}

#shipment-status-div.has-no-order{
    margin: 0 !important;
}

#shipment-status-div.homepage-true{
    background-color: #fff; 
    margin: var( --stb-v-margin) var(--stb-h-margin);
    position: relative;
}

#shipment-status-div #shipment-box{
    padding: var(--stb-v-padding) var(--stb-h-padding);
    padding-bottom: var(--stb-b-padding);
}

#shipment-status-div .text-primary{
    color: #e20c44;
}

.shipment-box-col{
    width: 100%;
    flex-direction: column;

}

.shipment-box__wrapper{
    display: flex;
    flex-direction: column;
}

.shipment-status{
    width: auto;
}

.shipment-status__title{
    font-size: 26px;
    line-height: 1.2;
    margin-bottom: 5px;
}

.shipment-status__text{
    display: flex; 
    justify-content: flex-start; 
    gap: 3em;
    margin-bottom: 1.5em;

}

.shipment-status__text p{
    font-size: 1.4em;
}

.shipment-tracking {
    display: flex;
    width: auto;
    margin-bottom: var(--stb-b-padding);
}

.shipment-tracking_link{
    display: inline-block;
}

.shipment-tracking__inner{
    /* outline: 1px solid purple; */
    display: flex;
    flex-grow: 1;
    height: 100%;
    width: 100%;
    align-items: center;
}

.status-icon__wrapper img{
    height: auto;
    width: 100%;
    min-width: 100px;
    max-width: 130px;
}

.status-text__wrapper{
    margin-bottom: -10px;
    padding-left: var(--stb-h-padding);
}

.status-text__wrapper .status-text{
    font-size: 20px;
    line-height: 1.3;
    color: #000;
}

.status-text__wrapper>p:last-child{
    margin-bottom: 0;
}

.shipping-type{
    display: flex;
    flex-grow: 1;
    justify-content: space-between;
}

.svg_wrapper svg{
    width: 80px;
    height: 30px;
}

.shipping-type_title{
    font-size: 18px;
}

.shipment-tracking-info{
    flex-direction: column;
}

.shipment-tracking-info__text{
    font-size: 1.6em;
}

.shipment-tracking-info__text>p:last-child{
    margin-bottom: 0;
}

.shipment-tracking-info__btn a{
    margin: 1em 0 ;
    width: 100%;
}

.shipment-box-col.col-2{
    display: none;
}



/* Styling for medium screens and larger _____*/
@media screen and (min-width: 768px) {
    
    #shipment-status-div{
        --stb-h-padding: 20px;
        --stb-v-padding: 20px;
        --stb-b-padding: 50px;
        --stb-h-margin: 0px;
    }

    #shipment-status-div.homepage-true{
        margin-right: 10px;
    }

    #shipment-status-div #shipment-box {
        padding-bottom: 50px;
    }

    #shipment-status-div #shipment-box::after {
        content: '';
        display: block;
        position: absolute;
        top: var(--stb-v-padding);
        bottom: var(--stb-v-padding);
        left: calc(50% - 1px);
        width: 2px;
        background-color: #d3d3d3;
    }

    #shipment-status-div #shipment-box .shipment-tracking, #shipment-status-div #shipment-box .shipment-status{
        margin: 0 var(--stb-h-padding);
    }

    .shipment-box-col{
        width: 50%;
        height: auto;
        display: flex;
        padding: 0;
        flex-direction: column;
    }

    .shipment-box-col:last-child{
        justify-content: center;
    }

    .svg_wrapper svg{
        width: 100px;
        height: 34px;
    }

    .shipment-box__wrapper{
        flex-direction: row;
    }

    .status-icon__wrapper img{
        max-width: 170px;;
    }

    .status-text__wrapper .status-text{
        font-size: 28px;
    }
    
    .shipment-tracking-info{
        display: flex;
        flex-direction: row;
        align-items: flex-end;
        justify-content: space-between;
        flex-wrap: wrap;
    }

    .shipment-tracking-info__btn a{
        width: auto;
    }

    .shipment-tracking__mobile{
        display: none;
    }

    .shipment-box-col.col-2{
        display: flex;
    }
}
/* /> Shipment Tracking Box _______________________________*/

/* modal - Product Image */

.modal{
	.modal-body{
		>img{
			&:first-child, &:last-child{
				width: 100%;
			}
		}
	}
}

.product-image--mobile{
	/* outline: 1px solid red; */
	position: relative;
	clear: both;

}

#details .product-photo{
	margin-bottom: 10px;
}

/* Product Page - Product Image Slider */
.swiper-product-container{
	--swiper-theme-color: #e20c44;
	--swiper-pagination-bullet-inactive-color : #e20c44;

	--swiper-navigation-size: 24px;

	overflow: hidden;

	.swiper-pagination-bullets.swiper-pagination-horizontal{
		bottom: 4px;
	}
	
	.swiper-slide{
		>a{
			display: block;
			height: 100%;
			width: 100%;
			padding: 16px 32px 24px;
		}
		img{
			display: block;
			margin: 0 auto;
		}
	}
}

#blockcontent #details .product-photo .discount{
	right: 0;
	top: 5%;
}

.swiper-product-thumbs {
    margin-top: 10px;
}

.swiper-product-thumbs .swiper-slide {
    opacity: 0.4;
    cursor: pointer;
}

.swiper-product-thumbs .swiper-slide-thumb-active {
    opacity: 1;
}

.swiper-product-thumbs img {
    width: 100%;
    height: auto;
    object-fit: cover;
}

.abbildung{
	z-index: 110;
}

.px0{
	padding-left: 0 !important;
	padding-right: 0 !important; 
}

.p0{
	padding: 0 !important;
}

.modal-dialog{
	max-width: 500px !important;
	/* width: 100% !important; */
}

.modal-content{
	width: 100%;
}

.modal-body{
	padding-left: 0;
	padding-right: 0;
}

.in-modal-swiper {
    width: 100%;
    height: 100%;
    margin: 0 auto;
	padding: 0 5px;

	--swiper-theme-color: #e20c44;
	--swiper-pagination-bullet-inactive-color : #e20c44;

	--swiper-navigation-size: 24px;

	overflow: hidden;

	
	.swiper-slide {
		text-align: center;
		display: flex;
		justify-content: center;
		align-items: center;
		width: fit-content !important;
		/* margin-right : 0 !important;  */

	}
	

	.swiper-slide-thumb {
		width: 100%;
		height: 100%;
		object-fit: contain;
		cursor: pointer;
	}
	
	.swiper-slide-image {
		width: 100%;
		height: auto;
		max-height: 500px;
		object-fit: contain;
	}
	
	.thumb-swiper .swiper-slide {
		opacity: 0.4;
		cursor: pointer;
		transition: 0.3s opacity ease-in-out;
		transition: 0.2s transform ease-in-out;
	}
	
	.thumb-swiper .swiper-slide-thumb-active {
		opacity: 1;
		transform: scale(1.05);
	}
	
}

.modal{
	padding-right: 0 !important;
	width: 100%;

}

.modal[id~="custom_modal"] {
	
	width: 100%;
}

.main-swiper {
    width: 100%;
    margin-bottom: 10px;

	.swiper-slide{
		padding: 0 32px;
		width: 100% !important;

	}
}

.thumb-swiper {

	/*  temporary solution fix*/
	/* display: none !important; */
    width: auto;
    height: 100px;

	.swiper-slide{
		/* outline: 1px solid red; */
		/* margin-right: 8px !important; */
		width: 23% !important	;

		padding: 0.5em;

	}

	&.hide-slider{
		display: none;
	}
}




.shipping-options-vertical {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1rem;
    max-width: 600px;
    margin: 1rem auto;
}

.shipping-option-wrapper {
    position: relative;
}

.shipping-radio-input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

.shipping-option-card {
    display: block;
    /* border: 1px solid #ddd; */
    padding: 2rem;
    border-radius: 4px;
    transition: all 0.2s ease;
    cursor: pointer;
	background-color: #eef1f6;

}

/* Custom radio indicator */
.radio-indicator {
    width: 20px;
    height: 20px;
    border: 2px solid #ddd;
    border-radius: 50%;
    margin-right: 10px;
    position: relative;
	flex-shrink: 0;
}

.radio-indicator:after {
    content: '';
    position: absolute;
    display: none;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 12px;
    height: 12px;
    border-radius: 50%;
	transition: all 0.2s ease-in-out;
    display: block;

}

/* Styles for selected card */
.shipping-radio-input:checked + .shipping-option-card {
    /* border-color: #007bff;
    background-color: #f8f9ff; */

	
    /* border-color: #e20c44;
    background-color: #eef1f6; */


}

.shipping-radio-input:checked + .shipping-option-card .radio-indicator:after {
    background: #e20c44;
}

.shipping-option-header {
    display: flex;
    align-items: center;
	justify-content: space-between;
	flex-wrap: no-wrap;
    margin-bottom: 0.5rem;

}

.shipping-choice-wrapper {
    display: flex;
	flex-shrink: 1;
    align-items: center;
}

.shipping-title {
    font-weight: 700;
	font-size: 1.5rem;
}

.shipping-logo{
	max-width: 80px;
	margin: 0.5rem;
}

.shipping-option-description {
    margin-left: 30px;
    /* color: #666; */
	font-weight: 400;
}

/* Hover effects */
.shipping-option-card:hover {
    border-color: #f76e92;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}

.shipping-cost-price{
	margin-top: 1rem;
}

@media screen and (min-width: 768px) {
	.shipping-logo{
		max-width: 130px;
		margin: 1rem;

	}
}
.modal#paymentInfoModal{
	outline: 2px solid red;
}
.modal#paymentInfoModal .modal-dialog{
	z-index: 2;

}
.modal#paymentInfoModal::after{
	content: '';
	display: block;
	position: fixed;
	top:0;
	left: 0;
	right:0;
	bottom:0;
	background-color: #000;
	opacity: 0.5;
	z-index: 1;

}

body.is-apoapp .app-hidden{
	display: none !important;
}