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

/* Global */

* {
  margin: 0;
  padding: 0;
}

html, body {
  margin: 0;
  padding: 0;
 /* height: 100%; */
  width: 100%;
  overflow-anchor: none;
}

html {
scrollbar-gutter: stable;
}

.smooth {
    scroll-behavior: smooth;
}

body {
  margin:0;
  font-family: 'Roboto Condensed', Verdana, sans-serif;
  font-size:16px;
  font-weight:400;
  overflow-x: hidden;
  min-height: 100vh;
overflow-y: scroll;
}

a {
	text-decoration: none;
}

a:hover {
	text-decoration: none;
}

/* Generelles */

.clearfix::after {
  content:"";
  display: block;
  clear:both;
}

.clear {
  clear: both;
}

        
.video-container {
    position: fixed;
    inset: 90px 0 0 0;
/*    width: 100%;
    height: 100%;
  inset: 0;  */
    overflow: hidden;
    z-index: 1;
    /*top:0; */
    background-color: #fff;
}


.bg-video {
      position: absolute;
      inset: 0;            
      width: 100%;
      height: 100%;
      object-fit: cover;    
      object-position: center;
      transform: none;
}

.bg-video-1 {
      position: absolute;
      inset: 0;            
      width: 100%;
      height: 100%;
      object-fit: cover;    
      object-position: center top;
      transform: none;
}

.bg-video-2 {
      min-height: 100%;
      min-width: 100%;
      width: auto;
      height: auto;
      position: absolute;
      top: 0;
      left: 0;
      transform: translate(-50%,-0);
}

iframe {
  border: none;
}

/* bg Bild */

.nurbild {
	background-color: #000000; 
    background-image: url("../images/bg/kontakt/1m.webp");
	background-repeat: no-repeat;
	background-size: auto 120vh; 
	background-position: center top;
	padding-top: 100px;
}

/* Background Slider */


.background-slider {
  position: fixed;
top:90px;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: 1;
/*  top:0;*/
}


figure {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: 1;

  animation: slideShow 24s linear infinite 0s;
  -o-animation: slideShow 24s linear infinite 0s;
  -moz-animation: slideShow 24s linear infinite 0s;
  -webkit-animation: slideShow 24s linear infinite 0s;
}

.pic-1 {
  opacity: 1;
  background: url("../images/bg/unternehmen/1.webp") no-repeat center center;
  background-size: cover;
}

.pic-2 {
  animation-delay: 6s;
  -o-animation-delay: 6s;
  -moz--animation-delay: 6s;
  -webkit-animation-delay: 6s;
  background: url("../images/bg/unternehmen/2.webp") no-repeat center center;
  background-size: cover;
}

.pic-3 {
  animation-delay: 12s;
  -o-animation-delay: 12s;
  -moz--animation-delay: 12s;
  -webkit-animation-delay: 12s;
  background: url("../images/bg/unternehmen/3.webp") no-repeat center center;
  background-size: cover;
}

.pic-4 {
  animation-delay: 18s;
  -o-animation-delay: 18s;
  -moz--animation-delay: 18s;
  -webkit-animation-delay: 18s;
  background: url("../images/bg/unternehmen/4.webp") no-repeat center center;
  background-size: cover;
}

.pic-5 {
  opacity: 1;
  background: url("../images/bg/impulsvortraege/1.webp") no-repeat center center;
  background-size: cover;
}

.pic-6 {
  animation-delay: 6s;
  -o-animation-delay: 6s;
  -moz--animation-delay: 6s;
  -webkit-animation-delay: 6s;
  background: url("../images/bg/impulsvortraege/2.webp") no-repeat center center;
  background-size: cover;
}

.pic-7 {
  animation-delay: 12s;
  -o-animation-delay: 12s;
  -moz--animation-delay: 12s;
  -webkit-animation-delay: 12s;
  background: url("../images/bg/impulsvortraege/3.webp") no-repeat center center;
  background-size: cover;
}

.pic-8 {
  animation-delay: 18s;
  -o-animation-delay: 18s;
  -moz--animation-delay: 18s;
  -webkit-animation-delay: 18s;
  background: url("../images/bg/impulsvortraege/4.webp") no-repeat center center;
  background-size: cover;
}

.pic-9 {
  opacity: 1;
  background: url("../images/bg/seminare/38.webp") no-repeat center center;
  background-size: cover;
}

.pic-10 {
  animation-delay: 6s;
  -o-animation-delay: 6s;
  -moz--animation-delay: 6s;
  -webkit-animation-delay: 6s;
  background: url("../images/bg/seminare/39.webp") no-repeat center center;
  background-size: cover;
}

.pic-11 {
  animation-delay: 12s;
  -o-animation-delay: 12s;
  -moz--animation-delay: 12s;
  -webkit-animation-delay: 12s;
  background: url("../images/bg/seminare/40.webp") no-repeat center center;
  background-size: cover;
}

.pic-12 {
  animation-delay: 18s;
  -o-animation-delay: 18s;
  -moz--animation-delay: 18s;
  -webkit-animation-delay: 18s;
  background: url("../images/bg/seminare/41_1.webp") no-repeat center center;
  background-size: cover;
}

.pic-13 {
  opacity: 1;
  background: url("../images/bg/hilfsprojekt/header/10.webp") no-repeat center center;
  background-size: cover;
}

.pic-14 {
  animation-delay: 6s;
  -o-animation-delay: 6s;
  -moz--animation-delay: 6s;
  -webkit-animation-delay: 6s;
  background: url("../images/bg/hilfsprojekt/header/11.webp") no-repeat center center;
  background-size: cover;
}

.pic-15 {
  animation-delay: 12s;
  -o-animation-delay: 12s;
  -moz--animation-delay: 12s;
  -webkit-animation-delay: 12s;
  background: url("../images/bg/hilfsprojekt/header/12.webp") no-repeat center center;
  background-size: cover;
}

.pic-16 {
  animation-delay: 18s;
  -o-animation-delay: 18s;
  -moz--animation-delay: 18s;
  -webkit-animation-delay: 18s;
  background: url("../images/bg/hilfsprojekt/header/13.webp") no-repeat center center;
  background-size: cover;
}

.pic-17 {
  opacity: 1;
  background: url("../images/bg/buch/1.webp") no-repeat center center;
  background-size: cover;
}

.pic-18 {
  animation-delay: 6s;
  -o-animation-delay: 6s;
  -moz--animation-delay: 6s;
  -webkit-animation-delay: 6s;
  background: url("../images/bg/buch/2.webp") no-repeat center center;
  background-size: cover;
}

.pic-19 {
  animation-delay: 12s;
  -o-animation-delay: 12s;
  -moz--animation-delay: 12s;
  -webkit-animation-delay: 12s;
  background: url("../images/bg/buch/4.webp") no-repeat center center;
  background-size: cover;
}

.pic-20 {
  animation-delay: 18s;
  -o-animation-delay: 18s;
  -moz--animation-delay: 18s;
  -webkit-animation-delay: 18s;
  background: url("../images/bg/buch/3.webp") no-repeat center center;
  background-size: cover;
}

.pic-21 {
  opacity: 1;
  background: url("../images/bg/kontakt/1.webp") no-repeat center center;
  background-size: cover;
}

.pic-22 {
  animation-delay: 6s;
  -o-animation-delay: 6s;
  -moz--animation-delay: 6s;
  -webkit-animation-delay: 6s;
  background: url("../images/bg/kontakt/2.webp") no-repeat center center;
  background-size: cover;
}

.pic-23 {
  animation-delay: 12s;
  -o-animation-delay: 12s;
  -moz--animation-delay: 12s;
  -webkit-animation-delay: 12s;
  background: url("../images/bg/kontakt/3.webp") no-repeat center center;
  background-size: cover;
}

.pic-24 {
  animation-delay: 18s;
  -o-animation-delay: 18s;
  -moz--animation-delay: 18s;
  -webkit-animation-delay: 18s;
  background: url("../images/bg/kontakt/4.webp") no-repeat center center;
  background-size: cover;
}

.pic-25 {
  opacity: 1;
  background: url("../images/bg/datenschutz/1.webp") no-repeat center center;
  background-size: cover;
}

.pic-26 {
  animation-delay: 6s;
  -o-animation-delay: 6s;
  -moz--animation-delay: 6s;
  -webkit-animation-delay: 6s;
  background: url("../images/bg/datenschutz/2.webp") no-repeat center center;
  background-size: cover;
}

.pic-27 {
  animation-delay: 12s;
  -o-animation-delay: 12s;
  -moz--animation-delay: 12s;
  -webkit-animation-delay: 12s;
  background: url("../images/bg/datenschutz/3.webp") no-repeat center center;
  background-size: cover;
}

.pic-28 {
  animation-delay: 18s;
  -o-animation-delay: 18s;
  -moz--animation-delay: 18s;
  -webkit-animation-delay: 18s;
  background: url("../images/bg/datenschutz/4.webp") no-repeat center center;
  background-size: cover;
}

@keyframes slideShow {
    0% {
        opacity: 0;
        -webkit-transform: scale(1);
        transform: scale(1);
        -ms-transform: scale(1);
    }
    25%,
    5% {
        opacity: 1;
    }
    30% {
        opacity: 0;
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
        -ms-transform: scale(1.1);
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(1);
        transform: scale(1);
        -ms-transformm: scale(1);
    }
}
@-webkit-keyframes slideShow {
    0% {
        opacity: 0;
        -webkit-transform: scale(1);
    }
    25%,
    5% {
        opacity: 1;
    }
    30% {
        opacity: 0;
        -webkit-transform: scale(1.1);
    }
    100% {
        opacity: 0;
        -webkit-transformm: scale(1);
    }
} 


header {
    width: 100%;
    height:100px;
    background: white;
    position:fixed;
    top:0;
    z-index:5000;
    box-shadow: 1px 3px 5px 1px rgba(0,0,0,0.26);
    -webkit-box-shadow: 1px 3px 5px 1px rgba(0,0,0,0.26);
    -moz-box-shadow: 1px 3px 5px 1px rgba(0,0,0,0.26);
}

.logo {
    position: absolute;
    top:10%;
    left:5%;
    width:200px;
    height:auto;
    z-index: 500;
}    

.logoimg {
    width: 100%;
    height: auto;
}      

/* Menü */

nav {
    position: absolute;
    top:0%;
    z-index: 200;
	width:100%;
}

/* Hamburger Menu Button Mobile */

  input#hamburg {display:none}

  label.hamburg {
     display: block;
     background: none;
     width: 50px;
     height: 50px;
     position: absolute;
      top:20px;
     right:6%;
     cursor: pointer;
  }

  .line {
     position: absolute;
     left:10px;
     height: 4px;
     width: 40px;
     background: #012060;
     border-radius: 2px;
     display: block;
     -webkit-transition: 0.5s;
     -o-transition: 0.5s;
     transition: 0.5s;
     -webkit-transform-origin: center;
         -ms-transform-origin: center;
             transform-origin: center;
  }

  .line:nth-child(1) { top: 12px; }
  .line:nth-child(2) { top: 24px; }
  .line:nth-child(3) { top: 36px; }

  #hamburg:checked + .hamburg .line:nth-child(1){
     -webkit-transform: translateY(12px) rotate(-45deg);
         -ms-transform: translateY(12px) rotate(-45deg);
             transform: translateY(12px) rotate(-45deg);
  }

  #hamburg:checked + .hamburg .line:nth-child(2){
     opacity: 0;
      background: none;
  }

  #hamburg:checked + .hamburg .line:nth-child(3){
     -webkit-transform: translateY(-12px) rotate(45deg);
         -ms-transform: translateY(-12px) rotate(45deg);
             transform: translateY(-12px) rotate(45deg);
  }

#move {
      position: absolute;
      width: 100%;
      height: 100vh;
      background-color: rgba(55, 101, 155, 0.4); 
      top:100px;
      left:-105%;
      text-align: center;
      -webkit-transition: all .5s;
      -o-transition: all .5s;
      transition: all .5s;
      margin: 0;
      padding: 0 0 40px 0;
	  z-index: 200;
  }

nav ul {
      background-color: rgba(1, 32, 96, 0.8); 
}

nav ul li ul {
        background: rgba(55, 96, 179, 0.8);
    }

nav li {
      	width: 100%;
    }

nav ul li a {
  		font-size: 1.2rem;
		display: block;
        padding:20px;
        border-bottom: 1px white dotted;
        color: #FFF;
        text-decoration: none;
        position: relative;
    }

nav ul li ul li a {
  		font-size: 1.2rem;
    }

nav a.active, nav a:hover {
        background-color: rgba(255, 255, 255, 1.0); 
        color: #203957;
        -webkit-transition: .5s;
        -o-transition: .5s;
        transition: .5s;
    }

#hamburg:checked~#move{
       left:0;
}

.yellow a {
    color:#ffc000 !important;
    font-weight: 700!important;
}

.yellow a:hover {
    color:#ffc000 !important;
    font-weight: 700!important;
}

nav ul li ul.mobil{
 display: none;
}

.nepal-on {
    display: none;
}

.datenschutz {
    display: none;
}

.dreissigjahre {
    display: none;   
}

/* .bg-container {
    position:absolute;
    top:100%;
    width:100%;
    z-index: 50;
    margin: 0;
    padding: 0;
    background: white;
}*/

.bg-container {
  position: relative;   /* statt absolute */
  width: 100%;
  z-index: 50;
  margin-top: 100vh;    /* Inhalt startet nach dem Hero */
  background: white;
}

/* Grid */

.container {
	position: relative;
	z-index: 80;
    width:100%;
    margin: 0;
    padding: 0;
}

.row {
  position: relative;
  z-index: 600;
  width:90%;
  margin:0 auto;
  padding:0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.row::after {
  content: "";
  clear: both;
  display: block;
	position: relative;
	z-index: 200;
}

.row-2 {
  position: relative;
  width:100%;
  margin:0 auto;
  padding:0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.row-2::after {
  content: "";
  clear: both;
  display: block;
  position: relative;
  z-index: 200;
}

.row-3 {
  position: relative;
  width:90%;
  margin:0 auto;
  padding:0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.row-3::after {
  content: "";
  clear: both;
  display: block;
  position: relative;
  z-index: 200;
}

.row-4 {
  position: relative;
  width:100%;
  margin:0 auto;
  padding:0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.row-4::after {
  content: "";
  clear: both;
  display: block;
  position: relative;
  z-index: 200;
}

[class*='col-'] {
  float:left;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
   word-wrap: break-word;
	position: relative;
	z-index: 1000;
}

.col-1 {
  width: 100%;
}

.col-2 {
  width: 100%;
}

.col-3 {
  width: 100%;
}

.col-4 {
  width: 100%;
}

.border-white {
    border-top:3px white solid;
}

/* Content */

.col-2.startseite-2{
  position: relative;
  overflow: hidden;     
  height: 300px;    
  border-top:3px white solid;
}

.col-2.startseite-2 img{
  height: 100%;
  width: auto;
  min-width: 100%;
  object-fit: cover;     
  object-position: center;
  display: block;
}

.col-2.startseite-1{
  padding: 25px; 
  border-top:3px white solid;
}

.col-2.startseite-3{
  position: relative;
  overflow: hidden;     
  height: 300px;    
  border-top:3px white solid;
}

.col-2.startseite-3 img{
  height: 100%;
  width: auto;
  min-width: 100%;
  object-fit: cover;     
  object-position: center;
  display: block;
}

.col-2.startseite-4{
  padding: 25px; 
  border-top:3px white solid;
}


.blueonyellow {
    display: inline-block; 
    color:#ffc000 !important;
}

p.blueonyellow > a{
    color:white;
    text-decoration: none;
    transition: color 0.3s ease;
}

p.blueonyellow > a:hover{
    color: white;
    text-decoration: underline;
}
p.blueonyellow{
  display: inline-block;
  width: fit-content;   
    padding:8px 10px;
    background:#012060;
    border-radius: 8px;    
}

.yellowonblue {
    display: inline-block; 
    color:#012060 !important;
}

p.yellowonblue > a{
    color:#012060;
    text-decoration: none;
    transition: color 0.3s ease;
}

p.yellowonblue > a:hover{
    color:#235cd2;
    text-decoration: none;
}
p.yellowonblue{
  display: inline-block;
  width: fit-content;   
    padding:8px 10px;
    background:#ffc000;
    border-radius: 8px;    
}


.bg-blue {
    background:#012060;
}

.bg-yellow {
    background:#ffc000;
}

.bg-white {
    background:white;
}

.center {
	text-align: center;
}

.inner-col-1 {
    padding:2%;
}

/* Überschriften */

.content h1 {
	font-size:2.4rem;
    font-weight: 300;
	line-height: 3.2rem;
	margin:40px 0 60px 0;
}

.font-blue {
    color:#012060;
}

.font-yellow {
    color:#ffc000;
}

.font-white {
    color:white;
}

.content h2 {
	font-size:2.4rem;
	margin:40px 0 60px 0;
    font-weight: 300;
}

.content h3, h4, h5, h6 {	
	font-size:2.0rem;
	margin:20px 0 30px 0;
    font-weight: 300;
}

.content p {
	font-size:1.3rem;
	line-height: 1.8rem;
	margin:20px 0 20px 0;
	font-weight: 300;
}

.content table {
	line-height: 1.7rem;
	margin:20px 0 20px 0;
	font-weight: 300;
}

.content table td {
	vertical-align: top;
}


.content ul {
	font-size:1.2rem;
	line-height: 1.7rem;
/*	list-style:circle; */
	margin:2% 0 2% 6.5%;
    padding-top: 20px;
/*	padding-left:20px; */
	font-weight: 300;
}

.content ul li {
	padding-bottom:10px;
}

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

.content ul > li {
  position: relative;
  padding-left: 2.0rem;
  margin-bottom: 0.6rem;
}

.content ul > li::before {
  content: "✓";
  position: absolute;
  left: 0;
  top: 0;
  font-weight: bold;
}

.content ul ul{
  list-style: disc;     
}

.content ul ul > li::before{
  content: none;
}

.content ul ul > li {
 padding-left: 1.0rem;
}

.textmenu {
  text-transform: uppercase !important;
  font-size: 1.6rem !important;
}

.textmenu a {
  font-weight:700 !important;   
}

.textmenu a:hover {
  font-weight:700 !important;   
}


.content a {
	color:#0387cc;
	text-decoration:none;
	font-weight: 400;
}

.content a:hover {
	color:#0387cc;
	text-decoration:underline;
	font-weight: 400;
}

p.yellowonblue.rotated {
  display: inline-block;
  padding: 8px 10px;
  background: #ffc000;
  border-radius: 8px;

  transform: rotate(-5deg);
  transform-origin: left center;
}

p.blueonyellow.rotated {
  display: block;
  padding: 8px 10px;
  border-radius: 8px;
  color: #ffc000;
  transform: rotate(-5deg);
  transform-origin: left center;
    position: relative;
    left:38%;
    top:-2%;
}

.imgr {
	width:100%;
	height:auto;
	border-radius:12px;
    margin-bottom: 2%;
}

.imgl {
	width:100%;
	height:auto;
	border-radius:12px;
    margin-bottom: 2%;
}

.imgm {
	width:100%;
	height:auto;
	border-radius:12px;
}

#open_contact{
	display: none;
}

/* Footer */

footer {
    border-top:3px #ffc000 solid;
    position: relative;
	width:100%;
	margin:0;
	padding:0;
    min-height: 200px;
    background: #FFF;
}

.footeradress {
    position: absolute;
    right:5%;
    bottom:10%;
/*    right:5%;*/
    width:90%;
/*   padding:1% 2%;*/
    border-radius:10px;
   /* background-color: rgba(255, 192, 0, 0.9);*/
}

.footeradress p {
    margin:20px 25px;
    color:#012060;
    font-weight:400;
    font-size:1.2rem;
}

.footeradress a {
    text-decoration: none;
    color:#3d6dcf;
}

.footeradress a:hover {
    text-decoration: underline;
    color:#3d6dcf;
}

.footerlogo {
    display: none;
}

/* Border */

.border-bottom {
    margin-bottom:30px;
    padding-bottom:20px;
    border-bottom: 1px #c3d7ee dashed;
}

.bordertop {
    margin-top:30px;
    padding-top:20px;
    border-top: 1px #c3d7ee dashed;
}

/* WhatsApp */

.whatsapp {
    position: absolute;
    top:3%;
    right:5%;
    z-index: 500;
}

.whatsapp img {
    width:35px;
    height:auto;
    margin-left:10px;
    float: right;
}

/* Text Animation Header */

.headline-message {
  position: absolute;
  top:45%;
  left:5%;
  width:80%;
  text-align: left;
  transform: scale(0.94);
  animation: scale 3s forwards cubic-bezier(0.5, 1, 0.89, 1);
  font-weight: 300;
    z-index: 100;
}

.message-blue {
  font-size: 2.2rem;
  color:#012060;
  font-weight: 700;
}

.msg-strong {
    font-weight: 700;
}

.message-yellow {
  font-size:3.0rem;
  color:#ffc000;
  font-weight: 700;
}

.message span {
  display: inline-block;
  opacity: 0;
  filter: blur(4px);
  padding-right:5px;
}

@keyframes scale {
  100% {
    transform: scale(1);
  }
}

@keyframes fade-in {
  100% {
    opacity: 1;
    filter: blur(0);
  }
}

span:nth-child(1) {
  animation: fade-in 0.8s 0.1s forwards cubic-bezier(0.11, 0, 0.5, 0);
}

span:nth-child(2) {
  animation: fade-in 0.8s 0.3s forwards cubic-bezier(0.11, 0, 0.5, 0);
}

span:nth-child(3) {
  animation: fade-in 0.8s 0.5s forwards cubic-bezier(0.11, 0, 0.5, 0);
}

span:nth-child(4) {
  animation: fade-in 0.8s 0.7s forwards cubic-bezier(0.11, 0, 0.5, 0);
}

span:nth-child(5) {
  animation: fade-in 0.8s 0.9s forwards cubic-bezier(0.11, 0, 0.5, 0);
}

span:nth-child(6) {
  animation: fade-in 0.8s 1.1s forwards cubic-bezier(0.11, 0, 0.5, 0);
}

span:nth-child(7) {
  animation: fade-in 0.8s 1.3s forwards cubic-bezier(0.11, 0, 0.5, 0);
}

span:nth-child(8) {
  animation: fade-in 0.8s 1.5s forwards cubic-bezier(0.11, 0, 0.5, 0);
}

span:nth-child(9) {
  animation: fade-in 0.8s 1.7s forwards cubic-bezier(0.11, 0, 0.5, 0);
}

span:nth-child(10) {
  animation: fade-in 0.8s 1.9s forwards cubic-bezier(0.11, 0, 0.5, 0);
}


.scrbtn {
    display:none;
}

/* Galerie */

.galerie {
    border-top:3px white solid;
    margin-top: 0;
}


.galerie-thumbs {
    width: 50%;
    height: auto;
    float: left;
}

#lightboxOverlay{
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  width: 100vw !important;
  height: 100vh !important;
}

#lightbox{
  position: fixed !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  margin: 0 !important;
}

/* falls Lightbox innen mit top/left arbeitet */
.lb-outerContainer,
.lb-dataContainer{
  position: relative !important;
}

/* Anker */

.sprung {
    visibility: hidden;
    height: 0 !important;
    position: absolute;
    margin: -110px;
}

.sprung-2 {
    visibility: hidden;
    height: 0 !important;
    position: absolute;
    margin: 100px;
}

.siegel {
	width: 100px !important;
    height: auto;
	float:right;
	border:0;
	margin:0 0 2% 2%;
}	

/* Kontaktformular */
div.blueonyellow form, div.blueonyellow form .label-message{
    color: #fff !important;
}
div.yellowonblue form, div.yellowonblue form .label-message{
    color: #012060 !important;
}
input.phone-2{
	width: calc(100% - 12px) !important;
}
form .submit .submit button{
	font-weight: bold !important;
}
.submit-blue form .submit .submit button{
	background-color: #012060 !important;
}
#open_contact h2, .header-contact{
	font-weight: bold !important;
}

@media (min-width:768px) {

.scrbtn {
        display: inline;
}

.scrollToTop,
.scrollToTop:hover {
        text-decoration: none;
}    
    
.scrollToTop {
        display: none;
}
    
.scrollToTop {
    position: fixed;
    font-weight: 700;
    width: 100px;
    height: 130px;
    padding: 10px 10px 0;
    text-align: center;
    color: #444;
    top: 80%;
    right: 0;
    z-index: 10000;
}    
    
.scrollToTop img {
        border: 0;
}    
    
.col-2.startseite-2{   
  height: 500px;    
}
 
.col-2.startseite-3{   
  height: 500px;    
}
   
.nurbild {
  background-image: url("../images/bg/kontakt/1.webp");
  background-repeat: no-repeat;
	background-size: auto 120vh; 
  background-position: center top;
  padding-top: 100px;
} 
	
	
	
	
/* WhatsApp */

.whatsapp {
    top:4%;
    right:5%;
}

.whatsapp img {
    width:35px;
    height:auto;
    margin-left:10px;
    float: right;
}    
    

	
	
	
    

    
.headline-message {
  width:80%;
}

.message-blue {
  font-size: 2.8rem;
}

.message-yellow {
  font-size:3.8rem;
}    
    
.imgr {
	width:350px;
	float: right;
	margin: 0 0 2% 2%;
} 
    
.imgl {
	width:350px;
	float: left;
	margin: 0 2% 2% 0;
}    
 
.content h5 {
	color:#2bbbd0;	
	font-size:2.0rem;
	margin:50px 0 30px 0;
    font-weight: 300;
}    

.content .galerie {
    float: left;
    font-size: 1.3rem;
    padding: 15px;
    margin: 1% auto 3%;
    -webkit-box-shadow: 2px 3px 7px 1px rgba(0, 0, 0, 0.2);
    box-shadow: 2px 3px 7px 1px rgba(0, 0, 0, 0.2);
    width: 40%;
}    
 
.galerie-thumbs {
    width: 33.333%;
}      
    
    
}

@media (min-width:1024px) {

   
    
    
.logo {
    top:10%;
    left:5%;
    width:215px;
}     
  

.dreissigjahre {
    position: absolute;
    top:65%;
    right:5%;
    display: block; 
    z-index: 10;
}    
    
.dreissigjahre img{ 
    border:0;
    padding: 0;
    margin: 0;
    width:200px;
    height:auto; 
}  
  
  
label.hamburg {
    display: none;
  }
    
.uppermenu {
    display: none;
}    

#move {
      position: absolute;
      top:0;
      right:0;
      width:auto;
      height: auto;
      background: none;
      text-align: left;
      margin: 0;
      padding: 0;
	  -webkit-transition: none;
	  -o-transition: none;
	  transition: none;
  }

nav {
    top:67px;
    right:2%;
}
    
nav ul {
	  float:right;
      margin:0;
      background:none;
}

nav li {
    display: inline-block;
    position: relative;
    width: auto;
}


nav ul li a {
    display: inline;
    border-bottom: 0;
    color: #012060;
    font-size: 1.3rem;
    text-decoration: none;
    font-weight: 300;
    padding: 8px 5px;
}
	

nav li:after {
      content: '';
      position: absolute;
      width: 100%;
      transform: scaleX(0);
      height: 1px;
      bottom: -5px;
      left: 0;
      background: rgb(1,32,96);
      background: linear-gradient(90deg, rgba(1,32,96,1) 15%, rgba(16,67,173,1) 91%);
      transform-origin: bottom right;
      transition: transform 0.25s ease-out;
}
	
nav li:hover:after {
  transform: scaleX(1);
  transform-origin: bottom left;
}
    
nav a:before,
nav a:after {
  content: "";
  position: absolute;
  border-radius: 50%;
  transform: scale(0);
  transition: 0.2s ease transform;
}
    
nav a:before {
  top: -2px;
  left: -4px;
  width: 6px;
  height: 6px;
  background-color:transparent;
  border:1px #cff9ff solid;
}

nav a:after {
  top: 3px;
  left: 4px;
  width: 4px;
  height: 4px;
  background-color:transparent;
  border:1px #fff solid;
}    

nav a.active, nav a:hover {
	background: none;
    color:#012060;
    -webkit-transition: .50s;
    -o-transition: .50s;
    transition: .50s;
    font-weight: 300;
/*     text-shadow: 1px 1px 2px rgba(147, 147, 147, 0.75); */
    border-top-left-radius: 8px;
    border-bottom-right-radius: 8px;

}

nav a:hover:before,
nav a:hover:after {
  transform: scale(1);
}    
      
nav ul li ul {
    display: none;
    position: absolute;
    background: 0 0;
    z-index: 120;
    width: max-content;       
    min-width: 100%;          
    white-space: nowrap;
}
nav ul>li>ul>li {
    display: block;
    padding: 0;
	margin:0;
}
nav ul>li>ul {
    margin: 8px 0 0 0;
}
nav ul li:hover>ul {
    display: block;
/*  background: rgba(255,255,255,0.4); */
}
nav ul>li>ul>li>a {
    font-size: 1.2rem;
    display: block;
    background:none;
	border-right:0;
}
  
nav ul>li>ul>li>a:hover{
  background: rgba(1,32,96,0.9);
}    
    
nav ul>li>ul>li>a:hover:before {
    background-color: transparent;
}
    
nav ul>li>ul>li>a:hover:after {
    background-color:transparent;
}  

nav ul>li>ul>li>a:before {
    background-color: transparent;
}
    
nav ul>li>ul>li>a:after {
    background-color:transparent;
} 
  
nav ul li ul li a:before,
nav ul li ul li a:after {
  content: none !important;
  display: none !important;
}    
 
nav ul li:hover > ul.mobil{
    display: block;
} 
      
.datenschutz {
    display: block;
    position: absolute;
    top:18px;
    right:2%;
    font-size: 1.0rem;
    color:#012060; 
    font-weight: 300;
}
    
.datenschutz a {
    text-decoration: none;
    color:#012060;   
} 
    
.datenschutz a:hover {
    text-decoration: underline;
    color:#012060;   
}  
 

    
.row-2{
  display: flex;
  align-items: stretch;
}

.row-2 > [class*='col-']{
  float: none;
  display: flex;
  flex-direction: column;
}


.col-2.startseite-2{ 
  height: auto; 
  flex: 2;
  overflow: hidden;
  min-height: 0;        
}

.col-2.startseite-1{
  flex: 1;
  min-height: 0;
    padding:35px;
}

.col-2.startseite-2 img{
  flex: 1;             
  width: 100%;
  min-height: 0;
  object-fit: cover;
 object-position: center;
  display: block;
}


.col-2.startseite-3{ 
  height: auto; 
  flex: 2;
  overflow: hidden;
  min-height: 0;        
}

.col-2.startseite-4{
  flex: 1;
  min-height: 0;
    padding:35px;
}

.col-2.startseite-3 img{
  flex: 1;             
  width: 100%;
  min-height: 0;
  object-fit: cover;
 object-position: center;
  display: block;
}
    

footer {
        height: 240px;
}    
    
.footeradress {
    position: inherit;
    text-align: center;
    width:100%;
    right: inherit;
    bottom: inherit;
    margin-top:45px;
}    
    
.footeradress p {
    font-size:1.4rem;
}        
    
.footerlogo {
    position: absolute;
    left:5.5%;
    top:30px;
    display: block;
    z-index: 500;
}    
    
.footerlogo img{
    width:auto;
    height:180px;
    padding:0;
    margin:0;
}    
       

.galerie-thumbs {
    width: 16.666%;
}        
    
.siegel{             
  display: block;
	width: 140px !important;
}

.textflow{
  display: block;
  overflow: visible;
}

.textflow::after{
  content:"";
  display:block;
  clear:both;
}    
    
/*.siegel {
	width: 180px !important;
}  */    
    
    
    
    
    
    
.whatsapp {
    right:2%;
}    
    
.row {
    width:75%;        
}    

.row-3 {
    width:60%;        
}     
    
.imgr {
	width:400px;
}    
 
.imgl {
	width:400px;
}     
    
.content h1 {
	font-size:3.4rem;
    line-height: 3.6rem;
}

.content h2 {
	font-size:3.4rem;
    line-height: 3.6rem;
}
    
.content h3 {
	font-size:3.8rem;
    line-height: 4.2rem;
}    

.content p {
	font-size:1.4rem;
	line-height: 1.7rem;
}

.content table {
	font-size:1.4rem;
	line-height: 1.9rem;
}	
	
.content ul {
	font-size:1.4rem;
}	    

.textmenu {
  text-transform: uppercase !important;
  font-size: 1.8rem !important;
}    
    
.image-wrapper {
    height:300px;   
}    
 

    

}



@media (min-width:1200px) {

.datenschutz {
    right:5%;
}    
    
nav {
    right:5%;
}        
 

    
    
.whatsapp {
    right:5%;
} 

}

@media (min-width:1400px) {    
 
header {
        height:125px;
}    

.video-container {
    inset: 120px 0 0 0;
}    
    
.logo {
    width:275px;
    top:5%;
}     
   
nav {
    top:88px;
    right:5%;
}    
    
nav ul>li>ul>li>a {
    font-size: 1.5rem;
	border-right:0;
}   
    
.phonebar {
    right:15%;
}     
    
.message-blue {
  font-size: 3.8rem;
}

.message-yellow {
  font-size:5.6rem;
} 

    
nav ul li a {
    font-size: 1.5rem;
    padding: 8px 10px;
}     
    
}

@media (min-width:1600px) {

.nepal-on {
    display: inline-block;
}   
    
.nepal-off {
    display: none;        
}    
  
.inner-col-1 {
    padding:2% 5%;
}    
      
    
}


@media (min-width:1800px) {

nav {
    right:5%;
}    
 
.datenschutz {
    top:30px;
    font-size:1.2rem;
    right:5.5%;
}      
    
    
.phonebar {
    right:12.5%;
}     
    
footer {
    background-size:cover;
} 

}