*{border:0px; margin:0px; padding:0px; font-family: 'Open Sans', sans-serif; font-size:14px;}

.videowrapper{display:inline-block; width:40%; position: absolute; top: 135px; left: 50%;}
.content.videocontent{display:inline-block; width:40%; padding-right:59%; position: relative;}
.content.videocontent iframe{width:100%; height:auto; min-height:300px;}

.registernow{display: block;
    padding: 10px 0px;
    margin: 2% auto;
    width: 50%;
    background-color: #8296a9;
    color: white;
		text-decoration: none;
		}
body{}
#wp-submit{cursor: pointer}
h1{font-size:36px; color:white; background-color:#2f4050; font-weight:300; padding:10px 20px; width:93%;}
.vorlagenicon, button{cursor: pointer;}
.clear{clear:both;}
.maincontent{margin-left:230px; padding:100px 20px 20px 12px;  min-height:calc(100vh - 120px); background-color:#f3f3f4;}
.content{padding:30px; background-color:white;}


/* NAVIGATION */
aside{background-color:#2f4050; width:220px; height:100vh; position: fixed; }
aside ul li {list-style-type: none;}
aside ul li a{padding: 14px 20px 14px 25px; display:block; color:#a7b1c2; text-decoration: none;}
aside ul li a i{width: 30px; display: inline-block !important;}
aside ul li ul{margin-left:20px;}
aside ul li a.nav-active, aside ul li a:hover{color:white;}
aside ul li ul li:hover{background-color:#2f4050}
.current-menu-item, .current-menu-parent{border-left: 4px solid #19aa8d; background: #293846;}
.current-menu-parent .current-menu-item{border-left:0; }
.current-menu-item{background-color:#2f4050}

/* SUCHFUNKTION  */
.header{width:calc(100% - 60px); height:90px; background-image: url(../images/header.png); background-size: cover; color:white; padding:30px;}
.searchme{position:fixed; left: 230px; width:calc(100% - 250px); position: relative;  border-bottom: 1px solid #e7eaec !important; background-color:white; padding:5px 10px; outline: 0px; }
.searchme input:focus, .searchme input:active{border:0;}
.searchme input{width:calc(100% - 40px); padding:10px 20px; font-size:24px; height:40px; background-color: transparent;}
.searchme button{float:left; width:60px; height:60px; background-color:#18a689; color:white; }
.livesearch{position: relative; margin:0px 0; padding:2% 5% 3% 5%; border-radius:3px;}
.livesearch strong{color:white; display:block; margin-bottom:5px;}
.livesearch input{display:block;border:1px solid #cdcdcd;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAATCAYAAACdkl3yAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAF2SURBVHjarJQ7SwNBFIWzaqOSQlKIoEEwjYhNSh9YWCixUITgY0HQFIJBf4CtlZWNpSgoaxSLVD4qRRtNJ1aiprexECEWRtfvwkXCZjaJSy58nOzunZPZMzNrua4bqkc1hOpUTd4btm1HkDWYhB6QKT9BFrYdx3k3GVmlr4ZJAnHgC47hQXogDjN6P4nZta8RJqPIBWQgTfOHZ6ZtyA5MwAjPc2VGNDXz+xluaUj65UBfI3IG3dBHb9Eb9jxINquVAmXgN7ICMc2wbNXG4IrG12qrQ08euYNxk1FUV6bWkhi6TEYFaP2HUQt8moxkmQdrcSBw2Q4DcG8yOoJe3UfVag46dIxxH50gwzBEoC8+s+lHbuCQnrTfEUnBJeQYsI4e0FxQgzCyBBsQ1r6KR0RC3IRlkD2T1yMS0+st6IRZmOaPTo1GJYbtSEINpB5lRzPwjWeS665m9WdmBfkeqdmezmwKs/NA3yMG/iCLsA8LgWdkql8BBgB9mojdGa8USQAAAABJRU5ErkJggg==);background-position:99% center;background-repeat:no-repeat}
#datafetch{display:none;}
#datafetch{position: absolute; z-index:99999; width:calc(100% - 40px); top: 70px;}
#datafetch.filled{display:block; border:1px solid white; border-radius:3px;}
#datafetch img{width:60px; height:auto; display:inline-block; }
#datafetch .result{border-bottom:1px solid white; padding:5px; background-color:#1c84c6;}
#datafetch .result a.result_content_link{vertical-align: top; font-size:14px; padding:5px 5px 5px 30px; display:inline-block; width:calc(100% - 80px); color: white; text-decoration:none;}
#datafetch .result:hover{background-color:#1F93DD;}
button i{font-size:24px;}

.content.steps .text_mit_bild{display:block !important; max-width:80%;}
.codesegment {position: relative; width:100%;}
.codesegment pre{display:block; width:100%;}
.codesegment .btn{display:block; right:10px; top:10px; left:auto;}
.codesegment .btn:active{background-color:white; color:black;}

/* WIKI CONTENT */
.entity{margin-bottom:10px;}
.step{background-color:#1c84c6; display:inline-block; width:10px; border-radius:3px; color:white; padding:10px 20px; text-align: center}
div:nth-of-type(2n) > div.step{background-color:#1ab394;} 
.step-phase {display:inline-block; margin-left:10px; width:200px;}
.departement{padding:10px 20px; width:60px; text-align: center; background-color:#1ab394; display:inline-block; color:white; border-radius:5px;}
.departement.qm{background-color:#1c84c6;}
.departement.redaktion{background-color:#23c6c8;}
.departement.technik{background-color:#1ab394;}
.departement.design{background-color:#f8ac59;}
.departement.other{background-color:#1ab394;}

.document{display:inline-block; background-color:#17679a; color:white; border-radius:5px; color:white; padding:10px 20px;}
.document-list{display:none;}
.document-list{padding:20px 10px; background-color:#2f4050; max-width:575px; width:calc(100%  - 20px);  border-radius:5px; margin-top:15px; }
.document-list ul li {display:inline-block; margin-right:10px; padding:10px 10px; width:100px; text-align: center; vertical-align:top;}
.document-list ul li i{font-size:30px; display:block; text-align: center; padding-bottom:15px; }
.document-list a{text-decoration: none; color:white;}

button.details i, .document i{margin-right:5px; font-size:12px;}
button.details{background-color: transparent; font-size:12px; height: auto; padding:10px 20px; display:inline-block; background-color:#2f4050; color:white; border-radius:5px; }

.entity-content{max-width:600px; display:none;padding:20px 0px; }
.entity-content p{margin-bottom:10px; }

.vorlagentext.open{display:block;}
.vorlagentext{display:none;position:absolute;left:900px;top:180px;width:500px;height:500px;border:1px solid #2f4050;padding:10px;border-radius:5px}
.btn{display:none;position:absolute;left:900px;top:130px;width:200px;padding:10px 20px;border-radius:5px;background-color:#23c6c8;color:#fff}
.btn.open{display:block;}

.home .content{background-color: transparent}
.produkt, .quicklinks-dashboard{width:30%; float:left; margin:1%;}
.produkt-content{background-color:#fff;color:inherit;padding:15px 20px 20px;border-color:#e7eaec;border-image:none;border-style:solid solid none;border-width:1px 0}
.produkt-content a{border-radius:5px; display:block; width:100px; text-align: center; font-size:12px; background-color:#19aa8d; padding:10px 20px; color:white; text-decoration:none; margin-top:15px; }

/* FAVORITENFUNKTION */
.starbox{display:inline-block;position:relative;vertical-align:top}
.favstar{visibility:hidden;font-size:30px;cursor:pointer}
.favstar:before{font:300 18px "Font Awesome 5 Pro",regular;font-weight:300;content:"\f005";position:absolute;visibility:visible;top:10px;font-size:18px;line-height:14px;color:grey}
.favstar:checked:before{font-family:"Font Awesome 5 Pro";font-weight:900;content:"\f005 ";position:absolute;top:10px;font-size:18px;line-height:14px;color:#18a689}

.category .favstar:before{top:0;}
.category .favstar:checked{top:0;}

/* DASHBOARD CONTENT */
.quicklink-border{border-bottom:1px solid #e7eaec;}
.quicklinks-dashboard .quicklink-border h2{min-height:24px; font-size:14px;}
.quicklinks-dashboard h2,.produkt h2{display:block; border-bottom:1px solid grey; background-color:#fff;border-color:#e7eaec;border-image:none;border-style:solid solid none;border-width:2px 0 0;color:inherit;margin-bottom:0;padding:15px 90px 8px 15px;min-height:48px;position:relative;clear:both} 
.quicklinks-dashboard h2{font-size:18px;}
.quicklinks-dashboard{background-color:white;}
.quicklinks-dashboard ul{margin-left:0px;}
.quicklinks-dashboard ul li{margin-bottom:15px;  list-style-type:none; }
.quicklinks-dashboard ul li:hover{background-color:#293846; }
.quicklinks-dashboard ul li a{text-decoration: none; padding:10px 20px; color:#2f4050; display:inline-block; width:80%; text-decoration: none;}
.quicklinks-dashboard ul li a:hover, .quicklinks-dashboard ul li:hover a{text-decoration: underline; color:white; text-decoration: none;}
.date{display:inline-block; padding-right:20px; font-size:11px; font-style: italic;}
.produktname{display:inline-block;}
.quicklinks-dashboard h2 i{color:#e7eaec;}


.quicklinks-dashboard .fa.fa-clock-o{font-size:10px;}

h1 i{font-size:30px;}

/* TUTORIAL CONTENT*/
.content.steps{margin-bottom:20px; min-height:150px; width:calc(100% - 60px); display:table; }
.content.steps .text_mit_bild{margin-bottom:10px; display:table-cell;}
.content .step-number{margin-bottom:10px; display:table-cell; padding:0 10px; width:20px; text-align: center; font-size:24px; color:white;}
.content .step-number{background-color:#1c84c6; vertical-align: middle; min-height:200px;}
.content.steps:nth-of-type(2n) .step-number{background-color:#1ab394;}
.content .step-content{display:table-cell; padding:10px 20px; vertical-align: middle; }
.text_mit_bild_text{margin-bottom:20px;  max-width:600px;}
.tut-acc-content{display:none; padding:20px 10px;}
.tut-acc{background-color:#e7eaec !important; border-top:1px solid #e7eaec !important;  padding:10px; max-width:80%; border-bottom:1px solid white;}
pre{width:100% !important;}

.accordion-tutorial-content{margin-bottom:30px;}

.login-screen h2{font-size:24px;}
.login-screen h2 i{font-size:60px; display:block; text-align: center;}
.login-screen{width:30%; padding:2% 4%; min-height:300px; position: absolute; left:31%; top:calc(40% - 150px); background-color:white; text-align: center; color:#2f4050;}
.login-screen input{display:block; padding:10px 20px; margin:2% auto; width:50%; background-color:#2f4050; color:white;}
.login-screen #wp-submit{color:white;}
.page-template-page-redirect,.page-template-page-login-php{background-image: url(../images/bglogin.jpg); }

/* MAGNIFICENT POPUP */
.mfp-bg{top:0;left:0;width:100%;height:100%;z-index:1042;overflow:hidden;position:fixed;background:#0b0b0b;opacity:.8}.mfp-wrap{top:0;left:0;width:100%;height:100%;z-index:1043;position:fixed;outline:none!important;-webkit-backface-visibility:hidden}.mfp-container{text-align:center;position:absolute;width:100%;height:100%;left:0;top:0;padding:0 8px;box-sizing:border-box}.mfp-container:before{content:'';display:inline-block;height:100%;vertical-align:middle}.mfp-align-top .mfp-container:before{display:none}.mfp-content{position:relative;display:inline-block;vertical-align:middle;margin:0 auto;text-align:left;z-index:1045}.mfp-inline-holder .mfp-content,.mfp-ajax-holder .mfp-content{width:100%;cursor:auto}.mfp-ajax-cur{cursor:progress}.mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close{cursor:-moz-zoom-out;cursor:-webkit-zoom-out;cursor:zoom-out}.mfp-zoom{cursor:pointer;cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in}.mfp-close,.mfp-arrow,.mfp-preloader,.mfp-counter{-webkit-user-select:none;-moz-user-select:none;user-select:none}.mfp-auto-cursor .mfp-content{cursor:auto}.mfp-loading.mfp-figure{display:none}.mfp-hide{display:none!important}.mfp-preloader{color:#CCC;position:absolute;top:50%;width:auto;text-align:center;margin-top:-.8em;left:8px;right:8px;z-index:1044}.mfp-preloader a{color:#CCC}.mfp-preloader a:hover{color:#FFF}.mfp-s-ready .mfp-preloader{display:none}.mfp-s-error .mfp-content{display:none}button.mfp-close,button.mfp-arrow{overflow:visible;cursor:pointer;background:transparent;border:0;-webkit-appearance:none;display:block;outline:none;padding:0;z-index:1046;box-shadow:none;touch-action:manipulation}button::-moz-focus-inner{padding:0;border:0}.mfp-close{width:44px;height:44px;line-height:44px;position:absolute;right:0;top:0;text-decoration:none;text-align:center;opacity:.65;padding:0 0 18px 10px;color:#FFF;font-style:normal;font-size:28px;font-family:Arial,Baskerville,monospace}.mfp-close:hover,.mfp-close:focus{opacity:1}.mfp-close:active{top:1px}.mfp-close-btn-in .mfp-close{color:#333}.mfp-image-holder .mfp-close,.mfp-iframe-holder .mfp-close{color:#FFF;right:-6px;text-align:right;padding-right:6px;width:100%}.mfp-counter{position:absolute;top:0;right:0;color:#CCC;font-size:12px;line-height:18px;white-space:nowrap}.mfp-arrow{position:absolute;opacity:.65;margin:0;top:50%;margin-top:-55px;padding:0;width:90px;height:110px;-webkit-tap-highlight-color:transparent}.mfp-arrow:active{margin-top:-54px}.mfp-arrow:hover,.mfp-arrow:focus{opacity:1}.mfp-arrow:before,.mfp-arrow:after{content:'';display:block;width:0;height:0;position:absolute;left:0;top:0;margin-top:35px;margin-left:35px;border:medium inset transparent}.mfp-arrow:after{border-top-width:13px;border-bottom-width:13px;top:8px}.mfp-arrow:before{border-top-width:21px;border-bottom-width:21px;opacity:.7}.mfp-arrow-left{left:0}.mfp-arrow-left:after{border-right:17px solid #FFF;margin-left:31px}.mfp-arrow-left:before{margin-left:25px;border-right:27px solid #3F3F3F}.mfp-arrow-right{right:0}.mfp-arrow-right:after{border-left:17px solid #FFF;margin-left:39px}.mfp-arrow-right:before{border-left:27px solid #3F3F3F}.mfp-iframe-holder{padding-top:40px;padding-bottom:40px}.mfp-iframe-holder .mfp-content{line-height:0;width:100%;max-width:900px}.mfp-iframe-holder .mfp-close{top:-40px}.mfp-iframe-scaler{width:100%;height:0;overflow:hidden;padding-top:56.25%}.mfp-iframe-scaler iframe{position:absolute;display:block;top:0;left:0;width:100%;height:100%;box-shadow:0 0 8px rgba(0,0,0,0.6);background:#000}img.mfp-img{width:auto;max-width:100%;height:auto;display:block;line-height:0;box-sizing:border-box;padding:40px 0;margin:0 auto;zoom:1.2}.mfp-figure{line-height:0}.mfp-figure:after{content:'';position:absolute;left:0;top:40px;bottom:40px;display:block;right:0;width:auto;height:auto;z-index:-1;box-shadow:0 0 8px rgba(0,0,0,0.6);background:#444}.mfp-figure small{color:#BDBDBD;display:block;font-size:12px;line-height:14px}.mfp-figure figure{margin:0}.mfp-bottom-bar{margin-top:-36px;position:absolute;top:100%;left:0;width:100%;cursor:auto}.mfp-title{text-align:left;line-height:18px;color:#F3F3F3;word-wrap:break-word;padding-right:36px}.mfp-image-holder .mfp-content{max-width:100%}.mfp-gallery .mfp-image-holder .mfp-figure{cursor:pointer}@media screen and (max-width: 800px) and (orientation: landscape),screen and (max-height: 300px){.mfp-img-mobile .mfp-image-holder{padding-left:0;padding-right:0}.mfp-img-mobile img.mfp-img{padding:0}.mfp-img-mobile .mfp-figure:after{top:0;bottom:0}.mfp-img-mobile .mfp-figure small{display:inline;margin-left:5px}.mfp-img-mobile .mfp-bottom-bar{background:rgba(0,0,0,0.6);bottom:0;margin:0;top:auto;padding:3px 5px;position:fixed;box-sizing:border-box}.mfp-img-mobile .mfp-bottom-bar:empty{padding:0}.mfp-img-mobile .mfp-counter{right:5px;top:3px}.mfp-img-mobile .mfp-close{top:0;right:0;width:35px;height:35px;line-height:35px;background:rgba(0,0,0,0.6);position:fixed;text-align:center;padding:0}}@media all and (max-width: 900px){.mfp-arrow{-webkit-transform:scale(0.75);transform:scale(0.75)}.mfp-arrow-left{-webkit-transform-origin:0;transform-origin:0}.mfp-arrow-right{-webkit-transform-origin:100%;transform-origin:100%}.mfp-container{padding-left:6px;padding-right:6px}}



.weiterleitung-msg{width:60%; position: absolute; left:20%; top:30%; color:white; text-align: center;
-webkit-animation: tracking-in-expand 1.7s cubic-bezier(0.215, 0.610, 0.355, 1.000) both;
	        animation: tracking-in-expand 1.7s cubic-bezier(0.215, 0.610, 0.355, 1.000) both;
}
.weiterleitung-msg strong{font-size:40px;
	
}
.weiterleitung-msg{font-size:30px;}

/* ----------------------------------------------
 * Generated by Animista on 2019-11-5 11:34:7
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation tracking-in-expand
 * ----------------------------------------
 */
@-webkit-keyframes tracking-in-expand {
  0% {
    letter-spacing: -0.5em;
    opacity: 0;
  }
  40% {
    opacity: 0.6;
  }
  100% {
    opacity: 1;
  }
}
@keyframes tracking-in-expand {
  0% {
    letter-spacing: -0.5em;
    opacity: 0;
  }
  40% {
    opacity: 0.6;
  }
  100% {
    opacity: 1;
  }
}