@font-face {
  font-family:	'BarlowCondensed';
  src:					url('../../fonts/BarlowCondensed-Regular.woff2') format('woff2'),
								url('../../fonts/BarlowCondensed-Regular.woff') format('woff'),
								local("?");
  font-weight:	400;
  font-style:		normal;
  font-display: swap;
}

@font-face {
  font-family:	'BarlowCondensed';
  src:					url('../../fonts/BarlowCondensed-Bold.woff2') format('woff2'),
								url('../../fonts/BarlowCondensed-Bold.woff') format('woff'),
								local("?");
  font-weight:	700;
  font-style:		normal;
  font-display: swap;
}

html                                                                   { box-sizing: border-box }
*, *:before, *:after                                                   { box-sizing: inherit }
body                                                                   { background: #ffffff; overflow-x: hidden; overflow-y: scroll; margin: 0px; color: #000000; font-size: 14px; line-height: 24px; font-family: 'BarlowCondensed', Helvetica, Arial, sans-serif; font-weight: 400 }
h1                                                                     { margin: 0px; font-size: 36px; line-height: 60px; font-weight: 400 }
h2                                                                     { margin: 0px; font-size: 30px; line-height: 48px; font-weight: 400 }
h3                                                                     { margin: 0px; font-size: 24px; line-height: 36px; font-weight: 400 }
h4                                                                     { margin: 0px; font-size: 18px; line-height: 30px; font-weight: 400 }
h4.error                                                               { color: #ff0000 }
ul                                                                     { padding: 0px 0px 0px 10px; margin: 0px 0px 0px 10px; list-style-type: square }
ol                                                                     { padding: 0px 0px 0px 10px; margin: 0px 0px 0px 10px }
img                                                                    { border: none }
b                                                                      { font-weight: 700 }
a                                                                      { color: #006eb7 }
table                                                                  { float: left; width: calc(100% + 40px); padding: 10px; border-style: none; border-spacing: 0px; margin: -20px }
table tr th                                                            { position: relative; padding: 10px; border: none; text-align: left; vertical-align: top; font-weight: 400; text-transform: uppercase }
table tr td                                                            { position: relative; padding: 10px; border: none; text-align: left; vertical-align: top; font-weight: 400 }
input[type=radio],
input[type=checkbox]                                                   { display: none }
input[type=radio] + label,
input[type=checkbox] + label                                           { display: block; position: relative; float: left; width: 100%; padding: 0px 0px 10px 50px }
input[type=radio] + label b                                            { display: block; position: absolute; left: 0px; top: 0px; width: 30px; height: 30px; background-repeat: no-repeat; background-position: center; background-size: contain; border: solid 2px #006eb7; border-radius: 50% }
input[type=checkbox] + label b                                         { display: block; position: absolute; left: 0px; top: 0px; width: 30px; height: 30px; background-repeat: no-repeat; background-position: center; background-size: contain; border: solid 2px #006eb7; border-radius: 5px }
input[type=radio]:checked + label b                                    { background-image: url(../../images/layout/radio_black.svg); border-color: #000000 }
input[type=checkbox]:checked + label b                                 { background-image: url(../../images/layout/checkbox_black.svg); border-color: #000000 }
select,
textarea,
input[type=date],
input[type=time],
input[type=text]                                                       { float: left; width: 100%; padding: 16px; background: #ffffff; border: solid 2px #006eb7; border-radius: 5px; color: #000000; font-size: 14px; line-height: 24px; font-weight: 400; font-family: 'BarlowCondensed', Helvetica, Arial, sans-serif; -webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; -webkit-appearance: none }
select:focus,
textarea:focus,
input[type=date]:focus,
input[type=time]:focus,
input[type=text]:focus,
select:not([value=""]),
textarea:not(:placeholder-shown),
input[type=date]:not(:placeholder-shown),
input[type=time]:not(:placeholder-shown),
input[type=text]:not(:placeholder-shown)                               { border-color: #000000; outline: none }
select + label,
textarea + label,
input[type=date] + label,
input[type=time] + label,
input[type=text] + label                                               { display: block; position: absolute; left: 10px; top: 10px; padding: 18px; color: #006eb7; font-size: 14px; line-height: 24px; pointer-events: none; -webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out }
select:focus + label,
textarea:focus + label,
input[type=date]:focus + label,
input[type=time]:focus + label,
input[type=text]:focus + label,
select:not([value=""]) + label,
textarea:not(:placeholder-shown) + label,
input[type=date]:not(:placeholder-shown) + label,
input[type=time]:not(:placeholder-shown) + label,
input[type=text]:not(:placeholder-shown) + label                       { left: 16px; top: -10px; padding: 12px; background: #ffffff; color: #000000; font-size: 12px; line-height: 18px }
input[type=radio].error + label b,
input[type=checkbox].error + label b,
select.error,
textarea.error,
input[type=date].error,
input[type=time].error,
input[type=text].error                                                 { border-color: #ff0000 }
h4.error,
select.error + label,
textarea.error + label,
input[type=date].error + label,
input[type=time].error + label,
input[type=text].error + label                                         { color: #ff0000 }
select                                                                 { background-image: url(../../images/layout/select_blue.svg); background-repeat: no-repeat; background-position: right center; background-size: contain }
select:focus,
select:not([value=""])                                                 { background-image: url(../../images/layout/select_black.svg) }
select.error                                                           { background-image: url(../../images/layout/select_red.svg) }
textarea                                                               { height: 220px; overflow: auto; resize: none }
:-ms-input-placeholder                                                 { color: #006eb7 }
:-moz-placeholder                                                      { color: #006eb7; opacity: 1 }
::-moz-placeholder                                                     { color: #006eb7; opacity: 1 }
::-webkit-input-placeholder                                            { color: #006eb7 }
input[type=submit]                                                     { float: right; padding: 31px 60px 31px 60px; background: #006eb7; border: none; border-radius: 5px; color: #ffffff; font-size: 18px; line-height: 18px; font-weight: 700; font-family: 'BarlowCondensed', Helvetica, Arial, sans-serif; text-transform: uppercase; cursor: pointer; -webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out }
input[type=submit]:hover                                               { background: #000000 }
div.fileupload                                                         { position: absolute; left: 10px; top: 10px; width: calc(100% - 20px); height: calc(100% - 20px) }
div.fileupload div                                                     { position: absolute; right: 15px; top: 15px; width: 30px; height: 30px; background: #006eb7 url((../../images/layout/lens_white.svg) no-repeat center; background-size: 40%; border-radius: 50% }
div.fileupload input[type=file]                                        { position: absolute; top: 0%; left: 0%; width: 100%; height: 100%; opacity: 0; cursor: pointer }
div#refresh_captcha                                                    { position: relative; float: left; width: 100% }
div#refresh_captcha div                                                { position: absolute; top: 0px; right: 0px; width: 60px; height: 60px; background: #006eb7 url(../../images/layout/update_white.svg) no-repeat center; background-size: 50%; border-radius: 5px; cursor: pointer; -webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out }
div#refresh_captcha div:hover                                          { background-color: #000000 }
div#refresh_captcha img                                                { display: block; float: left; width: 100% }
a.show_cookiemanager                                                   { z-index: 1000; left: 10px; bottom: 10px; width: 60px; height: 60px; background: none; border-radius: 0px; overflow: visible }
a.show_cookiemanager:hover                                             { background: #000000 }
a.show_cookiemanager:before                                            { display: block; position: absolute; z-index: -1; left: 30px; top: 0px; opacity: 0; width: 0px; padding: 18px 0px 18px 0px; background: #000000; overflow: hidden; color: #ffffff; font-size: 24px; text-transform: uppercase; text-align: right; white-space: nowrap; content: 'Cookie-Einstellungen'; -webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out }
a.show_cookiemanager:hover:before                                      { opacity: 1; width: auto; padding: 18px 30px 18px 30px }
a.show_cookiemanager:after                                             { display: block; position: absolute; z-index: -2; left: -10px; bottom: -10px; width: 80px; height: 80px; background: #006eb7; border-radius: 0px 5px 0px 0px; content: ''; pointer-events: none }
a.show_cookiemanager svg                                               { -webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out }
a.show_cookiemanager:hover svg                                         { background: #000000 }
div.preloader                                                          { position: fixed; z-index: 3000; left: 0%; top: 0%; width: 100%; height: 100%; background: #ffffff }
div.preloader:before                                                   { display: block; position: absolute; left: 50%; top: 50%; width: 10%; padding: 0% 0% 10% 0%; background: url(../../images/layout/preloader.svg) no-repeat center; background-size: contain; content: ''; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); transform: translate(-50%,-50%) }
div.switch                                                             { display: none }
nav                                                                    { position: fixed; z-index: 3000; left: 0%; top: 40px; width: 1100px; margin: 0px calc(50% - 550px) 0px calc(50% - 550px); pointer-events: none; -webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out }
nav.flat                                                               { top: 0px }
nav ul                                                                 { float: right; padding: 10px; margin: -10px; list-style-type: none; pointer-events: auto }
nav ul li                                                              { display: block; float: left; margin: 10px }
nav ul li a                                                            { display: block; float: left; padding: 18px 10px 18px 10px; color: #ffffff; font-size: 24px; text-transform: uppercase; text-decoration: none; -webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out }
nav ul li:hover a                                                      { background: #c7dcf0; color: #000000 }
nav ul li span                                                         { display: none }
nav ul li div                                                          { display: none; position: absolute; left: calc(50% - 560px); top: 80px; width: 1120px }
nav ul li div ul                                                       { display: flex; flex-flow: row wrap; width: calc(100% + 20px); padding: 20px; background: #c7dcf0 }
nav ul li div ul li                                                    { width: calc(25% - 20px) }
nav ul li div ul li a                                                  { width: 100%; height: 100%; padding: 13px 10px 13px 10px; color: #000000; font-size: 18px; text-transform: none }
div.overlay                                                            { display: none; position: fixed; z-index: 2000; left: 0%; top: 0%; width: 100%; height: 100%; background: rgba(0,0,0,0.9) }
div.logo                                                               { position: fixed; z-index: 1000; left: 0%; top: 0%; width: 100%; padding: 40px calc(50% - 530px) 40px calc(50% - 530px); background: #006eb780; -webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out }
div.logo.flat                                                          { padding: 20px calc(50% - 530px) 20px calc(50% - 530px); background: #006eb7 }
div.logo a                                                             { display: block; float: left; width: 160px; height: 80px; background: url(../../images/layout/bwlogo_white.svg) no-repeat center; background-size: contain; -webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out }
div.logo.flat a                                                        { width: 80px; height: 40px }
ul.panel                                                               { position: fixed; z-index: 1000; left: 0%; bottom: 50%; width: 80px; padding: 10px; background: #006eb7; border-radius: 0px 5px 5px 0px; margin: 0px; list-style-type: none; -webkit-transform: translateY(50%); -moz-transform: translateY(50%); transform: translateY(50%) }
ul.panel li                                                            { display: block; float: left }
ul.panel li a                                                          { display: block; position: relative; float: left; width: 60px; height: 60px; background-repeat: no-repeat; background-position: center; background-size: 50% 50%; text-decoration: none; -webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out }
ul.panel li a:hover                                                    { background-color: #000000 }
ul.panel li a.cityhall                                                 { background-image: url(../../images/layout/cityhall_white.svg) }
ul.panel li a.event                                                    { background-image: url(../../images/layout/event_white.svg) }
ul.panel li a.theater                                                  { background-image: url(../../images/layout/theater_white.svg) }
ul.panel li a.phone                                                    { background-image: url(../../images/layout/phone_white.svg) }
ul.panel li a.search                                                   { background-image: url(../../images/layout/search_white.svg) }
ul.panel li a.english                                                  { background-image: url(../../images/layout/english_white.svg) }
ul.panel li a.german                                                   { background-image: url(../../images/layout/german_white.svg) }
ul.panel li a span                                                     { display: block; position: absolute; z-index: -1; left: 30px; top: 0px; opacity: 0; width: 0px; padding: 18px 0px 18px 0px; background: #000000; overflow: hidden; color: #ffffff; font-size: 24px; text-transform: uppercase; text-align: right; white-space: nowrap; -webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out }
ul.panel li a:hover span                                               { opacity: 1; width: auto; padding: 18px 30px 18px 30px }
ul.features                                                            { position: fixed; z-index: 1000; right: 0%; bottom: 0%; width: 80px; padding: 10px; background: #006eb7; border-radius: 5px 0px 0px 0px; margin: 0px; list-style-type: none }
ul.features li                                                         { display: block; float: left }
ul.features li a                                                       { display: block; position: relative; float: left; width: 60px; height: 60px; background-repeat: no-repeat; background-position: center; background-size: 50% 50%; text-decoration: none; -webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out }
ul.features li a:hover                                                 { background-color: #000000 }
ul.features li a.biwo                                                  { background-image: url(../../images/layout/robot_white.svg) }
ul.features li a.top                                                   { background-image: url(../../images/layout/arrow_up_white.svg) }
ul.features li a span                                                  { display: block; position: absolute; z-index: -1; right: 30px; top: 0px; opacity: 0; width: 0px; padding: 18px 0px 18px 0px; background: #000000; overflow: hidden; color: #ffffff; font-size: 24px; text-transform: uppercase; white-space: nowrap; -webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out }
ul.features li a:hover span                                            { opacity: 1; width: auto; padding: 18px 30px 18px 30px }
form#biwo                                                              { display: none; position: fixed; z-index: 1000; left: 50%; top: 50%; width: 610px; padding: 20px; background: rgba(0,0,0,0.9); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); transform: translate(-50%,-50%) }
form#biwo a                                                            { display: block; position: absolute; right: 40px; top: 40px; width: 30px; height: 30px; background: url(../../images/layout/close_white.svg) no-repeat center; background-size: contain; text-decoration: none }
form#biwo h2                                                           { float: left; width: calc(100% - 40px); margin: 20px; color: #ffffff; font-size: 36px; line-height: 36px; text-transform: uppercase }
form#biwo div                                                          { float: left; width: 100% }
form#biwo div h4                                                       { position: relative; float: left; width: calc(100% - 220px); padding: 30px; border-radius: 5px }
form#biwo div h4.question                                              { background: #ffffff; margin: 20px 130px 20px 90px }
form#biwo div h4.answer                                                { background: #d6d6d6; margin: 20px 90px 20px 130px }
form#biwo div h4:before                                                { display: block; position: absolute; top: 30px; width: 20px; height: 20px; content: ''; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg) }
form#biwo div h4.question:before                                       { right: -10px; background: #ffffff }
form#biwo div h4.answer:before                                         { left: -10px; background: #d6d6d6 }
form#biwo div h4:after                                                 { display: block; position: absolute; top: 0px; width: 80px; height: 80px; background-repeat: no-repeat; background-position: center; background-size: 50% 50%; border-radius: 50%; content: '' }
form#biwo div h4.question:after                                        { right: -110px; background-color: #ffffff; background-image: url(../../images/layout/robot_black.svg) }
form#biwo div h4.answer:after                                          { left: -110px; background-color: #d6d6d6; background-image: url(../../images/layout/user_black.svg) }
form#biwo div h4 ul                                                    { float: left; width: 100%; padding: 0px; margin: 0px; list-style-type: none }
form#biwo div h4 ul li                                                 { display: block; float: left; width: 100% }
form#biwo div h4 ul li input[type=radio] + label b                     { background-color: #000000; border: none }
form#biwo div h4 ul li input[type=radio]:checked + label b             { background-image: url(../../images/layout/radio_white.svg) }
a.triggeralert                                                         { display: none }
div#alert                                                              { display: none; position: fixed; z-index: 1000; left: 50%; top: 50%; width: 610px; padding: 40px; background: #ff0000; color: #ffffff; font-size: 18px; line-height: 30px; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); transform: translate(-50%,-50%) }
div#alert h2                                                           { font-size: 36px; line-height: 36px; text-transform: uppercase }
div#alert a.close                                                      { display: block; float: right; width: 30px; height: 30px; background: url(../../images/layout/close_white.svg) no-repeat center; background-size: contain; text-decoration: none }
div#alert a.cta                                                        { display: block; float: left; padding: 11px 20px 11px 20px; background: #ffffff; border-radius: 5px; color: #ff0000; line-height: 18px; font-weight: 700; text-transform: uppercase; text-decoration: none }
header                                                                 { position: relative; float: left; width: 100%; max-height: calc(100vh - 80px); overflow: hidden }
header.blue                                                            { height: 160px; background: #006eb7 }
header div                                                             { position: absolute; z-index: 1; left: 0%; width: 100%; padding: 10px calc(50% - 540px) 10px calc(50% - 540px); pointer-events: none }
header div article                                                     { float: left; width: calc(100% - 20px); margin: 10px }
header div article h2                                                  { float: left; width: 100%; color: #ffffff; font-size: 120px; line-height: 120px; font-weight: 700; text-transform: uppercase }
header div article h3                                                  { float: left; width: 100%; color: #ffffff; font-size: 60px; line-height: 60px; font-weight: 700; text-transform: uppercase }
header div form                                                        { position: relative; float: left; width: calc(100% - 20px); background: #ffffff; border-radius: 5px; margin: 10px; pointer-events: auto }
header div form input[type=text]                                       { width: calc(100% - 80px); padding: 22px; background: none; border: none; border-radius: 0px; font-size: 24px; line-height: 36px }
header div form input[type=text] + label                               { left: 0px !important; top: 0px !important; padding: 22px !important; font-size: 24px !important; line-height: 36px !important }
header div form input[type=text]:focus + label,
header div form input[type=text]:not(:placeholder-shown) + label       { opacity: 0 }
header div form input[type=submit]                                     { float: left; padding: 0px; width: 80px; height: 80px; background: url(../../images/layout/search_blue.svg) no-repeat center !important; background-size: 50% !important; border-radius: 0px; font-size: 0px; line-height: 0px }
header a                                                               { display: block; float: left; width: 100% }
header a picture                                                       { display: block; position: relative; float: left; width: 100%; padding: 0% 0% 56.25% 0% }
header a picture img                                                   { display: block; position: absolute; left: 0%; width: 100%; height: 100%; object-fit: cover; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%) }
section.ticker                                                         { position: relative; float: left; width: 100%; padding: 20px calc(50% - 485px) 20px calc(50% - 535px); background: #c7dcf0 }
section.ticker .bx-prev                                                { display: block; position: absolute; z-index: 100; right: calc(50% - 530px); top: calc(50% - 30px); width: 30px; height: 30px; background: url(../../images/layout/arrow_up_blue.svg) no-repeat center; background-size: 50%; color: transparent; font-size: 0px; line-height: 0px }
section.ticker .bx-next                                                { display: block; position: absolute; z-index: 100; right: calc(50% - 530px); top: 50%; width: 30px; height: 30px; background: url(../../images/layout/arrow_down_blue.svg) no-repeat center; background-size: 50%; color: transparent; font-size: 0px; line-height: 0px }
section.ticker ul                                                      { float: left; width: 100%; padding: 0px; margin: 0px; list-style-type: none }
section.ticker ul li                                                   { display: block; float: left; width: 100%; height: 40px; margin: 0px }
section.ticker ul li a                                                 { display: block; float: left; width: calc(100% - 10px); height: 30px; overflow: hidden; margin: 5px; color: #000000; font-size: 18px; line-height: 30px; text-decoration: none }
section.ticker ul li a span                                            { color: #006eb7 }
section.ticker ul li h4                                                { display: block; float: left; width: calc(100% - 10px); height: 30px; overflow: hidden; margin: 5px; font-size: 18px; line-height: 30px }
section.breadcrumbs                                                    { float: left; width: 100%; padding: 20px calc(50% - 535px) 20px calc(50% - 535px); background: #c7dcf0 }
section.breadcrumbs h4                                                 { float: left; width: calc(100% - 10px); margin: 5px; text-transform: uppercase }
section.breadcrumbs h4 a                                               { color: #000000; text-decoration: none }
section.content                                                        { float: left; width: 100%; padding: 40px calc(50% - 550px) 40px calc(50% - 550px); overflow: hidden }
section.content hr                                                     { float: left; width: calc(100% - 40px); height: 2px; background: #c7dcf0; border: none; margin: 20px }
section.content picture                                                { display: block; position: relative; float: left; width: calc(100% + 320px); padding: 0% 0% calc(25% + 80px) 0%; margin: 40px -160px 40px -160px }
section.content picture img                                            { display: block; position: absolute; left: 0%; top: 0%; width: 100%; height: 100%; object-fit: cover }
section.content .column                                                { float: left; margin: 20px; font-size: 18px }
section.content .column.full                                           { width: calc(100% - 40px) }
section.content .column.full.cols                                      { column-count: 2; column-gap: 40px }
section.content .column.wide                                           { width: calc(66.6666% - 40px) }
section.content .column.medium                                         { width: calc(50% - 40px) }
section.content .column.slim                                           { width: calc(33.3333% - 40px) }
section.content .column h1                                             { color: #006eb7; line-height: 48px; text-transform: uppercase }
section.content .column h2                                             { font-size: 36px; text-transform: uppercase }
section.content .column h3                                             { font-size: 30px; font-weight: 700 }
section.content .column h4                                             { font-size: 24px }
section.content .column img                                            { max-width: 100%; height: auto !important }
section.content .column picture                                        { width: 100%; padding: 0% 0% 75% 0%; margin: 0px 0px 40px 0px }
section.content .column picture img                                    { height: 100% !important }
section.content .column table.list                                     { float: none; width: 100%; padding: 0px; margin: 0px }
section.content .column table.list tr th                               { padding: 0px 0px 30px 0px }
section.content .column table.list tr th a                             { position: absolute; right: 20px; top: 0px; width: 60px; height: 60px; background: url(../../images/layout/arrow_up_blue.svg) no-repeat center; background-size: 40% 40%; text-decoration: none/*; -webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out*/ }
section.content .column table.list tr th a.active                      { background-image: url(../../images/layout/arrow_up_black.svg) }
section.content .column table.list tr th a.down                        { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); transform: rotate(180deg) }
section.content .column table.list tr th input[type=text]              { width: calc(100% - 20px); padding: 15px; background: #f2f2f2; border: none; font-size: 18px; line-height: 30px }
section.content .column table.list tr td                               { padding: 15px 0px 15px 0px; border-top: solid 1px #c7dcf0; font-size: 14px; line-height: 18px }
section.content .column .cta                                           { float: left; padding: 10px; margin: -20px; list-style-type: none }
section.content .column .cta li                                        { display: block; float: left; margin: 10px }
section.content .column .cta li a                                      { display: block; float: left; padding: 11px 20px 11px 20px; background: #006eb7; border-radius: 5px; color: #ffffff; font-size: 18px; line-height: 18px; text-transform: uppercase; font-weight: 700; text-decoration: none; -webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out }
section.content .column .cta li a:hover                                { background: #000000 }
section.content .column .cta li.photos a                               { display: none }
section.content .column .cta li.photos a:first-child                   { display: block; padding: 13px 20px 13px 50px; background: #c7dcf0 url(../../images/layout/video_black.svg) no-repeat 15px center; background-size: 20px; color: #000000; font-size: 14px; line-height: 14px }
section.content .column .featurelinks                                  { float: right; padding: 10px; margin: -20px; list-style-type: none }
section.content .column .featurelinks li                               { display: block; float: left; margin: 10px }
section.content .column .featurelinks li a                             { display: block; float: left; font-size: 24px; line-height: 48px; font-weight: 700; text-transform: uppercase; text-decoration: none }
section.content .column #map                                           { float: left; width: 100%; padding: 0% 0% 75% 0%; margin: 20px 0px; font-size: 12px; line-height: 18px; white-space: nowrap; -moz-filter: grayscale(0.8); -webkit-filter: grayscale(0.8); filter: grayscale(0.8) }
section.content .column #map h4                                        { font-size: 14px; line-height: 24px }
section.content .column #maperror                                      { position: relative; float: left; width: calc(100% - 40px); padding: 0% 0% calc(75% - 30px) 0%; background: #c7dcf0 margin: 20px }
section.content .column #maperror h4                                   { position: absolute; left: 50%; top: 50%; color: #000000; text-align: center; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); transform: translate(-50%,-50%) }
section.content .tabs                                                  { float: left; width: 100%; padding: 30px 10px 30px 10px; margin: 0px; list-style-type: none }
section.content .tabs li                                               { display: block; float: left; padding: 6px 0px 6px 30px; background: url(../../images/layout/arrow_right_blue.svg) no-repeat left center; background-size: auto 20px; border-bottom: solid 2px transparent; margin: 10px; color: #006eb7; font-size: 36px; line-height: 36px; font-weight: 700; text-transform: uppercase; cursor: pointer }
section.content .tabs li.active                                        { background-image: url(../../images/layout/arrow_down_black.svg); background-size: 20px auto; border-color: #000000; color: #000000; cursor: default }
section.content .tab                                                   { display: none; flex-flow: row wrap; float: left; width: 100% }
section.content .tab.active                                            { display: flex }
section.content .tab a                                                 { display: block; float: left; width: 16.6666%; padding: 10px; border-left: solid 2px #c7dcf0; text-decoration: none }
section.content .tab a:first-child                                     { border-color: transparent }
section.content .tab a div                                             { position: relative; float: left; width: calc(100% - 10px); padding: 0% 0% calc(100% - 10px) 0%; background-repeat: no-repeat; background-position: center; background-size: 50% 50%; margin: 5px; -webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out }
section.content .tab a:hover div                                       { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); transform: scale(1.1) }
section.content .tab a div.cityhall                                    { background-image: url(../../images/layout/cityhall_blue.svg) }
section.content .tab a div.event                                       { background-image: url(../../images/layout/event_blue.svg) }
section.content .tab a div.theater                                     { background-image: url(../../images/layout/theater_blue.svg) }
section.content .tab a div.election                                    { background-image: url(../../images/layout/election_blue.svg) }
section.content .tab a div.jobs                                        { background-image: url(../../images/layout/jobs_blue.svg) }
section.content .tab a div.video                                       { background-image: url(../../images/layout/video_blue.svg) }
section.content .tab a div.medical                                     { background-image: url(../../images/layout/medical_blue.svg) }
section.content .tab a div.business                                    { background-image: url(../../images/layout/business_blue.svg) }
section.content .tab a div span                                        { display: block; position: absolute; left: calc(50% - 45px); top: calc(50% - 45px); width: 90px; padding: 10px; border: solid 5px #006eb7; border-radius: 50%; font-size: 60px; line-height: 60px; font-weight: 700; text-align: center }
section.content .tab a h4                                              { float: left; width: calc(100% - 10px); margin: 5px; font-weight: 700; text-align: center }
section.content .partner                                               { position: relative; float: left; width: 100%; padding: 0px 80px 0px 80px; margin: 20px 0px -40px 0px }
section.content .partner .bx-prev                                      { display: block; position: absolute; z-index: 100; left: 0%; top: 0%; width: 80px; height: 100%; background: url(../../images/layout/arrow_left_blue.svg) no-repeat center; background-size: 30px; color: transparent; font-size: 0px; line-height: 0px }
section.content .partner .bx-next                                      { display: block; position: absolute; z-index: 100; right: 0%; top: 0%; width: 80px; height: 100%; background: url(../../images/layout/arrow_right_blue.svg) no-repeat center; background-size: 30px; color: transparent; font-size: 0px; line-height: 0px }
section.content .partner ul                                            { float: left; width: 100%; padding: 0px; margin: 0px; list-style-type: none }
section.content .partner ul li                                         { display: block; float: left; width: 188px !important }
section.content .partner ul li a                                       { display: block; position: relative; float: left; width: calc(100% - 8px); padding: 0% 0% calc(100% - 8px) 0%; margin: 4px; text-decoration: none }
section.content .partner ul li a img                                   { display: block; position: absolute; left: 0%; top: 0%; width: 100%; height: 100%; object-fit: contain }
section.content .look                                                  { position: relative; float: left; width: calc(100% - 40px); background: #f2f2f2; border-radius: 5px; margin: 40px 20px 20px 20px }
section.content .look input[type=text]                                 { width: calc(100% - 80px); padding: 22px; background: none; border: none; border-radius: 0px; font-size: 24px; line-height: 36px }
section.content .look input[type=text] + label                         { left: 0px !important; top: 0px !important; padding: 22px !important; font-size: 24px !important; line-height: 36px !important }
section.content .look input[type=text]:focus + label,
section.content .look input[type=text]:not(:placeholder-shown) + label { opacity: 0 }
section.content .look input[type=submit]                               { float: left; padding: 0px; width: 80px; height: 80px; background: url(../../images/layout/search_blue.svg) no-repeat center !important; background-size: 50% !important; border-radius: 0px; font-size: 0px; line-height: 0px }
section.tiles                                                          { float: left; display: grid; grid-template-columns: 25% 25% 25% 25%; grid-template-rows: auto; grid-auto-flow: dense; width: 100%; padding: 0px calc(50% - 540px) 0px calc(50% - 540px); background-image: url(../../images/layout/tile.svg); background-position: calc(50% - 135px) 0px; background-size: 270px }
section.tiles .tile                                                    { display: block; position: relative; width: calc(100% - 20px); padding-bottom: calc(100% - 20px); margin: 10px; text-decoration: none }
section.tiles .tile ul                                                 { position: absolute; z-index: 2; right: 10px; bottom: 10px; padding: 5px; margin: 0px; list-style-type: none }
section.tiles .tile ul li                                              { display: block; float: left; padding: 11px; background: #ffffff; border-radius: 5px; margin: 5px; color: #000000; font-size: 18px; line-height: 18px }
section.tiles .tile div                                                { position: absolute; z-index: 2; left: 0%; top: 0%; width: 100%; padding: 20px; font-size: 18px }
section.tiles .tile div h3                                             { line-height: 30px; font-weight: 700 }
section.tiles .tile div h4                                             { line-height: 24px; font-weight: 700 }
section.tiles .tile b                                                  { display: block; position: absolute; z-index: 1; left: 20px; bottom: 20px; padding: 11px 20px 11px 20px; border-radius: 5px; font-size: 18px; line-height: 18px; text-transform: uppercase }
section.tiles .tile picture                                            { position: absolute; z-index: 0 }
section.tiles .tile picture img                                        { display: block; position: absolute; left: 0%; top: 0%; width: 100%; height: 100%; object-fit: cover }
section.tiles .tile.bigpic                                             { margin: 10px; grid-column: span 2; grid-row: span 2 }
section.tiles .tile.bigpic div                                         { margin-left: calc(50% + 10px); margin-top: calc(50% + 10px); width: calc(50% - 10px) }
section.tiles .tile.bigpic b                                           { margin-left: calc(50% + 10px) }
section.tiles .tile.bigpic picture                                     { width: 520px; height: 520px }
section.tiles .tile.bigpic picture:before                              { display: block; position: absolute; z-index: 1; left: 0%; top: 0%; width: 100%; height: 100%; background: linear-gradient(-45deg, rgba(0,0,0,0.9), rgba(0,0,0,0)); content: '' }
section.tiles .tile.bigpic[data-fancybox] picture:before               { display: none }
section.tiles .tile.leftpic                                            { margin: 10px; grid-column: span 2; padding-bottom: calc(50% - 20px) }
section.tiles .tile.leftpic div                                        { margin-left: calc(50% + 10px); width: calc(50% - 10px) }
section.tiles .tile.leftpic b                                          { margin-left: calc(50% + 10px) }
section.tiles .tile.leftpic picture                                    { left: 0px; top: 0px; width: 270px; height: 250px }
section.tiles .tile.toppic                                             { margin: 280px 10px 10px 10px; grid-row: span 2 }
section.tiles .tile.toppic picture                                     { left: 0px; top: -270px; width: 250px; height: 270px }
section.tiles .tile.schwarz                                            { background: #000000 }
section.tiles .tile.schwarz div                                        { color: #ffffff }
section.tiles .tile.schwarz b                                          { background: #ffffff; color: #000000 }
section.tiles .tile.blau                                               { background: #006eb7 }
section.tiles .tile.blau div                                           { color: #ffffff }
section.tiles .tile.blau b                                             { background: #ffffff; color: #006eb7 }
section.tiles .tile.rot                                                { background: #e30613 }
section.tiles .tile.rot div                                            { color: #ffffff }
section.tiles .tile.rot b                                              { background: #ffffff; color: #e30613 }
section.tiles .tile.gelb                                               { background: #fde900 }
section.tiles .tile.gelb div                                           { color: #000000 }
section.tiles .tile.gelb b                                             { background: #000000; color: #fde900 }
section.tiles .tile.gruen                                              { background: #159a34 }
section.tiles .tile.gruen div                                          { color: #000000 }
section.tiles .tile.gruen b                                            { background: #000000; color: #159a34 }
section.tiles .tile.taube                                              { background: #c7dcf0 }
section.tiles .tile.taube div                                          { color: #000000 }
section.tiles .tile.taube b                                            { background: #000000; color: #c7dcf0 }
section.tiles .tile.senioren                                           { background: #fbba00 }
section.tiles .tile.senioren div                                       { color: #000000 }
section.tiles .tile.senioren b                                         { background: #000000; color: #fbba00 }
section.tiles .tile.kinder                                             { background: #ee7203 }
section.tiles .tile.kinder div                                         { color: #000000 }
section.tiles .tile.kinder b                                           { background: #000000; color: #ee7203 }
section.tiles .tile.vereine                                            { background: #d51130 }
section.tiles .tile.vereine div                                        { color: #ffffff }
section.tiles .tile.vereine b                                          { background: #ffffff; color: #d51130 }
section.tiles .tile.tourismus                                          { background: #76b82a }
section.tiles .tile.tourismus div                                      { color: #000000 }
section.tiles .tile.tourismus b                                        { background: #000000; color: #76b82a }
section.tiles .tile.stadt                                              { background: #006eb7 }
section.tiles .tile.stadt div                                          { color: #ffffff }
section.tiles .tile.stadt b                                            { background: #ffffff; color: #006eb7 }
section.tiles .tile.kultur                                             { background: #8f3b2a }
section.tiles .tile.kultur div                                         { color: #ffffff }
section.tiles .tile.kultur b                                           { background: #ffffff; color: #8f3b2a }
section.tiles .tile.list                                               { margin: 10px; grid-column: span 2; padding-bottom: calc(50% - 20px); background: #c7dcf0 }
section.tiles .tile.list div                                           { color: #000000 }
section.tiles .tile.list b                                             { background: #000000; color: #c7dcf0 }
section.tiles .tile.list:nth-child(4n+2),
section.tiles .tile.list:nth-child(4n+3)                               { background: #fde900 }
section.tiles .tile.list:nth-child(4n+2) b,
section.tiles .tile.list:nth-child(4n+3) b                             { color: #fde900 }
section.pager                                                          { float: left; width: 100% }
section.pager div                                                      { display: flex; flex-flow: row wrap; justify-content: center; float: left; width: 100%; padding: 10px calc(50% - 540px) 10px calc(50% - 540px) }
section.pager div h3                                                   { float: left; margin: 10px; line-height: 30px; font-weight: 700 }
section.pager ul                                                       { display: flex; flex-flow: row wrap; justify-content: center; float: left; width: 100%; padding: 10px calc(50% - 540px) 10px calc(50% - 540px); margin: 0px; list-style-type: none }
section.pager ul li                                                    { display: block; float: left; margin: 10px }
section.pager ul li a                                                  { display: block; float: left; padding: 11px 20px 11px 20px; background: #000000; border-radius: 5px; color: #ffffff; font-size: 18px; line-height: 18px; text-transform: uppercase; text-decoration: none }
section.pager ul li span                                               { display: block; float: left; padding: 11px 20px 11px 20px; background: #f2f2f2; border-radius: 5px; font-size: 18px; line-height: 18px; font-weight: 700; text-transform: uppercase; text-decoration: none }
section.hoods                                                          { position: relative; float: left; width: 100% }
section.hoods .bx-prev                                                 { display: block; position: absolute; z-index: 100; left: calc(50% - 550px); top: 0%; width: 80px; height: 100%; background: url(../../images/layout/arrow_left_white.svg) no-repeat center; background-size: 30px; color: transparent; font-size: 0px; line-height: 0px; -webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out }
section.hoods .bx-next                                                 { display: block; position: absolute; z-index: 100; right: calc(50% - 550px); top: 0%; width: 80px; height: 100%; background: url(../../images/layout/arrow_right_white.svg) no-repeat center; background-size: 30px; color: transparent; font-size: 0px; line-height: 0px; -webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out }
section.hoods .bx-prev:hover,
section.hoods .bx-next:hover                                           { background-color: rgba(0,0,0,0.4) }
section.hoods ul                                                       { float: left; width: 100%; padding: 0%; margin: 0% calc(50% - 550px) 0% calc(50% - 550px); list-style-type: none }
section.hoods ul li                                                    { display: block; float: left; width: 550px !important }
section.hoods ul li a                                                  { display: block; position: relative; float: left; width: 100%; padding: 0% 0% 65% 0%; text-decoration: none }
section.hoods ul li a div                                              { position: absolute; z-index: 2; left: 50%; top: 50%; color: #ffffff; font-size: 24px; text-transform: uppercase; text-align: center; white-space: nowrap; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); transform: translate(-50%,-50%); -webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out }
section.hoods ul li a:hover div                                        { -webkit-transform: translate(-50%,-50%) scale(1.2); -moz-transform: translate(-50%,-50%) scale(1.2); transform: translate(-50%,-50%) scale(1.2) }
section.hoods ul li a div h4                                           { font-size: 48px; line-height: 48px; font-weight: 700 }
section.hoods ul li a img                                              { display: block; position: absolute; z-index: 1; left: 0%; top: 0%; width: 100%; height: 100%; object-fit: cover; -webkit-filter: brightness(0.6); -moz-filter: brightness(0.6); filter: brightness(0.6); -webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out }
section.hoods ul li a:hover img                                        { -webkit-filter: brightness(0.8); -moz-filter: brightness(0.8); filter: brightness(0.8) }
section.skyline                                                        { float: left; width: 100%; padding: 40px calc(50% - 550px) 10% calc(50% - 550px); background: #c7dcf0 url(../../images/layout/skyline_blue.svg) no-repeat center bottom; background-size: contain; margin: 60px 0px 0px 0px }
section.skyline div                                                    { float: left; width: calc(100% - 40px); margin: 20px }
section.skyline div h2                                                 { font-size: 36px; font-weight: 700; text-transform: uppercase }
section.skyline div h3                                                 { line-height: 30px }
footer                                                                 { float: left; width: 100%; padding: 40px calc(50% - 550px) 40px calc(50% - 550px); background: #006eb7 }
footer ul                                                              { float: left; padding: 10px; margin: 0px; list-style-type: none }
footer ul li                                                           { display: block; float: left }
footer ul li a                                                         { display: block; float: left; padding: 18px 10px 18px 10px; color: #ffffff; font-size: 24px; text-transform: uppercase; text-decoration: none }
footer ul li a.phone                                                   { padding: 18px 10px 18px 50px; background: url(../../images/layout/phone_white.svg) no-repeat 10px center; background-size: auto 50% }
footer ul.social li a                                                  { display: block; float: left; width: 60px; height: 60px; padding: 0px; background-repeat: no-repeat; background-position: center; background-size: 50% 50% }
footer ul.social li a.facebook                                         { background-image: url(../../images/layout/facebook_white.svg) }
footer ul.social li a.instagram                                        { background-image: url(../../images/layout/instagram_white.svg) }
footer ul.social li a.linkedin                                         { background-image: url(../../images/layout/linkedin_white.svg) }
footer ul.social li a.twitter                                          { background-image: url(../../images/layout/twitter_white.svg) }
footer ul.small li a                                                   { padding: 16px 10px 16px 10px; font-size: 18px; line-height: 18px }
footer div                                                             { float: left; width: calc(100% - 40px); margin: 20px; color: #ffffff }
footer div h3                                                          { font-weight: 700; text-transform: uppercase }
footer div a                                                           { color: #ffffff; text-decoration: none }

@media only screen and (min-width: 640px) and (max-width: 1279px) {
	body                                                                   { font-size: 10px; line-height: 14px }
	h1                                                                     { font-size: 24px; line-height: 36px }
	h2                                                                     { font-size: 18px; line-height: 30px }
	h3                                                                     { font-size: 14px; line-height: 24px }
	h4                                                                     { font-size: 12px; line-height: 18px }
	ul,
	ol                                                                     { padding: 0px 0px 0px 5px; margin: 5px 0px 5px 5px }
	table                                                                  { width: calc(100% + 20px); padding: 5px; margin: -10px }
	table tr th,
	table tr td                                                            { padding: 5px }
	input[type=radio] + label,
	input[type=checkbox] + label                                           { padding: 0px 0px 5px 30px }
	input[type=radio] + label b                                            { width: 20px; height: 20px; border-width: 1px }
	input[type=checkbox] + label b                                         { width: 20px; height: 20px; border-width: 1px; border-radius: 2.5px }
	select,
	textarea,
	input[type=date],
	input[type=time],
	input[type=text]                                                       { padding: 12px; border-width: 1px; border-radius: 2.5px; font-size: 10px; line-height: 14px }
	select + label,
	textarea + label,
	input[type=date] + label,
	input[type=time] + label,
	input[type=text] + label                                               { left: 5px; top: 5px; padding: 13px; font-size: 10px; line-height: 14px }
	select:focus + label,
	textarea:focus + label,
	input[type=date]:focus + label,
	input[type=time]:focus + label,
	input[type=text]:focus + label,
	select:not([value=""]) + label,
	textarea:not(:placeholder-shown) + label,
	input[type=date]:not(:placeholder-shown) + label,
	input[type=time]:not(:placeholder-shown) + label,
	input[type=text]:not(:placeholder-shown) + label                       { left: 12px; top: -5px; padding: 6px; font-size: 8px; line-height: 12px }
	textarea                                                               { height: 110px }
	input[type=submit]                                                     { padding: 19px 35px 19px 35px; border-radius: 2.5px; font-size: 12px; line-height: 12px }
	div.fileupload                                                         { left: 5px; top: 5px; width: calc(100% - 10px); height: calc(100% - 10px) }
	div.fileupload div                                                     { right: 5px; top: 5px }
	div#refresh_captcha div                                                { width: 40px; height: 40px; border-radius: 2.5px }
	a.show_cookiemanager                                                   { left: 5px; bottom: 5px; width: 30px; height: 30px }
	a.show_cookiemanager:before                                            { left: 15px; padding: 9px 0px 9px 0px; font-size: 12px; line-height: 12px }
	a.show_cookiemanager:hover:before                                      { padding: 9px 15px 9px 15px }
	a.show_cookiemanager:after                                             { left: -5px; bottom: -5px; width: 40px; height: 40px; border-radius: 0px 2.5px 0px 0px }
	nav                                                                    { top: 20px; width: 550px; margin: 0px calc(50% - 275px) 0px calc(50% - 275px) }
	nav ul                                                                 { padding: 5px; margin: -5px }
	nav ul li                                                              { margin: 5px }
	nav ul li a                                                            { padding: 9px 5px 9px 5px; font-size: 12px; line-height: 12px }
	nav ul li div                                                          { left: calc(50% - 280px); top: 40px; width: 560px }
	nav ul li div ul                                                       { width: calc(100% + 10px); padding: 10px }
	nav ul li div ul li                                                    { width: calc(25% - 10px) }
	nav ul li div ul li a                                                  { padding: 6.5px 5px 6.5px 5px; font-size: 9px; line-height: 12px }
	div.logo                                                               { padding: 20px calc(50% - 265px) 20px calc(50% - 265px) }
	div.logo.flat                                                          { padding: 10px calc(50% - 265px) 10px calc(50% - 265px) }
	div.logo a                                                             { width: 80px; height: 40px }
	div.logo.flat a                                                        { width: 40px; height: 20px }
	ul.panel                                                               { width: 40px; padding: 5px; border-radius: 0px 2.5px 2.5px 0px }
	ul.panel li a                                                          { width: 30px; height: 30px }
	ul.panel li a span                                                     { left: 15px; padding: 9px 0px 9px 0px; font-size: 12px; line-height: 12px }
	ul.panel li a:hover span                                               { padding: 9px 15px 9px 15px }
	ul.features                                                            { width: 40px; padding: 5px; border-radius: 2.5px 0px 0px 0px }
	ul.features li a                                                       { width: 30px; height: 30px }
	ul.features li a span                                                  { right: 15px; padding: 9px 0px 9px 0px; font-size: 12px; line-height: 12px }
	ul.features li a:hover span                                            { padding: 9px 15px 9px 15px }
	form#biwo                                                              { width: 305px; padding: 10px }
	form#biwo a                                                            { right: 20px; top: 20px; width: 15px; height: 15px }
	form#biwo h2                                                           { width: calc(100% - 20px); margin: 10px; font-size: 18px; line-height: 18px }
	form#biwo div h4                                                       { width: calc(100% - 110px); padding: 15px; border-radius: 2.5px }
	form#biwo div h4.question                                              { margin: 10px 65px 10px 45px }
	form#biwo div h4.answer                                                { margin: 10px 45px 10px 65px }
	form#biwo div h4:before                                                { top: 15px; width: 10px; height: 10px }
	form#biwo div h4.question:before                                       { right: -5px }
	form#biwo div h4.answer:before                                         { left: -5px }
	form#biwo div h4:after                                                 { width: 40px; height: 40px }
	form#biwo div h4.question:after                                        { right: -55px }
	form#biwo div h4.answer:after                                          { left: -55px }
	div#alert                                                              { width: 305px; padding: 20px; font-size: 9px; line-height: 14px }
	div#alert h2                                                           { font-size: 18px; line-height: 18px }
	div#alert a.close                                                      { width: 15px; height: 15px }
	div#alert a.cta                                                        { padding: 5.5px 10px 5.5px 10px; border-radius: 2.5px; line-height: 9px }
	header                                                                 { max-height: calc(100vh - 40px) }
	header.blue                                                            { height: 80px }
	header div                                                             { padding: 5px calc(50% - 270px) 5px calc(50% - 270px) }
	header div article                                                     { width: calc(100% - 10px); margin: 5px }
	header div article h2                                                  { font-size: 60px; line-height: 60px }
	header div article h3                                                  { font-size: 30px; line-height: 30px }
	header div form                                                        { width: calc(100% - 10px); border-radius: 2.5px; margin: 5px }
	header div form input[type=text]                                       { width: calc(100% - 40px); padding: 11px; font-size: 12px; line-height: 18px }
	header div form input[type=text] + label                               { padding: 11px !important; font-size: 12px !important; line-height: 18px !important }
	header div form input[type=submit]                                     { width: 40px; height: 40px }
	section.ticker                                                         { padding: 10px calc(50% - 242.5px) 10px calc(50% - 267.5px) }
	section.ticker .bx-prev                                                { right: calc(50% - 265px); top: calc(50% - 15px); width: 15px; height: 15px }
	section.ticker .bx-next                                                { right: calc(50% - 265px); width: 15px; height: 15px }
	section.ticker ul li                                                   { height: 20px }
	section.ticker ul li a,
	section.ticker ul li h4                                                { width: calc(100% - 5px); height: 14px; margin: 3px 2.5px 3px 2.5px; font-size: 9px; line-height: 14px }
	section.breadcrumbs                                                    { padding: 10px calc(50% - 267.5px) 10px calc(50% - 267.5px) }
	section.breadcrumbs h4                                                 { width: calc(100% - 5px); margin: 3px 2.5px 3px 2.5px; font-size: 9px; line-height: 14px }
	section.content                                                        { padding: 20px calc(50% - 275px) 20px calc(50% - 275px) }
	section.content hr                                                     { width: calc(100% - 20px); height: 1px; margin: 10px }
	section.content picture                                                { width: calc(100% + 160px); padding: 0% 0% calc(25% + 40px) 0%; margin: 20px -80px 20px -80px }
	section.content .column                                                { margin: 10px; font-size: 10px; line-height: 12px }
	section.content .column.full                                           { width: calc(100% - 20px) }
	section.content .column.full.cols                                      { column-gap: 20px }
	section.content .column.wide                                           { width: calc(66.6666% - 20px) }
	section.content .column.medium                                         { width: calc(50% - 20px) }
	section.content .column.slim                                           { width: calc(33.3333% - 20px) }
	section.content .column h1,
	section.content .column h2                                             { font-size: 18px; line-height: 24px }
	section.content .column h3                                             { font-size: 14px; line-height: 18px }
	section.content .column h4                                             { font-size: 12px; line-height: 14px }
	section.content .column picture                                        { margin: 0px 0px 20px 0px }
	section.content .column table.list tr th                               { padding: 0px 0px 15px 0px }
	section.content .column table.list tr th a                             { right: 10px; width: 30px; height: 30px }
	section.content .column table.list tr th input[type=text]              { width: calc(100% - 10px); padding: 8px; font-size: 9px; line-height: 14px }
	section.content .column table.list tr td                               { padding: 7.5px 0px 7.5px 0px; border-width: 0.5px; font-size: 8px; line-height: 10px }
	section.content .column .cta                                           { padding: 5px; margin: -10px }
	section.content .column .cta li                                        { margin: 5px }
	section.content .column .cta li a                                      { padding: 5.5px 10px 5.5px 10px; border-radius: 2.5px; font-size: 9px; line-height: 9px }
	section.content .column .cta li.photos a:first-child                   { padding: 6.5px 10px 6.5px 25px; background-position: 7.5px center; background-size: 10px; font-size: 7px; line-height: 7px }
	section.content .column .featurelinks                                  { padding: 5px; margin: -10px }
	section.content .column .featurelinks li                               { margin: 5px }
	section.content .column .featurelinks li a                             { font-size: 14px; line-height: 24px }
	section.content .tabs                                                  { padding: 15px 5px 15px 5px }
	section.content .tabs li                                               { padding: 3px 0px 3px 15px; background-size: auto 10px; border-width: 1px; margin: 5px; font-size: 18px; line-height: 18px }
	section.content .tabs li.active                                        { background-size: 10px auto }
	section.content .tab a                                                 { padding: 5px; border-width: 1px }
	section.content .tab a div                                             { width: calc(100% - 5px); padding: 0% 0% calc(100% - 5px) 0%; margin: 2.5px }
	section.content .tab a div span                                        { left: calc(50% - 22.5px); top: calc(50% - 22.5px); width: 45px; padding: 5px; border-width: 2.5px; font-size: 30px; line-height: 30px }
	section.content .tab a h4                                              { width: calc(100% - 5px); margin: 2.5px; font-size: 9px; line-height: 14px }
	section.content .partner                                               { padding: 0px 40px 0px 40px; margin: 10px 0px -20px 0px }
	section.content .partner .bx-prev,
	section.content .partner .bx-next                                      { width: 40px; background-size: 15px }
	section.content .partner ul li                                         { width: 94px !important }
	section.content .partner ul li a                                       { width: calc(100% - 4px); padding: 0% 0% calc(100% - 4px) 0%; margin: 2px }
	section.content .look                                                  { width: calc(100% - 20px); border-radius: 2.5px; margin: 20px 10px 10px 10px }
	section.content .look input[type=text]                                 { width: calc(100% - 40px); padding: 11px; font-size: 12px; line-height: 18px }
	section.content .look input[type=text] + label                         { padding: 11px !important; font-size: 12px !important; line-height: 18px !important }
	section.content .look input[type=submit]                               { width: 40px; height: 40px }
	section.content .column #map                                           { width: 100%; padding: 0% 0% 100% 0%; font-size: 7px; line-height: 12px }
	section.content .column #map h4                                        { font-size: 9px; line-height: 14px }
	section.content .column #maperror                                      { width: 100%; padding: 0% 0% 100% 0% }
	section.tiles                                                          { padding: 0px calc(50% - 270px) 0px calc(50% - 270px); background-position: calc(50% - 67.5px) 0px; background-size: 135px }
	section.tiles .tile                                                    { width: calc(100% - 10px); padding-bottom: calc(100% - 10px); margin: 5px }
	section.tiles .tile ul                                                 { right: 5px; bottom: 5px; padding: 2.5px }
	section.tiles .tile ul li                                              { padding: 5.5px; border-radius: 2.5px; margin: 2.5px; font-size: 9px; line-height: 9px }
	section.tiles .tile div                                                { padding: 10px; font-size: 9px; line-height: 12px }
	section.tiles .tile div h3                                             { font-size: 12px; line-height: 14px }
	section.tiles .tile div h4                                             { font-size: 10px; line-height: 12px }
	section.tiles .tile b                                                  { left: 10px; bottom: 10px; padding: 5.5px 10px 5.5px 10px; border-radius: 2.5px; font-size: 9px; line-height: 9px }
	section.tiles .tile.bigpic                                             { margin: 5px }
	section.tiles .tile.bigpic div                                         { margin-left: calc(50% + 5px); margin-top: calc(50% + 5px); width: calc(50% - 5px) }
	section.tiles .tile.bigpic b                                           { margin-left: calc(50% + 5px) }
	section.tiles .tile.bigpic picture                                     { width: 260px; height: 260px }
	section.tiles .tile.leftpic                                            { margin: 5px; padding-bottom: calc(50% - 10px) }
	section.tiles .tile.leftpic div                                        { margin-left: calc(50% + 5px); width: calc(50% - 5px) }
	section.tiles .tile.leftpic b                                          { margin-left: calc(50% + 5px) }
	section.tiles .tile.leftpic picture                                    { width: 135px; height: 125px }
	section.tiles .tile.toppic                                             { margin: 140px 5px 5px 5px }
	section.tiles .tile.toppic picture                                     { top: -135px; width: 125px; height: 135px }
	section.tiles .tile.list                                               { margin: 5px; padding-bottom: calc(50% - 10px) }
	section.pager div                                                      { padding: 5px calc(50% - 270px) 5px calc(50% - 270px) }
	section.pager div h3                                                   { margin: 5px; font-size: 12px; line-height: 14px }
	section.pager ul                                                       { padding: 5px calc(50% - 270px) 5px calc(50% - 270px) }
	section.pager ul li                                                    { margin: 5px }
	section.pager ul li a,
	section.pager ul li span                                               { padding: 5.5px 10px 5.5px 10px; border-radius: 2.5px; font-size: 9px; line-height: 9px }
	section.hoods .bx-prev                                                 { left: calc(50% - 275px); width: 40px; background-size: 15px }
	section.hoods .bx-next                                                 { right: calc(50% - 275px); width: 40px; background-size: 15px }
	section.hoods ul                                                       { margin: 0% calc(50% - 275px) 0% calc(50% - 275px) }
	section.hoods ul li                                                    { width: 275px !important }
	section.hoods ul li a div                                              { font-size: 12px; line-height: 12px }
	section.hoods ul li a div h4                                           { font-size: 24px; line-height: 24px }
	section.skyline                                                        { padding: 20px calc(50% - 275px) 10% calc(50% - 275px); margin: 30px 0px 0px 0px }
	section.skyline div                                                    { width: calc(100% - 20px); margin: 10px }
	section.skyline div h2                                                 { font-size: 18px; line-height: 24px }
	section.skyline div h3                                                 { font-size: 12px; line-height: 14px }
	footer                                                                 { padding: 20px calc(50% - 275px) 20px calc(50% - 275px) }
	footer ul                                                              { padding: 5px }
	footer ul li a                                                         { padding: 9px 5px 9px 5px; font-size: 12px; line-height: 12px }
	footer ul li a.phone                                                   { padding: 9px 5px 9px 25px; background-position: 5px center }
	footer ul.social li a                                                  { width: 30px; height: 30px }
	footer ul.small li a                                                   { padding: 8px 5px 8px 5px; font-size: 9px; line-height: 9px }
	footer div                                                             { width: calc(100% - 20px); margin: 10px; font-size: 7px; line-height: 12px }
	footer div h3                                                          { font-size: 12px; line-height: 18px }
	footer div h4                                                          { font-size: 9px; line-height: 14px }
}

@media only screen and (max-width: 639px) {
	body                                                                   { font-size: 10px; line-height: 14px }
	h1                                                                     { font-size: 24px; line-height: 36px }
	h2                                                                     { font-size: 18px; line-height: 30px }
	h3                                                                     { font-size: 14px; line-height: 24px }
	h4                                                                     { font-size: 12px; line-height: 18px }
	ul,
	ol                                                                     { padding: 0px 0px 0px 5px; margin: 5px 0px 5px 5px }
	table                                                                  { width: calc(100% + 20px); padding: 5px; margin: -10px }
	table tr th,
	table tr td                                                            { display: block; float: left; width: 100%; padding: 5px }
	input[type=radio] + label,
	input[type=checkbox] + label                                           { padding: 0px 0px 5px 30px }
	input[type=radio] + label b                                            { width: 20px; height: 20px; border-width: 1px }
	input[type=checkbox] + label b                                         { width: 20px; height: 20px; border-width: 1px; border-radius: 2.5px }
	select,
	textarea,
	input[type=date],
	input[type=time],
	input[type=text]                                                       { padding: 12px; border-width: 1px; border-radius: 2.5px; font-size: 10px; line-height: 14px }
	select + label,
	textarea + label,
	input[type=date] + label,
	input[type=time] + label,
	input[type=text] + label                                               { left: 5px; top: 5px; padding: 13px; font-size: 10px; line-height: 14px }
	select:focus + label,
	textarea:focus + label,
	input[type=date]:focus + label,
	input[type=time]:focus + label,
	input[type=text]:focus + label,
	select:not([value=""]) + label,
	textarea:not(:placeholder-shown) + label,
	input[type=date]:not(:placeholder-shown) + label,
	input[type=time]:not(:placeholder-shown) + label,
	input[type=text]:not(:placeholder-shown) + label                       { left: 12px; top: -5px; padding: 6px; font-size: 8px; line-height: 12px }
	textarea                                                               { height: 110px }
	input[type=submit]                                                     { padding: 19px 35px 19px 35px; border-radius: 2.5px; font-size: 12px; line-height: 12px }
	div.fileupload                                                         { left: 5px; top: 5px; width: calc(100% - 10px); height: calc(100% - 10px) }
	div.fileupload div                                                     { right: 5px; top: 5px }
	div#refresh_captcha div                                                { width: 40px; height: 40px; border-radius: 2.5px }
	a.show_cookiemanager                                                   { left: calc(50% - 130px); bottom: 10px; width: 30px; height: 30px }
	a.show_cookiemanager:before                                            { display: none }
	a.show_cookiemanager:after                                             { left: -5px; bottom: -5px; width: 40px; height: 40px; background: none; border-radius: 0px }
	div.switch                                                             { display: block; position: fixed; z-index: 3000; left: calc(50% + 100px); top: 20px; width: 30px; height: 30px; cursor: pointer }
	div.switch span                                                        { display: block; position: absolute; left: 8px; height: 2px; background: #ffffff; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out }
	div.switch span:nth-child(1)                                           { top: 9px; width: 14px }
	div.switch span:nth-child(2),
	div.switch span:nth-child(3)                                           { top: 14px; width: 10px }
	div.switch span:nth-child(4)                                           { top: 19px; width: 12px }
	div.switch.active                                                      { left: calc(50% - 140px) }
	div.switch.active span:nth-child(1),
	div.switch.active span:nth-child(4)                                    { top: 14px; width: 0%; left: 50% }
	div.switch.active span:nth-child(2)                                    { width: 14px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg) }
	div.switch.active span:nth-child(3)                                    { width: 14px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); transform: rotate(-45deg) }
	nav                                                                    { top: 0px; left: calc(50% + 160px); width: 240px; height: 100%; background: #006eb7; overflow: auto; margin: 0px; -webkit-transition: none; -moz-transition: none; transition: none }
	nav ul                                                                 { width: 100%; padding: 20px; margin: 0px }
	nav ul li                                                              { position: relative; width: 100%; margin: 0px }
	nav ul li a                                                            { width: 100%; padding: 8px 5px 8px 35px; font-size: 14px; line-height: 14px }
	nav ul li:hover a                                                      { background: none; color: #ffffff }
	nav ul li span                                                         { display: block; position: absolute; left: 0%; top: 0%; width: 30px; height: 30px; background: url(../../images/layout/plus_white.svg) no-repeat center; background-size: 75%; cursor: pointer; -webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out }
	nav ul li span.active                                                  { background-image: url(../../images/layout/minus_white.svg); -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); transform: rotate(360deg) }
	nav ul li div                                                          { position: static; float: left; width: 100% }
	nav ul li div ul                                                       { width: 100%; padding: 0px 0px 20px 0px; background: none }
	nav ul li div ul li                                                    { width: 100% }
	nav ul li div ul li a                                                  { padding: 5px 5px 5px 35px; color: #ffffff; font-size: 12px }
	div.logo,
	div.logo.flat                                                          { padding: 20px calc(50% - 130px) 20px calc(50% - 130px) }
	div.logo a,
	div.logo.flat a                                                        { width: 60px; height: 30px }
	ul.panel                                                               { display: flex; flex-flow: row wrap; justify-content: center; z-index: 999; bottom: 0%; width: 100%; padding: 10px; border-radius: 0px; -webkit-transform: none; -moz-transform: none; transform: none }
	ul.panel li a                                                          { width: 30px; height: 30px }
	ul.panel li a span                                                     { display: none }
	ul.features                                                            { right: calc(50% - 140px); width: 50px; padding: 10px; background: none; border-radius: 0px }
	ul.features li a                                                       { width: 30px; height: 30px }
	ul.features li a span                                                  { display: none }
	form#biwo                                                              { width: 300px; padding: 10px }
	form#biwo a                                                            { right: 20px; top: 20px; width: 15px; height: 15px }
	form#biwo h2                                                           { width: calc(100% - 20px); margin: 10px; font-size: 18px; line-height: 18px }
	form#biwo div h4                                                       { width: calc(100% - 110px); padding: 15px; border-radius: 2.5px }
	form#biwo div h4.question                                              { margin: 10px 65px 10px 45px }
	form#biwo div h4.answer                                                { margin: 10px 45px 10px 65px }
	form#biwo div h4:before                                                { top: 15px; width: 10px; height: 10px }
	form#biwo div h4.question:before                                       { right: -5px }
	form#biwo div h4.answer:before                                         { left: -5px }
	form#biwo div h4:after                                                 { width: 40px; height: 40px }
	form#biwo div h4.question:after                                        { right: -55px }
	form#biwo div h4.answer:after                                          { left: -55px }
	div#alert                                                              { width: 300px; padding: 20px; font-size: 9px; line-height: 14px }
	div#alert h2                                                           { font-size: 18px; line-height: 18px }
	div#alert a.close                                                      { width: 15px; height: 15px }
	div#alert a.cta                                                        { padding: 5.5px 10px 5.5px 10px; border-radius: 2.5px; line-height: 9px }
	header                                                                 { max-height: calc(100vh - 40px) }
	header.blue                                                            { height: 70px }
	header div                                                             { padding: 5px calc(50% - 135px) 5px calc(50% - 135px) }
	header div article                                                     { width: calc(100% - 10px); margin: 5px }
	header div article h2                                                  { font-size: 36px; line-height: 36px }
	header div article h3                                                  { font-size: 18px; line-height: 18px }
	header div form                                                        { width: calc(100% - 10px); border-radius: 2.5px; margin: 5px }
	header div form input[type=text]                                       { width: calc(100% - 40px); padding: 11px; font-size: 12px; line-height: 18px }
	header div form input[type=text] + label                               { padding: 11px !important; font-size: 12px !important; line-height: 18px !important }
	header div form input[type=submit]                                     { width: 40px; height: 40px }
	header a picture                                                       { padding: 0% 0% 100% 0% }
	section.ticker                                                         { padding: 5px calc(50% - 107.5px) 5px calc(50% - 132.5px) }
	section.ticker .bx-prev                                                { right: calc(50% - 130px); top: calc(50% - 15px); width: 15px; height: 15px }
	section.ticker .bx-next                                                { right: calc(50% - 130px); width: 15px; height: 15px }
	section.ticker ul li                                                   { height: 30px }
	section.ticker ul li a,
	section.ticker ul li h4                                                { width: calc(100% - 5px); height: 28px; margin: 1px 2.5px 1px 2.5px; font-size: 9px; line-height: 14px }
	section.breadcrumbs                                                    { padding: 10px calc(50% - 132.5px) 10px calc(50% - 132.5px) }
	section.breadcrumbs h4                                                 { width: calc(100% - 5px); margin: 3px 2.5px 3px 2.5px; font-size: 9px; line-height: 14px }
	section.content                                                        { padding: 20px calc(50% - 140px) 20px calc(50% - 140px) }
	section.content hr                                                     { width: calc(100% - 20px); height: 1px; margin: 10px }
	section.content picture                                                { width: calc(100% + 160px); padding: 0% 0% calc(25% + 40px) 0%; margin: 20px -80px 20px -80px }
	section.content .column                                                { width: calc(100% - 20px) !important; margin: 10px; font-size: 10px; line-height: 12px }
	section.content .column.full.cols                                      { column-count: 1 }
	section.content .column h1,
	section.content .column h2                                             { font-size: 18px; line-height: 24px }
	section.content .column h3                                             { font-size: 14px; line-height: 18px }
	section.content .column h4                                             { font-size: 12px; line-height: 14px }
	section.content .column picture                                        { margin: 0px 0px 20px 0px }
	section.content .column table.list tr                                  { display: block; float: left; width: 100%; padding: 7.5px 0px 7.5px 0px; border-bottom: solid 0.5px #c7dcf0 }
	section.content .column table.list tr th                               { display: none }
	section.content .column table.list tr td                               { padding: 0px; border: none; font-size: 8px; line-height: 10px }
	section.content .column .cta                                           { padding: 5px; margin: -10px }
	section.content .column .cta li                                        { margin: 5px }
	section.content .column .cta li a                                      { padding: 5.5px 10px 5.5px 10px; border-radius: 2.5px; font-size: 9px; line-height: 9px }
	section.content .column .cta li.photos a:first-child                   { padding: 6.5px 10px 6.5px 25px; background-position: 7.5px center; background-size: 10px; font-size: 7px; line-height: 7px }
	section.content .column .featurelinks                                  { padding: 5px; margin: -10px }
	section.content .column .featurelinks li                               { margin: 5px }
	section.content .column .featurelinks li a                             { font-size: 14px; line-height: 24px }
	section.content .tabs                                                  { padding: 15px 5px 15px 5px }
	section.content .tabs li                                               { padding: 3px 0px 3px 15px; background-size: auto 10px; border-width: 1px; margin: 5px; font-size: 18px; line-height: 18px }
	section.content .tabs li.active                                        { background-size: 10px auto }
	section.content .tab a                                                 { width: 33.3333%; padding: 5px; border-width: 1px }
	section.content .tab a:nth-child(4)                                    { border-color: transparent }
	section.content .tab a div                                             { width: calc(100% - 5px); padding: 0% 0% calc(100% - 5px) 0%; margin: 2.5px }
	section.content .tab a div span                                        { left: calc(50% - 22.5px); top: calc(50% - 22.5px); width: 45px; padding: 5px; border-width: 2.5px; font-size: 30px; line-height: 30px }
	section.content .tab a h4                                              { width: calc(100% - 5px); margin: 2.5px; font-size: 9px; line-height: 14px }
	section.content .partner                                               { padding: 0px 40px 0px 40px; margin: 10px 0px -20px 0px }
	section.content .partner .bx-prev,
	section.content .partner .bx-next                                      { width: 40px; background-size: 15px }
	section.content .partner ul li                                         { width: 100px !important }
	section.content .partner ul li a                                       { width: calc(100% - 4px); padding: 0% 0% calc(100% - 4px) 0%; margin: 2px }
	section.content .look                                                  { width: calc(100% - 20px); border-radius: 2.5px; margin: 20px 10px 10px 10px }
	section.content .look input[type=text]                                 { width: calc(100% - 40px); padding: 11px; font-size: 12px; line-height: 18px }
	section.content .look input[type=text] + label                         { padding: 11px !important; font-size: 12px !important; line-height: 18px !important }
	section.content .look input[type=submit]                               { width: 40px; height: 40px }
	section.content .column #map                                           { width: 100%; padding: 0% 0% 150% 0%; font-size: 7px; line-height: 12px }
	section.content .column #map h4                                        { font-size: 9px; line-height: 14px }
	section.content .column #maperror                                      { width: 100%; padding: 0% 0% 150% 0% }
	section.tiles                                                          { grid-template-columns: 50% 50%; padding: 0px calc(50% - 135px) 0px calc(50% - 135px); background-position: calc(50% - 67.5px) 0px; background-size: 135px }
	section.tiles .tile                                                    { width: calc(100% - 10px); padding-bottom: calc(100% - 10px); margin: 5px }
	section.tiles .tile ul                                                 { right: 5px; bottom: 5px; padding: 2.5px }
	section.tiles .tile ul li                                              { padding: 5.5px; border-radius: 2.5px; margin: 2.5px; font-size: 9px; line-height: 9px }
	section.tiles .tile div                                                { padding: 10px; font-size: 9px; line-height: 12px }
	section.tiles .tile div h3                                             { font-size: 12px; line-height: 14px }
	section.tiles .tile div h4                                             { font-size: 10px; line-height: 12px }
	section.tiles .tile b                                                  { left: 10px; bottom: 10px; padding: 5.5px 10px 5.5px 10px; border-radius: 2.5px; font-size: 9px; line-height: 9px }
	section.tiles .tile.bigpic                                             { margin: 5px }
	section.tiles .tile.bigpic div                                         { margin-left: calc(50% + 5px); margin-top: calc(50% + 5px); width: calc(50% - 5px) }
	section.tiles .tile.bigpic b                                           { margin-left: calc(50% + 5px) }
	section.tiles .tile.bigpic picture                                     { width: 260px; height: 260px }
	section.tiles .tile.leftpic                                            { margin: 5px; padding-bottom: calc(50% - 10px) }
	section.tiles .tile.leftpic div                                        { margin-left: calc(50% + 5px); width: calc(50% - 5px) }
	section.tiles .tile.leftpic b                                          { margin-left: calc(50% + 5px) }
	section.tiles .tile.leftpic picture                                    { width: 135px; height: 125px }
	section.tiles .tile.toppic                                             { margin: 140px 5px 5px 5px }
	section.tiles .tile.toppic picture                                     { top: -135px; width: 125px; height: 135px }
	section.tiles .tile.list                                               { margin: 5px; padding-bottom: calc(50% - 10px); background: #c7dcf0 !important }
	section.tiles .tile.list b                                             { background: #000000; color: #c7dcf0 !important }
	section.tiles .tile.list:nth-child(even)                               { background: #fde900 !important }
	section.tiles .tile.list:nth-child(even) b                             { color: #fde900 !important }
	section.pager div                                                      { padding: 5px calc(50% - 270px) 5px calc(50% - 270px) }
	section.pager div h3                                                   { margin: 5px; font-size: 12px; line-height: 14px }
	section.pager ul                                                       { padding: 5px calc(50% - 270px) 5px calc(50% - 270px) }
	section.pager ul li                                                    { margin: 5px }
	section.pager ul li a,
	section.pager ul li span                                               { padding: 5.5px 10px 5.5px 10px; border-radius: 2.5px; font-size: 9px; line-height: 9px }
	section.hoods .bx-prev                                                 { left: calc(50% - 140px); width: 40px; background-size: 15px }
	section.hoods .bx-next                                                 { right: calc(50% - 140px); width: 40px; background-size: 15px }
	section.hoods ul                                                       { margin: 0% calc(50% - 140px) 0% calc(50% - 140px) }
	section.hoods ul li                                                    { width: 280px !important }
	section.hoods ul li a div                                              { font-size: 12px; line-height: 12px }
	section.hoods ul li a div h4                                           { font-size: 24px; line-height: 24px }
	section.skyline                                                        { padding: 20px calc(50% - 140px) 10% calc(50% - 140px); margin: 30px 0px 0px 0px }
	section.skyline div                                                    { width: calc(100% - 20px); margin: 10px }
	section.skyline div h2                                                 { font-size: 18px; line-height: 24px }
	section.skyline div h3                                                 { font-size: 12px; line-height: 14px }
	footer                                                                 { padding: 20px calc(50% - 140px) 50px calc(50% - 140px) }
	footer ul                                                              { padding: 5px }
	footer ul li a                                                         { padding: 8px 5px 8px 5px; font-size: 14px; line-height: 14px }
	footer ul li a.phone                                                   { padding: 8px 5px 8px 25px; background-position: 5px center }
	footer ul.social li a                                                  { width: 30px; height: 30px }
	footer ul.small li a                                                   { padding: 9px 5px 9px 5px; font-size: 12px; line-height: 12px }
	footer div                                                             { width: calc(100% - 20px); margin: 10px; font-size: 7px; line-height: 12px }
	footer div h3                                                          { font-size: 12px; line-height: 18px }
	footer div h4                                                          { font-size: 9px; line-height: 14px }
}