html, body {
    width: 100%;
    height: 100%;
}

body
{
	font-family: 'Roboto', sans-serif;
}
.full-bg
{
	background:url(../images/content-bg.png) no-repeat;
    background-size:cover;
    padding-bottom: 90px;
}

.ss-arrow-up-white {
    position: absolute;
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 10px solid #fff;
}

.ss-arrow-up {
    position: absolute;
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 9px solid #2c4b84;
}
  
.ss-arrow-down-white {
    position: absolute;
    width: 0; 
    height: 0; 
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 10px solid #fff;
}

.ss-arrow-down {
    position: absolute;
    width: 0; 
    height: 0; 
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 9px solid #2c4b84;
}

.ss-arrow-right-white {
    position: absolute;
    width: 0; 
    height: 0; 
    border-top: 7px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 10px solid #fff;
}

.ss-arrow-right {
    position: absolute;
    width: 0; 
    height: 0; 
    border-top: 6px solid transparent;
    border-bottom: 9px solid transparent;
    border-left: 9px solid #2c4b84;
}

.ss-arrow-left-white {
    position: absolute;
    width: 0; 
    height: 0; 
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent; 
    border-right: 10px solid #fff; 
}

.ss-arrow-left {
    position: absolute;
    width: 0; 
    height: 0; 
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent; 
    border-right: 9px solid #2c4b84; 
}
  
/*------------Header Start-------------*/
.header.header-index {
    min-height: 245px;
}

.header {
    background: url(../images/bg.jpg) no-repeat;
    background-size: cover;
    min-height: 245px;
}
.header .navbar-default {
    background: transparent;
    border: none;
    margin-bottom: 0px;
}
.header .navbar-default .navbar-brand
{
	height:auto;
}
.our-menu .navbar-right li a {
	color: #fff;
	text-transform: uppercase;
	padding: 50px 10px 20px 10px;
	letter-spacing: 1px;
	transition:all 0.5s;
	position:relative;
	transition:all 0.5s;
}
.our-menu .navbar-right li.active a {
    color: #2c4b84;
    transition: all 0.5s;
    font-weight: 500;
    background-image: linear-gradient(#ffffff, #667ca5);
    border-radius: 0px 0px 4px 4px;
}
.our-menu .navbar-right li:hover a
{
    color: #fff;
}
.header-text {
    margin-top: 6px;
}
.header-text p {
    font-size: 21px;
    text-align: right;
    color: #fff;
    text-shadow: 2px 2px 7px #252525;
    font-weight: bold;
    font-style: normal;
}
.raja-bhaiya-gallery-point img {
    max-height: 250px;
    min-height: 250px;
}
/*------------Header End---------------*/



/*------------About Start---------------*/
.about-me {
	position:relative;
	background: #2c4b8485;
    margin-top: 80px;
}
.about-bg:last-child {
    padding-right: 0px;
    margin-top: 99px;
}
.about-bg:first-child {
    padding-left: 0px;
}
.about-text {
    padding: 40px 100px 20px 0px;
    min-height: 200px;
}
.about-text h3 {
    color: #fff;
    font-size: 18px;
    margin-top: 0px;
}
.about-text p {
    color: #fff;
}
.about-text.create-margin {
    margin-left: 20px;
}
.main-title h3 {
    padding: 30px 0px;
    color: #fff;
}
/*------------About End---------------*/



/*-----------Body Start-----------------*/
.location-block {
	position:relative;
}
.map-view {
    position: relative;
    margin: -110px 0px -90px 0px;    
}

.container-fluid.gredient-bg:before {
    background: #2c4b84a8;
    width: 75%;
    height: 100%;
    position: absolute;
    top: 20%;
    right: 0;
    height: 350px;
}

.text-overmap {
    position: absolute;
    top: 120px;
    left: 162px;
    color: white;
    padding-left: 20px;
    padding-right: 20px;
}

.map-view-text h1 {
    color: #fff;
    font-size: 24px;
    margin-top: 50px;
}
.map-view-text p {
    color: #fff;
    font-weight: 400;
}
.map-view-text {
    display: none;
}

.samajik
{
	
	margin-top:60px;
}
.hide
{
	display:inherit !important;
}
/*-----------Body End-----------------*/



/*-----------Footer Start---------------*/
.footer
{
    background:#34497d;
}
.contact_footer
{
    position:fixed;bottom:0;left:0;right:0;
    background:#34497d;
}
.contact-title.space p {
    margin: 0px;
}
.contact-title.space {
    margin-top: 49px;
}
.footer h3
{
	color:#fff;
}
.footer p {
    color: #fff;
}
.yf_bg{
    background:#34497d;
}
section#footer {
    padding-top: 20px;
    padding-bottom: 20px;
}
.container-fluid.gredient-bg.yf{
    padding-bottom: 50px;
}
/*-----------Footer End-----------------*/




/*-----------Duplicate Page-------------*/
.map-view-text h3 {
    color: #fff;
    font-size: 18px;
    margin-top: 60px;
}
.map-view-text ul
{
	margin:0px;
	padding:0px;
}
.map-view-text ul li {
    display: block;
    color: #fff;
    margin-bottom: 12px;
    font-weight: 400;
}
.contact-title.yf_einf p {
    margin: 0px;
}
.contact-title h3 {
    font-size: 18px;
}
p.impressdate {
    padding-top: 10px !important;
}
.contact-title.space_yf {
    margin-bottom: 21px;
    margin-top: 21px;
}
/*-----------Duplicate Page-------------*/



/*-----------Gallery Page Start-------------*/
.small-gallery {
    position: relative;
    display: block;
    margin-bottom: 50px;
}
.small-gallery .owl-nav 
{
	position:absolute;
	top:42%;
	width:100%;
}
.small-gallery .owl-nav .owl-prev span {
    font-size: 40px;
    padding: 99px 13px 85.7px 10px;
    color: #000;
    background: #e9ebef;
    border-radius: 0px 4px 4px 0px;
    line-height: 50px;
    transition: all 0.5s;
}
.small-gallery .owl-nav .owl-next
{
	float:right;
}
.small-gallery .owl-nav .owl-next span {
    font-size: 40px;
    padding: 99px 13px 85.7px 10px;
    color: #000;
    background: #e9ebef;
    border-radius: 0px 4px 4px 0px;
    line-height: 50px;
    transition: all 0.5s;
}
.main-bg-block {
    background: url(../images/content-bg.png) repeat;
    background-size: contain;
}
.best-short {
    text-align: center;
    color: #fff;
    max-width: 700px;
    margin: 0 auto;
    margin-top: 40px;
	    margin-bottom: 40px;
}
.best-short img {
    margin: 0 auto;
}
.cool-galley ul li {
    display: inline-block;
    margin-right: 20px;
}
.cool-galley ul {
    margin:0px;
	padding:0px;
}
.cool-galley p {
    color: #fff;
    margin-top: 20px;
}
.best-short h3 {
    font-size: 18px;
}
.row.yf_center h3 {
    font-size: 18px;
}
.list-block h3 {
    color: #fff;
    margin-bottom: 30px;
    font-weight: 400;
    font-size: 18px;
}
.smart-list ul {
    margin: 0px;
    padding: 0px;
}
.smart-list ul li {
    display: inline-flex;
    margin-bottom: 20px;
    color: #fff;
}
.smart-list {
    margin-top: 20px;
    margin-bottom: 20px;
}
.normal-gallery img {
    width: initial;
}
.normal-gallery p {
    color: #fff;
    font-size: 14px;
    margin-top: 30px;
}
.cool-galley ul li img {
    min-height: 280px;
}
.small-gallery {
    margin-bottom: 50px;
}
/*-----------Gallery Page End---------------*/



/*-----------Historie Start--------------*/
.listing-section
{
	background:url(../images/content-bg.png) repeat;
	background-size:contain;
	display:block;
}
ul.timeline {
    list-style-type: none;
    position: relative;
}
ul.timeline > li {
    margin: 15px 0;
    padding-left: 20px;
    background: #2c4b844d;
    padding: 17px 60px;
    position: relative;
}
.timeline li h3 {
    color: #fff;
    font-size: 18px;
    font-weight: 400;
    margin: 0px 0px 10px 0px;
}
.timeline li p {
    color: #fff;
    font-weight: 400;
    line-height: 20px;
}
ul.timeline > li:before {
    content: ' ';
    background: #375386;
    display: inline-block;
    position: absolute;
    border-radius: 50%;
    border: 5px solid #ffffff;
    width: 22px;
    height: 22px;
    z-index: 400;
	top: 10%;
    left: 3%;
}
ul.timeline > li:after {
    content: ' ';
    background: #d4d9df;
    display: inline-block;
    position: absolute;
    left: 4%;
    width: 5px;
    height: 135%;
    z-index: 1;
    top: 33%;
}
ul.timeline > li:last-child:after
{
	background:none;
}
span.commom-year {
    position: absolute;
    left: -200px;
    font-size: 18px;
    color: #fff;
    font-weight: 500;
}
.smart-list.blue-color-bg {
    background: #3753866b;
    padding: 20px;
}
.blue-color-bg h4 {
    color: #fff;
}
.new-bg-r {
    background: #3753866b;
}
/*-----------Historie End----------------*/
/*-----------Responsive tablet----------------*/

@media (min-width: 768px) and (max-width: 1024px) 
{
a.navbar-brand .img-responsive {
    width: 238px;
}
.header-text {
    margin-top: 25px;
    padding-bottom: 75px;
}
.about-text {
    min-height: 163px;
}
.map-view-text h1 {
    color: #fff;
    font-size: 18px;
    margin-top: 0px;
}
.map-view-text p {
    margin-top: 11px;
    color: #fff;
    font-weight: 400;
}
}

/*-----------Responsive Start----------------*/
@media screen and (max-width: 767px)
{
#map-tooltip-1 {
    left: calc(78.04878049% - 87px)!important;
    top: calc(48.480916% - 170px)!important;
}
#map-tooltip-2{
	left: calc(28.25203252% + -9px)!important;
    top: calc(58.77862595% + -91px)!important;
}
#map-tooltip-3 {
    left: calc(38.58536585% - 253px)!important;
    top: calc(81.83206107% + -3px)!important;
}
#map-tooltip-4 {
    left: calc(68.29268293% + -149px)!important;
    top: calc(46.41221374% + 18px)!important;
}
#map-tooltip-5 {
    left: calc(77.03252033% + -171px)!important;
    top: calc(90.07633588% - 166px)!important;
}
#map-tooltip-6 {
    left: calc(74.18699187% - 156px)!important;
    top: calc(89.46564885% - 145px)!important;
}
#map-tooltip-7 {
    left: calc(68.29268293% - 129px)!important;
    top: calc(87.02290076% - 112px)!important;
}
#map-tooltip-8 {
    left: calc(67.88617886% + -138px)!important;
    top: calc(78.16793893% + -103px)!important;
}
#map-tooltip-9 {
    left: calc(62.39837398% + -132px)!important;
    top: calc(77.09923664% + -101px)!important;
}
#map-tooltip-10 {
    left: calc(55.69105691% - 105px)!important;
    top: calc(87.02290076% - 92px)!important;
}
#map-tooltip-11 {
    left: calc(52.43902439% - 95px)!important;
    top: calc(88.70229008% - 140px)!important;
}
#map-tooltip-12 {
    left: calc(30.89430894% + -15px)!important;
    top: calc(76.64122137% - 144px)!important;
}
#map-tooltip-16 {
    left: calc(68.90243902% + -165px)!important;
    top: calc(52.21374045% + -3px)!important;
}
#map-tooltip-17 {
    left: calc(76.42276423% - 84px)!important;
    top: calc(54.50381679% - 99px)!important;
}
#map-tooltip-18 {
    left: calc(74.59349593% - 74px)!important;
    top: calc(45.19083969% - 27px)!important;
}


.map-city-pos .ss-arrow-left,
.map-city-pos .ss-arrow-right,
.map-city-pos .ss-arrow-up,
.map-city-pos .ss-arrow-down,
.map-city-pos .ss-arrow-left-white,
.map-city-pos .ss-arrow-right-white,
.map-city-pos .ss-arrow-up-white,
.map-city-pos .ss-arrow-down-white {
    left: 1000000px !important;
}
.header.header-index {
    min-height: 245px;
}
.map-view {
    margin: -15px 0px -90px 0px;
}
.text-overmap {
	width: 140px;
    top: 55px;
}
.header .navbar-default .navbar-brand img {
    width: 200px;
}
.about-text {
    padding: 20px;
}
.our-menu .navbar-right li a {
    padding: 10px;
    border-bottom: 1px solid #fff;
}
.our-menu .navbar-header button {
    margin-top: 25px;
    color: #fff;
    background: #eee;
}
.header {
    min-height: 350px;
}
.best-short {
    margin-bottom: 0;
}
.smart-list.blue-color-bg {
    padding: 0;
}
ul.timeline > li:after
{
	display:none;
}
ul.timeline {
    padding: 0px;
}
.normal-gallery img {
    margin-bottom: 20px;
}
.smart-list {
    margin-top: 20px;
}
.small-gallery .owl-nav .owl-next span {
    padding: 89px 13px 73px 10px;
}
.small-gallery .owl-nav .owl-prev span {
    padding: 89px 13px 73px 10px;
}
/******* yusuf css************/
.main-about.yf_text {
    padding: 20px;
    padding-top: 10px !important;
    padding-bottom: 30px !important;
}
.map-view-text-list.yf_text {
    color: #fff;
    margin-top: 20px !important;
    margin-bottom: 20px;
}
.main-about.yf_text {
    padding-top: 0px;
}
p.para_text {
    padding-top: 10px !important;
}
.main-about.yf_uber {
    padding: 20px;
}
ul.timeline > li {
    margin: 12px 0;
    padding-left: 20px;
    background: #2c4b844d;
    padding: 3px 60px;
    position: relative;
}
section#footer {
    text-align: center;
}
.contact-title.space {
    margin-top: 9px;
}
.contact-title.space .img-responsive {
    margin: 0px auto;
}
.about-text.create-margin {
    margin-left: 0px;
}
.map-view-text p {
    margin-top: 8px;
    color: #fff;
    font-weight: 400;
}
.about-text h3 {
    color: #fff;
}
.footer {
    background: #34497d;
    padding: 0px 0px;
}
.about-text {
    min-height: 0px;
}
.about-bg:first-child {
    padding-left: 13px;
}
.map-view-text {
    padding-left: 10px;
}
.yf_img_res {
    float: none;
}
.contact-title-yf.space.yf_right {
    float: none;
}
.col-lg-3.col-xs-12.col_padding {
    text-align: center;
}
.contact-title-yf.space.yf_right {
    float: none;
}
.yf_img_res {
    float: none;
}
.contact-title-yf {
    margin-top: 31px;
}
.contact-title.space.yf_space {
    padding-top: 9px;
}
.row.yf_sub {
    color: #fff;
    padding-top: 0px !important;
    padding-bottom: 17px !important;
    text-align: center;
}
.row.yf_center {
    color: #fff;
    text-align: center;
    padding: 0px !important;
}
.row.yf_data {
    padding: 10px;
}
}
/* ***** yusuf css **************/
.header.yf_header {
    background: url(../images/bg1.png) no-repeat;
}
.main-about.yf_text p {
    color: #fff;
}
.main-about.yf_text h3 {
    color: #fff;
}
.main-about.yf_text {
    padding-top: 40px;
}
.map-view-text-list.yf_text {
    color: #fff;
    margin-top: 127px;
}
.map-view-text-list.yf_text p {
    margin: 0px;
}
p.para_text {
    padding-top: 17px;
}
.full-bg.yf{
    background: url(../images/content-background.png) no-repeat;
    background-size: cover;
}
.row.yf_text {
    text-align: center;
    color: #fff;
    padding: 20px;
}
.row.yf_block_row {
    color: #fff;
    padding-top: 20px;
    padding-bottom: 30px;
}
.yf_col {
    padding-left: 0px;
}
.container-fluid.background_gradiant {
    background: #2c4b84a8;
}
.main-about.yf_uber {
    color: #fff;
    padding-bottom: 24px;
    padding-top: 40px;
}
.main-about.yf_uber h3{
    margin-top: 0px;
}
img.img-responsive.yf_res {
    padding-top: 34px;
}
.smart-contact {
    color: #fff;
    /* height: 434px;
    max-height: 434px; */
    height: -webkit-fill-available;
    height: -moz-available;
    block-size: fill-available;
    
}
.smart-contact p{
    color: #fff;
}
.contact-title.space.yf_space {
    padding-top: 28px;
}
.contact-map {
    padding: 60px;
}
.col_padding {
    padding: 0px;
}
.yf_img_res {
    float: right;
}
.contact-title-yf.space.yf_right {
    float: right;
}
.contact-title-yf.space p {
    margin: 0px;
}
.contact-title-yf {
    margin-top: 47px;
}
.row.yf_center {
    color: #fff;
    text-align: center;
    padding: 10px;
}
.row.yf_sub {
    color: #fff;
    padding-top: 50px;
    padding-bottom: 50px;
    font-size: 17px;
}
.row.yf_sub p {
    margin-top: 25px;
}
.row.yf_data {
    color: #fff;
    padding-bottom: 50px;
    font-size: 17px;
    padding-top: 20px;
}
p.yf_span {
    padding-top: 25px;
    font-weight: 600;
    padding-bottom: 26px;
}

.email-link {
    text-decoration: underline;
    cursor: pointer;
    color: #fff;
}

.email-link:hover {
    color: #fff;
}

#index-map-view {
    max-width: 492px;
}

.map-city-pos {
    background: transparent;
    border: none;
    color: transparent;
    cursor: pointer;
    position: absolute;
    width: 15px;
    height: 15px;
    transform: translate(-50%, -50%);
}

.map-city-pos:hover {
    border: 3px solid #0000ff;
    border-radius: 50%;
    background: #ff0000;
}
.map-city-pos .ss-map-tooltip.ss-map-tooltip-x{
    transform: translateX(-50%);
}
.map-city-pos .ss-map-tooltip {
    display: none;
    position: absolute;
    border: 1px solid;
    color: #fff;
    background-color: #2c4b84;
    box-sizing: border-box;
    padding: 5px 10px;
    border-radius: 4px;
    transform: translateY(-50%);
}

.map-city-pos:hover .ss-map-tooltip {
    display: block;
}

.map-city-pos .ss-arrow-left,
.map-city-pos .ss-arrow-right,
.map-city-pos .ss-arrow-up,
.map-city-pos .ss-arrow-down,
.map-city-pos .ss-arrow-left-white,
.map-city-pos .ss-arrow-right-white,
.map-city-pos .ss-arrow-up-white,
.map-city-pos .ss-arrow-down-white {
    display: none;
}

/* Dresden ToolTip */
#map-tooltip-1 {
    left: calc(78.04878049% - 150px);
    top: calc(48.480916% - 24px);
    width: 250px;
}

#map-city1 .ss-arrow-right-white {
    left: calc(78.04878049% - 21px);
    top: calc(47.48091603%);
    transform: translate(-50% ,-50%);
}

#map-city1 .ss-arrow-right {
    left: calc(78.04878049% - 22px);
    top: calc(47.48091603%);
    transform: translate(-50%, -50%);
}

#map-city1:hover .ss-arrow-right{
    display: block;
} 

#map-city1:hover .ss-arrow-right-white {
    display: block;
}

/* Frankenberg ToolTip */
#map-tooltip-2 {
    left:calc(28.25203252% + 22px);
    top: calc(58.77862595% + 52px);
}

#map-city2 .ss-arrow-left {
    left:calc(28.25203252% + 19px);
    top: calc(58.77862595%);
    transform: translate(-50%, -50%);
}

#map-city2 .ss-arrow-left-white {
    left:calc(28.25203252% + 18px);
    top: calc(58.77862595%);
    transform: translate(-50%, -50%);
}

#map-city2:hover .ss-arrow-left {
    display: block;
}

#map-city2:hover .ss-arrow-left-white {
    display: block;
}
/* Reinholdshain / Schlottwitz ToolTip */
#map-tooltip-3 {
    left: calc(38.58536585% - 322px);
    top: calc(81.83206107% + 130px);
    width: 300px;
}

#map-city3 .ss-arrow-right {
    left: calc(38.58536585% - 19px);
    top: calc(81.83206107%);
    transform: translate(-50%, -50%);
}

#map-city3:hover .ss-arrow-right {
    display: block;
}

#map-city3 .ss-arrow-right-white {
    left: calc(38.58536585% - 18px);
    top: calc(81.83206107%);
    transform: translate(-50%, -50%);
}

#map-city3:hover .ss-arrow-right-white {
    display: block;
}

/* Pforzheim ToolTip */
#map-tooltip-4 {
    left: calc(68.29268293% + 20px);
    top: calc(46.41221374% + 63px);
    width: 180px;
}

#map-city4 .ss-arrow-left {
    left: calc(68.29268293% + 18px);
    top: calc(46.41221374% + 2px);
    transform: translate(-50%, -50%);
}

#map-city4:hover .ss-arrow-left {
    display: block;
}

#map-city4 .ss-arrow-left-white {
    left: calc(68.29268293% + 16px);
    top: calc(46.41221374% + 2px);
    transform: translate(-50%, -50%);
}

#map-city4:hover .ss-arrow-left-white {
    display: block;
}
/* Landshut ToolTip */
#map-tooltip-5 {
    left: calc(77.03252033% + 21px);
    top: calc(90.07633588% - 40px);
}

#map-city5 .ss-arrow-left {
    left: calc(77.03252033% + 18px);
    top: calc(90.07633588%);
    transform: translate(-50%, -50%);
}

#map-city5:hover .ss-arrow-left {
    display: block;
}

#map-city5 .ss-arrow-left-white {
    left: calc(77.03252033% + 17px);
    top: calc(90.07633588%);
    transform: translate(-50%, -50%);
}

#map-city5:hover .ss-arrow-left-white {
    display: block;
}

/* Pforzheim ToolTip */
#map-tooltip-6 {
    left: calc(74.18699187% - 16px);
    top: calc(89.46564885% - 102px);
}

#map-city6 .ss-arrow-down {
    left: calc(74.18699187% + 1px);
    top: calc(89.46564885% - 24px);
    transform: translate(-50%, -50%);
}

#map-city6:hover .ss-arrow-down {
    display: block;
}

#map-city6 .ss-arrow-down-white {
    left: calc(84.186992%);
    top: calc(89.46564885% - 23px);
    transform: translate(-50%, -50%);
}

#map-city6:hover .ss-arrow-down-white {
    display: block;
}

/* Grabenstätt ToolTip */
#map-tooltip-7 {
    left: calc(68.29268293% - 18px);
    top: calc(87.02290076% - 112px);
}

#map-city7 .ss-arrow-down {
    left: calc(68.29268293%);
    top: calc(87.02290076% - 24px);
    transform: translate(-50%, -50%);
}

#map-city7:hover .ss-arrow-down {
    display: block;
}

#map-city7 .ss-arrow-down-white {
    left: calc(68.29268293%);
    top: calc(87.02290076% - 23px);
    transform: translate(-50%, -50%);
}

#map-city7:hover .ss-arrow-down-white {
    display: block;
}
/* Landshut ToolTip */
#map-tooltip-8 {
    left: calc(67.88617886% + 21px);
    top: calc(78.16793893% + 41px);
    width: 160px;
}

#map-city8 .ss-arrow-left {
    left: calc(67.88617886% + 18px);
    top: calc(78.16793893%);
    transform: translate(-50%, -50%);
}

#map-city8:hover .ss-arrow-left {
    display: block;
}

#map-city8 .ss-arrow-left-white {
    left: calc(67.88617886% + 17px);
    top: calc(78.16793893%);
    transform: translate(-50%, -50%);
}

#map-city8:hover .ss-arrow-left-white {
    display: block;
}

/* Pforzheim ToolTip */
#map-tooltip-9 {
    left: calc(62.39837398% + 23px);
    top: calc(77.09923664% + 59px);
}

#map-city9 .ss-arrow-left {
    left: calc(62.39837398% + 20px);
    top: calc(77.09923664%);
    transform: translate(-50%, -50%);
}

#map-city9:hover .ss-arrow-left {
    display: block;
}
#map-city9 .ss-arrow-left-white {
    left: calc(62.39837398% + 19px);
    top: calc(77.09923664%);
    transform: translate(-50%, -50%);
}

#map-city9:hover .ss-arrow-left-white {
    display: block;
}

/* Landsberg/L. ToolTip */
#map-tooltip-10 {
    left: calc(55.69105691% - 16px);
    top: calc(87.02290076% - 92px);
}

#map-city10 .ss-arrow-down {
    left: calc(55.69105691%);
    top: calc(87.02290076% - 24px);
    transform: translate(-50%, -50%);
}

#map-city10:hover .ss-arrow-down {
    display: block;
}

#map-city10 .ss-arrow-down-white {
    left: calc(55.69105691%);
    top: calc(87.02290076% - 23px);
    transform: translate(-50%, -50%);
}

#map-city10:hover .ss-arrow-down-white {
    display: block;
}
/* Kaufbeuren ToolTip */
#map-tooltip-11 {
    left: calc(52.43902439% - 16px);
    top: calc(88.70229008% - 95px);
}

#map-city11 .ss-arrow-down {
    left: calc(52.43902439%);
    top: calc(88.70229008% - 27px);
    transform: translate(-50%, -50%);
}

#map-city11:hover .ss-arrow-down {
    display: block;
}
#map-city11 .ss-arrow-down-white {
    left: calc(52.43902439%);
    top: calc(88.70229008% - 26px);
    transform: translate(-50%, -50%);
}

#map-city11:hover .ss-arrow-down-white {
    display: block;
}
/* Geisingen ToolTip */
#map-tooltip-12 {
    left: calc(30.89430894% + 26px);
    top: calc(76.64122137% - 39px);
}

#map-city12 .ss-arrow-left {
    left: calc(38.58536585% + 23px);
    top: calc(81.83206107%);
    transform: translate(-50%, -50%);
}

#map-city12:hover .ss-arrow-left {
    display: block;
}
#map-city12 .ss-arrow-left-white {
    left: calc(38.58536585% + 22px);
    top: calc(81.83206107%);
    transform: translate(-50%, -50%);
}

#map-city12:hover .ss-arrow-left-white {
    display: block;
}

/* Pforzheim ToolTip */
#map-tooltip-13 {
    left: calc(38.58536585% + 25px);
    top: calc(76.64122137% + 40px);
}

#map-city13 .ss-arrow-left {
    left: calc(38.58536585% + 22px);
    top: calc(81.83206107%);
    transform: translate(-50%, -50%);
}

#map-city13:hover .ss-arrow-left {
    display: block;
}

#map-city13 .ss-arrow-left-white {
    left: calc(38.58536585% + 21px);
    top: calc(81.83206107%);
    transform: translate(-50%, -50%);
}

#map-city13:hover .ss-arrow-left-white {
    display: block;
}

/* Heilbronn ToolTip */
#map-tooltip-14 {
    left: calc(37.39837398% + 21px);
    top: calc(73.4351145% + 40px);
}

#map-city14 .ss-arrow-left {
    left: calc(37.39837398% + 18px);
    top: calc(73.4351145%);
    transform: translate(-50%,-50%);
}

#map-city14:hover .ss-arrow-left {
    display: block;
}

#map-city14 .ss-arrow-left-white {
    left: calc(37.39837398% + 17px);
    top: calc(73.4351145%);
    transform: translate(-50%,-50%);
}

#map-city14:hover .ss-arrow-left-white {
    display: block;
}

/* External Tooltip */
#map-tooltip-15 {
    left:calc(32.31707317% + 21px);
    top: calc(39.38931298% + 41px);
}

#map-city15 .ss-arrow-left {
    left:calc(32.31707317% + 18px);
    top: calc(39.38931298%);
    transform: translate(-50%, -50%);
}

#map-city15 .ss-arrow-left-white {
    left:calc(32.31707317% + 17px);
    top: calc(39.38931298%);
    transform: translate(-50%, -50%);
}

#map-city15:hover .ss-arrow-left {
    display: block;
}

#map-city15:hover .ss-arrow-left-white{
    display: block;
}
/* Lichtenstein ToolTip */
#map-tooltip-16 {
    left: calc(68.90243902% + 29px);
    top: calc(52.21374045% + 41px);
    width: 200px;
}

#map-city16 .ss-arrow-left {
    left: calc(68.90243902% + 26px);
    top: calc(52.21374045%);
    transform: translate(-50%, -50%);
}

#map-city16:hover .ss-arrow-left {
    display: block;
}

#map-city16 .ss-arrow-left-white {
    left: calc(68.90243902% + 25px);
    top: calc(52.21374045%);
    transform: translate(-50%, -50%);
}

#map-city16:hover .ss-arrow-left-white {
    display: block;
}
/* Marienberg ToolTip */
#map-tooltip-17 {
    left: calc(76.42276423% - 150px);
    top: calc(54.50381679% - 27px);
    width: 250px;
}

#map-city17 .ss-arrow-right {
    left: calc(76.42276423% - 22px);
    top: calc(54.50381679% - 9px);
    transform: translateX(-50%);
}

#map-city17 .ss-arrow-right-white {
    left: calc(76.42276423% - 21px);
    top: calc(54.50381679% - 10px);
    transform: translateX(-50%);
}

#map-city17:hover .ss-arrow-right {
    display: block;
}

#map-city17:hover .ss-arrow-right-white {
    display: block;
}

/* Radebeul ToolTip */
#map-tooltip-18 {
    left: calc(74.59349593% - 150px);
    top: calc(45.19083969% - 27px);
    width: 250px;
}

#map-city18 .ss-arrow-right {
    left: calc(74.59349593% - 22px);
    top: calc(45.19083969% - 9px);
    transform: translateX(-50%);
}

#map-city18 .ss-arrow-right-white {
    left: calc(74.59349593% - 21px);
    top: calc(45.19083969% - 10px);
    transform: translateX(-50%);
}

#map-city18:hover .ss-arrow-right {
    display: block;
}

#map-city18:hover .ss-arrow-right-white {
    display: block;
}
/* Chemnitz ToolTip */
#map-tooltip-19 {
    left: calc(74.59349593% - 150px);
    top: calc(45.19083969% - 27px);
    width: 250px;
}

#map-city19 .ss-arrow-right {
    left: calc(74.59349593% - 22px);
    top: calc(45.19083969% - 9px);
    transform: translateX(-50%);
}

#map-city19 .ss-arrow-right-white {
    left: calc(74.59349593% - 21px);
    top: calc(45.19083969% - 10px);
    transform: translateX(-50%);
}

#map-city19:hover .ss-arrow-right {
    display: block;
}

#map-city19:hover .ss-arrow-right-white {
    display: block;
}
/* Potsdam ToolTip */
#map-tooltip-20 {
    left: calc(74.59349593% - 150px);
    top: calc(45.19083969% - 27px);
    width: 250px;
}

#map-city20 .ss-arrow-right {
    left: calc(74.59349593% - 22px);
    top: calc(45.19083969% - 9px);
    transform: translateX(-50%);
}

#map-city20 .ss-arrow-right-white {
    left: calc(74.59349593% - 21px);
    top: calc(45.19083969% - 10px);
    transform: translateX(-50%);
}

#map-city20:hover .ss-arrow-right {
    display: block;
}

#map-city20:hover .ss-arrow-right-white {
    display: block;
}
#map-tooltip-21 {
    left: calc(74.59349593% - 150px);
    top: calc(45.19083969% - 27px);
    width: 250px;
}

#map-city21 .ss-arrow-right {
    left: calc(74.59349593% - 22px);
    top: calc(45.19083969% - 9px);
    transform: translateX(-50%);
}

#map-city21 .ss-arrow-right-white {
    left: calc(74.59349593% - 21px);
    top: calc(45.19083969% - 10px);
    transform: translateX(-50%);
}

#map-city21:hover .ss-arrow-right {
    display: block;
}

#map-city21:hover .ss-arrow-right-white {
    display: block;
}
#map-tooltip-22 {
    left: calc(74.59349593% - 150px);
    top: calc(45.19083969% - 27px);
    width: 250px;
}

#map-city22 .ss-arrow-right {
    left: calc(74.59349593% - 22px);
    top: calc(45.19083969% - 9px);
    transform: translateX(-50%);
}

#map-city22 .ss-arrow-right-white {
    left: calc(74.59349593% - 21px);
    top: calc(45.19083969% - 10px);
    transform: translateX(-50%);
}

#map-city22:hover .ss-arrow-right {
    display: block;
}

#map-city22:hover .ss-arrow-right-white {
    display: block;
}
/* Lichtenau ToolTip */
#map-tooltip-23 {
    left: calc(74.59349593% - 150px);
    top: calc(45.19083969% - 27px);
    width: 250px;
}

#map-city23 .ss-arrow-right {
    left: calc(74.59349593% - 22px);
    top: calc(45.19083969% - 9px);
    transform: translateX(-50%);
}

#map-city23 .ss-arrow-right-white {
    left: calc(74.59349593% - 21px);
    top: calc(45.19083969% - 10px);
    transform: translateX(-50%);
}

#map-city23:hover .ss-arrow-right {
    display: block;
}

#map-city23:hover .ss-arrow-right-white {
    display: block;
}
/* Lichtenau ToolTip */
#map-tooltip-24 {
    left: calc(74.59349593% - 150px);
    top: calc(45.19083969% - 27px);
    width: 250px;
}

#map-city24 .ss-arrow-right {
    left: calc(74.59349593% - 22px);
    top: calc(45.19083969% - 9px);
    transform: translateX(-50%);
}

#map-city24 .ss-arrow-right-white {
    left: calc(74.59349593% - 21px);
    top: calc(45.19083969% - 10px);
    transform: translateX(-50%);
}

#map-city24:hover .ss-arrow-right {
    display: block;
}

#map-city24:hover .ss-arrow-right-white {
    display: block;
}

.city-selected {
    border: 3px solid #0000ff;
    border-radius: 50%;
    background: #ff0000;
}

.map-city-pos.map-city1 {
    left: 78.04878049%;
    top: 47.48091603%;
}    

.map-city-pos.map-city2 {
    left: 28.25203252%;
    top: 58.77862595%;
}

.map-city-pos.map-city3 {
    left: 83.7398374%;
    top: 50.53435115%;
}

.map-city-pos.map-city4 {
    left: 67.192683%;
    top: 42.302214%;
}

.map-city-pos.map-city5 {
    left: 77.03252033%;
    top: 90.07633588%;
}

.map-city-pos.map-city6 {
    left: 74.18699187%;
    top: 89.46564885%;
}

.map-city-pos.map-city7 {
    left: 68.29268293%;
    top: 87.02290076%;
}

.map-city-pos.map-city8 {
    left: 67.88617886%;
    top: 78.16793893%;
}

.map-city-pos.map-city9 {
    left: 62.39837398%;
    top: 77.09923664%;
}

.map-city-pos.map-city10 {
    left: 55.69105691%;
    top: 87.02290076%;
}


.map-city-pos.map-city11 {
    left: 52.43902439%;
    top: 88.70229008%;
}

.map-city-pos.map-city12 {
    left: 30.69105691%;
    top: 88.85496183%;
}

.map-city-pos.map-city13 {
    left: 30.89430894%;
    top: 76.64122137%;
}

.map-city-pos.map-city14 {
    left: 37.39837398%;
    top: 73.4351145%;
}

.map-city-pos.map-city15 {
    left: 32.31707317%;
    top: 39.38931298%;
} 

.map-city-pos.map-city16 {
    left: 68.90243902%;
    top: 52.21374045%;
}
.map-city-pos.map-city17 {
    left: 76.42276423%;
    top: 54.50381679%;
}

.map-city-pos.map-city18 {
    left: 74.59349593%;
    top: 45.19083969%;
}
.map-city-pos.map-city19 {
    left: 73.1%;
    top: 50.19084%;
}
.map-city-pos.map-city20 {
    left: 70.593496%;
    top: 30.19084%;
}
.map-city-pos.map-city21 {
    left: 73.792683%;
    top: 42.102214%;
}
.map-city-pos.map-city22 {
    left: 68.892683%;
    top: 48.802214%;
}
.map-city-pos.map-city23 {
    left: 70.69349593%;
    top: 46.49083969%;
}
.map-city-pos.map-city24 {
    left:72.89268293%;
    top: 86.82290076%;
}
.ss-display-block {
    display: block !important;
}

#contact-main-bg {
    height: calc(100% - 315px);
}

.bildunterschrift{
    margin:1px 0 0 0 !important;
    font-size:11px !important;
}
.owl-carousel .owl-item img{
    height: 233px;
}