.workbench{display:flex;padding:20px;justify-content:flex-start;align-content:center;flex-grow:1;margin:0;border:1px solid #ababab;flex-direction:column}.workbench-below{margin-top:20px;display:flex;flex-direction:row;justify-content:center;align-items:center}.workbench-below button{width:auto}.workbench-below .message{margin-left:1em}#patterns{display:none}#gtx-trans{display:none}#canvas{width:auto}.draggable{cursor:move;position:absolute}.selectable{border:2px dotted transparent}.active{border-color:black}[contenteditable]{outline:none}#text::after{content:"";display:block;background-color:transparent;width:120%;height:130%;z-index:-1;position:absolute;top:-15%;left:-10%;cursor:move}.bug-detected{color:#f495f0;font-size:80%;max-width:350px;display:none}.browser-not-supported{color:#f495f0;font-size:80%;max-width:350px;display:none}#sharepic{background-size:cover;width:500px;height:400px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}#sharepic .selected{border:2px dotted black}#cockpit h2,#cockpit h3{margin:0}#cockpit .mainsection{border:0;display:none;padding:1.5em 20px 20px}#cockpit .mainsection.show{display:block}#cockpit .mainsection>section{padding:20px 0}#cockpit .mainsection>section:not(:first-of-type){border-top:1px solid #ababab}#cockpit .mainsection>section>*:not(:last-child){margin-bottom:2em}#cockpit .mainsection>section>h3{margin-bottom:1em !important}#cockpit .horizontal{display:flex;align-items:center;margin-bottom:0;flex-wrap:wrap}#cockpit .horizontal button{width:auto;margin-right:1em}#cockpit .horizontal input{margin-right:1em}#cockpit .dimensions{display:flex;align-items:center;margin-top:10px}#cockpit .dimensions button{background-color:unset;margin-right:10px;width:20px;height:20px;border-radius:3px;padding:0}#cockpit .dimensions button:hover{background-color:#2D6BE1}#cockpit .dimensions button img{width:20px;height:20px}#cockpit .dimensions-column{flex-direction:column;align-items:flex-start}#cockpit .dimensions-column button{width:auto}#welcome{max-width:200px;margin-right:-340px;border-right:1px solid #ababab;padding:20px;flex-grow:1}button{padding:10px 15px;background-color:#2D6BE1;color:#fff;cursor:pointer;border:0;transition-duration:0.2s;border-radius:10px;display:flex;align-items:center;width:100%;height:3em}button:hover{background-color:#043143}button.no-button{background:none;border:none;padding:0;cursor:pointer;outline:none;font-size:unset;width:auto}button.outline{border:1px solid #ababab;background-color:unset}button.outline:hover{color:#333;background-color:#ababab}button :disabled{cursor:not-allowed;opacity:0.5}button.waiting{cursor:wait !important}select.button-dropdown{background-color:#2D6BE1;color:white;height:40px;border-top-right-radius:10px;border-bottom-right-radius:10px}#cockpit label,.imagedb_page label{color:white}#cockpit input,#cockpit textarea,.imagedb_page input,.imagedb_page textarea{background-color:#221f1f;color:white;border-radius:5px}#cockpit input::placeholder,#cockpit textarea::placeholder,.imagedb_page input::placeholder,.imagedb_page textarea::placeholder{color:#ababab;font-style:italic}#cockpit input,.imagedb_page input{border:0;padding:10px}#cockpit input[type="color"],.imagedb_page input[type="color"]{width:30px;height:30px;border-radius:10px;padding:0;-webkit-appearance:none;appearance:none}#cockpit input[type="color"]::-webkit-color-swatch-wrapper,.imagedb_page input[type="color"]::-webkit-color-swatch-wrapper{padding:0}#cockpit input[type="color"]::-webkit-color-swatch,.imagedb_page input[type="color"]::-webkit-color-swatch{border:none;border-radius:10px}#cockpit input[type="color"]::-moz-color-swatch,.imagedb_page input[type="color"]::-moz-color-swatch{background-color:red}#cockpit input[type="range"],.imagedb_page input[type="range"]{width:92%;appearance:none;-webkit-appearance:none;position:relative;background-color:#333}#cockpit input[type="range"]::before,#cockpit input[type="range"]::after,.imagedb_page input[type="range"]::before,.imagedb_page input[type="range"]::after{color:white;position:absolute;line-height:20px;top:20px;font-size:20px}#cockpit input[type="range"]::before,.imagedb_page input[type="range"]::before{content:'-';left:13px}#cockpit input[type="range"]::after,.imagedb_page input[type="range"]::after{content:'+';right:12px}#cockpit input[type="range"]::-webkit-slider-thumb,.imagedb_page input[type="range"]::-webkit-slider-thumb{-webkit-appearance:none;border:none;height:16px;width:16px;border-radius:50%;background:white;margin-top:-4px}#cockpit input[type="range"]::-webkit-slider-runnable-track,.imagedb_page input[type="range"]::-webkit-slider-runnable-track{background:#221f1f;width:300px;height:5px;border:none;border-radius:3px}#cockpit input[type="range"]::-moz-range-track,.imagedb_page input[type="range"]::-moz-range-track{background:#221f1f}#cockpit .button-group,.imagedb_page .button-group{display:flex}#cockpit .button-group input,.imagedb_page .button-group input{border-top-right-radius:0;border-bottom-right-radius:0}#cockpit .button-group button,.imagedb_page .button-group button{border-top-left-radius:0;border-bottom-left-radius:0;width:5em}#cockpit textarea,.imagedb_page textarea{width:100%;box-sizing:border-box;padding:10px;border:1px solid #ababab;border-radius:0;font-family:inherit}#cockpit select,.imagedb_page select{display:block;width:100%;height:35px;padding:6px 12px;font-size:14px;line-height:1.42857143;color:#555;background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);-webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s}#tabs{flex-grow:1;width:400px}#tabsbuttons{border-left:1px solid #ababab;width:80px;display:flex;flex-direction:column;padding:0 20px}#tabsbuttons button{background-color:unset;align-items:center;justify-content:center;cursor:pointer;padding:0;border-bottom:1px solid #ababab;width:100%;height:60px;position:relative;border-radius:0}#tabsbuttons button:last-child{border-top:1px solid #ababab;border-bottom:0;margin-top:auto}#tabsbuttons button .description{color:white;position:absolute;top:6px;left:0;height:47px;margin-left:-135px;display:none;width:139px;align-content:center;align-items:center;padding-left:10px;border-top-left-radius:5px;border-bottom-left-radius:5px}#tabsbuttons button>div{margin:0;padding:10px;border-radius:10px}#tabsbuttons button:hover div{background-color:rgba(34,31,31,0.8)}#tabsbuttons button:hover .description{display:flex}#tabsbuttons button.active{background-color:#333;margin-left:-1px}#tabsbuttons button#tab_btn_europe{background-color:#003399}#tabsbuttons button#tab_btn_europe:hover{background-color:#009933}#cockpit .color{display:flex;justify-content:space-between;align-items:center}#cockpit .color .palette{display:flex}#cockpit .color .palette button{width:15px;height:15px;margin:2px;border:none;border-radius:2px;cursor:pointer}#cockpit{width:400px;padding:0;margin:0;border:1px solid #ababab;display:flex}header{padding:10px 15px}nav{color:#fff;display:flex}nav a,nav a:visited{color:#fff;text-decoration:none}nav a:hover,nav a:visited:hover{color:#2D6BE1}nav *{margin-right:2em}nav .info-in-menu{margin-left:auto;font-size:85%}nav #time-to-logout{margin-right:0.2em}.dropdown-item-double{margin:0;display:flex}.dropdown-item-double *{margin-right:0}.dropdown-item-double button{width:auto;border-radius:0}.dropdown-item-double .did-1{flex-grow:1}.dropdown-item-double .did-2{background-color:#ad3636;width:75px;display:flex;justify-content:center}.dropdown{position:relative;display:inline-block;cursor:pointer}.dropdown span{margin-right:10px}.dropdown::after{content:url("icons/arrow_drop_down.svg");width:10px;position:absolute;margin-left:-2em;top:-0.2em;right:0}.dropdown:hover{color:#2D6BE1}.dropdown-content{display:none;position:absolute;background-color:#f9f9f9;min-width:160px;box-shadow:0px 8px 16px 0px rgba(0,0,0,0.2);padding:0;z-index:1000}.dropdown-content .divider{border-top:1px solid #ccc;margin:0}.dropdown-content button,.dropdown-content a.menu-link{background-color:unset;color:#000;text-align:left;border:0;width:100%;padding:10px 15px;font-size:13px;display:block;font-weight:400;font-family:Arial, Helvetica, sans-serif;box-sizing:border-box;border-radius:0;height:50px}.dropdown-content button:hover,.dropdown-content a.menu-link:hover{background-color:#2D6BE1;color:#ffffff}.dropdown:hover .dropdown-content{display:block}.submenu{color:blue;display:flex;width:100%}.submenu>button::after{content:'>';position:absolute;color:black;right:1em;transition:all 0.2s}.submenu:hover{color:#2D6BE1}.submenu:hover button::after{transform:rotate(45deg);color:#2D6BE1}.submenu:hover .submenu-content{display:block;left:100%;background-color:white}.submenu-content{display:none;position:absolute}#imagedb_page{width:0;overflow:hidden;transition:width ease-out 0.5s}#imagedb_page.show{width:90%;padding:0 0 0 20px;margin-right:20px}#imagedb_results{display:flex;flex-wrap:wrap;flex-direction:row;justify-content:flex-start;align-content:flex-start;gap:10px;max-height:700px;height:100%;overflow-y:scroll}#imagedb_results .image{width:200px;height:130px;background-size:contain;background-repeat:no-repeat;background-position:center center;border:1px solid black;background-color:beige;cursor:pointer}body.home .main{background-image:url("images/startimage.jpg");background-size:cover;height:400px;position:relative;font-size:1.3em}body.home .main #title{position:absolute;left:20px;top:20%;width:400px}body.home .main #loginboxes{position:absolute;right:20px;top:20%;border:1px solid #ccc;padding:1em;width:300px;background-color:rgba(0,0,0,0.7)}body.home .main #loginboxes form input{margin-bottom:1em;padding:10px}body.home .main #loginboxes form button{width:auto}body.home .main #loginbox{display:flex;flex-direction:column}body.greens #toolbar,body.greens #eyecatcher_colors,body.greens .no-greens{display:none !important}body.greens #sharepic{font-family:"GrueneType", sans-serif}body.greens #sharepic .longtext{left:200px}body.greens #sharepic.small #greentext,body.greens #sharepic.small #dafuer{transform:scale(0.6);margin-bottom:-8%}body.greens #sharepic.small .longtext{left:70px}body.greens #dafuer{transform-origin:top left}body.greens #greentext,body.greens .greentext{top:130px;left:72px;display:flex;position:absolute;flex-direction:column;transform-origin:bottom right}body.greens #greentext.longtext div,body.greens .greentext.longtext div{font-family:'PT Sans', sans-serif !important;font-weight:normal !important;align-self:flex-start}body.greens #greentext div,body.greens .greentext div{position:relative;font-weight:normal;font-family:"GrueneType", sans-serif;z-index:3;padding:0;align-self:flex-end;white-space:nowrap}body.greens .s,body.greens .m,body.greens .l{display:flex;flex-direction:column}body.greens .bw-right div:nth-of-type(1){margin-right:0}body.greens .bw-right div:nth-of-type(2){margin-right:40px}body.greens .s>div::before,body.greens .m>div::before,body.greens .l>div::before{content:"";position:absolute;transform:skew(-12deg, 0);z-index:-1}body.greens #greentextContextMenu{position:fixed;border:0;color:black;display:none;z-index:1000;margin-top:10px;flex-direction:row;background-color:rgba(0,0,0,0.8);padding:4px 8px;border-radius:4px}body.greens #greentextContextMenu .colors,body.greens #greentextContextMenu .sizes{display:flex;flex-direction:column;flex-wrap:wrap;justify-content:space-around;align-items:center;width:100%;margin:0.5em 0;justify-content:flex-start;align-items:flex-start}body.greens #greentextContextMenu button{font-weight:bold;position:relative;font-size:20px;line-height:20px;border:1px solid transparent;width:60px;height:25px;overflow:hidden;margin-bottom:2px}body.greens #greentextContextMenu button::before{content:unset;position:unset;width:unset;height:unset}body.greens #greentextContextMenu button:hover{cursor:pointer;border-color:black}body.greens #greentextContextMenu .colors{margin-right:10px}body.greens #greentextContextMenu .colors button div{width:50%;height:100%;position:absolute;top:0;left:0}body.greens #greentextContextMenu .sizes button{background-color:gray;margin:0 0 2px 0;display:flex;justify-content:center}body.greens #greentextContextMenu .sizes button.s{width:40px;height:1em}body.greens #greentextContextMenu .sizes button.m{width:60px;height:2em}body.greens #greentextContextMenu .sizes button.l{width:80px;height:3em}body.greens .button{background-color:#005437;color:#f5f1e9;padding:10px;text-decoration:none;display:flex}body.greens .button:hover{background-color:#008939}body.greens .bg-tanne{background-color:#005437}body.greens .bg-klee{background-color:#008939}body.greens .bg-gras{background-color:#8abd24}body.greens .bg-sand{background-color:#f5f1e9}body.greens .sandtanne>div{color:#f5f1e9 !important}body.greens .sandtanne>div::before{background-color:#005437 !important}body.greens .tannesand>div{color:#005437}body.greens .tannesand>div::before{background-color:#f5f1e9}body.greens .kleesand>div{color:#008939}body.greens .kleesand>div::before{background-color:#f5f1e9}body.greens .sandklee>div{color:#f5f1e9}body.greens .sandklee>div::before{background-color:#008939}body.greens .grastanne>div{color:#8abd24}body.greens .grastanne>div::before{background-color:#005437}body.greens .tannegras>div{color:#005437}body.greens .tannegras>div::before{background-color:#8abd24}body.greens .withbar div{position:relative;font-weight:normal;font-family:"GrueneType", sans-serif;z-index:3;padding:0;align-self:flex-start;white-space:nowrap}body.greens .copyright{position:absolute;bottom:0;left:10px;font-family:sans-serif;transform:rotate(-90deg);transform-origin:left top;padding:0;margin:0}body.greens .dropdown-content button,body.greens .dropdown-content a.menu-link{height:40px}body.greens .dropdown-content button.story,body.greens .dropdown-content a.menu-link.story{padding-left:40px;font-style:italic}body.greens #cockpit .cockpit_greentext{margin:0;display:flex;align-items:center}body.greens #cockpit .cockpit_greentext select{width:40%;padding:0;background-color:#333;color:white}body.greens #cockpit .cockpit_greentext select:nth-of-type(1){width:6em}body.greens #cockpit .cockpit_greentext select:nth-of-type(2){width:3em}body.greens #cockpit .cockpit_greentext select option{padding:0}body.greens #cockpit .cockpit_greentext input[type="range"]{padding:0}body.greens #cockpit .cockpit_greentext input[type="range"]::before,body.greens #cockpit .cockpit_greentext input[type="range"]::after{content:''}#rte-container{position:relative;margin-left:0px;transition:all 0.1s ease-in-out}#rte-container .tox-promotion{display:none !important}#rte-container.rte-focus{margin-left:-600px}@font-face{font-family:'Roboto';src:url("fonts/Roboto-Light.woff2") format("woff2");font-weight:300}html{margin:0;padding:0;font-family:"Roboto", sans-serif;font-weight:300;color:#FFFFFF;height:100%}body{background-color:#333;min-height:100%;margin:0;display:flex;flex-direction:column}a,a:visited{color:#FFFFFF}.row{display:flex;flex-direction:row;justify-content:space-between}.closer{color:#ad3636;cursor:pointer}.main{flex-grow:1}.full-modal{width:95%;height:95%;border:0;background:rgba(250,250,250,0.95)}.full-modal>div{display:flex;flex-direction:column;align-content:center;align-items:center;justify-content:center;height:100%}