* {
    margin: 0px;
    padding: 0px;
}
body {
    background: #FFF;
    height: 100%;
    width: 100%;
    font-weight: normal;
    margin: 0px;
    padding: 0px;
    font-size: 14px;
    line-height: 22px; 
    font-family: 'Roboto', sans-serif;
}

body a{
	color: #f17012;
}

h2{
    font-family: 'Roboto', sans-serif;
    font-size: 17px ;
    color: #f17012;
}


.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    border: 1px solid #c5dbec;
   
    font-weight: bold;
    color: #f17012;
}



.group_radio_btn input[type=radio] {
    display: none;
}

.group_radio_btn label{display:block;cursor: pointer;}
.group_radio_btn .label_button{
	background:#fff;
	text-align:center;
	padding: 45px 0;
}
.group_radio_btn .label_button img{max-width:120px; margin:0 auto; display:block;}

.group_radio_btn span{
	font-size: 16px;
    line-height: 28px;  
    margin-top: 12px;
	font-weight: 700;
	color: #fff;
}




.group_radio_btn .checked,.group_radio_btn .label_button:hover {
    background-color: rgb(255, 227, 61);
}



.main-content{
	
}



.section{ position:relative;}
.bg_green{background: #f57e20; color:#fff;}
.bg-grey{background-color: rgb(248, 248, 248);}
.inner-bg-grey{background: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 50%, rgb(248, 248, 248) 50%);}
.inner-bg-white{    background: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 50%, white 50%);}
.top_section{padding:44px 0 85px 0;}
.hero_img{
	display: block;
    position: absolute;
    right: 0px;
    top: 0px;
    height: calc(100% + 120px);
    width: 40%;
}
.hero_img img{
	object-fit: cover;
    height: 100%;
}
.img_right{}
.section_container{padding:0 40px;position:relative;}
.section_container:after{content:''; clear:both; display:table;}


h1.heading_title{
	color:#fff;
	font-size: 22px; 
	font-weight: normal;
  line-height: 1.5;
  text-transform: uppercase;
  font-family: 'Roboto', sans-serif;
	
}
.section_content{clear:both;}



.bg-bottom-right{
	    background: linear-gradient(white, white 50%, rgb(245, 126, 32) 50%); 
}
.bg-top-right{
	    background: linear-gradient(to top, white, white 50%, rgb(245, 126, 32) 50%) ;
}
.inner-section{position:relative;}
.img_container{
	position: absolute;
    top: 50%;
    transform: translateY(-50%);
	    z-index: 55;
}
.content_container{
	padding: 120px 60px 120px 160px;
}
.inner-bg-white .content_container{background:#fff;}

.count-num{ text-align:center;padding: 55px 0;}
.count-num hr{
	border: 2px solid rgb(241, 112, 18);
    background-color: rgb(241, 112, 18);
    width: 80%;
    margin: 0px auto;
}
.number{font-size: 110px;line-height: 160px; font-weight:900;}
.num-title{font-size: 18px;
    font-style: normal;
    font-weight: 800;
    line-height: 28px;
    letter-spacing: 0.01em;
    text-align: center;}

.reviews{
}
.review-item{    padding: 2rem 20px 4rem ;background: linear-gradient(white, white 100px, rgb(248, 248, 248) 100px);
    color: #f57e20;}
.review-item h3{font-size: 22px; font-weight:bold;    line-height: 32px;}
.item-inner{}
.review-img{ max-width:75%;padding-bottom: 25px;}
.review-img img{}
.review-content{}
.review-content img{ max-width:120px;}
.review-content p{font-style: normal;
    font-weight: 500;
    line-height: 28px;
    letter-spacing: 0.01em;}
.review-content .review-author{ 
	
	font-weight: 700;
    font-size: 18px;
    line-height: 30px;
    padding-top: 18px;}








.group_radio_btn span {
    font-size: 14px;
    line-height: 28px;
    margin-top: 8px;
    font-weight: 700;
    color: #fff;
}

















#videobereich {
    background-color: orange;
    position: relative;
    height: 0;
    padding-bottom: 56.25%;
}	
.videoextern {
    background-color: yellow;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.bluerow {
    background-color: #f17012;
    color: #fff;
    padding-top: 30px;
    padding-bottom: 30px;
    margin-top: 0px;
    height: 110px;
}

.bluerow p {
    color: #fff;
    font-size: 35px;
    line-height: 50px;
    font-weight: bold;
    text-align:center; 
}

.labelText
{
    line-height: 26px;
    font-size: 14px;
    color: #222;
    font-weight: bold;
}

.labelTextBig
{
    line-height: 26px;
    font-size: 16px;
    color: #3a4e99;
    font-weight: bold;
}


.myFooter{
    height: 300px;
    background-color: #022a3b;
    width: 100%;
    margin-bottom: 50px;
}




footer p{
    line-height: 19px;
    font-size: 14px;
    font-weight: normal;
    color: #0F3266;
    font-family: 'Roboto', sans-serif;
}


footer a{
    line-height: 16px;
    font-size: 12px;
    font-weight: normal;
    color: #fff;
    text-align: center;
    display: inline;
    white-space: nowrap;
    position: relative;
}



.divider {
    height: 4px;
    width:100%;
    display:block;

    overflow: hidden;
    background-color: #022a3b;
}

.dividerSmall
{
    height: 2px;
    width: 100%;
    background-color: #022a3b;

}


header img
{
    height: 79px;
    width: auto;
    margin-bottom: 5px;
}



.read-more
{
    display: inline-block;
    background-color: #f17012;
    color: #fff;
    padding: 7px 15px;
    padding-bottom: 8px;
    border-radius: 4px;
}

.read-more a:hover
{
    display: inline-block;
    background-color: #f17012;
    color: #fff;
    padding: 5px 15px;
}


.log-in
{
    display: inline-block;
    background-color: #f17012;
    color: #fff;
    padding: 7px 15px;
    padding-bottom: 8px;
    border-radius: 4px;
}



.main-navigation{
    background-color: #f0f0f0;
}


.main-navigation .nav li a {
    -moz-transition: none;
    -o-transition: none;
    -webkit-transition: none;
    transition: none;
    background-color: transparent;
    border-left: 0px;
    border-top: 2px solid transparent;
    color: #313131;
    cursor: pointer;
    display: block;
    font-size: 22px;
    line-height: 1;
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 23px;
    padding-top: 21px;
    white-space: nowrap;
}


.main-navigation .nav li .nolink:hover,
.main-navigation .nav li a:hover {
    background-color: #fff;
    border-top: 2px solid #fff;
    color: #fff;
    text-decoration: none
}

.main-navigation .nav li .nolink.active,
.main-navigation .nav li a.active {
    border-top: 2px solid #fff
}


.main-navigation .nav li.menuparent>.nolink,
.main-navigation .nav li.menuparent>a {
    background-image: url("../images/arrow-bottom-black.png");
    background-position: 90% center;
    background-repeat: no-repeat;
    background-size: 11px 8px;
    padding-right: 40px;
}

.main-navigation .nav li.menuparent li.menuparent > .nolink,
.main-navigation .nav li.menuparent li.menuparent > a {
    background-image: url("../images/arrow-right-white.png");
    background-size: 8px 11px
}

.main-navigation .nav li:hover > ul {
    visibility: visible
}

.main-navigation .nav li:hover > .nolink, .main-navigation .nav li:hover > a {
    background-color: #f17012;
    color: #fff;
    text-decoration: none;
    border-radius: 0px;
}

.main-navigation .nav li:hover > .nolink.menuparent, .main-navigation .nav li:hover > a.menuparent {
    background-image: url("../images/arrow-bottom-white.png")
}

.main-navigation .nav li ul {
    background-image: none;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    background-color: #999;
    margin: 62px 0px 0px 0px;
    position: absolute;
    padding: 0px;
    top: 0px;
    visibility: hidden;
    width: 260px;
    z-index: 999
}

.main-navigation .nav li ul li {
    float: none;
    display: block;
    min-width: 100%
}

.main-navigation .nav li ul li .nolink, .main-navigation .nav li ul li a {
    -moz-transition: background-color 0.1s ease-in, padding-left 0.1s ease-in;
    -o-transition: background-color 0.1s ease-in, padding-left 0.1s ease-in;
    -webkit-transition: background-color 0.1s ease-in, padding-left 0.1s ease-in;
    transition: background-color 0.1s ease-in, padding-left 0.1s ease-in;
    border-top: 0px !important;
    color: #fff !important;
    display: block;
    font-size: 14px;
    padding-right: 20px;
    padding-bottom: 15px;
    padding-top: 15px
}

.main-navigation .nav li ul li .nolink.menuparent, .main-navigation .nav li ul li a.menuparent {
    background-image: url("../images/arrow-right-white.png");
    background-position: 90%;
    background-size: 8px 11px;
    background-repeat: no-repeat
}

.main-navigation .nav li ul li .nolink.menuparent:hover, .main-navigation .nav li ul li a.menuparent:hover {
    background-image: url("../images/arrow-right-white.png");
    background-size: 8px 11px
}

.main-navigation .nav li ul li .nolink:hover, .main-navigation .nav li ul li a:hover {
    background-color: #f17012;
    padding-left: 25px
}

.main-navigation .nav li ul li ul {
    left: 220px !important;
    margin-top: 0px
}

.main-navigation .site-search {
    float: right;
    margin: 13px 20px 0px 0px

}

.main-navigation .site-search input {
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    border-right: 0px;
    width: 146px;
    padding: 6px;
    box-shadow: none;
    border-left: 1px solid #d5d5d5;
    border-top: 1px solid #d5d5d5;
    border-bottom: 1px solid #d5d5d5;
    outline: none;
    line-height: 19px;
    background-color: #fff;
}

.main-navigation .site-search input:focus {
    border-color: #cccccc;
    background-color: #fff;
}

.main-navigation .site-search button {
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    text-shadow: none;
    background:  #ffffff url("../images/icons/search.png") no-repeat center center;
    background-size: 13px 13px;
    border: 1px solid #d5d5d5;
    border-left: 0px;
    display: inline-block;
    margin: 0px 0px 0px -5px;
    padding: 6px 15px;
    vertical-align: top;
    text-indent: -9999px;
    height: 33px;
}

.main-navigation .site-search .control-group {
    display: inline-block;
    margin: 0px
}

.main-navigation .language-switcher {
    -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1);
    float: right;
    margin: 13px 0px 11px 0px;
    position: relative
}

.main-navigation .language-switcher:hover .options {
    max-height: 200px
}

.main-navigation .language-switcher .en a {
    background: url("../images/flags/United-Kingdom-Flag.png") no-repeat left center;
    background-size: 16px 16px;
    margin-left: 15px
}

.main-navigation .language-switcher .de a {
    background: url("../images/flags/Germany-Flag.png") no-repeat left center;
    background-size: 16px 16px;
    margin-left: 15px
}

.main-navigation .language-switcher .fr a {
    background: url("../images/flags/France-Flag.png") no-repeat left center;
    background-size: 16px 16px;
    margin-left: 15px
}

.main-navigation .language-switcher .current {
    background: #ffffff url("../images/arrow-bottom-black.png") no-repeat right center;
    background-size: 11px 7px;
    border-right: 9px solid #ffffff
}

.main-navigation .language-switcher .current a {
    color: #313131;
    display: block;
    text-decoration: none;
    padding: 10px 17px 10px 25px;
    text-indent: -9999px
}





.customHeader
{
    display: inline-block;
    background-color: #E4E4E4;
    color: #0F3266;
    padding: 5px 15px;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: bold;
}


.boxindex
{
    display:block;
    height: 180px;
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
    background-color: #E4E4E4;
}

.boxindex h1
{
    padding-left: 10px;
    padding-top: 20px;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: bold;
    color: #FF8000;

}


.boxindex p
{
    padding-left: 10px;
    padding-top: 5px;
    font-size: 16px;
    color: #0F3266;
}


.boxindex .customReadMore a
{
    position: absolute;
    bottom: 10px;
    margin-left: 10px;
    display: inline-block;
    background-color: #FF8000;
    color: #fff;
    padding: 5px 15px;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: bold;
}



.boxindex .customReadMore a:hover
{
    position: absolute;
    bottom: 10px;
    margin-left: 10px;
    display: inline-block;
    background-color: #FF8000;
    color: #0F3266;
    padding: 5px 15px;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: bold;
    text-decoration: none;

}


.lowerFooter
{

    display:block;
    height: 40px;
    background-color: #222;
    color: #aaa;
    text-align: center;
}

.lowerFooter p
{
    font-family: 'Roboto', sans-serif;
    color: #aaa;
    text-align: left;
    display: block;
    margin-bottom: 0;
    margin-top: 10px;
}

.lowerFooter a
{
    font-family: 'Roboto', sans-serif;
    color: #aaa;
    text-align: left;
    display: block;
    font-size: 14px;
}

.lowerFooter2
{
    display:block;
    height: 5px;
    background-color: #002C5D;
    color: #fff;
    text-align: center;
}

.lowerFooter div{
    line-height: 16px;
    font-size: 12px;
    font-weight: normal;
    text-align: center;
    margin-top: 0px;
    padding-top: 0px;
}


.bigFooterFluid
{
    background-image: url("../images/title-area-pattern.png");
    background-color: #f2f2f2;
}

.bigFooter
{

    min-height: 250px;
    background-image: url("../images/title-area-pattern.png");
    background-color: #f2f2f2;
    color: #06a7ea;
}


.bigFooter h1
{
    text-transform: uppercase;
    font-size: 16px;
    font-weight: bold;
    color: #000;


}


.bigFooter h6
{
    font-family: 'Roboto', sans-serif;
    font-weight: bold;
    color: #3d3d3d;
    letter-spacing: -0.5px;
    font-size: 14px;
    text-transform: uppercase;


}


.alternativeHeader{
    position: absolute;
    content: "";
    background-color: #f17012;
    height: 3px;
    width: 40px;
    left: 10;
    top: 38px;
}


.bigFooter .nospamemail a
{
    line-height: 19px;
    font-size: 14px;
    font-weight: normal;
    color: #666;
    font-family: 'Roboto', sans-serif;

}


.bigFooter p
{
    color: #666;
}


.bigFooter ul{
    list-style-type: disc;
    color: #666;
    color: #f17012;
}



.bigFooter li > a{
    line-height: 30px;
    font-size: 14px;
    font-weight: normal;
    color: #666;
    text-align: left;
    white-space: nowrap;
    list-style-type: none;
    padding-left: 0px;
}








.templateLogo {
    float: left;
}

.templateLogo img{
    width: 155px;
    height: auto;
    margin-top: 10px;
    margin-bottom: 10px;
}


.site-name
{
    float: left;
    height: 50px;
    line-height: 50px;

}

.site-name .brand
{
    text-shadow: none;
    color: #022a3b;
    font-size: 24px;
    margin: 0;
    padding: 0;
    text-decoration: none;
}



.info {
    float: right;
    padding-top: 0px;
}


.site-email{
    float: none;
    line-height: 30px;
    color: #707070;
    color: #707070;
    font-size: 18px;
    font-weight: 500;
    padding-left: 7px;
    text-decoration: none;
    padding-top: 12px;
}



.site-email a
{

    color: #707070;
    text-decoration: none;
}

.site-phone
{
    float: none;
    line-height: 30px;
    padding-top: 12px;
}


.site-phone
{
    color: #707070;
    font-size: 18px;
    font-weight: 500;
    padding-left: 7px;
}



.uberblick
{
    border: 2px solid #CCC;
    padding: 8px;    
}

.uberblick .row {
      position: relative;
  }

.bottom-align-text {
    position: absolute;
    bottom: 0;
    right: 0;
  }


.uberblick h2
{
    color: #707070;
    margin-left: 0px;
    text-align: center;
    font-size: 21px; font-weight:bolder;
}


.uberblick h1
{
    color: #222;
    margin-left: 0px;
    text-align: left;
    font-size: 21px; font-weight:bolder;
}


.contactsite h1{
    font-size: 22px;
    color: #f17012;
}


.contactsite .emailInOneLine div
{
    display: inline;
}


.footerImage
{
    margin-top: 10px;
    margin-bottom: 10px;
}


.unternehmen-list ul
{
    list-style: none;
    padding-left: 5px;
}

.topheader
{
    background-color: #f0f0f0;
    min-height: 50px;
}
.detailButtons {
    display: block;
    margin: 28px auto 0;
    text-align: center;
}

.detailButtons .btn {
    background-color: #f17012;
    border-radius: 0px;
    color: #fff;
    font-size: 18px;
    line-height: 1.0;
    padding: 0px;
    font-family: 'Roboto', sans-serif;
}

.detailAbsendenButtons .btn {
    background-color: #f17012;
    border: #4384C5 1px solid;
    border-radius: 0px;
    color: #014a94;
    font-size: 18px;
    line-height: 1.5;
    padding: 3px;
    font-family: 'Roboto', sans-serif;
}

.detailButtons .btn a{
    color: #014a94;
}

.detailButtons .list-btn{
    margin-top: 20px;
    padding: 0;
    list-style: none;
}

.detailButtons .list-btn li{
    float: left;
    display: inline-block;
    margin-left: 10px;
    text-align: center;
    color: #f17012;
}

.detailButtons .list-btn li .btn{
    margin: 0;
    height: 28px;
    line-height: 27px;
}

.detailButtons .list-btn li .btn span{
    padding-top: 0;
    padding-bottom: 0;
    font-weight: bolder;
}

.detailButtons .list-btn li:first-child{
    margin-left: 0;
}








#wrap {
    position: relative;
    width: 100%;
    background: #fff;
}
/*=======================================================
			HEADINGS
========================================================*/
h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
    color: #232323;
    text-transform: uppercase;
    font-family: 'Roboto', sans-serif;
}
h1 {
    font-size: 30px;
}
h2 {
    font-size: 28px;
}
h3 {
    font-size: 24px;
}
h4 {
    font-size: 20px;
    font-weight: bold;
}
h5 {
    font-size: 18px;
}
h6 {
    font-size: 16px;
}

a {
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    text-decoration: none !important;
}
img {
    -webkit-transition: 0.4s ease-in-out;
    -moz-transition: 0.4s ease-in-out;
    -ms-transition: 0.4s ease-in-out;
    -o-transition: 0.4s ease-in-out;
    transition: 0.4s ease-in-out;
    display: inline-block !important;
}

.font-montserrat {
    font-family: 'Montserrat', sans-serif !important;
}
/*=======================================================
			SECTION
========================================================*/
section {
    position: relative;
    overflow: hidden;
    width: 100%;
}
/*=======================================================
			BUTTON
========================================================*/

/*=======================================================
			MARGIN 20px
========================================================*/
.margin-r-20 {
    margin-right: 20px;
}
.margin-l-20 {
    margin-left: 20px;
}
.margin-t-20 {
    margin-top: 20px;
}
.margin-b-20 {
    margin-bottom: 20px;
}
/*=======================================================
			MARGIN 40px
========================================================*/
.margin-r-40 {
    margin-right: 40px;
}
.margin-l-40 {
    margin-left: 40px;
}
.margin-t-40 {
    margin-top: 40px;
}
.margin-b-40 {
    margin-bottom: 40px;
}
/*=======================================================
			MARGIN 80px
========================================================*/
.margin-r-80 {
    margin-right: 80px;
}
.margin-l-80 {
    margin-left: 80px;
}
.margin-t-80 {
    margin-top: 80px;
}
.margin-b-80 {
    margin-bottom: 80px;
}
/*=======================================================
			PADDING
========================================================*/
.padding-r-20 {
    padding-right: 20px !important;
}
.padding-r-80 {
    padding-right: 80px !important;
}
.padding-l-20 {
    padding-left: 20px;
}
.padding-t-20 {
    padding-top: 20px;
}
.padding-b-20 {
    padding-bottom: 20px;
}
.no-margin {
    margin: 0px !important;
}
.no-padding {
    padding: 0px !important;
}
.no-margin-t {
    margin-top: 0px !important;
}
.no-padding-t {
    padding-top: 0px !important;
}
.padding-l-60 {
    padding-left: 60px;
}
/*=======================================================
			TITTLE
========================================================*/
hr {
    background: #27ae60;
    height: 4px;
    width: 50px;
}
.tittle {
    text-align: center;
    display: inline-block;
    width: 100%;
    position: relative;
    margin-bottom: 10px;
}
.tittle h3 {
    margin: 0px;
    font-weight: 700;
    line-height: 37px;
    text-transform: uppercase;
    color: #222222;
    margin-top: 5px;
    margin-bottom: 10px;
    font-family: 'Roboto', sans-serif;
}
.tittle p {
    width: 75%;
    margin: 0 auto;
    line-height: 24px;
    font-size: 14px;
}
/*=======================================================
			TOP BAR
========================================================*/
.top-bar {
    background: #222222;
    border-bottom: 1px solid #eaebef;
    height: 43px;
    position: relative;
}
.top-bar ul {
    margin: 0;
    padding: 0;
}
.top-bar ul li {
    display: inline-block;
}
.top-bar ul li a {
    color: #aaa;
    display: inline-block;
    padding: 0 10px;
    line-height: 45px;
}
.top-bar .left-bar-side {
    float: left;
    margin-bottom: 0px;
}
.top-bar .left-bar-side li {
}
.top-bar li:nth-last-child(1) a {
}
.top-bar .right-bar-side {
    float: right;
}
.top-bar i {
    margin: 0 4px;
}
.top-bar .left-bar-side li {
    border: none;
    margin-right: 0px;
}
.top-bar .left-bar-side li:nth-last-child(1) span {
    display: none;
}
.top-bar p {
    font-weight: 400;
    color: #aaa;
    line-height: 40px;
    margin: 0px;
    display: inline-block;
    line-height: 43px;
    font-size: 14px;
}
.top-bar .left-bar-side span {
    color: #aaa;
    margin: 0 15px;
}


/*=======================================================
			HEADER
========================================================*/
header {
    background: #f0f0f0;
    display: inline-block;
    width: 100%;
    line-height: 0px;
}
/* header:before {
	content: "";
	position: absolute;
	width: 38%;
	background: #f2f0f0;
	height: 100%;
	z-index: -1;
} */
header .logo {
    float: left;
    margin-top: 10px;
    position: relative;
}

header .logo .text{
    font-weight: 600;
    color: #f17012;
    display: inline-block;
    vertical-align: bottom;
    height: 13px;
}
header nav {
    display: inline-block;
    width: auto;
    float: right;
    position: relative;
    z-index: 999;
    min-height: 90px;
}
header nav .ownmenu {
    background: #fff;
    min-height: 80px;
}
.sticky-wrapper {
    height: auto !important;
}
header nav li a {
    line-height: 20px;
    text-transform: uppercase;
    color: #222222;
    float: left;
    font-size: 14px;    
    font-size: 15px;
    padding: 0 18px;
    padding-bottom: 25px;
}
header nav li {
    padding-top: 22px;
    margin-top: 20px;
}
header nav li.active {
}
header nav li.active a {
    color: #ff5722;
}
header nav li:hover a {
    color: #ff5722;
}
header nav li:hover {
    color: #222222;
}
header .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    background: #ffdd00;
    color: #222222;
}
header .ownmenu ul.dropdown li a {
    text-transform: uppercase;
    font-size: 12px;
    color: #222222;
    border-bottom: 1px solid #e9e9e9;
    line-height: 38px;
    padding: 0px;
    background: none;
}
header .ownmenu ul.dropdown li a:hover {
    background: none;
    color: #f17012;
}
header .ownmenu ul.dropdown li:nth-last-child(1) a {
}
.ownmenu > li:hover > a, .ownmenu > li.active > a {
}
.sub-nav-co {
    float: right;
    position: relative;
    right: 15px;
    width: 40px;
    margin-top: -30px;
    height: 40px;
    display: none;
}
.sub-nav-co a {
    background: #ffffff;
    position: absolute;
    left: 0px;
    box-shadow: 0 5px 5px rgba(0,0,0,0.1);
    top: 0px;
    border-radius: 50%;
    display: inline-block;
    width: 100%;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #222222;
    text-transform: uppercase;
    font-size: 16px;
}
.nav-post .boder-da-r {
    border-right: 1px solid #e9e9e9;
}
.nav-post li {
    padding: 10px 0 !important;
    margin: 0px;
    border-bottom: 1px solid #e9e9e9;
    display: inline-block;
    width: 100%;
}
.nav-post .img-nav {
    height: 75px;
    width: 75px;
    float: left;
}
.nav-post .nav-text {
    float: right;
    width: 73%;
}
.ownmenu li > .megamenu a {
    color: #333;
    font-family: 'Montserrat', sans-serif;
    font-size: 12px;
    display: inline-block;
    width: 100%;
}
.ownmenu li > .megamenu li:hover {
    background: none;
    color: #f17012 !important;
}
.ownmenu li > .megamenu li a:hover {
    color: #f17012 !important;
}
ul.dropdown {
    padding-top: 10px !important;
}
ul.dropdown li {
    padding: 0px;
}
ul.dropdown li:hover {
    background: none
}
.ownmenu .megamenu img {
    width: auto;
    margin-top: -50px;
}
.ownmenu > li > .megamenu.full-width {
    padding-bottom: 0px;
}
.absu {
    position: absolute;
    right: -41px;
    width: 100%;
    top: -8px;
    z-index: -1;
}
.nav-post .nav-text a {
    background: none;
    font-size: 14px !important;
    color: #222222 !important;
    line-height: 20px;
    font-weight: 500;
}
.nav-post .nav-text span {
    width: 100%;
    display: inline-block;
    margin-top: 10px;
}
.nav-post .nav-big a {
    background: none;
    font-size: 15px !important;
    color: #222222 !important;
    line-height: 20px;
    padding: 0px !important;
}
.nav-post .nav-big img {
    margin: 20px 0;
}
.nav-post li a {
    padding: 0px;
    margin: 0px;
}

.teamname{
    font-size: 16px;
    color: #fff;
    line-height: 40px;
    height: 40px;
    text-transform: uppercase;
    font-weight: 700;
    text-align: center;
    background-color: #f17012;
}

.bodyteam{
    background-color: #e9e9e9;
    padding: 15px 5px;
    overflow: hidden;
    min-height: 180px;
    color: #333;
}

.bodyteam a{
    color: #333;
}

.teamimag{ float:left; margin-right:20px;}


.blue{
  background:#f17012;
  color: #fff;
  border-radius: 5px;   
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 20px;
  padding-bottom: 20px;
}
.blue h3, .blue h4{
	color: #fff; 
	margin-left: 20px;
}

.blue ul li
{
	margin-top:10px;	
}

.blue ul
{
	padding-left: 20px; 
}

.normal-list
{
	font-size: 16px; 
	line-height: 23px; 
	
}

.normal-list li
{
	margin-bottom: 15px; 
}


.contentBox
{
	box-shadow: 0px 5px 15px rgba(0,0,0,0.1);
	padding: 40px; 
	padding-top: 10px; 
}

.padding-title-box
{
padding: 40px; 

}

.contentBox2021
{
	box-shadow: 0px 5px 15px rgba(0,0,0,0.1);	
	padding-top: 10px; 
}

.panel-heading
{
    
  
}

.col-centered{
    float: none;
    margin: 0 auto;
}


.contact {
	margin-top: -5px;
}
.contact-info {
	padding: 0px 0;
	padding-bottom: 0px;
}
.contact-info h3 {
	margin: 0px;
	text-transform: uppercase;
	margin-bottom: 30px;
}
.contact-info p {
	font-size: 14px;
	margin: 0px;
	text-transform: uppercase;
	line-height: 26px;
}
.contact-info i {
	color: #f17012;
	font-size: 50px;
	margin-bottom: 30px;
}
.contact-info a {
	text-transform: uppercase;
	font-size: 12px;
	margin-top: 10px;
	color: #f17012;
	display: inline-block;
	width: 100%;
}
.contact-info p span {
	color: #ffc107;
	font-size: 16px;
	font-weight: bold;
}
.contact-info .con-det {
	margin-top: 30px;
}
.contact-info .con-det li {
	margin-bottom: 20px;
	padding: 40px 80px;
	text-align: center;
	padding-top: 0px;
}
.contact-info .con-det li:nth-child(2) {
}
.contact-info .social_icons {
	width: 65%;
}
.contact-info .social_icons a {
	background: #f5f5f5;
	font-size: 16px;
	margin-right: 2px;
	margin-bottom: 2px;
}
.contact-info .con-det h6 {
	text-transform: uppercase;
	margin-top: 0px;
	font-weight: 700;
	line-height: 24px;
	font-size: 16px;
}
.contact-info .con-det h4 {
	color: #ffc107;
}
.contact-info .con-det hr {
	width: 28px;
	height: 3px;
	margin: 0 auto;
	background: #448aff;
	border: none;
	margin-bottom: 20px;
}
.contact #contact_form {
	text-align: center;
}
.contact .error {
	border: 1px solid red !important;
}
.contact .error:before {
	content: "\f068";
	font-family: FontAwesome;
	margin-right: 0px;
	color: #0096ff;
	padding: 0px;
	padding: 0px 13px;
	float: right;
	font-size: 12px;
	position: absolute;
}
.contact .success-msg {
	background: #fff;
	border: 1px solid #ABD0A8;
	color: #589051;
	margin-bottom: 30px;
	width: 100%;
	display: inline-block;
	text-align: center;
	padding: 11px 16px;
	border-radius: 4px;
	display: none;
}
.contact .success-msg i {
	padding: 10px;
	border-radius: 50%;
	border: 1px solid #ABD0A8;
	margin-right: 10px;
}
#contact_form li {
	margin-bottom: 22px;
	text-align: left;
}
#contact_form li input {
	display: inline-block;
	width: 100%;
	height: 40px;
	padding: 0 10px;
}


#contact_form li .form-control {
	height: 40px;
	border: 1px solid #e9eaee;
	box-shadow: none;
	border-radius: 0px;
}

#contact_form2021 .form-control{
	height: 40px;
	border: 1px solid #e9eaee;
	box-shadow: none;
	border-radius: 0px;
}



#contact_form li textarea {
	height: 150px !important;
}
#contact_form li .btn {
	height: 50px;
	display: inline-block;
	margin-top: 0px;
}
.contact-form 
{
	padding: 0;
	display: inline-block;
	width: 100%;
	padding: 80px 0;
	background: #eee;
}
.contact-form .tittle {
	text-align: center;
}
.contact-form .tittle hr {
	width: 28px;
	height: 5px;
	margin: 15px auto;
	background: #448aff;
	border: none;
}
.contact-form .tittle p {
	text-transform: none;
	font-size: 16px;
}
.contact-form .tittle h2:before {
	display: none;
}
.contact-form label {
	font-weight: 400;
	color: #333333;
	font-size: 12px;
	text-transform: uppercase;
	display: inline-block;
	width: 100%;
	line-height: 30px;
}
.contact-form textarea {
	display: inline-block;
	width: 100%;
	position: relative;
	padding: 10px 20px;
}










/*==================================================
=            Bootstrap 3 Media Queries             =
==================================================*/
@media screen and (max-width : 1200px){
}

@media screen and (max-width: 991px){
	
	.bluerow { 
    height: 150px;
}
	
	.pull-left-small{		
		float: left !important;
	}
	
	.bottom-align-text {
    position: static;
  
  }
	
	
    .noleftpadding{
        padding-left: 0px;
    }
    .detailButtons{
        text-align: left;
        margin: 10px 0 3px;
    }
}

@media screen and (max-width : 767px){
    .detailButtons .list-btn{
        right: 0 !important;
    }
}


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

}

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

}

/*style for point 3 (group button merken in detail page)*/
#merken ul{
    margin: 0;
}
#merken ul li{
    margin-bottom: 20px;
}
#merken ul li a{
    height: 40px;
    line-height: 36px;
    color: #222;
    padding: 0 30px;
    border: 1px solid #aaa;
    background: linear-gradient(to bottom, #fff 0%, #ddd 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ddd));
    background: -moz-linear-gradient(top, #fff, #ddd);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
#merken ul li a:hover{
    background: linear-gradient(to bottom, #f17012 0%, #f17012 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(#f17012), to(#f17012));
    background: -moz-linear-gradient(top, #f17012, #f17012);
    border-color: #F17012;
    color: #fff;
}

#merken ul li a.active {
    background: linear-gradient(to bottom, #f17012 0%, #f17012 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(#f17012), to(#f17012));
    background: -moz-linear-gradient(top, #f17012, #f17012);
    border-color: #F17012;
    color: #fff;
}

#merken ul li a:before{
    position: relative;
    display: inline-block;
    font: normal normal normal 16px/1 FontAwesome;
    margin-right: 5px;
}
#merken ul li a.merken:before{
    content: "\f058";
}
#merken ul li a.drucken:before{
    content: "\f02f";
}
#merken ul li a.empfehlen:before{
    content: "\f02e";
}

#merken ul li a.nebenkosten:before{
    content: "\f15b";
}

#merken ul li a.landkarte:before{
    content: "\f041";
}
#merken ul li a.teilen:before{
    content: "\f09a";
}
#merken ul li a.teilengoogle:before{
    content: "\f0d5";
}

#merken ul li a.teilen:before, #merken ul li a.teilengoogle:before{
    font: normal normal normal 11px/1 FontAwesome;
    width: 16px;
    height: 16px;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;
    background-color: #222;
    color: #fff;
    line-height: 18px;
    text-align: center;
    vertical-align: middle;
}
#merken ul li a.teilen:hover:before, #merken ul li a.teilengoogle:hover:before{
    background-color: #fff;
    color: #F17012;
}

@media screen and (min-width : 768px)
{
    #merken ul{
        margin-left: -8px;
    }
    #merken ul li{
        margin-left: 8px;
    }

}

/*============================================
STATIC CONTENT
==============================================*/
.b-static{
    -webkit-box-shadow: 0px 5px 15px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 5px 15px rgba(0,0,0,0.1);
    box-shadow: 0px 5px 15px rgba(0,0,0,0.1);
    margin: 50px 0 100px;
}
.in-b-static{
    padding: 5px 15px 30px;
}
.b-static, .b-static p{
    font-size: 16px;
    line-height: 23px;
}

.b-static .titleh{
    margin-bottom: 20px;
}

.b-static h3{
    font-size: 17px;
    color: #222;
    padding-bottom: 10px;
    border-bottom: 1px dotted #757575;
}

.links-list li a{
    -webkit-transition: color 0.015s ease 0.01s;
    -moz-transition: color 0.015s ease 0.01s;
    -ms-transition: color 0.015s ease 0.01s;
    -o-transition: color 0.015s ease 0.01s;
    transition: color 0.015s ease 0.01s;
}

.links-list li a:before{
    display: inline-block;
    margin-right: 5px;
    content: '\f101';
    font: normal normal normal 14px/1 FontAwesome;
    color: #757575;
    -webkit-transition: margin-left 0.1s ease 0.1s;
    -moz-transition: margin-left 0.1s ease 0.1s;
    -ms-transition: margin-left 0.1s ease 0.1s;
    -o-transition: margin-left 0.1s ease 0.1s;
    transition: margin-left 0.1s ease 0.1s;
}

.links-list li a:hover:before{
    color: #f17012;
    margin-left: 10px;
}

.links-list li a:hover{
    color: #f17012;
}

.items-list li{
    list-style: disc;
    list-style-position: inside;
    padding-bottom: 15px;
}

.items-list li a, .static-list li a{
    color: #f17012;
}

.items-list li a:hover, .static-list li a:hover{
    text-decoration: underline!important;
}

.static-list li{padding-bottom: 15px;}

.items-list.no-padding li{
    padding-bottom: 0;
}

.items-list.no-style li{
    list-style: none;
}

.b-static h4{
    font-size: 16px;
}

.styleAll p, .styleAll h3, .styleAll ul li{
    color: #333;
}



/* added 21-04-16 */

.items-list i {
	font-size:20px; 
	color:#ff5722;
	
}
.items-list .col-sm-4 {

	margin:20px 0;
	padding:0;

}
.items-list .row  .col-sm-4 .col-xs-2{

	padding: 20px 15px

}

.items-list .row  .col-sm-4 .col-xs-10{

	padding: 20px 10px

}

.ics .row{

	margin:30px 0;
	text-align:justify;
	
}

.agents-container img{

	margin-right: 20px;

 } 
 
 .agents-container h6{

	font-size: 16px;

 } 

 .contentBox h3 {
 
	border-bottom: 1px dotted #eee;
    color: #222;
    font-size: 17px;
    padding-bottom: 10px;
}
 

 
ul.links-list {list-style-type:none;}

header .logo .text {
    color: #f17012;
    display: inline-block;
   /* font-weight: 100;*/
    height: 10px;
    margin: 5px 0 5px 10px;
    vertical-align: middle;
}

.about-facts div {

	padding: 0 0 20px 25px;
	

}

.about-facts i {
	
	
	color: #f17012;
	padding:2px;
	
	

}

blockquote {

	padding: 20px 20px 20px 80px; 
	background: url("../images/open-quote.png") no-repeat scroll 15px 15px #f9f9f9; 
	border-left:none;
	border-radius: 0 8px 8px 0;
	font-size:14px;
	



}

blockquote:hover {

	
	background: url("../images/open-quote.png") no-repeat scroll 15px 15px #fff; 
	



}

.form-control2 {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    /* border-radius: 4px; */
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}


/* Media Query */
@media screen and (max-width: 768px) {

	.contentBox h3 {
	
		font-size: 16px;
		word-wrap: break-word;
	}

	.items-list .row  .col-sm-4 .col-xs-2{

		padding: 20px 5px 20px 0;
	

	}

	.items-list .row  .col-sm-4 .col-xs-10{

		padding: 20px 10px;
		font-size:13px;
		word-wrap: break-word;
	
	}
	
	.about-facts div {

		padding: 10px 0 20px 5px;
	
	}
	
	.about-facts .col-xs-11 {

		font-size: 14px;
		padding-left: 20px;
		text-align:left;
	}


	
	.top-bar, .lowerFooter {
		height: auto;
    
	}
	
	.top-bar .right-bar-side{
		float:none;
	}
	
	.top-bar p{
		line-height: 23px;
		font-size: 12px;
	}
	
	header img {
		height: 50px;
   
	}
	
	header .logo .text {
		font-size:11px;
	}
	
	.ownmenu > li.showhide {
		margin:0;
		padding:0;
	}
	
	.ownmenu > li.showhide span.icon {
		
		margin: 0;
	}

}
 
/* end */ 

/*customize stylesheet jquery ui*/
.ui-icon-seek-end{
    background-position: -64px -157px;
}

.ui-icon-seek-next{
    background-position: -32px -157px;
}
.ui-icon-seek-prev{
    background-position: -48px -157px;
}

.ui-icon-seek-first{
    background-position: -80px -157px;
}


/*=======================================================
			SERVICE
========================================================*/

.b-service{
	box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
    width: 100%;
    position: relative;
    padding-bottom: 100%;
    overflow: hidden;
    margin-bottom: 30px;
}
.b-service a img{
    width:100%;
    position: absolute;
    top: 0;
    left: 0;
}
.b-service .service-ico{
    display: block;
    padding: 5px;
    position: absolute;
    top: -11px;
    left: -51px;
    z-index:2;
    text-align: center;
    line-height: 50px;
    height: 44px;
    width: 44px;
}

.b-service .service-ico:before{
    content:'';
    width: 0;
    height: 0;
    border-left: 68px solid transparent;
    border-right: 68px solid transparent;
    border-bottom: 68px solid rgba(241,112,18,1);
    display: inline-block;
    position: absolute;
    left: 0;
    top: -8px;
    z-index: 1;
    -webkit-transform: rotate(-49deg);
    -moz-transform: rotate(-49deg);
    -ms-transform: rotate(-49deg);
    -o-transform: rotate(-49deg);
    transform: rotate(-49deg);
    -webkit-transition: background-color 0.2s ease-in 0.02s;
    -moz-transition: background-color 0.2s ease-in 0.02s;
    -ms-transition: background-color 0.2s ease-in 0.02s;
    -o-transition: background-color 0.2s ease-in 0.02s;
    transition: background-color 0.2s ease-in 0.02s;
}

.b-service .service-ico img{
    margin: 0 auto;
    text-align: center;
    vertical-align: middle;
    position: relative;
    z-index: 3;
    left: 51px;
    top: 4px;
    max-height: 30px;
}

.b-service .service-name{
    display: inline-block;
    padding:7px 15px;
    position: absolute;
    bottom: 0;
    left: 0;
    text-transform: uppercase;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    z-index: 2;
    width: 90%;
    background-color: rgba(241,112,18,1);
    -webkit-transition: width 0.2s linear 0.02s;
    -moz-transition: width 0.2s linear 0.02s;
    -ms-transition: width 0.2s linear 0.02s;
    -o-transition: width 0.2s linear 0.02s;
    transition: width 0.2s linear 0.02s;
}

.b-service a:hover .service-name,.b-service a:focus .service-name{
    background-color: rgba(241,112,18,1);
    width: 100%;
    -webkit-user-select: none; -webkit-touch-callout: none;
}
.b-service a:hover .service-ico:before, .b-service a:focus .service-ico:before{
    background-color: rgba(241,112,18,1);
    -webkit-user-select: none; -webkit-touch-callout: none;
}

@media screen and (min-width: 768px) {
    .b-service .service-ico:before{
        border-bottom: 70px solid rgba(241,112,18,1);
    }
}

@media screen and (max-width: 767px){
    .b-service .service-ico:before{
        border-left: 66px solid transparent;
        border-right: 66px solid transparent;
    }
}

#catpcha
{
	width: 50% !important; 
}

#captcha {
transform:scale(0.83);-webkit-transform:scale(0.83);transform-origin:0 0;-webk
}

#captcha2 {
transform:scale(0.83);-webkit-transform:scale(0.83);transform-origin:0 0;-webk
}