body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li{float:left}.ce_gallery>ul li.col_first{clear:left}.float_left{float:left}.float_right{float:right}.block{overflow:hidden}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both} @media (max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.ie7 img{-ms-interpolation-mode:bicubic}.ie8 img{width:auto}.audio_container audio{max-width:100%}.video_container video{max-width:100%;height:auto}.aspect,.responsive{position:relative;height:0}.aspect iframe,.responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%}.aspect--16\:9,.responsive.ratio-169{padding-bottom:56.25%}.aspect--16\:10,.responsive.ratio-1610{padding-bottom:62.5%}.aspect--21\:9,.responsive.ratio-219{padding-bottom:42.8571%}.aspect--4\:3,.responsive.ratio-43{padding-bottom:75%}.aspect--3\:2,.responsive.ratio-32{padding-bottom:66.6666%} #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} /*! * mega menu layout * optimiced for Contao Official Demo Theme */.mod_navigation.dropdown{overflow:visible}.mod_navigation li.mm_container>a,.mod_navigation li.mm_container>span{position:relative}.mod_navigation li.mm_container:hover>a:after,.mod_navigation li.mm_container:hover>span:after{content:"";position:absolute;left:0;right:0;bottom:-3px;height:3px;background-color:#F4F2F0;z-index:110}.mod_navigation li.mm_container .mm_dropdown{display:none;position:absolute;left:0;right:0;z-index:100}.mod_navigation li.mm_container .mm_dropdown>.inner{padding:1rem 2rem;border:1px solid #E5DFDC;background-color:rgba(244, 242, 240, 0.95);overflow:hidden}.mod_navigation li.mm_container:hover .mm_dropdown{display:block}.mod_navigation .mm_dropdown{} .sharebuttons { overflow:hidden; } .sharebuttons > ul.theme { list-style-type:none; margin:-4px; padding:0; } .sharebuttons > ul.theme:after { content:""; display:block; clear:both; } .sharebuttons > ul.theme > li { float:left; } .sharebuttons > ul.theme > li > a { margin:4px; display:block; white-space:nowrap; overflow:hidden; text-indent:101%; background-repeat:no-repeat; background-position:center; } .sharebuttons > ul.text > li > a { text-indent:0; } /* source: http://simplesharingbuttons.com/ */ .sharebuttons > ul.simpleflat > li > a { width:32px; height:32px; background-image:url('../../system/modules/sharebuttons/assets/simpleflat/sprites-32.png'); } .sharebuttons > ul.simpleflat > li > a.facebook { background-position:-40px 0; } .sharebuttons > ul.simpleflat > li > a.twitter { background-position:-160px 0; } .sharebuttons > ul.simpleflat > li > a.gplus { background-position:-80px 0; } .sharebuttons > ul.simpleflat > li > a.linkedin { background-position:-120px 0; } .sharebuttons > ul.simpleflat > li > a.xing { background-position:-200px 0; } .sharebuttons > ul.simpleflat > li > a.mail { background-position:0 0; } .sharebuttons > ul.simpleflat > li > a.tumblr { background-position:-240px 0; } .sharebuttons > ul.simpleflat > li > a.pinterest { background-position:-280px 0; } .sharebuttons > ul.simpleflat > li > a.reddit { background-position:-320px 0; } .sharebuttons > ul.simpleflat > li > a.whatsapp { background-position:-360px 0; } @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 13/10), only screen and (min-resolution: 120dpi) { .sharebuttons > ul.simpleflat > li > a { background-size:auto 32px; background-image:url('../../system/modules/sharebuttons/assets/simpleflat/sprites-64.png'); } } /* Animations.css */ #colorbars-footer-top .bar_1,#colorbars-footer-bottom .bar_1,#colorbars-footer-bottom .bar_2{width: 0}#colorbars-header .bar_1{display:block;opacity: 0;animation: fade-top-blue 1s;animation-delay: 0s;animation-fill-mode: forwards}.start_video_animation_bar1{display:block;opacity: 0;animation: fade-video-yellow 1s;animation-delay: 0s;animation-fill-mode: forwards}.start_video_animation_footer_top_bar1{display:block;opacity: 0;animation: fade-video-footer-top-green 2s;animation-delay: 0s;animation-fill-mode: forwards}.start_video_animation_footer_bottom_bar1{display:block;opacity: 0;animation: fade-video-footer-bottom-blue 1s;animation-delay: 0s;animation-fill-mode: forwards}.start_video_animation_footer_bottom_bar2{display:block;opacity: 0;animation: fade-video-footer-bottom-red 3s;animation-delay: 0s;animation-fill-mode: forwards}.start_video_animation_bar2{display:block;opacity: 0;animation: fade-video-green 1s;animation-delay: 0s;animation-fill-mode: forwards}.start_video_animation_bar3{display:block;opacity: 0;animation: fade-video-blue 1s;animation-delay: 0s;animation-fill-mode: forwards}#colorbars-header .bar_2{display:block;opacity: 0;animation: fade-top-red 1.5s;animation-delay: 0.5s;animation-fill-mode: forwards}#colorbars-header .bar_3{display:block;opacity: 0;animation: fade-top-yellow 1s;animation-delay: 1s;animation-fill-mode: forwards}@keyframes fade-top-blue{from { transform: translate(121%, 0); opacity: 0; }to { transform: translate(0%, 0); opacity: 1; }}@keyframes fade-video-blue{from { width: 0px; opacity: 0; }to { width: 230px; opacity: 1; }}@keyframes fade-video-green{from { width: 0px; opacity: 0; }to { width: 360px; opacity: 1; }}@keyframes fade-video-yellow{from { width: 0px; opacity: 0; }to { width: 150px; opacity: 1; }}@keyframes fade-top-red{from { transform: translate(121%, 0); opacity: 0; display: content}to { transform: translate(0%, 0); opacity: 1; }}@keyframes fade-top-yellow{from { transform: translate(121%, 0); opacity: 0; }to { transform: translate(0%, 0); opacity: 1; }}@keyframes fade-video-footer-top-green{from { width: 0vw; opacity: 0; }to { width: 50vw; opacity: 1; }}@keyframes fade-video-footer-bottom-blue{from { width: 0vw; opacity: 0; }to { width: 50vw; opacity: 1; }}@keyframes fade-video-footer-bottom-red{from { width: 0vw; opacity: 0; }to { width: 100vw; opacity: 1; }} /* * Copyright - Violution GbR Dortmund */ /* Druckausgabe */ @media only print{ *{ overflow: visible; position: static !important; } html, body{ background-image:none !important; } body { font: 11pt/160% Arial, sans-serif; color:#293235; background-color:white!important; } /* Ausblenden */ #header, form, .start #article-1, .no-print, .footer-top.grid3, #footer .mod_customnav, .direktlink, .ticket-button, .domicil-event-list .col_1, #main .content-text-slider .col_2, #main .mod_article.content-text .col_2, #main .mod_article.content-video .col_2, #main .mod_article.content-video-start .col_2, #main .mod_article.content-crossteaser, #main .mod_article.content-text-image .col_2, #main .mod_article.content-text-video .col_2, #main .mod_article.content-slideshow .col_2, .spacer, .domicil-event-search, .button, .pagination { display: none !important; } #main .mod_article.content-foerderungen, #main .mod_article.content-text-programmlist{ margin-top: 60px; } #main .mod_article.content-text-slider, #main .mod_article.content-text, #main .mod_article.content-video, #main .mod_article.content-video-start, #main .mod_article.content-crossteaser, #main .mod_article.content-foerderungen, #main .mod_article.content-text-image, #main .mod_article.content-text-video, #main .mod_article.content-slideshow, #main .mod_article.content-twocol-color, #main .mod_article.content-onecol-color, #main .mod_article.content-socialmedia, #main .mod_article.content-formular, #main .mod_article.content-text-programmlist{ padding-bottom: 0; border: 1px solid #fff; display: block; clear: both; } #main .mod_article{ display: block; overflow: hidden !important; clear: both; } .folge #main .mod_article.content-text-programmlist.firstcontent{ margin-bottom: 0; } /* Inhaltsmodule */ #main .content-text-slider .col_1, #main .mod_article.content-text .col_1, #main .mod_article.content-text, #main .mod_article.content-video .col_1, #main .mod_article.content-video-start, #main .mod_article.content-foerderungen, #main .mod_article.content-text-image .col_1, #main .mod_article.content-text-video .col_1, #main .mod_article.content-slideshow, #main .mod_article.content-onecol-color, #main .mod_article.content-socialmedia, #main .mod_article.content-formular, #main .mod_article.content-text-programmlist, #main .mod_article.content-foerderungen { width: 100%; margin: 0; } #main .mod_article.content-text-slider, #main .mod_article.content-text, #main .mod_article.content-video, #main .mod_article.content-video-start, #main .mod_article.content-crossteaser, #main .mod_article.content-foerderungen, #main .mod_article.content-text-image, #main .mod_article.content-text-video, #main .mod_article.content-slideshow, #main .mod_article.content-twocol-color, #main .mod_article.content-onecol-color, #main .mod_article.content-socialmedia, #main .mod_article.content-formular, #main .mod_article.content-text-programmlist{ display: block; clear: both; } #main .ce_text ul li, #main .ce_text ol li { position:relative; display:list-item; } #main h1{ line-height: 30px; margin-bottom: 40px; display: block; } #main h1, #main h2, #main h3{ max-width: 100%; line-height: 45px; } /* Bilding */ .binding{ width: 100%; margin: 0; } .domicil-event-list .col_2{ width: 380px; } .domicil-event-list .box{ min-height: 10px; } .gridelement .ce_headline{ margin-top: 30px; margin-bottom: 60px; } .folge #main .mod_article.white-bg.margintop { padding-top: 0; margin-top: 0; } #main .mod_article.content-twocol-color .col_1, #main .mod_article.content-twocol-color .col_2, #main .mod_article.content-onecol-color{ padding-top: 30px; padding-bottom: 30px; } #main .mod_article.content-twocol-color .subcolumns, #main .mod_article.content-onecol-color{ height: auto; } [class*="grid"]{ margin-left: 0; margin-right: 0; display: block !important; } .domicil-event-list .mini-event-block { display: block; min-height: 60px; height: auto; clear: both; overflow: hidden; } .domicil-event-list .gridelement{ margin-left: 0; margin-right: 0; } .domicil-event-list { margin-top: 0; clear: both; display: block; } .folge .domicil-event-search{ margin-bottom: 0; } #footer .gridelement{ width: 100%; float: none; margin-left: 0; margin-right: 0; margin-top: 0; } .start #main { padding-top: 0; } * { background: none !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; } .only-print { display:block; } body { position:relative; overflow:visible; display:block; font-size:9px; line-height:12px; color:#000; } #wrapper, #container { width:100%; height:auto; position:relative; overflow:visible; display:block; } .ce_text a, .ce_text a:link { text-decoration:none; } .print-logo { display:block; padding-top:13px; padding-left:1px; } .start #main .mod_article.content-text-programmlist{ padding-bottom: 0 !important; padding-top: 0; } .mod_article [class*="layout_"] > *, .mod_article [class*="event_"] > *{ margin-left: 0; margin-right: 0; } .grid12 { width: 100%; } .mod_newslist .col_2{ float: none !important; } .mod_newslist .layout_latest{ float: none !important; width: 100% !important; height: auto; /*border: 1px solid #d0d;*/ display: block; overflow: hidden; page-break-before:avoid; } } /*! * jQuery UI CSS Framework 1.12.1 * http://jqueryui.com * * Copyright jQuery Foundation and other contributors * Released under the MIT license. * http://jquery.org/license * * http://api.jqueryui.com/category/theming/ * * To view and modify this theme, visit http://jqueryui.com/themeroller/?scope=&folderName=custom-theme&bgImgOpacityError=65&bgImgOpacityHighlight=75&bgImgOpacityActive=100&bgImgOpacityHover=100&bgImgOpacityDefault=70&bgImgOpacityContent=100&bgImgOpacityHeader=25&cornerRadiusShadow=8px&offsetLeftShadow=-8px&offsetTopShadow=-8px&thicknessShadow=8px&opacityShadow=30&bgImgOpacityShadow=75&bgTextureShadow=flat&bgColorShadow=%23aaaaaa&opacityOverlay=30&bgImgOpacityOverlay=75&bgTextureOverlay=flat&bgColorOverlay=%23aaaaaa&iconColorError=%23cc4853&fcError=%23592003&borderColorError=%23cc4853&bgTextureError=highlight_hard&bgColorError=%23fee4bd&iconColorHighlight=%23cc4853&fcHighlight=%23060200&borderColorHighlight=%23cc4853&bgTextureHighlight=highlight_hard&bgColorHighlight=%23ffffff&iconColorActive=%23cc4853&fcActive=%23cc4853&borderColorActive=%23e0cfc2&bgTextureActive=highlight_hard&bgColorActive=%23f4f0ec&iconColorHover=%23cc4853&fcHover=%23cc4853&borderColorHover=%23cc4853&bgTextureHover=glass&bgColorHover=%23ffffff&iconColorDefault=%23cc4853&fcDefault=%233f3731&borderColorDefault=%23cdc3b7&bgTextureDefault=flat&bgColorDefault=%23ede4d4&iconColorContent=%23cc4853&fcContent=%231e1b1d&borderColorContent=%23e0cfc2&bgTextureContent=inset_soft&bgColorContent=%23f4f0ec&iconColorHeader=%23ffffff&fcHeader=%23ffffff&borderColorHeader=%23cc4853&bgTextureHeader=flat&bgColorHeader=%23cc4853&cornerRadius=0px&fwDefault=normal&fsDefault=1.1em&ffDefault=Helvetica%2CArial%2Csans-serif */ /* Component containers ----------------------------------*/ .ui-widget { font-family: Helvetica,Arial,sans-serif; font-size: 1.1em; } .ui-widget .ui-widget { font-size: 1em; } .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Helvetica,Arial,sans-serif; font-size: 1em; } .ui-widget.ui-widget-content { border: 1px solid #cdc3b7; } .ui-widget-content { border: 1px solid #e0cfc2; background: #f4f0ec url("../../files/layout/css/images/ui-bg_inset-soft_100_f4f0ec_1x100.png") 50% bottom repeat-x; color: #1e1b1d; } .ui-widget-content a { color: #1e1b1d; } .ui-widget-header { border: 1px solid #cc4853; background: #cc4853; color: #ffffff; font-weight: bold; } .ui-widget-header a { color: #ffffff; } /* Interaction states ----------------------------------*/ .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, /* We use html here because we need a greater specificity to make sure disabled works properly when clicked or hovered */ html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active { border: 1px solid #cdc3b7; background: #ede4d4; font-weight: normal; color: #3f3731; } .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited, a.ui-button, a:link.ui-button, a:visited.ui-button, .ui-button { color: #3f3731; text-decoration: none; } .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus, .ui-button:hover, .ui-button:focus { border: 1px solid #cc4853; background: #ffffff url("../../files/layout/css/images/ui-bg_glass_100_ffffff_1x400.png") 50% 50% repeat-x; font-weight: normal; color: #cc4853; } .ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited, .ui-state-focus a, .ui-state-focus a:hover, .ui-state-focus a:link, .ui-state-focus a:visited, a.ui-button:hover, a.ui-button:focus { color: #cc4853; text-decoration: none; } .ui-visual-focus { box-shadow: 0 0 3px 1px rgb(94, 158, 214); } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover { border: 1px solid #e0cfc2; background: #f4f0ec url("../../files/layout/css/images/ui-bg_highlight-hard_100_f4f0ec_1x100.png") 50% 50% repeat-x; font-weight: normal; color: #cc4853; } .ui-icon-background, .ui-state-active .ui-icon-background { border: #e0cfc2; background-color: #cc4853; } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #cc4853; text-decoration: none; } /* Interaction Cues ----------------------------------*/ .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { border: 1px solid #cc4853; background: #ffffff url("../../files/layout/css/images/ui-bg_highlight-hard_75_ffffff_1x100.png") 50% top repeat-x; color: #060200; } .ui-state-checked { border: 1px solid #cc4853; background: #ffffff; } .ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a { color: #060200; } .ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error { border: 1px solid #cc4853; background: #fee4bd url("../../files/layout/css/images/ui-bg_highlight-hard_65_fee4bd_1x100.png") 50% top repeat-x; color: #592003; } .ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #592003; } .ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #592003; } .ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; } .ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); /* support: IE8 */ font-weight: normal; } .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); /* support: IE8 */ background-image: none; } .ui-state-disabled .ui-icon { filter:Alpha(Opacity=35); /* support: IE8 - See #6059 */ } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { width: 16px; height: 16px; } .ui-icon, .ui-widget-content .ui-icon { background-image: url("../../files/layout/css/images/ui-icons_cc4853_256x240.png"); } .ui-widget-header .ui-icon { background-image: url("../../files/layout/css/images/ui-icons_ffffff_256x240.png"); } .ui-state-hover .ui-icon, .ui-state-focus .ui-icon, .ui-button:hover .ui-icon, .ui-button:focus .ui-icon { background-image: url("../../files/layout/css/images/ui-icons_cc4853_256x240.png"); } .ui-state-active .ui-icon, .ui-button:active .ui-icon { background-image: url("../../files/layout/css/images/ui-icons_cc4853_256x240.png"); } .ui-state-highlight .ui-icon, .ui-button .ui-state-highlight.ui-icon { background-image: url("../../files/layout/css/images/ui-icons_cc4853_256x240.png"); } .ui-state-error .ui-icon, .ui-state-error-text .ui-icon { background-image: url("../../files/layout/css/images/ui-icons_cc4853_256x240.png"); } .ui-button .ui-icon { background-image: url("../../files/layout/css/images/ui-icons_cc4853_256x240.png"); } /* positioning */ .ui-icon-blank { background-position: 16px 16px; } .ui-icon-caret-1-n { background-position: 0 0; } .ui-icon-caret-1-ne { background-position: -16px 0; } .ui-icon-caret-1-e { background-position: -32px 0; } .ui-icon-caret-1-se { background-position: -48px 0; } .ui-icon-caret-1-s { background-position: -65px 0; } .ui-icon-caret-1-sw { background-position: -80px 0; } .ui-icon-caret-1-w { background-position: -96px 0; } .ui-icon-caret-1-nw { background-position: -112px 0; } .ui-icon-caret-2-n-s { background-position: -128px 0; } .ui-icon-caret-2-e-w { background-position: -144px 0; } .ui-icon-triangle-1-n { background-position: 0 -16px; } .ui-icon-triangle-1-ne { background-position: -16px -16px; } .ui-icon-triangle-1-e { background-position: -32px -16px; } .ui-icon-triangle-1-se { background-position: -48px -16px; } .ui-icon-triangle-1-s { background-position: -65px -16px; } .ui-icon-triangle-1-sw { background-position: -80px -16px; } .ui-icon-triangle-1-w { background-position: -96px -16px; } .ui-icon-triangle-1-nw { background-position: -112px -16px; } .ui-icon-triangle-2-n-s { background-position: -128px -16px; } .ui-icon-triangle-2-e-w { background-position: -144px -16px; } .ui-icon-arrow-1-n { background-position: 0 -32px; } .ui-icon-arrow-1-ne { background-position: -16px -32px; } .ui-icon-arrow-1-e { background-position: -32px -32px; } .ui-icon-arrow-1-se { background-position: -48px -32px; } .ui-icon-arrow-1-s { background-position: -65px -32px; } .ui-icon-arrow-1-sw { background-position: -80px -32px; } .ui-icon-arrow-1-w { background-position: -96px -32px; } .ui-icon-arrow-1-nw { background-position: -112px -32px; } .ui-icon-arrow-2-n-s { background-position: -128px -32px; } .ui-icon-arrow-2-ne-sw { background-position: -144px -32px; } .ui-icon-arrow-2-e-w { background-position: -160px -32px; } .ui-icon-arrow-2-se-nw { background-position: -176px -32px; } .ui-icon-arrowstop-1-n { background-position: -192px -32px; } .ui-icon-arrowstop-1-e { background-position: -208px -32px; } .ui-icon-arrowstop-1-s { background-position: -224px -32px; } .ui-icon-arrowstop-1-w { background-position: -240px -32px; } .ui-icon-arrowthick-1-n { background-position: 1px -48px; } .ui-icon-arrowthick-1-ne { background-position: -16px -48px; } .ui-icon-arrowthick-1-e { background-position: -32px -48px; } .ui-icon-arrowthick-1-se { background-position: -48px -48px; } .ui-icon-arrowthick-1-s { background-position: -64px -48px; } .ui-icon-arrowthick-1-sw { background-position: -80px -48px; } .ui-icon-arrowthick-1-w { background-position: -96px -48px; } .ui-icon-arrowthick-1-nw { background-position: -112px -48px; } .ui-icon-arrowthick-2-n-s { background-position: -128px -48px; } .ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; } .ui-icon-arrowthick-2-e-w { background-position: -160px -48px; } .ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; } .ui-icon-arrowthickstop-1-n { background-position: -192px -48px; } .ui-icon-arrowthickstop-1-e { background-position: -208px -48px; } .ui-icon-arrowthickstop-1-s { background-position: -224px -48px; } .ui-icon-arrowthickstop-1-w { background-position: -240px -48px; } .ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; } .ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; } .ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; } .ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; } .ui-icon-arrowreturn-1-w { background-position: -64px -64px; } .ui-icon-arrowreturn-1-n { background-position: -80px -64px; } .ui-icon-arrowreturn-1-e { background-position: -96px -64px; } .ui-icon-arrowreturn-1-s { background-position: -112px -64px; } .ui-icon-arrowrefresh-1-w { background-position: -128px -64px; } .ui-icon-arrowrefresh-1-n { background-position: -144px -64px; } .ui-icon-arrowrefresh-1-e { background-position: -160px -64px; } .ui-icon-arrowrefresh-1-s { background-position: -176px -64px; } .ui-icon-arrow-4 { background-position: 0 -80px; } .ui-icon-arrow-4-diag { background-position: -16px -80px; } .ui-icon-extlink { background-position: -32px -80px; } .ui-icon-newwin { background-position: -48px -80px; } .ui-icon-refresh { background-position: -64px -80px; } .ui-icon-shuffle { background-position: -80px -80px; } .ui-icon-transfer-e-w { background-position: -96px -80px; } .ui-icon-transferthick-e-w { background-position: -112px -80px; } .ui-icon-folder-collapsed { background-position: 0 -96px; } .ui-icon-folder-open { background-position: -16px -96px; } .ui-icon-document { background-position: -32px -96px; } .ui-icon-document-b { background-position: -48px -96px; } .ui-icon-note { background-position: -64px -96px; } .ui-icon-mail-closed { background-position: -80px -96px; } .ui-icon-mail-open { background-position: -96px -96px; } .ui-icon-suitcase { background-position: -112px -96px; } .ui-icon-comment { background-position: -128px -96px; } .ui-icon-person { background-position: -144px -96px; } .ui-icon-print { background-position: -160px -96px; } .ui-icon-trash { background-position: -176px -96px; } .ui-icon-locked { background-position: -192px -96px; } .ui-icon-unlocked { background-position: -208px -96px; } .ui-icon-bookmark { background-position: -224px -96px; } .ui-icon-tag { background-position: -240px -96px; } .ui-icon-home { background-position: 0 -112px; } .ui-icon-flag { background-position: -16px -112px; } .ui-icon-calendar { background-position: -32px -112px; } .ui-icon-cart { background-position: -48px -112px; } .ui-icon-pencil { background-position: -64px -112px; } .ui-icon-clock { background-position: -80px -112px; } .ui-icon-disk { background-position: -96px -112px; } .ui-icon-calculator { background-position: -112px -112px; } .ui-icon-zoomin { background-position: -128px -112px; } .ui-icon-zoomout { background-position: -144px -112px; } .ui-icon-search { background-position: -160px -112px; } .ui-icon-wrench { background-position: -176px -112px; } .ui-icon-gear { background-position: -192px -112px; } .ui-icon-heart { background-position: -208px -112px; } .ui-icon-star { background-position: -224px -112px; } .ui-icon-link { background-position: -240px -112px; } .ui-icon-cancel { background-position: 0 -128px; } .ui-icon-plus { background-position: -16px -128px; } .ui-icon-plusthick { background-position: -32px -128px; } .ui-icon-minus { background-position: -48px -128px; } .ui-icon-minusthick { background-position: -64px -128px; } .ui-icon-close { background-position: -80px -128px; } .ui-icon-closethick { background-position: -96px -128px; } .ui-icon-key { background-position: -112px -128px; } .ui-icon-lightbulb { background-position: -128px -128px; } .ui-icon-scissors { background-position: -144px -128px; } .ui-icon-clipboard { background-position: -160px -128px; } .ui-icon-copy { background-position: -176px -128px; } .ui-icon-contact { background-position: -192px -128px; } .ui-icon-image { background-position: -208px -128px; } .ui-icon-video { background-position: -224px -128px; } .ui-icon-script { background-position: -240px -128px; } .ui-icon-alert { background-position: 0 -144px; } .ui-icon-info { background-position: -16px -144px; } .ui-icon-notice { background-position: -32px -144px; } .ui-icon-help { background-position: -48px -144px; } .ui-icon-check { background-position: -64px -144px; } .ui-icon-bullet { background-position: -80px -144px; } .ui-icon-radio-on { background-position: -96px -144px; } .ui-icon-radio-off { background-position: -112px -144px; } .ui-icon-pin-w { background-position: -128px -144px; } .ui-icon-pin-s { background-position: -144px -144px; } .ui-icon-play { background-position: 0 -160px; } .ui-icon-pause { background-position: -16px -160px; } .ui-icon-seek-next { background-position: -32px -160px; } .ui-icon-seek-prev { background-position: -48px -160px; } .ui-icon-seek-end { background-position: -64px -160px; } .ui-icon-seek-start { background-position: -80px -160px; } /* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */ .ui-icon-seek-first { background-position: -80px -160px; } .ui-icon-stop { background-position: -96px -160px; } .ui-icon-eject { background-position: -112px -160px; } .ui-icon-volume-off { background-position: -128px -160px; } .ui-icon-volume-on { background-position: -144px -160px; } .ui-icon-power { background-position: 0 -176px; } .ui-icon-signal-diag { background-position: -16px -176px; } .ui-icon-signal { background-position: -32px -176px; } .ui-icon-battery-0 { background-position: -48px -176px; } .ui-icon-battery-1 { background-position: -64px -176px; } .ui-icon-battery-2 { background-position: -80px -176px; } .ui-icon-battery-3 { background-position: -96px -176px; } .ui-icon-circle-plus { background-position: 0 -192px; } .ui-icon-circle-minus { background-position: -16px -192px; } .ui-icon-circle-close { background-position: -32px -192px; } .ui-icon-circle-triangle-e { background-position: -48px -192px; } .ui-icon-circle-triangle-s { background-position: -64px -192px; } .ui-icon-circle-triangle-w { background-position: -80px -192px; } .ui-icon-circle-triangle-n { background-position: -96px -192px; } .ui-icon-circle-arrow-e { background-position: -112px -192px; } .ui-icon-circle-arrow-s { background-position: -128px -192px; } .ui-icon-circle-arrow-w { background-position: -144px -192px; } .ui-icon-circle-arrow-n { background-position: -160px -192px; } .ui-icon-circle-zoomin { background-position: -176px -192px; } .ui-icon-circle-zoomout { background-position: -192px -192px; } .ui-icon-circle-check { background-position: -208px -192px; } .ui-icon-circlesmall-plus { background-position: 0 -208px; } .ui-icon-circlesmall-minus { background-position: -16px -208px; } .ui-icon-circlesmall-close { background-position: -32px -208px; } .ui-icon-squaresmall-plus { background-position: -48px -208px; } .ui-icon-squaresmall-minus { background-position: -64px -208px; } .ui-icon-squaresmall-close { background-position: -80px -208px; } .ui-icon-grip-dotted-vertical { background-position: 0 -224px; } .ui-icon-grip-dotted-horizontal { background-position: -16px -224px; } .ui-icon-grip-solid-vertical { background-position: -32px -224px; } .ui-icon-grip-solid-horizontal { background-position: -48px -224px; } .ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; } .ui-icon-grip-diagonal-se { background-position: -80px -224px; } /* Misc visuals ----------------------------------*/ /* Corner radius */ .ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { border-top-left-radius: 0px; } .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { border-top-right-radius: 0px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { border-bottom-left-radius: 0px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { border-bottom-right-radius: 0px; } /* Overlays */ .ui-widget-overlay { background: #aaaaaa; opacity: .3; filter: Alpha(Opacity=30); /* support: IE8 */ } .ui-widget-shadow { -webkit-box-shadow: -8px -8px 8px #aaaaaa; box-shadow: -8px -8px 8px #aaaaaa; } /** *** SIMPLE GRID *** (C) ZACH COLE 2016 **/ /* UNIVERSAL */ html, body { height: 100%; width: 100%; margin: 0; padding: 0; left: 0; top: 0; font-size: 100%; } /* ==== GRID SYSTEM ==== */ .binding { width: 94%; margin-left: auto; margin-right: auto; } .row { /*position: relative;*/ width: 100%; } .row [class^="grid"] { float: left; margin: 0px 1%; min-height: 0.125rem; } .grid1, .grid2, .grid3, .grid4, .grid5, .grid6, .grid7, .grid8, .grid9, .grid10, .grid11, .grid12 { width: 100%; /*border: 1px solid #d0d;*/ } .row::after { content: ""; display: table; clear: both; } .hidden { display: none; } /* Responsive */ @media only screen and (min-width: 33.75em) { /* maximale Breite 540px */ .binding { width: 80%; } } @media only screen and (max-width: 1260px) { /* maximale Breite 540px */ /*body{*/ /*border: 5px solid #f0f !important;*/ /*}*/ /* Ausblenden */ #header .sm-bar, .ticket-button, #top-infos .col, #video_background{ display: none; } /* Formularfelder Breite untereinander */ .defaultform .formbody input, .defaultform .formbody select, .defaultform .formbody .select2-container, .defaultform .formbody div.button, .defaultform .formbody textarea, a.button{ margin: 5px auto !important; } .folge .defaultform .formbody #wishMonth .select2-container{ text-indent: 3.3%; } .defaultform .formbody label{ text-align: left; margin: 10px 2px !important; } .defaultform .formbody{ text-align: center; } .defaultform { padding: 0 0; } .start .domicil-event-search .ce_form{ margin: 0; } .domicil-event-search{ margin-bottom: 33px; } .form-wrapper.binding{ width: 100% !important; padding-left: 2.7% !important; padding-right: 2.7% !important; background: #cc4853 !important; } .start #today{ background-position: 44.5% center; } .start #wishdate { background-position: 43% center; } .start #eventTypes .select2-container { background-position: 42% center; } .defaultform .formbody .select2-container{ padding-bottom: 16px; } .defaultform .formbody .select2-container .show_more, .defaultform .formbody .select2-container .select2-selection__choice{ padding: 20px 0; } .show_more, .defaultform .formbody .select2-container .select2-selection__choice { width: 100%; text-align: left; } .domicil-event-search .defaultform .formbody input#eventTitle { width: 100%; float: none; } .domicil-event-search .defaultform .formbody .search-submit { width: 100%; height: 67px; background-size: 35px 35px; margin-top: 15px !important; } .folge .defaultform .formbody input, .folge .defaultform .formbody select, .folge .defaultform .formbody .select2-container, .folge .defaultform .formbody div.button, .folge .defaultform .formbody textarea, a.button{ text-align: left !important; } .folge .defaultform .formbody div.button.center, .folge .defaultform .formbody textarea, a.button.center{ text-align: center !important; } .folge .select2-container .select2-selection--single{ text-align: left !important; } .folge .defaultform .formbody .select2-container{ background-position: 20px center; } .folge #main h1.filterheadline{ padding-bottom: 20px; } } /* maximale Breite */ @media only screen and (min-width: 994px) { .grid1 { width: 6.32%; /*Okay*/ } .grid2 { width: 16%;/*Okay*/ } .grid3 { width: 23%; /*Okay*/ } .grid4 { width: 31.33%; /*Okay*/ } .grid5 { width: 39.5%;/*Okay*/ } .grid6 { width: 48%; /*Okay*/ } .grid7 { width: 56.35%;/*Okay*/ } .grid8 { width: 62.66%; } .grid9 { width: 73%; } .grid10 { width: 81%; } #header .mod_navigation ul li{ padding-left: 30px !important; } #header .mod_navigation ul li li{ padding-left: 0 !important; } .grid11 { width: 91.58%; } .grid12 { width: 98%; /*Okay*/ } .hidden { display: block; } } @media only screen and (min-width: 993px) { /* maximale Breite 960px */ .binding { width: 75%; max-width: 60rem; } } /* Tests */ .mod_article{ /*border: 1px solid #f00;*/ } .gridelement{ /*border: 1px solid #f0f;*/ } /* Base */ *, div, img, h1, h2, h3, h4, p, input, button { margin:0; padding:0; border:0; outline: 0 none; } *, *::before, *::after { box-sizing: border-box; } html, body { height:100%; } .only-mobile{ display: none; } body { position: relative; font-size: 62.5% !important; color: #525265; background-color: #f6f6f5; font-family: 'Muli', sans-serif; max-width: 100vw; overflow-x: hidden; min-height: 100%; /*font-family: 'Roboto', sans-serif;*/ } .only-mobile{ display: none; } /* ! Bebhebung des Formularbugs beim Ändern der Viewportgröße */ .select2-container { width: 100% !important; } #main{ background-color: #f6f6f6; } #wrapper{ width: 100%; min-height: 100%; } #main p em{ font-size: 0.9em; font-style: italic; color: #828282; } a, a:link { text-decoration: none; -webkit-transition: all 0.4s ease-in-out 0s; -moz-transition: all 0.4s ease-in-out 0s; -o-transition: all 0.4s ease-in-out 0s; -ms-transition: all 0.4s ease-in-out 0s; transition: all 0.4s ease-in-out 0s; } /* Bilding */ .binding{ margin: 0 auto; /*border: 1px solid #d0d;*/ } #main .nogrid-binding .inner{ margin: 0px 1%; } .mini-event-block .grid5 { width: 37% !important; } .start .mini-event-block .grid6 { width: 46%; } .dblau{ background-color: #41a7ac; } .folge #colorbars-header .dblau{ background-color: #f3df7f; } .ddblau{ background-color: #456ea5; } .drot{ background-color: #cc4853; } .folge #colorbars-header .drot{ background-color: #41a7ac; } .ddrot{ background-color: #883e3a; } .dgelb{ background-color: #f3df7f; } .folge #colorbars-header .dgelb{ background-color: #6a4d93; } .dgruen{ background-color: #58833d; } .hidden{ display: none !important; } #top-infos{ height: 40px; display: block; background-color: #ffffff; color: #A2A2A2; font-size: 1.4em; padding: 10px 20px; } #top-infos .col{ padding: 0 16px; display: inline-block; border-right: 1px solid #A2A2A2; } #top-infos .col.last{ border-right: 0 } /* Animierte Colorbars */ #colorbars-header, #colorbars-footer-top{ position: absolute; top: 0; right: 0; width: 50vw; display: block; } .colorbars-video-top{ position: relative; top: 0; right: 0; width: 100%; display: block; } #colorbars-header .inside{ position: relative; width: 100%; } #colorbars-header .bar, #colorbars-footer-top .bar, #colorbars-footer-bottom .bar, .colorbars-video-top .bar, .colorbars-video-bottom .bar { position: absolute; height: 20px; width: 50vw; } #main .colorbars-video-top .inside, #main .colorbars-video-bottom .inside { overflow: visible; } .colorbars-video-top .bar_1{ right: 0; top: -39px; width: 150px } .start .colorbars-video-top .bar_1{ top: -40px; } .colorbars-video-top .bar_2{ right: 0; top: -19px; width: 360px } .start .colorbars-video-top .bar_2{ top: -20px; } .colorbars-video-top .bar_3{ right: 0; top: 1px; width: 230px } .start .colorbars-video-top .bar_3{ top: 0; } .colorbars-video-bottom .bar_1{ left: 0; bottom: -19px; width: 150px } .start .colorbars-video-bottom .bar_1{ bottom: 0; } #colorbars-header .bar_1{ width: 30.2vw; right: 0; top: 0; } #colorbars-header .bar_2{ top: 20px; right: 0; } #colorbars-header .bar_3{ width: 15.2vw; right: 0; top: 40px; z-index: 20000; } #colorbars-footer-top .bar_1{ top: -20px; right: 0; } #colorbars-footer-bottom .bar_1{ left: -35vw; bottom: -130px; top: auto; } #colorbars-footer-bottom .bar_2{ bottom: -150px; width: 100vw; top: auto; } /* Social-Media-Bar */ .sm-bar{ text-align: right; height: 70px; padding-top: 28px; } .sm-bar ul{ position: static; list-style-type: none; margin: 0; padding: 0; text-align: right; } .sm-bar ul li{ display: inline-block; text-align: left; list-style-type: none; z-index: 10; padding-left: 20px; overflow: visible; } .sm-bar ul li a.fb-button, .sm-bar ul li a.twitter-button, .sm-bar ul li a.insta-button{ display: block; text-indent: -100em; overflow: hidden; width: 20px; height: 20px; background-image: url('/files/layout/images/icons/facebook-icon.svg'); background-repeat: no-repeat; background-size: 100% 100%; background-position: center; } .sm-bar ul li a.twitter-button{ width: 25px; background-image: url('/files/layout/images/icons/twitter-icon.svg'); } .sm-bar ul li a.twitter-button:hover, .sm-bar ul li a.twitter-button:focus{ width: 25px; background-image: url('/files/layout/images/icons/twitter-icon_act.svg'); } .sm-bar ul li a.fb-button:hover, .sm-bar ul li a.fb-button:focus{ background-image: url('/files/layout/images/icons/facebook-icon_act.svg'); } .sm-bar ul li a.insta-button{ width: 25px; background-image: url('/files/layout/images/icons/insta-icon.svg'); } .sm-bar ul li a.insta-button:hover, .sm-bar ul li a.insta-button:focus{ width: 25px; background-image: url('/files/layout/images/icons/insta-icon_act.svg'); } /*Sprachwechsler */ #sm-bar .mod_changelanguage li{ padding-left: 0; } .sm-bar .mod_changelanguage li a{ padding-top: 15px; } .sm-bar ul li a.language{ overflow: visible; color: #6d6d82 !important; text-decoration: none; } #header .sm-bar ul li a.language{ font-size: 1.7em; } .start #header .sm-bar ul li a.twitter-button{ background-image: url('/files/layout/images/icons/twitter-icon.svg'); } .start #header .sm-bar ul li a.fb-button{ background-image: url('/files/layout/images/icons/facebook-icon.svg'); } .start #header .sm-bar ul li a.insta-button{ background-image: url('/files/layout/images/icons/insta-icon.svg'); } .start #header .sm-bar ul li a.twitter-button:hover, .start #header .sm-bar ul li a.twitter-button:focus{ background-image: url('/files/layout/images/icons/twitter-icon_act.svg'); } .start #header .sm-bar ul li a.fb-button:hover, .start #header .sm-bar ul li a.fb-button:focus{ background-image: url('/files/layout/images/icons/facebook-icon_act.svg'); } .start #header .sm-bar ul li a.insta-button:hover, .start #header .sm-bar ul li a.insta-button:focus{ background-image: url('/files/layout/images/icons/insta-icon_act.svg'); } .start #header .sm-bar ul li a.language{ color: #525265 !important; } .sm-bar ul li a.language:hover, .start #header .sm-bar ul li a.language:hover{ color: #ffffff !important; } /* Hero mit Video Background */ #hero { width:100%; height:200px; display:block; position:relative; background-color: #1e1f28; overflow: visible; } #hero-second { width:100%; } #hero .binding { z-index: 2; /*position: relative;*/ } .start #hero { height:500px; background-color: transparent; background-repeat: no-repeat; background-size: 100vw auto; background-position: center; } /* Sticky Navigation */ /*#hero.sticky{*/ /*position: fixed;*/ /*z-index: 500000;*/ /*top: 0px;*/ /*padding-top: 30px;*/ /*}*/ /*.start #hero.sticky {*/ /*background-color: #1e1f28;*/ /*height:110px;*/ /*}*/ /*.start #hero.sticky #video_background,*/ /*.start #hero.sticky #video_pattern{*/ /*display: none;*/ /*}*/ /*#hero.sticky #sm-bar{*/ /*display: none;*/ /*}*/ /*.folge #hero.sticky{*/ /*height:110px;*/ /*}*/ #hero .inner{ position: relative; } #hero .inner .binding-wrapper{ position: absolute; top: 0; width: 100%; z-index: 200; } /* Videohintergrund */ #video_background_wrapper{ display: block; overflow: hidden; position: relative; } #video_background { overflow: hidden; background-image: url("../../files/layout/hero-background.jpg"); background-size: cover; background-repeat: no-repeat; background-position: center; height: 500px; } /*#video_background .inner{*/ /*width: auto;*/ /*height: auto;*/ /*position: relative;*/ /*min-width: 100%;*/ /*min-height: 100%;*/ /*}*/ /*#video_pattern {*/ /*position: absolute;*/ /*background-color: #1e1f28;*/ /*opacity: 0.8;*/ /*left: 0;*/ /*top: 0;*/ /*width: 100%;*/ /*height: 100%;*/ /*z-index: 1;*/ /*}*/ /* Höhe des Kopfbereiches auf der Starsteite */ #video_background{ height: 500px; width: 100%; } /* Logo */ #domicil-logo-header { height: 40px; margin-top: auto; margin-bottom: auto; } .row [class^="grid"] { float: left; margin: 0px 1%; min-height: 0.125rem; } #domicil-logo-header #logo{ width: 100%; height: 100%; background-image: url('/files/layout/images/domicil_logo_w.svg'); background-repeat: no-repeat; background-size: auto 100%; background-position: left center; display: block; } /* Links in Texten */ a, a:link{ text-decoration:none; color: #883e3a; -webkit-transition: all 0.4s ease-in-out 0s; -moz-transition: all 0.4s ease-in-out 0s; -o-transition: all 0.4s ease-in-out 0s; -ms-transition: all 0.4s ease-in-out 0s; transition: all 0.4s ease-in-out 0s; } a:hover, a:focus { text-decoration:none; color: #1e1f28; } /* Direktlinks */ .direktlink{ position: relative; padding-left: 20px; display: block; } .direktlink a, a.direktlink{ border-bottom: 2px solid rgba(223,223,223,0.5); display: inline-block; -webkit-transition: all 0.4s ease-in-out 0s; -moz-transition: all 0.4s ease-in-out 0s; -o-transition: all 0.4s ease-in-out 0s; -ms-transition: all 0.4s ease-in-out 0s; transition: all 0.4s ease-in-out 0s; padding-bottom: 5px; padding-right: 2px; color: #525265; position: relative; } a.direktlink{ font-size: 1.7em; color: #525265; line-height: 1.6em; margin-bottom: 1.8em; max-width: 700px; padding-left: 0; } .direktlink a:before, a.direktlink:before{ display:block; position: absolute; font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f054"; left: -20px; top: 0; } .direktlink.back a:before, a.direktlink.back:before{ transform: rotate(180deg); } .direktlink a:hover, .direktlink a:focus, a.direktlink:hover, a.direktlink:focus{ border-bottom: 2px solid #1e1f28; color: #1e1f28; } /* Pfeile */ .arrow-left:before{ display:inline-block; /*position: absolute;*/ font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f054"; margin-right: 10px; } /* Main-Navigation */ #header .mod_navigation ul, #header .mod_customnav ul{ position: static; list-style-type: none; margin: 0; padding: 40px 0 0 0; text-align: right; } #header .mm_dropdown .mod_navigation ul, #header .mm_dropdown .mod_customnav ul{ padding-top: 4px; } #header .mod_navigation ul li, #header .mod_customnav ul li{ display: inline-block; text-align: left; list-style-type: none; z-index: 10; padding-left: 35px; } #header .mod_navigation ul li a, #header .mod_navigation ul li .active, #header .mod_navigation ul li .forward, #header .mod_navigation ul li .trail, #header .mod_customnav ul li a, #header .mod_customnav ul li .active, #header .mod_customnav ul li .trail { color: #ffffff; text-decoration: none; font-weight: 600; font-size: 1.8em; font-family: 'Muli', sans-serif; padding-bottom: 6px; position: relative; display: inline-block; margin: 15px 0; outline: none; cursor: pointer; } .mm-header-link a, .mm-header-link .active, .mm-header-link .forward, .mm-header-link .trail { padding-bottom: 10px !important; } #header .mod_navigation ul li.mm_container ul li.active, #header .mod_customnav ul li.mm_container ul li.active, #header .mod_navigation ul li.mm_container ul li.forward, #header .mod_customnav ul li.mm_container ul li.forward{ margin: 0; padding: 0; } #header .mod_navigation ul li a:after, #header .mod_navigation ul li .active:after, #header .mod_navigation ul li .forward:after, #header .mod_navigation ul li .trail:after, #header .mod_customnav ul li a:after, #header .mod_customnav ul li .active:after, #header .mod_customnav ul li .forward:after, #header .mod_customnav ul li .trail:after { position: absolute; top: 100%; left: 0; width: 100%; height: 4px; background: rgba(204,72,83,1); content: ''; opacity: 0; -webkit-transition: opacity 0.4s, -webkit-transform 0.4s; -moz-transition: opacity 0.4s, -moz-transform 0.4s; transition: opacity 0.4s, transform 0.4s; -webkit-transform: translateY(10px); -moz-transform: translateY(10px); transform: translateY(10px); } #header .mod_navigation ul li a:hover:after, #header .mod_navigation ul li a:focus:after, #header .mod_navigation ul li .active:after, #header .mod_navigation ul li .forward:after, #header .mod_navigation ul li .trail:after, #header .mod_navigation ul li.mm_container:hover a:after, #header .mod_customnav ul li a:hover:after, #header .mod_customnav ul li a:focus:after, #header .mod_customnav ul li .active:after, #header .mod_customnav ul li .forward:after, #header .mod_customnav ul li .trail:after, #header .mod_customnav ul li.mm_container:hover a:after{ opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); transform: translateY(0px); } #header .mod_navigation ul.level_2, #header .mod_navigation ul.level_3, #header .mod_navigation ul.level_4, #header .mod_customnav ul.level_2, #header .mod_customnav ul.level_3, #header .mod_customnav ul.level_4{ display: none; } /* Tickets sichern Button */ .ticket-button{ width: 150px; height: 150px; border-radius: 50%; background-color: #cc4853; position: absolute; right: 9.2%; top: 435px; display: table; overflow: hidden; z-index: 100; } .ticket-button.sticky{ top: 60px; position: fixed; } .ticket-button a{ width: 100%; height: 100%; border-radius: 50%; display: table-cell; vertical-align: middle; text-align: center; color: #ffffff !important; font-weight: 600; font-size: 1.75em; line-height: 1.3em; } .folge.eventdetails .ticket-button{ top: 250px; /*right: -16.2%;*/ position: absolute; } #eventslider .block, .swiper-container{ overflow: visible; } /*.folge #eventslider_text{*/ /*margin-top: 60px;*/ /*}*/ /* Mega Menu */ .mod_navigation li.mm_container .mm_dropdown{ display: block !important; width: 100% !important; position: absolute; padding-top: 10px; padding-bottom: 20px; background-color: #525265; min-height: 380px; /* Fade-Effekt */ visibility: hidden; /* hides sub-menu */ opacity: 0; left: 0; transform: translateY(-2em); z-index: -1; transition: all 0.3s ease-in-out 0.3s, visibility 0.3s linear 0.3s, z-index 0.3s linear 0.3s; } #header .mod_navigation ul li.mm_container:hover .mm_dropdown, #header .mod_navigation ul li.mm_container:focus .mm_dropdown, #header .mod_customnav ul li.mm_container:hover .mm_dropdown, #header .mod_customnav ul li.mm_container:focus .mm_dropdown{ visibility: visible; /* shows sub-menu */ opacity: 1; z-index: 20000; transform: translateY(0%); } .mod_navigation li.mm_container .mm_dropdown > .inner, #header .mod_customnav li.mm_container .mm_dropdown > .inner { padding: 0; border: 0; height: 100%; display: block; background-color: #525265; } #header .mod_navigation li.mm_container div ul li, #header .mod_customnav li.mm_container div ul li{ display: block; padding-left: 0; } #header .mod_navigation li.mm_container ul li a, #header .mod_navigation li.mm_container ul li .active, #header .mod_navigation li.mm_container ul li .forward, #header .mod_navigation li.mm_container ul li .trail, #header .mod_customnav li.mm_container ul li a, #header .mod_customnav li.mm_container ul li .active, #header .mod_customnav li.mm_container ul li .forward, #header .mod_customnav li.mm_container ul li .trail{ margin: 5px 0; } #header .mod_navigation li.mm_container div ul li a, #header .mod_navigation li.mm_container div ul li .active, #header .mod_navigation li.mm_container div ul li .forward, #header .mod_customnav li.mm_container div ul li a, #header .mod_customnav li.mm_container div ul li .active, #header .mod_customnav li.mm_container div ul li .forward{ display: block; padding: 6px 0; } #header .mod_navigation li.mm_container div ul li .active, #header .mod_navigation li.mm_container div ul li .forward, #header .mod_navigation li.mm_container div ul li .trail, #header .mod_customnav li.mm_container div ul li .active, #header .mod_customnav li.mm_container div ul li .forward, #header .mod_customnav li.mm_container div ul li .trail{ font-size: 1em; padding: 0; margin: 0; line-height: 1em; } #header .mod_navigation li.mm_container div ul li a:hover, #header .mod_navigation li.mm_container div ul li a:focus, #header .mod_navigation li.mm_container div ul li .active, #header .mod_navigation li.mm_container div .mm-header-link a:hover, #header .mod_customnav li.mm_container div ul li a:hover, #header .mod_customnav li.mm_container div ul li a:focus, #header .mod_customnav li.mm_container div ul li .active, #header .mod_customnav li.mm_container div .mm-header-link a:hover{ color: #1e1f28 !important; } #header .mod_navigation li.mm_container div .mm-header-link, #header .mod_customnav li.mm_container div .mm-header-link{ border-bottom: 1px solid #6a6a80; font-size: 1.2em; padding-top: 20px; } #header .mod_navigation li.mm_container div a:after, #header .mod_navigation li.mm_container div .active:after, #header .mod_navigation li.mm_container div .trail:after, #header .mod_customnav li.mm_container div a:after, #header .mod_customnav li.mm_container div .active:after, #header .mod_customnav li.mm_container div .trail:after { display: none; } #header .mod_navigation li.mm_container .mod_navigation, #header .mod_navigation li.mm_container .mod_customnav { display: block; width: 100%; } #header .mod_navigation li.mm_container .mod_navigation a.invisible, #header .mod_navigation li.mm_container .mod_customnav a.invisible { padding: 0; margin: 0; } #header .mod_navigation li.mm_container .mod_navigation a.first, #header .mod_navigation li.mm_container .mod_navigation .first.active, #header .mod_navigation li.mm_container .mod_customnav a.first, #header .mod_navigation li.mm_container .mod_customnav .first.active { padding: 2px 0 3px 0 !important; } #header .mod_navigation li.mm_container .mod_navigation span.active, #header .mod_navigation li.mm_container .mod_customnav span.active { padding: 8px 0 9px 0 !important; margin: 5px 0; } #header .mod_navigation li.mm_container .mod_navigation .first.active, #header .mod_navigation li.mm_container .mod_customnav .first.active { padding-top: 2px !important; margin-bottom: 0; } /* Bildelemente */ .bg_image_container{ background-size: cover; display: inline-block; } /* Scroll-Down */ #scroll-control { margin: 0 auto; font-size: 1.8em; font-weight: 600; text-align: center; behavior:url('assets/css3pie/1.0.0/PIE.htc'); overflow: visible; display:block; background-size: 50%; position: absolute; color: #525265 !important; width: 100%; top: -94px; z-index: 10000; } .start #main .inside{ overflow: visible; } #scroll-control span{ display: block; position: relative; padding-top: 76px; } #scroll-control .inner:before{ background-image:url("/files/layout/images/icons/scroll-down-arrow.svg"); background-position:center center; background-repeat:no-repeat; display:block; height: 65px; width: 16px; background-size: 100%; position: absolute; content:""; top: 0; left: 50%; } /* Filterheadline */ #main h1.filterheadline{ color: #525265 !important; margin: 0 auto; font-size: 1.9em; font-weight: 600; padding-top: 20px; text-align: center; } .folge #main h1.filterheadline{ padding-top: 70px; } /* Zweitheadline in Textabschnitten */ #main h2.headlinelinebefore{ margin-top: -0.4em; margin-bottom: 1em; font-size: 3.2em; } #main h3.headlinelinebefore{ margin-top: -0.2em; margin-bottom: 1.2em; font-size: 2.8em; } /* Main-Content */ #main{ padding-top: 60px; min-height: 500px; } .start #main{ padding-top: 472px; } .programm #main{ padding-top: 0; } #main .mod_article.last{ padding-bottom: 160px !important; } #main .mod_article.first{ padding-top: 0 !important; } .start #main .mod_article.first{ overflow: visible; display: flex; } .start #main .mod_article.first .inner .grid12{ position: relative; } .start .domicil-event-search .ce_form{ margin-left: 10px; margin-right: 10px; } #main h1{ font-size: 4em; margin-bottom: 0.6em; font-weight: 600; color: #883e3a; } #main h2{ font-size: 3.8em; margin-bottom: 0.6em; font-weight: 600; color: #883e3a; } #main h2{ margin-bottom: 0.5em; } #main h3{ font-size: 3em; margin-bottom: 0.6em; font-weight: 600; color: #883e3a; line-height: 1.5em; max-width: 700px; } #main h4{ font-size: 2em; margin-bottom: 0.8em; margin-top: 0.2em; font-weight: 600; color: #525265; max-width: 700px; } #main strong{ font-weight: 600; } #main .ce_text{ margin-bottom: 30px; } #main p, #main ul, #main ol{ font-size: 1.7em; color: #525265; line-height: 1.6em; margin-bottom: 1.8em; max-width: 700px; } #main .fullwidth ul{ max-width: 100%; margin: 20px auto; text-align: center; } #main .fullwidth .ce_gallery > ul li { float: none; display: inline; } #main .content-onecol-color p{ max-width: 800px; } #main .center p{ max-width: 100%; } #main .ce_text ul li, #main .ce_text ol li { position:relative; display:block; padding-bottom:.3em; padding-left:2.2em; } #main .ce_text ul li:before { width:8px; height:8px; left:1.1em; top:.6em; position:absolute; display:block; background-color: #525265; border-radius:50%; behavior:url('assets/css3pie/1.0.0/PIE.htc'); content:""; } /* Footer */ #footer{ height: 580px; display: block; position: relative; } #footer .sm-bar{ padding-top: 23px; padding-bottom: 15px; } #footer{ height: 580px; background-color: #1e1f28; color: #525265; font-size: 1.7em; line-height: 1.5em; display: block; padding-top: 120px; } #footer a{ line-height: 1.7em; color: #ffffff; } #footer a:hover, #footer a:active, #footer a:focus { color: #525265; } #footer .active { line-height: 1.7em; font-weight: normal; color: #883e3a; } #footer #copyright{ padding-top: 40px; } #footer .footer-top{ padding-bottom: 30px; } /* Content-Module */ #main .mod_article.content-text-slider, #main .mod_article.content-text, #main .mod_article.content-video, #main .mod_article.content-video-start, #main .mod_article.content-crossteaser, #main .mod_article.content-foerderungen, #main .mod_article.content-text-image, #main .mod_article.content-text-video, #main .mod_article.content-slideshow, #main .mod_article.content-twocol-color, #main .mod_article.content-onecol-color, #main .mod_article.content-socialmedia, #main .mod_article.content-formular, #main .mod_article.content-text-programmlist{ padding-bottom: 35px; } #main .mod_article.white-bg{ background-color: #ffffff; } #main .mod_article.content-slideshow.white-bg{ padding-top: 140px; } #main .mod_article.content-text-slider h3.subline, #main .mod_article.content-text h3.subline, #main .mod_article.content-text-image h3.subline, #main .mod_article.content-text-video h3.subline{ margin-top: -0.3em; } #main .mod_article.content-formular{ margin-top: -35px; padding-bottom: 70px; } #main .mod_article.content-formular.labelless label{ display: none; } #main .mod_article.content-formular input, #main .mod_article.content-formular select{ margin-bottom: 20px; } #main .mod_article.content-formular .defaultform .formbody .grid10 input, #main .mod_article.content-formular .defaultform .formbody .grid10 select, #main .mod_article.content-formular .defaultform .formbody .grid10 .select2-container, #main .mod_article.content-formular .defaultform .formbody .grid10 div.button, #main .mod_article.content-formular .defaultform .formbody .grid10 textarea { max-width: 100%; } #main .mod_article.content-formular .defaultform .formbody .widget-submit{ margin-top: 0; } #main .mod_article.content-formular .defaultform{ padding: 45px 0 45px 0; } #main .mod_article.content-video{ padding-bottom: 80px; } #main .mod_article.content-text-image{ padding-bottom: 60px; } #main .mod_article.content-slideshow, #main .mod_article.content-video{ padding-top: 50px; } #main .mod_article.content-text-slider .col_2 .ce_image, #main .mod_article.content-text-slider .col_2 .has-pagination, #main .mod_article.content-text-image .col_2 .ce_image, #main .mod_article.content-text-video .col_2 .video_container{ width: 100%; text-align: right; padding-bottom: 20px; display: block; } #main .mod_article.content-text-image .col_2 .bg_image_container, #main .mod_article.content-text-slider .col_2 .bg_image_container, #main .mod_article.content-text-video .col_2 .ce_swiperStart{ width: 100%; height: 450px; } #main .mod_article.content-slideshow .bg_image_container{ width: 100%; height: 450px; } #main .mod_article.content-slideshow{ text-align: center; } #main .mod_article.content-slideshow .ce_swiperStart{ margin-left: 10px; margin-right: 10px; } #main .mod_article.content-text-image .col_2, #main .mod_article.content-text-slider .col_2, #main .mod_article.content-text-video .col_2{ position: relative; } #main .mod_article.content-text-video .col_2{ padding-top: 75px; } #main .mod_article.content-foerderungen, #main .mod_article.content-text-programmlist{ padding-top: 50px; padding-bottom: 20px !important; background-color: #ffffff; } #main .mod_article.content-text-programmlist{ padding-top: 140px; padding-bottom: 100px !important; } .folge #main .mod_article.content-text-programmlist.firstcontent{ padding-top: 0 !important; margin-bottom: 120px; } .folge #main .mod_article.content-text-programmlist.firstcontent.nomargin{ margin-bottom: 0; } .folge #main .mod_article.margin{ margin-bottom: 120px; } #main .mod_article.margintop{ padding-top: 140px; } .folge #main .mod_article.white-bg.margintop{ padding-top: 120px; margin-top: 60px; } .folge.alleveranstaltungen #main .mod_article.content-text-programmlist.firstcontent{ background-color: transparent; margin-bottom: 60px; } .start #main .mod_article.content-text-programmlist{ padding-bottom: 100px !important; } #main .mod_article.content-foerderungen .ce_text{ margin-bottom: 20px; } #main .mod_article.content-foerderungen .col_1 img{ margin-right: 60px; margin-top: 30px; } #main .mod_article.content-foerderungen .col_2 img{ margin-right: 20px; margin-top: 10px; } #main .mod_article.content-socialmedia{ padding-top: 110px; padding-bottom: 20px !important; text-align: center; } #main .mod_article.content-twocol-color, #main .mod_article.content-onecol-color{ padding: 0; text-align: center; } #main .mod_article.content-twocol-color .defaultform .formbody input, #main .mod_article.content-onecol-color .defaultform .formbody input{ text-align: center; } #main .mod_article.content-twocol-color .subcolumns, #main .mod_article.content-onecol-color{ display: block; height: 560px; width: 100%; } #main .mod_article.content-twocol-color .col_1, #main .mod_article.content-twocol-color .col_2, #main .mod_article.content-onecol-color{ padding-top: 140px; padding-bottom: 160px; color: #ffffff; height: 100%; display: block; } #main .mod_article.content-twocol-color .col_1{ background-color: #40a8ab; } #main .mod_article.content-twocol-color .col_2, #main .mod_article.content-onecol-color{ background-color: #883e3a; } #main .mod_article.content-onecol-color.white{ background-color: #ffffff; } #main .mod_article.content-onecol-color.white p{ color: #525265; } #main .mod_article.content-onecol-color.white h2{ color: #883e3a; } #main .mod_article.content-twocol-color .ce_text, #main .mod_article.content-onecol-color .ce_text{ margin-bottom: 0; } #main .mod_article.content-twocol-color .defaultform, #main .mod_article.content-onecol-color .defaultform{ max-width: 300px; margin: 0 auto; } .mod_article [class*="ce_"], .mod_article [class*="mod_"]{ margin-left: 0; margin-right: 0; } .mod_article.content-twocol-color [class*="ce_"], .mod_article.content-twocol-color [class*="mod_"], .mod_article.content-onecol-color [class*="ce_"], .mod_article.content-onecol-color [class*="mod_"]{ margin-left: 0; margin-right: 0; } #header .swiper-pagination, .folge #main .eventslider_inner .swiper-pagination { position: relative; display: block; top: -280px; text-align: right; padding-right: 20px; } #main .mod_article.content-twocol-color .col_1 p, #main .mod_article.content-twocol-color .col_2 p, #main .mod_article.content-onecol-color p, #main .mod_article.content-twocol-color .col_1 h2, #main .mod_article.content-twocol-color .col_2 h2, #main .mod_article.content-onecol-color h2, #main .mod_article.content-twocol-color .col_1 a, #main .mod_article.content-twocol-color .col_2 a, #main .mod_article.content-onecol-color a{ margin-left: auto; margin-right: auto; color: #ffffff; } #main .mod_article.content-twocol-color .col_1 a:hover, #main .mod_article.content-twocol-color .col_2 a:hover, #main .mod_article.content-onecol-color a:hover{ color: #1e1f28; } #main .mod_article.content-twocol-color .direktlink a, #main .mod_article.content-onecol-color .direktlink a{ color: #ffffff; } #main .mod_article.content-twocol-color .direktlink a:hover, #main .mod_article.content-twocol-color .direktlink a:focus, #main .mod_article.content-onecol-color .direktlink a:hover, #main .mod_article.content-onecol-color .direktlink a:focus{ color: #1e1f28; } #main .mod_article.content-crossteaser{ font-size: 2.5em; font-weight: 600; text-align: center; padding-top: 125px; padding-bottom: 35px; background-color: #ffffff; } #main .mod_article.content-crossteaser p{ position: relative; text-align: center; max-width: 100%; display: block; overflow: visible; height: 80px; padding: 0; } #main .mod_article.content-crossteaser a{ position: absolute; top: 10px; z-index: 600; width: 100%; display: block; left: 0; } #main .mod_article.content-crossteaser p:before{ position: absolute; top: 50px; width: 140px; height: 20px; margin: 0 auto; background: #f3df7f; content: ''; z-index: 400; display: block; left: 29%; } #main .mod_article.content-crossteaser .col_1 a{ color: #456ea5 !important; } #main .mod_article.content-crossteaser .col_2 a{ color: #6a4d93 !important; } #main .mod_article.content-crossteaser .col_3 a{ color: #58833d !important; } #main .mod_article.content-video-start{ padding-bottom: 195px; padding-top: 40px !important; position: relative; } .start #main .mod_article.content-video-start{ padding-top: 0 !important; position: relative; overflow: visible; height: 665px; } .start #main .mod_article.content-video-start .binding{ position: relative; overflow: visible; height: 665px; display: block; margin-top: -105px; } .start .btn_nachladen{ display: none; } #main .mod_article.content-video-start .video-caption{ text-align: right; display: block; width: 100%; font-family: 'Muli', sans-serif; font-size: 1.5em; position: absolute; right: 10px; line-height: 1.6em; } /* Formulare */ .defaultform { background: #cc4853; padding: 36px 0; } .defaultform .formbody input, .defaultform .formbody select, .defaultform .formbody .select2-container, .defaultform .formbody div.button, .defaultform .formbody textarea, a.button{ color: #ffffff; width: 100%; padding: 20px; font-size: 1.7em; background-color: rgba(223,223,223,0.8); background: #cc4853; transition: all 0.4s linear 0s; border: 2px solid #ffffff; position: relative; text-align: center; height: 67px; /* feste Höhe der Filter-Boxen */ } a.button.center{ padding: 22px 0 35px 0; } .folge .defaultform .formbody input{ text-align: left; } #eventTypes .select2-search__field, #eventGenres .select2-search__field{ text-align: center; } .defaultform .formbody .select2-container{ padding-bottom: 19px; } a.button{ display: block; text-align: center; margin: 30px auto; padding: 38px 0 35px 0; border: 0; } a.button span{ position: relative; } a.button span:before{ display:block; position: absolute; font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f054"; left: -20px; top: 8%; } .defaultform .formbody .grid10 input, .defaultform .formbody .grid10 select, .defaultform .formbody .grid10 .select2-container, .defaultform .formbody .grid10 div.button, .defaultform .formbody .grid10 textarea { max-width: 760px; } .defaultform .formbody select option, .defaultform .formbody .select2-results__option{ font-size: 1.5em !important; font-family: 'Muli', sans-serif !important; padding: 10px 20px !important; } .select2-container--default .select2-results__option--highlighted[aria-selected]{ background-color: #cc4853 !important; color: #ffffff !important; } .select2-results__options{ font-size: 1.3em; line-height: 1.6em; } .defaultform .formbody input:focus, .defaultform .formbody select:focus, .defaultform .formbody div.button:focus, .defaultform .formbody textarea:focus { border: 2px solid #ffffff; } .defaultform div.button.center, .defaultform a.button.center { border: 0 !important; } .select2-container--default .select2-selection--multiple, .select2-container--default .select2-selection--single{ background-color: transparent !important; border: 0 !important; border-radius: 0 !important; } .select2-container--default .select2-selection--single{ height: 24px !important; } .select2-container .select2-search--inline{ border: 0 !important; cursor: pointer !important; } .select2-container--default .select2-search--inline .select2-search__field:focus{ border: 0 !important; } .select2-container .select2-search--inline .select2-search__field{ margin-top: 2px !important; line-height: 1em; } .select2-container--default .select2-selection--multiple .select2-selection__choice { background-color: transparent !important; border: 0 !important; border-radius: 0 !important; margin-right: 0 !important; margin-top: 0 !important; padding: 3px 0 10px 0!important; color: #ffffff; !important; float: none !important; font-weight: normal !important; font-size: 0.9em !important; } .select2-container .select2-selection--multiple{ min-height: 10px !important; } .select2-container--default .select2-selection--multiple ul{ line-height: 1em !important; margin-bottom: 0 !important; } .select2-container--default .select2-selection--multiple .select2-selection__choice__remove{ margin-right: 5px !important; } .defaultform .formbody div.button{ cursor: pointer; text-align: center; } /* Pfeile an den Formularfeldern */ .defaultform .formbody div.button, #wishdate, .defaultform .formbody .select2-container{ background-image: url('/files/layout/images/icons/arrow-down-weiss.svg'); background-repeat: no-repeat; background-size: 16px 16px; background-position: 19% center; position: relative; font-family: 'Muli', sans-serif !important; cursor: pointer !important; text-align: center; } .defaultform .formbody .removeBackground { background-image: none; } .select2-container--default .select2-selection--multiple .select2-selection__clear{ display: none; } .start #wishdate, .start .defaultform .formbody .select2-container{ background-position: 22.5% center; } .start #eventTypes .select2-container{ background-position: 21% center; text-indent: 8px !important; } .start #wishdate{ background-position: 26% center; text-indent: 28px !important; } .start #today{ background-position: 24.5% center; text-indent: 26px; background-image: url('/files/layout/images/icons/arrow-right-weiss.svg'); } .folge .defaultform .formbody .select2-container{ background-position: 20% center; } .folge .defaultform .formbody .select2-container{ text-indent: 8px; } .folge .defaultform .formbody #wishMonth .select2-container{ /*text-indent: 27px;*/ text-indent: 5%; } .defaultform .formbody .select2-container li.select2-search, .defaultform .formbody .select2-container .select2-search__field{ max-width: 100%; padding-left: 0 !important; padding-right: 0 !important; } .select2-container .select2-selection--single .select2-selection__rendered{ padding: 0 !important; } #wishdate, .start #eventTypes .select2-search__field, .defaultform .formbody .select2-container{ text-align: center; } #eventTypes .select2-search__field, #eventGenres .select2-search__field{ padding-bottom: 50px; cursor: pointer; } #eventTypes .select2-search--inline.show_more:after, #eventGenres .select2-search--inline.show_more:after{ display: block; height: 20px; width: 100%; text-indent: 14px; content:"＋mehr"; color: #ffffff;; font-weight: 600; font-size: 0.9em; } .defaultform .formbody .select2-search--inline.show_more input{ height: 1px; padding: 0 !important; margin: 0 !important; } .select2-container--default .select2-selection--single .select2-selection__rendered{ color: #ffffff !important; font-size: 1.7em; line-height: 24px !important; } .select2-container--default .select2-selection--single .select2-selection__arrow, .select2-search--inline:after{ display: none; } .start #today, .start #wishdate{ padding-bottom: 22px; } .defaultform .formbody .select2-container{ /*background-position: 5.8em center;*/ font-size: 1em; /*padding-bottom: 14px !important;*/ /*padding-left: 55px !important;*/ } .defaultform .formbody .select2-container .selection{ /*margin-left: -35px !important;*/ /*padding-left: 15px;*/ /*padding-bottom: 5px;*/ display: block; cursor: pointer; text-align: center; } /*.folge .defaultform .formbody #eventTypes .select2-container .selection,*/ /*.folge .defaultform .formbody #eventGenres .select2-container .selection{*/ /*margin-left: -45px !important;*/ /*padding-left: 0;*/ /*}*/ /*.folge .defaultform .formbody #eventTypes .select2-container .selection .select2-search--inline input,*/ /*.folge .defaultform .formbody #eventGenres .select2-container .selection .select2-search--inline input{*/ /*margin-left: 30px;*/ /*}*/ .defaultform .formbody .select2-container .show_more, .defaultform .formbody .select2-container .select2-selection__choice{ background-color: #cc4853 !important; } .defaultform .formbody .select2-container .select2-selection__choice{ text-align: left; width: 100%; } .select2-container--default .select2-selection--multiple .select2-selection__choice__remove{ color: #fff !important; } .defaultform .formbody label { color: #ffffff; font-size: 1.7em; margin-bottom: 0.5em; display: block; } .start .defaultform .formbody label{ display: none; } .defaultform .formbody .widget-submit { text-align:left; position: relative; padding-left: 20px; margin-top: 20px; display: inline-block; } .defaultform .formbody .submit { border-bottom: 2px solid rgba(223,223,223,0.5); display: inline-block; -webkit-transition: all 0.4s ease-in-out 0s; -moz-transition: all 0.4s ease-in-out 0s; -o-transition: all 0.4s ease-in-out 0s; -ms-transition: all 0.4s ease-in-out 0s; transition: all 0.4s ease-in-out 0s; padding-bottom: 5px; padding-right: 2px; color: #ffffff; font-size: 1.7em; line-height: 1.6em; cursor: pointer; background-color: transparent; } .defaultform .formbody .search-submit { background-color: #ffffff; display: block; width: 100%; height: 100%; padding: 0; border: 0; margin: 0; } .defaultform .formbody .submit:before{ display:block; position: absolute; font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f054"; left: 0; top: 0; } .domicil-event-search .defaultform .formbody input#eventTitle { width: 77.5%; display: block; float: left; padding-top: 24px; padding-bottom: 26px; } .folge.mobile .domicil-event-search .toogler { margin-top: 23px !important; } .domicil-event-search .defaultform .formbody .search-submit { width: 65px; height: 67px; display: block; border: 2px solid #ffffff; cursor: pointer; background-image:url("../../files/layout/images/lupe.svg"); background-position: center center; background-repeat: no-repeat; background-size: 40%; text-indent: -1000em; } .defaultform .formbody .submit:hover, .defaultform .formbody .submit:focus{ border-bottom: 2px solid #1e1f28; color: #1e1f28; } .defaultform ::placeholder { color: #ffffff; opacity: 1; font-family: 'Muli', sans-serif !important; } .defaultform :-ms-input-placeholder { color: #ffffff; } .defaultform ::-ms-input-placeholder { color: #ffffff; } .defaultform.nlform{ background: transparent; padding: 0; } .defaultform.nlform .formbody input, .defaultform.nlform .formbody select, .defaultform.nlform .formbody textarea { background-color: rgba(223,223,223,0.8); border: 0; color: #1e1f28; } .defaultform.nlform ::placeholder { color: #883e3a !important; opacity: 1; font-family: 'Muli', sans-serif !important; } .defaultform.nlform :-ms-input-placeholder { color: #883e3a !important; } .defaultform.nlform ::-ms-input-placeholder { color: #883e3a !important; } .defaultform.nlform .formbody input:focus, .defaultform.nlform .formbody select:focus, .defaultform.nlform .formbody textarea:focus { border: 0; background-color: #ffffff; } .defaultform.nlform .widget-submit{ padding-top: 20px; } .defaultform.nlform .widget-submit .submit:before{ top: 20px; } /* Ajax-Nachladebutton */ .domicil-event-list div.button { width: 100%; margin-top: 53px; text-align: center; } .domicil-event-list div.button button{ color: #515266; padding: 20px; font-size: 1.7em; background: transparent; transition: all 0.4s linear 0s; border: 2px solid #dfdfdf; margin: 0 auto; cursor: pointer; width: 300px; } .domicil-event-list div.button button:hover, .domicil-event-list div.button button:focus{ color: #ffffff; background: #cc4853; border: 2px solid #ffffff; } /* Slider Pagina */ .swiper-pagination{ position: relative; display: block; padding-top: 10px; } .swiper-pagination-bullet{ width: 10px; height: 10px; border: 1px solid #525265; background-color: transparent; opacity: 1; margin: 16px 9px 0 9px; } .swiper-pagination-bullet-active{ background-color: #525265; } /* Veranstaltungs-Slider */ #eventslider{ z-index: 10000; /*padding-top: 20px;*/ padding-top: 32px; } #eventslider .mod_article.event-hero-slider{ width: 100%; height: 657px; margin-top: -20px; font-weight: 600; font-size: 1.8em; font-family: 'Muli', sans-serif; } #eventslider .image_wrapper{ position: relative; height: 430px; } #eventslider .swiper-slide, #eventslider .detail-header{ min-height: 740px; background-color: #f6f6f6; } #eventslider .swiper-slide-active .image_container, #eventslider .detail-header .image_container, #eventslider .swiper-slide-next .image_container, #eventslider .swiper-slide-prev .image_container { height: auto; width: auto; min-width: 100%; min-height: 100%; background-size: cover; background-position: top center; background-repeat: no-repeat; /*-webkit-filter: grayscale(100%);*/ /*filter: grayscale(100%);*/ /*-webkit-transition: filter 0.8s ease-in-out 0s;*/ /*-moz-transition: filter 0.8s ease-in-out 0s;*/ /*-o-transition: filter 0.8s ease-in-out 0s;*/ /*-ms-transition: filter 0.8s ease-in-out 0s;*/ /*transition: filter 0.8s ease-in-out 0s;*/ } #eventslider .swiper-slide-active .image_container:hover, #eventslider .detail-header .image_container:hover, #eventslider .swiper-slide-next .image_container:hover, #eventslider .swiper-slide-prev .image_container:hover { /*-webkit-filter: grayscale(0%);*/ /*filter: grayscale(0%);*/ } #eventslider .swiper-slide-active .boxing, #eventslider .detail-header .boxing, #eventslider .swiper-slide-next .boxing, #eventslider .swiper-slide-prev .boxing { position: relative; width: 100%; } #eventslider .swiper-slide-active .first_box, #eventslider .detail-header .first_box, #eventslider .swiper-slide-next .first_box, #eventslider .swiper-slide-prev .first_box { height: 20px; display: block; } #eventslider .swiper-slide-active .date_box, #eventslider .detail-header .date_box, #eventslider .swiper-slide-next .date_box, #eventslider .swiper-slide-prev .date_box { display: inline-block; font-size: 1.9em; font-weight: 600; position: absolute; top: -40px; left: 0; padding: 16px 0 16px 40px; } .folge #eventslider .swiper-slide-active .date_box, .folge #eventslider .detail-header .date_box, .folge #eventslider .swiper-slide-next .date_box, .folge #eventslider .swiper-slide-prev .date_box { display: inline-block; font-size: 1.9em; font-weight: 600; position: absolute; left: auto; padding: 16px 0 16px 40px; } .folge .line-container{ position: relative; } #eventslider .swiper-slide-active .title_box, #eventslider .detail-header .title_box, #eventslider .swiper-slide-next .title_box, #eventslider .swiper-slide-prev .title_box { display: inline-block; font-size: 3em; /*font-size: 3.6em;*/ font-weight: 600; padding: 36px 20px 36px 40px; margin-top: 16px; position: relative; } #eventslider .swiper-slide-active .subtitle_box, #eventslider .detail-header .subtitle_box, #eventslider .swiper-slide-next .subtitle_box, #eventslider .swiper-slide-prev .subtitle_box { display: table; position: relative; font-size: 1.9em; font-weight: 600; padding: 20px 15px 20px 40px; height: 89px; } #eventslider .swiper-slide-active .subtitle_box .inner, #eventslider .detail-header .subtitle_box .inner, #eventslider .swiper-slide-next .subtitle_box .inner, #eventslider .swiper-slide-prev .subtitle_box .inner { display: table-cell; vertical-align: middle; } /* Event-Suche */ .domicil-event-search{ margin-top: 20px; margin-bottom: 105px; } .folge .domicil-event-search .defaultform{ margin-bottom: 60px; } .domicil-event-search.grid12{ width: 100%; margin-left: 0; margin-right: 0; } .domicil-event-search .grid1{ width: 20px; } .domicil-event-search input{ text-align: left; } input:-webkit-autofill { -webkit-box-shadow: 0 0 0 1000px #cc4853 inset !important; color: #ffffff !important; } .folge .defaultform .formbody .select2-container .select2-selection__choice, .folge .defaultform .formbody .select2-container .show_more{ margin-left: -22%; } /* Programmübersicht */ .domicil-event-list{ margin-top: 40px; } .domicil-event-list .box{ overflow: hidden; height: auto; min-height: 110px; display: inline-block; font-size: 1.7em; line-height: 1.5em; color: #525265 !important; /*border-bottom: 1px solid #dfdfdf;*/ } .domicil-event-list .date, .domicil-event-list .title, .domicil-event-list .typename, .domicil-event-list .genrename, .domicil-event-list .special_box{ font-size: 1.7em; line-height: 1.5em; color: #525265 !important; } .domicil-event-list .date{ line-height: 1.2em; } .domicil-event-list .genrename{ color: #929292 !important; display: inline; } .domicil-event-list .genrename:before{ content: " | "; display: inline-block; } .domicil-event-list .mini-event-block{ display: block; min-height: 110px; height: auto; overflow: hidden; } .domicil-event-list .line { background-color: #dfdfdf; height: 1px; margin-bottom: 25px !important; display: block; } .domicil-event-list .mini-event-block:hover .box{ color: #883e3a !important; } .domicil-event-list .mini-event-block .image{ background-color: #b3b3b3; height: 122px; /*height: 144px;*/ background-size: cover; background-repeat: no-repeat; background-position: center; } .domicil-event-list .mini-event-block .imagecontainer{ margin-left: 0; } .domicil-event-list .mini-event-block .title{ font-weight: 600; } .domicil-event-list .mini-event-block .typename{ color: #a2a2a2; } .special_box .flag{ width: 100%; text-align: center; color: #ffffff; padding: 5px 0; margin-bottom: 15px; font-size: 0.85em; } .special_box .special{ background-color: #41a7ac; } .special_box .ausverkauft{ background-color: #883E3A; } .special_box .abgesagt{ background-color: #883E3A; } .special_box .verschoben{ background-color: #456ea5; } .eventdetails .special_box{ margin-bottom: 50px; font-size: 1.7em; } /* Facebook-Plugin */ #fb-plugin{ padding-top: 70px; padding-bottom: 30px; display: block; overflow: hidden; } .facebook-post{ background-color: #ffffff; padding-bottom: 30px; text-align: left; height: 544px; } .facebook-post .facebook-post-image{ height: 224px; overflow: hidden; position: relative; } .facebook-post .facebook-post-image img{ height: 224px !important; width: 100% !important; } .facebook-post p, .facebook-post .facebook-post-date{ font-size: 1.6em; padding: 30px 20px 6px 20px; color: #525265; } .facebook-post .facebook-post-date{ font-size: 15px; padding: 0 20px 30px 20px; display: block; } .facebook-post .facebook-post-message br{ display: none; } /* Nachrichtenticker */ #message_container{ text-align: right; position: absolute; top: -20px; right: 0; background-color: transparent; z-index: 1000000; color: #ffffff; font-weight: 600; font-size: 1.5em; } #message_container .inner{ position: relative; } #message_container .message{ display: inline-block; white-space: nowrap; position: absolute; width: auto; top: 0; right: 0; padding: 13px 40px 13px 30px; background-color: #58833d; } #message_container .message#mess1{ top: 60px; } #message_container .message#mess2{ top: 120px; } /* Downloads */ #main .ce_download, #main .ce_downloads{ font-size: 1.5em; } #main .ce_downloads{ font-size: 1.2em; margin-bottom: 60px; } #main .ce_download p, #main .ce_downloads p{ font-size: 1.3em; padding: 0 0 0.8em 0; max-width: 760px; margin-bottom: 1.4em; } #main .ce_download .download-element, #main .ce_downloads .download-element{ padding: 0 0 5px 0; font-weight: 600; display: inline-block; } #main .ce_downloads .download-element{ display: block; width: 100%; float: none; padding: 0 0 30px 0; } #main .ce_download .download-element a, #main .ce_downloads .download-element a{ padding: 0 0 5px 0; border-bottom: 2px solid rgba(223,223,223,0.5); display: inline-block; color: #883e3a; } #main .ce_download.white .download-element a, #main .ce_downloads.white .download-element a{ color: #ffffff; } #main .ce_download .download-element a:hover, #main .ce_downloads .download-element a:hover{ color: #1e1f28; } #main .ce_downloads .download-element a{ padding: 0 0 5px 0; display: block; } #main .ce_download .download-element:before, #main .ce_downloads .download-element:before{ width: 22px; height: 22px; float: left; display: block; background-image:url("../../files/layout/css/images/icons-mimetypes/file.svg"); background-position: center center; background-repeat: no-repeat; content:""; margin-right: 10px; margin-top: 5px; } #main .ce_download .download-element:hover:before, #main .ce_download .download-element:focus:before, #main .ce_downloads .download-element:hover:before, #main .ce_downloads .download-element:focus:before{ background-image:url("../../files/layout/css/images/icons-mimetypes/file_act.svg"); } /* TXTs */ #main .download-element.ext-plain:before{ background-image:url("../../files/layout/css/images/icons-mimetypes/text.svg"); } #main .ce_download.white .download-element.ext-plain:before{ background-image:url("../../files/layout/css/images/icons-mimetypes/text_w.svg"); } #main .download-element.ext-plain:hover:before, #main .download-element.ext-plain:focus:before{ background-image:url("../../files/layout/css/images/icons-mimetypes/text_act.svg"); } /* PDFs */ #main .download-element.ext-pdf:before{ background-image:url("../../files/layout/css/images/icons-mimetypes/pdf.svg"); } #main .ce_download.white .download-element.ext-pdf:before{ background-image:url("../../files/layout/css/images/icons-mimetypes/pdf_w.svg"); } #main .download-element.ext-pdf:hover:before, #main .download-element.ext-pdf:focus:before{ background-image:url("../../files/layout/css/images/icons-mimetypes/pdf_act.svg"); } /* Word-Dateien */ #main .download-element.ext-msword:before, #main .download-element.ext-rtf:before{ background-image:url("../../files/layout/css/images/icons-mimetypes/word.svg"); } #main .download-element.ext-msword:hover:before, #main .download-element.ext-msword:focus:before, #main .download-element.ext-rtf:hover:before, #main .download-element.ext-rtf:focus:before{ background-image:url("../../files/layout/css/images/icons-mimetypes/word_act.svg"); } /* Bilder */ #main .download-element.ext-png:before, #main .download-element.ext-gif:before, #main .download-element.ext-bmp:before, #main .download-element.ext-tiff:before, #main .download-element.ext-jpeg:before{ background-image:url("../../files/layout/css/images/icons-mimetypes/image.svg"); } #main .download-element.ext-png:hover:before, #main .download-element.ext-png:focus:before, #main .download-element.ext-bmp:hover:before, #main .download-element.ext-bmp:focus:before, #main .download-element.ext-tiff:hover:before, #main .download-element.ext-tiff:focus:before, #main .download-element.ext-jpeg:hover:before, #main .download-element.ext-jpeg:focus:before, #main .download-element.ext-gif:hover:before, #main .download-element.ext-gif:focus:before { background-image: url("../../files/layout/css/images/icons-mimetypes/image_act.svg"); } /* ZIPs */ #main .download-element.ext-zip:before, #main .download-element.ext-x-rar-compressed:before{ background-image:url("../../files/layout/css/images/icons-mimetypes/zip.svg"); } #main .download-element.ext-zip:hover:before, #main .download-element.ext-zip:focus:before, #main .download-element.ext-x-rar-compressed:hover:before, #main .download-element.ext-x-rar-compressed:focus:before{ background-image:url("../../files/layout/css/images/icons-mimetypes/zip_act.svg"); } /* Validatoren */ #main .defaultform p.error, #main .defaultform p.confirm{ font-weight: 600; color: #ffffff; text-align: center; max-width: 100%; margin-bottom: 0; } /* Leere Listen */ #main p.empty{ font-weight: 600; color: #999999; } /* Newslisten */ .mod_newslist{ border: 1px solid transparent; padding-top: 40px; } .layout_latest{ display: block; clear: both; padding-bottom: 80px; } /* Pagination */ .pagination{ display: block; text-align: center; clear: both; position: relative; } .blogpagina{ margin-bottom: 80px; margin-top: 20px; padding-top: 10px; border-top: 1px solid #dfdfdf; text-align: left; } .pagination li { display: inline-block; width: 40px; margin-right: -0.3em; margin-left: 0; font-size: 1em; font-weight: 600; } .pagination .prevArticle, .pagination .nextArticle { display: inline-block; font-size: 1.7em; line-height: 1.6em; font-weight: 600; } .pagination .nextArticle { position: absolute; right: 5px; } .pagination .prevArticle a, .pagination .nextArticle a{ position: relative; width:100%; height:100%; display:block; padding: 0.2em .5em; } .pagination li.previous, .pagination li.next{ width: 80px; text-align: left; } .pagination li.previous a, .pagination li.next a{ position: relative; } .pagination li.previous a:after, .pagination li.next a:after{ display: none; } .pagination li.previous a:before{ display: block; position: absolute; font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f054"; transform: rotate(180deg); left: -11px; top: 5px; } .pagination li.next a:before{ display: block; position: absolute; font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f054"; right: -11px; top: 5px; } .pagination li.next{ width: 105px; border-right: 0; text-align: right; } .pagination ul { display:inline-block; padding-top:.1em; padding-bottom:.1em; margin: 50px auto; } .pagination p, .pagination .last, .pagination .first{ display: none; } .pagination li strong, .pagination li a { width:100%; height:100%; display:block; padding: 0.2em .5em; position: relative; } .pagination li strong.active:after, .pagination li a:hover:after, .pagination li a:focus:after { position: absolute; top: 100%; left: 10%; width: 80%; height: 4px; background: rgba(204,72,83,1); content: ''; } /* Veranstaltungsdetails */ #main p.lineup{ font-size: 2.2em; margin-bottom: 30px; margin-top: 0; font-weight: 600; color: #525265; display: block; line-height: 1.4em; } .domicil-event-viewer{ clear: both; position: relative; } .folge #eventslider{ padding-top: 0; /*position: absolute;*/ /*margin-top: -60px;*/ } .eventdetails #main, .eventdetails #main .inside{ padding-top: 0; overflow: visible; } #eventslider_text .video-container{ margin-top: 80px; margin-bottom: 20px; } #eventslider_text .video-container{ margin-bottom: 60px; } /* Browseroptimierung */ .edge .domicil-event-search .defaultform .formbody input#eventTitle, .ie .domicil-event-search .defaultform .formbody input#eventTitle { padding-top: 22px; padding-bottom: 22px; } .ie .domicil-event-search .defaultform .formbody input#eventTitle { padding-top: 22px; padding-bottom: 21px; } #main #programmsuche .month { margin-bottom: 0.8em; margin-top: 2.2em; } #main #programmsuche .month.first { margin-top: 0.4em; } /* Filter aneigen auf Mobilgeräten */ .start.mobile .domicil-event-search .toogler, .folge.mobile .domicil-event-search .accordion { display: none; } .folge.mobile .domicil-event-search .toogler{ display: block; margin: 0 auto; text-align: center; max-width: 230px; border: 1px solid #dfdfdf; font-size: 1.6em; padding: 20px 55px; cursor: pointer; color: #ffffff !important; } .folge.mobile .domicil-event-search .toogler.toggler_hide{ max-width: 100%; border: 0; text-align: right; font-size: 1.4em; text-decoration: underline; padding: 0 0; } .folge.mobile .domicil-event-search input[type=checkbox]:checked ~ label + .level_1 { max-height: 100%; display: block; } /* Mobile Navigation (Hamburger) */ #hamburger { right:30px; top:12px; position:absolute; display:none; z-index: 20000000000000000000000; } #hamburger .inside { position:relative; overflow:visible; } #hamburger .nav-trigger{ position:relative; clip: rect(0, 0, 0, 0); } input.nav-trigger, ul#hasHamburger input{ display: none !important; } #hasHamburger .submenu input[type=checkbox]:checked ~ label + ul.level_1, #hasHamburger .submenu input[type=checkbox]:checked ~ label + ul.level_2, #hasHamburger .submenu input[type=checkbox]:checked ~ label + ul.level_3 { max-height: 100%; display: block; } #hamburger label[for="nav-trigger"]{ width:150px; height:15px; position:absolute; overflow:hidden; display:block; background-image:url("/files/layout/images/icons/menu-open.svg"); background-position:right top; background-repeat:no-repeat; text-indent:-100em; cursor: pointer; right: 34px; top: 70px; z-index: 20; } #hamburger label[for="nav-trigger"].close{ background-image:url("/files/layout/images/icons/menu-close.svg"); } #hamburger .inside:before{ display: block; content: 'Menü'; color: #ffffff; font-size: 2em; position: absolute; right: 63px; top: 63px; z-index: 10; } #stickynavigation.sticky #hamburger { top: -8px; display:block; } #hamSocials{ display: block; height: auto; } #header #hamSocials .sm-bar{ display: block; padding-top: 36px; text-align: center; height: auto; } #header #hamSocials .sm-bar ul{ padding: 0; text-align: center; position: relative; display: inline-block; } #header #hamSocials .sm-bar ul li a.twitter-button{ background-image: url('/files/layout/images/icons/twitter-icon_act.svg'); } #header #hamSocials .sm-bar ul li a.fb-button{ background-image: url('/files/layout/images/icons/facebook-icon_act.svg'); } #header #hamSocials .sm-bar ul li a.language{ color: #ffffff !important; } #header #hamSocials .sm-bar ul li a.language:after{ display: none; } #header #hamSocials .sm-bar ul li{ padding-left: 15px; padding-right: 15px; display: block; float: left; } #hasHamburgerWrapper{ overflow:hidden; display: block !important; width: 100% !important; position: absolute; left: 0; top: 120px; background-color: #525265; /* Fade-Effekt */ visibility: hidden; opacity: 0; transform: translateY(-2em); z-index: -1; transition: all 0.3s ease-in-out 0.3s, visibility 0.3s linear 0.3s, z-index 0.3s linear 0.3s; } /*#hasHamburgerWrapper{*/ #hasHamburgerWrapper.visible{ visibility: visible; opacity: 1; z-index: 20000; transform: translateY(0%); } #hero #hasHamburgerWrapper.binding ul.level_1{ width: 94% !important; max-width: 94% !important; margin: 0 auto; } #hero #hasHamburgerWrapper.binding ul.level_2{ padding: 0; margin: 0; max-width: 100%; padding-left: 40px; border-bottom: 2px solid #5d5d72; } #header .mod_navigation ul.level_2 li a{ font-size: 1.4em !important; } #header .mod_navigation ul.level_2 li a.active{ font-size: 1em !important; } #header .mod_navigation ul.level_2 li.active, #header .mod_navigation ul.level_2 li.last a.active, #header .mod_navigation ul.level_2 li.last a{ border: 0 !important; } #header .mod_navigation ul#hasHamburger .level_2 li:first-child a, #header .mod_navigation ul#hasHamburger .level_2 li:first-child .active, #header .mod_navigation ul#hasHamburger .level_2 li:first-child .trail{ border-top: 0; } ul#hasHamburger { width:100vw; display: block; z-index: 200; position: relative; clear: both; } ul#hasHamburger input#nav-trigger, ul#hasHamburger .level_1 input.nav-trigger{ display: none !important; } #nav-trigger{ visibility: hidden !important; display: none !important; } ul#hasHamburger li { width:100%; min-width:100%; max-width:100%; display:block; margin:0; padding:0 !important; font-size: 1.1em; position: relative; } #header .mod_navigation ul#hasHamburger li a, #header .mod_navigation ul#hasHamburger li .active, #header .mod_navigation ul#hasHamburger li .trail{ padding: 20px; margin: 0; display: block; border-bottom: 2px solid #5d5d72; color: #f3f3f4; } #header .mod_navigation ul#hasHamburger li:first-child a, #header .mod_navigation ul#hasHamburger li:first-child .active, #header .mod_navigation ul#hasHamburger li:first-child .trail{ border-top: 2px solid #5d5d72; } #header .mod_navigation ul#hasHamburger li a:hover, #header .mod_navigation ul#hasHamburger li a:focus, #header .mod_navigation ul#hasHamburger li .active, #header .mod_navigation ul#hasHamburger li .trail{ color: #1e1f28; } #header .mod_navigation ul#hasHamburger li a:hover:after, #header .mod_navigation ul#hasHamburger li a:focus:after, #header .mod_navigation ul#hasHamburger li .active:after, #header .mod_navigation ul#hasHamburger li .trail:after, #header .mod_navigation ul#hasHamburger li.mm_container:hover a:after{ display: none; } #header .mod_navigation ul#hasHamburger ul.level_1 li{ position: relative; } #header .mod_navigation ul#hasHamburger li label{ width: 16px; height: 62px; padding: 0; margin: 0; text-indent: -1000em; position: absolute; right: 0; top: 0; background-image: url('/files/layout/images/icons/arrow-down-weiss.svg'); background-repeat: no-repeat; background-size: 16px 16px; background-position: center center; cursor: pointer !important; border: 0 !important; } /* Color-Bars */ #colorbars-footer-top .bar_1, #colorbars-footer-buttom .bar_1, #colorbars-footer-buttom .bar_2 { width: 0; } .colorbars-video-top .bar_1, .colorbars-video-top .bar_2, .colorbars-video-top .bar_3 { width: 0; z-index: 10; } /* Überlappung bei den Eventdetails */ .folge.eventdetails #container{ overflow: visible; position: relative; } .folge.eventdetails #container .mod_article.first{ position: relative; margin-top: -20px; } .folge.eventdetails #eventslider .detail-header{ background-color: transparent; } /* Steuerpfeile Pagina */ .swiper-button-next, .swiper-button-prev{ display: none; top: 90%; left: 2.9%; width: 21px; height: 16px; background-image: url('/files/layout/images/paginapfeil_r.svg'); background-repeat: no-repeat; background-size: 100% 100%; background-position: center; } .swiper-button-next{ left: auto; right: 2.9%; background-image: url('/files/layout/images/paginapfeil_l.svg'); } .video_wrapper { background-color: rgba( 0, 0, 0, 0.75 ); height: 100%; width: 100%; display: block; position: relative; min-height: 400px; } .video_wrapper .video_trigger { text-align: center; padding: 17% 30px 0 30px; width: 100%; height: 100%; position: absolute; top: 0; z-index: 1; } #main .video_wrapper .video_trigger p { color: #cecece; max-width: 100%; padding: 0 60px; } #main .video_wrapper .video_trigger p a { text-decoration: underline; color: #ffffff; } #main .video_wrapper .video_trigger .cookiebar__button { font-size: 1.6em; font-weight: 300; } .video_wrapper .video_trigger::before{ display: none; } /* Cookiebar */ .cookiebar__button, .cookiebar__button:hover{ padding: 0.8em 1.5em; background-color: #cc4853; font-weight: 300; } .cookiebar a{ transition: none; } .cookiebar a:hover, .cookiebar a:focus { text-decoration: underline; color: #ffffff; } .cookiebar { font-size: 1.3em; z-index: 1000000000000; padding: 1em 1.5em; } /* Anpassungen 2020 */ .domicil-event-list .mini-event-block .title { font-weight: 900; font-size: 1.9em; font-style: italic; color: #1e1f28 !important; margin-bottom: 10px; text-transform: uppercase; } .domicil-event-list .mini-event-block { min-height: auto; padding-bottom: 25px; } .domicil-event-list .date{ margin-top: 2px; display: block; } .mini-event-block .datecontainer{ position: relative; } .mini-event-block .wochentag{ display: block; margin-left: 60px; font-weight: 900; text-transform: uppercase; font-size: 0.9em; } .mini-event-block .day{ display: block; position: absolute; font-weight: 900; font-size: 2.6em; text-transform: uppercase; top: 9px; } .mini-event-block .point.nomobile, .mini-event-block .jahr { display: none; } .mini-event-block .monat{ display: block; margin-left: 60px; font-size: 0.9em; line-height: 0.9em; } .mini-event-block .time{ display: none; } /* Error Messages */ #main .defaultform p.error{ font-weight: 800; text-align: left; margin-bottom: 20px; } #main #lostPassword p.error:after{ content:"!"; } .siteinfos a.button{ font-size: 2em; margin: 15px 0; padding: 19px 0 35px 40px; text-align: left; } /* Grid bei der Veranstaltungsliste */ .mini-event-block .grid1 { width: 6.32% !important; } .mini-event-block .grid2 { width: 16% !important; } .mini-event-block .grid3 { width: 23% !important; } .mini-event-block .grid4 { width: 31.33% !important; } .mini-event-block .grid5 { width: 39.5% !important; } .mini-event-block .grid6 { width: 48% !important; } .mini-event-block .grid7 { width: 54% !important; } .mini-event-block .grid8 { width: 62.66% !important; } .mini-event-block .grid9 { width: 73% !important; } .mini-event-block .grid10 { width: 81% !important; } .mini-event-block .grid11 { width: 91.58% !important; } .mini-event-block .grid12 { width: 98% !important; } .mini-event-block.row [class^="grid"] { float: left !important; margin: 0px 1% !important; } #main #eventslider_text ul{ margin-left: 40px; line-height: 1.6em; } #main #eventslider_text .siteinfos a.button{ height: 56px; padding: 15px 0 24px 40px; } #main p em{ font-size: 1em; } #eventslider_text .special_box .flag{ padding: 13px 0; } .mod_sharebuttons{ margin: 0px 1% !important; } /* Kalender ICS-Export */ .moreinfobox{ font-size: 1.5em; color: #525265; line-height: 1.7em; margin-bottom: 1.8em; max-width: 700px; } .moreinfobox strong{ margin-bottom: 0.3em; display: block; } .calender-export{ margin-top: 15px; } .calender-export input.button{ text-decoration: none; color: #883e3a; -webkit-transition: all 0.4s ease-in-out 0s; -moz-transition: all 0.4s ease-in-out 0s; -o-transition: all 0.4s ease-in-out 0s; -ms-transition: all 0.4s ease-in-out 0s; transition: all 0.4s ease-in-out 0s; cursor: pointer; background-color: transparent; padding-left: 20px; } .calender-export input.button:hover, .calender-export input.button:focus{ color: #1e1f28; } .calender-export{ position: relative; } .calender-export:before{ display: block; position: absolute; font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f274"; left: 0; top: -2%; color: #525265; } #main #eventslider_text .siteinfos a.button{ margin-bottom: 30px !important; text-align: left !important; } .siteinfos{ padding-top: 8px; } .siteinfos a.button { margin: 0 0; } .siteinfos .valuebox{ display: block; font-size: 1.65em; line-height: 1.75em; } .siteinfos .moreinfobox .valuebox{ font-size: 1em; } .siteinfos .valuebox.beginn, .siteinfos .valuebox.discount_vvk, .siteinfos .valuebox.discount_ak{ margin-bottom: 20px; } .siteinfos .valuebox.discount_vvk, .siteinfos .valuebox.discount_ak{ font-size: 1.4em; } .siteinfos .valuebox .value{ font-weight: 600; } .siteinfos .valuebox.time_end{ margin-top: 10px; margin-bottom: 20px; color: #1e1f28; } .moreinfobox strong{ margin-top: 30px; font-size: 1.1em; color: #1e1f28; } #main .moreinfobox ul.event_links{ font-size: 1em; margin-top: 15px; margin-bottom: 20px; display: block; margin-left: 0 !important; } #main .moreinfobox ul.event_links li{ list-style: none; margin-bottom: 8px; display: block; white-space: nowrap; overflow: visible; } #main .moreinfobox ul.event_links li a:before { display: inline-block; font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f0c1"; color: #525265; margin-right: 5px; } /* Safari */ .safari .domicil-event-search .defaultform .formbody .search-submit, .safari input, .safari select{ border-radius: 0 !important; } .start #eventslider .date_box .start #eventslider .subtitle_box, .start #header .swiper-pagination { display: inline-block !important; } #full_width { max-width: 100%; overflow: unset !important; width: 100% !important; } #clubEventListTable tbody tr { border: 1px solid #000; } #clubEventListTable table, #clubEventListTable th, #clubEventListTable td { border: 1px solid #2c3e50; } /* Dienstplan des Vereins */ #monthSelector { padding: 0 0 0 0; } #monthSelector select{ color: #ffffff; width: 30%; padding: 14px; font-size: 1.5em; background-color: rgba(223,223,223,0.8); background: #cc4853; transition: all 0.4s linear 0s; border: 6px solid #cc4853; position: relative; text-align: left; height: 56px; } #vereinsdienstplaner {display: block;} #vereinsdienstplaner * { box-sizing:border-box; } #vereinsdienstplaner table { width:100%; } #vereinsdienstplaner table, #vereinsdienstplaner td, #vereinsdienstplaner tr, #vereinsdienstplaner th { border: 0; border-collapse: collapse; text-align: left; } #vereinsdienstplaner td { padding: 1.5em 0.6em; font-size: 1.4em; line-height: 1.7em; color: #525265 !important; vertical-align: top; border-bottom: 1px solid #bebebe; } #vereinsdienstplaner th{ vertical-align: bottom; background-color: transparent !important; font-size: 1.8em; color: #1e1f28 !important; font-weight: 600; border-bottom: 1px solid #bebebe; } #vereinsdienstplaner td.date{ background-color: transparent; font-weight: 600; width: 150px; color: #883e3a !important; font-size: 1.7em; line-height: 0.75em; } #vereinsdienstplaner th.date, #vereinsdienstplaner th.event{ padding: 0.4em 0.6em; } #vereinsdienstplaner .event{ background-color: transparent; width: auto; } #vereinsdienstplaner .event strong{ font-weight: 600; color: #883e3a; font-size: 1.28em; line-height: 1.1em; display: block; margin-bottom: 15px; } #vereinsdienstplaner td.position{ background-color: #ffffff; width: 50px; border: 1px solid #bebebe; vertical-align: middle; text-align: center; font-size: 1.2em; font-weight: 600; } #vereinsdienstplaner th div{ display: block; white-space: nowrap; width: 50px; transform: rotate(-90deg); padding-left: 18px; } #vereinsdienstplaner th div span{ display: block; } #vereinsdienstplaner th.position{ text-align: left; height: 150px; width: 50px; padding-bottom: 0.4em; padding-left: 0.4em; } #vereinsdienstplaner th { font-weight: 600; } #vereinsdienstplaner .freifeld{ display: inline-block; background-color: #dfdfdf; color: #ffffff; font-weight: 600; width: 40px; font-size: 20px; line-height: 40px; height: 40px; border-radius: 50%; } #vereinsdienstplaner .freifeld:hover{ background-color: #cc4853; } /* Clever Reach */ .cleverReachAnmeldung .formbody{ margin: 0 9%; } #main .mod_article.content-twocol-color .col_2 .cleverReachAnmeldung, #main .mod_article.content-onecol-color .cleverReachAnmeldung{ background-color: #883e3a; padding: 0; } #main .mod_article.content-twocol-color .col_2 .cleverReachAnmeldung .formbody, #main .mod_article.content-onecol-color .cleverReachAnmeldung .formbody{ margin: 0; } #main .mod_article.content-twocol-color .col_2 .cleverReachAnmeldung .formbody input, #main .mod_article.content-twocol-color .col_2 .cleverReachAnmeldung .formbody select, #main .mod_article.content-twocol-color .col_2 .cleverReachAnmeldung .formbody textarea, #main .mod_article.content-onecol-color .cleverReachAnmeldung .formbody input, #main .mod_article.content-onecol-color .cleverReachAnmeldung .formbody select, #main .mod_article.content-onecol-color .cleverReachAnmeldung .formbody textarea { background-color: rgba(223,223,223,0.8); border: 0; color: #1e1f28; } .cleverReachAnmeldung ::placeholder { color: #883e3a !important; opacity: 1; font-family: 'Muli', sans-serif !important; } .content-formular .cleverReachAnmeldung ::placeholder { color: #ffffff !important; } .cleverReachAnmeldung .formbody label { display: none; } /* Blog - Waterfall Grid (Liste) */ #waterfall { padding: 0 !important; height: auto; visibility: visible; margin: 0 !important; width: 60rem; } .vio-blog-item { position: absolute; top: 0; z-index: 1; width: 460px; background-color: #fff; border: 1px solid rgba(199, 199, 199, 0.82); } .vio-blog-item .image_container{ display: block; height: 300px; width: 100%; } .vio-blog-item .image_container .image { background-position: center center; background-size: cover; height: 100%; width: 100%; } .vio-blog-item .teaser{ padding: 6px 30px 8px 30px; } .vio-blog-item .teaser ul, .vio-blog-item .teaser ol{ margin-left: 2em; } #main .meta-data{ display: block; margin-top: 25px; margin-bottom: 1.2em; } #main .meta-data.top{ border-bottom: 1px solid #dfdfdf; margin-top: 0; margin-bottom: 20px; padding-bottom: 14px; } #main .meta-data.bottom{ border-top: 1px solid #dfdfdf; text-align: right; } #main .meta{ font-size: 1.3em; line-height: 0.9em; color: #525265; margin-top: 20px; display: inline-block; width: auto; text-align: center; white-space: nowrap; } #main .meta.date{ margin-right: 7px; } .meta-data .fa-calender:before{ content: "\f073"; } .meta-data .fa-user:before{ margin-left: 10px; } .meta-data .fa:before{ margin-right: 8px; color: #1e1f28; } .meta-data .comments span{ color: #1e1f28; font-weight: 700; margin-right: 2px; } #main .vio-blog-item .teaser p, #main .vio-blog-item .teaser ol, #main .vio-blog-item .teaser ul{ font-size: 1.6em; color: #525265 !important; margin-bottom: 1.2em; line-height: 1.7em; max-width: 100%; } #main .vio-blog-item .teaser h2{ line-height: 1.4em; font-size: 2.6em; font-family: 'Muli', sans-serif !important; margin-bottom: 30px; } #main .vio-blog-item .teaser h2 a{ font-weight: 900; font-style: italic; color: #1e1f28; text-transform: uppercase; } #main .vio-blog-item .teaser h3{ font-size: 1.8em; line-height: 1.7em; color: #883e3a; font-family: 'Muli', sans-serif !important; margin-bottom: 0; } #main .vio-blog-item-details h3, #main .vio-blog-item-details h4{ font-size: 2em; margin-bottom: 0.8em; margin-top: 0.2em; font-weight: 600; color: #525265; max-width: 700px; } #main .vio-blog-item a.direktlink{ text-transform: lowercase; margin-left: 20px; font-size: 1.6em; margin-top: 20px; } #main .vio-blog-item a.direktlink:before { top: 1px; } #waterfall-loading{ display: none; } #main .vio-blog-item-details .ce_text { margin-bottom: 0; } .vio-blog-item-details .socialButtons{ margin-bottom: 40px; width: 100%; white-space: nowrap; } .vio-blog-item-details .socialButtons div{ display: inline-block; margin-top: -12px; width: 32px; height: 32px; margin-right: 6px; } .vio-blog-item-details .socialButtons div a{ display: block; width: 100%; height: 100%; background-image: url('../../system/modules/sharebuttons/assets/simpleflat/sprites-32.png'); } .vio-blog-item-details .socialButtons div.facebook a{ background-position: -40px 0; } .vio-blog-item-details .socialButtons div.twitter a{ background-position: -160px 0; } /*.comment_default*/ .comment-list{ margin-top: 20px; margin-bottom: 40px; } #main .comment-list p.info{ display: block; position: relative; margin-bottom: 15px; margin-top: 20px; padding: 7px 0; border-bottom: 1px solid #dfdfdf; color: #A2A2A2; font-size: 1.5em; font-weight: 600; } #main .comment-list .reply p.info{ margin-top: 10px; } #main .comment-list .comment p{ font-size: 1.5em; color: #1e1f28; line-height: 1.7em; margin-bottom: 1.8em; max-width: 700px; } #main .comment-list .reply{ background-color: #f9f9f9; padding: 0px 20px 7px 20px; border: 1px solid #eaeaea; max-width: 700px; margin-bottom: 36px; display: block; } #main .comment-list p.info .date{ font-weight: 400; } .mod_news4wardComments .vio-form{ background-color: #f9f9f9; padding: 20px 20px 10px 20px; border: 1px solid #eaeaea; max-width: 700px; margin-bottom: 60px; margin-top: 40px; display: block; } .mod_news4wardComments .vio-form input, .mod_news4wardComments .vio-form textarea{ color: #1e1f28; width: 100%; padding: 15px; font-size: 1.5em; background-color: #ffffff; -webkit-transition: all 0.4s ease-in-out 0s; -moz-transition: all 0.4s ease-in-out 0s; -o-transition: all 0.4s ease-in-out 0s; -ms-transition: all 0.4s ease-in-out 0s; transition: all 0.4s ease-in-out 0s; border: 2px solid #E6E6E6; font-family: 'Muli', sans-serif; } .mod_news4wardComments .vio-form input:focus, .mod_news4wardComments .vio-form textarea:focus, .mod_news4wardComments .vio-form input:hover, .mod_news4wardComments .vio-form textarea:hover{ color: #1e1f28; border: 2px solid #1e1f28; } .mod_news4wardComments .vio-form span.labeltext{ color: #883e3a; font-weight: 600; display: block; margin-bottom: 5px; margin-top: 27px; font-size: 1.4em; } #main .mod_news4wardComments .vio-form p.hint { font-size: 1.3em; margin: 60px 0 0 0; } #main .mod_news4wardComments .vio-form input.submit { border: 0; border-bottom: 2px solid #883e3a; display: inline-block; padding: 0 0 5px 15px; background-color: transparent; text-align: left; width: auto; font-size: 1em; color: #883e3a; } #main .mod_news4wardComments .vio-form .submit_container{ display: block; position: relative; margin: 30px 0; -webkit-transition: all 0.4s ease-in-out 0s; -moz-transition: all 0.4s ease-in-out 0s; -o-transition: all 0.4s ease-in-out 0s; -ms-transition: all 0.4s ease-in-out 0s; transition: all 0.4s ease-in-out 0s; color: #883e3a; font-size: 1.7em; line-height: 1.6em; } #main .mod_news4wardComments .vio-form .submit_container:focus input.submit, #main .mod_news4wardComments .vio-form .submit_container:hover input.submit{ border-bottom: 2px solid #1e1f28; color: #1e1f28; cursor: pointer; } #main .mod_news4wardComments .vio-form .submit_container:before{ display: block; position: absolute; font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f054"; left: 0; top: 1px; width: auto; font-size: 0.9em; cursor: pointer; -webkit-transition: all 0.4s ease-in-out 0s; -moz-transition: all 0.4s ease-in-out 0s; -o-transition: all 0.4s ease-in-out 0s; -ms-transition: all 0.4s ease-in-out 0s; transition: all 0.4s ease-in-out 0s; } #main .mod_news4wardComments .vio-form .submit_container:hover:before{ color: #1e1f28; } /* * Copyright - Violution GbR Dortmund */ /* Große Displays (Widescreens) */ @media only screen and (min-width: 1701px){ body { /*border:3px dotted #ddde39 !important;*/ } } /* * Copyright - Violution GbR Dortmund */ /* Große Displays (Widescreens) */ @media only screen and (min-width: 980px) and (max-aspect-ratio: 16/9) and (orientation: portrait) { body { /*border:3px double #a9711d !important;*/ } #header .sm-bar { padding-top: 45px; } #eventslider .swiper-slide-active .title_box, #eventslider .swiper-slide-next .title_box, #eventslider .swiper-slide-prev .title_box{ padding: 30px 20px 30px 40px; font-size: 3.4em; } #main .mod_article.content-text-programmlist{ padding-top: 90px; } .folge #main .mod_article.white-bg.margintop{ margin-top: 20px; } } /* * Copyright - Violution GbR Dortmund */ /* Alte kleine Laptops und große Tablets (Galaxy Tab) */ @media only screen and (min-width: 1260px) and (max-width: 1700px){ body { /*border: 3px dotted #f0f !important;*/ width: 100vw; overflow-x: hidden !important; max-width: 100% !important; } #header .mod_navigation ul li { padding-left: 28px !important; } #main .mod_article.content-twocol-color .col_1 p, #main .mod_article.content-twocol-color .col_2 p, #main .mod_article.content-onecol-color p{ padding: 0 40px; } #eventslider .swiper-slide-active .title_box, #eventslider .swiper-slide-next .title_box, #eventslider .swiper-slide-prev .title_box{ padding: 30px 20px 30px 40px; font-size: 3.4em; } #main .mod_article.content-video-start .video-caption{ right: 10px; } .ticket-button{ right: 20px; -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8); } .sm-bar{ padding-top: 40px; } .start #main .mod_article.margintop{ padding-top: 0 !important; } #main #eventslider_text p.siteinfos a.button{ margin-bottom: 30px !important; text-align: left !important; } } /* * Copyright - Violution GbR Dortmund */ /* Alte kleine Laptops und große Tablets (Galaxy Tab) */ @media only screen and (min-width: 800px) and (max-width: 990px) and (max-aspect-ratio: 13/9) and (orientation: portrait){ body { /*border: 3px dotted #3eff42 !important;*/ max-width: 100%; } #main .mod_article.content-twocol-color .col_1 p, #main .mod_article.content-twocol-color .col_2 p, #main .mod_article.content-onecol-color p{ padding: 0 40px; } #header .sm-bar { padding-top: 45px; overflow: visible; height: 90px; } #video_background{ height: 400px; } /* Ausblenden */ #stickybutton, .ticket-button, #scroll-control .inner:before{ display: none !important; } #colorbars-header .bar_2{ width: 45vw; } .row [class^="grid"]{ margin: 0 0; } #eventslider .swiper-slide-active .title_box, #eventslider .detail-header .title_box, #eventslider .swiper-slide-next .title_box, #eventslider .swiper-slide-prev .title_box{ font-size: 3.3em !important; padding: 20px 20px 20px 36px !important; } #eventslider .swiper-slide-active .date_box, #eventslider .detail-header .date_box, #eventslider .swiper-slide-next .date_box, #eventslider .swiper-slide-prev .date_box { width: 73.333%; } #eventslider .swiper-slide-active .date_box, #eventslider .detail-header .date_box, #eventslider .swiper-slide-next .date_box, #eventslider .swiper-slide-prev .date_box{ top: -36px; } #eventslider .swiper-slide-active .subtitle_box, #eventslider .detail-header .subtitle_box, #eventslider .swiper-slide-next .subtitle_box, #eventslider .swiper-slide-prev .subtitle_box { width: 94.666%; font-size: 2.2em !important; padding: 15px 15px 15px 40px !important; height: 65px !important; } #eventslider .swiper-slide-active .first_box, #eventslider .detail-header .first_box, #eventslider .swiper-slide-next .first_box, #eventslider .swiper-slide-prev .first_box { height: 50px; } #eventslider .swiper-slide-active .first_box, #eventslider .swiper-slide-next .first_box, #eventslider .swiper-slide-prev .first_box, #eventslider .detail-header .first_box { height: 25px; } #logo-nav-wrapper{ padding-top: 50px; padding-left: 2.7% !important; } .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet{ margin: 0 9px 0 9px; } #hero .binding{ margin: 0; width: 100% !important; max-width: 100% !important; } #hero .row.mobilpadding{ width: 94%; margin: 0 auto; } /* Hero Startseite */ .start #hero { width: 100%; height: 500px; display: block; position: relative; background-color: #1e1f28; } #domicil-logo-header { width: 17%; } #header .mod_navigation.grid10{ width: 83%; } .domicil-event-list .grid2, .domicil-event-list .grid3 { width: 60%; } .domicil-event-list .grid5 { width: 40%; } #header .mod_navigation ul li{ padding-left: 16px; } #header .mod_navigation ul li a, #header .mod_navigation ul li .active, #header .mod_navigation ul li .trail{ font-size: 1.6em; } /* Bilding */ .binding{ width: 94%; } #main .mod_article.content-text-programmlist{ padding-top: 90px; } .folge #main .mod_article.white-bg.margintop{ margin-top: 20px; } #domicil-logo-header #logo{ background-size: auto 80%; } #top-infos{ font-size: 1.2em; padding: 10px 3px; } #eventslider .swiper-slide-active .date_box, #eventslider .detail-header .date_box, #eventslider .swiper-slide-next .date_box, #eventslider .swiper-slide-prev .date_box { font-size: 1.8em !important; top: -50px; padding: 13px 10px 14px 36px; } .folge #eventslider .swiper-slide-active .date_box, .folge #eventslider .detail-header .date_box, .folge #eventslider .swiper-slide-next .date_box, .folge #eventslider .swiper-slide-prev .date_box{ font-size: 1.6em; padding: 16px 10px 16px 36px; } #eventslider .swiper-slide-active .title_box, #eventslider .detail-header .title_box, #eventslider .swiper-slide-next .title_box, #eventslider .swiper-slide-prev .title_box { font-size: 3.4em; padding: 36px 20px 36px 36px; margin-top: 0 !important; } #eventslider .swiper-slide-active .subtitle_box, #eventslider .detail-header .subtitle_box, #eventslider .swiper-slide-next .subtitle_box, #eventslider .swiper-slide-prev .subtitle_box { font-size: 1.8em; padding: 20px 15px 20px 36px; } #main h2{ font-size: 3.5em; } .start #eventTypes .select2-container { background-position: 39.5% center; } .start #wishdate { background-position: 41.5% center; } .folge .defaultform .formbody #wishMonth .select2-container{ text-indent: 9.4%; } .start #today { background-position: 43.5% center; } .folge.eventdetails #container .mod_article.first { width: 100%; margin: 0; padding: 0; } #main .mod_article.content-crossteaser{ font-size: 2.4em; } #main .mod_article.content-crossteaser p:before{ left: 40%; width: 20%; } /* Swiper-Navigation Bullets */ #header .swiper-pagination, .folge #main .eventslider_inner .swiper-pagination { top: -80px; text-align: center; padding-right: 0; } .start #main { padding-top: 500px; } #scroll-control span { padding-top: 56px; } /* Eventliste */ .domicil-event-list .grid2, .domicil-event-list .grid3{ width: 20%; margin-left: 15px; } .domicil-event-list .grid5{ width: 30% !important; margin-left: 15px; } .start #main .mod_article.content-text-programmlist{ padding-bottom: 50px !important; } .start #main .mod_article.margintop{ padding-top: 0 !important; } #main .mod_article.content-crossteaser{ padding-top: 63px; } #main .mod_article.content-text-programmlist{ padding-bottom: 50px !important; } .c50l, .c50r{ width: 100%; float: none; } #footer .sm-bar, #footer .sm-bar ul{ text-align: left; } #footer .sm-bar ul li:first-child{ padding-left: 0; } #main .mod_article.content-twocol-color .col_1, #main .mod_article.content-twocol-color .col_2, #main .mod_article.content-onecol-color{ padding-top: 90px; padding-bottom: 80px; } #main .mod_article.content-twocol-color .subcolumns, #main .mod_article.content-onecol-color{ height: auto; } .content-foerderungen .grid6{ width: 100%; text-align: center; } #colorbars-footer-bottom .bar_1{ bottom: -42px; } #colorbars-footer-bottom .bar_2{ bottom: -62px; } #footer .grid3{ width: 25% } #main .mod_article.content-formular .defaultform .formbody .grid10 input, #main .mod_article.content-formular .defaultform .formbody .grid10 select, #main .mod_article.content-formular .defaultform .formbody .grid10 .select2-container, #main .mod_article.content-formular .defaultform .formbody .grid10 div.button, #main .mod_article.content-formular .defaultform .formbody .grid10 textarea { max-width: 94%; } #main .mod_article.content-formular .defaultform .formbody .widget-submit{ margin-top: 20px; } .content-formular{ text-align: left; } .folge .defaultform .formbody .select2-container .select2-selection__choice, .folge .defaultform .formbody .select2-container .show_more{ margin-left: -3.2%; } .defaultform .formbody .select2-container .show_more, .defaultform .formbody .select2-container .select2-selection__choice{ padding: 0; } /* Steuerpfeile Pagina */ .swiper-button-next, .swiper-button-prev{ display: block; } /* Mobile Filter */ .domicil-event-search .defaultform .formbody input, .domicil-event-search .defaultform .formbody select, .domicil-event-search .defaultform .formbody .select2-container, .domicil-event-search .defaultform .formbody div.button, .domicil-event-search .defaultform .formbody textarea, .domicil-event-search a.button{ margin: 0 auto !important; padding: 20px; font-size: 1.4em; height: 54px !important; margin-left: 12% !important; } .domicil-event-search .defaultform .formbody input.select2-search__field{ margin-left: 0% !important; } .defaultform .formbody .select2-container { background-position: 10px center; font-size: 0.9em; } .select2-container--default .select2-selection--single .select2-selection__rendered { font-size: 1em; line-height: 13px !important; margin-top: -3px; } .domicil-event-search .defaultform .formbody #eventTypes .select2-container, .domicil-event-search .defaultform .formbody #eventGenres .select2-container{ padding-top: 8px; } #eventTypes .select2-search__field, #eventGenres .select2-search__field{ font-size: 0.6em; padding-bottom: 36px; } .folge .defaultform .formbody .select2-container .select2-selection__choice{ font-size: 0.6em !important; padding-top: 8px !important; background-color: transparent !important; display: inline; padding-right: 38px !important; } /* Filter Hack 28.2.2020 */ .folge .defaultform .formbody .select2-container { background-position: 2% center; } .folge .defaultform .formbody .select2-container .show_more{ display: none; } .folge .defaultform .formbody #wishMonth .select2-container { text-indent: 27px; } .domicil-event-search .defaultform .gridelement { width: 91%; } .domicil-event-search .defaultform .formbody input#eventTitle { width: 78.4%; margin-left: 11.4% !important; } .domicil-event-search .defaultform .gridelement.grid5 { margin: -8px -7px !important; width: 101.3%; } .defaultform .formbody .gridelement.grid5 label { margin: 10px 2px !important; position: absolute; left: 7px; top: 15px; } /* Filter Hack 28.2.2020 ENDE */ ul.select2-selection__rendered{ text-align: left !important; } .domicil-event-search .defaultform .gridelement { width: 87.9%; margin: 5px 0 !important; position: relative; } .defaultform .formbody label { margin: 10px 2px !important; position: absolute; left: 0; top: 4px; } .folge .domicil-event-search .defaultform { margin-bottom: 0; } .domicil-event-search { margin-top: 0; margin-bottom: 23px; } .domicil-event-search .defaultform .select2-selection--multiple { margin-left: -9px; } /* Grid bei der Veranstaltungsliste */ .domicil-event-list .date, .domicil-event-list .title, .domicil-event-list .typename, .domicil-event-list .genrename, .domicil-event-list .special_box { line-height: 1.45em; } /* Siteinfos Veranstaltungsdetails */ #main #eventslider_text p.siteinfos{ max-width: 100%; } #main #eventslider_text p.siteinfos a.button{ margin-bottom: 30px !important; text-align: left !important; } #eventslider_text .special_box { margin-top: 0; margin-bottom: 40px; } #eventslider_text .special_box .flag { width: 30%; } } /* * Copyright - Violution GbR Dortmund */ /* Tablets, altes iPad 2 - 3 und iPad mini */ @media only screen and (min-width: 993px) and (max-width: 1260px){ body { /*border: 3px solid #29a9db !important;*/ max-width: 100%; } /* Ausblenden */ #header .sm-bar, .ticket-button, #top-infos .col, #video_background{ display: none; } .folge .defaultform .formbody #wishMonth .select2-container{ text-indent: 2.8%; } .select2-container--default .select2-selection--multiple .select2-selection__rendered{ padding: 0 9px !important; } #logo-nav-wrapper{ padding-top: 50px; padding-left: 2.7% !important; } .binding{ width: 100% !important; max-width: 100% !important; padding-left: 3.4% !important; padding-right: 3.4% !important; } #hero .binding{ margin: 0; width: 100% !important; max-width: 100% !important; padding-left: 0 !important; padding-right: 0 !important; } #hero .binding .row{ margin: 0px 0 !important; width: 100% !important; min-width: 100% !important; } #hero .row.mobilpadding{ width: 96% !important; margin: 0 auto; position: relative; } #hero .row.mobilpadding .gridelement{ margin: 0px 0%; } #hero .inner .binding-wrapper{ position: relative; top: auto; width: 100%; max-width: 100%; } #main .mod_article.margintop { padding-top: 70px; } .start .domicil-event-search .ce_form{ margin-left: 0; margin-right: 0; } #hero { height: 140px; } #main .mod_article.content-twocol-color .col_1 p, #main .mod_article.content-twocol-color .col_2 p, #main .mod_article.content-onecol-color p{ padding: 0 40px; } .only-mobile{ display: block; } .no-mobile{ display: none; } .totop-link{ margin-top: 25px; } /*Ausblenden*/ #stickybutton, .ticket-button, #scroll-control .inner:before{ display: none !important; } .folge.eventdetails #container .mod_article.first{ margin-top: 0px; padding: 0 !important; } #colorbars-header .bar_2{ width: 45vw; } .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet{ margin: 0 9px 0 9px; } #eventslider .swiper-slide-active .date_box, #eventslider .detail-header .date_box, #eventslider .swiper-slide-next .date_box, #eventslider .swiper-slide-prev .date_box { font-size: 1.8em !important; top: -50px; padding: 13px 10px 14px 36px; } .folge #eventslider .swiper-slide-active .date_box, .folge #eventslider .detail-header .date_box, .folge #eventslider .swiper-slide-next .date_box, .folge #eventslider .swiper-slide-prev .date_box{ font-size: 1.6em; padding: 16px 10px 16px 36px; } #eventslider .swiper-slide-active .date_box, #eventslider .detail-header .date_box, #eventslider .swiper-slide-next .date_box, #eventslider .swiper-slide-prev .date_box { width: 73.333%; } #eventslider .swiper-slide-active .title_box, #eventslider .detail-header .title_box, #eventslider .swiper-slide-next .title_box, #eventslider .swiper-slide-prev .title_box { font-size: 3.4em; padding: 36px 20px 36px 36px; margin-top: 0 !important; } #eventslider .swiper-slide-active .subtitle_box, #eventslider .detail-header .subtitle_box, #eventslider .swiper-slide-next .subtitle_box, #eventslider .swiper-slide-prev .subtitle_box { width: 94.666%; font-size: 2.2em !important; padding: 15px 15px 15px 40px !important; height: 65px !important; } #eventslider .swiper-slide-active .first_box, #eventslider .detail-header .first_box, #eventslider .swiper-slide-next .first_box, #eventslider .swiper-slide-prev .first_box { height: 50px; } #eventslider .swiper-slide-active .first_box, #eventslider .swiper-slide-next .first_box, #eventslider .swiper-slide-prev .first_box, #eventslider .detail-header .first_box { height: 25px; } #eventslider .grid8, #eventslider .grid10 { width: 100%; } #eventslider{ margin: 0px 0% !important; width: 100%; padding-top: 52px; } #main .mod_article.content-formular .defaultform .formbody .grid10 input, #main .mod_article.content-formular .defaultform .formbody .grid10 select, #main .mod_article.content-formular .defaultform .formbody .grid10 .select2-container, #main .mod_article.content-formular .defaultform .formbody .grid10 div.button, #main .mod_article.content-formular .defaultform .formbody .grid10 textarea { max-width: 94%; } /* Swiper-Navigation Bullets */ #header .swiper-pagination, .folge #main .eventslider_inner .swiper-pagination { top: -65px; text-align: center; padding-right: 0; } .defaultform .gridelement{ width: 100%; margin: 0px 0 !important; } #domicil-logo-header { width: 17%; min-width: 300px; } #header .mod_navigation.grid10{ width: 83%; } #header .mod_navigation ul li{ padding-left: 20px; } #header .mod_navigation ul li a, #header .mod_navigation ul li .active, #header .mod_navigation ul li .trail{ font-size: 1.6em; } #main .mod_article.content-text-programmlist{ padding-top: 90px; } .folge #main .mod_article.white-bg.margintop{ margin-top: 20px; } #footer{ height: 545px; padding-top: 60px; } #footer .row .grid9, #footer .row .grid3{ width: 100%; float: none; } #footer .sm-bar{ padding-top: 15px; height: 50px; } #footer .sm-bar, #footer .sm-bar ul{ text-align: left; } #footer #copyright{ padding-top: 25px; } #footer .sm-bar ul li:first-child{ padding-left: 0; } #footer .footer-top{ padding-bottom: 15px; } #footer .logo img{ width: 140px; margin-bottom: 16px; } #footer .claim img{ width: 230px; } #footer .mod_customnav{ display: none; } #colorbars-header .bar_1{ width: 40.2vw; } #colorbars-header .bar_2, #colorbars-footer-top{ width: 65vw; } #colorbars-header .bar_3{ width: 35.2vw; } #colorbars-footer-bottom .bar_1{ bottom: -74px; } #colorbars-footer-bottom .bar_2{ bottom: -94px; } /* Hero Startseite */ .start #hero { width: 100%; height: 500px; display: block; position: relative; background-color: #1e1f28; } .start #main{ padding-top: 60px; } #scroll-control span{ padding-top: 56px; } #main p, #main ul, #main ol{ max-width: 100%; } /* Die Pfeile */ .start #today{ background-position: 44.5% center; } .start #wishdate { background-position: 43% center; } .start #eventTypes .select2-container { background-position: 42% center; } .folge .defaultform .formbody .select2-container .select2-selection__choice, .folge .defaultform .formbody .select2-container .show_more{ margin-left: -2.8%; } .defaultform .formbody .select2-container .show_more, .defaultform .formbody .select2-container .select2-selection__choice{ padding: 0; } #main .mod_article.content-video-start .video-caption{ right: 45px; } /* Steuerpfeile Pagina */ .swiper-button-next, .swiper-button-prev{ display: block; top: 92.1%; } #main .special_box{ margin-bottom: 80px !important; } /* Hamburger einblenden */ .mod_navigation.grid10{ display: none; } #hamburger { display:block; top: -5px; right: -7px; } .cookiebar__text{ margin-bottom: 10px; display: block; } .cookiebar__message{ margin-bottom: 15px; margin-right: 0; } /* Mobile Filter */ .domicil-event-search .defaultform .formbody input, .domicil-event-search .defaultform .formbody select, .domicil-event-search .defaultform .formbody .select2-container, .domicil-event-search .defaultform .formbody div.button, .domicil-event-search .defaultform .formbody textarea, .domicil-event-search a.button{ margin: 0 auto !important; padding: 20px; font-size: 1.4em; height: 54px !important; margin-left: 8.5% !important; } .domicil-event-search .defaultform .formbody input.select2-search__field{ margin-left: 0% !important; } .defaultform .formbody .select2-container { background-position: 10px center; font-size: 0.9em; } .select2-container--default .select2-selection--single .select2-selection__rendered { font-size: 1em; line-height: 13px !important; margin-top: -3px; } .domicil-event-search .defaultform .formbody #eventTypes .select2-container, .domicil-event-search .defaultform .formbody #eventGenres .select2-container{ padding-top: 8px; } #eventTypes .select2-search__field, #eventGenres .select2-search__field{ font-size: 0.6em; padding-bottom: 36px; } .folge .defaultform .formbody .select2-container .select2-selection__choice{ font-size: 0.6em !important; padding-top: 8px !important; background-color: transparent !important; display: inline; padding-right: 38px !important; } .folge .defaultform .formbody .select2-container .show_more{ display: none; } ul.select2-selection__rendered{ text-align: left !important; } .domicil-event-search .defaultform .gridelement { width: 91.9%; margin: 5px 0 !important; position: relative; } .defaultform .formbody label { margin: 10px 2px !important; position: absolute; left: 0; top: 4px; } .folge .domicil-event-search .defaultform { margin-bottom: 0; } .domicil-event-search { margin-top: 0; margin-bottom: 23px; } .domicil-event-search .defaultform .select2-selection--multiple { margin-left: -9px; } /*.folge .defaultform .formbody #wishMonth .select2-container {*/ /* text-indent: 2.1%;*/ /*}*/ #eventTypes .select2-search__field, #eventGenres .select2-search__field { padding-left: 6px !important; } .folge .defaultform .formbody .select2-container .select2-selection__choice, .folge .defaultform .formbody .select2-container .show_more { margin-left: -2.2%; } /* Filter Hack 28.2.2020 */ .folge .defaultform .formbody .select2-container { background-position: 2% center; } .folge .defaultform .formbody .select2-container .show_more{ display: none; } .folge .defaultform .formbody #wishMonth .select2-container { /*text-indent: 27px;*/ } .domicil-event-search .defaultform .gridelement { width: 91%; } .domicil-event-search .defaultform .gridelement.grid5 { margin: -8px -0.8% !important; width: 101.3%; } .defaultform .formbody .gridelement.grid5 label { margin: 10px 2px !important; position: absolute; left: 7px; top: 15px; } .domicil-event-search .defaultform .formbody input#eventTitle { width: 84%; } .domicil-event-search .defaultform .formbody .search-submit { width: 5.7%; } #eventTypes .select2-search__field, #eventGenres .select2-search__field { padding-left: 1.1% !important; } #eventslider_text .special_box .flag { margin-left: 0; } /* Filter Hack 28.2.2020 ENDE */ .start #main .mod_article.margintop{ padding-top: 0 !important; } #vereinsdienstplaner td.position{ width: 85px !important; } #vereinsdienstplaner th div { width: 65px; padding-left: 24px; } #vereinsdienstplaner th { font-size: 1.7em; } #vereinsdienstplaner td.date { width: auto; min-width: 130px; font-size: 1.5em; line-height: 1.3em; } #vereinsdienstplaner .event strong { font-size: 1.2em; line-height: 1.3em; margin-bottom: 8px; } /* Blog */ #waterfall { margin: 0 auto !important; } #blog-headline{ text-align: center; margin-bottom: 40px !important; } #main .vio-blog-item .teaser p, #main .vio-blog-item .teaser ol, #main .vio-blog-item .teaser ul { max-width: 90% !important; } #main .nogrid-binding .inner{ margin: 0; } #main .nogrid-binding.binding { padding-left: 2.6% !important; padding-right: 2.8% !important; } } /*!**/ /* * Copyright - Violution GbR Dortmund*/ /* *!*/ /*!* Tablets, altes iPad 2 - 3 und iPad mini *!*/ /*@media only screen and (min-width: 760px) and (max-width: 768px){*/ /* body {*/ /* border: 3px dotted #000000 !important;*/ /* max-width: 100%;*/ /* }*/ /* !* Ausblenden *!*/ /* #header .sm-bar,*/ /* .ticket-button,*/ /* #top-infos .col,*/ /* #video_background{*/ /* display: none;*/ /* }*/ /* .folge .defaultform .formbody #wishMonth .select2-container{*/ /* text-indent: 2.8%;*/ /* }*/ /* .select2-container--default .select2-selection--multiple .select2-selection__rendered{*/ /* padding: 0 9px !important;*/ /* }*/ /* #logo-nav-wrapper{*/ /* padding-top: 50px;*/ /* padding-left: 2.7% !important;*/ /* }*/ /* .binding{*/ /* width: 100% !important;*/ /* max-width: 100% !important;*/ /* padding-left: 5% !important;*/ /* padding-right: 5% !important;*/ /* !*border: 1px solid #f0f;*!*/ /* }*/ /* #hero .binding{*/ /* margin: 0;*/ /* width: 100% !important;*/ /* max-width: 100% !important;*/ /* padding-left: 0 !important;*/ /* padding-right: 0 !important;*/ /* }*/ /* #hero .binding .row{*/ /* margin: 0px 0 !important;*/ /* width: 100% !important;*/ /* min-width: 100% !important;*/ /* }*/ /* #hero .row.mobilpadding{*/ /* width: 96% !important;*/ /* margin: 0 auto;*/ /* position: relative;*/ /* }*/ /* #hero .row.mobilpadding .gridelement{*/ /* margin: 0px 0%;*/ /* }*/ /* #hero .inner .binding-wrapper{*/ /* position: relative;*/ /* top: auto;*/ /* width: 100%;*/ /* max-width: 100%;*/ /* }*/ /* #main .mod_article.margintop {*/ /* padding-top: 70px;*/ /* }*/ /* .start #main .mod_article.margintop{*/ /* padding-top: 0 !important;*/ /* }*/ /* .start .domicil-event-search .ce_form{*/ /* margin-left: 0;*/ /* margin-right: 0;*/ /* }*/ /* #hero {*/ /* height: 140px;*/ /* }*/ /* #main .mod_article.content-twocol-color .col_1 p,*/ /* #main .mod_article.content-twocol-color .col_2 p,*/ /* #main .mod_article.content-onecol-color p{*/ /* padding: 0 40px;*/ /* }*/ /* #main .mod_article.content-twocol-color .col_1,*/ /* #main .mod_article.content-twocol-color .col_2,*/ /* #main .mod_article.content-onecol-color{*/ /* padding-top: 90px;*/ /* padding-bottom: 80px;*/ /* }*/ /* #main .mod_article.content-twocol-color .subcolumns,*/ /* #main .mod_article.content-onecol-color{*/ /* height: auto;*/ /* }*/ /* .start #eventTypes .select2-container {*/ /* background-position: 39.5% center;*/ /* }*/ /* .start #wishdate {*/ /* background-position: 41.5% center;*/ /* }*/ /* .start #today {*/ /* background-position: 43.5% center;*/ /* }*/ /* .folge .defaultform .formbody .select2-container .select2-selection__choice,*/ /* .folge .defaultform .formbody .select2-container .show_more{*/ /* margin-left: -3.2%;*/ /* }*/ /* .c50l, .c50r{*/ /* width: 100%;*/ /* float: none;*/ /* }*/ /* .start #main .mod_article.content-text-programmlist{*/ /* padding-bottom: 50px !important;*/ /* }*/ /* .only-mobile{*/ /* display: block;*/ /* }*/ /* .no-mobile{*/ /* display: none;*/ /* }*/ /* .totop-link{*/ /* margin-top: 25px;*/ /* }*/ /* !*Ausblenden*!*/ /* #stickybutton,*/ /* .ticket-button,*/ /* #scroll-control .inner:before{*/ /* display: none !important;*/ /* }*/ /* .folge.eventdetails #container .mod_article.first{*/ /* margin-top: 0px;*/ /* padding: 0 !important;*/ /* }*/ /* #colorbars-header .bar_2{*/ /* width: 45vw;*/ /* }*/ /* .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet{*/ /* margin: 0 9px 0 9px;*/ /* }*/ /* #eventslider .swiper-slide-active .date_box,*/ /* #eventslider .detail-header .date_box,*/ /* #eventslider .swiper-slide-next .date_box,*/ /* #eventslider .swiper-slide-prev .date_box {*/ /* font-size: 1.8em !important;*/ /* top: -50px;*/ /* padding: 13px 10px 14px 36px;*/ /* }*/ /* .folge #eventslider .swiper-slide-active .date_box,*/ /* .folge #eventslider .detail-header .date_box,*/ /* .folge #eventslider .swiper-slide-next .date_box,*/ /* .folge #eventslider .swiper-slide-prev .date_box{*/ /* font-size: 1.6em;*/ /* padding: 16px 10px 16px 36px;*/ /* }*/ /* #eventslider .swiper-slide-active .date_box,*/ /* #eventslider .detail-header .date_box,*/ /* #eventslider .swiper-slide-next .date_box,*/ /* #eventslider .swiper-slide-prev .date_box*/ /* {*/ /* width: 73.333%;*/ /* }*/ /* #eventslider .swiper-slide-active .title_box,*/ /* #eventslider .detail-header .title_box,*/ /* #eventslider .swiper-slide-next .title_box,*/ /* #eventslider .swiper-slide-prev .title_box {*/ /* font-size: 3.4em;*/ /* padding: 36px 20px 36px 36px;*/ /* margin-top: 0 !important;*/ /* }*/ /* #eventslider .swiper-slide-active .subtitle_box,*/ /* #eventslider .detail-header .subtitle_box,*/ /* #eventslider .swiper-slide-next .subtitle_box,*/ /* #eventslider .swiper-slide-prev .subtitle_box*/ /* {*/ /* width: 94.666%;*/ /* font-size: 2.2em !important;*/ /* padding: 15px 15px 15px 40px !important;*/ /* height: 65px !important;*/ /* }*/ /* #eventslider .swiper-slide-active .first_box,*/ /* #eventslider .detail-header .first_box,*/ /* #eventslider .swiper-slide-next .first_box,*/ /* #eventslider .swiper-slide-prev .first_box*/ /* {*/ /* height: 50px;*/ /* }*/ /* #eventslider .swiper-slide-active .first_box,*/ /* #eventslider .swiper-slide-next .first_box,*/ /* #eventslider .swiper-slide-prev .first_box,*/ /* #eventslider .detail-header .first_box*/ /* {*/ /* height: 25px;*/ /* }*/ /* #eventslider .grid8,*/ /* #eventslider .grid10*/ /* {*/ /* width: 100%;*/ /* }*/ /* #eventslider{*/ /* margin: 0px 0% !important;*/ /* width: 100%;*/ /* padding-top: 52px;*/ /* }*/ /* !* Swiper-Navigation Bullets *!*/ /* #header .swiper-pagination,*/ /* .folge #main .eventslider_inner .swiper-pagination {*/ /* top: -65px;*/ /* text-align: center;*/ /* padding-right: 0;*/ /* }*/ /* .defaultform .gridelement{*/ /* width: 100%;*/ /* margin: 0px 0 !important;*/ /* }*/ /* #domicil-logo-header*/ /* {*/ /* width: 17%;*/ /* min-width: 300px;*/ /* }*/ /* #main .mod_article.content-formular .defaultform .formbody .grid10 input,*/ /* #main .mod_article.content-formular .defaultform .formbody .grid10 select,*/ /* #main .mod_article.content-formular .defaultform .formbody .grid10 .select2-container,*/ /* #main .mod_article.content-formular .defaultform .formbody .grid10 div.button,*/ /* #main .mod_article.content-formular .defaultform .formbody .grid10 textarea {*/ /* max-width: 94%;*/ /* }*/ /* #domicil-logo-header #logo{*/ /* background-size: auto 80%;*/ /* }*/ /* #header .mod_navigation.grid10{*/ /* width: 83%;*/ /* }*/ /* #header .mod_navigation ul li{*/ /* padding-left: 20px;*/ /* }*/ /* #header .mod_navigation ul li a,*/ /* #header .mod_navigation ul li .active,*/ /* #header .mod_navigation ul li .trail{*/ /* font-size: 1.6em;*/ /* }*/ /* #main .mod_article.content-text-programmlist{*/ /* padding-top: 90px;*/ /* }*/ /* .folge #main .mod_article.white-bg.margintop{*/ /* margin-top: 20px;*/ /* }*/ /* #footer{*/ /* height: 545px;*/ /* padding-top: 60px;*/ /* }*/ /* #footer .row .grid9,*/ /* #footer .row .grid3{*/ /* width: 100%;*/ /* float: none;*/ /* }*/ /* #footer .sm-bar{*/ /* padding-top: 15px;*/ /* height: 50px;*/ /* }*/ /* #footer .sm-bar,*/ /* #footer .sm-bar ul{*/ /* text-align: left;*/ /* }*/ /* #footer #copyright{*/ /* padding-top: 25px;*/ /* }*/ /* #footer .sm-bar ul li:first-child{*/ /* padding-left: 0;*/ /* }*/ /* #footer .footer-top{*/ /* padding-bottom: 15px;*/ /* }*/ /* #footer .logo img{*/ /* width: 140px;*/ /* margin-bottom: 16px;*/ /* }*/ /* #footer .claim img{*/ /* width: 230px;*/ /* }*/ /* #footer .mod_customnav{*/ /* display: none;*/ /* }*/ /* #colorbars-header .bar_1{*/ /* width: 40.2vw;*/ /* }*/ /* #colorbars-header .bar_2,*/ /* #colorbars-footer-top{*/ /* width: 65vw;*/ /* }*/ /* #colorbars-header .bar_3{*/ /* width: 35.2vw;*/ /* }*/ /* #colorbars-footer-bottom .bar_1{*/ /* bottom: -74px;*/ /* }*/ /* #colorbars-footer-bottom .bar_2{*/ /* bottom: -94px;*/ /* }*/ /* !* Hero Startseite *!*/ /* .start #hero {*/ /* width: 100%;*/ /* height: 500px;*/ /* display: block;*/ /* position: relative;*/ /* background-color: #1e1f28;*/ /* }*/ /* .start #main{*/ /* padding-top: 60px;*/ /* }*/ /* #scroll-control span{*/ /* padding-top: 56px;*/ /* }*/ /* #main p, #main ul, #main ol{*/ /* max-width: 100%;*/ /* }*/ /* .folge .defaultform .formbody .select2-container .select2-selection__choice,*/ /* .folge .defaultform .formbody .select2-container .show_more{*/ /* margin-left: -3.8%;*/ /* }*/ /* .defaultform .formbody .select2-container .show_more,*/ /* .defaultform .formbody .select2-container .select2-selection__choice{*/ /* padding: 0;*/ /* }*/ /* #main .mod_article.content-video-start .video-caption{*/ /* right: 45px;*/ /* }*/ /* #main .mod_article.content-crossteaser p:before{*/ /* left: 40%;*/ /* width: 20%;*/ /* }*/ /* #main .special_box{*/ /* margin-bottom: 80px !important;*/ /* }*/ /* .content-foerderungen .grid6{*/ /* width: 100%;*/ /* text-align: center;*/ /* }*/ /* !* Steuerpfeile Pagina *!*/ /* .swiper-button-next,*/ /* .swiper-button-prev{*/ /* display: block;*/ /* top: 92.1%;*/ /* }*/ /* !* Hamburger einblenden *!*/ /* .mod_navigation.grid10{*/ /* display: none;*/ /* }*/ /* #hamburger {*/ /* display:block;*/ /* top: -5px;*/ /* right: -7px;*/ /* }*/ /* .cookiebar__text{*/ /* margin-bottom: 10px;*/ /* display: block;*/ /* }*/ /* .cookiebar__message{*/ /* margin-bottom: 15px;*/ /* margin-right: 0;*/ /* }*/ /* */ /* !* Mobile Filter *!*/ /* .domicil-event-search .defaultform .formbody input, */ /* .domicil-event-search .defaultform .formbody select, */ /* .domicil-event-search .defaultform .formbody .select2-container, */ /* .domicil-event-search .defaultform .formbody div.button, */ /* .domicil-event-search .defaultform .formbody textarea, */ /* .domicil-event-search a.button{*/ /* margin: 0 auto !important;*/ /* padding: 20px;*/ /* font-size: 1.4em;*/ /* height: 54px !important;*/ /* margin-left: 11.5% !important;*/ /* }*/ /* */ /* .domicil-event-search .defaultform .formbody input.select2-search__field{*/ /* margin-left: 0% !important;*/ /* }*/ /* */ /* .defaultform .formbody .select2-container {*/ /* background-position: 10px center;*/ /* font-size: 0.9em;*/ /* }*/ /* */ /* .select2-container--default .select2-selection--single .select2-selection__rendered {*/ /* font-size: 1em;*/ /* line-height: 13px !important;*/ /* margin-top: -3px;*/ /* }*/ /* */ /* .domicil-event-search .defaultform .formbody #eventTypes .select2-container,*/ /* .domicil-event-search .defaultform .formbody #eventGenres .select2-container{*/ /* padding-top: 8px;*/ /* }*/ /* */ /* #eventTypes .select2-search__field, */ /* #eventGenres .select2-search__field{*/ /* font-size: 0.6em;*/ /* padding-bottom: 36px;*/ /* }*/ /* */ /* .folge .defaultform .formbody .select2-container .select2-selection__choice{*/ /* font-size: 0.6em !important;*/ /* padding-top: 8px !important;*/ /* background-color: transparent !important;*/ /* display: inline;*/ /* padding-right: 38px !important;*/ /* }*/ /* */ /* .folge .defaultform .formbody .select2-container .show_more{*/ /* display: none;*/ /* }*/ /* */ /* ul.select2-selection__rendered{*/ /* text-align: left !important;*/ /* }*/ /* */ /* .domicil-event-search .defaultform .gridelement {*/ /* width: 85.9%;*/ /* margin: 5px 0 !important;*/ /* position: relative;*/ /* }*/ /* */ /* .defaultform .formbody label {*/ /* margin: 10px 2px !important;*/ /* position: absolute;*/ /* left: 0;*/ /* top: 4px;*/ /* }*/ /* */ /* .folge .domicil-event-search .defaultform {*/ /* margin-bottom: 0;*/ /* }*/ /* */ /* .domicil-event-search {*/ /* margin-top: 0;*/ /* margin-bottom: 23px;*/ /* }*/ /* */ /* .domicil-event-search .defaultform .select2-selection--multiple {*/ /* margin-left: -9px;*/ /* }*/ /* */ /* .folge .defaultform .formbody #wishMonth .select2-container {*/ /* text-indent: 3.9%;*/ /* }*/ /* */ /* #eventTypes .select2-search__field, */ /* #eventGenres .select2-search__field {*/ /* padding-left: 6px !important;*/ /* }*/ /* */ /* .folge .defaultform .formbody .select2-container .select2-selection__choice, .folge .defaultform .formbody .select2-container .show_more {*/ /* margin-left: -4%;*/ /* }*/ /* !* Filter Hack 28.2.2020 *!*/ /* .folge .defaultform .formbody .select2-container {*/ /* background-position: 2% center;*/ /* }*/ /* .folge .defaultform .formbody .select2-container .show_more{*/ /* display: none;*/ /* }*/ /* .domicil-event-search .defaultform .gridelement {*/ /* width: 91%;*/ /* }*/ /* .domicil-event-search .defaultform .formbody input#eventTitle {*/ /* width: 83%;*/ /* }*/ /* .domicil-event-search .defaultform .gridelement {*/ /* width: 88%;*/ /* }*/ /* .domicil-event-search .defaultform .gridelement.grid5 {*/ /* margin: -6px -1.4% !important;*/ /* width: 101.3%;*/ /* }*/ /* .defaultform .formbody .gridelement.grid5 label {*/ /* margin: 10px 2px !important;*/ /* position: absolute;*/ /* left: 12px;*/ /* top: 15px;*/ /* }*/ /* .domicil-event-search .defaultform .formbody input#eventTitle {*/ /* width: 78%;*/ /* }*/ /* .domicil-event-search .defaultform .formbody .search-submit {*/ /* width: 9%;*/ /* }*/ /* #eventTypes .select2-search__field, #eventGenres .select2-search__field {*/ /* padding-left: 1.1% !important;*/ /* }*/ /* !* Filter Hack 28.2.2020 ENDE *!*/ /* !* Siteinfos Veranstaltungsdetails *!*/ /* #main #eventslider_text p.siteinfos{*/ /* max-width: 100%;*/ /* }*/ /* #main #eventslider_text p.siteinfos a.button{*/ /* margin-bottom: 30px !important;*/ /* text-align: left !important;*/ /* }*/ /* #eventslider_text .special_box {*/ /* margin-top: 0;*/ /* margin-bottom: 40px;*/ /* }*/ /* #eventslider_text .special_box .flag {*/ /* width: 30%;*/ /* }*/ /* #eventslider_text .special_box .flag {*/ /* margin-left: 0;*/ /* }*/ /* !* Vereinsdienstplaner *!*/ /* #monthSelector select{*/ /* width: 50%;*/ /* }*/ /* #vereinsdienstplaner td {*/ /* padding:0;*/ /* border:1px solid black;*/ /* }*/ /* #vereinsdienstplaner table {*/ /* border:none;*/ /* }*/ /* #vereinsdienstplaner thead {*/ /* display:none;*/ /* }*/ /* #vereinsdienstplaner tr {*/ /* float: left !important;*/ /* width: 100% !important;*/ /* margin-bottom: 2em !important;*/ /* }*/ /* #vereinsdienstplaner td {*/ /* float: left !important;*/ /* width: 100% !important;*/ /* padding:1em !important;*/ /* border-left: 1px !important;*/ /* border-right: 1px !important;*/ /* }*/ /* #vereinsdienstplaner td::before {*/ /* content:attr(data-label);*/ /* word-wrap: break-word;*/ /* background: #eee;*/ /* border-right: 1px solid black;*/ /* width: 20%;*/ /* float:left;*/ /* padding:1em;*/ /* font-weight: bold;*/ /* margin:-1em 1em -1em -1em;*/ /* }*/ /*}*/ /* * Copyright - Violution GbR Dortmund */ /* kleine Tablets */ @media only screen and (max-width: 993px){ body { /*border: 3px solid #8a8c48 !important;*/ } /* Ausblenden */ #header .sm-bar, .ticket-button, #top-infos .col, #video_background, .content-socialmedia{ display: none; } .folge .defaultform .formbody #wishMonth .select2-container{ text-indent: 2.8%; } .select2-container--default .select2-selection--multiple .select2-selection__rendered{ padding: 0 9px !important; } #logo-nav-wrapper{ padding-top: 50px; padding-left: 2.7% !important; } .binding{ width: 100% !important; max-width: 100% !important; padding-left: 5% !important; padding-right: 5% !important; /*border: 1px solid #f0f;*/ } #hero .binding{ margin: 0; width: 100% !important; max-width: 100% !important; padding-left: 0 !important; padding-right: 0 !important; } #hero .binding .row{ margin: 0px 0 !important; width: 100% !important; min-width: 100% !important; } #hero .row.mobilpadding{ width: 96% !important; margin: 0 auto; position: relative; } #hero .row.mobilpadding .gridelement{ margin: 0px 0%; } #hero .inner .binding-wrapper{ position: relative; top: auto; width: 100%; max-width: 100%; } #main .mod_article.margintop { padding-top: 70px; } .start .domicil-event-search .ce_form{ margin-left: 0; margin-right: 0; } #hero { height: 140px; } #main .mod_article.content-twocol-color .col_1 p, #main .mod_article.content-twocol-color .col_2 p, #main .mod_article.content-onecol-color p{ padding: 0 40px; } #main .mod_article.content-twocol-color .col_1, #main .mod_article.content-twocol-color .col_2, #main .mod_article.content-onecol-color{ padding-top: 90px; padding-bottom: 80px; } #main .mod_article.content-twocol-color .subcolumns, #main .mod_article.content-onecol-color{ height: auto; } .start #eventTypes .select2-container { background-position: 41.5% center; } .start #wishdate { background-position: 42.7% center; } .start #today { background-position: 44.5% center; } .folge .defaultform .formbody .select2-container .select2-selection__choice, .folge .defaultform .formbody .select2-container .show_more{ margin-left: -2.8%; } .c50l, .c50r{ width: 100%; float: none; } .start #main .mod_article.content-text-programmlist{ padding-bottom: 50px !important; } .only-mobile{ display: block; } .no-mobile{ display: none; } .totop-link{ margin-top: 25px; } /*Ausblenden*/ #stickybutton, .ticket-button, #scroll-control .inner:before{ display: none !important; } .folge.eventdetails #container .mod_article.first{ margin-top: 0px; padding: 0 !important; } #colorbars-header .bar_2{ width: 45vw; } .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet{ margin: 0 9px 0 9px; } #eventslider .swiper-slide-active .date_box, #eventslider .detail-header .date_box, #eventslider .swiper-slide-next .date_box, #eventslider .swiper-slide-prev .date_box { font-size: 1.8em !important; top: -50px; padding: 13px 10px 14px 36px; } .folge #eventslider .swiper-slide-active .date_box, .folge #eventslider .detail-header .date_box, .folge #eventslider .swiper-slide-next .date_box, .folge #eventslider .swiper-slide-prev .date_box{ font-size: 1.6em; padding: 16px 10px 16px 36px; } #eventslider .swiper-slide-active .date_box, #eventslider .detail-header .date_box, #eventslider .swiper-slide-next .date_box, #eventslider .swiper-slide-prev .date_box { width: 73.333%; } #eventslider .swiper-slide-active .title_box, #eventslider .detail-header .title_box, #eventslider .swiper-slide-next .title_box, #eventslider .swiper-slide-prev .title_box { font-size: 3.4em; padding: 36px 20px 36px 36px; margin-top: 0 !important; } #eventslider .swiper-slide-active .subtitle_box, #eventslider .detail-header .subtitle_box, #eventslider .swiper-slide-next .subtitle_box, #eventslider .swiper-slide-prev .subtitle_box { width: 94.666%; font-size: 2.2em !important; padding: 15px 15px 15px 40px !important; height: 65px !important; } #eventslider .swiper-slide-active .first_box, #eventslider .detail-header .first_box, #eventslider .swiper-slide-next .first_box, #eventslider .swiper-slide-prev .first_box { height: 50px; } #eventslider .swiper-slide-active .first_box, #eventslider .swiper-slide-next .first_box, #eventslider .swiper-slide-prev .first_box, #eventslider .detail-header .first_box { height: 25px; } #eventslider .grid8, #eventslider .grid10 { width: 100%; } #eventslider{ margin: 0px 0% !important; width: 100%; padding-top: 52px; } /* Swiper-Navigation Bullets */ #header .swiper-pagination, .folge #main .eventslider_inner .swiper-pagination { top: -65px; text-align: center; padding-right: 0; } .defaultform .gridelement{ width: 100%; margin: 0px 0 !important; } #domicil-logo-header { width: 17%; min-width: 300px; } #main .mod_article.content-formular .defaultform .formbody .grid10 input, #main .mod_article.content-formular .defaultform .formbody .grid10 select, #main .mod_article.content-formular .defaultform .formbody .grid10 .select2-container, #main .mod_article.content-formular .defaultform .formbody .grid10 div.button, #main .mod_article.content-formular .defaultform .formbody .grid10 textarea { max-width: 94%; } #domicil-logo-header #logo{ background-size: auto 80%; } #header .mod_navigation.grid10{ width: 83%; } #header .mod_navigation ul li{ padding-left: 20px; } #header .mod_navigation ul li a, #header .mod_navigation ul li .active, #header .mod_navigation ul li .trail{ font-size: 1.6em; } #main .mod_article.content-text-programmlist{ padding-top: 90px; } .folge #main .mod_article.white-bg.margintop{ margin-top: 20px; } #footer{ height: 545px; padding-top: 60px; } #footer .row .grid9, #footer .row .grid3{ width: 100%; float: none; } #footer .sm-bar{ padding-top: 15px; height: 50px; } #footer .sm-bar, #footer .sm-bar ul{ text-align: left; } #footer #copyright{ padding-top: 25px; } #footer .sm-bar ul li:first-child{ padding-left: 0; } #footer .footer-top{ padding-bottom: 15px; } #footer .logo img{ width: 140px; margin-bottom: 16px; } #footer .claim img{ width: 230px; } #footer .mod_customnav{ display: none; } #colorbars-header .bar_1{ width: 40.2vw; } #colorbars-header .bar_2, #colorbars-footer-top{ width: 65vw; } #colorbars-header .bar_3{ width: 35.2vw; } #colorbars-footer-bottom .bar_1{ bottom: -74px; } #colorbars-footer-bottom .bar_2{ bottom: -94px; } /* Hero Startseite */ .start #hero { width: 100%; height: 500px; display: block; position: relative; background-color: #1e1f28; } .start #main{ padding-top: 60px; } #scroll-control span{ padding-top: 56px; } #main p, #main ul, #main ol{ max-width: 100%; } .defaultform .formbody .select2-container .show_more, .defaultform .formbody .select2-container .select2-selection__choice{ padding: 0; } #main .mod_article.content-video-start .video-caption{ right: 45px; } #main .mod_article.content-crossteaser p:before{ left: 40%; width: 20%; } #main .special_box{ margin-bottom: 20px !important; } .content-foerderungen .grid6{ width: 100%; text-align: center; } /* Steuerpfeile Pagina */ .swiper-button-next, .swiper-button-prev{ display: block; top: 92.1%; } /* Hamburger einblenden */ .mod_navigation.grid10{ display: none; } #hamburger { display:block; top: -5px; right: -7px; } .cookiebar__text{ margin-bottom: 10px; display: block; } .cookiebar__message{ margin-bottom: 15px; margin-right: 0; } /* Mobile Filter */ .domicil-event-search .defaultform .formbody input, .domicil-event-search .defaultform .formbody select, .domicil-event-search .defaultform .formbody .select2-container, .domicil-event-search .defaultform .formbody div.button, .domicil-event-search .defaultform .formbody textarea, .domicil-event-search a.button{ margin: 0 auto !important; padding: 20px; font-size: 1.4em; height: 54px !important; margin-left: 12% !important; } .domicil-event-search .defaultform .formbody input.select2-search__field{ margin-left: 0% !important; } .defaultform .formbody .select2-container { background-position: 10px center; font-size: 0.9em; } .select2-container--default .select2-selection--single .select2-selection__rendered { font-size: 1em; line-height: 13px !important; margin-top: -3px; } .domicil-event-search .defaultform .formbody #eventTypes .select2-container, .domicil-event-search .defaultform .formbody #eventGenres .select2-container{ padding-top: 8px; } #eventTypes .select2-search__field, #eventGenres .select2-search__field{ font-size: 0.6em; padding-bottom: 36px; } .folge .defaultform .formbody .select2-container .select2-selection__choice{ font-size: 0.6em !important; padding-top: 8px !important; background-color: transparent !important; display: inline; padding-right: 38px !important; } .folge .defaultform .formbody .select2-container .show_more{ display: none; } ul.select2-selection__rendered{ text-align: left !important; } .domicil-event-search .defaultform .gridelement { width: 91.9%; margin: 5px 0 !important; position: relative; } .defaultform .formbody label { margin: 10px 2px !important; position: absolute; left: 0; top: 4px; } .folge .domicil-event-search .defaultform { margin-bottom: 0; } .domicil-event-search { margin-top: 0; margin-bottom: 23px; } .domicil-event-search .defaultform .select2-selection--multiple { margin-left: -9px; } .folge .defaultform .formbody #wishMonth .select2-container { text-indent: 3.1%; } #eventTypes .select2-search__field, #eventGenres .select2-search__field { padding-left: 6px !important; } .folge .defaultform .formbody .select2-container .select2-selection__choice, .folge .defaultform .formbody .select2-container .show_more { margin-left: -2.8%; } /* Filter Hack 28.2.2020 */ .folge .defaultform .formbody .select2-container { background-position: 2% center; } .folge .defaultform .formbody .select2-container .show_more{ display: none; } .domicil-event-search .defaultform .gridelement { width: 86.7%; } .domicil-event-search .defaultform .formbody input#eventTitle { width: 83%; } .domicil-event-search .defaultform .gridelement.grid5 { margin: -8px -0.8% !important; width: 101.3%; } .defaultform .formbody .gridelement.grid5 label { margin: 10px 2px !important; position: absolute; left: 7px; top: 15px; } .domicil-event-search .defaultform .formbody input#eventTitle { width: 83%; } .domicil-event-search .defaultform .formbody .search-submit { width: 6.7%; } #eventTypes .select2-search__field, #eventGenres .select2-search__field { padding-left: 1.1% !important; } /* Filter Hack 28.2.2020 ENDE */ .start #main .mod_article.margintop{ padding-top: 0 !important; } .start #main { padding-top: 0; } #main .mod_article.content-text-slider, #main .mod_article.content-text, #main .mod_article.content-video, #main .mod_article.content-video-start, #main .mod_article.content-crossteaser, #main .mod_article.content-foerderungen, #main .mod_article.content-text-image, #main .mod_article.content-text-video, #main .mod_article.content-slideshow, #main .mod_article.content-twocol-color, #main .mod_article.content-onecol-color, #main .mod_article.content-socialmedia, #main .mod_article.content-formular, #main .mod_article.content-text-programmlist { padding-bottom: 0; } #main .mod_article.content-crossteaser{ padding-top: 30px; font-size: 2.2em; } #main .mod_article.content-twocol-color .col_1, #main .mod_article.content-twocol-color .col_2, #main .mod_article.content-onecol-color { padding-top: 45px; padding-bottom: 40px; } #main h2{ font-size: 3.6em; } .domicil-event-list .mini-event-block .title { font-size: 1.8em; } .folge .domicil-event-search .defaultform { padding-top: 15px !important; } /* Siteinfos Veranstaltungsdetails */ #main #eventslider_text p.siteinfos{ max-width: 100%; } #main #eventslider_text p.siteinfos a.button{ margin-bottom: 30px !important; text-align: left !important; } #eventslider_text .special_box { margin-top: 0; margin-bottom: 40px; } #eventslider_text .special_box .flag { width: 30%; } #eventslider_text .special_box .flag { margin-left: 0; } .domicil-event-search .defaultform .formbody input#eventTitle { width: 78.4%; margin-left: 11.4% !important; } #monthSelector select { width: 50%; margin-bottom: 60px; } #vereinsdienstplaner thead{ display: none; } #vereinsdienstplaner tbody tr, #vereinsdienstplaner tbody tr td{ display: block; width: 100%; border: 0; margin: 0; outline: none; } #vereinsdienstplaner tbody tr{ clear: both; margin-bottom: 20px; display: block; position: static; border-top: 30px solid transparent; } #vereinsdienstplaner tbody td.date, #vereinsdienstplaner tbody td.event{ color: #ffffff !important; background-color: #1e1f28; width: 25%; float: left; padding: 1.1em 0.6em; height: 105px; } #vereinsdienstplaner .freifeld { text-align: center; left: 30%; top: 1em; display: block; position: absolute; } #vereinsdienstplaner tbody td.event{ width: 100%; float: none; } #vereinsdienstplaner tbody td.position{ width: 50% !important; border: 1px solid #f0eeee; float: left; position: relative; height: 78px; text-align: left; font-size: 1.8em; line-height: 1.4em; color: #6b6b6b !important; } #vereinsdienstplaner .event strong { font-weight: 700; color: #fff; font-size: 1.3em; line-height: 1.2em; margin-bottom: 5px; } #vereinsdienstplaner tbody td.position[data-label]:before { content: attr(data-label)":"; display: inline-block; color: #1e1f28 !important; font-weight: 600; width: 30%; } /* Blog */ #waterfall { margin: 0 auto !important; width: 100%; } #blog-headline{ text-align: center; margin-bottom: 40px !important; } #main .vio-blog-item .teaser p, #main .vio-blog-item .teaser ol, #main .vio-blog-item .teaser ul { max-width: 90% !important; } .vio-blog-item { width: 85% !important; position: relative !important; margin: 0 auto 30px auto !important; top: auto !important; left: auto !important; } } /*!**/ /* * Copyright - Violution GbR Dortmund*/ /* *!*/ /*!* kleine Tablets *!*/ /*@media only screen and (max-width: 760px) and (min-width: 690px){*/ /* body {*/ /* border: 3px dotted #fcb601 !important;*/ /* }*/ /* !* Ausblenden *!*/ /* #header .sm-bar,*/ /* .ticket-button,*/ /* #top-infos .col,*/ /* #video_background,*/ /* .content-socialmedia{*/ /* display: none;*/ /* }*/ /* .folge .defaultform .formbody #wishMonth .select2-container{*/ /* text-indent: 2.8%;*/ /* }*/ /* .select2-container--default .select2-selection--multiple .select2-selection__rendered{*/ /* padding: 0 9px !important;*/ /* }*/ /* #logo-nav-wrapper{*/ /* padding-top: 50px;*/ /* padding-left: 2.7% !important;*/ /* }*/ /* .binding{*/ /* width: 100% !important;*/ /* max-width: 100% !important;*/ /* padding-left: 5% !important;*/ /* padding-right: 5% !important;*/ /* !*border: 1px solid #f0f;*!*/ /* }*/ /* #hero .binding{*/ /* margin: 0;*/ /* width: 100% !important;*/ /* max-width: 100% !important;*/ /* padding-left: 0 !important;*/ /* padding-right: 0 !important;*/ /* }*/ /* #hero .binding .row{*/ /* margin: 0px 0 !important;*/ /* width: 100% !important;*/ /* min-width: 100% !important;*/ /* }*/ /* #hero .row.mobilpadding{*/ /* width: 96% !important;*/ /* margin: 0 auto;*/ /* position: relative;*/ /* }*/ /* #hero .row.mobilpadding .gridelement{*/ /* margin: 0px 0%;*/ /* }*/ /* #hero .inner .binding-wrapper{*/ /* position: relative;*/ /* top: auto;*/ /* width: 100%;*/ /* max-width: 100%;*/ /* }*/ /* #main .mod_article.margintop {*/ /* padding-top: 70px;*/ /* }*/ /* .start #main .mod_article.margintop{*/ /* padding-top: 0 !important;*/ /* }*/ /* .start .domicil-event-search .ce_form{*/ /* margin-left: 0;*/ /* margin-right: 0;*/ /* }*/ /* #hero {*/ /* height: 140px;*/ /* }*/ /* #main .mod_article.content-twocol-color .col_1 p,*/ /* #main .mod_article.content-twocol-color .col_2 p,*/ /* #main .mod_article.content-onecol-color p{*/ /* padding: 0 40px;*/ /* }*/ /* #main .mod_article.content-twocol-color .col_1,*/ /* #main .mod_article.content-twocol-color .col_2,*/ /* #main .mod_article.content-onecol-color{*/ /* padding-top: 90px;*/ /* padding-bottom: 80px;*/ /* }*/ /* #main .mod_article.content-twocol-color .subcolumns,*/ /* #main .mod_article.content-onecol-color{*/ /* height: auto;*/ /* }*/ /* .start #eventTypes .select2-container {*/ /* background-position: 39.5% center;*/ /* }*/ /* .start #wishdate {*/ /* background-position: 41.5% center;*/ /* }*/ /* .start #today {*/ /* background-position: 43.5% center;*/ /* }*/ /* .folge .defaultform .formbody .select2-container .select2-selection__choice,*/ /* .folge .defaultform .formbody .select2-container .show_more{*/ /* margin-left: -3.2%;*/ /* }*/ /* .c50l, .c50r{*/ /* width: 100%;*/ /* float: none;*/ /* }*/ /* .start #main .mod_article.content-text-programmlist{*/ /* padding-bottom: 50px !important;*/ /* }*/ /* .only-mobile{*/ /* display: block;*/ /* }*/ /* .no-mobile{*/ /* display: none;*/ /* }*/ /* .totop-link{*/ /* margin-top: 25px;*/ /* }*/ /* !*Ausblenden*!*/ /* #stickybutton,*/ /* .ticket-button,*/ /* #scroll-control .inner:before{*/ /* display: none !important;*/ /* }*/ /* .folge.eventdetails #container .mod_article.first{*/ /* margin-top: 0px;*/ /* padding: 0 !important;*/ /* }*/ /* #colorbars-header .bar_2{*/ /* width: 45vw;*/ /* }*/ /* .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet{*/ /* margin: 0 9px 0 9px;*/ /* }*/ /* #eventslider .swiper-slide-active .date_box,*/ /* #eventslider .detail-header .date_box,*/ /* #eventslider .swiper-slide-next .date_box,*/ /* #eventslider .swiper-slide-prev .date_box {*/ /* font-size: 1.8em !important;*/ /* top: -50px;*/ /* padding: 13px 10px 14px 36px;*/ /* }*/ /* .folge #eventslider .swiper-slide-active .date_box,*/ /* .folge #eventslider .detail-header .date_box,*/ /* .folge #eventslider .swiper-slide-next .date_box,*/ /* .folge #eventslider .swiper-slide-prev .date_box{*/ /* font-size: 1.6em;*/ /* padding: 16px 10px 16px 36px;*/ /* }*/ /* #eventslider .swiper-slide-active .date_box,*/ /* #eventslider .detail-header .date_box,*/ /* #eventslider .swiper-slide-next .date_box,*/ /* #eventslider .swiper-slide-prev .date_box*/ /* {*/ /* width: 73.333%;*/ /* }*/ /* #eventslider .swiper-slide-active .title_box,*/ /* #eventslider .detail-header .title_box,*/ /* #eventslider .swiper-slide-next .title_box,*/ /* #eventslider .swiper-slide-prev .title_box {*/ /* font-size: 3.4em;*/ /* padding: 36px 20px 36px 36px;*/ /* margin-top: 0 !important;*/ /* }*/ /* #eventslider .swiper-slide-active .subtitle_box,*/ /* #eventslider .detail-header .subtitle_box,*/ /* #eventslider .swiper-slide-next .subtitle_box,*/ /* #eventslider .swiper-slide-prev .subtitle_box*/ /* {*/ /* width: 94.666%;*/ /* font-size: 2.2em !important;*/ /* padding: 15px 15px 15px 40px !important;*/ /* height: 65px !important;*/ /* }*/ /* #eventslider .swiper-slide-active .first_box,*/ /* #eventslider .detail-header .first_box,*/ /* #eventslider .swiper-slide-next .first_box,*/ /* #eventslider .swiper-slide-prev .first_box*/ /* {*/ /* height: 50px;*/ /* }*/ /* #eventslider .swiper-slide-active .first_box,*/ /* #eventslider .swiper-slide-next .first_box,*/ /* #eventslider .swiper-slide-prev .first_box,*/ /* #eventslider .detail-header .first_box*/ /* {*/ /* height: 25px;*/ /* }*/ /* #eventslider .grid8,*/ /* #eventslider .grid10*/ /* {*/ /* width: 100%;*/ /* }*/ /* #eventslider{*/ /* margin: 0px 0% !important;*/ /* width: 100%;*/ /* padding-top: 52px;*/ /* }*/ /* !* Swiper-Navigation Bullets *!*/ /* #header .swiper-pagination,*/ /* .folge #main .eventslider_inner .swiper-pagination {*/ /* top: -65px;*/ /* text-align: center;*/ /* padding-right: 0;*/ /* }*/ /* .defaultform .gridelement{*/ /* width: 100%;*/ /* margin: 0px 0 !important;*/ /* }*/ /* #domicil-logo-header*/ /* {*/ /* width: 17%;*/ /* min-width: 300px;*/ /* }*/ /* #domicil-logo-header #logo{*/ /* background-size: auto 80%;*/ /* }*/ /* #main .mod_article.content-formular .defaultform .formbody .grid10 input,*/ /* #main .mod_article.content-formular .defaultform .formbody .grid10 select,*/ /* #main .mod_article.content-formular .defaultform .formbody .grid10 .select2-container,*/ /* #main .mod_article.content-formular .defaultform .formbody .grid10 div.button,*/ /* #main .mod_article.content-formular .defaultform .formbody .grid10 textarea {*/ /* max-width: 94%;*/ /* }*/ /* #header .mod_navigation.grid10{*/ /* width: 83%;*/ /* }*/ /* #header .mod_navigation ul li{*/ /* padding-left: 20px;*/ /* }*/ /* #header .mod_navigation ul li a,*/ /* #header .mod_navigation ul li .active,*/ /* #header .mod_navigation ul li .trail{*/ /* font-size: 1.6em;*/ /* }*/ /* #main .mod_article.content-text-programmlist{*/ /* padding-top: 90px;*/ /* }*/ /* .folge #main .mod_article.white-bg.margintop{*/ /* margin-top: 20px;*/ /* }*/ /* #footer{*/ /* height: 545px;*/ /* padding-top: 60px;*/ /* }*/ /* #footer .row .grid9,*/ /* #footer .row .grid3{*/ /* width: 100%;*/ /* float: none;*/ /* }*/ /* #footer .sm-bar{*/ /* padding-top: 15px;*/ /* height: 50px;*/ /* }*/ /* #footer .sm-bar,*/ /* #footer .sm-bar ul{*/ /* text-align: left;*/ /* }*/ /* #footer #copyright{*/ /* padding-top: 25px;*/ /* }*/ /* #footer .sm-bar ul li:first-child{*/ /* padding-left: 0;*/ /* }*/ /* #footer .footer-top{*/ /* padding-bottom: 15px;*/ /* }*/ /* #footer .logo img{*/ /* width: 140px;*/ /* margin-bottom: 16px;*/ /* }*/ /* #footer .claim img{*/ /* width: 230px;*/ /* }*/ /* #footer .mod_customnav{*/ /* display: none;*/ /* }*/ /* #colorbars-header .bar_1{*/ /* width: 40.2vw;*/ /* }*/ /* #colorbars-header .bar_2,*/ /* #colorbars-footer-top{*/ /* width: 65vw;*/ /* }*/ /* #colorbars-header .bar_3{*/ /* width: 35.2vw;*/ /* }*/ /* #colorbars-footer-bottom .bar_1{*/ /* bottom: -74px;*/ /* }*/ /* #colorbars-footer-bottom .bar_2{*/ /* bottom: -94px;*/ /* }*/ /* !* Hero Startseite *!*/ /* .start #hero {*/ /* width: 100%;*/ /* height: 500px;*/ /* display: block;*/ /* position: relative;*/ /* background-color: #1e1f28;*/ /* }*/ /* .start #main{*/ /* padding-top: 450px;*/ /* }*/ /* #scroll-control span{*/ /* padding-top: 56px;*/ /* }*/ /* #main p, #main ul, #main ol{*/ /* max-width: 100%;*/ /* }*/ /* .folge .defaultform .formbody .select2-container .select2-selection__choice,*/ /* .folge .defaultform .formbody .select2-container .show_more{*/ /* margin-left: -3.8%;*/ /* }*/ /* .defaultform .formbody .select2-container .show_more,*/ /* .defaultform .formbody .select2-container .select2-selection__choice{*/ /* padding: 0;*/ /* }*/ /* #main .mod_article.content-video-start .video-caption{*/ /* right: 45px;*/ /* }*/ /* #main .mod_article.content-crossteaser p:before{*/ /* left: 40%;*/ /* width: 20%;*/ /* }*/ /* #main .special_box{*/ /* margin-bottom: 20px !important;*/ /* }*/ /* .content-foerderungen .grid6{*/ /* width: 100%;*/ /* text-align: center;*/ /* }*/ /* !* Steuerpfeile Pagina *!*/ /* .swiper-button-next,*/ /* .swiper-button-prev{*/ /* display: block;*/ /* top: 92.1%;*/ /* }*/ /* !* Hamburger einblenden *!*/ /* .mod_navigation.grid10{*/ /* display: none;*/ /* }*/ /* #hamburger {*/ /* display:block;*/ /* top: -5px;*/ /* right: -7px;*/ /* }*/ /* .cookiebar__text{*/ /* margin-bottom: 10px;*/ /* display: block;*/ /* }*/ /* .cookiebar__message{*/ /* margin-bottom: 15px;*/ /* margin-right: 0;*/ /* }*/ /* */ /* !* Mobile Filter *!*/ /* .domicil-event-search .defaultform .formbody input, */ /* .domicil-event-search .defaultform .formbody select, */ /* .domicil-event-search .defaultform .formbody .select2-container, */ /* .domicil-event-search .defaultform .formbody div.button, */ /* .domicil-event-search .defaultform .formbody textarea, */ /* .domicil-event-search a.button{*/ /* margin: 0 auto !important;*/ /* padding: 20px;*/ /* font-size: 1.4em;*/ /* height: 54px !important;*/ /* margin-left: 8.5% !important;*/ /* }*/ /* */ /* .domicil-event-search .defaultform .formbody input.select2-search__field{*/ /* margin-left: 0% !important;*/ /* }*/ /* */ /* .defaultform .formbody .select2-container {*/ /* background-position: 10px center;*/ /* font-size: 0.9em;*/ /* }*/ /* */ /* .select2-container--default .select2-selection--single .select2-selection__rendered {*/ /* font-size: 1em;*/ /* line-height: 13px !important;*/ /* margin-top: -3px;*/ /* }*/ /* */ /* .domicil-event-search .defaultform .formbody #eventTypes .select2-container,*/ /* .domicil-event-search .defaultform .formbody #eventGenres .select2-container{*/ /* padding-top: 8px;*/ /* }*/ /* */ /* #eventTypes .select2-search__field, */ /* #eventGenres .select2-search__field{*/ /* font-size: 0.6em;*/ /* padding-bottom: 36px;*/ /* }*/ /* */ /* .folge .defaultform .formbody .select2-container .select2-selection__choice{*/ /* font-size: 0.6em !important;*/ /* padding-top: 8px !important;*/ /* background-color: transparent !important;*/ /* display: inline;*/ /* padding-right: 38px !important;*/ /* }*/ /* */ /* .folge .defaultform .formbody .select2-container .show_more{*/ /* display: none;*/ /* }*/ /* */ /* ul.select2-selection__rendered{*/ /* text-align: left !important;*/ /* }*/ /* */ /* .domicil-event-search .defaultform .gridelement {*/ /* width: 91.9%;*/ /* margin: 5px 0 !important;*/ /* position: relative;*/ /* }*/ /* */ /* .defaultform .formbody label {*/ /* margin: 10px 2px !important;*/ /* position: absolute;*/ /* left: 0;*/ /* top: 4px;*/ /* }*/ /* */ /* .folge .domicil-event-search .defaultform {*/ /* margin-bottom: 0;*/ /* }*/ /* */ /* .domicil-event-search {*/ /* margin-top: 0;*/ /* margin-bottom: 23px;*/ /* }*/ /* */ /* .domicil-event-search .defaultform .select2-selection--multiple {*/ /* margin-left: -9px;*/ /* }*/ /* */ /* .folge .defaultform .formbody #wishMonth .select2-container {*/ /* text-indent: 3.9%;*/ /* }*/ /* */ /* #eventTypes .select2-search__field, */ /* #eventGenres .select2-search__field {*/ /* padding-left: 6px !important;*/ /* }*/ /* */ /* .folge .defaultform .formbody .select2-container .select2-selection__choice, .folge .defaultform .formbody .select2-container .show_more {*/ /* margin-left: -4%;*/ /* }*/ /* !* Grid bei der Veranstaltungsliste *!*/ /* .mini-event-block .grid2 {*/ /* width: 22% !important;*/ /* }*/ /* .mini-event-block .grid7 {*/ /* width: 43% !important;*/ /* }*/ /* .mini-event-block .grid3 {*/ /* width: 29% !important;*/ /* }*/ /* !* Filter Hack 28.2.2020 *!*/ /* .domicil-event-search .defaultform .formbody input, .domicil-event-search .defaultform .formbody select, .domicil-event-search .defaultform .formbody .select2-container, .domicil-event-search .defaultform .formbody div.button, .domicil-event-search .defaultform .formbody textarea, .domicil-event-search a.button {*/ /* margin-left: 11.5% !important;*/ /* }*/ /* .folge .defaultform .formbody .select2-container {*/ /* background-position: 2% center;*/ /* }*/ /* .folge .defaultform .formbody .select2-container .show_more{*/ /* display: none;*/ /* }*/ /* .folge .defaultform .formbody #wishMonth .select2-container {*/ /* !*text-indent: 27px;*!*/ /* }*/ /* .domicil-event-search .defaultform .gridelement {*/ /* width: 91%;*/ /* }*/ /* .domicil-event-search .defaultform .formbody input#eventTitle {*/ /* width: 83%;*/ /* }*/ /* .domicil-event-search .defaultform .gridelement {*/ /* width: 88%;*/ /* }*/ /* .domicil-event-search .defaultform .gridelement.grid5 {*/ /* margin: -6px -1.4% !important;*/ /* width: 101.3%;*/ /* }*/ /* .defaultform .formbody .gridelement.grid5 label {*/ /* margin: 10px 2px !important;*/ /* position: absolute;*/ /* left: 12px;*/ /* top: 15px;*/ /* }*/ /* .domicil-event-search .defaultform .formbody input#eventTitle {*/ /* width: 78.8%;*/ /* }*/ /* .domicil-event-search .defaultform .formbody .search-submit {*/ /* width: 8%;*/ /* }*/ /* #eventTypes .select2-search__field, #eventGenres .select2-search__field {*/ /* padding-left: 1.1% !important;*/ /* }*/ /* !* Filter Hack 28.2.2020 ENDE *!*/ /* !* Siteinfos Veranstaltungsdetails *!*/ /* #main #eventslider_text p.siteinfos{*/ /* max-width: 100%;*/ /* }*/ /* #main #eventslider_text p.siteinfos a.button{*/ /* margin-bottom: 30px !important;*/ /* text-align: left !important;*/ /* }*/ /* #eventslider_text .special_box {*/ /* margin-top: 0;*/ /* margin-bottom: 40px;*/ /* }*/ /* #eventslider_text .special_box .flag {*/ /* width: 30%;*/ /* }*/ /* #eventslider_text .special_box .flag {*/ /* margin-left: 0;*/ /* }*/ /* .mini-event-block .day {*/ /* font-size: 2.3em;*/ /* top: 7px;*/ /* }*/ /* .domicil-event-list .typename, .domicil-event-list .genrename{*/ /* font-size: 1.6em;*/ /* }*/ /* .domicil-event-list .mini-event-block .title{*/ /* font-size: 1.7em;*/ /* margin-bottom: 4px;*/ /* }*/ /* }*/ /* * Copyright - Violution GbR Dortmund */ /* Große Smartphones (Android) z.B Galaxy */ @media only screen and (max-width: 760px){ body { /* border:3px dashed #ac28bf !important; */ } /* Ausblenden */ #header .sm-bar, .ticket-button, #top-infos .col, #video_background, .content-socialmedia, #message_container .message{ display: none; } .folge .defaultform .formbody #wishMonth .select2-container{ text-indent: 4.9%; } .select2-container--default .select2-selection--multiple .select2-selection__rendered{ padding: 0 9px !important; } #logo-nav-wrapper{ padding-top: 50px; padding-left: 2.7% !important; } .binding{ width: 100% !important; max-width: 100% !important; padding-left: 5% !important; padding-right: 5% !important; /*border: 1px solid #f0f;*/ } #hero .binding{ margin: 0; width: 100% !important; max-width: 100% !important; padding-left: 0 !important; padding-right: 0 !important; } #hero .binding .row{ margin: 0px 0 !important; width: 100% !important; min-width: 100% !important; } #hero .row.mobilpadding{ width: 96% !important; margin: 0 auto; position: relative; } #hero .row.mobilpadding .gridelement{ margin: 0px 0%; } #hero .inner .binding-wrapper{ position: relative; top: auto; width: 100%; max-width: 100%; } #main .mod_article.margintop { padding-top: 20px; } .start .domicil-event-search .ce_form{ margin-left: 0; margin-right: 0; } #hero { height: 140px; } #main .mod_article.content-twocol-color .col_1 p, #main .mod_article.content-twocol-color .col_2 p, #main .mod_article.content-onecol-color p{ padding: 0 40px; } #main .mod_article.content-twocol-color .col_1, #main .mod_article.content-twocol-color .col_2, #main .mod_article.content-onecol-color{ padding-top: 90px; padding-bottom: 80px; } #main .mod_article.content-twocol-color .subcolumns, #main .mod_article.content-onecol-color{ height: auto; } #main .mod_article.content-text-image .col_2 .bg_image_container, #main .mod_article.content-text-slider .col_2 .bg_image_container, #main .mod_article.content-text-video .col_2 .ce_swiperStart{ height: 300px; } .start #eventTypes .select2-container { background-position: 37.6% center; } .start #wishdate { background-position: 39.8% center; } .start #today { background-position: 42% center; } .folge .defaultform .formbody .select2-container .select2-selection__choice, .folge .defaultform .formbody .select2-container .show_more{ margin-left: -3.2%; } .c50l, .c50r{ width: 100%; float: none; } .start #main .mod_article.content-text-programmlist{ padding-bottom: 50px !important; } .only-mobile{ display: block; } .no-mobile{ display: none; } .totop-link{ margin-top: 25px; } /*Ausblenden*/ #stickybutton, .ticket-button, #scroll-control .inner:before{ display: none !important; } .folge.eventdetails #container .mod_article.first{ margin-top: 0px; padding: 0 !important; } #colorbars-header .bar_2{ width: 45vw; } .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet{ margin: 0 9px 0 9px; } #eventslider .swiper-slide-active .date_box, #eventslider .detail-header .date_box, #eventslider .swiper-slide-next .date_box, #eventslider .swiper-slide-prev .date_box { font-size: 1.8em !important; top: -50px; padding: 13px 10px 14px 36px; } .folge #eventslider .swiper-slide-active .date_box, .folge #eventslider .detail-header .date_box, .folge #eventslider .swiper-slide-next .date_box, .folge #eventslider .swiper-slide-prev .date_box{ font-size: 1.6em; padding: 16px 10px 16px 36px; } #eventslider .swiper-slide-active .date_box, #eventslider .detail-header .date_box, #eventslider .swiper-slide-next .date_box, #eventslider .swiper-slide-prev .date_box { width: 73.333%; } #eventslider .swiper-slide-active .title_box, #eventslider .detail-header .title_box, #eventslider .swiper-slide-next .title_box, #eventslider .swiper-slide-prev .title_box { font-size: 3.2em; padding: 30px 20px 30px 36px; margin-top: 0 !important; } #eventslider .swiper-slide-active .subtitle_box, #eventslider .detail-header .subtitle_box, #eventslider .swiper-slide-next .subtitle_box, #eventslider .swiper-slide-prev .subtitle_box { width: 94.666%; font-size: 2.2em !important; padding: 15px 15px 15px 40px !important; height: 65px !important; } #eventslider .swiper-slide-active .first_box, #eventslider .detail-header .first_box, #eventslider .swiper-slide-next .first_box, #eventslider .swiper-slide-prev .first_box { height: 50px; } #eventslider .swiper-slide-active .first_box, #eventslider .swiper-slide-next .first_box, #eventslider .swiper-slide-prev .first_box, #eventslider .detail-header .first_box { height: 25px; } #eventslider .swiper-slide, #eventslider .detail-header{ min-height: 600px; } #eventslider .grid8, #eventslider .grid10 { width: 100%; } #eventslider{ margin: 0px 0% !important; width: 100%; padding-top: 52px; } #main h1{ font-size: 3.5em; } #main h2{ font-size: 3.2em; } #main .mod_article.content-formular .defaultform .formbody .grid10 input, #main .mod_article.content-formular .defaultform .formbody .grid10 select, #main .mod_article.content-formular .defaultform .formbody .grid10 .select2-container, #main .mod_article.content-formular .defaultform .formbody .grid10 div.button, #main .mod_article.content-formular .defaultform .formbody .grid10 textarea { max-width: 94%; } /* Swiper-Navigation Bullets */ #header .swiper-pagination, .folge #main .eventslider_inner .swiper-pagination { top: -55px; text-align: center; padding-right: 0; } .defaultform .gridelement{ width: 100%; margin: 0px 0 !important; } #domicil-logo-header { width: 80%; } #domicil-logo-header #logo{ background-size: auto 100%; } #header .mod_navigation.grid10{ width: 83%; } #header .mod_navigation ul li{ padding-left: 20px; } #header .mod_navigation ul li a, #header .mod_navigation ul li .active, #header .mod_navigation ul li .trail{ font-size: 1.6em; } #main .mod_article.content-text-programmlist{ padding-top: 90px; } .folge #main .mod_article.white-bg.margintop{ margin-top: 20px; } #footer{ height: 545px; padding-top: 60px; } #footer .row .grid9, #footer .row .grid3{ width: 100%; float: none; } #footer .sm-bar{ padding-top: 15px; height: 50px; } #footer .sm-bar, #footer .sm-bar ul{ text-align: left; } #footer #copyright{ padding-top: 25px; } #footer .sm-bar ul li:first-child{ padding-left: 0; } #footer .footer-top{ padding-bottom: 15px; } #footer .logo img{ width: 140px; margin-bottom: 16px; } #footer .claim img{ width: 230px; } #footer .mod_customnav{ display: none; } #colorbars-header .bar_1{ width: 40.2vw; } #colorbars-header .bar_2, #colorbars-footer-top{ width: 65vw; } #colorbars-header .bar_3{ width: 35.2vw; } #colorbars-footer-bottom .bar_1{ bottom: -74px; } #colorbars-footer-bottom .bar_2{ bottom: -94px; } /* Hero Startseite */ .start #hero { width: 100%; height: 500px; display: block; position: relative; background-color: #1e1f28; } .start #main{ padding-top: 60px; /*padding-top: 310px;*/ } #scroll-control span{ padding-top: 56px; } #main p, #main ul, #main ol{ max-width: 100%; } .folge .defaultform .formbody .select2-container .select2-selection__choice, .folge .defaultform .formbody .select2-container .show_more{ margin-left: -3.8%; } .defaultform .formbody .select2-container .show_more, .defaultform .formbody .select2-container .select2-selection__choice{ padding: 0; } #main .mod_article.content-video-start .video-caption{ right: 45px; } #main .mod_article.content-crossteaser p:before{ left: 38%; width: 25%; height: 15px; } a.button { padding: 25px 0 23px 0; } #main .special_box{ margin-bottom: 20px !important; } .content-foerderungen .grid6{ width: 100%; text-align: center; } /* Steuerpfeile Pagina */ .swiper-button-next, .swiper-button-prev{ display: block; top: 92.1%; } #eventslider .image_wrapper{ height: 300px; } /* Hamburger einblenden */ .mod_navigation.grid10{ display: none; } #hamburger { display:block; top: -5px; right: -7px; } #hamburger .inside::before{ font-size: 1.8em; } #main .mod_article.content-crossteaser p{ height: 30px; } .cookiebar__text{ margin-bottom: 10px; display: block; } .cookiebar__message{ margin-bottom: 15px; margin-right: 0; } /* Mobile Filter */ .domicil-event-search .defaultform .formbody input, .domicil-event-search .defaultform .formbody select, .domicil-event-search .defaultform .formbody .select2-container, .domicil-event-search .defaultform .formbody div.button, .domicil-event-search .defaultform .formbody textarea, .domicil-event-search a.button{ margin: 0 auto !important; padding: 20px; font-size: 1.4em; height: 54px !important; margin-left: 11% !important; } .domicil-event-search .defaultform .formbody input.select2-search__field{ margin-left: 0% !important; } .defaultform .formbody .select2-container { background-position: 10px center; font-size: 0.9em; } .select2-container--default .select2-selection--single .select2-selection__rendered { font-size: 1em; line-height: 13px !important; margin-top: -3px; } .domicil-event-search .defaultform .formbody #eventTypes .select2-container, .domicil-event-search .defaultform .formbody #eventGenres .select2-container{ padding-top: 8px; } #eventTypes .select2-search__field, #eventGenres .select2-search__field{ font-size: 0.6em; padding-bottom: 36px; } .folge .defaultform .formbody .select2-container .select2-selection__choice{ font-size: 0.6em !important; padding-top: 8px !important; background-color: transparent !important; display: inline; padding-right: 38px !important; } .folge .defaultform .formbody .select2-container .show_more{ display: none; } ul.select2-selection__rendered{ text-align: left !important; } .domicil-event-search .defaultform .gridelement { width: 85%; margin: 5px 0 !important; position: relative; } .defaultform .formbody label { margin: 10px 2px !important; position: absolute; left: 0; top: 4px; } .mini-event-block .grid3 { width: 32% !important; } .folge .domicil-event-search .defaultform { margin-bottom: 0; } .domicil-event-search { margin-top: 0; margin-bottom: 23px; } .domicil-event-search .defaultform .select2-selection--multiple { margin-left: -9px; } .folge .defaultform .formbody #wishMonth .select2-container { text-indent: 3.9%; } #eventTypes .select2-search__field, #eventGenres .select2-search__field { padding-left: 6px !important; } .folge .defaultform .formbody .select2-container .select2-selection__choice, .folge .defaultform .formbody .select2-container .show_more { margin-left: -4%; } /* Grid bei der Veranstaltungsliste */ .mini-event-block .grid2 { width: 20% !important; } #main #programmsuche .month { margin-top: 1.2em; } /* Filter Hack 28.2.2020 */ .folge .defaultform .formbody .select2-container { background-position: 2.5% center; } .folge .defaultform .formbody .select2-container .show_more{ display: none; } .domicil-event-search .defaultform .gridelement { width: 89%; } .domicil-event-search .defaultform .gridelement.grid5 { margin: -10px -1.2% !important; width: 100%; } .defaultform .formbody .gridelement.grid5 label { margin: 10px 2px !important; position: absolute; left: 9px; top: 19px; } .domicil-event-search .defaultform .formbody input#eventTitle { width: 79.8%; } .domicil-event-search .defaultform .formbody .search-submit { width: 9%; } #eventTypes .select2-search__field, #eventGenres .select2-search__field { padding-left: 1.1% !important; } .defaultform .formbody label { font-size: 1.55em !important; } /* Filter Hack 28.2.2020 ENDE */ .start #main .mod_article.margintop{ padding-top: 0 !important; } .start #main { padding-top: 0; } #main .mod_article.content-text-slider, #main .mod_article.content-text, #main .mod_article.content-video, #main .mod_article.content-video-start, #main .mod_article.content-crossteaser, #main .mod_article.content-foerderungen, #main .mod_article.content-text-image, #main .mod_article.content-text-video, #main .mod_article.content-slideshow, #main .mod_article.content-twocol-color, #main .mod_article.content-onecol-color, #main .mod_article.content-socialmedia, #main .mod_article.content-formular, #main .mod_article.content-text-programmlist { padding-bottom: 0; } #main .mod_article.content-crossteaser{ padding-top: 30px; font-size: 2.2em; } #main .mod_article.content-twocol-color .col_1, #main .mod_article.content-twocol-color .col_2, #main .mod_article.content-onecol-color { padding-top: 45px; padding-bottom: 40px; } #main h2{ font-size: 3.3em; } .domicil-event-list{ margin-top: 0; } .domicil-event-list .mini-event-block .title { font-size: 1.8em; } .folge .domicil-event-search .defaultform { padding-top: 15px !important; } .domicil-event-list .mini-event-block .image{ height: 125px; } .domicil-event-list .mini-event-block .title { font-size: 1.6em; } .mini-event-block .grid7 { width: 42% !important; } .special_box .flag { width: 100%; margin-left: 0; } /* Siteinfos Veranstaltungsdetails */ #main #eventslider_text p.siteinfos{ max-width: 100%; } #main #eventslider_text p.siteinfos a.button{ margin-bottom: 30px !important; text-align: left !important; } #eventslider_text .special_box { margin-top: 0; margin-bottom: 40px; } #eventslider_text .special_box .flag { width: 45%; margin-left: 0; } #eventslider_text .special_box { margin-bottom: 40px !important; } .swiper-button-next, .swiper-button-prev { display: block; top: 94.1%; } #header .swiper-pagination, .folge #main .eventslider_inner .swiper-pagination { top: -44px; } /* Vereinsdienstplaner */ #monthSelector select{ width: 100%; margin-bottom: 0; } #vereinsdienstplaner tbody td.position { font-size: 1.65em; } #main .vio-blog-item-details h2.headlinelinebefore { margin-top: -0.4em; margin-bottom: 1em; font-size: 2.7em; } } /* * Copyright - Violution GbR Dortmund */ /* Große Smartphones (Android) z.B Galaxy */ @media only screen and (max-width: 690px){ body { /*border: 3px dotted #1cffd8 !important;*/ } /* Ausblenden */ #header .sm-bar, .ticket-button, #top-infos .col, #video_background, .content-socialmedia, #message_container .message{ display: none; } .folge .defaultform .formbody #wishMonth .select2-container{ text-indent: 9.4%; } .select2-container--default .select2-selection--multiple .select2-selection__rendered{ padding: 0 9px !important; } #logo-nav-wrapper{ padding-top: 50px; padding-left: 2.7% !important; } .binding{ width: 100% !important; max-width: 100% !important; padding-left: 5% !important; padding-right: 5% !important; /*border: 1px solid #f0f;*/ } #hero .binding{ margin: 0; width: 100% !important; max-width: 100% !important; padding-left: 0 !important; padding-right: 0 !important; } #hero .binding .row{ margin: 0px 0 !important; width: 100% !important; min-width: 100% !important; } #hero .row.mobilpadding{ width: 96% !important; margin: 0 auto; position: relative; } #hero .row.mobilpadding .gridelement{ margin: 0px 0%; } #hero .inner .binding-wrapper{ position: relative; top: auto; width: 100%; max-width: 100%; } .start .domicil-event-search .ce_form{ margin-left: 0; margin-right: 0; } #hero { height: 140px; } #main .mod_article.content-twocol-color .col_1 p, #main .mod_article.content-twocol-color .col_2 p, #main .mod_article.content-onecol-color p{ padding: 0 40px; } #main .mod_article.content-twocol-color .col_1, #main .mod_article.content-twocol-color .col_2, #main .mod_article.content-onecol-color{ padding-top: 90px; padding-bottom: 80px; } #main .mod_article.content-twocol-color .subcolumns, #main .mod_article.content-onecol-color{ height: auto; } .start #eventTypes .select2-container { background-position: 27% center; } .start #wishdate { background-position: 32% center; } .start #today { background-position: 35.8% center; } #main .ce_download p, #main .ce_downloads p { font-size: 1.2em; padding: 0 0 0.8em 0; max-width: 100%; } #main .mod_article.content-twocol-color .col_1 p, #main .mod_article.content-twocol-color .col_2 p, #main .mod_article.content-onecol-color p{ padding: 0 20px; } .folge .defaultform .formbody .select2-container .select2-selection__choice, .folge .defaultform .formbody .select2-container .show_more{ margin-left: -3%; } .c50l, .c50r{ width: 100%; float: none; } .start #main .mod_article.content-text-programmlist{ padding-bottom: 50px !important; } .only-mobile{ display: block; } .no-mobile{ display: none; } .totop-link{ margin-top: 25px; } /*Ausblenden*/ #stickybutton, .ticket-button, #scroll-control .inner:before{ display: none !important; } .folge.eventdetails #container .mod_article.first{ margin-top: 0px; padding: 0 !important; } #colorbars-header .bar_2{ width: 45vw; } .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet{ margin: 0 9px 0 9px; } #eventslider .swiper-slide-active .date_box, #eventslider .detail-header .date_box, #eventslider .swiper-slide-next .date_box, #eventslider .swiper-slide-prev .date_box { font-size: 1.8em !important; top: -50px; padding: 13px 10px 14px 25px; } .folge #eventslider .swiper-slide-active .date_box, .folge #eventslider .detail-header .date_box, .folge #eventslider .swiper-slide-next .date_box, .folge #eventslider .swiper-slide-prev .date_box{ font-size: 1.6em !important; padding: 13px 10px 13px 25px; top: -44px; } #eventslider .swiper-slide-active .date_box, #eventslider .detail-header .date_box, #eventslider .swiper-slide-next .date_box, #eventslider .swiper-slide-prev .date_box { width: 73.333%; } #eventslider .swiper-slide-active .title_box, #eventslider .detail-header .title_box, #eventslider .swiper-slide-next .title_box, #eventslider .swiper-slide-prev .title_box { font-size: 2.5em; padding: 18px 20px 18px 25px; margin-top: 0 !important; } #eventslider .swiper-slide-active .subtitle_box, #eventslider .detail-header .subtitle_box, #eventslider .swiper-slide-next .subtitle_box, #eventslider .swiper-slide-prev .subtitle_box { width: 94.666%; font-size: 1.8em !important; padding: 12px 15px 12px 29px !important; height: 50px !important; } #eventslider .swiper-slide-active .first_box, #eventslider .detail-header .first_box, #eventslider .swiper-slide-next .first_box, #eventslider .swiper-slide-prev .first_box { height: 50px; } #eventslider .swiper-slide-active .first_box, #eventslider .swiper-slide-next .first_box, #eventslider .swiper-slide-prev .first_box, #eventslider .detail-header .first_box { height: 25px; } #eventslider .grid8, #eventslider .grid10 { width: 100%; } #eventslider{ margin: 0px 0% !important; width: 100%; padding-top: 52px; } /* Swiper-Navigation Bullets */ #header .swiper-pagination, .folge #main .eventslider_inner .swiper-pagination { top: -40px; text-align: center; padding-right: 0; } #eventslider .swiper-slide, #eventslider .detail-header{ min-height: 390px; } .defaultform .gridelement{ width: 100%; margin: 0 0 !important; } #main .mod_article.content-formular .defaultform .formbody .grid10 input, #main .mod_article.content-formular .defaultform .formbody .grid10 select, #main .mod_article.content-formular .defaultform .formbody .grid10 .select2-container, #main .mod_article.content-formular .defaultform .formbody .grid10 div.button, #main .mod_article.content-formular .defaultform .formbody .grid10 textarea { max-width: 94%; } #main h1{ font-size: 2.8em; } #main h2{ font-size: 2.6em; } #domicil-logo-header { width: 80%; } #domicil-logo-header #logo{ background-size: auto 90%; margin-left: 15px; } #header .mod_navigation.grid10{ width: 83%; } #header .mod_navigation ul li{ padding-left: 20px; } #header .mod_navigation ul li a, #header .mod_navigation ul li .active, #header .mod_navigation ul li .trail{ font-size: 1.6em; } #main .mod_article.content-text-programmlist{ padding-top: 90px; } .folge #main .mod_article.white-bg.margintop{ margin-top: 20px; } #footer{ height: 545px; padding-top: 60px; } #footer .row .grid9, #footer .row .grid3{ width: 100%; float: none; } #footer .sm-bar{ padding-top: 15px; height: 50px; } #footer .sm-bar, #footer .sm-bar ul{ text-align: left; } #footer #copyright{ padding-top: 25px; } #footer .sm-bar ul li:first-child{ padding-left: 0; } #footer .footer-top{ padding-bottom: 15px; } #footer .logo img{ width: 140px; margin-bottom: 16px; } #footer .claim img{ width: 230px; } #footer .mod_customnav{ display: none; } #colorbars-header .bar_1{ width: 53.2vw; } #colorbars-header .bar_2, #colorbars-footer-top{ width: 100vw; } #colorbars-header .bar_3{ width: 20.5vw; } #colorbars-footer-bottom .bar_1{ bottom: -74px; } #colorbars-footer-bottom .bar_2{ bottom: -94px; } /* Hero Startseite */ .start #hero { width: 100%; height: 500px; display: block; position: relative; background-color: #1e1f28; } .start #main{ padding-top: 100px; } #scroll-control span{ padding-top: 56px; } #main p, #main ul, #main ol{ max-width: 100%; } .folge .defaultform .formbody .select2-container .select2-selection__choice, .folge .defaultform .formbody .select2-container .show_more{ margin-left: -3.8%; } .defaultform .formbody .select2-container .show_more, .defaultform .formbody .select2-container .select2-selection__choice{ padding: 0; } #main .mod_article.content-video-start .video-caption{ right: 45px; } #main .mod_article.content-crossteaser p:before{ left: 38%; width: 25%; height: 15px; } a.button { padding: 25px 0 23px 0; } #main .special_box{ margin-bottom: 20px !important; } /* Steuerpfeile Pagina */ .swiper-button-next, .swiper-button-prev{ display: block; top: 91%; } #eventslider .image_wrapper{ height: 170px; } #main .mod_article.content-text-image .col_2 .bg_image_container, #main .mod_article.content-text-slider .col_2 .bg_image_container, #main .mod_article.content-text-video .col_2 .ce_swiperStart{ height: 350px; } /* Hamburger einblenden */ .mod_navigation.grid10{ display: none; } #hamburger { display:block; top: -5px; right: -7px; } #hamburger .inside::before{ font-size: 1.8em; } #main .mod_article.content-crossteaser p{ height: 30px; } #main .mod_article.content-crossteaser { font-size: 2.1em; padding-top: 70px; } .cookiebar__text{ margin-bottom: 10px; display: block; } .cookiebar__message{ margin-bottom: 15px; margin-right: 0; } .folge .defaultform .formbody #wishMonth .select2-container { text-indent: 3.9%; } #eventTypes .select2-search__field, #eventGenres .select2-search__field { padding-left: 6px !important; } .folge .defaultform .formbody .select2-container .select2-selection__choice, .folge .defaultform .formbody .select2-container .show_more { margin-left: -4%; } .domicil-event-search .defaultform .formbody input, .domicil-event-search .defaultform .formbody select, .domicil-event-search .defaultform .formbody .select2-container, .domicil-event-search .defaultform .formbody div.button, .domicil-event-search .defaultform .formbody textarea, .domicil-event-search a.button{ margin-left: 26% !important; } .domicil-event-search .defaultform .gridelement { width: 75%; } .folge .defaultform .formbody #wishMonth .select2-container { text-indent: 8.9%; } .folge .defaultform .formbody .select2-container .select2-selection__choice, .folge .defaultform .formbody .select2-container .show_more { margin-left: -10%; } /* Grid bei der Veranstaltungsliste */ .mini-event-block .grid2 { width: 100% !important; } .mini-event-block .grid7 { width: 100% !important; margin-top: 20px; float: none !important; } .domicil-event-list .date { margin-top: 15px; } .special_box .flag { width: 80%; margin-left: 13%; } #main #programmsuche .month { margin-top: 1.2em; } /* Filter Hack 28.2.2020 */ .folge .defaultform .formbody .select2-container { background-position: 5% center; } .folge .defaultform .formbody .select2-container .show_more{ display: none; } .folge .defaultform .formbody #wishMonth .select2-container { /*text-indent: 27px;*/ } .domicil-event-search .defaultform .gridelement { width: 91%; } .domicil-event-search .defaultform .gridelement { width: 78%; } .domicil-event-search .defaultform .gridelement.grid5 { margin: -10px -7.8% !important; width: 108%; } .defaultform .formbody .gridelement.grid5 label { margin: 10px 2px !important; position: absolute; left: 7.5%; top: 20px; } .domicil-event-search .defaultform .formbody input#eventTitle { width: 59.8%; } .domicil-event-search .defaultform .formbody .search-submit { width: 12.4% !important; } #eventTypes .select2-search__field, #eventGenres .select2-search__field { padding-left: 1.1% !important; } .defaultform .formbody label { font-size: 1.55em; } /* Filter Hack 28.2.2020 ENDE */ .start #main .mod_article.margintop{ padding-top: 0 !important; } .start #main { padding-top: 60px; } #main .mod_article.content-text-slider, #main .mod_article.content-text, #main .mod_article.content-video, #main .mod_article.content-video-start, #main .mod_article.content-crossteaser, #main .mod_article.content-foerderungen, #main .mod_article.content-text-image, #main .mod_article.content-text-video, #main .mod_article.content-slideshow, #main .mod_article.content-twocol-color, #main .mod_article.content-onecol-color, #main .mod_article.content-socialmedia, #main .mod_article.content-formular, #main .mod_article.content-text-programmlist { padding-bottom: 0; } #main .mod_article.content-crossteaser{ padding-top: 30px; font-size: 2.2em; } #main .mod_article.content-twocol-color .col_1, #main .mod_article.content-twocol-color .col_2, #main .mod_article.content-onecol-color { padding-top: 45px; padding-bottom: 40px; } #main h2{ font-size: 3.6em; } .domicil-event-list .mini-event-block .title { font-size: 1.8em; } .folge .domicil-event-search .defaultform { padding-top: 15px !important; } .special_box .flag { width: 50%; margin-left: 0; } #main .special_box { margin-bottom: 0px !important; margin-top: 15px; } /* Siteinfos Veranstaltungsdetails */ #main #eventslider_text p.siteinfos{ max-width: 100%; } #main #eventslider_text p.siteinfos a.button{ margin-bottom: 30px !important; text-align: left !important; } #eventslider_text .special_box { margin-top: 0; margin-bottom: 40px; } #eventslider_text .special_box .flag { width: 65%; margin-left: 0; } #eventslider_text .special_box { margin-bottom: 40px !important; } .swiper-button-next, .swiper-button-prev { display: block; top: 97%; } #header .swiper-pagination, .folge #main .eventslider_inner .swiper-pagination { top: -20px; } /* IPhone */ .safari.start #main{ margin-top: 70px; } #main h2 { font-size: 2.7em; } #domicil-logo-header { height: 35px; } #main .mod_article.content-crossteaser { font-size: 1.8em; } .safari #eventTypes .select2-search__field, .safari #eventGenres .select2-search__field{ overflow: visible !important; border-radius: 0 !important; width: 100% !important; box-shadow: 0 !important; } .domicil-event-list .mini-event-block .image { height: 166px; } .mini-event-block .grid3 { width: 100% !important; float: none; } #vereinsdienstplaner tbody td.date, #vereinsdienstplaner tbody td.event { width: 100%; float: none; padding: 1em 0.9em; height: auto; } #vereinsdienstplaner tbody td.position { width: 100% !important; float: none; } #vereinsdienstplaner tbody td.position[data-label]:before { width: 40%; } #vereinsdienstplaner .freifeld { left: 40%; } #main .vio-blog-item .teaser h2 { line-height: 1.2em; font-size: 2.4em; margin-bottom: 20px; } #main .vio-blog-item-details h2.headlinelinebefore { margin-top: 0; margin-bottom: 1.3em; font-size: 2.4em; } #main .vio-blog-item-details .meta { margin-right: 4.8%; font-size: 1.2em; } }