@import url(animate.css);
@import url(lightbox.css);
@import url(loading_img.css);
@import url(fonts.css);
@import url(font-awesome.css);

.EzFadeElm {
	left: 50% !important;
	transform: translateX(-50%) !important;
}


/* General Style */
html { height: 100%; }
body { height: 100%; font-family: 'Maven Pro', sans-serif; color: #585858; background: #fff; }


/* Typography */
h1, h2, h3, h4, h5, h6 { margin: 20px 20px 40px 0; color: #afca0b; font-weight: 300; }
.green { color:#afca0b!important; }
.colorWhite { color: #fff; }
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small { display: block; margin-top: 10px; color: #afca0b; font-size: 60%; margin-bottom: 20px; background: #fff; padding: 5px; width: auto; }

a {
  color:#afca0b;
  text-decoration:none;
  transition: all 0.5s ease 0s;
}

a:hover {
  color:#18470f;
  text-decoration: none!important;
  transition: all 0.5s ease 0s;
}

.startContent p { line-height: 2; margin: 0 0 15px 0; font-size: 18px; }

p { line-height: 2; margin: 0 0 15px 0; font-size: 16px; }

p,h1 { 
  -moz-hyphens: auto;
  -o-hyphens: auto;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
  text-align:justify;
}

#anfahrt h3 {line-height:40px;}

#anfahrt h3 span {color:#585858;}

ul.leistungen {
  margin-bottom:40px;
}

ul.leistungen li {
  font-size: 20px;
  line-height: 28px;
  margin-bottom:24px;
  list-style-type:square;	
}

ul.list {
  margin-bottom:25px;
}

ul.list li {
  font-size: 16px;
  line-height: 22px;
  margin-bottom:24px;
  list-style-type:square;	
}

hr { border: 0; border-bottom: 1px dashed #afca0b; background: #fff; margin: 60px 0; }

div.two-colums {
  -moz-column-width: 400px;
  -moz-column-gap: 30px;
  -moz-column-rule: 1px solid #ccc;
  -moz-hyphens: auto;
  -webkit-column-width: 400px;
  -webkit-column-gap: 30px;
  -webkit-column-rule: 1px solid #ccc;
  -webkit-hyphens: auto;  
  column-width: 400px;
  column-gap: 30px;
  column-rule: 1px solid #ccc;
  hyphens: auto;
  -ms-hyphens: auto;
  text-align: justify;
  display: block;
}

div.two-colums ul {
  margin: 0 0 20px 10px;
}

div.two-colums ul li {
  font-size: 16px;
  line-height: 1.6;
  margin-bottom:8px;
  list-style-type:square;
}

div.newslist,
div.newslist .content {
  margin:0;
  padding:0;
}

div.newslist h3{
  font-size:20px;
  margin:0;
}

div.newslist hr{
  margin:10px 0 40px 0;
  padding:0;
}

div.teaser {
  background-color: #fff;
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
  padding:15px;
  margin:0 15px 15px 15px;
}

div.teaser h3{
  text-align:center;
}

div.teaser_img {
  width:200px;
  max-height:200px;
  overflow:hidden;
  float:left;
  margin:0 30px 10px 0;
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
}

div.more_cont {
  display: none;
  margin-bottom:40px;
}

a .produkte_item {
  -moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.3);
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.3);
  transition: all 0.5s ease 0s;
}

a:hover .produkte_item {
  -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.3);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.3);
  transform: scale(1.05);
  transition: all 0.5s ease 0s;
}

/* iframe */
.iframe {
  border:0; 
  width:100%; 
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
  }


/* produkte */
.produkte_item {
  background-color:#fff;
}

.produkte_item h2 {
  text-align:center;
  padding-bottom:15px;
}

.produkt_close {
  margin-top:20px;
}

#prod_detail_1,
#prod_detail_2,
#prod_detail_3,
#prod_detail_4,
#prod_detail_5,
#prod_detail_6 {
  display: none;
}

#prod_detail_1 .content,
#prod_detail_2 .content,
#prod_detail_3 .content,
#prod_detail_4 .content,
#prod_detail_5 .content,
#prod_detail_6 .content {
  margin-top:0;
  margin-bottom:40px;
  min-height:536px;
  -moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.3);
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.3);	
}

#prod_detail_1 h2,
#prod_detail_2 h2,
#prod_detail_3 h2,
#prod_detail_4 h2,
#prod_detail_5 h2,
#prod_detail_6 h2{
  margin-top:0;
  margin-bottom:25px;
}

#prod_detail_1 h3,
#prod_detail_2 h3,
#prod_detail_3 h3,
#prod_detail_4 h3,
#prod_detail_5 h3,
#prod_detail_6 h3{
  margin-bottom:10px;
}

#prod_detail_1 .img-block,
#prod_detail_2 .img-block,
#prod_detail_3 .img-block,
#prod_detail_4 .img-block,
#prod_detail_5 .img-block,
#prod_detail_6 .img-block{
  margin-top:30px;
  margin-bottom:30px;
}

.img-block img {
 margin-bottom:20px;
}

p.more {
 clear:both;
 cursor:hand;
 cursor:pointer;
 line-height: 1.0em;
 color:#afca0b;
}

.blur { -webkit-filter: blur(5px); -moz-filter: blur(5px); -o-filter: blur(5px); -ms-filter: blur(5px); filter: blur(5px); }

a.whitelink, a.whitelink:visited  { color:#fff; text-decoration: none; cursor:pointer;}
a.whitelink:hover, a.whitelink:active{ color:#afca0b; text-decoration: none; }

a.greenlink, a.greenlink:visited { color:#afca0b; text-decoration: none; }
a.greenlink:hover, a.greenlink:active { color:#333; text-decoration: none; }

a.greenlink2, a.greenlink2:visited, a.greenlink2:hover, a.greenlink2:active { color:#afca0b; text-decoration: none; }

a .banner {
  transition: all 0.5s ease 0s;
}

a:hover .banner {
  transform: scale(1.1);   
  transition: all 0.5s ease 0s;
}


/* no border-radius */
.modal-content, .form-control, .navbar-toggle { border-radius: 0px; }


/* btn */
.btn { transition: 0.5s; -webkit-transition: 0.5s; border-radius:0!important; text-decoration: none!important; border: none; }

.btn-green, .btn-primary { padding: 8px 12px; color: #fff; background: #afca0b;  }
.btn-green:hover, .btn-green:focus, .btn-primary:hover, .btn-primary:focus { background: #18470f; color: #fff; }


/* Conatiner, Content and Sections */
.container-full { width: auto; padding: 0px; margin: 0px auto; }

.section-white { background: #fff; padding-bottom: 20px; }
.section-green { background: #afca0b; padding-bottom: 20px; }
.section-green h1 { color: #fff; }
.section-green .content { 
	-moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.3);
	box-shadow: 0 2px 3px rgba(0, 0, 0, 0.3);	
}

.content { padding: 20px 30px; background: #fff; margin: 30px 0 15px 0; }

.startContent {
  margin-top:110px;
}


/* Header */
header { height: 450px; }

.img-fader { position: fixed; top: -100px; right: 0px; left: 0px; z-index: -1; }


/* Parallax-Header */
.parallax-header h1 { border-left: none; font-size: 44px; color: #fff; margin: 10px 0; text-align: center; text-shadow: 1px 1px #666, 2px 2px #666, 3px 3px #666;}

.parallaxImage01 { 
  background-color: #fff; 
  padding: 40px 0 40px 0;
}
.parallaxImage01 h1,
.parallaxImage03 h1 {
  color: #afca0b !important; 
  text-shadow: 0 0 0 !important;
}
.parallaxImage03 { 
  background-color: #fff;  
  padding: 40px 0 0 0; 
}



/* Navigation */
/*
.navbar { border-radius: 0px; margin: 0px; position: absolute; right: 15px; left: 15px; z-index: 1000; box-shadow: 0 0 20px 0 rgba(0,0,0,0.5); }
*/

.navbar { border-radius: 0px; margin: 0px; position: absolute; right: 0px; left: 0px; z-index: 1000; }


.navbar-default { background: #fff; border: none; }

.navbar-default .navbar-nav>li>a { padding: 30px 25px; font-weight: bold; color:#18470f; text-decoration: none!important; }
.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus { background: #afca0b; color: #fff; }

.navbar-default .navbar-nav>li>a .arrow-down { position: absolute; bottom: -20px; display: none; text-decoration: none!important; }
.navbar-default .navbar-nav>li>a:hover .arrow-down, .navbar-default .navbar-nav>li>a:focus .arrow-down { display: block; }

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover { color: #fff; background: #afca0b; text-decoration: none!important; }

.navbar-brand { display: none; }
.navbar-brand img { width: 120px; }
.navbar-toggle { border: none; }


.navbar-fixed-top { position: fixed; top: 0; right: 0; left: 0;  box-shadow: 0 0 20px 0 rgba(0,0,0,0.5); background: #fff; }
.navbar-default.navbar-fixed-top .navbar-nav>li>a { color: #18470f; text-decoration: none!important; }
.navbar-default.navbar-fixed-top .navbar-nav>li>a:hover, .navbar-default.navbar-fixed-top .navbar-nav>li>a:focus { color: #fff; background: #afca0b; box-shadow: none; }
.navbar-default.navbar-fixed-top .navbar-nav>.active>a, .navbar-default.navbar-fixed-top .navbar-nav>.active>a:focus, .navbar-default.navbar-fixed-top .navbar-nav>.active>a:hover { color: #fff; background: #afca0b; box-shadow: none; }
.navbar-default.navbar-fixed-top .navbar-nav>li>a .arrow-down  { border: 0px; }

.navbar-fixed-top .navbar-brand { display: block; padding: 5px 15px; }

#nav-content { padding-top: 115px; }


/* infoLine Section */
.infoLine { background: #fff; padding:0; margin:0; }
.infoLine .logo { width:100%; max-width:230px; height:auto; display:block; }
.infoLine .slogan { display: table; width: 100%; height: 7.5em; }
.infoLine .slogan h3 { text-align:center; color:#18470f; font-weight: 600; display: table-cell; vertical-align: middle; }
.infoLine .slogan h3 span { font-size:16px; margin:0; padding:0; line-height:1.5; font-weight:600; color:#afca0b; letter-spacing: -1px; }


/* footer */
footer { width: 100%; padding: 60px 0; background: #222 url(../img/re.png); background-position: center bottom; background-size: auto; background-repeat: repeat-x; color: #fff; }
footer .content { background: transparent; }

footer .miniNav a#facebook:hover {
  background: #3b5998;
  color: #fff;
  text-decoration: none;
}
footer .miniNav a#google:hover {
  background: #d34836;
  color: #fff;
  text-decoration: none;
}
footer .miniNav a#instagram:hover{
  background: #bd3381;
  color: #fff;
  text-decoration: none;
}

footer .miniNav a {
  padding: 40px 15px;
}
footer .miniNav a i.fa {
  min-width: 30px;
}

footer .miniNav a {
  display: block;
  font-weight: 500;
  margin: 5px 0;
  font-size: 14pt;
  padding: 60px 15px;
  transition: all 0.3s ease-in-out;
  background: #454545;
  color: #fff !important;
}
footer .miniNav a:hover {
  background: #9a0445;
  text-decoration: none;
  color: #fff;
}

div.miniNav {margin-bottom:30px;}

#top_btn { position: fixed; right: 35px; bottom: 35px; padding: 5px 10px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); background: #18470f; box-shadow: 5px 5px 0 0 rgba(0,0,0,0.3); display: none; z-index: 1500; }
#top_btn i.fa { transform: rotate(45deg); -webkit-transform: rotate(45deg); color: #fff; font-size: 30px; }

#back_btn { position: fixed; left: 35px; bottom: 35px; padding: 5px 15px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); background: #18470f; box-shadow: 5px 5px 0 0 rgba(0,0,0,0.3); display: none; z-index: 1500; }
#back_btn i.fa { transform: rotate(45deg); -webkit-transform: rotate(45deg); color: #fff; font-size: 30px; }


/* modal */
.modal { z-index: 1500; padding: 20px; }
.modal-header { padding: 30px 45px; }
.modal-header .close {
  font-size: 32px;
}
.modal-dialog { margin: 40px auto; }


/* form */
.form-control { height: 45px; margin-bottom: 5px; }
.form-control:focus { box-shadow: 0 0 10px 0 rgba(255, 0, 0, 0.5); border-color: #ff0000; }

.form-group.has-error label { color: #ff0000; }
.form-group.has-error input { border: 1px solid #ff0000; }

.has-error .form-control {
    border-color: #ff0000;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
}

.has-error .form-control:focus {
    border-color: #ff0000;
    box-shadow: 0 0 10px 0 rgba(255, 0, 0, 0.5); border-color: #ff0000;
}

.help-block {
	color:#585858;
}

.has-error .help-block {
	color:#ff0000;
}

textarea.form-control { height: 150px; resize: none; }

#danke { display:none; }


/* sozIcon */
.sozIcon {
  position: absolute;
  right: 0;
  padding: 0 10px;
  background: #fff;
  top: 135px;
}
.sozIcon a {
  font-size: 24pt;
  display: block;
}

/* ccm19 */
.ccm-settings-summoner {
  display: none !important;
}

/*** Media Queries ***/
@media screen and (min-width: 1200px) { 
   /* Header */
  header { padding: 180px 0; }
  /* iframe */
  .iframe {
  height:450px;	
  }
} 

@media screen and (max-width: 1199px) { 
   /* Header */
  header { padding: 180px 0; }
  /* iframe */
  .iframe {
  height:450px;	
  }
} 

@media screen and (max-width: 992px) { 
  /* schild /  date */
  .schild { top: -60px; right: 30px; z-index: 995; }
  .schild img { width: 150px; }

  h1.safp-info#firstInfo { margin-bottom: 0px; }
  h1.safp-info { min-width: 90%; }

  /* Navigation */
  .navbar-default .navbar-nav>li>a { padding: 30px 20px; } 

  /* Header */
  header { height: 200px; }

  .img-fader { top: -250px; }

  /* Parallax-Header */
  .parallax-header h1 { font-size: 36px; }
  /* iframe */
  .iframe {
  height:450px;	
  }	
}

@media screen and (max-width: 767px) {
  /* Conatiner, Content and Sections */
  .first-container { background-size: 200%; }

  /* Navigation */
  .navbar { margin-bottom: 0; margin-top: 0; box-shadow: 0 0 20px 0 rgba(0,0,0,0.5); }
  .navbar-nav { margin: 0 0 15px 0; }
  .navbar-header { padding: 5px 0px; }

  .navbar-default .navbar-form { border: 0px; }
  .navbar-default .navbar-collapse { border: 0px; padding: 0px; }
  .navbar-default .navbar-nav>li>a { padding: 20px 30px; }

  .navbar-default .navbar-nav>li>a:hover .arrow-down, .navbar-default .navbar-nav>li>a:focus .arrow-down { display: none; }

  .navbar-default .navbar-toggle { background: transparent; color: #18470f; }
  .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover { background-color: transparent; color: #afcb08; }

  .navbar-default.navbar-fixed-top .navbar-toggle { background: transparent; color: #18470f; }
  .navbar-default.navbar-fixed-top .navbar-toggle:focus, .navbar-default.navbar-fixed-top .navbar-toggle:hover { background-color: transparent; color: #afcb08; }

  .navbar-brand { display: block; padding: 0px 15px; min-height: 72px; margin-top: -5px; margin-bottom: -5px; background: #FFF; }
  .navbar-fixed-top .navbar-brand { display: block; padding: 0px 15px; margin-top: -5px; }

  a.navbar-brand:hover { background-color: #EC6911; }


  /* Newsletter Section */
  #newsletterBtn { position: absolute; left: -73px; top: 120px; transform: rotate(90deg); -webkit-transform: rotate(90deg); margin: 0px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; z-index: 1200; box-shadow: 0 0 15px 0 rgba(0,0,0,0.5); }
  /* iframe */
  .iframe {
  height:250px;	
  }	
    
}

@media screen and (min-width: 768px) {
  /* Navigation */
  .navbar-collapse { padding: 0px; }
}




/* responsiv text-align */
.text-center-xs { text-align: center; }
.text-right-xs { text-align: right; }
.text-left-xs { text-align: left; }

/* Very Small devices (Smartphones) */
@media (max-width: 767px) {
  .flip-card .flip-card-body {height:300px;}
}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
  .text-center-sm { text-align: center; }
  .text-right-sm { text-align: right; }
  .text-left-sm { text-align: left; }
  .flip-card .flip-card-body {height:300px;}
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
  .text-center-md { text-align: center; }
  .text-right-md { text-align: right; }
  .text-left-md { text-align: left; }
  .flip-card .flip-card-body {height:280px;}	
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
  .text-center-lg { text-align: center; }
  .text-right-lg { text-align: right; }
  .text-left-lg { text-align: left; }
  .flip-card .flip-card-body {height:250px;}
}

/* Galerie */
.thumbnail { border-radius: 0px; transition: 0.5s; -webkit-transition: 0.5s; }

.thumbnail .caption { text-align: center; }
.thumbnail .caption h4, .thumbnail .caption h3 { margin: 10px 0; transition: 0.5s; -webkit-transition: 0.5s; }

a:hover .thumbnail { box-shadow: 0 0 0px 8px rgba(0,0,0,0.2); transition: 0.5s; -webkit-transition: 0.5s; }

a .thumbnail img { transition: 0.5s; -webkit-transition: 0.5s; }
a:hover .thumbnail img { transform: scale(1.1); -moz-transform: scale(1.1); -webkit-transform: scale(1.1); transition: 0.5s; -webkit-transition: 0.5s; }


/* Paralax-Images */
@media (min-width: 1200px) {
  .parallaxImage02 { 
    background-image: url(../img/parallax-header/header01.jpg); 
    background-attachment: fixed; 
    background-position: center; 
    background-repeat: no-repeat; 
    background-size: cover;  
    padding: 100px 0; 
  }
  .parallaxImage04 { 
    background-image: url(../img/parallax-header/header02.jpg); 
    background-attachment: fixed; 
    background-position: center; 
    background-repeat: no-repeat; 
    background-size: cover;  
    padding: 100px 0; 
  }
}
@media (max-width: 1199px) {
  .parallaxImage02 { 
    background-image: url(../img/parallax-header/header01s.jpg); 
    background-attachment: scroll; 
    background-position: center; 
    background-repeat: no-repeat; 
    background-size: cover;  
    padding: 80px 0; 
  }
 .parallaxImage04 { 
   background-image: url(../img/parallax-header/header02s.jpg); 
   background-attachment: scroll; 
   background-position: center; 
   background-repeat: no-repeat; 
   background-size: cover;  
   padding: 80px 0; 
  }	
  
  header{ 
    background-image: url(../img/header/001s.jpg); 
    background-attachment: scroll; 
    background-position: center; 
    background-repeat: no-repeat; 
    background-size: cover;  
    padding: 80px 0; 
  }	
  
  .img-fader { display:none; }
}