@media print {
  a[href]:after {
    content: none;
  }
}


/* MAIN
-------------------------------------------------- */
body,
html 														{ height: 100%; font-size: 14px; }
body														{ font-family: "Lato"; font-weight: 400; color: rgba(62, 61, 64, 0.8); font-size: 14px; line-height: 22px; }
.invisible													{ display: none; }
*:focus 													{ outline: none; }

/*Responsive Images*/
ul.instagramInner img,		
.ce_text .image_container img,
.ce_gallery .image_container img,
.mod_newslist .layout_latest .image_container img			{  }
div.noResp img { width: auto !important; }
.noResp .image_container.float_right { float:right; }
.noResp .image_container.float_left { float:left; }
.twoCol main { margin-bottom: 100px;}

.img-responsive img {
    display: block;
    max-width: 100%;
    height: auto;
}


/* MAIN / Layout
-------------------------------------------------- */
h1, h2, h3, h4, h5, h6                                      { margin: 0; padding: 0; }
.more a, a													{ color: rgba(139, 85, 7, 1); }
h2 															{ font-family: "Times New Roman"; font-style: italic; font-size: 30px; }



/* Header
-------------------------------------------------- */
.logoWrapper 												{ text-align: center; position: relative; margin-bottom: 50px; }
.logoWrapperInner .img-responsive							{ display: inline-block; }
.logoWrapperInner											{ display: inline-block; background: rgba(255, 255, 255, 1); padding: 0 10px; }
.logoWrapperBorder											{ height: 2px; background: rgba(139, 85, 7, 1); position: absolute; width: 100%; top: 40px; z-index: -1; }
.headTop 													{ /*background-image: url('/files/content/weihnachten2016/161121_Fridrich_xmas-Header.jpg'); background-repeat: repeat-x; */}
.xmasClaim {
    text-align: left;
    position: absolute;
    top: -4px;
    left: 12%;
    font-size: 1.55em;
    font-family: Times New Roman;
    font-style: italic;
    color: #ba9242;
    font-weight: bold;
    width: 515px;
    display:none;
}
.xmasClaim span {
    font-size: 0.7em;
    font-weight: normal;
    display: block;
}

.xmasClaim p {
    padding-top: 0px;
    margin-top: -4px;
    line-height: 95%;
}

.footerCol.first a {
    color: #ba9242;
    font-weight: bold;
}

.xmasClaim.xmasClaim2 {
    left: 62%;
}
.xmasClaim table {
    border-collapse: collapse;
    border-spacing: 0;
    font-size: 0.58em;
}
td.times {
    color: black;
    font-family: Lato;
    font-size: 0.91em;
    padding-left: 10px;
    font-weight: lighter;
}
td {
    font-style: normal;
}

footer {
	margin-top:115px;
}

@media (max-width: 1280px) {
	.xmasClaim {
		left: 0;
	}
}

@media (max-width: 1500px) {
	.xmasClaim {
		left: 7%;
	}
}
@media (max-width: 1315px) {
	.xmasClaim {
		left: 2%;
	}
}
@media (max-width: 1110px) {
	.xmasClaim {
		display: none;
	}

}

.combiText table {
    margin: 15px 0;
}
.combiText tr td:nth-child(odd) {
    color: #ba9242;
}
.combiText td {
    border: 1px solid rgba(139, 85, 7, 1);
    padding: 5px 5px;
}
.img-center img {
	margin: 0 auto;
}


/* SUPERFISH NAVIGATION
-------------------------------------------------- */
.navDesktop													{ text-align: center; }
.navDesktopWrapper                                          { background: rgba(255, 255, 255, 1); }
#superfish 													{ position:relative; z-index: 2300;}
.sf-menu													{ margin: 0; padding: 0; list-style: none; }
.sf-menu li 												{ position: relative; display: inline-block; list-style: none; }
.sf-menu ul 												{ position: absolute; display: none; /*top: 100%;*/ left: 0; z-index: 99999; min-width: 12em; *width: 12em; padding:0; }
.sf-menu li li 												{ text-align: left; display: block; }
.sf-menu li a:hover 										{ transition: all .4s ease; }
.sf-menu a													{ display: block; position: relative; padding: 10px 25px 28px 25px; text-decoration: none; zoom: 1; line-height: 16px; color: rgba(62, 61, 64, 0.8); text-transform: uppercase; background: rgba(255, 255, 255, 1); }
.sf-menu ul                                                 { background: url("../images/shadow_mainNav.png") 0 0 repeat-x rgba(255, 255, 255, 1); padding: 20px 0;  }
.sf-menu ul li:first-child a                                { background: none; }
.sf-menu ul li:first-child a:hover                          { background: rgba(139, 85, 7, 1); }
.sf-menu ul li:last-child a                                 {  }
.sf-menu ul li:first-child ul                               { /*background-image: none;*/ }
.sf-menu ul a												{ border-left: 1px solid rgba(139, 85, 7, 1); padding: 5px 25px; margin-left: 20px; text-transform: none; font-size: 13px; }
.sf-menu ul ul 												{ /*top: 0;*/ left: 100%; margin: -27px 0 0 0; display: block; }
.sf-menu a.last												{  }
.sf-menu li.active a,
.sf-menu li.trail a											{  }
.sf-menu li.active ul a,
.sf-menu li.trail ul a,
.sf-menu li.active ul a										{ font-weight: 300; }
.sf-menu li 												{ white-space: nowrap; *white-space: normal; -webkit-transition: background .2s; transition: background .2s; }
.sf-menu ul ul 												{ padding-top: 20px; padding-bottom: 10px; /*margin-top: 0; height: 100%;*/ }
.sf-menu ul li.submenu                                      { position: static; font-weight: bold; }
.sf-menu ul li.submenu li                                   { font-weight: normal; }
.sf-menu ul li.submenu a                                   { padding-right: 40px; }
.sf-menu ul li.submenu a:after							{ font-family: "FontAwesome"; content: "\f178"; position: absolute; right: 10px; color: rgba(139, 85, 7, 1); transition: color .3s ease; }
.sf-menu ul li.submenu:hover a:after,
.sf-menu ul li.current:first-child a:after,
.sf-menu ul li.active a:after,
.sf-menu ul li.trail a:after   { color: rgba(255, 255, 255, 1); }
.sf-menu ul li.submenu ul a:after						{ content: ""; margin-right: 0;  }
.nonavlink													{ cursor: default; }




.sf-menu li.trail a.trail,
.sf-menu li.active a.active,
.sf-menu li.sfHover a,
.sf-menu li a:hover                                        { color: rgba(139, 85, 7, 1); }
.sf-menu li.sfHover ul a,
.sf-menu ul a.trail,
.sf-menu ul a.active                                        { color: rgba(62, 61, 64, 0.8); }
.sf-menu ul a:hover,
.sf-menu ul a.trail,
.sf-menu ul li.sfHover a,
.sf-menu li.trail ul a:hover,
.sf-menu ul li.trail:first-child a,
.sf-menu ul li.active a.active,
.sf-menu ul li.trail ul li.active a.active        { background: rgba(139, 85, 7, 1); color: rgba(255, 255, 255, 1); }
.sf-menu ul li.trail:first-child ul a,
.sf-menu ul li.sfHover ul a,
.sf-menu ul li.active ul a,
.sf-menu ul li.sfHover ul a,
.sf-menu ul li.trail ul a                                 { background: rgba(255, 255, 255, 1); color: rgba(62, 61, 64, 0.8);  }
.sf-menu ul li.sfHover ul a:hover,
.sf-menu li.sfHover ul a:hover                             { color: rgba(255, 255, 255, 1); background: rgba(139, 85, 7, 1); }
.desktopNav													{  }
.level_2 .submenu.trail.current.sf-with-ul							{ color: white !important;}
.trail.sibling.current a {  color: white !important; }
.level_1 > li.trail.sibling.current a { color: rgba(139, 85, 7, 1) !important;}
.submenu.nonavlink.sibling.last.jsOver.sf-with-ul {
  font-weight: bold;
}


/* MOBIL NAVIGATION
-------------------------------------------------- */
.overlay.hidden                                     		{ display: none; }
.overlay                                            		{ position: fixed; overflow-y: scroll;  -webkit-overflow-scrolling: touch; top: 0; bottom: 0; left: 0; right: 0;
															  width: 100%; z-index: 2200; padding: 85px 15px 15px; background: rgba(255, 255, 255, 1); }
.overlay a,
.overlay li.active span                             		{ text-decoration: none; line-height: 13px; color: rgba(62, 61, 64, 0.8); }
.overlay ul a,
.overlay ul li.active span 									{ font-size: 16px; }

.overlay li.active,
.overlay li:hover                                            { background: rgba(139, 85, 7, 1); }
.overlay li.active a,
.overlay li:hover a,
.overlay li.active span,
.overlay li:hover span,
.overlay li.active .btn_dropdown,
.overlay li:hover .btn_dropdown                             { color: rgba(255, 255, 255, 1); }


.overlay a:hover											{  }
.overlay ul                                        			{ padding: 5px 0 0; list-style: none; margin-left: -15px; width: calc(100% + 30px); width: -webkit-calc(100% + 30px); }
.overlay .fa-times.close                                    { position: absolute; right: 12px; background: none; border: none; top: 26px; font-size: 20px; color: rgba(139, 85, 7, 1); }
.overlay ul ul 												{ display: none; padding: 5px 0 0 10px; }
.overlay li.submenu 										{ position: relative; }
.overlay li 												{ border-bottom-style:solid; border-bottom-width:1px; padding: 10px 15px; border-color: rgba(139, 85, 7, 1); }
.overlay ul ul li 											{ margin-bottom: 0; border-bottom: none; padding-bottom: 10px; line-height:18px; }
.overlay ul ul li a											{ font-size: 14px; }
.overlay ul ul li.active span								{ font-size: 14px; text-decoration:underline; }
.overlay ul ul li											{ padding-bottom: 6px; }
.btn_dropdown 												{ position: absolute; right: 0; top: 9px; background: none; border: none; font-size: 20px; float: right; color: rgba(139, 85, 7, 1) }
.overlay .open 												{ margin-top: 0; background: none; border: none;  }
header .fa-bars.open										{ background: none; border: none; font-size: 18px; padding-left: 0; margin-top: 32px; color: rgba(139, 85, 7, 1);  }
body.lock 													{ overflow: hidden; padding-right: 15px; }
.stronglink													{ font-weight: bold !important; }

/* MAIN
-------------------------------------------------- */

/* schnell info header */
.quickInfo span:before										{ content: attr(data-icon); font-family:"FontAwesome"; position: relative; top: 1px; margin-right: 6px; font-size: 13px; color: rgba(139, 85, 7, 1); }
.quickInfo span:after										{ content: "|"; margin-left: 5px; margin-right: 5px; }
.quickInfo span:last-child:after							{ content: ""; margin-right: 0; margin-left: 0; }
.quickInfo span                                             { font-family: "Lato"; font-weight: 400;  }
.quickInfoWrapper                                           { font-size: 10px; line-height: 12px; }
.quickInfoWrapper ul                                        { padding: 0; margin: 0 0 3px 0; list-style: none; }
.quickInfoWrapper li                                        { display: inline-block; }
.quickInfoWrapper li:after									{ content: "|"; margin-left: 5px; margin-right: 5px; }
.quickInfoWrapper li:last-child:after						{ content: ""; margin: 0; }
.quickInfoWrapper                                           { padding: 15px; display: inline-block; }
.quickInfoWrapper .email,
.quickInfoWrapper .email:hover                              { color: rgba(62, 61, 64, 0.8); }

/* suche */
.searchWrapper                                              { float: right; display: inline-block; padding: 15px; }
.searchWrapper .btn_triggerSearch                           { font-size: 19px; margin-left: 10px; color: rgba(153, 153, 153, 1); cursor: pointer; }
.searchWrapper input.text                                   { border: none; border-bottom: 1px solid rgba(153, 153, 153, 1); width: 250px; display: none; position: relative; z-index:2; }
.suchausgabe h3 a,
.suchausgabe h3 a:hover                                     { color: rgba(139, 85, 7, 1); font-size: 20px; font-family: "Times New Roman"; font-style: italic; }
.suchausgabe form,
.suchausgabe .header,
.suchausgabe .filesize,
.suchausgabe .relevance,
.suchausgabe .url                                           { display: none; }
.suchausgabe                                                { margin-bottom: 85px; }

/* slideshow kopfbereich */
.slideshowHeaderWrapper                                     { margin-bottom: 95px; position: relative; box-shadow: 0 10px 0 rgba(139, 85, 7, 1); }
.startpage .slideshowHeaderWrapper                          { margin-bottom: 9px; }
.slideshowHeaderWrapper,
.slideshowHeaderInner,
.slideshowHeaderWrapper .slick-track,
.slideshowHeaderWrapper .slick-list                         { height: 490px; overflow: hidden; }
.slideshowHeaderInner                                       { position: relative; }
.slideshowHeaderWrapper .slick-dots                         { position: absolute; bottom: 6px; right: 22px; margin: 0; padding: 0; list-style-type: none; z-index: 2000; }
.slideshowHeaderWrapper .slick-dots button                  { text-indent: -9999px; width: 12px; height: 12px; display: block; background: rgba(234, 234, 234, 1); border: none; margin-left: 6px; }
.slideshowHeaderWrapper .slick-dots .slick-active button    { background: rgba(139, 85, 7, 1); }
.slideshowHeaderWrapper .slick-dots li                      { display: inline-block; }
.slideshowHeaderWrapper .slick-slide                        { width: 100%; height: auto; }

/*claim*/
.claimWrapper                                               { position: absolute; top: 90px; z-index: 2200; background: rgba(255, 255, 255, 1);  }
.claimWrapper span                                          { display: block; }
.claimTop                                                   { padding: 20px 30px 0 35px; color: rgba(139, 85, 7, 1); font-size: 38px; font-family: "Times New Roman"; font-style: italic; }
.claimMiddle                                                { padding: 20px 30px 20px 35px; color: rgba(139, 85, 7, 1); font-size: 49px; font-family: "Times New Roman"; Text-transform: uppercase; }
.claimBottom                                                { padding: 1px 20px 1px 35px; text-align: right; background: rgba(139, 85, 7, 1); color: rgba(255, 255, 255, 1); font-size: 17px; font-family: "Times New Roman"; font-style: italic; }
h1 .claimBottom {
    padding: 3px 20px;
}
h1 .claimMiddle {
    padding-top: 0;
    padding-bottom: 5px;
}
h1 .claimTop {
    padding-top: 10px;
    padding-bottom: 0px;
    margin-bottom: -5px;
}


/* headline mit border */
.headlineBorderWrapper                                      { text-align: center; font-family: "Times New Roman"; margin-bottom: 45px; position: relative; }

.headlineBorderTop                                          {  }
.headlineBorderTop, .headlineBorderTop h1,
.headlineBorderTop h2                                       { font-size: 28px; margin-top: -9px; padding-top: 10px; padding-bottom: 0px; font-style: italic; line-height: 135%;}

.headlineBorderBottom p, .headlineBorderBottom h1,
.headlineBorderBottom h2, .headlineBorderBottom h3          { background: rgba(255, 255, 255, 1); font-size: 37px; margin-top: -6px; padding: 0 20px; display: inline-block; text-transform: uppercase; line-height:100%; }
.headlineBorderBottom 										{ border-top: 1px solid rgba(51, 51, 51, 1); width: 100%; }

.headlineBorderText                                         { padding: 33px 25%; font-family: "Times New Roman"; font-style: italic; font-size: 18px; }
.headlineBorderImageWrapper                                 { position: absolute; right: 0; top: -60px; }

/* vier teaser */
.fourTeaserWrapper a,
.fourTeaserWrapper a:hover                                  { color: rgba(139, 85, 7, 1);  }
.fourTeaserWrapper                                          { font-size: 13px; margin-bottom: 35px; }
.fourTeaserWrapper .left                                    { text-align: right; }
.fourTeaserImage                                            { position: relative;}
.fourTeaserImageBorder                                      { border: 1px solid rgba(139, 85, 7, 1); position: absolute; z-index: 100; pointer-events: none; }
.fourTeaserWrapper .left .fourTeaserImageBorder             { top: 10px; bottom: -10px; left: -10px; right: 10px; }
.fourTeaserWrapper .right .fourTeaserImageBorder            { top: 10px; bottom: -10px; left: 10px; right: -10px; }
.fourTeaserInner                                            { margin-bottom: 30px; }
.fourTeaserImage img                                        { width: 100%; height: auto; }
.fourTeaserWrapper h1,
.fourTeaserWrapper h2,
.fourTeaserWrapper h3,
.fourTeaserWrapper h4,
.fourTeaserWrapper h5,
.fourTeaserWrapper h6                                       { font-family: "Times New Roman"; font-size:30px; font-style: italic; margin-bottom: 15px; }
.fourTeaserWrapper h3, .fourTeaserWrapper h2				{ margin:0; }
/* produktanfrage teaser */
.produktanfrageTeaserWrapper                                { text-align: center; }
.produktanfrageTeaserWrapper .btn_more                      { font-family: "Times New Roman"; font-style: italic; display: block; border-top: 1px solid rgba(62, 61, 64, 0.8); position: relative; color: rgba(62, 61, 64, 0.8); padding-top: 8px; margin-top: 20px; }
.produktanfrageTeaserWrapper .btn_more:hover                { color: rgba(62, 61, 64, 0.8); }
.produktanfrageTeaserWrapper .btn_more:before               { font-family: "FontAwesome"; content:"\f003"; display: block; font-style: normal; background: rgba(255, 255, 255, 1); position: absolute; top: -12px; left: calc(50% - 20px); left: -webkit-calc(50% - 20px); font-size: 18px; padding: 0 10px; }
.produktanfrageTeaserText                                   { margin-bottom: 85px; }
.produktanfrageTeaserImage                                  { border: 1px solid rgba(211, 211, 211, 1); margin-bottom: 25px; }
.produktanfrageTeaserImage img                              { width: 100%; height: auto; }
.produktanfrageTeaserText h1,
.produktanfrageTeaserText h2,
.produktanfrageTeaserText h3,
.produktanfrageTeaserText h4,
.produktanfrageTeaserText h5,
.produktanfrageTeaserText h6                                { font-size: 18px; margin-bottom: 15px; font-weight: bold; }
.produktanfrageTeaserText .h3										 { height: 40px; overflow: hidden; font-size: 1.3em; font-weight: bold; }
.produktanfrageTeaserText > p									    { height: 85px; overflow: hidden; }

/* newsSlider */
.newsSliderWrapper,
.newsSliderInner,
.newsSliderWrapper .slick-list 											{ outline: 0 none; }
.newsSliderWrapper .slick-list                              { border-left: 1px solid rgba(139, 85, 7, 1); border-right: 1px solid rgba(139, 85, 7, 1); margin-top: -1px; }
.newsSliderNavWrapper                                       { margin-bottom: 95px; }
.newsSliderWrapper img                                      { width: 325px; height:235px; margin-top: 1px; border-right: 1px solid rgba(139, 85, 7, 1); }
.newsSliderInner .newsSliderInnerText                       { min-height: 100%; padding: 36px 80px 0 80px;  }
.newsSliderInner .newsSliderInnerText h2 a                  { font-family: "Times New Roman"; font-size: 30px; color: rgba(139, 85, 7, 1); line-height:25px; }
.newsSliderInner .newsSliderInnerText h2                    { margin-bottom: 20px; }
.newsSliderInner .newsSliderInnerText h3                    { font-family: "Times New Roman"; font-style: italic; color: rgba(62, 61, 64, 0.8); margin-bottom: 15px; }
.newsSliderInner .newsSliderInnerText p                     { text-transform: uppercase; margin: 0; line-height: 15px; font-weight: 700; }
.newsSliderInner .newsSliderInnerText p.more                { margin-bottom: 0; }
.newsSliderInner .newsSliderInnerText p.more a,
.newsSliderInner .newsSliderInnerText p.more a:hover        { color: rgba(139, 85, 7, 1); text-transform: uppercase; }
.newsSliderWrapper .layout_latest                           { display: inline-block; }
.newsSliderWrapper .slick-list                              { overflow: hidden; }
.newsSliderWrapper .slick-dots                              { list-style: none; padding: 0; margin: 0; }
.newsSliderWrapper .slick-dots li                           { display: inline-block; margin: 0 3px; }
.newsSliderWrapper .slick-prev,
.newsSliderWrapper .slick-dots,
.newsSliderWrapper .slick-next                              { display: inline-block; }
.newsSliderNavWrapper                                       { background: rgba(139, 85, 7, 1); text-align: center; padding-bottom: 1px; margin-top: -6px; }
.newsSliderNavWrapper .slick-dots button                    { background: rgba(255, 255, 255, 1) none repeat scroll 0 0; border-color: -moz-use-text-color -moz-use-text-color rgba(139, 85, 7, 1); border-image: none; border-style: none none solid; border-width: 0; font-size: 0; height: 13px; line-height: 21px; padding: 0 1px; width: 13px; }
.newsSliderNavWrapper .slick-active button                  { background-color: orange; }
.mod_newslist                                               { margin-bottom: 50px; }
.startpage .mod_newslist                                    { margin-bottom: 0; }

.mod_newsreader h1 											{ margin-bottom: 25px; }
section.newsSliderWrapper 									{ border-top: 10px solid rgba(139, 85, 7, 1); margin-top: 50px; }
.slick-next 												{ border: medium none; height: 100px; position: absolute; right: 15px; top: 30%; width: 20px; }
.slick-prev 												{ border: medium none; height: 100px; left: 15px; position: absolute; top: 30%; width: 20px; }
.naHeadline 												{ font-size: 1.7em; }


/*Content Slider*/
.contentSlider 												{ margin:0 0 20px 0; }
.contentSlider .slick-track 								{  }
.contentSlider .contentSliderInner                          { overflow: hidden; position:relative; }
.contentSlider .contentSliderInner img                      { height: auto; float:left; }

.contentSlider .slick-dots									{ padding: 0; list-style: none; text-align: center; width: 100%; position: absolute; bottom: 15px; margin-bottom: 0; z-index:99999; }
.contentSlider .slick-dots li								{ display: inline-block; }
.contentSlider .slick-dots li button						{ width: 12px; height: 12px; text-indent: -99999px; display: inline-block; border: 0; margin: 0 3px; background: rgba(255, 255, 255, 1); padding:0; }
.contentSlider .slick-dots li.slick-active button			{ background: rgba(139, 85, 7, 1); }


/* teaser mit brauner border */
.brownBorderHeadline                                        { border-bottom: 3px solid rgba(139, 85, 7, 1); margin-bottom: 8px; padding-bottom: 15px; }
.brownBorderHeadline h3                                     { font-size: 27px; font-family: "Times New Roman"; font-style: italic; margin-bottom: 12px; }
.brownBorderHeadline h4                                     { font-size: 11px; color: rgba(139, 85, 7, 1); text-transform: uppercase; font-weight: 700; }
.brownBorderImage                                           { margin-top: -8px; }
.brownBorderText a,
.brownBorderText a:hover                                    { color: rgba(139, 85, 7, 1); font-family: "Times New Roman"; }
.rightPull .brownBorderHeadline                             { text-align: right; }
.btn_brownBorderLink                                        { background: rgba(139, 85, 7, 1); color: rgba(255, 255, 255, 1); padding: 5px 35px; text-transform: uppercase; text-decoration: none; margin-top: 5px; display: inline-block;  }
.btn_brownBorderLink:hover                                  { color: rgba(255, 255, 255, 1); }
.brownBorderTeaserWrapper .topPull                          { margin-top: -50px; }
.brownBorderTeaserWrapper                                   { margin-bottom: 95px; }



/*link_eKalalogWrapper*/
.link_eKalalogWrapper                                       { padding-top: 0px; }
.link_eKalalogWrapper h5												 { text-transform: none; font-style: italic;}

/* news content */

.twoCol .leftCol .pagination                                { display: none; }
.twoCol .leftCol .newsImageWrapper                          { position: relative; }
.twoCol .leftCol .newsImageWrapper .image_container         { float: none !important; }
.twoCol .leftCol .fourTeaserImageBorder                     { width: 100%; height: 100%; bottom: -10px; left: -10px; }
.twoCol .leftCol .newsImageWrapper .image_container         { margin-bottom: 40px; }
.twoCol .leftCol .image_container img                       { width: 100%; height: auto;  }
.twoCol .leftCol .layout_latest h2                          { font-size: 20px; }
.twoCol .leftCol .layout_latest a                           { font-family: "Times New Roman"; font-style: italic; color: rgba( 0, 0, 0, 1); text-decoration: none; }
.twoCol .leftCol .layout_latest h3                          { font-size: 12px; color: rgba(139, 85, 7, 1); }
.twoCol .layout_latest p,
.layout_short p                                             { font-size: 13px; }
/*.twoCol .leftCol p.more                                     { display: none; } */
.leftCol p.back                                             { display: none; }
.layout_full .image_container                               { position: relative; margin-bottom: 40px; }
.layout_short h2 a                                          { font-size: 16px; color: rgba(0, 0, 0, 1); }
.layout_short h3                                            { font-size: 12px; color: rgba(139, 85, 7, 1);  }
.twoCol .rightCol p                                         { margin-bottom: 0; }
.twoCol .layout_latest p.more a,
.layout_short p.more a                                      { color: rgba(139, 85, 7, 1); }
.twoCol .rightCol .layout_short                             { border-left: 1px solid rgba(248, 233, 210, 1); padding-left: 30px; padding-bottom: 25px; }
.pagination ul li														 { display: inline; margin: 0 4px; }
.pagination p															 { display: none; }
.pagination.block 														 { border-left: 1px solid rgba(248, 233, 210, 1); border-top: 1px dotted rgba(248, 233, 210, 1); padding-top: 5px;}


/*combi teaser*/
.combiTeaserWrapper img                                     { width: 100%; height: auto; margin: 0 auto; }
.combiTeaserInner                                           { margin-bottom: 50px; }
.combiTeaserWrapper .fourTeaserImageBorder                  { width: 100%; height: 100%; bottom: -10px; left: -10px; pointer-events: none;  }
.combiTeaserWrapper .rotate .fourTeaserImageBorder          { width: 100%; height: 100%; bottom: -10px; right: -10px; left: auto;  }
.combiTeaserWrapper .combiImage                             { position: relative; }
.combiTeaserWrapper .rotate .combiText                      { text-align: left; }
.combiTeaserWrapper .combiText										 { text-align: right; }
.combiTeaserInner div div											 { text-align: left; }
.combiTeaserInner div div.rotate									 { text-align: right; }
.combiText                                                  {  vertical-align: bottom; }
.combiTeaserWrapper h1,
.combiTeaserWrapper h2,
.combiTeaserWrapper h3                                      { font-family: "Times New Roman"; font-size: 22px; font-style: italic; margin-bottom: 8px; }
.combiTeaserWrapper .offset                                 { margin-top: -150px; }
.combiTeaserWrapper .offset .combiText                      { padding-top: 150px; }
.combiText img															 { width: auto; margin: 0 auto;}
.combiImage																 { display: inline-block;}
.caption 																	 { font-size: 0.85em; font-style: italic; margin-top: 10px; width: 330px;}
.rotate .caption														 { text-align: right; float: right; }
.combiImage.video														 { display: block; }
.mod_newsreader .container {
    padding: 0;
    max-width: 100%;
}


/*glossar*/
.glossarWrapper                                             { margin-bottom: 50px; }
.alpha_pagination,
.alpha_pagination:hover,
.alpha_pagination:focus,
.alpha_pagination:active                                    { font-family: "Times New Roman"; font-size: 30px; font-style: normal; color: rgba(139, 85, 7, 1); text-decoration: none; }
.alpha_pagination:after                                     { content: "|"; color: rgba(139, 85, 7, 1); margin-left: 5px; position: relative; top: -2px;  }
.alpha_pagination:last-child:after                          { content: "";   }
.glossar_alpha_pagination a:first-child                     { display: none; }
.glossar_alpha_pagination                                   { text-align: center; margin-bottom: 50px;}
.alpha_pagination span                                      { display: none; }
.alpha_pagination                                           { padding: 0 1px; line-height: 40px; }
.glossar_items li                                           { list-style: none; margin-bottom: 45px; }
.glossar_items li h4                                        { font-size: 14px; color: rgba(139, 85, 7, 1); margin-bottom: 0; line-height: 4px; }
.glossar_items                                              { padding: 0; }
.alpha_pagination.active												 { color: rgba(62, 61, 64, 0.8); font-style: italic; font-weight: bold; }



/*zitat*/
.zitat                                                      { font-size: 30px; font-family: "Times New Roman"; font-style: italic; display: block; margin-bottom: 100px; line-height: 32px; }
.zitatBrownBG                                               { font-size: 30px; font-family: "Times New Roman"; font-style: italic; display: block; margin-bottom: 100px; line-height: 32px; color: rgba(255, 255, 255, 1); background: rgba(139, 85, 7, 1); padding: 10px; }
#segel-richtung-rio .zitatBrownBG									 { margin-bottom: 45px; }
#segeln-richtung-rio .zitat									{ font-size: 19px; margin-bottom: 10px; }
#newsticker-olympia .zitat,
#segeln-richtung-rio-details-127 .zitat {
	font-size: 19px;
}


/* position */
.position																	 { color: #8b5507; text-transform: uppercase;}

/* appointmentForm */
.appointmentForm input.text,
.appointmentForm textarea                                   { width: 100%; border: 0; border-bottom: 1px solid rgba(215, 215, 215, 1); margin-bottom: 20px; padding: 5px; }
.appointmentForm fieldset                                   { border: 0; }
.appointmentForm .checkbox,
.appointmentForm label                                      { position: relative; left: -10px; }
.appointmentForm label                                      { margin-right: 10px; }
.appointmentForm                                            { color: rgba(0,0,0,1); margin-bottom: 100px; }
.beratung span                                              { display: block; }
.submit                                                     { color: rgba(255, 255, 255, 1); background: rgba(139, 85, 7, 1); border: none; padding: 5px 30px; transition: background .4s ease; }
.submit:hover                                               { background: rgba(139, 85, 7, .8); }
.explanation                                                { font-family: "Times New Roman"; font-style: italic; margin-top: -10px; }
.appointmentForm .submit                                    { margin-top: 15px; }
.appointmentForm .widget-checkbox                           {  }

/* produktanfrage formular */
.produktanfrage .text,
.produktanfrage textarea                                    { width: 100%; border: 0; border-bottom: 1px solid rgba(215, 215, 215, 1); margin-bottom: 20px; padding: 5px; }
.produktanfrage textarea                                    { width: 100%; border: 0; border-bottom: 1px solid rgba(215, 215, 215, 1); margin-bottom: 20px; padding: 5px; }
.produktanfrage fieldset                                    { border: 0; }
.produktanfrage .checkbox,
.produktanfrage label                                       { position: relative; left: -10px; }
.produktanfrage label                                       { margin-right: 10px; }
.produktanfrage                                             { color: rgba(0,0,0,1); margin-bottom: 100px; }
.produktanfrage h3                                          { text-align: center; font-family: "Times New Roman"; font-style: italic; font-size: 35px; margin-bottom: 50px; margin-top: -35px; color: rgba(62, 61, 64, 0.8)  }

/* contactForm */
.contactFormHeadline h1,
.contactFormHeadline h2,
.contactFormHeadline h3,
.contactFormHeadline h4,
.contactFormHeadline h5,
.contactFormHeadline h6                                     { font-size: 35px; font-family: "Times New Roman"; color: rgba(255, 255, 255, 1); font-style: italic; text-align: center; margin: 35px 0 40px 0; }

.contactForm input.text,
.contactForm textarea                                       { width: 100%; border: 1px solid rgba(122,122, 122, 1); padding: 10px 5px; margin-bottom: 10px; }
.contactForm .submit                                        { background: rgba(62, 61, 64, 0.8); float: right; margin-top: -3px; }
.contactForm .submit:hover                                  { background: rgba(0,0,0,.8) }

/*headline zentriert*/
.headlineZentriert h1,
.headlineZentriert h2,
.headlineZentriert h3,
.headlineZentriert h4,
.headlineZentriert h5,
.headlineZentriert h6                                       { text-align: center; color: rgba(139, 85, 7, 1); font-size: 40px; font-family: "Times New Roman"; font-style: italic; font-weight: 700; position: relative; top: -140px; padding: 0 100px;  }



/* contact */
.contactWrapper                                             { margin-bottom: 200px; }
.contactWrapper .imageWrapper                               { position: relative; }
.contactWrapper .imageWrapper img                           { width: 100%; height: 100%;  }
.contactWrapper .imageWrapper .fourTeaserImageBorder        { width: 100%; height: 100%; bottom: -10px; right: -10px; }
.contactWrapper h1                                          { font-size: 30px; font-family: "Times New Roman"; font-style: italic; text-transform: uppercase; }
.contactWrapper h2                                          { font-size: 12px; color: rgba(139, 85, 7, 1); margin-bottom: 20px; }
.contactInfo span                                           { display: block; }
.telefonWrapper:before                                      { font-family: "FontAwesome"; content:"\f095"; margin-right: 10px; }
.emailWrapper:before                                        { font-family: "FontAwesome"; content:"\f0e0"; margin-right: 10px; }
.emailWrapper a,
.emailWrapper a:hover                                       { color: rgba(139, 85, 7, .8); }
#kontakt fieldset          											 { border: none; color: white; font-style: italic; margin: 0 0 15px; padding: 0; }
.newsForm .col-md-6.col-sm-6 {
  padding: 0;
}
.newsForm .explanation {
  clear: both;
  margin-top: 40px;
  text-align: right;
}


/* produktTeaser */
.switch .produktTeaserText                                  { text-align: right; }
.produktTeaserText                                          { line-height: 28px; }
.produktTeaserText h1,
.produktTeaserText h2                                       { font-family: "Times New Roman"; font-size: 30px; font-style: italic; margin-bottom: 8px; }
.produktTeaserWrapperInner .fourTeaserImageBorder           { width: 100%; height: 100%; bottom: -10px; right: -10px; left: auto;  }
.produktTeaserWrapperInner .switch .fourTeaserImageBorder   { width: 100%; height: 100%; bottom: -10px; right: auto; left: -10px;  }
.produktTeaserImage                                         { position: relative; }
.produktTeaserText a                                        { color: rgba(139, 85, 7, .8); font-size: 13px; font-weight: 400; font-style: italic; }
.produktWrapper                                             { margin-bottom: 100px; }

/* teaser mit marginalspalte */
.teaserMarginalWrapper .teaserWrapperInner                  { padding-bottom: 80px; border-right: 1px solid rgba(139, 85, 7, 1); }
.teaserMarginalWrapper h1,
.teaserMarginalWrapper h2                                   { font-family: "Times New Roman"; font-size: 30px; font-style: italic; margin-bottom: 5px; }
.teaserMarginalWrapper h3,
.teaserMarginalWrapper h4,
.teaserMarginalWrapper h5,
.teaserMarginalWrapper h6                                   { font-size: 15px; color: rgba(139, 85, 7, .8); text-transform: uppercase; margin-bottom: 20px; }
.teaserMarginalWrapper .fourTeaserImageBorder               { width: 100%; height: 100%; bottom: -10px; right: -10px; left: auto;  }
.teaserMarginalWrapper .switch .fourTeaserImageBorder       { width: 100%; height: 100%; bottom: -10px; right: auto; left: -10px;  }
.teaserMarginalWrapper .imageWrapper                        { position: relative; }
.teaserMarginalWrapper .imageWrapper img                    { width: 100%; height: auto; }
.teaserMarginalWrapper .marginalWrapper                     { padding-left: 10px; }
.teaserMarginalWrapper .teaserWrapper                       { padding-right: 10px; }

/*google map*/
.gmapWrapper                                                { background: linear-gradient(to bottom, rgba(141, 86, 7, 0.8) 0%, rgba(191, 121, 10, 0.8) 47%, rgba(141, 86, 7, 0.8) 100%) repeat scroll 0 0; padding-bottom: 30px;  }
.googlemap                                                  { margin-top: -100px; }
.produktTeaserWrapperInner                                  { margin-bottom: 30px; }
.gmapWrapperInner .explanation                              { color: rgba(255, 255, 255, 1); margin-top: 50px; font-family: "Times New Roman"; font-style: italic; }
.gmapWrapperInner .explanation p                            { text-align: right; }

/*text auf bild*/
.textAufBildTeaserWrapper img                               { width: 100%; height: auto; position: relative; }
.textAufBildTeaserWrapper .textWrapper                      { position: absolute; top: 0; width: 100%; }
.textAufBildInner                                           { margin-bottom: 30px; }
.fourTeaserImageBorder                                      { width: 100%; height: 100%; }
.textAufBildTeaserWrapper .imageWrapper                     { position: relative; }
.countWrapper:nth-child(odd) .fourTeaserImageBorder         { top: 10px; left: -10px; }
.countWrapper:nth-child(even) .fourTeaserImageBorder        { top: 10px; right: -10px; }
.countWrapper															 { min-height: 1px; }

/* textbild galerie*/
.textBildGalerieInner                                       { margin-bottom: 50px; }
.textBildGalerieWrapper h1,
.textBildGalerieWrapper h2                                  { font-family: "Times New Roman"; font-size: 55px; font-style: italic; margin-bottom: 20px; }
.textBildGalerieWrapper .linkWrapper a,
.textBildGalerieWrapper .linkWrapper a:hover                { color: rgba(139, 85, 7, 1); font-style: italic; }
.textBildGalerieWrapper img                                 { width: 100%; height: auto; }
.textBildGalerieWrapper .textWrapper                        { margin-bottom: 30px; }

/* seiten navigation */
.pageNavi a,
.pageNavi a:hover                                           { font-family: "Times New Roman"; font-size: 20px; font-style: italic; color: rgba(0, 0, 0, 1); text-decoration: none; }
.pageNavi                                                   { margin-bottom: 50px; margin-top: 30px; }
.pageNavi .pre:before                                       { font-family: "FontAwesome"; content:"\f104"; margin-right: 10px; font-style: normal; font-size: 20px;  }
.pageNavi .up:before                                        { font-family: "FontAwesome"; content:"\f102"; display: block; margin-bottom: 5px; font-style: normal; font-size: 40px; }
.pageNavi .next:after                                       { font-family: "FontAwesome"; content:"\f105"; margin-left: 10px; font-style: normal; font-size: 20px; }

/* teaserBrownBoxWrapper */
.teaserBrownBoxWrapper                                      { background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(141, 86, 7, 0.8) 0%, rgba(191, 121, 10, 0.8) 47%, rgba(141, 86, 7, 0.8) 100%) repeat scroll 0 0; color: rgba(255, 255, 255, 1); padding: 25px 0 20px 0;  }
.teaserBrownBoxWrapper h1,
.teaserBrownBoxWrapper h2,
.teaserBrownBoxWrapper h3,
.teaserBrownBoxWrapper h4,
.teaserBrownBoxWrapper h5,
.teaserBrownBoxWrapper h6                                   { text-align: center; font-family: "Times New Roman"; font-size: 30px; font-style: italic; margin-bottom: 35px; color: rgba(255, 255, 255, 1);  }
.teaserBrownBoxWrapper img                                  { width: 100%; height: auto; }
.teaserBrownBoxInner                                        { margin-bottom: 30px; position: relative; }
.teaserBrownBoxInner .fourTeaserImageBorder                 { border: 1px solid rgba(255, 255, 255, 1); width: 100%; height: calc(100% - 8px); height: -webkit-calc(100% - 8px); }
.teaserBrownBoxInner.left .fourTeaserImageBorder            { left: -10px; top: 10px; bottom: -10px; }
.teaserBrownBoxInner.right .fourTeaserImageBorder           { right: -10px; top: 10px; bottom: -10px; }
.teaserBrownBoxWrapper p                                    { margin: 0; }
.teaserBrownBoxInner.left                                   { text-align: right; }
.teaserBrownBoxInner .teaserText                            { padding: 0 20px; }

/*katalog*/
.e-katalog iframe                                           { width: 100%; }


/* button_style */
.button_style a 														 { background-color: rgba(139, 85, 7, 1); color: white; padding: 10px; text-transform: uppercase;}
.button_style a:hover													 { text-decoration: none;}
.button_style															 { margin-bottom: 50px;}

/* Trauringhaus Partnerlink */
.partnerLink																 { margin-top: -50px; margin-bottom: 50px; }
.partnerLink a															 { font-size: 1.2em; color: rgba(62, 61, 64, 0.8); }

/* Logoleiste mit Link */
.logoImage																 { min-height: 110px; }
.logoImage img															 { margin: 0 auto;}

/* Effekt Bild mit Link */
.textAufBildInner img, .fourTeaserImage a img, .naWrapper img					 { opacity: 0.95;	-webkit-transition: -webkit-transform 0.70s; transition: transform 0.70s;	-webkit-transform-origin: 50% 50%;	transform-origin: 50% 50%;}
.textAufBildInner img:hover, .fourTeaserImage a img:hover, .naWrapper img:hover	 { -webkit-transform: scale3d(0.95,0.95,1);	transform: scale3d(0.95,0.95,1);}

/* Scroll Down Indikator */
.arrow-wrap {  position:absolute;  z-index:1001;  left:50%;  bottom:1em;  margin-left:-4em;  background:#c9740f;  width:8em;  height:8em;  padding:4em 2em;  border-radius:50%;  font-size:0.5em;  display:block;  opacity: 0.85; }
.arrow {  float:left;  position:relative;  width: 0px;  height: 0px;  border-style: solid;  border-width: 2em 2em 0 2em;  border-color: #ffffff transparent transparent transparent;  top: -0.3em;  -webkit-transform:rotate(360deg); }
.arrow:after {  content:'';  position:absolute;  top:-2.2em;  left:-2em;  width: 0px;  height: 0px;  border-style: solid;  border-width: 2em 2em 0 2em;  border-color: #c9740f transparent transparent transparent;  -webkit-transform:rotate(360deg); }
@-webkit-keyframes arrows {
	0% { top:0; }
    10% { top:12%; }
    20% { top:0; }
    30% { top:12%; }
    40% { top:-12%; }
    50% { top:12%; }
    60% { top:0; }
    70% { top:12%; }
    80% { top:-12%; }
    90% { top:12%; }
    100% { top:0; }
  }
  
  .arrow-wrap .arrow {    -webkit-animation: arrows 2.8s 0.4s;    -webkit-animation-delay: 3s;  }
  
/* ################### News&Aktuelles ################### */
 .slickContent { display: inline-block; visibility: hidden; }
 .slickContent.slick-active { visibility: visible; vertical-align: top; }
  /*.slickBox {  overflow: hidden; }*/
 .naText {  left: 2.5em;  position: absolute;  top: 1.5em; }
 .naWrapper {  position: relative; padding: 0 50px; }
 .naWrapper .fourTeaserImageBorder { top: -10px; left: 60px; width: calc(100% - 100px); z-index:1000;}
 .naContainer { padding: 80px 0 140px; overflow: hidden; }
 .naRibbon { margin-bottom: -10px; position: relative; z-index: 1001;}
 .relativeBox { position: relative; }
 .naButtonContainer {  bottom: -60px;  position: absolute; left: 50%; }
 .naButton { left: -50%; position: relative; background-color: darkred; }
 .naButton > p {  color: white;  padding: 2px 20px; }
 .naButton a { color:white; text-decoration: none; }
 
 .naWrapper .slick-prev { background-color: white; background-image: url("/files/content/setup/arrow_l.png"); border: medium none; font-size: 0; height: 105px; left: -40px; position: absolute; top: 20%; width: 57px; }
 .naWrapper .slick-next { background-color: white; background-image: url("/files/content/setup/arrow_r.png"); border: medium none; font-size: 0; height: 105px; right: -40px; position: absolute; top: 20%; width: 57px; }
 .relativeBox img { box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.7); }
 #news-aktuelles-detail-84 .caption { width: 100%; }

/* darkredFont */
.darkredFont {color: darkred; font-family: "Times New Roman";}
.darkredFontItalic	{ color: darkred; font-family: "Times New Roman"; font-style: italic;}


/* Newsletter */
.gmapWrapper.newsletter {  margin-top: -45px; margin-bottom: 30px; padding: 20px 0;  text-align: center;}
.newsletter h1, .newsletter p {  color: white;}
.newsletter h1 {  font-family: Times New Roman;  font-style: italic; margin-bottom: 20px;}
.newsletter p { margin: 0 auto 25px; max-width: 80%; }
.newsletter input { border: 1px solid rgba(139, 85, 7, 1); padding-bottom: 7px; padding-left: 10px; padding-top: 7px; width: 70%; }
.newsletter .submit {  background-color: rgba(62, 61, 64, 0.8);  border: medium none;  margin-top: 30px;  padding: 5px 30px;  width: auto; }

/* Perlen Hotfix für Onlinegang */
#schmuck-marken-gebrueder-schaffrath .produktanfrageTeaserText {
  height: 0;
  margin-bottom: 70px;
}
#schmuck-marken-gebrueder-schaffrath .produktanfrageTeaserText > p {
  display: none;
}


/* TO TOP BUTTON */
.back-to-top {
  background: rgba(139, 85, 7, 1) none repeat scroll 0 0;
  bottom: 20px;
  color: white;
  padding: 15px;
  position: fixed;
  right: 0;
  font-size: 1.2em;
  z-index:1000;
}

.back-to-top:hover {
	color:white;
}

.back-to-top:focus {
	color:white;
	text-decoration: none;
	outline: none;
}

    /* FOOTER
    -------------------------------------------------- */
footer                                                      { border-top: 1px solid rgba(183, 151, 113, 1); background: rgba(246, 246, 246, 1); padding-bottom: 20px; font-size: 12px; }
.footerCol                                                  { border-left: 1px solid rgba(227, 227, 227, 1); min-height: 160px; padding: 15px 10px; }
footer .h5                                                   { text-transform: uppercase; font-weight: 700; margin-bottom: 12px; letter-spacing: 1px;  }
footer .h5 em                                                { text-transform: none; }
footer ul                                                   { margin: 0; padding: 0; list-style: none;  }
footer a                                                    { color: rgba(62, 61, 64, 0.8); }
footer a:hover,
footer span                                                 { color: rgba(139, 85, 7, 1) }

img.cat_img {
    position: absolute;
    width: 200px;
    top: -115px;
    left: 85px;
}

p.h5.cat_text {
    position: absolute;
    bottom: -15px;
    left: 150px;
}

@media (min-width: 768px) and  (max-width: 1100px) {
	img.cat_img {
	    width: 150px;
	    top: -55px;
	    left: 40px;
	}
	
	p.h5.cat_text {
	    left: 75px;
	}
}

@media (max-width: 767px) {
	img.cat_img {
    position: relative;
    width: 200px;
    top: 0px;
    left: 0px;
}

p.h5.cat_text {
    position: relative;
    left: 0px;
    bottom: 0;
}
}

div#tourismus-muenchen {
    padding-bottom: 115px;
}

/*  Sailing */
.centeredImages img 													 { display: block; margin:0 auto; height: auto; max-width: 100%;}
.textCentered															 { text-align: center;}

/* Ribbon & Olympia Link */
.ribbon																	 { position: absolute; right: 0; top: -9px; z-index: 1200; }
.olympiaLink																 { max-width: 25%; position: absolute; right: 0px; top: 62px; 
	-moz-animation-name: slideIn;
    -moz-animation-iteration-count: 1;
    -moz-animation-timing-function: ease-in;
    -moz-animation-duration: 1.5s;

    -webkit-animation-name: slideIn;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: ease-in;
    -webkit-animation-duration: 1.5s;

    animation-name: slideIn;
    animation-iteration-count: 1;
    animation-timing-function: ease-in;
    animation-duration: 1.5s;
}
@-moz-keyframes slideIn {
    0% {
        -moz-transform: translateX(175px);
    }
    100% {
        -moz-transform: translateX(0);
    }
}
@-webkit-keyframes slideIn {
    0% {
        -webkit-transform: translateX(175px);
    }
    100% {
        -webkit-transform: translateX(0);
    }
}
@keyframes slideIn {
    0% {
        transform: translateX(175px);
    }
    100% {
        transform: translateX(0);
    }
}

/* noFloat */
.noFloat																	 { float: none; margin: 0 auto; }

/* Logo Liste */
.logoListWrapper 														{ text-align: center; position: relative; }

/* Sonder Über Fridrich */
.textRight																{ text-align: right;}
.textRight h2															{   font-family: "Times New Roman"; font-size: 30px; font-style: italic; margin-bottom: 15px;}
.rightSided .fourTeaserImageBorder									{ bottom: -10px; left: 10px; right: -10px; top: 10px; }


/*Startseite Redesign */

.startpagebox .right {
	text-align:right;
}

.catheadline .underline {
    border-bottom: 2px solid #8b5507;
    width: 185px;
    margin: 0 auto;
    padding-top: 20px;
}
.catheadline {
    text-align: center;
    text-transform: uppercase;
    font-size: 1.7em;
}

.startpagebox {
    border-bottom: 4px solid #E3E3E3;
    padding: 50px 0;
}

.startpagebox h2 {
	text-transform: uppercase;
	padding-top: 35px;
}

.startpagebox:last-of-type {
    border-bottom: none;
}
.startpagebox p {
    max-width: 80%;
}

.startpagebox .right p {
    text-align: right;
    margin-left: 20%;
}
.newsbox-start {
    padding: 60px 0;
}

.newsbox-start .catheadline {
    padding-bottom: 50px;
}

.newsbox-start h2 a {
    color: inherit;
}

.newsbox-start .more a {
    color: #e3e3e3;
    text-transform: uppercase;
    font-size: 0.9em;
}

.newsbox-start h2 {
    margin-bottom: 15px;
}

.newsbox-start .info {
    font-size: 0.85em;
    padding-top: 15px;
    color: grey;
}

.welcomebox span {
    display: block;
    font-size: 30px;
    padding-top: 10px;
    color: rgba(62, 61, 64, 0.8);
}

.welcomebox {
    text-align: center;
    padding: 50px 0 0;
    margin: 0 auto;
    max-width: 50%;
}

@media (max-width: 767px) {
	.welcomebox,
	.newsletterbox {
		max-width: 80%;
	}
}

.welcomebox h1 {
    text-transform: uppercase;
    font-size: 15px;
    color: #8b5507;
}

.brand.slick-slide {
    float: left;
	margin: 0 25px;
}

.bslider-container {
    width: 85%;
    margin: 0 auto;
    display: block;
    overflow: hidden;
}

.brandslider {
    position: relative;
    overflow: hidden;
    background-color: #e3e3e3;
    padding: 35px 0 50px;
    margin-top: 50px;
}

.brandslider p {
	text-align: center;
}

.bslider {
    margin: 50px 0;
}

.bslider .slick-next {
    border: none;
    height: 100px;
    position: absolute;
    right: 15px;
    top: 50%;
    font-size: 4em;
    background: none;
    color: #cccccc;
	width: auto;
}

.bslider .slick-prev {
    border: none;
    height: 100px;
    position: absolute;
    left: 15px;
    top: 50%;
    font-size: 4em;
    background: none;
    color: #cccccc;
	width: auto;
}

.brand img {
    max-width: 100%;
}

.newsletterbox {
    text-align: center;
    padding: 50px 0;
    max-width: 50%;
}

.newsletterbox button#submit {
	margin-left: -2px;
	background-color: #8b5507;
	border: none;
	color: white;
	height: 30px;
	width: 30px;
}

.newsletterbox input {
    width: 300px;
    padding: 2px 8px;
    font-size: 0.9em;
}

.newsbox-start h2,
.welcomebox h1,
.startpagebox h2,
.news-lb h2 {
	letter-spacing: 1px;
}

/* Newspage Redesign */

.nws.catheadline {
    margin: 75px 0;
}

li.year:first-of-type {
    display: block;
}

li.year {
    display: none;
}

li.year > a {
    display: none;
}
.pagination.block {
    border: none;
}
.pagination ul {
    padding-left: 0;
}

.news-cathl {
    border-bottom: 1px solid #E3E3E3;
    text-transform: uppercase;
    font-size: 1.2em;
}

.news-rb {
	padding-left: 30px;
}
.news-rb ul {
    padding-left: 0;
    list-style: none;
    padding-top: 10px;
    padding-bottom: 20px;
}

.news-rb li {
    text-transform: uppercase;
}

.news-rb a {
    color: #E3E3E3;
}

.news-rb a:hover {
    text-decoration: none;
}

.news-rb li.active {
    color: darkgrey;
}

time {
    text-transform: uppercase;
}
.news-lb h2 a {
    color: inherit;
    text-transform: uppercase;
}

.news-lb h2 {
    padding-bottom: 10px;
}

.news-lb .more a {
    text-transform: uppercase;
    color: #E3E3E3 !important;
}

.news-lb h2 a {
    color: inherit;
    text-transform: uppercase;
}

.news-lb h2 {
    padding-bottom: 10px;
}

.news-lb .more a {
    text-transform: uppercase;
    color: lightgrey !important;
}

.news-lb .layout_latest {
    border-bottom: 5px solid #E3E3E3;
    padding-bottom: 25px;
    padding-top: 40px;
}

.news-lb .layout_latest.last {
    border-bottom: none;
}

.news-lb .layout_latest:first-of-type {
    padding-top: 0;
}

.news-lb p.info {
    padding-top: 20px;
    font-size: 0.85em !important;
    color: grey;
}

.news-balken {
    background-color: #E3E3E3;
    width: 100%;
    height: 5px;
    margin-top: 25px;
}

.news-lb h1 {
    text-transform: uppercase;
    font-family: "Times New Roman";
    font-style: italic;
    font-size: 30px;
}

.mod_newsarchive h1 {
    display: none;
}

/* Header Redesign */

section.slideshowHeaderWrapper {
    box-shadow: none;
}

.arrow-wrap, .slick-dots {
    display: none !important;
}

.claimTop {
    font-size: 1em;
    font-style: normal;
    background: rgba(139, 85, 7, 1);
    color: white;
    width: auto;
	font-family: Lato;
	padding: 10px 30px;
	width: 300px;
}

.claimMiddle {
    font-size: 30px;
    color: rgba(62, 61, 64, 0.8);
    font-style: italic;
    background: white;
	line-height: 105%;
}

.claimBottom {
    text-align: left;
    font-style: normal;
    text-transform: uppercase;
    font-size: 0.9em;
	font-family: Lato;
	width: 190px;
}
.claimWrapper {
	background: none;
    left: 10%;
    top: 115px;
}

.logoWrapper {
	display: none;
}
@media (max-width: 991px) {
	.logoWrapper {
		display: block;
		padding-top:15px;
	}
	.searchWrapper {
		float: right !important; 
		padding: 30px 15px 0px 0px !important;
	}	
}

@media (max-width: 767px) {
	.claimWrapper {
		display: none;
	}
	.slideshowHeaderWrapper {
		margin-bottom: 40px;
	}
.searchWrapper {
		float: right !important; 
		padding: 15px 15px 0px 0px !important;
	}
}

.sf-menu a {
    padding: 30px 10px 15px 15px;
}

@media (max-width: 1199px) {
	.sf-menu a {
	    padding: 22px 10px 15px 15px;
	}	
}

.navDesktop {
    text-align: left;
}

a.submenu.sf-with-ul:after {
    content: '\f078';
    font-family: FontAwesome;
    font-size: 0.65em;
    padding-left: 4px;
}

section.navDesktopWrapper {
    -webkit-box-shadow: 0px 7px 5px 0px rgba(227,227,227,1);
    -moz-box-shadow: 0px 7px 5px 0px rgba(227,227,227,1);
    box-shadow: 0px 7px 5px 0px rgba(227,227,227,1);
	padding-bottom: 10px;
}

.sf-menu ul.level_2 {
	border-top: 10px solid white;
}

.searchWrapper {
    float: none;
    display: block;
    padding: 15px 15px 0px 0px;
    text-align: right;
}

.searchWrapper div {
    display: inline-block;
}

.social {
    padding-left: 15px;
}

/*####################################################################################################################*/
/*################################################ RESPONSIVE STYLES #################################################*/
/*####################################################################################################################*/


@media (min-width: 1200px) {

}

@media (min-width: 992px) and  (max-width: 1200px) {
/* slideshow kopfbereich */
.slideshowHeaderWrapper,
.slideshowHeaderInner,
.slideshowHeaderWrapper
.slick-track,
.slideshowHeaderWrapper .slick-list                         { height: 470px; }

/* headline border */
.headlineBorderText                                         { padding: 33px 20%; }
.headlineBorderImageWrapper img                             { width: 100%; height: auto; }
.headlineBorderImageWrapper                                 { width: 150px; top: -25px; }

/*news slider*/
.newsSliderInner .newsSliderInnerText 						{ padding: 20px 50px 15px; }
.newsSliderWrapper img 										{ height: 198px; margin-top: 1px; width: 270px; }

/*zitat*/
.zitat                                                      { margin-bottom: 50px; }
.zitatBrownBG                                               { margin-bottom: 50px; }




}

@media (min-width: 768px) and  (max-width: 992px){
/* navigation */
.sf-menu a                                                  { padding: 10px 10px 30px 10px; }

/* slideshow kopfbereich */
.slideshowHeaderWrapper,
.slideshowHeaderInner,
.slideshowHeaderWrapper
.slick-track,
.slideshowHeaderWrapper .slick-list                         { height: 365px; }

/* vier teaser */
.fourTeaserWrapper h1,
.fourTeaserWrapper h2,
.fourTeaserWrapper h3,
.fourTeaserWrapper h4,
.fourTeaserWrapper h5,
.fourTeaserWrapper h6                                       { font-size: 26px; margin-bottom: 10px; }

/* headline border */
.headlineBorderText                                         { padding: 33px 15%; }
.headlineBorderImageWrapper img                             { width: 100%; height: auto; }
.headlineBorderImageWrapper
{ width: 100px; top: 0; }


/*news slider*/
.newsSliderInner .newsSliderInnerText 						{ padding: 20px 50px 15px; }
.newsSliderWrapper img 										{ height: 162px; margin-top: 1px; width: 260px; }
.newsSliderInner .newsSliderInnerText h2 					{ margin-bottom: 14px; }
.newsSliderInner .newsSliderInnerText h2 a 					{ color: rgba(139, 85, 7, 1); display: inline-block; font-family: "Times New Roman"; font-size: 25px; line-height: 27px; }

/*zitat*/
.zitat                                                      { margin-bottom: 50px; }
.zitatBrownBG                                               { margin-bottom: 50px; }
.combiTeaserWrapper .offset                                 { margin-top: 0 }
.combiTeaserWrapper .offset .combiText                      { padding-top: 0 }


/*headline zentriert*/
.headlineZentriert h1,
.headlineZentriert h2,
.headlineZentriert h3,
.headlineZentriert h4,
.headlineZentriert h5,
.headlineZentriert h6                                       { font-size: 28px; top: -85px; padding: 0; margin-bottom: 50px;  }


/* produktTeaser */
.switch .produktTeaserText                                  { text-align: left; }
.produktTeaserWrapperInner .produktTeaserImage              { margin-bottom: 30px; }
.produktTeaserText h1,
.produktTeaserText h2                                       { margin-bottom: 20px; }


/*teaser marginal*/
.teaserMarginalWrapper .teaserWrapperInner                  { padding-right: 50px; }
.teaserMarginalWrapper .imageWrapper                        { margin-bottom: 30px; }

/* combi teaser */
.combiImage																 { display: block;}
.combiTeaserWrapper img                                     { width: 100%; height: auto; margin: 0 auto; }
.combiText img															 { width: auto; }





}

@media (max-width: 767px) {
/* navigation */
header .fa-bars.open                                        { margin-bottom: 20px; }
/* logo */
.logoWrapperInner                                           { padding: 0; }
.logoWrapper                                                { margin-bottom: 0; }
.logoWrapperInner .img-responsive                           { max-width: 70%; }
.logoWrapperBorder                                          { top: 25px; }

/* quickinfo */
.quickInfoWrapper                                           { font-size: 8px; text-align: center; display: block;}
.quickInfoWrapper ul                                        { margin-bottom: 5px; }

/* slideshow kopfbereich */
.slideshowHeaderWrapper,
.slideshowHeaderInner,
.slideshowHeaderWrapper .slick-track,
.slideshowHeaderWrapper .slick-list                         { height: auto; width: auto; }

.arrow-wrap { display: none; }

/* claim */
.claimWrapper                                               { position: static; }
.claimTop,
.claimMiddle,
.claimBottom                                                { padding-left: 15px; padding-right: 15px; }
.claimTop                                                   { font-size: 26px; padding-top: 10px; }
.claimMiddle                                                { font-size: 34px; padding-top: 10px; padding-bottom: 15px; }
.claimBottom                                                { font-size: 14px; }

/* headline mit border */
.headlineBorderWrapper                                      { text-align: center; font-family: "Times New Roman"; margin-bottom: 45px; }

.headlineBorderTop                                          {  }
.headlineBorderTop, .headlineBorderTop h1,
.headlineBorderTop h2  										{ font-size: 16px; padding-bottom: 0;}

.headlineBorderBottom, .headlineBorderBottom h1,
.headlineBorderBottom h2, .headlineBorderBottom h3          { font-size: 20px; }

.headlineBorderText                                         { padding: 33px 15px; font-size: 16px; }

.headlineBorderImageWrapper img                             { width: 100%; height: auto; width: 100px;  }
.headlineBorderImageWrapper                                 { position: static; text-align: right; display: block; top: auto; right: auto; }


/* vier teaser */
.fourTeaserText                                             { padding: 25px 15px; }
.fourTeaserImage                                            { display: inline-block; }
.fourTeaserImage img                                        { max-width: 100%; }
.fourTeaserWrapper .left                                    { text-align: left; }

/* newsSlider */
.newsSliderInner .newsSliderInnerText                       { border-left: none; border-top: 1px solid rgba(139, 85, 7, 1); padding: 20px 30px; }
.newsSliderInner .newsSliderInnerText h2 a                  { font-size: 22px; }
.newsSliderInner .newsSliderInnerText h2                    { margin-bottom: 3px; }
.newsSliderInner .newsSliderInnerText h3                    { font-size: 18px; }
.newsSliderInner .newsSliderInnerText p                     { font-size: 12px; }
.newsSliderNavWrapper button                                { font-size: 12px; line-height: 13px; }
.newsSliderWrapper img                                      { max-width: 100%; width: auto; display: inline-block; }
.newsSliderInner .image_container                           { text-align: center; }

/* teaser mit brauner border */
.brownBorderTeaserWrapper .topPull                          { margin-top: 0; }
.brownBorderTeaserInner                                     { margin-bottom: 50px; }
.rightPull .brownBorderTeaserInner                          { text-align: right; }
.rightPull .brownBorderImage img                            { display: inline-block; }
.rightPull .brownBorderTeaserInner,
.rightPull .brownBorderHeadline                             { text-align: left; }


/*footer*/
.footerCol                                                  { min-height: auto; }

/*suche*/
.searchWrapper input.text                                   { width: 150px; }
.searchWrapper                                              { position: relative; top: 14px; }
.searchWrapper .fa-search                                   { font-size: 15px; }

/* combi teaser */
.combiImage                                                 { margin-bottom: 30px; }
.combiTeaserWrapper .rotate                                 { text-align: left; }
.caption 																	 { width: 100%; }
.rotate .caption													    { float: none; text-align: left;}

/* zitat */
.zitat                                                      { font-size: 21px; line-height: 23px; margin-bottom: 50px; padding: 0; }

/*contact*/
.contactInfo                                                { margin-bottom: 40px; }

/*headline zentriert*/
.headlineZentriert h1,
.headlineZentriert h2,
.headlineZentriert h3,
.headlineZentriert h4,
.headlineZentriert h5,
.headlineZentriert h6                                       { font-size: 28px; top: -130px; padding: 0; margin-bottom: 50px;  }

/* contact form */
.contactFormHeadline h1,
.contactFormHeadline h2,
.contactFormHeadline h3,
.contactFormHeadline h4,
.contactFormHeadline h5,
.contactFormHeadline h6                                     { font-size: 28px; }


/* produktTeaser */
.switch .produktTeaserText                                  { text-align: left; }
.produktTeaserWrapperInner .produktTeaserImage              { margin-bottom: 30px; }
.produktTeaserText h1,
.produktTeaserText h2                                       { font-size: 28px; }

/* textbild galerie*/
.textBildGalerieInner                                       { margin-bottom: 100px; }

/*zitat*/
.zitat                                                      { margin-bottom: 50px; }
.zitatBrownBG                                               { font-size: 21px; line-height: 23px; margin-bottom: 50px; }
.combiTeaserWrapper .offset                                 { margin-top: 0 }
.combiTeaserWrapper .offset .combiText                      { padding-top: 0 }

/*seiten navigation*/
.pageNavi                                                   { display: none; }

/* produktanfrage */
.produktanfrage h3                                          { font-size: 20px; }


/* teaser marginal */
.teaserMarginalWrapper .teaserWrapperInner                  { border-right: none; }
.teaserMarginalWrapper .imageWrapper                        { margin-bottom: 30px; }

/* combi teaser */
.combiImage																 { display: block;}
.combiTeaserWrapper img                                     { width: 100%; height: auto; margin: 0 auto; }
.combiText img															 { width: auto; }


/* Aktionsslider */
.naText { left: 0; padding: 15px 20px; position: relative;top: 0; }
.slick-prev {  left: 10px !important;  top: 100% !important; z-index: 1001;}
.slick-next { right: 10px !important; top: 100% !important; z-index:1001;}
}

.claimBottom a {
    color: white;
    text-decoration: none;
}

aside.awardcontainer {
    position: fixed;
    top: 25%;
    right: 0;
    z-index: 1001;
}

.nopadding {
	padding: 0;
}

.sevenfivebox .imagebox {
    padding-top: 15px;
}

/* Karriere */
button.button-style {
    background-color: rgb(140, 85, 0);
    border: none;
    color: white;
    padding: 10px;
    margin: 10px 0;
}

.startpagebox.karriere h2 {
    padding-top: 0;
}

@media (max-width: 767px) {
    .startpagebox.karriere h2 {
        padding-top: 15px;
    }
}

.imagebox figcaption.caption {
    padding-bottom: 15px;
}