/* ===================================================================== Kyffdates — konsolidiertes Stylesheet ===================================================================== Quellen (Alt-Projekt, in dieser Reihenfolge zusammengefuegt): 1) /c.css — Haupt-Stylesheet 2) /c/start.css — Startseite 3) /c/event.css — Event-Detail 4) /c/add.css — Event-Eintragen-Formular 5) /c/location.css — Location-Seite 6) /c/cookie_hinweis2.css — Cookie-Banner-Theme 7) /c/up.css — Upload-UI 8) /c/kyffdates.css — Legacy-Stil 9) /c/ie.css — IE-Kompatibilitaet --------------------------------------------------------------------- Multi-Site: diese Datei wird nicht pro Site angepasst — sie repraesentiert die Kyffdates-Optik. Fuer andere Sites NEU/ kopieren und die entsprechende Gestaltung in dieser Datei ueberschreiben. --------------------------------------------------------------------- */ /* === Sektion 1: /c.css (Haupt-Stylesheet) ============================= */ /*möp*/ /* latin-ext */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; font-display:swap; font-stretch: 100%; src: url(/f/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSGmu0SC55K5gw.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Open Sans'; font-style: normal; font-display:swap; font-weight: 400; font-stretch: 100%; src: url(/f/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-mu0SC55I.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* latin-ext */ @font-face { font-family: 'Open Sans'; font-style: normal; font-display:swap; font-weight: 600; font-stretch: 100%; src: url(/f/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSGmu0SC55K5gw.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Open Sans'; font-style: normal; font-display:swap; font-weight: 600; font-stretch: 100%; src: url(/f/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-mu0SC55I.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } *{outline:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}b,strong{font-weight:700}img{border:0}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}:before,:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html{-webkit-tap-highlight-color:rgba(0,0,0,0)}.r{margin-left:-15px;margin-right:-15px}.x1,.s1,.m1,.l1,.x2,.s2,.m2,.l2,.x3,.s3,.m3,.l3,.x4,.s4,.m4,.l4,.x5,.s5,.m5,.l5,.x6,.s6,.m6,.l6,.x7,.s7,.m7,.l7,.x8,.s8,.m8,.l8,.x9,.s9,.m9,.l9,.x10,.s10,.m10,.l10,.x11,.s11,.m11,.l11,.x12,.s12,.m12,.l12{position:relative;min-height:1px;padding-left:15px;padding-right:15px}.x1,.x2,.x3,.x4,.x5,.x6,.x7,.x8,.x9,.x10,.x11,.x12{float:left}.x12{width:100%}.x11{width:91.66666667%}.x10{width:83.33333333%}.x9{width:75%}.x8{width:66.66666667%}.x7{width:58.33333333%}.x6{width:50%}.x5{width:41.66666667%}.x4{width:33.33333333%}.x3{width:25%}.x2{width:16.66666667%}.x1{width:8.33333333%}@media (min-width:768px){.s1,.s2,.s3,.s4,.s5,.s6,.s7,.s8,.s9,.s10,.s11,.s12{float:left}.s12{width:100%}.s11{width:91.66666667%}.s10{width:83.33333333%}.s9{width:75%}.s8{width:66.66666667%}.s7{width:58.33333333%}.s6{width:50%}.s5{width:41.66666667%}.s4{width:33.33333333%}.s3{width:25%}.s2{width:16.66666667%}.s1{width:8.33333333%}}@media (min-width:992px){.m1,.m2,.m3,.m4,.m5,.m6,.m7,.m8,.m9,.m10,.m11,.m12{float:left}.m12{width:100%}.m11{width:91.66666667%}.m10{width:83.33333333%}.m9{width:75%}.m8{width:66.66666667%}.m7{width:58.33333333%}.m6{width:50%}.m5{width:41.66666667%}.m4{width:33.33333333%}.m3{width:25%}.m2{width:16.66666667%}.m1{width:8.33333333%}}@media (min-width:1200px){.l1,.l2,.l3,.l4,.l5,.l6,.l7,.l8,.l9,.l10,.l11,.l12{float:left}.l12{width:100%}.l11{width:91.66666667%}.l10{width:83.33333333%}.l9{width:75%}.l8{width:66.66666667%}.l7{width:58.33333333%}.l6{width:50%}.l5{width:41.66666667%}.l4{width:33.33333333%}.l3{width:25%}.l2{width:16.66666667%}.l1{width:8.33333333%}}.r:before,.r:after{content:" ";display:table}.r:after{clear:both}.pull-right{float:right!important}.pull-left{float:left!important}.hide{display:none!important}.show{display:block!important}.visible-x,.visible-s,.visible-m,.visible-l{display:none!important}.visible-x-inline-block,.visible-s-inline-block,.visible-m-inline-block,.visible-l-inline-block{display:none!important}@media (max-width:767px){.visible-x{display:block!important;}.visible-x-inline-block{display:inline-block!important}.p30s{padding:0 30px 10px 30px}}@media (min-width:768px) and (max-width:991px){.visible-s{display:block!important}.visible-s-inline-block{display:inline-block!important}}@media (min-width:992px) and (max-width:1199px){.visible-m{display:block!important}.visible-m-inline-block{display:inline-block!important}}@media (min-width:1200px){.visible-l{display:block!important}}@media (min-width:1200px){.visible-l-inline-block{display:inline-block!important}}@media (max-width:767px){.hidden-x{display:none!important}}@media (min-width:768px) and (max-width:991px){.hidden-s{display:none!important}}@media (min-width:992px) and (max-width:1199px){.hidden-m{display:none!important}}@media (min-width:1200px){.hidden-l{display:none!important}} /* Grundelemente */ *{outline:none} body{background:#f4f4f4 url(../g/bg.png);font-size:14px;line-height:22px;padding:0;margin:0;font-family:'Open Sans', 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;-webkit-font-smoothing:subpixel-antialiased} h1,h2,h3,h4,p{margin:0} .c{clear:both}.c10,.c15,.c20,.c30,.c40,.c50,.c60,.c70,.c80{height:10px;width:100%;clear:both}.c15{height:15px}.c20{height:20px}.c30{height:30px}.c40{height:40px}.c50{height:50px}.c60{height:60px}.c70{height:70px}.c80{height:80px}.p10{padding:10px}.p15{padding:15px}.p20{padding:20px}.p30{padding:30px}.w100{width:100%}.mw100{max-width:100%}.t{transition:all .5s}.cp{cursor:pointer} a{ text-decoration:none;color:#1AB6F8}a:hover{color:#222}a img{border:none}iframe{overflow:hidden;border:none;background:none} .w{margin:0 auto} @media (min-width:768px){.w{width:768px}}@media (min-width:992px){.w{width:992px}}@media (min-width:1200px){.w{width:1100px}} .w2{background:#ddd;background-image:linear-gradient(#dedede,#efefef);min-height:300px;padding:0 0 20px 0;margin:20px 0 -20px 0} .c{clear:both;height:0;width:100%} .c20{clear:both;height:20px} .a{ width:63%;float:left;padding:0 10px} .b{ width:37%;float:left;padding:0 10px} .z{text-align:center} .fixed{position:fixed !important;top:0 !important;width:100%}h1{padding:0 0 12px 0;color:#262626;line-height:30px;font-size:24px;font-weight:600}h2{margin:4px 0 6px 0;color:#262626;line-height:20px;font-size:17px;font-weight:400}h3{margin:0 0 3px 0;font-size:14px;line-height:20px;color:#1AB6F8;font-weight:400} .h1big{font-size:40px;text-align:center;color:#222;margin-bottom:0px; font-weight: 600;/* text-shadow:1px 1px 2px #f5f5f5*/} .p, p{margin:0 0 5px 0;color:#4c4c4c;font-size:15px;line-height:22px} .p a, p a{text-decoration:none;color:#1AB6F8} .p a:hover, p a:hover{color:#262626}h1 a, h2 a{text-decoration:none;color:#262626}h1 a:hover{color:#1AB6F8}h2 a:hover{text-decoration:underline}h3 a{text-decoration:none;color:#1AB6F8}h3 a:hover{color:#262626}#subheading,.subheading{font-weight:300;font-size:19px;color:#616161;text-align:center;margin-bottom:25px} #oben{padding:0 9px;line-height:31px;font-size:14.7px;font-weight:600;color:#fff;text-shadow:0.5px 0.5px 1px #0f94cc;border:2px solid #1AB6F8;background:#7FDAFE;background-image:linear-gradient(#7FDAFE,#48C7F9);display:inline-block;right:30px;top:60px;border-radius:7px;box-shadow:0 0 7px #8cd8f8;position:fixed;cursor:pointer;z-index:20000;opacity:0}#oben:hover{box-shadow:0 0 7px #bbb;background:#333;background-image:linear-gradient(#555,#222);color:#f1f1f1}#hoch{ height:40px;width:40px;background:#454545;background-image:linear-gradient(#3B3B3B,#282828);text-align:center;font-size:20px;line-height:35px;color:#ddd;right:30px;top:100%;border-radius:100%;box-shadow:0 0 7px #999;margin:-70px 0 0 0;position:fixed;cursor:pointer;z-index:20000;opacity:0}#hoch:hover{box-shadow:0 0 7px #666;background:#333;background-image:linear-gradient(#282828,#3B3B3B)} .conti{border-radius:15px;padding:20px;margin:0 0 20px 0;background:#fff;overflow:hidden;box-shadow:0 0 15px #ddd} .teil1{cursor:pointer;border-bottom:1px solid #e6e6e6;padding:20px;margin:-20px -20px 0 -20px;box-shadow:0 0 10px #ccc;position:relative;z-index:1} .teil1 h2{padding:0;margin:0;line-height:17px} .teil1 h2 span{ float:right;height:17px;width:19px;display:block;background:url('g/toggle2.png') center no-repeat} .teil1 h2 .deaktiviert{background-image:url('g/toggle1.png')} .teil1:hover h2{color:#1AB6F8 !important} .teil2{ background:#f9f9f9;background-image:linear-gradient(#f6f6f6,#fff);margin:0 -20px -20px -20px;padding:20px 20px 20px 20px} .s{height:25px;float:left;width:100%} .m{marin:0;width:100%;float:left;background:url(../g/m_bg.jpg) no-repeat center 0;min-height:586px} .box1,.infobox1{background:#eee;border-radius:14px;padding:14px} .box2,.infobox2{padding:14px;background-color:#CF9;border:2px solid #6C0;color:#00CC00;border-radius:14px} .box3,.infobox3{background:#FCBDBD;color:#C00;border:2px solid #C00;border-radius:14px;padding:14px} .box3 a{text-decoration:underline;color:#900} .box3 a:hover{color:#C00} .button, .button1{border-radius:7px;border:2px solid #1AB6F8;font-family:'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;padding:10px;display:inline-block;text-align:center;margin:10px;font-size:14.7px;font-weight:600;color:#012533;background:#7FDAFE;background-image:linear-gradient(#7FDAFE,#48C7F9)} .button:hover, .button1:hover{background:#333;background-image:linear-gradient(#555,#222);box-shadow:none;cursor:pointer;color:#f1f1f1} .button1{border-radius:7px;border:2px solid #1AB6F8;padding:4px 7px;margin:0;font-size:13.7px;font-weight:600;color:#012533;background:#7FDAFE;background-image:linear-gradient(#7FDAFE,#48C7F9)} /* Navi und Header */#navi2{background:#333 url(../g/navi_bg.png);z-index:100;height:40px;box-shadow:0 0 12px #888;position:relative;border-top:3px solid #1AB6F8} #top{background:url(../g/header_bg.png) center no-repeat;height:140px;overflow:hidden} #top i{ font-size:40px} #top a{color:#838D00} #header{position:relative;z-index:1000;background-color:#e6fb00;background-image:url(/g/o.png);background:url(/g/o.png) repeat,linear-gradient(#E9FF00,#D8EE01);-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box} .header{max-width:1100px;width:100%;margin:0 auto} .header_ek{border-radius:8px;height:81px;float:left;margin:0 20px;text-align:center} .header_ek:hover{box-shadow:inset 0 0 7px #CDE000;background:rgba(220,240,1,0.3);text-shadow:#D8F300 0.3px 0.3px} #navi2 ul{ list-style:none;text-align:center;width:100%;padding:0;margin:0 auto;display:flex} #navi2 ul li{padding:0;float:left;border-left:1px solid #111;-webkit-flex-grow:1;flex-grow:1;-webkit-flex-basis:auto;flex-basis:auto} #navi2 ul li a{padding:0 25px 1px 25px;display:block;text-decoration:none;color:#ddd;text-shadow:#000 2px 2px;font-size:15.4px;line-height:36px} #navi2 ul li a:hover{box-shadow:inset 0 0 20px #000;color:#3CC7FF} #navi2 ul li .aktiv{box-shadow:inset 0 0 14px #111;color:#bbb} #navi ul{list-style:none;text-align:center;width:970px;padding:0;margin:0 auto} #navi ul li{padding:0;display:inline-block;border-left:1px solid #111} #navi ul li a{display:block;position:relative;padding:0 10px 0 10px;float:left;line-height:38px;text-decoration:none} #navi ul li a:hover{padding:1px 10px 0 10px;color:#52c0e1;line-height:38px} .lierstes{border-left:none !important} .n{background:#262626 url(../g/n.png) repeat-x;height:39px}#ersetzer{ height:36px;width:82px; margin: 0 auto}#ersetzer div{ height:22px;width:82px; mask:url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%20standalone%3D%22no%22%3F%3E%0A%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%0A%3Csvg%20width%3D%22100%25%22%20height%3D%22100%25%22%20viewBox%3D%220%200%20562%20149%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%20xml%3Aspace%3D%22preserve%22%20xmlns%3Aserif%3D%22http%3A%2F%2Fwww.serif.com%2F%22%20style%3D%22fill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3Bstroke-linejoin%3Around%3Bstroke-miterlimit%3A2%3B%22%3E%0A%20%20%20%20%3Cpath%20id%3D%22U-Kopie%22%20serif%3Aid%3D%22U%20Kopie%22%20d%3D%22M554.193%2C92.609C549.596%2C96.329%20543.923%2C98.66%20537.204%2C98.87L537.204%2C98.916L397.531%2C98.916L397.531%2C98.851C393.801%2C98.561%20392.672%2C96.537%20391.232%2C93.736C387.346%2C96.861%20382.123%2C98.912%20378.496%2C98.912L369.635%2C98.912L302.474%2C98.57C296.721%2C98.57%20290.901%2C95.967%20287.455%2C92.423C284.008%2C88.879%20281.065%2C84.558%20281.065%2C78.682C281.065%2C71.414%20283.326%2C64.749%20287.769%2C58.667L271.487%2C58.667L236.586%2C136.501C233.683%2C142.89%20229.641%2C146.085%20224.46%2C146.085C222.18%2C146.085%20220.262%2C145.456%20218.708%2C144.197C217.153%2C142.937%20216.376%2C141.374%20216.376%2C139.509C216.376%2C138.156%20217.05%2C135.942%20218.397%2C132.863L251.744%2C58.667L222.404%2C58.667L187.503%2C136.501C184.6%2C142.89%20180.558%2C146.085%20175.377%2C146.085C173.097%2C146.085%20171.18%2C145.456%20169.625%2C144.197C168.07%2C142.937%20167.293%2C141.374%20167.293%2C139.509C167.293%2C138.156%20167.967%2C135.942%20169.314%2C132.863L202.661%2C58.667L179.086%2C58.667L160.52%2C101.365L167.217%2C101.365C173.797%2C101.365%20176.905%2C102.268%20176.905%2C106.419C176.905%2C109.263%20175.751%2C112.456%20173.446%2C114.042C171.14%2C115.627%20168.097%2C117.56%20163.952%2C117.56L153.68%2C117.56C152.176%2C121.571%20149.456%2C124.771%20145.518%2C131.394C138.677%2C143.053%20128.728%2C148.884%20115.669%2C148.884C107.741%2C148.884%20101.083%2C146.645%2095.692%2C142.168C90.303%2C137.69%2087.608%2C132.14%2087.608%2C125.518C87.608%2C121.38%2088.851%2C117.51%2091.202%2C113.878C91.197%2C113.875%2091.189%2C113.873%2091.184%2C113.87C88.386%2C112.167%2085.846%2C108.611%2083.566%2C103.201L62.967%2C53.111L46.877%2C88.72C43.768%2C95.716%2039.337%2C99.214%2033.585%2C99.214C31.201%2C99.214%2029.155%2C98.514%2027.444%2C97.115C25.734%2C95.716%2024.879%2C94.061%2024.879%2C92.148C24.879%2C90.609%2025.319%2C88.837%2026.201%2C86.831L27.133%2C84.802L47.343%2C40.029C50.401%2C33.221%2051.93%2C28.51%2051.93%2C25.898C51.93%2C23.613%2050.828%2C21.642%2048.626%2C19.986C46.423%2C18.331%2043.846%2C17.503%2040.892%2C17.503C35.606%2C17.503%2030.851%2C19.497%2026.628%2C23.484C22.404%2C27.472%2020.293%2C31.938%2020.293%2C36.881C20.293%2C42.292%2023.531%2C46.045%2030.01%2C48.144C33.947%2C49.404%2035.917%2C51.596%2035.917%2C54.72C35.917%2C57.333%2034.79%2C59.49%2032.536%2C61.192C30.282%2C62.895%2027.47%2C63.745%2024.102%2C63.745C17.624%2C63.745%2012.079%2C61.273%207.468%2C56.329C2.855%2C51.387%200.549%2C45.486%200.549%2C38.63C0.549%2C28.416%204.786%2C19.497%2013.259%2C11.871C21.731%2C4.246%2031.667%2C0.433%2043.068%2C0.433C51.567%2C0.433%2058.666%2C2.672%2064.367%2C7.149C70.067%2C11.626%2072.917%2C17.223%2072.917%2C23.939C72.917%2C28.696%2071.569%2C34.06%2068.875%2C40.029L66.154%2C45.976L106.963%2C7.569C111.367%2C3.418%20115.384%2C1.343%20119.012%2C1.343C121.499%2C1.343%20123.571%2C2.077%20125.23%2C3.546C126.888%2C5.015%20127.717%2C6.869%20127.717%2C9.108C127.717%2C11.86%20125.619%2C15.218%20121.421%2C19.182L84.266%2C54.021L100.667%2C94.177C102.117%2C97.627%20105.227%2C101.38%20109.995%2C101.38L126.761%2C101.38C127.136%2C101.378%20127.491%2C101.365%20127.873%2C101.365L140.543%2C101.365L143.188%2C94.374C139.353%2C95.821%20135.829%2C96.543%20132.617%2C96.543C127.071%2C96.543%20122.967%2C95.273%20119.521%2C92.731C116.074%2C90.189%20113.961%2C87.67%20113.961%2C83.613C113.961%2C81.142%20115.075%2C77.434%20117.304%2C72.489L125.386%2C53.671L126.241%2C51.712C128.728%2C46.443%20132.588%2C43.807%20137.822%2C43.807C140.102%2C43.807%20142.007%2C44.461%20143.536%2C45.766C145.064%2C47.072%20145.829%2C48.728%20145.829%2C50.733C145.829%2C52.086%20145.155%2C54.277%20143.808%2C57.309L136.19%2C74.029C134.997%2C76.734%20134.376%2C78.483%20134.325%2C79.275C134.169%2C81.561%20135.775%2C82.704%20139.144%2C82.704C141.527%2C82.704%20143.963%2C82.074%20146.451%2C80.815C148.938%2C79.556%20150.518%2C78.133%20151.192%2C76.547L161.608%2C53.671L162.385%2C51.712C164.821%2C46.443%20168.682%2C43.807%20173.967%2C43.807C174.334%2C43.807%20174.675%2C43.853%20175.023%2C43.887C175.541%2C43.859%20176.033%2C43.807%20176.584%2C43.807L209.501%2C43.807L219.373%2C21.91C222.689%2C14.634%20226.666%2C9.47%20231.304%2C6.414C235.942%2C3.36%20242.148%2C1.832%20249.921%2C1.832L258.782%2C1.832C265.415%2C1.832%20268.732%2C3.885%20268.732%2C7.988C268.732%2C10.927%20267.566%2C13.213%20265.234%2C14.844C262.902%2C16.477%20259.663%2C17.293%20255.518%2C17.293L253.186%2C17.293C248.833%2C17.293%20245.399%2C18.086%20242.886%2C19.671C240.372%2C21.257%20238.261%2C23.939%20236.551%2C27.717L229.245%2C43.807L258.584%2C43.807L268.456%2C21.91C271.772%2C14.634%20275.749%2C9.47%20280.387%2C6.414C285.025%2C3.36%20291.231%2C1.832%20299.004%2C1.832L307.865%2C1.832C314.498%2C1.832%20317.815%2C3.885%20317.815%2C7.988C317.815%2C10.927%20316.649%2C13.213%20314.317%2C14.844C311.985%2C16.477%20308.746%2C17.293%20304.601%2C17.293L302.269%2C17.293C297.916%2C17.293%20294.482%2C18.086%20291.969%2C19.671C289.455%2C21.257%20287.344%2C23.939%20285.634%2C27.717L278.328%2C43.807L311.066%2C43.807C312.116%2C43.692%20313.179%2C43.633%20314.256%2C43.633C320.526%2C43.633%20325.527%2C45.662%20329.258%2C49.719L346.592%2C11.452C349.546%2C4.923%20353.666%2C1.658%20358.951%2C1.658C361.179%2C1.658%20363.071%2C2.3%20364.626%2C3.582C366.181%2C4.865%20366.958%2C6.439%20366.958%2C8.304C366.958%2C9.75%20366.569%2C11.382%20365.792%2C13.201L364.859%2C15.09L333.639%2C84.792L353.805%2C85.136C353.41%2C83.403%20351.242%2C80.251%20351.242%2C78.262C351.242%2C69.307%20354.023%2C61.297%20360.89%2C54.231C367.756%2C47.166%20375.516%2C43.633%20384.17%2C43.633C390.803%2C43.633%20395.648%2C45.709%20398.706%2C49.859C401.297%2C46.361%20404.691%2C44.612%20408.889%2C44.612C411.169%2C44.612%20413.073%2C45.266%20414.602%2C46.571C416.13%2C47.877%20416.895%2C49.487%20416.895%2C51.398C416.895%2C52.704%20416.48%2C54.266%20415.651%2C56.085L414.797%2C57.974L403.603%2C84.573L417.192%2C84.573L418.468%2C81.914L427.432%2C60.325L427.464%2C60.325L435.039%2C43.474L434.938%2C43.474L435.775%2C41.627L428.027%2C41.627C421.446%2C41.627%20418.155%2C39.551%20418.155%2C35.401C418.155%2C32.555%20419.309%2C30.339%20421.614%2C28.755C423.92%2C27.168%20427.146%2C26.376%20431.292%2C26.376L442.683%2C26.376L449.443%2C11.452C452.397%2C4.923%20456.517%2C1.658%20461.802%2C1.658C464.03%2C1.658%20465.922%2C2.3%20467.477%2C3.582C469.031%2C4.865%20469.809%2C6.439%20469.809%2C8.304C469.809%2C9.75%20469.42%2C11.382%20468.643%2C13.201L467.71%2C15.09L463.088%2C25.218L463.092%2C25.219L462.577%2C26.354L469.497%2C26.354C476.078%2C26.354%20479.369%2C28.43%20479.369%2C32.58C479.369%2C35.426%20478.215%2C37.641%20475.91%2C39.226C473.603%2C40.812%20470.378%2C41.605%20466.232%2C41.605L455.65%2C41.605L439.128%2C77.984L439.109%2C77.976L436.89%2C84.573L459.372%2C84.573C458.938%2C82.684%20456.092%2C78.952%20456.092%2C76.723C456.092%2C65.311%20461.151%2C57.22%20465.584%2C52.939C472.347%2C46.409%20480.392%2C43.144%20489.72%2C43.144C496.508%2C43.144%20501.962%2C45.231%20506.082%2C48.425C510.202%2C51.62%20512.262%2C55.83%20512.262%2C61.052C512.262%2C67.349%20509.411%2C71.036%20503.711%2C74.067C500.55%2C75.793%20495.834%2C76.656%20489.564%2C76.656L474.018%2C76.656C474.018%2C80.154%20476.945%2C84.573%20482.802%2C84.573L532.039%2C84.573C539.242%2C84.573%20542.844%2C80.525%20542.844%2C75.814C542.844%2C74.089%20542.17%2C72.06%20540.823%2C69.727L537.403%2C63.711L535.926%2C66.929C533.645%2C71.546%20530.407%2C73.855%20526.21%2C73.855C524.084%2C73.855%20522.18%2C73.19%20520.496%2C71.861C518.812%2C70.532%20517.97%2C69.005%20517.97%2C67.278C517.97%2C65.647%20518.721%2C63.478%20520.224%2C60.773L531.214%2C41.233C533.752%2C36.709%20537.305%2C34.447%20541.088%2C34.447C543.109%2C34.447%20545.17%2C35.367%20546.621%2C36.556C548.072%2C37.746%20548.472%2C39.482%20548.472%2C41.115C548.472%2C41.534%20548.317%2C42.444%20548.006%2C43.843C547.798%2C44.869%20547.044%2C45.779%20547.044%2C46.571C547.044%2C49.509%20548.261%2C52.518%20550.697%2C55.596L554.737%2C61.123C559.245%2C66.766%20561.5%2C72.223%20561.5%2C77.493C561.5%2C83.369%20559.063%2C88.669%20554.193%2C92.609ZM115.032%2C117.563C109.284%2C118.988%20106.341%2C120.854%20106.341%2C125.518C106.341%2C127.896%20107.158%2C129.808%20108.79%2C131.254C110.422%2C132.699%20112.611%2C133.423%20115.358%2C133.423C119.14%2C133.423%20122.496%2C132.094%20125.424%2C129.436C128.203%2C126.912%20131.253%2C123.699%20134.57%2C117.563L115.032%2C117.563ZM320.824%2C59.234C319.503%2C58.254%20317.857%2C57.764%20315.888%2C57.764C311.846%2C57.764%20308.077%2C59.793%20304.579%2C63.851C301.081%2C67.908%20299.332%2C72.293%20299.332%2C77.003C299.332%2C81.154%20301.508%2C84.532%20305.861%2C84.532L308.815%2C84.532C312.391%2C84.532%20314.748%2C83.249%20315.888%2C80.684L321.718%2C66.439C322.443%2C64.854%20322.807%2C63.641%20322.807%2C62.801C322.807%2C61.402%20322.146%2C60.213%20320.824%2C59.234ZM390.272%2C59.164C388.899%2C58.231%20387.253%2C57.764%20385.336%2C57.764C381.553%2C57.764%20377.874%2C59.747%20374.299%2C63.711C370.723%2C67.675%20368.935%2C71.78%20368.935%2C76.024C368.935%2C80.827%20371.085%2C84.532%20375.387%2C84.532L377.33%2C84.532C381.578%2C84.532%20384.404%2C81.667%20385.803%2C78.542L391.244%2C66.439C391.969%2C64.854%20392.332%2C63.525%20392.332%2C62.452C392.332%2C61.192%20391.645%2C60.097%20390.272%2C59.164ZM486.3%2C63.923C491.844%2C63.923%20494.539%2C62.828%20494.384%2C60.635C494.228%2C58.164%20492.441%2C56.928%20489.02%2C56.928C484.252%2C56.928%20480.495%2C59.26%20477.749%2C63.923L486.3%2C63.923Z%22%20style%3D%22fill%3Argb%28133%2C143%2C0%29%3B%22%2F%3E%0A%3C%2Fsvg%3E%0A); background-color:#fff;top:5px; display: inline-block;position:relative}a:hover #ersetzer div{ background-position:bottom;transition: all .5s}.lierstes:hover #ersetzer div{background-color:#3CC7FF;transition: all .5s} .aktiv #ersetzer div{text-align: center}/* tools */#sharer{ width:125px;float:right}#sharer .sharer_a{ width:40px;height:40px;display:table;float:left}#sharer .sharer_b{display:table-cell;vertical-align:middle;text-align:center}#sharer .sharer_b a{display:inline-block;height:30px;border-radius:5px;overflow:hidden;width:30px;float:none}#sharer_fb{background:#3B5998 url('/g/sharer/1.svg') center no-repeat;-webkit-background-size:contain;background-size:contain}#sharer_twitter{background:#40A3FF url('/g/sharer/2.svg') center no-repeat;-webkit-background-size:contain;background-size:contain}#sharer_google{background:#DB4135 url('/g/sharer/3.svg') center no-repeat;-webkit-background-size:contain;background-size:contain}#sharer_telegram{background:#DB4135 url('/g/sharer/4.svg') center no-repeat;-webkit-background-size:contain;background-size:contain}/* Footer */#footer_trenner{background:#1ab6f8;width:100%;float:left;height:3px;margin:20px 0 0 0}#footer_main{background:#1a1a1a;background-image:linear-gradient( rgba(0,0,0,0) , rgba(0,0,0,0.3) ),url('/g/footer_bg.png');width:100%;float:left} #footer_hinweis{padding:20px 0;text-align:center;color:#666;font-size:13px;text-shadow:1px 1px 0 #000;line-height:30px} #footer_hinweis a{text-decoration:none;font-size:13px;line-height:23px;transition:all 0.2s} #footer_hinweis a:hover{color:#fff;transition:all 0.2s} #footer_hinweis:hover a{font-size:18px;transition:all 0.2s} .footer_nav{margin-top:34px;margin-bottom:20px} .footer_nav ul{padding:0} .footer_nav ul li{padding:0;margin:0;list-style:none} .footer_nav ul li p{color:#ccc;font-size:14.2px;margin:0 0 7px 0} .footer_nav ul li a{ font-size:13px;display:inline-block;line-height:25px;text-shadow:1px 1px 0 #000;color:#777;text-decoration:none;} .footer_nav ul li a:hover{ color:#ddd;margin:0 -8px;padding:0 8px;box-shadow:0 0 4px #000;background:#212121;border-radius:4px} #amnavi{padding:9px;display:inline-block;float:right;height:37px;overflow:hidden;width:52px;transition:all .5s} #amnavi div{height:2px;margin:0 0 6px 0;background:#fff} #amnavi span{height:3px;display:block;width:54%;margin:0 0 5px 0;transition:all .5s} #tmnavi{color:#ddd;font-size:15.4px;line-height:37px} #mnavi{width:100%;display:none} #mnavi div{border-bottom:1px solid #444;width:100%} #mnavi div:last-child{border-bottom:3px solid #1AB6F8} #mnavi div a{display:block;background:#272727;color:#fff;line-height:40px;height:40px;text-align:center;font-size:20px;text-transform:uppercase} @media(max-width:992px){.footer_nav ul li{text-align:center}} /*navi seite*/#naviseite{width:35px;list-style:none;margin:0;padding:0;top:50%;margin-top:-90px;right:9px;position:fixed;z-index:10000}#naviseite ul{ width:35px;list-style:none;margin:0;padding:0}#naviseite ul li{cursor:pointer;height:35px;float:right;width:17px;margin:3px;border-radius:100%}#naviseite ul li a{ width:5px;height:35px;float:right;margin:4px;float:left;background:#222;display:inline-block}#naviseite ul li:hover a{width:11px} .adazu{ width:11px !important} .dazu{display:inline-block;position:absolute;background:#222;padding:0 10px 0 10px;right:15px;text-align:right;line-height:35px;margin:4px 0;color:#fff;font-size:16.5px;text-transform:uppercase;font-weight:200;white-space:nowrap} /*unten extrainfos*/.kns1{} .kns2{} .kns2 a{ display:block;margin:0 0 15px 0;font-size:16px;background:#f4f4f4;transition:background-color 0.5s;padding:9px 8px;overflow:hidden;line-height:20px;border-bottom:1px solid #d7d7d7;border-right:1px solid #ddd} .kns2 a:hover{ background:#fff;transition:background-color 0.5s} .kns2 a span{ color:#555;font-size:14px}#events_nach_ort,#events_nach_loc{ text-align:center}#events_nach_ort a,#events_nach_loc a{ display:inline-block;border:none;line-height:24px;padding:0;margin:0;background:none}#events_nach_ort .gr1,#events_nach_loc .gr1{font-size:21px}#events_nach_ort .gr2, #events_nach_loc .gr2{font-size:18px}#events_nach_ort .gr3, #events_nach_loc .gr3{font-size:15px}#events_nach_ort .gr4, #events_nach_loc .gr4{font-size:13px}#events_nach_ort .gr5, #events_nach_loc .gr5{font-size:12px}input:focus, textarea:focus, select:focus{border:1px solid #c0c0c0;box-shadow:0 0 7px #d5d5d5;background:#fff}input, textarea, select{border-radius:5px;line-height:22px;box-shadow:0 0 7px #eee;background-color:#FCFCFC;border:1px solid #c4c4c4;overflow:hidden} #kyui_im{text-align:center;padding:15px;transition:background 0.5s, color 0.4s;display:block;background:#777 linear-gradient(20deg,#555,#777);border-radius:15px;color:#dadada} #kyui_im:hover{ background:#dadada;color:#666;transition:background 0.5s, color 0.4s} /*smartphone*/@media (max-width:767px){ .a{ width:100%;float:left;padding:0 10px} .b{ width:100%;float:left;padding:0 10px} .h1big{font-size:25px;text-align:center;color:#222;margin-bottom:0px;text-shadow:1px 1px 2px #f5f5f5} .w2,.w{padding:0 1px 20px 1px;margin:0;max-width:100%} } /*font awesome*/@font-face{font-family:'FontAwesome';src:url(/fonts/fontawesome-webfont.eot?v=4.4.0);src:url(/fonts/fontawesome-webfont.eot?#iefix&v=4.4.0) format("embedded-opentype"),url(/fonts/fontawesome-webfont.woff2?v=4.4.0) format("woff2"),url(/fonts/fontawesome-webfont.woff?v=4.4.0) format("woff"),url(/fonts/fontawesome-webfont.ttf?v=4.4.0) format("truetype"),url(/fonts/fontawesome-webfont.svg?v=4.4.0#fontawesomeregular) format("svg");font-weight:400;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-3px{margin:0 3px 0 0}.fa-5px{margin:0 5px 0 0} .fa-clock-o:before{content:"\f017"}.fa-money:before{content:"\f0d6"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-paper-plane:before{content:"\f1d8"}.fa-line-chart:before{content:"\f201"}.fa-facebook-official:before{content:"\f230"}.fa-hand-peace-o:before{content:"\f25b"}.fa-calendar-plus-o:before{content:"\f271"}.fa-commenting-o:before{content:"\f27b"}.fa-users:before{content:"\f0c0"}.fa-chevron-up:before{content:"\f077"} /* === Sektion 2: /c/start.css (Startseite) ============================= */ .start_event0{padding: 0 10px !important;} .start_event{height:201px; padding:0;overflow:hidden; display:block} .start_event:hover{box-shadow:0 0 15px #c7c7c7;box-shadow:0 0 15px #bbb; top:-5px; left:0px; width:100%; min-height:230px; height:auto; position:absolute; z-index:2} .start_event:hover h4{color:#1AB6F8 !important} .start_event:hover .teil2{ background:#fff; } .start_event img{ background-size:cover; height:100px; background-color:#333; width:100%; background-position:center } .start_event .teil1{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;margin:0; padding:5px 12px; height:22px; border-radius: 14px 14px 0 0 } .start_event .teil1 div{ float:left; font-size:13.5px; line-height:22px;width:50%} .start_event .teil1 .eins{ font-weight:600;color:#1AB6F8} .start_event .teil1 .zwei{ text-align:right;color:#555} .start_event:hover .teil1{ background:#1AB6F8; color:#fff; box-shadow:none} .start_event:hover .eins,.start_event:hover .zwei{color:#fff } .start_event .con{float:left;width:100%; overflow:hidden; height:182px; height:auto} .start_event .con h4{font-weight:600; color:#222; font-size:16.4px; margin:0; line-height:22px; padding:0 0 3px 0} .start_event .con h5{padding: 0 0 3px 0; line-height:24px; color:#222; font-size:15px; font-weight:400; margin:0} .start_event .over{position:relative; margin:-72px 0 0 0;height:50px; z-index:1; background:linear-gradient(rgba(255,255,255,0),rgba(255,255,255,1))} .start_event:hover .over{background:none; margin:-60px 0 0 0} .start_event .bild{height:60px; width:100%; ; background-size:cover; margin:0 0 3px 0} .start_event .teil2{margin:0; -webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;padding:9px 12px 12px 12px; height:169px; overflow:hidden; border-radius: 0 0 14px 14px !important } .start_event:hover .teil2{height:auto} .start_event .teil1{overflow:hidden} .start_event .zwei span{font-weight:600} /* === Sektion 3: /c/event.css (Event-Detail) =========================== */ @charset "UTF-8"; #veranstaltung_bild{text-decoration:none; display:inline-block; line-height:0;float:left; color:#666;border:1px solid #e6e6e6; display:inline-block; margin:5px 15px 10px 0;background:#F7F7F7; box-shadow: inset 0 0 15px #ddd} #veranstaltung_google_maps{width:100%; height:350px; margin:5px 0 10px 0;border:1px solid #e6e6e6;background:#F7F7F7; box-shadow: inset 0 0 15px #ddd} #veranstaltung_tools{border-bottom:1px solid #e6e6e6; padding:20px 17px 18px 20px; box-shadow: 0 0 10px #ccc; position:relative; z-index:1} #veranstaltung_ohneg{float:right; text-align:right; padding:53px 0 0 0;font-size:12px} #veranstaltung_head{float:left; width:300px} .veranstaltung_datum{margin:0; color:#222; font-size:22px} .veranstaltung_datum div{font-size:14.5px; font-weight:400; color:#555;margin:-4px 0 2px 0} .veranstaltung_datum span{ font-size:14px; margin:-1px 0 0 0;color:#1AB6F8; display:block} .veranstaltung_datum:hover{color:#1AB6F8} .veranstaltung_datum:hover span{color:#777} .veranstaltung_datum:hover div{color:#222} .veranstaltung_datum .grau{color:#999} .noire{float:right; width:250px; text-align:right; margin:5px 4px 0 0} .ablue{ float:left; font-size:15px; color:#1AB6F8; line-height:20px; text-align:right; padding:7px 5px 0 0; width:32px; } .bblue{ float:left; line-height:30px; width:260px; font-size:19px; } #veranstaltung_infos{padding:20px; background:#f9f9f9; background-image:linear-gradient(#f6f6f6,#fff)} #veranstaltung_location_a{float:left;width:280px} #veranstaltung_location_b{float:left;width:260px} #veranstaltung_location_a{border-right:1px solid #e6e6e6} #veranstaltung_location_b{padding:0 0 0 15px; display:block; height:100%; text-decoration:none} .veranstaltung_clock{line-height:38px; font-size:17px} .veranstaltung_clock img{margin:0 5px 0 0} .veranstaltung_location{ width:100%;background:#FCFCFC; border:1px solid #e6e6e6; margin:5px 0 14px 0; float:left; overflow:hidden} .veranstaltung_location:hover{background:#f1f1f1 linear-gradient(#fff,#f1f1f1); box-shadow: inset 0 2px 15px #ddd} .veranstaltung_location:hover img{opacity:0.9} .veranstaltung_location_b1{margin:9px 0 0 0; color:#222; font-size:15.5px; display:block} .veranstaltung_location_b2{margin:5px 0 0 0; display:block; color:#4c4c4c} .veranstaltung_location_b3{margin:5px 0 0 0; display:block; color:#05B6F2} .veranstaltung_location_b3:hover{color:#262626} .veranstaltung_space{margin:20px 0 20px 0; text-align:center} #veranstaltung_event img{border:0} .veranstaltung_clock img{vertical-align:middle} /* Veranstatungen border-radius:10px;box-shadow: 0 0 4px #ddd;*/ .eventb{border:1px solid #e6e6e6; overflow:hidden;background:#fff linear-gradient(#f6f6f6,#fff); margin:0 0 15px 0} .event{ display:block; padding:10px} .event:hover{ background:#f3f3f3 ;background-image:linear-gradient(#f6f6f6,#fdfdfd,#fdfdfd,#f6f6f6); box-shadow:inset 0 0 20px #f3f3f3} .event1{width:90px; float:left; color:#888; font-size:13px;min-height:20px} .event2{width:451px;float:left} .event2 p{color:#999 !important; margin:0; font-size:14px} .event2 h4{color:#222 !important; font-size:17px; font-weight:400; margin:0 0 2px 0} .event:hover p{color:#444 !important} .event:hover h4{color:#1AB6F8 !important} #veranstaltungen h3{font-size:16px; padding:10px; margin:0; position:relative; z-index:1; background:#fff ;background-image:linear-gradient(#f9f9f9,#fff); box-shadow: 0 0 10px #ccc; line-height:18px; display:block !important; clear:both} h3 a{font-weight:400} @media (max-width:767px){.event2{width:100%}} @media (min-width:768px){.event2{width:calc( 100% - 90px )}} #events_nach_loc{text-align:center} #events_nach_ort{ text-align:center} .oeffnungszeiten{ border-bottom: 1px solid #e6e6e6; background:#fcfcfc; float:left; width:229px; border-right: 1px solid #e6e6e6} .oeffnungszeiten .tag{float:left; width:90px; padding:3px 8px; border-top: 1px solid #e6e6e6; border-left: 1px solid #e6e6e6} .oeffnungszeiten .zeiten{float:left; width:138px; padding:3px 8px; border-top: 1px solid #e6e6e6; border-left: 1px solid #e6e6e6} @media print{ #header{ display:none} #navi2{ display:none} #footer_main{ display:none} } /* === Sektion 4: /c/add.css (Event-Eintragen-Formular) ================= */ .t1a { width:140px; float:left; height:26px; font-size:17px; font-weight:600; display:table-cell; vertical-align:middle; } .t1a h2 { line-height:26px;} .t2 h2 { line-height:26px;} .t2 { width:350px; float:left; height:26px; display:table-cell; vertical-align:middle; } .t3 { width:40%; background-color:#f0f0f0; float:left; height:200px; margin:9px; padding: 10px; } .t5 { float:left; margin:0 20px 0 151px; } .g1 { height:auto; position:relative; width:500px; } .g2 { height:auto; width:210px; margin: 0 0 0 20px; position:relative; } .fc { height:24px; line-height:24px; font-size:15px; padding:0 0 0 4px; width:200px; color:#262626; } .fckom { height:220px; line-height:24px; left:24px; font-size:15px; padding:0 0 0 4px; width:388px; color:#262626; } .fccc { height:24px; line-height:24px; left:24px; font-size:15px; padding:0 0 0 4px; width:40px; color:#262626; } .fcd { font-size:22px; width:60px; height:30px; line-height:30px; color:#262626; } .fcd2 { font-size:22px; width:90px; height:30px; line-height:30px; color:#262626; } .fcd3,.fcd3b { font-size:18px; width:50px; height:25px; line-height:25px; color:#262626; } .adde { float:left; width:100%; border-radius:20px 20px 0 0; margin:0 0 20px 0; background-color: #f0f0f0; padding:20px 20px; margin: 0; background:#f0f0f0 linear-gradient(#F3F3F3,#fff); } .adde2 { float:left; margin:10px 0 10px 0; background-color: #f9f9f9; padding:15px; border: 1px solid #d9d9d9; } h3 { color:#262626 !important; font-weight:300; line-height:20px; font-size:14px !important; } .adde p{ margin:5px 0 5px 9px !important; font-size:14px; } .fehler{ background:#ffe3e3 !important; border:1px solid #b82c2c !important } .fehlerp{ font-size:12px !important; margin:0 0 0 0 !important; padding:0 0 0 0 !important; color: #b82c2c !important } /*Fileuploader*/ .qq-uploader { position:relative; width: 100%;} .qq-upload-button {} .qq-upload-button-hover {} .qq-upload-button-focus {outline:1px dotted black;} .qq-upload-drop-area { position:absolute; top:0; left:0; width:100%; height:100%; min-height: 70px; z-index:2; background:#1a1a1a; text-align:center; } .qq-upload-drop-area span { display:block; position:absolute; top: 50%; width:100%; margin-top:-8px; font-size:16px; color:#f4f4f4; } .qq-upload-drop-area-active {background:#74d3fb;} .qq-upload-list {margin:15px 35px; padding:0; list-style:disc;} .qq-upload-list li { margin:0; padding:0; line-height:15px; font-size:12px;} .qq-upload-file, .qq-upload-spinner, .qq-upload-size, .qq-upload-cancel, .qq-upload-failed-text { margin-right: 7px; } .qq-upload-file {} .qq-upload-spinner {display:inline-block; background: url("loading.gif"); width:15px; height:15px; vertical-align:text-bottom;} .qq-upload-size,.qq-upload-cancel {font-size:11px;} .qq-upload-failed-text {display:none;} .qq-upload-fail .qq-upload-failed-text {display:inline;} /*progressbar*/ .ui-progressbar{ border-radius:5px; box-shadow:0 0 7px #eee; background-color: #FCFCFC; border:1px solid rgb(26, 182, 248); overflow:hidden; height:30px; width:350px; } .ui-progressbar-value{ height:100%; background :linear-gradient(20deg, rgb(61, 200, 255), rgb(26, 182, 248) ); } .linkseiten{ color:#fff; background:#1AB6F8; padding:0 7px; line-height:30px; height:30px; display:inline-block; border-radius:4px} /* === Sektion 5: /c/location.css (Location-Seite) ====================== */ @charset "UTF-8"; #loc_rss:last-child{border:none} .loc_event{width:100%;float:left;padding:0;margin:0 0 30px 0;background:#fff;border-radius:0;box-shadow:none; border:1px solid #e6e6e6;overflow:hidden;transition:box-shadow 1s} .loc_event_1{background-size:cover;background-position:center;width:100%;height:140px} .loc_event_2{line-height:34px;padding:0 10px;position:relative;z-index:1;box-shadow:0 0 20px #bbb;font-size:14.5px;border-top:1px solid #d6d6d6;background-image:linear-gradient(#F1F1F1, #FFF);transition:color 0.4s, background 0.5s} .loc_event_2 span{float:right;color:#666} .loc_event h3{background:linear-gradient(rgba(0,0,0,0.4),rgba(0,0,0,0.1));text-shadow:0 0 4px #888;box-shadow:0 0 30px rgba(0,0,0,0.4);line-height:20px;font-size:18px;height:auto;padding:10px 10px 10px 10px;font-weight:600 !important;color:#fff;transition:color 0.4s, background 0.5s} .loc_event:hover{box-shadow:0 0 20px #ccc;transition:box-shadow 1s} .loc_event:hover h3{background:rgba(0,0,0,0.75);text-shadow:none;color:#1AB6F8;transition:color 0.4s, background 0.5s} .loc_event:hover .loc_event_2{background:#333;text-shadow:none;color:#fff;border-color:#333;transition:color 0.4s, background 0.5s} .loc_event:hover .loc_event_2 span{color:#1AB6F8;transition:color 0.4s} .loc_rss_link{margin:0 0 5px 0} .loc_rss_kommentar{font-size:13px;line-height:18px;border-bottom:1px solid #e6e6e6;padding:0 0 8px 0} .loc_rss_datum{font-size:11px;color:#555;margin:8px 0 -4px 0} .loc_rss_no_news{} .loc_web{margin:-2px 0 10px 0;float:right;line-height:22px} .loc_web img{margin:0 3px 0 0} .loc_datum{font-size:12px;text-align:right;margin:-47px 0 0 0} #location_google_maps{width:561px;height:350px;margin:5px 0 10px 0;border:1px solid #e6e6e6;background:#F7F7F7;box-shadow:inset 0 0 15px #ddd} #loc_bottom ul{list-style:none;padding:0 0 10px 0;margin:0;text-align:center} #loc_bottom li{width:200px;display:inline-block;height:185px} #loc_bottom li div{background:#fff;box-shadow:0 0 5px #ccc;overflow:hidden} #loc_bottom h3{padding:0;margin:0;line-height:35px;font-weight:400;box-shadow:0 0 10px #ccc;position:relative;z-index:1} #loc_bottom a:hover h3{color:#222} #loc_bottom a:hover img{opacity:0.9} #bilder2{margin:0 -15px 0 0; width:calc(100% + 15px)} #bilder2 a{border:4px solid #DFDFDF;width:45%;width:calc(50% - 15px);background-size:contain;overflow:hidden;display:block;float:left;margin:10px 15px 5px 0} #bilder2 img{width:100%;vertical-align:middle} #bilder2 a:hover{border:4px solid #1AB6F8;box-shadow:0 0 6px #6DD5FF} /*Location nach Ort - Seitenbereich */ #loc_nach_ort h3{border:1px solid #e6e6e6;font-size:15px;margin:0 0 5px 0;background:#fff linear-gradient(#f9f9f9,#fff);padding:8px 10px; line-height:20px;cursor:pointer } #loc_nach_ort h3:hover{color:#222 } #loc_nach_ort .ui-accordion-content{font-size:14px;border:1px solid #ccc;border-top:0;padding:8px 10px;line-height:22px;background:#fff linear-gradient(#f4f4f4,#fff);margin:0 0 5px 0} #loc_nach_ort .ui-accordion-header-active{margin:0;border-color:#ccc; font-weight:600 !important;color:#222} #loc_nach_ort .ui-accordion-header-icon{box-shadow:inset 0 0 4px #ccc;height:18px;float:right;width:18px;border:1px solid #ccc;background:#f5f5f5 url(/g/wechselpfeil.png);display:inline-block;border-radius:100%} #loc_nach_ort .ui-icon-triangle-1-e{background-position:bottom} .verlauf_loc_ort{background:linear-gradient(#E7E7E7,rgba(255, 255, 255, 0) );height:0px;margin:-8px -10px ;padding:8px 10px} .aktuelle_locations{ /*border:1px solid #e6e6e6;width:272px;overflow:hidden;margin:0 0 9px 0;display:inline-block;padding:0*/ } .aktuelle_locations_1{background-size:cover;background-position:center;width:298px;height:120px} .aktuelle_locations p {line-height:34px;padding:0 10px;position:relative;z-index:1;box-shadow:0 0 20px #bbb;font-size:14.5px;border-top:1px solid #d6d6d6;background-image:linear-gradient(#F1F1F1, #FFF);transition:color 0.4s, background 0.5s/*margin:0;line-height:27px;font-size:12px;text-align:center;background:#fff linear-gradient(#f1f1f1, #fff);color:#1AB6F8*/} /*.aktuelle_locations h3 {margin:-62px 0 0 0;color:#fff;position:relative;z-index:1;background:linear-gradient(rgba(255,255,255,0),#666);padding:30px 0 5px 0;line-height:22px;text-align:center;font-weight:600} .aktuelle_locations:hover h3{color:#222;background:linear-gradient(rgba(255,255,255,0),#fff);padding:70px 0 5px 0;margin:-102px 0 0 0} .aktuelle_locations:hover p{color:#555;background:#fff linear-gradient(#fff,#f1f1f1)}*/ .aktuelle_locations{width:100%;float:left;padding:0;margin:0 0 30px 0;background:#fff;border-radius:0;box-shadow:none; border:1px solid #e6e6e6;overflow:hidden;transition:box-shadow 1s;text-align:center} .aktuelle_locations_1{background-size:cover;background-position:center;width:100%;height:120px} .aktuelle_locations_2{line-height:34px;padding:0 10px;position:relative;z-index:1;box-shadow:0 0 20px #bbb;font-size:14.5px;border-top:1px solid #d6d6d6;background-image:linear-gradient(#F1F1F1, #FFF);transition:color 0.4s, background 0.5s} .aktuelle_locations_1 h3{background:linear-gradient(rgba(0,0,0,0.4),rgba(0,0,0,0.1));text-shadow:0 0 4px #888;box-shadow:0 0 30px rgba(0,0,0,0.4);line-height:20px;font-size:18px;height:auto;padding:10px 10px 10px 10px;font-weight:600 !important;color:#fff;transition:color 0.4s, background 0.5s} .aktuelle_locations:hover{box-shadow:0 0 20px #ccc;transition:box-shadow 1s} .aktuelle_locations:hover h3{background:rgba(0,0,0,0.75);text-shadow:none;color:#1AB6F8;transition:color 0.4s, background 0.5s} .aktuelle_locations:hover .aktuelle_locations_2{background:#333;text-shadow:none;color:#fff;border-color:#333;transition:color 0.4s, background 0.5s} .oeffnungszeiten{display:inline-block !important;background:#fdfdfd;border-bottom:1px solid #e6e6e6;border-right:1px solid #e6e6e6} .oeffnungszeiten .tag{float:left;width:100px;padding:3px 8px;border-top:1px solid #e6e6e6;border-left:1px solid #e6e6e6} .oeffnungszeiten .zeiten{float:left;width:428px;padding:3px 8px;border-top:1px solid #e6e6e6;border-left:1px solid #e6e6e6} /*Suchkram*/ .fc {height:24px;line-height:24px;font-size:15px;padding:0 4px 0 4px;width:100%;width:calc( 100% - 10px);color:#262626;} input, textarea, select{border-radius:5px;box-shadow:0 0 7px #eee;background-color:#FCFCFC;border:1px solid #c4c4c4;overflow:hidden} input:focus, textarea:focus, select:focus{border:1px solid #c0c0c0;box-shadow:0 0 7px #d5d5d5;background:#fff} .suchlink{line-height:33px;display:block;font-size:16px;padding:0 6px;border-bottom:1px solid #ddd} .suchlink:last-child{border-bottom:none} /* === Sektion 6: /c/cookie_hinweis2.css (Cookie-Banner) ================ */ .cc_banner-wrapper { position: relative; z-index: 9001; font-family:Open Sans, sans-serif; font-size:14px; height:31px; } .cc_container .cc_btn { cursor: pointer; font-size: 0.6em; line-height: 1em; text-align: center; transition: font-size 200ms ease 0s; } .cc_container .cc_message { line-height: 1.5em; font-size:14px; margin: 0; color:#ddd !important; padding: 0; transition: font-size 200ms ease 0s; } .cc_container .cc_logo { display: none; height: 22px; opacity: 0.9; overflow: hidden; text-indent: -1000px; transition: opacity 200ms ease 0s; width: 100px; } .cc_container .cc_logo:hover, .cc_container .cc_logo:active { opacity: 1; } @media screen and (min-width: 500px) { .cc_container .cc_btn { font-size: 0.8em; } .cc_container .cc_message { font-size: 0.8em; } } @media screen and (min-width: 768px) { .cc_container .cc_btn { font-size: 1em; } .cc_container .cc_message { font-size: 1em; line-height: 1em; } } @media screen and (min-width: 992px) { .cc_container .cc_message { font-size: 1em; } } @media print { .cc_banner-wrapper, .cc_container { display: none; } } .cc_container { left: 0; overflow: hidden; padding: 15px; position: fixed; right: 0; top: 0; } .cc_container .cc_btn { background-color: #888; cursor: pointer; display: block; float: right; margin-left: 10px; max-width: 120px; padding: 8px 10px; text-align: center; width: 33%; } .cc_container .cc_message { display: block; } @media screen and (min-width: 500px) { .cc_container .cc_message { margin-top: 0.5em; } } @media screen and (min-width: 768px) { .cc_container { padding: 5px 30px; text-align: left; } .cc_container .cc_btn { padding: 5px 5px; } } .cc_container { background: #222 none repeat scroll 0 0; border-bottom: 1px solid #ccc; box-sizing: border-box; color: #ddd; /*font-family: "Helvetica Neue Light","HelveticaNeue-Light","Helvetica Neue",Calibri,Helvetica,Arial;*/ font-size: 10px; } .cc_container *::-moz-selection { background: #666 none repeat scroll 0 0; color: #fff; text-shadow: none; } .cc_container .cc_btn, .cc_container .cc_btn:visited { background-color: #888; border-radius: 5px; color: #fff; transition: background 200ms ease-in-out 0s, color 200ms ease-in-out 0s, box-shadow 200ms ease-in-out 0s; } .cc_container .cc_btn:hover, .cc_container .cc_btn:active { background-color: #ddd; color: #ddd; } .cc_container a, .cc_container a:visited { color: #fff; text-decoration: none; transition: color 200ms ease 0s; font-size: 10px; } .cc_container a:hover, .cc_container a:active { color: #555; } @keyframes slideDown { 0% { margin-top: -22px; } 100% { margin-top: 0; } } @keyframes growDown { 0% { height: 0; } 100% { height: 22px; } } .cc_container { animation-duration: 0.8s; animation-name: slideDown; } .cc_banner-wrapper { animation-duration: 0.8s; animation-name: growDown; } /* === Sektion 7: /c/up.css (Upload-UI) ================================= */ body{ padding:10px 50px; color: #000; background: transparent url(_img/main_background.gif) top left repeat-x; font:12px arial; } #page{ max-width:80em; min-width:640px; margin:auto; } .right{border-bottom:4px solid #6495ED;margin:10px;clear:right;} p,span,input,textearea,li,optionf,th,td,h1,h2,h3,h4,h5,dd,dt{ font:12px arial; line-height:1.6em; } h1,h2,h3,h4{ font-size: 11pt; font-weight: normal; letter-spacing: -1px; text-transform: capitalize; } h1{ margin:20px 0; border:0; border-bottom:4px double #DDD; font-size:16pt; letter-spacing: -1px; } h2{ margin:0 0 20px; font-size:16px; } .jquploader{ background:#333333; } a:link,a:visited{ padding:0 5px; color:#FF00FF; background:transparent; text-decoration:none; border-left:0px dotted #6495ED; border-bottom:1px dotted #FF00FF; } a:hover,a:active, a.current{ color:#FFF; background:#FF00FF; } pre{ border:1px dotted #DDDDDD; padding:10px; color:#666666; } #menu{ border-bottom:0px dotted #6495ED; padding:10px 0; margin:0; margin-bottom:10px; } #menu a{ color:#6495ED; background:transparent; font-size:200%; letter-spacing:-1px; text-transform:capitalize; padding:0 10px; } #menu a:hover,#menu a:active, #menu a.current{ color:#FF00FF; background:transparent; border-color: #FF00FF; } form{ border:0px solid #DDD; padding:20px; background:#FFF; } .highlight{ background:#FFDDFE; border:1px dotted #FF00FF; padding:1em; margin:1em; } p.highlight{ font-size:110%; font-weight:bold;} a.downloadLink{ background:transparent url(_img/arrow_down.png) right bottom no-repeat; padding:2px 17px 0px 0px; color:#FF00FF; font-style:normal; border-bottom-width:2px; } a.downloadLink:hover{ color:#FF00FF; text-decoration: none; font-style:italic; font-size:110%; } fieldset{ border:1px dotted #DDD; } div.code{ border:1px dotted #DDD; padding:20px; } dt{ font-weight:bold; font-style:italic; margin-top:1em; border-left:4px solid #6495ED; padding-left:5px; } form.a_form{ border:1px dotted black; background:#FFFFDF; } .a_form ol, .a_form ul{ list-style:none; } /* === Sektion 8: /c/kyffdates.css (Legacy-Stil) ======================== */ @charset "utf-8"; /* Don't try to take me away, like I can't live without you, today makin love tomorrow.!.!.!!! kyffdates - wissen wo was los ist! Made by www.kyui.de 04.jan 11 ,--. \ _\_ _\/_|_\____.'\ (___.--._____( \ \ \ \ `--' __ __ ___ ___ __ __ /\ \/\ \ /'___\ /'___\ /\ \ /\ \__ \ \ \/'/' __ __/\ \__//\ \__/ \_\ \ __ \ \ ,_\ __ ____ \ \ , < /\ \/\ \ \ ,__\ \ ,__\/'_` \ /'__`\ \ \ \/ /'__`\ /',__\ \ \ \\`\\ \ \_\ \ \ \_/\ \ \_/\ \L\ \/\ \L\.\_\ \ \_/\ __//\__, `\ \ \_\ \_\/`____ \ \_\ \ \_\\ \___,_\ \__/.\_\\ \__\ \____\/\____/ \/_/\/_/`/___/> \/_/ \/_/ \/__,_ /\/__/\/_/ \/__/\/____/\/___/ /\___/ \/__/ */ @import url(1.css); /* All you need is love! */ /*************************************************************************/ /* === Sektion 9: /c/ie.css (IE-Kompatibilitaet) ======================== */ #sharer_fb{background-image:url(/g/sharer/sharer1.png)} #sharer_twitter{background-image:url(/g/sharer/sharer2.png)} #sharer_google{background-image:url(/g/sharer/sharer3.png)}