/*! Pushy - v0.9.2 - 2014-9-13
* Pushy is a responsive off-canvas navigation menu using CSS transforms & transitions.
* https://github.com/christophery/pushy/
* by Christopher Yee */

/* Menu Appearance */

.pushy{
    position: fixed;
    width: 310px;
    height: 100%;
    top: 0;
    z-index: 99999999;
    background: #000;
    -webkit-box-shadow: inset -10px 0 6px -9px rgba(0, 0, 0, .7);
    -moz-box-shadow: inset -10px 0 6px -9px rgba(0, 0, 0, .7);
    box-shadow: inset -10px 0 6px -9px rgba(0, 0, 0, .7);
    overflow: auto;
    -webkit-overflow-scrolling: touch; /* enables momentum scrolling in iOS overflow elements */
}

/* Menu Movement */

.pushy-left{
    -webkit-transform: translate3d(-310px,0,0);
    -moz-transform: translate3d(-310px,0,0);
    -ms-transform: translate3d(-310px,0,0);
    -o-transform: translate3d(-310px,0,0);
    transform: translate3d(-310px,0,0);
}

.pushy-open{
    -webkit-transform: translate3d(0,0,0)!important;
    -moz-transform: translate3d(0,0,0)!important;
    -ms-transform: translate3d(0,0,0)!important;
    -o-transform: translate3d(0,0,0)!important;
    transform: translate3d(0,0,0)!important;
}

.container-push, .push-push {
    -webkit-transform: translate3d(310px,0,0);
    -moz-transform: translate3d(310px,0,0);
    -ms-transform: translate3d(310px,0,0);
    -o-transform: translate3d(310px,0,0);
    transform: translate3d(310px,0,0);
}

/* Menu Transitions */

.pushy, #container, .push{
    -webkit-transition: -webkit-transform .2s cubic-bezier(.16, .68, .43, .99);
    -moz-transition: -moz-transform .2s cubic-bezier(.16, .68, .43, .99);
    -o-transition: -o-transform .2s cubic-bezier(.16, .68, .43, .99);
    transition: transform .2s cubic-bezier(.16, .68, .43, .99);
}

/* Site Overlay */

.site-overlay{
    display: none;
}

.pushy-active .site-overlay{
    cursor: pointer;
    display: block;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 9998;
    background-color: rgba(0,0,0,0);
    -webkit-animation: fade 500ms; 
    -moz-animation: fade 500ms; 
    -o-animation: fade 500ms;
    animation: fade 500ms;
}

@keyframes fade{
    0%   { opacity: 0; }
    100% { opacity: 1; }
}

@-moz-keyframes fade{
    0%   { opacity: 0; }
    100% { opacity: 1; }
}

@-webkit-keyframes fade{
    0%   { opacity: 0; }
    100% { opacity: 1; }
}

@-o-keyframes fade{
    0%   { opacity: 0; }
    100% { opacity: 1; }
}

/* Example Media Query */

@media screen and (max-width: 768px){
    .pushy{
        font-size: 1.0em;
    }
}

header {
    background: #000000;
    border-bottom: none;
    width: 100%;
    min-height: 66px;
    max-height: 100% !important;
    margin-top: 0;
    top: 0;
    position: fixed;
    z-index: 9999999;
}

header li {
    cursor: default;
}

header h1 {
    margin: 0;
}

header a,
header button {
    outline: 0;
    -moz-transition: color .25s ease-in-out;
    -webkit-transition: color .25s ease-in-out;
    -moz-transition: background-color .25s ease-in-out;
    -webkit-transition: background-color .25s ease-in-out;
}

header .arrow-up {
    z-index: 223456789 !important;
}

.logo,
.logo:hover {
    float: left;
    height: 38px;
    margin-bottom: 14px;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    width: 153px;
    opacity: 1;
    display: inline-block;
}

.logo img,
.logo:hover img {
    /*    height: auto;
    width: auto;*/
    margin-top: 3px;
    opacity: 1;
}

.container-fluid .container {
    padding: 0 10px;
}

header .nav-main {
    padding-top: 0;
    margin-left: 0;
}

header .nav-main li {
    height: 66px;
    margin: 0;
    padding: 24px 15px 25px 15px;
    transition: background-color 0.25s ease-in-out 0s;
}

[class*="nav-top"] a,
.language span {
    height: auto;
}

[class*="nav-top"]:nth-child(1) {
    padding-left: 12px;
}

header .nav-main li:hover {
    background: #2b2b2b;
}

header .nav-main a {
    position: relative;
    height: 45px;
    height: 100%;
    font-size: 14px;
}

[class*="nav-top"] .item-layer {
    left: -99999999999999999999999999999999;
    opacity: 0;
}

[class*="nav-top"] .item-layer {
    width: 100%;
    left: 0;
}

[class*="nav-top"]:nth-child(1) section {
    margin-left: 0;
}

header .nav-main .arrow-up {
    position: absolute;
    z-index: 999999999;
    background: none;
    width: 13px;
    height: 10px;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #ffffff;
    top: 32px;
    left: 50%;
    opacity: 0;
}

header .nav-main li.active .arrow-up {
    opacity: 1;
}

[class*="nav-top"]:nth-child(1) .arrow-up,
[class*="nav-top"]:nth-child(2) .arrow-up,
[class*="nav-top"]:nth-child(3) .arrow-up,
[class*="nav-top"]:nth-child(4) .arrow-up,
[class*="nav-top"]:nth-child(5) .arrow-up {
    margin-left: -8px;
}

.features [class*="icon-"] .arrow-up {
    margin-left: 24px;
}


/* ====================================================================================================
Layer Main Navigation
==================================================================================================== */

.item-layer-area {
    position: absolute;
    z-index: 55;
    width: 100%;
    margin: 0;
    padding: 0;
    text-transform: none;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.75);
    -moz-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.75);
    box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.75);
    border: 1px solid #e5e5e5;
    display: none;
}

.dropdown {
    background: #ffffff;
}

.item-layer-area .item-layer {
    width: 100%;
    display: block;
    margin: 0;
    padding: 0;
}

.item-layer-area .active {
    z-index: 100;
}

.item-layer-area .item-layer section {
    padding: 0;
}

.item-layer-area li {
    width: 100%;
}

header .item-layer-area section li {
    margin-bottom: 8px;
}

.item-layer-area a {
    color: #666666;
    line-height: 1.1em
}

.item-layer-area a:hover {
    color: #0081b5;
}

.item-layer-area .var-1 .row {
    display: block;
    padding: 0 20px;
    margin: 0;
    border: 1px solid transparent;
}

.item-layer-area hr {
    margin: 0;
    padding: 0;
}

.item-layer-area [class*="nav-top"]:nth-child(1) {
    padding-left: 0;
}

.item-layer-area [class*="nav-top"].var-1 .column {
    display: table;
    border-top: 1px solid #ccc;
    padding: 20px 0 12px 0;
}

.item-layer-area [class*="nav-top"].var-1 .column:first-child {
    border-top: none;
}

.item-layer-area [class*="nav-top"].var-1 .column.line {
    margin-bottom: 30px;
}

.item-layer-area [class*="nav-top"].var-1 .column.line a {
    padding: 6px 0;
}

.item-layer-area [class*="nav-top"].var-1 .column div {
    display: table-cell;
    max-width: 280px;
    vertical-align: top;
    margin: 0;
    padding: 0 0 0 20px;
}

.item-layer-area [class*="nav-top"].var-1 .column figure {
    width: 260px;
}

.item-layer-area [class*="nav-top"].var-1 .column.line div {
    border-left: 1px solid #ccc;
}

.item-layer-area [class*="nav-top"].var-1 .column.line div:first-child {
    border-left: none;
}

.item-layer-area [class*="nav-top"].var-1 .column div:first-child {
    padding-left: 0 !important;
}

.item-layer-area [class*="nav-top"].var-1 section ul {
    display: table;
    max-width: 300px;
    margin: 5px 0 14px 0;
    padding: 0;
}

.item-layer-area [class*="nav-top"].var-1 section li {
    display: block;
    width: 100%;
    margin: 0 0 8px 0 !important;
    padding: 0 0 0 10px;
}

.item-layer-area [class*="nav-top"].var-1 section li a,
.item-layer-area [class*="nav-top"].var-1 section li a:hover {
    height: auto;
    margin: 0;
    padding: 0;
}

.item-layer-area [class*="nav-top"].var-1 figure {
    max-width: 280px;
    height: auto;
    margin: 0 0 8px 0;
    padding: 0;
}

.item-layer-area [class*="nav-top"].content-grey figure {
    max-width: 280px;
    height: auto;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.item-layer-area [class*="nav-top"].var-1 figure img,
.item-layer-area [class*="nav-top"].var-1 .content-grey figure img {
    max-width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
}

.item-layer-area [class*="nav-top"].var-1 figcaption,
.item-layer-area [class*="nav-top"].var-1 .content-grey figcaption {
    position: relative;
    z-index: 123451;
    display: block;
    max-width: 300px;
    overflow: hidden;
    background: transparent url(../../../bundles/triluxportalcore/images/bg_black_61pro.png) 0 0 repeat;
    font-size: 16px;
    color: #ffffff;
    line-height: 130%;
    text-transform: uppercase;
    padding: 8px 8px 4px 11px;
}

.item-layer-area [class*="nav-top"].var-1 a:hover figcaption,
.item-layer-area [class*="nav-top"].var-1 a:hover .content-grey figcaption {
    background: #0081b5;
}

.item-layer-area [class*="nav-top"].var-1 figcaption.row-1,
.item-layer-area [class*="nav-top"].var-1 .content-grey figcaption.row-1 {
    margin-top: -32px;
}

.item-layer-area [class*="nav-top"].var-1 figcaption.row-2,
.item-layer-area [class*="nav-top"].var-1 .content-grey figcaption.row-2 {
    margin-top: -53px;
}


/* -- Formatierung -- */

.item-layer-area [class*="nav-top"] section a,
.item-layer-area [class*="nav-top"] section a:hover,
.item-layer-area [class*="nav-top"] section a.nav-teaser:hover {
    color: #0082B6;
}

.item-layer-area [class*="nav-top"] section p.nav-teaser,
.item-layer-area [class*="nav-top"] section a.nav-teaser {
    font-size: 16px;
    line-height: 130%;
    text-transform: uppercase;
    font-style: normal;
    color: #000000;
}

.item-layer-area [class*="nav-top"] section p.nav-teaser,
.item-layer-area [class*="nav-top"] section a.nav-teaser {
    margin: 0;
    padding: 0;
}

.item-layer-area [class*="nav-top"] .link,
.item-layer-area [class*="nav-top"] .link:hover {
    float: left;
    width: auto;
    height: auto;
    background: transparent url(../../../bundles/triluxportalcore/images/icon_arrow_blue.png) center right no-repeat;
    color: #0082B6;
    font-size: 16px;
    padding: 0;
    padding-right: 14px !important;
    margin: 0;
}

.nav-text {
    min-height: 115px;
}

.item-layer-area:last-child .nav-text p {
    margin-top: 0;
}


/* ====================================================================================================
Suche
==================================================================================================== */

header .features {
    float: right;
    margin: 0;
    padding: 0;
    border-right: 1px solid #2b2b2b;
}

header .features li {
    float: left;
    border-left: 1px solid #2b2b2b;
    transition: background-color 0.25s ease-in-out 0s;
}

header li.search {
    cursor: pointer;
    /*background-image: url(../../../bundles/triluxportalcore/images/icon_search.svg);
    background-position: center center;
    background-size: 20px;*/
    width: 66px;
    height: 66px;
}

header li.search:hover {
    border-left: 1px solid transparent;
    background-color: #2b2b2b;
    width: 66px;
    height: 66px;
}

header .features .item-layer li {
    border-left: none;
}

header .features li[class*="icon-"] {
    width: 66px;
    height: 66px;
    margin: 0;
    padding: 0;
    transition: background-color 0.25s ease-in-out 0s;
}

header .features li[class*="icon-"]:hover,
header .features li[class*="icon-"].active {
    border-left: 1px solid transparent;
    background-color: #2b2b2b;
    transition: background-color 0.25s ease-in-out 0s;
}

header .features .icon-login .icon {
    border: none;
    height: 66px;
    width: 66px;
}

header .features .icon-sites {
    cursor: pointer;
    background: transparent url(../../../bundles/triluxportalcore/images/icon_tx_sites.png) center center no-repeat;
}

header .search form {
    height: 22px;
}

.item-layer section,
[class*="nav-top"] section,
.language section,
.search section {
    -webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);
    -moz-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);
    box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);
}

#layer-search section {
    border: none;
}


/*.search .item-layer form,*/

.search .tx-item-layer-search form {
    padding: 0 20px 20px 20px;
}

#layer-search-result {
    padding: 0 20px;
}

header .search input[type="text"] {
    border: none;
    width: 90%;
    padding: 0;
    font-size: inherit;
    line-height: 2.1;
    color: #000000;
    font-family: DINWebPro-Bold, sans-serif;
    font-weight: normal;
    text-transform: none;
}

.search .arrow-up {
    position: absolute;
    margin-left: 23px;
}

header li.search .item-layer {
    display: block;
}

.features li .item-layer {
    display: block;
}

header li.search .btn-group.bootstrap-select button,
header li.search .btn-group.bootstrap-select.open button {
    border: none;
    text-transform: uppercase;
}

header .search .search-kam .btn-group {
    max-width: 150px;
}

header .bootstrap-select .dropdown-menu li:hover,
header .bootstrap-select .dropdown-menu li:hover .text {
    background: transparent;
}

header .search .btn-group.bootstrap-select button,
header .search .btn-group.bootstrap-select.open button {
    line-height: 31px;
}

.result-all {
    margin-left: -10px !important;
    margin-right: -10px !important;
}

.result-all p {
    padding: 20px 0;
}

.result-all a.link-button {
    background-image: none;
    width: 100%;
    font-size: 15px;
    margin: 0 !important;
    text-align: center;
}

header #result-produkte .item-search-result,
header #result-referenzen .item-search-result {
    margin: 0;
    padding: 0;
}

header #result-website .item-search-result {
    border-bottom: 1px solid #bfbfbf;
    cursor: pointer !important;
}

header #result-produkte .item-search-result a,
header #result-referenzen .item-search-result a {
    display: inline-block !important;
    min-height: 81px;
    width: 100% !important;
    cursor: pointer !important;
    margin: 0;
    padding: 10px 0;
    border-bottom: 1px solid #bfbfbf;
}

header #result-produkte .item-search-result a:hover,
header #result-referenzen .item-search-result a:hover,
header #result-website .item-search-result:hover {
    background: #e5e5e5 !important;
}

header #result-produkte .item-search-result a:hover p,
header #result-referenzen .item-search-result a:hover p,
header #result-website .item-search-result:hover p {
    color: #000000;
}

header #result-produkte .item-search-result a:hover p strong,
header #result-referenzen .item-search-result a:hover p strong,
header #result-website .item-search-result:hover p strong {
    color: #0081b5;
}

.tab-pane.active .item-collapse {
    border: none;
}

header .text-single {
    width: 505px !important;
}


/* ====================================================================================================
Login
==================================================================================================== */

.features .icon-login .icon {
    border-left: 1px solid #575757;
    display: block;
    width: 58px;
    height: 23px;
    background: url(../../../bundles/triluxportalcore/images/icon_login.svg) center center no-repeat;
    background-size: 21px;
}

header .features [class*="icon-"] .item-layer,
header .features .actv[class*="icon-"] .item-layer {
    margin: -6px 0 0;
    padding-top: 0;
}

.icon-login.actv section {
    margin-left: 0;
    width: 100%;
}


/* normalisiert */

.icon-login section {
    margin-left: -191px;
    width: 315px;
}

.item-layer.login a.link-button {
    background-image: none;
    width: 100%;
    font-size: 15px;
    margin: 0 !important;
    text-align: center;
}

.round-counter {
    position: relative;
    background: #0081b5;
    min-width: 28px;
    height: 28px;
    border-radius: 20px;
    font-size: 16px;
    line-height: auto;
    color: #ffffff;
    text-align: center;
    padding: 4px 7px 0 7px;
}

.profil-dashboard-left .round-counter {
    margin-top: 6px;
}


/* ====================================================================================================
Mobile Menu
==================================================================================================== */

.sidebar-nav {
    background-color: #000000;
}

.sidebar-nav li a {
    border-bottom: 1px solid #2b2b2b;
}

.sidebar-nav li .nav-open,
.sidebar-nav li.actv .nav-open {
    margin-right: 20px;
}

.sidebar-nav li.nav-back a {
    padding: 21px 20px 11px 20px;
}

.sidebar-nav li.container-icons,
.sidebar-nav li.container-icons.actv {
    background: transparent url(../../../bundles/triluxportalcore/images/bg_icon_container.png) center center no-repeat;
    margin: 35px 20px;
}

.sidebar-nav li.container-icons .icon-login,
.sidebar-nav li.container-icons .icon-vermerken,
.sidebar-nav li.container-icons .icon-vergleichen,
.sidebar-nav li.container-icons .icon-tx-sites {
    width: 92px;
    height: 80px;
    border: none;
    float: left;
    margin: 0;
    cursor: pointer;
}

.sidebar-nav li.container-icons .icon-login .icon,
.sidebar-nav li.container-icons .icon-vermerken .icon,
.sidebar-nav li.container-icons .icon-vergleichen .icon,
.sidebar-nav li.container-icons .icon-tx-sites .icon {
    width: 92px;
    height: 80px;
}

.sidebar-nav li.container-icons .icon-login .icon,
.sidebar-nav li.container-icons .icon-login.actv .icon {
    background: transparent url(../../../bundles/triluxportalcore/images/new_icon_login.png) center center no-repeat;
}

.sidebar-nav li.container-icons .icon-vermerken .icon,
.sidebar-nav li.container-icons .icon-vermerken.actv .icon {
    background: transparent url(../../../bundles/triluxportalcore/images/new_icon_vermerken.png) center center no-repeat;
}

.sidebar-nav li.container-icons .icon-vergleichen .icon,
.sidebar-nav li.container-icons .icon-vergleichen.actv .icon {
    background: transparent url(../../../bundles/triluxportalcore/images/new_icon_vergleichen.png) center center no-repeat;
}

.sidebar-nav li.container-icons .icon-tx-sites .icon,
.sidebar-nav li.container-icons .icon-tx-sites.actv .icon {
    background: transparent url(../../../bundles/triluxportalcore/images/new_icon_tx_sites.png) center center no-repeat;
}

li.nav-language:last-child {
    border-top: 1px solid #2b2b2b;
}

.sidebar-nav li.nav-language.actv {
    background-color: transparent;
}

.sidebar-nav li.nav-language a {
    border: none;
    background-color: #404040;
    color: rgba(255, 255, 255, 0.4);
    font-size: 14px;
    line-height: auto;
    padding: 10px 10px 8px 48px;
    margin: 20px;
}

.sidebar-nav li.nav-language:hover a,
.sidebar-nav li.nav-language.actv a {
    border: none;
    background-color: #1f1f1f;
    color: #ffffff;
    font-size: 14px;
    line-height: auto;
    padding: 10px 10px 8px 48px;
    margin: 20px;
    transition-duration: 1s;
    -webkit-transition-duration: 1s;
}

.sidebar-nav li.nav-language .flage,
.pushy .flage {
    background-position: 9px 10px;
    background-repeat: no-repeat;
    background-size: 28px 17px;
}


/*--- MOBILE -----------------------------------------------------------------------*/

.pushy a {
    outline: 0;
    -moz-transition: color .25s ease-in-out;
    -webkit-transition: color .25s ease-in-out;
    -moz-transition: background-color .25s ease-in-out;
    -webkit-transition: background-color .25s ease-in-out;
}

.tx-mobile-button {
    height: 66px;
    width: 66px;
    background: none; /*url(../../../bundles/triluxportalcore/images/icon_menu.svg) center center no-repeat;*/
    /*background-size: 24px;*/
    float: left;
    border-right: 1px solid #2b2b2b;
    border-left: 1px solid #2b2b2b;
    cursor: pointer;
}

.tx-mobile-button:hover {
    background: #262626; /*url(../../../bundles/triluxportalcore/images/icon_menu.svg) center center no-repeat #262626;*/
    /*background-size: 24px;*/
}

.pushy .tx-close {
    position: relative;
}

.pushy .tx-close:after {
    content: "";
    background: url(../../../bundles/triluxportalcore/images/close_white.png) no-repeat center center;
    width: 10px;
    height: 10px;
    position: absolute;
    top: 29px;
    right: 27px;
}

.pushy ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.pushy ul li a {
    display: block;
    padding: 27px 20px 23px;
    color: #fff;
    border-bottom: 1px solid #2b2b2b;
    text-transform: uppercase;
    line-height: 1em;
    position: relative;
}

.pushy ul li a:hover {
    background: #2b2b2b;
}

.pushy ul li.tx-mobile-btn a:after {
    content: "";
    background: url(../../../bundles/triluxportalcore/images/arrow_down_white.png) no-repeat center center;
    width: 14px;
    height: 8px;
    position: absolute;
    top: 29px;
    right: 25px;
}

.pushy ul li a.tx-mobile-active {
    background: #0081b5;
    border-bottom: 1px solid #000;
}

.pushy ul li a.tx-mobile-active:after {
    content: "";
    background: url(../../../bundles/triluxportalcore/images/arrow_up_white.png) no-repeat center center;
    width: 14px;
    height: 8px;
    position: absolute;
    top: 24px;
    right: 25px;
}

.pushy ul li ul {
    display: none;
}

.pushy ul li ul li a {
    padding: 18px 20px 14px;
    background: #363636;
    border-bottom: 1px solid #000;
    text-transform: inherit;
}

.pushy ul li ul li a:after {
    display: none;
}

.pushy ul li ul li a:hover {
    background: #2b2b2b;
}

.pushy ul li ul li a.active {
    background: #2b2b2b;
    border-left: 3px solid #0081b5;
}

.pushy .tx-mobile-portal {
    width: 310px;
    padding: 20px;
}

.pushy .tx-mobile-portal a {
    display: block;
    height: 130px;
    width: 130px;
    float: left;
    text-indent: -99999px;
}

.pushy .tx-mobile-portal a.tx-button-portal:hover,
.pushy .tx-mobile-portal a.tx-button-merkliste:hover,
.pushy .tx-mobile-portal a.tx-button-vergleich:hover,
.pushy .tx-mobile-portal a.tx-button-sites:hover {
    background-color: #2b2b2b;
}

.pushy .tx-mobile-portal a.tx-button-portal {
    border-right: 1px solid #2b2b2b;
    border-bottom: 1px solid #2b2b2b;
    background: url(../../../bundles/triluxportalcore/images/icon_user_big.png) center center no-repeat;
}

.pushy .tx-mobile-portal a.tx-button-merkliste {
    border-bottom: 1px solid #2b2b2b;
    background: url(../../../bundles/triluxportalcore/images/icon_merkliste_big.png) center center no-repeat;
}

.pushy .tx-mobile-portal a.tx-button-vergleich {
    border-right: 1px solid #2b2b2b;
    background: url(../../../bundles/triluxportalcore/images/icon_vergleich_big.png) center center no-repeat;
}

.pushy .tx-mobile-portal a.tx-button-sites {
    background: url(../../../bundles/triluxportalcore/images/icon_sites_big.png) center center no-repeat;
}

.pushy .tx-language {
    display: block;
    margin: 20px;
    padding: 17px 25px 13px 70px;
    background: #363636;
    color: #9e9e9e;
    position: relative;
    background-position: 17px 15px;
    background-repeat: no-repeat;
    background-size: 30px 20px;
}

.pushy .tx-language:hover {
    background-color: #2b2b2b;
    color: #fff;
}


/* ====================================================================================================
Modal Sprache
==================================================================================================== */

.modal.prompt .modal-dialog.modal-lg-620 {
    width: 620px;
}

#modal-sprache .modal-body {
    padding: 8px 25px;
    text-align: left;
}

#modal-sprache .modal-body hr {
    margin-left: -25px;
    margin-right: -25px;
}

#modal-sprache .modal-body a {
    color: #666;
    height: auto;
}

#modal-sprache .modal-body a:hover {
    color: #0082b6;
}

#modal-sprache .modal-body dfn {
    float: left;
    width: 28px;
    height: 17px;
    font-size: 14px;
    line-height: 130%;
    text-transform: uppercase;
    font-style: normal;
    color: #000000;
    margin: 0 20px 0 0;
    padding: 0;
}

#modal-sprache .modal-body ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

#modal-sprache .modal-body li {
    line-height: 155%;
    margin: 0 0 12px 0;
}

#modal-sprache .modal-body li dfn.flage {
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 28px 17px;
}


/* ====================================================================================================
Footer
==================================================================================================== */

footer {
    font-size: 14px;
    padding: 28px 0;
}

footer ul.meta {
    text-align: left;
    margin: 0 0 3px 0;
}

footer p {
    margin: 0;
}

footer ul.social-network {
    width: 100%;
    margin: 3px 0 0 0;
}

footer .link-facebook,
footer .link-twitter,
footer .link-youtube {
    width: 37px;
    height: 37px;
    background-color: #808080;
    opacity: 0.4;
}

footer .link-facebook {
    background-position: 5px 5px;
}

footer .link-twitter {
    background-position: center center;
}

footer .link-youtube {
    background-position: center center;
}

footer .link-facebook:hover,
footer .link-twitter:hover,
footer .link-youtube:hover {
    opacity: 1;
}

footer a.flage {
    border: none;
    float: left;
    background-color: #404040;
    color: #8c8c8c;
    font-size: 14px;
    line-height: auto;
    padding: 10px 10px 8px 48px;
    margin: 0 0 0 37px;
}

footer a.flage:hover {
    border: none;
    float: left;
    text-decoration: none !important;
    background-color: #1f1f1f;
    color: #ffffff;
    font-size: 14px;
    line-height: auto;
    padding: 10px 10px 8px 48px;
    margin: 0 0 0 37px;
    transition-duration: 1s;
    -webkit-transition-duration: 1s;
}

footer .flage {
    background-position: 10px 10px;
    background-repeat: no-repeat;
    background-size: 28px 18px;
}

.flage.de,
.tx-language.de {
    background-image: url(../../../bundles/triluxportalcore/images/flage_de.png);
}

.flage.ch,
.tx-language.ch {
    background-image: url(../../../bundles/triluxportalcore/images/flage_ch.png);
}

.flage.be,
.tx-language.be {
    background-image: url(../../../bundles/triluxportalcore/images/flage_be.png);
}

.flage.nl,
.tx-language.nl {
    background-image: url(../../../bundles/triluxportalcore/images/flage_nl.png);
}

.flage.cz,
.tx-language.cz {
    background-image: url(../../../bundles/triluxportalcore/images/flage_cz.png);
}

.flage.es,
.tx-language.es {
    background-image: url(../../../bundles/triluxportalcore/images/flage_es.png);
}

.flage.fr,
.tx-language.fr {
    background-image: url(../../../bundles/triluxportalcore/images/flage_fr.png);
}

.flage.it,
.tx-language.it {
    background-image: url(../../../bundles/triluxportalcore/images/flage_it.png);
}

.flage.hu,
.tx-language.hu {
    background-image: url(../../../bundles/triluxportalcore/images/flage_hu.png);
}

.flage.no,
.tx-language.no {
    background-image: url(../../../bundles/triluxportalcore/images/flage_no.png);
}

.flage.pl,
.tx-language.pl {
    background-image: url(../../../bundles/triluxportalcore/images/flage_pl.png);
}

.flage.sk,
.tx-language.sk {
    background-image: url(../../../bundles/triluxportalcore/images/flage_sk.png);
}

.flage.se,
.tx-language.se {
    background-image: url(../../../bundles/triluxportalcore/images/flage_se.png);
}

.flage.uk,
.tx-language.uk {
    background-image: url(../../../bundles/triluxportalcore/images/flage_uk.png);
}

.flage.at,
.tx-language.at {
    background-image: url(../../../bundles/triluxportalcore/images/flage_at.png);
}

.flage.int,
.tx-language.int {
    background-image: url(../../../bundles/triluxportalcore/images/flage_int.png);
}

.flage.in,
.tx-language.in {
    background-image: url(../../../bundles/triluxportalcore/images/flage_in.png);
}

@media (min-width: 320px) and (max-width: 479px) {
    /* ---------------------- smartphone -- */
    header {
        background: #000000;
        position: relative;
    }
    #menu-toggle {
        width: 66px;
        height: 66px;
        top: 0;
        left: 0;
        background: transparent url(../../../bundles/triluxportalcore/images/icon_menu.png) center center no-repeat;
        border-left: 1px solid #2b2b2b;
        border-right: 1px solid #2b2b2b;
        transition: background-color 0.25s ease-in-out 0s;
    }
    #menu-toggle:hover {
        background-color: #2b2b2b;
        transition: background-color 0.25s ease-in-out 0s;
    }
    header .features {
        padding-right: 1px;
    }
    header .features li.search,
    header .features li.search:hover {
        border-left: 1px solid #2b2b2b;
        border-right: 1px solid #2b2b2b;
        width: 67px;
        margin-right: 1px;
    }
    header .features li[class*="icon-"] {
        border-left: none;
        display: none;
    }

    /*.logo,
    .logo:hover {
		position: absolute;
		left: 35%;
        outline: 0;
        float: inherit;
        width: 163px;
        height: auto;
        line-height: 0;
        margin: 0 0 6px 7%;
    }*/
    /*.logo img,
    .logo:hover img {
        margin-top: 14px;
    }*/
    .search .item-layer {
        margin-top: 33px;
    }
    .search section {
        width: 100%;
        max-width: 100%;
        margin-left: 0;
    }
    header .search form,
    .search .row {
        margin-bottom: 0;
    }
    .search .item-layer form {
        padding-bottom: 0;
    }
    header .search input[type="text"] {
        margin-left: 5px;
    }
    header .search .btn-group {
        margin-left: -5px;
    }
    .tab-pane.active .nav-teaser span {
        margin-right: 0;
    }
    header .text-single {
        max-width: 275px !important;
    }
    .modal.prompt .modal-dialog.modal-lg-620 {
        width: 300px;
    }
    footer {
        font-size: 16px;
    }
    footer ul.meta {
        text-align: center;
    }
    footer p {
        padding: 5px 0 25px 0;
    }
    .pushy {
        width: 0;
    }
    .pushy-active .pushy {
        width: 310px;
    }
}

@media (min-width: 480px) and (max-width: 767px) {
    header {
        background: #000000;
        position: relative;
    }
    #menu-toggle {
        width: 66px;
        height: 66px;
        top: 0;
        left: 0;
        background: transparent url(../../../bundles/triluxportalcore/images/icon_menu.png) center center no-repeat;
        border-left: 1px solid #2b2b2b;
        border-right: 1px solid #2b2b2b;
        transition: background-color 0.25s ease-in-out 0s;
    }
    #menu-toggle:hover {
        background-color: #2b2b2b;
        transition: background-color 0.25s ease-in-out 0s;
    }
    header .features {
        padding-right: 1px;
    }
    header .features li.search,
    header .features li.search:hover {
        border-left: 1px solid #2b2b2b;
        border-right: 1px solid #2b2b2b;
        width: 67px;
        margin-right: 1px;
    }
    header .features li[class*="icon-"] {
        border-left: none;
        display: none;
    }
    /*.logo,
    .logo:hover {
		position: absolute;
		left: 35%;
        outline: 0;
        float: inherit;
        width: 163px;
        height: auto;
        line-height: 0;
        margin: 0 0 6px 16%;
    }
    .logo img,
    .logo:hover img {
        margin-top: 14px;
    }*/
    .search section {
        width: 100%;
        max-width: 100%;
        margin-left: 0;
    }
    header .search form,
    .search .row {
        margin-bottom: 0;
    }
    .search .item-layer form {
        padding-bottom: 0;
    }
    header .search input[type="text"] {
        margin-left: 5px;
    }
    header .search .btn-group {
        margin-left: -5px;
    }
    .tab-pane.active .nav-teaser span {
        margin-right: 0;
    }
    header .text-single {
        max-width: 437px !important;
    }
    .modal.prompt .modal-dialog.modal-lg-620 {
        width: 460px;
    }
    footer {
        font-size: 16px;
    }
    footer ul.meta {
        text-align: center;
    }
    footer p {
        padding: 5px 0 25px 0;
    }
    .pushy {
        width: 0;
    }
    .pushy-active .pushy {
        width: 310px;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    /* ----------------------------- Tablet --  */
    header {
        background: #000000;
        position: relative;
    }
    #menu-toggle {
        width: 66px;
        height: 66px;
        top: 0;
        left: 0;
        border-right: 1px solid #2b2b2b;
        border-left: 1px solid #2b2b2b;
        background: transparent url(../../../bundles/triluxportalcore/images/icon_menu.png) center center no-repeat;
        transition: background-color 0.25s ease-in-out 0s;
    }
    #menu-toggle:hover {
        background-color: #2b2b2b;
        transition: background-color 0.25s ease-in-out 0s;
    }
    #wrapper.active #menu-toggle {
        border-left: 1px solid #2b2b2b;
    }
    /*.logo,
    .logo:hover {
        float: left;
        width: 163px;
        height: auto;
        line-height: 0;
        margin: 11px 0 6px 47.8%;
        display: inline-block;
    }*/
    .item-layer-area {
        display: none;
    }
    header .features li {
        display: block !important;
        border-left: 1px solid #2b2b2b;
    }
    .search .arrow-up {
        right: 101px;
    }
    .search section {
        width: 545px;
        max-width: 545px;
        margin-left: auto;
        margin-right: 10px;
    }
    .modal.prompt .modal-dialog.modal-lg-620 {
        width: 620px;
    }
    footer {
        font-size: 14px;
    }
    footer ul.meta {
        text-align: left;
    }
    .pushy {
        width: 0;
    }
    .pushy-active .pushy {
        width: 310px;
    }
}

@media (min-width: 1024px) and (max-width: 1199px) {
    /* ----------------------- Small-Desktop -- */
    .logo,
    .logo:hover {
        margin: 11px 0 11px 7px;
    }
    header .nav-main {
        margin-left: 30px;
    }
    header .features li {
        border-left: 1px solid #2b2b2b;
    }
    .item-layer-area [class*="nav-top"] section {
        font-size: 13px;
        margin-top: 8px;
    }
    .item-layer-area [class*="nav-top"]:nth-child(1) {
        padding-left: 10px;
    }
    .item-layer-area [class*="nav-top"].var-1 .column div {
        max-width: 243px;
        padding: 0 0 0 20px;
    }
    .item-layer-area [class*="nav-top"].var-1 .column figure {
        width: 223px;
    }
    .item-layer-area [class*="nav-top"].var-1 figure {
        max-width: 226px;
        height: auto;
    }
    .item-layer-area [class*="nav-top"].var-1 figcaption {
        max-width: 226px;
    }
    /* Formatierung */
    .item-layer-area [class*="nav-top"] section a {
        color: #666;
        height: auto;
    }
    .item-layer-area [class*="nav-top"] section a:hover {
        color: #0082b6;
    }
    .item-layer-area [class*="nav-top"] section p.nav-teaser,
    .item-layer-area [class*="nav-top"] section a.nav-teaser,
    .item-layer-area .nav-teaser {
        font-size: 14px;
        line-height: 130%;
        text-transform: uppercase;
        font-style: normal;
        color: #000000;
    }
    .item-layer-area [class*="nav-top"] section p.nav-teaser,
    .item-layer-area [class*="nav-top"] section a.nav-teaser,
    .item-layer-area [class*="nav-top"] .link,
    .item-layer-area [class*="nav-top"] .link:hover {
        font-size: 13px;
        padding: 0;
        padding-right: 14px !important;
        margin: 0;
    }
    footer {
        font-size: 14px;
    }
    footer ul.meta {
        text-align: left;
    }
}

@media (min-width: 1200px) {
    /* ------------------------ Large-Desktop -- */
    .logo,
    .logo:hover {
        margin: 11px 0;
    }
    header .features li {
        border-left: 1px solid #2b2b2b;
    }
    .item-layer-area [class*="nav-top"]:nth-child(1) {
        padding-left: 0px;
    }
}


/* ====================================================================================================
TRILUX SITES
==================================================================================================== */

.trilux-sites .link-closed span {
    background: transparent url(../../../bundles/triluxportalcore/images/icon_closed_w.png) 0 0 no-repeat;
    width: 17px;
    height: 16px;
    margin-top: 10px;
    opacity: 0;
    transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
    transition-delay: 0.3s;
    -webkit-transition-delay: 0.3s;
}

main .item-layer-sites .link-closed {
    display: none !important;
}

.trilux-sites {
    background: #000000;
    margin: 0;
    padding: 0;
}

.trilux-sites-inner {
    background: #2b2b2b;
    color: #ffffff;
    margin: 0;
    padding: 0;
}

.trilux-sites-inner.show-link .link-closed span {
    opacity: 1;
    transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
    transition-delay: 0.3s;
    -webkit-transition-delay: 0.3s;
}

#header-trilux-sites .trilux-sites-inner {
    display: none;
}

.item-layer-sites {
    color: #000000;
    padding: 0 5px!important;
}

.item-layer-sites h2 {
    color: #ffffff;
}

.item-layer-sites section img {
    text-align: center;
    vertical-align: middle;
}

.item-layer-sites .col-md-12,
.item-layer-sites .col-lg-12 {
    padding: 0;
}

.item-layer-sites .inner-inner {
    display: inline-block;
}

.item-layer-sites .inner-left {
    float: left;
    width: 41%;
    padding: 0;
}

.item-layer-sites .inner-left figure {
    height: 100%;
}

.item-layer-sites .inner-left section {
    position: relative;
    max-width: 480px;
    background: #ffffff;
    margin: 0 0 20px 0;
    padding: 0;
}

.item-layer-sites .logo-sites {
    position: absolute;
    top: 0;
    right: 20px;
}

.item-layer-sites .inner-middle,
.item-layer-sites .inner-right {
    float: left;
    width: 29.5%;
    padding: 0;
}

.item-layer-sites .inner-middle section,
.item-layer-sites .inner-right section {
    margin: 0 0 20px 20px;
    padding: 0;
}

.item-layer-sites .inner-middle section figure,
.item-layer-sites .inner-right section figure {
    position: relative;
    height: 158px;
    max-width: 328px;
    background: #ffffff;
    margin: auto;
}

.item-layer-sites .inner-middle section figure img,
.item-layer-sites .inner-right section figure img {
    position: absolute;
    max-width: 100%;
    left: auto;
    top: 50%;
    margin-left: 13px;
    margin-top: -56px;
}

.item-layer-sites .inner-right .row {
    padding: 0;
    margin: 0;
}

.item-layer-sites .inner-middle a figure span,
.item-layer-sites .inner-right a figure span {
    position: absolute;
    height: 158px;
    width: 100%;
    max-width: 328px;
    background: rgba(0, 129, 181, 0.95);
    color: #ffffff;
    text-align: center;
    padding-top: 75px;
    padding-right: 10px;
    opacity: 0;
    transition-duration: 1s;
    -webkit-transition-duration: 1s;
}

main .item-layer-sites .inner-middle a figure span,
main .item-layer-sites .inner-right a figure span {
    display: block;
    opacity: 0;
    transition-duration: 1s;
    -webkit-transition-duration: 1s;
}

.has-arrow-white {
    display: inline-block;
    height: auto;
    width: auto;
    padding-right: 15px;
    background: transparent url("../../../bundles/triluxportalcore/images/icon_arrow_white.png") center right no-repeat;
}

.item-layer-sites .inner-middle a:hover figure span,
.item-layer-sites .inner-right a:hover figure span {
    opacity: 1;
    transition-duration: 1s;
    -webkit-transition-duration: 1s;
}

main .item-layer-sites .inner-middle a:hover figure span,
main .item-layer-sites .inner-right a:hover figure span {
    display: block;
    opacity: 1;
    transition-duration: 1s;
    -webkit-transition-duration: 1s;
}

.item-layer-sites .inner-left a figure span {
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
    max-width: 480px;
    background: rgba(0, 129, 181, 0.95);
    color: #ffffff;
    text-align: center;
    padding-top: 165px;
    padding-right: 10px;
    opacity: 0;
    transition-duration: 1s;
    -webkit-transition-duration: 1s;
}

main .item-layer-sites .inner-left a figure span {
    display: block;
    opacity: 0;
    transition-duration: 1s;
    -webkit-transition-duration: 1s;
}

.item-layer-sites .inner-left a:hover figure span {
    opacity: 1;
    transition-duration: 1s;
    -webkit-transition-duration: 1s;
}

main .item-layer-sites .inner-left a:hover figure span {
    display: block;
    opacity: 1;
    transition-duration: 1s;
    -webkit-transition-duration: 1s;
}

@media (min-width: 320px) and (max-width: 479px) {
    /* ---------------------- smartphone -- */
    .item-layer-sites {
        padding: 10px !important;
    }
    .trilux-sites-inner {
        padding: 0 20px;
    }
    .item-layer-sites .inner-left,
    .item-layer-sites .inner-right,
    .item-layer-sites .inner-middle {
        width: 100%;
        padding: 0;
    }
    .item-layer-sites .inner-left section,
    .item-layer-sites .inner-middle section,
    .item-layer-sites .inner-right section {
        max-width: 328px;
    }
    .item-layer-sites .inner-left section {
        position: relative;
        max-width: 328px;
        height: 230px;
        overflow: hidden;
        margin-left: 0;
        margin-right: 0px;
    }
    .item-layer-sites .inner-middle section {
        margin-left: 0px;
    }
    .item-layer-sites .logo-sites {
        position: absolute;
        width: 100%;
        height: 106px;
        background: #ffffff;
        top: 0;
        margin-top: 45%;
        left: auto;
        right: auto;
    }
    .item-layer-sites .logo-sites img {
        width: 80%;
        max-width: 100%;
        margin-left: 10%;
    }
    .item-layer-sites .inner-right .col-sm-6 section {
        margin-left: 0px;
        margin-right: 0;
    }
    .item-layer-sites .inner-right .col-sm-6:first-child section {
        margin-left: 0;
        margin-right: 0px;
    }
    .item-layer-sites .inner-middle section figure,
    .item-layer-sites .inner-right section figure {
        position: relative;
        height: 106px;
        max-width: 100%;
        background: #ffffff;
        margin: auto;
        overflow: hidden;
    }
    .item-layer-sites .inner-middle section figure img,
    .item-layer-sites .inner-right section figure img {
        position: absolute;
        max-width: 100%;
        width: 80%;
        left: auto;
        top: 50%;
        margin-left: 10%;
        margin-top: -40px;
    }
    .item-layer-sites .inner-middle a figure span,
    .item-layer-sites .inner-right a figure span {
        height: 106px;
        max-width: 100%;
        padding-top: 42px;
        display: none;
    }
    .item-layer-sites .inner-left a figure span {
        padding-top: 110px;
    }
}

@media (min-width: 480px) and (max-width: 767px) {
    .item-layer-sites {
        padding: 10px !important;
    }
    .trilux-sites-inner {
        padding: 0 20px;
    }
    .item-layer-sites .inner-left,
    .item-layer-sites .inner-right,
    .item-layer-sites .inner-middle {
        width: 100%;
        padding: 0;
    }
    .item-layer-sites .inner-left section,
    .item-layer-sites .inner-middle section,
    .item-layer-sites .inner-right section {
        max-width: 328px;
    }
    .item-layer-sites .inner-left section {
        position: relative;
        max-width: 328px;
        height: 230px;
        overflow: hidden;
        margin-left: 0;
        margin-right: 0px;
    }
    .item-layer-sites .inner-middle section {
        margin-left: 0px;
    }
    .item-layer-sites .logo-sites {
        position: absolute;
        width: 100%;
        height: 106px;
        background: #ffffff;
        top: 0;
        margin-top: 38%;
        left: auto;
        right: auto;
    }
    .item-layer-sites .logo-sites img {
        width: 80%;
        max-width: 100%;
        margin-left: 10%;
    }
    .item-layer-sites .inner-right .col-sm-6 section {
        margin-left: 0px;
        margin-right: 0;
    }
    .item-layer-sites .inner-right .col-sm-6:first-child section {
        margin-left: 0;
        margin-right: 0px;
    }
    .item-layer-sites .inner-middle section figure,
    .item-layer-sites .inner-right section figure {
        position: relative;
        height: 106px;
        max-width: 100%;
        background: #ffffff;
        margin: auto;
        overflow: hidden;
    }
    .item-layer-sites .inner-middle section figure img,
    .item-layer-sites .inner-right section figure img {
        position: absolute;
        max-width: 100%;
        width: 80%;
        left: auto;
        top: 50%;
        margin-left: 10%;
        margin-top: -49px;
    }
    .item-layer-sites .inner-middle a figure span,
    .item-layer-sites .inner-right a figure span {
        height: 106px;
        max-width: 100%;
        padding-top: 42px;
        display: none;
    }
}


/* Only Centering */

@media (min-width: 320px) and (max-width: 360px) {
    .row.layer-inner {
        margin: auto;
    }
}

@media (min-width: 361px) and (max-width: 480px) {
    .row.layer-inner {
        margin: auto 11%;
    }
}

@media (min-width: 481px) and (max-width: 640px) {
    .row.layer-inner {
        margin: auto 21%;
    }
}

@media (min-width: 641px) and (max-width: 767px) {
    .row.layer-inner {
        margin: auto 25%;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    /* ----------------------------- Tablet --  */
    .container-fluid .container {
        padding: 0;
    }
    .item-layer-sites {
        padding: 0 !important;
    }
    .item-layer-sites .inner-left,
    .item-layer-sites .inner-middle {
        width: 50%;
        padding: 0;
    }
    .item-layer-sites .inner-right {
        width: 100%;
    }
    .item-layer-sites .inner-left section,
    .item-layer-sites .inner-middle section,
    .item-layer-sites .inner-right section {
        max-width: 100%;
    }
    .item-layer-sites .inner-left section {
        position: relative;
        height: 270px;
        overflow: hidden;
        margin-left: 0;
        margin-right: 10px;
    }
    .item-layer-sites .inner-middle section {
        margin-left: 10px;
    }
    .item-layer-sites .logo-sites {
        position: absolute;
        width: 100%;
        height: 125px;
        background: #ffffff;
        top: 0;
        margin-top: 41%;
        left: auto;
        right: auto;
    }
    .item-layer-sites .logo-sites img {
        width: 80%;
        max-width: 100%;
        margin-left: 10%;
    }
    .item-layer-sites .inner-right .row {
        padding: 0;
        margin: 0;
    }
    .item-layer-sites .col-sm-6 {
        padding: 0;
        margin: 0;
    }
    .item-layer-sites .inner-right .col-sm-6 section {
        margin-left: 10px;
        margin-right: 0;
    }
    .item-layer-sites .inner-right .col-sm-6:first-child section {
        margin-left: 0;
        margin-right: 10px;
    }
    .item-layer-sites .inner-middle section figure,
    .item-layer-sites .inner-right section figure {
        position: relative;
        height: 125px;
        max-width: 100%;
        background: #ffffff;
        margin: auto;
        overflow: hidden;
    }
    .item-layer-sites .inner-middle section figure img,
    .item-layer-sites .inner-right section figure img {
        position: absolute;
        max-width: 100%;
        width: 80%;
        left: auto;
        top: 50%;
        margin-left: 10%;
        margin-top: -49px;
    }
    .item-layer-sites {
        padding: 0 10px !important;
    }
    .item-layer-sites .inner-middle a figure span,
    .item-layer-sites .inner-right a figure span {
        height: 125px;
        max-width: 100%;
        padding-top: 62px;
    }
    .item-layer-sites .inner-middle a:hover figure span,
    .item-layer-sites .inner-right a:hover figure span {
        /*display: block;*/
    }
    /* inner-left */
    .item-layer-sites .inner-left a figure span {
        padding-top: 135px;
    }
}

@media (min-width: 1024px) and (max-width: 1199px) {
    /* ----------------------- Small-Desktop -- */
    .item-layer-sites .inner-middle section figure,
    .item-layer-sites .inner-right section figure {
        position: relative;
        height: 132px;
        max-width: auto;
        background: #ffffff;
        margin: auto;
    }
    .item-layer-sites .inner-middle section figure img,
    .item-layer-sites .inner-right section figure img {
        position: absolute;
        max-width: 100%;
        left: auto;
        top: 50%;
        margin-left: 0;
        margin-top: -45px;
    }
    .item-layer-sites {
        padding: 0 5px !important;
    }
    .item-layer-sites .inner-middle a figure span,
    .item-layer-sites .inner-right a figure span {
        height: 132px;
        max-width: auto;
        padding-top: 65px;
    }
    .item-layer-sites .inner-middle a:hover figure span,
    .item-layer-sites .inner-right a:hover figure span {
        /*display: block;*/
    }
    /* inner-left */
    .item-layer-sites .inner-left a figure span {
        padding-top: 145px;
    }
}

@media (min-width: 1200px) {
    /* ------------------------ Large-Desktop -- */
    .item-layer-sites {
        padding: 0 10px !important;
    }
}


/* ====================================================================================================
Others
==================================================================================================== */


/* Slider */

.flex-control-nav {
    z-index: 9;
}


/* Content */

.content-banner {
    border-top: none !important;
}

main {
    position: relative;
    margin-top: 66px !important;
}

.text-normal {
    text-transform: none;
}

@media (min-width: 320px) and (max-width: 479px) {
    /* ---------------------- smartphone -- */
    main {
        margin-top: 0 !important;
    }
}

@media (min-width: 480px) and (max-width: 767px) {
    main {
        margin-top: 0 !important;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    /* ----------------------------- Tablet --  */
    main {
        margin-top: 0 !important;
    }
}


/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
NEU Features: Suche/ Login, Logout
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.search .tx-item-layer-search input[type=text]::-webkit-input-placeholder {
    font-weight: 100;
}

.search .tx-item-layer-search input[type=text]::-moz-placeholder {
    font-weight: 100;
}

.search .tx-item-layer-search input[type=text]:-ms-input-placeholder {
    font-weight: 100;
}

.search .tx-item-layer-search input[type=text]:-moz-placeholder {
    font-weight: 100;
}

.search .tx-item-layer-search input[type=text]::-ms-clear {
    display: none;
    width: 0;
    height: 0;
}

.tx-item-layer-search {
    -webkit-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.75);
    -moz-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.75);
    box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.75);
    background: #fff;
    padding-top: 15px;
    cursor: default;
    position: absolute;
    width: 545px;
    right: 10px;
    top: 67px;
    z-index: 123456789;
    display: none;
}

.search .arrow-up {
    z-index: 223456789;
    margin-top: 59px;
    display: none;
}

.search.active .arrow-up {
    display: block;
}

.search .tx-item-layer-search section {
    position: relative;
}

.search .tx-item-layer-search input[type=text] {
    outline: 0;
    font-weight: 100;
    /*font-weight: bold; */
    font-size: 16px;
}

.search .tx-item-layer-search .search-kam input[type=text] {
    width: 60%;
}

.search .tx-item-layer-search .pulldowm-right {
    float: right;
}

.search section {
    width: 545px;
    max-width: 545px;
    margin: 0;
    margin-left: auto;
    padding: 0;
}

header .search-tabs li,
.result-search #result-website.tab-pane .item-search-result li {
    border-left: none;
}


/* Login, Logout */

header .icon-login .arrow-up,
header .icon-logout .arrow-up {
    position: absolute;
    z-index: 2;
    margin-top: -6px;
    display: none;
}

header .icon-login.active .arrow-up,
header .icon-logout.active .arrow-up {
    display: block;
}

.tx-item-layer-inner {
    position: absolute;
    width: 350px;
    right: 10px;
    top: 67px;
    z-index: 123456789;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.75);
    -moz-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.75);
    box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.75);
    display: none;
}

.tx-item-layer-inner .arrow-up {
    position: absolute;
    z-index: 993456789;
    background: none;
    width: 13px;
    height: 10px;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #ffffff;
    top: -9px;
    right: 85px;
}

.tx-item-layer-inner section {
    background: #fff;
    width: 350px;
    color: #666;
    text-align: left;
    text-transform: none;
    max-width: 350px;
    margin-left: auto;
    padding: 5px 20px 5px;
}

header .features li li {
    border-left: none;
}

header .features .link-button {
    background-image: none;
    width: 100%;
    font-size: 15px;
    text-align: center;
    margin: 0 !important;
}

.tx-item-layer-inner .link-dashboard-blue,
.tx-item-layer-inner .link-copy-blue,
.tx-item-layer-inner .link-compare-blue,
.tx-item-layer-inner .link-profile-blue,
.tx-item-layer-inner .link-application-blue,
.tx-item-layer-inner .link-login-blue,
.tx-item-layer-inner .link-kam-group {
    font-size: 16px;
    line-height: 110%;
    padding: 12px 0 10px 35px;
}


/* New Icons */

.tx-item-layer-inner .link-dashboard-blue {
    background: #ffffff url(../../../bundles/triluxportalcore/images/icon_dashboard_blu.png) 0 4px no-repeat;
}

.tx-item-layer-inner .link-copy-blue {
    background: #ffffff url(../../../bundles/triluxportalcore/images/icon_merklsite_blue.png) 0 5px no-repeat;
}

.tx-item-layer-inner .link-compare-blue {
    background: #ffffff url(../../../bundles/triluxportalcore/images/icon_vergleich_blue.png) 0 4px no-repeat;
}

.tx-item-layer-inner .link-profile-blue {
    background: #ffffff url(../../../bundles/triluxportalcore/images/icon_settings_blue.png) 0 4px no-repeat;
}

.tx-item-layer-search .btn-reset {
    position: absolute;
    top: 10px;
    right: 20px;
    background: transparent url(../../../bundles/triluxportalcore/images/icon_closed.png) 0 0 no-repeat;
    background-size: 100% 100%;
    width: 12px;
    height: 12px;
}

.tx-item-layer-search .search-kam label {
    position: relative;
}

.tx-item-layer-search .search-kam .btn-reset {
    top: 0;
    right: -20px;
}

@media (min-width: 320px) and (max-width: 479px) {
    /* ---------------------- smartphone -- */
    .tx-item-layer-search {
        padding-top: 0;
    }
    .tx-item-layer-search,
    .search section {
        width: 100%;
    }
    .tx-item-layer-search .arrow-up {
        right: 20px;
    }
    .search .tx-item-layer-search form {
        width: auto;
        height: auto;
        margin-left: 15px;
        margin-right: 5px;
    }
    .search .item-layer form,
    .search .tx-item-layer-search form {
        padding-top: 14px;
    }
    header .search input[type="text"] {
        margin-bottom: 10px;
    }
    .search .tx-item-layer-search .pulldowm-right {
        float: none;
        width: 100%;
    }
    .tx-item-layer-search .search-kam label {
        position: relative;
        float: left;
        width: 100%;
    }
    .search .tx-item-layer-search .search-kam input[type=text] {
        width: 100%;
        text-indent: 0px;
    }
    .tx-item-layer-search .btn-reset {
        top: 23px;
        right: 25px;
    }
    .tx-item-layer-search .search-kam .btn-reset {
        top: 10px;
        right: 0px;
    }
    header .search hr {
        display: inline-block;
        width: 100%;
        margin-top: 0;
    }
    header .search .btn-group {
        margin-left: -4px;
    }
    #layer-search-result {
        width: auto;
        margin-left: 20px;
    }
    .tx-mobile-button {
        margin-left: 3px;
    }
    .tab-pane .nav-teaser a {
        float: right;
    }
    .tab-pane.active .nav-teaser {
        color: #0081b5 !important;
    }
    .tab-pane .nav-teaser a span {
        background: transparent url("../../../bundles/triluxportalcore/images/icon_arrow_down_xs.png") center right no-repeat;
        background-size: 22px 12px;
        display: block;
        width: 22px;
        height: 22px;
        margin: 0;
    }
    .tab-pane.active .nav-teaser a span {
        background: transparent url("../../../bundles/triluxportalcore/images/icon_closed.png") center right no-repeat;
        display: block;
        background-size: 15px 15px;
        width: 22px;
        height: 22px;
        margin: 0 4px 0 0;
    }
}

@media (min-width: 480px) and (max-width: 767px) {
    .tx-item-layer-search {
        padding-top: 0;
    }
    .tx-item-layer-search,
    .search section {
        width: 100%;
    }
    .tx-item-layer-search .arrow-up {
        right: 20px;
    }
    .search .tx-item-layer-search form {
        width: auto;
        height: auto;
        margin-left: 15px;
        margin-right: 5px;
    }
    .search .item-layer form,
    .search .tx-item-layer-search form {
        padding-top: 14px;
    }
    header .search input[type="text"] {
        margin-bottom: 10px;
    }
    .search .tx-item-layer-search .pulldowm-right {
        float: none;
        width: 100%;
    }
    .tx-item-layer-search .search-kam label {
        position: relative;
        float: left;
        width: 100%;
    }
    .search .tx-item-layer-search .search-kam input[type=text] {
        width: 100%;
        text-indent: 10px;
    }
    .tx-item-layer-search .btn-reset {
        top: 23px;
        right: 25px;
    }
    .tx-item-layer-search .search-kam .btn-reset {
        top: 10px;
        right: 0;
    }
    header .search hr {
        display: inline-block;
        width: 100%;
        margin-top: 0;
    }
    .search section {
        max-width: 767px;
    }
    header .search .btn-group {
        margin-left: -4px;
    }
    #layer-search-result {
        width: auto;
        margin-left: 20px;
    }
    .tx-mobile-button {
        margin-left: 3px;
    }
    .tab-pane .nav-teaser a {
        float: right;
    }
    .tab-pane.active .nav-teaser {
        color: #0081b5 !important;
    }
    .tab-pane .nav-teaser a span {
        background: transparent url("../../../bundles/triluxportalcore/images/icon_arrow_down_xs.png") center right no-repeat;
        background-size: 22px 12px;
        display: block;
        width: 22px;
        height: 22px;
        margin: 0;
    }
    .tab-pane.active .nav-teaser a span {
        background: transparent url("../../../bundles/triluxportalcore/images/icon_closed.png") center right no-repeat;
        display: block;
        background-size: 15px 15px;
        width: 22px;
        height: 22px;
        margin: 0 4px 0 0;
    }
}


/* */

.item-layer-area .var-1[class*="nav-top"] figcaption,
.item-layer-area .var-1[class*="nav-top"] .content-grey figcaption {
    outline: 0 none;
    transition: background-color 0.25s ease-in-out 0s;
}

.item-layer-area .var-1[class*="nav-top"] figcaption,
.item-layer-area .var-1[class*="nav-top"] .content-grey figcaption {
    background: #636363;
}

.item-layer-area .var-1[class*="nav-top"] .column:last-child {
    padding-bottom: 5px;
}

.nav-main li {
    cursor: pointer;
}


/* Updated: 2.11.12015 */

.item-layer-area .container-fluid .container {
    padding: 0;
}

.item-layer-area .row.nav-top.var-1 {
    overflow: hidden;
    width: 100%;
}

.item-layer-area .container {
    text-align: center;
}

.item-layer-area .var-1[class*="nav-top"] .column div:first-child {
    padding-left: 20px !important;
}

.item-layer-area .var-1[class*="nav-top"] .column div {
    max-width: 300px;
}

.item-layer-area .var-1[class*="nav-top"] .column figure {
    width: 300px;
}

/*.item-layer-area .var-1[class*="nav-top"] figure {
    max-width: 100%;
}*/

.item-layer-area .var-1[class*="nav-top"] .column {
    text-align: left;
    margin-left: -20px;
}

@media (min-width: 1024px) and (max-width: 1199px) {
    /* ----------------------- Small-Desktop -- */
    .item-layer-area .var-1[class*="nav-top"] .column div {
        max-width: 250px;
    }
    .item-layer-area .var-1[class*="nav-top"] .column figure {
        width: 250px;
    }
    .item-layer-area .var-1[class*="nav-top"] figcaption {
        max-width: 100%;
    }
    .item-layer-area .var-1[class*="nav-top"] .column {
        margin-left: -30px;
    }
    .nav-text {
        width: 250px;
    }
}

/* Webfont Icons */

header li.search {
    background: none;
}

.fontico {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'trilux_icons' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    font-size: 18px;
    text-transform: none;

    display: block;
    height: 100%;
    text-align: center;

    cursor: pointer;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-icon_menu:before {
    content: "\e900";
    line-height: 67px;
    font-size: 14px;
}
.icon-icon_login:before {
    content: "\e901";
    line-height: 68px;
    font-size: 21px;
}
.icon-icon_search:before {
    content: "\e902";
    line-height: 66px;
    font-size: 22px;
}

/* CSS: neues Logo */
@media (min-width: 320px) and (max-width: 1023px) {
	.tx-mobile-button { position: absolute; z-index: 2; }
	.logo,
    .logo:hover {
        height: auto;
		left: 50%;
		line-height: 0;
		margin: 0 auto 6px -88px;
		outline: 0 none;
		position: absolute;
		z-index: 2;
		text-align: center;
		width: 163px;
    }
    .logo img,
    .logo:hover img {
        margin-top: 13px;
    }
	.nav-header {
		text-align: center;
		margin: 0;
		position: absolute;
		left: 7px;
	}
}

@media (min-width: 768px) and (max-width: 1023px) {
	.tx-mobile-button { left: 3px; }
	.nav-header {
		width: calc(100% - 149px);
	}
	.logo, .logo:hover { left: calc(50% + 40px); }
}