@font-face {
  font-family: Roboto-Light;
  src: url(/fileadmin/tmpl/css/webfonts/roboto/Roboto-Thin.ttf) format("truetype");
  font-weight: 300;
}

@font-face {
  font-family: Roboto-Light-Italic;
  src: url(/fileadmin/tmpl/css/webfonts/roboto/Roboto-ThinItalic.ttf) format("truetype");
  font-weight: 300;
}

@font-face {
  font-family: Roboto-Regular;
  src: url(/fileadmin/tmpl/css/webfonts/roboto/Roboto-Light.ttf) format("truetype");
}

@font-face {
  font-family: Roboto-Regular-Italic;
  src: url(/fileadmin/tmpl/css/webfonts/roboto/Roboto-LightItalic.ttf) format("truetype");
}

@font-face {
  font-family: Roboto-Medium;
  src: url(/fileadmin/tmpl/css/webfonts/roboto/Roboto-Regular.ttf) format("truetype");
}

@font-face {
  font-family: Roboto-Medium-Italic;
  src: url(/fileadmin/tmpl/css/webfonts/roboto/Roboto-Italic.ttf) format("truetype");
}

@font-face {
  font-family: Roboto-Semibold;
  src: url(/fileadmin/tmpl/css/webfonts/roboto/Roboto-Medium.ttf) format("truetype");
}

@font-face {
  font-family: Roboto-Semibold-Italic;
  src: url(/fileadmin/tmpl/css/webfonts/roboto/Roboto-MediumItalic.ttf) format("truetype");
}

@font-face {
    font-family: FontAwesome;
    src: url(/fileadmin/tmpl/css/webfonts//fontawesome/fontawesome-webfont.eot?v=4.4.0);
    src: url(/fileadmin/tmpl/css/webfonts//fontawesome/fontawesome-webfont.eot?#iefix&v=4.4.0) format('embedded-opentype'), url(/fileadmin/tmpl/css/webfonts//fontawesome/fontawesome-webfont.woff2?v=4.4.0) format('woff2'), url(/fileadmin/tmpl/css/webfonts//fontawesome/fontawesome-webfont.woff?v=4.4.0) format('woff'), url(/fileadmin/tmpl/css/webfonts//fontawesome/fontawesome-webfont.ttf?v=4.4.0) format('truetype'), url(/fileadmin/tmpl/css/webfonts//fontawesome/fontawesome-webfont.svg?v=4.4.0#fontawesomeregular) format('svg');
    font-weight: 400;
    font-style: normal
}



body{
  font-family: Roboto-Regular!important;
  color: #5b5958;
  background: url(../img/swdueh_bg.png) no-repeat left 400px;
  background-size: cover;
}

#content .section{
  padding-top: 0em;
}

#content > .section > .container:first-child{
  margin-top: 6em;
} 

/*#content .section > .container{
  padding-top: 5em;
/*  background: -moz-linear-gradient(top, rgba(217,217,217,1) 0%, rgba(255,255,255,0) 10%);
background: -webkit-linear-gradient(top, rgba(217,217,217,1) 0%,rgba(255,255,255,0) 10%);
background: linear-gradient(to bottom, rgba(217,217,217,1) 0%,rgba(255,255,255,0) 10%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d9d9d9', endColorstr='#00ffffff',GradientType=0 );*/
}

/* #content .section{
  background: -moz-linear-gradient(top, rgba(217,217,217,1) 0%, rgba(217,217,217,1) 16%, rgba(255,255,255,0) 22%);
background: -webkit-linear-gradient(top, rgba(217,217,217,1) 0%,rgba(17,217,217,1) 16%,rgba(255,255,255,0) 22%);
background: linear-gradient(to bottom, rgba(217,217,217,1) 0%,rgba(217,217,217,1) 16%,rgba(255,255,255,0) 22%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d9d9d9', endColorstr='#00ffffff',GradientType=0 );
}

#p68 #content .section{
  background: -moz-linear-gradient(top, rgba(217,217,217,1) 0%, rgba(217,217,217,1) 5%, rgba(255,255,255,0) 7%);
background: -webkit-linear-gradient(top, rgba(217,217,217,1) 0%,rgba(17,217,217,1) 5%,rgba(255,255,255,0) 7%);
background: linear-gradient(to bottom, rgba(217,217,217,1) 0%,rgba(217,217,217,1) 5%,rgba(255,255,255,0) 7%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d9d9d9', endColorstr='#00ffffff',GradientType=0 );
}*/
#p76 #content .section{
  background: none;
}

a{
  text-decoration: none;
}

bold, strong{
  font-family: Roboto-Medium;
  font-weight: normal;
}

.green{
  color: rgba(73, 173, 51, 1);
}

h1, .h1{
/*  font-family: Roboto-Semibold!important;*/
    font-family: Roboto-Medium!important;
}

h2, .h2{
/*  font-family: Roboto-Semibold!important;*/
    font-family: Roboto-Medium!important;
  margin: 0;
  padding: 0;
}

@media (max-width: 420px) {
h2, .h2, h1, .h1{
  font-size: 1.40em;
}
}

h3, .h3{
  font-family: Roboto-Light!important;
  margin: 0;
  padding: 0;
}

h3 + p{
  margin-top: 1.5em;
}

h4, .h4{
  color: rgba(73, 173, 51, 1);
  font-size: 1.2em;
  font-family: Roboto-Medium!important;
}

h1 + h2, h2 + h3, h3 + h4, h4 + h5{
  margin-top: 0px;
}

.table > tbody > tr > td{
  border-top: 2px solid #fff;
}

table.dataTable tbody tr{
  background-color: #d0cfcf!important;
  
}

table.dataTable tbody td{
  padding-top: 1em!important;
  padding-bottom: 1em!important;
}

.dataTables_wrapper > .toolbar{
  margin-bottom: 2em;
}

table.dataTable thead{
  display: none;
}

table.dataTable td.sorting_1{
  width: 30%;
  text-align:right;
    padding-right: 2em;
}

@media (max-width: 420px) {
table.dataTable td.sorting_1{
  font-size:0.8em;
  padding-right: 1em;
}
}

.contenttable{
  width: 100%;
  margin-top: 1.5em;
}

.list-group-item {
  position: relative;
  display: block;
  padding: 0.5rem 1rem;
  color: #212121;
  background-color: #ffffff;
  border: 1px solid rgba(0,0,0,0.125);
}
.list-group-item.active {
  z-index: 2;
  color: #ffffff;
  background-color: #388627;
  border-color: #388627;
}

header + p{
  margin-top: 1.5em;
}

#content .container > .row{
  padding-bottom: 2em;
  margin-bottom: 3em;
  margin-left: 0px !important;
  margin-right: 0px !important;
}

#content .container > .parallax{
  margin-bottom: 5em;
}

.frame-space-after-none{
  /*margin-bottom: 3em;*/
}

#c415,#c416,#c417,#c418{
display: flex;
align-items: center;
justify-content: center;}

.lead{
  font-size: 24.8px;
}

a.btn:after{
  content:'\00a0›';
}

a.btn{
  font-family: Roboto-Semibold;
}

#MetaNav_outer{
  width: 100%;
  background-color: rgba(73, 173, 51, 1);
  height: 40px;
}

#MetaNav_outer .navbar-nav {
display: flex;
flex-direction: row-reverse;
padding-left: 0;
margin-bottom: 0;
list-style: none;
}

#MetaNav_outer .navbar-main > li > .navbar-text, #MetaNav_outer .navbar-main > li > a{
  line-height: 40px;
  color: #fff;
  text-transform: none;
}

.MetaNav .navbar-main > li > a{
  height: 40px
}

#MetaNav_outer .navbar-main > li{
  margin: 0 1em;
}

@media (max-width: 991px) {
/*#MetaNav_outer{
  display: none;
}*/
.MetaNav{
  display: none;
}
}

/*mainnavi*/

.navbar a{
  font-family: Roboto-Medium !important;
}

.navbar-default, .navbar-default-transition, .navbar-default-transition.navbar-transition{
  border: none;
}

/* mainnav ende*/

/* breadcrumb*/

.breadcrumb-section{
  background-color: #5b5958;
  border-bottom: none;
  margin-bottom: 0px;
}

.breadcrumb{
  background-color: #5b5958;
}

.breadcrumb a, .breadcrumb > .active{
  color: #fff;
  text-transform: uppercase;
}

.breadcrumb > .active span{
  text-decoration: underline;
}

.breadcrumb > li + li:before{
  content: "›\00a0";
  color: #fff;
}


/* breadcrumb end*/

.footer-section{
  padding: 0em!important;
  background-color: transparent;
}

.footer-section-content .container{
  background-color: #4d4d4d;
}

.footer-section-content .container .copyright{
  text-align: right;
}

.footer-section-meta{
  text-align: left;
}

.footer-section-meta .footer-meta{
    background-color: #333333;
}

.footer-section-content #FooterNav_outer .container{
  background-color: #fff;
  padding: 0px!important;
}

.FooterNav .nav{
  width: 100%;
}

.FooterNav .nav li{
  width: 100%;
  background-color: rgba(73, 173, 51, 1);
  margin-bottom: 1px;
}

.FooterNav .nav li .dropdown-menu{
  position: static!important;
  width: 100%;
}

.FooterNav .navbar-main > li > .navbar-text, .FooterNav .navbar-main > li > a{
  line-height: 40px;
}

.footer-section .nav > li > a:hover, .footer-section .nav > li > a:focus{
  background-color: rgba(73, 173, 51, 0.9)!important;
}

.footer-section a, .footer-section a:hover, .footer-section a:focus{
  color: #fff!important;
}

.FooterNav .nav li.dropdown a{
  /*margin-left: -0.8em;*/
}

.FooterNav .navbar-main > li > a{
  padding: 0px 20px 0px 30px;
}

.FooterNav .nav li.dropdown a:before{
  content:'+\00a0';
  font-family: Roboto-Semibold;
}

.FooterNav .nav li.dropdown .dropdown-menu a:before{
  content:'';
  font-family: Roboto-Semibold;
}

.FooterNav .nav li.dropdown .dropdown-menu a{
  margin-left:0em;
}
.footer-info-section{
  text-align: left;
}

.copyright p{
  font-family: Roboto-Semibold;
}

.copyright p a{
  font-family: Roboto-Regular;
}

/* header*/
div.headtext-right{
  width: 50%;
  height: 100%;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}

div.headtext-right{
  text-align: center;
  float: right;
}

div.headtext-right a{
  color: #fff;
}

div.headtext-right a:after{
  content:'\00a0›';
}

div.headtext-right a.btn{
  margin-top: 2em;
  padding: 0.5em 1em;
  border: 1px solid #fff;
}

@media (max-width: 420px) {
  div.headtext-right{
    width: 35%;
 }
  div.headtext-right .btn{
  font-size: 13px;
}
  div.headtext-right .h3{
  font-size: 0.9em;
}
  div.headtext-right .h2{
  font-size: 1em;
}
}

/* parallax */

.parallax div.text-container{
  max-height: 80%;
  max-width: 80%;
  padding: 5% 5%;
  background-color: rgba(255, 255, 255, 0.6);
/*display: flex;*/
  align-items: center;
  justify-content: center;
  color: #fff;
}

.parallax div.text-container p{
  width: 100%!important;
}

.parallax p.h4{
  color:#fff!important;
}

.parallax{
display: flex;
align-items: center;
justify-content: center;
}

@media (max-width: 420px) {
.parallax div.text-container p.h2{
  font-size: 1.5em;
}
}

/* parallax end */

/* wir handeln teaser*/

.bild_text_teaser{
  width: 100%;
  background-color: #afaeae;
  margin-bottom: 5em;
}

.bild_text_teaser_bild{
  width:66%;
}

.bild_text_teaser_bild img{
  max-width:100%;
  height: auto;
}

.bild_text_teaser_text{
  width:33%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  padding: 30px 20px 20px 20px;
}


.bild_text_teaser_text p{
  line-height: 1.4em;
  
}

.bild_text_teaser_text ul{
  list-style: none;
  padding-left: 0px;
}

.bild_text_teaser_text ul li:before{
  content: "\00BB \0020";
}

.bild_text_teaser_text h2 + p, .bild_text_teaser_text h1 + p, .bild_text_teaser_text h3 + p{
  padding-top: 1.5em;
}

.bild_text_teaser_text h2{
  padding-bottom: 0px;
}

.img_left .bild_text_teaser_bild{
  float: left;
}

.img_left .bild_text_teaser_text{
  float: right;
}

.img_right .bild_text_teaser_bild{
  float: right;
}

.img_right .bild_text_teaser_text{
  float: left;
}

@media (max-width: 420px) {
.bild_text_teaser_bild{
  width: 100%;
}
.bild_text_teaser_text{
  width: 100%;
}

}


/* wir handeln teaser ende*/

/* Direkteinstiegsheader*/

#jr_swduehHeder{
  width: 100%;
  /*background-color: #fff;
  margin-top: 45px;*/
}

#jr_swduehHeder ul{
  list-style: none;
  padding:0px;
  margin: 0px;
}

#jr_swduehHeder .headeritem{
  width: 25%;
  float: left;
  height: 50%;
  position: relative;
  padding: 2px;
}

#jr_swduehHeder .headeritem.inactive{
  opacity: .4;
  -webkit-transition:opacity 500ms ease-out;
  -moz-transition:opacity 500ms ease-out;
  -o-transition:opacity 500ms ease-out;
  transition:opacity 500ms ease-out;
}

#jr_swduehHeder .headeritem, #jr_swduehHeder .headeritem.inactive:hover {
  opacity: 1;
  -webkit-transition:opacity 500ms ease-out;
  -moz-transition:opacity 500ms ease-out;
  -o-transition:opacity 500ms ease-out;
  transition:opacity 500ms ease-out;
}

#jr_swduehHeder .headeritem img{
  width: 100%;
  height: auto;
  max-height: 100%;
}

#jr_swduehHeder .jr_headline{
  position: absolute;
  bottom: 0px;
  left: 0px;
  height: 75px;
  width:100%;
  /*background-color: rgba(73, 173, 51, 0.8);
  padding: 2px;*/
}

#jr_swduehHeder .jr_headline .wrapper{
  border-left:2px solid white;
    border-right:2px solid white;
    border-bottom:2px solid white;
  background-color: rgba(73, 173, 51, 0.8);
  width: 100%;
  height: 100%;
  text-align: center;
  display: flex;
align-items: center;
justify-content: center;
}

#jr_swduehHeder .jr_headline img{
  max-height: 58%;
  width: auto;
  /*position: absolute;
  top: 10px;
  left: 15px;*/
  
}

#jr_swduehHeder .jr_headline_text{
  /*position: absolute;
  width: 70%;
  left: 20%;
  top: 12px;*/
  display: block;
  text-align: left;
padding-left: 1em;
}

#jr_swduehHeder .clear{
  clear: both;
}

span.jr_headline_text_1{
  color: #fff;
  font-family: Roboto-Semibold;
  line-height: 1em;
  padding: 0px;
  margin: 0px;
}

span.jr_headline_text_2{
  color: #fff;
  font-family: Roboto-Regular;
  line-height: 1em;
  padding: 0px;
  margin: 0px;
}


@media (max-width: 1199px) {}
@media (max-width: 991px) {
#jr_swduehHeder{
  width: 100%;
  /*background-color: #fff;*/
  height: 550px; 
}

#jr_swduehHeder .headeritem{
  width: 50%;
  height: 50%;
}

}

@media (max-width: 420px) {
#jr_swduehHeder{
  width: 100%;
  /*background-color: #fff;*/
  height: 550px; 
}

#jr_swduehHeder .headeritem{
  width: 100%;
  height: 100%;
}

}



/* Direkteinstiegsheader end*/

/*Flexbox*/

.flexbox_teaser{
  margin-bottom: 5em;
}

.flexbox_teaser, .flexbox_img{
  display: flex;
}

.flexbox_img{
  margin: 0 2px;
  width: 50%;
}

.flexbox_txt_wrapper{
  width: 50%;
  max-width: 50%;
}

.frame-layout-205{
  height: 49.85%;
  background-color: #d0cfcf;
  margin-top: 0.3%;
  padding: 60px 15px 10px 15px;
  font-size: 1.3em;
  max-width: 100%;
}

.frame-layout-205:first-child{
  margin-top: 0px;
}


.frame-layout-206{
  height: 33.1%;
  background-color: #d0cfcf;
  margin-top: 0.3%;
  padding: 40px 15px 10px 15px;
  font-size: 1.3em;
  max-width: 100%;
}

.frame-layout-206:first-child{
  margin-top: 0px;
}

.frame-layout-207{
  height: 25%;
  background-color: #d0cfcf;
  margin-top: 2px;
  padding: 20px 15px 10px 15px;
  max-width: 100%;
}

.frame-layout-207:first-child{
  margin-top: 0px;
}

@media (max-width: 1199px) {
  .frame-layout-205, .frame-layout-206, .frame-layout-207{
  font-size: 1em;
}
}

@media (max-width: 991px) {
 .flexbox_teaser, .flexbox_img, .flexbox_txt_wrapper{
  display: block;
  width:100%;
  max-width: 100%;
  margin: 2px 0;
}

.flexbox_teaser{
  margin-bottom: 5em;
}

.flexbox_img img{
  width: 100%;
  height: auto!important;
}

.frame-layout-205, .frame-layout-206, .frame-layout-207{
  padding: 20px 15px 20px 15px;
}

}

@media (max-width: 420px) {}

/*Flexbox end */

/* Kontaktbox mobile*/

.frame-layout-208 h3{
  font-family: Roboto-Regular!important;
}

.frame-layout-208 h3 + p{
    margin-top: 0.8em;
}


/* Kontaktbox mobile ende*/

/* Akkordeon*/

.panel-default > .panel-heading{
  color: #5b5958;
  background-color: #dedede;
  border-color: #dfdede;
}

.panel-title > a.collapsed:before{
  content: url(../img/icon_oeffnen.png);
  padding-right: 1em;
  position: relative;
  top: 3px;
}
.panel-title > a:before{
  content: url(../img/icon_schliessen.png);
  padding-right: 1em;
  position: relative;
  top: 2px;
}

.panel-group .panel + .panel{
  margin-top: 15px
}

/* Akkordeon end*/

/* CE Layout Klassen */

.frame-type-carousel{
  padding: 0px;
  margin: 0px;
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12{
  padding-left: 2px;
  padding-right: 2px;
}

/*201 = Box hellgrau*/
.frame-layout-201{
  background-color: #d0cfcf;
  margin-top: 4px;
  height: 250px;
  padding: 20px 15px 10px 15px;
}

.frame-layout-201 p{
  line-height: 1.35em;
}


/* 202 = Box dunkelgrau*/
.frame-layout-202{
  background-color: #5b5958;
  color: #fff;
  margin-top: 4px;
  height: 250px;
  padding: 20px 15px 10px 15px;
}

.frame-layout-202 .lead{
  font-size: 80px;
  font-family: Roboto-Light;
  font-weight: normal;
}

.frame-layout-202 h3 + .lead, .frame-layout-202 header + .lead{
  margin-top: 0.3em;
}

/* 203 = Box grün */
.frame-layout-203{
  background-color: #49ad33;
  color: #fff;
  margin-top: 4px;
  height: 250px;
  padding: 20px 15px 10px 15px;
}

.frame-layout-203 .lead{
  font-size: 80px;
  font-family: Roboto-Light;
  font-weight: normal;
}

.frame-layout-203 h3 + .lead, .frame-layout-203 header + .lead{
  margin-top: 0.3em;
}

/* 204 = Grauer Hintergrund */
.frame-layout-204{
  background-color: #afaeae;
  color: #fff;
  margin-top: 4px;
  height: 250px;
}



.table-bordered{
 
  height: 431px;
}

.table-bordered tr:first-child td{
   border-top:none!important;
  border-right: 3px solid #fff !important;
}

.table-bordered td{
  border-top: 3px solid #fff!important;
  border-bottom: none!important;
  border-right: 3px solid #fff !important;
  border-left: none!important;
  background-color: #d0cfcf;
  text-align: center;
  vertical-align: middle!important;
  font-size: 1.25em;
}

.einstiegs_btn{
  width:44.75%;
  margin-left:5%;
  margin-right:0.25%;
  float:left;
  text-align:center;
  background-color:#5b5958;
  line-height:2.5em;
  color:#fff;
  font-size:1.5em;
}

@media (max-width: 991px) {
.einstiegs_btn{
  font-size:1em;
}
}

/* CE Layout Klassen Ende */

.bild_text_teaser.container{
  padding-left: 0px!important;
  padding-right: 0px!important;
}
.gallery-item img, .gallery-item picture {
max-width: 100%;
  width: auto;
height: auto;
}

.footer-section-meta .frame{
  padding-top:0px;
  padding-bottom:0px;
}
.footer-section-meta .container{
  padding: 0px;
}

.footer-copyright{
  background-color: #4d4d4d;
  padding: 1em;
  font-weight: bold;
  text-align: right;
}
.footer-copyright a{
  font-weight: normal;
}
.footer-meta{
  padding: 1em;
  margin-top: 0em!important;
}
.btn-default {
color: #fff;
background-color: #49ad33;
border-color: #49ad33;
}
.btn-default:hover {
color: #fff;
background-color: #388627;
border-color: #357e25;
}

.MetaNav .nav-item.dropdown{
  z-index: 4;
}
.MetaNav .nav-link{
  padding: 0rem 0rem;
}

.MetaNav .dropdown-toggle::after,
.FooterNav .dropdown-toggle::after{
  display: none;
}

.MetaNav .dropdown-menu{
  position: absolute!important;
}

.FooterNav .navbar-nav{
  flex-direction: column-reverse;
}

.FooterNav .dropdown-menu{
  padding: 1px 0;
}
.FooterNav .dropdown-menu li{
  padding: 0.2em 2em;
}

.FooterNav .dropdown-menu .dropdown-item:hover{
  background-color: rgba(73, 173, 51, 0.9)!important;
}
.FooterNav a{
  color: #fff;
}

.frame-layout-210{
    display: none!important;
  }
@media (max-width: 720px) {
  .frame-layout-210{
    display: block!important;
  }
}
.frame-layout-209{
    display: none!important;
  }
@media (min-width: 720px) {
  .frame-layout-209{
    display: block!important;
  }
}

@media (min-width: 992px){
  .navbar-mainnavigation .navbar-collapse {
    display: flex;
    flex: initial!important;
  }
}