body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul,.content-gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li,.content-gallery>ul li{float:left}.ce_gallery>ul li.col_first,.content-gallery>ul li.col_first{clear:left}.float_left,.media--left>figure{float:left}.float_right,.media--right>figure{float:right}.block{overflow:hidden}.media{display:flow-root}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both} @media (max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.audio_container audio{max-width:100%}.video_container video{max-width:100%;height:auto}.aspect,.responsive{position:relative;height:0}.aspect iframe,.responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%}.aspect--16\:9,.responsive.ratio-169{padding-bottom:56.25%}.aspect--16\:10,.responsive.ratio-1610{padding-bottom:62.5%}.aspect--21\:9,.responsive.ratio-219{padding-bottom:42.8571%}.aspect--4\:3,.responsive.ratio-43{padding-bottom:75%}.aspect--3\:2,.responsive.ratio-32{padding-bottom:66.6666%}.aspect--9\:16,.responsive.ratio-916{padding-bottom:177.7777%}.aspect--1\:1,.responsive.ratio-11{padding-bottom:100%} .fehlerseite #header { display: none; } .fehlerseite #footer, .fehlerseite #hero { display: none; } .fehlerseite .block { overflow:visible; } .fehlerseite #main .mod_article { background-color:transparent; margin-bottom:0; } .fehlerseite #main { padding-top:0; } .fehlerseite #container { background-color:#171640; padding:0.15rem; margin:0; width: calc(100vw + 0.2rem); height: 180vh; } .fehlerseite a, .fehlerseite a:visited { color:#fced8e; background-image: none; } .fehlerseite a:hover { color:#bba200; } .fehlerseite p { color:white; text-align:center; } .fehlerseite h4 { color: yellow; text-align:center; } @media screen and (max-width:699px) { .fehlerseite p, .fehlerseite a { font-size:0.9rem; line-height: 1.3rem; } .fehlerseite p { margin-top:-0.45rem; } } .astronaut-container { position:absolute; height: 31.25rem; width: 31.25rem; background-color: rgba(255, 255, 255, 0.05); transform: translate(-50%, -50%); top:27.75rem; left:50%; border-radius: 50%; } @media screen and (max-width:699px) { .astronaut-container { top:24.5rem; } } .center { transform: translate(-50%, 0); left:50%; } .planet { height: 17.5rem; width: 17.5rem; background-color: #f5d201; border-radius:50%; position:absolute; top:2.81rem; left:13.75rem; } .planet::before { position: absolute; content: ""; background-color:#fcec8e; height: 1.25rem; width: 6.87rem; border-radius: 0.62rem; top:3rem; left:4.25rem; box-shadow: 1.42rem 3.65rem 0 -0.25rem #fced8e, -1.25rem 4.75rem 0 0.12rem #fcec8e; } .planet::after { position:absolute; content:""; background-color:#edb514; height: 0.75rem; width: 2.5rem; border-radius: 0.46rem; top:1.87rem; left:3rem; box-shadow: -1.25rem 3.75rem 0 0.37rem #edb514, 4.06rem 8.43rem 0 0.12rem #edb514; } .shadow { position: absolute; background-color:transparent; height: 12.5rem; width: 50%; bottom: 0.93rem; right:0.93rem; } .astronaut { position: absolute; height: 17.5rem; width: 15.62rem; top: 7.5rem; left: 6.25rem; transform: rotate(-30deg); animation: float 8s infinite; } @keyframes float { 50% {transform: rotate(-20deg) translate(0, 3.87rem) scale(1.2);} } .suit { position: absolute; background-color:#e2e9f4; height: 6.25rem; width: 6.25rem; border-radius:10%; top: 5.5rem; } .helmet { position: absolute; background-color:#e2e9f4; height: 6.25rem; width: 6.25rem; border-radius:45%; top: -5.43rem; } .helmet::before { position: absolute; content:""; background-color:#64c1f7; height: 3.75rem; width: 5rem; border-radius:60% 60% 40% 40%; left: 0.62rem; top:0.43rem; } .helmet::after { position: absolute; content:""; background-color:rgb(255, 255, 255, 0.3); height: 0.93rem; width: 0.93rem; border-radius:50%; left: 1.25rem; top:1.56rem; } .tank { position: absolute; background-color:#aec3d2; height:7.5rem; width: 7.5rem; top:5rem; border-radius: 0.62rem; } .buttons { position: absolute; background-color:#bdd3f3; height: 1.87rem; width: 3.43rem; border-radius:0.5rem; top:1.56rem; } .buttons::after { position: absolute; content:""; background-color:#1683ed; height: 0.75rem; width: 0.75rem; border-radius:50%; left: 0.25rem; top:0.62rem; box-shadow: 1.12rem 0 #fbd31f, 2.25rem 0 #e62c1b; } .buttons::before { position: absolute; content:""; background-color:#aec3d2; height: 1.25rem; width: 1.25rem; border-radius:50%; left: 1.12rem; top:2.5rem; } .hand-l, .hand-r { position: absolute; background-color:#e2e9f4; height: 1.62rem; width: 4.68rem; border-radius:2.5rem; top:-0.62rem; } .hand-l { transform: rotate(20deg); left: -3.12rem; } .hand-r { transform: rotate(-20deg); right: -3.12rem; } .hand-l::before, .hand-r::before { position: absolute; content:""; background-color:#e2e9f4; height: 1.62rem; width: 4.81rem; border-radius:1.62rem; bottom: 1.62rem; } .hand-l::before { right: 1.87rem; transform: rotate(-90deg); } .hand-r::before{ left: 1.87rem; transform: rotate(90deg); } .hand-l::after, .hand-r::after{ position: absolute; content:""; background-color:#e62c1b; height: 0.34rem; width: 1.75rem; border-radius:0.81rem; top: -1.56rem; } .hand-l::after { left: -0.43rem; } .hand-r::after{ right: -0.43rem; } .leg-l, .leg-r { position: absolute; background-color:#e2e9f4; height: 6.25rem; width: 2.5rem; top:5rem; } .leg-l { left: -0.75rem; transform: rotate(20deg); } .leg-r { right: -0.75rem; transform: rotate(-20deg); } .leg-l::before, .leg-r::before{ position: absolute; content:""; background-color:#ffffff; height: 2.18rem; width: 2.68rem; border-radius:50% 50% 0 0; top: 4.06rem; left: -0.09rem; } .leg-l::after, .leg-r::after{ position: absolute; content:""; background-color:#e62c1b; height: 0.31rem; width: 2.81rem; border-radius:1rem; bottom: -0.09rem; left: -0.15rem; } .pipe { position: absolute; background-color:transparent; height: 2.5rem; width: 6.25rem; border: 0.62rem solid #3cb9f0; border-top:none; border-radius: 0 0 3.75rem 1.87rem; top: 4.5rem; left: 2.81rem; } .pipe::before { position: absolute; content:""; background-color:transparent; height: 3.1rem; width: 2.3rem; border: 0.62rem solid #3cb9f0; border-left:none; border-bottom:none; border-radius: 0 2.5rem 0 0; top: -3.07rem; left: 3.375rem; } .stars { position: absolute; background-color:#ffffff; height: 0.2rem; width: 0.2rem; border-radius: 50%; top: 9.37rem; left: 3.75rem; box-shadow: 4.37rem 9.37rem #ffffff, 5.62rem -6.25rem #ffffff, 27.5rem 15.62rem #ffffff, 23.75rem 7.5rem #ffffff, 3.75rem 16.25rem #ffffff; animation: twinkle 3s infinite; } @keyframes twinkle { 50% {opacity: 0.2;} } #scroll { width:50px; height:50px; bottom:55px; position:fixed; background-color: #e30000; /*#cfcfcf; */ border-radius:60px; right:25px; cursor:pointer; z-index: 1400; } #scroll span { width:0; height:0; top:50%; position:absolute; margin-top:-12px; margin-left:-8px; left:50%; border:8px solid transparent; border-bottom-color:#ffffff; z-index:1000; } #scroll:hover { background-color: rgb(228,0,0,.6); /* rgba(102,102,102,.8); */ opacity:1; filter:"alpha(opacity=100)"; -ms-filter:"alpha(opacity=100)"; z-index:10000; } .base { content:""; width: 60px; height: 60px; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAYAAACOEfKtAAAACXBIWXMAAAsTAAALEwEAmpwYAAAPZElEQVR4nO1cCVRU5xV+TdM13femPe1p0qbpljZNz2lP23NsE+X9uC/RJO4mRrPWxLgkUQERRYgbcZ33z7ALEfcNeG+AARERhgHZFFEksgoCcRcRuD33f/M/ZmCGmUFcIHPPuecMb/7tfnP//97/3vsQBC95yUte8pKXvOQlL3lCin7oowolwxU9WaBIJEyRxL2yJJplSaxQJLFRoWKLLJFOhYod+FmhpAG/k6mYq1BxD+uDfdkYQx8VBjMBCF8w6snTsiQulCWSpAJEoF9ZEhtxbHWO4X/BOYWBTAkJE7+o6MlziiQaUHu6C2yKGgN5+2dCWfo7cD5nCTQUr4RLZzfAjeqtcKteD20XDAAt0YzxMz7D7y6dXc/aYh/sm7d/BpiiRjsCtUGhoj5Z7/Nff3//h4SBQqn64b9UKAmVJVJrK9CR7ROg1PgWXCgKgpu12wBaYvqVb9Zsg/qiICg1vsnmsp1bpmKNIpEQo27oL4QHlRS9798USfxEpuQ2X/jR+Ilw9uhCuHZ+U78D5oqvnd/M5sY1dAGJaxPjZerzjPCgkFHyfUKmZD9fpFE/HIrl19l2vNegOWPc9sXya2xtViA7ZT3Zp2wd+pv7Btw+/ehvoiWUKWnj4Jn3zYDWWsktoW43hENz2UdQZV7GzrKCQ69Azu6pkBk3gZ1paREjNc3Bz/gsM+551qbg8GzWB/viGDiWW9u8VgfmvTNsNbJNpmQDynJPwZMl32cVSirtjELkKLhetcXp4tEI1BeugBLjm9Zt5duPVtgXsuInQanyJjsH2+r1TteBhiiNGx29NkYlGpu7Dlye7pkv4S+m+md4xk1iizfqfaGpLLSnljWGQ01+ALOU2KbbwX5DoSRLpqKE/lyy3ndsss7nn8nU59eHtoz4bmIM+RafFz/jM/yOtdH7jmXuCvZVx7hhOzbOZdk/C2rzA+B2Y0SPdTWdCrWux1c7I1EmmYrrTf5DHr4r4CUayA9lKqbjZCn64XAmcwFkxI5jk1dmf2C3QNTEU2n/s9uGChVbFUmUEawknfjX/lwojoVjqk65KLO5tO0/CspM8+BG1Va7NVZmv8++RxnKjyxgMqn+JEkz6Ub+QOhPStb5PClL4qd8QjQQeCgrlEDunmnQ2Yz+Wgw7/0pT3tIOa+sva1KozyxTxJjvCPeIcC6ck//g3LidTHkLWut0bK2dzTFg3judfceNXkbMeG1LJ+nF3/bLYlIM5PeyJNbjwHiAt9ZJ7ODGv1PDRzJtQwDRseUax9wFSTTI+mF/FO4zGXW+f5IlEs7dK9TIqtylbM24dpQBnzeXrWHgooxWEOsUOvx3dzQ5DsBvEXimdFyMZDeD47umWLfu+3CrnoJ533Rbjdt9X92DXtwtdoe2rhPP5Vv1kraVj++azGRrvxjJbkhWWS7g7uvThHgOsIs9JZB/8GXoaELwYqC+MEi9WcSOh0tnUO3VcxBvHjIlo4QHnBSdOJrvKNyyl8+GMVnwb7TgKCMqiuXALH4mnkmmPt/z3Nqys4tAzq6pGnjI+Dc+RyOSFjFKO3hT6LM/FgYIJenEnyqSmKG6X6OZLFxWLieCiFppNYCpHhk9mZKV3GDgmccHvXLuY9WyRY6G9KgxHLyEhISJXxYGGCWGka+w44YSSI8ex4Ib+PlyRdcNCo2itsOoGODWwBgKQg/dqCfw2Zl1dqYfvX82oXVQhYqJGHURBiihVsmUJNvKhDLaytxSvhYQC0USb6VQ8lSvA2LYR6Ekz9FAyLYXc4WSc7bO7kAlo27ot21vVVmfvNBD7lOmeVwLc3uNMyp6MpGHntov2nvwqM52Nwk98REGCck6X19b2bivyLm9MVwzNAoVxzvVPpmKRdio2uLf41fgvp/V4h4TBhkpEsnh8qFP2F3+6jw/DmCBQy1kuQWr9nU0RfUYoCbf3/YeO1cYZGSk5HUuH8raXf6Oi1GaFjrcfQoVY7lz7CiKcT53qQZgv11zHiCyXhqYfFXmpQ4xqMhazBUoyq7zAd3Ir8uUXMXoxI1qx+F2HJRPgO2FQUZy9LBHugBc5jQUxsJwknjFDgMj9SHdHcnu3FC8qmsLRw97RBhkZNo05BtcPpTVGQ7cubbbxrIkLsWHp9PfddrxWtVmDcA+3w8fYEqNFP/A5UNZneHAfWFFEj/UOvOcBt5zewuJp4SPUENDkhgsDDJK1pFQFusMH9ErBvWFgRzAvVpnhZISfHi1cmOvnS0HXuamvEkYZKRIYjMPnPSGwZVK9TqLLp/WmedwuzuQ3RnjZ0bNFxTnC4OEMD3AdhYlcL3aeV7H9kKBueauAaw5BTXeF9O7Fh5UtVCWyO1DhhGPCQOcEnXkcR5sdaV9qj8YqeV0+gQgXmt4FFfWiYV3LQlzDwjXniyRYjW6PqrH9dV9AN3cwto5UBGmxQJlSvabIoZ8VRhghCE4mZJdaph/JJPJ3dyy1Q5Ue2xEbBnjZqZINb+KyRtTxPCf9FUYk8n08PKdpa8tirAY39h0rG56iKl1YoDcOXZpIiDjZ3yG32GbgISSudjnDkvrjqgB1TF2MUBXjBhZbUChAzdmhdsD8cEyrJksDJMbJXGMJ4KsSCj79/zwvOMvBhk7Rn94GDzhF1YYO94zWLKDdp/8hydzqjllcoEHjK9+6r7S2LkxVNzT05E29YwBuuJb9RJL0HSFg8Q9ru7Kqw6ffOIdyVyM2sUBmbwyBfziCiE2qwaSSlvg6PnrUNjUzhg/47PtWTUQsP0ETFmVovUbuzQJ3pFyC0P3lD/eK3A6nyfRd+PrxCQZVkt4Ki93pGUqfqANrkii6Ooq1xt3Nqt35a4cidiOF+5kg8+fuwuyJL54FQduzJLDsFBvhsTSFjh5CTxi7LPIYGZj4FioxX7xJSscRtglEo1r0tKa5mVszX2RlWckk6nPMG0SvBjjBVkNJthn8D3h1jodnEx92y6xrp414mzMbC0Mt5i4wMj+sQUeA9edF4fnaePh2IvCLWnGqOe+L1MyR6ZiJl8HVh7g2tw1lM78YKuCXD62duLX7H4pRRJj8Mtzxxb3eQKwMv4IqOppkVaNpAT8pAOdTNAliTDPYGFbb8ySRDhY1NRn8GIyqxlwE5YlQWBcIRuP/TD0AKvdURNgo9jR5CzK5AlXZC3iAEb2OCN4ROZIrOOAal+4vTEcaguWw/rt+1QNWZoIwcmVEHvyOny44yR7NjU4FSwX2jwGz1RxFSb4JbMxoo9Ws2dx2XVsDny2IW4P1BUEsjX0hyyY2uW1QHbblxOGqdE0s5B+nl+/TAp4ZpyQmdbh9go6WMHAQ44uvQYz12UyYdEweALeiYvtMHtdBuvrF2N/DERkVLO5EMjcouR+kwPPTau3ke80sWTU+UzgVQf98cu1NsTBjJBUJuji7cUaeJy35TbBeKsW7cipcxvA5XGFrM/La9KhoPF2j++D95xi388MTYW2xu39spO0cL5Exjk19SyxJIlmbIipvDudOFo+wgR5aVUaRBVf6QEgcsDecrXNCiPk1LS6f+75JUFq+WWnGjptdRprF2vMuGM5sFTPWkSQ4/L1CUwea4n18nV9/9WaYmFKsKp9ocp5h+Ahx5RehzmbjnnkRNuee844LqeetZu2OhU6mmP7LEfL6a7EutvVZopEAnnxjbs1z9CNM/MV1UFebWIgOQMQeU0qalWXU+2SlySCsexSrwCWfNYJ00NMrH1WgdInGfB1jPTosdyT8BM8KnmQxBTsmL3zJVby5enkwTuy1bMvrqRX8JBf/VjVwCXbC+HIBeiV0fHGtu9sPe5yu4fsK2Nt1+8+6vH61eIi1WmWKTF6HHVCxxdLu/i1x51QF9jw3I9VC7s2raZX8EKVKtZu0nIFlPNtLgFMrWqDF1cYWZ/dloZeAdydf5G1m7fFs3MQFQZl5iUsfS75VUt71Ys3Fh16ookvWIWkeS1OwUNXZpp1m22QK12Cx3mjXMn6vLImHUqaO50CmF1903rPNnoAXgTk7ZupValiYWafwLMFUS135SW+7l2Fxi1LUg/7kqtOAeQWGM8qU12H2wCm13bCrI/SWV9D2qdOASxq6mBtcC3urBnPe17/iDHSfisgUMtjyTluWNx5C2mcFcCoYscARhZegUmBqpaGH7vgNnicI45dUMNagYrTm0yhFcDxbgCIbzPxWkAma3+XKbMLutWwYLCg/Mj8Xq98k1xs4YWxRez7Nzdnewwe53lbj6vn7P5Tfd7CnU1R7DWNFAN/zUHMkLcM+5FwNwgtkSKJ6/iLNsd3TWZVq44W9mrYUbdckpADZ/oMYMh+9Qhwxc6MCK5dqzRQZVp7T3I8MvX9l0xJuaqNBAoT5/SIdgTEq+6GK34+QIbDZ296DF5SRSs8v1x2a44Nu472OOvwnRGbt6fO4etrwn2oJVmLHrqa1RoBp9Pns/d2cZGyWXVjpgQ7d6Tf2JrL2iyKLPAYwIUR+azve+EWh99n1Hc50sdPqEEFXBuWr+Bardv1liyRNfe11sdoGPGYTMkOvq2NBl8oSp4LzafXw+SV6lUuxMlVTspr0YIJUccb3QYvxqz6dxjOOlR+w2EbQ5Z6lZu+Oo2tpShpLlubtl0l8RNcu/CgkFFPnsYaQ9vXX0PiZZfBhKUJauRkRmg6mGpduzLo7sz8SA1lrTlc4djZrm6HacFqMCEsJt6mMJS0YXgfw/zCg0qJEvm5LInBmDdN0o+DydaAwqLtRY6d6ZKrMDVE9elCD7o2KNgG285ak8H8QUdtAnepwdoZq1NApqMxilKFr26kbB3xM2GgkL+//0NGKv5HFx9rcRRQteV1phoY42E0BrexI/A2p1ZpAVUaszFT0ZEhA+qfTjiiD2ILzd1D+ra88tA5j8NZW001PcCjmV0h/fej8g8Ig4nmGyzneShqcVwxxJRcU+OBJddgijX4iUC6itxwsKeHmiC9Tt3CuJVX7inTkkrzqdksDEZaHFNYzNOamA/ZeLRBA2RycBoLLrgC0BZw1MKdxZdgTlgW+xsBXBCenyIMZlq+6zTlkRoEk7sxQQddax9nbMuccH/ZrtTDL75kmfB5oA2JFU+9G57fgLlhDYBAI8zTW2Dl4XMQdqQOtuU0QWTRFcaYfArLqGPa+jbN04IQPNLyrmTOX5FQ9ivh80bLd57++3yDJfuloJR2T43Ii0EpHQsMltzgvacenH+ic7/IZDI9HJhwcvbCiHz59U3ZtdND02/2KG8LTb+J3y2MyE/GtndS3uYlL3nJS17ykpe85CUveclLwoCm/wMXRaSDkBYK9wAAAABJRU5ErkJggg==); background-size: cover; } .base2 { content: url(data:image/png;base64,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); width: 80px; height: 80px; } /* html{ scroll-behavior: smooth; } */ /* h2, p { color:red; } */ html{line-height:1.15;-webkit-text-size-adjust:100%;box-sizing:border-box;font-size:100%}*,*::before,*::after{box-sizing:inherit}body{min-height:100vh}main{display:block}html,body,p,ol,ul,li,dl,dt,dd,blockquote,figure,fieldset,legend,textarea,pre,iframe,hr,h1,h2,h3,h4,h5,h6{margin:0;padding:0}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}small{font-size:80%}ul{list-style:none}b,strong{font-weight:bolder}pre{font-family:monospace,monospace;font-size:1em}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button,input{overflow:visible}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}hr{box-sizing:content-box;height:0;overflow:visible}img,video{height:auto;max-width:100%}iframe{border:0}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}code,kbd,samp{font-family:monospace,monospace;font-size:1em}details{display:block}summary{display:list-item} /* INTER REGULAR */ @font-face { font-family: 'Inter'; font-style: normal; font-weight: 400; font-display: swap; src: url('/files/fonts/inter/Inter-Regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('/files/fonts/inter/Inter-Regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ } /* INTER REGULAR ITALIC */ @font-face { font-family: 'Inter'; font-style: italic; font-weight: 400; font-display: swap; src: url('/files/fonts/inter/Inter-Italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('/files/fonts/inter/Inter-Italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ } /* INTER SEMIBOLD */ @font-face { font-family: 'Inter'; font-style: normal; font-weight: 600; font-display: swap; src: url('/files/fonts/inter/Inter-SemiBold.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('/files/fonts/inter/Inter-SemiBold.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ } /* INTER SEMIBOLD ITALIC */ @font-face { font-family: 'Inter'; font-style: italic; font-weight: 600; font-display: swap; src: url('/files/fonts/inter/Inter-SemiBoldItalic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('/files/fonts/inter/Inter-SemiBoldItalic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ } /* BUTLER LIGHT */ @font-face { font-family: 'Butler'; font-style: normal; font-weight: 300; font-display: swap; src: url('/files/fonts/butler/Butler-Free-Lgt.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('/files/fonts/butler/Butler-Free-Lgt.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ } /* BUTLER REGULAR */ @font-face { font-family: 'Butler'; font-style: normal; font-weight: 400; font-display: swap; src: url('/files/fonts/butler/Butler-Free-Rmn.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('/files/fonts/butler/Butler-Free-Rmn.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ } /* BUTLER BOLD */ @font-face { font-family: 'Butler'; font-style: normal; font-weight: 600; font-display: swap; src: url('/files/fonts/butler/Butler-Free-SBd.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('/files/fonts/butler/Butler-Free-SBd.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ } @font-face { font-family: 'FontAwesome'; src: url('/files/fonts/fontawesome/fontawesome-webfont.woff') format('woff'), url('/files/fonts/fontawesome/fontawesome-webfont.ttf') format('truetype'), url('/files/fonts/fontawesome/fontawesome-webfont.svg#fontawesomeregular') format('svg'), url('/files/fonts/fontawesome/fontawesome-webfont.eot'), url('/files/fonts/fontawesome/fontawesome-webfont.eot?#iefix') format('embedded-opentype'); font-weight: normal; font-style: normal; } /* HIND REGULAR */ /* @font-face { font-family: 'Hind'; font-style: normal; font-weight: 400; font-display: block; src: url('/files/fonts/hind/Hind-Regular.woff2') format('woff2'), url('/files/fonts/hind/Hind-Regular.woff') format('woff'); / */ @charset "UTF-8"; /** ADAPTED from: * Foundation for Sites * Version 6.9.0 * https://get.foundation * Licensed under MIT Open Source */ @media print, screen and (min-width: 40em) { .reveal.large, .reveal.small, .reveal.tiny, .reveal { right: auto; left: auto; margin: 0 auto; } } *, *::before, *::after { -webkit-box-sizing: inherit; box-sizing: inherit; } body { margin: 0; padding: 0; background: #fefefe; font-family: Roboto, Arial, Helvetica, sans-serif; font-weight: normal; line-height: 1.5; color: #0a0a0a; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } img { display: inline-block; vertical-align: middle; max-width: 100%; height: auto; -ms-interpolation-mode: bicubic; } textarea { height: auto; min-height: 50px; border-radius: 0; } select { -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; border-radius: 0; } button { padding: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 0; border-radius: 0; background: transparent; line-height: 1; cursor: auto; } [data-whatinput=mouse] button { outline: 0; } pre { overflow: auto; -webkit-overflow-scrolling: touch; } button, input, optgroup, select, textarea { font-family: inherit; } .is-visible { display: block !important; } .is-hidden { display: none !important; } [type=text], [type=password], [type=date], [type=datetime], [type=datetime-local], [type=month], [type=week], [type=email], [type=number], [type=search], [type=tel], [type=time], [type=url], [type=color], textarea { -webkit-appearance: none; -moz-appearance: none; appearance: none; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; height: 2.4375rem; margin: 0 0 1rem; padding: 0.5rem; border: 1px solid #cacaca; border-radius: 0; background-color: #fefefe; -webkit-box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1); box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1); font-family: inherit; font-size: 1rem; font-weight: normal; line-height: 1.5; color: #0a0a0a; -webkit-transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s; transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s; transition: box-shadow 0.5s, border-color 0.25s ease-in-out; transition: box-shadow 0.5s, border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s; } [type=text]:focus, [type=password]:focus, [type=date]:focus, [type=datetime]:focus, [type=datetime-local]:focus, [type=month]:focus, [type=week]:focus, [type=email]:focus, [type=number]:focus, [type=search]:focus, [type=tel]:focus, [type=time]:focus, [type=url]:focus, [type=color]:focus, textarea:focus { outline: none; border: 1px solid #8a8a8a; background-color: #fefefe; -webkit-box-shadow: 0 0 5px #cacaca; box-shadow: 0 0 5px #cacaca; -webkit-transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s; transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s; transition: box-shadow 0.5s, border-color 0.25s ease-in-out; transition: box-shadow 0.5s, border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s; } textarea { max-width: 100%; } textarea[rows] { height: auto; } input:disabled, input[readonly], textarea:disabled, textarea[readonly] { background-color: #e6e6e6; cursor: not-allowed; } [type=submit], [type=button] { -webkit-appearance: none; -moz-appearance: none; appearance: none; /*border-radius:0; */ border-radius: 4px; box-shadow: 1px 1px 0 0 rgba(0, 0, 0, 0.2), 3px 3px 0 0 rgba(0, 0, 0, 0.12); margin-bottom: 5px; } input[type=search] { -webkit-box-sizing: border-box; box-sizing: border-box; } ::-webkit-input-placeholder { color: #cacaca; } ::-moz-placeholder { color: #cacaca; } :-ms-input-placeholder { color: #cacaca; } ::-ms-input-placeholder { color: #cacaca; } ::placeholder { color: #cacaca; } [type=file], [type=checkbox], [type=radio] { margin: 0 0 1rem; } [type=checkbox] + label, [type=radio] + label { display: inline-block; vertical-align: baseline; margin-left: 0.5rem; margin-right: 1rem; margin-bottom: 0; } [type=checkbox] + label[for], [type=radio] + label[for] { cursor: pointer; } label > [type=checkbox], label > [type=radio] { margin-right: 0.5rem; } [type=file] { width: 100%; } label { display: block; margin: 0; font-size: 0.875rem; font-weight: normal; line-height: 1.8; color: #0a0a0a; } label.middle { margin: 0 0 1rem; line-height: 1.5; padding: 0.5625rem 0; } .help-text { margin-top: -0.5rem; font-size: 0.8125rem; font-style: italic; color: #0a0a0a; } .input-group { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; margin-bottom: 1rem; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; } .input-group > :first-child, .input-group > :first-child.input-group-button > * { border-radius: 0 0 0 0; } .input-group > :last-child, .input-group > :last-child.input-group-button > * { border-radius: 0 0 0 0; } .input-group-button a, .input-group-button input, .input-group-button button, .input-group-button label, .input-group-button, .input-group-field, .input-group-label { margin: 0; white-space: nowrap; } .input-group-label { padding: 0 1rem; border: 1px solid #cacaca; background: #e6e6e6; color: #0a0a0a; text-align: center; white-space: nowrap; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .input-group-label:first-child { border-right: 0; } .input-group-label:last-child { border-left: 0; } .input-group-field { border-radius: 0; -webkit-box-flex: 1; -ms-flex: 1 1 0px; flex: 1 1 0px; min-width: 0; } .input-group-button { padding-top: 0; padding-bottom: 0; text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .input-group-button a, .input-group-button input, .input-group-button button, .input-group-button label { -ms-flex-item-align: stretch; align-self: stretch; height: auto; padding-top: 0; padding-bottom: 0; font-size: 1rem; } fieldset { margin: 0; padding: 0; border: 0; } legend { max-width: 100%; margin-bottom: 0.5rem; } .fieldset { margin: 1.125rem 0; padding: 1.25rem; border: 1px solid #cacaca; } .fieldset legend { margin: 0; margin-left: -0.1875rem; padding: 0 0.1875rem; } select { height: 2.4375rem; margin: 0 0 1rem; padding: 0.5rem; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 1px solid #cacaca; border-radius: 0; background-color: #fefefe; font-family: inherit; font-size: 1rem; font-weight: normal; line-height: 1.5; color: #0a0a0a; -webkit-transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s; transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s; transition: box-shadow 0.5s, border-color 0.25s ease-in-out; transition: box-shadow 0.5s, border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s; background-origin: content-box; background-position: right -1rem center; background-repeat: no-repeat; background-size: 9px 6px; padding-right: 1.5rem; /* background-image: url('data:image/svg+xml;utf8,'); */ background-image: url('data:image/svg+xml;utf8,'); } @media screen and (min-width: 0\0 ) { select { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAYAAACbU/80AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIpJREFUeNrEkckNgDAMBBfRkEt0ObRBBdsGXUDgmQfK4XhH2m8czQAAy27R3tsw4Qfe2x8uOO6oYLb6GlOor3GF+swURAOmUJ+RwtEJs9WvTGEYxBXqI1MQAZhCfUQKRzDMVj+TwrAIV6jvSUEkYAr1LSkcyTBb/V+KYfX7xAeusq3sLDtGH3kEGACPWIflNZfhRQAAAABJRU5ErkJggg=="); } } select:focus { outline: none; border: 1px solid var(--col1); background-color: #fefefe; /* -webkit-box-shadow: 0 0 5px #cacaca; box-shadow: 0 0 5px #cacaca; -webkit-transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s; transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s; transition: box-shadow 0.5s, border-color 0.25s ease-in-out; transition: box-shadow 0.5s, border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s; */ } select:disabled { background-color: #e6e6e6; cursor: not-allowed; } select::-ms-expand { display: none; } select[multiple] { height: auto; background-image: none; } select:not([multiple]) { padding-top: 0; padding-bottom: 0; } .is-invalid-input:not(:focus) { border-color: #cc4b37; background-color: rgb(249, 236.1, 234.1); } .is-invalid-input:not(:focus)::-webkit-input-placeholder { color: #cc4b37; } .is-invalid-input:not(:focus)::-moz-placeholder { color: #cc4b37; } .is-invalid-input:not(:focus):-ms-input-placeholder { color: #cc4b37; } .is-invalid-input:not(:focus)::-ms-input-placeholder { color: #cc4b37; } .is-invalid-input:not(:focus)::placeholder { color: #cc4b37; } .is-invalid-label { color: #cc4b37; } .form-error { display: none; margin-top: -0.5rem; margin-bottom: 1rem; font-size: 0.75rem; font-weight: bold; color: #cc4b37; } .form-error.is-visible { display: block; } div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, th, td { margin: 0; padding: 0; } p { margin-bottom: 1rem; font-size: inherit; line-height: 1.6; text-rendering: optimizeLegibility; } em, i { font-style: italic; line-height: inherit; } strong, b { font-weight: bold; line-height: inherit; } small { font-size: 80%; line-height: inherit; } h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 { font-family: Roboto, Arial, Helvetica, sans-serif; font-style: normal; font-weight: normal; color: inherit; text-rendering: optimizeLegibility; } h1 small, .h1 small, h2 small, .h2 small, h3 small, .h3 small, h4 small, .h4 small, h5 small, .h5 small, h6 small, .h6 small { line-height: 0; color: #cacaca; } h1, .h1 { font-size: 1.5rem; line-height: 1.4; margin-top: 1rem; margin-bottom: 0.5rem; } h2, .h2 { font-size: 1.25rem; line-height: 1.4; margin-top: 1rem; margin-bottom: 0.5rem; } h3, .h3 { font-size: 1.1875rem; line-height: 1.4; margin-top: 1rem; margin-bottom: 0.5rem; } h4, .h4 { font-size: 1.125rem; line-height: 1.4; margin-top: 1rem; margin-bottom: 0.5rem; } h5, .h5 { font-size: 1.0625rem; line-height: 1.4; margin-top: 0.5rem; margin-bottom: 0.5rem; } h6, .h6 { font-size: 1rem; line-height: 1.4; margin-top: 0.5rem; margin-bottom: 0.5rem; } @media print, screen and (min-width: 40em) { h1, .h1 { font-size: 3rem; } h2, .h2 { font-size: 2.5rem; } h3, .h3 { font-size: 1.9375rem; } h4, .h4 { font-size: 1.5625rem; } h5, .h5 { font-size: 1.25rem; } h6, .h6 { font-size: 1rem; } } a { line-height: inherit; color: #6f6f6f; text-decoration: none; cursor: pointer; } a:hover, a:focus { color: #aaaaaa; } a img { border: 0; } hr { clear: both; max-width: 75rem; height: 0; margin: 1.25rem auto; border-top: 0; border-right: 0; border-bottom: 1px solid #cacaca; border-left: 0; } ul, ol, dl { margin-bottom: 1rem; list-style-position: outside; line-height: 1.6; } li { font-size: inherit; } ul { margin-left: 1.25rem; list-style-type: disc; } ol { margin-left: 1.25rem; } ul ul, ul ol, ol ul, ol ol { margin-left: 1.25rem; margin-bottom: 0; } dl { margin-bottom: 1rem; } dl dt { margin-bottom: 0.3rem; font-weight: bold; } blockquote { margin: 0 0 1rem; padding: 0.5625rem 1.25rem 0 1.1875rem; border-left: 1px solid #cacaca; } blockquote, blockquote p { line-height: 1.6; color: #8a8a8a; } abbr, abbr[title] { border-bottom: 1px dotted #0a0a0a; cursor: help; text-decoration: none; } figure { margin: 0; } kbd { margin: 0; padding: 0.125rem 0.25rem 0; background-color: #e6e6e6; font-family: Consolas, "Liberation Mono", Courier, monospace; color: #0a0a0a; } .subheader { margin-top: 0.2rem; margin-bottom: 0.5rem; font-weight: normal; line-height: 1.4; color: #8a8a8a; } .lead { font-size: 125%; line-height: 1.6; } .stat { font-size: 2.5rem; line-height: 1; } p + .stat { margin-top: -1rem; } ul.no-bullet, ol.no-bullet { margin-left: 0; list-style: none; } .cite-block, cite { display: block; color: #8a8a8a; font-size: 0.8125rem; } .cite-block:before, cite:before { content: "— "; } .code-inline, code { border: 1px solid #cacaca; background-color: #e6e6e6; font-family: Consolas, "Liberation Mono", Courier, monospace; font-weight: normal; color: #0a0a0a; display: inline; max-width: 100%; word-wrap: break-word; padding: 0.125rem 0.3125rem 0.0625rem; } .code-block { border: 1px solid #cacaca; background-color: #e6e6e6; font-family: Consolas, "Liberation Mono", Courier, monospace; font-weight: normal; color: #0a0a0a; display: block; overflow: auto; white-space: pre; padding: 1rem; margin-bottom: 1.5rem; } .text-left { text-align: left; } .text-right { text-align: right; } .text-center { text-align: center; } .text-justify { text-align: justify; } @media print, screen and (min-width: 40em) { .medium-text-left { text-align: left; } .medium-text-right { text-align: right; } .medium-text-center { text-align: center; } .medium-text-justify { text-align: justify; } } @media print, screen and (min-width: 64em) { .large-text-left { text-align: left; } .large-text-right { text-align: right; } .large-text-center { text-align: center; } .large-text-justify { text-align: justify; } } .show-for-print { display: none !important; } @media print { * { background: transparent !important; color: black !important; -webkit-print-color-adjust: economy; print-color-adjust: economy; -webkit-box-shadow: none !important; box-shadow: none !important; text-shadow: none !important; } .show-for-print { display: block !important; } .hide-for-print { display: none !important; } table.show-for-print { display: table !important; } thead.show-for-print { display: table-header-group !important; } tbody.show-for-print { display: table-row-group !important; } tr.show-for-print { display: table-row !important; } td.show-for-print { display: table-cell !important; } th.show-for-print { display: table-cell !important; } a, a:visited { text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } abbr[title]:after { content: " (" attr(title) ")"; } pre, blockquote { border: 1px solid #8a8a8a; page-break-inside: avoid; } thead { display: table-header-group; } tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } @page { margin: 0.5cm; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } .print-break-inside { page-break-inside: auto; } } @charset "UTF-8";.grid-container{max-width:75rem;margin-left:auto;margin-right:auto;padding-right:.625rem;padding-left:.625rem}@media print,screen and (min-width:40em){.grid-container{padding-right:.9375rem;padding-left:.9375rem}}.grid-container.fluid{max-width:100%;margin-left:auto;margin-right:auto;padding-right:.625rem;padding-left:.625rem}@media print,screen and (min-width:40em){.grid-container.fluid{padding-right:.9375rem;padding-left:.9375rem}}.grid-container.full{max-width:100%;margin-left:auto;margin-right:auto;padding-right:0;padding-left:0}.grid-x{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row wrap;flex-flow:row wrap}.cell{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;min-height:0;min-width:0;width:100%}.cell.auto{-webkit-box-flex:1;-ms-flex:1 1 0%;flex:1 1 0%}.cell.shrink{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}.grid-x>.auto{width:auto}.grid-x>.shrink{width:auto}.grid-x>.small-shrink,.grid-x>.small-full,.grid-x>.small-1,.grid-x>.small-2,.grid-x>.small-3,.grid-x>.small-4,.grid-x>.small-5,.grid-x>.small-6,.grid-x>.small-7,.grid-x>.small-8,.grid-x>.small-9,.grid-x>.small-10,.grid-x>.small-11,.grid-x>.small-12{-ms-flex-preferred-size:auto;flex-basis:auto}@media print,screen and (min-width:40em){.grid-x>.medium-shrink,.grid-x>.medium-full,.grid-x>.medium-1,.grid-x>.medium-2,.grid-x>.medium-3,.grid-x>.medium-4,.grid-x>.medium-5,.grid-x>.medium-6,.grid-x>.medium-7,.grid-x>.medium-8,.grid-x>.medium-9,.grid-x>.medium-10,.grid-x>.medium-11,.grid-x>.medium-12{-ms-flex-preferred-size:auto;flex-basis:auto}}@media print,screen and (min-width:64em){.grid-x>.large-shrink,.grid-x>.large-full,.grid-x>.large-1,.grid-x>.large-2,.grid-x>.large-3,.grid-x>.large-4,.grid-x>.large-5,.grid-x>.large-6,.grid-x>.large-7,.grid-x>.large-8,.grid-x>.large-9,.grid-x>.large-10,.grid-x>.large-11,.grid-x>.large-12{-ms-flex-preferred-size:auto;flex-basis:auto}}.grid-x>.small-12,.grid-x>.small-11,.grid-x>.small-10,.grid-x>.small-9,.grid-x>.small-8,.grid-x>.small-7,.grid-x>.small-6,.grid-x>.small-5,.grid-x>.small-4,.grid-x>.small-3,.grid-x>.small-2,.grid-x>.small-1{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}.grid-x>.small-1{width:8.3333333333%}.grid-x>.small-2{width:16.6666666667%}.grid-x>.small-3{width:25%}.grid-x>.small-4{width:33.3333333333%}.grid-x>.small-5{width:41.6666666667%}.grid-x>.small-6{width:50%}.grid-x>.small-7{width:58.3333333333%}.grid-x>.small-8{width:66.6666666667%}.grid-x>.small-9{width:75%}.grid-x>.small-10{width:83.3333333333%}.grid-x>.small-11{width:91.6666666667%}.grid-x>.small-12{width:100%}@media print,screen and (min-width:40em){.grid-x>.medium-auto{-webkit-box-flex:1;-ms-flex:1 1 0%;flex:1 1 0%;width:auto}.grid-x>.medium-12,.grid-x>.medium-11,.grid-x>.medium-10,.grid-x>.medium-9,.grid-x>.medium-8,.grid-x>.medium-7,.grid-x>.medium-6,.grid-x>.medium-5,.grid-x>.medium-4,.grid-x>.medium-3,.grid-x>.medium-2,.grid-x>.medium-1,.grid-x>.medium-shrink{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}.grid-x>.medium-shrink{width:auto}.grid-x>.medium-1{width:8.3333333333%}.grid-x>.medium-2{width:16.6666666667%}.grid-x>.medium-3{width:25%}.grid-x>.medium-4{width:33.3333333333%}.grid-x>.medium-5{width:41.6666666667%}.grid-x>.medium-6{width:50%}.grid-x>.medium-7{width:58.3333333333%}.grid-x>.medium-8{width:66.6666666667%}.grid-x>.medium-9{width:75%}.grid-x>.medium-10{width:83.3333333333%}.grid-x>.medium-11{width:91.6666666667%}.grid-x>.medium-12{width:100%}}@media print,screen and (min-width:64em){.grid-x>.large-auto{-webkit-box-flex:1;-ms-flex:1 1 0%;flex:1 1 0%;width:auto}.grid-x>.large-12,.grid-x>.large-11,.grid-x>.large-10,.grid-x>.large-9,.grid-x>.large-8,.grid-x>.large-7,.grid-x>.large-6,.grid-x>.large-5,.grid-x>.large-4,.grid-x>.large-3,.grid-x>.large-2,.grid-x>.large-1,.grid-x>.large-shrink{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}.grid-x>.large-shrink{width:auto}.grid-x>.large-1{width:8.3333333333%}.grid-x>.large-2{width:16.6666666667%}.grid-x>.large-3{width:25%}.grid-x>.large-4{width:33.3333333333%}.grid-x>.large-5{width:41.6666666667%}.grid-x>.large-6{width:50%}.grid-x>.large-7{width:58.3333333333%}.grid-x>.large-8{width:66.6666666667%}.grid-x>.large-9{width:75%}.grid-x>.large-10{width:83.3333333333%}.grid-x>.large-11{width:91.6666666667%}.grid-x>.large-12{width:100%}}.grid-margin-x:not(.grid-x)>.cell{width:auto}.grid-margin-y:not(.grid-y)>.cell{height:auto}.grid-margin-x{margin-left:-.625rem;margin-right:-.625rem}@media print,screen and (min-width:40em){.grid-margin-x{margin-left:-.9375rem;margin-right:-.9375rem}}.grid-margin-x>.cell{width:calc(100% - 1.25rem);margin-left:.625rem;margin-right:.625rem}@media print,screen and (min-width:40em){.grid-margin-x>.cell{width:calc(100% - 1.875rem);margin-left:.9375rem;margin-right:.9375rem}}.grid-margin-x>.auto{width:auto}.grid-margin-x>.shrink{width:auto}.grid-margin-x>.small-1{width:calc(8.3333333333% - 1.25rem)}.grid-margin-x>.small-2{width:calc(16.6666666667% - 1.25rem)}.grid-margin-x>.small-3{width:calc(25% - 1.25rem)}.grid-margin-x>.small-4{width:calc(33.3333333333% - 1.25rem)}.grid-margin-x>.small-5{width:calc(41.6666666667% - 1.25rem)}.grid-margin-x>.small-6{width:calc(50% - 1.25rem)}.grid-margin-x>.small-7{width:calc(58.3333333333% - 1.25rem)}.grid-margin-x>.small-8{width:calc(66.6666666667% - 1.25rem)}.grid-margin-x>.small-9{width:calc(75% - 1.25rem)}.grid-margin-x>.small-10{width:calc(83.3333333333% - 1.25rem)}.grid-margin-x>.small-11{width:calc(91.6666666667% - 1.25rem)}.grid-margin-x>.small-12{width:calc(100% - 1.25rem)}@media print,screen and (min-width:40em){.grid-margin-x>.auto{width:auto}.grid-margin-x>.shrink{width:auto}.grid-margin-x>.small-1{width:calc(8.3333333333% - 1.875rem)}.grid-margin-x>.small-2{width:calc(16.6666666667% - 1.875rem)}.grid-margin-x>.small-3{width:calc(25% - 1.875rem)}.grid-margin-x>.small-4{width:calc(33.3333333333% - 1.875rem)}.grid-margin-x>.small-5{width:calc(41.6666666667% - 1.875rem)}.grid-margin-x>.small-6{width:calc(50% - 1.875rem)}.grid-margin-x>.small-7{width:calc(58.3333333333% - 1.875rem)}.grid-margin-x>.small-8{width:calc(66.6666666667% - 1.875rem)}.grid-margin-x>.small-9{width:calc(75% - 1.875rem)}.grid-margin-x>.small-10{width:calc(83.3333333333% - 1.875rem)}.grid-margin-x>.small-11{width:calc(91.6666666667% - 1.875rem)}.grid-margin-x>.small-12{width:calc(100% - 1.875rem)}.grid-margin-x>.medium-auto{width:auto}.grid-margin-x>.medium-shrink{width:auto}.grid-margin-x>.medium-1{width:calc(8.3333333333% - 1.875rem)}.grid-margin-x>.medium-2{width:calc(16.6666666667% - 1.875rem)}.grid-margin-x>.medium-3{width:calc(25% - 1.875rem)}.grid-margin-x>.medium-4{width:calc(33.3333333333% - 1.875rem)}.grid-margin-x>.medium-5{width:calc(41.6666666667% - 1.875rem)}.grid-margin-x>.medium-6{width:calc(50% - 1.875rem)}.grid-margin-x>.medium-7{width:calc(58.3333333333% - 1.875rem)}.grid-margin-x>.medium-8{width:calc(66.6666666667% - 1.875rem)}.grid-margin-x>.medium-9{width:calc(75% - 1.875rem)}.grid-margin-x>.medium-10{width:calc(83.3333333333% - 1.875rem)}.grid-margin-x>.medium-11{width:calc(91.6666666667% - 1.875rem)}.grid-margin-x>.medium-12{width:calc(100% - 1.875rem)}}@media print,screen and (min-width:64em){.grid-margin-x>.large-auto{width:auto}.grid-margin-x>.large-shrink{width:auto}.grid-margin-x>.large-1{width:calc(8.3333333333% - 1.875rem)}.grid-margin-x>.large-2{width:calc(16.6666666667% - 1.875rem)}.grid-margin-x>.large-3{width:calc(25% - 1.875rem)}.grid-margin-x>.large-4{width:calc(33.3333333333% - 1.875rem)}.grid-margin-x>.large-5{width:calc(41.6666666667% - 1.875rem)}.grid-margin-x>.large-6{width:calc(50% - 1.875rem)}.grid-margin-x>.large-7{width:calc(58.3333333333% - 1.875rem)}.grid-margin-x>.large-8{width:calc(66.6666666667% - 1.875rem)}.grid-margin-x>.large-9{width:calc(75% - 1.875rem)}.grid-margin-x>.large-10{width:calc(83.3333333333% - 1.875rem)}.grid-margin-x>.large-11{width:calc(91.6666666667% - 1.875rem)}.grid-margin-x>.large-12{width:calc(100% - 1.875rem)}}.grid-padding-x .grid-padding-x{margin-right:-.625rem;margin-left:-.625rem}@media print,screen and (min-width:40em){.grid-padding-x .grid-padding-x{margin-right:-.9375rem;margin-left:-.9375rem}}.grid-container:not(.full)>.grid-padding-x{margin-right:-.625rem;margin-left:-.625rem}@media print,screen and (min-width:40em){.grid-container:not(.full)>.grid-padding-x{margin-right:-.9375rem;margin-left:-.9375rem}}.grid-padding-x>.cell{padding-right:.625rem;padding-left:.625rem}@media print,screen and (min-width:40em){.grid-padding-x>.cell{padding-right:.9375rem;padding-left:.9375rem}}.small-up-1>.cell{width:100%}.small-up-2>.cell{width:50%}.small-up-3>.cell{width:33.3333333333%}.small-up-4>.cell{width:25%}.small-up-5>.cell{width:20%}.small-up-6>.cell{width:16.6666666667%}.small-up-7>.cell{width:14.2857142857%}.small-up-8>.cell{width:12.5%}@media print,screen and (min-width:40em){.medium-up-1>.cell{width:100%}.medium-up-2>.cell{width:50%}.medium-up-3>.cell{width:33.3333333333%}.medium-up-4>.cell{width:25%}.medium-up-5>.cell{width:20%}.medium-up-6>.cell{width:16.6666666667%}.medium-up-7>.cell{width:14.2857142857%}.medium-up-8>.cell{width:12.5%}}@media print,screen and (min-width:64em){.large-up-1>.cell{width:100%}.large-up-2>.cell{width:50%}.large-up-3>.cell{width:33.3333333333%}.large-up-4>.cell{width:25%}.large-up-5>.cell{width:20%}.large-up-6>.cell{width:16.6666666667%}.large-up-7>.cell{width:14.2857142857%}.large-up-8>.cell{width:12.5%}}.grid-margin-x.small-up-1>.cell{width:calc(100% - 1.25rem)}.grid-margin-x.small-up-2>.cell{width:calc(50% - 1.25rem)}.grid-margin-x.small-up-3>.cell{width:calc(33.3333333333% - 1.25rem)}.grid-margin-x.small-up-4>.cell{width:calc(25% - 1.25rem)}.grid-margin-x.small-up-5>.cell{width:calc(20% - 1.25rem)}.grid-margin-x.small-up-6>.cell{width:calc(16.6666666667% - 1.25rem)}.grid-margin-x.small-up-7>.cell{width:calc(14.2857142857% - 1.25rem)}.grid-margin-x.small-up-8>.cell{width:calc(12.5% - 1.25rem)}@media print,screen and (min-width:40em){.grid-margin-x.small-up-1>.cell{width:calc(100% - 1.875rem)}.grid-margin-x.small-up-2>.cell{width:calc(50% - 1.875rem)}.grid-margin-x.small-up-3>.cell{width:calc(33.3333333333% - 1.875rem)}.grid-margin-x.small-up-4>.cell{width:calc(25% - 1.875rem)}.grid-margin-x.small-up-5>.cell{width:calc(20% - 1.875rem)}.grid-margin-x.small-up-6>.cell{width:calc(16.6666666667% - 1.875rem)}.grid-margin-x.small-up-7>.cell{width:calc(14.2857142857% - 1.875rem)}.grid-margin-x.small-up-8>.cell{width:calc(12.5% - 1.875rem)}.grid-margin-x.medium-up-1>.cell{width:calc(100% - 1.875rem)}.grid-margin-x.medium-up-2>.cell{width:calc(50% - 1.875rem)}.grid-margin-x.medium-up-3>.cell{width:calc(33.3333333333% - 1.875rem)}.grid-margin-x.medium-up-4>.cell{width:calc(25% - 1.875rem)}.grid-margin-x.medium-up-5>.cell{width:calc(20% - 1.875rem)}.grid-margin-x.medium-up-6>.cell{width:calc(16.6666666667% - 1.875rem)}.grid-margin-x.medium-up-7>.cell{width:calc(14.2857142857% - 1.875rem)}.grid-margin-x.medium-up-8>.cell{width:calc(12.5% - 1.875rem)}}@media print,screen and (min-width:64em){.grid-margin-x.large-up-1>.cell{width:calc(100% - 1.875rem)}.grid-margin-x.large-up-2>.cell{width:calc(50% - 1.875rem)}.grid-margin-x.large-up-3>.cell{width:calc(33.3333333333% - 1.875rem)}.grid-margin-x.large-up-4>.cell{width:calc(25% - 1.875rem)}.grid-margin-x.large-up-5>.cell{width:calc(20% - 1.875rem)}.grid-margin-x.large-up-6>.cell{width:calc(16.6666666667% - 1.875rem)}.grid-margin-x.large-up-7>.cell{width:calc(14.2857142857% - 1.875rem)}.grid-margin-x.large-up-8>.cell{width:calc(12.5% - 1.875rem)}}.small-margin-collapse{margin-right:0;margin-left:0}.small-margin-collapse>.cell{margin-right:0;margin-left:0}.small-margin-collapse>.small-1{width:8.3333333333%}.small-margin-collapse>.small-2{width:16.6666666667%}.small-margin-collapse>.small-3{width:25%}.small-margin-collapse>.small-4{width:33.3333333333%}.small-margin-collapse>.small-5{width:41.6666666667%}.small-margin-collapse>.small-6{width:50%}.small-margin-collapse>.small-7{width:58.3333333333%}.small-margin-collapse>.small-8{width:66.6666666667%}.small-margin-collapse>.small-9{width:75%}.small-margin-collapse>.small-10{width:83.3333333333%}.small-margin-collapse>.small-11{width:91.6666666667%}.small-margin-collapse>.small-12{width:100%}@media print,screen and (min-width:40em){.small-margin-collapse>.medium-1{width:8.3333333333%}.small-margin-collapse>.medium-2{width:16.6666666667%}.small-margin-collapse>.medium-3{width:25%}.small-margin-collapse>.medium-4{width:33.3333333333%}.small-margin-collapse>.medium-5{width:41.6666666667%}.small-margin-collapse>.medium-6{width:50%}.small-margin-collapse>.medium-7{width:58.3333333333%}.small-margin-collapse>.medium-8{width:66.6666666667%}.small-margin-collapse>.medium-9{width:75%}.small-margin-collapse>.medium-10{width:83.3333333333%}.small-margin-collapse>.medium-11{width:91.6666666667%}.small-margin-collapse>.medium-12{width:100%}}@media print,screen and (min-width:64em){.small-margin-collapse>.large-1{width:8.3333333333%}.small-margin-collapse>.large-2{width:16.6666666667%}.small-margin-collapse>.large-3{width:25%}.small-margin-collapse>.large-4{width:33.3333333333%}.small-margin-collapse>.large-5{width:41.6666666667%}.small-margin-collapse>.large-6{width:50%}.small-margin-collapse>.large-7{width:58.3333333333%}.small-margin-collapse>.large-8{width:66.6666666667%}.small-margin-collapse>.large-9{width:75%}.small-margin-collapse>.large-10{width:83.3333333333%}.small-margin-collapse>.large-11{width:91.6666666667%}.small-margin-collapse>.large-12{width:100%}}.small-padding-collapse{margin-right:0;margin-left:0}.small-padding-collapse>.cell{padding-right:0;padding-left:0}@media print,screen and (min-width:40em){.medium-margin-collapse{margin-right:0;margin-left:0}.medium-margin-collapse>.cell{margin-right:0;margin-left:0}}@media print,screen and (min-width:40em){.medium-margin-collapse>.small-1{width:8.3333333333%}.medium-margin-collapse>.small-2{width:16.6666666667%}.medium-margin-collapse>.small-3{width:25%}.medium-margin-collapse>.small-4{width:33.3333333333%}.medium-margin-collapse>.small-5{width:41.6666666667%}.medium-margin-collapse>.small-6{width:50%}.medium-margin-collapse>.small-7{width:58.3333333333%}.medium-margin-collapse>.small-8{width:66.6666666667%}.medium-margin-collapse>.small-9{width:75%}.medium-margin-collapse>.small-10{width:83.3333333333%}.medium-margin-collapse>.small-11{width:91.6666666667%}.medium-margin-collapse>.small-12{width:100%}}@media print,screen and (min-width:40em){.medium-margin-collapse>.medium-1{width:8.3333333333%}.medium-margin-collapse>.medium-2{width:16.6666666667%}.medium-margin-collapse>.medium-3{width:25%}.medium-margin-collapse>.medium-4{width:33.3333333333%}.medium-margin-collapse>.medium-5{width:41.6666666667%}.medium-margin-collapse>.medium-6{width:50%}.medium-margin-collapse>.medium-7{width:58.3333333333%}.medium-margin-collapse>.medium-8{width:66.6666666667%}.medium-margin-collapse>.medium-9{width:75%}.medium-margin-collapse>.medium-10{width:83.3333333333%}.medium-margin-collapse>.medium-11{width:91.6666666667%}.medium-margin-collapse>.medium-12{width:100%}}@media print,screen and (min-width:64em){.medium-margin-collapse>.large-1{width:8.3333333333%}.medium-margin-collapse>.large-2{width:16.6666666667%}.medium-margin-collapse>.large-3{width:25%}.medium-margin-collapse>.large-4{width:33.3333333333%}.medium-margin-collapse>.large-5{width:41.6666666667%}.medium-margin-collapse>.large-6{width:50%}.medium-margin-collapse>.large-7{width:58.3333333333%}.medium-margin-collapse>.large-8{width:66.6666666667%}.medium-margin-collapse>.large-9{width:75%}.medium-margin-collapse>.large-10{width:83.3333333333%}.medium-margin-collapse>.large-11{width:91.6666666667%}.medium-margin-collapse>.large-12{width:100%}}@media print,screen and (min-width:40em){.medium-padding-collapse{margin-right:0;margin-left:0}.medium-padding-collapse>.cell{padding-right:0;padding-left:0}}@media print,screen and (min-width:64em){.large-margin-collapse{margin-right:0;margin-left:0}.large-margin-collapse>.cell{margin-right:0;margin-left:0}}@media print,screen and (min-width:64em){.large-margin-collapse>.small-1{width:8.3333333333%}.large-margin-collapse>.small-2{width:16.6666666667%}.large-margin-collapse>.small-3{width:25%}.large-margin-collapse>.small-4{width:33.3333333333%}.large-margin-collapse>.small-5{width:41.6666666667%}.large-margin-collapse>.small-6{width:50%}.large-margin-collapse>.small-7{width:58.3333333333%}.large-margin-collapse>.small-8{width:66.6666666667%}.large-margin-collapse>.small-9{width:75%}.large-margin-collapse>.small-10{width:83.3333333333%}.large-margin-collapse>.small-11{width:91.6666666667%}.large-margin-collapse>.small-12{width:100%}}@media print,screen and (min-width:64em){.large-margin-collapse>.medium-1{width:8.3333333333%}.large-margin-collapse>.medium-2{width:16.6666666667%}.large-margin-collapse>.medium-3{width:25%}.large-margin-collapse>.medium-4{width:33.3333333333%}.large-margin-collapse>.medium-5{width:41.6666666667%}.large-margin-collapse>.medium-6{width:50%}.large-margin-collapse>.medium-7{width:58.3333333333%}.large-margin-collapse>.medium-8{width:66.6666666667%}.large-margin-collapse>.medium-9{width:75%}.large-margin-collapse>.medium-10{width:83.3333333333%}.large-margin-collapse>.medium-11{width:91.6666666667%}.large-margin-collapse>.medium-12{width:100%}}@media print,screen and (min-width:64em){.large-margin-collapse>.large-1{width:8.3333333333%}.large-margin-collapse>.large-2{width:16.6666666667%}.large-margin-collapse>.large-3{width:25%}.large-margin-collapse>.large-4{width:33.3333333333%}.large-margin-collapse>.large-5{width:41.6666666667%}.large-margin-collapse>.large-6{width:50%}.large-margin-collapse>.large-7{width:58.3333333333%}.large-margin-collapse>.large-8{width:66.6666666667%}.large-margin-collapse>.large-9{width:75%}.large-margin-collapse>.large-10{width:83.3333333333%}.large-margin-collapse>.large-11{width:91.6666666667%}.large-margin-collapse>.large-12{width:100%}}@media print,screen and (min-width:64em){.large-padding-collapse{margin-right:0;margin-left:0}.large-padding-collapse>.cell{padding-right:0;padding-left:0}}.small-offset-0{margin-left:0%}.grid-margin-x>.small-offset-0{margin-left:calc(0% + 1.25rem / 2)}.small-offset-1{margin-left:8.3333333333%}.grid-margin-x>.small-offset-1{margin-left:calc(8.3333333333% + 1.25rem / 2)}.small-offset-2{margin-left:16.6666666667%}.grid-margin-x>.small-offset-2{margin-left:calc(16.6666666667% + 1.25rem / 2)}.small-offset-3{margin-left:25%}.grid-margin-x>.small-offset-3{margin-left:calc(25% + 1.25rem / 2)}.small-offset-4{margin-left:33.3333333333%}.grid-margin-x>.small-offset-4{margin-left:calc(33.3333333333% + 1.25rem / 2)}.small-offset-5{margin-left:41.6666666667%}.grid-margin-x>.small-offset-5{margin-left:calc(41.6666666667% + 1.25rem / 2)}.small-offset-6{margin-left:50%}.grid-margin-x>.small-offset-6{margin-left:calc(50% + 1.25rem / 2)}.small-offset-7{margin-left:58.3333333333%}.grid-margin-x>.small-offset-7{margin-left:calc(58.3333333333% + 1.25rem / 2)}.small-offset-8{margin-left:66.6666666667%}.grid-margin-x>.small-offset-8{margin-left:calc(66.6666666667% + 1.25rem / 2)}.small-offset-9{margin-left:75%}.grid-margin-x>.small-offset-9{margin-left:calc(75% + 1.25rem / 2)}.small-offset-10{margin-left:83.3333333333%}.grid-margin-x>.small-offset-10{margin-left:calc(83.3333333333% + 1.25rem / 2)}.small-offset-11{margin-left:91.6666666667%}.grid-margin-x>.small-offset-11{margin-left:calc(91.6666666667% + 1.25rem / 2)}@media print,screen and (min-width:40em){.medium-offset-0{margin-left:0%}.grid-margin-x>.medium-offset-0{margin-left:calc(0% + 1.875rem / 2)}.medium-offset-1{margin-left:8.3333333333%}.grid-margin-x>.medium-offset-1{margin-left:calc(8.3333333333% + 1.875rem / 2)}.medium-offset-2{margin-left:16.6666666667%}.grid-margin-x>.medium-offset-2{margin-left:calc(16.6666666667% + 1.875rem / 2)}.medium-offset-3{margin-left:25%}.grid-margin-x>.medium-offset-3{margin-left:calc(25% + 1.875rem / 2)}.medium-offset-4{margin-left:33.3333333333%}.grid-margin-x>.medium-offset-4{margin-left:calc(33.3333333333% + 1.875rem / 2)}.medium-offset-5{margin-left:41.6666666667%}.grid-margin-x>.medium-offset-5{margin-left:calc(41.6666666667% + 1.875rem / 2)}.medium-offset-6{margin-left:50%}.grid-margin-x>.medium-offset-6{margin-left:calc(50% + 1.875rem / 2)}.medium-offset-7{margin-left:58.3333333333%}.grid-margin-x>.medium-offset-7{margin-left:calc(58.3333333333% + 1.875rem / 2)}.medium-offset-8{margin-left:66.6666666667%}.grid-margin-x>.medium-offset-8{margin-left:calc(66.6666666667% + 1.875rem / 2)}.medium-offset-9{margin-left:75%}.grid-margin-x>.medium-offset-9{margin-left:calc(75% + 1.875rem / 2)}.medium-offset-10{margin-left:83.3333333333%}.grid-margin-x>.medium-offset-10{margin-left:calc(83.3333333333% + 1.875rem / 2)}.medium-offset-11{margin-left:91.6666666667%}.grid-margin-x>.medium-offset-11{margin-left:calc(91.6666666667% + 1.875rem / 2)}}@media print,screen and (min-width:64em){.large-offset-0{margin-left:0%}.grid-margin-x>.large-offset-0{margin-left:calc(0% + 1.875rem / 2)}.large-offset-1{margin-left:8.3333333333%}.grid-margin-x>.large-offset-1{margin-left:calc(8.3333333333% + 1.875rem / 2)}.large-offset-2{margin-left:16.6666666667%}.grid-margin-x>.large-offset-2{margin-left:calc(16.6666666667% + 1.875rem / 2)}.large-offset-3{margin-left:25%}.grid-margin-x>.large-offset-3{margin-left:calc(25% + 1.875rem / 2)}.large-offset-4{margin-left:33.3333333333%}.grid-margin-x>.large-offset-4{margin-left:calc(33.3333333333% + 1.875rem / 2)}.large-offset-5{margin-left:41.6666666667%}.grid-margin-x>.large-offset-5{margin-left:calc(41.6666666667% + 1.875rem / 2)}.large-offset-6{margin-left:50%}.grid-margin-x>.large-offset-6{margin-left:calc(50% + 1.875rem / 2)}.large-offset-7{margin-left:58.3333333333%}.grid-margin-x>.large-offset-7{margin-left:calc(58.3333333333% + 1.875rem / 2)}.large-offset-8{margin-left:66.6666666667%}.grid-margin-x>.large-offset-8{margin-left:calc(66.6666666667% + 1.875rem / 2)}.large-offset-9{margin-left:75%}.grid-margin-x>.large-offset-9{margin-left:calc(75% + 1.875rem / 2)}.large-offset-10{margin-left:83.3333333333%}.grid-margin-x>.large-offset-10{margin-left:calc(83.3333333333% + 1.875rem / 2)}.large-offset-11{margin-left:91.6666666667%}.grid-margin-x>.large-offset-11{margin-left:calc(91.6666666667% + 1.875rem / 2)}}.grid-y{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column nowrap;flex-flow:column nowrap}.grid-y>.cell{height:auto;max-height:none}.grid-y>.auto{height:auto}.grid-y>.shrink{height:auto}.grid-y>.small-shrink,.grid-y>.small-full,.grid-y>.small-1,.grid-y>.small-2,.grid-y>.small-3,.grid-y>.small-4,.grid-y>.small-5,.grid-y>.small-6,.grid-y>.small-7,.grid-y>.small-8,.grid-y>.small-9,.grid-y>.small-10,.grid-y>.small-11,.grid-y>.small-12{-ms-flex-preferred-size:auto;flex-basis:auto}@media print,screen and (min-width:40em){.grid-y>.medium-shrink,.grid-y>.medium-full,.grid-y>.medium-1,.grid-y>.medium-2,.grid-y>.medium-3,.grid-y>.medium-4,.grid-y>.medium-5,.grid-y>.medium-6,.grid-y>.medium-7,.grid-y>.medium-8,.grid-y>.medium-9,.grid-y>.medium-10,.grid-y>.medium-11,.grid-y>.medium-12{-ms-flex-preferred-size:auto;flex-basis:auto}}@media print,screen and (min-width:64em){.grid-y>.large-shrink,.grid-y>.large-full,.grid-y>.large-1,.grid-y>.large-2,.grid-y>.large-3,.grid-y>.large-4,.grid-y>.large-5,.grid-y>.large-6,.grid-y>.large-7,.grid-y>.large-8,.grid-y>.large-9,.grid-y>.large-10,.grid-y>.large-11,.grid-y>.large-12{-ms-flex-preferred-size:auto;flex-basis:auto}}.grid-y>.small-12,.grid-y>.small-11,.grid-y>.small-10,.grid-y>.small-9,.grid-y>.small-8,.grid-y>.small-7,.grid-y>.small-6,.grid-y>.small-5,.grid-y>.small-4,.grid-y>.small-3,.grid-y>.small-2,.grid-y>.small-1{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}.grid-y>.small-1{height:8.3333333333%}.grid-y>.small-2{height:16.6666666667%}.grid-y>.small-3{height:25%}.grid-y>.small-4{height:33.3333333333%}.grid-y>.small-5{height:41.6666666667%}.grid-y>.small-6{height:50%}.grid-y>.small-7{height:58.3333333333%}.grid-y>.small-8{height:66.6666666667%}.grid-y>.small-9{height:75%}.grid-y>.small-10{height:83.3333333333%}.grid-y>.small-11{height:91.6666666667%}.grid-y>.small-12{height:100%}@media print,screen and (min-width:40em){.grid-y>.medium-auto{-webkit-box-flex:1;-ms-flex:1 1 0%;flex:1 1 0%;height:auto}.grid-y>.medium-12,.grid-y>.medium-11,.grid-y>.medium-10,.grid-y>.medium-9,.grid-y>.medium-8,.grid-y>.medium-7,.grid-y>.medium-6,.grid-y>.medium-5,.grid-y>.medium-4,.grid-y>.medium-3,.grid-y>.medium-2,.grid-y>.medium-1,.grid-y>.medium-shrink{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}.grid-y>.medium-shrink{height:auto}.grid-y>.medium-1{height:8.3333333333%}.grid-y>.medium-2{height:16.6666666667%}.grid-y>.medium-3{height:25%}.grid-y>.medium-4{height:33.3333333333%}.grid-y>.medium-5{height:41.6666666667%}.grid-y>.medium-6{height:50%}.grid-y>.medium-7{height:58.3333333333%}.grid-y>.medium-8{height:66.6666666667%}.grid-y>.medium-9{height:75%}.grid-y>.medium-10{height:83.3333333333%}.grid-y>.medium-11{height:91.6666666667%}.grid-y>.medium-12{height:100%}}@media print,screen and (min-width:64em){.grid-y>.large-auto{-webkit-box-flex:1;-ms-flex:1 1 0%;flex:1 1 0%;height:auto}.grid-y>.large-12,.grid-y>.large-11,.grid-y>.large-10,.grid-y>.large-9,.grid-y>.large-8,.grid-y>.large-7,.grid-y>.large-6,.grid-y>.large-5,.grid-y>.large-4,.grid-y>.large-3,.grid-y>.large-2,.grid-y>.large-1,.grid-y>.large-shrink{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}.grid-y>.large-shrink{height:auto}.grid-y>.large-1{height:8.3333333333%}.grid-y>.large-2{height:16.6666666667%}.grid-y>.large-3{height:25%}.grid-y>.large-4{height:33.3333333333%}.grid-y>.large-5{height:41.6666666667%}.grid-y>.large-6{height:50%}.grid-y>.large-7{height:58.3333333333%}.grid-y>.large-8{height:66.6666666667%}.grid-y>.large-9{height:75%}.grid-y>.large-10{height:83.3333333333%}.grid-y>.large-11{height:91.6666666667%}.grid-y>.large-12{height:100%}}.grid-padding-y .grid-padding-y{margin-top:-.625rem;margin-bottom:-.625rem}@media print,screen and (min-width:40em){.grid-padding-y .grid-padding-y{margin-top:-.9375rem;margin-bottom:-.9375rem}}.grid-padding-y>.cell{padding-top:.625rem;padding-bottom:.625rem}@media print,screen and (min-width:40em){.grid-padding-y>.cell{padding-top:.9375rem;padding-bottom:.9375rem}}.grid-margin-y{margin-top:-.625rem;margin-bottom:-.625rem}@media print,screen and (min-width:40em){.grid-margin-y{margin-top:-.9375rem;margin-bottom:-.9375rem}}.grid-margin-y>.cell{height:calc(100% - 1.25rem);margin-top:.625rem;margin-bottom:.625rem}@media print,screen and (min-width:40em){.grid-margin-y>.cell{height:calc(100% - 1.875rem);margin-top:.9375rem;margin-bottom:.9375rem}}.grid-margin-y>.auto{height:auto}.grid-margin-y>.shrink{height:auto}.grid-margin-y>.small-1{height:calc(8.3333333333% - 1.25rem)}.grid-margin-y>.small-2{height:calc(16.6666666667% - 1.25rem)}.grid-margin-y>.small-3{height:calc(25% - 1.25rem)}.grid-margin-y>.small-4{height:calc(33.3333333333% - 1.25rem)}.grid-margin-y>.small-5{height:calc(41.6666666667% - 1.25rem)}.grid-margin-y>.small-6{height:calc(50% - 1.25rem)}.grid-margin-y>.small-7{height:calc(58.3333333333% - 1.25rem)}.grid-margin-y>.small-8{height:calc(66.6666666667% - 1.25rem)}.grid-margin-y>.small-9{height:calc(75% - 1.25rem)}.grid-margin-y>.small-10{height:calc(83.3333333333% - 1.25rem)}.grid-margin-y>.small-11{height:calc(91.6666666667% - 1.25rem)}.grid-margin-y>.small-12{height:calc(100% - 1.25rem)}@media print,screen and (min-width:40em){.grid-margin-y>.auto{height:auto}.grid-margin-y>.shrink{height:auto}.grid-margin-y>.small-1{height:calc(8.3333333333% - 1.875rem)}.grid-margin-y>.small-2{height:calc(16.6666666667% - 1.875rem)}.grid-margin-y>.small-3{height:calc(25% - 1.875rem)}.grid-margin-y>.small-4{height:calc(33.3333333333% - 1.875rem)}.grid-margin-y>.small-5{height:calc(41.6666666667% - 1.875rem)}.grid-margin-y>.small-6{height:calc(50% - 1.875rem)}.grid-margin-y>.small-7{height:calc(58.3333333333% - 1.875rem)}.grid-margin-y>.small-8{height:calc(66.6666666667% - 1.875rem)}.grid-margin-y>.small-9{height:calc(75% - 1.875rem)}.grid-margin-y>.small-10{height:calc(83.3333333333% - 1.875rem)}.grid-margin-y>.small-11{height:calc(91.6666666667% - 1.875rem)}.grid-margin-y>.small-12{height:calc(100% - 1.875rem)}.grid-margin-y>.medium-auto{height:auto}.grid-margin-y>.medium-shrink{height:auto}.grid-margin-y>.medium-1{height:calc(8.3333333333% - 1.875rem)}.grid-margin-y>.medium-2{height:calc(16.6666666667% - 1.875rem)}.grid-margin-y>.medium-3{height:calc(25% - 1.875rem)}.grid-margin-y>.medium-4{height:calc(33.3333333333% - 1.875rem)}.grid-margin-y>.medium-5{height:calc(41.6666666667% - 1.875rem)}.grid-margin-y>.medium-6{height:calc(50% - 1.875rem)}.grid-margin-y>.medium-7{height:calc(58.3333333333% - 1.875rem)}.grid-margin-y>.medium-8{height:calc(66.6666666667% - 1.875rem)}.grid-margin-y>.medium-9{height:calc(75% - 1.875rem)}.grid-margin-y>.medium-10{height:calc(83.3333333333% - 1.875rem)}.grid-margin-y>.medium-11{height:calc(91.6666666667% - 1.875rem)}.grid-margin-y>.medium-12{height:calc(100% - 1.875rem)}}@media print,screen and (min-width:64em){.grid-margin-y>.large-auto{height:auto}.grid-margin-y>.large-shrink{height:auto}.grid-margin-y>.large-1{height:calc(8.3333333333% - 1.875rem)}.grid-margin-y>.large-2{height:calc(16.6666666667% - 1.875rem)}.grid-margin-y>.large-3{height:calc(25% - 1.875rem)}.grid-margin-y>.large-4{height:calc(33.3333333333% - 1.875rem)}.grid-margin-y>.large-5{height:calc(41.6666666667% - 1.875rem)}.grid-margin-y>.large-6{height:calc(50% - 1.875rem)}.grid-margin-y>.large-7{height:calc(58.3333333333% - 1.875rem)}.grid-margin-y>.large-8{height:calc(66.6666666667% - 1.875rem)}.grid-margin-y>.large-9{height:calc(75% - 1.875rem)}.grid-margin-y>.large-10{height:calc(83.3333333333% - 1.875rem)}.grid-margin-y>.large-11{height:calc(91.6666666667% - 1.875rem)}.grid-margin-y>.large-12{height:calc(100% - 1.875rem)}}.grid-frame{overflow:hidden;position:relative;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;width:100vw}.cell .grid-frame{width:100%}.cell-block{overflow-x:auto;max-width:100%;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar}.cell-block-y{overflow-y:auto;max-height:100%;min-height:100%;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar}.cell-block-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;max-height:100%}.cell-block-container>.grid-x{max-height:100%;-ms-flex-wrap:nowrap;flex-wrap:nowrap}@media print,screen and (min-width:40em){.medium-grid-frame{overflow:hidden;position:relative;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;width:100vw}.cell .medium-grid-frame{width:100%}.medium-cell-block{overflow-x:auto;max-width:100%;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar}.medium-cell-block-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;max-height:100%}.medium-cell-block-container>.grid-x{max-height:100%;-ms-flex-wrap:nowrap;flex-wrap:nowrap}.medium-cell-block-y{overflow-y:auto;max-height:100%;min-height:100%;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar}}@media print,screen and (min-width:64em){.large-grid-frame{overflow:hidden;position:relative;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;width:100vw}.cell .large-grid-frame{width:100%}.large-cell-block{overflow-x:auto;max-width:100%;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar}.large-cell-block-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;max-height:100%}.large-cell-block-container>.grid-x{max-height:100%;-ms-flex-wrap:nowrap;flex-wrap:nowrap}.large-cell-block-y{overflow-y:auto;max-height:100%;min-height:100%;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar}}.grid-y.grid-frame{overflow:hidden;position:relative;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;height:100vh;width:auto}@media print,screen and (min-width:40em){.grid-y.medium-grid-frame{overflow:hidden;position:relative;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;height:100vh;width:auto}}@media print,screen and (min-width:64em){.grid-y.large-grid-frame{overflow:hidden;position:relative;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;height:100vh;width:auto}}.cell .grid-y.grid-frame{height:100%}@media print,screen and (min-width:40em){.cell .grid-y.medium-grid-frame{height:100%}}@media print,screen and (min-width:64em){.cell .grid-y.large-grid-frame{height:100%}}.grid-margin-y{margin-top:-.625rem;margin-bottom:-.625rem}@media print,screen and (min-width:40em){.grid-margin-y{margin-top:-.9375rem;margin-bottom:-.9375rem}}.grid-margin-y>.cell{height:calc(100% - 1.25rem);margin-top:.625rem;margin-bottom:.625rem}@media print,screen and (min-width:40em){.grid-margin-y>.cell{height:calc(100% - 1.875rem);margin-top:.9375rem;margin-bottom:.9375rem}}.grid-margin-y>.auto{height:auto}.grid-margin-y>.shrink{height:auto}.grid-margin-y>.small-1{height:calc(8.3333333333% - 1.25rem)}.grid-margin-y>.small-2{height:calc(16.6666666667% - 1.25rem)}.grid-margin-y>.small-3{height:calc(25% - 1.25rem)}.grid-margin-y>.small-4{height:calc(33.3333333333% - 1.25rem)}.grid-margin-y>.small-5{height:calc(41.6666666667% - 1.25rem)}.grid-margin-y>.small-6{height:calc(50% - 1.25rem)}.grid-margin-y>.small-7{height:calc(58.3333333333% - 1.25rem)}.grid-margin-y>.small-8{height:calc(66.6666666667% - 1.25rem)}.grid-margin-y>.small-9{height:calc(75% - 1.25rem)}.grid-margin-y>.small-10{height:calc(83.3333333333% - 1.25rem)}.grid-margin-y>.small-11{height:calc(91.6666666667% - 1.25rem)}.grid-margin-y>.small-12{height:calc(100% - 1.25rem)}@media print,screen and (min-width:40em){.grid-margin-y>.auto{height:auto}.grid-margin-y>.shrink{height:auto}.grid-margin-y>.small-1{height:calc(8.3333333333% - 1.875rem)}.grid-margin-y>.small-2{height:calc(16.6666666667% - 1.875rem)}.grid-margin-y>.small-3{height:calc(25% - 1.875rem)}.grid-margin-y>.small-4{height:calc(33.3333333333% - 1.875rem)}.grid-margin-y>.small-5{height:calc(41.6666666667% - 1.875rem)}.grid-margin-y>.small-6{height:calc(50% - 1.875rem)}.grid-margin-y>.small-7{height:calc(58.3333333333% - 1.875rem)}.grid-margin-y>.small-8{height:calc(66.6666666667% - 1.875rem)}.grid-margin-y>.small-9{height:calc(75% - 1.875rem)}.grid-margin-y>.small-10{height:calc(83.3333333333% - 1.875rem)}.grid-margin-y>.small-11{height:calc(91.6666666667% - 1.875rem)}.grid-margin-y>.small-12{height:calc(100% - 1.875rem)}.grid-margin-y>.medium-auto{height:auto}.grid-margin-y>.medium-shrink{height:auto}.grid-margin-y>.medium-1{height:calc(8.3333333333% - 1.875rem)}.grid-margin-y>.medium-2{height:calc(16.6666666667% - 1.875rem)}.grid-margin-y>.medium-3{height:calc(25% - 1.875rem)}.grid-margin-y>.medium-4{height:calc(33.3333333333% - 1.875rem)}.grid-margin-y>.medium-5{height:calc(41.6666666667% - 1.875rem)}.grid-margin-y>.medium-6{height:calc(50% - 1.875rem)}.grid-margin-y>.medium-7{height:calc(58.3333333333% - 1.875rem)}.grid-margin-y>.medium-8{height:calc(66.6666666667% - 1.875rem)}.grid-margin-y>.medium-9{height:calc(75% - 1.875rem)}.grid-margin-y>.medium-10{height:calc(83.3333333333% - 1.875rem)}.grid-margin-y>.medium-11{height:calc(91.6666666667% - 1.875rem)}.grid-margin-y>.medium-12{height:calc(100% - 1.875rem)}}@media print,screen and (min-width:64em){.grid-margin-y>.large-auto{height:auto}.grid-margin-y>.large-shrink{height:auto}.grid-margin-y>.large-1{height:calc(8.3333333333% - 1.875rem)}.grid-margin-y>.large-2{height:calc(16.6666666667% - 1.875rem)}.grid-margin-y>.large-3{height:calc(25% - 1.875rem)}.grid-margin-y>.large-4{height:calc(33.3333333333% - 1.875rem)}.grid-margin-y>.large-5{height:calc(41.6666666667% - 1.875rem)}.grid-margin-y>.large-6{height:calc(50% - 1.875rem)}.grid-margin-y>.large-7{height:calc(58.3333333333% - 1.875rem)}.grid-margin-y>.large-8{height:calc(66.6666666667% - 1.875rem)}.grid-margin-y>.large-9{height:calc(75% - 1.875rem)}.grid-margin-y>.large-10{height:calc(83.3333333333% - 1.875rem)}.grid-margin-y>.large-11{height:calc(91.6666666667% - 1.875rem)}.grid-margin-y>.large-12{height:calc(100% - 1.875rem)}}.grid-frame.grid-margin-y{height:calc(100vh + 1.25rem)}@media print,screen and (min-width:40em){.grid-frame.grid-margin-y{height:calc(100vh + 1.875rem)}}@media print,screen and (min-width:64em){.grid-frame.grid-margin-y{height:calc(100vh + 1.875rem)}}@media print,screen and (min-width:40em){.grid-margin-y.medium-grid-frame{height:calc(100vh + 1.875rem)}}@media print,screen and (min-width:64em){.grid-margin-y.large-grid-frame{height:calc(100vh + 1.875rem)}}.float-left{float:left!important}.float-right{float:right!important}.float-center{display:block;margin-right:auto;margin-left:auto}.clearfix::before,.clearfix::after{display:table;content:" ";-ms-flex-preferred-size:0;flex-basis:0%;-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.clearfix::after{clear:both}.align-left{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.align-right{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.align-center{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.align-justify{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.align-spaced{-ms-flex-pack:distribute;justify-content:space-around}.align-left.vertical.menu>li>a{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.align-right.vertical.menu>li>a{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.align-center.vertical.menu>li>a{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.align-top{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.align-self-top{-ms-flex-item-align:start;align-self:flex-start}.align-bottom{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.align-self-bottom{-ms-flex-item-align:end;align-self:flex-end}.align-middle{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.align-self-middle{-ms-flex-item-align:center;align-self:center}.align-stretch{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}.align-self-stretch{-ms-flex-item-align:stretch;align-self:stretch}.align-center-middle{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:center;align-content:center}.small-order-1{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.small-order-2{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}.small-order-3{-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3}.small-order-4{-webkit-box-ordinal-group:5;-ms-flex-order:4;order:4}.small-order-5{-webkit-box-ordinal-group:6;-ms-flex-order:5;order:5}.small-order-6{-webkit-box-ordinal-group:7;-ms-flex-order:6;order:6}@media print,screen and (min-width:40em){.medium-order-1{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.medium-order-2{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}.medium-order-3{-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3}.medium-order-4{-webkit-box-ordinal-group:5;-ms-flex-order:4;order:4}.medium-order-5{-webkit-box-ordinal-group:6;-ms-flex-order:5;order:5}.medium-order-6{-webkit-box-ordinal-group:7;-ms-flex-order:6;order:6}}@media print,screen and (min-width:64em){.large-order-1{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.large-order-2{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}.large-order-3{-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3}.large-order-4{-webkit-box-ordinal-group:5;-ms-flex-order:4;order:4}.large-order-5{-webkit-box-ordinal-group:6;-ms-flex-order:5;order:5}.large-order-6{-webkit-box-ordinal-group:7;-ms-flex-order:6;order:6}}.flex-container{display:-webkit-box;display:-ms-flexbox;display:flex}.flex-child-auto{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto}.flex-child-grow{-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto}.flex-child-shrink{-webkit-box-flex:0;-ms-flex:0 1 auto;flex:0 1 auto}.flex-dir-row{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.flex-dir-row-reverse{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.flex-dir-column{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.flex-dir-column-reverse{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}@media print,screen and (min-width:40em){.medium-flex-container{display:-webkit-box;display:-ms-flexbox;display:flex}.medium-flex-child-auto{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto}.medium-flex-child-grow{-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto}.medium-flex-child-shrink{-webkit-box-flex:0;-ms-flex:0 1 auto;flex:0 1 auto}.medium-flex-dir-row{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.medium-flex-dir-row-reverse{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.medium-flex-dir-column{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.medium-flex-dir-column-reverse{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}}@media print,screen and (min-width:64em){.large-flex-container{display:-webkit-box;display:-ms-flexbox;display:flex}.large-flex-child-auto{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto}.large-flex-child-grow{-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto}.large-flex-child-shrink{-webkit-box-flex:0;-ms-flex:0 1 auto;flex:0 1 auto}.large-flex-dir-row{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.large-flex-dir-row-reverse{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.large-flex-dir-column{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.large-flex-dir-column-reverse{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}} /* COLUMNS */ @media screen and (max-width:29.99rem) {.columns432 {display:grid; grid-template-columns:repeat(2, 1fr);}} @media screen and (min-width:30rem) and (max-width:49.99rem) {.columns432 {display:grid; grid-template-columns:repeat(3, 1fr);}} @media screen and (min-width:50rem) {.columns432 {display:grid; grid-template-columns:repeat(4, 1fr);}} @media screen and (max-width:29.99rem) {.columns332 {display:grid; grid-template-columns:repeat(2, 1fr);}} @media screen and (min-width:30rem) and (max-width:49.99rem) {.columns332 {display:grid; grid-template-columns:repeat(3, 1fr);}} @media screen and (min-width:50rem) {.columns332 {display:grid; grid-template-columns:repeat(3, 1fr);}} @media screen and (max-width:29.99rem) {.columns321 {display:grid; grid-template-columns:repeat(1, 1fr);}} @media screen and (min-width:30rem) and (max-width:49.99rem) {.columns321 {display:grid; grid-template-columns:repeat(2, 1fr);}} @media screen and (min-width:50rem) {.columns321 {display:grid; grid-template-columns:repeat(3, 1fr);}} @media screen and (max-width:29.99rem) {.columns221 {display:grid; grid-template-columns:repeat(1, 1fr);}} @media screen and (min-width:30rem) and (max-width:49.99rem) {.columns221 {display:grid; grid-template-columns:repeat(2, 1fr);}} @media screen and (min-width:50rem) {.columns221 {display:grid; grid-template-columns:repeat(2, 1fr);}} @media screen and (max-width:29.99rem) {.columns222 {display:grid; grid-template-columns:repeat(2, 1fr);}} @media screen and (min-width:30rem) and (max-width:49.99rem) {.columns222 {display:grid; grid-template-columns:repeat(2, 1fr);}} @media screen and (min-width:50rem) {.columns222 {display:grid; grid-template-columns:repeat(2, 1fr);}} @media screen and (max-width:29.99rem) {.columns211 {display:grid; grid-template-columns:repeat(1, 1fr);}} @media screen and (min-width:30rem) and (max-width:49.99rem) {.columns211 {display:grid; grid-template-columns:repeat(1, 1fr);}} @media screen and (min-width:50rem) {.columns211 {display:grid; grid-template-columns:repeat(2, 1fr);}} @media screen and (max-width:29.99rem) {.columns_borderleft {display:grid; grid-template-columns:1fr;}} @media screen and (min-width:30rem) and (max-width:49.99rem) {.columns_borderleft {display:grid; grid-template-columns:1fr;}} @media screen and (min-width:50rem) {.columns_borderleft {display:grid; grid-template-columns: 1fr 3fr;}} /*Damit Footer am unteren Ende bündig wird */ .gap10 { gap:5px 10px; } .gap20 { gap:20px; } .gap20x { gap:0 20px; } .w100 { width:100%; } .flex-column { display: flex; flex-flow: column wrap; justify-content: flex-start; align-items:center; gap:1rem; } .flex-column-space { display: flex; flex-flow: column wrap; justify-content: space-between; border:2px dotted var(--col3); padding:0.2rem 0.8rem; } .center-flex { display: flex; justify-content: center; } .center-center-flex { display: flex; justify-content: center; align-items:center; } .space-flex { display: flex; flex-flow: row wrap; justify-content: space-around; } body { display: flex; flex-direction: column; min-height: 100vh; margin: 0; scroll-behavior:smooth; width:100%; } main { overflow-x:hidden; flex: 1; min-height:calc(100vh - 60px); padding-bottom:1rem; } #wrapper { width:100%; } header { height: 190px; position: sticky; z-index: 100; top: 0; border: 1px solid #5447EA; overflow: hidden; /* Verhindert Überlauf */ } @media screen and (max-width:1079px) { header { height: 145px; } } @media screen and (max-width:639px) { header { height: 110px; } } @media screen and (max-width:479px) { header { height: 96px; } } @media screen and (max-width:400px) { .headertext { margin-left:40px; } } /* @media screen and (max-height:700px) { header { position:relative; } #nav-icon4 { position: fixed; } } */ header .inside { max-width: 100%; overflow: hidden; height:100%; } @media screen and (min-width:1080px) { header .inside .header-content { display: inline-flex; flex-flow: row nowrap; justify-content: space-between; align-items: center; padding: 0 20px; max-width: 1200px; margin: 0 auto; height:100%; }} .links01 main { width: 100%; height:100%; background-image: url('/files/graphics/bg_shalom.webp'); background-repeat: repeat; background-position: top left; } /* Responsive Anpassungen für kleinere Screens @media (max-width: 1079px) { header .inside .header-content { flex-wrap: wrap; justify-content: center; gap: 15px; } } */ /* ********************************************************************* MENU ASIDE */ .menu_aside { position:fixed; left:0; top:70vh; max-width:180px; margin:0px; margin-left:-2px; z-index:120; border:2px dotted #fff6f6; background-color: var(--col3); } @media screen and (min-width:700px) and (max-width:1300px) { menu-aside { margin-left:-2px; } } @media screen and (max-width:1079px) { #ma, .menu_aside { display:none; }} .menu_aside ul { margin-left:0; color: white; margin-bottom:0; } .menu_aside li { padding:4px; } /* Verdeckung durch Aside-Menu vermeiden */ /* @media screen and (min-width:1080px) and (max-width:1200px) { main {padding-left:1.5rem; } } */ header .mod_changelanguage { position: absolute; right: 0.8rem; top:1.8rem; background-color: var(--col3); padding-bottom: 5px; border:2px dotted var(--col1); border-radius:5px; z-index:2; } .mod_changelanguage select { height:1.5rem; color:var(--col1); background-color: var(--col3); width:125px; /* border:1px solid var(--col1); */ border:none; margin-bottom:0; cursor:pointer; } .mod_changelanguage h5 { font-size:1rem; font-weight:400; color:white; margin-bottom:0; padding-left:7px; border-bottom: 2px solid var(--col3); } @media screen and (max-width:1079px) { .header-content { display:none; } header .mod_changelanguage { display:none; } #click-menu .mod_changelanguage ul { display:flex; flex-flow: row nowrap; justify-content: space-around; /* position:relative; right: inherit; top: inherit; */ z-index: 105; padding: 0.8rem; border: 1px solid var(--col3); border-radius: 5px; width:70%; margin: 1rem; background: transparent; } #click-menu .mod_changelanguage li { background: transparent; padding:6px; } #click-menu .mod_changelanguage select { height:1.5rem; color:var(--col0); background-color:var(--col2); border:1px solid var(--col1); margin-bottom:0; padding:6px; }} @media screen and (max-width:1079px) { .smallheader { display:flex; flex-flow:row nowrap!important; justify-content:flex-start; align-items:center; height:100%; }} @media screen and (min-width:1080px) { .smallheader { display:none; } header .hamburger { display:none; } } @media screen and (min-width:300px) { .image-header .smartphone { display:none; } .image-header .desktop { display:flex; } } .randabstand { padding-left: max(25px, 1.4vw + 20px); padding-right: max(25px, 1.4vw + 20px); } @media screen and (max-width:480px) and (orientation:portrait) { .image-header .smartphone { display:flex; } .image-header .desktop { display:none; } } .contained { max-width:1200px; margin-left:auto; margin-right:auto; padding:2rem; overflow:visible; /* wird benötigt für Rhomboid-Hintergrund */ } @media screen and (max-width:600px) { .contained { padding: 1.5rem; margin-top: 1rem; } } @media screen and (max-width:400px) { .contained { padding:0.7rem; } } .card .rte { display: grid; grid-template-rows: auto auto 1fr; height: 100%; /* Wichtig: Füllt die Höhe des äußeren Grid-Items */ } footer { width:100%; padding: 0 0.5rem; background-color: var(--col3); background-image: url("/files/pictures/background/kombi2_H100.webp"); background-repeat:repeat; } .home1 footer { margin-top: 1.5rem; } .footer-content { display:flex; gap: 2rem;opacity: 0; visibility: hidden; justify-content: space-around; } /* SPRUNGMARKEN */ #datenschutz { scroll-margin-top: 150px; /* Höhe Ihrer fixierten Navigation + optional etwas Puffer */ } #event { scroll-margin-top: -610px; /* Höhe Ihrer fixierten Navigation + optional etwas Puffer */ } #veranstaltung { width:auto; max-width:95vw; opacity: 0; visibility: hidden; transition: opacity 1.2s ease; background-image: url('/files/graphics/bg-mesusa.webp'); background-color: var(--col2); position: fixed; top:82px; right:15px; padding: 20px; padding-top:10px; min-width:308px; box-sizing:border-box; margin: 0; transform: rotate(6deg); pointer-events: none; cursor: pointer; z-index:5; } /* sichtbar */ #veranstaltung.show { opacity: 1; visibility: visible; pointer-events: auto; } #veranstaltung p, #veranstaltung h5, #veranstaltung h4, #veranstaltung a { margin-bottom:0; color:black; background:transparent; font-weight:600; font-family: Inter,Roboto,Calibri,Arial,sans-serif; } #veranstaltung a { color:grey; } #sign { width:auto; max-width:95vw; opacity: 0; visibility: hidden; transition: opacity 1.2s ease; background: url('/files/graphics/bg-sign.webp'); background-color: #4B0082; background-position: center; background-repeat: no-repeat; background-size: cover; position: fixed; top:105px; left:12px; padding: 20px; padding-top:10px; min-width:300px; box-sizing:border-box; margin: 0; transform: rotate(-20deg); pointer-events: none; cursor: pointer; z-index:5; } /* sichtbar */ #sign.show { opacity: 1; visibility: visible; pointer-events: auto; } #sign p, #sign h5, #sign h4, #sign a { margin-bottom:0; color: var(--col2); font-weight:600; font-family: Inter,Roboto,Calibri,Arial,sans-serif; background:transparent; } #sign a { color:var(--col2); text-decoration:none; } .ma { --_ma-color-a: #fff; --_ma-color-b: #111; --_ma-speed: 250ms; --_ma-animation-direction: 1; --_ma-animation-timing-function: linear; --_ma-border-width: 2px; --_ma-size-a: 4px; --_ma-size-b: 4px; --_ma-angle: 45deg; --_ma-size: calc(var(--_ma-size-a) + var(--_ma-size-b)); --_ma-shift: calc(var(--_ma-size) / sin(var(--_ma-angle))); position: relative; } .ma:before, .ma:after { content: ''; position: absolute; inset: calc(var(--_ma-border-width) * -1); pointer-events: none; border-radius: inherit; background: repeating-linear-gradient( var(--_ma-angle), var(--_ma-color-a) 0 var(--_ma-size-a), var(--_ma-color-b) var(--_ma-size-a) var(--_ma-size) ); background-size: var(--_ma-shift) 100%; mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); mask-composite: exclude; } .ma:before { padding: 0 var(--_ma-border-width) var(--_ma-border-width) 0; animation: ma-animation-b var(--_ma-speed) var(--_ma-animation-timing-function) infinite; } .ma:after { padding: var(--_ma-border-width) 0 0 var(--_ma-border-width); animation: ma-animation-a var(--_ma-speed) var(--_ma-animation-timing-function) infinite; } .ma:hover:before, .ma:hover:after { animation-play-state: paused; } @keyframes ma-animation-b { to { background-position: calc(var(--_ma-shift) * var(--_ma-animation-direction) * -1) 0; } } @keyframes ma-animation-a { to { background-position: calc(var(--_ma-shift) * var(--_ma-animation-direction)) 0; } } .ma-example { box-shadow: 0 1rem 3rem rgb(0 0 0 / .66); } .ma-example--10 { border-radius: 0; --_ma-color-a: #fff; --_ma-color-b: #111; --_ma-speed: 250ms; --_ma-animation-direction: 1; --_ma-animation-timing-function: linear; --_ma-border-width: 2px; --_ma-size-a: 4px; --_ma-size-b: 4px; } *, *::before, *::after { margin: 0; padding: 0; border: 0; box-sizing: border-box; } /* ZUSÄTZLICHER LAYER FÜR TELTRANSPARENTEN CANVAS, WELCHER POINTER AKTIONEN DURCHLÄSST */ #container { position: relative; /* Wichtig für die Positionierung des Overlays */ /* weitere Stile wie width, height, etc. */ } /* #container::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; */ /* Der teiltransparente Hintergrund (hier 30% Schwarz) */ /* background-color: rgba(5, 5, 0, 0.3); /* Der Schlüssel: Klicks und Mauszeiger gehen hindurch */ /* pointer-events: none; z-index:100; } */ .content-swiper { width:100%; } @media screen and (min-width:1352px) { .content-swiper { width: calc(100vw - 150px); margin-left:75px; margin-right:auto; margin-top:1.8rem; } .swiper-slide { border: 1px dotted var(--col3); border-radius: 3px; } } .swiper-flex { display:flex; flex-flow:row nowrap; align-items:center; background-color:#f2f7ff; position:relative; } .swiper-flex figure { flex-shrink:0; } .swiper-button-prev, .swiper-button-next { color:var(--col3); opacity:0.6; -webkit-text-stroke-color:black; text-stroke-color:black; -webkit-text-stroke-width:2px; text-stroke-width:2px; } .swiper-button-disabled { display:none; } .swiper-flex p, .swiper-flex p a { font-size:0.9em; margin-bottom:0; } .swiper-flex a { text-decoration:none; } .link-card .rte { display: flex; flex-flow:row wrap; gap: 10px; padding: 1rem; justify-content: center; align-items: center; min-height: 100px; /*border: 2px dotted purple; */ border-radius:8px; background:var(--col2); overflow:hidden; position:relative; /* box-shadow: 8px 8px 2px #3100c7, -8px -8px 3px #4d00ff; */ box-shadow: 4px 6px 0 #13004e; transition: transform 0.2s ease, box-shadow 0.2s ease; } .link-card .rte:hover { transform: translateY(-4px); /* Bewegt den Button 4px hoch */ transform: translateX(-2px); box-shadow: 8px 10px 0 #13004e; background:white;/* Macht den Schatten 4px dicker */ } .link-card .rte a:hover{ color:#13004e; } .link-card .rte p { margin:0; } .link-card .content-text { padding:0.5rem 0; } .link-card a::after, .swiper-flex a::after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; /* Streckt die Klickfläche über die gesamte .card */ } :root {text-align: left; --col0: #141414; /* Text */ --col1: #FFFFFF; /* white */ --col2: #f9f4ef; /* Hintergrund pastell, gewählt wurde #fafff3 ev. auch #D7E8BA oder #f9f4ef */ --col3: #384aa8; /* Akzentfarbe indigo */ --col4: #2E5077; /*Akzentfarbe blau */ } /* GENERAL SETTINGS */ body { width:100%; background: var(--col1); font-family:'Inter',Arial,Sans-Serif; color:var(--col3); overflow-x:hidden; } body.mesusa { background: var(--col1); background-image: url('/files/graphics/bg-mesusa.webp'); } p a, h5 a, h4 a, h3 a { text-decoration:underline; text-decoration-thickness: 1px; text-decoration-color: #5761BA; text-underline-offset: 0.3em; } .mesusa p a, .mesusa h5 a, .mesusa h4 a, .mesusa h3 a { text-decoration-color: #3F00FF ; } li, p { line-height:2; } p a:hover, h5 a:hover, h4 a:hover, h3 a:hover, a:hover { text-decoration:underline; text-decoration-thickness: 1px; text-decoration-color: transparent; color:#BC85FF; text-underline-offset: 0.2em; background-color:transparent; } header h1, header h2, header h3, header h4 { line-height:90%; } .border { padding-left: 1.2rem; } @media screen and (min-width:600px) { .border { padding-left: 2rem; }} @media screen and (min-width:1080px) { .border { padding-left: 3rem; }} .border p, .border h2, .border h3, .border h4, .border h5, border a { font-style:italic; } hr { /* border: 1px solid #1C00A4; */ margin-top:1.5rem; margin-bottom:1.5rem; } .indigo h1, .indigo h2, .indigo h3, .indigo h4, .indigo h5, .indigo p,.indigo a,.indigo li { color:white; } .indigo .link-card h1, .indigo .link-card h2, .indigo .link-card h3, .indigo .link-card h4, .indigo .link-card h5, .indigo .link-card p,.indigo .link-card a,.indigo .link-card li { color:var(--col3); text-decoration:none; font-weight:600; } .manifest-wrapper li { list-style-position: inside; text-indent: -1em; list-style-type: square; } .indigo .link-card a { font-size:1.5rem; line-height:1rem; } @media screen and (max-width:950px) { .indigo .link-card a { font-size:1.2rem; line-height:1rem; } } .links01 h2, .links01 h3, .links01 h4 { margin-bottom:0; } .bg2 { background-color:rgba(8, 0, 255, 0.04); } .erklaerung p,.erklaerung li,.erklaerung h2,.erklaerung h3,.erklaerung h4 { font-style:italic; } .text-indent { text-indent: -57px; margin-left: 57px; } /* .erklaerung { position:relative; } .erklaerung::before { content: ""; position: absolute; top: 1px; bottom: 1px; width: 30px; background-color: #782ad6; translate: max(10px, calc((100vw - 1270px) / 2)); } */ /* ---------------------------------------------------------------FORM-ELEMENTS ----------------------------------------------------------------- */ .widget-radio, .widget-checkbox { margin:1.6rem 0; } .radiobutton_column { display:flex; flex-flow:column; } .checkbox_inline [type="checkbox"] + label, .checkbox_inline [type="radio"] + label, .radiobutton_column [type="checkbox"] + label, radiobutton_column [type="radio"] + label{ display:inline; } .checkbox_inline label { line-height:1.5rem; } /* .checkbox_inline span:not(.mandatory) { display: flex; flex-flow: row nowrap; align-items: flex-start; } */ label { font-size:1rem; } .checkbox_container [type="checkbox"] { margin-bottom:0; } .dsg span:not(.mandatory), .checkbox_container span:not(.mandatory), .radio_container span:not(.mandatory) { display: flex; align-items: baseline; gap: 10px; } @media screen and (max-width:33.9999rem) { p, li, a { font-size:0.8rem; } h1 { font-size:1.6rem; } header h1 { font-size:2.1rem; line-height: 2.8rem; } .headertext { height: 100%; display: flex; flex-flow: column; align-items: center; justify-content: flex-start; margin-top: 7px; } h4, h4 a { font-size:1.2rem; } h5, h5 a { font-size:0.9rem; } .handorgel__header__button { font-size:0.8rem; padding: 15px 20px; } } @media screen and (min-width:34rem) { p, li, a { font-size:0.8rem; } h1 { font-size:2rem; } header h1 { font-size:2.8rem; line-height: 3.8rem; } .headertext { height: 100%; display: flex; flex-flow: column; align-items: center; justify-content: center; margin-top: 7px; } h4, h4 a { font-size:1.3rem; } h5, h5 a { font-size:1rem; } .handorgel__header__button { font-size:1.1rem; padding: 15px 20px; } } @media screen and (min-width:40rem) { p, li, a { font-size:0.95rem; } h1 { font-size:3.25rem; line-height: 3.8rem; } header h1 { font-size:3.6rem; line-height: 4.2rem; } h4, h4 a { font-size:1.6rem; } h5, h5 a { font-size:1.1rem; } .handorgel__header__button { font-size:1.2rem; padding: 15px 20px; } } @media screen and (min-width:40rem) { p, li, a { font-size:0.95rem; } h1 { font-size:3.25rem; line-height: 3.8rem; } header h1 { font-size:3.6rem; line-height: 4.2rem; } h4, h4 a { font-size:1.6rem; } h5, h5 a { font-size:1.1rem; } .headertext { height: 100%; display: flex; flex-flow: column; align-items: center; justify-content: flex-start; margin-top: 7px; } .handorgel__header__button { font-size:1.2rem; padding: 15px 20px; } } @media screen and (min-width:64rem) { p, li, a { font-size:1rem; } h1 { font-size:3.25rem; line-height: 3.8rem; } header h1 { font-size:4.25rem; line-height: 4.8rem; } h4, h4 a { font-size:1.6rem; } h5, h5 a { font-size:1.1rem; } .handorgel__header__button { font-size:1.2rem; padding: 15px 20px; } } h2, h2 a { font-size: clamp(2rem, 2.4vw + 1rem, 2.7rem); } h3, h3 a { font-size: clamp(1.5rem, 1.6vw + 1rem, 2.2rem); } h1,h2,h3,h4 { font-family:'Butler',Arial,Sans-Serif; font-weight:400; color: var(--col3); letter-spacing: 0.3px; /* transform: scaleX(0.97); */ } p { font-family:'Inter',Arial,Sans-Serif; hyphens: auto; } h2, h3, h4, li { hyphens: auto; } a { /* color:var(--col1); color:#5900C5; */ color:var(--col3); } /* p a { color:#5900C5; text-shadow: 1px 1px #717b8a; } */ .manifest p, .manifest a, .manifest li { font-family:'Inter',Arial,Sans-Serif; font-size:1.08rem; font-weight:400; /* letter-spacing:1px; */ text-align: justify; } @media screen and (max-width:1000px) { .manifest p, .manifest a, .manifest li { font-size: calc(11px + (100vw / 94)); /* font-size: calc(12px + (100vw / 80)); */ font-weight:400; /* letter-spacing:1px; */ text-align: justify; } } /* h1 a, h2 a, h3 a, h4 a, h5 a { color:var(--col3); } */ h2.rhomboid { position: relative; display: inline-block; padding: 0 48px; margin: 20px 0; color: var(--col3); z-index: 1; translate: -50px 0; } h2.rhomboid::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: none; transform: skewX(-35deg); z-index: -1; border-left:30px double var(--col1); height:auto; min-height:100%; } @media screen and (max-width:1250px) { h2.rhomboid { translate: 1px 0; } h2.rhomboid::before { border-left:22px double var(--col1); } } header h1 {bottom: 0px; margin-bottom: 3vh; /* min-width: auto !important; */ min-width:330px; text-align: center; } header h1, header h2, header h3, header h4 { color: var(--col1); background-color: var(--col3); margin-bottom:0; } header h2 { translate:0 -1.2rem; } .title_hero_desktop { color:#FF7D00; /* font-size:calc(3.1rem + 1.1vw); */ font-size:calc(2.4rem + 1.4vw); margin-bottom:0; line-height:inherit; margin-top:calc(1rem - 0.7vw); } .title_hero_desktop_span { font-size:calc(0.5rem + 0.9vw); margin:0px; margin-left:0.1vw; padding:0 } .title_hero_smartphone { color:#FF7D00; font-size:calc(1.7rem + 2.5vw); margin-bottom:0; } .title_hero_smartphone_span { color: #FF7D00; margin-bottom:5px; margin-left: 10px; padding: 0; font-size: calc(0.9rem + 0.5vw); display: flex; align-items: flex-end; text-align:center; } .image-header.desktop { position:absolute; top:30px; z-index:6; justify-content:center; width:100%; overflow:hidden; margin-bottom:0; } @media screen and (max-height:480px) { .image-header.desktop { top:2px; } } .image-header.smartphone { position:absolute; top:20px; z-index:5; justify-content:center; width:100%; overflow:hidden; margin-bottom:0; } /* @media screen and (orientation:portrait) { h1.title_hero_smartphone, h5.title_hero_smartphone_span { translate:0 2rem; } } */ @media screen and (max-height:375px) and (orientation:landscape) { h1.title_hero_smartphone, h5.title_hero_smartphone_span { translate:0 -1rem; } } /* NAVIGATION */ header nav.mod_navigation { overflow: hidden; } header nav.mod_navigation ul { display: flex; flex-flow: row nowrap; justify-content:center; align-items: center; margin: 0; height: 100px;bottom: 0px; margin-bottom: 2.6vh; padding: 0 1rem; } header nav.mod_navigation ul li { font-size: 1.2rem; list-style-type: none; display: inline-block; background-color: var(--col3); min-width:155px; max-width: 210px; text-align: center; margin-right: -10px; /* Engere Überlappung */ position: relative; z-index: 1; transition: all 0.01s ease;margin: 3rem 0rem; } header nav.mod_navigation ul li a:hover { z-index: 2; font-weight:600;/* Hover-Element nach vorne bringen */ letter-spacing:-0.4px; color: var(--col1); } header nav.mod_navigation ul.level_1 li.active { border: 2px dotted var(--col1); color: var(--col1); } header nav.mod_navigation ul li a { color: var(--col1); font-size:1.2rem; font-weight: 400; text-align: center; display: block; padding: 2px 10px; padding-right:16px; text-decoration: none; } header nav.mod_navigation ul li a:hover { color: var(--col1); } nav.mod_navigation ul li.active strong.active { font-weight: 400; color: var(--col3); } header nav.mod_navigation ul li.active strong.active { font-weight: 400; color: var(--col1); } nav.mod_navigation .mod_navigation { background-color: var(--col3); } @media screen and (min-width:1080px) and (max-width:1149px) { header nav.mod_navigation ul li a { line-height:1.5rem; } header nav.mod_navigation ul li { line-height:1.6rem; } } /* Mobile Navigation @media (max-width: 1079px) { header nav ul { flex-direction: column; height: auto; transform: none; width: 100%; } header nav ul li { width: 100% !important; margin-right: 0; margin-bottom: 5px; transform: none !important; margin-left: 0 !important; } header .inside .header-content { margin-left: 0; } } */ /* Sehr kleine Screens @media (max-width: 480px) { header .inside .header-content { flex-direction: column; text-align: center; } header h1 { font-size: 1.5rem; } header nav ul li { font-size: 1.1rem; } } */ /* ********************************************************************** MOBILE MENUE ***************************************************** */ @media screen and (max-width:1079px) { .hamburger { position:absolute; top:2px; right:10px; display:flex; justify-content:center; align-content:center; background-color: transparent; border: none; } button.hamburger img { width:50px; max-width:50px; height:50px; z-index: 102; cursor: pointer; } } .mod_article.menupage{ width:100%; max-width:100%; height:100vh; margin:0; padding-left:30px; background-color:white; color:black; } .mobile_canvas { position:fixed; left:-230000px; height:100vh; width:100%; top:0; background-color:rgba(0,0,0,0.5); z-index:100; } .show_up { left:0px; } .mobile_menu { background-color:var(--col2); width:310px; min-height:100vh; padding-left:20px; padding-top: calc(4px + 3vh); z-index:110; overflow:scroll; } .mobile_menu .mod_customnav .level_1 { padding: 0.5rem 0.8rem; border: 1px solid #317b83; border-radius:5px; margin-right: 1.3rem; background: #317b830d; } nav.mod_customnav ul{ text-align:initial; z-index:110; list-style-type:none; margin-left:0; } nav.mod_customnav ul li{ color:black; font-size: calc(2vh + 0.9rem); line-height:2.5rem; font-family:Inter,Arial,Sans-Serif; text-transform: uppercase; display:block; } nav.mod_customnav ul li.active, nav.mod_customnav li.active strong.active { width: 90%; background-color: var(--col1); padding: 0px 5px; margin: 0.15rem 0; font-size: calc(1vh + 0.9rem); font-weight:600; color: var(--col3); letter-spacing:-1px; } nav.mod_customnav ul li a{ font-size: calc(1vh + 0.9rem); line-height:2.8rem; font-family:Inter,Arial,Sans-Serif; text-decoration:none; color: var(--col3); text-align: initial; letter-spacing:-1px; } nav.mod_customnav ul li a:hover, nav.mod_customnav ul a:active, .mobile_menu nav.mod_customnav.block ul li a:hover { color:grey; transform:scale(1.2); } @media screen and (max-height:500px) and (orientation:landscape) { nav.mod_customnav ul li, nav.mod_customnav ul li a { line-height:1.8rem; } } .mobile_menu .mod_changelanguage ul { display: flex; flex-flow: row wrap; justify-content: flex-start; list-style-type: none; margin-left: 0; width: 90%; height:100%; background-color:#EEEEEE; } .mobile_menu .mod_changelanguage ul li,.mobile_menu .mod_changelanguage ul li a { color: var(--col4); padding: 0 0.15rem; } .mobile_menu .mod_changelanguage ul a:hover { color: grey; padding: 0 0.15rem; } .mobile_menu .mod_changelanguage ul li.active { border:2px solid var(--col1); margin-left: 5px; } .mobile_menu .mod_changelanguage h5 { font-size: 1.3rem; font-weight: 400; color: var(--col4); margin-bottom: 0.2rem; border:none; padding: 0; padding-right:0.3rem; text-align:initial; } .mobile_menu .additonal_text { position: absolute; bottom: 0px; margin-bottom: 3vh; } @media screen and (max-height:500px) and (orientation:landscape) { .mobile_menu { height:110vh; overflow:scroll; } .mobile_menu .additonal_text { margin-bottom:0; position:static; margin-top:5vh; }} /* CONTENT */ .content-text:not(.link-card):not(footer *):not(.flex-column-space):not(.swiper-flex) { padding:1rem 0; } .content-swiper .content-text { padding:0; } .swiper-flex { padding:0.5rem; gap:10px; } /* CARDS */ .cardgroup { gap: 30px 10px; } .card { width:100%; background-color:var(--col3); position:relative; /*wird benötigt für absolute Positionierung von card-overlay */ outline:1px solid var(--col0); border-radius:7px; box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.2), 6px 6px 8px 0 rgba(0, 0, 0, 0.19); } .card-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; text-decoration: none; color: transparent; } .card-top { width:100%; background-color:var(--col1); min-height:50px; padding:1rem; padding-bottom:0; } .card-top h2,.card-top h3, .card-top h4, .card-top h5, .card-top p { margin-bottom:0; } .card-main { width:100%; background-color:var(--col1); min-height:50px; padding:1rem; } .card-footer { width:100%; background-color:var(--col3); min-height:50px; padding:1rem; } .card-footer p { color: white; margin-bottom:0; } /* FORMS */ [type="text"], [type="password"], [type="date"], [type="datetime"], [type="datetime-local"], [type="month"], [type="week"], [type="email"], [type="number"], [type="search"], [type="tel"], [type="time"], [type="url"], [type="color"], textarea { background: var(--col1); color: black; border: 1px solid var(--col3); border-radius:4px; } [type=text]:focus, [type=password]:focus, [type=date]:focus, [type=datetime]:focus, [type=datetime-local]:focus, [type=month]:focus, [type=week]:focus, [type=email]:focus, [type=number]:focus, [type=search]:focus, [type=tel]:focus, [type=time]:focus, [type=url]:focus, [type=color]:focus, textarea:focus { outline: none; border: 1px solid var(--col1); background: var(--col3); color: white; border-radius:4px; } select { height:1.6rem; font-size:0.9rem; width:50%; min-width:180px; } button { background:var(--col3); padding: 6px 9px; border-radius:4px; border:1px solid var(--col3); cursor:pointer; color: var(--col1); font-weight:600; } .choice { justify-items:center; margin: 3rem 0; } .choice button { background:var(--col3); padding: 26px 39px; border-radius:4px; border:1px solid var(--col3); cursor:pointer; color: var(--col1); font-weight:600; margin:0.2rem; box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.2), 5px 5px 6px 0 rgba(0, 0, 0, 0.19); } select#language-filter { height:2rem; width:150px; font-size:1rem; } .content-accordion { translate: 0 -50px; } /* FOOTER */ footer h2, footer h3, footer h4, footer h5, footer p, footer li, footer a { color:white; margin:0; background-color: var(--col3); } footer a:hover { color:var(--col1); } /* OTHER */ .image-container { scrollbar-width:none; } /* Für Chrome, Safari, Edge */ .hero ::-webkit-scrollbar { width: 0px; background: transparent; } /* Für Firefox */ html .hero { scrollbar-width: none; } body { background: var(--col1); } */ header { border-bottom: 2px dotted white; } #bm { border-bottom:1px dotted white; } header, footer { background-color: var(--col3); } .handorgel__header__button .handorgel__header--open, .handorgel__header--open.handorgel__header--opened button.handorgel__header__button{ background:var(--col1); color:var(--col0); } .handorgel__header--open.handorgel__header--opened button.handorgel__header__button::before { content: ""; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAACXBIWXMAAAsTAAALEwEAmpwYAAACCUlEQVR4nO2ay0rDQBSGPxAKulfw8iRi9xbtRnwH8QW8YJei9W3EvRasLt0oXtba+ADqRl2MBE4hxEtjmplMMueHoc0kOefM1zmTmWZApVKp8qkBHAHPgHFQPoAHoANM4YG6jhr+U7kCZsoGEEkwi478DRv/IJ83ZUMwUlz7mwau5fs9MFt2zrtS0t+M9ACnPaH7Sz66UtqfcwhRKufLBuAcgkkF4AMAXI4JxlMAziAYjwE4gWA8B5AeE+LJ0mSdAETibykDhOFkaa9OAA5zTJlv6wSgIRCGPSFLefcVQBvoAW+pgOPjM2DVQryFGzQ5HRxk/PX2C47XCwDtRNfcAuZS5+PjbTlvxuwJXgLoyT1xI//Sjlx3miPOceKzDuBV7hk1SZmV616oGYA+cJ7TXy0AZNWC2B4QKICO2D4ODcAEsAl8FvB/Y+UArMsqbmh3d0x7lQLQSdi7A9YKsFkZAM3Ei48NSQNCAnBiY+laJQCR2JknUADG0uNUAVARAP1/TI9rCcCWFAAVALAiC54noEWAAJ4Sdh4pVgqACgBoCYS48csECMCmFAAKAAWARYNGAfDNwSVw4UldKQCM53VjySgARgL4aWlbVp0OgigAFAAWDUYZd22VoWYBL1dHAsiza8t1ibfjWAPQyLFry1UZSOMbNgH4JuvxRaHlfFrB5XxaweW8SqWi9voC1yexCR82Ad0AAAAASUVORK5CYII=); background-size: cover; display: inline-block; position: relative; margin-left: -10px; translate: 0 6px; } .handorgel__header--open.handorgel__header--opened button.handorgel__header__button::after { content: ""; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAYAAACOEfKtAAAACXBIWXMAAAsTAAALEwEAmpwYAAACCklEQVR4nO2abWrDQAxE5xIS7f1v0pALND9ynJaCCyb4K97VaiTrgSEJsTNZ70tAElAURVEURVEU59HpiAJVXgHwDeAJ4BP8UOWVKczPdFCEipJXATymII+XxzR6sOad38kngI+F15h2IlXepTD/MC4iVd6tMIyLSJVXd3437gBuB987grUM85x77zUPM+cv1Nfsuecibn32a07zvEc0WMNDZ7q8Z+7M3Unnd7R953yzYGt46HxG26Pnd6F1e4uhzi3a9jg/tM7Kqm0EnZVdW2adJYq2jDprNG2ZdNao2jLoLNG19dRZs2jrobNm03akzpJV21E6p9Z2hM7ptbXW+RLaWup8GW2tdN57veWzwiADKtNptLXS+ZI7z0rnlmuGRzrqnF5b5npgaKTDl2eagBiKdNw5l1tEMdDuMouojYUBkM/imKKN9TyQz+KYIgP/LdPprB3qeQzNexe0Uxneu3nvgnQswzPO4piincvwbLM4pqhB94xpFscUMeyeMczimKIDumeMo3Vd0IFN73Q6i0PTO43O6tj0Dq8zw6yKRtWZaVZFounMOGKmUXRm0DaszkzahtOZUdtQOq9d9Eba9G7R2Szvme0tjn1byrwjp+nT5j0SSggWjzrvVighWjzqvBbT9JfLq42l99FQ5pWF5g/TzguRVxqm6T2gzKuk2mbJWxRFURRFUYCLX+5npBgUKfzOAAAAAElFTkSuQmCC); background-size: cover; float:right; } .handorgel__header__button { display: grid; grid-template-columns: 8% 86% 6%; width: 100%; align-items: center; } /* .handorgel__header__button::before { content: "←"; } .handorgel__header__button::after { content: "→"; } */ .handorgel__header__button { font-weight:400; border:1px solid var(--col3); border-radius:5px; margin-top:0.3rem; } .handorgel__header__button::before { content: ""; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAACXBIWXMAAAsTAAALEwEAmpwYAAACkElEQVR4nO2avW4UMRDHLSFFgh4kAk9wEmQm1yAEPRHQIPIMiJKGcDMrWTezBCh4ESpED5H4KGlAfNRJ4AGAhlAscm7vFFYJd7nd9Xpv/ZdcnH2yxz/P2OPdNSYqKipqDvWsXQKSJ8DyHVmzuguw7CHpV2RN+taeMk0LWB/7mPgRMN5ftPZMswBIv42M0cs+xpsAGHlBhiwfG4WAuUG+x4PBw9NA+iH3hC99Ss82GvPGkw6O51beeYBXT4AjYt54UnE87xCgEPNNA/AOAQsGhADAyduegIEC8AYBAwbgBQIGDqC4J7hk6dK9pycXBgDkm3Cf9cpUCONkiYQXBgCSPDp+2iyfFgZAz9olB2HsCTMV0t9BAkBKbyLJFrL8KqyY+/1qNZEbVdsbDABk3ZztxqdplfYGAQDdyueuiaz30drlf9qtXUaSjbw9K+MJgQKQrXx33vjf/4D1wb4XkLysyt5AAOjP/aNsSpLi2vOz/EdV9gYBAEjeAOvrecZbCACz6oK15/NTYdd0EQCyJjmA550CsL7+7ASw3gXSP2WfN7YOACRy293iJnkAyaBMf60CgBOXdxPXz5jIrQr6bAeA1cHwan7k7SHrHRcGpY1tEwBgeVH51bVVAGh0u1uh9JzpIgCs6TiNALglAOAY6fFCAqhLEQC3AMAKpdfdhQdJd4CGa6ZrAJB050Dqu12JoeO+IwANHwDQcG3k/rKNrNdM1wDUqQiAI4AsAuAIIKutQzxkACR5h6xvg6hrBACHXVdKGAHoVACHXW2bqoubIEcAWQTANQKAGb/aakLjdw1lXq5O94C5vtryXjZNXQB683y15a3Irpu8s7E2AKGpdvugazFfVOdivqjOxXxUVJTpgv4CMgI9g7DEib8AAAAASUVORK5CYII=); background-size: cover; width: 3rem; height: 3rem; display: inline-block; position: relative; margin-left: -10px; translate: 0 6px; } .handorgel__header__button::after { content: ""; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAACXBIWXMAAAsTAAALEwEAmpwYAAACxElEQVR4nO2Zz4rTUBSH74wrceXGtaArwek9HRAXulDBjQoqDLgQBZcuBK3o5NxC6LkdK4zzAgpuHBhRBBf6Ar6IT+BqEEWcRk6adPrX9CZNm7Tng8CQZO49v6/JyU2rlCAIgiAIgiAIgiAIg1SMvarRfgJDXzTSPVVwtLH3Ae1XrplrzzrYUzDUBmOD7ob0Wvn+qiocwQrX1leroTZnSDWc9qjWCWwPwNhn/OlrtD+jwd8US8JheK6Ra+Wao9oDZwm6NzzSg3h/xWtcKp6E/vBVYy/HR7j2rgSPahMNB17jSnjZD4QvpoTx4YclUHvU8SEAaTe6bFCNoRgSksPHcJYo07vEYTXS+86gzUd9B3x/NZwQ7Y91Y0/NV8Lk4RnOEgnYSxwasHmjczL9gTrdPhyE3kZ9Yb/y3D/J++YjwS18FZu3wizGBtU6XZ9oCkDa6pVwdrN1vNMT7H7Va1zsPbdPQu6PyPThwdgXTlMBUqtXAjdH7W2d6R7nx4yx33nfbCS4ha/U6WYcXhv7MtWUMCAh3q+RvGj/3wo2z4UT5irBLfz5xztHNdpfmcKPk7Cx8eEI/83hwaO73RNzk+AWfuA2fpJ9fjUsgZvJuEKmK8Et/LqxF/jSV3kAY26HUXCh2SWkvOfRHqzVto+pcksIUjc8525fPAmO4bF5LXO3zyKBn7XTk+De8ADtx5mGz09Cum6/5vsneI2i5gFMTYJbeF6ua2O/9S7M5gZkkaCClSwNL2m+UkiAWS9v80Ij2Xh5DB7d+d+5/ELFL1bxd3ehkIT7mLs9GPod/c8rVUR0CgkLEz7N7QCb/mn+cqW0l/0EV0KihIX55KctodThs0roC4+0rcqMdpSwUOFdJSxk+EklLHT4JAlLEX7UOkFj42G4le05Py0JAz+7t9QyAfxbg6HPvBXmrU4QBEEQBEEQBEEQ1FLwDzI2aJgA9vKVAAAAAElFTkSuQmCC); background-size: cover; width: 2rem; height: 2rem; float:right; } @media screen and (max-width:29.9999rem) { .handorgel__header__button::before, .handorgel__header--open.handorgel__header--opened button.handorgel__header__button::before{ width: 1.6rem; height: 1.6rem; margin-bottom: 10px; } .handorgel__header__button::after { width: 1.1rem; height: 1.1rem; margin-left: 15px; } } @media screen and (min-width:30rem) { .handorgel__header__button::before, .handorgel__header--open.handorgel__header--opened button.handorgel__header__button::before{ width: 2rem; height: 2rem; margin-bottom: 10px; } .handorgel__header__button::after { width: 1.3rem; height: 1.3rem; margin-left:20px; } } @media screen and (min-width:40rem) { .handorgel__header__button::before, .handorgel__header--open.handorgel__header--opened button.handorgel__header__button::before{ width: 2.1rem; height: 2.1rem; margin-bottom: 10px; } .handorgel__header__button::after, .handorgel__header--open.handorgel__header--opened button.handorgel__header__button::after{ width: 1.5rem; height: 1.5rem; margin-left:25px; } } .handorgel__content__inner { background-color: #ff780017; border-left: 1px solid #ff780070; border-right: 1px solid #ff780070; } .handorgel__content__inner p { font-style:italic; } .anchor-offset { padding-top: 100px; /* Passt den Wert nach Bedarf an */ margin-top: -100px; /* Gleicht den Offset aus */ } .text_center { text-align:center; } /* INVERT JS */ /* #article-1, #article-2 { --target: 100%; width: 100%; background: linear-gradient(to right, #000 var(--target), #fff var(--target))!important; display: flex; height: 100vh; justify-content: center; align-items: center; } #article-1 h2, #article-1 p, #container h2, #container p { color: white!important; /* font-size: clamp(2.5rem, 8vw, 6rem); text-align: center; letter-spacing: -0.02em; */ /* background: linear-gradient(to right, #fff var(--target), #000 var(--target)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; width: 100%; display: block; line-height: 0.95; } */ header .mod_navigation { position:relative; top:-84px; } #nav-icon4 { width: 60px; height: 45px; position: absolute; left:20px; margin: 40px auto; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer; z-index:10; } @media screen and (max-width:543px) { #nav-icon4 { width:60px; margin:22px auto; left:0; scale:0.7; } } #nav-icon4 span { display: block; position: fixed; height: 7px; width: 100%; /* background: #d3531a; */ background:white; border-radius: 7px; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; } #nav-icon4 span:nth-child(1) { top: 0px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; } #nav-icon4 span:nth-child(2) { top: 18px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; } #nav-icon4 span:nth-child(3) { top: 36px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; } #nav-icon4.open span:nth-child(1) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: -4px; left: 8px; } #nav-icon4.open span:nth-child(2) { width: 0%; opacity: 0; } #nav-icon4.open span:nth-child(3) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top: 39px; left: 8px; } @media screen and (max-width:1079px) { header .mod_navigation { display:none; } #nav-icon4 { display:block; } } @media screen and (min-width:1080px) { header .mod_navigation { display:block; } #nav-icon4, #nav-icon4 span { display:none!important; } } #click-menu { position:fixed; top:0; width:100%; height: auto; min-height:100%; background-color:rgba(10,10,100,0.4); z-index:6; left:-6000px; transition: left 0.5s ease-in-out; opacity:0; overflow-y: scroll; } #click-menu.show { left:0; opacity:1; } #click-menu .menu-content { width: 265px; height: 100vh; background: #EEEEEE; background-image: url('/files/graphics/bg-mesusa.webp'); z-index: 6; position: relative; padding-top: 200px; overflow-y:scroll; } #click-menu h5 { display:none; } #click-menu ul { margin-left:0; } #click-menu li, #click-menu h3 { color:var(--col3); list-style-type: none; padding:0.5rem; padding-left:1rem; } #click-menu li.active { background:#FFFFFF; font-weight:600; } @media screen and (max-width:29.9999rem) { #click-menu a, #click-menu p, #click-menu li { font-size:1.1rem; } } @media screen and (min-width:30rem) { #click-menu a, #click-menu p, #click-menu li { font-size:1.3rem; } } @media screen and (min-width:40rem) { #click-menu a, #click-menu p, #click-menu li { font-size:1.6rem; } } /* ************ MENU ASIDE (ua Spenden) ***** */ .menu_aside { position:fixed; left:0; top:60vh; max-width:180px; margin:0px; margin-left:-2px; border:2px dotted white; background:var(--col3); } .menu_aside ul { color:white; padding:2px 10px; list-style:none; margin-left: 0; margin-bottom: 0; } .menu_aside.noshow { display:none; } /* @media screen and (min-width:700px) and (max-width:1300px) { menu-aside { margin-left:-12px; } .menu_aside ul { color: white; padding: 2px 5px; } } @media screen and (max-width:699px) { */ @media screen and (max-width:1351px) { .menu_aside { display:none; }} @media screen and (min-width:1352px) { .menu_block { display:none; }} li.am-sign::after { content:""; background-image:url(data:image/png;base64,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); background-size:cover; position: relative; display:inline-block; margin-right:0px; padding-top:0px; top:0px; } li.am-donate::after { content:""; background-image:url(data:image/png;base64,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); background-size:cover; position: relative; display:inline-block; margin-right:0px; padding-top:0px; top:0px; } li.am-email::after { content:""; background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAYAAACOEfKtAAAACXBIWXMAAAsTAAALEwEAmpwYAAADMklEQVR4nO3bXchlUxjA8TXGx8jQaDRTEolERJQyXEjJR5EkV+JqmluXbuXKlXJpLiUX4kKuJiU5jZJ85CMKRUlIPjIZw4yfdj0n2+mcd973rH32Ofs9z79Op73PWmuv9d/rOevZe7dLSZIkSZIkSZIkSZIkqUUylRTYt8DqqbxNSIGVpMBVEYijGK3L9iIEjvDWumxXC8Qz2FXWFOwKB3MLbPgUN5U1A9fhg6o0Bp/F9wk8gZ1lm4OdMdYTEw7mEthM4adxKrbfxpVlm4LL8GaM9R88h/OqFxHciW9j9284VLYZeBg/xxi/x32drsLYgxdas/MVXFQGTozrxda4XsbeiTL1AmecqR9wfxkouGszkdWpwPj9UrzROmvPY3cZCDgXz8b/nEigr9igfLcCo8wOPI4/o/hXuK2sOLgZn0ef/8KTp8suFiKwVfZavB9V/o5V+6yyYuDMifTkE9y4ybqLE9jQCIszeTKqvoOryoqAy+MyTYRtE77nbKH+YgWOwa34Mqr/ESG+oywRPIbfo0/f4I452uhHYAMuiAR0zBFcXHoG+/Bqqx8v4cI52+pP4Bg8hJ+iqR/xYOkJ3Ivv4ti/4JHK9voX2ID9eG1iFuwpCwLnT8z+13FJB+0uR2Ar3TmEY9Hs17i9dAxuwRdxjOOx4p7RUdvLEzgGV+PdaPpUrIRnl27Sk3YG8BGur2135QRO5GJNAtvwMW4oc4Jr8F60dTJy0OqTsmohfHTyOQMOtNKd41tNd1pXQU1d0daB0x13qAJHM54z7Mbhrf7hN2Wi7JjD067DZx130CE8DdzTSjl+xaNTC/53J6idGj1QeqB3gbYYPlOS3iNxq2lvfO6OfWOasvsW1Z9VEDiaJ3xwMO7LzaKZoQf76s8gQnhG8v0UPozc8Vg8HWv27S9LoBeBOlz1Fsk8/exL4KirVW+RzNPPQYXwKrIwgQYStrX9X6TA0RDCtrb/GcKVdCpw6GE7i43G1bXAQYftLDYaV4ZwJSmwkhRYSQqsJAVWkgIrSYGVpMBVEbjsN4fkm0rW602lTVfY5qTASlLgsgQm/ycFVlI7k5MkSZIkSZIkSZIkKcm/y6t1iiM0dQsAAAAASUVORK5CYII=); background-size:cover; position: relative; display:inline-block; margin-right:0px; padding-top:0px; top:0px; } /* .tooltip-text { visibility: hidden; width: 200px; background-color: #333; color: #fff; text-align: center; border-radius: 5px; padding: 5px; position: absolute; z-index: 500; bottom: 125%; left: 50%; margin-left: -100px; opacity: 0; transition: opacity 0.3s; } */ .tooltip-text { visibility: hidden; width: 110px; background-color: #EEEEEE; /* rgb(63, 0, 255, 0.9); */ color: #000; text-align: center; border:1px dotted black; border-radius: 5px; padding: 5px; position: absolute; z-index: 100; left: 90%; translate: 0 -70px; font-size:0.8em; /* Für eine sanfte Einblendung */ opacity: 0; transition: opacity 0.3s; transition-delay: 0.3s; rotate: -30deg; } .menu_aside .tooltip-email:hover .tooltip-text, .menu_aside .tooltip-sign:hover .tooltip-text, .menu_aside .tooltip-donate:hover .tooltip-text { visibility: visible; opacity: 1; z-index:100; cursor:pointer; } menu_block { background:blue; } .menu_block ul { list-style:none; display:flex; flex-flow: row nowrap; gap:2.5rem; justify-content: center; align-items: center; height: 120px; margin:0; } .home1 .menu_block ul { background: var(--col3); background-image: url('/files/graphics/bg_shalom.webp'); } .menu_block ul a { display: flex; justify-content: center; align-items: center; padding-top: 4px; } .menu_block ul li.am-email,.menu_block ul li.am-sign,.menu_block ul li.am-donate { border: 2px dotted white; padding: 8px; border-radius: 8px; width: 70px; height: 70px; } li.am-email::after, li.am-donate::after,li.am-sign::after { width:40px; height:40px; } .menu_block li.am-email::after, .menu_block li.am-donate::after,.menu_block li.am-sign::after { width:50px; height:50px; padding:5px; } .menu_block li.am-email, .menu_block li.am-donate,.menu_block li.am-sign { display:flex; justify-content: center; align-items:center; background: var(--col3); } /* NAVIGATION */ header nav.mod_navigation { overflow: hidden; } header nav.mod_navigation ul { display: flex; flex-flow: row nowrap; justify-content:center; align-items: center; margin: 0; height: 100px;bottom: 0px; margin-bottom: 2.6vh; padding: 0 1rem; } header nav.mod_navigation ul li { font-size: 1.2rem; line-height:1.75; list-style-type: none; display: inline-block; background-color: var(--col3); min-width:152px; max-width: 210px; text-align: center; margin-right: -10px; /* Engere Überlappung */ position: relative; z-index: 1; transition: all 0.01s ease;margin: 3rem 0rem; } header nav.mod_navigation ul li a:hover { z-index: 2; font-weight:600;/* Hover-Element nach vorne bringen */ letter-spacing:-0.4px; color: var(--col1); } header nav.mod_navigation ul.level_1 li.active { border: 2px dotted var(--col1); color: var(--col1); } header nav.mod_navigation ul li a { color: var(--col1); font-size:1.2rem; font-weight: 400; text-align: center; display: block; padding: 2px 10px; padding-right:16px; text-decoration: none; } header nav.mod_navigation ul li a:hover { color: var(--col1); } nav.mod_navigation ul li.active strong.active { font-weight: 600; color: var(--col3); } header nav.mod_navigation ul li.active strong.active { font-weight: 400; color: var(--col1); } nav.mod_navigation .mod_navigation { background-color: var(--col3); } @media screen and (min-width:1080px) and (max-width:1149px) { header nav.mod_navigation ul li a { line-height:1.5rem; } header nav.mod_navigation ul li { line-height:1.6rem; } } /* Mobile Navigation @media (max-width: 1079px) { header nav ul { flex-direction: column; height: auto; transform: none; width: 100%; } header nav ul li { width: 100% !important; margin-right: 0; margin-bottom: 5px; transform: none !important; margin-left: 0 !important; } header .inside .header-content { margin-left: 0; } } */ /* Sehr kleine Screens @media (max-width: 480px) { header .inside .header-content { flex-direction: column; text-align: center; } header h1 { font-size: 1.5rem; } header nav ul li { font-size: 1.1rem; } } */ /* ********************************************************************** MOBILE MENUE ***************************************************** */ @media screen and (max-width:1079px) { .hamburger { position:absolute; top:2px; right:10px; display:flex; justify-content:center; align-content:center; background-color: transparent; border: none; } button.hamburger img { width:50px; max-width:50px; height:50px; z-index: 102; cursor: pointer; } } .mod_article.menupage{ width:100%; max-width:100%; height:100vh; margin:0; padding-left:30px; background-color:white; color:black; } .mobile_canvas { position:fixed; left:-230000px; height:100vh; width:100%; top:0; background-color:rgba(0,0,0,0.5); z-index:100; } .show_up { left:0px; } .mobile_menu { background-color:var(--col2); width:310px; min-height:100vh; padding-left:20px; padding-top: calc(4px + 3vh); z-index:110; overflow:scroll; } .mobile_menu .mod_customnav .level_1 { padding: 0.5rem 0.8rem; border: 1px solid #317b83; border-radius:5px; margin-right: 1.3rem; background: #317b830d; } nav.mod_customnav ul{ text-align:initial; z-index:110; list-style-type:none; margin-left:0; } nav.mod_customnav ul li{ color:black; font-size: calc(2vh + 0.9rem); line-height:2.5rem; font-family:Inter,Arial,Sans-Serif; text-transform: uppercase; display:block; } nav.mod_customnav ul li.active, nav.mod_customnav li.active strong.active { width: 90%; background-color: var(--col1); padding: 0px 5px; margin: 0.15rem 0; font-size: calc(1vh + 0.9rem); font-weight:400; color: var(--col3); letter-spacing:-1px; } nav.mod_customnav ul li a{ font-size: calc(1vh + 0.9rem); line-height:2.8rem; font-family:Inter,Arial,Sans-Serif; text-decoration:none; color: var(--col3); text-align: initial; letter-spacing:-1px; } nav.mod_customnav ul li a:hover, nav.mod_customnav ul a:active, .mobile_menu nav.mod_customnav.block ul li a:hover { color:grey; transform:scale(1.2); } @media screen and (max-height:500px) and (orientation:landscape) { nav.mod_customnav ul li, nav.mod_customnav ul li a { line-height:1.8rem; } } .mobile_menu .mod_changelanguage ul { display: flex; flex-flow: row wrap; justify-content: flex-start; list-style-type: none; margin-left: 0; width: 90%; height:100%; background-color:#EEEEEE; } .mobile_menu .mod_changelanguage ul li,.mobile_menu .mod_changelanguage ul li a { color: var(--col4); padding: 0 0.15rem; } .mobile_menu .mod_changelanguage ul a:hover { color: grey; padding: 0 0.15rem; } .mobile_menu .mod_changelanguage ul li.active { border:2px solid var(--col1); margin-left: 5px; } .mobile_menu .mod_changelanguage h5 { font-size: 1.3rem; font-weight: 400; color: var(--col4); margin-bottom: 0.2rem; border:none; padding: 0; padding-right:0.3rem; text-align:initial; } .mobile_menu .additonal_text { position: absolute; bottom: 0px; margin-bottom: 3vh; } @media screen and (max-height:500px) and (orientation:landscape) { .mobile_menu { height:110vh; overflow:scroll; } .mobile_menu .additonal_text { margin-bottom:0; position:static; margin-top:5vh; }} .icon-arrow::before { content:""; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAACXBIWXMAAAsTAAALEwEAmpwYAAAB+klEQVR4nO2bPUoDQRiGvzmC4CqewIBaWgTWnZAD6AUUtbIT7Gw8hKWF1p7AUlAJGGOiJIIS+wiiWIqFvvJls9mw2dVojNnMfC9MM8UyzzM/u8zsEEkkEsmQ4xIcj3CZU6jkCZNkG7wmVDUBzaJQXyBMkUU9X2Pw1RlgyfEl5BRujR8JbkfPr2SAegXY3QwlGD8SNOGCQddmgZdH4O0V2N/xJSzaMBK0QrFTAKdWAPa2LZHgEsa0QjmYAs8PvoTrk1CC8dPBFQnUJeGpIRIgEjL2SnByKvw2EAkZkQDbJdREghIJjkggkUAigURCMyKBREKXhOVpkYC+JWhCob01PaJlY94XEJXQ0/aaTgFAv2UrHwr4sQTdeohp6Xk6aEMFBLvNwZZ7h4RyrICPd+CuBBwfAkcHo1G4rdxmbntS+Nzh/so/gWoJKMYK4AcNG+i3hdueFD57WJ9rrwO81zBu3CLIvZsEzwcwifAcj3A2bIC/fA3+CN60T+Keh/0oZ2DwmlDg6ZDWuoHCc4L5RCmtG/iw1ymCjdb9y5z3/LfBadrqZMFTAg+Bb1gEnyVMWA2vFW6iv84IPAQeAk8CXxV4U5IVeNgJz+HbIdGfpa3YxgriEUpxAqyAj7swwVPA+GH/1ZUZ7nUrev67S1NWwUckFLXCuXXwEomEhplPVUvyfCE3uc8AAAAASUVORK5CYII=); background-size: cover; width: 2.5rem; height: 2.5rem; display: inline-block; margin-right:15px; transform: translate(0, 14px); } .icon-download::before { content:""; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAYAAACOEfKtAAAAAXNSR0IB2cksfwAAAARnQU1BAACxjwv8YQUAAAAgY0hSTQAAeiYAAICEAAD6AAAAgOgAAHUwAADqYAAAOpgAABdwnLpRPAAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB+oJHhUkEDBvQMAAAALFSURBVHgB7ZzrTcUwDIUviG0YglmYjFkYgnlAQbIUFTv149Ck7UFC7U38Ol9cq5cfPB78IQESIAESIAESIIE/BF7fPr7b75+NhRaeF6rllKUQYPHYCJAAiwSK7uxAAiwSKLqzA4sAX6L+lfeyr8/3p2i+jP2RNYY6sFJYBsQMn6hGd0dogf+7oyTnUXn6A/PmDD/CLYk3eF/QyveiRw4sUmvoEY4EvottGKCc1hUBZbSFAV4RXEUTBGCbHf382PtcKdjju5d/u++JadlAAFrBud4RQJ5aF3Z4e4ac7MDhEe5vQgDO6JR9abYFsl4IQLvU6++kvolssWTen7YxjvyMrJcdWDw5CEDkTCnqcbkj64UAdFV9USPOwOLBsgNXAIicKUU9LndkvexAF3LbiDPQZuPaYQe6MNlGEICZmZLx0WRk4mR8tNxtDQLQCm6tNwGy19/Lmvfa+/b3Xn+E3RIzsImPfj+tAIvmGoGe0oGagAgQzVaLORKO2oMAbII0UaMiNcGeGJqNFmuUO1OvFQ8C0Aq+t64J1wBJHG1PiyH2R1whAJuIrBDNTwOlrWm+HmiVerfxIQC3QaOfNRA9sP5eYms+snfkFQKwCdRERoREgERstRoQ9UpcCEAJVr16wHhsqnVE/Jd4D+wLboCsbkbBQ8VpdS/VgQJSE6itif3MKwQgcqYIjB5Yfy/7lSuyXsgjXBEz8kWDG+XK7kEAnkFoDwhZL+QR7ou72z0EIHKmHHEAyHohAI8QvWoOzsDiybADVwCInClFPS53ZL3sQBdy24gz0Gbj2mEHujDZRhCA25lyts82nv0dCMD9NLR4bLvqqkiiOtmBxU4IA2wnVMy5rHtGWxjgsuonFZZ6D5STQv5dbZL+37SiJ1OD+38mtOCVRJniZvlEGiME8A4QI/BmHTDzkgAJkAAJkAAJkAAJkAAJ3J3AD6+iXKefXZjgAAAAAElFTkSuQmCC); background-size: cover; width: 1.5rem; height: 1.5rem; display: inline-block; margin-right:5px; transform: translate(0, 7px); } .quote::before { content:""; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAACXBIWXMAAAsTAAALEwEAmpwYAAABNklEQVR4nGNgGAUjAnSXLvxPCqaa/u7Shf/vXP1EFMZlMVn6u0ctvjpq8adRi1HAqMV3SLG4Gw8mxmJK9GOAztI5vL0VS37ANN28+P5/T/niHwxEArL19xQtVJvauOojTOOFY8/+91ctfU6sxWTr7ypZELN44o5PMI1711/+31+9bA2xFpOl/z/Df8b+yqWXDm2/AY+fWW0bPnaVLAgkxlKy9fdVLGmc1b7h8+0rH8GaDm+/8a+/aund+vp6JmIsJll/b/ki/f7KJVumNq3+cuXMK7Cm80efgoLoU3fxInNCFpKtv7t04f/NS0/9BqVAkKZD2278A2sqWxRBjE/J1t9duvD/+WNP/+/ZcOnfrPb1H3srl94lxqcU6+8uW/itv3rps/7qpetACYHYOKWW/lEwChgoBQBA9gmwmCxuAQAAAABJRU5ErkJggg==); background-size: cover; width: 1.5rem; height: 1.5rem; display: inline-block; margin-right:10px; transform: translate(0 -2px); } .quote::after { content:""; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAACXBIWXMAAAsTAAALEwEAmpwYAAABNklEQVR4nGNgGAUjAnSXLvxPCqaa/u7Shf/vXP1EFMZlMVn6u0ctvjpq8adRi1HAqMV3SLG4Gw8mxmJK9GOAztI5vL0VS37ANN28+P5/T/niHwxEArL19xQtVJvauOojTOOFY8/+91ctfU6sxWTr7ypZELN44o5PMI1711/+31+9bA2xFpOl/z/Df8b+yqWXDm2/AY+fWW0bPnaVLAgkxlKy9fdVLGmc1b7h8+0rH8GaDm+/8a+/aund+vp6JmIsJll/b/ki/f7KJVumNq3+cuXMK7Cm80efgoLoU3fxInNCFpKtv7t04f/NS0/9BqVAkKZD2278A2sqWxRBjE/J1t9duvD/+WNP/+/ZcOnfrPb1H3srl94lxqcU6+8uW/itv3rps/7qpetACYHYOKWW/lEwChgoBQBA9gmwmCxuAQAAAABJRU5ErkJggg==); background-size: cover; width: 1.5rem; height: 1.5rem; display: inline-block; margin-left:10px; transform: translate(0 -2px); } .manifest p.quote { font-size: clamp(1.1rem, 0.5vw + 1rem, 1.4rem); } .iban button {background:none; padding:0; border:none; box-shadow: none!important; } .iban .copy-button { width: 32px; height: 32px; display: inline-flex; align-items: center; justify-content: center; padding: 0; margin: 0; border: none; background: none; box-shadow: none !important; cursor: pointer; } .iban .copy-button svg, .iban .copy-button img { display: block; width: 32px; height: 32px; }