/*
Theme Name: ZPG
Theme URI: https://www.i-b-h.de
Template: mesmerize
Author: IBH
Author URI: https://www.i-b-h.de
Description: ZPG Theme
Tags: entertainment,food-and-drink,portfolio,one-column,two-columns,right-sidebar,grid-layout,custom-header,custom-menu,custom-logo,full-width-template,theme-zpg
Version: 1.0.000.1740895372
Updated: 2025-03-02 07:02:52

*/

body {
	color: #000;
}

@font-face {
  font-family: 'KaushanScript';
  font-style: normal;
  font-weight: 400;
  src: url('https://www.physio-mumme.de/fonts/kaushan-script-v14-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('https://www.physio-mumme.de/fonts/kaushan-script-v14-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('https://www.physio-mumme.de/fonts/kaushan-script-v14-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('https://www.physio-mumme.de/fonts/kaushan-script-v14-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('https://www.physio-mumme.de/fonts/kaushan-script-v14-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('https://www.physio-mumme.de/fonts/kaushan-script-v14-latin-regular.svg#KaushanScript') format('svg'); /* Legacy iOS */
 font-display: swap;	
}

h2, .h2 {
	font-family: 'KaushanScript', cursive;
    font-size: 2rem;
    line-height: 2.5rem;
    font-weight: 600;
	padding: 2em 0 1em 0;
}

.col-sm-8 > h2 {
	padding: 0em 0 0em 0;
}

h3 {
	font-family: 'KaushanScript', cursive;
	font-size: 2em;
}

h5 {
    font-size: 1.5em;
}

.post-content-single > h2 {
	display: none;
}

.wp-block-heading::first-letter {
  margin: 0 1px 0 0;
  padding: 0 2px 0 0;
  font-size: 2em;
}

.transparent  {
    background-color: rgba(0,0,0,0.0) !important;
}
pre {
    padding: 1rem 0 1rem 0 !important;
	line-height: 1.2rem;
}

.left {
	text-align: left;
}

input, textarea, select {
    border: 1px solid #446D8C;
}

textarea {
    margin-bottom: 3em;
}

input[type="file"] {
    margin-bottom: 3em;
}

.wpcf7-list-item
 {
    margin: 0 0 0 0em !important;
}

input[type="checkbox"]
 {
    width: 25px;
    height: 25px;
}

input[type="submit"]
 {
    color: #ffffff;
    background-color: #446D8C;
}

.button.color1 {
    color: #ffffff;
    background-color: #446D8C;
    border-color: #446D8C;
}

.button.color2 {
    color: #000000;
    background-color: #FF9800;
    border-color: #FF9800;
}

.header-separator path.svg-accent {
    stroke-width: 10;
}

.navigation-bar
 {
    padding-top: 0.2rem;
    padding-bottom: 0rem;
}

div.navigation-bar>div.navigation-wrapper>div.row>div.main_menu_col>div#mainmenu_container {
  background: rgba(0,0,0,0.5);
}

div.navigation-bar.fixto-fixed>div.navigation-wrapper>div.row>div.main_menu_col>div#mainmenu_container {
  background: rgba(0,0,0,0);
}

.navigation-bar.fixto-fixed:hover {
    background: rgba(255,255,255,1);
}

ul.dropdown-menu.active-line-bottom > .current_page_item > a, ul.dropdown-menu.active-line-bottom > .current-menu-item > a, ul.dropdown-menu.default > .current_page_item > a, ul.dropdown-menu.default > .current-menu-item > a
 {
    border-bottom: 3px solid #446D8C !important;
}

ul.dropdown-menu li a:hover {
    color: #C0C0C0 !important;
}

#offcanvas-wrapper {
    background-color: #505e6c;
}

.offcanvas_menu li a {
    font-size: 1.2rem;
}

h1.hero-title {
	font-family: 'KaushanScript', cursive;
    color: #000;
    margin-bottom: 1.25rem;
    font-size: 5.5rem;
    font-weight: 600;
    line-height: 1.14;
    letter-spacing: 0.9px;
	text-shadow: 2px 2px 4px #fff;
}

ul.dropdown-menu > li > a {
        font-size: 22px;
}

i.fa.icon.reverse.color1 {
    background-color: #446D8C;
}

i.fa.icon.color1 {
    background-color: #446D8C;
}

.bg-color1 {
    background-color: #446D8C;
}

.mesmerize-content-padding #page > .page-content, .mesmerize-inner-page #page > .page-content
{
    padding-top: 0rem !important;
}

a.read-more {
	font-size: 0;
}

a.read-more:after {
	content: 'weiterlesen';
	font-size: 18px;
    right: -80px;
    transition: right 0s ease;
}

a.read-more:hover:after {
    transition: right 0s ease;
	right: -80px;
}

.footer-content-lists a
{
    text-decoration: none;
}

.wp-block-heading {
	font-size: 1.8em;
}

.footer-logo {
	display: none;
}

.footer .mesmerize-theme-link {
    color: #727272 !important;
	visibility: hidden;
}

.copyright
 {
    font-size: 1rem;
}

.footer-bg-accent {
	margin-top: 40px;
    background-color: transparent !important;
    background-image: url(https://www.physio-mumme.de/wp-content/uploads/2025/06/logo-zpg.png);
    background-position: top center;
    background-repeat: no-repeat;
}

.main_menu_col [data-component="offcanvas"] .bubble {
    background-color: #446D8C;
    opacity: 1;
}

.coloured-nav .main_menu_col [data-component=offcanvas] .bubble, .fixto-fixed .main_menu_col [data-component=offcanvas] .bubble {
    background-color: #446D8C;
}

.grecaptcha-badge { 
    visibility: hidden;
}

@media (max-width: 1024px) {
    html, body {
        font-size: 16px;
    }
}

@media screen and (max-width: 767px) {

ul {
    list-style-type: none;
}
	
ul, ul ul, ul ol, ol, ol ul, ol ol
 {
    margin: 0 0 0 0rem;
}
	
h1.hero-title {
	font-family: 'KaushanScript', cursive;
    color: #000;
    margin-bottom: 1.25rem;
    font-size: 2.5rem;
    font-weight: 600;
    line-height: 1.14;
    letter-spacing: 0.9px;
	text-shadow: 2px 2px 4px #fff;
}
	
h2, .h2 {
    padding: 1em 0 1em 0;
}
	
#offcanvas-wrapper
 {
    background-color: #ffffff;
}
	
.offcanvas_menu li {
    color: #000000;
}
	
.onetap-container-toggle .onetap-toggle img.design-size1 {
        width: 2.5rem !important;
        height: 2.5rem !important;
}

.nav-links, .post-comments .navigation {
    font-size: 14px;
}

.nav-links .nav-previous, .post-comments .navigation .nav-previous, .nav-links .nav-next, .post-comments .navigation .nav-next {
    padding-right: 0px;
    padding-left: 0px;
}	
	
.nav-links {
	padding: 0px;
    padding-right: 0px;
    padding-left: 0px;
}
	
a.read-more:after {
	content: 'weiterlesen';
	font-size: 18px;
    right: -35px;
    transition: right 0s ease;
}

a.read-more:hover:after {
    transition: right 0s ease;
	right: -35px;
}
	
.footer-bg-accent {
	padding-top: 100px !important;
}

.copyright
 {
    font-size: 1rem;
	text-align: center;
}
}
