div.titelzeile      {position: absolute; top: 0px; left: 0px; right: 0px; height: 60px; background-color: rgba(49,52,52,0); margin:0px; padding: 0;}
div.fusszeile       {position: absolute; left: 0px; right: 0px; bottom: 0px; height: 50px; background-color:  rgba(49,52,52,0); text-transform: uppercase;}
div.navigation      {position: absolute; top: 75px; right: 0px; bottom: 55px; width: calc(35% - 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: 75px; left: 0px; bottom: 55px; width: calc(65% - 154px); 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: 32px 66px 72px 66px; overflow: auto;}
div.articlecontent h1 img   {max-height: 64px; float: right; margin-top: 4px;}
div.articlecontent h2 img   {max-height: 64px; float: right; margin-top: 4px;}
div.articlecontent h3 img   {max-height: 64px; float: right; margin-top: 4px;}
div.articlecontent h4 img   {max-height: 64px; float: right; margin-top: 4px;}

div.firmenname  {position: absolute; left: 0px; font-size: 54px; 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: 76px;}
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 3px black;}
/*div.titelzeile div.eventmaennchenliegend    {position: absolute; top: 3px; right: 32px; height: 74px; width: 74px; background-image: url("/img/eventmaennchenliegend.png"); background-size: auto 100%;}*/
div.titelzeile div.eventmaennchenliegend    {position: absolute; top: 3px; right: 202px; height: 74px; width: 74px; background-image: url("/img/eventmaennchenliegend.png"); background-size: auto 100%;}
div.fusszeile p    {position: absolute; top: 18px; left: 36px; font-size: 14px; 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: 18px; margin: 0; padding: 0 0 18px 0;}
div.navigation ul li ul li  {font-size: 16px; 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: 24px 0 30px 0;}
div.articlecontent h2   {font-size: 28px; font-weight: normal; margin: 0px; padding: 20px 0 24px 0;}
div.articlecontent h3   {font-size: 24px; 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;}
div.articlecontent li   {font-size: 16px;}


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

article                 {max-width: 640px; margin: 0 auto 140px auto;}


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

div.fernwartung         {position: absolute; width: 124px; top: 4px; 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: block; justify-content: center;}
div.boxen div:first-of-type   {border-radius: 24px 24px 0 0;}
div.boxen div:last-of-type   {border-radius: 0 0 24px 24px; margin-bottom: 32px;}
div.boxencontent        {width: 100%); min-height: 280px; margin: 6px -6% 6px -6%; padding: 20px 6%; }

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;}