html {
   -webkit-text-size-adjust: none;
}
.video embed,
.video object,
.video iframe {
   width: 100%;
   height: auto;
}
img{
	max-width:100%;
	height: auto;
   	width: auto\9; /* ie8 */
}

.mobile, .hide-on-desktop {
	display: none !important;
}


/* Tablets landscape  */
@media only screen and (min-width: 768px) and (max-width: 1024px) {
	/* -------------------------------------------- */
	/* ------------------Header-------------------- */
	
	.hide-on-desktop {
		display: initial !important;
	}
	
	.mobile-headline {
		display: inline-block !important;
		height: 29px;
		padding: 11px 16px;
	}
	
	.topnav a/* :not(:first-child) */, .dropdown .dropbtn {
		display: none;
	}
	
	.topnav a.icon {
		float: right;
		display: block;
	}
  
	.topnav.responsive {position: relative;}
	.topnav.responsive .icon {
		position: absolute;
		right: 0;
		top: 0;
	}
	
  .topnav.responsive a {
		float: none;
		display: block;
		text-align: left;
		background: #4b4b4b;
		color: #fff;
	}
	
	.topnav.responsive .dropdown {
		float: none;
		background: #4b4b4b;
	}
	
	.topnav.responsive .mobile a, .topnav.responsive .dropdown a {
		float: none;
		background: #4b4b4b;
		color:#fff;
	}
	
	.topnav.responsive .dropdown-content {
		position: relative;
	}
		
	.topnav.responsive .dropdown .dropbtn {
		display: block;
		width: 100%;
		text-align: left;
	}
	
	/* -------------------------------------------- */
	/* ------------------Content------------------- */
	
	/* -------------------------------------------- */
	/* ------------------Footer-------------------- */
	
	/* -------------------------------------------- */
	/* ------------------Other----------------*---- */
	
}

@media only screen and (max-width: 768px) {
	/* -------------------------------------------- */
	/* ------------------Header-------------------- */
	
	.hide-on-desktop {
		display: initial !important;
	}
	
	.mobile-headline {
		display: inline-block !important;
		height: 29px;
		padding: 11px 16px;
	}
	
	.topnav a/* :not(:first-child) */, .dropdown .dropbtn {
		display: none;
	}
	
	.topnav a.icon {
		float: right;
		display: block;
	}
  
	.topnav.responsive {position: relative;}
	.topnav.responsive .icon {
		position: absolute;
		right: 0;
		top: 0;
	}
	
  .topnav.responsive a {
		float: none;
		display: block;
		text-align: left;
		background: #4b4b4b;
		color: #fff;
	}
	
	.topnav.responsive .dropdown {
		float: none;
		background: #4b4b4b;
	}
	
	.topnav.responsive .mobile a, .topnav.responsive .dropdown a {
		float: none;
		background: #4b4b4b;
		color:#fff;
	}
	
	.topnav.responsive .dropdown-content {
		position: relative;
	}
		
	.topnav.responsive .dropdown .dropbtn {
		display: block;
		width: 100%;
		text-align: left;
	}
	
	/* -------------------------------------------- */
	/* ------------------Featured------------------ */
	
	/* -------------------------------------------- */
	/* ------------------Content------------------- */
	
	/* -------------------------------------------- */
	/* ------------------Footer-------------------- */
	
	/* -------------------------------------------- */
	/* ------------------Other----------------*---- */
}


/* Tablets portrait  */
@media only screen and (min-width: 620px) and (max-width: 768px) {
	/* -------------------------------------------- */
	/* ------------------Header-------------------- */
	
	.hide-on-desktop {
		display: initial !important;
	}
	
	.mobile-headline {
		display: inline-block !important;
		height: 29px;
		padding: 11px 16px;
	}
	
	.topnav a/* :not(:first-child) */, .dropdown .dropbtn {
		display: none;
	}
	
	.topnav a.icon {
		float: right;
		display: block;
	}
  
	.topnav.responsive {position: relative;}
	.topnav.responsive .icon {
		position: absolute;
		right: 0;
		top: 0;
	}
	
  .topnav.responsive a {
		float: none;
		display: block;
		text-align: left;
		background: #4b4b4b;
		color: #fff;
	}
	
	.topnav.responsive .dropdown {
		float: none;
		background: #4b4b4b;
	}
	
	.topnav.responsive .mobile a, .topnav.responsive .dropdown a {
		float: none;
		background: #4b4b4b;
		color:#fff;
	}
	
	.topnav.responsive .dropdown-content {
		position: relative;
	}
		
	.topnav.responsive .dropdown .dropbtn {
		display: block;
		width: 100%;
		text-align: left;
	}
	
	/* -------------------------------------------- */
	/* ------------------Content------------------- */
	
	/* -------------------------------------------- */
	/* ------------------Footer-------------------- */
	
	/* -------------------------------------------- */
	/* ------------------Other----------------*---- */
}

/* Phones landscape  */
@media only screen and (min-width: 480px) and (max-width: 740px) {
	
	/* -------------------------------------------- */
	/* ---------------CookieConsent---------------- */
	
	.cc_dialog.simple {
		right: 0 !important;
		bottom: 0 !important;
	}
	
	.cookie-consent-preferences-overlay .cookie-consent-preferences-dialog {
		max-height: 300px;
		overflow: auto;
	}
	
	/* -------------------------------------------- */
	/* ------------------Header-------------------- */
	
	.hide-on-desktop {
		display: initial !important;
	}
	
	.mobile-headline {
		display: inline-block !important;
		height: 29px;
		padding: 11px 16px;
	}
	
	.topnav a/* :not(:first-child) */, .dropdown .dropbtn {
		display: none;
	}
	
	.topnav a.icon {
		float: right;
		display: block;
	}
  
	.topnav.responsive {position: relative;}
	.topnav.responsive .icon {
		position: absolute;
		right: 0;
		top: 0;
	}
	
  .topnav.responsive a {
		float: none;
		display: block;
		text-align: left;
		background: #4b4b4b;
		color: #fff;
	}
	
	.topnav.responsive .dropdown {
		float: none;
		background: #4b4b4b;
	}
	
	.topnav.responsive .mobile a, .topnav.responsive .dropdown a {
		float: none;
		background: #4b4b4b;
		color:#fff;
	}
	
	.topnav.responsive .dropdown-content {
		position: relative;
		background: #4b4b4b;
	}
		
	.topnav.responsive .dropdown .dropbtn {
		display: block;
		width: 100%;
		text-align: left;
	}
	
	/* -------------------------------------------- */
	/* ------------------Content------------------- */
	
	/* -------------------------------------------- */
	/* ------------------Footer-------------------- */
	
	/* -------------------------------------------- */
	/* ------------------Other----------------*---- */
}

/* Phones portrait  */
@media only screen and (max-width: 480px) {
	
	/* -------------------------------------------- */
	/* ---------------CookieConsent---------------- */
	
	.cc_dialog.simple {
		right: 0 !important;
		bottom: 0 !important;
	}
	
	.cookie-consent-preferences-overlay .cookie-consent-preferences-dialog {
		max-height: 690px;
		overflow: auto;
	}
	
	/* -------------------------------------------- */
	/* --------------- Sticky Element ------------------ */

	.sticky {
		position: relative;
		top: 0;
		/*  background-color: yellow;
		padding: 50px;
		font-size: 20px; */
}
	
	/* -------------------------------------------- */
	/* ------------------Header-------------------- */
	
	.hide-on-desktop {
		display: initial !important;
	}
	
	.mobile-headline {
		display: inline-block !important;
		height: 29px;
		padding: 11px 16px;
	}
	
	.topnav a/* :not(:first-child) */, .dropdown .dropbtn {
		display: none;
	}
	
	.topnav a.icon {
		float: right;
		display: block;
	}
  
	.topnav.responsive {position: relative;}
	.topnav.responsive .icon {
		position: absolute;
		right: 0;
		top: 0;
	}
	
  .topnav.responsive a {
		float: none;
		display: block;
		text-align: left;
		background: #4b4b4b;
		color: #fff;
	}
	
	.topnav.responsive .dropdown {
		float: none;
		background: #4b4b4b;
	}
	
	.topnav.responsive .mobile a, .topnav.responsive .dropdown a {
		float: none;
		background: #4b4b4b;
		color:#fff;
	}
	
	.topnav.responsive .dropdown-content {
		position: relative;
	}
		
	.topnav.responsive .dropdown .dropbtn {
		display: block;
		width: 100%;
		text-align: left;
	}
	
	/* -------------------------------------------- */
	/* ------------------Content------------------- */
	
	#main-content .comment input, #main-content .comment textarea{width:90%;}
	
	.size-33 {
    	-webkit-flex-grow: 0;
    	-moz-flex-grow: 0;
    	flex-grow: 0;
    	-ms-flex-positive: 0;
    	-webkit-flex-basis: 100%;
    	-moz-flex-basis: 100%;
    	flex-basis: 100%;
    	-ms-flex-preferred-size: 100%;
    	max-width: 100%;
    }
	
	.mitte-mitte {
		width: inherit !important;
	}
	
	.mitte-mitte span:nth-child(2) {
		font-size:1rem !important;
	}
	
	
	/* -------------------------------------------- */
	/* ------------------Footer-------------------- */
	
	footer {
		height: auto;
		margin: -20px 0 20px 0;
	}
	
	/* -------------------------------------------- */
	/* ------------------Other----------------*---- */
	
	.desktop {
		display: none !important;
	}
	
	.mobile {
		display: block !important;
	}
	
}