a,abbr,acronym,address,applet,big,blockquote,body,caption,cite,code,dd,del,dfn,div,dl,dt,em,fieldset,font,form,h1,h2,h3,h4,h5,h6,html,iframe,ins,kbd,label,legend,li,object,ol,p,pre,q,s,samp,small,span,strike,strong,sub,sup,table,tbody,td,tfoot,th,thead,tr,tt,ul,var{border:0;font-family:inherit;font-size:100%;font-style:inherit;font-weight:inherit;margin:0;outline:0;padding:0;vertical-align:baseline}html{font-size:62.5%;overflow-y:scroll;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}*,:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}body{background:#fff}article,aside,details,figcaption,figure,footer,header,main,nav,section{display:block}ol,ul{list-style:none}table{border-collapse:separate;border-spacing:0}caption,td,th{font-weight:400;text-align:left}blockquote:after,blockquote:before,q:after,q:before{content:""}blockquote,q{quotes:"" ""}a:focus{outline:thin dotted}a:active,a:hover{outline:0}a img{border:0} html { font-size: 16px !important; } @media only screen and ( max-width: 1280px )  { html {font-size: 16px !important;} } @media only screen and ( max-width: 767px ) { html {font-size: 14px !important;} } @media only screen and ( max-width: 479px ) { html {font-size: 12px !important;} } body, button, input, select, textarea, p { color: #000; font-size: 14px !important; font-size: 1.00rem !important; line-height: 17px !important; line-height: 1.40rem !important; } textarea:focus, input:focus{ outline: 0; } h1, h2, h3, h4, h5, h6 { clear: both; font-weight: 400; font-family: Open sans, sans-serif; margin-bottom: 21px; margin-bottom: 1.50rem;  } h1 { font-size: 38px !important; font-size: 2.10rem !important; line-height: 48px !important; line-height: 1.15em !important; } .pageheader h1 { font-size: 38px !important; font-size: 2.10rem !important; } #footer h1 { font-size: 1.35rem !important; line-height: 1.20em !important; } h2 { font-size: 28px !important; font-size: 1.75rem !important; line-height: 34px !important; line-height: 1.2em !important; } h3 { font-size: 24px !important; font-size: 1.50rem !important; line-height: 27px !important; line-height: 1.15em !important; margin-top: 0.5rem !important; } .small-hx h3 { font-size: 19.2px !important; font-size: 1.20rem !important; } h4 { font-size: 16px !important; font-size: 1.14rem !important; line-height: 20px !important; line-height: 1.15em !important; } h5 { font-size: 15px !important; font-size: 1.10rem !important; line-height: 18px !important; line-height: 1.15em !important; } h6 { font-size: 15px !important; font-size: 1.10rem !important; line-height: 18px !important; line-height: 1.15em !important; } hr { background-color: #ccc; border: 0; height: 1px; margin-bottom: 1.5em; } p { margin-bottom: 17px; margin-bottom: 1.40rem; } p:last-child { margin-bottom: 0px; } ul,  ol {  margin-bottom: 20px; } ul {  list-style: disc outside; margin-left: 30px; } ol {  list-style: decimal outside;  margin-left: 30px; } ul ul,  ul ol, ol ol,  ol ul {  margin: 4px 0 5px 30px; } ul ul li, ul ol li, ol ol li, ol ul li {  margin-bottom: 6px; } li {  margin-bottom: 12px; } dt { font-weight: bold; } dd { margin: 0 1.5em 1.5em; } b, strong { font-weight: bold; } dfn, cite, em, i { font-style: italic; } blockquote { padding: 1em 0em 1em 1.5em !important; font-size: 1.5em !important; border-left: 6px solid #144733; margin: 2em 1em 2em 0em !important; } blockquote p { font-weight: 600 !important; color: black !important; } address { margin: 0 0 1.5em; } pre { background: #eee; font-family: "Courier 10 Pitch", Courier, monospace; font-size: 15px; font-size: 1.5rem; line-height: 1.6; margin-bottom: 1.6em; max-width: 100%; overflow: auto; padding: 1.6em; } code, kbd, tt, var { font: 15px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; } abbr, acronym { border-bottom: 1px dotted #666; cursor: help; } mark, ins { text-decoration: none; } sup, sub { font-size: 75%; height: 0; line-height: 0; position: relative; vertical-align: baseline; } sup { bottom: 1ex; } sub { top: .5ex; } small { font-size: 75%; } big { font-size: 125%; } figure { margin: 0; } table { margin: 0 0 1.5em; width: 100%; border-collapse: collapse !important; } th { font-weight: bold; } img { height: auto;  max-width: 100%;  } button, input, select, textarea { font-size: 100%;  margin: 0;  vertical-align: baseline;  *vertical-align: middle;  } button, input[type="button"], input[type="reset"], input[type="submit"] { border: 1px solid #ccc; border-color: #ccc #ccc #bbb #ccc; border-radius: 3px; background: #e6e6e6; color: rgba(0, 0, 0, .8); cursor: pointer;  -webkit-appearance: button;  font-size: 12px; font-size: 1.4em; line-height: 1; padding: .6em 1em .4em; } input[type="checkbox"], input[type="radio"] { padding: 0;  } input[type="search"] { -webkit-appearance: textfield;  -webkit-box-sizing: content-box;  -moz-box-sizing:    content-box; box-sizing:         content-box; } input[type="search"]::-webkit-search-decoration {  -webkit-appearance: none; } button::-moz-focus-inner, input::-moz-focus-inner {  border: 0; padding: 0; } input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="tel"], select, textarea { color: #666; border: 1px solid #ccc; border-radius: 3px; } select { padding: .213em 0; } input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="tel"]:focus, textarea:focus { color: #111; } input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="tel"], select { padding: 3px; } textarea { overflow: auto; padding-left: 3px; vertical-align: top; width: 98%; } a { color: #8f67b0; text-decoration: none; } table {  border: 1px solid #e0e0e0;  border-spacing: 0;  margin: 0 0 20px 0;  width: 100%;  } table caption { font-weight: bold;  margin-bottom: 10px; } td { text-align: center; border: 1px solid #e0e0e0; padding: 5px; } th { background: #fff; padding: 5px; text-align: center; } .fl { float: left; padding-top:7px; } .fr { float: right; } .clearfix:before, .clearfix:after { content: " "; display: table; } .clearfix:after { clear: both; } .clearfix { *zoom: 1; } .clear { clear: both; } .alignnone { margin: 5px 20px 20px 0; } .aligncenter, div.aligncenter { display: block; margin: 5px auto 5px auto; } .alignright { float:right; margin: 5px 0 20px 20px; } .alignleft { float: left; margin: 5px 20px 0px 0;  } @media only screen and ( max-width: 767px ) {   .alignleft { float: left; margin: 5px 20px 20px 0; } } .aligncenter { display: block; margin: 5px auto 5px auto; } a img.alignright { float: right; margin: 5px 0 20px 20px; } a img.alignnone { margin: 5px 20px 20px 0; } a img.alignleft { float: left; margin: 5px 20px 20px 0; } a img.aligncenter { display: block; margin-left: auto; margin-right: auto } .my-caption { background: #fff; border: 1px solid #f0f0f0; max-width: 96%;  padding: 5px 3px 10px; text-align: center; } .my-caption.alignnone { margin: 5px 20px 20px 0; } .my-caption.alignleft { margin: 5px 20px 20px 0; } .my-caption.alignright { margin: 5px 0 20px 20px; } .my-caption img { border: 0 none; height: auto; margin: 0; max-width: 98.5%; padding: 0; width: auto; } .my-caption p.my-caption-text { font-size: 11px; line-height: 17px; margin: 0; padding: 0 4px 5px; } .page-content img.my-smiley, .entry-content img.my-smiley, .comment-content img.my-smiley { border: none; margin-bottom: 0; margin-top: 0; padding: 0; } .my-caption { border: 1px solid #ccc; margin-bottom: 1.5em; max-width: 100%; } .my-caption img[class*="my-image-"] { display: block; margin: 1.2% auto 0; max-width: 98%; } .my-caption-text { text-align: center; } .my-caption .my-caption-text { margin: 0.8075em 0; } .site-main .gallery { margin-bottom: 1.5em; } .gallery-caption { } .site-main .gallery a img { border: none; height: auto; max-width: 90%; } .site-main .gallery dd { margin: 0; } .site-main .gallery-columns-4 .gallery-item { } .site-main .gallery-columns-4 .gallery-item img { } embed, iframe, object { max-width: 100%; } #page-container { position: relative; } body.ds-loader-enabled #page-container { opacity: 0; } .wrapper { width: 1180px; max-width: 100%; margin: 0 auto; } body.wrapped { } body.wrapped #page-container { background-color: white;  width: 1180px; margin: 20px auto; } body.wrapped #header-bar, body.wrapped #header-main, body.wrapped #footer { } body.wrapped .wrapper, body.wrapped .dslc-modules-section-wrapper, body.wrapped .dslc-add-modules-section  {  width: 1080px; } #header { font-family: "Lato"; background: #fff; } #header-bar { border-bottom: 1px solid #d7d7d7; font-family: "Open Sans"; font-size: 11px; line-height: 1; } #header-bar-nav { border-left: 1px solid #d7d7d7; float: left; z-index: 99999999; position: relative; } #header-bar-social { border-left: 1px solid #d7d7d7; float: right; } #header-bar-nav ul, #header-bar-social ul { list-style-type: none; margin: 0; padding: 0; } #header-bar-nav > ul > li, #header-bar-social ul li { float: left; position: relative; margin: 0; -webkit-transition: background-color 200ms linear; -moz-transition: background-color 200ms linear; -o-transition: background-color 200ms linear; -ms-transition: background-color 200ms linear; transition: background-color 200ms linear; } #header-bar-nav > ul > li { } #header-bar-nav .ds-icon { margin-right: 10px; } #header-bar-nav .header-bar-nav-sub, #header-bar-nav .sub-menu { background: #fff; border: 1px solid #d7d7d7; border-radius: 0 0 3px 3px; display: none; list-style-type: none; margin: 0; opacity: 0; padding: 0; position: absolute; top: 100%; left: -1px; right: 0; min-width: 100%; box-shadow: 0 2px 2px rgba(0,0,0,0.05); } #header-bar-nav .sub-menu .sub-menu { top: -5px; left: 100%; margin-left: -1px; } #header-bar-nav li:hover > .header-bar-nav-sub, #header-bar-nav li:hover > .sub-menu { display: block; } #header-bar-nav .header-bar-nav-sub li, #header-bar-nav .sub-menu li { display: block; float: none; padding: 0 20px; white-space: nowrap; margin-bottom: 0; } #header-bar-nav .header-bar-nav-sub li:last-child a, #header-bar-nav .sub-menu li:last-child a { border-bottom: 0; } #header-bar-nav .header-bar-nav-sub li a, #header-bar-nav .sub-menu li a { border-bottom: 1px solid #d7d7d7; color: #c7c7c7; display: block; font-size: 12px; padding: 15px 0; line-height: 1; text-decoration: none; } #header-bar-nav .header-bar-nav-sub li.current-menu-item > a, #header-bar-nav .header-bar-nav-sub li > a:hover, #header-bar-nav .sub-menu li > a:hover, #header-bar-nav .sub-menu li.current-menu-item > a { color: #000; } #header-bar-nav .ds-icon.ds-subnav-arrow { color: #bfbfbf; font-size: 8px; margin-left: 10px; margin-right: 0; position: relative; top: -1px; vertical-align: middle; } #header-bar-nav li.current-menu-item .ds-icon.ds-subnav-arrow { color: #878787; } #header-bar-nav > ul > li > a { font-family: Roboto; font-weight: 600; } #header-bar-nav > ul > li > a, #header-bar-social ul li a { border-right: 1px solid #d7d7d7; color: #999999; display: block; padding: 0 20px; text-decoration: none; line-height: 39px; } #header-bar-social ul li a { color: #bababa; font-size: 13px; padding: 0; width: 45px; text-align: center; } #header-bar-social ul li { border-bottom: 0; } #header-bar-social ul li:hover { background: #444; } #header-bar-social ul li.header-bar-social-twitter { border-bottom-color: #7cbff2; } #header-bar-social ul li.header-bar-social-twitter:hover { background: #7cbff2 !important; } #header-bar-social ul li.header-bar-social-dribbble { border-bottom-color: #ef75a4; } #header-bar-social ul li.header-bar-social-dribbble:hover { background: #ef75a4; } #header-bar-social ul li.header-bar-social-facebook { border-bottom-color: #7286b8; } #header-bar-social ul li.header-bar-social-facebook:hover { background: #7286b8; } #header-bar-social ul li.header-bar-social-pinterest { border-bottom-color: #d75459; } #header-bar-social ul li.header-bar-social-pinterest:hover { background: #d75459; } #header-bar-social ul li.header-bar-social-youtube { border-bottom-color: #e52d27; } #header-bar-social ul li.header-bar-social-youtube:hover { background: #e52d27; } #header-bar-social ul li.header-bar-social-vimeo { border-bottom-color: #1ab7ea; } #header-bar-social ul li.header-bar-social-vimeo:hover { background: #1ab7ea; } #header-bar-social ul li.header-bar-social-twitter { border-bottom-color: #55acee; } #header-bar-social ul li.header-bar-social-twitter:hover { background: #55acee; } #header-bar-social ul li.header-bar-social-linkedin { border-bottom-color: #0977b5; } #header-bar-social ul li.header-bar-social-linkedin:hover { background: #0977b5; } #header-bar-social ul li.header-bar-social-instagram { border-bottom-color: #9f6e55; } #header-bar-social ul li.header-bar-social-instagram:hover { background: #9f6e55; } #header-bar-social ul li.header-bar-social-github { border-bottom-color: #171515; } #header-bar-social ul li.header-bar-social-github:hover { background: #171515; } #header-bar-social ul li.header-bar-social-google-plus { border-bottom-color: #737373; } #header-bar-social ul li.header-bar-social-google-plus:hover { background: #737373; } #header-bar-social ul li.header-bar-social-dropbox { border-bottom-color: #007ee5; } #header-bar-social ul li.header-bar-social-dropbox:hover { background: #007ee5; } #header-bar-social ul li.header-bar-social-flickr { border-bottom-color: #0063dc; } #header-bar-social ul li.header-bar-social-flickr:hover { background: #0063dc; } #header-bar-social ul li.header-bar-social-foursquare { border-bottom-color: #24b2ed; } #header-bar-social ul li.header-bar-social-foursquare:hover { background: #24b2ed; } #header-bar-social ul li.header-bar-social-tumblr { border-bottom-color: #35465c; } #header-bar-social ul li.header-bar-social-tumblr:hover { background: #35465c; } #header-bar-social ul li:hover a { color: #fff; } #header-main { padding: 40px 0 15px 0;  border-bottom: 1px solid #d7d7d7; background-color: white;  } #logo { float: right;  background-image: url(https://test.alyoniq.ag/alyoniq-template/images/alyoniq-logo.png);  background-repeat: no-repeat;  background-position: right 0px;  width:215px;  height:57px;  } #logo img { display: none; 				 } #logo a { float:right;  width:inherit;  height:inherit;  } #header #logo img {  -webkit-transition: height 200ms linear, margin 200ms linear; -moz-transition: height 200ms linear, margin 200ms linear; -o-transition: height 200ms linear, margin 200ms linear; -ms-transition: height 200ms linear, margin 200ms linear; transition: height 200ms linear, margin 200ms linear;				 height:56px; width: auto !important; margin-top:0; } #header.sticky #logo { background-repeat: no-repeat;  background-position: right 8px;  width:215px;  height:57px;  } #header.sticky #logo img {  height:43px; display: none; } #header.sticky #logo a {  overflow:hidden; } @media only screen and ( max-width: 767px ) { #header #logo, #header.sticky #logo {height:30px; background-size: contain;} } #mobile-nav { position: relative; display: none; margin-top: 3px;  margin-left: 2px;   float:left; } #mobile-nav select { cursor: pointer; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; opacity: 0; position: absolute; right: 0; top: 0; padding-top: 0; padding-bottom: 0; z-index: 10; height: 38px; width: 100%; } #mobile-nav-hook {  color: #666; font-size: 24px; } #navigation { float: left; z-index: 9999999; position: relative; } #navigation .menu { list-style: none; margin: 0; padding: 0; } #navigation .menu > li { float: left; margin: 0 0 0 30px; padding: 0; position: relative; line-height: 40px; z-index: 9999999; } #navigation .menu > li:first-child { margin-left: 0; } #navigation .menu > li > a { color: #c7c7c7; display: block; text-decoration: none; font-family: "Open Sans"; } #navigation .menu > li.current-menu-item > a, #navigation .menu > li > a:hover { color: #1e0000; } #navigation .menu .ds-regular-menu ul, #navigation .menu .ds-mega-menu > ul { background: #fff; border: 1px solid #d7d7d7; border-radius: 3px; display: none; list-style-type: none; margin: 0; opacity: 0; padding: 0; position: absolute; top: 100%; left: 0; } #navigation .menu .ds-regular-menu ul li { display: block; white-space: nowrap; margin: 0; padding: 0 20px; padding-left: 15px; } #navigation .menu .ds-regular-menu ul li a, #navigation .menu .ds-mega-menu ul li a { border-bottom: 1px solid #d7d7d7; color: #c7c7c7; display: block; font-size: 13px; line-height: 1; padding: 17px 0; text-decoration: none; font-family: "Open Sans"; } #navigation .menu .ds-regular-menu ul li:last-child a { border-bottom: 0; } #navigation .menu .ds-regular-menu ul li.current-menu-item > a, #navigation .menu .ds-regular-menu ul li > a:hover { color: #000; } #navigation .ds-icon.ds-subnav-arrow { color: #bfbfbf; font-size: 8px; margin-left: 10px; vertical-align: middle; position: relative; top: -3px; margin-right: 0; } #navigation .ds-regular-menu li.current-menu-item .ds-icon.ds-subnav-arrow { color: #878787; } #navigation .menu .ds-regular-menu ul ul { left: 100%; margin-left: -10px; top: -1px; } #navigation .ds-regular-menu .menu li:hover > ul, #navigation li.ds-mega-menu:hover ul { display: block; } #navigation .menu .ds-mega-menu { position: static; } #navigation .menu .ds-mega-menu ul, #navigation .menu .ds-mega-menu li { list-style-type: none; margin: 0; padding: 0; } #navigation .menu .ds-mega-menu > ul { position: absolute; top: 100%; left: 0; right: 0; padding: 20px; padding-bottom: 0; } #navigation .menu .ds-mega-menu > ul > li { display: inline-block; vertical-align: top; opacity: 1; width: 32%; margin-bottom: 20px; } #navigation .menu .ds-mega-menu.ds-mega-menu-2-col > ul > li { width: 49%; } #navigation .menu .ds-mega-menu.ds-mega-menu-4-col > ul > li { width: 24.4%; } #navigation .menu .ds-mega-menu > ul > li:first-child { } #navigation .menu .ds-mega-menu > ul > li > a { border: 0; display: block; font-weight: bold; line-height: 1; padding: 0; text-decoration: none; margin-bottom: 15px; } #navigation .menu .ds-mega-menu ul ul { margin: 0; padding: 0; } #navigation .menu .ds-mega-menu a { display: block; white-space: nowrap; } #navigation .menu .ds-mega-menu ul ul li a { border: 0; display: block; line-height: 1; padding: 5px 0; text-decoration: none; } #header-extra-wrapper {  float:left; } @media only screen and ( max-width: 767px ) { #header-extra-wrapper { display:none; } } #breadcrumbs {  float:left; font-size:12px; margin-top:26px; } #breadcrumbs ul {  list-style:none; list-style-image:none; float:left; margin:0; padding:0; } #breadcrumbs ul li {  display:inline-block; margin-right:5px; margin-bottom:0; } #header-extra { color: #a7a7a7; float: right; font-size: 12px; position: relative; min-height: 1px; } #header-extra .ds-icon { color: #a7a7a7; } #header-extra-wrapper { line-height:1;  } #header-extra-wrapper #header-extra .header-extra-item { border: 1px solid #d7d7d7; border-radius: 3px; cursor: pointer; display: block; float: right; line-height: 36px; position: relative; text-decoration: none; } #header-extra .header-extra-cart { padding-right: 14px !important; } #header-extra .header-extra-cart .ds-icon { } .header-extra-cart-amount { background: #8f67b0; border-radius: 50%; color: #fff; font-size: 11px; font-weight: bold; height: 22px; line-height: 22px; position: absolute; text-align: center; top: -8px; right: -8px; width: 22px; } #header-extra .header-extra-search,  #header-extra .header-extra-language {  background: #fff; position: absolute; top: 0; z-index: 99999999; width: 37px; height: 37px;  overflow: hidden; -webkit-transition: width 200ms linear; -moz-transition: width 200ms linear; -o-transition: width 200ms linear; -ms-transition: width 200ms linear; transition: width 200ms linear; } #header-extra .header-extra-search.active { width: 200px; } #header-extra .header-extra-search input { background: transparent; color: #c8c8c8; font-family: "Lato"; font-size: 12px; line-height: 1; position: absolute; padding: 0; top: 0; left: 35px; right: 0; bottom: 0; border: 0; margin-top: 10px; } #header-extra .header-extra-language { float:left; display:none !important;  } #main { margin-top:-15px;  } #content { } #page-title { margin-bottom: 50px; } .blog-post { margin-bottom: 44px; padding-bottom: 44px; border-bottom: 1px solid #e6e6e6; } .blog-post.sticky { background: #f8f8f8; border-radius: 3px; padding: 40px; border-bottom: 0; } .blog-post:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: 0; } .blog-post-thumb { float: left; margin-right: 53px; width: 226px; } .blog-post-thumb img { display: block; border-radius: 3px; } .blog-post-main { overflow: hidden; } h2.blog-post-title, .blog-title { color: #616161; font-size: 2.1rem !important; font-weight: 600; font-family: Open Sans, sans-serif; line-height: 40px; } .blog-content h2 { color: #000; font-size: 1.2rem !important; font-weight: bold; font-family: Open Sans, sans-serif; } .blog-post-title a { color: inherit; } .blog-post-meta { border: 1px solid #e5e5e5; border-width: 1px 0; color: #a8a8a8; font-size: 13px; font-family: Brawler; font-weight: 500; line-height: 30px; margin-bottom: 16px; padding-top: 17px; padding-bottom: 17px; } .blog-post-meta-author { float: left; } .blog-post-meta-date { float: right; } .blog-post-excerpt, .blog-post-content { color: #878787; font-size: 1rem; font-weight: 500; font-family: Brawler; margin-bottom: 29px; line-height: 29px; } .blog-post-read-more { display: inline-block; background-color: #e66e65; border-radius: 3px; color: #ffffff; font-size: 12px; font-weight: 700; font-family: Merriweather; padding-top: 13px; padding-bottom: 13px; padding-left: 14px; padding-right: 14px; line-height: 1; }	 .blog-post-read-more:hover { background-color: #c25048; } .blog-post-read-more .ds-icon { color: #f7aba6; margin-right: 5px; } .pagination, .classic-pagination { margin-top: 30px; } .pagination li { display: inline-block; margin: 0; padding: 0; margin-right: 10px; } .pagination li a { border-style: solid solid solid solid; border-radius: 3px; font-size: 11px; font-weight: 700; font-family: "Open Sans", sans-serif; padding-top: 12px; padding-bottom: 12px; padding-left: 12px; padding-right: 12px; } .pagination li.active a { background-color: #e66e65; border-color: #e66e65; border-width: 1px; color: #ffffff; } .pagination li.inactive a { background-color: #ffffff; border-color: #d9d9d9; border-width: 1px; color: #979797; } #comments { } .comments { list-style-type: none; margin: 0; padding: 0; } .comment { } .comment-inner { border: 1px solid #dbdbdb; margin: 0 0 30px 0; padding: 40px 35px; } .comment-info { border-bottom: 1px solid #c7c7c7; font-size: 12px; font-weight: bold; font-style: italic; line-height: 34px; margin-bottom: 20px; padding-bottom: 20px; } .comment-meta { float: left; list-style-type: none; margin: 0; padding: 0; } .comment-meta li { display: block; float: left; margin: 0; margin-right: 20px; padding: 0; } .comment-author { } .comment-author-avatar { margin-right: 10px; } .comment-author-avatar img { vertical-align: middle; } li.comment-date { color: #86929e; display: block; } .comment-reply { display: block; float: right; } .comment-main { } .comments .children { list-style-type: none; margin: 0; padding: 0 0 0 90px; } .comments-children .comment { } .bypostauthor { } #respond { border: 1px solid #dbdbdb; margin: 0 0 30px 0; padding: 35px; } #reply-title { font-size: 20px; line-height: 1; margin: 0 0 28px 0; } #commentform { } .comment-form-name, .comment-form-email, .comment-form-website { float: left; width: 222px; margin: 0 20px 20px 0; } .comment-form-website { margin-right: 0; } .comment-form-comment { margin-bottom: 10px; } #commentform input[type=text], #commentform textarea { } #commentform textarea { height: 140px; } #footer { padding: 90px 0; background-image: url(https://test.alyoniq.ag/alyoniq-template/images/alyoniq-viertelkreis.png);  background-repeat: no-repeat;  background-position: right bottom ;  } #footer .widget ul { margin-left: 0; list-style-type: none; } #footer .widget li { margin: 0 0 10px 0; } #footer .widget li.event, #footer .widget li.cause { border-bottom: 0; margin-bottom: 0; padding-bottom: 0; } #footer .widget .social-icons li { border: none; margin: 0; margin-right: 10px; padding: 0; } #footer-inner { } #footer .widget { background: inherit !important; color: #9a9a9a; font-family: "Open Sans"; font-weight: 500; padding: 30px 0 0 0; border-radius: 3px; margin-bottom: 30px; } #footer .widget.ds-3-col:nth-child(4n+4) { margin-right: 0; } #footer .widget.ds-4-col:nth-child(3n+3) { margin-right: 0; } #footer .widget.ds-6-col:nth-child(2n+2) { margin-right: 0; } #footer .widget.ds-12-col { margin-right: 0; } #footer .widget-title { border-bottom: 1px solid #dfdfdf; color: #dfdfdf; font-size: 15px; font-weight: 400; font-family: Open Sans; line-height: 21px; margin-bottom: 17px; padding-bottom: 20px; } #footer a { color: #A472DA; } #footer ul { list-style-type: none; margin: 0; padding: 0; } #footer li { border: none; } #footer-copyright { color: #9A9A9A; font-size: 1em; font-weight: 400; font-family: "Open Sans"; line-height: 1; } #footer-copyright .wrapper { padding-top: 25px; } .widget_tag_cloud { } .widget_tag_cloud a, .widget_tag_cloud a:hover, .widget_product_tag_cloud a, .widget_product_tag_cloud a:hover { border-radius: 3px; color: #fff !important; line-height: 1; display: inline-block; padding: 6px 5px; margin-right: 3px; text-transform: uppercase; font-style: normal; } input[type="submit"].wpcf7-submit { border: 0; background-color: #5890e5; border-radius: 3px; padding: 12px; color: #fff; font-size: 12px; } .screen-reader-text { display: none; } .separator-medium { height: 1px; margin: 30px 0; } .align-center { text-align: center; } #ascrail2000 { z-index: 99999999 !important; } h2.page-title-404 { text-align: center; margin-bottom: 20px; } #header.sticky { position: fixed; top: 0; left: 0; right: 0; z-index: 999999; background-color: transparent;  } #header.sticky #header-bar { display: none; } #header-main { } #header.sticky #header-main { padding-top: 0px; padding-bottom: 20px; background-color: #FFF;  } #header #header-main-curve {	 z-index: 1;  position: relative;  height: 20px; background-color: transparent !important; background-image: url(https://test.alyoniq.ag/alyoniq-template/images/curve-bottom-white-shadow.png); background-repeat: no-repeat; background-position: center bottom; background-size: cover; }	 #page-loader-wrapper { position: fixed; top: 0; right: 0; bottom: 0; left: 0; background: #fff; text-align: center; z-index: 999999999;	 display: none; } body.ds-loader-enabled #page-loader-wrapper { display: block; } #page-loader { position: absolute; left: 0; right: 0; top: 40%; } #page-loader span { border-radius: 50%; display: inline-block; height: 50px; margin: 3em; position: relative; vertical-align: middle; width: 50px; background-color: white; -webkit-animation: pageLoader 0.4s infinite linear; -moz-animation: pageLoader 0.4s infinite linear; animation: pageLoader 0.4s infinite linear; } #page-loader span:before, #page-loader span:after { width: 100%;  height: 100%; border-radius: 50%; position: absolute; top: 0; left: 0; } #page-loader span:before { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; content: ''; width: 80%; height: 80%; background-color: white; top: 10%; left: 10%; box-shadow: 5px -3px 0 rgba(255,100,100,0.7), 5px 5px 0 rgba(100,255,100,0.7), -3px 5px 0 rgba(100,100,255,0.7), -5px -5px 0 rgba(240,240,120,0.7); } #page-loader span:after { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; content: ''; border: 3px solid white; z-index: 2; top: -3px; left: -3px; } @-webkit-keyframes pageLoader { 0%   { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); } } @-moz-keyframes pageLoader { 0%   { -moz-transform: rotate(0deg); } 100% { -moz-transform: rotate(360deg); } } @keyframes pageLoader { 0%   { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } body.dslc-page #main .wrapper, body.archive #main .wrapper { width: auto !important; } body.dslc-page #main, body.archive #main { padding: 0; } #dslc-content img { max-width: 100%; } .dslca-change-width-modules-area-options, .dslca-change-width-module-options {  width: 118px !important; } .dslc-res-phone .dslc-posts-orientation-horizontal .dslc-post-thumb { width: 100% !important; margin-bottom: 15px !important; } .dslc-res-phone .dslc-posts-orientation-horizontal .dslc-post-main { width: 100% !important; } .ds-col { display: block; float: left; margin-right: 2.12766%; } .ds-1-col { width: 6.38297%; } .ds-2-col { width: 14.89361%; } .ds-3-col { width: 23.40425%; } .ds-4-col { width: 31.91489%; } .ds-5-col { width: 40.42553%; } .ds-6-col { width: 48.93617%; } .ds-7-col { width: 57.4468%; } .ds-8-col { width: 65.95744%; } .ds-9-col { width: 74.46808%; } .ds-10-col { width: 82.97872%; } .ds-11-col { width: 91.48936%; } .ds-12-col { width: 100%; } .ds-last-col { margin-right: 0; } @media only screen and ( max-width: 1280px )  { ul#menu-main.menu li.menu-item {  text-align:center;  float:left;  padding:0;  margin:0;  height:80px;  } #navigation .menu > li > a { font-size:13px !important;  }		 .wrapper, .dslc-modules-section-wrapper, .dslc-add-modules-section  {  width: 95% !important;  } body.wrapped #page-container { width: 95% !important;  } body.wrapped .wrapper, body.wrapped .dslc-modules-section-wrapper, body.wrapped .dslc-add-modules-section  { width: 95% !important;  } body.wrapped .dslc-full .dslc-modules-section-wrapper, body.wrapped .dslc-full .dslc-add-modules-section { width: 100% !important; } } @media only screen and ( max-width: 1280px ) { #header #logo, #header.sticky #logo { background-image: url(https://test.alyoniq.ag/alyoniq-template/images/alyoniq-logo-small.png);  background-repeat: no-repeat;  background-size: 173px 57px;  background-position: right 7px;  width:173px;  height:64px;  }				 #header.sticky #logo { background-position: right 7px;  height:43px;  }		 ul#menu-main.menu li.menu-item { text-align:center; float:left; padding:0; margin:0; height:80px; } #navigation .menu > li > a { font-size:13px !important;  }			 ul#menu-main.menu li.menu-item:first-child { margin-right:3px !important; } #header #logo img {  height:35px; width: auto !important; margin-top:0; } .wrapper, .dslc-modules-section-wrapper, .dslc-add-modules-section  {  width: 95% !important;  } body.wrapped #page-container { width: 95% !important;  } body.wrapped .wrapper, body.wrapped .dslc-modules-section-wrapper, body.wrapped .dslc-add-modules-section  {  width: 95% !important;  } body.wrapped .dslc-full .dslc-modules-section-wrapper, body.wrapped .dslc-full .dslc-add-modules-section { width: 100% !important; }	 		 #mobile-nav {   float: left; clear: none; } #header-extra { } } @media only screen and ( max-width: 1000px )  { #navigation .menu > li > a { font-size:11px !important;  }	 } @media only screen and ( max-width: 767px ) { .mobile-columns .dslc-modules-area.dslc-col.dslc-3-col  { width: 25% !important; } .mobile-columns .dslc-modules-area.dslc-col.dslc-4-col  { width: 33% !important; } .mobile-columns .dslc-modules-area.dslc-col.dslc-6-col  { width: 50% !important; } .mobile-columns .dslc-info-box-title h4 { font-size: 12px	!important;  } ul#menu-main.menu li.menu-item { text-align:center; font-size:12px; font-size:10px !important; float:left; padding:0; margin:0; height:80px; } ul#menu-main.menu li.menu-item:first-child { margin-right:5px; } #header-bar { display: none; } #header-extra-wrapper { margin-top: 20px; } #logo { text-align: center; width: 75% !important; }  #navigation { display: none; } #mobile-nav { display: block; }		 #footer .ds-col { width: 100%; margin-bottom: 30px; float: none; } .blog-post-thumb { float: none; width: 100%; margin-bottom: 20px; } .blog-post-main { overflow: hidden; } } @media only screen and ( max-width: 767px ) { ul#menu-main.menu li.menu-item { text-align:center; font-size:12px; font-size:10px !important; float:left; padding:0; margin:0; height:80px; } ul#menu-main.menu li.menu-item:first-child { margin-right:5px; } .wrapper, .dslc-modules-section-wrapper, .dslc-add-modules-section  {  width: 95% !important;  } body.wrapped #page-container { width: 95% !important; 			 } body.wrapped #header-bar, body.wrapped #header-main, body.wrapped #footer { } body.wrapped .wrapper, body.wrapped .dslc-modules-section-wrapper, body.wrapped .dslc-add-modules-section  {  width: 95% !important; 			 } body.wrapped .dslc-full .dslc-modules-section-wrapper, body.wrapped .dslc-full .dslc-add-modules-section { width: 100% !important; }	 				 #header-extra .header-extra-search { } } @media only screen and ( max-width: 479px ) { .wrapper, .dslc-modules-section-wrapper, .dslc-add-modules-section  {  width: 95% !important;  } body.wrapped #page-container { width: 95% !important;  } body.wrapped #header-bar, body.wrapped #header-main, body.wrapped #footer { } body.wrapped .wrapper, body.wrapped .dslc-modules-section-wrapper, body.wrapped .dslc-add-modules-section  {  } #header-extra .header-extra-search { } } .dslc-text-module-content, .box-slider-txt-content { -ms-word-break: break-all; word-break: normal; word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; } h1 { -ms-word-break: normal; word-break: normal !important; -webkit-hyphens: manual; -moz-hyphens: manual; -ms-hyphens: manual; hyphens: manual; } .ul-bullet-check ul { list-style: none; } .ul-bullet-check ul li { background: url("https://test.alyoniq.ag/alyoniq-template/images/check.png") left 0.1em no-repeat; padding-bottom:0.1em; padding-left: 60px; } .ul-style-01 ul, .ul-style-01 ul li:last-child { margin:0; padding-bottom:0.1em; margin-bottom:0; } #header.sticky #header-extra-wrapper {display:none;} #header.sticky #header-main {padding-bottom:0;} #header.sticky #navigation {margin-top:-20px;} ul#menu-main.menu li.menu-item { width:12%;  text-align:center; font-size:12px; font-size:10px !important; float:left; padding:0; margin:0; height:80px; } ul#menu-main.menu li.menu-item:first-child { margin-right:5px; } ul#menu-main.menu span.top, ul#menu-main.menu span.middle, ul#menu-main.menu span.bottom { width:100%; height:20px; display:block; } ul#menu-main.menu span.bottom { line-height:20px; padding-top:5px; } ul#menu-main.menu li.menu-item a span.top, ul#menu-main.menu li.menu-item a span.middle { -webkit-transition: height 200ms linear; -moz-transition: height 200ms linear; -o-transition: height 200ms linear; -ms-transition: height 200ms linear; transition: height 200ms linear; } ul#menu-main.menu li.menu-item a{color:#000} ul#menu-main.menu li.menu-item:hover a span.top, ul#menu-main.menu li.menu-item.current-menu-item a span.top {height:0px} ul#menu-main.menu li.menu-item:hover a span.middle, ul#menu-main.menu li.menu-item.current-menu-item a span.middle {height:40px} ul#menu-main.menu li.menu-item:hover a, ul#menu-main.menu li.menu-item.current-menu-item a {font-weight:bold} ul#menu-main.menu li.menu-item-index-01 a span.middle {background-color:#144733}   ul#menu-main.menu li.menu-item-index-01 a span.top {background-color:#ACC7BD}  ul#menu-main.menu li.menu-item-index-02 a span.middle {background-color:#d31617}   ul#menu-main.menu li.menu-item-index-02 a span.top {background-color:#DFA9A9}  ul#menu-main.menu li.menu-item-index-03 a span.middle {background-color:#eb5419}   ul#menu-main.menu li.menu-item-index-03 a span.top {background-color:#E7C3AF}  ul#menu-main.menu li.menu-item-index-04 a span.middle {background-color:#ffdc00}   ul#menu-main.menu li.menu-item-index-04 a span.top {background-color:#F4E9B8}  ul#menu-main.menu li.menu-item-index-05 a span.middle {background-color:#4E8047}   ul#menu-main.menu li.menu-item-index-05 a span.top {background-color:#C0D9BC} ul#menu-main.menu li.menu-item-index-06 a span.middle {background-color:#009fe3}   ul#menu-main.menu li.menu-item-index-06 a span.top {background-color:#A5D5EC} ul#menu-main.menu li.menu-item-index-07 a span.middle {background-color:#1a388b}   ul#menu-main.menu li.menu-item-index-07 a span.top {background-color:#ADB5D9} ul#menu-main.menu li.menu-item-index-08 a span.middle {background-color:#803a8c}   ul#menu-main.menu li.menu-item-index-08 a span.top {background-color:#D0AED9} .h1-shadow h1, .h2-shadow h2, .h3-shadow h3 { text-shadow: 2px 2px 0px #000; } .h1-neg-shadow h1 { color: rgba(0,0,0,.60) !important; position: relative !important; display: block !important; } .h1-neg-shadow h1:before { content: attr(title); color: rgba(255,255,255,1) !important; position: absolute; top: 2px; left: 2px; } .h1-neg-shadow h1:after { content: attr(title); color: rgba(255,255,255,.5); position: absolute; top: 1px; left: 1px; } .all-shadow { text-shadow: 1px 1px 0px #000; } .olive {color:#144733;} .red {color:#d31617} .orange {color:#eb5419} .yellow {color:#ffdc00} .yellow-dark {background-color:#C8AA00} .green {color:#00993f} .cyan {color:#009fe3} .indigo {color:#1a388b} .violet {color:#803a8c} .white {color:#ffffff} .bg-olive {background-color:#144733} .bg-olive-light {background-color:#ACC7BD} .bg-red {background-color:#d31617} .bg-red-light {background-color:#DFA9A9} .bg-orange {background-color:#eb5419} .bg-orange-light {background-color:#E7C3AF} .bg-yellow {background-color:#ffdc00} .bg-yellow-light {background-color:#F4E9B8} .bg-green {background-color:#00993f} .bg-green-light {background-color:#C0D9BC} .bg-cyan {background-color:#009fe3} .bg-cyan-light {background-color:#A5D5EC} .bg-indigo {background-color:#1a388b} .bg-indigo-light {background-color:#ADB5D9} .bg-violet {background-color:#803a8c}	 .bg-violet-light {background-color:#D0AED9}	 .bg-olive-c01 {background-color:#5A8072}	 .bg-red-c01 {background-color:#D98688} .bg-orange-c01 {background-color:#AE5523} .bg-cyan-c01 {background-color:#726780} .widget_tweetblender .tb_tools { display:none;} div.rotatingtweets { border:0 !important; margin-bottom:5px !important; } div.rotatingtweets a { color: #DBD272 !important; } div.rotatingtweets p { color: #fff !important; } .topcurvemask { background-image: url(https://test.alyoniq.ag/alyoniq-template/images/alyoniq-logo.png) !important; background-repeat: no-repeat  !important; background-position: center top  !important; } .dslc-modules-section-inner { min-height:0px !important; } .mod-height-240 .dslc-modules-area { height:240px; } .dslc-text-module-content, .dslc-tabs, .dslc-html-module-content, .dslc-module-front { height: inherit; } .dslc-text-module-content, .dslc-html-module-content { vertical-align: middle; display: table-cell; } .dslc-tabs { vertical-align: top; display: table-cell; background-color:rgb(0, 147, 89); } .box-slider-txt-content, .box-slider-txt-content h1, .box-slider-txt-content h2 { color: #FFF !important; } .box-slider-txt-content { padding: 10px 20px; line-height: 1.7em; left: auto !important; top: 0px; } .pageheader-curve { line-height: 0em !important; position: absolute;  margin-top: -4px;  } body.dslc-res-phone .dslc-col {  margin:0px !important; } .pageheader.pageheader-bottom-padding .dslc-text-module-content  { padding:20px 0 360px 0 !important; } .pageheader.pageheader-bottom-padding .post-category-header-title .dslc-text-module-content  { padding:20px 0 0px 0 !important; } .pageheader, .pageheader-curve, .home-themes { background-size: auto !important; }  @media only screen and ( max-width: 1280px ) { .scroll-on-mobile, .pageheader, .pageheader-curve { background-size: cover !important;} .scroll-on-mobile, .pageheader, .pageheader-curve { background-attachment: scroll !important;}  } @media only screen and ( max-width: 767px ) { .pageheader.pageheader-bottom-padding .dslc-text-module-content  {padding:20px 0 128px 0 !important;} .pageheader, .pageheader-curve { background-attachment: scroll !important;}  } body.single .pageheader { max-height: 442px; overflow: hidden; } @media only screen and (max-width: 1280px ) { .dslc-no-columns-spacing.min-2col .dslc-3-col { width: 50% !important; } .min-2col .dslc-3-col { width: 48.5% !important; } .min-2col .dslc-3-col:nth-child(3) { clear: left !important; } .min-2col .dslc-3-col:nth-child(2) { margin-right: 0 !important; } } body.dslc-res-phone div.dslc-full div.dslc-modules-section-wrapper { width: 100% !important; } .dslc-modules-section.dslc-init-parallax { background-attachment: fixed !important; background-size: cover !important; } .dslc-text-module-content {display: inherit !important} .widget.widget_search .search-submit { display: none !important;	 } .dslc-blog-post-thumb.dslc-post-thumb { float:left !important; } .dslc-post-main.dslc-blog-post-main { float:right !important; width:50% !important; } #dslc-content .dslc-blog-post-excerpt { font-size: 1em; } li.dslc-pagination-load-more a { text-indent: -9999px; line-height: 0em; } li.dslc-pagination-load-more.dslc-active a::after { content: "Weitere Artikel"; text-indent: 0px; display: block; line-height: 1em; margin-top: -1em; } li.dslc-pagination-load-more.dslc-inactive a::after { content: "Keine weitere Artikel"; text-indent: 0px; display: block; line-height: 1em; margin-top: -1em; } .dslc-tp-content p { font-size: 1.0em !important; line-height: 1.5 !important; } div.dslc-tp-content { margin-bottom: 4em; } .post-category-title .dslc-tp-title h1 { font-size:2em !important; padding-bottom: 290px !important; } .dslc-blog-post-meta-date { float: left !important; } .hidden { display: none; } .hlist li { float: left; }