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

/* varela-round-regular - latin */
@font-face {
  font-family: 'Varela Round';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/varela-round-v10-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Varela Round Regular'), local('VarelaRound-Regular'),
       url('../fonts/varela-round-v10-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/varela-round-v10-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/varela-round-v10-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/varela-round-v10-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/varela-round-v10-latin-regular.svg#VarelaRound') format('svg'); /* Legacy iOS */
}

body {
font-family: 'Nunito';
letter-spacing: .0625em;
    background-color: #000000;
}

.text_h {
    background-color:  #EFE2CC !important;
}

.text_x {
    background-color:  #EFE2CC !important;
        -moz-transform: rotate(1deg) !important;
-ms-transform: rotate(1deg) !important;
-o-transform: rotate(1deg) !important;
-webkit-transform: rotate(1deg) !important;
}



.masthead {
position: relative;
width: 100%;
height: auto;
min-height: 70rem;
padding: 14.2rem 0;
background: -webkit-gradient(linear,left top,left bottom,from(rgba(22,22,22,.1)),color-stop(75%,rgba(22,22,22,.5)),to(#161616)),url(../img/header_impressum_2560.jpg);
background: linear-gradient(to bottom,rgba(22,22,22,.1) 0,rgba(22,22,22,.5) 75%,#161616 100%),url(../img/header_impressum_2560.jpg) no-repeat !important;
background-position: center;
background-repeat: no-repeat;
background-attachment: scroll;
background-size: cover;
background-color: #000000; 
    z-index: 0;
}

.signup-section {
padding: 10rem 0;
background: -webkit-gradient(linear,left top,left bottom,from(rgba(22,22,22,.1)),color-stop(75%,rgba(22,22,22,.5)),to(#161616)),url(../img/header_impressum_2560.jpg);
background: linear-gradient(to bottom,rgba(22,22,22,.1) 0,rgba(22,22,22,.5) 75%,#161616 100%),url(../img/header_impressum_2560.jpg);
background-position: center;
background-repeat: no-repeat;
background-attachment: scroll;
background-size: cover;
}

.masthead h1 {
font-size: 3.5rem;
line-height: 6.5rem;
letter-spacing: .3rem;
    text-shadow: #000000 0.1em 0.1em 0.2em;
}

.bg-light {
background-color: #EFE2CC!important;
}

.card {
background: url(../img/info_card.jpg) no-repeat ;
    background-position: center top;
}

.card-body {
padding-top: 55px;
}

.contact-section .card {
border: 0;
border-bottom: displaay none; 
}

.contact-section .card hr {
border-color: #333333;
border-width: .1rem;
width: 10rem;
}

.btn-primary:hover {
background-color: #C0BC80 !important;
z-index: 1500;
opacity: 0.9;
}

.btn-primary {
background-color: #C0BC80 !important;
opacity: 0.7;   
    z-index: 1500;
}

.bg-dark {
background-color: #222222!important;
  
}

#mainNav {
    background-color: #121419 !important;
opacity: .9;
}

#mainNav.navbar-shrink .nav-link:hover {
color: #CE2727;
}

#mainNav.navbar-shrink .nav-link {
color: #888888;
padding: 1.5rem 1.5rem 1.25rem;
border-bottom: .25rem solid transparent;
}

#mainNav.navbar-shrink .nav-link.active {
color: #CE2727;
outline: 0;
border-bottom: .25rem solid #CE2727;
}

.projects-section .featured-text {
padding: 0 0 0 2rem;
border-left: .5rem solid #CE2727;
}


.mb-lg-5, .my-lg-5 {
margin-top: -50px;    
-moz-transform: rotate(-2deg) !important;
-ms-transform: rotate(-2deg) !important;
-o-transform: rotate(-2deg) !important;
-webkit-transform: rotate(-2deg) !important;
-webkit-box-shadow: 10px 10px 50px grey;
-moz-box-shadow: 10px 10px 50px grey;
box-shadow: 10px 10px 50px grey;    
}

.mb-lg-0, .my-lg-0 {
margin-bottom: 50px!important;
    -moz-transform: rotate(-2deg) !important;
-ms-transform: rotate(-2deg) !important;
-o-transform: rotate(-2deg) !important;
-webkit-transform: rotate(-2deg) !important;
-webkit-box-shadow: 10px 10px 50px grey;
-moz-box-shadow: 10px 10px 50px grey;
box-shadow: 10px 10px 50px grey;  
}

.justify-content-center {
-ms-flex-pack: center!important;
justify-content: center!important;
margin-bottom: 50px;
    -moz-transform: rotate(1deg) !important;
-ms-transform: rotate(1deg) !important;
-o-transform: rotate(1deg) !important;
-webkit-transform: rotate(1deg) !important;
-webkit-box-shadow: 10px 10px 50px grey;
-moz-box-shadow: 10px 10px 50px grey;
box-shadow: 10px 10px 50px grey;  
}



.img-fluid {
max-width: 100%;
height: auto;
-moz-transform: rotate(-2deg) !important;
-ms-transform: rotate(-2deg) !important;
-o-transform: rotate(-2deg) !important;
-webkit-transform: rotate(-2deg) !important;
}



/* ---------------------------------Annimation Balken horzotal----------------------------------*/

.balken_h1 {
position: absolute;
width: 2000px;
height: 250px;
top: 85px;
left: -1024px;
background: url(../img/balken_horizontal_black.gif);
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;
z-index: -1;
    animation-name: balken_h1;
    animation-duration: 30s;
    animation-iteration-count: infinite;
}

.balken_h2 {
position: absolute;
width: 350px;
height: 440px;
top: 0;
right: 0;
background: url(../img/Fischreiher_freigestellt.png);
opacity: 0.9;
    -webkit-transition:opacity 500ms ease-out;
-moz-transition:opacity 500ms ease-out;
-o-transition:opacity 500ms ease-out;
transition:opacity 500ms ease-out;
z-index: -1;
    animation-name: balken_h2;
    animation-duration: 35s;
    animation-iteration-count: infinite;
    
}

@keyframes balken_h1 {
    from {transform: translateX(-1024px)}
    to {transform: translateX(3584px)}
}

@keyframes balken_h2 {
    from {transform: translateX(3000px);
  
    opacity: 1; }
    to {transform: translateX(-900px);
       
    opacity: 0.0; 
    }
    
}

/* ---------------------------------Annimation Balken vertikal ----------------------------------*/

.balken_v1 {
position: absolute;
width: 750px;
height: 1000px;
top: -1000px;
left: 276px;
background: url(../img/balken_horizontal_black.gif);
opacity: .2;
-webkit-transition:opacity 10ms ease-out;
-moz-transition:opacity 10ms ease-out;
-o-transition:opacity 10ms ease-out;
transition:opacity 10ms ease-out;
      transition: opacity 2s linear;
z-index: -1;
    animation-name: balken_v1;
    animation-duration: 20s;
    animation-iteration-count: infinite;
}

.balken_v2 {
position: absolute;
width: 1500px;
height: 500px;
top: 335px;
left: 1300px;
background: url(../img/balken_horizontal_black.gif);
opacity: .4;
-webkit-transition:opacity 10ms ease-out;
-moz-transition:opacity 10ms ease-out;
-o-transition:opacity 10ms ease-out;
transition:opacity 10ms ease-out;
      transition: opacity 2s linear;
z-index: -1;
    animation-name: balken_v2;
    animation-duration: 35s;
    animation-iteration-count: infinite;
    
}

@keyframes balken_v1 {
    from {transform: translateY(0);
     transform: translateX(-450px);    
    opacity: 0.2; 
    }
    to {transform: translateY(1600px);
   
    opacity: 0; 
    }
}

@keyframes balken_v2 {
    from {transform: translateY(600px);
    opacity: 0; 
    }
    to {transform: translateY(-1000px);
        opacity: 0.4;   
    }
    
    
}


/* --------------------------------- @media ----------------------------------*/

/*! Extra large devices (large desktops, 1200px and up) */
@media (max-width: 1280px) {

 .masthead {
width: 100%;
height: auto;
min-height: 30rem;
padding: 14.2rem 0;
background: -webkit-gradient(linear,left top,left bottom,from(rgba(22,22,22,.1)),color-stop(75%,rgba(22,22,22,.5)),to(#161616)),url(../img/header_impressum_1280.jpg);
background: linear-gradient(to bottom,rgba(22,22,22,.1) 0,rgba(22,22,22,.5) 75%,#161616 100%),url(../img/header_impressum_1280.jpg) no-repeat !important;     
  
}
    
.masthead h1 {
font-size: 3.5rem;
line-height: 6.5rem;
letter-spacing: .3rem;
    text-shadow: #000000 0.1em 0.1em 0.2em;
}    


    /*ende*/
 }


/* --------------------------------- @media ----------------------------------*/
   
/* normal screens, tablet(landscape)  */
@media screen and (max-width: 1024px) {

 .masthead {
width: 100%;
height: auto;
max-height: 20rem;
padding: 14.2rem 0;
background: -webkit-gradient(linear,left top,left bottom,from(rgba(22,22,22,.1)),color-stop(75%,rgba(22,22,22,.5)),to(#161616)),url(../img/header_impressum_1024.jpg);
background: linear-gradient(to bottom,rgba(22,22,22,.1) 0,rgba(22,22,22,.5) 75%,#161616 100%),url(../img/header_impressum_1024.jpg) no-repeat !important;     
  
}
    
 .masthead h1 {
font-size: 3.5rem;
line-height: 6.5rem;
letter-spacing: .3rem;
    text-shadow: #000000 0.1em 0.1em 0.2em;
}   
    
    .text_x {
    background-color:  #EFE2CC !important;
        -moz-transform: rotate(0deg) !important;
-ms-transform: rotate(0deg) !important;
-o-transform: rotate(0deg) !important;
-webkit-transform: rotate(0deg) !important;
}

     /*ende*/
}


/* --------------------------------- @media ----------------------------------*/

/* normal screens, tablet(landscape)  */
@media screen and (max-width: 950x), screen and (max-width: 990px) {

 .masthead {
width: 100%;
height: auto;
max-height: 20rem;
padding: 14.2rem 0;
  
}

    .text_x {
    background-color:  #EFE2CC !important;
        -moz-transform: rotate(0deg) !important;
-ms-transform: rotate(0deg) !important;
-o-transform: rotate(0deg) !important;
-webkit-transform: rotate(0deg) !important;
}    

     /*ende*/
}



/* --------------------------------- @media ----------------------------------*/

/* normal screens, tablet(landscape)  */
@media screen and (max-width: 769px), screen and (max-width: 949px) {

 .masthead {
width: 100%;
height: auto;
max-height: 20rem;
padding: 14.2rem 0;
  
}

.masthead h1 {
font-size: 3.5rem;
line-height: 6.5rem;
letter-spacing: .3rem;
    text-shadow: #000000 0.1em 0.1em 0.2em;
}    

    
    .text_x {
    background-color:  #EFE2CC !important;
        -moz-transform: rotate(0deg) !important;
-ms-transform: rotate(0deg) !important;
-o-transform: rotate(0deg) !important;
-webkit-transform: rotate(0deg) !important;
}    
     /*ende*/
}


/* --------------------------------- @media ----------------------------------*/

/* small screens and tablet(portrait) */
@media screen and (max-width: 740px), screen and (max-width: 768px) {

 .masthead {
width: 100%;
height: auto;
max-height: 20rem;
padding: 14.2rem 0;
  
}

    .masthead h1 {
font-size: 3.5rem;
line-height: 6.5rem;
letter-spacing: .3rem;
    text-shadow: #000000 0.1em 0.1em 0.2em;
}
    
    .text_x {
    background-color:  #EFE2CC !important;
        -moz-transform: rotate(0deg) !important;
-ms-transform: rotate(0deg) !important;
-o-transform: rotate(0deg) !important;
-webkit-transform: rotate(0deg) !important;
}    

     /*ende*/
	}



/* --------------------------------- @media ----------------------------------*/

/* small screens and tablet(portrait) */
@media screen and (max-width: 490px), screen and (max-width: 739px){
	
 .masthead {
width: 100%;
height: auto;
max-height: 20rem;
padding: 14.2rem 0;
  
}

.masthead h1 {
font-size: 2.5rem;
line-height: 3.5rem;
letter-spacing: .3rem;
    text-shadow: #000000 0.1em 0.1em 0.2em;
}    
    
    .text_x {
    background-color:  #EFE2CC !important;
        -moz-transform: rotate(0deg) !important;
-ms-transform: rotate(0deg) !important;
-o-transform: rotate(0deg) !important;
-webkit-transform: rotate(0deg) !important;
}    
    
.balken_h1 {
display: none;
}

.balken_h2 {
display: none;
}    

.balken_v1 {
display: none;
}

.balken_v2 {
display: none;    
}    
    

      /*ende*/
	}


/* --------------------------------- @media ----------------------------------*/

/* mobile phones, small tablets and very small screens iPhone SE */
@media screen and (max-width: 489px) {

   .masthead {
width: 100%;
height: auto;
max-height: 20rem;
padding: 14.2rem 0;
  
}
     
    
.masthead h1 {
font-size: 2.5rem;
line-height: 2.5rem;
letter-spacing: .3rem;
    text-shadow: #000000 0.1em 0.1em 0.2em;
}
    
.text-white-50 {
color: rgba(255,255,255,.5)!important;
text-align: left;
}   
    
    .text_x {
    background-color:  #EFE2CC !important;
        -moz-transform: rotate(0deg) !important;
-ms-transform: rotate(0deg) !important;
-o-transform: rotate(0deg) !important;
-webkit-transform: rotate(0deg) !important;
}    
       
    
.balken_h1 {
display: none;
}

.balken_h2 {
display: none;
}    
    
.balken_v1 {
display: none;
}

.balken_v2 {
display: none;    
}    
        
    
    
     /*ende*/
}


/* --------------------------------- @media ----------------------------------*/

/* small mobile phones */
@media screen and (max-width: 240px) {
    
   .masthead {
width: 100%;
height: auto;
min-height: 40rem;
padding: 14.2rem 0;
  
}
     
    
.masthead h1 {
font-size: 2.5rem;
line-height: 2.5rem;
letter-spacing: .3rem;
    text-shadow: #000000 0.1em 0.1em 0.2em;
}
    
.text-white-50 {
color: rgba(255,255,255,.5)!important;
text-align: left;
}    
    
    .text_x {
    background-color:  #EFE2CC !important;
        -moz-transform: rotate(0deg) !important;
-ms-transform: rotate(0deg) !important;
-o-transform: rotate(0deg) !important;
-webkit-transform: rotate(0deg) !important;
}    
    
.balken_h1 {
display: none;
}

.balken_h2 {
display: none;
}    
    
.balken_v1 {
display: none;
}

.balken_v2 {
display: none;    
}    
   
    
     /*ende*/
}