@charset "UTF-8";
@-webkit-viewport {
    width: device-width;
    zoom: 1;
}
@-moz-viewport {
    width: device-width;
    zoom: 1;
}
@-ms-viewport {
    width: device-width;
    zoom: 1;
}
@-o-viewport {
    width: device-width;
    zoom: 1;
}
@viewport {
    width: device-width;
    zoom: 1;
}
a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
button,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    /*vertical-align: baseline;*/
    list-style: none;
    /*text-align: center;*/
    font-size: 14px;
}
html {
    box-sizing: border-box;
}
*,
:after,
:before {
    box-sizing: inherit;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}
html {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}
audio,
canvas,
video {
    display: inline-block;
}
audio:not([controls]) {
    display: none;
    height: 0;
}
img,
video {
    max-width: 100%;
    height: auto;
}
embed,
iframe,
object {
    max-width: 100%;
}
[hidden],
template {
    display: none;
    visibility: hidden;
}
img {
    -ms-interpolation-mode: bicubic;
}
a:focus,
button:focus {
    outline: 0;
    outline: calc-em(5px) auto -webkit-focus-ring-color;
    outline-offset: calc-em(-2.5px);
}
a:active,
a:hover {
    outline: 0;
}
.row {
    position: relative;
}
.error {
    color: red;
}
.blockUI.blockMsg.blockElement {
    display: none !important;
}
.material-ripple {
    position: relative;
    overflow: hidden;
    cursor: pointer;
    user-select: none;
}
.material-ripple .material-ink {
    position: absolute;
    background: #000;
    border-radius: 50%;
    transform: scale(0);
    opacity: 0.4;
}
.material-ripple .material-ink.animate {
    animation: ripple 0.6s linear;
    animation-fill-mode: forwards;
    animation-direction: normal;
}
@keyframes ripple {
    100% {
        transform: scale(2.5);
        opacity: 0.1;
    }
}
.material-ripple.btn-wrapper .material-ink {
    position: absolute;
    background: #c3c3c3;
    border-radius: 50%;
    transform: scale(0);
    opacity: 0.4;
}
.blockUI.blockOverlay {
    opacity: 0.15 !important;
}
input,
select,
select:focus,
textarea {
    font-size: 16px;
}
@font-face {
    font-family: Elusive-Icons;
    src: url("https://static.owayo-cdn.com/konfigurator_html/fonts/Elusive-Icons.eot");
    src: url("https://static.owayo-cdn.com/konfigurator_html/fonts/Elusive-Icons.eot?#iefix") format("embedded-opentype"), url("https://static.owayo-cdn.com/konfigurator_html/fonts/Elusive-Icons.woff") format("woff"),
        url("https://static.owayo-cdn.com/konfigurator_html/fonts/Elusive-Icons.ttf") format("truetype"), url("https://static.owayo-cdn.com/konfigurator_html/fonts/Elusive-Icons.svg#Elusive-Icons") format("svg");
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: owayoFont;
    font-style: normal;
    font-weight: 400;
    src: url("https://static.owayo-cdn.com/konfigurator_html/fonts/owayo/owayo14-Regular-WebS.woff"), url("https://static.owayo-cdn.com/konfigurator_html/fonts/owayo/owayo14-Regular-WebS.ttf") format("truetype");
}
@font-face {
    font-family: owayoFont;
    font-style: italic;
    font-weight: 400;
    src: url("https://static.owayo-cdn.com/konfigurator_html/fonts/owayo/owayo14-RegularItalic-WebS.woff");
}
@font-face {
    font-family: owayoFont;
    font-style: normal;
    font-weight: 500;
    src: url("https://static.owayo-cdn.com/konfigurator_html/fonts/owayo/owayo14-Medium-WebS.woff");
}
@font-face {
    font-family: owayoFont;
    font-style: italic;
    font-weight: 500;
    src: url("https://static.owayo-cdn.com/konfigurator_html/fonts/owayo/owayo14-MediumItalic-WebS.woff");
}
@font-face {
    font-family: owayoFont;
    font-style: normal;
    font-weight: 600;
    src: url("https://static.owayo-cdn.com/konfigurator_html/fonts/owayo/owayo14-SemiBold-WebS.woff");
    font-display: swap;
}
@font-face {
    font-family: owayoFont;
    font-style: italic;
    font-weight: 600;
    src: url("https://static.owayo-cdn.com/konfigurator_html/fonts/owayo/owayo14-SemiBoldItalic-WebS.woff");
    font-display: swap;
}
@font-face {
    font-family: owayoFont;
    font-style: normal;
    font-weight: 700;
    src: url("https://static.owayo-cdn.com/konfigurator_html/fonts/owayo/owayo14-Bold-WebS.woff");
}
@font-face {
    font-family: owayoFont;
    font-style: italic;
    font-weight: 700;
    src: url("https://static.owayo-cdn.com/konfigurator_html/fonts/owayo/owayo14-BoldItalic-WebS.woff");
}
@font-face {
    font-family: "Adobe NotDef";
    font-style: normal;
    font-weight: 400;
    src: url("https://static.owayo-cdn.com/konfigurator_html/fonts/owayo/adobe-notdef.woff");
}
i {
    font-style: italic;
}
strong {
    font-weight: 500;
}
@font-face {
    font-family: Elusive-Icons;
    src: url("../fonts/Elusive-Icons.eot?v=2");
    src: url("../fonts/Elusive-Icons.eot?#iefix&v=2") format("embedded-opentype"), url("../fonts/Elusive-Icons.svg#Elusive-Icons?v=2") format("svg"), url("../fonts/Elusive-Icons.woff?v=2") format("woff"),
        url("../fonts/Elusive-Icons.ttf?v=2") format("truetype");
    font-weight: 400;
    font-style: normal;
}
[class*="el-icon-"] {
    font-family: Elusive-Icons;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.el-icon-zoom-out:before {
    content: "\e600";
}
.el-icon-zoom-in:before {
    content: "\e601";
}
.el-icon-youtube:before {
    content: "\e602";
}
.el-icon-wrench-alt:before {
    content: "\e603";
}
.el-icon-wrench:before {
    content: "\e604";
}
.el-icon-wordpress:before {
    content: "\e605";
}
.el-icon-wheelchair:before {
    content: "\e606";
}
.el-icon-website-alt:before {
    content: "\e607";
}
.el-icon-website:before {
    content: "\e608";
}
.el-icon-warning-sign:before {
    content: "\e609";
}
.el-icon-w3c:before {
    content: "\e60a";
}
.el-icon-volume-up:before {
    content: "\e60b";
}
.el-icon-volume-off:before {
    content: "\e60c";
}
.el-icon-volume-down:before {
    content: "\e60d";
}
.el-icon-vkontakte:before {
    content: "\e60e";
}
.el-icon-vimeo:before {
    content: "\e60f";
}
.el-icon-view-mode:before {
    content: "\e610";
}
.el-icon-video-chat:before {
    content: "\e611";
}
.el-icon-video-alt:before {
    content: "\e612";
}
.el-icon-video:before {
    content: "\e613";
}
.el-icon-viadeo:before {
    content: "\e614";
}
.el-icon-user:before {
    content: "\e615";
}
.el-icon-usd:before {
    content: "\e616";
}
.el-icon-upload:before {
    content: "\e617";
}
.el-icon-unlock-alt:before {
    content: "\e618";
}
.el-icon-unlock:before {
    content: "\e619";
}
.el-icon-universal-access:before {
    content: "\e61a";
}
.el-icon-twitter:before {
    content: "\e61b";
}
.el-icon-tumblr:before {
    content: "\e61c";
}
.el-icon-trash-alt:before {
    content: "\e61d";
}
.el-icon-trash:before {
    content: "\e61e";
}
.el-icon-torso:before {
    content: "\e61f";
}
.el-icon-tint:before {
    content: "\e620";
}
.el-icon-time-alt:before {
    content: "\e621";
}
.el-icon-time:before {
    content: "\e622";
}
.el-icon-thumbs-up:before {
    content: "\e623";
}
.el-icon-thumbs-down:before {
    content: "\e624";
}
.el-icon-th-list:before {
    content: "\e625";
}
.el-icon-th-large:before {
    content: "\e626";
}
.el-icon-th:before {
    content: "\e627";
}
.el-icon-text-width:before {
    content: "\e628";
}
.el-icon-text-height:before {
    content: "\e629";
}
.el-icon-tasks:before {
    content: "\e62a";
}
.el-icon-tags:before {
    content: "\e62b";
}
.el-icon-tag:before {
    content: "\e62c";
}
.el-icon-stumbleupon:before {
    content: "\e62d";
}
.el-icon-stop-alt:before {
    content: "\e62e";
}
.el-icon-stop:before {
    content: "\e62f";
}
.el-icon-step-forward:before {
    content: "\e630";
}
.el-icon-step-backward:before {
    content: "\e631";
}
.el-icon-star-empty:before {
    content: "\e632";
}
.el-icon-star-alt:before {
    content: "\e633";
}
.el-icon-star:before {
    content: "\e634";
}
.el-icon-stackoverflow:before {
    content: "\e635";
}
.el-icon-spotify:before {
    content: "\e636";
}
.el-icon-speaker:before {
    content: "\e637";
}
.el-icon-soundcloud:before {
    content: "\e638";
}
.el-icon-smiley-alt:before {
    content: "\e639";
}
.el-icon-smiley:before {
    content: "\e63a";
}
.el-icon-slideshare:before {
    content: "\e63b";
}
.el-icon-skype:before {
    content: "\e63c";
}
.el-icon-signal:before {
    content: "\e63d";
}
.el-icon-shopping-cart-sign:before {
    content: "\e63e";
}
.el-icon-shopping-cart:before {
    content: "\e63f";
}
.el-icon-share-alt:before {
    content: "\e640";
}
.el-icon-share:before {
    content: "\e641";
}
.el-icon-search-alt:before {
    content: "\e642";
}
.el-icon-search:before {
    content: "\e643";
}
.el-icon-screenshot:before {
    content: "\e644";
}
.el-icon-screen-alt:before {
    content: "\e645";
}
.el-icon-screen:before {
    content: "\e646";
}
.el-icon-scissors:before {
    content: "\e647";
}
.el-icon-rss:before {
    content: "\e648";
}
.el-icon-road:before {
    content: "\e649";
}
.el-icon-reverse-alt:before {
    content: "\e64a";
}
.el-icon-retweet:before {
    content: "\e64b";
}
.el-icon-return-key:before {
    content: "\e64c";
}
.el-icon-resize-vertical:before {
    content: "\e64d";
}
.el-icon-resize-small:before {
    content: "\e64e";
}
.el-icon-resize-horizontal:before {
    content: "\e64f";
}
.el-icon-resize-full:before {
    content: "\e650";
}
.el-icon-repeat-alt:before {
    content: "\e651";
}
.el-icon-repeat:before {
    content: "\e652";
}
.el-icon-remove-sign:before {
    content: "\e653";
}
.el-icon-remove-circle:before {
    content: "\e654";
}
.el-icon-remove:before {
    content: "\e655";
}
.el-icon-refresh:before {
    content: "\e656";
}
.el-icon-reddit:before {
    content: "\e657";
}
.el-icon-record:before {
    content: "\e658";
}
.el-icon-random:before {
    content: "\e659";
}
.el-icon-quotes-alt:before {
    content: "\e65a";
}
.el-icon-quotes:before {
    content: "\e65b";
}
.el-icon-question-sign:before {
    content: "\e65c";
}
.el-icon-question:before {
    content: "\e65d";
}
.el-icon-qrcode:before {
    content: "\e65e";
}
.el-icon-puzzle:before {
    content: "\e65f";
}
.el-icon-print:before {
    content: "\e660";
}
.el-icon-podcast:before {
    content: "\e661";
}
.el-icon-plus-sign:before {
    content: "\e662";
}
.el-icon-plus:before {
    content: "\e663";
}
.el-icon-play-circle:before {
    content: "\e664";
}
.el-icon-play-alt:before {
    content: "\e665";
}
.el-icon-play:before {
    content: "\e666";
}
.el-icon-plane:before {
    content: "\e667";
}
.el-icon-pinterest:before {
    content: "\e668";
}
.el-icon-picture:before {
    content: "\e669";
}
.el-icon-picasa:before {
    content: "\e66a";
}
.el-icon-photo-alt:before {
    content: "\e66b";
}
.el-icon-photo:before {
    content: "\e66c";
}
.el-icon-phone-alt:before {
    content: "\e66d";
}
.el-icon-earphone:before,
.el-icon-phone:before {
    content: "\e66e";
}
.el-icon-person:before {
    content: "\e66f";
}
.el-icon-pencil-alt:before {
    content: "\e670";
}
.el-icon-pencil:before {
    content: "\e671";
}
.el-icon-pause-alt:before {
    content: "\e672";
}
.el-icon-pause:before {
    content: "\e673";
}
.el-icon-path:before {
    content: "\e674";
}
.el-icon-paper-clip-alt:before,
.el-icon-paperclip-alt:before {
    content: "\e675";
}
.el-icon-paper-clip:before,
.el-icon-paperclip:before {
    content: "\e676";
}
.el-icon-opensource:before {
    content: "\e677";
}
.el-icon-ok-sign:before {
    content: "\e678";
}
.el-icon-ok-circle:before {
    content: "\e679";
}
.el-icon-ok:before {
    content: "\e67a";
}
.el-icon-off:before {
    content: "\e67b";
}
.el-icon-network:before {
    content: "\e67c";
}
.el-icon-myspace:before {
    content: "\e67d";
}
.el-icon-music:before {
    content: "\e67e";
}
.el-icon-move:before {
    content: "\e67f";
}
.el-icon-minus-sign:before {
    content: "\e680";
}
.el-icon-minus:before {
    content: "\e681";
}
.el-icon-mic-alt:before {
    content: "\e682";
}
.el-icon-mic:before {
    content: "\e683";
}
.el-icon-map-marker-alt:before {
    content: "\e684";
}
.el-icon-map-marker:before {
    content: "\e685";
}
.el-icon-male:before {
    content: "\e686";
}
.el-icon-magnet:before {
    content: "\e687";
}
.el-icon-magic:before {
    content: "\e688";
}
.el-icon-lock-alt:before {
    content: "\e689";
}
.el-icon-lock:before {
    content: "\e68a";
}
.el-icon-livejournal:before {
    content: "\e68b";
}
.el-icon-list-alt:before {
    content: "\e68c";
}
.el-icon-list:before {
    content: "\e68d";
}
.el-icon-linkedin:before {
    content: "\e68e";
}
.el-icon-link:before {
    content: "\e68f";
}
.el-icon-lines:before {
    content: "\e690";
}
.el-icon-leaf:before {
    content: "\e691";
}
.el-icon-lastfm:before {
    content: "\e692";
}
.el-icon-laptop-alt:before {
    content: "\e693";
}
.el-icon-laptop:before {
    content: "\e694";
}
.el-icon-key:before {
    content: "\e695";
}
.el-icon-italic:before {
    content: "\e696";
}
.el-icon-iphone-home:before {
    content: "\e697";
}
.el-icon-instagram:before {
    content: "\e698";
}
.el-icon-info-sign:before {
    content: "\e699";
}
.el-icon-indent-right:before {
    content: "\e69a";
}
.el-icon-indent-left:before {
    content: "\e69b";
}
.el-icon-inbox-box:before {
    content: "\e69c";
}
.el-icon-inbox-alt:before {
    content: "\e69d";
}
.el-icon-inbox:before {
    content: "\e69e";
}
.el-icon-idea-alt:before {
    content: "\e69f";
}
.el-icon-idea:before {
    content: "\e6a0";
}
.el-icon-hourglass:before {
    content: "\e6a1";
}
.el-icon-home-alt:before {
    content: "\e6a2";
}
.el-icon-home:before {
    content: "\e6a3";
}
.el-icon-heart-empty:before {
    content: "\e6a4";
}
.el-icon-heart-alt:before {
    content: "\e6a5";
}
.el-icon-heart:before {
    content: "\e6a6";
}
.el-icon-hearing-impaired:before {
    content: "\e6a7";
}
.el-icon-headphones:before {
    content: "\e6a8";
}
.el-icon-hdd:before {
    content: "\e6a9";
}
.el-icon-hand-up:before {
    content: "\e6aa";
}
.el-icon-hand-right:before {
    content: "\e6ab";
}
.el-icon-hand-left:before {
    content: "\e6ac";
}
.el-icon-hand-down:before {
    content: "\e6ad";
}
.el-icon-guidedog:before {
    content: "\e6ae";
}
.el-icon-group-alt:before {
    content: "\e6af";
}
.el-icon-group:before {
    content: "\e6b0";
}
.el-icon-graph-alt:before {
    content: "\e6b1";
}
.el-icon-graph:before {
    content: "\e6b2";
}
.el-icon-googleplus:before {
    content: "\e6b3";
}
.el-icon-globe-alt:before {
    content: "\e6b4";
}
.el-icon-globe:before {
    content: "\e6b5";
}
.el-icon-glasses:before {
    content: "\e6b6";
}
.el-icon-glass:before {
    content: "\e6b7";
}
.el-icon-github-text:before {
    content: "\e6b8";
}
.el-icon-github:before {
    content: "\e6b9";
}
.el-icon-gift:before {
    content: "\e6ba";
}
.el-icon-gbp:before {
    content: "\e6bb";
}
.el-icon-fullscreen:before {
    content: "\e6bc";
}
.el-icon-friendfeed-rect:before {
    content: "\e6bd";
}
.el-icon-friendfeed:before {
    content: "\e6be";
}
.el-icon-foursquare:before {
    content: "\e6bf";
}
.el-icon-forward-alt:before {
    content: "\e6c0";
}
.el-icon-forward:before {
    content: "\e6c1";
}
.el-icon-fork:before {
    content: "\e6c2";
}
.el-icon-fontsize:before {
    content: "\e6c3";
}
.el-icon-font:before {
    content: "\e6c4";
}
.el-icon-folder-sign:before {
    content: "\e6c5";
}
.el-icon-folder-open:before {
    content: "\e6c6";
}
.el-icon-folder-close:before {
    content: "\e6c7";
}
.el-icon-folder:before {
    content: "\e6c8";
}
.el-icon-flickr:before {
    content: "\e6c9";
}
.el-icon-flag-alt:before {
    content: "\e6ca";
}
.el-icon-flag:before {
    content: "\e6cb";
}
.el-icon-fire:before {
    content: "\e6cc";
}
.el-icon-filter:before {
    content: "\e6cd";
}
.el-icon-film:before {
    content: "\e6ce";
}
.el-icon-file-new-alt:before {
    content: "\e6cf";
}
.el-icon-file-new:before {
    content: "\e6d0";
}
.el-icon-file-edit-alt:before {
    content: "\e6d1";
}
.el-icon-file-edit:before {
    content: "\e6d2";
}
.el-icon-file-alt:before {
    content: "\e6d3";
}
.el-icon-file:before {
    content: "\e6d4";
}
.el-icon-female:before {
    content: "\e6d5";
}
.el-icon-fast-forward:before {
    content: "\e6d6";
}
.el-icon-fast-backward:before {
    content: "\e6d7";
}
.el-icon-facetime-video:before {
    content: "\e6d8";
}
.el-icon-facebook:before {
    content: "\e6d9";
}
.el-icon-eye-open:before {
    content: "\e6da";
}
.el-icon-eye-close:before {
    content: "\e6db";
}
.el-icon-exclamation-sign:before {
    content: "\e6dc";
}
.el-icon-eur:before {
    content: "\e6dd";
}
.el-icon-error-alt:before {
    content: "\e6de";
}
.el-icon-error:before {
    content: "\e6df";
}
.el-icon-envelope-alt:before {
    content: "\e6e0";
}
.el-icon-envelope:before {
    content: "\e6e1";
}
.el-icon-eject:before {
    content: "\e6e2";
}
.el-icon-edit:before {
    content: "\e6e3";
}
.el-icon-dribbble:before {
    content: "\e6e4";
}
.el-icon-download-alt:before {
    content: "\e6e5";
}
.el-icon-download:before {
    content: "\e6e6";
}
.el-icon-digg:before {
    content: "\e6e7";
}
.el-icon-deviantart:before {
    content: "\e6e8";
}
.el-icon-delicious:before {
    content: "\e6e9";
}
.el-icon-dashboard:before {
    content: "\e6ea";
}
.el-icon-css:before {
    content: "\e6eb";
}
.el-icon-credit-card:before {
    content: "\e6ec";
}
.el-icon-compass-alt:before {
    content: "\e6ed";
}
.el-icon-compass:before {
    content: "\e6ee";
}
.el-icon-comment-alt:before {
    content: "\e6ef";
}
.el-icon-comment:before {
    content: "\e6f0";
}
.el-icon-cogs:before {
    content: "\e6f1";
}
.el-icon-cog-alt:before {
    content: "\e6f2";
}
.el-icon-cog:before {
    content: "\e6f3";
}
.el-icon-cloud-alt:before {
    content: "\e6f4";
}
.el-icon-cloud:before {
    content: "\e6f5";
}
.el-icon-circle-arrow-up:before {
    content: "\e6f6";
}
.el-icon-circle-arrow-right:before {
    content: "\e6f7";
}
.el-icon-circle-arrow-left:before {
    content: "\e6f8";
}
.el-icon-circle-arrow-down:before {
    content: "\e6f9";
}
.el-icon-child:before {
    content: "\e6fa";
}
.el-icon-chevron-up:before {
    content: "\e6fb";
}
.el-icon-chevron-right:before {
    content: "\e6fc";
}
.el-icon-chevron-left:before {
    content: "\e6fd";
}
.el-icon-chevron-down:before {
    content: "\e6fe";
}
.el-icon-check-empty:before,
.el-icon-unchecked:before {
    content: "\e6ff";
}
.el-icon-check:before {
    content: "\e700";
}
.el-icon-certificate:before {
    content: "\e701";
}
.el-icon-cc:before {
    content: "\e702";
}
.el-icon-caret-up:before {
    content: "\e703";
}
.el-icon-caret-right:before {
    content: "\e704";
}
.el-icon-caret-left:before {
    content: "\e705";
}
.el-icon-caret-down:before {
    content: "\e706";
}
.el-icon-car:before {
    content: "\e707";
}
.el-icon-camera:before {
    content: "\e708";
}
.el-icon-calendar-sign:before {
    content: "\e709";
}
.el-icon-calendar:before {
    content: "\e70a";
}
.el-icon-bullhorn:before {
    content: "\e70b";
}
.el-icon-bulb:before {
    content: "\e70c";
}
.el-icon-brush:before {
    content: "\e70d";
}
.el-icon-broom:before {
    content: "\e70e";
}
.el-icon-briefcase:before {
    content: "\e70f";
}
.el-icon-braille:before {
    content: "\e710";
}
.el-icon-bookmark-empty:before {
    content: "\e711";
}
.el-icon-bookmark:before {
    content: "\e712";
}
.el-icon-book:before {
    content: "\e713";
}
.el-icon-bold:before {
    content: "\e714";
}
.el-icon-blogger:before {
    content: "\e715";
}
.el-icon-blind:before {
    content: "\e716";
}
.el-icon-bell:before {
    content: "\e717";
}
.el-icon-behance:before {
    content: "\e718";
}
.el-icon-barcode:before {
    content: "\e719";
}
.el-icon-ban-circle:before {
    content: "\e71a";
}
.el-icon-backward:before {
    content: "\e71b";
}
.el-icon-asl:before {
    content: "\e71c";
}
.el-icon-arrow-up:before {
    content: "\e71d";
}
.el-icon-arrow-right:before {
    content: "\e71e";
}
.el-icon-arrow-left:before {
    content: "\e71f";
}
.el-icon-arrow-down:before {
    content: "\e720";
}
.el-icon-align-right:before {
    content: "\e721";
}
.el-icon-align-left:before {
    content: "\e722";
}
.el-icon-align-justify:before {
    content: "\e723";
}
.el-icon-align-center:before {
    content: "\e724";
}
.el-icon-adult:before {
    content: "\e725";
}
.el-icon-adjust-alt:before {
    content: "\e726";
}
.el-icon-adjust:before {
    content: "\e727";
}
.el-icon-address-book-alt:before {
    content: "\e728";
}
.el-icon-address-book:before {
    content: "\e729";
}
.el-icon-asterisk:before {
    content: "\e72a";
}
.error-fontcolor {
    color: red;
}
.disabledBecauseNoCookies {
    background: #a9a9a9;
}
.buttonsBig .disabledBecauseNoCookies {
    border-left: 2px solid #fff;
    border-right: 2px solid #fff;
    border-collapse: collapse;
}
.tabelle.fullwidth {
    width: 100%;
}
#anzExemplareErrorMessage {
    color: red;
}
.ui-dialog-title {
    background-color: #d3d3d3;
}
span.loginName {
    text-overflow: ellipsis;
    max-width: 90px;
    display: inline-block;
    overflow: hidden;
    vertical-align: bottom;
}
.btn-delete-popup.el-icon-trash {
    cursor: pointer;
}
.entwurfLoading {
    position: absolute;
    top: 0;
    left: 0;
}
.loadingBlockContainer {
    width: 30%;
    margin: 22px auto auto;
}
.warnHinweis {
    color: red;
}
#produktauswahl-features_CancelButton a {
    float: left;
    width: 48%;
}
label.required::after,
p.required::after {
    content: "*";
}
.pika-single {
    z-index: 9999999;
}
#user > li > ul > li > a {
    color: #000;
}
#designPreview_pageDisplay {
    position: absolute;
    margin-left: 45%;
    width: 20%;
    padding-top: 3%;
}
#wk-zusammenfassung .wk-zusammenfassung-footer .shipping-text {
    text-decoration: underline;
    color: #b3b3b3;
}
* {
    -webkit-overflow-scrolling: touch;
}
.basekonfilink {
    float: right;
    margin-top: -50px;
    text-align: right;
    font-weight: 700;
    font-size: smaller;
}
.basekonfilink a.underline {
    color: #006890;
    text-decoration: underline;
}
#changeWarenkorbItem {
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
}
#changeWarenkorbItem .buttonWarenkorb {
    position: relative;
    right: auto;
    top: 0;
}
.cc-banner.cc-bottom {
    z-index: 10000;
}
.change-item-design {
    cursor: pointer;
}
.notSelectable {
    -ms-user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}
.colorPicker_colorName {
    border: none;
    background: 0 0;
    padding: 0 10px;
    font-family: owayoFont, Arial, Verdana, Helvetica, sans-serif;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    font-size: 13px;
    font-size: 0.8125rem;
    margin-top: 5px;
    width: 100%;
}
.heading-Link {
    text-decoration: underline;
}
.box-content-layer .buttonGroup .box-button.notFreeFloating {
    opacity: 0.35;
}
.product-text {
    height: 30px;
}
#open-popup-produktauswahl .produktListe .product {
    height: 400px;
    margin-bottom: 20px;
}
#open-popup-loginRegistrierung .error {
    color: red;
    outline: 0;
}
#select-farbvarianten {
    margin: 30px;
}
#AmountFuerPreis {
    width: 60px;
    height: 25px;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
input[type="number"] {
    -moz-appearance: textfield;
}
#progress-indicator {
    display: block;
    background: #d3d3d3;
    height: 25px;
    position: relative;
    color: #fff;
    text-align: center;
    border-radius: 12px;
}
#progressbar {
    width: 100%;
    height: 50px;
    position: relative;
    padding: 12px;
}
.inputwrapper {
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.freigestelltAuswahl {
    position: relative;
}
.option-input {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    position: relative;
    top: 50%;
    left: 0;
    height: 40px;
    width: 40px;
    transition: all 0.15s ease-out 0s;
    background: #cbd1d8;
    border: none;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    margin-right: 0.5rem;
    outline: 0;
    z-index: 1000;
}
.option-input:hover {
    background: #9faab7;
}
.option-input:checked {
    background: #a9a9a9;
}
.option-input:checked::before {
    height: 40px;
    width: 40px;
    position: absolute;
    content: "\002713";
    display: inline-block;
    font-size: 26.66667px;
    text-align: center;
    line-height: 40px;
}
.option-input:checked::after {
    -webkit-animation: click-wave 0.65s;
    -moz-animation: click-wave 0.65s;
    animation: click-wave 0.65s;
    background: #40e0d0;
    content: "";
    display: block;
    position: relative;
    z-index: 100;
}
.option-input.radio {
    border-radius: 50%;
}
.option-input.radio::after {
    border-radius: 50%;
}
.old-price {
    color: red;
}
#variantenListPanel {
    height: 100%;
}
.progressbar-wrapper {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
    position: absolute;
    top: 0;
    z-index: 99;
    display: none;
}
.progress-bar {
    width: 30%;
    background-color: #e0e0e0;
    padding: 15px;
    border-radius: 3px;
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2);
    position: relative;
    top: 40%;
    left: 35%;
    overflow: hidden;
}
.progress-bar-fill {
    display: block;
    height: 22px;
    background-color: #659cef;
    border-radius: 3px;
    animation-duration: 3s;
    animation-name: progress-bar;
    animation-iteration-count: infinite;
    width: 100%;
    animation-timing-function: linear;
}
@keyframes progress-bar {
    from {
        margin-left: -100%;
    }
    to {
        margin-left: 100%;
    }
}
#farbvarianten .colorPicker-palette {
    height: 100%;
    box-shadow: none;
}
#farbvarianten .slide {
    height: auto;
}
#farbvarianten .colorPicker_colorName {
    display: block !important;
}
.cursor-pointer {
    cursor: pointer;
}
select.error {
    border: 1px solid red !important;
}
#site-header {
    width: 100%;
    position: relative;
    height: 50px;
    background: #333;
    -webkit-box-shadow: 0 0 5px #c2c2c2;
    -moz-box-shadow: 0 0 5px #c2c2c2;
    box-shadow: 0 0 5px #c2c2c2;
    margin-bottom: 20px;
}
.logo-wrapper {
    width: 25%;
    float: left;
    padding-left: 10px;
    padding-top: 10px;
}
.logo-wrapper .page-logo,
.logo-wrapper .powered-by-owayo {
    float: left;
    display: block;
}
#logo-owayo {
    width: 40px;
    height: auto;
}
.owayo-konfi {
    display: inline-block;
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
    position: absolute;
    top: 17px;
    padding-left: 32px;
    font-size: 14px;
}
@media screen and (max-width: 450px) {
    .owayo-konfi {
        background: url("../img/3D-DSGN-Icon_weiss.svg") no-repeat center;
        background-size: 30px;
        font: 0/0 a;
        text-shadow: none;
        color: transparent;
        width: 40px;
        height: 40px;
        top: 6px;
    }
}
#nav-user {
    float: right;
    width: 75%;
    position: relative;
}
#nav-user #user {
    float: right;
    position: relative;
    z-index: 999999;
    margin: 18px;
}
#nav-user #user .nav-first-level {
    color: #fff;
}
#nav-user #user > li {
    float: left;
    position: relative;
}
#nav-user #user > li > a {
    display: block;
    text-transform: uppercase;
    height: 50px;
    padding-top: 17px;
    padding-left: 20px;
    padding-right: 20px;
    /*border-left: 1px solid #5a5a5a;*/
    font-size: 14px;
    font-style: italic;
    font-weight: 600;
}
#nav-user #user > li > a:hover {
    background: rgba(255, 255, 255, 0.1);
}
#nav-user #user > li.produkte > ul {
    flex-wrap: wrap;
    min-width: 900px;
    left: -500px;
}
#nav-user #user > li.produkte > ul > li {
    width: 25%;
    padding: 10px;
}
#nav-user #user > li.produkte > ul > li > a {
    text-transform: uppercase;
}
#nav-user #user > li.produkte > ul > li > a,
#nav-user #user > li.produkte > ul > li > ul {
    padding: 10px 10px 0 10px;
}
#nav-user #user > li.produkte > ul > li > ul {
    border-bottom: none;
    padding-left: 15px;
}
#nav-user #user > li.produkte > ul > li:nth-child(5) > a,
#nav-user #user > li.produkte > ul > li:nth-child(6) > a,
#nav-user #user > li.produkte > ul > li:nth-child(7) > a,
#nav-user #user > li.produkte > ul > li:nth-child(8) > a {
    border-top: 1px solid #0079c1;
}
#nav-user #user > li.kontakt > ul > li,
#nav-user #user > li.produkte > ul > li,
#nav-user #user > li.service > ul > li {
    margin-bottom: 7px;
}
#nav-user #user > li.kontakt > ul > li > a,
#nav-user #user > li.produkte > ul > li > a,
#nav-user #user > li.service > ul > li > a {
    font-weight: 500;
}
#nav-user #user > li.kontakt > ul > li > a:hover,
#nav-user #user > li.produkte > ul > li > a:hover,
#nav-user #user > li.service > ul > li > a:hover {
    color: #085a82;
}
#nav-user #user > li > ul {
    height: auto;
    display: none;
    position: absolute;
    top: auto;
    z-index: 999999999;
    background: #fff;
    border-right: 1px solid #d6d6d6;
    border-bottom: 1px solid #d6d6d6;
    border-left: 1px solid #d6d6d6;
    padding: 20px 30px 20px 30px;
    min-width: 250px;
}
#nav-user #user > li > ul > li {
    margin-bottom: 15px;
}
#nav-user #user > li > ul > li:last-child {
    margin-bottom: 0;
}
#nav-user #user > li > ul > li > a {
    color: #0079c1;
    display: block;
}
#nav-user #user > li > ul > li:last-child > ul {
    border-bottom: none;
}
#nav-user #user > li > ul > li > ul {
    padding: 10px 20px;
    border-bottom: 1px solid #0079c1;
}
#nav-user #user > li > ul > li > ul > li {
    margin-bottom: 5px;
}
#nav-user #user > li > ul > li > ul > li > a {
    display: block;
}
#nav-user #user > li > ul > li > ul > li > a:hover {
    color: #000;
}
#nav-user #user > li:last-child {
    padding-top: 0;
    padding-right: 0;
}
#nav-user #user > li:last-child > a {
    /*border-right: 1px solid #5a5a5a;*/
}
#nav-user #user > li:hover .warenkorb-dropdown,
#nav-user #user > li:hover > ul {
    display: block;
    z-index: 999999999;
    background: #fff;
}
#nav-user #user > li.produkte:hover > ul {
    display: flex;
}
#nav-user #user .el-icon-chevron-down {
    font-size: 10px;
    font-size: 0.625rem;
    padding-left: 10px;
    padding-right: 15px;
}
#nav-user #user .warenkorb {
    position: relative;
}
#nav-user #user .warenkorb > a {
    padding: 10px 17px;
    display: block;
}
#nav-user #user .warenkorb > a span {
    /*font: 0/0 a;*/
    text-shadow: none;
    /*color: transparent;
    background: url("../img/layout/warenkorb_leer.svg") no-repeat center;*/
    background-size: 20px;
    width: 15px;
    height: 15px;
    display: block;
    margin: -40px 0px 0px 13px;
    padding: 0 0px;
}
.showAnzahlWarenkorb {
    background: #ec1b52;
    position: absolute;
    right: 15px;
    top: 27px;
    color: #fff;
    width: 16px;
    height: 16px;
    text-align: center;
    padding-top: 0;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    background-clip: padding-box;
    font-size: 11px;
    font-weight: 500;
}
.warenkorb-dropdown {
    background: #fff;
    position: absolute;
    width: 300px;
    left: -190px;
    display: none;
    padding: 20px;
    -webkit-box-shadow: 2px 2px 15px #969696;
    -moz-box-shadow: 2px 2px 15px #969696;
    box-shadow: 2px 2px 15px #969696;
    margin-top: 50px;
}
.warenkorb-dropdown .warenkorb-empty {
    display: none;
}
.warenkorb-dropdown .kasse-more {
    display: none;
}
.warenkorb-dropdown .warenkorb-full {
    display: block;
}
.warenkorb-dropdown .warenkorb-content {
    position: relative;
    width: 100%;
    padding-bottom: 10px;
    border-bottom: 1px dotted #727272;
}
.warenkorb-dropdown .warenkorb-content.empty {
    border-bottom: none;
}
.warenkorb-dropdown .warenkorb-content h3 {
    color: #FF0202;
    font-weight: 500;
    margin-bottom: 20px;
    text-align: center;
    font-size: 20px;
    padding-top: 12px;
}
.warenkorb-dropdown .warenkorb-content a {
    display: block;
}
.warenkorb-dropdown .warenkorb-content .wk-dropdown-product {
    position: relative;
    margin-bottom: 20px;
    font-size: 13px;
}
.warenkorb-dropdown .warenkorb-content .wk-dropdown-product:after,
.warenkorb-dropdown .warenkorb-content .wk-dropdown-product:before {
    content: "";
    display: table;
}
.warenkorb-dropdown .warenkorb-content .wk-dropdown-product:after {
    clear: both;
}
.warenkorb-dropdown .warenkorb-content .wk-dropdown-product .left {
    float: left;
    width: 40%;
}
.warenkorb-dropdown .warenkorb-content .wk-dropdown-product .left img {
    max-width: 100%;
    max-height: 90px;
}
.warenkorb-dropdown .warenkorb-content .wk-dropdown-product .right {
    float: left;
    width: 50%;
    padding-top: 15px;
}
.warenkorb-dropdown .warenkorb-content .wk-dropdown-product .right .product-title {
    display: block;
    color: #727272;
}
.warenkorb-dropdown .warenkorb-content .wk-dropdown-product .right .product-quantity {
    display: block;
    color: #b7b7b7;
}
.warenkorb-dropdown .warenkorb-content .wk-dropdown-product .right .product-price {
    display: block;
    color: #333;
    font-weight: 500;
}
.warenkorb-dropdown .warenkorb-kasse {
    padding: 20px 0;
    text-align: center;
}
.warenkorb-dropdown .warenkorb-kasse .kasse-more {
    display: block;
    color: #727272;
    margin-bottom: 20px;
}
.warenkorb-dropdown .warenkorb-kasse .kasse-btn {
    background: #0079c1;
    display: inline-block;
    padding: 12px 15px;
    color: #fff;
    width: 140px;
}
.warenkorb-dropdown .current-order {
    display: block;
    color: #0079c1;
    text-align: center;
    padding: 12px 0;
    border-top: 1px solid #0079c1;
}
.warenkorb-dropdown .wk-account {
    display: block;
    color: #0079c1;
    text-align: center;
    padding: 12px 0;
    border-top: 1px solid #0079c1;
}
.warenkorb-dropdown .wk-logout {
    display: block;
    color: #FF0202;
    text-align: center;
    padding: 12px 0;
    border-top: 1px solid #FF0202;
}
.warenkorb-dropdown .wk-login {
    display: block;
    color: #FF0202;
    text-align: center;
    padding: 12px 0;
    border-top: 1px solid #FF0202;
    font-size: 18px;
}
.wk-login:hover {
color: black;
text-decoration: none;
}

.warenkorb-dropdown .emptyShoppingcartIndicator {
    display: none;
    width: 100%;
    text-align: center;
    font-size: 16px;
}
.konfi-mobile-navi {
    display: none;
}
.konfi-mobile-navi .trigger-konfi-product {
    display: block;
    position: absolute;
    left: 15px;
    top: 5px;
    width: 40px;
    height: 40px;
    background: url("../img/layout/icon_navi_produkte_weiss.svg") no-repeat 0 0 #333;
    background-size: 40px;
    font: 0/0 a;
    text-shadow: none;
    color: transparent;
}
.konfi-mobile-navi .navi-konfiproduct-mobile {
    position: absolute;
    width: 100%;
    z-index: 999;
    background: #4d5051;
    margin-top: 50px;
    min-height: 900px;
    display: none;
}
.konfi-mobile-navi .navi-konfiproduct-mobile.show-products {
    display: block;
}
.konfi-mobile-navi .navi-konfiproduct-mobile > li > ul > li {
    padding: 0 20px;
    background: #414142;
    position: relative;
}
.konfi-mobile-navi .navi-konfiproduct-mobile > li > ul > li.open > ul {
    display: block;
}
.konfi-mobile-navi .navi-konfiproduct-mobile > li > ul > li:last-child {
    padding-bottom: 35px;
    border-bottom: 1px solid #231f20;
}
.konfi-mobile-navi .navi-konfiproduct-mobile > li > ul > li > a {
    display: block;
    text-transform: uppercase;
    color: #fff;
    border-bottom: 1px solid #aaa;
    padding: 15px 0;
    position: relative;
}
.konfi-mobile-navi .navi-konfiproduct-mobile > li > ul > li > a:before {
    content: "+";
    display: block;
    position: absolute;
    top: 2px;
    right: 0;
    cursor: pointer;
    background-repeat: no-repeat;
    background-image: url("../img/layout/icon_plus_weiss.svg");
    background-position: right center;
    background-size: 15px 15px;
    width: 40px;
    height: 40px;
    font: 0/0 a;
    text-shadow: none;
    color: transparent;
}
.konfi-mobile-navi .navi-konfiproduct-mobile > li > ul > li > a:before.active {
    background-image: url("../img/layout/icon_minus-weiss.svg");
}
.konfi-mobile-navi .navi-konfiproduct-mobile > li > ul > li > ul {
    display: none;
}
.konfi-mobile-navi .navi-konfiproduct-mobile > li > ul > li > ul > li {
    padding: 0 0 0 20px;
}
.konfi-mobile-navi .navi-konfiproduct-mobile > li > ul > li > ul > li > a {
    display: block;
    color: #aaa;
    border-bottom: 1px solid #aaa;
    padding: 15px 0 15px 10px;
}
.konfi-mobile-navi .navi-konfiproduct-mobile > li > ul > li > ul > li > a:hover {
    background: #0061a0;
    color: #aaa;
}
.konfi-mobile-navi .trigger-konfi-navi {
    display: block;
    position: absolute;
    left: 70px;
    top: 5px;
    width: 40px;
    height: 40px;
    background: url("../img/layout/icon_navi_weiss.svg") no-repeat 0 0 #333;
    background-size: 40px;
    font: 0/0 a;
    text-shadow: none;
    color: transparent;
}
.konfi-mobile-navi .navi-konfi-mobile {
    position: absolute;
    width: 100%;
    z-index: 999;
    background: #4d5051;
    margin-top: 50px;
    min-height: 900px;
    display: none;
}
.konfi-mobile-navi .navi-konfi-mobile.show-navi {
    display: block;
}
.konfi-mobile-navi .navi-konfi-mobile > li {
    background: #414142;
    position: relative;
    padding: 0 20px;
}
.konfi-mobile-navi .navi-konfi-mobile > li.open > ul {
    display: block;
}
.konfi-mobile-navi .navi-konfi-mobile > li:last-child {
    border-bottom: 1px solid #231f20;
    padding-bottom: 35px;
}
.konfi-mobile-navi .navi-konfi-mobile > li > a {
    display: block;
    text-transform: uppercase;
    color: #fff;
    padding: 15px 0;
    border-bottom: 1px solid #aaa;
    position: relative;
}
.konfi-mobile-navi .navi-konfi-mobile > li > a:before {
    content: "+";
    display: block;
    position: absolute;
    top: 2px;
    right: 0;
    cursor: pointer;
    background-repeat: no-repeat;
    background-image: url("../img/layout/icon_plus_weiss.svg");
    background-position: right center;
    background-size: 15px 15px;
    width: calc(100% - 20px);
    height: 40px;
    font: 0/0 a;
    text-shadow: none;
    color: transparent;
}
.konfi-mobile-navi .navi-konfi-mobile > li > a:before.active {
    background-image: url("../img/layout/icon_minus-weiss.svg");
}
.konfi-mobile-navi .navi-konfi-mobile > li > ul {
    display: none;
}
.konfi-mobile-navi .navi-konfi-mobile > li > ul > li {
    padding: 0 0 0 20px;
}
.konfi-mobile-navi .navi-konfi-mobile > li > ul > li > a {
    display: block;
    color: #aaa;
    border-bottom: 1px solid #aaa;
    padding: 15px 0 15px 10px;
}
.konfi-mobile-navi .navi-konfi-mobile > li > ul > li > a:hover {
    background: #0061a0;
    color: #aaa;
}
.konfi-mobile-navi .trigger-konfi-wk {
    position: absolute;
    right: 15px;
    top: 5px;
    width: 40px;
    height: 40px;
    background: url("../img/layout/icon_wk-grau_mobil.svg") no-repeat 0 0 #333;
    background-size: 40px;
    font: 0/0 a;
    text-shadow: none;
    color: transparent;
}
.konfi-mobile-navi .wk-konfi-mobile.warenkorb-dropdown {
    left: auto;
    right: 0;
    top: 50px;
    z-index: 999;
}
.konfi-mobile-navi .wk-konfi-mobile.show-wk {
    display: block;
}
@media screen and (max-width: 1200px) {
    #logo-owayo {
        display: none;
    }
    .owayo-konfi {
        padding-left: 0;
        width: 100%;
        text-align: center;
        left: 0;
    }
    .konfi-mobile-navi {
        display: block;
    }
    #nav-user {
        display: none;
    }
    .showAnzahlWarenkorb {
        right: 4px;
        top: 25px;
        border-radius: 100%;
        padding-top: 8px;
        font-family: owayoFont;
    }
}
@media screen and (max-width: 600px) {
    .warenkorb-dropdown {
        width: 100%;
    }
}
.background-konfi {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 0;
    -webkit-transform: rotate(360deg);
    border-style: solid;
    border-width: 780px 0 0 1050px;
    border-color: transparent transparent transparent #ececec;
    z-index: -1;
}
@media screen and (max-width: 1200px) {
    .background-konfi {
        top: 120px;
    }
}
@media screen and (max-width: 980px) {
    .background-konfi {
        top: 100px;
        border-width: 480px 0 0 650px;
    }
}
@media screen and (max-width: 780px) {
    .background-konfi {
        top: 70px;
        border-width: 480px 0 0 450px;
    }
}
@media screen and (max-width: 480px) {
    .background-konfi {
        border-width: 450px 0 0 320px;
    }
}
.wrapperKonfi {
    height: 785px;
    padding: 0 20px;
    width: 1168px;
    max-width: 100%;
    margin: 45px auto 0 auto;
    z-index: 99;
    position: relative;
}
.wrapperKonfi#divWarenkorb {
    padding: 0;
}
@media screen and (max-width: 1024px) {
    .wrapperKonfi {
        margin: 30px auto 0 auto;
    }
}
@media screen and (max-width: 980px) {
    .wrapperKonfi {
        height: auto;
    }
}
@media screen and (max-width: 600px) {
    .wrapperKonfi {
        padding: 0 10px;
        margin-top: 20px;
    }
}
.wrapperKonfi #blockingOverlay {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    background: #000;
    opacity: 0.5;
    display: none;
}
.left-side {
    width: calc(100% - 350px);
    padding-right: 50px;
    padding-left: 17px;
    float: left;
}
@media screen and (max-width: 600px) {
    .left-side {
        padding-left: 0;
    }
}
.left-side .heading {
    height: 70px;
}
.left-side .heading a {
    color: #000;
}
.left-side .heading a .underline {
    color: #006890;
}
.left-side .heading .headerInfo {
    padding-bottom: 8px;
}
.left-side .heading .headerInfo .headerProduct {
    float: left;
    text-align: left;
    padding-right: 10px;
}
.left-side .heading .headerInfo span {
    font-weight: 400;
    padding-top: 2px;
    display: inline-block;
}
.left-side .heading .headerInfo span.title-first {
    font-weight: 600;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 350px;
    white-space: nowrap;
}
.left-side .heading .headerInfo span.title-first,
.left-side .heading .headerInfo span.title-second,
.left-side .heading .headerInfo span.trenner {
    font-size: 20px;
    line-height: 22px;
    vertical-align: bottom;
}
.left-side .heading .headerInfo .underline {
    position: relative;
    padding-top: 0;
    top: 5px;
}
.left-side .heading .headerInfo a {
    text-decoration: underline;
}
@media screen and (max-width: 600px) {
    .left-side .heading .headerInfo {
        padding-bottom: 5px;
    }
    .left-side .heading .headerInfo .headerProduct {
        font-size: 16px;
    }
}
.left-side .heading .heading-meta .headerFeature {
    float: left;
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: break-word;
    padding-right: 10px;
}
.left-side .heading .heading-meta span:last-child {
    font-weight: 400;
    float: left;
}
.left-side .heading .heading-meta a {
    text-decoration: underline;
}
.left-side .contentKonfi {
    width: 100%;
    position: relative;
    height: 670px;
}
.left-side .contentKonfi .konfi3DViewer {
    position: relative;
    z-index: 9999;
}
.left-side .contentKonfi .konfi3DViewer.konfi-preloading #stage-wrapper {
    opacity: 0;
}
.left-side .contentKonfi .konfi3DViewer.konfi-preloading #preload-layer {
    opacity: 1;
    z-index: 99999;
}
.left-side .contentKonfi .konfi3DViewer #stage-wrapper {
    position: relative;
    width: 100%;
    height: 670px;
    opacity: 1;
    z-index: 99;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
@media screen and (max-width: 980px) {
    .left-side .contentKonfi .konfi3DViewer #stage-wrapper {
        height: 390px;
    }
}
.left-side .contentKonfi .konfi3DViewer #preload-layer {
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    height: 670px;
    z-index: -1;
    opacity: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-bottom: 90px;
}
@media screen and (max-width: 980px) {
    .left-side .contentKonfi .konfi3DViewer #preload-layer {
        height: 390px;
        padding-bottom: 0;
    }
}
@media screen and (max-width: 600px) {
    .left-side .contentKonfi .konfi3DViewer #preload-layer img {
        max-width: 120px;
    }
}
.left-side #toolbox {
    background: #fff;
    width: 46px;
    height: auto;
    position: absolute;
    z-index: 999;
    top: 0;
    left: 0;
    -webkit-box-shadow: 1px 1px 10px #969696;
    -moz-box-shadow: 1px 1px 10px #969696;
    box-shadow: 1px 1px 10px #969696;
}
.left-side #toolbox .toolbox-header {
    background: #d2d2d2;
    border: 1px solid #cbcbcb;
    padding: 5px;
    cursor: pointer;
}
.left-side #toolbox .toolbox-header img {
    width: 16px;
    height: 16px;
    float: left;
}
.left-side #toolbox .toolbox-header .toolbox-arrow {
    transform: rotate(-90deg);
    transition-duration: 0.4s;
    transition-property: transform;
    padding-left: 2px;
}
.left-side #toolbox .toolbox-header .toolbox-arrow.turn-down {
    transform: rotate(0);
}
.left-side #toolbox .toolbox-content {
    background: #f6f6f6;
    text-align: center;
    height: 0;
    overflow-y: hidden;
    transition-property: all;
    transition-duration: 1s;
    transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
}
.left-side #toolbox .toolbox-content .toolbox-content-section {
    overflow: hidden;
}
.left-side #toolbox .toolbox-content.active {
    display: block;
    height: 230px;
}
.left-side #toolbox .toolbox-icon {
    display: block;
    width: 46px;
    height: 46px;
    border-right: 1px solid #cbcbcb;
    border-bottom: 1px solid #cbcbcb;
    border-left: 1px solid #cbcbcb;
    padding: 1px;
    cursor: pointer;
}
.left-side #toolbox .toolbox-icon.disabled img {
    opacity: 0.55;
}
.left-side #toolbox .toolbox-icon img {
    width: 44px;
    height: 44px;
    padding: 10px;
}
@media screen and (max-width: 980px) {
    .left-side {
        width: 100%;
        clear: both;
        float: none;
        padding-right: 0;
        height: 500px;
    }
    .left-side .contentKonfi {
        height: 390px;
    }
}
.right-side {
    width: 350px;
    float: right;
}
@media screen and (max-width: 980px) {
    .right-side {
        margin: 0 auto;
        clear: both;
        float: none;
    }
}
@media screen and (max-width: 450px) {
    .right-side {
        position: relative;
        margin-left: 0;
    }
}
.right-side .tabs {
    position: relative;
    padding-top: 15px;
    width: 350px;
    z-index: 100;
}
.right-side .tabs:after,
.right-side .tabs:before {
    content: "";
    display: table;
}
.right-side .tabs:after {
    clear: both;
}
.right-side .tabs > li {
    float: left;
    width: calc(350px / 4);
    text-align: center;
    line-height: 16px;
    line-height: 1rem;
    font-size: 17px;
    font-size: 1.0625rem;
    font-weight: 500;
    display: block;
}
.right-side .tabs > li.active {
    background: #f9f9f9;
    box-shadow: 0 8px 0 #f9f9f9, 0 0 8px #969696;
}
.right-side .tabs > li a {
    color: #333;
    display: block;
    position: relative;
    padding: 12px 10px 15px 10px;
    transition: all 0.3s;
}
.right-side .tabs > li a:hover {
    color: #4d4d4d;
}
.right-side .tabs > li a:active {
    color: #666;
    transition: 0.1s;
}
.right-side .modulesKonfi {
    height: 100%;
    position: relative;
}
.right-side .modulesKonfi .toolboxKonfi {
    width: 350px;
    height: 400px;
    position: relative;
    background: #f9f9f9;
    -webkit-box-shadow: 2px 2px 15px #969696;
    -moz-box-shadow: 2px 2px 15px #969696;
    box-shadow: 2px 2px 15px #969696;
}
.right-side .modulesKonfi .buttonsKonfi {
    height: calc(100% - 400px);
    position: relative;
}
.right-side .modulesKonfi .buttonsKonfi .actionModul {
    padding-top: 40px;
    position: relative;
}
@media screen and (max-width: 980px) {
    .right-side.change-item .buttonsKonfi {
        position: absolute;
        top: -200px;
        width: 100%;
    }
    .right-side.change-item .tabs {
        margin-top: 100px;
    }
}
.site-content {
    background: #fff;
    /*height: 200px;*/
}
#save_draft {
    position: absolute;
    bottom: 147px;
    right: -15px;
    background: #f6f6f6;
    -webkit-box-shadow: 0 0 2px #969696;
    -moz-box-shadow: 0 0 2px #969696;
    box-shadow: 0 0 2px #969696;
    width: 70px;
    height: 120px;
    display: block;
    border: 1px solid #cbcbcb;
    z-index: 999;
}
@media screen and (max-width: 450px) {
    #save_draft {
        bottom: -60px;
        right: 50%;
        margin-right: -70px;
        width: 140px;
        height: 60px;
    }
    #save_draft:after,
    #save_draft:before {
        content: "";
        display: table;
    }
    #save_draft:after {
        clear: both;
    }
}
#save_draft.ele-hidden {
    display: none;
}
#save_draft #saveEntwurf,
#save_draft #undo {
    display: block;
    width: 69px;
    height: 60px;
    text-align: center;
    padding-top: 10px;
    border-bottom: 1px solid #cbcbcb;
}
#save_draft #saveEntwurf:hover,
#save_draft #undo:hover {
    background: #e9e9e9;
}
#save_draft #saveEntwurf img,
#save_draft #undo img {
    width: 25px;
}
#save_draft #saveEntwurf span,
#save_draft #undo span {
    top: -5px;
}
@media screen and (max-width: 450px) {
    #save_draft #saveEntwurf,
    #save_draft #undo {
        float: left;
    }
}
#save_draft #undo {
    padding-top: 6px;
}
#save_draft #undo img {
    width: 30px;
}
#save_draft #undo span {
    top: -6px;
}
@media screen and (max-width: 450px) {
    #save_draft #undo {
        border-left: 1px solid #cbcbcb;
    }
}
#save_draft #openEntwuerfe {
    display: block;
    width: 70px;
    height: 60px;
    text-align: center;
    padding-top: 4px;
    border-bottom: 1px solid #cbcbcb;
}
#save_draft #openEntwuerfe img {
    width: 38px;
}
#save_draft #openEntwuerfe span {
    top: -13px;
}
#save_draft a {
    position: relative;
}
#save_draft a span {
    font-size: 11px;
    display: block;
    position: relative;
}
#save_draft #AmountFuerPreis {
    text-align: center;
    border: 1px solid #ececec;
    background: 0 0;
    padding: 2px 5px;
}
#save_draft #ProduktPreis {
    font-size: 22px;
    font-size: 1.375rem;
    margin-top: 15px;
    font-weight: 700;
    margin-bottom: 2px;
}
#save_draft .preiszusatz {
    font-size: 12px;
    font-size: 0.75rem;
    display: block;
    margin-top: 15px;
    color: #999;
}
#save_draft .toolbox-header {
    cursor: pointer;
}
#save_draft .toolbox-header img {
    width: 19px;
    height: 19px;
    float: left;
}
#save_draft .toolbox-header .toolbox-arrow {
    transform: rotate(-90deg);
    transition-duration: 0.4s;
    transition-property: transform;
}
#save_draft .toolbox-header .toolbox-arrow.turn-down {
    transform: rotate(0);
}
#save_draft .toolbox-content {
    background: #f7f7f7;
    text-align: left;
    height: 0;
    overflow-y: hidden;
    transition-property: all;
    transition-duration: 1s;
    transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
}
#save_draft .toolbox-content.active {
    height: auto;
}
#save_draft .toolbox-icon {
    margin: 6px 5px 0 5px;
    display: block;
    width: 38px;
    height: 38px;
    border: 1px solid #999;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    background-clip: padding-box;
    padding: 2px;
    cursor: pointer;
    background-color: #e1e0e0;
    background-image: -moz-linear-gradient(center top, #e1e0e0, #ccc);
    box-shadow: 0 1px 0 0 #edeef0 inset;
}
#showHideComments {
    position: absolute;
    top: 20px;
    right: 20px;
    display: none;
    width: 180px;
    height: auto;
}
#showHideComments .wrapper-comments {
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzY0YThkOCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwNjg5MCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==");
    background-size: 100%;
    background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0, #64a8d8), color-stop(100%, #006890));
    background-image: -moz-linear-gradient(#64a8d8, #006890);
    background-image: -webkit-linear-gradient(#64a8d8, #006890);
    background-image: linear-gradient(#64a8d8, #006890);
    padding: 10px;
    position: absolute;
    top: 0;
    right: 0;
    text-align: center;
    -webkit-box-shadow: 0 1px 10px #969696;
    -moz-box-shadow: 0 1px 10px #969696;
    box-shadow: 0 1px 10px #969696;
    width: 60px;
    height: 37px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    background-clip: padding-box;
}
#showHideComments .wrapper-comments:before {
    content: "";
    position: absolute;
    bottom: -15px;
    right: 35px;
    border-width: 0 0 15px 15px;
    border-style: solid;
    border-color: transparent #006890;
    display: block;
    width: 0;
}
#showHideComments .wrapper-show-options {
    position: absolute;
    right: 0;
    top: 45px;
    z-index: 99;
    cursor: pointer;
    max-width: 25px;
    background: url("../img/layout/comment-arrow-grey.svg") no-repeat 0 0;
    background-size: contain;
    width: 25px;
    height: 25px;
}
#showHideComments .wrapper-show-options.active {
    background: url("../img/layout/comment-arrow-white.svg") no-repeat 0 0;
    background-size: contain;
}
#showHideComments .wrapper-options {
    position: absolute;
    top: 40px;
    left: 0;
    width: 100%;
    background: rgba(0, 0, 0, 0.35);
    padding: 8px;
    color: #fff;
    display: none;
}
#showHideComments .wrapper-options div {
    margin-bottom: 5px;
}
#showHideComments .wrapper-options input {
    float: left;
    width: 20px;
    border: none;
    background: #fff;
    display: block;
}
#showHideComments .wrapper-options span {
    float: left;
    width: 135px;
    font-size: 12px;
    font-size: 0.75rem;
    display: block;
    color: #fff;
    line-height: 1.15em;
}
#showHideComments #numberOfComments {
    color: #fff;
    font-size: 20px;
    font-size: 1.25rem;
}
#showHideComments #numberOfUnreadComments {
    background: #ec1b52;
    -webkit-border-radius: 25px;
    border-radius: 25px;
    background-clip: padding-box;
    position: absolute;
    right: -10px;
    top: -10px;
    color: #fff;
    width: 25px;
    height: 25px;
    text-align: center;
    font-size: 18px;
    font-size: 1.125rem;
    padding-top: 4px;
    font-weight: 700;
}
#showHideComments .toggleComments {
    width: 20px;
    height: 20px;
    background-color: #d3d3d3;
}
.commentBox {
    width: 300px;
    height: auto;
    border: 2px solid #fff;
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzY0YThkOCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwNjg5MCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==");
    background-size: 100%;
    background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0, #64a8d8), color-stop(100%, #006890));
    background-image: -moz-linear-gradient(#64a8d8, #006890);
    background-image: -webkit-linear-gradient(#64a8d8, #006890);
    background-image: linear-gradient(#64a8d8, #006890);
    padding: 10px;
}
.commentBox:before {
    content: "";
    position: absolute;
    bottom: -20px;
    left: 33px;
    border-width: 0 0 20px 20px;
    border-style: solid;
    border-color: transparent #fff;
    display: block;
    width: 0;
}
.commentBox:after {
    content: "";
    position: absolute;
    bottom: -15px;
    left: 35px;
    border-width: 0 0 15px 15px;
    border-style: solid;
    border-color: transparent #006890;
    display: block;
    width: 0;
}
.commentBox .commentMessage {
    color: #fff;
    margin-bottom: 10px;
    line-height: 1.25em;
}
.commentBox button {
    background: rgba(255, 255, 255, 0.9);
    width: 130px;
    color: #006890;
    padding: 5px;
    border: none;
    display: inline-block;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background-clip: padding-box;
}
.commentBox button:first-child {
    margin-right: 10px;
}
.ui-dialog {
    background: #fff;
    border: 2px solid #000;
}
.ui-dialog input,
.ui-dialog label,
.ui-dialog textarea {
    width: 100%;
}
.ui-dialog .ui-dialog-titlebar {
    width: 100%;
    background: #006890;
    padding: 5px;
}
.ui-dialog .ui-dialog-titlebar .ui-dialog-title {
    color: #fff;
    background: #006890;
}
.ui-dialog .ui-dialog-content {
    padding: 5px;
}
.commentsDisabledPic {
    width: 20px;
    height: 20px;
}
.commentsVisible .commentsDisabledPic {
    display: none;
}
#saveDraftComment_popup {
    background-color: #fff;
}
.ui-dialog-title {
    background-color: #d3d3d3;
}
.leaveComment {
    border: 5px #000 solid;
}
.panningPossible {
    cursor: move;
    cursor: grab;
    cursor: -webkit-grab;
    cursor: -moz-grab;
}
.panningHappening {
    cursor: move;
    cursor: grabbing !important;
    cursor: -webkit-grabbing !important;
    cursor: -moz-grabbing !important;
}
.meta-info {
    max-width: 1200px;
    width: 100%;
    min-width: 700px;
    height: 250px;
    margin: 50px auto 0 auto;
}
.meta-info .tabs li {
    position: relative;
    float: left;
    padding: 15px;
    -webkit-border-top-right-radius: 5px;
    border-top-right-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    border-top-left-radius: 5px;
    background-clip: padding-box;
    z-index: 9;
}
.meta-info .tabs li a {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 12px;
    font-size: 0.75rem;
}
.meta-info .tabs li.active {
    background: #fff;
    -webkit-box-shadow: 0 0 2px #c2c2c2;
    -moz-box-shadow: 0 0 2px #c2c2c2;
    box-shadow: 0 0 2px #c2c2c2;
}
.meta-info .tabs-content {
    position: relative;
    z-index: 99;
}
.meta-info .tabs-content .active {
    background: #fff;
    -webkit-box-shadow: 0 2px 2px #c2c2c2;
    -moz-box-shadow: 0 2px 2px #c2c2c2;
    box-shadow: 0 2px 2px #c2c2c2;
    margin-top: -4px;
    padding: 25px;
}
.meta-info .tabs-content p {
    margin-bottom: 15px;
}
body.en ul.tabs li {
    padding: 2px;
}
body.en .buttonWarenkorb #dateneingabe {
    width: 190px;
}
body.en .buttonWarenkorb {
    bottom: 17px;
}
body.en .headerKonfi > .tabs > li {
    width: 24%;
}
body.en .en .headerKonfi > .tabs s {
    padding-top: 0;
}
body.us .headerKonfi > .tabs > li {
    width: 24%;
}
body.us .headerKonfi > .tabs {
    padding-top: 0;
}
body.fr {
    font-size: 13px;
    font-size: 0.8125rem;
}
body.fr ul.tabs li {
    font-size: 17px;
    font-size: 1.0625rem;
}
body.nl ul.tabs li {
    font-size: 17px;
    font-size: 1.0625rem;
}
body.nl .buttonWarenkorb #dateneingabe {
    width: 190px;
}
body.jp .right-side .tabs > li {
    font-size: 15px;
}
.box {
    width: 100%;
    position: relative;
}
.box .box-content {
    height: 360px;
    position: relative;
    overflow: hidden;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.box .box-content .box-content-layer {
    padding: 14px 15px 13px 15px;
    border-bottom: 1px solid #999;
}
.box .box-content .box-content-layer:last-child {
    background: #ebebeb;
    border-top: 1px solid #fff;
}
.box .box-content .box-content-layer .row {
    margin-bottom: 12px;
}
.box .box-content .box-content-layer .row:last-child {
    margin-bottom: 0;
}
.box .box-content h3,
.box .box-content label {
    font-weight: 500;
}
.box .box-content .buttonGroup,
.box .box-content .icon-pinit,
.box .box-content .icon-rotate,
.box .box-content .left,
.box .box-content h3,
.box .box-content select {
    float: left;
    width: 50%;
}
.box .box-content .icon-pinit,
.box .box-content .icon-rotate {
    width: 20px;
    height: 15px;
    padding-right: 5px;
}
.box .box-content .box-button {
    -webkit-border-radius: 2px;
    border-radius: 2px;
    background-clip: padding-box;
    padding: 2px 5px;
    border: 1px solid #999;
    height: 24px;
    color: #333;
    background-color: #e1e0e0;
    background-image: -moz-linear-gradient(center top, #e1e0e0, #ccc);
    box-shadow: 0 1px 0 0 #edeef0 inset;
    font-size: 12px;
    font-size: 0.75rem;
}
.box .box-content .box-button.el-icon-minus,
.box .box-content .box-button.el-icon-plus,
.box .box-content .el-icon-arrow-down,
.box .box-content .el-icon-arrow-up {
    font-size: 10px;
    font-size: 0.625rem;
    padding-top: 6px !important;
}
.box .box-footer {
    height: 40px;
    position: relative;
    background: #ccc;
    background: #a8d8fc;
    width: 100%;
    overflow: hidden;
}
.box .box-footer .box-footer-col-two {
    display: block;
    float: left;
    width: 50%;
    padding: 10px;
    font-weight: 500;
}
.box .box-footer .box-footer-col-two:first-child {
    border-right: 1px solid #999;
    padding-left: 15px;
    text-align: left;
}
.box .box-footer .box-footer-col-two:last-child {
    border-left: 1px solid #fff;
    padding-right: 15px;
    text-align: right;
}
.box #designPreview_pageDisplay {
    color: #666;
}
.designProducts .box-content {
    position: relative;
    height: 360px;
}
.designProducts .box-content:after,
.designProducts .box-content:before {
    content: "";
    display: table;
}
.designProducts .box-content:after {
    clear: both;
}
.designProducts .box-content .staging-slider-container {
    height: 360px;
    width: 100%;
    position: relative;
    padding: 25px 0;
}
.designProducts .box-content .slider {
    width: 100%;
    height: 360px;
}
.designProducts .box-content .slide {
    height: 100%;
}
.designProducts .box-content .slide .designpreview-designrow {
    position: relative;
    width: 100%;
    padding: 0 10px;
}
.designProducts .box-content .slide .designpreview-designrow:after,
.designProducts .box-content .slide .designpreview-designrow:before {
    content: "";
    display: table;
}
.designProducts .box-content .slide .designpreview-designrow:after {
    clear: both;
}
.designProducts .box-content .slide .designpreview-box {
    float: left;
    width: 33.333333%;
    padding: 1%;
    border: 3px solid #f9f9f9;
    height: 106px;
}
.designProducts .box-content .slide .designpreview-box.fourbytwo {
    width: 25%;
}
.designProducts .box-content .slide .designpreview-box.currentDesign {
    border: 3px solid #476bcc;
    background: #fff;
}
.designProducts .box-content .slide .designpreview-box.loading {
    height: 100%;
}
.designProducts .box-content .slide .designpreview-box.loading.fourbytwo {
    height: 160px;
}
.designProducts .box-content .slide .designpreview-box img {
    height: 75px;
    display: block;
    margin: auto;
}
.designProducts .box-content .slide .designpreview-box img.loadinggif {
    width: 75px;
    height: 75px;
}
.designProducts .box-content .slide .designpreview-box img.fourbytwo {
    max-height: 130px;
    max-width: 95px;
    margin-left: -11px;
}
.designProducts .box-content .slide .designpreview-box img.fourbytwo.loadinggif {
    margin-left: auto;
}
.designProducts .box-content .slide .designpreview-designname {
    display: block;
    width: 100%;
    text-align: center;
}
div[class^="overlay-pattern"] .slider {
    height: 540px;
}
.logo-owayo .colorPickerContainer {
    height: 45px;
}
.colorPickerContainer {
    height: 66px;
}
.colorPickerContainer .colorPicker-picker {
    width: 100%;
    height: 25px;
    cursor: pointer;
    margin-bottom: 5px;
}
.colorPickerContainer label {
    width: 100%;
    cursor: pointer;
    text-align: center;
    display: inline-block;
    color: #333;
    margin-bottom: 20px;
}
.pattern-wrap {
    width: 100%;
    height: 66px;
    text-align: center;
}
.pattern-wrap label {
    font-weight: 500;
}
.nopatterns .pattern-wrap {
    display: none;
}
.pattern-content {
    width: 57px;
    height: 25px;
    cursor: pointer;
    margin-bottom: 5px;
    border: 1px solid #666;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 62px 27px;
    background-image: url("../img/layout/kein-muster.svg");
}
.pattern-content.pattern-active {
    background-image: none;
    position: relative;
    overflow: hidden;
}
.pattern-content.pattern-active svg {
    width: 57px;
    height: 25px;
    width: 200%;
    height: 200%;
    position: absolute;
    left: -20px;
    top: -20px;
}
.pattern-content svg > defs {
    display: none;
}
.select-container {
    width: 100%;
    margin-bottom: 20px;
}
.select-container select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    border-radius: 0;
    font-size: 1em;
    width: 100%;
    width: 100%;
    border: 1px solid #c9c9c9;
    padding: 10px;
    background-color: #f6f6f6;
    background-image: url("../img/layout/select-arrow.jpg");
    background-position: 97% center;
    background-repeat: no-repeat;
    font-weight: 600;
    color: #333;
}
.select-container select::-ms-expand {
    display: none;
}
.select-container select:focus::-ms-value {
    background-color: transparent;
}
.select-container option {
    background: #f6f6f6;
    border-top: 1px solid #c9c9c9;
    padding: 10px;
}
.btn-back {
    position: absolute;
    left: 10px;
    top: 10px;
    width: 25px;
    height: 25px;
    background: url("../img/layout/zurueck-pfeil.svg") no-repeat 0 0;
    background-size: 25px auto;
    border: none;
    cursor: pointer;
}
#designColors {
    position: relative;
    padding: 30px;
    height: 360px;
}
#designColors:after,
#designColors:before {
    content: "";
    display: table;
}
#designColors:after {
    clear: both;
}
#designColors .color-col {
    width: 135px;
    float: left;
    position: relative;
}
#designColors .outline-col {
    width: 57px;
    float: left;
    position: relative;
    margin-left: 25px;
}
#designColors .outline-wrap {
    width: 100%;
    height: 66px;
}
#designColors .outline-wrap .colorPicker-picker {
    height: 25px;
    margin-bottom: 5px;
    position: relative;
}
#designColors .outline-wrap .colorPicker-picker::after {
    background: #f9f9f9;
    width: 70%;
    height: 50%;
    display: block;
    content: "";
    left: 15%;
    top: 25%;
    position: absolute;
    border: 1px solid #000;
}
#designColors .outline-wrap label {
    text-align: center;
    display: inline-block;
    width: 100%;
}
#designColors .outline-content {
    width: 100%;
    height: 25px;
    cursor: pointer;
    margin-bottom: 5px;
    background: #f9f9f9;
    border-style: solid;
    border-width: 7px;
    position: relative;
    z-index: 1;
}
#designColors .outline-content.too-bright:after {
    content: "";
    width: 57px;
    height: 25px;
    position: absolute;
    z-index: 2;
    border: 1px solid #666;
    left: -7px;
    top: -7px;
}
#designColors .outline-content.too-bright:before {
    content: "";
    width: 44px;
    height: 12px;
    position: absolute;
    z-index: 3;
    border: 1px solid #666;
    left: 0;
    top: 0;
}
#designColors .pattern-col {
    width: 57px;
    float: left;
    position: relative;
    margin-left: 25px;
}
.colorPicker-picker.disabled {
    background-size: 100% auto;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url("../img/layout/keine-farbe.svg");
    background-color: transparent !important;
}
.colorPicker-picker.border {
    border: 1px solid #000;
}
.colorPicker-swatch.color-none {
    background-size: 36px auto;
    background-position: 13px center;
    background-repeat: no-repeat;
    background-image: url("../img/layout/farbfelder_outline_ohne.svg");
    background-color: transparent !important;
    border: none;
}
.colorPicker-swatch.border::after {
    content: "";
    height: 100%;
    width: 100%;
    border: 1px solid #000;
    position: absolute;
}
#colorSwiper {
    width: 315px;
    height: 310px;
}
#design_Colors {
    position: relative;
    padding: 25px;
    height: 360px;
}
#design_Colors:after,
#design_Colors:before {
    content: "";
    display: table;
}
#design_Colors:after {
    clear: both;
}
#design_Colors .color-col {
    width: 135px;
    float: left;
    position: relative;
}
#design_Colors .outline-col {
    width: 57px;
    float: left;
    position: relative;
    margin-left: 25px;
}
#design_Colors .outline-wrap {
    width: 100%;
    height: 66px;
}
#design_Colors .outline-content {
    width: 100%;
    height: 25px;
    cursor: pointer;
    margin-bottom: 5px;
    background: #f9f9f9;
    border-style: solid;
    border-width: 7px;
    position: relative;
    z-index: 1;
}
#design_Colors .outline-content.too-bright:after {
    content: "";
    width: 57px;
    height: 25px;
    position: absolute;
    z-index: 2;
    border: 1px solid #666;
    left: -7px;
    top: -7px;
}
#design_Colors .outline-content.too-bright:before {
    content: "";
    width: 44px;
    height: 12px;
    position: absolute;
    z-index: 3;
    border: 1px solid #666;
    left: 0;
    top: 0;
}
#design_Colors .pattern-col {
    width: 57px;
    float: left;
    position: relative;
    margin-left: 25px;
}
#design_Colors .pattern-wrap {
    width: 100%;
    height: 66px;
}
#design_Colors .pattern-content {
    width: 100%;
    height: 25px;
    cursor: pointer;
    margin-bottom: 5px;
    border: 1px solid #666;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.colorPicker-palette {
    width: 350px;
    height: 650px;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #f9f9f9;
    padding: 35px 30px 30px 30px;
    z-index: 9999;
    -webkit-box-shadow: 0 0 10px #c2c2c2;
    -moz-box-shadow: 0 0 10px #c2c2c2;
    box-shadow: 0 0 10px #c2c2c2;
    opacity: 0;
    visibility: hidden;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-box-shadow: 0 0 10px #c2c2c2;
    -moz-box-shadow: 0 0 10px #c2c2c2;
    box-shadow: 0 0 10px #c2c2c2;
}
.colorPicker-palette:after,
.colorPicker-palette:before {
    content: "";
    display: table;
}
.colorPicker-palette:after {
    clear: both;
}
.colorPicker-palette.active {
    visibility: visible;
    opacity: 1;
}
.colorPicker-swatch {
    height: 42px;
    width: 57px;
    border-width: 10px;
    border-top-width: 7px;
    border-bottom-width: 12px;
    border-style: solid;
    border-color: #f9f9f9 !important;
    float: left;
    cursor: pointer;
    position: relative;
}
.colorPicker-swatch.usedColor {
    position: relative;
    z-index: 1;
}
.colorPicker-swatch.usedColor:before {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    width: 0;
    height: 0;
    z-index: 3;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    border-style: solid;
    border-width: 24px 0 0 24px;
    border-color: transparent transparent transparent #fff;
}
.colorPicker-swatch.usedColor:after {
    content: "";
    position: absolute;
    right: -2px;
    bottom: 1px;
    width: 100%;
    height: 100%;
    background: url("../img/layout/haken-blau.svg") no-repeat right;
    background-size: contain;
    z-index: 4;
}
.colorPicker-swatch.usedColor.currentColor .color-ok {
    position: absolute;
    border: 3px solid #476bcc;
    top: -6px;
    left: -6px;
    width: 50px;
    height: 35px;
    z-index: 2;
}
.colorPicker-swatch.usedColor.currentColor .color-ok.el-icon-ok {
    font-family: Arial;
}
#colorPicker_name {
    border: none;
    background: 0 0;
    padding: 2px;
    margin-top: 10px;
}
.colorrow.colorCarriageReturn.palettenHeader {
    vertical-align: middle;
    display: table-cell;
    font-weight: 700;
}
.overlay-pattern_edit_color {
    position: absolute;
    top: 0;
    left: 0;
    width: 350px;
    background-color: #f9f9f9;
    padding: 55px 25px 25px 25px;
    z-index: 9999;
    opacity: 0;
    visibility: hidden;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-box-shadow: 0 0 10px #c2c2c2;
    -moz-box-shadow: 0 0 10px #c2c2c2;
    box-shadow: 0 0 10px #c2c2c2;
}
.overlay-pattern_edit_color.active {
    visibility: visible;
    opacity: 1;
}
.overlay-pattern_edit_color .pattern-meta {
    width: 100%;
    display: flex;
    flex-direction: row;
}
.overlay-pattern_edit_color .pattern-meta .select-container {
    width: calc(100% - 40px);
}
.overlay-pattern_edit_color .pattern-meta .pattern-delete {
    width: 40px;
    height: 40px;
    background: url("../img/layout/icon-delete.svg") no-repeat center;
    background-size: 24px;
    cursor: pointer;
}
.overlay-pattern_edit_color .preview {
    width: 100%;
    height: 150px;
    cursor: pointer;
    margin-bottom: 30px;
    background-position: 0;
    background-repeat: no-repeat;
    background-size: cover;
    font: 0/0 a;
    text-shadow: none;
    color: transparent;
}
.overlay-pattern_edit_color .preview svg {
    width: 100%;
    height: auto;
}
.overlay-pattern_edit_color .preview svg > defs {
    display: none;
}
.overlay-pattern_edit_color .preview img {
    max-height: auto;
    max-width: 100%;
}
.overlay-pattern_edit_color .bg-color {
    width: calc(50% - 10px);
}
.overlay-pattern_edit_color .pattern-color {
    width: 100%;
}
.overlay-pattern_edit_color .pattern-color:after,
.overlay-pattern_edit_color .pattern-color:before {
    content: "";
    display: table;
}
.overlay-pattern_edit_color .pattern-color:after {
    clear: both;
}
.overlay-pattern_edit_color .pattern-color .left {
    float: left;
    width: 50%;
    padding-right: 10px;
}
.overlay-pattern_edit_color .pattern-color .right {
    float: right;
    width: 50%;
    padding-left: 10px;
}
.overlay-pattern_edit_color .colorPickerContainer {
    height: 46px;
}
.overlay-pattern_edit_color .color-tips {
    text-align: left;
    padding: 15px 0 5px 0;
    border-top: 1px solid #c9c9c9;
}
.overlay-pattern_edit_color .color-tips .btn-my-color-choice,
.overlay-pattern_edit_color .color-tips .btn-original-color-choice,
.overlay-pattern_edit_color .color-tips .btn-tips {
    display: block;
    padding: 8px 15px;
    border: 1px solid #c9c9c9;
    cursor: pointer;
    background-color: #f6f6f6;
    color: #333;
    font-weight: 600;
    font-size: 12px;
    width: 160px;
    margin-bottom: 10px;
}
.overlay-pattern_edit_color .color-tips .btn-my-color-choice,
.overlay-pattern_edit_color .color-tips .btn-original-color-choice {
    width: 100%;
    text-align: left;
    position: relative;
}
.overlay-pattern_edit_color .color-tips .btn-my-color-choice .preview-my-colors,
.overlay-pattern_edit_color .color-tips .btn-my-color-choice .preview-vorbelegung,
.overlay-pattern_edit_color .color-tips .btn-original-color-choice .preview-my-colors,
.overlay-pattern_edit_color .color-tips .btn-original-color-choice .preview-vorbelegung {
    position: absolute;
    right: 10px;
    top: 10px;
}
.overlay-pattern_edit_color .color-tips .btn-my-color-choice .preview-my-colors > span,
.overlay-pattern_edit_color .color-tips .btn-my-color-choice .preview-vorbelegung > span,
.overlay-pattern_edit_color .color-tips .btn-original-color-choice .preview-my-colors > span,
.overlay-pattern_edit_color .color-tips .btn-original-color-choice .preview-vorbelegung > span {
    display: inline-block;
    width: 12px;
    height: 12px;
    border-radius: 12px;
    margin-left: 2px;
}
.overlay-pattern_edit_color .pattern-size {
    padding-top: 20px;
    border-top: 1px solid #c9c9c9;
}
.overlay-pattern_edit_color .pattern-size:after,
.overlay-pattern_edit_color .pattern-size:before {
    content: "";
    display: table;
}
.overlay-pattern_edit_color .pattern-size:after {
    clear: both;
}
.overlay-pattern_edit_color .pattern-size .left {
    float: left;
    width: 50%;
    font-weight: 500;
    background: url("../img/layout/skalieren.svg") no-repeat 0 center;
    background-size: 30px auto;
    padding-left: 38px;
    padding-top: 7px;
    height: 25px;
}
.overlay-pattern_edit_color .pattern-size .right {
    float: left;
    width: 50%;
    padding-top: 4px;
}
.overlay-pattern_edit_color .pattern-size .right .btn-minus,
.overlay-pattern_edit_color .pattern-size .right .btn-plus {
    display: inline-block;
    width: 31px;
    height: 26px;
    text-align: center;
    border: 1px solid #c9c9c9;
    cursor: pointer;
    background-color: #f6f6f6;
    color: #333;
    margin-right: 5px;
    font-weight: 600;
    font-size: 18px;
}
.overlay-pattern_edit_color .pattern-size .right .content-pattern-size {
    display: inline-block;
    width: 26px;
    margin-right: 5px;
    font-weight: 600;
    text-align: center;
}
.overlay-pattern_color_tips {
    position: absolute;
    top: 0;
    left: 0;
    width: 350px;
    height: 560px;
    background-color: #f9f9f9;
    padding: 50px 25px 5px 20px;
    z-index: 9999;
    opacity: 0;
    visibility: hidden;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-box-shadow: 0 0 10px #c2c2c2;
    -moz-box-shadow: 0 0 10px #c2c2c2;
    box-shadow: 0 0 10px #c2c2c2;
}
.overlay-pattern_color_tips.active {
    visibility: visible;
    opacity: 1;
}
.overlay-pattern_color_tips h4 {
    font-weight: 500;
    margin-bottom: 10px;
    display: none;
}
.overlay-pattern_color_tips .color-tips {
    width: 100%;
}
.overlay-pattern_color_tips .color-tips:after,
.overlay-pattern_color_tips .color-tips:before {
    content: "";
    display: table;
}
.overlay-pattern_color_tips .color-tips:after {
    clear: both;
}
.overlay-pattern_color_tips .color-tips .pattern-wrap {
    float: left;
    width: 50%;
    height: 115px;
    border: 8px solid #f9f9f9;
}
.overlay-pattern_color_tips .color-tips .pattern-wrap:nth-child(odd) {
    padding-right: 5px;
}
.overlay-pattern_color_tips .color-tips .pattern-wrap:nth-child(even) {
    padding-left: 5px;
}
.overlay-pattern_color_tips .color-tips .pattern-content {
    height: 80px;
    border: none;
    width: 100%;
    background-size: cover;
}
.overlay-pattern_color_tips .color-tips .pattern-content.current-pattern {
    position: relative;
}
.overlay-pattern_color_tips .color-tips .pattern-content.current-pattern:before {
    content: "";
    position: absolute;
    border: 3px solid #476bcc;
    top: -6px;
    left: -6px;
    width: calc(100% + 12px);
    height: 91px;
    z-index: 2;
}
.overlay-pattern_color_tips .color-tips .pattern-content.used-pattern {
    position: relative;
}
.overlay-pattern_color_tips .color-tips .pattern-content.used-pattern:before {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    width: 0;
    height: 0;
    z-index: 3;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    border-style: solid;
    border-width: 26px 0 0 26px;
    border-color: transparent transparent transparent #fff;
}
.overlay-pattern_color_tips .color-tips .pattern-content.used-pattern:after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    width: 26px;
    height: 26px;
    background: url("../img/layout/haken-blau.svg") no-repeat center;
    background-size: contain;
    z-index: 4;
}
.overlay-pattern_color_tips .color-tips label {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: inline-block;
    width: 100%;
}
.overlay-pattern_choice,
.overlay-pattern_summary {
    position: absolute;
    top: 0;
    left: 0;
    width: 350px;
    background-color: #f9f9f9;
    z-index: 9999;
    opacity: 0;
    visibility: hidden;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-box-shadow: 0 0 10px #c2c2c2;
    -moz-box-shadow: 0 0 10px #c2c2c2;
    box-shadow: 0 0 10px #c2c2c2;
}
.overlay-pattern_choice.active,
.overlay-pattern_summary.active {
    visibility: visible;
    opacity: 1;
}
.overlay-pattern_choice .select-container,
.overlay-pattern_summary .select-container {
    padding: 55px 25px 0 25px;
}
.overlay-pattern_choice .slide,
.overlay-pattern_summary .slide {
    padding: 0 20px;
}
.overlay-pattern_choice .pattern,
.overlay-pattern_summary .pattern {
    width: 100%;
    height: 510px;
    position: relative;
    padding-bottom: 50px;
}
.overlay-pattern_choice .pattern:after,
.overlay-pattern_choice .pattern:before,
.overlay-pattern_summary .pattern:after,
.overlay-pattern_summary .pattern:before {
    content: "";
    display: table;
}
.overlay-pattern_choice .pattern:after,
.overlay-pattern_summary .pattern:after {
    clear: both;
}
.overlay-pattern_choice .pattern .pattern-wrap,
.overlay-pattern_summary .pattern .pattern-wrap {
    float: left;
    width: 50%;
    height: 115px;
    border: 8px solid #f9f9f9;
}
.overlay-pattern_choice .pattern .pattern-wrap:nth-child(odd),
.overlay-pattern_summary .pattern .pattern-wrap:nth-child(odd) {
    padding-right: 5px;
}
.overlay-pattern_choice .pattern .pattern-wrap:nth-child(even),
.overlay-pattern_summary .pattern .pattern-wrap:nth-child(even) {
    padding-left: 5px;
}
.overlay-pattern_choice .pattern .pattern-color,
.overlay-pattern_summary .pattern .pattern-color {
    width: 100%;
    position: relative;
    text-align: right;
}
.overlay-pattern_choice .pattern .pattern-color .pattern-color-block,
.overlay-pattern_summary .pattern .pattern-color .pattern-color-block {
    display: inline-block;
    width: 10px;
    height: 10px;
    background-color: red;
    border-radius: 10px;
}
.overlay-pattern_choice .pattern .pattern-content,
.overlay-pattern_summary .pattern .pattern-content {
    height: 80px;
    width: 100%;
    background-size: cover;
    border: none;
}
.overlay-pattern_choice .pattern .pattern-content.current-pattern,
.overlay-pattern_summary .pattern .pattern-content.current-pattern {
    position: relative;
}
.overlay-pattern_choice .pattern .pattern-content.current-pattern:before,
.overlay-pattern_summary .pattern .pattern-content.current-pattern:before {
    content: "";
    position: absolute;
    border: 3px solid #476bcc;
    top: -6px;
    left: -6px;
    width: calc(100% + 12px);
    height: 91px;
    z-index: 2;
}
.overlay-pattern_choice .pattern .pattern-content.used-pattern,
.overlay-pattern_summary .pattern .pattern-content.used-pattern {
    position: relative;
}
.overlay-pattern_choice .pattern .pattern-content.used-pattern:before,
.overlay-pattern_summary .pattern .pattern-content.used-pattern:before {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    width: 0;
    height: 0;
    z-index: 3;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    border-style: solid;
    border-width: 26px 0 0 26px;
    border-color: transparent transparent transparent #fff;
}
.overlay-pattern_choice .pattern .pattern-content.used-pattern:after,
.overlay-pattern_summary .pattern .pattern-content.used-pattern:after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    width: 26px;
    height: 26px;
    background: url("../img/layout/haken-blau.svg") no-repeat center;
    background-size: contain;
    z-index: 4;
}
.overlay-pattern_summary {
    position: absolute;
    top: 0;
    left: 0;
    width: 350px;
    background-color: #f9f9f9;
    z-index: 9999;
    visibility: hidden;
    opacity: 0;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-box-shadow: 0 0 10px #c2c2c2;
    -moz-box-shadow: 0 0 10px #c2c2c2;
    box-shadow: 0 0 10px #c2c2c2;
}
.overlay-pattern_summary.active {
    visibility: visible;
    opacity: 1;
}
.overlay-pattern_summary .select-container {
    padding: 55px 25px 0 25px;
}
.overlay-pattern_summary .slide {
    padding: 0 25px;
}
.overlay-pattern_summary .pattern {
    width: 100%;
    position: relative;
    height: 548px;
}
.overlay-pattern_summary .pattern:after,
.overlay-pattern_summary .pattern:before {
    content: "";
    display: table;
}
.overlay-pattern_summary .pattern:after {
    clear: both;
}
.overlay-pattern_summary .pattern .pattern-wrap {
    float: left;
    width: 50%;
    height: 110px;
}
.overlay-pattern_summary .pattern .pattern-wrap:nth-child(odd) {
    padding-right: 10px;
}
.overlay-pattern_summary .pattern .pattern-wrap:nth-child(even) {
    padding-left: 10px;
}
.overlay-pattern_summary .pattern .pattern-content {
    height: 80px;
    border: none;
}
.overlay-pattern_summary .pattern .pattern-content.current-pattern {
    position: relative;
}
.overlay-pattern_summary .pattern .pattern-content.current-pattern:before {
    content: "";
    position: absolute;
    border: 3px solid #476bcc;
    top: -6px;
    left: -6px;
    width: calc(100% + 12px);
    height: 91px;
    z-index: 2;
}
.overlay-pattern_summary .pattern .pattern-content.used-pattern {
    position: relative;
}
.overlay-pattern_summary .pattern .pattern-content.used-pattern:before {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    width: 0;
    height: 0;
    z-index: 3;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    border-style: solid;
    border-width: 26px 0 0 26px;
    border-color: transparent transparent transparent #fff;
}
.overlay-pattern_summary .pattern .pattern-content.used-pattern:after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    width: 26px;
    height: 26px;
    background: url("../img/layout/haken-blau.svg") no-repeat center;
    background-size: contain;
    z-index: 4;
}
.overlay-pattern_summary .pattern .select-container {
    margin-bottom: 0;
}
#farbvariantenContainer {
    position: relative;
    padding: 30px;
    height: 360px;
}
#farbvariantenContainer .colorPicker-picker {
    width: 135px;
    height: 25px;
    cursor: pointer;
    margin-bottom: 5px;
}
.text-new {
    background-color: #f9f9f9;
    padding: 30px 25px 25px 25px;
    position: relative;
    height: 100px;
}
.text-new #newText {
    display: inline-block;
    padding: 10px 15px;
    border: 1px solid #c9c9c9;
    cursor: pointer;
    background-color: #f6f6f6;
    color: #333;
    font-weight: 600;
    font-size: 14px;
    width: 150px;
    margin-left: 70px;
    font-size: 14px;
}
.text-new #libraryText {
    display: none;
    cursor: pointer;
    color: #333;
    font-weight: 500;
    font-size: 10px;
    width: 70px;
    height: 40px;
    background: url("../img/layout/bibliothek.svg") no-repeat center -5px;
    background-size: 25px 25px;
    border: none;
    margin-left: 20px;
    position: relative;
}
.text-new #libraryText span {
    display: inline-block;
    position: absolute;
    bottom: 8px;
    left: 5px;
}
.text-edit {
    background-color: #f9f9f9;
    position: relative;
    height: 300px;
}
.text-edit .text-wrapper {
    width: 100%;
    position: relative;
    padding: 0 25px;
}
.text-edit .text-wrapper:last-child .text-row {
    border-bottom: 1px solid #333;
}
.text-edit .text-row {
    width: 100%;
    position: relative;
    padding: 5px 0 5px 10px;
    border-top: 1px solid #333;
}
.text-edit .text-row:after,
.text-edit .text-row:before {
    content: "";
    display: table;
}
.text-edit .text-row:after {
    clear: both;
}
.text-edit .text-row-name {
    float: left;
    font-weight: 500;
    width: calc(100% - 60px);
    height: 20px;
    display: inline-block;
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
}
.text-edit .text-row-edit {
    float: left;
    width: 30px;
    height: 20px;
    background: url("../img/layout/icon-bearbeiten.svg") no-repeat 0 -2px;
    background-size: 25px 25px;
    cursor: pointer;
    display: inline-block;
}
.text-edit .text-row-delete {
    float: left;
    width: 30px;
    height: 20px;
    background: url("../img/layout/icon-delete.svg") no-repeat 0 0;
    background-size: 21px 21px;
    cursor: pointer;
    display: inline-block;
}
.fontslider {
    padding-bottom: 20px;
}
#fontloadingBlock {
    margin-left: 30%;
    height: 20px;
}
#fontloadingBlock .facebook_blockG {
    height: 20px;
}
.overlay-fontpicker {
    position: absolute;
    top: 0;
    left: 0;
    width: 350px;
    background-color: #f9f9f9;
    padding: 40px 25px 25px 25px;
    z-index: 9999;
    visibility: hidden;
    opacity: 0;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    height: 650px;
    overflow: hidden;
    -webkit-box-shadow: 0 0 10px #c2c2c2;
    -moz-box-shadow: 0 0 10px #c2c2c2;
    box-shadow: 0 0 10px #c2c2c2;
}
.overlay-fontpicker.active {
    visibility: visible;
    opacity: 1;
}
.overlay-fontpicker button.disabled {
    color: #d3d3d3 !important;
}
.overlay-fontpicker .fontrow {
    position: relative;
    width: 100%;
}
.overlay-fontpicker .fontrow:after,
.overlay-fontpicker .fontrow:before {
    content: "";
    display: table;
}
.overlay-fontpicker .fontrow:after {
    clear: both;
}
.overlay-fontpicker .fontrow.fontHeader {
    margin-bottom: 10px;
    margin-top: 30px;
    font-weight: 700;
}
.overlay-fontpicker .fontrow.fontHeader:nth-child(1),
.overlay-fontpicker .fontrow:nth-child(1) {
    margin-top: 10px;
}
.overlay-fontpicker .fontEntry {
    cursor: pointer;
    display: block;
    width: 89px;
    height: 40px;
    float: left;
    margin-bottom: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}
.overlay-fontpicker .fontEntry:nth-child(1) {
    margin-right: 10px;
}
.overlay-fontpicker .fontEntry:nth-child(2) {
    margin-right: 5px;
    margin-left: 5px;
}
.overlay-fontpicker .fontEntry:nth-child(3) {
    margin-left: 10px;
}
.overlay-fontpicker .fontEntry .fontID {
    display: block;
    padding: 5px 8px;
    font-size: 16px;
    line-height: 16px;
}
.overlay-fontpicker .fontEntry.usedFont {
    position: relative;
    z-index: 1;
    border: 1px solid #fff;
}
.overlay-fontpicker .fontEntry.usedFont:before {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    width: 0;
    height: 0;
    z-index: 3;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    border-style: solid;
    border-width: 20px 0 0 20px;
    border-color: transparent transparent transparent #fff;
}
.overlay-fontpicker .fontEntry.usedFont:after {
    content: "";
    position: absolute;
    right: -4px;
    bottom: -4px;
    width: 80%;
    height: 80%;
    background: url("../img/layout/haken-blau.svg") no-repeat right;
    background-size: contain;
    z-index: 4;
}
.overlay-fontpicker .fontEntry.currentFont {
    border: 3px solid #476bcc;
}
.overlay-fontpicker .fontEntry.currentFont.usedFont {
    border: 3px solid #476bcc;
}
.overlay-fontpicker .fontEntry.currentFont.usedFont:before {
    content: none;
    border: none;
}
.overlay-fontpicker .fontEntry.currentFont.usedFont:after {
    content: none;
    background: 0 0;
}
.overlay-fontpicker .fontEntry {
    padding: 10px;
}
.overlay-fontpicker .fontEntry img {
    max-height: 22px;
}
.overlay-text_edit {
    position: absolute;
    top: 0;
    left: 0;
    width: 350px;
    background-color: #f9f9f9;
    padding: 40px 25px 25px 25px;
    z-index: 9999;
    visibility: hidden;
    opacity: 0;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-box-shadow: 0 0 10px #c2c2c2;
    -moz-box-shadow: 0 0 10px #c2c2c2;
    box-shadow: 0 0 10px #c2c2c2;
}
.overlay-text_edit.active {
    visibility: visible;
    opacity: 1;
}
.overlay-text_edit button.disabled {
    color: #d3d3d3 !important;
}
.overlay-text_edit .text-value {
    position: relative;
    width: 100%;
    margin-bottom: 20px;
}
.overlay-text_edit .text-value #textValueArea {
    outline: 0;
    padding: 10px;
    height: 30px;
    color: #333;
    border: 1px solid #c9c9c9;
    width: 100%;
    position: relative;
    height: 35px;
}
.overlay-text_edit .text-value .trash-bin {
    position: absolute;
    right: 5px;
    top: 8px;
    width: 20px;
    height: 20px;
    background: url("../img/layout/loeschen.svg") no-repeat center;
    background-size: contain;
    display: block;
    border: none;
    cursor: pointer;
}
.overlay-text_edit .typeface {
    width: 100%;
    margin-bottom: 15px;
    position: relative;
}
.overlay-text_edit .typeface:after,
.overlay-text_edit .typeface:before {
    content: "";
    display: table;
}
.overlay-text_edit .typeface:after {
    clear: both;
}
.overlay-text_edit .typeface > span {
    float: left;
    width: 50%;
    display: inline-block;
    font-weight: 500;
    padding-top: 4px;
}
.overlay-text_edit .typeface #textEditFontPicker {
    float: left;
    width: 50%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    word-wrap: break-word;
    display: block;
    cursor: pointer;
    height: 27px;
    border: 1px solid #c9c9c9;
    background-color: #f6f6f6;
    color: #333;
    font-size: 12px;
}
.overlay-text_edit .typeface #textEditFontPicker span {
    font-weight: 600;
}
.overlay-text_edit .fontColor {
    width: 100%;
    margin-bottom: 15px;
    position: relative;
}
.overlay-text_edit .fontColor:after,
.overlay-text_edit .fontColor:before {
    content: "";
    display: table;
}
.overlay-text_edit .fontColor:after {
    clear: both;
}
.overlay-text_edit .fontColor label {
    float: left;
    width: 50%;
    font-weight: 500;
    padding-top: 4px;
}
.overlay-text_edit .fontColor #text-farbe,
.overlay-text_edit .fontColor .colorPicker-picker {
    float: left;
    width: 60px;
    height: 26px;
    cursor: pointer;
}
.overlay-text_edit .font-size {
    width: 100%;
    margin-bottom: 25px;
    position: relative;
}
.overlay-text_edit .font-size:after,
.overlay-text_edit .font-size:before {
    content: "";
    display: table;
}
.overlay-text_edit .font-size:after {
    clear: both;
}
.overlay-text_edit .font-size .left,
.overlay-text_edit .font-size .right {
    float: left;
    width: 50%;
    position: relative;
}
.overlay-text_edit .font-size span {
    font-weight: 500;
    display: block;
    padding-top: 3px;
}
.overlay-text_edit .font-size .btn-minus,
.overlay-text_edit .font-size .btn-plus {
    display: inline-block;
    position: absolute;
    width: 60px;
    height: 26px;
    text-align: center;
    border: 1px solid #c9c9c9;
    cursor: pointer;
    background-color: #f6f6f6;
    color: #333;
    font-weight: 500;
    font-size: 18px;
}
.overlay-text_edit .font-size .btn-minus {
    top: 0;
    left: 0;
}
.overlay-text_edit .font-size .btn-plus {
    top: 0;
    right: 0;
}
.overlay-text_edit .rotation {
    width: 100%;
    padding-bottom: 25px;
    position: relative;
    border-bottom: 1px solid #c9c9c9;
}
.overlay-text_edit .rotation:after,
.overlay-text_edit .rotation:before {
    content: "";
    display: table;
}
.overlay-text_edit .rotation:after {
    clear: both;
}
.overlay-text_edit .rotation .left,
.overlay-text_edit .rotation .right {
    float: left;
    width: 50%;
    position: relative;
}
.overlay-text_edit .rotation span {
    font-weight: 500;
    display: inline-block;
    padding-right: 5px;
    padding-top: 3px;
}
.overlay-text_edit .rotation .rotationValue {
    border: none;
    display: inline-block;
    background: #f9f9f9;
    width: 40px;
    font-weight: 600;
    font-size: 12px;
    color: #333;
}
.overlay-text_edit .rotation .btn-minus,
.overlay-text_edit .rotation .btn-plus {
    display: inline-block;
    position: absolute;
    width: 60px;
    height: 26px;
    text-align: center;
    border: 1px solid #c9c9c9;
    cursor: pointer;
    background-color: #f6f6f6;
    color: #333;
    font-weight: 500;
    font-size: 18px;
}
.overlay-text_edit .rotation .btn-minus {
    top: 0;
    left: 0;
}
.overlay-text_edit .rotation .btn-plus {
    top: 0;
    right: 0;
}
.overlay-text_edit .outlineColor {
    width: 100%;
    margin-bottom: 15px;
    position: relative;
    padding-top: 20px;
}
.overlay-text_edit .outlineColor:after,
.overlay-text_edit .outlineColor:before {
    content: "";
    display: table;
}
.overlay-text_edit .outlineColor:after {
    clear: both;
}
.overlay-text_edit .outlineColor label {
    float: left;
    width: 50%;
    font-weight: 500;
    padding-top: 3px;
}
.overlay-text_edit .outlineColor .colorPicker-picker,
.overlay-text_edit .outlineColor .outline-color {
    float: left;
    width: 60px;
    height: 26px;
    cursor: pointer;
    margin-bottom: 5px;
    background-color: #f9f9f9;
    border-style: solid;
    border-width: 1px;
    position: relative;
    z-index: 1;
}
.overlay-text_edit .outlineColor .colorPicker-picker.too-bright:after,
.overlay-text_edit .outlineColor .outline-color.too-bright:after {
    content: "";
    width: 57px;
    height: 25px;
    position: absolute;
    z-index: 2;
    border: 1px solid #666;
    left: -7px;
    top: -7px;
}
.overlay-text_edit .outlineColor .colorPicker-picker.too-bright:before,
.overlay-text_edit .outlineColor .outline-color.too-bright:before {
    content: "";
    width: 44px;
    height: 12px;
    position: absolute;
    z-index: 3;
    border: 1px solid #666;
    left: 0;
    top: 0;
}
.overlay-text_edit .outlineColor .colorPicker-picker.color-none,
.overlay-text_edit .outlineColor .outline-color.color-none {
    background-size: 100% auto;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url("../img/layout/text_outline_ohne.svg");
    background-color: transparent !important;
    border: none;
}
.overlay-text_edit .outline {
    width: 100%;
    padding-bottom: 25px;
    position: relative;
    border-bottom: 1px solid #c9c9c9;
}
.overlay-text_edit .outline:after,
.overlay-text_edit .outline:before {
    content: "";
    display: table;
}
.overlay-text_edit .outline:after {
    clear: both;
}
.overlay-text_edit .outline .left,
.overlay-text_edit .outline .right {
    float: left;
    width: 50%;
    position: relative;
}
.overlay-text_edit .outline span {
    display: inline-block;
    font-weight: 500;
    padding-top: 3px;
}
.overlay-text_edit .outline .btn-minus,
.overlay-text_edit .outline .btn-plus {
    display: inline-block;
    position: absolute;
    width: 60px;
    height: 26px;
    text-align: center;
    border: 1px solid #c9c9c9;
    cursor: pointer;
    background-color: #f6f6f6;
    color: #333;
    font-weight: 500;
    font-size: 18px;
}
.overlay-text_edit .outline .btn-minus {
    top: 0;
    left: 0;
}
.overlay-text_edit .outline .btn-plus {
    top: 0;
    right: 0;
}
.overlay-text_edit .zOrderContainer {
    width: 100%;
    padding-top: 20px;
    margin-bottom: 25px;
    position: relative;
}
.overlay-text_edit .zOrderContainer:after,
.overlay-text_edit .zOrderContainer:before {
    content: "";
    display: table;
}
.overlay-text_edit .zOrderContainer:after {
    clear: both;
}
.overlay-text_edit .zOrderContainer .left,
.overlay-text_edit .zOrderContainer .right {
    float: left;
    width: 50%;
    position: relative;
}
.overlay-text_edit .zOrderContainer span {
    font-weight: 500;
    display: inline-block;
    padding-top: 3px;
}
.overlay-text_edit .zOrderContainer .btn-down,
.overlay-text_edit .zOrderContainer .btn-up {
    display: inline-block;
    position: absolute;
    width: 60px;
    height: 26px;
    text-align: center;
    border: 1px solid #c9c9c9;
    cursor: pointer;
    background-color: #f6f6f6;
    color: #333;
    font-weight: 500;
    font-size: 18px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 25px 25px;
}
.overlay-text_edit .zOrderContainer .btn-down.disabled,
.overlay-text_edit .zOrderContainer .btn-up.disabled {
    opacity: 0.4;
}
.overlay-text_edit .zOrderContainer .btn-down {
    top: 0;
    left: 0;
    background-image: url("../img/layout/mengenpfeil_weniger.svg");
    background-position: center 0;
}
.overlay-text_edit .zOrderContainer .btn-up {
    top: 0;
    right: 0;
    background-image: url("../img/layout/mengenpfeil_mehr.svg");
}
.overlay-text_edit .pinned {
    width: 100%;
    margin-bottom: 12px;
    position: relative;
}
.overlay-text_edit .pinned:after,
.overlay-text_edit .pinned:before {
    content: "";
    display: table;
}
.overlay-text_edit .pinned:after {
    clear: both;
}
.overlay-text_edit .pinned .left,
.overlay-text_edit .pinned .right {
    float: left;
    width: 50%;
}
.overlay-text_edit .pinned span {
    font-weight: 500;
}
.overlay-text_edit .pinned .round {
    position: relative;
}
.overlay-text_edit .pinned .round label {
    border: 1px solid #c9c9c9;
    cursor: pointer;
    background-color: #f6f6f6;
    border-radius: 50%;
    cursor: pointer;
    height: 20px;
    left: 0;
    position: absolute;
    top: 0;
    width: 20px;
}
.overlay-text_edit .pinned .round label.active {
    background: url("../img/layout/haken-gruen-ohne.svg") no-repeat center;
    background-size: 34px 34px;
}
.overlay-text_edit .pinned .round input[type="checkbox"] {
    visibility: hidden;
}
.overlay-text_edit .text-identisch {
    width: 100%;
    position: relative;
}
.overlay-text_edit .text-identisch:after,
.overlay-text_edit .text-identisch:before {
    content: "";
    display: table;
}
.overlay-text_edit .text-identisch:after {
    clear: both;
}
.overlay-text_edit .text-identisch .left,
.overlay-text_edit .text-identisch .right {
    float: left;
    width: 50%;
}
.overlay-text_edit .text-identisch .round {
    position: relative;
}
.overlay-text_edit .text-identisch .round label {
    border: 1px solid #c9c9c9;
    cursor: pointer;
    background-color: #f6f6f6;
    border-radius: 50%;
    cursor: pointer;
    height: 20px;
    left: 0;
    position: absolute;
    top: 0;
    width: 20px;
}
.overlay-text_edit .text-identisch .round label.active {
    background: url("../img/layout/haken-gruen-ohne.svg") no-repeat center;
    background-size: 34px 34px;
}
.overlay-text_edit .text-identisch .round input[type="checkbox"] {
    visibility: hidden;
}
.overlay-text_edit .text-identisch .identisch-description {
    margin-bottom: 5px;
}
.overlay-text_edit .text-identisch .identisch-description span {
    font-weight: 500;
    display: block;
}
.overlay-text_edit .text-identisch .identisch-description span:last-child {
    font-size: 10px;
}
.overlay-text_edit .text-identisch .identisch-info {
    background: url("../img/layout/info.svg") no-repeat 0 0;
    background-size: 20px 20px;
    width: 20px;
    height: 20px;
    cursor: pointer;
}
.overlay-text_edit .modal-container {
    position: absolute;
    bottom: 75px;
    left: 290px;
    width: 400px;
    display: inline-table;
    z-index: 999;
}
.overlay-text_edit .modal-container .modal-button {
    background: url("../img/layout/Icon_Hilfe.svg") no-repeat 0 0;
    background-size: cover;
    width: 20px;
    height: 20px;
}
.overlay-text_edit .modal-container .modal {
    position: absolute;
    top: 0;
    left: -245px;
    z-index: 99;
    background-color: #ececec;
    width: 100%;
    box-sizing: border-box;
    padding: 15px 25px;
    transform-origin: center bottom;
    transform: scale(0, 0);
    transition: transform 0.5s;
    visibility: hidden;
    border: 1px solid #58595b;
}
.overlay-text_edit .modal-container .modal p {
    font-size: 12px;
    font-size: 0.75rem;
}
.overlay-text_edit .active .modal {
    transform: scale(1, 1);
    visibility: visible;
}
#open-popup-textChange .textNew,
#open-popup-textNew .textNew {
    width: 100%;
    color: #7d7d7d;
    padding: 10px;
    display: block;
    margin-bottom: 20px;
    border: 1px solid #ccc;
    margin-bottom: 20px;
    font-size: 14px;
}
.box-content-layer .buttonGroup .box-button {
    width: 40px;
    display: block;
    float: left;
    text-align: center;
    padding-top: 4px;
    color: #000;
    margin-right: 12px;
}
.box-content-layer .buttonGroup .box-button:last-child {
    margin-right: 0;
}
.box-content-layer .buttonGroup .box-button.disabled {
    opacity: 0.35;
}
.colors label {
    position: relative;
    font-weight: 700;
    display: block;
    width: 100%;
    color: #333;
}
.logo-box {
    float: left;
    width: 108px;
    height: 130px;
    padding-left: 25px;
}
.logo-box .logo-box-image {
    width: 100%;
    height: 83px;
    padding: 5px;
    border: 1px solid #ccc;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    background: linear-gradient(45deg, rgba(0, 0, 0, 0.09804) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0.09804) 75%, rgba(0, 0, 0, 0.09804) 0),
        linear-gradient(45deg, rgba(0, 0, 0, 0.09804) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0.09804) 75%, rgba(0, 0, 0, 0.09804) 0), #fff;
    background-repeat: repeat, repeat;
    background-position: 0 0, 3px 3px;
    -webkit-transform-origin: 0 0 0;
    transform-origin: 0 0 0;
    -webkit-background-origin: padding-box, padding-box;
    background-origin: padding-box, padding-box;
    -webkit-background-clip: border-box, border-box;
    background-clip: border-box, border-box;
    -webkit-background-size: 6px 6px, 6px 6px;
    background-size: 6px 6px, 6px 6px;
    -webkit-box-shadow: none;
    box-shadow: none;
    text-shadow: none;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none;
    -webkit-transform: scaleX(1) scaleY(1) scaleZ(1);
    transform: scaleX(1) scaleY(1) scaleZ(1);
}
.logo-box .logo-box-image.logo-box-image.owayoUpload:after {
    background: url(../img/layout/haeckchen.svg) no-repeat right top;
    background-size: 25px 25px;
    content: "";
    width: 65px;
    height: 65px;
    display: block;
    position: absolute;
    right: 0;
    top: 0;
}
.logo-box-action {
    padding: 3px 10px 10px 10px;
    text-align: center;
}
.logo-box-action .logoEdit {
    width: 25px;
    height: 25px;
    border: none;
    display: inline-block;
    background: url("../img/layout/icon-bearbeiten.svg") no-repeat center;
    background-size: contain;
    cursor: pointer;
}
.logo-box-action .logoDelete {
    width: 30px;
    height: 20px;
    border: none;
    display: inline-block;
    background: url("../img/layout/icon-delete.svg") no-repeat center;
    background-size: 20px 20px;
    cursor: pointer;
}
.logo-box-action .logoTake {
    border: none;
    display: inline-block;
    background: url("../img/layout/logo-uebernehmen.svg") no-repeat center;
    background-size: contain;
    width: 21px;
    height: 21px;
    cursor: pointer;
}
.logo-box-action .logoPool {
    border: none;
    display: inline-block;
    background: url("../img/layout/logo_bibliothek.svg") no-repeat center;
    background-size: contain;
    width: 21px;
    height: 21px;
    cursor: pointer;
    position: relative;
    top: -5px;
}
.logo-box-action .logoLabel {
    display: inline-block;
    padding: 10px 5px 0 0;
}
.logo-new {
    background-color: #f9f9f9;
    padding: 25px 15px 0 15px;
    position: relative;
    height: 85px;
    display: none;
}
.logo-new.active {
    display: block;
}
.logo-new > ul {
    display: flex;
    flex-direction: row;
}
.logo-new > ul > li {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.logo-new > ul > li:nth-child(1),
.logo-new > ul > li:nth-child(3) {
    width: 85px;
}
.logo-new > ul > li:nth-child(2) {
    width: 150px;
}
.logo-new > ul > li .btn-img {
    display: block;
    background-repeat: no-repeat;
    background-position: center 0;
    background-size: contain;
    width: 30px;
    height: 30px;
    background-color: transparent;
    margin: 0 auto;
}
.logo-new > ul > li .btn-text {
    display: block;
    font-size: 11px;
    line-height: 13px;
    font-weight: 500;
    color: #333;
    text-align: center;
    padding: 0 5px;
}
.logo-new #logopoolLogo {
    cursor: pointer;
}
.logo-new #logopoolLogo .btn-img {
    background-image: url("../img/layout/logopool_stage.svg");
}
.logo-new #libraryLogo {
    cursor: pointer;
}
.logo-new #libraryLogo .btn-img {
    background-image: url("../img/layout/bibliothek.svg");
}
.logo-new #newLogo {
    padding: 10px 12px;
    border: 1px solid #c9c9c9;
    cursor: pointer;
    background-color: #f6f6f6;
    width: 125px;
    text-align: center;
    margin-top: 5px;
}
.logo-new #newLogo #newLogoInput {
    border: none;
    width: 100%;
    height: 100%;
    text-align: center;
    padding: 0;
    opacity: 0;
}
.logo-new #newLogo .btn-text {
    font-weight: 500;
    font-size: 14px;
    color: #333;
}
.logo-new #newLogo label {
    margin-top: -1.5em;
}
.logo-edit {
    background-color: #f9f9f9;
    padding: 25px 0 0 0;
    position: relative;
    height: 315px;
}
.overlay-logo_edit {
    position: absolute;
    top: 0;
    left: 0;
    width: 350px;
    background-color: #f9f9f9;
    padding: 30px 25px 25px 25px;
    z-index: 9999;
    visibility: hidden;
    opacity: 0;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-box-shadow: 0 0 10px #c2c2c2;
    -moz-box-shadow: 0 0 10px #c2c2c2;
    box-shadow: 0 0 10px #c2c2c2;
}
.overlay-logo_edit.active {
    visibility: visible;
    opacity: 1;
}
.overlay-logo_edit button.disabled {
    color: #d3d3d3 !important;
}
.overlay-logo_edit .logo-preview {
    width: 100%;
    margin-bottom: 25px;
    position: relative;
}
.overlay-logo_edit .logo-preview:after,
.overlay-logo_edit .logo-preview:before {
    content: "";
    display: table;
}
.overlay-logo_edit .logo-preview:after {
    clear: both;
}
.overlay-logo_edit .logo-preview.owayopool .logo-standard-meta,
.overlay-logo_edit .logo-preview.owayopool .right {
    display: none;
}
.overlay-logo_edit .logo-preview.owayopool .preview-wrapper .logo-owayo-meta {
    display: block;
}
.overlay-logo_edit .logo-preview.owayopool .preview-wrapper .logo-owayo-meta .meta-name {
    font-weight: 600;
    padding-top: 4px;
}
.overlay-logo_edit .logo-preview.owayopool .preview-wrapper .logo-owayo-meta .meta-text {
    margin-bottom: 15px;
}
.overlay-logo_edit .logo-preview.owayopool .left {
    width: 100%;
}
.overlay-logo_edit .logo-preview .left {
    width: 65%;
    float: left;
    position: relative;
}
.overlay-logo_edit .logo-preview .right {
    width: 35%;
    float: right;
    position: relative;
    padding-left: 10px;
}
.overlay-logo_edit .logo-preview .preview-wrapper {
    width: 100%;
    position: relative;
}
.overlay-logo_edit .logo-preview .preview-wrapper:after,
.overlay-logo_edit .logo-preview .preview-wrapper:before {
    content: "";
    display: table;
}
.overlay-logo_edit .logo-preview .preview-wrapper:after {
    clear: both;
}
.overlay-logo_edit .logo-preview .preview-wrapper .preview {
    width: 83px;
    height: 83px;
    padding: 5px;
    border: 1px solid #ccc;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    float: left;
}
.overlay-logo_edit .logo-preview .preview-wrapper .preview-meta {
    width: 50%;
    float: left;
    padding-left: 20px;
    padding-top: 4px;
}
.overlay-logo_edit .logo-preview .preview-wrapper .logo-owayo-meta {
    display: none;
}
.overlay-logo_edit .logo-preview .preview-wrapper .meta-wrapper {
    width: 100%;
}
.overlay-logo_edit .logo-preview .preview-wrapper .meta-wrapper span {
    display: block;
    font-size: 12px;
}
.overlay-logo_edit .logo-preview .preview-wrapper .meta-wrapper span.meta-format {
    text-transform: uppercase;
}
.overlay-logo_edit .logo-preview .preview-wrapper .meta-wrapper .trash-bin {
    width: 30px;
    height: 20px;
    border: none;
    display: inline-block;
    background: url("../img/layout/icon-delete.svg") no-repeat -4px;
    background-size: 20px 20px;
    cursor: pointer;
}
.overlay-logo_edit .logo-preview .logo-quality {
    position: relative;
    width: 100%;
    font-size: 12px;
    font-weight: 600;
    padding-top: 4px;
    background: url("../img/layout/achtung.svg") no-repeat 0 bottom;
    background-size: 25px;
    padding-bottom: 25px;
}
.overlay-logo_edit .logo-owayo {
    padding-bottom: 5px;
    border-bottom: 1px solid #c9c9c9;
    margin-bottom: 25px;
    display: none;
}
.overlay-logo_edit .logo-owayo.show {
    display: block;
}
.overlay-logo_edit .logo-owayo .row:after,
.overlay-logo_edit .logo-owayo .row:before {
    content: "";
    display: table;
}
.overlay-logo_edit .logo-owayo .row:after {
    clear: both;
}
.overlay-logo_edit .logo-owayo .left,
.overlay-logo_edit .logo-owayo .right {
    float: left;
    width: 50%;
    position: relative;
}
.overlay-logo_edit .logo-owayo .left {
    padding-right: 15px;
}
.overlay-logo_edit .logo-owayo .right {
    padding-left: 15px;
}
.overlay-logo_edit .logo-size {
    width: 100%;
    margin-bottom: 25px;
    position: relative;
}
.overlay-logo_edit .logo-size:after,
.overlay-logo_edit .logo-size:before {
    content: "";
    display: table;
}
.overlay-logo_edit .logo-size:after {
    clear: both;
}
.overlay-logo_edit .logo-size .left,
.overlay-logo_edit .logo-size .right {
    float: left;
    width: 50%;
    position: relative;
}
.overlay-logo_edit .logo-size span {
    font-weight: 600;
    display: block;
    padding-right: 5px;
    padding-top: 3px;
}
.overlay-logo_edit .logo-size .btn-minus,
.overlay-logo_edit .logo-size .btn-plus {
    display: inline-block;
    position: absolute;
    width: 60px;
    height: 26px;
    text-align: center;
    border: 1px solid #c9c9c9;
    cursor: pointer;
    background-color: #f6f6f6;
    color: #333;
    font-weight: 600;
    font-size: 18px;
}
.overlay-logo_edit .logo-size .btn-minus {
    top: 0;
    left: 0;
}
.overlay-logo_edit .logo-size .btn-plus {
    top: 0;
    right: 0;
}
.overlay-logo_edit .logo-wheel {
    width: 100%;
    padding-bottom: 25px;
    position: relative;
    border-bottom: 1px solid #c9c9c9;
}
.overlay-logo_edit .logo-wheel:after,
.overlay-logo_edit .logo-wheel:before {
    content: "";
    display: table;
}
.overlay-logo_edit .logo-wheel:after {
    clear: both;
}
.overlay-logo_edit .logo-wheel .left,
.overlay-logo_edit .logo-wheel .right {
    float: left;
    width: 50%;
    position: relative;
}
.overlay-logo_edit .logo-wheel span {
    font-weight: 600;
    display: inline-block;
    padding-right: 5px;
    padding-top: 3px;
}
.overlay-logo_edit .logo-wheel .rotationValue {
    border: none;
    display: inline-block;
    background: #f9f9f9;
    width: 40px;
    font-weight: 600;
    color: #333;
}
.overlay-logo_edit .logo-wheel .btn-minus,
.overlay-logo_edit .logo-wheel .btn-plus {
    display: inline-block;
    position: absolute;
    width: 60px;
    height: 26px;
    text-align: center;
    border: 1px solid #c9c9c9;
    cursor: pointer;
    background-color: #f6f6f6;
    color: #333;
    font-weight: 600;
    font-size: 18px;
}
.overlay-logo_edit .logo-wheel .btn-minus {
    top: 0;
    left: 0;
}
.overlay-logo_edit .logo-wheel .btn-plus {
    top: 0;
    right: 0;
}
.overlay-logo_edit .zOrderContainer {
    width: 100%;
    padding-top: 20px;
    margin-bottom: 25px;
    position: relative;
}
.overlay-logo_edit .zOrderContainer:after,
.overlay-logo_edit .zOrderContainer:before {
    content: "";
    display: table;
}
.overlay-logo_edit .zOrderContainer:after {
    clear: both;
}
.overlay-logo_edit .zOrderContainer .left,
.overlay-logo_edit .zOrderContainer .right {
    float: left;
    width: 50%;
    position: relative;
}
.overlay-logo_edit .zOrderContainer span {
    font-weight: 600;
    display: inline-block;
    padding-right: 5px;
    padding-top: 3px;
}
.overlay-logo_edit .zOrderContainer .btn-down,
.overlay-logo_edit .zOrderContainer .btn-up {
    display: inline-block;
    position: absolute;
    width: 60px;
    height: 26px;
    text-align: center;
    border: 1px solid #c9c9c9;
    cursor: pointer;
    background-color: #f6f6f6;
    color: #333;
    font-weight: 600;
    font-size: 18px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 10px 8px;
}
.overlay-logo_edit .zOrderContainer .btn-down.disabled,
.overlay-logo_edit .zOrderContainer .btn-up.disabled {
    opacity: 0.4;
}
.overlay-logo_edit .zOrderContainer .btn-down {
    top: 0;
    left: 0;
    background-image: url("../img/layout/select-arrow.jpg");
}
.overlay-logo_edit .zOrderContainer .btn-up {
    top: 0;
    right: 0;
    background-image: url("../img/layout/select-arrow.jpg");
    transform: scaleY(-1);
}
.overlay-logo_edit .logo-clampToColor {
    width: 100%;
    margin-bottom: 25px;
    position: relative;
}
.overlay-logo_edit .logo-clampToColor:after,
.overlay-logo_edit .logo-clampToColor:before {
    content: "";
    display: table;
}
.overlay-logo_edit .logo-clampToColor:after {
    clear: both;
}
.overlay-logo_edit .logo-clampToColor .left,
.overlay-logo_edit .logo-clampToColor .right {
    float: left;
    width: 50%;
    position: relative;
}
.overlay-logo_edit .logo-clampToColor span {
    font-weight: 600;
    display: inline-block;
    padding-right: 5px;
    padding-top: 3px;
}
.overlay-logo_edit .pinned {
    width: 100%;
    margin-bottom: 12px;
    position: relative;
}
.overlay-logo_edit .pinned:after,
.overlay-logo_edit .pinned:before {
    content: "";
    display: table;
}
.overlay-logo_edit .pinned:after {
    clear: both;
}
.overlay-logo_edit .pinned .left,
.overlay-logo_edit .pinned .right {
    float: left;
    width: 50%;
}
.overlay-logo_edit .pinned span {
    font-weight: 600;
    padding-right: 5px;
    padding-top: 3px;
}
.overlay-logo_edit .pinned .round {
    position: relative;
}
.overlay-logo_edit .pinned .round label {
    border: 1px solid #c9c9c9;
    cursor: pointer;
    background-color: #f6f6f6;
    border-radius: 50%;
    height: 20px;
    left: 0;
    position: absolute;
    top: 0;
    width: 20px;
}
.overlay-logo_edit .pinned .round label.active {
    background: url("../img/layout/haken-gruen-ohne.svg") no-repeat center;
    background-size: 34px 34px;
}
.overlay-logo_edit .pinned .round input[type="checkbox"] {
    visibility: hidden;
}
.overlay-logo-upload {
    position: absolute;
    top: 0;
    left: -770px;
    width: 1120px;
    background-color: #f9f9f9;
    padding: 0;
    z-index: 9999;
    visibility: hidden;
    opacity: 0;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-box-shadow: 0 0 10px #c2c2c2;
    -moz-box-shadow: 0 0 10px #c2c2c2;
    box-shadow: 0 0 10px #c2c2c2;
}
@media screen and (max-width: 1100px) {
    .overlay-logo-upload {
        left: -230px;
        width: 580px;
    }
}
@media screen and (max-width: 980px) {
    .overlay-logo-upload {
        left: 0;
        width: 350px;
    }
}
.overlay-logo-upload.active {
    visibility: visible;
    opacity: 1;
}
.overlay-logo-upload .logo-upload-header {
    padding: 30px 25px 35px 25px;
    background: #fff;
}
.overlay-logo-upload .logo-upload-header h2 {
    font-size: 20px;
    margin-bottom: 30px;
    color: #000;
    position: relative;
    display: inline-block;
}
.overlay-logo-upload .logo-upload-header h2:after {
    content: "";
    position: absolute;
    right: -40px;
    top: -6px;
    background: url("../img/layout/bibliothek.svg") no-repeat 0 center;
    background-size: 30px 30px;
    width: 30px;
    height: 30px;
}
.overlay-logo-upload .logo-upload-header #logoUpload {
    border: none;
    width: 100%;
    height: 100%;
    text-align: center;
    padding: 0;
    opacity: 0;
}
.overlay-logo-upload .logo-upload-header #logo-upload-container {
    position: relative;
    border: 1px solid #ccc;
    width: 300px;
    height: 60px;
    margin-right: 40px;
    float: left;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: 20px center;
    background-size: 28px;
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMy4wLjQsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iRWJlbmVfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCAxMDAgMTAwIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxMDAgMTAwOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbDpub25lO3N0cm9rZTojMzMzMzMzO3N0cm9rZS13aWR0aDo3LjY4MzI7c3Ryb2tlLWxpbmVjYXA6c3F1YXJlO3N0cm9rZS1taXRlcmxpbWl0OjEwO30NCjwvc3R5bGU+DQo8Zz4NCgk8Zz4NCgkJPGc+DQoJCQk8bGluZSBjbGFzcz0ic3QwIiB4MT0iNTAiIHkxPSI4NC43IiB4Mj0iNTAiIHkyPSIxNS4zIi8+DQoJCTwvZz4NCgk8L2c+DQoJPGc+DQoJCTxnPg0KCQkJPGxpbmUgY2xhc3M9InN0MCIgeDE9IjE1LjMiIHkxPSI1MCIgeDI9Ijg0LjciIHkyPSI1MCIvPg0KCQk8L2c+DQoJPC9nPg0KPC9nPg0KPC9zdmc+DQo=");
}
.overlay-logo-upload .logo-upload-header #logo-upload-container label {
    position: absolute;
    font-size: 14px;
    font-family: owayoFont, Arial, Helvetica, Verdana, Helvetica, sans-serif;
    left: 70px;
    top: 20px;
    color: #333;
}
.overlay-logo-upload .logo-upload-header #logoOwayoUpload {
    border: 1px solid #ccc;
    width: 300px;
    height: 60px;
    text-align: center;
    margin-right: 40px;
    font-size: 15px;
    padding: 10px 30px;
    float: left;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: 25px center;
    background-size: 35px;
    background-image: url("../img/layout/logopool_stage.svg");
}
.overlay-logo-upload .logo-upload-header #logoOwayoUpload span {
    display: block;
    font-family: owayoFont, Arial, Helvetica, Verdana, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 19px;
    color: #333;
}
@media screen and (max-width: 1100px) {
    .overlay-logo-upload .logo-upload-header #logoOwayoUpload {
        margin-top: 25px;
    }
}
.overlay-logo-upload .logo-upload-header .logo-sort {
    margin-bottom: 12px;
    position: relative;
    width: 400px;
    padding-left: 50px;
    float: left;
}
.overlay-logo-upload .logo-upload-header .logo-sort:after,
.overlay-logo-upload .logo-upload-header .logo-sort:before {
    content: "";
    display: table;
}
.overlay-logo-upload .logo-upload-header .logo-sort:after {
    clear: both;
}
.overlay-logo-upload .logo-upload-header .logo-sort .row {
    margin-bottom: 10px;
}
.overlay-logo-upload .logo-upload-header .logo-sort .left {
    width: 35px;
    float: left;
}
.overlay-logo-upload .logo-upload-header .logo-sort .right {
    float: left;
    width: calc(100% - 35px);
}
.overlay-logo-upload .logo-upload-header .logo-sort span {
    font-weight: 600;
}
.overlay-logo-upload .logo-upload-header .logo-sort .round {
    position: relative;
}
.overlay-logo-upload .logo-upload-header .logo-sort .round label {
    border: 1px solid #c9c9c9;
    cursor: pointer;
    background-color: #f6f6f6;
    border-radius: 50%;
    height: 20px;
    left: 0;
    position: absolute;
    top: 0;
    width: 20px;
}
.overlay-logo-upload .logo-upload-header .logo-sort .round label.active {
    background: url("../img/layout/haken-gruen-ohne.svg") no-repeat center;
    background-size: 34px 34px;
}
.overlay-logo-upload .logo-upload-header .logo-sort .round input[type="checkbox"] {
    visibility: hidden;
}
.overlay-logo-upload .logo-upload-content {
    border-top: 1px solid #ccc;
    padding: 20px 25px 25px 25px;
    height: 490px;
    overflow-y: scroll;
    position: relative;
}
.overlay-logo-upload .logo-upload-content .intro {
    text-align: center;
    margin-bottom: 30px;
}
.overlay-logo-upload .logo-upload-content .intro span {
    display: inline-block;
    width: 25px;
    height: 25px;
    background: url("../img/layout/logo-uebernehmen.svg") no-repeat center;
    background-size: contain;
    position: relative;
    margin-bottom: -5px;
}
.overlay-logo-upload .logo-upload-content .search-logo-box {
    top: 25px;
    right: 40px;
}
.overlay-logo-upload .logo-upload-content .logo-date-row {
    width: 100%;
    position: relative;
    margin-bottom: 20px;
}
.overlay-logo-upload .logo-upload-content .logo-date-row:after,
.overlay-logo-upload .logo-upload-content .logo-date-row:before {
    content: "";
    display: table;
}
.overlay-logo-upload .logo-upload-content .logo-date-row:after {
    clear: both;
}
.overlay-logo-upload .logo-upload-content .logo-date-row h3 {
    font-weight: 600;
    margin-bottom: 10px;
}
.overlay-logo-upload .logo-upload-content .logo-date-row .logo-box {
    padding-right: 25px;
    padding-left: 0;
}
.overlay-owayo-logopool,
.overlay-owayo-logopool_choice,
.overlay-owayo-logopool_searchresults {
    position: absolute;
    top: -85px;
    left: -770px;
    width: 1120px;
    background-color: #f9f9f9;
    padding: 0;
    z-index: 9999;
    visibility: hidden;
    opacity: 0;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-box-shadow: 0 0 10px #c2c2c2;
    -moz-box-shadow: 0 0 10px #c2c2c2;
    box-shadow: 0 0 10px #c2c2c2;
}
.active.overlay-owayo-logopool_choice,
.active.overlay-owayo-logopool_searchresults,
.overlay-owayo-logopool.active {
    visibility: visible;
    opacity: 1;
}
@media screen and (max-width: 1100px) {
    .overlay-owayo-logopool,
    .overlay-owayo-logopool_choice,
    .overlay-owayo-logopool_searchresults {
        left: -230px;
        width: 580px;
    }
}
@media screen and (max-width: 980px) {
    .overlay-owayo-logopool,
    .overlay-owayo-logopool_choice,
    .overlay-owayo-logopool_searchresults {
        left: 0;
        width: 350px;
    }
}
.overlay-owayo-logopool .logo-upload-header,
.overlay-owayo-logopool_choice .logo-upload-header,
.overlay-owayo-logopool_searchresults .logo-upload-header {
    padding: 30px 25px 0 25px;
    background: #fff;
}
.overlay-owayo-logopool .logo-upload-header h2,
.overlay-owayo-logopool_choice .logo-upload-header h2,
.overlay-owayo-logopool_searchresults .logo-upload-header h2 {
    font-size: 20px;
    margin-bottom: 30px;
    color: #000;
    position: relative;
    display: inline-block;
}
.overlay-owayo-logopool .logo-upload-header h2:after,
.overlay-owayo-logopool_choice .logo-upload-header h2:after,
.overlay-owayo-logopool_searchresults .logo-upload-header h2:after {
    content: "";
    position: absolute;
    right: -40px;
    top: -5px;
    background-image: url("../img/layout/logopool_stage.svg");
    background-repeat: no-repeat;
    background-position: 0 center;
    background-size: 30px 30px;
    width: 30px;
    height: 30px;
}
.overlay-owayo-logopool .logo-upload-meta,
.overlay-owayo-logopool_choice .logo-upload-meta,
.overlay-owayo-logopool_searchresults .logo-upload-meta {
    border-top: 1px solid #ccc;
    position: relative;
    width: 100%;
    height: 55px;
}
@media screen and (max-width: 1100px) {
    .overlay-owayo-logopool .logo-upload-meta,
    .overlay-owayo-logopool_choice .logo-upload-meta,
    .overlay-owayo-logopool_searchresults .logo-upload-meta {
        height: 100px;
    }
}
.overlay-owayo-logopool .logo-upload-meta .btn-back,
.overlay-owayo-logopool_choice .logo-upload-meta .btn-back,
.overlay-owayo-logopool_searchresults .logo-upload-meta .btn-back {
    left: 25px;
    top: 15px;
    z-index: 99;
}
.overlay-owayo-logopool .logo-upload-meta .intro,
.overlay-owayo-logopool_choice .logo-upload-meta .intro,
.overlay-owayo-logopool_searchresults .logo-upload-meta .intro {
    text-align: center;
    padding-top: 20px;
    display: block;
}
.overlay-owayo-logopool .logo-upload-meta .intro span,
.overlay-owayo-logopool_choice .logo-upload-meta .intro span,
.overlay-owayo-logopool_searchresults .logo-upload-meta .intro span {
    display: inline-block;
    width: 25px;
    height: 25px;
    background: url("../img/layout/logo_bibliothek.svg") no-repeat center;
    background-size: contain;
    position: relative;
    margin-bottom: -5px;
}
.overlay-owayo-logopool .logo-upload-meta .search-logo-box,
.overlay-owayo-logopool_choice .logo-upload-meta .search-logo-box,
.overlay-owayo-logopool_searchresults .logo-upload-meta .search-logo-box {
    top: 18px;
    right: 40px;
}
.overlay-owayo-logopool .logo-upload-content,
.overlay-owayo-logopool_choice .logo-upload-content,
.overlay-owayo-logopool_searchresults .logo-upload-content {
    padding: 15px 25px 25px 25px;
    height: 583px;
    overflow-y: scroll;
    position: relative;
}
.overlay-owayo-logopool .logo-upload-content .logo-pool,
.overlay-owayo-logopool_choice .logo-upload-content .logo-pool,
.overlay-owayo-logopool_searchresults .logo-upload-content .logo-pool {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
.overlay-owayo-logopool .logo-upload-content .logo-pool .logo-box,
.overlay-owayo-logopool_choice .logo-upload-content .logo-pool .logo-box,
.overlay-owayo-logopool_searchresults .logo-upload-content .logo-pool .logo-box {
    padding-left: 0;
    margin-right: 50px;
    margin-bottom: 60px;
    width: 150px;
    height: 150px;
    border: 1px solid #ccc;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    background: #fff;
    cursor: pointer;
}
@media screen and (max-width: 1100px) {
    .overlay-owayo-logopool .logo-upload-content .logo-pool .logo-box,
    .overlay-owayo-logopool_choice .logo-upload-content .logo-pool .logo-box,
    .overlay-owayo-logopool_searchresults .logo-upload-content .logo-pool .logo-box {
        width: 100px;
        height: 100px;
    }
}
.overlay-owayo-logopool .logo-upload-content .logo-pool .logo-box .logo-box-image-owayo,
.overlay-owayo-logopool_choice .logo-upload-content .logo-pool .logo-box .logo-box-image-owayo,
.overlay-owayo-logopool_searchresults .logo-upload-content .logo-pool .logo-box .logo-box-image-owayo {
    max-width: 100px;
    max-height: 100px;
}
.overlay-owayo-logopool .logo-upload-content .logo-pool .logo-box span,
.overlay-owayo-logopool_choice .logo-upload-content .logo-pool .logo-box span,
.overlay-owayo-logopool_searchresults .logo-upload-content .logo-pool .logo-box span {
    display: block;
    position: absolute;
    top: 160px;
    font-weight: 500;
}
@media screen and (max-width: 1100px) {
    .overlay-owayo-logopool .logo-upload-content .logo-pool .logo-box span,
    .overlay-owayo-logopool_choice .logo-upload-content .logo-pool .logo-box span,
    .overlay-owayo-logopool_searchresults .logo-upload-content .logo-pool .logo-box span {
        top: 110px;
    }
}
.overlay-owayo-logopool .logo-upload-content .logo-pool .logo-box.bg-transparent,
.overlay-owayo-logopool_choice .logo-upload-content .logo-pool .logo-box.bg-transparent,
.overlay-owayo-logopool_searchresults .logo-upload-content .logo-pool .logo-box.bg-transparent {
    background: linear-gradient(45deg, rgba(0, 0, 0, 0.09804) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0.09804) 75%, rgba(0, 0, 0, 0.09804) 0),
        linear-gradient(45deg, rgba(0, 0, 0, 0.09804) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0.09804) 75%, rgba(0, 0, 0, 0.09804) 0), #fff;
    background-repeat: repeat, repeat;
    background-position: 0 0, 3px 3px;
    -webkit-transform-origin: 0 0 0;
    transform-origin: 0 0 0;
    -webkit-background-origin: padding-box, padding-box;
    background-origin: padding-box, padding-box;
    -webkit-background-clip: border-box, border-box;
    background-clip: border-box, border-box;
    -webkit-background-size: 6px 6px, 6px 6px;
    background-size: 6px 6px, 6px 6px;
    -webkit-box-shadow: none;
    box-shadow: none;
    text-shadow: none;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none;
    -webkit-transform: scaleX(1) scaleY(1) scaleZ(1);
    transform: scaleX(1) scaleY(1) scaleZ(1);
}
.overlay-owayo-logopool_choice .logo-upload-meta .intro {
    padding-top: 15px;
    padding-left: 40px;
}
.overlay-owayo-logopool_choice .logo-upload-content .logo-pool .logo-box .box-wrapper span {
    display: block;
    background: url(../img/layout/logo_bibliothek.svg) no-repeat center 0;
    background-size: 25px;
    width: 21px;
    height: 21px;
    cursor: pointer;
    left: 0;
    width: 100%;
    padding-right: 30px;
}
.overlay-owayo-logopool_choice .logo-upload-content .logo-pool .logo-box .box-wrapper span.filled-logoname {
    background: url(../img/layout/logo_bibliothek.svg) no-repeat 98% -5px;
}
@media screen and (max-width: 1100px) {
    .overlay-owayo-logopool_choice .logo-upload-content .logo-pool .logo-box .box-wrapper span {
        top: 110px;
    }
}
.overlay-owayo-logopool_choice .logo-upload-content .logo-pool.bg-grey-logo .logo-box {
    background: #efedee;
}
.overlay-owayo-logopool_searchresults .logo-upload-content .logo-pool .logo-box .box-wrapper span {
    display: block;
    background: url(../img/layout/logo_bibliothek.svg) no-repeat center 0;
    background-size: 25px;
    width: 21px;
    height: 21px;
    cursor: pointer;
    left: 0;
    width: 100%;
    padding-right: 30px;
}
@media screen and (max-width: 1100px) {
    .overlay-owayo-logopool_searchresults .logo-upload-content .logo-pool .logo-box .box-wrapper span {
        top: 110px;
    }
}
#logo .logoListe {
    padding: 12px 15px;
}
#logo .logoListe span {
    margin: 0;
    padding-top: 0;
    padding-bottom: 0;
    border: 1px solid #d3d3d3;
    position: relative;
    width: 74px;
    height: 74px;
    padding: 10px;
    margin-right: 8px;
    margin-bottom: 8px;
    display: table-cell;
    float: left;
    overflow: hidden;
}
#logo .logoListe span img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    vertical-align: middle;
}
#logo .logoListe span:last-child {
    margin-right: 0;
}
#logo .logoListe .owayoUpload {
    background: url("../img/layout/haeckchen.svg") no-repeat right top;
    background-size: 20px 25px;
}
#logo #openLogomanager {
    position: absolute;
    bottom: 1px;
    right: 0;
    background: #ececec;
    padding: 8px;
    z-index: 10;
}
.logoDelete {
    display: block;
}
.logoListe button.logoDelete {
    position: absolute;
    left: 0;
    bottom: 0;
    background: #f0f0f0;
    border: 0;
}
.logo-preview {
    width: 100%;
    margin-bottom: 20px;
}
.logo-wasserzeichen .left,
.logo-wasserzeichen .right {
    width: 50%;
    float: left;
    margin-bottom: 5px;
}
.logo-wasserzeichen .wasserzeichen-intensity input,
.logo-wasserzeichen .wasserzeichen-intensity span {
    float: left;
    width: 50%;
}
.logo-wasserzeichen .wasserzeichen-intensity input {
    background: none repeat scroll 0 0 #ececec;
    border: medium none;
    color: rgba(86, 86, 86, 0.45);
    padding: 10px;
}
.logoListeBig .row {
    margin-bottom: 10px;
}
.logoListeBig span {
    float: left;
    width: 18%;
    height: 100px;
    margin-right: 2%;
    padding: 2%;
    border: 2px dotted #d3d3d3;
    display: table-cell;
    vertical-align: middle;
}
.logoListeBig span img {
    display: table-cell;
    vertical-align: middle;
}
#logoVorschau img {
    width: 100%;
    padding: 0 5%;
}
#logoVorschau p {
    text-align: center;
    margin-top: 20px;
}
.logothumbnail {
    max-width: 100%;
    max-height: 100%;
}
#logoListPanel {
    position: relative;
}
#logoListPanel .box-content {
    max-height: 350px;
}
.logo-floating {
    display: none;
}
#logo-active .box .box-content {
    overflow-y: scroll;
}
.confirmLogoDeletion #userInteractionButton1 {
    float: left;
}
.confirmLogoDeletion #userInteractionButton0 {
    float: right;
}
.logo-additionaloptions label {
    height: 10px !important;
}
.logo-additionaloptions {
    font-size: 10px;
}
.wasserzeichen-intensity input.logoWasserzeichenIntensityValue {
    background: #fff;
    margin-top: -5px;
}
.ajax-upload-dragdrop {
    border: 1px solid #ccc;
    width: 300px;
    height: 60px;
    text-align: center;
    background: #fff;
    margin-right: 40px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    float: left;
}
.ajax-upload-dragdrop {
    padding: 0;
}
.ajax-file-upload {
    width: 360px;
    height: 60px;
}
.ajax-file-upload .btn-text {
    display: table-cell;
    vertical-align: middle;
    height: 60px;
    width: 360px;
}
.ajax-file-upload-statusbar .ajax-file-upload-abort,
.ajax-file-upload-statusbar .ajax-file-upload-filename {
    display: none;
}
.ajax-file-upload-statusbar .ajax-file-upload-progress {
    margin-left: 400px;
    height: 30px;
    background: #a9a9a9;
    width: 400px;
    border-radius: 10px;
}
.ajax-file-upload-statusbar .ajax-file-upload-progress .ajax-file-upload-bar {
    height: 100%;
    text-align: center;
    background: green;
    color: #fff;
    display: block;
    padding-top: 7px;
    border-radius: 10px;
}
.ajax-file-upload-statusbar .ajax-file-upload-progress .ajax-file-upload-bar:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0));
    z-index: 1;
    background-size: 50px 50px;
    animation: move 2s linear infinite;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    overflow: hidden;
}
.search-logo-box {
    position: absolute;
    width: 200px;
}
@media screen and (max-width: 1100px) {
    .search-logo-box {
        position: relative;
        margin: 20px auto 0 auto;
        top: 0 !important;
        right: 0 !important;
    }
}
.search-logo-box .lsearch {
    border: none;
    border-bottom: 1px solid #000;
    width: 100%;
    position: relative;
    background-color: #f9f9f9;
    padding: 3px 5px;
    font-size: 13px;
    background-image: url("../img/layout/search_lupe.svg");
    background-position: right -2px;
    background-repeat: no-repeat;
    background-size: 25px;
}
.search-logo-box .btn_logosearch {
    position: absolute;
    width: 25px;
    height: 25px;
    background: url("../img/layout/search_lupe.svg") no-repeat center;
    background-size: contain;
    right: 0;
    top: -3px;
    border: none;
    z-index: 99;
    cursor: pointer;
    display: none;
}
.logopool-cat-title {
    padding-left: 45px;
    color: #000;
    display: inline-block;
    font-size: 20px;
}
.no-results {
    padding-top: 20px;
    text-align: center;
    position: absolute;
    top: 5px;
    width: 100%;
    display: none;
}
.no-results.active {
    display: block;
}
input[type="search"]::-ms-clear {
    display: none;
    width: 0;
    height: 0;
}
input[type="search"]::-ms-reveal {
    display: none;
    width: 0;
    height: 0;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
    display: none;
}
.buttonsBig {
    margin-bottom: 50px;
    width: 350px;
}
.buttonsBig a {
    float: left;
    width: 70px;
    display: block;
    text-align: center;
}
.buttonsBig a .btn-wrapper {
    width: 70px;
    height: 40px;
    background: #f6f6f6;
    -webkit-box-shadow: 0 0 2px #c2c2c2;
    -moz-box-shadow: 0 0 2px #c2c2c2;
    box-shadow: 0 0 2px #c2c2c2;
    display: block;
    border-top: 1px solid #cbcbcb;
    border-bottom: 1px solid #cbcbcb;
    border-right: 1px solid #cbcbcb;
}
.buttonsBig a .btn-wrapper:hover {
    background: #e9e9e9;
}
.buttonsBig a img {
    width: 70px;
    height: 40px;
    padding: 7px;
}
.buttonsBig a span {
    display: block;
    font-size: 12px;
    padding-top: 8px;
    line-height: 15px;
}
.buttonsBig a:nth-child(1) .btn-wrapper {
    border-left: 1px solid #cbcbcb;
}
.buttonsBig a:nth-child(2) img {
    padding: 2px;
}
.pricePreview {
    position: relative;
}
.pricePreview .priceMenge span {
    display: inline-block;
    height: 25px;
    position: relative;
    top: 2px;
}
.pricePreview .priceMenge .quantity {
    position: relative;
    height: 25px;
    display: inline-block;
    margin-left: 10px;
    width: 100px;
}
.pricePreview .priceMenge .quantity:after {
    content: ".";
    visibility: hidden;
    display: block;
    height: 0;
    clear: both;
}
.pricePreview .preiszusatz,
.pricePreview .productPreis {
    max-width: 200px;
}
.pricePreview #ProduktPreis {
    display: inline-block;
    font-size: 18px;
    font-weight: 600;
    padding-top: 12px;
}
.pricePreview #preisanzeige_proMengenbezeichner {
    display: inline-block;
    font-size: 14px;
    padding-top: 12px;
}
.pricePreview .PreisZusatzText {
    font-style: italic;
    font-size: 12px;
    padding-top: 10px;
    display: block;
}
.pricePreview ul {
    margin-bottom: 8px;
}
.pricePreview .icon-small-btn {
    float: left;
    width: 50%;
}
.pricePreview a {
    color: #a3a3a3;
    text-decoration: underline;
}
.buttonWarenkorb {
    padding-top: 5px;
    position: absolute;
    right: 0;
    top: -10px;
}
.buttonWarenkorb #dateneingabe {
    width: 150px;
    color: #fff;
    padding: 10px 15px;
    text-decoration: none;
}
.buttonWarenkorb #dateneingabe:hover {
    background: #005677;
    color: #fff;
}
.buttonWarenkorb #btnChangeWarenkorbItem {
    width: 150px;
    color: #fff;
    padding: 10px 15px;
}
.buttonWarenkorb #btnRefuseWarenkorbItem {
    width: 150px;
    padding: 10px 15px;
    border: 1px solid #c9c9c9;
    background-color: #f6f6f6;
    color: #333;
    margin-left: 10px;
    margin-right: 30px;
}
.preiszusatz-mitlink {
    max-width: 200px;
}
.quantity input {
    width: 45px;
    position: absolute;
    line-height: 1.65;
    display: block;
    margin: 0;
    padding: 0 0 0 20px;
    border: 1px solid #cbcbcb;
    top: 0;
    right: 40px;
}
.quantity input:focus {
    outline: 0;
}
.quantity-nav {
    margin-left: 10px;
    position: absolute;
    top: 0;
    right: 0;
    display: none;
}
.quantity-button {
    border: 1px solid #cbcbcb;
    padding-top: 3px;
    height: 25px;
    position: absolute;
    cursor: pointer;
    border-left: none;
    width: 20px;
    text-align: center;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 20px;
}
.quantity-button.quantity-down {
    right: 20px;
    background-image: url("../img/layout/mengenpfeil_weniger.svg");
    font: 0/0 a;
    text-shadow: none;
    color: transparent;
}
.quantity-button.quantity-up {
    right: 0;
    background-image: url("../img/layout/mengenpfeil_mehr.svg");
    font: 0/0 a;
    text-shadow: none;
    color: transparent;
}
#showComment .comments {
    position: relative;
    padding: 12px 15px;
}
#showComment h2 {
    margin-bottom: 5px;
}
#showComment #commentTextArea {
    width: 100%;
    background: #fff;
    border: none;
    margin-bottom: 10px;
}
.leaveComment {
    border: 5px #000 solid;
}
.commentBox {
    background-color: red;
    padding: 10px;
}
#showHideComments {
    background: #fff;
    width: 250px;
    height: auto;
    position: absolute;
    top: 10px;
    right: 10px;
    -webkit-box-shadow: 0 1px 10px #c2c2c2;
    -moz-box-shadow: 0 1px 10px #c2c2c2;
    box-shadow: 0 1px 10px #c2c2c2;
    display: none;
    z-index: 999;
}
.toggleComments {
    width: 20px;
    height: 20px;
    background-color: #d3d3d3;
}
.commentsDisabledPic {
    width: 20px;
    height: 20px;
}
.commentsVisible .commentsDisabledPic {
    display: none;
}
#numberOfComments {
    color: red;
    position: absolute;
    top: 11px;
    right: 29px;
}
#saveDraftComment_popup {
    background-color: #fff;
}
.commentBoxVisibleOnTop {
    z-index: 100;
}
.commentTime {
    color: #fff;
    font-weight: bolder;
    border-bottom: 2px solid #fff;
    margin-bottom: 15px;
}
.commentMessage {
    max-height: 300px;
    overflow-y: auto;
}
.leaveComment {
    z-index: 20000;
}
#showHideComments .wrapper-options .disabled span {
    color: #696969;
}
.draftHasComments {
    background: url(https://static.owayo-cdn.com/konfigurator_html/img/Kommentar_Icon.png) no-repeat top right;
    background-size: 25px 25px;
    background-position-x: 20px;
}
#variantenListPanel img {
    cursor: pointer;
    width: 40%;
    border: 1px solid #efefef;
    margin: 5%;
}
#variantenSwiperHeading {
    font-size: x-large;
    width: 100%;
    text-align: center;
    padding: 20px 0;
}
#varianten.active {
    height: 100%;
}
.varianteLoading.variantenListe {
    width: 45%;
    height: 100px;
    margin: 5px;
    border: 2px outset #a9a9a9;
    border-collapse: collapse;
    float: left;
}
#individualisieren .box .box-content {
    overflow-y: scroll;
    padding: 20px;
}
#individualisieren label {
    padding-top: 0.5em;
    font-size: larger;
}
#individualisieren .individualisieren-zeilenlabel {
    padding-right: 1em;
    font-size: 13px;
}
#individualisieren .individualisieren-textobject {
    margin-bottom: 10px;
}
#individualisieren .individualisieren-hideifnotboth {
    margin-top: 25px;
    margin-bottom: 25px;
}
#individualisieren .individualisieren-logo {
    min-height: 60px;
    display: flex;
    justify-content: space-between;
}
#individualisieren .ajax-file-upload-statusbar {
    display: none;
}
#individualisieren .ajax-upload-dragdrop {
    background: #d3d3d3;
    border: 1px solid #000;
    height: 50%;
    width: 20%;
    margin-left: 10px;
    top: 15px;
}
#individualisieren .ajax-upload-dragdrop div:last-child {
    padding-top: 0;
}
#individualisieren .ajax-upload-dragdrop div {
    color: #000;
}
#individualisieren .individualisieren-logo-button-container {
    width: 30%;
    height: 100%;
    position: relative;
}
#individualisieren .individualisieren-logo-button-container label {
    display: block;
    background: #efefef;
    text-align: center;
    padding: 0.5em;
    border: 1px solid #c9c9c9;
    font-size: 13px;
}
#individualisieren .individualisieren-logo-button-container input {
    opacity: 0;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
}
#individualisieren .individualisieren-logocontainer {
    position: relative;
    width: 80px;
}
#individualisieren .individualisieren-logocontainer .individualisieren-wappen {
    padding-right: 15px;
}
#individualisieren .individualisieren-logocontainer .btn-delete-popup {
    position: absolute;
    top: 10px;
    right: -5px;
}
#individualisieren .nologorepresentation {
    width: 100%;
    height: 50px;
    position: relative;
    background: linear-gradient(to top left, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) calc(50% - 2px), red 50%, rgba(0, 0, 0, 0) calc(50% + 2px), rgba(0, 0, 0, 0) 100%);
}
#individualisieren .nologo {
    display: none;
    background-color: #f3f3f3;
}
#individualisieren img {
    width: 100%;
    max-width: 75px;
    max-height: 75px;
}
#individualisieren ::after {
    clear: both;
}
#individualisieren #individualisieren-texte .individualisieren-text-input {
    display: block;
    width: calc(100% - 80px);
    border: 1px solid #cacaca;
    background: #fff;
    padding: 8px;
}
#individualisieren #flaggenSelector {
    padding: 7px;
    width: calc(100% - 80px);
}
@media screen and (max-width: 550px) {
    #sizesTablePopup .size-owayo h3 {
        margin-bottom: 80px;
    }
}
.wrapper-masseinheiten {
    position: absolute;
    right: 80px;
    top: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    background-clip: padding-box;
    background: #333;
    text-align: left;
    width: 63px;
    height: 26px;
    border: 3px solid #333;
}
@media screen and (max-width: 550px) {
    .wrapper-masseinheiten {
        left: 80px;
        right: auto;
        top: 100px;
    }
}
.wrapper-masseinheiten .masseinheiten_switcher {
    display: inline-block;
    color: #333;
    padding: 5px;
    cursor: pointer;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    background-clip: padding-box;
    width: 20px;
    height: 20px;
    text-align: center;
    position: absolute;
    top: 0;
}
.wrapper-masseinheiten .masseinheiten_switcher.masseinheit_button_cm {
    right: 0;
}
.wrapper-masseinheiten .masseinheiten_switcher.masseinheit_button_cm > span {
    right: -70px;
    position: absolute;
    color: #333;
    display: block;
    z-index: 99;
    font-size: 16px;
    font-weight: 600;
    top: -1px;
}
.wrapper-masseinheiten .masseinheiten_switcher.masseinheit_button_inches {
    left: 0;
}
.wrapper-masseinheiten .masseinheiten_switcher.masseinheit_button_inches > span {
    left: -40px;
    position: absolute;
    color: #333;
    display: block;
    z-index: 99;
    font-size: 16px;
    font-weight: 600;
    top: -1px;
}
.wrapper-masseinheiten .masseinheiten_switcher.active {
    background-color: #fff;
    color: #000;
}
.es .wrapper-masseinheiten {
    right: 100px;
}
.es .wrapper-masseinheiten .masseinheiten_switcher.masseinheit_button_cm > span {
    right: -50px;
}
.es .wrapper-masseinheiten .masseinheiten_switcher.masseinheit_button_inches > span {
    left: -85px;
}
.de .wrapper-masseinheiten .masseinheiten_switcher.masseinheit_button_cm > span {
    right: -40px;
}
.fr .wrapper-masseinheiten .masseinheiten_switcher.masseinheit_button_cm > span {
    right: -40px;
}
.fr .wrapper-masseinheiten .masseinheiten_switcher.masseinheit_button_inches > span {
    left: -70px;
}
.nl .wrapper-masseinheiten .masseinheiten_switcher.masseinheit_button_cm > span {
    right: -40px;
}
.nl .wrapper-masseinheiten .masseinheiten_switcher.masseinheit_button_inches > span {
    left: -70px;
}
.it .wrapper-masseinheiten .masseinheiten_switcher.masseinheit_button_cm > span {
    right: -40px;
}
.it .wrapper-masseinheiten .masseinheiten_switcher.masseinheit_button_inches > span {
    left: -62px;
}
.sizesTable a {
    text-decoration: underline;
}
#userInteractionPopup.sizesTable {
    min-width: 800px;
    max-height: 700px;
    height: auto;
}
.mfp-bg {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999999;
    overflow: hidden;
    position: fixed;
    background: #0b0b0b;
    opacity: 0.15;
}
.mfp-wrap {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999991;
    position: fixed;
    outline: 0 !important;
    -webkit-backface-visibility: hidden;
}
@media screen and (max-width: 600px) {
    .mfp-wrap {
        top: 0 !important;
    }
}
.mfp-container {
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: 0 8px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.mfp-container:before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}
.mfp-align-top .mfp-container:before {
    display: none;
}
.mfp-content {
    position: relative;
    display: inline-block;
    margin: 0 auto;
    text-align: left;
    z-index: 9999992;
    vertical-align: top;
}
.mfp-ajax-holder .mfp-content,
.mfp-inline-holder .mfp-content {
    width: 100%;
    cursor: auto;
}
.mfp-ajax-cur {
    cursor: progress;
}
.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: -moz-zoom-out;
    cursor: -webkit-zoom-out;
    cursor: zoom-out;
}
.mfp-zoom {
    cursor: pointer;
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in;
}
.mfp-auto-cursor .mfp-content {
    cursor: auto;
}
.mfp-arrow,
.mfp-close,
.mfp-counter,
.mfp-preloader {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}
.mfp-loading.mfp-figure {
    display: none;
}
.mfp-hide {
    display: none !important;
}
.mfp-preloader {
    color: #ccc;
    position: absolute;
    top: 50%;
    width: auto;
    text-align: center;
    margin-top: -0.8em;
    left: 8px;
    right: 8px;
    z-index: 1044;
}
.mfp-preloader a {
    color: #ccc;
}
.mfp-preloader a:hover {
    color: #fff;
}
.mfp-s-ready .mfp-preloader {
    display: none;
}
.mfp-s-error .mfp-content {
    display: none;
}
button.mfp-arrow,
button.mfp-close {
    overflow: visible;
    cursor: pointer;
    background: 0 0;
    border: 0;
    -webkit-appearance: none;
    display: block;
    outline: 0;
    padding: 0;
    z-index: 1046;
    -webkit-box-shadow: none;
    box-shadow: none;
    position: absolute;
    right: 10px;
    top: 10px;
    width: 25px;
    height: 25px;
    background: url("../img/layout/schliessen.svg") no-repeat 0 0;
    background-size: 25px auto;
    font: 0/0 a;
    text-shadow: none;
    color: transparent;
}
button::-moz-focus-inner {
    padding: 0;
    border: 0;
}
.mfp-close {
    width: 44px;
    height: 44px;
    line-height: 44px;
    position: absolute;
    right: 0;
    top: 0;
    text-decoration: none;
    text-align: center;
    padding: 0 0 18px 10px;
    color: #fff;
    font-style: normal;
    font-size: 28px;
    font-family: Arial, Baskerville, monospace;
}
.mfp-close-btn-in .mfp-close {
    color: #333;
}
.mfp-iframe-holder .mfp-close,
.mfp-image-holder .mfp-close {
    color: #fff;
    right: -6px;
    text-align: right;
    padding-right: 6px;
    width: 100%;
}
.mfp-counter {
    position: absolute;
    top: 0;
    right: 0;
    color: #ccc;
    font-size: 12px;
    line-height: 18px;
    white-space: nowrap;
}
.mfp-arrow {
    position: absolute;
    opacity: 0.65;
    margin: 0;
    top: 50%;
    margin-top: -55px;
    padding: 0;
    width: 90px;
    height: 110px;
    -webkit-tap-highlight-color: transparent;
}
.mfp-arrow:active {
    margin-top: -54px;
}
.mfp-arrow:focus,
.mfp-arrow:hover {
    opacity: 1;
}
.mfp-arrow .mfp-a,
.mfp-arrow .mfp-b,
.mfp-arrow:after,
.mfp-arrow:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent;
}
.mfp-arrow .mfp-a,
.mfp-arrow:after {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px;
}
.mfp-arrow .mfp-b,
.mfp-arrow:before {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: 0.7;
}
.mfp-arrow-left {
    left: 0;
}
.mfp-arrow-left .mfp-a,
.mfp-arrow-left:after {
    border-right: 17px solid #fff;
    margin-left: 31px;
}
.mfp-arrow-left .mfp-b,
.mfp-arrow-left:before {
    margin-left: 25px;
    border-right: 27px solid #3f3f3f;
}
.mfp-arrow-right {
    right: 0;
}
.mfp-arrow-right .mfp-a,
.mfp-arrow-right:after {
    border-left: 17px solid #fff;
    margin-left: 39px;
}
.mfp-arrow-right .mfp-b,
.mfp-arrow-right:before {
    border-left: 27px solid #3f3f3f;
}
.mfp-iframe-holder {
    padding-top: 40px;
    padding-bottom: 40px;
}
.mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px;
}
.mfp-iframe-holder .mfp-close {
    top: -40px;
}
.mfp-iframe-scaler {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-top: 56.25%;
}
.mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #000;
}
img.mfp-img {
    width: auto;
    max-width: 100%;
    height: auto;
    display: block;
    line-height: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 40px 0 40px;
    margin: 0 auto;
}
.mfp-figure {
    line-height: 0;
}
.mfp-figure:after {
    content: "";
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #444;
}
.mfp-figure small {
    color: #bdbdbd;
    display: block;
    font-size: 12px;
    line-height: 14px;
}
.mfp-figure figure {
    margin: 0;
}
.mfp-bottom-bar {
    margin-top: -36px;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    cursor: auto;
}
.mfp-title {
    text-align: left;
    line-height: 18px;
    color: #f3f3f3;
    word-wrap: break-word;
    padding-right: 36px;
}
.mfp-image-holder .mfp-content {
    max-width: 100%;
}
.mfp-gallery .mfp-image-holder .mfp-figure {
    cursor: pointer;
}
@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
    .mfp-img-mobile .mfp-image-holder {
        padding-left: 0;
        padding-right: 0;
    }
    .mfp-img-mobile img.mfp-img {
        padding: 0;
    }
    .mfp-img-mobile .mfp-figure:after {
        top: 0;
        bottom: 0;
    }
    .mfp-img-mobile .mfp-figure small {
        display: inline;
        margin-left: 5px;
    }
    .mfp-img-mobile .mfp-bottom-bar {
        background: rgba(0, 0, 0, 0.6);
        bottom: 0;
        margin: 0;
        top: auto;
        padding: 3px 5px;
        position: fixed;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    .mfp-img-mobile .mfp-bottom-bar:empty {
        padding: 0;
    }
    .mfp-img-mobile .mfp-counter {
        right: 5px;
        top: 3px;
    }
    .mfp-img-mobile .mfp-close {
        top: 0;
        right: 0;
        width: 35px;
        height: 35px;
        line-height: 35px;
        background: rgba(0, 0, 0, 0.6);
        position: fixed;
        text-align: center;
        padding: 0;
    }
}
@media all and (max-width: 900px) {
    .mfp-arrow {
        -webkit-transform: scale(0.75);
        transform: scale(0.75);
    }
    .mfp-arrow-left {
        -webkit-transform-origin: 0;
        transform-origin: 0;
    }
    .mfp-arrow-right {
        -webkit-transform-origin: 100%;
        transform-origin: 100%;
    }
    .mfp-container {
        padding-left: 0;
        padding-right: 0;
    }
}
.mfp-ie7 .mfp-img {
    padding: 0;
}
.mfp-ie7 .mfp-bottom-bar {
    width: 600px;
    left: 50%;
    margin-left: -300px;
    margin-top: 5px;
    padding-bottom: 5px;
}
.mfp-ie7 .mfp-container {
    padding: 0;
}
.mfp-ie7 .mfp-content {
    padding-top: 44px;
}
.mfp-ie7 .mfp-close {
    top: 0;
    right: 0;
    padding-top: 0;
}
.mfp-zoom-in .mfp-with-anim {
    opacity: 0;
    transition: all 0.2s ease-in-out;
    transform: scale(0.99);
}
.mfp-zoom-in.mfp-bg {
    opacity: 0;
    transition: all 0.2s ease-out;
}
.mfp-zoom-in.mfp-ready .mfp-with-anim {
    opacity: 1;
    transform: scale(1);
}
.mfp-zoom-in.mfp-ready.mfp-bg {
    opacity: 0.15;
}
.mfp-zoom-in.mfp-removing .mfp-with-anim {
    transform: scale(0.99);
    opacity: 0;
}
.mfp-zoom-in.mfp-removing.mfp-bg {
    opacity: 0;
}
.mfp-zoom-out .mfp-with-anim {
    opacity: 0;
    transition: all 0.3s ease-in-out;
    transform: scale(1.3);
}
.mfp-zoom-out.mfp-bg {
    opacity: 0;
    transition: all 0.3s ease-out;
}
.mfp-zoom-out.mfp-ready .mfp-with-anim {
    opacity: 1;
    transform: scale(1);
}
.mfp-zoom-out.mfp-ready.mfp-bg {
    opacity: 0.15;
}
.mfp-zoom-out.mfp-removing .mfp-with-anim {
    transform: scale(1.3);
    opacity: 0;
}
.mfp-zoom-out.mfp-removing.mfp-bg {
    opacity: 0;
}
#open-popup-forgotPassword,
#open-popup-loginAnmeldung,
#open-popup-loginRegistrierung,
.white-popup {
    position: relative;
    width: 1140px;
    height: 90%;
    max-width: 100%;
    margin: 0 auto;
    z-index: 999999;
    background: #fff;
    top: 80px;
    right: -20px;
    -webkit-box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.3);
    box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.3);
}
@media screen and (max-width: 1210px) {
    #open-popup-forgotPassword,
    #open-popup-loginAnmeldung,
    #open-popup-loginRegistrierung,
    .white-popup {
        right: 0;
        width: 100%;
    }
}
@media screen and (max-width: 680px) {
    #open-popup-forgotPassword,
    #open-popup-loginAnmeldung,
    #open-popup-loginRegistrierung,
    .white-popup {
        top: 50px;
    }
}
#open-popup-forgotPassword h2,
#open-popup-loginAnmeldung h2,
#open-popup-loginRegistrierung h2,
.white-popup h2 {
    color: #006890;
    text-align: left;
    font-size: 20px;
    font-size: 1.25rem;
    padding-bottom: 20px;
    font-weight: 500;
}
@media screen and (max-width: 680px) {
    #open-popup-forgotPassword h2,
    #open-popup-loginAnmeldung h2,
    #open-popup-loginRegistrierung h2,
    .white-popup h2 {
        font-size: 16px;
    }
}
#open-popup-forgotPassword h3,
#open-popup-loginAnmeldung h3,
#open-popup-loginRegistrierung h3,
.white-popup h3 {
    text-align: left;
    font-size: 14px;
    margin-bottom: 15px;
    font-weight: 500;
}
#open-popup-forgotPassword h4,
#open-popup-loginAnmeldung h4,
#open-popup-loginRegistrierung h4,
.white-popup h4 {
    font-size: 13px;
    line-height: 1.45em;
    font-weight: 500;
    text-align: left;
}
#open-popup-forgotPassword p,
#open-popup-loginAnmeldung p,
#open-popup-loginRegistrierung p,
.white-popup p {
    text-align: left;
    font-size: 13px;
    line-height: 1.45em;
    margin-bottom: 15px;
}
#open-popup-forgotPassword input,
#open-popup-forgotPassword textarea,
#open-popup-loginAnmeldung input,
#open-popup-loginAnmeldung textarea,
#open-popup-loginRegistrierung input,
#open-popup-loginRegistrierung textarea,
.white-popup input,
.white-popup textarea {
    width: 100%;
    padding: 10px;
    display: block;
    margin-bottom: 20px;
    border: 1px solid #d1d1d1;
    color: #8d8d8d;
    font-size: 16px;
}
#open-popup-forgotPassword input,
#open-popup-forgotPassword select,
#open-popup-forgotPassword select:focus,
#open-popup-forgotPassword textarea,
#open-popup-loginAnmeldung input,
#open-popup-loginAnmeldung select,
#open-popup-loginAnmeldung select:focus,
#open-popup-loginAnmeldung textarea,
#open-popup-loginRegistrierung input,
#open-popup-loginRegistrierung select,
#open-popup-loginRegistrierung select:focus,
#open-popup-loginRegistrierung textarea,
.white-popup input,
.white-popup select,
.white-popup select:focus,
.white-popup textarea {
    font-size: 16px;
}
#open-popup-forgotPassword label,
#open-popup-loginAnmeldung label,
#open-popup-loginRegistrierung label,
.white-popup label {
    font-weight: 500;
    margin-bottom: 8px;
    display: block;
    width: 100%;
    font-size: 13px;
}
#open-popup-forgotPassword .standard-btn-grey,
#open-popup-loginAnmeldung .standard-btn-grey,
#open-popup-loginRegistrierung .standard-btn-grey,
.white-popup .standard-btn-grey {
    background-color: #f5f5f5;
    border: 1px solid silver;
    text-align: center;
    min-width: 140px;
}
#open-popup-forgotPassword .standard-btn-blue,
#open-popup-loginAnmeldung .standard-btn-blue,
#open-popup-loginRegistrierung .standard-btn-blue,
.white-popup .standard-btn-blue {
    background-color: #fbfbfb;
    border: 1px solid #006890;
    color: #006890;
    text-align: center;
    min-width: 140px;
    background-image: none;
}
#open-popup-forgotPassword .popup-header,
#open-popup-loginAnmeldung .popup-header,
#open-popup-loginRegistrierung .popup-header,
.white-popup .popup-header {
    padding: 30px 40px 0 40px;
}
@media screen and (max-width: 680px) {
    #open-popup-forgotPassword .popup-header,
    #open-popup-loginAnmeldung .popup-header,
    #open-popup-loginRegistrierung .popup-header,
    .white-popup .popup-header {
        padding: 20px 20px 0 20px;
    }
}
#open-popup-forgotPassword .popup-content,
#open-popup-loginAnmeldung .popup-content,
#open-popup-loginRegistrierung .popup-content,
.white-popup .popup-content {
    padding: 10px 40px;
    width: 100%;
}
#open-popup-forgotPassword .popup-content .popup-content-main,
#open-popup-loginAnmeldung .popup-content .popup-content-main,
#open-popup-loginRegistrierung .popup-content .popup-content-main,
.white-popup .popup-content .popup-content-main {
    float: left;
    width: calc(100% - 380px);
    height: auto;
    max-height: 600px;
    overflow-y: auto;
}
@media screen and (max-width: 980px) {
    #open-popup-forgotPassword .popup-content .popup-content-main,
    #open-popup-loginAnmeldung .popup-content .popup-content-main,
    #open-popup-loginRegistrierung .popup-content .popup-content-main,
    .white-popup .popup-content .popup-content-main {
        float: none;
        clear: both;
        max-height: none;
        width: 100%;
    }
}
#open-popup-forgotPassword .popup-content .popup-content-sidebar,
#open-popup-loginAnmeldung .popup-content .popup-content-sidebar,
#open-popup-loginRegistrierung .popup-content .popup-content-sidebar,
.white-popup .popup-content .popup-content-sidebar {
    float: right;
    width: 380px;
    padding: 20px;
}
#open-popup-forgotPassword .popup-content .popup-content-sidebar .vorschau,
#open-popup-loginAnmeldung .popup-content .popup-content-sidebar .vorschau,
#open-popup-loginRegistrierung .popup-content .popup-content-sidebar .vorschau,
.white-popup .popup-content .popup-content-sidebar .vorschau {
    padding: 20px 10%;
}
@media screen and (max-width: 980px) {
    #open-popup-forgotPassword .popup-content .popup-content-sidebar,
    #open-popup-loginAnmeldung .popup-content .popup-content-sidebar,
    #open-popup-loginRegistrierung .popup-content .popup-content-sidebar,
    .white-popup .popup-content .popup-content-sidebar {
        float: none;
        clear: both;
        max-height: auto;
        width: 100%;
    }
}
#open-popup-forgotPassword .popup-content .popup-input,
#open-popup-loginAnmeldung .popup-content .popup-input,
#open-popup-loginRegistrierung .popup-content .popup-input,
.white-popup .popup-content .popup-input {
    border: none;
    background: #ececec;
    padding: 10px;
    text-align: center;
}
@media screen and (max-width: 680px) {
    #open-popup-forgotPassword .popup-content,
    #open-popup-loginAnmeldung .popup-content,
    #open-popup-loginRegistrierung .popup-content,
    .white-popup .popup-content {
        padding: 10px 20px;
    }
}
#open-popup-forgotPassword .popup-footer,
#open-popup-loginAnmeldung .popup-footer,
#open-popup-loginRegistrierung .popup-footer,
.white-popup .popup-footer {
    overflow: auto;
}
#open-popup-forgotPassword .popup-footer .popup-footer-btn,
#open-popup-loginAnmeldung .popup-footer .popup-footer-btn,
#open-popup-loginRegistrierung .popup-footer .popup-footer-btn,
.white-popup .popup-footer .popup-footer-btn {
    width: 100%;
    padding: 20px 40px 30px 40px;
}
#open-popup-forgotPassword .popup-footer .popup-footer-btn:after,
#open-popup-forgotPassword .popup-footer .popup-footer-btn:before,
#open-popup-loginAnmeldung .popup-footer .popup-footer-btn:after,
#open-popup-loginAnmeldung .popup-footer .popup-footer-btn:before,
#open-popup-loginRegistrierung .popup-footer .popup-footer-btn:after,
#open-popup-loginRegistrierung .popup-footer .popup-footer-btn:before,
.white-popup .popup-footer .popup-footer-btn:after,
.white-popup .popup-footer .popup-footer-btn:before {
    content: "";
    display: table;
}
#open-popup-forgotPassword .popup-footer .popup-footer-btn:after,
#open-popup-loginAnmeldung .popup-footer .popup-footer-btn:after,
#open-popup-loginRegistrierung .popup-footer .popup-footer-btn:after,
.white-popup .popup-footer .popup-footer-btn:after {
    clear: both;
}
@media screen and (max-width: 680px) {
    #open-popup-forgotPassword .popup-footer .popup-footer-btn,
    #open-popup-loginAnmeldung .popup-footer .popup-footer-btn,
    #open-popup-loginRegistrierung .popup-footer .popup-footer-btn,
    .white-popup .popup-footer .popup-footer-btn {
        padding: 20px 20px 30px 20px;
    }
}
#open-popup-forgotPassword .popup-footer .right-btn,
#open-popup-loginAnmeldung .popup-footer .right-btn,
#open-popup-loginRegistrierung .popup-footer .right-btn,
.white-popup .popup-footer .right-btn {
    float: right;
}
#open-popup-forgotPassword .popup-footer .left-btn,
#open-popup-loginAnmeldung .popup-footer .left-btn,
#open-popup-loginRegistrierung .popup-footer .left-btn,
.white-popup .popup-footer .left-btn {
    float: left;
}
#open-popup-forgotPassword .popup-footer .popup-footer-btn.single-button,
#open-popup-loginAnmeldung .popup-footer .popup-footer-btn.single-button,
#open-popup-loginRegistrierung .popup-footer .popup-footer-btn.single-button,
.white-popup .popup-footer .popup-footer-btn.single-button {
    width: 35%;
    min-width: 150px;
    margin: auto;
    padding: 0;
}
#open-popup-forgotPassword .popup-footer .button,
#open-popup-loginAnmeldung .popup-footer .button,
#open-popup-loginRegistrierung .popup-footer .button,
.white-popup .popup-footer .button {
    width: 35%;
    min-width: 150px;
}
#open-popup-forgotPassword .popup-footer-center,
#open-popup-loginAnmeldung .popup-footer-center,
#open-popup-loginRegistrierung .popup-footer-center,
.white-popup .popup-footer-center {
    text-align: center;
    padding: 20px 40px 30px 40px;
}
@media screen and (max-width: 680px) {
    #open-popup-forgotPassword .popup-footer-center,
    #open-popup-loginAnmeldung .popup-footer-center,
    #open-popup-loginRegistrierung .popup-footer-center,
    .white-popup .popup-footer-center {
        padding: 20px 20px 30px 20px;
    }
}
.small#open-popup-forgotPassword,
.small#open-popup-loginAnmeldung,
.small#open-popup-loginRegistrierung,
.white-popup.small {
    width: 440px;
    background: #f9f9f9;
    right: 40px;
}
.small#open-popup-forgotPassword .popup-header,
.small#open-popup-loginAnmeldung .popup-header,
.small#open-popup-loginRegistrierung .popup-header,
.white-popup.small .popup-header {
    padding: 30px 30px 0 30px;
}
.small#open-popup-forgotPassword .popup-content,
.small#open-popup-loginAnmeldung .popup-content,
.small#open-popup-loginRegistrierung .popup-content,
.white-popup.small .popup-content {
    padding: 10px 30px;
}
.small#open-popup-forgotPassword .popup-footer .popup-footer-btn,
.small#open-popup-loginAnmeldung .popup-footer .popup-footer-btn,
.small#open-popup-loginRegistrierung .popup-footer .popup-footer-btn,
.white-popup.small .popup-footer .popup-footer-btn {
    padding: 20px 30px 30px 30px;
}
@media screen and (max-width: 680px) {
    .small#open-popup-forgotPassword .popup-header,
    .small#open-popup-loginAnmeldung .popup-header,
    .small#open-popup-loginRegistrierung .popup-header,
    .white-popup.small .popup-header {
        padding: 30px 20px 0 20px;
    }
    .small#open-popup-forgotPassword .popup-content,
    .small#open-popup-loginAnmeldung .popup-content,
    .small#open-popup-loginRegistrierung .popup-content,
    .white-popup.small .popup-content {
        padding: 10px 20px;
    }
    .small#open-popup-forgotPassword .popup-footer .popup-footer-btn,
    .small#open-popup-loginAnmeldung .popup-footer .popup-footer-btn,
    .small#open-popup-loginRegistrierung .popup-footer .popup-footer-btn,
    .white-popup.small .popup-footer .popup-footer-btn {
        padding: 20px 20px 30px 20px;
    }
}
.btn-close {
    position: absolute;
    right: 10px;
    top: 10px;
    width: 25px;
    height: 25px;
    background: url("../img/layout/schliessen.svg") no-repeat 0 0;
    background-size: 25px auto;
    border: none;
    cursor: pointer;
}
#open-popup-meineEntwuerfe {
    min-height: 750px;
    overflow: hidden;
}
#open-popup-owayoSenden .popupInfo a {
    display: block;
    float: left;
    width: 33.333333%;
    padding: 20px 40px;
}
@media screen and (max-width: 700px) {
    #open-popup-owayoSenden .popupInfo a {
        float: none;
        clear: both;
        width: 100%;
        padding: 20px 0;
        text-align: center;
    }
    #open-popup-owayoSenden .popupInfo a h4,
    #open-popup-owayoSenden .popupInfo a p {
        text-align: center;
    }
}
#open-popup-owayoSenden .anfrage-img img {
    width: auto;
    height: 80px;
    margin-bottom: 10px;
}
#open-popup-owayoSenden .standard-btn-grey {
    width: 200px;
    margin-top: 20px;
    float: right;
    margin-bottom: 25px;
}
#open-popup-lieferzeit .express,
#open-popup-lieferzeit .liefertermin,
#open-popup-lieferzeit .produktionszeit {
    float: left;
    width: 33.333333%;
    padding: 20px 35px;
}
@media screen and (max-width: 700px) {
    #open-popup-lieferzeit .express,
    #open-popup-lieferzeit .liefertermin,
    #open-popup-lieferzeit .produktionszeit {
        float: none;
        clear: both;
        width: 100%;
        padding: 20px 0;
    }
}
#open-popup-lieferzeit .express a,
#open-popup-lieferzeit .liefertermin a,
#open-popup-lieferzeit .produktionszeit a {
    display: block;
}
#open-popup-lieferzeit .express img,
#open-popup-lieferzeit .liefertermin img,
#open-popup-lieferzeit .produktionszeit img {
    width: auto;
    height: 80px;
    margin-bottom: 10px;
    margin-right: 5px;
}
#open-popup-lieferzeit .express h4,
#open-popup-lieferzeit .liefertermin h4,
#open-popup-lieferzeit .produktionszeit h4 {
    margin-bottom: 15px;
}
#open-popup-lieferzeit .express .change-formular,
#open-popup-lieferzeit .express .link_lieferzeit,
#open-popup-lieferzeit .liefertermin .change-formular,
#open-popup-lieferzeit .liefertermin .link_lieferzeit,
#open-popup-lieferzeit .produktionszeit .change-formular,
#open-popup-lieferzeit .produktionszeit .link_lieferzeit {
    text-decoration: underline;
}
#open-popup-contact-de .left {
    float: left;
    width: 33.333333%;
    padding: 30px 40px 40px 40px;
}
@media screen and (max-width: 800px) {
    #open-popup-contact-de .left {
        float: none;
        clear: both;
        width: 100%;
        padding: 30px 0;
    }
}
#open-popup-contact-en h4 {
    margin-bottom: 15px;
}
#open-popup-contact-en .left {
    float: left;
    width: 33.333333%;
    padding: 30px 40px 40px 40px;
}
@media screen and (max-width: 800px) {
    #open-popup-contact-en .left {
        float: none;
        clear: both;
        width: 100%;
        padding: 30px 0;
    }
}
#open-popup-contactform label {
    display: inline;
    width: 100%;
    margin-bottom: 5px;
    padding-top: 12px;
}
#open-popup-contactform input,
#open-popup-contactform textarea {
    display: block;
    width: 100%;
    border: 1px solid #d8d8d8;
    padding: 5px;
    margin-top: 5px;
}
#open-popup-contactform input.error,
#open-popup-contactform textarea.error {
    border: 1px solid red;
}
#open-popup-contactform .contactform-content {
    padding: 0 20px;
}
@media screen and (max-width: 800px) {
    #open-popup-contactform .contactform-content {
        padding: 0;
    }
}
#open-popup-contactform .contactform-content .left {
    float: left;
    width: 50%;
    padding-right: 20px;
}
@media screen and (max-width: 800px) {
    #open-popup-contactform .contactform-content .left {
        float: none;
        clear: both;
        width: 100%;
        padding-right: 0;
    }
}
#open-popup-contactform .contactform-content .right {
    float: right;
    width: 50%;
    padding-left: 20px;
}
@media screen and (max-width: 800px) {
    #open-popup-contactform .contactform-content .right {
        float: none;
        clear: both;
        width: 100%;
        padding-left: 0;
    }
}
#open-popup-contactform .contactform-content .right p a {
    text-decoration: underline;
}
#open-popup-contactform .contactform-content .einwilligung {
    margin-top: 20px;
}
#open-popup-contactform .contactform-content .einwilligung .left {
    width: 35px;
    margin-bottom: 10px;
    padding-right: 0;
}
#open-popup-contactform .contactform-content .einwilligung .left input {
    width: 20px;
}
#open-popup-contactform .contactform-content .einwilligung .right {
    float: left;
    padding-left: 0;
}
#open-popup-contactform .contactform-content .einwilligung .right label {
    padding-top: 1px;
}
#open-popup-contactform .standard-btn-grey {
    float: left;
}
#open-popup-contactform .standard-btn-blue {
    float: right;
}
#open-popup-formular .middle-text {
    padding: 20px 20px 0 20px;
}
#open-popup-formular h3 {
    font-weight: 400;
    font-size: 13px;
    margin-bottom: 10px;
}
#einzelExemplarErklaerung {
    top: 250px;
    height: auto;
}
#einzelExemplarErklaerung .standard-btn-blue {
    float: right;
}
#open-popup-AnzahlExemplare {
    width: 800px;
}
#open-popup-logoConversion {
    width: 35%;
}
#open-popup-logoConversion #commentForLogoConversion {
    height: 5em;
}
#open-popup-logoConversion #logoConversionEmail {
    height: 3em;
}
#open-popup-logoConversion .logoConversioninputfield {
    display: block;
    padding: 0 15px;
    margin: 10px auto;
    width: 50%;
}
.logo-conversion-dialog {
    min-height: 350px;
}
#open-popup-textNew {
    max-width: 500px;
    top: 250px;
    height: auto;
}
#open-popup-textNew .standard-btn-grey {
    float: left;
    width: 48%;
}
#open-popup-textNew .standard-btn-blue {
    float: right;
    width: 48%;
}
#open-popup-confirm-delete {
    max-width: 500px;
    top: 250px;
    height: auto;
}
#open-popup-confirm-delete .standard-btn-grey {
    float: left;
    width: 48%;
}
#open-popup-confirm-delete .standard-btn-blue {
    float: right;
    width: 48%;
}
#open-popup-welcome {
    max-width: 500px;
}
#open-popup-welcome .standard-btn-blue {
    width: 300px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
#open-popup-teilen {
    top: 250px;
    height: auto;
}
#open-popup-teilen .teilen-btn {
    width: 300px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
#open-popup-teilen .teilen-btn li {
    float: left;
    padding: 10px;
}
#open-popup-teilen .teilen-btn li a {
    display: block;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 80px;
    width: 80px;
    height: 80px;
}
#open-popup-teilen .teilen-btn li a.teilen-btn-email {
    background-image: url("../img/layout/icon-teilen-brief.svg");
}
#open-popup-teilen .teilen-btn li a.teilen-btn-fb {
    background-image: url("../img/layout/icon-teilen-facebook.svg");
}
#open-popup-teilen .teilen-btn li a.teilen-btn-pdf {
    background-image: url("../img/layout/icon-teilen-pdf.svg");
}
#open-popup-bestellvorgang h2,
#open-popup-produktauswahl h2,
#open-popup-sendDraft h2,
#open-popup-warenkorb-changeAdress h2,
#open-popup-warenkorb-zusammenfassung h2 {
    text-align: left;
}
#open-popup-bestellvorgang .popup-footer-btn,
#open-popup-produktauswahl .popup-footer-btn,
#open-popup-sendDraft .popup-footer-btn,
#open-popup-warenkorb-changeAdress .popup-footer-btn,
#open-popup-warenkorb-zusammenfassung .popup-footer-btn {
    float: right;
    width: 350px;
}
#open-popup-bestellvorgang .standard-btn-grey,
#open-popup-produktauswahl .standard-btn-grey,
#open-popup-sendDraft .standard-btn-grey,
#open-popup-warenkorb-changeAdress .standard-btn-grey,
#open-popup-warenkorb-zusammenfassung .standard-btn-grey {
    float: left;
    width: 48%;
}
#open-popup-bestellvorgang .standard-btn-blue,
#open-popup-produktauswahl .standard-btn-blue,
#open-popup-sendDraft .standard-btn-blue,
#open-popup-warenkorb-changeAdress .standard-btn-blue,
#open-popup-warenkorb-zusammenfassung .standard-btn-blue {
    float: right;
    width: 48%;
}
#open-popup-sendDraft {
    max-width: 500px;
}
#open-popup-sendDraft p {
    text-align: left;
}
#open-popup-sendDraft label {
    display: inline-table;
    width: 180px;
    margin-top: 20px;
    margin-right: 10px;
}
#open-popup-sendDraft input,
#open-popup-sendDraft textarea {
    width: 250px;
}
#open-popup-sendDraft .popup-footer-btn {
    float: right;
    width: 100%;
}
#open-popup-warenkorb-changeAdress {
    max-width: 500px;
}
#open-popup-warenkorb-changeAdress p {
    text-align: left;
    margin-bottom: 15px;
}
#open-popup-warenkorb-changeAdress label {
    width: 150px;
    display: inline-table;
    margin-right: 10px;
}
#open-popup-warenkorb-zusammenfassung p {
    text-align: left;
}
#open-popup-warenkorb-zusammenfassung label {
    width: 150px;
    display: inline-table;
    margin-right: 10px;
}
#userInteractionPopup {
    display: none;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 40px;
    height: 275px;
    z-index: 9999999;
    width: 440px;
    background: #f9f9f9;
}
#userInteractionPopup .popup-header {
    padding: 30px 30px 0 30px;
}
#userInteractionPopup .popup-content {
    padding: 10px 30px;
}
#userInteractionPopup .popup-footer .popup-footer-btn {
    padding: 20px 30px 30px 30px;
}
#userInteractionPopup .popup-footer .popup-footer-btn li:first-child {
    float: left;
}
#userInteractionPopup .popup-footer .popup-footer-btn li:last-child {
    float: right;
}
#userInteractionPopup.mailSent {
    height: 400px;
}
#open-popup-AnzahlExemplare .popup-footer-btn:after,
#open-popup-AnzahlExemplare .popup-footer-btn:before {
    content: "";
    display: table;
}
#open-popup-AnzahlExemplare .popup-footer-btn:after {
    clear: both;
}
#open-popup-AnzahlExemplare .popup-footer-btn li {
    float: left;
    padding-right: 15px;
}
#open-popup-AnzahlExemplare .popup-footer-btn li .standard-btn-blue,
#open-popup-AnzahlExemplare .popup-footer-btn li .standard-btn-grey {
    padding: 10px;
}
#open-popup-AnzahlExemplare .popup-footer-btn li:nth-child(1) {
    width: 30%;
}
#open-popup-AnzahlExemplare .popup-footer-btn li:nth-child(1) .standard-btn-grey {
    width: 100%;
}
#open-popup-AnzahlExemplare .popup-footer-btn li:nth-child(2) {
    width: 35%;
}
#open-popup-AnzahlExemplare .popup-footer-btn li:nth-child(2) .standard-btn-blue {
    width: 100%;
}
#open-popup-AnzahlExemplare .popup-footer-btn li:nth-child(3) {
    width: 35%;
    padding-right: 0;
}
#open-popup-AnzahlExemplare .popup-footer-btn li:nth-child(3) .standard-btn-blue {
    width: 100%;
}
#open-popup-Dateneingabe h2,
#open-popup-Dateneingabe p {
    text-align: left;
}
#open-popup-Dateneingabe .popup-footer-btn {
    float: right;
    width: 350px;
}
#open-popup-Dateneingabe .standard-btn-grey {
    float: left;
    width: 48%;
}
#open-popup-Dateneingabe .standard-btn-blue {
    float: right;
    width: 48%;
}
#open-popup-warenkorb h2,
#open-popup-warenkorb p {
    text-align: left;
}
#open-popup-warenkorb p {
    margin-bottom: 0;
}
#open-popup-warenkorb .popup-footer-lieferzeit {
    float: left;
    width: 40%;
    padding-left: 20px;
    padding-right: 40px;
}
#open-popup-warenkorb .popup-footer-meta {
    float: left;
    width: 30%;
    position: relative;
}
#open-popup-warenkorb .popup-footer-meta a {
    text-decoration: underline;
}
#open-popup-warenkorb .popup-footer-meta img {
    position: absolute;
    top: 0;
    left: -20px;
    width: 20px;
    height: 20px;
}
#open-popup-Exemplardaten {
    max-width: 800px;
}
#open-popup-Exemplardaten h2,
#open-popup-Exemplardaten p {
    text-align: left;
}
#open-popup-Exemplardaten .popup-content {
    min-height: 400px;
}
#open-popup-Exemplardaten .popup-footer-btn .standard-btn-grey {
    float: left;
    width: 200px;
    margin-bottom: 25px;
}
#open-popup-Exemplardaten .popup-footer-btn .standard-btn-blue {
    float: right;
    width: 200px;
    margin-bottom: 25px;
}
.bg-removal-result-imagecontainer {
    width: 80%;
    margin: auto auto 1.5em;
}
#bg-removal-result {
    text-align: center;
}
#bg-removal-result canvas {
    max-height: 250px;
    max-width: 250px;
    margin-bottom: 40px;
}
#open-popup-logo-bg-removal {
    width: 30%;
}
#open-popup-bg-removal-result {
    width: 80%;
}
#open-popup-bg-removal-result footer,
#open-popup-logo-bg-removal footer {
    margin: 2em;
}
input[type="checkbox"].css-checkbox {
    position: absolute;
    z-index: -1000;
    left: -1000px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
}
input[type="checkbox"].css-checkbox + label.css-label {
    padding-left: 35px;
    height: 20px;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: 0 0;
    vertical-align: middle;
    cursor: pointer;
}
input[type="checkbox"].css-checkbox:checked + label.css-label {
    background-position: 0 -20px;
}
label.css-label {
    background-image: url("../img/layout/checkbox.png");
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
#sizesTablePopup footer ul {
    width: 150px;
    display: block;
    margin: auto auto 20px;
}
#open-popup-produktauswahl {
    width: 80%;
    max-width: 1140px;
    margin-top: 0;
    right: -20px;
    height: auto;
}
@media screen and (max-width: 680px) {
    #open-popup-produktauswahl {
        width: 100%;
        right: 0;
    }
}
#open-popup-produktauswahl .produktListe {
    width: 100%;
    position: relative;
    padding: 0 50px;
}
@media screen and (max-width: 680px) {
    #open-popup-produktauswahl .produktListe {
        padding: 0;
    }
}
#open-popup-produktauswahl .produktListe .row {
    margin-bottom: 15px;
}
#open-popup-produktauswahl .produktListe .col-33 {
    width: 33%;
    float: left;
    padding: 0 50px;
}
@media screen and (max-width: 1200px) {
    #open-popup-produktauswahl .produktListe .col-33 {
        width: 100%;
        float: none;
        clear: both;
        padding: 0;
        padding-bottom: 40px;
    }
}
#open-popup-produktauswahl .produktListe .product-single-image {
    display: block;
    text-align: center;
}
#open-popup-produktauswahl .produktListe .product-single-image img {
    width: auto;
    max-width: 100%;
    margin-bottom: 20px;
}
@media screen and (max-width: 680px) {
    #open-popup-produktauswahl .produktListe .product-single-image {
        width: 150px;
    }
}
@media screen and (max-width: 1200px) {
    #open-popup-produktauswahl .produktListe .product-single-description {
        width: 400px;
        max-width: 100%;
        margin: 0 auto;
    }
}
@media screen and (max-width: 680px) {
    #open-popup-produktauswahl .produktListe .product-single-description {
        width: 100%;
        max-width: 100%;
        margin: 0 auto;
    }
}
#open-popup-produktauswahl .produktListe .product-single-description h2,
#open-popup-produktauswahl .produktListe .product-single-description p {
    text-align: left;
}
#open-popup-produktauswahl .produktListe .product-single-description h2 {
    font-size: 14px;
    line-height: 25px;
    font-weight: 500;
}
#open-popup-produktauswahl .produktListe .product-single-description h2 a {
    color: #006890;
}
#open-popup-produktauswahl .produktListe .product-single-description p {
    font-size: 14px;
    line-height: 25px;
    margin-bottom: 30px;
}
#open-popup-produktauswahl .produktListe .product-single-description p strong {
    font-weight: 500;
}
@media screen and (max-width: 680px) {
    #open-popup-produktauswahl .produktListe .product-single-description p {
        margin-bottom: 15px;
    }
}
#open-popup-produktauswahl .produktListe .product-single-description .standard-btn-blue {
    background: 0 0;
    color: #006890;
    border: 1px solid #006890;
    float: none;
    clear: both;
    width: 100%;
    font-weight: 500;
    padding: 10px;
}
#open-popup-produktauswahl .produktListe .product-top {
    text-align: right;
    width: 90%;
}
#open-popup-produktauswahl .produktListe .product-top a {
    display: inline-block;
    text-align: right;
    background: url(https://static.owayo-cdn.com/newhp/img/icons/nach-oben.svg) no-repeat right top;
    background-size: 20px 25px;
    height: 40px;
    position: relative;
}
#open-popup-produktauswahl .produktListe .product-top a span {
    display: inline-block;
    padding-top: 30px;
}
#open-popup-produktauswahl .produktListe #categoryAnchors {
    margin: 20px;
    text-align: center;
    display: none;
}
#open-popup-produktauswahl .produktListe #categoryAnchors a {
    display: inline-block;
    text-decoration: underline;
    margin-right: 15px;
    font-weight: 600;
    color: #818181;
}
@media screen and (max-width: 600px) {
    #open-popup-produktauswahl .produktListe #categoryAnchors {
        display: none;
    }
}
#open-popup-produktauswahl .produktListe .product-abstract-wrapper {
    border-bottom: 1px solid #ccc;
    padding-bottom: 26px;
    padding-top: 45px;
}
@media screen and (max-width: 680px) {
    #open-popup-produktauswahl .produktListe .product-abstract-wrapper {
        padding-top: 0;
    }
}
#open-popup-produktauswahl .produktListe .get-product-mobile {
    margin-bottom: 2em;
}
#open-popup-produktauswahl .produktListe h1 {
    font-size: x-large;
    font-weight: 700;
}
@media screen and (max-width: 680px) {
    #open-popup-produktauswahl .produktListe h1 {
        font-size: 16px;
    }
}
#open-popup-produktauswahl .produktListe section.product-part {
    margin-bottom: 2em;
}
#open-popup-produktauswahl .produktListe .lieferterminForVersandart.valuesAreDates active > a .product-details {
    top: 0;
}
#open-popup-produktauswahl .produktListe .product {
    position: relative;
    float: left;
    width: 200px;
    height: 360px;
    margin-right: 50px;
    overflow: hidden;
}
#open-popup-produktauswahl .produktListe .product .product-wrapper {
    position: relative;
    width: 90%;
    display: block;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 250px;
}
#open-popup-produktauswahl .produktListe .product .product-active {
    display: none;
}
#open-popup-produktauswahl .produktListe .product .product-details {
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    position: absolute;
    top: -280px;
    height: 97%;
    width: 100%;
    z-index: 999999999;
    background: rgba(0, 0, 0, 0.45);
}
#open-popup-produktauswahl .produktListe .product .details {
    position: absolute;
    top: 30px;
    left: 50%;
    padding-top: 10px;
    margin-left: -30px;
    -webkit-border-radius: 40px;
    border-radius: 40px;
    background-clip: padding-box;
    font-style: italic;
    text-align: center;
    width: 60px;
    height: 60px;
    background: rgba(255, 255, 255, 0.85);
    color: #000;
    line-height: 1.25em;
}
#open-popup-produktauswahl .produktListe .product .product-text {
    width: 100%;
    padding: 0 8px;
    line-height: 1.25em;
    margin-top: 10px;
    font-size: 14px;
    font-size: 0.875rem;
}
#open-popup-produktauswahl .produktListe .active {
    opacity: 1;
}
#open-popup-produktauswahl .produktListe .active .product-active {
    display: block;
    background: url("../img/layout/haeckchen auswahl.svg") no-repeat center center;
    background-size: cover;
    width: 50px;
    height: 50px;
    position: absolute;
    top: 40%;
    margin-top: -25px;
    left: 50%;
    margin-left: -25px;
    z-index: 99999999999;
}
#open-popup-produktauswahl .produktListe img {
    width: 100%;
}
#open-popup-produktauswahl .produktVorschau {
    width: 100%;
}
#open-popup-produktauswahl .produktVorschau img {
    width: 100%;
    padding-right: 5%;
}
#open-popup-produktauswahl .produktVorschau p {
    text-align: center;
}
#open-popup-produktauswahl-summary .popup-content {
    padding: 10px 30px;
}
#open-popup-produktauswahl-summary .popup-content > ul {
    display: flex;
    flex-wrap: wrap;
    padding-top: 20px;
    padding-bottom: 20px;
    width: 100%;
}
#open-popup-produktauswahl-summary .popup-content > ul > li {
    width: 25%;
    margin-bottom: 30px;
    padding-left: 20px;
    padding-right: 20px;
}
@media screen and (max-width: 1100px) {
    #open-popup-produktauswahl-summary .popup-content > ul > li {
        width: 50%;
    }
}
@media screen and (max-width: 540px) {
    #open-popup-produktauswahl-summary .popup-content > ul > li {
        width: 100%;
    }
}
#open-popup-produktauswahl-summary .popup-content > ul > li > a {
    color: #085a82;
    text-transform: uppercase;
    margin-bottom: 5px;
    font-weight: 500;
    display: block;
    padding-left: 10px;
}
#open-popup-produktauswahl-summary .popup-content > ul > li > ul {
    padding-left: 20px;
}
#open-popup-produktauswahl-summary .popup-content > ul > li > ul > li {
    margin-bottom: 5px;
}
#open-popup-produktauswahl-summary .popup-content > ul > li:nth-child(5) > a,
#open-popup-produktauswahl-summary .popup-content > ul > li:nth-child(6) > a,
#open-popup-produktauswahl-summary .popup-content > ul > li:nth-child(7) > a,
#open-popup-produktauswahl-summary .popup-content > ul > li:nth-child(8) > a {
    border-top: 1px solid #085a82;
    padding-top: 10px;
}
@media screen and (max-width: 1100px) {
    #open-popup-produktauswahl-summary .popup-content > ul > li:nth-child(3) > a,
    #open-popup-produktauswahl-summary .popup-content > ul > li:nth-child(4) > a {
        border-top: 1px solid #085a82;
        padding-top: 10px;
    }
}
@media screen and (max-width: 540px) {
    #open-popup-produktauswahl-summary .popup-content > ul > li:nth-child(2) > a {
        border-top: 1px solid #085a82;
        padding-top: 10px;
    }
}
@media screen and (max-width: 680px) {
    #open-popup-produktauswahl-features {
        top: 50px;
    }
}
#open-popup-produktauswahl-features h3 {
    margin-bottom: 0;
}
#open-popup-produktauswahl-features .popup-content-main {
    overflow-y: auto;
    max-height: 600px;
    width: calc(100% - 350px);
}
@media screen and (max-width: 980px) {
    #open-popup-produktauswahl-features .popup-content-main {
        float: none;
        clear: both;
        max-height: none;
        width: 100%;
    }
}
#open-popup-produktauswahl-features .popup-content-sidebar {
    width: 350px;
}
#open-popup-produktauswahl-features .produkt-features {
    position: relative;
    padding: 20px 0 0 30px;
}
@media screen and (max-width: 600px) {
    #open-popup-produktauswahl-features .produkt-features {
        padding: 20px 0 0 0;
    }
}
#open-popup-produktauswahl-features .produkt-features .feature {
    padding-bottom: 40px;
}
#open-popup-produktauswahl-features .produkt-features .feature:last-child {
    padding-bottom: 0;
}
#open-popup-produktauswahl-features .produkt-features .feature h2 {
    font-size: 16px;
    color: #333;
    padding-bottom: 13px;
}
#open-popup-produktauswahl-features .produkt-features .feature h2 a {
    display: inline-block;
    color: #006890;
    text-decoration: underline;
    font-size: 14px;
    font-weight: 400;
    margin-left: 8px;
}
#open-popup-produktauswahl-features .produkt-features .feature .feature-btn {
    position: relative;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}
#open-popup-produktauswahl-features .produkt-features .feature .feature-btn .feature-content {
    display: block;
    padding-right: 50px;
    width: 33%;
    margin-bottom: 25px;
}
@media screen and (max-width: 600px) {
    #open-popup-produktauswahl-features .produkt-features .feature .feature-btn .feature-content {
        width: 50%;
        padding-right: 20px;
    }
}
#open-popup-produktauswahl-features .produkt-features .feature .feature-btn .feature-content.active {
    display: block;
    color: #64a8d8;
    opacity: 1;
}
#open-popup-produktauswahl-features .produkt-features .feature .feature-btn .feature-content.disabled {
    text-decoration: line-through;
    opacity: 0.5;
}
#open-popup-produktauswahl-features .produkt-features .feature .feature-btn .feature-content .feature-img {
    max-width: 120px;
    margin-bottom: 8px;
    max-height: 100px;
}
#open-popup-produktauswahl-features .produkt-features .feature .feature-btn .feature-content .feature-text {
    display: block;
    font-size: 14px;
    font-weight: 600;
    color: #000;
    position: relative;
}
#open-popup-produktauswahl-features .produkt-features .feature .feature-btn .feature-content .feature-text input {
    position: absolute;
    left: 0;
    width: 15px;
}
#open-popup-produktauswahl-features .produkt-features .feature .feature-btn .feature-content .feature-text label {
    padding-left: 25px;
    display: block;
}
@media screen and (max-width: 680px) {
    #open-popup-produktauswahl-features .produktFeaturesVorschau {
        display: none;
    }
}
#open-popup-produktauswahl-features .el-icon-circle-arrow-left {
    display: block;
    padding: 20px;
    font-size: 28px;
    font-size: 1.75rem;
    opacity: 0.25;
    float: left;
    width: 100px;
}
#open-popup-produktauswahl-features .standard-btn-grey {
    float: left;
}
#open-popup-produktauswahl-features .standard-btn-blue {
    float: right;
}
#open-popup-produktauswahl-features-edit .produktListeFeature .feature h2 {
    font-weight: 700;
}
#open-popup-produktauswahl-features-edit .produktListeFeature .feature .feature-btn a {
    margin-right: 4px;
    text-transform: none;
    display: block;
    float: left;
    width: 160px;
}
#open-popup-produktauswahl-features-edit .produktListeFeature .feature .feature-btn a.active {
    -webkit-box-shadow: inset 0 2px 2px #c2c2c2;
    -moz-box-shadow: inset 0 2px 2px #c2c2c2;
    box-shadow: inset 0 2px 2px #c2c2c2;
    font-weight: 700;
    display: block;
}
#open-popup-loginAnmeldung {
    width: 440px;
    background: #f9f9f9;
    height: auto;
    box-shadow: none;
    top: 0;
    right: 0;
    max-width: 440px;
}
#open-popup-loginAnmeldung .popup-header {
    padding: 30px 30px 0 30px;
}
#open-popup-loginAnmeldung .popup-content {
    padding: 10px 30px;
}
#open-popup-loginAnmeldung form {
    padding: 0 20px;
    padding-bottom: 10px;
    position: relative;
}
#open-popup-loginAnmeldung .loginFailed-error {
    font-size: 13px;
    line-height: 1.45em;
    margin-bottom: 15px;
    text-align: left;
    visibility: hidden;
    padding: 0 20px;
}
#open-popup-loginAnmeldung .loginFailed-error.show {
    visibility: visible;
    color: red;
}
#open-popup-loginAnmeldung .standard-btn-blue {
    margin: 0 auto;
    display: block;
    width: 150px;
}
#open-popup-loginAnmeldung .pw-vergessen {
    margin-bottom: 0;
    margin-top: 25px;
    text-decoration: underline;
    font-size: 13px;
    display: block;
    text-align: center;
}
#open-popup-loginAnmeldung h3 {
    font-size: 13px;
    margin-bottom: 20px;
    text-align: center;
}
@media screen and (max-width: 460px) {
    #open-popup-loginAnmeldung {
        width: 320px;
    }
}
#open-popup-loginRegistrierung {
    width: 440px;
    background: #f9f9f9;
    height: auto;
    box-shadow: none;
    top: 0;
    right: 0;
    max-width: 440px;
}
#open-popup-loginRegistrierung .popup-content {
    padding: 0 50px;
}
#open-popup-loginRegistrierung .popup-content p {
    margin-bottom: 5px;
    margin-top: 10px;
}
#open-popup-loginRegistrierung .accept-privacyterms-container {
    padding-top: 20px;
}
#open-popup-loginRegistrierung .standard-btn-blue {
    width: 150px;
    margin: 0 auto;
    margin-top: 30px;
    display: block;
}
#open-popup-forgotPassword {
    width: 440px;
    background: #f9f9f9;
    height: auto;
    box-shadow: none;
    top: 0;
    right: 0;
    max-width: 440px;
}
#open-popup-forgotPassword .popup-content {
    padding: 10px 50px;
}
#open-popup-forgotPassword a.underlined {
    text-decoration: underline;
}
#open-popup-forgotPassword form {
    padding-top: 20px;
}
#open-popup-forgotPassword .standard-btn-grey {
    margin-top: 0;
}
#open-popup-forgotPassword #passwordRecoveryFormButton {
    display: block;
    width: 150px;
    margin: 0 auto;
}
#open-popup-meineEntwuerfe .popup-content {
    padding-bottom: 20px;
}
#open-popup-meineEntwuerfe .popup-content-sidebar {
    float: left;
    padding: 0;
    position: relative;
    padding-right: 40px;
}
#open-popup-meineEntwuerfe .popup-content-sidebar p {
    font-weight: 500;
}
#open-popup-meineEntwuerfe .popup-content-sidebar #entwurfVorschau {
    position: relative;
}
#open-popup-meineEntwuerfe .popup-content-sidebar #entwurfVorschau img {
    background-color: #efefef;
    max-height: 350px;
    border: 1px solid #bfbfbf;
    padding: 15px 5px 50px 5px;
}
#open-popup-meineEntwuerfe .popup-content-sidebar #entwurfVorschau p {
    margin-bottom: 10px;
    font-size: 14px;
}
#open-popup-meineEntwuerfe .popup-content-sidebar #entwurfVorschau .turn-left {
    position: absolute;
    width: 30px;
    height: 30px;
    background-image: url("../img/layout/toolbox-drehen-rechts.svg");
    background-size: contain;
    background-repeat: no-repeat;
    bottom: 20px;
    left: 50%;
    margin-left: -15px;
    z-index: 999;
}
#open-popup-meineEntwuerfe .popup-content-sidebar #entwurfMetaData {
    padding-top: 5px;
}
#open-popup-meineEntwuerfe .popup-content-sidebar #entwurfMetaData span {
    color: #a0a0a0;
    font-style: italic;
    font-size: 12px;
    line-height: 18px;
}
#open-popup-meineEntwuerfe .popup-content-sidebar #entwurfMetaData .einzahl,
#open-popup-meineEntwuerfe .popup-content-sidebar #entwurfMetaData .mehrzahl {
    display: none;
}
#open-popup-meineEntwuerfe .popup-content-sidebar #entwurfMetaData .einzahl.active,
#open-popup-meineEntwuerfe .popup-content-sidebar #entwurfMetaData .mehrzahl.active {
    display: inline;
}
#open-popup-meineEntwuerfe .popup-content-sidebar #entwurfMeta {
    position: relative;
    padding-top: 20px;
}
#open-popup-meineEntwuerfe .popup-content-sidebar #entwurfMeta .changeInfo {
    position: absolute;
    top: 0;
    left: 0;
    color: #a0a0a0;
    z-index: 99;
    display: none;
}
#open-popup-meineEntwuerfe .popup-content-sidebar #entwurfMeta .entwurfName {
    width: 100%;
    position: relative;
    padding-top: 5px;
}
#open-popup-meineEntwuerfe .popup-content-sidebar #entwurfMeta .entwurfName:after,
#open-popup-meineEntwuerfe .popup-content-sidebar #entwurfMeta .entwurfName:before {
    content: "";
    display: table;
}
#open-popup-meineEntwuerfe .popup-content-sidebar #entwurfMeta .entwurfName:after {
    clear: both;
}
#open-popup-meineEntwuerfe .popup-content-sidebar #entwurfMeta .entwurfName label {
    width: 60px;
    float: left;
    padding-top: 9px;
}
#open-popup-meineEntwuerfe .popup-content-sidebar #entwurfMeta .entwurfName input {
    display: block;
    width: calc(100% - 150px);
    float: left;
}
#open-popup-meineEntwuerfe .popup-content-sidebar #entwurfMeta .entwurfName img {
    display: none;
}
#open-popup-meineEntwuerfe .popup-content-sidebar .entwurfButtons {
    margin-top: 40px;
    padding-bottom: 15px;
}
#open-popup-meineEntwuerfe .popup-content-sidebar .entwurfButtons:after,
#open-popup-meineEntwuerfe .popup-content-sidebar .entwurfButtons:before {
    content: "";
    display: table;
}
#open-popup-meineEntwuerfe .popup-content-sidebar .entwurfButtons:after {
    clear: both;
}
#open-popup-meineEntwuerfe .popup-content-sidebar .entwurfButtons .standard-btn-grey {
    float: left;
}
#open-popup-meineEntwuerfe .popup-content-sidebar .entwurfButtons .standard-btn-blue {
    float: right;
}
#open-popup-meineEntwuerfe .popup-content-main {
    float: right;
    padding-left: 40px;
}
#open-popup-meineEntwuerfe .popup-content-main .entwurf-liste-date {
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 10px;
    line-height: 1.45em;
    display: block;
}
#open-popup-meineEntwuerfe .popup-content-main .entwurf-liste:after,
#open-popup-meineEntwuerfe .popup-content-main .entwurf-liste:before {
    content: "";
    display: table;
}
#open-popup-meineEntwuerfe .popup-content-main .entwurf-liste:after {
    clear: both;
}
#open-popup-meineEntwuerfe .popup-content-main .entwurf-liste li {
    float: left;
    position: relative;
    padding-right: 30px;
    height: 200px;
}
#open-popup-meineEntwuerfe .popup-content-main .entwurf-liste li.in-warenkorb .entwurf-buttons button.btn-exemplare-bestellt {
    visibility: visible;
}
#open-popup-meineEntwuerfe .popup-content-main .entwurf-liste li.drafthasExemplare .entwurf-buttons button.btn-exemplare-angelegt {
    visibility: visible;
}
#open-popup-meineEntwuerfe .popup-content-main .entwurf-liste li.entwurfCurrent a {
    border: 2px solid #333;
}
#open-popup-meineEntwuerfe .popup-content-main .entwurf-liste li.owayo-geprueft a {
    background: url("../img/layout/icon-owayo-geprueft.svg") no-repeat 103% 103%;
    background-size: 30px;
}
#open-popup-meineEntwuerfe .popup-content-main .entwurf-liste li a {
    width: 120px;
    height: 120px;
    border: 1px solid #ccc;
    display: block;
    padding: 5px 1px 1px 1px;
}
#open-popup-meineEntwuerfe .popup-content-main .entwurf-liste li .entwurfName {
    height: 20px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    position: absolute;
    width: calc(100% - 30px);
    text-align: center;
    top: 125px;
    font-size: 12px;
}
#open-popup-meineEntwuerfe .popup-content-main .entwurf-liste li .entwurf-buttons {
    position: relative;
    width: 100px;
    margin: 25px auto 0 auto;
}
#open-popup-meineEntwuerfe .popup-content-main .entwurf-liste li .entwurf-buttons button {
    visibility: hidden;
    width: 30px;
    height: 20px;
    display: inline-block;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 20px;
    background-color: #fff;
    cursor: pointer;
}
#open-popup-meineEntwuerfe .popup-content-main .entwurf-liste li .entwurf-buttons button.btn-exemplare-bestellt {
    background-image: url("../img/layout/icon-wk-outline.svg");
    cursor: default;
}
#open-popup-meineEntwuerfe .popup-content-main .entwurf-liste li .entwurf-buttons button.btn-exemplare-angelegt {
    background-image: url("../img/layout/icon-exemplare.svg");
    height: 23px;
    background-size: 23px;
    cursor: default;
}
#open-popup-meineEntwuerfe .popup-content-main .entwurf-liste li .entwurf-buttons button.btn-delete-popup {
    visibility: visible;
    background-image: url("../img/layout/loeschen.svg");
    height: 23px;
    background-size: 23px;
}
#open-popup-meineEntwuerfe .popup-footer {
    position: absolute;
    bottom: 5px;
    right: 0;
    z-index: 99;
    background: #fff;
    padding-left: 40px;
    padding-top: 10px;
    width: calc(100% - 380px);
}
#open-popup-meineEntwuerfe .popup-footer .popup-footer-btn {
    padding-bottom: 22px;
}
#open-popup-meineEntwuerfe .popup-footer .entwurf-legende {
    position: relative;
}
#open-popup-meineEntwuerfe .popup-footer .entwurf-legende:after,
#open-popup-meineEntwuerfe .popup-footer .entwurf-legende:before {
    content: "";
    display: table;
}
#open-popup-meineEntwuerfe .popup-footer .entwurf-legende:after {
    clear: both;
}
#open-popup-meineEntwuerfe .popup-footer .entwurf-legende li {
    display: block;
    float: left;
    width: 33.333333%;
    font-size: 12px;
}
#open-popup-meineEntwuerfe .popup-footer .entwurf-legende li span {
    background-repeat: no-repeat;
    background-position: 0 1px;
    background-size: 20px 20px;
    display: block;
    padding: 5px 0 5px 28px;
}
#open-popup-meineEntwuerfe .popup-footer .entwurf-legende li span.legende-exemplare-bestellt {
    background-image: url("../img/layout/icon-wk-outline.svg");
}
#open-popup-meineEntwuerfe .popup-footer .entwurf-legende li span.legende-exemplareliste-angelegt {
    background-image: url("../img/layout/icon-exemplare.svg");
    background-size: 23px;
    padding: 5px 0 5px 32px;
}
#open-popup-meineEntwuerfe .popup-footer .entwurf-legende li span.legende-design-geprueft {
    background-image: url("../img/layout/icon-owayo-geprueft.svg");
    background-size: 25px;
    background-position: 0 -3px;
    padding: 5px 0 5px 34px;
}
#open-popup-meineEntwuerfe .el-icon-trash span {
    display: block;
}
#open-popup-meineEntwuerfe .el-icon-trash span.tooltip {
    position: relative;
    text-decoration: none;
}
#open-popup-meineEntwuerfe .el-icon-trash span.tooltip:after {
    content: attr(data-tooltip);
    position: absolute;
    bottom: 130%;
    left: 20%;
    background: #efefef;
    color: #565656;
    padding: 5px 15px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    white-space: nowrap;
    opacity: 0;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
#open-popup-meineEntwuerfe .el-icon-trash span.tooltip:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-top: 20px solid #ffcb66;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    transition: all 0.4s ease;
    opacity: 0;
    left: 30%;
    bottom: 90%;
}
#open-popup-meineEntwuerfe .el-icon-trash span.tooltip:hover:after {
    bottom: 100%;
}
#open-popup-meineEntwuerfe .el-icon-trash span.tooltip:hover:before {
    bottom: 70%;
}
#open-popup-meineEntwuerfe .el-icon-trash span.tooltip:hover:after,
#open-popup-meineEntwuerfe a:hover:before {
    opacity: 1;
}
#open-popup-meineEntwuerfe .open-popup-meineEntwuerfe {
    text-align: right;
}
.owayoUpload {
    background: url("../img/layout/haeckchen.svg") no-repeat right top;
    background-size: 65px 25px;
}
.entwurfMeta h3,
.entwurfMeta p {
    text-align: left;
}
.entwurfMeta h3 {
    font-size: 16px;
    font-size: 1rem;
    font-weight: 700;
}
.entwurfMeta .changeInfo {
    margin-top: 8px;
    font-style: italic;
}
#entwurfID {
    display: none;
}
img.removed-item {
    -webkit-animation: removed-item-animation 1s cubic-bezier(0.55, -0.04, 0.91, 0.94) forwards;
    -o-animation: removed-item-animation 1s cubic-bezier(0.55, -0.04, 0.91, 0.94) forwards;
    animation: removed-item-animation 1s cubic-bezier(0.55, -0.04, 0.91, 0.94) forwards;
    -webkit-transform-origin: 0% 100%;
    -ms-transform-origin: 0% 100%;
    -o-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
}
@keyframes removed-item-animation {
    0% {
        opacity: 1;
        -webkit-transform: rotateZ(0);
        -ms-transform: rotateZ(0);
        -o-transform: rotateZ(0);
        transform: rotateZ(0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(600px) rotateZ(90deg);
        -ms-transform: translateY(600px) rotateZ(90deg);
        -o-transform: translateY(600px) rotateZ(90deg);
        transform: translateY(600px) rotateZ(90deg);
    }
}
@-webkit-keyframes removed-item-animation {
    0% {
        opacity: 1;
        -webkit-transform: rotateZ(0);
        transform: rotateZ(0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(600px) rotateZ(90deg);
        transform: translateY(600px) rotateZ(90deg);
    }
}
@-o-keyframes removed-item-animation {
    0% {
        opacity: 1;
        -o-transform: rotateZ(0);
        transform: rotateZ(0);
    }
    100% {
        opacity: 0;
        -o-transform: translateY(600px) rotateZ(90deg);
        transform: translateY(600px) rotateZ(90deg);
    }
}
#open-popup-bereits-bestellt .popup-content,
#open-popup-exemplare-eingetragen .popup-content,
#open-popup-wirklich-loeschen .popup-content {
    padding: 0 50px;
}
#open-popup-wirklich-loeschen h2 {
    color: red;
}
#open-popup-wirklich-loeschen .popup-footer .popup-footer-btn:after,
#open-popup-wirklich-loeschen .popup-footer .popup-footer-btn:before {
    content: "";
    display: table;
}
#open-popup-wirklich-loeschen .popup-footer .popup-footer-btn:after {
    clear: both;
}
#open-popup-wirklich-loeschen .popup-footer .popup-footer-btn .standard-btn-grey {
    float: left;
}
#open-popup-wirklich-loeschen .popup-footer .popup-footer-btn .standard-btn-blue {
    float: right;
}
#materialEditor {
    position: absolute;
    top: 10%;
    left: 5%;
    width: 380px;
    background-color: #d3d3d3;
    z-index: 999999999;
}
#materialEditor .incputcontainer-innerdiv {
    float: left;
    clear: both;
}
#materialEditor .checkbox {
    float: right;
    width: 174px;
}
#materialEditor .me-header {
    float: left;
}
#materialEditor #materialEditorClose {
    float: right;
}
#materialEditor .fileinput {
    float: right;
    width: 110px;
}
#materialEditor .texture-image {
    float: right;
    width: 64px;
    height: 64px;
    border: 2px;
}
#materialEditor .texture-clear-button {
    float: right;
    width: 110px;
}
#materialEditor .floatleft-clear {
    float: left;
    clear: both;
}
#materialEditor .me-input-text {
    float: right;
    width: 174px;
}
#materialEditor .me-input-text.narrow {
    width: 70px;
}
#materialEditor .me-clear {
    clear: both;
}
#materialEditor .float-left {
    float: left;
}
#materialEditor .float-right {
    float: right;
}
#materialEditor #materialEditorSave {
    width: 100%;
}
#divWarenkorb {
    position: absolute;
    top: 50px;
    left: 0;
    height: 100%;
    width: 100%;
    margin: 0;
}
#divWarenkorb .wk-container {
    min-height: 500px;
    position: relative;
}
#divWarenkorb .tabs {
    width: 100%;
}
#divWarenkorb .tabs #owayo-control {
    background: url("../img/layout/schraffur.svg") repeat-x center center;
    background-size: contain;
}
#divWarenkorb .tabs #owayo-control .tab-nr {
    background: url("../img/layout/Logo.svg") no-repeat 0 0;
    background-size: 100% auto;
    width: 45px;
}
#divWarenkorb .tabs #owayo-control .warenkorbueberschrift {
    color: #006890;
    margin-left: 45px;
    margin-top: 2px;
}
@media screen and (max-width: 1110px) {
    #divWarenkorb .tabs #owayo-control .warenkorbueberschrift {
        font-size: 20px;
    }
}
#divWarenkorb .tabs #kunden-freigabe {
    background: #d3d3d3;
}
#divWarenkorb .tabs > li {
    float: left;
    width: 14.28%;
    background: #fff;
    text-align: center;
    position: relative;
}
#divWarenkorb .tabs > li .tab-nr1 {
    background: url("../img/layout/01_hell.svg") no-repeat 0 0;
}
#divWarenkorb .tabs > li .tab-nr2 {
    background: url("../img/layout/02_hell.svg") no-repeat 0 0;
}
#divWarenkorb .tabs > li .tab-nr3 {
    background: url("../img/layout/03_hell.svg") no-repeat 0 0;
}
#divWarenkorb .tabs > li .tab-nr4 {
    background: url("../img/layout/04_hell.svg") no-repeat 0 0;
}
#divWarenkorb .tabs > li .tab-nr5 {
    background: url("../img/layout/05_hell.svg") no-repeat 0 0;
}
#divWarenkorb .tabs > li .tab-nr6 {
    background: url("../img/layout/06_hell.svg") no-repeat 0 0;
}
#divWarenkorb .tabs > li .tab-nr7 {
    background: url("../img/layout/07_hell.svg") no-repeat 0 0;
}
#divWarenkorb .tabs > li:first-child {
    padding-left: 3%;
    text-align: left;
}
#divWarenkorb .tabs > li .warenkorbueberschrift {
    margin-top: 8px;
    display: inline-block;
    margin-left: 40px;
}
#divWarenkorb .tabs > li:nth-child(7) {
    background: #d3d3d3;
}
#divWarenkorb .tabs > li:nth-child(8) {
    background: #d3d3d3;
}
#divWarenkorb .tabs > li:last-child {
    border-right: none;
}
#divWarenkorb .tabs > li .tab-nr {
    height: 40px;
    width: 40px;
    display: inline-block;
    position: absolute;
    top: 20px;
    background-size: 34px 34px;
}
#divWarenkorb .tabs > li .tab-nr.checkmark:before {
    content: "\2713";
    display: inline-block;
    color: green;
    padding: 8px 6px 0 0;
}
#divWarenkorb .tabs > li .tab-nr.checkmark {
    font-size: 34px;
}
#divWarenkorb .tabs > li a {
    color: #f1f1f2;
    font-weight: 700;
    font-size: 13px;
    font-size: 0.8125rem;
    line-height: 1.25em;
    display: block;
    padding: 20px 5px;
    height: 70px;
    position: relative;
}
#divWarenkorb .tabs > li #itemsInBasket {
    margin-left: 40px;
    color: #f1f1f2;
    font-weight: 400;
    font-size: 13px;
    font-size: 0.8125rem;
    position: relative;
    display: inline-block;
    top: 0;
}
#divWarenkorb .tabs li.active {
    background: #fff;
}
#divWarenkorb .tabs li.active .tab-nr1 {
    background: url("../img/layout/01_dunkel.svg") no-repeat 0 0;
    background-size: contain;
}
#divWarenkorb .tabs li.active .tab-nr2 {
    background: url("../img/layout/02_dunkel.svg") no-repeat 0 0;
    background-size: contain;
}
#divWarenkorb .tabs li.active .tab-nr3 {
    background: url("../img/layout/03_dunkel.svg") no-repeat 0 0;
    background-size: contain;
}
#divWarenkorb .tabs li.active .tab-nr4 {
    background: url("../img/layout/04_dunkel.svg") no-repeat 0 0;
    background-size: contain;
}
#divWarenkorb .tabs li.active .tab-nr5 {
    background: url("../img/layout/05_dunkel.svg") no-repeat 0 0;
    background-size: contain;
}
#divWarenkorb .tabs li.active .tab-nr6 {
    background: url("../img/layout/06_dunkel.svg") no-repeat 0 0;
    background-size: contain;
}
#divWarenkorb .tabs li.active .tab-nr7 {
    background: url("../img/layout/07_dunkel.svg") no-repeat 0 0;
    background-size: contain;
}
#divWarenkorb .tabs li.active a {
    color: #000;
}
#divWarenkorb .tabs li.active a #itemsInBasket {
    color: #006890;
}
#divWarenkorb .tabs-content > div {
    padding: 30px 20px 0 20px;
}
#divWarenkorb .popup-footer {
    background: #666;
    padding: 20px;
    color: #fff;
}
#divWarenkorb .popup-footer .popup-footer-lieferzeit {
    float: left;
}
#divWarenkorb .popup-footer .popup-footer-lieferzeit span:first-child {
    font-weight: 700;
}
#divWarenkorb .popup-footer .wk-logos {
    float: right;
}
#divWarenkorb .standard-btn-blue {
    color: #fff;
}
img.delete-item {
    width: 15px;
    height: 15px;
}
.popup-footer-btn .small-string {
    text-align: center;
    padding-top: 5px;
    padding-left: 11px;
}
#divWarenkorb .exemplarliste-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
#divWarenkorb .exemplarliste-container h2 {
    font-size: 17px;
    font-size: 1.0625rem;
    line-height: 1.25em;
    text-align: left;
    color: #000;
    font-weight: 500;
    padding-top: 20px;
}
#divWarenkorb .exemplarliste-container p {
    text-align: left;
    font-size: 13px;
    font-size: 0.8125rem;
    line-height: 1.45em;
    margin-bottom: 15px;
}
#divWarenkorb .exemplarliste-container .offset-top {
    height: 70px;
    background: rgba(255, 255, 255, 0.9);
}
#divWarenkorb .exemplarliste-container .popup-content,
#divWarenkorb .exemplarliste-container .popup-footer,
#divWarenkorb .exemplarliste-container .popup-header {
    background: #fff;
    padding: 20px;
}
#divWarenkorb .exemplarliste-container .popup-content li:first-child,
#divWarenkorb .exemplarliste-container .popup-footer li:first-child,
#divWarenkorb .exemplarliste-container .popup-header li:first-child {
    float: left;
}
#divWarenkorb .exemplarliste-container .popup-content li:first-child a,
#divWarenkorb .exemplarliste-container .popup-footer li:first-child a,
#divWarenkorb .exemplarliste-container .popup-header li:first-child a {
    width: 220px;
}
#divWarenkorb .exemplarliste-container .popup-content li:last-child,
#divWarenkorb .exemplarliste-container .popup-footer li:last-child,
#divWarenkorb .exemplarliste-container .popup-header li:last-child {
    float: right;
}
#divWarenkorb .exemplarliste-container .popup-content li:last-child a,
#divWarenkorb .exemplarliste-container .popup-footer li:last-child a,
#divWarenkorb .exemplarliste-container .popup-header li:last-child a {
    width: 220px;
}
#wkItemsTabelle.tabelle thead th {
    padding-left: 0;
    border-bottom: 0;
}
#wkItemsTabelle.tabelle td:nth-child(1),
#wkItemsTabelle.tabelle th:nth-child(1) {
    width: 15%;
}
#wkItemsTabelle.tabelle td:nth-child(2),
#wkItemsTabelle.tabelle td:nth-child(3),
#wkItemsTabelle.tabelle th:nth-child(2),
#wkItemsTabelle.tabelle th:nth-child(3) {
    width: 25%;
}
#wkItemsTabelle.tabelle td,
#wkItemsTabelle.tabelle th {
    width: 15%;
}
#wkItemsTabelle.tabelle td:nth-child(6),
#wkItemsTabelle.tabelle th:nth-child(6) {
    width: 5%;
}
#userInteractionPopup.bestellbutton-info {
    height: 450px;
}
#wk-bestellung .rabattLink,
#wk-zusammenfassung .rabattLink {
    background: #006890;
    border-radius: 10px;
    width: 20px;
    display: inline-block;
    text-align: center;
    padding-top: 2px;
    color: #fff;
}
.info-i {
    width: 1.5em;
    margin-top: -0.5em;
}
#wk-zusammenfassung .standard-btn-grey.close.btnBackToKonfi {
    float: left;
    width: 220px;
}
#wk-zusammenfassung .tabelle thead th {
    border-right: 0;
    font-weight: 700;
    text-align: left;
}
#wk-zusammenfassung .tabelle tbody td {
    border-right: 0;
    text-align: left;
}
#wk-zusammenfassung .wk-zusammenfassung-body {
    background: #fafafa;
}
#wk-zusammenfassung .wk-zusammenfassung-body a.link-blue {
    color: #006890;
    text-decoration: underline;
}
#wk-zusammenfassung .wk-zusammenfassung-body span.underline {
    color: #006890;
}
#wk-zusammenfassung .wk-zusammenfassung-body td:nth-child(2) p {
    margin-top: 10px;
}
#wk-zusammenfassung .wk-zusammenfassung-body td:nth-child(3) .inputBox {
    text-align: center;
    margin-right: 15px;
    margin-bottom: 10px;
}
#wk-zusammenfassung .wk-zusammenfassung-body td:nth-child(3) .standard-btn-blue {
    border: none;
}
#wk-zusammenfassung .wk-zusammenfassung-body td:nth-child(3) .warning-sizes {
    text-decoration: underline;
    color: red;
}
#wk-zusammenfassung .wk-zusammenfassung-body td:nth-child(6) {
    text-align: right;
}
#wk-zusammenfassung .wk-zusammenfassung-body .standard-btn-blue {
    padding: 2px 15px;
}
#wk-zusammenfassung .wk-zusammenfassung-body .warning-sizes {
    background: url("../img/layout/stop.svg") no-repeat 0 0;
    background-size: 20px 20px;
    padding-top: 25px;
    display: inline-block;
}
#wk-zusammenfassung #zusammenfassung_zahlungsart {
    vertical-align: top;
}
#wk-zusammenfassung .wk-zusammenfassung-footer td:first-child {
    padding: 0;
}
#wk-zusammenfassung .wk-zusammenfassung-footer .wk-produktion-versand {
    background: #fdf8c0;
    -webkit-box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.51);
    -moz-box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.51);
    box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.51);
    padding: 20px;
    width: 85%;
    margin-top: 20px;
    margin-bottom: 40px;
}
#wk-zusammenfassung .wk-zusammenfassung-footer .wk-produktion-versand .row.active div {
    color: #228b22;
}
#wk-zusammenfassung .wk-zusammenfassung-footer .wk-produktion-versand .wk-produktion,
#wk-zusammenfassung .wk-zusammenfassung-footer .wk-produktion-versand .wk-versand {
    margin-bottom: 30px;
}
#wk-zusammenfassung .wk-zusammenfassung-footer .wk-produktion-versand .wk-produktion .float_left,
#wk-zusammenfassung .wk-zusammenfassung-footer .wk-produktion-versand .wk-versand .float_left {
    display: inline-block;
    float: left;
}
#wk-zusammenfassung .wk-zusammenfassung-footer .wk-produktion-versand .wk-produktion .quarterwidth,
#wk-zusammenfassung .wk-zusammenfassung-footer .wk-produktion-versand .wk-versand .quarterwidth {
    width: 25%;
}
#wk-zusammenfassung .wk-zusammenfassung-footer .wk-produktion-versand .wk-produktion .halfwidth,
#wk-zusammenfassung .wk-zusammenfassung-footer .wk-produktion-versand .wk-versand .halfwidth {
    width: 50%;
}
#wk-zusammenfassung .wk-zusammenfassung-footer .wk-produktion-versand .wk-produktion .thirtyfivepercentwidth,
#wk-zusammenfassung .wk-zusammenfassung-footer .wk-produktion-versand .wk-versand .thirtyfivepercentwidth {
    width: 35%;
}
#wk-zusammenfassung .wk-zusammenfassung-footer .wk-produktion-versand .wk-produktion .fifteenpercentwidth,
#wk-zusammenfassung .wk-zusammenfassung-footer .wk-produktion-versand .wk-versand .fifteenpercentwidth {
    width: 15%;
}
#wk-zusammenfassung .wk-zusammenfassung-footer .wk-produktion-versand .wk-produktion .produktion-head,
#wk-zusammenfassung .wk-zusammenfassung-footer .wk-produktion-versand .wk-versand .produktion-head {
    font-weight: 600;
    padding: 0 5px;
}
#wk-zusammenfassung .wk-zusammenfassung-footer .wk-produktion-versand .wk-produktion input,
#wk-zusammenfassung .wk-zusammenfassung-footer .wk-produktion-versand .wk-versand input {
    vertical-align: middle;
    margin-top: 0;
    margin-bottom: 0;
}
#wk-zusammenfassung .wk-zusammenfassung-footer .wk-produktion-versand #liefertermin-notice {
    margin-top: 0.7em;
}
#wk-zusammenfassung .wk-zusammenfassung-footer .wk-produktion-versand .lieferfootnote {
    display: block;
}
#wk-zusammenfassung .wk-zusammenfassung-footer .wk-produktion-versand a:active,
#wk-zusammenfassung .wk-zusammenfassung-footer .wk-produktion-versand a:link,
#wk-zusammenfassung .wk-zusammenfassung-footer .wk-produktion-versand a:visited {
    color: #006890;
    text-decoration: underline;
}
#wk-zusammenfassung .wk-zusammenfassung-footer td {
    vertical-align: top;
}
#wk-zusammenfassung .wk-zusammenfassung-footer td:nth-child(5) .inputBox {
    text-align: left;
}
#wk-zusammenfassung .wk-zusammenfassung-footer td:nth-child(4),
#wk-zusammenfassung .wk-zusammenfassung-footer td:nth-child(5) {
    padding-top: 20px;
}
#wk-zusammenfassung .wk-zusammenfassung-footer .express {
    text-decoration: underline;
    color: #b3b3b3;
}
#wk-zusammenfassung .wk-zusammenfassung-footer.endpreis td {
    font-size: 15px;
    font-size: 0.9375rem;
}
#wk-zusammenfassung .wk-zusammenfassung-footer.endpreis td:nth-child(4),
#wk-zusammenfassung .wk-zusammenfassung-footer.endpreis td:nth-child(5) {
    border-bottom: 1px solid #ccc;
}
#wk-zusammenfassung .tabelle tfoot td:nth-last-child(2) {
    border-top: 0;
    text-align: left;
}
#wk-zusammenfassung .tabelle,
#wk-zusammenfassung .tabelle tbody {
    border: 0;
}
#wk-zusammenfassung .tabelle {
    margin-bottom: 20px;
}
#wk-zusammenfassung .info {
    float: right;
    padding-left: 50px;
    width: 190px;
}
#open-popup-changeKontaktdaten {
    max-width: 800px;
    padding: 15px;
    background: #fff;
}
#open-popup-changeKontaktdaten h2,
#open-popup-changeKontaktdaten p {
    text-align: left;
}
#open-popup-changeKontaktdaten .popup-content {
    padding: 15px;
}
#open-popup-changeKontaktdaten #form-change-kontaktdaten input,
#open-popup-changeKontaktdaten #form-change-kontaktdaten label {
    width: 100%;
    display: block;
}
#open-popup-changeKontaktdaten .popup-footer li:first-child {
    float: left;
}
#open-popup-changeKontaktdaten .popup-footer li:last-child {
    float: right;
}
#open-popup-changeKontaktdaten .popup-footer a {
    width: 220px;
}
#open-popup-changeKontaktdaten .small-string {
    text-align: right;
}
#open-popup-preisuebersicht {
    max-width: 400px;
    padding: 15px;
    background: #fff;
}
#open-popup-preisuebersicht h2,
#open-popup-preisuebersicht p {
    text-align: left;
}
#open-popup-preisuebersicht .popup-content {
    background: #eaeaea;
    padding: 15px;
}
#open-popup-preisuebersicht #form-change-kontaktdaten input,
#open-popup-preisuebersicht #form-change-kontaktdaten label {
    width: 100%;
    display: block;
}
#open-popup-preisuebersicht .popup-footer li:first-child {
    float: left;
}
#open-popup-preisuebersicht .popup-footer li:last-child {
    float: right;
}
#open-popup-preisuebersicht .popup-footer a {
    width: 220px;
}
#open-popup-preisuebersicht .small-string {
    text-align: right;
}
#wk-adressdaten h2,
#wk-adressdaten label.h2 {
    font-weight: 500;
    margin-bottom: 1em;
}
#wk-adressdaten .accountdaten,
#wk-adressdaten .lieferadresse,
#wk-adressdaten .rechnungsadresse {
    width: 100%;
    background: #eaeaea;
    padding: 15px;
    margin-bottom: 15px;
}
#wk-adressdaten .accountdaten h2,
#wk-adressdaten .lieferadresse h2,
#wk-adressdaten .rechnungsadresse h2 {
    font-weight: 500;
    float: left;
    width: 25%;
    font-size: 13px;
    font-size: 0.8125rem;
}
#wk-adressdaten .accountdaten #Accountdaten,
#wk-adressdaten .accountdaten #Lieferadresse,
#wk-adressdaten .accountdaten #Rechnungsadresse,
#wk-adressdaten .lieferadresse #Accountdaten,
#wk-adressdaten .lieferadresse #Lieferadresse,
#wk-adressdaten .lieferadresse #Rechnungsadresse,
#wk-adressdaten .rechnungsadresse #Accountdaten,
#wk-adressdaten .rechnungsadresse #Lieferadresse,
#wk-adressdaten .rechnungsadresse #Rechnungsadresse {
    float: left;
    width: 50%;
}
#wk-adressdaten .accountdaten .standard-btn-blue,
#wk-adressdaten .lieferadresse .standard-btn-blue,
#wk-adressdaten .rechnungsadresse .standard-btn-blue {
    float: right;
    padding: 2px 15px;
}
#wk-adressdaten .popup-footer-btn li:last-child {
    float: right;
}
#wk-adressdaten #wk-adressen-disclaimer {
    margin-top: 1em;
}
#wk-zahlart .radio {
    padding: 15px;
    margin-bottom: 15px;
}
#wk-zahlart .radio.white {
    background: #fff;
}
#wk-zahlart .radio > div {
    float: left;
    width: 25%;
    display: inline-block;
    margin-bottom: 40px;
}
#wk-zahlart .radio > div .zahlart-betrag {
    font-weight: 600;
}
#wk-zahlart h2 {
    font-weight: 500;
    margin-bottom: 1em;
}
#wk-zahlart .zahlarten-disclaimer {
    margin-bottom: 2em;
}
#wk-zahlart .first-col {
    float: left;
    width: 25%;
}
#wk-zahlart .first-col label {
    font-weight: 500;
    margin-bottom: 10px;
    display: inline-block;
}
#wk-zahlart .first-col img:nth-child(1) {
    margin-left: 20px;
}
#wk-zahlart .first-col img.kreditkarten-logo {
    margin-right: 10px;
}
#wk-zahlart .popup-footer-btn li:last-child {
    float: right;
}
#wk-zahlart .popup-footer-btn li:first-child {
    width: 250px !important;
}
.designcheck {
    background: #fdf8c0;
    -webkit-box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.51);
    -moz-box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.51);
    box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.51);
    padding: 20px;
    width: 95%;
    margin-top: 20px;
}
.designcheck h2 {
    font-weight: 600;
    margin-bottom: 15px;
}
.designcheck .mit-freigabe,
.designcheck .speed {
    width: 50%;
    float: left;
}
.designcheck .mit-freigabe label,
.designcheck .speed label {
    font-weight: 600;
    margin-bottom: 0.5em;
    display: inline-block;
}
.designcheck .mit-freigabe p,
.designcheck .speed p {
    padding-left: 10px;
}
.designcheck .not-available {
    color: grey;
}
.designcheck #designcheck-speed-availability {
    margin-top: 1em;
}
#wkOverviewTabelle.tabelle tbody td,
#wkOverviewTabelle.tabelle thead th {
    padding: 0;
    border-right: 0;
    border-bottom: 0;
    text-align: left;
    vertical-align: top;
}
#wkOverviewTabelle.tabelle a {
    color: #006890;
    text-decoration: underline;
}
#wkOverviewTabelle.tabelle thead {
    background-color: #fff;
}
.designcheck-preis,
.verpackung,
.verpackung-preis {
    margin-bottom: 0em;
    margin-top: 0em;
}
.designcheck-preis,
.rabattcodeeingabe,
.verpackung,
.verpackung-preis {
    /*height: 0px;*/
}
.designcheck-preis p,
.rabattcodeeingabe p,
.verpackung p,
.verpackung-preis p {
    font-weight: 600;
}
.designcheck-preis span,
.rabattcodeeingabe span,
.verpackung span,
.verpackung-preis span {
    display: block;
}
.wk-gesamtpreis,
.wk-zusammenfassung-endpreis {
    font-weight: 600;
    font-size: 20px;
}
#acceptTabelle {
    margin-top: 40px;
}
#wk-bestellung #wkItemsTabelle {
    margin-bottom: 30px;
}
#wk-bestellung #wkItemsTabelle td,
#wk-bestellung #wkItemsTabelle th {
    width: 25%;
    border-bottom: none;
    border-right: 10px solid #fff;
}
#wk-bestellung #wkItemsTabelle td {
    background: #eaeaea;
    text-align: left;
}
#wk-bestellung #wkItemsTabelle td a {
    text-decoration: underline;
}
#wk-bestellung .wk-zusammenfassung-produktionsartlabel {
    display: none;
}
#wk-bestellung .wk-zusammenfassung-produktionsartlabel .show-when-no-date {
    display: inline;
}
#wk-bestellung .wk-zusammenfassung-produktionsartlabel .hide-when-no-date {
    display: none;
}
#wk-bestellung .wk-zusammenfassung-produktionsartlabel.active {
    display: inline;
}
#wk-pruefung {
    position: absolute;
    width: 100%;
    height: 100%;
    background: url("../img/layout/schraffur.svg") repeat center center;
    background-size: 75px;
}
#wk-pruefung h2 {
    font-size: 18px;
    margin-bottom: 20px;
    font-weight: 600;
}
#wk-pruefung h3 {
    font-weight: 600;
    margin-bottom: 0.2em;
}
#wk-pruefung p {
    margin-bottom: 20px;
}
#wk-pruefung .auftrag-freigeben {
    color: #ec1b52;
}
#wk-pruefung .wk-pruefung-innercontainer {
    position: absolute;
    background: #fff;
    padding: 20px;
    margin-right: 20px;
}
#wk-pruefung .popup-footer-btn.row {
    position: absolute;
    bottom: 10%;
}
#wk-pruefung #bestellung-freigabeBisTermin {
    white-space: nowrap;
}
.tab-overlay-content.active {
    display: block;
}
.tab-overlay-content {
    position: absolute;
    background: #595959;
    width: 700px;
    top: 71px;
    left: -500px;
    z-index: 999;
    padding: 40px;
    text-align: left;
    -webkit-box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.51);
    -moz-box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.51);
    box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.51);
    display: none;
}
.tab-overlay-content .active {
    display: block;
}
.tab-overlay-content > .red {
    color: #ec1b52;
}
.tab-overlay-content > .close {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 30px;
    height: 30px;
    background: url("../img/layout/close.svg") no-repeat center;
    background-size: 100% auto;
    cursor: pointer;
}
.tab-overlay-content h2,
.tab-overlay-content p {
    color: #fff;
    margin-bottom: 20px;
}
.tab-overlay-content h2 {
    font-size: 18px;
    font-weight: 600;
}
.tab-overlay-content h4 {
    margin: 0.5em 0;
    color: #fff;
    font-weight: 700;
}
.tab-overlay-content .popup_bezahhlung_answer {
    color: #fff;
}
.tab-overlay-content #bezahlung_popup_zahlarten {
    color: #fff;
    list-style-type: square;
    margin-left: 20px;
}
#wk-freigabe h2 {
    font-size: 18px;
    margin-bottom: 20px;
    font-weight: 600;
}
#wk-freigabe p {
    margin-bottom: 20px;
}
#wk-uebersicht-head-accept th {
    background: #eaeaea;
}
#acceptTabelle td,
#acceptTabelle th {
    border-bottom: none;
    border-right: none;
}
#acceptTabelle td {
    background: #eaeaea;
    text-align: left;
}
#acceptTabelle td:last-child {
    text-align: right;
}
#acceptTabelle .endpreis td {
    background: #fff;
}
#acceptTabelle .endpreis td:nth-child(4) {
    vertical-align: top;
    background: #3ae484;
}
#acceptTabelle .endpreis td:nth-child(4) strong {
    font-size: 17px;
    font-size: 1.0625rem;
}
#acceptTabelle .endpreis td:nth-child(5) {
    font-size: 17px;
    font-size: 1.0625rem;
    vertical-align: top;
    border-top: none;
    background: #3ae484;
}
#acceptTabelle .endpreis td:nth-child(6) {
    background: #3ae484;
}
#acceptTabelle td:nth-child(1),
#acceptTabelle th:nth-child(1) {
    width: 15%;
}
#acceptTabelle td:nth-child(2),
#acceptTabelle td:nth-child(3),
#acceptTabelle th:nth-child(2),
#acceptTabelle th:nth-child(3) {
    width: 25%;
}
#acceptTabelle td,
#acceptTabelle th {
    width: 15%;
}
#acceptTabelle td:nth-child(6),
#acceptTabelle th:nth-child(6) {
    width: 5%;
}
#acceptTabelle .wk-zusammenfassung-body-accept td:nth-child(3) {
    font-weight: 500;
    font-size: 17px;
    font-size: 1.0625rem;
}
#acceptTabelle .wk-zusammenfassung-footer td {
    background: #fff;
}
.wk-zusammenfassung-anmerkung {
    width: 35%;
    float: right;
    margin-top: 5px;
    margin-bottom: 35px;
}
.wk-zusammenfassung-anmerkung textarea {
    padding: 15px;
    border: 1px solid #cacaca;
    margin-top: 20px;
    width: 100%;
}
#wk-adressdaten .popup-footer-btn,
#wk-zahlart .popup-footer-btn,
#wk-zusammenfassung .popup-footer-btn {
    float: left;
    width: 100%;
}
#wk-adressdaten .popup-footer-btn li,
#wk-zahlart .popup-footer-btn li,
#wk-zusammenfassung .popup-footer-btn li {
    float: left;
    width: 220px !important;
    padding-right: 15px;
}
#wk-adressdaten .popup-footer-btn a,
#wk-zahlart .popup-footer-btn a,
#wk-zusammenfassung .popup-footer-btn a {
    width: 100%;
}
#wk-adressdaten a.underline,
#wk-zahlart a.underline,
#wk-zusammenfassung a.underline {
    color: #006890;
    text-decoration: underline;
}
#wk-bestellung .anfrage-bestellung,
#wk-zusammenfassung .anfrage-bestellung {
    float: right;
    margin-bottom: 20px;
}
#wk-bestellung .anfrage-bestellung li,
#wk-zusammenfassung .anfrage-bestellung li {
    float: left;
    width: 220px;
    padding-left: 15px;
}
#wk-bestellung .anfrage-bestellung a,
#wk-zusammenfassung .anfrage-bestellung a {
    display: inline-block;
    width: 100%;
}
.bestellvorgang-icon {
    width: 100%;
    padding: 20px 5% 40px 5%;
    border-bottom: 2px solid #ececec;
}
.bestellvorgang-icon .icon-block {
    float: left;
    width: 20%;
    padding: 0 20px;
    text-align: center;
}
.bestellvorgang-icon .icon-block img {
    width: 100px;
    height: 100px;
}
.bestellvorgang-icon .icon-block span {
    display: block;
    font-weight: 700;
    text-transform: uppercase;
    padding-top: 15px;
    text-align: center;
    font-size: 16px;
    font-size: 1rem;
}
.bestellvorgang-text {
    width: 100%;
    padding: 40px 5% 20px 5%;
}
.bestellvorgang-text p {
    float: left;
    width: 20%;
    padding: 0 20px;
    text-align: center;
}
.wk-zusammenfassung-adresse,
.wk-zusammenfassung-artikel,
.wk-zusammenfassung-email {
    padding-bottom: 20px;
    border-bottom: 2px solid #ececec;
    padding-top: 20px;
}
.wk-zusammenfassung-adresse .lieferadresse,
.wk-zusammenfassung-adresse .rechnungsadresse {
    float: left;
    width: 300px;
}
.wk-zusammenfassung-adresse h2 {
    font-weight: 700;
    margin-bottom: 10px;
    font-size: 14px;
    font-size: 0.875rem;
}
.wk-zusammenfassung-adresse p {
    margin-bottom: 0 !important;
}
#form-adresse {
    width: 60%;
    float: left;
    margin-top: 80px;
}
#form-adresse-neu {
    width: 60%;
    background: #ececec;
    padding: 15px;
}
#form-adresse label,
#form-adresse-neu label {
    display: block;
    margin-bottom: 2px;
}
#form-adresse input,
#form-adresse-neu input {
    display: block;
    border: none;
    background: #fff;
    padding: 8px;
    margin-bottom: 15px;
    width: 100%;
}
#form-adresse .email-tel div,
#form-adresse .plz-ort div,
#form-adresse .ust-rabatt div,
#form-adresse-neu .email-tel div,
#form-adresse-neu .plz-ort div,
#form-adresse-neu .ust-rabatt div {
    float: left;
}
#form-adresse .plz-ort div:first-child,
#form-adresse-neu .plz-ort div:first-child {
    width: 30%;
    padding-right: 20px;
}
#form-adresse .plz-ort div:last-child,
#form-adresse-neu .plz-ort div:last-child {
    width: 70%;
}
#form-adresse .email-tel div:first-child,
#form-adresse .ust-rabatt div:first-child,
#form-adresse-neu .email-tel div:first-child,
#form-adresse-neu .ust-rabatt div:first-child {
    width: 50%;
    padding-right: 10px;
}
#form-adresse .email-tel div:last-child,
#form-adresse .ust-rabatt div:last-child,
#form-adresse-neu .email-tel div:last-child,
#form-adresse-neu .ust-rabatt div:last-child {
    width: 50%;
    padding-left: 10px;
}
#open-popup-warenkorb-changeAddress .adresse {
    float: left;
    width: 50%;
}
#open-popup-warenkorb-changeAddress .adresse span:first-child {
    padding-right: 4px;
}
#open-popup-warenkorb-changeAddress .adresse .popup-btn {
    display: block;
    margin-top: 10px;
}
#open-popup-warenkorb-changeAddress .popup-btn {
    width: 200px;
    margin-top: 20px;
}
#wk-zahlart p {
    margin-bottom: 20px;
}
.btn-warenkorb-popup {
    display: none;
}
.in-warenkorb .btn-warenkorb-popup {
    display: block;
}
.bezahlung_popup_zahlartenheader {
    font-weight: bolder;
}
.popup_bezahhlung_answer.produktionsstart {
    color: #ffa07a;
}
#popup_bezahlung_versandterminBeiZahlungHeute {
    color: #90ee90;
}
#exemplarliste-dateneingabe .button {
    width: 35%;
    min-width: 150px;
}
#exemplarliste-dateneingabe .left-btn {
    float: left;
}
#exemplarliste-dateneingabe .right-btn {
    float: right;
}
@media screen and (max-width: 1110px) {
    #divWarenkorb .tabs > li .tab-nr {
        width: 25px;
        height: 25px;
        top: 23px;
        background-size: contain;
    }
}
#open-popup-Exemplardaten .exemplardaten-intro {
    text-align: right;
}
#open-popup-Exemplardaten .exemplardaten-wrapper .row {
    margin-bottom: 10px;
}
#open-popup-Exemplardaten #fixeTexte-rows .row {
    background: #eaeaea;
    margin-bottom: 10px;
}
#open-popup-Exemplardaten .exemplardaten-text {
    float: left;
    width: 50%;
    display: block;
    padding: 8px 10px;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: 500;
}
#open-popup-Exemplardaten .exemplardaten-label {
    float: right;
    width: 50%;
    text-align: center;
}
#open-popup-Exemplardaten .exemplardaten-auswahl {
    float: left;
    width: 50%;
    text-align: center;
}
#open-popup-Exemplardaten .exemplardaten-gleich,
#open-popup-Exemplardaten .exemplardaten-unterschiedlich {
    float: left;
    width: 50%;
    text-align: center;
    border: none;
    padding: 0;
    margin: 8px 0 0 0;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: 500;
}
#open-popup-Exemplardaten .exemplardaten-one {
    margin-bottom: 20px;
}
#open-popup-Exemplardaten .exemplardaten-one .open-dateneingabe {
    text-decoration: underline;
}
#divExemplarDaten {
    padding: 0;
    height: auto;
    width: 1140px;
    max-width: 100%;
    top: 10px;
}
#divExemplarDaten input,
#divExemplarDaten select,
#divExemplarDaten textarea {
    background: #fff;
    border: 1px solid #cdcdcd;
    padding: 5px 10px;
    margin-bottom: 0;
    color: #343434;
}
#divExemplarDaten .popup-input {
    text-align: left;
}
@media screen and (max-width: 1100px) {
    #divExemplarDaten {
        max-width: 90%;
        min-width: auto;
        right: 0;
    }
}
#divExemplarDaten .popup-header {
    padding: 30px 40px 0 40px;
}
#divExemplarDaten .popup-header #dataInput_Header {
    text-align: left;
    padding: 0;
    margin: 0;
    color: #006890;
    margin-bottom: 10px;
}
@media screen and (max-width: 800px) {
    #divExemplarDaten .popup-header {
        padding: 30px 20px 0 20px;
    }
}
#divExemplarDaten .popup-content {
    padding: 10px 40px;
}
@media screen and (max-width: 800px) {
    #divExemplarDaten .popup-content {
        padding: 10px 20px;
    }
}
#divExemplarDaten .popup-footer .popup-footer-btn {
    width: 100%;
    padding: 20px 40px 30px 40px;
    position: relative;
    bottom: 0;
    padding: 20px 20px 30px 20px;
}
#divExemplarDaten .popup-footer .popup-footer-btn #backToWarenkorb,
#divExemplarDaten .popup-footer .popup-footer-btn #saveExemplare {
    width: 30%;
}
h2 {
    padding-bottom: 10px;
}
h3 {
    font-size: 15px;
}
.exemplardaten-meta {
    position: relative;
    width: 100%;
    margin-bottom: 35px;
}
.exemplardaten-meta:after,
.exemplardaten-meta:before {
    content: "";
    display: table;
}
.exemplardaten-meta:after {
    clear: both;
}
.exemplardaten-meta .exemplardaten-meta-preis {
    float: left;
    width: 60%;
}
.exemplardaten-meta .exemplardaten-meta-preis input,
.exemplardaten-meta .exemplardaten-meta-preis span {
    display: inline-block;
}
.exemplardaten-meta .exemplardaten-meta-preis .exem-meta-input {
    width: 50px;
    padding: 5px;
    border: 1px solid #d1d1d1;
    text-align: center;
    font-size: 15px;
    margin-right: 10px;
}
.exemplardaten-meta .exemplardaten-meta-preis .exem-meta-st {
    font-size: 14px;
    margin-right: 13px;
}
.exemplardaten-meta .exemplardaten-meta-preis .exem-meta-preis-st {
    font-size: 14px;
    font-weight: 600;
}
.exemplardaten-meta .exemplardaten-meta-preis .exem-meta-pro {
    font-size: 13px;
}
.exemplardaten-meta .exemplardaten-meta-preis .exem-meta-mwst {
    color: #a0a0a0;
    font-style: italic;
    font-size: 12px;
}
.exemplardaten-meta .exemplardaten-meta-download {
    float: right;
}
.exemplardaten-meta .exemplardaten-meta-download a {
    display: block;
    color: #006890;
    text-decoration: underline;
    font-weight: 500;
}
.exemplardaten-meta #groessenTabellenLink {
    color: #0077ab;
}
#startAmount {
    display: none;
}
.popup-footer .popup-footer-btn:after,
.popup-footer .popup-footer-btn:before {
    content: "";
    display: table;
}
.popup-footer .popup-footer-btn:after {
    clear: both;
}
.popup-footer .popup-footer-btn .standard-btn-grey {
    float: left;
}
.popup-footer .popup-footer-btn .standard-btn-blue {
    float: right;
}
#einzelexemplarTabelle {
    margin-bottom: 60px;
    padding-bottom: 60px;
    position: relative;
}
#einzelexemplarTabelle:after,
#einzelexemplarTabelle:before {
    content: "";
    display: table;
}
#einzelexemplarTabelle:after {
    clear: both;
}
#einzelexemplarTabelle .groessenErklaerLink {
    display: inline-block;
    color: #006890;
    text-decoration: underline;
    font-size: 12px;
    font-weight: 400;
}
#einzelexemplarTabelle .delete-item {
    background: url("/konfigurator_html/global/img/loeschen.svg") no-repeat center;
    height: 23px;
    width: 23px;
    background-size: 23px;
    display: block;
    font: 0/0 a;
    text-shadow: none;
    color: transparent;
}
#einzelexemplarTabelle label {
    display: inline-block;
    font-size: 12px;
    font-weight: 400;
    width: auto;
}
#einzelexemplarTabelle .exem-table-column {
    display: flex;
    flex-direction: column;
    background: #eaeaea;
    width: 156px;
    float: left;
}
#einzelexemplarTabelle .exem-table-column.no-fields .col-heading label,
#einzelexemplarTabelle .exem-table-column.no-fields .col-heading span {
    display: none;
}
#einzelexemplarTabelle .exem-table-column.no-fields .col-content input {
    visibility: hidden;
}
#einzelexemplarTabelle .exem-table-column:nth-child(1) {
    width: 85px;
}
#einzelexemplarTabelle .exem-table-column:nth-child(1) .col-content {
    border-left: 1px solid #cdcdcd;
    padding-left: 17px;
}
#einzelexemplarTabelle .exem-table-column:nth-child(2) {
    width: 145px;
}
#einzelexemplarTabelle .exem-table-column.last {
    width: 50px;
    position: absolute;
    right: 0;
    top: 0;
}
#einzelexemplarTabelle .exem-table-column.last .col-content {
    border-right: 1px solid #cdcdcd;
}
@media screen and (max-width: 1100px) {
    #einzelexemplarTabelle .exem-table-column.last {
        left: 230px;
    }
}
#einzelexemplarTabelle .exem-table-column .col-heading {
    background: #fff;
    padding: 5px 10px;
    font-weight: 600;
    height: 55px;
    position: relative;
}
#einzelexemplarTabelle .exem-table-column .col-heading span {
    display: block;
    font-weight: 700;
    margin-bottom: 4px;
}
#einzelexemplarTabelle .exem-table-column .col-heading .col-link {
    display: inline-block;
    color: #006890;
    text-decoration: underline;
    font-size: 12px;
    font-weight: 400;
    text-align: left;
    width: 100%;
}
#einzelexemplarTabelle .exem-table-column .col-heading .col-link.info-text-fixed {
    position: absolute;
    margin-left: 5px;
}
#einzelexemplarTabelle .exem-table-column .col-heading input {
    width: 20px;
    display: inline-block;
}
#einzelexemplarTabelle .exem-table-column .col-content {
    background: #f3f3f3;
    padding: 10px;
    border-top: 1px solid #cdcdcd;
    height: 50px;
}
#einzelexemplarTabelle .exem-table-column .col-content:last-child {
    border-bottom: 1px solid #cdcdcd;
}
#einzelexemplarTabelle .calcAmount {
    width: 45px;
    margin: 0 auto;
}
.exem-add-row {
    position: absolute;
    left: 0;
    bottom: 0;
}
.exem-add-row .add-row {
    cursor: pointer;
    color: #006890;
    font-weight: 500;
    padding-top: 30px;
    padding-left: 30px;
    display: inline-block;
    background: url("/konfigurator_html/global/img/add_exemplar.svg") no-repeat left 25px;
    background-size: 25px 25px;
}
.tabelle {
    margin: 20px 0;
    border-collapse: separate;
}
.tabelle thead th {
    border-bottom: 1px solid #ececec;
    border-right: 1px solid #ececec;
    font-weight: 700;
    text-align: left;
}
.tabelle thead th a {
    font-weight: 700;
}
.tabelle thead th:last-child {
    border-right: 0;
}
.tabelle tbody td {
    border-right: 1px solid #ececec;
    text-align: center;
}
.tabelle tbody td:last-child {
    border-right: 0;
}
.tabelle tbody {
    background: #fff;
}
.tabelle tfoot td:nth-last-child(2) {
    text-align: center;
    border-top: 1px solid #ececec;
}
.tabelle td,
.tabelle th {
    width: 140px;
    padding: 10px;
}
.toLock {
    background: url("/konfigurator_html/global/img/Icon_Schloss offen.svg") no-repeat right 0;
    background-size: contain;
    padding-right: 18px;
}
.daten-none {
    display: none;
}
.dateneingabe-fix {
    margin-bottom: 15px;
    padding: 25px 0;
    border-top: 1px solid #cacaca;
    border-bottom: 1px solid #cacaca;
}
.dateneingabe-fix:after,
.dateneingabe-fix:before {
    content: "";
    display: table;
}
.dateneingabe-fix:after {
    clear: both;
}
.dateneingabe-fix span {
    display: none;
}
.dateneingabe-fix-btn {
    padding: 10px;
    margin-right: 15px;
    width: 200px;
    border: 1px solid #cacaca;
    display: inline-block;
    opacity: 0.4;
    background: url("/konfigurator_html/global/img/schloss_geschlossen.svg") no-repeat 170px 10px #dedede;
    background-size: 15px 15px;
}
.dataScroll-left,
.dataScroll-right {
    position: absolute;
    bottom: 100px;
    z-index: 999;
    width: 25px;
    height: 50px;
}
.dataScroll-left img,
.dataScroll-right img {
    width: 100%;
    height: auto;
}
.dataScroll-left {
    left: 10px;
}
.dataScroll-right {
    right: 10px;
}
#open-popup-AnzahlExemplareChanged {
    max-width: 800px;
    height: 400px;
}
#open-popup-AnzahlExemplareChanged h2,
#open-popup-AnzahlExemplareChanged p {
    text-align: left;
}
#open-popup-AnzahlExemplareChanged .offset {
    margin-bottom: 25px;
}
#open-popup-AnzahlExemplareChanged .popup-content p:nth-child(2),
#open-popup-AnzahlExemplareChanged .popup-content p:nth-child(3) {
    width: 48%;
    border: 1px solid #cacaca;
    text-align: center;
    height: 150px;
    padding-top: 0;
}
#open-popup-AnzahlExemplareChanged .offset-middle {
    padding-top: 40px;
    display: block;
}
#open-popup-AnzahlExemplareChanged .popup-content p:nth-child(2) {
    float: left;
}
#open-popup-AnzahlExemplareChanged .popup-content p:nth-child(3) {
    float: right;
}
#open-popup-AnzahlExemplareChanged #newAmount,
#open-popup-AnzahlExemplareChanged #oldAmount,
#open-popup-AnzahlExemplareChanged .stueck {
    font-size: 24px;
    font-size: 1.5rem;
    display: inline-block;
    padding-top: 5px;
}
#open-popup-AnzahlExemplareChanged .popup-footer-btn li:first-child {
    float: left;
}
#open-popup-AnzahlExemplareChanged .popup-footer-btn li:last-child {
    float: right;
}
#open-popup-AnzahlExemplareChanged .popup-footer-btn a {
    width: 220px;
}
#divExemplarDaten_mobile .epl__content--meta {
    width: 100%;
}
#divExemplarDaten_mobile .epl__content--meta .epl__meta--input {
    display: inline-block;
    width: 50px;
    padding: 4px 5px;
    border: 1px solid #d1d1d1;
    text-align: center;
    font-size: 16px;
    margin-right: 10px;
    margin-bottom: 10px;
}
#divExemplarDaten_mobile .epl__content--meta .epl__meta--piece {
    display: inline-block;
    font-size: 15px;
    margin-right: 13px;
}
#divExemplarDaten_mobile .epl__content--meta .epl__meta--price {
    display: inline-block;
    font-size: 15px;
    font-weight: 600;
}
#divExemplarDaten_mobile .epl__content--meta .epl__meta--pro {
    display: inline-block;
    font-size: 14px;
}
#divExemplarDaten_mobile .epl__content--meta .epl__meta--mwst {
    display: inline-block;
    color: #a0a0a0;
    font-style: italic;
    font-size: 12px;
}
#divExemplarDaten_mobile .epl__content--data {
    display: flex;
    flex-direction: row;
    overflow: hidden;
}
#divExemplarDaten_mobile .epl__content--data .epl__cell {
    position: relative;
    width: 100%;
    height: 70px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    border-bottom: 1px solid #cdcdcd;
}
#divExemplarDaten_mobile .epl__content--data .epl__cell input {
    padding: 4px 10px;
    margin-bottom: 0;
    width: 140px;
    color: #343434;
}
#divExemplarDaten_mobile .epl__content--data .epl__cell .select-wrapper-konfi {
    width: 140px;
}
#divExemplarDaten_mobile .epl__content--data .epl__data__col--fix {
    width: 125px;
    background: #eaeaea;
    border-right: 1px solid #cdcdcd;
    border-left: 1px solid #cdcdcd;
    border-top: 1px solid #cdcdcd;
    border-bottom: 1px solid #cdcdcd;
    position: relative;
    z-index: 9;
    -webkit-box-shadow: 2px 0 4px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 2px 0 4px rgba(0, 0, 0, 0.2);
    box-shadow: 2px 0 4px rgba(0, 0, 0, 0.2);
}
#divExemplarDaten_mobile .epl__content--data .epl__data__col--fix label {
    font-size: 12px;
    font-weight: 400;
    padding-left: 20px;
}
#divExemplarDaten_mobile .epl__content--data .epl__data__col--fix .epl__cell:last-child {
    border-bottom: none;
}
#divExemplarDaten_mobile .epl__content--data .epl__data__col--fix .col__fix--label,
#divExemplarDaten_mobile .epl__content--data .epl__data__col--fix .col__fix--number {
    display: block;
    font-weight: 700;
    margin-bottom: 5px;
    padding-left: 20px;
}
#divExemplarDaten_mobile .epl__content--data .epl__data__col--fix .col__fix--link {
    display: inline-block;
    color: #006890;
    text-decoration: underline;
    font-size: 12px;
    font-weight: 400;
    padding-left: 20px;
}
#divExemplarDaten_mobile .epl__content--data .epl__data__col--fix .cb-konfi + label::before,
#divExemplarDaten_mobile .epl__content--data .epl__data__col--fix .cb-konfi.cb-haken:checked + label::before {
    color: #fff;
}
#divExemplarDaten_mobile .epl__content--data .epl__data__col--wrapper {
    width: calc(100% - 125px);
    display: flex;
    flex-direction: row;
    overflow-x: scroll;
}
#divExemplarDaten_mobile .epl__content--data .epl__data__col--wrapper .col__data {
    flex-shrink: 0;
    width: 180px;
    background: #f5f5f5;
    border-right: 1px solid #cdcdcd;
    border-top: 1px solid #cdcdcd;
    border-bottom: 1px solid #cdcdcd;
    display: flex;
    flex-direction: column;
    align-items: center;
}
#divExemplarDaten_mobile .epl__content--data .epl__data__col--wrapper .col__data:nth-child(even) {
    background: #f5f5f5;
}
#divExemplarDaten_mobile .epl__content--data .epl__data__col--wrapper .epl__cell {
    align-items: center;
}
#divExemplarDaten_mobile .epl__add--col {
    position: relative;
}
#divExemplarDaten_mobile .epl__add--col .add--col {
    cursor: pointer;
    color: #006890;
    font-weight: 500;
    padding-top: 30px;
    padding-left: 30px;
    display: inline-block;
    background: url("/konfigurator_html/global/img/add_exemplar.svg") no-repeat left 25px;
    background-size: 25px 25px;
}
#divExemplarDaten_mobile .popup-footer .standard-btn-grey {
    width: 160px;
    float: left;
    display: block;
}
#divExemplarDaten_mobile .popup-footer .standard-btn-blue {
    float: right;
    width: 160px;
    display: block;
}
@media screen and (max-width: 380px) {
    #divExemplarDaten_mobile .popup-footer .standard-btn-grey {
        float: none;
        clear: both;
        margin: 0 auto 20px auto;
        width: 200px;
    }
    #divExemplarDaten_mobile .popup-footer .standard-btn-blue {
        float: none;
        clear: both;
        margin: 0 auto;
        width: 200px;
    }
}
.standard-btn,
.standard-btn-blue,
.standard-btn-grey {
    cursor: pointer;
    display: inline-block;
    font-weight: 400;
    text-align: center;
    position: relative;
    padding: 8px;
}
.standard-btn-grey {
    background-color: #fff;
    border: 1px solid #000;
    color: #000;
}
.standard-btn-blue {
    background-color: #00639e;
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjEuMCIgeDI9IjEuMCIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwNjM5ZSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwNzdhYiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==");
    background-size: 100%;
    background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0, #00639e), color-stop(100%, #0077ab));
    background-image: -moz-linear-gradient(bottom, #00639e, #0077ab);
    background-image: -webkit-linear-gradient(bottom, #00639e, #0077ab);
    background-image: linear-gradient(to top right, #00639e, #0077ab);
    border: 1px solid #0077ab;
}
.pinned-on-off {
    float: left;
    width: 50%;
    position: relative;
}
.switch {
    display: table-cell;
    padding: 10px;
    vertical-align: middle;
}
.cmn-toggle {
    position: absolute;
    margin-left: -9999px;
    visibility: hidden;
}
.cmn-toggle + label {
    display: block;
    position: relative;
    cursor: pointer;
    outline: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
input.cmn-toggle-round + label {
    padding: 2px;
    width: 60px !important;
    height: 30px;
    background-color: #e6e6e6;
    -webkit-border-radius: 30px;
    border-radius: 30px;
    background-clip: padding-box;
}
input.cmn-toggle-round + label:after,
input.cmn-toggle-round + label:before {
    display: block;
    position: absolute;
    top: 1px;
    left: 1px;
    bottom: 1px;
    content: "";
}
input.cmn-toggle-round + label:before {
    right: 1px;
    background-color: #f1f1f1;
    -webkit-border-radius: 30px;
    border-radius: 30px;
    background-clip: padding-box;
    -moz-transition: background 0.4s;
    -o-transition: background 0.4s;
    -webkit-transition: background 0.4s;
    transition: background 0.4s;
}
input.cmn-toggle-round + label:after {
    width: 28px;
    background-color: #fff;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    border-radius: 100%;
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
    -webkit-transition: margin 0.4s;
    -moz-transition: margin 0.4s;
    -o-transition: margin 0.4s;
    transition: margin 0.4s;
}
input.cmn-toggle-round:checked + label:before {
    background-color: #006890;
}
input.cmn-toggle-round:checked + label:after {
    margin-left: 30px;
}
.select-wrapper {
    border: 1px solid #999;
    width: 120px;
    height: 25px;
    overflow: hidden;
    background: #fafafa url("img/icon-select.png") no-repeat 90% 50%;
}
.select-dropdown {
    -webkit-border-radius: 2px;
    border-radius: 2px;
    background-clip: padding-box;
    padding: 2px 5px;
    border: 1px solid #999;
    height: 24px;
    color: #333;
    background-color: #e1e0e0;
    background-image: -moz-linear-gradient(center top, #e1e0e0, #ccc);
    box-shadow: 0 1px 0 0 #edeef0 inset;
}
.select-dropdown option {
    padding: 3px;
}
.icon-big-btn {
    display: block;
    text-align: center;
}
.icon-big-btn img {
    width: 30px;
}
.icon-small-btn {
    display: block;
}
.icon-small-btn img {
    width: 20px;
    float: left;
}
.icon-small-btn span {
    display: block;
    float: left;
    padding-bottom: 8px;
}
.inputBox {
    border: 1px solid #ccc;
    padding: 5px;
}
button::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner {
    border: none;
}
#loadingProgressG {
    display: none;
    width: 256px;
    height: 20px;
    overflow: hidden;
    background-color: #000;
    position: absolute;
    left: 50%;
    margin-left: -128px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background-clip: padding-box;
    z-index: 999999;
}
.loadingProgressG {
    background-color: #fff;
    margin-top: 0;
    margin-left: -256px;
    -moz-animation-name: bounce_loadingProgressG;
    -moz-animation-duration: 1.9s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -webkit-animation-name: bounce_loadingProgressG;
    -webkit-animation-duration: 1.9s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -ms-animation-name: bounce_loadingProgressG;
    -ms-animation-duration: 1.9s;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
    -o-animation-name: bounce_loadingProgressG;
    -o-animation-duration: 1.9s;
    -o-animation-iteration-count: infinite;
    -o-animation-timing-function: linear;
    animation-name: bounce_loadingProgressG;
    animation-duration: 1.9s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    width: 256px;
    height: 20px;
}
@-moz-keyframes bounce_loadingProgressG {
    0% {
        margin-left: -256px;
    }
    100% {
        margin-left: 256px;
    }
}
@-webkit-keyframes bounce_loadingProgressG {
    0% {
        margin-left: -256px;
    }
    100% {
        margin-left: 256px;
    }
}
@-ms-keyframes bounce_loadingProgressG {
    0% {
        margin-left: -256px;
    }
    100% {
        margin-left: 256px;
    }
}
@-o-keyframes bounce_loadingProgressG {
    0% {
        margin-left: -256px;
    }
    100% {
        margin-left: 256px;
    }
}
@keyframes bounce_loadingProgressG {
    0% {
        margin-left: -256px;
    }
    100% {
        margin-left: 256px;
    }
}
.js-tabby .tabs {
    display: block;
    visibility: visible;
}
.tabs a,
.tabs button {
    cursor: pointer;
}
.js-tabby .tabs-pane {
    display: none;
    visibility: hidden;
}
.tabs-pane.active {
    display: block;
    visibility: visible;
    position: relative;
}
.tabs:after,
.tabs:before {
    content: "";
    display: table;
}
.tabs:after {
    clear: both;
}
.slider-footer {
    height: 40px;
    position: absolute;
    background: #a8d8fc;
    background-color: #cde1fc;
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NkZTFmYyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzljYzdmZSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==");
    background-size: 100%;
    background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0, #cde1fc), color-stop(100%, #9cc7fe));
    background-image: -moz-linear-gradient(top, #cde1fc 0, #9cc7fe 100%);
    background-image: -webkit-linear-gradient(top, #cde1fc 0, #9cc7fe 100%);
    background-image: linear-gradient(to bottom, #cde1fc 0, #9cc7fe 100%);
    width: 100%;
    overflow: hidden;
    border-bottom: 1px solid #9fb1d5;
    left: 0;
    bottom: 0;
}
.slider-footer:after,
.slider-footer:before {
    content: "";
    display: table;
}
.slider-footer:after {
    clear: both;
}
.slider-footer .prev {
    position: absolute;
    left: 0;
    top: 0;
    border: none;
    cursor: pointer;
    display: block;
    background: url("../img/layout/nach-links.svg") no-repeat center center;
    background-size: 20px auto;
    height: 40px;
    width: 60px;
    border-right: 1px solid #a8ccfe;
    font: 0/0 a;
    text-shadow: none;
    color: transparent;
    transition: all 0.3s;
}
.slider-footer .prev:hover {
    background-color: #9ed4fc;
}
.slider-footer .next {
    position: absolute;
    right: 0;
    top: 0;
    border: none;
    cursor: pointer;
    display: block;
    background: url("../img/layout/nach-rechts.svg") no-repeat center center;
    background-size: 20px auto;
    height: 40px;
    width: 60px;
    border-left: 1px solid #afc6f2;
    font: 0/0 a;
    text-shadow: none;
    color: transparent;
    transition: all 0.3s;
}
.slider-footer .next:hover {
    background-color: #9ed4fc;
}
.slider-pagination {
    position: absolute;
    left: 60px;
    top: 0;
    height: 40px;
    width: calc(100% - 120px);
    text-align: center;
    padding-top: 10px;
}
.slider-pagination span {
    display: inline-block;
    padding: 0 8px;
    font-weight: 100;
    cursor: pointer;
}
.slider-pagination span:hover {
    color: #595959;
}
.slider-pagination span.pagination-active {
    cursor: auto;
    font-weight: 900;
}
footer.swiper-arrows.row {
    position: absolute;
    bottom: 0;
}
.slider-pagination {
    display: inline-flex;
    justify-content: center;
    width: 220px;
    height: 100%;
}
.slider-pagination span.pagination-active {
    cursor: auto;
    font-weight: 900;
}
.swiper-arrows .arrow-left {
    position: relative;
    display: block;
    float: left;
    background: url("../img/layout/nach-links.svg") no-repeat center center;
    background-size: 20px auto;
    height: 40px;
    width: 60px;
    border-right: 1px solid #c3f1ff;
    cursor: pointer;
    transition: all 0.3s;
}
.swiper-arrows .arrow-left:hover {
    background-color: #9ed4fc;
}
.swiper-arrows .arrow-right {
    position: relative;
    display: block;
    float: right;
    background: url("../img/layout/nach-rechts.svg") no-repeat center center;
    background-size: 20px auto;
    height: 40px;
    width: 60px;
    border-left: 1px solid #c3f1ff;
    cursor: pointer;
    transition: all 0.3s;
}
.swiper-arrows .arrow-right:hover {
    background-color: #9ed4fc;
}
.cb-konfi {
    display: none !important;
}
.cb-konfi + label:before {
    width: 15px;
    height: 15px;
    background-color: none;
    border: 1px solid #cdcdcd;
    display: block;
    content: "";
    float: left;
    margin-right: 8px;
    cursor: pointer;
}
.cb-konfi.cb-haken:checked + label::before {
    background: url("/konfigurator_html/global/img/haken-gruen-ohne.svg") no-repeat -7px -6.5px;
    background-size: 28px 28px;
}
.select-wrapper-konfi {
    width: 100%;
    position: relative;
}
.select-wrapper-konfi:before {
    pointer-events: none;
    background: url("/konfigurator_html/global/img/mengenpfeil_weniger.svg") no-repeat 0;
    background-size: 26px;
    content: "";
    position: absolute;
    right: -2px;
    top: 0;
    width: 29px;
    height: 29px;
}
.select-wrapper-konfi select {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    border: none;
    outline: 0;
}
.select-wrapper-konfi select::-ms-expand {
    display: none;
}
.select-wrapper-konfi select:focus::-ms-value {
    background-color: transparent;
}
.select-wrapper-konfi select {
    width: 100%;
    height: 29px;
    padding: 5px 10px;
    background: #fff;
    border: 1px solid #cdcdcd;
    cursor: pointer;
}
#einzelexemplarTabelle .slider {
    overflow: hidden;
    width: 780px;
    position: relative;
}
#einzelexemplarTabelle .slider .exem-table-column {
    width: 156px;
}
#einzelexemplarTabelle .slider .exem-table-column:nth-child(1) .col-content {
    border-left: none;
}
#einzelexemplarTabelle .slider .exem-table-column.fixed_text_input input.disabled {
    background: #d3d3d3 !important;
}
#einzelexemplarTabelle .slider .slides {
    height: auto;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
    transform: translateX(0);
}
@media screen and (max-width: 1100px) {
    #einzelexemplarTabelle .slider {
        width: 100%;
    }
    #einzelexemplarTabelle .slider .exem-table-column {
        width: 100%;
        margin-top: 10px;
    }
    #einzelexemplarTabelle .slider .exem-table-column.empty-exemplartext {
        display: none;
    }
}
#einzelexemplarTabelle .slide {
    float: left;
    width: 780px;
    height: auto;
}
@media screen and (max-width: 1100px) {
    #einzelexemplarTabelle .slide {
        width: 100%;
    }
}
.exem-pagination {
    position: absolute;
    right: 0;
    bottom: 0;
}
.exem-pagination:after,
.exem-pagination:before {
    content: "";
    display: table;
}
.exem-pagination:after {
    clear: both;
}
.exem-pagination .pagination-site {
    display: inline-block;
    margin-right: 10px;
    font-weight: 700;
}
.exem-pagination .specific-slides {
    display: inline-block;
}
.exem-pagination .specific-slides:after,
.exem-pagination .specific-slides:before {
    content: "";
    display: table;
}
.exem-pagination .specific-slides:after {
    clear: both;
}
.exem-pagination .specific-slides .specific-slide {
    display: inline-block;
    margin-right: 10px;
    text-align: center;
    cursor: pointer;
    width: 20px;
    font-weight: 700;
}
.exem-pagination .specific-slides .specific-slide.active {
    text-decoration: underline;
}
.exem-pagination .specific-slides .specific-slide:last-child {
    margin-right: 0;
}
@media screen and (max-width: 820px) {
    .exem-pagination {
        display: none;
    }
}
.exem-slide-right {
    display: inline-block;
    background: url("/konfigurator_html/global/img/zurueck-pfeil.svg") no-repeat 0;
    background-size: 20px 20px;
    width: 20px;
    height: 20px;
    transform: scaleX(-1);
    margin-left: 15px;
    visibility: hidden;
}
.exem-slide-right.show {
    visibility: visible;
}
.exem-slide-left {
    display: inline-block;
    background: url("/konfigurator_html/global/img/zurueck-pfeil.svg") no-repeat 0;
    background-size: 20px 20px;
    width: 20px;
    height: 20px;
    margin-right: 15px;
    visibility: hidden;
}
.exem-slide-left.show {
    visibility: visible;
}
body.body-um {
    background: 0 0;
}
#iFrameUserManagement {
    z-index: 1000000;
    box-sizing: content-box;
}
#iFrameUserManagement.center-screen {
    position: absolute;
    top: 80px;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, 0);
}
@media screen and (max-width: 680px) {
    #iFrameUserManagement.center-screen {
        top: 50px;
        width: 100%;
    }
}
.um-popup {
    position: relative;
    width: 1160px;
    min-width: 1160px;
    max-width: 100%;
    min-height: 780px;
    margin: 0 auto;
    z-index: 999999;
    background: #fff;
    -webkit-box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.3);
    box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.3);
}
@media screen and (max-width: 1160px) {
    .um-popup {
        width: 100%;
    }
}
.um-popup h2 {
    color: #006890;
    text-align: left;
    font-size: 20px;
    font-size: 1.25rem;
    padding-bottom: 20px;
    font-weight: 500;
}
.um-popup h3 {
    text-align: left;
    font-size: 14px;
    margin-bottom: 15px;
    font-weight: 500;
}
.um-popup h4 {
    font-size: 13px;
    line-height: 1.45em;
    font-weight: 500;
    text-align: left;
}
.um-popup p {
    text-align: left;
    font-size: 13px;
    line-height: 1.45em;
    margin-bottom: 15px;
}
.um-popup input,
.um-popup select,
.um-popup textarea {
    width: 100%;
    padding: 10px;
    display: block;
    border: 1px solid #d1d1d1;
    color: #8d8d8d;
    font-size: 16px;
}
.um-popup input,
.um-popup select,
.um-popup select:focus,
.um-popup textarea {
    font-size: 16px;
}
.um-popup label {
    font-weight: 500;
    margin-bottom: 8px;
    display: block;
    width: 100%;
    font-size: 13px;
    margin-top: 20px;
}
.um-popup .standard-btn-grey {
    background-color: #f5f5f5;
    border: 1px solid silver;
    text-align: center;
    min-width: 140px;
}
.um-popup .standard-btn-blue {
    background-color: #fbfbfb;
    border: 1px solid #006890;
    color: #006890;
    text-align: center;
    min-width: 140px;
    background-image: none;
}
.um-popup .popup-header {
    padding: 30px 40px 0 40px;
}
.um-popup .popup-content {
    padding: 10px 40px;
    width: 100%;
}
.um-popup .popup-content .popup-content-main {
    float: left;
    width: calc(100% - 380px);
    height: auto;
    max-height: 600px;
    overflow-y: auto;
}
.um-popup .popup-content .popup-content-sidebar {
    float: right;
    width: 380px;
    padding: 20px;
}
.um-popup .popup-content .popup-content-sidebar .vorschau {
    padding: 20px 10%;
}
.um-popup .popup-content .popup-input {
    border: none;
    background: #ececec;
    padding: 10px;
    text-align: center;
}
.um-popup .popup-footer {
    overflow: auto;
}
.um-popup .popup-footer .popup-footer-btn {
    width: 100%;
    padding: 20px 40px 30px 40px;
}
.um-popup .popup-footer .popup-footer-btn:after,
.um-popup .popup-footer .popup-footer-btn:before {
    content: "";
    display: table;
}
.um-popup .popup-footer .popup-footer-btn:after {
    clear: both;
}
.um-popup .popup-footer .right-btn {
    float: right;
}
.um-popup .popup-footer .left-btn {
    float: left;
}
.um-popup .popup-footer .popup-footer-btn.single-button {
    width: 35%;
    min-width: 150px;
    margin: auto;
    padding: 0;
}
.um-popup .popup-footer .button {
    width: 35%;
    min-width: 150px;
}
.um-popup .popup-footer-center {
    text-align: center;
    padding: 20px 40px 30px 40px;
}
.um-popup.small {
    width: 440px;
    background: #f9f9f9;
}
.um-popup.small .popup-header {
    padding: 30px 30px 0 30px;
}
.um-popup.small .popup-content {
    padding: 10px 30px;
}
.um-popup.small .popup-footer .popup-footer-btn {
    padding: 20px 30px 30px 30px;
}
.btn-close {
    position: absolute;
    right: 10px;
    top: 10px;
    width: 25px;
    height: 25px;
    background: url("../img/layout/schliessen.svg") no-repeat 0 0;
    background-size: 25px auto;
    border: none;
    cursor: pointer;
}
.btn-close.back {
    left: 10px;
    right: auto;
    background: url("../img/layout/zurueck-pfeil.svg") no-repeat 0 0;
    background-size: 20px auto;
}
#accountinfo-popup #accountinfo-userloggedinMenu {
    margin-left: 5px;
}
#accountinfo-popup #accountinfo-userloggedinMenu li {
    font-weight: 600;
    display: block;
    margin-bottom: 8px;
}
#accountinfo-popup #accountinfo-userloggedinMenu li .note {
    color: red;
    display: inline-block;
    margin-left: 5px;
    display: none;
}
#open-popup-benutzerdaten .error {
    padding-top: 5px;
}
#open-popup-benutzerdaten input {
    max-width: 400px;
}
#open-popup-benutzerdaten .popup-content label:first-child {
    margin-top: 0;
}
#open-popup-benutzerdaten .popup-footer {
    position: absolute;
    bottom: 0;
    width: 100%;
}
#open-popup-benutzerdaten .popup-footer:after,
#open-popup-benutzerdaten .popup-footer:before {
    content: "";
    display: table;
}
#open-popup-benutzerdaten .popup-footer:after {
    clear: both;
}
#open-popup-benutzerdaten .popup-footer .standard-btn-grey {
    float: left;
}
#open-popup-benutzerdaten .popup-footer .standard-btn-blue {
    float: right;
    width: 250px;
}
#open-popup-changeemail input {
    max-width: 400px;
}
#open-popup-changeemail .ele-hidden {
    display: none !important;
}
#open-popup-changeemail #confirmsuccess {
    clear: both;
}
#open-popup-changeemail .popup-footer {
    position: absolute;
    bottom: 0;
    width: 100%;
}
#open-popup-changeemail .popup-footer:after,
#open-popup-changeemail .popup-footer:before {
    content: "";
    display: table;
}
#open-popup-changeemail .popup-footer:after {
    clear: both;
}
#open-popup-changeemail .popup-footer .standard-btn-grey {
    float: left;
}
#open-popup-changeemail .popup-footer .standard-btn-blue {
    float: right;
    width: 250px;
}
#open-popup-warenkorb-myAdress {
    background: #fff;
    width: 100%;
    min-width: auto;
    max-width: 100%;
    width: 1060px;
    min-height: 620px;
    margin: 0 auto;
    top: 100px;
    left: -20px;
}
#open-popup-warenkorb-myAdress #adresse-wk-verwendet {
    padding: 10px 40px 20px 40px;
    color: red;
    position: absolute;
    top: 23px;
    left: 23%;
    display: none;
}
#open-popup-warenkorb-myAdress #newAddressActions {
    padding-bottom: 60px;
}
#open-popup-warenkorb-myAdress #newAddressActions .standard-btn-grey {
    position: absolute;
    right: 40px;
    bottom: 30px;
    background-color: #006890;
    border: none;
    color: #fff;
}
#open-popup-warenkorb-myAdress .popup-header h2 {
    font-weight: 600;
    color: #333;
    font-size: 13px;
    margin-bottom: 25px;
}
#open-popup-warenkorb-myAdress .btn-newAddress {
    display: block;
    color: #006890;
    cursor: pointer;
    border: none;
    font-weight: 600;
    background: 0 0;
    text-decoration: underline;
}
#open-popup-warenkorb-myAdress #adressenAuswahl {
    display: flex;
    flex-wrap: wrap;
}
#open-popup-warenkorb-myAdress .adresse-block {
    width: 25%;
    margin-bottom: 50px;
}
#open-popup-warenkorb-myAdress .adresse-block .adresse-anschrift {
    line-height: 1.4em;
}
#open-popup-warenkorb-myAdress .adresse-block .use-address {
    display: none;
}
#open-popup-warenkorb-myAdress .adresse-block .use-address .cb-konfi + label::before {
    border: 1px solid #333;
}
#open-popup-warenkorb-myAdress .adresse-block .use-address label {
    font-weight: 400;
}
#open-popup-warenkorb-myAdress .adresse-block .switch-address {
    display: inline-block;
    margin-top: 15px;
    border: 1px solid #cacaca;
    font-weight: 600;
    padding: 8px 20px;
}
#open-popup-warenkorb-myAdress .adresse-block .standard-btn-grey {
    background: 0 0;
    background-position: 0 center;
    background-repeat: no-repeat;
    background-size: 25px 25px;
    text-align: left;
    padding-left: 29px;
    font-size: 12px;
}
#open-popup-warenkorb-myAdress .adresse-block .standard-btn-grey.edit-address-button {
    text-align: left;
    color: #006890;
    text-decoration: underline;
    display: block;
    padding: 0;
    border: none;
}
#open-popup-warenkorb-myAdress .adresse-block .standard-btn-grey.delete-address {
    width: 30px;
    height: 30px;
    background-image: url("../img/layout/icon-delete.svg");
    font: 0/0 a;
    text-shadow: none;
    color: transparent;
    border: none;
    display: block;
}
#open-popup-warenkorb-myAdress .popup-footer-btn {
    position: relative;
    bottom: auto;
}
@media (max-width: 980px) {
    #open-popup-warenkorb-myAdress .adresse-block {
        width: calc(50% - 15px);
        margin-right: 0;
    }
    #open-popup-warenkorb-myAdress .adresse-block:nth-child(3n + 1) {
        margin-right: 0;
    }
    #open-popup-warenkorb-myAdress .adresse-block:nth-child(3n + 2) {
        margin-left: 0;
        margin-right: 0;
    }
    #open-popup-warenkorb-myAdress .adresse-block:nth-child(3n + 3) {
        margin-left: 0;
        margin-right: 0;
    }
    #open-popup-warenkorb-myAdress .adresse-block:nth-child(odd) {
        margin-right: 15px;
    }
    #open-popup-warenkorb-myAdress .adresse-block:nth-child(even) {
        margin-left: 15px;
    }
}
@media (max-width: 780px) {
    #open-popup-warenkorb-myAdress .adresse-block {
        width: 100%;
    }
    #open-popup-warenkorb-myAdress .adresse-block:nth-child(odd) {
        margin-right: 0;
    }
    #open-popup-warenkorb-myAdress .adresse-block:nth-child(even) {
        margin-left: 0;
    }
}
#choose-adresstype-dialog,
#delete-adresse-dialog {
    width: 600px;
    background: #fff;
    position: absolute;
    top: 20%;
    left: 50%;
    margin-left: -300px;
    padding: 25px 40px;
    z-index: 999999;
    display: none;
}
#choose-adresstype-dialog .adress-anzeige > p:first-child,
#delete-adresse-dialog .adress-anzeige > p:first-child {
    font-weight: 600;
}
#choose-adresstype-dialog .buttonContainer,
#delete-adresse-dialog .buttonContainer {
    display: flex;
    justify-content: space-evenly;
}
#choose-adresstype-dialog .adresstyp-button,
#delete-adresse-dialog .adresstyp-button {
    display: flex;
    justify-content: center;
    flex-direction: column;
    height: 200px;
    position: relative;
    text-align: center;
}
#choose-adresstype-dialog .adresstyp-button.rechnung img,
#delete-adresse-dialog .adresstyp-button.rechnung img {
    height: 50px;
    margin-bottom: 20px;
}
#choose-adresstype-dialog .adresstyp-button.liefer img,
#delete-adresse-dialog .adresstyp-button.liefer img {
    height: 50px;
    margin-bottom: 20px;
}
#choose-adresstype-dialog .standard-btn-blue,
#delete-adresse-dialog .standard-btn-blue {
    color: #fff;
    padding: 8px 20px;
}
#delete-adresse-dialog {
    -webkit-box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.51);
    -moz-box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.51);
    box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.51);
}
#delete-adresse-dialog .text-dialog {
    padding-bottom: 60px;
    position: relative;
}
#delete-adresse-dialog .standard-btn-blue {
    position: absolute;
    right: 40px;
    bottom: 20px;
}
#neueAdresse.um-popup {
    box-shadow: none;
}
#neueAdresse.um-popup .standard-btn-blue {
    background-color: #006890;
    border: none;
    color: #fff;
}
#neueAdresse .popup-header h2 {
    margin-bottom: 0;
}
#neueAdresse,
#neueAdresse-jp {
    width: 1160px;
    min-width: auto;
    position: relative;
    min-height: 580px;
}
#neueAdresse #form-meine-adresse .row:first-child,
#neueAdresse-jp #form-meine-adresse .row:first-child {
    width: 100px;
}
#neueAdresse #form-meine-adresse .row:first-child input,
#neueAdresse-jp #form-meine-adresse .row:first-child input {
    width: auto;
}
#neueAdresse #form-meine-adresse .left,
#neueAdresse-jp #form-meine-adresse .left {
    float: left;
    width: 50%;
    padding-right: 20px;
}
#neueAdresse #form-meine-adresse .right,
#neueAdresse-jp #form-meine-adresse .right {
    float: left;
    width: 50%;
    padding-left: 20px;
}
#neueAdresse #form-meine-adresse #adr_strasse,
#neueAdresse-jp #form-meine-adresse #adr_strasse {
    margin-bottom: 20px;
}
#neueAdresse .popup-footer,
#neueAdresse-jp .popup-footer {
    width: 100%;
}
#neueAdresse .popup-footer .standard-btn-grey,
#neueAdresse-jp .popup-footer .standard-btn-grey {
    float: left;
}
#neueAdresse .popup-footer .standard-btn-blue,
#neueAdresse-jp .popup-footer .standard-btn-blue {
    float: right;
    width: 250px;
}
@media only screen and (max-width: 900px) {
    #neueAdresse,
    #neueAdresse-jp {
        min-width: auto;
    }
    #neueAdresse #form-meine-adresse .left,
    #neueAdresse-jp #form-meine-adresse .left {
        float: none;
        clear: both;
        width: 100%;
        padding-right: 0;
    }
    #neueAdresse #form-meine-adresse .right,
    #neueAdresse-jp #form-meine-adresse .right {
        float: none;
        clear: both;
        width: 100%;
        padding-left: 0;
    }
    #neueAdresse .popup-footer .popup-footer-btn,
    #neueAdresse-jp .popup-footer .popup-footer-btn {
        padding-top: 0;
    }
    #neueAdresse .popup-footer .standard-btn-grey,
    #neueAdresse-jp .popup-footer .standard-btn-grey {
        float: none;
        clear: both;
        width: 250px;
        margin: 0 auto;
        margin-bottom: 20px;
        display: block;
    }
    #neueAdresse .popup-footer .standard-btn-blue,
    #neueAdresse-jp .popup-footer .standard-btn-blue {
        float: none;
        clear: both;
        width: 250px;
        margin: 0 auto;
        display: block;
    }
}
#neueAdresse-jp {
    min-height: 700px;
}
#neueAdresse .meine-adresse-anrede,
#neueAdresse-jp .meine-adresse-anrede {
    display: flex;
    flex-direction: row;
    column-gap: 5px;
    margin-bottom: 25px;
}
#neueAdresse .meine-adresse-anrede input,
#neueAdresse-jp .meine-adresse-anrede input {
    width: auto;
    display: block;
}
#neueAdresse .meine-adresse-anrede label,
#neueAdresse-jp .meine-adresse-anrede label {
    margin-right: 12px;
    width: auto;
    margin-top: 0;
    margin-bottom: 0;
}
#neueAdresse .meine-adresse-land,
#neueAdresse .meine-adresse-namen,
#neueAdresse .meine-adresse-strasse,
#neueAdresse-jp .meine-adresse-land,
#neueAdresse-jp .meine-adresse-namen,
#neueAdresse-jp .meine-adresse-strasse {
    flex-wrap: wrap;
    display: flex;
    column-gap: 24px;
}
#neueAdresse .meine-adresse-land input,
#neueAdresse .meine-adresse-land select,
#neueAdresse .meine-adresse-namen input,
#neueAdresse .meine-adresse-namen select,
#neueAdresse .meine-adresse-strasse input,
#neueAdresse .meine-adresse-strasse select,
#neueAdresse-jp .meine-adresse-land input,
#neueAdresse-jp .meine-adresse-land select,
#neueAdresse-jp .meine-adresse-namen input,
#neueAdresse-jp .meine-adresse-namen select,
#neueAdresse-jp .meine-adresse-strasse input,
#neueAdresse-jp .meine-adresse-strasse select {
    width: calc(50% - 12px);
    margin-bottom: 25px;
}
#neueAdresse .meine-adresse-ort,
#neueAdresse-jp .meine-adresse-ort {
    flex-wrap: wrap;
    display: flex;
    column-gap: 24px;
}
#neueAdresse .meine-adresse-ort #adr_plz,
#neueAdresse-jp .meine-adresse-ort #adr_plz {
    width: calc(20% - 12px);
    margin-bottom: 25px;
}
#neueAdresse .meine-adresse-ort #adr_ort,
#neueAdresse-jp .meine-adresse-ort #adr_ort {
    width: calc(30% - 24px);
    margin-bottom: 25px;
}
#neueAdresse .meine-adresse-ort #adr_state,
#neueAdresse-jp .meine-adresse-ort #adr_state {
    width: calc(50% - 12px);
    margin-bottom: 25px;
}
#neueAdresse-jp.um-popup {
    box-shadow: none;
}
#neueAdresse-jp .jp-firma {
    width: 100%;
    margin-bottom: 25px;
}
#neueAdresse-jp .jp-land,
#neueAdresse-jp .jp-name,
#neueAdresse-jp .jp-plz-ort,
#neueAdresse-jp .jp-strasse {
    display: flex;
    flex-direction: row;
    margin-bottom: 25px;
    column-gap: 25px;
}
#neueAdresse-jp .jp-land input,
#neueAdresse-jp .jp-name input,
#neueAdresse-jp .jp-plz-ort input,
#neueAdresse-jp .jp-strasse input {
    width: 50%;
}
#neueAdresse-jp .popup-footer .standard-btn-blue {
    background: #006890;
    color: #fff;
    border: none;
}
#accountinfo-popup.um-popup {
    min-width: auto;
}
.editAdressLabel {
    display: none;
}
.error-wrapper {
    width: 600px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    color: #808285;
}
.error-wrapper header {
    margin-bottom: 35px;
}
.error-wrapper footer {
    margin-top: 25px;
}
.error-wrapper h1 {
    font-weight: 700;
    margin-bottom: 25px;
    font-size: 36px;
    font-size: 2.25rem;
}
.error-wrapper p,
.error-wrapper ul {
    font-size: 14px;
    font-size: 0.875rem;
}
.error-wrapper a {
    color: #808285;
    text-decoration: underline;
}
.error-wrapper .konfi-2d {
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: 10px;
    display: block;
}
.error-wrapper .mac,
.error-wrapper .windows {
    width: 50%;
    float: left;
    text-align: left;
}
.error-wrapper .windows {
    padding-right: 15px;
    border-right: 1px solid #808285;
}
.error-wrapper .mac {
    padding-left: 15px;
}
.error-wrapper .windows img {
    width: 150px;
    height: auto;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
}
.error-wrapper .mac img {
    width: 150px;
    height: auto;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
}
.error-wrapper ul {
    list-style-type: disc;
}
.error-wrapper ul li {
    padding-left: 15px;
    margin-left: 20px;
    margin-bottom: 10px;
}
html {
    height: 100%;
}
body {
   /* background: #f0f0f0;*/
    font-size: 13px;
    font-size: 0.8125rem;
    line-height: 1.4em;
    font-family: owayoFont, Arial, Verdana, Helvetica, sans-serif;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    color: #333;
    height: 100%;
    margin: 0;
    padding: 0;
    position: relative;
    overflow-x: hidden;
}
img {
    max-width: 100%;
}
textarea {
    font-family: inherit;
    font-size: inherit;
}
a:active,
a:link,
a:visited {
    color: #000;
    text-decoration: none;
    outline: 0;
}
a:active:hover,
a:link:hover,
a:visited:hover {
    color: #000;
}
strong {
    font-weight: 700;
    font-size: 20px;
    color: #FF0202;
}
.small-string {
    font-size: 14px;
    font-weight: 400;
}
.font-bold {
    font-weight: 700;
}
.underline,
a.underline {
    text-decoration: underline;
}
*,
:after,
:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.ele-visible {
    display: inline-block;
}
.ele-hidden {
    display: none !important;
}
#hintbox {
    background: #f9f9f9;
    -webkit-box-shadow: 1px 1px 10px #969696;
    -moz-box-shadow: 1px 1px 10px #969696;
    box-shadow: 1px 1px 10px #969696;
    width: 180px;
    height: auto;
    position: absolute;
    padding: 15px 20px;
    opacity: 0;
    bottom: 20px;
}
#hintbox h2 {
    font-weight: 700;
}
#hintbox p {
    font-size: 13px;
    line-height: 17px;
    margin-bottom: 10px;
}
#hintbox p:last-child {
    margin-bottom: 0;
}
#hintbox.default {
    top: 350px;
    left: 0;
    color: #006890;
}
#hintbox.default-top {
    top: 0;
    right: 0;
    color: #006890;
}
#hintbox.warning {
    color: red;
}
#blocker {
    z-index: 1000;
    background-color: #cacaca;
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: 0.7;
}
.buttonGroup {
    position: relative;
}
.row:after,
.row:before {
    content: "";
    display: table;
}
.row:after {
    clear: both;
}
.fullwidth {
    width: 100%;
    height: auto;
}
.container {
    /*width: 100%;
    max-width: 1168px;
    position: relative;
    display: block;
    margin-left: auto;
    margin-right: auto;*/
}
#block-site {
    position: relative;
    top: 0;
    margin-top: 0;
}
.logo-repeat,
.logo-wasserzeichen {
    display: none;
}
.logoLoading {
    width: 60px;
}
.facebook_blockG {
    background-color: #fff;
    border: 1px solid #000;
    float: left;
    height: 43px;
    margin-left: 3px;
    width: 11px;
    opacity: 0.1;
    -moz-animation-name: bounceG;
    -moz-animation-duration: 1.3s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-direction: linear;
    -moz-transform: scale(0.7);
    -webkit-animation-name: bounceG;
    -webkit-animation-duration: 1.3s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: linear;
    -webkit-transform: scale(0.7);
    -ms-animation-name: bounceG;
    -ms-animation-duration: 1.3s;
    -ms-animation-iteration-count: infinite;
    -ms-animation-direction: linear;
    -ms-transform: scale(0.7);
    -o-animation-name: bounceG;
    -o-animation-duration: 1.3s;
    -o-animation-iteration-count: infinite;
    -o-animation-direction: linear;
    -o-transform: scale(0.7);
    animation-name: bounceG;
    animation-duration: 1.3s;
    animation-iteration-count: infinite;
    animation-direction: linear;
    transform: scale(0.7);
}
.logoLoadingBlock_1 {
    -moz-animation-delay: 0.39s;
    -webkit-animation-delay: 0.39s;
    -ms-animation-delay: 0.39s;
    -o-animation-delay: 0.39s;
    animation-delay: 0.39s;
}
.logoLoadingBlock_2 {
    -moz-animation-delay: 0.52s;
    -webkit-animation-delay: 0.52s;
    -ms-animation-delay: 0.52s;
    -o-animation-delay: 0.52s;
    animation-delay: 0.52s;
}
.logoLoadingBlock_3 {
    -moz-animation-delay: 0.65s;
    -webkit-animation-delay: 0.65s;
    -ms-animation-delay: 0.65s;
    -o-animation-delay: 0.65s;
    animation-delay: 0.65s;
}
@-moz-keyframes bounceG {
    0% {
        -moz-transform: scale(1.2);
        opacity: 1;
    }
    100% {
        -moz-transform: scale(0.7);
        opacity: 0.1;
    }
}
@-webkit-keyframes bounceG {
    0% {
        -webkit-transform: scale(1.2);
        opacity: 1;
    }
    100% {
        -webkit-transform: scale(0.7);
        opacity: 0.1;
    }
}
@-ms-keyframes bounceG {
    0% {
        -ms-transform: scale(1.2);
        opacity: 1;
    }
    100% {
        -ms-transform: scale(0.7);
        opacity: 0.1;
    }
}
@-o-keyframes bounceG {
    0% {
        -o-transform: scale(1.2);
        opacity: 1;
    }
    100% {
        -o-transform: scale(0.7);
        opacity: 0.1;
    }
}
@keyframes bounceG {
    0% {
        transform: scale(1.2);
        opacity: 1;
    }
    100% {
        transform: scale(0.7);
        opacity: 0.1;
    }
}
.freigestelltAuswahl canvas,
.swiper-slide img {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCI+CjxyZWN0IHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0iI2ZmZiI+PC9yZWN0Pgo8cmVjdCB3aWR0aD0iMTAiIGhlaWdodD0iMTAiIGZpbGw9IiNjY2MiPjwvcmVjdD4KPHJlY3QgeD0iMTAiIHk9IjEwIiB3aWR0aD0iMTAiIGhlaWdodD0iMTAiIGZpbGw9IiNjY2MiPjwvcmVjdD4KPC9zdmc+");
}
#logo .logoListe span {
    width: 71px;
}
.colorCarriageReturn {
    clear: both;
    width: 100%;
    height: 40px;
}
.colorslider .slide {
    width: 300px;
    height: 530px;
}
@keyframes blink {
    0% {
        opacity: 0.2;
    }
    20% {
        opacity: 1;
    }
    100% {
        opacity: 0.2;
    }
}
.loadingdots span {
    animation-name: blink;
    animation-duration: 1.4s;
    animation-iteration-count: infinite;
    animation-fill-mode: both;
}
.loadingdots span:nth-child(2) {
    animation-delay: 0.2s;
}
.loadingdots span:nth-child(3) {
    animation-delay: 0.4s;
}
.wk-active .background-konfi {
    display: none;
}
input.error {
    border: 1px solid red;
}


.underlined{
    color: #FF0202;
}