@font-face {
	font-family: 'Rajdhani';
	font-style: normal;
	font-weight: 400;
	src: url('fonts/rajdhani-v10-latin-regular.eot'); 
	src: local(''),
		url('fonts/rajdhani-v10-latin-regular.eot?#iefix') format('embedded-opentype'), 
		url('fonts/rajdhani-v10-latin-regular.woff2') format('woff2'), 
		url('fonts/rajdhani-v10-latin-regular.woff') format('woff'), 
		url('fonts/rajdhani-v10-latin-regular.ttf') format('truetype'), 
		url('fonts/rajdhani-v10-latin-regular.svg#Rajdhani') format('svg');
  }
  @font-face {
	font-family: 'Rajdhani';
	font-style: normal;
	font-weight: 600;
	src: url('fonts/rajdhani-v10-latin-600.eot'); 
	src: local(''),
		url('fonts/rajdhani-v10-latin-600.eot?#iefix') format('embedded-opentype'), 
		url('fonts/rajdhani-v10-latin-600.woff2') format('woff2'), 
		url('fonts/rajdhani-v10-latin-600.woff') format('woff'), 
		url('fonts/rajdhani-v10-latin-600.ttf') format('truetype'), 
		url('fonts/rajdhani-v10-latin-600.svg#Rajdhani') format('svg'); 
  }
  b, strong {
	font-weight: 600;
  }

.debugg { font-family: 'Rajdhani', sans-serif; font-size: 16px; line-height:25px; color: #000000;  position: absolute; top:200px; left:0px; height:50px; width:900px;  background: #ffffff; border: 1px solid rgb(255, 0, 0);z-index:180; }

html,body {height: 100%;}

.row{margin-right:0px !important; margin-left:0px !important;}


.jugendschutzhgrd { position: fixed; height:100%; width:100%; background-color: rgba(6, 7, 8, 0.98);  z-index:180; }
.jugendschutzbox {  text-align: center; width:330px; background-color: rgba(20, 20, 20, 0.8);   background-image: url(gifs/elements/intro_hgrd.jpg); background-size: cover;  border: 1px solid rgb(82, 82, 82); z-index:181; }
.jugendschutzheadline { font-size: 40px;  color: #afafaf; padding-top: 80px; letter-spacing: 3px;}
.jugendschutztext {  padding-right: 60px; padding-left: 60px;  font-size: 16px; color: #afafaf; letter-spacing: 1px; hyphens: auto;}

.topaddress{ position: fixed; width: 100%; height:30px; left:0px; top:0px;  background-color: rgba(6, 7, 8, 0.8);   z-index:15;}
.language{ float: right; width:90px; text-align: right; padding-top: 4px; z-index:21;}

.cards{ float: right; width:252px; text-align: right; padding-top: 2px; padding-right: 20px; z-index:21;}

.cards1{ display: none;}

.flaggen { height:20px; width:30px;}
.topaddress1{ font-family: Helvetica,sans-serif;  font-size: 11px; color: #ffffff;  float: right;  letter-spacing: 2px; padding-right: 10px;  padding-left: 10px;   padding-top: 8px; padding-bottom: 6px; background: #D8AA0A; z-index:21;}
.topaddress2{ font-family: Helvetica,sans-serif;  font-size: 11px; color: #99a2a5;  float: left;  letter-spacing: 2px; padding-right: 10px;  padding-left: 10px;   padding-top: 8px;  padding-bottom: 6px; z-index:21;}

.top { position: fixed; width: 100%; height:55px; left:0px; top:30px;  background-color: rgba(106, 123, 134, 0.8);   z-index:15;}
.toff { width: 100%;  top: -100px;  -webkit-transition: width 2s; /* For Safari 3.1 to 6.0 */ transition: top 2s;}
.tfull { width: 100%; top:30px; -webkit-transition: width 1s; /* For Safari 3.1 to 6.0 */ transition: top 1s;}


.spacelogo	{width: 80px ;height:130px; }
.logo {position: fixed; left: 15px; width:255px; height:40px;  top:35px; background-image: url(gifs/elements/logo.svg); background-size: cover; z-index:21;}
.loff { left: 15px; width:150px; height:23px;  top:35px; background-image: url(gifs/elements/logo.svg); background-size: cover; -webkit-transition: width 1s; /* For Safari 3.1 to 6.0 */ transition: height 1s, width 1s;}
.lfull { left: 15px; width:255px; height:40px; top:35px; background-image: url(gifs/elements/logo.svg); background-size: cover; -webkit-transition: width 1s; /* For Safari 3.1 to 6.0 */ transition: height 1s, width 1s;}

.nav1 {visibility: hidden;}
.navhgrd{ position: fixed; width: 800px; height:33px; left:0px; top:20px;  z-index:16;}


.hptmenue {position: relative; width:100%;  left:400px; top:15px; z-index:20;}	
.hoff {  top:-33px;  -webkit-transition: top 1s; /* For Safari 3.1 to 6.0 */ transition: top 1s;}
.hfull { top:15px; -webkit-transition: top 1s; /* For Safari 3.1 to 6.0 */ transition: top 1s;}

.carousel-caption {left: 15%; text-align: center; right: 15%; bottom:60%; color: rgb(255, 255, 255); padding-top: 20px; padding-bottom: 20px; position: absolute; z-index: 10;}
.slideheadline	{font-family: Helvetica,sans-serif;  font-size: 40px; color: #ffffff; letter-spacing: 3px; position: relative;  width: fit-content;  margin-right:auto; margin-left:auto; top:-10px; background-color: rgba(6, 7, 8, 0.6); z-index:20;}
.slidetext	    {font-family: Helvetica,sans-serif;  font-size: 22px; color: #f6f0f0; letter-spacing: 3px; position: relative;  width: fit-content;  margin-right:auto; margin-left:auto; top:-10px;  z-index:20;}
.vorschau { width:95%;}

.girls{font-size: 16px; font-weight: 500; color: #000000;}
.girlshead{font-size: 19px; font-weight: 500; color: #ffffff; letter-spacing: 2px;}
.borderfotos  {font-size: 18px;  color: #333333; letter-spacing: 1px; text-decoration: none; border-color: #333333; border-style: solid; border-width: 1px; border-radius:10px; -moz-border-radius:10px; box-shadow: 10px 10px 15px silver;}
.girlheadline{font-size: 22px; font-weight: 900; color: #8d2828; letter-spacing: 2px;}
.girlpic{ height:260px;}



.newsspic{height:90px;}
.fotolink {opacity: 0.99; filter: alpha(opacity=0);}
.fotolink:hover { opacity: 0.7; filter: alpha(opacity=70); } 

.grey { background-color: rgba(106, 123, 134, 0.89); }
.lightgrey { background-color: rgba(173, 193, 206, 0.89); }
.lgrey { background-color: rgba(228, 228, 228, 0.89); }
.bgrey { background-color: rgba(78, 88, 95, 0.89); }
.gren { background: #BEDDBD !important;}
.dgren { background: #455c44;}
.lred { background: #964e4e !important;}
.weiss { background: #ffffff !important;}
.statyellow { background: #fffeda !important;}
.statred { background: #ffdfdf !important;}
.redred { background: #f88989 !important;}
.statgreen { background: #c5f3bf !important;}


.dropdown_1 {background-image: url(gifs/elements/nav1.gif); z-index:24;}

	#navigation_horiz {width:980px; clear:both; padding:0 0 0 0; margin:0 auto; z-index:19;}
	#navigation_horiz  ul li { position:relative; display:block; float:left; height:30px; margin-right:auto; margin-left:auto; z-index:19;}
	#navigation_horiz .dropdown { z-index:24; position:absolute;  padding-right: 1px; padding-left: 1px; margin-top:0px; padding-top: 10px; padding-bottom: 10px; border-bottom-right-radius:0px; border-bottom-left-radius:0px; -moz-border-radius-bottomright:0px; -moz-border-radius-bottomleft:0px; z-index:23;}
	#navigation_horiz ul li #dropdown_one {background-image: url(gifs/elements/nav1.gif); z-index:24;}


	#menuToggle{display:block; position: fixed;  top: 20px;left: 25px;z-index: 100;-webkit-user-select: none;user-select: none;}
	#menuToggle a{ transition: color 0.3s ease;}
	#menuToggle input:not([type='text']){display: block;width: 40px;height: 32px;position: absolute;top: -7px;left: -5px;cursor: pointer;opacity: 0;z-index: 2;-webkit-touch-callout: none;}


	#menuToggle span{display: block;width: 33px;height: 4px;margin-bottom: 5px;position: relative;background: #ff0000;border-radius: 3px;z-index: 1;transform-origin: 4px 0px;transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0), background 0.5s cubic-bezier(0.77,0.2,0.05,1.0), opacity 0.55s ease;}

	
	#menuToggle span:first-child{transform-origin: 0% 0%;}
	#menuToggle span:nth-last-child(2){transform-origin: 0% 100%;}
	#menuToggle input:checked ~ span{opacity: 1;transform: rotate(45deg) translate(-2px, -1px);background: #232323;}
	#menuToggle input:checked ~ span:nth-last-child(3){opacity: 0;transform: rotate(0deg) scale(0.2, 0.2);}
	#menuToggle input:checked ~ span:nth-last-child(2){transform: rotate(-45deg) translate(0, -1px);}
	
	#menu{position: fixed; width: 100vw; min-height:120vh; max-height: 130vh; overflow-y:scroll; margin: 0 0 0 -25px; padding: 20px 30px 30px 30px; top: 55px; background-color: rgba(255, 255, 255, 0.97);  list-style-type: none;  transform-origin: 0% 0%;transform: translate(-100%, 0);transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);}
	#menu li{border-bottom: 2px solid #cdcdcd;}
	#menuToggle input:checked ~ ul{transform: none;}
	.mobile-social{display:flex; justify-content: center}

	.submenu-indicator{float: right; font-size: 22px;margin-right: 20px;padding-top:4px; cursor:pointer;}
	.submenu{max-height: 0; list-style: none; overflow: hidden; transition: height 0.3s linear;}

	.submenu > li:last-child {border-bottom: none !important;}
	.chevron {position:relative;display:block;height:20px;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease; /*Height should be double border thickness*/}
	.chevron::before,.chevron::after {position:absolute;display:block;content:"";border:10px solid transparent; /*Adjust chevron size*/}
	.chevron::before {top:0;border-top-color:#000; /*Chevron Color*/}
	.chevron::after {top:-4px; /*Adjust thickness*/border-top-color:#fff; /*Match chevron background colour*/}



.spacer {position: relative; height: 85px;  top: 0px;  z-index:5;} 

.main { position: relative;  width:100%; top:0px;  z-index:10;}
.mainslide { position: relative; width:900px; height:250px;  top:0px; margin-right:auto; margin-left:auto;  z-index:10; }


.footer   { position: relative; width: 100%; height:180px; left:0px; bottom:0px; background-color: rgba(18, 19, 20, 0.8); z-index:10;}
.logo_sw  { position: absolute; top:20px; right:150px; width: 70px; height:100px; z-index:33;}
.address  { position: relative; right:20px; top:65px; float:right;  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-style: normal;  text-align:right; letter-spacing: 1px; line-height:26px; color: #ffffff; z-index:18;}
.bottomnav { position: absolute; text-align: left; top:25px; left:15px; width: 800px;  z-index:34;}

.versteckt 	  		{font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-style: normal;  text-align: left; letter-spacing: 2px; line-height:23px; color: #8a8888; padding-right: 6px; padding-left: 6px; text-decoration: none; }
a.versteckt 	 	{color: #999999;}
a.versteckt:hover 	{color: #ffffff;}


.animated1 { -webkit-animation-duration:0.7s; animation-duration: 0.7s; -webkit-animation-delay: 0.2s; animation-delay: 0.2s; -webkit-animation-fill-mode: both; animation-fill-mode: both;}
.fadeInDOWN {position: relative; left: 0px; width:100%;  -webkit-animation-name: fadeInDOWN; animation-name: fadeInDOWN; z-index:21;}
	@-webkit-keyframes fadeInDOWN
	{	0% {opacity: 0; -webkit-transform: translateY(-60px); transform: translateY(-60px);}
		100% {opacity: 1; -webkit-transform: translateY(0); transform: translateY(0);}
	}
	@keyframes fadeInDOWN
	{	0% {opacity: 0; -webkit-transform: translateY(-60px); -ms-transform: translateY(-60px); transform: translateY(-60px);}
		100% {opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0);}
	}
.fadeInLEFT {position: relative; left: 0px; width:100%;  -webkit-animation-name: fadeInLEFT; animation-name: fadeInLEFT; z-index:21;}
	@-webkit-keyframes fadeInLEFT
	{	0% {opacity: 0; -webkit-transform: translateX(-60px); transform: translateX(-60px);}
		100% {opacity: 1; -webkit-transform: translateX(0); transform: translateX(0);}
	}
	@keyframes fadeInLEFT 
	{	0% {opacity: 0; -webkit-transform: translateX(-60px); -ms-transform: translateX(-60px); transform: translateX(-60px);}
		100% {opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0);}
	}

.fadeInRIGHT {position: relative; left: 0px; width:100%;  -webkit-animation-name: fadeInRIGHT; animation-name: fadeInRIGHT; z-index:21;}
	@-webkit-keyframes fadeInRIGHT
	{	0% {opacity: 0; -webkit-transform: translateX(60px); transform: translateX(60px);}
		100% {opacity: 1; -webkit-transform: translateX(0); transform: translateX(0);}
	}

	@keyframes fadeInRIGHT 
	{	0% {opacity: 0; -webkit-transform: translateX(60px); -ms-transform: translateX(60px); transform: translateX(60px);}
		100% {opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0);}
	}
.fadeInUp {position: relative; left: 0px; width:100%;  -webkit-animation-name: fadeInUp; animation-name: fadeInUp; z-index:21;}
	@-webkit-keyframes fadeInUp 
	{	0% {opacity: 0; -webkit-transform: translateY(60px); transform: translateY(60px);}
		100% {opacity: 1; -webkit-transform: translateY(0); transform: translateY(0);}
	}
	@keyframes fadeInUp 
	{	0% {opacity: 0; -webkit-transform: translateY(60px); -ms-transform: translateY(60px); transform: translateY(60px);}
		100% {opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0);}
	}

.animated { -webkit-animation-duration:0.7s; animation-duration: 0.7s; -webkit-animation-delay: 0.2s; animation-delay: 0.2s; -webkit-animation-fill-mode: both; animation-fill-mode: both;}
.animated.fadeInUp {position: relative; left: 0px; width:100%;  -webkit-animation-name: fadeInUp; animation-name: fadeInUp; z-index:21;}
	@-webkit-keyframes fadeInUp 
	{	0% {opacity: 0; -webkit-transform: translateY(40px); transform: translateY(40px);}
		100% {opacity: 1; -webkit-transform: translateY(0); transform: translateY(0);}
	}
	@keyframes fadeInUp 
	{	0% {opacity: 0; -webkit-transform: translateY(40px); -ms-transform: translateY(40px); transform: translateY(40px);}
		100% {opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0);}
	}		




a.button1       {font-family: 'Rajdhani', sans-serif; font-size: 20px; font-weight: 500; color: #ffffff; letter-spacing: 2px; height: 30px; padding-right: 15px; padding-left: 15px; text-decoration: none; border-color: #ffffff; border-style: solid; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px}
a.button1:hover {color: #070500; }
a.button1a      {font-family: 'Rajdhani', sans-serif; font-size: 20px; font-weight: 800; color: #000000; letter-spacing: 2px; height: 30px; padding-right: 15px; padding-left: 15px; text-decoration: none; border-color: #ffffff; border-style: solid; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px}

a.button2       { font-family: 'Rajdhani', sans-serif; font-size: 20px; color: #000000; line-height:27px; letter-spacing: 2px; padding-right: 25px;  padding-left: 25px;  display:block; width: 170px; text-decoration: none;  padding-top: 2px; padding-bottom: 3px;}
a.button2:hover {color: #ffffff;}
a.button2a      {color: #ffffff; }



a.button1m       {  font-family: 'Rajdhani', sans-serif;  font-size:30px; font-weight: 500; color: #000000; letter-spacing: 1px;  padding-left: 10px; line-height:65px; display:block;  width: 100%; text-decoration: none;  padding-top: 5px; padding-bottom: 5px;}
a.button1m:hover {  color: #ffffff;  background-color: rgba(77, 74, 74, 0.5);}


a.buttonmehr       {font-family: 'Rajdhani', sans-serif; font-size: 18px;  color: #333333; letter-spacing: 1px; text-align: center; text-decoration: none; padding-right: 15px;  padding-left: 15px; padding-top: 2px; padding-bottom: 2px; border-color: #333333; border-style: solid; border-width: 1px; border-radius:5px; -moz-border-radius:5px;}
a.buttonmehr:hover { color: #000000;  background: #D8AA0A;}


a.buttonyes       {font-family: 'Rajdhani', sans-serif;  font-size: 18px;  color: #000000; background: #969c99; letter-spacing: 1px; text-align: center; text-decoration: none; padding-right: 15px;  padding-left: 15px; padding-top: 2px; padding-bottom: 2px; border-color: #333333; border-style: solid; border-width: 1px; border-radius:5px; -moz-border-radius:5px;}
a.buttonyes:hover { color: #ffffff; background: #1a6326;}

a.buttonno      {font-family: 'Rajdhani', sans-serif; font-size: 18px;  color: #000000; background: #969c99; letter-spacing: 1px; text-align: center; text-decoration: none; padding-right: 15px;  padding-left: 15px; padding-top: 2px; padding-bottom: 2px; border-color: #333333; border-style: solid; border-width: 1px; border-radius:5px; -moz-border-radius:5px;}
a.buttonno:hover {  color: #ffffff; background: #6b2323;}


a.buttonplan       {font-family: 'Rajdhani', sans-serif;  font-size: 18px;  color: #2d2c2c; letter-spacing: 1px; text-align: center; text-decoration: none;  background: #ffffff; padding-right: 15px;  padding-left: 15px; padding-top: 2px; padding-bottom: 2px; border-color: #333333; border-style: solid; border-width: 1px; border-radius:5px; -moz-border-radius:5px;}
a.buttonplan:hover { color: #ffffff; background: #262926;}

.next-iconneu { width: 26px; height: 40px;  background-image: url(../gifs/elements/next.svg); background-size: contain; background-repeat: no-repeat;  background-position: 50% 50%; z-index:31;}
.prev-iconneu { width: 26px; height: 40px;  background-image: url(../gifs/elements/prev.svg); background-size: contain; background-repeat: no-repeat;  background-position: 50% 50%; z-index:31;}




a.fotolink_grey{filter: grayscale(80%);  -webkit-filter: grayscale(80%); filter: none; -webkit-filter: grayscale(1);}
.fotolink_grey:hover {filter: grayscale(50%); filter: grey; -webkit-filter: grayscale(1); }
.fotolink_sepia{filter: sepia(0); -webkit-filter: sepia(0);}
.fotolink_sepia:hover {filter: sepia(1);  -webkit-filter: sepia(1);}
.fotolink_blur{filter: blur(0px); -webkit-filter: blur(0px);}
.fotolink_blur:hover {filter: blur(5px); -webkit-filter: blur(5px);}
.fotolink_orig{filter: sepia(0); -webkit-filter: sepia(0);}
.fotolink-orig:hover {filter: sepia(1);  -webkit-filter: sepia(1);}

a.fotolink{filter: grayscale(0%);  -webkit-filter: grayscale(0%); filter: none; -webkit-filter: grayscale(0);}
a.fotolink:hover {filter: grayscale(50%); filter: rgb(206, 206, 206); -webkit-filter: grayscale(1); }


.preview_indicator { width: 40px !important; top: 40px; margin-bottom: -10px;}
.carousel .carousel-indicators li.active div { border: 1px solid #444;}
.slider_preview { width: 20px; height: 20px; background-repeat: no-repeat; background-size: cover; background-position: center center;}

.bilder { position: relative;  width: 170px; padding: 5px !important;  }


.pager_item {position: relative; width: 20px; height: 20px; margin-right: 5px; float: left; background-color: rgb(153, 153, 153);}
.cycle-pager-active {background-color: rgb(216, 171, 8);}

.carousel {position: relative; top: 0px;  z-index:5;} 
.w-100 {min-width: 100%; }
.carousel-control-next {top: 0px; right: 0px; width: 15%; text-align: center; bottom: 90px; color: rgb(255, 255, 255); display: flex; position: absolute; opacity: 0.7; justify-content: center; align-items: center; -webkit-box-align: center; -webkit-box-pack: center; z-index:31;}
.carousel-control-prev {top: 0px;  left: 0px; width: 15%; text-align: center; bottom: 90px; color: rgb(255, 255, 255); display: flex; position: absolute; opacity: 0.7; justify-content: center; align-items: center; -webkit-box-align: center; -webkit-box-pack: center;}
.carousel-indicators {list-style: none; left: 0px; right: 0px; bottom: 0px; padding-left: 0px; margin-right: 15%; margin-left: 15%; display: flex; position: absolute; z-index: 15; justify-content: center; -webkit-box-pack: center;}
.carousel-indicators li {flex:0 1 auto; width: 20px; height: 20px; text-indent: -999px; margin-right: 3px; margin-left: 3px; position: relative; background-color: rgba(255, 255, 255, 0.7); -webkit-box-flex: 0;}
.carousel-inner { position: relative; overflow: hidden;}
.carousel-item {transition:transform 0.6s, transform 0.6s; width: 100%; display: none; position: relative; perspective: 1000px; backface-visibility: hidden; align-items: center; -webkit-box-align: center; -webkit-backface-visibility: hidden; -webkit-perspective: 1000px;}
.carousel-item-next { position: absolute; top: 0px; display: block; transform: translateX(100%); -webkit-transform: translateX(100%);}
.carousel-item-prev { position: absolute; top: 0px; display: block; transform: translateX(-100%); -webkit-transform: translateX(-100%);}
.carousel-item-next.carousel-item-left {transform: translateX(0px); -webkit-transform: translateX(0);}
.carousel-item-prev.carousel-item-right {transform: translateX(0px); -webkit-transform: translateX(0);}
.carousel-item.active{display: block;}
.active.carousel-item-right {transform: translateX(100%); -webkit-transform: translateX(100%);}
.active.carousel-item-left {transform: translateX(-100%); -webkit-transform: translateX(-100%);}
.carousel-control-next-icon {background: no-repeat center / 100% 100%; width: 70px; height: 70px; display: inline-block;  background-image: url(../gifs/elements/next.svg); z-index:31;}
.carousel-control-prev-icon {background: no-repeat center / 100% 100%; width: 70px; height: 70px; display: inline-block;  background-image: url(../gifs/elements/prev.svg); z-index:31;}
.carousel-control-next:focus {outline: 0px; color: rgb(255, 255, 255); text-decoration: none; opacity: 0.9;}
.carousel-control-next:hover {outline: 0px; color: rgb(255, 255, 255); text-decoration: none; opacity: 0.9;}
.carousel-control-prev:focus{outline: 0px; color: rgb(255, 255, 255); text-decoration: none; opacity: 0.9;}
.carousel-control-prev:hover {outline: 0px; color: rgb(255, 255, 255); text-decoration: none; opacity: 0.9;}
.carousel-indicators li::before {left: 0px; width: 100%; height: 10px;  top: -10px;  display: inline-block; position: absolute; content: "";}
.carousel-indicators li::after  {left: 0px; width: 100%; height: 10px; bottom: -10px; display: inline-block; position: absolute; content: "";}
.carousel-indicators .active {background-color: rgb(255, 255, 255);}
.d-block {display: block !important;}
.visible {visibility: visible !important;}
.invisible {visibility: hidden !important;}



.blink { font-family: 'Rajdhani', sans-serif; font-size: 29px;  letter-spacing: 1px; animation-name: animation_blink;  animation-timing-function: ease-in; animation-duration: 3s;  animation-iteration-count: infinite;}
@keyframes animation_blink { 0% {  color: rgb(3, 153, 43); } 50% {   color: rgb(0, 0, 0); } 100% {   color: rgb(220, 0, 0);}}



.girlsservice { font-family: Helvetica,sans-serif;  font-size: 14px;  letter-spacing: 1px;}
.autoabteilen{ text-align: justify; hyphens: auto;}


 /* Girl -Anzeige Bald anzutreffen -----------------------------------*/
 .mask1{position: absolute; width: 100%; height:100%;background-color: rgba(0, 0, 0, .9); hyphens: auto; padding-top: 0px;   -moz-transition: all 0.8s ease 0s; -webkit-transition: all 0.8s ease 0s; transition: all 0.8s ease 0s; opacity: 0; z-index: 2;}
.borderfotos1:hover .mask1{opacity: 0.9; width: 100%; height:100%; top:0;} 

 .girlshead1{font-size: 19px; font-weight: 500; color: #ffffff; letter-spacing: 2px;  background-color: rgb(109, 0, 0);}
 .borderfotos1  {border-color: #333333; border-style: solid; border-width: 1px; border-radius:30px; -moz-border-radius:10px; box-shadow: 10px 10px 15px silver; background-color: rgb(109, 0, 0); justify-content: center; max-width: 10%  !important; flex: 0 0 10%  !important;}
 .girlheadline1{font-size: 15px;  color: #ffffff; text-align: center;  line-height:15px;  min-height:20px;}
 .girlinfo1{font-size: 13px; letter-spacing: 2px; color: #ffffff;}
 .girlfooder1{font-size: 11px; letter-spacing: 1px; color: #ffffff; text-align: center; height:30px;}
/* Girl -Anzeige Bald anzutreffen -----------------------------------*/


/* Girl -Anzeige Online -----------------------------------*/
.mask2{position: absolute; width: 100%; height:100%; background-color: rgba(0, 0, 0, .9); hyphens: auto; padding-top: 0px;   -moz-transition: all 0.8s ease 0s; -webkit-transition: all 0.8s ease 0s; transition: all 0.8s ease 0s; opacity: 0; z-index: 2;}
.borderfotos2:hover .mask2{opacity: 0.9; width: 100%; height:100%; top:0;} 
 .girlshead2{font-size: 19px; font-weight: 500; color: #ffffff; letter-spacing: 2px;  background-color: rgb(0, 59, 4)}
 .borderfotos2  {border-color: #333333; border-style: solid; border-width: 1px; border-radius:30px; -moz-border-radius:10px; box-shadow: 10px 10px 15px silver; background-color: rgb(0, 59, 4); justify-content: center; max-width: 15%  !important; flex: 0 0 15%  !important;}
 .girlheadline2{font-size: 15px;  color: #ffffff; text-align: center;  line-height:15px;  min-height:30px;}
 .girlinfo2{font-size: 13px; letter-spacing: 2px; color: #ffffff;}
 .girlfooder2{font-size: 17px; letter-spacing: 1px; color: #ffffff; text-align: center; height:35px;}
/* Girl -Anzeige Online -----------------------------------*/


/* Girl -Anzeige Fixiert -----------------------------------*/
.mask3{position: absolute; width: 100%; height:100%; background-color: rgba(0, 0, 0, .9); hyphens: auto; padding-top: 0px;   -moz-transition: all 0.8s ease 0s; -webkit-transition: all 0.8s ease 0s; transition: all 0.8s ease 0s; opacity: 0; z-index: 2;}
.borderfotos3:hover .mask3{opacity: 0.9; width: 100%; height:100%; top:0;} 
.girlshead3{font-size: 19px; font-weight: 500; color: #ffffff; letter-spacing: 2px;  background-color: rgb(65, 66, 76);}
.borderfotos3  {border-color: #333333; border-style: solid; border-width: 1px; border-radius:10px; -moz-border-radius:10px; box-shadow: 10px 10px 15px silver;  background-color: rgb(65, 66, 76); justify-content: center; max-width: 10%  !important; flex: 0 0 10%  !important;}
.girlheadline3{font-size: 15px;  color: #ffffff; text-align: center;  line-height:15px;  min-height:20px;}
.girlinfo3{font-size: 13px; letter-spacing: 2px; color: #ffffff;}
.girlfooder3{font-size: 11px; letter-spacing: 1px; color: #ffffff; text-align: center; height:50px;}
/* Girl -Anzeige Fixiert -----------------------------------*/


.datumnews{font-family: Helvetica,sans-serif;  font-size: 16px; color: #292727; border-color: #b4b4b4; border-style: solid; border-width: 1px; border-radius:0px; -moz-border-radius:0px; box-shadow: 3px 3px 4px silver;  background-color: rgb(255, 255, 255);}
/* Girl -News Anzeige  -----------------------------------*/
.girlshead4{font-size: 19px; font-weight: 500; color: #ffffff; letter-spacing: 2px; background-color: rgb(65, 66, 76);}
.borderfotos4  {border-color: #333333; border-style: solid; border-width: 1px; border-radius:10px; -moz-border-radius:10px; box-shadow: 10px 10px 15px silver;  background-color: rgb(65, 66, 76); justify-content: center; max-width: 10%  !important; flex: 0 0 10%  !important;}
.girlheadline4{font-size: 15px;  color: #ffffff; text-align: center;  line-height:15px;  min-height:20px;}
.girlfooder4{font-size: 9px; letter-spacing: 1px; color: #ffffff; text-align: center; height:20px;}
/* Girl -News Anzeige  -----------------------------------*/




@media (max-width:1100px)
{	
	.top { position: fixed; width: 100%; height:55px; left:0px; top:0px;  background-color: rgba(52, 52, 52, 0.9);   z-index:15;}
	.nav1 {position: absolute; width: 80%;  left:20px;  top:3px; visibility:visible; z-index:65;}
	.logo{position: relative; float:right;  width:195px; height:27px; top:11px; background-image: url(gifs/elements/logo_kl.svg); z-index:67;}	
	.language{ float: right; width:100%; text-align: right; padding-top: 4px; z-index:21;}

	.cards1{ position: fixed;  display: block;  width:552px; top: 55px; left:20px;  z-index:21;}


	.flaggen { height:40px; width:60px;}

	.borderfotos1  { max-width: 15%  !important; flex: 0 0 15%  !important;}
	.borderfotos2  { max-width: 20%  !important; flex: 0 0 20%  !important;}
	.borderfotos3  { max-width: 15%  !important; flex: 0 0 15%  !important;}
	.borderfotos4  { max-width: 15%  !important; flex: 0 0 15%  !important;}

	.girlfooder1{font-size: 9px; letter-spacing: 1px; color: #ffffff; text-align: center; height:30px;}


	.mob10 {max-width: 10%  !important; flex: 0 0 10%  !important;} 
	.mob20 {max-width: 20%  !important; flex: 0 0 20%  !important;} 
	.mob30 {max-width: 30%  !important; flex: 0 0 30%  !important;} 
	.mob30a {max-width: 35%  !important; flex: 0 0 35%  !important;} 
	.mob40 {max-width: 40%  !important; flex: 0 0 40%  !important;} 
	.mob40a {max-width: 40%  !important; flex: 0 0 40%  !important;} 
	.mob50 {max-width: 50%  !important; flex: 0 0 50%  !important;} 
	.mob50a {max-width: 50%  !important; flex: 0 0 50%  !important;} 
	.mob60 {max-width: 60%  !important; flex: 0 0 60%  !important;} 
	.mob60a {max-width: 60%  !important; flex: 0 0 60%  !important;} 
	.mob70 {max-width: 60%  !important; flex: 0 0 70%  !important;} 
	.mob70a {max-width: 60%  !important; flex: 0 0 70%  !important;} 
	.mob80 {max-width: 80%  !important; flex: 0 0 80%  !important;} 
	.mob90 {max-width: 90%  !important; flex: 0 0 90%  !important;}
	.mob100 {max-width: 100%  !important; flex: 0 0 100%  !important;}

	.hptmenue {display: none;}	
	.topaddress{display: none;}	
	.versteckt 	{font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px;   letter-spacing: 1px; line-height:29px; color: #8a8888; display: block; padding-right: 6px; padding-left: 6px; text-decoration: none; }
	.address  { position: relative; right:20px; top:65px; float:right;  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal;  text-align:right; letter-spacing: 0px; line-height:26px; color: #ffffff; z-index:18;}
	.bottomnav { position: absolute; text-align: left; top:25px; left:15px; width: 80%;  z-index:34;}
}
@media (max-width:700px)
{	
	.borderfotos1  {max-width: 30%  !important; flex: 0 0 30%  !important;}
	.borderfotos2  {max-width: 30%  !important; flex: 0 0 30%  !important;}
	.borderfotos3  {max-width: 30%  !important; flex: 0 0 30%  !important;}
	.borderfotos4  {max-width: 30%  !important; flex: 0 0 30%  !important;}

	.cards{ float: right; width:100%; text-align: right; padding-top: 4px; z-index:21;}
	
	.mob10 {max-width: 100%  !important; flex: 0 0 100%  !important;}
	.mob20 {max-width: 100%  !important; flex: 0 0 100%  !important;}
	.mob30 {max-width: 100%  !important; flex: 0 0 100%  !important;}
	.mob40 {max-width: 100%  !important; flex: 0 0 100%  !important;}
	.mob50 {max-width: 100%  !important; flex: 0 0 100%  !important;}
	.mob60 {max-width: 100%  !important; flex: 0 0 100%  !important;}
	.mob70 {max-width: 100%  !important; flex: 0 0 100%  !important;} 
	.mob80 {max-width: 100%  !important; flex: 0 0 100%  !important;}
	.mob90 {max-width: 100%  !important; flex: 0 0 100%  !important;}
	.mob100 {max-width: 100%  !important; flex: 0 0 100%  !important;}

}

@media (max-width:390px)
{
.girlfooder2{font-size: 14px; letter-spacing: 1px; color: #ffffff; text-align: center; height:35px;}
}