/********************************
RESPONSIVE 2021 ECONSOR
********************************/

/* Hide Mobile Menu on Desktop */

#navKopf input#openMobileMenu {
  display:none;
}

#navKopf input#openMobileMenu + .topnav-mobile {
  display:none;
}

@media (max-width:1280px) {

	/* Allgemein */

	#kopf {
		max-width:100%;
		padding-left:30px;
		padding-right:30px;
		-webkit-box-sizing:border-box;
		        box-sizing:border-box;
	}

	#navigationwrapper {
		max-width:100%;
		padding-left:30px;
		padding-right:30px;
    	-webkit-box-sizing:border-box;
    	        box-sizing:border-box;
	}

	#inhalt {
		max-width:100%;
		padding-left:30px;
		padding-right:30px;
		-webkit-box-sizing:border-box;
		        box-sizing:border-box;
		background-size:cover;
		/*background-size:contain;*/
		background-repeat:no-repeat;
	}
	#page-5111 #inhalt {
		padding-left:0px;
		padding-right:0px;
	}

	#fuss {
		max-width:100%;
		padding-left:30px;
		padding-right:30px;
		-webkit-box-sizing:border-box;
		        box-sizing:border-box;
	}

	/* Header & Navigation */

	#navSocials {
		left:30px;
	}

	#navFragen {
		right:30px;
	}

	#navFragen li {
		margin-right:0;
		margin-left:20px;
	}

	#navKopf {
		padding-left:calc(30px - 15px);
		padding-right:calc(30px - 15px);
		-webkit-box-sizing:border-box;
		        box-sizing:border-box;
	}

	#navKopf .links {
		width:calc(50% - (274px / 2));
	}

	#navKopf .rechts {
		width:calc(50% - (274px / 2));
	}

	#navKopf .links li {
		float:left;
	}

	#navKopf .rechts li {
		float:right;
	}

	/* Navigation Wrapper */

	#innernavigation {
		max-width:100%;
	}

	#mainNaviLeft {
		width:calc(100% - 150px);
	}

	#farbNavi {
		width:150px;
	}

	#mainNavi {
		width:calc(100% - 250px);
	}

	#navSelect select {
		font-size:1rem;
		width:calc(250px - 20px);
		-webkit-box-sizing:border-box;
		        box-sizing:border-box;
	}

	#mainNavi ul li a {
		font-size:1.2rem;
		padding:5px 0;
		margin:0 15px 0 0;
	}

	/* Slider */

	.slider {
		max-width:100%;
	}

	.flex-control-nav {
		left:calc(50% - 65px);
	}

	/* Magazine Filter */

	#page-2 #inhalt,
	#page-3 #inhalt,
	#page-5 #inhalt,
	#page-15 #inhalt #wrapMediadaten,
	#page-2719 #inhalt,
	#page-2720 #inhalt {
		max-width:100%;
		grid-template-columns: 1fr 1fr 1fr 1fr;
	}

	/* Abo Teaser */

	#inhalt .aboteaserbox {
		width:calc(25% - 30px);
		-webkit-box-sizing:border-box;
		        box-sizing:border-box;
	}

	/* Mediadaten Filter */

	#headerMediadaten select {
		width:calc(50% - 2px);
		-webkit-box-sizing:border-box;
		        box-sizing:border-box;
	}

	/* Leserservice */

	#c52 .powermail_fieldset label {
		line-height:1.2;
		display:inline-block;
	}

}

@media (max-width:1024px) {

	/* Mobile Menu */

	#kopfwrapper {
		overflow:visible;
	}

	#navKopf {
		overflow:visible;
		z-index:999;
	}

	#navKopf ul.links,
	#navKopf ul.rechts,
	#kopf > #navSocials,
	#kopf > #navFragen {
		display:none;
	}

	#navKopf input#openMobileMenu {
		display:block;
		position: absolute;
    	top: -10px;
    	right: 30px;
    	width: 40px;
    	height: 40px;
    	-webkit-appearance:none;
    	background:transparent url("../img/ec-sprite.svg") -95px 8px no-repeat;
	}

	/*#navKopf input#openMobileMenu:checked {
		background-position:-95px -92px;
	}*/

	#navKopf input#openMobileMenu + .topnav-mobile {
		display:-webkit-box;
		display:-ms-flexbox;
		display:flex;
		-webkit-box-align:center;
		    -ms-flex-align:center;
		        align-items:center;
		position:fixed;
		top:0;
		left:-100%;
		/*width:calc(100% - 100px);*/
		width:100%;
		height:100vh;
		background:#5bc1eb;
		-webkit-box-shadow:0px 0px 50px rgb(0,0,0,0.2);
		        box-shadow:0px 0px 50px rgb(0,0,0,0.2);
		-webkit-transition: all 300ms ease-in-out;
		-o-transition: all 300ms ease-in-out;
		transition: all 300ms ease-in-out;
	}

	#navKopf input#openMobileMenu:checked + .topnav-mobile {
		left:0;
	}

	#navKopf input#openMobileMenu + .topnav-mobile .mobileNav label[for="openMobileMenu"] {
		display: block;
    	position: absolute;
    	top: 30px;
    	right: 30px;
    	width: 40px;
    	height: 40px;
    	-webkit-appearance: none;
    	background: transparent url(../img/ec-sprite.svg) -95px -92px no-repeat;
	}

	#navKopf input#openMobileMenu + .topnav-mobile .mobileNav .mobileSocials {
		width:100%;
		padding:6vh 0 2vh 15px;
		float:left;
	}

	#navKopf input#openMobileMenu + .topnav-mobile .mobileNav .mobileSocials ul {

	}

	#navKopf input#openMobileMenu + .topnav-mobile .mobileNav .mobileSocials ul li {
		display: inline;
    	float: left;
    	margin-right: 0;
	}

	#navKopf input#openMobileMenu + .topnav-mobile .mobileNav .mobileSocials ul li a {
    	display: block;
    	overflow: hidden;
    	font-size: 0.75em;
    	color: #4d4d4d;
    	text-decoration: none;
    	height: 0;
    	padding: 56px 0 0 0 !important;
    	margin:0 !important;
    	background-size:50% !important;
    	background-position: center center !important
	}

	#navKopf input#openMobileMenu + .topnav-mobile .mobileNav .mobileSocials ul li.facebook a {
		background: url(../img/footsocials_facebook.png) 0 0 no-repeat;
		width: 55px;
	}

	#navKopf input#openMobileMenu + .topnav-mobile .mobileNav .mobileSocials ul li.youtube a {
		background: url(../img/footsocials_youtube.png) 0 0 no-repeat;
    	width: 55px;
	}

	#navKopf input#openMobileMenu + .topnav-mobile .mobileNav .mobileSocials ul li.twitternews a {
		background: url(../img/footsocials_twitter.png) 0 0 no-repeat;
    	width: 55px;
	}

	#navKopf input#openMobileMenu + .topnav-mobile .mobileNav .mobileSocials ul li.instagram a {
		background: url(../img/footsocials_instagram.png) 0 0 no-repeat;
    	width: 55px;
	}

	#navKopf input#openMobileMenu + .topnav-mobile .mobileNav .mobileFragen {
		width:100%;
		float:left;
		padding:4vh 0 0 30px;
	}

	#navKopf input#openMobileMenu + .topnav-mobile .mobileNav .mobileFragen ul {
		
	}

	#navKopf input#openMobileMenu + .topnav-mobile .mobileNav .mobileFragen ul li {
		display: block;
		width:100%;
    	float: left;
   		padding:0 0 0 32px !important;
   		margin:2vh 0 !important;
	}

	#navKopf input#openMobileMenu + .topnav-mobile .mobileNav .mobileFragen ul li.leserservice {
		background: url(../img/icon_leserservice.png) 0 6px no-repeat;
	}

	#navKopf input#openMobileMenu + .topnav-mobile .mobileNav .mobileFragen ul li.produktsicherheit {
		background: url(../img/icon_fragen.png) 0 6px no-repeat;
	}

	#navKopf input#openMobileMenu + .topnav-mobile .mobileNav .mobileFragen ul li a {
		display:inline !important;
		/*font-family: "Source Sans Pro", sans-serif;
    	font-weight: 400;*/
    	line-height: 1.6em;
		text-decoration: none;
		/*text-transform: none !important;*/
    	/*font-size: 0.75em;*/
    	margin:0 !important;
		
	}

	#navKopf input#openMobileMenu + .topnav-mobile .mobileNav .mobileFragen ul li.leserservice a {
		
	}

	#navKopf input#openMobileMenu + .topnav-mobile .mobileNav .mobileFragen ul li.produktsicherheit a {
		
	}


	#navKopf input#openMobileMenu + .topnav-mobile .mobileNav ul.mobileNav li a {
		display:block;
		width:100%;
		color:#fff;
		padding:2vh 0;
		margin:0 0 0 30px;
	}

	/* Slider */

	#inhalt .flexslider .caption-link {
		position:absolute;
		bottom:0;
		width:100%;
		height:100%;
	}

	#inhalt .flexslider .caption-link a {
		opacity:0;
		width:100%;
		height:100%;
		padding:0;
		-webkit-box-sizing:border-box;
		        box-sizing:border-box;
	}

	/* Navigation Wrapper */

	#innernavigation {
		display:inline-block;
		height:auto;
	}

	#navigationwrapper {
		margin-top:0;
		padding-bottom:15px;
	}

	#mainNaviLeft {
		width:100%;
	}

	#mainNaviRight {
		width:100%;
	}

	#mainNavi ul {
		display:-webkit-box;
		display:-ms-flexbox;
		display:flex;
		-webkit-box-orient:vertical;
		-webkit-box-direction:normal;
		    -ms-flex-direction:column;
		        flex-direction:column;
		padding-bottom:15px;
	}

	#mainNavi ul li a {
		padding:0;
	}

	/* Magazine Filter */
	#page-2 #inhalt,
	#page-3 #inhalt,
	#page-5 #inhalt,
	#page-15 #inhalt #wrapMediadaten,
	#page-2719 #inhalt,
	#page-2720 #inhalt {
		max-width:100%;
		grid-template-columns: 1fr 1fr 1fr;
	}

	/* Abo Teaser */

	#inhalt .aboteaserbox {
		width:calc(33.33% - 30px);
	}

	/* Teaserbox */

	#inhalt .teaserbox {
		width:calc(100% - 60px);
		height:auto;
		min-height:auto;
	}

	#inhalt .teaserbox.breit2 {
		width:calc(100% - 60px);
	}

	#inhalt .teaserbox .ce-gallery img,
	#page-14 #c16022 a.twitter-timeline img {
		width:100%;
	}

	/* Twitter Timeline */

	.twitter-timeline {
		width:100% !important;
	}

	/* Produkte Teaser */

	#inhalt .produkte > div {
		display:-webkit-box;
		display:-ms-flexbox;
		display:flex;
		-ms-flex-wrap:wrap;
		    flex-wrap:wrap;
	}

	#inhalt .produkte .produkt {
		height:auto;
	}

	/* Lizenz Detailseite */

	#inhalt #lizenzLogo1,
	#inhalt #lizenzLogo2,
	#inhalt #lizenzLogo3 {
		max-height:50vw;
	}

	#spalteLinks {
		width:100%;
		-webkit-box-sizing:border-box;
		        box-sizing:border-box;
	}

	#spalteMitte {
		width:100%;
		-webkit-box-sizing:border-box;
		        box-sizing:border-box;
	}

	#spalteRechts {
		width:100%;
		-webkit-box-sizing:border-box;
		        box-sizing:border-box;
	}

	.schreibuns {
		max-width:230px;
	}

	/* Mediadaten Filter */

	#headerMediadaten .mediadatenLeft {
		width:calc(100% - 40px);
	}

	#headerMediadaten .mediadatenMid {
		width:calc(100% - 40px);
	}

	#headerMediadaten .mediadatenRight {
		width:calc(100% - 40px);
	}

	/* Mediadaten Detailseite */

	#inhalt .spalten2_20 {
		width:100%;
		padding:0;
	}

	#inhalt .spalten2_30 {
		width:100%;
		padding:0 0 15px 0;
	}

	#inhalt .spalten2_70 {
		width:100%;
		padding:0;
	}

	#inhalt .spalten2_80 {
		width:100%;
		padding:0;
	}

	#inhalt .boxweiss {
		-webkit-box-sizing:border-box;
		        box-sizing:border-box;
	}

	/* Abo Formulare */

	#inhalt .abowrapper .powermail_fieldset {
		margin-right:0;
	}

	/* Kontakt */

	#inhalt .spalten_50 {
		width:100%;
		padding:0;
	}

	/* Leserservice */

	#c52 .powermail_fieldset_1 .powermail_fieldwrap {
		width:calc(100% - 40px);
	}

	#c52 .powermail_fieldset_164 .powermail_fieldwrap {
		width:calc(100% - 40px);
	}

	#c52 .powermail_fieldset_167 input {
		min-width:180px;
	}

	/* Fuss */

	#fuss {
		display:-webkit-box;
		display:-ms-flexbox;
		display:flex;
		-ms-flex-wrap:wrap;
		    flex-wrap:wrap;
	}
	.fussspalte {
		width:calc(50% - 2%);
		margin:0 2% 15px 0;
	}

		/* Magazine Header */

	#inhalt .container-lizenzLogos {
		min-height: 35vw;
	}

	#inhalt .container-lizenzLogos:has(div > img) {
    margin-bottom: 20px;
    min-height: unset;
}

	#inhalt .container-lizenzLogos.abo-logos {
		min-height: 35vw;
	}

}

@media (max-width:768px) {

	/* Navigation Wrapper */

	#mainNavi {
		width:100%;
	}

	#navSelect {
		width:100%;
		padding-bottom:15px;
		margin:0;
	}

	#navSelect form {
		display:-webkit-box;
		display:-ms-flexbox;
		display:flex;
		-webkit-box-pack:center;
		    -ms-flex-pack:center;
		        justify-content:center;
	}

	#farbNavi {
		display:-webkit-box;
		display:-ms-flexbox;
		display:flex;
		-webkit-box-pack:center;
		    -ms-flex-pack:center;
		        justify-content:center;
		width:100%;
		padding-bottom:15px;
	}

	#mainNavi ul {
		padding-top:15px;
	}

	#mainNavi ul li {
		display:-webkit-box;
		display:-ms-flexbox;
		display:flex;
		-webkit-box-pack:center;
		    -ms-flex-pack:center;
		        justify-content:center;
	}

	#mainNavi ul li a {
		display:inline-block;
		/*text-align:center;
		width:100%;*/
		margin:0;
	}

	/* Magazine Filter */

	#page-2 #inhalt,
	#page-3 #inhalt,
	#page-5 #inhalt,
	#page-15 #inhalt #wrapMediadaten,
	#page-2719 #inhalt,
	#page-2720 #inhalt {
		max-width:100%;
		grid-template-columns: 1fr 1fr;
	}

	/* Abo Teaser */

	#inhalt .aboteaserbox {
		width:calc(50% - 30px);
	}

	/* Produkte Teaser */

	#inhalt .produkte .produkt {
		width:46%;
	}

	/* ES PDF Downloads - Publicidad */

	#c11665 > div {
		display:block !important;
	}


}

@media (max-width:500px) {

	/* Mobile Menu */

	#navKopf input#openMobileMenu {
		right:2vw;
	}


	/* Abo Teaser */

	#inhalt .aboteaserbox {
		width:calc(100% - 30px);
	}

	#inhalt .aboteaserbox .inneraboteaserbox {
		height:auto;
	}

	/* Magazine Teaser */

	#page-2 #inhalt,
	#page-3 #inhalt,
	#page-5 #inhalt,
	#page-15 #inhalt #wrapMediadaten,
	#page-2719 #inhalt,
	#page-2720 #inhalt {
		max-width:100%;
		grid-template-columns: 1fr;
	}


	/* Produkte Teaser */

	#inhalt .produkte .produkt {
		width:96%;
	}

	/* Lizenz Detailseite */

	#inhalt #lizenzLogo1,
	#inhalt #lizenzLogo2,
	#inhalt #lizenzLogo3 {
		width:100%;
		max-height:none;
		margin:0 0 25px 0;
	}

	/* Mediadaten Filter */

	#headerMediadaten select {
		width:calc(50% - 2px);
		-webkit-box-sizing:border-box;
		        box-sizing:border-box;
	}

	/* Kontakt */

	.kontaktsteckbrief .spalten_30 {
		width:100%;
		padding:0 0 15px 0;
	}

	.kontaktsteckbrief .spalten_70 {
		width:100%;
		padding:0 0 15px 0;
	}

	.kontaktsteckbrief .ce-media img {
		max-width:200px;
		margin:auto;
	}

	/* Fuss */

	.fussspalte {
		width:calc(100% - 2%);
	}

	/* Datenschutz iframe */

	#hbm-privacy h1 {
		font-size: 1.5em;
		text-align: left;
	}

}

@media (max-width:460px) {

	/* Allgemein */

	#inhalt {
		background-size: contain;
	}
	
}
@media (max-width:991px) {

   #inhalt .slgnt-container form #telefon_vorwahl,
   #inhalt .slgnt-container form #telefon_nr {
      width: 100% !important;
   }
}