/* #####################################################################################
General
##################################################################################### */

body { 
font-family: verdana, sans-serif;
    font-size: 1.33em;
    color: #000;
}

.message {
    font-family: 'Fjalla One', sans-serif;
    color: #d42525;
    font-size: 17px;
}

::-moz-selection { background: #34A7DF; color: #fff}
     ::selection { background: #34A7DF; color: #fff} 

/* #####################################################################################
Links
##################################################################################### */

a {color: #34A7DF;}
a.blue {color: #34A7DF;}
a.dark {color: #000;}
a.dark:hover, a.dark:active, a.dark:focus {color: #34A7DF;}
a:hover, a:active, a:focus  {color: #000; text-decoration: none;}

#content {

background: #f6f6f5;
padding-bottom: 20px;
}

/* #####################################################################################
Dots Line
##################################################################################### */

.dots {background: url(../pic/dots.png) left bottom repeat-x; height: 2px;}

/* #####################################################################################
Startpage
##################################################################################### */

.start-border-divider-hor {
    background-color: #dcdcdb;
    width: 1px;
    height: 1923px;
    float: left;
    position: relative;
    right: 7px;
    margin-top: 13px;
    margin-bottom: 13px;
}

@media (max-width: 991px) {
   .start-border-divider-hor {display: none;}
   .start-col-3 {min-width: 95%}

}

.start-col-3 {
    border: 1px solid transparent;
    width: 21%;
}

.headlinestart {
    text-transform: uppercase;
    font-family: 'Fjalla One', sans-serif;
    font-weight: 500;
    padding: 0px 0px 5px 3px;
    margin-top: 30px;
font-size: 19px;
}


.rowstart {padding-right: 13px;}
/*
.startcol1{padding-left: 0px;}
.startcol2{padding-left: 0px;}
.startcol3{padding-left: 0px;}
*/

@media (max-width: 991px) {
.startbox p {font-size: 12px;}

.startcol2{padding-left: 15px;}
.startcol3{padding-left: 15px;}
   h1 {padding: 3px;}
}

@media (min-width: 767px) and (max-width: 991px) {

.rowstart {padding-right: 30px;}

}

@media (max-width: 767px) {
.rowstart {
    padding-right: 0px;
}
}

/* #####################################################################################
Headlines right
##################################################################################### */

.technologieheadright {
    color: #EAEAEC;
    font-family: 'Fjalla One', sans-serif;
    font-size: 49px;
    text-transform: uppercase;

    margin: 0;
    padding: 0;
}

.verfahrenheadright {
    color: #EAEAEC;
    font-family: 'Fjalla One', sans-serif;
    font-size: 49px;
    text-transform: uppercase;

    margin: 0;
    padding: 0;
}

/* #####################################################################################
Page
##################################################################################### */

.verfahrenback {
    border: 1px solid #ececec;
    margin: 0 !important;
    padding: 3px 10px;
    background: rgba(0,0,0,0.02);
}

.verfahrenback .fa {
    color: #000;
}


.verfahrenback:hover .fa {
    color: #34A7DF;
}



.page h1 {
    margin: 3px;
    padding-bottom: 10px;
}

.pageinner h1, .page h1{margin-top: 0px;}

.page-margin-top-rightsection {margin-top: 12px;}

.page {padding: 15px;}
.pageinner {
    margin: 15px; 
    padding: 15px; 
    border: 1px solid #ccc; 
    background: #fff;
}

@media (max-width:450px) {
    .page {padding: 2px; margin: 0px;}
    .pageinner {
        margin: 6px; 
        padding: 6px; 
    }
}

@media (min-width:450px) and  (max-width:767px) {
    .page {padding: 2px; margin: 0px;}
    .pageinner {
        margin: 6px; 
        padding: 6px; 
    }
}


@media (min-width:767px) and (max-width:991px) {
    .page {padding: 4px; margin: 0px;}
    .pageinner {
        margin: 10px; 
        padding: 10px; 
    }
}

/* #####################################################################################
Kontakt
##################################################################################### */


.form-control:focus {
    border-color: #31a8e0;
    box-shadow: none;
}
.form-control {
    border-radius: 0px;
    margin-bottom: 10px;
    color: #858686;
    box-shadow: none;
    font-size: 12px;
    background-color: #fff;
}

.kontaktbox .form-control {
    border-radius: 0px;
    margin-bottom: 10px;
    color: #858686;
    box-shadow: none;
    font-size: 12px;
    background-color: #f6f6f5;
}


/* #####################################################################################
Boxes
##################################################################################### */

.kontaktbox {
    background: #fff;
    border: 1px solid #ccc;
    padding: 15px;
    margin-bottom: 15px;
    margin-top: 15px;
}

.newsbox {
    background: #fff;
    border: 1px solid #ccc;
    padding: 15px;
    margin-bottom: 15px;
    margin-top: 15px;
}

.verfahrenbox {
    background: #fff;
    border: 1px solid #ccc;
    padding-right: 15px;
    padding-left: 15px;
    padding-bottom: 15px;
    margin-bottom: 15px;
    margin-top: 15px;
}

.verfahrenbox h1 {font-size: 21px;}

.verfahrenbox h1 {
    margin-top: 20px;
    margin-bottom: 10px;
}

.verfahrenboxright {padding-top: 15px;}

@media (max-width: 991px) {
.verfahrenboxright {padding-left: 15px;}
.technologieboxright {padding-left: 15px;}
.serviceboxright {padding-left: 15px;}
}


.verfahrenboxright h1, .verfahrenboxright h2, .verfahrenboxright h3, .verfahrenboxright h4, .verfahrenboxright h5, .verfahrenboxright h6 {color: #858686;}

.verfahrenboxright a {font-weight: 600;}

.einsatz p {font-family: 'Fjalla One', sans-serif;}

.technologiebox {
    background: #fff;
    border: 1px solid #ccc;
    padding-right: 15px;
    padding-left: 15px;
    padding-bottom: 15px;
    margin-bottom: 15px;
    margin-top: 15px;
}

.technologiebox h1 {font-size: 21px;
    margin-top: 20px;
    margin-bottom: 10px;
}

.technologieboxright {padding-top: 15px;}

.technologieboxright h1, .technologieboxright h2, .technologieboxright h3, .technologieboxright h4, .technologieboxright h5, .technologieboxright h6 {color: #858686;}

.technologieboxright .fa {margin-right: 10px;}

.technologypointsbrainflow .fa {
    color: #34A7DF;
    margin-right: 10px;
    font-size: 23px;
}

.technologypointskubus .fa {
    color: #e77311;
    margin-right: 10px;
    font-size: 23px;
}

.servicebox {
    background: #fff;
    border: 1px solid #ccc;
    padding-right: 15px;
    padding-left: 15px;
    padding-bottom: 15px;
    margin-bottom: 15px;
    margin-top: 15px;
}

.serviceboxright {padding-top: 15px; color: #858686; font-weight: 700;}

.serviceboxright .fa {color: #858686;font-size: 19px; font-weight: 500; margin-right: 10px;}

.serviceboxright h1, .serviceboxright h2, .serviceboxright h3, .serviceboxright h4, .serviceboxright h5, .serviceboxright h6 {color: #858686;}

.aboutbox {
    background: #fff;
    border: 1px solid #ccc;
    padding-right: 15px;
    padding-left: 15px;
    padding-bottom: 15px;
    margin-bottom: 15px;
    margin-top: 15px;
}

.aboutboxright {padding-top: 15px;}

.aboutboxright h1, .serviceboxright h2, .serviceboxright h3, .serviceboxright h4, .serviceboxright h5, .serviceboxright h6 {color: #858686;}


/* #####################################################################################
Pageheading Colors
##################################################################################### */

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
Seite
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/*

.verfahrenpage1 h1, .verfahrenpage1 h2, .verfahrenpage1 h3, .verfahrenpage1 h4, .verfahrenpage1 h5, .verfahrenpage1 h6 {color: #34A7DF;}
.verfahrenpage2 h1, .verfahrenpage2 h2, .verfahrenpage2 h3, .verfahrenpage2 h4, .verfahrenpage2 h5, .verfahrenpage2 h6 {color: #e77311;}
.verfahrenpage3 h1, .verfahrenpage3 h2, .verfahrenpage3 h3, .verfahrenpage3 h4, .verfahrenpage3 h5, .verfahrenpage3 h6 {color: #75ae75;}

*/

.verfahrenpage1 h1, .verfahrenpage1 h2 {color: #34A7DF;}
.verfahrenpage2 h1, .verfahrenpage2 h2  {color: #e77311;}
.verfahrenpage3 h1, .verfahrenpage3 h2  {color: #75ae75;}


a.verfahrenlink1 {color: #34A7DF;}
a.verfahrenlink2 {color: #e77311;}
a.verfahrenlink3 {color: #75ae75;}

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
Startseite
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.verfahrenstart1 {color: #34A7DF; padding-left: 13px; padding-right: 13px;}
.verfahrenstart2 {color: #e77311; padding-left: 13px; padding-right: 13px;}
.verfahrenstart3 {color: #75ae75; padding-left: 13px; padding-right: 13px;}

a.verfahrenstarttitle1:hover, a.verfahrenstarttitle1:active, a.verfahrenstarttitle1:focus {color: #34A7DF;}
a.verfahrenstarttitle2:hover, a.verfahrenstarttitle2:active, a.verfahrenstarttitle2:focus {color: #e77311;}
a.verfahrenstarttitle3:hover, a.verfahrenstarttitle3:active, a.verfahrenstarttitle3:focus {color: #75ae75;}

a.verfahrenstartmehr1:hover, a.verfahrenstartmehr1:active, a.verfahrenstartmehr1:focus {color: #34A7DF;}
a.verfahrenstartmehr2:hover, a.verfahrenstartmehr2:active, a.verfahrenstartmehr2:focus {color: #e77311;}
a.verfahrenstartmehr3:hover, a.verfahrenstartmehr3:active, a.verfahrenstartmehr3:focus {color: #75ae75;}


/* #####################################################################################
Buttons
##################################################################################### */

.btn-default {
    display: inline-block;
    border: none;
    line-height: 25px;
    padding: 0px;
    color: #777;
    cursor: pointer;
    background-color: transparent;
    height: 20px;
    text-transform: uppercase;
    text-decoration: none;
    border-radius: 0px;
    font-weight: 500;
    font-family: 'Fjalla One', sans-serif;
}

.btn-default:hover, .btn-default:focus, .btn-default:active{

    color: #34A7DF;background-color: transparent;

}

/* #####################################################################################
Headlines
##################################################################################### */

h1, h2, h3, h4, h5, h6 {text-transform: uppercase; font-weight: 500; font-family: 'Fjalla One', sans-serif;}

h1 {font-size: 23px;}
h2 {font-size: 21px;}
h3 {font-size: 19px;}
h4 {font-size: 17px;}
h5 {font-size: 15px;}
h6 {font-size: 13px;}

.grey {color: #858686;}

/* #####################################################################################
Startbox
##################################################################################### */

.startbox {
    border: 1px solid #e3e3e2;
    background: #fff;
    min-height: 430px;
}

.startbox .btn  {
    position: absolute;
    bottom: 15px;
}


.startbox h3 {
    padding-left: 13px;
    padding-right: 13px;
    text-transform: uppercase;
    font-family: 'Fjalla One', sans-serif;
    font-weight: 500;
    min-height: 55px;
    line-height: 1.4;
}

.startbox h1 {
    padding-left: 13px;
    padding-right: 13px;
    text-transform: uppercase;
    font-family: 'Fjalla One', sans-serif;
    font-weight: 500;
    min-height: 55px;
    line-height: 1.4;
    font-size: 19px;
}

@media (min-width: 768px) and (max-width: 1200px) {
    .startbox h3 {font-size: 15px;}
    .startbox h1 {font-size: 15px;}
    .startbox h5 {display: none;}
}

.startbox h5 {font-size: 13px !important;}

.startbox p {
    padding-left: 13px;
    padding-right: 13px;}

.startbox .text-muted {
    padding-left: 13px;
    padding-right: 13px;
}


.startbox img {
    margin-top: 15px;
    width: 228px;
}

.startbox .btn {
    margin-left: 13px;
    margin-right: 13px;
}


@media (min-width: 300px) and (max-width:480px) {
.startbox img {display: none;}
.startbox {min-height: 250px;}
}

@media (min-width: 481px) and (max-width:767px) {
.startbox img {display: none;}
.startbox {min-height: 200px;}
}

/* #####################################################################################
Startboxslider
##################################################################################### */

.startboxslider {
    border: 1px solid #e3e3e2;
    background: #fff;
    min-height: 430px;
}

/*
.startboxslider .btn  {
    position: absolute;
    bottom: 15px;
}
*/


.startboxslider h3 {
    padding-left: 13px;
    padding-right: 13px;
    text-transform: uppercase;
    font-family: 'Fjalla One', sans-serif;
    font-weight: 500;
    min-height: 55px;
    line-height: 1.4;
}

.startboxslider h5  {font-size: 13px;}

.startboxslider p {
    padding-left: 13px;
    padding-right: 13px;}

.startboxslider .text-muted {
    padding-left: 13px;
    padding-right: 13px;
}


.startboxslider img {
    margin-top: 15px;
    width: 228px;
}

.startboxslider .btn {
    margin-left: 13px;
    margin-right: 13px;
}


@media (min-width: 300px) and (max-width:480px) {
.startboxslider img {display: none;}
.startboxslider {min-height: 250px;}
}

@media (min-width: 481px) and (max-width:767px) {
.startboxslider img {display: none;}
.startboxslider {min-height: 200px;}
}

/* #####################################################################################
Pagebox
##################################################################################### */


.pagebox {
    border: 1px solid #e3e3e2;
    background: #fff;
    margin-bottom: 15px;
}

.pagebox h3 {
    padding-left: 13px;
    padding-right: 13px;
    text-transform: uppercase;
    font-family: 'Fjalla One', sans-serif;
    font-weight: 500;
    min-height: 35px;
}

.pagebox h6 {
    padding-left: 13px;
    padding-right: 13px;
    text-transform: uppercase;
    font-family: 'Fjalla One', sans-serif;
    font-weight: 500;
}

.pagebox p {
    padding-left: 13px;
    padding-right: 13px;
    margin-top: 13px;
}

.pagebox .text-muted {
    padding-left: 13px;
    padding-right: 13px;
}


.pagebox img {
    margin-top: 15px;
    width: 228px;
}

.pagebox .btn {
    margin-left: 13px;
    margin-right: 13px;
    margin-bottom: 13px;
}


@media (min-width: 300px) and (max-width:480px) {
.pagebox img {display: none;}
.pagebox {min-height: 250px;}
}

@media (min-width: 481px) and (max-width:767px) {
.pagebox img {display: none;}
.pagebox {min-height: 200px;}
}

/* #####################################################################################
Userbox
##################################################################################### */


.userbox {
    border: 1px solid #e3e3e2;
    background: #fff;
    margin-bottom: 15px;
}

.userbox h3 {
    padding-left: 13px;
    padding-right: 13px;
    text-transform: uppercase;
    font-family: 'Fjalla One', sans-serif;
    font-weight: 500;
    min-height: 35px;
}

.userbox h6 {
    padding-left: 13px;
    padding-right: 13px;
    text-transform: uppercase;
    font-family: 'Fjalla One', sans-serif;
    font-weight: 500;
}

.userbox p {
    padding-left: 13px;
    padding-right: 13px;
    margin-top: 13px;
}

.userbox .text-muted {
    padding-left: 13px;
    padding-right: 13px;
}

.userbox img {
    margin-top: 15px;
}

.pagebox .btn {
    margin-left: 13px;
    margin-right: 13px;
    margin-bottom: 13px;
}


@media (min-width: 300px) and (max-width:480px) {
/*.userbox img {display: none;}*/

.userbox {min-height: 200px;}

}

@media (min-width: 481px) and (max-width:767px) {
/*
.userbox img {display: none;}
*/

.userbox {min-height: 200px;}

}

.userbox .fauser {
    border: 1px solid #f6f6f5;
    padding: 5px 7px;
    height: 34px;
    width: 34px;
    background: #f5f5f5;
    font-size: 20px;
    color: #858686;
}

.userbox:hover .fauser {
    color: #34A7DF;
}

.userbox .fauser:hover {
    color: #343434;
}

/* #####################################################################################
Intro
##################################################################################### */

.introstart {}
.introsmall {width: 95%;}

@media (max-width: 991px) {
.introstart {display: none;}
}
@media (min-width: 992px) {
.introsmall {display: none;}
}

/* #####################################################################################
Downloads
##################################################################################### */

.downloadsstart {}

@media (max-width: 991px) {
.downloadsstart {display: none;}
}


/* #####################################################################################
Newsletter
##################################################################################### */

.newsletterbox {
    background: #34A7DF;
    margin-top: 15px;
    padding: 1px;
    color: #fff;
    text-align: center;
}

.newsletterbox a {color: #fff;}
.newsletterbox a:hover {color: #f5f5f5;}


/* #####################################################################################
News
##################################################################################### */

/* #####################################################################################
Nav
##################################################################################### */

.navbar-toggle {margin-top: 18px;}

.navbar-brand > img {
    display: block;
    border: 1px solid transparent;
    height: 74px;
}

/*
112
*/

/*
.navbar-default .navbar-brand {color: #34A7DF;}
.navbar-default .navbar-brand {font-family: 'Fjalla One', sans-serif; font-weight: 700; font-size: 80px; line-height: 40px; margin-top: 20px;}
.navbar-default .navbar-brand span {font-family: 'Fjalla One', sans-serif; font-weight: 700; color: #343434; font-size: 20px; line-height: 20px;}
*/

.navbar-nav > li {text-align: center;}

.navbar-default {
    background-color: #fff;
    border-color: #fff;
}

.navbar-brand {height: 90px;}

.navbar-main {min-height: 107px; margin-bottom: 0px;}

/*
138
*/

.navbar-main li {padding-top: 35px;}
/*
66
*/

@media (max-width: 767px) {
.navbar-main li {padding-top: 0px;}
}


.navbar-navpath {
    min-height: 50px;
    margin-bottom: 0px;
    border-top: 1px solid #ccc;
}

.navbar-left {margin: 0; padding: 0;}

.navbar-default .navbar-nav > li > a {color: #000;}
.navbar-default .navbar-nav > li > a:hover {
    color: #34A7DF;
}

.navbar-main .fa {
    position: relative;
    top: 1px;
    display: inline-block;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 18px;
}

.menu_unten {
    list-style: none;
    margin: 0;
    padding: 0;
    line-height: 1.8em;
}


/* #####################################################################################
Logo Responsive
##################################################################################### */

@media (max-width:767px) {
     .navbar-brand > img {
         height: 56px;
         padding: 1px;
         margin: 1px;
     }
     .navbar-main {
         min-height: 70px;
     }
     .navbar-nav > li {text-align: left;}
}

@media (min-width:768px) and (max-width: 991px) {
     .navbar-brand > img {
         height: 56px;
         padding: 1px;
         margin: 1px;
     }
     .navbar-main {
         min-height: 70px;
     }
     .navbar-main li {
         padding-top: 20px;
     }
}


@media (min-width:992px) and (max-width: 1200px) {
     .navbar-brand > img {
         height: 66px;
         padding: 1px;
         margin: 1px;
     }
     .navbar-main {
         min-height: 70px;
     }
     .navbar-main li {
         padding-top: 20px;
     }
}


/*

@media (max-width:767px) {

     .navbar-brand {padding: 3px;}
     .navbar-brand > img {
         height: 56px;
         padding: 1px;
         margin: 1px;
     }
     .navbar-brand {
         height: 60px !important;
     }
     .navbar-nav > li {text-align: left;}
     .navbar-main {min-height: 70px;}
}

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

     .navbar-brand > img {
    height: 48px;
    padding: 0px;
    margin: 0px;
     }
}

@media (min-width:900px) and (max-width:1000px) {
     .navbar-brand > img {
         height: 60px;
         padding: 3px;
         margin: 3px;
     }
     .navbar-main {min-height: 70px;}
}

@media (min-width:1000px) and (max-width:1200px) {
     .navbar-brand > img {
         height: 96px;
         padding: 3px;
         margin: 3px;
     }
}

*/

/* #####################################################################################
Navpath
##################################################################################### */

.breadcrumbs {
    border-top: 1px solid #E5E5E5;
    border-bottom: 1px solid #E5E5E5;
    padding-top: 6px;
    padding-left: 17px;
}
.breadcrumbs li { display:inline; font-size:14px; text-decoration:none; }
.breadcrumbs ul {padding: 0;}
.breadcrumbs li a { text-decoration:none; color:#a2a1a1;}

/* #####################################################################################
Slider
##################################################################################### */

@media (max-width: 1200px) {
.slidertext {display: none;}
}

#myCarousel .carousel_item_dark {box-shadow: inset 1000px 1000px 1000px #000;}
#myCarousel .carouseli_tem_liht {box-shadow: inset 1000px 1000px 1000px #fff;}


#myCarousel {line-height: 1.25;}

#myCarousel p {
    margin: 0 0 0px;
}

.carousel-control .fa {
    position: absolute;
    top: 50%;
    z-index: 5;
    display: inline-block;
    margin-top: -10px;
}


#myCarousel .list-group-item-header {
    position: relative;
    display: block;
    padding: 2px 15px;
    margin-bottom: -1px;
    background-color: #fff;
}

#myCarousel .list-group-item {border: 1px dotted #ccc; border-left: transparent; border-right: transparent;}

#myCarousel {margin-top: 13px; margin-bottom: 13px;}


#myCarousel .carousel-caption {
    left: 0;
    right: 0;
    bottom: 38%;
    text-align: center;
    padding: 19px;
/*
    background: rgba(0,0,0,0.2);
*/
    text-shadow: none;
    color: #fff;
}

@media (max-width: 320px) {
#myCarousel .carousel-caption {bottom: 20px;}
#myCarousel .carousel-caption a {font-size: 22px;}
}

#myCarousel .carousel-caption h1 {
font-family: 'Fjalla One', sans-serif;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 40px;
}

#myCarousel .carousel-caption a:hover, #myCarousel .carousel-caption a:focus, #myCarousel .carousel-caption a:active {text-decoration: none;}
 
#myCarousel .carousel-caption h2 {
font-family: 'Fjalla One', sans-serif;
    text-transform: uppercase;
    font-weight: 500;
}


#myCarousel .carousel-caption a {color: #CFCFCF;}

#myCarousel .list-group {
	position:absolute;
	top:0;
	right:0;
}
#myCarousel .list-group-item {
	border-radius:0px;
	cursor:pointer;

}

#myCarousel .list-group-item h3 {margin-top: 5px;}

#myCarousel .list-group .active {
	background-color:#f6f6f5;	color: #000;
}

#myCarousel h4 {
    margin: 0px 0px 6px 0px;
    padding: 0;
    font-weight: 500;
    text-transform: uppercase;
    font-family: 'Fjalla One', sans-serif;
}


#myCarousel .carousel-controls {display:none;}

@media (min-width: 992px) { 
	#myCarousel {padding-right:33.3333%;}

	#myCarousel .carousel-controls {display:none;}


}

@media (max-width: 991px) { 
	.carousel-caption p,
	#myCarousel .list-group {display:none;} 
        #myCarousel {display: none;}
}

@media (max-width: 991px) { 
	.akademiepic {display: none;}
}

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
Footer
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

#footer {
    background: #dddddc;
    border-top: 1px solid #bdbdbd;
    padding-bottom: 20px;
}

#footer h3 {
    text-transform: uppercase;
    font-family: 'Fjalla One', sans-serif;
    font-weight: 500;
    font-size: 16px;
    padding-bottom: 15px;
}

#footer p {margin: 0 0 7px;}


/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
startaccordeon
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

#startaccordeon .panel {background: transparent; box-shadow: none;}
#startaccordeon .panel-default {
    border: 1px solid transparent;
}

#startaccordeon .panel-group .panel {
    margin-bottom: 0;
    border-radius: 0px;
}

#startaccordeon .panel-heading {
    padding: 0px 0px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

#startaccordeon .panel-title {padding-bottom: 5px;}
.panel-group .panel-heading + .panel-collapse > .list-group, .panel-group .panel-heading + .panel-collapse > .panel-body {
    border-top: 1px solid transparent;
}
#startaccordeon .panel-body {
    padding: 5px 0px 0px 0px;
}

/* #####################################################################################
Verfahrenslider
##################################################################################### */

#verfahrenslider .carousel-control-position {
    position: absolute;
    bottom: 5px;
    right: 28px;
    width: 20px;
}

#verfahrenslider .carousel-control {color: #343434;}

#verfahrenslider .carousel-control:hover {color: #777;}
#startreferenzen {text-align: center;}



.saturate {-webkit-filter: saturate(3); filter: saturate(3);}
.grayscale {-webkit-filter: grayscale(100%); filter: grayscale(100%);}
.contrast {-webkit-filter: contrast(160%); filter: contrast(160%);}
.brightness {-webkit-filter: brightness(0.25); filter: brightness(0.25);}
.blur {-webkit-filter: blur(3px); filter: blur(3px);}
.invert {-webkit-filter: invert(100%); filter: invert(100%);}
.sepia {-webkit-filter: sepia(100%); filter: sepia(100%);}
.huerotate {-webkit-filter: hue-rotate(180deg); filter: hue-rotate(180deg);}
.rss.opacity {-webkit-filter: opacity(50%); filter: opacity(50%);}


/* #####################################################################################
Startreferenzen
##################################################################################### */

#startreferenzen img {margin-top: 10px; -webkit-filter: opacity(65%); filter: opacity(65%);}
#startreferenzen img:hover {-webkit-filter: opacity(100%); filter: opacity(100%); }
/*
#startreferenzen img {margin-top: 10px; -webkit-filter: grayscale(100%); filter: grayscale(100%);}
#startreferenzen img:hover {-webkit-filter: grayscale(0%); filter: grayscale(0%); }
*/

@media (max-width: 991px) {

#startreferenzen {display:none}
}

@media (max-width: 991px) {
#footer {
    font-size: 11px;
}
}

.referenzenpage > img {
    -webkit-filter: opacity(65%); 
    filter: opacity(65%);
    width: 138px;
    float: left;
    margin: 10px;
}

.referenzenpage > a {
    -webkit-filter: opacity(65%); 
    filter: opacity(65%);
    width: 118px;
    float: left;
    margin: 10px;
}

.referenzenpage > a:hover, .referenzenpage > img:hover {
    -webkit-filter: opacity(100%); filter: opacity(100%);
}

/* #####################################################################################
Autoren
##################################################################################### */

.autoren .fa {
    border: 1px solid #f6f6f5;
    padding: 5px 7px;
    height: 34px;
    width: 34px;
    background: #f5f5f5;
    font-size: 20px;
    color: #858686;
    margin-right: 10px;
}

.autoren .fa:hover {
    color: #34A7DF;
}

.autorenbox {
    border: 1px solid transparent;
    background: #fff;
    margin-bottom: 15px;
padding-right: 13px;
padding-left: 13px;
}

/* #####################################################################################
Backtotop
##################################################################################### */

.backttotop {
    position: fixed;
    bottom: 2px;
    right: 2px;
}

.backttotop .fa {
    background: rgba(220,220,220,0.3);
    padding: 10px 13px;
}


.modal-content {box-shadow: none; border-radius: 0px;}

.contact .fa {color: #777;}

.pagination > li > a, .pagination > li > span {color: #34A7DF;}

.verfahrenpotenzial .panel-title {font-size: 13px;}
/*
.verfahrenboxright .verfahrenpotenzial a {font-weight: 300;}
*/
.verfahrenpotenzial .panel-default {border-color: transparent;}

.verfahrenpotenzial .panel {
    margin-bottom: 0px;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: 0p;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.verfahrenpotenzial .panel-heading {
    padding: 0px;}

.verfahrenpotenzial ol, .verfahrenpotenzial ul {
    margin-top: 0;
    margin-bottom: 10px;
    list-style: none;
    margin: 0 !important;
    padding: 0 !important;
}

/*

.navbar-main li {
    width: 110px;
    border-bottom: solid 5px #f6f6f5;
    border-right: 1px solid #f6f6f5;
}

.navbar-main li:firstchild  {border-left: 1px solid #efefef;}

.navbar-main .li1 {border-bottom: solid 5px #e7e7e7; border-left: 1px solid #efefef;}
.navbar-main .li2 {border-bottom: solid 5px rgba(52,167,223,0.15);} 
.navbar-main .li3 {border-bottom: solid 5px rgba(52,167,223,0.30);}
.navbar-main .li4 {border-bottom: solid 5px rgba(52,167,223,0.45);}
.navbar-main .li5 {border-bottom: solid 5px rgba(52,167,223,0.60);}
.navbar-main .li6 {border-bottom: solid 5px rgba(52,167,223,0.75);}
.navbar-main .li7 {border-bottom: solid 5px rgba(52,167,223,1);}

.navbar-main .li1 .fa {color: #e7e7e7;}
.navbar-main .li2 .fa {color: rgba(52,167,223,0.15);} 
.navbar-main .li3 .fa {color: rgba(52,167,223,0.30);}
.navbar-main .li4 .fa {color: rgba(52,167,223,0.45);}
.navbar-main .li5 .fa {color: rgba(52,167,223,0.60);}
.navbar-main .li6 .fa {color: rgba(52,167,223,0.75);}
.navbar-main .li7 .fa {color: rgba(52,167,223,1);}

*/

@media (min-width: 767px) and (max-width: 991px) {
.navbar-main .li1 {display: none;}
.navbar-main .li7 {display: none;}
}

/* #####################################################################################
km downloads
##################################################################################### */

.doc_menu_ {background-color: #ffffff;}
.doc_menu_:hover {background-color: #f0f0f0;}

.doc_menu_doc_active_now {background-color: #d2d2d2;}
.doc_active_now {background-color: #34A7DF;}
.doc_menu_doc_active_now a {color: #333;}
.doc_menu_doc_active1 {
    background-color: #34a7df;
}
.doc_menu_doc_active1 a {color: #fff;}

.doc_menu_doc_active_now a:hover {color: #333;}
.doc_menu_doc_active1 a:hover {color: #000;}
.doc_menu_doc_active_now a:focus {color: #000;}
.doc_menu_doc_active1 a:focus {color: #fff;}

.doc_menu_doc_active2 {background-color: #333333;}
.doc_menu_doc_active2 a {color: #fff;}
.doc_menu_doc_active2 a:hover {color: #333;}
.doc_menu_doc_active2 a:focus {color: #333;}

.km-folders .badge {
    font-weight: 300;
    color: #f2f2f2;
    background-color: #777;
    border-radius: 4px;
}