/*  */
/* 
*/

/* Jubi-Logo */

.page-header .logo a {
    height: 100%;
    padding: 0;
}

@media (min-width: 1025px) {
    .page-header .logo {
        width: 15rem !important;
        margin-top: -1rem;
    }
}
@media (max-width: 1024px) {
    .page-header .logo svg, .page-header.scrolled .logo svg {
        height: 100% !important;
    }
}
 
.page-header.scrolled .logo svg {
    height: 100% !important;
}
.page-header #logo_oe_name {
    white-space: break-spaces !important;
}
header .logo a:after {
    display: none !important;
}


/* Jubi-Logo */



.service-tile .tilecontent {
    overflow: hidden;
}

/* Navigationspunkte auch bei :focus ausklappen */
/* Zusammen mit lokalem JS */
@media (min-width: 1025px) {
    .navigation .flyout>a:focus + div.dropdown {
        visibility: visible;
        pointer-events: all;

        border-color: #00876c;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        -webkit-transition: top .3s, height .3s .1s, border-color .2s, visibility .4s;
        -o-transition: top .3s, height .3s .1s, border-color .2s, visibility .4s;
        transition: top .3s, height .3s .1s, border-color .2s, visibility .4s
    }
}


.service-tile figure picture:before {
    top: 33% !important;
}

/* Sonderlösung PI-Kontakt */
.reddot_openclose + br + .fifty, .picontact .fifty:first-of-type {
    flex-basis: calc((100% / 3) - 0.5rem) !important;
}
.picontact .fifty {
    flex-basis: calc((200% / 3) - 0.5rem) !important;
}

/* Sonderlösung horizontale Navi weiter auseinander */
@media (min-width: 1025px) {
    .navigation .flyout, .navigation .single {
        padding-right: 0.2em;
        padding-left: 0.2em;
    }
}
/* Sonderlösung 8 Flyout-Punkte nebeneinander */
@media (min-width: 1025px) {
    .navigation .single .navigation-l2>li {
        width: auto !important;
    }
}
@media (min-width: 1025px) {
    .navigation-l2>li:nth-of-type(n+7) {
        margin-top: 0em !important;
    }
    .navigation-l2>li:nth-of-type(n+9) {
        margin-top: 2.8em !important;
    }
}
@media (min-width: 1025px){
    .navigation-l2>li+li:not(:nth-of-type(7)) {
        margin-left: 0 !important;
    }
    .navigation-l2>li+li:not(:nth-of-type(9)) {
        margin-left: 1.875em !important;
    }
}
@media (min-width: 1025px){
    .navigation-l2>li {
        width: calc(12.5% - (1.875em * 7 / 8)) !important;
        /* width: calc(12.5% - 1.640625em) !important; */
    }
}


.contact-box .fifty figure picture,.contact-box .fifty figure picture img {
    width: 100%;
}

/*
.breadcrumbs-big .list .more:after {
    content: "Klick mich!" !important;
}
*/

.startpage .infobox .padding4 {
    font-size: 1.2em;
}
@media only screen and (max-width: 521px) {
    div#logo img {
        height: auto !important;
        background-image: none !important;
        box-sizing: border-box;
        left: -6px !important;
    }
}
@media only screen and (max-width: 943px) and (min-width: 522px) {
    div#logo img {
        box-sizing: border-box;
        background-image: none !important;
    }
    div#head-image {
        min-height:100px !important;
    }
}

@media only screen and (max-width: 943px) {
    div#metanavigation {
        text-shadow: -1px -1px 1px #fff, -1px 1px 1px #fff, 1px -1px 1px #fff, 1px 1px 1px #fff
    }
    div#metanavigation a:before {
        content: "\0200B";
    }
    div#metanavigation a:last-child {
        margin-right: 1em;
    }
    div[id^=news_holder_] {
        display: flex !important;
        flex-wrap: wrap;
    }
    .news {
        margin-right:12px !important;
    }
    #middle-row #print_infobox {
        display: flex !important;
        flex-wrap: wrap;
    }
    #print_infobox div.infobox {
        width:188px !important;
    }
}

.spacer_top {
margin-top:224px;
}
* html .spacer_top {
margin-top:0px;
}
* html .news {
overflow:hidden;
}

#teaser_logos {
margin-left: 184px;
float:left;
}
#teaser_logos .teaser_logo {
float:left;
max-width:180px;
padding-left:12px;
overflow:hidden;
}
.infobox .pi-list a {
background:none !important;
padding-left:0 !important;
}
.infobox .pi-list ul {
margin-top:1em;
padding:0 !important;
list-style-image:url(/img/intern/arrow_dunkelgruen.gif);
}
.infobox .pi-list ul li {
margin:0 0 0 1.6em !important;
padding:0 0 5px 0 !important;
line-height:1.3em;
}
.infobox .pi-list ul li a {
background:none !important;
margin:0;
padding:0 !important;
display:block;
}
html>/**/body .pi-list ul li a {
margin-left:-0.3em !important;
}


div#head_homepage {
height:332px;
width:1015px;
background-color:#ffffff;
padding-top: 8px;
}
div#logo_homepage {
float:left;
height:332px;
width:204px;
}
div#logotext_homepage {
background-color:#fff;
height:224px;
margin-left:16px;
padding-left:5px;
padding-top: 2px;
margin-top:-2px;
}
div#tag_cloud {
padding-left:5px;
position:relative;
height:195px;
}
div#tag_cloud_tags {
position:absolute;
bottom:5px;
margin-right:10px;
height:198px;
overflow:hidden;
}


div#schnelleinstieg {
background-color:#fff;
margin: 0px 5px 0px 5px;
padding: 10px 10px 3px;
}
div#schnelleinstieg ul {
margin-top:5px;
margin-left:-5px;
}
div#schnelleinstieg ul li {
display:block;
list-style-type: none;
background-image: url(/img/intern/arrow_dunkelgruen.gif);
background-repeat: no-repeat;
background-attachment: scroll;
background-position: 5pt 5px;
color: #009682;
padding: 5px 0 5px 11px;
border-top: 1px solid #e5e5e5;
width:145px;
}
div#schnelleinstieg ul li a {
display: block;
margin-left: 5px;
}
div#schnelleinstieg ul li ul {
display:none;
position:absolute;
background-color:#e5e5e5;
border:1px solid #b3b3b3;
left:100px;
padding:2px 5px 2px 5px;
}
div#schnelleinstieg ul li:hover {
background-color:#e5e5e5;
}
div#schnelleinstieg ul li:hover ul {
display:block;
}


/* AKTIV NORMAL */
div#nav-horizontal-2 .horizontal-item-active-start {
 background:url(/img/intern/top_item_left_modern.jpg) 0 -2px no-repeat !important;
}
div#nav-horizontal-2 .horizontal-item-active:hover .horizontal-item-active-start {
 background:url(/img/intern/top_item_left_modern.jpg) 0 -34px no-repeat !important;
}
div#nav-horizontal-2.startpage .horizontal-item-active:hover .horizontal-item-active-start {
 background:url(/img/intern/top_item_left_modern.jpg) 0 -66px no-repeat !important;
}
div#nav-horizontal-2 .horizontal-item-active-text {
 font-weight:normal !important;
 font-size: 1.4em;
 line-height: 1.8em !important;
 text-transform:none !important;
 color:#fff !important;
 background:url(/img/intern/top_item_modern.jpg) 0 -2px repeat-x !important;
 /* width: 122px !important; */
}
div#nav-horizontal-2 .horizontal-item-active:hover .horizontal-item-active-text {
 background:url(/img/intern/top_item_modern.jpg) 0 -34px repeat-x !important;
}
div#nav-horizontal-2.startpage .horizontal-item-active:hover .horizontal-item-active-text {
 background:url(/img/intern/top_item_modern.jpg) 0 -66px repeat-x !important;
}
div#nav-horizontal-2 .horizontal-item-active-end {
 background:url(/img/intern/top_item_right_modern.jpg) 0 -2px no-repeat !important;
}
div#nav-horizontal-2 .horizontal-item-active:hover .horizontal-item-active-end {
    background:url(/img/intern/top_item_right_modern.jpg) 0 -34px no-repeat !important;
}
div#nav-horizontal-2.startpage .horizontal-item-active:hover .horizontal-item-active-end {
    background:url(/img/intern/top_item_right_modern.jpg) 0 -66px no-repeat !important;
}
/* INAKTIV NORMAL */
div#nav-horizontal-2 .horizontal-item-inactive-start {
 background:url(/img/intern/top_item_left_modern.jpg) 0 -66px repeat-x !important;
}
div#nav-horizontal-2 .horizontal-item-inactive:hover .horizontal-item-inactive-start {
 background:url(/img/intern/top_item_left_modern.jpg) 0 -34px no-repeat !important;
}
div#nav-horizontal-2 .horizontal-item-inactive-text {
 font-weight:normal !important;
 font-size: 1.4em;
 line-height: 1.8em !important;
 text-transform:none !important;
 color:#fff !important;
 background:url(/img/intern/top_item_modern.jpg) 0 -66px repeat-x !important;
 /* width: 122px !important; */
}
div#nav-horizontal-2 .horizontal-item-inactive:hover .horizontal-item-inactive-text {
 background:url(/img/intern/top_item_modern.jpg) 0 -34px repeat-x !important;
}
div#nav-horizontal-2 .horizontal-item-inactive-end {
 background:url(/img/intern/top_item_right_modern.jpg) 0 -66px repeat-x !important;
}
div#nav-horizontal-2 .horizontal-item-inactive:hover .horizontal-item-inactive-end {
 background:url(/img/intern/top_item_right_modern.jpg) 0 -34px no-repeat !important;
}
/* AKTIV LETZTES */
div#nav-horizontal-2 .last-horizontal-item-active-start {
 background:url(/img/intern/top_item_left_modern.jpg) 0 -2px no-repeat !important;
}
div#nav-horizontal-2 .last-horizontal-item-active:hover .last-horizontal-item-active-start {
 background:url(/img/intern/top_item_left_modern.jpg) 0 -34px no-repeat !important;
}
div#nav-horizontal-2.startpage .last-horizontal-item-active:hover .last-horizontal-item-active-start {
 background:url(/img/intern/top_item_left_modern.jpg) 0 -66px no-repeat !important;
}
div#nav-horizontal-2 .last-horizontal-item-active-text {
 font-weight:normal !important;
 font-size: 1.4em;
 line-height: 1.8em !important;
 text-transform:none !important;
 color:#fff !important;
 background:url(/img/intern/top_item_modern.jpg) 0 -2px repeat-x !important;
}
div#nav-horizontal-2 .last-horizontal-item-active:hover .last-horizontal-item-active-text {
 background:url(/img/intern/top_item_modern.jpg) 0 -34px repeat-x !important;
}
div#nav-horizontal-2.startpage .last-horizontal-item-active:hover .last-horizontal-item-active-text {
 background:url(/img/intern/top_item_modern.jpg) 0 -66px repeat-x !important;
}
div#nav-horizontal-2 .last-horizontal-item-active-end {
 background:url(/img/intern/top_item_end_modern.jpg) 0 -2px no-repeat !important;
}
div#nav-horizontal-2 .last-horizontal-item-active:hover .last-horizontal-item-active-end {
 background:url(/img/intern/top_item_end_modern.jpg) 0 -34px no-repeat !important;
}
div#nav-horizontal-2.startpage .last-horizontal-item-active:hover .last-horizontal-item-active-end {
 background:url(/img/intern/top_item_end_modern.jpg) 0 -66px no-repeat !important;
}
* html div#nav-horizontal-2 .last-horizontal-item-active-end {
position:relative;
left:985px;
}

/* INAKTIV LETZTES */
div#nav-horizontal-2 .last-horizontal-item-inactive-start {
 background:url(/img/intern/top_item_left_modern.jpg) 0 -66px no-repeat !important;
}
div#nav-horizontal-2 .last-horizontal-item-inactive:hover .last-horizontal-item-inactive-start {
 background:url(/img/intern/top_item_left_modern.jpg) 0 -34px no-repeat !important;
}
div#nav-horizontal-2 .last-horizontal-item-inactive-text {
 font-weight:normal !important;
 font-size: 1.4em;
 line-height: 1.8em !important;
 text-transform:none !important;
 color:#fff !important;
 background:url(/img/intern/top_item_modern.jpg) 0 -66px repeat-x !important;
}
div#nav-horizontal-2 .last-horizontal-item-inactive:hover .last-horizontal-item-inactive-text {
 background:url(/img/intern/top_item_modern.jpg) 0 -34px repeat-x !important;
}
div#nav-horizontal-2 .last-horizontal-item-inactive-end {
 background:url(/img/intern/top_item_end_modern.jpg) 0 -66px no-repeat !important;
}
div#nav-horizontal-2 .last-horizontal-item-inactive:hover .last-horizontal-item-inactive-end {
 background:url(/img/intern/top_item_end_modern.jpg) 0 -34px no-repeat !important;
}
* html div#nav-horizontal-2 .last-horizontal-item-inactive-end {
position:relative;
left:985px;
}
    .drop_menu a {
        background: url("/img/intern/arrow_dunkelgruen.gif") no-repeat scroll 0 9px rgba(0, 0, 0, 0)
    }
    .drop_menu a:hover {
        background-color: #e5e5e5;
        text-decoration: underline !important;
    }
@media only screen and (max-width: 943px) {
    .drop_menu {
        display:none !important;
    }
}
/*  */