/* CSS Document */
/*
 Theme Name: GeneratePress Child-Theme
 Description: Responsive WordPress Theme  praxis-ammenwerth.de 2025
 Author: webgaroo webdesign studio
 Template: generatepress 
 Version: 1.0

*/

/*------------0. MAIN-----------------*/
/*------------1. PAGE HEADER--------------*/
/*------------2. CONTENT-----------------*/
/*------------3. NAVIGATION--------------*/ 
/*------------4. FOOTER--------------------*/
/*--------- --7. SHORT CODES--------------*/
/*------------8. TABLE-------------------*/ 
/*------------10. SONSTIGES-------------------*/ 

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

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

/* open-sans-500 - 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: 'Open Sans';
  font-style: normal;
  font-weight: 500;
  src: url('fonts/open-sans-v40-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

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


/*------------------------------------------0. MAIN----------------------------------------*/
body {
	font-family: 'Open Sans', -apple-system, BlinkMacSystemFont,  "Helvetica Neue", Arial, sans-serif;
	color: #232323;
	font-size: 18px;
	line-height:30px;
	background-color: #fff;
	hyphens: auto;
}
strong {
	color: #7e1210;
}
/*for Page Aktuelles*/
blockquote {
	border: dashed 1px #7e1210;
	font-style: normal;
	background-color: transparent;
	padding:50px;
	font-size: 18px;
	line-height: 30px;
	margin-bottom: 20px;
	background-image: url(images/news2.png);
	background-repeat: no-repeat;
	background-position: center top;
	background-size:50px;
}
pre {
	max-width:100%;
	white-space:pre-wrap;
	line-height:30px;
	padding: 50px;
}

a, a:visited {
	color:#7e1210;
	text-decoration: none;
}
/*-------------------------------------------------------Hover für Links und Image---------------------------------------------*/
img, .main-navigation .main-nav ul li a, a{
	-webkit-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
}
img:hover, a:hover  {
	opacity: .7;
}

h1 {
	font-size:45px;
	line-height: 50px;
	text-transform:uppercase;
	text-align:center;
}

h1 strong {
	font-size:22px;
	font-weight:500;
	color:#000;
}

h2{
	font-size:30px; 
	line-height:40px;
}

h3 {
	font-size: 18px;
	color:#7e1210;
	font-weight:700;
}
h4, h5, h6{
	font-size: 18px;
	font-weight: 300;
	text-align: center;
}

/*--------------------------------------------------------------------1. PAGE HEADER--------------*/

.header-image {max-width:100px;}

/*-----------------------------------------------------------------------2. CONTENT-----------------*/
.site-content a {
	color:#7e1210;
}
.site-content ul{margin-left: 0px; }
.site-content ul li  {
	list-style-type: none;
	background-image: url(images/kreuz.png);
	background-repeat: no-repeat;
	padding-left: 30px;
	background-size: 10px 10px;
	background-position: left 10px;	
}
.site-content ol{margin-left: 20px;}
.site-content ol li {
	padding-left:15px;
}
/*----------------------------------------------------------------3. NAVIGATION--------------*/ 
.main-navigation  {
	background-color: transparent;
}
.main-nav ul li a {
	font-size: 16px;
	text-transform:uppercase;
	color:#7e1210;
}

.main-navigation .main-nav ul li a:hover {
	color: #7e1210;
}
.main-navigation.is_stuck {
	background-color:#fff;
}


.main-nav ul li[class*="current-menu-"] > a {
	color: #7e1210;
	font-weight:700;
}
/*----------------------------------------------------------------------------------------------Menu Toggle-----------------------------------------*/
.gp-icon svg {
  color: #7e1210;
  font-size:25px;
}
.gp-icon svg:hover {
  color: #666;
}
/*------------------------------------------------------------------------------------ Menu Toggle zentrieren-----------------------------------------------*/

/*-----------------------------------------------------------------------------------SLIDEOUT NAVI------------------------------------------------------*/

.slideout-navigation.main-navigation {
    background-color: rgba(126,18,16,0.8);
}
.slideout-navigation.main-navigation ul li a{
	line-height:40px;
	color:#fff;
	font-weight:300;
}
.slideout-navigation.main-navigation ul li a:hover{
	color:#fff!important;
}

.slideout-navigation ul li[class*="current-menu-"] > a {
	color: #fff!important;
    font-weight:normal;
}

.slideout-navigation.do-overlay .slideout-exit {
	/*position: relative!important;*/
 }

.slideout-navigation button.slideout-exit .gp-icon svg {
  color: #fff;
}

/*-------------------------------------------------------4. FOOTER-----------------------------------------*/

.site-footer {
	text-align: center;
}
.footer-widgets {
	background-color: transparent;
}
.footer-widgets img {
	max-width:40px;
}

.footer-widgets a, .footer-widgets a:visited {
    color:#333;
	border-bottom:dashed 1px #cc0033;
}
.footer-widgets a:hover {
	color: #7e1210;
}
.footer-widgets strong {
	text-transform: uppercase;
	font-weight: normal;
}
.site-info {
	background-color: transparent;
}
.site-info a, .site-info a:visited {
   color: #333; }
.site-info a:hover {
	color: #7e1210;
}

.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:#7e1210}

/*---------------------------------------------------------------Icon  Back to Top-------------------------------------------------*/
a.generate-back-to-top {
  background-color: #753f44; 
  width: 48px; 
  height: 48px;
  border-radius: 100%;
  padding-top: 5px;
}

a.generate-back-to-top svg {
  width: 24px;
  height: 24px;
  fill: #FFFFFF; 
}

/*--------------------------------------------------------------------------------------------10. SONSTIGES-------------------*/
	
.center {text-align:center;}
.rechts {
	text-align:right;
}
.rechts img {float:right; }
.none  {display:none;}
.gallery {
  text-align: center;
}
.screen-reader-text {
	position:absolute;
	left:-9999px;
}

/*------------------------------------------9. FORMULAR---------------------------------------------------------------------*/ 
form  {
	font-size:16px;
 	border-radius:5px;
}
input[type="text"], input[type="email"], input[type="tel"], textarea, select {
	padding: 10px;
	width:100%;
	color:#000;
	background-color: #e7e7e5;
}

input[type="text"]:hover, input[type="email"]:hover, input[type="tel"]:hover, textarea:hover,  select:hover  {
    background: #e2e4e0;
}

.zstm {margin-left: -14px;}

input[type="submit"] {
	background-color: #7e1210;
	border-radius:5px;

}

/*------------------------------------------Contact Form 7----------------------------------------------------------------------*/
.wpcf7 .wpcf7-submit:disabled {
  background-color: #bbd051;
}

.weightno {font-weight:normal;}


/*---------------------------------------------------------------------------------------TABLE-------------------------------*/
#cv td,  #cv  {
    border: none;
}

#cv td{
	vertical-align: top;
}

/*-------------------------------------------------------HERO-------------------------------------------------------------------*/

.page-hero {
	padding:16% 0 16%;
}
/*------Page Team---*/
.page-id-21 .page-hero {
	padding:24% 0;
}

.page-hero h1 {
  	font-size: 70px;
  	text-transform: none;
  	line-height: 105px;
  	font-weight: 700;
  	color: #fff;
	text-shadow: 1px 1px 1px #000;
	font-weight:700;
	
}

.page-hero h2 {
  	font-size: 30px;
  	text-transform: uppercase;
  	line-height: 72px;
  	font-weight: 700;
	text-align:center;
	color:#7e1210;
}

/*------------------------------------------------------PAGE HOME----------------------------------------------------------*/
.sectiontop {
	padding-top:80px;
	padding-bottom:40px;
}
.start .su-column {
	text-align:center;
}
.start img {
	 border-radius: 0 0 50% 50% / 30%;
	max-width:100px!important;
}

.sectioninfos {
	padding-top:40px;
	padding-bottom:100px;
}
.kontaktstart {
	margin:0 18%;
}
.kontaktstart .su-column {
	border: dashed 1px;
	padding:40px 10px 0;
	text-align:center;
	border-radius: 0 0 50% 50% / 30%;
	min-height:430px;
}
.kontaktstart img {
	max-width:50px!important;
}
.sectionwelcome {
	padding-top:100px;
	padding-bottom:100px;
}
.sectionwelcome p::first-letter {	
	color: #7e1210;
	border:dashed 1px;
	border-radius:1px 1px 20px 20px;
	padding:0 5px;
	margin-right:2px;
}
/*-------------------------------------------------Page Fulgmedizin, Hypnose--------------------------*/
.page-id-17  .page-hero h2, .page-id-19 .page-hero h2 {
  	color:#fff;
	text-shadow: 1px 1px  2px #000;
}

/*-------------------------------------------------Page Praxis--------------------------------------------*/
/*------WP Gallery---*/
.team .gallery-columns-3 .gallery-item, .team .gallery-columns-4 .gallery-item  {
  max-width: 30%;
	border:dashed 1px #7e1210 ;
	padding:40px 0;
	margin:0 5px 5px;
}

.team, .team h2 {
	font-size:16px;
	line-height:30px;
}
.team h2 {
	margin:5px 0 0;
	font-weight:700;
}
/*-------Page Hausarztmedizin--------------------------*/

.page-id-15 .page-hero {
	padding:0;
}
/*------Slider Navigation---*/
div#n2-ss-2 .n2-style-785355f374be86c332d4665aae819858-dot.n2-active, div#n2-ss-2 .n2-style-785355f374be86c332d4665aae819858-dot:hover, div#n2-ss-2 .n2-style-785355f374be86c332d4665aae819858-dot:focus {
 	background: #7e1210;
    background-attachment: scroll;
}
/*Page Kontakt*/
.kontakt .su-column {
	border: dashed 1px #7e1210;
	padding:40px 50px;
	margin-bottom: 20px;
}
.kontakt img {
	max-width:70px!important;
}
/*Page Flugmedizin*/
.sectionall {
	padding-top:100px;
	padding-bottom:100px;
}

@media (max-width: 1100px) {
		/* PAGE HOME */	
.kontaktstart {
	margin:0;
}
.kontaktstart .su-column {
	min-height:450px;
}
/*Page Praxis*/
.gallery-item {
  	max-width: 40%!important;
	padding: 30px;
 	 margin: 0 5px 5px;
}
.team, .team h2 {
	font-size:14px;
	line-height:25px;
}
}
@media (max-width: 1200px) {
/*---PAGE HERO---*/
.page-hero h1 {
	font-size: 22px;
	line-height: 33px;
	margin-bottom:7px;
}
.page-hero h2 {
  font-size: 16px;
  line-height: 29px;
}
}

@media(min-width: 769px) {
/*-------------------------------------------------------------------Logo cented in Navi---------------------------------------*/
.inside-header>.site-branding,
.inside-header>.navigation-branding,
.inside-header>.site-logo,
.site-branding-container,
#site-navigation .navigation-branding .site-logo,
#sticky-navigation .navigation-branding {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	z-index: 1000;
}

#site-navigation {
	margin-left: unset !important;
	display: flex;
}

.site-header .main-navigation:not(#sticky-navigation) .inside-navigation {
	margin: unset;
}

#site-navigation,
#primary-menu,
.main-navigation .inside-navigation {
	flex: 1;
}

/* Change nth-child(#) to first item to right */
.main-navigation ul li:nth-child(4) {
	margin-left: auto;
}
}


@media screen and (max-width: 768px) {
.header-image {
  	max-width: 60px;
	margin-top:0px;
}
	
/*----------------------------MOBILIE NAVIGATION Background transparent--------------------------------------------------*/
.mobile-menu-control-wrapper .menu-toggle, .mobile-menu-control-wrapper .menu-toggle:hover, .mobile-menu-control-wrapper .menu-toggle:focus, .has-inline-mobile-toggle #site-navigation.toggled {
  	background-color: transparent;
}
/*-------------------------------------------------------------------Logo cented in Navi---------------------------------------*/
.inside-header.grid-container {
	flex-direction: column;
	align-items: center;
}

 .inside-header nav#mobile-menu-control-wrapper {
	margin-left: auto;
	margin-right: auto;
 }

/*-------------------------------------------------------------------End Logo cented in Navi---------------------------------------*/

body, blockquote, button, input, select, textarea, .sidebar .widget, .footer-widgets .widget, .footer-widgets .widget-title, .site-info  { 
	font-size:16px;
	line-height:25px;
}
/*------------main--------------*/
h1{ 
	font-size:25px; 
	line-height:38px;
}

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

h3 {
	font-size: 16px;
 }
h6{
	font-size: 14px;
}
/*-----Navigation----------*/
.main-nav ul li a {
    font-size: 20px;
 }
/*-----Footer----------*/
.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;}
.rechts img {float:left; margin-right:10px;}

/*-------------------------------------------------------------------------------------------------Reverse---------------------------------------------*/
.reverse.su-row  {
	display: flex; 
	flex-direction: column-reverse;
}
/*-------------------------------------------------------------------Sections----------------------------------------------------------------*/
.sectionall {
	padding-top:10px;
	padding-bottom:40px;
}	
/*---------------------------------------------------------------------------PAGE HOME-------------------------------------------------*/
.sectiontop {
	padding-top:40px;
	padding-bottom:0;
}
.sectiontop .generate-sections-inside-container {
	padding-left: 0px;
	padding-right: 0px;
}
.sectiontop .su-row .su-column-size-1-3  {
	width:33%!important;
	float:left!important;
}
.sectiontop .su-row .su-column + .su-column {
	margin-top:0!important;
}	
.start img {
	max-width:60px;
}
.start a {
	font-size:15px;
}

.kontaktstart .su-column {
	min-height:auto;
	padding-bottom:60px;
}
	.sectionwelcome {
	padding-top:40px;
	padding-bottom:40px;
}
/*------Team---*/

/*Page Praxis*/
.gallery-item {
  	padding: 0 0 20px !important;
	margin:0;
	border:none!important;
}
}