@font-face {
    font-family: 'open-sans-v35-cyrillic_cyrillic-ext_greek_greek-ext_hebrew_latin_latin-ext_vietnamese-300';
    src: url('../fonts/open-sans-v35-cyrillic_cyrillic-ext_greek_greek-ext_hebrew_latin_latin-ext_vietnamese-300.woff2') format('woff2'),
         url('../fonts/open-sans-v35-cyrillic_cyrillic-ext_greek_greek-ext_hebrew_latin_latin-ext_vietnamese-300.woff') format('woff'),
         url('../fonts/open-sans-v35-cyrillic_cyrillic-ext_greek_greek-ext_hebrew_latin_latin-ext_vietnamese-300.ttf') format('truetype');
	 url('../fonts/open-sans-v35-cyrillic_cyrillic-ext_greek_greek-ext_hebrew_latin_latin-ext_vietnamese-300.svg') format('svg');
	  url('../fonts/open-sans-v35-cyrillic_cyrillic-ext_greek_greek-ext_hebrew_latin_latin-ext_vietnamese-300.eot') format('eot');
	 
    font-weight: normal;
    font-style: normal;
}

h1, h2, h3 { font-family: 'open-sans-v35-cyrillic_cyrillic-ext_greek_greek-ext_hebrew_latin_latin-ext_vietnamese-300'; }
.heading {
  color:white;
  text-align: center;
  background-color:#7D017D; 
  font-size:30px;
  padding-left: 15px;
  padding-right: 15px;
  white-space: nowrap;
  font-weight:bold;
  border-radius: 10px;
  
}
.rotate{
 transform: rotate(-2deg);
}
.letters{
  font-size:40px;
  text-align:center;
  padding-top: 10px;
  padding-bottom:5px;
  border-style: solid;
  border-width:1px;
  border-color:white;
  border-radius:10px;

}
.overlayTextlila{
  background-color:#7D017D;
  color: white; 
  font-size:20px;
  font-weight: bold;
  padding-left: 15px;
  padding-right: 15px;
}
.overlayTextgruen{
  background-color:#D3EC8E;
  color: #585858; 
  font-size:20px;
  font-weight: bold;
  padding-left: 15px;
  padding-right: 15px;
}
.overlayMobil{
  position: absolute;
  top: 120px;
  right: 50px;
  transform: rotate(-2deg);
  text-align: center;
  font-size:12px;
}
.overlayMobil2{
  position: absolute;
  top: 120px;
  left: 20px;
  transform: rotate(-2deg);
  text-align: center;
  font-size:12px;
}
.overlayPosition2{
  position: absolute;
  top: 150px;
  right: 100px;
  transform: rotate(-2deg);
  text-align: center;
}
.overlayPosition3{
  position: absolute;
  top: 17px;
  right: 100px;
  transform: rotate(-2deg);
  text-align: center;
}
.normalText {
   font-size:16px;
   color:black;
   text-align: justify;
}
.normalTextheader {
   font-size:20px;
   color:black;
   
}
.kleinText {
   font-size:12px;
   color:#585858;
   text-align: justify;
}
.nurlila{
  background-color: #7D017D;
}
.nurgraulogo{
  background-image:url(/images/icons/grau.png);
}
.nurgrau{
  background-color: #858585;
}
.nurgruen{
  background-color: #D3EC8E;
}
.nurhellgrau{
  background-color: #ECECEC;	
}
.fontwhite{
   color: white;
}
.fontgrey{
  color: #585858;
}
.bold{
  font-weight:bold;
}
.border{
  border-style: solid;
  border-width:1px;
  border-color: grey;
}
.shadowbright:hover{
   box-shadow: -5px -5px 20px white inset;
}
.pointer{
  cursor:pointer;  
}
.center {
  height:270px;
  display:inline;
  font-size:16px; 
  border-radius: 10px;
  font-weight:bold;
  border-style: solid;
  border-color:white;
  border-width: 5px;
  text-align: center;
}
.centerklein {
  height: 200px;
  display:inline;
  font-size:16px; 
  border-radius: 10px;
  font-weight:bold;
  border-style: solid;
  border-color: white;
  border-width: 5px;
  text-align: center;
} 
.centerflach {
	height: 150px;
  display: inline;
  font-size:20px; 
  font-weight:bold;
  border-style: solid;
  border-color: white;
  border-width: 5px;
  border-radius: 10px;
  text-align: center;
}   
.centergross {
	height:500px;
  display: inline;
  font-size:16px; 
  border-radius: 10px;
  border-style: solid;
  border-color: white;
  border-width: 5px;
  text-align: center;
}
.centerawards {
  height: 80px;
  display:inline;
  font-size:16px; 
  border-radius: 10px;
  font-weight:bold;
  text-align: center;
} 
.centerheading {
	height:60px;
  display: inline;
  font-size:20px;
  font-weight:bold;
  color: white;
  border-style: solid;
  border-color: white;
  border-width: 5px;
  border-radius: 10px;
  text-align: center;
}
.centereindruecke{
  height: 450px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  text-align: center;
} 
.centereindrueckemobil {
	height:300px;
  display: inline;
  border-style: solid;
  border-color: white;
  border-width: 5px;
  border-radius: 10px;
  text-align: center;
}  
.plattformplayer{
max-width:400px;
}
.centerbeirat{
	height: 350px;
  display:inline;
  border-style: solid;
  border-color: white;
  border-width: 5px;
  border-radius: 10px;
  text-align: center;
} 

.socialmedia {
  padding: 5px;
  cursor:pointer;
}

.socialmediabox{
  float:left;
  width:40%;
  display:inline;

}
.slidertext{
    text-align:justify;
    color:white;
	
}
.slidertext-foederer{
   color:#585858;
}
.sliderborder{
  border-style: none;
  border-color: #7D017D;
  border-width: 3px;
}
.carousel-control.right {
  background-image: none; !important
}
.carousel-control.left {
  background-image: none; !important
}
.carousel-control .glyphicon-chevron-left,
 .carousel-control .icon-prev {
  margin-left:-95px; !important
 }
 .carousel-control .glyphicon-chevron-right,
 .carousel-control .icon-next {
  margin-right:-95px; !important
}
.carousel-indicators .active {
background-color:#7D017D; !important;	
}
.carousel-indicators li{
background-color:#858585; !important;
}
.carouselButtons {
    margin-left:50px;
    position: absolute;
    bottom: 20px;
}
.modal-dialog {
  top: 80px;
  right: 100px;
  bottom: 0;
  left: 0;
  z-index: 10040;
  overflow: auto;
  
}  
.modal-footer {
    border-top: none; !important
}
.modal-header {
    border-bottom: none; !important
}
.centerphoto{
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 40%;
}
.centerlogo{
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
} 
.centerNews{
  text-align: center; !important;
  font-size:20px;
}
.colorNews{
  background-color:#7D017D;
  color:white;
  padding-left: 15px;
  padding-right: 15px;
}

/*.Kontaktbalken{
  background-color: #DADADA;
  color: #585858;
  height:150px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-size:15px; */
}


 /* The flip card container - set the width and height to whatever you want. We have added the border property to demonstrate that the flip itself goes out of the box on hover (remove perspective if you don't want the 3D effect */
.flip-card {
  background-color: transparent;
  width: 100%;
  height: 200px;  
  perspective: 1000px; /* Remove this if you don't want the 3D effect */
}

/* This container is needed to position the front and back side */
.flip-card-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.8s;
  transform-style: preserve-3d;
}

/* Do an horizontal flip when you move the mouse over the flip box container */
.flip-card:hover .flip-card-inner {
  transform: rotateY(180deg);
}

/* Position the front and back side */
.flip-card-front, .flip-card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden; /* Safari */
  backface-visibility: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Style the front side (fallback if image is missing) */
.flip-card-front {
  background-color:#D3EC8E;
  color: black;
}

/* Style the back side */
.flip-card-back {
  background-color:#858585;
  color: white;
  transform: rotateY(180deg);
  font-size: 18px;
  text-align: center;
}