/*
Theme Name: lichtwert_NOW
Theme URI: http://licht-wert.at
Author: Andreas Wurm
Author URI: http://sophisticated.systems
Description: Base wordpress theme
Version: 6.3.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: basetheme
Tags: basetheme, wordpress

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

lichtwert is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 Carousel Section
2.0 Navbar Overrides
3.0 Philosophie Section
4.0 Portfolio Post Type
5.0 Footer
6.0 Word Break
7.0 Alignments
9.0 Widgets
10.0 Content
        10.1 Posts and pages
        10.2 Asides
        10.3 Comments
11.0 Infinite scroll
12.0 Media
        12.1 Captions
        12.2 Galleries
13.0 Media Queries
--------------------------------------------------------------*/
/*--------------------------------------------------------------
1.0 General Styles
--------------------------------------------------------------*/

/*--------------------------------------------------------------
1.1 Google Fonts import Roboto+Slab:300,700,400
--------------------------------------------------------------*/
@import url(https://fonts.googleapis.com/css?family=Fredericka+the+Great|Libre+Baskerville:700|Open+Sans:400italic,400,700);

/*--------------------------------------------------------------
1.2 General h and p-Font Styles, Primary Button
--------------------------------------------------------------*/

h1,h2,h3,h4,h5,h6 {
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
}
h1{
    font-size: 19px;
    color: #BE9267;
}
h2{
    font-size: 16px;
    color: #BE9267;
}
h3{
    font-size: 11px;
    color: #BE9267;
}
h4{
    color: #5A5A59;
    font-size: 19px;   
}
h5{
    color: #5A5A59;
    font-size: 16px;   
}
h6{
    color: #5A5A59;
    font-size: 11px;   
}
body {
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-size: 11px;
    color: #747372;
    margin: 0;
    padding: 0;
}
p {
    font-size: 12px;
}

td {
    font-size: 12px;
}

.btn-primary{
    background-color: transparent;
    color: #BE9267;
    border-color: #BE9267;
}

.btn-primary:hover{
    background-color: rgba(190,146,103,.2);
}

.btn{
    border-radius: 0;
}

.centerText{
    text-align: center;
}

.centerButton{
    margin: 0 auto;
}

/*--------------------------------------------------------------
1.3 Section Styles
--------------------------------------------------------------*/
.sectionHeadingH2 {
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    color: #5A5A59;
    display:inline;
    font-size: 14px;
}

.sectionHeadingH1 {
    font-family: 'Fredericka the Great', cursive;
    font-weight: 700;
    color: #BE9267;
    display:inline;
    font-size: 19px;
}

.sectionHeadingH1P {
    font-family: 'Fredericka the Great', cursive;
    font-weight: 700;
    color: #BE9267;
    display:inline;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 5px;
    font-size: 19px;
}

.sectionHeadingH1L {
    font-family: 'Libre Baskerville', serif;
    font-weight: 700;
    color: #BE9267;
    display:inline;
    font-size: 12px
}

.sectionHeadingH3 {
    display: inline;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    color: #747372;
    font-size: 11px;
}

.sectionHeading {
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    color: #BE9267;
    display: inline;
}

.sectionHeading h4 {
    font-family: 'Libre Baskerville', serif;
    font-weight: 700;
    color: #BE9267;
    display: inline;
}
.sectionHeading h5 {
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    color: #5A5A59;
    display:inline;
}

.sectionHeading h6 {
    display: inline;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    color: #747372;
}

.sectionHeading{

    margin-bottom: 150px;
    margin-top: 30px;
}
.isSectionHeading {

    padding-top: 4%;
    padding-bottom: 4%;
}

.isSectionContentHeading {

    margin-right: auto;
    margin-left: auto;
    padding-top: 6%;
    padding-bottom: 6%;
}

.isSectionMain{
    margin-left: 3px;
    margin-right: 3px;
}

.isSectionContent{
    padding-left:10%;
    padding-right:10%;
    padding-bottom: 2%;
}
.isSectionIMG{
    padding:0;
    height: auto;
}

.isSectionIMGSize{
    min-width:100%;
    height: auto;
}

.standardItemsPadding{
    padding: 3px;
}

/* padding geändert von 10% auf 20px weil sonst schauts komisch aus */
.standardSectionPadding{
    padding-top: 30px;
    padding-bottom: 30px;
}

.connectedSectionTopPadding{
    padding-top: 10%;
    padding-bottom: 0;

}.connectedSectionBottomPadding{
     padding-top: 0%;
     padding-bottom: 10%;
 }


/*--------------------------------------------------------------
1.0 Viewportchecker hide/show elements
--------------------------------------------------------------*/
.hideElements{
    opacity:0;
}
.showHiddenElements{
    opacity:1;
}

/*--------------------------------------------------------------
1.0 Carousel Section
--------------------------------------------------------------*/
#featuredCarousel{
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}
.carousel-inner img {
    min-width: 100%;

}
/*--------------------------------------------------------------
2.0 Navbar Overrides
--------------------------------------------------------------*/

.navbar-brand{
    display: block;
    visibility: hidden;
    background: url('img/lichtwert_concept_menue.svg') no-repeat;
    /*background-size: 80px 20px; deaktiviert von nput 080121*/
    width: 120px; /*nput 080121 since logo wont fit*/
    height: 20px;
    margin-top: 15px;
    margin-left: 15px;
}

ul.list-inline>li{
    display: block;
    text-decoration: none;        
}

ul.list-inline>li a:hover{
    text-decoration: underline;
    color: #BE9267;
}
ul.list-inline>li a:visited, a:focus, a:hover{
    text-decoration: none;
}

#siteMainNav.navbar.navbar-default{
    background-color: rgba(255,255,255,0);
}
#siteMainNav.navbar .navbar-collapse{
    background-color: rgba(255,255,255,1);
}

.ismainMenuHeading h2{
    display: block;
}

#mainMenu{
    visibility: hidden;
    padding: 20px;
    text-align: center;
}

#mainMenu ul{
    margin-bottom: 0px;
}

.ismainMenuHeading h2{
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    font-size: 12px;
    color: #5A5A59;
    display:inline;
}


#siteMainNav.navbar{
    border: none;
    margin-bottom: 0;
    z-index: 25;
}


.toggleWhiteBg{
    background-color: rgba(255,255,255,.7);
}

.nav-icon {
    width: 30px;
    padding: 0px;
}

.nav-icon:after, 
.nav-icon:before, 
.nav-icon div {
    background-color: #fff;
    -o-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    content: '';
    display: block;
    height: 5px;
    margin: 3px 0;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.nav-icon:active:before {
    transform: translateY(12px) rotate(90deg);
    -moz-transform: translateY(12px) rotate(90deg);
    -webkit-transform: translateY(12px) rotate(90deg);
}

.nav-icon:active:after {
    transform: translateY(-12px) rotate(-90deg);
    -moz-transform: translateY(-12px) rotate(-90deg);
    -webkit-transform: translateY(-12px) rotate(-90deg);
}

.nav-icon:active div {
    -moz-transform: scale(0);
    -webkit-transform: scale(0);
    transform: scale(0);
}

.nav-icon-black:after, 
.nav-icon-black:before, 
.nav-icon-black div {
    background-color: #000;
    -o-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    content: '';
    display: block;
    height: 5px;
    margin: 3px 0;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.nav-icon-black:before {
    transform: translateY(3px) rotate(135deg);
    -moz-transform: translateY(3px) rotate(135deg);
    -webkit-transform: translateY(3px) rotate(135deg);
}

.nav-icon-black:after {
    transform: translateY(-12px) rotate(-135deg);
    -moz-transform: translateY(-12px) rotate(-135deg);
    -webkit-transform: translateY(-12px) rotate(-135deg);
}

.nav-icon-black div {
    -moz-transform: scale(0);
    -webkit-transform: scale(0);
    transform: scale(0);
}

.menuRight {
    padding: 20px;
}

.languageSelector {
    display: inline;
}

.navbar-toggle {
    margin-top: 0px;
    margin-bottom: 0px;
}

/*#mainMenu ul{ display: flex; justify-content: space-between; }*/

/*--------------------------------------------------------------
3.0 Philosophie Section
--------------------------------------------------------------*/
#philosophie-section{
    background-color: #eeeeee;
}

.philosophie-items p {
    background-color: #fff;
}
.philosophie-lw-logo{
    padding-bottom: 50px;
    width: 40%;
}

#philosophie-heading .sectionHeading img {
    margin-left: 5px;
    width: 30px;
    margin-bottom: 8px;
}

.philosophie-item .sectionHeading {
    padding-left: 0;
}

#philosophie-heading{
    padding-left:0;
}

.philosophie-item h1 {
    font-family: 'Fredericka the Great', cursive;
    color: #BE9267;
    display:inline;
    font-size: 22px;
}

.philosophie-item1 h1 {
    font-family: 'Libre Baskerville', serif;
    color: #BE9267;
    display:inline;
    font-size: 22px;
}

.philosophie-item h2 {
    font-family: 'Open Sans', sans-serif;
    color: #5A5A59;
    display:inline;
    font-size: 16px;
}

/*--------------------------------------------------------------
3.0 The Concept Section
--------------------------------------------------------------*/

#theconcept-main {
    background-color: #fff;
    border-radius: 5px;
}

/*--------------------------------------------------------------
3.0 Showroom Section
--------------------------------------------------------------*/

#fixedLinkOccioShowroom {
 position: absolute;
 bottom: -25px;
 z-index: 10;
 right: -30px;
}

#showroom-main {
    background-color: #fff;
    border-radius: 5px;
}

/*--------------------------------------------------------------
3.0 Our work Section
--------------------------------------------------------------*/
#ourwork-section {
    background-color: #eeeeee;
}

#ourwork-main {
    background-color: #fff;
    border-radius: 5px;
}

#ourwork-section img {
    min-width: 100%;
}

#teamwork-heading{
    text-align:center;
}
/*--------------------------------------------------------------
3.0 Our Blog Section
--------------------------------------------------------------*/
#ourblog-section {
    background-color: #eeeeee;
}

#ourblog-main {
    background-color: #fff;
    border-radius: 5px;
}

#ourblog-main a{
    color: #BE9267;
}

#blogArchive li{
    list-style: none;
    text-align: center;
}

#blogRecentPosts img{
    max-width: 100%;
    height: 80px;
}

.recentBlogFooterMargin{
    margin-bottom: 2%;
}

#blogArchive a{
    color: #5A5A59;
}

/*--------------------------------------------------------------
3.0 Projects Section
--------------------------------------------------------------*/

/* padding geändert von 10%top und 2% bottom auf 20px weil sonst schauts komisch aus */
#projects-section {
    background-color: #eeeeee;
    padding-top: 30px;
    padding-bottom: 10px;
}

#projects-main {
    background-color: #fff;
    border-radius: 5px;
}

#projects-section img {
    min-width: 100%;
}

#references-main{
    padding-left: 2%;
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 2%;
}

#references-main {
    background-color: #fff;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
}

#references-main ul {
    list-style: none;
    margin-left: 0;
    padding-left: 0;
}

#references-main li {
    padding-left: 1em;
    text-indent: -1em;
}

#references-main li:before {
    content: ">>";
    padding-right: 5px;
}

#portfolioGallery-main {
    background-color: #fff;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
}
#portfolioGallery-main {
    padding-left: 2%;
    padding-top: 2%;
    padding-bottom: 2%;
    padding-right: 2%;
}


.gallery .gallery-item {
    float: left; /*Change to 'right' if RTL is enabled*/

    margin-top: 10px;
    text-align: center;
    width:auto;
    overflow:hidden; /*for gallery zoom effect*/
}

.gallery-item:nth-of-type(n+11) { display: none !important; }

.dd.wp-caption-text, dd.gallery-caption {
    display: none;
}

.gallery img {
    filter: gray; /* IE6-9 */
    filter: grayscale(1); /* FF 39+ */
    -moz-filter: grayscale(1);
    -o-filter: grayscale(1);
    -ms-filter: grayscale(1);
    -webkit-filter: grayscale(1); /* Google Chrome, Safari 6+ & Opera 15+ */
    -webkit-transition: all 1s ease; /* Safari and Chrome */
    -moz-transition: all 1s ease; /* Firefox */
    -ms-transition: all 1s ease; /* IE 9 */
  -o-transition: all 1s ease; /* Opera */
    transition: all 1s ease;
}

.gallery img:hover {
    filter: none; /* IE6-9 */
    filter: grayscale(0); /* FF 39+ */
    -moz-filter: grayscale(0);
    -o-filter: grayscale(0);
    -ms-filter: grayscale(0);
    -webkit-filter: grayscale(0); /* Google Chrome, Safari 6+ & Opera 15+ */
    -webkit-transform:scale(1.25); /* Safari and Chrome */
    -moz-transform:scale(1.25); /* Firefox */
   -ms-transform:scale(1.25); /* IE 9 */
    -o-transform:scale(1.25); /* Opera */
    transform:scale(1.25);
    z-index:1;
}


/*--------------------------------------------------------------
3.1 Project Listing Section
--------------------------------------------------------------*/

#projectlisting-section {
    background-color: #eeeeee;
    padding-top: 2%;
    padding-bottom: 10%;
}

#projectlisting-main {
    background-color: #fff;
    border-radius: 5px;
}
#projectlisting-items a{
    color: #BE9267;
}

#projectlisting-items.btn-primary{
    background-color: transparent;
    color: #BE9267;
    border-color: #BE9267;
}

#projectlisting-items .btn-primary:hover{
    background-color: rgba(190,146,103,.2);
}

#projectlisting-items .btn-primary:focus{
    background-color: rgba(190,146,103,.2);
}

#projectlisting-items .btn-primary:active{
    background-color: rgba(190,146,103,.2);
}

#projectlisting-items .btn{
    border-radius: 0;
}

#projectlisting-items .btn:hover{
    border-color: #BE9267;
}

#projectlisting-items .btn:focus{
    border-color: #BE9267;
}

#projectlisting-items .btn:active{
    border-color: #BE9267;
}

#filters .btn-default:hover{
    background-color: rgba(190,146,103,.2);
    color: #BE9267;
    border-color: #BE9267
}
/*--------------------------------------------------------------
3.0 Who We Are Section
--------------------------------------------------------------*/

#whoweare-section {
    background-color: #eeeeee;
    padding-top: 60px;
    padding-bottom: 30px;
}


#whoweare-main{
    background-color: #fff;
    border-radius: 5px;  
}

#whoweareitems td {
    font-size:12px;
}

#whoweareitems img {
    min-width: 100%;
}

#teamwork-heading {

}

.isWWASectionContentRight {
    display: inline;
}

.isWWASectionContentRight td{
    padding: 0 5px;
    vertical-align: top;
}

.isWWASectionContentLeft{
    padding-left: 20px;
}

.isWWASectionContentRight{
    padding-right: 20px;
}

.isWWASectionContentRight table {
    border-collapse:collapse;
    table-layout:fixed;
}

.isWWASectionContentRight td{
    vertical-align:top;
}

td .tdHeading{
    width: 40%;
}

.primary {
    word-break: normal;
    word-wrap: break-word;
    white-space: normal;

}

.animatedArrows{
-vendor-animation-duration: 3s;
  -vendor-animation-delay: 2s;
  -vendor-animation-iteration-count: infinite;
}

/*--------------------------------------------------------------
3.0 Where we are Section
--------------------------------------------------------------*/

#whereweare-section {
    background-color: #eeeeee;
}

#whereweare-main {
    background-color: #fff;
    border-radius: 5px;
}

.isWeWASectionContentLeft{
    padding-left: 35px;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-right: 35px;
}

.isWeWASectionContentRight{
    padding-right: 35px;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left:35px;
}

#contactUsButton .btn-primary {
    background: transparent; 
    cursor:pointer;
    padding-top: 7px;
    padding-bottom: 7px;
    padding-left:15px; 
    padding-right:15px;
    border:1px solid #BE9267;
    color:#BE9267; 
}
#contactUsButton .btn-primary:hover {
    color:#BE9267;
    border:1px solid #BE9267;
}

/*--------------------------------------------------------------
3.0 Products Section
--------------------------------------------------------------*/

/* style für occio button */

#fixedLinkOccio {
 position: absolute;
 bottom: -10px;
 z-index: 10;
 right: -30px;
}


/* padding geändert 2% bottom auf 20px weil sonst schauts komisch aus */
#products-section {
    background-color: #eeeeee;
	padding-bottom: 30px;
	padding-top: 30px;
}

#products-main {
    background-color: #fff;
    border-radius: 5px;
}

/* padding geändert 5% bottom 20px weil sonst schauts komisch aus */
#productportfolio-section{
	
    padding-bottom: 40px;
}

#productportfolio-main{
    background-color: #fff;
    padding-bottom: 2%;
    border-radius: 5px;
}

/*--------------------------------------------------------------
4.0 Portfolio Post Type
--------------------------------------------------------------*/
.portfolio img.wp-post-image {
    margin-bottom: 0;
    height: auto;  
}

.portfolio-item {
    margin: 10px 0;
}

.portfolio .thumbnail {
    margin-bottom: 5px;
}

.portfolio h4 {
    margin-top: 5px;
}

.single-portfolio .hentry {
    border-bottom: 0;
}

/*--------------------------------------------------------------
5.0 Footer
--------------------------------------------------------------*/
footer{
    background-color: #eeeeee;
}

#colophon{
    border-top: 1px solid #BE9267;
}

#colophon .container {
    padding-top: 25px;
}

#colophon h2 {
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    color: #5A5A59;
}

.footer-menu {
    margin-left:0;
    padding:0 0 30px 0;
}

.footer-menu li {
    display:inline;
    list-style-type:none;
}

.footer-menu li a {
    border-left:1px solid #ddd;
    padding: 0 8px;
}

.footer-menu > li:first-child > a {
    border-left:none;
    padding:0 8px 0 0;
}

#footerBottom a{
    color: #BE9267;
}

#footerBottom p{
    font-size: 11px;
}

#contactText p{
    font-size: 13px;
}

#socialTelText .fa{
    color: #5A5A59;
    font-size: 18px;
}


/*--------------------------------------------------------------
6.1 Footer - ourblog widget
--------------------------------------------------------------*/
#ourblog-widget a{
    color: #BE9267;
}
/*--------------------------------------------------------------
6.2 Footer - contactus widget
--------------------------------------------------------------*/


.wpcf7-text { 
    background:#ffffff; 
    padding:5px 7px; 
    border:1px solid #BE9267; 
    margin-bottom:8px; 
}

.wpcf7-form textarea { 
    background:#ffffff; 
    padding:5px 0px 5px 7px; 
    border:1px solid #BE9267; 
}

.wpcf7-form p {

    font-size: 12px;
    color:#5A5A59; 
    margin-top:10px; 
}

.wpcf7-submit { 
    background: transparent; 
    cursor:pointer;
    padding-top: 7px;
    padding-bottom: 7px;
    padding-left:15px; 
    padding-right:15px;
    border:1px solid #BE9267;
    color:#BE9267; 
}

.wpcf7-submit:hover{
    background-color: rgba(190,146,103,.3);
}

.wpcf7 input[type="text"] {width:100%;}
.wpcf7 input[type="email"] {width:100%;}
.wpcf7 textarea.wpcf7-textarea { width:100%;}

.modal.in .modal-dialog {
    z-index: 9999;
}

/*--------------------------------------------------------------
6.0 Archive Section
--------------------------------------------------------------*/
#archive-main {
    background-color: #ffffff;
}

#archive-section a{
    color: #BE9267;
}

/*--------------------------------------------------------------
6.0 Word Break
--------------------------------------------------------------*/
#secondary{
    -ms-word-break: break-all;

    /* Be VERY careful with this, breaks normal words wh_erever */
    word-break: break-all;

    /* Non standard for webkit */
    word-break: break-word;

    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
}
#primary{
    -ms-word-break: break-all;

    /* Be VERY careful with this, breaks normal words wh_erever */
    word-break: break-all;

    /* Non standard for webkit */
    word-break: break-word;

    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
}
/*--------------------------------------------------------------
7.0 Alignments
--------------------------------------------------------------*/
.alignleft {
    display: inline;
    float: left;
    margin-right: 1.5em;
}

.alignright {
    display: inline;
    float: right;
    margin-left: 1.5em;
}

.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

/*--------------------------------------------------------------
9.0 Widgets
--------------------------------------------------------------*/
.widget {
    margin: 0 0 1.5em;
}

/* Make sure select elements fit in widgets. */
.widget select {
    max-width: 100%;
}

/* Search widget. */
.widget_search .search-submit {
    display: none;
}

/* Remove UL Style */
.widget ul {
    list-style:none;
    padding-left: 0;
}
/*--------------------------------------------------------------
10.0 Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
10.1 Posts and pages
--------------------------------------------------------------*/
.sticky {
    display: block;
}

.hentry {
    margin: 0 0 1.5em;
}

.byline,
.updated:not(.published) {
    display: none;
}

.single .byline,
.group-blog .byline {
    display: inline;
}

.page-content,
.entry-content,
.entry-summary {
    margin: 1.5em 0 0;
}

.page-links {
    clear: both;
    margin: 0 0 1.5em;
}

body {
    background-color: #eeeeee;
}

#singlePost-main{
  background-color: #fff;
  border-radius: 5px;
}

#singlePost .post {
    border: #BE9267 1px solid;
    border-radius: 5px;
    padding: 2%;
}

#singlePost .post img{
    margin-bottom: 2%;
}

#singlePost #main .well {
    background: #eeeeee;
    border: #BE9267 1px solid;
}

.author-meta .fa{
	font-size: 22px;
        color: #BE9267;
}
.author-meta {
	margin-top: 40px;
}

.author-meta a{
	color: #BE9267;
}
 
.author-meta .avatar {
	border-radius: 50%;
}
#mainBlog a{
    color: #BE9267
}
.entry-footer{
    background: transparent;
}

.entry-meta .posted-on{
    margin-right: 10px;
}

/*--------------------------------------------------------------
10.2 Asides
--------------------------------------------------------------*/
.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
    display: none;
}

#sidebarBlog{
    background: transparent;
    border-right: 1px solid #BE9267;
    border-top: none;
    border-bottom: none;
    border-left: none;
}
#sidebarBlog a{
    color: #BE9267
}

/*--------------------------------------------------------------
10.3 Comments
--------------------------------------------------------------*/
.comment-content a {
    word-wrap: break-word;
}

.bypostauthor {
    display: block;
}

/*--------------------------------------------------------------
11.0 Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
    display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
    display: block;
}

/*--------------------------------------------------------------
12.0 Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
    border: none;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
img,
embed,
iframe,
object {
    max-width: 100%;
}

/*--------------------------------------------------------------
12.1 Captions
--------------------------------------------------------------*/
.wp-caption {
    margin-bottom: 1.5em;
    max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
    display: block;
    margin: 0 auto;
}

.wp-caption-text {
    text-align: center;
}

.wp-caption .wp-caption-text {
    margin: 0.8075em 0;
}

/*--------------------------------------------------------------
12.2 Galleries
--------------------------------------------------------------*/

.gallery {
    margin-bottom: 1.5em;
}

.gallery-item {
    display: inline-block;
    text-align: center;
    vertical-align: top;
    width: 100%;
}

.gallery-columns-2 .gallery-item {
    max-width: 50%;
}

.gallery-columns-3 .gallery-item {
    max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
    max-width: 25%;
}

.gallery-columns-5 .gallery-item {
    max-width: 20%;
}

.gallery-columns-6 .gallery-item {
    max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
    max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
    max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
    max-width: 11.11%;
}

.gallery-caption {
    display: block;
}


/*--------------------------------------------------------------
13.0 Media Queries 
--------------------------------------------------------------*/

/* Custom, iPhone Retina 
@media only screen and (min-width : 480) {
    .sectionHeading h1 {
        font-size: 22px;
    }
    .sectionHeading h2 {
        font-size: 19px;
    }

    .sectionHeading h3 {
        font-size: 16px;
    }
}*/ 

/* navbar-brand width disabled by nput 080121 since svg is repeated */
/* Extra Small Devices, Phones */ 


@media screen and (max-width : 550px) {
    
	#mainImage {
	
	content: url('/wp-content/uploads/2023/01/mobile_startseite_faszination_licht_1800px_comp-scaled.jpg');
	
	}



@media only screen and (min-width : 550px) {

		
    .navbar-brand{
        /*background-size: 110px 20px; */
        /*width: 110px;*/
        height: 20px;
    }
    .ismainMenuHeading h2{
        display: inline;
        font-size: 14px;
    }
    .isSectionContent{
        padding-left:5%;
        padding-right:5%;
        padding-bottom: 2%;
    }
}


/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
    
		
	#downButton {
        background-size: 50px 26px !important;
        width: 50px;
        height: 26px;
    }

    .philosophie-lw-logo{
        padding-bottom: 80px;
        width:15%;

    }

    #downButton {
        bottom: 20%;
    }

    .navbar-brand{
       /* background-size: 150px 30px; */
       /* width: 150px; */
        height: 30px;
    }
    #whoweare-items td {
        font-size: 14px;
        padding-bottom:4px;
    }
    #mainMenu .list-inline img {
        vertical-align: bottom;
        height: 18px;
    }
}
/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {

    .copyright {
        float: right;
    }

    .isWeWASectionContentLeft {
        padding-left: 35px;
        padding-top: 20px;
        padding-bottom: 20px;
        padding-right: 5px;
    }

    .isWeWASectionContentRight {
        padding-right: 35px;
        padding-top: 20px;
        padding-bottom: 20px;
        padding-left: 5px;
    }

    ul.list-inline > li {
        display: inline-block;
    }
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
    .isSectionContentHeading {

        padding-top: 20%;
        padding-bottom: 10%;
        margin-right: auto;
        margin-left: auto;
    }
    .sectionHeadingH1L {
        font-size: 28px;
    }
    .sectionHeadingH1 {
        font-size: 21px;
    }

    .sectionHeadingH2 {
        font-size: 17px;
    }

    .sectionHeadingH3 {
        font-size: 16px;
    }
    p{
        font-size: 14px;
    }
}