@charset "utf-8";
/* CSS Document */
html {
    -webkit-text-size-adjust: 100%; /* Gleiche Schriftgröße Portrait und Landscape auf dem I-Phone */
}
body{
	margin: 0px;
	/*background-image:url(../images/layout/bkgnd_image.jpg);*/
	background-color: #003B6F;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	line-height: 20px;
	color: #313131;
	}
/*TIMEIT Anfang#######################*/
.hidden {
	display:none;
	color:#ccc;}
.error {color:red}
/*TIMEIT ENDE########################*/

/*LINKS################################*/
a.link_text{
	text-decoration:none;
	color:#003B6F;
	}
	a.link_text:visited{
	color:#003B6F;
	}
a.button:link{
	display:block;
	margin-top:20px;
	margin-bottom:10px;
	text-decoration:none;
	padding:8px;
	text-align:center;
	width:150px;
	border:#003B6F solid 1px;
	border-radius:5px;
	color:#003B6F;
	font-weight:bold;
	background-color:#CFCFCF;
	}
a.button:visited{
	color:#003B6F;
	}
a.button:hover{
	text-decoration:none;
	color:#fff;
	background-color:#AAA;
	border:#003B6F solid 1px;
	}
/*LINKS ENDE###########################*/
.container_left{
	width:60%;
	float:left;
	padding-right:1%;
	}
.container_right{
	width:39%;
	float:right;
	}
.foto_links{
	float:left;
	padding-right:10px;
	padding-bottom:10px;
	}
.menue_items {
	max-width:1000px;
	margin-left:auto; 
	margin-right:auto;
}
.balticlogo {
	position:relative;
	max-width: 960px;
	height: auto;
	margin-left:auto;
	margin-right:auto;
	z-index:20;
	opacity: 1;
	}
.inhalt{
		max-width:960px;
		position:relative;
		z-index:10;
		margin-left:auto;
		margin-right:auto;
		margin-top:20px;
		padding:15px;
		background-color:#fff;
		border-top:10px solid #CFCFCF;
						}
.impressum{
	max-width: 300px;
	margin-left: auto;
	margin-right: auto;
	font-family: Verdana;
	font-weight: bold;
	color: #005C8F;
	text-align: center;
	line-height: 35px;
	background-image:url(../content/bilder/layout/bkgnd_line.jpg);
	}
	.parkhaus{
		float:right;
		margin-left:10px;
		width: 70px;
		height:70px;
		}
.pic-wrapper {
	position: absolute;
	width: 100%;
	height: 100%;
	overflow: hidden;
	z-index:10;
	left: 0px;
	top:68px;
}

figure {
	position: absolute;
	top: -15px;
	left: -40px;
	width:100%;
	height: 255px;
	opacity: 0;

	/*animation*/
  	animation: slideShow 36s linear infinite 0s;
	-o-animation: slideShow 36s linear infinite 0s;
	-moz-animation: slideShow 36 linear infinite 0s;
	-webkit-animation: slideShow 36s linear infinite 0s;
}
.pic-1 {
  opacity: 1;
  background: url(../content/bilder/layout/top_1.jpg) no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.pic-2 {
  animation-delay: 6s;
  -o-animation-delay: 6s;
  -moz--animation-delay: 6s;
  -webkit-animation-delay: 6s;
  background: url(../content/bilder/layout/top_2.jpg) no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.pic-3 {
  animation-delay: 12s;
  -o-animation-delay: 12s;
  -moz--animation-delay: 12s;
  -webkit-animation-delay: 12s;
  background: url(../content/bilder/layout/top_6.jpg) no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.pic-4 {
  animation-delay: 18s;
  -o-animation-delay: 18s;
  -moz--animation-delay: 18s;
  -webkit-animation-delay: 18s;
  background: url(../content/bilder/layout/top_4.jpg) no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.pic-5 {
  animation-delay: 24s;
  -o-animation-delay: 24s;
  -moz--animation-delay: 24s;
  -webkit-animation-delay: 24s;
  background: url(../content/bilder/layout/top_7_23.jpg) no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.pic-6 {
  animation-delay: 30s;
  -o-animation-delay: 30s;
  -moz--animation-delay: 30s;
  -webkit-animation-delay: 30s;
  background: url(../content/bilder/layout/top_5.jpg) no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

/* keyframes*/

@keyframes 
slideShow {  0% {
 opacity: 0;
 transform:scale(1);
 -ms-transform:scale(1);
}
 5% {
 opacity: 1
}
 25% {
 opacity: 1;
}
 30% {
 opacity: 0;
 transform:scale(1.1);
 -ms-transform:scale(1.1);
}
 100% {
 opacity: 0;
 transform:scale(1);
 -ms-transformm:scale(1);
}
}
 @-o-keyframes 
slideShow {  0% {
 opacity: 0;
 -o-transform:scale(1);
}
 5% {
 opacity: 1
}
 25% {
 opacity: 1;
}
 30% {
 opacity: 0;
 -o-transform:scale(1.1);
}
 100% {
 opacity: 0;
 -o-transformm:scale(1);
}
}
 @-moz-keyframes 
slideShow {  0% {
 opacity: 0;
 -moz-transform:scale(1);
}
 5% {
 opacity: 1
}
 25% {
 opacity: 1;
}
 30% {
 opacity: 0;
 -moz-transform:scale(1.1);
}
 100% {
 opacity: 0;
 -moz-transformm:scale(1);
}
}
 @-webkit-keyframes 
slideShow {  0% {
 opacity: 0;
 -webkit-transform:scale(1);
}
 5% {
 opacity: 1
}
 25% {
 opacity: 1;
}
 30% {
 opacity: 0;
 -webkit-transform:scale(1.1);
}
 100% {
 opacity: 0;
 -webkit-transformm:scale(1);
}
}
h1 {
	font-size: 16px;
	color: #003B6F;
}
.h1startseite {
	margin-bottom:30px;
	}
h2 {
	font-size: 14px;
	font-family: verdana;
	color: #003B6F;
}
#logos{
	display: none;
	}
#logos_medium{
	display: block;
	background-color:#fff;
	height: auto;
	}

.inner{
	width:50%;
	float:left;
	}
	
/*slide_style ########################*/
.logo_slide
{
    background: url(../content/bilder/layout/shops2023d.jpg);
    height: 68px;
    width: 100%;

    -webkit-animation: slide 20s linear infinite;
       -moz-animation: slide 20s linear;
            animation: slide 20s linear infinite;
}


@-webkit-keyframes slide
{
    0%   {background-position: 0 0;}
    100% {background-position: 965px 0;}
}

@-moz-keyframes slide
{
    0%   {background-position: 0 0;}
    100% {background-position: 965px 0;}
}

@keyframes slide
{
    0%   {background-position: 0 0;}
    100% {background-position: 965px 0;}
}
/*Responsive styles......*/
 @media only screen and (max-width : 790px) {  
    .container_left{
	width:100%;
	float: none;
	}
	.container_right{
	width:100%;
	float: none;
	}  
    } 
  @media only screen and (max-width : 680px) {  
    .inner{
	width:100%;
	float: none;
	}
	figure{
		height:240px;/*Anpassung Ken Burns*/
		}    
    }  
	 @media only screen and (max-width : 600px) {  
	figure{
		height:220px;/*Anpassung Ken Burns*/
		}    
    }  
	 @media only screen and (max-width : 530px) {  
	figure{
		height:185px;/*Anpassung Ken Burns*/
		} 
		.h1startseite{
			margin-bottom:10px !important;
			}
		.parkhaus{
			clear:both;
			float:left;/*Anpassung Parkhaus*/
			width:40px;
			height:40px;
			margin-top:20px;
			margin-left:0px;
		}     
    } 
	 @media only screen and (max-width : 420px) {  
	figure{
		height:150px;/*Anpassung Ken Burns*/
		} 
		    
    }  
	 @media only screen and (max-width : 320px) {  
	figure{
		height:115px;/*Anpassung Ken Burns*/
		}    
    }    

/* START: scroll icon */
    .scrollicon{
        text-align: center;
        text-decoration:none;
        width: 50px;
        height:40px;
        border-radius: 10% 10% 10% 10% ;
        background:#ccc;
        opacity:0.7;
        position:fixed;
        bottom:60px;
        right:10px;
        display:none;
        border:1px solid #333;
		z-index:500;
    }
    .scrollicon div{
        font-weight:bold;
        font-size:28px;
        color:#333;
        padding-top:12px;
    }
 /* END scroll icon */
 
 /*START RESPONSIVE IFRAME*/
iframe {
	max-width: 100%;
		}
		    .embed-container {
      position: relative; 
      padding-bottom: 56.25%; /* ratio 16x9 */
      height: 0; 
      overflow: hidden; 
      width: 100%;
      height: auto;
    }
    .embed-container iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
    }
    /* ratio 4x3 */
    .embed-container.ratio4x3 {
      padding-bottom: 75%;
    }
/* responsive iframe ENDE*/
.fotofeld_2xn {
	float: left;
	width:48%;
	margin:0px;
	padding:1%;
}
.iframe-responsive iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 535px;
}
/* ENDE RESPONSIVE IFRAME*/

	
/*LINKS ____________________*/
a.legal:link{
	text-decoration: none;
	color: #005C8F;
	font-size: 35px;
	padding-left:5px;
	padding-right:5px;
	letter-spacing: 0em;
	-webkit-transition: all 0.3s ease-in;
	-moz-transition: all 0.3s ease-in;
	-o-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
	background-color: #003B6F;
	}
	a.legal:visited{
	text-decoration: none;
	color: #005C8F;
	}
a.legal:hover{
	text-decoration: none;
	letter-spacing: 0.1em;
	}
.swiper-container {
        width: 100%;
        height: 100%;
    }
    .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;

        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }
	summary{
		cursor:pointer;
		outline:none;
		}