/*
 Theme Name:   SquarePress
 Theme URI:    https://hashthemes.com/wordpress-theme/squarepress/
 Description:  SquarePress is a flexible responsive multipurpose theme compatible with all browsers and devices, fully mobile friendly, loaded with lots of features. It is a minimal theme based on WordPress Customizer that allows you to customize with live preview. The theme can be used for business, corporate, digital agency, personal, portfolio, photography, parallax, blogs and magazines. Square is eCommerce (WooCommerce) Compatible, Polylang Compatible, WPML, RTL, Retina Ready, SEO Friendly and Support bbPress and BuddyPress. More over it is a complete theme. For demo https://demo.hashthemes.com/squarepress
 Author:       Hash Themes
 Author URI:   https://hashthemes.com
 Template:     square
 Version:      1.0.3
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         two-columns, right-sidebar, custom-background, custom-menu, editor-style, featured-images, footer-widgets, theme-options, threaded-comments, translation-ready, portfolio, education, blog, custom-logo
 Text Domain:  squarepress
*/


body,
button,
input,
select,
textarea {
	font-family: 'Poppins', sans-serif;
	font-size: 16px;
	font-weight: 300;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: 'Poppins', sans-serif;
	font-weight: 300;
}

h1{
	font-size: 28px;
	margin-bottom: 15px;
}

h2{
	font-size: 26px;
	margin-bottom: 15px;
}

h3{
	font-size: 20px;
	margin-bottom: 15px;
}

h4{
	font-size: 20px;
	margin-bottom: 10px;
}

h5{
	font-size: 18px;
	margin-bottom: 10px;
}

h6{
	font-size: 16px;
	margin-bottom: 10px;
}
p {
	margin:0 0 20px;
}

.comment-list .vcard .fn,
.comment-list .comment-metadata,
#sq-masthead,
.sq-main-title,
.sq-site-title,
.sq-slide-cap-title,
.sq-slide-cap-desc,
.sq-tab li,
#sq-colophon,
.pagination,
.woocommerce nav.woocommerce-pagination,
.woocommerce div.product p.price, 
.woocommerce div.product span.price{
	font-family: 'Poppins', sans-serif;
}

.sq-main-navigation a{
	font-family: 'Poppins', sans-serif;
	font-weight: 500;
}
.single-entry-content {
    font-size: 16px;
    line-height: 1.3;
}

.sq-section-subtitle{
	text-align: center;
	width: 80%;
	margin: 0 auto 50px;
}


#sq-masthead {
    background: none;
    position: relative;
    left: 0;
    right: 0;
    z-index: 999;
    height: auto;
}

#sq-site-branding img{
	max-height: 70px;
}

.sq-top-header{
	background: #5BC2CE;
	color: #333;
	padding-top: 15px;
	padding-bottom: 60px; 
	font-size: 0.9em;
}

.sq-top-header a{
	color: #0262c8;
	padding: 5px;
}

.sq-top-header .sq-container{
	display: flex;
	justify-content: space-between;
    align-items: center;
}

.sq-header{
	position: absolute;
	left: 0;
	right: 0;
	transform: translateY(-50%);
}

.sq-header .sq-container{
	height: 90px;
	padding: 0 20px;
	
}

.sq-site-header .sq-header .sq-container{
	background: #000;
	border-radius: 2px;
}

.sq-site-header.sq-white .sq-header .sq-container{
	background: #FFF;
}

.sq-header .sq-container{
	display: flex;
	justify-content: space-between;
    align-items: center;
}

#sq-site-branding,
#sq-site-navigation{
	width: auto;
}

.sq-main-navigation li{
	line-height: 90px;
}

.sq-main-navigation ul ul a{
	padding: 12px 20px;
}

.sq-slide-caption{
	margin: 0;
	border: 0;
	background: rgba(255,255,255,0.8);
}

.sq-slide-cap-title{
	text-align: left;
	padding: 0;
	font-size: 24px;
	font-weight: 400;
	color: #fff;
}
.sq-slide-cap-desc{
	text-align: left;
	padding: 0;
	font-size: 20px;
	font-weight: 300;
	color: #fff;
}
.sq-slide.sq-slide-count1 .sq-slide-cap-desc{
	font-size: 14px;
}

#sq-home-slider-section .bx-wrapper .bx-controls-direction a{
	height: 70px;
	width: 30px;
	bottom: auto;
	top: 50%;
	transform: translateY(-50%);
}

#sq-home-slider-section .bx-wrapper .bx-controls-direction a .fa{
	line-height: 70px;
	width: 30px;
}

#sq-home-slider-section .bx-wrapper .bx-prev{
	left: 0;
	margin-left: 0;
}

#sq-home-slider-section .bx-wrapper .bx-next{
	right: 0;
	margin-right: 0;
}

.sq-section-title{
	font-size: 34px;
	text-align: center;
	font-weight: 500;
}

.sq-section-title:after{
	left: 50%;
	margin-left: -20px;
	height: 5px;
	width: 40px
}

.sq-about-sec{
	width: 80%;
	float: none;
	margin: 0 auto;
	text-align: center;
}

#sq-featured-post-section{
	position: relative;
	margin-top: -60px;
	z-index: 99;
}

.sq-featured-post-wrap{
	width: auto;
	display: flex;
	margin-left: -2%;
	background: none;
}

.sq-featured-post{
	width: 31.33%;
	margin-left: 2%;
	background: #f7f8f9;
	text-align: center;
	padding: 40px 30px;
}

.sq-featured-post h4{
	margin-bottom: 20px;
}

.sq-featured-post h4:after{
	display: none;
}

.sq-featured-readmore{
	position: static;
	opacity: 1;
	display: inline-block;
	margin-top: 10px;
	height: auto;
	width: auto;
	font-size: 14px;
}

.sq-featured-readmore > i{
	margin-left: 10px;
}

.sq-featured-post.theme-colored-box{
	background: #5bc2ce;
}

.sq-featured-post.theme-colored-box .sq-featured-icon .fa,
.sq-featured-post.theme-colored-box h4,
.sq-featured-post.theme-colored-box .sq-featured-excerpt,
.sq-featured-post.theme-colored-box .sq-featured-readmore{
	color: #FFF;
}

.sq-featured-post.theme-colored-box .sq-featured-readmore:hover{
	color: #FFF;
}

#sq-tab-section{
	position: relative;
	background-size: cover;
	background-position: center;
	background-attachment: fixed;
}

#sq-tab-section:before{
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background: rgba(0,0,0,0.6);
}

#sq-tab-section .sq-container{
	position: relative;
}

#sq-tab-section .sq-section-title,
#sq-tab-section .sq-section-subtitle{
	color: #FFF;
}

.sq-tab,
.sq-tab-content{
	width: 100%;
	border: 0;
	padding: 0;
}

.sq-tab-content{
	background: #FFF;
	padding: 60px;
}

.sq-tab-content h2{
	margin-bottom: 30px;
}

.sq-tab{
	text-align: center;
}

.sq-tab li{
	display: inline-block;
	padding-left: 0;
	text-align: center;
	font-size: 16px;
}

.sq-tab li .fa {
    float: none;
    margin-left: 0;
    margin-bottom: 10px;
}

.sq-tab li a{
	padding: 20px 40px;
	color: #FFF;
}

.sq-tab li span{
	display: block;
}

.sq-tab li.sq-active:after{
	display: none;
}

.sq-tab li.sq-active{
	background: #5bc2ce;
}

.sq-tab li.sq-active a,
.sq-tab li.sq-active .fa{
	color: #FFF !important;
}

#sq-team-section{
	padding: 80px 0;
}

.sq-team-member-wrap{
	margin-left: -3%;
}

.sq-team-member{
	float: left;
	width: 30.33%;
	margin-left: 3%;
}

.sq-team-excerpt{
	text-align: center;
	padding: 15px;
	border-bottom: 2px solid #333;
}

#sq-testimonial-section{
	position: relative;
	background-size: cover;
	background-position: center;
	background-attachment: fixed;
	padding: 80px 0;
}

#sq-testimonial-section:before{
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background: rgba(0,0,0,0.6);
}

#sq-testimonial-section .sq-container{
	position: relative;
}

#sq-testimonial-section .sq-section-title,
#sq-testimonial-section .sq-section-subtitle{
	color: #FFF;
}


.sq-testimonial-wrap{
	width: 90%;
	margin: 0 auto;
}

.sq-testimonial-inner{
	background: #FFF;
	padding: 50px;
	margin: 0 15px;
	display: flex;
	align-items: center;
}

.sq-testimonial-excerpt{
	width: 80%;
	padding-right: 50px;
}

.sq-testimonial-image{
	width: 20%;
	text-align: center;
}

.sq-testimonial-image img{
	margin: 0 auto 15px;
}

#sq-testimonial-section .bx-wrapper .bx-pager{
	position: relative;
	bottom: 0;
	padding-top: 30px;
}

.bx-wrapper .bx-pager.bx-default-pager a{
	background: #FFF;
	height: 8px;
    width: 10px;
	transition: all 0.3s ease;
	background: #5bc2ce;
}

.bx-wrapper .bx-pager.bx-default-pager a.active{
	width: 30px;
	background: #5bc2ce;
}

#sq-middle-footer .sq-container{
	background: #393f42;
	border: none;
	padding: 30px;
}

#sq-colophon,
.sq-site-footer a{
	color: #CCC;
}

.sq-main-header{
	padding: 165px 0 120px;
}
.sq-main-title::before,
.sq-main-title::after{
	background: #717f8c;
}
.sq-main-title{
	font-size: 40px;
	font-weight: 300;
    color: #717f8c;
}
#sq-logo-section .sq-section-title{
	margin-bottom: 60px;
}

@media screen and (max-width: 900px){
	.sq-top-header{
		padding-bottom: 15px;
	}
	.sq-header{
		position: relative;
		transform: none;
	}

	#sq-home-slider-section img{
		height: 500px;
		object-fit: cover;
		object-position: center;
	}
	
}


@media screen and (max-width: 768px){
	.sq-main-navigation li {
	    line-height: 1.8;
	}

	#sq-home-slider-section img{
		height: 400px;
	}

	#sq-featured-post-section{
		margin-top: 40px;
	}

	.sq-featured-post-wrap{
		display: block;
		margin: 0;
	}

	.sq-featured-post{
		width: auto;
		margin: 0 0 40px;
		border-bottom: none;
	}

	.sq-about-sec{
		width: 100%;
	}

	.sq-tab li{
		display: block;
		background: rgba(0,0,0,0.3)
	}

	.sq-tab li.sq-active{
		border: none;
	}

	.sq-tab li span{
		display: inline-block;
		margin-left: 10px;
	}

	.sq-tab li .fa{
		margin-bottom: 0;
	}

	.sq-team-member-wrap{
		margin-left: 0;
	}

	.sq-team-member{
		float: none;
		width: auto;
		margin: 0 auto 40px;
		max-width: 400px;
	}
}

@media screen and (max-width: 580px){
	.sq-tab-content{
		padding: 20px;
	}

	.sq-testimonial-wrap{
		width: 100%;
	}
}

@media screen and (max-width: 480px){
	.sq-top-header .sq-container{
		display: block;
		text-align: center;
	}
	#sq-home-slider-section img{
		height: 350px;
	}

	.sq-testimonial-inner{
		display: block;
		width: auto;
		text-align: center;
	}
	
	.sq-testimonial-excerpt{
		width: auto;
		padding-right: 0;
		margin-bottom: 15px;
	}

	.sq-testimonial-image{
		width: auto;
	}

	.sq-testimonial-inner{
		padding: 20px;
	}
}


/* =========================================== */
/* =============== db24 Design =============== */
body .sq-top-header {
    background: #e3e5e8;
}
#sq-home-slider-section{
	margin-bottom: 70px;
}
.sq-hentry {
    margin: 0 0 1px;
}
.entry-footer {
    margin-top: 0;
}
b, strong {
    font-weight: 400;
}
.sq-main-header {
    padding: 115px 0 70px;
}
.db-blau {
    color: #000;
    font-weight: 500;
}
.db-rot {
    color: #e2001a;
    font-weight: 500;
}
span.location {
    font-weight: 400;
}
#primary .single-entry-content a {
    color: #e2001a;
    font-weight: 400;
}
.sq-top-left-header{	
    line-height: 1.2em;
}





@media all and (max-width:768px){
.sq-top-left-header{	
    font-size: 0.8em;
}	
}
@media all and (min-width:1300px){
.sq-container {
    width: 1300px;
    margin: 0 auto;
}
.sq-top-left-header{
	padding-left: 30px;
}	
}

@media all and (max-width:1154px){
.sq-container {
    padding: 0 20px;
}
#sq-site-branding {
    max-width: 80%;
}	
}
#cn-notice-text a {
    color: #0262C8;
    font-weight: 400;
}
.mymediaflex{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
    background: #fff;
	padding:5px;
}
@media all and (max-width:900px){
.sq-menu > ul > li > a {
    color: #fff;
    border-bottom: 1px solid #333;
}
#sq-site-navigation {
border: 0 none;
    border-top: 1px solid #333;
    background: #000;
}
#sq-site-navigation .sq-menu > ul > li.current_page_item > a {
    color: #aaa;
}
}
.ral {
    font-family: 'Verdana', sans-serif;
    font-size: 12px;
    display: inline-block;
    padding: 4px;
    margin-bottom: 4px;
	border-radius: 2px;
    text-align: center;
    width: 100%;
    -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.6), inset 0px 8px 8px 0px rgba(255, 255, 255, 0.25);
    -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.6), inset 0px 8px 8px 0px rgba(255, 255, 255, 0.25);
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.6), inset 0px 8px 8px 0px rgba(255, 255, 255, 0.25);
text-shadow: 1px 1px 0px rgba(0, 0, 0);
text-shadow: 1px 1px 0px
    rgba(0, 0, 0, 0.4);
}
.ral.hell {
    -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.6), inset 0px -10px 8px 0px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.6), inset 0px -10px 8px 0px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 1px 2px 0px 
rgba(0, 0, 0, 0.6), inset 0px -10px 8px 0px
rgba(0, 0, 0, 0.15);
text-shadow: 1px 1px 0px rgba(0, 0, 0);
text-shadow: 1px 1px 0px
    rgba(0, 0, 0, 0.4);
}
.ral:hover{
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
	box-shadow:none;
}
.ral3009 {
    background: #642424;
color: #fff;
}
.ral3009 {
    background: #642424;
color: #fff;
}
.ral6005 {
    background: #2F4538;
color: #fff;
}
.ral6020 {
    background: #2E3A23;
color: #fff;
}
.ral7016 {
    background: #293133;
color: #fff;
}
.ral8004 {
    background: #8E402A;
color: #fff;
}
.ral8012 {
    background: #592321;
color: #fff;
}
.ral8017 {
    background: #45322E;
color:
    #fff;
}
.ral8019 {
    background: #403A3A;
color: #fff;
}
.ral9002 {
    background: #E7EBDA;
color: #000;
}
.ral9005 {
    background: #0A0A0A;
color: #fff;
}
.ral9006 {
    background: #A5A5A5;
color: #fff;
}
h2, h1{
    font-size: 20px;
    margin-bottom: 15px;
}
.videobox1 .wpb_video_widget.wpb_content_element {
	padding: 8px 0 7px;
    border: 1px solid #ddd;
	margin-bottom: 20px;
}

/* === weicher Zoom === */
.wpb_single_image .wpb_wrapper .vc_single_image-wrapper .zoomImg {
transition: all 0.6s ease-out;
}  
.vc-zoom-wrapper{
transition: all 0.6s ease-out;
	margin-bottom: 10px;
}
.vc-zoom-wrapper:hover {
-webkit-box-shadow: 0 1px 6px rgba(0,0,0,0.12);
box-shadow: 0 1px 6px rgba(0,0,0,0.12);
-webkit-transition: -webkit-box-shadow 0.3s ease-out, opacity 0.45s;
}
/* === weicher Zoom ENDE === */
#mycta1 h2 {
    font-size: 20px;
	line-height: 20px;
	font-weight: 400;
    margin-bottom: 4px;
}
#mycta1 {
    margin-bottom: 35px;
	font-size: 90%;
}
/* === WPB equal height === */
#mycta1 p {
    margin: 4px 0;
}
#mycta1 {
	display: flex;
	flex-wrap: wrap;
    margin-left: -10px;
    margin-right: -10px;
}
#mycta1 > .vc_column_container,
#mycta1 > .vc_column_container > .vc_column-inner,
#mycta1 > .vc_column_container > .vc_column-inner > .wpb_wrapper,
#mycta1 > .vc_column_container > .vc_column-inner > .wpb_wrapper > .wpb_content_element,
#mycta1 > .vc_column_container > .vc_column-inner > .wpb_wrapper > .wpb_content_element > .wpb_wrapper {
	display: flex;
	flex-direction: column;
	flex-grow: 1;
	align-items: stretch;
	margin-bottom: 0;
}
#mycta1 > .vc_column_container > .vc_column-inner {
padding-left: 10px;
padding-right: 10px;
}
#mycta1 > .vc_column_container > .vc_column-inner > .wpb_wrapper > .wpb_content_element > .wpb_wrapper {
	justify-content: flex-start;
	border: 1px solid #ddd;
	padding: 6px 10px;
	transition: all .3s ease;
	position: relative;
}
#mycta1 > .vc_column_container > .vc_column-inner > .wpb_wrapper > .wpb_content_element > .wpb_wrapper:hover {
	border: 1px solid #7792b3;
}
#mycta1 > .vc_column_container > .vc_column-inner > .wpb_wrapper > .wpb_content_element > .wpb_wrapper > *:last-child {
	margin-bottom: 50px;
}
#mycta1 > .vc_column_container > .vc_column-inner > .wpb_wrapper > .wpb_content_element > .wpb_wrapper .button {
	position: absolute;
	left: 6px;
	bottom: 6px;
}
#mycta1 .wpb_content_element {
	overflow: hidden;
}
#mycta1 .wpb_content_element .zoom img{
	transition: all 0.9s;
}
#mycta1 .wpb_content_element:hover .zoom img{
	transform: scale(1.06);
}
#mycta1 .cta-price {
	text-align: right;
	display: block;
	font-size: 20px;
	font-weight: 500;
	color: #000;
}
@media all and (max-width:1180px){
	#mycta1  > .vc_col-sm-2 {
		width: 33%;
		margin-bottom: 15px;
	}
}
@media all and (max-width:768px){
	#mycta1  > .vc_col-sm-2 {
		width: 50%;
		margin-bottom: 15px;
	}
}
@media all and (max-width:480px){
	#mycta1  > .vc_col-sm-2 {
		width: 100%;
		margin-bottom: 15px;
	}
}
.vc_row.myframe{
	margin-bottom: 40px;
}
.vc_row.myframe > .vc_column_container,
.vc_row.myframe > .vc_column_container > .vc_column-inner,
.vc_row.myframe > .vc_column_container > .vc_column-inner > .wpb_wrapper,
.vc_row.myframe > .vc_column_container > .vc_column-inner > .wpb_wrapper > .wpb_content_element,
.vc_row.myframe > .vc_column_container > .vc_column-inner > .wpb_wrapper > .wpb_content_element > .wpb_wrapper {
	display: flex;
	flex-direction: column;
	flex-grow: 1;
	align-items: stretch;
	margin-bottom: 0;
}
.vc_row.myframe > .vc_column_container > .vc_column-inner > .wpb_wrapper > .wpb_content_element > .wpb_wrapper {
	justify-content: flex-start;
	background: #f0f2f5;
	padding: 10px 12px;
	transition: all .3s ease;
	position: relative;
}
@media all and (max-width:990px){
	.vc_row.myframe > .vc_col-sm-4 {
		flex-basis: 100%;
		margin-bottom: 15px;
	}
	.vc_row.mythird > .vc_col-sm-4 {
		width: 100%;
	}
}
/* === WPB equal height ENDE === */

/* === 7Button === */
#primary .single-entry-content a.button{
    -webkit-box-shadow: 0 1px 6px rgba(0,0,0,0.12);
    box-shadow: 0 1px 6px rgba(0,0,0,0.12);
    -webkit-transition: -webkit-box-shadow 0.3s ease-out, opacity 0.45s;
    transition: box-shadow 0.3s ease-out, opacity 0.45s;
    color: #ffffff;
	background-color: #7792b3;
	border-radius: 2px;
	border: 0 none;
	padding: 12px 18px;
    position: relative;
    display: inline-block;
    text-decoration: none;
    white-space: nowrap;
}
#primary .single-entry-content a.button:hover {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,0.18), 0 4px 15px 0 rgba(0,0,0,0.15);
    box-shadow: 0 5px 11px 0 rgba(0,0,0,0.18), 0 4px 15px 0 rgba(0,0,0,0.15);
}
/* === 7Button ENDE === */

/* =============== slider =============== */
#sq-content .sq-slide-caption {
	background: rgba(0,0,0,0.7);
	color:#fff;
	border-left: 6px solid #e2001a;
	border-radius: 2px;
}
/* =============== footer =============== */
#sq-colophon {
    background: #000;
	color: #fff;
}
#sq-colophon .bottom-menu a{
    padding: 0 10px;
	color: #fff;
}
#sq-colophon .bottom-menu a:hover{
	color: #aaa;
}
#sq-colophon .db-blau{
	color: #fff;
}
#sq-bottom-footer .sq-site-info a {
    text-decoration: none;
}
#sq-colophon .db-rot{
    padding-right: 45px;
}
.sq-top-right-header a:hover{
    color: #FFF;
}
@media all and (max-width:480px){
#sq-colophon .bottom-menu{
    padding-top: 1em;
}
#sq-colophon .db-rot{
    padding-right: 0;
}	
}
/* ============== GravityForms ============== */

#primary .gform_wrapper{
	background: #f6f6f6;
	padding: 15px 35px 35px;
}
#primary .gform_wrapper .gfield_checkbox input{
	margin: -1.4em .5em 0 0;
}
#primary .gform_wrapper ul li.gfield {
    margin-top: 0;
}
#primary input[type="text"], #primary input[type="search"], #primary input[type="tel"], #primary input[type="url"], #primary input[type="email"], #primary input[type="number"], #primary input[type="date"], #primary input[type="range"], #primary input[type="password"], #primary select, #primary textarea, #primary .wpcf7-number {
    color:#333;
}
#primary .gchoice_select_all, #primary .gform_wrapper ul.gfield_checkbox li input[type="checkbox"]:checked + label, #primary .gform_wrapper ul.gfield_radio li input[type="radio"]:checked + label {
    font-weight: 400;
}
#primary .gform_wrapper label.gfield_label, #primary .gform_wrapper legend.gfield_label {
    font-weight: 400;
	padding-top: 15px;
}
/* ============== GravityForms ENDE ============== */

.sq-slide-caption {
  width: 550px;
}