/* -- FONTS ----------------------------------------------------------------- */

/* open-sans-300 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-display: swap;
  font-weight: 300;
  src: url('../../../../../lib/fonts/open-sans/open-sans-v17-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Light'), local('OpenSans-Light'),
       url('../../../../../lib/fonts/open-sans/open-sans-v17-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../../../../lib/fonts/open-sans/open-sans-v17-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../../../../lib/fonts/open-sans/open-sans-v17-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../../../../../lib/fonts/open-sans/open-sans-v17-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../../../../lib/fonts/open-sans/open-sans-v17-latin-300.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url('../../../../../lib/fonts/open-sans/open-sans-v17-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Regular'), local('OpenSans-Regular'),
       url('../../../../../lib/fonts/open-sans/open-sans-v17-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../../../../lib/fonts/open-sans/open-sans-v17-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../../../../lib/fonts/open-sans/open-sans-v17-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../../../../../lib/fonts/open-sans/open-sans-v17-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../../../../lib/fonts/open-sans/open-sans-v17-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* -----------------------------------------------------------------------------
  Farben
----------------------------------------------------------------------------- */

.text-dark{color:#1a242f;}
.text-white{color:#ffffff;}
.text-red{color:#d32028;}
.text-blue{color:#4CA6FF;}
.text-darkblue{color:rgb(52,73,94);}
.text-yellow{color:rgb(243,156,18);}
.bg-main{background-color:rgba(244,245,247,0.9); color:#272727 !important;}
.bg-white{background:#ffffff; color:#272727 !important;}
.bg-red{background:#d32028; color:#ffffff !important;}
.bg-blue{background:#19a9e5; color:#ffffff !important;}
.bg-darkblue{background:rgb(52,73,94); color:#ffffff !important;}
.bg-green{background:#40FF00; color:#ffffff !important;}
.bg-yellow{background:rgb(243,156,18); color:#ffffff !important;}
.bg-invert{background:rgb(65,65,66); color:#ffffff !important;}

.responsive-video {
  position:relative;
  padding-bottom:56.25%;
  padding-top:15px;
  height:0;
  overflow:hidden;
  margin-bottom: 12px;
}

.responsive-video iframe {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
}

img.wallpaper {
  min-height: 100%;
  min-width: 1024px;
  width: 100%;
  height: auto;
  position: fixed;
  top: 0;
  left: 0;
  z-index: -999999;
  opacity: 0.4;
}
*html img.wallpaper{ position:absolute; }

.navbar {
  background: none;
  border: none;
  margin-top: 20px;
}

.menu {
    font-size:14px;
    float:right;
    text-transform:uppercase;
    font-weight:600;
}

.menu ul.nav-tabs li {
    color:#000;
}

/* -- SOCIAL  --------------------------------------------------------------- */

.social {
    padding:3px 0 13px;
    text-transform:uppercase;
    line-height:22px;
    font-size:14px;
}
.social li {
    overflow:hidden;
    display:inline-block;
    vertical-align:top;
  text-align: center;
    margin: 0 7px 0 0;
}
.social li a {
    display:block;
    margin: 0;
  margin-top: 8px;
  padding: 10px;
  background: #396599;
    transition: background-color 0.3s ease-in-out;
    -webkit-transition: background-color 0.3s ease-in-out;
}
.social li.icon1 a {background-position: 0 0;}
.social li.icon2 a {background-position: -32px 0;}
.social li.icon3 a {background-position: -64px 0;}
.social li.icon4 a {background-position: -96px 0;}
.social li.icon5 a {background-position: -127px 0;}
.social li.icon6 a {background-position: -159px 0;}
.social li a:hover {background-color: #31a3dd;}

/* -- NAVIGATION  ----------------------------------------------------------- */

.navbar{background:#fff;  margin-bottom:0;  padding: 0px 0 0px 0;  border-radius:0;}
.navbar .nav{padding-top: 20px;}
.navbar ul li{margin-right:10px;}
.navbar ul li a{color:#505050;  padding:6px 12px;}
.navbar ul > li > a:hover, .navbar ul > li.active > a, .navbar ul > li.open > a:focus{color:#fff;  background:#cd2028;  border-radius:4px;}
.navbar ul li.open ul{background:#fff;  border-radius:3px;  border-bottom-left-radius:0;  border-bottom-right-radius:0;  border-bottom:3px solid #cd2028;  margin-top:7px;}
.navbar ul li.open ul:after{border-color:rgba(255,255,255,0);  border-bottom-color:#fff;  border-width:7px;  margin-left:-7px;}
.navbar ul li.open ul:before{border-color:rgba(221,221,221,0);  border-bottom-color:#ddd;  border-width:8px;  margin-left:-8px;}
.navbar ul li.open ul li a{font-weight:normal;  padding:7px 20px;  font-size:13px;}
.navbar ul li.open .dropdown-menu li a{border-bottom:none;}
.navbar ul li.open .dropdown-menu li:hover a, .navbar ul li.open .dropdown-menu li a:hover{background:#fff;  color:#cd2028;  border-bottom:none;}
.navbar .navbar-toggle { background:#cd2028;  color:#fff;  margin-top:17px; }
.navbar .navbar-toggle .icon-bar { background:#fff; }

.logo { margin-top: 8px; margin-left: 16px; }

/* -----------------------------------------------------------------------------
  Style
----------------------------------------------------------------------------- */

body {
  font-family: 'Open Sans', sans-serif;
}

a {
  color: #d32028;
  text-decoration: none;
}
a:hover,
a:focus {
  color: #000;
  text-decoration: underline;
}
a:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

h1 { font-size: 32px; }

header {
  /* background-color: #466386; */
  background: #fff;
  padding-top: 0px;
  box-shadow: 0 3px 2px rgba(0,0,0,0.1);
  margin-bottom: 40px;
}

header .container {
  padding: 0px;
  padding-bottom: 16px;
}

#wrapper {
  min-height: 400px;
}

div.footer {
  background: #4f81bd;
  color: #efefef;
  font-size: 14px;
}

div.footer a {
  color: #efefef;
}

div.footer .footer-inner {
  padding-top: 10px;
}
div.footer h4 {
  color: #fff;
  border-bottom: 1px dotted #efefef;
  padding-bottom: 3px;
}
div.footer .copyright {
  padding: 5px;
}

div.footer .copyright,
div.footer .copyright a,
div.footer .copyright a:active,
div.footer .copyright a:visited,
{
  color: #ddd;
  font-size: 12px;
}

.portfolio-item { margin-bottom: 15px; }

.produkt-bestellen {}
.produkt-bestellen .produkt-bild { margin: 15px 0 15px 0; }
.produkt-bestellen .produkt-preis { line-height: 27px; font-size: 29px; color: #ff1c32; margin-top: 50px;}

.row.equalheights {
  overflow: hidden;
}
.row.equalheights > [class*="col-"]{
  margin-bottom: -99999px;
  padding-bottom: 99999px;
}

ul.cart-nav { padding-top: 10px !Important; }
ul.cart-nav li a { padding: 4px 6px; vertical-align: top; }
ul.cart-nav li a i { color: #fff; font-size: 20px; }

.se-cont .row { padding-top: 0; padding-bottom: 0; }
.se-section .se-cont { margin-top: 0; margin-bottom: 0; }

#section_text-bild-Bild-Text-Video-rechts-2f5b1bfc0d3be5cdf5016f0653668888_1 { }
#section_text-bild-Bild-Text-Video-rechts-2f5b1bfc0d3be5cdf5016f0653668888_1 * .top-text { background: rgba(38,102,199,0.3); padding-bottom: 20px; }
#section_text-bild-Bild-Text-Video-rechts-2f5b1bfc0d3be5cdf5016f0653668888_1 * .top-text h1 { color: #fff; }

/* -----------------------------------------------------------------------------
  MEDIA-QUERIES
----------------------------------------------------------------------------- */

@media only screen and (min-width : 768px) {
    /* Make Navigation Toggle on Desktop Hover */
    .dropdown:hover .dropdown-menu {
        display: block;
    }
}

/* Large desktop */
@media (min-width: 1200px) {

}

/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {

}

/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
  header .container { padding: 20px; }
  .footer * { text-align: center; }
}

/* Landscape phones and down */
@media (max-width: 480px) {
  header .container { padding: 20px; }
  .footer * { text-align: center; }
}