/*
Theme Name: Stenger 2016
Description: stenger.eu - theme.
Version: 1.0
Author: lars rode
Author URI: http://www.comprise.de/
Umsetzung: www.comprise.de
*/

/* global
-------------------------------------------------- */
/* Padding below the footer and lighter body text */

body {padding-bottom: 40px;color: #5a5a5a}
a, a:active, a:focus {outline: none}
h1, .featurette h2, h5 {font-family: "Cinzel", Times, serif; letter-spacing:1px}
.navbar-wrapper .navbar-nav li a, #responsive-menu .responsive-menu li a {font-family: "Arial Narrow", Arial, sans-serif!important; font-size:15px}
.page-template-page-beratung-vertrieb h2,.page-template-page-beratung-vertrieb h3, .woocommerce ul.products li.product h3 {font-family:"Helvetica Neue", Helvetica, Arial, sans-serif!important}
.page-template-page-beratung-vertrieb h2 {color:#fff; background:#cc2027; font-size:16px; min-height:41px; line-height:41px; padding:0 30px; text-transform:uppercase; font-weight:bold}
.page-template-page-beratung-vertrieb h3 {font-size:18px; font-weight:bold}
.vertical-middle {display: inline-block;vertical-align: middle}
.media-left, .alignleft {float:left}
.media-right, .alignright {float: right}
.ma-top-40 	{margin-top: 40px}
.ma-top-20 	{margin-top: 20px}
.ma-top-10 	{margin-top: 10px}
.ma-bo-30 	{margin-bottom: 30px}
.pa_bo_60   {padding-bottom:60px}
.pa_bo_30   {padding-bottom:30px}
.pa-top-30  {padding-top:30px}
.pa-top-15  {padding-top:15px}
.li-he-93	{line-height:53px!important}
.caret {display:none}
.woocommerce dl {border-bottom: 1px dotted rgba(0,0,0,.1);}
.woocommerce dt {float: left; clear: left;width: 170px;font-weight: bold; border-right:1px solid #999494}
.woocommerce dd {margin: 0 0 0 170px}
.woocommerce dt, .woocommerce dd {background: url('images/hg-table-row.gif'); padding:7px 20px; border-top: 1px dotted rgba(0,0,0,.1);}
.woocommerce dt:nth-child(4n+1), .woocommerce dt:nth-child(4n+1) + dd {background: #fff}
.hg-beige {background:#eed8be url('images/hg-beige.gif')}
.hg-soft-grey {background:url('images/hg-soft-grey.gif')}
.page-template-page-beratung-vertrieb .hg-beige, .page-template-page-beratung-vertrieb .hg-soft-grey {min-height:255px; padding:25px}
hr.red-line {clear:both; background-color: #cc1b0f;height: 5px; margin:30px 0}
#social_btn {display:none}
.clear {clear:both}
.fl-left {float:left}
video {width: 100%    !important;height: auto   !important}
/* absolute
-------------------------------------------------- */
.absolute {position:absolute}

/* header
-------------------------------------------------- */

/* Special class on .container surrounding .navbar, used for positioning it into place. */
.navbar-wrapper {position: absolute;top: 0;right: 0;left: 0;z-index: 20;height:110px; overflow:visible}
/* Flip around the padding for proper display in narrow viewports */
.navbar-wrapper > .container {padding-right: 0;padding-left: 0;position:relative}
.navbar-wrapper .navbar {padding-right: 15px;padding-left: 15px}
.navbar-brand {background:url('images/stenger-logo.png') no-repeat; margin:-33px 26px 0 120px; text-indent:-99999px; width:175px; height:108px}
.navbar-inverse {background:#fff url('images/hg-blue-55.gif') repeat-x; max-height:110px}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {border:0}
.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
    background:#fff url('images/hg-subnavi.png');
    color: #1f3659;
}
.navbar .container {background:url('images/hg-stenger-logo.jpg') no-repeat; padding:55px 0 0 0}
.navbar-wrapper .form-control {color: #555555;background-color: #efefef;border: 0}
.dropdown-menu {background:url('images/hg-subnavi.png'); border:1px solid #b5b5bb; padding:0 16px}
.dropdown-menu li {text-transform:uppercase}
.dropdown-menu li a {color:#1f3659; font-weight:bold; padding:7px 0; border-bottom:1px dotted #b5b5bb}
.dropdown-menu li:last-child a {border-bottom:0}
.dropdown-menu li a:hover, .dropdown-menu li a:focus {background:none}
.dropdown-menu  .active a:hover, .dropdown-menu .active a:focus,
.navbar-inverse .navbar-nav li a:hover, .navbar-inverse .navbar-nav li a:focus,
.navbar-inverse .navbar-nav .active a, .navbar-inverse .navbar-nav .active a:hover, .navbar-inverse .navbar-nav .active a:focus {
    color: #9a1e1d; text-decoration: none;outline: 0; background:none}
.dropdown-menu .active a {background:none; color:red}

.dropdown-submenu {position:relative}
.dropdown-submenu>.dropdown-menu {
	display:none!important;
    top:0;
    left:100%;
    margin-top:-6px;
    margin-left:-1px;
    -webkit-border-radius:0 6px 6px 6px;
    -moz-border-radius:0 6px 6px 6px;
    border-radius:0 6px 6px 6px;
}
.dropdown-submenu:hover>.dropdown-menu {
    display:block!important;
}
/*.dropdown-submenu>a:after {
    display:block;
    content:" ";
    float:right;
    width:0;
    height:0;
    border-color:transparent;
    border-style:solid;
    border-width:5px 0 5px 5px;
    border-left-color:#cccccc;
    margin-top:5px;
    margin-right:-10px;
}
.dropdown-submenu:hover>a:after {
    border-left-color:#ffffff;
}*/
.dropdown-submenu.pull-left {
    float:none!important;
}
.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;
}


#qtranslate-4-chooser {position: absolute; top: 14px;  right: 34px; display:none}
#qtranslate-4-chooser li {float: left; margin: 5px 5px 0 0; list-style:none}

.head {background:#ece6e1 url('images/hg-head.gif')}
.home .head {margin-bottom:50px}
.r_head {margin-top:110px}
.woocommerce-page .r_head {background:url('../../uploads/2016/04/stenger-produkte-header.jpg') no-repeat center center; height:254px}
.height_254		{height: 254px}
.height_220 	{height: 220px}
.height_120 	{height: 120px}

.bigline h1 {text-transform:uppercase; font-size:38px; line-height:42px; letter-spacing: 2px; padding-left:40px}

/* breadcrumb
-------------------------------------------------- */

.breadcrumb {margin-bottom: 0px;background-color: #fff;border-radius: 0; padding:8px 5px}

/* marketing
-------------------------------------------------- */

/* Center align the text within the three columns below the carousel */
.marketing .col-lg-3, .marketing .col-lg-4 {margin-bottom: 20px;text-align: center}
.marketing .col-lg-3 p  {text-align: left;padding:0 15px}
.marketing h2.beige, .woocommerce .product-category h3 { font-weight: normal;line-height:108px;display: inline-block;vertical-align: middle;float: none;margin:0;width:100%; height:108px;background:#eed8be url('images/hg-beige.gif'); color:#1f3659}


/* featured
------------------------- */

.hist-row .container {position:relative}

.featurette {padding-top:28px}
	.bg_1928 .featurette {padding-top:0}

.featurette-divider {margin: 80px 0; /* Space out the Bootstrap <hr> more */}

.featurette-heading, .featurette .btn {text-transform:uppercase}

.featurette .btn {color: #5a5a5a; background-color: #fff;border-color: #5a5a5a}
.featurette .btn:focus,
.featurette .btn.focus {color: #333333;background-color: #e6e6e6;border-color: #8c8c8c}
.featurette .btn:hover {color: #333333;background-color: #e6e6e6;border-color: #adadad}
.featurette-heading {font-weight: 300;line-height: 1;letter-spacing: 0;font-size: 20px}
.featurette-heading span {font-size: larger}
.featurette .absolute {z-index:1}
.timeline .absolute {z-index:0}
.timeline .col-text {z-index:1}

.year, .year-small {font-family: "Cinzel", Times, serif;background: white;border:2px solid #951e1b;border-radius:50%;color: #6f6e6e;display:table; font-weight: bold; position:relative; z-index:2} 
.year {font-size: 22px;width: 102px;  height: 102px; margin-top:20px}
.year span, .year-small span {display:table-cell;vertical-align:middle;text-align:center}
.year span {height:100px;width:100px;}
.year-small {font-size: 26px; height: 62px;width: 62px;margin:-20px 0 0 25px}
.year-small span {height:62px;width:62px;text-align:center}

.keks.start {margin-top:220px;animation: keks; animation-duration: 4s; animation-iteration-count: 9; animation-direction: alternate; animation-timing-function: ease-out; animation-fill-mode: forwards; animation-delay: 2s;}
@keyframes keks {
  0% {margin-top:220px}
  100% {margin-top:270px}
}

.bo-2-top.start {margin-top:0px;animation:bo-2-top; animation-duration: 10s; animation-iteration-count: 1; animation-direction: alternate; animation-timing-function: ease-out; animation-fill-mode: forwards; animation-delay: 2s}
@keyframes bo-2-top {
  0% {margin-top:220px}
  100% {margin-top:0px}
}

.navbar-right .btn-s {
  color: #213e68;
  background-color: #fff;
    display: inline-block;
	float:left;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 0;
    white-space: nowrap;
    padding: 3px 8px;
    font-size: 20px;
    
    border-radius: 4px;
}
input, button, select, textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}

.shadow-divider, .shadow-divider-2 {
	 height: 24px; 
	 border: 0; 
	 box-shadow: inset 0 24px 24px -24px #c8c6c6; 
	 margin:0; padding:0;
}

.shadow-divider-2 {
box-shadow: inset 0px -24px 24px -24px #c8c6c6; 
}

.shadow-box,.shadow-box-0 {
-webkit-box-shadow: inset 0px 24px 24px -24px #c8c6c6;
-moz-box-shadow: inset 0px 24px 24px -24px #c8c6c6;
box-shadow: inset 0px 24px 24px -24px #c8c6c6;
margin:0;
}

.shadow-box-unten {	 
-webkit-box-shadow: inset 0px -24px 24px -24px #c8c6c6;
-moz-box-shadow: inset 0px -24px 24px -24px #c8c6c6;
box-shadow: inset 0px -24px 24px -24px #c8c6c6;
}


/* Inhalte
------------------------- */

.single-format-standard .container .row, 
.category .container .row, .search .container .row {padding:50px}
.equalheight {display: table;height: 100%;/* fix overflow */table-layout: fixed}
.equal {display: table-cell; float: none ;height: 100%}
.entry h2 {font-size: 28px;line-height: 23px; margin-bottom:20px}
.entry p {font-size: 18px;line-height: 23px; margin-bottom:20px}
.entry img {margin-bottom:20px}

/* hintergrundgrafiken
------------------------- */
.bg_1950 {background: url('../../uploads/2016/04/hg-hist-1950.jpg') no-repeat center bottom;}
.bg_1955  {min-height:300px}
.bg_1960 {}
.bg_1970, .bg_1971 .row-image, .bg_1990 {min-height:328px}
.bg_1972 {background: url('../../uploads/2016/04/hg-hist-1972.jpg') no-repeat center bottom}
.bg_1980 {background: url('../../uploads/2016/04/hg-hist-1980.jpg') no-repeat center bottom; min-height:328px}
.bg_2012 {background: url('../../uploads/2016/04/hg-hist-2012.jpg') no-repeat center top; min-height:768px}

/* wooohooo
------------------------ */
.woocommerce .head h1 {font-size:38px; line-height:40px}
ul.products li.product, .woocommerce-page ul.products li.product {min-height:350px;border: 4px solid #f1f1f1; padding:0!important;text-align:center;
-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;
-webkit-box-shadow: 0px 10px 34px -27px rgba(0,0,0,0.8);-moz-box-shadow: 0px 10px 34px -27px rgba(0,0,0,0.8);box-shadow: 0px 10px 34px -27px rgba(0,0,0,0.8);
}
.woocommerce-page ul.products li.type-product {min-height:380px;padding:0 0 10px 0!important}
.woocommerce ul.products li.product h3 {font-size: 14px!important; font-weight:bold; width:80%; margin:0 auto!important; display:block}
	.woocommerce.term-leh ul.products li.product h3, 
	.woocommerce.term-grossverbraucher ul.products li.product h3, 
	.woocommerce.term-stenger-waffelsortiment ul.products li.product h3,
	.woocommerce.term-eisdielen-gastronomie  ul.products li.product h3 {font-size: 22px!important; line-height: 28px; width:100%; padding-top:40px}
.woocommerce .marketing .col-lg-4 p  {text-align: center;padding:0 25px}
.woocommerce .marketing .red-arrow, .page-template-eltern .marketing .red-arrow {background:url('images/red-arrow.png') no-repeat top center; padding-top:120px}
.woocommerce .marketing h2 {text-transform:uppercase; color:#1e375a; font-size:22px}
/*.woocommerce .product .upsells, .woocommerce .product .related {clear:both}*/
.woocommerce #tab-description h2 {margin:0}
.woocommerce .product .images img {border:2px solid #f1f1f1; -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;}
.woocommerce ul.products li.product-category a img {padding:0!important; margin:0!important}
.woocommerce .term-description {margin-bottom:30px}

/* Footer
------------------------- */
#foot {padding-top:62px}
#foot .vertical-middle-77 {line-height:77px}
#foot .vertical-middle-50 {line-height:45px}
#foot .navbar-nav {float:none}

/* RESPONSIVE CSS
--------------------------------------------------*/



@media (max-width: 960px) {
.col-xs-12 img, .row-image .absolute {position:relative; margin: 0 auto;text-align: center;display: block}
}

@media (max-width: 767px) {
/*.navbar-nav, .navbar-form {background:#1f3659; margin:0}
.navbar-inverse .navbar-nav > li {padding:1em}
.navbar-inverse .navbar-nav > li > a {color: #fff}
.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {color: #fff; background-color: transparent}
.navbar-wrapper .navbar {padding:0}
.navbar-header {padding-right:15px}
.navbar-form .form-group {width: 80%; margin: 0 auto}
.navbar-right .btn-s {margin-left:1em}*/
.container {padding: 0 20px}
  .featurette {background-image:none!important}
  .year, .year-small {margin: 2em auto 1em auto}
  .img-responsive, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img {
	  width:100%
  }
  
}

@media (max-width: 479px) {
  .featurette {text-align:center}
}


@media (min-width: 768px) {
  /* Navbar positioning foo */
  .navbar-wrapper {margin-top: 0px}
  .navbar-wrapper .container {padding-right: 15px;padding-left: 15px; position:relative}
  .navbar-wrapper .navbar {padding-right: 0;padding-left: 0}
  /* The navbar becomes detached from the top, so we round the corners */
  .navbar-wrapper .navbar {border-radius: 0px}
  .page-template-page-beratung-vertrieb h2 {height:41px;}
  .col-sm-6 {padding: 0 15px}
  .timeline {background:url(images/hg-timeline.png) repeat-y 60px;}
  .img-285 img {max-width:285px}
  .post .entry {background:url('images/hg-post.jpg') no-repeat 0 0; padding-left:60px; min-height: 560px}
  #foot .col-md-12 li {width:20%; list-style:none}
  #foot .col-md-12 li a { text-align:center}
#foot .col-md-12 li ul {margin:0; padding:0}
#foot .col-md-12 li ul li {text-align:center; width:100%}
}

@media (min-width: 998px) {
/*.navbar-form .input-group > .form-control {min-width:190px}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form{float:left}*/
.height_630 	{height: 630px}
.height_620 	{height: 620px}
.height_600 	{height: 600px}
.height_510 	{height: 510px}
.height_490 	{height: 490px}
.height_450 	{height: 450px}
.height_420 	{height: 420px}
.height_400 	{height: 400px}
.height_380 	{height: 380px}
.height_365 	{height: 365px}
.height_340 	{height: 340px}
.height_330 	{height: 330px}
.height_300 	{height: 300px}

.top-0 {top:0}
.top-30 {top:30px}
.top-50 {top:50px}
.bottom-0 {bottom:0}
.left-0 {left:0}
.left-m-150 {left:-150px}
.left-m-140 {left:-140px}
.left-m-132 {left:-132px}
.left-m-170 {left:-170px}
.right-0 {right:0}
.right-50 {right:50px}
.right-m-50 {right:-50px}
.right-m-100 {right:-100px}

.ma-top-340 	{margin-top: 340px}
.ma-top-320 	{margin-top: 320px}
.ma-top-310 	{margin-top: 310px}
.ma-top-95 		{margin-top: 95px}
.ma-top-90 		{margin-top: 90px}
.ma-top-65 		{margin-top: 65px}
.ma-top-60 		{margin-top: 60px}
.ma-top-50 		{margin-top: 50px}
.ma-left-300	{margin-left:300px}
.ma-left-260	{margin-left:260px}
.ma-left-84		{margin-left:84px}
.ma-left-50		{margin-left:50px}
.ma-left-30		{margin-left:30px}
.ma-left-20		{margin-left:20px}
.ma-right-20	{margin-right:20px}
.ma-left-m-30	{margin-left:-30px}
.ma-left-m-20	{margin-left:-20px}
.ma-left-m-10	{margin-left:-10px}

.ma-top-min-10 {margin-top:-10px}

.pa-left-75	{padding-left:75px}

.page-id-58 .bigline {margin-left:330px}

.marketing .col-lg-3 {padding:0 11px 0 15px}
.marketing .btn-default {position: absolute; bottom: 20px; right: 20px;}
	.woocommerce .marketing .btn-default {position:absolute; left:0; right:0; width:195px; margin:0 auto; text-transform:uppercase}
	.woocommerce div.product .woocommerce-tabs, .woocommerce-page div.product .woocommerce-tabs, .woocommerce .product .upsells, .woocommerce .product .related {float: right; width: 48%; clear:none!important}
	.woocommerce .product ul.products li.product, .woocommerce-page .product ul.products li.product {width: 45.05%!important}
	.woocommerce .red-arrow img {width:80%}
.marketing .vert_trenner, .marketing .vert_trenner_right, .news .vert_trenner, .news .vert_trenner_right  {background:url('images/trennlinie-vertikal.gif') no-repeat 0 60px}
.marketing .vert_trenner_right, .news .vert_trenner_right {background-position:right 60px}

.woocommerce .marketing .vert_trenner {background-position:left 160px}
.woocommerce .marketing .vert_trenner_right {background-position:right 160px}

.page-template-eltern  .marketing .vert_trenner {background-position:left 100px}
.page-template-eltern  .marketing .vert_trenner_right { background-position:right 100px}

.featurette-heading {margin-bottom:32px}
.featurette {overflow:hidden}

.r_st img {margin-top:-40px}

.row-image {padding-bottom:30px}

/*#menu-primary li.dropdown:hover ul {display: block;}*/ 
.prod_start {background:url('../../uploads/2016/04/stenger-produkte-hintergrund.jpg') no-repeat bottom right}
.bg_1928 { height:450px; overflow-y: hidden}
.bg_1960 { height:300px}


.page-id-131 .img-285 {padding-left:180px}

.year {animation: pulse; animation-duration: 4s; animation-iteration-count: 9; animation-direction: alternate; animation-timing-function: ease-out; animation-fill-mode: forwards; animation-delay: 2s;}
@keyframes pulse {
  0% {margin-top:20px; font-size:22px}
  100% {margin-top:50px; font-size:36px}
}
}


@media (min-width: 1024px) {
#social_btn  {position: fixed;top: 200px; left:0; z-index:999; padding:0; display:block}
#social_btn li {margin:0; padding-left:0px; transition: padding-left 1s ease-in-out; display:block; list-style:none}
#social_btn li:hover {padding-left:20px}
}

@media (max-width: 1200px) {
.navbar-wrapper  .navbar-header {
        float: none;
    }
.navbar-wrapper .navbar-left,.navbar-right {
        float: none !important;
    }
.navbar-wrapper .navbar-right{
        margin-right: 0;
    }
.navbar-wrapper .navbar-toggle {
        display: block;
    }
.navbar-wrapper .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
.navbar-wrapper .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }
.navbar-wrapper .navbar-collapse.collapse {
        display: none!important;
    }
.navbar-wrapper .navbar-nav {
        float: none!important;
        margin-top: 7.5px;
    }
.navbar-wrapper .navbar-nav>ul{
        width:100%;

    }
.navbar-wrapper .navbar-nav>li {
        float: none;
    }
.navbar-wrapper .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
.navbar-wrapper .navbar-nav .open .dropdown-menu {
        position: static;
        float: none;
        width: auto;
        margin-top: 0;
        background-color: transparent;
        border: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }
.navbar-wrapper .collapse.in{
        display:block !important;
    }
.navbar-wrapper .navbar-nav, .navbar-form {background:#1f3659; margin:0}
.navbar-wrapper .navbar-inverse .navbar-nav > li {padding:1em}
.navbar-wrapper .navbar-inverse .navbar-nav > li > a {color: #fff}
.navbar-wrapper .navbar-inverse .navbar-nav > li > a:hover,
.navbar-wrapper .navbar-inverse .navbar-nav > li > a:focus {color: #fff; background-color: transparent}
.navbar-wrapper .navbar-wrapper .navbar {padding:0}
.navbar-wrapper .navbar-header {padding-right:15px}
.navbar-wrapper .navbar-form .form-group {width: 80%; margin: 0 auto}
.navbar-wrapper .navbar-right .btn-s {margin-left:1em}
}
@media (min-width: 1201px) {
.navbar-wrapper .navbar-form .input-group > .form-control {min-width:190px}
.navbar-wrapper .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {float:left}
.navbar-wrapper #menu-primary li.dropdown:hover ul {display: block;} 
.navbar-wrapper #menu-primary li.dropdown li a { font-size:14px; font-weight: bolder; letter-spacing:0.5px} 
.navbar-nav > li.current-page-ancestor > a,
.navbar-nav > li.current-page-parent > a,
.navbar-nav > li.current_page_parent > a,
.navbar-nav > li.current_page_ancestor > a,
.navbar-nav > li.current-menu-parent > a,
.navbar-nav   li.current-menu-item > a,
.navbar-nav   li.current-menu-ancestor > a, 
.navbar-nav > li.current-menu-parent > a,
.navbar-nav   li.current-post-ancestor > a,
.navbar-nav   li.current-product-ancestor a,
.navbar-nav   li.current-product_cat-ancestor a,
.navbar-nav   li.current-product_cat-parent a{color: #9a1e1d}
}