/* https://schoenezaehne.or.at/wp-content/themes/wiesner-theme/css/emotion.css?ver=6.6.2 */
.emotion{position:relative;display:grid;grid-template-columns:8rem calc(50% - 8rem) 50%;grid-template-rows:1fr auto 4rem;background-color:#2B2E34}.emotion .headline,.emotion .area,.emotion .claim,.emotion .contact{color:#fff}.emotion .headline{grid-column:2;grid-row:1;align-self:flex-end;max-width:600px;padding-right:1rem}.emotion .headline h1{color:#fff}.emotion .area{grid-column:1;grid-row:1/4;align-self:flex-end;text-align:center}.emotion .area span{position:relative;display:inline-block;padding:4rem .5rem 1rem;vertical-align:top;writing-mode:vertical-lr;white-space:nowrap;transform:rotate(180deg);font-size:1.5rem}.emotion .area span:before{content:"";display:block;position:absolute;width:.125rem;height:3.5rem;top:0;left:50%;transform:translate(-50%,0);background-color:#fff}.emotion .claim{position:relative;grid-column:3;grid-row:1/4;z-index:5;padding:3rem;margin:0;align-self:end}.emotion .claim:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:100%;background:linear-gradient(to top,#2B2E34 0%,rgba(255,255,255,0) 100%);z-index:-1}.emotion .claim p{margin:0;max-width:1100px;color:#fff;font-family:'Open Sans',sans-serif;font-style:italic;font-size:2rem;font-weight:300;z-index:9}.emotion .contact{grid-column:2;grid-row:2}.emotion .contact ul{list-style:none;padding:0;margin:1rem 0}.emotion .contact ul li{display:flex;flex-flow:row nowrap;align-items:center;margin-top:1rem;font-size:1.5rem}.emotion .contact ul li svg{display:block;width:60px;height:60px;padding-right:1rem}.emotion .contact ul li a{color:#fff;font-size:1.5rem}.emotion .contact ul li p{margin:0;font-size:1.5rem}.emotion .image{grid-column:3;grid-row:1/4;overflow:auto}.emotion .image img{display:block;width:100%;height:100%;object-fit:cover}@media screen and (min-width:1400px){.emotion .claim p{font-size:2.6rem}}@media screen and (min-width:1024px){.emotion{height:100vh}}@media screen and (min-width:1024px) and (max-width:1100px){.emotion{grid-template-columns:6rem calc(50% - 6rem) 50%}}@media screen and (max-width:1023px){.emotion{grid-template-columns:4rem 1fr;grid-template-rows:7.5rem calc(80vh - 7.5rem) auto}.emotion .headline{grid-row:3;padding:1rem}.emotion .headline h1{margin:0;hyphens:auto}.emotion .area{position:sticky;bottom:0;grid-row:1/5}.emotion .area span{padding:4rem 0 0 0;font-size:1.25rem}.emotion .claim{grid-row:2;grid-column:2;align-self:end;padding:1rem}.emotion .claim p{font-size:2rem}.emotion .contact{grid-row:4}.emotion .image{grid-row:2;grid-column:2}}@media screen and (max-width:767px){.emotion .claim p{font-size:1.4rem;font-weight:400}.emotion .contact ul li svg{width:50px;height:50px}.emotion .contact ul li a,.emotion .contact ul li p{font-size:1.1rem;word-wrap:anywhere}}@media screen and (max-width:420px){.emotion{grid-template-rows:auto}}@media screen and (max-width:400px){.emotion{grid-template-columns:2.5rem 1fr}.emotion .area span{font-size:1rem}}@media screen and (max-width:380px){.emotion .claim p{font-size:1rem}}