/* Contao Open Source CMS, (c) 2005-2015 Leo Feyer, LGPL license */ body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li{float:left}.ce_gallery>ul li.col_first{clear:left}.float_left{float:left}.float_right{float:right}.block{overflow:hidden}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both} /* Contao Open Source CMS, (c) 2005-2015 Leo Feyer, LGPL license */ @media(max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.ie7 img{-ms-interpolation-mode:bicubic}.ie8 img{width:auto} .rs-columns { clear: both; display: inline-block; width: 100%; } .rs-column { float: left; width: 100%; margin-top: 7.69231%; margin-right: 7.69231%; } .rs-column.-large-first { clear: left; } .rs-column.-large-last { margin-right: -5px; } .rs-column.-large-first-row { margin-top: 0; } .rs-column.-large-col-1-1 { width: 100%; } .rs-column.-large-col-2-1 { width: 46.15385%; } .rs-column.-large-col-2-2 { width: 100%; } .rs-column.-large-col-3-1 { width: 28.20513%; } .rs-column.-large-col-3-2 { width: 64.10256%; } .rs-column.-large-col-3-3 { width: 100%; } .rs-column.-large-col-4-1 { width: 19.23077%; } .rs-column.-large-col-4-2 { width: 46.15385%; } .rs-column.-large-col-4-3 { width: 73.07692%; } .rs-column.-large-col-4-4 { width: 100%; } .rs-column.-large-col-5-1 { width: 13.84615%; } .rs-column.-large-col-5-2 { width: 35.38462%; } .rs-column.-large-col-5-3 { width: 56.92308%; } .rs-column.-large-col-5-4 { width: 78.46154%; } .rs-column.-large-col-5-5 { width: 100%; } .rs-column.-large-col-6-1 { width: 10.25641%; } .rs-column.-large-col-6-2 { width: 28.20513%; } .rs-column.-large-col-6-3 { width: 46.15385%; } .rs-column.-large-col-6-4 { width: 64.10256%; } .rs-column.-large-col-6-5 { width: 82.05128%; } .rs-column.-large-col-6-6 { width: 100%; } @media screen and (max-width: 900px) { .rs-column { margin-top: 7.69231%; margin-right: 7.69231%; } .rs-column.-large-first { clear: none; } .rs-column.-large-last { margin-right: 7.69231%; } .rs-column.-large-first-row { margin-top: 7.69231%; } .rs-column.-medium-first { clear: left; } .rs-column.-medium-last { margin-right: -5px; } .rs-column.-medium-first-row { margin-top: 0; } .rs-column.-medium-col-1-1 { width: 100%; } .rs-column.-medium-col-2-1 { width: 46.15385%; } .rs-column.-medium-col-2-2 { width: 100%; } .rs-column.-medium-col-3-1 { width: 28.20513%; } .rs-column.-medium-col-3-2 { width: 64.10256%; } .rs-column.-medium-col-3-3 { width: 100%; } .rs-column.-medium-col-4-1 { width: 19.23077%; } .rs-column.-medium-col-4-2 { width: 46.15385%; } .rs-column.-medium-col-4-3 { width: 73.07692%; } .rs-column.-medium-col-4-4 { width: 100%; } .rs-column.-medium-col-5-1 { width: 13.84615%; } .rs-column.-medium-col-5-2 { width: 35.38462%; } .rs-column.-medium-col-5-3 { width: 56.92308%; } .rs-column.-medium-col-5-4 { width: 78.46154%; } .rs-column.-medium-col-5-5 { width: 100%; } .rs-column.-medium-col-6-1 { width: 10.25641%; } .rs-column.-medium-col-6-2 { width: 28.20513%; } .rs-column.-medium-col-6-3 { width: 46.15385%; } .rs-column.-medium-col-6-4 { width: 64.10256%; } .rs-column.-medium-col-6-5 { width: 82.05128%; } .rs-column.-medium-col-6-6 { width: 100%; } } @media screen and (max-width: 599px) { .rs-column { margin-right: 7.69231%; } .rs-column.-medium-first { clear: none; } .rs-column.-medium-last { margin-right: 7.69231%; } .rs-column.-medium-first-row { margin-top: 7.69231%; } .rs-column.-small-first { clear: left; } .rs-column.-small-last { margin-right: -5px; } .rs-column.-small-first-row { margin-top: 0; } .rs-column.-small-col-1-1 { width: 100%; } .rs-column.-small-col-2-1 { width: 46.15385%; } .rs-column.-small-col-2-2 { width: 100%; } .rs-column.-small-col-3-1 { width: 28.20513%; } .rs-column.-small-col-3-2 { width: 64.10256%; } .rs-column.-small-col-3-3 { width: 100%; } .rs-column.-small-col-4-1 { width: 19.23077%; } .rs-column.-small-col-4-2 { width: 46.15385%; } .rs-column.-small-col-4-3 { width: 73.07692%; } .rs-column.-small-col-4-4 { width: 100%; } .rs-column.-small-col-5-1 { width: 13.84615%; } .rs-column.-small-col-5-2 { width: 35.38462%; } .rs-column.-small-col-5-3 { width: 56.92308%; } .rs-column.-small-col-5-4 { width: 78.46154%; } .rs-column.-small-col-5-5 { width: 100%; } .rs-column.-small-col-6-1 { width: 10.25641%; } .rs-column.-small-col-6-2 { width: 28.20513%; } .rs-column.-small-col-6-3 { width: 46.15385%; } .rs-column.-small-col-6-4 { width: 64.10256%; } .rs-column.-small-col-6-5 { width: 82.05128%; } .rs-column.-small-col-6-6 { width: 100%; } } /* Swipe 2.0, (C) Brad Birdsall 2012, MIT license */ .content-slider{overflow:hidden;visibility:hidden;position:relative}.slider-wrapper{overflow:hidden;position:relative}.slider-wrapper>*{float:left;width:100%;position:relative}.slider-control{height:30px;position:relative}.slider-control a,.slider-control .slider-menu{position:absolute;top:9px;display:inline-block}.slider-control .slider-prev{left:0}.slider-control .slider-next{right:0}.slider-control .slider-menu{top:0;width:50%;left:50%;margin-left:-25%;font-size:27px;text-align:center}.slider-control .slider-menu b{color:#bbb;cursor:pointer}.slider-control .slider-menu b.active{color:#666} /* * Copyright (c) 2015 querformat - die Werbeagentur */ @font-face {font-family: 'FFDINWebProMedium';src: url("../../files/hohenlohermolkerei/_layout/webfonts/2E501B_0_0.eot");src: url("../../files/hohenlohermolkerei/_layout/webfonts/2E501B_0_0.eot?#iefix") format('embedded-opentype'),url("../../files/hohenlohermolkerei/_layout/webfonts/2E501B_0_0.woff2") format('woff2'),url("../../files/hohenlohermolkerei/_layout/webfonts/2E501B_0_0.woff") format('woff'),url("../../files/hohenlohermolkerei/_layout/webfonts/2E501B_0_0.ttf") format('truetype');} @font-face {font-family: 'FFDINWebPro';src: url("../../files/hohenlohermolkerei/_layout/webfonts/2E501B_1_0.eot");src: url("../../files/hohenlohermolkerei/_layout/webfonts/2E501B_1_0.eot?#iefix") format('embedded-opentype'),url("../../files/hohenlohermolkerei/_layout/webfonts/2E501B_1_0.woff2") format('woff2'),url("../../files/hohenlohermolkerei/_layout/webfonts/2E501B_1_0.woff") format('woff'),url("../../files/hohenlohermolkerei/_layout/webfonts/2E501B_1_0.ttf") format('truetype');} /* shadows-into-light-regular - latin */ @font-face { font-family: 'Shadows Into Light'; src: url("../../files/hohenlohermolkerei/webfonts/shadows-into-light-v15-latin-regular.eot"); /* IE9 Compat Modes */ src: local(''), url("../../files/hohenlohermolkerei/_layout/webfonts/shadows-into-light-v15-latin/shadows-into-light-v15-latin-regular.eot?#iefix") format('embedded-opentype'), /* IE6-IE8 */ url("../../files/hohenlohermolkerei/_layout/webfonts/shadows-into-light-v15-latin/shadows-into-light-v15-latin-regular.woff2") format('woff2'), /* Super Modern Browsers */ url("../../files/hohenlohermolkerei/_layout/webfonts/shadows-into-light-v15-latin/shadows-into-light-v15-latin-regular.woff") format('woff'), /* Modern Browsers */ url("../../files/hohenlohermolkerei/_layout/webfonts/shadows-into-light-v15-latin/shadows-into-light-v15-latin-regular.ttf") format('truetype'), /* Safari, Android, iOS */ url("../../files/hohenlohermolkerei/_layout/webfonts/shadows-into-light-v15-latin/shadows-into-light-v15-latin-regular.svg#ShadowsIntoLight") format('svg'); /* Legacy iOS */ } /* * Copyright (c) 2015 querformat - die Werbeagentur */ *{ margin:0; padding:0;font-family:inherit;} html{overflow-y:scroll} a{ text-decoration:none;color:inherit} table,tr,td{border-collapse:collapse;vertical-align:top} /* Abstände nach unten */ h1,h2,h3,h4{font-weight:normal} /* Abstand von Links */ ul, ol {list-style:none} /* Textares rezisable */ textarea { resize:none; } textarea.vert {resize:vertical} textarea.hori {resize:horizontal} /* * Copyright (c) 2015 querformat - die Werbeagentur */ /* BounceIn */ @media (min-width: 1025px) { .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } /* BounceIn */ .bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn; } @-webkit-keyframes bounceIn { 0% {opacity: 0;-webkit-transform: scale(.3)} 50% {opacity: 1;-webkit-transform: scale(1.05)} 80% {-webkit-transform: scale(1)} 100% {opacity: 1;-webkit-transform: scale(1)} } @keyframes bounceIn { 0% {opacity: 0;transform: scale(.3)} 50% {opacity: 1;transform: scale(1.05)} 80% {transform: scale(1)} 100% {opacity: 1;transform: scale(1)} } /* BounceOut */ .bounceOut { -webkit-animation-name: bounceOut; animation-name: bounceOut; } @-webkit-keyframes bounceOut { 0% {opacity: 1;-webkit-transform: scale(1)} 25% {-webkit-transform: scale(.95)} 50% {-webkit-transform: scale(1.1)} 100% {opacity: 0;-webkit-transform: scale(.3)} } @keyframes bounceOut { 0% {opacity: 1;transform: scale(1)} 25% {transform: scale(.95)} 50% {transform: scale(1.1)} 100% {opacity: 0;transform: scale(.3)} } /* FadeInLeft */ .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInLeft { 0% {opacity: 0;-webkit-transform: translateX(100px)} 100% {opacity: 1;-webkit-transform: translateX(0)} } @keyframes fadeInLeft { 0% {opacity: 0;transform: translateX(100px)} 100% {opacity: 1;transform: translateX(0)} } /* FadeInRight */ .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInRight { 0% {opacity: 0;-webkit-transform: translateX(-100px)} 100% {opacity: 1;-webkit-transform: translateX(0)} } @keyframes fadeInRight { 0% {opacity: 0;transform: translateX(-100px)} 100% {opacity: 1;transform: translateX(0)} } /* FadeIn */ .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeIn { 0% {opacity: 0;} 100% {opacity: 1;} } @keyframes fadeIn { 0% {opacity: 0;} 100% {opacity: 1;} } /* Schmetterling News */ .butterfly-ani{ animation: butterfly linear 5s; animation-iteration-count: 1; transform-origin: 50% 50%; -webkit-animation: butterfly linear 5s; -webkit-animation-iteration-count: 1; -webkit-transform-origin: 50% 50%; -ms-animation: butterfly linear 5s; -ms-animation-iteration-count: 1; -ms-transform-origin: 50% 50%; } @keyframes butterfly{ 0% {transform: translate(304px,-82px);opacity:0} 7% {transform: translate(223px,-41px)} 13% {transform: translate(154px,-6px)} 21% {transform: translate(143px,-61px);opacity:1} 29% {transform: translate(103px,-40px)} 35% {transform: translate(76px,-76px)} 60% {transform: translate(0px,0px)} } @-webkit-keyframes butterfly { 0% {-webkit-transform: translate(304px,-82px);opacity:0} 7% {-webkit-transform: translate(223px,-41px);} 13% {-webkit-transform: translate(154px,-6px)} 21% {-webkit-transform: translate(143px,-61px);opacity:1} 29% {-webkit-transform: translate(103px,-40px);} 35% {-webkit-transform: translate(76px,-76px);} 60% {-webkit-transform: translate(0px,0px);} } @-ms-keyframes butterfly { 0% {-ms-transform: translate(304px,-82px);opacity:1} 7% {-ms-transform: translate(223px,-41px);} 13% {-ms-transform: translate(154px,-6px);} 21% {-ms-transform: translate(143px,-61px);opacity:1} 29% {-ms-transform: translate(103px,-40px);} 35% {-ms-transform: translate(76px,-76px);} 60% {-ms-transform: translate(0px,0px);} } } /* Farben #23256e / dunkelblau #ffffff #a5dbf4 / hellblau # /* Mainfont / color ####################### */ *{color:#23256e;line-height:155%} html, body{font-family:'FFDINWebPro', sans-serif;} #main{padding-bottom:25px}/* stickyfooter berücksichtigen */ /* Atomes ####################### */ /* Classes */ .noscroll{overflow:hidden} .qf_ma{margin:0 auto} .qf_w30{width:300px;float:left;margin:0 10px} .qf_w50{width:500px} .qf_w56{width:560px} .qf_w64{width:640px} .qf_w70{width:700px} .qf_w77{width:770px} .qf_w80{width:800px} .qf_w90{width:900px} .qf_w96{width:960px} .qf_w97{width:970px} .qf_w975{width:975px} .qf_w100{width:1000px} .qf_txtc{text-align:center} .qf_txtr{text-align:right} .qf_txtl{text-align:left} .qf_secw{padding:100px 0}/* section white */ .qf_secws{padding:60px 0}/* section white small */ .qf_secb{background-color:#e9f6fc;padding:100px 0}/* section blue */ .qf_secb h1{color:#23256e} .qf_secbs{background-color:#e9f6fc;padding:60px 0}/* section blue small */ .qf_secdb{background-color:#bee4f5;padding:100px 0}/* section darkerblue */ .qf_secdbs{background-color:#bee4f5;padding:60px 0}/* section darkerblue small */ .qf_secbw{padding-bottom:100px;background:#e9f6fc url("../../files/hohenlohermolkerei/_layout/bg_white140.jpg") left top repeat-x}/* section blue with 140px white}*/ .qf_db{color:#23256e}/* darb blue */ .qf_lb{color:#92d2ee !important} /* light blue */ .qf_btn a{margin-top:40px;background-color:#fff;-webkit-transition: all .3s linear 0s;transition: all .3s linear 0s;display:inline-block;border:1px #92d2ef solid;padding:15px 30px 12px;text-transform:uppercase;color:#92d2ef;font-size:13.5pt} .qf_btn a:hover{background-color:#92d2ee;color:#fff} .qf_btng a{color:#74a532;border-color:#74a532;background-color:transparent}/* green */ .qf_btng a:hover{background-color:#74a532;color:#fff} .qf_lasts{padding-bottom:180px !important}/* last section before footer with more space */ .qf_bu{background:url("../../files/hohenlohermolkerei/_layout/bg_bildunterschrift.png") no-repeat left top;color:#23256f;font-size:11.5pt;width:800px;margin:0 auto;padding-left:50px;line-height:17pt;padding-top:32px;margin-top:-32px} .qf_bu p{margin:16px 0} .qf_of{overflow:visible} .qf_transit, .qf_transit *{-webkit-transition: all .5s;transition: all .5s;} .qf_mt10{margin-top:120px} .qf_mb6{margin-bottom:60px} .qf_sp10{padding-left:100px;padding-right:100px} /*padding left/right*/ .qf_bgholz{background:url("../../files/hohenlohermolkerei/_layout/blumen.png") fixed,#cdc7c4 url("../../files/hohenlohermolkerei/_layout/bg_holz.jpg") fixed;background-size:auto,cover;background-repeat:no-repeat,no-repeat;background-position:right bottom,center center} .qf_bgmilch{background:url("../../files/hohenlohermolkerei/_layout/bg_leckere-produkte_details.jpg") center center fixed no-repeat;background-size:cover} .onlyphone{display:none} .normalize ul{list-style:disc;list-style:initial;margin:20px 0;padding-left:40px} .ptb50{padding:50px 0} /* Tags */ h1{color:#92d2ef;text-align:center;font-size:26pt;font-family: 'Shadows Into Light', cursive;letter-spacing:1pt;font-weight:normal;line-height:40pt} h2{font-size:14pt;margin-bottom:5px;line-height:27pt;font-weight:normal} h3{font-family:'Shadows Into Light', cursive;letter-spacing:1pt} h4{line-height: 24pt !important;color: #92d2ee;text-transform: uppercase;margin: 0 0 25px;font-size: 22pt !important} /* Parallax ####################### */ .parallax .textarea{position:absolute;top:30px;text-align:center;width:100%} .parallax .textarea *{color:#fff;text-shadow:#23256e 1px 1px 2px} .parallax img{width:100% !important;height:auto !important} .parallax{background-size:cover;background-repeat:no-repeat;background-color:#fff} /* Textformats ####################### */ #footer .footer_col *, .teaseritem .teaser p:last-child, #kontakt-ansprechpartner form *, #tl_login *, .inside_ce_unser-bauer .comment_box p:last-child{font-size:11pt;line-height:17pt} .txtf1{font-size: 13.5pt !important;line-height: 23pt !important} .txtf2{font-size: 13.5pt !important;line-height: 23pt !important} /* Fließtext */ .introtext, .introtext p{font-size: 15pt;line-height: 25pt;} /* introtext */ /* Header ####################### */ @media (min-width: 1px){ #header{height:177px} #header .mod_navigation{position:absolute;top:138px;background:url("../../files/hohenlohermolkerei/_layout/bg_mainnav.gif") repeat-x;text-align:center;width:100%;z-index:9} #header .mod_navigation *, #header .mod_customnav *{list-style:none;color:#152967;font-size:13px;display:inline-block;text-transform:uppercase} /*#header .mod_customnav .active{color:#152967}*/ #header .mod_navigation > li.trail, #header .mod_navigation > li.active{background:url("../../files/hohenlohermolkerei/_layout/bg_mainnav_active.png") no-repeat top center} #header .mod_navigation li.active, #header .mod_navigation li.trail{font-family:'FFDINWebProMedium', sans-serif;background:url("../../files/hohenlohermolkerei/_layout/bg_mainnav_active.png") no-repeat top center} #header .mod_navigation li.inaktiv.active2{background:url("../../files/hohenlohermolkerei/_layout/bg_mainnav_active.png") no-repeat top center !important} #header .mod_navigation li.inaktiv{background-image:none} #header .mod_navigation li{padding:10px 17px 22px 17px} #header .mod_customnav{width:463px;text-align:right;position:absolute;top:20px;left:50%;margin-left:10px} #header .mod_customnav *{color:#fff} #header .mod_customnav li{padding:0 10px; border-right:1px #fff solid} #header .mod_customnav li.last{border-right:none} #header .mod_customnav li a:hover{color:#152967} #header .mod_login{position:absolute;top: 55px;left: 50%;margin-left: 353px;} #header .mod_login input{margin:0;font-size:12px;width:110px;text-align:center;padding:5px 15px 3px;border:1px #fff solid;background:none;color:#fff} #header .mod_login input:hover{background-color:#23256e} #header .mod_login #tl_login{display:none} #qf_mainlogo{padding:20px 0;background-color:#a5dbf4;text-align:center;height:98px} #qf_mainnav{padding:30px 0;position:absolute;width:100%;top:177px;text-align:center;z-index:8;background-color:#fff;display:none;border-bottom:1px #e9f6fc solid} #qf_nav.fixed{position:fixed;top:0} #qf_mainnav.fixed{position:fixed;top:39px} #qf_mainnav .subnav_bg{height:109px;background:url("../../files/hohenlohermolkerei/_layout/navigation/subnav_bg.gif") repeat-x left 30px;} #nav_unsere_molkerei, #nav_unsere_bauern, #nav_leckere-produkte, #nav_regional-einkaufen, #nav_qualitaetsversprechen, #nav_gut-informiert, #nav_kontakt{display:none} #qf_mainnav .ce_image{display:inline-block;width:120px;vertical-align:top;} #qf_mainnav #nav_leckere-produkte .ce_image{width:105px} #qf_mainnav .ce_image .caption{font-family: 'Shadows Into Light', cursive;letter-spacing:1pt;line-height:19pt;font-size:12pt} #qf_mainnav .ce_image:hover .caption, #qf_mainnav .ce_image .aktiv .caption, #header-mobile .ce_image .aktiv .caption{font-weight:bold} #qf_mainnav .subnav_bg{overflow:visible} } /* Footer ####################### */ @media (min-width: 1px){ #stickyfooter_icon{display:block;cursor:pointer;height:28px;background:url("../../files/hohenlohermolkerei/_layout/footer_sticky_contacticon_1.png") no-repeat top center} #stickyfooter:hover #stickyfooter_icon{background-image:url("../../files/hohenlohermolkerei/_layout/footer_sticky_contacticon_2.png")} #stickyfooter{position:fixed;z-index:5;bottom:0;width:100%;left:0;right:0} #stickyfooter .ce_text{cursor:pointer} #stickyfooter .ce_text p{margin-bottom:0;color:#fff} #stickyfooter .ce_form{display:none;max-width:732px;margin:0 auto;box-shadow:0 2px 4px rgba(0,0,0,0.5)} #stickyfooter .ce_form{background:url("../../files/hohenlohermolkerei/_layout/postkarte_0.jpg") no-repeat center top} #stickyfooter .ce_form .formbody{height:433px;background:url("../../files/hohenlohermolkerei/_layout/postkarte_1.jpg")} #stickyfooter .ce_form .ajaxconfirm{height:283px;background:url("../../files/hohenlohermolkerei/_layout/postkarte_2.png");text-align:left;padding-left:30px;padding-top:150px} #stickyfooter .ce_form .ajaxconfirm h3{font-size:30pt;color:#fff;margin-bottom:30px} #stickyfooter .ce_text{background:#23256f url("../../files/hohenlohermolkerei/_layout/footer_sticky.jpg") repeat-x left top;color:#fff;text-align:center;padding:10px 0 6px;font-size:10pt} /*#stickyfooter span.mandatory{display:none}*/ #stickyfooter .widget span.mandatory{display:none} #stickyfooter .widget-textarea{height:330px;text-align:left;float:left;margin-left:30px} #stickyfooter .widget-textarea label{margin:30px 0 20px;display:block;font-size:20pt;font-family:'Shadows Into Light', cursive;color:#92d2ee;letter-spacing:1pt} #stickyfooter .widget-textarea textarea{width:300px;height:250px;border:0;background:url("../../files/hohenlohermolkerei/_layout/sticky_textarea.gif") left top;font-size:12pt;line-height:21pt} #stickyfooter .ce_form div.company{margin-top:258px} #stickyfooter .ce_form div.mail, #stickyfooter .ce_form div.company, #stickyfooter .ce_form div.name{float:right;margin-right:30px;border-bottom:1px #898aaf solid} #stickyfooter .ce_form div.mail input, #stickyfooter .ce_form div.company input, #stickyfooter .ce_form div.name input{border:none;width:240px;background:none;height:25px} #stickyfooter .ce_form div.mail label, #stickyfooter .ce_form div.company label, #stickyfooter .ce_form div.name label{width:50px;font-size:9pt;display:inline-block;text-align:left;color:#92d2ee;text-transform:uppercase} #stickyfooter .submit_container:first-child{clear:both} #stickyfooter .submit_container{float:left;margin:25px 0 0 45px}/*125 wenn nur ein button*/ #stickyfooter .submit_container input, #stickyfooter #close_contact{-webkit-transition:background-color .2s linear 0s;transition: background-color .2s linear 0s;font-size:10pt;line-height:22pt;color:#fff;text-transform:uppercase;padding:0 10px;background-color:#92d2ef;border:1px #fff solid} #stickyfooter .submit_container input:hover, #stickyfooter #close_contact:hover{background-color:#23256e} #stickyfooter.fixed{position:absolute;bottom:410px} .nostickycontact #stickyfooter_icon, .nostickycontact #stickyfooter .ce_form{display:none !important} .nostickycontact #stickyfooter *{cursor:default} #footer{background-color:#23256f;background-image: url("../../files/hohenlohermolkerei/_layout/footer_bg.png"), url("../../files/hohenlohermolkerei/_layout/bg_white.jpg");background-position:left -2px,left 80px;background-repeat:repeat-x;} #footer .footer_col{float:left;margin-top:110px;height:300px;width:320px} #footer #article-footer{max-width:960px;margin:0 auto} #footer #article-footer li a{padding-left:16px;background:url("../../files/hohenlohermolkerei/_layout/bg_footer_nav_points.png") no-repeat left center} #footer #article-footer a:hover{font-weight:bold} #footer #article-footer .footer_anfahrt{display:block;background:url("../../files/hohenlohermolkerei/_layout/ico_anfahrt.png") 10px center no-repeat;border-top:1px #92d2ee solid;border-bottom:1px #92d2ee solid;padding:9px 0 9px 50px} #footer #article-footer .footer_anfahrt strong{display:block;} } /* Ãœbersichtsseiten ######################## */ @media (min-width: 1px){ .uebersicht{background:url("../../files/hohenlohermolkerei/_layout/blumen_keafer.png") right bottom no-repeat,url("../../files/hohenlohermolkerei/_layout/bg_uebersicht.jpg") center bottom;background-size:auto,cover;text-align:center;padding-bottom:180px} .uebersicht .ce_image{display:inline-block;margin: 0 10px;} .uebersicht .ce_image *{-webkit-backface-visibility:hidden;} .uebersicht .ce_image .image_container{background:url("../../files/hohenlohermolkerei/08-uebersicht/polaroid-1.png") no-repeat left top} .uebersicht .ce_image.p2 .image_container{background-image:url("../../files/hohenlohermolkerei/08-uebersicht/polaroid-2.png")} .uebersicht .image_container{padding: 109px 29px 40px} .uebersicht .image_container a{display:block;background:no-repeat left top} .uebersicht .chronik .image_container a{background-image:url("../../files/hohenlohermolkerei/08-uebersicht/overview-1-chronik-hover.png")} .uebersicht .verwaltung .image_container a{background-image:url("../../files/hohenlohermolkerei/08-uebersicht/overview-1-verwaltung-hover.png")} .uebersicht .datenfakten .image_container a{background-image:url("../../files/hohenlohermolkerei/08-uebersicht/overview-1-daten-und-fakten-hover.png")} .uebersicht .einzugsgebiet .image_container a{background-image:url("../../files/hohenlohermolkerei/08-uebersicht/overview-1-einzugsgebiet-hover.png")} .uebersicht .nachhaltigkeit .image_container a{background-image:url("../../files/hohenlohermolkerei/08-uebersicht/overview-1-nachhaltigkeit-hover.png")} .uebersicht .aufdenhoefen .image_container a{background-image:url("../../files/hohenlohermolkerei/08-uebersicht/overview-2-auf-den-hoefen-hover.png")} .uebersicht .imlabor .image_container a{background-image:url("../../files/hohenlohermolkerei/08-uebersicht/overview-2-im-labor-hover.png")} .uebersicht .ohnegentechnik .image_container a{background-image:url("../../files/hohenlohermolkerei/08-uebersicht/overview-2-ohne-gentechnik-hover.png")} .uebersicht .auszeichnungen .image_container a{background-image:url("../../files/hohenlohermolkerei/08-uebersicht/overview-2-auszeichnungen-hover.png")} .uebersicht .aktuelles .image_container a{background-image:url("../../files/hohenlohermolkerei/08-uebersicht/overview-3-aktuelles-hover.png")} .uebersicht .jobs .image_container a{background-image:url("../../files/hohenlohermolkerei/08-uebersicht/overview-3-jobs-hover.png")} .uebersicht .downloads .image_container a{background-image:url("../../files/hohenlohermolkerei/08-uebersicht/overview-3-downloads-hover.png")} .uebersicht .links .image_container a{background-image:url("../../files/hohenlohermolkerei/08-uebersicht/overview-3-links-hover.png")} .uebersicht .ausbildung .image_container a{background-image:url("../../files/hohenlohermolkerei/08-uebersicht/overview-3-ausbildung-hover.png")} .uebersicht .foerderung .image_container a{background-image:url("../../files/hohenlohermolkerei/08-uebersicht/overview-3-foerderung-hover.jpg")} .uebersicht .kennzeichen .image_container a{background-image:url("../../files/hohenlohermolkerei/08-uebersicht/overview-3-kennzeichen-hover.jpg")} .uebersicht .impressum .image_container a{background-image:url("../../files/hohenlohermolkerei/08-uebersicht/overview-4-impressum-hover.png")} .uebersicht .datenschutz .image_container a{background-image:url("../../files/hohenlohermolkerei/08-uebersicht/overview-5-datenschutz-Hover.png")} .uebersicht .anfahrt .image_container a{background-image:url("../../files/hohenlohermolkerei/08-uebersicht/overview-4-anfahrt-hover.png")} .uebersicht .ansprechpartner .image_container a{background-image:url("../../files/hohenlohermolkerei/08-uebersicht/overview-4-ansprechpartner-hover.png")} .uebersicht .kontaktformular .image_container a{background-image:url("../../files/hohenlohermolkerei/08-uebersicht/overview-4-kontaktformular-hover.png")} .uebersicht .image_container a img{-webkit-transition: all .5s;transition: all .5s;} .uebersicht .image_container a:hover img{opacity:0.1} .uebersicht .image_container .caption{font-size:17pt;font-family: 'Shadows Into Light', cursive;letter-spacing:1pt} .bg_schnur{padding-top:70px} .bg_schnur.x2{ background-image: url("../../files/hohenlohermolkerei/08-uebersicht/schnur.png"), url("../../files/hohenlohermolkerei/08-uebersicht/schnur.png"); background-repeat: no-repeat, no-repeat; background-position: center top, center 439px} .bg_schnur.x1{ background-image: url("../../files/hohenlohermolkerei/08-uebersicht/schnur.png"); background-repeat: no-repeat; background-position: center top} .rotate_left_2{-moz-transform: rotate(-2deg);-ms-transform: rotate(-2deg);-o-transform: rotate(-2deg);-webkit-transform: rotate(-2deg);transform: rotate(-2deg);} .rotate_left_6{-moz-transform: rotate(-6deg);-ms-transform: rotate(-6deg);-o-transform: rotate(-6deg);-webkit-transform: rotate(-6deg);transform: rotate(-6deg);} .rotate_right_2{-moz-transform: rotate(2deg);-ms-transform: rotate(2deg);-o-transform: rotate(2deg);-webkit-transform: rotate(2deg);transform: rotate(2deg);} .rotate_right_6{-moz-transform: rotate(6deg);-ms-transform: rotate(6deg);-o-transform: rotate(6deg);-webkit-transform: rotate(6deg);transform: rotate(6deg);} } /* Startseite ####################### */ /* News + Nachhaltigkeit */ @media (min-width: 1px){ #teaser_start .qf_w96, #teaser_start .mod_newslist{display: -webkit-flex;display: flex;} .news_start{width:640px} .nachhaltigkeit_start{width:320px} #teaser_start h2.first{font-size:17pt;font-family:'Shadows Into Light', cursive;letter-spacing:1pt;padding-left:90px;height:77px;margin-bottom:40px;} #teaser_start h2.first strong{line-height:117%;font-family: 'FFDINWebPro', cursive;font-weight:normal;letter-spacing:0;font-size:24pt;text-transform:uppercase;} #teaser_start .news_start h2.first{background:url("../../files/hohenlohermolkerei/_layout/bg_hl_news.png") no-repeat left center;} #teaser_start .news_start h2.first strong{color:#92d2ee;} #teaser_start .nachhaltigkeit_start h2.first{color:#365408;/*color:#23256e;*/background:none;padding-left:0;} #teaser_start .nachhaltigkeit_start h2.first strong{color:#74a434;/*color:#92d2ee*/} #teaser_start .teaseritem{background:#fff no-repeat center top;background-size:100%;cursor:pointer;width:318px;height:345px;margin-left:2px;display:inline-block;overflow:hidden} .teaseritem .info, .teaseritem time{color: #92d2ef;font-size: 10pt;height:21px;margin-bottom:5px} .teaseritem .teaser{-webkit-transition: margin-top .5s ease-in-out .5s;transition: margin-top .5s ease-in-out .5s;background-color: #fff;padding: 15px 20px;margin-top:235px;height:315px} .teaseritem .teaser h2{line-height:22pt;margin-bottom:17px;font-family: 'FFDINWebProMedium', sans-serif;height:58px} .teaseritem:hover .teaser{margin-top:0;-webkit-transition: margin-top .5s ease-in-out ;transition: margin-top .5s ease-in-out} .teaseritem .more{text-align:right;padding-right:40px;-webkit-transition:opacity .5s linear 0s;transition: opacity .5s linear 0s;position:absolute;margin:302px 20px 0;width:238px;height:28px;background:url("../../files/hohenlohermolkerei/_layout/ico_more_blue.png") no-repeat right center;opacity:0;line-height:22pt;font-family:'FFDINWebProMedium', sans-serif} .teaseritem:hover .more{-webkit-transition:opacity .5s linear .5s;transition: opacity .5s linear .5s;opacity:1} .teaseritem:hover .more a{-webkit-transition:all .5s;transition:all .5s;} .teaseritem:hover .more:hover a{color:#92d2ef} .nachhaltigkeit_start .teaseritem{background-size:100%;background-position:center center;-webkit-transition:background-size .5s linear;transition: background-size .5s linear} .nachhaltigkeit_start .teaseritem:hover{background-size:110%} .nachhaltigkeit_start .teaseritem:hover .more:hover a{color:#74a532} .nachhaltigkeit_start .caption{text-align: center;color: #23256e;font-size: 15pt;padding: 20px 0;font-family: 'FFDINWebProMedium', sans-serif;} .nachhaltigkeit_start .teaseritem .more{display:none;background-image:url("../../files/hohenlohermolkerei/_layout/ico_more_green.png");color:#23256e} .nachhaltigstartseite .ce_text{max-width:900px !important;width:auto !important;padding-left:0 !important} .nachhaltigstartseite .ce_text h2{color:#365408 !important} .nachhaltigstartseite .ce_text h2 *{color:#74a434 !important} .nachhaltigstartseite .image_container{margin-right:50px} } @media (max-width: 980px){ .nachhaltigstartseite .image_container{display:none} } /* DLG Bereich */ @media (min-width: 1px){ #dlg .ce_image{display:inline-block;margin:10px;opacity:0} #dlg .ce_text{max-width:670px;margin:0 auto;font-size:16pt;line-height:25pt} #dlg h1,#dlg .ce_text{margin-bottom:30px} #dlg .ce_text{margin-top:30px} } /* Unsere Molkerei - Verwaltung ####################### */ @media (min-width: 1px){ .vorstand p{float:right;width:640px} .vorstand .image_container{opacity:0;margin:10px} .vorstand .position1{font-family:'FFDINWebProMedium', sans-serif;margin:20px 0} .vorstand .position2{color:#92d2ef;font-size:13.5pt;margin-bottom:15px} .vorstand .position2 strong{color:#92d2ef;display:block;font-weight:normal;font-family: 'Shadows Into Light', cursive;letter-spacing:1pt;font-size:26pt} .vorstand .ce_text p:last-child{margin-bottom:100px} .vorstand .ce_text:last-child p:last-child{margin-bottom:0} } /* Unsere Molkerei - Daten und Fakten ####################### */ @media (min-width: 1px){ .fakt.bg1{background:url("../../files/hohenlohermolkerei/_layout/datenfakten_headline_bg.jpg") no-repeat center 185px} .fakt.bg2{background:url("../../files/hohenlohermolkerei/_layout/datenfakten_headline_bg_2.jpg") no-repeat center 185px} .fakt.bg3{background:url("../../files/hohenlohermolkerei/_layout/datenfakten_headline_bg_3.jpg") no-repeat center 185px} .fakt.bg4{background:url("../../files/hohenlohermolkerei/_layout/datenfakten_headline_bg_4.jpg") no-repeat center 185px} .inside_ce_datenfakten div{display:inline-block} .inside_ce_datenfakten div:nth-child(2){width:505px;padding-left:30px} .inside_ce_datenfakten div:nth-child(3){float:right} .inside_ce_datenfakten div.text{font-family:'Shadows Into Light', cursive;font-size:30pt;color:#92d2ef;letter-spacing:1pt} .inside_ce_datenfakten div.text:first-child{font-size:55pt;width:215px;text-align:right} .inside_ce_datenfakten .tableWizard{margin-top:40px;font-size:15pt;line-height:25pt} .inside_ce_datenfakten .tableWizard tr td:first-child{width:185px;text-align:right} .inside_ce_datenfakten .tableWizard tr td{padding:8px 0 8px 30px} .inside_ce_datenfakten .tableWizard tr td:nth-child(2){width:600px} } /* Unsere Molkerei - Einzugsgebiet ####################### */ /* Lieferant mit Sprechblase */ @media (min-width: 1px){ .fullscreen{margin-top:150px} .fullscreen img{width:100%} .speechbubble{position:absolute;left:50%;margin-left:-350px;margin-top:0px;padding:0 30px;text-align:center;background:url("../../files/hohenlohermolkerei/_layout/speechbubble.png") no-repeat left top;width:384px;height:304px;opacity:0} .speechbubble h3{color:#fff;font-family: 'Shadows Into Light', cursive;letter-spacing:1pt;font-weight:normal;font-size:20pt;margin-top: 45px;margin-bottom: 0px;} .speechbubble p{margin-top:5px} } /* qualitätsmanagement */ @media (min-width: 1px){ #qualitaet-qualitaetsmanagement .w1000 p.first{margin-top:190px} #qualitaet-qualitaetsmanagement .w1000 strong{font-family: 'Shadows Into Light', cursive;font-weight:normal;margin:11px;color:#92d2ef;font-size:42pt;margin-top:16px;float:left;margin-right:10px;display:inline-block;width:40px;text-align:center} .ifsfood h1, .milchpruefring h1{margin:0;padding:30px 0} .ifsfood h1{background:url("../../files/hohenlohermolkerei/_layout/ico_ifsfood.jpg") no-repeat right center} .milchpruefring h1{background:url("../../files/hohenlohermolkerei/_layout/ico_milchpruefring.jpg") no-repeat right center} } /* Unsere Molkerei - Nachhaltigkeit ####################### */ @media (min-width: 1px){ #einwegglas.fix{position:fixed;top:105px !important;} #einwegglas.aktiv .inside{opacity:1} #einwegglas .inside{width:344px;height:440px;opacity:0;background:url("../../files/hohenlohermolkerei/01-unsere-molkerei/nachhaltigkeit/einwegglas_schein.png");-webkit-transition: all 1s;transition: all 1s;} #einwegglas{display:none;position: absolute;left:50%;margin-left:-490px;background:url("../../files/hohenlohermolkerei/01-unsere-molkerei/nachhaltigkeit/einwegglas.png") no-repeat center center;z-index:1} .naturpapier{background:#ece2c2 url("../../files/hohenlohermolkerei/_layout/bg_nachhaltigkeit.jpg");background-size:cover;padding:100px 0} .naturpapier h1{color:#fff;text-align:left;margin-bottom:30px} .naturpapier .ce_text p, .naturpapier .ce_text p strong{color:#365408} .naturpapier .ce_text, #unternehmen-nachhaltigkeit .nachhaltigkeit .ce_text{width:600px;margin:0 auto;padding-left:380px} #unternehmen-nachhaltigkeit .nachhaltigkeit{padding:100px 0} #unternehmen-nachhaltigkeit .nachhaltigkeit .ce_text{opacity:0;} #unternehmen-nachhaltigkeit .nachhaltigkeit h2{font-size: 29pt;line-height:36pt;margin-bottom:60px;font-family: 'Shadows Into Light', cursive; letter-spacing: 1pt; font-weight: normal;color:#74a532 !important;padding:0 0 65px 20px} #unternehmen-nachhaltigkeit .nachhaltigkeit .ce_text *{color:#365408} #unternehmen-nachhaltigkeit .nachhaltigkeit.green h2, #unternehmen-nachhaltigkeit .nachhaltigkeit.green .ce_text *{color:#fff !important} #unternehmen-nachhaltigkeit .nachhaltigkeit.green{background-color:#779e41} #unternehmen-nachhaltigkeit .nachhaltigkeit.green .ce_text li{background-image:url("../../files/hohenlohermolkerei/_layout/list_bullet_white.png")} #unternehmen-nachhaltigkeit .nachhaltigkeit .ce_text li{padding-left:40px;margin-top:20px;list-style:none;margin-left:10px;background:url("../../files/hohenlohermolkerei/_layout/list_bullet_green.png") no-repeat 5px 10px} #unternehmen-nachhaltigkeit .nachhaltigkeit .ce_text li li{font-family:'FFDINWebProMedium', sans-serif;background-image:url("../../files/hohenlohermolkerei/01-unsere-molkerei/nachhaltigkeit/nachhaltig_haken.png")} #nachhaltigkeit1 h2{background:url("../../files/hohenlohermolkerei/01-unsere-molkerei/nachhaltigkeit/ico-nachhaltig-ressource.png") no-repeat center bottom} #nachhaltigkeit2 h2{background:url("../../files/hohenlohermolkerei/01-unsere-molkerei/nachhaltigkeit/ico-nachhaltig-fuhrpark.png") no-repeat center bottom} #nachhaltigkeit3 h2{background:url("../../files/hohenlohermolkerei/01-unsere-molkerei/nachhaltigkeit/ico-nachhaltig-verpackung.png") no-repeat center bottom} } /* Unsere Molkerei - Chronik ####################### */ @media (min-width: 1px){ #unternehmen-chronik{background:url("../../files/hohenlohermolkerei/_layout/chronik_line.gif") repeat-y fixed center top,url("../../files/hohenlohermolkerei/_layout/bg_chronik.jpg") no-repeat fixed center top ;background-size:auto,cover;padding-top:100px} #unternehmen-chronik .ce_dma_eg_3{opacity:0;width:418px;background:url("../../files/hohenlohermolkerei/_layout/event-dot.png") no-repeat right top;padding-top:5px;clear:both} #unternehmen-chronik .ce_dma_eg_3 p{margin:0} #unternehmen-chronik .ce_dma_eg_3.left{float:left;background:url("../../files/hohenlohermolkerei/_layout/chronik_event_left.png") no-repeat left top;padding-right:72px} #unternehmen-chronik .ce_dma_eg_3.right{float:right;background:url("../../files/hohenlohermolkerei/_layout/chronik_event_right.png") no-repeat right top;padding-left:72px} .inside_ce_dma_eg_3 div:first-child{line-height:140%;color:#fff;font-family:'Shadows Into Light', cursive;letter-spacing:1pt;max-height:60px;overflow:hidden;font-size:31pt;float:left;padding:0 10px 0 15px;margin-right:10px} .inside_ce_dma_eg_3 div:nth-child(2){font-family: 'FFDINWebProMedium', sans-serif;font-size:15pt;text-transform:uppercase;padding:9px 0 0 0;line-height:17pt} .inside_ce_dma_eg_3 div:nth-child(3){font-size:11pt} .inside_ce_dma_eg_3 div.textarea{text-align:justify;clear:left;background-color:#fff;padding:20px 15px;font-size:11pt;line-height:17pt} } /* Unsere Bauern ####################### */ @media (min-width: 1px){ .ce_unser-bauer{float:left;border:10px #fff solid;box-shadow:1px 1px 8px rgba(0,0,0,0.5);margin:8px} .ce_unser-bauer.platzhalter_JaNein{border:none;cursor:pointer} .ce_unser-bauer.platzhalter_JaNein .comment_box{display:none} .inside_ce_unser-bauer{display:table-cell;vertical-align:bottom} .inside_ce_unser-bauer *{color:#fff} .inside_ce_unser-bauer .comment_box{background:rgba(35,37,110,0.8);margin-bottom:-145px;transition:margin 0.5s} .double .inside_ce_unser-bauer .comment_box{margin-bottom:-100px} .double .inside_ce_unser-bauer .comment_box p:last-child{height:70px;} .inside_ce_unser-bauer:hover .comment_box, .double .inside_ce_unser-bauer:hover .comment_box{margin-bottom:0 !important} .inside_ce_unser-bauer .comment_box .name{padding:5px 15px 2px;font-family: 'Shadows Into Light', cursive;letter-spacing:1pt;font-size:16pt} .inside_ce_unser-bauer .comment_box .ort {padding:0px 15px 7px} /* AZUBI */ .inside_ce_unser-bauer .comment_box .ortAzubi {padding:7px 15px 7px} .inside_ce_unser-bauer .comment_box p:last-child{padding:15px;height:115px;font-size:11pt;line-height:17pt} #unsere-bauern-uebersicht .qf_w100 .ce_image{position:absolute} #unsere-bauern-uebersicht .platzhalter1{margin-top:480px;margin-left:-20px} #unsere-bauern-uebersicht .platzhalter2{margin-top:1740px;margin-left:340px} #unsere-bauern-uebersicht .solocol{width: 331px;float:left} #unsere-bauern-uebersicht .dualcol{width: 645px;float:left} #unsere-bauern-uebersicht .ce_unser-bauer:nth-child(5){margin-top:239px} #unsere-bauern-uebersicht .ce_unser-bauer:nth-child(9){margin-top:-200px} #unsere-bauern-uebersicht .ce_unser-bauer:nth-child(13), #unsere-bauern-uebersicht .ce_unser-bauer:nth-child(12){margin-top:-284px} #unsere-bauern-uebersicht .qf_bgholz{padding-bottom:250px} div.ce_unser-bauer.bauer-schwaderer.block.platzhalter_Nein { margin-top: -284px; } } /* Azubiübersicht ####################### */ @media (min-width: 1px){ .azubis.qf_w100{position:relative} #unsere-bauern-uebersicht .azubis.qf_w100 .ce_image.r0{right:0} #unsere-bauern-uebersicht .azubis.qf_w100 .ce_image.pr{position:relative;width: 100%;text-align:center;padding-top:20px} .azubis .inside_ce_unser-bauer .comment_box{margin-bottom:0} .azubis .inside_ce_unser-bauer .comment_box p a{display:block;text-align:center;border:1px #fff solid;padding:10px 5px 5px;} .azubis .inside_ce_unser-bauer .comment_box p a:hover{background-color:#fff;color:rgb(35, 37, 110)} .azubis .inside_ce_unser-bauer .comment_box p:last-child{height:auto} .azubis .solocol:nth-child(4){margin-top:310px} .qf_secb .ce_partnerlink .hover, .qf_secb .ce_partnerlink{min-height: 250px;background-color:transparent;height:auto;cursor:default} } @media (max-width: 980px){ .azubis .solocol:nth-child(4){margin-top:0px} #unsere-bauern-uebersicht .azubis .ce_unser-bauer:nth-child(3){margin-top:8px} #unsere-bauern-uebersicht .azubis.qf_w100 .ce_image{display:none} #unsere-bauern-uebersicht .azubis.qf_w100 .ce_image.pr{display:block} } /* Regional Einkaufen Hofgut Markt ####################### */ @media (min-width: 1px){ .bubblecontainer #bubble1, .bubblecontainer #bubble2{position:absolute;opacity:0} .bubblecontainer #bubble2{margin:240px 0 0 180px} .bubblecontainer{width:395px;height:470px;margin-right:40px;float:left} #regional-einkaufen-hofgut-markt .qf_secdb h1{color:#23256e;text-align:left;margin-bottom:30px;margin-top:80px} #regional-einkaufen-hofgut-markt .qf_secdb p:last-child, #regional-einkaufen-hofgut-markt .qf_secdb p:last-child *{color:#fff} #regional-einkaufen-hofgut-markt .zeiten{margin-bottom:30px;font-family:'FFDINWebProMedium', sans-serif;} #regional-einkaufen-hofgut-markt .zeiten strong{width:200px;display:inline-block} .hofgut-geschenke{background:url("../../files/hohenlohermolkerei/_layout/hofgut-geschenk.jpg") no-repeat center 110px;margin-top:50px} .hofgut-geschenke h1{margin:60px 0} } /* Leckere Produkte ####################### */ #homoslider, #homoslider2{ cursor: -webkit-grab; cursor: -moz-grab; cursor: -ms-grab; cursor: -o-grab; cursor: grab;} #leckere-produkte{background:url("../../files/hohenlohermolkerei/_layout/bg_leckere-produkte.jpg") center top fixed;background-size:cover;min-height:1050px} #preloader{position:absolute;width:100%;z-index:4;height:100vh;background:url("../../files/hohenlohermolkerei/_layout/bg_leckere-produkte.jpg") center top fixed;background-size:cover;min-height:1050px;top:0px} #afterloader{visibility:none} /* Filter */ @media (min-width: 1px){ .produktfilter{padding:35px 18px;} .produktfilter a{font-family:'Shadows Into Light', cursive;letter-spacing:1px;padding-left:30px;display:block;background:url("../../files/hohenlohermolkerei/_layout/filter_inaktiv.png") no-repeat left top;margin-top:13px;font-size:16pt;line-height:17pt;cursor:pointer} .produktfilter a:hover{color:#a5dbf4} .produktfilter a.aktiv{color:#a5dbf4;background-image:url("../../files/hohenlohermolkerei/_layout/filter_aktiv.png")} .btn_produktefinden{line-height:17pt;padding:5px 25px 7px 15px;font-size:10pt;background:url("../../files/hohenlohermolkerei/_layout/bg_produktefinden.png") no-repeat;color:#fff;float:left;margin:5px 50px 0 0;width: 130px;} .produktfilter1, .produktfilter2{float:left} .produktfilter1{margin-right:50px} } /* Infoblase */ @media (min-width: 1px){ .produktregal .moreinfos{display:none;width:235px;position:absolute;z-index:2} .produktregal .moreinfos i, .produktregal .moreinfos b{display:block;text-align:left;padding:12px 10px;font-size:11pt;line-height:15pt} .produktregal .moreinfos i{font-style:normal;background-color:#23256e;color:#fff} .produktregal .moreinfos i span{color:inherit} .produktregal .moreinfos b{letter-spacing:1pt;background:url("../../files/hohenlohermolkerei/_layout/item_hover_bg.png") left bottom;font-family:'Shadows Into Light', cursive;padding:7px 10px 23px 10px;font-weight:normal} .produktregal .item:hover .moreinfos{display:block} .produktregal.klein .item:hover .moreinfos{top:-80px;left:80%} .produktregal.gross .item:hover .moreinfos{margin-top:-60px;margin-left:120px} .produktregal.gross.grossverbraucher .item:hover .moreinfos{margin-left:230px} .produktregal .produkte .item{margin-top:20px;margin-right:40px;float:left;position:relative} .produktregal .kategoriebild .item{position:relative;margin-top:20px;float:left;height:240px} .produktregal .kategoriebild .item, .produktregal .kategoriebild .item .inside{width:100%;text-align:center} .produktregal .kategoriebild .item img{max-width:113px;margin:0 15px} .produktregal .produkte .item img{width:100% !important} } /* Regal Mehrzeilig - Ãœbersicht */ @media (min-width: 1px){ .produktregal .maxwidth{max-width:1165px;margin:0 auto;padding-right:235px} .produktregal.klein{background:url("../../files/hohenlohermolkerei/_layout/regal50_mitte_bg.png") left top;} .produktregal.klein.grossverbraucher{margin-top:30px;background:url("../../files/hohenlohermolkerei/_layout/regal50g_mitte_bg.png") left -1px;} .produktregal.klein.grossverbraucher .produkte .item, .produktregal.klein.grossverbraucher .kategoriebild .item{height:250px} .produktregal.klein .item{height:244px} .produktregal.klein .kategoriebild, .produktregal.klein .produkte{float:left} .produktregal.klein .kategoriebild{width:20%} .produktregal.klein .produkte{width:80%} .produktregal.klein .produkte .item .inside, .produktregal.klein .kategoriebild .item .inside{position:absolute;bottom:0} } /* Regal Einzeilig - Ãœbersicht */ @media (min-width: 1px){ .produktregal.gross .catimage img{/*padding-left:250px*/} .produktregal.gross{background:url("../../files/hohenlohermolkerei/_layout/regal100_mitte_bg.png") left -1px;} .produktregal.gross.grossverbraucher{background:url("../../files/hohenlohermolkerei/_layout/regal100g_mitte_bg.png") left top;} .produktregal.frame.gross.grossverbraucher ul li{height:500px;} .produktregal.frame {height: auto;max-height:458px;overflow: hidden;padding:100px 0 0} .produktregal.frame ul {list-style: none;margin: 0;padding: 0;height: 100%;font-size: 50px} .produktregal.frame ul li {float: left;width: auto;height: 453px;margin: 5px 0 0 0;padding: 0;color: #ddd;text-align: center;display:table} .produktregal.frame ul li .item{display:table-cell;vertical-align:bottom;padding:0 40px} .produktregal.frame ul li img{width:100% !important} .produktregal.frame ul li a img{width:100% !important} .produktregal.frame.grossverbraucher ul li{margin-top:13px} } /* Regal Einzeilig - Details */ @media (min-width: 1px){ #leckere-produkte-produktdetails .frame ul li .current{background:url("../../files/hohenlohermolkerei/_layout/current_item.png") no-repeat center bottom} #leckere-produkte-produktdetails .pos_slider{float: left;margin-top: -120px;width:100%} #leckere-produkte-produktdetails .frame{padding:0;background:url("../../files/hohenlohermolkerei/_layout/regal50_mitte_bg_weitere.png") left 20px repeat-x;} #leckere-produkte-produktdetails .frame ul{margin:0} #leckere-produkte-produktdetails .frame li{height:240px;margin-top: 42px;margin-right: 40px;position: relative;display:inline-block;float:none} #leckere-produkte-produktdetails #homoslider2 ul{padding-top:16px} #leckere-produkte-produktdetails .back{padding-top:100px !important} #leckere-produkte-produktdetails #homoslider2 .item{padding:0} #leckere-produkte-produktdetails .frame li .li{height:240px;display: table-cell;vertical-align: bottom;} #leckere-produkte-produktdetails .frame li:last-child{margin-right:0} #homoslider2{height:348px} /* Pages */ .produktpages {list-style: none;margin: 20px 0;padding: 0;text-align: center;} .produktpages li {display: inline-block;width: 8px;height: 8px;margin: 0 2px;text-indent: -999px;border-radius: 10px;cursor: pointer;overflow: hidden;background: #92d2ef;} .produktpages li.active {background: #23256e;} /* Controls */ .controls {margin-bottom:200px} .controls .prevPage, .controls .nextPage {margin-top:-380px;position:absolute;cursor:pointer;padding:20px} .controls .prevPage, .controls .prevPage2 {left:0px} .controls .nextPage, .controls .nextPage2 {right:0px} .controls .disabled img{display:none} .controls .prevPage2, .controls .nextPage2{top: 50%;margin-top:110px;position:absolute;cursor:pointer;padding:20px} #leckere-produkte-produktdetails .controls{position:relative;margin-bottom:-90px} #leckere-produkte-produktdetails .controls .btn{margin-top: -245px;} } /* Leckere Produkte - Details ####################### */ @media (min-width: 1px){ #leckere-produkte-produktdetails{background:url("../../files/hohenlohermolkerei/_layout/bg_leckere-produkte_details.jpg") center top;background-size:cover;min-height:1000px;} .produktdetail{width:960px;margin:50px auto;} .produktdetail h1{text-align:left} .produktdetail h1 span{color:#92d2ef} .produktdetail .produktbild{width:430px;margin-right:40px;float:left} .produktdetail .produktinfos{width:480px;margin-bottom:170px;float:left} .produktdetail .produktinfos h2, .produktdetail .produktinfos p{font-size:13.5pt;line-height:21pt} .produktdetail .produktinfos h2{margin:30px 0 12px;text-transform:uppercase;font-family:'FFDINWebProMedium', sans-serif} .produktdetail .produktinfos p{margin-bottom:30px} .produktdetail .produktinfos a{padding-left:50px;padding-bottom:15px;display:block;background-repeat:no-repeat;font-family:'Shadows Into Light', cursive;letter-spacing:1px;font-size:16pt} .produktdetail .produktinfos a.artnr{background-image:url("../../files/hohenlohermolkerei/_layout/ico_artikelnummer.png")} .produktdetail .produktinfos a.tabelle{background-image:url("../../files/hohenlohermolkerei/_layout/ico_tabelle.png")} .produktdetail .produktinfos a.datenblatt{background-image:url("../../files/hohenlohermolkerei/_layout/ico_datenblatt.png")} .produktdetail .produktinfos a.tabelle:hover, .produktdetail .produktinfos a.datenblatt:hover{color:#92d2ef;cursor:pointer} #leckere-produkte-produktdetails .frame.grossverbraucher li, #leckere-produkte-produktdetails .frame.grossverbraucher li .li{height:264px} #leckere-produkte-produktdetails .frame.grossverbraucher{background:url("../../files/hohenlohermolkerei/_layout/regal50g_mitte_bg_weitere.png") left 29px repeat-x} #leckere-produkte-produktdetails .produktregal .item:hover .moreinfos{top:-55px;left:80%} #leckere-produkte-produktdetails .controls{margin-bottom:-82px} #leckere-produkte-produktdetails .controls .prevPage, #leckere-produkte-produktdetails .controls .nextPage{top: 50%;margin-top: 65px;} .overflowarea p{margin-top:15px} } /* Tabelle */ @media (min-width: 1px){ #naehrtabelle{display:none;position:absolute;width:100%;min-height:200vh;background-color:rgba(255,255,255,0.98);z-index:6;top:0;padding-top:70px;color:#152967} #naehrtabelle .table_inside{width:960px;margin:0 auto;padding-bottom:50px} #naehrtabelle h2{text-align:left;font-size:32pt;font-family:'Shadows Into Light', cursive;color:#92d2ef;margin:0;letter-spacing:1px;font-weight:normal} #naehrtabelle h3{text-align:left;font-weight:normal;margin:30px 0 10px} #naehrtabelle table{margin-top:70px;background:url("../../files/hohenlohermolkerei/_layout/datenfakten_headline_bg_3.jpg") no-repeat 0 35px;background-size:100%} #naehrtabelle table tr:first-child{color:#92d2ef;letter-spacing:1px;font-family:'Shadows Into Light', cursive} #naehrtabelle table tr:first-child td{font-size:17pt;text-align:center} #naehrtabelle table tr:first-child td:first-child{text-align:left} #naehrtabelle table tr td{padding-left:30px;padding-right:30px;padding-top:8px;padding-bottom:8px;font-size:13.5pt;text-align:right} #naehrtabelle table tr td:first-child{width:250px;text-align:left} #naehrtabelle table tr:first-child td:nth-child(2n){padding:0 !important} #naehrtabelle table tr:last-child td{padding-bottom:30px} #naehrtabelle table img{max-width:none} #naehrtabelle table .col_border1{background:url("../../files/hohenlohermolkerei/_layout/col_border_1.png") no-repeat;background-size:100% 100%;width:8px} #naehrtabelle table .col_border2{background:url("../../files/hohenlohermolkerei/_layout/col_border_2.png") no-repeat;background-size:100% 100%;width:8px} #naehrtabelle table .col_border3{background:url("../../files/hohenlohermolkerei/_layout/col_border_3.png") no-repeat;background-size:100% 100%;width:8px} #naehrtabelle .mini_image img{height:130px !important;width:auto !important;} #naehrtabelle .mini_image{margin-top:-10px;float:left;margin-right:40px} #naehrtabelle p{padding-left:30px;line-height:20pt} #naehrtabelle #close_table{display:block;width:31px;height:31px;position:absolute;right:40px;top:75px;background-image:url("../../files/hohenlohermolkerei/_layout/ico_close.png");cursor:pointer} } /* Qualität - Auf den Höfen ####################### */ /* Qualität - Im Labor ####################### */ /* Qualität - Auszeichnungen ####################### */ @media (min-width: 1px){ .dlgs{width:600px;margin:0 auto;overflow:visible} .dlgs .ce_image{float:left;margin:-145px 15px 0;opacity:0} #dlg-silber,#dlg-gold,#dlg-bronze{opacity:0;float:left;margin:10px} .preise .ce_text{width:475px;float:right;} .preise .ce_text *{text-align:left} .preise .ce_text h1{margin:40px 0} .preise .ce_text p{margin:11px 0;font-size:14pt} .preise .ce_text p a:hover{ font-family: 'FFDINWebProMedium', sans-serif;} .preise.dlg-gold h1{color:#e3c56f} .preise.dlg-gold p{color:#5d321e} .preise.dlg-silber h1{color:#aeacaf} .preise.dlg-silber p{color:#424242} .preise.dlg-bronze h1{color:#9f6941} .preise.dlg-bronze p{color:#5d321e} .preise.dlg-silber{background:url("../../files/hohenlohermolkerei/_layout/hier-klicken_silber.png") right 145px no-repeat} .preise.dlg-bronze{background:url("../../files/hohenlohermolkerei/_layout/hier-klicken_bronze.png") right 145px no-repeat} .preise.dlg-gold{background:url("../../files/hohenlohermolkerei/_layout/hier-klicken_gold.png") right 720px no-repeat} .pb90{ padding-bottom: 90px; } } /* Gut Informiert - Aktuelles ####################### */ @media (min-width: 1px){ .newsuebersicht{background:url("../../files/hohenlohermolkerei/_layout/blumen.png") fixed,#cdc7c4 url("../../files/hohenlohermolkerei/_layout/bg_holz_2.jpg") fixed;background-size:auto,cover;background-repeat:no-repeat,no-repeat;background-position:right bottom,center center;padding-bottom:120px} .newsuebersicht .schmetterling{background:url("../../files/hohenlohermolkerei/_layout/schmetterling.png");width:80px;height:75px;} .newsuebersicht .schmetterlingbox{margin-left:880px;margin-top:100px;position:absolute;} .newsuebersicht .produktfilter{background-color:#fff;box-shadow:2px 2px 6px rgba(0,0,0,0.5);margin-bottom:100px} .layout_short *{-webkit-transition:all .5s;transition:all .5s;} .layout_short{cursor:pointer;box-sizing: border-box;padding:30px;width:960px;height:430px;background-color:#fff;box-shadow:2px 2px 6px rgba(0,0,0,0.5);margin:0 auto 35px} .layout_short.allgemein .image{width:345px;height:370px;float:left;background:#e9f6fc no-repeat center center;background-size:100%;margin-right:40px} .layout_short.allgemein .message{float:left;width:510px} .layout_short.allgemein .message > div{height:342px} .layout_short.allgemein h2{margin:15px 0} .layout_short.allgemein h2 a, .layout_short.rundumdiemilch h2 a{color:#92d2ef;font-weight:normal;letter-spacing:1px;line-height: 30pt;font-size: 27pt;font-family: 'Shadows Into Light', cursive;margin:0} .layout_short.allgemein p.time{margin:0;font-family:'FFDINWebProMedium', sans-serif;font-size:11pt} .layout_short.allgemein .teaser{font-size:13.5pt} .layout_short.allgemein .more a, .layout_short.rundumdiemilch .more a, #aktuelles-jobs .layout_latest .more a{color:inherit;font-family:'FFDINWebProMedium', sans-serif;display:inline-block;padding:8px 40px 3px 0;background:url("../../files/hohenlohermolkerei/_layout/ico_more_blue.png") no-repeat right center;font-size:13.5pt} .layout_short.allgemein .more a:hover, .layout_short.rundumdiemilch .more a:hover, #aktuelles-jobs .layout_latest .more a:hover{color:#92d2ef} .layout_short.rezept .background{box-sizing: border-box;padding:20px 30px;background:#92d2ef center center no-repeat;background-size:100%;height:370px;display:table-cell;vertical-align:bottom;width:900px;} .layout_short.rundumdiemilch .background{background:#92d2ef center center no-repeat;background-size:100%} .layout_short.rezept .teaser, .layout_short.rezept h2{width:550px;display:inline-block;margin-right:60px !important} .layout_short.rezept .more{display:inline-block;text-align:right} .layout_short.rezept .teaser{font-family: 'FFDINWebProMedium', sans-serif;} .layout_short.rezept .background *{margin:0} .layout_short.rezept h2 a{font-weight:normal;letter-spacing:1px;line-height:38pt;font-size:32pt;font-family: 'Shadows Into Light', cursive} .layout_short.rezept h2{} .layout_short.rezept.white *{color:#fff} .layout_short.rezept.white .teaser{display:none;margin-top:20px} .layout_short.rezept.white p{font-size:13.5pt;font-family:'FFDINWebPro', sans-serif;} .layout_short.rezept .more a{color:#fff;font-family:'FFDINWebProMedium', sans-serif;display:inline-block;padding:8px 40px 3px 0;background:url("../../files/hohenlohermolkerei/_layout/ico_more_white.png") no-repeat right center;font-size:13.5pt} .layout_short.rezept .more a:hover{background-image:url("../../files/hohenlohermolkerei/_layout/ico_more_blue.png");color:#92d2ef} .layout_short.allgemein:hover .image, .layout_short.rezept:hover .background{background-size:110%; -webkit-box-shadow: inset 0px 0px 200px -40px rgba(0,0,0,0.75); -moz-box-shadow: inset 0px 0px 200px -40px rgba(0,0,0,0.75); box-shadow: inset 0px 0px 200px -40px rgba(0,0,0,0.75);} .layout_short.rundumdiemilch:hover .background{background-size:110%;} .layout_short.rundumdiemilch .message{height:370px} .layout_short.rundumdiemilch .message ul li{margin-top:10px;font-size:30pt;clear:both;padding-left:40px;color: #92d2ef;letter-spacing: 1px;font-family: 'Shadows Into Light', cursive} .layout_short.rundumdiemilch .message ul li ul{float:right;margin-right:0px} .layout_short.rundumdiemilch .message ul li li{margin-top:5px;font-size:13.5pt;padding-left:0;clear:none;width:690px;padding-right:25px;font-family:'FFDINWebPro', sans-serif;color:#23256e;letter-spacing:normal} .layout_short.rundumdiemilch h2{padding:30px 0 10px 40px;text-align:left} .layout_short.rundumdiemilch .teaser{height:220px} .layout_short.rundumdiemilch .more{padding:0 40px;text-align:right} #aktuelles-news-rezepte-etc .btn_produktefinden{background-image:url("../../files/hohenlohermolkerei/_layout/bg_neuigkeitenfinden.png")} } /* Details - Rund um die Milch */ @media (min-width: 1px){ .tbl_fakten td{vertical-align:middle;padding-top:20px} .tbl_fakten .col_0{width:170px;color:#92d2ef;font-size:30pt;font-family: 'Shadows Into Light', cursive;letter-spacing:1pt;} .tbl_fakten .col_1{font-size: 15pt;line-height: 25pt;} .rundumdiemilch h2{text-align:center;font-size:19pt;font-family:'FFDINWebProMedium', sans-serif} } /* Details - Allgemein */ @media (min-width: 1px){ .layout_full.allgemein p{margin-top:18px} .layout_full.allgemein .ce_image img{float:left;border:10px #fff solid;-webkit-backface-visibility:hidden; box-shadow: 2px 2px 6px rgba(0,0,0,0.5);margin-bottom:20px} .layout_full.allgemein .ce_image{display:inline-block;float:left;padding:10px;padding-bottom:50px} .layout_full.allgemein .ce_image img{-moz-transform: rotate(2deg);-ms-transform: rotate(2deg);-o-transform: rotate(2deg);-webkit-transform: rotate(2deg);transform: rotate(2deg);} .layout_full.allgemein .qf_secb .ce_image:nth-child(5) img{-moz-transform:none;-ms-transform:none;-o-transform:none;-webkit-transform:none;transform:none;} .layout_full.allgemein .qf_secb .ce_image:nth-child(2) img{-moz-transform: rotate(-1deg);-ms-transform: rotate(-1deg);-o-transform: rotate(-1deg);-webkit-transform: rotate(-1deg);transform: rotate(-1deg);} .layout_full.allgemein .ce_image .caption{width:355px;font-size: 11.5pt;padding-left:10px;line-height: 17pt;text-align:left;margin-right:14px} .layout_full.allgemein .qf_secb .ce_text{margin-bottom:80px;text-align:left;font-size:13.5pt;line-height:23pt} #gut-informiert-aktuelles-details .back{padding-top:100px} .layout_full.allgemein .news_image{display:inline-block;float:left;border:10px #fff solid;margin:10px;box-shadow: 2px 2px 6px rgba(0,0,0,0.5);background-repeat:no-repeat !important;background-position:center top !important;background-size:cover !important} .layout_full.allgemein .news_image .news_caption{display:table-cell;vertical-align:bottom} .layout_full.allgemein .news_image .news_caption p{background-color:rgba(35,37,110,0.8);padding:10px 15px;text-align:left;color:#fff;font-size:10.5pt;line-height:15pt} } /* Details - Rezepte */ @media (min-width: 1px){ .box_zutaten{float:left;width:380px} .box_zutaten h1{margin-bottom:60px;padding-top:95px;background:url("../../files/hohenlohermolkerei/_layout/ico_zutaten.jpg") center top no-repeat} .box_zutaten table{width:100%} .box_zutaten table td{background:no-repeat left bottom,no-repeat left top;padding:9px 15px} .box_zutaten table tr:nth-child(1n) td{background-image:url("../../files/hohenlohermolkerei/_layout/linie_4_rezepte.jpg")} .box_zutaten table tr:nth-child(2n) td{background-image:url("../../files/hohenlohermolkerei/_layout/linie_1_rezepte.jpg")} .box_zutaten table tr:nth-child(3n) td{background-image:url("../../files/hohenlohermolkerei/_layout/linie_3_rezepte.jpg")} .box_zutaten table tr:nth-child(4n) td{background-image:url("../../files/hohenlohermolkerei/_layout/linie_5_rezepte.jpg")} .box_zutaten table tr:first-child td{background-image:url("../../files/hohenlohermolkerei/_layout/linie_1_rezepte.jpg"),url("../../files/hohenlohermolkerei/_layout/linie_2_rezepte.jpg")} .box_zubereitung{float:right;width:540px} .box_zubereitung h1{margin-bottom:60px;padding-top:95px;background:url("../../files/hohenlohermolkerei/_layout/ico_zubereitung.jpg") center top no-repeat} .gutenappetit{padding-top:85px;background:url("../../files/hohenlohermolkerei/_layout/linie_1_rezepte.jpg") no-repeat left 55px} .gutenappetit *{color:#92d2ef} .gutenappetit strong{font-family:'FFDINWebProMedium', sans-serif;font-weight:normal;font-size:15pt} .box_zubereitung p, .box_zutaten td{font-size:13.5pt !important} #gut-informiert-aktuelles-details .back{padding-bottom:150px} } /* Gut Informiert - Downloads ####################### */ /* Header */ @media (min-width: 1px){ .dl_regal{background:url("../../files/hohenlohermolkerei/06-gut-informiert/downloads/bg_regal.jpg");background-size:contain;height:0;padding-bottom:37%} .dl_inside{display:flex;align-items:baseline;width:70%;padding-top:8%} .dl_inside .ce_image{display:inline-block;width:30%} .dl_inside .image_container{width:87%} .dl_inside .image_container a::before{content:" ";opacity:0;background:url("../../files/hohenlohermolkerei/06-gut-informiert/downloads/download.png") no-repeat center center;background-size:contain;height:80px;position:absolute;width:17%;margin-top:13%;-webkit-transition: all .5s;transition: all .5s;} .dl_inside .image_container a:hover::before{opacity:1} .dl_inside .image_container img{width:450px;-webkit-box-shadow:5px 3px 10px rgba(0,0,0,0.5);-moz-box-shadow:5px 3px 10px rgba(0,0,0,0.5);box-shadow:5px 3px 10px rgba(0,0,0,0.5);} /* Content */ #gut-informiert-downloads .qf_secbw .ce_text{padding-top: 30px;height:550px;padding-bottom:30px} #gut-informiert-downloads .qf_secbw .ce_text h2{margin-top:160px;color:#92d2ef;font-size:30pt;font-family: 'Shadows Into Light', cursive;letter-spacing:1pt;line-height:40pt} #gut-informiert-downloads .qf_secbw .ce_text h2::before{content:url("../../files/hohenlohermolkerei/_layout/bg_links_hl.png");position:absolute;margin-top: 25px;margin-left: -120px;} #gut-informiert-downloads .qf_secbw .ce_text p{margin-top:30px;font-size:13.5pt;line-height:23pt} #gut-informiert-downloads .qf_secbw .ce_text p.qf_btn{margin-top:10px} #gut-informiert-downloads .qf_secbw .ce_text .image_container{margin-right:50px} #gut-informiert-downloads .qf_secbw .ce_text a{margin-right:15px} #gut-informiert-downloads .qf_secbw .ce_text.right .image_container{margin-left:50px;margin-right:0} #gut-informiert-downloads .qf_secbw .ce_text.right h2::before{content:url("../../files/hohenlohermolkerei/_layout/bg_links_hl_inv.png");margin-left:-40px} #gut-informiert-downloads .qf_secbw .animated{opacity:0} } /* Gut Informiert - Jobs ####################### */ @media (min-width: 1px) { #aktuelles-jobs .ce_hyperlink{display:inline-block} #aktuelles-jobs .ce_hyperlink a{display:inline-block;text-indent:-200px;text-align:left;margin:0 15px;height:69px} #aktuelles-jobs .ce_hyperlink.stellenazeigen a{background:url("../../files/hohenlohermolkerei/06-gut-informiert/jobs/btn_stellenangebote.jpg");width:288px} #aktuelles-jobs .ce_hyperlink.stellenazeigen a:hover{background:url("../../files/hohenlohermolkerei/06-gut-informiert/jobs/btn_stellenangebote_aktiv.jpg")} #aktuelles-jobs .ce_hyperlink.ausbildung a{background:url("../../files/hohenlohermolkerei/06-gut-informiert/jobs/btn_ausbildung.jpg");width:197px} #aktuelles-jobs .ce_hyperlink.ausbildung a:hover{background:url("../../files/hohenlohermolkerei/06-gut-informiert/jobs/btn_ausbildung_aktiv.jpg")} #aktuelles-jobs .ce_hyperlink.ansprechpartner a{background:url("../../files/hohenlohermolkerei/06-gut-informiert/jobs/btn_ansprechpartner.jpg");width:311px} #aktuelles-jobs .ce_hyperlink.ansprechpartner a:hover{background:url("../../files/hohenlohermolkerei/06-gut-informiert/jobs/btn_ansprechpartner_aktiv.jpg")} #gut-informiert-jobs-details .qf_secb ul{} #gut-informiert-jobs-details .qf_secb li{padding:6px 16px;background: url("../../files/hohenlohermolkerei/_layout/bg_footer_nav_points.png") no-repeat left 18px;} .mod_newslist .empty{margin-bottom:60px} #aktuelles-jobs .layout_latest{padding:20px 10px 10px;background:url("../../files/hohenlohermolkerei/_layout/jobs_trennlinie.png") no-repeat center top} #aktuelles-jobs .qf_secw .mod_newslist:last-child .layout_latest, #aktuelles-jobs .qf_secb .mod_newslist .layout_latest:last-child{background:url("../../files/hohenlohermolkerei/_layout/jobs_trennlinie.png") no-repeat center top,url("../../files/hohenlohermolkerei/_layout/jobs_trennlinie.png") no-repeat center bottom} #aktuelles-jobs .layout_latest h1{display:inline-block;width:81%;text-align:left;} #aktuelles-jobs .layout_latest h1 a{color:#92d2ef} #aktuelles-jobs .layout_latest .more{display:inline-block;width:18%} #aktuelles-jobs #ausbildung .layout_latest .more{float: right;margin-top: 10px;} #aktuelles-jobs .layout_latest a{-webkit-transition: all .5s;transition: all .5s;} #aktuelles-jobs .layout_latest h1 a:hover{color:#23256e} } /* Gut Informiert - Links ####################### */ @media (min-width: 1px) { .ce_partnerlink{background:no-repeat 30px top;height:270px;cursor:pointer} .ce_partnerlink .hover{ height:270px; background-color:rgba(255,255,255,0.5); -webkit-transition: background 0.3s linear; -moz-transition: background 0.3s linear; -o-transition: background 0.3s linear; transition: background 0.3s linear; } .ce_partnerlink:hover .hover{background-color:rgba(255,255,255,0)} .inside_ce_partnerlink{background:url("../../files/hohenlohermolkerei/_layout/bg_links_hl.png") no-repeat 230px 75px;padding:20px 0 0 375px;opacity:0} .inside_ce_partnerlink .titel{color:#92d2ef;font-size:30pt;font-family: 'Shadows Into Light', cursive;letter-spacing:1pt;font-weight:normal;line-height:40pt;margin-bottom:20px} .inside_ce_partnerlink .txtf2{padding-right:25px} } /* Gut Informiert - Foerderung ####################### */ @media (min-width: 1px){ /* Content */ #gut-informiert-foerderung .qf_secbw .ce_text{padding-top: 30px;height:auto;padding-bottom:30px} #gut-informiert-foerderung .qf_secbw .ce_text h2{margin-top:160px;color:#92d2ef;font-size:30pt;font-family: 'Shadows Into Light', cursive;letter-spacing:1pt;line-height:40pt} #gut-informiert-foerderung .qf_secbw .ce_text h2::before{content:url("../../files/hohenlohermolkerei/_layout/bg_links_hl.png");position:absolute;margin-top: 25px;margin-left: -120px;} #gut-informiert-foerderung .qf_secbw .ce_text p{margin-top:30px;font-size:13.5pt;line-height:23pt} #gut-informiert-foerderung .qf_secbw .ce_text p.qf_btn{margin-top:10px} #gut-informiert-foerderung .qf_secbw .ce_text .image_container{margin-right:50px} #gut-informiert-foerderung .qf_secbw .ce_text a{margin-right:15px} #gut-informiert-foerderung .qf_secbw .ce_text.right .image_container{margin-left:50px;margin-right:0} #gut-informiert-foerderung .qf_secbw .ce_text.right h2::before{content:url("../../files/hohenlohermolkerei/_layout/bg_links_hl_inv.png");margin-left:-40px} #gut-informiert-foerderung .qf_secbw .animated{opacity:0} } @media (max-width: 700px){ #gut-informiert-foerderung .qf_secbw .ce_text h2 {font-size:18pt;} #gut-informiert-foerderung .qf_secbw .ce_text h2::before{display: none;} #gut-informiert-foerderung .qf_secbw .ce_text .qf_btn{text-align: center;} #gut-informiert-foerderung .qf_secbw .ce_text .image_container {margin: 0 auto;} } /* Kontakt - Ansprechpartner, Kontaktformular, Anfahrt ####################### */ /* Ansprechpartner */ @media (min-width: 1px) { #kontakt-ansprechpartner .bg_paper{background:url("../../files/hohenlohermolkerei/_layout/bg_papier.jpg") center top fixed;background-size:cover;text-align:center;padding-bottom:100px} #kontakt-ansprechpartner .person{margin:0 10px 20px;width:250px;height:450px;background-position:center top;background-size:100%;display:inline-block;overflow:hidden} #kontakt-ansprechpartner .zentrale{background:url("../../files/hohenlohermolkerei/07-kontakt/ansprechpartner/box_2_spalten.jpg");height:450px;margin:0 10px 20px;width:623px;background-color:rgb(35,37,110);color:#fff;display:inline-block;overflow:hidden} /* einspaltig */ #kontakt-ansprechpartner .zentrale{max-width:250px} #kontakt-ansprechpartner .zentrale{background:url("../../files/hohenlohermolkerei/07-kontakt/ansprechpartner/box_1_spalte.jpg") center top} #kontakt-ansprechpartner .zentrale *{color:#fff} #kontakt-ansprechpartner .zentrale h3{font-size:17pt;margin-top:10px} #kontakt-ansprechpartner .zentrale h3, #kontakt-ansprechpartner .zentrale p{margin-bottom:41px} #kontakt-ansprechpartner .zentrale a{padding:0} #kontakt-ansprechpartner .zentrale .contactinfos{border-top:1px #fff solid} #kontakt-ansprechpartner .zentrale .contactinfos *{background-position:35% center} #kontakt-ansprechpartner .person:hover .infos{margin-top:0} #kontakt-ansprechpartner .person:hover .infos .pos{height:316px} #kontakt-ansprechpartner .infos{-webkit-transition: margin 0.5s;transition: margin 0.5s;padding:0 20px 200px;color:#fff;margin-top:335px;background:rgba(35,37,110,1)} #kontakt-ansprechpartner .infos *{color:#fff} #kontakt-ansprechpartner .infos .pos{line-height: 20px;padding:10px 0;height:100px;border-bottom:1px #fff solid;display:table-cell;vertical-align:middle;width:260px;-webkit-transition:height 0.5s;transition: height 0.5s} #kontakt-ansprechpartner .infos .pos strong{display:block;margin-bottom:5px} #kontakt-ansprechpartner .contactinfos{padding-top:25px;font-size:13.5pt;font-family:'FFDINWebProMedium', sans-serif;} #kontakt-ansprechpartner .contactinfos *{display:block;padding:4px 0;background:no-repeat 15px center} #kontakt-ansprechpartner .contactinfos .tel{background-image:url("../../files/hohenlohermolkerei/_layout/ico_tel.png")} #kontakt-ansprechpartner .contactinfos .fax{background-image:url("../../files/hohenlohermolkerei/_layout/ico_fax.png")} #kontakt-ansprechpartner .contactinfos .mail{background-image:url("../../files/hohenlohermolkerei/_layout/ico_mail.png")} } /* Formular */ @media (min-width: 1px) { #kontakt-ansprechpartner form{background:url("../../files/hohenlohermolkerei/_layout/label_ihre-nachricht.png") no-repeat right 250px} #kontakt-ansprechpartner .formbody{width:560px;margin:0 auto} #kontakt-ansprechpartner .formbody *{text-align:left} #kontakt-ansprechpartner .formbody .submit_container{text-align:center} #kontakt-ansprechpartner .widget, /*#kontakt-ansprechpartner*/.submit{color:#92d2ef;border:1px #92d2ef solid;padding:10px 20px 8px;background-color:#fff;margin-bottom:15px} /*#kontakt-ansprechpartner*/.submit{text-transform:uppercase;padding:10px 30px 8px;cursor:pointer;margin-top:30px;-webkit-transition: all .3s linear 0s;transition: all .3s linear 0s;} /*#kontakt-ansprechpartner*/.submit:hover{color:#fff;background-color:#92d2ef} /*#kontakt-ansprechpartner*/.submit_container{text-align:center} #kontakt-ansprechpartner .widget-textarea{padding:20px} #kontakt-ansprechpartner .widget label{display:inline-block;width:100%;color:#92d2ef} #kontakt-ansprechpartner .widget input{width:100%;border:none} #kontakt-ansprechpartner .widget.explanation{border:none;background:none;padding:0;font-size:10pt !important} #kontakt-ansprechpartner .widget.explanation p{font-size:10pt !important;color:#92d2ef} #kontakt-ansprechpartner .widget-textarea{margin-top:60px} #kontakt-ansprechpartner .widget-textarea label{display:none} #kontakt-ansprechpartner .widget-textarea textarea{height:120px;line-height:17pt;width:100%;border:none} #kontakt-ansprechpartner .message.ajaxconfirm p{font-size: 15pt;line-height: 25pt;} span.mandatory{color:#92d2ef} #kontakt-ansprechpartner.simple .widget-textarea{margin-top:0} #kontakt-ansprechpartner.simple form{background:none} #kontakt-ansprechpartner .contactFormSwitch span {align-items: center;display: flex;width: 100%;} #kontakt-ansprechpartner .contactFormSwitch span input {max-width:70px;} #kontakt-ansprechpartner .form-complaint {display: none;} #kontakt-ansprechpartner #contactFormSwitcher {display: flex;flex-wrap: wrap;justify-content: flex-start;width: 560px;margin: 15px auto;} #kontakt-ansprechpartner #contactFormSwitcher div:nth-child(1) {margin-right: 25px;} #kontakt-ansprechpartner #contactFormSwitcher div {display:flex; align-items: center} #kontakt-ansprechpartner #contactFormSwitcher div input {position:relative; top:-2px; margin-right:15px;} #kontakt-ansprechpartner #contactFormSwitcher div label {font-size: 1.1rem;} #kontakt-ansprechpartner .widget-explanation strong {color: #92d2ef;} #kontakt-ansprechpartner .widget-explanation a[title="Datenschutz"] {font-size: 10pt !important;} } /* Anfahrt */ @media (min-width: 1px) { #kontakt-ansprechpartner .anfahrtsskizze{height:600px} #kontakt-ansprechpartner .ce_dlh_googlemaps{height:100%} #kontakt-ansprechpartner .calc_route{opacity:0;z-index:2;position:absolute;width:351px;height:251px;background:url("../../files/hohenlohermolkerei/_layout/maps_calc_route.png") center top no-repeat;color:#fff;right:80px;margin-top:-50px;text-transform:uppercase;padding-top:103px;text-align:center} #kontakt-ansprechpartner .calc_route *{display:inline-block;color:#fff;font-size:13.5pt;line-height:21pt} #kontakt-ansprechpartner .calc_route a{background-color:#fff;border:1px #92d2ef solid;color:#92d2ef;width:175px;padding:9px 0 6px;-webkit-transition: all .3s linear 0s;transition: all .3s linear 0s;} #kontakt-ansprechpartner .calc_route a:hover{cursor:pointer;border-color:#23256e;color:#fff;background-color:#23256e} #kontakt-ansprechpartner .calc_route input{text-transform:uppercase;background:none;border:none;margin-bottom:26px;width:270px;padding-left:70px;} #kontakt-ansprechpartner .calc_route span{margin-bottom:50px;width:270px;text-align:left} } /* Kontakt - Impressum ####################### */ @media (min-width: 1px) { #kontakt-impressum .qf_secbs strong{display:block;margin:15px 0 0;font-size:15pt} #kontakt-impressum .qf_secbs a{font-family:'FFDINWebProMedium', sans-serif;} #kontakt-impressum .qf_secbs{padding-top:30px;padding-bottom:0;margin-bottom:160px} #kontakt-impressum .qf_secbs .ce_text{width:420px} #kontakt-impressum .qf_secbs .ce_text:first-child{float:left;margin-left:30px} #kontakt-impressum .qf_secbs .ce_text:nth-child(2){float:right;margin-right:30px} #kontakt-impressum .qf_secbs .ce_text:last-child{clear:both;margin-left:30px;padding-top:60px} .mod_filecredit{float:right;width:420px;margin-right:30px} } /* Handel ####################### */ @media (min-width: 1px){ #tl_login .widget{color: #92d2ef;border: 1px #92d2ef solid;padding: 10px 20px 8px;background-color: #fff;margin-bottom: 15px;text-align:left} #tl_login .widget label{display: inline-block;width: 155px;color: #92d2ef;text-transform:uppercase} #tl_login .widget input {width: 290px;border: none;} #tl_login .error{text-align:left;padding:20px 0} #handel-loggedin .thumbs li{cursor:pointer;font-size:13.5pt;display:table;width:100%;height:105px;padding:10px 0;border-top:1px #92d2ef solid} #handel-loggedin .thumbs li:last-child{border-bottom:1px #92d2ef solid} #handel-loggedin .thumbs li:hover{background-color:#e9f6fc} #handel-loggedin .qf_secflex:nth-child(even) .thumbs li:hover{background-color:#fff} #handel-loggedin .thumbs li img{float:left} #handel-loggedin .thumbs .thumbnail{width:12%;} .ce_downloads .titel{width:64%;padding:0 2%;padding-top:4px} .ce_downloads .extension{width:12%;padding:0 2%;text-transform:uppercase;padding-top:4px} .ce_downloads .download{font-size:0px;width:6%;padding:0 2%;min-width:22px;height:26px} .ce_downloads.files .titel{width:76%} #handel-loggedin .thumbs.files li{height:auto} .ce_downloads div{display:table-cell;vertical-align:middle} .ce_downloads li{display:block} #handel-loggedin .qf_secflex:nth-child(even){padding: 100px 0;background-color:#e9f6fc} #handel-loggedin .qf_secflex:nth-child(odd){padding: 100px 0;background-color:#fff} #handel-loggedin{padding-bottom:180px} .btn_produktefinden.handel{background-image:url("../../files/hohenlohermolkerei/_layout/bg_infosfinden.png")} #handel-loggedin.betterblue .qf_secflex{padding-bottom:200px} #handel-loggedin.betterblue{padding-bottom:0} } /* Milcherzeuger ####################### */ @media (min-width: 1px){ .loginhinweis{margin-left:40px} .loginhinweis ul{text-align:left} .loginhinweis ul li{background:url("../../files/hohenlohermolkerei/_layout/ico_schloss.png") no-repeat left top;padding-left:40px;padding-bottom:20px} #milcherzeuger-loggedin .qf_secw .ce_text{/*float:left;*/width: 630px;display:inline-block} /*.ce_rsce_graph{width:460px;float:left}*/ #milcherzeuger-loggedin .qf_secw .rundschreiben_teaser{width:403px;text-align:left} #milcherzeuger-loggedin .rundschreiben_teaser{width: 290px;background:url("../../files/hohenlohermolkerei/_layout/bg_links_hl.png") no-repeat left 55px;float: left;margin-left: -40px;padding-left: 60px} #milcherzeuger-loggedin .rundschreiben_teaser h1{text-align:left} #milcherzeuger-loggedin .rundschreiben_teaser ul{margin-top:30px} #milcherzeuger-loggedin .rundschreiben_teaser ul li{padding:4px 0 4px 20px;background:url("../../files/hohenlohermolkerei/_layout/list_bullet.png") no-repeat left 15px;font-size:13.5pt;line-height:23pt;text-align:left} #milcherzeuger-loggedin .qf_secb .rundschreiben_teaser h1{color:#92d2ef;font-size:23pt} #milcherzeuger-loggedin .qf_secb .ce_text{float:left;width:480px;margin:0px 10px 60px} #milcherzeuger-loggedin .qf_secb .image_container{width:150px} #milcherzeuger-loggedin .qf_secb .rundschreiben_teaser ul li{font-size: 12.5pt;line-height: 20pt;background-position:left 13px} #milcherzeuger-loggedin .qf_secb .rundschreiben_teaser ul{margin-top:20px} #milcherzeuger-loggedin .qf_secb .rundschreiben_teaser{background-position:left 50px} #milcherzeuger-loggedin .qf_btn a{margin-top:20px} #milcherzeuger-loggedin .qf_secw{text-align:center} #milcherzeuger-loggedin .qf_secb .ce_text:nth-child(even){clear:left} } /* Miscellaneous ####################### */ .rsts-skin-light .rsts-prev, .rsts-skin-light .rsts-next, .rsts-skin-light .rsts-thumbs-prev, .rsts-skin-light .rsts-thumbs-next{margin-top:-44px} .back{clear: both;font-family: 'Shadows Into Light', cursive;letter-spacing: 1pt;background-color:#fff;padding-bottom:100px} .back-arrow, .back a{font-size:21pt;color:#92d2ef;display:block;text-align:center;padding:60px 0 0;background:#fff url("../../files/hohenlohermolkerei/_layout/news_back.png") no-repeat center top} .back-arrow-dark, .back a:hover{color:#23256e;background-image:url("../../files/hohenlohermolkerei/_layout/news_back_hover.png")} .imgfullsize img{width:100%} #hoppla{background:url("../../files/hohenlohermolkerei/_layout/bg_404_miss.gif") center 115px no-repeat,url("../../files/hohenlohermolkerei/_layout/bg_404.gif") center top;} #hoppla .qf_btn{display: inline-block;margin: 0 10px;} /* Überschrift Startseite */ h2.ce_headline.big-ueberschrift{ font-size: 24pt; } h1.ce_headline.sub-ueberschrift{ color: #23256e; } /* COOKIEBAR */ .cc_container .cc_btn, .cc_container .cc_btn:visited { color: #fff !important; background-color: #23256e !important; } .cc_container { background: rgba(165,219,244, 1) !important; font-size: 12pt !important; font-family: 'FFDINWebPro', sans-serif !important; box-sizing: border-box; border: none !important; } /* DATENSCHUTZ */ div.ce_text.datenschutz.block{ max-width: 900px; margin-right: auto; margin-left: auto; } /* .widget span.mandatory{ display: none; } */ #main .widget.widget-checkbox fieldset{ border: none; } #main .widget.widget-checkbox label, #main .widget.widget-checkbox input { width: auto !important; } #main .widget.widget-checkbox a{ font-weight: bold; text-decoration: underline; color: #23256e; } #main .widget.widget-checkbox a:hover{ color: #92d2ef; } #milcherzeuger-loggedin .ce_downloads > ul{ display: table; } #milcherzeuger-loggedin .ce_downloads > ul > li{ display: table-row; } #milcherzeuger-loggedin .ce_downloads > ul > li > .titel { width: 64%; padding: 0; padding-top: 14px; } .pagination { display: flex; flex-flow: column; background-color: #fff; align-items: center; width: 410px; margin: 0 auto; padding: 15px; font-size: 1.35rem; } .pagination ul { display: flex; width: 428px; justify-content: space-evenly; padding-top: 15px; font-weight: bold; } .pagination li { height: 30px; } .pagination ul li:hover { background-color: #23256e; color: #fff; } .pagination ul .previous { display: none; } .pagination li .current { padding: 7px; color: #ababab; } .pagination li .current:hover{ color: #fff; } .pagination li a { padding: 7px; } .pagination .last { width: 100px; font-weight: unset; font-size: 1.1rem; padding: 3px 0 0 0; text-align: center; } .pagination .first { width: 100px; font-weight: unset; font-size: 1.1rem; padding: 3px 0 0 0; text-align: center; } .pagination .next { display: none; } @media (max-width: 475px) { .pagination { width: 280px; font-size: 1rem; padding: 20px; } .pagination .first{ font-size: 0.7rem; width: 60px; padding: 3px 3px 0 0; text-align: right; } .pagination .last{ font-size: 0.7rem; width: 60px; padding: 3px 0 0 3px; text-align: left; } .pagination ul { width: 330px; justify-content: space-evenly; } .pagination li .current { padding: 7px; color: #ababab; } } /* * Copyright (c) 2015 querformat - die Werbeagentur */ /* Mac Bugfixes */ /* .mac #teaserbar .hl h2{margin-top:8px} .mac #header .mod_navigation *{line-height:18pt} .mac #teaserbar .layout_latest h2{line-height:19pt;font-family: 'FFDINWebProMedium', sans-serif;font-weight:normal;height:44px} .mac #teaserbar .layout_latest:hover .teaser{top:113px} .mac .inside_ce_dma_eg_3 div:first-child{height:60px;line-height:36pt} .mac .calc_route{padding-top:108px} .mac .calc_route input{margin-bottom:31px} .mac .produktregal.gross{background-position:left 16px} .mac .produktregal.gross{background-position:left 14px} .mac #leckere-produkte-produktdetails .frame{background-position:center 34px} .mac .frame ul li .current a{background-position:center 15px} .mac .produktregal.klein .produkte .item{height:240px} .mac .produktregal.klein .kategoriebild .item{height:240px} .mac .produktregal.klein.grossverbraucher{background-position:left 6px;} */ .firefox .produktregal.frame ul li{height: 452px;} .firefox #leckere-produkte-produktdetails .frame.grossverbraucher li, .firefox #leckere-produkte-produktdetails .frame.grossverbraucher li .li{height: 264px;} .firefox .produktregal.klein .item{height:244px} .firefox .produktregal.frame.gross.grossverbraucher ul li{height:499px} .ie .bounceIn, .ie .bounceOut, .ie .fadeInLeft, .ie .fadeInRight, .ie .fadeIn, .ie #dlg .ce_image, .ie #unternehmen-nachhaltigkeit .nachhaltigkeit .ce_text, .ie #unternehmen-chronik .ce_dma_eg_3, .ie .bubblecontainer #bubble1, .ie .bubblecontainer #bubble2, .ie #dlg-silber, .ie #dlg-gold, .ie #gut-informiert-downloads .qf_secbw .animated, .ie #kontakt-ansprechpartner .calc_route{opacity:1} .mac #qf_mainnav .ce_image:hover .caption, .safari #qf_mainnav .ce_image:hover .caption, .mac #qf_mainnav .ce_image .aktiv .caption, .safari #qf_mainnav .ce_image .aktiv .caption, .mac #header-mobile .ce_image .aktiv .caption, .safari #header-mobile .ce_image .aktiv .caption{font-weight:normal} .safari #kontakt-ansprechpartner .person:hover .infos{-webkit-transition: margin 0.5s;transition: margin 0.5s;margin-top:0} .safari #kontakt-ansprechpartner .person:hover .infos .pos{height:316px;-webkit-transition:height 0.5s;transition: height 0.5s} .safari #kontakt-ansprechpartner .infos{-webkit-transition:none;transition:none;padding:0 20px 18px;color:#fff;margin-top:335px;background:rgba(35,37,110,1)} .safari #kontakt-ansprechpartner .infos .pos{line-height: 20px;padding:10px 0;height:100px;border-bottom:1px #fff solid;display:table-cell;vertical-align:middle;width:260px;-webkit-transition:none;transition:none;} .safari #kontakt-ansprechpartner .infos .pos strong{font-weight:bold} /* * Copyright (c) 2015 querformat - die Werbeagentur */ /* mobile Nav */ #header-mobile .toggler{background-color:#cdeaf7;color:#23256e;border-bottom:1px #fff solid;padding:10px 0;text-align:center;text-transform:uppercase} #header-mobile .toggler.active{background-color:#23256e;color:#fff} #mobile_subnav{display:none} #header-mobile{max-height:100vh;overflow:scroll;font-size:10pt} #header-mobile .accordion{padding:20px 15px;background-color:#fff;color:#23256e;font-family: 'Shadows Into Light', cursive} #header-mobile .accordion a{float:left} #header-mobile .accordion .ce_image{clear:both;max-width:345px;margin:0 auto} #header-mobile .accordion .caption{float:left;font-size:17pt;padding:12px 0 0 15px;letter-spacing:1px} #header-mobile .accordion .caption a{color:#23256e} #header-mobile .mobile-login{background-color:#23256e;color:#fff;text-align:center;padding:10px 0} #header-mobile .mobile-login a{color:#fff;text-transform:uppercase} #header-mobile{display:none} #mobile_nav_btn{width:26px;height:22px;background:url("../../files/hohenlohermolkerei/_layout/mobile_nav_open.jpg");position:fixed;right:15px;top:30px} #mobile_nav_btn.active{background:url("../../files/hohenlohermolkerei/_layout/mobile_nav_close.png")} /* schmälere navigation */ @media (max-width: 1300px) { #qf_mainnav{padding:20px 0} .produktregal .maxwidth{padding-right:0;max-width:945px;padding:0 15px} .produktregal .maxwidth .kategoriebild{display:none} .produktregal.klein .produkte{width:100%} } @media (min-width: 985px) { .safari #teaser_start .teaseritem, .safari .news_start, .safari .nachhaltigkeit_start{float:left} /* #qf033 center startseite */ } @media (max-width: 3000px) { #unternehmen-chronik{background:url("../../files/hohenlohermolkerei/_layout/chronik_line.gif") repeat-y fixed center top,#eee} #unternehmen-chronik .ce_dma_eg_3, #unternehmen-nachhaltigkeit .nachhaltigkeit .ce_text{opacity:1} #unternehmen-nachhaltigkeit{background:url("../../files/hohenlohermolkerei/_layout/bg_nachhaltigkeit.jpg") no-repeat center top;} #unternehmen-nachhaltigkeit .parallax{background-color:transparent} .bg_schnur, .bg_schnur.x2, .bg_schnur.x1{background:url("../../files/hohenlohermolkerei/08-uebersicht/schnur.png") center top repeat-y} .qf_bgholz { background: url("../../files/hohenlohermolkerei/_layout/blumen.png") fixed,#cdc7c4 url("../../files/hohenlohermolkerei/_layout/bg_holz_2.jpg") fixed; background-size: auto,auto; background-repeat: no-repeat,repeat-y; background-position: right bottom,center top;} .vorstand .image_container{opacity:1} /* qualität */ .dlgs .ce_image, #dlg1start, #dlg2start, #dlg3start{opacity:1 !important} #dlg-silber, #dlg-gold{float:none;opacity:1} .preise.qf_sp10{text-align:center;padding-left:0;padding-right:0} .preise .ce_text{width:100%;float:none} .preise .ce_text *{text-align:center} .preise.dlg-silber{background-position:right 290px} #leckere-produkte.paddingbottom100 {background:none} .newsuebersicht{background-repeat: no-repeat,repeat-y;background-size: auto,cover;background-position: right bottom,center top} .animated{opacity:1 !important} #naehrtabelle{min-height:210vh;} } @media (max-width: 980px) { #header{ height: auto; } .produktdetail .produktinfos a.tabelle{display:none} .inside_ce_partnerlink{padding-left:315px} div#main{padding-bottom:0} #nav_unsere_molkerei, #nav_unsere_bauern, #nav_leckere-produkte, #nav_regional-einkaufen, #nav_qualitaetsversprechen, #nav_gut-informiert, #nav_kontakt{display:block} .footer_col.first, #article-header, #stickyfooter{display:none !important} #footer{background-position:left top,left 80px} #container{padding-top:107px} #header{position:fixed;z-index:6;width:100%} #header-mobile{display:block} .mobile_claim{background-color:#23256e;color:#fff;text-align:center} .mobile_claim p{margin:6px 0 1px;font-size:10pt;color:#fff} #qf_mainlogo{height:50px;padding:15px 0} #qf_mainlogo img{height:50px !important;width:auto !important} #article-footer{padding:0 20px} .mobile_overflow{width:100%;overflow:auto} .mobile_overflow .overflowarea{min-width:920px} #header .mod_login{position:static;margin:10px 0} .qf_w50, .qf_w56, .qf_w64, .qf_w70, .qf_w77, .qf_w80, .qf_w90, .qf_w96, .qf_w97, .qf_w975, .qf_w100, .qf_bu{width:90%} /* Startseite */ #dlg .ce_image{width:25%} .news_start, .nachhaltigkeit_start{width:100%} .news_start{margin-bottom:100px} #teaser_start .qf_w96, #teaser_start .mod_newslist{display:block} #teaser_start .mod_newslist, #teaser_start h2, #teaser_start .nachhaltigkeit_start{text-align:center;padding-left:0 !important;background:none !important} #teaser_start .mod_newslist *{text-align:left} .teaseritem:hover .teaser{margin-top:235px !important} .teaseritem:hover .more{display:none} /* Verwaltung */ .vorstand .image_container, .vorstand p{float:none;width:100%} .vorstand{text-align:center} .vorstand .image_container{margin:0} /* Daten und Fakten */ .ce_datenfakten .image{display:none} .fullscreen img{float:left} /* Nachhaltigkeit */ #einwegglas{opacity:1 !important;display:block !important;position:static !important;background: #ece2c2 url("../../files/hohenlohermolkerei/_layout/bg_nachhaltigkeit.jpg");margin-left:0} #einwegglas .inside{opacity:1 !important;background: url("../../files/hohenlohermolkerei/01-unsere-molkerei/nachhaltigkeit/einwegglas.png") no-repeat center center;width: 100%;height: 300px;} .naturpapier .ce_text, #unternehmen-nachhaltigkeit .nachhaltigkeit .ce_text{padding-left:0;width:90%} #unternehmen-nachhaltigkeit .nachhaltigkeit h2{padding-left:0;text-align:center} .naturpapier{padding:50px 0} .naturpapier h1{text-align:center} /* Chronik */ #unternehmen-chronik .ce_dma_eg_3.left{padding-right:0} #unternehmen-chronik .ce_dma_eg_3.right{padding-left:0} #unternehmen-chronik .ce_dma_eg_3{float:none !important;margin-top:0 !important;margin-bottom:60px !important;margin:0 auto} #unternehmen-chronik{background:none,#eee} /* Unsere Bauern */ .platzhalter2, .platzhalter1{display:none} /* Unsere Bauern */ #unsere-bauern-uebersicht .ce_unser-bauer:nth-child(3){margin-top:-85px} #unsere-bauern-uebersicht .ce_unser-bauer:nth-child(5){margin-top:10px} #unsere-bauern-uebersicht .ce_unser-bauer:nth-child(9){margin-top:10px} #unsere-bauern-uebersicht .ce_unser-bauer:nth-child(13), #unsere-bauern-uebersicht .ce_unser-bauer:nth-child(12){margin-top:9px} /* leckere Produkte */ .btn_produktefinden{display:none} #leckere-produkte .frame{position: relative;margin-top: -30px;} .produktdetail .produktbild{float:none;margin:0 auto;width:70%;text-align:center} .produktdetail{width:90%} .produktdetail .produktinfos{width:100%;height:500px} .controls .prevPage2, .controls .nextPage2{margin-top:370px} #naehrtabelle .table_inside{width:100%;padding:50px 0} #naehrtabelle #close_table{top:35px} #naehrtabelle .mini_image{display:none} .mod_newslist .layout_short{width:90%} .layout_short.allgemein .image{width:35%;margin-right:4%} .layout_short.allgemein .image, .layout_short.rezept .background, .layout_short.rundumdiemilch .background{background-size:cover !important} .layout_short.allgemein .message{width:61%} .layout_short .more{display:none !important} .layout_short{height:auto} .layout_short.allgemein h2 a, .layout_short.rundumdiemilch h2 a, .layout_short.rezept h2 a{font-size:22pt;line-height:27pt} .layout_short.rezept .teaser, .layout_short.rezept h2{width:100%} /*.layout_short.rezept .message{width:238px !important}*/ .newsuebersicht .schmetterlingbox{margin-left:60%} .layout_short.rundumdiemilch .message ul li ul{width:70%;margin-right: 5%;} .layout_short.rundumdiemilch .message ul li li{width:100%} .box_zutaten{margin:0 auto;float:none} .box_zubereitung{float:none;margin:60px auto 0} .qf_w30{width:100%;float:none;margin-bottom:40px} #aktuelles-jobs .layout_latest h1{width:70%} #aktuelles-jobs .layout_latest .more{width:28%} #gut-informiert-downloads .qf_secbw .ce_text{height:auto;padding-top:40px} #gut-informiert-downloads .qf_secbw .ce_text .image_container{float:none;text-align:center;margin:0} #gut-informiert-downloads .qf_secbw .ce_text h2{margin-top:20px} .qf_btn a{margin-top:20px} #gut-informiert-downloads .qf_secbw .ce_text.right .image_container{margin-left:0} #aktuelles-jobs .ce_hyperlink{margin-bottom:20px} #kontakt-impressum .qf_secbs .ce_text:first-child{width:auto;float:none;margin:0 10px} #kontakt-impressum .qf_secbs .ce_text:nth-child(2){width:auto;float:none;margin:0 10px} .mod_filecredit{width:auto;float:none;padding:0 10px} #kontakt-ansprechpartner form{background:none} .ce_rsce_graph{margin-left:-88px;margin-top:50px} } @media (max-width: 900px) { /* Regional einkaufen */ .bubblecontainer{float:none;height: 300px;margin-right:0} #bubble2{display:none} #bubble1{max-width:90%} .loginhinweis{margin-left:0} .layout_full.allgemein .news_image{margin-top:0 !important} } @media (max-width: 700px) { .qf_lasts{padding-bottom:100px !important} .qf_secw{padding:50px 0} #footer .footer_col:last-child{margin-top:0} #footer .footer_col{height:270px;width:100%} /* 20% kleinere Schrift */ h1{font-size:24pt;line-height:32pt} h2{font-size:14pt;line-height:27pt} h3{font-family:'Shadows Into Light', cursive;letter-spacing:1pt} h4{line-height: 19pt !important;color: #92d2ee;text-transform: uppercase;margin: 0 0 25px;font-size: 17pt !important} .txtf2{font-size: 12pt;line-height:20pt;} .preise .ce_text p{font-size:12pt} .introtext, .introtext p, #dlg .ce_text, .inside_ce_datenfakten .tableWizard{font-size: 13pt;line-height: 21pt;} .qf_bu{width:80%} /* Daten und Fakten */ td.col_0.col_first, .inside_ce_datenfakten .tableWizard tr td:first-child, .inside_ce_datenfakten .tableWizard tr td:nth-child(2), .inside_ce_datenfakten div:nth-child(2){padding-left:0;width:auto;text-align:left} .inside_ce_datenfakten .tableWizard tr td:nth-child(2){padding-bottom:20px} .inside_ce_datenfakten .tableWizard tr td{display:block;padding:0} .inside_ce_datenfakten .tableWizard, .inside_ce_datenfakten .text{display:block} .inside_ce_datenfakten div.text:first-child{text-align:left} .fakt.bg4{background-position:center 174px} .inside_ce_datenfakten div.text{font-size:16pt} /* Einzugsgebiet */ .speechbubble{display:none !important} .fullscreen{margin-top:50px} /* unsere Bauern */ #unsere-bauern-uebersicht .ce_unser-bauer{margin-top:10px !important} /* Qualität */ .qf_secbw .ce_image img{width:70%} .dlgs{width:100%;float: left;margin-top: -115px;} #dlg1,#dlg2,#dlg3{width:25%;margin:10px;display:inline-block;float:none} .preise.dlg-silber,.preise.dlg-gold{background:none} .qf_mt10{margin-top:40px} /* gut informiert */ .mod_newslist .layout_short{width:318px} .layout_short.allgemein .image{width:100%;margin-right:0;height:235px} .layout_short{padding:10px} .layout_short.allgemein .message > div{height:auto} .layout_short.allgemein .message, .layout_short.rundumdiemilch .message ul li ul{width:100%} .layout_short.allgemein .teaser{display:none} .layout_short.allgemein p.time{margin-top:20px} .layout_short.rezept .teaser, .layout_short.rezept h2{margin-right:0 !important} .layout_short.rundumdiemilch .message ul li{font-size:0} .layout_short.rundumdiemilch h2{padding-left:0} .tbl_fakten td{display:block} #aktuelles-jobs .layout_latest .more{display:none} #gut-informiert-downloads .qf_secbw .ce_text h2{font-size:18pt;line-height:30pt} #gut-informiert-downloads .qf_secbw .ce_text h2::before, #gut-informiert-downloads .qf_secbw .ce_text.right h2::before{content:''} .inside_ce_partnerlink{background: url("../../files/hohenlohermolkerei/_layout/bg_links_hl.png") no-repeat -230px 75px;padding: 20px 0 0 0px;} .ce_partnerlink{background:none !important;height:auto} .ce_partnerlink .hover{height:auto} .inside_ce_partnerlink .titel{font-size:25pt} #kontakt-ansprechpartner .calc_route{height:auto;position:static;background:#92d2ef;margin:0;padding:15px 0;width:100%;text-align:center} #kontakt-ansprechpartner .calc_route input{margin:0;padding:0} #kontakt-ansprechpartner .calc_route span, #kontakt-ansprechpartner .calc_route input{width:90%;display:block;margin:15px;padding:0 0 5px;border-bottom:1px #fff solid} #kontakt-ansprechpartner .widget label{display:block} #kontakt-ansprechpartner .widget input{width:100%} #kontakt-ansprechpartner .zentrale{background:url("../../files/hohenlohermolkerei/07-kontakt/ansprechpartner/box_1_spalte.jpg") center top} #kontakt-ansprechpartner .contactinfos .tel, #kontakt-ansprechpartner .contactinfos .mail, #kontakt-ansprechpartner .contactinfos .fax{background-position:left center} #kontakt-ansprechpartner .formbody{width:100%} #kontakt-ansprechpartner .zentrale{max-width:300px} #kontakt-impressum .qf_secbs .ce_text:last-child{display:none} #kontakt-impressum .qf_secbs{padding-bottom:20px} .layout_full.allgemein .ce_image, .layout_full.allgemein .image_container, .layout_full.allgemein .ce_image img{width:100%} .layout_full.allgemein .ce_image .caption{width:90%;padding-left:10px} #gut-informiert-aktuelles-details .qf_secb{padding-top:50px} #aktuelles-jobs .layout_latest h1{font-size:17pt} #unternehmen-einzugsgebiet .onlyphone{display:block} #gut-informiert-aktuelles-details .onlyphone{display:block} #gut-informiert-aktuelles-details .notonphone{display:none} #gut-informiert-aktuelles-details .onlyphone h3{margin:30px 0 10px;color:#92d2ef} .layout_short.rundumdiemilch .message ul li{padding-left:15px} .layout_short.rundumdiemilch .message ul li li{padding-left:0} .layout_full.allgemein .news_image{margin-left:10px !important} } @media (max-width: 360px) { #kontakt-ansprechpartner .person{width:auto;background-size:cover} #regional-einkaufen-hofgut-markt .zeiten strong{display:block} } @media (min-width: 480px) { #header-mobile .accordion .ce_image a br{display:none} } @media (max-width: 480px) { #milcherzeuger-loggedin .image_container img{display:none} #milcherzeuger-loggedin .qf_secw{padding-left:0px} #kontakt-impressum .qf_secbs p{font-size:11pt} #header-mobile .accordion .caption{max-width:65%} #unternehmen-chronik .ce_dma_eg_3{width: 100%;} #unternehmen-chronik .ce_dma_eg_3 .text{display:block;padding-left:15px} .inside_ce_dma_eg_3 div:nth-child(2){padding-top:15px} .inside_ce_dma_eg_3 div:nth-child(2), .inside_ce_dma_eg_3 div:nth-child(3){background-color:#fff} .inside_ce_dma_eg_3 div:first-child{float:none} #header-mobile .accordion .caption{font-size:15pt} .produktregal.frame.gross{height:458px} .inside_ce_unser-bauer{background-position:center top} .double .inside_ce_unser-bauer .comment_box p:last-child{height:145px} .double .inside_ce_unser-bauer .comment_box{margin-bottom:-170px} .produktdetail .produktinfos{height:700px;margin-bottom:140px} .controls .prevPage2, .controls .nextPage2{margin-top:420px} .hofgut-geschenke{background:none} .produktregal.gross .catimage img{padding-left:0px} #naehrtabelle h2{font-size:22pt} .box_zutaten, .box_zubereitung{width:100%} .onlyphone{display:block} .onlyphone h3{margin:30px 0 10px} .notonphone{display:none} #gut-informiert-downloads .qf_btn{text-align:center;margin-right:0} .qf_secb{padding-top:50px} .qf_w30{margin-left:0;margin-right:0} #handel-loggedin .qf_secb .image_container{display:none} #handel-loggedin .qf_secb .ce_text{float:none;width:100%} #handel-loggedin .rundschreiben_teaser{width:100%;margin-left:0;padding-left:0;float:none} /* grosses regal > kleines regal? */ #tl_login .widget input{width:100%} .layout_full.allgemein .news_image{width:100% !important;box-sizing: border-box;margin-left:0 !important;margin-right:0} .layout_full.allgemein .news_image .news_caption p{margin-bottom:20px} } @media (max-width: 350px) { #teaser_start .teaseritem { width: 105%; background-size:contain } } .angebotDerWoche{background-image:linear-gradient(rgba(255, 255, 255, 0.85), rgba(255, 255, 255, 0.85)), url("../../files/hohenlohermolkerei/04-regional-einkaufen/Hofgutmarkt/Holzhintergrund.jpg");background-size:cover;height:100%;}.angebotDerWoche__inside{max-width:1280px;width:100%;margin:0 auto;padding-top:2%;}.angebotDerWoche__inside__headline{display:flex;align-items:center;justify-content:center;}.angebotDerWoche__inside__headline img{width:650px;margin-top:20px;}.angebotDerWoche__inside__content{width:100%;display:flex;flex-flow:row wrap;justify-content:center;margin:35px 0;align-items:center;}.angebotDerWoche__inside__content__teaser{width:33.33%;height:600px;}.angebotDerWoche__inside__content__teaser__polaroid{position:relative;z-index:2;margin:0 auto;width:438px;}@media (max-width:430px){.angebotDerWoche__inside__content__teaser__polaroid{width:300px;}}.angebotDerWoche__inside__content__teaser__teaserImage{transform:rotate(13deg);margin:0 auto;z-index:-1;top:100px;left:90px;width:100%;position:absolute;}.angebotDerWoche__inside__content__teaser__teaserImage img{width:60%;}@media (max-width:430px){.angebotDerWoche__inside__content__teaser__teaserImage{top:76px;left:59px;}}.angebotDerWoche__inside__content__text{width:33.33%;height:unset;display:flex;flex-flow:column wrap;text-align:center;z-index:4;}.angebotDerWoche__inside__content__text__productNames{margin:10px;}.angebotDerWoche__inside__content__text h3{font-size:21pt;font-weight:bold;}.angebotDerWoche__inside__content__text p{font-size:15pt;margin:10px 40px;}.angebotDerWoche__inside__content__offer{width:33.33%;display:flex;flex-direction:column;position:relative;justify-content:center;}.angebotDerWoche__inside__content__offer.displayNone .angebotDerWoche__inside__content__offer__price{display:none;}.angebotDerWoche__inside__content__offer.displayShow .angebotDerWoche__inside__content__offer__price{display:unset;}.angebotDerWoche__inside__content__offer__product{text-align:center;}.angebotDerWoche__inside__content__offer__product--paddingBottom0{padding-bottom:0;}.angebotDerWoche__inside__content__offer__product--paddingBottom10{padding-bottom:10px;}.angebotDerWoche__inside__content__offer__product--paddingBottom20{padding-bottom:20px;}.angebotDerWoche__inside__content__offer__product--paddingBottom30{padding-bottom:30px;}.angebotDerWoche__inside__content__offer__product--paddingBottom40{padding-bottom:40px;}.angebotDerWoche__inside__content__offer__product--paddingBottom50{padding-bottom:50px;}.angebotDerWoche__inside__content__offer__product--paddingBottom60{padding-bottom:60px;}.angebotDerWoche__inside__content__offer__product--paddingBottom70{padding-bottom:70px;}.angebotDerWoche__inside__content__offer__product--paddingBottom80{padding-bottom:80px;}.angebotDerWoche__inside__content__offer__product--paddingBottom90{padding-bottom:90px;}.angebotDerWoche__inside__content__offer__product--paddingBottom100{padding-bottom:100px;}.angebotDerWoche__inside__content__offer__product--paddingBottom120{padding-bottom:120px;}.angebotDerWoche__inside__content__offer__product--paddingBottom150{padding-bottom:150px;}.angebotDerWoche__inside__content__offer__product--paddingBottom200{padding-bottom:200px;}.angebotDerWoche__inside__content__offer__price{position:absolute;bottom:0;right:0;width:75%;}.angebotDerWoche__inside__content__offer__price__container{position:relative;}.angebotDerWoche__inside__content__offer__price__container__text{right:73px;position:absolute;transform:rotate(13deg);top:89px;font-family:"Shadows Into Light";font-size:61px;font-weight:bold;}.angebotDerWoche__inside__content__offer__price__container__sign{float:right;}@media (max-width:1200px){.angebotDerWoche__inside__content{flex-wrap:wrap-reverse;}.angebotDerWoche__inside__content__teaser{width:50%;}.angebotDerWoche__inside__content__text{width:50%;}.angebotDerWoche__inside__content__offer{width:100%;}.angebotDerWoche__inside__content__offer__price__container__text{right:124px;top:129px;font-size:72px;}}@media (max-width:900px){.angebotDerWoche__inside__content{flex-flow:column-reverse;align-items:center;}.angebotDerWoche__inside__content__teaser{width:100%;}.angebotDerWoche__inside__content__text{width:100%;}}@media (max-width:540px){.angebotDerWoche__inside__content__teaser{height:unset;}.angebotDerWoche__inside__content__offer__price{width:200px;}.angebotDerWoche__inside__content__offer__price__container__text{right:50px;top:58px;font-size:38px;}}@media (max-width:320px){.angebotDerWoche__inside__content__offer__price{width:200px;}.angebotDerWoche__inside__content__offer__price__container__text{right:50px;top:58px;font-size:38px;}}.angebotDerWoche__inside__baseline{display:flex;align-items:center;justify-content:center;}.angebotDerWoche__inside__baseline img{width:650px;margin-bottom:20px;} .identitaetskennzeichen{width:100%;display:block;}.identitaetskennzeichen__inside{max-width:1280px;width:90%;margin:2.5% auto;display:flex;flex-flow:row;}.identitaetskennzeichen__inside__info{justify-content:flex-start;text-align:center;}.identitaetskennzeichen__inside__info__headline{padding-bottom:2%;}.identitaetskennzeichen__inside__info__infoText{margin:2% 0 4% 0;}.identitaetskennzeichen__inside__info__imageIdMobile{display:none;}.identitaetskennzeichen__inside__imageMilk{width:100%;}.identitaetskennzeichen__inside__imageMilk img{max-height:600px;}.identitaetskennzeichen__inside__imageMilk:hover,.identitaetskennzeichen__inside__imageMilk:active{position:relative;}.identitaetskennzeichen__inside__imageMilk:hover::after,.identitaetskennzeichen__inside__imageMilk:active::after{content:url("../../files/hohenlohermolkerei/06-gut-informiert/Identitaetskennzeichen/Polaroid-Hover-Siegel-200.png");position:absolute;left:0;bottom:25%;}@media (max-width:900px){.identitaetskennzeichen__inside{flex-flow:column-reverse;}.identitaetskennzeichen__inside__imageMilk{display:flex;justify-content:center;}.identitaetskennzeichen__inside__info__imageIdDesktop{display:none;}.identitaetskennzeichen__inside__info__imageIdMobile{display:block;width:63%;margin:2% auto;}} .lieferanten{width:100%;max-width:1280px;margin:0 auto;}.lieferanten__headline{color:#92d2ef;font-size:26pt;letter-spacing:1pt;font-weight:normal;line-height:40pt;text-align:center;margin-bottom:5%;}@media (max-width:700px){.lieferanten{font-size:24pt;line-height:32pt;}}.lieferanten__collection{width:100%;display:flex;margin:0 auto;flex-flow:wrap;align-items:center;justify-content:space-around;}.lieferanten__collection__logo{justify-content:center;width:20%;margin:2%;min-width:80px;}