@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:400,300,700);
@import url('https://fonts.googleapis.com/css2?family=Barlow:100,200,300,400,500, 600,700,800');
/*+++++++++++++++++++*/
/*+overrides boostrap joomla allgemein++*/
/*++++++++++++++++++*/
.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:16px;
  box-sizing: border-box;
}
.container {
  padding:0px 32px;
  }

@media screen and (min-width: 1200px)
{ .container  
    {
    max-width: 1376px;
    width:auto;
    /*background-color: rgba(255, 255, 130, 0.5);*/
    }
}
.row {
    margin-left: -16px;
    margin-right: -16px;
}
body, html {
    height: 100%;
}
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
a {text-decoration:none;color:white;}
a:hover {text-decoration:underline;color:white;}
body {
  /*font-family: 'ScalaSansOT-Light', sans-serif;*/
  /*font-family: 'Roboto Condensed', sans-serif;*/
  font-family: "Barlow", sans-serif;
  font-size: 34px;
  line-height:40px;
  color:#595b61;
  font-weight:300;
}
b, strong {
  font-weight: 600;
}
.halfstrong {
  font-weight: 500;
}
.quarterstrong {
  font-weight: 400;
}

p, ul{
  margin-bottom:50px;
}

.center {
 text-align:center;
}
.mitte {
  position:relative;
    top:25%;
}
div.tz {
  position: absolute;
  /*top: 20vh;*/
  left: 0;
  right: 0;
  text-align: left;
}
p.tx {
  font-size: 60px;
  line-height:68px;
  position: absolute;
  height: 50vh;
  top: 0px;
  left: 0;
  right: 0;
  color: #fff;
  text-align: center;
  background-color:rgba(255, 255, 255, 0.8);
}
p.tx.big img {
  height:50vh;
  padding-top:60px;
  padding-bottom:20px;
}
p.tx.small img {
  height:45vh;
  padding-top:65px;
  padding-bottom:20px;
}
p.ty {
  position: absolute;
  bottom: 40px;
  left: 0;
  right: 0;
  color: #fff;
  text-align: center;
  margin-bottom:0px ;
}
p.ty img {/*width:3%;*/}


.parallax_section {
  width:100% !important;

  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
  /*background-position: 100% auto;*/
  background-position:center center;  
  position: relative;
}
.parallax_slider {
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
  background-position: 100% auto;
  position: relative;
}
.affix-top {
    background-color:rgb(255,255,255,0.8);
  }
.affix {   
      background-color:rgb(255,255,255,0.8);
  }

  /*.affix + .container-fluid {
      padding-top: 80px;
  }*/
#background-carousel{
  position:fixed;
  width:100%;
  height:100%;
  z-index:-1;
}
#background-carousel-inner{
  position:relative;
  width:100%;
  height:100%;
  z-index:99;
}
.carousel,
.carousel-inner {
  width:100%;
  height:100%;
  z-index:0;
  overflow:hidden;
}
.item {
  width:100%;
  height:100%;
  background-position:center center;
  background-size:cover;
  z-index:0;
}
.content_block
{
   background-color:rgb(255,255,255,0.9);
   background-color:rgb(255,255,255,1.0);
    background-color:white;
}
.dark {background-color: #5d6e7f;color:white;}

a {color: #595b61}
a:hover{color:#595b61;text-decoration: underline}
.parallax_section .bewerbung-mitte a, .slida  a{color: white;}
.parallax_section .bewerbung-mitte a:hover{color:white;text-decoration: underline}
#kontakt a {color: #595b61}
/*.header a {margin-top:24px;}*/

.header {font-size: 24px;}
.service {font-size: 24px;line-height:32px;}
.service a{color:white;}
h1 {  font-size:68px;line-height:68px;padding:0px;font-weight:700;margin-top:40px;}
h2 {  font-size:34px;line-height:40px;padding:0px;font-weight:600;margin-top:0px;margin-bottom:50px;}

 ul {
    list-style: none;
    margin: 0px;
    margin-bottom:30px;
    padding: 0px 16px 10px 0px;
}
ul li::before {
    content: url("../images/listen.svg");
    top: 0;
    left: 8px;
    padding-right:8px;
}

/*pfeil*/
.runter
{

  width:100%;
  display:block;
  text-align:center;
  height:100px;
  /*background-color: white;*/
}
.runter img {padding-top:20px;}

.wrap {
  display: table;
  width: auto;
}
.wrap .trow {
  display: table-row;
}
.wrap .cell {
  display: table-cell;
  float: none;
  vertical-align: bottom;
  padding-right: 18px;
}

#mapid {height:350px;width:80%;}
.sprache {position:absolute;right:16px;top:0px;}

.flag {width:26px;}