body { background-color: #f8f9fa; margin: 0; padding: 0; } .sqroutercontainer { background-color: #ffffff; min-height: 100vh; margin: 0; } @media (min-width: calc(1860 / 16 * 1rem)) { .sqroutercontainer { max-width: calc(1820 / 16 * 1rem); box-shadow: 0 0 1.25rem 0 rgba(0, 0, 0, 0.2); margin: 0 auto; } } .sqrtopcontainer { background-color: #ffffff; max-width: calc(1820 / 16 * 1rem); margin: 0 auto; } .sqrtopcontainer > div { max-width: calc(1400 / 16 * 1rem); margin: 0 auto; padding: 1.875rem; box-sizing: border-box; } .sqrambzentrumscrolled > div { padding: 1.25rem 1.875rem 0.625rem 1.875rem; } .sqrtopcontainer > div > .sqrsearch form { box-sizing: border-box; background-color: #ffffff; width: 100%; border: 1px solid #dee2e6; padding: 0; margin: 0; outline: none; border-radius: 0; -webkit-appearance: none; box-shadow: 0 0 0.3125rem 0 rgba(0, 0, 0, 0.1); } .sqrtopcontainer > div > .sqrsearch form input[type=text] { font: 0.9375rem 'Open Sans', Tahoma, Helvetica, sans-serif; line-height: 1.25rem; height: 2rem; width: calc(100% - 2rem); float: left; box-sizing: border-box; padding: 0.375rem; margin: 0; border: 0; -webkit-appearance: none; color: #000000; } .sqrtopcontainer > div > .sqrsearch form input[type=submit] { border: none; width: 2rem; height: 2rem; float: right; box-sizing: border-box; padding: 0.375rem; cursor: pointer; outline: none; border-radius: 0; margin: 0; -webkit-appearance: none; background: #83c5be url(./../../styles/ambzentrum/img/?f=search&ca=ffffff) no-repeat center center; } .sqrtopcontainer > div > .sqrsearch form input:focus-visible { outline: revert; } .sqrtopcontainer > div > .sqrsearch form input[type=submit]:hover { background-color: #333333; } .sqrtopcontainer > div > .sqrsearch form:after { content: ""; display: table; clear: both; } .sqrtopcontainer > div > .sqrcontact { text-align: right; font-size: 0.875rem; } .sqrtopcontainer > div > .sqrcontact a { text-decoration: none; -webkit-text-size-adjust: none; display: inline-block; color: #333333; transition: color 0.2s; } .sqrtopcontainer > div > .sqrcontact a:hover { color: #83c5be; } .sqrtopcontainer > div > .sqrcontact svg { width: 1.2em; height: 1.2em; display: inline-block; vertical-align: -0.2em; margin-right: 0.1em; margin-left: 0.1em; border: 0; padding: 0; } @media (min-width: 64rem) { .sqrindent { display: block; margin-left: var(--sqrindentleft); margin-right: var(--sqrindentright); } .sqrtopcontainer { border-bottom: 1px solid #dee2e6; } .sqrtopcontainer > div { display: table; width: 100%; table-layout: fixed; } .sqrtopcontainer > div > .sqrlogo { display: table-cell; vertical-align: middle; box-sizing: border-box; width: 30%; } .sqrtopcontainer > div > .sqrsearch { width: 30%; display: table-cell; padding: 0 1.875rem; vertical-align: middle; } .sqrtopcontainer > div > .sqrcontact { width: 40%; display: table-cell; vertical-align: middle; } .sqrtopcontainer > div > .sqrlogo img { display: block; border: 0; max-height: 2.125rem; max-width: 75%; } } @media (max-width: 63.9375rem) { .sqrtopcontainer > div > .sqrsearch { padding: 1.25rem 0; } .sqrtopcontainer > div > .sqrlogo img { display: block; border: 0; max-height: 1.5rem; max-width: 100%; } .sqrtopcontainer > div { padding-bottom: 0.625rem; } } .sqrnav { display: block; margin: 0; padding: 0; position: relative; } @media (min-width: 64rem) { .sqroutercontainer { padding-top: 8.625rem; } .sqrtopcontainer > div { transition: padding 0.2s ease; } .sqrfixedcontainer { position: fixed; z-index: 1000; width: 100%; } .sqrnav .sqrnavshow, .sqrnav .sqrnavhide { display: none; } .sqrnav > ul { display: block; list-style: none; margin: 0 auto; padding: 0 1.875rem; max-width: calc(1400 / 16 * 1rem); box-sizing: border-box; } .sqrnav > ul:after { content: ""; display: table; clear: both; } .sqrnav > ul > li { display: block; margin: 0; float: left; padding: 0 1.25rem 0 0; } .sqrnav > ul > li > a { display: block; color: #333333; text-decoration: none; padding: 0.625rem 0; border-bottom: 0.1875rem solid transparent; transition: border-bottom-color 0.5s; } .sqrnav > ul > li.active > a { border-bottom: 0.1875rem solid #333333; } .sqrnav > ul > li:hover > a { border-bottom: 0.1875rem solid rgba(131,197,190, 0.2); } .sqrnav > ul > li.sqrnavopen > a { border-bottom: 0.1875rem solid #83c5be; } .sqrnav > ul > li.sqrnavhome > a > span { display: none; } .sqrnav > ul > li.sqrnavhome > a { background-image: url(./../../styles/ambzentrum/img/?f=home&ca=333333); background-repeat: no-repeat; background-position: center center; width: 1.25rem; height: 1.25rem; } .sqrnav > ul > li > div { display: block; position: absolute; width: 100%; background-color: #000000; border-bottom: 1px solid #dee2e6; border-top: 1px solid #dee2e6; margin: 0; padding: 0; line-height: 1.25rem; z-index: 1000; box-shadow: 0 0.3125rem 0.3125rem 0 rgba(0, 0, 0, 0.2); display: none; } .sqrnav > ul > li.sqrnavopen > div { left: 0; display: block; } .sqrnav > ul > li > div > div { display: block; margin: 0 auto; max-width: calc(1400 / 16 * 1rem); box-sizing: border-box; padding: 0 1.875rem; } .sqrnav > ul > li > div > div > ul { display: block; list-style: none; padding: 0; margin: 0; background-color: #000000; min-height: 16.3125rem; position: relative; box-sizing: border-box; } .sqrnav > ul > li.sqrnavopen > div > div > ul { animation: 0.3s navanimate; } .sqrnav > ul > li > div > div > ul > li { display: block; margin: 0; padding: 0.3125rem 0.9375rem; box-sizing: border-box; width: 30%; transition: background-color 0.2s; } .sqrnav > ul > li > div > div > ul > li > a { display: block; padding: 0.3125rem 0; text-decoration: none; color: #333333; transition: color 0.2s; } .sqrnav > ul > li > div > div > ul > li:hover > a { color: #83c5be; } .sqrnav > ul > li > div > div > ul > li:first-child { padding-bottom: 0.9375rem; padding-top: 0.9375rem; } .sqrnav > ul > li > div > div > ul > li:first-child > a { color: #000000; padding-left: 0; border-bottom: solid 1px #dee2e6; } .sqrnav > ul > li > div > div > ul > li.sqrnavmore > a { background: url(./../../styles/ambzentrum/img/?f=more&ca=333333) no-repeat right center; } .sqrnav > ul > li > div > div > ul > li.sqrnavmore:hover { background-color: rgba(255,255,255, 0.4); } .sqrnav > ul > li > div > div > ul > li.sqrnavopen, .sqrnav > ul > li > div > div > ul > li.sqrnavopen:hover { background-color: #ffffff; } .sqrnav > ul > li > div > div > ul > li > ul { position: absolute; right: 0; top: 0; width: 70%; height: 100%; background-color: #ffffff; display: block; padding: 0 0.9375rem; margin: 0; list-style: none; box-sizing: border-box; display: none; } .sqrnav > ul > li.sqrnavopen > div > div > ul > li.sqrnavopen > ul { display: block; } @keyframes navanimate { from { opacity: 0; transform: translateY(-1.25rem); } to { opacity: 1; transform: translateY(0); } } .sqrnav > ul > li > div > div > ul > li > ul > li { display: block; margin: 0; width: 50%; float: left; padding: 0.3125rem 0.9375rem; box-sizing: border-box; } .sqrnav > ul > li > div > div > ul > li.sqrnavopen > ul > li { animation: 0.2s navanimate; } .sqrnav > ul > li > div > div > ul > li > ul:after { content: ""; display: table; clear: both; } .sqrnav > ul > li > div > div > ul > li > ul > li > a { display: block; text-decoration: none; color: #333333; padding: 0.3125rem 0; transition: color 0.3s; } .sqrnav > ul > li > div > div > ul > li > ul > li:hover > a { color: #83c5be; } .sqrnav > ul > li > div > div > ul > li > ul > li:first-child { width: 100%; padding-bottom: 0.9375rem; padding-top: 0.9375rem; } .sqrnav > ul > li > div > div > ul > li > ul > li:first-child > a { width: 100%; color: #000000; border-bottom: solid 1px #dee2e6; } } @media (max-width: 63.9375rem) { .sqrpanoramicbackground { padding-left: 0 !important; padding-right: 0 !important; margin-left: 0 !important; margin-right: 0 !important;; } .sqrnav .sqrnavshow { display: block; background: url(./../../styles/ambzentrum/img/?f=menu&ca=333333) no-repeat right center; padding-right: 2.5rem; } .sqrnav a { display: block; padding: 0.5rem 1.875rem; color: #333333; text-decoration: none; border-bottom: solid 1px #dee2e6; } .sqrnav li { display: block; margin: 0; padding: 0; } .sqrnav .sqrnavhide { display: none; background: url(./../../styles/ambzentrum/img/?f=close&ca=333333) no-repeat right center; padding-right: 2.5rem; } .sqrnavopen > a.sqrnavshow { display: none; } .sqrnavopen > a.sqrnavhide { display: block; } .sqrnav li.sqrnavopen > ul { display: block; } .sqrnav ul { display: none; margin: 0 auto; padding: 0; list-style: none; } .sqrnav ul ul { display: none; background-color: #ffffff; } .sqrnav ul ul ul { background-color: #ffffff; } .sqrnav li li a { padding-left: 2.8125rem; } .sqrnav li li li a { padding-left: 3.75rem; } .sqrnav li.sqrnavmore > a { background: url(./../../styles/ambzentrum/img/?f=moremobile&ca=333333) no-repeat right center; padding-right: 2.5rem; } .sqrnav li.sqrnavopen > a { background: url(./../../styles/ambzentrum/img/?f=openmobile&ca=333333) no-repeat right center; padding-right: 2.5rem; } .sqrnavopen > ul, .sqrnavopen > div > div > ul { display: block; } } .sqrnav li em.ngshopcartindicator { display: none; background-color: #83c5be; color: #ffffff; font-style: normal; padding-right: 0.375rem; padding-left: 0.375rem; border-radius: 0.25rem; margin-left: 0.5rem; font-weight: normal; } .sqrnav > ul li em.ngshopcartindicatoractive { display: inline-block; } .sqreyecatcher { position: relative; overflow: hidden; margin: 0; height: 0; width: 100%; border-bottom: 1px solid #dee2e6; } .sqreyecatcher > .sqreyecatcherimagecontainer > img { width: 100%; display: block; border: 0; position: absolute; height: 100%; } .sqreyecatcher > .sqreyecatcherimagecontainer > img.headersliderpri { z-index: 1; transition: none; -webkit-transition: none; opacity: 1; } .sqreyecatcher > .sqreyecatcherimagecontainer > img.headerslidersec { z-index: 2; transition: none; opacity: 0; transform: scale3d(1.1,1.1,0);} .sqreyecatcher > .sqreyecatcherimagecontainer > img.headerslidersecout { transition: opacity 0.3s linear, transform 0.3s ease; opacity: 1; transform: scale3d(1,1,1);} .sqreyecatcher > .sqreyecatcherbulletcontainer { z-index: 3; position: absolute; bottom: 0; left: 0; width: 100%; height: 2.5rem; line-height: 2.5rem; text-align: center; } .sqreyecatcher > .sqreyecatcherbulletcontainer > a { width: 2.5rem; height: 2.5rem; display: inline-block; color: #ffffff; transition: color 1s; } .sqreyecatcher > .sqreyecatcherbulletcontainer > a.active { color: #83c5be; } #sidebarleft, #content, #sidebarright { min-height: 1px; } #header { padding: 1.875rem 0 0 0; } #footer { padding: 0 0 1.875rem 0; } #main { padding: 1.875rem 0; } @media (min-width: 64rem) { .sqrdesktopboxed .sqrpanoramicbackgroundboxed { padding-left: 1.25rem; padding-right: 1.25rem; } .sqrallwaysboxed, .sqrmobilefullwidth, .sqrdesktopboxed { box-sizing: border-box; padding-left: 1.875rem; padding-right: 1.875rem; max-width: calc(1400 / 16 * 1rem); margin-left: auto; margin-right: auto; } .sqrallwaysboxed .sqrallwaysboxed, .sqrdesktopboxed .sqrdesktopboxed, .sqrmobilefullwidth .sqrallwaysboxed, .sqrdesktopboxed .sqrallwaysboxed, .sqrdesktopboxed .sqrmobilefullwidth, .sqrdesktopremovebox .sqrallwaysboxed, .sqrdesktopremovebox .sqrmobilefullwidth { padding-left: 0; padding-right: 0; margin-left: 0; margin-right: 0; } .sqrmain2col > div { box-sizing: border-box; width: 48%; float: left; margin-right: 4%; } .sqrmain2col > div:last-child { margin-right: 0; } .sqrmain3col > div { box-sizing: border-box; width: 30.6666666666%; float: left; margin-right: 4%; } .sqrmain3col > div:last-child { margin-right: 0; } .sqrmain3collr > div { box-sizing: border-box; width: 50%; float: left; } .sqrmain3collr > div:first-child { width: 21%; margin-right: 4%; } .sqrmain3collr > div:last-child { width: 21%; margin-left: 4%; } .sqrmain2coll > div { box-sizing: border-box; width: 75%; float: left; } .sqrmain2coll > div:first-child { width: 21%; margin-right: 4%; } .sqrmain2colr > div { box-sizing: border-box; width: 75%; float: left; } .sqrmain2colr > div:last-child { width: 21%; margin-left: 4%; } .sqrmain3col:after, .sqrmain2col:after, .sqrmain3collr:after, .sqrmain2coll:after, .sqrmain2colr:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } .sqrallwaysfullwidth .sqrsuppressborders { border-left: 0 !important; border-right: 0 !important; } .sqrdesktophidden { display: none; } } @media (max-width: 63.9375rem) { .sqrallwaysboxed, .sqrmobileboxed { box-sizing: border-box; padding-left: 1.875rem; padding-right: 1.875rem; } .sqrallwaysboxed > .sqrallwaysboxed, .sqrallwaysboxed > .nguiparagraphcontainer > .sqrallwaysboxed { padding-left: 0; padding-right: 0; margin-left: 0; margin-right: 0; } .sqrmobileboxedimportant { padding-left: 1.875rem !important; padding-right: 1.875rem !important; } .sqrmobilehidden { display: none; } .sqrallwaysfullwidth .sqrsuppressborders, .sqrmobilefullwidth .sqrsuppressborders { border-left: 0 !important; border-right: 0 !important; } } .sqrcommon { max-width: calc(1400 / 16 * 1rem); padding: 1.875rem; margin: 0 auto; box-sizing: border-box; font-size: 0.875rem; font-size-adjust: none; } ul.sqrcommonnavhierarchical { display: block; list-style: none; margin: 0; padding: 0 0 0.9375rem 0; } ul.sqrcommonnavhierarchical > li { display: block; margin: 0; padding: 0 0.9375rem 0.9375rem 0; box-sizing: border-box; } ul.sqrcommonnavhierarchical:after { content: ""; display: table; clear: both; } @media (min-width: 48rem) { ul.sqrcommonnavhierarchical > li { float: left; } } @media (min-width: 48rem) and (max-width: 63.9375rem) { ul.sqrcommonnavhierarchical > li { width: 50%; } ul.sqrcommonnavhierarchical > li:nth-child(2n+1) { clear: both; } } @media (min-width: 64rem) { ul.sqrcommonnavhierarchical > li { float: left; } ul.sqrcommonnavhierarchical2col > li { width: 50%; } ul.sqrcommonnavhierarchical3col > li { width: 33.33%; } ul.sqrcommonnavhierarchical4col > li { width: 25%; } ul.sqrcommonnavhierarchical5col > li { width: 20%; } } ul.sqrcommonnavhierarchical em { display: block; font-style: normal; text-transform: uppercase; color: #000000; padding-bottom: 0.5rem; } ul.sqrcommonnavhierarchical > li > ul { display: block; margin: 0; padding: 0; list-style: none; } ul.sqrcommonnavhierarchical > li > ul > li { display: block; margin: 0; padding: 0; } ul.sqrcommonnavhierarchical > li > ul > li > a { display: block; text-decoration: none; color: #333333; padding: 0.125rem 0; transition: color 0.2s; } ul.sqrcommonnavhierarchical > li > ul > li > a:hover { color: #83c5be; } ul.sqrcommonnav { display: block; list-style: none; text-align: center; margin: 0; padding: 0 0 1.875rem 0; } ul.sqrcommonnav > li { display: inline-block; list-style: none; text-align: center; } ul.sqrcommonnav > li > a { display: block; text-decoration: none; color: #333333; padding: 0 0.3125rem; transition: color 0.2s; } ul.sqrcommonnav > li > a:hover { color: #83c5be; } .sqrcommonfooter { text-align: center; } .sqrbreadcrumbs { padding: 0; margin: 0; font-size: 0.8125rem; font-size-adjust: none; color: #333333; } .sqrbreadcrumbs > a { color: #83c5be; text-decoration: none; font-weight: normal; } .sqrbreadcrumbs > a:hover { color: #83c5be; text-decoration: underline; font-weight: normal; }