:root {
	--akzentfarbe01:#2358C2;
	--akzentfarbe01neg:#fff;
	--akzentfarbe02:#2358C2;
	--akzentfarbe02neg:#fff;
	--linkFarbe:#2358C2;
	--backgroundColor:#f2f2f2;
	--loaderColor:#333333;
	--inputBackgroundColor:#f2f2f2;
	--inputButtonColor:#202C42;
	--inputFontColor:#fff; 
	--successColor:#52be64;
	--successColorFont:#ffff; 
	--errorColor:#be5353;
	--errorColorFont:#ffff; 
	--akzentFarbe:#4ba0be; 
	--akzentFarbeFont:#fff;
}
html, body { font-family:'Nunito';width:100%;height:100%;margin:0;padding:0; }
body::before { content:" ";display:block;position:absolute;left:0;top:0;right:0;bottom:0;background:url(../images/bg.svg) center center no-repeat transparent;opacity:0.05; }
body .content { position:relative;z-index:1;width:100%;height:100%;positon:absolute;top:0;bottom:0;right:0;left:0px;overflow-x:scroll;scroll-behaviour:smooth;overflow-x:hidden; }
h1 { font-family:'Bubblegum Sans';margin-top:0px; }
a, a:focus { color:#2358C2;text-decoration:none; }

button.btn {  
  font-family: inherit;
  cursor: pointer;
  background-color: var(--inputButtonColor);
  color: var(--inputFontColor);
  border: 0px;
  margin-bottom: 5px;
  width: 100%;
  font-weight: bold;
  font-size: 16px;
  padding: 10px 20px;
  border-radius: 3px;
}
button.btn.inline { width:auto;width:unset; }
button.btn.small { padding: 5px 10px; font-size: 14px; }

.tmpQrCodeWrap { height:1px;overflow:hidden;opacity:0; }

.descr { font-size: 14px;padding: 20px;background-color: rgba(0,0,0,0.05);margin-bottom: 30px;border-left: 7px solid var(--inputButtonColor); }

.globalMessage { position:fixed;left:0;right:40px;bottom:0;overflow:hidden; }
.globalMessage > div { padding-bottom:20px;max-width:300px;margin-left:auto; } 
.globalMessage > div > div { padding:10px;text-align:center;border-radius:5px;font-weight:bold; }
.globalMessage.done > div > div { background-color:var(--successColor);color:var(--successColorFont); }
.globalMessage.error > div > div { background-color:var(--errorColor);color:var(--errorColorFont); }
.globalMessage > div > div ul { list-style:none;margin:0;padding:0; }
.globalMessage > div  { transform:translateY(200px);transition:0.5s all ease-in-out 0s; }
.globalMessage.done > div  { transform:translateY(0px); }
.globalMessage.error > div  { transform:translateY(0px); }

.container {display: block;position: relative;padding-left: 35px;margin-bottom: 12px;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.container input {  position: absolute;opacity: 0;cursor: pointer;}
.checkmark {position: absolute;top: 0;left: 0;height: 25px;width: 25px;background-color: #ccc;border-radius: 50%;}
.container:hover input ~ .checkmark {background-color: #ccc;}
.container input:checked ~ .checkmark {background-color: var(--inputButtonColor);}
.checkmark:after {content: "";position: absolute;display: none;}
.container input:checked ~ .checkmark:after {display: block;}
.container .checkmark:after {top: 9px;left: 9px;width: 8px;height: 8px;border-radius: 50%;background: white;}

.footerbar { 	text-align:center;padding-top:20px;margin-top:100px;padding:20px; }
.footerbar > a { padding-right:15px !important;position:relative; }

.centeredContent { margin:0 auto;max-width:800px;padding:0 20px;  }

.fullContent { position:relative; }
.fullContent .center { margin:0 auto;max-width:800px;padding:0 20px;  }
.fullContent .logo { width:35px;position:relative;display:block;background:url(../images/logoWhite.svg) center center no-repeat transparent;background-size:100% auto; }
.fullContent .logo::after { content:" ";display:block;padding-bottom:100%; }

.headerFullBar.fullContent { background-color:#202C42;padding-top:50px;padding-bottom:10px;box-sizing:border-box; }
.headerFullBar.fullContent > .center { display:flex; }
.headerFullBar.fullContent .logo { margin-left:10px; }

.logobar { padding-top:20px;padding-bottom:20px; }
.logobar > div { margin:0 auto;max-width:200px;position:relative;display:block;background:url(../images/logo.svg) center center no-repeat transparent; }
.logobar > div::after { content:" ";display:block;padding-bottom:20%; }

form.mainform { display:block;position:relative; }
form.mainform input[type='text'], form.mainform input[type='numeric'], form.mainform  input[type='number'], form.mainform textarea, form.mainform select { color: #202C42;width:100%;padding:10px;border-radius:3px;background-color:var(--inputBackgroundColor);border:0px;margin-bottom:5px;font-family:inherit; }
form.mainform input[type='text'].err,  form.mainform input[type='number'].err, form.mainform textarea.err, form.mainform select.err { border:1px solid red; }
form.mainform input[type='submit'] { font-family:inherit;cursor:pointer;background-color:var(--inputButtonColor);color:var(--inputFontColor);border:0px;margin-bottom:5px;width:100%;padding:5px;font-weight:bold;font-size: 16px;padding: 10px 20px;border-radius: 3px; }
form.mainform input[type='submit'].inline {  width:auto;width:unset; }
form.mainform:not(.error) .errors { display:none; }
form.mainform .errors { font-weight:bold;margin-bottom:10px;padding:10px;padding-bottom:0px;text-align: center;border-radius:3px;background-color:var(--errorColor);color:var(--errorColorFont); }
form.mainform .errors ul { list-style:none;margin:0;padding:0; }
form.mainform .errors ul li { margin:0;padding:0;color:#fff;padding-bottom:10px; }
form.mainform:not(.done) .done { display:none; }
form.mainform .done { background-color:var(--successColor);color:var(--successColorFont);border-radius:3px;font-weight:bold;margin-bottom:10px;padding:10px;text-align: center; }
form.mainform.load::after { content:" ";display:block;position:absolute;left:0;top:0;bottom:0;right:0;background-color:#fff;opacity:0.3; }
form.mainform:not(.load) .loader { display:none; }
form.mainform.load .loader { position:absolute;left:0;top:0;bottom:0;right:0; }
form.mainform span { padding-bottom: 5px;color: #BCC8D7;display: block;font-family: "Nunito";font-weight: 300;padding-top: 10px;}

[loadBox] { position:relative; }
[loadBox]:not(.loading) [loader] { display:none; }
[loadBox].loading [loader] { display:block;position:absolute;left:0;top:0;bottom:0;right:0; }
[loadBox].loading [loadedcontent] { min-height:100px; }
[loadBox].loading::after { content:" ";display:block;position:absolute;left:0;top:0;bottom:0;right:0;background-color:#fff;opacity:0.9;z-index:1; }

.lds-ring { display: block;position: absolute;width: 80px;height: 80px;margin: 0 auto;transform: translateY(-50%) translateX(-50%);left: 50%;top: 50%;z-index:2; }
.lds-ring div { box-sizing: border-box;display: block;position: absolute;width: 64px;height: 64px;margin: 8px;border: 8px solid var(--loaderColor);border-radius: 50%;animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;border-color: var(--loaderColor) transparent transparent transparent;}
.lds-ring div:nth-child(1) {animation-delay: -0.45s;}
.lds-ring div:nth-child(2) {animation-delay: -0.3s;}
.lds-ring div:nth-child(3) {animation-delay: -0.15s;}
@keyframes lds-ring {0% {transform: rotate(0deg);}
100% {transform: rotate(360deg);}}

.mainsettings {display: block;position: relative;padding-left: 32px;margin-bottom: px;cursor: pointer;font-family: inherit;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;font-size: 14px;padding-top: 5px;color: #BCC8D7;}
.mainsettings input {position: absolute;opacity: 0;cursor: pointer;height: 0;width: 0;}
.mainsettings .checkmark {position: absolute;top: 50%;left: 0;height: 25px;width: 25px;background-color: #BCC8D7;padding:0px;margin-top: -12px;transform: scale(0.8);}
.mainsettings:hover input ~ .checkmark {background-color: #BCC8D7;}
.mainsettings input:checked ~ .checkmark {background-color: var(--inputButtonColor);}
.mainsettings .checkmark:after {content: "";position: absolute;display: none;}
.mainsettings input:checked ~ .checkmark:after {display: block;}
.mainsettings .checkmark:after {left: 9px;top: 5px;width: 5px;height: 10px;border: solid white;border-width: 0 3px 3px 0;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}

.backendLink { padding: 10px;
margin-top: 3px;
display: block;
border-radius: 5px;
text-decoration: none;
color: #fff;
box-shadow: 0px 0px 0px #2d5460;
background-color: #56a0b6;
font-weight: bold;
text-align: center;
cursor: pointer;
display: inline-block;text-decoration:none; 
padding: 10px 20px;}
.backendLink:focus { color:#fff; }

.uploadPopUp.show { width:450px;background-color:#ffffff;border-radius:10px;box-shadow:0px 0px 20px rgba(0,0,0,0.3);z-index:3;position:fixed;left:50%;top:50%;transform:translateX(-50%) translateY(-50%);box-sitzing:border-box;padding:20px;}
.uploadPopUpOverlay.show { position:fixed;top:0;right:0;bottom:0;left:0;background-color:rgba(0,0,0,0.6);z-index:2; }
.uploadPopUp:not(.show) { display:none; } 
.uploadPopUp .hideInHere { height:1px;overflow:hidden;opacity:0; }
.uploadPopUpOverlay:not(.show) { display:none; } 
.uploadPopUp .progress { position:relative;height:20px;border-radius:3px; } 
.uploadPopUp .progress > div { position:absolute;left:0;top:0;bottom:0;background-color:green; }

.uploadFormTmpl {box-sizing: border-box;position:relative;background-color:#f2f2f2;position:relative;padding:20px;display:flex;padding-right:60px;align-items:center;margin-bottom:5px;box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.2);border-radius:5px; }
.uploadFormTmpl img { max-width:100px;max-height:100px;border:0px;margin-right:20px; }
.uploadFormTmpl span { display:block; }
.uploadFormTmpl span font { font-size:12px; }

.uploadFormTmpl .delete { opacity:0.5;width:30px;position:absolute;top:0;bottom:0;border-left:1px solid #ccc;right:0px;cursor:pointer;background:url(../images/delete.svg) center center no-repeat transparent;background-size:16px auto;  }
.uploadFormTmpl .delete:hover { background-color: rgba(0,0,0,0.04); }

.uploadFormTmpl .reUpload { opacity:0.5;width:30px;position:absolute;top:0;bottom:0;border-left:1px solid #ccc;right:30px;cursor:pointer;background:url(../images/reupload.svg) center center no-repeat transparent;background-size:16px auto;  }
.uploadFormTmpl .reUpload:hover { background-color: rgba(0,0,0,0.04); }


.uploadPopUpGallerie { height:100%;width:100%;position:fixed;top:0;right:0;bottom:0;left:0;background-color:rgba(0,0,0,0.6);z-index:2;display:block;align-items:center;overflow-x:hidden;overflow-y: scroll; }
.uploadPopUpGallerie:not(.show) { display:none; } 
.uploadPopUpGallerie .marginer { max-width:900px;margin: 0 auto; }
.uploadPopUpGallerie > .inner { width:100%;padding-top:30px;padding-bottom:30px; }
.uploadPopUpGallerie .uploadFormTmpl:hover { background-color:#ededed;cursor:pointer; }
.uploadPopUpGallerie .uploadFormTmpl .delete { display:none; }

/** backend **/
.backend { color:#00050D;display:flex;position:absolute;left:0;right:0;bottom:0;width:100%;height:100%;align-items:stretch; }
.backend > .left { width:300px;background-color:#202C42;display:flex;flex-wrap:wrap; }
.backend > .left ul { list-style:none;margin:0;padding:0;width:100%; }
.backend > .left ul li { cursor:pointer;padding:10px 20px;font-weight:bold;color:#BCC8D7;border-bottom:1px solid rgba(255,255,255,0.2);}
.backend > .left ul li { background-color:rgba(0,0,0,0.03); }
.backend > .right { width:calc(100% - 300px);overflow-x:hidden;overflow-y:scroll;scroll-behaviour:smooth;box-sizing:border-box;background-color:#fff; }
.backend > .right > .inner { max-width:900px;padding:20px;position:relative; }
.backend:not([page="Haupteinstellungen"]) [page="Haupteinstellungen"]:not(li) ,
.backend:not([page="Spielstruktur"]) [page="Spielstruktur"]:not(li) ,
.backend:not([page="Quizpool"]) [page="Quizpool"]:not(li) ,
.backend:not([page="Aktionspool"]) [page="Aktionspool"]:not(li) ,
.backend:not([page="Unterereignisse"]) [page="Unterereignisse"]:not(li) ,
.backend:not([page="Gegnerpool"]) [page="Gegnerpool"]:not(li) ,
.backend:not([page="Ereignisklassen"]) [page="Ereignisklassen"]:not(li) ,
.backend:not([page="tutorial"]) [page="tutorial"]:not(li) ,
.backend:not([page="Mediengallerie"]) [page="Mediengallerie"]:not(li) { display:none; } 
.backend[page="Haupteinstellungen"] li[page="Haupteinstellungen"],
.backend[page="Spielstruktur"] li[page="Spielstruktur"],
.backend[page="Quizpool"] li[page="Quizpool"],
.backend[page="Aktionspool"] li[page="Aktionspool"],
.backend[page="Unterereignisse"] li[page="Unterereignisse"],
.backend[page="Gegnerpool"] li[page="Gegnerpool"],

.backend[page="Ereignisklassen"] li[page="Ereignisklassen"],
.backend[page="tutorial"] li[page="tutorial"],
.backend[page="Mediengallerie"] li[page="Mediengallerie"] { color:#202C42;background-color:#fff; } 
.backend .placeImageHere:not([hasImage="false"]) .uploadBtn { display:none;  }
.backend [page="Mediengallerie"] ul { list-style:none;margin:0;padding:0; }
.backend h1 { color:#202C42; }
.backend .footerbar { text-align:left;padding:20px;width:100%;align-self: flex-end; }
.backend .footerbar > a { display:block;color:#BCC8D7 !important; }
.backend .footerbar .appRegForm div.btn[kind="login"],
.backend .footerbar .appRegForm div.btn[kind="register"],
.backend .footerbar .appRegForm div.btn[kind="settings"],
.backend .footerbar .appRegForm .logout { display:block;color:#BCC8D7 !important;margin:0px;text-align:left; }
.backend .footerbar .appRegForm div.btn[kind="settings"] { margin-left:-4px; }
.backend .footerbar:before { content:"Weiteres";font-weight:bold;color:#fff;display:block;margin-bottom:10px; }
.backend input[name="title"] { font-weight:bold;font-size:20px; }

/** Question **/
.questionMainWrap  {  border:3px solid #f2f2f2;padding:0px;margin-bottom:10px; background-color: #f2f2f2;box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.2);border-radius:5px; }
.questionMainWrap form { padding:10px;padding-right:70px;position:relative;margin:0px; }
.questionMainWrap .minimize { display:inline-block;padding:5px 10px;font-size:14px;font-weight:bold; font-family: inherit;cursor: pointer;background-color:rgba(0,0,0,0.2);color: #fff;border: 0px;margin-bottom: 5px;border-radius:3px;}
.questionMainWrap .minimize:hover { background-color:rgba(0,0,0,0.4); }
.questionMainWrap select,
.questionMainWrap input[type="text"] { background-color:#fff !important; }
.questionMainWrap .nopadtop { padding-top:0px;}
.questionMainWrap[showAll="false"] div.blocker { cursor:pointer;z-index:1;display:block;position:absolute;left:0px;right:0px;top:0px;bottom:0px; }
.questionMainWrap[showAll="false"] div.blocker:hover { background-color:rgba(0,0,0,0.02); }
.questionMainWrap[showAll="false"] span,
.questionMainWrap[showAll="false"] .question,
.questionMainWrap[showAll="false"] input:not([name='title']), 
.questionMainWrap[showAll="false"] .minimize,
.questionMainWrap[showAll="false"] [action="newFrage"]{ display:none; } 
.questionMainWrap [action="saveQuizpool"]  {opacity: 0.5;position: absolute;right: 0;top: 0;bottom: 0;width: 30px;border-left: 1px solid #ccc;background: url(../images/save-icon.svg) center center no-repeat orange;background-size: 60% auto;}
.questionMainWrap [action="saveQuizpool"]:hover { opacity:0.7;cursor: pointer;}
.questionMainWrap [action="deleteQuizpool"] {	opacity: 0.5;	width: 30px;position: absolute;top: 0;bottom: 0;border-left: 1px solid #ccc;right: 30px;cursor: pointer;background: url(../images/delete.svg) center center no-repeat transparent;background-size: 16px auto;}
.questionMainWrap [action="deleteQuizpool"]:hover { background-color: rgba(0,0,0,0.04);}
.questionMainWrap[state="changed"] { border: 2px solid orange; }
.questionMainWrap:not([state="changed"]) [action="saveQuizpool"] { background:none; }
.questionMainWrap.load { opacity:0.3; }
.questionMainWrap.load div.blocker { position: absolute;left: 0;top: 0;right: 0;bottom: 0;}
.question { background-color: rgba(0,0,0,0.03);padding: 10px;border-radius: 10px;padding-right: 40px;position: relative;box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.2);margin-bottom: 10px; }
.question[showAll="false"] span,
.question[showAll="false"] select,
.question[showAll="false"] input:not([name='frage_frage[]']) { display:none; }
.question[showAll="false"] { position:relative; }
.question[showAll="false"] div.blocker { cursor:pointer;z-index:1;display:block;position:absolute;left:0px;right:0px;top:0px;bottom:0px; }
.question[showAll="false"] div.blocker:hover { background-color:rgba(0,0,0,0.02); }
.question[showAll="false"] .minimize { display:none; }
.question [name="frage"] { font-weight:bold; }
.question form[showAll="false"] [action="deleteQuestion"],
.question form[showAll="false"] [action="saveQuizpool"] { display:none; }
.question form:not([questionkind="multiplechoice"]) .onlyformuiltiplechoice { display:none; }
.question [action="deleteFrage"] { opacity: 0.5;border-left: 1px solid #ccc;width:30px;position:absolute;bottom:0px;right:0px;top:0px;cursor:pointer;background:url(../images/delete.svg) center center no-repeat transparent;background-size:16px auto;}
.question [action="deleteFrage"]:hover { background-color: rgba(0,0,0,0.04);}


/** Question **/
.gegnerPoolWrap  {  border:3px solid #f2f2f2;padding:0px;margin-bottom:10px; background-color: #f2f2f2;box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.2);border-radius:5px; }
.gegnerPoolWrap form { padding:10px;padding-right:70px;position:relative;margin:0px; }
.gegnerPoolWrap .minimize { display:inline-block;padding:5px 10px;font-size:14px;font-weight:bold; font-family: inherit;cursor: pointer;background-color:rgba(0,0,0,0.2);color: #fff;border: 0px;margin-bottom: 5px;border-radius:3px;}
.gegnerPoolWrap .minimize:hover { background-color:rgba(0,0,0,0.4); }
.gegnerPoolWrap select,
.gegnerPoolWrap textarea,
.gegnerPoolWrap input[type="text"] { background-color:#fff !important; }
.gegnerPoolWrap .nopadtop { padding-top:0px;}
.gegnerPoolWrap[showAll="false"] div.blocker { cursor:pointer;z-index:1;display:block;position:absolute;left:0px;right:0px;top:0px;bottom:0px; }
.gegnerPoolWrap[showAll="false"] div.blocker:hover { background-color:rgba(0,0,0,0.02); }
.gegnerPoolWrap[showAll="false"] span,
.gegnerPoolWrap[showAll="false"] .gegner,
.gegnerPoolWrap[showAll="false"] input:not([name='title']), 
.gegnerPoolWrap[showAll="false"] .minimize,
.gegnerPoolWrap[showAll="false"] [action="newGegner"]{ display:none; } 
.gegnerPoolWrap [action="saveGegnerPool"]  {opacity: 0.5;position: absolute;right: 0;top: 0;bottom: 0;width: 30px;border-left: 1px solid #ccc;background: url(../images/save-icon.svg) center center no-repeat orange;background-size: 60% auto;}
.gegnerPoolWrap [action="saveGegnerPool"]:hover { opacity:0.7;cursor: pointer;}
.gegnerPoolWrap [action="deleteGegnerPool"] {	opacity: 0.5;	width: 30px;position: absolute;top: 0;bottom: 0;border-left: 1px solid #ccc;right: 30px;cursor: pointer;background: url(../images/delete.svg) center center no-repeat transparent;background-size: 16px auto;}
.gegnerPoolWrap [action="deleteGegnerPool"]:hover { background-color: rgba(0,0,0,0.04);}
.gegnerPoolWrap[state="changed"] { border: 2px solid orange; }
.gegnerPoolWrap:not([state="changed"]) [action="saveGegnerPool"] { background:none; }
.gegnerPoolWrap.load { opacity:0.3; }
.gegnerPoolWrap.load div.blocker { position: absolute;left: 0;top: 0;right: 0;bottom: 0;}
.gegner { background-color: rgba(0,0,0,0.03);padding: 10px;border-radius: 10px;padding-right: 40px;position: relative;box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.2);margin-bottom: 10px; }
.gegner[showAll="false"] span,
.gegner[showAll="false"] select,
.gegner[showAll="false"] textarea,
.gegner[showAll="false"] input:not([name='gegner_name[]']) { display:none; }
.gegner[showAll="false"] { position:relative; }
.gegner[showAll="false"] div.blocker { cursor:pointer;z-index:1;display:block;position:absolute;left:0px;right:0px;top:0px;bottom:0px; }
.gegner[showAll="false"] div.blocker:hover { background-color:rgba(0,0,0,0.02); }
.gegner[showAll="false"] .placeImageHere,
.gegner[showAll="false"] .minimize { display:none; }
.gegner [name="frage"] { font-weight:bold; }
.gegner form[showAll="false"] [action="deleteQuestion"],
.gegner form[showAll="false"] [action="saveGegnerPool"] { display:none; }
.gegner form:not([questionkind="multiplechoice"]) .onlyformuiltiplechoice { display:none; }
.gegner [action="deleteGegner"] { opacity: 0.5;border-left: 1px solid #ccc;width:30px;position:absolute;bottom:0px;right:0px;top:0px;cursor:pointer;background:url(../images/delete.svg) center center no-repeat transparent;background-size:16px auto;}
.gegner [action="deleteGegner"]:hover { background-color: rgba(0,0,0,0.04);}




.unterereignisWrap {  border:3px solid #f2f2f2;padding:0px;margin-bottom:10px; background-color: #f2f2f2;box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.2);border-radius:5px; }
.unterereignisWrap form { padding:10px;padding-right:70px;position:relative;margin:0px; }
.unterereignisWrap [action="saveEreignis"]  {opacity: 0.5;position: absolute;right: 0;top: 0;bottom: 0;width: 30px;border-left: 1px solid #ccc;background: url(../images/save-icon.svg) center center no-repeat orange;background-size: 60% auto;}
.unterereignisWrap [action="saveEreignis"]:hover { opacity:0.7;cursor: pointer;}
.unterereignisWrap [action="deleteEreignis"] {	opacity: 0.5;	width: 30px;position: absolute;top: 0;bottom: 0;border-left: 1px solid #ccc;right: 30px;cursor: pointer;background: url(../images/delete.svg) center center no-repeat transparent;background-size: 16px auto;}
.unterereignisWrap [action="deleteEreignis"]:hover { background-color: rgba(0,0,0,0.04);}
.unterereignisWrap:not([state="changed"]) [action="saveEreignis"] { background:none; }
.unterereignisWrap[state="changed"] { border: 2px solid orange; }
.unterereignisWrap .flx { display:flex; } 
.unterereignisWrap .flx > div:nth-child(1) { width:100%;margin-right:10px; } 
.unterereignisWrap input[type='text'] {  font-weight:100;font-size:14px;background-color: #fff !important; }
.unterereignisWrap input[name='einheit'] { width:150px !important; }
.unterereignisWrap .nopadtop { padding-top:0px;} 
.unterereignisWrap .characterRelevant:not(.expand) .df { display:none; }


.characterRelevantContainer {display: block;position: relative;padding-left: 32px;margin-bottom: px;cursor: pointer;font-family: inherit;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;font-size: 14px;padding-top: 5px;color: #BCC8D7;}
.characterRelevantContainer input {position: absolute;opacity: 0;cursor: pointer;height: 0;width: 0;}
.characterRelevantContainer .checkmark {position: absolute;top: 50%;left: 0;height: 25px;width: 25px;background-color: #BCC8D7;padding:0px;margin-top: -12px;transform: scale(0.8);}
.characterRelevantContainer:hover input ~ .checkmark {background-color: #BCC8D7;}
.characterRelevantContainer input:checked ~ .checkmark {background-color: var(--inputButtonColor);}
.checkmark:after {content: "";position: absolute;display: none;}
.characterRelevantContainer input:checked ~ .checkmark:after {display: block;}
.characterRelevantContainer .checkmark:after {left: 9px;top: 5px;width: 5px;height: 10px;border: solid white;border-width: 0 3px 3px 0;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}




.ereignisklassenWrap {  border:3px solid #f2f2f2;padding:0px;margin-bottom:10px; background-color: #f2f2f2;box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.2);border-radius:5px; }
.ereignisklassenWrap form { padding:10px;padding-right:70px;position:relative;margin:0px; }
.ereignisklassenWrap [action="saveEreignisklasse"]  {opacity: 0.5;position: absolute;right: 0;top: 0;bottom: 0;width: 30px;border-left: 1px solid #ccc;background: url(../images/save-icon.svg) center center no-repeat orange;background-size: 60% auto;}
.ereignisklassenWrap [action="saveEreignisklasse"]:hover { opacity:0.7;cursor: pointer;}
.ereignisklassenWrap [action="deleteEreignisklasse"] {	opacity: 0.5;	width: 30px;position: absolute;top: 0;bottom: 0;border-left: 1px solid #ccc;right: 30px;cursor: pointer;background: url(../images/delete.svg) center center no-repeat transparent;background-size: 16px auto;}
.ereignisklassenWrap [action="deleteEreignisklasse"]:hover { background-color: rgba(0,0,0,0.04);}
.ereignisklassenWrap:not([state="changed"]) [action="saveEreignisklasse"] { background:none; }
.ereignisklassenWrap[state="changed"] { border: 2px solid orange; }
.ereignisklassenWrap .flx { display:flex; } 
.ereignisklassenWrap .flx > div:nth-child(1) { width:100%;margin-right:10px; } 
.ereignisklassenWrap input[type='text'] {  font-weight:100;font-size:14px;background-color: #fff !important; }
.ereignisklassenWrap .nopadtop { padding-top:0px;} 




/** Question **/
.aktion { border:3px solid #f2f2f2;padding:0px;margin-bottom:10px; background-color: #f2f2f2;box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.2);border-radius:5px; }
.aktion .nopadtop { padding-top:0px;}

.aktion form [name="frage"] { font-weight:bold; }
.aktion form { margin:0;padding:10px;padding-right: 70px; }
.aktion input[type='text'],
.aktion textarea { background-color:#fff !important; }
.aktion table { width:100%; }
.aktion table tr:nth-child(1) td { font-weight:bold; }
.aktion .erignis { background-color: rgba(0,0,0,0.03);padding:10px;border-radius:10px;display:flex;padding-right:40px;position:relative;box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.2);margin-bottom:10px; }
.aktion .erignis input[type='text'],
.aktion .erignis [name="ereignis_noinventargegenstand[]"],
.aktion .erignis [name="ereignis_ereignisklasse[]"],
.aktion .erignis input[type='number'] { background-color:#fff !important; }
.aktion .erignis .subeWrap  input[type='text'] { background-color:var(--inputBackgroundColor) !important; }
.aktion .erignis .left { width:200px;padding-right:20px; }
.aktion .erignis .right { width:calc( 100% - 220px); }
.aktion .erignis .del { opacity: 0.5;border-left: 1px solid #ccc;width:30px;position:absolute;bottom:0px;right:0px;top:0px;cursor:pointer;background:url(../images/delete.svg) center center no-repeat transparent;background-size:16px auto;}
.aktion .erignis .del:hover { background-color: rgba(0,0,0,0.04);}
.aktion .erignis .right input { width:100%; }
.aktion .erignis .right .uploadFormTmpl { padding:5px;background-color:#fff; }
.aktion .erignis span { padding-top:0px; }
.aktion .erignis .sube  span {padding-bottom:0px; }
.aktion .erignis .sube { display:flex;padding-top:10px; }
.aktion .erignis .subeWrap { padding:10px;background-color: #fff;margin-bottom: 5px;box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.2);border-radius: 5px; }
.aktion .erignis.collapsed .hideCollapsed { display:none; }
.aktion .erignis.collapsed .spacer { border-radius:3px;position:absolute;left:0;right:0;top:0;bottom:0;cursor:pointer; }
.aktion .erignis.collapsed .spacer:hover { background-color:rgba(0,0,0,0.05); }
.aktion form[showAll="false"] .hideBox { display:none; }
.aktion form[showAll="false"] div.blocker { cursor:pointer;z-index:1;display:block;position:absolute;left:0px;right:0px;top:0px;bottom:0px; }
.aktion form[showAll="false"] div.blocker:hover { background-color:rgba(0,0,0,0.05); }
.aktion [action="deleteAktion"]  { opacity: 0.5;	width: 30px;position: absolute;top: 0;bottom: 0;border-left: 1px solid #ccc;right: 30px;cursor: pointer;background: url(../images/delete.svg) center center no-repeat transparent;background-size: 16px auto;}
.aktion [action="deleteAktion"]:hover { background-color: rgba(0,0,0,0.04);}
.aktion [action="saveAktion"]  { opacity: 0.5;position: absolute;right: 0;top: 0;bottom: 0;width: 30px;border-left: 1px solid #ccc;background: url(../images/save-icon.svg) center center no-repeat orange;background-size:60% auto;}
.aktion [action="saveAktion"]:hover { opacity:0.7;cursor:pointer; }
.aktion .minimize { display:inline-block;padding:5px 10px;font-size:14px;font-weight:bold; font-family: inherit;cursor: pointer;background-color:rgba(0,0,0,0.2);color: #fff;border: 0px;margin-bottom: 5px;border-radius: 3px;}
.aktion .minimize:hover { background-color:rgba(0,0,0,0.4); }
.aktion .erignis .minimize { position:absolute;left:10px;bottom:10px; }
.aktion[state="changed"] { border: 2px solid orange; }
.aktion:not([state="changed"]) [action="saveAktion"] { background:none; }


.landingPageWrapper { background-color: #131a27; }
.landingpageFooter {  background-color: #131a27;border-top:5px solid #202C42; }
.landingpageFooter .footerbar { margin-top:0px; }
.appRegForm div.btn[kind="login"], .appRegForm div.btn[kind="register"], .appRegForm div.btn[kind="settings"], .appRegForm .logout,
.landingpageFooter .footerbar > a { color:#BCC8D7 !important }
.landingPageWrapper .headerFullBar.fullContent { border-bottom:5px solid #131a27; }
.landingPageWrapper .headerFullBar.fullContent h1 { color:#fff;margin:0;padding:0;margin-left:60px; }
.landingPageWrapper .headerFullBar.fullContent .logo { transform: rotate(-12deg) scale(2.5); }
@media only screen and (max-width: 480px) {
	.landingpage .center .left { width:100%;box-sizing:border-box; }
	.landingpage .center .scanwas { position:relative;margin-left: auto;margin-bottom: -20px;}
}
.landingPageWrapper .margincontainer { margin:0 auto;max-width:1300px;}
.landingPageWrapper h1 { font-size:32px;color:#f3ff8b;margin-bottom:0px; }
.landingPageWrapper h2 { margin:0px; }
.landingPageWrapper section[name='wasIstScanwas'] { color:#fff;padding-top:50px;padding-bottom:50px; }
.landingPageWrapper section[name='wasIstScanwas'] p { columns: 3;font-size:13px;color:rgba(255,255,255,0.7); }
.landingPageWrapper p b { color:rgba(255,255,255,1); }
.landingPageWrapper section[name='wasIstScanwas'] .margincontainer { padding:20px; }
.landingPageWrapper section[name='kontakt'] { padding-bottom:50px; }
.landingPageWrapper section[name='kontakt']  h3 { font-size:20px;color:#f3ff8b;margin:0px;margin-bottom:0px;margin-bottom:20px; }
.landingPageWrapper section[name='kontakt'] { display:flex; }
.landingPageWrapper section[name='kontakt'] p { font-size:13px;color:rgba(255,255,255,0.7);margin:_0;padding:0; }
.landingPageWrapper section[name='kontakt'] .flex { border-radius:10px;display:flex;margin:0 px;flex-wrap:wrap;background-color:#202C42; }
.landingPageWrapper section[name='kontakt'] .flex > div { box-sizing:border-box;width:50%; margin:0 0px;padding:20px;margin-bottom:20px;}
.landingPageWrapper section[name='kontakt'] .flex > .right { background:url(../images/ostfriesland.png?v=1) bottom right no-repeat #202C42;background-size:contain; }
.landingPageWrapper section[name='kontakt'] .flex > .right p { max-width:50%; }
.landingPageWrapper section[name='referenzen'] .kacheln { display:flex;flex-wrap:wrap;margin:0 -10px; }
.landingPageWrapper section[name='referenzen'] .kacheln .twobox { width:50%; } 
.landingPageWrapper section[name='referenzen'] .kacheln .box { width:50%;display: flex; } 
.landingPageWrapper section[name='referenzen'] .kacheln > div { padding:0 10px;box-sizing:border-box;padding-bottom:20px; } 
.landingPageWrapper section[name='referenzen'] .kacheln > div > div {overflow:hidden;position:relative;transform:translateX(0px);display:flex;justify-content:flex-end;transition:0.2s all ease-in-out 0s;background-color:rgba(255,255,255,0.1);color:#fff;border-radius:10px; }
.landingPageWrapper section[name='referenzen'] .kacheln > div > div:hover { transform:scale(1.01) rotate(1deg);box-shadow:0px 0px 3px #000; }
.landingPageWrapper section[name='referenzen'] .kacheln > div > div h4 { margin:0;padding:0;margin-bottom:10px; }
.landingPageWrapper section[name='referenzen'] .kacheln > div > div > div:not(.teaser) { width:50%;background-color:rgba(19,26,39,0.8);padding:20px; }
.landingPageWrapper section[name='referenzen'] .kacheln > div > div .teaser { background-color:#f3ff8b;font-weight:bold;color:#202C42;text-align:center;transform:rotate(-20deg) translateX(-27%);position:absolute;left:0px;top:0px;width:300px;}
.landingPageWrapper section[name='referenzen'] .kacheln > div > div .teaser.off { background-color:#202c42;color:#fff; }
.landingPageWrapper section[name='referenzen'] { padding-bottom:50px; }
.landingPageWrapper section[name='referenzen'] h1 { margin-bottom:30px; }
.landingPageWrapper section[name='referenzen'] .kacheln > div:nth-child(1) > div { background:url(../images/209.jpg) center center no-repeat rgba(255,255,255,0.2);background-size:cover; }
.landingPageWrapper section[name='referenzen'] .kacheln > div:nth-child(2) > div { background:url(../images/image001.png) center center no-repeat rgba(255,255,255,0.2);background-size:cover; }
.landingPageWrapper section[name='referenzen'] .kacheln > div:nth-child(3) > div { background:url(../images/bosselbg.jpeg) center 30% no-repeat rgba(255,255,255,0.2);background-size:cover; }
.landingPageWrapper section[name='referenzen'] .kacheln > div:nth-child(4) > div { background:url(../images/maerchenwald.jpg) center 30% no-repeat rgba(255,255,255,0.2);background-size:cover; }
.landingPageWrapper section[name='referenzen'] .kacheln > div:nth-child(5) > div { background:url(../images/rallygh.jpg) center 30% no-repeat rgba(255,255,255,0.2);background-size:cover; }

.landingPageWrapper .person { position:relative;min-height:100px;padding-left:110px;display:flex;align-items:center; }
.landingPageWrapper .person .img { width:90px;position:relative;border:3px solid #f3ff8b;border-radius:50%;position:absolute;left:0px;top:50%;transform:translateY(-50%); }
.landingPageWrapper .person .img::after { content:" ";position:relative;display:block;padding-bottom:100%; }
.landingPageWrapper .person b { color:#f3ff8b; }
.landingPageWrapper a.button,
.landingPageWrapper button { border:0px;padding:10px 20px;border-radius:10px;background-color:#f3ff8b;font-weight:bold;font-family:inherit;cursor:pointer;}
.cryptedmail:after {  content: attr(data-name) "@" attr(data-domain) "." attr(data-tld); }
.landingPageWrapper .header { background-color: #202C42;padding-top: 50px;padding-bottom: 10px;box-sizing: border-box;}
.landingPageWrapper .header .margincontainer { position:relative; }
.landingPageWrapper .header .logo  { transform:rotate(15deg) translateY(-50%);top:50%;width:60px;position:absolute;display:block;background:url(../images/logoWhite.svg) center center no-repeat transparent;background-size:100% auto; }
.landingPageWrapper .header .logo::after { content:" ";display:block;padding-bottom:100%; }
.landingPageWrapper .header h1 { margin:0;padding:0;padding-left:90px; }
@media (max-width: 1340px) {
	.landingPageWrapper .margincontainer { margin:0 20px;}
	.landingPageWrapper section[name="wasIstScanwas"] .margincontainer { padding:0px; }
}
@media (max-width: 940px) {
	.landingPageWrapper section[name='wasIstScanwas'] p { columns: 2; }
}
@media (max-width: 900px) {
	.landingPageWrapper section[name="kontakt"] .flex > div,
	.landingPageWrapper section[name="referenzen"] .kacheln .box { width:100%; }
}
@media (max-width: 450px) {
	.landingPageWrapper section[name='wasIstScanwas'] p { columns: 1; }

}

/** HTML-QR-Scanner **/
#reader { border:0px !important; }
#html5-qrcode-button-file-selection,
#html5-qrcode-button-camera-permission { font-family: inherit;cursor: pointer;-webkit-appearance: none;text-align: center;font-weight: bold;font-size: 16px;border: 0px;border-radius: 3px;background-color: #ccc;color: #fff;display: block;padding: 10px 5px;width: 100%;margin-bottom: 5px;box-sizing: border-box;display: inline-block;padding: 10px 20px;width: inherit;background-color: #000; margin-bottom:10px;text-indent: -9999px;line-height: 0;}
#html5-qrcode-button-camera-permission:after { content: "Kamerazugriff gewähren";text-indent: 0;display: block;line-height: initial;}
#html5-qrcode-button-file-selection:after { content: "Bild auswählen";text-indent: 0;display: block;line-height: initial;}
#html5-qrcode-anchor-scan-type-change, img[alt="Info icon"] { display:none !important;opacity:0; }

/** Restyle AppReg **/
#appRegLoginForm, .appRegForm  { display:inline; }
.appRegForm div.btn[kind="login"],
.appRegForm div.btn[kind="register"],
.appRegForm div.btn[kind="settings"],
.appRegForm .logout { font-size:initial;padding:0px;font-weight:300;width:auto;width:unset;color:var(--linkFarbe);background-color:transparent;background-image:none; }
.appRegForm div.btn[kind="settings"]::after { content: "Einstellungen";text-indent: 0;line-height: initial;}
.appRegForm > div { padding-right:15px !important;position:relative; }
.appReg_popup .appReg_popup_inner .close { cursor:pointer; }


/** ddm_modules modifikationen **/
.ddm_module_footer { display:none;padding: 5px;margin-left: -10px;margin-right: -10px;margin-bottom: -10px;background-color: rgba(0,0,0,0.05);margin-top: 10px; }
.ddm_module_footer > div { width:50%; }
.ddm_module_footer > div:nth-child(2) .head,
.ddm_module_footer > div:nth-child(2) .body { text-align:right; }

.ddm_modules_wrapper .datalog .body,
.ddm_modules_wrapper .datalog .head { padding:0px; }
.ddm_modules_wrapper .datalog .head { cursor:pointer; }
.ddt_element { position:relative;border:0px solid #ccc;margin-bottom:3px;box-shadow:0px 0px 3px #f2f2f2 inset, 0px 1px 1px 0px rgba(0,0,0,0.2);border-radius: 5px;border:2px solid transparent; }
.ddt_element .ddm_module > select { position:absolute;top:0px;right:0px;width:200px;border:0px;border-bottom-left-radius:10px;background-color:rgba(0,0,0,0.05); }
.ddt_element .module_qr input { width:44px;border:0px solid #ccc; }
.ddt_element .module_qr .qr { position:relative;background-color:#fff;border-radius:3px;padding-right:118px; }
.ddt_element .module_qr .qr::after { content:"Einmalige Id";position:absolute;top:22%;right: 12px;font-weight:bold;opacity: 0.2; }
.ddt_element .module_qr { display:flex;align-items:center; }
.ddt_element .module_excactAnswer input,
.ddt_element .module_moveUp input,
.ddt_element .module_excactAnswer select,
.ddt_element .module_quizspool select,
.ddt_element .module_aktionspool select { background-color:#fff;border-radius:3px;border:0px;margin-top:1px;width: calc(100% - 208px); } 
.ddt_element .module_quizpool input, 
.ddt_element .module_quizpool select { background-color:#fff;border-radius:3px;border:0px;margin-bottom:5px;font-family:inherit;} 
.ddt_element .module_quizpool input[name='characterName'] { font-weight:bold; }
.ddt_element .module_quizpool .uploadFormTmpl { background-color:#fff; }
.ddt_element .module_quizpool span { color: #BCC8D7;display:block;margin-bottom:5px; }
.ddt_element .module_quizpool textarea { width:100% !important;min-height:60px;background-color:#fff;border-radius:3px;border:0px;margin-bottom:5px; } 
.ddt_element .module_excactAnswer .flexi { display:flex;padding-right: 195px; }
.ddt_element .module_excactAnswer .flexi select { margin-left:5px; }
.ddt_element .module_gegnerpool select { background-color:#fff;border-radius:3px;border:0px;margin-bottom:5px;font-family:inherit;width: calc(100% - 208px);} 
.ddt_element .module_gegnerpool span { color: #BCC8D7;display:block;margin-bottom:5px; }
.ddt_element .module_moveUp input {width:80px; }

.ddt_element .expandable .title { font-weight:bold; }
.ddt_element .expandable .title font { padding:5px 10px; border-radius:3px; }
.ddt_element .expandable .title font:hover { background-color:rgba(0,0,0,0.05);cursor:pointer; }
.ddt_element .expandable.expand .title font { background-color:rgba(0,0,0,0.05); }
.ddt_element .expandable.expand .title font:hover { background-color:rgba(0,0,0,0.09); }
.ddt_element .expandable .sub { margin-top:15px; }
.ddt_element .expandable:not(.expand) .sub { display:none; }
.ddt_element .module_itemcheck .ereignis { padding: 10px;background-color: #fff;margin-bottom: 5px;box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.2);border-radius: 5px; }
.ddt_element .module_itemcheck .ereignis table tr:nth-child(1) td ,
.ddt_element .module_itemcheck .ereignis table tr:nth-child(3) td ,
.ddt_element .module_itemcheck .ereignis table tr:nth-child(5) td { font-weight:bold; }
.ddt_element .module_itemcheck .ereignis table input,
.ddt_element .module_itemcheck .ereignis table select { border:0px;border-radius:3px;background-color:var(--inputBackgroundColor); }
.ddt_element .ddm_module > select { right:30px !important; }
.ddt_element .title { font-weight:bold; }
.ddt_element .title.rightAnswer { color:green; }
.ddt_element .title.wrongAnswer { color:red; }
.ddt_element .title.prolog { color:blue; }
.ddt_element { padding-right:80px !important;padding-left: 40px !important; }
.ddt_element .cantDeleteSItem,
.ddt_element .deleteSItem { opacity:0.5;position:absolute;right:30px;top:0;bottom:0;width:30px;border-left:1px solid #ccc;background:url(../images/delete.svg) center center no-repeat transparent;background-size:50% auto;}
.ddt_element .cantDeleteSItem { opacity:0.1; }
.ddt_element.canDelete .deleteSItem:hover { background-color:rgba(0,0,0,0.04);cursor:pointer; }
.ddt_element .ddm_module > select { right:60px !important; }
.ddt_element:not(.canDelete) .deleteSItem { }
.ddt_element .qrbedingung:not([kind='SPECIFIC_ORDER']) .ereignisOrder { display:none; }
.ddt_element .qrbedingung:not([kind='COUNTDOWN']):not([kind='TIME_PASSED']) .ereignisCountdown { display:none; }
.ddt_element .ereignisCountdown { display:flex; }
.ddt_element .ereignisCountdown > input:nth-child(1) { margin-right:5px; }
.ddt_element .qrbedingung input { background-color:#fff;border-radius:3px;margin-top:5px;border:0px;margin-bottom:5px;font-family:inherit;} 
.ddt_element .save { opacity:0.5;position:absolute;right:0;top:0;bottom:0;width:30px;border-left:1px solid #ccc;background:url(../images/save-icon.svg) center center no-repeat orange;background-size:60% auto;}
.ddt_element[state="changed"] .save:not(.noSave):hover { opacity:0.7;cursor:pointer; }
.ddt_element:not([state="changed"]) .save,
.ddt_element .save.noSave { background:none; }
.ddt_element input[name='notiz'] { font-family:inherit;margin-left:10px;width:180px;border-radius:3px;border:0px;background-color:transparent; }
.ddt_element input[name='notiz']:focus { background-color:rgba(0,0,0,0.01); }
.ddt_element .expandable .title { display:flex;align-items:center;}
.ddt_element .expandable .title input[name='notiz'] { margin-bottom:0px; }
.ddt_element[state="changed"] { border:2px solid orange; }
.ddt_element[state="done"] { box-shadow:0px 0px 5px green inset, 0px 1px 1px 0px rgba(0,0,0,0.2); }
.ddt_element.load::after { content:" ";position:absolute;top:0;bottom:0;right:0;left:0;  }
.ddt_element.load { opacity:0.7; }

.ddt_tree .ddt_element > .move { opacity:0.3;position:absolute;left:0;top:0;width:30px;border:0px solid red;height:50%;border-top-left-radius:5px;cursor:pointer;background:url(../images/moveable.svg) center center no-repeat transparent;background-size:50% auto; }
.ddt_tree .ddt_element > .sort { opacity:0.3;position:absolute;left:0;bottom:0;width:30px;border:0px solid red;height:50%;border-bottom-left-radius:5px;cursor:pointer;background:url(../images/draggable.svg) center center no-repeat transparent;background-size:50% auto; }
.ddt_tree .ddt_element > .move:hover { background-color:rgba(0,0,0,0.1); }
.ddt_tree .ddt_element > .sort:hover { background-color:rgba(0,0,0,0.1); }

.ddt_tree .mainpos { border:0px solid #ccc;border-radius:3px;box-sizing:border-box;display:flex;width:100%;justify-content:center;align-items:center;margin-top:5px; }
.ddt_tree .mainpos::after { content:"Reset-Area";display:block;color:#ccc;text-align:center;font-weight:bold; }
.ddt_tree .mainpos.ui-droppable-disabled {  }
.ddm_modules_wrapper .modul_settings form { margin:0;padding:0; }
.ddm_modules_wrapper .modul_settings { margin-top:0px;min-height:25px; }
.ddt_tree .child.ui-draggable-handle:not(.ui-draggable-disabled) .ddt_element { position:relative; }
.ddt_tree .child.ui-draggable-handle:not(.ui-draggable-disabled) .ddt_element:after { content:" ";display:block;top:0;left:0;right:0;bottom:0;position:absolute;z-index:1;background-color:rgba(255,255,255,0.6);cursor:move; }
.ddt_tree .child.ui-draggable-handle:not(.ui-draggable-disabled) .ddt_element::before { content:" ";z-index:2;position:absolute;top:50%;left:50%;transform:translateX(-50%) translateY(-50%);background:url(../images/moveable.svg);width:30px;height:30px;background-size:cover;opacity:0.5;cursor:move; }
.ddt_tree .ddtlist:not(.ui-sortable-disabled) .child.ui-sortable-handle .ddt_element { position:relative; }
.ddt_tree .ddtlist:not(.ui-sortable-disabled) .child.ui-sortable-handle .ddt_element:after { content:" ";display:block;top:0;left:0;right:0;bottom:0;position:absolute;z-index:1;background-color:rgba(255,255,255,0.6);cursor:move; }
.ddt_tree .ddtlist:not(.ui-sortable-disabled) .child.ui-sortable-handle .ddt_element::before { content:" ";z-index:2;position:absolute;top:50%;left:50%;transform:translateX(-50%) translateY(-50%);background:url(../images/draggable.svg);width:30px;height:30px;background-size:cover;opacity:0.5;cursor:move; }
.ddt_tree .placeholder { margin-bottom:3px; }
.ddt_tree .opt li {font-family: inherit;
cursor: pointer;
background-color: var(--inputButtonColor);
color: var(--inputFontColor);
border: 0px;border:2px solid var(--inputButtonColor);
margin-bottom: 5px;
font-weight: bold;
font-size: 16px;
padding: 5px 10px;
border-radius: 3px; }
.ddt_tree .opt li.aktive { color:var(--inputButtonColor);border:2px solid var(--inputButtonColor);background-color: var(--inputFontColor);}


/** statistik **/
#plugin_statistik_outputbox_inner, #plugin_statistik_outputbox { display:none;transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-webkit-transition:all 0.5s ease-in-out; }
#plugin_statistik_outputbox.show { display:block;left:0px;position:fixed;top:0;right:0;bottom:0;background-color:rgba(255,255,255,0.5);z-index:99998;height:20000px;}
#plugin_statistik_outputbox_inner.show {  display:block;z-index:99999;box-shadow:0px 0px 16px rgba(0,0,0,0.3);max-width:900px;background-color:rgba(255,255,255,1);width:100%;position:fixed;margin:0 auto;margin-left:-450px;left:50%;top:100px;}
.plugin_statistik_out { margin:20px;}
.analytics_container_options  { background-color:#f2f2f2;text-align:center;padding:10px;}
.statistikcontainer_output {text-align:center;color:#777777;margin-top:10px;}
.plugin_statistik_out select { padding:5px; }
.plugin_statistik_out input {cursor:pointer;display:inline;color:#fff;width:60px;background-color:#202C42;border:0px;padding:5px 10px;border-radius: 4px;
font-weight: bold;
font-family: inherit;}
#plugin_statistik_outputbox form { margin:0;padding:0; }
.openStatistik { width:20px;height:20px;background:url(../images/analytics.svg) center center no-repeat transparent;cursor:pointer;background-size:80% auto;margin-left: 5px; }
.openStatistik:hover { background-color:rgba(0,0,0,0.04); }