/* Themify Customize Styling */
h1 {		font-size:2em;
 
}
h2 {		font-weight:900;
	font-size:1,5em;
 
}
body #site-logo a img {		width: 180px; 
}
#site-logo {		position:relative;

	top: -1.5em;right: auto;bottom: auto;left: auto;margin: auto; 
}
#site-description {	display: none;margin-top: auto;margin-right: auto;margin-bottom: auto;margin-left: auto; 
}
#main-nav a:hover {	
	color: #009fe3; 
}
#main-nav .current_page_item > a, #main-nav .current-menu-item > a {	
	color: #325692; 
}
#main-nav .current_page_item > a:hover, #main-nav .current-menu-item > a:hover {	
	color: #009fe3; 
}
#main-nav ul a:hover {	
	color: #009fe3; 
}
#main-nav .sub-menu > .current_page_item > a, #main-nav .sub-menu > .current-menu-item > a {	
	color: #325692; 
}
#sidebar .widget, #sidebar-alt .widget {	
	background-position: right center; 
}
#footer-logo a {	display: none; 
}
#pagewrap .back-top.back-top-float, .full-section-scrolling #footerwrap .back-top .arrow-up a, .footer-horizontal-left #footerwrap .back-top .arrow-up a, .footer-horizontal-right #footerwrap .back-top .arrow-up a, .footer-left-col #footerwrap .back-top .arrow-up a, .footer-right-col #footerwrap .back-top .arrow-up a, #footer .back-top .arrow-up a {	background: none;
	background-color: #325692; 
}
@media(max-width: 1024px) { /* Themify Customize Styling */
body #site-logo a img {		width: 180px; 
}
 }@media(max-width: 768px) { /* Themify Customize Styling */
body #site-logo a img {		width: 180px; 
}
 }@media(max-width: 600px) { /* Themify Customize Styling */
body #site-logo a img {		width: 180px; 
}
 }.header-minbar #headerwrap #main-nav a:hover, .mobile_menu_active #headerwrap .sidemenu-on a:hover, .mobile_menu_active #headerwrap #main-nav a:hover, .mobile_menu_active #headerwrap #main-nav ul a:hover { 
	color: #009fe3; }.header-minbar #headerwrap #main-nav .current_page_item > a, .mobile_menu_active #headerwrap #main-nav .current_page_item > a, .mobile_menu_active #headerwrap #main-nav .current-menu-item > a { 
	color: #325692; }.header-minbar #headerwrap #main-nav .current_page_item > a:hover, .mobile_menu_active #headerwrap #main-nav .current_page_item > a:hover, .mobile_menu_active #headerwrap #main-nav .current-menu-item > a:hover { 
	color: #009fe3; }
/* Themify Custom CSS */
/* --- Default: gilt für alles unter Desktop (<900px) --- */
#headerwrap .header-bar #site-logo {
    max-width: 220px;        /* größer als vorher, auch auf Handy */
    display: block;
    padding-top: 10px;

    margin-bottom: 0;        /* in Mobile/Tablet NICHT ins Bild ziehen */
    position: relative;
    z-index: 10;
}

#headerwrap .header-bar #site-logo img.site-logo-image {
    width: 120%;             /* leicht übergroß fürs Branding */
    max-width: none;
    height: auto;
    display: block;
}

/* nix abschneiden */
#headerwrap,
#headerwrap .header-bar,
#headerwrap #header {
    overflow: visible;
    position: relative;
    z-index: 1000;
}

/* --- Desktop / große Screens (>=900px) --- */
@media (min-width: 900px) {
    #headerwrap .header-bar #site-logo {
        max-width: 300px;
        padding-top: 25px;

        /* jetzt darf das Logo unten in den Hero reinragen */
        margin-bottom: -3rem;

        position: relative;
        z-index: 10;
    }

    #headerwrap .header-bar #site-logo img.site-logo-image {
        width: 110%;
        max-width: none;
    }
}

/* allgemein: Header-Bar kompakter machen */
#headerwrap .header-bar {
    padding-top: 5px;
    padding-bottom: 5px;
    min-height: auto;
}

/* Beschreibung rechts vom Logo nicht so viel Höhe geben */
#headerwrap .header-bar #site-description {
    font-size: 0.9rem;      /* kleiner machen (optional) */
    line-height: 1.2;       /* engerer Zeilenabstand */
    margin-top: 0;          /* falls das Theme da noch extra Abstand reinballert */
    margin-bottom: 0;
}

/* Navigation / Icons weniger Höhe auf Mobile (Hamburger-Zeile) */
.header-icons,
.header-icons #menu-icon {
    line-height: 1.2;
    padding-top: 5px;
    padding-bottom: 5px;
}
/* Desktop-Overlap ausgleichen, aber unterschiedlich für Startseite vs. Unterseiten */
@media (min-width: 900px) {

    /* Startseite: erste Hero-Row nach unten schieben */
    body.home .themify_builder_content .themify_builder_row.tb_first {
        padding-top: 4rem;  /* bei Bedarf 3rem oder 5rem */
    }

    /* Unterseiten: kompletten Content-Block nach unten schieben */
    body:not(.home) #content {
        padding-top: 4rem;  /* auch hier anpassen wie oben */
    }
}