@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,700);

body,html{
  margin: 0 auto; 
/*	background-image:url(../img/FireShot-Pro-start-sw.jpg);
	background-repeat:no-repeat; */
	background-color:#333;
	padding-top:10px;
	font-family:'Open Sans', sans-serif;
    color:#d4d4d4;
	
}

h1 { color: #333; font-size: 42px; font-family: 'Open Sans', sans-serif; font-weight: 300 !important; text-decoration: none; text-transform: uppercase; margin-bottom: 5px; }
h2 { color: #c49f58; font-size: 32px; font-family: 'Open Sans', sans-serif; font-weight: 300 !important; text-decoration: none; text-transform: uppercase; margin-bottom: 5 px;}
h3 { color: #c49f58; font-size: 25px; font-family: 'Open Sans', sans-serif; text-decoration: none; margin-bottom: 5px; }
h4 { color: #fff; font-size: 22px; font-family: 'Open Sans', sans-serif;font-weight: 600; text-decoration: none; text-transform: none; margin-bottom: 5px;}
h5 { color: #c49f58; font-size: 25px; font-family: 'Open Sans', sans-serif; text-decoration: none; margin-bottom: 5px; border-bottom: dotted 1px #555555;}
hr {
	border: 0;
    height: 1px;
    background-image: linear-gradient(to right, rgba(102,102,102, 0), rgba(102,102,102, 0.75), rgba(102,102,102, 0));
    width: 50%
}



.banner {position: relative;color: #000;padding-top:0px;  z-index: 20001;}
.banner p{font:300 1.35em/4em 'Old Standard TT', serif;margin:0; }
.banner img.img-responsive{width: 100%;}
.banner .welcome-message{position: absolute;left: 0;right:0;bottom:0;top:0;text-align: center;font-size:60px;}
.banner .welcome-message .wrap-info{display: table;height: 100%;width: 100%;font-size:60px; border_ 3x #aaaaaa;}
.banner .welcome-message .wrap-info .information{display: table-cell;vertical-align: middle;font-size:60px;}
.banner .arrow-nav{position: absolute;bottom:3.1em;background-color: #88BCB2;opacity:0.70; height: 1.0em;width: 1.0em;display: inline-block;z-index: 100;left: 50%;margin-left: -26px;color: #F71223;border-radius: 50%;}
.banner .arrow-nav i{font-size: 0.9em;line-height:70px;color: #ffffff;}
.banner .arrow-nav:hover{background: #ABABAB;}


.google-maps{
position:relative;
padding-bottom: 75%;
height: 0;
overflow: hidden;
}

.google-maps iframe{
position: absolute;
top:0;
left: 0;
width: 100% !important;
height: 100% !important;
}

.formular iframe{
height:1000px;
}

@media (max-width: 1199px) {
  .formular iframe{
    height:1400px;
  }
}

@media (max-width: 350px) {
  .formular iframe{
    height:1400px;
  }

#toplink { 
  position: fixed; 
  top: 00px;
  left:00px;
  width:80px;
  z-index: 20000;
}
}

#toptext {
  position: relative; 
  top: 360px;
  left:250px;
  width:250px;
  z-index: 20010;

}


.video-frame{
position:relative;
z-index:1;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
}

.video-frame iframe{
position: absolute;
top:0;
left: 0;
width: 100% !important;
height: 100% !important;
z-index:1;
}

.nav-logo{
	width: 200px;
    margin-top: 0px;
    padding-left:-100px;
}

#toplink { 
  position: fixed; 
  top: 00px;
  left:80px;
  width:200px;
  z-index: 20000;
}



#fancybox-wrap * { 
    max-width: 100% !important;
}

.success-message{
	display:none;
}
 
#fancybox-wrap, 
#fancybox-wrap * {
 -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
     -ms-box-sizing: content-box;
      -o-box-sizing: content-box;
         box-sizing: content-box;
}

.toggle-btn{
	width:100%;
	max-width:200px;
	display:block;
	margin-top:15px;
	margin-bottom:15px;
	font-size:16px;
	background-color:#D83C3C;
	border:2px solid transparent;
	transition:all .31s;
	text-align:center;
	padding:5px;
	color:#fff;
	margin-left:auto;
	margin-right:auto;
	border-radius:4px;
}

.toggle-btn:hover, .toggle-btn:focus, .toggle-btn:active{
	border:2px solid #D83C3C;
	background-color:#fff;
	color:#D83C3C;
	text-decoration:none;
}


#pruefung{
display:none;
}


/* marquee */

.marquee {
    width: 100%;
	line-height: auto;
	background-color: white;
	color: red;
    white-space: nowrap;
    overflow: hidden;
    box-sizing: border-box;
}
.marquee p {
    display: inline-block;
    padding-left: 80%;
    animation: marquee 100s linear infinite;
}
@keyframes marquee {
    0%   { transform: translate(0, 0); }
    100% { transform: translate(-100%, 0); }
}
}


/*2. Untermenü*/
.dropdown-submenu {
position: relative;
}

.dropdown-submenu>.dropdown-menu {
top: 0;
left: 100%;
margin-top: -6px;
margin-left: -1px;
-webkit-border-radius: 0 6px 6px 6px;
-moz-border-radius: 0 6px 6px;
border-radius: 0 6px 6px 6px;
}

.open > .dropdown-submenu {
  display: block;
}

.dropdown-submenu.pull-left {
float: none;
}

.dropdown-submenu .caret{
border-top-color: #000000;
border-bottom-color: #000000;
margin-left:5px;
}

.dropdown-submenu .caret{
border-top-color: #000000;
border-bottom-color: #000000;
}

.dropdown-submenu.pull-left>.dropdown-menu {
left: -100%;
margin-left: 10px;
-webkit-border-radius: 6px 0 6px 6px;
-moz-border-radius: 6px 0 6px 6px;
border-radius: 6px 0 6px 6px;
}
/*2. Untermenü*/

.footer {
	margin-top:00px;
	background-color:#3D0000;
	padding-top:10px;
/*	background-image:url(../img/diagmonds.png);
	background-repeat:repeat; */
	color:#888;
 	border-top:1px solid #c49f58; 
 	border-bottom:1px solid #c49f58; 
    padding-bottom: 00px;
}

.footer h4{
	color:#888;
	font-weight:600;
}

.footer a{
	color:#c49f58;
}
.footer a:hover{
	color:#e0d096;
	text-decoration:none;
}

.subfooter{
	background-color:none;
	color:#e0d096;
}

.subfooter a{
	color:#D83C3C;
}
.subfooter a:hover{
	color:#D83C3C;
	text-decoration:underline;
}


.box{
-webkit-border-radius: 6px 6px 6px 6px;
-moz-border-radius: 6px 6px 6px;
border-radius: 6px 6px 6px 6px;
box-shadow:0px -1px 10px 3px rgba(199,199,199,0.69);
padding:10px;
margin-bottom:30px;
text-align:center;
min-height:200px;
}

.box h2{margin-top:0px;text-transform:none;font-size:20px;color:#777}
.box p{min-height:80px}

.btn-primary{
	background-color:#D83C3C;
	border:2px solid transparent;
	transition:all .31s;
}

.btn-primary:hover{
	background-color:#fff;
	border:2px solid #D83C3C;
	color:#D83C3C;
}

/*Styles für Layout Stefan*/
.parallax-window {
    min-height: 300px;
    background: rgba(255,255,255,0.6);
}


.navbar-inverse{
	background-color:#313131;
 border-bottom:1px solid #c49f58;   
}

.navbar-inverse .navbar-nav > li > a{
	color:#c49f58;
    font-size: 1.5em;
    
}

.dropdown.open{
	background-color:#212121;
}

@media(min-width:768px){
.dropdown-menu{
	background-color:#fff;
	border-bottom:5px solid #D83C3C;
	border-radius:0;
}
}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus{
	background-color:#D83C3C;
	color:#fff;
}

.header-start > div.carousel-inner > div.item > div.fill{
	min-height:700px;
}

.section-dark{
	background-color:#333;
	padding-top:35px;
	padding-bottom:25px;
	background-image:url(../img/knot.png);
	background-repeat:repeat;
	margin-bottom:20px;
}

.primer-p{
	font-size:22px;
	color:#fff;
	font-weight:300;
	text-transform:uppercase;
	margin-bottom:0px;
}

.primer-box{
	position:relative;
}


.pulse {
	-webkit-animation: pulse 3s linear infinite;
	-moz-animation:. pulse 3s linear infinite;
	-ms-animation: pulse 3s linear infinite;
	animation: pulse 3s linear infinite;
}

@keyframes "pulse" {
 0% {
    -webkit-transform: scale(1);
   	-moz-transform: scale(1);
   	-o-transform: scale(1);
   	-ms-transform: scale(1);
   	transform: scale(1);
 }
 50% {
    -webkit-transform: scale(0.97);
   	-moz-transform: scale(0.97);
   	-o-transform: scale(0.97);
   	-ms-transform: scale(0.97);
   	transform: scale(0.97);
 }
 100% {
    -webkit-transform: scale(1);
   	-moz-transform: scale(1);
   	-o-transform: scale(1);
   	-ms-transform: scale(1);
   	transform: scale(1);
 }

}

@-moz-keyframes pulse {
 0% {
   -moz-transform: scale(1);
   transform: scale(1);
 }
 50% {
   -moz-transform: scale(0.97);
   transform: scale(0.97);
 }
 100% {
   -moz-transform: scale(1);
   transform: scale(1);
 }

}

@-webkit-keyframes "pulse" {
 0% {
   -webkit-transform: scale(1);
   transform: scale(1);
 }
 50% {
   -webkit-transform: scale(0.97);
   transform: scale(0.97);
 }
 100% {
   -webkit-transform: scale(1);
   transform: scale(1);
 }

}

@-ms-keyframes "pulse" {
 0% {
   -ms-transform: scale(1);
   transform: scale(1);
 }
 50% {
   -ms-transform: scale(0.97);
   transform: scale(0.97);
 }
 100% {
   -ms-transform: scale(1);
   transform: scale(1);
 }

}

.primer-column{
	float:left;
	width:50%;
}

@media(min-width:768px){
.primer-column{
	float:left;
	width:30%;
}}

.primer-i{
	font-size:80px;
	color:#fff;
	padding-left:13px;
	padding-right:8px;
	padding-top:8px;
	background-color:#D83C3C;
	float:right;
	border-radius:6px;
	margin-right:10px;
}

.primer-h1{
	margin-top:-4px;
	margin-bottom:0px;
	color:#fff;
	font-weight:300;
}

.primer-version{
	font-weight:bold;
}

.primer-dot{
	color:#D83C3C;
}

.primer-ul{
	color:#fff;
	font-size:16px;
	list-style: none;
    padding:0;
    margin:0;
}

.primer-ul li{
	line-height:30px;
	padding-left: 1em; 
    text-indent: -.7em;
}

.primer-ul li:before {
    content: "• ";
    color: #D83C3C;
	margin-top:10px;
}

.logo-primer{
	max-width:180px;
}

.come-in{
  transform: translateY(400px);
  animation: come-in 1s ease forwards;
  animation-duration: 1s;
}

.already-visible {
  transform: translateX(0);
  animation: none;
}

@keyframes come-in {
  to {
    transform: translateX(0);
  }
}


/*Beispiel Custom Formular CSS klasse z.Z. $formname(Formular2)*/

.Formular2 .form-control{
	background:transparent;
	border:0;
	border-radius:0px;
	border-bottom:2px solid #333;
	box-shadow:none;
}

.Formular2 label{
	display:none;
}

.Formular2{
	max-width:600px;
	display:block;
	margin:auto;
}

.Formular2 .btn-default{
	width: 100%;
    max-width: 200px;
    display: block;
    margin-top: 15px;
    margin-bottom: 15px;
    font-size: 16px;
    background-color: #D83C3C;
    border: 2px solid transparent;
    transition: all .31s;
    text-align: center;
    padding: 5px;
    color: #fff;
    border-radius: 4px;
}

.Formular2 .btn-default:hover{
	    border: 2px solid #D83C3C;
    background-color: #fff;
    color: #D83C3C;
    text-decoration: none;
}


/* RESPONSIVE VIDEO PG 13.07.2016 */

video {
    width: 100%;
    height: auto;
}


.sidebar-module {
background-color: #FFFFD4;
padding: 10px;

}



#cookiedingsbums a {color:#000; text-decoration:none;}

#cookiedingsbums a:hover {text-decoration:underline;}

#cookiedingsbums div {padding:10px; padding-right:40px;}

#cookiedingsbums { 
   outline: 1px solid #7b92a9; 
   text-align:right; 
   border-top:1px solid #fff;
   background: #d6e0eb; 
   background: -moz-linear-gradient(top, #d6e0eb 0%, #f2f6f9 100%); 
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d6e0eb), color-stop(100%,#f2f6f9)); 
   background: -webkit-linear-gradient(top, #d6e0eb 0%,#f2f6f9 100%); 
   background: -o-linear-gradient(top, #d6e0eb 0%,#f2f6f9 100%);
   background: -ms-linear-gradient(top, #d6e0eb 0%,#f2f6f9 100%); 
   background: linear-gradient(to bottom, #d6e0eb 0%,#f2f6f9 100%); 
   filter: progid:DXImageTransform.Microsoft.gradient(   startColorstr='#d6e0eb', endColorstr='#f2f6f9',GradientType=0 ); 
   position:fixed;
   bottom:0px; 
   z-index:10000; 
   width:100%; 
   font-size:12px; 
   line-height:16px;}

#cookiedingsbumsCloser {
   color: #000;
   font: 14px/100% arial, sans-serif;
   position: absolute;
   right: 5px;
   text-decoration: none;
   text-shadow: 0 1px 0 #fff;
   top: 5px;
   cursor:pointer;
   border-top:1px solid white; 
   border-left:1px solid white; 
   border-bottom:1px solid #7b92a9; 
   border-right:1px solid #7b92a9; 
   padding:4px;
   background: #ced6df; /* Old browsers */
   background: -moz-linear-gradient(top, #ced6df0%, #f2f6f9 100%); 
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ced6df), color-stop(100%,#f2f6f9)); 
   background: -webkit-linear-gradient(top, #ced6df0%,#f2f6f9 100%); 
   background: -o-linear-gradient(top, #ced6df0%,#f2f6f9 100%); 
   background: -ms-linear-gradient(top, #ced6df0%,#f2f6f9 100%); 
   background: linear-gradient(to bottom, #ced6df0%,#f2f6f9 100%); 
   filter: progid:DXImageTransform.Microsoft.gradient(    startColorstr='#ced6df', endColorstr='#f2f6f9',GradientType=0 ); 
 }

#cookiedingsbumsCloser:hover {border-bottom:1px solid white; border-right:1px solid white; border-top:1px solid #7b92a9; border-left:1px solid #7b92a9;}

iframe {
  max-width: 100%;
}


// Laufschrift
.marquee {
    width: 100%;
	line-height: auto;
	background-color: #333333;
	color: red;
    white-space: nowrap;
    overflow: hidden;
    box-sizing: border-box;
}
.marquee p {
    display: inline-block;
    padding-left: 80%;
    animation: marquee 100s linear infinite;
}
@keyframes marquee {
    0%   { transform: translate(0, 0); }
    100% { transform: translate(-100%, 0); }
}
}