/**** Schriften **/

/* Myriad Pro Bold Condensed 
	font-family: myriad-pro-condensed, sans-serif;
	font-weight: 700;
	font-style: normal;   
*/

/* Myriad Pro Semi Bold Condensed 
	font-family: myriad-pro-condensed, sans-serif;
	font-weight: 400;
	font-style: normal;   
*/

/* Myriad Pro Regular Condensed 
	font-family: myriad-pro-condensed, sans-serif;
	font-weight: 100;
	font-style: normal;   
*/

/* Myriad Pro 
	font-family: myriad-pro, sans-serif;
    font-weight: 700;
    font-style: normal;
*/

.footer-copyright a:hover {
    color: #70b62f!important;
}


.footer-landwirtschaft {
    display: none;
}

.footer-manufaktur {
    display: none;
}


.footer-hauptseite {
    display: block;
}

.footer-rohstoffe {
    display: none;
}



/***** NUR FÜR UNS ******/
.page-elemente {
    color: #fff!important;
}

.image-round img {
    border-radius: 100%;
    margin-right: 24px;
    display: block;
    border: 5px solid #fff;
    width: 91px;
    margin: 0 auto;
}





/*********** SMARTPHONE ****************/

@media only screen and (max-width: 767px) { 
	
body {
    font-size: 14px;
    font-family: myriad-pro, sans-serif;
    font-weight: 100;
    font-style: normal;
}


a[href^=tel] {
text-decoration:inherit;
color: inherit;
}

footer .main-footer a {
    color: #000;
}

img.manufaktur-line {
    height: 2px;
    margin-bottom: -5px;
    display: none;
}

a.btn {
    height: 36px!important;
    min-height: 36px!important;
    line-height: 14px;
    margin: 0 auto;
}

.btn-endprodukt {
	margin-top: 25px!important;
}


.no-uppercase a span {

    margin-top: 15px;
    display: block;
}

.hgs-shop-icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18.263' height='18.265' viewBox='0 0 18.263 18.265'%3E%3Cg id='Shopping_Cart' data-name='Shopping Cart' transform='translate(-2.001 -2)'%3E%3Cpath id='Pfad_2109' data-name='Pfad 2109' d='M19.477-19.388a1.824,1.824,0,0,0-1.816,1.826,1.824,1.824,0,0,0,1.816,1.826A1.831,1.831,0,0,0,21.3-17.562,1.831,1.831,0,0,0,19.477-19.388ZM14-34v1.826h1.826l3.286,6.931-1.232,2.228a1.83,1.83,0,0,0,1.6,2.712H30.431v-1.826H19.477l1-1.826h6.8a1.817,1.817,0,0,0,1.6-.941l3.268-5.927a.91.91,0,0,0-.794-1.352H17.843L16.985-34ZM28.6-19.388a1.824,1.824,0,0,0-1.816,1.826A1.824,1.824,0,0,0,28.6-15.735a1.831,1.831,0,0,0,1.826-1.826A1.831,1.831,0,0,0,28.6-19.388Z' transform='translate(-11.999 36)'/%3E%3Cpath id='Pfad_2110' data-name='Pfad 2110' d='M8.58,4.566,11.136,0H0L2.191,4.566Z' transform='translate(6.565 5.652)' fill='%23fff'/%3E%3C/g%3E%3C/svg%3E%0A");    background-repeat: no-repeat;
    background-position: 10px 29px;
    background-size: 22px;
}

.hgs-shop-icon span {
    padding-left: 35px;
}

.ce_ct_teaserBox .inside .text {
    font-size: 14px;
}

.ce_ct_featureElement.hgs-logo-home.first.block {
    margin-top: -50px;
    /* margin-bottom: -25px; */
}

.glider-2.glider {
    margin-top: -60px;
}

a.btn.btn-default.no-desktop.btn-aus-smartphone {
    display: block;
    margin: 0 auto;
    text-align: center;
    display: block;
    width: 100%;
    margin: 3%;
}

.ce_ct_teaserBox.hgs-block-aussaat p {
    text-align: center!important;
}

.ce_ct_teaserBox.hgs-block-aussaat a {
    text-align: center!important;
}

.hgs-block-aussaat a {
    text-align: center;
}

.glider-contain.glide-ueberblick {
    margin-top: -80px;
}

.hgs-grid-block-2 h4 {
    font-size: 16px;
    margin-top: 15px;
    padding-top: 15px;
}

.hgs-grid-block-2 h5 {
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 100;
    padding-top: 0px;
    margin-top: 0px;
}

.no-smartphone {
	display: none
}

#main {
    padding-bottom: 50px;
    padding-top: 65px;
}

b, strong {
    font-weight: bolder;
    font-weight: 900;
}

h3 {
    font-size: 22px;
    font-family: myriad-pro-condensed, sans-serif;
    font-weight: 700;
    color: #07601F;
    font-size: 25px;
    margin-bottom: 15px;
    margin-top: 0px;
    text-transform: uppercase;
    text-align: left!important;
}



h6 {
    font-family: myriad-pro-condensed, sans-serif;
    font-weight: 700;
    color: #07601F;
    font-size: 16px;
    margin-bottom: 15px;
    margin-top: 0px;
    text-transform: uppercase;
}

.titelbild {
    margin: 0px;
    padding: 0px;
    margin-top: -10px;
    margin-bottom: -43px;
}


.ce_text.hgs-text-center.bg-white.bg-shadow.column.col-sm-12.col-3.col-lg-6.block {
    border: 1px solid #fff0;
    border-radius: 5px;
    box-shadow: 3px 3px 11px 3px rgb(121 121 121 / 11%);
    margin-bottom: 42px;
}

.ce_text.hgs-text-center.bg-white.bg-shadow.column.col-sm-12.col-3.col-lg-6.block h4 {
    margin-bottom: 0px;
    margin-top: 15px;
}

.ce_text.hgs-text-center.bg-white.bg-shadow.column.col-sm-12.col-3.col-lg-6.block ul {
    margin-left: 0px;
    padding-left: 10px;
}

.ce_text.hgs-text-center.bg-white.bg-shadow.column.col-sm-12.col-3.col-lg-6.block ul {
    margin-left: 0px;
    padding-left: 16px;
    font-size: 15px;
        margin-bottom: -30px;
}





.ce_text.hgs-text-center.hgs-shadow.hgs-grid-block-2.column.col-sm-12.col-3.col-lg-6.block {
    margin-left: 10px;
    border-radius: 5px;
    margin-top: 30px;
    padding-bottom: 0px;
    height: 100%;
}

.block-x figure {
    background-color: white;
    box-shadow: 3px 3px 11px 3px rgb(121 121 121 / 11%);
    border-radius: 100%;
    width: 50px;
    height: 50px;
    padding: 10px;
    margin: 0 auto;
    margin-top: -26px;
}

.block-x p {
    font-size: 12px;
}

.block-x img {
    width: 95px;
}
	
.bg-sunrise {
    background: none;
}

.homepage .navbar.bg-sunrise {
    background: #fff;
}
	
/* NAVBAR */

.navbar.block {
    display: flex;
    box-shadow: 3px 3px 11px 3px rgb(121 121 121 / 11%);
    position: fixed;
    background-color: #fff;
    z-index: 2;
    height: 55px;
}


.navbar .logo img {
    padding: 0;
    height: auto;
    width: auto;
    margin: 0 auto;
    position: absolute;
    left: 36%;
    top: 3px;
    z-index: 10000;
}

.open-nav {
    height: 30px;
    width: 30px;
    position: absolute;
    right: 20px;
    top: 9px;
}

.open-nav .line {
    background: #6fb62f;
    display: block;
    position: absolute;
    height: 3px;
    width: 100%;
    border-radius: 0px;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(
0deg
);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(
0deg
);
    -webkit-transition: 0.25s ease-in-out;
    -moz-transition: 0.25s ease-in-out;
    -o-transition: 0.25s ease-in-out;
    transition: 0.25s ease-in-out;
}

.open-nav .line:nth-of-type(1) {
    top: 7px;
}

.open-nav .line:nth-of-type(3) {
    top: 29px;
}

img.bodensee-icons {
    margin-right: 70px;
    width: 74px;
    position: absolute;
    left: 15px;
    top: 12px;
}

.navbar .level_1 {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    left: calc(0px - ( 100% - 100px));
    width: calc(100% - 100px);
    height: 100vh;
    position: fixed;
    background: #6fb62f;
    top: -19px;
    display: block;
    padding: 30px 10px;
    overflow: auto;
    z-index: 1000;
}

.navbar ul.level_1>li>a {
    border-bottom: 1px solid transparent;
    font-family: myriad-pro, sans-serif;
    font-weight: 600;
    font-style: normal;
    font-size: 20px;
}

.navbar ul.level_1>li:after {
    background: #6fb62f;
	display: none;
}

/* ÜBER UNS */

.titelbild-ueberuns img {
    border-radius: 5px;
}

.block-ueber-uns figure {
    text-align: center;
    margin: 0px auto;
    margin-top: -30px;
    /* width: 94%; */
}

.block-ueber-uns {
    box-shadow: 3px 3px 11px 3px rgb(121 121 121 / 11%);
    border-radius: 5px;
    padding: 15px;
    padding-top: 32px;
    margin-top: 47px;
}

.tab.tab-block .tab-item a label {
    padding: 9px 2px 7px 0;
    position: relative;
    width: 48px;
    height: 48px;
}

.tab.tab-block .tab-item {
    flex: 1 0 0;
    text-align: center;
    box-shadow: 3px 3px 11px 3px rgb(121 121 121 / 11%);
    border-radius: 100%;
    margin: 4px;
}

.tab-geschichte li {
    float: left;
}

.smartphone-tab-bottom {
	margin-top: 258px!important;
    position: absolute;
}

.tab-geschichte-content h3 {
    margin-top: 80px!important;
}

img.ueberuns-tab-reiter-linie {
    margin-top: 73px!important;
    margin-bottom: -60px;
}

div#article-64 h6 {
    font-size: 16px;
    margin-bottom: -18px;
    margin-top: -6px;
}

.tab.tab-block {
    padding: 0;
    display: block;
    border-bottom: 0px;
}

.tab-geschichte-content {
    text-align: center!important;
}

.tab-geschichte-content h3 {
    text-align: center!important;
}

div#article-64 {
    box-shadow: 3px 3px 11px 3px rgb(121 121 121 / 11%);
    margin: 20px;
    height: 740px;
}

.block-referenzen div {
    width: 48%;
    margin: 1%;
}

.tab.tab-block {
    width: 91%;
    }

.tab.tab-block .tab-item a label:after {
    display: none;
}

.tabs figure {
    display: block;
    margin-left: 0;
    clear: both;
    margin-bottom: -30px;
}

.tabs a:hover label {
    color: #ffffff;
}

.tab.tab-block .tab-item:not(.last) {
    border-bottom: 0.0rem solid #a6a6a6;
}

.ce_text.zertifikat.column.col-3.col-sm-12.col-lg-6.block {
    width: 47%;
    font-size: 13px;
    color: #000;
}

.zertifikat a {
    font-size: 20px;
    font-family: myriad-pro-condensed, sans-serif;
    font-weight: 100;
    font-style: normal;
    padding-right: 5px;
    color: #000;
}

.btn:focus, .btn:hover {
    background: #5fa81c!important;
    border-color: #ff8562;
    text-decoration: none;
    color: #fff!important;
}

.btn:active, .btn.active {
    background: #70b72f;
    border-color: #70b72f;
    color: #fff;
    text-decoration: none;
}








/* PRODUKTE */

.headline-green-line p {
    text-align: center;
    box-shadow: 3px 3px 11px 3px rgb(121 121 121 / 11%);
    padding: 10px;
    border-radius: 5px;
    font-size: 14px;
    font-family: myriad-pro, sans-serif;
    font-weight: 600;
    font-style: normal;
    margin-top: 15px;
    margin-bottom: 10px;
}

.ce_text.shop-button.block {
    display: none;
}

.tabcontrol_tabs ul, .tabcontrol_tabs li {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.b2b-produkt-content {
    border-left: 5px solid #70b62f;
    padding: 15px;
    box-shadow: 3px 3px 11px 3px rgb(121 121 121 / 11%);
    border-radius: 5px;
    min-height: 130px;
}

.b2b-produkt-bild img {
    /* float: left; */
    border-radius: 100%;
    width: 100px;
}

h4.b2b-produkt {
    margin-top: -69px;
    margin-left: 115px;
    font-size: 20px;
    font-family: myriad-pro-condensed, sans-serif!important;
    font-weight: 100;
    font-style: normal;
    text-transform: none;
}

.headline-green-line img {
    display: inline;
    margin-bottom: 3px;
    display: none;
}

.owl-item a {
    color: #000;
}

.tabcontrol_tabs ul li {
    float: left;
    margin: 10px;
}


.tabcontrol_panes.block {
    padding-top: 60px;
}

.tabcontrol_tabs li.selected {
    background-color: #fff;
    color: #000;
    border-bottom: 3px solid #70b62f;
}

.hgs-shadow {
    box-shadow: 3px 3px 11px 3px rgb(121 121 121 / 11%);
}

/* KARRIERE */
.hgs-karriere {
    border-radius: 5px;
}

.hgs-karriere img {
    display: none;
}

h3.ce_headline.offene-stellen {
    font-size: 16px;
}

.hgs-karriere {
    border-radius: 5px;
    padding: 10px;
    padding-top: 1px;
    font-size: 12px;
}

.footer-copyright h2 {
    color: #000;
    text-align: left;
    font-size: 12px;
}

.footer-copyright p {
    font-size: 12px;
    line-height: 10px;
    color: #000;
    text-align: left;
}

.footer-copyright a {
    font-size: 12px;
    color: #000;
    text-align: left;
}

footer .footer-copyright a {
    color: #000;
    font-size: 11px;
    font-family: myriad-pro, sans-serif;
    font-weight: 100;
    font-style: normal;
   text-transform: inherit;
}

.footer-copyright table {
    color: #000;
    text-align: left;
}

.ce_ct_wrapperStart.content-footer-2 {
    margin: 3%;
}

.ce_text.footer-bottom-1 {
    float: left;
    width: 46%;
}

.ce_text.footer-bottom-2 {
    width: 40%;
}

.ce_text.footer-bottom-3 {
    float: left;
    width: 42%;
}

.ce_text.footer-bottom-4 {
    width: 40%;
}



.footer-bottom-4 table {
    width: 165px!important;
}

.footer-bottom-3 table {
    width: 165px!important;
}

.ce_text.no-desktop.smartphone-linie-1.block {
    margin-top: -21px;
    margin-bottom: 0px;
}

.smartphone-linie-1 img {
    height: 2.2px;
}

.hgs-logo-home img {
    width: 87px;
}

div#article-75 {
    margin-top: 30px;
}

.ce_ct_teaserBox.hgs-block-produktuebersicht {
    margin-top: -20px;
}




/* FOOTER */

footer .main-footer {
    background: #fff;
    color: #000;
}

.main-footer {
    box-shadow: 3px 1px 9px 5px rgb(121 121 121 / 11%);
    height: 62px;
    padding: 0px;
}

footer .mod_article {
    padding: 0px;
}

.footer-element-1 {
    width: 100%;
    box-shadow: 3px 1px 9px 5px rgb(121 121 121 / 11%);
    height: 80px;
    padding-top: 13px;
}

.footer-element-1-1 {
    width: 100%;
    float: left;
    font-size: 16px!important;
    height: 25px;
    line-height: 15px;
    margin-bottom: 5px;
}

.footer-element-1-1 p {
    padding: 0px;
    margin: 0px;
    line-height: 20px;
    font-weight: 900;
}

.footer-element-1-2 {
    width: 50%;
    float: left;
    font-size: 16px!important;
    height: 25px;
    line-height: 15px;
}

.footer-element-1-2 p {
    padding: 0px;
    margin: 0px;
    line-height: 20px;
}

.footer-element-1-3 {
    width: 50%;
    float: left;
    font-size: 16px!important;
    height: 25px;
    line-height: 15px;
}

.footer-element-1-3 p {
    padding: 0px;
    margin: 0px;
    line-height: 20px;
}


footer .footer-copyright {
    background: #fff;
    color: #fff;
}

.footer-bottom-3 {
    width: 52%;
    float: left;
}

.footer-bottom-4 {
    width: 40%;
    margin-left: 4%;
}



.footer-copyright .mod_article {
    padding: 28px 20px 20px 20px;
}

.footer-copyright-1 {
    color: #000;
    font-size: 12px;
}

.footer-copyright-1 a {
    color: #000;
    font-size: 12px;
}

span.footer-copyright {
    display: block;
    color: #000;
    margin-top: 5px;
    margin-bottom: 10px;
}

footer .main-footer {
    background: #fff;
    color: #000;
    height: 80px;
}

.ce_text.footer-element-1-2 img {
    margin-left: -5px;
    padding-right: 5px;
}

.ce_text.footer-element-1-3 img {
    margin-left: -5px;
    margin-right: 5px;
}

.hgs-text-center.bg-white.bg-shadow ul li {
    /* height: 154px; */
    font-size: 13px;
}

.hgs-text-center.bg-white.bg-shadow ul {
    height: 87px;
}

.ce_image.icon-aussaht.block {
    position: absolute;
}

.ce_ct_teaserBox.with-image img {
    max-width: 100%;
    margin-top: 0px;
    width: 100%;
}

.btn {
    border-radius: 25px;
    display: flex;
    align-items: center;
    min-height: 50px;
    font-weight: 500;
    border: none;
    max-width: 100%;
    flex-wrap: wrap;
    white-space: inherit;
    line-height: 1.2;
    height: inherit;
    width: max-content;
    border-radius: 5px;
    display: block;
    width: 100%;
    font-size: 16px;
    font-weight: 900;
    line-height: 27px;
    background-color: #6fb62f;
    color: #fff;
    text-align: center;
    transition: background 0.2s;
    -webkit-transition: background 0.2s;
}



a.hgs-link-button {
    float: left;
    color: #000;
    display: block;
    width: 100%;
}

a.hgs-link-button img {
    float: left;
    /* display: none; */
    margin: -8px;
    /* margin-left: 0px; */
    margin-right: 2px;
}


.hgs-grid-block-2 {
    font-size: 12px;
}

h3.ce_headline.text-center {
    text-align: center!important;
    text-transform: inherit;
    color: #000;
    font-size: 16px;
    font-family: myriad-pro, sans-serif;
    margin-bottom: 22px;
}

.ce_text.hgs-text-center.bg-white.bg-shadow.column.col-3.col-sm-12.col-lg-6.block h4 {
    font-size: 16px;
}

/* KONTAKT */

.block-1 {
    margin: 0px;
    padding: 0px;
    margin-top: 45px;
    border-radius: 5px;
}

.block-1 h4 {
    padding: 0px;
    margin: 0px;
}

.ce_text.block-1 h3 {
    background-color: #70b72f;
    color: #fff;
    text-align: center!important;
    display: block;
    font-size: 13px;
    text-transform: capitalize;
    font-family: myriad-pro, sans-serif;
    padding: 7px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    padding-right: -4px!important;
}

.block-1-big {
    margin: 0px;
    padding: 0px;
    border-radius: 5px;
    margin-top: 15px;
}

.ce_text.block-1-big h3 {
    background-color: #70b72f;
    color: #fff;
    text-align: center!important;
    display: block;
    font-size: 13px;
    text-transform: capitalize;
    font-family: myriad-pro, sans-serif;
    padding: 7px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    padding-right: -4px!important;
}

h3.ce_headline.text-center.kontakt-uns.first {
    margin-bottom: -20px;
    margin-top: 10px;
}

h4.font-regular {
    font-weight: 100;
}

div#article-77 {
    margin: 20px;
    margin-top: -0px;
}

.ce_text.block-1.oeffnungszeiten.hgs-shadow.column.col-4.col-sm-12.col-lg-6.block {
    padding-bottom: 15px;
}

.ce_text.block-ueber-uns.first.last.block img {
    display: none;
}




.site-kontakt figure {
    margin-top: 0px!important;
}

.site-kontakt figure {
    margin-top: 0px!important;
    /* margin-bottom: 47px; */
    width: 150px;
    margin: 0 auto;
    margin-bottom: 15px;
}

.block-1 h3 {
    text-align: center!important;
    padding-top: 15px;
}

.hgs-bg-kontakt {
    margin: 0px!important;
}

.block-1-big h3 {
    text-align: center!important;
}


/* MENU */

.navbar .level_1 {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    left: calc(0px - ( 100% - 100px));
    width: calc(100% - 100px);
    height: 100vh;
    position: fixed;
    background: #fff;
    color: #000;
    top: 35px;
    display: block;
    padding: 0px 10px;
    overflow: auto;
    z-index: 1000;
}

.navbar ul.level_1>li>a {
    font-family: myriad-pro, sans-serif;
    font-weight: 600;
    font-style: normal;
    font-size: 20px;
    color: #000;
}

#open-nav:target .close-nav {
    display: block;
    background: rgb(0 0 0 / 0%);
    position: fixed;
    right: 0;
    top: 0;
    height: 100vh;
    width: 100px;
    z-index: 1000;
}

.ce_image.logo.logo-smartphone {
 
    margin-top: 10px;
    margin-bottom: -13px;
}

.ce_ct_wrapperStart.content-hofgut-im-ueberblick.columns.ce_wrapper.block {
    margin: 35px;
    margin-left: 29px;
}

ul {
    margin-left: 0px;
    padding-left: 15px;
}

.owl-slider-home {
    padding: 0px;
    /* margin: 5px; */
}

/* GLIDER */

.glider-track {
    transform: translateZ(0);
    width: 100%;
    margin: 0;
    padding: 0;
    display: flex;
    z-index: 1;
    margin-left: 7.5px;
    margin-top: 50px;
    padding-bottom: 35px;
    
}

.glider-slide {
    margin: 10px!important;
    
}

	
}









































@media only screen and (min-width: 768px) {/* Breite beträgt mindestens 50em */




a.backtohgs-link {
	color: #000;
    font-size: 17px;
    text-align: center;
    padding-left: 0px;
    line-height: 16px;
    background-color: #fff;
    position: absolute;
    text-transform: uppercase;
    cursor: pointer;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.645' height='13.655' viewBox='0 0 13.645 13.655'%3E%3Cpath id='Pfad_2348' data-name='Pfad 2348' d='M6.015,6.006A6.829,6.829,0,1,1,4.24,12.534H6.015a5.118,5.118,0,1,0,4.821-6.827,5.047,5.047,0,0,0-3.6,1.519L9.983,9.974H4.01V4Z' transform='translate(-4.01 -4)'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: 64px 4px;
    height: 56px;
    width: 140px;
    padding-top: 20px;
    margin-top: -24px;
}

.backtohgs-link:hover {
	color: #70b62e;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.645' height='13.655' viewBox='0 0 13.645 13.655'%3E%3Cpath id='Pfad_2348' data-name='Pfad 2348' d='M6.015,6.006A6.829,6.829,0,1,1,4.24,12.534H6.015a5.118,5.118,0,1,0,4.821-6.827,5.047,5.047,0,0,0-3.6,1.519L9.983,9.974H4.01V4Z' transform='translate(-4.01 -4)' fill='%2370b62f'/%3E%3C/svg%3E%0A");
	cursor: pointer;
}


.titelbild-block {
	background: #fff;
    z-index: 100;
    width: 838px;
    margin: 0 auto;
    margin-top: -75px;
    position: relative;
    padding: 5px;
    box-shadow: 3px 3px 11px 3px rgb(121 121 121 / 11%);
    border-radius: 5px;
}

.no-desktop {
    display: none!important;
}

div#article-69 {
    margin-top: -56px;
}

div#article-70 {
    margin-top: -149px;
}


::selection {
    background: #70b62f;
    color: #fff;
}

body {
	background-color:#fff;
	font-family: myriad-pro, sans-serif;
    font-weight: 100;
    font-style: normal;
    font-size: 16px;
}

.hgs-kachel div {
    padding: 20px!important;
    padding-top: 2px!important;
}

.hgs-kachel figure {
    height: 168px;
}

.hgs-kachel h4 {
    margin-bottom: 0px;
    padding: 0px;
    font-size: 16px;
}


.mtop50 {margin-top: 50px;}
.mtop100 {margin-top: 100px;}
.mtop140 {margin-top: 140px;}
.mtop150 {margin-top: 150px;}
.mtop75 {margin-top: 75px!important;}
.mtop65 {margin-top: 65px!important;}
.mtop50 {margin-top: 50px!important;}

.mtop90 {
    margin-top: 90px!important;
}

.content-site {
    padding-top: 190px!important;
}

b, strong {
    font-weight: bolder;
    font-weight: 700;
}

.image-center {
	display: block;
  margin-left: auto;
  margin-right: auto;
}

.titelbild-container {
    margin-bottom: -50px!important;
}

.ce_text.text-center.private-label-packaging.block {
    height: 140px;
}

/********* BANNER ELEMENTE ******/

.hgs-box-1 h3 {
    width: 1100px;
}

.titelbild-block h3 {
    margin-bottom: -5px!important;
        margin-top: 15px;
}

.hgs-titelbild-hgs-logo {
    margin-top: -350px;
    margin-bottom: 135px;
}

.hgs-box-1 figure {
    position: absolute;
    margin-left: -20px;
}

.hgs-banner-kontakt {
    position: relative;
    z-index: 10000;
    width: 600px;
    height: 121px;
    background-color: #fff;
    margin: 0 auto;
    margin-top: 60px;
    border-radius: 5px;
}

.hgs-banner-kontakt-line2 {
    margin: 20px;
    /* padding-left: 5px; */
    width: 216px;
}

.hgs-banner-kontakt-line2 p {
    margin: 5px;
    /* margin-left: 15px; */
}

.hgs-banner-kontakt-line2 a:hover {
    color: #fff;
}

.hgs-banner-kontakt-line2 img {
    float: left;
    margin-right: 45px;
}

.hgs-banner-kontakt-line2 a {
    background-color: #70b62f;
    color: #fff;
    padding: 7px;
    font-family: myriad-pro-condensed, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 20px;
    border-radius: 3px;
    padding: 6px 0px;
    width: 100px;
    display: block;
    text-align: center;
    height: 36px!important;
    line-height: 21px;
    margin: 0 auto;
}

.hgs-partner {
    height: 300px;
    padding: 15px;
    padding-top: 2px;
    margin-top: 15px;
}

.hgs-bilderrahmen figure img {
	box-shadow: 3px 3px 11px 3px rgb(121 121 121 / 11%);
	padding: 15px;
}

.hgs-banner-kontakt-line2 p {
    padding-left: 15px;
}

.hgs-banner-kontakt-line2 {
    margin: 20px;
}

.hgs-banner-kontakt-line1 {
    margin-top: 15px;
}

.hgs-banner-kontakt-line1 p {
    padding: 0px;
    margin: 5px;
    margin-top: 5px;
}

.hgs-banner-kontakt-line0 {
    width: 153px;
    padding: 2px;
}

.hgs-banner-kontakt-line2 img {
    float: left;
}

/********* HEADER **************/

.page-zumshop a {
	background-image: url("/files/redaktion/icons/icon-warenkorb.svg");
	background-size: 20px;
    background-repeat: no-repeat;
    background-position: 75px 6px;
    width: 100px;
}

.page-zumshop a:hover {
	background-image: url("/files/redaktion/icons/icon-basket-green.svg");
	background-size: 20px;
    background-repeat: no-repeat;
    background-position: 75px 6px;
    width: 100px;
}



img.bodensee-icons {
    position: absolute;
    margin-right: -394px;
    margin-top: -4px;
}

li.submenu.page-elemente.sibling.last {
    display: none;
}

/********* FOOTER **********/

.footer-bottom-1 {
    width: 160px;
}

.footer-copyright-1 {
    max-width: 835px;
    font-size: 14px;
    color: #000;
    margin: 0 auto;
}

.footer-copyright-2 {
    border-top: 1px solid #ccc;
    padding: 10px;
}

.ce_text.col-mx-auto.footer-copyright-bottom.last.block {
    position: absolute;
    width: 100%;
    left: 15px;
    right: 0;
    border-top: 1px solid #000;
}

.footer-bottom-4 {
    margin-left: 20px;
}

.footer-copyright-bottom {
    margin-left: -15px;
}

div#article-10 {
    width: 840px;
}
footer .main-footer {
    background: #fff;
    color: #000;
}

.footer-element-1 {
    margin: 0 auto;
}

.ce_text.footer-element-1-1 {
    float: left;
    margin-right: 50px;
}

.ce_text.footer-element-1-2 {
    float: left;
    margin-right: 50px;
}

.ce_text.footer-element-1-3 {
    float: left;
    margin-right: 50px;
}

.ce_text.footer-element-1-4 {
    float: left;
    margin-right: 50px;
}

.page-footer a {
    color: #000!important;
}

.footer-copyright h2 {
    margin-top: 0px;
}

.footer-copyright h2 {
    font-size: 16px;
    text-transform: capitalize;
}

.footer-copyright a {
    font-size: 16px;
    text-transform: inherit;
    font-weight: 100;
    line-height: 16px;
}

.footer-copyright p {
    font-size: 16px;
    text-transform: inherit;
    font-weight: 100;
    line-height: 18px;
    margin-top: 0px;
    margin-bottom: 10px;
}

.footer-copyright table {
    font-size: 16px;
}

.footer-copyright {
    margin-top: 15px;
}

.main-footer {
    box-shadow: 3px 1px 9px 5px rgb(121 121 121 / 11%);
    height: 62px;
    padding: 0px;
}

footer .footer-copyright {
    background: #fff;
    color: #000;
}

.footer-bottom-1 a:hover {
    color: #70b62f!important;
}


div#article-4 {
    padding: 0px;
}

/********* STARTSEITE ***********/


.hgs-glass {
    position: absolute;
    margin: 96px;
    width: 909px;
    box-shadow: 0 0 1rem 0 rgb(153 153 153 / 31%);
    border-radius: 5px;
    height: 350px;
    border-radius: 5px;
    z-index: 1;
    background: inherit;
    overflow: hidden;
    background-color: rgb(255 255 255 / 39%);
}

.hgs-glass-titelbild {
	height: 582px;
}

.hgs-glass p {
    width: 81%;
    margin: 0 auto;
    line-height: 39px;
    font-size: 20px;
}

.hgs-glass-titelbild img {
    border-radius: 5px;
}



.hgs-glass:before {
	content: "";
	position: absolute;
	background: inherit;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	box-shadow: inset 0 0 2000px rgb(255 255 255 / 60%);
	filter: blur(10px);
	margin: -20px;
}

/* PRIVATE LABEL */

.img-center img {
    margin: 0 auto;
    display: block;
}

/* INSPIRATION */

.hgs-kachel div {
    height: 385px;
    padding: 0px;
    margin-bottom: 30px;
    border-radius: 5px;
}

.hgs-kachel img {
    margin: 0 auto;
    display: block;
    padding-top: 15px;
}



.hgs-shadow-content {
    box-shadow: 3px 3px 11px 3px rgb(121 121 121 / 11%);
    margin-bottom: 30px;
    border-radius: 5px;
    /* padding: 0px; */
}

.hgs-shadow-content p {
    padding: 15px;
}

.hgs-shadow-content figure img {
    width: 109%;
    display: block;
}



/* PRIVATE LABEL */

.titelbild-block.block-s {
    height: 100px;
    padding: 19px;
    padding-left: 40px;
    width: 753px;
    margin-top: -30px;
}

.block-s h4 {
    /* margin-left: 15px!important; */
    margin-top: 0px;
}

.block-s figure {
    padding-right: 15px;
}





.hgs-kachel-border-left {
    padding: 10px;
    border-left: 8px solid #70b72f;
    border-radius: 7px;
}

.text-private-label {
    height: 380px;
    margin-top: 16px;
}

.text-private-label-1 {
    height: 380px;
    margin-top: 115px;
}

.hgs-kachel-padding-left {
    padding-left: 50px;
}

.text-spezial-produkte img {
    margin: 0 auto;
    text-align: center;
    display: block;
}

.text-spezial-produkte.column {
    float: left;
}

.hgs-image-center img {
    margin: 0 auto;
    display: block;
    margin-bottom: 25px;
    margin-top: 25px;
}

.hgs-trenner-linie {
    padding: 0px!important;
}


.titelbild {
	padding:0px!important;
}

.content-hofgut-im-ueberblick {
    margin-top: 20px;
}

.content-hofgut-im-ueberblick {
    margin-top: 20px;
    margin-bottom: 20px;
}

.startseite-bilder {
    margin-top: 40px;
}

.content-aussaat {
    padding-bottom: 0px!important;
}

.titelbild-content ul {
    margin-top: 5px;
    padding-left: 20px!important;
}

.titelbild-content {
    margin-top: -138px;
    margin-left: -3px!important;
    max-width: 1171px;
}
.hgs-box-1 h3 {
    position: absolute;
    margin: 0 auto;
    width: 1140px;
    padding-top: 40px;
    font-weight: 600;
    color: #fff;
    text-align: center;
}

.ce_text.hgs-text-center.bg-white.bg-shadow.column.col-sm-12.col-3.col-lg-6.block {
    border: 1px solid #fff0;
    border-radius: 5px;
    box-shadow: 3px 3px 11px 3px rgb(121 121 121 / 11%);
    width: 268px;
    margin-left: 10px;
}

.ce_text.hgs-text-center.bg-white.bg-shadow.column.col-sm-12.col-3.col-lg-6.block h4 {
    margin-bottom: 0px;
    margin-top: 15px;
}

.ce_text.hgs-text-center.bg-white.bg-shadow.column.col-sm-12.col-3.col-lg-6.block ul {
    margin-left: 0px;
    padding-left: 10px;
}

.ce_text.hgs-text-center.bg-white.bg-shadow.column.col-sm-12.col-3.col-lg-6.block ul {
    margin-left: 0px;
    padding-left: 16px;
    font-size: 15px;
    margin-bottom: 30px;
}

.ce_text.hgs-text-center.bg-white.bg-shadow.column.col-sm-12.col-3.col-lg-6.block {
    border: 1px solid #fff0;
    border-radius: 5px;
    box-shadow: 3px 3px 11px 3px rgb(121 121 121 / 11%);
    width: 268px;
    margin-left: 7px;
    height: 375px;
}

.ce_text.hgs-text-center.hgs-shadow.hgs-grid-block-2.column.col-sm-12.col-3.col-lg-6.block {
    width: 282px;
    margin-left: 10px;
    border-radius: 5px;
    margin-top: 30px;
    padding-bottom: 0px;
}

.hgs-grid-block-2 p {
    margin-top: 10px;
    margin-bottom: 20px;
}

.hgs-grid-block-2 ul {
    margin-top: 8px;
}

p.hofgut-im-ueberblick-text {
    margin-bottom: 0px;
}

.hgs-link-button img {
    float: left;
    height: 47px;
    margin-top: -6px;
}

.hgs-link-button img {
    float: left;
    height: 44px;
    margin-top: -6px;
    margin-bottom: 0px;
}

a.hgs-link-button {
    color: #000!important;
}

/********* ÜBER UNS *************/
.ce_image.titelbild-ueberuns {
    margin-bottom: -88px;
}

.ce_text.block-ueber-uns {
    background: #fff;
    z-index: 100;
    /* display: -webkit-inline-box; */
    width: 838px;
    margin: 0 auto;
    position: relative;
    padding: 35px;
}

.ce_text.block-ueber-uns img {
    margin: 0 auto;
    display: block;
    margin-top: -52px;
}

.ce_text.block-ueber-uns {
    background: #fff;
    z-index: 100;
    /* display: -webkit-inline-box; */
    width: 838px;
    margin: 0 auto;
    position: relative;
    padding: 35px;
    box-shadow: 3px 3px 11px 3px rgb(121 121 121 / 11%);
    border-radius: 5px;
    height: 160px!important;
}

.zertifikat a {
    font-size: 25px;
    font-family: myriad-pro-condensed, sans-serif;
    font-weight: 100;
    font-style: normal;
    padding-right: 5px;
    color: #000;
}

.zertifikat p {
    width: 195px;
}

.zertifikat p a img {
    float: right;
    margin-top: 10px;
}

.block-zertifikate {
    margin-top: -63px!important;
}

.titelbild-ueberuns img {
    border-radius: 5px;
}

.hgs-bg-ecken {
	background-image: url("/files/redaktion/seiten/ueber%20uns/vier-ecken.svg");
	background-size: 988px;
    background-repeat: no-repeat;
    background-position: 13px 12px;
    width: 1024px;
    margin: 0 auto;
    padding: 59px;
    padding-top: 40px;
    /* display: block!important; */
    /* float: left; */
    margin-right: 0px!important;
    /* padding-right: 0px!important; */
    margin: 18px;
    margin-left: 34px!important;
    margin-top: 0px;
}

.ce_tabcontrol {}

.tabcontrol_tabs {
    position: absolute;
    width: 320px;
    margin: 0 auto;
    left: 0;
    right: 0;
}

.tabcontrol_tabs ul, .tabcontrol_tabs li { margin: 0; padding: 0; list-style-type: none; }

.tabcontrol_tabs li {}

.tabcontrol_tabs li.tabs { float: left; padding: 10px; vertical-align: middle; text-align: center; cursor: pointer; color: #888 }

.tabcontrol_tabs li.selected {
    background-color: #fff;
    color: #000;
    border-bottom: 3px solid #70b62f;
}

.tabcontrol_panes {
    padding: 85px;
    padding-bottom: 30px;
    padding-left: 0px;
    padding-right: 0px;
    border: 0px solid #ccc;
}

.tabcontrol_panes .panes {}

/* Tab Geschichte */
.tab-geschichte.tab {
    border: 0px;
    width: 70px;
    position: absolute;
    padding: 0px;
    margin-left: 15px;
    margin-top: -5px;
}

.tab-geschichte li {
    height: 70px!important;
    width: 70px!important;
    display: block;
}

.tab-geschichte-content p {

    width: 250px;
    margin-left: 790px;

}

.tab-geschichte .tab-item {
    background-color: white;
    margin-bottom: 41px;
    border-radius: 100%;
    box-shadow: 3px 3px 11px 3px rgb(121 121 121 / 11%);
}

.tabs a:hover label {
    color: #000;
}

.block-storzelner-geschichte {
    box-shadow: 3px 3px 11px 3px rgb(121 121 121 / 11%);
    padding: 0px;
    padding-bottom: 150px!important;
    height: 710px;
    padding-top: 15px!important;
    margin-top: -30px!important;
}

.tab-geschichte-content h3 {
    text-align: center;
    margin-left: 40px;
}

.block-storzelner-geschichte h6 {
    text-align: center;
    padding: 0px;
    padding-top: 7px;
    margin-top: 0px;
    margin-bottom: -9px;
}

.block-x figure {
    background-color: white;
    box-shadow: 3px 3px 11px 3px rgb(121 121 121 / 11%);
    border-radius: 100%;
    width: 50px;
    height: 50px;
    padding: 10px;
    margin: 0 auto;
    margin-top: -26px;
}

.block-x figure img{
    width: 30px;
    height: 30px;
}


.hgs-bg-double-line {
	background-image: url("/files/redaktion/seiten/ueber%20uns/vier-ecken.svg");
	background-size: 988px;
    background-repeat: no-repeat;
    background-position: 13px 12px;
    width: 1024px;
    margin: 0 auto;
    padding: 59px;
    padding-top: 40px;
    /* display: block!important; */
    /* float: left; */
    margin-right: 0px!important;
    /* padding-right: 0px!important; */
    margin: 18px;
    margin-left: 34px!important;
    margin-top: 0px;
}

/********* KONTAKTE ************/
.hgs-bg-kontakt {
    padding: 50px;
    padding-top: 165px;
    margin-top: -136px;
}

.site-kontakt h4 {
    margin: 0px;
    font-family: myriad-pro-condensed, sans-serif!important;
    font-weight: 100!important;
    font-style: normal!important;
}



.site-kontakt h3 {
    font-size: 25px!important;
    font-family: myriad-pro-condensed, sans-serif!important;
    font-weight: 100!important;
    font-style: normal!important;
    margin-bottom: 0px;
}

.block-1 {
    box-shadow: 3px 3px 11px 3px rgb(121 121 121 / 11%);
    padding: 0px;
    margin-top: 25px;
    border-radius: 5px;
    width: 310px;
    margin-left: 5px;
    margin-right: 5px;
    height: 385px;
}



.block-1 h4 {
    margin: 0px;
    padding: 0px;
    margin-left: 22px;
    margin-bottom: -20px;
    margin-top: 10px;
    font-size: 16px;
    font-weight: 700!important;
    font-family: 'myriad-pro'!important;
}

.block-1 p {
    padding-left: 20px;
    margin-bottom: -15px;
}

.block-1 p {
    padding: 0px;
}

.block-1 table {
    margin: 10px;
    margin-bottom: 0px;
}

.block-1 tr {
    height: 0px;
    line-height: 21px;
}


.block-1 h3 {
    background-color: #71b62f;
    color: #fff;
    margin-top: 0px;
    text-align: center;
    font-size: 17px!important;
    font-family: myriad-pro, sans-serif!important;
    font-weight: 100!important;
    font-style: normal!important;
    padding: 10px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.block-1-big {
    box-shadow: 3px 3px 11px 3px rgb(121 121 121 / 11%);
    padding: 0px;
    margin-top: 0px;
    border-radius: 5px;
    width: 350px;
    margin-left: 20px;
    margin-right: 20px;
    height: 435px;
}

.block-1-big h3 {
    background-color: #71b62f;
    color: #fff;
    margin-top: 0px;
    text-align: center;
    font-size: 17px!important;
    font-family: myriad-pro, sans-serif!important;
    font-weight: 100!important;
    font-style: normal!important;
    padding: 10px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.block-1-big p {
    font-size: 20px;
}


/********* STYLEGUIDE ***********/
.btn {
    background: #70b62f!important;
    color: #fff;
}

.hgs-shadow {
	box-shadow: 3px 3px 11px 3px rgb(121 121 121 / 11%);
	border-radius: 5px;
}

.hgs-kontakt-block {
    margin-top: -70px!important;
}

.text strong {
    font-family: myriad-pro, sans-serif;
    font-weight: 700;
    font-style: normal;
}

.ce_ct_teaserBox .inside .text {
    width: 100%;
    font-size: 16px;
}



h1 {
    font-size: 30px;
    font-family: myriad-pro, sans-serif;
    font-weight: 700;
    font-style: normal;
}
h2 {
    font-size: 25px;
    font-family: myriad-pro, sans-serif;
    font-weight: 700;
    font-style: normal;
}
h3 {
    font-family: myriad-pro-condensed, sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 25px;
}
h4 {
    font-size: 20px;
    font-family: myriad-pro, sans-serif;
    font-weight: 600;
    font-style: normal;
    margin-top: 15px;
    margin-bottom: 10px;
}
h5 {
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 100;
    margin-bottom: 0px;
    margin-top: 5px;
}
h6 {
	font-family: myriad-pro-condensed, sans-serif;
    font-weight: 700;
    color: #07601F;
    font-size: 25px;
    margin-bottom: 40px;
    text-transform: uppercase
}



a {
    color: #000000;
    outline: none;
    text-decoration: none;
}

div#article-61 {
    margin-top: -45px;
}

div#article-63 {
    margin-top: -47px;
}






h1.ce_headline {
    font-size: 30px;
    font-family: myriad-pro, sans-serif;
    font-weight: 700;
    font-style: normal;
}
h2.ce_headline {
    font-size: 25px;
    font-family: myriad-pro, sans-serif;
    font-weight: 700;
    font-style: normal;
}
h3.ce_headline {
    font-family: myriad-pro, sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 25px;
}
h4.ce_headline {
    font-size: 20px;
    font-family: myriad-pro, sans-serif;
    font-weight: 600;
    font-style: normal;
}


/********* MENU *************/
.navbar ul li {
    font-size: 20px;
    font-family: myriad-pro-condensed, sans-serif;
    font-weight: 100;
    font-style: normal;
    text-transform: uppercase;
}



.navbar ul li a, .navbar ul li strong {
    color: #000;
    font-weight: 400;
}

.navbar ul li a:hover {
    color: #6fb62f;
}

.navbar ul.level_1>li:after {
    display: none;
}

.navbar ul.level_1>li>a.active, .navbar ul.level_1>li>a.trail {
    text-decoration: none;
    color: #6fb62f;
}

.navbar-section.hgs-navigation {
    position: absolute;
    margin-left: 155px;
    padding-top: 5px;
}

.page-zumshop {
    margin-left: 60px;
}

.navbar ul li.homepage {
    margin-right: 0px;
}

.navbar ul li {
    padding: 0 19px;
}




/********* FARBEN ***********/
.primary-color-dark, .primary-color-dark h1, .primary-color-dark h2, .primary-color-dark h3, .primary-color-dark h4, .primary-color-dark h5, .primary-color-dark h6 {
    color: #70b62f;
}

.btn {
	font-family: myriad-pro-condensed, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 20px;
    border-radius: 3px;
    padding: 6px 0px;
    display: block;
    align-items: center;
    min-height: 50px;
    border: none;
    max-width: 100%;
    width: 90%!important;
    min-height: 36px !important;
    height: 36px !important;
    flex-wrap: wrap;
    white-space: inherit;
    line-height: 1.2;
    height: inherit;
    width: max-content;
    text-align: center !important;
    background: #32b643;
    color: #fff;
    transition: background 0.2s;
    -webkit-transition: background 0.2s;
}

.btn-titelbild {
    width: 240px!important;
}

.btn:hover {
    background-color: #5da51d !important;
    color: #fff!important;
}

/* Button Zentriert */
.btn-center {
    margin: 0px auto;
}

/********* Blöcke **********/

.hgs-block-aussaat img {
    width: 800px!important;
}

.hgs-block-aussaat .text {
    position: absolute;
    float: right;
    display: block;
    margin-left: 668px;
    margin-top: 105px;
    height: 429px;
    width: 447px!important;
    padding-right: 0px!important;
    padding: 60px;
    background-color: white;
    box-shadow: 3px 3px 11px 3px rgb(121 121 121 / 11%);
}

.hgs-block-aussaat p {
    font-size: 17px;
    width: 338px;
}

.ce_ct_teaserBox.hgs-block-aussaat {
    margin-top: 85px;
}

.ce_image.icon-aussaht.block {
    position: absolute;
    margin-top: -24px;
    margin-left: 454px;
    z-index: 1;
}

/******** Hofgut Storzeln im Überblick */
.icon-line-green {
    margin-top: -30px;
}



/********* PRODUKTE ********/

a.btn.btn-center.btn-link {
    color: #000;
    background-color: #fff!important;
}

.btn.btn-link:focus, .btn.btn-link:hover, .btn.btn-link:active, .btn.btn-link.active {
    color: #000!important;
}

.ce_text.shop-button.block {
    position: absolute;
    margin-top: -11px!important;
    margin-left: 976px!important;
    margin-bottom: -30px!important;
}

.owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled {
    display: block;
}

.ce_text.shop-button.block {
    /* position: absolute; */
    margin-top: -81px;
    margin-left: 946px;
}

.owl-prev {
    position: absolute;
    left: 0px;
    top: 145px;
}

.owl-next {
    position: absolute;
    right: 0px;
    top: 145px;
}

.owl-carousel.owl-theme.owl-loaded {
    margin-bottom: 50px;
}

.owl-theme .owl-controls {
    margin-top: 10px;
    text-align: center;
    -webkit-tap-highlight-color: transparent;
}

.owl-prev {
    background-image: url(/files/redaktion/icons/icon-left.svg)!important;
    background-size: 64px!important;
    background-repeat: no-repeat!important;
    background-position: -12px -12px!important;
    height: 40px!important;
    width: 40px!important;
    border-radius: 100%!important;
    font-size: 0px!important;
    box-shadow: 0 1px 21px rgb(121 121 121 / 20%)!important;
}

.owl-next {
    background-image: url(/files/redaktion/icons/icon-right.svg)!important;
    background-size: 64px!important;
    background-repeat: no-repeat!important;
    background-position: -12px -12px!important;
    height: 40px!important;
    width: 40px!important;
    border-radius: 100%!important;
    font-size: 0px!important;
    box-shadow: 0 1px 21px rgb(121 121 121 / 20%)!important;
}

.owl-b2c {
    border-top: 2px solid #F6F6F6;
    padding-top: 30px;
    margin-top: -38px;
}

.alle-b2b {
    border-top: 2px solid #F6F6F6;
    padding-top: 37px;
    margin-top: -38px;
}

.Drinks-b2b {
    border-top: 2px solid #F6F6F6;
    padding-top: 30px;
    margin-top: -38px;
}

.Flocken {
    border-top: 2px solid #F6F6F6;
    padding-top: 30px;
    margin-top: -38px;
}

.TVP {
    border-top: 2px solid #F6F6F6;
    padding-top: 30px;
    margin-top: -38px;
}

.Rohwaren {
    border-top: 2px solid #F6F6F6;
    padding-top: 30px;
    margin-top: -38px;
}

div#tabcontrol_471 div ul {
    margin-left: 100px;
}

.grossverbraucher {
    margin-top: 5px!important;
}

.headline-green-line img {
    display: inline;
    margin-bottom: 3px;
}


span.b2c-owl-slider {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box!important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    border-bottom: 1px solid #70b62f;
    display: block;
    padding-bottom: 5px;
}

.b2c-owl-slider a {
    color: #000;
    font-size: 16px;
    /* height: 38px; */
}

a:focus, a:hover, a:active, a.active {
    color: #000;
    text-decoration: auto;
}

.headline-green-line {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
}

.headline-green-line p {
    text-align: center;
    box-shadow: 3px 3px 11px 3px rgb(121 121 121 / 11%);
    padding: 10px;
    border-radius: 5px;
    font-size: 16px;
    font-family: myriad-pro, sans-serif;
    font-weight: 600;
    font-style: normal;
    margin-top: 15px;
    margin-bottom: 10px;
    padding-left: 25px;
    padding-right: 25px;
}



.b2b-produkt-content {
    border-left: 5px solid #70b62f;
    box-shadow: 3px 3px 11px 3px rgb(121 121 121 / 11%);
    border-radius: 5px;
    min-height: 140px;
    width: 49%;
    float: left;
    margin-right: 1%;
    margin-bottom: 1%;
    background-color: #fff;
}



.b2b-produkt-bild img {
        height: 140px;
    width: 100%;
    padding-left:15px;
}

.b2b-produkt-bild {
    float: left;
    padding-right: 27px;
    height: 100px;
}

h4.b2b-produkt {
    margin-top: 0px;
    /* font-family: myriad-pro-condensed, sans-serif; */
    font-weight: 100;
    font-style: normal;
    text-transform: none;
}

/********* KARRIERE **********/
.content-karriere h3 {
    font-size: 25px!important;
    font-family: myriad-pro-condensed, sans-serif!important;
    font-weight: 100!important;
    font-style: normal!important;
    margin-bottom: -10px;
}

h3.ce_headline.text-center.stellenangebote {
    margin-top: -2px;
}

.hgs-karriere p {
    padding: 15px;
    margin-bottom: 0px;
    border-radius: 8px!important;
    display: block;
}

.hgs-karriere {
    border-radius: 5px;
}



/********* HEADER ***********/
.navbar {
    max-width: 1140px;
    margin: 0 auto;
    background: rgb(255 255 255 / 0%);
    padding: 0 10px;
    height: 72px;
}

.homepage .navbar {
    position: unset;
}

.mod_article {
    max-width: 1140px;
    padding: 10.5rem 40px;
    margin: 0 auto;
}

header#header {
    background-color: #ffffff;
    height: 72px;
    box-shadow: 3px 3px 11px 3px rgb(121 121 121 / 11%);
    position: absolute;
    margin: 0 auto;
    width: 100%;
    z-index: 2;
    margin-top: 35px;
}

.ce_image.logo {
    width: inherit;
    display: block;
    margin-top: -24px;
    margin-left: 19px;
    background-color: #fff;
    box-shadow: 3px 3px 11px 3px rgb(121 121 121 / 11%);
    border-radius: 5px;
    width: 156px;
    padding: 10px;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-right: 0px;
    height: 179px;
    position: absolute;
    z-index: 100;
    top: 0px;
}

.ce_image.logo img {
    width: 138px!important;
    margin-left: -1px;
}



.navbar-section.hgs-navigation {
    height: 72px;
}
/********* END HEADER ***********/


/********* END ARTICLE ***********/
.mod_article {
    max-width: 1140px;
    padding: 3rem 1rem;
    margin: 0 auto;
}
/********* END ARTICLE ***********/

 }