div.titelzeile      {position: absolute; top: 0px; left: 0px; right: 0px; height: 64px; background-color: rgba(49,52,52,0); margin:0px; padding: 0;}
div.fusszeile       {display: none; position: absolute; left: 0px; right: 0px; bottom: 0px; height: 40px; background-color:  rgba(49,52,52,0);  overflow: hidden;}
div.navigation      {position: absolute; top: 80px; right: 0px; bottom: 55px; width: calc(10% - 50px); border-radius: 48px 0 0 48px; font-weight: lighter; background-color: rgba(49,52,52,254); color: rgb(224,224,224); margin: 0px; padding: 50px 18px 55px 18px; overflow: auto;}
div.articlecontent  {position: absolute; top: 80px; left: 0px; bottom: 55px; width: calc(90% - 90px); border-radius: 0 48px 48px 0; font-family: 'ubuntu'; font-weight: lighter; background-color: rgba(224,224,224,254); color: rgb(49,52,52); margin: 0px; padding: 24px 38px 55px 38px; overflow: auto;}
div.articlecontent h1 img   {min-width: 100%; float: normal; margin-top: 4px;}
div.articlecontent h2 img   {min-width: 100%; float: normal; margin-top: 4px;}
div.articlecontent h3 img   {min-width: 100%; float: normal; margin-top: 4px;}
div.articlecontent h4 img   {min-width: 100%; float: normal; margin-top: 4px;}


div.articlecontent img  {width: 100%; max-width: 100%; min-width: 100%; height: auto; margin: 0 0 32px 0; padding: 0;}
div.articlecontent img.banner		{width: 112%; max-width: 112%; border-radius: 24px 24px 24px 24px; margin: 0 0 0 -6%;}

div.firmenname  {position: absolute; left: 0px; font-size: 36px; 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; right: 18px; font-size: 18px; color: white; margin: 0; padding: 0; font-family: 'ubuntu'; text-shadow: 2px 2px 3px black;}
div.fusszeile p    {position: absolute; top: 18px; right: 18px; font-size: 14px; color: white; margin: 0; padding: 0; font-family: 'ubuntu'; text-shadow: 2px 2px 3px black;}

div.titelzeile div.eventmaennchenliegend    {position: absolute; top: 3px; right: 80px; height: 80px; width: 80px; background-image: url("/img/eventmaennchenliegend.png"); background-size: auto 100%;}

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.navigation nav  { display: none;}
div.navigationButton1    {display: block; position: absolute; top: 122px; right: 6px; width: 16px; border: 1px solid white; border-radius: 5px; font-size: 18px; font-family: '0xProtoRegular'; color: rgba(49,52,52,254); background-color: white; text-align: center; padding: 0px 2px 2px 1px;}
div.navigationButton2    {display: none; position: absolute; top: 122px; right: 6px; width: 16px; border: 1px solid white; border-radius: 5px; font-size: 18px; font-family: '0xProtoRegular'; color: rgba(49,52,52,254); background-color: white; text-align: center; padding: 0px 2px 2px 1px;}
div.navigationButton3    {display: block; position: absolute; top: 200px; right: -38px; font-size: 18px; color: white; font-family: 'ubuntu'; letter-spacing: 0.3pt; transform: rotate(-90deg); padding: 0;}
div.navigationButton4    {display: none; position: absolute; top: 200px; right: -38px; font-size: 18px; color: white; font-family: 'ubuntu'; letter-spacing: 0.3pt; transform: rotate(-90deg); padding: 0;}
div.navigationButton5    {display: inline-block; width: 16px; border: 1px solid white; border-radius: 5px; font-size: 18px; font-family: 'ubuntu'; color: rgba(49,52,52,254); background-color: white; text-align: center; margin-left: 8px; padding: 0px 2px 2px 1px; transform: rotate(90deg); text-shadow: none;}
div.navigationButton6    {display: inline-block; width: 16px; border: 1px solid white; border-radius: 5px; font-size: 18px; font-family: 'ubuntu'; color: rgba(49,52,52,254); background-color: white; text-align: center; margin-left: 8px; padding: 0px 2px 2px 1px; transform: rotate(-90deg); text-shadow: none;}
/*div.navigationButton3    {display: block; position: absolute; top: 172px; right: -5px; font-size: 18px; color: white; font-family: 'ubuntu'; letter-spacing: 0.3pt; transform: rotate(-90deg); padding: 0;}*/
div.fusszeileMobil    {display: block; position: absolute; bottom: 12px; right: 12px; color: white; margin: 0; padding: 0; font-size: 18px; font-family: 'ubuntu'; text-shadow: 2px 2px 3px black;}
div.fussleisteMobil    {display: none; position: absolute; bottom: 12px; right: 12px; color: white; margin: 0; padding: 0; font-size: 18px; font-family: 'ubuntu'; text-align: right; text-shadow: 2px 2px 3px black;}

div.articlecontent h1   {font-size: 30px; 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 img  {max-width: 32%;}


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		{ margin: 24px; padding: 12px 18px; background-color: white; border-radius: 18px;} */
article                 {margin: 0 auto 120px auto;}

.nomobil		{ display: none;}
.no-mobil		{ display: none;}

div.leiterbahncontenthintergrund01      {display: none;}
div.leiterbahncontenthintergrund02      {display: none;}
div.leiterbahncontenthintergrund03      {display: none;}
div.leiterbahncontenthintergrund04      {display: none;}

div.fernwartung         {display: none;}

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: 140px;
    width: 140px;
}
ul.bilderliste li img {
    height: 140px;
    width: 100%;
    margin: 0;
    border-radius: 6px;
    object-fit: cover;
    object-position: center center;
}

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