/* CSS Document */
/*
 Theme Name: GeneratePress Child-Theme
 Description: Responsive WordPress Theme for physiotherapie-veit.de 2024
 Author: webgaroo webdesign studio
 Template: generatepress
 Version: 1.0

*/

/*------------0. MAIN-----------------*/
/*------------1. PAGE HEADER--------------*/
/*------------2. CONTENT-----------------*/
/*------------3. NAVIGATION--------------*/ 
/*------------4. FOOER--------------------*/
/*------------5. BLOG-----------------------*/
/*--------- --7. SHORT CODES--------------*/
/*------------8. TABLE-------------------*/ 
/*------------9. FORM-------------------*/ 
/*------------10. SONSTIGES-------------------*/ 

/* roboto-100 - 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: 'Roboto';
  font-style: normal;
  font-weight: 100;
  src: url('fonts/roboto-v32-latin-100.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-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: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/roboto-v32-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-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: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/roboto-v32-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-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: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/roboto-v32-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/*------------------------------------------------------0. MAIN-------------------------------------------------------------*/
body {
	font-family: "Roboto", -apple-system, BlinkMacSystemFont, Roboto, Ubuntu, "Helvetica Neue", Arial, sans-serif;
	color: #333;
	font-size: 18px;
	font-weight: 300;
	background-color:#ececec;
	/* hyphens */
   -moz-hyphens: auto;
   -o-hyphens: auto;
   -webkit-hyphens: auto;
   -ms-hyphens: auto;
   hyphens: auto; 
}
em {
	font-style:normal;
	font-weight:700;
}
strong {
	font-weight: 300;
}
blockquote {
	border: none;
	font-style: normal;
	background-color: #transparent;
	padding:0px;
	font-size: 18px;
	line-height: 30px!important;
	margin-bottom: 10px;
}
pre {
	max-width:100%;
	white-space:pre-wrap;
	line-height:30px;
	padding: 50px;
}

hr {background-image: url(images/bar.png);}
a:focus { 
     outline: none; 
}
a, a:visited {
	text-decoration: none!important;
}
.site-content a, .site-content a:visited {
	color:#333!important;
	text-decoration: none!important;
	border-bottom-width: 2px;
	border-bottom-style: dotted;
	border-bottom-color: #eba915;
}

.site-content a:hover {
	color:#999!important;
}
h1/*, h1.entry-title*/ {
	font-size:30px!important;
	line-height: 45px!important;
	text-transform:uppercase;
	font-weight: 100;
}

h1 strong {
	font-size:22px;
	font-weight:normal;
}
h2{
   font-size:22px;
   font-weight:;
   line-height:32px;
   text-transform:uppercase;
   color: #eba914;
}

h3 {
	font-size:18px;
	font-weight:300!important;
	border-bottom: dotted 2px #eba914;
	padding-bottom:15px;
}
h4, h5{
	font-size: 18px;
	font-weight: normal;
	margin-bottom: 28px;
	text-align: center;
}
/*--------------------------------------------------------------------1. PAGE HEADER--------------*/
.header-image, .textwidget img {
	max-width:350px!important;
}
.site-header, .main-navigation {
	background-color:transparent;
}
/*-------------------------------------------------------------------------Page Hero Smart Slider--------------------------------------------*/
.fontveit {
	font-size:160%!important;
}
.fontstadt {
	font-size:%!important;
}
.fontzitate {
	font-size:%!important;
	padding-top:12px;
	padding:20px 0 35px 0;
}

.btn  {
	color:#eba914!important;
	padding:30px 20px!important;
	border:solid 1px #eba914;
	border-radius:30% 70% 70% 30% / 30% 30% 70% 70%;
	font-size:110%!important;
}
.btn:hover, .btn a:hover {
	color:#fff!important;
	border-color: #fff!important;
}


/*-----------------------------------------------------------------------2. CONTENT-----------------*/
.site-content a {
	color:#eba914;
}
.site-content a:hover {
	color:#999;
}
.site-content ul{margin-left: 0px; }
.site-content ol{margin-left: 20px;}
.site-content ul li  {
	list-style-type: none;
	background-image: url(images/list3.png);
	background-repeat: no-repeat;
	background-size: 5px 5px;
	background-position: left 11px;
	padding-left: 30px;
}
.site-content ol li {
	padding-left:15px!important;
}
/*----------------------------------------------------------------3. NAVIGATION--------------*/ 
.main-navigation  {
	background-color: transparent;
}
.main-nav ul li a {
	font-size: 18px;
	text-transform:uppercase;
	color:#333;
}

.main-navigation .main-nav ul li[class*="current-menu-"] > a {
	color:#eba914!important;
}
.main-navigation .main-nav ul li ul li[class*="current-menu-"] > a {
	color: #eba914!important;
	font-weight:700;
	border: none;
	border-radius:0;
}

.main-navigation .main-nav ul li a:hover, .main-navigation .main-nav ul li ul li a:hover {
	color: #eba914!important;
}
.main-nav ul li ul li a {
	font-size:15px!important;
	font-weight: normal;
	line-height:25px!important;
	text-transform: none;
}

/*--------------------------------------------------------------------- Menu Toggle zentrieren-----------------------------------------------*/
.main-navigation.has-menu-bar-items button.menu-toggle {
    flex-grow: 1;
}
.menu-toggle{
	color:#eba914;
	font-size:20px;
	background-repeat: no-repeat;
}
.menu-toggle:hover{
	color:#666666!important;
}
/*---------------------------------------------------------------slideout---------------------------------------------------*/
.slideout-navigation.main-navigation {
	background-color: rgba(235,169,31,0.6)!important;
}
.slideout-menu a{
	color:#fff!important;
}
.slideout-navigation.main-navigation ul li ul{
	background-color:transparent;
}
.slideout-navigation.main-navigation ul li ul li a{
	color:#fff!important;
}	
	
.main-nav ul li[class*="current-menu-"] > a {
	color: #fff!important;
	font-weight:700;
	border:none;
}
.main-nav ul li ul li a {
	color: #000!important;
}

.slideout-navigation.do-overlay .slideout-exit, .slideout-navigation button.slideout-exit {
  color: #fff!important;
}

.gp-icon svg {
	color: #eba914;
	font-size:30px
}
#sticky-navigation {
	background-color: #fff!important;
}
/*------------4. FOOER--------------------*/

.site-footer {
	color: #333;
	text-align: center;
	border-top:dotted 3px  #999;	
}
.footer-widgets {
	background-color: rgba(0,0,0,0.0);
}

.footer-widgets a, .footer-widgets a:visited {
    color: #333; 
	border-bottom:dotted 3px #eba914;
}
.footer-widgets a:hover {
	color: #eba914;
}
.footer-widgets strong {
	font-size:22px;
	text-transform: uppercase;
	color:#eba914;
	font-weight: 400;
}
.site-info {
	background-color: transparent;
	font-size:18px;
}
.site-info a, .site-info a:visited {
   color: #333; }
.site-info a:hover {
	color: #eba914;
}

.copyright-bar ul {
   margin-left:0;
}
.copyright-bar li  {
	background-image: none;
	display: inline;
	list-style-type: none; margin-right:10px;}

.footer-bar-align-right .copyright-bar {
    float: none;
}
/*----------------------------------------------------------current-menu----------------------------------------*/
.current-menu-parent a { color:#eba914!important;}

/*---------------------------------------Button Kontakt, Behandlungen------------------------------------------*/

.su-button-style-ghost span  {
border:none!important;
}
.su-button-style-ghost :hover {
background:#333;
}
.su-button-style-ghost  {

	font-weight:700;
	text-transform:uppercase;
	border-bottom:dotted #eba914!important;
}

.btnkontakt {border:none!important;}


/*------------------------------------------9. FORMUMLAR---------------------------------------------------------------------*/ 
/*------------------------------------------Contact Form 7----------------------------------------------------------------------*/

/*Bewerbung*/
.page-id-268 .fm-icon {
	display:none;
}
.bewerbung a, .bewerbung a:visited {
	color:#eba914!important;
}
input[type="text"], input[type="email"], input[type="tel"], textarea, select {
    padding: 10px;
    width:100%;
	background: rgba(235,169,20,0.6);
	border:none;
}
textarea {
	max-height:150px;
}
.zstm {
	margin-left: -14px; 
}
input[type="submit"] {
	background-color: #eba914;
	border-radius:5px;
}

/*------------------------------------------------------------------------------------------------HOME-----------------------------------------------------------------------*/

.home .inside-header {
	padding-top:80px!important;
}

.top h1 {
	font-size:60px!important;
	line-height: 60px!important;
	text-transform:none;
	text-align:center;
	padding-bottom:60px;
}
h1 strong {
	font-size:22px!important;
	line-height: 40px!important;
	text-transform:uppercase;
	color: #eba914;
}
.symbole {
	text-align:center;
}
.symbole a {border:none;}
.symbole img{	
	border-radius:100%;
	box-shadow: 1px 1px 1px 1px rgb(0 0 0 / 10%);
	padding:20px;
	max-width:150px!important;
}
/*---------------------------------------------------------------Kontakt------------------*/
.maps {
	padding: 0 0 200px 0;
}
.maps a, .maps a:visited {
	color: #eba914!important;
}

.kontakt img {
	max-width:40px!important;
	float:right;
}
.kontakt a, .kontakt a:visited{
	color:#eba914!important;
}

.kontakt2 img {
	max-width:40px!important;
}

.kontakt a, .kontakt a:visited{
	color:#eba914!important;
}
/*-------------------------------------------------------------Leistungen------------------*/

.leistungen a, .leistungen a:visited{
	color:#eba914!important;
}
.leistungen a:hover{
	color:#ccc!important;
}

.leistungen ul li {
	background-position: left 13px;
	padding: 0  0 30px 20px!important;
	font-size: 25px!important;
	line-height:35px!important;
}

/*-------------------------------------------------------------------------10. SONSTIGES---------------------------------------*/
	
.center {text-align:center;}

.none { display:none;}
.rechts {
	text-align:right;
}
/*----------------------------------------------------------------------------WP Galerie-----------------------------------------*/
.site-main .gallery {
	text-align: center;
}

/*--------------------------------------------------------------------------Sections---------------------------------------------*/
.top, .kontaktsec, .formular, .therapie {
	padding:100px 0 150px 0;
}
.galerie, .willkommen, .physio {
	padding:0 0 150px 0;
}
.white {
	padding:70px 0 150px 0;
}
/*------------------------------------------------------------------------Background Flex------------------------------*/
.generate-sections-container  {
    background-position: center top !important;
    background-attachment: fixed!important;
	background-repeat: no-repeat;
	background-size: ;
}

/*-------------------------------------------------------------------------------floating menu----------------------------------------------------*/
.fa-people-group  {display:none!important;
}

.fm-item-1-0 .fm-icon   {
	background-image: url(https://www.physiotherapie-veit.de/wp-content/uploads/2024/08/physiotherapie-bewerber-3.png);
	background-repeat: no-repeat;
	background-size:120px 120px;
	background-position: center center;
}

.fm-item-1-0 .fm-icon img {width:20px!important;}
.fm-bar.fm-right li {
  margin-top:300px;
}
@media screen and (max-width: 13520px) {
/*Smartslider*/
.fontveit {
	padding-top:200px;
}
}
@media screen and (max-width: 1200px) {
.home .inside-header {
	padding-top:20px!important;
}	
}
@media screen and (max-width: 1100px) {

.header-image, .textwidget img {
	max-width:250px!important;}
	
.fm-bar.fm-right li {
  margin-top:-200px;
}

/*----su-colomn 100%---*/
.su-column-size-1-2, .su-column-size-1-4 {
  width: 100%!important;
	margin-left:0% !important;
}
/*Section */
	.top , .maps  {
	padding:40px 0 60px 0;
}
.top, .kontaktsec, .formular, .therapie {
	padding:40px 0 20px 0;
}
.willkommen{
	padding:0 0 150px 0;
}
	.physio, .willkommen, .white {
	padding:0 0 60px 0;
}
.physio .su-row  {
	display: flex; 
	flex-direction: column-reverse;
}
 .white h1,.physio h2, .willkommen h2 {
	 font-size:22px!important;
	padding-top: 40px;
	text-align:center;
}
.top h1 {
	font-size:40px!important;
	line-height: 50px!important;
	padding-bottom:10px;
}	

/*--------------------------Smartslider--------------------------------------*/
.fontveit {
	font-size:70%!important;
	padding-top:150px!important;
}
.fontstadt {
	font-size:70%!important;
}
.fontzitate {
	font-size:80%!important;
	padding:10px 0;
}
.btn  {
	margin-top:5px!important;
	padding:20px 10px!important;
	font-size:90%!important;
}

/*Leistungen*/
.leistungen ul li {
  padding: 0  0 20px 20px!important;
  font-size: 18px!important;
	line-height:28px!important;
}

/*Kontakt*/
.kontakt img {
		float:none;
}
	.kontakt  {
		text-align:center;
}
}

@media screen and (max-width: 768px) {
body, blockquote, button, input, select, textarea, .sidebar .widget, .footer-widgets .widget, .footer-widgets .widget-title, .site-info  { 
   font-size:16px;
}
h1{ 
	font-size:30px!important; 
	line-height:30px!important;
	font-weight:300!important; 
}

h2 {
	font-size: 20px!important;
	line-height:30px;
}

h3 {
	font-size: 16px;
}

.header-image, .textwidget img {
	max-width:200px!important;
}

/*--------------------------------------------------------------Smartslider---------------------------------*/
.fontveit {
	font-size:50%!important;
	padding-top:0px!important;
}
.fontstadt {
	font-size:55%!important;
}
.fontzitate {
		font-size:80%!important;
	display:none;
}
.btn  {
	margin-top:20px!important;
}

/*Section */
.willkommen {
	padding:0;
}
.white {
	padding:0 0 60px 0;
}
 .white h1, 	.physio h2, .willkommen h2 {
	font-size:20px!important;
	line-height:30px!important;
	padding-top: 0;
}
/*------------------------------------------------------------------------------Home------------------------------------*/
.top h1 {
	font-size:25px!important;
	line-height: 30px!important;
}	
.physio h2 {
	padding-top: 30px;
}
.symbole img{	
	padding:10px;
	max-width:100px!important;
}
/*---------------------------------------------------------------------------Bewerbung----------------------------*/	
.bewerbung h1, .therapie h1 {
	font-size:22px!important;
	text-align:center;
}	
/*----Bewerbungsbutton-----*/
.fm-item-1-0 .fm-icon   {
	background-size:90px 90px;
}	
.fm-bar.fm-right li {
  margin-top:-250px;
}	
/*--------------------------------------------------------------------------------Sections ------------------------------------------*/
.galerie, .willkommen, .white {
	padding:0 0 10px 0;
}	

/*-------------------------------------------------------------------------Navigation--------------------------------------------*/
.main-nav ul li a {
    font-size: 20px!important;
}

/*-------------------------------------------------------------------------FOOTER----------------------------------*/
.site-footer {
	border-top:dotted 1px  #999;	
}
.copyright-bar ul {margin: 0;}
.copyright-bar ul li{
    display: block;
	padding: 0;
	margin: 10px 0;
}
/*-------------------------------------------------------------------------------------SONSTIGES-------------------*/
.abstand {margin-bottom:10px;}
.rechts  {text-align:left;}

/*-----RORM----------*/
textarea {
	resize:horizontal; max-width:100%!important;
}

}