/* Theme Name: Enfold Child Description: A Child Theme for the Enfold Wordpress Theme. If you plan to do a lot of file modifications we recommend to use this Theme instead of the original Theme. Updating will be much easier then. Version: 1.0 Author: Kriesi Author URI: http://www.kriesi.at Template: enfold */ :root { --menuCol: #706F6F; --textCol: #333333; /* Achtung: für die meisten Elemente unter Allgemeines Styling / Main Contetn / Main Content Schriftfarbe; */ --grey: #797878; --grey-light: #f5f5f5; --accentCol: #83B522; /* rgba(131, 181, 34, 0.66) */ --accentColLight: #e7f0d1; --accentColLight2: #f6faef; --sliderBgSize: 110%; /* 110% */ --logo-size: 120px; --mtgLogoSize: 200px; --mtgLogoGridSize: 22%; } h1, h2, h3, h4, h5, h6 {color: var(--accentCol) !important;} .container h2 {color: var(--grey) !important;} .avia-section {border: 0 !important; min-height: initial !important; position: relative;} strong {color: inherit !important} .hidden {display: none} /* logo weg */ .av_header_transparency.av_alternate_logo_active .logo a img { opacity: 1 !important; } .post-meta-infos {display: none !important} /* centered article */ .section-centered .entry-content-wrapper {display: flex; justify-content: center;} .section-centered .entry-content-wrapper .flex_column {margin-left: 35px!important} .section-centered .entry-content-wrapper h2 {font-size: 50px; color: var(--accentCol) !important;} .section-centered .entry-content-wrapper .line::after {content: '' ; display: block; background: var(--accentCol); height: 4px; width: 80px; position: relative; left: -37px; top: -20px} .section-centered .entry-content-wrapper .line.top::after {display: none; } .section-centered .entry-content-wrapper .line.top::before {content: '' ; display: block; background: var(--accentCol); height: 4px; width: 80px; position: relative; left: -37px; top: 50px} .section-centered .entry-content-wrapper .line h2 {padding-bottom: 40px} .section-centered.green .entry-content-wrapper .line::after, .section-centered.green .entry-content-wrapper .line::before {background: white} .section-centered.stadtteil-list .entry-content-wrapper img {max-width: 370px} .section-centered.grey-light {background: var(--grey-light)} .section-centered .entry-content-wrapper .vorstand h2 {margin-left: 0}} .section-centered .entry-content-wrapper .vorstand h2 {padding-bottom: 10px !important} .section-centered .entry-content-wrapper .line.top::after {top: -90px;} .section-centered .entry-content-wrapper .line.top h2 {padding-bottom: 0px; padding-top: 60px} .section-centered.green {background: var(--accentCol)} .section-centered.green .entry-content-wrapper {color: white;} .section-centered.green .entry-content-wrapper h2 {color: white !important;} .section-centered.pdf-vielfalt {padding-bottom: 80px;} .avia_textblock.dark {color: var(--textCol)} .av-special-heading {padding-bottom: 10px !important} /* Teaser */ .section-centered.teaser .content {padding-top: 0} .section-centered.teaser .slide-entry-wrap {float: none !important; margin: 0 auto !important; width: 60%} .section-centered.teaser article {background: var(--accentCol); min-height: 270px !important; height: 300px} .section-centered.teaser article .slide-content {padding: 0px 10px 40px 10px} .section-centered.teaser article .slide-content h3 {color: white !important; font-weight: 500 !important; padding-bottom: 10px} .section-centered.teaser article .slide-content .slide-meta {display: none; position: absolute; bottom: 0; color: white} .section-centered.teaser article .slide-content .entry-content {line-height: 120% !important; font-size: 0.8rem } .section-centered.teaser article.flex_column {margin-left: 20px !important;} .section-centered.teaser article .slide-content .more-link {display: block; border-radius: 100px; color: var(accentCol); background: white; padding: 3px 14px; position: absolute; right: 8px; bottom: 9px; font-size: 0.65rem; font-family: Oswald; font-weight: 500} .section-centered.teaser article .slide-content .more-link .more-link-arrow {display: none} .section-centered.teaser article img {width: 100% !important; height: 150px; object-fit: cover} /* random Logos anpassen des Default overlays */ .section-centered.mitglieder {padding-bottom: 200px} .section-centered .mitglieder-random a {display: inline !important} .section-centered .mitglieder-random a img {width: var(--logo-size); height: var(--logo-size); margin: 10px; margin-right: 5% !important} .section-centered .mitglieder-random a span.image-overlay {background: none !important} .section-centered .mitglieder-random::after {content: ''; position: absolute; left: 12px; bottom: -25px; width: 42px; height: 10px; background: url(assets/3dots.webp) 0 0 no-repeat} .section-centered .mitglieder-random.grid::after {background: none} .section-centered .mitglieder-random.grid a {display: block !important; float: left; width: var(--mtgLogoGridSize); margin: 10px} .section-centered .mitglieder-random.grid p {color: white; xxxmax-width: var(--mtgLogoGridSize); line-height: 120% !important; height: 80px; margin: 0px; margin-top: 5px} .section-centered .mitglieder-random.grid img {width:100%; height: 100%; margin: 0 !important} /* Testimonials */ .section-centered {position: relative} .section-centered.testimonials .slide-image {background: none} .section-centered.testimonials::after {content: ' '; width: 100%; height: 90px; bottom: 0; position: absolute; background: linear-gradient( rgb(255,255,255,0), rgba(131, 181, 34, 0.66)); z-index: 100; opacity: 0.7; pointer-events: none} .section-centered.testimonials img {position: relative; } .section-centered.testimonials img::hover {} .section-centered.testimonials .slide-image {top: -61px; position: relative; z-index: 10} .section-centered.testimonials .slide-image span {display: none} .section-centered.testimonials .flex_column {width: 100%} .section-centered.testimonials .flex_column, .section-centered.testimonials .avia-content-slider-inner, .section-centered.testimonials .avia-content-slider {overflow: visible} .section-centered.testimonials .av-special-heading {position: absolute; z-index: 10; top: 80px; left: -30px} .section-centered.testimonials .slide-meta {display: none} .section-centered.testimonials .image-overlay {display: none !important} .section-centered.testimonials .entry-content {position: absolute; color: var(--textCol); top: 230px; left: 40px; width: 600px; height: 290px; background: url(assets/speechbubble.webp) 0 0 no-repeat; z-index: 100; box-sizing: border-box; padding: 20px; font-weight: 600} .section-centered.testimonials .entry-content-wrapper {height: 626px !important} .section-centered.testimonials .entry-content-wrapper .line::after {left: 60px !important} #top .section-centered.testimonials .av-control-minimal .avia-slideshow-arrows a.avia-svg-icon {background: none !important; border: 0px solid var(--accentCol) !important; opacity: 1 !important} .section-centered.testimonials .slide-content .entry-content-header {position: absolute !important; z-index: 110; right: 60px; bottom: 120px;} .section-centered.testimonials .slide-content .entry-content-header h3 {color: var(--textCol) !important} .section-centered.testimonials .slide-content .entry-content-header span {display: block; font-family: Palanquin } .section-centered.testimonials .slide-content .entry-content-header h3 a::after {content: 'Mehr erfahren'; border-radius: 100px; background: var(--accentCol); padding: 7px 20px; color: white; font-family: Oswald; font-weight: 500; position: relative; top: 10px; pointer-events: none; z-index: 200} /* Contactform */ .section-centered.contactform label {display: none} .section-centered.contactform input:not([type='submit']) {max-width: 400px !important} .section-centered.contactform input, .section-centered.contactform textarea {color: #000 !important; font-size: 1.2em !important} .section-centered.contactform input:not([type='submit']):not(.captcha), .section-centered.contactform textarea, .section-centered.contactform select {background-color: rgba(255,255,255,0.75) !important; border.radius: 0 !important; border: 0 !important; border-left: 5px solid var(--accentCol) !important; margin-bottom: 5px !important} .section-centered.contactform select {max-width: 150px} .main_color textarea::placeholder, .main_color input::placeholder { color: #000 !important; opacity: 0.5; font-size: 0.9rem; } .section-centered.contactform input.captcha {background: white; width: 200px !Important; height: 40px; border-width:5px 5px 5px 60px !important; border-color: var(--accentCol) !important; border-style: solid !important; padding-left: 10px !important} .section-centered.contactform .content {padding-top: 120px !important; padding-bottom: 100px;} /* Veranstaltungen */ .avia-fullwidth-slider::after {content: ' '; width: 100%; height: 70px; bottom: 0; position: absolute; background: linear-gradient( rgb(255,255,255,0), rgba(131, 181, 34, 0.66)); z-index: 100; opacity: 0.7} /* Kontakt Seite */ .column-contact.flex_column {width: 80% !important;} #top #wrap_all .error .text_input, #top #wrap_all .error .text_area {border-color: red !important} #top .av-fields-with-error {margin-top: 40px;} #drei-icon-box .container {max-width: 1200px; margin: 30px auto;} #drei-icon-box .iconbox_content {margin-left: 150px;} #drei-icon-box .flex_column {margin-left: 0} #drei-icon-box .iconbox_icon {display: none} #drei-icon-box .entry-content-header h3 {margin: 0} #drei-icon-box .iconbox_content_container p {margin: 0; font-weight: 700; font-size: 0.9em; color: black !important; line-height: 115%; margin-top: 5px; min-width: 160px;} #drei-icon-box .iconbox_content_container svg {position: absolute; margin-left: -125px; top: -22%; height: 140%} #drei-icon-box .flex_column:nth-child(3) .iconbox_content_container svg {top: -17% !important; height: 150% !important;} /* Footer */ #footer {border: 0} #footer .widget {overflow: visible !important} #footer .widget p {color: white} #footer .flex_column {width: 15%} #footer .flex_column:first-child {width: 30%} #footer .flex_column h3 {color: white !important; height: 60px; padding: 20px 0 30px 20px; border-left: 2px dotted white; margin-left: -20px;} #footer .flex_column img.logo {width: 200px !important; height: auto !important; float: none; position: relative;} #footer .flex_column img.logo-wifoe {width: 320px} #footer .flex_column span.image-overlay {display: none !important} #footer .flex_column div.zus {margin-top: 40px} #footer #drei-icon-box {position: relative; width: 60vw; background: none; left: -740px; top: 100px} #footer #drei-icon-box .flex_column {width: 30% !important} #footer #drei-icon-box h3 {padding: 0; border: 0; height: auto; margin-left: 0} #footer #drei-icon-box svg path {fill: white !important} #footer #drei-icon-box .iconbox_content_container svg {width: 22% !important; height: auto !important; top: -20px; margin-left: -30%; margin-top: auto;} #footer .menu li a {font-size: 1rem} #footer .menu li a:hover {color: white !important} #icons-contact a {color: var(--textCol); text-decoration: underline} #icons-contact p {color: var(--textCol);} #top #wrap_all #welcome-headline {background: #f5f5f5 url(assets/section-seperator.webp) center 0 no-repeat; border: 0; } #top #wrap_all #welcome-headline .content {padding: 40px 0 35px 0} #top #wrap_all #welcome-headline .content h2 {font-size: 50px !important} #top #wrap_all #welcome-sub-headline {background: url(assets/seperator-small.webp) center bottom no-repeat; border: 0;} #top #wrap_all #welcome-sub-headline .content {padding: 10px 0 5px 0} #top #wrap_all #welcome-sub-headline h3 {font-size: 22px; text-transform: uppercase; font-family: Palanquin; font-weight: 500; padding-top: 8px} #listmap .container {padding: 0 !important;} #listmap .container .content {padding: 0 !important;} #listmap .container .content .avia_codeblock {text-align: center} #listmap .container object {position: relative; mix-blend-mode: hard-light; padding-bottom: 30px; max-height: 700px} /* grid.css: blockiert mix-blend-mode: .unit, .units { position: relative; */ #listmap .container .mapinfo {border: 1px solid var(--accentColLight); position: absolute; right: 70px; top: 45%; width: 300px; text-align: left; font-weight: 700; color: white; line-height: 120%; padding: 15px 15px 15px 55px; background: var(--accentCol)} #listmap .container .mapinfo span.adr {font-weight: normal} #listmap .container .mapinfo span.num {position: absolute; left: 18px} /* Container width Slider */ .avia-slideshow .container.caption_container {max-width: 1560px} #avia-menu .avia-menu-text {color: var(--menuCol) !important} .main_menu {top: 48px} #top .header_color .avia-menu-fx {bottom: -2px; background: #83B522 !important; border-color: #83B522 !important; height: 9px !important ; width: 70% !important; left: 15% !important} #top .header-scrolled .avia-menu-fx {bottom: -1px !important;} .phone-info.with_nav {color: var(--menuCol) !important;} .phone-info.with_nav div {line-height: 130% !important} .header_bg {display: none} nav.sub_menu {top: -53px !important; right: 30px; position: absolute !important;} nav.sub_menu li a {color: var(--accentCol) !important; font-size: 1rem; font-weight: 400} nav.sub_menu li {padding: 0 4px !important; border: 0} nav.sub_menu #avia2-menu li a::after {content: "|"; position: relative; margin: 0 0 0 10px;} nav.sub_menu #avia2-menu li:last-child a::after {content: "";} #menu-item-search {top: -26px; right: -6px} #menu-item-search svg {background: var(--accentCol); border-radius: 3px; padding: 4px 6px; height: 1.3em !important; top: 0px; right: 0px; pointer-events: none; fill: white !important} #menu-item-search .avia-search-tooltip {background: var(--accentCol); border: 1px solid rgba(255,255,255,0.5); width: 350px; top: 95% !important; margin-left: -150px;} #menu-item-search .avia-arrow {background: var(--accentCol)} #menu-item-search .av_searchform_search svg {border-radius: 0px; padding: 0; height: 3em !important; width: 1.5rem; top:-10px; position: relative; left: 8px} #menu-item-search #searchform #searchsubmit {background-color: var(--accentCol) !important;} #menu-item-search .ajax_search_excerpt {color: white !important} #menu-item-search .av_ajax_search_entry_view_all {color: black;} #menu-item-search .av_ajax_search_image {background: white;} #menu-item-search .av_ajax_search_image svg {display: none} .avia_mobile #top #searchsubmit, .avia_mobile .ajax_load {height: 61px;} header#header {background: white;} #top .av_header_transparency #header_meta {border-bottom: 1px solid rgba(112, 112, 111,0.25); } .header_color div {border-color: rgba(112, 112, 111,0.25)} #header_meta {z-index: unset} /* wichtig! sonst geht dei Subnav nicht, wird überlagert! */ /* slider Abstand nach oben*/ .avia-fullscreen-slider .av_fullscreen {margin-top: 134px !important} /* full width herade Abstand nach oben */ .avia-fullwidth-slider {xxxmargin-top: 11px !important} .avia-builder-el-0.avia-fullscreen-slider .avia-slideshow {height: 600px !important;} .avia-builder-el-0.avia-fullscreen-slider .avia-slideshow::after {content: ' '; width: 100%; height: 100px; bottom: 0; position: absolute; background: linear-gradient( rgb(255,255,255,0), var(--accentCol)); z-index: 100; opacity: 0.7} .avia-fullscreen-slider h2 {font-size: 3em;} .slideshow_caption .avia-caption-title, .slideshow_caption .avia-caption-content p {background: rgba(131, 181, 34, 0.66) !important; color: white !important; padding: 13px 25px !important;} .slideshow_caption .avia-caption-title {font-size: 4em !important;} .slideshow_caption .avia-caption-content p {font-size: 1.5em !important; margin:0px 0 0 0 !important; line-height: 110% !important} .slideshow_caption h2 {margin: 0 !important; line-height: 1.09em !important} /* bei 1-zeiligen h2 entsteht ein 1px Abstand zur Unterzeile, so aber bei 2-zeiligen 1px Überlagerng... */ /* slider dots */ #top .av-control-minimal .avia-slideshow-dots a {border-radius: 0; background: white; border: 0; opacity: 1; margin: 3px; padding: 0px; height: 8px; width: 8px} #top .av-control-minimal .avia-slideshow-dots a.active {background: var(--accentCol);} /* Slider arrows */ #top .av-control-minimal .avia-slideshow-arrows a.avia-svg-icon {width: 35px !important; background: rgba(131, 181, 34, 0.66) !important; border: 0 !important} /* Mitglieder Mega Menu */ #menu-item-925 ul.sub-menu {border: 1 px solid var(--accentCol) !important; xxxopacity: 1 !important; width: 60vw; left: -50vw; top: 90%; padding: 40px; padding-top: 60px; xxxbackground: white url(assets/v-lines.webp) 0px 60px no-repeat; xxxbackground-size: 100%} #menu-item-925 ul.sub-menu::after {content: "Unsere Mitglieder"; position: absolute; top: 20px; left: 42px; font-size: 1.5rem} #menu-item-925 ul.sub-menu li {display: inline-block; width: 28%; margin-right: 40px; float: left;} #menu-item-925 ul.sub-menu li a {padding: 4px 20px 2px 7px; line-height: 120%; border: 0 !important; font-size: 13px} #menu-item-925 ul.sub-menu li a:hover {background-color: var(--accentCol) !important;} #menu-item-925 ul.sub-menu li a:hover span {color: black !important} #menu-item-925 ul.sub-menu .avia-bullet { left: -7px; top: 47%; display: block; border-color: var(--enfold-header-color-primary); border-top: 4px solid transparent !important; border-bottom: 4px solid transparent !important; border-left: 4px solid var(--menuCol); } .av-subheading.av-subheading_below {margin-top: 10px} /* Button Mitglied werden */ #menu-item-1072 {padding: 0; width: 0; top: -50px} #menu-item-1072 .avia-menu-text, #top #main .avia-button {font-family: Oswald; font-weight: 500 !important; font-size: 16px; color: white !important; border-radius: 50px !important; border: 0 !important; padding: 6px 22px 6px 40px; background: var(--accentCol) url(assets/button-arrow-right.webp) 7px center no-repeat; position: absolute; width: auto !important; line-height: 160% !important; transition: 0.3s all; text-transform: none;} #menu-item-1072 .avia-menu-text {top: -30px; right: 180px;} #menu-item-1072 .avia-menu-fx {display: none !important} /* .av-main-nav > li { line-height: 30px; } xxxx */ .main_menu .av-main-nav > li > a { line-height: 120% !important; height: 48px !important; line-height: 40px !important; } .main_menu { position: absolute !important; bottom: 0px !important; top: auto !important; transition: none !important; xxxtransition-duration: 0s !important; height: auto; } /* header scrolled */ .header-scrolled #menu-item-1072 .avia-menu-text {top: 5px; height: 30px !important; line-height: 120% !important; font-size: 14px; background-size: 13%; background-position: 7px center; padding-left: 33px} .header-scrolled nav.sub_menu {top: 47px} .header-scrolled nav.main_menu {top: 10px} .header-scrolled #menu-item-search {top: -21px} .header-scrolled #menu-item-search svg {fill: white !important} .header-scrolled .logo a img {max-height: 70px !Important} /* image captions */ .av-image-caption-overlay { bottom: -6px !important; height: auto !important; left: 50% !important; transform: translate(-50%) !important; width: 100% !important; text-align: left; } .av-image-caption-overlay-position {position: absolute;} .av-caption-image-overlay-bg {display: none} .av-image-caption-overlay-center {color: black !important; padding-left: 0;} .av-image-caption-overlay-center p {line-height: 120% !important; font-size: 0.75rem; font-weight: 600;} .header-reading-progress {display: none !important} /* Slider animation */ .avia-fullscreen-slider ul li.avia-slideshow-slide { background-size: var(--sliderBgSize); } /* alternate ease-in active-slide */ .avia-fullscreen-slider ul li.avia-slideshow-slide { animation: move 20s infinite; } @keyframes move { 0% {background-size: var(--sliderBgSize)} 100% {background-size: 100%;} } /* news */ #top .gallery .gallery-item { margin: 2px 2px 0 0; width: 33% !important; height: auto; } .news-thumb { border: 0 !important; height: 45px !important; width: 45px !important; } .news-thumb img { width: 100%; height: 100%; } /* +single +mitglieder Mitglieder Seiten Single Post */ .section-centered.single_content .container, .section-centered.single-content-headline .container {max-width: 1400px !important;} .section-centered.single-content-headline .container .content {padding-bottom: 0 !important} /* Slider Seitenheader, Slider mitglieder */ .avia-fullwidth-slider .avia-slideshow .avia-slideshow-inner img {height: 410px !important; object-fit: cover !important} .avia-slideshow li img { display: block; width: 100%; margin: 0 auto; border-radius: 3px; position: relative; min-height: 350px; object-fit: cover; } .single-mitglieder .post-entry .mitglied-logo {position: absolute; top: -160px; left: 60px; width: var(--mtgLogoSize); height: var(--mtgLogoSize); z-index: 10;} .single-mitglieder .post-entry .av-special-heading h1 {font-size: 54px; color: var(--grey) !important} .single-mitglieder .post-entry .av-special-heading p {font-size: 1.2rem !important; color: var(--accentCol) !important; text-transform: uppercase !important; font-weight: 500} .single-mitglieder .post-entry .avia_textblock li {margin-bottom: 18px; padding: 0; line-height: 1.5em} .single-mitglieder .post-entry .info img {width: 130px; height: 130px;} .single-mitglieder .post-entry .info .av-image-caption-overlay, .single-mitglieder .post-entry .info .avia-image-container-inner {overflow: visible !important} /* Ausnahme Hölscher Listen */ .postid-1098.single-mitglieder .post-entry .avia_textblock li {margin-bottom: 0px;} .single-mitglieder .single_content .flex_column:first-child {padding-top: 100px} .single-mitglieder .portrait-round {margin-right: 30px; margin-top: 0 !important; margin-bottom: 60px} .single-mitglieder .portrait-round .av-image-caption-overlay-center {padding: 0px;} .single-mitglieder .portrait-round .av-image-caption-overlay-center p {font-weight: 300 !important; font-size: .8rem} .single-mitglieder .portrait-round .av-image-caption-overlay-center p::first-line {font-weight: 700} .single-mitglieder .address {margin-top: 220px} .single-mitglieder .address p {margin: 0px} .address h3 {margin: 0px; font-family: Palanquin !important; font-weight: bold; color: black !important; font-size: 1rem} .address h3::before {content: ''; width: 10px; height: 10px; left: -20px; top: 14px; background: var(--accentCol); position: relative; display: block;} .address.margin-top-420 {margin-top: 420px} /* Slider zentrieren */ .xxxsingle-mitglieder .avia-fullwidth-slider .avia-slideshow::after {content: ' '; width: 100%; height: 60px; bottom: 0; position: absolute; background: linear-gradient( rgb(255,255,255,0), var(--accentCol)); z-index: 100; opacity: 0.6} .single-mitglieder .section-single-mitglieder-headline {background: #f5f5f5 url(assets/section-seperator.webp) center 0 no-repeat !important;} /* masonry keine einfaden! */ .single-mitglieder .masonry-container .container {max-width: none !important; padding: 0;} .avia_desktop .av-hover-overlay-active .av-masonry-image-container {opacity: 1 !important} #top .container .av-masonry.av-large-gap {width: calc(100% + 17px);} .headline-centered-left h2 {margin-left: calc(33.33% + 44px) !important; font-size: 36px !important; text-align: left !important} .headline-centered-left.line::after {margin-left: 33.333% !important; left: 0px !important; top: -20px} .headline-centered-left.line::before {margin-left: 33.333% !important; left: 0px !important; top: -20px} /* Tabellen */ .simple-table.avia-data-table td {padding: 2px 5px; background-color: var(--accentColLight); border: 1px solid white; color: var(--textCol); font-size: 0.9rem} .simple-table.avia-data-table tr td:first-child {background-color: var(--accentColLight2); width: 40%} .simple-table.avia-data-table td a {color: var(--textCol); text-decoration: underlined } .simple-table .opening-hours {margin-top: 40px} .simple-table .opening-hours p {margin-bottom: 0} .simple-table.opening-hours-table {margin-top: 0 !important} .ueber-uns .simple-table {margin-top: 0px} .ueber-uns .text-box ul li {padding: 0;} .ueber-uns .text-box section {background: rgba(131, 181, 34, 0.10); padding: 20px; xxxborder-radius: 20px; xxxmargin: 5px;} .ueber-uns .text-box section:nth-child(2) {background: rgba(131, 181, 34, 0.40); xxxmargin-left: 20px} .ueber-uns .text-box section:nth-child(3) {background: rgba(131, 181, 34, 0.30); xxxmargin-left: 0px} .ueber-uns .text-box section:nth-child(4) {background: rgba(131, 181, 34, 0.90); xxxmargin-left: 20px} .section-centered.ueber-uns {background: var(--grey-light)} .section-centered.ueber-uns .flex_column {margin-right: 4% !important} /* Navigation in letzter Zeile ausblenden */ footer .sub_menu_socket {display: none !important} footer .copyright a {display: none !important} /* Enfold theme by Krisi raus! */ /* oswald-200 - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Oswald'; font-style: normal; font-weight: 200; src: url('fonts/oswald-v56-latin-200.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* oswald-300 - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Oswald'; font-style: normal; font-weight: 300; src: url('fonts/oswald-v56-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* oswald-regular - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Oswald'; font-style: normal; font-weight: 400; src: url('fonts/oswald-v56-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* oswald-500 - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Oswald'; font-style: normal; font-weight: 500; src: url('fonts/oswald-v56-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* oswald-600 - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Oswald'; font-style: normal; font-weight: 600; src: url('fonts/oswald-v56-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* oswald-700 - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Oswald'; font-style: normal; font-weight: 700; src: url('fonts/oswald-v56-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* palanquin-regular - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Palanquin'; font-style: normal; font-weight: 400; src: url('fonts/palanquin-v16-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* palanquin-500 - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Palanquin'; font-style: normal; font-weight: 500; src: url('fonts/palanquin-v16-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* palanquin-600 - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Palanquin'; font-style: normal; font-weight: 600; src: url('fonts/palanquin-v16-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* palanquin-700 - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Palanquin'; font-style: normal; font-weight: 700; src: url('fonts/palanquin-v16-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* Ticker */ .section-ticker .content {padding: 0;} /* Laufschrift: https://webdesign.weisshart.de/marquee.php */ .marquee { max-width: 100vw; /* iOS braucht das */ white-space: nowrap; overflow: hidden; margin: 20px 0 40px 0; /* hier margin ticker */ /* hier evtl. noch font-size, color usw. */ } .marquee div { display: inline-block; padding-left: 105%; /* die zusätzlichen 5% erzeugen einen verzögerten Start und vermeiden so ein Ruckeln auf langsamen Seiten */ animation: marquee 50s linear infinite; /* animation speed */ font-size: 28px; font-family: Oswald; font-weight: 600; } .marquee div span { display: inline-block; padding: 12px 20px; color: var(--accentCol); background: rgba(131, 181, 34, 0.10) } .marquee div span:nth-child(even) { color: white; background: rgba(131, 181, 34, 1) } .marquee div span:nth-child(even) a { color: var(--red); } /* Optional: mouseover (oder Tipp auf dem Touchscreen) pausiert die Laufschrift */ .marquee div:hover { animation-play-state: paused } /* Make it move */ @keyframes marquee { 0% {transform: translate3d(0,0,0);} 100% {transform: translate3d(-100%,0,0);} } /* * {color: red !important} */ /* +responsive */ @media only screen and (min-width: 1921px) { #footer #drei-icon-box {left: -900px;} } @media only screen and (max-width: 1160px) { .section-centered.testimonials .content {padding-bottom: 0} .section-centered.testimonials .flex_column {position: absolute; bottom: 0; margin-bottom: 0 !important; xxxheight: 500px} .section-centered.testimonials .flex_column .avia-content-slider {margin: 0 !important} .section-centered.testimonials .flex_column .avia-content-slider .slide-entry {margin-bottom: 0 !important} .section-centered.testimonials .flex_column .avia-content-slider .slide-entry .slide-image {margin-bottom: -1px !important} .section-centered.testimonials .av-special-heading {top: -600px; left: 40px;} .section-centered.testimonials .slide-image {top: 0px;} } @media only screen and (max-width: 1500px) { .avia-fullscreen-slider ul li.avia-slideshow-slide {background-size: cover !important; background-position: center !important} } @media only screen and (max-width: 1080px) { #top .av-control-minimal .avia-slideshow-arrows a {top: 106px !important; margin-left: 21px !important; margin-right: 21px !important} .section-centered.teaser .slide-entry-wrap {width: 100%} } /* Start im Menü iusblenden */ @media only screen and (min-width: 768px) { #menu-item-912 {display: none;} } /* iPad */ @media only screen and (min-width: 769px) and (max-width: 1024px) { .main_menu {right: -0px;} nav.sub_menu {right: 40px !important;} nav.sub_menu li a {padding: 0 !important; } #menu-item-1072 .avia-menu-text {right: 60px;} #menu-item-search {right: 0} #drei-icon-box {margin-bottom: 0} #drei-icon-box .container {margin-bottom: 0} #drei-icon-box .iconbox_content {margin-left: 100px;} #drei-icon-box .iconbox_content_container svg {margin-left: -100px; top: -10%; height: 90%;} .slideshow_caption {width: 60% !important} div .av_one_half {width: 100%;} .section-centered.ueber-uns div .av_one_third, .section-centered.stadtteil-list div .av_one_third {width: 40%;} .section-centered.ueber-uns .flex_column {margin-left: 4% !important; width: 50% !important} .section-centered.ueber-uns .flex_column:nth-child(2) {margin-left: 0% !important;} .section-centered.ueber-uns .headline-centered-left h2 {margin-left: 0 !important} .section-centered.ueber-uns .headline-centered-left.line::before {margin-left: 0% !important;} .section-centered.ueber-uns .ueber-uns-address {display: none !important} .avia-image-container.avia-align-left {float: right;} .single-mitglieder .single_content .flex_column:first-child {padding-top: 20px;} .single-mitglieder .masonry-container .content {padding-top: 0} .section-centered .mitglieder-random.grid a {width: 29%;} .section-centered.stadtteil-list .entry-content-wrapper img {max-width: 300px;} .section-centered.teaser article {width: 40%; margin-top: 20px} .section-centered.testimonials .entry-content {top: 60px;} #menu-item-925 ul.sub-menu {left: -30vw;} #footer .flex_column:nth-child(4) {display: none} #footer .flex_column:nth-child(1) {margin-right: 100px} } /* Mitglieder submenü ausblenden */ @media only screen and (max-width: 767px) { .responsive #top #wrap_all .container {width: 89%; max-width: 89%;} nav.sub_menu {display: none;} nav.sub_menu li a {font-size: 0.8rem;} #header_meta .sub_menu > ul {margin-bottom: -6px !important;} /* sub Menü ausblenden */ .menu-item-925 ul.sub-menu {display: none !important;} #menu-item-search {top: 10px; right: 0} .avia-builder-el-0.avia-fullscreen-slider .avia-slideshow {height: 380px !important;} .slideshow_caption .avia-caption-title {font-size: 3em !important; margin-bottom: -1px !important} .slideshow_caption {padding-top: 100px !important;} .slideshow_caption .avia-caption-content p {font-size: 1.0rem !important; line-height: 1.1em; } .slideshow_caption .avia-caption-title, .slideshow_caption .avia-caption-content p {padding: 10px 20px !important;} .avia-builder-el-0.avia-fullscreen-slider .avia-slideshow::after {height: 50px;} .slideshow_caption .avia-caption-title, .slideshow_caption {padding-top: 0px !important;} .section-centered .entry-content-wrapper .line.top::before {left: -0; top: 30px;} .avia-slideshow {margin-top: 0 !important} /* search */ #xxxmenu-item-search {top: 48px; right: 20px} /* Headline Herzlich Willkommen */ #top #wrap_all #welcome-headline .content h2 {font-size: 38px !important;} #top #wrap_all #welcome-sub-headline h3 {font-size: 16px;} #top #wrap_all #welcome-headline .content {padding: 25px 0 15px 0;} #drei-icon-box .flex_column {margin-bottom: 40px !important} #drei-icon-box {margin-bottom: 0} #drei-icon-box .content {padding-bottom: 20px} #drei-icon-box .iconbox_content_container svg { position: absolute; margin-left: -125px; top: -9%; height: 120%; } #listmap .container object {max-height: 450px;} #listmap .container .mapinfo {right: 0px; top: 80%;} #listmap .container iframe, object, embed {max-width: 100%;left: 0;} .section-centered .entry-content-wrapper h2 {font-size: 36px; margin-top: 20px; padding-bottom: 10px} .section-centered .entry-content-wrapper .line.top h2 {padding-top: 40px; padding-bottom: 10px} .section-centered .content {padding-top: 0; padding-bottom: 20px} /* über uns */ .section-centered .entry-content-wrapper {flex-direction: column; padding-top: 0px;} .section-centered .entry-content-wrapper .flex_column {margin-left:0 !important;} .avia-image-container.avia-align-right {margin-left: 0px;} .avia-section-huge .content, .avia-section-huge .sidebar {padding-top: 40px; padding-bottom: 70px;} .section-centered.ueber-uns .content h2 {margin-top: 50px; padding-bottom: 0} /* Stadtteil List */ .stadtteil-list.avia-section-large .content, .avia-section-large .sidebar {padding-top: 40px; padding-bottom: 70px;} .stadtteil-list.section-centered.stadtteil-list .entry-content-wrapper img {max-width: none; width: 100%} .stadtteil-list.section-centered .flex_column.column-2 {padding-top: 20px} .stadtteil-list.section-centered .entry-content-wrapper h2 {margin-top: 0px; padding-bottom: 10px} /* grüne Balken unter Überschrift */ .section-centered.stadtteil-list .entry-content-wrapper .line::after {left: 0 !important; top: 0px !important} /* Stadtteilbroshuere */ ._df_book {min-height: 200px !important; height: 200px !important} .df-flipbook-2d, .df-flipbook-3d, .df-slider, .df-viewer-container, .df-zoomview {top: -60px;} /* Events */ .section-centered.teaser .entry-content-wrapper .flex_column {width: 100% !important; margin-left: 0 !important; margin-bottom: 30px !important} /* Mitglieder */ .section-centered .mitglieder-random.grid a {width: 44%;} .section-centered .mitglieder-random a img {width: 25%; height: 25%} .section-centered.mitglieder {padding-bottom: 0} .section-centered.mitglieder .content {padding-bottom: 80px} .single-mitglieder .avia-slideshow .avia-slide-wrap {margin-top: 0% !important} .avia-image-container.avia-align-left {display: inline-block !important; float: none !important;} .single-mitglieder .single_content .flex_column:first-child {text-align: center} .single-mitglieder .address {margin-top: 20px;} /* Seiten header */ .full_sliderxxx .avia-slideshow .avia-slideshow-inner {height: 350px !important;} .full_sliderxxx .avia-slideshow .avia-slideshow-inner img {top: -70px !important} .avia-fullscreen-slider .av_fullscreen {margin-top: 0px !important} .single-mitglieder .post-entry .av-special-heading h1 {font-size: 34px;} .single-mitglieder .post-entry .mitglied-logo {left: 0px; top: -120px} .single-mitglieder .post-entry .mitglied-logo img {width: 150px !important; height: 150px !important} .single-mitglieder .address h3::before {display: none;} .headline-centered-left h2 {margin-left:0 !important ; text-align: center; margon-top: 20px ; font-size: 36px !important} .single-mitglieder .single_content .flex_column:first-child {padding-top: 20px;} .ueber-uns-address p {margin-top: 0px;} .ueber-uns-address h3::before {display: none} /* Testimonials */ .section-centered.testimonials .entry-content-wrapper {height: 426px !important;} .section-centered.testimonials .av-special-heading {top: -420px; left: 0} .section-centered.testimonials .avia-content-slider .slide-entry-title {font-size: 1.0em; line-height: 1.2em; margin-bottmom: 20px} .section-centered.testimonials .slide-content .entry-content-header h3 a::after {top: 15px; display: none;} .section-centered.testimonials .slide-content .entry-content-header {right: auto; bottom: 30px} .section-centered.testimonials .entry-content {background-size: 100%; top: auto; bottom: 0px; width: auto; right: auto; left: 0; font-size: 0.8rem; padding: 12px} .section-centered.testimonials .avia-content-slider .avia-slideshow-arrows a {top: -130px !important; margin: -30px 0px 0 !important} #footer .flex_column {width: 40% !important; float: left; margin-left: 10%} #footer .flex_column:first-child {width: 100% !important;} #footer .flex_column h3 {border: 0; font-size: 1rem; margin-bottom: 0} #footer .menu li a {font-size: .9rem; padding: 0} #footer #text-4 {text-align: center; margin-bottom: 0} #footer #text-4 div .logo {margin: 0 auto} /* Kontakt ausblenden */ #footer .flex_column:nth-child(4) {display: none} #footer .flex_column:nth-child(2) {margin: 0; margin-left: 15% !important} .section-centered.teaser article h3 {font-size: 1.4em !important} .section-centered.teaser article {heigth: 280px} table.simple-table td {text-align: left !important} /* Abstand Masonry */ .single-mitglieder .av-masonry {margin-top: -30px} } @media only screen and (max-width: 496px) { .section-centered.testimonials .av-special-heading h2 {padding-top: 16px !important;} #listmap .container iframe, object, embed {max-width: 110%;left: -5%;} } @media only screen and (max-width: 400px) { .responsive .logo img, .responsive .logo svg {xxxmax-width: 70%;} /* logo kleiner, klappt aber nicht... */ drei-icon-box .iconbox_content_container svg {position: absolute; margin-left: -125px; top: -22%; height: 120%} } .special_amp { font-family: "Oswald"; font-style: normal; font-size: 54px; color: var(--grey) !important; xxxline-height: 0.5em; font-weight: 700 !important; }