/* =============================================================================
   imperia fixes
   ========================================================================== 
    * 
*/

.al-fix-cms13-svg {
    max-width: 200px;
    margin-top: -90px;
}

/* Background special for Institutes */
@media all and (min-width: 768px){
    body {background:url("/imperia/md/images/gkss/bgimages/bg_desktop.jpg") no-repeat top center;}
    body.biomaterial_science {background:url("/imperia/md/images/hzg/bgimages/bg_desktop_labor.jpg") no-repeat top center;}
    body.coastal_research {background:url("/imperia/md/images/hzg/bgimages/bg_desktop.jpg") no-repeat top center;}
    body.polymer_research {background:url("/imperia/md/images/hzg/bgimages/bg_desktop_labor.jpg") no-repeat top center;}
    body.materials_research {background:url("/imperia/md/images/hzg/bgimages/bg_desktop_fahrzeug.jpg") no-repeat top center;}
    body.materials_research.metallic_biomaterials {background:url("/imperia/md/images/hzg/bgimages/bg_desktop_metallische_biomaterialen.jpg") no-repeat top center;}
    body.gems {background:url("/imperia/md/images/hzg/bgimages/bg_desktop_beamline.jpg") no-repeat top center;}
    body.cosyna {background:url("/imperia/md/images/hzg/bgimages/bg_desktop.jpg") no-repeat top center;}
    body.coastmap {background:url("/imperia/md/images/hzg/bgimages/bg_desktop.jpg") no-repeat top center;}
    body.norddeutsches_klimabuero {background:url("/imperia/md/images/hzg/bgimages/bg_desktop_clouds.jpg") no-repeat top center;}
    /*harmonisiert gemischte teaser auf insthome*/ 
     .divTeaser{margin-left:-6.2%;}
    /*Intranet Link from ew72 16-09-09 */ 
   .innerModuleSocialInteraction .boxIntranet{display: inline-block;}

    .flex-textonly {
        margin:0 0 10px;
    }
    .al-fix-cms13-svg {
        max-width: 300px;
    }
}
/*Intranet Link from ew72 16-09-09 */
.innerModuleSocialInteraction .boxIntranet{color: #c2c2c2; font-size: 12px; display: none; margin: 0 5px 1px; vertical-align: bottom; }

/* fixing for standalone contactbox */
.innerBoxPersonal {display:block;padding:0 3% 0 3%;padding-bottom:1%;margin:0 0 2% 0;border-bottom:1px solid #fff;}
.innerBoxPersonal .innerBoxPersonalHead{color:#54616E;}
.innerBoxPersonal .innerBoxPersonalContent {margin:0 0 0 94px;min-height:120px;}
.innerBoxPersonal img{float:left;width:80px;height:107px;padding:3px 1% 0 0;margin:0 0 0 0;}
.innerBoxPersonal h2 {font-size:0.875em;}
.innerBoxPersonal p{margin:0 0 1% 0;}
.innerBoxPersonal a {padding:2px 0 0 25px;background-position: -90px -678px;color:#00589C;text-decoration:none;font-size:0.875em;}
.innerBoxPersonal a:hover {text-decoration:underline;}
.innerBoxPersonalLast {border:none;padding-bottom:0;margin:0 0 1% 0;}



.boxMailLink {
    background-position: -90px -675px;
    padding-right: 25px;
}

li p.navheadtitle{
    font-size: 1em;
    border-bottom: 1px solid #D0D3D6;
    font-size: 1em;
    margin: 2em 0 0 0.1em;
}

.innerModuleToggle .innerBoxContent{padding:0 0.5em}

.divider{
    color: #000;
    font-size: 1em;
    margin: 0.2em 0 -1em;
}


.moduleContent .boxImgFloat-right {
    float: right;
    margin: 4px 0  0 3%;
    width: 100%;
}
/*no bottom margin */
#wrapper .moduleContent .boxImgFloat {
    margin: 4px 3% 0 0;
}

#wrapper .moduleContent .boxImgRight {float: right; margin: 4px 0 0 3%; }
    

h4{margin-bottom:1em;}

.moduleContent ul.impFloatingLinks {
   list-style: none outside none;
    margin: 12px 0;
    padding: 0;
}

.moduleContent ul.impFloatingLinks li {
   float:left;
}
.clearAll{height:1px;clear:both;}

.moduleContent ul.impFloatingLinks li a {
    display: inline-block;
    padding-right: 16px;
}

.moduleContent ul.impFloatingLinks li a.boxExternerLinkRight {
    padding-right: 28px;
}


a.boxEmail {
    background: url("/_common/img/sprites/sprite_icons.gif") no-repeat scroll 0 0 transparent;
    background-position: -90px -678px;
    color: #00589C;
    font-size: 0.875em;
    padding: 2px 0 0 25px;
    text-decoration: none;
}

form#hzgform{
    clear:both;
    margin-top:1em;
}

.innerBoxPersonal img {
  height: auto;
}


div.innerModuleToggle  .innerBoxButton span.impInActive {
    background-position: 0 -771px;
    display: block;
    float: left;
    height: 20px !important;
    width: 17px ;
}

div.innerModuleToggle .globalToggleActive  span.impInActive {
    background-position: -1000px -771px !important;
    display: block;
    float: left;
    height: 20px;
    width: 17px ;
}

.moduleContent a.boxStandaloneLink {
    clear:left;
}

/*inside p is hzg_standard*/
.moduleContent p a.boxStandaloneLink {
    font-size: 1em;
    display:inline;
}

.moduleContent p a.boxInternerLink {
    padding-top: 3px;
}

.impdoubleLineHeight{
    margin-bottom:2em !important;
}

.moduleContent a.impFloatLink {
    display:inline;
    padding:0.2em 1em 0.2em 0;
    font-size: 0.875em;
}


.impInternerLink{
    
}
/*imperia iwe formatting
liste schwierig, geht nur mit grafik
*/
.iiwe ul {
    color: #00589C;
}    
.iiwe ul li{
    color: #000;
}



/*imperia implement mediathek tabs
*/

#mediaTabs ul{
  border-bottom: 1px solid #BEBEBE;
    display: block;
    list-style-type: none;
    margin: 0;
    padding: 0 0 0 5%;
    text-align: center;
    width: 95%;
}
#mediaTabs ul li {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #BEBEBE #BEBEBE -moz-use-text-color;
    border-image: none;
    border-radius: 2px 2px 2px 2px;
    border-style: solid solid none;
    border-width: 1px 1px 0;
    display: block;
    float: left;
    height: 18px;
    width: 147px;
    font-size:1.1em;
    padding: 2px 16px 8px;
}
#mediaTabs ul li .active {
    background: none repeat scroll 0 0 white;
    color: #00589C;
    filter: none !important;
}
#mediaTabs ul li a {
    background: linear-gradient(to bottom, #0098D4 1%, #00589C 100%) repeat scroll 0 0 transparent;
    color: white;
    display: block;
    height: 12px;
    padding: 5px 0;
    text-decoration: none;
}

h1.iemployee {
    background: none repeat scroll 0 0 #0098D4;
    color: #FFFFFF;
    display: inline-block;
    margin: 15px;
    padding: 3px 5px;
    position: relative;
    width: auto;
    z-index: 999;
    font-size: 1.0em;
    font-weight: normal;
}

.no-js .moduleCarousel .innerModuleCarousel .boxContent, .no-js .moduleCarousel .innerModuleCarousel #mediaMainStage{
    display: block;
}

.impMedia .spriteGalleryIcons.boxPdf, #mediaMainStage .impMedia .spriteGalleryIcons.boxPdf, .moduleCarousel .innerModuleCarousel .impMedia .spriteGalleryIcons.boxPdf{
    background-position: 0 -400px;
    left: 0;
    margin:0;
    padding: 0 3em 1em 0;
    position: relative;
    top: 0;
}

.impMedia .impMediaHref, #mediaMainStage .impMedia .impMediaHref , .moduleCarousel .innerModuleCarousel .impMedia .impMediaHref{
   position: relative;
    top: 0.4em;
}

.moduleMediaList .boxListContent {
    min-height: 160px;
}



/* ifts */
.moduleSearchResult {
    padding-left: 10%;
    width: 88%;
}

.moduleSearchResult span.boxXPDF {
    background: url("/_common/img/sprites/sprite_icons.gif") no-repeat scroll -35px -680px transparent;
    padding-right: 20px;
    position: relative;
    text-decoration: none;
    top: -3px;
}

.moduleContent .boxPager li.pagenum a {
    font-size: 1em;
}    

.moduleContent .boxPager li.pagenum strong {
    display: block;
    font-size: 0.75em;
    height: 20px;
    line-height: 170%;
    margin-right: 1px;
    text-align: center;
    width: 20px;
}
.boxResult span.highlight{
    background: none repeat scroll 0 0 #99D6EE;
    font-style: normal;
    font-weight: normal;
}
    
.moduleSearchResult h2{}
h2 span.ftsRequest{font-style:italic;}

/* eu projects */
.moduleContent table.gkss {
    font-size: 1em;
}

.contentWrap{
    font-size: 0.875em;
    margin: 0 0 31px;
}

/*fixes topnav pos*/
.moduleTopNaviBg {
   top: 138px;
}
/* mediagallery institutes */
.institut_mediathek {
    clear: both;
    float: left;
    width: 100%;
}
.institut_mediathek .moduleMediaGalleryHome form input,  
.institut_mediathek .moduleMediaGalleryHome .boxSearchBtn {
    display: none;
}

/*logos*/
.logocms10{width:297px;height:82px}
.logocms15{}


/* topnavi Legend */
.moduleTopNavi li.legendBoxLegend {
    border-top: medium none;
    font-size: 1em;
    padding: 25px 0;
}  

/*opt-in opt out*/
.imperia_msg_out{background:#fafafa;border: 1px solid  #00589C;padding:0.7em;}
.inl_nlname, .inl_mail {color:#00589C;}
.iformSucces {background:#fafafa;border: 1px solid  #00589C ;padding:0.7em;margin:1em 0; font-size: 0.9em;}


.moduleTeaser3Float .boxOuter > h2 > span {
    position: relative;
    top: -7px;
}

.moduleTeaser3Float span.lineOnly {
     border-top: 1px solid #0098D4;
    display: block;
    margin: -48px 0 0;
    padding: 17px 15px 15px;
}

.innerModuleContentSlider{margin-bottom:1em;}
.instNewsBox {
    height: 80px;
    top: 216px !important;
 }

.moduleContent .boxExternerLinkRight {
    display: block;
 }
 
.moduleContentTeaser .boxContent p {
    margin-bottom: 1em;
}


.moduleContentTeaser .boxContent p.boxBildunterschrift , .moduleTeaser3Float .boxContentWrapper .boxContent p.boxBildunterschrift{color:#8A9199;font-size:0.75em;display:block;width:100%;margin:-10px 0 16px 0;padding:0;}

.moduleContent .boxAnkerlinkIconTop {
    /*background-position: 0 -1061px;
    padding-left: 22px;*/
    background-position: -100px -95px;
    padding-left: 22px;
    width: 70px;
}


/*Microsites additional classes - 2014-10-29 */

.impMwMn{}
.impMwTn{ display: none;}
.impMwBc{padding-top: 50px;}

#wrapper .moduleHeader .boxHeaderBar .innerModuleSocialInteraction.impms  {
    border-bottom: 1px solid #d0d3d6;
    display: block !important;
    margin: 0;
    min-height: 22px;
    padding: 5px;
    position: relative;
}

/* SKIP with new EW css 2015-01-19
.innerModuleSocialInteraction.impms {
    top: 5px;
    position: relative;
    right: 5px;
}

*/
.formfieldhp{display:none !important;}

/*Layer-Topnav Anpassungen 2014-12-17*/
.impTnavModulePetite { 
    background: url("/_common/img/sprites/sprite_icons.gif") no-repeat scroll 9px -609px #00b7ff;
    border: medium none;
    font-size: 1.2em;
    padding-bottom: 5px;
    padding-right: 0;
    padding-top: 5px;
    margin-top:30px;
}

.impTnavModulePetite a{ 
    padding-left: 22px !important;
    color: #000 !important;
    background: none !important;
   
}

.moduleTopNavi ul li.impPetite p {
    color: #fff;
    font-size: 0.875em;
    font-weight: normal;
    margin: 30px 0 0 0 !important;
    padding: 0 10px 0 29px;
}

.impPetite{border:0 !important;}


/* FIXME: fade with leftnav hide
.moduleBreadcrumb {
    display:block;
}

@media all and (max-width: 540px){
    .moduleBreadcrumb {
        display:none !important;
    }
    
}  
*/


/*
intranet jobs to internet styles
}
*/
#impIntra4Inter h3{
    border-bottom: 1px solid #ccc;
    font-size: 1em;
    padding-bottom: 5px;
    margin-bottom:15px;
}

#impIntra4Inter a.elbmarcs {
    background: url("/_common/img/sprites/sprite_icons.gif") no-repeat scroll -90px -678px transparent;
    color: #00589c;
    font-size: 0.875em;
    padding: 2px 0 0 25px;
    text-decoration: none;
}


#impIntra4Inter ul {
    color: #00589c;
    list-style: outside none square;
    margin: 12px 0 33px;
    padding: 0 0 0 30px;
}
#impIntra4Inter ul, #impIntra4Inter ol {
    font-size: 0.875em;
    margin: 0 0 7px;
    padding: 0 0 0 40px;
}

/*linktrigger and topnav layer-style class cms13 coastdat*/
a.alEnableHref{
	color: #f9f9f9;
    cursor: pointer;
    text-decoration: none !important;
    text-shadow: 0 -1px 1px #000000, 0 1px 1px #ffffff;
    display:block;
    height: 25px;
}

.moduleTopNavi ul .boxFirstDepth.active > span a.alEnableHref{
	color: #000;
    text-shadow: none;
}	

.innerModuleOptions{display:none;}

/* css for standard formatting of publications / publication_sequence */
.innerModuleToggle ul.alpublist li , .moduleContent .alpublist .boxSpecialList a , .innerModuleToggle ul.alpublist li a , li.alPublication , .alPublication a { color: #000;font-weight: normal;text-decoration:none;}
.moduleContent .alpublist .boxSpecialList a:hover, .innerModuleToggle ul.alpublist li a:hover ,  .alPublication a:hover {text-decoration:underline;}

.innerModuleToggle ul.alpublist li span , .alPublication span { font-weight: normal; display: block;}

table.eupartners tr td.orga {font-weight:bold;}

.moduleContentTeaser .spriteIcons.boxExternerLink {background:none;}

/* css for TransitionTeaser Module mat, 18-6-19 */
.alTeaserParent .moduleTeaser3Float {
    width:90%;
    margin: 0 0 5% 5.8%;
}

a.alTeaser {text-decoration:none;}

.alTeaserParent .moduleTeaser3Float .boxOuter {
    border:0;
}
.al-teaser {
    position:relative;
    display:block
}
.al-teaser img {
    display:block;
    width:100%;
    height:auto
}
.al-teaser figcaption {
    display:none
}
.al-teaser__img {
    position:relative
}
h2.al-teaser__heading {color:#fff;}

h2.al-teaser__heading.dark {color:#000;}
.al-teaser:hover h2.al-teaser__heading.dark {color:#fff;}

.al-teaser__img:after,.al-teaser__img:before {
    position:absolute;
    z-index:1;
    right:0;
    bottom:0;
    left:0;
    display:block;
    content:'';
    -webkit-transition:all .2s ease-in-out;
    transition:all .2s ease-in-out
}
.al-teaser__img:before {
    height:33.33333%;
    background:-webkit-linear-gradient(top,transparent 0,rgba(0,0,0,.8));
    background:linear-gradient(180deg,transparent 0,rgba(0,0,0,.8))
}

@media all and (min-width: 768px) {
    .alTeaserParent .moduleTeaser3Float.last {
        float: right;
    }
}

/*zhm fixes*/
#wrapper.cms30 .moduleContent ul.boxPager li::before {
    content: none;
    background:none !important;
}
.cms30-teaser {
    margin-bottom: 1em;
}

#wrapper.cms30 .moduleContent .boxBildunterschrift.cms30-mb-low {
    margin-bottom: 1em;
}


#wrapper.cms30 .moduleHeader .boxLogo {
    z-index: 1;
}

.al-split50 {
    float:left;
    width:45%;
    min-height: 100px;
}


/* START overwritable by config css */
.cms30-onBg {
    color:#fff !important;
}

/* END overwritable by config css */


/*POLDI lists*/
ul.alPublicationList {
    list-style: none;
    margin-left: 10px;
}

.moduleContent  ul.alPublicationList li {
    margin: 0 0 23px -40px;
    padding-left: 30px;
}
.moduleContent  ul.alPublicationList .boxExternerLinkRight {
    display: block;
}

ul.alPublicationList li.ico_openaccess {
    background-image: url("/_common/img/icons/icon_open_access.png");
    background-repeat: no-repeat;
    background-position: left 5px;
    background-size: 16px;
}

.poldi-export.insort {
    border-top: 1px solid #ccc;
    padding-top: 10px;
}

.poldi-export {
    height:2em;
}
/*poldi extension 19-04 */
.ico-excel,.ico-endnote {
    background-repeat: no-repeat;
    padding-left: 25px;
    font-size:.9em
}
.ico-excel {
    background-image: url(/_common/img/icons/icon_excel.png);
    background-size: 16px;
}
.ico-endnote {
    background-image: url(/_common/img/icons/icon_endnote.png);
    background-size: 30px;background-position: -7px bottom;
}
.al-exp-singledoc {
    float:left;width:10%;padding-top: 8px;
}
ul.alPublicationList li span {
    float:left;
    padding-left:5px;
    width: 87%;
}
.moduleContent ul.alPublicationList li {
    padding-left:0;
}
.al-exp-singledoc > img, .al-exp-singledoc > a {
    margin:0 0 10px 0;
    text-decoration:none;
}

.al-pubref {
    background-image: url("/_common/img/icons/ico_pdf.png");
    background-repeat: no-repeat;
    background-position: right top;
    display: block;
    padding-right: 20px;
}



#hzgform .alTickGroup .boxInputCb input { display: inline; width: auto; }
#hzgform .alTickGroup label.tick { padding-left:1em; font-weight:bold; width: auto;padding-right:3em;  top:-.2em; position: relative;}


/*map with tabs global
 adopted from noahmap
 moduleGlobalMap */
.moduleGlobalMap {
    position: relative;
    margin: 0 0 20px 0;
}

.moduleGlobalMap .boxPin {
    width: 50px;
    height: 50px;
    display: block;
    position: absolute;
}

.moduleGlobalMap .boxPin .boxName {
    top: 80%;
    left: -30%;
    color: #000;
    display: block;
    font-size: 12px;
    font-weight: bold;
    position: absolute;
}

.moduleGlobalMap .boxPin .boxTooltip {
    display: none;

    z-index: 1;
    bottom: 80%;
    width: 200px;
    right: -30px;
    padding: 10px;
    background: #fff;
    position: absolute;
    border: 1px solid #000;
}

.moduleGlobalMap .boxPin .boxTooltip p {
    margin: 0;
    color: #000;
    font-size: 14px;
}

.moduleGlobalMap .boxPin .boxTooltip .boxTitle {
    font-weight: bold;
}

.moduleGlobalMap .boxPin:hover .boxTooltip {
    display: block;
}


/*before , after images*/

.wrapper-ba-img{
    margin-top:1.5em;
    position:relative;
    width: 100%;
    height: 400px;
    /*
    chg some values for responsive modes
    width: 600px;
    height: 400px;
    position: absolute;
    left:50%;
    top:50%;
    transform:translate3d(-50%,-50%,0);
    */
    overflow:hidden;
    box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
}


.before-ba-img,
.after-ba-img{
    width:100%;
    height:100%;
    background-repeat:no-repeat;
    background-color: white;
    background-size: cover;
    background-position: center;
    position: absolute;
    top:0;
    left:0;
    pointer-events:none;
    overflow: hidden;
}

.content-image-ba{
    height:100%;
    width:auto !important;
}

.after-ba-img{
    width:125px;
}

.scroller-ba-img{
    width: 50px;
    height:50px;
    position: absolute;
    left:100px;
    top:50%;
    transform:translateY(-50%);
    border-radius:50%;
    background-color: transparent;
    opacity:0.9;
    pointer-events:auto;
    cursor: pointer;
}

.scroller-ba-img:hover{
    opacity:1;
}

.scrolling{
    pointer-events:none;
    opacity:1;
// z-index: 1;
}

.scroller__thumb{
    width: 86%;
    height: 86%;
    padding: 3px;
}

.scroller-ba-img:before ,
.scroller-ba-img:after {
    content:" ";
    display: block;
    width: 6px;
    height: 9999px;
    position: absolute;
    left: 50%;
    margin-left: -3px;
    z-index: 30;
    transition:0.1s;
    background: #fff;
}
.scroller-ba-img:before{
    top:100%;
}
.scroller-ba-img:after{
    bottom:100%;
}

.scroller-ba-img{
    border: 3px solid #fff;
}


.ba-img-subline { margin-top:1em; font-size:1em;}


@media only screen and (max-width : 420px) {
    .wrapper-ba-img{ display:none;}
}

/* end b-a-img*/

/*poldi search and lists */
.moduleContent ul.alPublicationList li {
    padding-bottom: 10px;
    margin-bottom: 20px;
    border-bottom: 1px solid #d0d3d6;
    background: #ffffff;
    background: -moz-linear-gradient(top, #ffffff 80%, #f5f5f5 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(80%,#ffffff), color-stop(100%,#f5f5f5));
    background: -webkit-linear-gradient(top, #ffffff 80%,#f5f5f5 100%);
    background: -o-linear-gradient(top, #ffffff 80%,#f5f5f5 100%);
    background: -ms-linear-gradient(top, #ffffff 80%,#f5f5f5 100%);
    background: linear-gradient(to bottom, #ffffff 80%,#f5f5f5 100%);
}
.moduleContent ul.alPublicationList li .boxLinks {
    display: block;
    clear: both;
    margin-bottom: -1em;
    margin-top: 1em;
}

.moduleContent ul.alPublicationList li .boxLinks .boxStandaloneLink {
    display: inline-block;
    margin: 0 12px 5px 12px;
}
.alPublicationList li span {
    font-size: 1.1em;
}
.entryHead {
    font-size: .9em;
    font-style: italic;
}
.innerModuleToggle .innerBoxContent.poldi {
    background-color: #fff;
}

/* poldi js list filter control*/

#poldisorter {
    -webkit-box-shadow:0 2px 6px rgba(0,0,0,.5);
    -moz-box-shadow:0 2px 6px rgba(0,0,0,.5);
    box-shadow:0 2px 6px rgba(0,0,0,.5);
    background:#f3f4f6; /* Old browsers */
    background:-moz-linear-gradient(top,  #f3f4f6 0%, #e0e2e5 100%); /* FF3.6+ */
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#f3f4f6), color-stop(100%,#e0e2e5)); /* Chrome,Safari4+ */
    background:-webkit-linear-gradient(top,  #f3f4f6 0%,#e0e2e5 100%); /* Chrome10+,Safari5.1+ */
    background:-o-linear-gradient(top,  #f3f4f6 0%,#e0e2e5 100%); /* Opera 11.10+ */
    background:-ms-linear-gradient(top,  #f3f4f6 0%,#e0e2e5 100%); /* IE10+ */
    background:linear-gradient(to bottom,  #f3f4f6 0%,#e0e2e5 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f4f6', endColorstr='#e0e2e5',GradientType=0 ); /* IE6-9 */
    padding:15px;
    margin-bottom:20px;
}
#poldisorter span {
    display:inline-block;
    padding-right: 30px;
    margin-bottom: 10px;
    font-size: .9em;
}
#poldisorter span.longterm {
    width: 28%;
}

#poldisorter label,
#poldisorter input[type=radio] {
    display:inline-block;
    position:relative;
}
#poldisorter input[type=radio] {
    opacity:0;
    float:left;
}
#poldisorter label {
    margin-left: 20px;
    display: block;
}
#poldisorter label:before {
    content:' ';
    display:block;
    position:absolute;
    left:-20px;
    top:2px;
    border:2px solid #007EBD;
    width:12px;
    height:12px;
}
.ie8 #poldisorter label:before {
    display:none;
}
#poldisorter label:after {
    content:' ';
    display:block;
    position:absolute;
    left:-16px;
    top:6px;
    background:#007EBD;
    width:8px;
    height:8px;
    -webkit-transform:scale(0);
    -moz-transform:scale(0);
    -ms-transform:scale(0);
    -o-transform:scale(0);
    transform:scale(0);
    -webkit-transition:-webkit-transform .3s;
    -moz-transition:-moz-transform .3s;
    -ms-transition:-ms-transform .3s;
    -o-transition:-o-transform .3s;
    transition:transform .3s;
}

#poldisorter input:checked ~ label:after {
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1);
    -o-transform:scale(1);
    transform:scale(1);
}

.ie8 #poldisorter label:after {
    display:none;
}
#poldisorter .box1:before {
    border-color:#0098d4;
}
#poldisorter .box2:before {
    border-color:#a9b509;
}
#poldisorter .box3:before {
    border-color:#d42d12;
}
#poldisorter .box1:after {
    background:#0098d4;
}
#poldisorter .box2:after {
    background:#a9b509;
}
#poldisorter .box3:after {
    background:#d42d12;
}

@media all and (max-width: 920px) {
    /*
    #poldisorter .boxSeperate {
        width: 100%;
        float: none;
    }
    #poldisorter span {
        width:100%;
        margin-left:0;
        padding-left:0;
        border-left:none;
        border-top:1px solid #fff;
        padding-top:10px;
    }

    #poldisorter span {
        width:50%;
        float:left;
    }
 */

}
@media all and (max-width: 540px) {

    #poldisorter span {
        width:100%;
        float:none;
    }

}

/* end poldi search and lists */

@media only screen and (max-width : 767px){
    #hzgform .alTickGroup label.boxLeft { display:block; float:none; }
}


@media (max-width:767px) {
    .al-teaser__heading {
        position:absolute;
        z-index:4;
        padding:20px;
        -webkit-transform:translateY(-100%);
        -ms-transform:translateY(-100%);
        transform:translateY(-100%)
    }
    .al-teaser__text {
        text-align:center
    }
    .al-teaser__text p {
        padding:20px 0 0
    }
}

@media (min-width:768px) {
    .al-teaser {
        overflow:hidden;
        -webkit-transition:all .2s ease-in-out;
        transition:all .2s ease-in-out;
        box-shadow:0 2px 4px 0 rgba(0,0,0,.5)
    }
    .al-teaser:active,.al-teaser:focus,.al-teaser:hover {
        box-shadow:0 2px 20px 0 rgba(0,0,0,.3)
    }

    .al-teaser__img {
        position:relative;
        z-index:0
    }
    .al-teaser__content {
        position:absolute;
        z-index:1;
        right:0;
        bottom:0;
        left:0;
        max-height:100%;
        padding:48px 40px 30px;
        /*check this for headline position */
        color:#fff
    }
    .al-teaser__text {
        overflow:hidden
    }
    /*check this for spacing headline to text  */
    .al-teaser__text p:first-child {
        margin:10px 0 0
    }
    .al-teaser__text p:last-child {
        margin:35px 0 0
    }
    .alTeaserParent .moduleTeaser3Float {
        width:44%;
    }

    .al-teaser:active .al-teaser__text,.al-teaser:focus .al-teaser__text,.al-teaser:hover .al-teaser__text {
        max-height:350px
    }
    .al-teaser:active .al-teaser__img:after,.al-teaser:focus .al-teaser__img:after,.al-teaser:hover .al-teaser__img:after {
        opacity:1
    }
    .al-teaser__img:after {
        top:0;
        opacity:0;
        background:rgba(0,0,0,.6)
    }
    .al-teaser__text {
        max-height:0;
        -webkit-transition:all .2s ease-in-out;
        transition:all .2s ease-in-out
    }
}
@media (min-width:920px) {
    .al-teaser:active .al-teaser__text,.al-teaser:focus .al-teaser__text,.al-teaser:hover .al-teaser__text {
        max-height:350px
    }
    .al-teaser:active .al-teaser__img:after,.al-teaser:focus .al-teaser__img:after,.al-teaser:hover .al-teaser__img:after {
        opacity:1
    }
    .al-teaser__img:after {
        top:0;
        opacity:0;
        background:rgba(0,0,0,.6)
    }
    .al-teaser__text {
        max-height:0;
        -webkit-transition:all .2s ease-in-out;
        transition:all .2s ease-in-out
    }
    .alTeaserParent .moduleTeaser3Float {
        width:44%;
    }
}

/*emergency extension 2020-03*/

.al-emergency {
    margin: 2em 0;
    padding: 1em;
}
.mod-hint > .m-inner {
    background:#8e8c8c;
    color: #fff;
    padding: 15px 30px 3px 146px;
    position: relative;
}
.mod-hint > .m-inner > img {
    position: absolute;
    left: 10px;
    top:10px;
    max-width: 120px;
}
.mod-hint > .m-inner > .m-heading {
    font-weight: bold;
    margin-bottom: 5px;
    font-size: 18px;
}

.mod-hint > .m-inner > .m-text {
    max-width: 665px;
}
.mod-hint > .m-inner > .m-text a {
    color:#fff;
    text-decoration: underline;
}

/*teaser 4 extension 2020-03 */

.al-cont-teaser {
    display: flex;
    border: 0;
    width: 100%;
    overflow: hidden;
    flex-wrap: wrap;
    background-color: lightgray;
    padding:0;
    margin:0;
    text-align: center;
}
.al-cont-teaser > a {
    width: 100%;
    min-height: 150px;
    padding: 3px;
    background-color: #fff;
    /*
    isset by local flexmodule css
    background-image: url("/_common/img/ba-dummy_810x300.png");
    */
    background-repeat: no-repeat;
    background-clip: content-box;
    display: block;
    text-align: left;
    position: relative;
    opacity:1;
}

.al-cont-teaser > a, .al-cont-teaser > a:hover, .al-cont-teaser > a:focus, .al-cont-teaser > a:visited {
    text-decoration: none;

}
.al-cont-teaser--link {
    font-weight: bold;
    text-decoration: none;
    color: #fff;
    font-size: 1.4em;
    position: relative;
    top: 35%;
    display:block;
    width: 90%;
    padding-left:5%;
    padding-right:5%;
    /*
    skip gradients for now
    background: -webkit-linear-gradient(top,transparent 0,rgba(0,0,0,.8));
    background: linear-gradient(180deg,transparent 0,rgba(0,0,0,.8));
    */
    height:65%;

    /*opacity:1;*/
}
.al-cont-teaser--link:hover {
    /*opacity:.9; we may hover with opacity */
    background: -webkit-linear-gradient(top,transparent 0,rgba(0,0,0,1));
    background: linear-gradient(180deg,transparent 0,rgba(0,0,0,1));
}
.al-cont-teaser--link span.al-gt {
    font-size: 1.5em;
    position: relative;
    top: .15em;
}
.al-cont-teaser--link span.al-subline {
    display: block;
    font-weight: normal;
    margin-top: .2em;
    font-size: 1rem;
}
@media all and (min-width: 540px){

}
@media all and (min-width: 768px) {

    .mod-hint > .m-inner > img {
        left: -20px;
        top: -16px;
    }


    /* isset by local flexmodule css
    .al-cont-teaser > a {
        background-image: url("/_common/img/ba-dummy_920x341.png");
    }
    */
    /* skip tablet double 2x2 view for now
       .al-cont-teaser > a {
         width: 48%;
         min-height: 250px;
         background-size:auto;
      }
       .al-cont-teaser  > a:nth-child(1), .al-cont-teaser  > a:nth-child(3) {
        padding-left: 6px;
      }
      .al-cont-teaser  > a:nth-child(2), .al-cont-teaser  > a:nth-child(4) {
        padding-right: 6px;
      }
     */
}
@media all and (min-width: 920px) {

    .al-cont-teaser {
        flex-wrap: nowrap;
    }

    .al-cont-teaser > a {
        width: 25%;
        min-height: 300px;
        /*the height should be flexible for different contexts: local css oder local mq (setup style attribute)
        background-image: url("/_common/img/ba-dummy_1620x600.png");
         */
        background-size:cover;

    }

    .al-cont-teaser--link {
        height:40%;
        top: 60%;
        text-align: left;
    }
    /*nth-child definitions are local style + a = (2,4,6,8) */
    .al-cont-teaser  > a:nth-child(2) {
        padding-left: 6px;
    }
    .al-cont-teaser  > a:nth-child(8) {
        padding-right: 6px;
    }
    .al-cont-teaser  > a:nth-child(4), .al-cont-teaser  > a:nth-child(6) {
        padding-left: 3px;
        padding-right: 3px;
    }
}

.al-count--textarea {
    display: block;
    text-align: right;
    padding-top: 10px;
    clear: both;
}

/*call 2 action added 21-11-30 */

.actionTeaser {
    margin-top: 6em;
    margin-bottom: 3em;
    display: block;
    position: relative;
    text-align: center;
}

.actionTeaser .button {
    display: inline-block;
    vertical-align: middle;
    margin: 0 0 1rem;
    padding: .85em 1em;
    border: 1px solid transparent;
    border-radius: 0;
    transition: background-color .25s ease-out,color .25s ease-out;
    font-family: inherit;
    font-size: .9rem;
    -webkit-appearance: none;
    line-height: 1;
    text-align: center;
    cursor: pointer;
}
.actionTeaser a.button {
    background: #fff;
    color: #000099;
    border: 2px solid #000099;
    font-weight: bold;
    width: 90%;
}
.actionTeaser a.button:hover {
    background: #000099;
    color: #fff;
    text-decoration: none;
}

@media all and (min-width: 768px) {
    .actionTeaser {
        margin-top: 3em;
    }
    .actionTeaser a.button {
        width: auto;
        min-width: 31.6666%;;
    }
}