/* --------------- AKTUELLES STYLES ---------------  */

#article-1326 p {text-align: justify;}
#article-1326 h3 {font-size: 20px !important;}
#article-1326 h4 {font-size: 14px; margin-bottom: 15px;}
#article-1326 .customfloat p {text-align: justify; text-align-last: center;}


#preload-teaser::after{
position: absolute;
width: 0;
height: 0;
overflow: hidden;
z-index: -1;
content: url(/files/inhalte/aktuelles/redesign/teaser/programmnews.jpg) 
url(/files/inhalte/aktuelles/redesign/teaser/firmennews1.jpg) 
url(/files/inhalte/aktuelles/redesign/teaser/updatenews.jpg) 
url(/files/inhalte/aktuelles/redesign/teaser/newsletter.jpg)
url(/files/inhalte/aktuelles/redesign/teaser/fachbeitraege.jpg);
}


.expanding-grid .links > li a.programmnews {background-image:url("/files/inhalte/aktuelles/redesign/teaser/programmnews_blur.jpg");}
.expanding-grid .links > li a.programmnews:hover {background-image:url("/files/inhalte/aktuelles/redesign/teaser/programmnews.jpg");}
.expanding-grid .links > li a.updatenews {background-image:url("/files/inhalte/aktuelles/redesign/teaser/updatenews_blur.jpg");}
.expanding-grid .links > li a.updatenews:hover {background-image:url("/files/inhalte/aktuelles/redesign/teaser/updatenews.jpg");}
.expanding-grid .links > li a.firmennews {background-image:url("/files/inhalte/aktuelles/redesign/teaser/firmennews1_blur.jpg");}
.expanding-grid .links > li a.firmennews:hover {background-image:url("/files/inhalte/aktuelles/redesign/teaser/firmennews1.jpg");}
.expanding-grid .links > li a.newsletter {background-image:url("/files/inhalte/aktuelles/redesign/teaser/newsletter_blur.jpg");}
.expanding-grid .links > li a.newsletter:hover {background-image:url("/files/inhalte/aktuelles/redesign/teaser/newsletter.jpg");}
.expanding-grid .links > li a.fachb {background-image:url("/files/inhalte/aktuelles/redesign/teaser/fachbeitraege_blur.jpg");}
.expanding-grid .links > li a.fachb:hover {background-image:url("/files/inhalte/aktuelles/redesign/teaser/fachbeitraege.jpg");}

/* .customfloat bezieht sich auf Nachrichtentemplate "news_nachrichtenliste_small_aktuelles" */
.customfloat {width: 27%; display: inline-block; margin: 2% 2% 5% 2%; padding: 3% 3% 1% 3% !important; background: #fff; vertical-align: top;}
.customfloat .button {display: block; margin: 0% auto 7% auto; padding: 20px 12px; max-width: 150px;}
/*.aktuelles-grid .pagination {display: none;}*/
.news-block-aktuelles-top {margin-bottom: -20px; padding: 40px 0 10px 0; background: #ededed; text-align: center;}
.news-block-aktuelles-top p {text-align: center;}
.news-block-aktuelles {padding: 0 0 30px 0; margin-bottom: 40px; background: #ededed; text-align: center;}
.news-block-aktuelles .nachrichtenliste {border-bottom: 0px;}
.news-block-aktuelles h2 {margin: 40px 0 20px 0; text-align: center;}
.news-block-aktuelles h3 {margin-top: 10px;}


.fachbeitraege table td {display: inline-block; max-width: 300px;}


a.submenu::after {display: none !important;}
a.fachbeitraege::after {display: inline-block !important;}
h3.form-headline {font-weight: normal; margin: 10px 0 20px 0;}


@media only screen and (max-width: 880px) {
.calltoaction p {width: 100% !important; text-align: center; margin-bottom: 20px;}
.calltoaction a {position: relative; left: 0; width: 100%; text-align: center; margin-bottom: 20px;}
.customfloat {width: 85%; padding: 5% 5% 0% 5%;}
.fachbeitraege table td {max-width: 150px;}}

@media screen and (max-width: 640px) {
#resp-grid a, #resp-grid.web a {width: calc(50% - 4px);}
#resp-grid a:nth-of-type(2n) {margin-right: 0;}
.customfloat .button {max-width: none;}
.fachbeitraege table td {max-width: 50%;}}

