html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}@font-face{font-family:'FF Max Web';src:url("../webfonts/ff_max_web_bold.eot");src:url("../webfonts/ff_max_web_bold.woff") format("woff");font-weight:bold}@font-face{font-family:'FF Max Web';src:url("../webfonts/ff_max_web_regular.eot");src:url("../webfonts/ff_max_web_regular.woff") format("woff");font-weight:normal}body,html,button{font-family:"FF Max Web",Helvetica,Arial sans-serif}body{background:#eee}p::selection{color:black;background-color:#C1C101}header{padding:1em;margin-bottom:0.5em;background:white;top:0;z-index:1000;display:flex;justify-content:space-between;box-sizing:border-box}.bg-wrapper.white{background:white;border-color:#e1e1e1 #e1e1e1 #c0c0c0;border-width:1px;border-style:solid}.bg-wrapper.border-radius{border-radius:5px}.bg-wrapper.padding-bottom{padding-bottom:1em}.flex-wrapper{display:flex;position:relative}.flex-wrapper.justify{justify-content:space-between}.flex-wrapper.white{background:white}.flex-wrapper.border-radius{border-radius:5px}.flex-wrapper.seperator::after{content:"";position:absolute;bottom:0;left:0;right:0;margin:0 auto;width:calc(100% - 2em);height:1px;border-bottom:1px solid #ccc}.dist{flex:1}.padding-1em{padding:1em}.showInfo::after{content:"Inhalt kopiert";display:block;position:absolute;bottom:7px;right:37px;white-space:nowrap;font-size:1.1em;color:#C1C101}.slideIn{animation:slideInCont 0.5s forwards}@keyframes slideInCont{from{transform:translateX(-100%)}to{transform:translateX(0%)}}#content_container{width:980px;margin:0 auto}#displayRandGreeting{width:100%;height:auto;position:relative;margin-top:5em;margin-bottom:2em;text-align:center;background:white;border-radius:5px;color:black;padding:3em;box-sizing:border-box;border-color:#e1e1e1 #e1e1e1 #c0c0c0;border-width:1px;border-style:solid}#displayRandGreeting::after{content:"";position:absolute;bottom:1em;left:0;right:0;margin:0 auto;width:calc(100% - 2em);height:1px;border-bottom:1px solid #ccc}#displayRandGreeting p{vertical-align:middle;text-align:center;font-style:italic;font-size:110%;line-height:120%}#copy{position:absolute;bottom:20px;right:1.4em;outline:0;height:30px;width:30px;padding:0;background:transparent;border:0;cursor:pointer}#copy:hover{color:#22767e}#generate_button{display:inline-block;position:relative;min-height:3vh;border:none;cursor:pointer;font-size:16px;font-weight:normal;padding:0.5em;outline:none;background:transparent;border-right:1px solid #ccc}#generate_button:hover{color:#22767e}#generate_button::before{content:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36.1 29.27'%3e%3cdefs%3e%3cstyle%3e.cls-1%7bfill:%23808189;opacity:0.36;%7d%3c/style%3e%3c/defs%3e%3ctitle%3eicon-refresh%3c/title%3e%3cg id='Ebene_2' data-name='Ebene 2'%3e%3cg id='Ebene_1-2' data-name='Ebene 1'%3e%3cpath class='cls-1' d='M9.91,14.65h-2a10,10,0,0,1,17-7.2L28.22,4.3A14.46,14.46,0,0,0,17.93,0,14.63,14.63,0,0,0,3.37,14.65h-2c-1.23,0-1.73.82-1.12,1.82L4.53,20.7c.84.85,1.35.87,2.22,0L11,16.47c.61-1,.11-1.82-1.11-1.82Zm25.93-1.76L31.58,8.67c-.87-.87-1.41-.82-2.23,0l-4.27,4.22c-.61,1-.11,1.82,1.12,1.82h2a10,10,0,0,1-17,7.12L7.89,25a14.42,14.42,0,0,0,10.29,4.3A14.62,14.62,0,0,0,32.73,14.71h2c1.22,0,1.72-.82,1.11-1.82Z'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e");display:inline-block;height:24px;width:30px;margin-right:0.5em;transition:1s;vertical-align:middle}#generate_button:hover::before{content:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36.1 29.27'%3e%3cdefs%3e%3cstyle%3e.cls-1%7bfill:#C1C101;opacity:1;%7d%3c/style%3e%3c/defs%3e%3ctitle%3eicon-refresh%3c/title%3e%3cg id='Ebene_2' data-name='Ebene 2'%3e%3cg id='Ebene_1-2' data-name='Ebene 1'%3e%3cpath class='cls-1' d='M9.91,14.65h-2a10,10,0,0,1,17-7.2L28.22,4.3A14.46,14.46,0,0,0,17.93,0,14.63,14.63,0,0,0,3.37,14.65h-2c-1.23,0-1.73.82-1.12,1.82L4.53,20.7c.84.85,1.35.87,2.22,0L11,16.47c.61-1,.11-1.82-1.11-1.82Zm25.93-1.76L31.58,8.67c-.87-.87-1.41-.82-2.23,0l-4.27,4.22c-.61,1-.11,1.82,1.12,1.82h2a10,10,0,0,1-17,7.12L7.89,25a14.42,14.42,0,0,0,10.29,4.3A14.62,14.62,0,0,0,32.73,14.71h2c1.22,0,1.72-.82,1.11-1.82Z'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e");transform-origin:center;transform:rotate(-360deg);transition:1s}#input_new_messages{position:relative;width:calc(100% - 2em);min-height:3vh;margin-top:1em;padding:0 1em 0 1em}#input_new_messages input{width:60%;padding:0.5em;box-sizing:border-box;font-size:85%;color:#908F8F;background:#eee;border:none;transition:0.5s;position:relative}#input_new_messages input:focus{outline:none}#input_new_messages input:focus button{transform:translateX(-50%)}#input_new_messages button{width:40%;min-height:100%;background:#C1C101;border:none;font-size:80%;color:#191918}#input_new_messages button:hover{color:white}#input_new_messages button:hover span{display:inline-block;transition:transform 0.4s;transform:translateX(-20%)}#input_new_messages button:hover span::after{content:'\e5cc';font-family:"Material Icons";position:absolute;top:0;animation:scaleArrow 0.5s forwards;backface-visibility:hidden;-webkit-backface-visibility:hidden}@keyframes scaleArrow{from{transform:scale(0)}to{transform:scale(1.5)}}#input_new_messages button:active{outline:none}#filterList{height:366px;box-sizing:border-box;margin:0 auto;margin-top:1em;font-size:90%;line-height:1.3em;transition:ease-in-out 0.4s;overflow-y:scroll}#filterList div:first-of-type{margin-top:0}#filterList div:last-of-type{margin-bottom:0}#filterList .listItems{color:#191918;margin:0.5em 0;padding:0.5em 1em;background:white;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#filterlist label{margin-left:18px}.listItems:hover label{color:#22767e}.listItems::after{content:"";height:1px;width:100%;display:inline-block;border-bottom:solid 1px #e1e1e1}.checkbox::before{content:"";display:inline-block;position:absolute;height:13px;width:13px;left:13px;top:18px;background:#C1C101;border-radius:3px;margin-right:10px}.checkbox:not(:checked)::before{background:#ccc}button#filterGreetings{font-size:16px;font-weight:normal;box-sizing:border-box;background:transparent;text-align:center;color:#1A171B;line-height:120%;outline:none;border:none}.switch{width:30px;display:inline-block;background:#eee;border-radius:6px;cursor:pointer;height:12px;margin:0 auto;margin-top:10px;position:relative;-webkit-transition:all 0.2s linear;transition:all 0.2s linear}.switch::before{position:absolute;background:#aaa;border-radius:50%;-webkit-box-shadow:0 0 2px #ccc;box-shadow:0 0 2px #ccc;content:'';width:16px;height:16px;bottom:-2px;left:0;position:absolute;-webkit-transition:all 0.2s linear;transition:all 0.2s linear}.switch.active_btn{background:#DFDE92;-webkit-transition:all 0.2s linear;transition:all 0.2s linear}.switch.active_btn::before{left:17px;background:#BEBE00;-webkit-transition:all 0.2s linear;transition:all 0.2s linear}.switch:hover#filterGreetings{color:#22767e;outline:5px solid red;outline-offset:-5px}.checkbox{margin:1em;margin-left:0}.checkbox:not(:checked)+label{color:#eee;transition:0s}.checkbox:not(:checked)+label:hover{color:#22767e;transition:0.2s}@media (max-width: 1024px){#content_container{width:100%}}@media (max-width: 768px){.flex-wrapper{flex-direction:column}#input_new_messages button,#input_new_messages input{width:100%}#input_new_messages button{height:2em;margin-top:1em}#generate_button{position:relative;padding:16px;border-right:0}#generate_button::after{content:"";height:1px;width:calc(100% - 2em);position:absolute;border-bottom:1px solid #ccc;bottom:0;left:0;right:0;margin:0 auto}}