@charset "UTF-8";
/* Flot-Konfigurator, 16.06.2025 */

/* Schrift */
@font-face { 
  font-family: "Roberto"; 
  src: url("../fonts/roboto-flex-latin-400-normal.ttf") format("truetype"), url("../fonts/roboto-flex-latin-400-normal.woff2") format("woff2"); 
}
*{
	font-family: "Roberto", sans-serif;
}

/* Header */
header div#titel div#logo{
	display:inline-block;
}
header div#titel div#logo img{
	width:80px;
}
header div#titel h1{
	display:inline-block;
	width:400px;
	padding:5px 30px;
	font-size:20px;
	color:#bf293d;
}
div#titel p#ideenkiste{
	width:100%;
	padding-top:11px;
	font-size:14px;
	font-weight:bold;
	text-align:right;
}
header p#ideenkiste a{
	text-decoration:none;
	color:#bf293d;
}

/* Vorschau */
div#vorschauDiv{
	border:1px solid rgba(190,40,60,.5);
}
div#vorschauDiv h2{
	color:#bf293d;
}

/* Auswahl */
div.auswahl{
	border:1px solid rgba(190,40,60,.5);
}
div.auswahl h2{
	color:#bf293d;
}
div.auswahl p.divNavi span.links{
	color:#bf293d;
}
div.auswahl p.divNavi span.rechts{
	color:#bf293d;
}

/* Auswahl: Navigation weiter/zurück */
div.auswahl p.divNavi span.links{
	border-bottom:4px solid #005faa;
}
div.auswahl p.divNavi span.rechts{
	border-bottom:4px solid #005faa;
}
div.auswahl p.divNavi span.offerte-anfordern{
	border-bottom:none;
}
p#submitButton input{
	color:#bf293d;
	border-color:#005faa;
}

/* Ideenkiste, Datenschutz */
div#ganzeBreite{
	border:1px solid rgba(190,40,60,.5);
}
div#ganzeBreite h2{
	color:#bf293d;
}

/* Bestätigungsseite */
div#konfigurationsliste{
	border:1px solid rgba(190,40,60,.5);
}

/* Footer */
footer{
	background:#bf293d;
	color:#fff;
}
footer p a{
	color:#fff;
}

@media all and (max-width: 700px) {
	/* Header */
	header div#titel h1{
		font-size:16px;
	}
	div#titel p#ideenkiste {
		width:50%;
	}
}