/*==============================================================================
        item-overlay
==============================================================================*/
*{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;border-radius:10px;}

.item{width:25%;border:0px solid #e9ebed;float:left;height:0;overflow:hidden;box-sizing:border-box;height:20vw;position: relative; top: 0px; left: 0px; visibility: visible; opacity: 1; scale3d(1, 1, 1); transition: transform 500ms ease 0s, opacity 500ms ease 0s;}
.item-container{height:80%;width:80%;position:relative;}
.item-inner{height:100%;width:100%;padding:8%;background-size:cover;background-position:center center;background-repeat:no-repeat;position:relative;border-radius:10px;}
.item-infos{position:absolute;z-index:3;text-align:left;line-height:1.2em;opacity:0;height:100%;width:100%;top:0;left:0;box-sizing:border-box;padding:8%;-moz-transform:translateY(10px);-webkit-transform:translateY(10px);-o-transform:translateY(10px);-ms-transform:translateY(10px);transform:translateY(10px);-webkit-transition:all 500ms ease;-moz-transition:all 500ms ease;-ms-transition:all 500ms ease;-o-transition:all 500ms ease;transition:all 500ms ease;}
.item:hover .item-infos,.item-inner.active .item-infos{opacity:1;-moz-transform:translateY(0px);-webkit-transform:translateY(0px);-o-transform:translateY(0px);-ms-transform:translateY(0px);transform:translateY(0px);-webkit-transition:all 300ms ease 250ms;-moz-transition:all 300ms ease 250ms;-ms-transition:all 300ms ease 250ms;-o-transition:all 300ms ease 250ms;transition:all 300ms ease 250ms;border-radius:10px;}
.item-title {font-size:1.8em;margin-bottom:0.3em;line-height: 1.0em}
.item a:link, .item a:visited {color: #fff;text-decoration: none;}
.item a:hover,.item a:active, .item a:focus {color: #fff;text-decoration: none;}
.item:hover .corner,.item-inner.active .corner{border-radius:10px;bottom:1px;right:1px;border-right:3.5vw solid rgba(255,255,255,0.7);border-top:3.5vw solid transparent;border-left:3.5vw solid transparent;border-bottom:3.5vw solid rgba(255,255,255,0.7);-webkit-transition:all 500ms ease;-moz-transition:all 500ms ease;-ms-transition:all 500ms ease;-o-transition:all 500ms ease;transition:all 500ms ease;}
.corner{position:absolute;z-index:2;bottom:0;right:0;border-right:3vw solid rgba(210,3,3,0.7);border-top:3vw solid transparent;border-left:3vw solid transparent;border-bottom:3vw solid rgba(210,3,3,0.7);-webkit-transition:all 500ms ease;-moz-transition:all 500ms ease;-ms-transition:all 500ms ease;-o-transition:all 500ms ease;transition:all 500ms ease;}
.item-overlay{border-radius:10px;position:absolute;bottom:0;right:0;z-index:1;border-right:0 solid rgba(210,3,3,0.7);border-top:0 solid transparent;border-left:0 solid transparent;border-bottom:0 solid rgba(210,3,3,0.7);-webkit-transition:all 500ms ease;-moz-transition:all 500ms ease;-ms-transition:all 500ms ease;-o-transition:all 500ms ease;transition:all 500ms ease;}
.item:hover .item-overlay,.item-inner.active .item-overlay{border-radius:10px;position:absolute;bottom:0;right:0;z-index:1;border-right:25vw solid rgba(210,3,3,0.7);border-top:25vw solid transparent;border-left:25vw solid transparent;border-bottom:25vw solid rgba(210,3,3,0.7);-webkit-transition:all 500ms ease;-moz-transition:all 500ms ease;-ms-transition:all 500ms ease;-o-transition:all 500ms ease;transition:all 500ms ease;}

@media screen and (min-width:180px) and (max-width:800px) {
.item {visibility:hidden;display:none;}
}


.item_p{width:25%;border:0px solid #e9ebed;float:left;height:0;overflow:hidden;box-sizing:border-box;height:20vw;position: relative; top: 0px; left: 0px; visibility: visible; opacity: 1; scale3d(1, 1, 1); transition: transform 500ms ease 0s, opacity 500ms ease 0s;}




/*==============================================================================
        Allgemein
==============================================================================*/
body {
  background: #eeeeee;
  color: #404040;
  font-family: Calibri, Helvetica;
  font-weight: normal;
  line-height: 24px;
  font-size: 16px;
}

/*==============================================================================
        Inhaltsseiten
==============================================================================*/


@media screen and (min-width:800px)  {	
div.inhalt {width: 70%; }

}

@media screen and (min-width:800px)  {	
div.mobil {width: 70%; }

}

@media screen and (max-width:800px)  {	
div.mobil {width: 100%; }

}

/*==============================================================================
        Links
==============================================================================*/
a:link, a:visited {
                 color: #000000;
                 font-weight: normal;
                 text-decoration: none;
                 }
a:hover, a:active, a:focus {
                 color: #636363;
                 font-weight: normal;
                 text-decoration: none;
                }

/*==============================================================================
        Header
==============================================================================*/
#header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 107px;
  background: rgba(255, 255, 255, 0.8);
  z-index: 99;

}
@media screen and (min-width:1000px) {
div.logo {
         position:absolute;
         z-index:9999;
         top:-5px;
         width:auto;
         height:auto;
         margin-left:20px;
		 margin-top:10px;
		 float: left;
		 
         }
		 
img.logoimg {
         width:200px;
         height:79px;
		 width:auto;
		 float:left;

         }
}
@media screen and (min-width:180px) and (max-width:1000px) {
div.logo {
         position:absolute;
         z-index:9999;
         top:10px;
         width:auto;
         height:auto;
         margin-left:20px;
		 float:left;

         }
img.logoimg {
         width:200px;
         height:79px;
		 width:auto;
		 float:left;
		 
         }
}
@media screen and (min-width:180px) and (max-width:580px) {
div.logo {
         position:absolute;
         z-index:9999;
         top:15px;
         width:auto;
         height:auto;
         margin-left:10px;
		 float:left;

         }
img.logoimg {
		 width:200px;
         height:79px;
		 width:auto;
		 float:left;

         }
}


@media screen and (min-width:180px) and (max-width:800px) {
div.image {visibility:hidden;display:none;}
}


@media screen and (min-width:800px)  {
div.produkte {visibility:hidden;display:none;}
}

/*==============================================================================
        flexslider
==============================================================================*/
.flex-control-paging li a {
    background: #ffffff;
    background: rgba(255,255,255,0.5);
}
.flex-control-paging li a:hover  {
    background: #636363;
    background: rgba(24,98,163,0.7);
}
.flex-control-paging li a.flex-active  {
    background: #636363;
    background: rgba(210,3,3,0.7);
}
/*==============================================================================
        Inhalt
==============================================================================*/
ul
{
  list-style: url(images/list.png);
}
.box li       {

         line-height:2em;
         }
.box {
  padding: 20px 20px;
  background: #fff;
  border-bottom: 1px solid #e9e9e9;
  position: relative;
}
.box.first {


}
.box.last {

}

.box h1{
  color: #d20303;
  font-family: 'Montserrat', sans-serif;
  font-size: 3em;
    margin:0px;
}
.box h2{
  color: #d20303;
  font-family: 'Montserrat', sans-serif;
  font-size: 2.0em;

  padding-left: 0px;
  padding-top: 10px;
  padding-bottom: 10px;
  margin:0px;
}
.box h3{
  color: #000000;
  font-family: 'Montserrat', sans-serif;
  font-size: 1,2em;
  margin:0px;
}
 .box h4{
	  color: #d20303;
  font-family: 'Montserrat', sans-serif;
  font-size: 18px;
  margin:0px;
  padding-left:5px;
  
  }
   .box h5{
	  color: #d20303;
  font-family: 'Montserrat', sans-serif;
  font-size: 16px;
  margin:0px;
  padding-left:8%;
  
  }
  
.box hr{
border-width:1px;
border: 0;
height: 1px;
background-image: linear-gradient(to right, rgba(81,65,59, 0), rgba(81,65,59, 0.75), rgba(0, 0, 0, 0));
margin-top:30px;margin-bottom:30px;
}

th{color:#fff; background-color:#ffffff;}
tr{color:inherit; background-color:#ffffff;}
tr:nth-child(even){color:inherit; background-color:#ffffff;}



/*==============================================================================
        Navigation
==============================================================================*/

.navbar-default {
  background-color: rgba(255, 255, 255, 0.0);
  border: 0;
  padding: 0;
  border-radius: 0px;

}
@media screen and (min-width:180px) and (max-width:1202px)
{.navbar-default {top:15px;}

}
@media screen and (min-width:1200px)
{
.navbar-default {top:35px;}

}

.navbar-default a {
font-family: 'Montserrat', sans-serif;
font-size: 1,0em;
    background: rgba(255,255,255,0.0);
	border-radius:10px;
color:#ffffff;
}

@media screen and (min-width:180px) and (max-width:1200px)
{
.navbar-default ul {float:left;width:50%; font-size: 1,0em;padding-top:30px;background: rgba(210,3,3,1.0);border-radius:10px;color:#ffffff;}
    
}
@media screen and (min-width:1200px)
{
.navbar-default ul {float:right;}
.navbar-collapse {padding-right: 0px;}

}

.navbar-default .navbar-nav > li {
  margin-left: 0px;
  margin-top: 0px;
      background: rgba(255,255,255,0.0);
}
.navbar-default .navbar-nav > li > a {
  padding: 12px 12px;
  line-height: 12px;
  color: #000;
  font-weight: bold;
  letter-spacing: 0.1em;
  border-radius:10px;
  
}

  
}
.navbar-default .navbar-nav > li > a > i {
  display: inline-block;
    background: rgba(255,255,255,1.0);
}



@media screen and (min-width:580px) and (max-width:1200px) {

.navbar-default ul {padding-left:20px;background:rgba(255,255,255,1.0);margin-top:50x;margin-left:75%;width:200px;}

}
@media screen and (min-width:180px) and (max-width:580px) {

.navbar-default ul {padding-left:20px;background:rgba(255,255,255,1.0);margin-top:50x;margin-left:10%;width:200px;}

}



@media screen and (min-width:1198px) {

.navbar-default ul ul{z-index:9; position:absolute; width:200px; text-align:left; background:rgba(210,3,3,1.0);}
.navbar-default ul ul {left:0px; top:60; margin:0px;padding:0px;}
.navbar-default ul ul li a {color: #fff;}

.navbar-default .navbar-nav ul > li.active > a,
.navbar-default .navbar-nav ul > li.active:focus > a,
.navbar-default .navbar-nav ul > li.active:hover > a,
.navbar-default .navbar-nav ul > li:hover > a,
.navbar-default .navbar-nav ul > li:focus > a,
.navbar-default .navbar-nav ul > li.active > a:focus,
.navbar-default .navbar-nav ul > li.active:focus > a:focus,
.navbar-default .navbar-nav ul > li.active:hover > a:focus,
.navbar-default .navbar-nav ul > li:hover > a:focus,
.navbar-default .navbar-nav ul > li:focus > a:focus {
  background-color: #d20303;
  color: #000;

}


.navbar-default .navbar-nav > li.active > a,
.navbar-default .navbar-nav > li.active:focus > a,
.navbar-default .navbar-nav > li.active:hover > a,
.navbar-default .navbar-nav > li:hover > a,
.navbar-default .navbar-nav > li:focus > a,
.navbar-default .navbar-nav > li.active > a:focus,
.navbar-default .navbar-nav > li.active:focus > a:focus,
.navbar-default .navbar-nav > li.active:hover > a:focus,
.navbar-default .navbar-nav > li:hover > a:focus,
.navbar-default .navbar-nav > li:focus > a:focus {
  background-color: #d20303;
  color:#fff;
 
}


@media screen and (min-width:1200px) {
nav ul, nav ol{margin:0; padding:0; list-style:none;}
#mainav ul ul{z-index:9; position:absolute; width:160px; text-align:left;padding:20px;
  background: #ff0000;
  border: 0;

}
.navbar-default ul ul li a {padding-left:10px;padding-top:10px;}

.navbar-default li{display:inline-block; position:relative; margin:0; padding:0;}

.navbar-default li:last-child{margin-right:0;}
.navbar-default li li{width:100%; margin:0;}
.navbar-default li a{display:block; padding:10;}
.navbar-default li a:hover {color:#d20303;}

}


@media screen and (min-width:1200px) {
.navbar-default ul.navbar-nav ul{visibility:hidden; opacity:0;}
.navbar-default ul.navbar-nav li:hover > ul{visibility:visible; opacity:1;}
}

}
@media screen and (min-width:1200px) {.navbar-default  {padding-left:100px;}}

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
    background-color: #d20303;
}

/*==============================================================================
        navmobil
==============================================================================*/
.navmobil {
  margin:0px;
  padding:0px;
}
.navmobil li {
  list-style-type:none;
  display: block;

}
.navmobil li a {
  display: block;
}
.navmobil a:link, .navmobil a:visited {
                 font-family: 'Montserrat', sans-serif;
                 font-size: 2em;
                 text-decoration: none;
                 border-color:#d20303;
                 border-width:1px;
                 border-style:solid;
                 background-color:#ffffff;
                 padding-left:10px;
                 padding-right:10px;
                 padding-top: 25px;
                 padding-bottom:5px;
                 margin-right:10px;
                 margin-bottom:10px;
                 }
.navmobil a:hover, .navmobil a:active, .navmobil a:focus {
                 background-color:#d20303;
                 font-weight: normal;
                 text-decoration: none;
                 border-color:#d20303;
                 border-width:1px;
                 border-style:solid;
                 color: #ffffff;
                }

/*==============================================================================
        Footer
==============================================================================*/


#footer {
  padding-top: 10px;
  padding-bottom: 30px;
  color: #ffffff;
  background-color:#636363;
  font-size: 13px;
}
#footer h2       {
                 margin:0px;
                 padding:0px;
                 font-family: 'Montserrat', sans-serif;
                 font-size:2.0em;
                 }
#footer a:link, #footer a:visited {
                 color: #ffffff;
                 font-weight: normal;
                 text-decoration: none;
                 }
#footer a:hover, #footer a:active, #footer a:focus {
                 color: #ffffff;
                 font-weight: normal;
                 text-decoration: none;
                }
/*==============================================================================
        container
==============================================================================*/
.box img {
         display:block;max-width:100%;height:auto;
         border-style: solid;
border-width: 0px;
border-color: #d20303;
}
/*==============================================================================
                 WordPress
==============================================================================*/
.alignright {float:right;margin-left:20px;}
.alignleft {float:left;margin-right:20px;}
.aligncenter {display: block;margin-left: auto;margin-right: auto;}
.size-medium, .size-large {display:block;max-width:100%;height:auto;}
dd.gallery-caption, .wp-caption-text {color:#999999;padding:5px;}
blockquote {background: #EFEFEF; padding-top: 120px;border-left: 10px solid #ccc;margin: 1.5em 10px;padding: 0.5em 10px;quotes: "\201C""\201D""\2018""\2019";}
hr {clear: both;}
/*==============================================================================
                 flexslider-hg
==============================================================================*/
.flexslider-hg.flexslider ul.slides img {height:40%;padding-top:0px;}
.flexslider {margin: 0 0 0px;background: #fff;border: 0px solid #fff;position: relative;zoom: 1;}
.slide-data .flexslider-hg-title, .slide-data p {
color:#636363;
}
.flexslider-hg-title {
                 font-family: 'Montserrat', sans-serif;
                 font-size:2.5em;
                 color:#636363;
				 padding-top:115px;
}
.slide-data p {
color:#d20303;
	padding-top: 120px;
}
.slide-data {
    position: absolute;
    left: 15px;
    right: 15px;
    padding: 7px 10px;
	padding-top: 120px;
    background: rgba(178,223,114,0.7);
}

@media screen and (min-width:180px) and (max-width:1200px) {
.slide-data {visibility:hidden;display:none;}
}
/*==============================================================================
                 PhotoSwipe
==============================================================================*/
.psgal img {
border-style: solid;
border-width: 1px;
border-color: #d20303;
}
/*==============================================================================
        print
==============================================================================*/
.headerabstand {visibility:hidden;display:none;}
@media print {
.noprint {visibility:hidden;display:none;}
.headerabstand {visibility: visible;display: inline;}
.titel {
  color: #d20303;
  font-family: 'Euphoria Script', cursive;
  font-size: 3em;
  margin:0px;
  text-align:right;
}
}
/*==============================================================================
       web / mobil
==============================================================================*/
@media screen and (min-width:180px) and (max-width:1200px) {
.nomobil {visibility:hidden;display:none;}

}
@media screen and (min-width:1200px) {
.noweb {visibility:hidden;display:none;}

}
/*==============================================================================
        Formular
==============================================================================*/
.content label   {
                 background-color:#d20303;
				 color:#ffffff;
                 font-weight:normal;
				 border-radius:5px;
                 }
.content input, textarea {
                 border-style:solid;
                 border-color:#FF0101;
                 border-width:1px;
                 border-radius:5px;
                 background-color:#d20303;
				 border-radius:5px;
                 padding:6px;
                 }
label.halfe      {width:100%;}
input.halfe      {width:90%;margin-right:5px;background-color:#d20303;color:#ffffff;}
textarea.full    {width:95%;margin-right:5px;background-color:#d20303;color:#ffffff;}
input.btn        {
                 background-color:#d20303;
                 color:#fff;
                 padding-left: 20px;
                 padding-right:20px;
                 padding-top:10px;
                 padding-bottom:10px;
                 border-style:solid;
                 border-width:1px;
                 border-color:#000;
                 border-radius:5px;
                 font-weight:bold;
                 }
div.fehler       {
                  background-color:#d20303;
                  color:#fff;
                  padding-left: 20px;
                  padding-right:20px;
                  padding-top:10px;
                  padding-bottom:10px;
                  border-style:solid;
                  border-width:1px;
                  border-color:#000;
                  border-radius:5px;
                  font-weight:bold;
                  width:90%;
                  }
i.icon           {float:left;font-size:2em;margin-right:5px;margin-top:-8px;}

/*==============================================================================
        Dropdown
==============================================================================*/
 /* Dropdown Button */
.dropbtn {
    background-color: #d20303;
    color: white;
    padding: 6px;
    font-size: 16px;
    border: none;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
    position: relative;
    display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
    display: none;
    position: absolute;
    background-color: #eeeeee;
	color:black;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

/* Links inside the dropdown */
.dropdown-content a {
    color: black;
    padding: 5px 5px;
    text-decoration: none;
    display: block;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #fff;}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {display: block;}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {background-color: #d20303;} 
/*==============================================================================
        ENDE
==============================================================================*/