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

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

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


*,
*::after,
*::before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

html {
    font-size: 62.5%;
}

html * {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

body {
    font-size: 18px;
  font-family: 'Oxygen', sans-serif;
    color: #243040;
    line-height: 1.72em;
    background-color:#FEFEF3;
}

body,
html {
    overflow-x: hidden;
}

a {
    color: #405969;
    text-decoration:underline;
}

a:active,
a:focus {
    outline: 0
}

a:active,
a:focus {
    outline: expression(hideFocus='true')
}

 p{line-height:1.72em;}

.lead {
    margin-bottom: 20px;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.72
}

@media (min-width:768px) {
    .lead {
        font-size: 24px;font-weight:400; line-height: 1.72
    }
}


.mydaz{overflow:hidden;text-align:left}.mydaz:before{background-color:#1c1c1b;content:"";display:inline-block;height:3px;position:relative;vertical-align:middle;width:90px;margin-right:20px;}


.typewriter h1 {
  color: #000;font-size:4.1em;color:#FF073A;padding-top:15%;

  overflow: hidden; /* Ensures the content is not revealed until the animation */
 /* The typwriter cursor */
  white-space: wrap; /* Keeps the content on a single line */
  margin: 0 auto; /* Gives that scrolling effect as the typing happens */
  letter-spacing: .15em; /* Adjust as needed */
  -webkit-animation: 
    typing 0.1s steps(10, end),
    blink-caret .5s step-end infinite;
          animation: 
    typing 1.2s steps(30, end),
    blink-caret 1.1s step-end infinite;
}

/* The typing effect */
@-webkit-keyframes typing {
  from { width: 0 }
  to { width: 100% }
}
@keyframes typing {
  from { width: 0 }
  to { width: 100% }
}

.animate span:nth-of-type(2) {
    animation-delay: .05s;
}
.animate span:nth-of-type(3) {
    animation-delay: .1s;
}
.animate span:nth-of-type(4) {
    animation-delay: .15s;
}
.animate span:nth-of-type(5) {
    animation-delay: .2s;
}
.animate span:nth-of-type(6) {
    animation-delay: .25s;
}
.animate span:nth-of-type(7) {
    animation-delay: .3s;
}
.animate span:nth-of-type(8) {
    animation-delay: .35s;
}
.animate span:nth-of-type(9) {
    animation-delay: .4s;
}
.animate span:nth-of-type(10) {
    animation-delay: .45s;
}
.animate span:nth-of-type(11) {
    animation-delay: .5s;
}
.animate span:nth-of-type(12) {
    animation-delay: .55s;
}
.animate span:nth-of-type(13) {
    animation-delay: .6s;
}
.animate span:nth-of-type(14) {
    animation-delay: .65s;
}
.animate span:nth-of-type(15) {
    animation-delay: .7s;
}
.animate span:nth-of-type(16) {
    animation-delay: .75s;
}
.animate span:nth-of-type(17) {
    animation-delay: .8s;
}
.animate span:nth-of-type(18) {
    animation-delay: .85s;
}
.animate span:nth-of-type(19) {
    animation-delay: .9s;
}
.animate span:nth-of-type(20) {
    animation-delay: .95s;
}


/* Animation One */
.animate {

    margin: 10px 0 0;
  
}

.animate span {
    display: inline-block;
}
/* Animation Three */


.three span {
    color: #fff;
    opacity: 0;
    transform: translate(-300px, 0) scale(0);
    animation: sideSlide .5s forwards;
}

@keyframes sideSlide {
    60% {
        transform: translate(20px, 0) scale(1);
        color: #fff;
    }

    80% {
        transform: translate(20px, 0) scale(1);
        color: #fff;
    }

    99% {
        transform: translate(0) scale(1.2);
        color: #fff;
    }

    100% {
        transform: translate(0) scale(1);
        opacity: 1;
        color: #fff;
    }
}


.flyera {width:50%;margin:0 auto;line-height: 2.1em;
}

.flyerbe {width:60%;margin:0 auto;
}


.flyers {width:85%;margin:0 auto;
}




.flyer {width:100%;margin:0 auto;
}
.flyerb {width:100%;margin:0 auto;
}
.flyerx {width:100%;margin:0 auto;}


@media screen and (min-width: 45em) {
.flyerx {width:100%;margin:0 auto;}
.flyerb {width:100%;margin:0 auto;}
.flyer {width:100%;margin:0 auto;}
}

@media screen and (min-width: 60em) {
.flyerx {width:80%;margin:0 auto;}
.flyerb {width:70%;margin:0 auto;}
.flyer {width:80%;margin:0 auto;}
}

.dunkel {color:#000;}
.hell {color:#fff;}
.hell a {color:#fff;}

.bg-dunkel {width:100%;background:#000;}
  .bg-gelb {width:100%;background:#FBECD4;color:#000;padding:6px;}
 
    .bg-white {width:100%;background:#F6F4F1;}

    .gelb {
        background:#FBECD4;padding:6px;
        min-height:100%;
        width: 100%;
      
        color: black;
    }


img {
    max-width: 100%;
}



.section-heading {
    padding-top: 40px;
    line-height: 1.72em;
}

.section-heading {
    margin-bottom: 30px;
}

.rot {
    color: #FF073A;
}


footer {
    background:#FEFEF3;
    width: 100%;
    color: #fff;
    min-height: 250px;
    padding-bottom: 10px;
}

footer a {
    color: #fff;
    padding-left: 30px;
}

footer a:hover {
    color: #ddd;
}

footer a:active {
    color: #388E3C;
}

.abst   {padding-top: 90px;}
.abstkl {padding-top: 30px;}
.abstbig {padding-top: 180px;}

.headline-1 {
  font-size: 2.1em;
  font-weight: 700;
  letter-spacing: 0.1em;
  line-height: 1.72em;

}

.headline-2 {
  font-size: 1.5em;
  font-weight: 700;
  letter-spacing: 0.1em;
  line-height: 1.85em;

}

@media screen and (min-width: 45em) {
  .headline-1 {font-family: 'Rufina', serif;
    font-size: 3em;

  }
    .headline-2 {  font-family: 'Rufina', serif;
    font-size: 1.1em;

  }
}


@media screen and (min-width: 60em) {
  .headline-1 {font-family: 'Rufina', serif;
    font-size: 3em;

  }
   .headline-2 { font-family: 'Rufina';
    font-size: 1.7em;letter-spacing: 0.1em;

  }
  }  



.secure-kl {


    background: #303236; min-height: 300px;background-image: url(../img/Header-kl.jpg); 
  background-size:cover;width:100%;padding: 10px 5%;
    color: #000;

}


.Vorderrhein 
{
position: relative;padding:6px;width: 100%;padding: 350px;color: #000;background: #CED5C0 url(../img/Header2.jpg) no-repeat center center fixed;background-size: cover;text-align: left;
 
}


.Arte {
position: relative;width: 100%;padding: 350px;color: #000;background: #CED5C0 url(../img/Arte.jpg) no-repeat center center fixed;background-size: cover;text-align: left;
}
.Real {
position: relative;width: 100%;padding: 350px;color: #000;background: #CED5C0 url(../img/Real.jpg) no-repeat center center fixed;background-size: cover;
}
.Zacharias {
position: relative;width: 100%; padding: 350px;background: #CED5C0 url(../img/Zacharias.jpg) no-repeat center center fixed;background-size: cover;
}
.nopadding {
    padding: 0 !important;
    margin: 0 !important;
}



h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Rufina', serif;
    font-weight: 700;font-size: 2.6rem;
    line-height: 1.72em color: #333;
}





@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape) {
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        font-family: 'Rufina', serif;
        font-weight: 700;
        font-size: 2.4rem;
        line-height: 1.72em color: #333;
    }
    
 
}

@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:portrait) {
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        font-family: 'Rufina', serif;
        font-weight: 700;
        font-size: 2.1rem;
        line-height: 1.72em color: #333;
    }

   

}

@media only screen and (min-device-width:320px) and (max-device-width:480px) and (-webkit-min-device-pixel-ratio:2) {
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        font-family: 'Rufina', serif;
        font-weight: 700;
        font-size: 2.4rem;
        line-height: 1.72em color: #333;
    }


}