/* CSS Document */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none;  }
table { border-collapse: collapse; border-spacing: 0; }
.align-center { text-align: center;  }
input, select, textarea {-ms-box-sizing: content-box;-moz-box-sizing: content-box;-webkit-box-sizing: content-box;box-sizing: content-box;border-radius: 0; border: none;outline: 0 none; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0;}



/********************************
  Basis Styles
********************************/
* {margin: 0; padding: 0; }
.clear {overflow:hidden; clear: both;}
.trenner {overflow:hidden; clear: both;width: 100%;height: 20px;}
* html .clear {height:1%}
img {border: none; max-width: 100%; height: auto; width: auto; }
input, select, textarea { -ms-box-sizing: content-box; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; border-radius: 0; border: none; outline: 0 none; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0; }
select::-ms-expand { display: none; }
input[type=checkbox] { -webkit-appearance: checkbox; appearance: checkbox; -moz-appearance: checkbox; background: none; }
input[type=radio] { -webkit-appearance: radio !important; appearance: radio !important; -moz-appearance: radio !important; background: none;}
body { font-family: "Source Sans Pro", sans-serif; font-size: 100%; font-weight: 400; text-align: left; color: #333333; line-height: 1.875em; background-repeat: repeat; }
.csc-default { position: relative; overflow: hidden; }
div.csc-textpic { clear: both; }
table { line-height: 1.5em; }

.ce-intext.ce-right .ce-gallery {
	margin-left:0;
}


/********************************
  Weiche Übergänge
********************************/
#navKopf ul li a, #mainNavi ul li a, #farbNavi a, .fussspalte ul li a { transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; }


/********************************
  Kopf
********************************/
/*#kopfwrapper { overflow: visible; width: 100%; height: 70px; background-color: #fff; position: fixed; z-index: 140; }
#kopf { max-width: 1200px; width: 1200px; position: relative; margin: 0 auto; }*/
#kopfwrapper { background-image: url(../img/header-bg.png); background-color: #fff; background-repeat: repeat-x; background-position: top center; overflow: hidden; width: auto; height: 190px; font-size:125%; line-height: 1.6em;}
#kopf { max-width: 1200px; width: 1200px; position: relative; margin: 0 auto; }
#navSocials { position: absolute; top: 10px; left: 20px; }
#navSocials li { display:inline; float:left; margin-right:10px;}
#navSocials li a{color:#4d4d4d; height:0; padding-top:30px; overflow:hidden; display:block; }
#navSocials .facebook a {background:url( ../img/socials_facebook.png) 0 9px no-repeat; width:13px;}
#navSocials .youtube a {background:url(../img/socials_youtube.png) 0 6px no-repeat; width:26px; }
#navSocials .twitternews a {background:url(../img/socials_twitter.png) 0 7px no-repeat;width:20px;}
#navSocials .google a {background:url(../img/socials_google.png) 0 14px no-repeat; width:16px;}
#navSocials .instagram a {background:url(../img/socials_instagram.png) 0 8px no-repeat; width:20px;}
#navSocials a { text-decoration: none; color: #333; font-size: 0.75em; }
#navFragen { position: absolute; top: 10px; right: 20px; }
#navFragen li { display:inline; float:left; margin-right:20px;}
#navFragen a { text-decoration: none; color: #333; font-size: 0.75em;}
#navFragen li.produktsicherheit  {background:url( ../img/icon_fragen.png) 0 6px no-repeat; }
#navFragen li.produktsicherheit a {padding-left:32px;}
#navFragen li.leserservice  {background:url( ../img/icon_leserservice.png) 0 6px no-repeat; }
#navFragen li.leserservice a {padding-left:32px;}
#navFragen a:hover, #navSocials a:hover { color: #f59c00; }
#navFragen img { margin: 0 5px 0 0; vertical-align: middle; }
#logo { position: absolute; top: 65px; left: 50%; margin-left: -137px; }


/********************************
  Navigation
********************************/
#navLizenz { position: absolute; width: auto; top: 20px; left: 0; overflow: hidden; }
#navLizenz ul li a { color: #009CD9; text-transform: uppercase; font-size: 1em; text-decoration: none; margin: 0 15px; cursor: pointer; background-image: url(../img/maus/trigger.png); background-repeat: no-repeat; background-position: left; padding: 5px 0 5px 40px; font-weight:600;}
#navLizenz ul li a:hover { color: #000; }
#navLizenz ul li ul { display: block; background-color: #fff; padding: 20px 0; display: none; }
#navLizenz ul li ul li a { background-image: none; padding: 5px 40px; }
#navigationwrapper { position: relative; /*width: 1200px; max-width: 1200px;*/ width:100%; padding: 15px 0 30px 0; margin: 0 auto; background:#fff; font-size:125%; line-height: 1.6em;}
#innernavigation {position: relative; width: 1200px; max-width: 1200px; height: 30px; margin: 0 auto;}
/*#navSelect { position: absolute; width: auto; right: 20px; top: 20px; }*/
#navSelect { position: relative; float: right; width: auto; font-size:100%;}
#navSelect select { border: 1px solid #009CD9; padding: 5px 40px 5px 10px; font-family: "Source Sans Pro", sans-serif; font-size: 0.875em; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background-image: url(../img/maus/pfeil-runter.png); background-position: right; background-repeat: no-repeat; }
#navKopf { position: absolute; width: 100%; top: 115px; left: 0; overflow: hidden; }
#navKopf .links { float: left; display: inline; width: 450px; }
#navKopf .rechts { float: right; display: inline; width: 450px; }
#navKopf .links li { float: right; display: inline; }
#navKopf .rechts li { float: left; display: inline; }
#navKopf ul li a { color: #fff; text-transform: uppercase; font-size: 0.875em; text-decoration: none; margin: 0 15px; font-weight:700; }
#navKopf ul li a:hover { color: #ff5f09; }
/*#navigationwrapper { position: relative; width: 1200px; max-width: 1200px; height: 30px; margin: 30px auto 40px auto; }*/
#mainNaviLeft { float: left; display: inline; width:1050px; }
#mainNavi { position: relative; float: left; display: inline; width: 720px; }
#mainNavi ul li a { float: left; display: inline; color: #009dd8; font-size: 1.125em; text-decoration: none; /*text-transform: uppercase;*/ padding: 5px 15px;  font-weight:700;}
#mainNavi ul li a:hover { color: #ff5f09; }
#farbNavi { position: relative; float: right; display: inline; width: 150px; }
#farbNavi a { float: right; display: inline; color: #fff; font-size: 0.875em; text-decoration: none; text-transform: uppercase; padding: 5px 15px; font-weight:700; text-align:center;}
#farbNavi .blau a { background-color: #4fbfe9; }
#farbNavi .gruen a { background-color: #7dcf4d; width:45px; overflow:hidden;}
#farbNavi .orange a { background-color: #ff5f09; width:45px; overflow:hidden;}
#farbNavi a:hover { background-color: #fff; color: #009dd8; }
#navSelect { float:left; margin-top:4px;}
#navSelect select { border: 1px solid #009CD9; padding: 5px 40px 5px 10px; font-family: "Source Sans Pro", sans-serif; font-size: 0.875em; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background-image: url(../img/maus/pfeil-runter.png); background-position: right; background-repeat: no-repeat; width:260px; overflow:hidden;}

#highlightwrapper { position: relative; overflow: visible; width: 100%; height: 20px; background-color: #fff; z-index: 140; }
#highlightinner { width: 1200px; max-width: 1200px; height: auto; margin: 0 auto; }
#highlightwrapper .magazine {width:192px; height:3px; background:#ff5f09; margin-left:10px;}


/********************************
  Inhalt
********************************/
#inhalt { position: relative; max-width: 1200px; width: 1200px; overflow: hidden; margin: 0 auto; background-repeat: no-repeat; /*-webkit-box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.5); -moz-box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.5); box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.5); background-size: contain;*/ }
#inhaltwrapper { padding-top: 0px; }
#inhalt h1 { font-size: 2em; color: #333; text-align: center; margin: 0 0 25px 0; }
#inhalt h2 { font-size: 1.8em; color: #333; text-align: center; margin: 0 0 25px 0; font-weight:700;}
#inhalt h3 { font-size: 1em; color: #333; margin: 0 0 5px 0; line-height: 1.4em; font-weight:600; }
.magazin { vertical-align: baseline;}
.magazin h3{ min-height:30px;}
#inhalt h4 { font-size: 1em; color: #333; margin: 0 0 2px 0; line-height: 1.4em; font-weight:700;}
#inhalt h5 { font-size: 1.4em; color: #333; margin: 0 0 10px 0; line-height: 1.4em; font-weight:700;}
#inhalt .magazin img {min-height:277px; max-height:277px;}
.magazin #inhalt h4 { margin: 0 0 0 0; line-height: 1.0em; }
#inhalt p, #inhalt .magazinText li {font-size: 1em; color: #333; margin: 0 0 20px 0; line-height: 1.4em;  }
#inhalt .magazinText .ausgabe {
	font-size: 1em;
	color: #333;
	margin: 0;
	line-height: 1.4em;
	display:block;
	font-weight:700;
}
#inhalt .magazinText .ausgabe p {
	margin-bottom:0;
}

#inhalt .magazinText.weitereInhalte {margin-top:20px;}
#inhalt .magazinText .bold { font-weight:bold;}
#inhalt .magazinText ul {margin: 0 0 20px 0;}
#inhalt .magazinText li {list-style:outside; list-style-type:square; margin-left:18px; padding-left:10px; margin-bottom:0;}
#inhalt p.nomargin {margin: 0;}
#inhalt .magazinText { margin-bottom:20px; height:auto; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
#inhalt strong, #inhalt b { font-weight: 700; }
#inhalt #lizenzLogo1 { position: relative; float: left; width: calc(25% - 50px); display: inline; margin: 25px 25px 0px 25px; text-align: center; }
#inhalt #lizenzLogo2 { position: relative; float: left; width: calc(50% - 50px); display: inline; margin: 25px 25px 0px 25px; text-align: center; }
#inhalt #lizenzLogo3 { position: relative; float: left; width: calc(25% - 50px); display: inline; margin: 25px 25px 0px 25px; text-align: center; }

#inhalt .container-lizenzLogos {
	min-height: 480px;
}

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

#inhalt .container-lizenzLogos.abo-logos {
	min-height: 430px;
}

/* econsor 2020-12-08 */
#inhalt > div {
	width:100%;
	float:left;
}

.magazinwrap { float: left; left: 50%; position: relative; width: auto; margin: 0 0 25px 0; overflow: visible; text-align: center; }
.magazininnerwrap { float: left; left: -50%; position: relative; }
.magazin { display: inline-block; width: 208px; padding: 10px; text-align: center; }
.collectableswrap { float: left; left: 50%; position: relative; width: auto; margin: 0 0 25px 0; overflow: visible; text-align: center; }
.collectablesinnerwrap { float: left; left: -50%; position: relative; }
.collectable { display: inline-block; width: 208px; padding: 10px; text-align: center; }
.appswrap { float: left; left: 50%; position: relative; width: auto; margin: 0 0 25px 0; overflow: visible; text-align: center; }
.appsinnerwrap { float: left; left: -50%; position: relative; }
.apps { display: inline-block; width: 150px; padding: 10px; text-align: center; vertical-align:baseline;}
/*.apps { float: left; position: relative; width: 150px; padding: 10px; text-align: center;}*/
.abstand {
	position: relative;
	width: calc(100% - 60px);
	margin: 50px 30px; height: 0px;
	overflow: hidden; background-position: left;
	background-repeat: repeat-x;
	border-bottom:2px dashed #000000;
	/*float:left;*/
}
#schreibuns { position: relative; width: 100%; text-align: center; margin: 30px 0 0 0; }
#copyright {
	position: relative;
	width: 100%;
	text-align: center;
	/*margin: 30px 0 20px 0;*/
	margin: 0 0 20px 0;
	line-height: 1.2em;
	float:left;
}
/*#copyright .copyrightbg { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}*/
#spalteLinks { position: relative; float: left; display: inline; min-height:1px; width: calc(38% - 60px); padding: 0 30px; }
#spalteMitte { position: relative; float: left; display: inline; min-height:1px; width: calc(38% - 60px); padding: 0 30px; }
#spalteMitte h2{ text-align:left;}
#spalteRechts { position: relative; float: left; display: inline; width: calc(24% - 60px); padding: 0 30px; }
.bildAnzeige img { max-height: 150px; margin: 0 5px 5px 0;}
#lizenzNavi ul li a { font-size: 0.875em; font-weight: 700; width: 130px; display: block; background-position: left; background-repeat: no-repeat; padding: 25px 40px 10px 10px; text-decoration: none; text-align: center; }

/*#lizenzNavi ul li a.maBut { width: 180px; height: 90px; padding: 0 !important; }*/

#inhalt .bildUnterschrift { font-size: 0.875em; }
#inhalt #magazinBild { margin: 0 0 20px 0; }


/* MIa and Me Apps */
div#c17088 .apps,
div#c389 .apps,
div#c17092 .apps {display: none;}
div#c17088 .apps:first-child,
div#c389 .apps:first-child,
div#c17092 .apps:first-child {display: inline-block}

/* Bayala Apps */
div#c179 .apps {display: none;}
div#c179 .apps:first-child {display: inline-block}
/********************************
  Slider
********************************/
.slider { max-width: 1200px; width: 1200px; height: auto; background-image: url(../img/slider-shadow.png); padding: 0 0 59px 0; background-position: bottom; background-repeat: no-repeat; margin-bottom: -20px; }


/********************************
  Spalten
********************************/
#inhalt .spalten { position: relative; width: 100%; margin: 0 auto; overflow: hidden; }
#inhalt .spalten2b_30 { position: relative; width: 28%; padding: 0 0 0 2%; float: left; display: inline;  }
#inhalt .spalten2b_70 { position: relative; width: 70%; padding: 0; float: left; display: inline;  }
#inhalt .spalten2_80 { position: relative; width: 76%; padding: 0 2% 0 2%; float: left; display: inline; }
#inhalt .spalten2_20 { position: relative; width: 18%; padding: 0 2% 0 0; float: left; display: inline; }
#inhalt .spalten2_20 a > img {
	margin-bottom:16px;
}

/********************************
  Boxen
********************************/
#inhalt .teaserbox { position: relative; float: left; display: inline; width: calc(33.3333333333% - 60px); padding: 15px; margin: 15px; background-color: #efefef; -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.75); box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.75); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; line-height: 0; min-height: 319px; }
#inhalt .teaserbox h3 { font-size: 1.375em; margin: 0 0 10px 0; font-weight: 700; line-height: 1.5em; }
#inhalt .teaserbox p { color: #fff; background-color: #38b8e3; font-size: 0.875em; padding: 10px; background: #38b8e3; background: -moz-linear-gradient(top, #38b8e3 0%, #01ace4 100%); background: -webkit-linear-gradient(top, #38b8e3 0%,#01ace4 100%); background: linear-gradient(to bottom, #38b8e3 0%,#01ace4 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#38b8e3', endColorstr='#01ace4',GradientType=0 ); line-height: 1.5em; }
#inhalt .breit2 { width: calc(66.66666666% - 60px); min-height: 368px; }
#inhalt .twitterbox { position: relative; float: left; display: inline; width: calc(33.3333333333% - 60px); padding: 15px; margin: 15px; background-color: #efefef; -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.75); box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.75); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; line-height: 0; min-height: 368px; }
#inhalt .twitterbox h3 { font-size: 1.375em; margin: 0 0 10px 0; font-weight: 700; line-height: 1.5em; }
#inhalt .twitterbox .datum { color: #999; font-size: 0.875em; line-height: 1.5em; font-style: italic; }
#inhalt .twitterbox .twittericon { border-top: 1px solid #009dd8; line-height: 1.5em; font-size: 0.875em; padding: 15px 0 15px 50px; background-image: url(../img/icon_twitter.png); background-position: 0px 12px; background-repeat: no-repeat; }


/********************************
  Fuss
********************************/
#fusswrapper { background-color: #5bc1eb; position: relative; margin: 0 0 0 0; padding: 40px 0; -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.75); box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.75); }
#fuss { max-width: 1200px; width: 1200px; position: relative; margin: 0 auto; overflow: hidden; }
.fussspalte { width: 20%; margin: 0 2% 0 0; float: left; display: inline; }
.fussspalte h3 { padding: 3px 10px; background-color: #7ccdef; color: #fff; font-size: 1.25em; text-transform: uppercase; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; font-weight:600; margin-bottom:10px;}
.fussspalte p, .fussspalte li { line-height:1.5em; }
.fussspalte p{ color: #fff; font-size: 1em; text-decoration: none; padding: 0 10px; font-weight: 400; min-height:50px; }
.fussspalte ul li a { color: #fff; font-size: 1em; text-decoration: none; padding: 0 10px; font-weight: 400; }
.fussspalte ul li a:hover { color: #ff5f09; }
.fussspalte ul li.first a { color: #fff; font-size: 0.875em; text-decoration: none; padding: 0 ; font-weight: 600; font-size: 1em; line-height:1.6em;}
.fussspalte ul li.first a:hover { color: #fff; }
.fusssocials {}
.fusssocials li { display:inline; float:left; margin-right:10px;}
.fusssocials li a{color:#4d4d4d; height:0; padding-top:56px; overflow:hidden; display:block; }
.fusssocials .facebook a {background:url( ../img/footsocials_facebook.png) 0 0px no-repeat; width:55px;}
.fusssocials .youtube a {background:url(../img/footsocials_youtube.png) 0 0px no-repeat; width:55px; }
.fusssocials .twitternews a {background:url(../img/footsocials_twitter.png) 0 0px no-repeat;width:55px;}
.fusssocials .google a {background:url(../img/footsocials_google.png) 0 0px no-repeat; width:55px;}
.fusssocials .instagram a {background:url(../img/footsocials_instagram.png) 0 0px no-repeat; width:55px;}


/********************************
  Formular Aboseite
********************************/
#inhalt .abowrapper {margin-top:20px;}
#inhalt .abowrapper .tx-powermail {margin-top:20px;}
#inhalt .abowrapper .tx-powermail form > h3 {
	display:none;
}
#inhalt .abowrapper .powermail_fieldset { margin: 0 16px 30px 0px; -webkit-border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border: 1px solid #333; }
#inhalt .abowrapper .powermail_fieldset.layout3 { margin: 0 16px 30px 16px; -webkit-border-bottom-left-radius: 0px; -webkit-border-bottom-right-radius: 0px; -moz-border-radius-bottomleft: 0px; -moz-border-radius-bottomright: 0px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; border: none; }
#inhalt .abowrapper .powermail_fieldset legend { width: calc(100% - 38px); padding: 5px 20px; background: #FF600A; color: #fff; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; margin: 0 -1px 20px -1px; font-weight:600; }
#inhalt .abowrapper .powermail_fieldset.layout3 legend{ display:none;}
#inhalt .abowrapper .powermail_fieldwrap { padding: 0 20px 20px 20px; }
#inhalt .abowrapper .powermail_fieldwrap label.powermail_label {display:none;}
/*#inhalt .abowrapper .powermail_fieldwrap.layout2 { width:45%; float:left;}*/
#inhalt .abowrapper .layout3 .powermail_fieldwrap { padding: 0 20px 20px 0; }
#inhalt .abowrapper select { background-color: #eee; padding: 10px; border: 1px solid #999; width: calc(100% - 22px); font-family: "Source Sans Pro", sans-serif; font-size: 1em; font-weight: 400; background-image: url(../img/dropdown.png); background-repeat: no-repeat; background-position: 98% 13px; }
#inhalt .abowrapper input { background-color: #eee; padding: 10px; border: 1px solid #999; width: calc(100% - 22px); font-family: "Source Sans Pro", sans-serif; font-size: 1em; font-weight: 400; }
#inhalt .abowrapper textarea { background-color: #eee; padding: 10px; border: 1px solid #999; width: calc(100% - 22px); font-family: "Source Sans Pro", sans-serif; font-size: 1em; font-weight: 400; }
#inhalt .abowrapper .checkbox input { width: 12px; margin: 0 15px 0 0; height:12px;}
#inhalt .abowrapper .radio input { width: 12px; margin: 0 15px 0 0; height:12px;}
#inhalt .abowrapper .powermail_fieldwrap_type_submit input { cursor: pointer; background: #35358B; color: #fff; width: 30%; border: none; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
#inhalt .abowrapper .powermail_fieldset .parsley-errors-list {color:#ff0000; font-weight:700;}
#inhalt .abowrapper .powermail_fieldset .powermail_fieldwrap_type_content {padding:0 20px 0 20px;}

/**********************************
Formular ES
**********************************/

.powermail_fieldwrap_titulardelacuenta,
.powermail_fieldwrap_numerodecuenta,
.powermail_fieldwrap_portarjetadecredito,
.powermail_fieldwrap_titulardelatarjeta,
.powermail_fieldwrap_dni_01,
.powermail_fieldwrap_numerodelatarjeta,
.powermail_fieldwrap_fechadecaducidad {
	display:none;
}
.powermail_fieldwrap_titulardelacuenta.active,
.powermail_fieldwrap_numerodecuenta.active,
.powermail_fieldwrap_portarjetadecredito.active,
.powermail_fieldwrap_titulardelatarjeta.active,
.powermail_fieldwrap_dni_01.active,
.powermail_fieldwrap_numerodelatarjeta.active,
.powermail_fieldwrap_fechadecaducidad.active {
	display:block;
}

/********************************
Youtube Video 
********************************/

#spalteMitte .magazinVideo {
		position: relative;
    padding-bottom: 0;
    padding-top: 0;
    height: 0;
    overflow: hidden;
}
#spalteMitte .magazinVideo:has(iframe) {
    padding-bottom: 56.25%;
}

#spalteMitte .magazinVideo iframe {
		position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/********************************
Cookie Note (neu)
********************************/

#CybotCookiebotDialog {
  width:calc(100% - 40px) !important;
  top:20px !important;
  left:20px !important;
  box-shadow:0px 0px 10px 0px rgba(0,0,0,0.2) !important;
  border-radius:5px !important;
}
#CybotCookiebotDialogBody {
  max-width: 100% !important;
    padding: 15px 25px !important;
}
#CybotCookiebotDialogBodyContent {
  padding:12px 0 8px 0 !important;
}
#CybotCookiebotDialogPoweredbyLink {
  display:none;
}
#CybotCookiebotDialogBodyContentText {
  color:#666;
}

#CybotCookiebotDialogBodyLevelWrapper {
  display:flex;
  flex-wrap:wrap;
}
#CybotCookiebotDialogBodyLevelButtonAcceptWrapper {
  flex:0 0 100%;
}
#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelectionWrapper {
  width:auto;
  flex:0 0 50%;
  order:1;
}
#CybotCookiebotDialogBodyLevelButtons {
  width:auto;
  flex:0 0 50%;
}
.CybotCookiebotDialogBodyButton {
  width:auto !important;
  padding:10px 5rem !important;
  border:none !important;
  transition:all 150ms ease-in-out;
  border-radius:5px !important;
}
#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelection {
  color:#454545 !important;
  background:#ededed !important;
}
#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll {
  background: #38b8e3 !important;
}
#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelection:hover,
#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll:hover {
  opacity:0.8 !important;
}

#CybotCookiebotDialogBodyLevelButtonsTable {
  width:auto !important;
}
#CybotCookiebotDialogBodyLevelButtonsSelectPane,
#CybotCookiebotDialogBodyLevelDetailsWrapper {
  border-color:#fff !important;
}

#CybotCookiebotDialogDetailBody {
  width:1000px !important;
  max-width:100% !important;
  padding:0 23px !important;
  margin:0 !important;
  box-sizing: border-box;
}
#CybotCookiebotDialogDetailBodyContent {
  border:1px solid #ccc !important;
}
#CybotCookiebotDialogDetailBodyContentTabs a {
  padding:5px;
}
#CybotCookiebotDialogDetailBodyContent a {
  padding:8px;
}