/*
 Theme Name: Klecksquadrat
 Theme URI:
 Description: Klecksquadrat
 Author: Klecksquadrat
 Author URI: https://www.klecksquadrat.de/
 Template: Grow_Pro
 Version: 1.4.14
 License: GNU General Public License v2 or later
 License URI: http://www.gnu.org/licenses/gpl-2.0.html
 Tags: Klecksquadrat
*/

/*
You can start adding your own styles here. Use !important to overwrite styles if needed. */

/* RivannaNF */
 @font-face {
     font-family: 'RivannaNF';
     font-style: normal;
     font-weight: 400;
     src: url('fonts/RivannaNF.eot');
    /* IE9 Compat Modes */
     src: local('RivannaNF'), local('RivannaNF'), url('https://wohnwerkstatt-krause.de/fonts/RivannaNF.eot') format('embedded-opentype'), 
    /* IE6-IE8 */
     url('https://wohnwerkstatt-krause.de/fonts/RivannaNF.woff') format('woff'), 
    /* Modern Browsers */
     url('https://wohnwerkstatt-krause.de/fonts/RivannaNF.ttf') format('truetype'), 
    /* Safari, Android, iOS */
     url('https://wohnwerkstatt-krause.de/fonts/RivannaNF.svg') format('svg');
    /* Legacy iOS */
}
#logo img, #logo-sticky img {
    width: auto;
    max-height: 120px;
}

h2, h1 {
     font-family:'RivannaNF' !important;
}
/* #header #header-core .menu > li > a, #header-responsive li a {
    font-family:'RivannaNF' !important;
}*/
.header-style2 #header #header-links, .header-style2 #header-sticky #header-sticky-links {
    float: none;
    background: transparent;
       
    font-size: 16px !important;
}
#header-sticky .menu > li > a span {
	font-size: 17px !important;
}
.anchor {position:relative;top:-80px;}

#logo-sticky img {
    
    display: none;
}
#header .menu > li > a:hover {
    border-color: none !important;
}
.header-style2 #header .menu > li.current-menu-item > a,
.header-style2 #header .menu > li > a:hover {
	border:none !important;}

.button {
    margin: 0 0em 1.2em 0 !important;
}
#footer{
	border-top: 3px dashed #c49d5c !important;
}
body {
	text-align: justify;
  -ms-hyphens: auto; 
  -moz-hyphens: auto; 
  -webkit-hyphens: auto; 
  hyphens: auto;
 }
.wpcf7-form ::placeholder {
    font-size: 16px;
 }
#pg-10-4.panel-grid {
        text-align: left !important;
    
}

/*-----------------------------------------------------
  RESPONSIVE ANWEISUNGEN
-----------------------------------------------------*/


/*-----------------
  1024px iPad hoch
-------------------*/
@media only screen and (max-width: 1024px) {
	#logo {
		margin-left:30px;
	}
	
	#logo-sticky img {
    max-height: 35px;
	margin-left:20px;		
	}

   }
/*-----------------
  768px iPad hoch
-------------------*/
@media only screen and (max-width: 768px) {
	
	

   }
/*-----------------------------------------------------
  480px iPhone quer
-----------------------------------------------------*/
@media only screen and (max-width: 480px) {
	#pgc-10-0-1 > .panel-cell-style {
    padding: 0px 0px 0px 0px !important;
	text-align: center;
}
	#pgc-10-1-0 {
    display: none;
}
	
	#pg-10-1 .panel-grid-cell {
    text-align: center !important;
		
}
	#pg-10-2.panel-grid, #pg-10-2.panel-grid p {
    text-align: center;
		
}
	#pg-10-3.panel-grid, #pg-10-3.panel-grid p {
    text-align: center;
}
	#pg-10-3.panel-grid {
    text-align: center !important;
    
}
	#pg-10-4.panel-grid, #pg-10-3.panel-grid p {
    text-align: center;
}
	#pg-10-5.panel-grid, #pg-10-3.panel-grid p {
    text-align: center !important;
}
	

	#pg-10-6.panel-grid, #pg-10-3.panel-grid p {
    text-align: center;
}
	.page-template-template-parallax-php .panel-grid {
    padding: 0px 10px 0;
}
	body {
		padding: 0px !important;
	}

	#pg-10-1.panel-grid .panel-widget-style {
	text-align: center !important;
}
}
/*-----------------------------------------------------
  320px iPhone hoch
-----------------------------------------------------*/
@media only screen and (max-width: 375px) {
	h1 span {
		font-size:22px;
	}
	#logo {
		margin-left:10px;
	}
	#logo img {
		max-height:30px !important;
	}
	
}