/* 
Theme Name:		 Hello Elementor Child
Theme URI:		 https://elementor.com/
Description:	 Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author:			 Elementor Team
Author URI:		 https://elementor.com/
Template:		 hello-elementor
Version:		 1.0.0
Text Domain:	 hello-elementor-child
*/

/*
TOC
1. Fonts
2. Farben
3. CSS Reset / Basics
4. Header / Navigation / Menu / Login
5a. Main Content: Frontpage
5b. Main Content: Accordion
5c. Main Content: Kontakt
5d. Main Content: TWIN
6. Sidebar Content
7. Widgets / Blocks
8. Footer
9. Kommentare / Formulare
10. Suchresultate
11. Wartungsseite
12. Media Queries
*/

/*
1. Fonts
*/

@font-face {
  font-family: 'Gulim';
  src: url('./fonts/Gulim.eot'); /* IE9 Compat Modes */
  src: url('./fonts/Gulim.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('./fonts/Gulim.otf') format('opentype'), /* Open Type Font */
    url('./fonts/Gulim.svg') format('svg'), /* Legacy iOS */
    url('./fonts/Gulim.ttf') format('truetype'), /* Safari, Android, iOS */
    url('./fonts/Gulim.woff') format('woff'), /* Modern Browsers */
    url('./fonts/Gulim.woff2') format('woff2'); /* Modern Browsers */
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Roboto-Regular';
  src: url('./fonts/Roboto-Regular.eot');
  src: url('./fonts/Roboto-Regular.eot?#iefix') format('embedded-opentype'),
       url('./fonts/Roboto-Regular.otf') format('opentype'),
       url('./fonts/Roboto-Regular.svg#Roboto-Regular') format('svg'),
       url('./fonts/Roboto-Regular.ttf') format('truetype'),
       url('./fonts/Roboto-Regular.woff') format('woff'),
       url('./fonts/Roboto-Regular.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Roboto-Bold';
  src: url('./fonts/Roboto-Bold.eot');
  src: url('./fonts/Roboto-Bold.eot?#iefix') format('embedded-opentype'),
       url('./fonts/Roboto-Bold.otf') format('opentype'),
       url('./fonts/Roboto-Bold.svg#Roboto-Bold') format('svg'),
       url('./fonts/Roboto-Bold.ttf') format('truetype'),
       url('./fonts/Roboto-Bold.woff') format('woff'),
       url('./fonts/Roboto-Bold.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Roboto-Italic';
  src: url('./fonts/Roboto-Italic.eot');
  src: url('./fonts/Roboto-Italic.eot?#iefix') format('embedded-opentype'),
       url('./fonts/Roboto-Italic.otf') format('opentype'),
       url('./fonts/Roboto-Italic.svg#Roboto-Italic') format('svg'),
       url('./fonts/Roboto-Italic.ttf') format('truetype'),
       url('./fonts/Roboto-Italic.woff') format('woff'),
       url('./fonts/Roboto-Italic.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Roboto-BoldItalic';
  src: url('./fonts/Roboto-BoldItalic.eot');
  src: url('./fonts/Roboto-BoldItalic.eot?#iefix') format('embedded-opentype'),
       url('./fonts/Roboto-BoldItalic.otf') format('opentype'),
       url('./fonts/Roboto-BoldItalic.svg#Roboto-BoldItalic') format('svg'),
       url('./fonts/Roboto-BoldItalic.ttf') format('truetype'),
       url('./fonts/Roboto-BoldItalic.woff') format('woff'),
       url('./fonts/Roboto-BoldItalic.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

/*
2. Farben
*/

:root {
  --gelb: #fcc30a;
  --gruen: #7ab51d;
  --grau: #948c8a;
  --blau: #4cb5e3;
  --gelbhell: #FDDB6C;
  --gruenhell: #AFD377;
  --grauhell: #BFBAB9;
  --blauhell: #94D3EE;
}

/*
3. CSS Reset / Basics
*/

body {
    /*min-height: 100%;*/
    /*height: calc(100vh-115px);*/
    margin: 0;
    padding: 0;
}

body.front {
	background-color: var(--gelb);
}

p {
	font-family: 'Roboto-Regular';
	font-style: normal;
	font-weight: 400;
	font-size: 18px;
	color: #000000;
	letter-spacing: 0;
	line-height: 1.5em;
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
}

p b {
	font-family: 'Roboto-Bold';
	font-style: normal;
	font-weight: 600;
	font-size: 18px;
}

h1 {
	font-family: 'Gulim';
	font-style: normal;
	font-weight: normal;
	font-size: 30px;
	color: #000000;
	letter-spacing: 0;
	line-height: 1.5em;
}

h2 {
	font-family: 'Gulim';
	font-style: normal;
	font-weight: normal;
	font-size: 24px;
	color: #000000;
	letter-spacing: 0;
	line-height: 1.5em;
}

h3 {
	font-family: 'Gulim';
	font-style: normal;
	font-weight: normal;
}

h4 {
	font-family: 'Roboto-Regular';
	font-style: normal;
	font-weight: 400;
	font-size: 18px;
	line-height: 1.5em;
	margin: 0;
}
 a {
	color: #1e73be;
}

a:hover {
	text-decoration: underline !important;
}

ul {
	line-height: 2em;
}

ul li  {
	font-size: 18px;	
}

/*
4. Header / Navigation / Menu / Login
*/

ul li.menu-item a.elementor-item {
	font-family: 'Roboto-Regular';
	font-style: normal;
	font-weight: 400;
	font-size: 18px;
}

/* Hover Menu */

ul.elementor-nav-menu li.menu-item.menu-item-type-post_type a.elementor-item:hover,
ul.elementor-nav-menu li.menu-item.menu-item-type-post_type a.elementor-item:active {
	text-decoration: underline;
}

/* Hover Menu JUGENDLICHE */

ul#menu-1-424e3fda.elementor-nav-menu li.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-323 a.elementor-item:hover,
ul#menu-1-41772c8e.elementor-nav-menu li.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-323 a.elementor-item:hover,
ul#menu-1-750d308.elementor-nav-menu li.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-323 a.elementor-item:hover,
ul#menu-1-162287be.elementor-nav-menu li.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-323 a.elementor-item:hover {
	color: var(--gelb);	
}

/* Hover Menu ELTERN */
ul#menu-1-424e3fda.elementor-nav-menu li.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-393 a.elementor-item:hover,
ul#menu-1-41772c8e.elementor-nav-menu li.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-393 a.elementor-item:hover,
ul#menu-1-750d308.elementor-nav-menu li.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-393 a.elementor-item:hover,
ul#menu-1-162287be.elementor-nav-menu li.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-393 a.elementor-item:hover
 {
	color: var(--gruen);	
}

/* Hover Menu BEHOERDEN */

ul#menu-1-424e3fda.elementor-nav-menu li.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-404 a.elementor-item:hover,
ul#menu-1-41772c8e.elementor-nav-menu li.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-404 a.elementor-item:hover,
ul#menu-1-750d308.elementor-nav-menu li.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-404 a.elementor-item:hover,
ul#menu-1-162287be.elementor-nav-menu li.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-404 a.elementor-item:hover {
	color: var(--grau);
}

/* Hover Menu PFLEGEFAMILIEN */

ul#menu-1-424e3fda.elementor-nav-menu li.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-431 a.elementor-item:hover,
ul#menu-1-41772c8e.elementor-nav-menu li.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-431 a.elementor-item:hover,
ul#menu-1-750d308.elementor-nav-menu li.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-431 a.elementor-item:hover,
ul#menu-1-162287be.elementor-nav-menu li.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-431 a.elementor-item:hover {
	color: var(--blau);
}

div.elementor.elementor-340.elementor-location-header a.elementor-item {
	color: #000;	
}

/* Mobile Menu */

.tw-mobilemenusection {
    height: 90px;
}

.tw-mobilmenu.elementor-nav-menu--stretch.elementor-nav-menu__text-align-aside.elementor-nav-menu--toggle.elementor-nav-menu--burger.elementor-widget.elementor-widget-nav-menu div.elementor-widget-container nav.elementor-nav-menu--dropdown.elementor-nav-menu__container {
	margin-top: 20px !important;
	z-index: 999999;
}

/* Logout-Link */


div.elementor-login {
	margin-bottom: 3%;
}

div.elementor-login a {
	color: #1e73be;
}

/*
5a. Main Content: Frontpage
*/

#tw-mobilenavbuttonid-j,
#tw-mobilenavbuttonid-e,
#tw-mobilenavbuttonid-b,
#tw-mobilenavbuttonid-p {
	min-width: 80%;
}

/*#tw-frontsection-top {
	min-height: 100vh;
}*/

.page-id-1365 p a {
	color: #000;
}

/* Temp: Hide Slider Navlinks */ 

div.n2-section-smartslider .n2-ow a {
	display: none !important;
}
 /*
5b. Main Content: Accordion
*/

div.elementor-accordion div.elementor-accordion-item .elementor-tab-title a {
	font-family: 'Roboto-Regular';
	font-style: normal;
	font-weight: 400;
	font-size: 18px;
	color: #000;	
}
.page-id-449 div.elementor-accordion div.elementor-accordion-item .elementor-tab-title a,
.page-id-817 div.elementor-accordion div.elementor-accordion-item .elementor-tab-title a,
.page-id-451 div.elementor-accordion div.elementor-accordion-item .elementor-tab-title a {
	color: #fff;	
}

div.elementor-accordion p a,
div.elementor-accordion p a:visited {
	color: #1e73be;
}

div.elementor-accordion p a:hover {
	color: #000;
}

div.elementor-accordion p a {
	text-shadow: 0px 0px 0px rgba(0,0,0,0.0);	
}

/*
5c. Main Content: Kontakt
*/

.eb-map {
    height: 345px !important;
}

/*
5d. Main Content: TWIN
*/

html body.page-template.page.page-id-451.elementor-page.elementor-page-451 {
	background-color: #E0E0E0;
}

/*
10. Suchresultate
*/

html body.search.search-no-results.elementor-page-1607,
html body.search.search-results.elementor-page-1607 {
	background-color: #E0E0E0;
}

div.elementor.elementor-1607 .elementor-widget-theme-archive-title h1.elementor-heading-title.elementor-size-default {
	font-size: 36px;
	color: #616161;
	font-style: normal;
}

/*
11. Wartungsseite
*/

.elementor-page-1897 header.site-header {
	display: none !important;
}

/*
12. Media Queries
*/

@media (max-width : 768px) {
	
	div.n2-section-smartslider .n2-ss-item-content.n2-ow {
		display: none !important;
	}
	
	.page-id-817 div#elementor-tab-content-1143 p.font_8 {
		font-size: 15px;
		padding-left: 5px;
	}
	
	.page-id-817 div#elementor-tab-content-1143 p {
		font-size: 15px;
		padding-left: -7px;
	}

}

@media (max-width : 1025px) {
	
	#n2-ss-1-arrow-previous,
	#n2-ss-1-arrow-next {
		top: 30% !important;
	}
	
	h1 {
		font-size: 26px;
		padding-bottom: 20px;
	}
	
	#tw-frontsection-top {
		min-height: 10vh;
	}
	
	
}