/*
Theme Name: Fotostudio Blickfang in Schwarz mit Bild V3 von Design-KS
Theme URI: https://design-ks.de
Author: René Siemon
Author URI: https://design-ks.de/

Version: 1.5
*/
/* Grundlegendes Layout */
/* Vollbild-Wrapper für Sticky-Footer */
/* Basis + Sticky Footer */

/* CSS Reset start*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1.4}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}
/* CSS Reset ende*/

html, body { height: 100%; margin: 0; }
body {
  display: flex; flex-direction: column;
  background: #121212; color: #e0e0e0;
  font-family: 'Segoe UI', system-ui, -apple-system, sans-serif;
}
.wrapper { min-height: 100vh; }


.dks_page{
  min-width: 320px;
  max-width: 1200px;
  margin: 0 auto;
  padding: 20px;
}


.site-header{
  display:flex;
  justify-content: space-between;
  align-items: center;
}

#dks_main_menu li{
  display: inline-block;
}

#dks_main_menu a {
  color: #e0e0e0;
}

.subTopMenu{
  display: none;
}

.menu-item-has-children :hover .subTopMenu {
  display: block;
  position: absolute;
}

/* Untermenü standardmäßig verstecken */
#dks_main_menu .subTopMenu {
  display: none;
  position: absolute;
  background-color: #fff; /* Optional: Hintergrundfarbe */
  padding: 0;
  margin: 0;
  list-style: none;
  z-index: 1000;
}

/* Positionierung des Eltern-Menüpunkts */
#dks_main_menu li {
  position: relative;
}

/* Untermenü anzeigen, wenn Maus über <li> oder <a> fährt */
#dks_main_menu li:hover > .subTopMenu {
  display: block;
}

/* Optional: Styling für Untermenü-Links */
#dks_main_menu .subTopMenu li a {
  display: block;
  min-width:180px;
  padding: 8px 12px;
  text-decoration: none;
  color: #333;
}
#dks_main_menu .subTopMenu:last-child li a{
  border-radius: 0 0 4px 4px;
}

/* Optional: Hover-Effekt für Untermenü-Links */
#dks_main_menu .subTopMenu li a:hover {
  background-color: #eee;
}

/* === Basis-Styling für das Hauptmenü === */
#dks_main_menu {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  gap: 30px;
  background-color: #000;
  flex-wrap: wrap;
}

#dks_main_menu > li {
  position: relative;
}

#dks_main_menu > li > a {
  display: block;
  padding: 12px 18px;
  color: #f0f0f0;
  text-decoration: none;
  font-weight: 500;
  font-size: 16px;
  transition: color 0.3s ease, background-color 0.3s ease;
}

#dks_main_menu > li > a:hover {
  color: #fff;
  background-color: #222;
}


/* === Dropdown-Menü === */
.subTopMenu {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  background-color: #111;
  min-width: 180px;
  box-shadow: 0 4px 8px rgba(0,0,0,0.5);
  z-index: 1000;
  border-radius:0 0 4px 4px;
  padding: 8px 0;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease;
}

#dks_main_menu li:hover > .subTopMenu {
  display: block;
  opacity: 1;
  visibility: visible;
}

.subTopMenu li a {
  display: block;
  padding: 10px 16px;
  color: #ccc;
  text-decoration: none;
  font-size: 15px;
  transition: background-color 0.3s ease, color 0.3s ease;
}

.subTopMenu li a:hover {
  background-color: #333;
  color: #fff;
}

/* === Responsive Menü (Mobile) === */
.menu-toggle {
  display: none;
  background: none;
  border: none;
  color: #fff;
  font-size: 24px;
  padding: 12px;
  cursor: pointer;
}

@media (max-width: 768px) {
  .menu-toggle {
    display: block;
  }

  #dks_main_menu {
    flex-direction: column;
    display: none;
    width: 100%;
  }

  #dks_main_menu.open {
    display: flex;
  }

  #dks_main_menu > li {
    width: 100%;
  }

  .subTopMenu {
    position: static;
    box-shadow: none;
    opacity: 1;
    visibility: visible;
    display: none;
  }

  #dks_main_menu li.open > .subTopMenu {
    display: block;
  }
}


/**********[ Page Footer ]**********/
#dks_footer{
	font-size:16px;
  font-weight: 500
}

    .dks_footer_page{
        display:flex;
        justify-content:space-between;
    }

    #dks_footer li{
      list-style:none;
      display:inline;
    }

    .dks_hr_footer{
        border:none;
        border-top: dashed 1px;
        margin:10px auto;
        min-width:320px;
        max-width:1200px;
    }
    #dks_footer, #dks_footer a {color:#f5f5f5; text-decoration:none;}
    .InfoBox{
      width:320px;
    }

    #dks_footer h3{
      border-bottom:solid 1px #6e6e6e;
      margin:5px 0
    }

    .dks_navi_bottom a:before { 
      content: "» ";
      color: #fff;
    }
/**********[ Page Footer ]**********/




/**********[ Netzwerk ]**********/
#netzwerk{
	width:220px;
	margin:20px 50px 10px 0 
}
#netzwerk li{margin:5px;float:left}
#netzwerk a{text-decoration:none}

#netzwerk i{
 width:45px;
 height:45px;
 display:block;
 font-size:25px;
 line-height:45px;
 text-align:center;
 color:#fff
}

#netzwerk .icon-twitter{background-color:#4099ff}
#netzwerk .icon-facebook{background-color:#3B5998}
#netzwerk .icon-google_plus{background-color:#db5a3c}
#netzwerk .icon-xing{background-color:#126567}


#netzwerk a:hover .icon-twitter,#netzwerk a:hover .icon-facebook,#netzwerk a:hover .icon-google_plus,#netzwerk a:hover .icon-xing{color:#fff}
/**********[ Netzwerk ]**********/

.sr-only {
  position: absolute;
  width: 1px; 
  height: 1px; 
  padding: 0; 
  margin: -1px; 
  overflow: hidden; 
  clip: rect(0, 0, 0, 0); 
  white-space: nowrap; 
  border: 0;
}

#netzwerk svg {
  width: 25px;          /* Icongröße */
  height: 25px;
  display: block;
  margin: auto;         /* zentriert horizontal UND vertikal im flex/grid Kontext */
  fill: #fff;           /* Farbe des Icons */
}

#netzwerk a {
  width: 45px;
  height: 45px;
  display: flex;             /* Flexbox für Zentrierung */
  align-items: center;       /* vertikal zentrieren */
  justify-content: center;   /* horizontal zentrieren */
  background: #000;          /* Beispiel Hintergrund */
}



/**********[ Design-KS Copy ]**********/
#dks{padding:5px 0 0 0;background:#171717; clear:both; font-size:12px}
#dks a{width:240px;height:25px;padding:5px 0 0 80px;text-align:left;margin:0 auto;display:block;color:#fff !important;text-decoration:none;font-size: 10px;background:top left no-repeat url('data:image/png;base64,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')}
#dks span,.netz a span{border-bottom:solid 1px #09F}
/**********[ Design-KS Copy ]**********/