header{ vertical-align: top; } /** colors */ .h1, .h2, .h3, .h4, .h5, .h6, a, h1, h2, h3, h4, h5, h6, p a { color: #fff; text-transform: none; letter-spacing: 0; } h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { color: #4ca8ae; } h3.portfolio_title{ color: #277c82; -webkit-transition: color .1s linear; -moz-transition: color .1s linear; transition: color .1s linear; } body h3, h4, h5 { font-size: 19px; } body footer h5{ font-size: 15px; } h4, .h4{ font-weight: 600; } b, strong{ font-weight: 600; } .wpb_content_element ul, .wpb_content_element ol{ margin: auto; width: 80%; } .wpb_content_element ul.alm-listing{ width: 100%; } .wpb_content_element ul li, .wpb_content_element ol li{ margin-bottom: 14px; } ul li, ol li, .ordered ol li, .q_list.circle ul>li, .q_list.number ul>li{ margin-bottom: 0; } .q_list.number.circle_number li{ margin-bottom: 10px; } .side-widget .sticky-sidebar-content img.wpml-ls-flag { width: auto; } .jahreskarte-sidebar { top: 11rem; left: -275px; transition: 0.5s left ease-in-out; /*display: none;*/ } .jahreskarte-sidebar.scroll-jahreskarte { left: 0; transition: 0.5s left ease-in-out; } .jahreskarte-sidebar:hover { left: 0; } .jahreskarte-sidebar .call_to_action { padding: 0 !important; background: transparent !important; } .jahreskarte-sidebar .call_to_action .column2.button_wrapper .qbutton { position: relative; text-align: left; margin: 0; top: 0; height: auto; line-height: 1.4em; font-size: 1.2rem; background: #F15712 !important; border: #FF8C3E solid 5px; border-left: 0; padding: 1rem 5rem 1rem 1rem !important; border-radius: 0 5rem 5rem 0; } .jahreskarte-sidebar .call_to_action .column2.button_wrapper .qbutton:after { display: block; content: '\f145'; font-family: 'FontAwesome'; /*Für Zwei Zeilen*/ /*top: 1.8rem;*/ /*font-size: 3.5rem;*/ /*Für Eine Zeile*/ top: 1.2rem; font-size: 2.4rem; right: 1rem; bottom: 0; vertical-align: middle; margin: auto; position: absolute; pointer-events: none; -webkit-animation-name: hvr-icon-pulse-grow; animation-name: hvr-icon-pulse-grow; -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-direction: alternate; } @-webkit-keyframes hvr-icon-pulse-grow { to { -webkit-transform: scale(1.1); transform: scale(1.1); } } @keyframes hvr-icon-pulse-grow { to { -webkit-transform: scale(1.1); transform: scale(1.1); } } @media only screen and (max-width: 768px){ .jahreskarte-sidebar { top: 4rem; /*left: -165px;*/ left: -180px; transition: 0.5s left ease-in-out; } .jahreskarte-sidebar .call_to_action .column2.button_wrapper .qbutton { font-size: 0.7rem; font-weight: 400; padding: 1rem 4rem 1rem 1rem !important; } .jahreskarte-sidebar .call_to_action .column2.button_wrapper .qbutton:after { /*font-size: 2.5rem;*/ /*top: 1.5rem;*/ font-size: 2rem; top: 1.1rem; right: 0.6rem; } } /** Main Colors */ /* light color */ .theme-park .qode_image_gallery_no_space.light .controls a:hover span, .theme-park .wpfc-calendar-wrapper .fc-toolbar button.fc-prev-button:hover, .theme-park .wpfc-calendar-wrapper .fc-toolbar button.fc-next-button:hover, .theme-the-park .qode_image_gallery_no_space.light .controls a:hover span, .theme-the-park .wpfc-calendar-wrapper .fc-toolbar button.fc-prev-button:hover, .theme-the-park .wpfc-calendar-wrapper .fc-toolbar button.fc-next-button:hover { color: #8dd7dc; } .theme-park .qode_image_gallery_no_space.light .controls a:hover span, .theme-park .wpfc-calendar-wrapper .fc-toolbar button.fc-prev-button:hover, .theme-park .wpfc-calendar-wrapper .fc-toolbar button.fc-next-button:hover, .theme-park article.hcalendar:after, .theme-the-park .qode_image_gallery_no_space.light .controls a:hover span, .theme-the-park .wpfc-calendar-wrapper .fc-toolbar button.fc-prev-button:hover, .theme-the-park .wpfc-calendar-wrapper .fc-toolbar button.fc-next-button:hover, .theme-the-park article.hcalendar:after { border-color: #8dd7dc; } .theme-park .light, .theme-park.light, .filter.theme-park:not(.active):hover, .maxi-filter .vc_column-inner/*, .theme-park table tr:nth-child(even)*/, .theme-the-park .light, .theme-the-park.light, .filter.theme-the-park:not(.active):hover, .maxi-filter .vc_column-inner{ background-color: #8dd7dc; } /* dark color */ .theme-park .icon_text_inner h1.icon_title, .theme-park .column_inner a:hover, .theme-park .qode_image_gallery_no_space.light .controls a span, .theme-park .wpfc-calendar-wrapper .fc-toolbar button.fc-prev-button, .theme-park .wpfc-calendar-wrapper .fc-toolbar button.fc-next-button, .theme-park .q_masonry_blog article .q_masonry_blog_post_info a, .theme-park .q_masonry_blog article .q_masonry_blog_post_info h3, .theme-the-park .icon_text_inner h1.icon_title, .theme-the-park .column_inner a:hover, .theme-the-park .qode_image_gallery_no_space.light .controls a span, .theme-the-park .wpfc-calendar-wrapper .fc-toolbar button.fc-prev-button, .theme-the-park .wpfc-calendar-wrapper .fc-toolbar button.fc-next-button, .theme-the-park .q_masonry_blog article .q_masonry_blog_post_info a, .theme-the-park .q_masonry_blog article .q_masonry_blog_post_info h3{ color: #0d8484; } .theme-park .qode_image_gallery_no_space.light .controls a span, .theme-park .wpfc-calendar-wrapper .fc-toolbar button.fc-prev-button, .theme-park .wpfc-calendar-wrapper .fc-toolbar button.fc-next-button, .projects_holder article.theme-park .item_holder .circle, .theme-park .icon_holder img, .theme-the-park .qode_image_gallery_no_space.light .controls a span, .theme-the-park .wpfc-calendar-wrapper .fc-toolbar button.fc-prev-button, .theme-the-park .wpfc-calendar-wrapper .fc-toolbar button.fc-next-button, .projects_holder article.theme-the-park .item_holder .circle, .theme-the-park .icon_holder img { border-color: #0d8484; } .theme-park .qode_image_gallery_no_space.light .controls a:hover span, .theme-park .wpfc-calendar-wrapper .fc-toolbar button.fc-prev-button:hover, .theme-park .wpfc-calendar-wrapper .fc-toolbar button.fc-next-button:hover, .theme-park .q_accordion_holder.accordion.boxed .ui-accordion-header:hover, .projects_holder article.theme-park a:hover .portfolio_description, .theme-park .more-link-container a.read_more-link, .theme-the-park .qode_image_gallery_no_space.light .controls a:hover span, .theme-the-park .wpfc-calendar-wrapper .fc-toolbar button.fc-prev-button:hover, .theme-the-park .wpfc-calendar-wrapper .fc-toolbar button.fc-next-button:hover, .theme-the-park .q_accordion_holder.accordion.boxed .ui-accordion-header:hover, .projects_holder article.theme-the-park a:hover .portfolio_description, .theme-the-park .more-link-container a.read_more-link { background-color: #0d8484; } .projects_holder article.theme-park span.text_holder, .projects_holder article.theme-the-park span.text_holder { background-color: rgba(13, 132, 132,.55); } /* mid color */ .theme-park .column_inner a, .blog_holder article .post_info a, .theme-park .q_masonry_blog article .q_masonry_blog_post_info a:hover, .theme-the-park .column_inner a, .theme-the-park .q_masonry_blog article .q_masonry_blog_post_info a:hover { color: #4ca8ae; } .theme-park .q_accordion_holder.accordion.boxed .ui-accordion-header, .theme-park .icon_holder img, .theme-park .more-link-container a.read_more-link:hover, .projects_holder article.theme-park .item_holder .circle, .filter.theme-park.active, .column2 .sidebar-hint, .theme-the-park .q_accordion_holder.accordion.boxed .ui-accordion-header, .theme-the-park .icon_holder img, .theme-the-park .more-link-container a.read_more-link:hover, .projects_holder article.theme-the-park .item_holder .circle, .filter.theme-the-park.active { background-color: #4ca8ae; } /* END */ /* Gruppen und Kurse blau */ /* light color */ .theme-gruppen-kurse .qode_image_gallery_no_space.light .controls a:hover span, .theme-gruppen-kurse .wpfc-calendar-wrapper .fc-toolbar button.fc-prev-button:hover, .theme-gruppen-kurse .wpfc-calendar-wrapper .fc-toolbar button.fc-next-button:hover, .theme-groups-courses .qode_image_gallery_no_space.light .controls a:hover span, .theme-groups-courses .wpfc-calendar-wrapper .fc-toolbar button.fc-prev-button:hover, .theme-groups-courses .wpfc-calendar-wrapper .fc-toolbar button.fc-next-button:hover { color: #a4c4de; } .theme-gruppen-kurse .qode_image_gallery_no_space.light .controls a:hover span, .theme-gruppen-kurse .wpfc-calendar-wrapper .fc-toolbar button.fc-prev-button:hover, .theme-gruppen-kurse .wpfc-calendar-wrapper .fc-toolbar button.fc-next-button:hover, .theme-gruppen-kurse article.hcalendar:after, .theme-groups-courses .qode_image_gallery_no_space.light .controls a:hover span, .theme-groups-courses .wpfc-calendar-wrapper .fc-toolbar button.fc-prev-button:hover, .theme-groups-courses .wpfc-calendar-wrapper .fc-toolbar button.fc-next-button:hover, .theme-groups-courses article.hcalendar:after { border-color: #a4c4de; } .theme-gruppen-kurse .light, .theme-gruppen-kurse.light, .theme-groups-courses .light, .theme-groups-courses.light { background-color: #a4c4de; } /* dark color */ .theme-gruppen-kurse .icon_text_inner h1.icon_title, .theme-gruppen-kurse .column_inner a:hover, .theme-gruppen-kurse .qode_image_gallery_no_space.light .controls a span, .theme-gruppen-kurse .wpfc-calendar-wrapper .fc-toolbar button.fc-prev-button, .theme-gruppen-kurse .wpfc-calendar-wrapper .fc-toolbar button.fc-next-button, .theme-groups-courses .icon_text_inner h1.icon_title, .theme-groups-courses .column_inner a:hover, .theme-groups-courses .qode_image_gallery_no_space.light .controls a span, .theme-groups-courses .wpfc-calendar-wrapper .fc-toolbar button.fc-prev-button, .theme-groups-courses .wpfc-calendar-wrapper .fc-toolbar button.fc-next-button { color: #1c6bad; } .theme-gruppen-kurse .qode_image_gallery_no_space.light .controls a span, .theme-gruppen-kurse .wpfc-calendar-wrapper .fc-toolbar button.fc-prev-button, .theme-gruppen-kurse .wpfc-calendar-wrapper .fc-toolbar button.fc-next-button, .projects_holder article.theme-gruppen-kurse .item_holder .circle, .theme-gruppen-kurse .icon_holder img, .theme-gruppen-kurse .q_accordion_holder.boxed div.accordion_content img.vc_single_image-img, .theme-groups-courses .qode_image_gallery_no_space.light .controls a span, .theme-groups-courses .wpfc-calendar-wrapper .fc-toolbar button.fc-prev-button, .theme-groups-courses .wpfc-calendar-wrapper .fc-toolbar button.fc-next-button, .projects_holder article.theme-groups-courses .item_holder .circle, .theme-groups-courses .icon_holder img, .theme-groups-courses .q_accordion_holder.boxed div.accordion_content img.vc_single_image-img { border-color: #1c6bad; } .theme-gruppen-kurse .qode_image_gallery_no_space.light .controls a:hover span, .theme-gruppen-kurse .wpfc-calendar-wrapper .fc-toolbar button.fc-prev-button:hover, .theme-gruppen-kurse .wpfc-calendar-wrapper .fc-toolbar button.fc-next-button:hover, .theme-gruppen-kurse .q_accordion_holder.accordion.boxed .ui-accordion-header:hover, .projects_holder article.theme-gruppen-kurse a:hover .portfolio_description, .theme-gruppen-kurse .more-link-container a.read_more-link, .filter.theme-gruppen-kurse.active, .theme-gruppen-kurse .q_accordion_holder a.qbutton, .theme-gruppen-kurse .portfolio_content input.wpcf7-submit, .theme-groups-courses .qode_image_gallery_no_space.light .controls a:hover span, .theme-groups-courses .wpfc-calendar-wrapper .fc-toolbar button.fc-prev-button:hover, .theme-groups-courses .wpfc-calendar-wrapper .fc-toolbar button.fc-next-button:hover, .theme-groups-courses .q_accordion_holder.accordion.boxed .ui-accordion-header:hover, .projects_holder article.theme-groups-courses a:hover .portfolio_description, .theme-groups-courses .more-link-container a.read_more-link, .filter.theme-groups-courses.active, .theme-groups-courses .q_accordion_holder a.qbutton, .theme-groups-courses .portfolio_content input.wpcf7-submit { background-color: #1c6bad !important; } .projects_holder article.theme-gruppen-kurse span.text_holder, .projects_holder article.theme-groups-courses span.text_holder { background-color: rgba(28, 107, 173,.55); } /* mid color */ .theme-gruppen-kurse .column_inner a, .theme-gruppen-kurse .q_masonry_blog article .q_masonry_blog_post_info a:hover, .theme-groups-courses .column_inner a, .theme-groups-courses .q_masonry_blog article .q_masonry_blog_post_info a:hover{ color: #6097c6; } .theme-gruppen-kurse .q_accordion_holder.accordion.boxed .ui-accordion-header, .theme-gruppen-kurse .icon_holder img, .theme-gruppen-kurse .more-link-container a.read_more-link:hover, .projects_holder article.theme-gruppen-kurse .item_holder .circle, .filter.theme-gruppen-kurse:not(.active):hover, .theme-gruppen-kurse .q_accordion_holder a.qbutton:hover, .theme-gruppen-kurse .portfolio_content input.wpcf7-submit:hover, .theme-groups-courses .q_accordion_holder.accordion.boxed .ui-accordion-header, .theme-groups-courses .icon_holder img, .theme-groups-courses .more-link-container a.read_more-link:hover, .projects_holder article.theme-groups-courses .item_holder .circle, .filter.theme-groups-courses:not(.active):hover, .theme-groups-courses .q_accordion_holder a.qbutton:hover, .theme-groups-courses .portfolio_content input.wpcf7-submit:hover { background-color: #6097c6 !important; } /* END */ /* Spielen und Toben */ /* light color */ .theme-spielen-toben .qode_image_gallery_no_space.light .controls a:hover span, .theme-playing-romping .qode_image_gallery_no_space.light .controls a:hover span, .theme-spielen-toben .wpfc-calendar-wrapper .fc-toolbar button.fc-prev-button:hover, .theme-playing-romping .wpfc-calendar-wrapper .fc-toolbar button.fc-prev-button:hover, .theme-spielen-toben .wpfc-calendar-wrapper .fc-toolbar button.fc-next-button:hover, .theme-playing-romping .wpfc-calendar-wrapper .fc-toolbar button.fc-next-button:hover{ color: #cee7bd; } .theme-spielen-toben .qode_image_gallery_no_space.light .controls a:hover span, .theme-playing-romping .qode_image_gallery_no_space.light .controls a:hover span, .theme-spielen-toben .wpfc-calendar-wrapper .fc-toolbar button.fc-prev-button:hover, .theme-playing-romping .wpfc-calendar-wrapper .fc-toolbar button.fc-prev-button:hover, .theme-spielen-toben .wpfc-calendar-wrapper .fc-toolbar button.fc-next-button:hover, .theme-playing-romping .wpfc-calendar-wrapper .fc-toolbar button.fc-next-button:hover, .theme-spielen-toben article.hcalendar:after, .theme-playing-romping article.hcalendar:after{ border-color: #cee7bd; } .theme-spielen-toben .light, .theme-spielen-toben.light, .theme-spielen-toben .light, .theme-playing-romping.light{ background-color: #cee7bd; } /* dark color */ .theme-spielen-toben .icon_text_inner h1.icon_title, .theme-playing-romping .icon_text_inner h1.icon_title, .theme-spielen-toben .column_inner a:hover, .theme-playing-romping .column_inner a:hover, .theme-spielen-toben .qode_image_gallery_no_space.light .controls a span, .theme-playing-romping .qode_image_gallery_no_space.light .controls a span, .theme-spielen-toben .wpfc-calendar-wrapper .fc-toolbar button.fc-prev-button, .theme-playing-romping .wpfc-calendar-wrapper .fc-toolbar button.fc-prev-button, .theme-spielen-toben .wpfc-calendar-wrapper .fc-toolbar button.fc-next-button, .theme-playing-romping .wpfc-calendar-wrapper .fc-toolbar button.fc-next-button, .theme-spielen-toben .q_masonry_blog article .q_masonry_blog_post_info a, .theme-playing-romping .q_masonry_blog article .q_masonry_blog_post_info a, .theme-spielen-toben .q_masonry_blog article .q_masonry_blog_post_info h3, .theme-playing-romping .q_masonry_blog article .q_masonry_blog_post_info h3 { color: #85c259; } .theme-spielen-toben .qode_image_gallery_no_space.light .controls a span, .theme-playing-romping .qode_image_gallery_no_space.light .controls a span, .theme-spielen-toben .wpfc-calendar-wrapper .fc-toolbar button.fc-prev-button, .theme-playing-romping .wpfc-calendar-wrapper .fc-toolbar button.fc-prev-button, .theme-spielen-toben .wpfc-calendar-wrapper .fc-toolbar button.fc-next-button, .theme-playing-romping .wpfc-calendar-wrapper .fc-toolbar button.fc-next-button, .projects_holder article.theme-spielen-toben .item_holder .circle, .projects_holder article.theme-playing-romping .item_holder .circle, .theme-spielen-toben .icon_holder img, .theme-playing-romping .icon_holder img { border-color: #85c259; } .theme-spielen-toben .qode_image_gallery_no_space.light .controls a:hover span, .theme-playing-romping .qode_image_gallery_no_space.light .controls a:hover span, .theme-spielen-toben .wpfc-calendar-wrapper .fc-toolbar button.fc-prev-button:hover, .theme-playing-romping .wpfc-calendar-wrapper .fc-toolbar button.fc-prev-button:hover, .theme-spielen-toben .wpfc-calendar-wrapper .fc-toolbar button.fc-next-button:hover, .theme-playing-romping .wpfc-calendar-wrapper .fc-toolbar button.fc-next-button:hover, .theme-spielen-toben .q_accordion_holder.accordion.boxed .ui-accordion-header:hover, .theme-playing-romping .q_accordion_holder.accordion.boxed .ui-accordion-header:hover, .projects_holder article.theme-spielen-toben a:hover .portfolio_description, .projects_holder article.theme-playing-romping a:hover .portfolio_description, .theme-spielen-toben .more-link-container a.read_more-link, .theme-playing-romping .more-link-container a.read_more-link, .filter.theme-spielen-toben.active, .filter.theme-playing-romping.active { background-color: #85c259; } .projects_holder article.theme-spielen-toben span.text_holder, .projects_holder article.theme-playing-romping span.text_holder{ background-color: rgba(133, 194, 89,.55); } /* mid color */ .theme-spielen-toben .column_inner a, .theme-playing-romping .column_inner a, .theme-spielen-toben .q_masonry_blog article .q_masonry_blog_post_info a:hover, .theme-playing-romping .q_masonry_blog article .q_masonry_blog_post_info a:hover{ color: #a9d48b; } .theme-spielen-toben .q_accordion_holder.accordion.boxed .ui-accordion-header, .theme-playing-romping .q_accordion_holder.accordion.boxed .ui-accordion-header, .theme-spielen-toben .icon_holder img, .theme-playing-romping .icon_holder img, .theme-spielen-toben .more-link-container a.read_more-link:hover, .theme-playing-romping .more-link-container a.read_more-link:hover, .projects_holder article.theme-spielen-toben .item_holder .circle, .projects_holder article.theme-playing-romping .item_holder .circle, .projects_holder article.theme-playing-romping .item_holder .circle, .projects_holder article.theme-playing-romping .item_holder .circle, .filter.theme-spielen-toben:not(.active):hover, .filter.theme-playing-romping:not(.active):hover { background-color: #a9d48b; } /* END */ /* Veranstaltungen orange */ /* light color */ .theme-veranstaltungen .qode_image_gallery_no_space.light .controls a:hover span, .theme-veranstaltungen .wpfc-calendar-wrapper .fc-toolbar button.fc-prev-button:hover, .theme-veranstaltungen .wpfc-calendar-wrapper .fc-toolbar button.fc-next-button:hover, .theme-events .qode_image_gallery_no_space.light .controls a:hover span, .theme-events .wpfc-calendar-wrapper .fc-toolbar button.fc-prev-button:hover, .theme-events .wpfc-calendar-wrapper .fc-toolbar button.fc-next-button:hover { color: #f8a667; } .theme-veranstaltungen .qode_image_gallery_no_space.light .controls a:hover span, .theme-veranstaltungen .wpfc-calendar-wrapper .fc-toolbar button.fc-prev-button:hover, .theme-veranstaltungen .wpfc-calendar-wrapper .fc-toolbar button.fc-next-button:hover, .theme-veranstaltungen article.hcalendar:after, .theme-events .qode_image_gallery_no_space.light .controls a:hover span, .theme-events .wpfc-calendar-wrapper .fc-toolbar button.fc-prev-button:hover, .theme-events .wpfc-calendar-wrapper .fc-toolbar button.fc-next-button:hover, .theme-events article.hcalendar:after { border-color: #f8a667; } .theme-veranstaltungen .light, .theme-veranstaltungen.light, .theme-events .light, .theme-veranstaltungen.light{ background-color: #f8a667; } /* dark color */ .theme-veranstaltungen .icon_text_inner h1.icon_title, .theme-veranstaltungen .icon_text_inner h5.icon_title, .theme-veranstaltungen .column_inner a:hover, .theme-veranstaltungen .qode_image_gallery_no_space.light .controls a span, .theme-veranstaltungen .wpfc-calendar-wrapper .fc-toolbar button.fc-prev-button, .theme-veranstaltungen .wpfc-calendar-wrapper .fc-toolbar button.fc-next-button, .theme-veranstaltungen .q_masonry_blog article .q_masonry_blog_post_info a, .theme-veranstaltungen .q_masonry_blog article .q_masonry_blog_post_info h3, .theme-events .icon_text_inner h1.icon_title, .theme-events .icon_text_inner h5.icon_title, .theme-events .column_inner a:hover, .theme-events .qode_image_gallery_no_space.light .controls a span, .theme-events .wpfc-calendar-wrapper .fc-toolbar button.fc-prev-button, .theme-events .wpfc-calendar-wrapper .fc-toolbar button.fc-next-button, .theme-events .q_masonry_blog article .q_masonry_blog_post_info a, .theme-events .q_masonry_blog article .q_masonry_blog_post_info h3 { color: #f25712; } .theme-veranstaltungen .qode_image_gallery_no_space.light .controls a span, .theme-veranstaltungen .wpfc-calendar-wrapper .fc-toolbar button.fc-prev-button, .theme-veranstaltungen .wpfc-calendar-wrapper .fc-toolbar button.fc-next-button, .projects_holder article.theme-veranstaltungen .item_holder .circle, .theme-veranstaltungen .icon_holder img, .theme-events .qode_image_gallery_no_space.light .controls a span, .theme-events .wpfc-calendar-wrapper .fc-toolbar button.fc-prev-button, .theme-events .wpfc-calendar-wrapper .fc-toolbar button.fc-next-button, .projects_holder article.theme-events .item_holder .circle, .theme-events .icon_holder img { border-color: #f25712; } .theme-veranstaltungen .qode_image_gallery_no_space.light .controls a:hover span, .theme-veranstaltungen .wpfc-calendar-wrapper .fc-toolbar button.fc-prev-button:hover, .theme-veranstaltungen .wpfc-calendar-wrapper .fc-toolbar button.fc-next-button:hover, .theme-veranstaltungen .q_accordion_holder.accordion.boxed .ui-accordion-header:hover, .projects_holder article.theme-veranstaltungen a:hover .portfolio_description, .theme-veranstaltungen /*.more-link-container*/ a.read_more-link, .theme-veranstaltungen #submit_comment, .filter.theme-veranstaltungen.active, .theme-veranstaltungen .qbutton, .theme-events .qode_image_gallery_no_space.light .controls a:hover span, .theme-events .wpfc-calendar-wrapper .fc-toolbar button.fc-prev-button:hover, .theme-events .wpfc-calendar-wrapper .fc-toolbar button.fc-next-button:hover, .theme-events .q_accordion_holder.accordion.boxed .ui-accordion-header:hover, .projects_holder article.theme-events a:hover .portfolio_description, .theme-events /*.more-link-container*/ a.read_more-link, .theme-events #submit_comment, .filter.theme-events.active, .theme-events .qbutton { background-color: #f25712; } .projects_holder article.theme-veranstaltungen span.text_holder, .projects_holder article.theme-events span.text_holder { background-color: rgba(242, 87, 18,.55); } /* mid color */ .theme-veranstaltungen .column_inner a, .theme-veranstaltungen .q_masonry_blog article .q_masonry_blog_post_info a:hover, .theme-events .column_inner a, .theme-events .q_masonry_blog article .q_masonry_blog_post_info a:hover { color: #ff8c3e; } .theme-veranstaltungen .q_accordion_holder.accordion.boxed .ui-accordion-header, .theme-veranstaltungen .icon_holder img, .theme-veranstaltungen /*.more-link-container*/ a.read_more-link:hover, .projects_holder article.theme-veranstaltungen .item_holder .circle, .filter.theme-veranstaltungen:not(.active):hover, .theme-veranstaltungen #submit_comment:hover, .theme-veranstaltungen .qbutton:hover, .theme-events .q_accordion_holder.accordion.boxed .ui-accordion-header, .theme-events .icon_holder img, .theme-events /*.more-link-container*/ a.read_more-link:hover, .projects_holder article.theme-events .item_holder .circle, .filter.theme-events:not(.active):hover, .theme-events #submit_comment:hover, .theme-events .qbutton:hover { background-color: #ff8c3e; } /* END */ .theme-search .icon_text_inner h1.icon_title{ color:#f25712; } .theme-search .icon_holder img, .side-widget.theme-search .icon_holder img{ border-color: #ff8c3e; background-color: #f25712; } .side-widget.theme-search:hover .icon_holder img{ background-color: #f8a667; } .search-everything-highlight{ background: rgba(248, 166, 103); /* Fallback */ background-color: rgba(248, 166, 103, 0.4); } /* Vermietung gelb */ /* light color */ .theme-vermietung .qode_image_gallery_no_space.light .controls a:hover span, .theme-rental .qode_image_gallery_no_space.light .controls a:hover span/*, .theme-vermietung .wpfc-calendar-wrapper .fc-toolbar button.fc-prev-button:hover, .theme-vermietung .wpfc-calendar-wrapper .fc-toolbar button.fc-next-button:hover*/{ color: #f9d680; } .theme-vermietung .qode_image_gallery_no_space.light .controls a:hover span,/* .theme-vermietung .wpfc-calendar-wrapper .fc-toolbar button.fc-prev-button:hover, .theme-vermietung .wpfc-calendar-wrapper .fc-toolbar button.fc-next-button:hover,*/ .theme-vermietung article.hcalendar:after, .theme-rental .qode_image_gallery_no_space.light .controls a:hover span, .theme-rental article.hcalendar:after{ border-color: #f9d680; } .theme-vermietung .light, .theme-vermietung.light, .theme-rental .light, .theme-rental.light{ background-color: #f9d680; } /* dark color */ .theme-vermietung .icon_text_inner h1.icon_title, .theme-vermietung .column_inner a:hover, .theme-vermietung .qode_image_gallery_no_space.light .controls a span, /*.theme-vermietung .wpfc-calendar-wrapper .fc-toolbar button.fc-prev-button, .theme-vermietung .wpfc-calendar-wrapper .fc-toolbar button.fc-next-button,*/ .theme-vermietung .q_masonry_blog article .q_masonry_blog_post_info a, .theme-vermietung .q_masonry_blog article .q_masonry_blog_post_info h3, .theme-rental .icon_text_inner h1.icon_title, .theme-rental .column_inner a:hover, .theme-rental .qode_image_gallery_no_space.light .controls a span, .theme-rental .q_masonry_blog article .q_masonry_blog_post_info a, .theme-rental .q_masonry_blog article .q_masonry_blog_post_info h3{ color: #f1ae00; } .theme-vermietung .qode_image_gallery_no_space.light .controls a span, /*.theme-vermietung .wpfc-calendar-wrapper .fc-toolbar button.fc-prev-button, .theme-vermietung .wpfc-calendar-wrapper .fc-toolbar button.fc-next-button,*/ .projects_holder article.theme-vermietung .item_holder .circle, .theme-vermietung .icon_holder img, .theme-rental .qode_image_gallery_no_space.light .controls a span, .projects_holder article.theme-rental .item_holder .circle, .theme-rental .icon_holder img { border-color: #f1ae00; } .theme-vermietung .qode_image_gallery_no_space.light .controls a:hover span, /*.theme-vermietung .wpfc-calendar-wrapper .fc-toolbar button.fc-prev-button:hover, .theme-vermietung .wpfc-calendar-wrapper .fc-toolbar button.fc-next-button:hover,*/ .theme-vermietung .q_accordion_holder.accordion.boxed .ui-accordion-header:hover, .projects_holder article.theme-vermietung a:hover .portfolio_description, .theme-vermietung .more-link-container a.read_more-link, .filter.theme-vermietung.active, .theme-rental .qode_image_gallery_no_space.light .controls a:hover span, .theme-rental .q_accordion_holder.accordion.boxed .ui-accordion-header:hover, .projects_holder article.theme-rental a:hover .portfolio_description, .theme-rental .more-link-container a.read_more-link, .filter.theme-rental.active { background-color: #f1ae00; } .projects_holder article.theme-vermietung span.text_holder, .projects_holder article.theme-rental span.text_holder { background-color: rgba(241, 174, 0,.55); } /* mid color */ .theme-vermietung .column_inner a, .theme-vermietung .q_masonry_blog article .q_masonry_blog_post_info a:hover, .theme-rental .column_inner a, .theme-rental .q_masonry_blog article .q_masonry_blog_post_info a:hover{ color: #f6c64d; } .theme-vermietung .q_accordion_holder.accordion.boxed .ui-accordion-header, .theme-vermietung .icon_holder img, .theme-vermietung .more-link-container a.read_more-link:hover, .projects_holder article.theme-vermietung .item_holder .circle, .filter.theme-vermietung:not(.active):hover, .theme-rental .q_accordion_holder.accordion.boxed .ui-accordion-header, .theme-rental .icon_holder img, .theme-rental .more-link-container a.read_more-link:hover, .projects_holder article.theme-rental .item_holder .circle, .filter.theme-rental:not(.active):hover { background-color: #f6c64d; } /* END */ /* Schmetterlingshaus lila */ /* light color */ .theme-schmetterlingshaus .qode_image_gallery_no_space.light .controls a:hover span, .theme-schmetterlingshaus .wpfc-calendar-wrapper .fc-toolbar button.fc-prev-button:hover, .theme-schmetterlingshaus .wpfc-calendar-wrapper .fc-toolbar button.fc-next-button:hover, .theme-butterfly-house .qode_image_gallery_no_space.light .controls a:hover span, .theme-butterfly-house .wpfc-calendar-wrapper .fc-toolbar button.fc-prev-button:hover, .theme-butterfly-house .wpfc-calendar-wrapper .fc-toolbar button.fc-next-button:hover { color: #e2d2ec; } .theme-schmetterlingshaus .qode_image_gallery_no_space.light .controls a:hover span, .theme-schmetterlingshaus .wpfc-calendar-wrapper .fc-toolbar button.fc-prev-button:hover, .theme-schmetterlingshaus .wpfc-calendar-wrapper .fc-toolbar button.fc-next-button:hover, .theme-schmetterlingshaus article.hcalendar:after, .theme-butterfly-house .qode_image_gallery_no_space.light .controls a:hover span, .theme-butterfly-house .wpfc-calendar-wrapper .fc-toolbar button.fc-prev-button:hover, .theme-butterfly-house .wpfc-calendar-wrapper .fc-toolbar button.fc-next-button:hover, .theme-butterfly-house article.hcalendar:after { border-color: #e2d2ec; } .theme-schmetterlingshaus .light, .theme-schmetterlingshaus.light, .theme-butterfly-house .light, .theme-butterfly-house.light { background-color: #e2d2ec; } /* dark color */ .theme-schmetterlingshaus .icon_text_inner h1.icon_title, .theme-schmetterlingshaus .column_inner a:hover, .theme-schmetterlingshaus .qode_image_gallery_no_space.light .controls a span, .theme-schmetterlingshaus .wpfc-calendar-wrapper .fc-toolbar button.fc-prev-button, .theme-schmetterlingshaus .wpfc-calendar-wrapper .fc-toolbar button.fc-next-button, .theme-schmetterlingshaus .q_masonry_blog article .q_masonry_blog_post_info a, .theme-schmetterlingshaus .q_masonry_blog article .q_masonry_blog_post_info h3, .theme-butterfly-house .icon_text_inner h1.icon_title, .theme-butterfly-house .column_inner a:hover, .theme-butterfly-house .qode_image_gallery_no_space.light .controls a span, .theme-butterfly-house .wpfc-calendar-wrapper .fc-toolbar button.fc-prev-button, .theme-butterfly-house .wpfc-calendar-wrapper .fc-toolbar button.fc-next-button, .theme-butterfly-house .q_masonry_blog article .q_masonry_blog_post_info a, .theme-butterfly-house .q_masonry_blog article .q_masonry_blog_post_info h3 { color: #b88fcf; } .theme-schmetterlingshaus .qode_image_gallery_no_space.light .controls a span, .theme-schmetterlingshaus .wpfc-calendar-wrapper .fc-toolbar button.fc-prev-button, .theme-schmetterlingshaus .wpfc-calendar-wrapper .fc-toolbar button.fc-next-button, .projects_holder article.theme-schmetterlingshaus .item_holder .circle, .theme-schmetterlingshaus .icon_holder img, .theme-butterfly-house .qode_image_gallery_no_space.light .controls a span, .theme-butterfly-house .wpfc-calendar-wrapper .fc-toolbar button.fc-prev-button, .theme-butterfly-house .wpfc-calendar-wrapper .fc-toolbar button.fc-next-button, .projects_holder article.theme-butterfly-house .item_holder .circle, .theme-butterfly-house .icon_holder img { border-color: #b88fcf; } .theme-schmetterlingshaus .qode_image_gallery_no_space.light .controls a:hover span, .theme-schmetterlingshaus .wpfc-calendar-wrapper .fc-toolbar button.fc-prev-button:hover, .theme-schmetterlingshaus .wpfc-calendar-wrapper .fc-toolbar button.fc-next-button:hover, .theme-schmetterlingshaus .q_accordion_holder.accordion.boxed .ui-accordion-header:hover, .projects_holder article.theme-schmetterlingshaus a:hover .portfolio_description, .theme-schmetterlingshaus .more-link-container a.read_more-link, .nofilter.theme-schmetterlingshaus.active, .theme-butterfly-house .qode_image_gallery_no_space.light .controls a:hover span, .theme-butterfly-house .wpfc-calendar-wrapper .fc-toolbar button.fc-prev-button:hover, .theme-butterfly-house .wpfc-calendar-wrapper .fc-toolbar button.fc-next-button:hover, .theme-butterfly-house .q_accordion_holder.accordion.boxed .ui-accordion-header:hover, .projects_holder article.theme-butterfly-house a:hover .portfolio_description, .theme-butterfly-house .more-link-container a.read_more-link, .nofilter.theme-butterfly-house.active { background-color: #b88fcf; } .projects_holder article.theme-schmetterlingshaus span.text_holder, .projects_holder article.theme-butterfly-house span.text_holder { background-color: rgba(184, 143, 207,.55); } /* mid color */ .theme-schmetterlingshaus .column_inner a, .theme-schmetterlingshaus .q_masonry_blog article .q_masonry_blog_post_info a:hover, .theme-butterfly-house .column_inner a, .theme-butterfly-house .q_masonry_blog article .q_masonry_blog_post_info a:hover { color: #cdb0dd; } .theme-schmetterlingshaus .q_accordion_holder.accordion.boxed .ui-accordion-header, .theme-schmetterlingshaus .icon_holder img, .theme-schmetterlingshaus .more-link-container a.read_more-link:hover, .projects_holder article.theme-schmetterlingshaus .item_holder .circle, .nofilter.theme-schmetterlingshaus:not(.active):hover, .theme-butterfly-house .q_accordion_holder.accordion.boxed .ui-accordion-header, .theme-butterfly-house .icon_holder img, .theme-butterfly-house .more-link-container a.read_more-link:hover, .projects_holder article.theme-butterfly-house .item_holder .circle, .nofilter.theme-butterfly-house:not(.active):hover { background-color: #cdb0dd; } /* END */ /* park logo orange */ .column2 .sidebar-tipp, .fc-row .fc-content-skeleton tbody td.fc-event-container{ background-color: #ee7202; text-align: center; } .theme-service .light, .theme-service.light{ background-color: #efe8db; } .theme-service.light h1.icon_title, .theme-service.light .column_inner a, .projects_holder .theme-service a h3.portfolio_title{ color: #cdb48a; } .theme-service .mid{ background-color: #e0d2b8; } .theme-service .dark, article.theme-service .dark{ background-color: #cdb48a; } .theme-service .dark.border, article.theme-service .dark.border{ border-color: #efe8db; } .filter_holder ul li:first-child:not(.active):hover{ background-color:#4ca8ae; } .filter_holder ul li:first-child.active{ background-color:#F25813; } a:hover, p a:hover, .q_accordion_holder.accordion.boxed .ui-accordion-header, .projects_holder a:hover h3.portfolio_title{ color: #fff; } p, .date { color: #444; } p sup{ vertical-align: top; } /** END */ #commentform .column3{ display: none; } /* icons */ article.theme-spielen-toben .icon, article.theme-playing-romping .icon { background-image: url(../img/icons/icon-spielentoben.png); } article.theme-vermietung .icon, article.theme-rental .icon { background-image: url(../img/icons/icon-vermietung.png); } article.theme-park .icon, article.theme-the-park .icon { background-image: url(../img/icons/icon-park.png); } article.theme-veranstaltungen .icon, article.theme-events .icon { background-image: url(../img/icons/icon-veranstaltungen.png); } article.theme-gruppen-kurse .icon, article.theme-groups-courses .icon { background-image: url(../img/icons/icon-gruppen-kurse.png); } article.theme-schmetterlingshaus .icon, article.theme-butterfly-house .icon { background-image: url(../img/icons/icon-schmetterlingshaus.png); } /* backgrounds */ body .bg{ background-position: bottom; background-repeat: no-repeat; } .theme-spielen-toben .bg, .theme-playing-romping .bg { background-image: url(../img/bgs/bg-spielen-toben.png); } .theme-gruppen-kurse .bg, .theme-groups-courses .bg { background-image: url(../img/bgs/bg-gruppen-kurse.png); } .theme-schmetterlingshaus .bg, .theme-butterfly-house .bg { background-image: url(../img/bgs/bg-schmetterlingshaus.png); } .theme-park .bg, .theme-the-park .bg { background-image: url(../img/bgs/bg-park.png); } .theme-veranstaltungen .bg, .theme-events .bg { background-image: url(../img/bgs/bg-veranstaltungen.png); } .theme-vermietung .bg, .theme-rental .bg { background-image: url(../img/bgs/bg-vermietung.png); } /** */ body{ font-size: 1.1em; line-height: 1.8em; } .filter_holder_bg{ background-position: top!important; background-repeat: no-repeat!important; } /*.single-portfolio_page .page_header,*/ body:not([class*=home]):not([class*=page-nacht]):not([class*=page-herbstleuchten]) .page_header{ background-color: #4ca8ae; height: 240px; background: url(../img/bgs/header_small.png) no-repeat bottom; background-size: cover; } body:not([class*=home]):not([class*=page-nacht]):not([class*=page-herbstleuchten]) .content { margin-top: 0px; } header { top: 0!important; margin-top: 0!important; display: block; } .content, .content .container, .full_width { background-color: inherit; } .menu_icon_holder_sidebar{ display: none; } .side-widget{ position: fixed; top:240px; right:0px; width: 72px; height: auto; color: #fff; z-index: 1100; border-bottom-width: 6px; -webkit-transition: top 0.2s ease-in-out; -moz-transition: top 0.2s ease-in-out; -o-transition: top 0.2s ease-in-out; -ms-transition: top 0.2s ease-in-out; transition: top 0.2s ease-in-out; } .side-widget:hover{ /*background-color: #277c82;*/ } .side-widget:hover .sticky-sidebar-content{ left: 0px; -webkit-box-shadow: 0px 0px 26px -5px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 26px -5px rgba(0,0,0,0.75); box-shadow: 0px 0px 26px -5px rgba(0,0,0,0.75); } .side-widget:hover .sticky-sidebar-content2{ left: -124px; /*display: none;*/ -webkit-box-shadow: 0px 0px 26px -5px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 26px -5px rgba(0,0,0,0.75); box-shadow: 0px 0px 26px -5px rgba(0,0,0,0.75); } .side-widget .sticky-sidebar-content{ position: absolute; display: inline-block; float: left; width: 72px; height: 312px; margin-top: -45px; padding: 44px 8px 68px; text-align: center; z-index: 10; background-color: #277c82; left: -1px; -webkit-transition: left .5s ease; -moz-transition: left .5s ease; -ms-transition: left .5s ease; -o-transition: left .5s ease; transition: left .5s ease; } .side-widget .sticky-sidebar-content.hide{ left:72px; } .side-widget .sticky-sidebar-content2{ position: absolute; display: block; top: 0; left: 72px; width: 124px; height: 312px; padding: 8px; text-align: center; background-color: #fff; z-index: 5; -webkit-transition: left .5s ease; -moz-transition: left .5s ease; -ms-transition: left .5s ease; -o-transition: left .5s ease; transition: left .5s ease; } .meteomedia #mmcontent{ background-color: #fff !important; } .meteomedia, .meteomedia a{ color:#277c82; font-size: 12px; } .meteomedia #City a{ font-weight: 600; } .meteomedia #Day1, .meteomedia #Box1{ margin-bottom: 10px; } .meteomedia #Day1 .Datum{ border-bottom: 1px solid #277c82; } .meteomedia .logos{ position: absolute; bottom: 0; /*margin-top: -2px;*/ left: 0px; line-height: 0; overflow: hidden; width: 124px; background-color: #213f88; padding-left: 4px; } .meteomedia .logos>div{ float: left; } .meteomedia a, .meteomedia #wetterinfo_data a{ color:#277c82; font-size: 12px; } .meteomedia #wetterinfo_data { margin-top: -30px; line-height: 14px; } .meteomedia #wetterinfo_data #Headline{ line-height: 28px; /border-bottom: none; } .meteomedia #Daten .Headline{ border-bottom: 1px solid #277c82 !important; } .meteomedia #wetterinfo_data .Datum{ } .meteomedia #wetterinfo_data .Temp{ overflow: hidden; } .meteomedia #wetterinfo_data .Temp>div { float: left; width: 33%; text-align: center; } .meteomedia #wetterinfo_data #Daten .Temp>div { width: 50%; } .side-widget .sticky-sidebar-content h5, .side-widget .sticky-sidebar-content a, .side-widget .sticky-sidebar-content p{ display: block; width: auto; font-size: 12px; line-height: 16px; margin-bottom: 8px; } .side-widget .sticky-sidebar-content h5{ letter-spacing: 1px; /*font-size: 12px;*/ } .side-widget .sticky-sidebar-content a{ color: #fff; } .side-widget .sticky-sidebar-content #icl_lang_sel_widget-2 a{ padding: 0; } .side-widget .sticky-sidebar-content a:hover{ color: #8dd7dc; } .side-widget .icon_holder{ position: relative; margin-top: -36px; margin-left: -1px; z-index: 20; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; transition: all .5s ease; } .side-widget .icon_holder:hover, .side-widget:hover .icon_holder{ margin-left: -1px; } .side-widget .icon_holder img{ width: 72px; border-style: solid; border-width: 6px; border-radius:50%; padding: 0px; cursor: pointer; background-color: #277c82; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; transition: all .5s ease; -webkit-box-shadow: 0px 0px 26px -5px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 26px -5px rgba(0,0,0,0.75); box-shadow: 0px 0px 26px -5px rgba(0,0,0,0.75); } .side-widget .icon_holder img:hover, .side-widget:hover .icon_holder img{ background-color: #4ca8ae; width: 72px; } .side-widget .widget ul.menu{ margin: 0; } .side-widget .widget ul.menu li{ margin-bottom: 0; } .side-widget.theme-search.theme-font{ top: 160px; } .side-widget.theme-search.theme-font *{ color: #444; } .side-widget.theme-search.theme-font a:first-child { font-size: 14px !important; } .side-widget.theme-search.theme-font a { font-size: 18px; } .side-widget.theme-search.theme-font a:last-child { font-size: 22px !important; } .side-widget.theme-search.theme-font h5 { line-height: 21.5px; margin-bottom: -10px; margin-top: 5px; } .side-widget.theme-search{ top: 80px; } .side-widget.theme-search:hover .sticky-sidebar-content2{ left: -324px; } .side-widget.theme-search .sticky-sidebar-content2{ top: -36px; width: 360px; height: 72px; } .side-widget.theme-search .sticky-sidebar-content2 .widget_search { padding-top: 10px; } .side-widget.theme-search .sticky-sidebar-content2 .widget_search h5 { display: none !important; } .side-widget.theme-search .sticky-sidebar-content2 #searchsubmit{ float: left; } .side-widget.theme-search .sticky-sidebar-content2 input[type=text]{ border: 2px solid #277c82; } #back_to_top span { border-color: #277c82; color: #277c82; width: 48px; height: 48px; line-height: 28px; border-width: 6px; font-size: 32px; } /* #back_to_top:hover span { background-color: #4ca8ae; } #back_to_top span i { font-size: 36px; color: #277c82; } */ #back_to_top, #back_to_top.off{ position: fixed; bottom: 10px; right: 10px; opacity: 0; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } #back_to_top.on{ right: 10px; opacity: 1; } #back_to_top .fa-stack{ background-color: #277c82; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; } #back_to_top:hover .fa-stack{ background-color: #4ca8ae; } #back_to_top .fa-stack i{ line-height: 28px; color:#4ca8ae; } #back_to_top:hover .fa-stack i{ color:#8dd7dc; } .layer1{z-index: 1001;} .layer2{z-index: 1002;} .layer3{z-index: 1003;} .layer4{z-index: 1004;} .layer5{z-index: 1005;} .layer6{z-index: 1006;} .layer7{z-index: 1007;} h3, .cover_boxes ul li .box h3 { margin: 0 0 8px; text-transform: none; letter-spacing: initial; font-weight: 600; } .date{ /*margin-bottom: 8px;*/ } .wrapper { background-color: #8dd7dc; overflow: hidden; } .content{ position: relative; z-index: 101; } .content_inner{ position: relative; z-index: 100; } .container_inner{ width: 100%; margin: auto; } .content .full_width_inner{ padding: 0 20px; } .content .container .container_inner.page_container_inner, .full_page_container_inner { padding: 0; } .content .vc_row{ margin-left: 0; /* why -15px? */ margin-right: 0; } .content .vc-row:not(.maxi-filter) .vc_column_container, .yuzo_related_post{ padding: 0 10px; } .content .vc_column_container>.vc_column-inner { padding-left: 0; padding-right: 0; } .container_inner .vc_row.section:not(.maxi-filter):not(.parallax-header)>.full_section_inner>.wpb_column>.vc_column-inner{ padding-bottom: 0px; } /*.home*/ .container_inner .vc_row.section:not(.maxi-filter):not(.parallax-header) .full_section_inner>.wpb_column>.vc_column-inner{ padding-bottom: 60px; } .vc_column_container>.vc_column-inner { padding-top: 0!important; background-position: bottom!important; background-repeat: no-repeat!important; } /*.home*/ .vc_column_container>.vc_column-inner { padding-bottom: 60px; } .maxi-filter .vc_column_container>.vc_column-inner { padding-bottom: 0; } .parallax_section_inner_margin, .section_inner_margin{ margin: 0; } .parallax-header .vc_column-inner { padding-bottom: 0px!important; } .parallax-header .planet{ position: absolute; top: 100px; left: 200px; width:100px; height:100px; background-repeat: no-repeat; background-size: cover; z-index: 1100; } .parallax-header .day .planet{ background-image: url(../img/header/day/sun.png); } .parallax-header .night .planet{ background-image: url(../img/header/night/moon.png); } .header_inner .container_inner{ text-align: center; } .qode_image_gallery_no_space{ margin-left: -20px; margin-right: -20px; } /** kategorien filter navigation */ .container_inner .vc_row.section .full_section_inner .filter_outer{ margin: 0 0 0px 0; height: 80px; } .container_inner .vc_row.section .full_section_inner .filter_outer.fixedHeight{ height:120px; } .content,.content.content_top_margin{margin-top:0!important} .filter_holder{ position: relative; line-height: 0; padding: 20px 0; background-color: #277c82; color: #fff; width: 100%; display: block; overflow: hidden; min-height: 65px; -webkit-transition: height .5s ease; -moz-transition: height .5s ease; -ms-transition: height .5s ease; -o-transition: height .5s ease; transition: height .5s ease; } .filter_holder.close-menu{ height: 65px; } .filter_holder.fixed{ position: fixed; top: 0; z-index: 2000; text-align: center; /*height: 80px;*/ } .filter_holder ul{ } .filter_holder ul li{ line-height: 40px; border-radius: 4px; float: none; display: inline-block; } .filter_holder ul li span{ display: inline-block; position: relative; font-size: 20px; padding: 0 10px; /* -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; -ms-transition: all 0.4s ease; transition: all 0.4s ease; */ } .filter_holder.fixedScale ul li span{ /*transform: scale(0.8);*/ font-size: 15px; } .filter_holder ul li.active{ /*background-color: #ee7202;*/ } .filter_holder ul li.active span{ color: #fff; } /** area icon */ .q_icon_with_title, .nav-active .layer1 .q_icon_with_title{ margin-top: -40px; -webkit-transition: all 0.25s ease; -moz-transition: all 0.25s ease; -o-transition: all 0.25s ease; -ms-transition: all 0.25s ease; transition: all 0.25s ease; } .layer1 .q_icon_with_title{ margin-top: 40px; } .q_icon_with_title.content_single{ margin-top: 40px; } .nav-active .q_icon_with_title.content_single{ margin-top: -40px; } .single .q_icon_with_title{ /*margin-top: 20px;*/ } .q_icon_with_title.left_from_title.small.normal_icon .icon_holder, .q_icon_with_title.left_from_title.tiny .icon_holder, .q_icon_with_title.tiny .icon_holder img { width: 100px; height: 100px; } .q_icon_with_title .icon_text_holder .icon_title{ color: #fff; font-size: 35px; } .q_icon_with_title .icon_text_inner p{ line-height: 1.4em; } .q_icon_with_title .icon_text_inner { padding: 0 0 40px; } .cover_boxes ul{ margin-bottom: 10px; } .container_inner .cover_boxes ul li{ background-color: #fff; } /** Logo */ .logo_wrapper { top: 40px; width: 100%; height: auto; position: fixed; text-align: center; line-height: 0; -webkit-transition: top .3s ease; -moz-transition: top .3s ease; -o-transition: top .3s ease; -ms-transition: top .3s ease; transition: top .3s ease; } .fixed .logo_wrapper { height: auto; overflow: hidden; top: 0; } .fixed .logo_wrapper .normal, .fixed .logo_wrapper .dark{ background-color: initial; } .q_logo{ width: 350px; height: initial; top:initial; margin: auto; } .q_logo.fixedLogo{ height: 70px; } .q_logo img { position: absolute; height: 100%; top:-10px!important; opacity:0; -webkit-transition: all .15s ease; -moz-transition: all .15s ease; -o-transition: all .15s ease; -ms-transition: all .15s ease; transition: all .15s ease; transform: scale(1); transform-origin: center; } .q_logo a{ height: initial; } .q_logo img.normal{ opacity: 1; } .q_logo img.dark{ opacity: 0; } .q_logo.colorLogo img.normal{ opacity: 0; } .q_logo.colorLogo img.dark{ opacity: 1; } .q_logo.fixedLogo img.normal{ top:0; transform: scale(0.5); } .q_logo.fixedLogo img.dark{ top:0; transform: scale(0.5); } /** media query > 1200 */ @media only screen and (min-width: 1200px){ .qode_grid_1200 .carousel-inner .slider_content_outer, .qode_grid_1200 .container_inner, .qode_grid_1200 .container_inner nav.content_menu, .qode_grid_1200 .footer_bottom_border.in_grid, .qode_grid_1200 .footer_top_border.in_grid, .qode_grid_1200 .full_width .parallax_content, .qode_grid_1200 .grid_section .section_inner, .qode_grid_1200 .title_border_in_grid_holder, .qode_grid_1200 nav.content_menu ul, .qode_grid_1200.boxed .section .section_inner, .qode_grid_1200.boxed nav.content_menu.fixed { width: 100%; margin: auto; } .qode_grid_1200 .container_inner .filter_outer{ } .qode_grid_1200 .container_inner .projects_holder, .qode_grid_1200 .container_inner .masonry_gallery_holder, .qode_grid_1200 .container_inner .q_masonry_blog, .qode_grid_1200 .container_inner .wpb_video_widget, .qode_grid_1200 .container_inner .wpb_content_element{ width: 1200px; margin: auto; } .qode_grid_1200 .container_inner .wpb_content_element{ width: 100%; } .qode_grid_1200 .container_inner .cover_boxes{ width:1200px; margin: 0 auto 20px; } .qode_grid_1200 .container_inner .cover_boxes:last-child{ margin: 0 auto; } .qode_grid_1200 .container_inner .cover_boxes ul li, .qode_grid_1200 .container_inner .cover_boxes ul li .box .thumb { width: 284px; } .qode_grid_1200 .container_inner .cover_boxes ul li .box, .qode_grid_1200 .container_inner .cover_boxes ul li.act { width: 590px; } .qode_grid_1200 .container_inner .cover_boxes ul li .box_content{ width:270px; padding-top: 12px; left: 302px; } .qode_grid_1200 .cover_boxes ul li .box .box_content { } .qode_grid_1200 .container_inner .cover_boxes ul li .box_content{ /*position: relative;*/ } /* .qode_grid_1200 .container_inner .cover_boxes ul li .box_content a{ position: absolute; width: 100%; text-align: center; bottom:20px; }*/ } .column1 .wpb_text_column ul{ list-style-position: outside; margin-bottom: 20px; } .column1 .wpb_text_column ul li{ margin-bottom: 0; } .column1 .wpb_text_column img{ margin-bottom: 10px; } .column1 .wpb_text_column .size-medium{ max-width: 48%; } .column1 .wpb_text_column .size-large{ max-width: 100%; } /** parallax mit content */ .parallax_section_holder .vc_row{ width: 1200px; margin:auto; } .parallax_section_holder .vc_row .wpb_text_column.wpb_content_element { width: 100%; } section.parallax_section_holder { background-size: cover; padding-bottom: 40px; } .parallax_section_holder .full_section_inner{ background-color: #fff; } .wpb_column.vc_column_container.vc_col-sm-6{ padding: 20px; } .wpb_column.vc_column_container.vc_col-sm-6:first-child{ padding-right: 0; } .wpb_column.vc_column_container.vc_col-sm-6:last-child{ /*padding-left: 0;*/ } .wpb_column.vc_column_container.vc_col-sm-6 .vc_column-inner{ padding: 0; } /* Article Trennlinie */ article.hcalendar{ position: relative; padding-bottom: 40px; margin-bottom: 36px; /*border-bottom: 2px solid;*/ } article.hcalendar:after, .blog_holder.masonry article:after { content : ""; position: absolute; left : 25%; bottom : 0; height : 1px; width : 50%; /* or 100px */ border-bottom:1px solid; padding: 20px 0; } .blog_holder.masonry article:after{ border-color: #4ca8ae; } .content_single article.hcalendar:after { /*border: none;*/ } /* veranstaltungen cover_boxes */ .container_inner .cover_boxes ul li .box_content, .container_inner .cover_boxes ul li .box_content p{ /*color: #444;*/ } .cover_boxes ul li .box_content p, .cover_boxes ul li .box_content h3{ padding-right: 10px; } .container_inner .cover_boxes ul li .box_content a, .container_inner .cover_boxes ul li .box_content h3{ -webkit-transition: color .1s linear; -moz-transition: color .1s linear; transition: color .1s linear; } .container_inner .cover_boxes ul li .box_content h3{ margin-top: 4px; } .container_inner /*.cover_boxes ul li .box_content .more-link-container*/ a.read_more-link{ -webkit-transition: all .1s linear; -moz-transition: all .1s linear; -ms-transition: all .1s linear; -o-transition: all .1s linear; transition: all .1s linear; } .container_inner .cover_boxes ul li .box_content .date{ font-size: 14px; line-height: 18px; } /* Blog News Archiv Übersicht */ .blog_holder.masonry article .post_text .post_text_inner, .blog_holder.masonry_full_width article .post_text .post_text_inner { padding: 17px 0px 18px; } .post .post_text_inner h2.entry_title, .blog_holder article .post_info a:hover{ color: #0d8484; } .blog_holder.masonry article .entry_date, .blog_holder.masonry article .comments, .blog_holder article .post_info{ font-size: .9em; } .blog_holder.masonry article .post_info, .blog_holder.masonry_full_width article .post_info { margin: 0; } /* Blog Single */ .post .post_text_inner h2.entry_title{ /*margin-bottom: 0px;*/ } .post .post_text_inner img { width: initial; float: left; margin: 0 auto 20px; } .post .post_text_inner .post_image{ text-align: center; } img.alignleft{ margin: 0 20px 20px 0; } /* img.alignright{ margin: 0 0 20px 20px; } .post .post_inner_text p{ margin-left: 20px; }*/ /* */ /*.container_inner .projects_holder, .container_inner .masonry_gallery_holder,*/ .container_inner .q_masonry_blog{ margin: auto auto auto 20px; } .projects_holder article.show{ visibility: visible; } .q_masonry_blog article .q_masonry_blog_post_text { padding: 20px 22px; } .button-container-bottom{ position: absolute; bottom: 0; width: 100%; text-align: center; } /** css parallax settings */ .parallax_header{ height: auto; overflow: hidden; } .parallax_layer{ position: absolute; top: 0; left: 0; width: 100%; height: initial; } .parallax-image img { height: initial; position: absolute; top:0; max-height: 800px; } .cover { width: 100%; object-fit: cover; } .qode_parallax_layers_holder { position: relative; width: 100%; height: 100%; top: 0%; left: 0%; } .qode_parallax_layers_holder .image{ opacity: 0; } section.parallax_section_holder{ position: relative; overflow: visible; } .parallax_section_holder { margin-bottom: -20px; } /** css parallax end */ /** footer */ footer{ background-color: #fff; } .footer_bottom_custom{ background-color: #fff; } .footer_inner .container_inner{ max-width: 1200px; width: 100%; } .footer_inner .container { margin: auto 20px; } .footer_inner .footer_top_holder{ background-position: bottom; /*background-size: initial;*/ background: url(../img/bgs/bg-footer_dark.png) no-repeat center bottom; background-color: #fcfacf; background-size: cover; } .footer_inner .footer_top_holder .column_inner { background: none !important; /* here: footer column background */ padding-top: 15px; padding-bottom: 15px; margin-right: 20px; } .footer_inner .footer_top_holder .column4 .column_inner { margin-right: 0; } .footer_inner .footer_top_holder .column_inner .widget_sp_image img { /*margin-bottom: 10px;*/ } .footer_bottom .footer_text_title { display: block; text-transform: none; color: #444; margin-bottom: 0px; } .footer_inner p { padding-bottom: 8px; } .footer_top .widget.widget_nav_menu li{ padding-bottom: 10px; } .footer_top { padding: 30px 0 52px; } .footer_top h5{ margin-bottom: 10px; } .footer_inner .footer_top{ font-size: 0.8em; line-height: 1.4em; color:#444; } .footer_inner .footer_top a{ color:#444; line-height: 1.4em; } .footer_inner .footer_top a:hover{ color: #277c82; } .footer_bottom_holder{ padding: 20px 0; background-color: #f7f5c3; } .footer_inner .footer_bottom_holder .footer_bottom_columns .footer_bottom{ text-align: left; } .footer_inner .footer_bottom_holder .footer_bottom_columns .footer_bottom .column_inner{ background: none; padding: 0; } .footer_inner .footer_bottom_holder .container_inner .footer_bottom_columns .footer_bottom_column{ } .footer_inner .footer_bottom_holder .container_inner .footer_bottom_columns .footer_bottom_column:last-child{ padding-right: 0; } .footer_inner .footer_bottom_holder .container_inner .footer_bottom_columns .footer_bottom_column:last-child .column_inner{ margin: 0; padding-left:20px; } .footer_inner .footer_text_title, { color:#444; } .four_columns .column1 .column_inner img{ max-width: 210px; } .four_columns .column1 .column_inner p{ padding: 12px 10px; line-height: 22px; } .four_columns>.column3>.column_inner{ padding-left: 0; padding-right: 0; } .footer_top .four_columns .column3 .column_inner>div, .footer_top .three_columns .column3 .column_inner>div { margin: 0; } .event-ticket .mwst{ font-size: 12px; } /** category mouseover */ /*.projects_holder .item_holder{ position: relative; height:200px; width:auto; overflow: hidden; }*/ .projects_holder .item_holder { position: relative; font-size: 20px; display: block; color: #fff; height: 80px; width: 100%; padding: 10px 0; text-align: center; overflow: hidden; -webkit-transition: all .25s ease-in-out; -moz-transition:all .25s ease-in-out; -o-transition:all .25s ease-in-out; transition:all .25s ease-in-out; } .maxi-filter .projects_holder .item_holder { transform: scale(0.5); margin-top: 130px; } .projects_holder article a:hover .item_holder { margin-top: 0px; transform: scale(1); } .projects_holder .item_holder .image_holder { position: absolute; top: 0; left: 0; overflow: hidden; -webkit-transition: all .15s ease; -moz-transition:all .15s ease; -o-transition:all .15s ease; transition:all .15s ease; transition-delay: 0s; -webkit-transition-delay: 0s; } .projects_holder article a:hover span.text_holder/*, .projects_holder article:hover .image_holder.portfolio_jg_image_link+span.text_holder */{ opacity: 1; filter: alpha(opacity=100); } /* .projects_holder .item_holder:hover .image_holder{ -webkit-transition:all .25s ease; -moz-transition:all .25s ease; -o-transition:all .25s ease; transition:all .25s ease; transition-delay: 0.05s; -webkit-transition-delay: 0.05s; }*/ /* .projects_holder .item_holder .circle{ position: absolute; left: -50px; top:95px; width:80px; height:80px; border-style: solid; border-width: 6px; color:#fff; border-radius:50%; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition: all 0.3s ease; z-index: 5; } .projects_holder .item_holder:hover .circle{ left: -300px; top:-118px; width:500px; height:500px; border-width: 9px; } */ .projects_holder .item_holder .circle { position: relative; display: block; margin: -90px auto 0; width: 80px; height: 80px; border-style: solid; border-width: 6px; color: #fff; border-radius: 50%; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; z-index: 5; } .projects_holder .item_holder .title, .projects_holder .item_holder .category{ position: relative; margin-top: 70px; line-height: initial; width:200px; height: auto; text-align: center; color:#fff; z-index: 10; opacity: 0; left: -20px; transition-property: left; transition: all 0.3s ease; transition-delay: 0s; -webkit-transition-delay: 0s; } .projects_holder .item_holder:hover .title{ opacity:1; left:0px; transition: all 0.5s ease; transition-delay: 0.1s; -webkit-transition-delay: 0.1s; } .projects_holder .item_holder .category{ margin-top: 10px; } .projects_holder .item_holder:hover .category{ opacity:1; left:0px; transition: all 0.5s ease; transition-delay: 0.3s; -webkit-transition-delay: 0.3s; } /* .projects_holder .item_holder .icon{ position: relative; margin-top: 10px; left: -100px; width:200px; height:70px; background-position: center; background-repeat: no-repeat; background-size: contain; z-index: 10; transition-property: left; transition-duration: .4s; transition-timing-function: ease; } .projects_holder .item_holder:hover .icon{ left:0px; } */ .projects_holder .item_holder .icon { position: relative; display: block; margin: 0 auto; left: 0; width: 80px; height: 80px; background-position: center 0px; background-repeat: no-repeat; background-size: 62px; z-index: 10; transition-property: left; transition-duration: .4s; transition-timing-function: ease; } .projects_holder article a.portfolio_link_class, .projects_masonry_holder article a.portfolio_link_class { top: 0; } .projects_holder .item_holder{ font-size: 20px; color: #fff; } .projects_holder article{ padding-bottom: 0 !important; } .projects_holder{ overflow: hidden; /* height: initial; margin-top: 40px;*/ } .projects_holder article .image_holder:hover .image img { -webkit-transform: none; transform: none; } .projects_holder article .portfolio_description .portfolio_title { margin: 0; } /* .q_icon_with_title.left_from_title.small.normal_icon .icon_holder, .q_icon_with_title.left_from_title.tiny .icon_holder, */ .q_icon_with_title .icon_title{ text-transform: uppercase; } .q_icon_with_title .icon_holder img { width: 90px; height: 90px; border-style: solid; border-width: 7px; border-radius:50%; padding: 0; } .q_icon_with_title .icon_text_holder h1{ padding-left: 20px; padding-right: 20px; } .container_inner .cover_boxes ul li .box_content { line-height: 22px; } .container_inner .box_content .more-link-container { position: relative; margin: 0 5px 20px; } .container_inner .more-link-container { position: relative; margin-bottom: 20px; width: initial; display: inline-block; text-align: center; height: 40px; } .container_inner /*.more-link-container*/ a.read_more-link { position: relative; display: inline-block; width: auto; text-align: center; text-decoration: none; cursor: pointer; white-space: nowrap; outline: 0; font-style: normal; -o-border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; text-shadow: none; /*background-color: transparent;*/ -webkit-transition: all .1s linear; -moz-transition: all .1s linear; -ms-transition: all .1s linear; -o-transition: all .1s linear; transition: all .1s linear; -webkit-box-sizing: initial; -moz-box-sizing: initial; box-sizing: initial; border: none; color: #fff !important; /*background-color: #277c82;*/ line-height: 39px; margin: 0 auto; padding: 0 23px; font-size: 13px; font-weight: 700; font-family: inherit; text-transform: uppercase; letter-spacing: initial; } .container_inner .more-link-container .read_more-link:hover { /*background-color: #4ca8ae;*/ } .q_masonry_blog article .q_masonry_blog_post_info { margin: 0; line-height: 22px; } .q_masonry_blog article .q_masonry_blog_post_info .entry_date { margin-bottom: 8px; display: none;/*inline-block;*/ } /*.q_masonry_blog article .q_masonry_blog_post_info,*/ .q_masonry_blog article .q_masonry_blog_post_info a, .q_masonry_blog article .q_masonry_blog_post_info h3 { /*color: #277c82;*/ } .q_masonry_blog article .q_masonry_blog_post_info a:hover{ /*color: #4ca8ae;*/ } .q_masonry_blog .box_content { line-height: 22px; } .q_masonry_blog .more-link-container { position: absolute; bottom: 0px; } .container_inner .q_masonry_blog .more-link-container { position: relative; margin-bottom: 20px; width: 100%; display: block; text-align: center; height: 40px; } .margin-top{ margin-top: 20px; } .searchresults article{ margin-bottom: 20px; } .searchresults article .post_more{ } /** portofolio single page */ .portfolio_single, .content_single{ max-width: 1200px; margin: auto; padding-bottom: 20px; } .single-portfolio_page .title .q_icon_with_title img { margin: auto; } /*.single-portfolio_page*/ .content .vc_row .column1>.column_inner/*, .page-template-single-details_page .column1>.column_inner*/{ padding: 20px; color: #444; /*color: #fff;*/ margin-right: 20px; background-color: #fff; border-radius: 4px; } /*.single-portfolio_page*/ .content .vc_row .column2>.column_inner/*, .page-template-single-details_page .content .column2>.column_inner*/ { color: #444; /*color: #fff;*/ padding: 20px; background-color: #fff; border-radius: 4px; } /*.footer_inner .content .container_inner .column_inner{ background-color: initial; }*/ .portfolio_single h2, .content_single h2 { margin: 0 0 8px; color: #444; } .content .column2 .info img{ display: block; margin: 10px auto 10px; } .content .column2 .info p{ padding: 10px; } .column2 .sidebar-info{ margin-bottom: 20px; } .column2 .sidebar-info p{ margin-bottom: 10px; } .column2 .portfolio_tags{ /*display: none;*/ } .column2 .sidebar-hint, .column2 .sidebar-tipp{ min-height: 50px; padding: 20px 20px 20px 50px; color: #fff; font-weight: bold; margin-bottom: 20px; position: relative; } .column2 .sidebar-hint:before, .column2 .sidebar-tipp:before{ position: absolute; content: '!'; display: inline-block; width: 30px; height: inherit; line-height: 100%; font-size: 60px; font-weight: bold; left: 12px; top: 5px; text-align: center; } .column2 .sidebar-hint:before{ content: '?'; left: 15px; } .portfolio_detail .info { padding: 0; margin-bottom: 6px; } /*.single-portfolio_page*/ .content .column_inner a{ font-weight: bold; } .content .column_inner h1, .content .column_inner h2, .content .column_inner h3, .content .column_inner h4, .content .column_inner h5, .content .column_inner h6{ color: #444; margin-bottom: 10px; } .content .column2 .column_inner h4, .content .column2 .column_inner h5, .content .column2 .column_inner h6{ margin-bottom: 0; } aside .widget.posts_holder li { padding: 0; margin: 0 0 4px 0; } .single-portfolio_page .info.portfolio_content, .single-portfolio_page .portfolio_detail { padding-bottom: 40px; } .portfolio_content .vc_row{ padding-bottom: 30px; } .portfolio_content .vc_row:last-child{ padding-bottom: 0; } .wrapper .container_inner .wpb_wrapper{ margin: auto; } .wrapper .container_inner .maxi-filter .wpb_wrapper, .wrapper .container_inner .parallax-header .wpb_wrapper{ margin: auto; } .wrapper .container_inner .wpb_wrapper .entry-content.description{ margin-bottom: 40px; } .wrapper .container_inner .maxi-filter .projects_holder { height: 0; /*margin-top: -120px; margin: auto 20px;*/ margin: 0 auto 0; padding: 0 20px; -webkit-transition: height .25s ease; -moz-transition: height .25s ease; -o-transition: height .25s ease; -ms-transition: height .25s ease; transition: height .25s ease; } .wrapper .container_inner .projects_holder.nav-active { height: inherit; margin: 40px auto 60px; /*padding: 0 20px;*/ } .maxi-filter .vc_column-inner{ background: url(../img/bgs/bg-elefant_dark.png) no-repeat center; } /*.single-portfolio_page*/ .wrapper .filter_holder { /*padding-bottom: 40px;*/ -webkit-transition: all .25s ease; -moz-transition: all .25s ease; -o-transition: all .25s ease; -ms-transition: all .25s ease; transition: all .25s ease; } /* .single-portfolio_page .wrapper .maxi-filter .filter_holder{ padding-bottom: 45px; }*/ /*.single-portfolio_page*/ .wrapper .maxi-filter .filter_holder.nav-active, /*.single-portfolio_page*/ .wrapper .maxi-filter:hover .filter_holder.nav-active{ padding-bottom: 20px; } .filter_holder .new a{ } .side_menu .widget ul, aside .widget ul{ list-style: none; padding: 0; margin-bottom: 20px; } .content .widget.widget_nav_menu ul { list-style: inside; list-style-type: none; padding: 0; margin: 0 0 20px 10px; } .content .widget.widget_nav_menu ul li{ } .content .widget.widget_nav_menu ul li:before{ /* content: "\2022"; margin-right: 10px;*/ } table td, table th { text-align: initial; } .content table tr:nth-child(even){ background-color: #f0f0f0; } .content .footer_inner table tr:nth-child(even) { background-color: initial; } .content .column2 table tr:nth-child(even){ background-color: initial; } .content .table-3-1 table tr td:nth-child(1){ width: 66.6%; } .content .table-3-1 table tr td:nth-child(2){ width: 33.3%; text-align: right; } body.move-icon .q_icon_with_title { margin-top: 0px; } .column_inner p{ margin-bottom: 1.1em; } .column2 .column_inner p, .wpb_text_column p:last-child{ margin-bottom: 10px; } .qode_portfolio_related{ width: 1200px; margin: auto; } .qode_portfolio_related .projects_holder.hideItems>.mix{ display: inline-block; } .qode_image_gallery_no_space .qode_image_gallery_holder { margin-bottom: 40px; } /** */ .title_outer .title.title_size_small{ height: auto; min-height: 256px; } /** newsletter widget anmeldung */ .nl-widget{ } .nl-widget .wpcf7-form-control{ float: left; } .nl-widget input.wpcf7-form-control.wpcf7-text, button.em-search-submit, .mymail-form-fields .mymail-email, .mymail-form-fields .button{ padding: 5px 10px; font-size: 16px; line-height: 30px; background-color: #fff; color: #277c82; font-family: inherit; font-weight: 400; width: 200px; } .theme-gruppen-kurse .portfolio_content input.wpcf7-submit, .theme-groups-courses .portfolio_content input.wpcf7-submit{ float: right; } .mymail-lists-wrapper{ float: left; } ul.mymail-list{ float: left; } ul.mymail-list li { margin-right: 10px; line-height: 20px; float: left; } .nl-widget input.wpcf7-form-control.wpcf7-submit, .jobs .form-container .wpcf7-form .fileUpload span:first-child, body input.wpcf7-form-control.wpcf7-submit:not([disabled]), body input.wpcf7-form-control.wpcf7-submit[disabled], #submit_comment, .blog_load_more_button a, .drop_down .wide .second ul li .qbutton, .drop_down .wide .second ul li ul li .qbutton, .load_more a, .qbutton, a.qbutton, button.em-search-submit, .mymail-form-fields .button{ border: none; color: #fff!important; background: #277c82; line-height: 30px; margin: 5px 0 0 0; padding: auto; font-size: 13px; font-weight: 700; font-family: inherit; text-transform: normal; letter-spacing: initial; border-radius: 4px; text-shadow: none; } .jobs .form-container .wpcf7-form .fileUpload span:first-child{ display: inline-block; padding: 0 20px; cursor: pointer; line-height: 39px; margin:0; text-transform: uppercase; } .jobs .form-container .wpcf7-form .fileUpload span:first-child:hover{ background: #4ca8ae; } .jobs .form-container .wpcf7-form .fileUploadInfo { line-height: 39px; background-color: #ebebe4; border: none; float: left; border-radius: 4px; padding: 0 10px; width: 82%; } .jobs .form-container .wpcf7-form .col-md-6 .fileUploadInfo { width: calc(82% - 60px); } .jobs .form-container .wpcf7-form .fileUpload { position: relative; overflow: hidden; margin-left: : 10px; } .jobs .form-container .wpcf7-form .fileUpload input.upload { position: absolute; top: 0; right: 0; margin: 0; padding: 0; font-size: 20px; cursor: pointer; opacity: 0; filter: alpha(opacity=0); } .jobs .form-container .wpcf7-form .qbutton, a.qbutton{ line-height: 39px; } .nl-widget input.wpcf7-form-control.wpcf7-submit:hover, body input.wpcf7-form-control.wpcf7-submit:not([disabled]):hover, #submit_comment:hover, .blog_load_more_button a:hover, .drop_down .wide .second ul li .qbutton:hover, .drop_down .wide .second ul li ul li .qbutton:hover, .load_more a:hover, .qbutton:hover, a.qbutton:hover, button.em-search-submit:hover, .mymail-form-fields .button:hover{ background: #4ca8ae; } body input.wpcf7-form-control.wpcf7-submit[disabled]{ opacity: 0.5; } /** social share holer */ .social_share_holder{ } .social_share_holder ul{ list-style: none; margin-top: 8px; } .social_share_holder ul li{ float: left; margin: 0 12px; font-size: 30px; } .social_share_holder ul li:last-child{ } /** circles next / prev / back to top */ .qode_image_gallery_no_space .controls a.next-slide span, .qode_image_gallery_no_space .controls a.prev-slide span, .qode_image_gallery_no_space.light .controls a.next-slide span, .qode_image_gallery_no_space.light .controls a.prev-slide span { /*border-color: #277c82; color: #277c82;*/ border-width: 6px; font-size: 72px; line-height: 72px; width: 72px; height: 72px; } .qode_image_gallery_no_space .controls a.next-slide span i{ display: block; margin-left: 7px; margin-top: -7px; } .qode_image_gallery_no_space .controls a.prev-slide span i { display: block; margin-right: 7px; margin-top: -7px; } .qode_image_gallery_no_space.light .controls a.next-slide:hover span, .qode_image_gallery_no_space.light .controls a.prev-slide:hover span { /*background-color: #4ca8ae; color: #277c82;*/ } /** Slide Gallery Full */ .qode_image_gallery_no_space .controls a.next-slide span{ margin-left: -60px; } .qode_image_gallery_no_space .controls a.prev-slide span { margin-left: 6px; } /** accordion */ .q_accordion_holder{ /*padding-top: 20px;*/ padding-bottom: 0; } .q_accordion_holder.boxed div.accordion_content { padding-right: 26px; } .q_accordion_holder.boxed div.accordion_content img.vc_single_image-img { border: 8px solid; } .q_accordion_holder.boxed div.accordion_content .vc_column_container>.vc_column-inner{ padding-bottom: 0; } .q_accordion_holder .groupdetails .wpb_wrapper{ width: 100%; } .q_accordion_holder .groupdetails .q_icon_with_title{ float: left; width: 20%; margin-top: 30px; } .q_accordion_holder .groupdetails .q_icon_with_title .icon_holder{ margin: 0; } .q_accordion_holder .groupdetails .q_icon_with_title .icon_text_inner{ padding: 0; } .q_accordion_holder .aligncenter .wpb_wrapper{ text-align: center; } .q_accordion_holder .aligncenter .wpb_wrapper p{ text-align: left; } .q_accordion_holder .aligncenter .wpb_wrapper a.qbutton{ margin: 20px auto 0; } .q_accordion_holder .accordion_content_inner h3, .q_accordion_holder .accordion_content_inner h4, .q_accordion_holder .accordion_content_inner h5, .q_accordion_holder .accordion_content_inner h6{ margin-bottom: 0px; } .ui-accordion-header, .q_masonry_blog article, .q_masonry_blog article .q_masonry_blog_post_image, .container_inner .cover_boxes ul li, .cover_boxes ul li .box .thumb img{ border-radius: 4px; } .full_width .grid_section .q_masonry_blog article, .q_masonry_blog article { width: 32%; } .projects_holder article .image_holder .image{ border-top-left-radius: 4px; border-top-right-radius: 4px; } .projects_holder article .portfolio_description h3{ text-overflow: ellipsis; overflow: hidden; } .projects_holder article .portfolio_description{ border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; padding: 10px; } .q_masonry_blog article .q_masonry_blog_post_image{ overflow: hidden; } .q_masonry_blog article .q_masonry_blog_post_image{ text-align: center; } .q_masonry_blog article .q_masonry_blog_post_image img{ width: 100%; } /** comments */ .content .comment_holder{ padding: 0; } .content .comment_form{ margin: 0; } .content .comment_form .column_inner{ padding:0; margin-right: 10px; } .content .comment_form .column3 .column_inner{ margin-right: 0; } #respond input[type=text], #respond textarea, .contact_form input[type=text], .contact_form textarea, #respond textarea, /*.header_top #searchform input[type=text],*/ .widget.widget_search form input[type=text]{ border: 1px solid black; border-radius: 4px; } .widget.widget_search form input[type=submit] { font-size: 25px; width: initial; height: initial; } .portfolio_social_holder .portfolio_like, .portfolio_social_holder .dots, .blog_like, .dots { display: none!important; } .portfolio_detail .entry-meta, .portfolio_detail .entry-title { margin-bottom: 10px; } .blog_holder.blog_small_image article .post_image, .blog_holder.blog_small_image article .post_text { width: 100%; } .breadcrumb-navigation{ /*margin-bottom: 20px;*/ margin-top: -20px; } /** Veranstaltungs Widgets */ .event-ticket, .single-location, .organizer-name, .organizer-title, .entry-content-inside{ display: block; width: 100%; margin-left: 10px; } .organizer-image{ text-align: center; } .occurs{ font-weight: bold; color: #ee0000; } .archive #content .alm-reveal article .button-container-bottom{ padding: 0 10px; } .archive #content .alm-reveal article .more-link-container{ margin-bottom: 10px; } .archive #content .alm-reveal article .more-link-container:last-child{ margin-bottom: 20px; } .footer_inner .widget_events_maker_calendar .active{ background-color: #4ca8ae; color: #fff; } .footer_inner .widget_events_maker_calendar table td{ text-align: center; border-radius: 3px; } .footer_inner .widget_events_maker_calendar .active{ background-color: #4ca8ae; } .footer_inner .widget_events_maker_calendar .active:hover, .footer_inner .widget_events_maker_calendar .today.active:hover{ background-color: #277c82; } .footer_inner .widget_events_maker_calendar .active a, .footer_inner .widget_events_maker_calendar .today.active a{ pointer-events: none; color: #fff; } .footer_inner .widget_events_maker_calendar .today{ background-color: #ee7202; /*border: 2px solid #ee7202;*/ } .footer_inner .widget_events_maker_calendar .pad { background-color: initial; } .footer_inner .widget_events_maker_calendar .today.active{ background-color: #ee7202; /*border: 1px solid #ee7202;*/ } .footer_inner .footer_top .column1 .textwidget{ text-align: left; padding-left: 10px; } .widget_events_maker_calendar{ position: relative; } .widget_events_maker_calendar .calendar-overlay{ display: none; position: absolute; z-index: 1500; width: 100%; min-height: 30px; background-color: #277c82; border-radius: 4px; padding: 10px 20px; } .widget_events_maker_calendar .calendar-overlay .calendar-element{ padding: 0 10px; } .widget_events_maker_calendar .calendar-overlay .calendar-element, .widget_events_maker_calendar .calendar-overlay h4{ margin-bottom: 10px; } .widget_events_maker_calendar .calendar-overlay .calendar-element:last-child{ margin-bottom: 0; } .footer_top .column_inner .widget_events_maker_calendar .calendar-overlay h4{ color: #fff; } .widget_events_maker_calendar .calendar-overlay .calendar-element a{ color: #fff; } .widget_events_maker_calendar .calendar-overlay .calendar-element a:hover{ color: #1abc9c; } .widget_events_maker_calendar .calendar-overlay.show{ display: block; } .footer_top .four_columns .column4 .column_inner>div { margin: 0; } .events-list li{ margin-bottom: 10px; line-height: 1.4em; } .events-list li .event-title{ font-weight: bold; } /** */ .wpb_gmaps_widget .wpb_wrapper { background-color: #f7f7f7; padding: 0; } /** Vermietungen Kalender */ .wpfc-calendar-wrapper *{ font-size: auto !important; } .wpfc-calendar-wrapper{ width: 100%; text-align: center; } .wpfc-calendar-wrapper .wpfc-calendar{ max-width: 500px; margin: auto; } .wpfc-calendar-wrapper .fc-today-button{ margin-left: 0; } .fc-basic-view .fc-body .fc-row { min-height: 0; } .fc-ltr .fc-basic-view .fc-day-number{ width: 100%; line-height: 45px; padding: 0; margin: 0; text-align: center; cursor: pointer; } .fc-ltr .fc-basic-view .fc-day-number.fc-other-month, .fc-ltr .fc-basic-view .fc-day-number.fc-past{ cursor: initial; opacity: .3; } .fc-ltr .fc-basic-view .fc-day-number.fc-today{ font-weight: bold; } .wpfc-calendar-wrapper .fc-bg .fc-day{ background: #fff; } .wpfc-calendar-wrapper .fc-bg .fc-day:hover{ background: #1abc9c; } .fc-ltr .fc-basic-view .fc-day-number.chosen-day{ font-size: 24px; font-weight: bold; color: #277c82; } .fc-row{ height: auto!important; } .fc-row .fc-content-skeleton{ padding: 0; } .fc-row .fc-content-skeleton tbody{ position: absolute; top: 0; width: 100%; pointer-events: none; } .fc-row .fc-content-skeleton tbody tr{ width: 100%; display: table; } .fc-row .fc-content-skeleton tbody td{ width: calc(100% / 7 ); width: 14.285714%; } .fc-row .fc-content-skeleton tbody td.fc-event-container{ color: #fff; border: 1px solid #fff; line-height: 45px; pointer-events: auto; } .fc-row .fc-widget-header{ border-right-width: 0!important; margin-right: 0!important; } .fc-widget-content .fc-day-grid-container.fc-scroller{ height: initial!important; overflow: hidden!important; } /** Kalender Arrow Buttons */ .wpfc-calendar-wrapper .fc-toolbar button.fc-prev-button, .wpfc-calendar-wrapper .fc-toolbar button.fc-next-button{ outline: none; } .wpfc-calendar-wrapper .fc-toolbar .fc-right{ width:89px; border: 1pc solid white; } .wpfc-calendar-wrapper .fc-toolbar button.fc-month-button{ display: none; } /* .wpfc-calendar-wrapper .fc-toolbar button.fc-prev-button, .wpfc-calendar-wrapper .fc-toolbar button.fc-next-button{ border-width: 5px; line-height: 60px; width: 60px; height: 60px; border-radius: 100%; text-align: center; position: absolute; top: 50%; transform: scale(.8); } .wpfc-calendar-wrapper .fc-toolbar button.fc-next-button{ right: 0; } .wpfc-calendar-wrapper .fc-toolbar button.fc-prev-button{ left: 0; } .wpfc-calendar-wrapper .fc-toolbar button{ outline: none; box-shadow: none; text-shadow: none; background: none; -webkit-transition: color .15s ease-in-out,background-color .15s ease-in-out; -moz-transition: color .15s ease-in-out,background-color .15s ease-in-out; -ms-transition: color .15s ease-in-out,background-color .15s ease-in-out; -o-transition: color .15s ease-in-out,background-color .15s ease-in-out; transition: color .15s ease-in-out,background-color .15s ease-in-out; } .wpfc-calendar-wrapper .fc-toolbar button:hover{ } .wpfc-calendar-wrapper .fc-toolbar button i{ font-size: 60px; display: block; margin-top: -6px; } .wpfc-calendar-wrapper .fc-toolbar button.fc-prev-button i{ margin-right: 4px; } .wpfc-calendar-wrapper .fc-toolbar button.fc-next-button i{ margin-left: 4px; } .wpfc-calendar-wrapper button .fc-icon:after{ content: none; } .fc-toolbar .fc-state-hover, .fc-toolbar .ui-state-hover { z-index: initial; } */ /** END Kalender Arrow Buttons */ /** contact form 7*/ .wpcf7-form div{ line-height: 24px; margin-bottom: 6px; } .wpcf7 .wpcf7-form input[type=text], .wpcf7 .wpcf7-form input[type=email], .wpcf7 .wpcf7-form textarea, input.wpcf7-form-control.wpcf7-date, input.wpcf7-form-control.wpcf7-number, input.wpcf7-form-control.wpcf7-quiz, input.wpcf7-form-control.wpcf7-text, select.wpcf7-form-control.wpcf7-select, textarea.wpcf7-form-control.wpcf7-textarea{ border: 1px solid; font-size: 16px; line-height: 19px; } footer input.wpcf7-form-control.wpcf7-text, .mymail-form-fields .mymail-email, .mymail-form-fields .button{ border:none; border-radius: 4px; } .mymail-form-fields .mymail-submit-wrapper{ max-width: 110px; } .mymail-form-fields .mymail-email{ width: 100%; margin: 5px 0 0; outline: 0; } .mymail-wrapper.mymail-email-wrapper, .mymail-wrapper.mymail-submit-wrapper{ float: left; padding: 0; margin: 0; } .mymail-wrapper.mymail-email-wrapper{ width: calc(100% - 110px); } .mymail-form-fields .button{ width: initial; text-transform: uppercase; outline: 0; height: 39px; padding: 0 23px; max-width: 110px; } .mymail-form-info.error, .mymail-form-info.error p, .footer_inner .footer_bottom_columns.three_columns .column3 .footer_bottom .mymail-form-info.error ul{ color: #fff; text-align: left; } .mymail-form .error input{ /*background-color: rgba(187, 74, 74, 0.24);*/ border: 1px solid #bf4d4d; outline: none!important; } .mymail-form .mymail-wrapper.mymail-lists-wrapper{ overflow: hidden; max-height:0; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out; } .mymail-form .mymail-wrapper.mymail-lists-wrapper.show{ max-height: 44px; } .wpcf7 .wpcf7-form .wpcf7-response-output.wpcf7-display-none{ display: none; } .wpcf7 .wpcf7-form .wpcf7-response-output.wpcf7-validation-errors, .wpcf7 .wpcf7-form .wpcf7-response-output.wpcf7-mail-sent-ok{ display: inline-block; } .q_accordion_holder.accordion.anfrage-formular h6.ui-accordion-header{ display:none; } .form-container{ display: none; } .form-container .wpcf7-form h4,.form-container .wpcf7-form h5,.form-container .wpcf7-form h6{ display: block; clear: both; } .form-container .wpcf7-form > div { margin-bottom: 20px; } .form-container .wpcf7-form{ text-align: left; } /** END contact form 7 */ /* related */ .related_holder .yuzo_related_post .relatedthumb, .related_holder .yuzo_related_post_widget .relatedthumb{ padding: 0; margin: 0; width:32%; margin-right: 2%; } .related_holder .yuzo_related_post .relatedthumb:last-child, .related_holder .yuzo_related_post_widget .relatedthumb:last-child{ margin-right: 0; } .related_holder .relatedthumb div, .related_holder .relatedthumb span{ display: block; font-weight: 600!important; font-size: 18px; } .related_holder .relatedthumb span, .yuzo_related_post_widget .relatedthumb{ line-height: 20px; } .related_holder .yuzo_related_post .relatedthumb a img, .related_holder .yuzo_related_post_widget .relatedthumb a img { border-radius: 4px; } /* .related_holder .yuzo_related_post_widget .relatedthumb .yuzo-img-wrap { overflow: hidden; height: 120px; }*/ .related_holder .yuzo_related_post_widget { margin: 0 0 10px 0; } .footer_bottom span.q_social_icon_holder{ margin-right: 8px; } /* .cover_boxes ul{ width: 100%; } .cover_boxes ul li.act{ width: 50%; }*/ .cover_boxes ul li:last-child{ margin-right: 0; } .cover_boxes li a.thumb{ max-height: 284px; } .menu_icon_holder{ display: none; } .menu_icon_holder .fa-bars{ position: relative; border-style: solid; border-width: 6px; border-radius: 50%; padding: 10px 12px; cursor: pointer; color: #fff; border-color: #0d8484; background-color: #277c82; width: 60px; height: 60px; font-size: 28px; } .fa-bars:before{ } /* (events) archive */ /* .archive .content_inner .column1>.column_inner{ padding: 0 0 20px; }*/ /*.archive */.breadcrumb-navigation{ border-radius: 4px; background-color: #fff; min-height: 40px; font-size: 13px; } /*.archive*/ .breadcrumb-navigation .breadcrumbs{ line-height: 20px; padding: 10px 0; } .archive .breadcrumb-navigation .breadcrumbs{ padding: 10px 0 10px 10px; } .archive article{ background-color: #fff; border-radius: 4px; width: 46%; margin: 0 2% 20px; padding-bottom: 0;/*10px;*/ } .archive #content article .more-link-container{ margin-bottom: 20px; } .archive article:after{ border: none; } /* .archive article .row .col-image{ padding-right: 0; padding-left: 0; }*/ .archive article img, .page-pressearchiv article img, .team-image img{ border-radius: 4px; } .team-image img{ text-align: center; } .archive article .entry-title{ margin-bottom: 0; } .archive .content_inner .column1>.column_inner{ background: none } span.event-date, span.event-starttime, span.event-endtime{ display: inline-block; } span.one-row{ display: block; } .archive article span.event-endtime, .archive article .event-category, .archive article .edit-link{ display: none; } .archive .container_inner .q_masonry_blog { margin: 0; } .archive .no-results{ width: 100%; margin: 0; padding-left: 10px; padding-bottom: 0; line-height: 40px; } .archive .events-maker-orderby { margin: 0 0 1em 0; } .archive select, .archive input { background-color: #277c82; color: #fff; border: none; outline: none; border-radius: 4px; padding: 5px 10px; font-size: 13px; line-height: 30px; } .archive .widget_events_maker_search input{ width: 49%; margin-bottom: 10px; } .archive .widget_events_maker_search input::-webkit-input-placeholder { color: #FFF !important; } .archive .widget_events_maker_search input:-moz-placeholder { /* Firefox 18- */ color: #FFF !important; } .archive .widget_events_maker_search input::-moz-placeholder { /* Firefox 19+ */ color: #FFF !important; } .archive .widget_events_maker_search input:-ms-input-placeholder { color: #FFF !important; } .archive .widget_events_maker_search button.em-search-submit{ width: 100%; height: 39px; padding: 0 23px; cursor: pointer; } .archive .widget_events_maker_search button.em-search-submit:focus, .archive .widget_events_maker_search button.em-search-submit:hover{ outline: none; } .archive form.em-search-form{ text-align: center; } .archive form #em-search-start-date{ float: left; } .archive form #em-search-end-date{ float: right; } .archive .widget_events_maker_search input[type=search]:hover, .archive .widget_events_maker_search input[type=search]:focus{ /*background: none;*/ } .ui-datepicker{ margin-top: 10px; background-color: #fff; width: 100%!important; position: relative!important; top:initial!important; left: initial!important; } .ui-datepicker .ui-datepicker-calendar{ width: 100%; } .theme-veranstaltungen .column_inner .ui-datepicker, .theme-veranstaltungen .column_inner .ui-datepicker a, .theme-veranstaltungen .column_inner .ui-datepicker td, .theme-veranstaltungen .column_inner .ui-datepicker span{ color: #444; } .ui-datepicker th, .ui-datepicker td{ text-align: center; } .ui-datepicker td:hover{ background-color: #ee7202; } .ui-datepicker .ui-datepicker-header { position: relative; background-color: #277c82; padding: 5px 10px; border-radius: 4px; } .theme-veranstaltungen .column_inner .ui-datepicker .ui-datepicker-header span{ color: #fff; } .ui-datepicker .ui-datepicker-prev{ position: absolute; left: 10px; } .ui-datepicker .ui-datepicker-next{ position: absolute; right: 10px; } .ui-datepicker .ui-datepicker-title{ text-align: center; font-weight: bold; } .ui-datepicker-unselectable.ui-state-disabled{ pointer-events: none; } .theme-veranstaltungen .column_inner .ui-datepicker .ui-datepicker-unselectable.ui-state-disabled span{ color: #ccc; } .container_inner .articles.q_masonry_blog{ width: calc(100% + 20px); } .footer_bottom_holder .three_columns>.footer_bottom_column>.column_inner { padding: 0 0 10px 0; } /* */ #appstore img, #playstore img{ margin: 5px 5px 0 0; height: 40px; width: auto; float: left; } .footer_inner .container{ margin: 0; padding: 0 20px; } .footer_bottom_custom .footer_bottom .widget_sp_image, .footer_bottom_custom .footer_bottom .widget_text { margin: 0 1%; display: inline-block; vertical-align: middle; } .footer_bottom_custom .footer_bottom .widget_sp_image a { height: auto; display: block; } .footer_bottom_custom .footer_bottom .widget_text { width: 90%; } @media (min-width: 321px) { .footer_bottom_custom .footer_bottom .widget_text { width: calc(100% / 2); } } @media (min-width: 426px) { .footer_bottom_custom .footer_bottom .widget_text { width: calc(100% / 4); } } @media (min-width: 769px) { .footer_bottom_custom .footer_bottom .widget_text { width: calc(100% / 6); } } .footer_bottom_custom .footer_bottom .textwidget { margin: 10px 0; } .footer_bottom_custom .footer_bottom .widget_sp_image img { display: inline-block; height: initial; width: auto; height: auto !important; margin: 0 0; } .footer_bottom_custom .footer_bottom .widget_text .widget_sp_image { display: block; height: auto; margin: 0 0; } .footer_bottom_custom .footer_bottom .widget_sp_image .aligncenter { } .column2 .column_inner .button-container-bottom{ position: relative; bottom: initial; } .column2 .column_inner .entry-meta .button-container-bottom{ margin-top:6px; } .column2 .column_inner .button-container-bottom .more-link-container{ margin: 0 5px 10px; } /** */ form.events-maker-orderby{ display: none; } .page-pressearchiv .content .vc_row .column1>.column_inner{ background: none; } #content .articles, .page-pressearchiv .articles{ margin-left: -20px; } #content .articles .article, .page-pressearchiv .articles .article{ margin-bottom: 20px; width: calc(50% - 20px); margin: 0 0 20px 20px ; background: #fff; border-radius: 4px; } #content .articles .article h3, .articles .article p, .page-pressearchiv .articles .article h3, .page-pressearchiv .articles .article p{ padding: 0 20px; margin-bottom: 0; } #content .articles .article h3, .page-pressearchiv .articles .article h3{ margin-top: 10px; } .articles .article p, .page-pressearchiv .articles .article p{ margin-bottom: 10px; } #content .articles .article a.image-link, .articles .article a.image-link{ display: block; line-height: 0; } #content .articles .article .button-container-bottom, .page-pressearchiv .articles .article .button-container-bottom{ position: relative; width: 100%; } .page-pressearchiv .content .vc_row .column1>.column_inner{ padding-top: 0; } .alm-btn-wrap{ position: absolute; width: 100%; pointer-events: none; bottom: -30px; margin-left: 10px; padding: 0; z-index: 1200; } .alm-load-more-btn{ position: relative; display: none; } .alm-load-more-btn.loading{ display: block; } .blog_single.blog_holder article .post_text .post_text_inner{ padding-top: 0; } .column2 .column_inner h3{ margin-bottom: 0; } .events-maker-ical{ margin: 0 0 10px 0; } .column2 .entry-meta, .column2 .info{ line-height: 26px; } .column2 .entry-meta .entry-date{ margin-left: 10px; display: block; } /** */ .column2 .column_inner .portfolio_detail .q_accordion_holder.wpb_content_element { margin-bottom: 12px!important; } .q_accordion_holder.accordion h3.ui-accordion-header{ padding-top: 0; min-height: initial; } .q_accordion_holder.accordion .ui-accordion-header{ line-height: normal; } .q_accordion_holder.accordion .ui-accordion-header span.tab-title{ padding: 10px; display: inline-block; } /** lists listen accordion */ ul.ticketstations, ul.sponsors, ul.organizers{ list-style: none; line-height: normal; overflow: hidden; margin: 0; width: 100%; position: relative; } ul.ticketstations li, ul.sponsors li, ul.organizers li{ width: calc(50% - 20px); margin:5px 10px; float: left; } ul.sponsors li{ width: calc(33% - 20px); height: 150px; } ul.ticketstations li.even, ul.sponsors li.even{ clear: right; } ul.ticketstations li .button-container-bottom{ position: relative; margin-bottom: 10px; } ul.organizers li .button-container-bottom{ position: relative; margin-top: 12px; } ul.organizers li .button-container-bottom .more-link-container{ margin: 0 5px 10px; } ul.organizers li:first-child{ width: 200px; float: left; } ul.organizers li:last-child{ width: calc(100% - 240px); float: left; } ul.organizers li.first:first-child{ width: 100%; float: none; } /** */ .widget ul{ list-style: none; list-style-position: outside; margin: 0 0 20px 10px; } .widget ul li{ margin-bottom: 10px; line-height: 20px; overflow: hidden; } .widget.widget_recent_entries ul span.post-date, .widget ul span.date{ float: left; width: 100%; font-size: 13px; } .widget ul li h5{ line-height: initial; } .widget .latest_post_holder.image_in_box .latest_post_text, .latest_post_two_holder .latest_post_two_text { padding: 0; float: left; text-align: left; } .widget .latest_post_image, .latest_post_two_holder .latest_post_two_image{ margin-right: 10px; margin-bottom: 10px; } .content .column2 .column_inner h5, .content .comlumn_inner .widget h5{ margin-bottom: 10px; } .latest_post_two_holder h4 { margin-bottom: 0; } .latest_post_two_holder .separator, .latest_post_two_holder .post_info_author { display: none; } .latest_post_two_holder .latest_post_two_info { border-top: 0px !important; padding: 0 !important; } .cover_boxes .date-small, .entry-date .date-small{ display: none; } /** maxipark map */ .maxipark-map-container{ position: relative; width: 100%; height: 260px; overflow: hidden; max-width: 360px; margin: 6px auto auto; left: 0px; top: 0px; /*border: 6px solid #4ca8ae;*/ -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .maxipark-map-container .maxipark-map{ position: absolute; width: 500px; height: 406px; background: url(../img/maxipark-map.png) center no-repeat; background-size: contain; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .maxipark-map-container .maxipark-map .maxipark-map-marker{ position: absolute; width: 80px; height: 60px; background: url(../img/marker.png) center no-repeat; background-size: contain; /*visibility: hidden;*/ } .articles article p{ line-height: 1.35em; } /* .page-kletternetze .maxipark-map-marker{ left:240px; top:400px; } .page-kleinkinderspielplatz .maxipark-map-marker{ left:200px; top:230px; } .page-kleinkinder-kletterparcours .maxipark-map-marker{ left:180px; top:210px; } .page-dschungelspielplatz .maxipark-map-marker{ left:270px; top:350px; } .page-alte-mine .maxipark-map-marker{ left:200px; top:350px; } .page-roehrenrutsche .maxipark-map-marker{ left:160px; top:550px; } .page-wasserfontaenenfeld .maxipark-map-marker{ left:330px; top:520px; } .page-riesenkrake .maxipark-map-marker{ left:275px; top:510px; } .page-piratenschiff .maxipark-map-marker{ left:300px; top:550px; } .page-tal-der-tausend-wasser .maxipark-map-marker{ left:350px; top:450px; } .page-schmetterlingshaus .maxipark-map-marker{ left:640px; top:310px; } .page-gartenbahn-der-hmgf .maxipark-map-marker{ left:860px; top:640px; } .page-grillhaus-elefant .maxipark-map-marker{ left:310px; top:110px; } .page-grillhaus-werkstatthalle .maxipark-map-marker{ left:660px; top:180px; } .page-grillhaus-solar .maxipark-map-marker{ left:300px; top:150px; } .page-elektrozentrale .maxipark-map-marker{ left:190px; top:250px; } .page-werkstatthalle .maxipark-map-marker{ left:620px; top:140px; } .page-glaselefant .maxipark-map-marker{ left:300px; top:180px; } .page-waschkauen-und-festsaal .maxipark-map-marker{ left:360px; top:110px; } .page-maxigastro .maxipark-map-marker{ left:620px; top:140px; } */ /* team */ .page-team .column1 .button-container-bottom{ position: relative; bottom: initial; margin: 10px 0; } .page-team .column1 .button-container-bottom .more-link-container{ margin-bottom: 5px; } .page-team .full_width .articles{ overflow: hidden; } .page-team .full_width .articles .article { width: calc(50% - 10px); float: left; line-height: initial; } .page-team .full_width .articles .article:nth-child(odd) { margin-right: 20px; } .page-team .full_width .articles .article .team-image { display: block; padding: 0 20px; } .schema-info{ display: none; } .column2 .event-gallery{ margin: 8px 0; } .footer_top h5{ color: #222; } /** */ .cover_boxes ul li, .cover_boxes ul li .box .thumb{ overflow: hidden; border-radius: 4px; } .alm-reveal .date.date-small{ display: none; } #content .articles .article p, .alm-reveal article p{ line-height: 24px; } #content .articles .article h3, .alm-reveal article h3{ margin-bottom: 8px; } /** */ .column2 img { max-width: 100%; border-radius: 4px; } .content .column2 .info img { display: block; /*margin: 10px 20px 10px 0px;*/ /*float: left;*/ /*max-width: 100%;*/ } .content .column2 .q_accordion_holder .info p{ padding: 10px 0; } .column2 .column_inner .q_accordion_holder .button-container-bottom .more-link-container, .column2 .column_inner .q_accordion_holder .button-container-bottom .more-link-container a.read_more-link { width: 100%; padding: 0; margin: auto 0 10px; } .single-portfolio_page .full_width .projects_holder_outer .standard{ width: 100%; } .single-portfolio_page .full_width .projects_holder article .text_holder{ /*display: none;*/ } .single-portfolio_page .full_width .projects_holder.portfolio_main_holder.portfolio_full_image.justified-gallery{ width: 100%; height: auto!important; } .single-portfolio_page .full_width .projects_holder.portfolio_main_holder.portfolio_full_image.justified-gallery>article{ position: relative !important; display: inline-block !important; top: auto !important; left: auto !important; width: 32% !important; margin-right: 2% !important; float: left !important; min-height: 170px !important; } .single-portfolio_page .full_width .projects_holder.portfolio_main_holder.portfolio_full_image.justified-gallery>article a .image_holder{ display: block; position: relative; overflow: hidden; } .single-portfolio_page .full_width .projects_holder.portfolio_main_holder.portfolio_full_image.justified-gallery>article a .image{ border-radius: 4px; position: relative; display: block; overflow: hidden; width: 100%; } .single-portfolio_page .full_width .projects_holder.portfolio_main_holder.portfolio_full_image.justified-gallery>article a img{ left: 0; border-radius: 4px; } .single-portfolio_page .full_width .projects_holder article .portfolio_description{ padding-top:0; } .single-portfolio_page .full_width .projects_holder article a h5{ width: 90%; margin: auto; color: #6097c6; -webkit-transition: color .3s ease-in-out; -moz-transition: color .3s ease-in-out; -ms-transition: color .3s ease-in-out; -o-transition: color .3s ease-in-out; transition: color .3s ease-in-out; } .single-portfolio_page .full_width .projects_holder article a:hover h5{ color: #1c6bad; } .q_accordion_holder .groupdetails .vc_column-inner{ text-align: center; } .q_accordion_holder .groupdetails .vc_column-inner .wpb_wrapper{ display: inline-block; overflow: hidden; } .q_accordion_holder .groupdetails .vc_column-inner .wpb_wrapper .q_icon_with_title{ display: inline-block; margin: 30px 0 0; float: none; vertical-align: top; } .q_accordion_holder .groupdetails .vc_column-inner .wpb_wrapper .q_icon_with_title .icon_holder img{ width: 100px; height: auto; } /* DOWNLOAD PAGE */ .page-downloads article.download-element { position: relative; width: 48%; height: 480px; padding: 20px; margin: 1%; float: left; border: 1px solid #EEE; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; } /* */ @media only screen and (max-width: 1199px){ /** filter navigation */ .filter_holder ul li span{ font-size: 16px; font-weight: 600; } /** */ .container_inner .cover_boxes p, .container_inner .cover_boxes .date{ margin-bottom: 0; font-size:14px; line-height:18px; } .container_inner .cover_boxes h3{ margin-bottom: 0; } .container_inner .cover_boxes .more-link-container a.read_more-link{ font-weight: 200; line-height:28px; padding: 0 10px; } .container_inner .cover_boxes .more-link-container{ margin-bottom: 10px; height: auto; } .cover_boxes ul li .box .box_content, .container_inner .cover_boxes .box_content{ padding-top: 12px; left: 240px; width: 207px; } .cover_boxes{ width: 950px; margin: auto; } .cover_boxes ul li .box, .cover_boxes ul li.act{ width: 455px; } .cover_boxes ul li, .cover_boxes ul li .box .thumb { width: 227px; max-height: 227px; } .cover_boxes ul li .box .box_content { left: 247px; width: 207px; } .cover_boxes .box_content h3{ /*text-overflow: ellipsis; overflow: hidden;*/ font-size: 18px; line-height: 18px; } .cover_boxes .box_content p, .cover_boxes .box_content .date{ /*margin-top: 10px;*/ } .cover_boxes .box_content .date{ } .cover_boxes li a.thumb { } } @media only screen and (max-width: 1100px){ .logo_wrapper { height: initial; left: initial; } .logo_wrapper .q_logo a{ height: 90px!important; } .widget_events_maker_calendar table td { padding: 2px 2px; } .footer_bottom_custom .footer_bottom .widget_sp_image img { height: 60px; } .column2 .column_inner .button-container-bottom .more-link-container, .column2 .column_inner .button-container-bottom .more-link-container a.read_more-link{ width: 100%; padding: 0; margin: auto 0 10px; } .column2 .column_inner .button-container-bottom .more-link-container a.read_more-link{ } .content .column2 .info img { display: block; margin: 10px auto 10px; float: none; max-width: 100%; } } @media only screen and (max-width: 940px) and (min-width: 769px){ .entry-date .event-date{ display: none; } .entry-date .event-date.date-small{ display: block; } } @media only screen and (max-width: 1100px) and (min-width: 769px){ .alm-reveal .date{ display: none; } .alm-reveal .date.date-small{ display: block; } #content .articles .article p, .alm-reveal article p{ line-height: 20px; }/* #content .articles .article h3, .alm-reveal article h3{ margin-bottom: 8px; }*/ } @media only screen and (max-width: 1020px){ .blog_holder.blog_pinterest .blog_holder_grid_sizer, .blog_holder.blog_pinterest article, .blog_holder.masonry .blog_holder_grid_sizer, .blog_holder.masonry article, .q_masonry_blog article { width: 47%; } } @media only screen and (min-width: 1001px){ .single-portfolio_page .full_width .projects_holder.portfolio_main_holder.portfolio_full_image.justified-gallery>article:nth-child(3){ margin-right: 0!important; } } @media only screen and (max-width: 1000px){ .logo_wrapper { height: initial!important; left: initial; } .logo_wrapper .q_logo { display: block; } .logo_wrapper .q_logo a{ height: 90px!important; left: initial !important; } .logo_wrapper .q_logo img { left: 0; } header .q_logo img.dark, header .q_logo img.light, header .q_logo img.normal, header .q_logo img.sticky{ display: inline-block!important; } .cover_boxes{ width: 768px; margin: auto; } .cover_boxes ul li .box, .cover_boxes ul li.act{ width: 374px; } .cover_boxes ul li, .cover_boxes ul li .box .thumb { height: 187px; width: 187px; } .cover_boxes ul li .box .box_content { left: 197px; width: 177px; } .cover_boxes .date{display: none;} .cover_boxes .date-small{display: block;} .cover_boxes .box_content h3{ /*text-overflow: ellipsis; overflow: hidden;*/ font-size: 16px; line-height: 14px; } .cover_boxes .box_content p, .cover_boxes .box_content .date{ font-size: 12px; line-height: 14px; /*text-overflow: ellipsis; overflow: hidden;*/ } .four_columns>.column1, .four_columns>.column2, .four_columns>.column3, .four_columns>.column4 { width: 48%; } .ui-datepicker table th,.ui-datepicker table td{ padding: 5px; } .single-portfolio_page .full_width .projects_holder.portfolio_main_holder.portfolio_full_image.justified-gallery>article{ width: 49% !important; margin-right: 2% !important; } .single-portfolio_page .full_width .projects_holder.portfolio_main_holder.portfolio_full_image.justified-gallery>article:nth-child(even){ margin-right: 0!important; } } @media only screen and (max-width: 946px){ .mymail-form-fields .mymail-email, .mymail-form-fields .mymail-wrapper{ width: 100%; } .mymail-form-fields .mymail-wrapper, .mymail-submit-wrapper .submit-button{ width: 100%; max-width: 100%; } .mymail-lists-wrapper>.mymail-list{ width: 100%; } } @media only screen and (max-width: 836px){ .archive .widget_events_maker_search input{ width: 100%; } } @media only screen and (max-width: 800px){ .qode_image_gallery_no_space { /* display: none; */ } /* .full_width_inner .qode_image_gallery_no_space ul { margin: 0; overflow: hidden; padding: 0; } .full_width_inner .qode_image_gallery_no_space.highlight_active ul li { -webkit-transition: opacity .3s ease-in-out; -moz-transition: opacity .3s ease-in-out; -ms-transition: opacity .3s ease-in-out; -o-transition: opacity .3s ease-in-out; transition: opacity .3s ease-in-out; } .full_width_inner .qode_image_gallery_no_space ul li { float: left; } .full_width_inner .qode_image_gallery_no_space .controls, .full_width_inner .qode_image_gallery_no_space ul li.-after, .full_width_inner .qode_image_gallery_no_space ul li.-before { display: inline-block; } */ } @media only screen and (max-width: 768px){ .wpml-ls-legacy-list-vertical { margin: auto; } .side-widget .sticky-sidebar-content.hide { left: 0; } .mymail-form-fields .mymail-wrapper{ width: calc(100% - 110px); } .maxipark-map-container .maxipark-map .maxipark-map-marker{ visibility: visible; } .maxipark-map-container{ max-width: 500px; width: 100%; height: 406px; } .parallax_section_holder.layer1.area.theme-park, .parallax_section_holder.layer1.area.theme-the-park { background: none!important; } .menu_icon_holder{ position: fixed; z-index: 1110; width: 60px; top:2px; left: 2px; display: inline-block; } .menu_icon_holder img{ position: relative; border-style: solid; border-width: 6px; border-radius: 50%; padding: 0px; cursor: pointer; border-color: #0d8484; background-color: #277c82; } /* Elefanten Sidebar */ .side-widget{ position: fixed; z-index: 1200; top:65px; left:0px; width: 100%; height: auto; max-height: 550px; background-color: #277c82; overflow: hidden; -moz-transition: max-height .2s ease-in-out; -webkit-transition: max-height .2s ease-in-out; -o-transition: max-height .2s ease-in-out; -ms-transition: max-height .2s ease-in-out; transition: max-height .2s ease-in-out; } .side-widget.close-menu{ height: 0; max-height: 0; overflow: hidden; } .side-widget:hover .sticky-sidebar-content{ -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .side-widget .sticky-sidebar-content{ margin-top: 0px; } .side-widget .sticky-sidebar-content img{ width: 60px; } .side-widget .sticky-sidebar-content ul{ display: inline-block; line-height: 0; } .side-widget .sticky-sidebar-content ul li{ float: none; display: inline-block; } .side-widget .sticky-sidebar-content ul li a{ font-size: 15px; font-weight: 600; color: #fff; line-height: 41px; letter-spacing: 1px; text-transform: uppercase; margin-bottom: 0; border-radius: 4px; padding: 0 10px; } .side-widget .sticky-sidebar-content ul li a:hover{ background-color: #4ca8ae; } .menu_icon_holder_sidebar{ position: fixed; right: 0px; top: 2px; z-index: 1110; width: 60px; display: inline-block; } .menu_icon_holder_sidebar img{ position: relative; border-style: solid; border-width: 6px; border-radius: 50%; padding: 0px; cursor: pointer; border-color: #0d8484; background-color: #277c82; } .side-widget .icon_holder{ display: none; } .side-widget .sticky-sidebar-content{ position: relative; display: block; float: left; width: 100%; height: initial; padding: 0; text-align: center; z-index: 10; left: 0; } .side-widget.close-menu:hover, .side-widget.close-menu:hover .sticky-sidebar-content{ display: initial; } .side-widget:hover .sticky-sidebar-content2{ display: block; left: 0; } .side-widget.close-menu .sticky-sidebar-content2, .side-widget.close-menu:hover .sticky-sidebar-content2{ left: 0; display: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .side-widget .sticky-sidebar-content2{ display: block; position: relative; top: 0; left: 0; width: 100%; height: auto; overflow: hidden; text-align: center; background-color: #fff; z-index: 5; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; } .side-widget .sticky-sidebar-content2 .meteomedia #wetterinfo_data { margin-top: 0; } .side-widget .sticky-sidebar-content2 .meteomedia #wetterinfo_data a{ width: 34%; float: left; } .side-widget .sticky-sidebar-content2 .meteomedia #wetterinfo_data #Headline{ display: none; } .side-widget .sticky-sidebar-content2 .meteomedia #wetterinfo_data #Daten{ display: inline-block; width: 66%; float: right; } .side-widget .sticky-sidebar-content2 .meteomedia #wetterinfo_data #Daten a{ width: 50%; } .side-widget .sticky-sidebar-content2 .meteomedia #wetterinfo_data #City a{ font-size: 15px; } .side-widget .sticky-sidebar-content2 .meteomedia #wetterinfo_data #Daten img{ /*width: 80%;*/ } .side-widget .sticky-sidebar-content2 .meteomedia .logos{ width: 100%; text-align: center; position: relative; line-height: initial; padding: 10px; } .side-widget .sticky-sidebar-content2 .meteomedia .logos .Wetterinfo{ float: left; } .side-widget .sticky-sidebar-content2 .meteomedia .logos .Meteomedia{ float: right; } .footer_inner .footer_top_holder .column_inner { margin: 0; } body header.page_header{ background: none!important; } body:not([class*=home]):not([class*=page-nacht]):not([class*=page-herbstleuchten]) .page_header{ height: initial; } .container_inner .vc_row.section .full_section_inner .filter_outer.fixedHeight{ height: 65px; } .logo_wrapper { height: initial!important; left: initial; } .logo_wrapper .q_logo { display: block; width: 100%; } .logo_wrapper .q_logo a{ left: initial; position: relative; margin: auto; text-align: center; width: 100%; /*height: 90px!important;*/ height: 65px!important; /* evtl nur mobile */ max-width: 350px; max-height: 90px!important; } .logo_wrapper .q_logo img { left: 0; margin: auto; position: absolute; width: 100% !important; height: auto!important; /*max-height: 45px!important; /*max-width: auto!important;*/ } .logo_wrapper .q_logo img.normal { /**display: none!important;*/ transform: scale(0.7); } .qode_image_gallery_no_space{ /* display: none;*/ } /* columns */ .two_columns_66_33 .column1, .two_columns_66_33 .column2{ width: 100%; margin-bottom: 20px; } .content .vc_row .two_columns_66_33 .column1>.column_inner, .content .vc_row .two_columns_66_33 .column2>.column_inner{ margin-right: 0; } .content .vc_row .two_columns_66_33 .column2>.column_inner{ text-align: center; } .column2 .entry-meta .entry-date{ margin-left: 0; } .event-ticket, .single-location, .organizer-name, .organizer-title{ margin-left: 0; } /* footer */ .footer_responsive_adv .footer_top .four_columns > div{ float: left; } .footer_inner .footer_bottom_holder .container_inner .footer_bottom_columns .footer_bottom_column:last-child{ padding-right: 0; } .footer_inner .footer_bottom_holder .container_inner .footer_bottom_columns .footer_bottom_column:last-child .column_inner{ margin: 0; padding-left:20px; } .footer_inner .footer_bottom_holder .container_inner .footer_bottom_columns .footer_bottom_column{ width: 100%; } .footer_inner .footer_bottom_holder .container_inner .footer_bottom_columns .footer_bottom_column:last-child .column_inner{ padding: 0; } body h3, h4, h5 { /*font-size: 15px;*/ } .portfolio_thumbnail img{ width: 50%; padding-right: 10px; } .cover_boxes, .cover_boxes ul, .cover_boxes ul li{ width: 100%; height: initial; max-height: none; } .cover_boxes ul li, .cover_boxes ul li.act, .cover_boxes ul li .box{ width: 100%; height: initial; } .cover_boxes ul li .box{ overflow: hidden; padding: 20px; } .cover_boxes ul li, .cover_boxes ul li .box .thumb { display: inline-block; float: left; } .cover_boxes ul li .box .thumb { width: 25%; /*min-height: 150px;*/ height: initial; } .cover_boxes ul li .box .box_content { float: left; margin-left: 0; width: calc(75% - 20px); left: inherit; } .cover_boxes .box_content h3{ font-size: 19px; line-height: initial; } .cover_boxes .box_content p, .cover_boxes .box_content .date{ margin-top: 0; font-size: initial; line-height: initial; } .cover_boxes .box_content p{ margin-bottom: 10px; } #content .articles .article h3, .alm-reveal article h3{ margin-bottom: 4px; } #content .articles .article p, .alm-reveal article p{ line-height: 18px; } .button-container-bottom{ position: relative; width: 100%; } .column2 .column_inner .button-container-bottom, .page-team .button-container-bottom{ width: 100%; /*text-align: left;*/ } .container_inner .cover_boxes .more-link-container{ margin-bottom: 0; } .container_inner .cover_boxes .more-link-container a.read_more-link{ line-height: 39px; font-weight: 700; } .blog_holder.blog_pinterest .blog_holder_grid_sizer, .blog_holder.blog_pinterest article, .blog_holder.masonry .blog_holder_grid_sizer, .blog_holder.masonry article, .q_masonry_blog article { width: 100%; } .container_inner .q_masonry_blog { margin: auto 20px; } .ui-datepicker table th,.ui-datepicker table td{ padding: 5px 10px; } .archive .widget_events_maker_search input{ width: 49%; } .footer_bottom .widget_sp_image img { height: 40px; } .footer_inner .footer_bottom_holder .container_inner .three_columns .column1, .footer_inner .footer_bottom_holder .container_inner .three_columns .column2{ width: 50%; } .articles .article h3{ margin-bottom: 0; } .articles .article p{ font-size: 14px; } .articles .article p, .page-pressearchiv .articles .article p{ line-height: 22px; } .column2 .column_inner .button-container-bottom{ /*margin-left: -10px;*/ } .column2 .column_inner .button-container-bottom .more-link-container{ width: calc(33% - 10px); margin-left:10px; } .q_accordion_holder.accordion .ui-accordion-header{ line-height: normal; } .q_accordion_holder.accordion .ui-accordion-header span.tab-title{ padding: 10px; display: inline-block; } .portfolio_detail > img, .content .column2 .portfolio_detail .info img.wp-post-image { margin: 0 auto; display: block; } .portfolio_detail .info { text-align:center; margin-top:20px; } .content .portfolio_detail .info h4 { margin-bottom:6px; text-align: center; } .single-portfolio_page .portfolio_detail { padding-bottom:20px; } .portfolio_social_holder { text-align:center; margin-top:10px; } .portfolio_social_holder .social_share_holder ul li { display:inline-block; float:none; } .gmaps-container{ text-align: center; } .gmaps-container iframe{ max-width: 360px; width: 100%; } .sidebar-info{ max-width: 360px; margin: auto; text-align: left; } .vc_hidden-xs { display: none!important; } .cover_boxes .date{display: block;} .cover_boxes .date-small{display: none;} .content .vc_row .vc_column-inner, .footer_inner .footer_top_holder, .content .bg{ background: none; background-image: none !important; } .footer_inner .footer_top_holder{ background-color: #fcfacf; } } @media only screen and (max-width: 768px) and (orientation: landscape){ .side-widget .sticky-sidebar-content2{ display: none; } } @media only screen and (max-width: 768px) and (orientation: portrait){ /* Navigation */ .filter_holder ul li{ display: block; } .side-widget .sticky-sidebar-content ul li{ display: block; float: none; } } @media only screen and (max-width: 620px){ .container_inner .articles.q_masonry_blog{ width: 100%; } } @media only screen and (max-width: 600px){ .cover_boxes ul li .box .box_content p{ /*height: 64px;*/ overflow: hidden; text-overflow: ellipsis; } .container_inner .q_masonry_blog { margin: auto auto auto auto; } .q_accordion_holder.boxed div.accordion_content { padding-right: 0; } .q_accordion_holder.boxed div.accordion_content { padding-left: 0; } .full_width .q_masonry_blog article { width: 100%; margin-left: 0; margin-right: 0; } #content .articles, .page-pressearchiv .articles{ margin-left: 0; } #content .articles .article, .page-pressearchiv .articles .article{ width: 100%; margin: 0 0 20px 0; } #content .articles .article h3, .articles .article p{ padding: 0 20px; } .footer_inner .footer_bottom_holder .container_inner .three_columns .column1, .footer_inner .footer_bottom_holder .container_inner .three_columns .column2{ width: 100%; } .related_holder .yuzo_related_post h3{ text-align: center; } .related_holder .yuzo_related_post .relatedthumb, .related_holder .yuzo_related_post_widget .relatedthumb{ width: 100%; text-align: center; margin-bottom: 20px; } .related_holder .yuzo_related_post .relatedthumb a img, .related_holder .yuzo_related_post_widget .relatedthumb a img { margin-bottom: 10px; width: 100%; max-width: 360px; border-radius: 4px; } .latest_post_holder>ul>li { margin: 0 0 10px!important; } .latest_post_holder>ul>li { padding-top: 0px; } ul.organizers li:first-child, ul.organizers li:last-child{ width: 100%; float: none; } /* DOWNLOAD PAGE */ .page-downloads article.download-element { position: relative; width: 100%; height: auto; margin: 10px 0; } } @media only screen and (max-width: 480px){ .mymail-form-fields .mymail-wrapper{ width: 100%; } .footer_top .column_inner>div { margin: 0 !important; } .cover_boxes ul li .box_content p, .cover_boxes ul li .box_content h3{ margin-right: 0; } /* footer */ .footer_inner .container{ margin: 0; } .footer_inner .container_inner{ margin: 0; padding: 0; } .footer_inner .footer_top_holder .column_inner{ margin-right: 0; } .footer_responsive_adv .footer_top .four_columns > div{ width: 100%; } .nl-widget input.wpcf7-form-control.wpcf7-text{ width: 50%; } .portfolio_thumbnail img{ width: 100%; padding-right: 0; } .filter_holder ul li{ margin: auto 10px; } .cover_boxes, .cover_boxes ul, .cover_boxes ul li{ width: 100%; } .cover_boxes ul li, .cover_boxes ul li.act, .cover_boxes ul li .box{ width: 100%; } .cover_boxes ul li .box{ overflow: hidden; padding: 20px; } .cover_boxes ul li .box .thumb { /*width: 50%;*/ } .cover_boxes ul li, .cover_boxes ul li .box .thumb { display: inline-block; float: left; } .cover_boxes ul li .box .thumb { width: 100%; max-height: none; } .cover_boxes ul li .box .box_content { float: left; margin-left: 0; width: 100%; left: 0; margin-top: 10px; } .cover_boxes .box_content h3{ font-size: 19px; line-height: initial; } .cover_boxes .box_content p, .cover_boxes .box_content .date{ margin-top: 0; font-size: initial; line-height: initial; } .container_inner .cover_boxes .button-container-bottom{ position: relative; width: 100%; margin-top: 20px; } .cover_boxes ul li .box .box_content p{ height: initial; } .container_inner .cover_boxes .more-link-container{ margin-bottom: 0; } .container_inner .cover_boxes .more-link-container a.read_more-link{ line-height: 39px; font-weight: 700; } .ui-datepicker table th,.ui-datepicker table td{ padding: 5px; } .column2 .column_inner .button-container-bottom{ margin-left: 0; } .column2 .column_inner .button-container-bottom .more-link-container{ width: 100%; margin-left:0; } .fc-ltr .fc-basic-view .fc-day-number { line-height: 25px; } .single-portfolio_page .full_width .projects_holder.portfolio_main_holder.portfolio_full_image.justified-gallery>article{ width: 100% !important; margin-right: 0!important; height: auto!important; max-height: 220px!important; } } @media only screen and (min-width: 621px){ .full_width .q_masonry_blog article { width: calc(50% - 20px); margin-left: 0; margin-right: 0; } } @media only screen and (min-width: 769px){ .maxipark-map-container:hover{ position: relative; left: calc(50% - 250px); /*top: calc(50% - 203px);*/ max-width: 500px; width: 500px; height: 406px; z-index: 20; margin: 6px 0 auto; } .maxipark-map-container:hover .maxipark-map{ left: 0px!important; top: 0px!important; } } @media only screen and (min-width: 769px) and (max-width: 960px){ .related_holder .yuzo_related_post .relatedthumb, .related_holder .yuzo_related_post_widget .relatedthumb{ width: 100%; text-align: center; margin-bottom: 20px; } .related_holder .yuzo_related_post .relatedthumb img, .related_holder .yuzo_related_post_widget .relatedthumb img { margin-bottom: 10px; width: 100%; max-width: 360px; } } @media only screen and (min-width: 1200px){ .wrapper .qode_grid_1200 .container_inner .q_masonry_blog{ margin: auto; } .wrapper .container_inner .projects_holder{ margin: auto; } } body a{ -webkit-transition: color .3s ease-in-out; -moz-transition: color .3s ease-in-out; -ms-transition: color .3s ease-in-out; -o-transition: color .3s ease-in-out; transition: color .3s ease-in-out; } .q_logo { opacity:0; } /* ---------------------- Veranstaltungen cover_boxes ---------------------- */ @media only screen and (min-width: 768px) and (max-width: 1000px) { /* headline entzerren */ .cover_boxes .box_content h3 { padding-top: .5em; line-height: 1.2em; } /* Teaser ausblenden */ .cover_boxes .box_content p { display: none; } /*.home*/ .page_container_inner { padding-top: 45px; } } @media only screen and (min-width: 480px) and (max-width: 720px) { /* headline entzerren */ .cover_boxes .box_content h3 { padding-top: .5em; line-height: 1.6em; } /* Teaser ausblenden */ .cover_boxes .box_content p { display: none; } } @media only screen and (max-width: 768px) { /* Abstand zu den Seiten hinzufügen */ .cover_boxes ul { padding: 0 20px; } /* Buttons von Inhalt unabhängig machen */ /*.button-container-bottom { position: absolute; width: auto; bottom: 20px; }*/ /* ---------------------- Animation Mobiles Menü ---------------------- */ .filter_holder { max-height: 65px; -moz-transition: max-height .4s ease-in-out; -webkit-transition: max-height .4s ease-in-out; -o-transition: max-height .4s ease-in-out; -ms-transition: max-height .4s ease-in-out; transition: max-height .4s ease-in-out; } .filter_holder.show-menu { max-height: 500px; } } /* bottom zurücksetzen */ @media only screen and (max-width: 480px) { .container_inner .cover_boxes .button-container-bottom { bottom: 0; } } /* ---------------------- Gruppen-Icons ---------------------- */ /* .q_icon_with_title.left_from_title.small.normal_icon .icon_holder, .q_icon_with_title.left_from_title.tiny .icon_holder, .q_icon_with_title.tiny .icon_holder img { width: 100px; height: auto; } */ /* Icons auf 1/3 Breite ziehen */ @media only screen and (min-width: 480px) and (max-width: 720px) { .q_accordion_holder .groupdetails .q_icon_with_title { width: 33.3333%; margin-top: 10px; } } /* Icons auf 1/2 Breite ziehen */ @media only screen and (max-width: 480px) { .q_accordion_holder .groupdetails .q_icon_with_title { width: 50%; margin-top: 10px; } /* fünftes Element zentrieren */ .q_accordion_holder .groupdetails .q_icon_with_title:nth-child(5) { width: 100%; } .q_icon_with_title .icon_text_inner { padding-bottom: 10px; } } /* ---------------------- Footer ---------------------- */ #events_maker_calendar_widget-3 .widget_events_calendar { padding-left: 10px; } @media only screen and (max-width: 600px) { /* Footer einspaltig */ .footer_responsive_adv .footer_top .four_columns > div { width: 100%; float: none; } .footer_responsive_adv .footer_top .four_columns .widget_text { text-align: left; } /* CSS-Accordion für Touch */ footer .footer_top .column_inner > div#nav_menu-2, footer .footer_top .column_inner > div#nav_menu-5 { max-height: 40px; overflow: hidden; -moz-transition: max-height .4s linear; -webkit-transition: max-height .4s linear; -o-transition: max-height .4s linear; -ms-transition: max-height .4s linear; transition: max-height .4s linear; text-align: center; border-radius: 3px; margin: 0 !important; } /* Menü beim Touch einblenden */ footer .footer_top .column_inner > div#nav_menu-2:hover, footer .footer_top .column_inner > div#nav_menu-5:hover { max-height: 1000px; } /* h5 als Button darstellen */ footer .footer_top .column_inner > div.widget_nav_menu h5 { height: 40px; line-height: 40px; background-color: #4ca8ae; text-align: center; border-radius: 3px; color: #fff; } footer .footer_top .column_inner > div.widget_nav_menu:hover h5 { background-color: #ee7202; color: #444; } footer .footer_top .column_inner > div.widget_nav_menu a { line-height: 2em; } footer .footer_top .column_inner > div.widget_nav_menu ul { margin: 0; } } @media only screen and (min-width: 600px) and (max-width: 1000px){ .footer_top .four_columns>.column1 { width: 40%; } .footer_top .four_columns>.column2 { width: 30%; } .footer_top .four_columns>.column3 { width: 30%; } .footer_top .four_columns>.column4 { width: 100%; } .footer_top .four_columns>.column4 .column_inner { max-width: 480px; margin: auto; } } /* ---------------------- Menü Logo Fix ---------------------- */ .wrapper_inner { overflow: unset; } body { -webkit-backface-visibility: hidden; backface-visibility: hidden; } /* ---------------------- 404 Error Page ---------------------- */ .error404 header { display: none; } .error404 .container_inner { max-width: 1200px; padding: 20px; } .error404 .wrapper_inner { min-height: 100vh; background: url('./img/404_fehlerseite.svg') center bottom no-repeat; background-size: cover; } .error404 .page_not_found { margin: 0; text-align: left; } .error404 h2 { margin: 0; padding-top: 15vh; font-size: 60px; color: #277c82; } .error404 p { color: #FFF; margin: 0; } .error404 a.qbutton { background: #e77210; } /* Wetter Widget Styles */ div.wp-forecast { line-height: 1em; color: #000; } div.wp-forecast-curr { padding: 0; font-size: 10px; } div.wp-forecast-curr-head { padding: 0; } div.wp-forecast-curr-head:first-child div { height: auto; display: block; position: relative; margin: 0; line-height: 1em; font-size: 12px; font-weight: bold; } div.wp-forecast-fc-head { padding-bottom: 80px; } div.wp-forecast-curr-block { width: 100%; } div.wp-forecast-curr-left { padding: 0; float: left; width: 50%; display: inline-block; text-align: center; } div.wp-forecast-curr-right { text-align: center; width: 50%; height: auto; margin: 5px 0; } div.wp-forecast-curr-details { display: none; } div.wp-forecast-fc-right { float: none; text-align: center; width: auto; } img.wp-forecast-curr-left, img.wp-forecast-fc-left, img.wp-forecast-fc-right { width: auto; height: auto; } div.wp-forecast-fc-head { font-size: 9px; padding: 0; } div.wp-forecast-fc-block { width: 50%; } .js-font-normal, .js-font-decrease, .js-font-increase { cursor: pointer; margin-left: 2px; }