/*
Theme Name: Architektur – Druck & Design Lichtblick
Theme URI: https://themegrill.com/themes/spacious
Author: Architektur – Druck & Design Lichtblick  Baden-Baden 
Author URI: https://copy-lichtblick.de/ 
Description: Architektur – Druck & Design Lichtblick, Baden-Baden, Rastatt, Bühl, Gaggenau & Karlsruhe Produktion von Großformat Dokumenten und Bauplanungen. Langjähriges Know-How und modernste Technologie beste Kopier-, Druck- und Scan Ergebnisse. Unser Zeichenservice für CAD und BIM Zeichnungen nach Ihren Vorgaben für Ihren Bauantrag, Ihre Werkplanung oder zur Weiterverarbeitung in CAD und 3D Programmen.
Als Planungsbüro entwickeln wir individuelle Bau- und Raumkonzepte, von der ersten Skizze über die Planung bis zur Realisierung. So verbinden wir architektonische Fachkompetenz mit präziser Druck und Scantechnik – für perfekte Ergebnisse aus einer Hand.
Tags: Architektur – Druck & Design Lichtblick – Baden-Baden,Rastatt, Karlsruhe, Planungsbüro, Architektur Büro, Baden-Baden, Rastatt, Bühl, Gaggenau und Karlsruhe
Version: 1.4.7.1516019225
Updated: 2025-10-25 13:27:05
*/

body {
    background: #fff;
}
body, input, textarea, select, ul {
font-family: 'Open Sans', sans-serif;
color: #6b7770;
}
#main {
    padding: 6em 0 4em 0;
}

a {
    color: #66829a;
}
a:hover {
    color: rgb(207,46,46)
}
h1 { font-size: clamp(1.4rem, 2vw + 1rem, 2.2rem); }

h1, h2, h3, h4, h5 {
    color: #6b7770;
}
h2 a:hover, h3 a:hover, td a:hover, p a:hover {
    color: #bc0038;
}
h3 {

    font-size: 1.3em;
}
h4 {
    color: white;
    font-size: 1.5em;
}
.blue-font {
    color: #66829a;
}

#primary {
    float: left;
    width: 100%;
}
.f-right {
    float: right;
}
.f-left {
    float: left;
}
.clear {
    clear: both;
}
td, .wp-block-table td {
border:none;
}
.center {
display: flex; 
justify-content: center;
}
/*Header - Logo - Navigation*/
#header-text-nav-container { 
top:1em; position: fixed; height:4em; 
background-color: white;
border-bottom: none;
width: 100%; z-index: 998;
display: block;
}

#header-logo-image img {
  margin: 0px;
}

#header-text-nav-wrap {
padding: 1em 0 0 0;}

#header-left-section {
margin-right:0.1em !important;
padding:1.4em 0 0 0;
}

#header-right-section {
float: right;
}
.main-navigation a:hover, .main-navigation ul li.current-menu-item a, .main-navigation ul li.current_page_ancestor a, .main-navigation ul li.current-menu-ancestor a, .main-navigation ul li.current_page_item a, .main-navigation ul li:hover > a {
  color: rgb(207,46,46);
}
div#n2-ss-12 .n2-ss-slide-limiter {
  max-width: 1280px;
}
#div#n2-ss-5  {
line-height:16em;
}

/* =Burger Menü */
.main-small-navigation {
font-family: 'Open Sans', sans-serif;align-content;
background: #6b7770; 
font-size: 0.8em;
text-decoration: none;
padding: 0; 
margin: 0;

}
.main-small-navigation a {
  display: block;
  color: #FFFFFF;
  padding: 10px 20px;
}


.main-small-navigation ul a {
    color: #FFFFFF;
    text-decoration: none;
}
.main-small-navigation ul li ul {
display: none; /* Standardmäßig versteckt */
margin: 0; 
}
.main-small-navigation ul li a {
  display: block;
  color: #FFFFFF;
  padding: 6px 18px;
}
.main-small-navigation ul li:hover > ul {
    display: block;
}

.main-small-navigation ul li ul {
display: none; /* Standardmäßig versteckt */
    max-width: 200px;
    width: auto;
    background: #6b7770;  
    padding: 0; 
    margin: 0;
}
.main-small-navigation  ul li:last-child {
background: #3A3A3A; /* Optional: Ändert die Farbe, um anzuzeigen, dass der Link inaktiv ist */
    text-decoration: none; /* Entfernt die Unterstreichung */
}

.widget-title span {
	font-size: 0.8em;
	color:white; 
	border:none;
}

.wp-lightbox-overlay .wp-block-image {
padding:0;
margin:0;
height:100%;
}

#custom_html-9 {
font-size:5em; 
margin: 1em 0;
padding:0;
}

#custom_html-9 p {
font-size: 0.2em;
line-height: 1.6em;
font-weight: 400; 
}

table {margin: 4em 0 2em 0;
background-color:white;}
td, .wp-block-table td {
padding:0; width:50%;
}
img {
	margin-bottom: 0;
}

.kasten {
line-height: 5; /* Zeilenhöhe auf das 1,6-fache der Schriftgröße setzen */
font-size: 1.4em; /* Schriftgröße für Lesbarkeit festlegen */
text-align: center; /* Text zentrieren */
max-width: 800px;
margin: 0 auto; padding: 0.1em; 
border:red 2px solid;
}
/* =unterschiedliche Viewport-Breiten */
@media only screen and (max-width: 1024px) {
h1 {font-size: 21px; line-height: 24px;}
h2 {font-size: 18px; line-height: 24px;
}
	

#fancybox-title {
visibility: hidden !important;
}
#custom_html-9 {
margin:0;
padding: 0 0 0 0.6em;}
#custom_html-9 h2 {
font-size:0.35em;}
#custom_html-9 p {
padding: 0em;
font-size:0.25em;}
}	
@media only screen and (max-width: 768px) {
#header-text-nav-wrap {
margin:0;padding: 1em 0 0 0; font-size:0.8em; width:auto;
	}
.main-small-navigation {
    padding-top: 2px;}	
	
li a:hover{color:#fff;}
}

/* =Footer */

#colophon,
.footer-widgets-wrapper {
  background-color: #66829a !important;
  color: #ffffff !important;
  padding-top: 0;
}

/* Footer-Hintergrund + Standardfarbe */
#colophon,
.footer-widgets-wrapper {
  background-color: #66829a !important;
  color: #ffffff !important;
padding: 0px;
margin-top: 4em;
}

/* Footer Texte */
#colophon p,
.footer-widgets-area p,

.footer-widgets-wrapper p {
  color: #ffffff !important;
}

/* Footer Widgets */
.footer-widgets-area .tg-one-third {
  padding: 0 0 0.3em;
}

#colophon .widget {
  padding: 0 0 0.3em;
}

#colophon .widget ul li {
  padding: 0 0.3em;
	margin-top: 2em;
	border:none !important;
}

/* Footer Links */
.footer-widgets-area a,
#colophon a {
  color: #ffffff !important;
}

/* Footer-Socket (unterer Bereich) */
.footer-socket-wrapper {
color: #81898d;
 background-color: #FFF !important;
border:none !important;
}


/* Preferred icon size */
.icon, svg {
  display: inline-block;
  vertical-align: middle;
  width: 1em;
  height: 1em;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
}