body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li{float:left}.ce_gallery>ul li.col_first{clear:left}.float_left{float:left}.float_right{float:right}.block{overflow:hidden}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both}
@media (max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.ie7 img{-ms-interpolation-mode:bicubic}.ie8 img{width:auto}
* {margin: 0; padding: 0; box-sizing: border-box;}
body {margin: 0; font-family: Inter, sans-serif;}
h1, h2, h3, h4, h5, h6 {font-family: 'Fraunces';}
iframe {border: none;}
figure {margin: 0;}
a:link, a:visited {color: #4fc6de; text-decoration: none;}
a:hover {color: #323A46; text-decoration: none;}

p, div, td {font-family: 'Inter', arial, sans-serif; font-size: 0.9rem; font-style: normal; line-height: 1.4em; color: #2b2e3d;}
.clear {clear: both; visibility: hidden; height: 0;}
.center {text-align: center;}
.marginAuto {margin: 0 auto;}
sup {vertical-align: super; font-size: 55%;}

.ce_text a:link, .ce_text a:visited {color: #EA6D86; background: transparent; border-bottom: 1px solid #ffe4e4; box-shadow: inset 0 -1px 0 #ffe4e4; font-weight: 600;}
.ce_text a:hover {color: #2b2e3d;}

.ce_text a:link img, .ce_text a:visited img {border: none !important; 	box-shadow: none;}
.ce_text figure a:link, .ce_text figure a:visited {border: none !important; 	box-shadow: none;}


#header {height: 80px; margin: 0 auto; padding-bottom: 10px; white-space: nowrap;}
	#header .inside {text-align: center;}

#container, .custom {margin: 0px auto 0 auto; padding-top: 10px;}

#wrapper {
	background: #f8f9fa;
}

#main {	margin-top: 15px;
	padding-top: 5px;
	background: #f8f9fa;
	padding-bottom: 75px;}
body.right #main {padding-right: 50px;}

#right {margin-top: 5px;}

#footer {background: #fff; width: 100%; margin: 0px auto 0 auto; padding-top: 40px; text-align: center;}


h1 {font-size: 1.6rem; font-weight: 400;  color: #323A46; margin-bottom: 30px; font-weight: normal; border-bottom: 3px solid #4fc6de; padding-bottom: 12px; display: inline-table;}
h2 {color: #323A46; font-weight: 400; font-size: 1.3rem; line-height: 36px; margin-bottom: 13px; padding: 3px 6px; font-weight: normal;}
h3 {margin: 15px 0;}
h1, h2, h3 {padding-top: 10px;}

#main h1, #main .teaser h4 {margin-top: 30px; font-family: 'Fraunces';}
#main .teaser h4 {    padding-top: 10px;}
body #main h2 {font-size: 1.4rem; margin: 0 0 25px 0; padding: 0;}

.gewinnspielLightbox {float: right; margin-left: 25px;}

fieldset {border: none; margin: 0; padding: 0;}

#verlinke-zu-uns ul li {list-style: disc; margin-left: 30px;}

.verlinkungVarianteEins {padding: 0 15px 15px 15px; background: #D7E9F1; float: left; width: 260px; margin: 15px 30px 0 0;}
.verlinkungVarianteZwei {padding: 0 15px 15px 15px; background: #DDD; float: left; width: 260px; margin: 15px 0 0 0;}


body .ce_image .image_container {position: relative; text-align: center;}
body .ce_image img {border-radius: 5px; width: 100%;}
body .ce_image figcaption {position: absolute; background: rgba(0, 0, 0, 0.2);  padding: 5px 9px; color: #fff; border-radius: 0 0 5px 0; font-size: 0.75rem;}

#header .mod_customnav li:nth-child(5) {margin-left: 276px;}

input.submit {-webkit-appearance: none; padding: 13px 20px; font-size: 1.1rem; display: block; margin: 20px auto 0; border-radius: 50px; cursor: pointer; color: #FFF; background: #F9748F;    border: none;}
input.submit:hover {background: #344254; color: #FFF;}

/* Page Styles */

body.centered #container {}


/* Top Bar */

.topbar {background: #0732a2; height: 40px; color: #fff; text-align: right;}
	.topbar ul li {margin: 0 0; list-style: none; display: inline-block;}
	.topbar ul li a:link, .topbar ul li a:visited {border-bottom: 4px solid #0732a2; color: #fff; font-size: 13px; font-weight: bold; padding: 9px 7px 10px 7px;}
	.topbar ul li a:hover {border-bottom: 3px solid #4fc6de;}

/* mastermenu */

.mastermenu {position: relative; margin: 0 auto; height: 140px; height: fit-content; text-align: center; white-space: nowrap;}
	.isUser .mastermenu {padding-top: 40px; margin-bottom: 40px;}
	.mastermenu ul {margin: 0 auto 0 auto;}
	.mastermenu li {display: inline-block; color: #FFF; margin: 0 5vw 0 0; vertical-align: top; margin-top: 22px;}
	.mastermenu li > a:link, .mastermenu li > a:visited {width: 70px; height: 50px; display: table-cell; vertical-align: middle; color: #344254;}
	.mastermenu li > a em {position: relative; top: 35px; font-style: normal; font-size: 0.9rem; padding-bottom: 6px;}
	.mastermenu li > a:hover em {color: #EA6D86; padding-bottom: 6px;}


/* TopMenu */

.categoriesHolder {text-align: center; margin: 0px auto 25px; position: relative; white-space: nowrap; animation: fadein 2.5s;}
.categoriesHolder ul { display: flex; justify-content: space-between; flex-wrap: wrap; max-width: 1073px; margin: 0 auto;}
.categoriesHolder li {border: none; display: inline-block; padding: 11px 0px 10px 0;}
.categoriesHolder li a:link, .categoriesHolder li a:visited {border: none; margin-bottom: 4px; font-size: 0.9rem; padding: 12px 12px; text-align: center; font-weight: 400; color: #344254; border-radius: 3px 3px 0 0;}
.categoriesHolder li a:hover {border-bottom: 3px solid #4fc6de;}

.categoriesHolder .schwangerAT:link, .categoriesHolder .schwangerAT:visited {border-bottom: 3px solid #ffe4e4;}
.categoriesHolder .schwangerAT:hover {border-bottom: 3px solid #F9748F;}

.categoriesHolder .karenzAT:link, .categoriesHolder .karenzAT:visited {border-bottom: 3px solid #a2dba2;}
.categoriesHolder .karenzAT:hover {background: #a2dba2; color: #FFF;}

.categoriesHolder .kinderkramCOM:link, .categoriesHolder .kinderkramCOM:visited {border-bottom: 3px solid rgba(126, 56, 181, 0.3);}
.categoriesHolder .kinderkramCOM:hover {background: rgba(126, 56, 181, 0.6); color: #FFF;}

.categoriesHolder .apps:link, .categoriesHolder .apps:visited {background: rgb(0, 158, 255); color: #FFF;}
.categoriesHolder .apps:hover {background: rgba(0, 158, 255, 0.7);}


/* aboveFooter */

#aboveFooter {margin: 5px auto 10px auto; width: 1000px; padding: 0px 0 0px;}
#aboveFooter a:link, #aboveFooter a:visited {margin: 0px 0.67% 0; font-size: 0.9em; display: inline; font-weight: 400; padding: 7px 0 8px 0; color: #323A46; line-height: 2.6em;}
#aboveFooter a:hover {color: rgb(195, 32, 97); text-decoration: underline; }

/* Footer Menu - - */

#footer .mod_customnav {padding-top: 20px;}
#footer .mod_customnav ul li {margin-bottom: 3px; display: inline; list-style-type: circle; list-style-position: outside;}
#footer .mod_customnav ul li.active {font-size: 11px; background: #F9748F; color: #FFF; border-radius: 5px;}
#footer .mod_customnav ul li a:link, #footer .mod_customnav ul li a:visited {font-size: 11px; background: none; color: #888; border: none;}
#footer .mod_customnav ul li a:hover {background: none; color: #323A46;}


/* Artikel */

.ce_text ul {margin: 10px 10px 20px 20px;}
.ce_text li {
	font-size: 0.9rem;
	line-height: 1.4rem;
	margin: 8px 0 8px 20px;
	padding-left: 10px;
	list-style: none;
	list-style-position: outside;
background: transparent url(../../tl_files/_ratgeber/check.svg) 0 3px no-repeat;
background-size: 18px;
padding-left: 25px;}
.ce_text p {margin-bottom: 20px; font-size: 0.9rem; line-height: 1.5rem;}

.Box {margin: 0; font-size: 1em;}
.Box p {font-size: 1.03em;}
.Box h4 {font-size: 1.7em; color: #4C4E4D; text-align: center; font-weight: 700;  border-bottom: 3px solid #4fc6de; margin-bottom: 20px; padding-bottom: 10px; font-weight: normal;}
.Box .modulhead {display: block;  font-size: 1.5rem; color: #344254; text-align: center; margin-bottom: 20px; padding-bottom: 10px; font-weight: 500; margin-top: 55px;}

.whitebox {background: #FFF; padding: 15px; border-radius: 5px; vertical-align: top;}
.whitebox h2 {margin: 0 0 20px 0; padding: 0;}
.whitebox50, .whitebox51 {width: 47.8%; margin-right: 4%; display: inline-block; margin-bottom: 30px;}
.whitebox51 {margin-right: 0;}
.whitebox50 img, .whitebox51 img {border-radius: 5px;}
.whitebox.nopadding {padding: 0 0 15px 0 !important;}

.boxWrapper {display: flex; justify-content: space-between; flex-wrap: wrap; padding: 0 25px;}
	.boxWrapper .whitebox {width: 48%; padding: 25px; margin-bottom: 35px; position: relative; box-shadow: 0 15px 35px 0 rgba(50,66,93,.1);} 
	.boxWrapper .whitebox.banderole {width: 100%; text-align: center;}
		.boxWrapper .whitebox.banderole .button {margin: 0 auto;}

.boxWrapper.Three {}
	.boxWrapper.Three .whitebox {width: 31%;}
	

/* Flex */

.flex {display: flex; flex-wrap: wrap; justify-content: space-between;}
	/* .flex p {width: 47%; height: auto;} */

.banderole {width: 100%; padding: 30px 15% 60px; text-align: center; color: #323A46;}

.banderole a:link, .banderole a:visited {background: #F9748F; border: #F9748F; border-radius: 50px; padding: 12px 25px; text-decoration: none; color: #FFF; box-shadow: 0 0 10px rgba(249, 116, 143, 0.4); display: table; margin: 20px auto; transition: background 0.2s; letter-spacing: 0.5px; font-weight: 400;}

.banderole a:hover {color: #F9748F; background: #fff;}

/* Colorbox */

.cboxElement img {border-radius: 5px; border: 1px solid #DDD;}


/* Gewinnspiel Form */

#f1, #f5, #f6, #f15, #f16 {margin-bottom: 30px;}
#right h2 {margin: 0 0 10px 0;}

body #main h2.alpha {font-size: 2rem; line-height: 2.8rem;}

.gewinnspielForm .captcha_text {display: block;}

#ctrl_44 {margin-left: 40px;}
#ctrl_45 {margin-left: 36px;}
#ctrl_46 {margin-left: 27px;}

.gewinnspielForm #ctrl_55 {margin-top: 5px;}

.gewinnspielForm form label, .gewinnspielForm form label.mandatory {vertical-align: top; margin-top: 2px;}
.gewinnspielForm form span.mandatory {visibility: hidden;}

.gewinnspielForm form input.checkbox {width: 20px;}

.gewinnspielForm label, .gewinnspielForm input, .gewinnspielForm textarea {margin-bottom: 7px;}

#ctrl_4, #ctrl_47 {margin-top: 10px;}
#ctrl_5, #ctrl_48 {margin-top: -20px;}
input#ctrl_6, #ctrl_49 {width: 50px; padding: 4px; border-radius: 4px; border: 1px solid #AAA; text-align: center; float: left; margin-right: 20px;}

.gewinnspielForm form input.submit {margin-top: 30px; width: 100%; border-bottom: 3px solid #ffe4e4;}
.gewinnspielForm form input.submit:hover {border-bottom: 3px solid #C2F1FB;}
.gewinnspielForm p.error, .whiteform p.error {font-size: 11px; color: #FFE600; margin: 0; padding: 0;}

.gewinnspielForm .adresse {float: right; width: 195px;}
.gewinnspielForm .Announcement {background: #fff3fe;}

.gewinnspielForm input.captcha {width: 30px;}

#f6, #f15, #f16 {margin-top: 0px; background: transparent; border: 0; padding: 0;}
#f6 input#ctrl_58 {width: 100%}

fieldset.checkbox_container {margin-bottom: 0px; padding: 0;}

.information {font-size: 1em; margin: 5px 0 20px; background: #FEFFE3; padding: 12px; border-radius: 5px; color: #323A46;}

.easylogo {margin-right: 30px;}

.ajaxconfirm {padding: 12px 12px 3px 12px; background: #CFF6B4; margin-bottom: 20px; border-radius: 5px; text-align: center;}

/* Startseite */

.frontSchwanger h2, .frontKarenz h2, .frontMAM h2 {margin: 0; color: #FFF; padding: 0;}
.frontSchwanger h2 a:link, .frontSchwanger h2 a:visited, .frontKarenz h2 a:link,.frontKarenz h2 a:visited, .frontMAM h2 a:link, .frontMAM h2 a:visited {margin: 0; color: #FFF;}
.frontSchwanger h2 a:hover, .frontKarenz h2 a:hover, .frontMAM h2 a:hover {color: #323A46;}

.frontSchwanger, .frontKarenz, .frontMAM {display: inline-block; border-radius: 20px; margin-bottom: 20px; background: #A23D78; padding: 20px; color: #FFF; width: 48%; border-bottom: 3px solid #5E1A43; vertical-align: top;}
.frontKarenz, .frontMAM {background: #FC5C1F; margin-right: 2%; border-bottom: 3px solid #CF3917;}
.frontMAM {margin-right: 30px;}
.frontSchwanger p {color: #FFF;}
.frontKarenz .paragraph {font-size: 8em; position: absolute; left: 220px; font-weight: bold; opacity: 0.5;}

.frontMAM {border: 2px solid #1A9FE3; background: #FFF; border-radius: 20px; border-bottom: 3px solid #12639C;}
.frontMAM h2 a:link, .frontMAM h2 a:visited {color: #1A9FE3;}
.frontMAM p {color: #1A9FE3; margin-bottom: 8px;}


/* Modul Favoriten - - */

.frontGuide, .ausDemForum {margin-bottom: 30px;}

.favoriten {margin-bottom: 30px;}

.favoriten p {margin: 0 0 10px 0;}
.favoriten h2 {text-align: center; color: #1E79A7;}
.favoriten a:link, .favoriten a:visited {border-radius: 2px; background: #FFF; padding: 2px 5px 2px 5px;}
.favoriten a:hover {box-shadow: 0px 0px 5px #888; text-decoration: none;}

.frontGuide ul li {text-align: center; line-height: 2.3em; list-style: none;}
.frontGuide ul li a:link, .frontGuide ul li a:visited {font-size: 1.1em; background: #4fc6de; border-radius: 3px; padding: 3px 7px; color: #FFF; line-height: 1.5em;}
.frontGuide ul li a:hover {background: #323A46;}

.frontGuide h2 {padding: 0; margin: 0; text-align: center;}


/* Quicklinks */

.quicklinks {text-align: center;}
	.quicklinks a:link, .quicklinks a:visited {border-radius: 50px; padding: 2px 11px; font-size: 0.85rem; background: rgba(126, 150, 179, 0.1); color: #344254; margin: 0 5px 10px 5px; display: inline-block; border: none; box-shadow: none; font-weight: 400; transition: background .4s, color .4s;}
	.quicklinks a:hover {background: #344254; color: #FFF;}


/* JS Filter, wie Quicklinks nur Buttons */

	.filter button {border-radius: 50px; padding: 10px 12px; font-size: 0.9rem; background: rgba(126, 150, 179, 0.1); color: #344254;     margin: 0 2px 10px 2px; display: inline-block; border: none; box-shadow: none; font-weight: 400; transition: background .4s, color .4s;}
	.filter button:hover {background: #344254; color: #FFF;}



/* Aus dem Forum */

.ausDemForum {border-radius: 5px;}
.ausDemForum p {vertical-align: middle; margin-bottom: 10px;}
.ausDemForum img {border-radius: 5px; margin-right: 0; vertical-align: middle;}
.ausDemForum a:link, .ausDemForum a:visited {border-radius: 2px; background: #FFF; padding: 9px 5px 9px 5px; vertical-align: middle;}

.babyforumApp {margin-bottom: 30px; border-radius: 0 0 5px 5px;  padding: 20px; background: #FFF09F;}


/* mod_newslist */

.mod_newslist {margin-top: 25px; overflow: hidden; padding: 0px 15px;}
.mod_newslist img {margin: 0; border-radius: 2px 2px 0 0;}

.mod_newslist {display: flex; justify-content: space-between; flex-wrap: wrap;}
.mod_newslist .layout_latest {margin-bottom: 35px; flex-basis: 47%; vertical-align: top; background: #fff; box-shadow: 0 15px 35px 0 rgba(50,66,93,.1); position: relative;}
.mod_newslist .layout_latest .teaser {margin: 0; text-align: left; padding: 0 35px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.mod_newslist .layout_latest .teaser p {padding-left: 0; background: none;}

#main .mod_newslist .layout_latest h2 {line-height: 33px;font-weight: 400; ; font-size: 1.8em; letter-spacing: 0; font-weight: normal; margin: 10px 0 10px 0 !important; padding: 0 20px;}
.mod_newslist .layout_latest h2 a:link, .mod_newslist .layout_latest h2 a:visited {font-size: 1.5rem; color: #323A46; overflow: hidden; text-overflow: ellipsis; font-family: 'Inter'; font-style: normal; font-weight: 500; line-height: 2.1rem; padding: 15px; display: block; letter-spacing: 0.02rem;}
.mod_newslist .layout_latest h2 a:hover {color: #F9748F;}
.mod_newslist div.caption {display: none;}
.mod_newslist .layout_latest p.more a, p.back a {padding: 5px 20px 5px 8px; display: block; width: 130px; margin: 15px 0 25px 25px; color: #323A46; background: transparent; border-bottom: 3px solid #ffe4e4; box-shadow: inset 0 -1px 0 #ffe4e4;}
.mod_newslist .layout_latest p.more a:hover, p.back a:hover {border-bottom: 3px solid #F9748F;}
.mod_newslist .layout_latest .teaser p {font-size: 1rem; line-height: 1.5rem;}

.mod_newslist .image_container {position: relative;}
.mod_newslist figcaption {position: absolute; bottom: 5px; background: rgba(0, 0, 0, 0.2); padding: 5px 9px; color: #fff; border-radius: 0 5px 0 0; font-size: 0.75rem;}

/* BreadCrumbs */

.mod_breadcrumb {}
	.BreadcrumbsWrapper {margin: 3px auto 10px auto;}
	.mod_breadcrumb li {display: inline-block; color: rgba(126, 150, 179, 0.5); margin-right: 3px; font-size: 0.75rem;}
	.mod_breadcrumb a {color: rgba(126, 150, 179, 0.5); letter-spacing: 0px; display: inline-block; font-size: 0.75rem;}
	.mod_breadcrumb a:hover {color: #000;}
	.mod_breadcrumb li:nth-child(2):before, .mod_breadcrumb li:nth-child(3):before, .mod_breadcrumb li:nth-child(4):before {content: "›"; font-weight: 700; margin-right: 5px;}
	.Crumb {color: rgba(126, 150, 179, 0.5); font-weight: 700; margin: 0 3px 0 0;}


/* Opacity #2 */
.mod_newslist .layout_latest figure {background: rgba(79, 198, 222, 1); line-height: 0; border-radius: 5px 5px 0 0;}
	.mod_newslist .layout_latest figure img {opacity: 1; -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; border-radius: 5px 5px 0 0;}}
	.mod_newslist .layout_latest figure:hover img {opacity: .5;}

/* KAWAI DESU - Blog */

.kawaiDescription p {text-align: center;}

h1.ce_headline {margin: 0; padding: 0 0 0 0px; line-height: 1.3em; color: #555; /* color: #FFF; background: #DDD;*/ }
h3.ce_headline {margin: 0; padding: 0 0 0 0px; line-height: 2em; color: #555; font-size: 40px;font-weight: 400; color: #323A46; margin-bottom: 30px; font-weight: normal;}

#rechte-spalte-42 .mod_newslist .layout_latest {margin-bottom: 22px; width: 100%; vertical-align: top;}
#rechte-spalte-42 h1 {font-size: 2.3em;}


/* mod_newsreader */

.mod_newsreader {overflow: hidden; background: transparent; border-radius: 5px; padding: 12px 0px;}
.mod_newsreader.whitebox {background: transparent;}
.mod_newsreader img {margin: 0 0 20px 0; float: right; border-radius: 3px; border-radius: 5px; /* max-width: 640px; */ /* you can use % */ height: auto;}
.mod_newsreader img.blogbildmitte {margin: 0; float: none; clear: both; border-radius: 3px; border-radius: 5px; max-width: 640px; /* you can use % */ height: auto;}

.mod_newsreader .layout_full {margin-bottom: 22px;vertical-align: top;}
.mod_newsreader .layout_full.even {margin-right: 38px;}
.mod_newsreader .layout_full.odd {margin-right: 0px;}
.mod_newsreader .layout_full h1 {margin: 35px auto; color: #323A46; font-size: 2rem; line-height: 3rem; font-weight: 500; text-align: center; width: 70%; padding-bottom: 30px; border-bottom: 3px solid rgba(79, 198, 222, 0.5); display: inherit;}
#main .mod_newsreader .layout_full h2 {font-size: 1.7em; line-height: 1.1em;font-weight: 400; letter-spacing: 0; font-weight: normal; margin: 30px 0 25px 0; padding: 0; color: #323A46; padding: 7px 55px;}
.mod_newsreader .layout_full h3 {font-size: 1.7em; line-height: 1.1em;font-weight: 400; margin: 8px 0 15px 0;}
.mod_newsreader .layout_full h2 a:link, .mod_newsreader .layout_full h2 a:visited {color: #4fc6de;}
.mod_newsreader .layout_full h2 a:hover {color: #F9748F;;}
.mod_newsreader .layout_full .teaser {margin: 0 0 8px 0; font-weight: bold;}
.mod_newsreader div.caption {visibility: hidden;}
.mod_newsreader .layout_full p.info {color: rgba(126, 150, 179, 0.5); font-size: 0.9rem !important; padding: 0 0 15px 0px; margin: 15px 0; text-align: center;}
	
.mod_newsreader .layout_full ul li {margin: 5px 0 5px 10px; padding-left: 30px; list-style: none; list-style-position: outside;}
	
.mod_newsreader .layout_full p.more a, p.back a { padding: 5px 20px 5px 8px;display: block;width: 130px;margin: 10px 0 45px 0;color: #323A46;background: transparent;border-bottom: 3px solid #ffe4e4;box-shadow: inset 0 -1px 0 #ffe4e4;}
.mod_newsreader .layout_full p.more a:hover, p.back a:hover {    border-bottom: 3px solid  #F9748F;}

#kawai-artikel .mod_newsreader {margin: 0;}
	#kawai-artikel .mod_newsreader .float_above img {display: block; float: none;}

/* .mod_newsreader .layout_full img {max-width: 700px;} */

/* Interview Style */
.mod_newsreader .layout_full .ce_text em {color: #50C5DE; font-weight: 700; margin-top: 5px; display: block; font-weight: normal; font-size: 1em; border-bottom: 5px solid rgba(203, 239, 252, 0.3); padding: 12px 0px 8px;}
.interviewbox {margin: 20px 0 20px 0; display: block; font-weight: normal; font-size: 1em; background: #EFEFEF; padding: 12px 16px 0 16px; border-radius: 5px; }
.interviewbox h3 {margin: 0 0 20px 0 !important;}
.interviewbox img {margin-right: 25px;}

.artikelbox {background: #EEF6FB; border: 1px solid #DDD; padding: 0 15px 15px 15px; border-radius: 5px;}

/* Gallery */

.ce_gallery {margin: 30px 0 40px; background: #F4FAFF; padding: 15px;}
	.ce_gallery img {border-radius: 3px; margin-bottom: 15px; max-width: none; float: none; margin: 0; width: 100%; border: none;}
	.ce_gallery h2 {color: #FFF; text-align: center; width: 100%;}
	.ce_gallery>ul  {display: flex; flex-wrap: nowrap; justify-content: space-between;}
	.ce_gallery li  {width: 24%; list-style: none !important; padding: 0 !important; margin: 0 !important;} 


/* Comments */
.ce_comments {background: #ECF1F2; padding: 20px 25px; border-radius: 3px; margin-top: 20px; margin-bottom: 10px; width: 70%; margin: 0 auto;}
	body #main .ce_comments h2 {font-size: 1.5em; color: #323A46;font-weight: 400; margin-bottom: 10px;}
	.ce_comments .kommentarHeadline {font-size: 14px; float: right;}
	.ce_comments label {font-size: 0.9em; display: inline-block; margin: 6px 9px 8px 10px;}
	.ce_comments input {border-radius: 4px; border: 0px; padding: 6px 5px 6px 5px; width: 40%; margin-bottom: 7px;}
	.ce_comments textarea {padding: 3px 5px 3px 5px; border: none; border-radius: 4px; width: 97%;}
	.ce_comments .captcha {width: 30px;}
	.ce_comments input.checkbox {float: left; display: inline-block; width: 19px; margin: 11px 0;}
	.ce_comments #lbl_notify_0 {float: left; display: inline-block;}
	.ce_comments input.submit {cursor: pointer; color: #323A46; padding: 6px 22px; line-height: 1.8rem; background: #FBF06C; width: auto; background: #F9748F; font-weight: 400; color: #FFF; font-size: 1rem; border-radius: 100px;}
	.ce_comments input.submit:hover {color: #FFF; background: #344254;}


/* MegaGewinnSpiel */

a.button:link, a.button:visited {max-width: 250px; padding: 12px 20px; font-size: 1rem; background: #4fc6de; display: block; margin: 20px auto 0; cursor: pointer; font-weight: 400;}
	a.button:hover {background: #FBF06C; color: #323A46;}

.button a:link, .button a:visited {max-width: 250px;padding: 12px 20px; font-size: 1rem; background: #4fc6de;display: table;margin: 20px;cursor: pointer;color: #fff;border-radius: 50px; 	margin: 15px auto 0;
	width: 300px;
	font-size: 1rem;
	border: 1.5px solid #4fc6de;
	font-weight: 400;
	color: #4fc6de;
	background: white;
	padding: 8px;
	box-shadow: 0 0 10px rgb(79 198 222 / 30%);
	transition: background 0.2s;
	letter-spacing: 0.5px;}
	.button a:hover {background: #4fc6de; color: #FFF;}

.mod_newsreader .ce_text p.button a:link, .mod_newsreader .ce_text p.button a:visited {    margin: 30px auto;
	font-size: 1rem;
	border: 1px solid #4fc6de;
	font-weight: 400;
	color: #4fc6de;
	background: white;
	padding: 12px 21px;
	box-shadow: 0 0 10px rgba(79, 198, 222, 0.3);
	transition: background 0.2s; width: fit-content; max-width: none;}
	.mod_newsreader .ce_text p.button a:hover {    border: 1px solid #4fc6de;
	background: #4fc6de;
	color: #FFF; max-width: none; width: content-fit;}

.socialButtons {width: 160px; margin-left: 100px; margin-top: 25px;}
.fbButton {float: left;}
.plusButton {float: right;}

.checkboxMenue {background: #FFF; width: 263px; border-radius: 5px; border: 1px solid #BE1583; margin-bottom: -10px;}
#f3 #ctrl_35 span {display: block;}
#f3 #opt_35_3, #f3 #opt_35_7 {visibility: hidden;}

#f3 textarea {height: 38px;}

#f3 {padding: 20px 20px 20px 20px; background: #EFEFEF url(../../tl_files/_gewinnspiel/blumenBackground.png) bottom right no-repeat; margin: 0 8px 0 15px;}
#f3 .explanation p, #f3 .explano {font-size: 10px; line-height: 14px; color: #777; padding-top: 20px;}
#f3 .multiselect {width: 250px;}

#f3 #ctrl_14 {margin-left: 20px;}
#f3 #ctrl_15 {margin-left: 16px;}
#f3 #ctrl_17 {margin-top: 10px; margin-bottom: -10px;}
#f3 #ctrl_17 label {margin-left: 0px;}

#f3 input.submit {margin-top: 20px; width: 280px; font-size: 16px; background: #BE1583; border: 1px solid #BE1583;}
#f3 input.submit:hover {background: #38ABE3; border: 1px solid #38ABE3; color: #FFF;}

#f3 p.error {color: #C53384;}


.ersterKasten {float: left; width: 310px;}
.zweiterKasten {float: left; width: 300px;}
.dritterKasten {float: right; width: 255px;}

.zweiterKasten label, .zweiterKasten input {margin-bottom: 8px;} 

.rechtsVonDanke {float: left; width: 600px; padding-top: 10px;}
.rechtsVonDanke p {font-size: 15px; color: #777; text-align: left; margin-left: 45px;}

.dankeTeilnahme {background: #ffffea; border: 1px solid #ffef95; line-height: 30px; border-radius: 10px; border-radius: 10px; padding: 10px; text-indent: 0;display: block;}

/* Banner */

.skyscraper {display:none;}
.superbanner {width: 1085px; text-align: center; margin: 20px auto;}
.banner_right {margin-top: 15px;}

.rechteSpalte-Kinderkram {border-radius: 5px; border-bottom: 3px solid #555; margin-bottom: 20px; cursor: pointer; display: block; text-align: center; margin: 0 auto;}
.facebookBox {border:none; overflow: hidden; height: 212px; background: #FFF;}

/* - - - - Newsletter Abonnieren */

#newsletter-abonnieren {text-align: center;}
	#newsletter-abonnieren img {margin-left: -40px;}

#newsletter-abonnieren .mod_subscribe {padding: 15px; max-width: 400px; margin: 0 auto; border-radius: 5px; }
	#newsletter-abonnieren .mod_subscribe input {border: none; padding: 12px 12px; border-radius: 5px; cursor: pointer; background: #eee;}
	#newsletter-abonnieren .mod_subscribe input.submit {background: #F9748F; color: #FFF; border-radius: 50px; padding: 12px 30px;}
	#newsletter-abonnieren .mod_subscribe input.submit:hover {background: #323A46; color: #FFF;}
	#newsletter-abonnieren .whitebox li {list-style: none;}

.small p {font-size: 10px; color: grey; margin-top: 30px; padding-top: 25px;}

/* Guide 2020 */

.guideNav {margin-top: 50px;}
	.guideNav a::after {content: "›"; padding-left: 5px;}

	
.guideNav h3, body.ratgeberArtikel #main .guideNav h3 {
		color: #323A46;
		margin: 0 0 20px 0;
		padding-bottom: 6px;
line-height: 2rem;
font-size: 1.3rem;
		background: #f1f4f7;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		padding-left: 20px; 	font-weight: normal; padding-top: 10px;}
		.guideNav h3 a:link, .guideNav h3 a:visited {color: #323A46;}
		.guideNav h3 a:hover {color: rgba(79, 198, 222, 1);}
	.guideNav ol {vertical-align: text-top; margin-left: 18px; margin-top: 70px;}
		.guideNav ol li {list-style: decimal; list-style-position: outside; padding-left: 10px;}
		.guideNav ol li a:link, .guideNav ol li a:visited {font-size: 0.95rem; color: #344254; margin: 0 5px 10px 5px; display: block; max-width: 89%;vertical-align: text-top;}
		.guideNav ol li a:hover {color: rgba(79, 198, 222, 1);}



/* Downloads Buttons */

.ce_download.button a:link, .ce_download.button a:visited {
	color: #565b70;
	padding: 15px 25px 15px 70px;
	background: transparent url(../../tl_files/_design/iconDownload.svg) 7% 50% no-repeat;
	background-size: 30px;
}

.ce_download.button a:hover {
	color: #FFF;
	border: 1px solid #4fc6de;
	background: #4fc6de url(../../tl_files/_design/iconDownloadWhite.svg) 7% 50% no-repeat;
	background-size: 30px;
}

.ce_download.button img, .ce_download.button .size {
	display: none;
}



/* Galerie Seite */




/* Flohmarkt */

.teaser {text-align: left; margin: 0 10% 25px;}
	.teaser h1, .teaser h4 {padding-bottom: 30px;border-bottom: 3px solid rgba(79, 198, 222, 0.5);color: #323A46;margin-bottom: 30px;font-family: 'Inter';font-style: normal;font-weight: 500;line-height: 2rem;font-size: 1.4rem;letter-spacing: 0px;}
	.teaser h1, .teaser h4 {padding-bottom: 24px;
		border-bottom: 8px solid rgb(175 240 253 / 50%);
		color: #323A46;
		margin-bottom: 30px;
		font-family: 'Inter';
		font-style: normal;
		font-weight: 500;
		line-height: 2rem;
		font-size: 1.4rem;
		letter-spacing: 0px;}
	
	.teaser p:first-of-type {
		font-size: 0.9rem;
		padding: 0px;
		border-radius: 5px;
		line-height: 1.5rem;
		color: #565b70;
		padding-left: 60px;
		background: transparent url(/themes/_icons/description.svg) 0px 3px no-repeat;
		margin-bottom: 40px;}
	
.teaser.last .button {display: block; margin: 20px auto;}    

.mod_eventlist {margin-bottom: 35px; padding: 0px 15px;}
.mod_eventlist .header {padding: 6px 12px; color: #323A46; border-radius: 3px 3px 0 0; max-width: 200px; margin-top: 25px;}

.mod_eventreader {padding: 0px 15px;}

.event.layout_list {padding: 5px 15px; background: #FFF; box-shadow: 0 15px 35px 0 rgba(50,66,93,.1); border: 1px solid rgba(126, 150, 179, 0.3); margin-top: -1px;}
	.event.layout_list h2 {display: inline-block; min-width: 505px; margin: 0;font-weight: 400; font-size: 1.1rem !important; margin: 0 !important; }
	.event.layout_list p.time {display: inline-block; min-width: 130px; vertical-align: middle;    margin-top: -3px;}
	.event.layout_list p.location {display: inline-block; vertical-align: middle;    margin-top: -3px;}

.event.layout_full {background: #FFF; padding: 35px; border-radius: 3px 3px 3px 0px; display: flex;  justify-content: space-between; flex-wrap: wrap; box-shadow: 0 15px 35px 0 rgba(50,66,93,.1);}
	#main .event.layout_full h1 {margin: 10px 0 0px;font-weight: 400; font-size: 2em; width: 100%; padding-bottom: 30px; border-bottom: 3px solid rgba(79, 198, 222, 0.5);}
	.event.layout_full h3 {color: #2b2e3d;}
	.event.layout_full .infobox {width: 30%; vertical-align: top; margin-top: 25px;}
	.event.layout_full .information {width: 65%; vertical-align: top; margin-top: 25px; text-align: left;}
body.flohmarkt p.back a {border-radius: 0 0 3px 3px;}

.whiteform {background: #FFF; border-radius: 3px; padding: 25px; width: 485px; margin: 0 auto;  box-shadow: 0 15px 35px 0 rgba(50,66,93,.1);}
.whiteform.breit {width: 100%;}

.whiteform .formbody {display: flex; justify-content: space-between; flex-wrap: wrap;}
	.whiteform .formbody .widget, .whiteform .formbody .widget.full {width: 100%;}
	.whiteform .formbody .widget.half {width: 48%;}

.flohmarkt .ce_form h2 {margin: 0 auto; width: 450px;font-weight: 400; font-size: 2em;}
input.text, textarea, .whiteform input.text, .whiteform textarea {border-radius: 3px; margin-bottom: 10px; padding: 12px 15px; width: 100%; border: 1px solid rgba(126, 150, 179, 0.3); font-size: 0.9rem;}
	input::placeholder, textarea::placeholder, .whiteform input::placeholder, .whiteform textarea::placeholder {color: rgba(126, 150, 179, 0.8); font-size: 0.9rem;}
	.whiteform input.checkbox {padding: 6px;}

.whiteform h3 {display: block; clear: both; margin-bottom: 10px;}
.whiteform label {display: none;}
.whiteform #opt_88_0, .whiteform #lbl_88_0, .whiteform #opt_107_0, .whiteform #lbl_107_0 {display: inline; width: auto; margin: 15px 10px -10px 0;}

.whiteform #ctrl_65, .whiteform #ctrl_70 {display: inline-block; width: 45%; float: left; vertical-align: top;}
.whiteform #ctrl_70 {margin-left: 11px; }

body.produktproben .whiteform.breit {width: 70%;}


/* - - -  GUIDE  - - - */

.guideLinks img, .guideRechts img {border-radius: 5px; margin-bottom: 10px;}
.guideLinks:hover, .guideRechts:hover {opacity: 0.8;} 
.guideLinks p, .guideRechts p { padding: 0 15px;}

.guideElement {margin-bottom: 40px; vertical-align: top; position: relative; background: #fff; border-radius: 5px; text-align: left; padding-right: 20px;     box-shadow: 0 15px 35px 0 rgba(50,66,93,.1);     height: auto; margin-bottom: 35px; position: relative;}
	.guideElement .image_container {line-height: 0; width: 450px; margin-right: 28px;}
	.guideElement img {margin-right: 30px;}


#main .guideElement h2 {padding-top: 20px; margin-bottom: 14px !important; color: #323A46;}
#main .guideElement h3 {font-size: 1.1em; font-weight: bold;}

.teaserLeft {margin-bottom: 30px; line-height: 2.2em;}
	.teaserLeft h1 {text-align: left;}
	.teaserLeft img {float: left ; margin: -15px 30px 0 0px;}
	.teaserLeft a.button:link, .teaserLeft a.button:visited {background: #F9748F; color: #FFF; padding: 6px 12px; text-align: center; border-radius: 3px; font-size: 0.9rem; margin: 0px 5px 5px 0; float: left;}
	.teaserLeft a.button:hover {background: #4fc6de;}

body.guide #main .whitebox h2, body.guide #main .whitebox h2 {	font-size: 1.2rem;
	letter-spacing: 0.2px; position: absolute; margin: 0; font-weight: 400; background: rgb(250 215 222); padding: 7px 18px 7px 18px; border-radius: 5px 5px 5px 0;font-weight: normal; 	left: 20px;
	top: 20px;}
body.guide #main .whitebox h2:before, body.guide #main .whitebox h2:before {border-top: 12px solid rgb(250 215 222); border-right: 12px solid transparent; content: ""; width: 0; height: 0; position: absolute; bottom: -12px; left: 0px;}

body.guide #main .boxWrapper .whitebox {padding: 0;}
	
	body.guide .whitebox figure {margin-bottom: 15px; width: 100%;}
		body.guide #main .boxWrapper .whitebox.float_left {float: none; 	box-shadow: 0 15px 25px 0 rgb(127 150 178 / 20%);}	
		body.guide #main .boxWrapper .whitebox img {    width: 100%; border-radius: 2px 2px 0 0;}
	body.guide #main .boxWrapper .whitebox p {padding: 20px 25px 25px; margin-bottom: 0; line-height: 1.5rem;}



body #main .guideElement h2 {margin-top: 0px !important;}

.guidebox {background: #FFF; border-radius: 5px; margin-bottom: 30px; padding: 20px;}
	.guidebox p {margin: 0;}



.belowNavi a:link, .belowNavi a:visited {color: #FFF; background: #F9748F; display: block; padding: 2px 12px 2px 12px; float: left; border-radius: 0 0 5px 5px; margin: -2px 0 0 20px; border-top: 2px solid #F9748F; text-align: center;}
	.belowNavi a:hover {background: #F9748F; border-top: 2px solid #FFF;}

.ce_hyperlink {margin: 0 0 20px 390px;}
	.ce_hyperlink a:link, .ce_hyperlink a:visited {color: #FFF; background: #F9748F; display: block; padding: 2px 12px 2px 12px; border-radius: 5px 5px; margin: 0; text-align: center; width: 150px;}
	.ce_hyperlink a:hover {background: #42ADE5; color: #FFF;}


/* MehrLesen Modul */

#main .mehrLesen h2, #main .mehrLesen p {
	padding: 15px 25px 0;
}

#main .mehrLesen p {
	padding: 0 25px;
}



/* Gruppeseite */

#gruppen .ce_text.whitebox a:link, #gruppen .ce_text.whitebox a:visited {background: #4fc6de; color: #FFF; border-radius: 3px; padding: 4px 0; display: inline-block; margin: 0 -1px 5px 0; min-width: 28px; text-align: center;}
#gruppen .ce_text.whitebox a:hover {background: #323A46; color: #FFF;}
#gruppen .whitebox p {margin: 0px 0 4px 0px; padding: 10px 0;}
#gruppen .whitebox strong {display: block; margin-bottom: 7px;}

/* Veranstaltungen */

.veranstaltungen .item .small {color: #AAA;}
.veranstaltungen.liste .item, .veranstaltungen.ansicht .item {background: #FFF; border-radius: 3px; padding: 20px; margin-bottom: 5px;}
.veranstaltungen.liste .item {padding: 15px;}
.veranstaltungen.liste .item h2, .veranstaltungen.ansicht .item h2 {margin: 0; padding: 0;font-weight: 400; font-size: 1.7em;}
#main .veranstaltungen.liste .item h2 {margin-bottom: 0px; font-size: 1.5em; line-height: 1.3em;}
#main .veranstaltungen.liste .item a:hover h2 {color: #323A46;}
.veranstaltungen.liste .header {margin: 25px 0 10px 0;}
.veranstaltungen.liste .header .date {background: #DDD; border-radius: 5px; padding: 4px 5px; }
.veranstaltungen.liste .header .day {background: #DDD; border-radius: 5px;  padding: 4px 5px; }

.veranstaltungen.liste .content {display: inline-block; width: 57%; vertical-align: top;}
.veranstaltungen.liste .zeit {display: inline-block; width: 8%; vertical-align: top; padding-right: 15px; position: relative; top: 15px;}
.veranstaltungen.liste .veranstalter {display: inline-block; width: 27%; vertical-align: top; padding-left: 30px; float: right;}
.veranstaltungen.liste .item .veranstalter {margin: 0;}
.veranstaltungen.liste .item .beschreibung {color: #AAA; margin: 3px 0 0 0; height: 20px; overflow: hidden;}
.veranstaltungen.liste .item .beschreibung:after {content: "...";}
.veranstaltungen.liste .item .startzeit {padding: 24px 12px; background: none repeat scroll 0% 0% rgba(255, 80, 85,0.2); border-radius: 300px; font-size: 1.1em; font-weight: 400;}

.veranstaltungen.ansicht h1 {color: #F9748F;font-weight: 400;  font-size: 2em; line-height: 36px; margin-bottom: 13px; padding: auto; font-weight: normal;}
.veranstaltungen.ansicht .item h2 {margin-bottom: 0px !important;}
.veranstaltungen.ansicht .zielgruppe {margin-bottom: 25px;}
.veranstaltungen.ansicht .datum {display: block;}
.veranstaltungen.ansicht .content {width: 60%; display: inline-block; vertical-align: top; margin-right: 6%;}
.veranstaltungen.ansicht .data {width: 33%; display: inline-block; vertical-align: top;}
.veranstaltungen.ansicht .zeit {border: 1px solid #DDD; border-radius: 3px; padding: 12px; margin-bottom: 35px;}
.veranstaltungen.ansicht .veranstalter {border-radius: 3px; padding: 12px; background: rgba(255, 80, 85,0.1); color: #323A46; margin-bottom: 30px;}
.veranstaltungen.ansicht .karte iframe {border-radius: 3px; border: 1px solid #FFF;}


/* VAs Filter */

#veranstaltungskalender .widget.mm_select.bundesland {display: inline-block; background: #FFF; padding: 15px; border-radius: 5px; vertical-align: top; margin-bottom: 20px;}
#veranstaltungskalender .widget.mm_select.zielgruppe {display: inline-block; margin-left: 50px; background: #FFF; padding: 15px; border-radius: 5px; vertical-align: top; margin-bottom: 20px; }


/* Aktionstafel */

#aktionstafel {margin-top: -21px; background: transparent url(../../tl_files/_aktionstafel/aktionstafelHintergrund.jpg) no-repeat; height: 1130px;}
#aktionstafel h1.ce_headline {margin: 0 0 175px 9999px;}
#aktionstafel .einleitung {text-align: center; margin-top: -10px;}
#aktionstafel .einleitung p {color: #FFF;}

#aktionstafel img {margin: 0; padding: 0;}

#aktionstafel h2 {margin: 0;}
#aktionstafel .partner {width: 270px; height: 340px; background: #FFF; margin: 0 15px 0 15px; padding: 15px; float: left; border-radius: 10px;}
#aktionstafel .partner2 {width: 270px; height: 340px; background: #FFF; margin: 0 15px 0 0; padding: 12px 15px 15px 15px; float: left; margin-left: 0; border-radius: 10px;} 
#aktionstafel .partner3 {width: 270px; height: 340px; background: #FFF; margin: 0 15px 0 0; padding: 15px; float: left; margin-left: 0; border-radius: 10px;}

#aktionstafel .clear {height: 15px;}
#aktionstafel .partner3.rectangle {padding: 0; width: 300px; height: 270px;}

#aktionstafel .werbenAufDenSeiten a:link, #aktionstafel .werbenAufDenSeiten a:visited {float: right; color: #FFF;}
	#aktionstafel .werbenAufDenSeiten a:hover {color: #DDD;}

.gutscheinrechts {width: 270px; border: 1px dashed #FFF; padding: 10px 10px 20px 10px; border-radius: 8px; background: #4fc6de; color: #FFF;}
	.gutscheinrechts a:link, .gutscheinrechts a:visited {background: #F9748F; border-radius: 4px; color: #FFF; padding: 3px 25px 3px 25px; position: relative; top: 7px;}
	.gutscheinrechts a:hover {background: #EE016C; padding: 3px 25px 3px 25px; border-radius: 4px; color: #FFF;}

.gutscheinDownload:link, .gutscheinDownload:visited {float: left; width: 120px; height: 98px; background: transparent url(../../tl_files/_design/gutscheinDownload.png) no-repeat; display: block;}
.gutscheinDownload:hover {float: left; width: 120px; height: 98px; background: transparent url(../../tl_files/_design/gutscheinDownload.png) 0px -148px no-repeat;}


/* Accordion */

.ce_accordion {margin-bottom: 20px; border-radius: 5px; display: block; padding: 15px; background: #FFF;}
	.ce_accordion .toggler {cursor: pointer; font-weight: bold;}


/* 404 Fehlerseite - - */

body#viernullvier {background: #EDEBEA; text-align: center;}
div.viernullvierbox {background: #FFF; padding: 28px; border-radius: 3px; text-align: left; margin: 50px auto 0 auto; width: 280px; box-shadow: 0 0 5px #777;}

body#viernullvier img {background: #38ABE3; padding: 5px; border-radius: 5px; border: 5px solid #38ABE3; margin-bottom: 15px;}

body#viernullvier ul {margin: -5px 0 25px 0;}
body#viernullvier ul li {list-style-type: none; list-style-position: inside; color: #6a6a6a; padding-left: 50px; background: transparent url(../../tl_files/_design/li-Icon.png) 35px 7px no-repeat; line-height: 23px;}

#right iframe {margin-bottom: 20px;}

/* Sprechblase */

.sprechblase {background: #EFEFEF; padding: 15px 15px 0 15px; border-radius: 15px; margin-top: 20px;}

.fkmlogo {background: transparent; padding: 25px 10px 20px; text-align: center; margin: 10px 25% 25px 25%;}
.ce_text .fkm a {border: none; box-shadow: none;}

/* Pagination */

.pagination {margin-bottom: 20px;}
	.pagination p {visibility: hidden; height: 0;}
	.pagination ul li {display: inline-block; margin-bottom: 10px;}
	.pagination ul li a:link, .pagination ul li a:visited {background: #4fc6de; color: #FFF; border: none; border-radius: 3px; padding: 3px 8px 4px 8px; font-size: 1.1em;}
	.pagination ul li a:hover {background: #323A46; cursor: pointer;}
	.pagination span.current {display: inline-block; background: #FFF; border: none; border-radius: 3px; padding: 3px 8px 4px 8px;}


/* Booknav */

.mod_booknav {text-align: center;}
	.mod_booknav ul {margin: -20px 0 60px 0px; padding: 0; }
	.mod_booknav ul li {list-style: none; display: inline-block;}
	.mod_booknav ul li a:link, .mod_booknav ul li a:visited {border: none; margin-bottom: 10px; background: #4fc6de; font-size: 1.1em; line-height: 1.7em; padding: 3px 6px; color: #212121; border-radius: 5px; text-align: center; border-bottom: 3px solid #82102D; font-weight: normal; display: block; text-align: center; max-width: 400px; margin-top: 20px; color: #FFF; display: inline-block;}
	.mod_booknav ul li a:hover {background: #6FC1D2; border-bottom: 3px solid #146C9B; color: #FFF;}


/* Responsive Container für Youtube Videos www.avexdesigns.com/responsive-youtube-embed */

.video {background: #323A46; border-radius: 5px;}
	.video-container {position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden;}
	.video-container iframe, .video-container object, .video-container embed {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

a.button:link,a.button:visited {background: #F9748F; color: #FFF; padding: 4px 5px; text-align: center; border-radius: 50px; font-size: 1.1em; margin: 5px auto;}
a.button:hover {background: #4fc6de; border-bottom: 2px solid #c0f4ff; box-shadow: inset 0 -1px 0 #c0f4ff;}
a.button.left:link, a.button.left:visited {margin: 5px 0;}

.blogbildmitte {text-align: center; float: none;}

/* Veranstaltungen Eintrag */

#f9 .col_0 {display: none;}
#f9 #ctrl_127 {margin-bottom: 20px; width: 100%; font-size: 1.2em;}
#f9 .row_11 td p {margin: 0;}

#f9 #ctrl_135, #f9 #ctrl_136 {width: 70%; margin-right: 10px;}


/* Produkttest */

.flexWrapper {display: flex; justify-content: space-between; flex-wrap: wrap; width: 100%;}
.flexChild70 {width: 60%;}
.flexChild30 {width: 300px;}
.flexChild70 .ce_text, .flexChild30 .ce_text, .flexChild70 .ce_image {padding: 0;}
.flexChild70 .below {padding: 30px 30px 0 30px; background: #EEF9FB; border-radius: 5px;}
.flexChild70 .below.blue {background: #EEF9FB;}

body #main .flexChild30 h2 {text-align: left; font-size: 1.1rem; margin: 0 0 15px 0; padding: 0;}

/* Hack */ .produkttest .ce_text.first .mamlogo {display: none;}

.produkttest .guideBadge {display: none;}

.produkttest h1 {margin: 20px 0;}

.produkttest .mamlogo img {margin-top: 25px; border-radius: 5px; position: relative; max-width: 120px;}
	.produkttest.test2 .mamlogo img {margin-top: -45px; margin-bottom: 15px;}
	.produkttest.test3 .mamlogo img {margin-top: 0px; max-width: 280px; margin-bottom: 0px;}
	
.produkttest .joolzlogo img {margin-top: 8px; border-radius: 5px; position: relative; left: 12px;  max-width: 300px; background: none;}	
	body.produkttest #main h2 {text-align: center;}

.produkttest h2 {color: #323A46; font-weight: 400;  margin-top: 0; font-size: 3em; padding-left: 0;}
	.produkttest.test h2 {color: #c11e2d;}
	.produkttest #right h2 {font-size: 1.7em; padding-top: 0;}
	.produkttest a.button:link, .produkttest a.button:visited {margin: 20px auto 0; font-weight: normal;}
	.produkttest a.button:hover {border-bottom: 1px solid #C2F1FB;}

.produkttest .gewinnspielForm {}
	.produkttest .gewinnspielForm select {margin-bottom: 20px; width: 100%; border: 1px solid rgba(126, 150, 179, 0.3); padding: 4px 8px; border-radius: 4px; background: #FFF; height: 35px;}
	.produkttest .gewinnspielForm .explanation {background: #FEFFE3; padding: 20px 20px 0px 20px; margin-bottom: 10px; margin-top: 10px; font-size: 0.9rem;}
	.produkttest .gewinnspielForm .explanation a:link, .produkttest .gewinnspielForm .explanation a:visited  {color: #2b2e3d !important; text-decoration: underline;}

#produkttest2 h4 {margin-top: 30px;}

.produkttest #f16 {margin-bottom: 50px;}
	.gewinnspielForm .widget label {margin-bottom: 5px;
		display: block;
		padding: 0px 15px 4px 10px;
		font-size: 0.9rem;}
	.gewinnspielForm .widget .checkbox_container label {margin-left: 20px; text-align: left;}
	.gewinnspielForm .widget.widget-checkbox {margin: 0 auto; text-align: center; margin-bottom: 15px;}
	.gewinnspielForm .widget.widget-checkbox:hover {color: #323A46; cursor: pointer;}
	.gewinnspielForm .widget.widget-checkbox input {	box-shadow: none;
		margin: 6px 5px 0px 1px;
		transform: scale(1.5);
		padding: 10px;
		float: left;}
	.gewinnspielForm .widget.widget-select {}

.produkttest .slider-control .slider-next, .produkttest .slider-control .slider-prev {display: none;}
.produkttest .slider-control .slider-menu {width: 100%; left: 0; margin: 0;}
.produkttest .ce_sliderStart {text-align: center; border-radius: 5px;}

#produkttest div.left, #produkttest div.right {width: 46%;}

.ankuender {margin: 0px 0% 40px;}

#f6 textarea {margin-bottom: 10px;}
.produkttest input.submit:hover {background: #4fc6de; color: #fff; padding: 13px 20px;}

.slider-control .slider-menu b {margin: 4px 10px 0;}
.produkttest .slider-control .slider-menu {margin-top: 10px; font-size: 40px;}


#produkttest-danke h1 {	text-align: center;
	display: block;}
	
#produkttest-danke .ce_text.teaser img {border-radius: 10px;}

/* Advertorial */

#article-120 .logo img {margin-top: -75px; margin-bottom: 25px;}
#article-120 .logo h2 {font-size: 2.5em; line-height: 1em; margin-bottom: 30px; color: #13685B;}

.produkttestseite h3 {font-size: 1.5rem; margin: 10px 0 15px 0; padding: 0; border-bottom: 3px solid rgb(169 223 237 / 0.2); width: fit-content; padding: 10px 0; line-height: 2rem;}

.produkttestseite .ce_text li {margin-left: 0;}

.produkttestseite iframe {border-radius: 4px;}
.produkttestseite .flexChild70 .ce_text.teaser {background: none; padding: 0; text-align: center;}
.produkttestseite .flexChild70 .ce_text {background: #FFF; border-radius: 4px; padding: 20px 30px 10px; margin-bottom: 20px;}

#f14.whiteform {padding: 0; width: 100%;}
#f14 .mandatory {background: rgba(218, 255, 212, 0.4) !important;}

#f14 .radio_container span, #f14 .radio_container label, #f14 .radio_container legend {display: inline-block;}
#f14 .radio_container input, #f14 .radio_container label {width: 30px; display: inline-block;}
#f14 .radio_container span, #f14 .radio_container legend {width: 20%; float: left;}
#f14 .radio_container legend {width: 15%;}

#f14 #ctrl_216 {display: inline-block; width: 43%; float: left;}
#f14 #ctrl_217 {display: inline-block; width: 50%; float: right;}

#f14 #ctrl_219, #f14 #ctrl_220 {display: inline-block; width: 25%; float: left;}
#f14 #ctrl_218, #f14 #ctrl_221 {display: inline-block; width: 68%; float: right;}
#f14 #ctrl_218 {float: left;}
#f14 #ctrl_219 {float: right;}

#f14 #ctrl_222 {display: inline-block; width: 47%; float: left;}
#f14 #ctrl_223 {display: inline-block; width: 47%; float: right;}

#f14 #ctrl_224 {margin-top: 20px; width: 48%;}
#f14 #ctrl_225 {width: 50%;}

#rechte-spalte-122 p.information {font-size: 0.9rem; line-height: 1.2rem;}

.produkttest .information, .produkttestseite .information {font-size: 0.7rem !important; line-height: 1.1rem; text-align: left; padding: 20px;}
	.produkttest .information p {line-height: 1.1rem; font-size: 0.7rem; text-align: left;}


/* Aktionen Liste */

body.aktionen .whitebox {height: auto; margin-bottom: 35px; position: relative; text-align: center;}
	body.aktionen .whitebox p:nth-child(2) {color: rgba(126, 150, 179, 0.75);}
	body.aktionen #main .whitebox h2 {font-size: 1.1rem; line-height: 1.5rem; font-weight: 500; padding: 0 20px;}	
	body.aktionen .whitebox .button {margin: 15px auto 0; width: 300px; font-size: 1rem; border: 1.5px solid #4fc6de; font-weight: 400; color: #4fc6de; background: white; padding: 8px; box-shadow: 0 0 10px rgb(79 198 222 / 30%); transition: background 0.2s; letter-spacing: 0.5px;}
	body.aktionen .whitebox .button:hover {border: 1px solid #4fc6de; background: #4fc6de; color: #FFF;}
	body.aktionen .whitebox p.aktionVorbei {background: #4fc6de; color: #FFF; padding: 0px 8px; border-radius: 0 0 8px 0px; display: inline-block; position: absolute; top: 0px; left: 0; font-size: 0.85rem;}
	
	body.aktionen .whitebox.left {text-align: left;}
	body.aktionen .whitebox.left figure {margin-bottom: 25px;}
	body.aktionen #main .whitebox.left h2 {font-size: 1.5rem; margin-top: -15px;}
	body.aktionen #main .whitebox.left h2, body.aktionen .whitebox.left p {padding: 0 40px;}
	
	body.aktionen .whitebox.left p strong {background: #eee; padding: 3px 7px; border-radius: 3px; margin-right: 10px;}


/* Apps */	

body.aktionen.apps img {border-radius: 45px;}
	

/* Karten */

#karten {text-align: left; padding: 0 0 55px;}
#karten .headline, #footer .headline {display: block; padding: 12px 0px; font-size: 1rem; color: #344254;}

#karten a:link, #karten a:visited {	
	display: inline-block;
	border-radius: 3px;
	padding: 4px 14px;
	margin: 3px 3px 6px 0;
	background: #fff;
	color: #344254;
	font-size: 0.9rem;
	border-radius: 100px;
}

#karten a:hover {
	background: #344254; color: #FFF;
}

/* Forenregeln */

#forumsregeln .ce_text li {margin-bottom: 20px;}

#f10 input, #f10 textarea {display: block; margin-bottom: 20px; width: 90%;}
#f10 .explanation {width: 90%;}


/* Buttons */

a.button.yellow:link, a.button.yellow:visited {border: none; margin-bottom: 10px; font-size: 1.3em; line-height: 1.8em; padding: 3px 6px; background: #FBF06C; border-radius: 3px; text-align: center; font-weight: normal; display: block; text-align: center; width: 100%; margin-top: 20px; color: rgb(42, 53, 57);}
a.button.yellow:hover {background: #F9748F; color: #FFF;}

a.button.red:link, a.button.red:visited {background: #EA6D86 !important;
	color: #FFF !important;
	height: 34px;
	display: block;
	position: relative;
	top: -1px !important;
	padding-top: 7px !important;}
a.button.red:hover {background: #ffeaee !important;
	color: #EA6D86 !important;}

#marktplatz a.button.yellow {max-width: 400px; margin: 0 auto;}
#marktplatz {text-align: center;}

/* Produktproben */

#f11 input, #f11 .explanation {width: 100%;}

#f11 .radio_container span {display: inline-block; width: 20%;}
#f11 .radio_container span label, #f11 .radio_container span input, #f11 .checkbox_container label, .select label {display: inline-block; color: #323A46;}
#f11 .radio_container span input {width: 15%;}
#f11 .checkbox_container input {width: 15px;}
#f11 .checkbox_container {margin-top: 20px;}

#f11 .select {margin-top: 6px; margin-bottom: 15px;}
#f11 .explanation, #ctrl_190, #ctrl_190 label {display: inline-block;}
#f11 span.mandatory {visibility: hidden;}
#f11 #ctrl_214 {margin-top: 10px;}

#f11.whiteform label.username {display: inline;} 

#f11 .radio_container {margin: 10px 0;}
#f11 #ctrl_182:before, #f11 #ctrl_183:before, #f11 #ctrl_184:before, #f11 #ctrl_186:before {content: "1. Kind"; font-size: 1.2em; margin-right: 30px;  display: block; margin: 5px 0 10px 0;}
#f11 #ctrl_183:before {content: "2. Kind";}
#f11 #ctrl_184:before {content: "3. Kind";}
#f11 #ctrl_186:before {content: "4. Kind";}

#f11 #ctrl_180, #f11 #ctrl_181, #f11 #ctrl_185, #f11 #ctrl_187 {width: 25%; margin-right: 8px;}
#f11 #ctrl_180, #f11 #ctrl_181, #f11 #ctrl_185, #f11 #ctrl_187 {margin-left: 0px;}

.information {font-size: 1rem; color: #2B2E3D; text-align: center;}
	.information p {font-size: 0.9rem; }

/* umfragen-studien */

body.aktionen #main #umfragen-studien .whitebox.nopadding p {margin: 0 30px 20px 30px; text-align: left;}
body.aktionen #main #umfragen-studien h2 {margin-top: 25px;}


/* Artikel in der App */

.inArticleApp {width: 100%; background: #F1F3F2; border-radius: 5px; padding: 10px; font-size: 1.2em; color: #333 !important; margin-bottom: 20px; display: block; box-shadow: inset 0 0 5px #AAA;}
.inArticleApp:hover, .inArticleApp:focus {background: #DDD;}
.inArticleApp strong {font-weight: 700;}
.inArticleApp .appname {text-align: left; font-size: 1.6em; margin: 11px 0 3px 0; display: block;}
.inArticleApp img {border-radius: 12px; vertical-align: top; box-shadow: 0 0 5px #AAA;}

/* Video Wrapper */
.videoWrapper {position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 0; height: 0; margin: 0 0 30px;}
.videoWrapper iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

.mod_newsreader .videoWrapper {	margin: 30px 0 40px; background: #F4FAFF;}
	.mod_newsreader .videoWrapper iframe {padding-top: 30px; padding-bottom: 30px; }


/* CE Player */

.ce_player {
	position: relative;
	border-radius: 3px 0 0 3px;
	margin: 60px 0 20px -270px;
	float: right;
	max-width: 45%;
}

.ce_player video {
	max-width: 500px;
	height: auto;
}


/* Urlaubscheck */

.urlaubscheck {
	margin-top: 20px;
}

.urlaubscheck div {
	background: #F6EDEF;
	padding: 20px 30px 20px;
	border-radius: 5px;
}

#main  .mod_newsreader .layout_full .urlaubscheck h2 {
	font-size: 1.7rem;
	letter-spacing: 0.2px;
	position: absolute;
	margin: 0 0 20px 0;
	font-weight: 400;
	background: rgb(250 215 222);
	padding: 12px 18px 12px 18px;
	border-radius: 5px 5px 5px 0;
	font-weight: normal;
	display: block;
	position: relative;
	left: -30px;
	top: -20px;
}

#main .urlaubscheck h2:before {
	border-top: 12px solid rgb(250 215 222);
	border-right: 12px solid transparent;
	content: "";
	width: 0;
	height: 0;
	position: absolute;
	bottom: -12px;
	left: 0px;
}

.urlaubscheck h3 {
	margin: 30px 0 10px 0;
}


#f17 td {padding-right: 10px; padding-bottom: 20px;}
#f17 tr {padding-bottom: 10px;}
#f17 input {padding: 6px 15px; border-radius: 10px; border: 1px solid #DDD;}
#f17 input.submit {margin-top: 20px;}


/* AppsBox */

#appsBox {width: 100%;text-align: center; padding: 30px 0; color: #344254; margin-bottom: 30px;}
.appDownload {margin: 15px 1% 0; width: 42%; max-width: 160px; display: inline-block; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); border-radius: 5px; background: #FFF; line-height: 0;}


/* Socials */

#socials {color: #344254; padding: 1px 0 65px; text-align: center;}
#socials a {width: 40px; height: 40px; display: inline-block; border-radius: 30px; margin: 8px 20px;}
#socials a.facebook {background: transparent url(/themes/_icons/socialFacebook.svg) 0 0 no-repeat; background-size: 100%;}
#socials a.twitter {background: transparent url(/themes/_icons/socialTwitter.svg) 0 0 no-repeat; background-size: 100%;}
#socials a.pinterest {background: transparent url(/themes/_icons/socialPinterest.svg) 0 0 no-repeat; background-size: 100%;}
#socials a.instagram {background: transparent url(/themes/_icons/socialInstagram.svg) 0 0 no-repeat; background-size: 100%;}
#socials a:hover {opacity: 1;}


/* Footer */

#footer {
	color: #FFF;
	margin: 90px 0 0px;
	background-color: #fff3ef;
	padding: 20px 0 0 0;
}
#footer div .flex {margin-bottom: 20px; display: flex; justify-content: space-between;}
#footer div .flex div {width: 28%;}

#footer2 {background: #FFF; color: #FFF; padding-bottom: 60px;}
#footer2 div {text-align: center;}
#footer .flex p {width: 100%;}

#footer2 div .flex {margin-bottom: 20px; display: flex; justify-content: space-between;}
	#footer2 div .flex div {width: 28%;}

.newsletterDiv {}
	.newsletterDiv a:link, .newsletterDiv a:visited {	background: #FFF url(/themes/_icons/navNewsletter.svg) 13px 0 no-repeat;
		background-size: 65px; font-size: 1.1rem; border-radius: 100px; margin-top: 20px; padding: 25px 0px 23px 89px; display: block; text-align: left; text-indent: 0px; min-height: 60px; color: #344254; transition: background 0.2s;}
	.newsletterDiv a:hover {color: #FFF; background: #344254 url(/themes/_icons/navNewsletter.svg) 6px 0 no-repeat; background-size: 65px;}

.gewinnspielDiv {}
	.gewinnspielDiv p {color: #344254; font-size: 1.1rem; line-height: 1.8rem;}
	.gewinnspielDiv a:link, .gewinnspielDiv a:visited {    border: none; margin-bottom: 7px; padding: 5px 20px; background: #EA6D86; border-radius: 3px; font-weight: 400; display: table; color: #fff; margin-top: 0px; text-align: left; border-radius: 100px;}
	.gewinnspielDiv a:hover {background: #344254; color: #FFF; transition: background 0.2s; }

.linksDiv {}
	.linksDiv ul {margin: 0 0 20px 0;}
	.linksDiv ul li {display: block; line-height: 28px; text-align: center;}
	.linksDiv ul li.last {border: none;}
	#footer .linksDiv ul li a {color: #344254;}
	#footer .linksDiv ul li a:hover {color: #4fc6de; transition: background 0.2s; }

.copyright {font-size: 11px; color: #344254;}
 
 #footerframe {border-bottom: 3px solid #4fc6de;}

/* Footer */

#footer {color: #FFF; margin: 0px 0 0 0;}

#footer h4 {
	color: #f5957b;
	font-family: 'Fraunces';
	font-size: 1.2rem;
	font-weight: 500;
	margin-bottom: 30px;
	margin-top: 38px;
	text-align: left;
}

#footer div .flex {margin-bottom: 20px; display: flex; justify-content: space-between; padding: 60px 0 80px;}
	#footer div .flex div {width: 28%;}

.newsletterDiv {}
	.newsletterDiv a:link, .newsletterDiv a:visited {	background: #FFF url(/themes/_icons/navNewsletter.svg) 13px 0 no-repeat;
		background-size: 65px;
		font-size: 1.1rem;
		border-radius: 100px;
		margin-top: 20px;
		padding: 25px 0px 23px 89px;
		display: block;
		text-align: left;
		text-indent: 0px;
		min-height: 60px;
		color: #344254;
		transition: background 0.2s;}
	.newsletterDiv a:hover {	color: rgb(42, 53, 57);
		background: #FBF06C url(/themes/_icons/navNewsletter.svg) 8px -4px no-repeat;
		background-size: 70px;}

.gewinnspielDiv {}
	.gewinnspielDiv p {color: #344254; font-size: 1.1rem; line-height: 1.8rem;}
	.gewinnspielDiv a:link, .gewinnspielDiv a:visited {border: none; margin-bottom: 7px; padding: 5px 14px; background: #F9748F; border-radius: 50px; font-weight: 400; display: table; color: #fff; margin-top: 0px; text-align: left; font-size: 1rem;}
	.gewinnspielDiv a:hover {background: #344254; color: #FFF; transition: background 0.2s; }

.linksDiv {}
	.linksDiv ul {margin: 0 0 20px 0;}
	.linksDiv ul li {display: block; line-height: 28px; text-align: center;}
	.linksDiv ul li.last {border: none;}
	#footer .linksDiv ul li a {color: #344254;}
	#footer .linksDiv ul li a:hover {color: #4fc6de; transition: background 0.2s; }

#footerNew {padding-bottom: 70px; margin-top: 0; padding-top: 70px; background: #ddd; font-size: 0.8em; position: relative; top: 0px; background: #344254;}

.copyright {font-size: 0.85rem; margin: 0; text-align: left; color: #fff; text-align: center; color: rgba(255, 255, 255, 0.4);}
	.copyright img {width: 250px; display: block; margin: 30px auto;}
	.copyright a:link, .copyright a:visited {color: rgba(255, 255, 255, 0.5); transition: all 0.3s ease; font-size: 0.8rem;}
	.copyright a:hover {color: #F9748F;}
	
/* Socials */

#socials {color: #344254; padding: 1px 0 65px; text-align: center; font-size: 0.85rem; color: rgba(255, 255, 255, 0.4);}
	#socials a {width: 40px; height: 40px; display: inline-block; border-radius: 30px; margin: 8px 20px;}
	#socials a.apple {background: transparent url(/themes/_icons/socialApple.svg) 0 0 no-repeat; background-size: 100%;}
	#socials a.play {background: transparent url(/themes/_icons/socialPlay.svg) 0 0 no-repeat; background-size: 100%;}	
	#socials a.facebook {background: transparent url(/themes/_icons/socialFacebook.svg) 0 0 no-repeat; background-size: 100%;}
	#socials a.twitter {background: transparent url(/themes/_icons/socialTwitter.svg) 0 0 no-repeat; background-size: 100%;}
	#socials a.pinterest {background: transparent url(/themes/_icons/socialPinterest.svg) 0 0 no-repeat; background-size: 100%;}
	#socials a.instagram {background: transparent url(/themes/_icons/socialInstagram.svg) 0 0 no-repeat; background-size: 100%;}
	#socials a:hover {opacity: 1;}
		
	
/* Ratgeber */

body.ratgeberArtikel {}
body.ratgeberArtikel h1 {line-height: 2.5rem;}
body.ratgeberArtikel .ce_text {margin: 0;}
body.ratgeberArtikel #main h2, .mod_newsreader .layout_full h2 {font-size: 1.4rem;
font-weight: 500;
margin: 35px 0 25px 0;
padding: 0;
width: fit-content;
background: transparent url(../../tl_files/_ratgeber/h2Icon.svg) 0 2px no-repeat;
background-size: 40px;
padding-left: 55px;
line-height: 2.5rem;
padding-top: 3px;}
body.ratgeberArtikel #main h3, .mod_newsreader .layout_full h3 {	font-size: 1.4rem;
	margin: 40px 0 10px 0;
	padding: 0;
	width: fit-content;
	background: transparent url(../../tl_files/_ratgeber/h3Icon.svg) 0 8px no-repeat;
	background-size: 28px;
	padding-left: 39px;
	font-weight: normal;
	line-height: 42px;}
body.ratgeberArtikel #main .ce_image {margin-bottom: 20px;}
body.ratgeberArtikel #main .ce_text .tipp {padding: 15px 20px; background: rgba(217, 239, 233, 0.6); width: 80%; margin: 30px 10%;}
body.ratgeberArtikel #main .ce_text .info {padding: 15px 20px; background: rgb(255 237 237); width: 80%; margin: 30px 10%;}
body.ratgeberArtikel #main .ce_text .achtung, .achtung {padding: 15px 20px; background: rgb(255 237 237); width: 80%; margin: 30px 10%;}

.ratgeberIcons {margin: 0 auto; float: right; width: 70px; position: relative; z-index: 1; top: -15px; right: -10px;}


body .advertorial {background: rgb(245,251,254); background: linear-gradient(90deg, rgba(245,251,254,1) 0%, rgba(250,247,244,1) 100%);margin: 40px 0; padding-top: 25px; padding-bottom: 25px;}
body .advertorial .image_container {margin: 30px 0 0 5%; float: right; width: 350px;}
body .advertorial .image_container img {border-radius: 10px;}

.advertorial .advertorialMark {font-size: 0.85rem; float: right; position: relative;  clear: both; margin-bottom: 10px; color: #AAA; text-align: center; text-decoration: underline;	}


/* Tipp */

.tipp {padding: 15px 20px; background: rgba(217, 239, 233, 0.6); width: 80%; margin: 30px 10%;}


/* Community Cast */

.communitycast {	padding: 25px 30px;
	background: rgba(79, 198, 222, 0.2);
	width: 80%;
	margin: 30px 10%;
	border-radius: 10px;}
	body #main .communitycast h2 {font-size: 1.4rem; font-weight: 700;}
	.communitycast img {float: right; width: 150px; border-radius: 100px;	position: relative;
		top: -80px;}

/* Kostenlose Babyboxen */

#kostenlose-mama-babyboxen .whitebox.guideNav {
	margin-bottom: 0;
}

#kostenlose-mama-babyboxen .whitebox.guideNav p {
	margin-top: 50px;
}



#bigheader {position: fixed; z-index: 101; width: 100%;
		}
		
		.bigheader {
			border-bottom: 1px solid #bfcad647;
			height: 105px;
			background: linear-gradient(224deg,transparent,hsla(0,0%,95%,.29) 47.39%,#fff 65%),linear-gradient(336deg,#f9ddf1 .07%,#e5e1ff 16.73%,#daedff 34.48%,#e2f4e3 49.98%,#ebf5d8 66.12%,#faf2da 81.95%,#fbe5d8 99.9%);
			transition: all 0.2s;
		}
		
		.bigheader-alt {
			box-shadow: 0 0 10px rgb(19 32 66 / 15%);
			transition: all 0.2s;
			border-bottom: 1px solid #bfcad647;
			height: 105px;
			background: linear-gradient(224deg,transparent,hsla(0,0%,95%,.29) 47.39%,#fff 65%),linear-gradient(336deg,#f9ddf1 .07%,#e5e1ff 16.73%,#daedff 34.48%,#e2f4e3 49.98%,#ebf5d8 66.12%,#faf2da 81.95%,#fbe5d8 99.9%);
			height: 50px;
		}
		
		.bigheader-alt .headerLogo {width: 55px; top: 9px !important; transition: all 0.2s;}
		.bigheader-alt .headerLogo:hover {width: 55px; left: 25px;}
		.bigheader-alt .mastermenu li {margin-top: -9px; transition: all 0.2s;}
		.bigheader-alt .mastermenu li ul li {margin-top: 0;}
		.bigheader-alt .userMeModule {top: 48px; right: 15px; transition: all 0.6s;}

nav.mastermenu {background: none; margin-left: 15vw; padding-top: 8px;}
		nav.mastermenu ul {display: flex; background: none;}
			nav.mastermenu ul li  {position: relative;}
			nav.mastermenu ul > li:before {content: "";
				/* background: rgba(191, 202, 217, 0.5); */
				width: 10px;
				height: 10px;
				display: block;
				margin: 0 auto;
				border-radius: 100%;
				position: absolute;
				top: 20px;
				left: -30%;}
			nav.mastermenu ul li ul li:before {content: none;}
			
			nav.mastermenu ul li:hover,
			nav.mastermenu ul li:focus-within {background: none; cursor: pointer;}
			nav.mastermenu ul li:focus-within a {outline: none;}	
				nav.mastermenu ul li a {color: #fff; background: none !important;}
		
		.headerLogo {position: absolute; left: 25px; top: 25px; display: block; width: 90px; height: 50px; background: url(https://www.babyforum.at/babyForumHeadLogo.svg) no-repeat; background-size: 100%;  z-index: 1000; transition: all 0.2s ease-out;}
				.mastermenu li.headerLogo a img {width: 120px;}
				.headerLogo:hover {left: 21px; top: 21px; width: 110px; height: 60px; }
		
		nav.mastermenu ul li ul {background: rgba(77, 91, 109, 1); visibility: hidden; opacity: 0; min-width: 5rem; position: absolute; transition: all 0.5s ease; margin-top: 1rem; left: 0; display: none; z-index: 10000; width: 215px; box-shadow: 0 15px 35px 0 rgba(50,66,93,.1); margin-top: 0;     border-radius: 5px;
			box-shadow: 0 5px 12px rgba(56, 65, 103, 0.2); animation: fadein 0.2s;}
		nav.mastermenu ul li ul:before {
			content: '';
			position: absolute;
			width: 1px;
			height: 1px;
			border: 5px solid transparent;
			border-bottom-color: rgba(77, 91, 109, 1);
			left: 10%;
			top: -11px;
			margin-left: -5px;
		}
		
		nav.mastermenu ul li:hover > ul,
		nav.mastermenu ul li:focus-within > ul,
		nav.mastermenu ul li ul:hover,
		nav.mastermenu ul li ul:focus {visibility: visible; opacity: 1; display: block;}
		
		nav.mastermenu ul li ul li {clear: both; width: 100%; display: block; margin: 0;}
		
		nav.mastermenu ul li ul li a:link, nav.mastermenu ul li ul li a:visited {color: #FFF;
			padding: 9px 15px;
			width: 100%;
			height: auto;
			font-size: 0.8rem;
			display: block;
			text-align: left;
			margin-left: 0;
			font-weight: 400;}
		nav.mastermenu ul li ul li a:hover {}
			
		.mySearchModule {width: 190px;}  
		
		nav.mastermenu a:link, nav.mastermenu a:visited, header nav span {	font-size: 0.9rem; font-weight: 400; font-family: "Inter", serif; letter-spacing: 0.5px;}
			nav.mastermenu a:hover {color: #ff8080;}
			nav.mastermenu ul li ul li a:hover:after {    background: rgb(255 255 255 / 18%);
			position: absolute;
			left: 0;
			top: 0;
			height: 43px;
			width: 100%;
			border-radius: initial;}
		
			nav.mastermenu ul li a:after {border-radius: 1em; content: ""; position: absolute; right: 100%; left: 0; transition: right .4s cubic-bezier(0,.5,0,1);}
		
			nav.mastermenu ul li ul li a:after {    content: "";
			position: absolute;
			transition: width .4s cubic-bezier(0,.5,0,1);
			width: 0;}	

			nav.mastermenu a.button.red:link, a.button.yellow:visited {	background: #EA6D86 !important;
				color: #FFF !important; top: 1px; width: fit-content; padding: 2px 15px; max-width: 200px; font-size: 0.9rem; font-family: "Inter", serif; letter-spacing: 0.5px; margin-top: 9px; font-weight: 400; border: none;}
			nav.mastermenu a.button.red:hover {background: #ffeaee !important; color: #EA6D86 !important;}


.mastermenu li {
				display: inline-block;
				color: #FFF;
				margin: 0 3vw 0 0;
				vertical-align: top;
				margin-top: 20px;
				transition: all 0.2s;
			}

/* My Search Module */
			
			.mastermenu li.mySearchModule {
				position: absolute;
				right: 0;
				top: 16px;
			}
			
			.mySearchModule {margin: 25px 0; border: 1px solid #bfcad647; height: 35px; animation: fadein 0.5s; border-radius: 30px;}
			.mySearchModule input.InputBox {display: inline-block;
				width: 100% !important;
				border-radius: 30px;
				padding: 10px 60px 8px 17px;
				position: relative;
				border: none;
				font-size: 0.8rem;}
			.mySearchModule #Form_Go {
				width: 35px;
				height: 33px;
				position: absolute;
				background: #BFCAD9;
				color: #fff;
				border-radius: 30px;
				padding: 2px 3px;
				right: 0px;
				top: 0px;
				font-size: 0.8rem;
				border: none;
			}
			.mySearchModule #Form_Go:hover {background: #EA6D86;}    



#menuuu {border-top: 3px solid #4fc6de;}
	#menuu ul {width: 47%;}

#toggle {position: fixed; width: 30px; height: 30px; top: 21px; left: 15px; z-index: 1000000; cursor: pointer; display: none;}
	#toggle span {display: block; height: 2px; width: 26px; border-radius: 4px; background: #000; transition: all 0.3s ease; cursor: pointer;}    
	#toggle span:nth-child(2), #toggle span:nth-child(3) {margin-top: 6px;}
	 #toggle span:nth-child(2) {width: 22px;}
	 #toggle span:nth-child(3) {width: 15px;}
		#toggle.active span:nth-child(1) {opacity: 0;}
		#toggle.active span:nth-child(2), #toggle.active span:nth-child(3) {margin-top: 6px; transform: rotate(45deg); position: relative; left: -1px; background: #FFF; width: 26px;}
		#toggle.active span:nth-child(3) {transform: rotate(-45deg); left: -1px; top: -9px;}

.registrieren, .hidden {display: none;}

	#menuuu {display: block; width: 100%; min-width: 100%; height: auto; position: fixed; top: 0; left: 0; background: #fff; z-index: 1000; padding: 20px; box-shadow: 0 0 10px rgba(126, 150, 179, 0.3);}
		#menuuu .flex strong {margin: 10px 3px; display: block; text-transform: uppercase; color: rgba(126, 150, 179, 0.5);}
		#menuuu .flex ul {margin-top: 50px; width: 15%;}
		#menuuu .flex ul li {list-style: none;}
			#menuuu .flex ul a:link, #menuuu .flex ul a:visited {padding: 4px 3px 7px; color: #344254; font-size: 0.9rem; border-bottom: 1px solid rgba(77, 91, 109, 0.1); margin-bottom: 5px; display: block; font-style: normal;}
			
	#menuuu .segment {width: 100%; text-align: center;}
		#menuuu .segment span {display: block; margin: 40px auto 10px; text-align: center; font-size: 1rem; color: #344254;}				



	#menuuu {top: 0; padding: 0; animation: fadein 0.5s;}	
		.menuuuhead {background: #344254; position: relative;}
		#menuuu .flex {background: #344254; padding-top: 10px; height: 100%;}	
		#menuuu .flex.naviii {padding: 50px 15px 0;}	
			#menuuu .flex ul {width: 30%; margin: 0;}
			#menuuu .flex ul li.menuuuName {border: none; text-indent: 2px; text-transform: uppercase; margin-bottom: 4px; font-size: 0.9rem; color: rgba(126, 150, 179, 0.8);}			
			#menuuu .flex ul li {}
				#menuuu .flex ul li.noborder {border: none;}
			#menuuu .flex ul li a:link, #menuuu .flex ul li a:visited {color: #FFF; line-height: 1.65rem; margin-bottom: 0;}
		
		#menuuu .flex.naviii .fullwidth {width: 100%; display: flex; flex-wrap: wrap;}
			#menuuu .flex.naviii .fullwidth .menuuuName {width: 100%;}		
			#menuuu .flex.naviii .fullwidth li a:link, #menuuu .flex.naviii .fullwidth li a:visited {border: 1px solid rgba(255, 255, 255, 0.2); margin-right: 10px; padding: 2px 7px; border-radius: 4px;}
			#menuuu .flex.naviii .fullwidth li a:hover {}
			#menuuu .flex.naviii .schwanger {display: block; border: 1px solid rgba(255, 255, 255, 0.2); margin-right: 10px; padding: 2px 7px; border-radius: 4px; margin-bottom: 50px; }




/* - - - - - - - - - - - */
/* - - MOBILE QUERY - - */
/* - - - - - - - - - - */

@media screen and (max-width: 992px) {
	
	#bigheader {height: auto; border: none; position: fixed;}
	.bigheader-alt .headerLogo {width: 80px; top: 10px !important; transition: all 0.2s;}
	
	#header {height: 50px; background: transparent;}
	#main {padding: 0;}
	#right {margin-bottom: 50px;}
	body.right 	#main {padding-right: 0px;}
	body.centered #container {padding-left: 0vw; padding-right: 0vw;}	
	
	.ce_text ul {margin: 10px 10px 20px 0px;}
	.ce_text li {margin-left: 0; margin-bottom: 10px;}
	.mod_newsreader .layout_full ul li {margin: 5px 0 10px 10px;}
	.tipp {width: 84%; margin: 30px 8%;}
	#main .mod_newsreader .layout_full h2 {line-height: 2.1rem; padding: 7px 10px 7px 55px;}
	
	#toggle, .registrieren {display: block;}
	.registrieren:link, .registrieren:visited {position: fixed; right: 10px; top: 16px; z-index: 100000; padding: 6px 10px; background: #F9748F; color: #FFF; border-radius: 3px; font-size: 0.9rem;}

	#menuuu {height: 100%;}
			#menuuu .flex ul {margin-top: 30px; width: 47%;}

	.mastermenu {height: auto; background: transparent;}
	.mastermenu ul li {display: none;}
	
	.headerLogo, .headerLogo:hover {left: 50px; top: 10px; width: 80px; position: fixed; z-index: 999; transition: none;}
	.categoriesHolder {display: none;}
	
	.teaser {margin: 0 20px 25px;}
	.boxWrapper .whitebox, .boxWrapper.Three .whitebox {width: 48%;} 
	
	.mod_breadcrumb {text-align: center;}
	
	.mod_newslist .layout_latest {flex-basis: 100%;}
	body.fullsize #main {padding-right: 0;}
	
	.banner_right, .rechteSpalte-Kinderkram {text-align: center;}
	.ausDemForum, .favoriten {padding: 0 15px; margin: 40px auto; }
	
	body.right #main {padding-right: 0px;}
	.produkttest #main, .produkttest #right {padding: 0 10px;}
	body.right 	#main {padding-right: 25px;}
	.produkttest h2 {font-size: 2rem; line-height: 3rem; text-align: center;}
	.produkttest .mamlogo, .produkttest .joolzlogo {text-align: center;}
	.produkttest .joolzlogo img {max-width: 70%; text-align: center; margin-top: 25px;}
	.produkttest #right h2 {margin-top: 30px;}
	.produkttest .gewinnspielForm {width: 100%; max-width: 450px; margin: 0 auto;}
	.produkttest .gewinnspielForm .facebookStream {text-align: center;}
	body #main h2.alpha {font-size: 1.8rem; line-height: 2.6rem;}
	.produkttest .ankuender {margin: 0 0 40px;}
	
	body.ratgeberArtikel #main h3, .mod_newsreader .layout_full h3 {
		line-height: 32px;
	}
	
	.flexChild70, .flexChild30 {width: 100%;}
	
	#footer2 div .flex div {width: 100%; padding: 0 15px; margin-bottom: 40px;}
	
		#footer {padding: 0 0px; margin: 0;}
		#footer div .flex {flex-wrap: wrap; padding: 0 25px;}
			#footer div .flex div {width: 100%;}
			#footer h4, #footer div {text-align: center;}
			#footer .flex > div {margin-bottom: 30px;}
			
	.gewinnspielDiv a:link, .gewinnspielDiv a:visited {margin: 0 auto 10px;}
	
	#karten {margin-top: 30px; padding-bottom: 0;}
	
	body.produktproben .whiteform.breit {width: 100%;}
	#f11 input, #f11 .explanation {width: 100%;}
	#f11 #ctrl_182:before, #f11 #ctrl_183:before, #f11 #ctrl_184:before, #f11 #ctrl_186:before {display: block; margin-bottom: 10px;}
	#f11 .radio_container span {width: 49%;}
	#f11 div.vorname, #f11 div.nachname {width: 100%;}
	
	#main .event.layout_full h1 {margin: 0; line-height: 2rem;}
	.event.layout_full .infobox, .event.layout_full .information {width: 100%;}
	
	.teaser h4 {font-size: 1.3rem;}
	
	.skyscraper {display: none;}
	
	#produkttest div.left, #produkttest div.right {width: 100%;}
	
	body.guide #main .whitebox h2, body.guide #main .whitebox h2 {padding: 2px 15px 2px 15px; top: 0px; font-size: 1.3rem;}
	
	body.centered .mod_article {padding: 0;}	
	
	/* Ratgeber */
	body.ratgeberArtikel .ce_text {margin: 0 0vw;}	
	
	#kawai-artikel .mod_newsreader {margin: 0 0vw;}
	
	.ce_text.advertorial {padding: 0 4vw;}
	
body .advertorial {margin: 40px 0; padding-top: 25px; padding-bottom: 25px;}
	body .advertorial .image_container {width: 100%; float: none; margin: 0;}
	body .advertorial .image_container img {border-radius: 10px;}

.advertorial .advertorialMark { float: right;}	
	
	.ce_gallery>ul {flex-wrap: wrap;}
	.ce_gallery li {width: 48%; margin-bottom: 10px !important;}
	
	.ce_comments {
		margin: 0 4vw 50px;
		width: 92vw;
	}
	
	
	.produkttestseite .flexChild70 .ce_text.below {
		padding-top: 20px;
	}
	
	.produkttestseite ul {
		margin: 20px 10px 20px 10px;
	}
	
	.produkttestseite .below img {
		margin: 20px 10px 20px 10px;
	}
	
	.flexChild70 .below figure {
		width: 100%;
		margin: 0;
		padding: 0;
		float: none;
	}

	.flexChild70 .below figure img {
		margin: 0px 0 20px 10px;
		float: right;
	}
	
.gewinnspielForm .widget.widget-checkbox input {
	margin: 3px 15px 0px 10px;
	transform: scale(1.2);
	}
	
	.gewinnspielForm form input.submit {
		margin-bottom: 50px;
	}
	
	/* CE Player */
	
	.ce_player {
		position: relative;
		border-radius: 3px 0 0 3px;
		margin: 30px 0 20px 0;
		float: none;
		max-width: none;
	}
	
	.ce_player video {
		max-width: 100%;
		width: 100%;
		height: auto;
	}

	#socials a {
		margin: 8px 14px;}


}

	.flexChild70 .below figure {
	margin: 0 0 0 20px;
}

@media screen and (max-width: 692px) { 
		.boxWrapper .whitebox, .boxWrapper.Three .whitebox {width: 100%;} 
	
	}	


@media screen and (min-width: 993px) {
	#menuuu {display: none;}
	}	


.ce_text, .ce_image, .boxWrapper, .flexWrapper, .mod_eventlist, #curator-feed-babyforumat-layout, .mod_newslist, .mod_eventreader, #footer .inside, p.back, 	.mod_newsreader .videoWrapper iframe, .mod_breadcrumb, .teaser, .ce_player {padding: 0 15vw;}	

.ce_player {padding: 0 15vw 0 0;}

.boxWrapper .ce_image {padding: 0; width: 100%;}

@media screen and (max-width: 993px) {
.ce_text, .ce_image, .boxWrapper, .flexWrapper, .mod_eventlist, #curator-feed-babyforumat-layout, .mod_newslist, .mod_eventreader, #footer .inside, p.back, 	.mod_newsreader .videoWrapper iframe, .mod_breadcrumb, .teaser, .ce_player {padding: 0 4vw;}

	}

@media screen and (min-width: 1600px) {	
	.ce_text, .ce_image, .boxWrapper, .flexWrapper, .mod_eventlist, #curator-feed-babyforumat-layout, .mod_newslist, .mod_eventreader, #footer .inside, p.back, 	.mod_newsreader .videoWrapper iframe, .mod_breadcrumb, .teaser, .ce_player {padding: 0 20vw;}	
	
	.ce_player {padding: 0 20vw 0 0;}
}

.information .ce_text {padding: 0	;}

/* CSS Animations */
@keyframes fadein { from { opacity: 0; } to { opacity: 1; } }
/* Firefox < 16 */
@-moz-keyframes fadein { from { opacity: 0; } to { opacity: 1; } }
/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein { from { opacity: 0; } to { opacity: 1; } }
/* Internet Explorer */
@-ms-keyframes fadein { from { opacity: 0; } to { opacity: 1; } }
/* Opera < 12.1 */
@-o-keyframes fadein { from { opacity: 0; } to { opacity: 1; } }


.forumbubble {
	background: #FFF;
	border-radius: 10px;
	padding: 20px;
}

.forumbubble em {
	text-align: right;
}