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,.content-gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li,.content-gallery>ul li{float:left}.ce_gallery>ul li.col_first,.content-gallery>ul li.col_first{clear:left}.float_left,.media--left>figure{float:left}.float_right,.media--right>figure{float:right}.block{overflow:hidden}.media{display:flow-root}.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}.audio_container audio{max-width:100%}.video_container video{max-width:100%;height:auto}.aspect,.responsive{position:relative;height:0}.aspect iframe,.responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%}.aspect--16\:9,.responsive.ratio-169{padding-bottom:56.25%}.aspect--16\:10,.responsive.ratio-1610{padding-bottom:62.5%}.aspect--21\:9,.responsive.ratio-219{padding-bottom:42.8571%}.aspect--4\:3,.responsive.ratio-43{padding-bottom:75%}.aspect--3\:2,.responsive.ratio-32{padding-bottom:66.6666%} .cc-head>*:first-child{margin-top:0}.cc-head>*:last-child{margin-bottom:15px}.contao-cookiebar{--ccb-backdrop: rgba(0, 0, 0, .75);--ccb-anim-duration: .5s;--ccb-checked-clr: #399d32;--ccb-checked-bg: #dcf3db;--ccb-unchecked-clr: #9c9b99;--ccb-unchecked-bg: #fff;--ccb-disabled-clr: #c8c7c5;--ccb-disabled-bg: #f4f4f4;--ccb-focus-clr: #00a4f4;position:fixed;inset:0;z-index:9999;display:flex;align-items:var(--ccb-align, center);justify-content:var(--ccb-justify, center);letter-spacing:0;padding:15px;max-height:100dvh;box-sizing:border-box;pointer-events:none;overflow:hidden;color:var(--ccb-clr, #444)}.contao-cookiebar *{box-sizing:border-box}.contao-cookiebar p{color:var(--ccb-text, #868686);line-height:1.4}.contao-cookiebar label{position:relative;display:block;padding:8px 13px 8px 0;line-height:1.2rem}.contao-cookiebar label.group{font-weight:600}.contao-cookiebar input{position:absolute;width:1px;height:1px;outline:0 none;opacity:0}.contao-cookiebar input+label{padding:8px 13px 8px 45px;cursor:pointer}.contao-cookiebar input+label:before,.contao-cookiebar input+label:after{content:"";position:absolute;border-radius:10px}.contao-cookiebar input+label:before{top:7px;left:0;width:35px;height:18px;margin:0;box-sizing:content-box;background:var(--ccb-unchecked-bg);border:1px solid var(--ccb-unchecked-clr);transition:border-color .2s}.contao-cookiebar input+label:after{display:block;top:11px;left:4px;width:12px;height:12px;background:var(--ccb-unchecked-clr);transition:background .2s,margin-left .2s,padding .2s}.contao-cookiebar input+label:active:after{padding-left:5px}.contao-cookiebar input.cc-group-half+label:after{background:linear-gradient(to right, var(--ccb-unchecked-clr) 0%, var(--ccb-unchecked-clr) 50%, var(--ccb-checked-clr) 50%, var(--ccb-checked-clr) 100%)}.contao-cookiebar input:checked+label:after{background:var(--ccb-checked-clr);margin-left:17px}.contao-cookiebar input:checked+label:active:after{margin-left:12px}.contao-cookiebar input:checked+label:before{background:var(--ccb-checked-bg);border-color:var(--ccb-checked-clr)}.contao-cookiebar input:disabled+label{pointer-events:none}.contao-cookiebar input:disabled+label:after{background:var(--ccb-disabled-clr)}.contao-cookiebar input:disabled+label:before{background:var(--ccb-disabled-bg);border-color:var(--ccb-disabled-clr)}.contao-cookiebar input:focus-visible:not(.cc-hide-focus)+label:before{outline:3px dashed var(--ccb-focus-clr);outline-offset:2px}.contao-cookiebar .cc-btn{display:inline-block;cursor:pointer;width:100%;padding:8px 14px;margin-bottom:8px;font-size:15px;outline:0 none;border:1px solid var(--ccb-btn-bdr, #cfcfcf);border-radius:4px;color:var(--ccb-btn-clr, #444);background:var(--ccb-btn-bg, #f5f5f5)}.contao-cookiebar .cc-btn:hover,.contao-cookiebar .cc-btn:focus{background:var(--ccb-btn-bg-hvr, #ececec)}.contao-cookiebar .cc-btn:last-child{margin-bottom:0}.contao-cookiebar .grayscale{--ccb-btn-bg: #f1efef;--ccb-btn-bg-hvr: #ececec}.contao-cookiebar .grayscale .success{--ccb-btn-bg: #fbfbfb;--ccb-btn-bg-hvr: #f7f7f7}.contao-cookiebar .highlight .success{--ccb-btn-bg: #4e9e3e;--ccb-btn-bg-hvr: #4c933f;--ccb-btn-bdr: #3e7830;--ccb-btn-clr: #fff}.cc-focus:not(.cc-hide-focus):focus-visible{outline:3px dashed var(--ccb-focus-clr);outline-offset:-3px}.cc-invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;float:left}.cc-inner{display:inline-block;overflow-y:auto;max-height:100%;max-width:100%;padding:23px;border-radius:3px;opacity:0;pointer-events:none;visibility:hidden;font-size:1rem;text-align:left;background:var(--ccb-bg, #fff);box-shadow:var(--ccb-box-shadow, rgba(99, 99, 99, 0.2)) 0 2px 8px 0;animation:var(--ccb-anim, cookiebar-middle-in) var(--ccb-anim-duration) ease-in-out forwards}.cc-group{position:relative;border:1px solid var(--ccb-bdr, #d0d0d0);border-radius:5px;margin-bottom:10px}.cc-cookie-info{font-size:.875rem;background:var(--ccb-info-bg, #fff);border:1px solid var(--ccb-info-bdr, #efefef);padding:10px;border-radius:5px}.cc-cookie-info>div>span{font-weight:600}.cc-cookie-info>div+div{margin-top:5px;word-wrap:break-word}.cc-cookie-info+button.cc-detail-btn-details{margin-top:15px}.cc-cookies{background:var(--ccb-cookies-bg, #fbfbfb);border-radius:0 0 5px 5px}.cc-cookies>p{font-size:.875rem}.cc-cookies>p,.cc-cookies>.cc-cookie{margin:0;padding:15px;border-top:1px solid var(--ccb-cookies-bdr, #fbfbfb)}.cc-cookie label.cookie+*{margin-top:10px}.cc-cookie p{margin:0 0 15px;font-size:.875rem}.cc-cookie-desc p{margin-bottom:0}.cc-footer,.cc-info{text-align:center}.cc-info{margin-top:15px}.cc-info>p{font-size:.875rem}.cc-info>a{display:inline-block;font-size:.813rem;color:var(--ccb-detail-clr, #a2a2a2);text-decoration:none}.cc-info>a:hover{color:var(--ccb-detail-clr-hvr, #717171)}.cc-info>a+a:before{display:inline-block;content:"·";margin-right:5px}.cc-active .cc-inner{opacity:1;pointer-events:auto;visibility:visible}.cc-active.cc-blocked{pointer-events:auto;animation:cookiebar-overlay-in var(--ccb-anim-duration) ease-in-out forwards}.cc-saved.cc-inner{opacity:0;pointer-events:none;visibility:hidden}.cc-saved.cc-blocked{pointer-events:none;animation:cookiebar-overlay-out var(--ccb-anim-duration) ease-in-out forwards}.cc-left{--ccb-justify: flex-start}.cc-right{--ccb-justify: flex-end}.cc-top{--ccb-align: flex-start}.cc-top.cc-active{--ccb-anim: cookiebar-top-in}.cc-top.cc-saved{--ccb-anim: cookiebar-top-out}.cc-middle.cc-active{--ccb-anim: cookiebar-middle-in}.cc-middle.cc-saved{--ccb-anim: cookiebar-middle-out}.cc-bottom{--ccb-align: flex-end}.cc-bottom.cc-active{--ccb-anim: cookiebar-bottom-in}.cc-bottom.cc-saved{--ccb-anim: cookiebar-bottom-out}@media(min-width: 768px){.contao-cookiebar .cc-btn{width:auto;margin-bottom:0}.cc-inner{max-width:var(--ccb-max-width, 750px)}}@media(forced-colors){.contao-cookiebar input+label:after{border:1px solid currentColor}.cc-inner{border:1px solid currentColor}input.cc-group-half+label:after{margin-left:9px}}@media(prefers-reduced-motion){.contao-cookiebar{--ccb-anim-duration: 2s}}@media print{.contao-cookiebar{opacity:0}}@keyframes cookiebar-overlay-in{0%{background:rgba(0,0,0,0)}to{background:var(--ccb-backdrop)}}@keyframes cookiebar-overlay-out{0%{background:var(--ccb-backdrop)}to{background:rgba(0,0,0,0);visibility:hidden}}@keyframes cookiebar-top-in{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@keyframes cookiebar-top-out{0%{opacity:1;visibility:visible;transform:translateY(0)}to{opacity:0;visibility:hidden;transform:translateY(-100%)}}@keyframes cookiebar-middle-in{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes cookiebar-middle-out{0%{opacity:1;visibility:visible;transform:scale(1)}to{opacity:0;visibility:hidden;transform:scale(0)}}@keyframes cookiebar-bottom-in{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes cookiebar-bottom-out{0%{opacity:1;visibility:visible;transform:translateY(0)}to{opacity:0;visibility:hidden;transform:translateY(100%)}}.cc-group{display:flex;flex-wrap:wrap;justify-content:space-between;align-content:center}.cc-group>label{flex-grow:1;margin:5px 0 5px 10px}.cc-cookies{display:none;width:100%}.cc-detail-btn{padding:8px 10px;line-height:1.2rem}.cc-detail-btn-details{text-decoration:underline;padding:0;margin:0 0 10px}.cc-detail-btn,.cc-detail-btn-details{display:inline-block;color:var(--ccb-detail-clr, #a2a2a2);border:0 none;outline:0 none;background:rgba(0,0,0,0);font-size:13px;letter-spacing:0;text-transform:initial;cursor:pointer}.cc-detail-btn span:nth-child(2),.cc-detail-btn-details span:nth-child(2){display:none}.cc-detail-btn.cc-active span:nth-child(1),.cc-detail-btn-details.cc-active span:nth-child(1){display:none}.cc-detail-btn.cc-active span:nth-child(2),.cc-detail-btn-details.cc-active span:nth-child(2){display:inline}.cc-detail-btn:hover,.cc-detail-btn-details:hover{background:rgba(0,0,0,0);color:var(--ccb-detail-clr-hvr, #717171)} /*! * mmenu.js * mmenujs.com * * Copyright (c) Fred Heusschen * frebsite.nl * * License: CC-BY-NC-4.0 * http://creativecommons.org/licenses/by-nc/4.0/ */:root{--mm-lineheight:20px;--mm-listitem-size:50px;--mm-navbar-size:50px;--mm-toggle-size:34px;--mm-color-border:rgba(0 0 0 / 0.1);--mm-color-button:rgba(0 0 0 / 0.3);--mm-color-text:rgba(0 0 0 / 0.75);--mm-color-text-dimmed:rgba(0 0 0 / 0.3);--mm-color-background:#f3f3f3;--mm-color-background-highlight:rgba(0 0 0 / 0.05);--mm-color-background-emphasis:rgba(255 255 255 / 0.4);--mm-color-focusring:#06c}.mm-hidden{display:none!important}.mm-wrapper{overflow-x:hidden;position:relative}.mm-btn{-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;-ms-flex-negative:0;flex-shrink:0;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;width:50px;padding:0}.mm-btn:after,.mm-btn:before{border:2px solid var(--mm-color-button)}.mm-btn--next:after,.mm-btn--prev:before{content:"";border-bottom:none;border-right:none;-webkit-box-sizing:content-box;box-sizing:content-box;display:block;width:8px;height:8px;margin:auto;position:absolute;top:0;bottom:0}.mm-btn--prev:before{-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);left:23px;right:auto}.mm-btn--next:after{-webkit-transform:rotate(135deg);-ms-transform:rotate(135deg);transform:rotate(135deg);right:23px;left:auto}.mm-btn--close:after,.mm-btn--close:before{content:"";-webkit-box-sizing:content-box;box-sizing:content-box;display:block;width:5px;height:5px;margin:auto;position:absolute;top:0;bottom:0;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}.mm-btn--close:before{border-right:none;border-bottom:none;right:18px}.mm-btn--close:after{border-left:none;border-top:none;right:25px}.mm-btnreset{background:0 0;border:none;padding:0;cursor:pointer}[dir=rtl] .mm-btn--next:after{-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);left:23px;right:auto}[dir=rtl] .mm-btn--prev:before{-webkit-transform:rotate(135deg);-ms-transform:rotate(135deg);transform:rotate(135deg);right:23px;left:auto}[dir=rtl] .mm-btn--close:after,[dir=rtl] .mm-btn--close:before{right:auto}[dir=rtl] .mm-btn--close:before{left:25px}[dir=rtl] .mm-btn--close:after{left:18px}.mm-divider{-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;min-height:var(--mm-lineheight);padding:calc(((var(--mm-listitem-size) * .65) - var(--mm-lineheight)) * .5) 20px;font-size:75%;text-transform:uppercase;background:var(--mm-color-background);background-image:-webkit-gradient(linear,left top,left bottom,from(var(--mm-color-background-highlight)),to(var(--mm-color-background-highlight)));background-image:-o-linear-gradient(var(--mm-color-background-highlight),var(--mm-color-background-highlight));background-image:linear-gradient(var(--mm-color-background-highlight),var(--mm-color-background-highlight));opacity:1;-webkit-transition:opacity .4s ease;-o-transition:opacity .4s ease;transition:opacity .4s ease}@supports ((position:-webkit-sticky) or (position:sticky)){.mm-divider{position:-webkit-sticky;position:sticky;z-index:2;top:0}.mm-navbar:not(.mm-hidden)~.mm-listview .mm-divider{top:var(--mm-navbar-size)}}.mm-listview{list-style:none;display:block;padding:0;margin:0}.mm-listitem{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;position:relative;padding:0;margin:0;list-style:none;color:var(--mm-color-text);border-color:var(--mm-color-border)}.mm-listitem:after{content:"";border-color:inherit;border-bottom-width:1px;border-bottom-style:solid;display:block;position:absolute;left:20px;right:0;bottom:0}.mm-listitem__btn,.mm-listitem__text{display:block;padding:calc((var(--mm-listitem-size) - var(--mm-lineheight))/ 2) 0;color:inherit}.mm-listitem__text{-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;padding-left:20px;padding-right:20px;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-preferred-size:10%;flex-basis:10%}.mm-listitem__btn{background:rgba(3,2,1,0);border-color:inherit;width:auto;padding-right:50px;position:relative}.mm-listitem__btn:not(.mm-listitem__text){border-left-width:1px;border-left-style:solid}.mm-listitem--selected>.mm-listitem__text{background:var(--mm-color-background-emphasis)}.mm-listitem--opened>.mm-listitem__btn,.mm-listitem--opened>.mm-panel{background:var(--mm-color-background-highlight)}[dir=rtl] .mm-listitem:after{left:0;right:20px}[dir=rtl] .mm-listitem__btn{padding-left:50px;border-left-width:0;border-left-style:none}[dir=rtl] .mm-listitem__btn:not(.mm-listitem__text){padding-right:0;border-right-width:1px;border-right-style:solid}.mm-menu{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:0;margin:0;position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;-ms-scroll-chaining:none;overscroll-behavior:none;background:var(--mm-color-background);border-color:var(--mm-color-border);color:var(--mm-color-text);line-height:var(--mm-lineheight);-webkit-tap-highlight-color:var(--mm-color-background-emphasis);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.mm-menu,.mm-menu *{-webkit-box-sizing:border-box;box-sizing:border-box}.mm-menu :focus,.mm-menu :focus-visible,.mm-menu:focus,.mm-menu:focus-visible{outline:0}.mm-menu ::-webkit-input-placeholder{color:var(--mm-color-text-dimmed)}.mm-menu ::-moz-placeholder{color:var(--mm-color-text-dimmed)}.mm-menu :-ms-input-placeholder{color:var(--mm-color-text-dimmed)}.mm-menu ::-ms-input-placeholder{color:var(--mm-color-text-dimmed)}.mm-menu ::placeholder{color:var(--mm-color-text-dimmed)}.mm-menu a:focus,.mm-menu button:focus,.mm-menu label:focus{outline:0}.mm-menu a:focus-visible,.mm-menu button:focus-visible,.mm-menu label:focus-visible{outline:2px solid var(--mm-color-focusring);outline-offset:-5px}.mm-menu input:focus,.mm-menu input:focus-visible,.mm-menu select:focus,.mm-menu select:focus-visible,.mm-menu textarea:focus,.mm-menu textarea:focus-visible{outline:2px solid var(--mm-color-focusring);outline-offset:-2px}.mm-menu a,.mm-menu a:active,.mm-menu a:hover,.mm-menu a:link,.mm-menu a:visited{text-decoration:none;color:inherit}[dir=rtl] .mm-menu{direction:rtl}.mm-navbar{display:-webkit-box;display:-ms-flexbox;display:flex;min-height:var(--mm-navbar-size);padding-top:env(safe-area-inset-top);color:var(--mm-color-text-dimmed);text-align:center;opacity:1;background:var(--mm-color-background);border-bottom:1px solid var(--mm-color-border);-webkit-transition:opacity .4s ease;-o-transition:opacity .4s ease;transition:opacity .4s ease;position:-webkit-sticky;position:sticky;top:0;z-index:2}.mm-navbar>*{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-sizing:border-box;box-sizing:border-box}.mm-navbar__btn{-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0}.mm-navbar__title{-webkit-box-flex:1;-ms-flex:1 1 50%;flex:1 1 50%;display:-webkit-box;display:-ms-flexbox;display:flex;padding:0 20px;overflow:hidden}.mm-navbar__title[href="#"]{pointer-events:none}.mm-navbar__title>span{-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mm-btn.mm-hidden+.mm-navbar__title:not(:last-child){padding-left:60px;padding-right:10px}.mm-btn:not(.mm-hidden)+.mm-navbar__title:last-child{padding-left:10px;padding-right:60px}[dir=rtl] .mm-navbar{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.mm-panel{visibility:hidden;position:absolute;left:0;right:0;top:0;bottom:0;z-index:1;-webkit-overflow-scrolling:touch;overflow:hidden;overflow-y:auto;-ms-scroll-chaining:none;overscroll-behavior:contain;color:var(--mm-color-text);border-color:var(--mm-color-border);background:var(--mm-color-background);-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);-webkit-transition:visibility 0s linear .4s,left .4s ease 0s,-webkit-transform .4s ease 0s;transition:visibility 0s linear .4s,left .4s ease 0s,-webkit-transform .4s ease 0s;-o-transition:visibility 0s linear .4s,transform .4s ease 0s,left .4s ease 0s;transition:visibility 0s linear .4s,transform .4s ease 0s,left .4s ease 0s;transition:visibility 0s linear .4s,transform .4s ease 0s,left .4s ease 0s,-webkit-transform .4s ease 0s}.mm-panel:after{content:"";display:block;height:var(--mm-listitem-size)}.mm-panel--opened{visibility:visible;z-index:2;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-transition-delay:0s;-o-transition-delay:0s;transition-delay:0s}.mm-panel--parent{-webkit-transform:translate3d(-30%,0,0);transform:translate3d(-30%,0,0);z-index:0}.mm-panel--highest{z-index:3}.mm-menu--opened .mm-panel--noanimation{-webkit-transition:none!important;-o-transition:none!important;transition:none!important;-webkit-transition-duration:0s!important;-o-transition-duration:0s!important;transition-duration:0s!important}.mm-panel__content{padding:20px 20px 0}[dir=rtl] .mm-panel{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}[dir=rtl] .mm-panel--opened{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}[dir=rtl] .mm-panel--parent{-webkit-transform:translate3d(30%,0,0);transform:translate3d(30%,0,0)}.mm-panels{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;position:relative;height:100%;overflow:hidden;background:var(--mm-color-background);border-color:var(--mm-color-border);color:var(--mm-color-text)}.mm-sronly{border:0!important;clip:rect(1px,1px,1px,1px)!important;-webkit-clip-path:inset(50%)!important;clip-path:inset(50%)!important;white-space:nowrap!important;width:1px!important;min-width:1px!important;height:1px!important;min-height:1px!important;padding:0!important;overflow:hidden!important;position:absolute!important}.mm-toggle{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-item-align:center;align-self:center;-webkit-box-flex:calc((var(--mm-toggle-size) * 1.7));-ms-flex:calc((var(--mm-toggle-size) * 1.7)) 0 0px;flex:calc((var(--mm-toggle-size) * 1.7)) 0 0;height:var(--mm-toggle-size);margin-right:10px;-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important;border:none!important;border-radius:var(--mm-toggle-size);background:var(--mm-color-border);border:var(--mm-color-border);cursor:pointer;-webkit-transition:background-color .3s ease;-o-transition:background-color .3s ease;transition:background-color .3s ease}.mm-toggle:before{content:"";aspect-ratio:1;margin:1px;border-radius:100%;background:var(--mm-color-background);-webkit-transition:-webkit-transform .2s ease;transition:-webkit-transform .2s ease;-o-transition:transform .2s ease;transition:transform .2s ease;transition:transform .2s ease,-webkit-transform .2s ease}.mm-toggle:checked{background:#4bd963}.mm-toggle:checked:before{-webkit-transform:translateX(calc(var(--mm-toggle-size) * 1.7 - var(--mm-toggle-size)));-ms-transform:translateX(calc(var(--mm-toggle-size) * 1.7 - var(--mm-toggle-size)));transform:translateX(calc(var(--mm-toggle-size) * 1.7 - var(--mm-toggle-size)))}.mm-listitem--vertical>.mm-panel{position:static;width:100%;padding:10px 0 10px 10px;-webkit-transform:none!important;-ms-transform:none!important;transform:none!important;-webkit-transition:none!important;-o-transition:none!important;transition:none!important}.mm-listitem--vertical>.mm-panel:after{content:none;display:none}.mm-listitem--vertical:not(.mm-listitem--opened)>.mm-panel{display:none}.mm-listitem--vertical.mm-listitem--opened>.mm-panel{visibility:visible}.mm-listitem--vertical>.mm-listitem__btn{height:var(--mm-listitem-size);bottom:auto}.mm-listitem--vertical .mm-listitem:last-child:after{border-color:transparent}.mm-listitem--opened>.mm-listitem__btn:after{-webkit-transform:rotate(225deg);-ms-transform:rotate(225deg);transform:rotate(225deg);right:19px}:root{--mm-size:80%;--mm-min-size:240px;--mm-max-size:440px}.mm-menu--offcanvas{position:fixed;right:auto;z-index:0;width:clamp(var(--mm-min-size),var(--mm-size),var(--mm-max-size));-webkit-transition:visibility 0s linear .4s;-o-transition:visibility 0s linear .4s;transition:visibility 0s linear .4s}.mm-menu--offcanvas.mm-menu--opened{-webkit-transition-delay:0s;-o-transition-delay:0s;transition-delay:0s}.mm-menu--offcanvas:not(.mm-menu--opened){visibility:hidden;pointer-events:none}.mm-menu--offcanvas:not(.mm-menu--opened) *{visibility:inherit}.mm-page{-webkit-box-sizing:border-box;box-sizing:border-box;min-height:100vh;background:inherit}.mm-slideout{position:relative;z-index:1;width:100%;-webkit-transition:width .4s ease,-webkit-transform .4s ease;transition:width .4s ease,-webkit-transform .4s ease;-o-transition:width .4s ease,transform .4s ease;transition:width .4s ease,transform .4s ease;transition:width .4s ease,transform .4s ease,-webkit-transform .4s ease}.mm-wrapper--opened .mm-slideout{-webkit-transform:translate3d(clamp(var(--mm-min-size),var(--mm-size),var(--mm-max-size)),0,0);transform:translate3d(clamp(var(--mm-min-size),var(--mm-size),var(--mm-max-size)),0,0)}.mm-wrapper--opened{overflow:hidden}.mm-wrapper--opened body{overflow:hidden}.mm-wrapper__blocker{visibility:hidden;position:fixed;top:0;right:0;bottom:0;left:100%;z-index:2;overflow:hidden;opacity:0;background:rgba(0,0,0,.3);-webkit-transition:opacity .4s ease .4s;-o-transition:opacity .4s ease .4s;transition:opacity .4s ease .4s}.mm-wrapper--opened .mm-wrapper__blocker{visibility:visible;left:0}.mm-wrapper--opened .mm-wrapper__blocker{opacity:.5}.mm-wrapper__blocker:focus{opacity:1}.mm-counter{display:block;padding-left:20px;float:right;text-align:right;color:var(--mm-color-text-dimmed)}[dir=rtl] .mm-counter{text-align:left;float:left;padding-left:0;padding-right:20px}:root{--mm-iconbar-size:50px}.mm-menu--iconbar-left .mm-navbars,.mm-menu--iconbar-left .mm-panels{margin-left:var(--mm-iconbar-size)}.mm-menu--iconbar-right .mm-navbars,.mm-menu--iconbar-right .mm-panels{margin-right:var(--mm-iconbar-size)}.mm-iconbar{display:none;position:absolute;top:0;bottom:0;z-index:2;width:var(--mm-iconbar-size);overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box;border:0 solid;border-color:var(--mm-color-border);background:var(--mm-color-background);color:var(--mm-color-text-dimmed);text-align:center}.mm-menu--iconbar-left .mm-iconbar,.mm-menu--iconbar-right .mm-iconbar{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.mm-menu--iconbar-left .mm-iconbar{border-right-width:1px;left:0}.mm-menu--iconbar-right .mm-iconbar{border-left-width:1px;right:0}.mm-iconbar__bottom,.mm-iconbar__top{width:100%;-webkit-overflow-scrolling:touch;overflow:hidden;overflow-y:auto;-ms-scroll-chaining:none;overscroll-behavior:contain}.mm-iconbar__bottom>*,.mm-iconbar__top>*{-webkit-box-sizing:border-box;box-sizing:border-box;display:block;padding:calc((var(--mm-iconbar-size) - var(--mm-lineheight))/ 2) 0}.mm-iconbar__bottom a,.mm-iconbar__bottom a:hover,.mm-iconbar__top a,.mm-iconbar__top a:hover{text-decoration:none}.mm-iconbar__tab--selected{background:var(--mm-color-background-emphasis)}:root{--mm-iconpanel-size:50px}.mm-panel--iconpanel-0{left:0}.mm-panel--iconpanel-1{left:var(--mm-iconpanel-size)}.mm-panel--iconpanel-2{left:calc(var(--mm-iconpanel-size) * 2)}.mm-panel--iconpanel-3{left:calc(var(--mm-iconpanel-size) * 3)}.mm-panel--iconpanel-first~.mm-panel{left:var(--mm-iconpanel-size)}.mm-menu--iconpanel .mm-panel--parent .mm-divider,.mm-menu--iconpanel .mm-panel--parent .mm-navbar{opacity:0}.mm-menu--iconpanel .mm-panels>.mm-panel--parent{visibility:visible!important;overflow-y:hidden;-webkit-transform:unset;-ms-transform:unset;transform:unset}.mm-menu--iconpanel .mm-panels>.mm-panel:not(.mm-panel--iconpanel-first):not(.mm-panel--iconpanel-0){border-left-width:1px;border-left-style:solid}.mm-panel__blocker{display:block;visibility:hidden;position:absolute;top:0;right:0;left:0;z-index:3;opacity:0;background:var(--mm-color-background)}.mm-panel--parent .mm-panel__blocker{visibility:visible;bottom:-100000px;opacity:.6}[dir=rtl] .mm-menu--iconpanel .mm-panels>.mm-panel{left:0;right:auto;-webkit-transition-property:width,-webkit-transform;transition-property:width,-webkit-transform;-o-transition-property:transform,width;transition-property:transform,width;transition-property:transform,width,-webkit-transform}[dir=rtl] .mm-menu--iconpanel .mm-panels>.mm-panel:not(.mm-panel--iconpanel-first):not(.mm-panel--iconpanel-0){border-left:none;border-right:1px solid;border-color:inherit}.mm-navbars{-ms-flex-negative:0;flex-shrink:0}.mm-navbars .mm-navbar{position:relative;padding-top:0;border-bottom:none}.mm-navbars--top{border-bottom:1px solid var(--mm-color-border)}.mm-navbars--top .mm-navbar:first-child{padding-top:env(safe-area-inset-top)}.mm-navbars--bottom{border-top:1px solid var(--mm-color-border)}.mm-navbars--bottom .mm-navbar:last-child{padding-bottom:env(safe-area-inset-bottom)}.mm-navbar__breadcrumbs{-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;-webkit-box-flex:1;-ms-flex:1 1 50%;flex:1 1 50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;padding:0 20px;overflow-x:auto;-webkit-overflow-scrolling:touch}.mm-navbar__breadcrumbs>*{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding-right:6px}.mm-navbar__breadcrumbs>a{text-decoration:underline}.mm-navbar__breadcrumbs:not(:last-child){padding-right:0}.mm-btn:not(.mm-hidden)+.mm-navbar__breadcrumbs{padding-left:0}.mm-navbar__tab{padding:0 10px;border:1px solid transparent}.mm-navbar__tab--selected{background:var(--mm-color-background)}.mm-navbar__tab--selected:not(:first-child){border-left-color:var(--mm-color-border)}.mm-navbar__tab--selected:not(:last-child){border-right-color:var(--mm-color-border)}.mm-navbars--top.mm-navbars--has-tabs{border-bottom:none}.mm-navbars--top.mm-navbars--has-tabs .mm-navbar{background:var(--mm-color-background-emphasis)}.mm-navbars--top.mm-navbars--has-tabs .mm-navbar--tabs~.mm-navbar{background:var(--mm-color-background)}.mm-navbars--top.mm-navbars--has-tabs .mm-navbar:not(.mm-navbar--tabs):last-child{border-bottom:1px solid var(--mm-color-border)}.mm-navbars--top .mm-navbar__tab{border-bottom-color:var(--mm-color-border)}.mm-navbars--top .mm-navbar__tab--selected{border-top-color:var(--mm-color-border);border-bottom-color:transparent}.mm-navbars--bottom.mm-navbars--has-tabs{border-top:none}.mm-navbars--bottom.mm-navbars--has-tabs .mm-navbar{background:var(--mm-color-background)}.mm-navbars--bottom.mm-navbars--has-tabs .mm-navbar--tabs,.mm-navbars--bottom.mm-navbars--has-tabs .mm-navbar--tabs~.mm-navbar{background:var(--mm-color-background-emphasis)}.mm-navbars--bottom .mm-navbar__tab{border-top-color:var(--mm-color-border)}.mm-navbars--bottom .mm-navbar__tab--selected{border-bottom-color:var(--mm-color-border);border-top-color:transparent}.mm-searchfield{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;height:var(--mm-navbar-size);padding:0;overflow:hidden}.mm-searchfield__input{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;width:100%;max-width:100%;padding:0 10px;-webkit-box-sizing:border-box;box-sizing:border-box}.mm-searchfield__input input{display:block;width:100%;max-width:100%;height:calc(var(--mm-navbar-size) * .7);min-height:auto;max-height:auto;margin:0;padding:0 10px;-webkit-box-sizing:border-box;box-sizing:border-box;border:none;border-radius:4px;line-height:calc(var(--mm-navbar-size) * .7);font:inherit;font-size:inherit}.mm-searchfield__input input,.mm-searchfield__input input:focus,.mm-searchfield__input input:hover{background:var(--mm-color-background-highlight);color:var(--mm-color-text)}.mm-searchfield__input input::-ms-clear{display:none}.mm-searchfield__btn{display:none;position:absolute;right:0;top:0;bottom:0}.mm-searchfield--searching .mm-searchfield__btn{display:block}.mm-searchfield__cancel{display:block;visibility:hidden;max-width:0;line-height:var(--mm-navbar-size);text-decoration:none;-webkit-transition:none .2s linear;-o-transition:none .2s linear;transition:none .2s linear;-webkit-transition-property:visibility,max-width,padding;-o-transition-property:visibility,max-width,padding;transition-property:visibility,max-width,padding}.mm-searchfield--cancelable .mm-searchfield__cancel{visibility:visible;max-width:75px;padding-right:10px}.mm-panel--search{left:0!important;right:0!important;width:100%!important;border:none!important}.mm-panel__splash{padding:20px}.mm-panel--searching .mm-panel__splash{display:none}.mm-panel__noresults{display:none;padding:40px 20px;color:var(--mm-color-text-dimmed);text-align:center;font-size:150%}.mm-panel--noresults .mm-panel__noresults{display:block}:root{--mm-sectionindexer-size:20px}.mm-sectionindexer{background:inherit;text-align:center;font-size:12px;-webkit-box-sizing:border-box;box-sizing:border-box;width:var(--mm-sectionindexer-size);position:absolute;top:0;bottom:0;right:calc(0px - var(--mm-sectionindexer-size));z-index:5;-webkit-transition:right .4s ease;-o-transition:right .4s ease;transition:right .4s ease;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly}.mm-sectionindexer a{color:var(--mm-color-text-dimmed);line-height:1;text-decoration:none;display:block}.mm-sectionindexer~.mm-panel{padding-right:0}.mm-sectionindexer--active{right:0}.mm-sectionindexer--active~.mm-panel{padding-right:var(--mm-sectionindexer-size)}.mm-menu--selected-hover .mm-listitem__btn,.mm-menu--selected-hover .mm-listitem__text,.mm-menu--selected-parent .mm-listitem__btn,.mm-menu--selected-parent .mm-listitem__text{-webkit-transition:background-color .4s ease;-o-transition:background-color .4s ease;transition:background-color .4s ease}@media (hover:hover){.mm-menu--selected-hover .mm-listview:hover>.mm-listitem--selected:not(:hover)>.mm-listitem__text{background:0 0}.mm-menu--selected-hover .mm-listitem__btn:hover,.mm-menu--selected-hover .mm-listitem__text:hover{background:var(--mm-color-background-emphasis)}}.mm-menu--selected-parent .mm-listitem__btn,.mm-menu--selected-parent .mm-listitem__text{-webkit-transition-delay:.2s;-o-transition-delay:.2s;transition-delay:.2s}@media (hover:hover){.mm-menu--selected-parent .mm-listitem__btn:hover,.mm-menu--selected-parent .mm-listitem__text:hover{-webkit-transition-delay:0s;-o-transition-delay:0s;transition-delay:0s}}.mm-menu--selected-parent .mm-panel--parent .mm-listitem:not(.mm-listitem--selected-parent)>.mm-listitem__text{background:0 0}.mm-menu--selected-parent .mm-listitem--selected-parent>.mm-listitem__btn,.mm-menu--selected-parent .mm-listitem--selected-parent>.mm-listitem__text{background:var(--mm-color-background-emphasis)}:root{--mm-sidebar-collapsed-size:50px;--mm-sidebar-expanded-size:var(--mm-max-size)}.mm-wrapper--sidebar-collapsed .mm-page,.mm-wrapper--sidebar-expanded .mm-page{background:inherit;-webkit-box-sizing:border-box;box-sizing:border-box;min-height:100vh}.mm-wrapper--sidebar-collapsed .mm-menu--sidebar-collapsed,.mm-wrapper--sidebar-expanded .mm-menu--sidebar-expanded{top:0!important;right:auto!important;bottom:0!important;left:0!important;visibility:visible!important}.mm-wrapper--sidebar-collapsed:not(.mm-wrapper--opened) .mm-slideout{width:calc(100% - var(--mm-sidebar-collapsed-size));-webkit-transform:translate3d(var(--mm-sidebar-collapsed-size),0,0);transform:translate3d(var(--mm-sidebar-collapsed-size),0,0)}.mm-wrapper--sidebar-collapsed:not(.mm-wrapper--opened) .mm-panel--opened{visibility:visible}.mm-wrapper--sidebar-collapsed:not(.mm-wrapper--opened) .mm-menu--sidebar-collapsed .mm-divider,.mm-wrapper--sidebar-collapsed:not(.mm-wrapper--opened) .mm-menu--sidebar-collapsed .mm-navbar{opacity:0}.mm-wrapper--sidebar-expanded .mm-menu--sidebar-expanded{width:var(--mm-sidebar-expanded-size);border-right-width:1px;border-right-style:solid}.mm-wrapper--sidebar-expanded.mm-wrapper--opened{overflow:auto}.mm-wrapper--sidebar-expanded.mm-wrapper--opened .mm-wrapper__blocker{display:none!important}.mm-wrapper--sidebar-expanded.mm-wrapper--opened .mm-menu--sidebar-expanded~.mm-slideout{width:calc(100% - var(--mm-sidebar-expanded-size));-webkit-transform:translate3d(var(--mm-sidebar-expanded-size),0,0);transform:translate3d(var(--mm-sidebar-expanded-size),0,0)}.mm-menu__blocker{visibility:visible;display:block;position:absolute;top:0;right:0;left:0;bottom:0;z-index:3;opacity:.5;background:var(--mm-color-background);pointer-events:auto}.mm-menu--opened .mm-menu__blocker{visibility:hidden;bottom:100%;opacity:0}[dir=rtl].mm-wrapper--sidebar-collapsed .mm-slideout{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}[dir=rtl].mm-wrapper--sidebar-expanded .mm-slideout{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}[dir=rtl].mm-wrapper--sidebar-expanded:not(.mm-wrapper--sidebar-closed) .mm-menu--sidebar-expanded.mm-menu--opened~.mm-slideout{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.mm-menu--fullscreen{--mm-size:100%;--mm-min-size:100%;--mm-max-size:100%}.mm-menu--fullscreen.mm-menu--opened~.mm-slideout{--mm-size:100%;--mm-min-size:100%;--mm-max-size:100%}.mm-menu--position-right{left:auto;right:0}.mm-menu--position-right.mm-menu--opened~.mm-slideout{-webkit-transform:translate3d(clamp(calc((1px - 1px) - var(--mm-max-size)),calc((1px - 1px) - var(--mm-size)),calc((1px - 1px) - var(--mm-min-size))),0,0);transform:translate3d(clamp(calc((1px - 1px) - var(--mm-max-size)),calc((1px - 1px) - var(--mm-size)),calc((1px - 1px) - var(--mm-min-size))),0,0)}.mm-menu--position-front{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}.mm-menu--position-front.mm-menu--position-right{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.mm-menu--position-bottom,.mm-menu--position-top{width:100%;height:clamp(var(--mm-min-size),var(--mm-size),var(--mm-max-size))}.mm-menu--position-top{bottom:auto;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}.mm-menu--position-bottom{top:auto;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}.mm-menu--position-bottom,.mm-menu--position-front,.mm-menu--position-top{z-index:2;-webkit-transition:visibility 0s linear .4s,-webkit-transform .4s ease 0s;transition:visibility 0s linear .4s,-webkit-transform .4s ease 0s;-o-transition:visibility 0s linear .4s,transform .4s ease 0s;transition:visibility 0s linear .4s,transform .4s ease 0s;transition:visibility 0s linear .4s,transform .4s ease 0s,-webkit-transform .4s ease 0s}.mm-menu--position-bottom.mm-menu--opened,.mm-menu--position-front.mm-menu--opened,.mm-menu--position-top.mm-menu--opened{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.mm-menu--position-bottom.mm-menu--opened~.mm-slideout,.mm-menu--position-front.mm-menu--opened~.mm-slideout,.mm-menu--position-top.mm-menu--opened~.mm-slideout{-webkit-transform:none!important;-ms-transform:none!important;transform:none!important}.mm-menu--position-bottom.mm-menu--opened~.mm-wrapper__blocker,.mm-menu--position-front.mm-menu--opened~.mm-wrapper__blocker,.mm-menu--position-top.mm-menu--opened~.mm-wrapper__blocker{z-index:1}.mm-menu--theme-white{--mm-color-border:rgba(0, 0, 0, 0.1);--mm-color-button:rgba(0, 0, 0, 0.3);--mm-color-text:rgba(0, 0, 0, 0.7);--mm-color-text-dimmed:rgba(0, 0, 0, 0.3);--mm-color-background:#fff;--mm-color-background-highlight:rgba(0, 0, 0, 0.06);--mm-color-background-emphasis:rgba(0, 0, 0, 0.03)}.mm-menu--theme-dark{--mm-color-border:rgba(0, 0, 0, 0.3);--mm-color-button:rgba(255, 255, 255, 0.4);--mm-color-text:rgba(255, 255, 255, 0.85);--mm-color-text-dimmed:rgba(255, 255, 255, 0.4);--mm-color-background:#333;--mm-color-background-highlight:rgba(255, 255, 255, 0.08);--mm-color-background-emphasis:rgba(0, 0, 0, 0.1)}.mm-menu--theme-black{--mm-color-border:rgba(255, 255, 255, 0.25);--mm-color-button:rgba(255, 255, 255, 0.4);--mm-color-text:rgba(255, 255, 255, 0.75);--mm-color-text-dimmed:rgba(255, 255, 255, 0.4);--mm-color-background:#000;--mm-color-background-highlight:rgba(255, 255, 255, 0.2);--mm-color-background-emphasis:rgba(255, 255, 255, 0.15)} @view-transition { navigation: auto; } .block {overflow: visible;} .peithnerartikel img, .rimaartikel img {width: 300px; float: right; display: block; margin: 0 0 30px 30px !important;} * {box-sizing: border-box; -webkit-box-sizing: border-box;} iframe {border: none;} .linkwrap {position:relative; display:inline-block; } .blocker {position:absolute; height:100%; width:100%; z-index:1; background: transparent;} .linkwrap iframe {z-index: 2;} .radiusTen {border-radius: 25px;} #artikel .layout_full .content-image.floatbox_left {float: left; margin: 0 2% 0 0;} #artikel .layout_full .content-text p {line-height: 1.7rem; font-family: Karla; padding-top: 8px; margin-top: 0;} .teaser .advertorial {right: 15px; position: absolute; bottom: 0;} .advertorial {display: block; border-radius: 3px; background: #efefef; color: #555; font-size: 0.9rem; padding: 3px 6px; text-align: center; max-width: 90px;} .advert-top {margin: 0px auto -75px; text-align: center; background: #F3F6F9; padding-top: 130px; line-height: 0rem;} .advert-top img {width: 65%;} .hub .advert-top {margin: 0px auto 40px; padding-top: 40px;} .advert-bottom {margin: -30px auto 50px; text-align: center;} .home .flex .mod_rssReader {width: 100%; padding: 0 !important;} /* Temporary Integrations */ .mamheadmodule {position: absolute; right: 0; top: -15px;} .bebejouDesktop {margin-top: 15px;} #Superbanner {position: relative; top: 125px; text-align: center;} .superbanner {width: 100%; display: block; margin: 0 auto; text-align: center;} #sidebar {position: fixed; top: 190px; z-index: 10000; right: 5px;} .pageselector {position: fixed; top: 12px; right: 8%; z-index: 10000; background: #efefef; border-radius: 5px; width: 150px;} .pageselector select {border: none; color: #AAA; width: 150px; font-size: 0.8rem; padding: 8px 10px 10px 10px; height: 38px; text-align: center; text-indent: 4px; border-radius: 0 0 4px 4px; text-transform: uppercase;} /* Produktprobenlink */ .produktprobenLink {margin: 0; background: #F3F6F9; padding: 160px 0 100px 0; background: #fff url(/files/design/_icons/produktproben.svg) 50% 80px / 100px no-repeat;} .produktprobentext {max-width: 350px; text-align: center; color: #7E96B3; margin: 110px auto 0;} .sitelinkProduktproben:link, .sitelinkProduktproben:visited { margin: 10px 0 25px 0; width: 100%;display: block;text-align: center;border-bottom: 1px solid #ffe4e4;box-shadow: inset 0 -1px 0 #ffe4e4;text-align: center;max-width: fit-content;margin: 0 auto; transition: all 0.3s ease;} .sitelinkProduktproben:hover {color: #344254; cursor: pointer; border-bottom: 1px solid #344254; box-shadow: inset 0 -1px 0 #344254;} .advertarea {padding: 0 7px; display: none;} .advertarea div {} .advertarea a:link, .advertarea a:visited {cursor: pointer; border-radius: 3px; padding: 0; height: 120px; display: inline-block; margin-top: 10px; line-height: 33px; padding: 1% 2.4%; width: 47.5%;} .advertarea a:hover {box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); vertical-align: top;} #advertboxone {margin-right: 4%; background: #fff left top no-repeat; background-size: 100%; vertical-align: top;} #advertboxtwo {background: #fff left top no-repeat; background-size: 100%; vertical-align: top;} .advertarea p {font-family: 'Karla', sans-serif; font-size: 1.7em; line-height: 1.1em; color: #444;} #advertboxone p {width: 40%; text-align: left; margin: 51px 0 0 -2px; } #advertboxtwo p {width: 55%; text-align: right; float: right; margin-right: 5%; margin-top: 7px; line-height: 1.2em;} body {background: #fff; font-family: 'Karla', sans-serif;} a:link, a:visited {text-decoration: none; color: #FF8078;} a:hover {color: #344254;} .inside {margin: 0; padding: 0; position: relative;} #wrapper {width: 100%; margin: 0 auto; padding: 0; background: #344254;} #header {text-align: center; background: rgba(255, 255, 255, 0.6); height: 125px; /* border-top: 2px solid #FF8078; */ position: fixed; z-index: 101; width: 100%; box-shadow: 0 0 10px rgba(0, 0, 0, 0.05); backdrop-filter: blur(30px);} #container {padding: 0; text-align: left; margin: 0 auto; padding-top: 120px; background: #FFF;} #footer {padding-bottom: 70px; margin-top: 0; padding-top: 70px; background: #ddd; font-size: 0.8em; position: relative; top: 0px; background: #344254;} #footer .inside {margin: 0 auto; display: flex; justify-content: space-between; flex-wrap: wrap;} #footer .inside nav {flex-basis: 20%;} #footer .inside .copyright {flex-basis: 100%;} #right {margin-left: 15px;} .logo {background: transparent url(/files/design/schwangerAT-logo.svg) center center no-repeat;width: 205px;position: relative;display: block;z-index: 5;background-size: 100%;margin: 0 auto;height: 80px;top: 1px;} .fokuskindlogo {padding: 25px 20px 20px; border-radius: 3px; margin-bottom: 20px; margin: 10px auto 25px auto;} .fokuskindlogo img {min-width: 30%; max-width: 35%;} .flexContainer {display: flex;} .mamList li {display: inline-block;} figure {line-height: 0;} /* .homeLink {color: #DDD; width: 340px; height: 70px; display: block; position: relative; left: 290px;} */ p, div {font-size: 1em; color: #393939; line-height: 20px; vertical-align: top; line-height: 1.7rem;} .clear {clear:both; border: none; height: 0; padding: 0; margin: 0; width: 100%;} h1, h2 {font-family: 'Varela Round', sans-serif; margin: 0; font-weight: normal;} h1 {padding: 0 0 15px 0; font-size: 1.9rem; line-height: 1.1em; font-family: ff-tisa-sans-web-pro, sans-serif; font-style: italic; font-weight: 500;} h2 {margin: 25px 0 10px 0;} h4, h5 {font-weight: normal;} h1 sup, h2 sup, h3 sup, h4 sup {display: inline-block; position: relative; font-size: 1.8rem; top: 0px; left: 5px; margin-top: -10px; margin-right: 12px;} input {font-size: 1em;} .button {font-size: 1em; color: #FF8078; padding: 6px 12px;} .button span.small {font-size: 0.9rem;} .button:link, .button:visited, .content-text .button:link, .content-text .button:visited {display: block;padding: 10px;background: #FF8078;color: #FFF;padding: 10px 20px;border-radius: 50px;margin: 20px auto 0px;display: inline-block;transition: all 0.3s ease;background: #FF8078; color: #FFF; padding: 10px 20px; border-radius: 100px; margin: 20px 0; display: table-cell; border: 1px solid #FF8078; font-family: ff-tisa-sans-web-pro, sans-serif; font-style: italic; font-weight: 400; font-size: 1.1rem; letter-spacing: 0.5px; } .button:hover, .content-text .button:hover {color: #FF8078; background: #FFF;} .button.big {font-size: 1.2em;} .button.bigger {font-size: 1.5em; padding: 12px 20px;} .button.big.blue {background: #FF8078; color: #FFF;} .button.bigger.blue {background: #FF8078; color: #FFF;} .button.block {display: block; margin: 20px auto; text-align: center; max-width: 300px;} .button.center {margin: 10px auto; text-align: center; display: unset !important;} .center {text-align: center;} .text-left {text-align: left;} .text-right {text-align: right;} .borderradius, .borderradius img {border-radius: 3px;} .flex {display: flex; justify-content: space-between; flex-wrap: wrap;} .flex .fifty {width: 45%;} .mod_article .content-text.center h2 {text-align: center; width: 100%;} /* - - - */ .mod_article.first-child {padding: 50px 0 0 0;} .mod_article h1 {text-align: center; font-weight: 700; font-size: 2.2rem; line-height: 2.8rem; color: #344254; margin: 5px 25px 0; padding-top: 50px; font-family: ff-tisa-sans-web-pro, sans-serif; font-style: italic; font-weight: 500; font-size: 2.5rem; } .mod_article h2 {font-weight: normal; font-family: ff-tisa-sans-web-pro, sans-serif; font-size: 1.7em; /* line-height: 30px; */} .mod_article h3 { font-size: 1.4rem; line-height: 1.9rem; margin: 25px 0 10px 0; border-bottom: 3px solid #fee0cf; padding: 0 50px 8px 8px; display: inline-grid; color: #344254; font-family: ff-tisa-sans-web-pro, sans-serif; font-style: italic; font-weight: 500; letter-spacing: 0.5px; border-bottom: 3px solid rgb(52 66 84 / 20%);} .mod_article h4 { font-size: 1.2em; line-height: 25px; margin: 15px 0 0px 0; padding: 0 50px 8px 18px; display: inline-grid; color: #344254; font-family: ff-tisa-sans-web-pro, sans-serif; font-style: italic; font-weight: 500; letter-spacing: 0.5px; border-bottom: 3px solid rgb(52 66 84 / 15%); border-left: 3px solid rgb(52 66 84 / 15%);} .mod_article .content-text:nth-child(1) {background: #F3F6F9; text-align: center; padding-bottom: 35px;} .mod_article#artikel h3 {border-bottom: 3px solid rgba(77, 91, 109, 0.1);} .mod_article#artikel ul {margin: 30px 150px 30px 0px;} .mod_article#artikel ul li {} .mod_article .content-text h2, .mod_article h2.content-headline, .content-gallery h2, .content-youtube h2 {margin-top: 0; font-weight: 700; width: 60%; font-size: 1.8rem; line-height: 2.5rem; color: #344254; padding-bottom: 20px; margin-bottom: 20px; font-family: ff-tisa-sans-web-pro, sans-serif; font-style: italic; font-weight: 500; } .content-text ul {margin: 30px 0;} .content-text ul li {list-style-position: outside; list-style-type: none; margin-bottom: 8px; border-radius: 0; padding: 9px 5px 9px 15px; border-left: 3px solid #7E96B3; margin-right: 15px; background: -webkit-linear-gradient(left, rgba(235,240,245,1) 0%,rgba(235,240,245,0) 100%); margin-left: 0; border-radius: 0 70px 200px 0;} .content-text ol li {margin-bottom: 12px; color: #393939;} .content-text ol {counter-reset: my-awesome-counter; list-style: none; padding-left: 40px; margin: 30px 0 0px 50px; padding: 9px 5px 9px 15px;} .content-text ol li {margin: 0 0 8px 0; counter-increment: my-awesome-counter; position: relative; line-height: 1.7rem;} .content-text ol li::before {content: counter(my-awesome-counter); color: #393939; font-size: 1rem; font-weight: normal; position: absolute; left: calc(-1 * 23px - 10px); line-height: 23px; width: 23px; height: 23px; top: 2px; transform: rotate(0deg); border-radius: 50%; text-align: center; background: #344254; color: #FFF; } .content-text ul.checklist {margin: 30px 0;} .content-text ul.checklist li {background: none; border-left: none; margin: 0; padding: 0px 5px 0px 15px;} .content-text ul.checklist li:before { content: ""; color: #393939; font-size: 1rem; font-weight: normal; position: relative; left: calc(-1 * 23px - 17px); line-height: 23px; width: 21px; height: 21px; top: 23px; border-radius: 5px; text-align: center; background: #fff; display: block; border: 2px solid #344254;} .content-headline.first-child {margin: 25px 0 -10px 0;} #schwangerschaftswoche ul li {list-style: circle; margin-left: 5%; margin-right: 5%; font-size: 0.9rem; list-style-position: outside; background: #FFEFDA; margin-bottom: 4px; border-radius: 3px; padding-left: 5px; padding-right: 5px;} #schwangerschaftswoche ul li strong {display: block;} .insideArticle {margin-bottom: 20px; padding: 0px 0px 10px; border-top: 1px solid #FF8078; border-bottom: 1px solid #FF8078;} .insideArticle p {padding-top: 0;border: none;margin-top: 0;font-weight: 400;text-align: center;font-size: 1.1rem;line-height: 2.5rem;color: #FFF;background: #FF8078;width: 350px;margin: -1px auto 50px;padding: 8px 5px;border-radius: 0 0 60px 60px;} .insideArticle p strong {font-weight: 400;} #artikel .insideArticle ul, .insideArticle ul {margin: 30px 0 ; padding: 0; display: flex; justify-content: space-around;} .insideArticle ul li {margin: 0 0 0 0; padding: 0 0 6px 0px; background: none; border: none; width: 33%;} .insideArticle ul li a:link, .insideArticle ul li a:visited {width: 100%; display: block; border-bottom: 1px solid #ffe4e4; box-shadow: inset 0 -1px 0 #ffe4e4; text-align: center; max-width: fit-content; margin: 0 auto; border-bottom: 3px solid rgb(255 128 120 / 70%); box-shadow: inset 0 0px 0 rgb(255 128 120 / 70%); text-shadow: 0 10px 10px rgb(255 128 120 / 30%); padding: 0 2px;} .insideArticle ul li a:hover {color: #344254; cursor: pointer; background: rgb(255 128 120 / 30%);} .content-text.insideArticle {padding-top: 0;} /* Babyforum Bubble */ .babyforumBubble {margin-top: 5px; position: absolute; right: 0; top: -45px; width: 200px; height: 168px; text-indent: -9999px; z-index: 1000;} nav {} nav li {display: inline-block; list-style: none;} nav a {white-space: nowrap; font-family: Karla; letter-spacing: 2px;} /* Header */ nav.maintop {opacity: 1; text-align: center; z-index: 4; position: relative; height: 50px; top: -5px; /* border-bottom: 1px solid #fe9a8b; background: #fff; */} nav.maintop ul {text-align: left; padding: 0; margin: 0 auto; display: flex;} nav.maintop li {list-style: none; flex-grow: 1;} nav.maintop li.active {flex-grow: 0;} nav.maintop li a:link, nav.maintop li a:visited {letter-spacing: -0.03em; display: inline-block; background: transparent; font-family: 'Karla', sans-serif; font-size: 1em; line-height: 1.4em; width: auto; text-align: center; min-height: 40px; padding: 15px 0 14px; color: #344254; width: 100%; transition: all 0.3s ease;} nav.maintop li a:hover {background: #344254; -webkit-transition: background .1s linear; transition: background .1s linear; color: #FFF; border-radius: 2px 2px 0 0;} nav.maintop li strong.active {letter-spacing: -0.03em; font-family: 'Karla', sans-serif; display: inline-block; font-size: 1em; line-height: 1.4em; color: #344254; text-align: center; background: rgba(255, 228, 228, 0.5); min-height: 40px; padding: 15px 18px 14px 18px; text-transform: none; font-weight: 400;} nav.maintop li a.trail {letter-spacing: 0.03em; font-family: 'Karla', sans-serif; display: inline-block; font-size: 1em; line-height: 1.4em; color: #344254; text-align: center; background: rgb(255 128 120 / 20%); min-height: 40px;} nav.maintop .level_2 {background: #FFF; position: absolute; display: none; margin-top: -1px; border-top: 7px solid #FF8078;} nav.maintop .level_2 li {display: block; height: 40px;} nav.maintop li:nth-child(1) .level_2 li, nav.maintop li:nth-child(3) .level_2 li, nav.maintop li:nth-child(4) .level_2 li, nav.maintop li:nth-child(6) .level_2 li {width: 49.4%; display: inline-block;} nav.maintop li:nth-child(1) .level_2, nav.maintop li:nth-child(3) .level_2, nav.maintop li:nth-child(6) .level_2 {width: 460px !important;} nav.maintop li:nth-child(6) .level_2 {position: absolute; right: 8%;} nav.maintop li:nth-child(8) .level_2 {position: absolute; right: 8%;} nav.maintop .level_2 li a:link, nav.maintop .level_2 li a:visited {text-align: left; padding: 10px 20px; width: 100%; font-size: 0.95rem;border-bottom: 1px solid #F3F6F9;} nav.maintop .level_2 li a:before, nav.maintop li .level_2 strong.active:before {background: #fddee4; border-radius: 10px; display: inline-block; width: 20px; height: 20px; transform: rotate(10deg) scale(0.7); text-align: center; font-weight: 700; color: #344254; margin-right: 8px; margin-left: -7px; } nav.maintop .level_2 li:nth-child(1) :before {content: "1"; background: #fff1d2;} nav.maintop .level_2 li:nth-child(2) :before {content: "2"; background: #dbf7e5;} nav.maintop .level_2 li:nth-child(3) :before {content: "3"; background: #f1f5f8;} nav.maintop .level_2 li:nth-child(4) :before {content: "4"; background: #fff1d2;} nav.maintop .level_2 li:nth-child(5) :before {content: "5";} nav.maintop .level_2 li:nth-child(6) :before {content: "6"; background: #dbf7e5;} nav.maintop .level_2 li:nth-child(7) :before {content: "7"; background: #f1f5f8;} nav.maintop .level_2 li:nth-child(8) :before {content: "8"; background: #fff1d2;} nav.maintop .level_2 li:nth-child(9) :before {content: "9";} nav.maintop .level_2 li:nth-child(10) :before {content: "10"; background: #dbf7e5;} nav.maintop .level_2 li:nth-child(11) :before {content: "11"; background: #f1f5f8;} nav.maintop .level_2 li:nth-child(12) :before {content: "12"; background: #fff1d2;} nav.maintop .level_2 li:nth-child(13) :before {content: "13";} nav.maintop .level_2 li:nth-child(14) :before {content: "14"; background: #dbf7e5;} nav.maintop .level_2 li:nth-child(15) :before {content: "15"; background: #f1f5f8;} nav.maintop .level_2 li:nth-child(16) :before {content: "16"; background: #fff1d2;} nav.maintop .level_2 li:nth-child(17) :before {content: "17"; background: #fff1d2;} nav.maintop .level_2 li:nth-child(18) :before {content: "18"; background: #fff1d2;} nav.maintop .level_2 li.navblock a:before, nav.maintop .level_2 li.schwangerschaftswochen a:before, nav.maintop .level_2 li.wochenbettwochen a:before, nav.maintop .level_2 li.timeline a:before, nav.maintop .level_2 li.entwicklungsmonate a:before, nav.maintop li.produkte .level_2 li a:before, nav.maintop li.service .level_2 li a:before {display: none;} nav.maintop .level_2 li a:hover {background-color: rgba(126, 150, 179, 0.2); color: #344254; -webkit-transition: background 0.2s ease-in; transition: background 0.2s ease-in;} nav.maintop .level_2 li a:hover:before {background: #FFF; transform: rotate(10deg) scale(0.9); transition: transform 0.3s;} nav.maintop li .level_2 strong.active {} nav.maintop .level_2 li.last a {border-bottom: none;} nav.maintop li .level_2 strong.active { text-align: left;padding: 10px 20px;width: 100%;height: 40px;font-size: 0.95rem;border-bottom: 1px solid #F3F6F9;letter-spacing: -0.03em;} nav.maintop strong.active, nav.maintop .level_2 strong.forward {color: #333; font-family: 'Karla', sans-serif; letter-spacing: 2px; text-transform: uppercase; } nav.maintop a::after {background: #ddd; position: relative; top: 9px;} nav.maintop a:hover::after {position: relative; top: 9px; font-size: 1.1em; font-weight: 'Karla', sans-serif; } nav.maintop strong.active::after {background: #ddd; position: relative; top: 10px;} nav.maintop li.trail {/* height: 100px; */} nav.maintop a.trail::after {position: relative; top: 9px; width: 100%; height: 0px; background: white; border-top: 2px solid #333; font-weight: 700;} nav.maintop li.trail a:hover::after {position: relative; top: 9px;} .submenu.sibling .level_2 {display: none;} .submenu:hover .level_2 {display: block; box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2); width: 400px;} .active.submenu .level_2 {display: none;} .active.submenu:hover .level_2 {display: block; box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2); width: 400px;} .submenu.trail .level_2 {display: none;} .submenu.trail:hover .level_2 {display: block; box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2); width: 400px;} nav.maintop .level_2 li.navblock {width: 49%; display: inline-block; height: auto;} nav.maintop .level_2 li.navblock a:link, nav.maintop .level_2 li.navblock a:visited, nav.maintop .level_2 li.navblock strong {text-align: center; padding: 50px 0px 10px; width: 100%; display: inline-block;} nav.maintop .level_2 li.navblock strong {border-bottom: 1px solid #F3F6F9; padding: 50px 0 30px;} nav.maintop .level_2 li.navblock a:hover {background-color: rgba(126, 150, 179, 0.2);} nav.maintop .level_2 li.videobereich a {background: transparent url(/files/design/_icons/navVideo.svg) 50% 22% / 19% auto no-repeat;} nav.maintop .level_2 li.buch a {background: transparent url(/files/design/_icons/navBuch.svg) 50% 22% / 19% auto no-repeat;} nav.maintop .level_2 li.yoga a {background: transparent url(/files/design/_icons/navYoga.svg) 50% 22% / 17% auto no-repeat;} nav.maintop .level_2 li.namen a {background: transparent url(/files/design/_icons/navName.svg) 50% 22% / 19% auto no-repeat;} nav.maintop .level_2 li.abc a {background: transparent url(/files/design/_icons/navABC.svg) 50% 22% / 19% auto no-repeat;} nav.maintop .level_2 li.haeufigeFragen a {background: transparent url(/files/design/_icons/navHaeufigeFragen.svg) 50% 22% / 19% auto no-repeat;} nav.maintop .level_2 li.babyshower a {background: transparent url(/files/design/_icons/navBabyshower.svg) 50% 22% / 19% auto no-repeat;} nav.maintop .level_2 li.videobereich strong {background: rgba(255, 228, 228, 0.5) url(/files/design/_icons/navVideo.svg) 50% 22% / 19% auto no-repeat;} nav.maintop .level_2 li.buch strong {background: rgba(255, 228, 228, 0.5) url(/files/design/_icons/navBuch.svg) 50% 22% / 19% auto no-repeat;} nav.maintop .level_2 li.yoga strong {background: rgba(255, 228, 228, 0.5) url(/files/design/_icons/navYoga.svg) 50% 22% / 17% auto no-repeat;} nav.maintop .level_2 li.namen strong {background: rgba(255, 228, 228, 0.5) url(/files/design/_icons/navName.svg) 50% 22% / 19% auto no-repeat;} nav.maintop .level_2 li.abc strong {background: rgba(255, 228, 228, 0.5) url(/files/design/_icons/navABC.svg) 50% 22% / 19% auto no-repeat;} nav.maintop .level_2 li.haeufigeFragen strong {background: rgba(255, 228, 228, 0.5) url(/files/design/_icons/navHaeufigeFragen.svg) 50% 22% / 19% auto no-repeat;} nav.maintop .level_2 li.babyshower strong {background: rgba(255, 228, 228, 0.5) url(/files/design/_icons/navBabyshower.svg) 50% 22% / 19% auto no-repeat;} nav.maintop li:nth-child(1) .level_2 li:nth-child(7), nav.maintop li:nth-child(3) .level_2 li:nth-child(15) {width: 100%;} nav.maintop li:nth-child(5) .level_2 li:nth-child(5) {width: 100%;} nav.maintop .level_2 li a.wochenbettwochen, nav.maintop .level_2 li a.entwicklungsmonate, nav.maintop .level_2 li a.schwangerschaftswochen {background: #fff url(/files/design/_icons/leadTopic.svg) 15px 12px / 30px auto no-repeat; background-size: 17px; padding-left: 42px;} nav.maintop .level_2 li a.timeline {background: #fff url(/files/design/_icons/timeline.svg) 15px 10px / 30px auto no-repeat; background-size: 17px; padding-left: 42px;} /* Submenu - Dropdown Service*/ nav.maintop .level_2 li a.neuheiten {background: #fff url(/files/design/_icons/produkteNeu.svg) 10px 3px / 100px auto no-repeat; background-size: 35px; padding-left: 55px;} nav.maintop .level_2 li a.kinderzimmer {background: #fff url(/files/design/_icons/produkteKinderzimmer.svg) 10px 3px / 100px auto no-repeat; background-size: 35px; padding-left: 55px;} nav.maintop .level_2 li a.kinderwagen {background: #fff url(/files/design/_icons/produkteKinderwagen.svg) 10px 3px / 100px auto no-repeat; background-size: 35px; padding-left: 55px;} nav.maintop .level_2 li a.kindersitz {background: #fff url(/files/design/_icons/produkteKindersitz.svg) 10px 3px / 75px auto no-repeat; background-size: 29px; padding-left: 55px;} nav.maintop .level_2 li a.verzeichnis {background: #fff url(/files/design/_icons/serviceVerzeichnis.svg) 10px 3px / 100px auto no-repeat; background-size: 35px; padding-left: 55px;} nav.maintop .level_2 li a.produkttests {background: #fff url(/files/design/_icons/serviceProdukttest.svg) 10px 3px / 100px auto no-repeat; background-size: 35px; padding-left: 55px;} nav.maintop .level_2 li a.aktionen {background: #fff url(/files/design/_icons/serviceAktionen.svg) 10px 3px / 100px auto no-repeat; background-size: 35px; padding-left: 55px;} nav.maintop .level_2 li a.checklisten {background: #fff url(/files/design/_icons/serviceChecklisten.svg) 10px 3px / 100px auto no-repeat; background-size: 35px; padding-left: 55px;} nav.maintop .level_2 li a.beikostrezepte {background: #fff url(/files/design/_icons/serviceBeikost.svg) 10px 3px / 100px auto no-repeat; background-size: 35px; padding-left: 55px;} nav.maintop .level_2 li a.interviews {background: #fff url(/files/design/_icons/serviceInterviews.svg) 10px 3px / 100px auto no-repeat; background-size: 35px; padding-left: 55px;} nav.maintop .level_2 li a.apps {background: #fff url(/files/design/_icons/serviceApps.svg) 10px 3px / 100px auto no-repeat; background-size: 35px; padding-left: 55px;} nav.maintop .level_2 li a.chatbot {background: #fff url(/files/design/_icons/serviceChatbot.svg) 10px 3px / 100px auto no-repeat; background-size: 35px; padding-left: 55px;} nav.maintop .level_2 li a.rechnerSchwangerschaft {background: #fff url(/files/design/_icons/serviceRechnerSW.svg) 10px 3px / 100px auto no-repeat; background-size: 35px; padding-left: 55px;} nav.maintop .level_2 li a.rechnerEisprung {background: #fff url(/files/design/_icons/serviceEisprung.svg) 10px 3px / 100px auto no-repeat; background-size: 35px; padding-left: 55px;} nav.maintop .level_2 li a.expertinnen {background: #fff url(/files/design/_icons/serviceExpertInnen.svg) 10px 3px / 100px auto no-repeat; background-size: 35px; padding-left: 55px;} nav.maintop .level_2 li a.gewinnspiele {background: #fff url(/files/design/_icons/serviceGewinnspiele.svg) 10px 3px / 90px auto no-repeat; background-size: 35px; padding-left: 55px;} nav.maintop .level_2 li a.babyforum {background: #fff url(/files/design/_icons/serviceBabyforum.svg) 10px 3px / 90px auto no-repeat; background-size: 35px; padding-left: 55px;} nav.maintop .level_2 li a:hover {background-color: rgba(126, 150, 179, 0.2);} nav.maintop .level_2 li strong.neuheiten {background:rgba(255, 228, 228, 0.5) url(/files/design/_icons/produkteNeu.svg) 10px 3px / 100px auto no-repeat; background-size: 35px; padding-left: 55px;} nav.maintop .level_2 li strong.kinderzimmer {background:rgba(255, 228, 228, 0.5) url(/files/design/_icons/produkteKinderzimmer.svg) 10px 3px / 100px auto no-repeat; background-size: 35px; padding-left: 55px;} nav.maintop .level_2 li strong.kinderwagen {background:rgba(255, 228, 228, 0.5) url(/files/design/_icons/produkteKinderwagen.svg) 10px 3px / 100px auto no-repeat; background-size: 35px; padding-left: 55px;} nav.maintop .level_2 li strong.verzeichnis {background:rgba(255, 228, 228, 0.5) url(/files/design/_icons/serviceVerzeichnis.svg) 10px 3px / 100px auto no-repeat; background-size: 35px; padding-left: 55px;} nav.maintop .level_2 li strong.kindersitz {background:rgba(255, 228, 228, 0.5) url(/files/design/_icons/produkteKindersitz.svg) 10px 3px / 100px auto no-repeat; background-size: 35px; padding-left: 55px;} nav.maintop .level_2 li strong.produkttests {background:rgba(255, 228, 228, 0.5) url(/files/design/_icons/serviceProdukttest.svg) 10px 3px / 100px auto no-repeat; background-size: 35px; padding-left: 55px;} nav.maintop .level_2 li strong.aktionen {background:rgba(255, 228, 228, 0.5) url(/files/design/_icons/serviceAktionen.svg) 10px 3px / 100px auto no-repeat; background-size: 35px; padding-left: 55px;} nav.maintop .level_2 li strong.checklisten {background:rgba(255, 228, 228, 0.5) url(/files/design/_icons/serviceChecklisten.svg) 10px 3px / 100px auto no-repeat; background-size: 35px; padding-left: 55px;} nav.maintop .level_2 li strong.beikostrezepte {background:rgba(255, 228, 228, 0.5) url(/files/design/_icons/serviceBeikost.svg) 10px 3px / 100px auto no-repeat; background-size: 35px; padding-left: 55px;} nav.maintop .level_2 li strong.interviews {background:rgba(255, 228, 228, 0.5) url(/files/design/_icons/serviceInterviews.svg) 10px 3px / 100px auto no-repeat; background-size: 35px; padding-left: 55px;} nav.maintop .level_2 li strong.apps {background:rgba(255, 228, 228, 0.5) url(/files/design/_icons/serviceApps.svg) 10px 3px / 100px auto no-repeat; background-size: 35px; padding-left: 55px;} nav.maintop .level_2 li strong.chatbot {background:rgba(255, 228, 228, 0.5) url(/files/design/_icons/serviceChatbot.svg) 10px 3px / 100px auto no-repeat; background-size: 35px; padding-left: 55px;} nav.maintop .level_2 li strong.rechnerSchwangerschaft {background:rgba(255, 228, 228, 0.5) url(/files/design/_icons/serviceRechnerSW.svg) 10px 3px / 100px auto no-repeat; background-size: 35px; padding-left: 55px;} nav.maintop .level_2 li strong.rechnerEisprung {background:rgba(255, 228, 228, 0.5) url(/files/design/_icons/serviceEisprung.svg) 10px 3px / 100px auto no-repeat; background-size: 35px; padding-left: 55px;} nav.maintop .level_2 li strong.expertinnen {background:rgba(255, 228, 228, 0.5) url(/files/design/_icons/serviceExpertInnen.svg) 10px 3px / 100px auto no-repeat; background-size: 35px; padding-left: 55px;} nav.maintop .level_2 li strong.gewinnspiele {background:rgba(255, 228, 228, 0.5) url(/files/design/_icons/serviceGewinnspiele.svg) 10px 3px / 80px auto no-repeat; background-size: 30px; padding-left: 55px;} nav.maintop .level_2 li strong.babyforum {background:rgba(255, 228, 228, 0.5) url(/files/design/_icons/serviceBabyforum.svg) 10px 3px / 80px auto no-repeat; background-size: 30px; padding-left: 55px;} /* Schwangerschafts - Dots */ #main .mod_customnav.schwangerschaftsDots {text-align: center; height: 55px; position: relative; margin: 0; position: absolute; width: 100%; padding-top: 5px; background: #F3F6F9;} .mod_customnav.schwangerschaftsDots h5 {display: none;} #main .mod_customnav.schwangerschaftsDots ul {padding: 0; background: #7E96B3; border-radius: 17px; height: 32px; display: flex;flex-wrap: nowrap;justify-content: space-between; background: linear-gradient( 90deg , rgba(52,66,84,1) 20%, rgba(126,150,179,1) 30%, rgba(126,150,179,1) 40%, rgba(126,150,179,1) 52%, rgba(255,128,120,1) 65%, rgba(255,128,120,1) 85%, rgba(52,66,84,1) 100%);} #main .mod_customnav.schwangerschaftsDots li {background: transparent; display: inline-block;} #main .mod_customnav.schwangerschaftsDots li a:link, #main .mod_customnav.schwangerschaftsDots li a:visited {white-space: pre-line;font-family: 'Karla', sans-serif;text-align: center;padding: 0;display: inline-block;position: relative;width: 32px;height: 32px;margin: 0 -8px 0 -6px;color: #FFF;padding: 3px 7px;z-index: 0;overflow: hidden;font-size: 0.8em;background: transparent;transition: background 0.2s ease;} #main .mod_customnav.schwangerschaftsDots li a:hover {color: #FFF; background: #FF8078; z-index: 100;} #main .mod_customnav.schwangerschaftsDots li span.active {background: transparent; font-size: 0.8em; line-height: 1.8em; text-align: center; display: inline-block; color: #444; width: 30px; height: 30px; font-weight: normal; padding: 2px 0 0 2px; overflow: hidden; font-family: 'Karla', sans-serif; background: #FFF; position: relative; box-shadow: 0 0 3px #333; border-radius: 12px; z-index: 100; position: relative; margin: 0 -6px 0 -6px; } #main .mod_customnav.schwangerschaftsDots li.TrimesterEins a:link, #main .mod_customnav li.TrimesterEins a:visited {width: 28px;} #main .mod_customnav.schwangerschaftsDots li.TrimesterEins a:hover {background: #fff; color: #344254; border: 3px solid #344254; padding-top: 0px; padding-left: 6px; width: 28px;} #main .mod_customnav.schwangerschaftsDots li.TrimesterZwei a:link, #main .mod_customnav li.TrimesterZwei a:visited {} #main .mod_customnav.schwangerschaftsDots li.TrimesterZwei a:hover {background: #fff; color: #344254; border: 3px solid #7E96B3; padding-top: 0px; padding-left: 6px;} #main .mod_customnav.schwangerschaftsDots li.TrimesterDrei a:link, #main .mod_customnav li.TrimesterDrei a:visited {} #main .mod_customnav.schwangerschaftsDots li.TrimesterDrei a:hover {background: #fff; color: #344254; border: 3px solid #FF8078; padding-top: 0px; padding-left: 6px;} #main .mod_customnav.schwangerschaftsDots li a.first-child:link, #main .mod_customnav.schwangerschaftsDots li a.first-child:visited {margin-left: 0px;} #main .mod_customnav.schwangerschaftsDots li a.last:link, #main .mod_customnav.schwangerschaftsDots li a.last:visited {border-radius: 0 17px 17px 0; margin-right: 0px; padding-right: 15px;} #main .mod_customnav.schwangerschaftsDots li.TrimesterEins.newsletter a {width: 182px; padding-left: 18px; border-radius: 17px 0 0 17px; margin-left: 0px; padding-left: 15px;} /* Entwicklungs - Dots */ #main .mod_customnav.schwangerschaftsDots li.entwicklungsPill {flex-basis: 20%;} #main .mod_customnav.schwangerschaftsDots li.entwicklungsPill a:link, #main .mod_customnav.schwangerschaftsDots li.entwicklungsPill a:visited {width: 100%; border-right: 1px dashed #F3F6F9;} #main .mod_customnav.schwangerschaftsDots li.entwicklungsPill a:hover {background: #FF8078;} #main .mod_customnav.schwangerschaftsDots li.entwicklungsPill:last-child a {border-radius: 3px 30px 30px 3px;} #main .mod_customnav.schwangerschaftsDots li.entwicklungsPill:first-child a {border-radius: 30px 3px 3px 30px;} #main .mod_customnav.schwangerschaftsDots li.entwicklungsPill:last-child a:hover {border-radius: 0 200px 200px 0; border-right: none;} #main .mod_customnav.schwangerschaftsDots li.entwicklungsPill:first-child a {margin-left: -8px;} /* Entwicklungs - Wochenbettwochen */ body.wbwoche #main .mod_article .sharebuttons ul, body.entwicklungsmonate #main .mod_article .sharebuttons ul {padding: 0px 0 40px 0;} #main .mod_customnav.schwangerschaftsDots.wochenbett li {flex-basis: 12.5%;} #main .mod_customnav.schwangerschaftsDots.wochenbett li a:link, #main .mod_customnav.schwangerschaftsDots li.entwicklungsPill a:visited {width: 100%; border-right: 1px solid #F3F6F9;} #main .mod_customnav.schwangerschaftsDots.wochenbett li a:hover {background: #FF8078;} #main .mod_customnav.schwangerschaftsDots.wochenbett li:last-child a {border-radius: 3px 30px 30px 3px;} #main .mod_customnav.schwangerschaftsDots.wochenbett li:first-child a {border-radius: 30px 3px 3px 30px;} #main .mod_customnav.schwangerschaftsDots.wochenbett li:last-child a:hover {border-radius: 0 200px 200px 0; border-right: none;} #main .mod_customnav.schwangerschaftsDots.wochenbett li:first-child a {margin-left: -8px;} .subhub.wbwoche .content-text:nth-child(2), .subhub.wbwoche .content-text:nth-child(3), .subhub.entwicklungsmonate-seite .content-text:nth-child(2), .subhub.entwicklungsmonate-seite .content-text:nth-child(3) {background: #FFF;} .subhub.wbwoche .content-text figure, .subhub.entwicklungsmonate-seite .content-text figure {margin-bottom: 50px;} .subhub.wbwoche .content-text figure img, .subhub.entwicklungsmonate-seite .content-text figure img {border-radius: 5px;} /* .TrimesterEins, .TrimesterZwei {border-right: 2px solid #FFF; padding-right: 12px;} */ /* Schwangerschaftswochen Übersicht */ #schwangerschaftswochen .content-text {text-align: left; clear: both; padding-bottom: 55px;} #schwangerschaftswochen .content-text h2 {width: 100%; text-align: left; padding-left: 0;} #schwangerschaftswochen a.button:link, #schwangerschaftswochen a.button:visited { margin-bottom: 0px; font-size: 1rem; line-height: 1.4rem; padding: 10px 0; font-weight: normal;text-align: center; margin-top: 9px; width: 30%;display: inline-block;border: 1px solid #FF8078; transition: all 0.3s ease;} #schwangerschaftswochen a.button:hover {color: #FF8078; border: 1px solid #FF8078; background: #FFF;} #schwangerschaftswochen .sswBoxes div.flex a:link, #schwangerschaftswochen .sswBoxes div.flex a:visited { margin-bottom: 0px;font-size: 1em; line-height: 1.4em;padding: 5px 0;font-weight: normal;text-align: left; margin-top: 9px;color: #FF8078;width: 22%;display: inline-block;transition: all 0.3s ease; border: none;} #schwangerschaftswochen .sswBoxes div.flex a:hover {color: #344254; background: none;} #schwangerschaftswochen .content-text:nth-child(2) {background: #FFF;} /* #schwangerschaftswochen .content-text figure {margin: -50px 0 20px 10%; border-radius: 10px; width: 220px;} */ #schwangerschaftswochen .content-text figure img {border-radius: 3px;} #schwangerschaftswochen .hubmodules .content-text figure img {border-radius: 0;} #schwangerschaftswochen .content-text figure figcaption {margin-top: 10px;} /* 40 Schwangerschaftswochen Ansicht */ .sswAnsicht .mod_article {} .sswAnsicht .content-text:nth-child(2) {padding-top: 30px;} .sswAnsicht .content-text:nth-child(3) {background: #FFF;} .sswAnsicht .mod_article figure {margin: 17px 0 20px 10%; border-radius: 10px;} .sswAnsicht .mod_article figure img {border-radius: 10px; width: 350px;} .sswAnsicht .mod_article h1 {border: none; margin-bottom: 30px; margin-top: 55px;} .sswAnsicht .mod_article .content-text {padding-top: 45px; padding-bottom: 35px; color: #344254;} .sswAnsicht .mod_article .content-text:nth-child(1) {background: #F3F6F9;} .sswAnsicht .mod_article .content-text:nth-child(1) p {color: #344254; text-align: left;} .sswAnsicht .mod_article:nth-child(1) .content-text:nth-child(1) p {text-align: left; padding: 0;} .sswAnsicht .sswTipp {margin-bottom: 20px; background: rgb(249,226,216);} .sswAnsicht .sswTipp h2 {border: none;} .sswAnsicht .sswTipp ul li {background: #FFF; border-left: 3px solid #FF8078; background: -webkit-linear-gradient(left, rgba(249, 116, 143,0.1) 0%,rgba(249, 116, 143,0.03) 100%);} .sswAnsicht .sswGutzuwissen {} .sswAnsicht .sswGutzuwissen h2 {border: none;} .sswAnsicht .mod_article .content-text.sswMeilensteine {background: none;} .sswAnsicht .sswMeilensteine h2, .sswAnsicht .sswMeilensteine li {text-align: left;} .sswAnsicht .mod_booknav { padding: 25px 0 50px;} .sswAnsicht .mod_booknav li {margin: 0 auto 15px; text-align: center; display: initial;} .sswAnsicht .mod_booknav .up {display: none;} /* 2nd Header Menü */ .secondLevelMenue, #footer {} .secondLevelMenue {text-align: center;} .secondLevelMenue ul {margin: 5px 0; padding: 0;} .secondLevelMenue ul li {display: inline-block;} .secondLevelMenue ul li a:link, .secondLevelMenue ul li a:visited {letter-spacing: 0.03em; font-family: 'Karla', sans-serif; font-size: 0.92em; line-height: 1.4em; color: #FFF; width: auto; text-align: center; border-radius: 3px; min-height: 40px; padding: 8px 12px; font-weight: normal; color: #FF8078; background: rgba(255, 255, 255, 0.8); border-radius: 3px; border: 1px solid #FFF;} .secondLevelMenue ul li a:hover {color: #68caf3; border: 1px solid #68caf3;} .secondLevelMenue ul li.active .active {display: inline-block; letter-spacing: 0.03em; font-family: 'Karla', sans-serif; font-size: 0.92em; line-height: 1.4em; color: #FFF; width: auto; text-align: center; border-radius: 3px; min-height: 40px; padding: 8px 12px; font-weight: normal; color: #fff; background: #68caf3; border-radius: 3px; border: 1px solid #68caf3;} /* Modulheader */ .mainfooter {margin-top: 40px;} .artikeltipps {margin-bottom: 30px; border-radius: 3px; padding-left: 25px; display: inline-block; width: 48%; padding: 0 2%;} .artikeltipps h5 {padding: 4%; font-size: 1.7em; font-family: 'Karla', sans-serif; text-align: left; border: none; margin: 0;} .artikeltipps p {padding-left: 30px;} .artikeltipps ul {margin: 0 0 20px 30px; padding: 0; background: transparent;} .artikeltipps li {list-style: none; background: transparent url("/files/design/facebookIcon.png") 0 -97px no-repeat; line-height: 28px; padding-left: 28px; font-size: 1em;} .artikeltipps li a:link, .artikeltipps li a:visited {color: #fff;} .artikeltipps li a:hover {color: #333;} .newsletterBox {height: 165px; border-radius: 3px; margin-bottom: 20px; display: inline-block; width: 48%; margin-right: 3%;} .mod_subscribe {width: 100%; display: block; background: #FFF3D8; padding: 60px 0 100px;} .mod_subscribe .formbody {padding: 0 20%;} .mod_subscribe h4 {line-height: 30px; font-size: 1.7em; font-family: 'Karla', sans-serif; text-align: left; border: none; margin-top: 0; color: #FFF;} .mod_subscribe p {text-align: center; color: #344254; margin: 0 0 40px 0; font-family: ff-tisa-sans-web-pro, sans-serif; font-style: italic; font-size: 1.2rem; letter-spacing: 0.5px; line-height: 2rem;} .mod_subscribe input {border: none; border-radius: 50px; padding: 9px 5px 9px 8px; width: 85%; float: left; padding: 13px 10px 10px 20px;} .mod_subscribe p.error {color: #333;} .mod_subscribe button.submit { width: 19px; height: 43px; margin-left: 12px; position: relative; top: 0px; text-indent: -9999px; list-style: none; background: #FF8078 url(/files/design/_icons/suchpfeile.svg) no-repeat 12px 13px; background-size: 17px; line-height: 28px; padding: 18px 15px 19px 29px; font-size: 0.9rem; border: none; border-radius: 43px; float: right; } .mod_subscribe button.submit:hover {background: #344254 url(/files/design/_icons/suchpfeile.svg) no-repeat 12px 13px; background-size: 17px; cursor: pointer;} .mod_subscribe button.submit:active {background: #fff url(/files/design/_icons/suchpfeile.svg) no-repeat 12px 13px; background-size: 17px;} .BoxSocial {padding-left: 30px; margin: 0 15px 20px 15px; border-radius: 3px;} .bereiche img {float: right; border-radius: 3px; margin: 0 0 20px 30px;} body.newsletter #main .mod_subscribe {background: #d5dce4;} body.newsletter #main .mod_subscribe h2 {margin-top: 0; font-weight: 700; width: 100%; font-size: 2rem; line-height: 2.5rem; color: #344254; padding-bottom: 20px; text-align: center;} body.newsletter #main .mod_subscribe p {color: #344254;} /* Main Modules */ .mod_breadcrumb {padding-top: 40px; width: 100%; text-align: center; display: block; color: rgb(52 66 84 / 60%); font-size: 0.8rem; position: absolute; top: 55px; background: #F3F6F9; } .mod_breadcrumb ul {margin: 0; padding: 0;} .mod_breadcrumb li {display: inline-block; background: url(/files/design/_icons/arrowBreadcrumb.svg) right center no-repeat; background-size: 4px; margin-right: 7px;} .mod_breadcrumb li.nth-last-child() {background: none; margin-right: 0;} .mod_breadcrumb a:link, .mod_breadcrumb a:visited {font-size: 0.8rem; border-radius: 3px; letter-spacing: 0.5px; padding: 3px 8px 3px 0; color: rgb(52 66 84 / 60%); margin-right: 7px;} .mod_breadcrumb a:hover {color: #FF8078;} .mod_breadcrumb span.active {font-size: 0.8rem; border-radius: 3px; padding: 3px 7px; color: #7E96B3; letter-spacing: 0.5px;} .suchIndex {z-index: 102; position: relative;} .mod_search {position: absolute; top: 15px; background: #efefef; border-radius: 5px; width: 150px;} .mod_search .formbody {margin: 0 auto; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; transition: all .5s ease;} .mod_search formbody:focus {width: 130px;} .mod_search input {border-radius: 15px; padding: 7px 12px 7px 12px; width: 30px; float: left; border: 1px solid #7E96B3; font-size: 1em; font-family: 'Karla', sans-serif; color: #F3F6F9;} .mod_search .formbody:focus {width: 140px; } .mod_search button.submit {width: 25px; height: 26px; cursor: pointer; background: transparent url(/files/design/_icons/suche.svg) 2px 0 no-repeat; border: none; text-indent: 9999px; float: right; display: inline-block; position: absolute; top: 6px; right: 3px; background-size: 17px; border-radius: 0;} .mod_search button.submit:hover {background: transparent url(/files/design/_icons/suche.svg) 2px 0 no-repeat; background-size: 17px;} #suche .mod_search {position: relative; padding: 8px; width: 100%; margin-top: -10px; background: none; top: 0; left: 0; height: auto;} #suche .mod_search span.relevance {font-size: 0.7rem; color: #7E96B3;} #suche .even, #suche .odd {font-size: 0.8rem; font-family: Verdana; list-style-position: outside; margin-bottom: 4px; border-radius: 3px; padding: 10px 25px; background: #fff; margin-bottom: 10px;} #suche .mod_search p.url {display: none; height: 0; margin: 0; padding: 0;} #suche .mod_search h3 {font-size: 1.1rem; line-height: 1.5rem; margin: 10px 0 0 0;} #suche .mod_search h1 {border: none; margin-top: 72px;} #suche .mod_search p.header {font-size: 0.8em; text-align: center; color: #7E96B3; margin-bottom: 30px;} #suche .mod_search form {display: none;} /* Startseite Hub */ .willkommen {margin-top: 5px; margin-bottom: 30px;} .willkommen h1 {font-size: 1.7em; background: none;} .home .content-text h2 {width: 100%; text-align: center;} .home .flex {} .home .flex div {width: 50%; padding-top: 80px; padding-bottom: 80px;} .home .flex div:nth-child(odd) {padding-left: 20%; padding-right: 5%;} .home .flex div:nth-child(even) {padding-right: 20%; padding-left: 5%;} .home .flex div h2 {color: #344254;} .home .flex div p {color: #344254; margin-bottom: 30px;} .home .flex div:nth-child(odd) h2 {text-align: left;} .home .flex div:nth-child(even) h2 {text-align: left;} .home .flex div:nth-child(odd) p {text-align: left;} .home .flex div:nth-child(even) p {text-align: left;} .home .flex div a:link, .home .flex div a:visited {display: block; background: #FF8078; color: #FFF; padding: 10px 20px; border-radius: 100px; margin: 20px 0; display: table-cell; border: 1px solid #FF8078; font-family: ff-tisa-sans-web-pro, sans-serif; font-style: italic; font-weight: 400; font-size: 1.1rem; letter-spacing: 0.5px;} .home .flex div a:hover {color: #FF8078; background: #FFF; transition: all 0.3s ease; border: 1px solid #FF8078;} /* Front Themen */ .home .hubbar.categories {display: none;} /* 1 Zeile */ body.home .flex .content-text h2 {padding-bottom: 10px !important; position: relative;} body.home #main .flex .content-text figure {float: right; position: relative; top: 0px; width: 43px;} body.home .hubhead h1 {width: 50%;} body.home .frontSchwangerschaftswochen {background: #FFF !important;} .frontSchwangerschaftswochen p {margin: 0 10px 10px 0;} .haeufigeFragenFront {} /* 2 Zeile */ .frontBabyforum p.oberesP {color: #FFF;position: relative; top: 0; left: 0;margin-bottom: 25px;font-size: 1em;} #main .frontBabyforum a:link, #main .frontBabyforum a:visited {line-height: 0; padding-left: 40px; background: transparent url(/files/design/_icons/babyForumThreads.svg) 10px 11px no-repeat; color: #FF8078; border: none; background-size: 18px; font-size: 1em; width: 100%; max-width: 100%; border-bottom: 1px solid #ffe4e4; box-shadow: inset 0 -1px 0 #ffe4e4; border-radius: 0; line-height: 1.4rem; text-align: left;} #main .frontBabyforum a:hover {color: #344254; background: transparent url(/files/design/_icons/babyForumThreads.svg) 10px 11px no-repeat; background-size: 18px; transition: all 0.3s ease; border-bottom: 1px solid #344254; box-shadow: inset 0 -1px 0 #344254;} .frontBabyforum div.mod_rss_reader {margin: 0 0 0 !important; padding: 0 !important; width: 100%;} .frontBabyforum div.rss_default {margin: 0 0 10px 0 !important; padding: 0 !important; } .frontBabyforum div.rss_default {width: auto !important;} .frontBabyforum div.rss_default a:link, .frontBabyforum div.rss_default a:visited {} /* 3 Zeile */ .namenUmDenErdballFront, .checklistenHome {background: #FFF !important;} .home .redBox {background: #FFF !important;} .home .flex div.namenUmDenErdballFront a:link, .home .flex div.namenUmDenErdballFront a:visited {margin-right: 8px; display: inline;} .SSWsFront .total {visibility: hidden; height: 0;} .SSWsFront h2 {margin: 0; padding: 0;} .SSWsBoxFront .wocheIcon {} .SSWsBoxFront .wocheIcon a:link, .SSWsBoxFront .wocheIcon a:visited {float: left; font-size: 11px; margin: 0 7px 7px 0; border-radius: 3px; text-align: center; background: #FF8078; text-align: center; font-weight: normal; color: #FFF; width: 32px;} .SSWsBoxFront .wocheIcon a:hover {background: #00ADE5;} .frontKinderwunsch {background: #D12256 url("/files/design/frontKinderwunsch2.png") top right no-repeat; border-radius: 3px; margin-bottom: 30px; min-height: 110px; max-height: 120px;} .frontKinderwunsch h5, .serviceModule h5 {padding: 10px 0 28px 10px; color: #FFF; padding: 10px 0 0 10px;} .serviceModule {background: #D12256 url("/files/design/frontService.png") top right no-repeat; border-radius: 3px; margin-bottom: 30px; min-height: 110px; max-height: 120px;} .frontKinderwunsch a:link, .serviceModule a:visited, .frontKinderwunsch a:link, .serviceModule a:visited {position: relative; top: 0; left: 15px; background: #00ADE5; padding: 5px 15px 5px 15px; color: #FFF; border-radius: 3px; font-size: 1.1em; letter-spacing: 0;} .frontKinderwunsch a:hover, .serviceModule a:hover {background: #FFF; color: #FF8078;} .articleRectangle {height: 252px; max-width: 300px; margin-bottom: 15px; margin-left: 20px; float: right; border: 1px solid #DDD;} .skyscraper {border: 1px solid #DDD; position: absolute; top: 0; left: 200px;} .frontVerzeichnis {border-radius: 3px; margin-bottom: 30px; padding: 5px 15px 15px 15px; background: #fbf585; /* Old browsers */ background: linear-gradient(135deg, #fbf585 0%,#fefce0 100%); /* W3C */} .frontVerzeichnis h2 {width: 365px; line-height: 30px; padding: 8px 0 2px 0; font-size: 30px; color: #F4BE2F; font-family: 'Karla', sans-serif; text-align: left; border: none; float: left; margin-top: 0; font-weight: 300; } .frontVerzeichnis p {padding: 7px; border-radius: 3px; min-width: 280px; margin: 0; float: left; margin-right: 10px; color: #474646; margin-bottom: 10px;} .frontVerzeichnis .item {float: left; min-width: 140px; width: 20%;} body.home .mod_newslist {margin-top: 20px; padding-bottom: 40px; background: #f3f6f9;} body.home .mod_newslist h2 {flex: 0 0 100%; margin-top: 0; font-weight: 700; width: 60%; font-size: 2rem; line-height: 2.5rem; color: #344254; margin: 30px 0 0;border-bottom: 3px solid #34425426; top: 30px !important; padding-bottom: 10px !important; margin-bottom: 30px; font-family: ff-tisa-sans-web-pro, sans-serif; font-style: italic; font-weight: 500; font-size: 1.8rem; line-height: 2.5rem;} body.home .mod_newslist h3 {margin: 10px 20px 0; border: none;} body.home .mod_newslist h3 a {font-family: ff-tisa-sans-web-pro, sans-serif; font-style: italic; font-size: 1.15rem; line-height: 1.4rem; font-weight: 500; border: none; color: #344254; letter-spacing: 0.5px; margin-top: 20px;} body.home .mod_newslist .layout_latest {height: auto;} body.home .mod_newslist .layout_latest p.more {position: relative;} /* Ich bin Schwanger */ .artikelliste {border: 1px solid #DDD; padding: 10px;} .artikellisteItem {border-bottom: 1px solid #DDD;} .artikellisteItem img {width: 100px} .artikellisteItem p {margin-left: 200px;} .karenzAtLink {border-top: 2px solid #EEE; width: 280px; text-align: center; float: right;} .karenzAtLink img {margin-bottom: 10px;} /* Wochen der Schwangerschaft */ .SSWsBox {margin-bottom: 12px; width: 300px;} .SSWsBox .wocheIcon a:link, .SSWsBox .wocheIcon a:visited {float: left; font-size: 16px; margin: 0 10px 10px 0; width: 30px; border-radius: 3px; padding: 5px; background: #FF8078; text-align: center; font-weight: 700; color: #FFF;} .SSWsBox .wocheIcon a:hover {background: #00ADE5;} .SSWsBox .wocheTitel {float: left;} .wocheNummer {font-weight: 700;} .total {visibility: hidden; height: 0;} /* Entwicklungsmonate */ body.entwicklungsmonate .mod_article:nth-child(1) {padding-top: 90px;} body.entwicklungsmonate .content-text {background: #F3F6F9; padding-top: 50px; padding-bottom: 50px;} body.entwicklungsmonate .content-text:nth-child(3), body.entwicklungsmonate .content-text:nth-child(5), body.entwicklungsmonate .content-text:nth-child(7) {background: white;} body.entwicklungsmonate .content-text.first-child {background: #F3F6F9; border-bottom: none; text-align: center;} body.entwicklungsmonate .content-text:nth-child(1) p {width: 100%;} body.entwicklungsmonate .content-text h2 {} body.entwicklungsmonate .content-text h3 {margin-top: 20px; background: rgba(255, 228, 228, 0.5); padding: 5px 20px 5px 20px; font-size: 1.1rem; display: table;} body.entwicklungsmonate .content-text:nth-child(1) p {width: 100%;} body.entwicklungsmonate .content-text p {width: 55%;} body.entwicklungsmonate .button {margin-bottom: 20px;} body.entwicklungsmonate .content-text figure {} body.entwicklungsmonate .content-text:nth-child(4) figure {margin-top: -3%;} body.entwicklungsmonate .content-text:nth-child(6) figure {margin-top: 10%;} body.entwicklungsmonate .media--right figure {margin: 0px 0 30px 30px; width: 31vw; border-radius: 4px;} body.entwicklungsmonate .media--right figure img { border-radius: 4px;} body.entwicklungsmonate-seite .mod_article h2 {width: 100%;} body.entwicklungsmonate-seite .mod_article .content-text.first-child h2 {width: fit-content; text-align: center; background: rgba(255, 228, 228, 0.5); padding: 2px 20px 2px 20px; font-size: 1rem; display: block; margin: 0 auto; font-weight: 400; margin-bottom: 20px; letter-spacing: 0.05rem;} body.entwicklungsmonate-seite .mod_article .content-image img {width: 100%;} .tipp, .authorbox, .wichtig, .zitat, .elterncheck {padding: 15px 20px !important; border-radius: 5px; background: rgba(217, 239, 233, 0.6); width: 70%; margin: 30px 15%;} #artikel .layout_full .content-text p.tipp, #artikel .layout_full .content-text p.wichtig {margin-top: 40px;} .tipp, .wichtig, .zitat, .elterncheck {padding: 24px 30px 24px 14% !important; border-radius: 5px; width: 70%; margin: 30px 15%; content: ""; background-size: 40%;} .tipp {background: rgba(217, 239, 233, 0.6) url(/files/design/_icons/boxTipp.svg) 4% 45% no-repeat; background-size: 14%;} .wichtig {background: rgb(255 128 120 / 10%) url(/files/design/_icons/boxWichtig.svg) 4% 45% no-repeat; background-size: 14%;} .zitat {background: rgb(255 221 87 / 10%) url(/files/design/_icons/boxZitat.svg) 4% 45% no-repeat; background-size: 14%;} .elterncheck, .content-text:last-child.elterncheck {background: rgb(255 128 120 / 10%); padding: 24px 30px 24px 30px !important;} .content-text:last-child.elterncheck h2 {color: #db677f;} .content-text:last-child.elterncheck .fazit {background: #db677f url(/files/design/_icons/fazit.svg) 30px 25px no-repeat; background-size: 45px; padding: 12px 25px 12px 100px; color: #FFF; border-radius: 30px; margin-top: 25px; display: block;} body.entwicklungsmonate-seite .sharebuttons {padding-bottom: 20px;} /* Produktguide */ body.produkte .mod_newslist {padding-left: 0; padding-right: 0; padding-bottom: 0;} body.produkte .mod_newslist h3 { padding: 0 20px; border-bottom: 0; font-family: 'Karla', sans-serif; font-size: 1.15rem; line-height: 1.4rem; font-weight: 700;} body.produkte .mod_newslist h3 a:link, body.produkte .mod_newslist h3 a:visited {color: #344254;} body.produkte .mod_newslist h3 a:hover {color: #FF8078;} /* Article Boxes */ .siteBoxes {margin-bottom: 25px; margin-right: 50px; min-height: 160px;} /* .siteBoxes:nth-child(5), .siteBoxes:nth-child(9), .siteBoxes:last-child {margin-right: 0;} */ /* Fix ?? oder nicht */ .siteBoxes:nth-child(4), .siteBoxes:nth-child(7), .siteBoxes:nth-child(11), .siteBoxes:last-child {margin-right: 0 !important;} .siteBoxes a:link, .siteBoxes a:visited {color: #FFF; display: block; font-size: 0.85em;} .siteBoxes a:hover {color: #DDD;} .siteBoxes h2 {height: 50px; color: #FFF; padding: 10px 15px; width: 100%; margin-top: 0; font-family: 'Karla', sans-serif; font-weight: 300; font-size: 1.2em; text-align: center; } .sswBoxes {margin-right: 0; margin-bottom: 0;} .sswBoxes2 {padding-left: 25px; color: #333 !important;} .sswBoxes2 h2 {color: #333 !important; margin: 0; padding-left: 0;} .sswBoxes2 a:link, .sswBoxes2 a:visited {color: #FF8078; display: block; font-family: 'Karla', sans-serif; font-size: 1.6em; line-height: 1.4em; width: auto; text-align: center; border-radius: 3px; min-height: 40px; padding: 5px 10px; font-weight: normal; background: rgba(230, 93, 93,0.1); margin-top: 20px;} .sswBoxes2 a:hover {color: #333;} /* Wochen der Schwangerschaft */ .SSWsAnsicht {margin-bottom: 15px;} .SSWsAnsicht h1 {border-bottom: 2px solid #FF8078; background: none; line-height: 30px; padding-bottom: 15px; text-align: center; font-weight: normal; text-align: center;} .SSWsAnsicht .wocheIconFull {float: left; font-size: 26px; margin-right: 25px; border-radius: 0 0 5px 5px; padding: 11px 9px 14px 9px; background: #FF8078; text-align: center; font-weight: normal; color: #FFF; margin-bottom: 18px;} .SSWsAnsicht .wocheTitel {float: left;} .SSWsAnsicht .ansichtLeft {margin-top: 10px;} .SSWsAnsicht .ansichtRight {color: #FFF; margin: 10px 0 20px 0;} .SSWsAnsicht .ansichtRight .mod_catalogfilter {width: 140px;} .SSWsAnsicht .ansichtRight .SSWsFront {} .SSWsAnsicht .ansichtRight .wocheIcon a:link, .SSWsAnsicht .ansichtRight .wocheIcon a:hover {float: left; font-size: 12px; margin: 0 7px 7px 0; width: 16px; border-radius: 3px; padding: 3px 5px; background: #FF8078; text-align: center; font-weight: normal; color: #FFF;} .SSWsAnsicht .ansichtRight .wocheIcon a:hover {background: #00ADE5;} .SSWsAnsicht .frontBabyforum {background: #68caf3 url("/files/design/babyforumRSSModul.png") bottom right no-repeat; padding: 5px 15px 0 15px; margin: 35px 0 0 0; border-radius: 3px; min-height: 200px; min-width: 285px;} .SSWsAnsicht .frontBabyforum h2 {float: none;} .SSWsAnsicht p {color: #333;} .SSWsAnsicht .frontBabyforum a {background: #333; padding: 3px 7px; margin-top: 10px; border-radius: 3px;} .itemwalker {padding: 6px; text-align: center; margin: 10px 0 10px 0; border-radius: 3px; list-style: disc; font-size: 0.9rem; font-family: Verdana; list-style-position: outside; margin-bottom: 5px; border-radius: 3px; padding: 7px; padding-right: 5px; background: rgb(249,226,216); /* Old browsers */ background: linear-gradient(135deg, rgba(249,226,216,1) 0%,rgba(255,249,249,1) 99%);} /* Content Navigator Modul */ .ce_hofff_content_navigation { margin: 3em 0; padding-left: 8%; padding-right: 8%; } .ce_hofff_content_navigation li { display: list-item; } :target::before { content: ""; display: block; height: 100px; } /* Formulare */ #f1 {border: 3px solid #F1BFCB; padding: 0 15px 15px 15px; margin-top: 20px; background: #FFF url("/files/design/schwangerschaftsrechner.jpg") top right no-repeat;} #f1 h2 {margin: 10px 0 0 -3px; font-size: 16px; border: none;} #f1 #toggle_3 {position: relative; top: 5px; left: 10px; cursor: pointer;} #f1 #ctrl_1 {position: relative;} #f1 #ctrl_2 {position: relative;} #f1 #ctrl_3 {position: relative;} #f1 .submit {} #f1 .submit_container {background: #F1BFCB; margin-top: 5px; padding: 7px 0 5px 10px; position: relative; top: 15px;} #f1 input, #f1 select {max-width: 200px;} /* Banner */ #div-gpt-ad-1335012845025-0 {border: 1px solid #DDD; padding: 0 0 0 25px; background: #FFF;} /* Footer */ #footer .mod_customnav.service {margin: 8px 0 0 0; color: #777;} #footer .mod_customnav {margin: 8px 0 0 0; color: #666; display: inline-block; vertical-align: top;} #footer .mod_customnav ul {margin: 0 0 0 0; padding: 0;} #footer .mod_customnav li {list-style: none; line-height: 22px; display: block;} #footer .mod_customnav li a:link, #footer .mod_customnav li a:visited {color: rgba(255, 255, 255, 1); font-size: 0.9rem; letter-spacing: 0; line-height: 2rem; transition: all 0.3s ease;} #footer .mod_customnav li a:hover {color: #FF8078; color: #FF8078; letter-spacing: 0; line-height: 2rem;} #footer .mod_customnav li strong.active { color: #FF8078;font-size: 0.9rem;letter-spacing: 0;line-height: 1.8rem; font-weight: 400;} #footer .mod_customnav h5 {margin: 12px 0 8px 0; color: rgba(255, 255, 255, 0.5); font-weight: 500; margin-bottom: 30px; font-family: ff-tisa-sans-web-pro, sans-serif; font-style: italic; font-size: 1.2rem; letter-spacing: 0.5px; } .copyright {font-size: 0.85rem; margin: 100px 0 0 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: rgba(255, 255, 255, 0.8);} /* Comments */ .ce_comments {background: #F3F6F9; padding-top: 50px; padding-bottom: 50px; margin-top: 90px;} .ce_comments form {border-top: 1px solid rgba(255, 255, 255, 0.3); margin-top: 25px; padding-top: 20px;} .ce_comments h2 { margin-top: 0; padding-top: 0; border: none; font-weight: 400; width: 100%; text-align: center; font-size: 1.7rem; color: #344254; padding-bottom: 20px; margin: 10px auto 0px; border-radius: 5px; font-family: ff-tisa-sans-web-pro, sans-serif; font-style: italic; letter-spacing: 0.5px;} .ce_comments h2:nth-of-type(2) {display: none;} .ce_comments .comment p {margin-bottom: 0;} .ce_comments .widget {margin-bottom: 5px; margin-bottom: 5px; flex-basis: 48.5%; width: 100%;} .ce_comments .widget:nth-child(3) {order: 1;} .ce_comments .widget:nth-child(4) {order: 2;} .ce_comments .widget:nth-child(5) {order: 4;} .ce_comments .widget:nth-child(6) {order: 3;} .ce_comments .widget:nth-child(7) {order: 6;} .ce_comments .widget:nth-child(8) {order: 7;} .ce_comments .widget:nth-child(9) {order: 8;} .ce_comments .submit_container {order: 7; width: 100%;} .ce_comments .kommentarHeadline {font-size: 14px; float: right;} .ce_comments label {margin: 5px 0 15px 5px; font-size: 0.9rem; vertical-align: top; display: block; color: #344254;} .ce_comments input {border-radius: 3px; border: 0; font-size: 1em; padding: 7px 8px; width: 100%; display: block; color: #344254;} .ce_comments button.submit { background: #FF8078; color: #FFF; padding: 10px 20px; border-radius: 100px; margin: 20px 0; display: table-cell; border: 1px solid #FF8078; font-family: ff-tisa-sans-web-pro, sans-serif; font-style: italic; font-weight: 400; font-size: 1.1rem; letter-spacing: 0.5px;} .ce_comments button.submit:hover {background: rgba(249, 116, 143, 1); color: #FFF;} .ce_comments textarea {padding: 3px 5px 3px 5px; border: none; border-radius: 3px; width: 100%; color: #344254;} .ce_comments .captcha {width: 50px; float: left; margin-right: 13px;} .ce_comments .checkbox_container {margin: 30px 0 0 -4px; padding: 0;} .ce_comments .checkbox_container input.checkbox {width: 20px; float: left;} .ce_comments .checkbox_container label {margin: 2px 0 0 35px;} .ce_comments .formbody {margin-top: 20px; display: flex; flex-wrap: wrap; justify-content: space-between;} .comment_default {margin-bottom: 10px;} .comment_default .comment {background: #FFF; padding: 10px 35px 25px 35px; border-radius: 3px; margin-bottom: -12px;} .comment_default .comment p {line-height: 1.7rem;} .comment_default p.info {font-style: italic; margin-top: 0; color: #344254; margin-top: 40px;} .comment_default .reply {color: #344254; border-left: 7px solid rgba(255, 128, 120, 0.25); background-color: #fff; margin-top: 10px; border-radius: 0 0 3px 3px; padding: 30px 35px 38px 35px;} .comment_default .reply .info {color: #344254; margin-top: 0px; font-weight: bold;} .comment_default .reply .comment {padding: 0;} .comment_default .reply .comment, .comment_default .reply .comment p {background: transparent; color: #344254; line-height: 1.7rem;} /* mod_newslist */ .mod_newslist {padding-bottom: 100px;} .mod_newslist, .mod_newsarchive {overflow: hidden; display: flex; justify-content: space-between; flex-wrap: wrap; padding-top: 25px; background: #F3F6F9;} .mod_newslist img, .mod_newsarchive img {margin: 17px 0 0 20px; border-radius: 3px; float: right;} .layout_latest {flex-basis: 48.5%; margin-bottom: 25px; background: #fff; border-radius: 3px; position: relative; min-height: 240px;} .layout_latest h2 { font-weight: 500; padding: 0 25px; font-family: ff-tisa-sans-web-pro, sans-serif; font-style: italic; font-size: 1.2rem; letter-spacing: 0.5px; line-height: 1.6rem;} .layout_latest h2 a:link, .mod_newslist .layout_latest h2 a:visited {color: #344254;} .layout_latest h2 a:hover {color: #444;} .layout_latest .teaser {margin: 0; padding: 0 25px; } .layout_latest .teaser p {line-height: 1.7rem; color: #344254; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;} .layout_latest img {float: none; margin: 0; border-radius: 3px 3px 0 0; transition: all .3s ease-in-out;} .layout_latest figure {overflow: hidden;} .layout_latest figure:hover img {transform: scale(1.1) rotate(2deg); opacity: 0.8;} .layout_latest p.more {padding: 0 20px; margin: 20px 0; width: 100%;} .layout_latest div.caption {font-size: 0.75rem; width: auto !important; position: absolute; bottom: 5px; color: #fff; padding: 2px 8px; right: 0; background: rgba(1, 1, 1, 0.2); border-radius: 4px 0 0 0;} .layout_latest figure {position: relative;} body.news .mod_article h1 {margin: 5px 0 0 0; background: #f3f6f9; padding-top: 130px; width: 100%; font-family: ff-tisa-sans-web-pro, sans-serif; font-style: italic; font-weight: 500; font-size: 2.5rem;} body.news .mod_newslist .layout_latest {} p.more a:link, p.more a:visited, p.back a:link, p.back a:visited {transition: all 0.3s ease; border-radius: 50px; background: #FF8078; color: #FFF; padding: 10px 20px; border-radius: 100px; margin: 20px 0; display: table-cell; border: 1px solid #FF8078; font-family: ff-tisa-sans-web-pro, sans-serif; font-style: italic; font-weight: 400; font-size: 1.1rem; letter-spacing: 0.5px;} p.back a:link, p.back a:visited {margin: 0 auto;} p.more a:hover, p.back a:hover {background: #fff; color: #FF8078; border: 1px solid #FF8078;} p.back {margin: 50px auto 30px; text-align: center; display: flex;} /* mod_eventlist */ .mod_eventlist, .mod_eventreader, .mod_EventEditor { background: #F3F6F9; padding-bottom: 80px; } .mod_eventlist .event a { background: #FFF; border-radius: 5px; padding: 10px 20px; display: flex; justify-content: space-between; border-bottom: 2px solid #F3F6F9; } .mod_eventlist .event h2 { margin: 13px 0 10px 0; font-size: 1.3rem; width: 45%; align-items: center; display: flex; letter-spacing: 0.2px; } .mod_eventlist .event .time { width: 25%; } .mod_eventlist .event .location { width: 30%; } .mod_eventlist .event p, .mod_eventlist .event div, .mod_eventlist .event h2 { line-height: 1.4rem; } .mod_eventlist .event p { margin: 4px 0; align-items: center; display: flex; } .mod_eventlist .header { background: #344254; color: #FFF; margin: 35px 0 15px 0; border-radius: 5px; padding: 4px 10px; display: inline-block; } .mod_eventlist .content-text { display: none; } .mod_EventEditor { margin-top: -18px; padding-top: 40px; } .mod_EventEditor tbody { display: flex; justify-content: space-between; flex-wrap: wrap; } .mod_EventEditor tbody tr { width: 23%; margin-bottom: 25px; } .mod_EventEditor tbody tr td { display: block; } .mod_EventEditor tbody .label { color: rgb(52 66 84 / 60%); font-size: 1rem; margin-bottom: 10px; } .mod_EventEditor tbody tr td input, .mod_EventEditor tbody tr td textarea { border: 1px solid rgb(52 66 84 / 60%); border-radius: 5px; padding: 7px 10px 5px; width: 100%; color: #374254; font-family: 'Karla', sans-serif; font-size: 1rem; } .mod_EventEditor tbody tr:nth-child(1) input, .mod_EventEditor tbody tr:nth-child(2) input { width: 85%; margin-right: 10px; } .mod_EventEditor tbody tr:nth-child(5) input, .mod_EventEditor tbody tr:nth-child(5) input { width: 95%; } .mod_EventEditor tbody tr td textarea { width: 100%; padding: 10px; } .mod_EventEditor img.ui-datepicker-trigger { position: relative; top: 2px; left: 3px; cursor: pointer; } .mod_EventEditor span.mandatory { width: 10px; height: 10px; border-radius: 10px; background: #FF8078; color: #FF8078; margin-left: 5px; display: inline-block; } .mod_EventEditor tbody tr:nth-child(5), .mod_EventEditor tbody tr:nth-child(7) { width: 48.67%; } .mod_EventEditor tbody tr:nth-child(9) { width: 100%; } .caledit_info, .mod_EventEditor h2, .mod_EventEditor tbody tr:nth-child(6), .mod_EventEditor tbody tr:nth-child(8), .mod_EventEditor tbody tr:nth-child(15) { display: none; } .mod_EventEditor tbody tr:nth-child(10), .mod_EventEditor tbody tr:nth-child(13) { width: 45%; } .mod_EventEditor tbody tr:nth-child(14) { width: 100%; text-align: center; } .mod_EventEditor select {padding: 4px 20px 4px 6px; width: 100%; border-radius: 5px;} .mod_EventEditor tbody tr td input.submit { background: #FF8078; color: #FFF; padding: 10px 20px; border-radius: 100px; margin: 0; font-family: ff-tisa-sans-web-pro, sans-serif; font-style: italic; font-weight: 400; font-size: 1.1rem; letter-spacing: 0.5px; border: 1px solid #FF8078; cursor: pointer; } .mod_EventEditor tbody tr td input.submit:hover { border: 1px solid #FF8078; color: #FF8078; background: #FFF; } /* mod_eventreader */ .mod_eventreader .event { padding-top: 45px; display: flex; flex-wrap: wrap; justify-content: space-between; } .mod_eventreader .event h1 { width: 100%; margin-bottom: 20px; } .mod_eventreader .event .content-text { padding: 5px 25px; } .mod_eventreader .event .info, .mod_eventreader .event .location { width: 48%; display: inline-block; margin-top: 0; font-size: 1.2rem; line-height: 1.8rem; color: #344254; font-family: ff-tisa-sans-web-pro, sans-serif; font-style: italic; font-weight: 500; margin-bottom: 25px; padding: 0 25px; } .mod_eventreader .event .info:before, .mod_eventreader .event .location:before { content: "Datum & Uhrzeit"; margin-top: 0; font-size: 1rem; line-height: 2.5rem; color: #344254; font-weight: 400; display: block; border-bottom: 3px solid #34425426; margin-bottom: 15px; } .mod_eventreader .event .location:before { content: "Ort"; } .mod_eventreader .event .location { margin-bottom: 40px; } /* Mitglieder Anmeldung */ body.loginregistrierung .mod_login, body.loginregistrierung .mod_lostPassword, body.loginregistrierung .mod_registration { padding: 20px 25px 25px 25px; } body.loginregistrierung .mod_registration { flex-basis: 62%; } body.loginregistrierung .mod_login .formbody:before { content: "Hallo! Bitte registriere deinen Veranstalter-Account vor dem ersten Login im Formular rechts/darunter."; display: block; background: #ffdd57; margin-bottom: 30px; padding: 20px; } body.loginregistrierung .mod_registration .fields { display: flex; flex-wrap: wrap; justify-content: space-between; } body.loginregistrierung .mod_registration .widget { width: 47%; } body.loginregistrierung .mod_login h2, body.loginregistrierung .mod_lostPassword h2, body.loginregistrierung .mod_registration h2 { margin: 0; font-size: 1.6rem; width: 100%; } body.loginregistrierung .mod_login label, body.loginregistrierung .mod_lostPassword label, body.loginregistrierung .mod_registration label { display: block; padding: 0 0 5px 20px; text-align: left; } body.loginregistrierung .mod_login input, body.loginregistrierung .mod_lostPassword input, body.loginregistrierung .mod_registration input, body.loginregistrierung select { display: block; padding: 13px 10px 10px 20px; border-radius: 50px; border: none; width: 100%; margin-bottom: 20px; } body.loginregistrierung .mod_login input[type=checkbox], body.loginregistrierung .mod_registration input[type=checkbox] { width: 20px; float: left; position: relative;top: 4px; left: -9px; } body.loginregistrierung .mod_login button, body.loginregistrierung .mod_lostPassword button, body.loginregistrierung .mod_registration button { transition: all 0.3s ease; border-radius: 50px; background: #FF8078; color: #FFF; padding: 10px 20px; border-radius: 100px; margin: 20px 0; display: table-cell; border: 1px solid #FF8078; font-family: ff-tisa-sans-web-pro, sans-serif; font-style: italic; font-weight: 400; font-size: 1.1rem; letter-spacing: 0.5px; margin: 0; } body.loginregistrierung .mod_login button:hover, body.loginregistrierung .mod_lostPassword button:hover, body.loginregistrierung .mod_registration button:hover { background: #fff; color: #FF8078; border: 1px solid #FF8078; cursor: pointer; } /* Wissenschaft & Forschung */ body.forschung .layout_latest h2 { font-size: 1.4rem; line-height: 2rem; } body.forschung .layout_latest strong { display: block; font-size: 0.9rem; color: rgb(52 66 84 / 60%); font-weight: normal; margin-bottom: -6px; } #artikel .layout_full .content-text.factbox h2 { background: #344254; padding: 5px 12px 6px; color: #fff; font-weight: normal; text-transform: uppercase; font-size: 1.2rem; margin: 0; width: 30%; } #artikel .layout_full .content-text.factbox p { border-left: 2px solid #344254; margin: 0; padding-left: 20px; padding-top: 15px; overflow: hidden; } #artikel .layout_full .content-text.factbox p:first-child { border-top: 2px solid #344254; width: 100%; padding-top: 14px; } #artikel .layout_full .content-text.factbox p:last-child { border-bottom: 2px solid #344254; padding-bottom: 20px; } #artikel .layout_full .content-text.factbox strong { display: block; font-size: 0.9rem; color: rgb(52 66 84 / 60%); font-weight: normal; margin-bottom: -6px; } /* Random Articles Module */ .mod_newslist.randomNews {background: #F3F6F9; margin-top: 0px; padding-top: 30px; margin-bottom: 0;} .mod_newslist.randomNews h4 {flex-basis: 100%; margin-top: 0; padding-top: 0; border: none; font-weight: 400; width: 100%; text-align: center; font-size: 1.7rem; color: #344254; margin: 10px auto 30px; border-radius: 5px; font-family: ff-tisa-sans-web-pro, sans-serif; font-style: italic; letter-spacing: 0.5px;} .mod_newslist.randomNews .layout_latest {flex-basis: 48%;} .mod_newslist.randomNews .layout_latest h2 {margin-top: 15px;} .mod_newslist.randomNews .layout_latest h2 a {font-size: 1.1rem;} .mod_newslist.randomNews .layout_latest .teaser p {display: none;} /* Apps */ body.apps {} body.apps .content-text, body.apps .content-text h2, body.apps .content-text p {text-align: center; width: 100%;} body.apps .content-text img {width: 100px; border-radius: 18px;} /* ABC der Schwangerschaft */ body.abc {} body.abc .abcliste {background: white;} body.abc .abcliste p {width: 17%; margin: 5px 0;} body.abc .abcliste p span {display: block; margin: 12px 0 6px; font-weight: 700; border-bottom: 1px solid #DDD;} body.abc .abcliste p a {display: block;} /* Aktionen und Rabatte */ #aktionen-rabatte .mod_newslist .layout_latest {text-align: center; min-height: 520px;} #aktionen-rabatte .mod_newslist .layout_latest img, #artikel .layout_full.aktionen-rabatte img {width: 90%; border: 1px dashed #FF8078; border-radius: 30px; margin: 15px 0;} #aktionen-rabatte .mod_newslist .layout_latest p.more a {margin: 0px auto;} #artikel .layout_full.aktionen-rabatte {overflow: hidden;} #artikel .layout_full.aktionen-rabatte img {margin: 0;} #artikel .layout_full.aktionen-rabatte .media--right figure {margin: 0; width: 100%; float: inherit;} #aktionen-rabatte .mod_newslist .layout_latest .subheadline {color: #AAA;} #artikel .layout_full.aktionen-rabatte .subheadline {display: none} #artikel .layout_full.aktionen-rabatte .desc {background: #F3F6F9; min-height: 350px;} #artikel .layout_full.aktionen-rabatte .desc img {width: 100%; margin-left: 6%;} #artikel .layout_full.aktionen-rabatte .rabatt {color: #FFF; line-height: 4rem; display: inline-block; width: 49.8%; padding-bottom: 45px;} #artikel .layout_full.aktionen-rabatte .rabatt h2 {font-size: 1.1rem; border: none; margin: 0 0 5px 0; padding: 0; line-height: 1rem; color: rgba(255, 255, 255, 1);} #artikel .layout_full.aktionen-rabatte .rabatt p {font-size: 1.4em; line-height: 1rem; margin: 0; color: #FFF;} #artikel .layout_full.aktionen-rabatte .rabatt.zeitraum {background-image: linear-gradient(120deg, #764ba2 0%, #667eea 100%);} #artikel .layout_full.aktionen-rabatte .rabatt.code {background-image: linear-gradient(120deg, #f78ca0 0%, #FF8078 19%, #fd868c 60%, #fe9a8b 100%);} #artikel .layout_full.aktionen-rabatte .rabatt.hoehe {background-image: linear-gradient(120deg, #66a6ff 0%, #89f7fe 100%);} #artikel .layout_full.aktionen-rabatte .rabatt.link {background-image: linear-gradient(120deg, #00c1a2 0%, #8ddad5 100%);} #artikel .layout_full.aktionen-rabatte .rabatt.link a:link, #artikel .layout_full.aktionen-rabatte .rabatt.link a:visited {background: rgba(255, 255, 255, 0.2); border-bottom: rgba(255, 255, 255, 0.6); padding: 5px 12px; text-align: center; border-radius: 3px; font-size: 0.7em; color: #fff;} #artikel .layout_full.aktionen-rabatte .rabatt.link a:hover {background: #fff; color: #444; } /* Artikelansicht */ #artikel .layout_full {} body #artikel .layout_full h1 {text-align: center; width: 100%; font-weight: 700; font-size: 2.2rem; line-height: 2.5rem; color: #344254; padding-bottom: 30px; padding-top: 130px; margin: 0 0 -10px 0; font-family: "ff-tisa-sans-web-pro", sans-serif; font-weight: 700; font-style: italic; letter-spacing: 0.7px; padding: 130px 10vw 0; background-color: #F3F6F9;} #artikel .layout_full img {border-radius: 3px 0 0 3px; margin: 60px 0 20px 60px; float: right; max-width: 45%;} #artikel .layout_full .content-image {/*margin: 15px 0 25px 0;*/ position: relative;} #artikel .layout_full .content-image figcaption {font-size: 0.75rem; color: #888; position: absolute; right: 20px; top: 40px;} #artikel .mod_newsreader .layout_full .content-text em {color: #FF8078; display: block; font-weight: normal; font-size: 1em; background: rgba(249, 116, 143, 0.15); padding: 20px 30px; border-radius: 10px; width: 70%; margin: 25px auto;} #artikel .mod_newsreader .layout_full .content-text.pageAdvertorial em { background: none; padding: 0; color: #393939; width: 100%; margin: 0; } #artikel .layout_full .vita34desktop img {border-radius: 0; margin: 0 0 10px 0;} .mod_article {margin-bottom: 0px;} #main .sharebuttons {background: #F3F6F9; width: 100%; display: block; } #main .sharebuttons ul {text-align: center; width: 20%; margin: 40px 40% 0px; display: flex; justify-content: center;} #main .sharebuttons ul li a {border-radius: 30px;} #main .mod_article .sharebuttons ul {padding: 30px 0 0px 0; margin-top: 0px;} #artikel img {border-radius: 10px;} .mod_article#artikel figcaption {text-align: center; padding-top: 10px;} /* Expertenbox * Review */ .review {margin: 60px auto; text-align: center; max-width: 40%; padding: 0 !important; background: none;} .review p {color: #344254; font-style: italic; margin-bottom: 5px;} .review p strong {font-style: normal;} .review figure {margin-bottom: 0;} .review img, #artikel .review img {float: none; width: auto; margin: 0; max-width: 170px; margin-bottom: 5px; border: 3px solid rgba(77, 91, 109, 0.2); border-radius: 200px !important; padding: 3px;} .review h4 {border: none; padding: 0 0 25px 0;} #artikel .layout_full.interviews .content-text:nth-child(n+4) p:first-child {border-bottom: 3px solid rgba(249, 116, 143, 0.2); padding-bottom: 10px !important; color: #dc677f; font-weight: 600;} #artikel .layout_full.interviews .content-text:nth-child(n+4) p:first-child strong {color: #393939;} #artikel .layout_full.interviews .content-text:first-child p {color: #344254; font-weight: normal;} #artikel .layout_full.interviews .content-text:nth-child(n+4) .insideArticle p:first-child strong {color: #FFF;} /* Produkttest */ #produkttest .layout_latest {min-height: 530px;} #produkttest .layout_full h1 {padding-bottom: 30px; margin: 0 auto; background: #F3F6F9; padding-left: 15%; padding-right: 15%;} #produkttest .layout_full h2 {} #produkttest .layout_full img {border-radius: 3px; float: left; margin: 0 30px 30px 0; max-width: 500px;} #produkttest .layout_full .content-image {margin: 15px 0 25px 0;} .interview#produkttest .layout_full .content-text {padding-top: 0px;} .interview#produkttest .layout_full .content-image {position: relative;} .interview#produkttest .layout_full img {border-radius: 3px 0 0 3px; margin: 60px 0 20px 60px; float: right; max-width: 45%;} .interview#produkttest .layout_full .content-text:nth-child(3) {margin-bottom: 50px; padding-top: 20px;} .interview#produkttest .layout_full p em {color: #dc677f; font-weight: 600;} #produkttest .layout_full .content-text.interview {} #produkttest .layout_full .content-text.interview img {float: right; margin: 0 0 30px 30px; max-width: 500px;} #produkttest .layout_full .content-text.interview p em, body.neuheiten .interview p em {color: #dc677f; font-weight: 600;} #produkttest .layout_full .content-text.interview p em strong, body.neuheiten .interview p em strong {color: #393939;} #produkttest .layout_full .content-text.interview p, body.neuheiten .interview p {font-weight: normal;} #produkttest .layout_full .content-text .rat {text-align: center; font-style: italic; background: #FFF; padding: 10px 15px; margin-bottom: 15px;} #produkttest .layout_full .content-text.fazit {} #produkttest .layout_full .content-text.company {background: #FFF; margin-bottom: 50px;} #produkttest .layout_full .content-text.company img {max-width: 200px; padding-top: 40px;} #produkttest .layout_full .content-text.specs {background: rgba(216, 216, 216, 0.2);} #produkttest .layout_full .content-text.specs ul {margin: 0; padding: 0;} #produkttest .layout_full .content-text.specs ul li {border-left: 0; background: #FFF; font-size: 0.9rem; display: inline-block; width: 48%; border-radius: 4px; vertical-align: top;} #produkttest .layout_full .content-text.interview h2, body.neuheiten .interview h2 {color: #dc677f;} #produkttest .layout_full .content-text.fazit h2 {color: #dc677f;} #produkttest .layout_full .content-text.company h2 {color: #444;} body.neuheiten .interview.circle .media--right figure {float: right; text-align: right; width: 225px; text-align: right; position: relative; top: -50px; background: #db677f; border-radius: 300px;} body.neuheiten .interview.circle img {width: 200px; border-radius: 200px;} body.neuheiten .elterncheck.circle .media--right figure {float: right; text-align: right; width: 225px; text-align: right; position: relative; top: -50px; background: #db677f; border-radius: 300px;} body.neuheiten .elterncheck.circle img {width: 200px; border-radius: 200px;} /* Produktneuheiten */ body.neuheiten .content-image { position: relative;} body.neuheiten .content-image img {border-radius: 3px 0 0 3px; margin: 60px 0 20px 60px; float: right; max-width: 45%;} body.neuheiten .content-gallery {margin-top: 60px;} body.neuheiten .content-youtube {margin-top: 30px; } body.neuheiten .mod_article h1 {padding-top: 80px; margin-top: 0;} body.neuheiten .mod_article .layout_full h1 {padding-top: 30px; padding-left: 15vw; padding-right: 15vw; line-height: 3.2rem;} /* Produkttest & Interview & Co. */ #produkttest .content-gallery {background: #344254; padding: 40px 15px 30px 15px; margin-bottom: 40px;} #produkttest .content-gallery img {border-radius: 3px; margin-bottom: 15px; max-width: none; float: none; margin: 0; width: 100%;} #produkttest .content-gallery h2 {color: #FFF; text-align: center; width: 100%;} #produkttest .content-gallery>ul {display: flex; flex-wrap: nowrap; justify-content: space-between;} #produkttest .content-gallery li {width: 24%;} #produkttest .layout_full .content-text.company h2, #produkttest .layout_full .content-text.specs h2 {border: none;} #produkttest .videoWrapper p {margin: 0 auto 30px; max-width: 70%;} .interview#produktest .content-text {padding-bottom: 0;} .interview#produktest .content-text p em {color: #FF8078; display: block; font-weight: normal; font-size: 1em; background: rgba(249, 116, 143, 0.15); padding: 20px 30px; border-radius: 10px; width: 70%; margin: 25px auto;} .interview#produkttest .layout_full .content-gallery img {border-radius: 4px;} figcaption {margin-top: 0;} /* Gallery im Artikel Default */ .content-gallery {background: #344254; padding: 40px 15px 30px 15px; margin-bottom: 40px;} #artikel .content-gallery img {border-radius: 3px; margin-bottom: 15px; max-width: none; float: none; margin: 0; width: 100%;} .content-gallery h2 {color: #FFF; text-align: center; width: 100%;} .content-gallery>ul {display: flex; flex-wrap: nowrap; justify-content: space-between;} .content-gallery li {width: 24%;} /* Checklisten & Beikostrezepte */ .content-download {flex-basis: 46%; margin-bottom: 20px; margin-top: 0;} .content-download a:link, .content-download a:visited {background: #FFF url("/files/design/_icons/downloadPfeil3.svg") 0 50% no-repeat; border-radius: 3px; border: 1px solid #3442544a; width: 100%; display: block; color: #344254;font-size: 1rem;padding: 12px 0 10px 60px; background-size: 43px;} .content-download a:hover {background: #344254 url("/files/design/_icons/downloadPfeil3.svg") 0 50% no-repeat; background-size: 43px; color: #FFF;} .content-download span.size, .content-download img.mime_icon {display: none;} /* Gewinnspiel - Theme */ body.gewinnspiel #container .mod_article .content-text:nth-child(2), body.gewinnspiel #container .mod_article .content-text:nth-child(3) {background: #F3F6F9;} body.gewinnspiele .hubmodules .content-text {position: relative; padding-bottom: 30px;} .hubmodules .content-text p.aktionVorbei { background: #d9dee2; border-radius: 0 8px 8px 0px; display: inline-block; position: absolute; bottom: 0px; left: 0; font-size: 1rem; padding: 10px 20px 10px 20px; margin-top: -10px; } /* Umfrageseite */ body.umfrageseite .content-text.mamtop figure { width: 30vw; margin-left: 100px; } body.umfrageseite h1 { line-height: 4rem; } /* Häufige Fragen */ #häufige-fragen-und-antworten .content-headline.first-child {margin: 40px 0 0 0;} #haeufige-fragen-und-antworten .sharebuttons {padding-bottom: 40px;} #haeufige-fragen-und-antworten .layout_full p {color: #344254;} #haeufige-fragen-und-antworten .siteBoxes:nth-child(4) {margin-right: 50px;} #haeufige-fragen-und-antworten .siteBoxes:nth-child(6) {margin-right: 0;} #haeufige-fragen-und-antworten .ce_comments h2 {background: #F3F6F9;} #haeufige-fragen-und-antworten .mod_newsreader p.back {display: none;} /* Pagination */ .pagination {margin-bottom: 20px; width: 100%;} .pagination p {visibility: hidden; height: 0;} .pagination ul {padding-left: 0;} .pagination ul li {display: inline-block; margin-bottom: 10px; margin-right: 5px;} .pagination ul li a:link, .pagination ul li a:visited { background: #FFF; color: #FF8078; border-radius: 3px; padding: 4px 10px 6px 10px; transition: all 0.3s ease; letter-spacing: 0;} .pagination ul li a:hover {background: #FF8078; color: #FFF; cursor: pointer;} .pagination strong.active {display: inline-block; color: #FFF; border-radius: 3px; padding: 1px 11px 1px 11px; position: relative; background: #FF8078; top: 1px;} /* Booknav */ .mod_booknav {text-align: center; background: #FFF; padding: 50px 0;} .mod_booknav ul {margin: 0; padding: 0; text-align: center;} .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: #FF8078; font-size: 1em; line-height: 1.4em; padding: 10px 20px; color: #212121; border-radius: 3px; text-align: center; font-weight: normal; display: block; text-align: center; margin-top: 20px; color: #FFF; display: inline-block; transition: all 0.3s ease; border-radius: 0; background: #FF8078; color: #FFF; padding: 10px 20px; border-radius: 100px; margin: 20px 0; display: table-cell; border: 1px solid #FF8078; font-family: ff-tisa-sans-web-pro, sans-serif; font-style: italic; font-weight: 400; font-size: 1.1rem; letter-spacing: 0.5px;} .mod_booknav ul li a:hover {background: #fff; color: #FF8078;} /* Download Box */ .downloadBox {margin: 0; background: #FFF; color: #333; text-align: center; border-radius: 3px; padding: 15px 0; font-weight: 400; line-height: 2rem;} .downloadBox h2 {margin: 0;} .downloadBox a:link, .downloadBox a:visited {width: 100%; border-bottom: 1px solid #ffe4e4; box-shadow: inset 0 -1px 0 #ffe4e4; text-align: center; max-width: fit-content; margin: 0 auto;} .downloadBox a:hover {background: #FFF;} /* Buecher */ .content-hyperlink.buchlink {text-align: center;} .buchlink a:link, .buchlink a:visited {border: none; background: #FF8078; font-size: 1.1em; line-height: 1.7em; padding: 5px 10px; color: #212121; border-radius: 3px; text-align: center; font-weight: normal; display: block; text-align: center; max-width: 400px; margin-top: 10px; color: #FFF; display: inline-block;} .buchlink a:hover {background: #68caf3; color: #FFF;} body.buch .content-text figure {perspective: 700px; width: 150px; margin: 30px 30px 30px 0;} body.buch .content-text img {border-radius: 4px; box-shadow: 0 0 10px #DDD; transform: rotateY(25deg);} /* Kindernamen */ .laender {background: #FFF !important; padding: 10px; border-radius: 3px; /* margin: 40px 0 60px; */ display: flex; justify-content: space-between; padding-top: 50px !important; padding-bottom: 50px !important; flex-wrap: wrap;} .laender h2 {width: 100% !important; text-align: center; margin-bottom: 10px; font-weight: 700; font-size: 2.2rem; line-height: 2.5rem; margin: 0 0 30px 0;} .laender div {width: 17%;} .laender h3 {font-size: 1.2rem; margin: 20px 0 10px 0; font-weight: normal; font-family: 'Karla', sans-serif; text-align: left; color: #344254;} .laender ul {padding: 0;} .laender ul li {margin: 0; list-style: none inside; list-style-image: none; border-left: 0; background: none; border-radius: 0; line-height: 1.8rem;} .laender ul li a:link, .laender ul li a:visited {color: #344254; border: none; background: #fff5f5; border-radius: 30px; padding: 6px 14px 6px 8px;} .laender ul li a:hover {color: #FF8078;} .laender ul li img {vertical-align: baseline;} .laender .two {margin-top: 70px;} .ce_accordion {margin-bottom: 0px;} .toggler { border-radius: 3px; cursor: pointer; padding: 10px 15px; color: #393939; background: #3939391f; font-size: 1.1rem;} .toggler:hover {background: #FFF;} .accordion.ui-accordion-content {background: #fff; padding: 0 20px 2px 20px;} .girlslist {display: inline-block; width: 49%; vertical-align: top; background: transparent url(/files/design/_icons/namesGirls.svg) 5px 25px / 30px auto no-repeat;} .boyslist {display: inline-block; width: 49%; vertical-align: top; background: transparent url(/files/design/_icons/namesBoys.svg) 5px 25px / 30px auto no-repeat;} .girlslist ol, .boyslist ol {padding-left: 65px; padding-top: 0; margin-top: 20px;} .girlslist li, .boyslist li {border-bottom: 1px solid #DDD; line-height: 1.9rem; color: #344254; padding-left: 30px;} .mod_article .girlslist h2, .mod_article .boyslist h2 { color: #344254; padding-left: 45px; font-weight: normal; font-family: 'Karla', sans-serif; font-size: 1.3rem; margin: 15px 0 10px 30px; font-style: normal;} body.namen .content-text:nth-child(2) {background: #F3F6F9;} /* Timeline */ #timeline .timelineLeft {width: 60%; display: block;} #timeline .timelineLeft ul {margin-left: 0; padding-left: 0;} #timeline .timelineLeft ul li {border-right: 25px solid rgba(243, 105, 104, 0.3); border-left: none; margin-left: 0;} #timeline .timelineLeft.box li, #timeline .timelineRight.box li {background: none; border: none;} #timeline .timelineLeft.box h2, #timeline .timelineRight.box h2 {padding-left: 20px;} #timeline .timelineRight {margin-left: 40%; width: 55%; display: block;} #timeline .timelineRight ul {margin-left: 0; padding-left: 0;} #timeline .timelineRight ul li {border-left: 25px solid rgba(243, 105, 104, 0.3); border-right: none; margin-left: 0;} #timeline li.babyforum {border-color: rgba(114, 190, 225, 0.3); background: rgba(114, 190, 225, 0.1);} #timeline .timelineLeft ul li.babyforum, #timeline .timelineRight ul li.babyforum {border-color: rgba(114, 190, 225, 0.3);} #timeline ul li.babyforum a:link, #timeline ul li.babyforum a:visited {color: rgba(114, 190, 225, 1);} /* Timeline 2 */ body.timeline #main {} body.timeline .mod_subscribe {position: relative; z-index: 10000;} body.timeline hr {height: 200px;} .se_timeline {position: relative; margin-bottom: 100px;} .subhub.timeline .content-text:nth-child(2) {background: #FFF;} .se_timeline .content-text.item {width: 45%; position: relative; text-align: right; margin-left: 5%; padding-right: 5%; clear: both; float: left; margin-bottom: -70px; padding-top: 15px; background: #FFF; padding-left: 3%; border-right: 1px solid rgba(77, 91, 109, 0.7);} .se_timeline .content-text.item:first-child {} .subhub .se_timeline .item:nth-of-type(2n) {float: right; text-align: left; padding-left: 5%; padding-right: 0; margin-right: 5%; padding-right: 3%; background: #FFF; border-right: none; border-left: 1px solid rgba(77, 91, 109, 0.7); position: relative; left: -1px;} /* .se_timeline:before {content: ""; width: 2px; background: rgb(152,152,152); position: absolute; top: 30px; left: 50%; height: 3000px; margin-left: -2px; z-index: 10; background: rgba(77, 91, 109, 0.7);} */ .se_timeline .content-text.item p {padding: 12px 16px; } .se_timeline .content-text.item p.text {margin-bottom: -13px; background: #FFF; border-radius: 3px; border-radius: 3px; background: #FFF; box-shadow: 0px 0px 5px #34425426;} .se_timeline .content-text.item p.text h3 {font-family: ff-tisa-sans-web-pro, sans-serif; font-size: 1.15rem; line-height: 1.4rem; font-weight: 500; border: none; font-style: italic;} .se_timeline .content-text.item p.link {background: rgba(255, 255, 255, 0.5); border-radius: 3px; padding-right: 10px;} .se_timeline .content-text.item p.link a { padding-right: 30px; padding-left: 7px; line-height: 35px; background: #fff url(/files/design/_icons/pinkArrowRight.svg) 100% 51% / 20px auto no-repeat;} .se_timeline .content-text.item img {margin-top: 15px; margin-bottom: 0px; border-radius: 3px; width: 60%;} .se_timeline .content-text.item.smallimg img {margin-top: 15px; margin-bottom: -12px; border-radius: 3px; float: right; margin: 28px 10px 20px 20px; width: 82px;} .se_timeline .content-text.item p.dot {background: #344254; width: 10px; height: 10px; border-radius: 100%; position: absolute; right: 0; top: 9px; margin-right: -5px; padding: 0;} .se_timeline .content-text.item:nth-of-type(2n) .dot {right: auto; left: -6px;} .se_timeline .content-text.item h2 {font-size: 1.1rem; line-height: 1.5rem; font-weight: normal; background: #344254; color: rgb(255,255,255); display: inline-block; padding: 7px 12px; border-radius: 3px; margin-top: -5px; margin-bottom: 0px; width: fit-content;} .se_timeline .content-text.item h2:before {content: ""; position: absolute; right: 0; top: 29px; height: 1px; background: rgba(77, 91, 109, 0.3); width: 12%;} .se_timeline .content-text.item:nth-of-type(2n) h2:before {left: 0; right: auto; top: 30px;} fieldset {border: none;} .sitelinkDesktop {position: absolute; right: 0; top: -55px;} .babyforumBubble {display: none;} .information {font-size: 1em; color: #AAA; text-align: center; text-decoration: underline;} /* Verzeichnis Neu */ .grid {padding-top: 0 !important;} body #verzeichnis .content-text.grid {display: flex; justify-content: space-between; flex-wrap: wrap; background: #f3f6f9;} body #verzeichnis .content-text.grid .content-image {padding: 0; width: 47%; position: relative; overflow: hidden; border-radius: 3px; margin-bottom: 40px;} body #verzeichnis .content-text.grid .content-image h2 {position: absolute; z-index: 10; font-size: 1.4rem; background: rgba(255, 255, 255, 0.9); line-height: 1.4rem; padding: 13px 20px; width: fit-content; border-radius: 3px 0 3px 0;} body #verzeichnis .content-text.grid .content-image img {position: relative; z-index: 8; width: 100%; border-radius: 3px; transition: all .15s ease-out; cursor: pointer;} body #verzeichnis .content-text.grid .content-image img:hover {transform: scale(1.05); cursor: pointer;} body.verzeichnisseite .filter {background: #F3F6F9; padding-bottom: 40px; justify-content: flex-start; flex-wrap: wrap; column-gap: 50px;} body.verzeichnisseite .filter h3 {color: #7E96B3; border: none;} body.verzeichnisseite .filter button {background: #FFF; color: #344254; border: none; letter-spacing: 1px; cursor: pointer; margin-right: 4px; margin-bottom: 7px; border-radius: 3px;} body.verzeichnisseite .filter button:hover {background-color: rgba(126, 150, 179, 0.2); cursor: pointer;} body.verzeichnisseite .filter button.is-checked {background: #344254 !important; color: #FFF;} body.verzeichnisseite .content-text:last-child {margin-top: 70px; border-bottom: 2px solid #f3f6f9;} body.verzeichnisseite .grid .content-text:last-child {margin-top: 0px; border-bottom: none;} body.verzeichnisseite .grid {display: flex; justify-content: space-between; background: #F3F6F9; padding-bottom: 50px; flex-wrap: wrap;} body.verzeichnisseite .grid .content-text { width: 22%; padding: 25px; background: #FFF; min-height: 240px; margin-right: 2%; margin-bottom: 25px;} body.verzeichnisseite .grid .content-text:nth-child(1) {text-align: left;} body.verzeichnisseite .grid .content-text:nth-child(3n) {margin-right: 0;} body.verzeichnisseite .grid .content-text h2 {font-size: 1.3rem; line-height: 1.5rem; width: 100%; padding-bottom: 0; margin-bottom: 20px;} body.verzeichnisseite .grid .rte {display: contents;} body.verzeichnisseite .grid .content-text p {} body.verzeichnisseite .grid .content-text p:last-child {bottom: 4px; padding: 10px 7px; position: absolute;} body.verzeichnisseite .grid .content-text p:last-child::empty {display: none;} .verzeichnis_disclaimer {font-size: 0.8rem; text-align: center; margin: 35px 20% 0 20%; color: #344254;s} body.verzeichnisseite .grid.foto .content-text {width: 25.5%; padding: 0 0 25px 0; display: flex; flex-wrap: wrap;} body.verzeichnisseite .grid.foto .content-text h2 {order: 2; width: 100%; padding: 25px 25px 0 25px;} body.verzeichnisseite .grid.foto .content-text figure {order: 1; margin: 0; border-radius: 3px 3px 0 0;} body.verzeichnisseite .grid.foto .content-text figure img {border-radius: 3px 3px 0 0; width: 100%;} body.verzeichnisseite .grid.foto .content-text p {width: 100%; padding: 0 25px; order: 3;} body.verzeichnisseite .grid.foto .content-text p:last-child {order: 4; position: relative; margin: 0 25px; padding: 10px 0px;} body.verzeichnisseite .grid.foto .content-text p em {font-size: 0.8rem; background: #ddd; display: inline-block; border-radius: 4px; padding: 3px 10px; margin-bottom: 4px; background-color: rgba(126, 150, 179, 0.1); color: #344254;} body.verzeichnisseite .content-text.partner:nth-child(2), .content-text.partner:nth-child(2) {background: #f3f6f9; padding-top: 0; padding-bottom: 30px;} body.verzeichnisseite .content-text.partner a {display: block; border-radius: 5px;} body.verzeichnisseite .content-text.partner a img {width: 50%;} body.verzeichnisseite .grid.kliniken .content-text {min-height: 330px;} body.verzeichnisseite .grid.kliniken .content-text.babyfriendly:before { content: ""; width: 62px; display: block; position: absolute; top: 18px; right: -28px; transform: rotate(45deg); -webkit-transform: rotate(45deg); border-left: 30px solid transparent; border-right: 30px solid transparent; border-bottom: 30px solid #F9748F; height: 0; } body.verzeichnisseite .grid.kliniken .content-text.babyfriendly:after { content: "Baby-friendly"; font-size: 0.6rem; font-weight: bold; color: #FFF; text-transform: uppercase; text-align: center; line-height: 30px; transform: rotate(45deg); -webkit-transform: rotate(45deg); width: 75px; display: block; position: absolute; top: 18px; right: -5px; height: 23px; } body.verzeichnisseite .grid .content-text.premium:before, body.verzeichnisseite .grid .content-text.rabatt:before, body.verzeichnisseite .grid .content-text.baby:before { content: ""; width: 62px; display: block; position: absolute; top: 18px; right: -28px; transform: rotate(45deg); -webkit-transform: rotate(45deg); border-left: 30px solid transparent; border-right: 30px solid transparent; border-bottom: 30px solid #F9748F; height: 0; color: #FFF; } body.verzeichnisseite .grid .content-text.premium:after, body.verzeichnisseite .grid .content-text.rabatt:after { content: ""; font-size: 0.6rem; font-weight: bold; color: #FFF; text-transform: uppercase; text-align: center; line-height: 30px; transform: rotate(45deg); -webkit-transform: rotate(45deg); width: 75px; display: block; position: absolute; top: 18px; right: -5px; height: 23px; } body.verzeichnisseite .grid .content-text.rabatt:before, body.verzeichnisseite .grid .content-text.baby:before { border-bottom: 30px solid #F2CD5D; } body.verzeichnisseite .grid .content-text.rabatt:after { content: "Rabatt"; position: absolute; right: 8px; rotate: 44deg; top: 19px; color: #FFF; font-weight: 600; } body.verzeichnisseite .grid .content-text.premium:after { content: "Premium"; position: absolute; right: 0px; rotate: 44deg; top: 21px; color: #FFF; font-weight: 600; } body.verzeichnisseite .grid .content-text.baby:after { content: "Baby"; position: absolute; right: 12px; rotate: 44deg; top: 20px; color: #FFF; font-weight: 600; } /* AR Liste */ body.ar .hubhead {padding: 130px 0 0 14%;} model-viewer { animation-delay: 5s; width: 100%; height: 750px; animation: aRnimate 10s ease infinite; background: transparent url(https://arkid.app/_clients/myjunior/icons/blueCircle.svg) center center no-repeat; background-size: 40%;} @keyframes aRnimate { 20% { background: #fff; } 50% { background: #DDE1E6;} 80% {background: #fff; } } .argrid { background: #DDE1E6; padding-bottom: 100px;} .argrid .slidii {display: flex; justify-content: space-between;} .argrid .card {width: 31%; margin-bottom: 25px; margin-bottom: 30px; background: #FFF; border-radius: 3px; padding: 20px 20px 0;} .argrid .card img {border-radius: 5px;} .argrid .card h2 {margin: 15px 0 0 0; padding-bottom: 0; font-family: 'Karla', sans-serif; font-size: 1.15rem; line-height: 1.4rem; font-weight: 700; border: none;} .argrid .card p {margin-top: 0; padding:15px 0;line-height: 1.6rem;} .argrid .card button { background: #fff; color: #344254; padding: 3px 10px 11px; border-radius: 5px; cursor: pointer; font-family: 'Karla'; letter-spacing: 0.5px; text-transform: uppercase; border: 1px solid #344254; border-bottom: 3px solid #344254; margin: 0 10px 10px 0; transition: all 0.4s;} .argrid .card button:hover {background: #344254; color: #FFF;} .argrid .card button span {display: inline-block; width: 20px; height: 20px; border-radius: 100%; position: relative; top: 5px; margin-left: 0px; margin-right: 4px;border: 1px solid #FFF;} body.ar .argrid .card a:link, body.ar .argrid .card a:visited {padding: 10px 7px; border-bottom: 2px solid rgba(249, 116, 143, 0.2); } body.ar .argrid .card a:hover {color: #344254; border-bottom: 2px solid #344254;} body.ar .argrid .tag {font-size: 0.8rem; border-radius: 4px; padding: 3px 10px; margin-top: 12px; background-color: rgba(126, 150, 179, 0.1); color: #344254; float: right;} body.ar .slider-control {margin-bottom: 100px;} body.ar .slider-control .slider-menu {font-size: 2.2rem;} body.ar .slider-control .slider-menu b {margin: 0 10px;} /* SIEGEL Seite */ .babyshopsCode textarea {width: 400px; height: 160px; border-radius: 5px; border: 1px solid #DDD; padding: 20px; margin:: 0 auto; line-height: 1.4rem;} /* Verzeichnis Eintrag */ #f4 .formbody {display: flex; flex-wrap: wrap; justify-content: space-between;} #f4 .widget {width: 47%; margin-bottom: 20px;} #f4 .widget.widget-explanation {width: 100%; margin-top: 20px; margin-bottom: 20px;} #f4 .widget.widget-explanation h2 {margin-bottom: 0; padding-bottom: 0; width: 100%;} #f4 .widget.widget-select select {width: 100%;} #f4 .widget.widget-textarea {width: 100%;} #f4 label {margin: 5px 0 15px 5px; font-size: 0.9rem; vertical-align: top; display: block; color: rgba(255, 255, 255, 0.6);} #f4 input {border-radius: 3px; border: 0; font-size: 1em; padding: 7px 8px; width: 100%; display: block; color: #344254; border: 1px solid #7E96B3;} #f4 textarea {padding: 7px 8px; border: none; border-radius: 3px; width: 100%; color: #344254; border: 1px solid #7E96B3; width: 100%;} #f4 .captcha {width: 50px; float: left; margin-right: 13px;} #f4 button.submit {cursor: pointer; font-size: 1.1em; margin: 0 auto; width: 300px; background: rgba(249, 116, 143, 0.7); color: #FFF; font-size: 1.2rem; padding: 8px 12px; border: none; border-radius: 4px;} #f4 button.submit:hover {background: rgba(249, 116, 143, 1); color: #FFF;} /* Impressum */ .webdesign {background-color: #eeeeee; border-radius: 3px; padding: 15px; text-align: center;} .showADmobile {display: none;} .showADdesktop {background: #344254; padding: 14px 5% 2px; text-align: center;} .showADdesktop img {border-radius: 4px; max-width: 1020px;} .showADdesktop img, .showADmobile img {background: #FFF;} /* Datenschutzerklärung */ #iub-pp-container {background: #fff; text-align: left; font-size: 0.8rem; padding-top: 25px; padding-bottom: 25px;} .iubenda_legal_document {padding-left: 20%; padding-right: 20%} /* Formulare */ .ce_form { padding-bottom: 50px; } .ce_form .widget-text input, .ce_form select { padding: 13px 10px 10px 20px; border-radius: 30px; border: none; margin-bottom: 20px; width: 100%; } .ce_form select { width: 100%; } .ce_form .umfrage-danke .formbody { display: flex; justify-content: space-between; flex-wrap: wrap; } .ce_form .umfrage-danke legend { color: #344254; width: 100%; font-weight: bold; position: relative; top: -20px; } .ce_form .umfrage-danke label { margin-right: 13px; } .ce_form .umfrage-danke .formbody div { flex-basis: 32%; } .ce_form .umfrage-danke .formbody div:nth-child(9) { flex-basis: 100%; } .ce_form .umfrage-danke .formbody .checkbox_container { background: #FFF; border-radius: 30px; padding: 11px 30px 10px 20px; margin-bottom: 20px; margin-top: 15px; } .ce_form .umfrage-danke .formbody button.submit { display: block; padding: 10px; background: #FF8078; color: #FFF; max-width: fit-content; padding: 10px 20px; border-radius: 100px; transition: all 0.3s ease; font-family: ff-tisa-sans-web-pro, sans-serif; font-style: italic; font-weight: 400; font-size: 1.1rem; letter-spacing: 0.5px; border: 1px solid #FF8078; margin: 0 auto 40px auto; } /* Artikel in der App */ #gewinnspiel h1 {text-align: center; margin: 30px 0 -10px 0; line-height: 1.5em; font-size: 3em;} #gewinnspiel h2 {text-align: center;} #gewinnspiel .content-image img, .content-image.bild img {border-radius: 3px;} .content-image.bild {display: inline-block; margin-right: 18px;} .content-image.bild.drei {margin-right: 0;} .authorbox {border: 2px solid #efefef; padding: 0 25px 5px 25px; display: block; border-radius: 3px;} .media--right figure {float: right; margin: 0 0 30px 30px; width: 350px; width: fit-content; text-align: right;} figcaption {font-size: 0.9rem; color: #7E96B3; line-height: 1.5rem; text-align: center; margin-top: 20px; margin-bottom: 25px;} /* Rechner */ .content-text.rechnerErgebnisse {padding: 0; padding-bottom: 0px !important;} .content-text.rechnerErgebnisse .calculator {padding: 80px; background-image: linear-gradient( to bottom, rgb(255 241 242) 26%, rgba(182, 223, 241, 0.8) );} .content-text.rechnerErgebnisse .calculator h3 {margin-top: 0;text-align: center; font-weight: 700; font-size: 2.2rem; line-height: 2.8rem; color: #344254; display: block; border: none; } .content-text.rechnerErgebnisse .calculator h3 span {display: inline;} .content-text.rechnerErgebnisse .calculator h2 {width: 100%;} .content-text.rechnerErgebnisse .calculator .form-group {margin-bottom: 20px;} .content-text.rechnerErgebnisse .calculator div label {margin: 25px 0 15px; display: block; font-weight: bold;} .content-text.rechnerErgebnisse .calculator .select ul li {background: #fff; border-radius: 0; border: none; margin: 0; padding: 3px 0; line-height: 40px; font-size: 0.9rem;} .content-text.rechnerErgebnisse .calculator .select ul li:hover {background-color: rgba(126, 150, 179, 0.2);} .content-text.rechnerErgebnisse .calculator .select .datepicker-panel ul li {background: #fff; border-radius: 0; border: none; margin: 0; padding: 0px 0 0px; line-height: 32px; display: table;} .content-text.rechnerErgebnisse .calculator .select .datepicker-panel ul li.highlighted {font-weight: bold;} .content-text.rechnerErgebnisse .calculator input[type="radio" i] {float: left;} /* Video Wrapper */ .videoWrapper h2 {} .videoWrapper div {margin-bottom: 35px; line-height: 1.7em; font-family: Karla; font-weight: bold;} .videoWrapper p {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%; background: #333; padding: 5px; border-radius: 5px;} .videoWrapper {background: #fff; padding-bottom: 30px;} #main .videoWrapper {position: relative; margin: 20px auto 50px; width: 85%; display: block; height: auto;} .videoWrapper iframe.corona {min-height: 500px; max-width: 800px;} #main .content-youtube .videoWrapper { position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 25px; height: 0; } /* Videos-Bereich */ .videobereich #main .left {float: left; max-width: 40%; display: inline-block; margin-right: 8%; padding-right: 0; background: #fff; } .videobereich #main .left h2 {width: 100%;} .videobereich #main .videoWrapper {width: 52%; padding-bottom: 315px; display: inline-block; -webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%); border-radius: 7px; overflow: hidden; width: 35%; margin-top: 53px; position: relative;} .videobereich #main .videoWrapper iframe {height: 315px;} .videobereich #main .mod_navigation {margin-bottom: 50px; text-align: center; background: #FFF;} .videobereich #main .mod_navigation ul {padding: 20px 0; margin: 0; line-height: 3rem;} .videobereich #main .mod_navigation ul li {display: inline-block; list-style: none; height: auto;} .videobereich #main .mod_navigation ul li a:link, .videobereich #main .mod_navigation ul li a:visited, .videobereich .mod_navigation ul li span.active {padding: 8px 16px; background: #FFF; margin: 0 5px; border-radius: 50px; border: 1px solid #344254; color: #344254;letter-spacing: 0px;} .videobereich #main .mod_navigation ul li a:hover {background: #DDD;} .videobereich #main .mod_navigation ul li strong.active, .videobereich #main .mod_navigation ul li strong.forward {background: #344254; color: #FFF; border: 1px solid #344254; padding: 8px 16px; margin: 0 5px; border-radius: 50px; letter-spacing: 0px; font-weight: 400;} /* Dr. Peithner */ .whitebox {background: #FFF; vertical-align: top;} .whitebox h2 {margin: 0 0 20px 0; padding: 0; border: none;} /* Animations */ @keyframes fadeInUp { from {transform: translate3d(0,40px,0)} to {transform: translate3d(0,0,0); opacity: 1} } @-webkit-keyframes fadeInUp { from {transform: translate3d(0,40px,0)} to {transform: translate3d(0,0,0); opacity: 1} } @keyframes fadeInDown { from {transform: translate3d(0,-40px,0)} to {transform: translate3d(0,0,0); opacity: 1} } @-webkit-keyframes fadeInDown { from {transform: translate3d(0,-40px,0)} to {transform: translate3d(0,0,0); opacity: 1} } @keyframes fadeInPlace { from {transform: translate3d(0,0px,0); opacity:0} to {transform: translate3d(0,0px,0); opacity: 1} } .animated {animation-duration: 0.5s; animation-fill-mode: both; -webkit-animation-duration: 0.5s; -webkit-animation-fill-mode: both} .animatedFadeInUp {opacity: 0} .fadeInUp {opacity: 0; animation-name: fadeInUp; -webkit-animation-name: fadeInUp;} .fadeInDown {opacity: 0; animation-name: fadeInDown; -webkit-animation-name: fadeInDown;} .fadeInPlace {animation-duration: 1s; opacity: 0; animation-name: fadeInPlace; -webkit-animation-name: fadeInPlace;} .mod_article .content-text.sswAdvertorial {padding-top: 60px; padding-bottom: 40px; margin-bottom: 30px; overflow: auto;} .mod_article .content-text.sswAdvertorial h2 {padding-top: 0; width: 100%;} .mod_article .content-text.sswAdvertorial h3 {display: block; padding: 0; margin: 10px 0 25px 0; font-size: 1.2rem; border: none;} .mod_article .content-text.sswAdvertorial figure {margin: 0 0 0 5%; float: right; width: 40%; width: 350px;} .mod_article .content-text.sswAdvertorial .button {display: inline-block; margin-bottom: 10px; border: 1px solid #FF8078;} .mod_article .content-text.sswAdvertorial .button:hover {border: 1px solid #FF8078;} .mod_article .content-text.sswAdvertorial .advertorialMark, #advertorialFull .advertorialMark {float: right; position: relative; top: 0px; margin-bottom: 10px;} .mod_article .content-text.sswAdvertorial .advertorialMark span, #advertorialFull .advertorialMark span {font-size: 0.9rem; margin-top: 10px; display: block;} .mod_article .content-text.sswAdvertorial.white {background: #fff !important;} .mod_article .content-text.sswAdvertorial.pink {background: linear-gradient(rgb(255 128 120 / 20%), rgb(255 128 120 / 0%)) !important;} .artikelseiten #main {} .artikelseiten .content-text h2 {padding-bottom: 0;} #artikel .content-text.advertorialPage, #artikel .content-text.pageAdvertorial {padding-top: 60px; background: #F3F6F9; margin-top: 40px; overflow: auto;} #artikel .content-text.advertorialPage figure, #artikel .content-text.pageAdvertorial figure {margin: 0 0 0 5%; float: right; width: 350px;} #artikel .content-text.advertorialPage figure img, #artikel .content-text.pageAdvertorial figure img {max-width: 100%; margin: 0;} .mod_article .content-text.pageAdvertorial .advertorialMark {float: right; position: relative; clear: both; margin-bottom: 10px;} .mod_article .content-text.pageAdvertorial .advertorialMark span {font-size: 0.9rem;} .content-text {padding-top: 45px; padding-bottom: 10px; color: #344254; } .content-text:nth-child(2) {background: #FFF} .content-text:nth-child(3), .artikelseiten #artikel .layout_full h1 {background: #F3F6F9; padding-bottom: 35px; } .content-text:nth-child(3) p {color: #344254;} .content-text:nth-child(4) {background: #FFF;} .content-text:nth-child(5) {background: #FFF;} .content-text:nth-child(6) {background: #FFF;} .content-text:nth-child(7) {background: #FFF;} .content-text:nth-child(8) {background: #FFF;} .content-text:nth-child(9) {background: #FFF;} .content-text:nth-child(10) {background: #FFF;} .content-text:nth-child(11) {background: #FFF;} .content-text:nth-child(12) {background: #FFF;} .content-text:last-child {background: #FFF;} .blueback {background: #F3F6F9;} .pinkback {background: rgba(255, 228, 228, 0.5);} .content-text.first-child {background: #F3F6F9;} .content-text.first-child p {color: #344254;} .content-text p {line-height: 1.7rem;} .content-text a:link, .content-text a:visited { text-decoration: none; color: #393939; transition: background 0.25s ease-out 0s, color 0.25s ease-out 0s; background: transparent; border-bottom: 3px solid rgb(255 128 120 / 70%); box-shadow: inset 0 0px 0 rgb(255 128 120 / 70%); text-shadow: 0 10px 10px rgb(255 128 120 / 30%); padding: 0 2px; } .content-text a:hover {background: rgb(255 128 120 / 30%);} .content-text figure a:link, .content-text figure a:visited, .content-text figure a:hover {padding: 0; box-shadow: none; border-bottom: none; background: none;} .mod_article.first-child .content-text.first-child p {text-align: center; padding: 0 13%;} .content-text#medelaInt, .content-image#medelaInt {background: transparent; padding-left: 0; margin-left: 80px;} .content-text#medelaInt img, .content-image#medelaInt img {width: 300px; max-width: none; margin: 0px 0 20px 0px;} #medelaInt {float: right; right: 0; position: relative; } #medelaInt .content-download {position: relative;} #medelaInt .content-download a:link, #medelaInt .content-download a:visited {display: block; width: 274px; height: 46px; background: transparent; position: absolute; top: 0; left: 13px; cursor: pointer; color: transparent; border-radius: 3px; top: 499px; right: 0; position: absolute;right: 13px; left: auto;} #medelaInt .content-download a:hover {border: 3px solid #FF8078; border-radius: 3px;} #medelaInt .content-download img {display: none;} #medelaInt .content-download.schlafsack a {top: 468px;} #medelaInt .content-download.matratze a {top: 439px;} #advertorialFull, .sswAdvertorial {background: #F3F6F9 !important;} #advertorialFull figure {position: relative; top: -108px !important;} #advertorialFull figure img, #advertorialFull figure video {margin: 60px 0 20px 60px; float: right; max-width: 350px !important; border-radius: 4px;} #advertorialFull p {text-align: left; padding: 0;} .mod_article .content-text.sswAdvertorial.horizontal figure, #artikel .content-text.pageAdvertorial.horizontal figure {width: 500px; height: auto; margin-bottom: 15px;} .mod_article .content-text.sswAdvertorial.horizontal .paidi-logo, #artikel .content-text.pageAdvertorial.horizontal .paidi-logo {float: left; margin: 8px 34px 27px 0; border-radius: 0;} .mod_article .content-text.sswAdvertorial.horizontal figcaption, #artikel .content-text.pageAdvertorial.horizontal figcaption {margin: 10px 0 0 0;} #artikel .content-text.pageAdvertorial.horizontal img {border-radius: 10px; margin-bottom: 10px;} /* HUBS */ .hub {} .hub .mod_article.first-child {padding-top: 0;} .hub .mod_article {margin-bottom: 0;} .hubhead {position: absolute; top: 100px; color: #344254; z-index: 99;} .content-text.hubhead {background: none !important;} .hubhead h1 {text-align: left; font-weight: 700; font-size: 2.2rem; line-height: 3rem; color: #344254; padding-top: 0; margin-left: 0; font-family: ff-tisa-sans-web-pro, sans-serif; font-style: italic; font-weight: 500; font-size: 2.5rem;} .hubhead p {margin-bottom: 30px; color: #344254; width: 40%; line-height: 1.8rem;} .hubhead a:link, .hubhead a:visited {display: block; padding: 10px; background: #FF8078; color: #FFF; max-width: fit-content; padding: 10px 20px; border-radius: 100px; transition: all 0.3s ease; font-family: ff-tisa-sans-web-pro, sans-serif; font-style: italic; font-weight: 400; font-size: 1.1rem; letter-spacing: 0.5px; border: 1px solid #FF8078;} .hubhead a:hover {background: #FFF; color: #FF8078; border: 1px solid #FF8078;} .hubhead.right {right: 0;} .hubhead.right h1 {text-align: right;} .hubhead.right p {margin-left: 60%; text-align: right;} .hubhead.right a {text-align: left;} #hubimage img {width: 100%;} h2.subhubhead {margin: 30px 0 0; line-height: 3rem; text-align: left; font-size: 1.5rem; color: #344254; font-weight: 700; border-bottom: 3px solid #34425426; top: 30px !important; padding-bottom: 10px !important;} .hubmodules {display: flex; justify-content: space-between; flex-wrap: wrap; padding-top: 60px; padding-bottom: 50px; position: relative;} .hubmodules h2 {flex-basis: 100%;} .hubmodules .content-text {flex-basis: 31%; margin: 30px 0; transition: background-color 0.5s ease; padding: 0; border-radius: 3px; background: #FFF; box-shadow: 0px 0px 5px #34425426;} .hubmodules.red .content-text:hover {background: #344254;} .hubmodules.red .content-text:hover h3 {color: #FFF;} .hubmodules.red .content-text:hover p {color: #FFF;} .hubmodules .content-text:hover img {border-radius: 3px 3px 0 0; opacity: 0.7; background: #344254; transition: all .3s ease-in-out;} .hubmodules .content-text figure {overflow: hidden;} .hubmodules .content-text figure:hover img {transform: scale(1.1) rotate(2deg); opacity: 0.8;} .hubmodules .content-text img {border-radius: 3px 3px 0 0; transition: transform .25s ease; width: 100%;} .hubmodules .content-text h3, .hubmodules .content-text h4, .hubmodules .content-text p {color: #344254; padding: 0 25px;} .hubmodules .content-text h3 { font-family: ff-tisa-sans-web-pro, sans-serif; font-size: 1.15rem; line-height: 1.4rem; font-weight: 500; border: none; font-style: italic;} .hubmodules .content-text h4 {font-size: 0.9rem; line-height: 1.4rem; font-weight: 700; color: #7E96B3; margin-bottom: -10px;} .hubmodules .content-text p {line-height: 1.4rem; padding-bottom: 15px;} .hubmodules .content-text p a:link, .hubmodules .content-text p a:visited {} .hubmodules .content-text p a:hover {} .hubmodules .content-hyperlink {position: absolute; right: 8%; top: 70px;} .hubmodules .content-hyperlink a:link, .hubmodules .content-hyperlink a:visited {display: block; padding: 6px 65px 7px 30px; border-radius: 50px 6px 0 0; background: rgb(255 128 120 / 10%) url(/files/design/_icons/pinkArrowRight.svg) 87% 54% / 30px auto no-repeat; transition: all 0.3s ease; border-bottom: 3px solid #FF8078; font-family: ff-tisa-sans-web-pro, sans-serif; font-style: italic; font-weight: 500; letter-spacing: 0.5px; } .hubmodules .content-hyperlink a:hover {background: #FF8078 url(/files/design/_icons/whiteArrowRight.svg) 87% 54% / 30px auto no-repeat; color: #FFF;} .hubmodules.blue, .hubmodules.red {background: #f3f6f9;} /* .hubmodules.red {background: #f3f6f9 url(/files/design/whiteBubbles.svg) no-repeat; background-size: 20%;} */ .hubmodules.circles {background: #fff;} .hubmodules.circles h2 {margin-bottom: 20px;} .hubmodules.circles .content-text {flex-basis: 31%; text-align: center; background: none; box-shadow: none;} .hubmodules.circles .content-text img { border-radius: 100%; width: 50%; margin-bottom: 10px; border: 3px solid #FF8078; padding: 5px;} .hubmodules.circles .content-text img:hover {background: #FFF; transition: none;} .hubbar {background: rgba(255, 228, 228, 0.5); padding: 70px 0 50px; border-top: 0px solid rgba(255, 228, 228, 0.8); border-bottom: 0px solid rgba(255, 228, 228, 0.8);} .hubbar h1, .hubbar h2, .hubbar h3 {text-align: center;font-weight: 700; font-size: 2.2rem; line-height: 2.5rem; color: #344254; padding-top: 0; margin: 25px 0 -10px 0; width: 100% !important; padding: 0 0 15px 0; font-family: "ff-tisa-sans-web-pro", sans-serif; font-style: italic; font-weight: 500; font-size: 2.5rem;} .hubbar h3 {border-bottom: 0;} .hubbar p {color: #344254; margin-bottom: 20px; text-align: center;} .hubbar.pink {background: rgba(255, 228, 228, 0.5);} .hubbar.pink h2 {margin-bottom: 25px;} .hubbar.white {background: #FFF;} .hubbar a:link, .hubbar a:visited {display: block; padding: 10px; background: #FF8078; color: #FFF; padding: 10px 20px; border-radius: 50px; margin: 20px auto 0px; display: inline-block; border: 1px solid #FF8078; font-family: ff-tisa-sans-web-pro, sans-serif; font-style: italic; font-weight: 400; font-size: 1.1rem; letter-spacing: 0.5px;} .hubbar a:hover {color: #FF8078; background: #FFF; transition: all 0.3s ease;} .hubmodules.catlink .content-text {flex-basis: 47%; padding: 0; display: table;} .hubmodules.catlink .content-text div {display: table;} .hubmodules.catlink figure {width: 150px; float: left;} .hubmodules.catlink h3 {display: table-cell; vertical-align: middle; padding: 0 30px;} .hubbar.categories {padding-top: 30px; padding-bottom: 30px; background: #FFF; border: none;} .hubbar.categories h3 {margin: 5px auto; font-size: 1.2rem; letter-spacing: 1px;} .hubbar.categories span {display: block; width: 100%; text-align: center; font-weight: 700; font-size: 2.2rem; line-height: 2.5rem; color: #fff; padding-top: 0; margin-bottom: 60px;} .hubbar.categories a img {height: 100%; 50px; float: left; border-radius: 3px 0 0 3px; transition: all 0.3s ease;} .hubbar.categories a:link, .hubbar.categories a:visited {background: #FFF; color: #FF8078; flex-basis: 47%; min-width: 23%; margin-bottom: 20px; height: 45px; padding: 0; border-radius: 50px; border: 1px solid #3442544a; flex-grow: 1; margin-top: 0; max-width: 200px; background: #fff url(/files/design/_icons/pinkArrowRight.svg) 90% 51% / 25px auto no-repeat;} .hubbar.categories a:hover {border: 1px solid #344254; background: #344254 url(/files/design/_icons/whiteArrowRight.svg) 90% 51% / 25px auto no-repeat;} .hubbar.categories a span {display: block;width: 100%;text-align: left;font-weight: 400;padding-top: 0;margin-bottom: 60px; color: #344254; font-size: 1.1rem; margin: 1px 0 10px 0; padding-left: 8%;} .hubbar.categories a:hover span {color: #FFF;} .hubbar.categories a:hover img {height: 70%; margin: 6px; border-radius: 3px;} .hubbar.categories.threekids a {} .subhub .mod_article h1 {margin-top: 35px;} .subhub .content-text:nth-child(2) {background: #F3F6F9;} body.subhub.expertinnen .content-text:nth-child(2), body.subhub.checklisten .content-text:nth-child(2), body.subhub.beikostrezepte .content-text:nth-child(2) {background: none;} body.namen .hubbar.categories a {height: auto; line-height: 1.5rem;} body.namen .hubbar.categories a span {line-height: 1.5rem; padding-top: 8px;} .mod_article .content-text.sswAdvertorial .advertorialMark, #advertorialFull .advertorialMark {width: 100%;} /* Overwrites 4 Hub */ body.hub #main .mod_customnav.schwangerschaftsDots {background: none; overflow: hidden; z-index: 1;} body.hub #main .mod_customnav.schwangerschaftsDots ul {overflow: hidden; height: 40px;} body.hub .mod_breadcrumb {background: none; padding-top: 15px;} a.nobutton:link, a.nobutton:visited {display: block; color: #FF8078; max-width: 200px; border-bottom: 3px solid rgba(249, 116, 143, 0.2); background: none; border-radius: 0; padding: 4px 1px; margin-top: 13px;} a.nobutton:hover {color: #333;} .mod_search input {outline: none;} .mod_search input[type=search] {-webkit-appearance: textfield; -webkit-box-sizing: content-box; font-family: inherit; font-size: 100%; position: absolute; right: 0; background: #f5f5f5; border-radius: 4px;} .mod_search input::-webkit-search-decoration,input::-webkit-search-cancel-button {display: none; } .mod_search input[type=search] {border: none; width: 100px; border-radius: 0;transition: all .5s;font-size: 0.8rem;text-align: left; text-transform: uppercase; background: transparent;position: absolute; right: 0; background: #f5f5f5; border-radius: 4px;} .mod_search input[type=search]:focus {width: 140px; border-color: #FF8078; color: #344254; background-size: 11%;position: absolute; right: 0; background: #f5f5f5; border-radius: 4px;} .mod_search input:-moz-placeholder {color: #999;} .mod_search input::-webkit-input-placeholder {color: #999;} .ce_accordionSingle {background: #F3F6F9 !important; padding-top: 0; padding-bottom: 20px;} .content-text, .artikelseiten #artikel .layout_full h1, .ce_comments, .artikelseiten .mainfooter, .artikelseiten .mod_customnav.schwangerschaftsDots, .mod_breadcrumb, .mod_subscribe, #footer .inside, nav.maintop, .sswAnsicht .mod_article .content-text, .hubmodules, #main .mod_customnav.schwangerschaftsDots, .hubbar, .hubhead, .mod_newslist, .mod_newsarchive, .inArticleApp, .produktprobenLink, #suche .mod_search, .ce_accordionSingle, .videoWrapper, .marken, .filter, .grid, .content-youtube, .mod_eventlist, .mod_eventreader, .mod_EventEditor, .zurSSWanmeldung {padding-left: 8%; padding-right: 8%;} .home .flex div:nth-child(odd) {padding-left: 8%;} .home .flex div:nth-child(even) {padding-right: 8%;} #artikel h1.content-headline.first-child {margin: 0px 0 -10px 0; background: #F3F6F9; padding-top: 15px;} #main #artikel .ce_sharebuttons {margin: 0 0 0 0;} #main .ce_sharebuttons {margin: 0 0 3s0px 0;} #main #artikel .ce_sharebuttons .sharebuttons {padding: 15px 0 0px;} body #verzeichnis .content-text.last {padding-left: 0; padding-right: 0; width: 100%; background: transparent;} #main #article-278 .sharebuttons ul {padding-bottom: 40px;} /* Share */ #share {width: 70%; padding: 0 15%; margin: 50px auto; text-align: center;} #share a {width: 110px; height: 30px; display: inline-block; margin: 8px; border-radius: 3px; font-size: 1rem; color: #fff; transition: all 0.15s linear; background: #3e3a5f; text-decoration: none; padding: 7px 6px 2px 12px; border: 1px solid #3e3a5f; box-shadow: 0 0 10px rgba(62, 58, 95, 0.3); position: relative;} #share a:hover {border: 1px solid #3e3a5f; color: #3e3a5f; background: #FFF; position: relative;} #share a {padding-left: 40px; width: 90px; text-align: left;} #share i { position: absolute; top: 11px; left: 13px;} .facebook {background: #3b5998;} .twitter {background: #55acee;} .googleplus {background: #dd4b39;} .whatsapp {background: #0077b5;} .pinterest {background: #cb2027;} .blueishBack {background: #F3F6F9 !important; text-align: center;} /* Mitgliedernav */ .mod_customnav.mitgliedernav { padding-top: 1px; } .mod_customnav.mitgliedernav ul { background: #faf2f2; padding: 6px 7px; border-radius: 50px; margin-top: 0; display: flex; box-shadow: inset 0 0 13px rgb(247 140 140 / 20%); flex-direction: row; justify-content: space-between; flex-wrap: nowrap; } .mod_customnav.mitgliedernav ul li { border: none; background: none; padding: 0; margin: 0; } .mod_customnav.mitgliedernav ul li a:link, .mod_customnav.mitgliedernav ul li a:visited, .mod_customnav.mitgliedernav ul li .active { display: block; padding: 10px; background: #FF8078; color: #FFF; max-width: fit-content; padding: 4px 20px 6px; border-radius: 100px; transition: all 0.3s ease; font-family: ff-tisa-sans-web-pro, sans-serif; font-style: italic; font-weight: 400; font-size: 1.1rem; letter-spacing: 0.5px; border: 1px solid #FF8078; } .mod_customnav.mitgliedernav ul li .active {background: #344254; border: 1px solid #344254;} .mod_customnav.mitgliedernav ul li a:hover { color: #FF8078; background: #FFF; transition: all 0.3s ease; border: 1px solid #FF8078; } .button-container a:link, .button-container a:visited, .container-button a:link, .container-button a:visited, .mod_personalData .widget .submit { text-decoration: none; color: #393939; transition: background 0.25s ease-out 0s, color 0.25s ease-out 0s; background: transparent; border-bottom: 3px solid rgb(255 128 120 / 70%); box-shadow: inset 0 0px 0 rgb(255 128 120 / 70%); text-shadow: 0 10px 10px rgb(255 128 120 / 30%); padding: 0 2px; background: #FF8078; color: #FFF; padding: 10px 20px; border-radius: 100px; margin: 20px 0; display: table-cell; border: 1px solid #FF8078; font-family: ff-tisa-sans-web-pro, sans-serif; font-style: italic; font-weight: 400; font-size: 1.1rem; letter-spacing: 0.5px; margin-bottom: 20px; } .button-container a:hover, .container-button a:hover, .mod_personalData .widget .submit:hover { color: #FF8078; background: #FFF; transition: all 0.3s ease; border: 1px solid #FF8078; } .container-button a:link, .container-button a:visited { background: #DDD; border: 1px solid #DDD; } .button-container {float: left; margin-right: 20px;} .mod_personalData .fields { display: flex; flex-wrap: wrap; justify-content: space-between; } .mod_personalData .fields .widget { width: 47%; flex-basis: 47%; margin-bottom: 60px; position: relative; } .mod_personalData .fields label { position: absolute; left: 0; width: 36%; background: #344254; padding: 8px 15px; border-radius: 5px 0 0 5px; color: #FFF; display: block; } .mod_personalData .fields input, .mod_personalData .fields select { position: absolute; left: 36%; width: 60%; padding: 12px 15px 11px; border-radius: 0 5px 5px 0; border: 1px solid rgb(249 116 143 / 50%); border-left: none; } .mod_personalData .fields input:focus { background: #fff9c4; } .zurSSWanmeldung { } .zurSSWanmeldung .inside { text-align: center; margin: 30px 5%; content: ""; background-size: 50%; box-sizing: border-box; padding: 20px 25px 1px 25px !important; border-radius: 25px; width: fit-content; margin: 0 auto; background: #FCF0EF; } .zurSSWanmeldung h2 { margin-top: 0; font-weight: 700; font-size: 1.5rem; line-height: 2.5rem; color: #344254; padding-bottom: 20px; margin-bottom: 10px; font-family: ff-tisa-sans-web-pro, sans-serif; font-style: italic; font-weight: 500; } .zurSSWanmeldung a.button { display: block; width: fit-content; margin: 0 auto 25px; } .abonnement_item {width: 45%; flex-basis: 45%;} .abonnement_item .content-text ul { padding-left: 0; } /* - - - - - - - - - - */ /* - - - FRAMING - - - */ /* - - - - - - - - - - */ nav.maintop ul.level_1 { position: relative; } .home .flex div.rte { width: 100%; padding-left: 0; padding-right: 0; } @media screen and (min-width: 993px) and (min-width: 1499px) { .content-text, .artikelseiten #artikel .layout_full h1, .ce_comments, .artikelseiten .mainfooter, .artikelseiten .mod_customnav.schwangerschaftsDots, .mod_breadcrumb, .mod_subscribe, #footer .inside, nav.maintop, .sswAnsicht .mod_article .content-text, .hubmodules, #main .mod_customnav.schwangerschaftsDots, .hubbar, .hubhead, .mod_newslist, .mod_newsarchive, .inArticleApp, .produktprobenLink, #suche .mod_search, .ce_accordionSingle, .videoWrapper, .verzeichnisseite .grid, #iub-pp-container, .marken, .filter, .grid, .advert-top, .content-youtube, .mod_eventlist, .mod_eventreader, .mod_EventEditor, .mod_newsreader h1, .zurSSWanmeldung {padding-left: 8%; padding-right: 8%;} .home .flex div:nth-child(odd), .gewinnspiel .textlinks {padding-left: 8%;} .home .flex div:nth-child(even), .gewinnspiel .textrechts {padding-right: 8%;} .hubmodules .content-hyperlink, .pageselector {right: 8%;} } @media screen and (min-width: 1500px) { .content-text, .artikelseiten #artikel .layout_full h1, .ce_comments, .artikelseiten .mainfooter, .artikelseiten .mod_customnav.schwangerschaftsDots, .mod_breadcrumb, .mod_subscribe, #footer .inside, nav.maintop, .sswAnsicht .mod_article .content-text, .hubmodules, #main .mod_customnav.schwangerschaftsDots, .hubbar, .hubhead, .mod_newslist, .mod_newsarchive, .inArticleApp, .produktprobenLink, #suche .mod_search, .ce_accordionSingle, .videoWrapper, .verzeichnisseite .grid, #iub-pp-container, .marken, .filter, .grid, .advert-top, .content-youtube, .mod_eventlist, .mod_eventreader, .mod_EventEditor, .mod_newsreader h1, .zurSSWanmeldung {padding-left: 14%; padding-right: 14%;} .home .flex div:nth-child(odd), .gewinnspiel .textlinks {padding-left: 13%;} .home .flex div:nth-child(even), .gewinnspiel .textrechts {padding-right: 13%;} .hubmodules .content-hyperlink, .pageselector {right: 14%;} nav.maintop li:nth-child(6) .level_2, nav.maintop li:nth-child(8) .level_2, nav.maintop li:nth-child(9) .level_2 {position: absolute; right: 0;} } @media screen and (min-width: 1700px) { .content-text, .artikelseiten #artikel .layout_full h1, .ce_comments, .artikelseiten .mainfooter, .artikelseiten .mod_customnav.schwangerschaftsDots, .mod_breadcrumb, .mod_subscribe, #footer .inside, nav.maintop, .sswAnsicht .mod_article .content-text, .hubmodules, #main .mod_customnav.schwangerschaftsDots, .hubbar, .hubhead, .mod_newslist, .mod_newsarchive, .inArticleApp, .produktprobenLink, #suche .mod_search, .ce_accordionSingle, .videoWrapper, .verzeichnisseite .grid, #iub-pp-container, .marken, .filter, .grid, .advert-top, .content-youtube, .mod_eventlist, .mod_eventreader, .mod_EventEditor, .mod_newsreader h1, .zurSSWanmeldung {padding-left: 17%; padding-right: 17%;} .home .flex div:nth-child(odd), .gewinnspiel .textlinks {padding-left: 17%;} .home .flex div:nth-child(even), .gewinnspiel .textrechts {padding-right: 17%;} .hubmodules .content-hyperlink, .pageselector {right: 17%;} nav.maintop li:nth-child(6) .level_2, nav.maintop li:nth-child(8) .level_2, nav.maintop li:nth-child(9) .level_2 {position: absolute; right: 0;} #hubimage {max-height: 650px; overflow: hidden;} } @media screen and (min-width: 1900px) { .content-text, .artikelseiten #artikel .layout_full h1, .ce_comments, .artikelseiten .mainfooter, .artikelseiten .mod_customnav.schwangerschaftsDots, .mod_breadcrumb, .mod_subscribe, #footer .inside, nav.maintop, .sswAnsicht .mod_article .content-text, .hubmodules, #main .mod_customnav.schwangerschaftsDots, .hubbar, .hubhead, .mod_newslist, .mod_newsarchive, .inArticleApp, .produktprobenLink, #suche .mod_search, .ce_accordionSingle, .videoWrapper, .verzeichnisseite .grid, #iub-pp-container, .marken, .filter, .grid, .advert-top, .content-youtube, .mod_eventlist, .mod_eventreader, .mod_EventEditor , .mod_newsreader h1, .zurSSWanmeldung {padding-left: 21%; padding-right: 21%;} .home .flex div:nth-child(odd), .gewinnspiel .textlinks {padding-left: 21%;} .home .flex div:nth-child(even), .gewinnspiel .textrechts {padding-right: 21%;} .hubmodules .content-hyperlink, .pageselector {right: 21%;} nav.maintop li:nth-child(6) .level_2, nav.maintop li:nth-child(8) .level_2 {position: absolute; right: auto;} #hubimage img {position: relative; top: -6vw;} } /* - - - - - - - - - - */ /* HIDE THINGS DESKTOP */ /* - - - - - - - - - - */ #nav-icon2 {display: none;} /* - - - - - - - - - - - */ /* - - MOBILE QUERY - - */ /* - - - - - - - - - - */ @media screen and (max-width: 992px) { .content-text, .artikelseiten #artikel .layout_full h1, .ce_comments, .artikelseiten .mainfooter, .artikelseiten .mod_customnav.schwangerschaftsDots, .mod_breadcrumb, .mod_subscribe, #footer .inside, nav.maintop, .sswAnsicht .mod_article .content-text, .hubmodules, #main .mod_customnav.schwangerschaftsDots, .hubbar, .hubhead, .mod_newslist, .mod_newsarchive, .inArticleApp, .produktprobenLink, #suche .mod_search, .ce_accordionSingle, .videoWrapper, .verzeichnisseite .grid, #iub-pp-container, .marken, .filter, .grid, .advert-top, .content-youtube h2, .mod_eventlist, .mod_eventreader, .content-youtube, .mod_EventEditor, .mod_newsreader h1, .zurSSWanmeldung {padding-left: 5%; padding-right: 5%;} .media--right figure {text-align: unset;} #main .content-youtube {padding-left: 0; padding-right: 0;} .showADdesktop {display: none;} .showADmobile {background: #344254; position: relative; top: -5px; padding: 14px 1.5% 4px; text-align: center; width: 100%; height: auto; display: block; margin-bottom: -5px;} .showADmobile img {border-radius: 4px; max-width: 650px;} body.home .header-section {margin-top: 34px;} #container {margin-top: 0; padding-top: 58px;} body #artikel .layout_full h1 {padding: 10px 10vw 0 !important;} #main .sharebuttons ul {margin-top: 20px;} .flex .fifty {width: 100%;} .home .flex div {width: 100%; text-align: center;} .home .flex div p {text-align: center;} body.home #main .flex .content-text figure {position: relative; width: 120px; margin: 0 auto 15px; margin-bottom: 20px; float: none; top: 0;} body.home .flex .content-text h2 {padding-left: 0; text-align: center;} .home .flex div a:link, .home .flex div a:link, .home .flex div a:link, .home .flex div a:visited {margin: 20px auto; text-align: center; display: block;} .home .flex div:nth-child(odd) {padding-left: 5%;} .home .flex div:nth-child(even) {padding-right: 5%;} .home .flex div:nth-child(odd) p, .home .flex div:nth-child(even) p {text-align: center;} .hubmodules .content-hyperlink, .pageselector {right: 5%;} .hubmodules .content-text {flex-basis: 100%;} .layout_latest {flex-basis: 100%;} .videobereich #main .left, .videobereich #main .videoWrapper {max-width: none; width: 100%; margin-right: 0; display: block;} .videobereich #main .videoWrapper {width: 90%; margin-left: 5%;} .content-text#medelaInt, .content-image#medelaInt {margin: 0 auto; padding: 0 6% 15px 6%; width: 100%;} .content-text#medelaInt .content-download {margin: 0; position: initial;} #medelaInt .content-download.matratze a {top: 499px;} #medelaInt .content-download.schlafsack a {top: 557px;} #medelaInt .content-download a:link, #medelaInt .content-download a:visited {border: none;width: 88%; height: 50px; background: transparent; position: absolute; cursor: pointer; color: transparent; border-radius: 3px;} #medelaInt #homepage-slider .images {width: 100%;} #artikel .layout_full.aktionen-rabatte .rabatt {width: 100%;} #artikel .layout_full.aktionen-rabatte .desc img {max-width: none; margin-left: 0;} .ce_comments .widget {flex-basis: 100%;} .ce_comments button.submit {width: 100%;} .mod_subscribe .formbody {padding: 0;padding: 40px 0 50px;} .mod_subscribe button.submit {position: relative; top: 2px} body #verzeichnis .content-text.grid .content-image {min-width: 100%;} body #verzeichnis .content-text.grid .content-image h2 {min-width: 70%;} body.verzeichnisseite .grid .content-text, body.verzeichnisseite .grid.foto .content-text {width: 90%; margin: 0 0 30px 0; float: none; display: block;} body.verzeichnisseite .filter {margin: 0;} body.verzeichnisseite .filter .button-group {padding: 5px 5px 0 5px; border-radius: 3px;} body.verzeichnisseite .filter .button-group button {background: #FFF;} body.verzeichnisseite .grid.foto .content-text {display: flex;} body.verzeichnisseite .grid.foto .content-text figure {width: 100%;} body.news .mod_article h1 {margin: 0;} .content-text ol {margin-left: 0; padding-left: 10%;} .content-text.first-child {padding-top: 0;} input {-webkit-appearance: none;} .formbody input {-webkit-appearance: auto;} .advert-top {margin: 0px auto -50px; text-align: center; background: #F3F6F9; padding: 10px 2%;} .advert-top img {padding-top: 5px; width: 90%;} .hub .advert-top {position: absolute; top: 55px; background: none;} .hub .advert-top img {border-radius: 13px;} .suchIndex {display: none;} .suchIndex {z-index: 102; position: relative;} .suchIndex .mod_search {position: relative; top: 10px; width: auto; background: transparent; } .suchIndex .mod_search input[type=search], .suchIndex .mod_search input[type=search]:focus {width: 90%; border-radius: 30px;text-indent: 30px; left: 10px;} .suchIndex .mod_search input.submit {top: 8px; right: -104%;} .suchIndex .mod_search button.submit {top: 6px; right: revert; left: -2px;} .suchIndex .widget-submit {position: relative; left: 25px; top: 1px;} .mm-listview .suchIndex { height: 50px; position: relative; top: 0px; padding: 0px 10px; display: block; background: #34425469; } body.subhub.expertinnen .circles { display: block; } body.subhub.expertinnen .circles .content-text.review { width: 100%; display: contents; } body.subhub.expertinnen .circles .content-text.review p:last-child { margin-bottom: 50px; } /* Header */ #header {height: 58px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);} .logo {width: 155px; height: 55px;} #babyforumLink {top: 5px; width: 110px; right: 10px; text-align: right; position: fixed; z-index: 100000; line-height: 0.9rem;} #babyforumLink a:link {border-radius: 4px; font-size: 0.8rem; width: 50px; letter-spacing: 0;} .bannerMobileTop {width: 100%; text-align: center; display: block;} .mod_article.first-child {padding-top: 58px; background: #f3f6f9;} .mod_article h1 {font-size: 1.8rem; margin: 0; word-break: break-word;} .insideArticle {padding-bottom: 0;} .insideArticle p {color: #344254; margin: 0px auto 10px; color: #FFF; max-width: 80%;} .insideArticle ul {flex-wrap: wrap;} .insideArticle ul li {width: 100%; margin-bottom: 15px;} .mod_article#artikel ul {margin: 30px auto;} body.entwicklungsmonate .mod_article.first-child {padding-top: 60px;} /* Hubs */ .hub .mod_article:nth-child(1) {overflow: hidden; margin-top: -34px; /* margin-top: -92px */} #hubimage {height: 300px; margin-top: -55px; overflow: hidden;} #hubimage figure {width: 200%; margin: 0 0 0 -180px; height: 300px; overflow: hidden;} #hubimage img {width: 100%; position: relative;} .hubhead {position: relative; top: 0; background: #f3f6f9;} .content-text.hubhead {background: #fff; padding-top: 10px; padding-bottom: 10px; text-align: center;} .hubhead h1 {position: absolute; top: -170px; font-size: 1.3rem; width: 70%; line-height: 1.9rem;} .hubhead p {margin-bottom: 30px; width: 100%; line-height: 1.4rem; font-size: 1rem; text-align: center;} .hubmodules .content-hyperlink {top: 0; letter-spacing: -0.5px; position: relative; right: 0; text-align: left; width: 100%;} .hubmodules .content-hyperlink a:link, .hubmodules .content-hyperlink a:visited {background: rgba(249, 116, 143, 0.07) url(/files/design/_icons/pinkArrowRight.svg) 90% 54% / 30px auto no-repeat; padding: 11px 50px 9px 15px; border-radius: 0; margin: 0 auto;} .hubmodules .content-hyperlink a:hover {background: #FF8078 url(/files/design/_icons/whiteArrowRight.svg) 90% 54% / 30px auto no-repeat; color: #FFF;} h2.subhubhead {width: 100%; letter-spacing: -1px; font-size: 1.3rem; border-bottom: 0; padding-bottom: 10px !important;} .hubhead a:link, .hubhead a:visited {max-width: initial;} .hubmodules .content-text h3, .hubmodules .content-text p {} .hubbar.categories a:link, .hubbar.categories a:visited {height: auto; width: 45.5%; flex-basis: auto; flex-grow: 0; margin-bottom: 15px;padding: 10px 0px 10px 0;} .hubbar.categories a img {width: 23px; margin-left: 7px;} .hubbar.categories a span {line-height: 1.3rem; height: auto; margin: 2px 0 0 0;} .hubbar.categories a:hover, .hubbar.categories a:focus {background: #344254; color: #FFF;} .hubbar.categories a h2 {font-size: 0.95rem; margin: 9px 0 10px 30%;} .hubmodules.circles .content-text {flex-basis: 100%; margin: 30px 0 20px;} .hubmodules.circles .content-text img { margin-bottom: 10px;} .mod_article .content-text h2, .mod_article h2.content-headline, .content-gallery h2, .content-youtube h2 {width: 100%; font-size: 1.8rem; letter-spacing: 0.5px;} .subhub .mod_article h1 {margin-top: -55px;} .subhub.checklisten .mod_article h1, .subhub.beikostrezepte .mod_article h1 {margin-top: -15px; margin-left: 0;} #artikel .layout_full h1 {font-size: 2rem; margin: 0; padding-top: 0;} #artikel .layout_full h2 {font-size: 1.6rem; letter-spacing: 0px; line-height: 2rem;} #artikel .layout_full h3 {font-size: 1.5rem; letter-spacing: 0px; font-weight: 700; margin-top: 50px;} .mod_article#artikel .sharebuttons ul {flex-wrap: nowrap; margin: 10px auto 0; width: 100%;} .mod_article.first-child .content-text.first-child p {padding: 0;} .sharebuttons > ul.theme {margin: 0;} .advertorial {position: absolute; top: -12px; right: 2px; border-radius: 3px 0 0 3px; background: none;} #haeufige-fragen-und-antworten .layout_full h1 {text-align: center; font-weight: 700; font-size: 1.7rem; line-height: 2rem; color: #344254;} #haeufige-fragen-und-antworten .layout_full .sharebuttons > ul.theme {margin: 12px auto 30px;} #haeufige-fragen-und-antworten .content-text {padding-top: 5px; padding-bottom: 5px;} .sswAnsicht .mod_article .content-text {padding-top: 0;} #schwangerschaftswochen .sswBoxes p a:link, #schwangerschaftswochen .sswBoxes p a:visited {width: 100%;} #schwangerschaftswochen .sswBoxes div:last-child a {width: 100%;} #schwangerschaftswochen .content-text figure {margin: 0; display: block; float: none; width: 100%;} #schwangerschaftswochen .content-text figure img {width: 100%;} #schwangerschaftswochen .content-text figure figcaption {margin-bottom: 15px; margin-top: 10px;} #schwangerschaftswochen .sswBoxes div a {width: 31%;} body.abc .abcliste p {width: 44%;} body.abc .abcliste p:last-child {width: 100%; padding-bottom: 10px;} .content-download {flex-basis: 100%;} .laender div {width: 100%;} .laender .two {margin-top: -30px;} .girlslist, .boyslist {display: block; width: 100%; vertical-align: top; background-position: 0px 2px;} .girlslist h2, .boyslist h2 {font-size: 1.5em;} .ce_accordion {padding-bottom: 20px; margin-bottom: 30px;} body.news .mod_newslist .layout_latest {min-height: unset; height: auto; padding-bottom: 0;} body.news .mod_newslist .layout_latest p.more {position: relative;} .mod_newslist.randomNews .layout_latest {flex-basis: 100%;} #artikel .layout_full .content-image.interview#produkttest .layout_full .content-image {margin: 0;} .interview#produkttest .layout_full img {margin-bottom: 30px;} body.neuheiten .interview.circle .media--right figure {top: 0px; width: 200px; margin-left: 30px;} body.neuheiten .interview.circle img {width: 175px;} #artikel #advertorialFull figure img, #artikel .layout_full img, .interview#produkttest .layout_full img, #artikel .layout_full video, #artikel #advertorialFull figure video {max-width: none; margin: 0 0; float: none; width:100%; max-width: none;} .layout_full #artikel .sswAdvertorial img {margin: 0 0 20px 60px; float: right; max-width: 100%; border-radius: 10px;} #artikel .mod_newsreader .layout_full .content-text em {width: 100%;} body.buch .content-text figure {margin: 10px 30px 25px 0;} .home .flex div.namenUmDenErdballFront a:link, .home .flex div.namenUmDenErdballFront a:visited {display: block; width: 100%; margin-bottom: 10px;} .sswAnsicht .mod_article h1 {margin-top: -38px; font-size: 1.7rem; margin-bottom: 0;} .sswAnsicht .mod_article figure {margin: 20px 0; border-radius: 0;width: 100%;} .sswAnsicht .mod_article figure img {border-radius: 5px; width: 100%;} .sswAdvertorial figure, .pageAdvertorial figure {width: 100%; margin-bottom: 10px;} .mod_article .content-text.sswAdvertorial figure, .mod_article .content-text.pageAdvertorial figure {margin: -5px 0 20px 0; float: none; width: 100%;} .mod_article .content-text.sswAdvertorial.horizontal figure {width: 100%;} #artikel .content-text.advertorialPage figure, #artikel .content-text.pageAdvertorial.horizontal figure {width: 100%; float: none;} #artikel .content-text.advertorialPage figure img, #artikel .content-text.pageAdvertorial.horizontal figure img {border-radius: 5px; margin: 0 0 30px 0; width: 100%;} #artikel .content-text.advertorialPage figure, #artikel .content-text.pageAdvertorial figure { margin: 0 0 25px 0;} #artikel .content-text.advertorialPage.horizontal figure {width: 100%;} #artikel .content-text.pageAdvertorial.horizontal p img {max-width: 100px; border-radius: 0;} #artikel .content-text.pageAdvertorial.horizontal figure img {margin-bottom: 0;} #artikel .content-text.pageAdvertorial.horizontal figure {width: 100%;} #artikel .content-text.advertorialPage .button, #artikel .content-text.pageAdvertorial .button {display: table; margin-top: 10px;} #advertorialFull {padding-top: 20px;} #advertorialFull figure {position: relative; top: 0px !important; margin-top: 20px; margin-bottom: 20px;} #advertorialFull figure img, #advertorialFull figure video {max-width: 100% !important;} body.gewinnspiel #container .mod_article h3 {text-align: center;} body.umfrageseite .content-text.mamtop figure { width: 100%; margin-left: 0px; } .ce_form .umfrage-danke .formbody {display: block;} .ce_form .umfrage-danke .formbody .checkbox_container span {display: block;} .ce_form .umfrage-danke .formbody .checkbox_container span.mandatory {display: contents;} .mod_article .content-text h2, .mod_article h2.content-headline, .content-gallery h2, .content-youtube h2 {font-size: 1.6rem;} .content-text ul {padding: 0;} .content-text ul li {border-radius: 0 5px 5px 0; margin-right: 0;} .mod_rss_reader span {display: block; overflow: hidden; white-space: nowrap;} .mod_breadcrumb {position: relative; z-index: 10; top: 0px; padding-bottom: 0px;} /* body.sswAnsicht .mod_breadcrumb {top: 95px;} */ #main .mod_customnav.schwangerschaftsDots {position: relative; z-index: 100; width: 100%; top: 0px; overflow: hidden;} #main .mod_customnav.schwangerschaftsDots ul {position: relative; top: 0; width: 100%; overflow: hidden; overflow-x: scroll; -webkit-overflow-scrolling: touch;} #main .mod_customnav.schwangerschaftsDots li {height: 40px;} #main .mod_customnav.schwangerschaftsDots li a:link, #main .mod_customnav.schwangerschaftsDots li a:visited {width: 38px !important; height: 40px;} #main .mod_customnav.schwangerschaftsDots li.TrimesterEins.newsletter a { width: 182px !important; padding-left: 18px !important;} #main .mod_customnav.schwangerschaftsDots li.last {width: 70px !important;} #main .mod_customnav.schwangerschaftsDots li a.first-child:link, #main .mod_customnav.schwangerschaftsDots li a.first-child:visited {width: 40px !important;} #main .mod_customnav.schwangerschaftsDots li a.last:link, #main .mod_customnav.schwangerschaftsDots li a.last:visited {width: 50px !important;} .mod_booknav ul li a:link, .mod_booknav ul li a:visited {border-bottom: 1px solid #ffe4e4;box-shadow: inset 0 -1px 0 #ffe4e4; text-align: center; max-width: fit-content; color: #FF8078; background: none; display: inline-block;} .mod_booknav ul li {list-style: none;display: block;height: 50px;} .mod_booknav ul li.up a {border-bottom: 0px solid #ffe4e4; box-shadow: none; margin-top: 25px;} body.home.hub .mod_breadcrumb {display: none;} body.hub .mod_breadcrumb {position: absolute; padding-top: 70px;} body .mod_article.first-child {padding-top: 0px;} #artikel .layout_full .review, .entwicklungsmonate-seite .review, .wbwoche .review, .sswAnsicht .review {margin: 60px auto; text-align: center; max-width: 90%;} .tipp, .wichtig, .zitat, .experte, .elterncheck {padding: 24px 24px !important; border-radius: 5px; width: 90%; margin: 30px 5%; content: ""; background-size: 50%; box-sizing: border-box;} .tipp {background: rgba(217, 239, 233, 0.6) url(/files/design/_icons/boxTipp.svg) 110% 30px no-repeat; background-size: 50%;} .wichtig {background: rgb(255 128 120 / 10%) url(/files/design/_icons/boxWichtig.svg) 110% 30px no-repeat; background-size: 50%;} .zitat {background: rgb(255 221 87 / 10%) url(/files/design/_icons/boxZitat.svg) 110% 30px no-repeat; background-size: 50%;} .experte {background: rgba(217, 239, 233, 0.2) url(/files/design/_icons/boxTipp.svg) 110% 30px no-repeat; background-size: 50%;} body.neuheiten .elterncheck.circle .media--right figure {top: 0px;} #artikel .content-text.advertorialPage figure {top: 0;} body.namen .hubbar.categories a {width: 100%; flex-basis: 100%; max-width: 100%;} /* Entwicklungsmonate */ body.entwicklungsmonate .content-text p {width: 100%;} body.entwicklungsmonate .media--right figure {margin: 0 0 30px 0; width: 100%;} body.entwicklungsmonate .media--right figure img {border-radius: 4px;} .media--right figure {margin: 0 0 30px 0; width: 100%; float: none;} body.entwicklungsmonate-seite .tipp, body.entwicklungsmonate-seite .wichtig {width: 86%; margin: 30px 7%;} /* Interview */ #artikel .layout_full .content-image figcaption {top: -10px; right: 0; padding: 0 5%;} /* Entwicklungs - Dots */ #main .mod_customnav.schwangerschaftsDots.entwicklung ul {background: none;} #main .mod_customnav.schwangerschaftsDots li.entwicklungsPill {flex-basis: auto; background: none; width: 130px !important;} #main .mod_customnav.schwangerschaftsDots li.entwicklungsPill a:link, #main .mod_customnav.schwangerschaftsDots li.entwicklungsPill a:visited {width: 130px !important; white-space: pre;} #main .mod_customnav.schwangerschaftsDots li.entwicklungsPill:first-child a {margin-left: 0;} /* Videos */ .videobereich nav {border: none;} .videobereich #main .mod_navigation {margin: -20px 0 10px;} .videobereich #main .mod_navigation ul {background: #F3F6F9;} .videobereich #main .mod_navigation ul li {margin-bottom: 10px;} .videobereich #main .mod_navigation ul li a:link, .videobereich #main .mod_navigation ul li a:visited, .videobereich .mod_navigation ul li span.active {padding: inherit; padding-left: 10px; padding-right: 10px;} .videobereich #main .mod_navigation ul {padding: 10px 0 0;} /* App Download */ .appDownload {width: 48%; display: inline-block; margin: 20px 0 0 0;} /* Produktneuheiten */ body.neuheiten .content-image img {border-radius: 0; margin: 60px 0 0px 0px; float: none; max-width: none; width: 100%;} body.neuheiten .content-gallery > ul {display: block;} body.neuheiten .content-gallery li {width: 100%; margin: 7px 0;} body.neuheiten .content-gallery img {margin: 0;} /* Produkttest & Interview */ #produkttest .layout_full img {max-width: 100%; margin: 30px 0;} #produkttest .layout_full .content-text.interview img {max-width: 100%;} #produkttest .content-gallery > ul {display: block;} #produkttest .content-gallery li {width: 100%; margin: 7px 0;} #produkttest .content-gallery img {margin: 0;} #produkttest .layout_full .content-text.specs ul li {width: 100%;} #produkttest .videoWrapper p {margin: 0 auto 30px; max-width: none;} /* Verzeichnis Eintrag */ /* body.verzeichnisseite .grid .content-text {width: 100%;} */ #f4 .widget {width: 100%; margin-bottom: 20px;} /* Comments */ .ce_comments h2 {background: #f3f6f9;} .ce_comments .checkbox_container input.checkbox {-webkit-appearance: checkbox;} /* Newsletter */ .mod_subscribe .formbody {padding: 0;} .mod_subscribe input {width: 77%;} .mod_subscribe input.submit {margin-top: 4px;} /* Eventkalender */ .mod_eventlist .event a { flex-wrap: wrap; } .mod_eventlist .event a h2, .mod_eventlist .event a p, .mod_eventlist .event a .time, .mod_eventlist .event a .location { width: 100%; } .mod_eventlist .event a .time { margin-bottom: -10px; } .mod_eventreader .event .info, .mod_eventreader .event .location { padding: 0 25px; width: 100%; } .mod_eventreader .event h1 { margin-top: -80px !important; } /* TImeline */ .se_timeline .content-text.item {width: 90%; padding-left: 5%; padding-right: 0; text-align: left; margin-bottom: 20px; border-left: 1px solid rgba(77, 91, 109, 0.7); border-right: none; margin-bottom: -1px;} .subhub .se_timeline .item:nth-of-type(2n) {left: 0;} .se_timeline .content-text.item p.dot, .se_timeline .content-text.item:nth-of-type(2n) .dot {left: -5px;} .se_timeline .content-text.item {margin-top: -3px;} .se_timeline .content-text.item h2:before, .se_timeline .content-text.item:nth-of-type(2n) h2:before {left: 0px; right: auto; top: 30px; width: 6%;} .se_timeline .content-text.item img {width: 100%;} /* Footer */ #footer {padding-top: 50px; top: 0px;} #footer .inside nav {margin: 50px 0 0 0; border: none; flex-basis: 50%;} #footer h5 {color: rgba(255, 255, 255, 0.6); padding-left: 5px;} #footer .mod_customnav h5 {margin-bottom: 10px;} #footer .mod_customnav li a:link, #footer .mod_customnav li a:visited {color: rgba(255, 255, 255, 0.8) !important; border-bottom: 1px solid rgba(255, 255, 255, 0.2); padding: 5px;} #footer .mod_customnav li a:hover {} #footer .mod_customnav li strong.active {font-size: 0.9rem; border-bottom: 1px solid rgba(255, 255, 255, 0.2); padding: 5px; display: block;} #sidebar {position: relative; top: -57px; right: auto; background: #F3F6F9;} /* Hide Things on Mobile */ #header .pageselector select {display: none;} #header .mod_navigation.maintop {display: none;} #header .mod_search {right: 5px; top: -8px;} ::-webkit-scrollbar { width: 0px; height: 0; /* Remove scrollbar space */ background: transparent; /* Optional: just make scrollbar invisible */ } /* Optional: show position indicator in red */ ::-webkit-scrollbar-thumb { background: transparent; } /* - - - - - - - - - - */ /* - - MOBILE NAV - - - */ /* - - - - - - - - - - */ /* New NAV */ .body-section {background: #FFF;} #nav-icon {width: 40px; height: 40px; position: fixed; display: block; top: 19px; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg);-webkit-transition: 1s ease-in-out; -moz-transition: 1s ease-in-out; -o-transition: 1s ease-in-out; transition: 1s ease-in-out;cursor: pointer; z-index: 2000;-webkit-animation-duration: 1s; animation-duration: 1s;} #nav-icon span {position: fixed; height: 4px; margin-bottom: 4px; width: 25px; background: #344254; opacity: 1; border-radius: 3px;-webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg);-webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out;} #nav-icon span:nth-child(1) {top: 0px;} #nav-icon span:nth-child(2) {top: 8px;} #nav-icon span:nth-child(3) {top: 16px;} .mm-menu { background: #f3f6f9; } .mm-navbar { background: #344254; color: #FFF; padding-top: 0; margin-left: 0; font-family: ff-tisa-sans-web-pro, sans-serif; font-weight: 700; text-transform: uppercase; } .mm-menu a, .mm-menu a:active, .mm-menu a:hover, .mm-menu a:link, .mm-menu a:visited { letter-spacing: 0; } .menuheader { color: #c97474; background: rgb(255 128 120 / 15%); margin-top: 20px; padding: 11px 0 10px 20px; font-weight: bold; text-transform: uppercase; font-size: 0.9rem; } .menuheader.mm-listitem, .menuheader.mm-listitem:after, .yaababy.mm-listitem:after { border-color: transparent; } .yaababy a { background: #E0F8E8; margin: 18px; font-weight: 700; letter-spacing: 0px; } .ueberblick a { background: #fff url(/files/design/_icons/uebersicht.svg) 100% -14px no-repeat; background-size: 24%; } .ueberblick.mm-listitem:after { border-bottom-width: 0; } .mm-menu .nobottom {border-bottom: 0;} .mm-btn:before {border-color: #FFF;} @-webkit-keyframes flip { 0% { -webkit-transform: perspective(400px) translateZ(0) rotateY(-360deg) scale(1); transform: perspective(400px) translateZ(0) rotateY(-360deg) scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(-190deg) scale(1); transform: perspective(400px) translateZ(150px) rotateY(-190deg) scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(-170deg) scale(1); transform: perspective(400px) translateZ(150px) rotateY(-170deg) scale(1); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) translateZ(0) rotateY(0deg) scale(.95); transform: perspective(400px) translateZ(0) rotateY(0deg) scale(.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 100% { -webkit-transform: perspective(400px) translateZ(0) rotateY(0deg) scale(1); transform: perspective(400px) translateZ(0) rotateY(0deg) scale(1); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @keyframes flip { 0% { -webkit-transform: perspective(400px) translateZ(0) rotateY(-360deg) scale(1); -ms-transform: perspective(400px) translateZ(0) rotateY(-360deg) scale(1); transform: perspective(400px) translateZ(0) rotateY(-360deg) scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(-190deg) scale(1); -ms-transform: perspective(400px) translateZ(150px) rotateY(-190deg) scale(1); transform: perspective(400px) translateZ(150px) rotateY(-190deg) scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(-170deg) scale(1); -ms-transform: perspective(400px) translateZ(150px) rotateY(-170deg) scale(1); transform: perspective(400px) translateZ(150px) rotateY(-170deg) scale(1); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) translateZ(0) rotateY(0deg) scale(.95); -ms-transform: perspective(400px) translateZ(0) rotateY(0deg) scale(.95); transform: perspective(400px) translateZ(0) rotateY(0deg) scale(.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 100% { -webkit-transform: perspective(400px) translateZ(0) rotateY(0deg) scale(1); -ms-transform: perspective(400px) translateZ(0) rotateY(0deg) scale(1); transform: perspective(400px) translateZ(0) rotateY(0deg) scale(1); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } } .zaehlpixel {width: 1px; height: 1px; margin: 0; padding: 0;} /* PAIDI */ .mod_article .content-text.sswAdvertorial .button.babyzimmer:link, .mod_article .content-text.sswAdvertorial .button.babyzimmer:visited {background: #c15c70; border: 1px solid #c15c70; margin-right: 10px;} .mod_article .content-text.sswAdvertorial .button.babyzimmer:hover {background: #FFF; color: #FF8078; border: 1px solid #c15c70;} #main .content-text a.button.babyzimmer:link {margin-right: 10px !important;} .nobottom {padding-bottom: 1px !important; margin-bottom: 0px !important;}