/**
 * Theme Name: Blocksy Child
 * Description: Blocksy Child theme
 * Author: Creative Themes
 * Author Child-Theme: Renate Hermanns
 * Description: Child-Theme for Blocksy, customizable, responsive
 * Theme URI: https://www.css-manufaktur.de
 * License:        GNU General Public License v2 or later
 * License URI:    http://www.gnu.org/licenses/gpl-2.0.html
 * Template: blocksy
 * Text Domain: blocksy
 */
/* Farben 
Corporate Blau: #0075be
Hellblau #DCEDFB
Dunkelgrau #7D8286
menu-mainnav
*/

/*******************************************************
******************* Maintenance Mode *******************
********************************************************/

.wf-active .maintenance-mode {
  margin: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 70vh;
}

/*******************************************************
*********************** Basics *************************
********************************************************/
/* Allgemein */
html {
  scroll-behavior: smooth;
}

h1.wp-block-heading, h1.page-title, h1.gspb_heading {
	font-size: 40px;
	font-size: clamp(2.3rem, 2.8vw, 4rem);
	line-height: 1.2;
	font-weight: 700;
}
h1.wp-block-heading.startseite {
	font-size: 48px;
	font-size: clamp(2.3rem, 2.8vw, 4rem);
}
h2.wp-block-heading, h2.gspb_heading {
	font-size: 34px;
	font-size: clamp(1.8rem, 2.5vw, 3rem);
	line-height: 1.2;
	font-weight: 700;
}
.single-post h2.wp-block-heading {
	font-size: 34px;
	font-size: clamp(1.5rem, 1.8vw, 2.5rem);
}
h3.wp-block-heading, h3.gspb_heading {
	font-size: 24px;
	font-size: clamp(1.2rem, 1.5vw, 2rem);
	line-height: 1.2;
	font-weight: 700;
}
h4.wp-block-heading, h4.gspb_heading {
	font-size: 20px;
	font-size: clamp(1.25rem, 1.3vw, 1.5rem);
	line-height: 1.2;
}
.vp-portfolio__items-style-emerge h2.vp-portfolio__item-meta-title {
	font-size: clamp(1.15rem, 1.5vw, 1.5rem) !important;
}
abbr {
  cursor: help;
}
/* Schmuck-Schriften */
.double-headline > p:first-child {
	position: absolute;
	display: block;
	font-family: 'Open Sans Condensed', Helvetica, Arial, sans-serif;
	font-size: clamp(1rem, 1rem + 2.5vw, 2rem);
	font-weight: 700;
	text-transform: uppercase;
	color: rgba(41, 114, 151,0.4);
	z-index: -1;
	margin: -0.8em 0.5em 0 -0.3em;
	line-height: 1.2;
	white-space: pre;
}
	
	
#search-modal input.modal-field {
  padding: 1rem;
}
#search-modal form .ct-search-form-controls button {
  margin: 0 1em 1em 1em;
}
.entry-content a:not(.wp-block-button__link), .entry-meta a, #sidebar a {
	text-decoration: underline;
	text-underline-offset: 0.2em; 
	color: #cc3333;
}
.entry-content a:hover, .entry-content a:focus, .entry-content a:active, 
.entry-meta a:hover, .entry-meta a:focus, .entry-meta a:active,
#sidebar a:hover, #sidebar a:focus, #sidebar a:active {
	text-decoration: none;
}
a:focus-visible, button:focus-visible, a:focus, button:focus {
  outline-width: 2px;
  outline-offset: 3px;
  outline-color: #0B5CFF !important;
  border-radius: 5px;
}
.entry-content .service-top > a {
  text-decoration: none;
  color: #9fd8ed;
}
.entry-content .service-top a:hover, .entry-content .service-top a:focus, .entry-content .service-top a:active {
  text-decoration: underline;
  color: #fff;
}
.btn-white a.wp-block-button__link {
  color: var(--theme-palette-color-1);
  background-color: var(--theme-palette-color-6);
  border: 1px solid var(--theme-palette-color-6);
  background-image: none !important;
  transition: none !important;
}
.btn-white a.wp-block-button__link:hover, .btn-white a.wp-block-button__link:focus, .btn-white a.wp-block-button__link:active {
  color: var(--theme-palette-color-6) !important;
  background-color: transparent !important;
  border: 1px solid var(--theme-palette-color-6) !important;
  background-image: none !important;
}

a.uagb-buttons-repeater {
	text-decoration: none;
}
a[target="_blank"]::after {
  content: "\f504";
	font-family: dashicons;
  line-height: 1;
  font-weight: 400;
  font-style: normal;
  text-transform: none;
  text-rendering: auto;
  font-size: 20px;
  text-align: center;
	display: inline-block;
	position: relative;
  top: 0.15em;
}
#footer a[target="_blank"]::after {
  content: "";
}
.post-thumb a > img {
  display: inline-block;
}
ol, ul {
	font-size: 1.125rem;
}
.site-main li {
	margin-bottom: 0.25em;
	line-height: 1.6;
}
.alternate-colors a {
	color: #fff;
	text-decoration: underline;
}
.alternate-colors a:hover, .alternate-colors a:focus, .alternate-colors a:active {
	color: #fff;
	text-decoration: none;
}
.two-level-ol ol li {
	font-weight: bold;
	margin-bottom: 2em;
}
.two-level-ol ol li li {
	font-weight: normal;
	margin-bottom: 1em;
	line-height: 1.6;
	
}
.ct-widget .widget-title {
    color: #fff;
    background-color: #297297;
    padding: .2em .5em;
    border-radius: 4px;
}
input[type="email"], input[type="number"], input[type="password"], 
input[type="reset"], input[type="search"], input[type="tel"], 
input[type="text"], input[type="url"], select, textarea {
	background-color: #e8f3f9;
	border-color: #c0deee;
	border-radius: 4px;
}
input[type="email"]:focus, input[type="password"]:focus, 
input[type="reset"]:focus, input[type="search"]:focus, 
input[type="tel"]:focus, input[type="text"]:focus, input[type="url"]:focus, 
select:focus, textarea:focus {
  background-color: #fff;
  border-color: #c0deee;
}
#comments .submit, .search .search-submit {
  border-radius: 4px;
}
pre {
	background-color: #e8f3f9;
	background-image: repeating-linear-gradient(transparent 0, transparent 1.6em, #c0deee 1.6em, #c0deee 3.65em);	
	border: 1px solid #c0deee;
	border-radius: 4px;
	font-size: 0.875em;
}
.wp-block-code code {
	display: inline; 
	white-space: pre;
}
.wp-caption-text {
  line-height: 1.6;
  font-size: 0.937rem;
}

.ast-row {
    margin-left: 0;
    margin-right: 0;
}
.ast-container #primary {
	margin-top: 0;
}
.blog.ast-plain-container #primary, .single.ast-plain-container #primary, .archive.ast-plain-container #primary {
    margin-top: 0;
    margin-bottom: 1.5em;
}
#sidebar select {
    width: 100%;
}
#ast-scroll-top {
	border-radius: 50%;
}
.uagb-columns__inner-wrap {
  justify-content: space-between;
}
.uagb-column__inner-wrap .wp-block-uagb-advanced-heading {
	margin-bottom: 1.5em;
}


/* Portfolio Startseite */
.vp-portfolio.vp-uid-46b411f7 .vp-portfolio__item-wrap {
    width: calc(20% - 30px);
}
/* Portfolios */
.vp-pagination__style-minimal .vp-pagination__item > a {
	color: #cc3333;
	text-decoration: none;
	font-size: 18px;
	font-size: 1rem;
	letter-spacing: 0.05em;
	text-transform: none;
}
.vp-pagination__style-minimal .vp-pagination__item > a:hover, 
.vp-pagination__style-minimal .vp-pagination__item > a:focus, .vp-pagination__style-minimal .vp-pagination__item > a:active {
	color: #297297;
	text-decoration: underline;
}
.wp-block-cover__inner-container.ct-dynamic-cover__inner-2.is-layout-constrained.wp-block-cover-is-layout-constrained {
  background-color: #297297;
  padding: 1em;
  position: absolute;
  bottom: 0;
  transform: translateY(100%);
  transition: 0.2s transform cubic-bezier(0.25,0.46,0.45,0.94);
  z-index: 2;
}
.cm-portfolio {
	position: relative;
  -webkit-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.1);
  box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.1);
  margin: 0.5em 1em 1em 0.5em;
 }
.cm-portfolio .wp-block-group.portfolio-caption {
	padding: 1em;
}
.cm-portfolio .wp-block-group.portfolio-caption p {
	font-size: 0.815rem;
}
.cm-portfolio a.ct-dynamic-media {
	margin-bottom: 0;
}
.cm-portfolio a.ct-dynamic-media:focus {
	box-shadow: inset 0 0 3px 3px #0B5CFF;
}
.cm-portfolio a.ct-dynamic-media:focus img {
	padding: 3px;
}

/*******************************************************
*********************** Header *************************
********************************************************/
.ast-desktop .ast-primary-header-bar.main-header-bar {
	padding-left: 30px;
	padding-right: 30px;
}
.ast-primary-header .ast-container, .ast-above-header .ast-container {
	padding: 0;
}
.ast-above-header-section-wrap {
    justify-content: flex-end;
}
#ast-fixed-header .main-header-bar {
    box-shadow: 0 2px 10px rgba(205, 235, 245,.5);
}
.ast-header-break-point .ast-above-header {
    line-height: 1.8;
}
.service-top {
	display: block;
	font-size: 16px;
	font-size: 1rem;
}
.main-header-bar-wrap {
	height: 100px;
}
.custom-logo-link {
	display: block;
	max-height: 50px;
}


.header-image-container::before {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    background-color: #92BDE0;
    z-index: -1;
    clip-path: polygon(18% 0%, 100% 0%, 100% 100%, 18% 100%, 0% 50%);
}
.header-image-container .wp-block-cover {
	clip-path: polygon(20% 0%, 100% 0%, 100% 100%, 20% 100%, 10% 50%);
}
.header-image-container .uagb-column__overlay {
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
		z-index: -1;
		background-color: #0075be;
	clip-path: polygon(18% 0%, 100% 0%, 100% 100%, 18% 100%, 0% 50%);
	opacity: 1;
}
.image-shape {
    margin-bottom: 0;
}
.full-height {
	height: 0;
}
.ast-button-wrap .menu-toggle {
	font-size: 2em;
}
.ast-logo-title-inline .site-logo-img {
	padding-top: 1.5em;
}
/*******************************************************
*********************** Content ************************
********************************************************/
/* Hauptcontainer Inhalt */
.site-content {
		padding: 0 0 3em;
}
.site-content .ast-container, .site-content .ast-container-fluid {
		padding: 0;
}
.wp-block-uagb-columns .uagb-columns__inner-wrap.uagb-columns__columns-2, .wp-block-uagb-columns.uagb-columns__wrap .uagb-columns__inner-wrap {
  max-width: 1510px;
}
.featured-box blockquote {
  background-color: #e8f3f9;
  border-color: #297297;
  padding: 1rem 2rem;
}


.start-teaser .uagb-columns__inner-wrap {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
}
.start-teaser .uagb-columns__wrap .uagb-column__wrap {
    width: 100%;
			/*border: 1px solid #0075be;*/
			border-radius: 5px;
			margin-bottom: 2em;
			padding: 1em;
}
	.start-teaser .wp-block-uagb-buttons.uagb-buttons__outer-wrap {
			position: relative;
	}

/* Blocksy CSS 
.hero-start.stk-block-columns > .stk-block-content {
  --stk-column-gap: 5vw;
}
.hero-start .stk-block-content {
  column-gap: var(--stk-column-gap);
}
*/


	.columns-2-2 .gspb_row__content {
	  gap: 4em 2em !important;
	}


/* Boxes */
.start-teaser .uagb-columns__wrap .uagb-column__wrap {
   -webkit-box-shadow: 0px 2px 10px 0px rgba(0,0,0,.2);
    -moz-box-shadow: 0px 2px 10px 0px rgba(0,0,0,.2);
    box-shadow: 0px 2px 10px 0px rgba(0,0,0,.2);
    transition: box-shadow .3s ease 0ms;
}
.start-teaser .uagb-columns__wrap .uagb-column__wrap:hover {
    -webkit-box-shadow: 0px 0 80px 0px rgba(0,0,0,.2);
    -moz-box-shadow: 0px 0 80px 0px rgba(0,0,0,.2);
    box-shadow: 0px 0px 80px 0px rgba(0,0,0,.2);
}
.card-box article {
  box-shadow: 0px 2px 20px #99999933 !important;
  border-width: 1px;
  border-style: solid !important;
  border-color: #29729721 !important;
  padding: 30px 20px;
}
.card-box article h3 {
	font-size: clamp(1.2rem, 1.2rem + 1.5vw, 1.5rem);
	padding-left: 3rem;
}
.card-box article svg {
	position: absolute;
	left: 0;
	fill: #cc3333;
}
.card-box article .card-box-group {
	padding-left: 3rem;
}
/* Section mit Hintergrund und inverser Schriftfarbe */
.background-section {
	background-color: #297297;
	color: #fff;
}
.background-section .wp-block-heading, .background-section p, .background-section a:hover, .background-section a:focus, .background-section a:active {
	color: #fff;
}
.background-section a {
	color: #fff;
}

/* Listen */
.wp-block-uagb-icon-list {
    margin: 0 2em;
}

/* Spezialliste mit Zahlen per Inkrement */
ol.list-numbers-increment {
	counter-reset: li;
	list-style: decimal;
	margin: 1em 0 1em 3em;
}
ol.list-numbers-increment > li {
  position: relative;
  margin: 0 0 1em 0;
  padding: 0 8px 8px 0;
  list-style: none;
}
ol.list-numbers-increment > li::before {
  content: counter(li);
  counter-increment: li;
  position: absolute;
  top: -0.4em;
  left: -1.6em;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 1.6em;
  margin-right: 0;
  padding: 0;
  color: #297297;
  font-size: 2.75rem;
  text-align: center;
}
.list-numbers-increment ul {
	margin-left: 0;
}
.list-numbers-increment ul li {
	list-style: none;
}
/* Portfolio */
.portfolio-overview .portfolio {
  border: 1px solid rgba(34, 56, 101, 0.1);
  padding: 1em;
  -webkit-box-shadow: 0px 5px 18px -6px rgba(34, 56, 101, 0.3); 
	box-shadow: 0px 5px 18px -6px rgba(34, 56, 101, 0.3);
}
.ba-portfolio-on-background .vp-portfolio {
    --vp-images-lazy__background-color: rgba(0, 0, 0, .1);
}
.vp-portfolio, .vp-portfolio * {
    border-radius: 4px;
}

.vp-portfolio__items-style-fade .vp-portfolio__item a {
    padding: var(--vp-items-style-fade--meta__padding-v) var(--vp-items-style-fade--meta__padding-h);
}
.vp-portfolio__item-wrap .vp-portfolio__item-img-wrap, .vp-portfolio__items-style-fade figcaption.vp-portfolio__item-overlay {
	/*max-width: 200px;*/
}
.vp-portfolio__items-style-emerge .vp-portfolio__item-caption a:hover, .vp-portfolio__items-style-emerge .vp-portfolio__item-caption a:focus {
  color: #fff;
}
.vp-portfolio__items-style-emerge .vp-portfolio__item-meta-excerpt > div {
  opacity: 1;
}
.portfolio .uagb-column__inner-wrap {
  padding: 0 !important;
}
.portfolio .uagb-columns__wrap .uagb-columns__inner-wrap {
	display: flex;
	justify-content: space-between;
	max-width: 100%;
}
.portfolio .uagb-columns__columns-2 > .wp-block-uagb-column.uagb-column__wrap {
  width: 100%;
}
.portfolio .wp-block-image {
	margin: 0.5em 1em 1em 0.5em;
}
.portfolio .wp-block-image img {
  -webkit-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.1); 
	box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.1);
}

blockquote.referenz {
	position: relative;
  border: none;
  margin: 5em 0;
	padding: 6em 0 0 3.5em;
  font-size: 1em;
}
blockquote.referenz::before {
	content: "";
	position: absolute;
	height: 6em;
	width: 6em;
	background-image: url(images/quote.svg);
	background-repeat: no-repeat;
	top: 0;
	left: 0;
	z-index: -1;
}
.vp-portfolio__item-img-wrap {
  -webkit-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.1); 
	box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.1);
  margin: 0.5em 1em 1em 0.5em;
}

/* Onepager */
.anchor-space {
	position: relative;
	top: 20px;
	display: inline-block;
	visibility: hidden;
	line-height: 1;
}

/* Box 'Optimieren' */
#optimieren {
    counter-reset: myitem;
}

#optimieren .uagb-columns__columns-3 .list-box {
    counter-increment: myitem 1;
		padding: 0;
		margin-bottom: 4em;
}
#optimieren .uagb-columns__columns-3 .list-box:last-child {
		margin-bottom: 0;
}
#optimieren .uagb-columns__columns-3 .list-box h3 {
		font-family: 'Open Sans Condensed';
		
}
#optimieren .uagb-columns__columns-3 .list-box p {
		font-size: 1em;
		line-height:	1.6;
		
}
#optimieren .uagb-columns__columns-3 .list-box.links .uagb-section__inner-wrap {
	margin-right: 3em;
	text-align: right;
}
#optimieren .uagb-columns__columns-3 .list-box.rechts .uagb-section__inner-wrap {
	margin-left: 3em;
	text-align: left;
}
#optimieren .uagb-columns__columns-3 .list-box::before {
    content: '0' counter(myitem);
		font-family: 'Open Sans Condensed';
    position: absolute;
		top: 0;
    width: 1.5em;
    height: 1.5em;
    font-size: 1.5em;
    font-weight: bold;
    color: #c33;
    line-height: 1.5;
}
#optimieren .uagb-columns__columns-3 .list-box.links::before {
		right: 0;
		text-align: right;
}
#optimieren .uagb-columns__columns-3 .list-box.rechts::before {
		right: unset;
		left: 0;
		text-align: left;
}


/* Blog */
.blog .hero-section {
  padding-bottom: 30px;
  border-bottom: 1px dashed #297297;
}
.card-content .entry-title {
	font-size: 34px;
	font-size: clamp(1.5rem, 1.5rem + 1.5vw, 2.5rem);
	line-height: 1.2;
	font-weight: 700;
}
.card-content .content-area h2 {
	font-size: 28px;
	font-size: clamp(1.2rem, 1.2rem + 1.5vw, 2rem);
	line-height: 1.2;
	font-weight: 700;
}
.post-thumb img {
  border-radius: 50%;
}
.ct-widget ul, .ct-widget .textwidget {
	margin-left: 0.7em;
}
.ct-widget li {
  line-height: 2;
}

/* Portfolio */
[data-layout*="grid"] {
  display: grid;
  grid-template-columns: var(--grid-template-columns);
  grid-column-gap: var(--grid-columns-gap, 30px);
  grid-row-gap: var(--grid-rows-gap, 30px);
}
 [data-prefix="cm-portfolio_archive"] .entries {
    --grid-template-columns: repeat(1, minmax(0, 1fr));
    --grid-columns-gap: 0;
	--grid-rows-gap: 10px;
  }
  
  
/*******************************************************
*********************** Footer *************************
********************************************************/
#colophon, #colophon p {
	font-size: 14px;
	font-size: 0.875rem;
}
#footer a {
	color: var(--theme-palette-color-7);
	text-decoration: none;
}
#footer a:hover, #footer a:focus, #footer a:active {
	color: var(--theme-palette-color-6);
	text-decoration: none;
}

/*******************************************************
********************* Responsive ***********************
********************************************************/

	.cm-portfolio {
		position: relative;
		overflow: hidden;
		 -webkit-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.1);
		 box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.1);
		 margin: 0.5em;
	}
	.cm-portfolio .wp-block-group.portfolio-caption { 
		padding: 1em !important;
	}

@media (hover: hover) {
	.cm-portfolio:hover .wp-block-group.portfolio-caption {
	  transform: translateY(-100%);	
	}


	.cm-portfolio .wp-block-group.portfolio-caption {
		--vp-items-style-emerge--caption__transition-duration: 0.5s; 
		--vp-items-style-emerge--caption__transition-easing: cubic-bezier(0.25,0.46,0.45,0.94);
	  background-color: #397397;
	  padding: 1em !important;
	  position: absolute;
	  width: 100%;
	  z-index: 2;
	  transform: translateY(20%);
		transition: var(--vp-items-style-emerge--caption__transition-duration) transform var(--vp-items-style-emerge--caption__transition-easing);		
		
	}
	.cm-portfolio .wp-block-group.portfolio-caption::before {
	  content: "";
	  width: 100%;
	  height: 40px;
	  position: absolute;
	  display: block;
	  top: -0.7em;
	  left: 0;
	  background-color: #397397;
	  transform: skew(0deg, -3deg);
	  z-index: -1;
		-webkit-box-shadow: 0 -5px 10px 0px rgba(0,0,0,0.2);
		box-shadow: 0 -5px 10px 0px rgba(0,0,0,0.2);
	}
	.cm-portfolio .ct-dynamic-media {
		margin-bottom: 0;
	}
	.cm-portfolio .wp-block-group.portfolio-caption h3 {
		color: #fff;
		margin-bottom: 0;
	}
	.cm-portfolio .wp-block-group.portfolio-caption p {
		color: #fff;
		font-size: 0.815rem;

	}
}

@media only screen and (min-width: 600px) {


	.service-top {
		display: inline-block;
		margin-left: 1em;
		margin-right: 1.2em;
		color: #fff;
	}	
	.service-top:first-child {
		margin-left: 0.2em;
	}
	



}
@media only screen and (min-width: 690px) {
	.columns-2-2 .gspb_row__content {
	  gap: 4em 2em !important;
	}
	.columns-2-2 .gspb_row__col--3 {
	  width: calc(50% - 1em) !important;
	}


}
@media only screen and (min-width: 768px) {
	.full-height {
		height: 50vh;
	}
	/*********************** Content ***********************/
	.ast-above-header-section {
    flex: unset;
    align-items: center;
    justify-content: flex-end;
	}
	.portfolio .uagb-columns__columns-2 > .wp-block-uagb-column.uagb-column__wrap {
		width: calc(100%/2 - 2%);
	}	

 [data-prefix="cm-portfolio_archive"] .entries {
    --grid-template-columns: repeat(2, minmax(0, 1fr));
	--grid-rows-gap: 20px;

  }

}
@media only screen and (min-width: 990px) {
	.columns-2-2 .gspb_row__content {
	  gap: 6em 4em !important;
	}
	.columns-2-2 .gspb_row__col--3 {
	  width: calc(50% - 2em) !important;
	}

	/* Hauptcontainer Inhalt */
	.site-content {
			padding: 3em 0;
	}
	.ast-right-sidebar #sidebar {
		padding-left: 30px;
		padding-right: 20px;
	}
	.ast-right-sidebar #primary {
		padding-left: 30px; 
		padding-right: 4em;
	}	
	
	/* Header */
	#ast-desktop-header {
		display: block;
	}
	#ast-mobile-header {
		display: none;
	}

	#ast-fixed-header .main-header-bar {
		background-color: #fff;
	}
	header .site-logo-img .custom-logo-link img {
			max-width: 230px;
	}
	/* Menu */

	[data-menu] > ul > li > a::before, [data-menu] > ul > li > a::after {
	  position: absolute;
	  height: var(--menu-indicator-height, 4px);
	  transition: opacity .12s cubic-bezier(0.455, 0.03, 0.515, 0.955),width .2s cubic-bezier(0.455, 0.03, 0.515, 0.955),height .12s cubic-bezier(0.455, 0.03, 0.515, 0.955),top .12s cubic-bezier(0.455, 0.03, 0.515, 0.955),bottom .12s cubic-bezier(0.455, 0.03, 0.515, 0.955);
	}
	[data-menu="type-2:left"] > ul > li:hover > a, [data-menu="type-2:left"] > ul > li:focus-within > a, [data-menu="type-2:left"] > ul > li:active > a, [data-menu="type-2:left"] > ul > li[class*="current-menu-"] > a {
	  --menu-indicator-width: calc(100% - var(--menu-items-spacing, 25px));
	}
	[data-dropdown*="solid"] .sub-menu li:hover > .ct-menu-link, [data-dropdown*="solid"] .sub-menu li:focus-within > .ct-menu-link,  [data-dropdown*="solid"] .sub-menu li:active > .ct-menu-link,[data-dropdown*="solid"] .sub-menu li[class*="current-menu-"] > a, [data-dropdown*="padded"] .sub-menu li:hover > .ct-menu-link, [data-dropdown*="padded"] .sub-menu li[class*="current-menu-"] > a {
	  background-color: var(--dropdown-background-hover-color, rgba(255, 255, 255, 0.03));
	}
	
	[data-prefix="cm-portfolio_archive"] .entries {
		--grid-columns-gap: 10px;
		--grid-rows-gap: 30px;
	}
}
@media only screen and (min-width: 1190px) {

		header .site-logo-img .custom-logo-link img {
			max-width: 250px;
	}
 [data-prefix="cm-portfolio_archive"] .entries {
    --grid-template-columns: repeat(3, minmax(0, 1fr));
  }

}
@media only screen and (min-width: 1230px) {
	/*********************** Content ***********************/


}


@media only screen and (min-width: 1600px) {

	[data-prefix="cm-portfolio_archive"] .entries {
		--grid-columns-gap: 30px;
	}	
}

/* Min-Max */
@media only screen and (min-width: 600px) and (max-width: 767px) {
	.glossar-flex .uagb-columns__inner-wrap.uagb-columns__columns-3 {
		display: flex;
		justify-content: space-between;
	}
	.glossar-flex.uagb-columns__stack-mobile .wp-block-uagb-column.uagb-column__wrap {
		width: calc(100%/2 - 2em) !important;
		align-items: flex-start;
	}	
}
@media only screen and (min-width: 600px) and (max-width: 989px) {
	#sidebar .sidebar-main {
		display: flex;
		flex-wrap: nowrap;
		justify-content: space-between;
		margin-left: -30px;
		margin-right: -30px;
	}
	.ct-widget {
		width: calc(100%/3 - 40px);
	}	
}


@media only screen and (min-width: 990px) and (max-width: 1520px) {
	.portfolio .uagb-column__inner-wrap {
		padding: 0 20px !important;
	}	
}
@media only screen and (min-width: 1000px) and (max-width: 1250px) {
	/*#header [data-column-set="2"] > div {
	  display: grid;
	  grid-template-columns: 100%;
	}*/
}

/* Max-Width*/

@media only screen and (max-width: 1400px) {
	.featured-box blockquote {
		margin-left: 1em;
	}
}
@media only screen and (max-width: 767px) {

	/* Glossar */
	.wp-block-uagb-column.uagb-column__wrap.hidden-column {
		display: none;
	}	
	/* VP-Portfolio 
	.vp-portfolio__items {
		margin-left: 0 !important;
	}*/

  [data-prefix="cm-portfolio_archive"] .entries {
    --grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}
@media only screen and (max-width: 576px) {
	.vp-uid-a641372c .vp-portfolio__items .vp-portfolio__item-wrap .vp-portfolio__item {
    /*left: calc(50% - 100px) !important;
		margin-left: 0 !important;*/
	}
	.wp-block-visual-portfolio {
		max-width: 400px;
		margin: 0 auto;
	}
	ul {
		padding-left: 1.5rem;
	}
	
	/* Blog */
	.wp-block-image.alignright img, .wp-block-image.alignleft img {
	  width: 120px;
	}
}