@media screen and (min-width: 2560px) {
    html {
        font-size: 125%;
    }
}

@media screen and (max-width: 1600px) {
	
	header .container,
	.rootline .container,
	footer .container{
		padding: 0 40px;
	}
	
	.logo {
		left: 40px;
	}
	
	.scroll-up {
		right: 40px;
	}
	
	.main-nav li.hassub:last-child .sub {
		left: auto;
		right: 0;
	}
	
	.keymarkets .headline {
		width: 100%;
		padding: 0 0 80px 0;;
	}
	
	.keymarkets .headline h3 {
		margin: 0;
	}
	
	.keymarkets .km-teaser {
		width: 100%;
	}
}

@media screen and (max-width: 1440px) {
	
	.logo {
		width: 220px;
	}
	
	nav {
    	width: calc(100% - 220px);
		padding: 20px 0 0 0;
	}
	
	.quick-links a {
		font-size: 13px;
	}
	
	.main-nav li a {
		font-size: 14px;
	}
	
	.main-nav .sub li a {
		font-size: 13px;
		padding: 10px 15px;
	}
	
	.main-nav .sub li a::before {
		top: 16px;
	}
	
	.main-nav .sub {
		padding: 20px 25px;
		width: 240px;
		margin: 40px 0 0 -110px;
	}
	
	h1 {
		font-size: 50px;
	}
	
	.slider {
		height: 500px;
	}
	
	.listview .article .content .left {
		line-height: 1.5;
		width: calc(100% - 170px);
	}
	
	.listview .article .content .right {
		width: 170px;
	}
	
	.listview .article .content {
		padding: 30px;
	}
	
	.listview .article .image {
		padding: 30px 30px 30px 0;
	}
	
	.listview .article .more {
		font-size: 12px;
		padding: 8px 15px;
	}
}

@media screen and (max-width: 1280px) {
	
	body {
		font-size: 15px;
		line-height: 1.6;
	}
	
	h1 {
		font-size: 50px;
	}
	
	.contentsite h1 {
		font-size: 40px;
		margin: 0 0 30px 0;
	}
	
	h2 {
		font-size: 32px;
		margin: 0 0 40px 0;
	}
	
	h3 {
		font-size: 26px;
	}
	
	h4 {
		font-size: 22px;
	}
	
	.container,
	header .container,
	.rootline .container,
	footer .container {
		padding: 0 20px;
	}
	
	.latest-news .container {
		padding: 0 80px;
	}
	
	.logo {
		left: 20px;
		top: -5px;
	}
	
	header nav {
		display: none;
	}
	
	.top-nav {
		margin-right: 84px;
	}
	
	.mn-btn {
		display: block;
	}
	
	.lang {
		margin-top: 8px;
	}
	
	.quick-links {
		margin-top: 10px;
	}
	
	.contentsite .header-image,
	#page_104 .header-image,
	#page_106 .header-image{
		height: 200px;
	}
	
	.contentsite .header-image .image,
	#page_104 .header-image .image,
	#page_106 .header-image .image{
		height: 300px;
	}
	
	.rootline {
		margin: 0 0 40px 0;
		padding: 15px 0;
	}
	
	.rootline p {
		font-size: 12px; 
	}
	
	.rootline a::before {
		margin: 8px 10px 0 0;
		width: 4px;
		height: 4px;
	}
	
	.two-column.c50-50 .column {
		width: calc(100%/2 - 10px);
	}
	
	.two-column.c70-30 .column:nth-child(1),
	.two-column.c30-70 .column:nth-child(1){
		padding: 0 10px 0 0;
	}
	
	.two-column.c70-30 .column:nth-child(2),
	.two-column.c30-70 .column:nth-child(2) {
		padding: 0 0 0 10px;
	}
	
	.three-column .column {
		width: calc(100%/3 - 10px);
	}
	
	.startsite .intro,
	.latest-news,
	.keymarkets {
		padding: 80px 0;
	}
	
	.keymarkets .headline {
		padding: 0 0 40px 0;
	}
	
	.location .quality .inner {
		width: 100%;
		max-width: 100%;
		justify-content: center;
	}
	
	.location .content {
		padding: 80px 20px;
	}
	
	.sidebar {
		width: 220px;
	}
	
	.news-sb h3 {
		font-size: 18px;
	}
	
	.sidebar .free-sample h2 {
		padding: 20px;
		font-size: 20px;
		margin: 0 0 100px 0;
	}
	
	.sidebar .free-sample a.outline {
		line-height: 1.3;
	}
	
	.main-content {
		width: calc(100% - 220px);
		padding: 0 0 100px 60px;
	}
	
	.contentsite .ce-intext.ce-right .ce-gallery {
		max-width: 350px;
	}
	
	.contentsite .ce-intext.ce-left .ce-gallery {
		max-width: 350px;
	}
	
	.scroll-up {
		right: 20px;
	}
	
	.latest-news .swiper-pagination.swiper-pagination-bullets,
	.latest-news .swiper-button-prev, 
	.latest-news .swiper-button-next {
		display: block;
	}
	
	.news-link {
		margin-top: -62px;
		right: 20px;
	}
	
	.listview .article .image {
		width: 160px;
	}
	
	.listview .article .content {
		width: calc(100% - 160px);
	}
	
	.listview .article h3 {
		font-size: 20px;
	}
	
	.listview .article .news-list-date {
		font-size: 14px;
		padding: 0 0 0 20px;
		letter-spacing: 0.25px;
	}
	
	.listview .article .news-list-date::before {
		width: 12px;
		height: 14px;
		bottom: 3px;
	}
	
	.location .quality,
	.location .content {
		width: 100%;
	}
	
	.footer-links {
		margin: 25px 0 0 0;
		padding: 25px 0 0 0;
	}
	
	.footer-nav ul li a {
		font-size: 12px;
	}
	
	
	.footer-nav ul li a::before {
		width: 5px;
		height: 5px;
		top: 7px;
	}
	
	.keymarkets-lp .intro, .keymarkets-lp .content, .keymarkets-lp .bg-color, .keymarkets-lp .contact {
		padding: 60px 0;
	}
	
	.keymarkets-lp .header-image {
		height: 500px;
	}
	
	.keymarkets-lp .header-image .image {
		height: 650px;
	}
	
	.keymarkets-lp .header-image h1 {
		font-size: 70px;
	}
	
	.keymarkets-lp .header-image h1 span {
		font-size: 20px;
		margin: 15px 0 0 0;
	}
	
	.keymarkets-lp .contact h2 {
		font-size: 22px;
	}
	
	.keymarkets-lp.auto .two-column.c50-50 .column:nth-child(1) #c107 {
		margin: 0 0 40px 0;
	}
	
	.keymarkets-lp.auto .two-column.c50-50 .column:nth-child(2) #c108 {
		margin: 0 0 40px 0;
	}
	
	.keymarkets-lp.med .two-column.c50-50 .column:nth-child(1) {
		margin-top: 0;
	}
	
	.keymarkets-lp .bg-color .two-column .column:nth-child(2) {
		margin-top: 60px;
	}
	
	.keymarkets-lp.food .two-column.c30-70 .two-column.c50-50 .column:nth-child(1),
	.keymarkets-lp.food .two-column.c30-70 .two-column.c50-50 .column:nth-child(2) {
		width: calc(100%/2 - 10px);
	}
	
	body #CybotCookiebotDialogBody {
		padding: 0 20px;
	}
	body #CybotCookiebotDialogDetailBody {
		padding: 20px 20px 0 20px;
	}
	
	body a#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll, 
	body a#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelection, 
	body a#CybotCookiebotDialogBodyLevelButtonLevelOptinDeclineAll {
		font-size: 12px;
	}
}

@media screen and (max-width: 1080px) {
	.keymarkets .km-teaser .square {
		width: 200px;
		height: 200px;
	}
	
	.keymarkets .km-teaser .square .inner {
		padding: 15px;
	}
	
	.keymarkets .km-teaser .square span {
		font-size: 16px;
	}
	
	.keymarkets .km-teaser .square span::after {
		font-size: 12px;
	}

}

@media screen and (max-width: 960px) {
	
	h1 {
		font-size: 40px;
	}
	
	.contentsite h1{
		font-size: 32px;
		letter-spacing: 2px;
	}
	
	h4 {
		font-size: 18px;
	}
	
	.slider {
		height: 400px;
	}
	
	.main-content {
		width: 100%;
		padding: 0 0 60px 0;
	}
	
	.sidebar {
		display: none;
	}
	
	.large-slider .swiper-slide .content a {
		margin: 25px 0 0 0;
	}
	
	.latest-news .news-slider .article h3 {
		font-size: 20px;
	}
	
	.latest-news .news-slider .article .news-list-date {
		font-size: 14px;
		padding: 0 0 0 20px;
	}
	
	.latest-news .news-slider .article .news-list-date::before {
		width: 12px;
		height: 14px;
		bottom: 3px;
	}
	
	.latest-news .news-slider .article .more {
		font-size: 12px;
	}
	
	
	.latest-news .news-slider .article .more::after {
		top: 4px;
	}
	
	footer {
		padding: 60px 0 20px 0;
	}
	
	.footer-links {
		margin: 15px 0 0 0;
		padding: 15px 0 0 0;
	}
	
	.keymarkets-lp .header-image h1 {
		font-size: 50px;
	}
	
	.keymarkets-lp .header-image h1 span {
		font-size: 18px;
		margin: 10px 0 0 0;
	}
	
	.keymarkets-lp .header-image .pattern {
		height: 60px;
	}
	
	.keymarkets-lp .header-image {
		height: 400px;
	}
	
	.keymarkets-lp .header-image .image {
		height: 550px;
	}
	
}

@media screen and (max-width: 890px) {
	
	.keymarkets .headline {
		text-align: center;
	}
	
	.keymarkets .km-teaser > .flex {
		justify-content: center;
	}
	
	.keymarkets .km-teaser .square {
		margin: 0 45px;
	}
	
	.keymarkets .km-teaser .square:nth-child(3),
	.keymarkets .km-teaser .square:nth-child(4) {
		margin: 20px 45px 0 45px;
	}
}

@media screen and (max-width: 840px) {
	
	.quick-links a:last-child {
		display: none;
	}
}

@media screen and (max-width: 768px) {
	
	h2 {
		font-size: 28px;
	}
	
	.mn-btn {
		margin: 0 0 0 20px;
	}
	
	.lang {
		margin-left: 10px;
	}
	
	.startsite .intro, .latest-news, .keymarkets {
		padding: 60px 0;
	}
	
	.location .content {
		padding: 60px 20px;
	}
	
	.startsite .intro .container::after {
		content: none;
	}
	
	.keymarkets .km-teaser .square {
		margin: 0 25px;
	}
	
	.keymarkets .km-teaser .square:nth-child(3),
	.keymarkets .km-teaser .square:nth-child(4) {
		margin: 20px 25px 0 25px;
	}
	
	.news-link {
		font-size: 16px;
	}
	
	.three-column .column {
		width: calc(100%/2 - 10px);
		margin: 0 0 20px 0;
	}
	.three-column .column:nth-child(3) {
		width: 100%;
		margin: 0;
	}
	
	.two-column.c70-30 .column:nth-child(1),
	.two-column.c70-30 .column:nth-child(2),
	.two-column.c30-70 .column:nth-child(1),
	.two-column.c30-70 .column:nth-child(2){
		width: 100%;
		padding: 0;
	}
	
	.two-column.c70-30 .column:nth-child(1),
	.two-column.c30-70 .column:nth-child(1){
		margin: 0 0 20px 0;
	}
	
	.contentsite .ce-intext.ce-right .ce-gallery {
		max-width: 100%;
		width: 100%;
		margin: 0 0 20px 0;
	}
	
	.contentsite .ce-intext.ce-left .ce-gallery {
		max-width: 100%;
		width: 100%;
		margin: 0 0 20px 0;
	}
	
	.contentsite .ce-intext.ce-right .ce-gallery .ce-column,
	.contentsite .ce-intext.ce-left .ce-gallery .ce-column {
		text-align: center;
		float: none;
	}
	
	.contentsite .ce-intext.ce-right .ce-gallery .ce-column figure,
	.contentsite .ce-intext.ce-left .ce-gallery .ce-column figure {
		display: inline-block;
	}
	
	.listview .article .content {
		padding: 20px;
		width: calc(100% - 100px);
	}
	
	.listview .article .image {
		width: 100px;
		padding: 20px 20px 20px 0;
	}
	
	.listview .article .content .left {
		width: 100%;
	}
	
	.listview .article .content .right {
		width: 100%;
		margin: 20px 0 0 0;
	}
	
	.listview .article h3 {
		font-size: 18px;
	}
	
	.listview .article .more {
		font-size: 10px;
	}
	
	.keymarkets-lp .bg-color .two-column .column:nth-child(2) {
		margin-top: 20px;
	}
	
	.keymarkets-lp.med .two-column.c50-50 .column:nth-child(1),
	.keymarkets-lp.med .two-column.c50-50 .column:nth-child(2){
		width: 100%;
	}
	
	.news.news-single .news-content .text {
		width: 100%;
		padding: 0;
		order: 2;
	}
	
	.news.news-single .news-content .image {
		width: 100%;
		order: 1;
		padding: 0 0 20px 0;
	}
	
	.news-single .news-content .image .news-img-wrap {
		max-width: 260px;
	}
	
	.keymarkets-lp.auto #c15 .ce-textpic .ce-bodytext,
	.keymarkets-lp.auto #c339 .ce-textpic .ce-bodytext {
		width: 100%;
	}
	
	.keymarkets-lp.auto #c15 .ce-textpic .ce-gallery,
	.keymarkets-lp.auto #c339 .ce-textpic .ce-gallery {
		display: flex;
		justify-content: center;
		width: 100%;
		margin: 40px 0 0 0;
	}
	
	.keymarkets-lp.auto #c15 img,
	.keymarkets-lp.auto #c339 img {
		width: 160px;
	}

}

@media screen and (max-width: 640px) {
	
	.contentsite h1 {
		font-size: 28px;
		margin-bottom: 20px;
	}
	
	.quick-links {
		display: none;
	}
	
	.contentsite .header-image,
	#page_104 .header-image,
	#page_106 .header-image{
		height: 120px;
	}
	
	.contentsite .header-image .image,
	#page_104 .header-image .image,
	#page_106 .header-image .image{
		height: 220px;
	}
	
	h1 {
		font-size: 30px;
	}
	
	h2 {
		font-size: 24px;
	}
	
	h3,
	.news.news-single .article h3{
		font-size: 22px;
	}
	
	h4 {
		font-size: 20px;
	}
	
	h5 {
		font-size: 18px;
	}
	
	.startsite .intro, .latest-news, .keymarkets {
		padding: 40px 0;
	}
	
	.location .content {
		padding: 40px 20px 60px 20px;
	}
	
	.keymarkets .km-teaser .square {
		width: 180px;
		height: 180px;
		margin: 0 15px;
	}

	.keymarkets .km-teaser .square:nth-child(3),
	.keymarkets .km-teaser .square:nth-child(4) {
		margin: 20px 15px 0 15px;
	}
	
	.slider {
		height: 300px;
	}
	
	.large-slider .swiper-slide a.outline {
		font-size: 12px;
		padding: 13px 20px;
	}
	
	.three-column .column,
	.two-column.c50-50 .column {
		width: 100%;
		margin: 0 0 20px 0;
	}
	.two-column.c50-50 .column:nth-child(2)
	.three-column .column:nth-child(3) {
		width: 100%;
		margin: 0;
	}
	
	.startsite .intro .two-column.c70-30 .column:nth-child(1) {
		margin: 0;
	}
	
	.news-link {
		margin-top: -58px;
		font-size: 14px;
	}
	
	.latest-news .container {
		padding: 0 40px;
	}
	
	.latest-news .swiper-pagination.swiper-pagination-bullets {
		margin: 25px 0 0 0;
	}
	
	.latest-news .swiper-button-prev, .latest-news .swiper-button-next,
	.large-slider .swiper-button-prev, .large-slider .swiper-button-next{
		width: 15px;
	}
	
	.latest-news .swiper-button-prev,
	.large-slider:hover .swiper-button-prev{
		left: 10px;
	}
	
	.latest-news .swiper-button-next,
	.large-slider:hover .swiper-button-next{
		right: 10px;
	}
	
	.large-slider .swiper-slide .content .inner {
		padding: 0 50px;
	}
	
	.keymarkets-lp .header-image {
		height: 300px;
	}
	
	.keymarkets-lp .header-image .image {
		height: 450px;
	}
	
	.keymarkets-lp .header-image .inner {
		padding: 0 60px;
	}
	
	.keymarkets-lp .header-image h1 {
		font-size: 40px;
	}
	
	.keymarkets-lp .intro, .keymarkets-lp .content, .keymarkets-lp .bg-color, .keymarkets-lp .contact {
		padding: 40px 0;
	}
	
	.keymarkets-lp .contact h2 {
		font-size: 18px;
		margin: 0 0 25px 0;
	}
	
	.keymarkets-lp.food .two-column.c30-70 .two-column.c50-50 .column:nth-child(1) {
		width: 100%;
	}
	
	.keymarkets-lp.food .two-column.c30-70 .two-column.c50-50 .column:nth-child(2) {
		width: 100%;
		margin: 20px 0 0 0;
	}
	
	.ce-uploads li {
		width: calc(100%/2 - 20px);
		margin-bottom: 10px;
	}
	
	.ce-uploads span {
		font-size: 12px;
		line-height: 1.25;
	}
	
	.rootline {
		padding: 2px 0;
		margin: 0 0 30px 0;
	}
	
	.rootline p {
		display: none;
	}
	
	body #CybotCookiebotDialogBodyContent {
		font-size: 12px;
	}

}

@media screen and (max-width: 600px) {
	
	#page_10 #gme-1 {
		height: 300px !important;
	}
}

@media screen and (max-width: 599px) {
	
	body a#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll, body a#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelection, body a#CybotCookiebotDialogBodyLevelButtonLevelOptinDeclineAll {
		display: inline-block !important;
	}
}

@media screen and (max-width: 480px) {
	
	body {
		font-size: 14px;
		line-height: 1.5;
	}
	
	header {
		height: 56px;
	}
	
	p {
		padding: 0 0 10px 0;
	}
	
	a.outline {
		font-size: 12px;
		padding: 13px 20px;
	}
	
	h1 {
		font-size: 26px;
	}
	
	h2 {
		font-size: 22px;
		margin: 0 0 30px 0;
	}
	
	h3,
	.news.news-single .article h3{
		font-size: 20px;
	}
	
	h4 {
		font-size: 18px;
	}
	
	h5 {
		font-size: 16px;
	}
	
	.container, header .container, .rootline .container, footer .container {
		padding: 0 10px;
	}
	
	header {
		padding: 10px 0;
	}
	
	.scroll-up {
		right: 10px;
		top: -70px;
	}
	
	.scroll-up:hover {
		top: -80px;
	}
	
	footer {
		padding-top: 45px;
	}
	
	.logo {
		width: 160px;
		top: 0;
		left: 10px;
	}
	
	.top-nav {
		margin-right: 64px;
	}
	
	.mn-btn {
		padding: 18px;
		top: -10px;
		height: 56px;
		width: 60px;
	}
	
	.mn-btn::before {
		
	}
	
	.news-link {
		display: none;
	}
	
	.location .quality .inner {
		padding: 40px 10px;
	}
	
	.location .quality ul::before {
		height: 65px;
	}
	
	.latest-news .news-slider .article h3 {
		font-size: 18px;
		line-height: 1.4;
	}
	
	.latest-news .news-slider .article {
		padding: 20px 25px;
	}
	
	.latest-news .news-slider .article::before {
		width: 4px;
	}
	
	.listview .article h3 {
		font-size: 16px;
		line-height: 1.3;
	}
	
	.three-column .column {
		width: 100%;
		margin: 0 0 15px 0;
	}
	.three-column .column:nth-child(3) {
		margin: 0;
	}
	
	.powermail_fieldwrap label {
		width: 100%;
	}
	
	.powermail_fieldwrap .col-sm-10 {
		width: 100%;
	}
	
	.powermail_fieldwrap {
		margin: 0 0 10px 0;
	}
	
	.keymarkets .km-teaser .square {
		width: 145px;
		height: 145px;
		margin: 0 10px;
	}

	.keymarkets .km-teaser .square:nth-child(1), .keymarkets .km-teaser .square:nth-child(2), .keymarkets .km-teaser .square:nth-child(3), .keymarkets .km-teaser .square:nth-child(4) {
		margin: 20px 10px 0 10px;
	}
	
	.keymarkets .km-teaser .square span {
		font-size: 14px;
	}
	
	.keymarkets-lp .header-image .inner {
		padding: 0 20px;
	}
	
	.keymarkets-lp .header-image h1 {
		font-size: 30px;
		letter-spacing: 2px;
	}
	
	.keymarkets-lp .header-image h1 span {
		font-size: 14px;
	}
	
	.keymarkets-lp .bg-color .two-column .column:nth-child(2) {
		margin-top: 0;
	}
	
	#page_104 .powermail_legend {
		font-size: 18px;
	}
  
  
  .ce-bodytext ul li::before {
    top: 8px;
  }
	
	
}

@media screen and (max-width: 400px) {
	
	.listview .article .image {
		display: none;
	}
	
	.listview .article .content {
		width: 100%;
	}
	
	.km-nav {
		display: none;
	}
}