html, body{ width:100%; height:100%; padding:0; margin:0; font-family:'OpenSans-Regular'; font-size:15px; color:#333; background:#f0ece8 }

@font-face{ font-family:'OpenSans-Regular'; src:url('../../fonts/OpenSans/OpenSans-Regular.ttf') format('truetype') }
@font-face{ font-family:'OpenSans-SemiBold'; src:url('../../fonts/OpenSans/OpenSans-SemiBold.ttf') format('truetype') }
@font-face{ font-family:'OpenSans-Bold'; src:url('../../fonts/OpenSans/OpenSans-Bold.ttf') format('truetype') }
@font-face{ font-family:'OpenSans-Light'; src:url('../../fonts/OpenSans/OpenSans-Light.ttf') format('truetype') }

a{ color:#333; text-decoration:none }
a:hover{ text-decoration:underline }

.cc_container .cc_btn{ background-color:#474669 !important; color:#FFF !important }
.cc_container { background: #FFF !important; color:#666 !important; -webkit-box-shadow:0px -2px 15px -2px rgba(0,0,0,0.75); -moz-box-shadow:0px -2px 15px -2px rgba(0,0,0,0.75); box-shadow:0px -2px 15px -2px rgba(0,0,0,0.75) }
.cc_container a { color:#474669 !important }
.cc_container a:hover{ text-decoration:underline }

header{ width:100%; background:#FFF; box-shadow:0px 15px 10px -15px #111; text-align:center; position:fixed; z-index:20 }
header >div{ width:100%; max-width:1200px; height:80px; padding:7px 0 3px; margin:auto; text-align:left; display:table }
header >div >div:first-child{ width:60px; margin:15px 0 0 17px; display:none }
header >div >div:first-child .MobileButton{ width:40px; height:31px; margin-top:-3px; -webkit-transform:rotate(0deg); -moz-transform:rotate(0deg); -o-transform:rotate(0deg); transform:rotate(0deg); -webkit-transition:.5s ease-in-out; -moz-transition:.5s ease-in-out; -o-transition:.5s ease-in-out; transition:.5s ease-in-out; cursor:pointer }
header >div >div:first-child .MobileButton span{ display:block; position:absolute; height:7px; width:100%; background:#3F3E63; opacity:1; left:0; -webkit-transform:rotate(0deg); -moz-transform:rotate(0deg); -o-transform:rotate(0deg); transform:rotate(0deg); -webkit-transition:.25s ease-in-out; -moz-transition:.25s ease-in-out; -o-transition:.25s ease-in-out; transition:.25s ease-in-out }
header >div >div:first-child .MobileButton span:nth-child(1){ top:0px }
header >div >div:first-child .MobileButton span:nth-child(2){ top:12px }
header >div >div:first-child .MobileButton span:nth-child(2){ top:12px }
header >div >div:first-child .MobileButton span:nth-child(3){ top:24px }
header >div >div:first-child .MobileButton.Open span:nth-child(1){ top:9px; width:0%; left:50% }
header >div >div:first-child .MobileButton.Open span:nth-child(2){ -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -o-transform:rotate(-45deg); transform:rotate(-45deg) }
header >div >div:first-child .MobileButton.Open span:nth-child(3){ margin-top:-12px; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -o-transform:rotate(45deg); transform:rotate(45deg)  }
header >div >div:first-child >div:last-child{ width:250px; height:-moz-calc(100% - 90px); height:-webkit-calc(100% - 90px); height:-o-calc(100% - 90px); height:calc(100% - 90px); -webkit-box-shadow: 10px 0 5px -2px #111; box-shadow:11px -2px 10px -11px #111; margin-top:90px; background:#FFF; top:0; left:0; position:fixed; display:none }
header >div >div:first-child >div:last-child span{ padding:2px 12px; display:block }
header >div >div:first-child >div:last-child span a{ color:#3F3E63; font-family:'OpenSans-Bold'; text-transform:uppercase; font-weight:normal; font-size:20px; display:block }
header >div >div:first-child >div:last-child span:first-child{ margin-top:10px }
header >div >div:first-child >div:last-child .Social a:nth-child(1){ width:137px; height:29px; background:url(../../img/frontend/navi/mein-norden.svg) no-repeat; margin:12px 0 0 12px; display:block }
header >div >div:first-child >div:last-child .Social a:nth-child(1).en{ width:123px; height:29px; background:url(../../img/frontend/navi/my-norden.svg) no-repeat; margin:12px 0 0 12px; display:block }
header >div >div:first-child >div:last-child .Social a:nth-child(2){ width:137px; height:30px; background:url(../../img/frontend/navi/newsletter.svg) no-repeat; margin:12px 0 0 12px; display:block }
header >div >div:first-child >div:last-child .Social a:nth-child(3){ width:30px; height:30px; background:url(../../img/frontend/navi/facebook.svg) no-repeat; margin:10px 0 0 12px; display:inline-block }
header >div >div:first-child >div:last-child .Social a:nth-child(4){ width:30px; height:30px; background:url(../../img/frontend/navi/instagram.svg) no-repeat; margin:12px 0 0 12px; display:inline-block }
header >div >div:first-child >div:last-child .Social a:nth-child(5){ width:30px; height:30px; background:url(../../img/frontend/navi/youtube.svg) no-repeat; margin:12px 0 0 12px; display:inline-block }
header >div >div:first-child >div:last-child .Social a:nth-child(6){ width:30px; height:30px; background:url(../../img/frontend/navi/spotify.svg) no-repeat; margin:12px 0 0 12px; display:inline-block }
header >div >div:first-child >div:last-child .Languages{ margin-top:-5px }
header >div >div:first-child >div:last-child .Languages a{ width:30px; height:30px; background:no-repeat; margin:20px 0 0 12px; display:inline-block }
header >div >div:first-child >div:last-child .Languages .de{ background-image:url(../../img/frontend/navi/flagge-deutsch.svg) }
header >div >div:first-child >div:last-child .Languages .en{ background-image:url(../../img/frontend/navi/flagge-english.svg) }
header >div >div:first-child >div:last-child.Widescreen{ width:370px }
header >div >div:first-child >div:last-child.Widescreen >span{ width:-moz-calc(50% - 24px) !important; width:-webkit-calc(50% - 24px) !important; width:-o-calc(50% - 24px) !important; width:calc(50% - 24px) !important; white-space:nowrap; display:inline-block !important }
header >div >div:first-child >div:last-child.Widescreen >span{ margin-top:0 !important }
header >div >div:first-child >div:last-child.Widescreen .Social a:nth-child(1){ width:160px }
header >div >div:first-child >div:last-child.Widescreen .Social a:nth-child(2){ width:160px }
header >div >div:first-child >div:last-child.Widescreen .Social a:nth-child(3),
header >div >div:first-child >div:last-child.Widescreen .Social a:nth-child(4),
header >div >div:first-child >div:last-child.Widescreen .Social a:nth-child(5),
header >div >div:first-child >div:last-child.Widescreen .Social a:nth-child(6){ margin-left:11px; margin-top:15px !important }
header >div >div:first-child >div:last-child.Widescreen .Languages{ margin:-10px 0 0 -1px !important }
header >div >div:first-child >div:last-child.Widescreen .Social{ width:100% !important; display:inline-block !important }
header >div >div:first-child >div:last-child.Widescreen .Social a{ height:26px !important; display:block !important; margin-top:5px !important; float:left }
header >div >div:first-child >div:last-child.Widescreen >a{ width:-moz-calc(50% - 24px) !important; width:-webkit-calc(50% - 24px) !important; width:-o-calc(50% - 24px) !important; width:calc(50% - 24px) !important; display:inline-block !important; margin:0 0 30px 36px !important }
header >div >div:nth-child(2){ width:290px; line-height:1px; vertical-align:top; display:table-cell }
header >div >div:nth-child(2) img{ margin:-3px 0 0 20px }
header >div >div:last-child{ line-height:10px; vertical-align:top; display:table-cell }
header >div >div:last-child >div{ height:30px; margin:-7px 10px -4px -10px; border-spacing:10px; float:right; display:table }
header >div >div:last-child >div >a{ height:30px; vertical-align:top; display:table-cell }
header >div >div:last-child >div >a:nth-child(1){ width:110px; background:url(../../img/frontend/navi/mein-norden-online-2.svg) no-repeat }
header >div >div:last-child >div >a:nth-child(1):hover{ background-image:url(../../img/frontend/navi/mein-norden-2-over.svg) }
header >div >div:last-child >div >a:nth-child(1).en{ width:97px; background:url(../../img/frontend/navi/my-norden.svg) no-repeat }
header >div >div:last-child >div >a:nth-child(1).en:hover{ background-image:url(../../img/frontend/navi/my-norden-over.svg) }
header >div >div:last-child >div >a:nth-child(1).de.User{ background-image:url(../../img/frontend/navi/mein-norden-online.svg) }
header >div >div:last-child >div >a:nth-child(1).de.User:hover{ background-image:url(../../img/frontend/navi/mein-norden-over.svg) }
header >div >div:last-child >div >a:nth-child(1).en.User{ background-image:url(../../img/frontend/navi/My-norden-online.svg) }
header >div >div:last-child >div >a:nth-child(1).en.User:hover{ background-image:url(../../img/frontend/navi/my-norden-over.svg) }
header >div >div:last-child >div >a:nth-child(2){ width:88px; background:url(../../img/frontend/navi/newsletter.svg) no-repeat }
header >div >div:last-child >div >a:nth-child(2):hover{ background-image:url(../../img/frontend/navi/newsletter-over.svg) }
header >div >div:last-child >div >a:nth-child(3){ width:24px; background:url(../../img/frontend/navi/facebook.svg) no-repeat }
header >div >div:last-child >div >a:nth-child(3):hover{ background-image:url(../../img/frontend/navi/facebook-over.svg) }
header >div >div:last-child >div >a:nth-child(4){ width:24px; background:url(../../img/frontend/navi/instagram.svg) no-repeat }
header >div >div:last-child >div >a:nth-child(4):hover{ background-image:url(../../img/frontend/navi/instagram-over.svg) }
header >div >div:last-child >div >a:nth-child(5){ width:24px; background:url(../../img/frontend/navi/youtube.svg) no-repeat }
header >div >div:last-child >div >a:nth-child(5):hover{ background-image:url(../../img/frontend/navi/youtube-over.svg) }
header >div >div:last-child >div >a:nth-child(6){ width:24px; background:url(../../img/frontend/navi/spotify.svg) no-repeat }
header >div >div:last-child >div >a:nth-child(6):hover{ background-image:url(../../img/frontend/navi/spotify-over.svg) }
header >div >div:last-child >div >a:nth-child(7){ width:24px; background:url(../../img/frontend/navi/flagge-english.svg) no-repeat }
header >div >div:last-child >div >a:nth-child(8){ width:24px; background:url(../../img/frontend/navi/flagge-deutsch.svg) no-repeat }
header >div >div:last-child nav{ padding:0; margin:21px 20px 0 0; list-style:none; text-transform:uppercase; font-weight:bold; float:right; font-size:14px; clear:both; display:table }
header >div >div:last-child nav span{ vertical-align:top; display:table-cell }
header >div >div:last-child nav a{ font-family:'OpenSans-SemiBold'; white-space:nowrap; font-weight:normal; color:#3b3b63; text-decoration:none; margin:0 6px; display:inline-block }
header >div >div:last-child nav a:hover{ color:#F18700 }
header >div >div:last-child nav span:last-child a{ margin-right:0 }
header >div >div:last-child nav span div{ padding-top:7px; position:absolute; z-index:1; display:none }
header >div >div:last-child nav span ol{ padding:3px 10px 8px 10px; margin:0 0 0 -4px; line-height:22px; background:#FFF; list-style:none; -webkit-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.35); -moz-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.35); box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.35) }
header >div >div:last-child nav span li{ color:#3b3b63; font-family:'OpenSans-SemiBold' }
header >div >div:last-child nav span li:hover{ color:#F18700; cursor:pointer }


footer{ width:100%; text-align:center; border-top:1px solid #3e3e62; background:#FFF; padding:30px 0; margin-top:30px }
footer >p{ display:none }
footer >div{ width:100%; max-width:1100px; margin:auto }
footer .Logos >div:first-child{ text-transform:uppercase; padding:0 20px; font-family:'OpenSans-Light'; font-size:13px; margin:30px 0; color:#000 }
footer .Logos:first-child >div:first-child{ margin-bottom:30px }
footer .Logos >div:last-child{ margin:auto; padding:0 20px }
footer .Logos >div:last-child >div a{ margin:0 23px 20px 23px; display:inline-block }
footer .Links{ margin:60px auto 30px auto; display:table }
footer .Links >div{ font-size:13px; vertical-align:bottom; display:table-cell }
footer .Links a{ margin-left:40px; font-size:13px; color:#000; text-decoration:none }
footer .Links a:hover{ text-decoration:underline }

main{ padding-top:100px; z-index:1 }

.Teaser,
.Teaser >div{ width:100%; height:500px; background:top center no-repeat; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover }
.Teaser >div{ display:none }


.Archive.DropDown{ width:100%; height:76px; background:#FFF; box-shadow: 0px 15px 10px -15px #111; position:fixed; z-index:10; display:none }
.Archive.DropDown >div{ vertical-align:middle; display:table-cell }
.Archive.DropDown select{ width:-moz-calc(100% - 32px); width:-webkit-calc(100% - 32px); width:-o-calc(100% - 32px); width:calc(100% - 32px); margin:0 16px; padding:10px }


.Newsletter{ width:100%; height:100%; top:0; left:0; background:rgba(0, 0, 0, 0.8); position:fixed; z-index:100; display:none }
.Newsletter >div{ width:100%; height:100%; display:table }
.Newsletter >div >div{ width:100%; height:100%; vertical-align:middle; text-align:center; display:table-cell }
.Newsletter >div >div >img{ margin-left:-58px; cursor:pointer; position:absolute; display:none }
.Newsletter >div >div >iframe{ width:570px; height:515px; background:#FDF3DF }


.Half_Overlay{ width:100%; height:100%; background:rgba(0, 0, 0, 0.8); position:fixed; display:none; z-index:100 }
.Half_Overlay >div{ width:800px; height:100%; -webkit-transition:0.3s; transition:0.3s; overflow-x:auto; background:#FFF; float:right }
.Half_Overlay .Preloader{ text-align:center; padding-top:50px }
.Half_Overlay >div >.Close{ margin:350px 0 0 -58px; cursor:pointer; position:fixed }
.Half_Overlay >div >.Teaser{ width:100%; height:350px; background:50% 50% no-repeat; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; -webkit-transition:0.2s; transition:0.2s }
.Half_Overlay >div >.Socialmedia{ padding-right:30px; text-align:right }
.Half_Overlay >div >.Socialmedia >div >div{ margin:0 0 10px 10px !important }
.Half_Overlay >div >.Socialmedia .jssocials-share-label{ font-size:12px; padding-left:0!important }
.Half_Overlay >div >.Socialmedia a{ padding:3px 9px 6px 9px !important }
.Half_Overlay >div >.Socialmedia i{ margin-right:5px; font-size:12px }
.Half_Overlay >div >.Copyright{ height:25px; color:#999; font-size:10px; padding-top:2px; padding:0 30px; text-align:right }
.Half_Overlay >div >.Name{ font-family:'OpenSans-SemiBold'; padding:0 35px; font-size:35px }
.Half_Overlay >div >.Title{ font-family:'OpenSans-SemiBold'; padding:0 35px; margin-top:10px; font-size:20px }
.Half_Overlay >div >.Text{ padding:0 30px; margin-top:20px; font-size:16px }
.Half_Overlay >div >.Social{ height:30px; padding-right:30px; text-align:right }
.Half_Overlay >div >.Social span{ display:inline-block }
.Half_Overlay >div >.Social img{ margin:30px 10px 0 0 }
.Half_Overlay >div >.Date{ color:#B75B64; margin:0 0 25px 30px; display:table }
.Half_Overlay >div >.Date.Activity{ color: #298FAB }
.Half_Overlay >div >.Date >div{ display:table-row }
.Half_Overlay >div >.Date >div >div{ vertical-align:middle; display:table-cell }
.Half_Overlay >div >.Date >div >div img{ margin:6px 20px 0 0 }
.Half_Overlay >div >.Date >div >div div{ font-family:'OpenSans-Bold' }
.Half_Overlay >div >.More{ margin:55px 0 30px 0 }
.Half_Overlay >div >.More >.Spr_1{ padding:0 30px; font-size:13px }
.Half_Overlay >div >.More >.Spr_2{ margin:0 0 25px 20px }
.Half_Overlay >div >.More >.Spr_2 div{ border-collapse:separate; border-spacing:10px; display:table }
.Half_Overlay >div >.More >.Spr_2 a{ background:50% 50%; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; margin-right:5px; display:table-cell }
.Half_Overlay >div >.More >.Video{ padding:0 30px; margin-top:10px }
.Half_Overlay >div >.More >.Gallery{ margin:30px 0 0 20px }
.Half_Overlay >div >.More >.Gallery .Vid{ width:234px; height:120px; background:50% 50%; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; margin:0 0 10px 10px; float:left }
.Half_Overlay >div >.More >.Gallery .Clear{ clear:both }


.Img_Overlay{ width:100%; height:100%; background:rgba(0, 0, 0, 0.8); position:fixed; display:none; z-index:100 }
.Img_Overlay >div{ width:100%; height:100%; cursor:pointer; display:table }
.Img_Overlay >div >div{ width:100%; height:100%; vertical-align:middle; text-align:right; display:table-cell }
.Img_Overlay >div >div >div{ width:80%; height:80%; margin:auto; display:table; background-color:#000; background:50% 50% no-repeat; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover }
.Img_Overlay >div >div >div >div{ display:table-row }
.Img_Overlay >div >div >div >div:first-child >div{ height:1px; vertical-align:top; text-align:right; display:table-cell }
.Img_Overlay >div >div >div >div:first-child >div img{ width:25px; height:25px; margin-top:-37px; float:right; cursor:pointer }
.Img_Overlay >div >div >div >div:last-child >div{ width:50%; height:100%; vertical-align:middle; display:table-cell }
.Img_Overlay >div >div >div >div:last-child >div:first-child img{ float:left; margin-top:-30px; cursor:pointer }
.Img_Overlay >div >div >div >div:last-child >div:last-child img{ float:right; margin-top:-30px; cursor:pointer }


.Home{ padding:20px }
.Home >div{ width:100%; max-width: 1100px; margin:auto; text-align:left }

.Contact{ padding:20px }
.Contact >div{ width:100%; max-width:847px; margin:auto; text-align:left }


.Imprint{ padding:20px }
.Imprint >div{ width:100%; max-width:847px; margin:auto; text-align:left }


.Press{ padding:20px }
.Press >div{ width:100%; max-width:847px; margin:auto; text-align:left }


.Tickets{ padding:20px }
.Tickets >div{ width:100%; max-width:847px; margin:auto; text-align:left }
.Tickets >div >h1{ padding:10px 0; margin:0 0 -10px 0; font-family:'OpenSans-Bold'; color:#3D3C65; font-size:45px; font-weight:normal; display:block }
.Tickets >div .Text_Top{ padding:45px 0 20px 0 }
.Tickets >div .Text_Bottom{ padding-top:5px }
.Tickets >div .Tiling{ width:100%; display:table }
.Tickets >div .Tiling >div{ display:table-row }
.Tickets >div .Tiling >div >.Spacer{ width:2%; display:table-cell }
.Tickets >div .Tiling >div >.Cell{ width:29%; vertical-align:top; display:table-cell }
.Tickets >div .Tiling >div >.Cell >div{ margin:30px 0 30px 0; padding:1px 10px 20px 10px; line-height:20px }
.Tickets >div .Tiling >div >.Cell >div .Teaser{ padding-bottom:16px }
.Tickets >div .Tiling >div >.Cell >div .Teaser img{ width:100% }
.Tickets >div .Tiling >div >.Cell >div .Title{ margin:8px 0; font-size:23px; font-family:'OpenSans-SemiBold'; line-height:25px; color:#333; text-decoration:none; display:block }
.Tickets >div .Tiling >div >.Cell >div .Text{ font-size:15px;  padding-top:7px; color:#333; text-decoration:none; display:block }
.Tickets >div .Tiling >div >.Cell a:hover{ text-decoration:none !important }
.Tickets >div .Tiling >div >.Cell p{ margin:0; padding:0 }


.Accommodation{ padding:20px }
.Accommodation h1{ padding:10px 0; margin:0 0 10px 0; font-family:'OpenSans-Bold'; color:#3D3C65; font-size:45px; font-weight:normal; display:block; text-align:center }
.Accommodation >div{ width:100%; max-width:847px; margin:auto; text-align:left }
.Accommodation >div >h1{ padding:10px 0; margin:0 0 30px 0; font-family:'OpenSans-Bold'; color:#3D3C65; font-size:45px; font-weight:normal; display:block }
.Accommodation >div .Tiling{ width:100%; display:table }
.Accommodation >div .Tiling >div{ width:2%; vertical-align:top; display:table-cell }
.Accommodation >div .Tiling >div:first-child,
.Accommodation >div .Tiling >div:last-child{ width:29%; vertical-align:top; display:table-cell }
.Accommodation >div .Tiling >div:first-child >div{ background:#dfdfad; border-top:8px solid #b9c211; margin-bottom:32px }
.Accommodation >div .Tiling >div:last-child >div{ background:#D6DBE1; border-top:8px solid #C2D0DB; margin-bottom:32px }
.Accommodation >div .Tiling >div >div >a{ text-decoration:none }
.Accommodation >div .Tiling >div >div >a >div,
.Accommodation >div .Tiling >div >div >div{ padding:10px; text-decoration:none }
.Accommodation >div .Tiling .Title{ margin:8px 0; font-size:23px; font-family:'OpenSans-SemiBold'; line-height:25px; color:#333; text-decoration:none; display:block }
.Accommodation >div .Tiling .Text{ font-size:15px;  padding-top:7px; color:#333; text-decoration:none; display:block }
.Accommodation >div .Text_Bottom{ padding-top:5px }


.Nordstern{ padding:0 20px 20px 20px }
.Nordstern >div{ width:100%; max-width:847px; margin:auto; text-align:left }
.Nordstern >div >h1{ padding:10px 0; margin:10px 0 -25px 0; font-family:'OpenSans-Bold'; color:#3D3C65; font-size:45px; font-weight:normal; display:block; text-align:center }
.Nordstern >div >div{ width:100%; display:table }
.Nordstern >div >div >div{ display:table-row }
.Nordstern >div >div >div >.Spacer{ width:6%; mit-width:47px; display:table-cell }
.Nordstern >div >div >div >.Cell{ width:47%; vertical-align:top; display:table-cell }
.Nordstern >div >div >div >.Cell >div{ margin-top:40px }
.Nordstern >div >div >div >.Cell >div >a.Teaser{ height:230px; transition:0.2s; margin-bottom:16px; background:50% no-repeat; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; display:block }
.Nordstern >div >div >div >.Cell >div >a.Title{ font-size:25px; font-family:'OpenSans-SemiBold'; color:#333; text-decoration:none; display:inline-block }
.Nordstern >div >div >div >.Cell >div >a.Title:hover{ text-decoration:underline }
.Nordstern >div >div >div >.Cell >div >.Text{ font-size:15px; line-height:22px; margin-top:7px }



.LeftRight{ padding:0 20px 20px 20px }
.LeftRight >div{ width:100%; max-width:847px; margin:auto; text-align:left }
.LeftRight >div >h1{ padding:10px 0; margin:10px 0 -25px 0; font-family:'OpenSans-Bold'; color:#3D3C65; font-size:45px; font-weight:normal; display:block; text-align:center }
.LeftRight >div >div{ width:100%; display:table }
.LeftRight >div >div >div{ display:table-row }
.LeftRight >div >div >div >.Spacer{ width:6%; mit-width:47px; display:table-cell }
.LeftRight >div >div >div >.Cell{ width:47%; vertical-align:top; display:table-cell }
.LeftRight >div >div >div >.Cell >div{ margin-top:40px }
.LeftRight >div >div >div >.Cell >div >a.Teaser{ height:230px; transition:0.2s; margin-bottom:16px; background:50% no-repeat; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; display:block }
.LeftRight >div >div >div >.Cell >div >a.Title{ font-size:25px; font-family:'OpenSans-SemiBold'; color:#333; text-decoration:none; display:inline-block }
.LeftRight >div >div >div >.Cell >div >a.Title:hover{ text-decoration:underline }
.LeftRight >div >div >div >.Cell >div >.Text{ font-size:15px; line-height:22px; margin-top:7px }






.News{ padding:0 20px 20px 20px }
.News >div{ width:100%; max-width:847px; margin:auto; text-align:left }
.News >div >h1{ padding:10px 0; margin:10px 0 -25px 0; font-family:'OpenSans-Bold'; color:#3D3C65; font-size:45px; font-weight:normal; display:block; text-align:center }
.News >div >div{ width:100%; display:table }
.News >div >div >div{ display:table-row }
.News >div >div >div >.Spacer{ width:6%; mit-width:47px; display:table-cell }
.News >div >div >div >.Cell{ width:47%; vertical-align:top; display:table-cell }
.News >div >div >div >.Cell >div{ margin-top:40px }
.News >div >div >div >.Cell >div >a.Teaser{ height:230px; transition:0.2s; margin-bottom:16px; background:50% no-repeat; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; display:block }
.News >div >div >div >.Cell >div >a.Title{ font-size:25px; font-family:'OpenSans-SemiBold'; color:#333; text-decoration:none; display:inline-block }
.News >div >div >div >.Cell >div >a.Title:hover{ text-decoration:underline }
.News >div >div >div >.Cell >div >.Text{ font-size:15px; line-height:22px; margin-top:7px }


.News-Details{ padding:20px }
.News-Details >div{ width:100%; max-width:920px; margin:auto; text-align:left }
.News-Details >div >div:first-child{ padding:0 35px }
.News-Details >div >div:last-child{ height:4px; background:#353E5D; margin-top:80px }
.News-Details >div >div >div{ width:100%; display:table }
.News-Details >div >div >div >div:nth-child(1){ width:53%; vertical-align:top; display:table-cell }
.News-Details >div >div >div >div:nth-child(1) h1{ padding:0; margin:0; font-size:35px; font-family:'OpenSans-SemiBold'; text-transform:uppercase }
.News-Details >div >div >div >div:nth-child(1) >div{ font-size:15px; line-height:22px; margin-top:30px }
.News-Details >div >div >div >div:nth-child(2){ width:5%; display:table-cell }
.News-Details >div >div >div >div:nth-child(3){ vertical-align:top; display:table-cell }
.News-Details >div >div >div >div:nth-child(3) >div{ height:230px; margin-bottom:17px; background:50% no-repeat; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; display:block }
.News-Details-More{ margin-top:-15px }


.North-Registered >div:first-child{ height:100px; border-top:1px solid #000; background:#3D3C65 }
.North-Registered >div:first-child >div{ width:100%; max-width:900px; color:#FFF; margin:auto; text-align:left }
.North-Registered >div:first-child >div >div:first-child{ height:35px; padding-top:5px; text-align:right }
.North-Registered >div:first-child >div >div:first-child >a:first-child{ background:url(../../img/frontend/acc-1.gif) 0 2px no-repeat; padding:2px 0 2px 25px; color:#FFF; text-decoration:none; display:inline-block }
.North-Registered >div:first-child >div >div:first-child >a:last-child{ background:url(../../img/frontend/acc-2.gif) 0 2px no-repeat; margin-left:30px; padding:2px 0 2px 35px; color:#FFF; text-decoration:none; display:inline-block }
.North-Registered >div:first-child >div >div:last-child{ background:url(../../img/frontend/star-4.gif) 0 2px no-repeat; padding-left:55px; font-family:'OpenSans-Bold'; font-size:30px }
.North-Registered >div:last-child{ width:-moz-calc(100% - 40px); width:-webkit-calc(100% - 40px); width:-o-calc(100% - 40px); width:calc(100% - 40px); max-width:847px; padding:50px 20px 0 20px; margin:auto; text-align:left }
.North-Registered >div:last-child >div >div:first-child{ margin:11px 0; font-size:25px; font-family:'OpenSans-SemiBold' }
.North-Registered >div:last-child >div >div:last-child{ width:100%; cursor:pointer; display:table }
.North-Registered >div:last-child >div >div:last-child >div{ display:table-row }
.North-Registered >div:last-child >div >div:last-child >div >div:first-child{ width:110px; vertical-align:top; display:table-cell }
.North-Registered >div:last-child >div >div:last-child >div >div:first-child div{ width:100px; height:100px; background:center center no-repeat; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover }
.North-Registered >div:last-child >div >div:last-child >div >div:last-child{ vertical-align:middle; display:table-cell }
.North-Registered >div:last-child >div >div:last-child >div >div:last-child >div:first-child{ width:27px; margin:-6px 0 0 710px; font-size:11px; line-height:13px; cursor:pointer; position:absolute }
.North-Registered >div:last-child >div >div:last-child >div >div:last-child >div:first-child div{ width:7px; height:19px; padding:5px 10px 0 10px; background: #3E3C66; color:#FFF; border-radius:5px; margin-top:7px }
.North-Registered >div:last-child >div >div:last-child >div >div:last-child >div:last-child{ padding:3px 10px }
.North-Registered >div:last-child >div >div:last-child >div >div:last-child >div:last-child >div:nth-child(1){ color:#B75B64 }
.North-Registered >div:last-child >div >div:last-child >div >div:last-child >div:last-child >div:nth-child(2){ font-family:'OpenSans-SemiBold'; font-size:20px; margin-top:3px }
.North-Registered >div:last-child >div >div:last-child >div >div:last-child >div:last-child >div:nth-child(3){ margin-top:3px }

.North-Registered-NoData{ text-align:center; padding:200px 0; color:#3D3C65; font-family:'OpenSans-Bold'; font-size:30px; display:none }


.Account >div{ width:100%; padding-bottom:200px; display:table }
.Account >div form{ width:300px; vertical-align:top; display:table-cell }
.Account >div >div{ min-width:30px; display:table-cell }
.Account >div form h1,
.Account >div form h2{ padding:0; margin:0 0 15px 0; font-weight:normal; font-family:'OpenSans-SemiBold'; font-size:23px }
.Account >div form p{ border:1px solid #F00; background:#FFE8E8; padding:5px 8px; margin:0; font-size:13px; display:none }
.Account >div form p.Validate{ border:1px solid #090; background:#E9FFE1 }
.Account >div form >div{ margin-top:10px; font-family:'OpenSans-SemiBold' }
.Account >div form input{ width:-moz-calc(100% - 22px); width:-webkit-calc(100% - 22px); width:-o-calc(100% - 22px); width:calc(100% - 22px); border:1px solid #A0A0A0; background:#FFF; color:#333; padding:6px 10px; margin-top:2px }
.Account >div form span{ padding:6px 20px; color:#FFF; background:#298FAB; border-radius:10px; cursor:pointer }


.North-Unregistered{ padding:20px }
.North-Unregistered >div{ width:100%; max-width:900px; margin:auto; text-align:left }
.North-Unregistered >div >div:nth-child(1){ text-align:center; line-height:50px; margin-top:10px; font-family:'OpenSans-Bold'; font-size:45px }
.North-Unregistered >div >div:nth-child(2){ margin:20px 0 30px 0; line-height:23px }
.North-Unregistered >div >div:nth-child(3){ width:100%; padding-bottom:200px; display:table }
.North-Unregistered >div >div:nth-child(3) form{ width:300px; vertical-align:top; display:table-cell }
.North-Unregistered >div >div:nth-child(3) form >p{ border:1px solid #F00; background:#FFE8E8; padding:5px 8px; margin:0; font-size:13px; display:none }
.North-Unregistered >div >div:nth-child(3) form >p.Validate{ border:1px solid #090; background:#E9FFE1 }
.North-Unregistered >div >div:nth-child(3) form >em{ width:100%; height:0px; font-style:normal; text-align:right; margin-top:-22px; position:relative; display:block }
.North-Unregistered >div >div:nth-child(3) form >em a{ color:#000; text-decoration:none; display:inline-block }
.North-Unregistered >div >div:nth-child(3) form >em a:hover{ text-decoration:underline }
.North-Unregistered >div >div:nth-child(3) form .Forgot{ margin-top:70px; display:none }
.North-Unregistered >div >div:nth-child(3) form .Forgot >p{ border:1px solid #F00; background:#FFE8E8; padding:5px 8px; margin:0; font-size:13px; display:none }
.North-Unregistered >div >div:nth-child(3) form .Forgot >p.Validate{ border:1px solid #090; background:#E9FFE1 }
.North-Unregistered >div >div:nth-child(3) >div{ min-width:30px; display:table-cell }
.North-Unregistered >div >div:nth-child(3) h1,
.North-Unregistered >div >div:nth-child(3) h2,
.North-Unregistered >div >div:nth-child(3) h3{ padding:0; margin:0 0 15px 0; font-weight:normal; font-family:'OpenSans-SemiBold'; font-size:23px }
.North-Unregistered >div >div:nth-child(3) form div{ margin-top:10px; font-family:'OpenSans-SemiBold' }
.North-Unregistered >div >div:nth-child(3) form span{ padding:6px 20px; color:#FFF; background:#298FAB; border-radius:10px; cursor:pointer }
.North-Unregistered >div >div:nth-child(3) form input{ width:-moz-calc(100% - 22px); width:-webkit-calc(100% - 22px); width:-o-calc(100% - 22px); width:calc(100% - 22px); border:1px solid #A0A0A0; background:#FFF; color:#333; padding:6px 10px; margin-top:2px }


.North-Validate{ padding:20px }
.North-Validate >div{ width:100%; max-width:900px; margin:auto; text-align:left }
.North-Validate >div >div:nth-child(1){ text-align:center; line-height:50px; margin-top:10px; font-family:'OpenSans-Bold'; font-size:45px }
.North-Validate >div >div:nth-child(2){ margin:50px 0 30px 0; line-height:23px; text-align:center }
.North-Validate form{ width:300px; margin:auto }
.North-Validate form >p{ border:1px solid #F00; background:#FFE8E8; padding:5px 8px; margin:0; font-size:13px; display:none }
.North-Validate form >p.Validate{ border:1px solid #090; background:#E9FFE1 }
.North-Validate form div{ margin-top:10px; font-family:'OpenSans-SemiBold' }
.North-Validate form span{ padding:6px 20px; color:#FFF; background:#298FAB; border-radius:10px; cursor:pointer }
.North-Validate form input{ width:-moz-calc(100% - 22px); width:-webkit-calc(100% - 22px); width:-o-calc(100% - 22px); width:calc(100% - 22px); border:1px solid #A0A0A0; background:#FFF; color:#333; padding:6px 10px; margin-top:2px }


.Infos{ padding:20px }
.Infos >div{ width:100%; max-width: 1100px; margin:auto; text-align:left }
.Infos h1{ padding:10px 0; margin:0 0 10px 0; font-family:'OpenSans-Bold'; color:#3D3C65; font-size:45px; font-weight:normal; display:block; text-align:center }
.Infos >div >div{ margin:50px 0 30px 0 }
.Infos >div >div >a{ padding:10px 0 10px 0; font-family:'OpenSans-Regular'; color:#3D3C65; font-size:24pt; line-height:22px; text-decoration:none; display:inline-block }
.Infos >div >div >a:hover{ color:#F18700 }
.Infos >div >div >div{ padding:17px 0 0 0; line-height:25px; display:none }

.Artist >div{ width:100%; max-width:1200px; margin:auto; text-align:center }
.Artist >div .Title{ margin:50px auto 30px auto; display:table }
.Artist >div .Title >div:first-child{ vertical-align:middle; display:table-cell }
.Artist >div .Title >div:last-child{ font-family:'OpenSans-Bold'; color:#3D3C65; font-size:40px; font-weight:normal; margin:auto; vertical-align:middle; display:table-cell }
.Artist >div .Title img{ margin-right:15px }
.Artist >div .Content{ margin:auto; text-align:left }
.Artist >div .Content a{ width:240px; height:200px; vertical-align:bottom; background-size:cover; text-decoration:none; background-position:50%; display: inline-block }
.Artist >div .Content a >div{ width:100%; height:100%; display:table }
.Artist >div .Content a >div >div{ width:100%; height:100%; vertical-align:bottom; display:table-cell }
.Artist >div .Content a span{ text-align:left; padding:15px 13px 10px 13px; background:rgba(255, 255, 255, 0.8); font-family:'OpenSans-Bold'; font-size:15px; color:#000; display:block }

.ArtistDetails{ width:100%; max-width:1060px; margin:100px auto; display:table }
.ArtistDetails >div{ width:50%; vertical-align:top; display:table-cell }
.ArtistDetails >div:nth-of-type(2){ width:25px; min-width:25px }
.ArtistDetails h1{ font-family: 'OpenSans-SemiBold'; padding:0; margin:0 0 15px 0; font-weight:normal; font-size:35px }
.ArtistDetails h2{ font-family: 'OpenSans-SemiBold'; padding:0; margin:0 0 15px 0; font-size:20px }
.ArtistDetails >div >div:first-child >div{ padding-right:30px }
.ArtistDetails >div >div:first-child .Text{ margin-bottom:30px; font-size:16px }
.ArtistDetails >div >div:first-child .Social{ margin-top:60px }
.ArtistDetails >div >div:first-child .Social a{ margin-right:20px; display:inline-block }
.ArtistDetails >div:last-child >div{ margin-bottom:30px }

.Activity >div{ width:100%; max-width:1200px; margin:auto; text-align:center }
.Activity >div .Title{ margin:50px auto 30px auto; display:table }
.Activity >div .Title >div:first-child{ vertical-align:middle; display:table-cell }
.Activity >div .Title >div:last-child{ font-family:'OpenSans-Bold'; color:#3D3C65; font-size:40px; font-weight:normal; margin:auto; vertical-align:middle; display:table-cell }
.Activity >div .Title img{ margin-right:15px }
.Activity >div .Content{ margin:auto; text-align:left }
.Activity >div .Content a{ width:240px; height:200px; vertical-align:bottom; background-size:cover; text-decoration:none; background-position:50%; display: inline-block }
.Activity >div .Content a >div{ width:100%; height:100%; display:table }
.Activity >div .Content a >div >div{ width:100%; height:100%; vertical-align:bottom; display:table-cell }
.Activity >div .Content a span{ text-align:left; padding:15px 13px 10px 13px; background:rgba(255, 255, 255, 0.8); font-family:'OpenSans-Bold'; font-size:15px; color:#000; display:block }


.Gallery{ width:100%; max-width:1200px; margin:auto; text-align:left }
.Gallery >div{ margin-top:50px }
.Gallery span{ padding:10px 0; margin:0 0 10px 0; font-family:'OpenSans-Bold'; color:#3D3C65; font-size:45px; font-weight:normal; display:block }
.Gallery >div >div >div{ width:290px; height:250px; margin:5px; vertical-align:bottom; background-size:cover; background-position:50%; cursor:pointer; display:inline-block }


.Program{ padding:20px }
.Program >div{ width:100%; max-width:810px; margin:auto; text-align:left }
.Program .Header{ padding-top:10px }
.Program .Header h1{ padding:0; margin:0; font-family:'OpenSans-Bold'; color:#3D3C65; font-size:45px; font-weight:normal }
.Program .Header h1 p{ padding:4px 0; margin:-5px 0 0 0; font-family:'OpenSans-Regular'; font-size:13px; display:block }
.Program .Header span{ margin-top:5px; display:none }
.Program .Header span >a{ color:#000; font-size:13px; text-decoration:underline }
.Program .Header span >a:hover{ text-decoration:none }
.Program .Header >div:nth-child(2){ background:#FFF; height:23px; padding:10px 0; font-family:'OpenSans-SemiBold'; font-size:14px }
.Program .Header >div:nth-child(2) >div{ display:inline-block; margin-right:15px; float:left; cursor:pointer }
.Program .Header >div:nth-child(2) >div:hover{ text-decoration:underline }
.Program .Header >div:nth-child(2) >div:first-child{ cursor:auto }
.Program .Header >div:nth-child(2) >div:first-child:hover{ text-decoration:none }
.Program .Header >div:nth-child(2) >div.Active{ text-decoration:underline }
.Program .Header >div:nth-child(2) >div.Active:hover{ text-decoration:underline }
.Program .Header >div:nth-child(2) >div:last-child{ background:url(../../img/frontend/star-1.gif) top right no-repeat; background-size:19px; padding-right:24px; display:none }
.Program .Header >div:nth-child(3){ background:#FFF; padding-top:2px; font-size:14px; color:#298FAB; display:none }
.Program .Header >div:nth-child(3) >div{ background:#FFF; display:none }
.Program .Header >div:nth-child(3) >div >div{ margin-bottom:8px; display:inline-block; margin-right:20px; background:url(../../img/frontend/checkbox-1.gif) 0 1px no-repeat; padding-left:23px; margin-left:10px; cursor:pointer }
.Program .Header >div:nth-child(3) >div >div.Active{ background-image:url(../../img/frontend/checkbox-2.gif) }


.Program .Content{ margin-top:10px }
.Program .Content >div{ width:100%; margin-bottom:10px; display:table }
.Program .Content >div >div{ display:none }
.Program .Content >div >div:first-child{ cursor:pointer; display:table-row }
.Program .Content >div >div:first-child >div:first-child{ width:44px; height:41px; -webkit-transition:0.2s; transition:0.2s; background:url(../../img/frontend/plus-tranzparent.gif) no-repeat; display:table-cell }
.Program .Content >div >div:first-child >div.Active{ background-image:url(../../img/frontend/minus-tranzparent.gif) }
.Program .Content >div >div:first-child >div:last-child{ background:#3b3b63; vertical-align:middle; font-family:'OpenSans-SemiBold'; font-size:25px; color:#FFF; display:table-cell }
.Program .Content >div >div:first-child >div:last-child span{ margin-left:-4px; display:inline-block }
.Program .Content >div >div:last-child >div:first-child{ display:table-cell }
.Program .Content >div >div:last-child >div:last-child{ vertical-align:middle; display:table-cell }
.Program .Content >div >div:last-child >div:last-child >div{ width:100%; margin-top:5px; cursor:pointer; display:table }
.Program .Content >div >div:last-child >div:last-child >div >div:first-child{ width:100px; min-height:100px; background:50% 50% no-repeat; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; display:table-cell }
.Program .Content >div >div:last-child >div:last-child >div >div:last-child{ vertical-align:top; background:#FFF; display:table-cell }
.Program .Content >div >div:last-child >div:last-child >div >div:last-child >div:first-child{ width:82px; padding:5px 10px 5px 0; margin-top:3px; font-family:'OpenSans-SemiBold'; font-size:11px; line-height:13px; background:url(../../img/frontend/star-2.gif) right no-repeat; cursor:pointer; position:absolute; display:none }
.Program .Content >div >div:last-child >div:last-child >div >div:last-child >div:first-child.Active{ background-image:url(../../img/frontend/star-1.gif) }
.Program .Content >div >div:last-child >div:last-child >div >div:last-child >div:first-child.Empty{ width:30px; height:30px; padding:0; margin-top:6px }
.Program .Content >div >div:last-child >div:last-child >div >div:last-child >div:first-child:hover{ color:#999 }
.Program .Content >div >div:last-child >div:last-child >div >div:last-child >div:last-child{ padding:6px 10px }
.Program .Content >div >div:last-child >div:last-child >div >div:last-child >div:last-child >div:nth-child(1){ color:#B75B64 }
.Program .Content >div >div:last-child >div:last-child >div >div:last-child >div:last-child >div:nth-child(2){ font-family:'OpenSans-SemiBold'; font-size:20px; margin-top:3px }
.Program .Content >div >div:last-child >div:last-child >div >div:last-child >div:last-child >div:nth-child(3){ width:auto; margin-top:3px }
.Program .NotFound{ padding:50px; font-family:'OpenSans-Bold'; font-size:20px; color:#FFF; text-align:center; display:none }


@media only screen and (max-width: 1216px)
{
	.Artist >div .Content a,
	.Activity >div .Content a{ width:25% }
	.Gallery >div >div >div{ width:-moz-calc(25% - 10px) !important; width:-webkit-calc(25% - 10px) !important; width:-o-calc(25% - 10px) !important; width:calc(25% - 10px) !important }
	.ArtistDetails{ width:-moz-calc(100% - 50px) !important; width:-webkit-calc(100% - 50px) !important; width:-o-calc(100% - 50px) !important; width:calc(100% - 50px) !important; padding: 0 25px }

	footer .Links{ padding:0 20px; text-align:center; display:block }
	footer .Links >div{ display:inline-block }
	footer .Links >div:first-child{ padding-bottom:10px; display:block }
	footer .Links a{ margin:10px }



}
@media only screen and (max-width: 1000px)
{
	.Half_Overlay >div{ width:600px }
	.Half_Overlay >div >.More >.Gallery .Vid{ width:257px; height:150px }
	.Artist >div .Content a,
	.Activity >div .Content a{ width:-moz-calc(33% + 3px) !important; width:-webkit-calc(33% + 3px) !important; width:-o-calc(33% + 3px) !important; width:calc(33% + 3px) !important }	
	.Gallery >div >div >div{ height:200px }
	
}
@media only screen and (max-width: 913px)
{
	.Artist >div .Content a,
	.Activity >div .Content a{ width:-moz-calc(33% + 2px) !important; width:-webkit-calc(33% + 2px) !important; width:-o-calc(33% + 2px) !important; width:calc(33% + 2px) !important }
	.Gallery >div >div >div{ width:-moz-calc(33% - 10px) !important; width:-webkit-calc(33% - 10px) !important; width:-o-calc(33% - 10px) !important; width:calc(33% - 10px) !important }
	.ArtistDetails{ margin-top:30px; display:block !important  }
	.ArtistDetails >div,
	.ArtistDetails >div >div{ width:100%; display:block !important }
	.ArtistDetails .Social{ margin:20px 0 10px 0 !important  }
}
@media only screen and (max-width: 1105px)
{
	header >div >div:first-child{ width:100%; display:block }
	header >div >div:last-child{ width:0px; display:none }
	header >div >div:nth-child(2) img{ margin:0 10px 0 0 }
	.Archive.DropDown{ display:table }
	.Archive.Teaser{ margin-top:76px }
}
@media only screen and (max-width: 900px)
{
	.Teaser,
	.Teaser >div{ height:400px }
}
@media only screen and (max-width: 850px)
{
	.News-Details >div >div >div >div:nth-child(3) >div	{ height:190px }
	.Half_Overlay >div >.Close{ margin:0px 0 0 -58px }

}
@media only screen and (max-width: 750px)
{
	.Half_Overlay >div{ width:450px }
	.Half_Overlay >div >.More >.Gallery .Vid{ width:372px; height:200px }
	.Half_Overlay >div >.More >.Spr_2 img{ width:100px }
	.News-Details >div >div >div >div:nth-child(3) >div	{ height:155px }
	.Tickets >div .Tiling >div >.Cell >div >a.Title{ font-size:22px }
}

@media only screen and (max-width: 700px)
{
	.Artist >div .Content a,
	.Activity >div .Content a{ width:50% !important }
	.Tickets >div:last-child{ padding:0 !important }
	.Tickets >div .Tiling{ display:block !important }
	.Tickets >div .Tiling >div{ display:block !important }
	.Tickets >div .Tiling .Cell{ width:100% !important; display:block !important }
	.Tickets >div .Tiling .Cell a:first-child{ height:285px !important }
	.Tickets >div >h1{ margin-top:20px; font-size:25px}
}

@media only screen and (max-width: 650px)
{
	.Gallery >div >div >div{ width:-moz-calc(50% - 10px) !important; width:-webkit-calc(50% - 10px) !important; width:-o-calc(50% - 10px) !important; width:calc(50% - 10px) !important }
	.Accommodation >div .Tiling,
	.Accommodation >div .Tiling >div{ width:100%; display:block }
}

@media only screen and (max-width: 600px)
{
	.Home,
	.Contact,
	.Imprint,
	.Press,
	.News,
	.News-Details,
	.North-Unregistered,
	.North-Validate,
	.Infos,
	.Program,
	.North-Registered >div:last-child{ padding:5px !important }
	.News-Details >div >div:first-child{ padding:0 }
	.News-Details >div >div >div{ display:block !important }
	.News-Details >div >div >div >div{ width:100% !important; display:block !important }
	.News-Details >div >div >div >div:nth-child(1) >div{ margin-bottom:20px }
	.News-Details >div >div >div >div:nth-child(3) >div{ height:320px }
	.News-Details >div >div:last-child{ margin-top:40px }
	.News-Details-More{ margin-top:-40px }
	.News >div >div{ display:block !important }
	.News >div >div >div{ width:100% !important; display:block !important }
	.News >div >div >div >div{ width:100% !important; display:block !important }
	.News >div >div >div >.Cell >div >a.Teaser{ height:320px }
	.Program .Content >div >div:last-child  >div:last-child >div >div:last-child >div:last-child >div:nth-child(1),
	.Program .Content >div >div:last-child  >div:last-child >div >div:last-child >div:last-child >div:nth-child(2),
	.Program .Content >div >div:last-child  >div:last-child >div >div:last-child >div:last-child >div:nth-child(3){ padding-right:30px }
	.Program .Content >div >div:first-child >div:first-child,
	.Program .Content >div >div:last-child  >div:first-child{ display:none }
	.Program .Content >div >div:first-child >div:last-child{ font-size:19px }
	.Program .Content >div >div:first-child >div:last-child span{ padding:3px 0; font-size:19px; margin-left:10px; cursor:default }
	.Program .Content >div >div:last-child >div:last-child >div:last-child{ height:5px !important  }
	.Program .Content >div >div:last-child  >div:last-child >div >div:last-child >div:last-child >div:nth-child(1){ font-size:13px }
	.Program .Content >div >div:last-child  >div:last-child >div >div:last-child >div:last-child >div:nth-child(2){  font-size:15px; margin-top:0 }
	.Program .Content >div >div:last-child  >div:last-child >div >div:last-child >div:last-child >div:nth-child(3){  font-size:13px; margin-top:0 }
	.North-Registered >div:first-child >div >div:last-child{ font-size:19px; margin-left: 10px; padding:8px 0 10px 49px }
	.North-Registered >div:last-child{ padding:0; margin:0 }
	.North-Registered >div:first-child >div >div:first-child >a:last-child{ margin-right:20px }
	.News-Details >div >div >div >div:nth-child(1) h1{ margin-top:20px; font-size:25px}
	.News >div >h1{ font-size:25px }
	.Activity >div .Title img,
	.Artist >div .Title img{ margin:0 }
	.Activity >div .Title,
	.Artist >div .Title{ margin:15px auto 10px auto }
	.Activity >div .Title >div:last-child,
	.Artist >div .Title >div:last-child{ font-size:30px }
	footer .Logos >div:last-child >div a{ margin:0 10px 20px 10px }
	.Infos >div >h1{ font-size:30px }
	.Infos >div >div >div{ padding:17px 0 10px 0 }
	.Account,
	.Account >div,
	.Account >div form{ width:-moz-calc(100% - 5px) !important; width:-webkit-calc(100% - 5px) !important; width:-o-calc(100% - 5px) !important; width:calc(100% - 5px) !important; padding:0 !important; display:block !important }
	.Account >div form{ margin:20px 5px 0 5px }
	.Account >div form:last-child{ margin-top:33px }
	.North-Unregistered >div >div:nth-child(1){ line-height:30px; margin-top:10px; font-size:25px }
	.Program .Header h1{ font-size: 25px }
	.North-Unregistered >div >div:nth-child(3){ padding-bottom:30px }
	.North-Unregistered >div >div:nth-child(3),
	.North-Unregistered >div >div:nth-child(3) form,
	.North-Unregistered >div >div:nth-child(3) div{ width:100%; display:block }
	.North-Unregistered >div >div:nth-child(3) form:last-child{ margin-top:33px }
	.North-Unregistered >div >div:nth-child(3) form .Forgot{ display:none }
	.Half_Overlay >div >.Close{ margin:0px 0 0 -58px }
	.Half_Overlay >div{ width:-moz-calc(100% - 58px) !important; width:-webkit-calc(100% - 58px) !important; width:-o-calc(100% - 58px) !important; width:calc(100% - 58px) !important }
	.Half_Overlay >div >.Social{ height:70px }
	.Contact >:first-child span,
	.Imprint >:first-child span{ font-size:25px !important }
	.Tickets .Ticket-Info{ width:100% !important; margin:0 !important; display:block !important }
	.Tickets .Ticket-Info >div{ width:-moz-calc(50% - 5px) !important; width:-webkit-calc(50% - 5px) !important; width:-o-calc(50% - 5px) !important; width:calc(50% - 5px) !important; display:inline-block !important; margin-bottom:5px; float:left; }
	.Tickets .Ticket-Info >div:first-child{ width:100% !important; display:block !important; float:none }
	.Tickets .Ticket-Info >div:first-child img{ width:auto; margin-bottom:10px }
	.Tickets .Ticket-Info::after{ width:100% !important; height:10px !important; content:'.'; clear:none !important; color:transparent }
	.Tickets .Ticket-Info >div:nth-child(even){ margin-right:5px }
	.Tickets .Ticket-Info >div:nth-child(odd){ margin-left:5px }
	.Program .Header h1 p{ margin-top:1px; font-size:11px }
	.Program .Header h1 p img{ height:11px }
}
@media only screen and (max-width: 550px)
{
	.Half_Overlay >div{ width:400px }
	.Half_Overlay >div >.More >.Gallery .Vid{ width:321px; height:170px }
	.Half_Overlay >div >.More >.Video{ padding:0 30px }
	.Half_Overlay >div >.More >.Video iframe{ height:150px }
	
}
@media only screen and (max-width: 500px)
{
	.Half_Overlay >div{ width:80% }
	.Half_Overlay >div >.More >.Video{ padding:0 20px }
	.Half_Overlay >div >.More >.Video iframe{ height:160px }
	.Half_Overlay >div >.More >.Gallery{ padding-right:20px }
	.Half_Overlay >div >.More >.Gallery .Vid{ width:100%; margin-left:0; height:130px }
	.Teaser,
	.Teaser >div{ height:300px }
	.Infos >div >div >div{ padding-left:0 }
	.Tickets >div .Tiling .Cell a:first-child{ height:255px !important }
}
@media only screen and (max-width: 480px)
{
	.Half_Overlay >div >.More >.Video{ margin-top:-15px }
	.Half_Overlay >div >.Copyright,
	.Half_Overlay >div >.Name,
	.Half_Overlay >div >.Title,
	.Half_Overlay >div >.Text{ padding:0 20px }
	.Half_Overlay >div >.Date{ margin:0 0 20px 20px }
	.Half_Overlay >div >.More >.Gallery{ margin:10px 0 0 20px }
	.Half_Overlay >div >.More >.Spr_2 >div{ border-spacing:0; margin-right:15px; display:block }
	.Half_Overlay >div >.More >.Spr_2 >div a{ display:block }
	.Half_Overlay >div >.More >.Spr_2 >div img{ width:100%; margin:10px 0 0 0 }
	.News-Details >div >div >div >div:nth-child(3) >div,
	.News >div >div >div >.Cell >div >a.Teaser{ height:200px }
}
@media only screen and (max-width: 450px)
{
	.Activity >div .Content a,
	.Artist >div .Content a{ width:100% !important; height:250px !important }
	.Activity >div .Content span,
	.Gallery >div >div >div{ width:-moz-calc(100% - 10px) !important; width:-webkit-calc(100% - 10px) !important; width:-o-calc(100% - 10px) !important; width:calc(100% - 10px) !important; margin-bottom:0 }
}

@media only screen and (max-width: 320px)
{
	header >div >div:nth-child(2){ text-align:right }
	header >div >div:nth-child(2) img{ margin:0 }
	.Teaser,
	.Teaser >div{ height:200px }
	.Tickets >div .Tiling .Cell a:first-child{ height:200px !important }
}