/* GENERAL **********************************************************************************************************/ html { -webkit-text-size-adjust: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-hyphens: manual; -ms-hyphens: manual; hyphens: manual; } body { background-color: #FFFFFF; margin: 0px; padding: 0px; } /* TYPE ************************************************************************************************************/ .textBig { font-family: Swiss721BT-Bold, Helvetica, Arial, sans-serif; font-weight: 700; font-style: normal; font-size: 120px; color: #000000; letter-spacing: -0.012em; line-height: 124px; text-transform: uppercase; font-kerning: normal; } /* Kerning for Number */ .textBig0 { font-family: Swiss721BT-Bold, Helvetica, Arial, sans-serif; font-weight: 700; font-style: normal; font-size: 120px; color: #000000; letter-spacing: 0; line-height: 124px; text-transform: uppercase; font-kerning: normal; } .textBig1 { font-family: Swiss721BT-Bold, Helvetica, Arial, sans-serif; font-weight: 700; font-style: normal; font-size: 120px; color: #000000; letter-spacing: -0.05em; line-height: 124px; text-transform: uppercase; font-kerning: normal; } .textBig2 { font-family: Swiss721BT-Bold, Helvetica, Arial, sans-serif; font-weight: 700; font-style: normal; font-size: 120px; color: #000000; letter-spacing: 0.05em; line-height: 124px; text-transform: uppercase; font-kerning: normal; } .textBig3 { font-family: Swiss721BT-Bold, Helvetica, Arial, sans-serif; font-weight: 700; font-style: normal; font-size: 120px; color: #000000; letter-spacing: 0.02em; line-height: 124px; text-transform: uppercase; font-kerning: normal; } .textBigW { font-family: Swiss721BT-Bold, Helvetica, Arial, sans-serif; font-weight: 700; font-style: normal; font-size: 120px; color: #FFFFFF; letter-spacing: -0.012em; line-height: 124px; text-transform: uppercase; font-kerning: normal; } .textSubheadline { font-family: Swiss721BT-Bold, Helvetica, Arial, sans-serif; font-weight: 700; font-style: normal; font-size: 28px; color: #000000; letter-spacing: 0.2; line-height: 37px; text-transform: uppercase; font-kerning: normal; } .textMedium { font-family: Swiss721BT-Bold, Helvetica, Arial, sans-serif; font-weight: 700; font-style: normal; font-size: 75px; color: #000000; letter-spacing: 0; line-height: 80px; text-transform: uppercase; font-kerning: normal; } .textMediumW { font-family: Swiss721BT-Bold, Helvetica, Arial, sans-serif; font-weight: 700; font-style: normal; font-size: 75px; color: #FFFFFF; letter-spacing: 0; line-height: 80px; text-transform: uppercase; font-kerning: normal; } .textName { font-family: Swiss721BT-Bold, Helvetica, Arial, sans-serif; font-weight: 700; font-style: normal; font-size: 60px; color: #000000; letter-spacing: 0; line-height: 61px; text-transform: uppercase; font-kerning: normal; } .textSmall { font-family: Swiss721BT-Bold, Helvetica, Arial, sans-serif; font-weight: 700; font-style: normal; font-size: 14px; color: #000000; letter-spacing: .2; line-height: 18px; text-transform: uppercase; } .textSmallmix { font-family: Swiss721BT-Bold, Helvetica, Arial, sans-serif; font-weight: 700; font-style: normal; font-size: 14px; color: #000000; letter-spacing: .2; line-height: 18px; } .textSmallW { font-family: Swiss721BT-Bold, Helvetica, Arial, sans-serif; font-weight: 700; font-style: normal; font-size: 14px; color: #FFFFFF; letter-spacing: normal; line-height: 18px; text-transform: uppercase; } /* Type Italic */ .textItalic { font-family: "Georgia", serif; font-size: 22px; font-weight: normal; color: #000000; letter-spacing: 0.01em; line-height: 33px; font-variant: normal; font-style: italic; text-transform: none; } .textItalicW { font-family: "Georgia", serif; font-size: 22px; font-weight: normal; color: #FFFFFF; letter-spacing: 0.01em; line-height: 33px; font-variant: normal; font-style: italic; text-transform: none; } .textItalicSmall { font-family: "Georgia", serif; font-size: 13px; font-weight: normal; color: #000000; letter-spacing: 0.01em; line-height: 18px; font-variant: normal; font-style: italic; text-transform: none; } .textItalicSmallW { font-family: "Georgia", serif; font-size: 13px; font-weight: normal; color: #FFFFFF; letter-spacing: 0.01em; line-height: 18px; font-variant: normal; font-style: italic; text-transform: none; } .textItalicMedium { font-family: "Georgia", serif; font-size: 14px; font-weight: normal; color: #000000; letter-spacing: 0.005em; line-height: 21px; font-variant: normal; font-style: italic; text-transform: none; } .textItalicMediumW { font-family: "Georgia", serif; font-size: 14px; font-weight: normal; color: #FFFFFF; letter-spacing: 0.005em; line-height: 21px; font-variant: normal; font-style: italic; text-transform: none; } .textItalicBig { margin-top: 0px; font-family: "Georgia", serif; font-size: 34px; font-weight: normal; color: #000000; letter-spacing: 0.01em; line-height: 47px; font-variant: normal; font-style: italic; text-transform: none; } .textItalicBigW { font-family: "Georgia", serif; font-size: 34px; font-weight: normal; color: #FFFFFF; letter-spacing: 0.01em; line-height: 47px; font-variant: normal; font-style: italic; text-transform: none; } .textItalicBigSpace { margin-top: 0px; font-family: "Georgia", serif; font-size: 34px; font-weight: normal; color: #000000; letter-spacing: 0.01em; line-height: 51px; font-variant: normal; font-style: italic; text-transform: none; } .textItalicBigSpaceW { font-family: "Georgia", serif; font-size: 34px; font-weight: normal; color: #FFFFFF; letter-spacing: 0.01em; line-height: 51px; font-variant: normal; font-style: italic; text-transform: none; } .textInterviewQ { font-family: "Georgia", serif; font-size: 22px; font-weight: normal; color: #000000; letter-spacing: 0.01em; line-height: 33px; font-variant: normal; font-style: italic; text-transform: none; } .textInterviewA { margin-top: 0px; font-family: "Georgia", serif; font-size: 32px;/*34*/ font-weight: normal; color: #000000; letter-spacing: 0.01em; line-height: 45px;/*48*/ font-variant: normal; font-style: italic; text-transform: none; } /* Link */ a.text:link { color: #000000;text-decoration: none;} a.text:visited { color: #000000; text-decoration: none; border-bottom: 1px solid #000000;} a.text:hover { color: #000000; text-decoration: none; border-bottom: 1px solid #000000;} a.text:active { color: #000000; text-decoration: none; border-bottom: 1px solid #000000;} /* Link underlined */ a.textactive:link { color: #000000;text-decoration: none; border-bottom: 1px solid #000000;} a.textactive:visited { color: #000000; text-decoration: none; border-bottom: 1px solid #000000;} a.textactive:hover { color: #000000; text-decoration: none; border-bottom: 1px solid #000000;} a.textactive:active { color: #000000; text-decoration: none; border-bottom: 1px solid #000000;} /* Link underlined white */ a.textactiveW:link { color: #FFFFFF;text-decoration: none; border-bottom: 1px solid #FFFFFF;} a.textactiveW:visited { color: #FFFFFF; text-decoration: none; border-bottom: 1px solid #FFFFFF;} a.textactiveW:hover { color: #FFFFFF; text-decoration: none; border-bottom: 1px solid #FFFFFF;} a.textactiveW:active { color: #FFFFFF; text-decoration: none; border-bottom: 1px solid #FFFFFF;} /* Header **********************************************************************************************/ /* Logo + Socialmedia */ #headercontainer { z-index:10; width: 100%; height: 70px; float:left; position:fixed; top:0px; background-color: #FFFFFF; border-bottom: 0.9px solid #A5A5A5; } #headerbox { width: 100%; overflow:hidden; height: 70px; margin: 0 auto; } #headerboxleft { width: 50%; height: 70px; float:left; } #headerboxright { width: 50%; height: 70px; float: right; } #logoelement { margin: 21 0 0 20; width: auto; height: 31px; float:left; } #socialelement { margin: 19 0 0 17; width: auto; height: 32px; float:right; } #socialelementend { margin: 19 20 0 17; width: auto; height: 32px; float:right; } /* Navigation */ #navcontainer { z-index:10; width: 100%; height: 50px; float:left; position:fixed; top:70px; background-color: #FFFFFF; border-bottom: 0.9px solid #A5A5A5; } #navbox { overflow:hidden; width: 100%; height: 50px; margin: 0 auto; } .navelement { padding: 17 0; float: left; } .navtextelement { font-family: Swiss721BT-Bold, Helvetica, Arial, sans-serif; font-weight: 700; font-style: normal; font-size: 13px; letter-spacing: .2; line-height: 15px; text-transform: uppercase; float: left; color: #000000; text-align: left; } .navtextelementaktiv { font-family: Swiss721BT-Bold, Helvetica, Arial, sans-serif; font-weight: 700; font-style: normal; font-size: 13px; letter-spacing: .2; line-height: 15px; text-transform: uppercase; float: left; color: #000000; text-align: left; border-bottom: 1px solid #000000; cursor: default; } #navelementdot { height: 50px; float:left; } #navelementspace1 { width: 20px; float:left; } #navelementspace2 { width: 17px; float:left; } #navelementspace3 { width: 13px; float:left; } /* Footer ***********************************************************************************************/ #footercontainer { width: 100%; height: 60px; float:left; background-color: #FFFFFF; border-top: 0.9px solid #A5A5A5; } #footerbox { width: 100%; height: 60px; margin: 0 auto; } #footerboxleft { width: 50%; height: 60px; float:left; } #footerboxright { width: 50%; height: 60px; float: left; } .footerelementleft1{ padding: 20 0 0 20; float: left; } .footerelementleft2{ padding: 20 0 0 17; float: left; } .footerelementright1 { padding: 20 20 0 0; float: right; } .footerelementright2 { padding: 20 17 0 ; float: right; } .footertextelement { font-family: Swiss721BT-Bold, Helvetica, Arial, sans-serif; font-weight: 700; font-style: normal; font-size: 13px; line-height: 15px; letter-spacing: .2; text-transform: uppercase; float: left; color: #000000; text-align: left; } .footertextelementaktiv { font-family: Swiss721BT-Bold, Helvetica, Arial, sans-serif; font-weight: 700; font-style: normal; font-size: 13px; line-height: 15px; letter-spacing: .2; text-transform: uppercase; float: left; color: #000000; text-align: left; border-bottom: 1px solid #000000; cursor: default; } /* CONTENT ***********************************************************************************************/ #container { width: 1300px; overflow:hidden; height: auto; margin: 0 auto; } #containerblack { width: 1300px; overflow:hidden; height: auto; margin: 0 auto; background-color: #000000; } #containerfull { width: 100%; overflow:hidden; height: auto; margin: 0 auto; } #containerfullblack { width: 100%; overflow:hidden; height: auto; margin: 0 auto; background-color: #000000; } #containerfullteaser { width: 100%; overflow:hidden; height: auto; margin: 0 auto; background-color: #F6F6F6; } #containerfulltitle { width: 100%; overflow:hidden; height: auto; margin: 0 auto; background-color: #000000; } #containerfullgrey { width: 100%; overflow:hidden; height: auto; margin: 0 auto; background-color: #e5e5e5; } #contentboxmargin { margin: 0 20 0 20; } /* 2 Columns */ * {box-sizing: border-box;} .column2a { float: left; width: 50%; padding: 0px 20px 0px 0px; } .column2b { float: left; width: 50%; padding: 0px 0px 0px 20px; } /* Clear floats after the columns */ .row2:after { content: ""; display: table; clear: both; } /* 3 Columns */ * {box-sizing: border-box;} .column3a { float: left; width: 33.33%; padding: 0px 20px 0px 0px; } .column3b { float: left; width: 33.33%; padding: 0px 10px 0px 10px; } .column3c { float: left; width: 33.33%; padding: 0px 0px 0px 20px; } /* Clear floats after the columns */ .row3:after { content: ""; display: table; clear: both; } /* Element Columns */ .columnelement { float: left; width: 33.33%; padding: 0px 15px 60px 15px; } #contentboxmarginelement { margin: 0 5 0 5; } /* Space */ #spacerbox_header { width: 1px; height: 120px; float:left; } #spacerbox_pics { width: 1px; height: 40px; float:left; } #spacerbox_xlarge { width: 1px; height: 60px; float:left; } #spacerbox_large { width: 1px; height: 45px; float:left; } #spacerbox_medium { width: 1px; height: 25px; float:left; } #spacerbox_small { width: 1px; height: 15px; float:left; } #spacerbox_xsmall { width: 1px; height: 1px; float:left; } /* Elements ***********************************************************************************************/ /* Lines */ .solidlineblack { margin: 0 0 0 0; width: 100%; height: 1px; float:left; border-bottom: 0.9px solid #A5A5A5; } .solidlineblacktop { margin: 0 0 0 0; width: 100%; height: 1px; float:left; border-top: 0.9px solid #A5A5A5; } /* Buttons */ .button1 { margin:0 auto; /*display: block;*/ width: auto; border: none; background-color: #000000; padding: 12px 16px; font-family: Swiss721BT-Bold, Helvetica, Arial, sans-serif; font-weight: 700; font-style: normal; font-size: 21px; letter-spacing: .2; text-transform: uppercase; color: #FFFFFF; cursor: pointer; text-align: center; } .button2 { margin:0 auto; width: auto; border: none; background-color: #FFFFFF; padding: 12px 16px; font-family: Swiss721BT-Bold, Helvetica, Arial, sans-serif; font-weight: 700; font-style: normal; font-size: 21px; letter-spacing: .2; text-transform: uppercase; color: #FFFFFF; cursor: pointer; text-align: center; } .button3outline { margin:0 auto; width: auto; padding: 12px 16px; font-family: Swiss721BT-Bold, Helvetica, Arial, sans-serif; font-weight: 700; font-style: normal; font-size: 21px; letter-spacing: .2; text-transform: uppercase; color: #FFFFFF; cursor: pointer; text-align: center; border: 1px solid #FFFFFF; } .button4outlineW { margin:0 auto; width: auto; padding: 12px 16px; font-family: Swiss721BT-Bold, Helvetica, Arial, sans-serif; font-weight: 700; font-style: normal; font-size: 21px; letter-spacing: .2; text-transform: uppercase; color: #000000; cursor: pointer; text-align: center; border: 1px solid #000000; } #buttoncenter { margin: 0 0 0 0; float:center; } #buttonleft { margin: 0 0 0 0; float:left; } #buttonright { margin: 0 0 0 0; float:right; } /* Links */ .button1:link { color: #FFFFFF;text-decoration: none;} .button1:visited { color: #FFFFFF; text-decoration: none;} .button1:hover { color: #BEBEBE; text-decoration: none;} .button1:active { color: #BEBEBE; text-decoration: none;} .button2:link { color: #000000;text-decoration: none;} .button2:visited { color: #000000; text-decoration: none;} .button2:hover { color: #9c9c9c; text-decoration: none;} .button2:active { color: #9c9c9c; text-decoration: none;} .button3outline:link { text-decoration: none;} .button3outline:visited { text-decoration: none;} .button3outline:hover { background-color: #FFFFFF;color: #000000; text-decoration: none;} .button3outline:active { background-color: #FFFFFF;color: #000000; text-decoration: none;} .button4outlineW:link { text-decoration: none;} .button4outlineW:visited { text-decoration: none;} .button4outlineW:hover { background-color: #000000;color: #FFFFFF; text-decoration: none;} .button4outlineW:active { background-color: #000000;color: #FFFFFF; text-decoration: none;} /* Backtotop */ #topelement { height: 40px; width: 40px; margin: 30 auto 35 auto; } /* Arrow Down */ .downelement { z-index:1; width: 40px; height: 40px; float:left; position:fixed; bottom: 8%; left: 50%; margin: 0 0 0 -20px; } /* Arrow Up */ .upelement { z-index:1; width: 40px; height: 40px; float:left; position:fixed; bottom: 8%; left: 50%; margin: 0 0 0 -20px; } /* Anchorpoint / fixed Space Header */ .position::before { display: block; content: ""; height: 119px; margin-top: -119px; visibility: hidden; } /* 2 Buttons */ .textModuletwoButtons { width: 565px; height: auto; margin: 0 auto; } /* Module */ .textModuleHl { font-family: Swiss721BT-Bold, Helvetica, Arial, sans-serif; font-weight: 700; font-style: normal; font-size: 72px; color: #000000; letter-spacing: -0.01em; line-height: 78px; text-transform: uppercase; font-kerning: normal; } .textModuleHlW { font-family: Swiss721BT-Bold, Helvetica, Arial, sans-serif; font-weight: 700; font-style: normal; font-size: 72px; color: #FFFFFF; letter-spacing: 0.015em; line-height: 78px; text-transform: uppercase; font-kerning: normal; } .textModuleSubW { font-family: Swiss721BT-Bold, Helvetica, Arial, sans-serif; font-weight: 700; font-style: normal; font-size: 23px; color: #FFFFFF; letter-spacing: 0.02em; line-height: 25px; text-transform: uppercase; } /* Modul Newsletter */ .textNewsModuleButton { width: 560px; height: auto; margin: 0 auto; } /* Modul Newsletter Unsubscribe */ .textNews2ModuleButton { width: 590px; height: auto; margin: 0 auto; } input[type=email] { width: 380px; padding: 12px 16px; color: #000000; background-color: #F6F6F6; border: 1px solid #000000; margin: 0px 0px 0px 0px; font-family: Swiss721BT-Bold, Helvetica, Arial, sans-serif; font-weight: 700; font-style: normal; font-size: 20px; letter-spacing: .2; text-transform: uppercase; -webkit-appearance: none; -webkit-border-radius:0; border-radius: 0; } input[type=text] { width: 380px; padding: 12px 16px; color: #000000; background-color: #F6F6F6; border: 1px solid #000000; margin: 0px 0px 0px 0px; font-family: Swiss721BT-Bold, Helvetica, Arial, sans-serif; font-weight: 700; font-style: normal; font-size: 20px; letter-spacing: .2; text-transform: uppercase; -webkit-appearance: none; -webkit-border-radius:0; border-radius: 0; } .button { width: auto; padding: 12px 16px; margin: 0 0 0 20; font-family: Swiss721BT-Bold, Helvetica, Arial, sans-serif; font-weight: 700; font-style: normal; font-size: 20px; letter-spacing: .2; text-transform: uppercase; cursor: pointer; text-align: center; background-color: #F6F6F6; color: #000000; border: 1px solid #000000; } .button:link { text-decoration: none;} .button:visited { text-decoration: none;} .button:hover { background-color: #000000;color: #FFFFFF; text-decoration: none;} .button:active { background-color: #000000;color: #FFFFFF; text-decoration: none;} /* Module Sponsors Homepage */ /* 2 Columns Sponsors */ * {box-sizing: border-box;} .columnSponsor2a { float: left; width: 85%; padding: 0px 20px 0px 0px; } .columnSponsor2b { float: right; width: 15%; padding: 0px 0px 0px 20px; } /* Clear floats after the columns */ .rowSponsor2:after { content: ""; display: table; clear: both; } #sponsorelement { width: auto; height: 70px; float:left; margin: 20 55 0 7; } #sponsorelementend { width: auto; height: 70px; float:left; margin: 20 0 0 7; } #sponsorelementbig { width: auto; height: 180px; float:right; margin: 20 7 0 0; } /* PartnerLogos */ /* 2 Columns partners */ * {box-sizing: border-box;} .column2Partnera { float: left; width: 83%; } .column2Partnerb { float: left; width: 17%; } /* neu*/ .column2Partner1 { float: left; width: 80%; } .column2Partner2 { float: left; width: 250; } .rowPartner2:after { content: ""; display: table; clear: both; } #partnerelement1 { width: auto; height: 100px; float:left; margin: 20 80 20 10; } #partnerelement1end { width: auto; height: 100px; float:left; margin: 20 0 20 10; } #partnerelement2 { width: auto; height: 95px; float:left; margin: 20 75 20 10; } #partnerelement2end { width: auto; height: 95px; float:left; margin: 20 0 20 10; } #partnerelement3 { width: auto; height: 95px; float:left; margin: 10 85 0 10; } #partnerelementbig { width: auto; height: 220px; float:right; margin: 10 0 0 0; } #partnerelementmcbw { width: auto; height: 200px; float:left; margin: 20 85 20 10; } /* Module Overview / Start News / Artists / Past Events */ .textOverview { font-family: Swiss721BT-Bold, Helvetica, Arial, sans-serif; font-weight: 700; font-style: normal; font-size: 28px; color: #000000; letter-spacing: 0.2; line-height: 32px; text-transform: uppercase; font-kerning: normal; } #spacerbox_overview { width: 1px; height: 24px; float:left; } /* PICS ***********************************************************************************************/ #P1pic { width: 100%; height: auto; float:left; } #P2pic70 { width: 70%; height: auto; margin:0 auto; } #P3pic85 { width: 85%; height: auto; margin:0 auto; } /* Pics New Size & Crop */ .P1picCover { } .P1picCoverFull { } .P1picCoverLarge { } .P1picCoverVideo { } /* Pic with Text - Overview */ .P1pictext { position: relative; width: 100%; height: auto; text-align: center; } /* One Line */ .textcentered { position: absolute; top: 43%; left: 50%; margin-right: -50%; transform: translate(-50%, 0); font-family: Swiss721BT-Bold, Helvetica, Arial, sans-serif; font-weight: 700; font-style: normal; font-size: 117px; font-kerning: normal; color: #FFFFFF; letter-spacing: -0.012em; line-height: 117px; text-transform: uppercase; } /* Kerning for Number */ .textcenteredNumber0 { font-family: Swiss721BT-Bold, Helvetica, Arial, sans-serif; font-weight: 700; font-style: normal; font-size: 117px; font-kerning: normal; color: #FFFFFF; letter-spacing: 0.01em; line-height: 117px; text-transform: uppercase; } .textcenteredNumber1 { font-family: Swiss721BT-Bold, Helvetica, Arial, sans-serif; font-weight: 700; font-style: normal; font-size: 117px; font-kerning: normal; color: #FFFFFF; letter-spacing: -0.06em; line-height: 117px; text-transform: uppercase; } /* Two Lines */ .textcentered2 { position: absolute; top: 34%; left: 50%; margin-right: -50%; transform: translate(-50%, 0); font-family: Swiss721BT-Bold, Helvetica, Arial, sans-serif; font-weight: 700; font-style: normal; font-size: 117px; font-kerning: normal; color: #FFFFFF; letter-spacing: 0; line-height: 121px; text-transform: uppercase; } /* Subline + Headline */ .textcenteredPlus { position: absolute; top: 47%; left: 50%; margin-right: -50%; transform: translate(-50%, 0); font-family: Swiss721BT-Bold, Helvetica, Arial, sans-serif; font-weight: 700; font-style: normal; font-size: 117px; font-kerning: normal; color: #FFFFFF; letter-spacing: 0; line-height: 122px; text-transform: uppercase; } .textcenteredPlusSmall { position: absolute; top: 37%; left: 50%; margin-right: -50%; transform: translate(-50%, 0); font-family: Swiss721BT-Bold, Helvetica, Arial, sans-serif; font-weight: 700; font-style: normal; font-size: 35px; color: #000000; letter-spacing: 0; line-height: 43px; text-transform: uppercase; font-kerning: normal; } /* Pic with Pic - Startseite */ .piccentered { position: absolute; top:0; left:0; width: 100%; } .piccircle { position: absolute; top:45px; left:55px; width: 320px; height: auto; } .piccircleFull { position: absolute; top:45px; left:55px; width: 320px; height: auto; } /* Pic with Credits */ .P1pictextportrait{ position: relative; width: 100%; height: auto; text-align: center; } .textcredit { position: absolute; right: 10px; bottom: 7px; font-family: "Georgia", serif; font-size: 10px; font-weight: normal; color: #FFFFFF; letter-spacing: 0.01em; line-height: 18px; font-variant: normal; font-style: italic; text-transform: none; opacity: 0.7; } .textcreditportrait { position: absolute; right: 10px; bottom: 7px; font-family: "Georgia", serif; font-size: 10px; font-weight: normal; color: #FFFFFF; letter-spacing: 0.01em; line-height: 18px; font-variant: normal; font-style: italic; text-transform: none; opacity: 0.7; } .textcreditbig { position: absolute; right: 10px; bottom: 6px; font-family: "Georgia", serif; font-size: 9px; font-weight: normal; color: #FFFFFF; letter-spacing: 0.01em; line-height: 18px; font-variant: normal; font-style: italic; text-transform: none; opacity: 0.7; } .textcreditLarge { position: absolute; right: 10px; bottom: 6px; font-family: "Georgia", serif; font-size: 9px; font-weight: normal; color: #000000; letter-spacing: 0.01em; line-height: 18px; font-variant: normal; font-style: italic; text-transform: none; opacity: 0.5; } /* Text over Pic Link */ a.pictext:link { color: #FFFFFF; text-decoration: none;} a.pictext:visited { color: #FFFFFF; text-decoration: none;} a.pictext:hover { color: #FFFFFF; text-decoration: none;} a.pictext:active { color: #FFFFFF; text-decoration: none;} /* Text over Pic Black Link */ a.pictextW:link { color: #000000; text-decoration: none;} a.pictextW:visited { color: #000000; text-decoration: none;} a.pictextW:hover { color: #000000; text-decoration: none;} a.pictextW:active { color: #000000; text-decoration: none;} /* Pic with Watermark */ .P1picWatermark { position: relative; width: 100%; height: auto; text-align: center; } .picwatermark { position: absolute; top:0; left:0; width: 100%; } /* Text ***********************************************************************************************/ #T0headlinebig { margin: 0 0 0 0; float:center; } #T1copy { margin: 0 10 0 10; float:left; } #T2Headlinecopy { margin: 0 15% 0 15%; text-align:center; } #T3Subline { margin: 0 0 0 0; float:center; } #T4Quote { margin: 50 130 18 130; float:center; } #T4Quotesmall { margin: 0 130 50 130; float:center; } #T4Quoteblack { margin: 40 130 18 130; float:center; } #T4Quotesmallblack { margin: 0 130 50 130; float:center; } #T5Speaker { margin: 35 0 45 8; float:left; } #T5Speakerblack { margin: 35 0 45 8; float:left; } #T6Interview { margin: 0 130 0 130; text-align:center; } #T6InterviewSmall { margin: 0 15% 0 15%; text-align:center; } /* Google maps ***********************************************************************************************/ .google-maps iframe { position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important; } .google-maps { position: relative; padding-bottom: 37%; height: 0; overflow: hidden; } /* Flickity ***********************************************************************************************/ * { box-sizing: border-box; } .carousel { background: #FFFFFF; } .carousel-cell { width: 100%; height: auto; background: #FFFFFF; counter-increment: carousel-cell; } .carousel-cell-image { display: block; max-height: 100%; margin: 0 auto; max-width: 100%; } /* page dots */ .flickity-page-dots { position: absolute; width: 100%; bottom: 30px; padding: 0; margin: 0 auto; list-style: none; text-align: center; line-height: 1; } .flickity-rtl .flickity-page-dots { direction: rtl; } .flickity-page-dots .dot { display: inline-block; width: 7px; height: 7px; margin: 0 7px; background: #000000; border-radius: 50%; opacity: 0.25; cursor: pointer; } .flickity-page-dots .dot.is-selected { opacity: 1; } /* Ticker ********************************************************************************************/ #actioncontainer { width: 100%; height: 50px; float:left; margin: 0 auto; background-color: #000000; } #actionbox { overflow: hidden; white-space: nowrap; width: 100%; height: 50px; margin: 0 auto; } .actionelement { padding: 18 0 0 0; margin-left: -5px; float: left; } .actiontextelement { font-family: Swiss721BT-Bold, Helvetica, Arial, sans-serif; font-weight: 700; font-style: normal; font-size: 14px; color: #00000; letter-spacing: .2; line-height: 15px; text-transform: uppercase; cursor: default; } /* Visibility ************************************************************************************************/ /* Content */ .showlarge { display:block } .showsmall { display: none } /* Header */ .showheaderlarge { display:block } .showheadersmall { display:none } /* Footer */ .showfooterlarge { display:block } .showfootersmall { display: none } /* Content Overview */ .showoverviewlarge { display:block } .showoverviewsmall { display: none } /* Module Newsletter */ .shownewsmaxlarge { display:block } .shownewslarge { display:none } .shownewssmall { display: none } /* Module Conference */ .showmodulemaxlarge { display:block } .showmodulelarge { display:none } .showmodulemedium { display:none } .showmodulesmall { display: none } /* Module Teaser */ .showteaserlarge { display:block } .showteasermedium { display:none } .showteasersmall { display: none } /* Module Interview Teaser */ .showinterviewteaserlarge { display:block } .showinterviewteasermedium { display:none } .showinterviewteasersmall { display:none } /* Module Maps */ .showmaplarge { display:block } .showmapsmall { display: none } /* Module Interviews */ .showinterviewlarge { display:block } .showinterviewsmall { display: none } /* Module StartNews */ .showstartlarge { display:block } .showstartmedium { display:none } .showstartsmall { display: none }