@media screen and (min-width: 1200px) {
	
}
/*@media screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1280px) and (max-height: 800px), 
(min-resolution: 192dpi) { 
   .slide.vh {
		min-height: inherit;
	}
	.slide .slide-inner {
		position: inherit;
		top: inherit;
		left: inherit;
		right: inherit;
		-webkit-transform: none;
		-moz-transform: none;
		-o-transform: none;
		-ms-transform: none;
		transform: none;
	}
}*/

@media screen and (max-width: 1024px) {
	
	html {font-size: 58.5%;}
	.slide.vh {
		min-height: inherit;
	}
	.slide .slide-inner {
		position: inherit;
		top: inherit;
		left: inherit;
		right: inherit;
		padding: 0;
		-webkit-transform: none;
		-moz-transform: none;
		-o-transform: none;
		-ms-transform: none;
		transform: none;
	}
/*========== NAVIGATION ==========*/
	.menu-large .megamenu {margin-left: 10px;}
	.menu-large .megamenu li ul {min-width: 305px;}
	
/*========== SWIPER ==========*/

	#botanik02 {
		background:url(../media/bg_kaffeepflanze.png) no-repeat center top;
		background-size: cover;
	}
/*========== MAIN ==========*/
	#teaser-veranstaltungen { padding: 150px 0;}
	#teaser-veranstaltungen	[class*=col-] + [class*=col-] {margin-top: 30px;}
	#teaser-veranstaltungen .wrap-teaser {height: auto;}
	#teaser-veranstaltungen .wrap-teaser .wrap-content {
		padding: 0;
	}
	#teaser-veranstaltungen figure figcaption .btn {
		width: auto;
		right: 20px;
	}
	
}
@media screen and (max-height: 992px) {
	.slide.vh {
		min-height: inherit;
	}
	.slide .slide-inner {
		position: inherit;
		top: inherit;
		left: inherit;
		right: inherit;
		-webkit-transform: none;
		-moz-transform: none;
		-o-transform: none;
		-ms-transform: none;
		transform: none;
	}
}
@media screen and (max-width:992px)  {
	
	html {font-size: 56.5%;}
	
  /*#switch.collapse.in {
    display: none!important;
  }*/
/*========== NAVIGATION ==========*/	
	.navbar-header {
        float: none;
    }
	.navbar-brand {margin-top: -35px;}
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: none;
        box-shadow: none;
    }
    .navbar-fixed-top {
		top: 0;
		border-width: 0 0 1px;
	}
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
		margin: 20px 0 0;
	}
	.navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding: 10px 15px;
    }
    .collapse.in{
  		display:block !important;
	}
	
	.dropdown-menu {
    	position: static;
    	top: auto;
	}
	
	.menu-large .megamenu {
		margin-left: 0;
	}
	.menu-large .megamenu li ul {
		min-width: 305px;
	}
	
	

/* METANAVIGATION */
	.metanav .nav li.language a {
	  padding: 0 15px 0 0;
	}
	.metanav .nav li.language a:first-child {
  	  padding: 0 0 0 15px;
	}
	.metanav .nav li.social a {
    padding: 10px 17px 12px 10px;
  }
/*========== MAIN ==========*/
	
	.intro {
		margin-top: 85px;
	}
	.intro .introbox img {max-width: 30%;}
	.intro .introbox .content {
		padding-right: 60px;
		padding-left: 60px;
	}
	
	
/*========== VERBAND ==========*/
	#verband .row [class*="col-"] + [class*="col-"] {
		margin-top: 30px;
	}
	#netzwerk .logo-list {margin-top: 30px;}

/*========== MEET & GREAT ==========*/
/*---------- VERANSTALTUNGEN ----------*/
	#veranstaltungen figure figcaption h3 {font-size: 2rem;}
	#veranstaltungen figure a img {
		min-height: 243px;
	}
/*---------- VERANSTALTUNGEN  ANMELDUNG ----------*/
	#veranstaltungsdetail,
	.anmeldung-daten,
	.anmeldung-veranstaltung,
	.anmeldung-bestaetigung {
	  margin-top: 85px;
	}
	
/*---------- PRESSE ----------*/
	#presse .row [class*=col-] + [class*=col-] {margin-top: 30px;}	

/*========== MAP ==========*/
	#rituale .map-wrapper .hotspot,
	#kaffeeanbau .map-wrapper .hotspot,
	#kaffeehauskultur .map-wrapper .hotspot {
		width: 25px;
		height: 25px;
	}
	.popover {max-width: 340px;}

/*========== SWIPER ==========*/	
	video.bgvid {
        display: none;
    }
	#kaffeezubereitung .slide_02 {
		background:url(../media/img_mahlgrad.jpg) no-repeat;
		background-size: cover;
	}
	#zubereitungsarten .slide-inner [class*="col-"] {
		background: rgba(255,255,255,.6);
		padding-top: 15px;
		padding-bottom: 15px;
	}
	
/*==================== FILTER ====================*/ 

	#filter-list #mobile.collapse {display:none;}
	#filter-list #mobile.collapse.in {display:block;}
	#filter-list #mobile-btn {display:block;}
	
/*==================== FORMULAR ====================*/
	.form-group .input-group:first-child {
		margin-top: 0;
	}
}

@media screen and (max-width:767px) {
	h1,
	h2,
	h3,
	h4,
	h5,
	h6,
	p {
		overflow-wrap: break-word;
		word-wrap: break-word;
		-webkit-hyphens: auto;
		-ms-hyphens: auto;
		-moz-hyphens: auto;
		hyphens: auto;
	}
	h1, h2 {font-size: 4rem;}
	h3 {font-size: 2.4rem;}
	
	.center h2:after {width: 150px;}
	
	.columns {
		-webkit-column-count: auto;
		-moz-column-count: auto;
		-o-column-count: auto;
		-ms-column-count: auto;
		column-count: auto;
		-webkit-column-gap: normal;
		-moz-column-gap: normal;
		-o-column-gap: normal;
		-ms-column-gap: normal;
		column-gap: normal;
	}
	
	.btn.btn-lg {
		margin: 30px auto 0;
		display: block;
		width: 100%;
	}
	

/*========== NAVIGATION ==========*/
	.navbar-brand {
		padding: 0px 15px;
    margin-top: -15px;
	}
	
	.menu-large .megamenu li {margin-bottom: 0;}
	.menu-large .megamenu li ul li {display: none;}
	.menu-large .megamenu li ul li:first-child {display: block;}
	
	.navbar-nav.mobile {
		margin-top: 0;
	}


/* METANAVIGATION */
	.metanav {
		padding-bottom: 10px;
	}
	.metanav .nav {
		padding-right: 0px;
		padding-left: 0px;
	}
	.metanav .nav li a {
		padding: 0px 5px;
	}
	.metanav .nav li:first-child a {padding: 0 5px 0 0;}	
	.metanav .nav li.language a {
	  padding: 0 5px 0 0;
	}
	.metanav .nav li.language a:first-child {
  	  padding: 0 0 0 5px;
	}
	.metanav .nav li.mini-card .dropdown {
		margin-left: -6%;
	}	
	
	.buttonsearch {margin: 0; width: 20px;}

/*---------- SEARCH ----------*/
	.searchbardiv .btn {
	  margin: 0 !important;
	}	

/*========== LAYOUT ==========*/
/*HEADER*/
	#site_header, .affix {position:inherit;}
	.intro {
		margin-top: 0;
	}


/*FOOTER*/
	#site_footer .footer_address li {margin-right: 0;}
	#site_footer .footer_address li +li {margin-top:30px;}
	
/* MAIN*/
	.slide.vh,
	.slide.nh {
		padding: 100px 0 50px;
	}
	.slide-inner {
		position: relative;
		top: inherit;
		left: inherit;
		right: inherit;
		padding: 50px 0;
		-webkit-transform: none;
		-moz-transform: none;
		-o-transform: none;
		-ms-transform: none;
		transform: none;
	}
	.swiper-slide {
		padding: 100px 0;
		background-position: center right;
		width: 100% !important;
		height:auto !important;
	}
	.devider {display: none;}
	.container-fluid > .navbar-collapse, .container-fluid > .navbar-header, .container > .navbar-collapse, .container > .navbar-header {
		margin-right: -10px;
		margin-left: -10px;
	}


/*========== MAIN ==========*/
/*---------- STARTSEITE ----------*/
	.intro .introbox .quick_nav .navbar {padding-right: 30px;}
	.intro .introbox .content {
		padding-right: 30px;
		padding-left: 30px;
	}
	#zahlen-fakten .list-inline > li {width: 38%;}
	#zahlen-fakten .swiper-container .swiper-slide {
    	padding: 60px 16% 0;
	}
	
	#teaser-mitglieder .image-mitglieder,
  #mitglieder .image-mitglieder,
	#teaser-faq .image-faq,
	#teaser-seminare .image-mitglieder,
	#teaser-infoservice .image-infoservice,
  #mitmachen .image-infoservice,
  #mitmachen .image-gewinnspiel,
	#teaser-presse .image-presse,
	#teaser-lobby .image-lobby,
  #klimaneutral .image-klima,
  #marktforschung .image-markt,
  #werbematerial .image-markt,
  #werbematerial .image-gewinnspiel,
  #werbematerial .image-infoservice,
  #rechtsfragen .image-recht,
  #aktionstag .image-aktionstag,
  #preise .image-gewinnspiel,
  #gewinnspiel .image-gewinnspiel,
  #gewinnspiel-teilnahme .image-gewinnspiel,
  #gewinnspiel-gewinne .image-gewinnspiel,
  #drink2022 .image-gewinnspiel {min-height: 320px;}
	#teaser-mitglieder .wrap-teaser,
  #mitglieder .wrap-teaser,
	#teaser-faq .wrap-teaser,
	#teaser-seminare .wrap-teaser,
	#teaser-infoservice .wrap-teaser,
  #mitmachen .wrap-teaser,
	#teaser-presse .wrap-teaser,
	#teaser-lobby .wrap-teaser,
  #klimaneutral .wrap-teaser,
  #marktforschung .wrap-teaser,
  #werbematerial .wrap-teaser,
  #rechtsfragen .wrap-teaser,
  #aktionstag .wrap-teaser,
  #preise .wrap-teaser,
  #gewinnspiel .wrap-teaser,
  #gewinnspiel-teilnahme .wrap-teaser,
  #gewinnspiel-gewinne .wrap-teaser,
  #drink2022 .wrap-teaser {height: inherit; padding: 50px 0;}
	#teaser-mitglieder .wrap-teaser .wrap-content,
  #mitglieder .wrap-teaser .wrap-content,
	#teaser-veranstaltungen .wrap-teaser .wrap-content,
	#teaser-faq .wrap-teaser .wrap-content,
	#teaser-seminare .wrap-teaser .wrap-content,
	#teaser-infoservice .wrap-teaser .wrap-content,
  #mitmachen .wrap-teaser .wrap-content,
	#teaser-presse .wrap-teaser .wrap-content,
	#teaser-lobby .wrap-teaser .wrap-content,
  #klimaneutral .wrap-teaser .wrap-content,
  #marktforschung .wrap-teaser .wrap-content,
  #werbematerial .wrap-teaser .wrap-content,
  #rechtsfragen .wrap-teaser .wrap-content,
  #aktionstag .wrap-teaser .wrap-content,
  #preise .wrap-teaser .wrap-content,
  #gewinnspiel .wrap-teaser .wrap-content,
  #gewinnspiel-teilnahme .wrap-teaser .wrap-content,
  #gewinnspiel-gewinne .wrap-teaser .wrap-content,
  #drink2022 .wrap-teaser .wrap-content {
		position: inherit;
		left: 0;
		top: 0;
		padding: 0;
		transform: none;
		-webkit-transform: none;
		-moz-transform: none;
		-ms-transform: none;
	}
	/*#teaser-mitglieder, 
	#teaser-veranstaltungen,
	#teaser-faq,
	#teaser-seminare,
	#teaser-infoservice,
	#teaser-presse  { padding: 90px 0 50px;}*/
	#teaser-veranstaltungen {padding: 50px 0;}
/*---------- TEAM ----------*/
	#team .row .row .row [class*=col-xs-6] {margin-bottom: 20px;}
	#team p {
		margin-top: 0;
		margin-bottom: 0;
		min-height: inherit;
	}


/*========== MEET & GREAT ==========*/
/*---------- VERANSTALTUNGEN ----------*/
	#veranstaltungen figure a img {
		min-height: inherit;
	}
	#veranstaltungen figure figcaption .btn {
		bottom: 10px;
		left: 10px;
		/*right: 10px;*/
		width:auto;
	}	
  #veranstaltungen figure figcaption .btn.right {
    left: initial;
    right: 10px;
  }
/*---------- VERANSTALTUNGEN DETAIL ----------*/
	.media-body, .media-left, .media-right {
		display: block;
		vertical-align: top;
	}
	.media-left, .media > .pull-left {
		padding-right: 0;
	}
	.media-body {
		margin-top: 10px;
		width: auto;
	}
	#veranstaltungsdetail .media-list .media-object {
		width: 100%;
	}
	
/*---------- VERANSTALTUNGEN ANMELDUNG----------*/
	.anmeldung-daten,
	.anmeldung-veranstaltung,
	.anmeldung-bestaetigung {
	  margin-top: 50px;
	}
/*---------- MITGLIED WERDEN ----------*/
	#mitglieder .swiper-container .swiper-slide {
		padding: 0;
    margin-top: 20px!important;
    width: auto !important;
	}

/*---------- PRESSE ----------*/
	#pressemeldungen [class*=col-] + [class*=col-] {margin-top: 30px;}
/*---------- PRESSE DETAIL----------*/
	#pressemeldungendetail article {margin-bottom: 30px;}

	
/*========== SWIPER ==========*/
	.swiper-button-next, 
	.swiper-button-prev {width: 20px;}
	.swiper-button-next {right: 10px;}
	.swiper-button-prev {left: 10px;}
	.swiper-button-next .icon, 
	.swiper-button-prev .icon {font-size: 3rem;}
	/*#kaffeezubereitung .swiper-slide::before {display: none;}*/
	#kaffeezubereitung .slide_01,
	#kaffeezubereitung .slide_02,
	#kaffeezubereitung .slide_03,
	#kaffeezubereitung .slide_04,
	#kaffeezubereitung .slide_05 {background-size:auto;}
 
	#zubereitungsarten .slide_01,
	#zubereitungsarten .slide_02,
	#zubereitungsarten .slide_03 { background-size:auto;}
	.video-gallery img {
		display:none;
	}
	
	/*.swiper-slide {
		background: none !important;
	}
	.swiper-slide:before {display:none!important;}*/
	
/*========== MAP ==========*/
	#rituale .map-wrapper .hotspot, 
	#kaffeeanbau .map-wrapper .hotspot, 
	#kaffeehauskultur .map-wrapper .hotspot {
		width: 10px;
		height: 10px;
		border: solid 2px #fc8b15;
		pointer-events: none;
   		cursor: default;
	}
	#wirkung #bodymap .panel-title a i {
		display: block;
		font-size: 3rem;
	}
	#wirkung #bodymap .panel-collapse.collapse {
		display: none;
	}
	#wirkung #bodymap #concentration-content.collapse,
	#wirkung #bodymap #mood-content.collapse,
	#wirkung #bodymap #heart-content.collapse,
	#wirkung #bodymap #lung-content.collapse,
	#wirkung #bodymap #liver-content.collapse,
	#wirkung #bodymap #diabetes-content.collapse,
	#wirkung #bodymap #stomach-content.collapse,
	#wirkung #bodymap #kidney-content.collapse,
	#wirkung #bodymap #endurance-content.collapse,
	#wirkung #bodymap #muscle-content.collapse {
		display: block;
	}
	
/*==================== FORMULAR ====================*/
	form.expert [class*=col-] + [class*=col-] {margin-top: 30px;}	

	.panel-title a {padding-right: 40px;}
	.panel-title a i {
		padding-top: 0px;
		margin-right: -40px;
	}
/*TOOLTIP*/
	.tipp:before,
	.tipp:after {display: none;}	
	

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

/*========== NAVIGATION ==========*/	
	.metanav .nav li.mini-card .dropdown {
		margin-left: -6%;
	}
  .metanav .nav li.social a {
    padding: 10px 8px 12px 10px;
  }
/*========== SWIPER ==========*/	
	.swiper-container {
		width: 100%;
		height: auto;
	}
/*========== LAYOUT ==========*/
	.slide.nh {
		padding: 100px 0 50px!important;
	}
	.sliderslide.vh {min-height: inherit;}
	
	
	
/*========== MAIN ==========*/
	#teaser-veranstaltungen figure figcaption h3 {font-size: 2rem;}
  .slide.vh,
	.slide.nh {
		height: auto;
		min-height: auto;
	}
  .slide.vh,
  #mitglieder.slide.vh,
  .swiper-slide {
		padding: 50px 0;
	}
  [class*=col-] + [class*=col-]:not(.no-pad) {margin-top: 30px; padding-bottom: 50px;}
  
  .form-group [class*=col-] + [class*=col-] {margin-top: 0; padding-bottom: 0;}
  #marktforschung.slide.vh {
    padding-top: 50px;
  }
  #page-mitglied-werden #mitglieder.slide.vh {
    padding: 0;
  }
  #page-mitglied-werden #mitglieder.slide.vh [class*=col-] + [class*=col-],
  #marktforschung.slide.vh [class*=col-] + [class*=col-],
  #rechtsfragen.slide.vh [class*=col-] + [class*=col-] {margin-top: 30px; padding-bottom: 0px;}	
	
/*========== MEET & GREAT ==========*/
/*---------- KAFFEEKONTAKTE ----------*/
	
	#kaffeekontakte .table > tbody > tr > td:first-child, 
	#kaffeekontakte .table > tbody > tr > th:first-child {padding-right: 0;}
	#kaffeekontakte .table > tbody > tr > td:first-child img, 
	#kaffeekontakte .table > tbody > tr > th:first-child img {display:none;}

/*---------- VERANSTALTUNGEN ----------*/
	#veranstaltungen figure figcaption {padding: 10px;}
	#veranstaltungen figure figcaption h3 {bottom: 80px;}
/*---------- VERANSTALTUNGEN ANMELDUNG----------*/
	#veranstaltungsdetail,
	.anmeldung-daten-mitglieder,
	.anmeldung-veranstaltung,
	.anmeldung-bestaetigung {
	  margin-top: 0;
	}
	.formslide {
		padding: 50px 0;
	}	
/*========== PRESSE ==========*/	
	.download a figure {
		height: 450px;
	}
}
@media screen and (max-width:480px) {
/*========== PRESSE ==========*/	
	.download a figure {
		height: 330px;
	}
}
@media screen and (max-width:320px) {
/*========== PRESSE ==========*/	
	.download a figure {
		height: 210px;
	}
}