body.sg-index-page{margin-bottom:0;color:#1e201f;background-color:#f6ce55;padding:30px 80px;height:100%}body.sg-index-page header{margin-bottom:100px}body.sg-index-page footer{position:fixed;bottom:30px}body.sg-index-page h1{font-size:64px;color:#1e201f;margin:0 0 12px;line-height:64px}body.sg-index-page h2{font-size:28px;color:#1e201f;font-weight:400;margin:0 0 50px}body.sg-index-page main p{margin-bottom:80px}body.sg-index-page main a,body.sg-index-page main a:active,body.sg-index-page main a:visited{color:#1e201f}body.sg-index-page main a.index-button{font-family:Roboto-Medium;display:block;padding:20px 40px;border:3px solid #1e201f;text-decoration:none;font-size:24px;width:300px;margin:20px 20px 0 0;float:left;text-align:center;border-radius:2px;-webkit-transition-property:"color, background-color";-webkit-transition-duration:.25s;-webkit-transition-timing-function:ease-in-out;transition-property:"color, background-color";transition-duration:.25s;transition-timing-function:ease-in-out}body.sg-index-page main a.index-button:active,body.sg-index-page main a.index-button:hover{color:#f6ce55;background:#1e201f}body.sg-index-page footer a,body.sg-index-page footer a:active,body.sg-index-page footer a:visited{color:#1e201f}@media screen and (max-width:768px){body.sg-index-page{padding:0 20px;heigth:100%}body.sg-index-page .is-hidden-phone{display:none!important}body.sg-index-page header{margin-bottom:0}body.sg-index-page h1{font-size:24px;color:#1e201f;margin:0 0 12px;line-height:32px}body.sg-index-page h2{font-size:18px;color:#1e201f;font-weight:400;margin:0 0 50px}body.sg-index-page main p{margin-bottom:80px}body.sg-index-page main a.index-button{width:100%}body.sg-index-page main ul{display:none}body.sg-index-page footer{color:#000;opacity:.4}}body.sg-changelog main{padding-top:0}body.sg-changelog main h1{font-size:48px}body.sg-changelog main h2{font-size:24px;margin-bottom:12px;margin-top:60px;font-family:Roboto-Medium}body.sg-changelog main h3{margin-top:0;margin-bottom:0;font-size:20px}body.sg-changelog main p{margin-bottom:30px}body.sg-changelog main ul{padding-left:20px;display:block;margin-bottom:40px}body.sg-styleguide-page{margin-bottom:0;margin-top:0;padding:0;background:#fff}body.sg-styleguide-page header.sg-styleguide-page{color:#1e201f;background-color:#f6ce55;padding:20px 20px 0}body.sg-styleguide-page header.sg-styleguide-page .sg-h1{margin-top:0}body.sg-styleguide-page header.sg-styleguide-page nav{max-width:1160px;margin:0 auto}body.sg-styleguide-page header.sg-styleguide-page nav.main-nav{padding-bottom:10px;border-bottom:1px solid #1e201f;margin-bottom:40px}body.sg-styleguide-page header.sg-styleguide-page ul{list-style:none;margin:0;padding:0}body.sg-styleguide-page header.sg-styleguide-page ul li{float:left}body.sg-styleguide-page header.sg-styleguide-page ul li.logo{font-family:Roboto-Medium,sans-serif}body.sg-styleguide-page header.sg-styleguide-page ul li.right{float:right}body.sg-styleguide-page header.sg-styleguide-page ul li.right a{padding-right:0;padding-left:40px}body.sg-styleguide-page header.sg-styleguide-page ul li a{color:#1e201f;padding:0 20px;text-decoration:none}body.sg-styleguide-page header.sg-styleguide-page ul li a:active,body.sg-styleguide-page header.sg-styleguide-page ul li a:hover{text-decoration:underline}body.sg-styleguide-page header.sg-styleguide-page .styleguide-nav ul{padding-bottom:10px}body.sg-styleguide-page header.sg-styleguide-page .styleguide-nav ul li a{padding:10px 20px;border-radius:4px 4px 0 0}body.sg-styleguide-page header.sg-styleguide-page .styleguide-nav ul li a:active,body.sg-styleguide-page header.sg-styleguide-page .styleguide-nav ul li a:hover{background:#f3c025;text-decoration:none}body.sg-styleguide-page header.sg-styleguide-page .styleguide-nav ul li a.active{background:#fff}body.sg-styleguide-page footer.sg-styleguide-page{background:#f6ce55;padding-top:10px;padding-bottom:20px;font-size:80%}body.sg-styleguide-page footer.sg-styleguide-page>div{-js-display:flex;display:-webkit-box;display:-ms-flexbox;display:flex;max-width:1200px;padding:15px 20px;margin:0 auto}body.sg-styleguide-page footer.sg-styleguide-page>div div{width:50%}body.sg-styleguide-page footer.sg-styleguide-page>div div.text-right{align-items:right;color:#4f5552;font-family:Roboto-Light,sans-serif}body.sg-styleguide-page .styleguide-nav-secondary{font-size:90%;padding:15px 20px;max-width:1200px;margin:0 auto}body.sg-styleguide-page .styleguide-nav-secondary ul{margin:0;padding:0;padding-bottom:10px;list-style:none;border-bottom:1px solid #ddd}body.sg-styleguide-page .styleguide-nav-secondary ul li{float:left}body.sg-styleguide-page .styleguide-nav-secondary ul li a{text-decoration:none;padding:0 20px 9px;color:#686f6c}body.sg-styleguide-page .styleguide-nav-secondary ul li a:active,body.sg-styleguide-page .styleguide-nav-secondary ul li a:hover{border-bottom:2px solid #ccc;color:#4f5552}body.sg-styleguide-page .styleguide-nav-secondary ul li a.active{border-bottom:2px solid #f6ce55;color:#4f5552}body.sg-styleguide-page main.sg-styleguide-page{padding:20px;max-width:1200px;margin:0 auto}body.sg-styleguide-page main.sg-styleguide-page>h1{padding-bottom:12px;border-bottom:1px solid #aaa}body.sg-styleguide-page main.sg-styleguide-page ol.sg-index li,body.sg-styleguide-page main.sg-styleguide-page ul.sg-index li{margin-bottom:8px}body.sg-styleguide-page main.sg-styleguide-page code{font-size:1.1em;background:#f5f5f5;color:#000;padding:.1em .4em;border-radius:3px}body.sg-styleguide-page main.sg-styleguide-page .sg-example-code pre{padding:0 20px;background:#eee;border-radius:4px}body.sg-styleguide-page main.sg-styleguide-page .sg-example-code xmp{margin:0}body.sg-styleguide-page main.sg-styleguide-page .sg-example{border-bottom:1px solid #ddd;margin-bottom:60px;padding-bottom:20px}body.sg-styleguide-page main.sg-styleguide-page .sg-example>h2{color:#999;font-family:Roboto-Light;font-weight:400}body.sg-styleguide-page main.sg-styleguide-page .sg-example.sg-example-gray{background:#f5f5f5}body.sg-styleguide-page main.sg-styleguide-page .sg-example-display{padding-right:20px}body.sg-styleguide-page main.sg-styleguide-page .sg-example-display.sg-example-grid .columns .column>span{display:block;padding:10px;background:#f5f5f5}body.sg-styleguide-page main.sg-styleguide-page .sg-example-display.sg-example-module{position:relative;padding:20px;border:1px solid #eee}body.sg-styleguide-page main.sg-styleguide-page .sg-example-display.sg-example-module:after{content:"Beispiel";position:absolute;top:0;right:0;background:#f6ce55;color:#fff;padding:6px 10px;font-size:12px;border-bottom-left-radius:3px}body.sg-styleguide-page main.sg-styleguide-page .sg-example-display.sg-example-gray{background:#f5f5f5}body.sg-styleguide-page main.sg-styleguide-page .sg-example-display.sg-no-padding{padding:0}body.sg-styleguide-page main.sg-styleguide-page .flex-container{-js-display:flex;display:-webkit-box;display:-ms-flexbox;display:flex}body.sg-styleguide-page main.sg-styleguide-page .flex-container.columns-2>div{width:50%}body.sg-styleguide-page main.sg-styleguide-page .flex-container.columns-3>div{width:33.3%}body.sg-styleguide-page main.sg-styleguide-page .flex-container.columns-4>div{width:25%}.sg-icons{margin-bottom:50px}.sg-icon{width:220px;height:220px;margin-right:12px;margin-bottom:12px;border:1px solid #ccc;padding:20px;float:left;position:relative}.sg-icon .icon{color:#303030;margin-top:10px;font-size:8em}.sg-icon .icon,.sg-icon .mls{text-align:center;display:inline-block;width:100%}.sg-icon .mls{color:#888;position:absolute;bottom:10px;left:0;right:0}.is-clearfix:after{clear:both;content:" ";display:table}
/*# sourceMappingURL=maps/styleguide.1.1.0.css.map */