/* ##################################################################### */ /* #### custom properties (variables) ################################## */ :root { --font-family-sans-serif: arial, helvetica, sans-serif; --font-family-serif:"filosofia", "Times New Roman", Times, serif; } /* ##################################################################### */ /* #### Fonts ########################################################## */ @font-face { font-family: 'filosofia'; src: url('../Fonts/Filosofia/filosofiaot-regular-webfont.woff2') format('woff2'), url('../Fonts/Filosofia/filosofiaot-regular-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'filosofia'; src: url('../Fonts/Filosofia/filosofiaot-italic-webfont.woff2') format('woff2'), url('../Fonts/Filosofia/filosofiaot-italic-webfont.woff') format('woff'); font-weight: normal; font-style: italic; } @font-face { font-family: 'filosofia'; src: url('../Fonts/Filosofia/filosofiaot-bold-webfont.woff2') format('woff2'), url('../Fonts/Filosofia/filosofiaot-bold-webfont.woff') format('woff'); font-weight: bold; font-style: normal; } /* @font-face { font-family: 'filosofiaot-reglining'; src: url('../Fonts/Filosofia/filosofiaot-reglining-webfont.woff2') format('woff2'), url('../Fonts/Filosofia/filosofiaot-reglining-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'filosofiaot-regsmallcaps'; src: url('../Fonts/Filosofia/filosofiaot-regsmallcaps-webfont.woff2') format('woff2'), url('../Fonts/Filosofia/filosofiaot-regsmallcaps-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'filosofiaot-regallsmallcaps'; src: url('../Fonts/Filosofia/filosofiaot-regallsmallcaps-webfont.woff2') format('woff2'), url('../Fonts/Filosofia/filosofiaot-regallsmallcaps-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } */ /* ##################################################################### */ /* #### HTML5 display definitions ###################################### */ article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display:block; } /* ##################################################################### */ /* #### Base ########################################################### */ *, *::before, *::after{ box-sizing:border-box; } html{ /* overflow-y:scroll; Scrollbar (allerdings bei Lightbox unschoen) */ color:#000; background-color:#fff; font-size:20px; line-height:1.4; /* Prevents iOS text size adjust after orientation change, without disabling user zoom www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */ -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; /* OS-X fonts like Windows */ -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; height:100%; /* for footer-positioning */ } html, button, input, select, textarea{ /* addresses font-family inconsistency between form elements. */ font-family:var(--font-family-serif); } body{ margin:0; /* addresses margins handled incorrectly in IE6/7 */ /* position:relative; min-height:100%; height:auto !important; height:100%; for footer-positioning (alt, mit position:absolute, inkl. ie11) */ min-height:100%; display:flex; flex-direction:column; /* for footer-positioning (neu. Bei IE11 hängt er unter dem content, aber o.k.) */ } #stage{ flex:1 0 auto; } /* for footer-positioning (with this notation no overlapping in IE11) */ /* ##################################################################### */ /* #### Allg. Formatierungen ########################################### */ /* Remove text-shadow in selection highlight. These selection declarations have to be separate. */ ::-moz-selection{ background:#b3d4fc; text-shadow:none; } ::selection{ background:#b3d4fc; text-shadow:none; } /*### //# Links ###*/ a{ color:var(--specialcolor); text-decoration:none; } a:focus, button:focus{ outline:thin dotted; } /* Addresses outline displayed oddly in Chrome */ a:hover, a:active{ outline:0; } a.youtube{ display:inline-block; position:relative; } a.youtube::after{ content:""; position:absolute; left:50%; top:50%; transform: translate(-50%, -50%); width:60px; height:42px; background-image:url("../Images/SocialMedia/YouTubePlay.svg"); background-repeat:no-repeat; background-size:cover; } a:hover.youtube::after{ width:45px; height:30.5px; } /* .ce-bodytext a[target="_blank"]:after{ SVG umgewandelt mit ImageOptim + urlencoder.org content:url(data:image/svg+xml;charset=utf-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%0A %3Csvg%20width%3D%2210px%22%20height%3D%2210px%22%20viewBox%3D%220%200%2010%2010%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%0A%20%20%20%20%3Cg%20id%3D%22LinkTargetBlank%22%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%20%20%20%20%3Cpolygon%20id%3D%22arrow%22%20fill%3D%22%23000000%22%20fill-rule%3D%22nonzero%22%20points%3D%228.99619408%201.70710678%204.10710678%206.59619408%203.4%205.8890873%208.2890873%201%205.99619408%201%205.99619408%20-8.8817842e-16%209.99619408%20-4.4408921e-16%209.99619408%204%208.99619408%204%22%3E%3C%2Fpolygon%3E%0A%20%20%20%20%20%20%20%20%3Cpolygon%20id%3D%22square%22%20fill%3D%22%23000000%22%20fill-rule%3D%22nonzero%22%20points%3D%22-7.99360578e-15%201%20-3.15544362e-30%2010%209%2010%209%207%208%207%208%209%200.996629518%209%200.996629518%202%204%202%204%201%22%3E%3C%2Fpolygon%3E%0A%20%20%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E); margin: 0 0 0 5px; vertical-align:text-top; } */ .cta, .btn-primary{ display:inline-block; height:auto; line-height:2rem; color:var(--specialcolor); font-size:1rem; font-weight:500; cursor:pointer; border:none; padding:0 10px; background-color:transparent; border:2px solid var(--specialcolor); min-width:120px; text-align:center; font-family:var(--font-family-sans-serif); font-weight:bold; margin:0 8px 5px 0; } .cta:hover, .btn-primary:hover{ background-color:var(--specialcolor); color:#fff; text-decoration:none; } a.ticketlnk{ display:inline-block; width:62px; height:54px; /* SVG umgewandelt mit ImageOptim + urlencoder.org. Weitere Infos: https://stackoverflow.com/questions/51395179/svg-fill-with-css-variables#answer-58536915 */ background:var(--specialcolor); -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20height%3D%2254%22%20viewBox%3D%220%200%2062%2054%22%20width%3D%2262%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22m60%20.5c.4142136%200%20.7892136.16789322%201.0606602.43933983s.4393398.64644661.4393398%201.06070355l.0006324%207.28867493c-1.3917008.11880343-2.6387777.72905639-3.5681573%201.65487999-1.0416787%201.0376931-1.684419%202.471982-1.684419%204.0564017%200%201.5830022.6416384%203.0161418%201.6790274%204.0535307.9272568.9272568%202.1706964%201.5383307%203.5547238%201.6576268l.0181927%207.2888425c0%20.4142136-.1678932.7892136-.4393398%201.0606602s-.6464466.4393398-1.0606602.4393398h-58c-.41421356%200-.78921356-.1678932-1.06066017-.4393398s-.43933983-.6464466-.43933983-1.0606055l.00082347-7.5321809c1.11083277-.3504377%202.07570675-1.0298382%202.77992012-1.9242464.76791333-.9753124%201.22617887-2.205937%201.22617887-3.5436274s-.45826554-2.568315-1.22617887-3.5436274c-.70421337-.8944082-1.66908735-1.57380869-2.77992012-1.92424642l-.00082347-7.53212618c0-.41421356.16789322-.78921356.43933983-1.06066017s.64644661-.43933983%201.06066017-.43933983z%22%20stroke%3D%22%23000%22%2F%3E%3Cg%20fill%3D%22%23000%22%3E%3Cg%3E%3Ccircle%20cx%3D%2249.006221%22%20cy%3D%223.617712%22%20r%3D%221.5%22%2F%3E%3Ccircle%20cx%3D%2249.006221%22%20cy%3D%229.217712%22%20r%3D%221.5%22%2F%3E%3Ccircle%20cx%3D%2249.006221%22%20cy%3D%2214.817712%22%20r%3D%221.5%22%2F%3E%3Ccircle%20cx%3D%2249.006221%22%20cy%3D%2226.017712%22%20r%3D%221.5%22%2F%3E%3Ccircle%20cx%3D%2249.006221%22%20cy%3D%2220.417712%22%20r%3D%221.5%22%2F%3E%3C%2Fg%3E%3Cg%20fill-rule%3D%22nonzero%22%20transform%3D%22translate%28.273438%2039.96582%29%22%3E%3Cpath%20d%3D%22m10.4941406.07910156v2.29394532h-3.87597654v10.66113282h-2.72460937v-10.66113282h-3.89355469v-2.29394532z%22%2F%3E%3Cpath%20d%3D%22m14.4492188%203.45410156v9.58007814h-2.5400391v-9.58007814zm0-3.45410156v2.31152344h-2.5400391v-2.31152344z%22%2F%3E%3Cpath%20d%3D%22m25.1630859%206.890625h-2.5664062c-.046875-.35742188-.1669922-.6796875-.3603516-.96679688-.28125-.38671874-.7177734-.58007812-1.3095703-.58007812-.84375%200-1.4208984.41894531-1.7314453%201.25683594-.1640625.4453125-.2460937%201.03710937-.2460937%201.77539062%200%20.703125.0820312%201.26855469.2460937%201.69628904.2988281.796875.8613281%201.1953125%201.6875%201.1953125.5859375%200%201.0019531-.1582031%201.2480469-.4746093.2460937-.3164063.3955078-.7265626.4482422-1.2304688h2.5576172c-.0585938.7617188-.3339844%201.4824219-.8261719%202.1621094-.7851563%201.0957031-1.9482422%201.6435547-3.4892578%201.6435547-1.5410157%200-2.6748047-.4570313-3.4013672-1.3710938s-1.0898438-2.10058592-1.0898438-3.5595703c0-1.64648438.4013672-2.92675781%201.2041016-3.84082031s1.9101562-1.37109375%203.3222656-1.37109375c1.2011719%200%202.184082.26953125%202.9487305.80859375.7646484.5390625%201.2172851%201.49121093%201.3579101%202.85644531z%22%2F%3E%3Cpath%20d%3D%22m35.6748047%2013.0341797h-3.0234375l-2.2939453-4.09570314-1.0371094%201.08105464v3.0146485h-2.4609375v-12.91113282h2.4609375v6.97851562l3.1201172-3.60351562h3.1025391l-3.3486329%203.66503906z%22%2F%3E%3Cpath%20d%3D%22m45.0966797%2010.2216797c-.0644531.5683594-.3603516%201.1455078-.8876953%201.7314453-.8203125.9316406-1.96875%201.3974609-3.4453125%201.3974609-1.21875%200-2.2939453-.3925781-3.225586-1.1777343-.9316406-.7851563-1.3974609-2.0625-1.3974609-3.83203129%200-1.65820312.4204102-2.9296875%201.2612305-3.81445312.8408203-.88476563%201.9321289-1.32714844%203.2739257-1.32714844.796875%200%201.5146485.14941406%202.1533204.44824219.6386718.29882812%201.1660156.77050781%201.5820312%201.41503906.375.56835938.6181641%201.22753906.7294922%201.97753906.0644531.43945313.0908203%201.07226563.0791016%201.8984375h-6.5566407c.0351563.9609375.3369141%201.63476564.9052735%202.02148434.3457031.2402344.7617187.3603516%201.2480468.3603516.515625%200%20.9345704-.1464844%201.256836-.4394531.1757812-.1582032.3310547-.3779297.4658203-.6591797zm-2.4785156-2.93554689c-.0410157-.66210937-.2416993-1.16455078-.6020508-1.50732422-.3603516-.34277343-.8071289-.51416015-1.3403321-.51416015-.5800781%200-1.0297851.18164062-1.349121.54492187-.319336.36328125-.5200196.85546875-.6020508%201.4765625z%22%2F%3E%3Cpath%20d%3D%22m51.2929688%2011.25v1.8720703l-1.1865235.0439453c-1.1835937.0410156-1.9921875-.1640625-2.4257812-.6152344-.28125-.2871093-.421875-.7294921-.421875-1.3271484v-5.89746092h-1.3359375v-1.78417969h1.3359375v-2.671875h2.4785156v2.671875h1.5556641v1.78417969h-1.5556641v5.06250002c0%20.3925781.0498047.637207.1494141.7338867.0996093.0966797.4042968.1450195.9140624.1450195.0761719%200%20.1567383-.0014648.2416993-.0043945.0849609-.0029297.168457-.0073242.2504883-.0131836z%22%2F%3E%3Cpath%20d%3D%22m59.5019531%203.89355469c.75.48046875%201.1806641%201.30664062%201.2919922%202.47851562h-2.5048828c-.0351563-.32226562-.1259766-.57714843-.2724609-.76464843-.2753907-.33984376-.7441407-.50976563-1.40625-.50976563-.5449219%200-.9331055.08496094-1.1645508.25488281-.2314453.16992188-.347168.36914063-.347168.59765625%200%20.28710938.1230469.49511719.3691406.62402344.2460938.13476563%201.116211.36621094%202.6103516.69433594.9960938.234375%201.7431641.58886719%202.2412109%201.06347656.4921875.48046875.7382813%201.08105469.7382813%201.80175785%200%20.9492187-.3530274%201.7241211-1.059082%202.324707-.7060547.6005859-1.7973633.9008789-3.2739258.9008789-1.5058594%200-2.6176758-.3178711-3.3354492-.9536133-.7177735-.6357422-1.0766602-1.4458008-1.0766602-2.43017576h2.5400391c.0527343.44531246.1669921.76171876.3427734.94921876.3105469.3339844.8847656.5009765%201.7226563.5009765.4921874%200%20.8833007-.0732421%201.1733398-.2197265s.4350586-.3662109.4350586-.6591797c0-.28125-.1171875-.4951172-.3515625-.64160156-.234375-.14648438-1.1044922-.3984375-2.6103516-.75585938-1.0839843-.26953125-1.8486328-.60644531-2.2939453-1.01074218-.4453125-.3984375-.6679687-.97265626-.6679687-1.72265626%200-.88476562.3471679-1.64501953%201.0415039-2.28076171.6943359-.63574219%201.6713867-.95361329%202.9311523-.95361329%201.1953125%200%202.1708985.23730469%202.9267578.71191407z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20height%3D%2254%22%20viewBox%3D%220%200%2062%2054%22%20width%3D%2262%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22m60%20.5c.4142136%200%20.7892136.16789322%201.0606602.43933983s.4393398.64644661.4393398%201.06070355l.0006324%207.28867493c-1.3917008.11880343-2.6387777.72905639-3.5681573%201.65487999-1.0416787%201.0376931-1.684419%202.471982-1.684419%204.0564017%200%201.5830022.6416384%203.0161418%201.6790274%204.0535307.9272568.9272568%202.1706964%201.5383307%203.5547238%201.6576268l.0181927%207.2888425c0%20.4142136-.1678932.7892136-.4393398%201.0606602s-.6464466.4393398-1.0606602.4393398h-58c-.41421356%200-.78921356-.1678932-1.06066017-.4393398s-.43933983-.6464466-.43933983-1.0606055l.00082347-7.5321809c1.11083277-.3504377%202.07570675-1.0298382%202.77992012-1.9242464.76791333-.9753124%201.22617887-2.205937%201.22617887-3.5436274s-.45826554-2.568315-1.22617887-3.5436274c-.70421337-.8944082-1.66908735-1.57380869-2.77992012-1.92424642l-.00082347-7.53212618c0-.41421356.16789322-.78921356.43933983-1.06066017s.64644661-.43933983%201.06066017-.43933983z%22%20stroke%3D%22%23000%22%2F%3E%3Cg%20fill%3D%22%23000%22%3E%3Cg%3E%3Ccircle%20cx%3D%2249.006221%22%20cy%3D%223.617712%22%20r%3D%221.5%22%2F%3E%3Ccircle%20cx%3D%2249.006221%22%20cy%3D%229.217712%22%20r%3D%221.5%22%2F%3E%3Ccircle%20cx%3D%2249.006221%22%20cy%3D%2214.817712%22%20r%3D%221.5%22%2F%3E%3Ccircle%20cx%3D%2249.006221%22%20cy%3D%2226.017712%22%20r%3D%221.5%22%2F%3E%3Ccircle%20cx%3D%2249.006221%22%20cy%3D%2220.417712%22%20r%3D%221.5%22%2F%3E%3C%2Fg%3E%3Cg%20fill-rule%3D%22nonzero%22%20transform%3D%22translate%28.273438%2039.96582%29%22%3E%3Cpath%20d%3D%22m10.4941406.07910156v2.29394532h-3.87597654v10.66113282h-2.72460937v-10.66113282h-3.89355469v-2.29394532z%22%2F%3E%3Cpath%20d%3D%22m14.4492188%203.45410156v9.58007814h-2.5400391v-9.58007814zm0-3.45410156v2.31152344h-2.5400391v-2.31152344z%22%2F%3E%3Cpath%20d%3D%22m25.1630859%206.890625h-2.5664062c-.046875-.35742188-.1669922-.6796875-.3603516-.96679688-.28125-.38671874-.7177734-.58007812-1.3095703-.58007812-.84375%200-1.4208984.41894531-1.7314453%201.25683594-.1640625.4453125-.2460937%201.03710937-.2460937%201.77539062%200%20.703125.0820312%201.26855469.2460937%201.69628904.2988281.796875.8613281%201.1953125%201.6875%201.1953125.5859375%200%201.0019531-.1582031%201.2480469-.4746093.2460937-.3164063.3955078-.7265626.4482422-1.2304688h2.5576172c-.0585938.7617188-.3339844%201.4824219-.8261719%202.1621094-.7851563%201.0957031-1.9482422%201.6435547-3.4892578%201.6435547-1.5410157%200-2.6748047-.4570313-3.4013672-1.3710938s-1.0898438-2.10058592-1.0898438-3.5595703c0-1.64648438.4013672-2.92675781%201.2041016-3.84082031s1.9101562-1.37109375%203.3222656-1.37109375c1.2011719%200%202.184082.26953125%202.9487305.80859375.7646484.5390625%201.2172851%201.49121093%201.3579101%202.85644531z%22%2F%3E%3Cpath%20d%3D%22m35.6748047%2013.0341797h-3.0234375l-2.2939453-4.09570314-1.0371094%201.08105464v3.0146485h-2.4609375v-12.91113282h2.4609375v6.97851562l3.1201172-3.60351562h3.1025391l-3.3486329%203.66503906z%22%2F%3E%3Cpath%20d%3D%22m45.0966797%2010.2216797c-.0644531.5683594-.3603516%201.1455078-.8876953%201.7314453-.8203125.9316406-1.96875%201.3974609-3.4453125%201.3974609-1.21875%200-2.2939453-.3925781-3.225586-1.1777343-.9316406-.7851563-1.3974609-2.0625-1.3974609-3.83203129%200-1.65820312.4204102-2.9296875%201.2612305-3.81445312.8408203-.88476563%201.9321289-1.32714844%203.2739257-1.32714844.796875%200%201.5146485.14941406%202.1533204.44824219.6386718.29882812%201.1660156.77050781%201.5820312%201.41503906.375.56835938.6181641%201.22753906.7294922%201.97753906.0644531.43945313.0908203%201.07226563.0791016%201.8984375h-6.5566407c.0351563.9609375.3369141%201.63476564.9052735%202.02148434.3457031.2402344.7617187.3603516%201.2480468.3603516.515625%200%20.9345704-.1464844%201.256836-.4394531.1757812-.1582032.3310547-.3779297.4658203-.6591797zm-2.4785156-2.93554689c-.0410157-.66210937-.2416993-1.16455078-.6020508-1.50732422-.3603516-.34277343-.8071289-.51416015-1.3403321-.51416015-.5800781%200-1.0297851.18164062-1.349121.54492187-.319336.36328125-.5200196.85546875-.6020508%201.4765625z%22%2F%3E%3Cpath%20d%3D%22m51.2929688%2011.25v1.8720703l-1.1865235.0439453c-1.1835937.0410156-1.9921875-.1640625-2.4257812-.6152344-.28125-.2871093-.421875-.7294921-.421875-1.3271484v-5.89746092h-1.3359375v-1.78417969h1.3359375v-2.671875h2.4785156v2.671875h1.5556641v1.78417969h-1.5556641v5.06250002c0%20.3925781.0498047.637207.1494141.7338867.0996093.0966797.4042968.1450195.9140624.1450195.0761719%200%20.1567383-.0014648.2416993-.0043945.0849609-.0029297.168457-.0073242.2504883-.0131836z%22%2F%3E%3Cpath%20d%3D%22m59.5019531%203.89355469c.75.48046875%201.1806641%201.30664062%201.2919922%202.47851562h-2.5048828c-.0351563-.32226562-.1259766-.57714843-.2724609-.76464843-.2753907-.33984376-.7441407-.50976563-1.40625-.50976563-.5449219%200-.9331055.08496094-1.1645508.25488281-.2314453.16992188-.347168.36914063-.347168.59765625%200%20.28710938.1230469.49511719.3691406.62402344.2460938.13476563%201.116211.36621094%202.6103516.69433594.9960938.234375%201.7431641.58886719%202.2412109%201.06347656.4921875.48046875.7382813%201.08105469.7382813%201.80175785%200%20.9492187-.3530274%201.7241211-1.059082%202.324707-.7060547.6005859-1.7973633.9008789-3.2739258.9008789-1.5058594%200-2.6176758-.3178711-3.3354492-.9536133-.7177735-.6357422-1.0766602-1.4458008-1.0766602-2.43017576h2.5400391c.0527343.44531246.1669921.76171876.3427734.94921876.3105469.3339844.8847656.5009765%201.7226563.5009765.4921874%200%20.8833007-.0732421%201.1733398-.2197265s.4350586-.3662109.4350586-.6591797c0-.28125-.1171875-.4951172-.3515625-.64160156-.234375-.14648438-1.1044922-.3984375-2.6103516-.75585938-1.0839843-.26953125-1.8486328-.60644531-2.2939453-1.01074218-.4453125-.3984375-.6679687-.97265626-.6679687-1.72265626%200-.88476562.3471679-1.64501953%201.0415039-2.28076171.6943359-.63574219%201.6713867-.95361329%202.9311523-.95361329%201.1953125%200%202.1708985.23730469%202.9267578.71191407z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E"); } a.maillnk{ display:inline-block; width:62px; height:54px; /* SVG umgewandelt mit ImageOptim + urlencoder.org. Weitere Infos: https://stackoverflow.com/questions/51395179/svg-fill-with-css-variables#answer-58536915 */ background:var(--specialcolor); -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20height%3D%2264%22%20viewBox%3D%220%200%2062%2064%22%20width%3D%2262%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22m38.7%2016%2016.8-10v-4.7c0-.3-.3-.6-.6-.6h-47.6c-.5%200-.8.3-.8.6%22%20stroke%3D%22%23000%22%2F%3E%3Cpath%20d%3D%22m55.5%2011.4v21.2c0%20.3-.3.6-.6.6h-47.6c-.3%200-.6-.3-.6-.6v-26.1l17.3%209.8%22%20stroke%3D%22%23000%22%2F%3E%3Cg%20fill%3D%22%23000%22%20fill-rule%3D%22nonzero%22%3E%3Cpath%20d%3D%22m34%2027.1c-1.1.6-2.1.8-3.5.8-3.3%200-5.9-2.4-5.9-6.2%200-4%202.8-7.5%207.2-7.5%203.4%200%205.7%202.5%205.7%205.7%200%202.9-1.7%204.7-3.5%204.7-.8%200-1.5-.6-1.5-1.7h-.1c-.7%201.1-1.6%201.7-2.8%201.7-1.1%200-2.1-.9-2.1-2.5%200-2.5%201.9-4.6%204.6-4.6.8%200%201.6.2%202.1.4l-.7%203.6c-.3%201.5-.1%202.1.6%202.2%201%200%202.1-1.3%202.1-3.6%200-2.9-1.7-4.9-4.7-4.9-3.3%200-5.8%202.6-5.8%206.5%200%203.3%202.1%205.3%205%205.3%201.1%200%202.1-.2%202.9-.7zm-1.1-8.4c-.2-.1-.6-.1-1-.1-1.7%200-3.1%201.7-3.1%203.5%200%20.9.4%201.5%201.3%201.5%201.1%200%202.1-1.5%202.4-2.7z%22%2F%3E%3Cpath%20d%3D%22m4.1%2039.7h2.7l4.1%2011.4h-2.7l-.7-2.2h-4.2l-.7%202.2h-2.6zm-.2%207.3h2.9l-.7-2.1c-.1-.4-.2-.8-.3-1.1-.1-.4-.2-.7-.2-1-.1-.3-.1-.6-.2-.9-.1.4-.2.7-.2%201.1-.1.3-.2.6-.3%201s-.2.7-.3.9z%22%2F%3E%3Cpath%20d%3D%22m14.7%2044.2c.3-.5.6-.9%201.1-1.1.4-.2.9-.4%201.5-.4.9%200%201.6.3%202.1.8s.7%201.3.7%202.2v5.4h-2.4v-4.9c0-.4-.1-.8-.3-1.1s-.6-.4-1-.4c-.5%200-.8.2-1.1.5s-.4.8-.4%201.3v4.6h-2.4v-8.1h2.3v1.2z%22%2F%3E%3Cpath%20d%3D%22m21.4%2042.9h1.2v-.7c0-.9.2-1.5.7-1.9.3-.2.6-.4%201-.5s.9-.1%201.4-.1h.5.5v1.7c-.3%200-.6%200-.8%200s-.4%200-.5.1-.2.2-.3.3c-.1.2-.1.4-.1.6v.5h1.7v1.6h-1.7v6.6h-2.4v-6.6h-1.2z%22%2F%3E%3Cpath%20d%3D%22m30.8%2044.4c.3-.6.6-1%201-1.2s.8-.4%201.3-.4c.2%200%20.4%200%20.5.1v2.1h-.1c-.2%200-.3%200-.5%200-.7%200-1.2.2-1.6.6s-.6%201-.6%201.8v3.8h-2.4v-8.1h2.3v1.3z%22%2F%3E%3Cpath%20d%3D%22m40.2%2051.1c-.1-.1-.1-.2-.2-.4s-.1-.4-.1-.6c-.3.4-.6.7-1%20.9s-.9.3-1.5.3c-.4%200-.8-.1-1.1-.2s-.6-.3-.9-.5-.4-.5-.6-.8c-.1-.3-.2-.7-.2-1.1s.1-.8.3-1.1.4-.5.7-.7.6-.3%201-.4.8-.2%201.3-.2c.7-.1%201.2-.2%201.6-.4.3-.1.5-.4.5-.7s-.1-.5-.3-.7-.5-.3-.9-.3c-.5%200-.8.1-1%20.3s-.4.5-.4.8h-2.4c0-.3.1-.7.2-1%20.2-.3.4-.6.7-.9s.7-.4%201.1-.6c.4-.1%201-.2%201.6-.2.5%200%201%200%201.3.1.4.1.7.2%201%20.4.4.2.7.6.9%201s.3.9.3%201.4v4.2c0%20.6.1%201%20.3%201.1v.1h-2.2zm-2-1.4c.5%200%201-.1%201.3-.4s.5-.7.5-1.1v-1.1c-.2.1-.4.2-.6.3s-.5.1-.8.2c-.5.1-.9.2-1.2.4s-.4.4-.4.8.1.6.4.8c.2%200%20.5.1.8.1z%22%2F%3E%3Cpath%20d%3D%22m48.1%2053.9c-1.1%200-2-.2-2.7-.7-.7-.4-1.1-1.1-1.2-1.9h2.3c.1.2.2.4.5.6.2.2.6.2%201.1.2.6%200%201-.1%201.3-.4s.4-.7.4-1.2v-.2c0-.4%200-.8%200-1.1h-.1c-.5.8-1.2%201.2-2.2%201.2-.5%200-.9-.1-1.3-.3s-.8-.4-1.1-.8-.6-.7-.8-1.2-.3-1-.3-1.6.1-1.1.3-1.6.4-.9.7-1.3.7-.6%201.1-.8.9-.3%201.4-.3c.6%200%201%20.1%201.4.3s.7.5.9%201v-1h2.3v7.4c0%20.6-.1%201.1-.3%201.6-.2.4-.4.8-.8%201.1s-.8.5-1.3.7-1%20.3-1.6.3zm0-5.1c.3%200%20.6-.1.8-.2s.4-.3.6-.5c.1-.2.3-.4.3-.7.1-.3.1-.5.1-.8%200-.6-.1-1.1-.4-1.5s-.7-.6-1.3-.6c-.5%200-.9.2-1.3.6s-.5.9-.5%201.6c0%20.6.2%201.2.5%201.5.2.4.6.6%201.2.6z%22%2F%3E%3Cpath%20d%3D%22m58%2051.3c-.7%200-1.3-.1-1.8-.3s-1-.5-1.4-.9-.7-.8-.9-1.4c-.2-.5-.3-1.1-.3-1.7s.1-1.2.3-1.7.5-1%20.9-1.4.8-.7%201.3-.9%201.1-.3%201.7-.3%201.1.1%201.6.3.9.4%201.2.8c.5.4.8%201%201%201.7s.3%201.4.3%202.2h-5.9c.1.6.3%201.1.6%201.4s.8.5%201.4.5c.4%200%20.7-.1.9-.2s.4-.3.6-.6h2.3c-.1.4-.3.7-.5%201s-.5.6-.8.8-.7.4-1.1.5-.9.2-1.4.2zm-.1-6.9c-.6%200-1%20.2-1.3.5s-.5.8-.6%201.3h3.5c0-.6-.2-1-.5-1.3s-.6-.5-1.1-.5z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20height%3D%2264%22%20viewBox%3D%220%200%2062%2064%22%20width%3D%2262%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22m38.7%2016%2016.8-10v-4.7c0-.3-.3-.6-.6-.6h-47.6c-.5%200-.8.3-.8.6%22%20stroke%3D%22%23000%22%2F%3E%3Cpath%20d%3D%22m55.5%2011.4v21.2c0%20.3-.3.6-.6.6h-47.6c-.3%200-.6-.3-.6-.6v-26.1l17.3%209.8%22%20stroke%3D%22%23000%22%2F%3E%3Cg%20fill%3D%22%23000%22%20fill-rule%3D%22nonzero%22%3E%3Cpath%20d%3D%22m34%2027.1c-1.1.6-2.1.8-3.5.8-3.3%200-5.9-2.4-5.9-6.2%200-4%202.8-7.5%207.2-7.5%203.4%200%205.7%202.5%205.7%205.7%200%202.9-1.7%204.7-3.5%204.7-.8%200-1.5-.6-1.5-1.7h-.1c-.7%201.1-1.6%201.7-2.8%201.7-1.1%200-2.1-.9-2.1-2.5%200-2.5%201.9-4.6%204.6-4.6.8%200%201.6.2%202.1.4l-.7%203.6c-.3%201.5-.1%202.1.6%202.2%201%200%202.1-1.3%202.1-3.6%200-2.9-1.7-4.9-4.7-4.9-3.3%200-5.8%202.6-5.8%206.5%200%203.3%202.1%205.3%205%205.3%201.1%200%202.1-.2%202.9-.7zm-1.1-8.4c-.2-.1-.6-.1-1-.1-1.7%200-3.1%201.7-3.1%203.5%200%20.9.4%201.5%201.3%201.5%201.1%200%202.1-1.5%202.4-2.7z%22%2F%3E%3Cpath%20d%3D%22m4.1%2039.7h2.7l4.1%2011.4h-2.7l-.7-2.2h-4.2l-.7%202.2h-2.6zm-.2%207.3h2.9l-.7-2.1c-.1-.4-.2-.8-.3-1.1-.1-.4-.2-.7-.2-1-.1-.3-.1-.6-.2-.9-.1.4-.2.7-.2%201.1-.1.3-.2.6-.3%201s-.2.7-.3.9z%22%2F%3E%3Cpath%20d%3D%22m14.7%2044.2c.3-.5.6-.9%201.1-1.1.4-.2.9-.4%201.5-.4.9%200%201.6.3%202.1.8s.7%201.3.7%202.2v5.4h-2.4v-4.9c0-.4-.1-.8-.3-1.1s-.6-.4-1-.4c-.5%200-.8.2-1.1.5s-.4.8-.4%201.3v4.6h-2.4v-8.1h2.3v1.2z%22%2F%3E%3Cpath%20d%3D%22m21.4%2042.9h1.2v-.7c0-.9.2-1.5.7-1.9.3-.2.6-.4%201-.5s.9-.1%201.4-.1h.5.5v1.7c-.3%200-.6%200-.8%200s-.4%200-.5.1-.2.2-.3.3c-.1.2-.1.4-.1.6v.5h1.7v1.6h-1.7v6.6h-2.4v-6.6h-1.2z%22%2F%3E%3Cpath%20d%3D%22m30.8%2044.4c.3-.6.6-1%201-1.2s.8-.4%201.3-.4c.2%200%20.4%200%20.5.1v2.1h-.1c-.2%200-.3%200-.5%200-.7%200-1.2.2-1.6.6s-.6%201-.6%201.8v3.8h-2.4v-8.1h2.3v1.3z%22%2F%3E%3Cpath%20d%3D%22m40.2%2051.1c-.1-.1-.1-.2-.2-.4s-.1-.4-.1-.6c-.3.4-.6.7-1%20.9s-.9.3-1.5.3c-.4%200-.8-.1-1.1-.2s-.6-.3-.9-.5-.4-.5-.6-.8c-.1-.3-.2-.7-.2-1.1s.1-.8.3-1.1.4-.5.7-.7.6-.3%201-.4.8-.2%201.3-.2c.7-.1%201.2-.2%201.6-.4.3-.1.5-.4.5-.7s-.1-.5-.3-.7-.5-.3-.9-.3c-.5%200-.8.1-1%20.3s-.4.5-.4.8h-2.4c0-.3.1-.7.2-1%20.2-.3.4-.6.7-.9s.7-.4%201.1-.6c.4-.1%201-.2%201.6-.2.5%200%201%200%201.3.1.4.1.7.2%201%20.4.4.2.7.6.9%201s.3.9.3%201.4v4.2c0%20.6.1%201%20.3%201.1v.1h-2.2zm-2-1.4c.5%200%201-.1%201.3-.4s.5-.7.5-1.1v-1.1c-.2.1-.4.2-.6.3s-.5.1-.8.2c-.5.1-.9.2-1.2.4s-.4.4-.4.8.1.6.4.8c.2%200%20.5.1.8.1z%22%2F%3E%3Cpath%20d%3D%22m48.1%2053.9c-1.1%200-2-.2-2.7-.7-.7-.4-1.1-1.1-1.2-1.9h2.3c.1.2.2.4.5.6.2.2.6.2%201.1.2.6%200%201-.1%201.3-.4s.4-.7.4-1.2v-.2c0-.4%200-.8%200-1.1h-.1c-.5.8-1.2%201.2-2.2%201.2-.5%200-.9-.1-1.3-.3s-.8-.4-1.1-.8-.6-.7-.8-1.2-.3-1-.3-1.6.1-1.1.3-1.6.4-.9.7-1.3.7-.6%201.1-.8.9-.3%201.4-.3c.6%200%201%20.1%201.4.3s.7.5.9%201v-1h2.3v7.4c0%20.6-.1%201.1-.3%201.6-.2.4-.4.8-.8%201.1s-.8.5-1.3.7-1%20.3-1.6.3zm0-5.1c.3%200%20.6-.1.8-.2s.4-.3.6-.5c.1-.2.3-.4.3-.7.1-.3.1-.5.1-.8%200-.6-.1-1.1-.4-1.5s-.7-.6-1.3-.6c-.5%200-.9.2-1.3.6s-.5.9-.5%201.6c0%20.6.2%201.2.5%201.5.2.4.6.6%201.2.6z%22%2F%3E%3Cpath%20d%3D%22m58%2051.3c-.7%200-1.3-.1-1.8-.3s-1-.5-1.4-.9-.7-.8-.9-1.4c-.2-.5-.3-1.1-.3-1.7s.1-1.2.3-1.7.5-1%20.9-1.4.8-.7%201.3-.9%201.1-.3%201.7-.3%201.1.1%201.6.3.9.4%201.2.8c.5.4.8%201%201%201.7s.3%201.4.3%202.2h-5.9c.1.6.3%201.1.6%201.4s.8.5%201.4.5c.4%200%20.7-.1.9-.2s.4-.3.6-.6h2.3c-.1.4-.3.7-.5%201s-.5.6-.8.8-.7.4-1.1.5-.9.2-1.4.2zm-.1-6.9c-.6%200-1%20.2-1.3.5s-.5.8-.6%201.3h3.5c0-.6-.2-1-.5-1.3s-.6-.5-1.1-.5z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E"); } /* figure.image a.lightbox{ display:block; position:relative; } figure.image a.lightbox:before{ content:""; display:block; position:absolute; bottom:0; right:0; width:2px; height:16px; background-color:#000; border-style:solid; border-color:var(--specialcolor); border-width:7px 14px; box-sizing:content-box; } figure.image a.lightbox:after{ content:""; display:block; position:absolute; bottom:14px; right:7px; width:16px; height:2px; background-color:#000; } */ /*### //# Typography ###*/ h1, h2, h3, h4{ font-family:Arial, Helvetica, sans-serif; } h1{ font-size:2.0rem; line-height:1.2; font-weight:bold; margin:2.5rem 0 1rem 0; } h2{ font-size:1.7rem; line-height:1.2; font-weight:bold; margin:0 0 1rem 0; } h3{ font-size:1.2rem; line-height:1.2; font-weight:bold; margin:0 0 0.5rem 0; } h4{ font-size:1rem; font-weight:bold; margin:0; } p{ margin:0 0 1rem 0; max-width:930px; } /* automatische Silbentrennung: p{ -webkit-locale:de; -webkit-hyphens:auto; hyphens:auto; -moz-hyphens:auto; } */ b, strong{ font-weight:bold; } /* kein bold-italic Schriftschnitt verfügbar, daher fetten Text nie kursiv */ strong em, strong i, em strong i strong{ font-weight:bold; font-style:normal; } small{ font-size:85%; } /* Position subscript and superscript content without affecting line-height:h5bp.com/k */ sub, sup{ font-size:75%; line-height:0; position:relative; vertical-align:baseline; } sup{ top:-0.5em; } sub{ bottom:-0.25em; } /*### //# Quotes ###*/ blockquote{ /*reset*/ /* margin:0; font-size:100%; */ padding:0; border:0; outline:0; vertical-align:baseline; background:transparent; quotes:none; /*change*/ margin:1.5em 0 0 0; padding:14px 0 0 45px; font-size:1.2em; line-height:1.3; font-style:italic; position:relative; } blockquote:after{ content:''; content:none; } blockquote:before { font-family: Georgia; font-size:65px; line-height: 1; color:var(--specialcolor); content: "”"; position:absolute; left:5px; top:0; } blockquote p{ margin:0 0 0.5em 0; } blockquote.large{ margin:0; padding:0; font-size:3em; line-height:1.2; font-style:normal; font-weight:bold; font-family:var(--font-family-sans-serif); } @media screen and (max-width:620px){ blockquote.large{ font-size:2em; } } blockquote.large:before{ font-family:inherit; font-size:inherit; line-height:inherit; position:static; color:inherit; content:"„"; } blockquote.large:after{ font-family:inherit; font-size:inherit; line-height:inherit; position:static; content:"“"; } blockquote.large p{ display:inline; } blockquote.large + p.quote-author{ max-width:none; } p.quote-author{ text-align:right; font-weight:bold; font-style:normal; /*padding-left:45px;*/ margin-bottom:2em; } p.quote-author::before{ content:"– "; } /*### //# Lists ###*/ ul, ol{ margin:0 0 1em 0; padding:0 0 0 40px; } dd{ margin:0 0 0 40px; } /*### //# Embedded content ###*/ img{ border:0; /* Removes border when inside 'a' element in IE6/7/8/9, FF3 */ -ms-interpolation-mode:bicubic; vertical-align:middle; /* Improves image quality when scaled in IE7 */ max-width:100%; height:auto; box-sizing:border-box; } iframe{ display:block; max-width:100%; margin:0 auto; } /*### //# Figures ###*/ figure{ margin:0; } /* Set margin to 0. Addresses margin not present in IE6/7/8/9, S5, O11 */ /*### //# hr ("paragraph-level thematic break") ###*/ /* Druck kompatible Trennlinie */ hr.ce-div{ display:block; width:auto; height:0; margin:0 0 1em 0; background:transparent; border:none; border-top:1px solid var(--specialcolor); max-width:300px; margin:4vw 0; } .frame-type-div.frame-layout-4 hr.ce-div{ max-width:none; margin-top:0; } /*### //# Tables ###*/ table{ border-collapse:collapse; border-spacing:0; } td{ vertical-align:top; } table.contenttable{ margin:0 0 1em 0; } p + table.contenttable{ margin-top:-1em; } table.contenttable td{ padding-left:0.5em; } table.contenttable td:first-child{ padding-left:0; } /* ##################################################################### */ /* #### non-semantic helper classes #################################### */ /* .text-right{ text-align:right; } .text-center{ text-align:center; } */ /* Contain floats */ .clearfix:before, .clearfix:after{ content:""; display:table; } .clearfix:after{ clear:both; } .frame-space-before-small{ margin-top:4vh; } .frame-space-after-small{ margin-bottom:4vh; } .frame-space-before-medium{ margin-top:8vh; } .frame-space-after-medium{ margin-bottom:8vh; } .frame-space-before-large{ margin-top:12vh; } .frame-space-after-large{ margin-bottom:12vh; } /*### //# 16:9 / 4:3 aspect ratio elements ###*/ /* .aspect-ratio-16-9{ position:relative; height:0; overflow:hidden; padding-bottom:56.25%; margin-bottom:1em; } .aspect-ratio-4-3{ position:relative; height:0; overflow:hidden; padding-bottom:75%; margin-bottom:1em; } .aspect-ratio-16-9 > iframe, .aspect-ratio-16-9 > object, .aspect-ratio-16-9 > embed, .aspect-ratio-16-9 > #mapcanvas, .aspect-ratio-4-3 > iframe, .aspect-ratio-4-3 > object, .aspect-ratio-4-3 > embed, .aspect-ratio-4-3 > #mapcanvas{ position:absolute; top:0; left:0; width:100%; height:100%; } */ /* ##################################################################### */ /* #### Formulare ###################################################### */ /* input, button, select, optgroup, textarea { margin: 0; font-family:inherit; font-size:inherit; line-height:inherit; } */ /* ##################################################################### */ /* #### Swiper Slider ################################################## */ /* equal height */ .swiper-slide{ height:auto; } /* child-object gets height of 100% or more .swiper-slide{ display:flex; } .swiper-slide > div{ flex:1; } */ .frame-type-tim_upcomingevents .swiper-outter-wrapper{ padding:0 30px; position:relative; } .frame-type-tim_upcomingevents .swiper-container{ background-color:var(--specialcolor); } .frame-type-tim_upcomingevents .swiper-slide{ background-color:#fff; padding:0 15px; } /*### //# Direction Nav ###*/ .swiper-container{ position:relative; overflow:hidden; } .touch .frame-type-r2_fullsizeimage .custom-swiper-button-prev, .touch .frame-type-r2_fullsizeimage .custom-swiper-button-next{ display:none; } .custom-swiper-button-prev, .custom-swiper-button-next{ position:absolute; top:50%; z-index:3; margin-top:-10px; height:20px; width:20px; display:block; box-sizing:border-box; border:solid var(--specialcolor); border-width:0 2px 2px 0; text-indent:-9999px; cursor:pointer; transition:all 0.3s ease-in-out; opacity:0.5; } .custom-swiper-button-prev{ left:5px; transform:rotate(135deg); } .custom-swiper-button-next{ right:5px; transform:rotate(-45deg); } .frame-type-r2_fullsizeimage .custom-swiper-button-prev{ left:-50px; transform:rotate(135deg); } .frame-type-r2_fullsizeimage .custom-swiper-button-next{ right:-50px; transform:rotate(-45deg); } .frame-type-r2_fullsizeimage .custom-swiper-button-prev:hover, .frame-type-r2_fullsizeimage .custom-swiper-button-next:hover{ border-color:#fff; } .frame-type-r2_fullsizeimage .swiper-container:hover .custom-swiper-button-prev{ left:5%; opacity:1; } .frame-type-r2_fullsizeimage .swiper-container:hover .custom-swiper-button-next{ right:5%; opacity:1; } .frame-type-tim_upcomingevents .custom-swiper-button-prev:hover, .frame-type-tim_upcomingevents .custom-swiper-button-next:hover{ border-color:#000; } .custom-swiper-button-prev:focus, .custom-swiper-button-next:focus, .custom-swiper-button-prev:active, .custom-swiper-button-next:active{ outline:none; } /* ##################################################################### */ /* #### Tim-Events ##################################################### */ .frame-type-tim_event, .date{ flex-basis:140px; } .frame-type-tim_eventcalendar .date{ flex-basis:120px; } .frame-type-tim_event .date .day, .frame-type-tim_eventcalendar .date .day, .frame-type-tim_upcomingevents .date .day{ font-size:40px; font-weight:bold; font-style:normal; } .frame-type-tim_event .date .weekday, .frame-type-tim_eventcalendar .date .weekday{ text-transform:uppercase; } .frame-type-tim_event .date .time, .frame-type-tim_eventcalendar .date .time{ font-weight:bold; font-style:normal; } .frame-type-tim_event .event.soldout > * > *, .frame-type-tim_eventcalendar .event.soldout > * > *{ opacity:0.2; } .frame-type-tim_event .event.soldout > .tickets > img.soldout, .frame-type-tim_eventcalendar .event.soldout > .tickets > img.soldout{ opacity:1; } /*### //# Tim-Event Inhaltselement ###*/ .frame-type-tim_event{ border-top:1px solid black; border-bottom:1px solid black; } .frame-wrapper-tim_event + .frame-wrapper-tim_event .frame-type-tim_event{ border-top:none; } .frame-type-tim_event .event{ display:flex; flex-wrap:wrap; flex-direction:row; align-items:center; } .frame-type-tim_event .seals{ flex:1; padding:5px 20px 0 0; text-align:right; } .frame-type-tim_event .seals img{ margin-bottom:5px; } .frame-type-tim_event .tickets{ padding:5px 0; } /*### //# Tim-Eventkalender Inhaltselement ###*/ .frame-type-tim_eventcalendar .shortcuts ul{ margin:20px 0 -20px 0; padding:0; list-style:none; font-family:var(--font-family-sans-serif); font-weight:bold; } .frame-type-tim_eventcalendar .shortcuts li{ display:inline; margin-right:15px; } .frame-type-tim_eventcalendar .shortcuts li:last-child{ margin-right:0; } .frame-type-tim_eventcalendar h2{ font-size:1.2rem; margin-top:50px; margin-bottom:20px; padding-left:20px; position:relative; } .frame-type-tim_eventcalendar h2::after{ content:""; position:absolute; left:0; top:50%; width:100%; height:1px; background-color:#000; z-index:-1; } .frame-type-tim_eventcalendar h2 span{ display:inline-block; padding:0 20px; background-color:#fff; } .frame-type-tim_eventcalendar + .frame-type-tim_eventcalendar h2{ margin-top:20px; } .frame-type-tim_eventcalendar .event{ position:relative; display:flex; flex-wrap:wrap; flex-direction:row; align-items:center; padding-bottom:1px; } .frame-type-tim_eventcalendar .event::before{ content:""; position:absolute; left:0; bottom:0; height:1px; width:110px; background-color:#000; } .frame-type-tim_eventcalendar .event::after{ content:""; position:absolute; right:0; bottom:0; height:1px; width:calc(100% - 260px); background-color:#efefef; } /*.frame-type-tim_eventcalendar .event > div{ align-self:stretch; }*/ .frame-type-tim_eventcalendar .thumbnail{ flex-basis:130px; position:relative; } .frame-type-tim_eventcalendar .text{ flex:1; padding:5px 10px 5px 10px; } .frame-type-tim_eventcalendar .text .title{ font-family: var(--font-family-sans-serif); font-weight:bold; } .frame-type-tim_eventcalendar .text .title a{ color:#000; } .frame-type-tim_eventcalendar .text .title a:hover{ color:var(--specialcolor); } .frame-type-tim_eventcalendar .seals{ padding:5px 20px 0 0; } .frame-type-tim_eventcalendar .seals img{ margin-bottom:5px; } .frame-type-tim_eventcalendar .tickets{ flex-basis:62px; padding:10px 0 10px 0; text-align:right; } .frame-type-tim_eventcalendar img.soldout{ position:absolute; left:140px; top:20px; } @media screen and (max-width:620px){ .frame-type-tim_eventcalendar .event::after{ width:calc(100% - 110px); } .frame-type-tim_eventcalendar .thumbnail{ display:none; } .frame-type-tim_eventcalendar img.seal{ width:62px; height:62px; } .frame-type-tim_eventcalendar img.soldout{ position:static; } } @media screen and (max-width:620px){ .frame-type-tim_eventcalendar .text{ flex:1; } .frame-type-tim_eventcalendar .seals{ flex-basis:calc(100% - 62px); } } /*### //# Tim-Nächste-Vorstellungen Inhaltselement ###*/ .frame-type-tim_upcomingevents .text .title{ font-family: var(--font-family-sans-serif); font-weight:bold; } .frame-type-tim_upcomingevents .text .title a{ color:#000; } .frame-type-tim_upcomingevents .text .title a:hover{ color:var(--specialcolor); } /*### //# tim_participants ###*/ .frame-type-tim_participants ul{ margin:0 0 1em 0; padding:0; list-style:none; } .frame-type-tim_participants li{ margin:0; padding:0; } /*### //# tim_participations ###*/ .frame-type-tim_participations ul{ margin:0 0 1em 0; padding:0; list-style:none; border-top:2px solid black; border-bottom:1px solid black; } .frame-type-tim_participations li{ margin:0; padding:0; border-bottom:1px solid black; } .frame-type-tim_participations li > a{ display:block; color:#000; padding:5px 0; } .frame-type-tim_participations .title{ font-family:var(--font-family-sans-serif); font-size:1.2rem; line-height:1.2; font-weight:bold; } .frame-type-tim_participations a:hover .title{ color:var(--specialcolor); } /* ##################################################################### */ /* #### r2_share_url / weiterempfehlen ################################ */ .two-columns_right > .frame-wrapper-r2_share_url:first-child > .frame{ margin-top:0; } .frame-type-r2_share_url h3{ margin-bottom:10px;} .frame-type-r2_share_url h4{ margin-bottom:7px;} ul.share{ margin:0 0 2em 0; padding:0; list-style:none; } ul.share li{ display:inline; margin:0 0 0 10px; padding:0; } ul.share li:first-child{ margin-left:0; } ul.share a{ display:inline-block; color:#000; } ul.share a:hover img{ opacity:0.6; } /* ##################################################################### */ /* #### r2_fullsizeimage ############################################### */ .frame-type-r2_fullsizeimage img{ display:block; width:100%; height:auto; } .frame-type-r2_fullsizeimage.frame-layout-4 img{ height:calc(96vh - 140px - 100px); /* Fallback for browsers that do not support Custom Properties */ min-height:35vw; /*height: calc(var(--vh, 1vh) * 100);*/ /* Variable – wir per JS generiert, css-tricks.com/the-trick-to-viewport-units-on-mobile/ */ object-fit:cover; } .frame-type-r2_fullsizeimage figure{ position:relative; } .frame-type-r2_fullsizeimage a figure{ /* color:#000; */ color:#fff; } .frame-type-r2_fullsizeimage figcaption{ /* background-color:#fff; padding:14px 28px; */ position:absolute; left:56px; bottom:56px; font-size:calc(16px + 0.5vw); color:#fff; text-shadow: black 1px 1px 3px; } .frame-type-r2_fullsizeimage figcaption > div:first-child{ font-family:var(--font-family-sans-serif); font-weight:bold; } @media screen and (max-width:1400px){ .frame-type-r2_fullsizeimage figcaption{ left:4%; bottom:4vw; /* padding:1vw 2vw; */ } } /* ##################################################################### */ /* #### Gestaltungsraster ############################################## */ /* Außenabstand (für Header) */ .indent-small{ padding-left:56px; padding-right:56px; } @media screen and (max-width:1400px){ .indent-small{ padding-left:4%; padding-right:4%; } } /*### //# Header ###*/ #header{ position:relative; z-index:2; /* über dem Slider */ width:100%; color:#fff; background-color:#ccc; background-color:var(--specialcolor); } #innerHeader{ position:relative; } #logo{ height:140px; position:relative; } #logo > a{ position:absolute; bottom:9px; color:#fff; } #logo img{ width:auto; /*transition: all 0.2s ease;*/ } @media screen and (max-width:600px){ /* KLEINERES LOGO AUF SMARTPHONES */ #logo img{ height:66px; } } /* @media screen and (min-width:1150px) and (min-height:500px){} */ @media screen and (min-height:500px){ /* HEADER FIXIERUNG */ .nav-collapsed.after-scroll body{ padding-top:140px; } .nav-collapsed.after-scroll #header{ position:fixed; left:0; top:-86px; } .nav-collapsed.after-scroll #logo img{ height:36px; } } /* #mainNav{} */ #toggleMenu{ position:absolute; right:0; top:98px; cursor:pointer; border:none; margin:0; padding:0 0 0 40px; display:none; height:32px; line-height:32px; text-indent:-9999px; background-color:transparent; transition:opacity .15s; } #toggleMenu:hover{ opacity:0.7; } #toggleMenu .icon, #toggleMenu .icon:before, #toggleMenu .icon:after{ display:block; position:absolute; left:0; width:40px; height:4px; border-radius:2px; background-color:#fff; } #toggleMenu .icon{ top:50%; margin-top:-2px; transition-property:transform; transition-timing-function:cubic-bezier(.55,.055,.675,.19); transition-duration:.22s; } #toggleMenu .icon:before, #toggleMenu .icon:after{ content:""; } #toggleMenu .icon:before{ top:-10px; transition:top .1s ease-in .25s,opacity .1s ease-in; } #toggleMenu .icon:after { bottom:-10px; transition: bottom .1s ease-in .25s,transform .22s cubic-bezier(.55,.055,.675,.19); } #toggleMenu[aria-expanded="true"] .icon{ transition-delay:.12s; transition-duration:.22s; transition-timing-function: cubic-bezier(.215,.61,.355,1); transform:rotate(225deg); } #toggleMenu[aria-expanded="true"] .icon:before{ top:0; transition:top .1s ease-out,opacity .1s ease-out .12s; opacity:0; } #toggleMenu[aria-expanded="true"] .icon:after { bottom:0; transition: bottom .1s ease-out,transform .22s cubic-bezier(.215,.61,.355,1) .12s; transform:rotate(-90deg); } .toggleSubMenu{ position:absolute; right:0; top:4px; cursor:pointer; border:none; margin:0; padding:0 0 0 40px; display:none; height:32px; line-height:32px; text-indent:-9999px; background-color:transparent; transition:opacity .15s; } .toggleSubMenu::before, .toggleSubMenu::after{ content:""; position:absolute; left:4px; top:15px; background-color:#fff; width:32px; height:2px; border-radius:2px; } .toggleSubMenu::after{ transform:rotate(180deg); transition:transform .2s; } .toggleSubMenu[aria-expanded="false"]::after{ transform:rotate(-90deg); } div.expandable{ font-family:var(--font-family-sans-serif); font-weight:bold; font-size:18px; line-height:40px; } #mainNav ul{ margin:0; padding:0; list-style:none; } #mainNav li{ margin:0; padding:0; position:relative; } #mainNav a{ color:#fff; text-decoration:none; } #mainNav a:hover, #mainNav a.cur, #mainNav a.act{ color:#000; } #mainNav li svg{ width:25px; height:auto; vertical-align:text-bottom; } /* Zugänglichkeit-Icon */ @media screen and (min-width:1150px){ div.expandable{ position:absolute; right:0; top:100px; } #mainNav ul.lvl1{ display:flex; } #mainNav ul.lvl1 > li{ margin-right:20px; } #mainNav ul.lvl1 > li:last-child{ margin-right:0; } #mainNav ul.lvl1 > li > ul{ visibility:hidden; transition:visibility 0.01s; height:0; /*minimale Verzögerung damit beim Focuswechsel im Unterm,enü Edge und Chrome das Menü nicht schließen und dadurch Fokus verlieren */ background-color:#ccc; background-color:var(--specialcolor); border-top:1px solid white; position:absolute; left:-17px; top:100%; line-height:35px; padding:7px 0; min-width:calc(100% + 34px); box-sizing:content-box; } /* letzte Dropdown rechts ausrichten bei Bedarf: #mainNav ul.lvl1 > li:last-child > ul{ left:auto; right:-17px; text-align:right; } */ #mainNav ul.lvl1 > li:hover > ul, #mainNav ul.lvl1 > li.ifhover > ul{ visibility:visible; transition:visibility 0s; height:auto; } #mainNav ul.lvl2 li{ position:relative; display:block; padding:0 17px; } #mainNav ul.lvl2 a{ /*position:absolute; left:0; top:0;*/ white-space:nowrap; } } @media screen and (max-width:1149px){ #toggleMenu{ display:block; } .toggleSubMenu{ display:block; } #toggleMenu[aria-expanded="false"] + div.expandable{ display:none; } #mainNav ul.lvl1{ padding-top:10px; } #mainNav ul.lvl1 > li{ Border-top:1px solid #fff; } .toggleSubMenu[aria-expanded="false"] + ul{ display:none; } #mainNav ul.lvl2{ padding-left:20px; } #mainNav ul.lvl2 > li{ Border-top:1px solid rgba(255,255,255,0.2); } #mainNav a{ display:block; } } /*### //# Stage ###*/ #stage{ padding-bottom:4vh; } .centered, .two-columns{ margin-left:auto; margin-right:auto; max-width:1590px; box-sizing:content-box; padding-left: calc(100% / (57/2)); padding-right:calc(100% / (57/2)); } .two-columns_left{ float:left; width:calc(100% / (53/31)); } .two-columns_right{ float:right; width:calc(100% / (53/17)); } /*### //# Dreispalter im RTE ###*/ .r2columns3{ display:-ms-grid;/* IE11 */ display:grid; -ms-grid-columns:17fr 1fr 17fr 1fr 17fr;/* IE11 */ grid-template-columns:17fr 1fr 17fr 1fr 17fr; } .r2col3-1{ grid-column:1/2; grid-row:1/2; /* IE11: */ -ms-grid-column:1; -ms-grid-row:1; } .r2col3-2{ grid-column:3/4; grid-row:1/2; /* IE11: */ -ms-grid-column:3; -ms-grid-row:1; } .r2col3-3{ grid-column:5/6; grid-row:1/2; /* IE11: */ -ms-grid-column:5; -ms-grid-row:1; } .two-columns .r2columns3{ display:block; } @media screen and (max-width:855px) { /* Spaltenabstand auf 15 Pixel */ .r2columns3{ display:-ms-grid;/* IE11 */ display:grid; -ms-grid-columns:1fr 15px 1fr 15px 1fr;/* IE11 */ grid-template-columns:1fr 15px 1fr 15px 1fr; } } @media screen and (max-width:700px){ .r2columns3{ display:block; } } @media screen and (max-width:450px) { /* Außenabstand mit 15px "einfrieren" */ .centered, .two-columns{ padding-left:15px; padding-right:15px; } } @media screen and (min-width:1001px) { /* ab 1001 Pixeln hat two-colums einen Außenabstand, Spalten stehen nebeneinander */ .two-columns .centered{ padding-left:0; padding-right:0; } } @media screen and (max-width:1000px) { /* bis 1000 Pixeln stehen "two-colums"-Spalten untereinander */ .two-columns{ padding-left:0; padding-right:0; } .two-columns_left, .two-columns_right{ float:none; width:auto; } .two-columns_left + .two-columns_right{ margin-top:8vh; } } /*### //# Bildpositionierung ###*/ @media screen and (max-width:1710px) { .ce-textpic img.width-510{ max-width:calc(100vw / (57/17)); } } /*### //# Bild [780] + Text (für Repertoire) ###*/ .r2-grid.grid-131{ /*border-top:1px solid var(--specialcolor);*/ display:-ms-grid; -ms-grid-columns:26fr 1fr 26fr; display:grid; grid-template-columns:26fr 1fr 26fr; } .r2-grid > *{ display:block; } /* Links in IE11 */ .r2-grid figure img{ display:block; } .grid-131 .media-1{ grid-column:1/2; grid-row:1/2; -ms-grid-column:1; -ms-grid-row:1; } .grid-131 .ce-bodytext{ grid-column:3/4; grid-row:1/2; -ms-grid-column:3; -ms-grid-row:1; /*padding-top:15px;*/ } @media (max-width:855px) { .r2-grid.grid-131{ border-top:1px solid var(--specialcolor); display:-ms-grid; -ms-grid-columns:1fr 15px 1fr; display:grid; grid-template-columns:1fr 15px 1fr; } } @media (max-width:855px) { .r2-grid.grid-131{ display:block; } .grid-131 .media-1{ margin-bottom:1vw; } } /*### //# Teaser-Boxen (Aktuelles, Ensemble) ###*/ .r2-grid.grid-501{ display:flex; flex-wrap:wrap; margin:0 calc(0px - 100%/53/2); } .r2-grid.grid-501 > div{ /* Raster: */ width:calc(100%/54*17); box-sizing:border-box; margin:calc(100%/54*1) calc(100%/54*0.5) 0 calc(100%/54*0.5); /* Sonstiges: */ position:relative; display:flex; /* Inhalt Höhe 100% */ } .r2-grid.grid-501 figcaption{ position:absolute; bottom:0; background-color:rgba(255,255,255,0.9); width:100%; padding:15px; } .r2-grid.grid-501 figcaption > div:first-child{ font-family:var(--font-family-sans-serif); font-weight:bold; } @media screen and (max-width:855px) { /* Spaltenabstand auf 15 Pixel */ .r2-grid.grid-501{ margin:0 -7.5px; } .r2-grid.grid-501 > div{ margin:15px 7.5px 0 7.5px; /*width:calc((100% - 45px) / 3);*/ width:calc((100% - 30px) / 2); } } @media screen and (max-width:520px) { .r2-grid.grid-501{ margin:0; } .r2-grid.grid-501 > div{ margin:15px 0 0 0; width:100%; } } /*### //# Footer ###*/ #footer{ color:#fff; background-color:#ccc; background-color:var(--specialcolor); padding-top:25px; padding-bottom:25px; } ul#footerIconNav{ float:left; margin:0; padding:0; list-style:none; } #footerIconNav li{ display:inline; margin:0 0 0 10px; padding:0; } #footerIconNav li:first-child{ margin-left:0; } #footerIconNav a{ display:inline-block; color:#fff; } #footerIconNav img{ filter:brightness(0) invert(1); } #footerIconNav a:hover img{ filter:none; } ul#metaNav{ float:right; margin:0; padding:0; list-style:none; font-family:var(--font-family-sans-serif); font-size:18px; } #metaNav li{ display:inline; margin:0 0 0 5px; padding:0; } #metaNav li:first-child{ margin-left:0; } #metaNav li:after{ content:"|"; margin-left:5px; } #metaNav li:last-child:after{ content:""; margin:0; } #metaNav a{ text-decoration:none; color:#fff; } #metaNav a:hover{ color:#000; } @media screen and (max-width:560px){ #footer{ padding-top:20px; padding-bottom:20px; } ul#footerIconNav{ float:none; margin-bottom:20px; text-align:center; } ul#metaNav{ float:none; text-align:center; } } /* ##################################################################### */ /* #### Print styles (Inlined to avoid the additional HTTP request) #### */ @media print { *, *:before, *:after, *:first-letter, *:first-line { background:transparent !important; color:#000 !important; /* Black prints faster */ box-shadow:none !important; text-shadow:none !important; } html{ background-color:white !important; } pre, blockquote{ /*border:1px solid #999;*/ page-break-inside:avoid; } thead{ display:table-header-group; } tr, img{ page-break-inside:avoid; } img{ max-width:100% !important; } p, h2, h3, h4{ orphans:3; widows:3; } h2, h3, h4{ page-break-after:avoid; } /*### //# custom styles ###*/ /* #mixednav, #footer, .flexslider, .quick-access{ display:none !important; } .centered{ width:auto; } */ /* Flexslider */ /* ul.slides, ul.slides > li, .flex-viewport{ position:static !important; width:100% !important; float:none !important; transform:none !important; height:auto !important; } */ }