/**
Theme Name: Liftwerk Automotive
Author: lopri.com
Author URI: https://lopri.com
Description: Wordpress-Theme für Liftwerk Automotive von lopri communications.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: liftwerk-automotive
Template: astra
*/

h1,h2,h3,h4,h5,h6,
.entry-title, .entry-title a {
	font-weight: 700 !important;
}
h2 small {
	display: block;
	font-weight: 300;
	text-transform: none;
}
.page #content,
.single #content {
	padding: 0 0;
}
.home.page #content {
	padding-top: 0;
}
.ast-above-header-wrap {
	font-size: 0.778em;
}
.ast-main-header-wrap {
	text-transform: uppercase;
	font-weight: 700;
}
#colophon {
	font-size: 0.778em;
}
#colophon a {
	color: #fff;
}
#colophon a:hover {
	color: #ef7d00;
}
#colophon .widget_media_image img {
	max-width: 150px !important;
}
.site-below-footer-wrap {
	padding: 4em 0 !important;
}
.ast-single-post .entry-title, .page-title {
	font-size: 2rem;
}
#hero,
#endstoerer{
	min-height:70vh !important;
	padding: 20px 20px 0 20px !important;
}
#hero .wp-block-cover__inner-container {
	align-self: flex-end;
	padding: 20px;
	background: #ef7d00;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ef7d00+0,ef7d00+100&0.75+0,1+100 */
	background: -moz-linear-gradient(top, rgba(239,125,0,0.75) 0%, rgba(239,125,0,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(239,125,0,0.75) 0%,rgba(239,125,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(239,125,0,0.75) 0%,rgba(239,125,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bfef7d00', endColorstr='#ef7d00',GradientType=0 ); /* IE6-9 */
}
#hero .wp-block-cover__inner-container h1 {
	margin: 0 !important;
}
#hero-sub {
	background-color: #878787;
	text-align: right;
	color: #fff;
	font-weight: 300;
	padding: 10px 20px;
}
.features {
	background-color: #ef7d00;
	color: #fff;
	margin: 0;
	list-style: none;
	padding: 0;
}
.features li {
	  border-bottom: 2px dotted #fff;
    padding-bottom: 10px;
    margin-bottom: 10px;
}
.features li:last-child {
	  border-bottom: 0;
    padding-bottom: 0;
    margin-bottom: 0;
}
#specs table {
	color: #fff;
	
}
#specs table, #specs td, #specs th {
  border: 0;
}
#specs tr th,
#specs tr td {
	  border-bottom: 2px dotted #fff;
}
#specs tr:last-child td {
	  border-bottom: 0;
}



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

/* Min 1200px (Higher than Small-Desktop) */
@media only screen and (min-width:1199px) {}

/* 992px to 1199px (Small-Desktop) */
@media only screen and (min-width:992px) and (max-width:1199px) {}

/* Max 1199px (Small-Desktop and smaller ) */
@media only screen and (max-width:1199px) {}

/* Min 992px (Higher than Tablet) */
@media only screen and (min-width: 992px) {}

/* 768px to 991px (Tablet) */
@media only screen and (min-width: 768px) and (max-width: 991px) {
	#tri .wp-block-column:not(:only-child) {
    flex-basis: 33.3% !important;
	}
}

/* Max 991px (Tablet and smaller) */
@media only screen and (max-width: 991px) {}

/* Min 768px (Higher than Mobile) */
@media only screen and (min-width: 768px) {}




@media only screen and (min-width: 600px) {
	#tri .wp-block-column:not(:first-child) {
			margin-left: 0 !important;
	}
}



/* Max 767px (Mobile) */
@media only screen and (max-width: 767px) {
	#hero .wp-block-cover__inner-container h1 {
		font-size: 1.5em !important;
	}
	#astra-footer-menu {
		font-size: 1rem !important;
	}
	#astra-footer-menu li {
		padding: 5px 0;
	}
	#specs tr {
			margin-top: 30px;
	}
	#specs tr:first-child {
			margin-top: 0;
	}
	#tri .wp-block-column:not(:only-child) {
    flex-basis: 100%!important;
	}
	#tri .wp-block-image {
		margin-bottom: 0 !important;
	}
	#tri .wp-block-column {
		margin: 0 !important;
	}
}

/* Max 767px (Mobile Landscape) */
@media only screen and (max-width: 767px) and (orientation:landscape) {}

/* Max 767px (Mobile Portrait) */
@media only screen and (max-width: 767px) and (orientation:portrait) {
	#hero,
	#endstoerer{
		min-height:60vh !important;
	}
}