diff --git a/assets/website/css/components/_blocks.scss b/assets/website/css/components/_blocks.scss index a6b38250..4438ccbe 100644 --- a/assets/website/css/components/_blocks.scss +++ b/assets/website/css/components/_blocks.scss @@ -5,3 +5,12 @@ .blocks__item { margin: 30px 0; } + +.blocks__item--highlight { + background: silver; + padding: 30px 0; + + + .blocks__item--highlight { + padding-top: 0; + } +} diff --git a/assets/website/package-lock.json b/assets/website/package-lock.json index ae6586ea..23799853 100644 --- a/assets/website/package-lock.json +++ b/assets/website/package-lock.json @@ -1,6 +1,6 @@ { "name": "sulu_demo", - "version": "1.0.49", + "version": "1.0.52", "lockfileVersion": 1, "requires": true, "dependencies": { diff --git a/assets/website/package.json b/assets/website/package.json index 7b7d3567..3569eeb3 100755 --- a/assets/website/package.json +++ b/assets/website/package.json @@ -1,6 +1,6 @@ { "name": "sulu_demo", - "version": "1.0.49", + "version": "1.0.52", "private": true, "description": "Basic bundle structure for a default website project.", "author": "Sulu GmbH", diff --git a/config/forms/page_block_settings.xml b/config/forms/page_block_settings.xml new file mode 100644 index 00000000..33cc1828 --- /dev/null +++ b/config/forms/page_block_settings.xml @@ -0,0 +1,40 @@ + +
diff --git a/public/build/website/css/main.css b/public/build/website/css/main.css index 289b18bd..3c3e78b7 100644 --- a/public/build/website/css/main.css +++ b/public/build/website/css/main.css @@ -1,3 +1,3 @@ @charset "UTF-8";@font-face{font-family:Broken Wings;src:url(/website/fonts/broken-wings.ttf) format("truetype")} -/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}*,:after,:before{box-sizing:border-box}body{font-family:Karla,sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-variant-ligatures:none;text-rendering:optimizeLegibility;-webkit-text-size-adjust:100%;line-height:22px;margin-top:50px;min-height:100%}body,input{font-size:14px}input{background-color:#d3d3d3;border:none;border-radius:1000px;font-weight:700;line-height:38px;padding:0 20px}img,input{display:block}img{max-width:100%}a{color:inherit;text-decoration:none}h1{font-size:35px;line-height:55px}h1,h2{margin:0}h2{font-size:24px;line-height:38px}h3{font-size:20px;line-height:32px}h3,h4{margin:0}h4{font-size:18px;line-height:28px}h5{font-size:16px;line-height:24px}h5,h6{margin:0}h6{font-size:14px;line-height:22px}.container{max-width:1380px;margin:0 60px}@media only screen and (max-width:991px){.container{margin-left:40px;margin-right:40px}}@media only screen and (max-width:767px){.container{margin-left:30px;margin-right:30px}}@media only screen and (min-width:1500px){.container{margin-left:auto;margin-right:auto}}.container-wide{max-width:1564px;margin:0 60px}@media only screen and (max-width:991px){.container-wide{margin-left:40px;margin-right:40px}}@media only screen and (max-width:767px){.container-wide{margin-left:30px;margin-right:30px}}@media only screen and (min-width:1684px){.container-wide{margin-left:auto;margin-right:auto}}.container-left{padding-right:calc(41.66667% + 10px)}@media only screen and (max-width:767px){.container-left{padding-right:0}}.container-right{padding-left:calc(41.66667% + 10px)}@media only screen and (max-width:767px){.container-right{padding-left:0}}.container-big{margin:0 auto;max-width:960px}.container-medium{margin:0 auto;max-width:720px}.container-small{margin:0 auto;max-width:540px}.grid{align-items:flex-start;display:flex;flex-wrap:wrap;margin:-20px}.grid--middle{align-items:center}.grid--center{justify-content:center}.grid--reverse{flex-direction:row-reverse}.grid--stretch{align-items:stretch}@media only screen and (max-width:1200px){.grid--laptop-reverse{flex-direction:row-reverse}}@media only screen and (max-width:991px){.grid--tablet-reverse{flex-direction:row-reverse}}@media only screen and (max-width:767px){.grid--mobile-reverse{flex-direction:row-reverse}}.grid__item{flex:1;padding:20px;width:100%}.grid__item--flex{display:flex}[class*=" width-"],[class^=width-]{flex:0 0 auto}.width-1{width:8.33333%}.width-2{width:16.66667%}.width-3{width:25%}.width-4{width:33.33333%}.width-5{width:41.66667%}.width-6{width:50%}.width-7{width:58.33333%}.width-8{width:66.66667%}.width-9{width:75%}.width-10{width:83.33333%}.width-11{width:91.66667%}.width-12{width:100%}@media only screen and (max-width:1200px){.width-laptop-1{width:8.33333%}}@media only screen and (max-width:991px){.width-tablet-1{width:8.33333%}}@media only screen and (max-width:767px){.width-mobile-1{width:8.33333%}}@media only screen and (max-width:1200px){.width-laptop-2{width:16.66667%}}@media only screen and (max-width:991px){.width-tablet-2{width:16.66667%}}@media only screen and (max-width:767px){.width-mobile-2{width:16.66667%}}@media only screen and (max-width:1200px){.width-laptop-3{width:25%}}@media only screen and (max-width:991px){.width-tablet-3{width:25%}}@media only screen and (max-width:767px){.width-mobile-3{width:25%}}@media only screen and (max-width:1200px){.width-laptop-4{width:33.33333%}}@media only screen and (max-width:991px){.width-tablet-4{width:33.33333%}}@media only screen and (max-width:767px){.width-mobile-4{width:33.33333%}}@media only screen and (max-width:1200px){.width-laptop-5{width:41.66667%}}@media only screen and (max-width:991px){.width-tablet-5{width:41.66667%}}@media only screen and (max-width:767px){.width-mobile-5{width:41.66667%}}@media only screen and (max-width:1200px){.width-laptop-6{width:50%}}@media only screen and (max-width:991px){.width-tablet-6{width:50%}}@media only screen and (max-width:767px){.width-mobile-6{width:50%}}@media only screen and (max-width:1200px){.width-laptop-7{width:58.33333%}}@media only screen and (max-width:991px){.width-tablet-7{width:58.33333%}}@media only screen and (max-width:767px){.width-mobile-7{width:58.33333%}}@media only screen and (max-width:1200px){.width-laptop-8{width:66.66667%}}@media only screen and (max-width:991px){.width-tablet-8{width:66.66667%}}@media only screen and (max-width:767px){.width-mobile-8{width:66.66667%}}@media only screen and (max-width:1200px){.width-laptop-9{width:75%}}@media only screen and (max-width:991px){.width-tablet-9{width:75%}}@media only screen and (max-width:767px){.width-mobile-9{width:75%}}@media only screen and (max-width:1200px){.width-laptop-10{width:83.33333%}}@media only screen and (max-width:991px){.width-tablet-10{width:83.33333%}}@media only screen and (max-width:767px){.width-mobile-10{width:83.33333%}}@media only screen and (max-width:1200px){.width-laptop-11{width:91.66667%}}@media only screen and (max-width:991px){.width-tablet-11{width:91.66667%}}@media only screen and (max-width:767px){.width-mobile-11{width:91.66667%}}@media only screen and (max-width:1200px){.width-laptop-12{width:100%}}@media only screen and (max-width:991px){.width-tablet-12{width:100%}}@media only screen and (max-width:767px){.width-mobile-12{width:100%}}.slick-slider{box-sizing:border-box;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list,.slick-slider{position:relative;display:block}.slick-list{overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:none}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-list,.slick-slider .slick-track{transform:translateZ(0)}.slick-track{position:relative;left:0;top:0;display:block;margin-left:auto;margin-right:auto}.slick-track:after,.slick-track:before{content:"";display:table}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{float:left;height:100%;min-height:1px;display:none}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}.slick-loading .slick-list{background:#fff url(ajax-loader.gif) 50% no-repeat}@font-face{font-family:slick;src:url(fonts/slick.eot);src:url(fonts/slick.eot?#iefix) format("embedded-opentype"),url(fonts/slick.woff) format("woff"),url(fonts/slick.ttf) format("truetype"),url(fonts/slick.svg#slick) format("svg");font-weight:400;font-style:normal}.slick-next,.slick-prev{position:absolute;display:block;height:20px;width:20px;line-height:0;font-size:0;cursor:pointer;top:50%;transform:translateY(-50%);padding:0;border:none}.slick-next,.slick-next:focus,.slick-next:hover,.slick-prev,.slick-prev:focus,.slick-prev:hover{background:transparent;color:transparent;outline:none}.slick-next:focus:before,.slick-next:hover:before,.slick-prev:focus:before,.slick-prev:hover:before{opacity:1}.slick-next.slick-disabled:before,.slick-prev.slick-disabled:before{opacity:.25}.slick-next:before,.slick-prev:before{font-family:slick;font-size:20px;line-height:1;color:#fff;opacity:.75;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.slick-prev{left:-25px}[dir=rtl] .slick-prev{left:auto;right:-25px}.slick-prev:before{content:"←"}[dir=rtl] .slick-prev:before{content:"→"}.slick-next{right:-25px}[dir=rtl] .slick-next{left:-25px;right:auto}.slick-next:before{content:"→"}[dir=rtl] .slick-next:before{content:"←"}.slick-dotted.slick-slider{margin-bottom:30px}.slick-dots{position:absolute;bottom:-25px;list-style:none;display:block;text-align:center;padding:0;margin:0;width:100%}.slick-dots li{position:relative;display:inline-block;margin:0 5px;padding:0}.slick-dots li,.slick-dots li button{height:20px;width:20px;cursor:pointer}.slick-dots li button{border:0;background:transparent;display:block;outline:none;line-height:0;font-size:0;color:transparent;padding:5px}.slick-dots li button:focus,.slick-dots li button:hover{outline:none}.slick-dots li button:focus:before,.slick-dots li button:hover:before{opacity:1}.slick-dots li button:before{position:absolute;top:0;left:0;content:"•";width:20px;height:20px;font-family:slick;font-size:6px;line-height:20px;text-align:center;color:#000;opacity:.25;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.slick-dots li.slick-active button:before{color:#000;opacity:.75}.article-list__item{display:flex;flex-direction:row;flex-wrap:nowrap}.article-list__item:first-child~.article-list__item{margin-top:50px}@media only screen and (min-width:992px){.article-list__item:first-child~.article-list__item{margin-top:100px}}@media only screen and (max-width:767px){.article-list__item{flex-direction:column}}.article-list__item-image{flex:1;width:100%}.article-list__item-image img{width:100%}@media only screen and (min-width:768px){.article-list__item-image{margin-right:50px;max-width:400px}}@media only screen and (min-width:992px){.article-list__item-image{margin-right:100px}}.article-list__item-content{flex:1;width:100%}@media only screen and (max-width:767px){.article-list__item-content{padding:10px}}.article-list__item-date{color:#999;font-size:.9em;margin:0}.article-list__item-title{line-height:1.2;margin:6px 0}.article-list__item-button{display:block;width:-webkit-min-content;width:-moz-min-content;width:min-content}@media only screen and (max-width:767px){.article-list__item-button{width:100%}}.article-info{margin-bottom:50px}.albums__title{color:#b61d1d;font-size:45px;margin:40px;text-align:center}.albums__wrapper{display:flex;justify-content:center}@media only screen and (max-width:767px){.albums__wrapper{justify-content:flex-start}}.albums__links{display:flex;flex:1 1 100%;flex-direction:column}@media only screen and (max-width:767px){.albums__links{flex:0 0 150px}}.albums__link{background-color:#d3d3d3;cursor:pointer;height:300px;margin-left:auto;position:relative;transition:transform .2s ease,opacity .2s ease;width:300px;will-change:transform,opacity}@media only screen and (max-width:991px){.albums__link{width:200px}}@media only screen and (max-width:767px){.albums__link{width:150px}}.albums__link--active,.albums__link:hover{opacity:.8;transform:scale(.97)}.albums__link>img{height:auto;width:100%}.albums__link--active:after{background:#b61d1d;content:"";height:100%;left:0;position:absolute;top:0;width:14px}.albums__link:first-child~.albums__link{margin-top:20px}@media only screen and (max-width:767px){.albums__link:first-child~.albums__link{margin-top:10px}}.albums__containers{flex:1 1 100%}.albums__container{padding:20px 40px;position:-webkit-sticky;position:sticky;top:100px;width:100%}@media only screen and (max-width:767px){.albums__container{padding:10px 20px}}.albums__album-title{font-family:Broken Wings,sans-serif;font-size:35px}.albums__track-list{list-style:none;padding:0}.albums__track-list>li{font-size:16px;padding:10px}.albums__track-list-index{font-family:Broken Wings,sans-serif;font-size:24px;font-weight:700}.similar-articles__link{display:block}.similar-articles__content{padding:10px 5px 0}.similar-articles__title{line-height:1}.similar-articles__date{color:#999;font-size:.9em;margin:0}.slick-slider .slick-dots button:before{font-size:20px}.button{background:#b61d1d;border:0;border-radius:1000px;color:#fff;cursor:pointer;font-weight:700;height:38px;letter-spacing:2px;overflow:hidden;padding:8px 30px;text-align:center;text-decoration:none;text-overflow:ellipsis;white-space:nowrap}.button[disabled]{pointer-events:none}.button:focus,.button:hover{background:#a01919;color:#fff;text-decoration:none}.button--full{display:block;width:100%}.button--small{font-weight:400;height:28px;padding:3px 30px}.button--multiline{display:block;height:auto;line-height:inherit;overflow:inherit;padding-bottom:10px;padding-top:10px;text-overflow:inherit;white-space:inherit}.blocks{margin:-30px 0}.blocks__item{margin:30px 0}.content{padding:50px 0}.demobar{align-items:center;background:#313131;display:flex;flex-direction:row;flex-wrap:nowrap;height:50px;left:0;padding:0 20px;position:fixed;right:0;top:0;z-index:1000}.demobar__logo{display:flex;justify-content:center;width:36px}.demobar__logo-image{display:block;height:28px}.demobar__title{color:#fff;margin:0 20px 0 10px}.demobar__github{display:block;margin-left:auto}.demobar__github-image{display:block;height:28px;max-width:28px}.demobar__button{background-color:#52b6ca;display:block;margin-left:10px}.demobar__button:focus,.demobar__button:hover{background-color:#379eb2}.navbar{align-items:center;display:flex;flex-direction:row;flex-wrap:nowrap;height:50px;justify-content:space-between;left:0;padding:0 20px;position:fixed;right:0;top:50px;transition:background-color .3s ease;z-index:500}.navbar--scroll{background-color:#202020}.navbar__logo{display:flex;justify-content:center;width:36px;z-index:600}.navbar__logo-image{display:block;height:28px;width:auto}.navbar__links,.navbar__navigation{align-items:center;display:flex;flex-direction:row;justify-content:flex-end}.navbar__links{z-index:550}@media only screen and (min-width:992px){.navbar__links{display:flex!important}}@media only screen and (max-width:991px){.navbar__links{align-items:stretch;background:#e45555;bottom:0;display:none;flex-direction:column;justify-content:center;left:0;position:fixed;right:0;top:50px}}.navbar__locales{display:flex;flex-direction:row;padding:0 25px;z-index:600}.navbar__item{color:#fff;display:block;margin-left:25px;margin-right:25px;padding:5px;position:relative;text-decoration:none;text-transform:uppercase}.navbar__item--active:after,.navbar__item:hover:after{border-bottom:1px solid #fff;content:"";display:block;left:5px;margin-top:8px;position:absolute;right:5px}@media only screen and (max-width:991px){.navbar__item--active:after,.navbar__item:hover:after{content:none;display:none}.navbar__links>.navbar__item{font-size:25px;height:50px;margin:0;text-align:center}}@media only screen and (max-width:767px){.navbar__item:hover{text-decoration:underline}}.navbar__item--locale{margin:0}.navbar__toggler{background:none;border:none;color:#fff;display:block;font-size:18px;margin:0;padding:0;text-decoration:none;z-index:600}@media only screen and (min-width:992px){.navbar__toggler{display:none}}.card{background-color:#fafafa;display:block}.card__body{padding:20px}.card__image-holder{position:relative}.card__image-holder:before{align-items:center;background-color:#b61d1d;bottom:0;left:0;opacity:.5;padding:20px;position:absolute;right:0;top:0}@media (hover:hover){.card__image-holder:hover:before{content:""}}.card__image{display:block;width:100%}.card__image-overlay{align-items:center;bottom:0;display:none;justify-content:center;left:0;padding:20px;position:absolute;right:0;top:0}.card__image-holder:hover>.card__image-overlay{display:flex}.card__image-title{color:#fff;font-family:Broken Wings,sans-serif;font-size:64px;line-height:64px;text-align:center}@media (hover:none){.card__image-title{display:none}}.card__button{display:block;margin-top:20px;width:-webkit-min-content;width:-moz-min-content;width:min-content}.footer{background-color:#313131;color:#fff}.footer__main{padding:20px 0 0}@media only screen and (min-width:768px){.footer__main{padding-top:40px}}@media only screen and (min-width:992px){.footer__main{padding-top:50px}}.footer__newsletter-form{display:flex}@media only screen and (min-width:0) and (max-width:767px){.footer__newsletter-form{flex-wrap:wrap}}.footer__newsletter-input{width:100%}@media only screen and (min-width:0) and (max-width:767px){.footer__newsletter-input{text-align:center}}.footer__newsletter-input-label{flex-grow:1}.footer__newsletter-button{margin-left:20px}@media only screen and (min-width:0) and (max-width:767px){.footer__newsletter-button{margin-left:0;margin-top:10px;width:100%}}.footer__contact-link,.footer__quicklink{color:#fff;display:block;margin:16px 0;text-decoration:none}.footer__imprint{display:flex;flex-direction:column;padding:30px 0}@media only screen and (min-width:768px){.footer__imprint{flex-direction:row;justify-content:space-between}}.footer__imprint-item{display:block;font-size:11px;margin-top:5px;text-align:center}@media only screen and (min-width:768px){.footer__imprint-item{flex-grow:1;text-align:right}}.footer__imprint-item--copyright{text-align:center}@media only screen and (min-width:768px){.footer__imprint-item--copyright{flex-grow:3;text-align:left}}.footer__imprint-link{color:#fff;margin:-5px -10px;padding:5px 10px;text-decoration:none}.header{height:300px;position:relative}@media only screen and (max-width:991px){.header{height:250px}}@media only screen and (max-width:767px){.header{height:200px}}.header--large{height:500px}@media only screen and (max-width:991px){.header--large{height:400px}}@media only screen and (max-width:767px){.header--large{height:300px}}.header__image{display:block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.header__text{align-items:center;bottom:0;color:#fff;display:flex;flex-direction:column;justify-content:center;left:0;position:absolute;right:0;top:0}.header__title{font-family:Broken Wings,sans-serif;font-size:120px;line-height:1;margin:0;text-align:center}@media only screen and (max-width:767px){.header__title{font-size:55px}}.header__title--small{font-size:75px}@media only screen and (max-width:767px){.header__title--small{font-size:30px}}.header__subtitle{display:block;font-size:18px;font-weight:700;line-height:1;text-align:center}@media only screen and (max-width:767px){.header__subtitle{font-size:inherit}}.header__button{background:#fff;color:#000;margin-top:20px}.header__button:focus,.header__button:hover{background:#d9d9d9;color:#000;text-decoration:none}.posted-by{color:#999;font-size:.9em;margin:0;padding-left:24px;position:relative}.posted-by:before{background-color:#b61d1d;content:"";height:16px;left:0;position:absolute;top:3px;width:16px}.posted-by>span{color:#000;display:inline-block;font-weight:700;margin-left:6px}.social-footer{background-color:#202020}.social-footer__links{align-items:center;display:flex;flex-direction:row;height:80px;justify-content:flex-end}@media only screen and (max-width:767px){.social-footer__links{justify-content:space-evenly}}.social-footer__link{color:#fff;display:block;font-size:25px;padding:10px;text-decoration:none}.social-footer__link:before{color:#fff!important}@media only screen and (min-width:768px){.social-footer__link{margin:0 15px;padding:15px}.social-footer__link:last-child{margin-right:-15px}}.block-image{width:auto;margin:0 auto}.block-image__top{margin-bottom:15px}.block-image__bottom{margin-top:15px}.block-image__left,.block-image__right{max-width:300px;margin-bottom:15px}.block-image__left{float:left;margin-right:15px}@media only screen and (max-width:767px){.block-image__left{float:none;margin-right:auto}}.block-image__right{float:right;margin-left:15px}@media only screen and (max-width:767px){.block-image__right{float:none;margin-left:auto}}.block-title{color:#b61d1d;font-size:50px;line-height:70px;margin:0}@media only screen and (max-width:767px){.block-title{font-size:40px;line-height:50px}}.block-quote{margin-left:25px;padding:10px 0 10px 30px;position:relative;border-left:14px solid #b61d1d}@media only screen and (max-width:767px){.block-quote{margin-left:0}}.block-quote__quote{font-weight:700;margin:0}.block-quote__reference{color:#666;margin:20px 0 0}.block-link{display:block;width:-webkit-min-content;width:-moz-min-content;width:min-content}@font-face{font-family:icomoon;src:url(/website/fonts/icomoon/fonts/icomoon.eot?hs2gjz);src:url(/website/fonts/icomoon/fonts/icomoon.eot?hs2gjz#iefix) format("embedded-opentype"),url(/website/fonts/icomoon/fonts/icomoon.ttf?hs2gjz) format("truetype"),url(/website/fonts/icomoon/fonts/icomoon.woff?hs2gjz) format("woff"),url(/website/fonts/icomoon/fonts/icomoon.svg?hs2gjz#icomoon) format("svg");font-weight:400;font-style:normal;font-display:block}.icon{font-family:icomoon!important;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon--facebook:before{content:"";color:#4172b8}.icon--instagram:before{content:"";color:#e4405f}.icon--spotify:before{content:"";color:#1ed760}.icon--youtube:before{content:"";color:red}.icon--times:before{content:""}.icon--menu:before{content:""} \ No newline at end of file +/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[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}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}*,:after,:before{box-sizing:border-box}body{font-family:Karla,sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-variant-ligatures:none;text-rendering:optimizeLegibility;-webkit-text-size-adjust:100%;line-height:22px;margin-top:50px;min-height:100%}body,input{font-size:14px}input{background-color:#d3d3d3;border:none;border-radius:1000px;font-weight:700;line-height:38px;padding:0 20px}img,input{display:block}img{max-width:100%}a{color:inherit;text-decoration:none}h1{font-size:35px;line-height:55px}h1,h2{margin:0}h2{font-size:24px;line-height:38px}h3{font-size:20px;line-height:32px}h3,h4{margin:0}h4{font-size:18px;line-height:28px}h5{font-size:16px;line-height:24px}h5,h6{margin:0}h6{font-size:14px;line-height:22px}.container{max-width:1380px;margin:0 60px}@media only screen and (max-width:991px){.container{margin-left:40px;margin-right:40px}}@media only screen and (max-width:767px){.container{margin-left:30px;margin-right:30px}}@media only screen and (min-width:1500px){.container{margin-left:auto;margin-right:auto}}.container-wide{max-width:1564px;margin:0 60px}@media only screen and (max-width:991px){.container-wide{margin-left:40px;margin-right:40px}}@media only screen and (max-width:767px){.container-wide{margin-left:30px;margin-right:30px}}@media only screen and (min-width:1684px){.container-wide{margin-left:auto;margin-right:auto}}.container-left{padding-right:calc(41.66667% + 10px)}@media only screen and (max-width:767px){.container-left{padding-right:0}}.container-right{padding-left:calc(41.66667% + 10px)}@media only screen and (max-width:767px){.container-right{padding-left:0}}.container-big{margin:0 auto;max-width:960px}.container-medium{margin:0 auto;max-width:720px}.container-small{margin:0 auto;max-width:540px}.grid{align-items:flex-start;display:flex;flex-wrap:wrap;margin:-20px}.grid--middle{align-items:center}.grid--center{justify-content:center}.grid--reverse{flex-direction:row-reverse}.grid--stretch{align-items:stretch}@media only screen and (max-width:1200px){.grid--laptop-reverse{flex-direction:row-reverse}}@media only screen and (max-width:991px){.grid--tablet-reverse{flex-direction:row-reverse}}@media only screen and (max-width:767px){.grid--mobile-reverse{flex-direction:row-reverse}}.grid__item{flex:1;padding:20px;width:100%}.grid__item--flex{display:flex}[class*=" width-"],[class^=width-]{flex:0 0 auto}.width-1{width:8.33333%}.width-2{width:16.66667%}.width-3{width:25%}.width-4{width:33.33333%}.width-5{width:41.66667%}.width-6{width:50%}.width-7{width:58.33333%}.width-8{width:66.66667%}.width-9{width:75%}.width-10{width:83.33333%}.width-11{width:91.66667%}.width-12{width:100%}@media only screen and (max-width:1200px){.width-laptop-1{width:8.33333%}}@media only screen and (max-width:991px){.width-tablet-1{width:8.33333%}}@media only screen and (max-width:767px){.width-mobile-1{width:8.33333%}}@media only screen and (max-width:1200px){.width-laptop-2{width:16.66667%}}@media only screen and (max-width:991px){.width-tablet-2{width:16.66667%}}@media only screen and (max-width:767px){.width-mobile-2{width:16.66667%}}@media only screen and (max-width:1200px){.width-laptop-3{width:25%}}@media only screen and (max-width:991px){.width-tablet-3{width:25%}}@media only screen and (max-width:767px){.width-mobile-3{width:25%}}@media only screen and (max-width:1200px){.width-laptop-4{width:33.33333%}}@media only screen and (max-width:991px){.width-tablet-4{width:33.33333%}}@media only screen and (max-width:767px){.width-mobile-4{width:33.33333%}}@media only screen and (max-width:1200px){.width-laptop-5{width:41.66667%}}@media only screen and (max-width:991px){.width-tablet-5{width:41.66667%}}@media only screen and (max-width:767px){.width-mobile-5{width:41.66667%}}@media only screen and (max-width:1200px){.width-laptop-6{width:50%}}@media only screen and (max-width:991px){.width-tablet-6{width:50%}}@media only screen and (max-width:767px){.width-mobile-6{width:50%}}@media only screen and (max-width:1200px){.width-laptop-7{width:58.33333%}}@media only screen and (max-width:991px){.width-tablet-7{width:58.33333%}}@media only screen and (max-width:767px){.width-mobile-7{width:58.33333%}}@media only screen and (max-width:1200px){.width-laptop-8{width:66.66667%}}@media only screen and (max-width:991px){.width-tablet-8{width:66.66667%}}@media only screen and (max-width:767px){.width-mobile-8{width:66.66667%}}@media only screen and (max-width:1200px){.width-laptop-9{width:75%}}@media only screen and (max-width:991px){.width-tablet-9{width:75%}}@media only screen and (max-width:767px){.width-mobile-9{width:75%}}@media only screen and (max-width:1200px){.width-laptop-10{width:83.33333%}}@media only screen and (max-width:991px){.width-tablet-10{width:83.33333%}}@media only screen and (max-width:767px){.width-mobile-10{width:83.33333%}}@media only screen and (max-width:1200px){.width-laptop-11{width:91.66667%}}@media only screen and (max-width:991px){.width-tablet-11{width:91.66667%}}@media only screen and (max-width:767px){.width-mobile-11{width:91.66667%}}@media only screen and (max-width:1200px){.width-laptop-12{width:100%}}@media only screen and (max-width:991px){.width-tablet-12{width:100%}}@media only screen and (max-width:767px){.width-mobile-12{width:100%}}.slick-slider{box-sizing:border-box;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list,.slick-slider{position:relative;display:block}.slick-list{overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:none}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-list,.slick-slider .slick-track{transform:translateZ(0)}.slick-track{position:relative;left:0;top:0;display:block;margin-left:auto;margin-right:auto}.slick-track:after,.slick-track:before{content:"";display:table}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{float:left;height:100%;min-height:1px;display:none}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}.slick-loading .slick-list{background:#fff url(ajax-loader.gif) 50% no-repeat}@font-face{font-family:slick;src:url(fonts/slick.eot);src:url(fonts/slick.eot?#iefix) format("embedded-opentype"),url(fonts/slick.woff) format("woff"),url(fonts/slick.ttf) format("truetype"),url(fonts/slick.svg#slick) format("svg");font-weight:400;font-style:normal}.slick-next,.slick-prev{position:absolute;display:block;height:20px;width:20px;line-height:0;font-size:0;cursor:pointer;top:50%;transform:translateY(-50%);padding:0;border:none}.slick-next,.slick-next:focus,.slick-next:hover,.slick-prev,.slick-prev:focus,.slick-prev:hover{background:transparent;color:transparent;outline:none}.slick-next:focus:before,.slick-next:hover:before,.slick-prev:focus:before,.slick-prev:hover:before{opacity:1}.slick-next.slick-disabled:before,.slick-prev.slick-disabled:before{opacity:.25}.slick-next:before,.slick-prev:before{font-family:slick;font-size:20px;line-height:1;color:#fff;opacity:.75;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.slick-prev{left:-25px}[dir=rtl] .slick-prev{left:auto;right:-25px}.slick-prev:before{content:"←"}[dir=rtl] .slick-prev:before{content:"→"}.slick-next{right:-25px}[dir=rtl] .slick-next{left:-25px;right:auto}.slick-next:before{content:"→"}[dir=rtl] .slick-next:before{content:"←"}.slick-dotted.slick-slider{margin-bottom:30px}.slick-dots{position:absolute;bottom:-25px;list-style:none;display:block;text-align:center;padding:0;margin:0;width:100%}.slick-dots li{position:relative;display:inline-block;margin:0 5px;padding:0}.slick-dots li,.slick-dots li button{height:20px;width:20px;cursor:pointer}.slick-dots li button{border:0;background:transparent;display:block;outline:none;line-height:0;font-size:0;color:transparent;padding:5px}.slick-dots li button:focus,.slick-dots li button:hover{outline:none}.slick-dots li button:focus:before,.slick-dots li button:hover:before{opacity:1}.slick-dots li button:before{position:absolute;top:0;left:0;content:"•";width:20px;height:20px;font-family:slick;font-size:6px;line-height:20px;text-align:center;color:#000;opacity:.25;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.slick-dots li.slick-active button:before{color:#000;opacity:.75}.article-list__item{display:flex;flex-direction:row;flex-wrap:nowrap}.article-list__item:first-child~.article-list__item{margin-top:50px}@media only screen and (min-width:992px){.article-list__item:first-child~.article-list__item{margin-top:100px}}@media only screen and (max-width:767px){.article-list__item{flex-direction:column}}.article-list__item-image{flex:1;width:100%}.article-list__item-image img{width:100%}@media only screen and (min-width:768px){.article-list__item-image{margin-right:50px;max-width:400px}}@media only screen and (min-width:992px){.article-list__item-image{margin-right:100px}}.article-list__item-content{flex:1;width:100%}@media only screen and (max-width:767px){.article-list__item-content{padding:10px}}.article-list__item-date{color:#999;font-size:.9em;margin:0}.article-list__item-title{line-height:1.2;margin:6px 0}.article-list__item-button{display:block;width:-webkit-min-content;width:-moz-min-content;width:min-content}@media only screen and (max-width:767px){.article-list__item-button{width:100%}}.article-info{margin-bottom:50px}.albums__title{color:#b61d1d;font-size:45px;margin:40px;text-align:center}.albums__wrapper{display:flex;justify-content:center}@media only screen and (max-width:767px){.albums__wrapper{justify-content:flex-start}}.albums__links{display:flex;flex:1 1 100%;flex-direction:column}@media only screen and (max-width:767px){.albums__links{flex:0 0 150px}}.albums__link{background-color:#d3d3d3;cursor:pointer;height:300px;margin-left:auto;position:relative;transition:transform .2s ease,opacity .2s ease;width:300px;will-change:transform,opacity}@media only screen and (max-width:991px){.albums__link{width:200px}}@media only screen and (max-width:767px){.albums__link{width:150px}}.albums__link--active,.albums__link:hover{opacity:.8;transform:scale(.97)}.albums__link>img{height:auto;width:100%}.albums__link--active:after{background:#b61d1d;content:"";height:100%;left:0;position:absolute;top:0;width:14px}.albums__link:first-child~.albums__link{margin-top:20px}@media only screen and (max-width:767px){.albums__link:first-child~.albums__link{margin-top:10px}}.albums__containers{flex:1 1 100%}.albums__container{padding:20px 40px;position:-webkit-sticky;position:sticky;top:100px;width:100%}@media only screen and (max-width:767px){.albums__container{padding:10px 20px}}.albums__album-title{font-family:Broken Wings,sans-serif;font-size:35px}.albums__track-list{list-style:none;padding:0}.albums__track-list>li{font-size:16px;padding:10px}.albums__track-list-index{font-family:Broken Wings,sans-serif;font-size:24px;font-weight:700}.similar-articles__link{display:block}.similar-articles__content{padding:10px 5px 0}.similar-articles__title{line-height:1}.similar-articles__date{color:#999;font-size:.9em;margin:0}.slick-slider .slick-dots button:before{font-size:20px}.button{background:#b61d1d;border:0;border-radius:1000px;color:#fff;cursor:pointer;font-weight:700;height:38px;letter-spacing:2px;overflow:hidden;padding:8px 30px;text-align:center;text-decoration:none;text-overflow:ellipsis;white-space:nowrap}.button[disabled]{pointer-events:none}.button:focus,.button:hover{background:#a01919;color:#fff;text-decoration:none}.button--full{display:block;width:100%}.button--small{font-weight:400;height:28px;padding:3px 30px}.button--multiline{display:block;height:auto;line-height:inherit;overflow:inherit;padding-bottom:10px;padding-top:10px;text-overflow:inherit;white-space:inherit}.blocks{margin:-30px 0}.blocks__item{margin:30px 0}.blocks__item--highlight{background:silver;padding:30px 0}.blocks__item--highlight+.blocks__item--highlight{padding-top:0}.content{padding:50px 0}.demobar{align-items:center;background:#313131;display:flex;flex-direction:row;flex-wrap:nowrap;height:50px;left:0;padding:0 20px;position:fixed;right:0;top:0;z-index:1000}.demobar__logo{display:flex;justify-content:center;width:36px}.demobar__logo-image{display:block;height:28px}.demobar__title{color:#fff;margin:0 20px 0 10px}.demobar__github{display:block;margin-left:auto}.demobar__github-image{display:block;height:28px;max-width:28px}.demobar__button{background-color:#52b6ca;display:block;margin-left:10px}.demobar__button:focus,.demobar__button:hover{background-color:#379eb2}.navbar{align-items:center;display:flex;flex-direction:row;flex-wrap:nowrap;height:50px;justify-content:space-between;left:0;padding:0 20px;position:fixed;right:0;top:50px;transition:background-color .3s ease;z-index:500}.navbar--scroll{background-color:#202020}.navbar__logo{display:flex;justify-content:center;width:36px;z-index:600}.navbar__logo-image{display:block;height:28px;width:auto}.navbar__links,.navbar__navigation{align-items:center;display:flex;flex-direction:row;justify-content:flex-end}.navbar__links{z-index:550}@media only screen and (min-width:992px){.navbar__links{display:flex!important}}@media only screen and (max-width:991px){.navbar__links{align-items:stretch;background:#e45555;bottom:0;display:none;flex-direction:column;justify-content:center;left:0;position:fixed;right:0;top:50px}}.navbar__locales{display:flex;flex-direction:row;padding:0 25px;z-index:600}.navbar__item{color:#fff;display:block;margin-left:25px;margin-right:25px;padding:5px;position:relative;text-decoration:none;text-transform:uppercase}.navbar__item--active:after,.navbar__item:hover:after{border-bottom:1px solid #fff;content:"";display:block;left:5px;margin-top:8px;position:absolute;right:5px}@media only screen and (max-width:991px){.navbar__item--active:after,.navbar__item:hover:after{content:none;display:none}.navbar__links>.navbar__item{font-size:25px;height:50px;margin:0;text-align:center}}@media only screen and (max-width:767px){.navbar__item:hover{text-decoration:underline}}.navbar__item--locale{margin:0}.navbar__toggler{background:none;border:none;color:#fff;display:block;font-size:18px;margin:0;padding:0;text-decoration:none;z-index:600}@media only screen and (min-width:992px){.navbar__toggler{display:none}}.card{background-color:#fafafa;display:block}.card__body{padding:20px}.card__image-holder{position:relative}.card__image-holder:before{align-items:center;background-color:#b61d1d;bottom:0;left:0;opacity:.5;padding:20px;position:absolute;right:0;top:0}@media (hover:hover){.card__image-holder:hover:before{content:""}}.card__image{display:block;width:100%}.card__image-overlay{align-items:center;bottom:0;display:none;justify-content:center;left:0;padding:20px;position:absolute;right:0;top:0}.card__image-holder:hover>.card__image-overlay{display:flex}.card__image-title{color:#fff;font-family:Broken Wings,sans-serif;font-size:64px;line-height:64px;text-align:center}@media (hover:none){.card__image-title{display:none}}.card__button{display:block;margin-top:20px;width:-webkit-min-content;width:-moz-min-content;width:min-content}.footer{background-color:#313131;color:#fff}.footer__main{padding:20px 0 0}@media only screen and (min-width:768px){.footer__main{padding-top:40px}}@media only screen and (min-width:992px){.footer__main{padding-top:50px}}.footer__newsletter-form{display:flex}@media only screen and (min-width:0) and (max-width:767px){.footer__newsletter-form{flex-wrap:wrap}}.footer__newsletter-input{width:100%}@media only screen and (min-width:0) and (max-width:767px){.footer__newsletter-input{text-align:center}}.footer__newsletter-input-label{flex-grow:1}.footer__newsletter-button{margin-left:20px}@media only screen and (min-width:0) and (max-width:767px){.footer__newsletter-button{margin-left:0;margin-top:10px;width:100%}}.footer__contact-link,.footer__quicklink{color:#fff;display:block;margin:16px 0;text-decoration:none}.footer__imprint{display:flex;flex-direction:column;padding:30px 0}@media only screen and (min-width:768px){.footer__imprint{flex-direction:row;justify-content:space-between}}.footer__imprint-item{display:block;font-size:11px;margin-top:5px;text-align:center}@media only screen and (min-width:768px){.footer__imprint-item{flex-grow:1;text-align:right}}.footer__imprint-item--copyright{text-align:center}@media only screen and (min-width:768px){.footer__imprint-item--copyright{flex-grow:3;text-align:left}}.footer__imprint-link{color:#fff;margin:-5px -10px;padding:5px 10px;text-decoration:none}.header{height:300px;position:relative}@media only screen and (max-width:991px){.header{height:250px}}@media only screen and (max-width:767px){.header{height:200px}}.header--large{height:500px}@media only screen and (max-width:991px){.header--large{height:400px}}@media only screen and (max-width:767px){.header--large{height:300px}}.header__image{display:block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.header__text{align-items:center;bottom:0;color:#fff;display:flex;flex-direction:column;justify-content:center;left:0;position:absolute;right:0;top:0}.header__title{font-family:Broken Wings,sans-serif;font-size:120px;line-height:1;margin:0;text-align:center}@media only screen and (max-width:767px){.header__title{font-size:55px}}.header__title--small{font-size:75px}@media only screen and (max-width:767px){.header__title--small{font-size:30px}}.header__subtitle{display:block;font-size:18px;font-weight:700;line-height:1;text-align:center}@media only screen and (max-width:767px){.header__subtitle{font-size:inherit}}.header__button{background:#fff;color:#000;margin-top:20px}.header__button:focus,.header__button:hover{background:#d9d9d9;color:#000;text-decoration:none}.posted-by{color:#999;font-size:.9em;margin:0;padding-left:24px;position:relative}.posted-by:before{background-color:#b61d1d;content:"";height:16px;left:0;position:absolute;top:3px;width:16px}.posted-by>span{color:#000;display:inline-block;font-weight:700;margin-left:6px}.social-footer{background-color:#202020}.social-footer__links{align-items:center;display:flex;flex-direction:row;height:80px;justify-content:flex-end}@media only screen and (max-width:767px){.social-footer__links{justify-content:space-evenly}}.social-footer__link{color:#fff;display:block;font-size:25px;padding:10px;text-decoration:none}.social-footer__link:before{color:#fff!important}@media only screen and (min-width:768px){.social-footer__link{margin:0 15px;padding:15px}.social-footer__link:last-child{margin-right:-15px}}.block-image{width:auto;margin:0 auto}.block-image__top{margin-bottom:15px}.block-image__bottom{margin-top:15px}.block-image__left,.block-image__right{max-width:300px;margin-bottom:15px}.block-image__left{float:left;margin-right:15px}@media only screen and (max-width:767px){.block-image__left{float:none;margin-right:auto}}.block-image__right{float:right;margin-left:15px}@media only screen and (max-width:767px){.block-image__right{float:none;margin-left:auto}}.block-title{color:#b61d1d;font-size:50px;line-height:70px;margin:0}@media only screen and (max-width:767px){.block-title{font-size:40px;line-height:50px}}.block-quote{margin-left:25px;padding:10px 0 10px 30px;position:relative;border-left:14px solid #b61d1d}@media only screen and (max-width:767px){.block-quote{margin-left:0}}.block-quote__quote{font-weight:700;margin:0}.block-quote__reference{color:#666;margin:20px 0 0}.block-link{display:block;width:-webkit-min-content;width:-moz-min-content;width:min-content}@font-face{font-family:icomoon;src:url(/website/fonts/icomoon/fonts/icomoon.eot?hs2gjz);src:url(/website/fonts/icomoon/fonts/icomoon.eot?hs2gjz#iefix) format("embedded-opentype"),url(/website/fonts/icomoon/fonts/icomoon.ttf?hs2gjz) format("truetype"),url(/website/fonts/icomoon/fonts/icomoon.woff?hs2gjz) format("woff"),url(/website/fonts/icomoon/fonts/icomoon.svg?hs2gjz#icomoon) format("svg");font-weight:400;font-style:normal;font-display:block}.icon{font-family:icomoon!important;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon--facebook:before{content:"";color:#4172b8}.icon--instagram:before{content:"";color:#e4405f}.icon--spotify:before{content:"";color:#1ed760}.icon--youtube:before{content:"";color:red}.icon--times:before{content:""}.icon--menu:before{content:""} \ No newline at end of file diff --git a/templates/includes/blocks.html.twig b/templates/includes/blocks.html.twig index 569d4e6c..f2c940e8 100644 --- a/templates/includes/blocks.html.twig +++ b/templates/includes/blocks.html.twig @@ -1,7 +1,7 @@ {% if content.blocks|default([])|length %}