/* open-sans-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/open-sans-v35-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* open-sans-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/open-sans-v35-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* open-sans-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: url('fonts/open-sans-v35-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* open-sans-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/open-sans-v35-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}


/*
Theme Name: schreinerei_sollberger
Author: Büetiger AG / Lukas Geissmann
Author URI: http://www.buetiger.ch
Version: 1.0
*/


/*template*/

html, body
{
height:100%;
}

body
{
overflow-y:scroll;
font-family: 'Open Sans', verdana, sans-serif;
line-height:1.6em;
background-color:#e1e1e1; /*adjust*/
color:#444444;
}

#border
{
position:relative;
min-height:100%;
}

header
{
width:100%;
background-color:#ffffff; /*adjust*/
min-height:120px;	
}

.footer-box3 a
{
font-size:11px;
margin-top:20px;
display:block;
}

#main-container
{
padding-top:10px;	
padding-bottom:0;
}

#main-container ul {
list-style-image: url("images/list_button.gif");
list-style-type: circle;
margin:0;
padding-left:20px;
}

#main-container ul li
{
padding-bottom:4px;
}


#main-container.frontpage
{
padding-bottom:20px;
}

#main-container h2, #main-container h4
{
font-family: 'Open Sans', sans-serif;
margin:0;
margin-top:8px;
margin-bottom:25px;
color:#e65227;
font-weight:600;
font-size:36px;
}

.container-full.slider
{
background:#ffffff;	
}

img.header-grafik
{
width:100%;	
height:auto;
}

img.logo
{
width:300px; /*adjust*/
margin:0 auto;
margin-top:30px; /*adjust*/
height:auto;
display:block;
}

.wp-block-image img
{
height:auto;
}
	
nav.navbar
{
background-color:#f1f1f1; /*adjust*/
border:0;
border-bottom:2px solid #d1d1d1;
border-radius:0;
min-height: 40px;
}

a
{
color:#e65227;
}

a:hover
{
color:#e65227;
}

a[href$=".pdf"] 
{
background: url(images/icon_pdf_small.gif) no-repeat left center;
padding-left:25px;
}

h3
{
font-weight:600;
font-size:16px;
line-height:1.4em;
}

#main-container.frontpage h2
{
font-size:25px;	
margin-bottom:10px;
}

.no-gutter
{
padding:0;	
}

.no-gutter2
{
margin:0;
padding:0;	
}

.grecaptcha-badge
{
display:none;
}

.page-id-15 .grecaptcha-badge
{
display:block;
}


/*searchbox*/

.searchbox
{
float:right;
background-color:none; /*adjust*/
margin-left:15px;
}

#search
{
display:none;
position:absolute;
margin-left:-170px;
background-color:#a2a2a2; /*adjust*/
padding:20px;
padding-right:15px;
z-index:100;
}

#search label.screen-reader-text
{
display:none;	
}

#search input#s
{
width:145px;
padding:5px;
margin-right:10px;
color:#494949;
border:0;
}

#search input#searchsubmit
{
float:right;	
padding-top:2px;
}

#main-container span.search-excerpt
{
background-color:#FFDD00;	
padding:6px;
}

/*topmenu*/

.menu-topmenu-container ul
{
list-style-type:none;	
float:right;
margin-top:80px;
margin-right:20px;
}

.menu-topmenu-container ul li
{
float:left;	
}

.menu-topmenu-container ul li:first-child
{
border-right:1px solid #888888;
padding-right:20px;	
}

.menu-topmenu-container ul li a
{
color:#888888;
padding-left:20px;
}

/*mainnav toggle*/

button.navbar-toggle
{
margin:0;
margin-top:4px;
border-radius:0;
border:0;
}

.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover 
{
background-color: #d1d1d1;
}

span.icon-bar
{
background:#e65227 !important; /*adjust*/
}

.navbar-right .dropdown-menu 
{
left: 0 !important;
}
  
    	
/*main menu*/

ul#menu-mainmenu
{
margin:0;
margin-left:-15px;
margin-right:-15px;
padding:0;	
}

.navbar-collapse
{
border-top:0;
}

ul.nav > li
{
background-color:none; /*adjust*/
border-bottom:1px solid #d1d1d1;
}

ul.nav b.caret
{
float:right;
margin-top:10px;
margin-right:15px;
}

ul.nav > li
{
border-left:1px solid #d1d1d1; /*adjust*/

}

ul.nav > li:last-child
{
border-right:1px solid #d1d1d1; /*adjust*/	
}

ul.nav > li > a
{
color:#636363 !important; /*adjust*/
font-family: 'Open Sans', sans-serif;
font-weight:400;
font-size:20px;
padding:0;
padding-top:10px;
padding-bottom:10px;
padding-left:20px;
padding-right:20px;
border-bottom:2px solid #f1f1f1;
}

ul.nav > li > a:hover
{
color:#9f9f9f !important; /*adjust*/
}

ul.nav > li.active > a
{
background-color:#e65227 !important; /*adjust*/
color:#ffffff!important;
border-bottom:2px solid #e65227;
}

ul.nav > li.open > a
{
background-color:#e65227 !important; /*adjust*/
color:#ffffff!important;
border-bottom:2px solid #e65227!important;
}

ul.nav > li.active > a:hover
{
color:#ffffff !important; /*adjust*/
border-bottom:2px solid #e65227;
}

.nav .open > a, .nav .open > a:focus, .nav .open > a:hover 
{
border:0;
}

/*dropdown menu*/

ul.dropdown-menu
{
border:0;
border-radius:0;
margin:0;
padding:0;
padding-top:5px;
padding-bottom:5px;
min-width:300px;
border-top:2px solid #d1d1d1;
background-color:#ffffff !important; /*adjust*/	
}

ul.dropdown-menu li a
{
border-left:0 ;
color:#414141 !important; /*adjust*/
padding-top:5px;
padding-bottom:5px;
font-size:18px;
line-height:1.2em;
}

ul.dropdown-menu li a:hover
{
background-color:#dddddd; /*adjust*/
color:#414141 !important; /*adjust*/
}

ul.dropdown-menu li.current_page_item a
{
background-color:#dddddd !important; /*adjust*/
}

ul.dropdown-menu li.current_page_item a:hover
{
color:#414141 !important; /*adjust*/
}

.open > .dropdown-menu {
  animation-name: slidenavAnimation;
  animation-duration:.5s;
  animation-iteration-count: 1;
  animation-timing-function: ease;
  animation-fill-mode: forwards;

  -webkit-animation-name: slidenavAnimation;
  -webkit-animation-duration:.5s;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-timing-function: ease;
  -webkit-animation-fill-mode: forwards;

  -moz-animation-name: slidenavAnimation;
  -moz-animation-duration:.5s;
  -moz-animation-iteration-count: 1;
  -moz-animation-timing-function: ease;
  -moz-animation-fill-mode: forwards;
}
@keyframes slidenavAnimation {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes slidenavAnimation {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}


/*media gallery*/


dl.gallery-item
{
margin-bottom:-10px !important;
}

dl.gallery-item img
{
width:100%;
height:auto;
border:4px solid #e1e1e1 !important;
}

.attachment-thumbnail 
{
opacity: 1;
transition: opacity .25s ease-in-out;
-moz-transition: opacity .25s ease-in-out;
-webkit-transition: opacity .25s ease-in-out;
}

.attachment-thumbnail:hover 
{
opacity: 0.5;
}

.slb_data_title
{
display:none !important;
}


/*boxes right column*/


.sidebar .widget_black_studio_tinymce h4, footer h4
{
display:none;	
}

/*box with foto*/

.foto.box
{
padding:0;
background-color:#636363; /*adjust*/
margin-bottom:40px;
}

.foto.box .top
{
background-color:#c20000; /*adjust*/
}

.foto.box .content
{
padding:20px;	
color:#ececec; /*adjust*/
}

.foto.box .content a
{
color:#ffffff; /*adjust*/
font-weight:bold;
}

.foto.box h5
{
margin:0;
padding:0;
padding:15px;
font-family: 'Open Sans', sans-serif;
color:#ffffff;
font-weight:400;
font-size:28px;
}

/*standard box*/

.box
{
padding:0;
background-color:#636363; /*adjust*/
margin-bottom:40px;
}

.box .top
{
background-color:#c20000; /*adjust*/
}

.box .content
{
padding:20px;	
color:#ececec; /*adjust*/
}

.box .content a
{
color:#ffffff; /*adjust*/
font-weight:bold;	
}

.box h5
{
margin:0;
padding:0;
padding:15px;
font-family: 'Open Sans', sans-serif;
border-bottom:1px solid #8f0000; /*adjust*/
color:#ffffff;
font-weight:400;
font-size:28px;
}


/*footer boxes*/


.footer-box1 .widget, .footer-box2 .widget, .footer-box3 .widget
{
padding:10px;
font-size:12px;
}

.footer-box1
{
border-left:1px solid #a3a3a3; /*adjust*/
height:100%;
color:#444444; /*adjust*/	
font-family: 'Open Sans', sans-serif;
}

.footer-box2
{
border-left:1px solid #a3a3a3; /*adjust*/	
height:100%;
color:#444444; /*adjust*/	
font-family: 'Open Sans', sans-serif;
padding-top:20px;
}

.footer-box3
{
border-left:1px solid #a3a3a3;	/*adjust*/
border-right:1px solid #a3a3a3; /*adjust*/
height:100%;
color:#444444; /*adjust*/	
font-family: 'Open Sans', sans-serif; 
}

footer
{
position:static;
bottom:0;
margin-top:60px;
padding-top:20px;
width:100%;
background-color:#cccccc; /*adjust*/
line-height:1.6em;
}

footer a
{
color:#444444;	
}

footer a:hover
{
color:#ffffff; /*adjust*/
text-decoration:none;
border-bottom:1px dotted #ffffff; /*adjust*/
}

img.mail-icon
{	
background-color:#a3a3a3; /*adjust*/
margin:4px;
margin-right:10px;
width:30px;
height:auto;
}

img.phone-icon
{
background-color:#a3a3a3; /*adjust*/
margin:4px;
margin-right:10px;
width:30px;
height:auto;
}

.copyright
{
background-color:#ffffff; /*adjust*/
text-align:right;
color:#737373;	/*adjust*/
font-size:9px;
padding:5px;
}

.copyright a, .copyright a:hover
{
color:#737373;
}

/*page templates*/

.picture-set img
{
margin-top:10px;
margin-bottom:10px;	
}

/*form*/

#main-container input
{
background-color:#b3b3b3; /*adjust*/
border:2px solid #b3b3b3; /*adjust*/	
padding:8px;
margin-top:5px;
margin-bottom:5px;
width:100%;
}

#main-container textarea
{
width:100%;
background-color:#b3b3b3; /*adjust*/
border:2px solid #b3b3b3; /*adjust*/
padding:8px;
margin-top:5px;
margin-bottom:5px;
}

#main-container input:focus, #main-container textarea:focus
{
border:2px solid #b3b3b3; /*adjust*/
background-color:#ffffff; /*adjust*/
}

#main-container input.wpcf7-submit
{
background-color:#e65227; /*adjust*/
border:0;
color:#ffffff; /*adjust*/
font-weight:bold;
}

.send input
{
height:75px;
width:220px !important;
margin:0 !important;
margin-right:-18px!important;
padding:0 !important;
}

/*form alert*/

div.wpcf7-mail-sent-ok
{
background-color:#00a53a !important;
color:#ffffff !important;
font-weight:bold !important;
border:0 !important;
margin:0 !important;
}

div.wpcf7-validation-errors
{
background-color:#d60000 !important;
color:#ffffff !important;
font-weight:bold !important;
border:0 !important;
margin:0 !important;	
font-size:12px !important;	
}

/*google map widget*/

#simple-google-map-widget-2 h4
{
background-color:#c20000; /*adjust*/
margin:0;
padding:0;
padding:15px;
font-size:28px;
}

/*carousel*/


#myCarousel
{
margin-bottom:0;	
}

.carousel-control 
{
padding-top:7%;
}

.carousel-control img
{
width:20px;
height:auto;	
}

.hovereffect {
    width: 100%;
    height: 100%;
    float: left;
    overflow: hidden;
    position: relative;
    text-align: center;
    cursor: default;
}
.hovereffect .overlay {
    width: 100%;
    position: absolute;
    overflow: hidden;
    left: 0;
	top: auto;
	bottom: 0;
	padding: 1em;
	height: 4.75em;
	background: #2d2d2d;
	color: #ffffff;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(0,100%,0);
	transform: translate3d(0,100%,0);
}

.hovereffect img {
    display: block;
    position: relative;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
}

.hovereffect:hover img {
-webkit-transform: translate3d(0,-10%,0);
	transform: translate3d(0,-10%,0);
}

.hovereffect h2 {
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    position: relative;
    font-size: 14px;
    padding: 10px;
    background: rgba(0, 0, 0, 0.6);
	float: left;
	margin: 0px;
	display: inline-block;
}

.hovereffect a.info {
    display: inline-block;
    text-decoration: none;
    padding: 7px 14px;
    text-transform: uppercase;
	color: #fff;
	border: 1px solid #fff;
	margin: 50px 0 0 0;
	background-color: transparent;
}
.hovereffect a.info:hover {
    box-shadow: 0 0 5px #fff;
}


.hovereffect p.icon-links a {
	float: right;
	color: #3c4a50;
	font-size: 1.4em;
}

.hovereffect:hover p.icon-links a:hover,
.hovereffect:hover p.icon-links a:focus {
	color: #252d31;
}

.hovereffect h2,
.hovereffect p.icon-links a {
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(0,200%,0);
	transform: translate3d(0,200%,0);
}

.hovereffect p.icon-links a span:before {
	display: inline-block;
	padding: 8px 10px;
	speak: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}


.hovereffect:hover .overlay,
.hovereffect:hover h2,
.hovereffect:hover p.icon-links a {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

.hovereffect:hover h2 {
	-webkit-transition-delay: 0.05s;
	transition-delay: 0.05s;
}

.hovereffect:hover p.icon-links a:nth-child(3) {
	-webkit-transition-delay: 0.1s;
	transition-delay: 0.1s;
}

.hovereffect:hover p.icon-links a:nth-child(2) {
	-webkit-transition-delay: 0.15s;
	transition-delay: 0.15s;
}

.hovereffect:hover p.icon-links a:first-child {
	-webkit-transition-delay: 0.2s;
	transition-delay: 0.2s;
}

.hovereffect a
{
font-size:13px;	
font-family: 'Open Sans', verdana, sans-serif;
padding-top:7px;
font-weight:300;
display:block;
color:#e7e7e7;
}

.hovereffect a.small
{
font-size:10px;
line-height:1.2em;
padding-top:4px;
}

.overlay p
{
margin-top:0;	
}

.overlay.last p
{
margin-top:-8px;	
}

.post-140 .portrait img
{
max-width:150px;
height:auto;
}

.page-id-148 #main-container ul
{
list-style-type:none;
margin:0;
padding:0;
}

.page-id-148 #main-container ul li
{
margin-bottom:20px;	
}

.frontpage.box1
{
border-bottom:1px solid #c4c4c4;
margin-bottom:35px;	
padding-bottom:30px;
}

@media (min-width: 768px) 
{
	
header
{
position:fixed;
z-index:200;
z-index:200;
}

#main-container
{
padding-top:30px;
padding-bottom:240px;
}

#main-container.frontpage
{
padding-top:60px;	
}

.fixed 
{
position: fixed;
top:120px; left:0;
width: 100%;
z-index:100;
}

.header-grafik
{
padding-top:60px;
}
	
img.logo
{
width:400px; /*adjust*/
margin:0;
margin-top:20px; /*adjust*/
height:auto;	
}
	
.footer-box1 .widget, .footer-box2 .widget, .footer-box3 .widget
{
padding:30px;
}
	
footer
{
position:absolute;
padding:0;
}

footer .row
{
height:165px;
}

.copyright
{
font-size:13px;
}

.hovereffect a
{
font-size:26px;	
}

.hovereffect a.small
{
font-size:18px;
}

#myCarousel
{
margin-bottom:195px;	
}

.carousel-control 
{
padding-top:10%;
width:5%;
}

.carousel-control img
{
width:30px;
}

input.wpcf7-submit
{
height:70px;
}

}

@media (min-width: 992px) 
{
	
.footer-box1, .footer-box2, .footer-box3
{
font-size:16px;
}

img.mail-icon
{	
margin-right:20px;
width:45px;
height:auto;
}

img.phone-icon
{
margin-right:20px;
width:45px;
height:auto;
}

.frontpage.box1
{
margin:0;	
padding:0;
border:0;
border-right:1px solid #c4c4c4;	
padding-right:60px;
}

.frontpage.box2
{
padding-left:40px;
}

/*main menu tablet/desktop*/

ul.nav > li
{
border-bottom:0;
}

ul.nav > li > a:hover
{
border-bottom:2px solid #e65227;
}

ul.nav b.caret
{
display:none;
}

ul.nav li a
{
padding-left:35px;
padding-right:35px;
} 

}

@media (min-width: 1170px) 
{

dl.gallery-item
{
margin:0 !important;
margin-bottom:1px !important;
}
	
.footer-box1 .widget, .footer-box2 .widget, .footer-box3 .widget
{
font-size:15px;
}
	
.footer-box3 a
{
margin:0;
display:inline;
font-size:15px;	
}

}

/*collapse menu for tablet*/

@media (max-width: 990px) 
{
    
.navbar-header 
{
float: none;
width:100%;
}

.navbar-toggle 
{
display: block;
}

.navbar-fixed-top 
{
top: 0;
border-width: 0 0 1px;
}

.navbar-collapse.collapse 
{
display: none!important;
}

.navbar-nav 
{
float: none!important;
margin-top: 7.5px;
}

.navbar-nav>ul
{
width:100%;
}

.navbar-nav>li 
{
float: none;
}

.navbar-nav .open .dropdown-menu 
{
position: static;
float: none;
width: auto;
margin-top: 0;
background-color: transparent;
border: 0;
-webkit-box-shadow: none;
box-shadow: none;
}

.collapse.in
{
display:block !important;
}

.navbar .container
{
width:100%;
margin:0;
padding:0;
}

}