﻿.inhalt__left .headline                  { display:none; }
.body--fullwidth .headline               { display:none; }
.body--fullwidth .inhalt__left .headline { display:block; }
        
.inhalt__right                  { display:none; }
.body--fullwidth .inhalt__right { width:35rem; float:right; display:block; }
.body--fullwidth .inhalt__left  { width:calc(100% - 35rem); float:left; padding-right:5rem; }
.body--hideright .inhalt__right               { display:none; }


.inhalt__aside          { padding-bottom:4rem; }
.inhalt__asidetitle     { font-size:2rem; line-height:2.4rem; font-family:formata-medium; font-weight:normal; color:#4B4B4B; border-bottom:solid 1px #8C8C8C; padding-bottom:1rem; margin:0rem 0rem 0.6rem 0rem; }

.article p                  { font-size:1.5rem; line-height:2.5rem; color:#4B4B4B; margin:0rem 0rem 3rem 0rem; }
.article h1                 { font-size:2.5rem; line-height:2.5rem; color:#4B4B4B; margin:0rem 0rem 1.5rem 0rem; font-family:formata-medium;  font-weight:normal; }
.article h2                 { font-size:2.5rem; line-height:2.5rem; color:#4B4B4B; margin:0rem 0rem 1.5rem 0rem; font-family:formata-medium;  font-weight:normal; }
.article h3                 { font-size:1.8rem; line-height:2.5rem; color:#4B4B4B; margin:0rem 0rem 1.5rem 0rem; font-family:formata-medium;  font-weight:normal; }
.article h4                 { font-size:1.4rem; line-height:2.5rem; color:#4B4B4B; margin:0rem 2rem 0rem 0rem; font-family:formata-medium;  font-weight:normal; }

.article__list              { margin:0rem 0rem 3rem 1.3rem; }
.article__list li           { font-size:1.5rem; line-height:3.0rem; list-style-type:none; position:relative; }
.article__list li::before   { content: '\2022';      /* Unicode for • character */  position: absolute; left: -1.2rem;   font-size: 1.3rem;  }
.article p + .article__list { margin-top:-1rem; }
.article__list .article__list li   { font-size:1.5rem; line-height:3.0rem; list-style-type:none; position:relative; margin-left:2.0rem; }
.article__list .article__list li::before   { content: '\2012';      /* Unicode for - character */  position: absolute; left: -1.7rem; top:-0.1rem; font-size: 1.3rem;  }

.article ol             { margin:0rem 0rem 3rem 3rem; }
.article ol li          { font-size:1.5rem; line-height:3.0rem; position:relative; }
.article p + ol         { margin-top:-1rem; }

.article__listmembers              { margin:0rem 0rem 3rem 0rem; }
.article__listmembers li           { font-size:1.5rem; line-height:3.0rem; padding:1.5rem 1rem 0.2rem 1rem; list-style-type:none; position:relative; border-bottom:solid 1px #B7B9B8;  }
.article__listmembers li:first-child { padding-top:0rem; }
.article p + .article__listmembers { margin-top:-1rem; }
.article .article__beforelistmember         { padding-left:1rem; margin-bottom:1rem; }


.docs__list     { margin:0rem 0rem 3rem 0rem; list-style-type:none; }
.docs__item     { color:#0D68AB; border-bottom:solid 1px #0D68AB; padding:1.1rem 1.1rem; list-style-type:none; }
.docs__link     { font-size:1.5rem; }
.docs__type     { font-size:1.2rem; line-height:1.4rem; text-transform:uppercase; padding:0rem 2.8rem 0rem 0rem; font-family:formata-medium; min-width:6rem; display:inline-block; }
.docs__name     { font-size:1.5rem; line-height:2.0rem; }
.docs__right    { float:right; }
.docs__arrow    { font-size:1.3rem; }
.docs__url      { float:right; font-family:formata-medium; }
.article ul.docs__list li { margin-left:0rem; }

.inhalt__groupselect { margin-bottom:2rem; font-size:1.6rem; }

.headline       { margin-bottom:2.5rem; }

.template-standard .preview     { float:left; margin:0rem 2.3rem 0.6rem 0rem; max-width:26rem; }
.template-standard .imageinfo   { display:none; }

.template-images-horizontal                             { }
.template-images-horizontal .images                     { padding-bottom:2.3rem; }
.template-images-horizontal .preview                    { width:100%; max-width:100%; }
.template-images-horizontal[data-images="2"] .preview   { max-width:calc(50% - 0.5rem); }
.template-images-horizontal[data-images="3"] .preview   { max-width:calc(33.3% - 1rem); }
.template-images-horizontal[data-images="4"] .preview   { max-width:calc(25% - 1rem); }
.template-images-horizontal .lightbox:nth-child(2) .preview { margin-left:1rem; }
.template-images-horizontal .lightbox:nth-child(3) .preview { margin-left:1rem; }
.template-images-horizontal .lightbox:nth-child(4) .preview { margin-left:1rem; }

.template-images-panorama .preview      { width:100%; max-width:100%; margin-bottom:2.3rem; }
.template-images-panorama .imageinfo    { position:relative; top:-2rem; }

.article table      { width:100%; margin-bottom:3rem; }
.article table td   { font-size:1.5rem; line-height:2.5rem; padding:0.9rem 0.8rem 0.8rem 0.8rem; vertical-align:top; }

.article .table1                            { border-spacing: 0.2rem; border-collapse: separate; }
.article .table1 th                         { font-size:1.4rem; line-height:2.5rem; padding:0.9rem 1.5rem 0.8rem 1.5rem; background-color:#B7B9B8; vertical-align:top; }
.article .table1 td                         { font-size:1.4rem; line-height:2.5rem; padding:0.5rem 1.5rem 0.4rem 1.5rem; background-color:#F4F4F4; vertical-align:top; }
.article .table1 tr:hover td                { background-color:rgba(244, 244, 244, 0.80); }

.article .table2                            { border-spacing: 0.2rem; border-collapse: separate; }
.article .table2 th                         { font-size:1.5rem; line-height:2.5rem; padding:0.9rem 1.5rem 0.8rem 1.5rem; background-color:#B7B9B8; vertical-align:top; }
.article .table2 td                         { font-size:1.5rem; line-height:2.5rem; padding:0.5rem 1.5rem 0.4rem 1.5rem; background-color:#F4F4F4; vertical-align:top; }
.article .table2 tr:last-child td           { background-color:#B7B9B8; }
.article .table2 tr:hover td                { background-color:rgba(244, 244, 244, 0.80); }
.article .table2 tr:hover:last-child td     { background-color:#B7B9B8; }

.article .table3                    { background-color:#F5F5F5; width:100%; max-width:56rem; }
.article .table3 tr:first-child td  { padding-top:2rem; }
.article .table3 tr:first-child td b { font-size:1.6rem; font-family:"formata-medium"; line-height:1.9rem; }
.article .table3 tr:first-child td strong { font-size:1.6rem; font-family:"formata-medium"; line-height:1.9rem; }
.article .table3 td:first-child     { padding-left:2rem;  }
.article .table3 td:last-child      { padding-right:2rem;  }
.article .table3 tr:last-child td   { padding-bottom:2rem; }


.article table table td { padding:0rem; }
.article table table { margin:0rem; }

.article .table3 table td:first-child     { padding-left:0rem;  }
.article .table3 tr:last-child table td   { padding-bottom:0rem; }

b, strong   { font-family:formata-medium; font-weight:normal; }


.persons--cards     { padding-bottom:3.5rem; }
.persons__person    { width:32%; max-width:27rem; min-height:17rem; float:left; margin:0rem 1% 1rem 0rem; }
.person             { position:relative; top:0rem; left:0rem; border:solid 1px #B7B9B8; padding:0.4rem; color:#4B4B4B; }
.person__inner      { position:relative; top:0rem; left:0rem; background-color:#F5F5F5; width:100%; height:100%; min-height:inherit; padding:1.9rem 3rem 2rem 3rem; }
.person__link       { color:#4B4B4B; }
.person__name       { font-family:formata-medium; font-weight:normal; font-size:1.6rem; line-height:1.9rem; margin:0rem; }
.person__street     { font-size:1.4rem; line-height:1.8rem; padding-top:0.4rem; display:block; font-weight:normal; font-family:formata-regular,Arial; }
.person__role       { font-size:1.3rem; line-height:1.8rem; padding-top:0.4rem; display:inline-block; }
.person__emblem     { position:absolute; top:2rem; right:2rem; width:2rem; }
.person__contact    { position:absolute; bottom:1.5rem; font-size:1.4rem; line-height:2.2rem; }
.person__email      { clear:both; display:inline-block; width:100%; padding:0rem 0rem 0rem 0rem; }
.person__emailicon  { font-size:1rem; margin-right:1.8rem; }
.person__phoneicon  { font-size:1.2rem; margin-right:2.0rem; margin-left:0.4rem; }

.person--longrole .person__name { margin-bottom:0.3rem; }
.person--longrole .person__role { font-size:1.3rem; }

.person--withimg                    { width:48%; max-width:42rem; }
.person--withimg .person__portrait  { position:absolute; top:0rem; left:0rem; width:15rem; height:100%; background-size:22rem; background-color:white; background-position:bottom center; background-repeat:no-repeat;  }
.person--withimg .person__link      { padding-left:14.5rem; display:block; }
.person--withimg .person__contact   { left:17.5rem; }

.article__listmemberlink { font-weight:bold; }
.article__listmemberlink span { font-weight:normal; }

.inhalt__right .persons__person { width:100%; max-width:100%; padding-left:20rem; }
.inhalt__asideperson            { margin-top:1.2rem; }

.inhalt__asidelistelem  { border-bottom:solid 1px #EBEBEB; padding:1.5rem 1.5rem 1.5rem 0.5rem; }
.inhalt__asidelistlink  {  }
.inhalt__asidelisticon  { display:inline-block; width:4rem; font-size:2.0rem; line-height:1.7rem;  vertical-align:middle; }
.inhalt__asidelisttext  { display:inline-block; width:calc(100% - 9rem); font-size:1.5rem; line-height:2.0rem; vertical-align:middle; }
.inhalt__asidelistarrow { display:inline-block; width:3rem; line-height:1.7rem; text-align:right; vertical-align:middle;  }


.timedtable td:first-child { font-weight:bold; }
.timedtable td { border-bottom:solid 1px rgba(244, 244, 244, 0.80); }
.timedtable td .fa { margin-right:1rem; }

@media screen and (min-width: 769px) and (max-width: 1024px) 
{
    .person__inner { padding:2rem; }
    .person__emblem { display:none; }
    .person--withimg .person__contact { left:16.5rem; }
}

@media screen and (max-width: 768px) 
{
    .body--fullwidth .inhalt__right { width:100%; float:none; }
    .body--fullwidth .inhalt__left  { width:100%; float:none; padding-right:0rem; }
}

@media screen and (max-width: 767px) 
{
    .template-standard .preview { width:100%; float:none; margin-right:0rem; max-width:100%; }

    .docs__url          { display:none; }

    .persons__person    { width:49%;  }
}

@media screen and (max-width: 425px) 
{
    .persons__person    { width:100%; max-width:100%; }
}