/*
Theme Name: edelwebdesign Relaunch
Description: WIR IM NORDEN - Individuelles Webdesign für Greifswald CMS Suchmaschinenoptimierung Hosting & Domain
Theme URI:   https://edelwebdesign.de
Author: edelwebdesign
Author URI:  https://edelwebdesign.de
Template: salient
Version: 1.0
*/
@font-face {
  font-display: swap; 
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/material-icons-v141-latin-regular.woff2') format('woff2');
}

body #slide-out-widget-area .widget h1, body #slide-out-widget-area .widget h2, body #slide-out-widget-area .widget h3, body #slide-out-widget-area .widget h4, body #slide-out-widget-area .widget h5, body #slide-out-widget-area .widget h6 {
    color: inherit;
}
h1,h2,h3,h4 { color: #709673}
#sidebar h4 {
    color: #666;
    opacity: 1;
    font-weight: 300;
	letter-spacing: 2px;
    font-size: 18px;
    margin-bottom: 15px;
}
.noline {background-image: none !important}
h1,h2,h3,h4 { line-height: 1.3 !important}
h2 { line-height: 1.1 !important}
.letterspace_1 { letter-spacing: 1px}
@media only screen and (min-width: 1001px) {
.archive.category h1 { font-size: 90px !important}
}
/* Canvas Menu */
#slide-out-widget-area.slide-out-from-right-hover.open {
	box-shadow: 0 0 20px rgba(0,0,0,.15);
	padding-top: 57px !important;
    width: 60vw !important;
}
html body .slide-out-hover-icon-effect.small { display: none}
@media only screen and (max-width: 1400px) {
#slide-out-widget-area.slide-out-from-right-hover.open {
    width: 60vw !important;
}
#slide-out-widget-area.slide-out-from-right-hover {
    padding: 20px !important;
}
}
@media only screen and (max-width: 1000px) {
#slide-out-widget-area.slide-out-from-right-hover.open {
    width: 70vw !important;
}
html body .slide-out-hover-icon-effect.small { display: inherit}
#slide-out-widget-area.slide-out-from-right-hover .bottom-meta-wrap {
    transform: translateX(0px) !important;
    margin-top: 0px !important;
}
#slide-out-widget-area.slide-out-from-right-hover[data-dropdown-func=separate-dropdown-parent-link] .inner-wrap>.inner>div.off-canvas-menu-container {
    margin: 20px 0 20px 0 !important;
}
#slide-out-widget-area.slide-out-from-right-hover[data-dropdown-func=separate-dropdown-parent-link] .inner-wrap>.inner {
	min-height: auto !important
}
}
@media only screen and (max-width: 768px) {
#slide-out-widget-area.slide-out-from-right-hover.open {
    width: 95vw !important;
}
}

/* Map */
.acf-map {
	width: 100%;
	height: 400px;
	border: #ccc solid 1px;
	margin: 20px 0;
}

/* fixes potential theme css conflict */
.acf-map img {
   max-width: inherit !important;
}

/* Tooltip */
.tipp {
  position: relative;
  display: inline-block;
  cursor: pointer;
  top: -23px
}
.tipp:before {
	position: absolute;
	margin: 0px 0px 0px 0px;
	content: '\e88e';
	color: #a8ca3b;
	padding-left: 7px;
	font-family: 'Material Icons';
	font-size: 24px;
	transition: transform .2s;
}
.tipp:hover:before {
	color: #000;
}
.tipp i {
  visibility: hidden;
  width: 300px;
  font-size: 14px;
  background-color: black;
  color: #fff;
  border-radius: 6px;
  padding: 10px;
  position: absolute;
  z-index: 1000;
  bottom: 100%;
  left: 50%;
  margin-left: -60px;
  opacity: 0;
  transition: opacity .5s;
}
.tipp:hover i {
  visibility: visible;
  opacity: 1;
}
@media only screen and (max-width: 1000px) {
.tipp {
	display: block;
}
.tipp:before {
	margin: -4px -7% 0px 0px;
	right: 0
}
.tipp i {
  width: max-content;
  max-width: 90vw;
  left: auto;
  right: 0;
  margin: -4px -26px 0px 0px;
  opacity: 0;
  transition: opacity .5s;
}
}
/* Fachbereiche Zahlen*/
img.nectar-text-inline-images__image {
	height: auto !important;
	width: 70px !important;
	margin: 0px !important
}
.nectar-text-inline-images__marker {
    min-width: inherit !important;
    clip-path: unset !important;
}
.icon-fachbereich img {
	top: 18px !important
}
@media only screen and (max-width: 1000px) {
.icon-fachbereich img {
	height: 50px !important;
	width: auto !important;
	top: 12px !important
}
}
@media only screen and (max-width: 690px) {
.icon-fachbereich img {
	height: 30px !important;
	top: 5px !important
}
}
/* Logo */
@media only screen and (min-width: 1000px) {
#header-outer.small-nav .logo-clone img, #header-outer.small-nav #logo img, #header-outer.small-nav .logo-spacing img {
	height: 30px !important;
}
}

/* fluide */
@media only screen and (max-width: 1450px) {
.wpb_column.left_padding_desktop_25vh > .vc_column-inner,
.wpb_column.left_padding_desktop_35vh > .vc_column-inner {
    padding-left: 10vh;
}
.wpb_column.right_padding_desktop_25vh > .vc_column-inner,
.wpb_column.right_padding_desktop_35vh > .vc_column-inner {
    padding-right: 10vh;
}
}
.team-member[data-style=bio_fullscreen] .team-meta h3 {
	max-width: 70%
}
@media only screen and (min-width: 1450px) and (max-width: 1700px) {
.team-member[data-style=bio_fullscreen] .team-meta h3 {
	font-size: 18px !important;
}
.team-member[data-style=bio_fullscreen] .team-meta {
    padding-left: 10px !important;
}
.team-member[data-style=bio_fullscreen] .team-meta p, .team-member[data-style=meta_overlaid] .team-meta p, .team-member[data-style=meta_overlaid_alt] .team-meta p {
     padding: 15px 0 0 0;
	 font-size: 14px !important
}
}


/* Video */
.video-ohne-button .nectar_video_lightbox.play_button_with_text {
	opacity: 0;
	width: 100%;
	height: 30vh;
}

/* SVG */
.weiter img {
	height: 30px !important;
	width: auto !important
}
.weiter .iwt-icon {
	position: absolute !important;
  top: 50% !important;
  left: 0% !important;
  transform: translate(0%, -40%) !important;
}
.weiter .iwithtext .iwt-text {
    padding-left: 90px;
}
img.weiter {
	height: 30px !important;
	width: auto !important
}
img.weiter.down {
	transform: rotate(90deg) !important
}
@media only screen and (max-width: 1000px) {
.weiter .iwithtext .iwt-text {
    padding-left: 55px;
}
.weiter img {
	height: 20px !important;
}
}

/* Toggle */
html body h3.toggle-title a { font-weight: 600 !important}
@media only screen and (max-width: 690px) {
html body h3.toggle-title a {
	font-size: 16px !important}
}

/* Inline Text Image */
@media only screen and (max-width: 1000px) {
.home .nectar-text-inline-images a { display:inline-block !important}
.home .nectar-text-inline-images a span,
.home .nectar-text-inline-images a span img {
	width: 45px !important
}
}

/* Menu */
#header-outer #top nav>.sf-menu>li ul {
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px
}
#header-outer nav>ul>.megamenu.nectar-megamenu-menu-item>.sub-menu>li {
    padding: 0px 20px 13px 20px;
}
@media only screen and (min-width: 1001px) {

#header-outer #top nav>.sf-menu>li ul {
	min-height: 260px;
	background: no-repeat
}

}
#top nav ul .slide-out-widget-area-toggle a>span,
html body #top nav ul li.slide-out-widget-area-toggle i,
.acf-view__post-content-label {
	display: none
}
html body #top nav ul li.slide-out-widget-area-toggle {
	width: 122px;
}
html body #top nav ul li.slide-out-widget-area-toggle a:before {
	content: '';
	width: 140px;
	height: 40px;
	background: url(img/letstalk.svg);
	background-size:cover;
	display: block;
	margin-top: -20px;
	margin-left: -15px
}
#header-outer nav>ul>.megamenu>ul>.menu-item-has-children>a {
	font-size: 14px !important;
	font-weight: 600;
	text-transform: uppercase;
	pointer-events: none;
}
#header-outer nav>ul>.megamenu>ul>.menu-item-has-children>a>span {
	color: #111 !important;
	letter-spacing: 1 !important;
	text-transform:none !important;
	font-size: 20px;
	line-height: 1.3;
	font-weight: 700;
	padding: 0px 0px 10px 0px
}
li.menu-item-607>a .menu-title-text { display:none}
#header-outer:not(.transparent) .sf-menu>li ul {
    border-top-width: 0px !important;
}
#slide-out-widget-area.slide-out-from-right-hover .inner-wrap>.inner .off-canvas-menu-container li {
    margin: 15px 0 !important;
}
@media only screen and (min-width: 1001px) {


#slide-out-widget-area.slide-out-from-right-hover[data-dropdown-func=separate-dropdown-parent-link] .inner-wrap>.inner {
	height: 0px !important;
	min-height: 0px !important
}
#slide-out-widget-area.slide-out-from-right-hover .inner-wrap {
    margin: 0 0 !important;
}
#slide-out-widget-area.slide-out-from-right-hover .bottom-meta-wrap {
	margin: 0 0 !important;
}
}

/* Slider */

/* Post Next */
.blog_next_prev_buttons {
    margin-top: 0px;
}
.post .content-inner {
    padding-bottom: 0px;
}
.single .container-wrap,
.single .container-wrap .row {
    padding-bottom: 0px !important;
}
.blog_next_prev_buttons .next-post:hover h3 span.text:after {
	position: absolute;
	z-index: 10 !important;
	content: '';
	background: url(img/arrow_button_white.svg) no-repeat;
	background-size:cover;
	height: 20px;
	width: 40px;
	margin: 6px 0px 0px 20px
}
.blog_next_prev_buttons .previous-post:hover h3 span.text:before {
	position: absolute;
	z-index: 10 !important;
	content: '';
	transform:rotate(180deg);
	background: url(img/arrow_button_white.svg) no-repeat;
	background-size:cover;
	height: 20px;
	width: 40px;
	margin: 8px 0px 0px -60px
}
.blog_next_prev_buttons h3 span.line,
.blog_next_prev_buttons h3 span svg { display: none !important}
@media only screen and (max-width: 1000px) {
.blog_next_prev_buttons {
    margin-top: 0px !important;
}
}

/* Post Loops */
a .nectar-text-inline-images__marker.animated-in.img-loaded {
	transition: transform .2s;
}
a:hover .nectar-text-inline-images__marker.animated-in.img-loaded {
	transform: scale(1.2);
}
.nectar-post-grid .nectar-post-grid-item .content .meta-category {
	font-size: 13px;
	text-transform: uppercase;
	font-weight: 500;
	letter-spacing: .5px
}
article .post-content {
    padding-left: 0px;
}
.subheader { display: none}
.nectar-post-grid-wrap--fl-sidebar_right .load-more-wrap {
    width: auto;
}

/* Listing */
ul:not(.sf-menu, .menu, .left-aligned-ocm, .sub-menu, .mobile-only, .select2-results__options, .iti__country-list, .wp-travel-booking__trip-option-list, .sfm-menu, .nectar-parallax-scene, .controls) {
  padding-left: 8px;
  text-indent: 0px;
  margin: 15px 0px 15px 0px;
}
ul:not(.sf-menu, .menu, .left-aligned-ocm, .sub-menu, .mobile-only, .select2-results__options, .iti__country-list, .wp-travel-booking__trip-option-list, .sfm-menu, .nectar-parallax-scene, .controls) li {
  margin: 0 0 0 25px;
  padding: 5px 0 5px 0;
  list-style: none;
  line-height: 1.4;
}
ul:not(.sf-menu, .menu, .left-aligned-ocm, .sub-menu, .mobile-only, .iti__country-list, .wp-travel-booking__trip-option-list, .sfm-menu, .nectar-parallax-scene, .controls) li:not(.button_social_group, .product, .woocommerce-MyAccount-navigation-link, .select2-results__option, .wp-travel-ert, .lang-item):before {
  position: absolute;
  content:'';
  background: url(img/weiter.svg);
  background-size: cover;
  width: 13px;
  height: 12px;
  fill: #ff0000;
  margin: 6px 0px 0px -35px;
  color: #aaa !important
}

/* Header */
@media only screen and (max-width: 690px) {
#Header .row-bg-overlay {
	background: rgba(0,0,0,.5) !important
}
}

/* Buttons */
.nectar-cta.arrow a span {
	font-size: 18px !important;
}
.nectar-cta.arrow a span:after {
	position: absolute;
	content: '';
	background: url(img/weiter.svg);
	height: 16px;
	width: 16px;
	margin: 1px 0px 0px 10px;
	transform: rotate(45deg);
	transition: transform .2s;
}
.nectar-cta.arrow a span:hover:after {
	transform: rotate(360deg);
}
.arrorw-vor-text p:before {
  position: relative;
  content:'';
  display: inline-block;
  transform: rotate(-45deg);
  background: url(img/weiter.svg);
  background-size: cover;
  width: 13px;
  height: 13px;
  margin: 6px 6px 0px 0px;
  opacity: .6
}
.wpb_wrapper>div.nomargin { margin-bottom: 0px !important;margin-top: 0px !important; }
@media only screen and (min-width: 1001px) {
html body .nodesktop { display: none !important}
}
@media only screen and (max-width: 1000px) {
.nomobile { display: none}
}
@media only screen and (min-width: 1001px) and (max-width: 1440px) {
html body .wpb_column.left_padding_desktop_15vw.small-desktop > .vc_column-inner {
    padding-left: 100px !important;
}
}
.nectar-flickity[data-controls*=arrows_overlaid] .flickity-prev-next-button.next {right: 2%}
.nectar-flickity[data-controls*=arrows_overlaid] .flickity-prev-next-button.previous {left: 2%}


/* Posts */
.single [data-post-hs=default_minimal] .page-header-bg-image:after {
    background-color: rgba(0,0,0,.2) !important;
}
.nectar-flickity.nectar-carousel[data-format=default] .flickity-slider .cell {
    padding: 0px;
}

/* Sidebar */
.material #sidebar .widget li.current-cat a[aria-current="page"] {
	color: #a8ca3b
}
#ns-category-widget-2 {
	margin: 0px !important
}
#sidebar.span_3 .theiaStickySidebar{
		background: #fff;
		padding: 15px !important;
		border-radius: 6px
}

/* Team */
.team-member .team-member-overlay {
    background-color: #000 !important;
}
.team-member:hover .team-member-overlay {
    opacity:.5 !important;
}
@media only screen  and (min-width: 690px) and (max-width: 1800px) {
#Teamteaser .nectar-post-grid .nectar-post-grid-item {
    width: calc(50% - 30px) !important;
}
}
.up-team .nectar-post-grid[data-text-color=dark] .nectar-post-grid-item .content>.nectar-post-grid-link { display: none !important}
.up-team .nectar-post-grid-wrap:not([data-style=content_overlaid]) .nectar-post-grid-item-bg-wrap a,
.up-team .nectar-post-grid-wrap .nectar-post-grid .nectar-post-grid-item .content .post-heading a { pointer-events: none;}
.up-team .nectar-post-grid .nectar-post-grid-item .content .item-main {
    pointer-events: auto;
}
.up-team .nectar-post-grid-item__custom-fields {
	gap: 10px !important;
	position: relative;
	z-index: 100000000000000;
}
.up-team .nectar-post-grid-item__custom-field.inline {
	width: 100%;
	font-size: 16px;
	line-height: 1;
}
.up-team .nectar-post-grid-item__custom-field a:before {
	font-family: 'Material Icons';
	font-size: 12px;
	padding-right: 8px
}
.up-team p.nectar-post-grid-item__custom-field {
	padding: 0px;
	color: #a8ca3b !important
}
.up-team h3.nectar-post-grid-item__custom-field {
	font-size: 18px;
	line-height:1.3;
	font-weight: 700;
	text-transform: uppercase;
}
.up-team div.nectar-post-grid-item__custom-field {
	font-size: 16px;
	line-height:1.3;
}
.up-team em.nectar-post-grid-item__custom-field {
	font-style:normal;
	margin: -15px 0px 15px 0px;
}
.up-team .nectar-post-grid-item__custom-field a:hover,
.up-team .nectar-post-grid-item__custom-field a:hover:before {
	color: #a8ca3b !important
}
.up-team .nectar-post-grid .nectar-post-grid-item-bg,
.up-team .nectar-post-grid-item-bg-wrap-inner,
.up-team .nectar-post-grid .nectar-post-grid-item-bg-wrap {
    border-bottom-left-radius: 0px !important;
	border-bottom-right-radius: 0px !important
}
.up-team .nectar-post-grid-item__custom-field[data-key="telefon"] a:before {
	content: '\e0b0';
}
.up-team .nectar-post-grid-item__custom-field[data-key="mobil"] a:before {
	content: '\e32c';
}
.up-team .nectar-post-grid-item__custom-field[data-key="email"] a:before {
	content: '\e158';
}

/* Home */
@media only screen and (min-width: 1401px) and (max-width: 1900px) {
#intro h1 {
	font-size: 30px !important;
	line-height: 1.5 !important
}
#intro a,
#intro .nectar-text-inline-images__marker {
	line-height: 1.0 !important
}
#intro img.nectar-text-inline-images__image {
    width: 50px !important;
}
}
@media only screen and (min-width: 1001px) and (max-width: 1400px) {
#intro h1 {
	font-size: 24px !important;
	line-height: 1.6 !important
}
#intro img.nectar-text-inline-images__image {
    width: 44px !important;
}
#intro a,
#intro .nectar-text-inline-images__marker {
	line-height: .9 !important
}
}
@media only screen and (min-width: 1001px) {
.full-width-content .span_12 .nectar-post-grid-wrap--fl-sidebar_right .nectar-post-grid-filters {
	max-width: 999px;
	width: 20%;
	padding: 10px 10px 10px 3%
}
}

/* Loop */
.nectar-post-grid .nectar-post-grid-item .content {
    padding: 25px;
}
.nectar-post-grid .nectar-post-grid-item .content .post-heading {
    line-height: 1.3 !important;
	letter-spacing: 1px;
    max-width: 85%;
}
.nectar-post-grid .nectar-post-grid-item .meta-excerpt {
	font-size: 14px
}

/* Projekte */
.projekt-row {
	display: flex;
	flex-flow: row wrap;
	padding: 0px 0px 4% 0px
}
.projekt-row h2,
h2.leistungsbild {
	font-size: 20px;
	border-bottom: 1px solid #eee;
	padding: 0px 0px 0px 0px;
	color: #a8ca3b
}
.projekt-row h2:first-child {
	padding: 0px 0px 0px 0px
}
.projekt-row .projekt-left {
	padding: 0% 0% 5% 0%;

}
.projekt-row .projekt-left {
	padding: 10px;
	width: 50%
}
.projekt-row .projekt-area {

}

.fachbereichsleitung {
	position: absolute;
	z-index: 1000000;
	height: 81px;
	width: 79px;
	right: 90px;
	top: -50px;
	background: #eee;
}
.fachbereichsleitung span {
	display:block;
	height: 81px;
	width: 79px;
	background-size:contain;
}
.fachbereichsleitung .image-Umweltplanung {
	background-image: url(img/02_g.jpg);
}
.fachbereichsleitung .image-Regionalplanung {
	background-image: url(img/01_g.jpg);
}
.fachbereichsleitung .image-Landschaftsökologie {
	background-image: url(img/04_g.jpg);
}
.single-projekt.umweltplanung li.cat-item-1 a,
.single-projekt.regionalplanung li.cat-item-12 a,
.single-projekt.landschaftsoekologie li.cat-item-15 a { font-weight:700 !important; color: #a8ca3b !important; font-size: 18px !important}

.galerie {
	padding-left: 32px;
	padding-top: 10px
}
.galerie .galerie-img {
	display:inline;
	width: 300px
}
.galerie-img a {}
.projekt #single-below-header { display: none}
.alle-projekte {
	position:absolute;
	left: 3%;
	bottom: 50px
}
.alle-projekte span a {
	background: #000;
	border-radius: 15px;
	padding: 10px;
	color: #fff !important
}
@media only screen and (max-width: 1000px) {
.projekt-row {
	display: block
}
}
#page-header-bg:before,
.swiper-slide:before {
	position: absolute;
	z-index: 100;
	content: '';
	height: 20vh;
	width: 100vw;
	background:url(img/overlay_header.svg) no-repeat;
	background-size: cover;
	background-position: 50% 50%;
	overflow: hidden;
	bottom: 0;
}
#page-header-bg:before {

	height: 30vh;
}

@media only screen and (max-width: 1300px) {
.swiper-slide .content>div{
	font-size: 30px !important
}
.swiper-slide .content p span {
    font-size: 24px !important;
    line-height: 38px !important;
    font-weight: 300;
}
.nectar-slider-wrap .swiper-container .swiper-slide .button a {
	font-size: 15px !important;
}
}
@media only screen and (max-width: 1000px) {
#page-header-bg:before,
.swiper-slide:before {
	height: 12vh;
}	
}
@media only screen and (max-width: 768px) {
#page-header-bg:before,
.swiper-slide:before {
	height: 8vh;
}	
}
@media only screen and (max-width: 400px) {
#page-header-bg:before,
.swiper-slide:before {
	height: 4vh;
}	
}

/* Slider */
.swiper-container,
.swiper-slide {
	background-color: #f9faf5 !important;
}
.swiper-container .slider-pagination-wrap {
    bottom: 45px;
}
.swiper-slide .content div.ns-heading-el {
	letter-spacing: 3px;
	font-weight: 100 !important
}
@media only screen and (max-width: 1000px) {
.nectar-carousel .flickity-button {
	display: none
}
.swiper-container .slider-pagination-wrap {
	position: absolute !important;
    bottom: 50px !important;
}
}
@media only screen and (max-width: 690px) {
.swiper-container .slider-pagination-wrap {
	position: absolute !important;
    bottom: 40px !important;
}
}



/* Cookies */
button.cmplz-hidden {
	opacity: 0 !important
}
.cmplz-cookiebanner.cmplz-show {
	max-width: 500px
}
.cmplz-cookiebanner .cmplz-body *,
.cmplz-cookiebanner .cmplz-header *,
.cmplz-cookiebanner .cmplz-links * { color: #000 !important}
#cmplz-manage-consent .cmplz-manage-consent {
  bottom: 10px !important;
  left: 32px !important;
  z-index: 1000000000000000 !important;
  box-shadow: none !important;
  display: block !important;
  width: 42px !important;
  height: 42px !important;
  max-height: 42px !important; 
  min-width: 42px !important;
  border-radius: 21px !important;
  border: none !important;
  background: rgba( 0,0,0,0.4 ) !important;
  font-size: 0px;
  padding: 0px 0px 0px 0px !important;
  margin:  0px 0px 0px 0px !important
}
@media only screen and (min-width: 1001px) {
.cmplz-cookiebanner {
    left: 60px !important;
    bottom: 30px !important;
}
}
@media only screen and (max-width: 999px) {
#cmplz-manage-consent .cmplz-manage-consent {
  bottom: 10px !important;
  left: 10px !important;
  z-index: 100000000000 !important
}
}
#cmplz-manage-consent .cmplz-manage-consent:hover {
  background: #24303a !important;
}
#cmplz-manage-consent .cmplz-manage-consent:before {
	position: absolute;
	z-index: 10000000000;
	height: 34px;
	width: 34px;
	background: url(img/fingerprint_white.svg);
	background-size: cover;
	left: 4px;
	top: 4px;
	content: "";
}