/* wolfram architekten

Fraben:
Hover-Grün: #B6C409
Textfarbe: #666666
Grün: #cccc00
*/

/* benchnine-300 - latin */
@font-face {
  font-family: 'BenchNine';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/benchnine-v7-latin-300.eot'); /* IE9 Compat Modes */
  src: local('BenchNine Light'), local('BenchNine-Light'),
       url('../fonts/benchnine-v7-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/benchnine-v7-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/benchnine-v7-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/benchnine-v7-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/benchnine-v7-latin-300.svg#BenchNine') format('svg'); /* Legacy iOS */
}

/* benchnine-700 - latin */
@font-face {
  font-family: 'BenchNine';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/benchnine-v7-latin-700.eot'); /* IE9 Compat Modes */
  src: local('BenchNine Bold'), local('BenchNine-Bold'),
       url('../fonts/benchnine-v7-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/benchnine-v7-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/benchnine-v7-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/benchnine-v7-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/benchnine-v7-latin-700.svg#BenchNine') format('svg'); /* Legacy iOS */
}

/* benchnine-regular - latin */
@font-face {
  font-family: 'BenchNine';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/benchnine-v7-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('BenchNine Regular'), local('BenchNine-Regular'),
       url('../fonts/benchnine-v7-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/benchnine-v7-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/benchnine-v7-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/benchnine-v7-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/benchnine-v7-latin-regular.svg#BenchNine') format('svg'); /* Legacy iOS */
}


/* ALLGEMEINES */
html, body {
	font-size: 21px !important;
	letter-spacing: 0.09em !important;
	padding: 0px !important;
	margin: 0px !important;
	color: #666666 !important;
	line-height: 165% !important;
	font-weight: 300 !important;
    font-family: 'BenchNine', sans-serif !important;
}

/* ----------------- FORMATIERUNGEN ----------------- */
h1, h2, h3, h4, h5, h6 {
	color: #cccc00 !important;
	border: 0px !important;
	font-weight: 400 !important;
	text-transform: lowercase !important;
}

h1 {
	margin: 0px 0px 20px 0px !important;
	font-size: 155% !important;
}

h2, .entry-header h2 {
	margin: 40px 0px 5px 0px !important;
	font-size: 135% !important;
}

.tp-caption{
	text-shadow: 1px 1px 1px #000;
}

.page-header {
	margin: 0px !important;
	border: 0px !important;
	padding: 0px !important;
}

.entry-header {
	margin: 0px !important;
}

strong {
	font-weight: 600 !important;
}

/* links */
p a, p a:visited, #sp-main-body li a {
	color: #666666 !important;
	border-bottom: 1px dotted #666666 !important;
}

p a:hover, #sp-main-body li a:hover {
	color: #cccc00 !important;
	border: 0px !important;
}

.category-desc {
	margin-bottom: 0px !important;
}

div.intro-image {
	display: none !important;
}

/* liste */
#sp-main-body ul {
	padding: 0px 0px 0px 15px !important;
}

#sp-main-body ul li {
	margin-bottom: 6px !important;
	padding: 0px 0px 0px 15px !important;
}

/* SIMPLE IMAGE GALLERY*/

 ul.sigProResponsive li.sigProThumb a.sigProLink {
    color: #fff !important;
    background-color: #fff !important;
	border: 2px solid #fff !important;
}

 ul.sigProResponsive li.sigProThumb a.sigProLink:hover {
    color: #fff !important;
    background-color: #fff !important;
	border: 2px solid #fff !important;
}

ul.sigProResponsive li.sigProThumb {
	margin-left: -30px !important;
	margin-right: 30px !important;
}

.sigProImg:hover {
	-webkit-transform: none !important;
       -moz-transform: none !important;
        -ms-transform: none !important;
         -o-transform: none !important;
            transform: none !important;
}

ul.sigProSleek li.sigProThumb a.sigProLink {
    border: 2px solid #fff !important;
}

ul.sigProSleek li.sigProThumb a.sigProLink img:hover {
    border: 2px solid #fff !important;
}

ul.sigProSeamless li.sigProThumb {
	background: none !important;
	margin-left: -30px !important;
	margin-right: 20px !important;
}

ul.sigProSeamless li.sigProThumb a.sigProLink img.sigProImg, ul.sigProSeamless li.sigProThumb a.sigProLink:hover img.sigProImg {
    background-repeat: repeat-x;
    background-position: 100% 40%;
}


/* blockquote */
blockquote {
	padding: 20px !important;
	border: 0px !important;
	background: #E6E6E6 !important;
	font-size: 100% !important;
}

/* fehlermeldung */
div.alert-message {
	background: #FF060A !important;
	color: #fff !important;
}

div.alert-message p {
	margin: 0px !important;
}

h4.alert-heading {
	font-size: 260% !important;
	color: #fff !important;
}

/* ----------------- HEADER & LOGO ----------------- */
#sp-header {
	background: #fff !important;
	padding: 100px 0px 0px 0px !important;
	height: auto !important;
	z-index: 1000 !important;
	transition: 1s !important;
	box-shadow: none !important;
}

#sp-header .sp-module {
	margin: 0px !important;
}

#sp-logo {
	width: 176px !important;
	letter-spacing: 0.12em !important;
	text-align: center !important;
	color: #666666 !important;
}

#sp-logo a {
	border: 0px !important;
	font-size:87%;
}

#sp-logo img {
	margin-bottom: -156px !important;
	position: relative !important;
	z-index: 1000 !important;
	width:100% !important;
	transition: 1s !important;
}

#sp-logo a.logo {
	display: none !important;
}

@media only screen and (max-width:768px) and (min-width: 0px) {
#sp-logo {
	width: 176px !important;
}

#sp-header {
	padding: 30px 0px 0px 0px !important;
}

.itemid-101 #sp-logo img {
	display: block !important;
}

#sp-logo img {
	display: none !important;
}
}

@media only screen and (max-width:410px) and (min-width: 0px) {
#sp-logo img {
	width: 100px !important;
	margin-bottom: -110px !important;
}
}


/* sticky
#sp-header-sticky-wrapper {
	height: auto !important;
}

#sp-header-sticky-wrapper.is-sticky #sp-header {
	padding: 30px 0px 0px 0px !important;
}

#sp-header-sticky-wrapper.is-sticky #sp-logo img {
	margin-bottom: -110px !important;
	width:100px !important;
}

@media only screen and (max-width:768px) and (min-width: 0px) {
#sp-header-sticky-wrapper.is-sticky #sp-header {
	position: static !important;
	padding: 30px 0px 0px 0px !important;
}

#sp-header-sticky-wrapper.is-sticky #sp-logo img {
	margin-bottom: -156px !important;
	width:100% !important;
}
}


/* MENÜ */
#sp-menu {
	margin-top: 0px !important;
	width: 84.95% !important;
}

@media only screen and (max-width:1200px) and (min-width: 992px) {
#sp-menu {
	width: 81.8% !important;
}
}

@media only screen and (max-width:992px) and (min-width: 0px) {
#sp-menu {
	height: 0px !important;
}
}

.sp-megamenu-parent {
	float: right !important;
}

#sp-menu ul li a {
	line-height: 100% !important;
	color: #666666 !important;
	font-size: 115% !important;
	text-transform: lowercase !important;
	letter-spacing: 0.09em !important;
	padding: 0px !important;
	margin-left: 30px !important;
}

#sp-menu ul li:hover a {
	color: #666 !important;
}

#sp-menu ul li.active a {
	color: #cccc00 !important;
	font-weight: 400 !important;
}

.sp-megamenu-parent > li.sp-has-child > a::after {
	content: "" !important;
}

/* dropdown */
.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
	padding: 0px !important;
}

.sp-megamenu-parent .sp-dropdown {
	z-index: 1000 !important;
	padding-top: 6px !important;
	margin-left: 30px !important;
}

#sp-menu ul li ul li a, #sp-menu ul li.active ul li a, #sp-menu ul li:hover ul li a {
	color: #666 !important;
	margin: 0px !important;
	padding: 10px !important;
}

#sp-menu ul li ul li:hover a {
	color: #fff !important;
	background: #666 !important;
}

#sp-menu ul li ul li.active a, #sp-menu ul li.active ul li.active a, #sp-menu ul li:hover ul li.active a {
	color: #fff !important;
	background: #cccc00 !important;
}

/* mobile menu */
#offcanvas-toggler {
	line-height: 100% !important;
}

#offcanvas-toggler > i {
	margin: 2px 0px 0px 5px !important;
	padding: 0px !important;
	color: #666 !important;
	font-size: 105% !important;
}

@media only screen and (max-width:992px) {
#offcanvas-toggler {
	position: absolute !important;
	top: 0px !important;
	right: 20px !important;
}

#sp-menu {
	margin: 0px !important;
}
}

/* aufklappbar */
.offcanvas .offcanvas-menu ul.nav-child li {
	padding: 0px !important;
	font-family: BenchNine, sans-serif !important;
}

div.divuli[style] {
	padding: 0px !important;
}

.offcanvas-menu .offcanvas-inner {
	padding: 0px !important;
}

.offcanvas-menu ul.accordion-menu {
	border: 0px !important;
	margin: 50px 0px 0px 0px !important;
}

.offcanvas-menu ul.accordion-menu li {
	background: none !important;
	padding: 0px !important;
	margin: 0px !important;
	border-bottom: 1px dotted #E0E0E0 !important;
}

.offcanvas-menu ul.accordion-menu li ul li {
	border-bottom: 1px dotted #fff !important;
	background: #E0E0E0 !important;
}

.offcanvas-menu ul.accordion-menu li ul li ul li {
	border-bottom: 1px dotted #fff !important;
	background: #D2D2D2 !important;
}

.offcanvas-menu ul.accordion-menu li a {
	line-height: 100% !important;
	padding: 12px !important;
	font-size: 15px !important;
	color: #666 !important;
	font-weight: normal !important;
	display: block !important;
	border: 0px !important;
	font-family: BenchNine, sans-serif !important;
	
}

.offcanvas .body-innerwrapper::after {
	z-index: 1100 !important;
}

.offcanvas-menu ul.accordion-menu li a:hover {
	color: #cccc00 !important;
	background: none !important;
}
	
.offcanvas-menu ul.accordion-menu li.current {
	background: #cccc00 !important;
}

.offcanvas-menu ul.accordion-menu li.current a:hover {
	color: #fff !important;
}

.offcanvas-menu ul.nav.menu, .offcanvas-menu .sp-module {
	margin: 0px !important;
}

.offcanvas-menu ul.nav.menu li {
	border-bottom: 1px dotted #E0E0E0 !important;
	background: none !important;
}

.offcanvas-menu ul.nav.menu li a {
	line-height: 100% !important;
	padding: 12px !important;
	font-size: 15px !important;
	color: #666 !important;
	font-weight: normal !important;
	display: block !important;
	font-family: BenchNine, sans-serif !important;
	border: 0px !important;
}

ul.accordion-menu.button-right li > .item-wrapper > .menu-button > img {
	padding: 0px 17px !important;
}

/* SEARCH */
#sp-search {
	margin-top: 15px !important;
}

#sp-search input {
	width: 100% !important;
}

.acesearch_bg_module {
	height: auto !important;
}

#sp-search .acesearch_clear {
	display: none !important;
}

/* ergebnisse */
.search .btn-toolbar button {
	background: #cccc00 !important;
}

.search dt.result-title, .search dt.result-title a {
	font-weight: 600 !important;
	color: #cccc00 !important;
}

.search .result-category, .search .form-limit {
	display: none !important;
}

.search .result-text {
	line-height: 165% !important;
}

/* FEATURE */
.tp-bannertimer {
	display: none !important;
}

.tp-leftarrow {
	margin-left: 20px !important;
	background-image: url(../images/large_left.png) !important;
	background-position: top !important;
}

.tp-rightarrow {
	margin-right: 20px !important;
	background-image: url(../images/large_right.png) !important;
	background-position: top !important;
}

.box-orange {
	background: rgba(204,204,0,0.95) !important;
	height: 330px !important;
	padding: 35px !important;
}

@media only screen and (max-width:992px) and (min-width: 0px) {
#sp-feature .tp-caption {
	display: none !important;
}
}


/* ----------------- MAIN-BODY ----------------- */
#sp-main-body {
	padding: 40px 0px 30px 0px !important;
	background: url(../images/background-main-body.png) bottom center no-repeat #EBEBEB !important;
}

@media only screen and (max-width:1200px) and (min-width: 992px) {
#sp-main-body {
	background: url(../images/background-main-body_1200.png) bottom center no-repeat #EBEBEB !important;
}
}

@media only screen and (max-width:992px) and (min-width: 768px) {
#sp-main-body {
	background: url(../images/background-main-body_992.png) bottom center no-repeat #EBEBEB !important;
}
}

@media only screen and (max-width:768px) and (min-width: 0px) {
#sp-component {
	width: 100% !important;
	float: none !important;
}

#sp-title {
	display: none !important;
}

#sp-main-body {
	background: url(../images/background-main-body_768.png) bottom center no-repeat #EBEBEB !important;
}
}

#sp-component {
	float: right !important;
}

article.item {
	margin: 0px !important;
}

/* KONTAKT */
@media only screen and (max-width:768px) and (min-width:0px) {
div.linkss table.map {
		float: none !important; 
		Width: 100% !important;
}
}

/* KONTAKT */
@media only screen and (max-width:768px) and (min-width:0px) {
div.linkss table.map {
		float: none !important; 
		Width: 100% !important;
}
}


/* FORMULARE */
.wdform_page {
	background: none !important;
	padding: 0px !important;
}

.wdform_section {
	font-family: BenchNine, sans-serif !important;
}

.wdform_column {
	border-spacing: 0px !important;
}

.wdform-label {
	color: #666 !important;
}

.mini_label {
	margin: 0px !important;
	line-height: 100% !important;
	color: #666 !important;
	font-family: BenchNine, sans-serif !important;
	font-size: 75% !important;
}

#form12 input[type="text"][style] {
	padding: 8px !important;
	height: auto !important;
	background: #fff !important;
	border: 0px !important;
	color: #666 !important;
	font-style: normal !important;
}

#form12 textarea[style] {
	padding: 8px !important;
	background: #fff !important;
	border: 0px !important;
	color: #666 !important;
	font-style: normal !important;
}


.wdform-field .button-submit {
	background: #cccc00 !important;
	font-size: 90% !important;
	margin: 0px !important;
	font-family: BenchNine, sans-serif !important;
}

.wdform-field .button-submit:hover {
	background: #B6C409 !important;
}

/* ----------------- PROJEKTE ----------------- */
.mnwall-hover-box {
	text-align: left !important;
}

.mnwall-hover-box-content {
	top: 0px !important;
	transform: translateY(0%) !important;
	padding: 22px !important;
}

h3.mnwall-title {
	margin: 0px !important;
}

h3.mnwall-title a {
	text-transform: none !important;
	font-size: 115% !important;
}

div.mnwall-desc {
	font-size: 19px !important;
	line-height: 140% !important;
}

.mnwall-hover-box-content .mnwall-item-link-icon {
	border-radius: 0px !important;
	background: #fff !important;
	color: #cccc00 !important;
	padding: 0px 12px 0px 12px !important;
}

.mnwall-hover-box-content .mnwall-item-link-icon {
	margin-left: 16px !important;
}

.flickity-prev-next-button.previous {
	left: -60px !important;
}

.flickity-prev-next-button.next {
	right: -60px !important;
}

@media only screen and (max-width:768px) and (min-width: 0px) {
.flickity-prev-next-button.previous {
	left: 10px !important;
}

.flickity-prev-next-button.next {
	right: 10px !important;
}

#mnwall_scr_1 .flickity-prev-next-button {
	color: #fff !important;
}
}

/* ----------------- FOOTER ----------------- */
#sp-footer {
	background: #EBEBEB !important;
	text-align: left !important;
	font-size: 90% !important;
	padding: 10px 0px 80px 0px !important;
	color: #cccc00 !important;
	font-weight: 400 !important;
}

#sp-footer1 {
	float: right !important;
}
#sp-footer a {
	color:#cccc00;
}

@media only screen and (max-width:768px) and (min-width: 0px) {
#sp-footer1 {
	float: none !important;
}
}


/* ----------------- ERROR PAGE ----------------- */
.error-page body {
	background: #cccc00 !important;
	font-family: BenchNine, sans-serif !important;
}

.error-page h1 {
	color: #fff !important;
	font-size: 1200% !important;
	font-weight: 700 !important;
	line-height: 100% !important;
	border-top: 1px solid #fff !important;
	border-bottom: 1px solid #fff !important;
	display: inline !important;
}

.error-page h2 {
	color: #fff !important;
	font-size: 400% !important;
	margin-top: 70px !important;
	font-weight: 300 !important;
}

.error-page h3 {
	color: #fff !important;
	margin-bottom: 45px !important;
}

.error-page a.zbutton {
	color: #fff !important;
	padding: 15px 50px !important;
	border: 1px solid #fff !important;
	margin-right: 5px !important;
}

.error-page a.button {
	color: #cccc00 !important;
	padding: 15px 30px !important;
	border: 1px solid #fff !important;
	background: #fff !important;
	font-weight: 600 !important;
}

.error-page a.zbutton:hover, .error-page a.button:hover {
	background: #B6C409 !important;
	color: #fff !important;
}

/* ----------------- SITEMAP ----------------- */
#jmap_sitemap a {
	color: #cccc00 !important;
}

#jmap_sitemap a:hover {
	color: #666666 !important;
	border-bottom: 1px dotted #666666 !important;
}

/* COOKIE BANNER */
.cookie-bar-text, .cookie-bar-link, .cookie-bar-button {
	font-size:90%;
}

/* KONTAKTFORMULAR ELIMINIERUNG STERNCHEN */
 .wdform-required {
 	display: none !important;
 }

 /* Soclia Links
-------------------------------------------*/

/**
 * Social Links Leiste
 */
.itemid-101 .social-links {
	position: fixed;
	right: 0px;
	width: 45px;
	top: 710px;
	z-index: 999;
}

.social-links {
	position: fixed;
	right: 0px;
	width: 45px;
	top: 240px;
	z-index: 999;
}


.social-links a {
	box-sizing: border-box;
	position: relative;
	display: inline-block;
	height: 45px;
	width: 45px;
	text-align: center;
	background-color: #cccc00;
	margin-bottom: 3px;
	padding: 10px;
	line-height: 0;
	opacity: 0.8;
	margin: 0;
}

.social-links a span {
	display: none;
	width: auto;
	position: absolute;
	right: 45px;
	background-color: inherit;
	height: 45px;
	top: 0;
	color: #ffffff;
	line-height: 45px;
	padding-left: 25px;
	padding-right: 15px;
	white-space: nowrap;
	font-size: 16px;
}

/* Icon */
.social-links a i {
	display: inline-block;
	position: absolute;
	top: 0;
	right: 0;
	height: 45px;
	width: 45px;
	margin-right: 0;
	background-size: 30px 30px;
	background-position: center center;
	background-repeat: no-repeat;
}
.icon-job {
	background-image: url("https://www.architekt-buchen.de/images/template/job-icon.svg");
}

.icon-email {
	background-image: url("https://www.architekt-buchen.de//images/template/icon-mail.svg");
}

.icon-facebook{
	background-image: url("https://www.architekt-buchen.de/images/template/facebook-icon.svg");
}

.social-links a span.zweizeilig {
	line-height: 20px;
	padding-top: 5px;
	height: 50px;
	padding-right: 20px;
}

/**
 * Hover-Effekt
 */
.social-links a:hover {
	background-color: #cccc00 ;
	opacity: 1;
}

.social-links a:hover span {
	display: inline-block;
	transition: all 0ms;
	opacity: 1;
	font-family: 'BenchNine' !important;
	font-weight:400;
}

.social-links a:nth-child(4) {
	padding-top: 13px;
}

/**
 * Responsive Layout Starteite
 */
@media only screen and (max-width:1200px) {
	.itemid-101 .social-links {
		top: 650px;
	}
}

@media only screen and (max-width:980px) {
	.itemid-101 .social-links {
		top: 540px;
	}
}

@media only screen and (max-width:760px) {
	.itemid-101 .social-links {
		display: none;
	}
}

/**
 * Responsive Layout Unterseiten
 */
@media only screen and (max-width:1200px) {
	.social-links {
		top: 220px;
	}
}

@media only screen and (max-width:980px) {
	.social-links {
		top: 210px;
	}
}

@media only screen and (max-width:760px) {
	.social-links {
		display: none;
	}
}

/* Shine */
#sp-icons {
	position: relative;
}
#sp-icons::before {
	position: absolute;
	top: 0;
	left: -75%;
	z-index: 2;
	display: block;
	content: '';
	width: 50%;
	height: 100%;
	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	-webkit-transform: skewX(-25deg);
	transform: skewX(-25deg);
}
#sp-icons:hover::before {
	-webkit-animation: shine .75s;
	animation: shine .75s;
}
@-webkit-keyframes shine {
	100% {
		left: 125%;
	}
}
@keyframes shine {
	100% {
		left: 125%;
	}
}

#sp-icons img:hover {
	transform: scale(1.2);
}

/* iFrame Plugin DSGVO
---------------------- */
	.iframe_dsgvo {
		font-size:  85%;
	}


#sp-logo .logo img.sp-default-logo {
	display: none !important;
}