/*
*
*
*
*
*
*Diese Datei ist urheberrechtlich geschützt von "Rene Weik | werbeweik.de, reneweik.de" und darf nicht kopiert oder auf anderen Webseiten verwendet werden.
*
*
*
*
*
*/
/*Template: 02 */
/*Templatefarbe: #e13732 */

/* 
--------------------------------------------------------------------------------
--------------------------------------------------------------------------------
--------------------------------------------------------------------------------
--------------------------------------------------------------------------------
--------------------------------------------------------------------------------
--------------------------------------------------------------------------------
LAYOUT
--------------------------------------------------------------------------------
--------------------------------------------------------------------------------
--------------------------------------------------------------------------------
--------------------------------------------------------------------------------
--------------------------------------------------------------------------------
-------------------------------------------------------------------------------- 
*/


:root {
--templatefarbe_hex: #db0701 !important;
--templatefarbe_rgb: 219,7,1 !important;
}

/* Layout Änderungen */


/*Mainmenu*/
#mainmenu {
	width: 100%;	
}
@media (min-width: 768px) {
#mainmenu {
	float: left;
	width: 80%;
	padding: 0 20px;
}
}
@media (min-width: 992px) {
#mainmenu {
	width: 70%;	
}
}
@media (min-width: 1200px) {
#mainmenu {
	width: 73%;	
}
}


#telefon{
	width: 100%;
    padding: 2px;
}
#telefon .navbar-text {
	text-align: center;
	margin: 0;
	font-size: 15px;
	line-height: 30px;
	font-weight: bold;
	color: #fff;	
}
@media (min-width: 768px) {
#telefon{
	float: right;
    text-align: right;
	width: 20%;	
    padding-top: 6px;
	bottom: 0;	
}
.startseite #telefon{
    padding-top: 10px;
}
#telefon .navbar-text {
	float: right;
	text-align: right;
	font-size: 13px;
	line-height: 30px;	
}
}
@media (min-width: 992px) {
#telefon{
	width: 30%;
	padding-top: 8px;
}
#telefon .navbar-text {
	font-size: 13px;
	line-height: 31px;	
}
}
@media (min-width: 1200px) {
.startseite #telefon{
	width: 27%;	
    padding-top: 14px;
}
	
#telefon .navbar-text {
	font-size: 14px;
	line-height: 30px;	
}
}
@media (min-width: 1200px) {
#telefon .navbar-text {
	font-size: 15px;
}
}

@media (min-width: 1200px) {
.fullcontent #telefon{
	width: 27%;	
}}

@media (min-width: 1200px) {
.produktseite #telefon{
	width: 27%;	
}}





/* KOPFBEREICH ----------------------------------------*/
/* KOPFBEREICH ----------------------------------------*/
/* KOPFBEREICH ----------------------------------------*/

#slider-container .ws_images {
    box-shadow: 0px 0px 0px 0 rgba(0, 0, 0, 0.26) !important;
}

@media (max-width: 767px){
	#logo {
		border-bottom: 0!important;
	}
	#kopfbereich > .container {
		background-color: #e13732;
    	border-bottom: 5px solid #fff;
	}
}


/* NAVIGATION ----------------------------------------*/
/* NAVIGATION ----------------------------------------*/
/* NAVIGATION ----------------------------------------*/
#kopfbereich {
	background-color: transparent;
}


#mainmenu .navbar-default {
    margin-top: 0;
}

.scroll-menu {
	transform: translate3d(0,0,0);
	background-color: #444;
	z-index: 1000;
}



#mainmenu .navbar-default {

}
#mainmenu .navbar-default ul.nav > li > a {
	color: #fff;
}
#mainmenu .navbar-default ul.nav li a.active,
#mainmenu .navbar-default ul.nav li a.active:hover,
#mainmenu .navbar-default ul.nav li a.active:focus {
	color: #4d4d4d;
	background-color: #fff;					
	cursor: default;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;  
	border-radius: 0px;  	
}
#mainmenu .navbar-default ul.nav li a:hover,
#mainmenu .navbar-default ul.nav li a:focus {
	color: #4d4d4d;
	text-decoration: none;
	background-color: #fff;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;  
	border-radius: 0px;  	
}

#mainmenu .navbar-default ul.nav li a {
	position: relative;
	display: block;
	padding: 8px 12px;
	text-decoration: none; 
}
@media (min-width: 768px) {
#mainmenu .navbar-default ul.nav li a {
	padding: 5px 6px;
}
}
@media (min-width: 992px) {
#mainmenu .navbar-default ul.nav li a {
	padding: 6px 7px;
}
}
@media (min-width: 1200px) {
#mainmenu .navbar-default ul.nav li a{
	padding: 9px 10px;
}
}


/* NAVIGATION MOBIL----------------------------------------*/
/* NAVIGATION MOBIL----------------------------------------*/
/* NAVIGATION MOBIL----------------------------------------*/



@media (max-width: 767px) {
.container {
    width: 100%;
}

#mainmenu .navbar-collapse ul.nav {
	border-top: 15px solid #fff;
	margin: 0;
	background-color: #fff;
}

#mainmenu .navbar-collapse {
	padding-right: 0px;
	padding-left: 0px;
	overflow-x: visible;
	-webkit-overflow-scrolling: touch;
	border-top: none;
	box-shadow: none;
}

#mainmenu .togglehead p{
	color: #fff !important;	
}

#mainmenu .navbar-collapse ul.nav > li > a {
	color: #4d4d4d;
}

#mainmenu .navbar-collapse ul.nav li a.active,
#mainmenu .navbar-collapse ul.nav li a.active:hover,
#mainmenu .navbar-collapse ul.nav li a.active:focus {
	color: #fff;
	background-color: #e13732;					
	cursor: default;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;  
	border-radius: 0px;  	
}

#mainmenu .navbar-collapse ul.nav li a:hover,
#mainmenu .navbar-collapse ul.nav li a:focus {
	color: #fff;
	text-decoration: none;
	background-color: #e13732;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;  
	border-radius: 0px;  	
}
}


/* HAUPTBEREICH----------------------------------------*/
/* HAUPTBEREICH----------------------------------------*/
/* HAUPTBEREICH----------------------------------------*/
#hauptbereichwrap {
	width: 100%;
    background-color: #ededed;	
}



#innerhauptbereich {
	background-repeat: repeat-x;
	background-position: top;
	overflow: hidden;
	background-color: #fff;	
	padding: 0 0 0 0;	
}


#farbbox {
	display: none;
}



/* FOOTER----------------------------------------------------*/
/* FOOTER----------------------------------------------------*/
/* FOOTER----------------------------------------------------*/
#footerwrap {
	width: 100%;
	background-color: #444;
	border-top: 5px solid #e13732;
}
@media (min-width: 768px) {
#footerwrap {
	border-top: 10px solid #e13732;
}
}


#footer {
	width: 100%;
	background-color: #444;
}

#innerfooter {
	background-color: #444;
	padding: 0 0px;
}

/* ADRESSTEXT */
#footer p {
	color: #dedede;
}

/* BUTTON FOOTER */
#footer .btn,
#footer .btn-footer {
	font-size: 13px;
	color: #dedede;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;  
	border-radius: 4px;  	
}
@media (min-width: 1200px) {
#footer .btn,
#footer .btn-footer {
	font-size: 15px;
}
}

#footer .btn-footer:hover,
#footer .btn-footer:focus,
#footer .btn-footer.focus,
#footer .btn-footer:active,
#footer .open > .dropdown-toggle.btn-footer {
	color: inherit;
	background-color: #dedede;
}
#footer .btn-footer.active {
	color: inherit;
	background-color: #dedede;
}




@media (max-width: 767px){
#innerteaser {
/*	padding-top: 70px;*/
}
}


.welcomewrap {
	display: none;
}

@media (min-width: 768px) {
#logo {
	position: absolute;
    top: 0;
	left: 0;
	right: 0;
    z-index: 1000;
	max-width: 100%;
	height: auto;
	float: none;
	text-align: center;
    padding: 5px 0;
}
}



div.startseite #logo {
	position: absolute;
    top: 0;
	left: 0;
	right: 0;
    z-index: 1000;
	max-width: 100%;
	height: auto;
	float: none;
	text-align: center;
	background: rgba(219,7,1,0.80);
    padding: 5px 0;
	border-bottom: none;	
}

@media (max-width: 767px){
div.startseite #logo {
	/*height: 70px;*/
}
}

#mainmenu .navbar-default {
    background-color: #444;
    float: none;
	text-align: center;	
}
@media (min-width: 768px) {
#mainmenu .navbar-default {
    background-color: transparent;
}
}

#mainmenu .navbar-default ul.nav {
	text-align: center;
	float: none !important;
}

#mainmenu .navbar-collapse {
	text-align: center;
}


#mainmenu .navbar-default ul.nav li {
    position: relative;
    display: block;
}


@media (min-width: 768px) {
#mainmenu .navbar-default ul.nav {
    margin: 10px 0px 20px 0;
}
}
@media (min-width: 992px) {
#mainmenu .navbar-default ul.nav {
    margin: 14px 0px 20px 0;
}
}
@media (min-width: 1200px) {
#mainmenu .navbar-default ul.nav {
    margin: 12px 0px 20px 0;
}
}

@media (min-width: 768px) {
div.startseite #innerhauptbereich {
    padding-top: 30px;
}
}

@media (min-width: 992px) {
div.startseite #innerhauptbereich {
    background-repeat: repeat-x;
    background-position: top;
    overflow: hidden;
    background-color: #fff;
    padding: 0 0 0 0;
    position: relative;
    /*padding-top: 660px;*/
}
div.startseite #produktuebersicht {
    width: 100%;
    text-align: center;
    margin-top: 1em;
    margin-bottom: 1em;
    /*position: absolute;*/
    top: 0;
}
div.startseite h2.produktuebersichth2 {
	text-align: left;
}
}




/* TOGGLE WRAP */
#mainmenu .toggle-wrap {
	position: relative;
	top: 0;
	right: 0;
}

/* STELLT TOGGLE HEADER links VON TOGGLE BUTTON WRAP */
#mainmenu button.navbar-toggle {
    float: right;
	margin-top: 5px;
	margin-bottom: 5px;	
}

#mainmenu .togglehead {
	position: relative;
    left: 0px;
    top: 0px;
}	

#mainmenu .togglehead p {
	color: #fff;
    position: relative;
    left: 0px;
    top: 0px;
    float: left;
    margin-top: 13px;
	margin-right: 5px;
	display: inline-block !important;
}	

#mainmenu .toggle-wrap {
	width: 72px;
}

#mainmenu .navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
}

#mainmenu .navbar-default .navbar-toggle:hover .icon-bar,
#mainmenu .navbar-default .navbar-toggle:focus .icon-bar {
    background-color: #444;
}

#sidebar .navbar-default .navbar-toggle .icon-bar {
    background-color: #444;
}





#kopfbereichwrap {
position: relative;
}



div.startseite #innerkopfbereich{
    background-color: transparent;
	height: 70px;
	padding: 0 15px;
}
@media (min-width: 768px) {
div.startseite #innerkopfbereich{
	height: 41px;
}
}
@media (min-width: 992px) {
div.startseite #innerkopfbereich{
	height: 43px;
}
}
@media (min-width: 1200px) {
div.startseite #innerkopfbereich{
	height: 49px;
}
}





#innerkopfbereich{
    background-color: transparent;
	height: auto!important;
}
@media (min-width: 768px) {
#innerkopfbereich{
	padding-top: 87px;	
}
}
@media (min-width: 992px) {
#innerkopfbereich{
    padding-top: 106px;		
}
}
@media (min-width: 1200px) {
#innerkopfbereich{
    padding-top: 125px;	
}
}

#mainmenu .navbar-default {
    margin-top: 0;
}
#mainmenu .navbar-default ul.nav {
    margin: 0;
}


@media (min-width: 768px) {
div.startseite #mainmenu .navbar-default ul.nav {
    margin: 5px 0px;
}
}




/*----------- WEINOR -------------------- */


table.table-terrassendach,
table.table-markisen,
table.weinor-tuchvorteile {
	width: 100%;
}

.terrassendachtd1,
.markisentd1,
.weinor-tuchvorteiletd1{
	width: 25%;
	padding-bottom: 5px;
}

.terrassendachtd2,
.markisentd2,
.weinor-tuchvorteiletd2{
	width: 75%;
}

table.weinor-tuchvorteile img {
	padding-top: 5px;
	padding-bottom: 3px;
	margin: 0 0 15px 0!important;
}

#tw_banner_klein {
	margin-top: 19px; 
	margin-left: 23px; 
}

.weinor-neuheiten .listcontent p {
	font-size: 1.2em;	
}

.weinor-neuheiten .listcontent {
	line-height: 1.9em;	
}

table.weinor-vorteile {
	width: 100%;
}

.weinor-vorteiletd1 {
	width: 12%;
}

.weinor-vorteiletd2 {
	width: 88%;
}
@media (max-width:767px){
.weinor-vorteiletd2 {
	padding-left: 15px;
}
}

table.weinor-vorteile img {
	padding-top: 5px;
	padding-bottom: 3px;
	margin: 0 0 15px 0!important;
}


table.weinor-vorteile-sottezza {
	width: 100%;
}

table.weinor-vorteile-sottezza img {
	margin: 0 0 15px 0!important;
}

.weinor-vorteile-sottezzatd1 {
	width: 30%;
}

.weinor-vorteile-sottezzatd2 {
	width: 70%;
	padding-left: 15px;
}


.weinorrechts {
    display: block;
    float: right;
    padding: 5px 20px 0 50px;
}

table.weinor-dach {
	width: 100%;
}

table.weinor-dach p {
	text-align: left !important;
}

.weinor-dachtd1 {
	width: 17%;
	padding-bottom: 5px;
}

.weinor-dachtd2 {
	width: 30%;
	padding-bottom: 5px;
	padding-right: 9%;
}

.weinor-dachtd3 {
	width: 30%;
	padding-bottom: 5px;
}

table.weinor-technik {
	width: 100%;
	margin-top: 10px;
}
table.weinor-technik td.weinor-techniktd1 {
	width: 40%;
	vertical-align: middle;
}
table.weinor-technik td.weinor-techniktd2 {
	width: 60%;
	vertical-align: middle;
}
table.weinor-technik img{
	padding: 15px 0 15px 0;
	max-width: 90%;
	height: auto;
}
table.weinor-technik h4{
	font-size: 17px;
	line-height: 1.5em;	
	margin-top: 0;
}
table.weinor-technik p{	
	font-size: 15px;
	line-height: 1.5em;
	margin-bottom: 0em;		
}


/* PRODUKTÜBERSICHT------------------------------------------*/
/* PRODUKTÜBERSICHT------------------------------------------*/
/* PRODUKTÜBERSICHT------------------------------------------*/
div.produktuebersicht {
	width: 100%;
	text-align: center;
	margin-top: 2em;
	margin-bottom: 1em;	
}

div.produktuebersicht img {
	width: 480px;
	height: auto;
	margin-bottom: 0;
}

div.produktuebersicht h2 {							/* Links in Produktübersichten */
  margin-top: 0.5em !important;
  margin-bottom: 2em !important;
}
@media (min-width: 768px) {
div.produktuebersicht h2 {
  margin-top: 0.5em !important;
  margin-bottom: 2.5em !important;
  font-size: 17px !important;
}
}

h1.produktuebersicht-h1 {						/* Überschrift auf Produktseite */
    font-size: 14px !important;
    margin-bottom: 1em !important;	
}
@media (min-width: 768px) {
h1.produktuebersicht-h1 {
    font-size: 16px !important;
	margin-top: 0.4em !important;
    margin-bottom: 3em !important;	
}
}

.logo-table {
	width: 100%;
	margin-top: 20px;	
}

.logo-table-td {
	width: 33%;
	text-align: center;	
}

.logo-table-td img {
	padding-top: 0;
	padding-bottom: 0;
}

.nonbold {
	font-weight: normal !important;
}

.activebold {
	font-weight: bold !important;
}


/* iconbox-Box */
.iconbox {
	background: rgb(var(--templatefarbe_rgb));
	background: -moz-linear-gradient(170deg, rgba(var(--templatefarbe_rgb),1) 0%, rgba(var(--templatefarbe_rgb),0.8) 79%);
	background: -webkit-linear-gradient(170deg, rgba(var(--templatefarbe_rgb),1) 0%, rgba(var(--templatefarbe_rgb),0.8) 79%);
	background: linear-gradient(170deg, rgba(var(--templatefarbe_rgb),1) 0%, rgba(var(--templatefarbe_rgb),0.8) 79%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f0f0f0",endColorstr="#ffffff",GradientType=1);
	color: #fff;
	font-weight: bold;
	padding: 2em 1em;
	margin-bottom: 30px;
	text-align: left !important;
}
@media (min-width: 768px) {
.iconbox {
	padding: 2em 1em;
}
}

.iconbox h2,
.iconbox h2 i {
	font-size: 30px;
	margin-top: 0 !important;
	margin-bottom: 0 !important; 
	text-align: left !important;
}
.iconbox h3,
.iconbox h3 i {
	font-size: 25px;
	margin-top: 2em !important;
	margin-bottom: 0 !important;
	text-align: left !important;	
}
.iconbox h4,
.iconbox h4 i {
	font-size: 17px;
	margin-top: 0 !important;
	margin-bottom: 0 !important; 
	text-align: left !important;	
}
@media (min-width: 768px) {
.iconbox h2,
.iconbox h2 i {
	font-size: 30px;
	margin-top: 0 !important;
	margin-bottom: 0 !important;  
}
.iconbox h3,
.iconbox h3 i {
	font-size: 20px;
	margin-top: 0 !important;
	margin-bottom: 0 !important;  
}
.iconbox h4,
.iconbox h4 i {
	font-size: 17px;
	margin-top: 0 !important;
	margin-bottom: 0 !important;  
}
}
@media (min-width: 992px) {
.iconbox h2,
.iconbox h2 i {
	font-size: 35px;
	margin-top: 0 !important;
	margin-bottom: 0 !important;  
}
.iconbox h3,
.iconbox h3 i {
	font-size: 25px;
	margin-top: 0 !important;
	margin-bottom: 0 !important;  
}
.iconbox h4,
.iconbox h4 i {
	font-size: 18px;
	margin-top: 0 !important;
	margin-bottom: 0 !important;  
}
}
@media (min-width: 1200px) {
.iconbox h2,
.iconbox h2 i {
	font-size: 40px;
	margin-top: 0 !important;
	margin-bottom: 0 !important;  
}
.iconbox h3,
.iconbox h3 i {
	font-size: 30px;
	margin-top: 0 !important;
	margin-bottom: 0 !important;  
}
.iconbox h4,
.iconbox h4 i {
	font-size: 20px;
	margin-top: 0 !important;
	margin-bottom: 0 !important;  
}
}
@media (min-width: 1400px) {
.iconbox h2,
.iconbox h2 i {
	font-size: 45px;
	margin-top: 0 !important;
	margin-bottom: 0 !important;  
}
.iconbox h3,
.iconbox h3 i {
	font-size: 35px;
	margin-top: 0 !important;
	margin-bottom: 0 !important;  
}
.iconbox h4,
.iconbox h4 i {
	font-size: 22px;
	margin-top: 0 !important;
	margin-bottom: 0 !important;  
}
}

.iconbox h2 i,
.iconbox h3 i,
.iconbox h4 i {
	margin-left: 0.5em;
}

.iconbox i {
	font-size: 4em;
}
@media (min-width: 768px) {  
.iconbox i {
	font-size: 6em;
}       
}
@media (min-width: 992px) {  
.iconbox i {
	font-size: 8em;
}       
}
@media (min-width: 1200px) { 
.iconbox i {
	font-size: 9em;
}       
}
@media (min-width: 1400px) { 
.iconbox i {
	font-size: 10em;
}       
}