/* alw.css */

@font-face {
  font-family: ALW_Handwritten;
  src: url(fonts/NotoSerif-Italic.ttf);
}

.handwritten {
	font-family: 'ALW_Handwritten', Times, serif;
}

.portfolio-page-header {
	background-position: center center;
	background-size:cover;
}



@media only screen and (max-width: 780px) {
   .hide-for-small { display:none; }
}

@media only screen and (max-width: 1200px) {
   .hide-for-medium { display:none; }
}


body,
div, p {
	font-family: Arial, sans-serif;
	font-size:16px;
}


.main { background:#fff; }

.navbar-custom {
    background-color: #a81024;
}

/* navbar in start mode */
.navbar-transparent {
	padding-bottom:0px;
	/* background:none; */
}

.navbar-transparent .logo {
	margin-top:-10px;
}

.navbar-toggle {
	/*background:#999b84;*/
	background-color: #921024;
	margin:1.7em 0em 0 0;
}

.navbar .container {
	padding-right:50px;
}

.btn { padding:0.5em 1em; margin:0.3em 0.3em; }
.hero-slider a.btn { color:#fff; font-size:1.8em; }

.hero-slider .inner h1 { letter-spacing:0; font-size:3.8em; line-height:0.9em;  }
.hero-slider .inner h3 { letter-spacing:2px; font-size:4em; line-height:0.9em; text-transform:none; font-weight:normal; }
.hero-slider .inner h4 { letter-spacing:0; font-size:1em; line-height:0.9em; }
.hero-slider .inner p  { letter-spacing:0; font-size:1.1em; line-height:1.1em; font-weight:bold; }

@media only screen and (max-width: 480px) {
   
   .hero-slider .inner { margin:0 10px; }
   .hero-slider .claim-2 .inner h1 { font-size:2.8em; }
   .hero-slider .claim-2 .inner h3 { font-size:1.5em; }

   .hero-slider .claim-3 .inner h1 { font-size:2.1em; }
   .hero-slider .claim-3 .inner h3 { font-size:1.2em; }
}



.team-item {
    margin: 0 0 2em 0;
}

.navbar-custom { text-transform:none; }
.navbar-custom .navbar-brand {  letter-spacing:0px; font-size:40px; }
.navbar-header .navbar-toggle .navbar-brand img.logo { }


@media only screen and (max-width: 480px) {
   .navbar-custom .navbar-brand { margin:0.3em 0 0 1em; font-size:35px; }
}

button#cfsubmit { max-width:300px; }

.hero-slider img.logo,
img.introtext.logo  { width:600px; max-width:85%; }
img.introtext.logo {  margin:30px 0 0 0; }

.map-section {
	max-height:50vh;
}

section.module.nomargin { margin:0; padding:0; }

#contact {
	padding-top:10px;
}


#contact .address h3 { font-size:1.5em; line-height: 1.35em; }
#contact .address { font-size:1.35em; }
#contact .address table tr td,
.bigfooter .contact table tr td { padding:0.3em 0.5em;  }
#contact .address table tr td { border:1px solid #ddd; }
.bigfooter .contact table tr td { border:1px solid #333; }

table.oeffnungszeiten { table-layout:fixed; width:100%; white-space:nowrap; }
table.oeffnungszeiten tr td.wordwrap { white-space:normal; }

#contact .address table.oeffnungszeiten.normal {}
#contact .address table.oeffnungszeiten.notfallkv {}

.bigfooter .contact table.oeffnungszeiten.normal  {}
.bigfooter .contact table.oeffnungszeiten.notfallkv {}

table.oeffnungszeiten td { text-align:center; }
table.oeffnungszeiten .tdweekday { width:20%; }
table.oeffnungszeiten .tdtime { width:40%; }
table.oeffnungszeiten .tdnotice { text-align:left; }
table.oeffnungszeiten .tdabsent {}

#contact .address table.oeffnungszeiten .em { background:#efefef; }

p.intro { text-transform:none; color:#666; font-size:19px; line-height:28px;}
p.intro.headline { font-weight:600; font-size:24px; }
h2.intro.name { color:#CC909A; font-size:1.8em; margin:0 0 0.2em 0; line-height:1em; }
h4.intro.subtitle { text-align:center; font-size:1em; margin:0 0 3em 0; }
.wrap.intro.portrait,
.wrap.intro.emo { width:100%; text-align:center; }
.wrap.intro.portrait img { width:30%; max-width:400px; margin:0 0 3em 0;}
.wrap.intro.emo img { width:60%; max-width:400px; margin:2em 0 0 0; }

.claim-1,
.claim-2 { font-size:1.8em; line-height: 1.2em; letter-spacing:0.05em; margin:0 0.5em;  }
.claim-1 .inner,
.claim-2 .inner { max-width:960px; margin:0 auto; text-align:center; }

.bigfooter { font-size:1.4em; }

.navbar-custom {
	font-size: 18px;
	line-height:18px;
}

.module-subtitle,
.features-title, 
.alt-features-title { font-size:18px; line-height:22px; }
h4.intro.subtitle,
.module-subtitle { color:#b26d78; }

#quote .wrap div { text-align:center; }
#quote .qtext { font-size:36px; margin-top:60px; }


@media only screen and (max-width: 767px) {
	
	table.oeffnungszeiten td { font-size:0.8em; }
	
	.navbar-transparent .logo {
		margin-top:0px;
	}
}

@media only screen and (max-width: 480px) {
	
	#contactForm {
		margin-bottom:4em;
	}
	
	img.logo { width:180px; }
	
	.navbar-custom {
		font-size: 24px;
		line-height:24px;
	}

	.hero-slider a.btn.terminvereinbaren { width:80%; font-size:1em; white-space:normal; }
	/*
	.hero-slider ul.slides li.hetero,
	.hero-slider ul.slides li.homo,
	.hero-slider ul.slides li.eizellspende { background-position:0px 0px; } */
	.hero-slider .slides li { background-position: center right; }

}

.hinweis.abwesenheit { padding:1em; border:1px solid #999; }
section.hinweis { margin:1em 0; text-align:center; }
section.hinweis .hinweis.abwesenheit { font-size:1.2em; }
.footer .hinweis.abwesenheit { margin:1em 0; }
section#contact .hinweis.abwesenheit { margin:1em; font-size:1.5em; line-height:1.2em;  }

.wrap.ouroffer table tr td { border:1px solid #999; padding:10px; vertical-align:top; }

.motivation-1 { font-size:2em; color:#a81024; text-align:center; margin:1em 0 0; }
.motivation-2 { color:#be1c1b; }

.module, .module-small {  padding: 60px 0; }
.paddingtoheader { height:77px; }
@media only screen and (max-width: 480px)  {
	.paddingtoheader { height:40px; }
}
.module.intro#hetero {}
.module.intro#homo {}
.module.intro#eizellspende {}

.module.intro .intropic 				{ width:100%; text-align:center;}
.module.intro#hetero .intropic 			{ background:#ffffff url('../img/start-hero-slider/kiwu-care-hetero.jpg') no-repeat right top; background-size:cover; }
.module.intro#homo .intropic 			{ background:#ffffff url('../img/start-hero-slider/kiwu-care-homo.jpg') no-repeat right top; background-size:cover; }
.module.intro#eizellspende .intropic 	{ background:#ffffff url('../img/start-hero-slider/kiwu-care-eizellspende.jpg') no-repeat right top; background-size:cover; }

.wrap.bookappointment div { background:#efd9d1; margin-top:1em; padding:1em; }
.wrap.bookappointment div * { color:#000; }
.wrap.bookappointment div * a { color:#999b84; text-decoration:underline; }


.footer .copyright {
	font-size:12px;
}

.footer .copyright .handwritten {
	font-size:14px;
}

@media only screen and (max-width: 480px)  {
	h1, h2, h3, h4, h5, h6 {
		line-height: 1; 
	}
}

.module.intro h1, 
.module.intro h2,
.module.intro p {   }

.module.intro h1.module-title,
.module.intro h2.module-title,
.module.intro p.module-title { margin:0; line-height:1em; }

.module.intro h1.module-title { font-size:4em; }
.module.intro h2.module-title { margin: 0 0 1em 0;  }
.module.intro p.module-title { font-size:1.2em; letter-spacing:0; margin:1em 0; line-height:1.2em; }
.module.intro h1.module-title.neugeraete { text-align:left; margin:0 0 0.5em 0; }

@media only screen and (max-width: 480px)  {
	
	.module.intro h1.module-title { font-size:3em }
}


/* ALW 2021-04-13 EL  */

@media only screen and (max-width: 480px)  {
	.hero-slider .slides li.motorsaege { background-size:300%; background-position:40% 40%; }
	.hero-slider .slides li.alfred_dominik { background-position:60% 0; }
	.hero-slider .slides li.werkstatt { background-position:50% 0; }
	
	.caption-content {
		vertical-align: bottom;
		padding-bottom:5em;
	}
	
}



table.debug { border-collapse:collapse; }
table.debug tr th, 
table.debug tr td { border:1px solid #000; padding:5px; }

ul.nav img.ic {
	width:2em; height:2em;
}


.hersteller {
	margin:0 0 2em 0;
	padding:0 0 1em 0;
	border-bottom:1px dashed #999;
}


.hersteller.small{
	border-bottom:none; 
}

.hersteller .logo_wrap {
	width:80%;
	height:100px;
	background:red;
}

.hersteller .logo {
	max-width:80%;
	max-height:100px;
}

.herstellerliste h2 .cat_title { background:#a81024; color:#fff; padding:0 0.4em; }
section.bestellung { background:#cec8c9; }
section.bestellung .content-box-title { color:#a81024; }
section.bestellung a { color:#333; text-decoration:underline; }
.btn-red { color:#fff; background-color:#a81024; border-color:#a81024; }
.btn-grey-light { color:#666; background-color:#efefef; border-color:#999; }

@media only screen and (min-width: 480px)  {
	.rightdashedmargin { border-right:1px dashed #000; margin-right:1em; padding-right:1em; }
	
}



section.titleheader.verkauf .icon { text-align:center; }
section.titleheader.verkauf h1 { font-size:60px; }
section.titleheader.verkauf h5 { font-size:30px; }


ul.prod_cat li {
}

ul.prod_cat li.active {
	color:#a81024;
}

ul.prod_cat li.active a {
	font-weight:bold;
	color:#a81024;
	font-size:1.1em;
}

table.geraeteverleih {}
table.geraeteverleih tr td { border:1px solid #999; padding:0.5em 1em; }
table.geraeteverleih tr td.num {  }
table.geraeteverleih tr td.name { font-weight:bold; }
table.geraeteverleih tr td.descr1 {  }
table.geraeteverleih tr td.descr2 {  }


a.prod_cat_item {}
a.prod_cat_item div.wrap { display:inline-block; float:left; margin-right:2%; margin-bottom:2%; border:1px solid #999; width:25%;}
a.prod_cat_item div.wrap div.short, 
a.prod_cat_item div.wrap div.title { width:100%; margin-top:10px; text-align:center;}
a.prod_cat_item div.wrap div.short { margin-top:20px; font-size:80px; line-height:60px; }
a.prod_cat_item div.wrap div.title {}

@media only screen and (max-width: 480px)  {
	a.prod_cat_item div.wrap { width:48%; }
}

.sidebar .widget.em {
	padding:1em; background:#d1f7cf;
}

/* Abverauf Sale */ 

.saleproduct.wrap { border-top:1px solid #999; }
.saleproduct.wrap .label {font: 400 14px/1.2 "Open Sans", sans-serif; color:#666; text-align:right; padding-top:8px;}
.saleproduct.wrap .value {}
.saleproduct.wrap .value.prodname { font-size:2.5em; line-height:1em; margin:0.4em 0; font-weight:bold; }

.saleproduct.wrap .label.angebotspreis,
.saleproduct.wrap .value.angebotspreis { color:#a81024; font-weight:bold; }
.saleproduct.wrap .value.angebotspreis { font-size:1.8em; line-height:1em; padding-bottom:0.7em;}
.saleproduct.wrap .label.angebotspreis { text-align:left;}
.saleproduct.wrap img.produktbild {  }
.saleproduct.wrap .subinfo { font-size:0.8em; text-align: right;}
.saleproduct.wrap .angebotcode { padding-top:10px; }

img.herstellerlogo { max-height:4em; }

@media only screen and (min-width: 992px)  {
	.saleproduct.wrap .value.angebotspreis { display:block; clear:both; width:100%;}
}

section.portfolio-page-header.mueckenschutz {}
section.mueckenschutz.produkteigenschaften { background-color:#a81024; }
section.module.intro.mueckenschutz {}

section.mueckenschutz.produkteigenschaften { padding:2em 0; }
section.mueckenschutz.produkteigenschaften .row.eigenschaft { margin:0 0 0.5em 0; }
section.mueckenschutz.produkteigenschaften .icon img { width:2em; }
section.mueckenschutz.produkteigenschaften .text p { color:#ffffff; font-weight:bold; font-size:1.3em; line-height:1.5em; }

.mueckenschutz .seal img { max-width:200px; float:right; margin:0 0 2em 0; }
@media only screen and (max-width: 1200px) {
   .mueckenschutz .seal img { margin:1em; }
}
.mueckenschutz .hrgreenfat { border-top:4px solid #48aa56; margin-top:2em; padding-top:2em; margin-bottom:2em; }
.mueckenschutz .produkt .bild { text-align:right; }
@media only screen and (max-width: 992px) {
   .mueckenschutz .produkt .bild { text-align:left; }
}
.mueckenschutz .produkt .text .einheit {}
.mueckenschutz .produkt .text .preis {}
.mueckenschutz .produkt .color { width:2em; height:2em; display:inline-block; margin:0 0.1em 0 0; }
.mueckenschutz .produkt .color.orange { background-color:#f56437; }
.mueckenschutz .produkt .color.green { background-color:#798c70; }

.intro.mueckenschutz .green.exclamation { font-weight:bold; color:#48aa56; font-size:2em; line-height:1.3em; margin:0 0 3em 0; }

.intro.mueckenschutz .icon { text-align:right; }
.intro.mueckenschutz .icon img { width:2em; }
.intro.mueckenschutz .text p { font-size:1.3em; font-weight:bold; }

.intro.mueckenschutz .produkt .bild { padding:2em; }
.intro.mueckenschutz .produkt .bild img { max-width:250px; max-height:400px; }
.intro.mueckenschutz .produkt .text .preis { color:#000000; }

.equalheight {
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
}

@media (min-width: 768px) {
  .equalheight {
    display: flex;
    flex-wrap: wrap;
  }
}

p.gross { font-weight:bold; line-height: 1.3em; }
p.schwarz.gross { font-size: 1.8em; color:#000000; }
p.rot.gross { font-size: 2.2em; color:#a81024; }

.fluessigkeit .produkt img { max-width:250px; max-height:250px; margin:0 0 2em 0; }
.fluessigkeit .produkt table.arrow { width:100%; height:200px; }
.fluessigkeit .produkt table.arrow tr td.text { vertical-align: middle; padding:0 1em; color:#fff; font-weight:bold; font-size:1.2em; }
.fluessigkeit .produkt table.arrow tr td.text.yellow { background-color:#fdd22b; }
.fluessigkeit .produkt table.arrow tr td.text.green { background-color:#798c70; }
.fluessigkeit .produkt table.arrow tr td.text.red { background-color:#a81024; }
.fluessigkeit .produkt table.arrow tr td.text .step { font-weight:normal; }
.fluessigkeit .produkt table.arrow tr td.end { background:none; }
.fluessigkeit .produkt table.arrow tr td.end img { height:100%; min-width:50px; margin:0; }

.cta.red {
	background:    #a81024;
	border-radius: 11px;
	padding:       13px 20px;
	color:         #ffffff;
	display:       inline-block;
	font:          normal bold 26px/1 Arial, sans-serif;
	text-align:    center;
}

.teaser {
	background-size: cover;
	wdith:100%;
}

.teaser.mueckenschutz {
	
}

.teaser.mueckenschutz .cta.red {
	width: 40%;
  	margin: 80px 30% 340px;
}