/*
Theme Name: OceanWP Child
Theme URI: https://oceanwp.org/
Template: oceanwp
Author: OceanWP
Author URI: https://oceanwp.org/about-oceanwp/
Description: OceanWP is the perfect theme for your project. Lightweight and highly extendable, it will enable you to create almost any type of website such a blog, portfolio, business website and WooCommerce storefront with a beautiful & professional design. Very fast, responsive, RTL & translation ready, best SEO practices, unique WooCommerce features to increase conversion and much more. You can even edit the settings on tablet & mobile so your site looks good on every device. Work with the most popular page builders as Elementor, Beaver Builder, Brizy, Visual Composer, Divi, SiteOrigin, etc... Developers will love his extensible codebase making it a joy to customize and extend. Best friend of Elementor & WooCommerce. Looking for a Multi-Purpose theme? Look no further! Check the demos to realize that it's the only theme you will ever need: https://oceanwp.org/demos/
Tags: two-columns,right-sidebar,footer-widgets,blog,news,custom-background,custom-menu,post-formats,rtl-language-support,sticky-post,editor-style,threaded-comments,translation-ready,buddypress,custom-colors,featured-images,full-width-template,theme-options,e-commerce,block-styles,wide-blocks,accessibility-ready
Version: 4.1.3.1759141283
Updated: 2025-09-29 10:21:23

*/


/* =========================================================
   Custom Grid für WordPress-Shortcodes [row], [col1]–[col9]
   Mobile-first, angelehnt an Bootstrap col-md-*
   ========================================================= */

/* Basis-Layout für Zeilen */
.row {
  display: flex;
  flex-wrap: wrap;
  margin-left: -15px;   /* gleicht die Spalten-Paddings aus */
  margin-right: -15px;
	padding-left: 15px;
  padding-right: 15px;
  box-sizing: border-box;
}


  

  /* Mobile first: Spalten untereinander, volle Breite 
  flex: 0 0 100%;
  max-width: 100%;
}*/

/* ==============================================
   Breakpoint ab "md" (ca. Tablet quer, >= 768px)
   ============================================== */

@media (min-width: 768px) {

  /* 12er-Grid – du nutzt aktuell v. a. 1,2,3,4,6,8,9,
     aber hier sind alle definiert falls du erweiterst */

  .col-md-1  { flex: 0 0 8.3333%;   max-width: 8.3333%; }
  .col-md-2  { flex: 0 0 16.6667%;  max-width: 16.6667%; }
  .col-md-3  { flex: 0 0 25%;       max-width: 25%; }
  .col-md-4  { flex: 0 0 33.3333%;  max-width: 33.3333%; }  /* 3 Spalten */
  .col-md-5  { flex: 0 0 41.6667%;  max-width: 41.6667%; }
  .col-md-6  { flex: 0 0 50%;       max-width: 50%; }
  .col-md-7  { flex: 0 0 58.3333%;  max-width: 58.3333%; }
  .col-md-8  { flex: 0 0 66.6667%;  max-width: 66.6667%; }
  .col-md-9  { flex: 0 0 75%;       max-width: 75%; }
  .col-md-10 { flex: 0 0 83.3333%;  max-width: 83.3333%; }
  .col-md-11 { flex: 0 0 91.6667%;  max-width: 91.6667%; }
  .col-md-12 { flex: 0 0 100%;      max-width: 100%; }

}

/* =======================================
   Utility-Klassen für vertikale Abstände
   ======================================= */

/* Entspricht grob Bootstrap .py-1 */
.py-1 {
  padding-top: 0.25rem;   /* ca. 4px */
  padding-bottom: 0.25rem;
}

/* Ab md-Breakpoint vertikales Padding wieder entfernen */
@media (min-width: 768px) {
  .py-md-0 {
    padding-top: 0;
    padding-bottom: 0;
  }
}

body {
	hyphens:auto;
	background-repeat: no-repeat !important;
background-size: auto 100%;
}


h2 {
	color: #b53463;
}

/* Titel */
body.home .page-header-inner {
  text-align:left;
}
/* Titel Ende */

/* Bild */
.bild {
	padding:10px 0 60px 50px;
}
/* Bild Ende */

/* Aktuelles */
.aktuelles {
  margin:60px 0;
  border:5px solid #fbf9f7;
  padding:30px;
  background:#fff;
}
/* Aktuelles Ende */

/* Adresse */
.adresse {background:#fbf9f7;
padding:30px;
font-size: 17px;
margin: 60px 0;}
.adresse .fas{
width:50px;
}
/* Adresse Ende */

/* Links */
a,  .single-post:not(.elementor-page) .entry-content a:not(.wp-block-button__link):not(.wp-block-file__button), .page:not(.elementor-page):not(.woocommerce-page) .entry a:not(.wp-block-button__link):not(.wp-block-file__button) 
{text-decoration: none;}

/* Links Ende */

/* Listen */
#main li:before {
    content: "- " ;
    margin:0 10px 0 0;
}

#main ul {
  margin: 20px 0;
  padding: 0;
}

#main ul li {
  list-style: none;
	padding-left: 20px;
  position: relative;
  text-indent: -20px;
}

/* Listen Ende */

/* Ninja Forms */
.kontakt  {
	background:#fff;
	padding:20px 50px;
	margin:50px 0;
}

.nf-before-form-content {
	font-size:14px;
	margin:20px 0 40px;
}
#nf-label-class-field-14-0 {
  font-size: 17px;
}
.nf-form-layout .nf-field-label .nf-label-span,.nf-form-layout .nf-field-label label {  font-weight: 400;
	color:#111;
font-size:18px;}

.nf-field-description {
  font-size:17px;
	line-height:24px;
	margin:0 0 20px 0;
	color:#111;}

.nf-field-element {
  line-height: 24px;
}

.kontakt .nf-field li::before {
  content: none !important;
}

/* Ninja Forms Ende*/


/* Button */
input[type="submit"], button[type="submit"], .button, body div.wpforms-container-full .wpforms-form input[type="submit"], body div.wpforms-container-full .wpforms-form button[type="submit"], body div.wpforms-container-full .wpforms-form .wpforms-page-button, .woocommerce-cart .wp-element-button, .woocommerce-checkout .wp-element-button, .wp-block-button__link {
 font-size: 19px;
  font-weight: 400;
  text-transform: inherit;
  margin: 40px 0 !important;
  padding: 20px 30px;
}
/* Button Ende */


/* Navigation oben */
#site-header a:focus {
	outline: none !important;
}

#site-navigation-wrap .dropdown-menu > li > a, #site-header.full_screen-header .fs-dropdown-menu > li > a, #site-header.top-header #site-navigation-wrap .dropdown-menu > li > a, #site-header.center-header #site-navigation-wrap .dropdown-menu > li > a, #site-header.medium-header #site-navigation-wrap .dropdown-menu > li > a, .oceanwp-mobile-menu-icon a {
 
}
/* Navigation oben Ende */


/* Teamseite */
.team img {
	border:1px solid #fff;
}

.team .col-md-4 {
	padding:15px;
}
.team {
	font-size:17px;
}
.team h5 {
	margin:0
}

/* Teamseite Ende */

/* Sprechzeiten */

@media only screen and (min-width: 960px) {
  .widget-area, .content-left-sidebar .widget-area {
    width: 100% !important;
  }
}


.sprechzeiten {
  background: #e8e3ff;
  padding: 40px 30px;
  margin: 60px 0px;
}
.sprechzeiten p, .sprechzeiten table {
  font-size: 17px;
}
.sprechzeiten .widget-area.sidebar-primary {
  float: none;
  padding-left: 0px;
}

.sprechzeiten td:nth-child(1) {
   width: 150px;
}


 .sprechzeiten table td {
  border-bottom: 1px solid #fff;
}
/* Sprechzeiten Ende */