/*
Theme Name: Salient Child Theme
Description: This is a custom child theme for Salient
Theme URI:   https://themeforest.net/item/salient-responsive-multipurpose-theme/4363266
Author: ThemeNectar
Author URI:  https://themeforest.net/user/themenectar
Template: salient
Version: 1.0
*/

#logo img {
    width: 200px; /* Ursprüngliche Breite */
    height: auto; /* Höhe wird proportional zur Breite festgelegt */
    transition: all 0.3s ease; /* Animation für die Größen- und Quellenänderung */
}

#logo img.scrolled {
	width: 150px; /* Neue Breite beim Scrollen */
	
}

@media only screen and (min-width: 1000px) {
    #header-outer #logo, #header-outer .logo-clone, #header-outer .logo-spacing {
margin-top: 0px;
margin-bottom: 10px;
	}
	
hyphens: auto;
		
body .page-submenu li a {
padding-left: 30px;
}

body .nectar-post-grid .nectar-post-grid-item .content .meta-category a {
    line-height: 3.5em;
}

strong, b {
    font-family: 'Inter', sans-serif;
    font-weight: bold;    
}

h1, h2, h3 {
    color: #005071;
}

body {
    color: #333333;
}

/* Standardlinkfarbe */
a {
	font-family: 'Inter', sans-serif;
    font-weight: bold;
    color: #00aba1; /* Türkis als Standardlinkfarbe */
    text-decoration: none; /* Unterstreichung entfernen (optional) */
}

/* Farbe, wenn der Link besucht wurde */
a:visited {
    color: #00aba1; /* Dunkelviolett für besuchte Links */
}

/* Farbe bei Hover (wenn der Mauszeiger über dem Link ist) */
a:hover {
    color: #005071; /* bei Hover */
   
}

/* Farbe, wenn der Link aktiv ist (z.B. wenn angeklickt) */
a:active {
    color: #005071; /* wenn der Link aktiv ist */
}

.subheader {
    display: none;
}

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;700&display=swap'); /* Importiert die Inter-Schriftart */

.circle {
	  width: 20vmin; /* Nutzt das kleinere von vw oder vh für Breite */
      height: 20vmin; /* Nutzt das kleinere von vw oder vh für Höhe */
      max-width: 170px; /* Maximal 150px breit */
      max-height: 170px; /* Maximal 150px hoch */
      min-width: 100px; /* Mindestens 100px breit */
      min-height: 100px; /* Mindestens 100px hoch */
      border-radius: 50%; /* Kreisform */
      border: 4px solid #5ba3c6; /* Randfarbe des Kreises */
      display: flex;
      justify-content: center; /* Horizontal zentriert */
      align-items: center; /* Vertikal zentriert */
	  text-align: center; /* Textausrichtung */
	  font-size: 2vmin; /* Schriftgröße relativ zur kleineren Viewport-Einheit */
      color: #5ba3c6; /* Textfarbe */
      transition: border-color 0.3s, color 0.3s; /* Sanfter Übergang bei Mouseover */
}
.circle h5 {
	font-family: 'Inter', sans-serif !important; /* Setzt die Schriftart auf "Inter" */
}


/* Feinabstimmung auf sehr kleinen Bildschirmen */
@media (max-width: 600px) {
    .circle {
        font-size: 4vmin; /* Größere Schriftgröße für kleine Bildschirme */
    }
}

body.material .nectar-button.jumbo.see-through, body.material .nectar-button.jumbo.see-through-2, body.material .nectar-button.jumbo.see-through-3 {
	border-width: 4px;
}

icon-button-arrow {
	box-shadow: none; !important;
}

.quote-box {
    background-color: #f5f7f9; /* Helles Grau für den Hintergrund */
    padding: 20px; /* Innenabstand */
    position: relative; /* Für die Positionierung der Zitatgrafiken */
    display: flex; /* Flexbox für die Anordnung von Text und Bild */
    align-items: center; /* Zentriere Text vertikal mit dem Bild */
    gap: 20px; /* Abstand zwischen Text und Bild */
}

.quote-box {
    background-color: #f9f9f9; /* Helles Grau für den Hintergrund */
    padding: 20px; /* Innenabstand */
    position: relative; /* Ermöglicht die Verwendung von ::before und ::after */
    display: flex; /* Flexbox für die Anordnung von Text und Bild */
    align-items: center; /* Zentriere Text vertikal mit dem Bild */
    gap: 20px; /* Abstand zwischen Text und Bild */
}

.quote-box::before {
    content: '';
    position: absolute;
    top: -10px;
    right: 20px;
    width: 40px; /* Breite der Zitatgrafik */
    height: 25px; /* Höhe der Zitatgrafik */
    background-image: url('http://evin.seitenfutter.de/wp-content/uploads/2024/10/Statement-Symbole_Statement-OUT.png'); /* Pfad zum 66-Bild */
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 2; /* Sicherstellen, dass es nicht verdeckt wird */
}

.quote-box::after {
    content: '';
    position: absolute;
    bottom: -10px;
    left: 20px;
    width: 40px; /* Breite der Zitatgrafik */
    height: 25px; /* Höhe der Zitatgrafik */
    background-image: url('http://evin.seitenfutter.de/wp-content/uploads/2024/10/Statement-Symbole_Statement-IN.png'); /* Pfad zum 99-Bild */
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 2; /* Sicherstellen, dass es nicht verdeckt wird */
}

/* Submenu breiter */
#header-outer #top .sf-menu > li > ul {
    width: 264px;
}

/* adjust fancy ul dots */
.nectar-fancy-ul[data-list-icon=dot] ul li:before {
    top: 3px;
}