/*
Theme Name: Netzwerktechnik Wien
Theme URI: https://multimediaatelier.com
Template: astra
Author: Yilmaz Ak
Author URI: https://multimediaatelier.com
Tags: custom-menu,custom-logo,entertainment,one-column,two-columns,left-sidebar,e-commerce,right-sidebar,custom-colors,editor-style,featured-images,full-width-template,microformats,post-formats,rtl-language-support,theme-options,threaded-comments,translation-ready,blog
Version: 4.8.34.1791706300
Updated: 2025-01-03 11:48:02

*/

/* Google Fonts (Poppins) entfernt – Schriften lokal/System */

body {
    font-family: 'Poppins', sans-serif;
}

.ast-page-builder-template .entry-header {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
}

.wp-block-columns {
	max-width:1200px !important;
}

.page .entry-header {
    margin-bottom: 0;
}


.entry-content h2 {
	 margin-top:20px;
}

.entry-content h3 {
	 margin-bottom: 0;
}

.entry-content p {
    margin-bottom: 0;
}

.ast-single-post.ast-page-builder-template .site-main > article, .woocommerce.ast-page-builder-template .site-main {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
}


.wp-block-search__inside-wrapper .wp-block-search__input {
  background: transparent;
    border: none;
    outline: none;
    font-size: 16px;
    color: white;
    padding: 5px 10px;
    border: 1.75px solid #E2E5F8;
    border-radius: 40px;
    padding-left: 16px;
    padding-right: 40px; 
    background-image: url('/wp-content/uploads/2025/03/search.webp'); 
    background-size: 25px 25px;
    background-position: right 10px center; 
    background-repeat: no-repeat;
}

.wp-block-search__inside-wrapper .wp-block-search__input:focus {
	 background: transparent;
    border: none;
    outline: none;
    font-size: 16px;
    color: white;
    padding: 5px 10px;
	border:1.75px solid #E2E5F8;
	border-radius:40px;
		padding-left:16px;
  padding-right: 40px; 
    background-image: url('/wp-content/uploads/2025/03/search.webp'); 
    background-size: 25px 25px;
    background-position: right 10px center; 
    background-repeat: no-repeat;
}

.wp-block-search__inside-wrapper .wp-block-search__input::placeholder {
color:#FFF;
}


:root :where(.is-layout-flex) {
	gap:10px;
}

.is-layout-flex {
	display:flex;
	align-items:start;
}

#menu-navigation {
	  display: flex;
    flex-direction: column;
    gap: 10px;
}

.wp-block-list {
	display:flex;
	flex-direction:column;
	gap:10px;
}

.wp-block-heading {
	line-height:1.5;
}

.uagb-svg-wrapper {
	margin-top:6px;
}

.header-widget-area[data-section="sidebar-widgets-header-widget-1"] {
	display:flex;
	gap:10px;
  margin-top: 1em;
}

.widget {
	margin-bottom:0 !important;
}

.widget p {
	margin-bottom: 1em;
}

.ast-container {
	padding-left:0;
	padding-right:0;
}

.custom-network-button {
	width: 100%;
}

.custom-network-button a {
	display: flex !important;
  justify-content: space-between !important;
}


.contact-info a {
	justify-content:center !important;
}

.yoast-breadcrumbs {
	text-align:center;
	color:white;
}

.yoast-breadcrumbs a {
	color:white;
}

.faq-btn {
	border-radius: 10px !important;
  border: 1px solid var(--border-color, #EAF3F8) !important;
	padding: 5px !important;
}

.uagb-faq-item-active {
	color:#504E4E !important;
	background: var(--Bg_Color_1, #F3F7FB) !important;
}

.uagb-forms-input {
	background-color: white !important;
	border: 0.904px solid #DBDBDB !important;
}

.uagb-ifb-content p {
	/*font-size: 14px !important;*/
}

.uagb-block-1f3ec98b.uagb-icon-wrapper svg {
	height: 16px !important;
	width: 16px !important;
}

.uagb-block-f3d454a7.uagb-icon-wrapper svg {
	height: 16px !important;
	width: 16px !important;
}

.site-footer-below-section-2  {
	width: 100% !important;
	text-transform: uppercase;
}

.uagb-forms-checkbox {
	display:none;
}

.uagb-forms-accept-label {
	color:#c7c4c4;
}

.contact-form .uagb-forms-accept-label  {
	color:#63656e;
}


.wp-block-uagb-container.uagb-is-root-container.alignfull.uagb-block-3b176fe2 > .uagb-container-inner-blocks-wrap {
	row-gap: 0px;
}

#masthead {
  position: sticky;
  width: 100%;
  z-index: 9999;
	top:0px;
}


.swiper-pagination-bullet {
	padding: 7px;
}

.gallery-img {
	padding:10px;
}

.wpcf7-form {
	display:flex;
	flex-direction:column;
	gap:5px;
}

.wpcf7-form p {
	color:#90929c !important;
}

.wpcf7-submit {
    width: 100%;
    background-color: #2A70B4 !important;
    color: white !important;
    border: 1px solid #2A70B4 !important;
    border-radius: 4px !important;
}

.wpcf7-submit:hover {
    background-color: white !important;
    color: #2A70B4 !important;
    border: 1px solid #2A70B4 !important;
}

.wpcf7 input:not([type=submit]), .wpcf7 select, .wpcf7 textarea {
    border-radius: 4px !important;
    border: 0.904px solid #DBDBDB !important;
    background: #FFF !important;
}

.wpcf7-form .form-label {
	margin-bottom:0.5em;
}

.wpcf7-form-control-wrap .wpcf7-textarea {
	max-height: 150px !important;
}

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

.wp-block-uagb-container .wpcf7-response-output {
	color:#90929c !important;
}

@media (max-width: 768px) {
  #masthead {
    position: relative !important;
		top:0px;
  }
	
	.wp-block-uagb-container .uagb-block-f368f923 .wpcf7-form {
		padding:20px;
	}
	
	.wp-block-uagb-container .uagb-block-fb7175c7 .wpcf7-form {
		padding:40px;
	}
	
	.wp-block-search__inside-wrapper {
		width: 80% !important;
	}
}

/* Globaler Overflow-Schutz: verhindert weißen Streifen / horizontales Sliden mobil.
   clip erhält position:sticky (#masthead), hidden als Fallback für alte Browser. */
html, body {
	max-width: 100%;
	overflow-x: hidden;
	overflow-x: clip;
}

img, iframe, table {
	max-width: 100%;
}

.wp-block-uagb-container, .uagb-container-inner-blocks-wrap {
	max-width: 100%;
}

@media  (max-width: 1200px) {
	/* FIX Hauptursache Weißstreifen:
	   width:100% (Spectra) + margin:0 20px = 40px Overflow.
	   Mit width:auto + max-width passt der Container in den Viewport. */
	.uagb-is-root-container:not(.full-width) {
		margin-left: 20px !important;
		margin-right: 20px !important;
		width: auto !important;
		max-width: calc(100% - 40px) !important;
		box-sizing: border-box !important;
	}
	.uagb-is-root-container.full-width {
		margin: 0 !important;
		max-width: 100% !important;
	}
	.site-footer-section-2 {
		width:200px;
	}
	.site-footer-section-4 {
		width: 350px;
	}		
}

/* Mobil: fixe Footer-Breiten + außerhalb liegende Slider-Pfeile haben Overflow erzeugt */
@media (max-width: 768px) {
	.site-footer-section-2,
	.site-footer-section-4 {
		width: 100% !important;
		max-width: 100% !important;
	}
	.uagb-slider-container .swiper-button-prev {
		left: 10px !important;
	}
	.uagb-slider-container .swiper-button-next {
		right: 10px !important;
	}
	/* Shape-SVGs sind calc(100% + 1.3px) breit */
	.uagb-container__shape-top svg,
	.uagb-container__shape-bottom svg {
		max-width: 100% !important;
	}
}

/* Honeypot-Feld: für Menschen unsichtbar (gilt mobil + desktop) */
.ntw-hp-wrap {
	position: absolute !important;
	left: -9999px !important;
	top: auto !important;
	width: 1px !important;
	height: 1px !important;
	overflow: hidden !important;
}

/* CF7: Antwortbox nie hinter Leisten verstecken + DSGVO-Zeile betonen */
.wpcf7-response-output {
	border-radius: .6rem !important;
	scroll-margin-top: 5rem;
	scroll-margin-bottom: 6rem;
}
/* Leere Antwortbox ausblenden (CF7 zeichnet sonst immer einen leeren Rahmen) */
.wpcf7-response-output:empty {
	display: none !important;
}
.wpcf7-form.invalid .wpcf7-response-output {
	background: rgba(220, 38, 38, .08);
}