/*
Theme Name: Trend Fassade
Theme URI: http://www.trendfassade.com
Description: Template Trend Fassade
Author: Christoph Paugger
Author URI: http://www.cp11.at
*/

img {
	border:none;
}

a {color: #b10404; text-decoration:none;transition: all 0.4s ease 0.2s;}
a:hover {color: #ff7f00;}

.downloadsdiv a {
	color:#fff;

}

.downloadsdiv strong {
	font-weight:bold;
}

html, body			{margin: 0 !important;padding: 0;color: #000;font-family: 'Roboto', sans-serif;font-weight:300;font-size:16px;width:100%;height:100%;background-image: repeating-linear-gradient(-45deg, #fff 0px, #fff 30px, #f6fbfc 30px, #f6fbfc 60px); line-height: 22px;}

#wrapper {
	margin: 0 auto;
	width: 100%;
}

#header {

}


.inner {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
}
.innermehr {
	width: 100%;
	margin: 0 auto;
}
.inner1 {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;

}

#logo {
	width: 400px;
	height: 69px;
	margin: 25px 0 25px 25px;
display: block;
    float:left;
}

#logo img{
	width: 400px;
	height:auto;
}

#hauptnavi {
    float:right;
max-width:1000px;
    display: block;
	margin: 30px 25px 25px 0px;
    height: 40px;
    
}

.footer-width-fixer a {
    color: #fff;
}

.bislkleiner img {
    width:250px;
    height:auto;
}

.wpcf7-text, .wpcf7-textarea {
    border: 1px dashed #b10404;
    padding: 5px;
    font-family: 'Roboto', sans-serif;font-weight:300;font-size:16px;
    width:100%;
}

.wpcf7-submit {
    background-color: transparent;
    background-image: linear-gradient(180deg, #FE7D00 0%, #B20604 100%);
    color: #fff;
    padding: 10px 15px;
    border-radius: 5px;
    border:none;
    font-size:16px;
}

.smallfont {
    font-size:11px;
}
/* Navi */

.menu-main-menu-container {
	
}

#hauptnavi ul {
	padding: 0px; margin: 0;
	list-style: none;
	width: 100%;
	
	text-transform:normal;
	font-size: 16px;
	position: relative; /* Fix the Stupid IE6 Bug */
	z-index:99;
	text-align:left;
}
#hauptnavi ul li {
    display: inline-block;
    float: left;
    font-size: 16px;
    text-transform: uppercase;
    margin: 0;
    padding: 0;
    position: relative;
	font-weight:600;}
#hauptnavi ul li a {display: block; padding: 21px 16px 0px 16px;color: #b10404;font-size: 16px; text-decoration: none;text-shadow: none;}



/* Alignments */

.alignleft {
	float:left;
	margin: 0 20px 0 0;
}
.alignright {
	float:right;
	margin: 0 0 0 20px;
}

.aligncenter {
	margin: 0 auto;
}


/* Headings */

h2 {
	text-transform:uppercase;
	color: #cd1726;
	font-size:36px;
	margin: 0 0 20px;
    font-weight: 900;
}

h2 {
	text-transform:uppercase;
	color: #cd1726;
	font-size:30px;
	margin: 0 0 20px;
    font-weight: 900;
}

h3 {
	text-transform:uppercase;
	color: #cd1726;
	font-size:18px;
	margin: 0 0 10px;
	font-weight:900;
}

h4 {
	text-transform:uppercase;
	color: #cd1726;
	font-size:14px;
	margin: 0 0 10px;
	font-weight:900;
}
.elementor-heading-title {
    font-weight:900 !important;
}
p {margin: 0 0 10px; line-height: 22px;}


/* Buttons */

#click-menu {
    color: #00a5c8;
    cursor: pointer;
    display: none;
    font-size: 13px !important;
    padding: 5px;
    position: absolute;
    right: 5%;
    text-align: center;
    top: 10px;
    z-index: 99999 !important;
}

/* Lists */

/* Images */

.attachment-thumbnail-blog1 {
	width:100%;
	max-width:200px;
	height:auto;
	float:left;
	display: inline-block;
	margin: 0 30px 30px 0;
}

.attachment-full {
	width:100%;
	max-width:1200px;
	height:auto;
	float:left;
	display: inline-block;
	margin: 0 30px 30px 0;
}

.lefti {
	float:left;
	width:100%;
	max-width:500px;
	display:block;
	margin-right:30px;
}

.rechti {
	float:left;
	width:100%;
	max-width:670px;
	display:block;
}

/* Lines */
hr { background-color: #fff;
    color: #fff;
    height: 1px;
	border: 0 none; }

/* Icons */



@media screen and (min-width: 768px) and (max-width: 999px){

.inner {
	width: 100%;
	max-width: 768px;
	margin: 0 auto;
}
	

}


@media screen and (min-width: 520px) and (max-width: 767px){
	
.inner {
	width: 100%;
	max-width: 520px;
	margin: 0 auto;
}
	.wpb_text_column {
	padding: 0 10px;
}

}

@media screen and (min-width: 320px) and (max-width: 519px){
	
.inner {
	width: 100%;
	max-width: 280px;
	margin: 0 auto;
}

.wpb_text_column {
	padding: 0 10px;
}
	
.plattenabsorber, .easy, .fugen, .gastro, .downloads  {
	width: 100% !important;
}
	
}