@font-face{
    font-family:"lubalin_bqextralight";
    src:url("../fonts/5eb3e147-32d0-4706-bb88-4851d4976079.eot?#iefix");
    src:url("../fonts/5eb3e147-32d0-4706-bb88-4851d4976079.eot?#iefix") format("eot"),url("../fonts/68cca715-43ca-48c1-9b5c-03025b0838d9.woff") format("woff"),url("../fonts/5079a0d4-69ac-4f5b-b2a8-9fc34b7bcc64.ttf") format("truetype"),url("../fonts/bffed347-bea7-4a90-a5b6-c802a802a96b.svg#bffed347-bea7-4a90-a5b6-c802a802a96b") format("svg");
}
@font-face{
    font-family:"lubalin_bqbold";
    src:url("../fonts/a713a064-6a36-4185-b6d2-fa8ff6008e0c.eot?#iefix");
    src:url("../fonts/a713a064-6a36-4185-b6d2-fa8ff6008e0c.eot?#iefix") format("eot"),url("../fonts/c59e9063-02de-43e5-b513-ef487a74fd02.woff") format("woff"),url("../fonts/e22e79cb-b7e6-4025-b43e-4d4a54936160.ttf") format("truetype"),url("../fonts/3877ab32-3fc7-44b0-9b48-1788b2a3e059.svg#3877ab32-3fc7-44b0-9b48-1788b2a3e059") format("svg");
}

body {
    color:#313131;
}
body.node-type-page,
body.node-type-gabelseite {
    background:url('../img/bg-blurred.jpg') no-repeat center 0 #fff;
    background-size:100% auto;
}

a {color:#249AD5;}
a:hover,a:focus {color:#249AD5;}
a:active,a:visited {outline:none !important;text-decoration:none;}
#toolbar a,#toolbar a:hover,#toolbar a:focus {color:white !important;}

.home-hline-container a:hover, .home-hline-container a:focus {outline:none;text-decoration:none;}
.home-hline-container a:active, .home-hline-container a:visited {outline:none;text-decoration:none;}

body.node-type-gabelseite .tiles a,body.node-type-gabelseite .tiles a:visited { color:#313131; }
body.node-type-gabelseite .tiles a:hover, body.node-type-gabelseite .tiles a:focus {outline:none;text-decoration:none;}
body.node-type-gabelseite .tiles a:active, body.node-type-gabelseite .tiles a:visited {outline:none;text-decoration:none;}

h1 {
    font-family:'lubalin_bqbold',serif;
    font-size:5em;
    line-height:0.95em;
    margin:0;
    padding:0;
}
body.node-type-gabelseite h1,
body.product h1 {
    font-family:'lubalin_bqextralight',serif;
}
body.node-type-gabelseite h1 strong,
body.product h1 strong {
    font-family:'lubalin_bqbold',serif;
    font-weight:normal;
}
h1 .light {
    font-family:'lubalin_bqextralight',serif;
}
h1.shadowed {
    text-shadow:0 0 5px rgba(0,0,0,0.3);
}
h1 strong {
    font-weight:normal;
}
h1 p {margin:0;}

h2 {
    font-family:'lubalin_bqbold',serif;
    /*font-family:"Helvetica",Arial,sans-serif;*/
    font-size:2.0em;
    line-height:0.8em;
    margin:0;
    padding:6px 0 0;
}

h4 {
    font-size:1em;
    font-weight:bold;
    margin:40px 0 20px;
}

ul {
    list-style-type:none;
    margin:0;
    padding:0;
}
img { height:auto !important;width:100%; }

/* carousel home */
#carousel-home,
.product-title {
    -moz-box-shadow:0px 3px 5px rgba(0,0,0,0.5);
    -webkit-box-shadow:0px 3px 5px rgba(0,0,0,0.5);
    box-shadow:0px 3px 5px rgba(0,0,0,0.5);
    overflow:hidden;
}
#carousel-home .item img {
    width:100%;
}
.carousel-control.right,
.carousel-control.left {
    background-image:none;
}
#carousel-home .carousel-indicators li {
    background:#CEEBF8;
    border:1px solid #249AD5;
}
#carousel-home .carousel-indicators .active {
    background:#249AD5;
    border:0 none;
}
.home-hline-container {
    position:absolute;
    bottom:150px;
    color:white;
}
#carousel-home .head-img,
.product-title .head-img {
    margin-left:-65px;
    margin-right:-65px;
}

/* bene navigation */
#bene-nav {
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255,255,255,1)), to(rgba(255,255,255,0))); /* Safari 4-5, Chrome 1-9 */
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 20%, rgba(255,255,255,0) 100%); /* Safari 5.1, Chrome 10+ */
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 20%, rgba(255,255,255,0) 100%); /* Firefox 3.6+ */
    background:-moz-linear-gradient(top, rgba(255,255,255,1) 20%, rgba(255,255,255,0) 100%); 
    background:-o-linear-gradient(top, rgba(255,255,255,1) 20%, rgba(255,255,255,0) 100%);
    background:-ms-linear-gradient(top, rgba(255,255,255,1) 20%, rgba(255,255,255,0) 100%);
    background:linear-gradient(top, rgba(255,255,255,1) 20%, rgba(255,255,255,0) 100%);
    font-family:'lubalin_bqbold',serif;
    font-weight:normal;
    /*font-family:"Helvetica",Arial,sans-serif;*/
    font-size:1.2em;
    position:absolute;
    top:0;
    width:180px;
}
body.node-type-page #bene-nav,
body.page-user #bene-nav,
body.node-type-gabelseite #bene-nav{
    height:auto;
    min-height:264px;
    position:static;
    width:100%;
}
#bene-nav ul#nav-inner {
    /* margin-top:195px; */
}
body.node-type-page #bene-nav ul#nav-inner,
body.node-type-gabelseite #bene-nav ul#nav-inner {
    margin-top:10px;
    width:180px;
}
#bene-nav.product ul#nav-inner {
    margin-top:0;
    width:180px;
}
#bene-nav ul#nav-inner li {
    position:relative;
    z-index: 99;
}
#bene-nav ul#nav-inner li a {
    color:#313131;
    display:block;
    padding:2px 10px 2px 20px;
}
#bene-nav ul#nav-inner li.active-trail a {
    color:#249AD5;
}
#bene-nav ul#nav-inner li a:hover,
#bene-nav ul#nav-inner li a:focus {
    background:white;
    color:#249AD5;
}
body.node-type-page #bene-nav ul#nav-inner li a:hover,
body.node-type-page #bene-nav ul#nav-inner li a:focus,
body.node-type-gabelseite #bene-nav ul#nav-inner li a:hover,
body.node-type-gabelseite #bene-nav ul#nav-inner li a:focus {
    background:transparent;
}
#bene-nav ul#nav-inner div.submenu {
    font-family:sans-serif;
    font-size:0.8em;
    font-weight:normal;
    position:absolute;
    left:180px;
    top:0px;
    z-index:100;
}
body.node-type-page #bene-nav ul#nav-inner div.submenu,
body.node-type-gabelseite #bene-nav ul#nav-inner div.submenu,
#bene-nav.product ul#nav-inner div.submenu {
    display:block;
}
#bene-nav ul#nav-inner div.submenu ul {
    background:rgba(255,255,255,0.9);
    display:block;
    float:left;
    padding:2px 30px 5px 30px;
}

body.product #bene-nav ul#nav-inner li:hover,
body.product #bene-nav ul#nav-inner li:hover .submenu,
body.product #bene-nav ul#nav-inner li .submenu:hover,
body.product #bene-nav ul#nav-inner li.active:hover,
body.product #bene-nav ul#nav-inner .active:hover .submenu,
body.product #bene-nav ul#nav-inner .active .submenu:hover,
body.node-type-page #bene-nav ul#nav-inner li:hover,
body.node-type-page #bene-nav ul#nav-inner li:hover .submenu,
body.node-type-page #bene-nav ul#nav-inner li .submenu:hover,
body.node-type-page #bene-nav ul#nav-inner li.active:hover,
body.node-type-page #bene-nav ul#nav-inner .active:hover .submenu,
body.node-type-page #bene-nav ul#nav-inner .active .submenu:hover,
body.node-type-gabelseite #bene-nav ul#nav-inner li:hover,
body.node-type-gabelseite #bene-nav ul#nav-inner li:hover .submenu,
body.node-type-gabelseite #bene-nav ul#nav-inner li .submenu:hover,
body.node-type-gabelseite #bene-nav ul#nav-inner li.active:hover,
body.node-type-gabelseite #bene-nav ul#nav-inner .active:hover .submenu,
body.node-type-gabelseite #bene-nav ul#nav-inner .active .submenu:hover {
    background:white;
}

body.node-type-page #bene-nav ul#nav-inner div.submenu ul,
body.node-type-gabelseite #bene-nav ul#nav-inner div.submenu ul,
#bene-nav.product ul#nav-inner div.submenu ul {
    background:transparent;
}
body.node-type-page #bene-nav ul#nav-inner div.submenu ul.last,
body.node-type-gabelseite #bene-nav ul#nav-inner div.submenu ul.last,
#bene-nav.product ul#nav-inner div.submenu ul.last {
    padding-right:0;
}
#bene-nav ul#nav-inner div.submenu ul li:nth-child(1) {
    font-family:'lubalin_bqbold',serif;
    /*font-family:"Helvetica",Arial,sans-serif;*/
    font-size:1.25em;
    line-height:1.5em;
    margin-bottom:0;
}
#bene-nav ul#nav-inner div.submenu ul li {
    line-height:1.1em;
    margin-bottom:2px;
}
#bene-nav ul li a:hover,#bene-nav ul li a:focus {
    text-decoration:none;
}
#bene-nav ul#nav-inner div.submenu ul li a {
    padding-left:0;
    color:#313131;
}
#bene-nav ul#nav-inner div.submenu ul li a:hover,
#bene-nav ul#nav-inner div.submenu ul li a:focus,
#bene-nav ul#nav-inner div.submenu ul li.active a {
    background:transparent;
    color:#249AD5;
}
#bene-nav ul#nav-inner div.submenu ul li.active a {
    font-weight:bold;
}
#bene-nav a.logo {
    display:block;
    padding:20px;
}
#bene-nav a.logo {
    width:180px;
}

.language { position:relative; z-index:2; height:20px; margin-bottom:-20px; text-align:right;}
.language a { font-family: 'lubalin_bqbold',serif; font-size: 1.2em; text-decoration:none; color:#313131; }
.language a.active { color:#249AD5; }

/* CONTENT */
body.node-type-page .content .container {
    padding-top:30px;
}

/* SUBPAGE */
.box-editor img {
    margin:10px 15px 10px 0;
}
.box-editor ul {
    list-style-type:disc;
    margin-bottom:10px;
}
.box-editor ul li {
    margin:0 0 0 35px;
}

.sidebar .box-editor img {
    width: 360px;
}

/* VIDEO */
.responsive-video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.responsive-video {
    position: relative;
    padding-bottom: 56.25%; /* Default for 1600x900 videos 16:9 ratio*/
    padding-top: 0;
    height: 0;
    overflow: hidden;
}

/* TILES */
body.node-type-gabelseite .landscape,
body.node-type-gabelseite .skyscraper {
    overflow:hidden;
    position:relative;
}
body.node-type-gabelseite .landscape div.bg-ci-blue,
body.node-type-gabelseite .landscape div.bg-ci-yellow,
body.node-type-gabelseite .landscape div.bg-ci-light-blue,
body.node-type-gabelseite .landscape div.bg-ci-middle-blue,
body.node-type-gabelseite .landscape div.bg-ci-red,
body.node-type-gabelseite .landscape div.bg-ci-black {
    height:100%;
    padding:10px;
}
body.node-type-gabelseite .overlay {
    background:rgba(255,255,255,0.9);
    bottom:110px;
    height:110px;
    margin-bottom:110px;
    padding:10px;
    position:relative;
    width:100%;
    z-index:100;
}
body.node-type-gabelseite .overlay.toggle {
    display:none;
}
body.node-type-gabelseite img {
    width:100%;
}
body.node-type-gabelseite h1 {
    font-size:2.1em;
    line-height:0.9em;
}
body.node-type-gabelseite .txt {
    background:#CEEBF8;
    padding:10px;
    height:100%;
}

/* PRODUCTS */
.product-title h1 {
    position:absolute;
    bottom:20px;
    left:65px;
}
.product-title .head-img {
    background-repeat: no-repeat;
    background-position: 0 0;
    background-color: #fff;
    margin-bottom:-635px;
    height:635px;
    position:relative;
}
.product-title .head-product-img {
    position:absolute;
    right:50px;
    bottom:20px;
}

.accordion .panel {
    -moz-box-shadow:none;
    -webkit-box-shadow:none;
    -ms-box-shadow:none;
    -o-box-shadow:none;
    box-shadow:none;
}

.accordion .panel,
.accordion .panel-heading {
    background:transparent;
    -moz-border-radius:0px;
    -webkit-border-radius:0px;
    -ms-border-radius:0px;
    -o-border-radius:0px;
    border-radius:0px;
    border:0 none;
}
.accordion .panel-default > .panel-heading + .panel-collapse .panel-body {
    border:0 none;
}
.accordion .panel-heading {
    background-color:#CEEBF8;
    border:0 none;
}
.accordion .panel-body,
.accordion .active .panel-heading {
    background:white;
}
.accordion .active .panel-heading a {
    background-position:0 0;
}
.accHandle {
    background:url('../img/spritemap.png') no-repeat 0 -30px transparent;
    display:block;
    height:29px;
    margin-top:15px;
    text-indent:-1000px;
    width:29px;
}

.accordion .table > thead > tr > th {
    border-top:1px dotted #249AD5 !important;
    border-bottom:1px dotted #249AD5;
    /*font-family:'lubalin_bqbold',serif;*/
    font-family:"Helvetica",Arial,sans-serif;
    font-size:1.1em;
    font-weight:bold;
    vertical-align:top;
}
.accordion .table > thead > tr > th:nth-child(2) {
    text-align:right;
}
.accordion .table > thead > tr > th img {
    height:100px !important;
    width:auto !important;
}

body.product .accordion .table > thead > tr > th {
    border-bottom:0 none;
}

/* Darreichungsformen Icons */
.table thead .product-icon.ampulle {
    background:url('../img/spritemap.png') no-repeat 0 -65px transparent;
    display:block;
    height:14px;
    width:50px;
}
.table thead .product-icon.beutel {
    background:url('../img/spritemap.png') no-repeat 0 -90px transparent;
    display:block;
    height:45px;
    width:50px;
}
.table thead .product-icon.brausetablette {
    background:url('../img/spritemap.png') no-repeat 0 -140px transparent;
    display:block;
    height:50px;
    width:28px;
}
.table thead .product-icon.flasche {
    background:url('../img/spritemap.png') no-repeat 0 -200px transparent;
    display:block;
    height:40px;
    width:18px;
}
.table thead .product-icon.kapsel {
    background:url('../img/spritemap.png') no-repeat 0 -250px transparent;
    display:block;
    height:19px;
    width:40px;
}
.table thead .product-icon.monodosis {
    background:url('../img/spritemap.png') no-repeat 0 -275px transparent;
    display:block;
    height:45px;
    width:21px;
}
.table thead .product-icon.rkapsel {
    background:url('../img/spritemap.png') no-repeat 0 -325px transparent;
    display:block;
    height:21px;
    width:40px;
}
.table thead .product-icon.spray {
    background:url('../img/spritemap.png') no-repeat 0 -350px transparent;
    display:block;
    height:25px;
    width:45px;
}
.table thead .product-icon.tablette {
    background:url('../img/spritemap.png') no-repeat 0 -380px transparent;
    display:block;
    height:25px;
    width:25px;
}
.table thead .product-icon.tablette2 {
    background:url('../img/spritemap.png') no-repeat 0 -410px transparent;
    display:block;
    height:19px;
    width:40px;
}
.table thead .product-icon.tropfen {
    background:url('../img/spritemap.png') no-repeat 0 -435px transparent;
    display:block;
    height:45px;
    width:35px;
}
.table thead .product-icon.tube {
    background:url('../img/spritemap.png') no-repeat 0 -485px transparent;
    display:block;
    height:15px;
    width:50px;
}
.table thead .product-icon.zaepchen {
    background:url('../img/spritemap.png') no-repeat 0 -505px transparent;
    display:block;
    height:25px;
    width:50px;
}

.accordion .table > tbody > tr > td {
    border-top:0 none;
}
.accordion .table > thead > tr > th:nth-child(1),
.accordion .table > tbody > tr > td:nth-child(1) {
    padding-left:0;
}
.accordion .table > thead > tr > th:nth-child(2),
.accordion .table > tbody > tr > td:nth-child(2) {
    padding-right:0;
}
table.dosierung td {
    vertical-align:top;
}
table.dosierung td.art {
    font-weight:bold;
    padding-right:5px;
}


/* SIDEBAR */
.sidebar h2 {padding:6px 10px 5px 10px;}
.sidebar .box img {
    width:100%;
}


/* FOOTER */
#footer {
    border-top:1px dotted #313131;
    padding:10px 0 0;
}
#footer ul li {
    width:13%;
    font-size:0.9em;
    padding-bottom:10px;
}
#footer ul li:nth-child(1) {
    width:auto;
}
#footer ul li.last {
    margin-right:0;
}

#footer ul li a,#footer ul li a:visited { color:#313131; }
#footer ul li a:hover, #footer ul li a:focus {text-decoration: none; font-weight: bold;}
#footer ul li a:active, #footer ul li a.active {text-decoration: none; font-weight: bold;}

#footer ul li.first a,#footer ul li.first a:visited,#footer ul li.first a:hover,#footer ul li.first a:focus { color:#249AD5; }
#footer ul li:nth-child(1) a {font-family:'lubalin_bqbold',serif; font-weight: normal; font-size:1.2em;}

#big-footer ul {
    white-space: nowrap;
} 
#big-footer ul li {
    display: block;
    padding-bottom: 1px;
    background: url("../img/arrow-right-small.png") 0 5px no-repeat;
}
#big-footer ul li a {
    color: #009ee3;
    font-size: 16px;
    margin-left: 15px;
}
#big-footer {
    background-color: #e5f0f5;
    color: #009ee3;
    font-size: 16px;
    margin-top: 128px;
}
#big-footer h2 {
    font-size: 1.0em;
    padding-top: 0;
    margin-bottom: 31px;
}
#big-footer .container {
    padding-top: 46px;
    padding-bottom: 80px;
}
#footer {
    border-top: none;
    padding: 0;
}
#footer ul li a {
    margin-left: 6px;
    margin-right: 10px;
}
#footer ul li a, 
#footer ul li a:visited {
    color: #abacad;
}
#footer ul li {
    padding-bottom: 0;
    font-size: 11px;
    line-height: 11px;
    width: auto;
}
#footer ul li:not(:last-child) {    
    border-right: 1px solid #abacad;
}
#footer ul li.first a, 
#footer ul li.first a:visited, 
#footer ul li.first a:hover, 
#footer ul li.first a:focus {
  color: #abacad;
}
#footer ul li:nth-child(1) a {
  font-family: inherit;
  font-weight: inherit;
  font-size: inherit;
}
#footer ul li:nth-child(1) a:hover,
#footer ul li:nth-child(1) a:focus {
    font-weight: bold;
}
#get-well-soon {
    background: url("../img/bene-icon.png") no-repeat;
    padding-left: 30px;
    height: 24px;
    font-family: 'lubalin_bqbold',serif;
    font-size: 14px;
}
#get-well-soon a:hover,
#get-well-soon a:focus {
    text-decoration: none;
}

/* MEDIA QUERIES */

@media screen and (max-width:768px) {
    .product-title h1 { font-size:4em; }
    h2 { font-size:1.8em; }
    #bene-nav {background:#fff;width:auto;position:static;border-bottom:1px dotted #313131;margin-top:-30px;}
    body.node-type-page #bene-nav,
    body.node-type-gabelseite #bene-nav {
        background:-webkit-linear-gradient(180deg, rgba(255,255,255,1) 20%, rgba(255,255,255,0) 100%);
        background:-moz-linear-gradient(180deg, rgba(255,255,255,1) 20%, rgba(255,255,255,0) 100%); 
        background:-o-linear-gradient(180deg, rgba(255,255,255,1) 20%, rgba(255,255,255,0) 100%);
        background:-ms-linear-gradient(180deg, rgba(255,255,255,1) 20%, rgba(255,255,255,0) 100%);
        background:linear-gradient(180deg, rgba(255,255,255,1) 20%, rgba(255,255,255,0) 100%);
        border:0 none;
        margin-top:0;
    }
    #bene-nav.product {width:auto;}
    #bene-nav ul#nav-inner {margin-top:0;}
    body.node-type-page #bene-nav ul#nav-inner,
    body.node-type-gabelseite #bene-nav ul#nav-inner {
        width:auto;
    }
    #bene-nav ul#nav-inner .item  a {padding-left:0;}
    body.node-type-page #bene-nav ul#nav-inner .item a,
    body.node-type-gabelseite #bene-nav ul#nav-inner .item a,
    #bene-nav.product ul#nav-inner .item a {
        padding-left:15px;
    }
    #bene-nav ul#nav-inner div.submenu {position:static;}
    #bene-nav ul#nav-inner div.submenu ul {float:none;}
    body.node-type-page #bene-nav ul#nav-inner div.submenu ul,
    body.node-type-gabelseite #bene-nav ul#nav-inner div.submenu ul {
        width:100%;
    }
    #bene-nav a.logo {position:absolute;top:15px;left:15px;padding:0;}
    body.node-type-page #bene-nav a.logo,
    body.node-type-gabelseite #bene-nav a.logo,
    #bene-nav.product a.logo {
        position:static;
        padding:15px;
    }
    .home-hline-container {bottom:50px;}
    .home-hline-container h1 {font-size:1.6em;padding:0 10px;}
    .carousel-control {width:5%;top:auto;bottom:40px;}
    #footer ul li {display:block;font-size:1em;}
    body.node-type-gabelseite .skyscraper {height:auto;}
    body.node-type-gabelseite .landscape {height:auto;}
    body.node-type-gabelseite h1 {font-size:1.1em;}
    body.node-type-gabelseite .pull-right {float:none !important;}
    body.node-type-gabelseite .row,body.node-type-gabelseite .mb30,body.node-type-gabelseite .mb10 {margin-bottom:0px;}
    body.node-type-gabelseite .landscape,body.node-type-gabelseite .skyscraper {margin-bottom:10px;}
    body.node-type-gabelseite .overlay {height:140px;bottom:140px;margin-bottom:-140px;display:block !important;}
    .product-title {height:350px;}
    .product-title .head-img {height:350px;margin-bottom:-350px;}
}
@media screen and (min-width:768px) {
    .product-title h1 { font-size:5em; }
    h2 { font-size:2em; }
    #bene-nav {height:413px;border:0 none;}
    body.node-type-page #bene-nav,
    body.node-type-gabelseite #bene-nav {
        height:auto;
    }
    #bene-nav.product {width:720px;}
    /* #bene-nav ul#nav-inner {margin-top:90px;} */
    #bene-nav ul#nav-inner div.submenu {width:400px;}
    body.node-type-page #bene-nav ul#nav-inner div.submenu,
    body.node-type-gabelseite #bene-nav ul#nav-inner div.submenu {
        position:static;
        width:720px;
    }
    #bene-nav.product ul#nav-inner div.submenu {background:rgba(255,255,255,0.9);}
    #bene-nav ul#nav-inner div.submenu ul {float:none;max-width:240px;}
    .home-hline-container {bottom:60px;}
    .home-hline-container h1 {font-size:4em;padding:0;}
    .carousel-control {width:2%;}
    #footer ul li {display:inline-block;}
    body.node-type-gabelseite .skyscraper {height:306px;}
    body.node-type-gabelseite .landscape {height:138px;}
    body.node-type-gabelseite h1 {font-size:1.24em;}
    body.node-type-gabelseite .overlay {height:75px;bottom:75px;margin-bottom:-75px;}
    .product-title {height:635px;}
    .product-title .head-img {height:635px;margin-bottom:-635px;}
}
@media screen and (min-width:992px) {
    #bene-nav {height:529px;border:0 none;}
    #bene-nav.product {width:940px;}
    /*  #bene-nav ul#nav-inner {margin-top:145px;} */
    #bene-nav ul#nav-inner div.submenu {width:760px;}
    body.node-type-page #bene-nav ul#nav-inner div.submenu,
    body.node-type-gabelseite #bene-nav ul#nav-inner div.submenu {
        position:absolute;
        width:760px;
    }
    #bene-nav.product ul#nav-inner div.submenu {background:rgba(255,255,255,0.0);float:left;}
    #bene-nav ul#nav-inner div.submenu ul {max-width:250px;float:left;}
    .home-hline-container {bottom:85px;}
    .home-hline-container h1 {font-size:5em;}
    .carousel-control {width:2%;}
    body.node-type-gabelseite .skyscraper {height:396px;}
    body.node-type-gabelseite .landscape {height:183px;}
    body.node-type-gabelseite h1 {font-size:1.7em;}
    body.node-type-gabelseite .overlay {height:90px;bottom:90px;margin-bottom:-90px;}
}
@media screen and (min-width:1200px) {
    #bene-nav {height:635px;border:0 none;}
    #bene-nav.product {width:1140px;}
    /* #bene-nav ul#nav-inner {margin-top:195px;} */
    #bene-nav ul#nav-inner div.submenu,
    body.node-type-page #bene-nav ul#nav-inner div.submenu,
    body.node-type-gabelseite #bene-nav ul#nav-inner div.submenu {
        width:960px;
    }
    #bene-nav ul#nav-inner .submenu ul {max-width:300px;float:left;}
    .home-hline-container {bottom:85px;}
    .home-hline-container h1 {font-size:5em;}
    .carousel-control {width:2%;}
    body.node-type-gabelseite .skyscraper {height:480px;}
    body.node-type-gabelseite .landscape {height:225px;}
    body.node-type-gabelseite h1 {font-size:2.1em;}
    body.node-type-gabelseite .overlay {height:110px;bottom:110px;margin-bottom:-110px;}
}


/* COLORS */
.ci-yellow {color:#FAC419;}
.bg-ci-yellow {background-color:#FAC419;}
.ci-blue {color:#249AD5;}
.bg-ci-blue {background-color:#249AD5;}
.ci-light-blue {color:#CEEBF8;}
.bg-ci-light-blue {background-color:#CEEBF8;}
.ci-middle-blue {color:#3FBAC3;}
.bg-ci-middle-blue {background-color:#3FBAC3;}
.ci-red {color:#E94F32;}
.bg-ci-red {background-color:#E94F32;}
.ci-black {color:#313131;}
.bg-ci-black {background-color:#313131;}
.white {color:#fff;}
.bg-white {background-color:#fff;}
.black {color:#000;}
.bg-black {background-color:#000;}

/* UNIVERSAL */
.mb0 {margin-bottom:0;}
.mb10 {margin-bottom:10px !important;}
.mb20 {margin-bottom:20px;}
.mb30 {margin-bottom:30px;}
.mb45 {margin-bottom:45px;}
.mb50 {margin-bottom:50px;}
.mt0 {margin-top:0;}
.mt10 {margin-top:10px;}
.mt20 {margin-top:20px;}
.mt50 {margin-top:50px;}
.pb0 {padding-bottom:0;}
.pb10 {padding-bottom:10px;}
.pb20 {padding-bottom:20px;}
.pb50 {padding-bottom:50px;}
.pr20 {padding-right:20px;}
.pt0 {padding-top:0;}
.pt10 {padding-top:10px;}
.pt20 {padding-top:20px;}
.pt50 {padding-top:50px;}
.strong {font-weight:bold;}

div.clear {clear:both;}
.small-txt {font-size:inherit; /*0.9em;*/}

.author-links {
    background: -moz-linear-gradient(left,  rgba(49,49,49,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(49,49,49,1)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left,  rgba(49,49,49,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left,  rgba(49,49,49,1) 0%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left,  rgba(49,49,49,1) 0%,rgba(255,255,255,0) 100%); /* IE10+ */
    background: linear-gradient(to right,  rgba(49,49,49,1) 0%,rgba(255,255,255,0) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#313131', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */

    padding: 8px;
    border-left: 5px solid #E94F32;
}

.skyscraper .author-links,
.landscape .author-links {
    position: absolute;
    left: 15px;
    top: 0;
}


/* plain mode for module pages, user pages ect */
.container.plain {margin-bottom: 200px;}
.container.plain #bene-nav {height: auto;}
.container.plain #bene-nav ul#nav-inner {margin-top:0;}



/* webform contact form */
.webform-client-form .panel {
    background: none;
    box-shadow: none;
    border: none;
    margin-bottom: 4px;
}

.webform-client-form .panel .panel-heading {
    display: none;
}

.webform-client-form .panel .panel-body {
    padding: 0;
}

.webform-client-form .fieldset-wrapper label {
    width: 90%;
}
.webform-client-form .fieldset-wrapper input {
    width: 90%;
}

#webform-component-null--anrede input { width: 10px; }
#webform-component-null--anrede .form-type-radio { float: left;}
#webform-component-null--anrede .form-type-radio label { padding-left: 0; width:auto; margin-right:30px; }
#webform-component-null--anrede .form-type-radio input { margin-right:5px; }

#webform-component-eins--vorname,
#webform-component-zwei--firma,
#webform-component-drei--strasse,
#webform-component-vier--land,
#webform-component-fuenf--telefon { width: 40%; float: left; }

#webform-component-eins--nachname,
#webform-component-zwei--funktion,
#webform-component-vier--e-mail,
#webform-component-fuenf--telefax { width: 40%; float: left; padding-left: 8px; }

#webform-component-drei--plz { width: 100px; float: left; padding-left: 8px;}
#webform-component-drei--ort { width: 40%; float: left; padding-left: 8px; }
#webform-component-drei--ort input { width: 55%; }
#webform-component-drei--ort label span { display:none; }

#webform-component-sechs--anfrage textarea {width: 75%}

.link-module a {	
	display: block;
	font-size: 22px;
	vertical-align: middle;
	background: url("../img/arrow-right.png") no-repeat 720px center #e5f0f5;
	color: #00b9d2;
	padding-left: 20px;
	padding-top: 20px;
	height: 67px;
}
.link-module a:hover {
	text-decoration: none;
	font-weight: normal;
	background-color: white;
	color: #00b9d2;
}

.image-heading {
	background-color: #f2f3f5;
	font-size: 23px;
	line-height: 25px;
	padding: 15px;
	margin-top: -10px; /* because img has margin-bottom:10px; */
}

.topic-box-module {
	padding: 15px;
}
.topic-box-module h2 {
	padding: 0;
}
.topic-box-module p {
	margin: 0;
    padding-top: 25px;
    padding-bottom: 20px;
}

.box-editor > a {
	display: block;
	color: #313131;
	padding: 15px 15px;
}
.box-editor .link-text {
    color: #00a1c4;
    background: url("../img/arrow-right-small-2.png") no-repeat 700px center;
}
.sidebar .box-editor .link-text {
	background-position: 310px center;
}
.box-editor > a:hover {
	text-decoration: none;
	background-color: #e5f0f5;
	cursor: pointer;
}
.box-editor > a:hover .link-text {
	font-weight: bold;
	background-image: url("../img/arrow-right-small-2-hover.png")
}
.headline-link:hover {
    text-decoration: none;	
}