/* Mobil Signet Grafik Positionierung */
.header-signet {
	width: 20vh;
	position: absolute;
	right: 0;
	top: 25vh;
}

/* Mobile Seitentitel am unteren Rand
.header-headline-mob {
	font-size: 0.8em;
	max-width: 90%;
	margin: 69vh auto 10vh auto;
}
*/

.header-headline-mob {
	font-size: 0.8em;
	max-width: 90%;
	margin: 10vh auto auto auto;
	text-shadow: 5px 5px 20px #865b77;
}



/* MENÜ BAND */

#masthead {
	position: fixed !important;
	transition: background 250ms ease-in;
	background: linear-gradient(to bottom, rgba(20,20,80,0.5) 15%, rgba(20,20,80,0.0));
}

#masthead.nav-scrolled {
  background: rgba(255,255,255,0.9);
	transition: background 250ms ease-in;
		box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.15);
}


.nav-scrolled a{
  color: black !important;
}

.nav-scrolled a:hover{
  color: #cd1719 !important;
}

.nav-scrolled .ast-button-wrap .mobile-menu-toggle-icon .ast-mobile-svg {
fill: black;
}



/* .main-header-bar-wrap {
	background: linear-gradient(to bottom, rgba(20,20,80,0.5) 25%, rgba(20,20,80,0.0));
}*/

.referenz-slider-screen img {
	max-height: 80px !important;
	vertical-align: middle;
	margin: auto;
}

.referenz-slider-mob img {
	max-width: 100% !important;
	margin: auto;
	vertical-align: middle;
}


.leftmbottom {
	padding: 0;
	margin: 0;
}


/* Mobil Menü Korrektur Pfeile */
i.mob-icon-down-dir.close-icon::before {
	content: '\e8fc';
	transform: rotate(180deg);
}

/* Mobil Menü Transparenz und Breite */
.mobmenu-left-panel {
    background-color: rgba(255,255,255,.95);
    width: 100%;
}

/* Mobil Menü Overlay Korrektur */
.show-nav-left .mobmenu-overlay {
	height: 101px;
}



/* Mobil Header Hamburger Menü Icon Korrektur in der Höhe */
.mobmenul-container {
    top: 18px;
}

/* Kontaktformular Absenden-Button ohne Eckenradius */
input[type="submit"] {
	border-radius: 0px;
}

/* Kontaktformular Zustimmung ohne Abstand */
.wpcf7-list-item {
margin: 0;
}

/* Headline Divider Rot */
#content .decoration .decoration-inside {
border-top: 1px solid #cd1719 !important;
}

/* Mega Menü Untermenü mit Trennlinien */
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-2-of-12 li:not(:first-child) {
border-top: 1px solid rgb(106, 106, 106);
}

/* 
CUSTOM CSS CIRQUA GOES ASTRA 03/2021
edited by Braunwagner GmbH

Inhalt:
	(1) Allgemeines
	(2) Layout
	(3) Typo
	(4) Navigation
	(5) Footer
*/


/* (1) Allgemeines */

#page {
max-width: 100vw;
}

.ast-container {
max-width: 100vw;
		padding: 0;
}

table, td, th {
    border: 0px solid rgba(255,255,255,0);
}

span.spamschutz {
		display:none;
}

.ahfb-svg-iconset svg {
    width: 30px;
    height: 30px;
    transition: none;
}

/* (2) Layout */

.zeile-ganzebreite-blau {
	padding: 150px 0px 200px 0px !important;
		background-color: #304954;
}

.zeile-ganzebreite-weiss {
	padding: 150px 0px 200px 0px !important;
		background-color: #fff;
}

.headsubdiv {
	max-width: 1400px;
	margin: 0 auto;
	padding: 0 50px 30px 50px;
}

.fliesstext {
	max-width: 1400px;
	margin: 0 auto;
	padding: 0px 50px;
}

.fliesstext p, .aufzaehlung-neg p, .aufzaehlung-pos p {
	max-width: 940px;
}

.aufzaehlung-neg {
	max-width: 1400px;
	margin: 0 auto;
	padding: 0px 50px;
}

.aufzaehlung-pos {
	max-width: 1400px;
	margin: 0 auto;
	padding: 0px 50px;
}


.home-intro {
width: 100vw;
		height: 100vh;
		position: static;
		top: 0;
		background-color: rgba(255,0,0,0.5);
}

body.custom-background {
		background-size: cover;
}

.image-area-1 {
	margin: 0 10vw;
}


.aufzaehlung p {
	max-width: 940px;
}

.vertical-spacer {
	height: 10em;
}

.hero-spacer {
	height: 50vh;
}

.so-divider {
	margin: 6em auto;
	max-width: 1300px;
	width: calc(100% - 100px);
	border-width: 0 0 1px 0 !important;
}

.Vita-Absatz {
	max-width: 750px;
}

.sow-features-list .textwidget {
margin: auto auto auto 30px !important;
}

/* Anpassungen Slider */

.sow-slider-base .sow-slider-pagination li {
display: none!important;
}

#ref-slider-mob .sow-slider-image-wrapper>*:last-child {
	max-width: 50%;
		margin: auto;
}

.sow-slider-base .sow-slide-nav a {
	padding: 0;
}

/* (3) Typo */

/* FONT SETTINGS */


body{
  font-family: 'Fira Sans', sans-serif;
	font-weight: 300; 
}

h1{
  font-family: 'Fira Sans', sans-serif;
	font-style: italic;
	font-weight: 300; 
}

.entry-content h2, h2 {
  font-family: 'Fira Sans', sans-serif;
	font-weight: 400;
	margin-bottom: 0;
}

h3 {
  font-family: 'Fira Sans', sans-serif;
	font-weight: 300;
	font-style: italic;
}

p {
  font-family: 'Fira Sans', sans-serif;
  font-weight: 300;
}

.header-headline {
	max-width: 1400px;
	margin: auto 5vw 5em auto;
}

@media only screen and (min-width: 801px) and (max-width: 1110px) {
		.header-headline {
	max-width: 1400px;
	margin: auto 5vw 10em auto;
}
}



.Titel {
	font-style: italic;
}

.Name {
	font-size: 20px;
	font-weight: 400;
}

.Position {
	font-style: italic;
}

.Telefon {
	font-style: italic;
}

.Mail {
	font-style: italic;
}

.Vita {

}

strong {
font-weight: 400;
}

.pfeil-zelle-blau, .pfeil-zelle-weiss, .pfeil-zelle-rot, .telefon-rot, .mail-rot, .kontakt-ort-weiss, .kontakt-tel-weiss, .kontakt-mail-weiss, .kontakt-web-weiss {
	background-repeat: no-repeat;
	background-size: contain;
}

.pfeil-zelle-blau {
	width: 24px;
	background-image: url('../2021/02/Pfeil_blau.svg');
	background-position: 0 9px;
}

.pfeil-zelle-weiss {
	width: 24px;
	background-image: url('../2021/02/Pfeil_weiss.svg');
	background-position: 0 9px;
}

.pfeil-zelle-rot {
	width: 24px;
	background-image: url('../2021/02/Pfeil_rot.svg');
	background-position: 0 9px;
}

.telefon-rot {
	width: 27px;
	background-image: url('../2021/02/fon_rot.svg');
	background-position: 0 11px;
}

.mail-rot {
	width: 27px;
	background-image: url('../2021/02/mail_rot.svg');
	background-position: 0 10px;
}

.kontakt-ort-weiss {
	width: 18px;
	background-image: url('../2021/02/ort_weiss.svg');
	background-position: 0 10px;
}

.kontakt-tel-weiss {
	width: 33px;
	background-image: url('../2021/02/fon_weiss.svg');
	background-position: 0 8px;
}

.kontakt-mail-weiss {
	width: 33px;
	background-image: url('../2021/02/mail_weiss.svg');
	background-position: 0 7px;
}

.kontakt-web-weiss {
	width: 22px;
	background-image: url('../2021/02/web_weiss.svg');
	background-position: 0 13px;
}

.kontakt-info a {
color: white;
}


/*Links*/
.menu-link {
color: #304954;
}

/*Submenü Pfeil*/
.ast-mobile-popup-drawer .main-header-bar-navigation .menu-item-has-children>.ast-menu-toggle::before {
	content: "▼";
}


/*HamburgerMenü in Rot*/
.ast-theme-transparent-header .main-header-menu .menu-item > .ast-menu-toggle, .ast-theme-transparent-header .main-header-menu .menu-item > .ast-menu-toggle {
color: #cd1719;
}

/* Kontaktformular */

.wpcf7 p {
	color: white;
} 

.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"],
.wpcf7 textarea
{
    background-color: rgb(232, 240, 254);
    color: #000;
}

.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output p {
color: white;
}




/* (4) Navigation */




/* MOBIL */

header .site-logo-img {
		width: 300px;
		height: 58px;
		background-image: url('../2021/02/RZ_CirQua_Logo_neg.svg');
		background-repeat: no-repeat;
		background-size: contain;
}

.nav-scrolled .site-logo-img {
		width: 300px;
		height: 58px;
		background-image: url('https://cirqua.eu/wp-content/uploads/2021/02/RZ_CirQua_Logo.svg') !important;
		background-repeat: no-repeat;
		background-size: contain;
}

.site-branding {
    margin-left: 5vw;
}
#mega-menu-wrap-primary #mega-menu-primary {
    margin-right: 5vw;
}

/* Highlight using list element */
li.current_page_item{
    background:#999;
    color:#fff;
}
 
/* Highlight using link element */
li.current_page_item a{
    text-decoration:underline;
    background:#666;
}

#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator:active {
color: red;
}

#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator:hover {
color: red;
}

.ast-mobile-popup-drawer .ast-mobile-popup-header {
    min-height: 5em;
}

.ast-theme-transparent-header #masthead .site-logo-img .transparent-custom-logo img {
    max-width: 194px;
    opacity: 0;
}

.site-logo-img img {
    transition: none;
}

[data-section="section-header-mobile-trigger"] .ast-button-wrap .mobile-menu-toggle-icon .ast-mobile-svg {
	width: 30px;
    height: 30px;
}

.ast-mobile-header-wrap .ast-button-wrap .menu-toggle.main-header-menu-toggle {
margin-right: 5vw;
}


.main-header-menu ast-nav-menu ast-flex  submenu-with-border astra-menu-animation-fade  stack-on-mobile menu-item menu-item-type-post_type menu-item-object-page menu-item-home current-menu-item page_item page-item-30 current_page_item menu-item-893 {
		content: "";
    background-image: url(https://cirqua.eu/wp-content/uploads/2021/02/RZ_CirQua_Logo.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}



.ast-header-break-point .main-navigation .sub-menu .menu-item .menu-link {
padding: 0;
}

.main-navigation li {
	display: block;
		width: 100%;
		padding: 1.5em 65px;
		margin: auto;
		border-bottom: 1px solid #cd1719;
}

.ast-header-break-point .main-navigation ul .menu-item .menu-link {
padding: 0;
		font-weight: 400;
		font-size: 1.3em;
		text-transform: uppercase;
}

.ast-header-break-point .main-navigation .sub-menu .menu-item .menu-link {
		font-size: 1em;
	text-transform: none;
}

.ast-builder-menu-mobile .main-navigation .menu-item.menu-item-has-children > .ast-menu-toggle {
    top: 0;
    height: 100%;
}


.main-navigation .sub-menu li {
		width: 100%;
		padding: 0;
		border-bottom: 0px solid #cd1719;
}

.ast-header-break-point .main-navigation ul.sub-menu .menu-item .menu-link:before {
	content: "";
		margin: 0;
		padding: 0;
}

.ast-header-break-point .main-navigation .stack-on-mobile li .menu-link a {
	padding: 0;
}


li.current_page_item, li.current_page_item a {
	background: rgba(255,255,255,0) !important;
}


/* Anpassungen Mega Menü */

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link {
	text-transform: none;
	font-weight: 400;
}

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:hover {
	font-weight: 400;
}

.ow-button-base {
 text-transform: uppercase;
}

.kontakt-button {
font-size: 18px !important;
}


/* MOBIL HEADER */


.ast-header-break-point .main-navigation .stack-on-mobile li {
    width: calc(100% - 130px);
}

.ast-mobile-popup-drawer .ast-mobile-popup-header .menu-toggle-close {
	display: inline-block;
		padding: 0;
		margin-right: 5vw;
}

@media only screen and (min-width: 922px) and (max-width: 938px) {
	#ast-mobile-header {
    display: block !important;
}
}

.show-nav-left .mob-expand-submenu i{
color: #cd1719;
}

.mobmenu-content .leftmtop {
	position: absolute;
		width: 100%;
		height: 100px;
  top: 0px;
		margin: 0;

}

.mobmenu-content .menu-main-container {
		padding: 0 50px;
		margin: 6em auto 2em auto;
}

.mobmenu-content .leftmtop img {
	height: 60px !important;
}

.mobmenu-content .leftmtop {
	position: absolute;
  top: 0px;
}

#mobmenuleft li a {
	text-transform: uppercase;
	text-decoration: none;
	font-size: 20px;
}

#mobmenuleft li {
	border-bottom: 1px solid red;
}

#mobmenuleft .sub-menu li {
	border-bottom: 0px solid white;
}

.mobmenu-content #mobmenuleft .sub-menu a {
	text-transform: none;
}

.mobmenu-content li > .sub-menu li {
    padding-left: calc(5*1%);
}

.mobmenu-left-panel .mobmenu-left-bt {
    position: absolute;
    left: 5vw;
    top: 35px;
    font-size: 30px;
		padding-bottom: 1em;
}



/* (5) Footer */

#menu-footer li{
display: inline;
		margin-left: 5em;
		font-size: 18px;
		text-transform: uppercase;
}

#menu-footer{
text-align: right;

}

.site-above-footer-wrap[data-section="section-above-footer-builder"] .ast-builder-grid-row {
    margin: 0 5vw;
    padding-left: 0px;
    padding-right: 0px;
}

@media only screen and (max-width: 921px) {
		.site-above-footer-wrap {
		display: none!important;
		}
}






































[data-section="section-header-mobile-trigger"] .ast-button-wrap .mobile-menu-toggle-icon .ast-mobile-svg {
fill: white;
}

.ast-mobile-popup-drawer .ast-mobile-popup-inner {
	max-width: 100%;
}





















/*
.site-header ast-primary-submenu-animation-fade header-main-layout-1 ast-primary-menu-enabled ast-logo-title-inline ast-hide-custom-menu-mobile ast-builder-menu-toggle-icon ast-mobile-header-inline sticky-element-original element-is-sticky {
background-color: black;
}*/





@media only screen and (max-width: 700px) {
.panel-no-style {
	align-items: flex-start !important;
}
}

.ast-logo-title-inline .ast-site-identity {
	transition: none;
}

.mobmenu-left-panel .mobmenu-left-bt {
	max-width:100px;
}

.wpcf7 form.sent .wpcf7-response-output {
    color: white;
}