/*
 * Customizer "Additional CSS" — migrated to a file on 2026-06-09.
 * Source: Appearance –> Customize –> Additional CSS (wp_posts ID 137).
 * The DB copy is kept as a backup but no longer output (see functions.php
 * wp_get_custom_css filter). Edit styles HERE from now on.
 */



.dok-alle button.dok-tab{
	font-size: var(--font-base-size)
}

/* Calendly-Landingpage Header ausblenden */

.page-id-21453 header {
	display: none
}


.headline-with-icon {
  display: inline-flex;
  align-items: center;
  gap: 0.5em;
}

.headline-with-icon svg {
  height: 2em;
  width: auto;
  flex-shrink: 0;
	transform: translateY(-0.4em); /* tweak this */
}

span svg {
  display: inline-block;
  vertical-align: middle;
}

.th-3cx  th {
	background-color: rgb(var(--tangerine));
	color: white;
	border: none;

	font-size: 14px
	
} 

.aigpt-animation {
	display: flex;
	justify-content: center
}


/* Akkordeon Element*/
.accordion {
	background: none;
  cursor: pointer;
  padding: 14px;
  width: 100%;
  text-align: left;
  outline: none;
  font-size: 15px;
  transition: 0.4s;
}

button.accordion {
	font-family: hind;
	font-size: 21px;
	font-weight: 700 ;
	text-transform: none
}

.active, .accordion:hover {
  background-color: var(--blackblue);
}

.accordion:after {
  content: '\002B';
  color: var(--skyblue);
  font-weight: bold;
  float: right;
  margin-left: 5px;
}

.active:after {
  content: "\2212";
}

.panel {
  padding: 0 18px;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}



html {background-color: var(--blackblue) !Important}

.sprite.manual-aufmacher {
	margin-top: 80px;
}

.inline-icon {
	width: 1em;
	height: 1em;
	display: inline-block;
	vertical-align: middle;
}

.aigpt-input {
	width: 500px;
}

.sprite {
	-webkit-mask-size: contain;
	mask-size: contain;
}

.screenshot img {
	border: solid 2px;
}


/* INHALTSVERZEICHNIS TOC  */

.toc-list, .toc-list ol {
	list-style-type: none;
}

.toc-list li a {
	text-decoration: none;       
}

.toc-list > li > a {
    font-weight: bold;
}







.page-id-19569 

{
	background: ghostwhite !important
}




.page-id-19569 .entry-content,
.page-id-19569 .entry-content li,
.page-id-19569 .entry-content a, 
.page-id-19569 .entry-content span {
	color: var(--blackblue) 

}



/* CSS */

.aigpt-keyvisual-promptbox {
	position: absolute;
	z-index: 1;
	left: 15%;
	right: 15%;
	bottom: 10%;
}

summary {
	font-size: var(--text-base-size);
	margin-bottom: 10px;
}

.2-column-narrow {
	display: none;
}

#aigpt-keyvisual-box {
	position: relative;
	max-width: 750px;
}

.wp-block-media-text__media {
	max-width: 100px;
}

.post-meta-wrapper {
	margin-top: 1em;
}

.hero-container {
	max-width: 150rem !important;
}

ul,
ol {
	margin: 0rem 0rem 2rem 0rem;
}

.entry-content .wp-block-columns h1 {
	margin-top: 0px;
}



@media (min-width: 768px) {
.kontaktcontainer .wp-block-columns  > .wp-block-column:nth-of-type(2) {
    /* e.g., remove top margin when in row layout */
    margin-top: 3rem;
  }
}



[class*="__inner-container"] > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) {
	max-width: 100rem
}

.wpcf7 label {
	max-width: 60ch ;
}



.liste-2-column {

	column-count: 2;            /* Start with 2 columns */
	max-width: 60ch
}



.features-wide .wp-block-column .wp-block-columns {
	margin: 0rem
}

p {
	text-wrap: pretty 
}


.akzentschrift {
	color: dimgray;
	margin: 0px
}


.grecaptcha-badge { opacity:0;}

@media (min-width: 700px) {
    .post-inner {
        padding-top: 0rem;
    }
}


.documents-icon {
  margin: 0 auto;
}


.footer-copyright {color: white}



.button, .primary-menu-wrapper, .wp-block-button__link, .wpcf7-submit, input[type="submit"] {
	min-width: 140px;
	background-color: rgb(var(--tangerine));
	padding: 14px 34px ;

	border-radius: 6px;
	text-transform: none; /* theme setzt uppercase */
	font-size: 1em;
}



.wpcf7-submit.sekundaerbutton,
.wp-block-button.sekundaerbutton .wp-block-button__link.wp-element-button{
	background-color: rgba(240, 128, 23, 0.6);
	border: 1px solid rgb(var(--tangerine));
	box-shadow: none;

}




.wp-block-button.sekundaerbutton .wp-block-button__link:hover,
.wpcf7-submit.sekundaerbutton:hover {
	border: 1px solid rgb(var(--tangerine));
	background-color: rgba(240, 128, 23, 0.7)

}



.wp-block-columns.alignfull {
	padding-left: 5%;
	padding-right: 5%

}


.wp-block-gallery.has-nested-images:not(.is-cropped) 
figure.wp-block-image:not(#individual-image) {
    margin-bottom: unset;
}


.icon::before, .icon::after {
	color: white
}






.akzent {
	color: #15616d;
}

.icon {
	color: white;
}


/* CONTAINER Element */


/* Make column a vertical flex container & Push the button group to the bottom*/

.wp-block-column.container {
	display: flex;
  flex-direction: column
}

.wp-block-group.container
{
		max-width: 90rem !important
}

.wp-block-column .wp-block-buttons   {
  margin-top: auto;
}


.container .neuestenews.exkludieren.wp-block-latest-posts, .wp-block-latest-posts__list.newsliste.exkludieren.wp-block-latest-posts, .wp-block-latest-posts__list.has-dates.newsliste.exkludieren-2.wp-block-latest-posts  {
	margin-top: 0rem;

}

.container {
			border-radius: 1.5rem;

}

@media screen and (min-width: 700px) {
	.container {
		padding: 5rem;

	}
}

@media screen and (max-width: 700px) {
	.container {
		padding: 4rem;
	}
}


.glas{
	background: rgba(255, 255, 255, 0.7);
  box-shadow: 0 8px 32px 0 rgba(var(--tangerine), 0.2);
  border-top: 1px solid rgba(255, 255, 255, 0.8);
}

.weissglas {
  box-shadow: 0 8px 32px grey;
}

.weissglas h3 {
		margin-top: 0px 
	!important
}


 .entry-content .container h3,
 .entry-content .container h4,
 .entry-content .container h5
{
	margin-top: 0px 
}



.blauglas{ 

  background: 	linear-gradient(342deg, rgba(0,21,36,0.8) 0%, rgba(21,97,109,0.8) 100%);
  box-shadow: 0 0px 8px 0 #15616d;
  border-top: 1px solid rgba(138, 176, 182, 1);
}

.blauglas h1 {
	color: white
}

.darkblauglas{ 

	background: linear-gradient(342deg, rgba(0,21,36,0.8) 0%, rgba(0,46,68,0.3) 100%);
	
  border-top: 1px solid rgba(138, 176, 182, 1);
	  box-shadow: 0 1px 5px 0 #66737c ;
}


.blauglas p, .blauglas a, .blauglas h3, .blauglas h4  {
	color: white !important;
	margin-top: 0px 
!important}




.braunglas p, .braunglas h3, .braunglas h4  {
	color: white !important;
	margin-top: 0px 
!important}




.singular .featured-media:before {
	background-color: transparent;
}




.primary-menu a {
	color: white !important;
}




body { 
	background: linear-gradient(to bottom, white, #fef9f3, #fef2e8, #fce6d1, #f9cca2);
background-attachment: fixed;

} 

@media (max-width: 800px) {
	body {	background: linear-gradient(to bottom, white, #fef9f3, #fef2e8, #fce6d1, #f9cca2);
background-attachment: fixed;
		
	}
}




#infobar {
	width: 100%;
	padding: 10px 0px 6px 0px;
	text-align: center;
	color: white;
	background-color: #001524;
}






blockquote, .wp-block-quote {
	border-color: #f08017;
}




.inline div {
	display: inline-block
}


.wpcf7-form-control-wrap .wpcf7-number {
	max-width: 100px;
	font-weight: 700;
	font-size: 28px;

} 




@media (min-width: 800px) {

.form-grid {
   display: grid;
   grid-template-columns: auto auto;
   gap: 40px;
}
  }



.benefits {line-height: 1.6em}


.entry-content > .alignfull:not(.wp-block-group.has-background) {
	margin-top: 0rem;
	margin-bottom: 0rem;
}


.wp-block-columns:not(.alignwide):not(.alignfull) {
	margin-bottom: 0px
}




.wpcf7-list-item label {
	display: flex;
  align-items: center; /* Vertically centers the content */
  height: 100%; /* Ensure the parent has a height set */;	
}

.wpcf7-list-item-label {
	font-size: 2.5rem;
}

.unicode-glyph {
	color: #f08017;
}

.padding {padding: 0px 20px 20px 20px}



.boxshot {
	max-width: 200px;
}




/*
.page-id-9997 .featured-media,
.page-id-172 .featured-media,
.page-id-432 .featured-media,
.page-id-8582 .featured-media,
.page-id-4218 .featured-media,
.page-id-10769 .featured-media,
.page-id-9277 .featured-media,
.page-id-3678 .featured-media,
.page-id-16478 .featured-media,
.page-id-18572 .featured-media
*/

.featured-media ,
h1.entry-title
{
  display: none;
}


.boxshot {margin-top: 0rem !important;} 


.icon {
	position: relative;
	top: 4px;
	max-width: 40px;
	max-height: 35px;
	display: inline-block;
}

.icon-small {
	position: relative;
	top: 2px;
	max-width: 22px;
	max-height: 22px;
	display: inline-block;
}




/*** PRESETS ***/

*:hover {
    text-decoration: none !important;
}

	/** PRESETS_TYPOGRAFIE **/

		/* PRESETS_TYPOGRAFIE_FONTS */
* {
	font-family: "Hind", "Courier";
	font-variant-ligatures: none;
}


/* font: hind light */
@font-face {
  font-family: 'Hind';
  font-style: normal;
  font-weight: 300;
  src: 
       url('https://arconda.ag/wp-content/themes/TwentytwentyChildtheme/fonts/hind/hind-light-300.woff2') format('woff2'),	
}

/* font: hind regular */
@font-face {
  font-family: 'Hind';
  font-style: normal;
  font-weight: 400;
  src: url("https://arconda.ag/wp-content/themes/TwentytwentyChildtheme/fonts/hind/hind-regular-400.woff2")
    format("woff2");
}
/* font: hind medium */
@font-face {
  font-family: 'Hind';
  font-style: normal;
  font-weight: 500;
  src: url("https://arconda.ag/wp-content/themes/TwentytwentyChildtheme/fonts/hind/hind-medium-500.woff2")
    format("woff2");
}

/* font: hind semibold */
@font-face {
  font-family: 'Hind';
  font-style: normal;
  font-weight: 600;
  src: url("https://arconda.ag/wp-content/themes/TwentytwentyChildtheme/fonts/hind/hind-semibold-600.woff2")
    format("woff2");
}

/* font: hind bold */
@font-face {
  font-family: 'Hind';
  font-style: normal;
  font-weight: 700;
  src: url("https://arconda.ag/wp-content/themes/TwentytwentyChildtheme/fonts/hind/hind-bold-700.woff2")
    format("woff2");
}


/* font: Menlo Regular */
@font-face {
  font-family: 'Menlo';
  font-style: normal;
  font-weight: 400;
  src: url("../../fonts/Menlo/Menlo-Regular.ttf")
    format("ttf");
}

/* font: Menlo Bold */
@font-face {
  font-family: 'Menlo';
  font-style: normal;
  font-weight: 600;
  src: url("../../fonts/Menlo/Menlo-Bold.ttf")
    format("ttf");
}


		/* PRESETS_TYPOGRAFIE_GLOBALFONTSCALING */

/* Typography | Global */

@media (min-width: 64rem) { /* responsive decision applied to all text elements */
  :root {
    --text-base-size: 2.1rem;
    --text-scale-ratio: 1.25;
  }
	 

:root {
  --text-base-size: 2.1rem;
  --text-scale-ratio: 1.2;
  
  --text-xs: calc((var(--text-base-size) / var(--text-scale-ratio)) / var(--text-scale-ratio));
  --text-sm: calc(var(--text-xs) * var(--text-scale-ratio));
  --text-md: calc(var(--text-sm) * var(--text-scale-ratio) * var(--text-scale-ratio));
  --text-lg: calc(var(--text-md) * var(--text-scale-ratio));
  --text-xl: calc(var(--text-lg) * var(--text-scale-ratio));
  --text-xxl: calc(var(--text-xl) * var(--text-scale-ratio));
}



}

/* Einzelseitenspezifisch */

:root:has(.page-id-20626) {
   --text-base-size: 1.8rem ;
	 --text-scale-ratio: 1.2 ;
  }



#cmplz-document h2 {
	font-size: var(--text-lg);
}

#cmplz-document p, 
#cmplz-document li {
	 font-size: var(--text-base-size)
}


h1, .text-xxl   { font-size: var(--text-xxl); font-weight: 700}
h2, .text-xl    { font-size: var(--text-xl);}
h3, .text-lg    { font-size: var(--text-lg); }
h4, .text-md    { font-size: var(--text-md); }
.text-base      { font-size: --text-base-size; }
small, .text-sm { font-size: var(--text-sm); }
.text-xs        { font-size: var(--text-xs); }
p, li             { font-size: var(--text-base-size)}




.page-id-20626 {
	--text-base-size: 1em;
}


@media screen and (max-width: 800px) {
	h1 {font-size: 4rem};
}

.li-number-bold {
	font-weight: bold; 
}




.entry-content p,
.entry-content li,
.entry-content a {
    max-width: 70ch !important;
}


h1.xxl {
	font-size: 100px !important;
	background: linear-gradient(45deg, #caebef, white); /* Example gradient */
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  text-fill-color: transparent;
}



.monospace {
	font-family: "Menlo";
	font-size: var(--text-sm)
}


	/** PRESETS_COLOR **/

:root {
  --tangerine: 240, 128, 23;
	--darkbrown: #38120b;
	--lightbrown: #745954;
	--darkblue: #334450;
	--blackblue: #001524;
	--skyblue: #daf1f4;
}



/* Override the theme's Accent Color (#e22658) with our tangerine.
   NOTE: !important is required here because the accent color is set via the
   Customizer (Appearance > Customize > Colors > Accent Color) and the theme
   outputs it inline through twentytwenty/inc/custom-css.php. Without !important
   that Customizer-generated rule would win over this file. */
.wp-block-button__link,
.has-accent-background-color,
.wp-block-file__button,
.button,
.faux-button,
.wpcf7-submit,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	background-color: rgb(var(--tangerine)) !important;
}

/* Keep the semi-transparent secondary-button style (must beat the !important above). */
.wpcf7-submit.sekundaerbutton,
.wp-block-button.sekundaerbutton .wp-block-button__link.wp-element-button {
	background-color: rgba(240, 128, 23, 0.6) !important;
}

.wp-block-button.sekundaerbutton .wp-block-button__link:hover,
.wpcf7-submit.sekundaerbutton:hover {
	background-color: rgba(240, 128, 23, 0.7) !important;
}

:root .has-accent-color,
a.has-accent-color,
.wp-block-button.is-style-outline .wp-block-button__link {
	color: rgb(var(--tangerine)) !important;
}



.entry-content, .entry-content a, .wp-block-latest-posts__post-excerpt, .wp-block-latest-posts__post-date  {
	color: var(--darkbrown)
}


.entry-content .wp-block-button__link {
	color: white 
}




input[type="submit"] {
	background-color: rgb(var(--tangerine));
}








body.page-id-15831, body.page-id-18572  {
  background: linear-gradient(to bottom,   #001524,  #334450);
	background-attachment: fixed;
	


@media (max-width: 800px) {
  body {
    background: linear-gradient(to bottom, #ffffff, #e0e0e0, #c0c0c0, #a0a0a0, #808080);
    background-attachment: fixed;
  }
	}}

body.page-id-15831 *, body.page-id-18572  *{
	color: var(--skyblue)
		
}

	
.page-id-15831 .wp-image-16173, .page-id-18572 .wp-image-16173,
.page-id-18572 .wp-image-18883,
.page-id-18572 .wp-image-18908
 {
	filter: brightness(130%)
}

body.page-id-15831 .site-logo, body.page-id-18572 .site-logo  {
	filter: brightness(0) invert(0.9) sepia(0); 

}



/** Cookie-Banner Styling **/

.cc-revoke,
.cc-window {
  width: 80%;
}

.cc-window.cc-floating {
  max-width: 80%;
  max-height: 50rem;
}

.cc-floating.cc-theme-classic {
  padding: 6%;
  border-radius: 5px;
}

.cc-bottom {
  top: 5%;
  margin: 10%;
}

.cc-floating .cc-message {
  margin: 2%;
}

/** Weitere **/

.nowrap {white-space: nowrap}





/*** ====== HEADER ======= ***/

@media screen and (max-width: 1550px){
.header-inner.section-inner {
	display: block
}
	.header-titles-wrapper {
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 15px
	}
}

/* Force a transparent header background.
   NOTE: !important is required here because the header background is set via the
   Customizer (Appearance > Customize > Colors > "Hintergrundfarbe für Header und
   Footer", #001524) and the theme applies it to .header-footer-group. Without
   !important that Customizer-generated value would win over this file. The footer
   keeps its background since it is not targeted here. */
#site-header,
#site-header.header-footer-group,
.singular .entry-header {
  background: transparent !important;
  background-color: transparent !important;
}

img.custom-logo { 
	object-fit: contain; 
	min-height: 45px
} 



@media screen and (max-width: 700px) {
	img.custom-logo {max-width: 220px;
	}
	.header-inner.section-inner 	{
	padding: 2rem 0rem 0rem 1rem
	}

  }

    .primary-menu-wrapper + .header-toggles
 {
        margin-left: 0rem !important;
    }





@media screen and (max-width: 1600px) {
.header-inner {
  display: flex;
  flex-direction: column;
}

}




/* Make sure the main content area takes all available space and pushes the footer down */
#site-content {
    min-height: 74vh ;
}

/** NAVIGATION MENU BANNER **/

/* .primary-menu ul, .primary-menu li {z-index: 900 ;} */

 .header-navigation-wrapper {
  justify-content: center;
}


/* ul.primary-menu {
	justify-content: center;
} */

.primary-menu > li > a {
  font-size: 2.2rem;
  font-weight: 600;
}

/* kleines Dreieck */
	body:not(.overlay-header) .primary-menu > li > ul:after {
  border-bottom-color: #f08017;
} 


@media (min-width: 1000px) {
    .primary-menu-wrapper {
        display: block;
        width: auto;
    }
}

.sub-menu {
  background-color: #f08017 !important;
  font-size: inherit !important;
	font-weight: 600;

  }

/*
	body:not(.overlay-header) .sub-menu > li > ul:after {border-left-color: #f08017;
}
*/



/*** ====== BODY ======= ***/

#site-content {
	margin-top: 10px 
}

.entry-content .post-meta-wrapper { 
	margin-bottom: 0px;	
}


.wp-block-columns:not(.alignwide):not(.alignfull) {
	margin-bottom: 6rem
}

.container .wp-block-columns:not(.alignwide):not(.alignfull) {
	margin-bottom: 0;
}

	/* Content Width */
.entry-content
  > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(
    .is-style-wide
  ) {
    max-width: 180rem;
}


/* Verhindert Scrollbar-Jump auf Seiten mit foldable content */

/*
.page-id-104 .entry-title {
  display: none;
} 
*/


.mini-banner {
	width: 700px !important;
  background: linear-gradient(to bottom,  var(--blackblue),  var(--darkblue));
	color: var(--skyblue);
	border-radius: 1.5rem;
  display: flex; 
  justify-content: center;
	padding-right: 10px; 
}

.mini-banner span {
	display: flex; 
	align-items: center; 
	gap: 10px;
}

.mini-banner span a {
	color: var(--skyblue)
}


/*** NEWS EINZEL ***/

.news-titel { 
	margin-bottom: 20px !important
}

/* REFERENZEN Seite */



.wp-block-pullquote {
	padding: 50px 10% 0px 10%;
}


/* Pullquote quote-mark: tangerine on white. !important because the colour is
   otherwise set via the Customizer Accent Color (inline-output by the theme). */
.wp-block-pullquote::before,
.wp-block-pullquote:before {
	color: white !important;
	background-color: rgb(var(--tangerine)) !important;
}

.wp-block-pullquote cite {
	color: #15616d;
}


.sekundaerfoto img{
	width: 500px;
	height: 300px;
	object-fit: cover;
	margin-bottom: 3rem
}

.einzelreferenz .wp-post-image {
    display: block !important; 
    margin-left: auto;
    margin-right: auto;
}

.einzelreferenz h5 {
	margin-top: 6px !important}

.einzelreferenz .post-date {
	color: #15616d
}

.einzelreferenz.container.glas {
	min-height: 400px;
	max-width: 500px
}


.einzelreferenz {
    display: flex;
    flex-direction: column;
    flex-grow: 1; /* Ensure it takes up available space */
}

.partnerliste .wp-block-media-text.is-stacked-on-mobile {
	margin: 0px;
	padding: 0px
}

.partnerliste .wp-block-media-text__content {
	margin: 0px;
	padding: 0px;
}

.partnerliste p {
	margin-left: 2rem
}


/* Referenzen */  


.referenzen {
	margin-top: -4rem;
}

.referenzen .wp-block-image {
	padding: 0px 30px 0px 30px;
}

.referenzen-wide .wp-block-image {
	padding: 0px 20px 0px 20px;
}

.referenzen-wide{
	display: flex;
	flex-wrap: wrap;
	gap: 10px 80px;
	
	  justify-content: center; /* Centers each row independently */
	margin-top: -20px !important 
}

.referenzen-wide .sprite{
	width: 150px
 
}

.referenzen-galerie img {
	padding: 15px
}


@media only screen and (max-width: 1024px) {
  
	.referenzen-karussel {
    display: none;
  }
}

@media only screen and (min-width: 1024px) {
		.referenzen-wide {
		display: none !important
	}
}



/* ANIMATION */  

.referenzen-karussel {
  overflow: hidden;
  position: relative;
	  -webkit-mask-image: linear-gradient(to right, transparent 0%, black 10%, black 90%, transparent 100%);
  mask-image: linear-gradient(to right, transparent 0%, black 10%, black 90%, transparent 100%);
}

.referenzen-karussel svg {
	height: 160px
}


.karussel-logo-wrapper {
  display: flex;
  gap: 80px; /* Increased gap */
  width: max-content;
  animation: scroll-left 100s linear infinite; /* Duration unchanged for smooth scrolling */
}

.scroll-track img {
  vertical-align: center;
}



.karussel-logo {
  width: 180px; /* Increased logo width */
  height: 100px; /* Increased logo height */
  border-radius: 16px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

@keyframes scroll-left {
  0% {
    transform: translateX(0);
  }
  100% {
    /* 9 logos * (180px width + 60px gap) = 2160px */
    transform: translateX(-2160px);
  }
}



/* DOKUMENTE SEITE */


.tablesorter, 
.tablesorter td,
.tablesorter th {
  border: 0;
  min-width: 5px !important;
	border: none !important;
	margin: 10px 0px 20px 0px;
}

.documents-button {
  max-height: 25px;
}

.documents-icon {
  width: 35px;
}

#subebene {
  padding-left: 2em;
  padding-top: 10px;
}

details {
  padding-bottom: 10px;
}

summary {
  font-weight: bold;
}

details summary {
  cursor: pointer;
}

summary::marker {
  color: #f08017;
} /* Aufklapp-Icon */

summary::-webkit-details-marker {
  color: #f08017;
} /* Aufklapp-Icon */


@media only screen and (max-width: 900px) {
  .tablesorter thead th:nth-child(3) {
    display: none !important;
  }

  .tablesorter thead th:nth-child(5) {
    display: none !important;
  }

  .tablesorter tbody tr td:nth-child(3) {
    display: none !important;
  }

  .tablesorter tbody tr td:nth-child(5) {
    display: none !important;
  }

  .documents-button {
    max-height: 20px;
  }

  .wp-block-image img.wp-image-5517 {
    max-width: 60%;
  }
}




/* Featured Image in Posts kleiner - die id #post-content wurde in single.php vergeben */

#post-content .featured-media-inner {
  max-width: 16em !important;
}



/* Postnavigation verbergen */

.previous-post,
.next-post,
.entry-categories-inner {
  visibility: hidden;
}

.pagination-single hr:first-child {
  margin: 0 0 0rem 0;
  visibility: hidden;
}

.pagination-single hr:last-child {
  margin: 0 0 0rem 0;
  visibility: hidden;
}


/* KARRIERE Seite */

.benefits-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)); /* Max 3 items per row */
    max-width: 900px; /* Limit overall width */
    gap: 30px;
    text-align: center;
    padding: 20px;
}



@media screen and (min-width: 600px) {
  .benefits-grid {
    grid-template-columns: repeat(3, minmax(120px, 1fr))
  }
}

.benefit-item svg {
	  margin: 0 auto;
		width: 50px;
    height: 50px;
    margin-bottom: 10px;
		color: rgba(10, 59, 72, 0.8)
}




/*  SEARCH  */

.search-field {
	background-color: white !important;
	border-radius: 10px !important;
	color: black !important
}

.search-modal.active .search-modal-inner {
	border-radius: 10px
}

.search-modal-inner {
	display: flexbox;
	position: flex-start;
	padding-top: 150px !important:
}

.toggle.mobile-search-toggle {
	display: none 
}

.header-inner .toggle-wrapper::before {
	visibility: hidden
}


/*  Search-UI  */


.searchresultwrapper {
    max-width: 80ch ;
    margin: auto;
    margin-top: 20rem;
}

.toggle-inner {
	color: #f08017
}

.search-modal-inner {
  position: relative;
  float: right;
  top: 10px;
  height: 80px;
  margin-right: 5%;
  background: #f08017;
  transform: translateY(-100%);
  transition:
    transform 0.15s linear,
    box-shadow 0.15s linear;
  width: 400px;
  border: 0px solid black;
  border-radius: 0px 0px 0px 0px;
}


.search-modal form {
  margin: 12px;
  position: relative;
  width: 100%;  
}

.search-modal .search-field {
  color: inherit;
  font-size: 2rem;
  letter-spacing: -0.0277em;
  height: 5rem;
  margin: 0 0 0 -2rem;
  max-width: calc(100% + 2rem);
  padding: 0 0 0 2rem;
  width: calc(100% + 2rem);
}


span.toggle-text {
	display: none
}

/*  Searchresults  */

.searchthumbnail {
  max-height: 150px;
  max-width: 150px;
  float: left;
  padding-right: 20px;
}

.searchtype {
  margin-left: 150px;
}

.searchexcerpt {
  margin-left: 150px;
  margin-bottom: 30px;
}

.searchtitle {
  font-size: 2.5rem;
  font-weight: 800;
  margin-left: 150px;
}

.searchheader {
  font-size: 3.5rem;
  font-weight: 800;
  line-height: !important;
  color: #f08017 !important;
  text-align: left !important;
}

.searchresultwrapper {
  margin-left: 20%;
  margin-right: 30%;
  margin-top: 15rem;
}


/*  Hardware-Gallerie anpassen */

.hardware .wp-block-image {
  max-width: 200px !important;
}

.hardware {
	margin-top: 0px !important;
}


.wp-element-caption {
  color: black !important;
}

.wp-block-gallery.has-nested-images figure.wp-block-image figcaption {
  background: none;
  font-size: 16px
}



/* markierten text fett orange unterstreichen */

markorange {
  color: white;
  padding-left: 3px;
  padding-right: 3px;
  background: #f08017;
}



/* startseite header padding anpassen*/
.singular .entry-header {
  padding: 0rem;
}



/* Tabellen */



table, td { border: none !important; }


td,
th {
  min-width: 70px;
}

.wp-block-table td {
	padding: 14px
		
}

tr {
	background-color: rgba(255, 255, 255, 0.7);

}

tr:nth-child(even) {
  background-color: rgba(255, 255, 255, 0.4);
}






/* Mobile Menu */

.mobile-nav-toggle {
	margin-top: 7rem;
}


.ancestor-wrapper a, .toggle.close-nav-toggle.fill-children-current-color, .toggle.sub-menu-toggle.fill-children-current-color, .menu-modal-inner.modal-inner{
  color: white;
}


.menu-item {
  border-color: white !important;
}

.menu-modal nav * {
	border: none;
	font-size: 4rem !important;
}


.modal-menu ul li a {
	font-size: 2.5rem !important;
	margin-left: 8px;
	padding: 1rem 2rem;
}




.menu-modal-inner.modal-inner {
  background: #f08017;
}



/* Blendet Blaue-Umrandungen aus von fokussierten bereichen auf. Tritt beispielsweise im Mobile-Menu auf */
textarea:focus,
input:focus {
  outline: none;
}

*:focus {
  outline: none;
}

/*** Landingpage / Angebot  ***/


.page-id-5774 #site-header {
  display: none;
}



/* Cookie Banner ausblenden */
.page-id-5774 .cc-window,
.page-id-9896 .cc-window,
.page-id-15742 .cc-window
{
  display: none;
}



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

	.post-9896, .post-15742 {
	margin-top: -30px ;

	}}




/*** ====== FOOTER ======= ***/

#site-footer a {
	color: white ;
}



/*** ====== PLUGINS  ======= ***/

 /** YARPP Plugin **/

.yarpp-template-yarpp-template-list {
	margin-top: 90px !important
}


.post-content,  .post-thumbnail {
	display: inline-block;
	vertical-align: middle;
}

.yarpp div.post-thumbnail {
	max-height: 70px;
	width: 50px;
	margin-right: 15px;
}


.yarpp-related a, .yarpp-related img {
	display: block;
	margin-bottom: 20px;
}

.post-item {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-bottom: 1rem;
}

.post-thumbnail img {
  max-width: 60px; /* or thumbnail size */
  height: auto;
}

.post-content {
  flex: 1;
  min-width: 0;
  overflow-wrap: break-word;
}




 /** Contact Form 7 **/


.page-id-15831 .wpcf7-text,
.page-id-18572 .wpcf7-text {
	background: var(--darkblue);
	border: none
}


/*
.page-id-18572  input:not(.wpcf7-submit),
.page-id-18572  textarea
{
	background-color: var(--darkblue); 
	border: none
}
*/

.wpcf7-form-control-wrap input:focus {
	border-color: #f08017 
}



@media screen and (max-width: 600px) {
  .wpcf7-form {
    max-width: 500px;
    margin: 0 auto;
  }

  .wpcf7-list-item {
    margin-left: auto;
    margin-right: 15px;
  }
}



input[type="radio"]{
  -webkit-appearance: none;
  appearance: none;
}

input[type="radio"]{
	--form-control-color: #f08017;
	font: inherit;
  background-color: white;
	width: 2em;
  height: 2em;
  border: 2px solid grey;
  border-radius: 50%;
	margin: 1rem
	
}

input[type="radio"]::before
{
  content: "";
  width: 0.7em;
  height: 0.7em;
  display: block;
  margin: 0.5em; /* Adjust the margin to align the circle and point */
  border-radius: 50%;
  transform: scale(0);
  transition: 80ms transform ease-in-out;
  box-shadow: inset 1em 1em var(--form-control-color);
	
}

input[type="radio"]:checked::before {
  transform: scale(1.7);
}


input[type="checkbox"] {
  /* Remove default checkbox appearance */
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  /* Set dimensions */
  width: 20px;
  height: 20px;
  /* Border and background styles */
  border: 0.12em solid grey;
}





input[type="checkbox"]:checked::before {
  content: '';

  /* Absolute positioning to overlay on the checkbox */
  position: absolute;
  /* Centering the square */
  top: 62%;
  left: 62%;
  transform: translate(-50%, -50%);
  /* Square dimensions */
  width: 12px;
  height: 12px;
  /* Custom square color */
  background-color: #f08017;
}


.angebotsformular label {
  background-color: white;
  padding: 10px;
  min-width: 150px;
  border: 1px solid silver;
	border-radius: 6px
}

.angebotsformular .wpcf7-list-item-label {
  padding-left: 10px;
  font-size: 2em;
}

@media screen and (max-width: 800px)
{
.angebotsformular label {
  min-width: 160px;

		}
}


#telekom .wpcf7-list-item.last {
  display: none !important;
} /* blendet im cf7 3CX Angebotsformular den Radio-Button Telekom-Kunde?->Keine Angabe aus */



#checkup-form input[type="radio"]{ 
	
	/* Add if not using autoprefixer */
  -webkit-appearance: none;
  /* Remove most all native input styles */
  appearance: none;
  /* For iOS < 15 */
  background-color: var(--form-background);

  /** Not removed via appearance **/

  font: inherit;
  color: currentColor;
  background-color: white;
  width: 1.5em;
  height: 1.5em;
  border: 0.15em solid grey;
  border-radius: 50%;
  margin: 0;}



#checkup-form input[type="radio"]::before {
  content: "";
  width: 0.5em;
  height: 0.5em;
  margin: 0.38em; /* Adjust the margin to align the circle and point */
}



#checkup-form .wpcf7-list-item-label {
	font-size: 2rem;
}


#checkup-form span.wpcf7-form-control {
	margin-top: 10px !important;
	display: block;
}


/*** ====== Custom Pages ======= ***/


/** MaxSec Seite **/

.page-id-17001 {
	  background-image: url('https://arconda.ag/wp-content/uploads/manueller-upload/Area-7.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center center;
}

.page-id-17001 h1 {
	font-family: Menlo;
	font-size: 4em;
}

.page-id-17001 h1, 
.page-id-17001 h2, 
.page-id-17001 h3,
.page-id-17001 h4, 
.page-id-17001 p,
.page-id-17001 a	{
	color: var(--blackblue) 
}

.maxsec-logo { 
		margin-right: 10px
}


/** Knowledge-Node Seite**/

/*
#post-15831 .wp-block-gallery img {
	filter: brightness(0) invert(0.9) sepia(0); 
max-width: 6em !important;

}
*/




/*
#post-15831 textarea {
	background: #334450;
	border: none; 
}
*/



/** Bewerbungsformular **/

.page-id-15389 .header-navigation-wrapper,
.page-id-15389 .mobile-nav-toggle {
    display: none;
}

.container-bewerbungsformular.container {
	margin-top: 80px ;
}

.container-bewerbungsformular .wpcf7-list-item
 {
	display: block;
	margin-bottom: 20px;
}

.container-bewerbungsformular button {
	background-color: #f08017 !important;
}


.container-bewerbungsformular input[type="checkbox"] {
	margin: 10px
}




/* NEWS */


h4.news-titel {margin-top: 0px}

.post-meta .post-date .meta-icon svg {
    width: 0.8em;
    height: 0.8em;
    margin-bottom: 2px;
    margin-left: 2px;
}



@media screen and (min-width: 1350px) {
	.news-page-image {
		position: relative;
		left: -220px;
		top: 10rem;
		width: 200px;
		padding-right: 10px;
		border-right: solid 1px var(--lightbrown);
	}
	
	figure.entry-header-inner.section-inner.medium {
		height: 10rem;
}

	
}




/* Style the li as a grid container */
.wp-block-latest-posts.newsliste li {
    display: grid;
    grid-template-columns: 50px 1fr; /* Image fixed at 50px, content takes rest */
    grid-template-rows: auto auto; /* Two rows for title and date */
    grid-template-areas: 
        "image title"
        "image date"; /* Date below title */
    gap: 0 2rem; /* vertical / horizontal gap */
    align-items: stretch; /* Stretch items to fill rows for proper centering */
    margin-bottom: 1.5rem;
}

/* Style the image wrapper to span both rows and center vertically */
.wp-block-latest-posts.newsliste li .wp-block-latest-posts__featured-image {
    grid-area: image;
    grid-row: 1 / 3; /* Span both rows (title and date) */
    width: 50px;
    height: auto;
    display: flex;
    align-items: center; /* Center image vertically within its cell */
}

/* Ensure the image fits */
.wp-block-latest-posts.newsliste li .wp-block-latest-posts__featured-image img {
    max-width: 100%;
    height: auto;
    object-fit: contain;
}

/* Style the title */
.wp-block-latest-posts.newsliste li .wp-block-latest-posts__post-title {
    grid-area: title;
}

/* Style the date with smaller vertical gap */
.wp-block-latest-posts.newsliste li .wp-block-latest-posts__post-date {
    grid-area: date;
    display: block;
    margin-top: 0.0rem; /* Reduced vertical gap between title and date */
}

.wp-block-latest-posts__featured-image.alignleft {
	margin: 1rem 2rem 3rem 0rem
}

.news-titel {
	text-wrap: balance;
}


.wp-block-latest-posts__list.newsliste.exkludieren.wp-block-latest-posts li:first-child {display: none
}


.wp-block-latest-posts__list.newsliste.exkludieren-2.wp-block-latest-posts li:nth-child(-n+2) {display: none
}



.post-inner {padding-top: 0px !important}


.wp-block-latest-posts__post-date {
	font-weight: 400
}


.neuestenews .wp-block-latest-posts__post-title   {
	font-size: 22px;
}

.wp-block-latest-posts__post-title {
	font-size: 18px;
}

.newsliste br  {
	display: none
}

@media (max-width: 460px) {
	
.neuestenews .wp-block-latest-posts__featured-image {
	float: none;
}

	
.wp-block-latest-posts__list.newsliste .wp-block-latest-posts__featured-image.alignleft { 
	display: none
	}
}

.post-meta-single-bottom {
	display: none
}





.wp-block-latest-posts__list  {
	margin-bottom: 2rem !important;
}


.wp-block-latest-posts { 
	text-wrap: pretty;
}






body.single.single-post .post-inner {padding-top: 3rem} /* Abstand News-Image News-Fließtext */



.wp-block-latest-posts__post-excerpt {
font-family: "Hind", "Courier" !important;
}


.news-weiterlesen-link {
  white-space: nowrap;
	 text-decoration: underline !important;
} 



/** Single News Custom **/


.section-inner.medium {
    max-width: 100ch;
}


.post-meta .post-author {display: none }


 .post-meta svg * {
	fill: var(--lightbrown) 
}

.post-date.meta-wrapper .meta-text a{
	color: var(--lightbrown) !important;
	font-size: var(--text-xs)
}



.post-meta-wrapper {
max-width: 100rem;
		}


.news-page-image {
		width: 200px;
}




.singular .post-meta {
	display: block;
	padding-bottom: 8px;
	font-size: var(--text-base)

}

.post-meta-wrapper .meta-text a, .post-meta-wrapper .meta-icon {
	color: var(--darkbrown) !important;
}



h4.news {
	font-weight: 400;
	color: #60413c;
	font-size: var(--text-base)
}

.news-titel {
	margin: 0px 0px
}


/*** ====== UTILITY CLASSES ======= ***/


@media screen and (max-width: 800px) {
.hideonmobile {display: none !important}
}

.margin-right-10 {
	margin-right: 10px !important;
}

.center {
	display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}

.text-3rem {
	font-size: 3rem;
	margin: 0px;
}

.font-bold {
	font-weight: 700
}

.two-column {
	column-count: 2;
}

.padding-0 {
	padding: 0px !important;
	color: red !important;
}

.filter-saturate-70 {
	filter: saturate(70%);
}

.sticky {
	position: sticky !important;
}

/*** ====== Druckausgabe ======= ***/

.page-break {
	page-break-before: always;
}

@media print {
	.no-print {
		display: none; /* Hide elements with the "no-print" class when printing */
	}
	.grecaptcha-badge {
		visibility: hidden;
	}

	#site-footer {
		visibility: hidden;
	}
}

.druckhinweis {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: auto;
	z-index: 1000; /* Ensure the logo is on top of other content */
	display: none; /* Initially hide the logo for screen display */
}

/* Apply styles only when printing */
@media print {
	.druckhinweis {
		display: block; /* Display the logo when printing */
	}

	/* Optional: Adjust other styles for better print layout */
	body {
		margin-top: 50px; /* Add space at the top for the logo */
	}
}