@media screen and (max-width:660px){.page_container{padding:10px;max-width:80em;font-size:18px;line-height:24px}section{margin:10px 0 10px 0}.stylename::before{content:"Zur Implementierung";font-size:18px;font-weight:700;display:block;margin:10px 0 0 0}.css,.stylename{font-family:monospace}}@media screen and (min-width:660px) and (max-width:1150px){.page_container{display:grid;grid-template-columns:2fr 3fr;grid-template-rows:60px 403px 1fr 1fr 60px 3fr;grid-template-areas:"w1        headline " "portrait  description" "w2        facts" "w2        navigation" "w2        stylename" "w2        css"}section{background-color:#fff;padding:10px;font-size:22px;line-height:20px}.page_container h1{margin:0;padding:0}.headline{background-color:#ebbb5b;padding-top:19px}.description{padding-top:12px;line-height:36px}.facts{padding-top:61px}ul{list-style-type:square;padding-left:30px;padding-top:12px;line-height:40px}.stylename{background-color:#ebbb5b;padding-top:23px}.css{font-size:18px;line-height:40px;padding-top:13px}.css b{display:block}.css{font-family:monospace}.portrait{width:auto;height:auto;background-color:#ebbb5b;background-size:cover}.navigation{line-height:40px;padding-top:17px}.navigation h2{font-size:18px;line-height:40px;margin-left:10px;margin-bottom:0}.navigation ul{padding-top:0}.gelb{display:none}.rot{display:none}.w1{display:none}.w2{display:none}.w3{display:none}.w4{display:none}.w5{display:none}.w6{display:none}.w7{display:none}.w8{display:none}.w9{display:none}.w10{display:none}.w11{display:none}}@media screen and (min-width:1150px) and (max-width:1200px){.page_container{height:1200px;width:1200px;display:grid;grid-template-columns:140fr 131fr 152fr 283fr 190fr 166fr 30fr;grid-template-rows:114fr 306fr 305fr 131fr 129fr 70fr 46fr;background-color:#000;grid-gap:25px 25px;grid-template-areas:"w1    w1           w2           w2           headline  headline  w3" "w4    description  description  description  facts     facts     w3" "w5    description  description  description  portrait  w11       w3" "w5    navigation   navigation   w6           w7        w7        w3" "gelb  navigation   navigation   w8           css       css       rot" "gelb  w9           w9           stylename    css       css       rot" "gelb  w9           w9           w10          w10       w10       rot"}section{background-color:#fff;padding:3px;font-size:18px;line-height:20px;vertical-align:bottom}.headline{background-color:#ebbb5b}.headline h1{font-size:40px;line-height:40px;padding-top:43px;margin:0;padding-left:28px}.description{background-color:#dd4232;font-size:40px;line-height:40px;padding-top:7px}.facts{background-color:#ebbb5b;line-height:40px;padding-top:14px}ul{list-style-type:square;padding-left:30px}.stylename{font-size:40px;line-height:40px;color:#fff;background-color:#191910}.css{background-color:#024276;color:#fff;font-size:12px;line-height:20px;padding-top:6px;overflow:auto}.portrait{width:auto;height:auto;background-color:#ebbb5b;background-size:cover}.navigation{background-color:#191910;color:#fff;line-height:40px;padding-top:14px}.navigation h2{font-size:18px;line-height:40px;margin-left:10px}.gelb{background-color:#ebbb5b}.rot{background-color:#dd4232}}@media screen and (min-width:1200px){.page_container{display:grid;grid-template-columns:270px 5fr 3fr;grid-template-rows:60px 2fr 210px;grid-template-areas:"w1        headline     stylename" "portrait  description  css" "w2        facts        navigation"}section{background-color:#fff;padding:10px;font-size:22px;line-height:20px}.page_container h1{margin:0;padding:0}.headline{background-color:#ebbb5b;padding-top:19px}.description{padding-top:12px;line-height:40px}.facts{padding-top:61px}ul{list-style-type:square;padding-left:30px;padding-top:12px;line-height:40px}.stylename{background-color:#ebbb5b;padding-top:23px}.css{font-size:18px;line-height:40px;padding-top:13px}.css b{display:block}.portrait{width:auto;height:auto;background-color:#ebbb5b;background-size:cover}.navigation{line-height:40px;padding-top:17px}.navigation h2{font-size:18px;line-height:40px;margin-left:10px;margin-bottom:0}.navigation ul{padding-top:0}.gelb{display:none}.rot{display:none}.w1{display:none}.w2{display:none}.w3{display:none}.w4{display:none}.w5{display:none}.w6{display:none}.w7{display:none}.w8{display:none}.w9{display:none}.w10{display:none}.w11{display:none}}