#colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden;-webkit-transform:translate3d(0,0,0)}#cboxWrapper{max-width:none}#cboxOverlay{position:fixed;width:100%;height:100%}#cboxMiddleLeft,#cboxBottomLeft{clear:left}#cboxContent{position:relative}#cboxLoadedContent{overflow:auto;-webkit-overflow-scrolling:touch}#cboxTitle{margin:0}#cboxLoadingOverlay,#cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%;height:100%}#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{cursor:pointer}.cboxPhoto{float:left;margin:auto;border:0;display:block;max-width:none;-ms-interpolation-mode:bicubic}.cboxIframe{width:100%;height:100%;display:block;border:0;padding:0;margin:0}#colorbox,#cboxContent,#cboxLoadedContent{box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box}#cboxOverlay{background:#000;opacity:.9;filter:alpha(opacity = 90)}#colorbox{outline:0}#cboxContent{margin-top:20px;background:#000}.cboxIframe{background:#fff}#cboxError{padding:50px;border:1px solid #ccc}#cboxLoadedContent{border:5px solid #000;background:#fff}#cboxTitle{position:absolute;top:-20px;left:0;color:#ccc}#cboxCurrent{position:absolute;top:-20px;right:0;color:#ccc}#cboxLoadingGraphic{background:url(../../assets/colorbox/images/loading.gif) no-repeat center center}#cboxPrevious,#cboxNext,#cboxSlideshow,#cboxClose{border:0;padding:0;margin:0;overflow:visible;width:auto;background:0 0}#cboxPrevious:active,#cboxNext:active,#cboxSlideshow:active,#cboxClose:active{outline:0}#cboxSlideshow{position:absolute;top:-20px;right:90px;color:#fff}#cboxPrevious{position:absolute;top:50%;left:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top left;width:28px;height:65px;text-indent:-9999px}#cboxPrevious:hover{background-position:bottom left}#cboxNext{position:absolute;top:50%;right:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top right;width:28px;height:65px;text-indent:-9999px}#cboxNext:hover{background-position:bottom right}#cboxClose{position:absolute;top:5px;right:5px;display:block;background:url(../../assets/colorbox/images/controls.png) no-repeat top center;width:38px;height:19px;text-indent:-9999px}#cboxClose:hover{background-position:bottom center} .content-slider{overflow:hidden;visibility:hidden;position:relative}.slider-wrapper{overflow:hidden;position:relative}.slider-wrapper>*{float:left;width:100%;position:relative}.slider-control{height:30px;position:relative}.slider-control a,.slider-control .slider-menu{position:absolute;top:9px;display:inline-block}.slider-control .slider-prev{left:0}.slider-control .slider-next{right:0}.slider-control .slider-menu{top:0;width:50%;left:50%;margin-left:-25%;font-size:27px;text-align:center}.slider-control .slider-menu b{color:#bbb;cursor:pointer}.slider-control .slider-menu b.active{color:#666} table.sortable thead th{background-image:url(../../assets/tablesorter/images/default.svg);background-repeat:no-repeat;background-position:center right}table.sortable thead th.headerSortDown{background-image:url(../../assets/tablesorter/images/asc.svg)}table.sortable thead th.headerSortUp{background-image:url(../../assets/tablesorter/images/desc.svg)} .cookiebar{box-sizing:border-box;position:fixed;left:0;width:100%;padding:.6em 1.2em;background-color:#4b4b4b;color:#fff;font-size:1em;text-align:center;z-index:10}.cookiebar *{box-sizing:border-box}.cookiebar--active{display:flex!important;justify-content:center;align-items:center;flex-wrap:wrap}.cookiebar--position-top{top:0}.cookiebar--position-bottom{bottom:0}.cookiebar__message,.cookiebar__text{margin-right:1.5em}.cookiebar__link{color:#fff;text-decoration:underline}.cookiebar__link:hover{text-decoration:none}.cookiebar__button{margin:0;padding:.6em 1.2em;border:none;border-radius:0;background-color:#4ea55e;color:#fff;font-weight:700;cursor:pointer}.cookiebar__button:hover{background-color:#3e824a}.cookiebar__analytics{margin-right:1.5em}.cookiebar__analytics-label{cursor:pointer}.cookiebar__analytics-checkbox{margin-right:5px} /* jQuery.mmenu CSS */ /* jQuery.mmenu panels CSS */ .mm-menu.mm-horizontal > .mm-panel { -webkit-transition: -webkit-transform 0.4s ease; transition: transform 0.4s ease; } .mm-menu .mm-hidden { display: none; } .mm-wrapper { overflow-x: hidden; position: relative; } .mm-menu, .mm-menu > .mm-panel { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 0; } .mm-menu { background: inherit; display: block; overflow: hidden; padding: 0; } .mm-menu > .mm-panel { background: inherit; -webkit-overflow-scrolling: touch; overflow: scroll; overflow-x: hidden; overflow-y: auto; box-sizing: border-box; padding: 20px; -webkit-transform: translateX(100%); transform: translateX(100%); } .mm-menu > .mm-panel.mm-opened { -webkit-transform: translateX(0%); transform: translateX(0%); } .mm-menu > .mm-panel.mm-subopened { -webkit-transform: translateX(-30%); transform: translateX(-30%); } .mm-menu > .mm-panel.mm-highest { z-index: 1; } .mm-menu .mm-list { padding: 20px 0; } .mm-menu > .mm-list { padding-bottom: 0; } .mm-menu > .mm-list:after { content: ''; display: block; height: 40px; } .mm-panel > .mm-list { margin-left: -20px; margin-right: -20px; } .mm-panel > .mm-list:first-child { padding-top: 0; } .mm-list, .mm-list > li { list-style: none; display: block; padding: 0; margin: 0; } .mm-list { font: inherit; font-size: 14px; } .mm-list a, .mm-list a:hover { text-decoration: none; } .mm-list > li { position: relative; } .mm-list > li > a, .mm-list > li > span { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; color: inherit; line-height: 20px; display: block; padding: 10px 10px 10px 20px; margin: 0; } .mm-list > li:not(.mm-subtitle):not(.mm-label):not(.mm-search):not(.mm-noresults):after { content: ''; border-bottom-width: 1px; border-bottom-style: solid; display: block; width: 100%; position: absolute; bottom: 0; left: 0; } .mm-list > li:not(.mm-subtitle):not(.mm-label):not(.mm-search):not(.mm-noresults):after { width: auto; margin-left: 20px; position: relative; left: auto; } .mm-list a.mm-subopen { background: rgba(3, 2, 1, 0); width: 40px; height: 100%; padding: 0; position: absolute; right: 0; top: 0; z-index: 2; } .mm-list a.mm-subopen:before { content: ''; border-left-width: 1px; border-left-style: solid; display: block; height: 100%; position: absolute; left: 0; top: 0; } .mm-list a.mm-subopen.mm-fullsubopen { width: 100%; } .mm-list a.mm-subopen.mm-fullsubopen:before { border-left: none; } .mm-list a.mm-subopen + a, .mm-list a.mm-subopen + span { padding-right: 5px; margin-right: 40px; } .mm-list > li.mm-selected > a.mm-subopen { background: transparent; } .mm-list > li.mm-selected > a.mm-fullsubopen + a, .mm-list > li.mm-selected > a.mm-fullsubopen + span { padding-right: 45px; margin-right: 0; } .mm-list a.mm-subclose { text-indent: 20px; padding-top: 30px; margin-top: -20px; } .mm-list > li.mm-label { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-size: 10px; text-transform: uppercase; text-indent: 20px; line-height: 25px; padding-right: 5px; } .mm-list > li.mm-spacer { padding-top: 40px; } .mm-list > li.mm-spacer.mm-label { padding-top: 25px; } .mm-list a.mm-subopen:after, .mm-list a.mm-subclose:before { content: ''; border: 2px solid transparent; display: inline-block; width: 7px; height: 7px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); margin-bottom: -5px; position: absolute; bottom: 50%; } .mm-list a.mm-subopen:after { border-top: none; border-left: none; right: 18px; } .mm-list a.mm-subclose:before { border-right: none; border-bottom: none; margin-bottom: -15px; left: 22px; } .mm-menu.mm-vertical .mm-list .mm-panel { display: none; padding: 10px 0 10px 10px; } .mm-menu.mm-vertical .mm-list .mm-panel li:last-child:after { border-color: transparent; } .mm-menu.mm-vertical .mm-list li.mm-opened > .mm-panel { display: block; } .mm-menu.mm-vertical .mm-list > li > a.mm-subopen { height: 40px; } .mm-menu.mm-vertical .mm-list > li > a.mm-subopen:after { top: 16px; right: 16px; bottom: auto; } .mm-menu.mm-vertical .mm-list > li.mm-opened > a.mm-subopen:after { -webkit-transform: rotate(45deg); transform: rotate(45deg); } .mm-menu.mm-vertical .mm-list > li.mm-label > a.mm-subopen { height: 25px; } html.mm-opened .mm-page { box-shadow: 0 0 20px rgba(0, 0, 0, 0.5); } .mm-menu { background: #333333; color: rgba(255, 255, 255, 0.6); } .mm-menu .mm-list > li:after { border-color: rgba(0, 0, 0, 0.15); } .mm-menu .mm-list > li > a.mm-subclose { background: rgba(0, 0, 0, 0.1); color: rgba(255, 255, 255, 0.3); } .mm-menu .mm-list > li > a.mm-subopen:after, .mm-menu .mm-list > li > a.mm-subclose:before { border-color: rgba(255, 255, 255, 0.3); } .mm-menu .mm-list > li > a.mm-subopen:before { border-color: rgba(0, 0, 0, 0.15); } .mm-menu .mm-list > li.mm-selected > a:not(.mm-subopen), .mm-menu .mm-list > li.mm-selected > span { background: rgba(0, 0, 0, 0.1); } .mm-menu .mm-list > li.mm-label { background: rgba(255, 255, 255, 0.05); } .mm-menu.mm-vertical .mm-list li.mm-opened > a.mm-subopen, .mm-menu.mm-vertical .mm-list li.mm-opened > ul { background: rgba(255, 255, 255, 0.05); } /* jQuery.mmenu offcanvas addon CSS */ .mm-page { -webkit-transition: -webkit-transform 0.4s ease; transition: transform 0.4s ease; } html.mm-opened { overflow: hidden; position: relative; } html.mm-opened body { overflow: hidden; } html.mm-opened .mm-page { box-sizing: border-box; position: relative; } html.mm-background .mm-page { background: inherit; } #mm-blocker { background: rgba(3, 2, 1, 0); display: none; width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 999999; } html.mm-opened #mm-blocker, html.mm-blocking #mm-blocker { display: block; } .mm-menu.mm-offcanvas { display: none; position: fixed; } .mm-menu.mm-current { display: block; } .mm-menu { width: 80%; min-width: 140px; max-width: 440px; } html.mm-opening .mm-page, html.mm-opening #mm-blocker { -webkit-transform: translate(80%, 0); transform: translate(80%, 0); } @media all and (max-width: 175px) { html.mm-opening .mm-page, html.mm-opening #mm-blocker { -webkit-transform: translate(140px, 0); transform: translate(140px, 0); } } @media all and (min-width: 550px) { html.mm-opening .mm-page, html.mm-opening #mm-blocker { -webkit-transform: translate(440px, 0); transform: translate(440px, 0); } } /* jQuery.mmenu position extension CSS */ .mm-menu.mm-top, .mm-menu.mm-bottom { width: 100%; min-width: 100%; max-width: 100%; } .mm-menu.mm-right { left: auto; right: 0; } .mm-menu.mm-bottom { top: auto; bottom: 0; } html.mm-right.mm-opening .mm-page, html.mm-right.mm-opening #mm-blocker { -webkit-transform: translate(-80%, 0); transform: translate(-80%, 0); } @media all and (max-width: 175px) { html.mm-right.mm-opening .mm-page, html.mm-right.mm-opening #mm-blocker { -webkit-transform: translate(-140px, 0); transform: translate(-140px, 0); } } @media all and (min-width: 550px) { html.mm-right.mm-opening .mm-page, html.mm-right.mm-opening #mm-blocker { -webkit-transform: translate(-440px, 0); transform: translate(-440px, 0); } } /* jQuery.mmenu z-position extension CSS */ html.mm-front .mm-page, html.mm-front #mm-blocker { -webkit-transform: translate(0, 0) !important; transform: translate(0, 0) !important; z-index: 0; } .mm-menu.mm-front { z-index: 1; box-shadow: 0 0 15px rgba(0, 0, 0, 0.5); } html.mm-opened.mm-next .mm-page { box-shadow: none; } .mm-menu.mm-front, .mm-menu.mm-next { -webkit-transition: -webkit-transform 0.4s ease; transition: transform 0.4s ease; -webkit-transform: translate(-100%, 0); transform: translate(-100%, 0); } .mm-menu.mm-front.mm-right, .mm-menu.mm-next.mm-right { -webkit-transform: translate(100%, 0); transform: translate(100%, 0); } .mm-menu.mm-front.mm-top { -webkit-transform: translate(0, -100%); transform: translate(0, -100%); } .mm-menu.mm-front.mm-bottom { -webkit-transform: translate(0, 100%); transform: translate(0, 100%); } html.mm-opening .mm-menu.mm-front, html.mm-opening .mm-menu.mm-next { -webkit-transform: translate(0, 0); transform: translate(0, 0); } .mm-menu.mm-front.mm-top, .mm-menu.mm-front.mm-bottom { height: 80%; min-height: 140px; max-height: 880px; } /* jQuery.mmenu effects extension CSS */ html.mm-slide .mm-menu { -webkit-transition: -webkit-transform 0.4s ease; transition: transform 0.4s ease; } html.mm-slide.mm-opened .mm-menu { -webkit-transform: translateX(-30%); transform: translateX(-30%); } html.mm-slide.mm-opening .mm-menu { -webkit-transform: translateX(0%); transform: translateX(0%); } html.mm-slide.mm-right.mm-opened .mm-menu { -webkit-transform: translateX(30%); transform: translateX(30%); } html.mm-slide.mm-right.mm-opening .mm-menu { -webkit-transform: translateX(0%); transform: translateX(0%); } html.mm-slide.mm-top.mm-opened .mm-menu { -webkit-transform: translateY(-30%); transform: translateY(-30%); } html.mm-slide.mm-top.mm-opening .mm-menu { -webkit-transform: translateY(0%); transform: translateY(0%); } html.mm-slide.mm-bottom.mm-opened .mm-menu { -webkit-transform: translateY(30%); transform: translateY(30%); } html.mm-slide.mm-bottom.mm-opening .mm-menu { -webkit-transform: translateY(0%); transform: translateY(0%); } html.mm-zoom-menu .mm-menu { -webkit-transition: -webkit-transform 0.4s ease; transition: transform 0.4s ease; } html.mm-zoom-menu.mm-opened .mm-menu { -webkit-transform: scale(0.7, 0.7) translateX(-30%); transform: scale(0.7, 0.7) translateX(-30%); -webkit-transform-origin: left center; transform-origin: left center; } html.mm-zoom-menu.mm-opening .mm-menu { -webkit-transform: scale(1, 1) translateX(0%); transform: scale(1, 1) translateX(0%); } html.mm-zoom-menu.mm-right.mm-opened .mm-menu { -webkit-transform: scale(0.7, 0.7) translateX(30%); transform: scale(0.7, 0.7) translateX(30%); -webkit-transform-origin: right center; transform-origin: right center; } html.mm-zoom-menu.mm-right.mm-opening .mm-menu { -webkit-transform: scale(1, 1) translateX(0%); transform: scale(1, 1) translateX(0%); } html.mm-zoom-menu.mm-top.mm-opened .mm-menu { -webkit-transform: scale(0.7, 0.7) translateY(-30%); transform: scale(0.7, 0.7) translateY(-30%); -webkit-transform-origin: center top; transform-origin: center top; } html.mm-zoom-menu.mm-top.mm-opening .mm-menu { -webkit-transform: scale(1, 1) translateY(0%); transform: scale(1, 1) translateY(0%); } html.mm-zoom-menu.mm-bottom.mm-opened .mm-menu { -webkit-transform: scale(0.7, 0.7) translateY(30%); transform: scale(0.7, 0.7) translateY(30%); -webkit-transform-origin: center bottom; transform-origin: center bottom; } html.mm-zoom-menu.mm-bottom.mm-opening .mm-menu { -webkit-transform: scale(1, 1) translateY(0%); transform: scale(1, 1) translateY(0%); } html.mm-zoom-panels .mm-menu.mm-horizontal > .mm-panel { -webkit-transform: scale(1.5, 1.5) translateX(100%); transform: scale(1.5, 1.5) translateX(100%); -webkit-transform-origin: left center; transform-origin: left center; -webkit-transition-property: -webkit-transform, left; transition-property: transform, left; } html.mm-zoom-panels .mm-menu.mm-horizontal > .mm-panel.mm-opened { -webkit-transform: scale(1, 1) translateX(0%); transform: scale(1, 1) translateX(0%); } html.mm-zoom-panels .mm-menu.mm-horizontal > .mm-panel.mm-opened.mm-subopened { -webkit-transform: scale(0.7, 0.7) translateX(-30%); transform: scale(0.7, 0.7) translateX(-30%); } @charset "UTF-8"; /* Congress Centrum Stadtgarten Schwäbisch Gmünd */ /* Umsetzung: Flaggschiff // Medien-Agentur */ /* www.dasflaggschiff.de */ /* Schriften */ @font-face { font-family: 'oswaldlight'; src: url('../../files/ccs-gd/assets/fonts/oswald-light-webfont.eot'); src: url('../../files/ccs-gd/assets/fonts/oswald-light-webfont.eot?#iefix') format('embedded-opentype'), url('../../files/ccs-gd/assets/fonts/oswald-light-webfont.woff2') format('woff2'), url('../../files/ccs-gd/assets/fonts/oswald-light-webfont.woff') format('woff'), url('../../files/ccs-gd/assets/fonts/oswald-light-webfont.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'SourceSansProLight'; src: url('../../files/ccs-gd/assets/fonts/SourceSansPro-Light-webfont.eot'); src: url('../../files/ccs-gd/assets/fonts/SourceSansPro-Light-webfont.eot?#iefix') format('embedded-opentype'), url('../../files/ccs-gd/assets/fonts/SourceSansPro-Light-webfont.woff') format('woff'), url('../../files/ccs-gd/assets/fonts/SourceSansPro-Light-webfont.ttf') format('truetype'), url('../../files/ccs-gd/assets/fonts/SourceSansPro-Light-webfont.svg#SourceSansProLight') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'SourceSansProRegular'; src: url('../../files/ccs-gd/assets/fonts/SourceSansPro-Regular-webfont.eot'); src: url('../../files/ccs-gd/assets/fonts/SourceSansPro-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('../../files/ccs-gd/assets/fonts/SourceSansPro-Regular-webfont.woff') format('woff'), url('../../files/ccs-gd/assets/fonts/SourceSansPro-Regular-webfont.ttf') format('truetype'), url('../../files/ccs-gd/assets/fonts/SourceSansPro-Regular-webfont.svg#SourceSansProRegular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'SourceSansProItalic'; src: url('../../files/ccs-gd/assets/fonts/SourceSansPro-It-webfont.eot'); src: url('../../files/ccs-gd/assets/fonts/SourceSansPro-It-webfont.eot?#iefix') format('embedded-opentype'), url('../../files/ccs-gd/assets/fonts/SourceSansPro-It-webfont.woff') format('woff'), url('../../files/ccs-gd/assets/fonts/SourceSansPro-It-webfont.ttf') format('truetype'), url('../../files/ccs-gd/assets/fonts/SourceSansPro-It-webfont.svg#SourceSansProItalic') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'SourceSansProBold'; src: url('../../files/ccs-gd/assets/fonts/SourceSansPro-Bold-webfont.eot'); src: url('../../files/ccs-gd/assets/fonts/SourceSansPro-Bold-webfont.eot?#iefix') format('embedded-opentype'), url('../../files/ccs-gd/assets/fonts/SourceSansPro-Bold-webfont.woff') format('woff'), url('../../files/ccs-gd/assets/fonts/SourceSansPro-Bold-webfont.ttf') format('truetype'), url('../../files/ccs-gd/assets/fonts/SourceSansPro-Bold-webfont.svg#SourceSansProBold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'SourceSansProBoldItalic'; src: url('../../files/ccs-gd/assets/fonts/SourceSansPro-BoldIt-webfont.eot'); src: url('../../files/ccs-gd/assets/fonts/SourceSansPro-BoldIt-webfont.eot?#iefix') format('embedded-opentype'), url('../../files/ccs-gd/assets/fonts/SourceSansPro-BoldIt-webfont.woff') format('woff'), url('../../files/ccs-gd/assets/fonts/SourceSansPro-BoldIt-webfont.ttf') format('truetype'), url('../../files/ccs-gd/assets/fonts/SourceSansPro-BoldIt-webfont.svg#SourceSansProBoldItalic') format('svg'); font-weight: normal; font-style: normal; } /* COLORCODES Grün: #0F937E / 3DA37F Blau: #03579D Text: #333 */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { outline:none; } html, body { width:100%; margin:0 0 0 0; padding:0 0 0 0;} body { background:#FFF; text-align:center; color:#333; font-family: 'SourceSansProRegular', Arial, Helvetica, sans-serif; font-size:16px; /* ZUVOR: font-size:20px */ line-height:1.6em; -webkit-text-size-adjust:none;} header, nav, section, aside, footer, figure, figcaption { display:block; } /* --- Specifications --- */ figure { margin:0 0 0 0; padding:0 0 0 0; } strong, b { font:normal normal 'SourceSansProBold', Arial, Helvetica, sans-serif; } i { font:normal normal 'SourceSansProItalic', Arial, Helvetica, sans-serif; } img { border:0; margin:0 0 0 0; padding:0 0 0 0; -ms-interpolation-mode:bicubic; } .invisible { width:0; height:0; left:-1000px; top:-1000px; position:absolute; overflow:hidden; display:inline } .clear, #clear { height:.1px; font-size:.1px; line-height:.1px; clear:both } .block, .back { overflow:visible; clear:both; } #container:after { content:".";display:block;height:0;clear:both;visibility:hidden; } .mime_icon { vertical-align:middle; } blockquote { margin:8px 0 1.8em 16px; padding:0 32px 0 16px; font-family:'SourceSansProItalic', Arial, Helvetica, sans-serif; border-left:3px solid #AAA; color:#666; } blockquote a, blockquote a:link { color:#666; } table { border-collapse:collapse; margin:0 0 0 0; padding:0 0 0 0; } table td, th { vertical-align:top; } a, a:link, a:visited { text-decoration:underline; transition:all .3s; -moz-transition:all .3s; -webkit-transition:all .3s; -o-transition:all .3s; } a:hover { text-decoration:none; transition:none; -moz-transition:none; -webkit-transition:none; -o-transition:none; } a.no-arrow:before {content: none !important} a figure, a img { text-decoration:none; } a.scrollToTop { transition: bottom 0s; -moz-transition: bottom 0s; -webkit-transition: bottom 0s; -o-transition: bottom 0s; } h1 { text-align:center; font-size:30px; font-style:normal; font-weight:normal; font-family: 'oswaldlight', Arial, Helvetica, sans-serif; line-height:1.3em; margin:0 0 0 0; padding:0 0 0 0; letter-spacing:6px; text-transform:uppercase; } h2 { text-align:center; font-size:20px; font-style:normal; font-weight:normal; font-family: 'oswaldlight', Arial, Helvetica, sans-serif; line-height:1.5em; margin:0 0 0 0; padding:0 0 0 0; letter-spacing:4px; text-transform:uppercase; } h3 { text-align:left; font-size:20px; font-style:normal; font-weight:normal; font-family: 'SourceSansProBold', Arial, Helvetica, sans-serif; line-height:1.6em; margin:0 0 0 0; padding:0 0 0 0; } p { margin:1.4em 0; } h3 + p, h3 + ul, #main .mod_article h3 + ul { margin-top:0; } .teaser p { margin:0 0 0 0; } p.more { margin:0 0 0 0; } p.more a { display:block; text-align:right; } figure { overflow:hidden; margin:0 0 0 0; padding:0 0 0 0; position:relative; max-width:100%; height:auto; } figure a img { opacity:1; transition:all .3s; -moz-transition:all .3s; -webkit-transition:all .3s; -o-transition:all .3s; } figure a.cboxElement:hover .img_overlay { background: #fff;height: 100%;opacity: 0.7;position: absolute;width: 100%;} figure a.cboxElement:hover .img_overlay::before { content: '\f002'; font-family: FontAwesome; color: #fff; opacity: 0.7; font-size: 26px; background: #333; padding: 15px; border-radius: 100%; top: 50%; left: 50%; position: absolute; transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); } figure .caption { font-family:'SourceSansProItalic', Arial, Helvetica, sans-serif; font-style:normal; font-weight:normal; font-size:80%; margin:0 0 0 0; padding:0 10px; line-height:1.4em; text-align:right; color:#333;} #wrapper {position:relative; overflow-x:hidden;} /* --------- START FRONTLINE --------- */ /* Header */ #header { border-bottom:1px solid #FFF; position:relative; } #preheader { background:#333; color:#CCC; font-size:13px; font-style:normal; font-weight:normal; font-family: 'SourceSansProRegular', Arial, Helvetica, sans-serif; line-height:1em; } #preheaderInside { margin:0 15px; text-align:right; } #preheaderInside a { color:#CCC; text-decoration:none; } #preheaderInside a:hover { color:#FFF; text-decoration:none; } #preheader .displayLocation, #preheader .displayEmail, #preheader .displayPhone, #preheader .displayFacebook { float:left; border-right:1px solid #000; border-left:1px solid #666; margin:10px 0; padding:5px 0; } #preheader .displayLocation { border-left:none; } #preheader .displayFacebook { border-right:none; border-left:none; } #preheader .displayLocation, #preheader .displayEmail, #preheader .displayPhone { padding-right:15px; } #preheader .displayLinkBereiche, #preheader .displaySuche, #preheader #displaySearch { float:right; margin:0 0 0 0; padding:0 0; } #preheader .displaySuche { margin:15px 0 0 0; padding:0 0 0 5px; } #preheader .displayLinkBereiche a { display:block; padding:15px 0 15px 0; float:left; } #preheader .displayLinkBereiche a:before { content:"\f101 "; font-family: FontAwesome; padding-left:15px; line-height:0;} #preheader .displayLinkBereiche a.trail:before, #preheader .displayLinkBereiche a.active:before { content:none; } #preheader .displayLinkBereiche a.trail, #preheader .displayLinkBereiche a.active { font-style:normal; font-weight:normal; font-family: 'SourceSansProBold', Arial, Helvetica, sans-serif; margin-left: 15px;} #preheader .displaySuche .suchIcon { position: relative; overflow: hidden; border: solid 1px #CCC; width:26px; height:25px; margin-top:-6px;margin-left:0px; transition:all .3s; -moz-transition:all .3s; -webkit-transition:all .3s; -o-transition:all .3s; cursor:pointer; float:right;} #preheader .displaySuche .suchIcon:hover { transition:all .3s; -moz-transition:all .3s; -webkit-transition:all .3s; -o-transition:all .3s; } #preheader .displaySuche .suchIcon::before { content: '\f002'; font-family: FontAwesome; position: absolute; top: 0; font-size: 13px; left: 0; color: #CCC; width: 100%; height: 100%; text-align: center; padding-top: 6px; transition:all .3s; -moz-transition:all .3s; -webkit-transition:all .3s; -o-transition:all .3s; } #preheader .displaySuche .suchIcon::after { content: '\f002'; font-family: FontAwesome; position: absolute; top: 0; font-size: 13px; left: 0; margin-left: 100%; color: #333; background: #CCC; width: 100%; height: 100%; text-align: center; padding-top: 6px; transition:all .3s; -moz-transition:all .3s; -webkit-transition:all .3s; -o-transition:all .3s; } #preheader .displaySuche .suchIcon:hover::before { margin-left: -100%; } #preheader .displaySuche .suchIcon:hover::after { margin-left: 0; } #preheader .displaySuche #tl_search input[type='submit'] {display: none;} #preheader .displaySuche #mod_search_field {clear: none; display:inline; float:right; margin-top: -6px;} #preheader .displaySuche #mod_search_field input[type='text'], #suche_startseite input[type='text']{height: 18px; width: 0px; opacity:0; height:23px; border: none; border-right: 1px solid #666; background-color:#cbcbcb; font-size: 14px; padding: 1px 5px; color:#666666;} #preheader .displayLocation, #preheader .displayEmail, #preheader .displayPhone { display:none; } #preheader .displayEmail i { font-size: 11px; } #preheader .displayFacebook i { padding-top: 6px; } #preheader i { line-height: 0; } #header .mod_navigation .xsmallTopMenuButton { /*background:url("../../files/ccs-gd/assets/img/xsmall_menu_button.png") no-repeat scroll 100% 50%;*/ cursor: pointer; font-family: "SourceSansProBold",sans-serif; float:right; padding:6px 0 3px 0; } #header .mod_navigation .xsmallTopMenuButton a { font-family: "SourceSansProBold",sans-serif; font-size:29px; } #header .mod_navigation { text-align:right; padding:0 10px; } #header .mod_navigation a { color:#FFF; text-decoration:none; font-style:normal; font-weight:normal; font-family: 'SourceSansProLight', Arial, Helvetica, sans-serif; line-height:1.0em; transition:all .3s; -moz-transition:all .3s; -webkit-transition:all .3s; -o-transition:all .3s; } #header .mod_navigation a:hover { color:rgba(255, 255, 255, 0.5); transition:none; -moz-transition:none; -webkit-transition:none; -o-transition:none; } #header .mod_navigation a.active, #header .mod_navigation a.trail, #header .mod_navigation a.forward { font-style:normal; font-weight:normal; font-family: 'SourceSansProBold', Arial, Helvetica, sans-serif; } #header .mod_navigation ul { margin:0 0 0 0; padding:8px 0 8px 0; display:none; } #header .mod_navigation ul li { display:inline; padding:0 10px; } #header .logoWrapper { display:none; } /* Logo auf Startseite */ .logoStartseite { margin:60px 15px 0 15px; } .logoStartseite a { text-decoration:none; } .logoStartseite a:before, #logoStartseiteLeft a:before, #logoStartseiteRight a:before { content:none !important; } #logoStartseiteLeft { float:left; } #logoStartseiteRight { float:right; } /* Stage */ .custom { width:100%; text-align:center; padding:0 0 0 0; margin:0 0 0 0; line-height:1em; display:block; } .logo_mobile { margin:20px 15px; padding:0 0 0 0; text-align:left; } .custom h1, .ce_flexSlider h1 { font-size:20px; display:none; text-align:center; } .custom h2, .ce_flexSlider h2 { font-size:10px; letter-spacing:1px; text-align:center; } .flexslider { margin-bottom:0; background:#f9f9f9 url('../../files/ccs-gd/assets/img/ajax-loader.gif') center center no-repeat; } .flex-direction-nav .flex-next { right:0; } .flex-direction-nav .flex-prev { left:0; } .flex-caption {background:none; color: #FFF; bottom: 10%;} .flex-caption .caption_title_line { float:none; text-shadow: 0 0 10px #000000; -moz-text-shadow: 0 0 10px #000000; -o-text-shadow: 0 0 10px #000000; -webkit-text-shadow: 0 0 10px #000000; } .flex-control-nav { bottom:0; } .flex-control-paging li a { background:#999; border-radius:0 !important; box-shadow:none !important; -webkist-box-shadow:none !important; -moz-box-shadow:none !important; -o-box-shadow:none !important; } /* Container */ #container { /*margin:1px 0 0 0;*/ margin:0 0 0 0; padding:0 0 0 0; /* NOCH NICHT:: border-top:4px solid #CCC; */ } .startseite #container { border-top:0; } #main .mod_article { padding:0 0 0 0; margin:0 0 0 0; text-align:center; } #main .grau { background:#EEE; margin:60px 0 0 0; padding:1px 0 60px 0; } #main .mod_article .inside { margin:0 auto; text-align:left; } #main a:before { content:"\f101 "; font-family: FontAwesome; font-size: 80%; line-height: 0; } #main figure a:before, #main h4 a:before, #main .mod_breadcrumb a:before, #main a[href^="mailto"]:before { content:""; } #main .ce_downloads a:before, #main .ce_download a:before { content:""; } .ce_text, .ce_hyperlink, .ce_image, .ce_gallery, .ce_list, .ce_youtube, .ce_downloads, .ce_code, .ce_download, .ce_form, .ce_headline, .ce_player { margin:60px 15px 0 15px; } .ce_accordion { margin:0 0 2px 0; } .ce_accordion .ce_text, .ce_accordion .ce_headline, .ce_accordion .ce_hyperlink, .ce_accordion .ce_image, .ce_accordion .ce_list, .ce_accordion .ce_youtube, .ce_accordion .ce_downloads, .ce_accordion .ce_code, .ce_accordion .ce_download, .ce_accordion .ce_form { margin:0 15px 0 15px; } .ce_flexSlider, #main #quicknav { margin:0 0 0 0; } .ce_sliderStart .ce_text_zweiDrittelSpalte {margin:0;} .ce_sliderStart .slider-control {display:none;} #startseiten-slider .ce_sliderStart h1 {text-align:left; font-size: 43px; color:#3da37f; letter-spacing: 3px; } #startseiten-slider .ce_sliderStart p {font-size: 14px; line-height: 25px;} #suche_startseite input {float:right;} #suche_startseite input[type='text'] {width: 200px; opacity:1; background: #DDD; border-right: 1px solid #FFF; } #main #start_gate { font-family: 'SourceSansProLight', Arial, Helvetica, sans-serif; font-weight:normal; font-style:normal; } #main #start_gate #gate_host {display:block; background:#3da37f; margin-bottom:30px; opacity:0.85; transition:all .3s; -moz-transition:all .3s; -webkit-transition:all .3s; -o-transition:all .3s;} #main #start_gate #gate_visitor { display:block; background:#03579d; opacity:0.85; transition:all .3s; -moz-transition:all .3s; -webkit-transition:all .3s; -o-transition:all .3s; } #main #start_gate #video_link { display: block; background: #333; opacity: 0.85; transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; -o-transition: all .3s; padding-top: 20px; line-height: 1.0em; margin-top: 30px; font-size: 22px;} #main #start_gate #gate_host:hover, #main #start_gate #gate_visitor:hover, #main #start_gate #video_link:hover { opacity:1; } #main #start_gate a {text-decoration: none; color:#FFF; padding: 85px 15px 15px; text-transform:uppercase; font-size:25px; } #main #start_gate a:visited {color: #FFF;} #main #start_gate a:before {content: none;} #main #start_gate i {float: right;} #main #gate_host i, #main #gate_visitor i, #main #video_link i.fa-angle-right { font-size: 42px; margin-top: -12px;} #main #video_link i:not(.fa-angle-right) { float: left; margin-right: 10px; line-height: 20px; font-size: 70%; } #main #start_gate a span.rang {float: right; font-weight: bold;} #main #link_separator {padding: 0 15px; margin-top:30px;} #main #link_separator span.separator_left {font-size: 14px; color: #666; float:left; display:block; padding-right: 10px;} #main #link_separator span.separator_right {border-bottom: 1px solid #999; display:block; overflow:hidden; height: 16px; content:" "; } .ce_startseiten_kachel {height: 306px; overflow:hidden; position:relative; opacity:0.85; transition:all .3s; -moz-transition:all .3s; -webkit-transition:all .3s; -o-transition:all .3s;} .ce_startseiten_kachel:hover { opacity:1; } .ce_startseiten_kachel h2 {color: #FFF; text-align:left; font-size: 20px; line-height: 33px; border-bottom: 1px solid #FFF; padding: 15px 0; margin: 0 15px 10px; } .ce_startseiten_kachel p {color: #FFF; font-size: 14px; padding: 0 40px 0 15px; position:absolute; bottom: 15px; margin: 0; line-height: 18px;} .ce_startseiten_kachel span.rang, .ce_startseiten_kachel i {position:absolute; right: 15px; bottom: 20px; color: #FFF; font-size: 35px} .ce_startseiten_kachel.news_kachel h2 { color: #3DA37F; border:none; text-transform: uppercase;} .ce_startseiten_kachel.news_kachel{color: #333; border: 3px solid #FFF; box-sizing: border-box;} .ce_startseiten_kachel.news_kachel p {color: #333;} .ce_startseiten_kachel.news_kachel span.rang, .ce_startseiten_kachel.news_kachel i {color: #3DA37F;} .ce_startseiten_kachel.news_kachel .kachel_news_info {margin-left: 15px; letter-spacing: 2px; background-color: #3DA37F; color: #FFF; font-size: 12px; padding: 0px 4px 0px 4px; display: inline-block; line-height: 17px;} .ce_startseiten_kachel.news_kachel:hover {background: #FFF;} .ce_startseiten_kachel.news_kachel .kachel_news_info{margin-top:16px;} p.back { margin:0 15px 2px 15px; text-align:right; } .ce_text_halbeSpalte { margin:60px 15px 0 15px; clear:none; } .ce_text_halbeSpalte figure { text-align:center; max-width:100%; } .ce_text_halbeSpalte img { max-width:100%; height:auto; width:inherit; } .ce_text_drittelSpalte { margin:60px 15px 0 15px; clear:none; } .ce_text_drittelSpalte figure { text-align:center; max-width:100%; } .ce_text_drittelSpalte img { max-width:100%; height:auto; width:inherit; } .ce_text_zweiDrittelSpalte { margin:60px 15px 0 15px; clear:none; } .ce_text_zweiDrittelSpalte figure { text-align:center; max-width:100%; } .ce_text_zweiDrittelSpalte img { max-width:100%; height:auto; width:inherit; } .ce_text_viertelSpalte { margin:60px 15px 0 15px; clear:none; } .ce_text_viertelSpalte figure { text-align:center; max-width:100%; } .ce_text_viertelSpalte img { max-width:100%; height:auto; width:inherit; } .hinweis { background:#DDD; padding:30px; } .trennlinie { clear:both; margin:60px 15px 0 15px; border-top: dotted #FFF 3px; border-bottom: dotted #FFF 3px; background: #CCC; height:0px; } #main .mod_article .ce_accordion .ui-accordion-header { font-size:24px; color:#333; cursor:pointer; transition:all .3s; -moz-transition:all .3s; -webkit-transition:all .3s; -o-transition:all .3s; padding:15px 0 15px 0; border-bottom:2px dotted #333; line-height:1em; margin:0 15px; } #main .mod_article .ce_accordion .ui-accordion-header h3 { text-align:left !important; color:#999 !important; font-family: 'SourceSansProRegular', Arial, Helvetica, sans-serif !important; font-weight:normal; font-style:normal; } #main .mod_article .ce_accordion .ui-accordion-header:hover { color:#EA1B00; border-bottom:2px dotted #EA1B00; transition:none; -moz-transition:none; -webkit-transition:none; -o-transition:none; } #main .mod_article .ce_accordion .ui-accordion-header-active { color:#333; cursor:pointer; } #main .mod_article .ce_accordion .ui-accordion-header-active h3 { font-family: 'SourceSansProBold', Arial, Helvetica, sans-serif !important; font-weight:normal; font-style:normal; } #main .mod_article .ce_accordion .ui-accordion-header-active:hover { color:#EA1B00; border-bottom:2px dotted #EA1B00;} #main .mod_article .ce_accordion .ui-accordion-content { margin:1px 0 0 0; padding:10px 0 0 0; } #main .mod_article .ce_accordion .ui-accordion-content .contentTrennlinie { padding-bottom:1.6em; border-bottom:2px dotted #333; } #main .mod_article ul { list-style-type:none; list-style-image:none; padding:0 0 0 0; margin:1.6em 0 0 0; } #main .mod_article ul li { padding:5px 0; } #main nav ul.quicknav-raeume { margin-top:1px; background: #eeeeee; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ /*background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI5NiUiIHN0b3AtY29sb3I9IiNlZWVlZWUiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZGJkNmQ2IiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==); background: -moz-linear-gradient(top, #eeeeee 96%, #dbd6d6 100%); /* FF3.6+ */ /*background: -webkit-gradient(linear, left top, left bottom, color-stop(96%,#eeeeee), color-stop(100%,#dbd6d6)); /* Chrome,Safari4+ */ /*background: -webkit-linear-gradient(top, #eeeeee 96%,#dbd6d6 100%); /* Chrome10+,Safari5.1+ */ /*background: -o-linear-gradient(top, #eeeeee 96%,#dbd6d6 100%); /* Opera 11.10+ */ /*background: -ms-linear-gradient(top, #eeeeee 96%,#dbd6d6 100%); /* IE10+ */ /*background: linear-gradient(to bottom, #eeeeee 96%,#dbd6d6 100%); /* W3C */ /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#dbd6d6',GradientType=0 ); /* IE6-8 */ } #main nav ul.quicknav-raeume li { border-bottom:none; display:inline; color:#999; } #main nav ul.quicknav-raeume li a:before { content:none; } #main nav ul.quicknav-raeume li a { color:#999; text-decoration:none; display:block; padding:10px 20px; margin:0 0 0 0; float:left; } #main nav ul.quicknav-raeume li a:hover { color:#666; } #main nav ul.quicknav-raeume li a.active { position: relative; } #main nav ul.quicknav-raeume li a.active::after { content: ''; border-bottom: 8px solid #FFF; border-right: 10px solid transparent; border-left: 10px solid transparent; position: absolute; bottom: 0; left: 50%; margin-left: -10px; } /* FAQ, Suche */ .mod_faqpage, .mod_search, h1 + .ce_accordion { margin-top:60px; } #main .mod_article .ce_accordion .ui-accordion-header { width: auto; margin: 0 15px; position:relative; } #main .mod_article .ce_accordion .ui-accordion-header::after { content: '\f067'; font-family: FontAwesome; position: absolute; right: 0; top: 15px; } #main .mod_article .ce_accordion .ui-accordion-header-active::after { content: '\f068'; } .mod_search .suchbegriff { background:#f2f2f2; border-bottom:2px solid #DDD; margin:60px 15px 0 15px; text-align:right; padding:10px; font-size:14px; line-height:1em; } .mod_search .search_item { margin:60px 15px 0 15px; } /* Bildmaterial / Content */ figure.float_left, figure.float_right, figure { max-width:100%; height:auto; width:inherit; } figure.float_left img, figure.float_right img, figure img { width:inherit; max-width:100%; height:auto; } .ce_gallery { margin:60px 0 0 0; } .ce_gallery h1, .ce_gallery h2, .ce_gallery h3, .ce_gallery h4, .ce_gallery h5, .ce_gallery h6 { margin-left:15px; margin-bottom:30px; } .ce_gallery .image_container { margin:0 15px 15px 15px; } .ce_gallery .image_container img { max-width:100%; height:auto; width:inherit; cursor:pointer;} /* Veranstaltungen */ .events_anzahl { background:#f2f2f2; border-bottom:2px solid #DDD; margin:60px 15px 0 15px; text-align:right; } .events_anzahl .events_anzahlInner { padding:10px; font-size:14px; line-height:1em; } .events_anzahl .events_anzahlInner label { margin-right:10px; } .event_wrapper { margin:60px 15px 0 15px; } .eventsTrennlinie { clear:both; margin:60px 15px 0 15px; background:url(../../files/ccs-gd/assets/img/event_trennlinie.png) 0 100% repeat-x; height:6px;} .event_wrapper .left .speech_bubble .speech_bubbleLeft { width:80px; float:left; } .event_wrapper .left .speech_bubble .speech_bubbleLeft .date_info_day { font-size:60px; line-height:1em; font-style:normal; font-weight:normal; font-family: 'SourceSansProBold', Arial, Helvetica, sans-serif; margin:5px 0 0 10px; } .event_wrapper .left .speech_bubble .speech_bubbleRight { width:70px; float:left; font-size:24px; line-height:24px; padding-top:6px; font-style:normal; font-weight:normal; font-family: 'SourceSansProLight', Arial, Helvetica, sans-serif;margin:5px 0 0 0; } .event_wrapper .left .underSpeechBubble { padding-top:60px; background-position:90% 0; background-repeat:no-repeat; } .event_wrapper .left a.vCal_link, .event_wrapper .left a.ticket_link { margin-right:30px; float:left; padding-top:10px; padding-left:65px; display:block; font-size:14px; line-height:1.5em; min-height:50px; display:none; cursor:pointer; } .event_wrapper .center a.vCal_link, .event_wrapper .center a.ticket_link { width:100px; margin-right:30px; float:left; padding-top:10px; padding-left:65px; display:block; font-size:14px; line-height:1.5em; min-height:50px; cursor:pointer; } .event_wrapper .center a.vCal_link { margin-top:20px; } .event_wrapper .left a.vCal_link, .event_wrapper .center a.vCal_link { margin-bottom:15px; margin-left:4px; padding-left:61px; } .event_wrapper .center { text-align:left; } .event_wrapper .center h2 { text-transform:uppercase; text-align:left; } .event_wrapper .center p.date_info { font-style:normal; font-weight:normal; font-family: 'SourceSansProBold', Arial, Helvetica, sans-serif; } /* Paginierung */ .pagination { padding:0 0 0 0; clear:both; color:#999; margin:30px 15px 30px 15px; clear:both; } .pagination p { float:left; color:#999; line-height:1em; } .pagination a, .pagination span, .pagination strong { text-decoration:none; background:#DDD; padding:8px 14px; float:left; margin:0 5px 0 0; line-height:1em; } .pagination a:before { content:none !important; } .pagination a:hover { text-decoration:none; color:#FFF; } .pagination ul { list-style-type:none; list-style-image:none; margin:0 0 0 0; padding:0 0 0 0; float:right; } .pagination ul li { display:inline; } /* Linkkacheln */ #main .indivNavWrapper { margin:60px 0 60px 0; } #main .indivNavWrapper a, #main .indivNavWrapper a:link, #main .indivNavWrapper a:visited { text-transform:uppercase; font-size:20px; line-height:1.3em; color:#FFF; text-decoration:none; font-style:normal; font-weight:normal; font-family: 'SourceSansProLight', Arial, Helvetica, sans-serif;} #main .indivNavWrapper a:before { content:none; } #main .indivNavKachel { width:222px; height:222px; overflow:hidden; margin:30px auto 30px auto; } #main .indivNavKachel .indivNavKachelInner a { text-align:center; height:202px; padding:10px; width:202px; overflow:hidden; display:table-cell; vertical-align:middle; white-space:normal; opacity:1; transition:all .3s; -moz-transition:all .3s; -webkit-transition:all .3s; -o-transition:all .3s; } #main .indivNavKachel .indivNavKachelInner a:hover { opacity:0.85; cursor:pointer; } /* Raumpläne */ #main .leaflet-control-zoom a::before{ content: none; } #main .mod_article.first #map.leaflet-container{ margin-top: 90px!important; } /* Aus simon.css */ #main .mod_article .raumplan_left h4 {margin-bottom: 0px; } #main .mod_article .raumplan_left p.platzanzahl {margin-top: 0px; } #main .mod_article .raumplan_left .bottom {position: relative; height: 340px;} #main .mod_article .raumplan_left .bottom img {position:absolute; display:block;} #main .mod_article .raumplan_left .bottom img.plan_overlay {} #main .mod_article .raumplan_right ul li { position: relative; border-bottom: none; color: #888; padding: 0px 10px 0px 10px; background:#FFF; margin-left: 30px; cursor:pointer; margin-bottom:5px; font-size:16px; } #main .mod_article .raumplan_right.bestuhlung ul li {padding-top: 7px; padding-bottom: 7px;} #main .mod_article .raumplan_right.raumuebersicht ul li { border-bottom:none; color: #888; padding:7px 10px 7px 10px; cursor:pointer; margin-bottom:5px; margin-left:30px; font-size:16px; background:#EEE;} #main .mod_article .raumplan_right ul li a {color: #888; text-decoration: none; display: block; width: 100%; height: 100%; padding-top: 7px; padding-bottom: 7px;} #main .mod_article .raumplan_right ul li.active a, #main .mod_article .raumplan_right ul li:hover a {color:#FFF} #main .mod_article .raumplan_right ul li a:before {content: none;} #main .mod_article .raumplan_right ul li.active, #main .mod_article .raumplan_right ul li:hover {color:#FFF; background:#3DA37F; } #main .mod_article .raumplan_right ul li.active::after, #main .mod_article .raumplan_right ul li:hover::after{ content: ''; border-right: 25px solid #3DA37F; border-top: 26px solid transparent; height: 1px; border-bottom: 26px solid transparent; position: absolute; left: -25px; top: 0; } #main .mod_article .raumplan_right ul li.active::after, #main .mod_article .raumplan_right.bestuhlung ul li:hover::after{ border-right-width: 19px; border-top-width: 19px; border-bottom-width: 19px; left: -19px; } #main .mod_article .raumplan_left {display:none;} #main .mod_article .raumplan_right {display:none;} /*#main .mod_article .raumplan_right.raumuebersicht ul li a {display:block; } Aus simon.css ENDE */ /* Scroll to top */ .scrollToTop { width:50px; height:50px; position:fixed; bottom:0px; right:15px; display:none; background:#333; text-indent:-20000px; } .scrollToTop i { color: #FFF; text-decoration: none; position: absolute; font-size: 30px; left: 50%; top: 50%; text-indent: 0; transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); } .scrollToTop:hover { background-color:#555; } /* Footer */ .mod_breadcrumb { display:block; margin:60px 0 0 0; padding:12px 0 12px 0; background:#222; color:#999; font-size:16px; line-height:1.6em; text-align:center; font-style:normal; font-weight:normal; font-family: 'SourceSansProRegular', Arial, Helvetica, sans-serif; position: relative; } .grau + .mod_breadcrumb { margin-top:0; } .mod_breadcrumb .inside { margin:0 15px; text-align:left; } .mod_breadcrumb a, .mod_breadcrumb a:link, .mod_breadcrumb a:visited { color:#999; text-decoration:none; font-style:normal; font-weight:normal; font-family: 'SourceSansProRegular', Arial, Helvetica, sans-serif; } .mod_breadcrumb a:hover { color:#FFF; text-decoration:underline; } .mod_breadcrumb ul { list-style-position:outside; list-style-image:none; list-style-type:none; margin:0 0 0 0; padding:0 0 0 0; } .mod_breadcrumb ul li { display:block; margin:0 7px 0 0; padding:0 0 0 0; } .mod_breadcrumb ul li:before { content:"\f101 "; font-family: FontAwesome; font-size: 80%; line-height: 0; } .mod_breadcrumb ul li.ohne:before { content:""; } #main .mod_breadcrumb::after{ content: ''; border-top: 18px solid #222; border-left: 20px solid transparent; border-right: 20px solid transparent; position: absolute; bottom: -18px; left: 50%; margin-left: -20px; } #footer { color:#999; font-size:16px; line-height:1.6em; background: #333;} #footer h5 { background:transparent; color:#999; padding:0 0 0 0; font-size:30px; font-style:normal; font-weight:normal; text-align:left; font-family: 'SourceSansProLight', Arial, Helvetica, sans-serif; line-height:1.6em; margin:0 0 24px 0; letter-spacing:3px; } #footer p { font-size:16px; line-height:1.6em; } #footer a { color:#999; text-decoration:none; } #footer a:hover { color:#CCC; text-decoration:none; } #footer .inside { margin:0 15px; padding:35px 0; text-align:left; } #footer .footerAdresse { margin:0 0 60px 0; } #footer .mod_customnav, #footer .mod_sitemap { clear:none; margin:0 0 60px 0; } #footer .mod_customnav ul, #footer .mod_sitemap ul { margin:0 0 0 0; padding:0 0 0 0; list-style-type:none; list-style-image:none; } #footer .mod_customnav ul li ul, #footer .mod_sitemap ul li ul { margin:5px 0 5px 20px; padding:0 0 0 0; list-style-type:none; list-style-image:none; } #footer .mod_sitemap ul.level_3 { display:none; } #footer .mod_customnav ul li a:before, #footer .mod_sitemap ul li a:before { content:"\f105 "; font-family: FontAwesome; font-size: 70%; } #lastFooter { font-size:16px; background:#333; color:#999; padding-bottom: 15px;} #lastFooter a { color:#999; text-decoration:none; } #lastFooter a:hover { color:#CCC; text-decoration:none; } #lastFooter .inside { margin:0 15px; padding:15px 0 0 0; border-top:1px solid #666; } #lastFooter .mod_customnav { float:left; padding-bottom:40px;} #lastFooter .mod_customnav ul { line-height:1em; margin:0 0 0 0; padding:0 0 0 0; list-style-type:none; list-style-image:none; } #lastFooter .mod_customnav ul li { display:block; float:left; border-right:1px solid #999; padding:0 15px; } #lastFooter .mod_customnav ul li.first { padding-left:0; } #lastFooter .mod_customnav ul li.last { padding-right:0; border-right:none; } #lastFooter .fsLink { float:right; font-size:90%; line-height:1em; display:block; position: absolute; bottom: 0; right: 15px; padding-bottom: 10px; text-align: right; } #lastFooter .fsLink a, #lastFooter .fsLink a:link, #lastFooter .fsLink a:visited { color:#555; } #lastFooter .fsLink a:hover { color:#CCC; } .partnerBlock { clear:both; margin:40px 0 0 0; } .partnerBlock img { padding:0 40px 0 0; } /* SEPZ */ #contact_slider {display:none;} #contact_slider_mobile {display:block;} #main .mod_article .flexslider ul { margin-top:0; } #main .mod_article .flexslider ul li { border-bottom:none; padding:0 0 0 0; } /* MMENU */ body .mm-menu.mm-vertical .mm-list > li.mm-opened > .mm-subopen::after { content: '\f106'; transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); } body .mm-menu.mm-vertical .mm-list > li > a.mm-subopen::after { content: '\f107'; font-family: FontAwesome; transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); border: none; top: 50%; font-size: 20px; width: auto; height: auto; right: 15px; } #main a.prediger-btn:before { content: '\f08e'; margin-right: 10px; font-size: 1em; } iframe { max-width: 100%; border: none; } /*// Media Queries // ------------------------->*/ /*// Breakpoint for devices 370 and up */ @media (min-width: 370px) { .event_wrapper .center a.ticket_link { margin-top:20px; } } /*// Breakpoint for devices 480 and up */ @media (min-width: 480px) { h1 { font-size:48px; letter-spacing:8px; } h2 { font-size:30px; letter-spacing:6px; } .custom h1, .ce_flexSlider h1 { font-size:20px; display:none; } .custom h2, .ce_flexSlider h2 { font-size:20px; letter-spacing:4px; } .flex-control-nav { bottom:5px; } .ce_text_viertelSpalte { width:222px; float:left; } .ce_text_viertelSpalte figure { max-width:222px; } .ce_text_viertelSpalte img { max-width:222px; } #main .indivNavKachel { float:left; margin:30px 15px 30px 15px; } .logo_mobile { display:none; } #header .logoWrapper { position:absolute; top:43px; left:0; z-index:5; display:block; } #main .mod_article .flexslider ul { margin-top:25px; } } .cookiebar { font-size: 0.8em; background: #333; } #cookiebar-text { margin-top: 5px; margin-bottom: 5px; } .cookiebar__button { background: #3da37f !important; } .cookiebar__button:hover { background: #3da37f; } .cookiebar__message { margin-right: 0; } /*// Breakpoint for devices 504 and up */ @media (min-width: 504px) { .ce_text_halbeSpalte { width:474px; float:left; } .ce_text_halbeSpalte figure { max-width:474px; } .ce_text_halbeSpalte img { max-width:474px; } .ce_gallery { width:504px; margin:60px auto 0 auto; } .ce_gallery .image_container { float:left; width:222px; } #lastFooter .mod_customnav, #lastFooter .mod_sitemap { float:left; } #lastFooter .fsLink { width:400px; margin-bottom:0; padding-bottom:20px; } } /*// Breakpoint for devices 672 and up */ @media (min-width: 672px) { #preheader .displayPhone { display:block; border-left:1px solid #666; } #preheader .displayEmail { display:block; border-left:none; } #preheader .displayFacebook { border-left:1px solid #666; padding-left:15px; height:14px; } #header .logoWrapper {top:44px; } .custom h1, .ce_flexSlider h1 { font-size:30px; display:block; } .ce_text_drittelSpalte { width:306px; float:left; } .ce_text_drittelSpalte figure { max-width:306px; } .ce_text_drittelSpalte img { max-width:306px; } .ce_text_zweiDrittelSpalte { width:642px; float:left; } .ce_text_zweiDrittelSpalte figure { max-width:642px; } .ce_text_zweiDrittelSpalte img { max-width:642px; } #main .mod_article .ce_flexSlider { height:212px;} #main .ce_flexSlider, #main #quicknav { width:652px; margin:0 auto; } .ce_startseiten_kachel { height:356px; } #lastFooter .fsLink { padding-bottom:40px; } } /*// Breakpoint for devices 756 and up */ @media (min-width: 756px) { .event_wrapper { margin:60px 0 0 0; } .event_wrapper .left { width:222px; margin:0 15px; float:left; overflow:hidden; } .event_wrapper .left .speech_bubble { min-height:160px; width:160px; } .event_wrapper .left .underSpeechBubble { background-position:85px 0; } .event_wrapper .left a.vCal_link, .event_wrapper .left a.ticket_link { display:block; } .event_wrapper .center a.vCal_link, .event_wrapper .center a.ticket_link { display:none; } .event_wrapper .center { width:474px; margin:0 15px; float:left; overflow:hidden; } .ce_gallery { width:756px; } #main .mod_article .ce_flexSlider { height:236px;} #main .ce_flexSlider, #main #quicknav { width:726px; } } /*// Breakpoint for devices 768 and up */ @media (min-width: 768px) { #main .mod_article { width:100%; } #main .mod_article .inside { width:768px; } .ce_text, .ce_headline, .ce_hyperlink, .ce_image, .ce_gallery, .ce_list, .ce_youtube, .ce_downloads, .ce_code, .ce_download { width:738px; } .ce_headline { width:738px; } .ce_accordion { width:768px; } #main .mod_article .ce_accordion .ui-accordion-content .ce_texter { margin:0 15px 0 15px; width:738px; } .ce_gallery { width:768px; } .ce_text_halbeSpalte { width:354px; float:left; } .ce_text_halbeSpalte figure { max-width:354px; } .ce_text_halbeSpalte img { max-width:354px; } .ce_text_drittelSpalte { width:226px; float:left; } .ce_text_drittelSpalte figure { max-width:226px; } .ce_text_drittelSpalte img { max-width:226px; } .ce_text_zweiDrittelSpalte { width:482px; float:left; } .ce_text_zweiDrittelSpalte figure { max-width:482px; } .ce_text_zweiDrittelSpalte img { max-width:482px; } #contact_slider {display:block;} #contact_slider_mobile {display:none;} .flex-control-nav { bottom:10px; z-index:99; } #main .mod_article .ce_flexSlider { height:240px; } #main .ce_flexSlider, #main #quicknav { width:738px; } .mod_breadcrumb ul li { float:left; } #footer .footerAdresse { margin:0 15px 60px 0; width:306px; } #footer .mod_customnav, #footer .mod_sitemap { margin:0 15px 0 0; width:306px; float:left; } } /*// Breakpoint for devices 850 and up */ @media (min-width: 850px) { #preheader .displayLocation { display:block; } #preheader .displayEmail { border-left:1px solid #666; } } /*// Breakpoint for devices 960 and up */ @media (min-width: 960px) { #main .mod_article .inside { width:960px; } .ce_text, .ce_headline, .ce_hyperlink, .ce_image, .ce_gallery, .ce_list, .ce_youtube, .ce_downloads, .ce_code, .ce_download { width:930px; } .ce_headline { width:930px; } .ce_accordion { width:960px; } #main .mod_article .ce_accordion .ui-accordion-header { width:930px; margin:0 auto; } #main .mod_article .ce_accordion .ui-accordion-content .ce_texter { margin:0 15px 0 15px; width:930px; } .ce_gallery { width:960px; } #main .mod_article .ce_flexSlider { height:302px; } #main .ce_flexSlider, #main #quicknav { width:930px; } .ce_text_halbeSpalte { width:450px; } .ce_text_halbeSpalte figure { max-width:450px; } .ce_text_halbeSpalte img { max-width:450px; } .ce_text_drittelSpalte { width:290px; } .ce_text_drittelSpalte figure { max-width:290px; } .ce_text_drittelSpalte img { max-width:290px; } .ce_text_zweiDrittelSpalte { width:610px; } .ce_text_zweiDrittelSpalte figure { max-width:610px; } .ce_text_zweiDrittelSpalte img { max-width:610px; } #main #start_gate a { font-size:35px; } } /*// Breakpoint for devices 1008 and up */ @media (min-width: 1008px) { #main nav ul.quicknav-raeume { box-shadow: none!important; } #main nav ul.quicknav-raeume li a.active::after { bottom: -2px; } #header .mod_navigation .xsmallTopMenuButton { display:none; } #header .mod_navigation ul { display:block; } #main .mod_article .ce_flexSlider { height:318px; } #main .ce_flexSlider, #main #quicknav { width:978px;} .custom h1, .ce_flexSlider h1 { font-size:48px; letter-spacing:8px; } #main .mod_article .inside { width:1008px; } .ce_text, .ce_headline, .ce_hyperlink, .ce_image, .ce_gallery, .ce_list, .ce_youtube, .ce_downloads, .ce_code, .ce_download { width:978px; } .ce_headline { width:978px; } .ce_accordion { width:1008px; } #main .mod_article .ce_accordion .ui-accordion-header { width:978px; margin:0 auto; } #main .mod_article .ce_accordion .ui-accordion-content .ce_texter { margin:0 15px 0 15px; width:978px; } .ce_gallery { width:1008px; } .event_wrapper .center { width:726px; margin:0 15px; float:left; overflow:hidden; position:relative; } .event_wrapper .center .centerContentmitPic { width:474px; margin:0 15px 0 0; float:left; } .event_wrapper .bildcontainer { margin-left:15px; width:222px; float:right; text-align:center; } .ce_text_halbeSpalte { width:474px; } .ce_text_halbeSpalte figure { max-width:474px; } .ce_text_halbeSpalte img { max-width:474px; } .ce_text_drittelSpalte { width:306px; } .ce_text_drittelSpalte figure { max-width:306px; } .ce_text_drittelSpalte img { max-width:306px; } .ce_text_zweiDrittelSpalte { width:642px; } .ce_text_zweiDrittelSpalte figure { max-width:642px; } .ce_text_zweiDrittelSpalte img { max-width:642px; } .ce_startseiten_kachel { height:306px; } #footer .footerAdresse { float:left; margin-bottom:0; } } .panoramatour{ width: 100%; height: 60vh; max-height: 750px; margin: 20px; } .panorama_tour_wrapper{ width: 70vw; left: 50%; max-width: 100%; position: relative; transform: translate(-50%,0px); } #panorama_button{ background:#333; opacity: 0.85; margin-top: 30px!important; padding: 20px 20px!important; padding-left: 16px!important; padding-bottom: 15px!important; font-size: 22px!important; line-height: 1.0em!important; width: auto; display: flex; justify-content: space-between; align-items: flex-start; } #panorama_button span{ display: flex; align-items: center; } #panorama_button i{ /* font-size: 42px; */ margin-top: -3px; margin-right: 10px; } #panorama_button i.fa-angle-right{ font-size: 42px; margin-right: unset; margin-top: -12px; } #start_gate{ display: flex; flex-direction: column; } #main #start_gate a{ padding: 22px 15px 15px; } #panorama_button:hover{ opacity: 1; } #colorbox, #cboxOverlay, #cboxWrapper{ overflow: visible!important; } #cboxOverlay{ opacity: 0.8!important; background: #FFF!important; } #cboxContent{ background: #FFF!important; box-shadow: 0 0 15px 0 rgba(0,0,0,0.5); } #cboxLoadingGraphic{ background: none; text-align: center; position: absolute; top: 50%; left: 50%; height: auto; width: auto; } #cboxLoadingGraphic::before{ content: '\f110'; font-family: FontAwesome; font-size: 30px; color: #000; top: 50%; left: 50%; position: absolute; margin-top: -12.5px; margin-left: -15px; } #cboxLoadedContent{ border: solid 3px #FFF; margin-left: 2px; margin-top: 2px; } #cboxCurrent{ display: none!important; } #cboxTitle{ bottom: 5px; left: 15px; top: auto; color: #FFF; text-shadow: 1px 1px 1px #000; } #cboxContent button{ background: #FFF; height: 50px; width: 30px; text-indent: 0; font-size: 0; margin-top: -15px; text-align: center; } #cboxContent button:active, #cboxContent button:focus{ outline: none; } #cboxPrevious::after, #cboxNext::after, #cboxClose::after{ font-family: FontAwesome; font-size: 25px; position: absolute; left: 0; top: 0; width: 30px; height: 30px; display: block; z-index: 200; color: #000; } #cboxPrevious:hover::after, #cboxNext:hover::after, #cboxClose:hover::after{ color: #3DA37F; } #cboxPrevious::after{ content: '\f053'; position: absolute; top: 15px; left: -3px; } #cboxNext{ right: 3px; } #cboxNext::after { content: '\f054'; position: absolute; top: 15px; left: 3px; } #cboxContent #cboxClose{ right: 3px; height: 30px; margin-top: 0; } #cboxClose::after{ content: '\f00d'; font-size: 20px; position: absolute; left: 1px; top: 1px; } #contact_slider, #contact_slider_mobile {background-color: #333333; color:#999; padding: 25px 25px 25px 75px; display:none; position:fixed; top:250px; left:100%; height: 160px; border: 1px solid #FFF; z-index:1000} #contact_slider_mobile {display:block; position:relative; top:auto; left:auto; height: 0px; border: 1px solid #FFF; z-index:1000; padding:0; border-right: none; border-left: none;width: 100%; max-height: 100%; overflow-y:scroll} #contact_slider_mobile.slider_in {overflow-y:hidden} #contact_slider_mobile.slider_out {overflow-y:scroll} #contact_slider.slider_in {position:fixed} #contact_slider.slider_out {position:absolute} #contact_slider .ce_form h3 {text-align: left; color: #FFF;} #contact_slider_mobile .ce_form h3 {color: #FFF; text-align: left;margin-bottom: 15px; margin-top: 25px;} #contact_slider .ce_form p, #contact_slider .ce_form label, #contact_slider .ce_form a, #contact_slider_mobile .ce_form p, #contact_slider_mobile .ce_form label, #contact_slider_mobile .ce_form a {font-size: 14px; margin-bottom: 0; line-height: 14px} #contact_slider .ce_form label, #contact_slider_mobile .ce_form label {width:140px; display:inline-block; line-height: 1em;padding: 0px 3px 3px 0; float:left;} #contact_slider .ce_form input.text, #contact_slider .ce_form textarea, #contact_slider_mobile .ce_form input.text, #contact_slider_mobile .ce_form textarea, #contact_slider input[type="text"] {width:265px; margin: 0; padding: 7px; border:none} #contact_slider .captcha_text { float: right; font-size: 14px; line-height: 14px; margin-bottom: 15px; padding-top: 5px; } #contact_slider .ce_form .checkbox_container label { padding: 0; } #contact_slider .ce_form, #contact_slider_mobile .ce_form {text-align: left; margin:0 15px 0px 15px; clear:none; } #contact_slider .ce_form fieldset, #contact_slider_mobile .ce_form fieldset {border:none; padding:0; margin: 25px 0 0 0;} #contact_slider .ce_form fieldset legend, #contact_slider_mobile .ce_form fieldset legend {padding: 0 0 10px 0; color: #999} #contact_slider .ce_form .formbody > div, #contact_slider .ce_form fieldset > div, #contact_slider_mobile .ce_form .formbody > div, #contact_slider_mobile .ce_form fieldset > div {line-height: 1em; margin-bottom: 5px;} #contact_slider .ce_form .checkbox_container > span, #contact_slider_mobile .ce_form .checkbox_container > span {display:block;} #contact_slider .ce_form fieldset.checkbox_container > span label, #contact_slider_mobile .ce_form fieldset.checkbox_container > span label {width:210px;} #contact_slider .ce_form fieldset.checkbox_container input, #contact_slider_mobile .ce_form fieldset.checkbox_container input.checkbox {margin: 0 10px 0 0;} #contact_slider fieldset.additional_information, #contact_slider_mobile fieldset.additional_information {display:none;} #contact_slider #rueckruf_form {margin-bottom: 50px;} #contact_slider span#contact_slider_rotated { color: #fff; left: 5px; position: absolute; top: 192px; cursor:pointer; background:#333; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); -webkit-transform-origin: left top; -moz-transform-origin: left top; -ms-transform-origin: left top; -o-transform-origin: left top; transform-origin: left top; filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=4); } #contact_slider_mobile span#contact_slider_rotated { line-height:50px; height:50px; color:#FFF; cursor:pointer; } #contact_slider_mobile a, #contact_slider_mobile a:link, #contact_slider_mobile a:visited, #contact_slider a, #contact_slider a:link, #contact_slider a:visited{ color:#3DA37F; } #contact_slider_mobile .ce_form label {padding-bottom:5px; display:block; float:none; width: 100%;} #contact_slider_mobile .ce_form p {padding-bottom:15px; display:block;} #contact_slider_mobile .ce_form input.text, #contact_slider_mobile .ce_form textarea {margin-bottom:15px; display:block; width: 100%; box-sizing: border-box; /* css3 rec */ -moz-box-sizing: border-box; /* ff2 */ -ms-box-sizing: border-box; /* ie8 */ -webkit-box-sizing: border-box; /* safari3 */ -khtml-box-sizing: border-box;} #contact_slider_mobile.sliderIn {overflow-y: hidden;} #contact_slider_mobile.sliderOut {overflow-y: scroll;} #contact_slider_mobile .ce_form {margin-bottom: 40px;} #contact_slider input.submit,#contact_slider_mobile input.submit {background: #999; border: 2px solid #999; border-radius: 0; color: #333; cursor: pointer; font-size: 14px; padding: 5px; width: 100%; } #contact_slider_mobile .ce_form .checkbox_container label { float:left; } #contact_slider input.submit:hover, #contact_slider_mobile input.submit:hover { border: 2px solid #999; background: #333; color: #999; transition: all 0.3s ease 0s; } #preheader .displayMobileContact {display: inline; float: right; position: relative; margin: 9px 0 0 5px; width: 26px; height: 25px; border: 1px solid #CCC;} #preheader .displayMobileContact img {width: 25px} #preheader .displayMobileContact::before { content: '\f086'; font-family: FontAwesome; position: absolute; left: 0; top: 0; padding-left: 4px; padding-top: 7px; font-size: 18px; } .flex-direction-nav {display:none;} .raumplan_acc img.raum_acc_img { max-width: 100%; height: auto; } #main .mod_article .raumplan_acc a:before { content:none; } #main .mod_article .raumplan_right.raumuebersicht ul li a { display:block; } #main .mod_article .raumplan_left .bottom img.plan_bg { position:absolute; } .mm-list, .mm-list > li { text-align: left; font-size: 15px; } .mm-menu.mm-vertical .mm-list .mm-panel { padding-left: 20px; } #main .mod_article .raumplan_left .bottom img { display: block; position: relative; } #main .mod_article .raumplan_left .bottom { height: auto; } #main nav ul.quicknav-raeume { height: 52px; overflow: hidden; } #main nav ul.quicknav-raeume li { clear: left; display: block; float: none; text-align:center; border-bottom:1px solid #FFF; padding-bottom: 0; } #main nav ul.quicknav-raeume li.mobile-toggler { display: block; } #main nav ul.quicknav-raeume li a { float:none; } body.startseite { background: url('../../files/ccs-gd/assets/img/ccs-bg-start.jpg') no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } body.startseite .rang, body.startseite i.fa-angle-right { display: none; } figure .caption { padding: 0; max-width:100%; } @media (min-width: 504px) { #contact_slider .ce_form { width:423px; float:left;} } @media (min-width: 1008px) { #contact_slider {width: 908px} .raumplan_acc {display:none;} #main .mod_article .raumplan_left {display:inline-block;} #main .mod_article .raumplan_right {display:inline-block;} #main nav ul.quicknav-raeume li { clear: none; float:left; display: inline; text-align:left; padding-bottom: 0; border-bottom:none; } #main nav ul.quicknav-raeume li.mobile-toggler { display: none; } #main nav ul.quicknav-raeume li a { display: inline; float:left; } body.startseite .rang, body.startseite i.fa-angle-right { display: inline; } } @media (min-width: 780px) { #contact_slider {display:block;} #contact_slider_mobile {display:none;} #preheader .displayMobileContact {display:none;} } /* default screen, non-retina */ body.startseite { background: url(../../files/ccs-gd/assets/img/ccs-bg-start-1240.jpg) no-repeat center center fixed; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; } @media only screen and (max-width: 320px) { /* Small screen, non-retina */ body.startseite { background: url(../../files/ccs-gd/assets/img/ccs-bg-start-320-1x.jpg) no-repeat center center fixed; } } @media only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 320px), only screen and ( min--moz-device-pixel-ratio: 2) and (max-width: 320px), only screen and ( -moz-min-device-pixel-ratio: 2) and (max-width: 320px), only screen and ( -o-min-device-pixel-ratio: 2/1) and (max-width: 320px), only screen and ( min-device-pixel-ratio: 2) and (max-width: 320px), only screen and ( min-resolution: 192dpi) and (max-width: 320px), only screen and ( min-resolution: 2dppx) and (max-width: 320px) { /* Small screen, retina */ body.startseite { background: url(../../files/ccs-gd/assets/img/ccs-bg-start-320-2x.jpg) no-repeat center center fixed; } } @media only screen and (min-width: 321px) and (max-width: 538px) { /* Medium screen, non-retina */ body.startseite { background: url(../../files/ccs-gd/assets/img/ccs-bg-start-538-1x.jpg) no-repeat center center fixed; } } @media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 321px) and (max-width: 538px), only screen and ( min--moz-device-pixel-ratio: 2) and (min-width: 321px) and (max-width: 538px), only screen and ( -moz-min-device-pixel-ratio: 2) and (min-width: 321px) and (max-width: 538px), only screen and ( -o-min-device-pixel-ratio: 2/1) and (min-width: 321px) and (max-width: 538px), only screen and ( min-device-pixel-ratio: 2) and (min-width: 321px) and (max-width: 538px), only screen and ( min-resolution: 192dpi) and (min-width: 321px) and (max-width: 538px), only screen and ( min-resolution: 2dppx) and (min-width: 321px) and (max-width: 538px) { /* Medium screen, retina */ body.startseite { background: url(../../files/ccs-gd/assets/img/ccs-bg-start-538-2x.jpg) no-repeat center center fixed; } } @media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 539px), only screen and ( min--moz-device-pixel-ratio: 2) and (min-width: 539px), only screen and ( -moz-min-device-pixel-ratio: 2) and (min-width: 539px), only screen and ( -o-min-device-pixel-ratio: 2/1) and (min-width: 539px), only screen and ( min-device-pixel-ratio: 2) and (min-width: 539px), only screen and ( min-resolution: 192dpi) and (min-width: 539px), only screen and ( min-resolution: 2dppx) and (min-width: 539px) { /* Large screen, retina */ body.startseite { background: url(../../files/ccs-gd/assets/img/ccs-bg-start-1240.jpg) no-repeat center center fixed; } } @media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 1000px), only screen and ( min--moz-device-pixel-ratio: 2) and (min-width: 1000px), only screen and ( -moz-min-device-pixel-ratio: 2) and (min-width: 1000px), only screen and ( -o-min-device-pixel-ratio: 2/1) and (min-width: 1000px), only screen and ( min-device-pixel-ratio: 2) and (min-width: 1000px), only screen and ( min-resolution: 192dpi) and (min-width: 1000px), only screen and ( min-resolution: 2dppx) and (min-width: 1000px) { /* Large screen, retina */ body.startseite { background: url(../../files/ccs-gd/assets/img/ccs-bg-start.jpg) no-repeat center center fixed; } } @charset "UTF-8"; /* Congress Centrum Stadtgarten Schwäbisch Gmünd */ /* Umsetzung: Flaggschiff // Medien-Agentur */ /* www.dasflaggschiff.de */ /* Veranstalter */ h3 { color:#3DA37F; } #preheader { height:45px; } #preheader .displayLinkBereiche a.trail, #preheader .displayLinkBereiche a.active { position:relative; color:#3DA37F; } #preheader .displayLinkBereiche a.trail::after, #preheader .displayLinkBereiche a.active::after { content: ''; border-bottom: 8px solid #3DA37F; border-left: 10px solid transparent; border-right: 10px solid transparent; position: absolute; bottom: -2px; left: 50%; margin-left: -10px; } #header .mod_navigation { background:#3DA37F; } .flex-control-paging li a.flex-active { background:#3DA37F; } #main a, #main a:link, #main a:visited, #contact_slider_mobile a, #contact_slider_mobile a:link, #contact_slider_mobile a:visited, #contact_slider a, #contact_slider a:link, #contact_slider a:visited{ color:#3DA37F; } /*.events_anzahl .events_anzahlInner { border:2px solid #3DA37F; }*/ .event_wrapper .left .underSpeechBubble { border-top: solid 18px #3DA37F; border-left: solid 19px transparent; border-right: solid 19px transparent; height: 0; width: 0; margin-left: 90px; } /*.event_wrapper .left a.vCal_link { background:url(../../files/ccs-gd/assets/img/veranstalter_vcal.png) 0 50% no-repeat; } .event_wrapper .left a.ticket_link { background:url(../../files/ccs-gd/assets/img/veranstalter_ticket.png) 0 50% no-repeat; }*/ .event_wrapper .center p.date_info { color:#3DA37F; } .event_wrapper .left .speech_bubble { background:#3DA37F; color:#FFF; } #main .mod_article ul li, .ce_download { border-bottom:2px dotted #3DA37F; }/* #main .mod_article ul li:last-of-type { border-bottom:2px dotted #3DA37F; } */ #main .pagination a, #main .pagination a:link, #main .pagination a:visited { color:#FFF; } #main .pagination a:hover, .pagination span, .pagination strong { text-decoration:none; background:#3DA37F; color:#FFF; } #main .indivNavKachel {background:#3DA37F;} /* Akkordion */ #main .mod_article .ce_accordion .ui-accordion-header h3 { text-align:left !important; color:#333 !important; } #main .mod_article .ce_accordion .ui-accordion-header:hover { color:#3DA37F; border-bottom:2px dotted #3DA37F; transition:none; -moz-transition:none; -webkit-transition:none; -o-transition:none; } #main .mod_article .ce_accordion .ui-accordion-header:hover h3 { color:#3DA37F !important; } #main .mod_article .ce_accordion .ui-accordion-header-active { color:#3DA37F; cursor:pointer; border-bottom:2px dotted #333; } #main .mod_article .ce_accordion .ui-accordion-header-active:hover { color:#3DA37F; border-bottom:2px dotted #3DA37F;} #main .mod_article .ce_accordion .ui-accordion-header-active:hover h3 { color:#3DA37F !important; } #main .mod_breadcrumb { background:#3DA37F; color:#FFF; position: relative; } #main .mod_breadcrumb::after{ content: ''; border-top: 18px solid #3DA37F; border-left: 20px solid transparent; border-right: 20px solid transparent; position: absolute; bottom: -18px; left: 50%; margin-left: -20px; } #main .mod_breadcrumb a, #main .mod_breadcrumb a:link, #main .mod_breadcrumb a:visited { color:#FFF; } #main nav ul.quicknav-raeume li a.active { color:#3DA37F; } #footer { background:#333; }