
#mybyte_media_cookiehinweis {
	line-height: 125%;
    background: rgba(255, 255, 255, 0.9);
    border: 1px solid;
    bottom: 0;
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.25);
    color: #484848;
    font-size: 12px;
    line-height: 125%;
    margin: 20px;
    padding: 10px;
    position: fixed;
    width: 200px;
    z-index: 999999;
	right: 0;
	display: none;
}

#mybyte_media_cookiesettings {
	line-height: 125%;
    background: rgba(255, 255, 255, 0.9);
    border: 1px solid;
    bottom: 0;
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.25);
    color: #484848;
    font-size: 10px;
    line-height: 125%;
    margin: 10px;
    padding: 10px;
    position: fixed;
    z-index: 999999;
	right: 0;
	display: none;
	cursor: pointer;
}

#mybyte_media_cookiehinweis_close {
    background: #000 none repeat scroll 0 0;
    color: #fff;
    cursor: pointer;
    display: block;
    font-size: 14px;
    padding: 10px;
	margin: 0;
    text-align: center;
}

#mybyte_media_cookiehinweis_save {
    background: #dedede none repeat scroll 0 0;
    color: #000;
    cursor: pointer;
    display: block;
    font-size: 14px;
    padding: 10px;
    margin: 0;
	margin-top: 10px;
    text-align: center;
}

#mybyte_media_cookiehinweis_mehrinfos {
	text-decoration: underline;
}

.twitter-share-button {
  
  display:none !important;
}


a {
  
  color:#888888 !important;
}


/* Globale Einstellungen */
/*@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,900;1,100;1,300;1,900&display=swap');*/
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,700;0,900;1,100;1,200;1,700;1,900&display=swap');
html,
body {
	overflow-x: hidden;
  hyphens: none !important;
}

.startslider {
  
  margin-left:auto !important;
    margin-right:auto !important;
}


.startslider {
  
  
  
  
  /*max-width: 1780px !important;
  width: 1780px !important;*/
  /*margin-left:-40px !important;
  margin-bottom:40px !important;
  margin-right:auto !important;
  float:left !important;*/
}





/* Schriftarten einstellen */

body,
button,
input,
select,
textarea,
.main-title,
.site-description,
.wp-block-button .wp-block-button__link,
.sidebar .widget,
.footer-widgets .widget,
.site-info,
.vc_grid-filter.vc_grid-filter-size-lg .vc_grid-filter-item,
.vc_btn3.vc_btn3-size-md {
	font-size: calc(14px + (20 - 14) * ((100vw - 300px) / (2000 - 300)));
}

.main-navigation .main-nav ul li a,
.main-navigation .main-nav ul ul li a {
	font-size: calc(14px + (18 - 14) * ((100vw - 300px) / (2000 - 300)));
}

h1 {
	font-size: 2em;
}

.entry-content h2,
.blog .entry-title,
.search-results .entry-title,
.widget-title {
	font-size: 1.5em;
}

.entry-content h3 {
	font-size: 1.25em;
}

.entry-meta {
	font-size: 1em;
}

body,
button,
input,
select,
textarea {
	font-family: neue-haas-grotesk-text, sans-serif;
	font-weight: 400;
	font-style: normal;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: neue-haas-grotesk-display, sans-serif;
	font-weight: 500;
	font-style: normal;
}

strong,
b,
.wpforms-container .wpforms-field-label {
	font-family: neue-haas-grotesk-text, sans-serif;
	font-weight: 500;
	font-style: normal;
	color: #000;
}

em {
	font-family: neue-haas-grotesk-text, sans-serif;
	font-weight: 400;
	font-style: italic;
}

.main-navigation .main-nav ul li a {
	font-family: neue-haas-grotesk-text, sans-serif;
	font-weight: 400;
	font-style: normal;
}

h4 {
	color: #000;
}

ol,
ul {
	margin: 0 0 1.5em 1.5em;
}

.vc_grid-filter-item {
	text-transform: uppercase;
}


/* Anpassungen Header */

.site-logo {
	margin-left: 2px;
}

.inside-header {
	align-items: start;
}

.page-hero {
	height: 50vw;
}



.page-id-731 .page-hero {
	background-position: center top;
}

.kopfbereich-hero {
	/*margin: 40px 40px 0 40px;*/
  margin-left:auto;
  margin-right:auto;
  margin-top:40px;
  max-width:1780px !important;
  max-height: 50vw !important;
}

@media(max-width:768px) {
	.kopfbereich-hero {
		margin: 30px 0 0 0;
	}
  
 .images-shadow-zoom img {
	object-position: 50% 70% !important;
   height: 220px !important;
}
  
}

/*@media (max-width: 1100px){
 .images-shadow-zoom img {
	object-position: 0px -30px !important;
}
}*/
@media (max-width: 1280px){
 .images-shadow-zoom img {
	object-position: 50% 70% !important;
}
} 

/* Anpassung Navigation oben */

.main-navigation,
.inside-site-info {
	max-width: 1780px;
}

.main-navigation .main-nav > ul > li > a {
	text-transform: uppercase;
	letter-spacing: .05em;
}

.main-navigation ul ul li,
.main-navigation.toggled .main-nav li {
	border-top: 1px solid #ddd;
}

.menu-item-has-children .dropdown-menu-toggle {
	padding-right: 10px;
	padding-left: 8px;
}

.dropdown-menu-toggle:before {
	position: relative;
	top: 1px;
}


/* Anpassungen Startseite */


/* Beitragsbilder oben */

.featured-image {
	max-width: 1000px;
	margin: 0 auto 2em auto !important;
	width: 100%;
}


/* Pagination Projekte */

.paging-navigation .page-numbers {
	margin-right: 10px;
}


/* Projekte */

.vc_grid-filter {
	border-bottom: 1px solid #ccc;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
}

.vc_grid-filter.vc_grid-filter-bordered > .vc_grid-filter-item,
.vc_grid-filter.vc_grid-filter-bordered-rounded > .vc_grid-filter-item,
.vc_grid-filter.vc_grid-filter-bordered-rounded-less > .vc_grid-filter-item {
	flex-grow: 1;
	text-align: center;
	font-size: 0.8em;
}

.vc_grid-filter.vc_grid-filter-bordered > .vc_grid-filter-item,
.vc_grid-filter.vc_grid-filter-bordered-rounded > .vc_grid-filter-item,
.vc_grid-filter.vc_grid-filter-bordered-rounded-less > .vc_grid-filter-item {
	border: none !important;
}

.vc_grid-filter.vc_grid-filter-bordered > .vc_grid-filter-item:nth-child(n+2),
.vc_grid-filter.vc_grid-filter-bordered-rounded > .vc_grid-filter-item:nth-child(n+2),
.vc_grid-filter.vc_grid-filter-bordered-rounded-less > .vc_grid-filter-item:nth-child(n+2) {
	margin: 0 !important;
}

.vc_grid-filter.vc_grid-filter-color-black > .vc_grid-filter-item:hover,
.vc_grid-filter.vc_grid-filter-color-black > .vc_grid-filter-item.vc_active {
	background-color: #ccc !important;
}

.vc_grid-filter.vc_grid-filter-color-black > .vc_grid-filter-item:hover > span,
.vc_grid-filter.vc_grid-filter-color-black > .vc_grid-filter-item.vc_active > span {
	color: #000;
}

.vc_grid-filter {
	margin-bottom: 2em !important;
}

.posttitlestart.vc_gitem-post-data-source-post_title p {
	margin-bottom: 0 !important;
}

.vc_gitem_row .vc_gitem-col {
	padding: 5px 1px;
}

.claim-text {
	color: #5f5f5f;
	font-size: 4.5vmin;
  
}

.claim-text strong {
	color: hsla(206, 30%, 20%, 0.3) !important;
	font-weight: 900 !important;
	font-style: italic !important;
}

.images-shadow {
	-webkit-box-shadow: 0px 2px 4px 1px rgba(0, 0, 0, 0.15) !important;
	box-shadow: 0px 2px 4px 1px rgba(0, 0, 0, 0.15) !important;
}

.designspan {
  
  margin-left:0px !important;
	font-style: normal;
	font-weight: 200;
	font-size: 102%;
	letter-spacing: -0.01em;
	font-kerning: none;
	
  font-family: 'Montserrat', sans-serif;
	
	color: transparent;
	background: #666666;
	-webkit-background-clip: text;
	-moz-background-clip: text;
	background-clip: text;
	text-shadow: 0px 2px 2px rgba(255, 255, 255, 0.65);
}

.images-shadow-zoom {
	-webkit-box-shadow: 0px 1px 2px 1px rgba(0, 0, 0, 0.25) !important;
	box-shadow: 0px 1px 2px 1px rgba(0, 0, 0, 0.25) !important;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
	z-index: 0;
}

.images-shadow-zoom img {
	width: 50%;
	object-fit: cover;
	object-position: 50% 70%;
	height: 160px;
}

.images-shadow-zoom:hover {
	-webkit-box-shadow: 0px 8px 4px 4px rgba(0, 0, 0, 0.1) !important;
	box-shadow: 0px 8px 4px 4px rgba(0, 0, 0, 0.1) !important;
	/*transform: scale(1.03, 1.03)!important;*/
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
	z-index: 0;
}

/*- Images HOVER -*/
/*.images-shadow-zoom::before {
			content: '';
			position: absolute;
			width: 30px;
			height: 30px;
			
			right:20px;
			top: 0px;
			margin-left: 0%;
			width: 0;
			height: 0;
			border-top: 30px solid hsla(206, 20%, 100%, 0.8);
			border-left: 30px solid transparent;
			z-index:999 !important;
  pointer-events: none !important;
	}
.images-shadow-zoom:hover::before {
			
			border-top: 30px solid hsla(0, 0%, 37%,1);
			
	}*/
/*  HOVER PLUS +  */

.fg-photoswipe .fastgallery-gallery-icon.fg_zoom a .fg-zoom-icon {
  color:#ffffff !important; 
  font-size: 30px !important;
  font-weight: 200 !important;  
}

.hide {
	display: none !important;
}
.content {
		position: relative;
		width: 100%;
		margin: auto;
		overflow: hidden;
		padding: 0px;
		max-height: 200px !important;
	}
	
	.content .content-overlay {
		font-family: 'Raleway', sans-serif;
		background: hsla(206, 20%, 100%, 1);
		position: absolute;
		min-height: 100%;
		width: 100%;
		left: 0;
		top: 0;
		bottom: 0;
		right: 0;
		opacity: 0.0;
		padding: 0px;
		-webkit-transition: all 0.4s ease-in-out 0s;
		-moz-transition: all 0.4s ease-in-out 0s;
		transition: all 0.4s ease-in-out 0s;
	}
	
	.content:hover .content-overlay {
		opacity: 0.9;
	}
	
	.content-image {
		min-width: 100%;
		margin-bottom: 0px;
		margin-top: auto;
		vertical-align: bottom !important;
		-webkit-background-size: cover;
		background-attachment: scroll;
		background-position: 100% 100%;
		background-repeat: no-repeat no-repeat;
		background-size: cover;
	}
	
	.content-details {
      
      word-spacing: 0.16em;
		position: absolute;
		text-align: center;
		padding: 0px 20px 0px 20px !important;
		width: 100%;
		top: 50%;
		left: 50%;
		opacity: 0.0;
		-webkit-transform: translate(-50%, -50%);
		-moz-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		-webkit-transition: all 0.3s ease-in-out 0s;
		-moz-transition: all 0.3s ease-in-out 0s;
		transition: all 0.3s ease-in-out 0s;
	}
	
	.content:hover .content-details {
		top: 52%;
		left: 50%;
		opacity: 0.9;
	}
	
	.content-details h3 {
		color: #222 !important;
		font-weight: 400;
		font-size: 16px !important;
		letter-spacing: 0.02em;
		text-transform: uppercase;
	}
	
	.fadeIn-bottom {
		top: 100%;
	}
/*- Images HOVER END -*/


/* Claim */

.claim {
	color: rgba(0, 0, 0, .2);
	font-size: 4.5vmin;
	letter-spacing: -0.03em;
	margin-bottom: -40px;
	position: relative;
	left: -4px;
}

@media(max-width:768px) {
	.claim {
		margin-bottom: -20px;
	}
}


/* Buttons */

form button,
input[type=button],
input[type=reset],
input[type=submit],
.vc_btn3 {
	border: 1px solid hsl(0, 0%, 84%) !important;
	background: hsla(206, 20%, 98%,0.9);
	/*background: linear-gradient(0deg, rgba(204, 204, 204, 1) 0%, rgba(255, 255, 255, 1) 90%) !important;*/
	color: #777 !important;
}

form button:hover,
html input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
a.button:hover,
form button:focus,
html input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
a.button:focus,
a.wp-block-button__link:not(.has-background):active,
a.wp-block-button__link:not(.has-background):focus,
a.wp-block-button__link:not(.has-background):hover,
.vc_btn3:hover,
.vc_btn3:focus {
	border: 1px solid #000 !important;
	background-color: #fff !important;
	color: #000 !important;
}


/* WPForms */

select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="number"],
textarea,
select {
	border-color: #ccc;
	color: #666;
	background-color: #fcfcfc;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="number"]:focus,
textarea:focus,
select:focus {
	border-color: #000000;
	color: #000;
	background-color: #fff;
}

.wpforms-container .wpforms-field.wpforms-field-textarea {
	clear: both;
}

.wpforms-container .wpforms-field-sublabel,
.wpforms-field-gdpr-checkbox {
	font-size: 0.8em;
}

.wpforms-captcha-math input[type=text] {
	width: 80px;
}

.wpforms-field-gdpr-checkbox .choice-1 input[type="checkbox"],
.wpforms-field-checkbox .choice-1 input[type="checkbox"],
.wpforms-field-checkbox .depth-1 input[type="checkbox"] {
	opacity: 0;
}

.wpforms-field-gdpr-checkbox .choice-1 label,
.wpforms-field-checkbox .choice-1 label,
.wpforms-field-checkbox .depth-1 label {
	position: relative;
	display: inline-block !important;
	padding-left: 0 !important;
	left: 25px !important;
	margin-left: -25px !important;
	width: calc(100% - 25px);
}

.wpforms-field-gdpr-checkbox .choice-1 label::before,
.wpforms-field-gdpr-checkbox .choice-1 label::after,
.wpforms-field-checkbox .choice-1 label::before,
.wpforms-field-checkbox .choice-1 label::after,
.wpforms-field-checkbox .depth-1 label::before,
.wpforms-field-checkbox .depth-1 label::after {
	position: absolute;
	content: "";
	display: inline-block;
}


/* Outer box of the fake checkbox */

.wpforms-field-gdpr-checkbox .choice-1 label::before,
.wpforms-field-checkbox .choice-1 label::before,
.wpforms-field-checkbox .depth-1 label::before {
	height: 16px;
	width: 16px;
	border: 1px solid #ccc;
	background-color: #fcfcfc;
	left: -26px;
	top: 4px;
}


/*Checkmark of the fake checkbox*/

.wpforms-field-gdpr-checkbox .choice-1 label::after,
.wpforms-field-checkbox .choice-1 label::after,
.wpforms-field-checkbox .depth-1 label::after {
	height: 5px;
	width: 9px;
	border-left: 2px solid;
	border-bottom: 2px solid;
	transform: rotate(-45deg);
	left: -22px;
	top: 8px;
}


/*Hide the checkmark by default*/

.wpforms-field-gdpr-checkbox .choice-1 input[type="checkbox"] + label::after,
.wpforms-field-checkbox .choice-1 input[type="checkbox"] + label::after,
.wpforms-field-checkbox .depth-1 input[type="checkbox"] + label::after {
	content: none;
}

.wpforms-field-gdpr-checkbox .choice-1 input[type="checkbox"]:focus + label::before,
.wpforms-field-gdpr-checkbox .choice-1 input[type="checkbox"]:checked + label::before,
.wpforms-field-checkbox .choice-1 input[type="checkbox"]:focus + label::before,
.wpforms-field-checkbox .choice-1 input[type="checkbox"]:checked + label::before,
.wpforms-field-checkbox .depth-1 input[type="checkbox"]:focus + label::before,
.wpforms-field-checkbox .depth-1 input[type="checkbox"]:checked + label::before {
	border: 1px solid #000000;
	background-color: #fff;
}


/*Unhide on the checked state*/

.wpforms-field-gdpr-checkbox .choice-1 input[type="checkbox"]:checked + label::after,
.wpforms-field-checkbox .choice-1 input[type="checkbox"]:checked + label::after,
.wpforms-field-checkbox .depth-1 input[type="checkbox"]:checked + label::after {
	content: "";
}

.wpforms-container .wpforms-checkbox-3-columns ul li,
.wpforms-container .wpforms-multiplechoice-3-columns ul li,
.wpforms-container .wpforms-list-3-columns ul li {
	width: calc(33.3333% - 26px) !important;
}

.wpforms-container input[type=range] {
	margin: 1em 0;
}

@media(min-width:601px) {
	.wpforms-container .wpforms-checkbox-2-columns ul li,
	.wpforms-container .wpforms-multiplechoice-2-columns ul li,
	.wpforms-container .wpforms-list-2-columns ul li {
		width: 48%;
		padding-right: 0;
	}
	.wpforms-container .wpforms-checkbox-2-columns ul > li:nth-child(even),
	.wpforms-container .wpforms-multiplechoice-2-columns ul > li:nth-child(even),
	.wpforms-container .wpforms-list-2-columns ul > li:nth-child(even) {
		margin-left: 4%;
	}
}

@media only screen and (max-width: 600px) {
	.wpforms-container .wpforms-field:not(.wpforms-field-phone) {
		overflow-x: initial;
	}
}


/* Anpassungen Fusszeile */


.inside-site-info {
padding-top: 40px !important;

}

.site-info .neumann {
	color: #3F3F3F;
}

.site-info .architektur {
	color: #9F9F9F;
}

.inside-site-info {
	padding-top: 20px;
	border-top: 1px solid #ccc;
}

@media(min-width:769px) {
	#custom_html-4 {
		float: left;
		margin-right: 40px;
	}
	#nav_menu-4 {
		float: right;
	}
}