div.titelzeile      {position: absolute; top: 0px; left: 0px; right: 0px; height:100px; background-color: rgba(49,52,52,0); margin:0px; padding: 0;}
div.fusszeile       {position: absolute; left: 0px; right: 0px; bottom: 0px; height: 60px; background-color:  rgba(49,52,52,0); text-transform: uppercase;}
div.navigation      {position: absolute; top:120px; right: 0px; bottom: 80px; width: calc(25% - 102px); border-radius: 56px 0 0 56px; 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:120px; left: 0px; bottom: 80px; width: calc(75% - 82px); border-radius: 0 56px 56px 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: 72px; letter-spacing: -0.06em; color: white; font-style: italic; font-weight: 800; font-family: 'ubuntu'; margin: 0; padding: 0; text-shadow: 2px 2px 4px black;}
div.firmenname img  {max-height: 120px;}
div.titelzeile p   {position: absolute; bottom: 0px; left: 36px; font-size: 20px; color: white; margin: 0; padding: 0; font-family: '0xProtoRegular'; text-shadow: 2px 2px 4px black;}
div.titelzeile div.eventmaennchenliegend    {position: absolute; top: 3px; right: 520px; height: 120px; width: 120px; background-image: url("/img/eventmaennchenliegend.png"); background-size: auto 100%;}
/*div.titelzeile div.eventmaennchenliegend    {position: absolute; top: 3px; right: 520px; height: 120px; width: 120px; background-image: url("/img/eventmaennchen_snow_loop_xsmall.gif"); background-size: auto 100%;}*/
div.fusszeile p    {position: absolute; top: 18px; left: 36px; font-size: 18px; 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: 20px; 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: 36px; font-weight: normal; margin: 0px; padding: 0px 0 32px 0;}
div.articlecontent h1::before   {content: " "; background-image: url("/img/image1.cfm"); background-size: 100% 100%; position: relative; display: block; bottom: -72px; left: -78px; height: 72px;width: 72px; margin-top: 0px; border: 0px solid green;}
div.articlecontent h2   {font-size: 32px; font-weight: normal; margin: 0px; padding: 20px 0 24px 0;}
div.articlecontent h2::before   {content: " "; background-image: url("/img/image2.cfm"); background-size: 100% 100%; position: relative; display: block; bottom: -48px; left: -54px; height: 48px;width: 48px; margin-top: 0px; border: 0px solid green;}
div.articlecontent h3   {font-size: 26px; font-weight: normal; margin: 0px; padding: 16px 0 20px 0;}
div.articlecontent h4   {font-size: 20px; font-weight: normal; margin: 0px; padding: 14px 0 16px 0;}
div.articlecontent p    {font-size: 16px; line-height: 1.8; font-weight: lighter; font-family: 'ubuntu'; margin: 0px; padding: 0 0 16px 0; display: block;}
div.articlecontent li   {font-size: 16px;}

div.articlecontent ul   {margin: 0px; padding: 0px 0px 0px 24px;}
div.articlecontent ul li  { margin: 0px; padding: 0px 0px 12px 12px; line-height: 1.2;}

article                 {max-width: 720px; margin: 0 auto 160px 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: 236px; min-width: 236px; max-width: 236px; min-height: 280px; margin: 6px 6px 24px 6px; padding: 20px 12px;}
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: 164px;
        width: 164px;
}
ul.bilderliste li img {
    height: 164px;
    width: 100%;
    border-radius: 6px;
    object-fit: cover;
    object-position: center center;
}

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