@charset "UTF-8";
/* CSS Document */

/* ------------------------------

agenturwitt
Sasbacherstr. 8
79111 Freiburg

Tel. +49 761 5562410
www.agenturwitt.de

--------------------------------- */

/* ****** FARBEN ****** */
/* Blau: #003a5d */
/* dunkleres Blau: #00304d */
/* Dunkel-Blau: #002034 */
/* Rubin-Rot: #c40f6e */
/* Gold: #D4AF37 */

:root {
  --global-color-primary: #003a5d;
  --global-color-secondary: #00304d;
  --global-text-color: #fff;
  --global-text-color-link: #c40f6e;
  --global-font-family-h: 'Open Sans', sans-serif;
  --global-font-family: 'Open Sans', sans-serif;
}


*, ::after, ::before {
  box-sizing: border-box;
}

/* PDF-Links */
a[href$=".pdf"] {
    padding-left: 30px;
    background-image: url("../img/icn_pdf.png");
    background-position: center left;
    background-repeat: no-repeat;
}

body { 
	position: relative;
	background-color: var(--global-color-primary);
	color: #fff;
	font-weight: 200;
	line-height: 1.9em;
	font-family: 'Open Sans', sans-serif;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3 .h4, .h5, .h6 {
	font-weight: 600;
}

p {
	max-width: 850px;
	margin-left: auto;
	margin-right: auto;
}

strong { font-weight: 500; }

.logo_schrift { font-family: 'Open Sans', sans-serif; font-weight: 700!important; font-size: 1.5rem!important; display: inline!important; padding: 0!important; }
.logo_a { color: #c40f6e!important; font-size: 1.7rem!important; vertical-align: -4%!important; display: inline!important; padding: 0!important; }
.logo_3d { font-size: 1.2rem!important; display: inline!important; padding: 0!important; }
sup { font-weight: 400; }
h1 .logo_schrift { font-size: 3rem!important; }
h1 .logo_a { font-size: 3.5rem!important; }
h1 sup { font-weight: 300!important; }



.btn-oscar {
    color: #fff;
    background-color: #003a5d;
    border-color: #fff;
	padding: 10px 30px;
}

/* ****** SITE STYLING ****** */

.bg-dark { background: rgb(0,0,0); background: linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,32,52,0.6909138655462185) 44%, rgba(0,32,52,1) 85%); background-color: transparent!important; }
.navbar-brand img { height: 60px; }
.nav-link { font-weight: 500; font-size: 0.85em; text-transform: uppercase; letter-spacing: 0.15em; padding-left: 0.7rem!important; padding-right: 0.7rem!important; }

#headerbild { 
	display: flex;
	flex-wrap: nowrap;
	flex-direction: column;
	justify-content: center;
	width: 100%; 
	height: 800px;
	align-items: center;
	text-align: center;
	background-image: url(../img/hb_vario.jpg);
    background-position: center bottom;
    background-repeat: no-repeat;
}

#homeslider {  }

main, #main { 
	text-align: center;
	padding-bottom: 500px;
	background-image: url(../img/bg_main_bottom_gruppe.jpg);
    background-position: center bottom;
    background-repeat: no-repeat;
	font-size: 14pt;
}

section, .section { position: relative;	min-height: 500px; }
.section-padding { padding-top: 100px; padding-bottom: 120px; }

#ueberuns {
	background-image: url(../img/bg_rubine.jpg);
	background-position: left center;
	background-repeat: no-repeat;
	background-size: contain;
}

#aboutus {
	background-image: url(../img/bg_rubine.jpg);
	background-position: left center;
	background-repeat: no-repeat;
	background-size: contain;
}

#sobrenosotros {
	background-image: url(../img/bg_rubine.jpg);
	background-position: left center;
	background-repeat: no-repeat;
	background-size: contain;
}

#vorteile {
	background-image: url(../img/bg_vorteile.jpg);
	background-position: right center;
	background-repeat: no-repeat;
	background-size: cover;
}

#advantages {
	background-image: url(../img/bg_vorteile.jpg);
	background-position: right center;
	background-repeat: no-repeat;
	background-size: cover;
}

#ventajas {
	background-image: url(../img/bg_vorteile.jpg);
	background-position: right center;
	background-repeat: no-repeat;
	background-size: cover;
}

.designqualitaet_bild { min-height: 400px; background-color: #24598A; }
.designqualitaet_text { padding: 50px 50px; text-align: left; }

table { display: inline; }
thead, td { padding: 15px 30px!important; border: none; }
thead { font-size: 18pt; }
.table-varianten {
    --bs-table-bg: #003a5d!important;
    --bs-table-striped-bg: #265775!important;
    --bs-table-striped-color: #fff;
    --bs-table-active-bg: #dfe0e1;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #e5e6e7;
    --bs-table-hover-color: #000;
    color: #fff;
    border-color: transparent!important;
}


#varianten span {
	display: block;
	text-align: left;
	font-size: 0.8em;
	padding: 8px 0 8px 15px;
}


#variants span {
	display: block;
	text-align: left;
	font-size: 0.8em;
	padding: 8px 0 8px 15px;
}


#variantes span {
	display: block;
	text-align: left;
	font-size: 0.8em;
	padding: 8px 0 8px 15px;
}

.produktbild img {
	width: 100%;
}

.light {
	background-color: #265775;
}


.faq { max-width: 850px; margin-left: auto; margin-right: auto; margin-top: 50px; }

.accordion-flush { background-color: transparent!important; }
.accordion-item { background-color: transparent!important; margin-bottom: 10px; color: #fff; }
.accordion-button { background-color: transparent!important; color: #fff; font-size: 14pt; }
.accordion-button:not(.collapsed) { color: #fff; }
.accordion-button:focus { border: none; box-shadow: none; }
.accordion-header { background-color: rgba(0,32,52,0.5); margin-bottom: 5px; border-radius: 8px; padding: 5px 10px; }
.accordion-body { background-color: rgba(0,32,52,0.2); color: #fff; border-radius: 8px; width: 95%; margin-left: auto; margin-right: auto; text-align: left; font-size: 12pt; padding: 40px; }

.amazon { height: 50px; margin-top: 20px; }
.schweiz { height: 80px; margin-top: 20px; }
.niederlande { height: 80px; margin-top: 20px; }

footer, #footer { text-align: center; }
footer h1 { font-size: 20pt; }
footer a { color: #fff; text-decoration: none; }

#footer_main { padding-top: 80px; padding-bottom: 100px; }
#footer_main span { display: block; }

#footer_bottom { padding-top: 20px; padding-bottom: 20px; background-color: #003252; color: #426b85; font-weight: 300; }
#footer_bottom a { color: #426b85; text-decoration: none; padding: 10px 15px; }

/* ****** MEDIA QUERIES ****** */

@media (min-width: 576px) {}
@media (min-width: 768px) {}
@media (min-width: 992px) {}
@media (min-width: 1200px) {}
@media (min-width: 1400px) {}

@media (max-width: 402px) { 
	.navbar-brand img { height: 30px; }
	.languages .navbar-nav { flex-direction: row; }
	.languages .nav-link img { height: 12px; }
	.languages .nav-link { padding-left: 0px!important; }
	.carousel-item img { height: 300px!important; }
	.section-padding { padding-top: 20px; padding-bottom: 50px; }
	main, #main { background-size: 100%; padding-bottom: 100px; }
}


/* ****** BREAKPONTS ******

X-Small	None	<576px
Small	sm	≥576px
Medium	md	≥768px
Large	lg	≥992px
Extra large	xl	≥1200px
Extra extra large	xxl	≥1400px

****** */


/* GOOGLE FONTS */

/* open-sans-300 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/open-sans-v34-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/open-sans-v34-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/open-sans-v34-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/open-sans-v34-latin-300.woff') format('woff'), /* Modern Browsers */
       url('fonts/open-sans-v34-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/open-sans-v34-latin-300.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/open-sans-v34-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/open-sans-v34-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/open-sans-v34-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/open-sans-v34-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/open-sans-v34-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/open-sans-v34-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-600 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: url('fonts/open-sans-v34-latin-600.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/open-sans-v34-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/open-sans-v34-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/open-sans-v34-latin-600.woff') format('woff'), /* Modern Browsers */
       url('fonts/open-sans-v34-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/open-sans-v34-latin-600.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-700 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/open-sans-v34-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/open-sans-v34-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/open-sans-v34-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/open-sans-v34-latin-700.woff') format('woff'), /* Modern Browsers */
       url('fonts/open-sans-v34-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/open-sans-v34-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
}