@import "reset.css";
@import url('https://fonts.googleapis.com/css2?family=Ubuntu:wght@300;400;700&display=swap');


*{
font-family:'Ubuntu', trebuchet ms, arial, sans-serif;	
}

body{
margin:0px;
padding:0px;
text-align:center;
font-size:14px;
overflow-x:hidden;
}

.container{
width:1150px;
margin:0px auto;
padding:0px;
position:relative;
}

.wrapper{
width:1150px;
float:left;
margin:0px;
padding:0px;
text-align:left;
}

.top{
width:100%;
float:left;
min-height:170px;
position:relative;
}

.detail-top-box{

}

.dtb1{
float:left;
margin:50px 0px 0px 0px;
}

.dtb2{
float:right;
margin:50px 0px 0px 0px;
}

.detail-top-box .orange-title{
padding-left:55px;
font-size:14px;
color:#009846;
text-align:left;
}

.detail-top-box .detail-content{
padding-left:55px;
line-height:55px;
text-align:left;
float:left;
clear:left;
}

.detail-top-box .detail-content a{
font-size:16.5px;
color:#4a4a4a;
}

.detail-top-box .detail-content a:hover{
color:#009846;
}

.dtb1 .detail-content{
background:url(../img/user/e-mail.png) no-repeat left center;
}

.dtb2 .detail-content{
background:url(../img/user/phone.png) no-repeat left center;
}

.logo{
position:absolute;
top:30px;
left:calc(50% - 145px);
margin:0px;
padding:0px;
}

.mainnav{
background:#48b278;
width:100%;
height:70px;
float:left;
text-align:center;
}

.mainnav a{
height:70px;
line-height:70px;
display:inline-block;
margin:0px 0px 0px -6px;
padding:0px 44px;
color:white;
font-size:18px;
background:url(../img/user/menu-separator.jpg) repeat-y right top;
text-transform:uppercase;
}

.mainnav a:first-child{
background:url(../img/user/menu-separator.jpg) repeat-y right top, url(../img/user/menu-separator.jpg) repeat-y left top;
}

.mainnav a:hover,
.mainnav a.current{
background-image:url(../img/user/menu-separator.jpg), url(../img/user/menu-separator.jpg);
background-position:right top, left top;
background-repeat:repeat-y, repeat-y;
background-color:#009846;
transition: background-color 0.3s;
}

.separator{
width:2px;
height:70px;
margin:0px;
padding:0px;
display:inline-block;
background:url(../img/user/menu-separator.jpg) repeat-y left top;
}

/* SLIDER */
#slider{
width:100%;
float:left;
}

ul.bjqs{position:relative; list-style:none;padding:0;margin:0;overflow:hidden; display:none;}
li.bjqs-slide{position:absolute; display:none;}
ul.bjqs-controls{list-style:none;margin:0;padding:0;z-index:9999;}
ul.bjqs-controls.v-centered li a{position:absolute; height:66px; width:37px;}
ul.bjqs-controls.v-centered li.bjqs-next a{right:30px; color:white; font-size:3em; background:url(../img/user/go-right.png) repeat left top; line-height:45px;}
ul.bjqs-controls.v-centered li.bjqs-prev a{left:30px; color:white; font-size:3em; background:url(../img/user/go-left.png) repeat left top; line-height:45px;}
ol.bjqs-markers{list-style: none; padding: 0; margin: 0px; height:27px; line-height:27px; background:#898989; float:none; width:auto; padding:0px 20px; border-radius:27px; position:absolute; top:92%;}
ol.bjqs-markers.h-centered{text-align: center;}
ol.bjqs-markers li{display:inline;}
ol.bjqs-markers li a{display:inline-block; font-size:0px; width:10px; height:10px; border-radius:10px; background:#f2f2f2; border:3px solid #f2f2f2; margin:5px 6px 0px 6px;}
ol.bjqs-markers li a:hover,
ol.bjqs-markers li.active-marker a{background:#009846;}
p.bjqs-caption{display:block;width:96%;margin:0;padding:2%;position:absolute;bottom:0;}

.slogans{
width:100%;
float:left;
position:relative;
margin:-200px 0px 0px 0px;
text-align:center;
}

/* SLIDER END */

.slogan1{
height:66px;
line-height:66px;
background:url(../img/user/orange-trans.png) repeat left top;
border-radius:24px;
display:inline-block;
font-size:39px;
color:white;
text-transform:uppercase;
padding:0px 40px;
}

.slogan2{
height:66px;
line-height:66px;
background:url(../img/user/blue-trans.png) repeat left top;
border-radius:24px;
display:inline-block;
font-size:39px;
color:white;
text-transform:uppercase;
padding:0px 40px;
margin-top:-8px;
}

.whole{
width:100%;
display:inline-block;
min-height:1px;
}

.section{
width:100%;
float:left;
text-align:center;
}

.tophalflogo{
/*background:url(../img/user/logo-bg-top.png) no-repeat center bottom;
background-size:100% auto;*/
min-height:433px;
padding-bottom:30px;
}

.bottomhalflogo{
/*background:url(../img/user/logo-bg-bottom.png) no-repeat center top;
background-size:100% auto;*/
min-height:395px;
padding-bottom:30px;
}

.lefthalf{
width:calc(100% - 500px);
float:left;
}

.lefthalf h2,
.lefthalf h3{
width:100%;
float:left;
font-size:30px;
color:#4a4a4a;
text-align:center;
line-height:35px;
margin-top:55px;
padding-bottom:35px;
font-weight:normal;
text-align:left;
}

.section p{
width:100%;
float:left;
text-align:left;
font-size:17px;
font-weight:400;
color:black;
line-height:27px;
}

.section p a,
.section ul a,
.section ol a{
color:#009846;
}

.section p a:hover,
.section ul a:hover,
.section ol a:hover{
text-decoration:underline;
}

.section ul,ol{
width:calc(100% - 40px);
margin-left:20px;
padding-left:20px;
float:left;
font-size:17px;
font-weight:400;
color:black;
line-height:27px;
}

.section ul{
list-style:disc;
}

.section ol{
list-style:decimal;
}

.righthalf{
width:30.17%;
float:right;
min-width:347px;
}

.spaceit{
margin-top:30px;
}

.righthalf img{
float:left;
width:100%;
}

.right-orange-sec{
width:calc(100% - 60px);
padding:30px 30px 15px 30px;
float:left;
background:#ffd5b0;
}

.ok{
width:calc(100% - 33px);
float:left;
min-height:20px;
padding-left:33px;
background:url(../img/user/ok.png) no-repeat left top;
line-height:20px;
font-size:14px;
color:#4a4a4a;
text-align:left;
margin-bottom:10px;
}

.ok p{
margin:0px;
padding:0px;
line-height:20px;
font-size:14px;
color:#4a4a4a;
text-align:left;
}

.darkgray{
background:#8a8a8a;
padding:100px 0px;
}

/* Slider 2 styles */

#slider2{
width:100%;
float:left;
}

#slider2 ul.bjqs{position:relative; list-style:none;padding:0;margin:0;overflow:hidden; display:none;}
#slider2 li.bjqs-slide{position:absolute; display:none;}
#slider2 ul.bjqs-controls{list-style:none;margin:0;padding:0;z-index:9999;}
#slider2 ul.bjqs-controls.v-centered li a{position:absolute; height:52px; width:29px;}
#slider2 ul.bjqs-controls.v-centered li.bjqs-next a{right:0px; color:white; font-size:3em; background:url(../img/user/slider-right.png) repeat left top; line-height:45px;}
#slider2 ul.bjqs-controls.v-centered li.bjqs-prev a{left:0px; color:white; font-size:3em; background:url(../img/user/slider-left.png) repeat left top; line-height:45px;}
#slider2 ol.bjqs-markers{list-style: none; padding: 0; margin: 0; width:100%;}
#slider2 ol.bjqs-markers.h-centered{text-align: center;}
#slider2 ol.bjqs-markers li{display:inline;}
#slider2 ol.bjqs-markers li a{display:inline-block;}
#slider2 p.bjqs-caption{display:block;width:96%;margin:0;padding:2%;position:absolute;bottom:0;}

.floatthisphoto{
float:left;
width:20.6%;
margin-left:7%;
}

.floatthisphoto img{
width:100%;
border-radius:100%;
float:left;
}

.opinion{
width:60.7%;
float:right;
margin-right:7%;
}

.opinion p{
width:100%;
float:left;
margin:50px 0px 0px 0px;
padding:0px;
line-height:27px;
font-size:17px;
color:white;
text-align:left;
}

.s2header{
width:100%;
float:left;
font-size:30px;
color:#f09e55;
text-align:left;
font-weight:normal;
text-indent:calc(29.5% + 29px);
margin-bottom:-15px;
}
/* Slider 2 styles END */

.lightblue{
background:#6acb96;
padding:60px 0px;
}

.lightblue header{
width:100%;
float:left;
text-align:center;
}

.lightblue header h2{
width:100%;
float:left;
text-align:center;
color:white;
font-size:40px;
font-weight:normal;
line-height:30px;
}

.lightblue header h2 span{
font-size:20px;
}

.fboxes{
float:left;
width:100%;
margin-top:50px;
}

.fbox{
width:18.26%;
float:left;
margin-right:8.98%;
}

.fbox:last-child{
margin-right:0;
}

.fbox img{
width:calc(100% - 10px);
border-radius:100%;
float:left;
border:5px solid #009846;
}

.fbox h3{
width:100%;
float:left;
margin-top:25px;
font-weight:normal;
color:white;
text-align:center;
font-size:26px;
}

.fbox p{
width:100%;
float:left;
text-align:center;
font-size:14px;
line-height:23px;
color:white;
margin-top:25px;
}

.fbox .number{
width:100%;
float:left;
height:46px;
line-height:46px;
background:url(../img/user/numer-round.png) no-repeat center center;
font-size:27.5px;
font-weight:bold;
color:white;
text-align:center;
margin-top:25px;
font-family:arial;
}

.part{
width:100%;
float:left;
text-align:center;
}

.thewhole{
width:100%;
float:left;
text-align:center;
}

.mehr1{
display:inline-block;
height:25px;
line-height:25px;
border-radius:10px;
background:white;
font-size:10px;
color:black;
padding:0px 20px;
margin-top:20px;
cursor:pointer;
}

.weniger1{
display:inline-block;
height:25px;
line-height:25px;
border-radius:10px;
background:white;
font-size:10px;
color:black;
padding:0px 20px;
margin-top:20px;
cursor:pointer;
}

.oph{
float:left;
margin:50px 0px 0px 0px;
width:31.82%;
border-radius:4px;
border:3px solid white;
}

.rightlh{
width:56%;
float:right;
}

.rightlh h2{
text-indent:60px;
}

.angebotnumer{
width:100%;
float:left;
margin-top:17px;
}

.anum{
width:36px;
height:36px;
float:left;
background:url(../img/user/numer-round-blue.png) no-repeat left top;
font-size:20px;
color:white;
font-weight:bold;
font-family:arial;
text-align:center;
line-height:36px;
}

.anumtxt{
width:calc(100% - 56px);
float:right;
font-size:17px;
line-height:26px;
text-align:left;
color:#4a4a4a;
}

.grayphotobg{
background:url(../img/user/gray-bg.jpg) no-repeat center top;
background-size:100% auto;
padding-bottom:50px;
}

.gheader{
width:100%;
float:left;
text-align:center;
margin:50px 0px 0px 0px;
}

.gheader-txt{
display:inline-block;
height:47px;
line-height:47px;
padding:0px 35px;
font-size:32px;
color:white;
background:#f07f19;
border-radius:15px;
}

.grunde-box{
width:100%;
float:left;
margin:60px 0px 0px 0px;
padding:0px 0px 60px 0px;
border-bottom:1px solid white;
}

.grunde-box:last-child{
border-bottom:0px solid white;
}

.grunde-box:hover{
filter:brightness(120%);
transition:filter 0.2s;
}

.gbp{
float:left;
width:102px;
margin-left:13.38%;
}

.gbp img{
width:100%;
float:left;
}

.gbt{
width:calc(100% - 102px - 26%);
float:right;
margin-right:8%;
}

.gbt h2,
.gbt h3,
.gbt h4{
width:100%;
float:left;
font-size:27px;
color:#009846;
text-align:left;
font-weight:normal;
line-height:32px;
margin:-8px 0px 0px 0px;
}

.gbt p{
width:100%;
float:left;
text-align:left;
line-height:27px;
font-size:19px;
color:black;
margin-top:15px;
}

.orangephotobg{
padding:60px 0px;
background:url(../img/user/orange-bg.jpg) no-repeat center top;
background-size:cover;
border-bottom:6px solid #f7bf90;
}

.orangephotobg h3{
width:100%;
float:left;
text-align:center;
font-size:34px;
color:white;
line-height:39px;
}

.shortcenteredline{
width:100%;
text-align:center;
padding:25px 0px 35px 0px;
float:left;
}

.centered-line{
width:75px;
height:2px;
display:inline-block;
background:white;
}

.buttons{
width:100%;
float:left;
text-align:center;
}

.buttons a{
width:200px;
height:47px;
line-height:47px;
border:2px solid white;
border-radius:20px;
display:inline-block;
font-size:20px;
color:white;
font-weight:400;
margin:0px 4px;
}

#bsec{
color:#4a4a4a;
background:white;
}

.buttons a:hover{
color:#4a4a4a;
background:white;
transition:all 0.3s;
}

#bsec:hover{
color:white;
background:transparent;
transition:all 0.3s;
}

.bottomsec{
background:#898989;
padding-bottom:20px;
}

.gotop{
width:100%;
float:left;
text-align:center;
}

#goup{
width:97px;
height:47px;
float:left;
background:url(../img/user/go-top.png) no-repeat left top;
margin-left:calc(50% - 48.5px);
}

.bottomnav{
width:190px;
float:left;
}

.bottomnav a{
width:100%;
height:20px;
float:left;
line-height:20px;
font-size:14px;
color:#4a4a4a;
text-transform:uppercase;
text-align:left;
}

.bottomnav a:hover,
.bottomnav a.current{
color:#c3c3c3;
}

.bottom-right{
float:right;
width:calc(100% - 200px);
}

.bbox{
float:right;
margin-left:20px;
width:auto;
width:280px;
}

.firstbbox{
width:280px;
}

.bbt, .bbb{
width:100%;
float:left;
}

.bbleft{
width:36px;
padding-right:17px;
float:left;
}

.bbt .bbright{
float:left;
height:20px;
line-height:20px;
color:#4a4a4a;
text-align:left;
font-size:14px;
}

.bbleft img{
float:left;
}

.bbb .bbright{
float:left;
height:36px;
line-height:36px;
color:#4a4a4a;
text-align:left;
font-size:14px;
}

.bbb .bbright a{
color:#4a4a4a;
font-size:15px;
text-decoration:none;
}

.bbb .bbright a:hover{
color:#c3c3c3;
}

.tags{
width:100%;
float:left;
margin-top:30px;
font-size:14px;
text-align:center;
line-height:19px;
color:#4a4a4a;
}

.tags p{
margin:0;
padding:0;
font-size:14px;
text-align:center;
line-height:19px;
color:#4a4a4a;
}

footer{
width:100%;
float:left;
}

.copyright,
.webcat{
height:60px;
line-height:70px;
font-size:12px;
color:#4a4a4a;
margin-top:30px;
}

.copyright{
float:left;
}

.webcat{
float:right;
}

.webcat a{
font-size:12px;
color:#4a4a4a;
}

/* Pływające menu */

div.menu_top_swim{
width:100%;
height:50px;
line-height:50px;
background:#48b278;
position:fixed;
top:0px;
left:0px;
z-index:1000;
-webkit-box-shadow: 0px 5px 38px -5px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 5px 38px -5px rgba(0,0,0,0.75);
box-shadow: 0px 5px 38px -5px rgba(0,0,0,0.75);
}

div.menu_top_swim a{
color:white;
font-size:11pt;
text-decoration:none;
float:right;
margin:0px 25px 0px 0px;
}

div.menu_top_swim a:hover{
text-decoration:underline;
}

div.menu_top_swim a:hover{
text-decoration:underline;
}

.hidee {
  display:none;
  left: -100%;
}
.showw {
  display:table;
  left: 0;
}

.lbs{
float:left;
margin:5px 0px 0px 25px;
height:40px;
}

.anchor{
width:1px;
height:1px;
position:absolute;
top:0px;
left:1px;
}

/* Pływające menu END */

#blueit{
background:#2f84c5;
}

.hide{
opacity:0
}

.show {
opacity: 1;
}

#sidebutton1{
width:120px;
height:120px;
position:fixed;
top:230px;
right:35px;
z-index:999;
}

#sidebutton1 img,
#sidebutton2 img{
cursor:pointer;
}

#sidebutton1 img:hover,
#sidebutton2 img:hover{
filter:brightness(120%);
transition: filter 0.5s;
}

#sidebutton2{
width:120px;
height:120px;
position:fixed;
top:385px;
right:35px;
z-index:999;
}

.ruckruf-container{
width:calc(40% - 60px);
padding:30px;
background:#48b278;
-webkit-box-shadow: 0px 5px 38px -5px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 5px 38px -5px rgba(0,0,0,0.75);
box-shadow: 0px 5px 38px -5px rgba(0,0,0,0.75);
position:fixed;
top:200px;
left:30%;
z-index:999;
}

.ruckruf-header{
width:100%;
float:left;
font-size:30px;
text-align:left;
color:white;
}

.ruckruf-container p{
width:100%;
float:left;
text-align:left;
font-size:14px;
line-height:20px;
color:white;
margin-top:25px;
padding-bottom:17px;
}

.ruckruf-container input{
width:calc(80% - 30px);
height:40px;
line-height:40px;
background:white;
padding:0px 15px;
text-align:left;
font-size:15px;
color:#4a4a4a;
border-radius:4px;
border:none;
margin-top:8px;
}

#submitos{
background:#ff7800;
color:white;
cursor:pointer;
text-align:center;
text-transform:uppercase;
}

#submitos:hover{
background:#ae5403;
transition:background 0.4s;
}

.xx{
width:30px;
height:30px;
position:absolute;
top:5px;
right:5px;
cursor:pointer;
}

.xx img{
width:30px;
height:30px;
}

.banner-sp{
width:100%;
float:left;
}

.banner-sp img{
width:100%;
float:left;
}

.sb1,
.sb2,
.sb1 img,
.sb2 img{
width:90px;
height:90px;
}

.sb1{
top:275px!important;
}

.sb2{
top:385px!important;
}

.wholelogo{
/*background:url(../img/user/logo-bg.png) no-repeat center 200px;
background-size:100% auto;
padding-bottom:40px;*/
}

.wholelogo .wrapper{
padding-bottom:35px;
}

h1{
width:100%;
float:left;
text-align:center;
font-size:31px;
color:#ee7f22;
padding-bottom:10px;
border-bottom:1px solid #c0c5c9;
line-height:36px;
margin-top:55px;
}

.wholelogo p{
margin-top:40px;
}

.gallery{
width:100%;
float:left;
margin:0px 0px 0px 0px;
}

.gallery img{
width:calc(20.7% - 2px);
float:left;
margin:5.7% 5.7% 0px 0px;
border:1px solid #ffe5c7;
}

.lastp{
margin-right:0px!important;
}

.gallery img:hover{
filter:brightness(110%);
transition:filter 0.4s;
border:1px solid #00a7e5;
}

.movie{
width:100%;
float:left;
text-align:center;
margin-top:40px;
}

.download{
width:100%;
float:left;
margin-top:40px;
}

.dlefts{
float:left;
}

.download-left{
width:16px;
height:53px;
float:left;
background:url(../img/user/download-left.png) no-repeat left top;
}

.download-center{
height:53px;
float:left;
padding:0px 10px;
background:url(../img/user/download-center.png) repeat-x left top;
font-size:20px;
color:white;
line-height:53px;
}

.download-right{
width:72px;
height:53px;
float:left;
background:url(../img/user/download-right.png) no-repeat left top;
}

.drights{
float:left;
width:calc(100% - 300px);
margin-left:20px;
font-size:17px;
line-height:27px;
color:#4a4a4a;
}

.download:hover .dlefts{
filter:brightness(120%);
transition:filter 0.4s;
}

.download:hover .drights{
text-decoration:underline;
}

/*FAQ*/

.toggle-box {
  display: none;
}

.toggle-box + label {
  cursor: pointer;
  display: inline-block;
  font-weight: normal;
  font-size:20px;
  line-height: 25px;
  color:#009846;
  background-color:#ededed;
  width:calc(100% - 110px);
  padding:20px 20px 20px 90px;
  background-image:url(../img/user/go-down.png);
  background-position:42px center;
  background-repeat:no-repeat;
}

.toggle-box + label.hfuhrung {
  color:white!important;
  background-color:#009846!important;
  background-image:url(../img/user/go-down-blue.png)!important;
}

.toggle-box + label:hover{
background:#a7a4a4;
background-image:url(../img/user/go-down.png);
background-position:42px center;
background-repeat:no-repeat;
color:white;
}

.toggle-box + label + div {
  display: none;
  margin-top: 10px;
}

.toggle-box:checked + label + div {
  display: block;
}

.tit{
font-size: 17px;
line-height: 27px;
color: #4a4a4a;
width:100%;
margin-top:0px;
}

.tit-fuhrung{
font-size: 17px;
line-height: 27px;
color: #009846;
width:100%;
margin-top:0px;
}

.tit p,
.tit-fuhrung p{
margin-top:15px;
}



.faq-spacer{
width:100%;
padding:10px 0px;
}

.faq-box{
width:100%;
float:left;
margin-top:5px;
}

.faqs{
margin-top:35px;
float:left;
width:100%;
}

/* FAQ End */

/* Duży formularz start */

.form-div{
float:left;
width:calc(70% - 40px);
margin-left:15%;
background:#ffaf68;
padding:0 20px 20px 20px;
}

.formstripe{
width:100%;
float:left;
margin-top:30px;
}

.formstripe-inside{
width:100%;
float:left;
margin-top:10px;
}

.form-header{
font-size: 17px;
line-height: 27px;
color:white;
width:100%;
float:left;
text-transform:uppercase;
font-weight:700;
background:#009846;
padding:10px 0px;
text-indent:15px;
}

.radiobox{
width:25px;
height:25px;
float:left;
margin:0px 0px 0px 0px;
}

.radiobox1{
width:19px;
height:19px;
float:left;
margin:0px 0px 0px 0px;
}

.sublabel{
float:left;
height:25px;
line-height:25px;
font-size:15px;
color:#4a4a4a;
margin:0px 20px 0px 40px;
}

.itext{
width:calc(100% - 82px);
float:left;
height:40px;
padding:0px 20px;
font-size:15px;
line-height:40px;
color:#4a4a4a;
text-align:left;
border:1px solid #ee7e1c;
border-radius:6px;
margin-left:40px;
}

.itext1{
width:25%;
margin-left:0px;
}

.itext2{
width:9%;
margin-left:0px;
}

.keepit{
float:left;
width:auto;
}

.cleft{
clear:left;
}

.cleft .sublabel{
width:200px;
}

.titw .sublabel{
text-indent:30px;
}

.boldit{
font-weight:700;
}

#sendenit{
width:calc(100% - 42px);
float:left;
height:40px;
text-align:center;
line-height:40px;
font-size:20px;
background:#ff7800;
color:white;
border:1px solid white;
border-radius:8px;
cursor:pointer;
margin-left:40px;
}

#sendenit:hover{
background:#d16301;
transition:background 0.4s;
}

.page-info{
width:100%;
float:left;
margin:40px 0px 10px 0px;
text-align:center;
}

.page-info p{
margin:0px;
text-align:center;
color:#ff7800;
font-weight:bold;
}

.seite-number{
font-weight:700;
font-size:20px;
color:black;
margin-top:20px;
display:inline-block;
height:40px;
line-height:40px;
}

.nextprevseite{
background:#009846;
height:40px;
line-height:40px;
width:40px;
font-size:20px;
color:white;
font-weight:700;
border-radius:20px;
display:inline-block;
cursor:pointer;
margin:0px 20px;
}

.nextprevseite:hover{
background:#48b278;
transition:background 0.4s;
}

.npsspacer{
height:40px;
width:40px;
display:inline-block;
margin:0px 20px;
}

.nmth{
margin-top:0px;
}

.anchoros{
width:1px;
height:1px;
float:left;
}

/* Duży formularz end */

/* Menu mobilne */

/* Menu mobilne start */

.mobile-start{
width:100%;
float:left;
height:50px;
text-align:center;
background:#48b278;
-webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.75);
box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.75);
position:fixed;
top:0px;
left:0px;
z-index:9999;
display:none;
}

.logotop{
float:left;
height:46px;
margin:2px 0px 0px 30px;
}

#mobile-butt{
height:30px;
line-height:30px;
float:right;
font-size:1.1em;
font-weight:700;
color:white;
padding-right:50px;
background:url(../img/user/rm.png) no-repeat right center;
background-size:30px 30px;
text-transform:uppercase;
margin-top:10px;
cursor:pointer;
margin-right:25px;
}

.mobile-container{
width:100%;
float:left;
background:white;
position:fixed;
top:60px;
left:0px;
background:white;
-webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.75);
box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.75);
z-index:9999;
}

#xxx{
width:100%;
float:left;
}

.xbut{
float:right;
margin-right:20px;
cursor:pointer;
}

.xbut img{
margin:10px 0px 0px 0px;
}

.mobilenav{
width:100%;
float:left;
text-align:center;
padding-bottom:10px;
background:white;
z-index:9999;
}

.mobilenav a{
width:80%;
float:left;
height:40px;
line-height:40px;
color:white;
background:#009846;
text-align:center;
font-size:1em;
margin-left:10%;
margin-top:1px;
}

.mobilenav a:hover{
background:#48b278;
}

.mobspacer{
width:100%;
float:left;
height:55px;
background:white;
display:none;
}

.ruckruf-mobile{
height:40px;
line-height:40px;
padding:0px 10px 0px 45px;
margin:5px 20px 0px 20px;
font-size:14px;
color:white;
background:url(../img/user/ruckruf-mobile.png) no-repeat 10px center #009846;
background-size:auto 25px;
float:left;
border-radius:5px;
cursor:pointer;
}

.fragebogen-mobile{
height:40px;
line-height:40px;
padding:0px 10px 0px 45px;
margin:5px 0px 0px 0px;
font-size:14px;
color:white;
background:url(../img/user/fragebogen-mobile.png) no-repeat 10px center #009846;
background-size:auto 25px;
float:left;
border-radius:5px;
cursor:pointer;
}

.ruckruf-mobile:hover,
.fragebogen-mobile:hover{
filter:brightness(80%);
}

/* Menu mobilne end */

.white-gradient{
width:100%;
float:left;
height:35px;
background:url(../img/user/white-gradient.png) repeat-x left top;
margin-top:-34px;
}

.kariere-boxes{
margin-top:35px;
float:left;
width:100%;
}

.kariere-box{
width:100%;
float:left;
margin-top:5px;
}

.maingbt{
margin-top:25px!important;	
}

.messages{
width:100%;
float:left;
text-align:center;
color:red;
font-weight:700;
padding:20px 0px;
font-size:18pt;
line-height:19pt;
}

.bjqs-caption{
display:none!important;
}

.download{
width:100%;
float:left;
margin-top:40px;
}

.icon{
min-width:67px;
min-height:84px;
background:url(../img/user/download.png) no-repeat left top;
float:left;
margin-right:30px;
}

.takeit{
height:30px;
line-height:30px;
background:red;
padding:0px 20px;
font-size:14px;
font-weight:700;
color:white;
border-radius:4px;
margin:29px 0px 0px 50px;
float:left;
}

.downdesc{
float:left;
font-size:14px;
width:auto;
max-width:calc(100% - 200px);
line-height:22px;
padding-top:16px;
}

.download:hover{
filter:brightness(90%);
}

.download:hover .downdesc{
text-decoration:underline;
}

.bottommenu{
background:#48b278;
padding:10px 0px;	
}

.menu-b{
width:100%;
float:left;
text-align:center;
}

.menu-b a{
display:inline-block;
height:35px;
line-height:35px;
padding:0px 15px;
font-size:17px;
color:white;
font-weight:300;
text-transform:uppercase;
}

.menu-b a:hover,
.menu-b a.current{
text-decoration:underline;
}

.opinion-box,
.blog-box{
width:80%;
float:left;
margin-left:10%;
padding:40px 0px;
border-bottom:1px solid black;
}

.opinion-box img,
.blog-box img{
float:left;
width:232px;
border-radius:232px;
border:2px solid #48b278;
}

.opinion-right,
.blog-right{
float:right;
width:calc(100% - 277px);
}

.opinion-title,
.blog-title{
width:100%;
float:left;
color:#3c8ac6;
font-size:28px;
line-height:31px;
text-align:left;
font-weight:700;
}

.opinion-more,
.blog-more{
width:100%;
float:left;
}

.opinion-more div,
.blog-more div{
float:right;
font-size:18px;
color:white;
height:40px;
line-height:40px;
padding:0px 25px;
border-radius:8px;
background:#48b278;
margin-top:20px;
}

.opinion-more div:hover,
.blog-more div:hover{
background:#d07a2e;
transition:background 0.2s;
}

.datum{
width:100%;
float:left;
text-align:left;
padding:5px 0px;
font-size:14px;
color:#f07f21;
margin-top:20px;
}

.blog-right p{
margin-top:20px;
}

.blogphoto{
width:100%;
float:left;
}

.orangeit{
color:#f07f21!important;
font-weight:300;
margin-top:40px;
}

.grossdatum{
font-size:20px!important;
}

.blogphoto > .blog-box{
border:none;
}

.darts{
width:100%;
float:left;
text-align:center;
padding:5px 0px;
font-size:29px;
color:#2d86c6;
margin-top:20px;
font-weight:300;
margin-top:40px;
letter-spacing:10px;
}

.go-back{
width:100%;
float:left;
text-align:center;
}

.go-back a{
display:inline-block;
font-size:18px;
color:white;
height:40px;
line-height:40px;
padding:0px 35px;
border-radius:8px;
background:#48b278;
margin-top:20px;
}

.go-back a:hover{
background:#d07a2e;
transition:background 0.2s;
}

.pdown{
margin-bottom:20px;
}

/* Media queries */

@media screen and (max-width: 1150px){

body{
overflow-x:hidden;
}	
	
div.container{
width:100%;
}

div.wrapper{
width:90%;
margin:0 0 0 5%;
}

.mainnav{
height:auto;
}

.mainnav a{
background:none;
background-image:none;
}

.mainnav a:first-child,
.mainnav a:hover,
.mainnav a.current{
background-image:none;
}

.slogan2,
.slogan1{
font-size:29px;
}

.form-div{
width:calc(100% - 40px);
margin-left:0;
}

}

@media screen and (max-width: 1100px){

.dtb1{
float:left;
margin:50px 0px 0px 0px;
}

.dtb2{
float:left;
margin:50px 0px 0px 80px;
}

.logo{
float:right;
position:initial;
margin:30px 0px 0px 0px;
}
	
}

@media screen and (max-width: 1000px){
	
.opinion p,
.blog p{
line-height:20px;
font-size:14px;
}

.lefthalf{
width:calc(100% - 450px);
}

.tophalflogo,
.bottomhalflogo{
padding-bottom:40px;	
}

.oph{
min-width:366px;
}

.rightlh{
width:calc(100% - 450px);
}

.grayphotobg{
background-size:cover;
}

.fbox h3{
line-height:29px;
font-size:20px;
}

.ruckruf-container{
width:calc(80% - 60px);
padding:30px;
background:#fbb679;
-webkit-box-shadow: 0px 5px 38px -5px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 5px 38px -5px rgba(0,0,0,0.75);
box-shadow: 0px 5px 38px -5px rgba(0,0,0,0.75);
position:fixed;
top:200px;
left:10%;
z-index:999;
}

}

@media screen and (max-width: 900px){
	
.logo{
height:70px;
margin-top:47px;
}

.dtb2{
margin:50px 0px 0px 40px;
}

.sublabel{
clear:left;
width:250px;
}
	
}

@media screen and (max-width: 800px){

.spaceit{
margin-top:60px;
}

}

@media screen and (max-width: 768px){

.floatthisphoto{
width:10%;
margin-top:40px;
}

.opinion{
width:70.7%;
}

.opinion p{
line-height:15px;
}

.darkgray{
padding:50px 0px;
}

.opinion{
margin-top:-10px;
}

}

@media screen and (max-width: 700px){

.mainnav{
display:none;
}
.fbox{
width:42.5%;
margin-right:0;
margin-left:5%;
margin-bottom:50px;
}

.fbox h3{
line-height:29px;
font-size:26px;
}

.slogan2,
.slogan1{
font-size:19px;
height:34px;
line-height:34px;
}

.slogans{
margin:-120px 0px 0px 0px;
}

.lefthalf{
width:100%;
}

.bottomnav{
display:none;
}

.bottom-right{
width:100%;
}

.dtb2{
clear:left;
margin:0px 0px 0px 0px;
}

.dtb1{
margin:20px 0px 0px 0px;
}

.logo{
margin-top:-35px;
}

.menu_top_swim{
display:none;
}

.mobile-start,
.mobspacer{
display:initial;
}

#sidebutton1,
#sidebutton2{
display:none;
}

.opinion-box img,
.blog-box img{
width:100px;
border-radius:100px;
}

.opinion-right,
.blog-right{
float:right;
width:calc(100% - 140px);
}


}

@media screen and (max-width: 650px){

.opinion{
margin-top:-20px;
}
	
}

@media screen and (max-width: 600px){
	
.logo{
height:auto;
width:100%;
margin-top:10px;
margin-bottom:20px;
float:left;
}

}

@media screen and (max-width: 500px){

.gallery img{
width:calc(42.5% - 2px);
margin:5.7% 0 0px 5%;
}

.drights{
width:100%;
margin-left:0px;
margin-top:10px;
}
	
}

@media screen and (max-width: 455px){
	
.bbox{
float:left;
}	

.buttons a{
margin-top:20px;	
}

#mobile-butt{
font-size:0px;
}

.fbox{
width:80%;
margin:0px 0px 50px 10%;
}

.detail-top-box .detail-content{
padding-left:45px;
line-height:45px;
}

.detail-top-box .detail-content a{
font-size:20px;
}

.ruckruf-mobile{
font-size:12px;
}

.fragebogen-mobile{
font-size:12px;
}

.slogan1{
height:auto;
line-height:25px;
padding:3px 20px;
}

.slogan2{
height:auto;
line-height:25px;
padding:3px 20px;
}

.slogans{
margin:-113px 0px 0px 0px;
}

#slider2,
#slider2 ul,
#slider2 ul li,
.bjqs-wrapper{
height:350px!important;
min-height:350px!important;
}

.floatthisphoto{
float:left;
width:40%;
margin-left:0;
padding:0 30%;
}

.opinion{
width:70%;
float:right;
margin-right:15%;
}

.opinion p{
text-align:center;
}

#slider2 ul.bjqs-controls.v-centered li a{position:absolute; height:52px; width:29px; top:80px!important;}

.gbp{
float:left;
width:102px;
margin-left:3%;
}

.gbp img{
width:100%;
float:left;
}

.gbt{
width:calc(100% - 102px - 10%);
float:right;
margin-right:3%;
}

.sublabel{
clear:left;
width:200px;
margin-left:0px;
margin-top:20px;
height:auto;
min-height:25px;
}

.radiobox,
.radiobox1{
margin-top:20px;
}

.itext{
width:calc(100% - 40px);
margin-left:0px;
}

.itext1{
width:calc(100% - 40px);
margin-left:0px;
}

.itext2{
width:calc(100% - 40px);
margin-left:0px;
}

}

@media screen and (max-width: 400px){

.righthalf{
width:90%;
float:left;
margin-left:5%;
min-width:200px;
}

.oph{
float:left;
margin:50px 0px 0px 5%;
width:calc(90% - 6px);
border-radius:4px;
border:3px solid white;
min-width:200px;
}

.opinion-right,
.blog-right{
width:100%;
margin-top:10px;
}

.opinion-box img,
.blog-box img{
margin-left:calc(50% - 52px);
}

}