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

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

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

@font-face {
    font-family:	'Ephesis-Regular';
    src:					url('../fonts/Ephesis-Regular.eot');
    src:					url('../fonts/Ephesis-Regular.eot?#iefix') format('embedded-opentype'),
									url('../fonts/Ephesis-Regular.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: 14px; line-height: 24px; font-family: 'RobotoCondensed-Regular', Helvetica, Arial, sans-serif }
h1                                                              { margin: 0px; font-weight: normal; font-size: 30px; line-height: 48px }
h2                                                              { margin: 0px; font-weight: normal; font-size: 24px; line-height: 36px }
h3                                                              { margin: 0px; font-weight: normal; font-size: 18px; line-height: 30px }
h4                                                              { margin: 0px; font-weight: normal; font-size: 14px; line-height: 24px }
ul,
ol                                                              { padding: 0px 0px 0px 15px; margin: 15px 0px 15px 0px }
img                                                             { border: none }
a                                                               { color: #a4834e; text-decoration: none }
b                                                               { font-weight: normal; font-family: 'RobotoCondensed-Bold', Helvetica, Arial, sans-serif }
table                                                           { width: 100%; border-style: none; border-spacing: 0px }
th,
td                                                              { padding: 10px 0px 10px 0px; text-align: left; vertical-align: top; font-weight: normal }
textarea,
input[type=text]                                                { float: left; width: 100%; height: 41px; padding: 8px 0px 8px 0px; background: none; border: none; border-bottom: dashed 1px #666666; color: #ffffff; font-size: 14px; line-height: 24px; font-family: 'RobotoCondensed-Regular', Helvetica, Arial, sans-serif; -webkit-appearance: none }
textarea.active,
input[type=text].active                                         { border-color: #ffffff }
textarea.error,
input[type=text].error                                          { border-color: #ff0000 !important }
textarea                                                        { height: 161px; overflow: auto; resize: none }
input[type=submit]                                              { float: left; width: 100%; height: 62px; padding: 0px; background: none; border: solid 1px #a4834e; border-radius: 31px; color: #a4834e; font-size: 18px; line-height: 18px; font-family: 'Sarpanch-Regular', Helvetica, Arial, sans-serif; text-transform: uppercase; cursor: pointer; -webkit-appearance: none }
input[type=submit].active                                       { background: #a4834e; color: #ffffff }
:-ms-input-placeholder                                          { color: #ffffff; opacity: 0.4 }
:-moz-placeholder                                               { color: #ffffff; opacity: 0.4 }
::-moz-placeholder                                              { color: #ffffff; opacity: 0.4 }
::-webkit-input-placeholder                                     { color: #ffffff; opacity: 0.4 }
#pop_it_up                                                      { width: 840px; padding: 80px }
#refresh_captcha                                                { position: relative; float: left }
#refresh_captcha div                                            { position: absolute; right: 0px; top: 0px; width: 40px; height: 40px; background: #000000 url(../images/layout/update.svg) no-repeat center; background-size: 20px; border: solid 1px #a4834e; border-radius: 20px; cursor: pointer }
.clearer                                                        { clear: both }
.top                                                            { display: none; position: fixed; z-index: 2000; right: 40px; bottom: 40px; width: 60px; height: 60px; background: #ffffff url(../images/layout/up.svg) no-repeat center; background-size: 30px; border: solid 1px #a4834e; border-radius: 30px; cursor: pointer }
.switch                                                         { display: none }
.overlay                                                        { display: none; position: fixed; z-index: 1000; 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: absolute; z-index: 4; width: 100%; background: #ffffff; border-bottom: dashed 1px #a4834e; -webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out }
.sitehead ul                                                    { float: right; width: 510px; padding: 0px; margin: 40px 15px 40px 15px; list-style-type: none; -webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out }
.sitehead ul li                                                 { display: block; float: right; margin: 5px }
.sitehead ul li a                                               { display: block; float: left; height: 30px; padding: 8px 10px 8px 10px; line-height: 14px; font-family: 'Sarpanch-Regular', Helvetica, Arial, sans-serif; text-transform: uppercase }
.sitehead .logo                                                 { display: block; float: right; width: 120px; height: 120px; background: url(../images/layout/logo_steudel.svg) no-repeat center; background-size: 100px; -webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out }
.sitehead .phone                                                { display: block; float: left; height: 30px; padding: 3px 0px 3px 20px; background: url(../images/layout/phone.svg) no-repeat left center; background-size: contain; margin: 45px 20px 45px 20px; font-size: 24px; line-height: 24px; font-family: 'Sarpanch-Regular', Helvetica, Arial, sans-serif; -webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out }
.sitehead.fixed                                                 { position: fixed }
.sitehead.fixed ul                                              { margin: 10px 15px 10px 15px }
.sitehead.fixed .logo                                           { height: 60px; background-size: 40px }
.sitehead.fixed .phone                                          { margin: 15px 20px 15px 20px }
.menu                                                           { position: absolute; z-index: 3; top: 120px; width: 100%; background: #ffffff; -webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out }
.menu ul                                                        { float: left; padding: 0px; width: 100%; height: 40px; margin: 0px; list-style-type: none; text-align: center }
.menu ul li                                                     { display: inline-block }
.menu ul li a                                                   { display: block; float: left; height: 40px; padding: 11px 30px 11px 30px; font-size: 18px; line-height: 18px; font-family: 'Sarpanch-Regular', Helvetica, Arial, sans-serif; text-transform: uppercase }
.menu ul li a.active                                            { background: #a4834e; color: #ffffff }
.menu.fixed                                                     { position: fixed; top: 60px; border-bottom: solid 1px #a4834e }
.themesliderbox                                                 { position: relative; z-index: 1; float: left; width: 100%; background: #000000; margin: 100px 0px 0px 0px }
.themesliderbox #preloader                                      { position: absolute; z-index: 200; left: 0px; top: 0px; width: 100%; height: 100%; background: #a4834e }
.themesliderbox #preloader:before                               { display: block; position: absolute; left: calc(50% - 40px); top: calc(50% - 40px); width: 80px; height: 80px; background: url(../images/layout/preloader.svg) no-repeat center; background-size: contain; content: '' }
.themesliderbox .bx-pager                                       { position: absolute; z-index: 100; left: 0px; top: 0px; width: 100%; padding: 0px; margin: 520px 0px 0px 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: #ffffff; 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 .bx-prev                                        { display: block; position: absolute; z-index: 200; left: 40px; top: 0px; width: 60px; height: 60px; background: #ffffff url(../images/layout/left.svg) no-repeat center; background-size: 50%; border-radius: 50%; margin: 300px 0px 0px 0px; text-indent: -9999px } 
.themesliderbox .bx-next                                        { display: block; position: absolute; z-index: 200; right: 40px; top: 0px; width: 60px; height: 60px; background: #ffffff url(../images/layout/right.svg) no-repeat center; background-size: 50%; border-radius: 50%; margin: 300px 0px 0px 0px; text-indent: -9999px } 
.themesliderbox .themeslider                                    { float: left; width: 100% }
.themesliderbox .themeslider .theme                             { display: block; position: relative; float: left; width: 100%; height: 600px; background-repeat: no-repeat; background-position: center }
.themesliderbox .themeslider .theme div                         { display: block; position: absolute; z-index: 1; left: calc(50% - 600px); top: 0px; width: 1200px; height: 1200px; padding: 540px 0px 0px 0px; background: url(../images/layout/steudel.svg) no-repeat center; background-size: cover; margin: -270px 0px 0px 0px; text-align: center }
.themesliderbox .themeslider .theme div h3                      { font-size: 48px; line-height: 72px; font-family: 'Sarpanch-Regular', Helvetica, Arial, sans-serif; text-transform: uppercase; letter-spacing: 0.1em }
.themesliderbox .themeslider .theme div h4                      { font-size: 24px; line-height: 36px }
.themesliderbox .themeslider .theme div a                       { display: inline-block; padding: 21px 40px 21px 40px; background: #ffffff; border-radius: 30px; font-size: 18px; line-height: 18px; font-family: 'Sarpanch-Regular', Helvetica, Arial, sans-serif; text-transform: uppercase }
.themesliderbox .themeslider .theme div a.active                { background: #a4834e; color: #ffffff }
.notheme                                                        { float: left; width: 100%; height: 160px; background: #000000 }
.teaser                                                         { float: left; width: 100%; background: #000000 }
.teaser a                                                       { display: block; position: relative; z-index: 2; float: left; width: 50%; height: 400px }
.teaser.small a                                                 { width: 33.3333%; height: 300px }
.teaser.gallery a                                               { width: 10%; height: 100px }
.teaser a span                                                  { display: block; position: absolute; z-index: 1; left: calc(50% - 250px); top: 0px; width: 500px; height: 400px; padding: 220px 140px 140px 140px; background-repeat: no-repeat; background-position: center; background-size: cover; color: #ffffff; text-align: center; -webkit-transform: rotate(5deg); -moz-transform: rotate(5deg); transform: rotate(5deg); -webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out }
.teaser a:nth-child(odd) span                                   { -webkit-transform: rotate(-5deg); -moz-transform: rotate(-5deg); transform: rotate(-5deg) }
.teaser a span.active                                           { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); transform: scale(1.2) }
.teaser.small a span                                            { left: calc(50% - 160px); top: auto; bottom: 40px; width: 320px; height: 90px; padding: 20px 40px 20px 40px; background-color: rgba(164,131,78,0.9); background-repeat: no-repeat; background-position: calc(100% - 10px) center; background-size: 70px; border-radius: 45px; font-size: 12px; line-height: 18px; text-align: left; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); transform: rotate(0deg) }
.teaser.small a span.active                                     { background-color: rgba(255,255,255,0.9); color: #a4834e; -webkit-transform: scale(0.9); -moz-transform: scale(0.9); transform: scale(0.9) }
.teaser.small a span b                                          { display: block; font-size: 18px; line-height: 30px; font-family: 'Sarpanch-Regular', Helvetica, Arial, sans-serif; text-transform: uppercase }
.teaser a i                                                     { display: block; position: absolute; width: 100%; height: 100%; overflow: hidden }
.teaser a i u                                                   { display: block; position: absolute; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; -webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out }
.teaser a i u.active                                            { -webkit-transform: scale(1.05); -moz-transform: scale(1.05); transform: scale(1.05) }
.main                                                           { position: relative; z-index: 1; float: left; width: 100%; background: #000000 }
.main .content                                                  { position: absolute; z-index: 1; left: calc(50% - 260px); top: 120px; width: 520px; color: #a4834e; text-align: center }
.main#locations .content                                        { left: calc(50% + 20px); top: 0px; opacity: 0; text-align: right }
.main#event .content                                            { left: calc(50% - 540px); top: 0px; opacity: 0; text-align: left }
.main#locations .content.active,
.main#event .content.active                                     { top: 120px; opacity: 1 }
.main .content h1,
.main .content h2                                               { font-size: 72px; line-height: 72px; font-family: 'Ephesis-Regular', Helvetica, Arial, sans-serif }
.main .content h3                                               { font-size: 24px; line-height: 36px; font-family: 'Sarpanch-Regular', Helvetica, Arial, sans-serif; text-transform: uppercase }
.main .content h4                                               { font-size: 18px; line-height: 30px; font-family: 'Sarpanch-Regular', Helvetica, Arial, sans-serif; text-transform: uppercase }
.main .content .button                                        	{ display: inline-block; height: 40px; padding: 12px 29px 12px 29px; background: #a4834e; border: solid 1px #a4834e; border-radius: 20px; color: #ffffff; line-height: 14px; font-family: 'Sarpanch-Regular', Helvetica, Arial, sans-serif; text-transform: uppercase }
.main .content .button.active,
.main#locations .content .button                                { background: #ffffff; color: #a4834e }
.main#locations .content .button.active                         { background: #a4834e; color: #ffffff }
.main .theme                                                    { float: left; width: 100%; height: 540px; background-repeat: no-repeat; background-position: center 120px; margin: -60px 0px 0px 0px }
.main .theme.active                                             { background-position: center 0px }
.main#locations .theme                                          { background-color: #ffffff }
.main#event .theme                                              { background-color: #000000 }
.main .theme.detail                                             { height: 600px; background-position: center }
.main .head                                                     { float: left; width: 1040px; padding: 60px 0px 60px 0px; border-bottom: dashed 1px #a4834e; margin: 0px 80px 0px 80px; color: #a4834e; text-align: center }
.main .head h1,
.main .head h2,
.main .head h3                                                  { font-family: 'Sarpanch-Regular', Helvetica, Arial, sans-serif; text-transform: uppercase }
.main .head .button                                             { display: inline-block; padding: 13px 30px 13px 30px; background: #a4834e; border-radius: 20px; color: #000000; line-height: 14px; font-family: 'Sarpanch-Regular', Helvetica, Arial, sans-serif; text-transform: uppercase }
.main .head .button.active                                      { background: #ffffff }
.main .column                                                   { float: left; width: 600px; padding: 80px; color: #ffffff }
.main .column h2,
.main .column h3                                                { color: #a4834e; font-family: 'Sarpanch-Regular', Helvetica, Arial, sans-serif; text-transform: uppercase }
.main .column img                                               { max-width: 440px }
.main .column table tr td input[name=strasse]                   { width: calc(100% - 80px) }
.main .column table tr td input[name=nummer]                    { width: 60px; margin: 0px 0px 0px 20px }
.main .column table tr td input[name=plz]                       { width: 120px; margin: 0px 20px 0px 0px }
.main .column table tr td input[name=ort]                       { width: calc(100% - 140px) }
.main .column .button                                           { float: left; padding: 0px; margin: -5px; list-style-type: none }
.main .column .button li                                        { display: block; float: left; margin: 5px }
.main .column .button li a                                      { display: block; float: left; height: 40px; padding: 12px 29px 12px 29px; border: solid 1px #a4834e; border-radius: 20px; color: #a4834e; line-height: 14px; font-family: 'Sarpanch-Regular', Helvetica, Arial, sans-serif; text-transform: uppercase }
.main .column .button li a.active                               { background: #a4834e; color: #000000 }
.main .column .slide                                            { position: relative; float: left; width: 100%; padding: 10px 0px 10px 0px; border-bottom: dashed 1px #a4834e }
.main .column .slide h3                                         { padding: 0px 40px 0px 0px }
.main .column .slide span                                       { position: absolute; right: 0px; top: 10px; width: 30px; height: 30px; background: url(../images/layout/down.svg) no-repeat center; background-size: 20px; border: solid 1px #a4834e; border-radius: 15px; cursor: pointer; -webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out }
.main .column .slide span.active                                { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); transform: rotate(180deg) }
.main .column .slide div                                        { display: none; padding: 10px 0px 10px 0px }
#map,
.osm_error                                                      { position: relative; float: left; width: 100%; height: 540px; background: #a4834e; -webkit-filter: grayscale(1); -moz-filter: grayscale(1); filter: grayscale(1) }
.osm_error h4                                                   { position: absolute; left: 50%; top: 50%; padding: 40px; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); transform: translate(-50%,-50%); color: #ffffff; font-size: 18px; line-height: 30px; text-align: center }
.osm_error h4 a                                                 { color: #ffffff }
.footmenu                                                       { float: left; width: 100% }
.footmenu .columns                                              { float: left; width: 1040px; padding: 20px; border-bottom: dashed 1px #a4834e; margin: 0px 80px 0px 80px; text-align: center }
.footmenu .columns ul                                           { float: left; width: 230px; padding: 0px; margin: 10px; list-style-type: none }
.footmenu .columns ul li                                        { display: block; float: left }
.footmenu .columns ul li a                                      { display: block; float: left; width: 230px; padding: 10px; line-height: 14px; font-family: 'Sarpanch-Regular', Helvetica, Arial, sans-serif; text-transform: uppercase }
.footmenu .marken                                               { float: left; width: 1040px; padding: 20px 220px 20px 220px; margin: 0px 80px 0px 80px; list-style-type: none; text-align: center }
.footmenu .marken li                                            { display: block; float: left; margin: 10px }
.footmenu .marken li a                                          { display: block; float: left; width: 180px; height: 100px; padding: 70px 10px 10px 10px; background-repeat: no-repeat; background-position: center top; line-height: 14px; font-family: 'Sarpanch-Regular', Helvetica, Arial, sans-serif; text-transform: uppercase }
.sitefoot                                                       { float: left; width: 100%; background: #f0f0f0 }
.sitefoot .contact                                              { float: left; width: 560px; margin: 40px 20px 40px 20px; text-align: right }
.sitefoot .contact .phone                                       { display: block; float: right; height: 30px; padding: 6px 0px 6px 20px; background: url(../images/layout/phone.svg) no-repeat left center; background-size: contain; font-size: 18px; line-height: 18px; font-family: 'Sarpanch-Regular', Helvetica, Arial, sans-serif }
.sitefoot .copyright                                            { float: left; width: 560px; margin: 40px 20px 40px 20px }
.sitefoot .copyright h3                                         { float: left; height: 30px; padding: 6px 0px 6px 0px; line-height: 18px; font-family: 'Sarpanch-Regular', Helvetica, Arial, sans-serif; text-transform: uppercase }
.sitefoot .planprotect																					{ display: block; float: left; width: 200px; height: 100px; background: url(../images/layout/planprotect.png) no-repeat center; margin: 0px 500px 40px 500px }

@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                                                              { font-size: 14px; line-height: 24px }
	h4                                                              { font-size: 12px; line-height: 18px }
	textarea,
	input[type=text]                                                { height: 31px; padding: 6px 0px 6px 0px; font-size: 12px; line-height: 18px }
	textarea                                                        { height: 121px }
	input[type=submit]                                              { height: 42px; border-radius: 21px; font-size: 14px; line-height: 14px }
	#pop_it_up                                                      { width: 320px; padding: 40px }
	#refresh_captcha div                                            { width: 30px; height: 30px; background-size: 14px; border-radius: 15px }
	.top                                                            { right: 10px; bottom: 10px; width: 40px; height: 40px; background-size: 20px; border-radius: 20px }
	.switch                                                         { display: block; position: fixed; z-index: 3000; right: 10px; top: 10px; width: 40px; height: 40px; background: #ffffff; border: solid 1px #a4834e; border-radius: 20px; cursor: pointer }
	.switch span                                                    { display: block; position: absolute; left: 11px; width: 16px; height: 2px; background: #a4834e; -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: 13px }
	.switch span:nth-child(2),
	.switch span:nth-child(3)                                       { top: 18px }
	.switch span:nth-child(4)                                       { top: 23px }
	.switch.active span:nth-child(1),
	.switch.active span:nth-child(4)                                { top: 18px; 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) }
	.container                                                      { width: 360px }
	.sitehead                                                       { border-bottom: none }
	.sitehead ul                                                    { display: none }
	.sitehead .logo                                                 { float: left; width: 100px; height: 100px; background-size: 80px; margin: 0px 0px -40px 0px }
	.sitehead .phone                                                { float: right; padding: 6px 0px 6px 20px; margin: 15px 60px 15px 0px; font-size: 18px; line-height: 18px }
	.menu                                                           { position: fixed; z-index: 3000; right: -240px; top: 0px; width: 240px; height: 100%; -webkit-transition: none; -moz-transition: none; transition: none }
	.menu ul                                                        { height: 100%; padding: 10px; text-align: left }
	.menu ul li                                                     { display: block; float: left }
	.menu ul li a                                                   { width: 220px; padding: 13px 10px 13px 10px; font-size: 14px; line-height: 14px }
	.themesliderbox                                                 { margin: 60px 0px 0px 0px }
	.themesliderbox #preloader:before                               { left: calc(50% - 20px); top: calc(50% - 20px); width: 40px; height: 40px }
	.themesliderbox .bx-pager                                       { margin: 250px 0px 0px 0px }
	.themesliderbox .bx-pager .bx-pager-item a                      { width: 6px; height: 6px; border-radius: 3px; margin: 7px }
	.themesliderbox .bx-pager .bx-pager-item a:hover,
	.themesliderbox .bx-pager .bx-pager-item a.active               { width: 12px; height: 12px; border-radius: 6px; margin: 4px }
	.themesliderbox .bx-prev                                        { left: 20px; width: 40px; height: 40px; margin: 240px 0px 0px 0px }
	.themesliderbox .bx-next                                        { right: 20px; width: 40px; height: 40px; margin: 240px 0px 0px 0px } 
	.themesliderbox .themeslider .theme                             { height: 300px; background-size: 900px }
	.themesliderbox .themeslider .theme div                         { left: calc(50% - 270px); width: 540px; height: 540px; padding: 240px 0px 0px 0px; margin: -120px 0px 0px 0px }
	.themesliderbox .themeslider .theme div h3                      { font-size: 24px; line-height: 30px }
	.themesliderbox .themeslider .theme div h4                      { font-size: 12px; line-height: 14px }
	.themesliderbox .themeslider .theme div a                       { padding: 13px 30px 13px 30px; border-radius: 20px; font-size: 14px; line-height: 14px }
	.notheme                                                        { height: 60px }
	.teaser a                                                       { width: 100% !important; height: 200px !important }
	.teaser.gallery a                                               { width: 20% !important; height: 50px !important }
	.teaser a span                                                  { left: calc(50% - 125px); width: 250px; height: 200px; padding: 110px 60px 60px 60px; font-size: 9px; line-height: 12px }
	.teaser.small a span                                            { left: calc(50% - 120px); bottom: 20px; width: 240px; height: 60px; padding: 10px 30px 10px 30px; background-size: 40px; border-radius: 30px; font-size: 10px; line-height: 14px }
	.teaser.small a span b                                          { font-size: 14px; line-height: 24px }
	.main .content                                                  { left: calc(50% - 120px); top: 40px !important; width: 240px; opacity: 1 !important; font-size: 10px; line-height: 14px }
	.main#locations .content                                        { left: calc(50% - 100px) }
	.main#event .content                                            { left: calc(50% - 140px) }
	.main .content h1,
	.main .content h2                                               { font-size: 36px; line-height: 36px }
	.main .content h3                                               { font-size: 14px; line-height: 24px }
	.main .content h4                                               { font-size: 12px; line-height: 18px }
	.main .content .button                                          { height: 30px; padding: 8px 19px 8px 19px; border-radius: 15px; line-height: 12px }
	.main .theme                                                    { height: 300px !important; background-size: 900px; margin: 0px }
	.main#locations .theme                                          { background-position: calc(100% + 180px) top }
	.main#event .theme                                              { background-position: -180px top }
	.main .head                                                     { width: 320px; padding: 20px 0px 20px 0px; margin: 0px 20px 0px 20px }
	.main .head h1                                                  { font-size: 18px; line-height: 24px }
	.main .head h2                                                  { font-size: 14px; line-height: 24px }
	.main .head h3                                                  { font-size: 12px; line-height: 18px }
	.main .head .button                                             { padding: 9px 20px 9px 20px; border-radius: 15px; line-height: 12px }
	.main .column                                                   { width: 360px; padding: 20px; font-size: 10px; line-height: 14px }
	.main .column img                                               { max-width: 320px }
	.main .column .button li a                                      { height: 30px; padding: 8px 19px 8px 19px; border-radius: 15px; line-height: 12px }
	.main .column .slide span                                       { top: 15px }
	#map,
	.osm_error                                                      { height: 400px }
	.osm_error h4                                                   { padding: 20px; font-size: 14px; line-height: 24px }
	.footmenu .columns                                              { width: 320px; padding: 20px 0px 20px 0px; margin: 0px 20px 0px 20px }
	.footmenu .columns ul                                           { width: 320px; margin: 0px }
	.footmenu .columns ul li a                                      { width: 320px; line-height: 12px }
	.footmenu .marken                                               { width: 320px; padding: 20px 10px 20px 10px; margin: 0px 20px 0px 20px }
	.footmenu .marken li                                            { margin: 0px }
	.footmenu .marken li a                                          { width: 100px; height: 70px; padding: 50px 0px 10px 0px; background-size: 40px; font-size: 10px; line-height: 10px }
	.sitefoot .contact                                              { width: 320px; margin: 40px 20px 20px 20px; font-size: 10px; line-height: 14px; text-align: center }
	.sitefoot .contact .phone                                       { display: inline-block; float: none; height: 20px; padding: 3px 0px 3px 10px; font-size: 14px; line-height: 14px }
	.sitefoot .copyright                                            { width: 320px; margin: 20px 20px 40px 20px; font-size: 10px; line-height: 14px; text-align: center }
	.sitefoot .copyright h3                                         { float: none; height: 20px; padding: 3px 0px 3px 0px; line-height: 14px }
	.sitefoot .planprotect																					{ width: 100px; height: 50px; background-size: contain; margin: 0px 130px 40px 130px }
}