/*
 Theme Name:   Trinity Child
 Theme URI:    https://trinitytms.de
 Description: Child Theme für Astra
 Author:       Dein Name
 Author URI:   https://stek-media.de
 Template:     trinity
 Version:      1.0.0
*/

/* Eigene Styles kommen ab hier */






/* Header */

/* Menü */




#header{
	backdrop-filter: blur(10px);
}


#header, #header > div, #header > div > div{
	height:60px !important;
}
[data-header*="type-1"] .ct-header [data-row*="middle"]{
	background:none !important;
}

.ct-menu-link {
  font-weight: 700 !important;
  font-size: 16px !important;
text-transform: none !important;
}

nav[class*="menu"] li:hover > .ct-menu-link, nav[class*="menu"] li[class*="current-menu-"] > .ct-menu-link, nav[class*="menu"] li[class*="current-menu-"] > .ct-sub-menu-parent{
	color:#7D63FF !important;
}

/* Pfeil nur bei Punkten mit Untermenü */
.menu li.page_item_has_children > a.ct-menu-link::after{
  content:"";
  display:inline-block;
  margin-left:6px;
  width:0;
  height:0;
  border-left:4px solid transparent;
  border-right:4px solid transparent;
  border-top:6px solid currentColor; /* zeigt nach unten */
  transition:transform .2s ease;
  transform-origin:center;
}

/* Pfeil hoch, wenn geöffnet (Hover-Dropdown) */
.menu li.page_item_has_children:hover > a.ct-menu-link::after{
  transform:rotate(180deg);
	fill: #7D63FF;
}

/* Pfeil hoch, wenn aktueller Bereich (WP Klassen) */
/* 2) Aufklappen per Hover (dein Menü ist data-interaction="hover") */
#header-menu-1 .menu > li.menu-item-has-children:hover > a .ct-toggle-dropdown-desktop .ct-icon{
  transform: rotate(180deg);
	fill: #7D63FF;
}


#header-menu-1 .menu > li.menu-item-has-children.current-menu-item > a .ct-toggle-dropdown-desktop .ct-icon{
  transform: rotate(180deg);
	fill: #7D63FF;
}


/* Optional: saubere Ausrichtung */
.menu li.page_item_has_children > a.ct-menu-link{
  display:inline-flex;
  align-items:center;
}

nav[class*="menu"] ul > li > .sub-menu{
	display:none !important;
}

#header-menu-1 .menu > li.menu-item-has-children > a .ct-toggle-dropdown-desktop .ct-icon{
  width: 12px;
  height: 12px;
}








/*Startseite Video*/




/* =========================
   STARTSEITE – SPEZIALSTYLES
   ========================= */

/* 1) Titel "Startseite" ausblenden */
.home .page-title,
.home .entry-title {
    display: none !important;
}

/* 2) Video-/Start-Container volle Breite */
.home .video_und_start_container {
    width: 100vw;
    max-width: 100vw;
    margin-left: calc(-50vw + 50%);
    margin-right: calc(-50vw + 50%);
}

/* 3) Container ganz nach oben ziehen */
.home .video_und_start_container {
    position: relative;
    top: 0;
    z-index: 1;
}

/* 4) Header über dem Video halten */
.home .ct-header {
    position: relative;
    z-index: 10;
}

/* Optional: falls Blocksy oben Padding vergibt */
.home .site-content,
.home .content-area {
    padding-top: 0 !important;
    margin-top: 0 !important;
}





.video_start .elementor-video {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(173, 178, 207, 0.109);
    backdrop-filter: blur(5px);
    z-index: 1;
}






/* Footer */

#footer .ct-container{
	padding-top:70px;
}

/* Footer-Widgets: Spalte 1 breiter, 2-4 schmaler */
.ct-footer .ct-container[data-columns-divider]{
  display: grid !important;
  grid-template-columns: 4fr 1.2fr 1.2fr 1.2fr !important;
  gap: 24px;
}

[data-column="widget-area-2"] a, [data-column="widget-area-3"] a{
	  font-size: 16px;
	line-height:36px;
}

[data-column="widget-area-4"] a{
	  font-size: 16px;
	color:#AFB0D8;
}

#media_image-2 {
  margin-bottom: 80px;
}

.textwidget p {
  font-size: 16px;
  margin-bottom: 0px;
  font-weight: normal;
}

#custom_html-2 .textwidget a{
  font-size: 16px;
  margin-bottom: 0px;
  font-weight: normal;	
}














#custom_html-2 .textwidget{
  margin-bottom: 19px;
}

footer{
	font-family:"Public-sans" !important;
}

.trinity_footer{
  height:355px;
  background-color: #000A46;
	font-family:"Public-sans" !important;
}
.footer-masonry{
  max-width: var(--theme-normal-container-max-width);
  margin:0px auto;
  display: grid;
  grid-template-columns: 4fr 1fr 1fr 1fr;
  grid-template-rows: auto auto;
  column-gap: 32px;
  row-gap: 16px;
  align-items: end; /* Unterkanten sauber bündig */
}

/* Adresse links über beide Zeilen */
.footer-address{
  grid-column: 1;
  grid-row: 1 / span 2;
  color:#fff;
  margin:70px 0px 70px 0px;
}

/* Obere drei Spalten rechts */
.footer-col-1{ grid-column: 2; grid-row: 1;}
.footer-col-2{ grid-column: 3; grid-row: 1;}
.footer-col-3{ grid-column: 4; grid-row: 1;}



.footer-col-1 a{color:#fff; line-height:34px;font-size: 16px;}
.footer-col-2 a{color:#fff;line-height:34px;font-size: 16px;}
.footer-col-3 a{color:#AFB0D8; line-height:34px;font-size: 16px;}

/* Unterer Block: nimmt rechts die Spalten 2-4 ein */
.footer-bottom{
  grid-column: 2 / 5;
  grid-row: 2;
	
margin: 0px 0px 70px 0px;
}

/* Unterer Block hat 2 Spalten, die mittig unter den 3 oberen sitzen */
.footer-bottom-inner{
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 32px;

  /* Das ist das „zentriert unter den oberen drei“ */
  width: 86%;
  align-items: end;
}

/* Links bündig, rechts bündig */
.footer-services{ text-align: left;float:left;}
.footer-legal{ text-align: right;float:right;color:#fff; line-height:36px;font-size: 16px;}

.footer-services a{ text-align: left;color:#fff; line-height:36px; font-size: 16px;}



/* Typische Footer-Margins raus, damit die Unterkante wirklich bündig wird */
.footer-masonry p{ margin: 0; }