/* Königsblau #4169E1 und Gelb #ffff00 */
#div_banner {
	border: 1px solid #333;
	top:10px;
}
#header #logo {
	width: 50%;
}
#content > div.frame-type-carousel:first-child > header h2 {
	color: var(--blue-color);
}
#content > div.frame-type-carousel:first-child > div.carousel div.carousel-item-type div.valign div.vcontainer div.carousel-text-inner h2 {
	color: var(--blue-color);
}
header.navbar > div.container {
	background-color: rgba(230,230,0,0.5);
	background-image: url("../../../images/vorlagen/background/2025-GenAI/automotive_technical_drawing_unique_ffff00.png");
	background-position: center;
	background-size: 55%;
	background-repeat: repeat-x;
}
#content > div.frame-type-carousel:first-child > header {
	top: 22%;
}
#content > div.frame-type-carousel:first-child > div.carousel div.carousel-item-type div.valign {
	top: 34.1%;
}
#header #header_name h1 a p {
	color: var(--blue-color);
}
#header #header_name h1 a:hover p {
	color: var(--blue-color-dark);
}
header.navbar.navbar-default.navbar-top.navbar-fixed-top div.container nav.navbar-collapse.collapse ul.nav.navbar-nav.navbar-main li a {
	color: var(--blue-color);
}
header.navbar.navbar-default.navbar-top.navbar-fixed-top div.container nav.navbar-collapse.collapse ul.nav.navbar-nav.navbar-main li a:hover {
	color: var(--blue-color-dark);
}
header.navbar.navbar-default.navbar-top.navbar-fixed-top div.container nav.navbar-collapse.collapse ul.nav.navbar-nav.navbar-main li a:hover span.bar {
	background: var(--blue-color-dark);
	opacity:1;
	height:4px;
}
header.navbar.navbar-default.navbar-top.navbar-fixed-top div.container nav.navbar-collapse.collapse ul.nav.navbar-nav.navbar-main li a span.bar {
	background: var(--blue-color);
}
.navbar-main > li > a .bar {
    opacity:0;
	height:0px;
	top: 100%;
    -webkit-transition: top .19s ease-in-out 0s, opacity .25s ease-in-out, height .25s;
	-o-transition: top .19s ease-in-out 0s, opacity .25s ease-in-out, height .25s;
	transition: top .19s ease-in-out 0s, opacity .25s ease-in-out, height .25s;
}
#infobuttons > div.animated > div[id*="Img"] {
	border-left: 4px solid var(--blue-color);
	border-top: 2px solid transparent;
	border-right: 2px solid transparent;
	border-bottom: 2px solid transparent;
}
#infobuttons > div.animated:hover > div[id*="Img"] {
	border-left: 4px solid transparent;
	border-top: 2px solid transparent;
	border-right: 2px solid transparent;
	border-bottom: 2px solid transparent;
}
#infobuttons > div.animated:hover > div[id*="Text"] {
	border-top: 2px solid transparent;
	border-right: 2px solid transparent;
	border-bottom: 2px solid transparent;
	border-left: 4px solid var(--blue-color);
}
#infobuttons > div > div[id*="Img"] {
	background-color: var(--yellow-color);
}
#infobuttons > div > div[id*="Img"]::before{
	content: " ";
	background-image:none;
	-webkit-mask-size: cover;
	mask-size: cover;
	-webkit-mask-position: center;
	mask-position: center;
	/* Die gewünschte Farbe als Hintergrund */
	background-color: var(--blue-color) !important;
	width: 84px;
	height: 84px;
	display: block;
	cursor: default;
	position: relative;
	z-index: 10;
	border: 1px solid #f5f5dc;
}
#phoneLogoImg::before {
	/* Bild als Maske verwenden statt als background-image */
	-webkit-mask-image: url("../../../images/vorlagen/icons/telefon_white.png");
	mask-image: url("../../../images/vorlagen/icons/telefon_white.png");
}
#timeLogoImg::before{
	-webkit-mask-image:url("../../../images/vorlagen/icons/oeffnungszeiten_white.png");
	mask-image:url("../../../images/vorlagen/icons/oeffnungszeiten_white.png");
}
#whatsappImg::before{
	-webkit-mask-image:url("../../../images/vorlagen/icons/whatsapp_white.png");
	mask-image:url("../../../images/vorlagen/icons/whatsapp_white.png");
}
#link2facebookImg::before{
	-webkit-mask-image:url("../../../images/vorlagen/icons/facebook_white.png");
	mask-image:url("../../../images/vorlagen/icons/facebook_white.png");
}
#link2instagramImg::before{
	-webkit-mask-image:url("../../../images/vorlagen/icons/instagram_white.png");
	mask-image:url("../../../images/vorlagen/icons/instagram_white.png");
}
div.aktionen div.row div.col.left,
div.aktionen div.row div.col.middle,
div.aktionen div.row div.col.right{
	background-color: unset;
}
#content.main-section div.div_33-33-33.aktionen{
	background-image: url("../../../images/vorlagen/background/2025-GenAI/Motorskizze.png");
	background-color: rgba(242,242,2242,0.95);
	background-position: center;
	background-size: cover;
}
#content.main-section div.div_33-33-33.aktionen > div.row{
	background: repeating-linear-gradient( 135deg, rgba(255,255,0,0) 0%, #ffff00 20%, rgba(255,255,0,0) 40%, #ffff00 60%, rgba(255,255,0,0) 80%, #ffff00 100% );
	background-size: 200% 100%;
	animation: waveGradient 4s linear infinite;
}
@keyframes waveGradient {
	0% {
		background-position: 0% 0%;
	}
	100% {
		background-position: 100% 0%;
	}
}
#content.main-section div.div_33-33-33.w80.aktionen.animated div.row div.middle {
	box-shadow: 0 0 8px 0px rgba(255,255,0,1);
}
div.bg_pic.whatsapp::before{
	background-color: var(--blue-color-dark);
}
div.bg_pic.whatsapp div.texticon-content{
	text-align:center;
}

a, footer #meta_menu.meta-menu li a {
	color: var(--blue-color);
}
a:hover, a:focus, a:active{
	color: var(--blue-color-dark);
}
caption, 
#phoneLogoText .csc-default,
#timeLogoText table, 
#whatsappText {
	color: #333;
}
div.bg-blue{
	background-color: var(--blue-color-dark);
}
div.w100.VAG::before{
	background-color: var(--blue-color-dark);
}
div.w100.angebote.bg_pic::before{
	background-color: rgba(255,255,0,0.5);
}
#content.main-section div.div_33-33-33.aktionen div.col.middle{
	/* border-right: 3px solid var(--yellow-color);
	border-left: 3px solid var(--yellow-color); */
}
div.div_bannerClose {
	background-color: var(--yellow-color);
}

@media only screen and (max-width: 864px){
	#content > div.frame-type-carousel:first-child > header {
		padding: 30px 15px;
	}
	#content > div.frame-type-carousel:first-child > div.carousel div.carousel-item-type div.valign {
		padding: 30px 15px;
	}
	#header #div_logo-headername #logo div.gallery-row{
		flex-wrap: nowrap;
		align-items: center;
		justify-content: space-between;
	}
}
@media only screen and (max-width: 823px){
	#content > div.frame-type-carousel:first-child > header {
		width: 89%;
    }
}
@media only screen and (max-width: 767px){
	#infobuttons > div #link2instagramImg::before {
		height: 50px;
		width: 50px;
    }
	#content > div.frame-type-carousel:first-child > div.carousel div.carousel-item-type div.valign {
		top: 36.6%;
	}
	#header #logo figure {
		min-width: fit-content;
	}
}
@media only screen and (max-width: 625px){
	h1, div.h1{
		font-size: 3rem;
	}
	h2, div.h2{
		font-size: 2.5rem;
	}
	div.w60 {
		max-width: 90%;
		width: 90%;
	}
	header.navbar-transition #header #div_logo-headername #header_name h1 p{
		font-size:2rem;
	}
}
@media only screen and (max-width: 562px){
	h2, div.h2 {
		font-size: 2rem;
	}
}
@media only screen and (max-width: 491px){
	h1, div.h1,
	h2, div.h2,
	h3, dic.h3,
	div, p{
		font-size: 16px !important;
	}
}

footer section.footer-section-meta {
	background: var(--yellow-color);
}
:root {
	/* ### Blaue Farbe ### */
	--blue-color-light: #99afef;
	--blue-color: #4169E1;
	--blue-color-dark: #2b58de;
	/* ### Blaue Farbe ### */
	/* ### Gelbe Farbe ###  */
	--yellow-color-light: #ffff33;
	--yellow-color: #ffff00;
	--yellow-color-dark: #e6e600;
}