/* Designer Button-Icons*/
@font-face {
  font-family: 'designericons';
  src: url('/files/designer/fonts/designer-icons/designericons.eot?36759664');
  src: url('/files/designer/fonts/designer-icons/designericons.eot?36759664#iefix') format('embedded-opentype'),
  url('/files/designer/fonts/designer-icons/designericons.svg?36759664#designericons') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'designericons';
  src: url('data:application/octet-stream;base64,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') format('woff'),
  url('data:application/octet-stream;base64,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JSAuRyNHI2EgsAQjQrAJQysgsGBQWCCwQFFYswIgAyAbswImAxpZQkIjIEewBEOwAmIgsABQWLBAYFlmsAFjYCCwASsgiophILACQ2BkI7ADQ2FkUFiwAkNhG7ADQ2BZsAMlsAJiILAAUFiwQGBZZrABY2GwAiVGYTgjIDwjOBshICBGI0ewASsjYTghWbErARQrLbBCLLA1Ky6xKwEUKy2wQyywNishIyAgPLAEI0IjOLErARQrsARDLrArKy2wRCywABUgR7AAI0KyAAEBFRQTLrAxKi2wRSywABUgR7AAI0KyAAEBFRQTLrAxKi2wRiyxAAEUE7AyKi2wRyywNCotsEgssAAWRSMgLiBGiiNhOLErARQrLbBJLLAII0KwSCstsEossgAAQSstsEsssgABQSstsEwssgEAQSstsE0ssgEBQSstsE4ssgAAQistsE8ssgABQistsFAssgEAQistsFEssgEBQistsFIssgAAPistsFMssgABPistsFQssgEAPistsFUssgEBPistsFYssgAAQCstsFcssgABQCstsFgssgEAQCstsFkssgEBQCstsFossgAAQystsFsssgABQystsFwssgEAQystsF0ssgEBQystsF4ssgAAPystsF8ssgABPystsGAssgEAPystsGEssgEBPystsGIssDcrLrErARQrLbBjLLA3K7A7Ky2wZCywNyuwPCstsGUssAAWsDcrsD0rLbBmLLA4Ky6xKwEUKy2wZyywOCuwOystsGgssDgrsDwrLbBpLLA4K7A9Ky2waiywOSsusSsBFCstsGsssDkrsDsrLbBsLLA5K7A8Ky2wbSywOSuwPSstsG4ssDorLrErARQrLbBvLLA6K7A7Ky2wcCywOiuwPCstsHEssDorsD0rLbByLLMJBAIDRVghGyMhWUIrsAhlsAMkUHiwARUwLQBLuADIUlixAQGOWbABuQgACABjcLEABUKyAAEAKrEABUKzCgIBCCqxAAVCsw4AAQgqsQAGQroCwAABAAkqsQAHQroAQAABAAkqsQMARLEkAYhRWLBAiFixA2REsSYBiFFYugiAAAEEQIhjVFixAwBEWVlZWbMMAgEMKrgB/4WwBI2xAgBEAAA=') format('truetype');
}
[class^="d-icon-"]:before, [class*=" d-icon-"]:before {
  font-family: "designericons";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
.d-icon-linien:before {
  content: '\e802';
}
.hidden {
  display: none !important;
}
/* ---------- verschiedene Badges überlagern -----------*/
div[id^="trustbadge-"] {
  z-index:200;
}
#lz_overlay_wm {
  z-index:201 !important;
}
/* ---------- loader --------------*/
.lds-ellipsis {
  display: block;
  width:70px;
  height:15px;
}
.lds-ellipsis div {
  position: absolute;
  top: 0px;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background: #c0b399;
  animation-timing-function: cubic-bezier(0, 1, 1, 0);
  -webkit-animation-timing-function: cubic-bezier(0, 1, 1, 0);
}
.lds-ellipsis div:nth-child(1) {
  left: 8px;
  animation: lds-ellipsis1 0.6s infinite;
  -webkit-animation: lds-ellipsis1 0.6s infinite;
}
.lds-ellipsis div:nth-child(2) {
  left: 8px;
  animation: lds-ellipsis2 0.6s infinite;
  -webkit-animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(3) {
  left: 32px;
  animation: lds-ellipsis2 0.6s infinite;
  -webkit-animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(4) {
  left: 56px;
  animation: lds-ellipsis3 0.6s infinite;
  -webkit-animation: lds-ellipsis3 0.6s infinite;
}
@keyframes lds-ellipsis1 {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes lds-ellipsis3 {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0);
  }
}
@keyframes lds-ellipsis2 {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(24px, 0);
  }
}
.designer-window-loader {
  height:100%;
  width:100%;
  background-color: white;
  opacity: 0.7;
  position: fixed;
  top:0;
  z-index: 50000;
}
.designer-window-loader svg {
  position: absolute;
  width:80px;
  height:80px;
  top:calc(50% - 80px);
  left:calc(50% - 40px);
  animation: svg-loading-logo 2s linear infinite;
  -webkit-animation: svg-loading-logo 2.0s linear infinite;
}
.designer-window-loader .lds-ellipsis {
  display: block;
  position: absolute;
  top: calc(50% + 25px);
  left: calc(50% - 35px);
}
@keyframes svg-loading-logo {
  0%, 100% {
    opacity: 0.6;
  }
  50% {
    opacity: 0.2;
  }
}
/* loader vorschau*/
.designer-laden-vorschau {
  position:absolute;
  top:0px;
  left:0px;
  z-index:9999999;
  background-color:rgba(255,255,255,0.6);
  text-align:center;
  cursor:wait;
  box-sizing: border-box;
  width: 100%;
  height:100%;
  display:none;
}
.designer-laden-sanduhr {
  position:absolute;
  top:calc(50% - 20px);
  left:calc(50% - 100px);
  width:250px;
  margin:0;
}
.jD-speichern-vorschau-text {
  margin:0 0;
  width:250px;
  height:200px;
  font-size:14pt;
  text-align: center;
  color:#c0b399;
}
.jD-speichern-vorschau-text .lds-ellipsis {
  position: absolute;
  top:80px;
  left:calc(50% - 35px);
}
.jD-speichern-vorschau-text .designer-laden-vorschau-text {
  display:block;
  text-align: center;
  position:absolute;
  top:0px;
  left:0px;
}
.jD-speichern-vorschau-fehler {
  margin: 0 auto;
  padding:6px 16px 6px 16px;
  background-color:red;
  color:white;
  font-size:14pt;
  display:none;
}
#jD-meldung-bildhochladen {
  position:absolute;
  top:calc(50% - 120px);
  left:calc(50% - 130px);
  width:260px;
  padding:30px 15px 15px 15px;
  line-height:18px;
  background-color:white;
  border:solid 1px #888;
  text-align:center;
  z-index:1000;
  display:none;
}
#jD-meldung-bildhochladen i {
  margin-right:15px;
}
#jD-meldung-wiederherstellen, #jD-meldung-wiederverwenden {
  position:absolute;
  top:calc(50% - 100px);
  left:calc(50% - 130px);
  min-width:260px;
  width:25%;
  padding:25px;
  line-height:26px;
  background-color:white;
  border:solid 1px #888;
  text-align:center;
  font-size:14px;
  display:none;
  z-index:1000;
}
#jD-meldung-wiederherstellen #jD-Button-Wiederherstellen, #jD-meldung-wiederverwenden #jD-Button-Wiederherstellen {
  margin-bottom: 12px;
  width:100%;
  max-width:300px;
  text-align: center;
}
#jD-meldung-wiederherstellen #jD-Button-Wiederherstellen i, #jD-meldung-wiederverwenden #jD-Button-Wiederherstellen i {
  margin-left:20px;
}
#jD-meldung-wiederherstellen #jD-Button-Wiederherstellen-Abbrechen, #jD-meldung-wiederverwenden #jD-Button-Wiederherstellen-Abbrechen {
  width:100%;
  max-width:300px;
  text-align: center;
}
#jD-meldung-wiederherstellen #jD-Button-Wiederherstellen-Abbrechen i, #jD-meldung-wiederverwenden #jD-Button-Wiederherstellen-Abbrechen i {
  margin-left:20px;
}
.designer-meldung-popup {
  position:absolute;
  top:calc(50% - 100px);
  left:calc(50% - 130px);
  min-width:260px;
  width:25%;
  padding:25px;
  line-height:26px;
  background-color:white;
  border:solid 1px #888;
  text-align:center;
  font-size:14px;
  display:none;
  z-index: 1100;
  box-shadow: 0 0 600px 600px rgba(0,0,0,0.4), 1px 2px 5px rgba(0,0,0,0.3);
  border-radius: 4px;
}
.designer-meldung-popup .designer-button-dunkel {
  margin-bottom: 12px;
  width:100%;
  max-width:300px;
  text-align: center;
}
.designer-meldung-popup .designer-button-dunkel i {
  margin-left:20px;
}
.designer-meldung-popup .designer-button {
  width:100%;
  max-width:300px;
  text-align: center;
}
.designer-meldung-popup .designer-button i {
  margin-left:20px;
}
.jD-fehlermeldung-bild {
  position:absolute;
  top:calc(50% - 100px);
  left:calc(50% - 130px);
  width:260px;
  z-index: 500;
  padding:15px 10px 10px 10px;
  box-sizing:border-box;
  line-height:18px;
  background-color:white;
  border:solid 1px #888;
  font-size:12px;
  color:darkred;
  text-align:center;
  display:none;
  z-index:1000;
}
.jD-fehlermeldung-bild-ok {
  font-size:12px;
  width:90px;
}
.jD-Layout {
  /* siehe designer.tpl */
}
.jD-BildLogoDIV {
  box-sizing: content-box;
}
.designer-element-active.designer-element-text {
  border:dotted 1px #00a8ff !important;
}
.designer-element-active.designer-element-bild {
  border:dotted 1px #999999 !important;
}
.designer-element-active.designer-element-clipbild svg > path[stroke="transparent"], .designer-element-active.designer-element-clipbild svg > circle[stroke="transparent"], .designer-element-active.designer-element-clipbild svg > ellipse[stroke="transparent"], .designer-element-active.designer-element-clipbild svg > rect[stroke="transparent"], .designer-element-active.designer-element-clipbild svg > polygon[stroke="transparent"], .designer-element-active.designer-element-clipbild svg > polyline[stroke="transparent"] {
  stroke: #cccccc !important;
  stroke-dasharray: 4 3;
  stroke-width: 1px;
}
.designer-element-active .ui-resizable-handle {
  display:block !important;
}
.jD-ElemAktiv.jD-Textfeld,
.designer-element-active.designer-element-text {
  border:dotted 1px #00a8ff !important;
}
.designer-element-text .ui-resizable-handle {
  display: none;
}
.jD-Textfeld {
  float:left;
  border:solid 1px transparent;
  position:relative;
}
.jD-Textfeld-textarea,
textarea.jD-Textfeld-textarea,
textarea.jD-Textfeld-textarea:focus {
  background-color:transparent;
  border:none;
  outline:none;
  overflow:hidden;
  resize:none;
  margin:2px 2px 2px 1px;
  padding:0px;
  text-decoration: none;
}
.jD-Textfeld-div {
  display:none;
  background-color:transparent;
  margin:2px;
  text-decoration: none;
  float:left;
  width:auto;
  text-wrap: nowrap;
}
.jD-Linie {
  background-color: black;
}
.jD-Linie-Content {
  background-color: black;
}
.jD-Linie-Handle {
  position:absolute;
  cursor:move;
  min-height: 12px;
  min-width: 12px;
  width:110%;
  height:110%;
  top: -5px;
  left: -5px;
  bborder:1px dotted #999;
  background-color: transparent;
}
.jD----Form {
  float:left;
  box-sizing: border-box;
  border:solid 0px transparent;
  background-color: black;
  width:100px;
  height:60px;
}
#jD-Linie-Prototyp,
#jD-Form-Prototyp,
#jD-Textfeld-Prototyp,
#jD-Clipart-Prototyp,
#jD-BildLogo-Prototyp,
#jD-SVG-Prototyp {
  display:none;
}
#jD-Linie-x, .jD-Linie-x {
  position:absolute;
  top:0px;
  display:none;
  border-left:dotted 1px #bbb;
  height:100%;
}
.resize-helper {
  border:dashed 1px blue;
}
.designer-element-bild {
  border:solid 1px transparent;
}
.designer-element-bild .designer-bild-content {
  width:100%;
  height:100%;
  overflow:hidden;
}
.designer-element-bild .designer-bild-content img {
  object-fit: inherit;
  object-position: 0 0;
}
.designer-element-bild.crop {
  border:solid 1px #00dcc0 !important;
}
.jD-BildDPI {
  /*position:absolute; top:-50px; left:0;*/
  /*height:15px;*/
  width:80px;
  padding:1px;
  border:solid 1px #ccc;
  border-radius: 3px;
  background-color:white;
  display:flex;
  flex-direction: column;
  box-shadow: 1px 2px 3px rgba(0,0,0,0.12);
}
.jD-BildQualitaetText {
  float:left;
  padding:1px 2px;
  font-size:11px;
  font-weight: 600;
}
.jD-BildQualitaetFarbe {
  float:right;
  padding:1px 2px;
  width:100%;
  height:100%;
  font-size:11px;
}
.jD-BildQualitaetFarbe-gruen {
  background-color:#6BFB04;
  color:green;
}
.jD-BildQualitaetFarbe-gelb {
  background-color:#FB9C04;
  color:brown;
  display:none;
}
.jD-BildQualitaetFarbe-rot {
  background-color:red;
  color:white;
  display:none;
}
/* Resizable
----------------------------------*/
.ui-resizable {
  position: relative;
}
.ui-resizable-handle {
  position: absolute;
  font-size: 0.1px;
  z-index: 99999;
  display: none !important;
}
.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle {
  opacity: 1.0;
  filter: alpha(Opacity=100);
}
.designer-element {
  /* mobile!*/
}
.designer-element .ui-resizable-n {
  cursor: n-resize;
  height: 8px !important;
  width: 16px !important;
  top: -4px;
  left: calc(50% - 8px);
  border:1px solid #17999b;
  background-color:#fff;
  border-radius: 2px;
}
.designer-element .ui-resizable-s {
  cursor: s-resize;
  height: 8px !important;
  width: 16px !important;
  bottom: -4px;
  left: calc(50% - 8px);
  border:1px solid #17999b;
  background-color:#fff;
  border-radius: 2px;
}
.designer-element .ui-resizable-e {
  cursor: e-resize;
  width: 8px !important;
  height: 16px !important;
  right: -4px;
  top: calc(50% - 8px);
  border:1px solid #17999b;
  background-color:#fff;
  border-radius: 2px;
}
.designer-element .ui-resizable-w {
  cursor: w-resize;
  width: 8px !important;
  height: 16px !important;
  left: -4px;
  top: calc(50% - 8px);
  border:1px solid #17999b;
  background-color:#fff;
  border-radius: 2px;
}
.designer-element .ui-resizable-se {
  background-image:none;
  cursor: se-resize;
  width: 12px !important;
  height: 12px !important;
  border-radius:6px;
  right: -13px !important;
  bottom: -13px !important;
  border:1px solid #999;
  background-color:#fff;
}
.designer-element .ui-resizable-sw {
  cursor: sw-resize;
  width: 12px !important;
  height: 12px !important;
  border-radius:6px;
  left: -13px !important;
  bottom: -13px !important;
  border:1px solid #999;
  background-color:#fff;
}
.designer-element .ui-resizable-nw {
  cursor: nw-resize;
  width: 12px !important;
  height: 12px !important;
  border-radius:6px;
  left: -13px !important;
  top: -13px !important;
  border:1px solid #999;
  background-color:#fff;
}
.designer-element .ui-resizable-ne {
  cursor: ne-resize;
  width: 12px !important;
  height: 12px !important;
  border-radius:6px;
  right: -13px !important;
  top: -13px !important;
  border:1px solid #999;
  background-color:#fff;
}
.designer-element .ui-resizable-handle-linie {
  position: absolute;
  font-size: 0.1px;
  z-index: 99999;
  display: block;
  width:10px;
  height:10px;
}
.designer-element .ui-resizable-n.ui-resizable-linie-n {
  cursor: n-resize;
  height: 10px !important;
  width: 10px !important;
  top: 0px;
  left: calc(50% - 5px);
  border:1px solid #999;
  background-color:#fff;
}
.designer-element .ui-resizable-s.ui-resizable-linie-s {
  cursor: s-resize;
  height: 10px !important;
  width: 10px !important;
  bottom: 0px;
  left: calc(50% - 5px);
  border:1px solid #999;
  background-color:#fff;
}
.designer-element .ui-resizable-e.ui-resizable-linie-e {
  cursor: e-resize;
  width: 10px !important;
  height: 10px !important;
  right: 0px;
  top: calc(50% - 5px);
  border:1px solid #999;
  background-color:#fff;
}
.designer-element .ui-resizable-w.ui-resizable-linie-w {
  cursor: w-resize;
  width: 10px !important;
  height: 10px !important;
  left: 0px;
  top: calc(50% - 5px);
  border:1px solid #999;
  background-color:#fff;
}
.designer-bild-tools {
  position: absolute;
  top:20px;
  /*-50px;*/
  /*right:-20px;*/
  left:40px;
  display: flex;
  flex-direction: row;
  gap: 5px;
}
.designer-bild-tools .designer-bild-tool-btn {
  background:#eee;
  color:#999;
  width:40px;
  height:40px;
  border:solid 1px #e0e0e0;
  border-radius: 50%;
  font-size: 20px;
  line-height: 38px;
  box-shadow: 1px 2px 3px rgba(0,0,0,0.1);
}
.designer-bild-tools .designer-bild-tool-btn.active {
  background:#265294;
  color:white;
  border:solid 1px #133e7f;
}
.designer-bild-tools .designer-bild-tool-btn.designer-bild-tools-delete {
  background: #b0485e;
  border:solid 1px #b0485e;
  color:white;
}
.designer-clipbild-tools {
  position: absolute;
  display: flex;
  flex-direction: row;
  gap: 5px;
}
.designer-clipbild-tools .designer-bild-tool-btn {
  background:#eee;
  color:#999;
  width:40px;
  height:40px;
  border:solid 1px #e0e0e0;
  border-radius: 50%;
  font-size: 20px;
  line-height: 38px;
  text-align: center;
  box-shadow: 1px 2px 3px rgba(0,0,0,0.1);
}
.designer-clipbild-tools .designer-bild-tool-btn.active {
  background:#265294;
  color:white;
  border:solid 1px #133e7f;
}
.designer-clipbild-tools .designer-bild-tool-btn.clipbild-tools-delete {
  background: #b0485e;
  border:solid 1px #b0485e;
  color:white;
}
.clipbild-transform-mode > .ui-resizable-handle {
  display: none !important;
}
.designer-box-loading {
  color:rgba(0,0,0,0.3);
  position:absolute;
  top:0px;
  width:100%;
  height:100%;
  background-color: rgba(255,255,255,0.4);
  padding-top:40%;
  display:none;
  text-align: center;
}
.designer-box-loading i {
  font-size:12px;
}
/*  Konfiguration Notizblock  */
.qd-konfig-headline {
  display: block;
  clear:both;
  height:32px;
  border-bottom:solid 1px #d2cabd;
  margin-bottom:10px;
}
.qd-konfig-headline h3 {
  margin:0;
}
.qd-konfig-box {
  display:block;
  width:100%;
  clear:both;
}
.qd-konfig-box-element {
  float:left;
  margin-right:10px;
  margin-bottom:10px;
  border:solid 1px #ccc;
  width:66px;
  height:66px;
}
.qd-konfig-box-element:hover {
  border:solid 1px #F38304;
  box-shadow: 1px 2px 3px #bbb;
  -webkit-box-shadow: 1px 2px 3px #bbb;
  -moz-box-shadow: 1px 2px 3px #bbb;
}
.qd-konfig-box-element-selected {
  border:solid 1px #810602;
}
/* Schlagschatten und runde Ecken für verschiedene Divs */
.schlagschatten, .ss {
  box-shadow: 1px 4px 10px rgba(0,0,0,0.5);
  -webkit-box-shadow: 1px 4px 10px rgba(0,0,0,0.5);
  -moz-box-shadow: 1px 4px 10px rgba(0,0,0,0.5);
  /* filter:progid:dxImageTransform.Microsoft.dropShadow(color=#666,offX=1,offY=4 positive=true); */
}
.schlagschatten-klein, .ssk {
  box-shadow: 1px 2px 5px rgba(0,0,0,0.3);
  -webkit-box-shadow: 1px 2px 5px rgba(0,0,0,0.3);
  -moz-box-shadow: 1px 2px 5px rgba(0,0,0,0.3);
  /*filter:progid:dxImageTransform.Microsoft.dropShadow(color=#999,offX=1,offY=2 positive=true);*/
}
.rundeecken,.re {
  -moz-border-radius:5px 5px 5px 5px;
  -webkit-border-radius:5px 5px 5px 5px;
  -khtml-border-radius:5px 5px 5px 5px;
  -o-border-radius:5px 5px 5px 5px;
  border-radius:5px 5px 5px 5px;
}
.rundeecken-oben, .reo {
  -moz-border-radius:4px 4px 0 0;
  -webkit-border-radius:4px 4px 0 0;
  -khtml-border-radius:4px 4px 0 0;
  -o-border-radius:4px 4px 0 0;
  border-radius:4px 4px 0 0;
}
.rundeecken-unten, .reu {
  -moz-border-radius:0 0 4px 4px;
  -webkit-border-radius:0 0 4px 4px;
  -khtml-border-radius:0 0 4px 4px;
  -o-border-radius:0 0 4px 4px;
  border-radius:0 0 4px 4px;
}
.rundeecken-klein, .rek {
  -moz-border-radius:4px 4px 4px 4px;
  -webkit-border-radius:4px 4px 4px 4px;
  -khtml-border-radius:4px 4px 4px 4px;
  -o-border-radius:4px 4px 4px 4px;
  border-radius:4px 4px 4px 4px;
}
.rundeecken-terminkarten {
  -moz-border-radius:20px 20px 20px 20px;
  -webkit-border-radius:20px 20px 20px 20px;
  -khtml-border-radius:20px 20px 20px 20px;
  -o-border-radius:20px 20px 20px 20px;
  border-radius:20px 20px 20px 20px;
}
.rundeecken-oben-klein, .reok {
  -moz-border-radius:3px 3px 0 0;
  -webkit-border-radius:3px 3px 0 0;
  -khtml-border-radius:3px 3px 0 0;
  -o-border-radius:3px 3px 0 0;
  border-radius:3px 3px 0 0;
}
.rundeecken-sehrklein, .resk {
  -moz-border-radius:2px 2px 2px 2px;
  -webkit-border-radius:2px 2px 2px 2px;
  -khtml-border-radius:2px 2px 2px 2px;
  -o-border-radius:2px 2px 2px 2px;
  border-radius:2px 2px 2px 2px;
}
/********* NEUE DESIGNER-STYLES ***************************************************************/
/********* mobile *****************************************************************************/
/*  Designer Fenster */
.designer-window {
  opacity:0.01;
  width:100%;
  height:100%;
  position:fixed;
  top:600px;
  left:0px;
  z-index: 5000;
  border:none;
  border-radius: 0px;
  padding:0px;
  background-color: white;
  overflow-y: auto;
}
.popup-close {
  position:absolute;
  top:15px;
  right:15px;
}
.popup-close .fas {
  font-size:40px;
  color:#e0e0e0;
  /*line-height: 40px;*/
  /*margin:0;*/
}
.popup-close .fas:hover {
  font-size:40px;
  color:#cccccc;
  /*line-height: 40px;*/
  /*margin:0;*/
}
.popup-close .btn-popup-close {
  width:40px;
  height:40px;
  border-radius:20px;
  background-color:gray;
}
.popup-close .btn-popup-close .fas {
  font-size:20px;
  color:white;
  line-height: 40px;
  margin:0;
}
.designer-laden-spinner {
  font-size:220px;
  width:220px;
  margin:200px auto 0px auto;
}
/*  Designer Teaser in der Artikel-Detail-Ansicht */
.designer-article-teaser {
  padding:0px;
  text-align: center;
  color:#444;
  font-weight:bold;
  font-size:16px;
  display: flex;
  /*none;*/
  margin-bottom:15px;
  width:100%;
}
.designer-article-teaser-hidden {
  /*display: none !important;*/
  opacity:0.5;
}
.designer-category-teaser-button div {
  display:none;
}
.designer-article-teaser-headline {
  margin-bottom:15px;
}
.designer-article-teaser-view {
  display:none;
  width: 100%;
  border: solid 1px #ccc;
  background-color:#fff;
  border-radius: 3px;
  padding:15px;
}
.designer-article-teaser-view hr {
  border:none;
  border-bottom:solid 1px #eee;
  margin:10px 0;
}
.designer-article-teaser-view-preview {
  width:100%;
  overflow-x: auto;
  display:flex;
  flex-direction: row;
  justify-content: center;
}
.designer-article-teaser-view-items {
  display:flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  padding-bottom: 20px;
  overflow-x:auto;
}
.designer-article-teaser-view-item {
  flex:1 1 auto;
  flex-grow: 1;
  flex-shrink: 1;
  margin-right:10px;
  max-height:100px;
  text-align:center;
}
.designer-article-teaser-view-item:last-child {
  margin-right:0;
}
.designer-article-teaser-view-item a {
  display: inline-block;
}
.designer-article-teaser-view-item img {
  border:none !important;
  box-shadow: 0 2px 2px rgba(0,0,0,0.3);
  width:auto !important;
  max-width:none !important;
  max-height:100px !important;
  height:100% !important;
  margin:0 auto;
}
.designer-article-teaser-button {
  width:100%;
  height:auto;
  border-radius: 3px;
  background-color: #6fa7e9;
  border: solid 1px #477ab6;
  color:#fff;
  cursor: pointer;
  padding:20px 16px;
}
.designer-article-teaser-button .designer-article-teaser-button-beschriftung {
  font-weight: normal;
  text-align: center;
  margin-top:12px;
}
.designer-article-teaser-button .designer-article-teaser-button-beschriftung .designer-article-teaser-button-text {
  width:100% !important;
  font-weight: 500;
  font-size:30px;
  font-family: 'Roboto Slab',arial,Sans-serif;
  text-shadow: 0px 1px 3px rgba(0,0,0,0.25);
  line-height: 35px;
}
.designer-article-teaser-button .designer-article-teaser-button-beschriftung small {
  font-family: 'Nunito',arial,Sans-serif;
  font-size: 13px;
  font-weight: normal;
  color:#0b539b;
}
.designer-article-teaser-button:hover {
  background-color: #7cb1f0;
  border: solid 1px #396ca9;
  text-shadow: 0px 0px 2px rgba(0,0,0,0.2);
}
.designer-article-teaser-button-edit {
  margin-top:15px;
  font-size:0.85rem;
  font-weight:normal;
  color:#666666;
  background-color:transparent;
  border:none;
  text-decoration: none;
  display:inline-block;
}
.designer-article-teaser-button-edit:hover {
  text-shadow: none;
  text-decoration: underline;
}
.designer-article-top-button {
  /*float:right;*/
  width:200px;
  height:30px;
  border-radius: 3px;
  background-color: #6fa7e9;
  border: solid 1px #477ab6;
  color:#fff;
  font-weight: 600;
  font-size:12px;
  line-height: 26px;
  cursor: pointer;
}
.designer-article-top-button:hover {
  background-color: #7cb1f0;
  border: solid 1px #396ca9;
  text-shadow: 0px 1px 1px rgba(0,0,0,0.2);
}

/*  Designer Artikel im Warenkorb  */
.designer-cart-vorschau-button {
  width:100%;
  height:32px;
  border-radius: 3px;
  background-color: #6fa7e9;
  border: solid 1px #477ab6;
  padding:5px 10px;
  color:#fff;
  text-shadow: 0px 1px 1px rgba(0,0,0,0.2);
  font-weight: 500;
  font-size:12px;
  line-height: 30px;
  cursor: pointer;
}
.designer-cart-vorschau-button:hover {
  background-color: #7cb1f0;
  border: solid 1px #396ca9;
  text-shadow: 0px 1px 1px rgba(0,0,0,0.2);
}
/*  Designer-Container 2021-10-22 */
#designer {
  height:100%;
  /* 2020-09-18*/
  width:100%;
  display:block;
  color:#666;
  font-size:14px;
}
.designer-container {
  display:flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: flex-start;
  align-content: flex-start;
  width:100%;
  height:100%;
  /* 2020-09-18*/
  padding-top:0px;
  font-family: 'Open Sans',arial,Sans-serif;
  font-size:12px;
}
.designer-container img {
  display:block;
  max-width:100%;
  max-height:100%;
  height:auto;
  vertical-align: baseline;
}
/*  Head */
.designer-head {
  flex:0 0 auto;
  /* 2020-09-18*/
  flex-shrink: 0;
  width:100%;
  height:60px;
  border-bottom:solid 1px #c1b49d;
  background-color:white;
  display:flex;
  flex-direction: row;
}
.designer-headline {
  mmargin: 25px 0 0 10px;
  flex:1;
  flex-grow: 1;
}
.designer-headline .designer-logo {
  width:auto;
  height:40px;
  margin-left: 13px;
  margin-top:13px;
  float:left;
}
.designer-headline .designer-logo-text {
  color:#e9a226;
  font-family:'Open Sans';
  font-size: 30px;
  font-style: normal;
  font-weight: bold;
  text-transform: none;
  margin:30px 15px 0 0;
  float:left;
  display:none;
}
.designer-headline .designer-logo-text-zusatz, .designer-headline .designer-artikel-titel {
  color:#827e79;
  font-family:'Open Sans';
  font-size: 30px;
  font-style: normal;
  font-weight: 400;
  text-transform: none;
  margin:30px 0;
  float:left;
  display:none;
}
.designer-buttons {
  margin-top:13px;
  margin-right:13px;
  padding-right:5px !important;
}
.designer-button-abbrechen {
  transition: all 0.5s;
  width:60px;
  height:40px;
  border-radius: 3px;
  background-color: #eee;
  border: solid 1px #999;
  color:#999;
  font-weight: normal;
  font-size:20px;
}
.designer-button-abbrechen:hover {
  background-color: #fff;
  border: solid 1px #777;
}
.designer-button-abbrechen text {
  display:none;
}
.designer-button-abbrechen i {
  display:inline-block;
}
.designer-button-speichern,
.designer-button-warenkorb-speichern {
  transition: all 0.5s;
  width:130px;
  height:40px;
  border-radius: 3px;
  background-color: #4ab900;
  border: solid 1px #368501;
  color:#fff;
  font-weight: normal;
  font-size:20px;
  order:3;
}
.designer-button-speichern:hover, .designer-button-warenkorb-speichern:hover {
  background-color: lighten(#4ab900, 4);
  border: solid 1px #368501;
}
.designer-button-speichern text, .designer-button-warenkorb-speichern text {
  display:none;
}
.designer-button-speichern i, .designer-button-warenkorb-speichern i {
  display:inline-block;
}
.designer-speichern-vorschau text {
  display:none;
}
.designer-speichern-vorschau i {
  display:inline-block;
}
.designer-button-bearbeiten {
  transition: all 0.5s;
  width:80px;
  height:40px;
  border-radius: 3px;
  background-color: #ffa200;
  border: solid 1px darken(#ffa200, 15%);
  color:white;
  font-weight: normal;
  font-size:20px;
  order:1;
}
.designer-button-bearbeiten:hover {
  background-color: #fcfcfc;
  border: solid 1px #777777;
}
.designer-button-bearbeiten text {
  display:none;
}
.designer-button-bearbeiten i {
  display:inline-block;
}
/*  Body */
.designer-body {
  flex: 1 1 auto;
  /* 2020-09-18*/
  flex-grow: 1;
  width:100%;
  border-bottom:solid 1px #ccc;
  background-color:#f5f1ea;
  display:flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: stretch;
  align-content: flex-start;
  overflow:hidden;
  /* 2020-09-18*/
}
/*  linker Funktions-Bereich */
.designer-left {
  /*flex:0 0;*/
  order:2;
  display:flex;
  flex-direction: column;
  width:auto;
  background-color:#f5f1ea;
  /*#D6BFE9;*/
  border-right:solid 1px #c1b49d;
  /*#C7A6E1;*/
  height:65px;
  overflow-x:auto;
}
.designer-left-disabled {
  position:absolute;
  top:99px;
  left:0px;
  width:318px;
  height:1000px;
  background-color:white;
  opacity:0.65;
  z-index:100;
  display:none;
}
.designer-button-pdf-speichern,
.designer-button-konto-speichern {
  border-radius: 3px;
  background-color: #eee;
  border: solid 1px #777;
  color:#666;
  font-weight: normal;
  font-size:20px;
  order:2;
}
.designer-button-pdf-speichern text, .designer-button-konto-speichern text {
  display:none;
}
.designer-button-pdf-speichern i, .designer-button-konto-speichern i {
  display:inline-block;
}
.designer-button-pdf-speichern:hover,
.designer-button-konto-speichern:hover {
  background-color: #fff;
  border: solid 1px #555;
  color:#555;
}
.designer-button-konto-speichern {
  display:none;
}
.designer-left-button-normal {
  width:100%;
  height:40px;
  font-size:20px;
  margin-bottom:7px;
}
/*  Tabs links */
.designer-tabs {
  flex:0;
  order:2;
  height:100%;
  width:auto;
  display:flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: flex-start;
  align-content: flex-start;
  background-color: white;
}
.designer-tabs-button {
  flex:none;
  height:65px;
  width:75px;
  background-color: white;
  color:#444;
  font-size:11px;
  font-weight:normal;
  text-align:center;
  padding-top: 10px;
  border-right:none;
  /*solid 1px #c1b49d;*/
  border-bottom:none;
  /*solid 1px #c1b49d;*/
  cursor:pointer;
}
.designer-tabs-button .far, .designer-tabs-button .fal, .designer-tabs-button .fas, .designer-tabs-button .fa {
  font-size:22px;
  display:block;
  height:28px;
}
.designer-tabs-button.aktiv {
  text-shadow: none;
  /*0px 1px 1px rgba(0,0,0,0.35);*/
}
.designer-tabs-button.aktiv .far, .designer-tabs-button.aktiv .fas, .designer-tabs-button.aktiv .fa, .designer-tabs-button.aktiv .fal {
  color: #444;
}
.designer-tabs-button.aktiv {
  background-color:white;
  color:#444;
  border-right:none;
  /*solid 1px transparent;*/
  border-bottom:none;
  /*solid 1px #c1b49d;*/
}
.designer-tabs-button.inaktiv {
  background-color:#e1d9cc;
  color:rgba(255,255,255,0.65);
  cursor:default;
}
.designer-neu-button {
  flex:none;
  width:50px;
  height:50px;
  border-radius:50%;
  background-color: #ae5ba9;
  margin: 5px 15px 0 13px;
  text-align: center;
}
.designer-neu-button i {
  color:white;
  font-size:30px;
  line-height: 50px;
}
.designer-panel-neu {
  width:auto;
  border:solid 1px #c1b49d;
  border-radius: 5px;
  padding:8px 12px;
  background-color: lighten(#e1d9cc, 15%);
  position:absolute;
  bottom:50px;
  left:50px;
  z-index: 10001;
  box-shadow: 1px 2px 3px rgba(0,0,0,0.15);
  display:none;
}
.designer-panel-neu a {
  display:block;
  height:40px;
  line-height:40px;
  font-size:12px;
  color: #666;
}
.designer-panel-neu a i {
  font-size:22px;
  display:inline-block;
  width:40px;
}
/* Designer Eigenschaften-Bereich links, klappt beim Klick auf ein Tab auf */
.designer-eigenschaften {
  /*flex: 1;*/
  /*flex-grow: 1;*/
  /* order:1;*/
  height:50%;
  width:100%;
  background-color: white;
  color:#333;
  overflow: auto;
  display:none;
  position: fixed;
  bottom:65px;
  left:0;
  z-index:10000;
  border-top:solid 1px #c1b49d;
  box-shadow: -2px 0 3px rgba(0,0,0,0.15);
  border-radius: 4px 4px 0 0;
}
.designer-eigenschaften .designer-eigenschaften-close {
  display:block;
  width:80px;
  height:80px;
  text-align: left;
  padding-left:25px;
  font-size:22px;
  color:#d0d0d0;
  line-height: 105px;
  cursor:pointer;
  background-color:#eee;
  border-radius:50%;
  position:absolute;
  top:-30px;
  right:-20px;
  z-index: 500;
}
.designer-eigenschaften .designer-eigenschaften-close i {
  __transform:rotate(-90deg);
}
.designer-panel {
  display:none;
  flex-direction: row;
  /* mobile*/
  align-content: flex-start;
  flex-wrap: wrap;
  gap: 0px 2px;
  padding:13px 15px 15px 15px;
}
.designer-panel .select-field {
  width:80%;
}
.designer-panel.feedback {
  position:absolute;
  z-index:2;
  background-color: white;
  width:400px;
  border:solid 1px #e8a124;
  color:#6f6962;
}
.designer-panel.feedback h2 {
  color:darkred;
  font-weight:300;
  font-size:26px;
}
.designer-panel.feedback textarea {
  width:100%;
  height:200px;
}
.designer-panel.feedback input {
  width:100%;
}
.designer-panel.feedback button i {
  opacity:0.001;
}
.designer-panel.feedback .feedback-erfolg {
  margin-top:25px;
  color:#e8a124;
  font-size:16px;
  font-style: italic;
  font-weight: 400;
  display:none;
}
.designer-panel.feedback .feedback-fehler {
  margin-top:25px;
  color:darkred;
  font-size:14px;
  font-style: italic;
  font-weight: 400;
  display:none;
}
.designer-panel:first-child,
.designer-panel-visible {
  display:flex !important;
}
.designer-panel-item {
  display:block;
  margin-top:10px;
  position:relative;
  /* Eigenschafts-Items für mobile anordnen*/
  /* Text:*/
  /* Bild:*/
  /* Linie*/
  /* Form*/
  /* QR-Code*/
  /* Formular-Felder*/
}
.designer-panel-item.designer-panel-text-button-neu {
  width:30%;
  order:1;
  margin-top:0px;
}
.designer-panel-item.designer-panel-text-font {
  width:55%;
  order:2;
  margin-top:0px;
}
.designer-panel-item.designer-panel-text-size {
  width:35%;
  order:3;
}
.designer-panel-item.designer-panel-text-style {
  width:55%;
  order:4;
}
.designer-panel-item.designer-panel-text-colour {
  width:70%;
  order:5;
}
.designer-panel-item.designer-panel-text-colour .designer-panel-colour-transparent {
  display:none;
}
.designer-panel-item.designer-panel-text-schatten {
  width:50%;
  order:7;
}
.designer-panel-item.designer-panel-text-transparenz {
  width:30%;
  order:6;
}
.designer-panel-item.designer-panel-text-ausrichtung {
  width:100%;
  order:8;
}
.designer-panel-item.designer-panel-text-drehen-neigen {
  width:60%;
  order:10;
}
.designer-panel-item.designer-panel-text-rotation {
  width:35%;
  order:9;
}
.designer-panel-item.designer-panel-ebenen {
  width:100%;
  order:30;
}
.designer-panel-item.designer-panel-loeschen {
  width:100%;
  order:32;
}
.designer-panel-item.designer-panel-bild-neu {
  width:30%;
  order:1;
  margin-top:0px;
}
.designer-panel-item.designer-panel-bild-rotation {
  width:30%;
  order:3;
}
.designer-panel-item.designer-panel-bild-drehen-neigen {
  width:65%;
  order:4;
}
.designer-panel-item.designer-panel-bild-groesse {
  width:50%;
  order:2;
}
.designer-panel-item.designer-panel-bild-color {
  width:70%;
  order:5;
}
.designer-panel-item.designer-panel-bild-color .designer-panel-colour-transparent {
  display:none;
}
.designer-panel-item.designer-panel-bild-freistellen {
  width:49%;
  order:6;
}
.designer-panel-item.designer-panel-bild-zauberstab {
  width:45%;
  order:7;
}
.designer-panel-item.designer-panel-bild-deckkraft {
  width:49%;
  order:8;
}
.designer-panel-item.designer-panel-linie-neu {
  width:30%;
  order:1;
  margin-top:0px;
}
.designer-panel-item.designer-panel-linie-ausrichtung {
  width:55%;
  order:2;
  margin-top:0px;
}
.designer-panel-item.designer-panel-linie-staerke {
  width:30%;
  order:3;
}
.designer-panel-item.designer-panel-linie-color {
  width:65%;
  order:4;
}
.designer-panel-item.designer-panel-linie-color .designer-panel-colour-transparent {
  display:none;
}
.designer-panel-item.designer-panel-linie-transparenz {
  width:50%;
  order:5;
}
.designer-panel-item.designer-panel-form-neu {
  width:70%;
  order:1;
  margin-top:0px;
}
.designer-panel-item.designer-panel-form-pattern {
  width:70%;
  order:2;
}
.designer-panel-item.designer-panel-form-patterncolor {
  width:70%;
  order:2;
}
.designer-panel-item.designer-panel-form-fillcolor {
  width:70%;
  order:2;
}
.designer-panel-item.designer-panel-form-rahmen {
  width:30%;
  order:3;
}
.designer-panel-item.designer-panel-form-bordercolor {
  width:65%;
  order:4;
}
.designer-panel-item.designer-panel-form-bordercolor .designer-panel-colour-transparent {
  display:none;
}
.designer-panel-item.designer-panel-form-effekt {
  width:49%;
  order:5;
}
.designer-panel-item.designer-panel-form-transparenz {
  width:47%;
  order:6;
}
.designer-panel-item.designer-panel-qrcode-headline {
  width:100%;
  order:1;
  font-size: 18px;
  font-weight: 500;
  color:#888;
  padding-bottom:12px;
}
.designer-panel-item.designer-panel-qrcode-neu {
  width:100%;
  order:2;
  margin-top:0px;
  margin-bottom:12px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap:6px;
}
.designer-panel-item.designer-panel-qrcode-neu .designer-panel-button-qrcode-neu {
  width:30%;
  height:40px;
  line-height:18px;
  display:inline-block;
  margin-bottom: 0;
}
.designer-panel-item.designer-panel-qrcode-neu .designer-panel-button-qrcode-neu i {
  font-size:18px;
  text-shadow: 0px 1px 1px rgba(0,0,0,0.15);
}
.designer-panel-item.designer-panel-qrcode-fillcolor {
  width:100%;
  order:4;
}
.designer-panel-item.designer-panel-qrcode-backgroundcolor {
  width:100%;
  order:5;
}
.designer-panel-item.designer-panel-qrcode-url {
  width:100%;
  order:3;
}
.designer-panel-item.designer-panel-qrcode-email {
  width:100%;
  order:3;
  display: none;
}
.designer-panel-item.designer-panel-qrcode-telefon {
  width:100%;
  order:3;
  display: none;
}
.designer-panel-item.designer-panel-qrcode-vcard {
  width:100%;
  order:3;
  display: none;
}
.designer-panel-item.designer-panel-qrcode-vcard input {
  width:100%;
  font-size:11px;
  margin:5px 0 0 0;
  line-height:24px;
}
.designer-panel-item.designer-panel-qrcode-vcard input[name="qrcode[plz]"] {
  width:33%;
}
.designer-panel-item.designer-panel-qrcode-vcard input[name="qrcode[ort]"] {
  width:65%;
}
.designer-panel-item.designer-panel-qrcode-girocode {
  width:100%;
  order:3;
  display: none;
}
.designer-panel-item.designer-panel-qrcode-geo {
  width:100%;
  order:3;
  display: none;
}
.designer-panel-item.designer-panel-qrcode-event {
  width:100%;
  order:3;
  display: none;
}
.designer-panel-item.designer-panel-qrcode-event input[type="date"], .designer-panel-item.designer-panel-qrcode-event input[type="time"] {
  width:48%;
}
.designer-panel-item.designer-panel-qrcode-submit {
  width:100%;
  order:8;
}
.designer-panel-item.designer-panel-qrcode-submit a, .designer-panel-item.designer-panel-qrcode-submit button {
  width:100%;
  margin-bottom:10px;
  text-align: center;
  border:solid 1px #999;
  background-color: #eee;
  color:#777;
  transition: all 0.5s ease-out;
}
.designer-panel-item.designer-panel-qrcode-submit a:hover, .designer-panel-item.designer-panel-qrcode-submit button:hover {
  border:solid 1px #888;
  background-color: #fff;
  color:#777;
}
.designer-panel-item.designer-panel-qrcode-comment {
  order:10;
  color:darkred;
  font-size: 12px;
}
.designer-panel-item.designer-panel-feedback-head {
  width:100%;
  order:1;
}
.designer-panel-item.designer-panel-feedback-textarea {
  width:100%;
  order:2;
}
.designer-panel-item.designer-panel-feedback-email {
  width:100%;
  order:3;
}
.designer-panel-item.designer-panel-feedback-button {
  width:100%;
  order:4;
}
.designer-panel-item textarea {
  width:100%;
  font-size:12px;
  margin:0 0 10px;
}
.designer-panel-item input {
  width:100%;
  font-size:12px;
  margin:0 0 10px;
  line-height:30px;
}
.designer-panel-item label {
  color:#666;
  font-size:9pt;
  display:block;
  margin-bottom:2px;
}
.designer-panel > hr {
  margin:15px 0 15px 0;
  border:0;
  border-bottom:solid 1px #eee;
  display: none;
}
.designer-panel > hr:first-child {
  margin:0 0 15px 0;
}
.designer-panel-button-neu {
  width:100%;
  height:50px;
  border-radius: 3px;
  background-color: #e8a124;
  border: solid 1px #e8a124;
  color:white;
  font-weight: bold;
  display:block;
  text-align: center;
  line-height:45px;
  font-size:22px;
}
.designer-panel-button-neu text {
  display:none;
}
.designer-panel-button-neu i {
  display:inline-block;
}
.designer-panel-button-neu:hover {
  background-color: #efb44e;
  border: solid 1px #e8a124;
}
.designer-panel-button-neu span {
  vertical-align: middle;
}
.designer-panel-button-form-neu {
  width:48%;
  line-height:52px;
  display:inline-block;
  margin-bottom:3px;
}
.designer-panel-button-form-neu i {
  font-size:30px;
  text-shadow: 0px 1px 1px rgba(0,0,0,0.15);
}
#designer-form-oval-neu i {
  transform: scaleX(1.4) scaleY(0.75);
}
/* fancy-dropdown */
.designer-fancy-dropdown {
  padding: 0rem 2.5rem 0rem 0.625rem;
  line-height: 2.125rem;
  border-radius: 3px;
  background-clip: padding-box;
  background-color: #fff;
  background-image: linear-gradient(to bottom, #fff 0%, #f8f8f8 100%);
  height: 36px;
  /*100%;*/
  width: 100%;
  display: block;
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: left;
  border: 1px solid #dedede;
  font-size:13px;
  position:relative;
  color:#666;
}
.designer-fancy-dropdown.small {
  line-height: 1.75rem;
  font-size: 11px;
}
.designer-fancy-dropdown:hover {
  color: #645f59;
  border-color: #827e79;
  text-decoration: none;
  color:#444;
}
.designer-fancy-dropdown::after {
  width: 1.875rem;
  height: 2.5rem;
  top: 0.0625rem;
  -webkit-user-select: none;
  user-select: none;
  line-height: 2.125rem;
  max-height: 100%;
  display: block;
  content: "\f0d7";
  position: absolute;
  right: 0;
  font-size: 11px;
  border-left: 1px solid #dedede;
  text-align: center;
  font-family: 'Font Awesome 5 Pro';
  pointer-events: none;
}
/* panel-select */
.designer-panel-select {
  width:100%;
  height:24px;
  border: solid 1px #999;
  padding:4px 5px 3px 5px;
  font-size:11px;
  color:#666;
  display:flex;
  flex-direction:row;
  margin-bottom: 4px;
}
.designer-panel-select span:first-child {
  flex:1;
  flex-grow: 1;
  text-align:center;
}
.designer-panel-select span:last-child {
  width:12px;
  color:#999;
}
/* panel-dropdown */
.designer-panel-dropdown {
  position:absolute;
  top:40px;
  right:0;
  width:100%;
  max-height:350px;
  overflow-y:auto;
  /*overflow-x: visible;*/
  z-index:500;
  display:none;
  border: 1px solid #999;
  background-color:#fff;
  padding:0;
  border-radius: 2px;
  box-shadow: 2px 2px 5px rgba(0,0,0,0.2);
}
.designer-panel-dropdown > ul {
  list-style: none;
  padding:0;
  margin: 0;
}
.designer-panel-dropdown > ul > li {
  float:none;
}
.designer-panel-dropdown-item {
  font-size: 12px;
  clear: both;
  color: #333;
  display: block;
  font-weight: normal;
  line-height: 24px;
  padding: 1px 7px;
  white-space: nowrap;
  height:25px;
  border-bottom:1px dotted #e0e0e0;
  text-decoration:none;
  width:100%;
}
.designer-panel-dropdown-item:hover {
  background-color:#f6f6f6;
}
.designer-panel-dropdown > ul > li:last-child > .designer-panel-dropdown-item {
  border-bottom:0px solid transparent;
}
.designer-panel-bild-rahmen-item {
  line-height: 20px;
  padding: 10px 5px;
  height:100px;
  border-bottom:1px solid #eeeeee;
  text-align: center;
}
.designer-panel-bild-rahmen-item img {
  max-height:65px;
  max-width:100%;
  display:block;
  margin:0 auto;
}
.designer-panel-colors,
.designer-panel-pattern {
  position:relative;
}
.designer-panel-pattern-display {
  background-color: #fff;
  position:absolute;
  top:5px;
  right:5px;
  width:60px;
  height:24px;
  border-radius:2px;
}
.designer-panel-pattern-dropdown {
  position:absolute;
  top:26px;
  left:0;
  width:auto;
  max-height:350px;
  overflow-y:visible;
  /*overflow-x: visible;*/
  z-index:500;
  display:none;
  border: 1px solid #999;
  background-color:#fff;
  padding:0;
  border-radius: 2px;
  box-shadow: 2px 2px 5px rgba(0,0,0,0.2);
}
.designer-panel-colour-display {
  background-color: #000;
  position:absolute;
  top:5px;
  right:5px;
  width:60px;
  height:24px;
  border-radius:2px;
}
.designer-panel-bild-bordercolor .designer-panel-colour-select > span {
  display:none;
}
.designer-panel-bild-bordercolor .designer-panel-colour-display {
  position: static;
  width:100%;
}
.designer-panel-colour-dropdown {
  position:absolute;
  top:26px;
  left:0;
  width:auto;
  max-height:350px;
  overflow-y:visible;
  /*overflow-x: visible;*/
  z-index:500;
  display:none;
  border: 1px solid #999;
  background-color:#fff;
  padding:0;
  border-radius: 2px;
  box-shadow: 2px 2px 5px rgba(0,0,0,0.2);
}
.designer-color-edit-cmyk {
  height:45px;
}
.designer-color-edit-cmyk input {
  padding:2px;
  font-size:11px;
  width:25px;
}
/* panel-item-button */
.designer-panel-item-button {
  width:100%;
  height:34px;
  border: solid 1px #ccc;
  text-align:center;
  padding:4px;
  font-size:11px;
  line-height: 23px;
  color:#666;
  display:block;
  border-radius: 3px;
  margin-bottom:5px;
  background-color:white;
}
.designer-panel-item-button:hover {
  border: solid 1px #666;
  color:#444;
  display:block;
  background-color:#f0f0f0;
  box-shadow: inset 1px 1px 1px #fff, inset -1px -1px 1px rgba(0,0,0,0.3);
}
.designer-panel-item-button img {
  display:inline;
}
.designer-panel-item-button.active {
  border: solid 1px #666;
  color:#444;
  display:block;
  background-color:#f0f0f0;
}
.designer-panel-button-loeschen {
  width:100%;
  height:34px;
  border: solid 1px #a50000;
  text-align:center;
  /*padding:0px;*/
  line-height:32px;
  font-size:11px;
  color:#fff;
  display:block;
  background-color: #ba1212;
  border-radius: 3px;
  margin-bottom: 5px;
}
.designer-panel-button-loeschen:hover {
  background-color: #cc2121;
  border: solid 1px #a50000;
  box-shadow:none;
  color:#fff;
}
.designer-panel-ebenen {
  width:100%;
  /*
  display:grid;
  display:-ms-grid;
  grid-gap: 5px;
  -ms-grid-gap: 5px;
  grid-template-columns: repeat(4, 47px);
  -ms-grid-columns: repeat(4, 47px);
*/
  display:flex;
  justify-content: space-between;
  gap:6px;
}
.designer-panel-ebenen-button {
  width:25%;
  text-align:center;
  line-height:34px;
}
/* panel-text-font */
.designer-panel-text-font-select {
  width:100%;
  /*border: solid 1px #999;*/
  /*padding:4px 5px 2px 5px;*/
  font-size:11pt;
  color:#333;
  /*display:flex;*/
  /*flex-direction:row;*/
}
.designer-panel-text-font-dropdown {
  top:55px !important;
  width:420px;
}
/*
.designer-panel-text-font-select span:first-child{
   flex:1;
  flex-grow: 1;
}
.designer-panel-text-font-select span:last-child{
  width:12px;
  color:#999;
}
*/
.designer-panel-text-font-item {
  font-size:20px;
  line-height: 40px;
  padding: 0px 0 0 10px;
  white-space: nowrap;
  height: 40px;
  border-bottom: 1px dotted #ddd;
  text-decoration: none;
  width: 100%;
}
.designer-panel-text-font-item .designer-panel-text-font-item-name {
  margin-left:10px;
  font-family: Condensed;
  font-style: italic;
  font-size:0.7em;
  color:#888;
}
.designer-panel-text-size-select {
  width:100%;
  border: solid 1px #999;
  padding:2px 5px 2px 5px;
  font-size:10pt;
  color:#000;
  display:flex;
  flex-direction:row;
}
.designer-panel-text-size-select span:first-child {
  flex:1;
  flex-grow: 1;
}
.designer-panel-text-size-select span:last-child {
  width:12px;
  color:#999;
}
.designer-panel-text-size-dropdown {
  width:80px;
  text-align:right;
}
.designer-panel-colour-button {
  width:100%;
  border: solid 1px #999;
  padding:2px 2px 2px 2px;
  font-size:10pt;
  color:#A682C4;
  display:flex;
  flex-direction:row;
  height:24px;
  align-items:stretch;
}
.designer-panel-colour-table {
  width:340px;
  left:0px;
  display:grid;
  display:-ms-grid;
  /*grid-gap: 4px;*/
  /*-ms-grid-gap: 4px;*/
  grid-template-columns: repeat(14, 24px);
  grid-template-rows: repeat(6, 24px);
  -ms-grid-columns: 24px 24px 24px 24px 24px 24px 24px 24px 24px 24px 24px 24px 24px 24px;
  -ms-grid-rows: 24px 24px 24px 24px 24px 24px;
  padding-bottom:4px;
  background-color:#fff;
}
.designer-panel-colour-table-item {
  width:20px;
  height:20px;
  cursor:pointer;
  margin:4px;
}
.designer-panel-colour-list {
  width:230px;
  left:0px;
  display:block;
  padding-bottom:4px;
  background-color:#fff;
  min-height:50px;
  max-height:300px;
  overflow-y: auto;
}
.designer-panel-colour-list-item {
  height:30px;
  cursor:pointer;
  padding:4px;
  display:flex;
}
.designer-panel-colour-item-text {
  width:80%;
  flex:1;
  font-size:11px;
  color:#666666;
  line-height:20px;
}
.designer-panel-colour-item-swatch {
  width:20%;
  flex:1;
  height:100%;
}
.designer-color-edit-cmyk {
  height:35px !important;
}
.designer-color-edit-cmyk div input {
  padding:2px;
  font-size:11px;
  width:25px;
  line-height: 20px;
}
.designer-color-edit-cmyk div input:last-child {
  margin-right:3px;
}
.designer-panel-pattern-list {
  width:230px;
  left:0px;
  display:block;
  padding-bottom:4px;
  background-color:#fff;
  min-height:50px;
  max-height:300px;
  overflow-y: auto;
}
.designer-panel-pattern-list-item {
  height:auto;
  cursor:pointer;
  padding:10px;
  display:flex;
}
.designer-panel-pattern-item-text {
  width:auto;
  font-size:11px;
  color:#666666;
  line-height:60px;
  order:2;
}
.designer-panel-pattern-item-swatch {
  width:80px;
  height:100%;
  order:1;
}
.designer-panel-pattern-item-swatch img {
  border:solid 1px #c6c6c6;
}
.designer-panel-text-styles {
  width:100%;
  /*
  display:grid;
  display:-ms-grid;
  grid-gap: 5px;
  -ms-grid-gap: 5px;
  grid-template-columns: repeat(4, 47px);
  -ms-grid-columns: repeat(4, 47px);
  */
  display:flex;
  justify-content: space-between;
  /*height:24px;*/
}
.designer-panel-text-styles-button {
  width:47px;
}
.designer-panel-text-styles-button:last-child {
  width:90px;
  /*grid-column-start: 3;*/
  /*grid-column-end: 4;*/
}
.designer-panel-text-align {
  width:100%;
  /*
  display:grid;
  display:-ms-grid;
  grid-gap: 5px;
  -ms-grid-gap: 5px;
  grid-template-columns: repeat(4, 45px);
  -ms-grid-columns: repeat(4, 45px);
  */
  display:flex;
  justify-content: space-between;
  gap:6px;
}
.designer-panel-text-align-button {
  width:25%;
  padding:1px;
  font-size:16px;
  line-height:30px;
}
.designer-panel-text-lineheight {
  text-align:right;
  width:53px;
}
.designer-panel-text-drehen,
.designer-panel-bild-drehen {
  width:100%;
  /*
  display:grid;
  display:-ms-grid;
  grid-gap: 3px;
  -ms-grid-gap: 3px;
  grid-template-columns: repeat(5, 38px);
  -ms-grid-columns: repeat(5, 38px);
  */
  display:flex;
  justify-content: space-between;
  gap:6px;
}
.designer-panel-text-drehen-button,
.designer-panel-bild-drehen-button {
  width:20%;
}
.designer-panel-text-rotieren,
.designer-panel-bild-rotieren {
  margin-top:12px;
}
.designer-panel-bild-groesse,
.designer-panel-linien-ausrichtung {
  width:100%;
  display:flex;
  flex-direction: row;
  align-items: flex-start;
  height:auto;
}
.designer-panel-bild-groesse label, .designer-panel-linien-ausrichtung label {
  display:none;
}
.designer-panel-bild-groesse .designer-panel-item-button,
.designer-panel-linien-ausrichtung .designer-panel-item-button {
  flex:1;
  flex-grow: 1;
}
.designer-panel-bild-groesse .designer-panel-item-button:first-child,
.designer-panel-linien-ausrichtung .designer-panel-item-button:first-child {
  margin-right:3px;
}
.designer-panel-bild-transparenzen .designer-panel-item-button {
  margin-bottom:4px;
}
.designer-panel-bild-transparenzen-select {
  width:100%;
  border: solid 1px #999;
  padding:4px 5px 2px 5px;
  font-size:11px;
  color:#666;
  display:flex;
  flex-direction:row;
  margin-bottom: 4px;
}
.designer-panel-bild-transparenzen-select span:first-child {
  flex:1;
  flex-grow: 1;
  text-align:center;
}
.designer-panel-bild-transparenzen-select span:last-child {
  width:12px;
  color:#999;
}
.designer-panel-bild-transparenz-dropdown {
  width:80px;
  text-align:right;
  top:98px;
}
.designer-panel-linien-size-select {
  width:100%;
  border: solid 1px #999;
  padding:4px 5px 2px 5px;
  font-size:11px;
  color:#666;
  display:flex;
  flex-direction:row;
  margin-bottom: 4px;
}
.designer-panel-linien-size-select span:first-child {
  flex:1;
  flex-grow: 1;
  text-align:center;
}
.designer-panel-linien-size-select span:last-child {
  width:12px;
  color:#999;
}
.designer-panel-linien-size-dropdown {
  width:80px;
  font-size:11px;
  text-align:right;
}
.designer-panel-form-border {
  width:100%;
  display:flex;
  flex-direction: row;
  align-items: flex-start;
  height:24px;
}
.designer-panel-form-border > a {
  flex:1;
  flex-grow: 1;
}
.designer-panel-form-border > a:first-child {
  margin-right:3px;
}
.designer-panel-form-border-colour-button {
  flex:1;
  flex-grow: 1;
  width:100%;
  border: solid 1px #999;
  padding:2px 2px 2px 2px;
  font-size:10pt;
  color:#A682C4;
  display:flex;
  flex-direction:row;
  height:24px;
  align-items:stretch;
}
.designer-panel-form-border-dropdown {
  width:90px;
  text-align:right;
  right:105px;
}
.designer-panel-border-effekt-dropdown {
  width:90px;
  text-align:right;
}
/*  rechter Anzeige-Bereich */
.designer-right {
  position: relative;
  /* 2021-03-31*/
  display:flex;
  /* 2020-09-18*/
  flex-direction: column;
  /* 2020-09-18*/
  /*flex-wrap: nowrap; ///*/
  align-items: flex-start;
  /*/*/
  align-content: flex-start;
  /*/*/
  flex: 1 1;
  flex-grow: 1;
  flex-shrink: 1;
  order:1;
  background-color:#f5f1ea;
  /*#E7D8F3;*/
  width:100%;
  height:auto;
  overflow:hidden;
}
.designer-right .designer-right-buttons {
  width:100%;
  padding-top:20px;
  padding-left:20px;
  display:none;
  flex-direction: row;
  jjjustify-content: center;
  gap:5px;
}
.designer-right .designer-right-buttons a, .designer-right .designer-right-buttons button {
  flex-grow:0;
  flex-shrink: 0;
  width:auto;
  min-width:60px;
  /*max-width:120px;*/
  background-color:white;
}
.designer-right .designer-right-buttons a:last-child, .designer-right .designer-right-buttons button:last-child {
  margin-right:0;
}
.designer-right .designer-right-buttons a.designer-panel-button-loeschen {
  width:80px;
  height:34px;
  border: solid 1px #a50000;
  text-align:center;
  /*padding:4px;*/
  font-size:11px;
  color:#fff;
  display:block;
  background-color: #ba1212;
  border-radius: 3px;
}
.designer-right .designer-right-buttons a.designer-panel-button-loeschen:hover {
  background-color: #cc2121;
  border: solid 1px #a50000;
  box-shadow:none;
  color:#fff;
}
.designer-right .designer-right-buttons .designer-panel-button-textvorlage {
  background-color: #ff7e00;
  border: solid 1px #eb6e12;
  color:#fff;
  width:160px;
  /*font-weight: bold;*/
}
.designer-right .designer-right-buttons .designer-panel-button-textvorlage:hover {
  background-color: #fe8b1b;
  border: solid 1px #eb6e12;
  color:#fff;
}
.designer-left-vorschau {
  display:flex;
  flex-direction: row;
  width:auto;
  background-color: #e1d9cc;
  border-right:solid 1px transparent;
  border-top:solid 1px #c1b49d;
}
.designer-left-vorschau-buttons {
  display:flex;
  flex-direction: row;
  width:100%;
  padding:10px;
  gap:10px;
}
.designer-left-vorschau-text {
  display:none;
  width:100%;
  padding:15px;
}
.designer-left-vorschau-text h3 {
  color:darkred;
}
.designer-left-vorschau-text ul {
  padding:15px;
}
.designer-layout-area,
.designer-vorschau-layout-area {
  flex:1;
  flex-grow: 1;
  display:flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: flex-start;
  align-content: flex-start;
  width:100%;
  margin: 0;
  padding:7px;
  height:100%;
  overflow-y: auto;
  z-index: 10;
}
.designer-layout,
.designer-vorschau-layout-pages {
  flex:1;
  flex-grow: 1;
  width:auto;
  text-align: center;
  padding-bottom:40px;
  order:2;
}
.designer-layout-page {
  position:relative;
  top:0px;
  clear:both;
  background-repeat:no-repeat;
  margin:0px auto 0px auto;
  flex-shrink: 0;
  flex-grow: 0;
  flex-basis: auto;
  /*overflow:auto;*/
  display:none;
  /*touch-action: pan-x pan-y pinch-zoom;*/
  /*-ms-touch-action: pan-x pan-y pinch-zoom;*/
}
.designer-layout-page .designer-layout-page-overlay {
  width:100%;
  height:100%;
  background-color: rgba(0,0,0,0.3);
  position: absolute;
  z-index:1000;
}
.designer-layout-page .designer-layout-page-title {
  position: absolute;
  top:-30px;
  left: calc((100% - 100px) / 2);
  background-color: white;
  color: #888;
  padding:2px 7px;
  border-radius: 3px;
  display:block;
}
.designer-layout-page .designer-layout-page-copy {
  position: absolute;
  top:30px;
  left: calc(100% + 10px);
  min-width: 60px;
  background-color: white;
  color: #888;
  padding:2px 7px;
  border-radius: 3px;
  display:block;
  border: solid 1px transparent;
  transition: all .6s ease;
}
.designer-layout-page .designer-layout-page-copy.pages-even {
  left: calc(100% + 10px);
}
.designer-layout-page .designer-layout-page-copy.pages-even .fa-reply {
  display: none;
}
.designer-layout-page .designer-layout-page-copy.pages-even .fa-share {
  display: inline;
  margin-left: 5px;
}
.designer-layout-page .designer-layout-page-copy.pages-odd {
  left: -70px;
}
.designer-layout-page .designer-layout-page-copy.pages-odd .fa-reply {
  display: inline;
  margin-right: 5px;
}
.designer-layout-page .designer-layout-page-copy.pages-odd .fa-share {
  display: none;
}
.designer-layout-page .designer-layout-page-copy:hover {
  border:solid 1px #888;
}
.designer-layout-page .jD-BildLogoDIV {
  /*overflow: hidden;*/
}
.designer-layout-page .jD-BildLogoDIV img {
  max-height: none;
  max-width: none;
}
.designer-layout-page .designer-hilfslinie {
  position:absolute;
  display:block;
}
.designer-layout-page .designer-hilfslinie.designer-hilfslinie-quer {
  border-top:dotted 1px #00ccff;
  width:100%;
  height:1px;
  top:0px;
  left:0px;
}
.designer-layout-page .designer-hilfslinie.designer-hilfslinie-hoch {
  border-left:dotted 1px #00ccff;
  width:1px;
  height:100%;
  top:0px;
  left:0px;
}
.designer-vorschau-layout-page {
  margin:0px auto 0px auto;
}
.designer-vorschau-layout-page .designer-vorschau-layout-bild {
  -webkit-filter: drop-shadow(1px 2px 2px rgba(0,0,0,0.2));
  filter: drop-shadow(1px 2px 2px rgba(0,0,0,0.2));
}
.designer-layout-area-pages,
.designer-vorschau-list-pages {
  border:solid 1px #c1b49d;
  padding:5px;
  text-align: center;
  background-color: rgba(255,255,255,0.4);
  /*transparent;*/
  border-radius:4px;
  order:1;
  display:flex;
  flex-direction: row;
  margin:0 0 20px 0;
}
.designer-vorschau-list-page-title {
  font-size:11px;
  text-decoration:none;
  color:darken(#c1b49d,25);
  font-weight:normal;
  display:block;
  padding:0px;
  text-align: center;
}
.designer-layout-area-page,
.designer-vorschau-list-page {
  flex:1;
  width:80px;
  display:block;
  padding:5px;
  text-align: center;
  margin-top:2px;
  font-size:10px;
}
.designer-layout-area-page:hover,
.designer-vorschau-list-page:hover {
  bborder:solid 1px #c1b49d;
  background-color:lighten(#e1d9cc,5);
}
.designer-layout-area-page.aktiv,
.designer-vorschau-list-page.aktiv {
  background-color:lighten(#e1d9cc,5);
}
.designer-layout-area-page img,
.designer-vorschau-list-page img {
  max-height: 60px;
  max-width:100%;
  margin:0 auto;
}
.designer-vorschau-list-page img {
  -webkit-filter: drop-shadow(1px 2px 2px rgba(0,0,0,0.15));
  filter: drop-shadow(1px 2px 2px rgba(0,0,0,0.15));
  bbox-shadow: 1px 2px 2px rgba(0,0,0,0.15);
}
.designer-vorschau-list-page:hover img {
  -webkit-filter: drop-shadow(2px 3px 3px rgba(0,0,0,0.2));
  filter: drop-shadow(2px 3px 3px rgba(0,0,0,0.2));
  bbox-shadow: 2px 3px 3px rgba(0,0,0,0.2);
}
#designer-vorschau {
  display:none;
}
.designer-vorschau-layout-page {
  display:none;
}
.designer-layout-area-pages-headline {
  background-color: darken(#c1b49d,25);
  color:white;
  line-height: 25px;
}
.designer-layout-area-pages-buttons {
  display:flex;
  flex-direction: row;
}
.designer-layout-area-pages-buttons .designer-layout-area-pages-button {
  flex:1;
}
.designer-layout-area-pages-box {
  width:360px;
  height:58px;
  display:flex;
  flex-direction: row;
  padding:8px 1px 8px 10px;
  margin:1px 0 0 0;
  align-items: center;
  background-color: #eae5dc;
  gap:10px;
}
.designer-layout-area-pages-box.aktiv {
  background-color: #d6d0c4;
}
.designer-layout-area-pages-box .designer-layout-area-pages-buttons {
  display:flex;
  flex-direction: row;
  justify-content: flex-start;
  width:12%;
  height:100%;
  align-items: center;
}
.designer-layout-area-pages-box .designer-layout-area-pages-buttons .designer-layout-area-pages-button {
  flex:unset;
  min-width:auto;
  width:auto;
  margin-right:0;
  /*width:49%;*/
  /*height:100%;*/
}
.designer-layout-area-pages-box .designer-layout-area-pages-buttons .designer-layout-area-pages-button .designer-layout-area-page {
  padding:0;
  width:100%;
  height:100%;
  margin-top: 0;
}
.designer-layout-area-pages-box .designer-layout-area-pages-buttons .designer-layout-area-pages-button .designer-layout-area-page img {
  max-width:100%;
  max-height:100%;
  width:auto;
  border:solid 1px #999;
}
.designer-layout-area-pages-box .add-pages-title {
  line-height: 16px;
  text-align: left;
  overflow-x: hidden;
  flex:1;
}
.designer-layout-area-pages-box .add-pages-counter {
  text-align: center;
  display: flex;
  flex-direction: row;
  width:40%;
}
.designer-layout-area-pages-box .add-pages-counter button.plus {
  font-size:12px;
  color:white;
  border:none;
  border-radius: 3px 0 0 3px;
  background-color: #567f52;
  width:28px;
  height:26px;
  min-width: 28px;
  max-width: 28px;
  margin-right: 0;
}
.designer-layout-area-pages-box .add-pages-counter button.minus {
  font-size:12px;
  color:white;
  border:none;
  border-radius: 0 3px 3px 0;
  background-color: #86556e;
  width:28px;
  height:26px;
  min-width: 28px;
  max-width: 28px;
  margin-right: 0;
}
.designer-layout-area-pages-box .add-pages-counter button.minus i.delete {
  display: none;
}
.designer-layout-area-pages-box .add-pages-counter .add-pages-counter-display {
  padding:0 6px;
  background-color: white;
  height:26px;
  line-height: 26px;
  flex: 1;
}
.designer-layout-area-pages-box .add-pages-grip {
  text-align: right;
  padding-right: 10px;
  width:25px;
}
.designer-layout-area-pages-box .add-pages-grip i {
  font-size:20px;
  color:#fff;
}
.add-pages-footer {
  background-color: #e2f1df;
  height:36px;
  line-height: 30px;
  color:#305129;
  padding:3px;
}
.add-pages-footer .add-pages-footer-from, .add-pages-footer .add-pages-footer-to {
  font-weight: bold;
}
.add-pages-footer .add-pages-edit {
  width: 30px;
  height: 22px;
  text-align: center;
  font-size: 11px;
  color: #fff;
  display: inline-block;
  background-color: green;
  border-radius: 3px;
  line-height: 22px;
  margin-left:15px;
}
.add-pages-footer .add-pages-delete {
  width: 30px;
  height: 22px;
  text-align: center;
  font-size: 11px;
  color: #fff;
  display: inline-block;
  background-color: #ab5252;
  border-radius: 3px;
  line-height: 22px;
}
button.designer-layout-area-pages-plus {
  background-color: #4eb7f4 !important;
  color:white;
  line-height: 30px;
  border-radius: 3px;
  border:none;
  margin:3px 0 3px;
}
button.designer-layout-area-pages-plus i {
  /*font-size:16px;*/
  margin-right:12px;
}
button.designer-layout-area-pages-plus:hover {
  background-color: #3aa9e8 !important;
}
.add-pages-popup {
  box-sizing: border-box;
  display:none;
  border:none;
  /*solid 1px #5e503e;*/
  background-color: rgba(243,234,223,0.92);
  width:80%;
  height:85%;
  padding:30px;
  position: absolute;
  top:100px;
  left:100px;
  z-index:10000;
  overflow-y: auto;
}
.add-pages-popup .add-pages-popup-buttons {
  display:flex;
  flex-direction: row;
  justify-content: center;
}
.add-pages-popup h2 {
  margin-bottom:30px;
}
.add-pages-popup .add-pages-popup-layouts-content {
  display:flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.add-pages-popup .add-pages-popup-layouts-content .add-pages-popup-layouts-gruppen {
  width:100%;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  margin-bottom:25px;
}
.add-pages-popup .add-pages-popup-layouts-content .add-pages-popup-layouts-gruppen a {
  text-decoration: none;
}
.add-pages-popup .add-pages-popup-layouts-content .add-pages-popup-layouts-gruppen .add-pages-popup-layouts-gruppe {
  flex:1;
  padding:10px 20px;
  background-color:#fdfbf9;
  margin-right:4px;
  min-width:150px;
  max-width: 25%;
  text-align: center;
  color:#0a64a3;
  font-size: 20px;
}
.add-pages-popup .add-pages-popup-layouts-content .add-pages-popup-layouts-gruppen .add-pages-popup-layouts-gruppe.aktiv {
  background-color:#1271b3;
  color:white;
}
.add-pages-popup .add-pages-popup-layouts-content .add-pages-popup-layout-item {
  width:250px;
  background-color: rgba(255,255,255,0.6);
  margin:0 6px 12px;
  border:solid 2px transparent;
  padding:10px;
  cursor: pointer;
  transition: all 0.5s ease;
  position: relative;
}
.add-pages-popup .add-pages-popup-layouts-content .add-pages-popup-layout-item:hover {
  border:solid 2px #d2b898;
}
.add-pages-popup .add-pages-popup-layouts-content .add-pages-popup-layout-item img {
  max-height: 100%;
  max-width: 50%;
  margin:0 0;
  -webkit-filter: drop-shadow(0 2px 2px rgba(0,0,0,0.2));
  filter: drop-shadow(0 2px 2px rgba(0,0,0,0.2));
  display:inline;
}
.add-pages-popup .add-pages-popup-layouts-content .add-pages-popup-layout-item .add-pages-popup-layout-item-text {
  text-align: center;
  padding:10px 0 0 0;
  font-size:14px;
}
.add-pages-popup .add-pages-popup-layouts-content .add-pages-popup-layout-item.selected {
  border:solid 2px #1271b3;
}
.add-pages-popup .add-pages-popup-layouts-content .add-pages-popup-layout-item.selected .add-pages-ok {
  opacity: 1;
  visibility: visible;
}
.add-pages-popup .add-pages-popup-layouts-content .add-pages-popup-layout-item .add-pages-ok {
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.5s ease-in, visibility 0.1s ease-in;
  position:absolute;
  top: calc(50% - 25px);
  left: calc(50% - 80px);
  width:160px;
}
.add-pages-popup #add-pages-popup-close {
  position: absolute;
  top:12px;
  right:12px;
  color:white;
  font-size:30px;
}
.add-pages-popup #add-pages-popup-close:hover {
  color:white;
}
.add-pages-popup .add-pages-ok {
  width:50%;
}
.add-pages-popup .add-pages-cancel {
  width:180px;
  margin-left:20px;
}
.designer-right-buttons-pages {
  position: relative;
}
.designer-right-buttons-pages a.designer-button-pages {
  border:none;
  background-color: #0b6dbe !important;
  color:white;
  text-decoration: none;
  height: 34px;
  text-align: center;
  line-height: 34px;
  padding: 0 50px 0 50px;
  font-size: 11px;
  display: block;
  border-radius: 2px;
  margin-bottom: 5px;
  margin-right:50px;
}
.designer-right-buttons-pages a.designer-button-pages i {
  margin-left:20px;
}
.designer-right-buttons-pages a.designer-button-pages:hover {
  background-color: darken(#0b6dbe,6%) !important;
}
.designer-right-buttons-pages .designer-dropdown-pages {
  height: auto;
  width: auto;
  border: none;
  /* solid 1px black;*/
  position: absolute;
  top:40px;
  display:none;
}
.designer-right-buttons-pages .designer-dropdown-pages .designer-layout-area-pages {
  background-color: white;
}
.designer-right-buttons-pages .designer-dropdown-pages .designer-dropdown-pages-x {
  position: absolute;
  top:10px;
  right:10px;
  font-size: 30px;
  color:#c1b49d;
}
.designer-right-buttons-pages .designer-dropdown-pages .designer-dropdown-pages-x:hover {
  color:darken(#c1b49d,10%);
}
.designer-button {
  border-radius: 3px;
  background-color:#f3f3f3;
  border:solid 1px #999;
  color:#555;
  font-size:12px;
}
.designer-button:hover {
  border-radius: 3px;
  background-color:#fff;
  border:solid 1px #aaa;
  color:#666;
}
.designer-button-dunkel {
  border-radius: 3px;
  background-color:#666;
  border-color:#333;
  color:white;
  font-weight:bold;
  font-size:12px;
}
.designer-button-dunkel:hover {
  border-radius: 3px;
  background-color:#777;
  border-color:#444;
  color:white;
}
.designer-button-blau {
  border-radius: 3px;
  background-color:#0a64a3;
  border-color:#0a64a3;
  color:white;
  font-weight:bold;
  font-size:12px;
}
.designer-button-blau:hover {
  border-radius: 3px;
  background-color:#1271b3;
  border-color:#0a64a3;
  color:white;
}
.add-pages-cancel {
  font-size:16px;
}
.designer-panel-scrollable {
  height:100%;
  overflow-y:auto;
}
.designer-panel-layouts-group {
  display:none;
}
.designer-panel-layouts-group .designer-panel-layouts-headline {
  background-color:#f5f1ea;
  font-weight:600;
  padding:5px 8px;
  border-radius:3px;
  display:block;
  margin-bottom:2px;
  font-size:12px;
}
.designer-panel-layouts-group .designer-panel-layouts-item-group {
  display:flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin-bottom:5px;
}
.designer-panel-layouts-item {
  width:86px;
  margin:10px 0 0 0;
  font-size:11px;
  text-decoration:none;
  color:#ccc;
  padding:8px;
  text-align: center;
}
.designer-popup-layouts-item-group {
  display:flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin-bottom:5px;
  gap: 12px;
}
.designer-popup-layouts-item-group .designer-popup-layouts-item {
  width:150px;
  /*margin:10px 0 0 0;*/
  font-size:11px;
  text-decoration:none;
  color:#ccc;
  padding:8px;
  text-align: center;
}
.designer-popup-layouts-item-group .designer-popup-layouts-item img {
  max-width: 100%;
  max-height: 100%;
}
.designer-panel-backgrounds-item {
  float:left;
  width:86px;
  margin:10px 0 0 0;
  font-size:11px;
  text-decoration:none;
  color:#ccc;
  padding:8px;
  text-align: center;
}
.designer-panel-backgrounds-item:nth-child(odd),
.designer-panel-layouts-item:nth-child(odd) {
  margin:10px 0 0 0;
}
.designer-panel-backgrounds-item:hover,
.designer-panel-layouts-item:hover {
  /*background-color:#f3e8fb;*/
}
.designer-panel-backgrounds-item a,
.designer-panel-layouts-item a {
  font-size:11px;
  text-decoration:none;
  color:#777;
  display:block;
  /*background-color:#555;*/
}
.designer-panel-layouts-item-text {
  margin-top:7px;
}
.designer-panel-backgrounds-item.aktiv,
.designer-panel-layouts-item.aktiv,
.designer-popup-layouts-item.aktiv {
  background-color:#E7D8F3;
}
.designer-panel-backgrounds-item img,
.designer-panel-layouts-item img,
.designer-popup-layouts-item img {
  max-height: 90px;
  max-width:66px;
  margin:0 auto;
  -webkit-filter: drop-shadow(0 2px 2px rgba(0,0,0,0.25));
  filter: drop-shadow(0 2px 2px rgba(0,0,0,0.25));
  box-shadow: 0 0 0 0 transparent;
  transition: all 0.5s ease;
}
.designer-panel-backgrounds-item:hover img,
.designer-panel-layouts-item:hover img,
.designer-popup-layouts-item:hover img {
  /*border:solid 1px #A682C4;*/
  box-shadow: 1px 1px 8px 5px rgba(0,156,255,0.25);
}
/* SVG*/
.toolbar {
  border-radius:3px;
  background-color:rgba(255,255,255,0.6);
  padding:4px;
  width:auto;
  /*height:40px;*/
  display:none;
  position:absolute;
  top:0px;
  left:0px;
  z-index:6000;
}
.toolbar .toolbar-button {
  width:40px;
  display:inline-block;
  margin-bottom:0px;
  height:31px;
  border: solid 1px #999;
  text-align:center;
  padding:4px;
  font-size:11px;
  color:#666;
  border-radius: 2px;
  background-color:white;
}
.toolbar .toolbar-button:hover {
  display:inline-block;
  border: solid 1px #666;
  color:#444;
  background-color:#fafafa;
  /*box-shadow: inset 1px 1px 1px #fff, inset -1px -1px 1px rgba(0,0,0,0.3);*/
}
.toolbar .toolbar-button.active {
  background-color:#4c90d0;
  color:#fff;
  border-color:#1d5e9c;
}
.toolbar .toolbar-button img {
  display:inline;
}
.contextmenu {
  border-radius:3px;
  border: solid 1px #ccc;
  background-color:rgba(255,255,255,1);
  padding:4px;
  width:auto;
  /*height:40px;*/
  display:none;
  position:absolute;
  top:0px;
  left:0px;
  z-index:6000;
  box-shadow: 2px 2px 5px rgba(0,0,0,0.2);
}
.contextmenu .contextmenu-buttons {
  display:flex;
  flex-direction: column;
}
.contextmenu .contextmenu-buttons .contextmenu-button {
  width:150px;
  display:block;
  margin-bottom:1px;
  height:30px;
  border: solid 1px #f9f9f9;
  text-align:left;
  padding:4px;
  font-size:13px;
  color:#666;
  border-radius: 2px;
  background-color:white;
}
.contextmenu .contextmenu-buttons .contextmenu-button i {
  margin-right:5px;
  margin-left: 5px;
}
.contextmenu .contextmenu-buttons .contextmenu-button:hover {
  border: solid 1px #f0f0f0;
  color:#444;
  background-color:#f0f0f0;
  /*box-shadow: inset 1px 1px 1px #fff, inset -1px -1px 1px rgba(0,0,0,0.3);*/
}
.contextmenu .contextmenu-buttons .contextmenu-button.active {
  background-color:#4c90d0;
  color:#fff;
  border-color:#1d5e9c;
}
.contextmenu .contextmenu-buttons .contextmenu-button img {
  display:inline;
}
/* flying tooltip*/
.flying-tooltip {
  position: absolute;
  background: rgba(0, 0, 0, 0.8);
  color: white;
  padding: 4px 8px;
  border-radius: 3px;
  font-size: 12px;
  pointer-events: none;
  /* Wichtig! */
  z-index: 9999;
  white-space: nowrap;
  display: none;
}
/* Cliparts*/
.designer-panel-cliparts-group .designer-panel-cliparts-headline {
  background-color:#f5f1ea;
  font-weight:600;
  padding:5px 8px;
  border-radius:3px;
  display:block;
  margin-bottom:2px;
  font-size:12px;
}
.designer-panel-cliparts-group .designer-panel-cliparts-item-group {
  display:flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin-bottom:5px;
}
.designer-panel-cliparts-item {
  float:left;
  width:86px;
  margin:10px 0 0 0;
  font-size:11px;
  text-decoration:none;
  color:#ccc;
  padding:6px;
  text-align: center;
  border:solid 1px transparent;
  border-radius: 4px;
  transition: all 0.5s ease-out;
}
.designer-panel-cliparts-item:hover {
  border:solid 1px #ccc;
}
.clipart-clicked {
  animation: glow 0.5s linear 0s alternate 1;
}
@keyframes glow {
  0% {
    box-shadow: 0 0 10px -10px rgba(0,210,255,1);
  }
  100% {
    box-shadow: 0 0 10px 10px rgba(0,210,255,0);
  }
}
.designer-panel-cliparts-item-text {
  margin-bottom:12px;
  display:inline-block;
}
.designer-panel-cliparts-item-img {
  max-width:86px;
  max-height:90px;
  display:inline-block;
}
/* Textvorlagen*/
.designer-panel-textvorlagen-group {
  margin-top:10px;
}
.designer-panel-textvorlagen-group .designer-panel-textvorlagen-headline {
  background-color:#f5f1ea;
  font-weight:600;
  padding:5px 8px;
  border-radius:3px;
  display:block;
  margin-bottom:2px;
  font-size:12px;
}
.designer-panel-textvorlagen-group .designer-panel-textvorlagen-item-group {
  display:flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin-bottom:5px;
}
.designer-panel-textvorlagen-item {
  width:100%;
  font-size:12px;
  text-decoration:none;
  color:#666;
  padding:10px 6px 10px;
  text-align: center;
  border-bottom:solid 1px #ddd;
  border-radius: 3px;
}
.designer-panel-textvorlagen-item:hover {
  background-color: #faf3eb;
  border-bottom:solid 1px transparent;
}
a.designer-panel-textvorlagen-item-text {
  margin-bottom:0px;
  display:inline-block;
  color:#333;
}
/* Templates / Vorlagen speichern*/
.designer-popup-template-speichern {
  display:none;
  position:absolute;
  top:160px;
  left:50%;
  z-index: 6000;
  width:450px;
  padding:15px;
  line-height:20px;
  background-color:white;
  border:solid 1px #888;
  text-align:center;
}
.designer-popup-template-speichern h4 {
  margin:10px 0 10px 0;
}
.designer-popup-template-speichern label {
  margin-top:10px;
  font-size:12px;
  font-weight:600;
  width:100%;
  display:block;
}
.designer-popup-template-speichern #designer-popup-template-save {
  width:160px;
  text-align:center;
}
.designer-popup-template-speichern #designer-popup-template-save i {
  opacity:0.001;
}
.designer-popup-template-speichern .select-field {
  width:290px;
}
.designer-head-menu {
  float:left;
  padding:37px 0 0 60px;
  display:none;
}
/* In App*/
.designer-inapp-message {
  position: absolute;
  z-index:5000;
  top:180px;
  left:10%;
  width:80%;
  border-radius:12px;
  padding:30px 30px 30px 30px;
  text-align: center;
  background-color:rgba(255,255,255,0.85);
}
.designer-inapp-message .designer-inapp-headline {
  font-size:30px;
  line-height:40px;
  font-weight:600;
  color:darken(#c1b49d,20) !important;
  width:100%;
  font-style: italic;
  /*padding-bottom:20px;*/
  text-align: center;
}
.designer-inapp-message .designer-inapp-box {
  width:100%;
  padding-top:20px;
}
.designer-inapp-message .designer-inapp-box .designer-inapp-button {
  display:flex;
  flex-direction: row;
  justify-content: center;
  gap: 30px;
  width:100%;
  padding:0 5px 0 5px;
}
.designer-inapp-message .designer-inapp-box .designer-inapp-button button {
  transition: all 0.5s;
  flex:1;
  width:100%;
  /*margin:0 15px;*/
  height:80px;
  font-size:20px;
  line-height:20px;
  border:none;
  background-color:#00a5ff;
  color:white;
  text-shadow: 1px 2px 3px rgba(0,0,0,0.3);
  font-weight:600;
  box-shadow: 1px 2px 3px rgba(0,0,0,0.3);
  border-radius:10px;
}
.designer-inapp-message .designer-inapp-box .designer-inapp-button button:hover {
  /*transition: all 0.5s;*/
  background-color:lighten(#00a5ff,5);
  text-shadow: 1px 2px 3px rgba(0,0,0,0.1);
}
.designer-inapp-message .designer-inapp-box .designer-inapp-button button:nth-child(2) {
  background-color:#0b6dbe;
}
.designer-inapp-message .designer-inapp-box .designer-inapp-button button:nth-child(2):hover {
  /*transition: all 0.5s;*/
  background-color:lighten(#0b6dbe,5);
  text-shadow: 1px 2px 3px rgba(0,0,0,0.1);
}
.designer-inapp-message .designer-inapp-box .designer-inapp-button button.schliessen, .designer-inapp-message .designer-inapp-box .designer-inapp-button a.schliessen {
  background-color: #c1b49d;
}
.designer-inapp-message .designer-inapp-box .designer-inapp-button button.schliessen:hover, .designer-inapp-message .designer-inapp-box .designer-inapp-button a.schliessen:hover {
  /*transition: all 0.5s;*/
  background-color:lighten(#c1b49d,10);
  text-shadow: 1px 2px 3px rgba(0,0,0,0.1);
  color:darken(#c1b49d,20);
}
.designer-inapp-message .designer-inapp-box .designer-inapp-button button.bearbeiten {
  background-color: #c1b49d;
}
.designer-inapp-message .designer-inapp-box .designer-inapp-button button.bearbeiten:hover {
  /*transition: all 0.5s;*/
  background-color:lighten(#c1b49d,10);
  text-shadow: 1px 2px 3px rgba(0,0,0,0.1);
  color:darken(#c1b49d,20);
}
.designer-inapp-message.designer-job-gespeichert-meldung {
  /*position: static;*/
  /*margin-top:60px;*/
}
.designer-inapp-headline {
  font-size:30px;
  line-height:40px;
  font-weight:600;
  color:#ac7b57;
  width:100%;
  font-style: italic;
  padding-bottom:20px;
  text-align: center;
}
.designer-inapp-productbox {
  background-color:white;
  border:solid 1px rgba(0,0,0,0.1);
  border-radius: 4px;
  padding: 12px 10px 10px 10px;
  text-align: center;
  width:220px;
  height:220px;
  overflow-y: hidden;
  margin: 3px 3px;
  box-shadow: 0 0 0px 0px transparent;
  transition: all 0.6s ease-out;
}
.designer-inapp-productbox .designer-inapp-productbox-image {
  height:150px;
  width:100%;
  text-align:center;
}
.designer-inapp-productbox .designer-inapp-productbox-image img {
  display:inline;
  max-height:94%;
  max-width:94%;
  transition: all 0.5s ease-out;
}
.designer-inapp-productbox .designer-inapp-productbox-title {
  font-size:13px;
  margin-top:8px;
  text-align:center;
}
.designer-inapp-productbox:hover {
  border:solid 1px rgba(0,0,0,0.25);
  box-shadow: 0 0 10px 5px white;
}
.designer-inapp-productbox:hover .designer-inapp-productbox-image img {
  max-height:100%;
  max-width:100%;
}
/* Login PopUp*/
#meldung-konto-gespeichert,
#meldung-konto-login {
  display:none;
  position:absolute;
  top:200px;
  left:330px;
  background-color:white;
  border: solid 1px #e9e4e0;
  padding:20px;
  width:300px;
  box-shadow: 1px 3px 8px rgba(0,0,0,0.25);
  z-index:20;
}


/* Layouts im Kundenkonto*/
.layout-item {
  border: solid 1px #e9e4e0;
  border-radius: 5px;
  padding:20px;
  margin-bottom: 12px;
  background-color: white;
}
.layout-item .layout-info {
  display: flex;
  flex-direction: row;
  align-items: stretch;
}
.layout-item .layout-info .layout-image-container {
  width:25%;
  height:250px;
}
.layout-item .layout-info .layout-image-container .layout-image {
  max-height:100%;
  max-width:100%;
  /*border:solid 1px transparent;*/
  box-shadow: 0 2px 4px rgba(0,0,0,0.3);
}
.layout-item .layout-info .layout-image-container .layout-image:hover {
  /*border-color:darkred;*/
  box-shadow: 0 5px 5px rgba(0,0,0,0.3);
}
.layout-item .layout-info .layout-details {
  width:50%;
  padding-left:15px;
  display:flex;
  flex-direction: column;
}
.layout-item .layout-info .layout-details .layout-title {
  height:26px;
  font-size:16px;
  font-weight:600;
}
.layout-item .layout-info .layout-details .layout-ordernumber {
  flex:1;
  flex-grow: 1;
}
.layout-item .layout-info .layout-details .layout-buttons {
  height:50px;
}
.layout-item .layout-info .layout-details-rechts {
  width:25%;
  padding-left:15px;
  border-left: solid 1px #e9e4e0;
  display:flex;
  flex-direction: column;
}
.layout-item .layout-info .layout-details-rechts .layout-date {
  flex:1;
  flex-grow: 1;
}
.layout-item .layout-info .layout-details-rechts .layout-delete {
  height:50px;
}
.layout-item .layout-info .layout-details-rechts .layout-delete a {
  background-color:#e40132;
  color:white;
  border:solid 1px #e40132;
}
.layout-item .layout-info .layout-details-rechts .layout-delete a:hover {
  background-color:lighten(#e40132,5);
  border:solid 1px darken(#e40132, 5);
}
.layout-item .order-again-actions {
  /*flex:1;*/
  margin-right: 10px;
  cursor: pointer;
}
.layout-item .order-again-actions .order-again-unveraendert-button {
  background-color:#68ad1f;
  color:white;
}
.layout-item .order-again-actions .order-again-unveraendert-button:hover {
  background-color:lighten(#68ad1f, 4%);
  text-shadow:0px 1px 1px darken(#68ad1f, 8%);
}
.layout-item .order-again-actions .order-again-bearbeiten-button {
  background-color:#ffb73a;
  color:white;
}
.layout-item .order-again-actions .order-again-bearbeiten-button:hover {
  background-color:lighten(#ffb73a, 5%);
  text-shadow:0px 1px 1px darken(#ffb73a, 20%);
}
/* Dropdown Button für Artikelauswahl im Kopfbereich*/
/* Dropdown Button */
.dropdown-button {
  background-color: #c1b49d;
  color: white;
  padding: 8px 35px;
  font-size: 12px;
  font-weight:600;
  /*text-shadow:1px 1px 0px rgba(0,0,0,0.2);*/
  border: solid 1px darken(#c1b49d, 10%);
  cursor: pointer;
  border-radius:3px;
}
.dropdown-button:hover {
  background-color: lighten(#c1b49d,5%);
}
/* The container <div> - needed to position the dropdown content */
.dropdown {
  position: relative;
  display: inline-block;
}
/* Dropdown Content (Hidden by Default) */
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f6f6f6;
  width: 350px;
  box-shadow: 1px 3px 5px 0px rgba(0,0,0,0.2);
  z-index: 1;
}
/* Links inside the dropdown */
.dropdown-content a {
  color: black;
  padding: 10px 10px;
  text-decoration: none;
  display: flex;
  flex-direction: row;
  /* Change color of dropdown links on hover */
}
.dropdown-content a:hover {
  background-color: #f0f0f0;
}
.dropdown-content a div:first-child {
  width:80px;
  height:30px;
  margin-right:10px;
}
.dropdown-content a div:last-child {
  width:240px;
  font-size:11px;
  line-height: 28px;
}
/* Teaserbutton im Detail-Image*/
.product-detail-media {
  position: relative;
}
.image-teaser-button-designer {
  display:none;
}
/* Chat button*/
#lz_overlay_wm {
  display:none;
}
.designer-popup-close {
  position:absolute;
  top:-20px;
  right:-20px;
}
.designer-popup-close .fas {
  font-size:30px;
  color:#cfcfcf;
  transition: all 0.5s ease-out;
}
.designer-popup-close .fas:hover {
  font-size:36px;
  color:#cccccc;
}
#designer-logo-website {
  display:none;
}
.designer-panel-logo-website {
  display:none;
  position:absolute;
  top:100px;
  left:calc(50% - 126px);
  border:solid 1px #999;
  border-radius: 3px;
  background:white;
  padding:10px;
  height:auto;
  width:252px;
  box-shadow: 1px 1px 3px rgba(0,0,0,0.15);
  z-index: 5002;
  /*overflow-x: auto;*/
}
.designer-panel-logo-website input {
  width:200px;
  font-size:12px;
}
.designer-panel-logo-website .designer-panel-logo-website-list {
  display:none;
  margin-top:15px;
  border-top:dotted 1px #999;
  padding:15px;
  height:200px;
  width:100%;
  overflow-x: auto;
}
.designer-panel-logo-website .designer-panel-logo-website-list h3 {
  font-size:18px;
  margin-top: 2px;
}
.designer-panel-logo-website .designer-panel-logo-website-list img {
  border:solid 2px transparent;
  margin-bottom:15px;
}
.designer-panel-logo-website .designer-panel-logo-website-list img:hover {
  border:solid 2px lightskyblue;
}
.designer-panel-logo-website .designer-panel-logo-website-list img.selected {
  border:solid 2px lightskyblue;
}
.designer-panel-logo-website .designer-panel-logo-website-notfound {
  display:none;
  text-align: center;
}
.designer-panel-logo-website .designer-panel-logo-website-notfound h3 {
  font-size:18px;
  margin-top: 2px;
  color:darkred;
}
.designer-panel-logo-website .designer-panel-logo-website-loader {
  display:none;
  position: relative;
  top:25px;
  left:calc(50% - 35px);
  height:70px;
}
/* InnApp*/
.designer-inapp-area {
  flex:0 0 auto;
  flex-grow: 0;
  display:flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: stretch;
  align-content: flex-start;
  justify-content: center;
  width:100%;
  margin: 35px 0 0 auto;
  padding:20px;
  height:100%;
  overflow-y: auto;
}
.designer-inapp-headline {
  font-size:30px;
  line-height:40px;
  font-weight:600;
  color:#ac7b57;
  width:100%;
  font-style: italic;
  padding-bottom:20px;
  text-align: center;
}
.designer-inapp-productbox {
  /*flex:1 0;*/
  background-color:white;
  border:solid 1px rgba(0,0,0,0.1);
  border-radius: 4px;
  padding: 12px 10px 10px 10px;
  text-align: center;
  width:220px;
  height:185px;
  overflow-y: hidden;
  margin: 3px 3px;
  box-shadow: 0 0 0px 0px transparent;
  transition: all 0.6s ease-out;
}
.designer-inapp-productbox .designer-inapp-productbox-image {
  height:130px;
  width:100%;
  text-align:center;
}
.designer-inapp-productbox .designer-inapp-productbox-image img {
  display:inline;
  max-height:94%;
  max-width:94%;
  transition: all 0.5s ease-out;
}
.designer-inapp-productbox .designer-inapp-productbox-title {
  font-size:12px;
  margin-top:0px;
  text-align:center;
  /*height:55px;*/
}
.designer-inapp-productbox:hover {
  border:solid 1px rgba(0,0,0,0.25);
  box-shadow: 0 0 10px 5px white;
}
.designer-inapp-productbox:hover .designer-inapp-productbox-image img {
  max-height:100%;
  max-width:100%;
}
.designer-layout-area-pages-flyout {
  display: none;
}
.designer-window-onlinedesigner24 {
  z-index: 5000;
}
.designer-tool-panel {
  display:none;
}
@media screen and (min-width: 30em) {
  /* ----------- bisher --------------------*/
  .designer-article-teaser {
    /*display: none;*/
    display:flex;
  }
}
@media screen and (min-width: 48em) {

  .is--ctl-designerlayouts.is--user .sidebar-main {
    display: block;
  }
  .is--ctl-designerlayouts.is--user .sidebar-main + .content--wrapper {
    margin-left: 260px;
  }
  .is--ctl-is--ctl-designerlayouts .sidebar-main .categories--headline, .is--ctl-is--ctl-designerlayouts .sidebar-main .categories--navigation, .is--ctl-is--ctl-designerlayouts .sidebar-main .shop-sites--container {
    display: none;
  }
  .designer-article-teaser {
    display: flex;
    justify-content: center;
  }
  .designer-category-teaser-button {
    cursor:pointer;
  }
  .designer-category-teaser-button div {
    display:block;
  }
  .designer-category-teaser-button .banner-content {
    padding-top:20px;
    padding-bottom: 20px;
  }
  .designer-category-teaser-button img {
    box-shadow: 0 0 0px 0px transparent;
    transition: all 0.5s ease;
  }
  .designer-category-teaser-button:hover img {
    box-shadow: 1px 1px 10px 5px rgba(0,132,255,0.4);
  }
}
@media screen and (min-width: 64em) {
  .ui-resizable-se {
    background-image:none;
    cursor: se-resize;
    width: 10px !important;
    height: 10px !important;
    border-radius:5px;
    right: -5px !important;
    bottom: -5px !important;
    border:1px solid #999;
    background-color:#fff;
  }
  .ui-resizable-sw {
    cursor: sw-resize;
    width: 10px !important;
    height: 10px !important;
    border-radius:5px;
    left: -5px !important;
    bottom: -5px !important;
    border:1px solid #999;
    background-color:#fff;
  }
  .ui-resizable-nw {
    cursor: nw-resize;
    width: 10px !important;
    height: 10px !important;
    border-radius:5px;
    left: -5px !important;
    top: -5px !important;
    border:1px solid #999;
    background-color:#fff;
  }
  .ui-resizable-ne {
    cursor: ne-resize;
    width: 10px !important;
    height: 10px !important;
    border-radius:5px;
    right: -5px !important;
    top: -5px !important;
    border:1px solid #999;
    background-color:#fff;
  }
  /*  Designer Fenster */
  .designer-window {
    width:100%;
    height:100%;
    position:fixed;
    top:600px;
    left:0px;
    z-index: 5000;
    border:none;
    /*solid 2px black;*/
    border-radius: 0px;
    padding:0px;
    background-color: white;
    overflow-y: hidden;
    /*auto;*/
  }
  .designer-laden-spinner {
    font-size:220px;
    width:220px;
    margin:200px auto 0px auto;
  }
  /*  Designer Teaser in der Artikel-Detail-Ansicht */
  .designer-article-teaser {
    padding:0px;
    text-align: center;
    color:#444;
    font-weight:bold;
    font-size:16px;
    display: flex;
    /*none;*/
    margin-bottom:15px;
    width:100%;
  }
  .designer-article-teaser-hidden {
    /*display: none !important;*/
    opacity:0.5;
  }

  .designer-article-teaser-headline {
    margin-bottom:15px;
  }
  .designer-article-teaser-view {
    display:none;
    width: 100%;
    padding:15px;
  }
  .designer-article-teaser-view hr {
    border:none;
    border-bottom:solid 1px #eee;
    margin:10px 0;
  }
  .designer-article-teaser-view-preview {
    width:100%;
    overflow-x: auto;
    display:flex;
    flex-direction: row;
    justify-content: center;
  }
  .designer-article-teaser-view-items {
    display:flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
  }
  .designer-article-teaser-view-item {
    flex:1 1 auto;
    flex-grow: 1;
    flex-shrink: 1;
    margin-right:10px;
    max-height:100px;
    text-align:center;
  }
  .designer-article-teaser-view-item:last-child {
    margin-right:0;
  }
  .designer-article-teaser-view-item img {
    border:none !important;
    box-shadow: 0 2px 2px rgba(0,0,0,0.3);
    width:auto !important;
    max-width:none !important;
    max-height:100px !important;
    height:100% !important;
    margin:0 auto;
  }
  .designer-article-teaser-new {
    width:100%;
  }
  .designer-article-teaser-button {
    width:100%;
    height:auto;
    border-radius: 3px;
    background-color: #6fa7e9;
    border: solid 1px #477ab6;
    color:#fff;
    cursor: pointer;
    padding:20px 16px;
    transition: all 0.6s ease-out;
  }
  .designer-article-teaser-button:hover {
    background-color: #7cb1f0;
    border: solid 1px #396ca9;
  }
  .designer-article-teaser-button-edit {
    margin-top:15px;
    font-size:0.85rem;
    font-weight:normal;
    color:#666666;
    background-color:transparent;
    border:none;
    text-decoration: none;
    display:inline-block;
    width:auto;
    padding:2px !important;
  }
  .designer-article-teaser-button-edit:hover {
    text-shadow: none;
    text-decoration: underline;
    background-color: transparent;
    border: none;
    color:#454545;
  }
  .designer-article-top-button {
    /*float:right;*/
    width:200px;
    height:30px;
    border-radius: 3px;
    background-color: #6fa7e9;
    border: solid 1px #477ab6;
    color:#fff;
    font-weight: 600;
    font-size:12px;
    line-height: 26px;
    cursor: pointer;
  }
  .designer-article-top-button:hover {
    background-color: #7cb1f0;
    border: solid 1px #396ca9;
    text-shadow: 0px 1px 1px rgba(0,0,0,0.2);
  }
  /*  Designer Artikel im Warenkorb  */
  .designer-cart-vorschau-button {
    width:100%;
    height:32px;
    border-radius: 3px;
    background-color: #6fa7e9;
    border: solid 1px #477ab6;
    padding:5px 10px;
    color:#fff;
    text-shadow: 0px 1px 1px rgba(0,0,0,0.2);
    font-weight: 500;
    font-size:12px;
    line-height: 30px;
    cursor: pointer;
  }
  .designer-cart-vorschau-button:hover {
    background-color: #7cb1f0;
    border: solid 1px #396ca9;
    text-shadow: 0px 1px 1px rgba(0,0,0,0.2);
  }
  /*  Designer-Container */
  #designer {
    height:100%;
    /* 2020-09-18*/
    width:100%;
  }
  .designer-container {
    display:flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: flex-start;
    align-content: flex-start;
    width:100%;
    height:100%;
    /* 2020-09-18*/
    padding-top:0px;
  }
  /*  Head */
  .designer-head {
    flex:0 0 auto;
    /* 2020-09-18*/
    flex-shrink: 0;
    width:100%;
    height:90px;
    border-bottom:solid 1px #c1b49d;
    background-color:white;
    display:flex;
    flex-direction: row;
  }
  .designer-headline {
    mmargin: 25px 0 0 10px;
    flex:1;
    flex-grow: 1;
  }
  .designer-headline .designer-logo {
    width:96px;
    height:70px;
    margin-left: 15px;
    float:left;
  }
  .designer-headline .designer-logo-text {
    color:#e9a226;
    font-family:'Open Sans';
    font-size: 30px;
    font-style: normal;
    font-weight: bold;
    text-transform: none;
    margin:30px 15px 0 0;
    float:left;
    display:inline-block;
  }
  .designer-headline .designer-logo-text-zusatz, .designer-headline .designer-artikel-titel {
    color:#827e79;
    font-family:'Open Sans';
    font-size: 30px;
    font-style: normal;
    font-weight: 400;
    text-transform: none;
    margin:30px 0;
    float:left;
    display:inline-block;
  }
  .designer-buttons {
    margin-top:15px;
    padding-right:0px !important;
  }
  .designer-button-abbrechen {
    transition: all 0.5s;
    width:160px;
    height:45px;
    border-radius: 3px;
    background-color: #eee;
    border: solid 1px #999;
    color:#999;
    font-weight: normal;
    font-size:20px;
  }
  .designer-button-abbrechen:hover {
    background-color: #fff;
    border: solid 1px #777;
  }
  .designer-button-abbrechen text {
    display:inline-block;
  }
  .designer-button-abbrechen i {
    display:none;
  }
  .designer-button-speichern,
    .designer-button-warenkorb-speichern {
    transition: all 0.5s;
    width:320px;
    height:45px;
    border-radius: 3px;
    background-color: #4ab900;
    border: solid 1px #368501;
    color:#fff;
    font-weight: normal;
    font-size:20px;
  }
  .designer-button-speichern:hover, .designer-button-warenkorb-speichern:hover {
    background-color: lighten(#4ab900, 4);
    border: solid 1px #368501;
  }
  .designer-button-speichern text, .designer-button-warenkorb-speichern text {
    display:inline-block;
  }
  .designer-button-speichern i, .designer-button-warenkorb-speichern i {
    display:none;
  }
  .designer-speichern-vorschau text {
    display:inline-block;
  }
  .designer-speichern-vorschau i {
    display:none;
  }
  .designer-button-bearbeiten {
    transition: all 0.5s;
    width:220px;
    height:45px;
    border-radius: 3px;
    background-color: #eeeeee;
    border: solid 1px #999999;
    color:#368501;
    font-weight: normal;
    font-size:20px;
  }
  .designer-button-bearbeiten:hover {
    background-color: #fcfcfc;
    border: solid 1px #777777;
  }
  .designer-button-bearbeiten text {
    display:inline-block;
  }
  .designer-button-bearbeiten i {
    display:none;
  }
  /*  Body */
  .designer-body {
    flex: 1 1 auto;
    /* 2020-09-18*/
    flex-grow: 1;
    width:100%;
    border-bottom:solid 1px #ccc;
    background-color:#f5f1ea;
    display:flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: stretch;
    align-content: flex-start;
    overflow:hidden;
    /* 2020-09-18*/
  }
  /*  linker Funktions-Bereich */
  .designer-left {
    display:flex;
    width:300px;
    background-color:#f5f1ea;
    /*#D6BFE9;*/
    border-right:solid 1px #c1b49d;
    /*#C7A6E1;*/
    height:auto;
    overflow-x: initial;
    flex-direction: row;
    order:1;
  }
  .designer-left-disabled {
    position:absolute;
    top:90px;
    left:0px;
    width:299px;
    height:1000px;
    background-color:white;
    opacity:0.65;
    z-index:100;
    display:block;
  }
  .designer-button-pdf-speichern,
    .designer-button-konto-speichern {
    border-radius: 3px;
    background-color: #eee;
    border: solid 1px #777;
    color:#666;
    font-weight: normal;
    font-size:20px;
    order:10;
  }
  .designer-button-pdf-speichern text, .designer-button-konto-speichern text {
    display:inline-block;
  }
  .designer-button-pdf-speichern i, .designer-button-konto-speichern i {
    display:none;
  }
  .designer-button-pdf-speichern:hover,
    .designer-button-konto-speichern:hover {
    background-color: #fff;
    border: solid 1px #555;
    color:#555;
  }
  .designer-button-konto-speichern {
    display:block;
    order:8;
  }
  .designer-left-button-normal {
    width:100%;
    height:40px;
    font-size:16px;
    margin-bottom:7px;
  }
  /*  Tabs links */
  .designer-tabs {
    height:100%;
    width:80px;
    display:flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: flex-start;
    align-content: flex-start;
    flex:1;
    order:1;
    background-color: #f5f1ea;
  }
  .designer-tabs-button {
    height:80px;
    width:80px;
    background-color: #d2cabd;
    /*#C2A0DE;*/
    color:white;
    font-size:12px;
    font-weight:normal;
    text-align:center;
    padding-top: 15px;
    border-right:solid 1px #c1b49d;
    border-bottom:solid 1px #c1b49d;
    cursor:pointer;
  }
  .designer-tabs-button .far, .designer-tabs-button .fal, .designer-tabs-button .fas, .designer-tabs-button .fa {
    font-size:30px;
    display:block;
    height:30px;
  }
  .designer-tabs-button.aktiv {
    text-shadow: 0px 1px 1px rgba(0,0,0,0.35);
  }
  .designer-tabs-button.aktiv .far, .designer-tabs-button.aktiv .fas, .designer-tabs-button.aktiv .fa, .designer-tabs-button.aktiv .fal {
    color: #ddd;
  }
  .designer-tabs-button.aktiv {
    background-color:white;
    color:#666;
    border-right:solid 1px transparent;
    border-bottom:solid 1px #c1b49d;
  }
  .designer-tabs-button.inaktiv {
    background-color:#e1d9cc;
    color:rgba(255,255,255,0.65);
    cursor:default;
  }
  /* Designer Eigenschaften-Bereich links, klappt beim Klick auf ein Tab auf */
  .designer-eigenschaften {
    flex: 1 0 initial;
    flex-grow: 1;
    height:100%;
    width:300px;
    background-color: white;
    color:#333;
    overflow: visible;
    display:block;
    position: initial;
    border-top:none;
    box-shadow: none;
    order:2;
  }
  .designer-eigenschaften .designer-eigenschaften-close {
    display:none;
  }
  .designer-panel {
    display:none;
    padding:20px 15px 15px 15px;
    width:100%;
  }
  .designer-panel .select-field {
    width:100%;
  }
  .designer-panel.feedback {
    position:absolute;
    z-index:2;
    background-color: white;
    width:400px;
    border:solid 1px #e8a124;
    color:#6f6962;
  }
  .designer-panel.feedback h2 {
    color:darkred;
    font-weight:300;
    font-size:26px;
  }
  .designer-panel.feedback textarea {
    width:100%;
    height:200px;
  }
  .designer-panel.feedback input {
    width:100%;
  }
  .designer-panel.feedback button i {
    opacity:0.001;
  }
  .designer-panel.feedback .feedback-erfolg {
    margin-top:25px;
    color:#e8a124;
    font-size:16px;
    font-style: italic;
    font-weight: 400;
    display:none;
  }
  .designer-panel.feedback .feedback-fehler {
    margin-top:25px;
    color:darkred;
    font-size:14px;
    font-style: italic;
    font-weight: 400;
    display:none;
  }
  .designer-panel:first-child,
    .designer-panel-visible {
    /*display:block;*/
  }
  .designer-panel-item {
    display:block;
    margin-top:10px;
    position:relative;
  }
  .designer-panel:first-child,
    .designer-panel-visible {
    display:flex !important;
  }
  .designer-panel-item {
    display:block;
    margin-top:10px;
    position:relative;
    /* Eigenschafts-Items für mobile anordnen*/
    /* Text:*/
    /* Bild:*/
    /* Linie*/
    /* Form*/
  }
  .designer-panel-item.designer-panel-text-button-neu {
    width:100%;
    order:1;
    margin-top:0px;
  }
  .designer-panel-item.designer-panel-text-font {
    width:100%;
    order:2;
    margin-top:20px;
  }
  .designer-panel-item.designer-panel-text-size {
    width:50%;
    order:3;
  }
  .designer-panel-item.designer-panel-text-style {
    width:100%;
    order:4;
  }
  .designer-panel-item.designer-panel-text-colour {
    width:100%;
    order:5;
  }
  .designer-panel-item.designer-panel-text-colour .designer-panel-colour-transparent {
    display:none;
  }
  .designer-panel-item.designer-panel-text-schatten {
    width:100%;
    order:7;
  }
  .designer-panel-item.designer-panel-text-transparenz {
    width:100%;
    order:6;
  }
  .designer-panel-item.designer-panel-text-ausrichtung {
    width:100%;
    order:8;
  }
  .designer-panel-item.designer-panel-text-drehen-neigen {
    width:100%;
    order:9;
  }
  .designer-panel-item.designer-panel-text-rotation {
    width:100%;
    order:10;
    margin-bottom:12px;
  }
  .designer-panel-item.designer-panel-ebenen {
    width:100%;
    order:30;
  }
  .designer-panel-item.designer-panel-loeschen {
    width:100%;
    order:32;
  }
  .designer-panel-item.designer-panel-bild-neu {
    width:100%;
    order:1;
    margin-top:0px;
  }
  .designer-panel-item.designer-panel-bild-rahmen {
    width:100%;
    order:2;
    margin-bottom:5px;
  }
  .designer-panel-item.designer-panel-bild-bordersize {
    flex:1;
    order:3;
    margin-bottom:10px;
  }
  .designer-panel-item.designer-panel-bild-bordercolor {
    flex:1;
    order:4;
    margin-bottom:10px;
  }
  .designer-panel-item.designer-panel-bild-rotation {
    width:100%;
    order:14;
    margin-bottom:10px;
  }
  .designer-panel-item.designer-panel-bild-drehen-neigen {
    width:100%;
    order:13;
  }
  .designer-panel-item.designer-panel-bild-groesse {
    width:100%;
    order:12;
    margin-top:20px;
  }
  .designer-panel-item.designer-panel-bild-color {
    width:100%;
    order:15;
  }
  .designer-panel-item.designer-panel-bild-color .designer-panel-colour-transparent {
    display:none;
  }
  .designer-panel-item.designer-panel-bild-freistellen {
    width:100%;
    order:16;
  }
  .designer-panel-item.designer-panel-bild-zauberstab {
    width:100%;
    order:17;
  }
  .designer-panel-item.designer-panel-bild-deckkraft {
    width:100%;
    order:12;
  }
  .designer-panel-item.designer-panel-linie-neu {
    width:100%;
    order:1;
    margin-top:0px;
  }
  .designer-panel-item.designer-panel-linie-ausrichtung {
    width:100%;
    order:2;
    margin-top:20px;
  }
  .designer-panel-item.designer-panel-linie-staerke {
    width:100%;
    order:3;
  }
  .designer-panel-item.designer-panel-linie-color {
    width:100%;
    order:4;
  }
  .designer-panel-item.designer-panel-linie-color .designer-panel-colour-transparent {
    display:none;
  }
  .designer-panel-item.designer-panel-linie-transparenz {
    width:100%;
    order:5;
  }
  .designer-panel-item.designer-panel-form-neu {
    width:100%;
    order:1;
    margin-top:0px;
  }
  .designer-panel-item.designer-panel-form-pattern {
    width:100%;
    order:2;
  }
  .designer-panel-item.designer-panel-form-patterncolor {
    width:100%;
    order:2;
  }
  .designer-panel-item.designer-panel-form-fillcolor {
    width:100%;
    order:2;
    margin-top:20px;
  }
  .designer-panel-item.designer-panel-form-rahmen {
    width:100%;
    order:3;
  }
  .designer-panel-item.designer-panel-form-bordercolor {
    width:100%;
    order:4;
  }
  .designer-panel-item.designer-panel-form-bordercolor .designer-panel-colour-transparent {
    display:none;
  }
  .designer-panel-item.designer-panel-form-effekt {
    width:100%;
    order:5;
  }
  .designer-panel-item.designer-panel-form-transparenz {
    width:100%;
    order:6;
  }
  .designer-panel-item.designer-panel-feedback-head {
    width:100%;
    order:1;
  }
  .designer-panel-item.designer-panel-feedback-textarea {
    width:100%;
    order:2;
  }
  .designer-panel-item.designer-panel-feedback-email {
    width:100%;
    order:3;
  }
  .designer-panel-item.designer-panel-feedback-button {
    width:100%;
    order:4;
  }
  .designer-panel-item label {
    color:#666;
    font-size:9pt;
    display:block;
    margin-bottom:2px;
  }
  .designer-panel > hr {
    margin:15px 0 15px 0;
    border:0;
    border-bottom:solid 1px #eee;
  }
  .designer-panel > hr:first-child {
    margin:0 0 15px 0;
  }
  .designer-panel-button-neu {
    width:100%;
    height:50px;
    border-radius: 3px;
    background-color: #e8a124;
    border: solid 1px #e8a124;
    color:white;
    font-weight: bold;
    display:block;
    text-align: center;
    line-height:49px;
    font-size:15px;
  }
  .designer-panel-button-neu text {
    display:inline-block;
  }
  .designer-panel-button-neu i {
    display:none;
  }
  .designer-panel-button-neu.designer-panel-button-form-neu i {
    display:inline-block;
  }
  .designer-panel-button-neu.designer-panel-button-qrcode-neu {
    width:32%;
  }
  .designer-panel-button-neu.designer-panel-button-qrcode-neu i {
    display:inline-block;
  }
  .designer-panel-button-neu#designer-logo-website i {
    display:inline-block;
  }
  .designer-panel-button-neu.designer-logo-website-button i {
    display:inline-block;
  }
  .designer-panel-button-neu:hover {
    background-color: #efb44e;
    border: solid 1px #e8a124;
  }
  .designer-panel-button-neu span {
    vertical-align: middle;
  }
  #designer-logo-website {
    display:block;
    height:34px;
    margin-top:10px;
    background-color:#999;
    border:solid 1px #888;
    line-height: 30px;
    font-size:12px;
    font-weight: normal;
  }
  #designer-logo-website:hover {
    background-color:#bbb;
    border:solid 1px #999;
  }
  .designer-panel-logo-website {
    display:none;
    position:absolute;
    top:60px;
    left:195px;
    border:solid 1px #999;
    border-radius: 3px;
    background:white;
    padding:10px;
    height:auto;
    width:252px;
    box-shadow: 1px 1px 3px rgba(0,0,0,0.15);
    z-index: 5002;
    /*overflow-x: auto;*/
  }
  .designer-panel-logo-website input {
    width:100%;
    font-size:12px;
  }
  .designer-panel-logo-website .designer-logo-website-button {
    display:block;
    height:30px;
    background-color:#999;
    border:solid 1px #888;
    line-height: 25px;
    color:white;
    font-size:14px;
    font-weight: normal;
  }
  .designer-panel-logo-website .designer-logo-website-button:hover {
    background-color:#bbb;
    border:solid 1px #999;
  }
  .designer-panel-logo-website .designer-panel-logo-website-list {
    display:none;
    margin-top:15px;
    border-top:dotted 1px #999;
    padding:15px;
    height:200px;
    width:100%;
    overflow-x: auto;
  }
  .designer-panel-logo-website .designer-panel-logo-website-list h3 {
    font-size:18px;
    margin-top: 2px;
  }
  .designer-panel-logo-website .designer-panel-logo-website-list img {
    border:solid 2px transparent;
    margin-bottom:15px;
  }
  .designer-panel-logo-website .designer-panel-logo-website-list img:hover {
    border:solid 2px lightskyblue;
  }
  .designer-panel-logo-website .designer-panel-logo-website-list img.selected {
    border:solid 2px lightskyblue;
  }
  .designer-panel-logo-website .designer-panel-logo-website-notfound {
    display:none;
    text-align: center;
  }
  .designer-panel-logo-website .designer-panel-logo-website-notfound h3 {
    font-size:18px;
    margin-top: 2px;
    color:darkred;
  }
  .designer-panel-logo-website .designer-panel-logo-website-loader {
    display:none;
    position: relative;
    top:25px;
    left:calc(50% - 35px);
    height:70px;
  }
  .designer-panel-button-form-neu {
    width:48%;
    line-height:60px;
    display:inline-block;
    margin-bottom:3px;
  }
  .designer-panel-button-form-neu i {
    font-size:30px;
    text-shadow: 0px 1px 1px rgba(0,0,0,0.15);
  }
  #designer-form-oval-neu i {
    transform: scaleX(1.4) scaleY(0.75);
  }
  /* panel-select */
  .designer-panel-select {
    width:100%;
    height:24px;
    border: solid 1px #999;
    padding:4px 5px 3px 5px;
    font-size:11px;
    color:#666;
    display:flex;
    flex-direction:row;
    margin-bottom: 4px;
  }
  .designer-panel-select span:first-child {
    flex:1;
    flex-grow: 1;
    text-align:center;
  }
  .designer-panel-select span:last-child {
    width:12px;
    color:#999;
  }
  /* panel-dropdown */
  .designer-panel-dropdown {
    position:absolute;
    top:40px;
    right:0;
    width:100%;
    max-height:350px;
    overflow-y:auto;
    /*overflow-x: visible;*/
    z-index:500;
    display:none;
    border: 1px solid #999;
    background-color:#fff;
    padding:0;
    border-radius: 2px;
    box-shadow: 2px 2px 5px rgba(0,0,0,0.2);
  }
  .designer-panel-dropdown > ul {
    list-style: none;
    padding:0;
    margin: 0;
  }
  .designer-panel-dropdown > ul > li {
    float:none;
  }
  .designer-panel-dropdown-item {
    font-size: 12px;
    clear: both;
    color: #333;
    display: block;
    white-space: nowrap;
    text-decoration:none;
    width:100%;
  }
  .designer-panel-dropdown-item:hover {
    background-color:#f6f6f6;
  }
  .designer-panel-dropdown > ul > li:last-child > .designer-panel-dropdown-item {
    border-bottom:0px solid transparent;
  }
  .designer-panel-colors {
    position:relative;
  }
  .designer-panel-pattern-display {
    background-color: #fff;
    position:absolute;
    top:5px;
    right:5px;
    width:60px;
    height:24px;
    border-radius:2px;
  }
  .designer-panel-pattern-dropdown {
    position:absolute;
    top:26px;
    left:0;
    width:auto;
    max-height:350px;
    overflow-y:visible;
    /*overflow-x: visible;*/
    z-index:500;
    display:none;
    border: 1px solid #999;
    background-color:#fff;
    padding:0;
    border-radius: 2px;
    box-shadow: 2px 2px 5px rgba(0,0,0,0.2);
  }
  .designer-panel-colour-display {
    background-color: #000;
    position:absolute;
    top:5px;
    right:5px;
    width:30px;
    height:24px;
    border-radius:2px;
  }
  .designer-panel-colour-dropdown {
    position:absolute;
    top:26px;
    left:0;
    width:auto;
    max-height:350px;
    overflow-y:visible;
    /*overflow-x: visible;*/
    z-index:500;
    display:none;
    border: 1px solid #999;
    background-color:#fff;
    padding:0;
    border-radius: 2px;
    box-shadow: 2px 2px 5px rgba(0,0,0,0.2);
  }
  .designer-color-edit-cmyk {
    height:45px;
  }
  .designer-color-edit-cmyk input {
    padding:2px;
    font-size:11px;
    width:25px;
  }
  /* panel-item-button */
  .designer-panel-item-button {
    width:100%;
    height:34px;
    border: solid 1px #999;
    text-align:center;
    padding:4px;
    font-size:11px;
    color:#666;
    display:block;
    border-radius: 2px;
    margin-bottom:5px;
    background-color:white;
  }
  .designer-panel-item-button:hover {
    border: solid 1px #666;
    color:#444;
    display:block;
    background-color:#f0f0f0;
    box-shadow: inset 1px 1px 1px #fff, inset -1px -1px 1px rgba(0,0,0,0.3);
  }
  .designer-panel-item-button img {
    display:inline;
  }
  .designer-panel-item-button.active {
    border: solid 1px #666;
    color:#444;
    display:block;
    background-color:#f0f0f0;
  }
  .designer-panel-button-loeschen {
    width:100%;
    height:34px;
    border: solid 1px #a50000;
    text-align:center;
    /*padding:0px;*/
    font-size:11px;
    color:#fff;
    display:block;
    background-color: #ba1212;
    border-radius: 3px;
    line-height: 32px;
    margin-bottom: 5px;
  }
  .designer-panel-button-loeschen:hover {
    background-color: #cc2121;
    border: solid 1px #a50000;
    box-shadow:none;
    color:#fff;
  }
  .designer-panel-ebenen {
    width:100%;
    /*
      display:grid;
      display:-ms-grid;
      grid-gap: 5px;
      -ms-grid-gap: 5px;
      grid-template-columns: repeat(4, 47px);
      -ms-grid-columns: repeat(4, 47px);
    */
    display:flex;
    justify-content: space-between;
    /*height:24px;*/
  }
  .designer-panel-ebenen-button {
    width:24%;
    text-align:center;
    line-height:34px;
  }
  /* panel-text-font */
  .designer-panel-text-font-select {
    width:100%;
    /*border: solid 1px #999;*/
    /*padding:4px 5px 2px 5px;*/
    font-size:11pt;
    color:#333;
    /*display:flex;*/
    /*flex-direction:row;*/
  }
  .designer-panel-text-font-dropdown {
    top:55px !important;
    width:420px;
    right:auto;
    left:0;
  }
  /*
    .designer-panel-text-font-select span:first-child{
       flex:1;
      flex-grow: 1;
    }
    .designer-panel-text-font-select span:last-child{
      width:12px;
      color:#999;
    }
    */
  .designer-panel-text-font-item {
    font-size:20px;
    line-height: 40px;
    padding: 0 0 0 10px;
    white-space: nowrap;
    height: 40px;
    border-bottom: 1px dotted #ddd;
    text-decoration: none;
    width: 100%;
  }
  .designer-panel-text-size-select {
    width:100%;
    /*border: solid 1px #999;*/
    padding:2px 5px 2px 5px;
    font-size:10pt;
    color:#000;
    display:flex;
    flex-direction:row;
  }
  .designer-panel-text-size-select span:first-child {
    flex:1;
    flex-grow: 1;
  }
  .designer-panel-text-size-select span:last-child {
    width:12px;
    color:#999;
  }
  .designer-panel-text-size-dropdown {
    width:80px;
    text-align:right;
  }
  .designer-panel-colour-button {
    width:100%;
    border: solid 1px #999;
    padding:2px 2px 2px 2px;
    font-size:10pt;
    color:#A682C4;
    display:flex;
    flex-direction:row;
    height:24px;
    align-items:stretch;
  }
  .designer-panel-colour-table {
    width:340px;
    left:0px;
    display:grid;
    display:-ms-grid;
    /*grid-gap: 4px;*/
    /*-ms-grid-gap: 4px;*/
    grid-template-columns: repeat(14, 24px);
    grid-template-rows: repeat(6, 24px);
    -ms-grid-columns: 24px 24px 24px 24px 24px 24px 24px 24px 24px 24px 24px 24px 24px 24px;
    -ms-grid-rows: 24px 24px 24px 24px 24px 24px;
    padding-bottom:4px;
    background-color:#fff;
  }
  .designer-panel-colour-table-item {
    width:20px;
    height:20px;
    cursor:pointer;
    margin:4px;
  }
  .designer-panel-colour-list {
    width:230px;
    left:0px;
    display:block;
    padding-bottom:4px;
    background-color:#fff;
    min-height:50px;
    max-height:300px;
    overflow-y: auto;
  }
  .designer-panel-colour-list-item {
    height:30px;
    cursor:pointer;
    padding:4px;
    display:flex;
  }
  .designer-panel-colour-item-text {
    width:80%;
    flex:1;
    font-size:11px;
    color:#666666;
    line-height:20px;
  }
  .designer-panel-colour-item-swatch {
    width:20%;
    flex:1;
    height:100%;
  }
  .designer-color-edit-cmyk {
    height:35px !important;
  }
  .designer-color-edit-cmyk div input {
    padding:2px;
    font-size:11px;
    width:25px;
    line-height: 20px;
  }
  .designer-color-edit-cmyk div input:last-child {
    margin-right:3px;
  }
  .designer-panel-pattern-list {
    width:230px;
    left:0px;
    display:block;
    padding-bottom:4px;
    background-color:#fff;
    min-height:50px;
    max-height:300px;
    overflow-y: auto;
  }
  .designer-panel-pattern-list-item {
    height:auto;
    cursor:pointer;
    padding:10px;
    display:flex;
  }
  .designer-panel-pattern-item-text {
    width:auto;
    font-size:11px;
    color:#666666;
    line-height:60px;
    order:2;
  }
  .designer-panel-pattern-item-swatch {
    width:80px;
    height:100%;
    order:1;
  }
  .designer-panel-pattern-item-swatch img {
    border:solid 1px #c6c6c6;
  }
  .designer-panel-text-styles {
    width:100%;
    /*
      display:grid;
      display:-ms-grid;
      grid-gap: 5px;
      -ms-grid-gap: 5px;
      grid-template-columns: repeat(4, 47px);
      -ms-grid-columns: repeat(4, 47px);
      */
    display:flex;
    justify-content: space-between;
    gap:2px;
    /*height:24px;*/
  }
  .designer-panel-text-styles-button {
    width:47px;
    flex:1;
  }
  .designer-panel-text-styles-button:last-child {
    width:90px;
    flex:1.7;
    /*grid-column-start: 3;*/
    /*grid-column-end: 4;*/
  }
  .designer-panel-text-align {
    width:100%;
    /*
      display:grid;
      display:-ms-grid;
      grid-gap: 5px;
      -ms-grid-gap: 5px;
      grid-template-columns: repeat(4, 45px);
      -ms-grid-columns: repeat(4, 45px);
      */
    display:flex;
    justify-content: space-between;
    /*height:24px;*/
    gap:2px;
  }
  .designer-panel-text-align-button {
    width:45px;
    padding:1px;
    font-size:16px;
  }
  .designer-panel-text-lineheight {
    text-align:right;
    width:53px;
  }
  .designer-panel-text-drehen,
    .designer-panel-bild-drehen {
    width:100%;
    /*
      display:grid;
      display:-ms-grid;
      grid-gap: 3px;
      -ms-grid-gap: 3px;
      grid-template-columns: repeat(5, 38px);
      -ms-grid-columns: repeat(5, 38px);
      */
    display:flex;
    justify-content: space-between;
    /*height:24px;*/
    gap:3px;
  }
  .designer-panel-text-drehen-button,
    .designer-panel-bild-drehen-button {
    width:19%;
  }
  .designer-panel-bild-groesse,
    .designer-panel-linien-ausrichtung {
    width:100%;
    display:flex;
    flex-direction: row;
    align-items: flex-start;
    flex-wrap: wrap;
    /*height:24px;*/
  }
  .designer-panel-bild-groesse label, .designer-panel-linien-ausrichtung label {
    display:block;
    width:100%;
  }
  .designer-panel-bild-groesse .designer-panel-item-button,
    .designer-panel-linien-ausrichtung .designer-panel-item-button {
    flex:1;
    flex-grow: 1;
  }
  .designer-panel-bild-groesse .designer-panel-item-button:first-child,
    .designer-panel-linien-ausrichtung .designer-panel-item-button:first-child {
    margin-right:3px;
  }
  .designer-panel-bild-transparenzen .designer-panel-item-button {
    margin-bottom:4px;
  }
  .designer-panel-bild-transparenzen-select {
    width:100%;
    border: solid 1px #999;
    padding:4px 5px 2px 5px;
    font-size:11px;
    color:#666;
    display:flex;
    flex-direction:row;
    margin-bottom: 4px;
  }
  .designer-panel-bild-transparenzen-select span:first-child {
    flex:1;
    flex-grow: 1;
    text-align:center;
  }
  .designer-panel-bild-transparenzen-select span:last-child {
    width:12px;
    color:#999;
  }
  .designer-panel-bild-transparenz-dropdown {
    width:80px;
    text-align:right;
    top:98px;
  }
  .designer-panel-linien-size-select {
    width:100%;
    border: solid 1px #999;
    padding:4px 5px 2px 5px;
    font-size:11px;
    color:#666;
    display:flex;
    flex-direction:row;
    margin-bottom: 4px;
  }
  .designer-panel-linien-size-select span:first-child {
    flex:1;
    flex-grow: 1;
    text-align:center;
  }
  .designer-panel-linien-size-select span:last-child {
    width:12px;
    color:#999;
  }
  .designer-panel-linien-size-dropdown {
    width:80px;
    font-size:11px;
    text-align:right;
  }
  .designer-panel-form-border {
    width:100%;
    display:flex;
    flex-direction: row;
    align-items: flex-start;
    height:24px;
  }
  .designer-panel-form-border > a {
    flex:1;
    flex-grow: 1;
  }
  .designer-panel-form-border > a:first-child {
    margin-right:3px;
  }
  .designer-panel-form-border-colour-button {
    flex:1;
    flex-grow: 1;
    width:100%;
    border: solid 1px #999;
    padding:2px 2px 2px 2px;
    font-size:10pt;
    color:#A682C4;
    display:flex;
    flex-direction:row;
    height:24px;
    align-items:stretch;
  }
  .designer-panel-form-border-dropdown {
    width:90px;
    text-align:right;
    right:105px;
  }
  .designer-panel-border-effekt-dropdown {
    width:90px;
    text-align:right;
  }
  /*  rechter Anzeige-Bereich */
  .designer-right {
    position: relative;
    /* 2021-03-31*/
    display:flex;
    /* 2020-09-18*/
    flex-direction: column;
    /* 2020-09-18*/
    /*flex-wrap: nowrap; ///*/
    align-items: flex-start;
    /*/*/
    align-content: flex-start;
    /*/*/
    flex: 1;
    flex-grow: 1;
    background-color:#f5f1ea;
    /*#E7D8F3;*/
    width:100%;
  }
  .designer-right .designer-right-buttons {
    width:100%;
    padding-top:20px;
    padding-left:20px;
    display:flex;
    flex-direction: row;
    jjjustify-content: center;
    z-index: 20;
    gap:5px;
  }
  .designer-right .designer-right-buttons a, .designer-right .designer-right-buttons button {
    flex-grow:0;
    flex-shrink: 0;
    width:auto;
    min-width:60px;
    /*max-width:120px;*/
    background-color:white;
  }
  .designer-right .designer-right-buttons a:last-child, .designer-right .designer-right-buttons button:last-child {
    margin-right:0;
  }
  .designer-right .designer-right-buttons a.designer-panel-button-loeschen {
    width:80px;
    height:34px;
    border: solid 1px #a50000;
    text-align:center;
    /*padding:4px;*/
    font-size:11px;
    color:#fff;
    display:block;
    background-color: #ba1212;
    border-radius: 3px;
  }
  .designer-right .designer-right-buttons a.designer-panel-button-loeschen:hover {
    background-color: #cc2121;
    border: solid 1px #a50000;
    box-shadow:none;
    color:#fff;
  }
  .designer-right .designer-right-buttons .designer-panel-button-textvorlage {
    background-color: #ff7e00;
    border: solid 1px #eb6e12;
    color:#fff;
    width:160px;
    /*font-weight: bold;*/
  }
  .designer-right .designer-right-buttons .designer-panel-button-textvorlage:hover {
    background-color: #fe8b1b;
    border: solid 1px #eb6e12;
    color:#fff;
  }
  .designer-left-vorschau {
    display:flex;
    flex-direction: column;
    width:310px;
    background-color:white;
    /*#e1d9cc;*/
    border-right:solid 1px #c1b49d;
    border-top:solid 1px transparent;
  }
  .designer-left-vorschau-buttons {
    display:flex;
    flex-direction: column;
    width:100%;
    padding:15px;
  }
  .designer-left-vorschau-buttons .designer-speichern-job {
    order:1;
  }
  .designer-left-vorschau-buttons .designer-speichern-job-page {
    order:1;
  }
  .designer-left-vorschau-buttons .designer-speichern-warenkorb {
    order:1;
  }
  .designer-left-vorschau-buttons .designer-button-pdf-speichern {
    order:2;
  }
  .designer-left-vorschau-buttons .designer-button-bearbeiten {
    order:10;
  }
  .designer-left-vorschau-buttons .designer-button-konto-speichern {
    order:5;
  }
  .designer-left-vorschau-text {
    display:initial;
    line-height:22px;
    width:100%;
    padding:15px;
  }
  .designer-left-vorschau-text h3 {
    color:darkred;
  }
  .designer-left-vorschau-text ul {
    padding:15px;
  }
  .designer-layout-area,
    .designer-vorschau-layout-area {
    flex:1;
    flex-grow: 1;
    display:flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: flex-start;
    align-content: flex-start;
    width:100%;
    margin: 10px 0 0 auto;
    padding:35px 15px 20px 0;
    height:100%;
    overflow-y: auto;
    z-index: 10;
  }
  .designer-layout,
    .designer-vorschau-layout-pages {
    flex:1;
    flex-grow: 1;
    width:500px;
    text-align: center;
    padding-bottom:40px;
    order:1;
    display:flex;
    flex-direction: row;
    flex-wrap: nowrap;
  }
  .designer-layout-page {
    position:relative;
    top:0px;
    clear:both;
    background-repeat:no-repeat;
    margin:0px auto 0px auto;
    flex-shrink: 0;
    flex-grow: 0;
    flex-basis: auto;
    overflow:1;
    display:none;
  }
  .designer-vorschau-layout-page {
    margin:0px auto 0px auto;
  }
  .designer-vorschau-layout-page .designer-vorschau-layout-bild {
    -webkit-filter: drop-shadow(1px 2px 2px rgba(0,0,0,0.2));
    filter: drop-shadow(1px 2px 2px rgba(0,0,0,0.2));
  }
  .designer-layout-area-pages-flyout {
    width:auto;
    position: absolute;
    top:120px;
    right: 0px;
    display: flex;
    flex-direction: row;
    z-index:30;
  }
  .designer-layout-area-pages-flyout .designer-layout-area-pages-flyout-button {
    /*position:absolute;*/
    /*top:150px;*/
    /*right:0px;*/
    border:none;
    background-color: #0b6dbe !important;
    color:rgba(255,255,255,0.7);
    text-decoration: none;
    height: 100px;
    width:40px;
    text-align: left;
    line-height: 40px;
    padding: 10px 0 10px 10px;
    font-size: 30px;
    display: block;
    border-radius: 5px 0 0 5px;
    margin-right:0px;
    margin-top:12px;
    /*transform: rotate(-90deg);*/
    /* Safari */
    /*-webkit-transform: rotate(-90deg);*/
    /* Firefox */
    /*-moz-transform: rotate(-90deg);*/
    /* IE */
    /*-ms-transform: rotate(-90deg);*/
    /* Opera */
    /*-o-transform: rotate(-90deg);*/
  }
  .designer-layout-area-pages-flyout .designer-layout-area-pages-flyout-button .fa-caret-left {
    display:inline;
  }
  .designer-layout-area-pages-flyout .designer-layout-area-pages-flyout-button .fa-caret-right {
    display:none;
  }
  .designer-layout-area-pages-flyout .designer-layout-area-pages-flyout-button.open i.fa-caret-left {
    display:none;
  }
  .designer-layout-area-pages-flyout .designer-layout-area-pages-flyout-button.open i.fa-caret-right {
    display:inline;
  }
  .designer-layout-area-pages-flyout .designer-layout-area-pages-flyout-button:hover {
    background-color: darken(#0b6dbe,6%) !important;
  }
  .designer-layout-area-pages,
    .designer-vorschau-list-pages {
    border:solid 1px #c1b49d;
    padding:5px;
    text-align: center;
    background-color: rgba(255,255,255,0.4);
    /*transparent;*/
    border-radius:4px;
    order:2;
    display:flex;
    flex-direction: column;
  }
  .designer-vorschau-list-page-title {
    font-size:11px;
    text-decoration:none;
    color:darken(#c1b49d,25);
    font-weight:bold;
    display:block;
    padding-bottom:6px;
    text-align: center;
  }
  .designer-layout-area-page,
    .designer-vorschau-list-page {
    width:auto;
    display:block;
    padding:10px;
    text-align: center;
    margin-top:0px;
    background-color: #f5f1ea;
  }
  .designer-vorschau-list-page {
    display:flex;
    justify-content: center;
    flex-wrap: wrap;
  }
  .designer-vorschau-list-page > .designer-vorschau-list-page-title {
    width:100%;
    display:block;
  }
  .designer-layout-area-page:hover,
    .designer-vorschau-list-page:hover {
    bborder:solid 1px #c1b49d;
    background-color:lighten(#e1d9cc,5);
  }
  .designer-layout-area-page.aktiv,
    .designer-vorschau-list-page.aktiv {
    background-color:lighten(#e1d9cc,5);
  }
  .designer-layout-area-page img,
    .designer-vorschau-list-page img {
    max-height: 120px;
    max-width:100px;
    margin:0 auto;
  }
  .designer-vorschau-list-page img {
    -webkit-filter: drop-shadow(1px 2px 2px rgba(0,0,0,0.15));
    filter: drop-shadow(1px 2px 2px rgba(0,0,0,0.15));
    bbox-shadow: 1px 2px 2px rgba(0,0,0,0.15);
  }
  .designer-vorschau-list-page:hover img {
    -webkit-filter: drop-shadow(2px 3px 3px rgba(0,0,0,0.2));
    filter: drop-shadow(2px 3px 3px rgba(0,0,0,0.2));
    bbox-shadow: 2px 3px 3px rgba(0,0,0,0.2);
  }
  #designer-vorschau {
    display:none;
  }
  .designer-vorschau-layout-page {
    display:none;
  }
  .designer-button {
    border-radius: 3px;
    background-color:#f3f3f3;
    border:solid 1px #999;
    color:#555;
    font-size:12px;
  }
  .designer-button:hover {
    border-radius: 3px;
    background-color:#fff;
    border:solid 1px #aaa;
    color:#666;
  }
  .designer-button-dunkel {
    border-radius: 3px;
    background-color:#666;
    border-color:#333;
    color:white;
    font-weight:bold;
    font-size:12px;
  }
  .designer-button-dunkel:hover {
    border-radius: 3px;
    background-color:#777;
    border-color:#444;
    color:white;
  }
  .designer-panel-scrollable {
    height:100%;
    overflow-y:auto;
  }
  .designer-panel-layouts-group {
    display:none;
  }
  .designer-panel-layouts-group .designer-panel-layouts-headline {
    background-color:#f5f1ea;
    font-weight:600;
    padding:5px 8px;
    border-radius:3px;
    display:block;
    margin-bottom:2px;
    font-size:12px;
  }
  .designer-panel-layouts-group .designer-panel-layouts-item-group {
    display:flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin-bottom:5px;
  }
  .designer-panel-layouts-item {
    width:86px;
    margin:10px 0 0 0;
    font-size:11px;
    text-decoration:none;
    color:#ccc;
    padding:8px;
    text-align: center;
  }
  .designer-panel-backgrounds-item {
    float:left;
    width:86px;
    margin:10px 0 0 0;
    font-size:11px;
    text-decoration:none;
    color:#ccc;
    padding:8px;
    text-align: center;
  }
  .designer-panel-backgrounds-item:nth-child(odd),
    .designer-panel-layouts-item:nth-child(odd) {
    margin:10px 0 0 0;
  }
  .designer-panel-backgrounds-item:hover,
    .designer-panel-layouts-item:hover {
    /*background-color:#f3e8fb;*/
  }
  .designer-panel-backgrounds-item a,
    .designer-panel-layouts-item a {
    font-size:11px;
    text-decoration:none;
    color:#777;
    display:block;
    /*background-color:#555;*/
  }
  .designer-panel-layouts-item-text {
    margin-top:7px;
  }
  .designer-panel-backgrounds-item.aktiv,
    .designer-panel-layouts-item.aktiv {
    background-color:#E7D8F3;
  }
  .designer-panel-backgrounds-item img,
    .designer-panel-layouts-item img {
    max-height: 90px;
    max-width:66px;
    margin:0 auto;
    -webkit-filter: drop-shadow(0 2px 2px rgba(0,0,0,0.25));
    filter: drop-shadow(0 2px 2px rgba(0,0,0,0.25));
    box-shadow: 0 0 0 0 transparent;
    transition: all 0.5s ease;
  }
  .designer-panel-backgrounds-item:hover img,
    .designer-panel-layouts-item:hover img {
    /*border:solid 1px #A682C4;*/
    box-shadow: 1px 1px 8px 5px rgba(0,156,255,0.25);
  }
  /* SVG*/
  /* Cliparts*/
  .designer-panel-cliparts-group {
    margin-top:20px;
  }
  .designer-panel-cliparts-group .designer-panel-cliparts-headline {
    background-color:#f5f1ea;
    font-weight:600;
    padding:5px 8px;
    border-radius:3px;
    display:block;
    margin-bottom:2px;
    font-size:12px;
  }
  .designer-panel-cliparts-group .designer-panel-cliparts-item-group {
    display:flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin-bottom:5px;
  }
  .designer-panel-cliparts-item {
    float:left;
    width:86px;
    margin:10px 0 0 0;
    font-size:11px;
    text-decoration:none;
    color:#ccc;
    padding:6px;
    text-align: center;
  }
  .designer-panel-cliparts-item-text {
    margin-bottom:12px;
    display:inline-block;
  }
  .designer-panel-cliparts-item-img {
    max-width:86px;
    max-height:90px;
    display:inline-block;
  }
  /* Templates / Vorlagen speichern*/
  .designer-popup-template-speichern {
    display:none;
    position:absolute;
    top:160px;
    left:50%;
    z-index: 6000;
    width:450px;
    padding:15px;
    line-height:20px;
    background-color:white;
    border:solid 1px #888;
    text-align:center;
  }
  .designer-popup-template-speichern h4 {
    margin:10px 0 10px 0;
  }
  .designer-popup-template-speichern label {
    margin-top:10px;
    font-size:12px;
    font-weight:600;
    width:100%;
    display:block;
  }
  .designer-popup-template-speichern #designer-popup-template-save {
    width:160px;
    text-align:center;
  }
  .designer-popup-template-speichern #designer-popup-template-save i {
    opacity:0.001;
  }
  .designer-popup-template-speichern .select-field {
    width:290px;
  }
  .designer-head-menu {
    float:left;
    padding:37px 0 0 60px;
  }
  /* In App*/
  .designer-inapp-message,
    .designer-inapp-startbox {
    position: absolute;
    z-index:5000;
    top:180px;
    left:10%;
    width:80%;
    border-radius:12px;
    padding:30px 30px 30px 30px;
    text-align: center;
    background-color:rgba(255,255,255,0.85);
  }
  .designer-inapp-message .designer-inapp-headline, .designer-inapp-startbox .designer-inapp-headline {
    font-size:30px;
    line-height:40px;
    font-weight:600;
    color:darken(#c1b49d,20) !important;
    width:100%;
    font-style: italic;
    /*padding-bottom:20px;*/
    text-align: center;
  }
  .designer-inapp-message .designer-inapp-box, .designer-inapp-startbox .designer-inapp-box {
    width:100%;
    padding-top:20px;
  }
  .designer-inapp-message .designer-inapp-box .designer-inapp-button, .designer-inapp-startbox .designer-inapp-box .designer-inapp-button {
    display:flex;
    flex-direction: row;
    justify-content: center;
    gap: 30px;
    width:100%;
    padding:0 5px 0 5px;
  }
  .designer-inapp-message .designer-inapp-box .designer-inapp-button button, .designer-inapp-startbox .designer-inapp-box .designer-inapp-button button {
    transition: all 0.5s;
    flex:1;
    width:100%;
    max-width:600px;
    /*margin:0 15px;*/
    height:80px;
    font-size:20px;
    line-height:20px;
    border:none;
    background-color:#00a5ff;
    color:white;
    text-shadow: 1px 2px 3px rgba(0,0,0,0.3);
    font-weight:600;
    box-shadow: 1px 2px 3px rgba(0,0,0,0.3);
    border-radius:10px;
  }
  .designer-inapp-message .designer-inapp-box .designer-inapp-button button:hover, .designer-inapp-startbox .designer-inapp-box .designer-inapp-button button:hover {
    /*transition: all 0.5s;*/
    background-color:lighten(#00a5ff,5);
    text-shadow: 1px 2px 3px rgba(0,0,0,0.1);
  }
  .designer-inapp-message .designer-inapp-box .designer-inapp-button button:nth-child(2), .designer-inapp-startbox .designer-inapp-box .designer-inapp-button button:nth-child(2) {
    background-color:#0b6dbe;
  }
  .designer-inapp-message .designer-inapp-box .designer-inapp-button button:nth-child(2):hover, .designer-inapp-startbox .designer-inapp-box .designer-inapp-button button:nth-child(2):hover {
    /*transition: all 0.5s;*/
    background-color:lighten(#0b6dbe,5);
    text-shadow: 1px 2px 3px rgba(0,0,0,0.1);
  }
  .designer-inapp-message .designer-inapp-box .designer-inapp-button button.schliessen, .designer-inapp-startbox .designer-inapp-box .designer-inapp-button button.schliessen, .designer-inapp-message .designer-inapp-box .designer-inapp-button a.schliessen, .designer-inapp-startbox .designer-inapp-box .designer-inapp-button a.schliessen {
    flex:1;
    background-color: #c1b49d;
    max-width:50% !important;
    min-width:350px;
    font-size:22px !important;
    flex:0 0 !important;
    height:80px !important;
    line-height: 23px !important;
  }
  .designer-inapp-message .designer-inapp-box .designer-inapp-button button.schliessen:hover, .designer-inapp-startbox .designer-inapp-box .designer-inapp-button button.schliessen:hover, .designer-inapp-message .designer-inapp-box .designer-inapp-button a.schliessen:hover, .designer-inapp-startbox .designer-inapp-box .designer-inapp-button a.schliessen:hover {
    /*transition: all 0.5s;*/
    background-color:lighten(#c1b49d,10);
    text-shadow: 1px 2px 3px rgba(0,0,0,0.1);
    color:darken(#c1b49d,20);
  }
  .designer-inapp-message .designer-inapp-box .designer-inapp-button button.bearbeiten, .designer-inapp-startbox .designer-inapp-box .designer-inapp-button button.bearbeiten {
    flex:1;
    background-color: #3e84bf;
    max-width:50% !important;
    min-width:350px;
    font-size:22px !important;
    flex:0 0 !important;
    height:80px !important;
    line-height: 23px !important;
  }
  .designer-inapp-message .designer-inapp-box .designer-inapp-button button.bearbeiten:hover, .designer-inapp-startbox .designer-inapp-box .designer-inapp-button button.bearbeiten:hover {
    /*transition: all 0.5s;*/
    background-color:lighten(#3e84bf, 10);
    text-shadow: 1px 2px 3px rgba(0,0,0,0.1);
    color:darken(#3e84bf, 20);
  }
  .designer-inapp-message .designer-inapp-box .designer-panel-layouts-group, .designer-inapp-startbox .designer-inapp-box .designer-panel-layouts-group {
    max-height:520px;
    overflow-y: auto;
  }
  .designer-inapp-message.designer-job-gespeichert-meldung {
    /*position: static;*/
    /*margin-top:60px;*/
  }
  .designer-inapp-area {
    flex:0 0 auto;
    flex-grow: 0;
    display:flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: stretch;
    align-content: flex-start;
    justify-content: center;
    width:100%;
    margin: 35px 0 0 auto;
    padding:20px;
    height:100%;
    overflow-y: hidden;
  }
  .designer-inapp-headline {
    font-size:30px;
    line-height:40px;
    font-weight:600;
    color:#ac7b57;
    width:100%;
    font-style: italic;
    padding-bottom:20px;
    text-align: center;
  }
  .designer-inapp-productbox {
    /*flex:1 0;*/
    background-color:white;
    border:solid 1px rgba(0,0,0,0.1);
    border-radius: 4px;
    padding: 12px 10px 10px 10px;
    text-align: center;
    width:220px;
    height:185px;
    overflow-y: hidden;
    margin: 3px 3px;
    box-shadow: 0 0 0px 0px transparent;
    transition: all 0.6s ease-out;
  }
  .designer-inapp-productbox .designer-inapp-productbox-image {
    height:130px;
    width:100%;
    text-align:center;
  }
  .designer-inapp-productbox .designer-inapp-productbox-image img {
    display:inline;
    max-height:94%;
    max-width:94%;
    transition: all 0.5s ease-out;
  }
  .designer-inapp-productbox .designer-inapp-productbox-title {
    font-size:12px;
    margin-top:0px;
    text-align:center;
    /*height:55px;*/
  }
  .designer-inapp-productbox:hover {
    border:solid 1px rgba(0,0,0,0.25);
    box-shadow: 0 0 10px 5px white;
  }
  .designer-inapp-productbox:hover .designer-inapp-productbox-image img {
    max-height:100%;
    max-width:100%;
  }
  /* Login PopUp*/
  #meldung-konto-gespeichert,
    #meldung-konto-login {
    display:none;
    position:absolute;
    top:200px;
    left:330px;
    background-color:white;
    border: solid 1px #e9e4e0;
    padding:20px;
    width:300px;
    box-shadow: 1px 3px 8px rgba(0,0,0,0.25);
    z-index: 20;
  }

  /* Layouts im Kundenkonto*/
  .layout-item {
    border: solid 1px #e9e4e0;
    border-radius: 5px;
    padding:20px;
    margin-bottom: 12px;
  }
  .layout-item .layout-info {
    display: flex;
    flex-direction: row;
    align-items: stretch;
  }
  .layout-item .layout-info .layout-image-container {
    width:25%;
    height:250px;
  }
  .layout-item .layout-info .layout-image-container .layout-image {
    max-height:100%;
    max-width:100%;
    /*border:solid 1px transparent;*/
    box-shadow: 0 2px 4px rgba(0,0,0,0.3);
  }
  .layout-item .layout-info .layout-image-container .layout-image:hover {
    /*border-color:darkred;*/
    box-shadow: 0 5px 5px rgba(0,0,0,0.3);
  }
  .layout-item .layout-info .layout-details {
    width:50%;
    padding-left:15px;
    display:flex;
    flex-direction: column;
  }
  .layout-item .layout-info .layout-details .layout-title {
    height:26px;
    font-size:16px;
    font-weight:600;
  }
  .layout-item .layout-info .layout-details .layout-ordernumber {
    flex:1;
    flex-grow: 1;
  }
  .layout-item .layout-info .layout-details .layout-buttons {
    height:50px;
  }
  .layout-item .layout-info .layout-details-rechts {
    width:25%;
    padding-left:15px;
    border-left: solid 1px #e9e4e0;
    display:flex;
    flex-direction: column;
  }
  .layout-item .layout-info .layout-details-rechts .layout-date {
    flex:1;
    flex-grow: 1;
  }
  .layout-item .layout-info .layout-details-rechts .layout-delete {
    height:50px;
  }
  .layout-item .layout-info .layout-details-rechts .layout-delete a {
    background-color:#e40132;
    color:white;
    border:solid 1px #e40132;
  }
  .layout-item .layout-info .layout-details-rechts .layout-delete a:hover {
    background-color:lighten(#e40132,5);
    border:solid 1px darken(#e40132, 5);
  }
  .layout-item .order-again-actions {
    /*flex:1;*/
    margin-right: 10px;
    cursor: pointer;
  }
  .layout-item .order-again-actions .order-again-unveraendert-button {
    background-color:#68ad1f;
    color:white;
  }
  .layout-item .order-again-actions .order-again-unveraendert-button:hover {
    background-color:lighten(#68ad1f, 4%);
    text-shadow:0px 1px 1px darken(#68ad1f, 8%);
  }
  .layout-item .order-again-actions .order-again-bearbeiten-button {
    background-color:#ffb73a;
    color:white;
  }
  .layout-item .order-again-actions .order-again-bearbeiten-button:hover {
    background-color:lighten(#ffb73a, 5%);
    text-shadow:0px 1px 1px darken(#ffb73a, 20%);
  }
  /* Dropdown Button für Artikelauswahl im Kopfbereich*/
  /* Dropdown Button */
  .dropdown-button {
    background-color: #c1b49d;
    color: white;
    padding: 8px 35px;
    font-size: 12px;
    font-weight:600;
    /*text-shadow:1px 1px 0px rgba(0,0,0,0.2);*/
    border: solid 1px darken(#c1b49d, 10%);
    cursor: pointer;
    border-radius:3px;
  }
  .dropdown-button:hover {
    background-color: lighten(#c1b49d,5%);
  }
  /* The container <div> - needed to position the dropdown content */
  .dropdown {
    position: relative;
    display: inline-block;
  }
  /* Dropdown Content (Hidden by Default) */
  .dropdown-content {
    display: none;
    position: absolute;
    background-color: #f6f6f6;
    width: 350px;
    box-shadow: 1px 3px 5px 0px rgba(0,0,0,0.2);
    z-index: 1;
  }
  /* Links inside the dropdown */
  .dropdown-content a {
    color: black;
    padding: 10px 10px;
    text-decoration: none;
    display: flex;
    flex-direction: row;
    /* Change color of dropdown links on hover */
  }
  .dropdown-content a:hover {
    background-color: #f0f0f0;
  }
  .dropdown-content a div:first-child {
    width:80px;
    height:30px;
    margin-right:10px;
  }
  .dropdown-content a div:last-child {
    width:240px;
    font-size:11px;
    line-height: 28px;
  }
  /* Chat button*/
  #lz_overlay_wm {
    display:initial;
  }
  /* ----------- bisher --------------------*/
  .designer-article-teaser {
    display: flex;
    justify-content: center;
  }
  .designer-tool-panel {
    display: block;
    position: absolute;
    top:60px;
    left:100px;
    width: 50px;
    border: solid 1px #666;
    border-radius: 3px;
    box-shadow: 2px 2px 5px rgba(0,0,0,0.15);
    padding: 2px;
    z-index: 5000;
    background-color: #fcfcfc;
  }
  .designer-tool-panel .designer-tool-panel-handle {
    height: 25px;
    background-color: #dedede;
    margin-bottom: 4px;
  }
  .designer-tool-panel a {
    width:100%;
  }
  .designer-tool-panel .designer-panel-button-textvorlage {
    background-color: #ff7e00;
    border: solid 1px #eb6e12;
    color:#fff;
  }
  .designer-tool-panel .designer-panel-button-textvorlage:hover {
    background-color: #fe8b1b;
    border: solid 1px #eb6e12;
    color:#fff;
  }
}
@media screen and (min-width: 78.75em) {
  /* ----------- bisher --------------------*/
  .designer-article-teaser {
    display: flex;
    justify-content: center;
  }
  .product-detail-media {
    position: relative;
  }
  .image-teaser-button-designer {
    display:block;
    position:absolute;
    top:65%;
    right:15px;
    width: 170px;
  }
  .image-teaser-button-designer img {
    max-width:100%;
    height:auto;
  }
}
@media screen and (min-width: 1830px) {
  .designer-layout-area-pages-flyout {
    display: none;
  }
}
.svg_select_points_lt {
  cursor: nw-resize;
}
.svg_select_points_rt {
  cursor: ne-resize;
}
.svg_select_points_rb {
  cursor: se-resize;
}
.svg_select_points_lb {
  cursor: sw-resize;
}
.svg_select_points_t {
  cursor: n-resize;
}
.svg_select_points_r {
  cursor: e-resize;
}
.svg_select_points_b {
  cursor: s-resize;
}
.svg_select_points_l {
  cursor: w-resize;
}
.svg_select_points_rot {
  stroke-width:1;
  stroke:#cc8121;
  fill: #decbb2;
}
.svg_select_points_point {
  cursor: move;
}
.svg_select_boundingRect {
  stroke-width:0;
  fill:gray;
  stroke-dasharray:10 10;
  stroke:black;
  stroke-opacity:0.8;
  fill-opacity:0.1;
  pointer-events:none;
  /* This ons is needed if you want to deselect or drag the shape*/
}