/*
 Theme Name:   Stahr Master
 Theme URI:    https://generatepress.com
 Description:  Theme für "Johaenning Bau"
 Author:       Ralf Stahr
 Template:     generatepress
 Version:      1.0
*/

/*NOTE: Allgemeine Klassen ------------------------ */

@font-face { font-family: 'Roboto-Regular';
             src: url('/wp-content/fonts/Roboto/Roboto-Regular.ttf') format('truetype');
}
@font-face { font-family: 'Roboto-Medium';
             src: url('/wp-content/fonts/Roboto/Roboto-Medium.ttf') format('truetype');
}
@font-face { font-family: 'Roboto-Bold';
             src: url('/wp-content/fonts/Roboto/Roboto-Bold.ttf') format('truetype');
}



@font-face { font-family: 'InriaSans-Bold';
             src: url('/wp-content/fonts/Inria_Sans/InriaSans-Bold.ttf') format('truetype');
}

pre {
	background: #eee;
	font-family: Courier, monospace;
	font-size: 15px;
	font-size: 1.5rem;
	line-height: 1.6;
	margin-bottom: 1.6em;
	padding: 1.6em;
	overflow: auto;
	max-width: 100%;
}

code, kbd, tt, var {
	font: 15px Monaco, monospace;
}


body,
button,
input,
select,
textarea {
    font-family: "Roboto-Regular", sans-serif;
    font-weight: normal;
    text-transform: none;
    font-size: 16px;
}


body,
p {
  font-family: "Roboto-Regular", sans-serif;
  font-size: 16px;
  line-height: 21px;
}

a,
button,
input {
	transition:color 0.1s ease-in-out, background-color 0.1s ease-in-out;
}

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

.main-title {
	word-wrap: break-word;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
}

h1,
.pseudo-h1 p {
	font-family: "InriaSans-Bold", sans-serif;
	font-size: 35px;
	line-height: 2.0em;
	color: var(--blau);
	margin-bottom: 0px;
}

@media (max-width: 600px) {
	h1,
	.pseudo-h1 p {
		font-size: 28px;
		line-height: 1.6em;
		padding-bottom: 26px;
	}
}

h2,
h2.sow-headline {
	font-family: 'Roboto-Regular', sans-serif;
	font-size: 28px;
	margin-bottom: 20px;
	line-height: 0.5em !important;
	text-transform: uppercase;
	letter-spacing: 1px;
}

@media (max-width: 600px) {
	h2,
	h2.sow-headline {
		font-family: 'Roboto-Regular', sans-serif;
		font-size: 24px;
		margin-bottom: 20px;
		line-height: 0.5em !important;
	}
}

.legaltext h2 {
	font-family: 'Roboto-Medium', sans-serif;
	font-size: 24px;
	margin-bottom: 20px;
	margin-top: 46px;
	line-height: 0.3em !important;
	text-transform: uppercase;
	letter-spacing: 1px;
}

@media (max-width: 800px) {
	.legaltext h2 {
		font-family: 'Roboto-Medium', sans-serif;
		font-size: 24px;
		margin-bottom: 20px;
		margin-top: 46px;
		line-height: 1.0em !important;
		text-transform: uppercase;
		letter-spacing: 1px;
	}
}

h3,
h3.widget-title {
	font-family: 'Roboto-Regular', sans-serif;
	font-size: 20px;
	margin-bottom: 20px;
	line-height: 1.2em;
}

h4, h5, h6 {
	margin-bottom: 20px;
}

/*NOTE: Header --------- */
.site-header {
	box-shadow: 0px 4px 5px 1px rgba(0, 0, 0, 0.5);
}

.hero {
	margin-top: 8px;
	border-bottom: 1px solid var(--schwarz);
}

@media (max-width: 1206px) {
	.site-header .header-image {
		width: 300px;
	}
	img.header-image .is-logo-image {
	 	width: 300px;
	 }
	 .main-navigation {
		padding-top: 0px !important;
	}
}

@media (max-width: 1142px) {
	.site-header .header-image {
		width: 180px;
	}
	img.header-image .is-logo-image {
	 	width: 180px;
	 }
	 .main-navigation {
		padding-top: 0px !important;
	}
}


/*NOTE: Menue ---------- */
.menu-toggle {
	font-size: 24px;
}

.main-navigation {
	padding-top: 100px;
}

.is_stuck.main-navigation:not(.toggled) {
	padding-top: 0px;
	box-shadow: 0px 4px 5px 1px rgba(0, 0, 0, 0.5) !important;
}

.main-navigation .main-nav ul li:nth-last-child(1) a {
	padding-right: 0px !important;
}


/*NOTE: Content -------- */

.bilderstreifen img {
	margin-top: -60px;
	margin-bottom: 24px;
	border: 2px solid var(--weiss);
}

.bilderstreifen h3.widget-title,
.bilderstreifen h3.widget-title a {
	font-family: 'Roboto-Medium', sans-serif;
	font-size: 16px;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin-bottom: 40px;
	color: var(--weiss);
}

.flieder2sp p {
	font-family: 'Roboto-Regular', sans-serif;
	font-size: 20px;
	line-height: 2.0em;
	color: var(--schwarz);
}

div.rechtesp {
	margin-left: 50px;
}
div.rechtesp49 {
	margin-left: 49px;
}


div.dt-rechtsb {
	padding-right: 51px;
	border-right: 2px solid var(--weiss);
}
div.dt-linkesp {
	padding-right: 50px;
	border-right: 1px solid var(--schwarz);
}

.dt-rechtsb p,
.dt-linkesp p {
		margin-right: 50px !important;
	}


@media (max-width: 780px) {
	.dt-rechtsb {
		text-align: left;
	}
	.dt-rechtsb p,
	.dt-linkesp p {
		text-align: left;
		margin-bottom: 0px !important;
	}
	div.rechtesp,
	div.rechtesp49,
	div.dt-linkesp {
		margin-left: inherit;
	}
	div.dt-rechtsb,
	div.dt-linkesp {
		padding-right: inherit;
		border-right: none;
	}
}
@media (min-width: 781px) {
	.dt-rechtsb {
		text-align: right;
	}
}

.fettzentriert p {
	font-family: 'Roboto-Bold', sans-serif;
	font-size: 20px;
	line-height: 40px;
	text-align: center;
	color: var(--schwarz);
	letter-spacing: 1px;
}

/*NOTE: Listen --------- */
.widget ul li {
	list-style-type: disc;
	margin-left: 20px;
	padding-bottom: 0px;
}

/*NOTE: Accordeon ------ */

.sow-accordion {
	border-bottom: 1px solid #ffffff;
}

.sow-accordion-title {
	font-family: 'Roboto-Medium', sans-serif;
}

.sliderimg,
.sow-slider-base {
	border: 1px solid var(--schwarz);
}
/*NOTE: Kontakt -------- */

.kontaktzeile p {
	font-size: 24px;
	line-height: 36px;
}

@media (max-width: 560px) {
	.kontaktzeile p {
		font-size: 22px;
		line-height: 32px;
		margin-left: 10px;
	}
}

/*NOTE: Footer --------- */

.footer-widgets .widget-title {
	font-family: 'Roboto-Regular', sans-serif;
	font-size: 24px;
	margin-bottom: 18px;
	line-height: 1.2em !important;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: var(--weiss);
}


.footer-widget-1 {
	min-width: 30% !important;
	margin-right: 60px;
}

.footer-widget-2 {
	min-width: 10% !important;
}

.footer-widget-3 {
	min-width: 26% !important;
}

.footer-widget-4 {
	min-width: 10% !important;
	max-width: 210px !important;
}


.footer-ds,
.footer-im {
	text-transform: uppercase;
}

.footer-ds {
	padding-right: 88px;	
}

a.generate-back-to-top {
	border: 1px solid var(--flieder);
}

/*NOTE: Borlabs ----------- */
#BorlabsCookieBox ._brlbs-legal {
	font-size: 1.0em !important;
	}