@charset "utf-8";
/* CSS Document */

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

} 

@media (min-width: 992px) and (max-width: 1199px) {

/*============ home start ==============*/
.navbar-inverse { padding:0px;}
.services_block h2,
.services_block h3{ text-align:center;}
.services_block .services_image{ padding-bottom:10px;}
.enjoy_box h2{font-size:20px; }
.navbar-nav li .submenu .menu-title{ width:42%;} 
.navbar-nav li .submenu .menu-icon{ width:58%; }
/*============ home End ==============*/

/*================= blog start ===============*/
.blog_page{ padding:20px;}
.home_wapper{ padding-top:20px;}
.home_slider{ padding:0 20px 0;  /*padding:0 20px 35px;*/ }

.inner-top h1,
.inner-top h3{ font-size:40px;}
.inner-main{ padding:20px 5px; }
/*================= blog End ===============*/

/*================= sortiment start ===============*/
.sortiment-block .sortiment-text .text { padding-top:170px;}
.header_social a{ margin:0 5px; }
/*================= sortiment End ===============*/



.no-pad-table{ padding:0px 5px;  } 

}

@media (max-width:1023px) {
.header_top:after { /*display:none;*/}
.right_button { display:none;}
.main_wapper { margin-left:0px;}
.header_wapper.sticky { margin-left:0px;}
.header_social a{ margin:0 5px; }
}


@media (max-width:1024px) {
    .navbar-header {
        float: none;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin-top: 7.5px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .collapse.in{
        display:block !important;
    }
	.header_top .navbar-header .hidden-lg.hidden-md.hidden-sm { display:inline-block !important; float:right;}
	.header_social .social_sub { display:none;}
	.header_social .share_link { display:block !important;}
	.social_sub.active{ display:block; padding:4px 15px; position:absolute; right:0px; top:64px; background:#0033cc; }
	.header_social .social_sub a {
    padding: 0 5px;
    }
	.navbar-collapse { border:none !important;}
	.navbar-collapse .search_header,
.navbar-collapse .header_social { display:none !important;}

.navbar-inverse .navbar-nav > li > a {
 background: url(../images/header-bg.png) repeat-x center bottom !important;
 
}
}


@media (max-width: 760px) {
    body {
        background: none !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {

/*============ landing start ==============*/
.landing_wapper_sub{ border-width:20px;}
/*============ landing End ==============*/

/*============ home start ==============*/
.services_block h2,
.services_block h3{ text-align:center;}
.services_block .services_image{ padding-bottom:10px;}
.contain_border_div{ border-width:20px;}
.footer-block{ padding:10px 20px;}
.footer-block{ padding:10px 20px;}
.enjoy_box h2{font-size:16px; }
.right_button{ margin-left:20px;}
.navbar-inverse .navbar-nav > li > a{ min-width:100px;}
.social_sub{ display:none;}
.social_sub.active{ display:block; padding:4px 15px; position:absolute; right:0px; top:64px; background:#0033cc; }
.header_social .social_sub a{ padding:0 5px;}
.footer-right{ padding-left:30px;}
/*============ home End ==============*/

/*=============== vertrieb_page_wapper ===================*/
.vertrieb_head h1,
.vertrieb_head h2{ font-size:34px;}
.vertrieb_block h3{ font-size:22px;}
.map_details{ padding:0px 0 20px;}
.map_details h6{ padding-top:20px;}
/*=============== vertrieb_page_wapper ===================*/

/*================= blog start ===============*/
.blog_page h1{ font-size:40px}
.blog_page{ padding:15px;}
.home_wapper{ padding-top:15px;}
.home_slider{ padding:0 15px 0;}
.home_slider h5 a {margin: 20px 0 0 0; }
.inner-top h1,
.inner-top h3{ font-size:40px;}
.inner-main{ padding:15px 0px; }
.small-text h1{ font-size:40px;}
/*================= blog End ===============*/

/*================= sortiment start ===============*/
.sortiment-block .sortiment-text .text { padding-top:140px;}
/*================= sortiment End ===============*/


.search_header{ margin-left:7px; }
.auszeichnungen-block-2 .year h2{ font-size:35px; }
.no-pad-table{ padding:0px 0px;  }
}

@media (max-width: 767px) {
    #header
    {
        height: 162px;
    }
.header_top:after { display:none;}
.pagination{ left:0;}
/*============ landing start ==============*/
.landing_wapper_sub{ border-width:15px;}
.landing_contain h1,
.landing_contain h2{ font-size:32px;  letter-spacing:-0.5px; line-height:normal;}
.landing_link a{ min-width:160px;}
.landing_wapper_sub{ position:static; transform:none !important; -webkit-transform:none !important; float:left; max-width:96%; margin-left:2%; margin-right:2%; margin-top:100px; margin-bottom:50px;}
.landing_contain{ position:relative; padding:60px 15px;}
.landing_wapper{ overflow:auto;}
/*============ landing End ==============*/

/*============ home start ==============*/
.services_block h2,
.services_block h3{ text-align:center;}
.services_block .services_image{ padding-bottom:10px;}
.services_block{ padding:30px 0; }
.contain_border_div{ border-width:15px;}
.footer-block{ padding:10px 15px;}
.home_block{ padding:20px 0;}
.right_button{ margin:0; display:none; position:relative;  }
.social_sub{ display:none;}
.social_sub.active{ z-index:10; display:block; padding:4px 15px; position:absolute; right:0px; top:64px; background:#0033cc; }
.header_social .social_sub a{ padding:0 5px; margin: 0 4px;}
.search_header{ float:right;}
.share_link  a{ margin:0 10px;}
#navbar  .search_header{ display:none;}
#navbar  .header_social{ display:none;}
#navbar{ float:left; width:100%; margin:-20px 0 0 0; border:0PX; box-shadow:none;}
.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > li > a:hover{ background:#000066;}
.navbar-inverse .navbar-nav > li > a, 
.navbar-inverse .navbar-nav > .active > a:hover, 
.navbar-inverse .navbar-nav > .active > a:focus{ background:#0033cc;}
.navbar-nav li .submenu{ position:relative;   width:100%; display:none; margin:0px; top:0px;}
.navbar-nav li:hover .submenu{ display:inline-block;}
.navbar-nav li .submenu .menu-title{ padding:0px; width:100%; height:auto;}
.navbar-nav li .submenu .menu-title h3{ font-size:20px; height:auto; text-align:center; width:100%; display:inline-block;}
.navbar-nav li .submenu .menu-icon{ width:100%; padding:15px 0; text-align:center;}
.navbar-nav li .submenu .menu-icon li { max-width:32.5%; min-width:0px; display:inline-block; float:none; vertical-align:top; padding:10px 4px;}
.navbar-nav li .submenu .menu-icon li:nth-child(2){ padding:10px 4px; min-width:0px;}
.navbar-nav li .submenu .menu-icon li a{ font-size:12px;}
.navbar-nav li .submenu .menu-title::after{ display:none;}
.footer-right{ padding:30px 0 0; margin:30px 0 0 0; text-align:center;}
.footer-right:before{ display:none;} 
.footer-left .f-logo a{ margin-top:0px;}
.footer-right:after{ display:block;}

.search_bar{ top:80px; z-index:100;}
.navbar-inverse{ padding:0px;}
.home_slider{ padding:0 15px 0;}
.home_slider h5 a {margin: 20px 0 0 0; }
.home_wapper{ padding:15px 0 0 0;}
.enjoy_block{ padding:0 15px; }
.home_slider h5{ font-size:19px;}
/*============ home End  ==============*/ 

/*=============== vertrieb_page_wapper ===================*/
.vertrieb_head h1,
.vertrieb_head h2{ font-size:24px;}
.vertrieb_block h3{ font-size:22px; padding-bottom:10px;}
.map_details{ padding:0px 0 20px;}
.map_details h6{ padding-top:20px;}
.vertrieb_map iframe{ height:200px;}
.vertrieb_page_wapper{ padding:15px;}
/*=============== vertrieb_page_wapper ===================*/

/*================= blog start ===============*/
.blog_page h1{ font-size:36px}
.blog_page{ padding:15px;}
.home_wapper{ padding-top:15px;}
.home_slider{ padding:0 15px 0;}
.sidebar{ padding:50px 0 0 0;}
.blog_box h2{ font-size:20px;}

.inner-top h1,
.inner-top h3{ font-size:24px; line-height:normal;}
.inner-main{ padding:15px 0px; }
.sitemap-block h4{ font-size:22px; line-height:normal;}
.inner-top h5{ font-size:18px; line-height:normal;}
.impressum-block .impressum-text h3{ font-size:24px; line-height:normal;}
.impressum-block .impressum-text h6{ font-size:20px; line-height:normal;}
.impressum-block .impressum-text p,
.kontakt-block .kontakt-text p,
.inner-bottom .inner-text p { font-size:13px; line-height:normal;}
.kontakt-block .kontakt-title h4,
.boxx-block .inner-text h4,
.engagement_blk h4,
.engagement_blk h5,
.vertrieb_map_block h2,
.vertrieb_map_block h3,
.brauprozess-block .brauprozess-text h3{ font-size:22px; line-height:normal;}
.table_block tr th{ display:none;}
.table_block tr.black-line{ border:0px;}
.table_block tr{ border:#000 solid 1px !important; text-align:center; display:inline-block; width:100%; margin:10px 0;}
.table_block tr td,
.table_block tr td:first-child{ display:inline-block; width:100%; text-align:center;}
.inner-bottom .inner-menu{ margin-bottom:20px;}
.small-text h1{ font-size:30px;}
.specials-block .specials-box h3 { font-size:24px; line-height:30px;}
.specials-block .specials-box h5 { font-size:22px; line-height:30px;}
.auszeichnungen-block-2 .year h2 { font-size:34px; line-height:34px;}
.auszeichnungen-block-2 .inner-text h5 { font-size:24px; line-height:30px;}

.philosophie-block h3,
.philosophie-block h4{ line-height:normal; font-size:18px ; margin-bottom:20px;}
/*================= blog End ===============*/

/*================= sortiment start ===============*/
.sortiment-block { padding-top:30px;}
.sortiment-block .col-md-10.center-block { position:relative;}
.sortiment-block .sortiment-image .image:after {
	content:"";
	position:absolute;
	top:0px;
	bottom:0px;
	left:-15px;
	right:-15px;
	z-index:1;
background:-moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.8) 42%, rgba(255,255,255,0.8) 100%);
background:-webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 42%,rgba(255,255,255,0.8) 100%);
background:linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 42%,rgba(255,255,255,0.8) 100%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ccffffff',GradientType=0 );
}
.sortiment-block .sortiment-image .image img { margin-top:0px;}
.sortiment-block .sortiment-text {
	width:100%;
	position:absolute;
	top:50%;
	left:0px;
	z-index:10;
	transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
}
.sortiment-block .sortiment-text .text {
	width:100%;
	text-align:center;
	padding:0px;
}
.sortiment-block .sortiment-text .text h3 { font-size:24px; line-height:30px;}
.sortiment-block .sortiment-text .text h5 { font-size:22px; line-height:30px;}
.sortiment-block-bottom .cat_listing ul li{ width:100%;}
/*================= sortiment End ===============*/
.search_header{ margin-left:0px; }
.header_wapper{ padding:78px 0 0 0; }
.social_sub{ width:100%;   text-align:center; }
.header_social .social_sub a { float:none; display:inline-block; }

.contain_border_div{ background:rgba(255,255,255,0.6);}
.no-pad-table{ padding:0px 0px;  } 
.septore{ width:75%; margin:0 auto !important; }
.row .septore{ width:75% !important; }
.home_slider h5{ padding:10px 0; }
}

@media (min-width: 568px) and (max-width: 767px) {
.home_slider h5 a {margin: 20px 0 0 0; }

.p_element	{ width: 100%; overflow: hidden; padding: 0 0 0 0 !important; margin-left: 0 !important; display: block; }
.p_element_right { width: 100%; overflow: hidden; padding: 0 0 0 0 !important; margin-left: 0 !important; display: block; }


}

@media (min-width: 240px) and (max-width: 567px) {
.p_element	{ width: 100%; overflow: hidden; padding: 0 0 0 0 !important; margin-left: 0 !important; display: block; }
.p_element_right { width: 100%; overflow: hidden; padding: 0 0 0 0 !important; margin-left: 0 !important; display: block; }
	
    #header
    {
        height: 132px;
    }

/*============ landing start ==============*/
.landing_contain h1,
.landing_contain h2{ font-size:19px; letter-spacing:-0.5px; line-height:normal;}
.landing_link a{ min-width:201px; margin-top:10PX;}
/*============ landing End ==============*/

/*============ home start ==============*/
.footer-left .f-box{ width:100%; display:inline-block; text-align:center; padding:15px ;}
.input-search{ padding-left:0px;}
.captcha-text{ display:inline-block; width:100%; padding:10px 0;}
/*============ home End ==============*/
.home_slider h5 a {margin: 20px 0 0 0; }

.footer-left .f-logo{ margin-top:14px; }
.search_bar.active{ top:65px; left:0px; }
.search_icon.animate,
.header_social.animate{ margin-top:0px; opacity:1; visibility:visible; }
.my_class_div .share-this {width:100%; float:right; padding:19px 0 0 0;  }
.social_sub.active{ padding:15px 15px; }
.header_social .social_sub a{ padding:0px; margin:0 7px; font-size:22px; }
.search_bar{ border:0px; }
.logo{ padding:0px; margin-top:-50px; } 
.header_wapper{ padding-top:58px;  }
.f-map { margin: 0 auto; }
.septore .line { background: url(../images/trenner.png) no-repeat 51% center !important; }
}

@media (max-width: 767px) {
.p_element	{ width: 100%; overflow: hidden; padding: 0 0 0 0 !important; margin-left: 0 !important; display: block; }
.p_element_right { width: 100%; overflow: hidden; padding: 0 0 0 0 !important; margin-left: 0 !important; display: block; }
	
    .header_wapper.sticky
    {
        position: relative !important;
    }
}