@media all{main .articles>article{height:auto;margin:20px 0 20px 0}main .articles>article div.text,main .articles>article div.images{width:49%}main .articles>article div.text{position:relative;z-index:20;padding:50px;background:white}main .articles>article div.images{position:relative;z-index:10}main .articles>article.default div.images{margin-top:100px}main .articles>article.short div.images{margin-top:100px}main .articles>article:nth-child(even) div.text{float:left}main .articles>article:nth-child(even) div.images{float:left}main .articles>article:nth-child(odd) div.text{float:right}main .articles>article:nth-child(odd) div.images{float:right}main .articles>article div.images div{width:108%;padding:10px;background:white}main .articles>article div.images div:not(:nth-child(1)):not(:nth-child(2)){display:none}main .articles>article.short div.images div:nth-child(1){-ms-transform:rotate(-4deg);-webkit-transform:rotate(-4deg);transform:rotate(-4deg)}main .articles>article.short div.images div:nth-child(2){display:none}main .articles>article.default div.images div:nth-child(2){-ms-transform:rotate(5deg);-webkit-transform:rotate(5deg);transform:rotate(5deg)}main .articles>article:nth-child(odd) div.images div:nth-child(1){margin-left:0}main .articles>article:nth-child(odd) div.images div:nth-child(2){margin-left:20px}main .articles>article:nth-child(even) div.images div:nth-child(1){margin-left:-20px}main .articles>article:nth-child(even) div.images div:nth-child(2){margin-left:-40px}main .articles>article div.images div img{width:100%}main .articles.genussstrasse>article:nth-child(even) div.images{position:relative;z-index:30;margin-top:400px;margin-left:-100px}main .articles.genussstrasse>article:nth-child(even) div.images div{width:70%;-ms-transform:rotate(-10deg);-webkit-transform:rotate(-10deg);transform:rotate(-10deg);background:none}}@media all and (max-width: 768px){main .articles>article{height:auto;margin:20px 10px 20px 10px}main .articles>article div.text,main .articles>article div.images{width:100%}main .articles>article div.text{position:relative;z-index:20;padding:50px;background:white}main .articles>article div.images{position:relative;z-index:10}main .articles>article.default div.images{margin-top:0}main .articles>article.short div.images{margin-top:0}main .articles>article:nth-child(even) div.text{clear:both}main .articles>article:nth-child(even) div.images{clear:both}main .articles>article:nth-child(odd) div.text{clear:both}main .articles>article:nth-child(odd) div.images{clear:both}main .articles>article div.images div{width:100%;padding:10px;background:white}main .articles>article div.images div:not(:nth-child(1)):not(:nth-child(2)){display:none}main .articles>article.short div.images div:nth-child(1){-ms-transform:none;-webkit-transform:none;transform:none}main .articles>article div.images div:not(:nth-child(1)){display:none}main .articles>article:nth-child(odd) div.images div:nth-child(1){margin-left:0}main .articles>article:nth-child(odd) div.images div:nth-child(2){margin-left:0}main .articles>article:nth-child(even) div.images div:nth-child(1){margin-left:0}main .articles>article:nth-child(even) div.images div:nth-child(2){margin-left:0}main .articles>article div.images div img{width:100%}main .articles.genussstrasse>article:nth-child(even) div.text{width:80%}main .articles.genussstrasse>article:nth-child(even) div.images{position:relative;z-index:30;margin-top:-50px;margin-left:28%}main .articles.genussstrasse>article:nth-child(even) div.images div{width:70%;-ms-transform:rotate(-10deg);-webkit-transform:rotate(-10deg);transform:rotate(-10deg);background:none}}