/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/open-sans-v34-latin/open-sans-v34-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/open-sans-v34-latin/open-sans-v34-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v34-latin/open-sans-v34-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v34-latin/open-sans-v34-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v34-latin/open-sans-v34-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v34-latin/open-sans-v34-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-700 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/open-sans-v34-latin/open-sans-v34-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/open-sans-v34-latin/open-sans-v34-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v34-latin/open-sans-v34-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v34-latin/open-sans-v34-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v34-latin/open-sans-v34-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v34-latin/open-sans-v34-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/open-sans-v34-latin/open-sans-v34-latin-italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/open-sans-v34-latin/open-sans-v34-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v34-latin/open-sans-v34-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v34-latin/open-sans-v34-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v34-latin/open-sans-v34-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v34-latin/open-sans-v34-latin-italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}





/* * {box-sizing; border-box;} */
/*
html{
  font-family: 'Open Sans', Arial, Helvetica, sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -webkit-overflow-scrolling: touch;
}*/
body {
  /* font-family: 'Open Sans', Arial, Helvetica, sans-serif;*/
  font-family: 'Open Sans' !important;
  font-size: 16px;
  line-height: 23px;
  color: #3e0100;
}

html, body {
  position: relative;
  height: 100%;
}
div.csc-textpic, div.csc-textpic div.csc-textpic-imagerow, ul.csc-uploads li,
img, audio, video, embed, object {
    height: auto;
    max-width: 100%;
    vertical-align: top;
    width: auto;
}



#teaser {
  background: #f5f5f5;
  margin-top: 0px;
  padding-top: 40px;
  border-bottom: 1px solid #ddd;
  text-align: center;
}

#teaser .callout {
  margin-bottom: 20px;
}

#teaser p {
  margin-left: 30px;
  margin-right: 30px;
  letter-spacing: 1px;
  padding-top: 15px;
  padding-bottom: 15px;
}

#teaser .icon {
  font-size: 60px;
  line-height: 30px;
  margin-bottom: 10px;
}
.row{margin-bottom:1em;}

.copyright {
  padding: 15px 0;
  background-color: #323232;
  font-size: 12px;
}


/*
 * Email Protection
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

h1, h2, h3, h4, h5 {text-transform:uppercase;}




/* ----------------------------------------------------- */
/* NAVBAR
/* ----------------------------------------------------- */



list-inline > li {
    display: inline-block;
    padding-left: 5px;
}


.list-inline > li {
    display: inline-block;
    padding-left: 5px;
    padding-right: 5px;
}



.searchbox {
    float: right;
    width: 15%;
}

.country-selection > li > a {
  font-size: 12px;
}





.slider-left {
 max-width: 50%;
}

/* carousel */
.carousel-control {
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  position: absolute;
  top: 50%;
  margin-top: -22px;
  bottom: inherit;
  width: 45px;
  height: 45px;
  background: #777;
}
.carousel-control:hover {
  background: #6a6a6a;
}
.carousel-control.left, .carousel-control.right {
  background-image: none;
}
.carousel-control .fa {
  line-height: 45px;
}

.carousel-indicators {
  bottom: -90px;
}
.carousel-indicators > li {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5;
  background-color: #fff;
}
.carousel-indicators > li.active {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}

.carousel-inner {
  height:100vh;
 /*in-height:1024px;*/
  position:absolute;
  top:0;
  width:100vw;
}
/* for 100% full screen */
.carousel-item {
  height: 100vh;
  min-height: 350px;
  background: no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; 
  
}
  /*---Firefox Bug Fix --*/
  .carousel-item {
  transition: -webkit-transform 0.5s ease;
  transition: transform 0.5s ease;
  transition: transform 0.5s ease, -webkit-transform 0.5s ease;
  -webkit-backface-visibility: visible;
          backface-visibility: visible;
}

.carousel-item.active,
.carousel-item-left,
.carousel-item-right {
  display: flex !important;
  justify-content: center;
  align-items: center;
}
/*#Startseite .carousel-item {min-height: 766px;} */


/* nfor 100% full screen end */


/* scroll to top */
.scroll{position:fixed;right:2em;bottom:20px;z-index:1000;}
a#totop {
    display:block;
    float:right;
    position: relative;
    right: 0;
    bottom:0;
    color: #eee;
    text-shadow: 0 1px 1px #222 !important;
    font-size: 3em;
    background-color: rgba(0,0,0,.3);
    padding:0 10px;
    border-radius: 5px;
    text-align:center;
    transition:all 0.25s ease 0s;
  }
a#totop:hover {background-position: 0 -27px;color:#406da4;background-color: rgba(0,0,0,.5)}

.row{
    margin-bottom:1em;margin-top:1em;
}
/*  RTE */
p .important, span .important, .important {color:#a00;}
p .detail {color:#0a0;}

p abbr, p acronym {
  border-bottom: .1em dotted;
  cursor: help;
}
p.caution {background:#fd0;padding:10px;}
p.caution:before{content:"\f0eb";font-family:'FontAwesome';padding-right:0.3em;}
p.stop {background:#a00; color:#fff;padding:10px;}
p.stop:before{content:"\f071";font-family:'FontAwesome';padding-right:0.3em;}
p.info {background:#D9EDF7;color:#3A87AD;border:thin solid #BCE8F1;padding:10px;}
p.info:before{content:"\f06a";font-family:'FontAwesome';padding-right:0.3em;}


.darkblue { color: #100959;}
.green { color: #19730C;}
.terra{ color: #B24716;}
.black{ color: #000;}
.red{ color: #f00;}

/* Preloader */
/*
#loader{position: fixed;z-index:9999; background-color:transparent; background:transparent url('../Images/preloader_white.gif') no-repeat center center;}
#loader{width:100%;height:100%; text-align:center;}
*/

/* Style the buttons */
/*
.btn {
  border: none;
  outline: none;
  padding: 12px 16px;
  background-color: white;
  cursor: pointer;
}
.btn:hover {
  background-color: #ddd;
}
.btn.active {
  background-color: #666;
   color: white;
}
*/

/*****************************
*      CARDS                 *          
*****************************/
/* Presse Card */
.presseCard .card {
  width: 100%;
  height: 352px;
  color:#381016;
}
.presseCard .card-img {
  width: 100%;
  height: 100%;
  background-color: black; /* fallback color */
  background-position: center;
  background-size: cover;
  transition:all 0.3s ease-in-out;
  opacity:1;
}
.card:hover .card-img,
.card:focus .card-img {
  transform: scale(1.02);
  opacity:0.5;
}

.presseCard.card-img-overlay h5, .presseCard.card-img-overlay p{
    visibility:hidden;
}
.presseCard .card h5, .presseCard .card p{
   color:transparent;
}
.presseCard .card:hover .card-img-overlay{
  transform: scale(1.02);
    background-color:rgba(56,16,22, .8);
    color:#fff;
}
.presseCard .card:hover h5, .presseCard .card:hover p{
   color:#fff;
}
.presseCard.card-img-overlay:hover h5, .presseCard.card-img-overlay:hover p{
    visibility: visible;
}

.presseCard .card:hover .presseCard .card-img-overlay p{
    font-size:1.5em;
  /*  letter-spacing:0.02em;*/
}

/*  PresseCard */
.card h5 {font-size:18px;font-weight: bold;color:#fff;}
.card p,.card .body p {font-size:16px;color:#fff;}
.card .body {  
  display:none;
  position: absolute;
  color:#fff;
  padding: 0 1.5rem;
  bottom: 1.5rem;
}


.card:hover .body{display:block; }
.presseCard{margin-bottom:40px;margin-left:-15px;width:120vw;}





/* Team Cards */
.teamcard > .card, .card{
  border: 0 none;
  max-width: 280px;
  display:block;
}
.teamCard {position:relative; margin:0 12% !important;}

.card .profilCard {
  border: 0 none;
  max-width: 280px;

  padding:10px;
  margin-bottom:30px;
  margin-right:30px;
}
.card.profilCard:first-child{
 padding-left:0;
}
.card.profilCard:last-child{
 margin-right:0;
}
.card.profilCard img{
  width:100%;
  height:100%;
}
.card .cardImg {
  padding:10px;
}
.profilCard h3, .profilCard h4, .profilCard p, .profilCard a{
  color:#3d0400;
  text-align:center;
}
.profilCard h3, .profilCard h4 {
  text-transform: uppercase;
  font-size: 18px;
  font-weight: 400;
  margin-top:10px;
  margin-bottom:0px;
  text-align:center;
}
.profilCard p{
  font-size: 14px;
  color:#3d0400;
}
.cardExtended {
  position:absolute;
  z-index: 200;
  width:auto;  
  padding: 15px;
  border: 1px solid #ebebeb;
  background-color:#fff;
  top:60%;
}
.cardExtended p h3, .cardExtended h4, .cardExtended p{
  text-align:left !important;
}
.profilCard > .hideButton {
  position:relative;
   
  background-color:transparent;
  color:#fff;
  border: 0 none;
  z-index: 200;
}

.profilCard figure{
 margin-bottom:0;

}
.profilCard .card-body{
 padding-top: 0;

}

.powermail_form, form #testformular-228 {padding-left:-15px;padding-right:-15px; margin: 0 -15px;}
.powermail_form .row{margin:0;} 

#testformular-228 .actions::before, #contactExtensionFORMFR-230 .actions::before{
    display: block;
    clear: both;
    content: ""
}

.powermail_form h3 {font-size:16px;font-weight:600;margin-top:20px;text_decoration:uppercase;}
#testformular-228 h2, #contactExtensionFORMFR-230 h2, #contactExtensionFORMFR-228 h2 {font-size:16px;font-weight:600;margin-top:20px;text_decoration:uppercase;}
.powermail_form .control-label, #testformular-228 .control-label {font-size:14px;font-weight:normal;text-align:left;text_decoration:uppercase;margin-right:1rem;white-space:nowrap;}
#testformular-228 .control-label, #contactExtensionFORMFR-228 .control-label {width: 25%; display:block;float:left;}
.powermail_fieldwrap input[type="submit"] {width:150%;background-color:#3e0100 !important;color:#fff;}
.powermail_fieldwrap input[type="submit"]:hover { -webkit-background-color:#3e0100;background-color:#3e0100;}
.checkbox label {font-size:12px;} 
.powermail_form fieldset {margin: 0 -15px;}
.powermail_fieldset legend {display:none;}
.powermail_form textarea.form-control{height:55px; width:93%;}
.powermail_form input[type=text], .powermail_form input[type=email],
.powermail_form .powermail_textarea{
  border: 1px solid #3e0100;
  border-radius: 0;
  color: #3e0100;
}

#testformular-228 .submit, #contactExtensionFORMFR-230 .submit, #contactExtensionFORMFR-228 .submit {margin-top:20px !important;}

#testformular-228-captcha-1, #contactExtensionFORMFR-228-captcha-1 {margin-left: 25%;}


.powermail_form input[type=text]:focus {
  background-color:#fefefe;
  border: 1px solid #3e0100;
  border-radius:0;
}
.form-horizontal .control-label{padding-top:1px;}
.form-horizontal .radio, .form-horizontal .checkbox, .form-horizontal 
.radio-inline, .form-horizontal .checkbox-inline{padding:0;}
.powermail_form input[type="text"], .powermail_form input[type="email"] {height:25px;}
input[type="button"], input[type="reset"], input[type="submit"]{
  -webkit-background-color:#3e0100;
  background-color:#3e0100;
  color:#fff;
  font-size: 14px;
  text_decoration:uppercase;
  border-radius: 0;
  border: 1px solid #3e0100;
  width: 100%;
}
#testformular-228 .form-control, #contactExtensionFORMFR-228 .form-control {
  -webkit-background-color:#fff;
  background-color:#fff;
  color:#3e0100;
  font-size: 14px;
  text_decoration:uppercase;
  border-radius: 0;
  border: 1px solid #3e0100;
  width: 100%;
}
/*
#testformular-228 input[type="checkbox"], #testformular-228 input[type="radio"] {
  float: right; 
  margin-top:5px;  
}  */
#testformular-228 .checkbox label, #contactExtensionFORMFR-228 .checkbox label{font-size:14px;}
#testformular-228 .form-check, #contactExtensionFORMFR-228 .form-check {padding-left:25%;}
#testformular-228 .clearfix, #contactExtensionFORMFR-228 .clearfix {width:25% !impotant; float:left;}
#testformular-228 .form-navigation, #contactExtensionFORMFR-228 .form-navigation {margin-top: -0.7rem;}
#testformular-228 .btn-toolbar, #contactExtensionFORMFR-228 .btn-toolbar {display:block;margin-left: 25%;}
#testformular-228 .btn-group, #contactExtensionFORMFR-228 .btn-group{display:contents;}
#testformular-228 .btn-primary, #contactExtensionFORMFR-228  .btn-primary{
  color:#fff; 
  border-color:#3e0100; 
  border-radius:0;
  background-color:#3e0100 !important;
  width: 60%;
  font-size: 14px;
}
/* .hcaptcha-description {margin-left:15%;} */
.h-captcha {margin-left:25%;}

@media screen and (max-width: 767px){
  .profilCard > .hideButton {bottom:56px;right:14px;}
  /*.powermail_fieldwrap_e_mail .control-label {width:100%;}*/
  
}


@media screen and (min-width: 600px){
  .powermail_form input[type="text"], .powermail_form input[type="email"] {height:25px;width:150%;}
  .powermail_form .powermail_textarea, .control-label .col-sm-3 {width:150%; height:55px;  }
  .powermail_fieldwrap input[type="submit"] {width:230%;} 
  .powermail_form.form-group{width:150% !important;}
  .powermail_form textarea.form-control{ width:140%;}
  .cardExtended {width:190%;}
}
/*
@media only screen
        and (min-device-width : 340)
        and (max-device-width : 1024px)
        and (orientation : landscape) {
            .powermail_form .control-label .col-sm-3 {float:left; width:40%;}
        
        }
*/

/*
@media screen and (min-width: 980px){*/
@media screen and (min-width: 768px){
  .powermail_form fieldset {margin: 0 -15px;width:100%;}
  .powermail_form .powermail_fieldwrap {width:100%;}
  .powermail_form .form-group, #testformular-228 .form-group {margin-bottom:0.75rem;}
  .powermail_form.col-md-8{width:100%;}
  .powermail_form label {width:25%;float:left;}
  .powermail_form .checkbox label {width:80%;margin-left:32%;position:relative;display:table;top:-25px;}
  .powermail_form .control-label, #testformular-228 .control-label {margin-right:0;}
  .powermail_form input[type="text"], .powermail_form input[type="email"] {height:25px;width:65%;}
  #testformular-228 .form-control, #contactExtensionFORMFR-228 .form-control {height:25px;width:45%;}
  #testformular-228 textarea, #contactExtensionFORMFR-228 textarea {width:45%; height:55px;  }
  .powermail_form .powermail_textarea {width:65%; height:55px;  }
  .powermail_form .powermail_fieldwrap .powermail_fieldwrap_type_check {height:auto;}
  .powermail_form input .powermail_checkbox {width:65%;}
  .powermail_fieldwrap input[type="submit"] {width:65%; margin-left:32%;position:relative;top:-25px;background-color:#3e0100;color:#fff;}
  .powermail_form textarea.form-control{ width:65%;}
  .profilCard > .hideButton {top:50%;;right:16px;z-index:300;position:absolute;}
  .teamCard {margin:0 -9% !important;}
}

@media screen and (min-width: 995px){
 .profilCard > .hideButton {top:45% !important;right:6%;}
 .cardExtended {width:200%;}
 .teamCard {margin:0 12% !important;}
}
@media screen and (min-width: 1020px){
  .profilCard > .hideButton {top:45% !important;}
}
@media screen and (min-width: 1200px){
  .profilCard > .hideButton {top:50% !important;}
}
@media screen and (min-width: 1440px){
  .profilCard > .hideButton {top:51% !important;}
}
@media screen and (min-width: 1720px){
  .profilCard > .hideButton {top:50% !important;}
}

/*----------------------- Preloader -----------------------*/