.cms_contentpad{
    /* display:none;
     */
}
/*@font-face {
     font-family: 'Ubuntu';
     font-style: normal;
     font-weight: 300;
     src: local('Ubuntu Light'), local('Ubuntu-Light'), url(http://fonts.gstatic.com/s/ubuntu/v7/_aijTyevf54tkVDLy-dlnFtXRa8TVwTICgirnJhmVJw .woff2) format('woff2'), url(http://fonts.gstatic.com/s/ubuntu/v7/_aijTyevf54tkVDLy-dlnD8E0i7KZn-EPnyo3HZu7kw .woff) format('woff');
}
 @font-face {
     font-family: 'Droid Serif';
     font-style: italic;
     font-weight: 400;
     src: local('Droid Serif Italic'), local('DroidSerif-Italic'), url(http://fonts.gstatic.com/s/droidserif /v6/cj2hUnSRBhwmSPr9kS5898u2Q0OS-KeTAWjgkS85mDg.woff2) format('woff2'), url(http://fonts.gstatic.com /s/droidserif/v6/cj2hUnSRBhwmSPr9kS5899kZXW4sYc4BjuAIFc1SXII.woff) format('woff');
}
 */
 .nohead header{
     display:none;
}
 .nohead main{
     margin-top:7em;
}
 .nofoot footer{
     display:none;
}
/* CONTACTFORM */
 .formkv{
    /* border:1px solid red;
     */
}
 .formkv,.submitwrap{
     display: none !important;
}
 .formkv label{
     display:block;
     margin-bottom:0.5em;
     color:#aaa;
     font-weight:bold;
}
 .formkv input,.formkv textarea{
     border:1px solid #aaa;
     padding:0.5em;
     color:#aaa;
     background:transparent;
     width:100%;
     font-size:100%;
}
 .formkv textarea{
     min-height:10em;
}
 .submitwrap{
     padding-top:1em;
     float:right;
     padding-bottom:4em;
}
 .submitwrap input{
     border:1px solid transparent;
     background:#aaa;
     padding:0.5em;
     color:white;
     cursor:pointer;
     padding-left:2em;
     padding-right:2em;
}
 .submitwrap input:hover{
     background:#ddd;
}
 .imprintwrap{
     display: block;
     margin-top: 0em;
     padding-bottom: 2em;
     clear: both;
     text-align: right;
}
 .imprintwrap a{
     color:white;
}
/* FOOTER */
 footer{
     min-height:100%;
     display:block;
     width:100%;
     background:#333;
     position:relative;
}
 .footeroverlay{
     position:absolute;
     bottom: 0;
     left: 0;
     position: absolute;
     right: 0;
     top: 0;
     z-index: 1;
     background:rgba(0,0,0,0.75);
}
 .footercontent{
    /* border: 2px solid red;
     */
     z-index: 13;
     position: relative;
    /* background: yellow;
     */
     color:white;
}
/* PERSON / TEAM-SECTION */
 .personpic{
    /* border:1px solid green;
     */
     background:url(media/photos/happiness_P.jpg);
     background-position:center;
     background-size:contain;
     background-repeat:no-repeat;
     display:block;
     height:100%;
     -webkit-transition: background-size 100ms linear;
     -moz-transition: background-size 100ms linear;
     -o-transition: background-size 100ms linear;
     -ms-transition: background-size 100ms linear;
     transition: background-size 100ms linear;
}
 .personpic:hover{
    /* background-size:125% auto;
     */
}
 .persontitle{
     text-align:left;
     color: #006293;
     font-weight:bold;
     font-size: 125%;
     margin-top: 1em;
}
 .personprofession{
     color:#505050;
     text-align:left;
     margin-top:1em;
     margin-bottom:1em;
     font-size:90%;
}
 .person{
     display:none;
}
 .memberbody{
     text-align:left;
}
 .ppos_board{
     margin-bottom:1em;
     padding-right:2%;
}
/* CLIENT-LOGO-SECTION */
 .box_wide.lightgraybg {
     padding-top:2.5em;
     padding-bottom:2.5em;
     background:#f1f1f1 !important;
}
 .box_wide.lightgraybg .box_row1to2{
    /* display: flex;
     justify-content: center;
     align-items: center;
     */
}
 .clientlogo {
     display:block;
}
 .clientlogo img{
     width:100%;
     max-width:230px;
    /* border:1px solid #333;
     */
}
/* CASE STUDIES */
 .casepic{
    /* border:1px solid green;
     */
     background:url(media/photos/happiness_S.jpg);
     background-position:center;
     background-repeat:no-repeat;
     background-size:100% auto;
     display:block;
     height:100%;
     -webkit-transition: background-size 100ms linear;
     -moz-transition: background-size 100ms linear;
     -o-transition: background-size 100ms linear;
     -ms-transition: background-size 100ms linear;
     transition: background-size 100ms linear;
}
 .casepic:hover{
    /* background-size:125% auto;
     */
}
 a.casepic{
     width:75%;
     margin: auto !important;
     text-align:center;
}
 .casetitle{
     text-align:left;
     color: #006293;
     font-weight:bold;
     font-size:100%;
     margin-top:2em;
     margin-bottom:0.5em;
}
 .casesubtitle{
     color:#505050;
     text-align:left;
     margin-top:1em;
     margin-bottom:1em;
     font-size:100%;
     display:none;
}
 .casebody{
     text-align:left;
     font-size:100%;
}
 .casebody p{
     margin-bottom:0.5em;
}
/* WIDE BOX WITH FOTOSHOW AND CONTENT */
 .box_normal.wideinnercontent{
    /* border: 1px solid red;
     */
    /* bottom: 0;
     left: 0;
     position: absolute;
     text-align: center;
     top: 0;
     width: 100%;
     z-index: 1;
     display: flex;
     */
     text-align: center;
     padding-top:7em;
     padding-bottom:7em;
}
 .wideinnercontent .box_normal{
     margin:auto !important;
}
 .wideinnercontent h4,.wideinnercontent p{
     color:#006293;
}
 .wideinnercontent h5{
     color:#006293;
     font-size:90%;
}
/* ICONBOX */
 .box_third.iconbox{
     border-bottom: 1px solid #ebebeb;
     margin-bottom: 2em;
     padding-bottom: 2em;
}
 .ib_icon i{
     font-size: 400%;
     height: 1em;
     line-height: 1em;
     width: 20%;
     vertical-align:top;
}
 .ib_content{
     margin-left: 25%;
}
 .iconbox h4{
     display: inline-block;
     font-size: 125%;
     margin-top: 1em;
     vertical-align: top;
     width:80%;
     padding-left:5%;
}
 h1,h2,h3,h4,h5,h6{
     font-family:"Droid Serif";
     line-height:1.25em;
     color:#006293;
     margin:0;
}
 h2{
     font-size:200%;
}
 h4{
     font-size:125%;
     font-family:"Ubuntu" !important;
}
 h5{
     font-size:112.5%;
     font-style:italic;
}
 .footercontent h1, .footercontent h2, .footercontent h3, .footercontent h4, .footercontent h6{
     font-family:"Droid Serif";
     line-height:1.25em;
     color:#43abdf;
     margin:0;
}
 .footercontent h5{
     font-family:"Droid Serif";
     line-height:1.25em;
     color:#43abdf;
     margin:0;
     font-style:normal;
     margin-bottom:0.5em;
}
 .vspace{
    /* background:wheat;
     */
     height:3em;
}
/* .leftline{
     border-left:1px solid #ebebeb !important;
     padding-left:2em;
}
 */
 .headoverlay{
     position:absolute;
     bottom: 0;
     left: 0;
     position: absolute;
     right: 0;
     top: 0;
     z-index: 1;
     background:rgba(255,255,255,0.75);
}
 body.udb_logged_in .headoverlay, body.udb_logged_in .footeroverlay{
     left:4em;
}
 .scrolldownwrap{
     text-align: center;
}
 .scrolldownlink{
     border: 1px solid #333;
     display: inline-block;
     padding: 1em;
     width: 4em;
     height: 4em;
     line-height: 2em;
     border-radius: 2em;
}
 .scrolldownlink:hover{
     background:#ddd;
}
 .scrolldownlink i{
     font-size:200%;
     color:#333;
}
 [data-cms_content_id="bgs"]{
     background: none repeat scroll 0 0 transparent;
     bottom: 0;
     left: 0;
     position: absolute;
     right: 0;
     top: 0;
     z-index: 1;
}
 .bgswrap{
     position:absolute;
     left:0;
     top:0;
     bottom:0;
     right:0;
     background:transparent;
     z-index:0;
}
 .bgswrap .cms_editlink{
     z-index:2;
     position:absolute;
     left:1em;
     top:12em;
}
 .bgshow,.bgs{
     position:absolute;
     left:0;
     top:0;
     bottom:0;
     right:0;
     background:transparent;
     z-index:-1;
}
 .bgs{
     background-size:cover !important;
     background-position:right top !important;
}
 .bgsone{
     z-index:2;
    /* background:url(media/photos/oak_gallery_4_a_BG.jpg);
     */
}
 .bgsone{
     z-index:1;
}
 a {
     color:#E38C4F;
}
 .logo{
    /* border:1px solid red;
     */
     background:url(media/png/logo_lightgrey.png);
     background-position:left center;
     background-size:contain;
     background-repeat:no-repeat;
    /* border: 1px solid red;
     */
     height: 6em;
     left: 0;
     position: absolute;
     top: 0;
     width: 20%;
     -webkit-transition: height 150ms linear;
     -moz-transition: height 150ms linear;
     -o-transition: height 150ms linear;
     -ms-transition: height 150ms linear;
     transition: height 150ms linear;
}
 body,html{
     height:100%;
}
 body{
     margin:0;
     padding:0;
     font-family:"Ubuntu";
     background:white;
     line-height:1.5em;
     color:#505050;
     font-size:14px;
}
 *{
     box-sizing:border-box;
}
 .bodydiv{
     position:absolute;
     left:0;
     top:0;
     right:0;
     bottom:0;
     width:100%;
     height:100%;
}
 .x4_mobilebar{
     background: none repeat scroll 0 0 #eef1f5;
     height: 4em;
     left: 0;
     position: fixed;
     right: 0;
     top: 0;
     width: 100%;
     z-index:15;
}
 .x4_mobilenav{
     position:fixed;
     max-height:100%;
     overflow-y:auto;
}
 header{
     height:100%;
     background:white;
}
 .headmid{
     position:absolute;
     top:50%;
     width:100%;
     margin:auto;
     margin-top:-10em;
     z-index:1;
    /* border:1px solid red;
     */
     text-align:center;
}
 .headmidlogo{
     height:24em;
     min-height:200px;
    /* border:1px solid green;
     */
     background:url(media/png/logo_hoch.png);
     background-position:top center;
     background-size:contain;
     background-repeat:no-repeat;
}
 .headmidtitle{
     bottom: 0;
    /* height: 6em;
     */
     left: 0;
     line-height: 1.25em;
     overflow: hidden;
    /* position: absolute;
     */
     right: 0;
     text-align: center;
     width: 100%;
}
 @media only screen and (max-width:769px) {
     .headmid{
         margin-top:-7em;
    }
     .headmidlogo{
         height:7em;
    }
     .headmidtitle{
         font-size:80%;
    }
}
 .box_normal{
     padding:1em;
}
 main{
    /* height:200%;
     */
     background:white;
     position:relative;
     width:100%;
     max-width:100%;
}
 nav.topnav{
     background:transparent;
     border-bottom:1px solid transparent;
     position:fixed;
     height:6em;
     width:100%;
     top:0;
     z-index:14;
    /* overflow:hidden;
     */
     -webkit-transition: background-color 150ms linear, height 150ms linear;
     -moz-transition: background-color 150ms linear, height 150ms linear;
     -o-transition: background-color 150ms linear, height 150ms linear;
     -ms-transition: background-color 150ms linear, height 150ms linear;
     transition: background-color 150ms linear, height 150ms linear;
}
 nav.topnav.navstate_mid{
     background:rgba(255,255,255,0.9);
     border-bottom:1px solid #ebebeb;
}
 nav.topnav.navstate_low{
     height:4em;
     background:white;
     border-bottom:1px solid #ebebeb;
}
 nav.topnav.navstate_low .box_normal{
     height:4em;
}
 nav.topnav.navstate_low .logo{
     height:4em;
}
 nav.topnav .box_normal{
     height:6em;
     position:relative;
     border:none !important;
}
 .langmenu{
     border-right: 1px solid #505050;
     margin-right: 1em;
     padding-right: 1em;
}
 .topmenu{
    /* background: none repeat scroll 0 0 yellow;
     */
     float: right;
     height: 2em;
     line-height: 2em;
     margin-top: 2em;
     text-align: right;
     width: auto;
     -webkit-transition: margin 150ms linear, height 150ms linear;
     -moz-transition: margin 150ms linear, height 150ms linear;
     -o-transition: margin 150ms linear, height 150ms linear;
     -ms-transition: margin 150ms linear, height 150ms linear;
     transition: margin 150ms linear, height 150ms linear;
}
 .topmenu>div{
     display: inline-block;
     width: auto;
     vertical-align: top;
}
 nav.topnav.navstate_low .topmenu{
     margin-top: 0em;
}
 .topmenu .x4_nav{
     float:right;
}
 .topmenu .x4_navlink{
     display:inline-block;
    /* background:magenta;
     */
     padding-left:1em;
     padding-right:1em;
     text-transform:uppercase;
     font-size:90%;
     color:black;
}
 .topmenu .x4_navlink:hover, .topmenu .x4_nav_focus>.x4_navlink, .topmenu .x4_nav_inpath>.x4_navlink, .topmenu .x4_navlink.anchorfocus{
     color:gray;
}
 .topmenu .x4_navdeli{
     display:none !important;
}
 .topmenu .x4_navlevel_0>.x4_navlist{
    /* background: gray;
     */
     border: 1px solid;
     height: auto;
     position: absolute;
     right: 0;
    /* text-align: right;
     */
     top: 2em;
     min-width: 10em;
     z-index: 3;
}
 .topmenu .x4_navlevel_0>.x4_navlist .x4_navlink{
     display:block;
}
 .topmenu .x4_navlevel_0>.x4_navlist .x4_navdeli{
     display:none;
}
/* boxes */
 .box_normal{
     width:100%;
     min-width:100%;
     max-width:100%;
     margin:auto;
    /* padding:1em;
     */
}
 .box_wide{
     width:100%;
}
 .box_normal,.box_wide,.box_third,.box_half,.box_quarter,.box_rowel{
     min-height:1em;
    /* border:1px solid green;
     */
    /* margin-bottom:1em;
     */
     vertical-align:top;
    /* background:rgba(0,0,255,0.05);
     */
     position:relative;
    /* overflow:hidden;
     */
}
 .box_third{
     display:inline-block;
     width:32%;
     margin-right:2%;
}
 .box_third:nth-of-type(3n){
     margin-right:0;
}
 .box_quarter{
     display:inline-block;
     width:23.5%;
     margin-right:2%;
}
 .box_quarter:nth-of-type(4n){
     margin-right:0;
}
 .box_half{
     display:inline-block;
     width:49%;
     margin-right:2%;
}
 .box_half:nth-of-type(2n){
     margin-right:0;
}
 .box_rowel{
     width:100%;
}
 .box_row1to4to1 .box_rowel:nth-of-type(1){
     width:16%;
     margin-right:2%;
     display:inline-block;
}
 .box_row1to4to1 .box_rowel:nth-of-type(2){
     width:64%;
     margin-right:2%;
     display:inline-block;
}
 .box_row1to4to1 .box_rowel:nth-of-type(3){
     width:16%;
     display:inline-block;
}
 @media only screen and (min-width:401px) and (max-width:768px) {
     .box_normal{
        /* background:yellow;
         */
    }
     .box_third{
         width:49%;
    }
     .box_third:nth-of-type(3n){
         margin-right:2%;
    }
     .box_third:nth-of-type(2n){
         margin-right:0;
        /* background:magenta */
    }
     .box_quarter{
         width:49%;
    }
     .box_quarter:nth-of-type(3n){
         margin-right:2%;
    }
     .box_quarter:nth-of-type(2n){
         margin-right:0;
        /* background:magenta */
    }
}
 @media only screen and (min-width:769px) and (max-width:1024px) {
     .box_normal{
        /* background:brown;
         */
    }
}
 @media only screen and (min-width:1025px) {
     .box_normal{
         width:72%;
        /* 1130px;
         */
         min-width:700px;
         max-width:100%;
         margin:auto;
    }
}
 @media only screen and (min-width:640px) {
     .box_row2to1 .box_rowel:nth-of-type(1){
         width:66%;
         margin-right:2%;
         display:inline-block;
    }
     .box_row2to1 .box_rowel:nth-of-type(2){
         width:32%;
         display:inline-block;
    }
     .box_row1to2 .box_rowel:nth-of-type(1){
         width:32%;
         margin-right:2%;
         display:inline-block;
    }
     .box_row1to2 .box_rowel:nth-of-type(2){
         width:66%;
         display:inline-block;
    }
}
 @media only screen and (max-width:769px) {
     .box_row1to4to1 .box_rowel:nth-of-type(1), .box_row1to4to1 .box_rowel:nth-of-type(3){
         display:none;
    }
     .box_row1to4to1 .box_rowel:nth-of-type(2){
         width:100%;
         display:block;
    }
     .leftline{
         border:none !important;
         padding-left:0;
         margin-top:0.5em;
    }
}
 @media only screen and (max-width:640px) {
     nav.topnav{
         display:none;
    }
}
 @media only screen and (max-width:400px) {
     .box_normal{
        /* display:none !important;
         */
        /* background:magenta;
         */
    }
     .box_third,.box_half,.box_third,.box_quarter{
         width:100%;
         margin:0;
    }
}
 #udb_loginhead{
     z-index:20;
}
 .quoteslides{
     position:relative;
    /* border:2px dashed magenta;
     */
     min-height:13em;
}
 .quote{
    /* border:1px solid red;
     */
    /* min-height:5em;
     */
     position:absolute;
     top:0;
     left:0;
     width:100%;
     display:none;
}
 .network_pic img{
     width:80%;
     float:left;
     padding-top:1em;
}
 .network_pic{
     text-align:center;
}
 .netzwerk p{
     margin-bottom:0.5em;
}
 .halfline{
     line-height:1em;
}
 .impressum h3,h4,h5,h6{
     font-weight:700;
     font-style:normal;
     font-family:"Ubuntu" !important;
}