@font-face {
    font-family:	'Teko-Regular';
    src:					url('../fonts/Teko-Regular.eot');
    src:					url('../fonts/Teko-Regular.eot?#iefix') format('embedded-opentype'),
									url('../fonts/Teko-Regular.ttf') format('truetype'),
									local("?");
    font-weight:	normal;
    font-style:		normal;
}

@font-face {
    font-family:	'Teko-Bold';
    src:					url('../fonts/Teko-Bold.eot');
    src:					url('../fonts/Teko-Bold.eot?#iefix') format('embedded-opentype'),
									url('../fonts/Teko-Bold.ttf') format('truetype'),
									local("?");
    font-weight:	normal;
    font-style:		normal;
}

html                                                            { box-sizing: border-box }
*, *:before, *:after                                            { box-sizing: inherit }
body                                                            { background: #ffffff; margin: 0px; color: #000000; font-size: 18px; line-height: 30px; font-family: 'Teko-Regular', Helvetica, Arial, sans-serif }
h1                                                              { margin: 0px; font-weight: normal; font-size: 36px; line-height: 60px }
h2                                                              { margin: 0px; font-weight: normal; font-size: 30px; line-height: 48px }
h3,
h4                                                              { margin: 0px; font-weight: normal; font-size: 24px; line-height: 36px }
ul,
ol                                                              { padding: 0px 0px 0px 15px; margin: 15px 0px 15px 0px }
img                                                             { border: none }
a                                                               { color: #8c8c8c; text-decoration: none }
b                                                               { font-weight: normal }
table                                                           { width: 100%; border-style: none; border-spacing: 0px }
th                                                              { padding: 10px 0px 10px 20px; border-top: solid 1px #f0f0f0; vertical-align: top; text-align: left; font-weight: normal }
th:first-child                                                  { padding: 10px 0px 10px 0px }
td                                                              { padding: 0px 0px 10px 20px; vertical-align: top; text-align: left }
td:first-child                                                  { padding: 0px 0px 10px 0px }
select,
textarea,
input[type=text]                                                { float: left; width: 100%; height: 40px; padding: 6px; background: #ffffff; border: solid 2px #f0f0f0; color: #000000; font-size: 18px; line-height: 24px; font-family: 'Teko-Regular', Helvetica, Arial, sans-serif; -webkit-appearance: none }
select.active,
textarea.active,
input[type=text].active                                         { border-color: #dedede }
select.error,
textarea.error,
input[type=text].error                                          { border-color: #ff0000 !important }
textarea                                                        { height: 200px; overflow: auto; resize: none }
select option                                                   { padding: 8px; background: #ffffff; border-top: solid 2px #f0f0f0; color: #000000 }
select option:first-child                                       { border-top: none }
:-ms-input-placeholder                                          { color: #8c8c8c }
:-moz-placeholder                                               { color: #8c8c8c; opacity: 1 }
::-moz-placeholder                                              { color: #8c8c8c; opacity: 1 }
::-webkit-input-placeholder                                     { color: #8c8c8c }
#refresh_captcha                                                { position: relative; float: left }
#refresh_captcha div                                            { position: absolute; right: 0px; top: 0px; width: 40px; height: 40px; background: #8c8c8c url(../images/layout/update.svg) no-repeat center; background-size: 20px; border-radius: 20px; cursor: pointer }
.top                                                            { display: none; position: fixed; z-index: 1000; right: 60px; bottom: 60px; width: 60px; height: 60px; background: #8c8c8c url(../images/layout/up.svg) no-repeat center; cursor: pointer }
input[type=submit]                                              { float: left; width: 100%; height: 40px; padding: 0px; background: #8c8c8c; border: none; color: #ffffff; font-size: 18px; line-height: 18px; font-family: 'Teko-Regular', Helvetica, Arial, sans-serif; text-transform: uppercase; cursor: pointer; -webkit-appearance: none }
#refresh_captcha div.active,
.top.active,
input[type=submit].active                                       { background-color: #ee7d00 }
.texterror                                                      { display: block; margin: 0px 0px 20px 0px; color: #ff0000 }
a.show_cookiemanager                                            { z-index: 1000; left: 60px; bottom: 60px; width: 60px; height: 60px; padding: 6px; background: #8c8c8c; border-radius: 0% }
a.show_cookiemanager.active                                     { background: #ee7d00 }
a.show_cookiemanager svg path                                   { fill: none; stroke: #ffffff; stroke-width: 0.9 }
.switch                                                         { display: none; position: fixed; z-index: 3000; left: calc(50% + 130px); top: 10px; width: 40px; height: 40px; background: #ee7d00; cursor: pointer }
.switch span                                                    { display: block; position: absolute; left: 8px; width: 24px; 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 }
.switch span:nth-child(1)                                       { top: 12px }
.switch span:nth-child(2),
.switch span:nth-child(3)                                       { top: 19px }
.switch span:nth-child(4)                                       { top: 26px }
.switch.active span:nth-child(1),
.switch.active span:nth-child(4)                                { top: 19px; width: 0%; left: 50% }
.switch.active span:nth-child(2)                                { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg) }
.switch.active span:nth-child(3)                                { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); transform: rotate(-45deg) }
.overlay                                                        { display: none; position: fixed; z-index: 2000; top: 0px; left: 0px; width: 100%; height: 100%; background: rgba(0,0,0,0.8) }
.container                                                      { position: relative; width: 1200px; margin: 0px auto 0px auto }
.sitehead                                                       { position: relative; z-index: 4; float: left; width: 100%; background: #ffffff }
.sitehead form                                                  { float: right; height: 40px; border-bottom: solid 2px #f0f0f0; margin: 40px }
.sitehead form input[type=text]                                 { width: 160px; padding: 8px; background: none; border: none }
.sitehead form input[type=submit]                               { width: 30px; height: 30px; background: url(../images/layout/lupe.svg) no-repeat center; background-size: 30px; border-radius: 15px; margin: 5px; text-indent: -9999px }
.sitehead form input[type=submit].active                        { background-color: #f0f0f0 }
.sitehead ul                                                    { float: left; width: 400px; padding: 0px; margin: 40px; list-style-type: none }
.sitehead ul li                                                 { display: block; float: left; margin: 5px 40px 5px 0px }
.sitehead ul li a                                               { display: block; float: left; height: 30px; padding: 6px 0px 6px 0px; line-height: 18px; text-transform: uppercase }
.sitehead ul li a.active                                        { color: #ee7d00 }
.sitehead ul li a.facebook                                      { width: 30px; background: #8c8c8c url(../images/layout/facebook.svg) no-repeat center; background-size: 30px; border-radius: 15px }
.sitehead ul li a.facebook.active                               { background-color: #ee7d00 }
.sitehead .logo                                                 { display: block; float: left; width: 240px; height: 160px; background: url(../images/layout/logo-sportstudio.svg) no-repeat center; margin: 0px 0px -40px 0px }
.menu                                                           { position: absolute; z-index: 3; top: 120px; width: 100%; background: -webkit-linear-gradient(0deg, #ffffff 0%, #f0f0f0 100%); background: -moz-linear-gradient(0deg, #ffffff 0%, #f0f0f0 100%); background: linear-gradient(0deg, #ffffff 0%, #f0f0f0 100%) }
.menu.fixed                                                     { position: fixed; top: 0px }
.menu ul                                                        { position: relative; float: left; width: 1200px; height: 60px; padding: 0px; margin: 40px 0px -20px 0px; list-style-type: none; text-align: center }
.menu.fixed ul                                                  { margin: 0px 0px -20px 0px }
.menu ul li                                                     { display: inline-block; background: #8c8c8c }
.menu ul li.active                                              { background: #ee7d00 }
.menu ul li a                                                   { display: block; float: left; width: 300px; height: 60px; padding: 18px 0px 18px 0px; color: #ffffff; font-size: 24px; line-height: 24px; text-transform: uppercase }
.menu ul li ul                                                  { display: none; position: absolute; left: 80px; top: 50px; width: 1040px; background: #ee7d00; margin: 0px }
.menu ul li ul li                                               { background: none }
.menu ul li ul li a                                             { width: auto; padding: 21px 20px 21px 20px; font-size: 18px; line-height: 18px }
.themesliderbox                                                 { position: relative; z-index: 1; float: left; width: 100%; margin: 80px 0px -100px 0px }
.themesliderbox .bx-pager                                       { position: absolute; z-index: 100; bottom: 120px; left: 0px; width: 100%; padding: 0px; margin: 0px; list-style-type: none; text-align: center }
.themesliderbox .bx-pager .bx-pager-item                        { display: inline-block }
.themesliderbox .bx-pager .bx-pager-item a                      { display: block; float: left; width: 10px; height: 10px; background: #ee7d00; border-radius: 5px; margin: 10px; text-indent: -9999px }
.themesliderbox .bx-pager .bx-pager-item a:hover,
.themesliderbox .bx-pager .bx-pager-item a.active               { width: 20px; height: 20px; border-radius: 10px; margin: 5px }
.themesliderbox .themeslider                                    { float: left; width: 100% }
.themesliderbox .themeslider .theme                             { float: left; width: 100%; height: 600px; background-repeat: no-repeat; background-position: center -150px; background-size: cover }
.themesliderbox .themeslider .theme a                           { display: block; float: left; width: 100%; height: 600px; background: -webkit-linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0.2) 40%, rgba(255,255,255,0.2) 60%, rgba(255,255,255,1) 100%); background: -moz-linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0.2) 40%, rgba(255,255,255,0.2) 60%, rgba(255,255,255,1) 100%); background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0.2) 40%, rgba(255,255,255,0.2) 60%, rgba(255,255,255,1) 100%); text-align: center }
.themesliderbox .themeslider .theme a b                         { display: block; width: 600px; padding: 10px 0px 0px 0px; border-top: solid 4px #000000; margin: 150px auto 0px auto; color: #000000; font-size: 90px; line-height: 90px; text-transform: uppercase; -webkit-transform: skew(-4deg,-8deg); -moz-transform: skew(-4deg,-8deg); transform: skew(-4deg,-8deg) }
.themesliderbox .themeslider .theme a span                      { display: block; width: 600px; padding: 0px 0px 10px 0px; border-bottom: solid 4px #000000; margin: 0px auto 0px auto; color: #000000; font-size: 60px; line-height: 60px; text-transform: uppercase; -webkit-transform: skew(-4deg,-8deg); -moz-transform: skew(-4deg,-8deg); transform: skew(-4deg,-8deg) }
.main                                                           { position: relative; z-index: 2; float: left; width: 100%; background: url(../images/layout/background1.svg) center top, -webkit-linear-gradient(0deg, rgba(240,240,240,1) 0px, rgba(240,240,240,0) 100px); background: url(../images/layout/background1.svg) center top, -moz-linear-gradient(0deg, rgba(240,240,240,1) 0px, rgba(240,240,240,0) 100px); background: url(../images/layout/background1.svg) center top, linear-gradient(0deg, rgba(240,240,240,1) 0px, rgba(240,240,240,0) 100px) }
.main .teaser                                                   { display: flex; flex-flow: row wrap; justify-content: center; float: left; width: 1200px; padding: 10px }
.main .teaser a                                                 { display: block; position: relative; float: left; width: calc(50% - 10px); padding: 0% 0% calc(25% - 10px) 0%; background-repeat: no-repeat; background-position: center; background-size: cover; margin: 5px }
.main .teaser a.gallery                                         { width: calc(25% - 10px) }
.main .teaser a.active                                          { -webkit-filter: grayscale(1); -moz-filter: grayscale(1); filter: grayscale(1) }
.main .teaser a i                                               { display: block; position: absolute; z-index: 2; right: 20px; top: 0px; padding: 18px; background: #ee7d00; color: #ffffff; font-size: 24px; line-height: 24px; text-transform: uppercase; font-style: normal; -webkit-transform: skew(-4deg,-8deg); -moz-transform: skew(-4deg,-8deg); transform: skew(-4deg,-8deg) }
.main .teaser a.active i                                        { background: #000000 }
.main .teaser a span                                            { display: block; position: absolute; z-index: 1; left: 20px; bottom: 20px; width: calc(100% - 160px); padding: 16px; background-color: rgba(255,255,255,0.8); background-repeat: no-repeat; background-position: right center; background-size: 120px; border: solid 4px #ee7d00; color: #000000; line-height: 24px }
.main .teaser a.gallery span                                    { width: calc(100% - 40px) }
.main .teaser a.active span                                     { border-color: #000000 }
.main .teaser a span b                                          { display: block; font-size: 30px; line-height: 30px; text-transform: uppercase }
.main .teaser a span u                                          { display: block; font-size: 24px; line-height: 24px; text-transform: uppercase; text-decoration: none }
.main .teaser .thumb,
.main .teaser .dthumb                                           { display: none }
.main .content                                                  { float: left; width: 1200px; padding: 60px 80px 80px 80px; text-align: center }
.main .content h1                                               { font-size: 60px; text-transform: uppercase }
.main .content h2                                               { text-transform: uppercase }
.main .content .load                                            { display: inline-block; width: 240px; height: 60px; padding: 18px; background: #8c8c8c; color: #ffffff; font-size: 24px; line-height: 24px; text-align: center; cursor: pointer }
.main .content .load.active                                     { background: #ee7d00 }
.main .content .result                                          { float: left; width: 100%; padding: 20px 0px 0px 0px; border-top: solid 2px #8c8c8c; margin: 40px 0px 0px 0px; text-align: left }
.main .content .result table                                    { float: right; width: 100px; border-spacing: 1px }
.main .column                                                   { float: left; width: 440px; padding: 20px 0px 0px 0px; border-top: solid 4px #8c8c8c; margin: 0px 80px 80px 80px; text-align: left }
.main .column .tiles                                            { float: left; width: 100%; padding: 5px; background: #f0f0f0; margin: 0px; list-style-type: none }
.main .column .tiles li                                         { display: block; float: left; width: calc(50% - 10px); padding: 10px; background: #8c8c8c; margin: 5px; color: #ffffff }
.main form.column table tr td                                   { width: 100% }
.main form.column table tr td input[name=strasse]               { width: calc(100% - 50px) }
.main form.column table tr td input[name=nummer]                { width: 40px; margin: 0px 0px 0px 10px }
.main form.column table tr td input[name=plz]                   { width: 80px; margin: 0px 10px 0px 0px }
.main form.column table tr td input[name=ort]                   { width: calc(100% - 90px) }
.main .map                                                      { float: left; width: 440px; height: 300px; margin: 0px 80px 80px 80px; text-align: left; -moz-filter: grayscale(0.8); -webkit-filter: grayscale(0.8); filter: grayscale(0.8) }
.main .map h3                                                   { font-size: 18px; line-height: 24px }
.sitefoot                                                       { float: left; width: 100% }
.sitefoot .column                                               { float: left; width: 600px; padding: 40px }
.sitefoot .column h3                                            { float: left; width: 440px; margin: 40px 40px 10px 40px; text-transform: uppercase }
.sitefoot .column ul                                            { float: left; width: 440px; padding: 10px 0px 10px 0px; border-top: solid 2px #8c8c8c; margin: 0px 40px 0px 40px; list-style-type: none }
.sitefoot .column ul li                                         { display: block; float: left }
.sitefoot .column ul li a                                       { display: block; float: left; width: 200px; padding: 10px 0px 10px 0px; line-height: 18px; text-transform: uppercase }
.sitefoot .copyright                                            { float: left; width: 1200px; padding: 80px; line-height: 18px; text-align: center }
.sitefoot .copyright .facebook                                  { display: block; width: 40px; height: 40px; background: #8c8c8c url(../images/layout/facebook.svg) no-repeat center; border-radius: 20px; margin: 0px auto 0px auto }
.sitefoot .copyright .facebook.active                           { background-color: #ee7d00 }
#pop_it_up                                                      { width: 640px; padding: 80px; background: #ffffff }
.eingang                                                        { position: fixed; left: 0%; top: 0%; width: 100%; height: 100%; background: #8c8c8c }
.eingang div                                                    { position: fixed; width: 50%; height: 100% }
.eingang div.left                                               { left: 0% }
.eingang div.right                                              { left: 50% }
.eingang div.active                                             { width: 60% }
.eingang div.inactive                                           { width: 40% }
.eingang div.right.active                                       { left: 40% }
.eingang div.right.inactive                                     { left: 60% }
.eingang div a                                                  { display: block; position: relative; float: left; width: calc(100% - 100px); height: calc(100% - 200px); -webkit-transition: 0.4s ease-in-out; -moz-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out }
.eingang div.left a                                             { background: #ffffff url(../images/layout/logo-sportstudio.svg) no-repeat center calc(50% - 40px); background-size: 200px; margin: 100px 0px 100px 100px; color: #000000 }
.eingang div.right a                                            { background: #000000 url(../images/layout/logo-musicbar.svg) no-repeat center calc(50% - 40px); background-size: 200px; margin: 100px 100px 100px 0px; color: #ffffff }
.eingang div a:hover                                            { width: calc(100% - 50px); height: calc(100% - 100px); background-size: 300px }
.eingang div.left a:hover                                       { margin: 50px 0px 50px 50px }
.eingang div.right a:hover                                      { margin: 50px 50px 50px 0px }
.eingang div a span                                             { display: block; position: absolute; left: calc(50% - 120px); top: calc(50% + 80px); width: 240px; padding: 10px; -webkit-transform: skew(-4deg,-8deg); -moz-transform: skew(-4deg,-8deg); transform: skew(-4deg,-8deg); font-size: 24px; line-height: 24px; text-transform: uppercase; text-align: center; -webkit-transition: 0.4s ease-in-out; -moz-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out }
.eingang div.left a span                                        { border-top: solid 2px #000000; border-bottom: solid 2px #000000 }
.eingang div.right a span                                       { border-top: solid 2px #ffffff; border-bottom: solid 2px #ffffff }
.eingang div a:hover span                                       { left: calc(50% - 180px); top: calc(50% + 120px); width: 360px; padding: 15px; border-width: 3px; font-size: 36px; line-height: 36px }
.musicbar                                                       { background: #000000; color: #ffffff }
.musicbar .switch span                                          { background: #000000 }
.musicbar .sitehead                                             { background: #000000 }
.musicbar .sitehead form                                        { border-color: #282828 }
.musicbar .sitehead form input[type=text]                       { color: #ffffff }
.musicbar .sitehead .logo                                       { background-image: url(../images/layout/logo-musicbar.svg) }
.musicbar .menu                                                 { background: -webkit-linear-gradient(0deg, #000000 0%, #282828 100%); background: -moz-linear-gradient(0deg, #000000 0%, #282828 100%); background: linear-gradient(0deg, #000000 0%, #282828 100%) }
.musicbar .menu ul li a                                         { color: #000000 }
.musicbar .themesliderbox .themeslider .theme a                 { background: -webkit-linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0.2) 40%, rgba(0,0,0,0.2) 60%, rgba(0,0,0,1) 100%); background: -moz-linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0.2) 40%, rgba(0,0,0,0.2) 60%, rgba(0,0,0,1) 100%); background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0.2) 40%, rgba(0,0,0,0.2) 60%, rgba(0,0,0,1) 100%) }
.musicbar .themesliderbox .themeslider .theme a b,
.musicbar .themesliderbox .themeslider .theme a span            { border-color: #ffffff; color: #ffffff }
.musicbar .main                                                 { background: url(../images/layout/background2.svg) center top, -webkit-linear-gradient(0deg, rgba(40,40,40,1) 0px, rgba(40,40,40,0) 100px); background: url(../images/layout/background2.svg) center top, -moz-linear-gradient(0deg, rgba(40,40,40,1) 0px, rgba(40,40,40,0) 100px); background: url(../images/layout/background2.svg) center top, linear-gradient(0deg, rgba(40,40,40,1) 0px, rgba(40,40,40,0) 100px) }
.musicbar .main .teaser a                                       { -webkit-filter: grayscale(1); -moz-filter: grayscale(1); filter: grayscale(1) }
.musicbar .main .teaser a.active                                { -webkit-filter: grayscale(0); -moz-filter: grayscale(0); filter: grayscale(0) }
.musicbar .main .teaser a i                                     { background: #ffffff; color: #000000 }
.musicbar .main .teaser a.active i                              { background: #ee7d00 }
.musicbar .main .teaser a span                                  { background-color: rgba(0,0,0,0.8); border-color: #ffffff; color: #ffffff }
.musicbar .main .teaser a.active span                           { border-color: #ee7d00 }

@media only screen and (max-width: 1279px) {
	body                                                            { font-size: 12px; line-height: 18px }
	h1                                                              { font-size: 24px; line-height: 36px }
	h2                                                              { font-size: 18px; line-height: 30px }
	h3,
	h4                                                              { font-size: 14px; line-height: 24px }
	select,
	textarea,
	input[type=password],
	input[type=text]                                                { height: 30px; font-size: 12px; line-height: 14px }
	textarea                                                        { height: 120px }
	#refresh_captcha div                                            { width: 30px; height: 30px; background-size: 15px; border-radius: 15px }
	.top                                                            { left: calc(50% + 130px); bottom: 10px; width: 40px; height: 40px; background-size: 20px }
	input[type=submit]                                              { height: 30px; font-size: 12px; line-height: 12px }
	a.show_cookiemanager                                            { left: calc(50% - 170px); bottom: 10px; width: 40px; height: 40px; padding: 4px }
	a.show_cookiemanager svg path                                   { stroke-width: 0.6 }
	.switch                                                         { display: block }
	.container                                                      { width: 360px }
	.sitehead form,
	.sitehead ul                                                    { display: none }
	.sitehead .logo                                                 { width: 120px; height: 80px; background-size: 100px; margin: 0px 0px -20px 0px }
	.menu                                                           { position: fixed; z-index: 3000; left: calc(50% + 180px); top: 0px; width: 180px; height: 100%; background: #ee7d00 !important }
	.menu ul                                                        { width: 160px; height: auto; margin: 10px !important; text-align: left }
	.menu ul li                                                     { display: block; float: left; background: none }
	.menu ul li a                                                   { width: 160px; height: 40px; padding: 11px 10px 11px 10px; font-size: 18px; line-height: 18px }
	.menu ul li ul                                                  { display: block; position: static; float: left; width: 160px; background: none; margin: 0px 0px 20px 0px !important }
	.menu ul li ul li a                                             { width: 160px; height: 30px; padding: 8px 10px 8px 10px; font-size: 14px; line-height: 14px }
	.themesliderbox                                                 { margin: 0px 0px -60px 0px }
	.themesliderbox .bx-pager                                       { bottom: 70px }
	.themesliderbox .themeslider .theme                             { height: 320px; background-position: center -80px; background-size: 640px }
	.themesliderbox .themeslider .theme a                           { height: 320px }
	.themesliderbox .themeslider .theme a b                         { width: 320px; padding: 5px 0px 0px 0px; border-width: 2px; margin: 80px auto 0px auto; font-size: 48px; line-height: 48px }
	.themesliderbox .themeslider .theme a span                      { width: 320px; padding: 0px 0px 5px 0px; border-width: 2px; font-size: 30px; line-height: 30px }
	.main .teaser                                                   { width: 360px }
	.main .teaser a                                                 { width: calc(100% - 10px); padding: 0% 0% calc(50% - 10px) 0%; -webkit-filter: grayscale(0) !important; -moz-filter: grayscale(0) !important; filter: grayscale(0) !important }
	.main .teaser a.gallery                                         { width: calc(50% - 10px) }
	.main .teaser a i                                               { padding: 11px; font-size: 18px; line-height: 18px }
	.main .teaser a span                                            { left: 10px; bottom: 10px; width: calc(100% - 80px); padding: 8px; background-size: 80px; border-width: 2px; line-height: 14px }
	.main .teaser a.gallery span                                    { width: calc(100% - 20px) }
	.main .teaser a span b                                          { font-size: 24px; line-height: 24px }
	.main .teaser a span u                                          { font-size: 18px; line-height: 18px }
	.main .content                                                  { width: 360px; padding: 10px 20px 20px 20px }
	.main .content h1                                               { font-size: 30px }
	.main .content h2                                               { line-height: 24px }
	.main .content .load                                            { width: 180px; height: 40px; padding: 11px; font-size: 18px; line-height: 18px }
	.main .content .result table                                    { display: none }
	.main .column                                                   { width: 320px; margin: 0px 20px 40px 20px }
	.main .column img                                               { max-width: 150px }
	.main form.column table tr td input[name=strasse]               { width: calc(100% - 40px) }
	.main form.column table tr td input[name=nummer]                { width: 30px }
	.main form.column table tr td input[name=plz]                   { width: 60px }
	.main form.column table tr td input[name=ort]                   { width: calc(100% - 70px) }
	.main form.column table tr td img                               { max-width: 240px }
	.main .map                                                      { width: 320px; height: 420px; margin: 0px 20px -5px 20px }
	.sitefoot .column                                               { width: 360px; padding: 10px }
	.sitefoot .column h3                                            { width: 320px; margin: 10px }
	.sitefoot .column ul                                            { width: 320px; margin: 0px 10px 0px 10px }
	.sitefoot .column ul li a                                       { width: 160px; padding: 5px 0px 5px 0px; line-height: 12px }
	.sitefoot .copyright                                            { width: 360px; padding: 20px 20px 80px 20px; line-height: 12px }
	#pop_it_up                                                      { width: 240px; padding: 20px }
	.eingang div                                                    { width: 100%; height: 50% }
	.eingang div.right                                              { left: 0%; top: 50% }
	.eingang div.active                                             { width: 100%; height: 60% }
	.eingang div.inactive                                           { width: 100%; height: 40% }
	.eingang div.right.active                                       { left: 0%; top: 40% }
	.eingang div.right.inactive                                     { left: 0%; top: 60% }
	.eingang div a                                                  { width: calc(100% - 40px); height: calc(100% - 20px) }
	.eingang div.left a                                             { background-size: 100px; margin: 20px 20px 0px 20px }
	.eingang div.right a                                            { background-size: 100px; margin: 0px 20px 20px 20px }
	.eingang div a:hover                                            { width: calc(100% - 20px); height: calc(100% - 10px); background-size: 150px }
	.eingang div.left a:hover                                       { margin: 10px 10px 0px 10px }
	.eingang div.right a:hover                                      { margin: 0px 10px 10px 10px }
	.eingang div a span                                             { left: calc(50% - 90px); top: calc(50% + 20px); width: 180px; padding: 5px; font-size: 18px; line-height: 18px }
	.eingang div.left a span,
	.eingang div.right a span                                       { border-width: 1px }
	.eingang div a:hover span                                       { left: calc(50% - 120px); top: calc(50% + 40px); width: 240px; padding: 10px; border-width: 2px; font-size: 24px; line-height: 24px }
}