/*
Theme Name: Avada Child
Description: Child theme for Avada theme
Author URI: https://theme-fusion.com
Template: Avada
Version: 7.10.1
Text Domain:  Avada
*/

/* Schrifteinbindung -Daniel- für den Slogan */
@font-face {
  font-family: "Daniel";
  src: url(fonts/Daniel-Regular.eot);
  src: url(fonts/Daniel-Regular.eot#)
format("--"),
   url(fonts/Daniel-Regular.woff)
format("woff"),
   url(fonts/Daniel-Regular.ttf)
format("truetype"),
   url(fonts/Daniel-Regular.svg#webfont)
format("svg");
	font-display: swap;
}
/* Schrifteinbindung -Mulish- für die Headlines */
/* mulish-300 - latin */
@font-face {
  font-family: 'Mulish';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/mulish-v3-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/mulish-v3-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/mulish-v3-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/mulish-v3-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/mulish-v3-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/mulish-v3-latin-300.svg#Mulish') format('svg'); /* Legacy iOS */
}

/* mulish-regular - latin */
@font-face {
  font-family: 'Mulish';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/mulish-v3-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/mulish-v3-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/mulish-v3-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/mulish-v3-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/mulish-v3-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/mulish-v3-latin-regular.svg#Mulish') format('svg'); /* Legacy iOS */
}

/* mulish-500 - latin */
@font-face {
  font-family: 'Mulish';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/mulish-v3-latin-500.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/mulish-v3-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/mulish-v3-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/mulish-v3-latin-500.woff') format('woff'), /* Modern Browsers */
       url('../fonts/mulish-v3-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/mulish-v3-latin-500.svg#Mulish') format('svg'); /* Legacy iOS */
}
/* Schrifteinbindung -Barlow- für die Headlines */
/* barlow-300 - latin */
@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 300;
  src: local(''),
       url('../fonts/barlow-v12-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/barlow-v12-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/barlow-v12-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
}

/* barlow-regular - latin */
@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 400;
  src: local(''),
       url('../fonts/barlow-v12-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/barlow-v12-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/barlow-v12-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
}

/* Barlow-500 - latin */
@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 500;
  src: local(''),
       url('../fonts/barlow-v12-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/barlow-v12-latin-500.woff') format('woff'), /* Modern Browsers */
       url('../fonts/barlow-v12-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
}
@import url("maps_points.css");

/*Ausblenden der Google reCaptcha Badges */
.grecaptcha-badge { visibility: hidden; }


/* temp bzgl. Betriebsferien */
#main .post-3731 h2 a {color: #F6072D !important; font-weight: bold; font-family: Muli, Arial, Helvetica, sans-serif;}
#main .post h2 a {font-family: Muli, Arial, Helvetica, sans-serif;}
/* Allgemeine Styles */

/* Weihanchtsbanner*/
.page-id-4879 .fusion-body .fusion-builder-column-0,
.page-id-48 .fusion_builder_column_1_1 1_1 {
    width: 100% !important;
    margin-top: 0px;
    margin-bottom: 0 !important;
}

/*Reihen auf max:1200px halten damit Hintergrund vollbreit gefärbt werden kann
#main .fusion-row, 
.fusion-footer .fusion-row {
    max-width: 1200px !important;
}
*/

.fusion-page-title-bar {display:none !important;}
.fusion-text h1 {margin-top:	60px;}
.fusion-text li {margin-left: -24px;}


.fusion-header-tagline { 
	margin-top: 83px; 
    font-family: "Daniel", Arial, Helvetica, sans-serif !important;
    font-weight: 300;
}
/* damit HL auch bei 100% Breiten-Einstellung der Seite schmal bleibt */
.fusion-post-title {
	max-width: 1300px;
	margin: auto;
	text-align:center;
}
.fusion-header-v2 .fusion-header, 
.fusion-header-v3 .fusion-header, 
.fusion-header-v4 .fusion-header, 
.fusion-header-v5 .fusion-header {
    border-bottom-color: #77b829 !important;
}
.fusion-mobile-menu-sep, .fusion-secondary-main-menu {
    border-bottom-color: #fff !important;
}
/* ende headerbereich */

/* allgemein */

.fusion-text a.fusion-button {margin-top:20px !important;}
br {clear:both;}

/*Button mit Schriftzuweisung*/
.fusion-button-text, .wpcf7-form input[type="submit"], .wpcf7-submit {
    text-transform: uppercase;
    font-family: Arial, Helvetica, sans-serif !important;
    font-weight: 600;
}

bold, strong {color:#777;}
.fusion-footer-widget-area bold, .fusion-footer-widget-area strong {color:#fff;}
.fusion-footer-widget-area a:hover bold, .fusion-footer-widget-area a:hover strong {color:#76B843;}

/* Headline z.B. für Stellenanzeige */
#content .hl-spezial h3 {font-size:26px; font-weight:500;}

/* weiche Umbrüche über p-Tag mit Klasse erwirken  (in Datenschutzseite u.m.)*/
p.padding-null-oben {
    padding-top: 0px !important;
	margin-top: 0px !important;
}
p.padding-null-unten {
    padding-bottom: 0px !important;
	margin-bottom: 0px !important;
}
/* Absatz-Umbruch Seite Impressum ohneMargin-bottom */
.page-id-1431 .fusion-post-content p, .page-id-1431 .post-content p {
    margin: 0 !important;
}

/* Navigation */
.fusion-main-menu {
    float: left;
    position: relative;
    z-index: 200;	
	overflow: hidden;
} 


/*Einzug des ersten Menüpunktes damit es bündig ist mit Logo und Inhalt*/
.fusion-secondary-main-menu .fusion-main-menu ul#menu-hauptmenue:first-child {margin-left:0 !important;}

/*Einzig Submenü Titel für Bündigkeit mit Links*/
.fusion-megamenu-title {padding: 0 20px 15px !important;}
.fusion-main-menu .sub-menu {
    background-color: #f2efef;
}
.fusion-megamenu-wrapper .fusion-megamenu-submenu .sub-menu a:hover {
    color: #76b843 !important;
}
.fusion-main-menu .sub-menu li a span {	font-size: 14px; font-weight: 300;}

/*Fake-Menuepunkt begehbares Glas und Weiteres ganz unten */

.fusion-megamenu-wrapper .fusion-megamenu-submenu .sub-menu a {
    padding: 5px 20px !important;
}

.fusion-megamenu-title {
    padding: 0 25px 15px;
}

.fusion-megamenu-title a {
    font-weight: 400; font-family: Roboto, Arial, Helvetica, sans-serif;
}
.fusion-megamenu-bullet {
    margin-right: 6px;
}

/*Shoplink deutlicher */
.menu-item-8928 a  {color: #76b843 !important;}


/* ################################## */
/*3te Ebene */
.fusion-main-menu .sub-menu ul {
    top: -3px;
    left: 10px !important; /*240*/
}
/* 4te Ebene Brandschutz*/
.fusion-main-menu .sub-menu .deep-level ul {
   top: -3px;
   left: 20px !important; /* 240*/
}
/*4te Ebene ohne HG*/
.fusion-main-menu .sub-menu ul li a:hover,
.fusion-main-menu .sub-menu .current-menu-item > a, 
.fusion-main-menu .sub-menu .current_page_item > a {
    background-color: transparent  !important; ;
}
/*Hover bei allen grün*/
.fusion-main-menu .sub-menu ul li a:hover {
	color: #76b843 !important;
}
.fusion-main-menu-icon {text-align:right;}

/* Abstandslinie zu bgehbarem Glas */
.navi-abstand-oben {
	padding-top: 20px;
	border-top: 1px solid #76b843;
}
/* SHOP-Link */

ul.fusion-menu li.shop a {color: #77b829; font-weight:500;}

/* Ende Navigation */


/* Content */
#main {
    padding-top: 0 !important;
    padding-bottom: 40px;
}

.fusion-content-boxes .content-wrapper-background {
    padding:  20px !important;
	border:1px solid #ccc;
}
/* Kopfbilder mit AVADA Slider */
.tfs-slider h2, .slide-content-container .tfs-slider .slide-content-container h3 {font-family: Mulish, Open Sans, Arial !important;}
.tfs-slider h2 {padding-top: 20px !important;}
.tfs-slider .slide-content-container .fusion-title-size-three h3 {line-height:0.8em !important; padding:20px 0 !important;}
.tfs-slider .with-bg .fusion-title-sc-wrapper {
    padding: 5px 50px 30px 50px;
	width: 650px !important;
}
/*Beide HL Blöcke verbinden*/
.tfs-slider .slide-content-container .heading {
    margin: 0 !important;
}


/* ########## Seiten-Galerie in Produktseiten ###### */
.fusion-image-wrapper {
    border: 1px solid #ccc !important;
	height: auto !important;
}
.fusion-carousel .fusion-carousel-nav .fusion-nav-next, .fusion-carousel .fusion-carousel-nav .fusion-nav-prev {margin-top:-11px !important;}
.fusion-image-carousel {
    margin-bottom: 10px !important;
}
    border-color: #77b829;
    background-color: #77b829;
    font-size: 42px !important;
    line-height: 65px !important;
    height: 72px !important;
    width: 72px !important;
    margin: 10px 10px 10px 0 !important;
    color: #ffffff;
	float:right;
}
.post-39028 .fusion-text ol li {margin-bottom:10px;}

/*Awesome font icons kleiner*/

/*Awesome font icons original*/
i.fontawesome-icon-gr {}
i.fontawesome-icon {
    border-color: #77b829;
    background-color: #77b829;
    font-size: 30px !important;
    line-height: 50px !important;
    height: 54px !important;
    width: 54px !important;
    margin: 10px 10px 10px 0 !important;
    color: #ffffff;
    float: right;
}


i.fab {
	font-size: 42px !important; 
	float:left; 
	padding-bottom:20px;
}

.fusion-accordian .panel-heading {padding: 0 0 5px 0 !important;}
/*H3 innerhalb von Akkordeon Absätzen*/
.fusion-accordian .panel-body h3 {margin-top:20px !important;}



/* ###################  Eigene Styles #################*/

h1.upper {font-size:35px !important; text-transform:uppercase !important;}

/* boxen für Serien-Teaser */
.serienbox .link-area-box .content-container, .serienbox .fusion-content-boxes .content-container {font-size:0.8rem !important;}
.serienbox .fusion-content-boxes, .serienbox .content-box-wrapper  {min-height:420px;}
/*.serienbox .link-area-box img {margin-bottom:20px;!important;}*/

.clear {clear:both;} /*br umbruch*/
.fusion-tabs h3 {padding-top:10px; color:#333;}
.img-galerie {margin-bottom: -5px !important;}

.socmed {display: table;}
.render {height: 400px;}
.text-bild-box {background-color: #f6f6f6 !important;}
.icon-box {text-align:left;}
.tab-abstand {padding:20px; } /*font-size:0.9rem;*/

.ausschreibung {height: 800px;}
.download-liste {height:360px; overflow-y:scroll; margin-bottom:30px}
.download-liste ul li {list-style:none; margin-left:-39px;}
.datenschutz, .datenschutz a {font-size:0.92em;}
.bildreihe {
	padding:3rem 0 2rem 0 !important; 
	background-color:#DCDCDC !important;
	/*border-top: 2px solid #76b843;
	border-bottom: 2px solid #76b843;*/
	margin: 1rem 0 3rem 0;
}

.bildreihe .fusion-text h3, h3.hintergrund, 
.bildreihe .fusion-text .hl-boxen {
   /* background-color: #77b829;*/
    text-align: center;
    font-family: Roboto, Arial, Helvetica, sans-serif !important;
    padding: 0;
	margin-bottom:15px;
}
.bildreihe .fusion-text h3 a, h3.hintergrund a, .bildreihe .fusion-text .hl-boxen a {
	color: #444 !important;
    font-weight: 300;
    letter-spacing: 0.01em;
	font-size:18px;
}

.bildreihe .fusion-text .grau-hg {
	background: none !important;
	border: 1px solid #757575 !important;
}
.bildreihe .fusion-text .gruen-hg {
	background: none !important;
	border: 1px solid #77b829 !important;
}

.bildreihe .fusion-text h2 {font-size: 2rem !important;}
.kleintext {font-size:0.8em;}

.news-box h3, h3.hintergrund, .home .news-box h3  {
	background: #77b829 !important;
    color: #fff !important;
    text-align: center;
	padding:0;
	margin:0;
}
h3.hintergrund  {margin-bottom:20px}
h3.hintergrund a {color: #fff !important }

.datenschutzlink {}

img.thumb {margin-bottom:30px;}

.abstand-30-unten {margin-bottom:30px !important;}
.abstand-rechts {padding-right: 10px;}
.abstand-oben-100 {padding-top: 100px;}
.abstand-oben-unten img {padding: 30px 0;}
.abstand-unten img {padding-bottom: 30px;}

.fusion-main-menu .sub-menu li.navi-abstand-unten {padding-bottom: 10px;  margin-bottom: 10px;}
	
h3.gruen-hg {
	background-color: #77b829 !important;
	color:	#fff !important;
}
.grau-hg {background-color: #757575;}

img.abstand-oben {margin-top:4px;}

.shop-button {background-color: #77b829; padding:10px 10px 6px 10px; width:100%;color:#fff;}
.shop-button h3 {color:#fff !important;}
.shop-button a {font-weight:500; color:#00235c !important;}
.shop-button p, .shop-teaser p  {margin:0; }
.shop-teaser {margin-bottom: 20px; padding:20px 5px; border: 3px solid #77b829;}
.shop-teaser a {color:#444;}
.shop-teaser a:hover {color:#77b829;}

/*Blog-Teaser in Produktseiten */
.fusion-blog-layout-medium article,  .fusion-blog-layout-large article {margin-bottom:20px !important;}

/* format Hoehe 334 px für Teaser Slider*/
.insta {min-height:334px;}



/*##############*/

.inhaltsbreite {max-width:1140px; margin:auto;}

/*#############*/
/* für Tabelle mit Abstand */
table.tabelle td {
	padding:5px;
}
/*Accordions ab 04-25*/
.accordion 


/* Subheadlines 10px nach links ziehen */
.fusion-megamenu-title a {
    margin-left: -10px;
}

/* Formulare */
.website-wrap .honypot {display:none !important; height:5px !important; border:none;} 

.wpcf7-form input,
.wpcf7-form textarea,
.wpcf7-form .wpcf7-select,
.wpcf7-select option {color:#555 !important; font-size:14px !important;}
.wpcf7-select {
	-webkit-writing-mode: horizontal-tb !important;
	width: 100% !important;
    padding: 0.4rem 1.5rem !important;
}
span.wpcf7-list-item {
    margin: 0 !important;
	padding: 10px 0;
}
.wpcf7-list-item-label {padding-right: 10px;}

.wpcf7 .cf7s-caspar {background: #DCDCDC;}
fieldset .formular, .wpcf7 .cf7s-caspar fieldset { padding: 20px; color:rgb(68, 68, 68)}
fieldset .formular legend, .wpcf7 .cf7s-caspar legend {background: #ededed;}
.wpcf7 .wpcf7-form-control-wrap .first, .wpcf7 .wpcf7-form-control-wrap .last , .wpcf7 .wpcf7-form-control-wrap .wpcf7-list-item {float:left;}
.wpcf7 .cf7s-caspar li {clear: both;}
.wpcf7 .cf7s-caspar li label { display: block; color: rgb(103, 162, 58);}


/* für neue Blöcke bei der Newsübersicht */
article .fusion-post-grid  {height: 480px;}

.brandschutzgalerie .fusion-masonry-element-container {min-height: 200px !important;}


/* ################  TAB Plugin Einstellungen ################### */
.fusion-tabs {margin-top: 30px; padding-bottom: 30px;}
.fusion-tabs.fusion-tabs-1 .nav-tabs li.active a h4, .fusion-tabs.fusion-tabs-1 .nav-tabs li.active a:hover h4 {color: #444444 !important;}
.fusion-tabs.fusion-tabs-1 .nav-tabs li a:hover h4 {color: #77b829 !important;}

 /* ##############  ENGLISCHE Seiten #########################*/

body:lang(en) .fusion-header-tagline {
        --tagline_font_size: 35px !important;
}
.menusubtitle-sv-en::after {
	content:"Walkable skylights";
	padding:20px 0 10px 20px;	
	font-size:16px;
	font-weight: 400;
	font-family: Roboto, Arial, Helvetica, sans-serif;
	margin-top:20px !important; border-top:1px solid #76b843;
	display:block;
	letter-spacing: 0;
	background-color: #f2efef;
	border-bottom:none;
}
.menusubtitle-en::after {
	content:"Further products";
	padding:20px 0 10px 20px;	
	font-size:16px;
	font-weight: 400;
	font-family: Roboto, Arial, Helvetica, sans-serif;
	margin-top:20px !important; border-top:1px solid #76b843;
	display:block;
	letter-spacing: 0;
	background-color: #f2efef;
	border-bottom:none;
}
.sub-menu li.vms  {
    font-size: 12px !important;
}

/* ################## iMapper #################### */

.imapper-content-inner .imapper-content-text table {
	width: 100%; 
}
.imapper-content-inner .imapper-content-header {
	text-align:center;
	padding: 20px 10px 0 10px;
	font-family: Roboto, Arial, Helvetica, sans-serif;
}

.imapper-content-text table th, 
.imapper-content-text table td {
  padding: 8px 15px 5px 15px;
  text-align: left;
  font-family: Roboto, Arial, Helvetica, sans-serif;

}
.imapper-content-text table th {
	font-size:16px;
	font-weight:500;
	letter-spacing: 0.02em;
	border-bottom: 1px solid #fff;
	padding: 2px 15px 5px 15px;
}

.imagemapper-wrapper .mCSB_container table td {text-align:left;}

/*Hinweis bzgl. neu laden*/
.hinweistext {font-size: 0.9em; padding-top:10px; }
small i.fontawesome-icon {
	font-size: 20px !important;
	line-height: 30px !important;
	height: 34px !important;
	width: 34px !important;
	margin: 10px 5px 10px 0 !important;
}

/* ############### Accordeon Listen ################   */
.accordian .panel-heading h4 a {    
	background-color: rgb(246, 246, 246);
/*    border: 1px solid rgb(204, 204, 204);
	margin-bottom: 3px;*/
	padding:	10px 15px;
}
.fusion-toggle-heading {
	font-family: Roboto, Arial, Helvetica, sans-serif !important;
    font-weight: 400;
	font-size: 16px;
    letter-spacing: 0px;
    font-style: normal;
}

.fusion-accordian .panel-title a .fa-fusion-box {
	background-color: var(--awb-color4) !important;
	border-color: var(--awb-color4) !important;
}

.fusion-accordian .fusion-panel {
    border-color: #fff;
	border: none !important;
}

/* Bei Tabelle im Accordeon Downloads*/
.page-id-381 .download .panel-collapse .toggle-content,
.page-id-383 .download .panel-collapse .toggle-content, 
.page-id-383 .download table {
	padding: 10px 0!important;
	font-size: 14px!important;
}

.download .panel-collapse .toggle-content table,
.download table {width:100%; margin-bottom: 10px;}

.download .panel-collapse .toggle-content tr {font-size:14px;}
.download .panel-collapse .toggle-content tr th, .download .panel-collapse .toggle-content tr td {text-align:left; padding-left:5px;}
.download .panel-collapse .toggle-content tr.th th, .download .panel-collapse .toggle-content tr.th td {text-align:center; padding-left:0;}
.download .panel-collapse .toggle-content tr:nth-child(even) {background-color: #f2f2f2;}

.page-id-8173 .fusion-accordian .panel-title a .fa-fusion-box {
    background-color: var(--awb-color4) !important;
    border-color: var(--awb-color4) !important;
}

.download .panel-collapse .toggle-content table.dl td,
.page-id-383 table td {
	padding-right:10px;
}
.page-id-1431 .fusion-post-content p, .page-id-1431 .post-content p {
    margin: 0 0 20px 0;
}

/* ############### Ende Accordeon ################   */



/* ############### Tabellen innerhalb von Tabs ################   */

.fusion-tabs .tab-pane {
	padding:0 !important; background-color:#f6f6f6 !important;
}
.tab-content table {
	font-size:	0.9em;	/*0.8em;*/
	padding: 10px 15px  !important;
}

/*.product-table .tab-pane h3 {margin:0; padding: 10px 20px; background-color: #dcdcdc; color:#555;}*/

.table-2 table th {
	padding: 10px 15px  !important;
	font-family: Roboto, Arial, Helvetica, sans-serif;
	font-size: 1.2em;
}

.produkttabelle .table-1 tr td {vertical-align: top; text-align: center;}
.produkttabelle .tab-content .fullwidth-box, 
.produkttabelle .fusion-tabs .tab-pane {background-color:#f6f6f6;}

/*Für Tabs in Produkttabelle*/
.tab-content table.boxen {
	font-size:	0.8em;	
	padding: 0;
}
.tab-content table.boxen td {
	padding-right: 12px;
}
.produkttabelle h4.fusion-tab-heading {font-size 15px !important;}
.produkttabelle .table-1 table th {padding: 0 20px; text-align: center;}
.produkttabelle h3 {color:#333 important;}
.produkttabelle .table-1 tr td img {padding-bottom: 20px}

/*### neu ab 11/25 ###*/
.produkt-tabelle .content-boxes li {list-style-type:none; margin-left:-40px;}
.produkt-tabelle .content-boxes li a::before {content:"→ "}

/*Hintergrundfarbe für den letzten TAB entfernen*/
.produkt-tabelle .tab-content #tab-371f0139a35e735b310, 
.produkt-tabelle .tab-content #tab-7951331827b85018a6d,
.produkt-tabelle .tab-content #tab-1b1a8104f4bfd40d7b5,
.produkt-tabelle .tab-content #tab-182f3f80a8b5bdbeb0f,
.produkt-tabelle .tab-content #tab-6c2de1b0bb0444b6b78, 
.produkt-tabelle .tab-content #tab-fc3dde314fff7f9ec96,
.produkt-tabelle .tab-content #tab-d3b1155f5ec1fe32bff,
.produkt-tabelle .tab-content #tab-bc4d134396b76f7c9da,
.produkt-tabelle .tab-content #tab-b375d6c6a4f27cc9c86,
.produkt-tabelle .tab-content #tab-6c860e8744be1cf4a99 {border:none !important; background-color:#fff !important;} 


/* wichtig: letzter Tab muss Download sein tab-1b1a8104f4bfd40d7b5*/

.table-1 table th {background-color: #e3e3e3 !important; font-size:1.2em !important; font-weight:500;}

/* ############## Freier Text innerhalb eines Tabs ################### */
.tab-pane p {
    margin-top: 20px;
    margin-bottom: 20px;
    padding: 20px;
}
.tab-pane p a {
	font-size: 14px;
	padding: 10px 0;
}


/*SkyVision Übersichtsseite Boxen*/
.produktbox .fusion-content-boxes .content-wrapper-background {
	border:1px solid #ccc !important;	
}
.produktbox .fusion-content-boxes .fusion-column {margin-bottom:40px;}



/* Galerie-Einstellungen */
.ilightbox-holder.metro-white 
.ilightbox-container 
.ilightbox-caption {
    background-color: #fff !important;
	text-shadow: none !important;
	text-align:center;
}
.ilightbox-title {text-align:center;}

.page-id-390 .fusion-tabs {border:none;}

/* ####### Lightbox-Einstellungen DCDCDC ##### */
 .ilightbox-overlay.metro-white {
    background: #737373 !important;
}
.hg-gray img {background-color: #f6f6f6}
.hg-weiss img {background-color: #fff}



/* Footer Einstellungen */
.fusion-footer-widget-area {
	font-size:	14px !important;
	font-weight: 300;
	
}

.fusion-footer-widget-area ul li strong {
	font-weight: 300;
	text-transform: uppercase;
	margin-bottom:40px !important;
}

.fusion-footer-widget-area ul.footersub {
	margin-left:20px;
}

.fusion-footer-widget-area h4.widget-title {color:#76B843;}

/*headerbereich class="logolinie" unterhalb des wrappers noch in header.php einbinden*/
.logolinie {
    margin: 0px auto;
    background: #77b829;
    padding: 0px;
    height: 3px; 
    position: absolute;
    /*overflow: visible;*/
    width: 100%;
    left: 0;
    border: 2px solid #77b829;
    top: 175px;
	z-index:5000;
	display: block;
}

/* #############   NEWS Blogbereich #######################*/

/* befindet sich in den Csutomizer Styles */


.single-navigation {
    height: 34px;
    line-height: 34px;
    border-top: 1px solid #ccc  !important;
    border-bottom: 1px solid #ccc  !important;
    margin-bottom: 60px;
	margin-top:60px;
    text-align: center !important;
}
.single-navigation a {
    padding: 0 20px !important;
}

.single h1.fusion-post-title {
	font-size: 30px !important;
	color: #76b843 !important;
	font-family: Muli, Arial, Helvetica, sans-serif !important;
    font-weight: 300;
    line-height: 1.4;
    letter-spacing: 0px;
    font-style: normal;
}
.fusion-accordian .panel-title a .fa-fusion-box {
	background-color: var(--awb-color4) !important;
	border-color: var(--awb-color4) !important;
}

/* ############## Galerie Tabs -- nur bei Monitorgröße ############## */

/* Ende ### Galerie Tabs ##### */

/* Styles Suche-Seite */
body.search-results #content {
    margin-top: 100px !important;
}
.search-results .post {
    margin-bottom: 30px;
}

/* alle Reiter */
.page #wrapper .fusion-tabs.fusion-tabs-1.clean .nav-tabs li a {
    border-radius: 15px 15px 0 0 !important;
	border-color: #909090; 
	min-height: 69px;
}
/* alle aktiven Reiter */
.page #wrapper .fusion-tabs.fusion-tabs-1.clean .nav-tabs li.active a {
	border-color: #76b843 !important;
		min-height: 69px;
}

/* --- XMAS Banner ein-/ausblenden --- über draft ein- und ausblenden*/
.xmasbanner {display:none !important;}



@media screen and (min-width: 1024px) {
.search-results .fusion-search-field input {width:400px !important;}
}

/* ############## RESPONSIVE Handy #####################*/

/*Slogan auf Handy kleiner schreiben */
@media screen and (min-width: 300px) and (max-width: 400px) {
		.fusion-header h3.fusion-header-tagline {font-size:20px !important;}
}

@media screen and (max-width: 45em) {
	h1  {text-transform:none !important}; /* Capitalize aufheben*/
	.table-2 table tr, th, td {
 		display: block;
	}
	.render {
    	width: 280px;
    	height: 250px;
	}
	.fusion-mobile-menu-design-modern .fusion-header-tagline {
		line-height:1.4em;
		font-size: 1.4em !important;
		margin-top: 30px !important;
	}
	#wrapper .post-content h2 {
		font-size: 1.1em;
		line-height: 1.25em;
		padding-left: 0;
	}

	.post-content h1 {
    	margin-top: 20px;
		line-height: 1.2em;
		font-size: 30px  !important;
	}
	.blog #posts-container {margin-top:50px;} /*Blog-Teaser */
	.fusion-image-wrapper {
		height: auto !important;
	}
	/* avada Slider Startseite ausblenden*/
	.tfs-slider .slide-content-container {display:none !important;}
	
	
/*Volle Breite beim Handy*/

.width-100 .fullwidth .fusion-builder-row-1 .fusion-builder-row, 
.width-100 .nonhundred-percent-fullwidth .fusion-builder-row-1 .fusion-builder-row {
    padding-left: -20px !important;
    padding-right: -20px !important;
}	
	
.width-100 .fullwidth .fusion-builder-row, .width-100 .nonhundred-percent-fullwidth .fusion-builder-row {
    padding-left: 20px !important;
    padding-right: 20px !important;
}	
}	/* Ende Media screen max 45em */
	
/* ################## iMapper (evtl. veraltet) #################### */

.imapper-content-inner .imapper-content-text table {
	width: 100%;
	border-collapse: collapse;
}
	
.imapper-content-inner .imapper-content-header {
	text-align: center;
	padding: 5px 10px 0 10px;
	font-family: Roboto, Arial, Helvetica, sans-serif;
}
.imapper-content-text table tr {
	display: table-row;
    vertical-align: inherit;
}

.imapper-content-text table td {
	display: table-cell;
    vertical-align: inherit;
	font-size:13px;
  	padding: 8px 15px 5px 15px;
  	text-align: center;
  	font-family: Roboto, Arial, Helvetica, sans-serif;
}
.imapper-content-text table th {
	display: table-cell;
	font-size:13px !important;
	font-weight:500;
	letter-spacing: 0.02em;
	border-bottom: 1px solid #fff;
	padding: 2px 15px 5px 15px;
}
/* Close-Button verkleinern */	
img.imapper-close-button	{height:16px; width:16px;}
	
/* Breiten / Höhen einzelene Pin-Boxen */
.imapper2-pin-content-wrapper {
	width:	250px !important; 
	height:	100px !important;
	z-index:1000;
}	
	
/* Bildunterschriften */
.wp-caption-text {
	font-size: 0.85em;
	padding-top:5px;
}
/* h1 in page-title-bar ausblenden wird sonst in SEO erfasst*/
.fusion-page-title-bar h1.entry-title {display:none !important;}
.fusion-page-title-bar 	{display:none !important;}
	
/*Slidergalerie in Produktseiten in voller größe darstellen */
.fusion-carousel-wrapper .fusion-carousel-item img {min-height:227px;}

/*Bilder in 1_6 Spalten auf 50% verkleinern */
.fusion_builder_column_1_6 img.img-responsive {max-width:50% !important; height:auto}



/* Ende ### RESPONSIVE Handy ##### */	

@media screen and (max-width: 800px) {
/* um in der Navigation eine Zwischenbereich zu erzeugen */
.menusubtitle {padding-bottom:0}
.menusubtitle::after {
	content:"Weitere Produkte";
	padding:10px 0 10px 40px;	
	font-size:12px;
	font-weight: 400;
	font-family: Roboto, Arial, Helvetica, sans-serif;
	margin-top:0 !important; 
	border-top:none;
	display:block;
	letter-spacing: 0;
	background-color: #f9f9f9;
	border-bottom:1px solid #76b843;
} 	
/*statisches Kopf-Bild statt Slider für Handys		*/
	.flexslider ul.slides {display:block !important;} 
.home .flexslider ul.slides {display:none;} 
.fusion-slider-sc-startslider,  .fusion-slider-sc-slider-en {content: url(https://glasolux.com/wp-content/uploads/2022/03/ersatzbild-mobil-ohne.jpg);  max-height:200px;}	

/*Menüpunkt begehbares Glas Handy : funktioniert noch nicht*/
.fusion-mobile-menu-text-align-left li.fusion-mobile-nav-item li li#mobile-menu-item-30572 a::before {
  content: "-" !important;
  margin-left:-10px !important;
}
	
}
/* Ende Media screen 800 Breite */

/* Kopfbilder für Chrome in voller Breite */

html :where(img[class*=wp-image-]) {
    height: auto;
    width: 100%;
}





/* ############## RESPONSIVE Tablet #####################*/
@media screen and (min-width: 768px) and (max-width: 1170px) {
	
.fusion-header h3.fusion-header-tagline {font-size:30px; padding-top:20px; }
	
/*Volle Breite beim Handy mit Abstand*/
.width-100 .fullwidth .fusion-builder-row-1 .fusion-builder-row, 
.width-100 .nonhundred-percent-fullwidth .fusion-builder-row-1 .fusion-builder-row {
    padding-left: -20px !important;
    padding-right: -20px !important;
}	
	
.width-100 .fullwidth .fusion-builder-row, .width-100 .nonhundred-percent-fullwidth .fusion-builder-row {
    padding-left: 20px !important;
    padding-right: 20px !important;
}
/* Navigation in Schrift verkleinern*/
	.fusion-main-menu > ul > li > a {font-size:15px !important;}	
}

/*Bilder in 1_6 Spalten auf 50% verkleinern 
.fusion_builder_column_1_6 img.img-responsive {max-width:180px !important; height:auto}*/
.imageframe-17 img.img-responsive {max-width:180px !important; height:auto}	


/*neuer Image Mapper */
#powerTip {
    background-color: #737373 !important; /*737373*/
}
#powerTip table td {font-size:11px !important; padding:5px;}	

/*imageMap mit Draw Attention */
.hotspot-content, .hotspot-content td {font-size:14px;}

@media screen and (min-width: 1171px) and (max-width: 3000px) { 
#powerTip table td {font-size:14px !important; padding:5px;}	
}
@media screen and (min-width: 250px) and (max-width: 767px) { 
.awb-menu 	{display:none !important;}
.tab-content table {
	font-size:	0.8em;	/*0.8em;*/
	padding: 10px 15px important;}
.fusion-header-tagline {
    --tagline_font_size: 20px;
    --tagline_font_color: #77b829;
}
/*Bilder in 1_6 Spalten auf 50% verkleinern
.fusion_builder_column_1_6 img.img-responsive {max-width:50% !important; height:auto}
.imageframe-17 img.img-responsive {max-width:150px !important; height:auto}	 */
	
/* Image Hotspot Karte mobil */
	img.pins_image {top:0; left:0;}
	
	
/* ende media screen*/
}
/*	weitere neue Styles wirken nur über den Customizer CSS Bereich */	
/* Neue Galerie Styles sind im Plugin selbst festgehalten */