/**
* Theme Name: 	Katalina
* Description:	Child Theme auf der Basis des Basis Themes
* Author:	Katrin Birke und Lina Glaser
* Template:	basis
* Version:	01.0
*/

@import url('../basis/style.css');
@import url('/wp-content/themes/basis/fonts/molengo.css');
@import url('/wp-content/themes/basis/fonts/open+sans.css');



/* *************** ELTERN-THEME ZURÜCKSETZEN ****************** */
/* Schatten um den Hauptcontainer entfernen */
body .site {
    box-shadow: none;
}
/* vertikale Striche entfernen */
.main-navigation ul.nav-menu, .main-navigation div.nav-menu > ul, .site-content article, footer[role="contentinfo"] {
    border-bottom: none;
    border-top: none;
}
/* im Inhaltsbereich volle Breite zulassen */
#primary, #content {
	width: 100%;
	display: flex;
	justify-content: center;
	flex-direction: column;
}
.caps {
	font-size: 100% !important;
}
.amp {
  font-family: inherit !important;
  font-weight: inherit !important;
  font-style: inherit !important;
  font-size: inherit !important;
  line-height: inherit !important;
}

/* *************** GRUNDLEGENDES ****************** */
body .site {
    margin-top: 0;
	margin: 0;
	padding: 0;
    background-color: #f9eddf;
	color: #3f3f3e;
}
a, #inhalte-der-fusszeile a, a:hover, a:active, a:focus {
	text-decoration: none;
	outline: 0;
}
a, a:active, a:focus {
	color: #d11530;
}
a:hover, #inhalte-der-fusszeile a:hover  {
	color: #eb763c;
}
.text-unter-den-bildern a:hover  {
	color: #3f3f3e;
}
ol, ul {
	list-style-type: disc;
	font-family: 'Open Sans', sans-serif;
	font-size: 18px;
	line-height: 1.45;
	margin-left: 18px;
	margin-bottom: 18px;
}
.gesamtbreite-der-seiten {
	max-width: 1900px;
}
.gesamtbreite-der-inhalte {
	width: 1220px;
}
.inhalt-zentrieren {
	display: flex;
	justify-content: center;
}
.selbst-zentrieren {
	display: flex;
	align-self: center;
}
.elemente-untereinander {
	display: flex;
	flex-direction: column;
}
.elemente-nebeneinander {
	display: flex;
	flex-direction: row;
}
.elemente-unten-anordnen {
	display: flex;
	justify-content: flex-end;
}
.breite-eines-ein-drittel-elementes {
	width: 30%;
}
.breite-eines-zwei-drittel-elementes {
	width: 65%;
}
.ein-drittel-element-links {
	margin-right: 5%;
}
.ein-drittel-element-mitte {
	margin-right: 5%;
}
.ein-drittel-element-rechts {
	
}
.zwei-drittel-element-rechts {

}
.bildcontainer {
	line-height: 0;
}
.bildcontainer:hover {
	box-shadow: 6px 6px 24px #5e5e5d;
	transform: scale(1.03);
}
.bildcontainer p {
	display: none;
}
.bildcontainer a {
	color: #3f3f3e;
}
.bildbreite-an-den-container-angepasst {
	width: 100%;
}
.schatten {
	box-shadow: 3px 3px 12px #5e5e5d;
}
.abgerundet {
	border-radius: 6px;	
	overflow: hidden;
}
#page .amp {
	font-family: 'Molengo', sans-serif;
}

/* *************** KOPFBEREICH ****************** */
.hoehe-des-kopfbereiches {
	height: 452px;
}
.versatz-der-inhalte-im-kopfbereich {
	margin-top: 101px;
}
.site-header {
	background: url(/wp-content/uploads/2018/11/trautmann-lehmbau-staufen.jpg);
	padding: 0;
}
.kopfbereich-inhalte {
	display: flex;
	justify-content: space-between;
}
.kopfbereich-slider-oder-bild {
	width: 60%;
	max-width: 896px;
	margin-right: 7%;
	background-color: #ffffff;
	background-size: cover !important;
}
.kopfbereich-titel {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	width: 33%;
}
.logo {
	margin-bottom: 28px;
}
.kopfbereich-kontaktdaten {
	color: #5e5e5d;
	font-size: 20px;
	line-height: 1.25;
	text-transform: uppercase;
}
.kopfbereich-abstand {
	margin-top: 15px;
}

/* *************** ARTIKEL-BEREICH ****************** */
.einzelner-artikel-titel {
	text-transform: uppercase;
	font-family: 'Molengo', sans-serif;
	font-size: 30px;
	display: flex;
	flex-direction: column-reverse;
}
.text-hinter-dem-titel {
	font-family: 'Molengo', sans-serif;
	font-size: 20px;
	display: flex;
	flex-direction: column-reverse;
	margin-bottom: 3px;
}
.fliesstext p {
	font-family: 'Open Sans', sans-serif;
	font-size: 18px;
	line-height: 1.45;
	margin-bottom: 18px;
	hyphens: auto;
}
.eingerueckt {
	margin-left: 112px;
}
.text-unter-den-bildern {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	background: #eb763c;
	height: 50px;
	font-family: 'Open Sans', sans-serif;
	font-size: 22px;
	text-transform: uppercase;
}
.anfrage-aussen {
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
	align-items: center;
	margin-top: 65px;
}
.anfrage-aussen a {
	color: #3f3f3e;
}
.anfrage-aussen p {
	margin: 0;
}
.anfrage-aussen a:hover {
	color: #8d3f3f;
}
.anfrage-innen {
	text-transform: uppercase;
	background: #eb763c;
	font-size: 22px;
	padding: 15px;
}
.anfrage-innen:hover, #fscf_submit1:hover {
	box-shadow: 6px 6px 24px #5e5e5d;
	transform: scale(1.03);
}
hr {
    background-color: #5e5e5d;
    border: 0;
    height: 1px;
    margin: 0px;
	margin-top: 15px;
    margin-bottom: 30px;
}
.ausblenden {
	font-size: 32px;
}

/* *************** FUSS-BEREICH ****************** */
.fussbereich {
	background: url(/wp-content/uploads/2018/11/trautmann-lehmbau-staufen-kontakt.jpg);
	padding: 0;
	margin-top: 130px;
	height: 400px;
	font-family: 'Open Sans', sans-serif;
	font-size: 18px;
	line-height: 1.28;
}
#inhalte-der-fusszeile {
	background-color:rgba(249, 237, 223, 0.5);
	border: 40px solid transparent;
	margin: -40px;
}
#inhalte-der-fusszeile a {
	color: #3f3f3e;
		padding-bottom: 0;
}
.hoehe-des-inneren-fussbereiches {
	height: auto;
}
.strich-an-der-rechten-seite {
	border-right: 2px solid #5e5e5d;
}

/* *************** RESPONSIVES MENÜ ****************** */
.shiftnav, .shiftnav-inner {
    height: auto !important;
}
.shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu li.menu-item > .shiftnav-target {
    text-shadow: none !important;
}
.shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu > li.menu-item > .shiftnav-target {
    background: #5e5e5d !important;
    border-bottom-color: #3f3f3e !important;
    border-top-color: #3f3f3e !important;
    color: #f9eddf !important;
}
.shiftnav.shiftnav-nojs.shiftnav-skin-standard-dark ul.shiftnav-menu li.menu-item > .shiftnav-target:hover, .shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu li.menu-item.shiftnav-active > .shiftnav-target, .shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu li.menu-item.shiftnav-in-transition > .shiftnav-target, .shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu li.menu-item.current-menu-item > .shiftnav-target, .shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu > li.shiftnav-sub-accordion.current-menu-ancestor > .shiftnav-target, .shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu > li.shiftnav-sub-shift.current-menu-ancestor > .shiftnav-target, .shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu.shiftnav-active-highlight li.menu-item > .shiftnav-target:active, .shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu.shiftnav-active-on-hover li.menu-item > .shiftnav-target:hover {
    color: #f9eddf !important;
    background: #9b9b99 !important;
    border-top-color: #e2855c !important;
    border-bottom-color:  #e2855c !important;
}
.shiftnav .amp {
	font-family: 'Molengo', sans-serif;
}
/* *********************** COOKIE-Hinweis ****************************** */
#cookieChoiceInfo {
    font-size: 18px;
	font-family: 'Open Sans', sans-serif;
	line-height: 1.4;
	background-color: #dddddd !important;
	padding-top: 10px !important;
	padding-bottom: 10px !important;
}
#cookieChoiceInfo span {
	color: #3f3f3e !important;
}
#cookieChoiceInfo a {
    white-space:nowrap;
	color: #eb763c;
}

/** ####################### Kontaktformular #################################### */
#FSContact1 {
	margin-top: 30px;
	width: 101% !important;
	max-width: 100% !important;
}
#fscf_form1 {
	max-width: 100%;
}
#fscf_required1 {
	display: none;
}
#fscf_div_field1_0, #fscf_div_field1_1, #fscf_div_field1_4, #fscf_div_field1_3, #fscf_div_field1_5 {
	max-width: 100% !important;
}
#fscf_name1, #fscf_email1, #fscf_field1_4, #fscf_field1_3, #fscf_captcha_code1 {
	max-width: 100% !important;
	font-size: 18px;
	font-family: 'Open Sans', sans-serif;
	color: #3f3f3e;
	padding: 10px;
}
#fscf_name1, #fscf_email1, #fscf_field1_4, #fscf_field1_3, #fscf_submit1, #fscf_captcha_image1, #fscf_captcha_code1 {
	border-radius: 6px;
	box-shadow: 3px 3px 12px #5e5e5d;
}
#fscf_label1_4, #fscf_div_field1_1, #fscf_div_field1_3, #fscf_div_field1_0 {
	margin-top: 25px;
	font-size: 18px;
	font-family: 'Open Sans', sans-serif;
	color: #3f3f3e;
}
#fscf_captcha_field1 {
	font-size: 18px;
	font-family: 'Open Sans', sans-serif;
	color: #3f3f3e;
}
#fscf_div_field1_5::after {
	content: "* Pflichtfelder";
	float: right;
	margin-right: -10px;
	margin-top: 12px;
	font-size: 12px;
}
.pflichtfeld {
	float: right;
	margin-right: -10px;
}
#fscf_captcha_image_div1 {
	float:left;
}
#fscf_captcha_refresh1 {
	display: none;
}
#fscf_captcha_image1 {
	padding: 0 !important;
	margin-top: 6px !important;
}
#fscf_submit_div1 {
	clear: none !important;
	padding-top: 0 !important;
	float: right;
	margin-top: -4px;
}
#fscf_submit1 {
    text-transform: uppercase;
    background: #eb763c;
    font-size: 20px;
    padding: 12px 28px;
	border: 0;
	color: #3f3f3e;
}
input, #fscf_field1_3 {
	margin-top: 8px !important;
}
#fscf_captcha_image_div1 {
	margin-top: 12px !important;
}
#fscf_captcha_code1 {
	margin-top: 11px !important;
	width: 162px !important;
	float: left;
}
#fscf_div_field1_5 {
	hyphens: auto !important;
	padding-left: 4px;
	line-height: 1.5;
	font-size: 13px;
	margin-top: 30px;
	margin-bottom: 30px;
}

/** ####################### responsive Design #################################### */
@media (max-width: 1320px) {
	.gesamtbreite-der-inhalte {
	    width: 1128px;
	}
	.hoehe-des-kopfbereiches {
    	height: 362px;
	}
	.kopfbereich-slider-oder-bild {
    	width: 52%;
    	margin-right: 3%;
	}
	.kopfbereich-titel {
    	display: flex;
    	width: 42%;
	}
	.kopfbereich-kontaktdaten {
		font-size: 20px !important;
	}
	#inhalte-der-fusszeile .ein-drittel-element-links,
	#inhalte-der-fusszeile .ein-drittel-element-mitte {
		margin-right: 3%;
		width: 38%;
	}
	#inhalte-der-fusszeile .ein-drittel-element-rechts {
		width: 24%;
	}
	
}
@media (max-width: 1230px) {
	.gesamtbreite-der-inhalte {
	    width: 1000px;
	}
	.versatz-der-inhalte-im-kopfbereich {
    	margin-top: 66px;
	}
	.hoehe-des-kopfbereiches {
    	height: 354px;
	}
	.kopfbereich-slider-oder-bild {
    	width: 50%;
    	margin-right: 0;
		height: 309px;
	}
	.kopfbereich-titel {
    	display: flex;
    	width: 42%;
	}
	.text-unter-den-bildern {
	    font-size: 18px;
	}
	.ein-drittel-element-links img {
		width: 100%;
	}
	.fuss-logo {
		width: 260px !important;
	}
}
@media (max-width: 1120px) {
	.gesamtbreite-der-inhalte {
	    width: 900px;
	}
	.versatz-der-inhalte-im-kopfbereich {
    	margin-top: 76px;
	}
	.hoehe-des-kopfbereiches {
    	height: 314px;
	}
	.kopfbereich-slider-oder-bild {
    	width: 50%;
    	margin-right: 0;
		height: 278px;
	}
	.kopfbereich-kontaktdaten {
		font-size: 17px !important;
	}
}
@media (max-width: 980px) {
	.gesamtbreite-der-inhalte {
	    width: 790px;
	}
	.hoehe-des-kopfbereiches {
    	height: 303px;
	}
	.kopfbereich-slider-oder-bild {
		margin-top: 16px;
		height: 243px;
	}
	.kopfbereich-titel {
    	width: 44%;
	}
	.logo {
		transform: scale(0.9);
		margin-left: -20px;
		margin-bottom: 13px;
	}
	.eingerueckt {
		margin-left: 0;
	}
	.text-unter-den-bildern {
	    font-size: 17px;
	}
	.bildcontainer {
		height: 79%;
	}
	.umschalten-2 {
		flex-direction: column;
	}
	.ausblenden {
		display: none;
	}
	.text-hinter-dem-titel {
        margin-top: 10px;
	}
	.fuss-logo {
		width: 242px !important;
	}
	#inhalte-der-fusszeile p, #inhalte-der-fusszeile a  {
		font-size: 88%;
	}
}
@media (max-width: 880px) {
	.gesamtbreite-der-inhalte {
	    width: 700px;
	}
	.hoehe-des-kopfbereiches {
    	height: 276px;
	}
	.kopfbereich-slider-oder-bild {
		height: 259px;
		width: 60%;
	}
	.kopfbereich-titel {
    	width: 36%;
	}
	.logo {
		transform: scale(0.75);
		margin-bottom: 0;
	}
	.kopfbereich-kontaktdaten p {
    	display: none;
	}
	.umschalten {
		flex-direction: column;
	}
	.umschalten .breite-eines-ein-drittel-elementes {
    	width: 366px;
		margin-right: 0;
		margin-bottom: 40px;
	}
	.umschalten .ein-drittel-element-rechts {
		margin-bottom: 0;
	}
	.bildcontainer {
		height: auto;
	}
	.text-unter-den-bildern {
	    font-size: 22px;
	}
	.mit-hintergrund {
		background-image: url(/wp-content/uploads/2018/12/trautmann-lehmbau-staufen-leistungen-880.jpg) !important;
	}
	.breite-eines-zwei-drittel-elementes {
    	width: 100%;
	}
	#inhalte-der-fusszeile .ein-drittel-element-links,
	#inhalte-der-fusszeile .ein-drittel-element-mitte {
		width: 42%;
	}
	#inhalte-der-fusszeile .ein-drittel-element-rechts {
		width: 16%;
	}
}
@media (max-width: 760px) {
	.gesamtbreite-der-inhalte {
	    width: 590px;
		margin-left: -42px;
	}
	.hoehe-des-kopfbereiches {
    	height: 250px;
	}
	.kopfbereich-slider-oder-bild {
		height: 244px;
		width: 67%;
	}
	.kopfbereich-titel {
    	width: 28%;
	}
	.logo {
		transform: scale(0.65);
	}
	.fussbereich {
		display: flex;
		background-size: cover;
		margin-top: 64px;
		height: auto;
		background: url(/wp-content/uploads/2018/12/trautmann-lehmbau-staufen-kontakt-klein.jpg);
	}
	.fussbereich .gesamtbreite-der-inhalte {
		margin-left: 0 !important;
		width: 90% !important;
	}
	#inhalte-der-fusszeile {
		flex-direction: column;
		border: 0;
		margin: 25px 0;
		padding: 35px 20px;
	}
	.element-fussbereich-mit-innerem-abstand {
		border-right: 0;
		width: 100% !important;
	}
	#inhalte-der-fusszeile .ein-drittel-element-links,
	#inhalte-der-fusszeile .ein-drittel-element-mitte {
		border-right: 0;
		margin-bottom: 36px;
		margin-right: 0;
		padding-bottom: 20px;
		border-bottom: 2px solid #5e5e5d;
	}
	.fuss-logo {
		width: auto;
		margin-top: 0;
	}
	#inhalte-der-fusszeile p, #inhalte-der-fusszeile a  {
		font-size: 100%;
	}
	#FSContact1 {
    	width: 90% !important;
    	max-width: 90% !important;
	}
	#fscf_submit_div1 {
    	float: left;
    	margin-top: 34px !important;
	}
}
@media (max-width: 690px) {
	.gesamtbreite-der-inhalte {
	    width: 506px;
		margin-left: -64px;
	}
	.hoehe-des-kopfbereiches {
    	height: 220px;
	}
	.kopfbereich-slider-oder-bild {
		height: 228px;
		width: 73%;
	}
	.kopfbereich-titel {
    	width: 23%;
	}
	.logo {
		transform: scale(0.55);
	}
	.gesamtbreite-der-inhalte .fliesstext {
		width: 112%;
	}
}
@media (max-width: 620px) {
	.gesamtbreite-der-inhalte {
	    width: 430px;
	}
	.hoehe-des-kopfbereiches {
		height: 206px;
	}
	.versatz-der-inhalte-im-kopfbereich {
    	margin-top: 54px;
	}
	.kopfbereich-slider-oder-bild {
		height: 194px;
		margin-top: 26px;
	}
	#fscf_submit_div1 {
    	clear: both !important;
	}
	#fscf_captcha_field1 {
		padding-top: 106px !important;
	}
	#cookieChoiceInfo {
    	font-size: 18px !important;
	}
}
@media (max-width: 600px) {
	.fussbereich {
		min-height: 690px !important;
	}
}
@media (max-width: 570px) {
	.gesamtbreite-der-inhalte {
	    width: 374px;
	}
	.kopfbereich-inhalte {
		flex-direction: column-reverse;
		margin-left: -54px;
	}
	.hoehe-des-kopfbereiches {
		height: 368px;
	}
	.versatz-der-inhalte-im-kopfbereich {
    	margin-top: 60px;
	}
	.kopfbereich-slider-oder-bild {
		margin-top: 22px;
		margin-left: -16px;
		height: 254px !important;
		width: 110%;
	}
	.kopfbereich-titel {
    	width: 100%;
	}
	.logo {
		transform: scale(1.0);
	}
	.fussbereich {
		min-height: 690px !important;
	}
}
@media (max-width: 500px) {
	.gesamtbreite-der-inhalte {
	    width: 288px;
	}
	.hoehe-des-kopfbereiches {
		height: 342px;
	}
	.kopfbereich-slider-oder-bild {
		width: 128%;
		height: 227px !important;
	}
	.kopfbereich-titel {
    	width: 100%;
	}
	.gesamtbreite-der-inhalte .fliesstext, .elemente-nebeneinander {
		width: 122%;
	}
	#cookieChoiceInfo {
    	font-size: 16px !important;
	}
}
@media (max-width: 400px) {
	.gesamtbreite-der-inhalte {
	    width: 218px;
	}
	.hoehe-des-kopfbereiches {
		height: 286px;
	}
	.kopfbereich-slider-oder-bild {
		width: 128%;
	}
	.kopfbereich-titel {
    	width: 100%;
	}
	.logo {
		transform: scale(0.8);
		margin-left: -43px;
	}
	.gesamtbreite-der-inhalte .fliesstext, .elemente-nebeneinander {
		width: 136%;
	}
	.umschalten .breite-eines-ein-drittel-elementes {
    	width: 256px;
	}
	.umschalten-2 .einzelner-artikel-titel p {
		font-size: 24px;
	}
	.text-unter-den-bildern {
	    font-size: 18px;
	}
	.fussbereich .gesamtbreite-der-inhalte {
		margin-left: 0 !important;
		width: 86% !important;
		font-size: 94%;
	}
	.fuss-logo {
		transform: scale(0.8);
		margin-left: -28px;
	}
}
@media (max-width: 360px) {
	.fussbereich .gesamtbreite-der-inhalte {
		width: 92% !important;
		font-size: 92%;
		margin-left: -5px !important;
	}
}
@media (max-width: 340px) {
	.gesamtbreite-der-inhalte {
	    width: 200px;
	}
	.hoehe-des-kopfbereiches {
		height: 272px;
	}
	.kopfbereich-slider-oder-bild {
		width: 128%;
	}
	.kopfbereich-titel {
    	width: 100%;
	}
	.logo {
		transform: scale(0.8);
		margin-left: -43px;
	}
}
@media (max-width: 330px) {
	.fussbereich .gesamtbreite-der-inhalte {
		width: 92% !important;
		font-size: 92%;
		margin-left: -5px !important;
	}
}