/* @override 
	https://relaunch.bramigk-breer.com/wp-content/themes/wp_bramigk/css/style_bramigk.css?ver=6.9.4 */


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

/* open-sans-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/open-sans-v44-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* open-sans-italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: url('fonts/open-sans-v44-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* open-sans-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: url('fonts/open-sans-v44-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* open-sans-600italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 600;
  src: url('fonts/open-sans-v44-latin-600italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* open-sans-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/open-sans-v44-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* open-sans-700italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 700;
  src: url('fonts/open-sans-v44-latin-700italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}


html, body {
	margin: 0;
	padding: 0;
	width: 100%;
}

html {
	font-size: 20px;
}

body {
	margin: 0;
	padding: 0;
	border: 0;
	font-family: 'Open Sans';
	font-weight: 300;
	font-size: 20px;
	line-height: 150%;
	color: #b33c33;
	background: #f6f4fa;
}

#page {
	display: flex;
	flex-direction: column; /* Elemente untereinander anordnen */
	min-height: 100vh;     /* Body füllt volle Viewporthöhe */
	margin: 0;             /* Standard-Margin entfernen */
}

#primary {
	flex: 1;               /* Hauptbereich wächst, um Platz zu füllen */
}

#size {
	position: fixed;
	font-size: 10px;
	left: 4px;
	top: 2px;
	color: yellow;
	z-index: 1000;
	background: black;
	display: none;
}


/* apply a natural box layout model to all elements */
*, *:before, *:after {
  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}

a {
	text-decoration: none;
	color: #b33c33;
}

a:hover,
a:focus {
	text-decoration: none;
}

a:visited {
	color: #b33c33;
}

p {
	margin-top: 0;
	margin-bottom: 1em;
}

figure {
	margin: 0;
}

h1, h2, h3 {
	font-weight: 300;
	line-height: 1.2;
}


h1 {
	font-size: 36px;
	text-transform: uppercase;
	margin-top: 0;
	margin-bottom: 0.5em;
}

h2 {
	font-size: 26px;
	margin-top: 1em;
	margin-bottom: 0.5em;
}

h3 {
	font-size: 24px;
	font-weight: 400;
	line-height: 1.2em;
	margin-top: 1em;
	margin-bottom: 0.5em;
}

strong {
	font-weight: 600;
}

.scalepict {
	width: 100%;
	height: auto;
}

.container {
	width: 1200px;
	position: relative;
	margin: 0 auto;
	_background: rgba(55, 200, 100, 0.2);
} 


#primary {
	margin-top: 0;
	margin-bottom: 50px;
}


/* ///// HEADER ///// */

header#masthead {
	width: 100%;
	display: block;
}

header#masthead .container {
	position: relative;
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	column-gap: 20px;
	margin-top: 60px;
	margin-bottom: 60px;
}

#logo {
	display: inline-block;
	position: relative;
	line-height: 0;
	width: calc(100% - 160px);
}

#logo a {
	display: block;
	text-decoration: none;
	border: none;
	outline: none;
}

#logo a:hover, #logo a:focus {
	transform: none;
}

#logo img {
	display: inline-block;
}

/* Sprache */
#header-widget-area {
	margin-bottom: -5px;
}
.chw-widget {
	width: 62px;
}

.chw-widget ul {
	list-style: none;
	text-align: right;
	margin: 0;
	padding: 0;
}

.chw-widget li {
	list-style: none;
	display: inline-block;
	margin: 0;
	padding: 0;
}

.chw-widget li.lang-item-first:after {
	display: inline-block;
	content: "|";
	margin-left: 3px;
	margin-right: -4px;
}

.chw-widget li a,
.chw-widget li a:hover,
.chw-widget li a:visited {
	font-size: 17px;
	color: #b33c33;
}

.chw-widget li.current-lang a {
	font-weight: 700;
}

#headermenu {
	display: inline-block;
	position: relative;
	right: 0;
	margin: 0;
	padding: 0;
	text-align: right;
	position: relative;
	font-size: 16px;
	text-transform: uppercase;
	font-weight: 500;
	line-height: 1.5;
}

#headermenu li {
	display: inline-block;
	line-height: 1;
}

#headermenu li a,
#headermenu li a:visited {
	text-decoration: none;
	color: #093e4c;
	border: none;
	margin-left: 20px;
	transition: all .8s;
}


#headermenu li a:hover,
#headermenu li a.active {
	color: #0e7cad;
	text-decoration: none;
	transition: all .8s;
	outline: none;
}

#headermenu li:first-child a {
	margin-left: 0 !important;

}


/* ////// SLIDER ////// */

.wp-swiper {
	display: block;
	position: relative;
	margin-right: auto;
	margin-left: auto;
	max-width: 1200px;
	margin-bottom: 90px;
}



/* ////// CONTENT ////// */

.flex_kontakt,
.flex_ventura {
	display: block;
	background: none !important;
	margin-bottom: 80px;
}

.flex_kontakt > .wp-block-group__inner-container {
	display: flex;
	justify-content: space-b;
	align-items: center;
	gap: 60px;
	height: 600px;
}

.flex_kontakt_img {
	width: 50%;
	height: 100%;
	padding: 0;
}

.wp-block-cover, .wp-block-cover-image {
  min-height: 0;
}

.flex_kontakt_txt p:last-child {
	margin-bottom: 0;
}

.flex_ventura > .wp-block-group__inner-container {
	display: flex;
	align-items: center;
	gap: 60px;
	height: 640px;
}

.flex_ventura_img {
	width: 70%;
	height: 100%;
	padding: 0;
}

.flex_ventura_txt > .wp-block-group__inner-container  {
	width: 180px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.logo_ventura {
	width: 160px;
	margin-bottom: 20px;
}

p.link {
	margin-bottom: 0;
}

p.link a {
	white-space: nowrap;
	background: #b33c33;
	color: #f6fafa;
	font-size: 0.8em;
	padding: 5px 12px;
	border-radius: 8px;
}



/* ////// FOOTER ////// */

footer {
	background: #fff;
	display: flex;
	justify-content: space-between;
	align-items: center;
	align-content: center;
	color: #b33c33;
	padding: 40px 50px;
}

.footnote {
	font-size: 13px;
	margin-bottom: 0;
}

.social {
	display: block;
	position: relative;
}

.social a {
	display: inline-block;
	position: relative;
	margin-left: 8px;
}

.social a img {
	display: inline-block;
	position: relative;
	top: 3px;
	width: 26px;
	height: 26px;
}

#footermenu {
	padding: 0;
	margin: 0;
}

#footermenu li {
	font-size: 18px;
	font-weight: 400;
	display: inline-block;
	list-style: none;
	padding: 0 5px;
}

#footermenu li a,
#footermenu li a:hover,
#footermenu li a:visited {
	color: #b33c33;
}


body.page-datenschutz,
body.page-impressum {
	font-size: 0.85rem;
}

body.page-datenschutz #primary ul {
	padding-left: 20px;
	margin-left: 0;
}

body.page-datenschutz #primary ul li {
	margin-bottom: 6px;
}

body.page-datenschutz #primary a {
	text-decoration: underline;
}





/* #Media Queries
================================================== */

@media only screen and (max-width: 1320px) {
.container {
width: calc(100% - 120px);
}
#logo {
width: calc(100% - 130px);
}
.flex_kontakt > .wp-block-group__inner-container {
gap: 50px;
height: 45vw;
}
.flex_ventura > .wp-block-group__inner-container {
gap: 50px;
}
.flex_ventura > .wp-block-group__inner-container {
height: 560px;
}
footer {
padding: 40px 20px;
}


}



@media only screen and (max-width: 1024px) {
header#masthead .container {
margin-top: 50px;
margin-bottom: 50px;
}
#logo {
width: calc(100% - 110px);
}
.flex_ventura > .wp-block-group__inner-container {
height: 500px;
gap: 30px;
}
.logo_ventura {
width: 150px;
}


}



@media only screen and (max-width: 920px) {
html,
body {
font-size: 19px;
}
.container {
width: calc(100% - 100px);
}
header#masthead .container {
margin-top: 40px;
margin-bottom: 40px;
}
#logo {
width: calc(100% - 100px);
}
.wp-swiper {
margin-bottom: 75px;
}
.flex_kontakt,
.flex_ventura {
margin-bottom: 70px;
}
.flex_kontakt > .wp-block-group__inner-container {
gap: 30px;
height: 400px;
}
.flex_ventura > .wp-block-group__inner-container {
gap: 30px;
height: 400px;
}
.logo_ventura {
width: 140px;
}


}




@media only screen and (max-width: 760px) {
html,
body {
font-size: 18px;
}
.container {
width: calc(100% - 80px);
}
header#masthead .container {
margin-top: 30px;
margin-bottom: 30px;
}
#logo {
width: calc(100% - 90px);
}
.wp-swiper {
margin-bottom: 60px;
}
.flex_kontakt,
.flex_ventura {
margin-bottom: 60px;
}
.flex_kontakt > .wp-block-group__inner-container {
gap: 20px;
}
.flex_ventura > .wp-block-group__inner-container {
gap: 15px;
height: 350px;
}
.flex_ventura_txt > .wp-block-group__inner-container  {
width: 160px;
}
.logo_ventura {
width: 130px;
}

}


@media only screen and (max-width: 640px) {
html,
body {
font-size: 17px;
}
.container {
width: calc(100% - 60px);
}
.wp-swiper {
margin-bottom: 50px;
}
.flex_kontakt > .wp-block-group__inner-container {
height: 330px;
gap: 10px;
}
.flex_ventura > .wp-block-group__inner-container {
gap: 10px;
height: 330px;
}
.flex_ventura_txt > .wp-block-group__inner-container  {
width: 156px;
}
.logo_ventura {
width: 120px;
}
.footnote {
font-size: 12px;
}
.social a {
margin-left: 6px;
}
.social a img {
top: 2px;
width: 23px;
height: 23px;
}
#footermenu li {
font-size: 17px;
padding: 0 4px;
}

}



@media only screen and (max-width: 520px) {
html,
body {
font-size: 16px;
}
header#masthead .container {
margin-top: 25px;
margin-bottom: 25px;
}
header#masthead .container {
column-gap: 10px;
}
#logo {
width: calc(100% - 75px);
}
.chw-widget {
width: 55px;
}
.chw-widget li.lang-item-first:after {
margin-left: 1px;
margin-right: -5px;
}
.chw-widget li a {
font-size: 16px;
}
.flex_kontakt,
.flex_ventura {
margin-bottom: 40px;
}
.flex_kontakt > .wp-block-group__inner-container {
flex-wrap: wrap;
gap: 20px;
height: auto;
}
.flex_kontakt_img {
width: 100%;
height: 280px;
}
.flex_ventura > .wp-block-group__inner-container {
flex-wrap: wrap;
justify-content: center;
gap: 20px;
height: auto;
}
.flex_ventura_img {
width: 100%;
height: 320px;
}
.logo_ventura {
width: 110px;
margin-bottom: 10px;
}
footer {
flex-wrap: wrap;
justify-content: center;
padding: 25px 20px 20px;
}
#footermenu {
order: 1;
margin-bottom: 12px;
}
footer .footnote {
order: 2;
width: 50%;
text-align: left;
margin-top: 4px;
}
.social {
order: 3;
width: 50%;
text-align: right;
}
.social a img {
top: 4px;
width: 22px;
height: 22px;
}



}



@media only screen and (max-width: 420px) {
.container {
width: calc(100% - 40px);
}
header#masthead .container {
flex-wrap: wrap;
justify-content: flex-end;
margin-top: 5px;
margin-bottom: 20px;
}
#header-widget-area {
order: 1;
margin-top: 0px;
margin-bottom: 6px;
}
.chw-widget li a {
font-size: 15px;
}
#logo {
order: 2;
width: 100% ;
}
.flex_kontakt_img {
height: 240px;
}
.flex_ventura_img {
height: 260px;
}


}


@media only screen and (max-width: 360px) {
.container {
width: calc(100% - 20px);
}
.flex_kontakt_img {
height: 220px;
}
.flex_ventura_img {
height: 220px;
}
footer {
flex-wrap: wrap;
padding: 20px 10px;
}

	
}