*{
  margin: 0;
  padding: 0;
  font-family: 'Open Sans', sans-serif;
  font-weight: 300;
}

p b{font-weight:bold;}
a{text-decoration: none; color: rgb(9,158,209);}
li b{font-weight:bold;}
a img{border:0;}
.clear{clear: both; border: none; margin: 0; padding: 0; width: 0; height: 0; }
.blue{color: rgb(9,158,209);}


h1{font-size: 28px; color: rgb(50,50,50); text-transform: uppercase; font-weight: 600; position: absolute; left: 90px; top: 28px;}
h1 a{font-size: 28px; text-transform: uppercase; font-weight: 600; text-decoration: none; color: rgb(50,50,50);}
h2{font-size: 14px; position: absolute; left: 330px; top: 43px; font-weight: 600;}
.textContent li{font-size:15px; padding-bottom:10px;}

#wrapper{width: 100%;}
#header{position: fixed; top: 0px; left: 0px; width: 100%; z-index: 999;}
#navi_inner{height: 33px; background: rgb(50,50,50); text-align: center;}
#navi{height: 33px; z-index: 3; position: absolute; width: 100%;}
#mobnav{display: none;}

#navi_inner ul{list-style: none; display: inline-block;}
#navi_inner ul li{float: left;}
#navi_inner ul li a{color: white; text-decoration: none; padding: 6px 15px; text-transform: uppercase; font-size: 14px; line-height: 21px; display: block; font-weight: 400; cursor: pointer;
-webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;}
#navi_inner ul li:last-child a{color: rgb(9,158,209); font-weight: 400;}
#navi_inner ul li a:hover, #navi_inner ul li a.act, #navi_inner ul li a.act_parent{background: rgb(9,158,209); color: white;}

#subheader_inner{height: 95px; background: rgb(233,235,234); width: 100%; display: table; }
#subheader_inner h1 {display:table-cell; vertical-align: middle; left:0; top:initial; position: initial; padding-left:90px;}
#blog_logo_wrapper h1 {display: block; position: absolute; top:28px; left:90px; padding:0; } 
#subheader{margin-top: 33px; z-index: 2; position: absolute; width: 100%; padding-bottom: 4px; z-index: 50;}

#eye{width: 46px; height: 46px; position: absolute; background:url(../Images/eye.png) no-repeat center center; top: 24px; left: 16px;  -ms-transform: rotate(45deg); -webkit-transform: rotate(45);transform: rotate(45deg);}
#logo{width: 220px; height: 95px; top:0; right: 20px; position: absolute; display: block;}
#logo img{width: 100%;}

#content{margin-top: 120px;}
#slider{width: 100%; overflow: hidden; position: relative;}
#container{display: block;}
#container h1{position: inherit; height: auto; background: rgb(210,210,210); font-size: 22px; padding: 15px; padding-left: 90px; left: 0px; top: 0px;}
.csc-header{position: relative;}
.csc-header .dot{width: 15px; height: 4px; position: absolute; bottom: -4px;}


.teamlist {background: rgb(50,50,50); }
.back_team_portfolio {position: fixed; z-index: 999;margin-top: -52px;left: 50%;margin-left: -85px; font-size: 20px; text-decoration:none;}
.back_team_portfolio:hover span {color:rgb(9,158,209); color:#099ED1;}
.back_team_portfolio span {font-size:14px; text-transform:uppercase; color:rgb(150,150,150); color:#939393;}
.back_team_portfolio .back_icon { display:inline-block; background-image:url(../Images/back_button_rund_klein.png); width:12px; height:12px; }
.back_team_portfolio:hover .back_icon { background-image:url(../Images/back_button_rund_klein_hover.png); }

.subpage_back {position: fixed; z-index: 999; margin-top: 33px; left: 50%; margin-left: -85px; font-size: 20px; text-decoration: none; } 
.subpage_back span {font-size:14px; text-transform:uppercase; color:rgb(150,150,150); color:#939393;}
.subpage_back .back_icon { display:inline-block; background-image:url(../Images/back_button_rund_klein.png); width:12px; height:12px; }
.subpage_back:hover .back_icon { background-image:url(../Images/back_button_rund_klein_hover.png); }
.subpage_back:hover a {color:rgb(9,158,209); }
.subpage_back a {color:rgb(130,130,130); font-size: 14px; text-transform: uppercase; }


#footer{border-bottom: 7px solid rgb(50,50,50); width: 100%;}
#toolbar{height: 37px; background: rgb(233,235,234); position: relative; display: none;}

.like{text-decoration: none; font-size: 13px; text-transform: uppercase; font-weight: 400; position: absolute; top: 8px; left: 68px; background: url(../Images/like.png) no-repeat center left; padding-left: 30px; color: rgb(50,50,50); padding-top: 2px;}
.btn{width: 37px; height: 37px; display: block; float: right; position: relative; overflow: hidden;}
.btn div{width: 37px; height: 37px; background: url(../Images/fb.png) no-repeat center center; position: absolute;}
.btn div.off{top: -37px; background-color: rgb(9,158,209);}
.fb div.off{background-image: url(../Images/fb_w.png);}
.tw div.on{background-image: url(../Images/tw.png);}
.tw div.off{background-image: url(../Images/tw_w.png);}
.fb{ margin-right: 15px;}
.blog div.on{background-image: url(../Images/go.png);}
.blog div.off{background-image: url(../Images/go_w.png);}

#contact{position: relative; padding-bottom: 4px; z-index: 3; background: rgb(50, 50, 50);}
.dot{width: 15px; height: 4px; display: block; position: absolute; bottom: 0px; left: 34px;}
.dot.black{bottom: -4px;}
#contact_inner{color: white; font-size: 11px; line-height: 18px; font-weight: 400; padding: 22px 25px 25px 95px; position: relative; height: 170px;} 
#contact_inner h3{text-transform: uppercase; color:rgb(9,158,209); font-weight: 400;}
#contact_inner a{color:rgb(9,158,209); text-decoration: none;}
#contact_inner a:hover{color:white;}
.adr{float: left; width: 120px; margin-right: 35px;}
.off{float: left;  width: 120px; margin-right: 35px;}
.news{color: white; font-size: 11px; line-height: 18px; font-weight: 400; background: rgb(65,65,65); height: 170px; padding: 25px; width: 300px; margin-right: 35px; position: absolute; top: 0px; left: 450px;}
.news h1, .news h2, .news h3, .news h4{position: inherit; text-transform: uppercase; color:rgb(9,158,209); font-weight: 400; line-height: 18px; font-size: 14px; top: auto; left: auto; display: inline;}
.top{font-size: 13px; color: white; position: absolute; right: 20px; bottom: 25px; width: 45px; height: 28px; background: url(../Images/top.png) no-repeat center 12px rgb(40,40,40); border-radius: 40px; text-transform: uppercase; text-align: center; cursor: pointer; padding-top: 17px;
-webkit-transition: background 0.5s ; -moz-transition: background 0.5s ; -ms-transition: background 0.5s ; -o-transition: background 0.5s ; transition: background 0.5s ;}
.top:hover{background-color: rgb(9,158,209);}
.copy{font-weight: 400; font-size: 10px; position: absolute; right: 20px; top: 25px;}

.fb_t{font-size: 13px; color: white; position: absolute; right: 75px; bottom: 25px; width: 45px; height: 28px; background: url(../Images/fb_w.png) no-repeat center center rgb(40,40,40); border-radius: 40px; text-transform: uppercase; text-align: center; cursor: pointer; padding-top: 17px;
-webkit-transition: background 0.5s ; -moz-transition: background 0.5s ; -ms-transition: background 0.5s ; -o-transition: background 0.5s ; transition: background 0.5s ;}
.fb_t:hover{background-color: rgb(9,158,209);}

.go_t{font-size: 13px; color: white; position: absolute; right: 130px; bottom: 25px; width: 45px; height: 28px; background: url(../Images/go_w.png) no-repeat center center rgb(40,40,40); border-radius: 40px; text-transform: uppercase; text-align: center; cursor: pointer; padding-top: 17px;
-webkit-transition: background 0.5s ; -moz-transition: background 0.5s ; -ms-transition: background 0.5s ; -o-transition: background 0.5s ; transition: background 0.5s ;}
.go_t:hover{background-color: rgb(9,158,209);}

#map{height: 350px;}
#map_canvas{width: 100%; height: 100%; margin-top: -4px;}


ul#teasernav{list-style: none; overflow: hidden;}
ul#teasernav li{float: left; width: 25%;}
ul#teasernav.teaserList li{width: 33.33%;}
ul#teasernav li a{width: 70%; text-align: center; padding: 15%; display: block; text-align: center; text-decoration: none; padding-bottom: 600px; margin-bottom: -600px;
-webkit-transition: background 0.5s ; -moz-transition: background 0.5s ; -ms-transition: background 0.5s ; -o-transition: background 0.5s ; transition: background 0.5s ;}
ul#teasernav.teaserList li a{padding-bottom:15%; margin-bottom:0; height:200px;}
ul#teasernav li.odd a{background: rgb(233,235,234);}
ul#teasernav li.even a{background: rgb(242,243,242);}
ul#teasernav li a:hover{background-color: rgb(9,158,209);}

ul#teasernav.new li {-webkit-transition: background 0.5s ; -moz-transition: background 0.5s ; -ms-transition: background 0.5s ; -o-transition: background 0.5s ; transition: background 0.5s ;}
ul#teasernav.new li.odd a{background: none;}
ul#teasernav.new li.even a{background: none;}
ul#teasernav.new li a:hover{background-color: none;}
ul#teasernav.new li.odd {background: rgb(233,235,234);}
ul#teasernav.new li.even {background: rgb(242,243,242);}
ul#teasernav.new li:hover{background-color: rgb(9,158,209);}

ul#teasernav li a .img {width: 42px; height: 42px; border-radius: 74px; border: 12px solid rgb(50,50,50); padding: 4px; display: inline-block; 
-webkit-transition: all 0.3s ; -moz-transition: all 0.3s ;-ms-transition: all 0.3s ;-o-transition: all 0.3s ;transition: all 0.3s ;}
ul#teasernav li a:hover .img{ border: 12px solid white; /*padding: 10px;*/}
ul#teasernav li a .img .mask{height: 42px; width: 42px; overflow: hidden; position: relative; border-radius: 42px;}
ul#teasernav li a .img .mask img{position:absolute; top: -42px; left: 0px;}
ul#teasernav li a p{color: rgb(143,143,143); text-decoration: none; font-size: 12px; line-height: 18px; font-weight: 400; margin-bottom: 50px;}
ul#teasernav li a .teaser p, ul#teasernav li a .teaser h2 {font-size: 20px; text-transform: uppercase; color: rgb(50,50,50); line-height: 24px; margin: 10px 0px; position:inherit; font-weight: 400;}
ul#teasernav li a:hover p, ul#teasernav li a:hover .teaser h2 {color: white;}

#pageimg{position: absolute; top: 24px; left: 16px;}
#pageimg .img{width: 30px; height: 30px; border-radius: 74px; border: 6px solid rgb(50,50,50); padding: 4px; display: inline-block;}
#pageimg .img .mask{height: 30px; width: 30px; overflow: hidden; position: relative; border-radius: 42px;}
#pageimg .img .mask img{position:absolute; top: -30px; left: 0px;}

#subnav{display: table-cell; vertical-align: middle; padding-left:90px; }
#subnav ul{list-style: none;}
#subnav li {line-height: 0;}
#subnav li a{font-size: 13px; font-weight: 600; line-height: 14px; color: rgb(130,130,130); text-decoration: none; text-transform: uppercase;}
#subnav li a:hover, #subnav li a.act{color: rgb(50,50,50); }

/* FLEX-CONTENTS */

.layout-1 { position:relative;}
.layout-1 .flexslider .slidercontent img { margin:0 auto;  margin-bottom: 30px;}

.flex{position: relative; width: 100%; overflow: hidden;}

.flex .title{position: absolute; left: 57%; top: 8%;}
.flex h3, .flex h2{ background: rgb(50,50,50); color: white; padding: 5px 10px; text-transform: uppercase; font-size: 22px; margin-bottom: 2%; display: inline-block; font-weight: 300; position:relative; left:auto; top:auto;}
.flex h4{ background: rgb(50,50,50); color: white; padding: 5px 10px; text-transform: uppercase; font-size: 14px; letter-spacing: 3px; display: inline-block;}
.flex .title .click{margin-top: 2%; font-size: 12px; background: url(../Images/plus_.png) no-repeat center left ; padding: 5px 23px; cursor: pointer;}

.flex .arrow1, .flex .arrow2{width: 3%; height: auto; position: absolute; left: 51%; top: 60%; z-index: 1;} 
.flex .arrow1 img, .flex .arrow2 img{width: 50%; height: auto;}
.flex .arrow2{left: 77%;}

.flex .text, .flex .textbox{ display:none; position: absolute; right: 9%; width: 28%; padding: 3%;; background: rgb(50,50,50); background: rgba(50,50,50,0.85); color: white; top: 26%; line-height: 24px; font-size: 14px; cursor: pointer; z-index: 10; height:54%;}
.animr.flex .textbox{left: 9%;}
.flex .text {display:none;}
.flex .textbox .textcontainer{overflow: hidden; width: 100%; height: 100%;}
.flex .textbox .textcontainer div.text_inner{width: 100%; height: 100%;}
.flex .text div.text_inner, .flex .textbox div.text_inner{display: block; }
.flex.animate .textbox{height: 54%;}

.flex .infbox{position: absolute; left: 7%; bottom: 0px; font-size: 12px; width: 65%;}
.flex .infbox a{text-decoration: none; color: rgb(9,158,209); font-weight: 700; margin-top: 1%; display: block;}
.flex .kunde{font-weight: 700;}

.desk{position: absolute; width: 45%; left: 5%; height: auto; top:15%; z-index: 2;}
.desk img{width: 100%; height: auto;}
.desk .screen{position: absolute; left: 15%; top: 2%; width: 72%; height: auto;}

.tablet{position: absolute; width: 23%; height: auto; left: 53%; top: 36%; z-index: 2;}
.tablet img{width: 100%; height: auto;}
.tablet .screen{position: absolute; left: 22%; top: 5%; width: 56%; height: auto;}

.phone{position: absolute; width: 10%; height: auto; left: 81%; top: 51%; z-index: 2;}
.phone img{width: 100%; height: auto;}
.phone .screen{position: absolute; left: 23%; top: 12%; width: 56%; height: auto;}

.flex .image{width: 50%; height: 100%; left: 2%; position: absolute; display: block;}
.flex .image img{width: 100%; height: auto;}

.flex.right .image{left: auto; right: 3%;}
.flex.right .title{left: 7%;}
/* .flex.right .textbox{left: 7%; right:auto; height:57%;} */
.flex.right .infbox{left: 50%;}

.trenner{width: 80%; margin:5% 10%; border: 1px solid rgb(220,220,220);}
.trenner:last-child{border: none;}

.caption .captionlink a {color:rgb(9,158,209); color:#099ED1; text-decoration:none; font-weight:900; }
.caption .captionlink a:hover {color:white;} 
.slidercontent .caption .captionlink a:hover {color:rgb(50,50,50);} 

.box.numb.black{ background: rgb(50,50,50); color: white; padding: 7% 10%;}
.box.numb.black .left{float: left; width: 45%;}
.box.numb.black .right{float: right; width: 45%;}

#bullets{position: absolute;left: 34px;top: 120px; list-style:none; display: none;}
#bullets li{margin-bottom: 10px;}
#bullets li div{width: 12px; height: 12px; background: rgb(210,210,210); display: block; border-radius: 20px; cursor:pointer;
-webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear-ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;}
#bullets li div:hover, #bullets li div.act{background: rgb(50,50,50);}

#support{width: 100%; height: 100%; position: fixed; top: 0; background: rgb(9,158,209); background: rgba(9,158,209,0.85); z-index: 1200; display: none;}
#support_inner{width: 640px; margin: 0 auto; background: none; margin-top: 60px; position: relative;}
.sup_close{position: absolute; width: 50px;height: 50px; right: -25px; top: -25px; background: url(../Images/_close.png) no-repeat center center; cursor: pointer;}
#support .tx-powermail{width: 100%;}
#support .tx-powermail .powermail_fieldset{padding: 0;}
#support .tx-powermail .powermail_fieldwrap{margin: 0; clear: none;}
#support .tx-powermail label{display: none;}
#support .tx-powermail .powermail_fieldwrap_text{width: 43%; float: right; color: white; margin-right: 4%; margin-bottom: 10px;}
#support .tx-powermail .powermail_legend{color: white; text-align: left; font-size:18px; margin-bottom:10px; float: none; text-transform: uppercase; font-weight: normal;}
#support .tx-powermail fieldset{background: none; border: none;}
#support .tx-powermail input, #support .tx-powermail textarea, #support .tx-powermail select{width: 43%; font-size:16px; margin: 0; padding: 2%; float: right; margin-bottom: 10px;}
#support .tx-powermail textarea{min-height: 290px; padding: 2%; float: left;}
#support .tx-powermail label{color:rgb(9,158,209);}
#support .tx-powermail input[type="submit"]{background: rgb(9,158,209); cursor: pointer; color: white; width: 47%; text-transform: uppercase; border: 1px solid white;
-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
#support .tx-powermail input[type="submit"]:hover{background: rgb(50,50,50); color:rgb(9,158,209);}
#support .tx-powermail > form > h3 {display: none;}
#support .tx-powermail .parsley-custom-error-message {  display: inline-block; margin-left: 34px; color: black; margin-bottom: 10px;}
#support .tx-powermail .powermail_create {padding:15px;}


#container .tx-powermail{ margin: 90px 40px; }
#container .tx-powermail *{box-sizing: border-box;}
#container .tx-powermail h3{background: rgb(50,50,50); color: white; padding: 5px 10px 5px 20px; text-transform: uppercase; font-size: 22px; margin-bottom: 6px; display: inline-block; font-weight: 300; position: relative; left: auto; top: auto;}
#container .tx-powermail fieldset {border:0; margin-left: 20px;}
#container .tx-powermail legend {text-indent: -9999px;}
#container .tx-powermail label {width:140px; display: inline-block; vertical-align: top; }
#container .tx-powermail input, #container .tx-powermail textarea {padding:7px; width:260px; outline: none;   font-weight: 400; font-size: 13px;}
#container .tx-powermail input:focus, #container .tx-powermail textarea:focus {border:1px solid rgb(9,158,209); -webkit-box-shadow:inset 0 1px 4px 0 rgba(0,0,0,0.1);
box-shadow:inset 0 1px 4px 0 rgba(0,0,0,0.1);}
#container .tx-powermail .powermail_fieldwrap  { margin-bottom:5px; }
#container .tx-powermail input[type="submit"]{  padding: 10px; margin-top:10px; border: none; font-size: 16px; background: #333333; color: white; outline: none; cursor: pointer; width:170px;}
#container .tx-powermail input[type="submit"]:hover{ background:rgb(9,158,209); }
#container .tx-powermail .parsley-errors-list li{ list-style:none; font-size: 12px; color:#aaaaaa; }

#container .csc-mailform{ margin: 90px 40px; }
#container .csc-mailform *{box-sizing: border-box;}
#container .csc-mailform h3{background: rgb(50,50,50); color: white; padding: 5px 10px 5px 20px; text-transform: uppercase; font-size: 22px; margin-bottom: 6px; display: inline-block; font-weight: 300; position: relative; left: auto; top: auto;}
#container .csc-mailform fieldset {border:0; margin-left: 20px;}
#container .csc-mailform li {list-style: none;}
#container .csc-mailform legend {text-indent: -9999px;}
#container .csc-mailform label {width:140px; display: inline-block; vertical-align: top; }
#container .csc-mailform input, #container .csc-mailform textarea {padding:7px; width:260px; outline: none;   font-weight: 400; font-size: 13px;}
#container .csc-mailform input:focus, #container .csc-mailform textarea:focus {border:1px solid rgb(9,158,209); -webkit-box-shadow:inset 0 1px 4px 0 rgba(0,0,0,0.1);
box-shadow:inset 0 1px 4px 0 rgba(0,0,0,0.1);}
#container .csc-mailform .csc-form-element { margin-bottom:10px; }
#container .csc-mailform input[type="submit"]{  padding: 10px; border: none; font-size: 16px; background: #333333; color: white; outline: none; cursor: pointer; width:170px;}
#container .csc-mailform input[type="submit"]:hover{ background:rgb(9,158,209); }
#container .csc-mailform .parsley-errors-list li{ list-style:none; font-size: 12px; color:#aaaaaa; }





#sel_all{width: 47%; float: right;}
.sel{background: white; padding: 4%; margin-bottom: 10px; cursor: pointer; position: relative;}
.sel span{width: 43px; height: 37px; position: absolute; right: 0; top: 3px; border-left: 1px solid rgb(9,158,209); background: url(../Images/drop.png) no-repeat center center;}
.sel ul{display: none; list-style: none; position: absolute; background: white; width: 100%; left: 0; top: 100%; z-index: 99; border-top: 1px solid rgb(200,200,200);  }
.sel ul li{padding: 9px 12px;
-webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease;}
.sel ul li:hover{background: rgb(50,50,50); color: white;}

#von{width: 41%; float: left;}
#bis{width: 41%; float: right;}
#week{width: 92%; float: right;}

.powermail_create{background: white;}


/* Blog */
#hb_logo_blog {}
#blog{margin-top: 33px;}
#blognav{position: fixed; top: 5px;}
#blognav ul{list-style: none; display: none;}
#blognav ul a{text-decoration: none; font-size: 18px; color: rgb(50,50,50); margin: 10px 0; display: block;}
#blognav ul a:hover, #blognav ul a.act, #blognav ul a.act_parent{color:rgb(50,50,50); font-weight: bold;}
#blognav ul ul a:hover, #blognav ul ul a.act{color:rgb(9,158,209); font-weight: bold;}
#blognav ul ul{position: inherit; width: 100%;}
#blognav ul ul a{font-size: 14px; margin: 0;}
#blognav #switch{position: absolute; top: 55px; left: 200px; width:200px; text-align:left;}

.back_blog{position: absolute; left: 50%; margin-left: -85px; font-size: 20px; text-decoration: none; top: 33px; cursor: pointer; display: none;}
.back_blog .back_icon{display: inline-block; background-image: url(../Images/back_button_rund_klein.png); width: 12px; height: 12px;}
.back_blog span{font-size: 14px; text-transform: uppercase; color: #939393;}
.back_blog:hover .back_icon{background-image: url(../Images/back_button_rund_klein_hover.png);}
.back_blog:hover span{color: #099ED1;}

#blog_cont{width: 100%; float: none; margin-top: 128px; position: relative;}
#blog_cont ul{list-style: none; width: 100%; height: 100%;}
#blog_cont .blog_text ul{    list-style: initial;
    margin-left: 5%;
    width: 95%;
    margin-top: 15px;}
#blog_cont ul li{}
#blog_cont ul li .blog_teaser{width: 25%; height: 100%; overflow: hidden; position: relative; cursor:pointer; line-height:0; float:left;}
#blog_cont ul li .blog_teaser img{width: 100%; height: auto; line-height: 0;}
#blog_cont ul li .blog_teaser h2{background:rgb(50,50,50); background:rgba(50,50,50,0.85); font-weight: 300; width: 100%; padding: 2% 3%; position: absolute; bottom: 0; color: white; font-size: 14px; line-height: 22px; text-transform: uppercase; left:auto; top:auto;  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.bloginhalt{display: none;}

.bloginhalt{top:33px; z-index: 500; background: white; width: 100%; height: 100%; color: rgb(50,50,50); left: 0; top: 0;}
.bloginhalt img{width: 100%; height: auto;}

.bloginhalt .bloghead{position: relative; width: 100%;}
.bloginhalt .bloghead img{width: 50%; right: 0;float: right;}
.bloginhalt h3{bottom: 5%; font-size: 22px; font-weight: normal; color: white; background:rgb(50,50,50); padding: 5px 3% 5px 3%; display: inline-block; margin-top: 40px;}
.bloginhalt .blog_subtitle{font-size: 16px; font-weight: bold; padding: 30px 3%;}
.bloginhalt .blog_text{font-size: 14px; font-weight: normal; padding: 0px 3%; padding-bottom: 100px;}
.bloginhalt .bloghead .close{position: absolute; right: 2%; top: 3%; width: 40px; height: 40px; background: url(../Images/_close.png) no-repeat center center; cursor: pointer;}

.contb{width: 46%; padding: 2%; background: white;}

#switch{position: absolute; top: 34px; right: 15%; color: white; text-align: center; cursor: pointer; font-size: 13px;}
#switch div{text-transform: uppercase; font-weight: bold; color: rgb(150,150,150); font-weight: bold; line-height: 13px;
-webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;}
#switch div:hover{color: rgb(50,50,50);}
#switch .in{color: rgb(50,50,50);}
#moblog{display: none;}

ul.pictures{background: white;}
ul.pictures li{background: rgb(50,50,50);}

.flexslider .captiontitle{ position:inherit;}
#contact_inner a.tel, #contact_inner a.gomaps{ color:white; }

/*Formular Domainportierung*/
#c166 .tx-powermail .powermail_fieldset_22{float:left; height: 430px;}
#c166 .tx-powermail .powermail_fieldset_24{height: 430px;}
#c166 .tx-powermail .powermail_submit{width: 100px; float:none;}
#c166 div.tx-powermail{width:auto;}
#c166 .powermail_fieldset{clear:none;}
#c166 #powermail_fieldwrap_318 ul li{list-style:none; margin-bottom: 15px;}
#c166 .powermail_fieldwrap .powermail_select{width:400px;}
#c166 .powermail_field{width:392px;}
#c166 .powermail_fieldset_24 .powermail_fieldwrap{margin-left:20px;}
#c166 .powermail_radio_inner{padding:3px;}
#support #powermail_fieldwrap_359{float: left;
    width: 100%;}

/* DCE */
.dceInv .links, .dceInv .mitte, .dceInv .rechts{margin-bottom: 20px;}
.dceInv ul{margin-left: 20px;}


.calltoactionButton{ width:100%; position:relative; display:flex; text-align:center;}
.calltoactionButton a{ display:inline-block; min-width:200px; margin:50px auto 75px; padding:15px 35px; background-color:#099ED1; color:#fff;}
.calltoactionButton a:hover{background-color:#60C6E8;}
.calltoactionButton a h3{font-size: 26px; font-weight:bold;margin-bottom: 13px;}

/*.dceContent ul, .dceContent ol {margin-left:17px;} */

@media only screen and (max-width: 1150px), only screen and (max-device-width: 1150px) {
    .back_team_portfolio {left:179px; margin-top:-25px;}
}

@media only screen and (max-width: 1051px), only screen and (max-device-width: 1051px) {
  #c166 .tx-powermail .powermail_fieldset_22{width:90%; padding:5%;}
  #c166 .tx-powermail .powermail_fieldwrap{width:100%;}
  #c166 .tx-powermail .powermail_fieldset_22{float:left; height: auto;}
}

@media only screen and (max-width: 500px), only screen and (max-device-width: 500px) {
  #c166 .tx-powermail .powermail_fieldset_24 .powermail_fieldwrap{width:95%; margin-left:5%;}
  #c166 .tx-powermail .powermail_field{width: 100%; padding:0;}
  #c166 .tx-powermail .powermail_radio_outer{width:100%; padding:0;}
  #c166 .powermail_field_firmaformError{left:140px;}
  #c166 .tx-powermail .powermail_fieldset_24{height: 500px;}
  #container .tx-powermail {margin: 60px 0;}
  #container .tx-powermail fieldset {padding-right:20px;}
  #container .tx-powermail input, #container .tx-powermail textarea {width:100%;}
  .calltoactionButton a{ min-width:inherit !important; width:80%;}
}