div.titelzeile      {position: absolute; top: 0px; left: 0px; right: 0px; height:200px; background-color: rgba(49,52,52,0); margin:0px; padding: 0;}
div.fusszeile       {position: absolute; left: 0px; right: 0px; bottom: 0px; height: 100px; background-color:  rgba(49,52,52,0); text-transform: uppercase;}
div.navigation      {position: absolute; top:220px; right: 0px; bottom: 120px; width: calc(25% - 102px); border-radius: 73px 0 0 73px; font-weight: lighter; background-color: rgba(49,52,52,254); color: rgb(224,224,224); margin: 0px; padding: 72px 36px 72px 56px; overflow: auto;}
div.articlecontent  {position: absolute; top:220px; left: 0px; bottom: 120px; width: calc(75% - 82px); border-radius: 0 73px 73px 0; font-family: 'ubuntu'; font-weight: lighter; background-color: rgba(224,224,224,254); color: rgb(49,52,52); margin: 0px; padding: 72px 36px 72px 36px; overflow: auto;}
div.articlecontent h1 img   {max-height: 64px; float: right; margin-top: -18px;}
div.articlecontent h2 img   {max-height: 64px; float: right; margin-top: -18px;}
div.articlecontent h3 img   {max-height: 64px; float: right; margin-top: -18px;}
div.articlecontent h4 img   {max-height: 64px; float: right; margin-top: -18px;}

div.firmenname   {position: absolute; left: 0px; font-size: 96px; letter-spacing: -0.06em; color: white; font-style: italic; font-weight: bolder; font-family: 'ubuntuMono'; margin: 0; padding: 0; text-shadow: 2px 2px 3px black;}
div.firmenname img  {max-height: 224px; height: 224px;}
div.titelzeile p   {position: absolute; bottom: 0px; left: 36px; font-size: 24px; color: white; margin: 0; padding: 0; font-family: 'ubuntu'; text-shadow: 2px 2px 3px black;}
div.titelzeile div.eventmaennchenliegend    {position: absolute; top: 44px; right: 740px; height: 180px; width: 180px; background-image: url("/img/eventmaennchenliegend.png"); background-size: auto 100%;}
/*div.titelzeile div.eventmaennchenliegend    {position: absolute; top: 44px; right: 740px; height: 180px; width: 180px; background-image: url("/img/eventmaennchen_snow_loop_xsmall.gif"); background-size: auto 100%;}*/
div.fusszeile p    {position: absolute; top: 36px; left: 36px; font-size: 24px; letter-spacing: 0.2ex; color: white; margin: 0; padding: 0; font-family: 'ubuntu'; font-style: normal; text-shadow: 2px 2px 3px black;}

div.navigation ul   {list-style-type: none; margin: 0; padding: 0}
div.navigation ul li    {font-size: 22px; margin: 0; padding: 0 0 18px 0;}
div.navigation ul li ul li  {font-size: 18px; margin: 0; padding: 4px 0 0 20px;}
div.navigationButton1    {display: none;}
div.navigationButton2    {display: none;}
div.navigationButton3    {display: none;}
div.navigationButton4    {display: none;}
div.fusszeileMobil    {display: none;}
div.fussleisteMobil    {display: none;}


div.articlecontent h1   {font-size: 64px; font-weight: normal; margin: 0px; padding: 26px 0 32px 0;}
div.articlecontent h1::before   {content: " "; background-image: url("/img/image1.cfm"); background-size: 100% 100%; position: relative; display: block; bottom: -96px; left: -96px; height: 96px;width: 96px; margin-top: 0px; border: 0px solid green;}
div.articlecontent h2   {font-size: 42px; font-weight: normal; margin: 0px; padding: 24px 0 30px 0;}
div.articlecontent h2::before   {content: " "; background-image: url("/img/image2.cfm"); background-size: 100% 100%; position: relative; display: block; bottom: -72px; left: -72px; height: 72px;width: 72px; margin-top: 0px; border: 0px solid green;}
div.articlecontent h3   {font-size: 32px; font-weight: normal; margin: 0px; padding: 20px 0 24px 0;}
div.articlecontent h4   {font-size: 26px; font-weight: normal; margin: 0px; padding: 18¨px 0 20px 0;}
div.articlecontent p    {font-size: 22px; line-height: 1.8; font-weight: lighter; font-family: 'ubuntu'; margin: 0px; padding: 0 0 20px 0; display: block;}
div.articlecontent li   {font-size: 22px;}

div.articlecontent ul   {margin: 0px; padding: 0px 0px 0px 28px;}
div.articlecontent ul li  { margin: 0px; padding: 0px 0px 18px 12px; line-height: 1.6;}

article                 {max-width: 1080px; margin: 0 auto 180px auto;}


.nodesktop		{ display: none;}
.no-desktop		{ display: none;}

div.fernwartung         {position: absolute; width: 124px; top: 44px; right: 24px; display: block; color: white; letter-spacing: 0.3ex; text-shadow: 2px 2px 3px black;}
img.fernwartungslogo    {position: relative; min-width: 100%; top: 8px; right: 0px; display: block; border-radius: 4px 4px 4px 4px;}

div.boxen               {display: flex; justify-content: center;}
div.boxen div:first-of-type   {border-radius: 24px 0 0 24px;}
div.boxen div:last-of-type   {border-radius: 0 24px 24px 0;}
div.boxencontent        {width: 348px; min-width: 348px; max-width: 403px; min-height: 320px; margin: 6px 6px 36px 6px; padding: 36px 24px 48px 24px;}
div.boxencontent h1::before {content: " "; display: none;}
div.boxencontent h2::before {content: " "; display: none;}

ul.bilderliste {
    list-style: none;
    margin: 0;
    padding: 0;
}
ul.bilderliste li {
    display: inline-block;
    margin: 0 6px 6px 6px;
    padding: 0;
    max-width: 166px;
    width: 166px;
}
ul.bilderliste li img {
    height: 166px;
    width: 100%;
    object-fit: cover;
    object-position: center center;
}

.mobil  {display: none;}
.desktop    {display: block;}