@font-face {
	font-family: "Roboto";
	src: url("../Fonts/Roboto-Light.ttf") format("truetype");
	font-weight: 300;
}
@font-face {
	font-family: "Roboto";
	src: url("../Fonts/Roboto-Regular.ttf") format("truetype");
	font-weight: 400;
}
@font-face {
	font-family: "Roboto";
	src: url("../Fonts/Roboto-Bold.ttf") format("truetype");
	font-weight: 700;
}
@font-face {
	font-family: "Roboto";
	src: url("../Fonts/Roboto-Black.ttf") format("truetype");
	font-weight: 900;
}

body {
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	font-size:16px; 
	line-height: 1.5em;
	color:#000;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
	/* hyphens: auto; */
}


p {  
	font-size:16px; 
	margin-bottom: 1.9375em;
}
.rubriktitel p {
    font-size: 1rem;
    font-weight: 700;
    font-style: normal;
    line-height: 1.5em;
    letter-spacing: 0em;
    color: rgb(255, 255, 255);
    margin: 0px 0px 8px;
	text-transform: uppercase;
}
.rubriktitel p::after {
    content: "";
    height: 1px;
    width: 90%;
    display: block;
    margin-left: auto;
    margin-right: auto;
    padding-top: 5px;
}
.bodyKartoffelprodukte .rubriktitel p::after {
    border-bottom: 2px solid rgb(238, 213, 31);
}
.bodyGemuseFruchte .rubriktitel p::after {
    border-bottom: 2px solid rgb(148, 192, 59);
}
.bodyPastaFertiggerichte .rubriktitel p::after {
    border-bottom: 2px solid rgb(223, 170, 83);
}
.bodyFingerfood .rubriktitel p::after {
    border-bottom: 2px solid rgb(176, 13, 74);
}
.bodyFrischConvenience .rubriktitel p::after {
    border-bottom: 2px solid rgb(197, 214, 46);
}

.bodyMerch .rubriktitel p::after {
    border-bottom: 2px solid rgb(126, 126, 126);
}




h1, h2, h3, h4, h5 {
	font-family: 'Roboto', sans-serif;
    margin-top: 0px !important;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
	-webkit-hyphens: auto;
}
	
h1 {
    /* font-size: 72px; */
    /* font-weight: 900; */
    /* color: #545454; */
    /* margin-bottom: 0.722222em; */
    /* line-height: 1.05em; */
    /* letter-spacing: 0.1em; */
    font-size: 5.5625rem;
    font-weight: 900;
    font-style: normal;
    line-height: 1.05em;
    letter-spacing: 0.1em;
    color: rgb(255, 255, 255);
    margin: 0px 0px 0.722222em;
	text-transform: uppercase;
}
.produktHeader h1 {
    font-size: 4.5rem;
    font-weight: 900;
    font-style: normal;
    line-height: 1.05em;
    letter-spacing: 0em;
    padding-top: var(--column-spacing-override-top-padding-top,25px);
    padding-left: 1.51707vw;
    padding-right: 2.87026vw;
    padding-bottom: var(--column-spacing-override-top-padding-top,25px);
    margin: 0px 0px 0em;
    color: rgb(255, 255, 255);
    text-transform: none !important;
}
.black h1 {
	color: #545454;
}
h2 {
    font-size: 40px;
    font-weight: 400;
    color: #000;
    margin-bottom: 0.226415em;
    line-height: 1.05em;
    letter-spacing: 0.1em;
}
.underlined h2 {
	font-size: 53px;
	line-height: 105%;
    width: fit-content;
    padding: 15px 10px;
    border-bottom: 2px solid rgb(222, 167, 36);
    margin-bottom: 0.875em;
	text-transform: uppercase;
}
.ce-headline-center {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}
.topbildVertBanner h2 {
    font-size: 3.3125rem;
    font-weight: 400;
    font-style: normal;
    line-height: 1.05em;
    letter-spacing: 0em;
    color: rgb(0, 0, 0);
    margin: 0px 0px 31px;
}
h3 {
	font-size: 32px;
	font-weight: 900;
	color: #545454;
	/* margin-bottom:0px;
	line-height:120%; */
}
h4 {
	font-size: 24px;
	font-weight: 700;
	color:#545454;
	margin-bottom:0px;
	line-height: 1.3em;
}


strong {
	font-weight:700 !important; 
}

footer h4 {
	color: rgb(255, 255, 255);
	font-size: 1.5rem;
	font-weight: 700;
	font-style: normal;
	line-height: 1.3em;
	letter-spacing: 0em;
}

footer p {
    color: rgb(255, 255, 255);
    margin: 0px 0px 1.9375em;
    font-size: 17px;
    font-weight: 400;
    font-style: normal;
    line-height: 1.5em;
    letter-spacing: 0em;
}

.footerText p {
    margin-top: 20px;
}

#footer-c4 {
    text-align: end;
}

.font-bold-blue {
	font-weight: 700;
	color: #2570ba;
}


/* Dark Modes */
.bg-2,
.bg-2 p,
.bg-2 h1,
.bg-2 h2,
.bg-2 h3,
.bg-2 h4 {
	color:#fff;
}

.bg-3,
.bg-3 p,
.bg-3 h1,
.bg-3 h2,
.bg-3 h3,
.bg-3 h4 {
	color:#fff;
}

/* GL / VR Gruppenfoto */
.glVrImage h3 {
    margin-bottom: 0.55em;
}

.glVrImage h4 {
    font-size: 1rem;
}

/* Linkstile */
main a img, a, a img, img { border:0px; outline:none !important;}
a img, a, a img, img { border:0px; outline:none !important;}
main a, main a:visited,
main a.download,
main a.internal-link,
main a.external-link-new-window,
main a.mail,
main a.pdf { 
	display:inline-block;
	color: #000; 
	text-decoration: underline;
	padding: 0;
	background-color:transparent;
	transition: all .2s ease;
}

main a:hover,
main a.internal-link:hover, 
main a.external-link-new-window:hover, 
main a.internal-link-new-window:hover,
main a.pdf:hover, main a.download:hover,
main a.mail:hover { 
	color: #000;
}

a.produktkategorie {
    font-size: 2.1875rem;
    font-weight: 400;
    font-style: normal;
    line-height: 1.05em;
    letter-spacing: 0.1em;
    color: rgb(255, 255, 255) !important;
    /* margin: 0px 0px 6px; */
    text-decoration: none !important;
    width: 100%;
    margin-top: 23px;
    /* hyphens: auto; */
    padding-bottom: 4px;
}
.bodyKartoffelprodukte a.produktkategorie {
    border-bottom: 3px solid rgb(238, 213, 31);
}
.bodyKartoffelprodukte .produktkategorieWrap .frame:nth-of-type(5) a.produktkategorie {
    border-bottom: 3px solid rgb(0, 0, 0);
}
.bodyGemuseFruchte a.produktkategorie {
    border-bottom: 3px solid rgb(148, 192, 59);
}
.bodyPastaFertiggerichte a.produktkategorie {
    border-bottom: 2px solid rgb(223, 170, 83);
}
.bodyFingerfood a.produktkategorie {
    border-bottom: 2px solid rgb(176, 13, 74);
}
.bodyFrischConvenience a.produktkategorie {
    border-bottom: 2px solid rgb(197, 214, 46);
}
.bodyMerch a.produktkategorie {
    border-bottom: 3px solid rgb(126, 126, 126);
}


/* Footer Linkstile */
footer a, footer a:visited { color:#fff; text-decoration:none; transition: all .2s ease;}
footer a:hover, footer a:focus { color:#fff; text-decoration:none; }
a.megura {text-decoration:none !important; color:#fff !important; font-size:12px !important; padding:0px;  }
a.megura:hover {color:#000 !important;}


/* Buttons */
.btn {
	font-size:inherit !important;
}

.btn.focus, .btn:focus {
	outline: 0;
	box-shadow:none !important; 
}

.btn-primary{
   background-color: #008F9B;
   border-color: #008F9B;
}

.btn-primary:hover{
	 background-color: #AAAAAA;
   border-color: #AAAAAA;
}

a.button-standard,
.btn {
	transition: all 0.3s ease 0s;
    position: relative;
    width: fit-content;
    border-style: solid;
    border-color: rgb(255, 255, 255);
    border-width: 1px;
    box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 0px;
    border-radius: 2px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1rem;
    line-height: 1em;
    letter-spacing: 0.05em;
    color: rgb(255, 255, 255) !important;
    padding: 12px 20px;
    background-color: rgba(255, 255, 255, 0);
    visibility: visible;
    display: inline-block !important;
}

a.button-standard:hover {
    color: #fff !important;
	text-decoration: none !important;
}


/* Cookie Consent */
.cc-message {
	font-size: 14px;
	line-height: 120%;
}

.cc-allow,
.cc-deny,
.dp--cookie-check {
	display: none !important;
}


/* RESPONSIVE FONTS
------------------------------------------------- */

@media screen and (max-width: 1200px) {
}


@media screen and (max-width: 998px) {
	h1 {
		font-size: 60px;
	}

	h3 {
		font-size: 25px;
	}
}


@media screen and (max-width: 748px) {
	h1 {
		font-size: 36px;
	}

    h2 {
		font-size: 38px !important;
        white-space: break-space;
	}

	h3 {
		font-size: 22px;
	}

	a.produktkategorie {
		font-size: 1.625rem;
	}

	.produktHeader h1 {
		font-size: 40px;
		hyphens: auto;
        text-align: center;
        white-space: break-space;
	}
}


@media screen and (max-width: 576px) {
}

@media screen and (max-width: 480px) {
}

/* RTE STYLES
------------------------------------------------- */
.text-center {
  text-align: center;
}

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

.text-justify {
  text-align: justify;
}

.htmlarea-content-body, .htmlarea-content-body p,
.cke_editable a,
.cke_editable h1,
.cke_editable h2,
.cke_editable h3,
.cke_editable h4,
.cke_editable h5,
.cke_editable h1.white,
.cke_editable h2.white,
.cke_editable h3.white,
.cke_editable h4.white,
.cke_editable h5.white {
  color: #000000 !important;
}

.cke_editable table {
    width: 100%;
}