/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
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.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

.elementor-kit-8 h5 {
color: rgb(51, 51, 51);
}

/* Hides the first accordion item */
.elementor-accordion .elementor-accordion-item:first-child {
display: none;
}
section#subpage_content div#elementor-tab-title-1492.elementor-tab-title {
	border-top: 1px solid #d4d4d4;
}

div#cliSettingsPopup div.cli-privacy-overview h4 {
	display:none;
}
div#cliSettingsPopup div.cli-privacy-overview div.cli-privacy-content div.cli-privacy-content-text {
	display:none;
}
div#cliSettingsPopup div.cli-privacy-overview a.cli-privacy-readmore {
	display:none !important;
}

/* 
//   ┌─────────────────────────────────────┐
//   │                 Global              │
//   │               Typografie            │
//   └─────────────────────────────────────┘
*/
h1 {
	margin:0 0 -20px 0 !important;
}
span.elementor-field-option label a {
    font-size:1em;
}

div.elementor-text-editor.elementor-clearfix p a {
    font-size:1em;
}

div.elementor-text-editor.elementor-clearfix p a:hover {
	transition:color 1.0s ease;
}

section#subpage_content a {
    color:var( --e-global-color-primary );
    font-size:1em !important;
}
section#subpage_content a::after {
	content:">>>";
	margin:4px 0 0 8px;
	color:var( --e-global-color-primary );
}
section#subpage_content a:hover {
    color: var( --e-global-color-text );
	transition:color 0.7s ease;
}
section#subpage_content a:hover::after {
    color: var( --e-global-color-text );
	transition:color 0.7s ease;
}

a.elementor-accordion-title {
    color:#ffffff;
}

.page-id-26 span.elementor-field-option label a {
    color:#ffffff;
}


section#404 a.404_link {
    color:var( --e-global-color-primary );
    font-size:1em !important;
}
section#404 a.404_link::after {
	content:">>>";
	margin:4px 0 0 8px;
	color:var( --e-global-color-primary );
}
section#404 p.elementor-heading-title.elementor-size-default a {
    color:var( --e-global-color-primary );
}
section#404 p.elementor-heading-title.elementor-size-default a:hover {
    color: var( --e-global-color-text );
	transition:color 0.7s ease;
}
section#404 p.elementor-heading-title.elementor-size-default a::after {
	content:">>>";
	margin:4px 0 0 8px;
	color:var( --e-global-color-primary );
}
section#404 p.elementor-heading-title.elementor-size-default a:hover::after {
    color: var( --e-global-color-text );
	transition:color 0.7s ease;
}

/* 
//   ┌─────────────────────────────────────┐
//   │                Global               │
//   │                Listen               │
//   └─────────────────────────────────────┘
*/

ul li span {
    font-size:1.25em;
}
ul li::marker {
    color:#EC6607;
}

/* 
//   ┌─────────────────────────────────────┐
//   │                 Global              │
//   │           Sidebar Kontaktbox        │
//   └─────────────────────────────────────┘
*/

div#sidebar li#elementor-library-2.widget.widget_elementor-library {
	list-style-type:none !important; /* Remove bullets */
	padding:0;	
	margin:0;
	text-align:center;
}

div#sidebar h2.widgettitle {
	background:#EC6607;
	color:#FFFFFF;
	padding:5px;
	margin:0;	
}

/* 
//   ┌─────────────────────────────────────┐
//   │                Global               │
//   │              figcaption             │
//   └─────────────────────────────────────┘
*/

figcaption {
	padding:2px 0 20px 0;
	font-style:normal !important;
	font-size:0.8125em !important;
	text-align:left;
}

/*  
//   ┌─────────────────────────────────────┐
//   │                Global               │
//   │            call to action           │
//   └─────────────────────────────────────┘
*/

span.calltoaction {
    color:#EC6607 !important;
	fill:#EC6607 !important;
}

a.elementor-button-link.elementor-button.elementor-size-sm {
	transition:background-color 1.0s ease;
}

/*
//   ┌─────────────────────────────────────┐
//   │           Hauptnavigation           │
//   │                Style                │
//   └─────────────────────────────────────┘
*/

ul#menu-1-20046c5d a.elementor-item:hover {
	transition:background-color 1.0s ease !important;
	background-color:#3C3C3B !important;
	color:#FFFFFF;
}

ul#menu-1-20046c5d a.elementor-item.elementor-item-active {
	transition:background-color 1.0s ease !important;
	background-color:#3C3C3B !important;
	color:#FFFFFF;	
}

/*
//   ┌─────────────────────────────────────┐
//   │           Footernavigation          │
//   │            Pointer Event            │
//   └─────────────────────────────────────┘
*/

li.navigation-trennstrich a.elementor-item.elementor-item-anchor {
	pointer-events:none;
}

/*
//   ┌─────────────────────────────────────┐
//   │           Footernavigation          │
//   │              Hyperlinks             │
//   └─────────────────────────────────────┘
*/

footer#footer a:hover {
	color:#EC6607;
	transition:color 0.7s ease;
}

/*
//   ┌─────────────────────────────────────┐
//   │           Footernavigation          │
//   │                DSGVO                │
//   └─────────────────────────────────────┘
*/

footer#footer div#footer_dsgvo a {
	font-size:1.1em !important;
	color:#1C1C1B;
}
footer#footer div#footer_dsgvo a:hover {
	color:#EC6607;
	transition:color 0.7s ease;
}

/* 
//   ┌─────────────────────────────────────┐
//   │              Startseite             │
//   │             NAH-SH Widget           │
//   └─────────────────────────────────────┘
*/

section#section_nah-sh div form div input {
    background: rgb(236,102,7) !important;
	font-family: "Netto Bold", Sans-serif !important;	
	font-weight: bold !important;
	font-size: 1.5em;
	letter-spacing:0.7px;
}
section#section_nah-sh div form div input:hover {
    background: rgb(60,60,59) !important;
	transition:background 0.7s ease;	
}

/* 
//   ┌─────────────────────────────────────┐
//   │              Unterseite             │
//   │             	  Sidebar              │
//   └─────────────────────────────────────┘
*/

div#sidebar li {
	list-style-type:none;
}

div#sidebar h2.widgettitle {
    text-align:center;
}

/* 
//   ┌─────────────────────────────────────┐
//   │               Section               │
//   │           Kontaktformular           │
//   └─────────────────────────────────────┘
*/
section#subpage_content section#section_kontaktformular a {
	font-size:1em !important;
	color:#1C1C1B;
	text-decoration:underline;
}
section#subpage_content section#section_kontaktformular a:hover {
	color:#EC6607;
	transition:color 0.7s ease;
}

/*#############################################*/

/*
//   ┌─────────────────────────────────────┐
//   │                BEGIN                │
//   │      Media Queries Smartphones      │
//   └─────────────────────────────────────┘
*/

/*
//   ┌─────────────────────────────────────┐
//   │                iPhone               │
//   └─────────────────────────────────────┘
*/

/* ----------- iPhone 4 and 4S ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2) {
.grid {
	grid-template-columns:repeat(auto-fit, minmax(300px, 3fr)); /* Umbrechen, sobald die Box 300 Pixel Breite hat */
}
}

/* Portrait */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) {
.grid {
	grid-template-columns:repeat(auto-fit, minmax(300px, 3fr)); /* Umbrechen, sobald die Box 300 Pixel Breite hat */
}	  
}

/* Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {
.grid {
	grid-template-columns:repeat(auto-fit, minmax(300px, 3fr)); /* Umbrechen, sobald die Box 300 Pixel Breite hat */
}
}

/* ----------- iPhone 5, 5S, 5C and 5SE ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2) {
.grid {
	grid-template-columns:repeat(auto-fit, minmax(300px, 3fr)); /* Umbrechen, sobald die Box 300 Pixel Breite hat */
}
}

/* Portrait */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) {
.grid {
	grid-template-columns:repeat(auto-fit, minmax(300px, 3fr)); /* Umbrechen, sobald die Box 300 Pixel Breite hat */
}  
}

/* Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {
.grid {
	grid-template-columns:repeat(auto-fit, minmax(300px, 3fr)); /* Umbrechen, sobald die Box 300 Pixel Breite hat */
}
}

/* ----------- iPhone 6, 6S, 7 and 8 ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2) { 
.grid {
	grid-template-columns:repeat(auto-fit, minmax(300px, 3fr)); /* Umbrechen, sobald die Box 300 Pixel Breite hat */
}  
}

/* Portrait */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) { 
.grid {
	grid-template-columns:repeat(auto-fit, minmax(300px, 3fr)); /* Umbrechen, sobald die Box 300 Pixel Breite hat */
}  
}

/* Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) { 
.grid {
	grid-template-columns:repeat(auto-fit, minmax(300px, 3fr)); /* Umbrechen, sobald die Box 300 Pixel Breite hat */
} 	  
}

/* ----------- iPhone 6+, 7+ and 8+ ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3) { 
.grid {
	grid-template-columns:repeat(auto-fit, minmax(300px, 3fr)); /* Umbrechen, sobald die Box 300 Pixel Breite hat */
}	  	  
}

/* Portrait */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: portrait) { 
.grid {
	grid-template-columns:repeat(auto-fit, minmax(300px, 3fr)); /* Umbrechen, sobald die Box 300 Pixel Breite hat */
}
}

/* Landscape */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: landscape) { 
.grid {
	grid-template-columns:repeat(auto-fit, minmax(300px, 3fr)); /* Umbrechen, sobald die Box 300 Pixel Breite hat */
}  	  
}

/* ----------- iPhone X ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 812px) 
  and (-webkit-min-device-pixel-ratio: 3) { 
.grid {
	grid-template-columns:repeat(auto-fit, minmax(300px, 3fr)); /* Umbrechen, sobald die Box 300 Pixel Breite hat */
}  	  
}

/* Portrait */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 812px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: portrait) { 
.grid {
	grid-template-columns:repeat(auto-fit, minmax(300px, 3fr)); /* Umbrechen, sobald die Box 300 Pixel Breite hat */
} 	  
}

/* Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 812px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: landscape) { 
.grid {
	grid-template-columns:repeat(auto-fit, minmax(300px, 3fr)); /* Umbrechen, sobald die Box 300 Pixel Breite hat */
}  	  
}

/*
//   ┌─────────────────────────────────────┐
//   │                Galaxy               │
//   └─────────────────────────────────────┘
*/

/* ----------- Galaxy S3 ----------- */

/* Portrait and Landscape */
@media screen 
  and (device-width: 360px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 2) {
.grid {
	grid-template-columns:repeat(auto-fit, minmax(300px, 3fr)); /* Umbrechen, sobald die Box 300 Pixel Breite hat */
}  
}

/* Portrait */
@media screen 
  and (device-width: 320px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 2) 
  and (orientation: portrait) {
.grid {
	grid-template-columns:repeat(auto-fit, minmax(300px, 3fr)); /* Umbrechen, sobald die Box 300 Pixel Breite hat */
}  
}

/* Landscape */
@media screen 
  and (device-width: 320px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 2) 
  and (orientation: landscape) {
.grid {
	grid-template-columns:repeat(auto-fit, minmax(300px, 3fr)); /* Umbrechen, sobald die Box 300 Pixel Breite hat */
}
}

/* ----------- Galaxy S4, S5 and Note 3 ----------- */

/* Portrait and Landscape */
@media screen 
  and (device-width: 320px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 3) {
.grid {
	grid-template-columns:repeat(auto-fit, minmax(300px, 3fr)); /* Umbrechen, sobald die Box 300 Pixel Breite hat */
}
}

/* Portrait */
@media screen 
  and (device-width: 320px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 3) 
  and (orientation: portrait) {
.grid {
	grid-template-columns:repeat(auto-fit, minmax(300px, 3fr)); /* Umbrechen, sobald die Box 300 Pixel Breite hat */
}
}

/* Landscape */
@media screen 
  and (device-width: 320px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 3) 
  and (orientation: landscape) {
.grid {
	grid-template-columns:repeat(auto-fit, minmax(300px, 3fr)); /* Umbrechen, sobald die Box 300 Pixel Breite hat */
}
}

/* ----------- Galaxy S6 ----------- */

/* Portrait and Landscape */
@media screen 
  and (device-width: 360px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 4) {
.grid {
	grid-template-columns:repeat(auto-fit, minmax(300px, 3fr)); /* Umbrechen, sobald die Box 300 Pixel Breite hat */
}
}

/* Portrait */
@media screen 
  and (device-width: 360px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 4) 
  and (orientation: portrait) {
.grid {
	grid-template-columns:repeat(auto-fit, minmax(300px, 3fr)); /* Umbrechen, sobald die Box 300 Pixel Breite hat */
}
}

/* Landscape */
@media screen 
  and (device-width: 360px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 4) 
  and (orientation: landscape) {
.grid {
	grid-template-columns:repeat(auto-fit, minmax(300px, 3fr)); /* Umbrechen, sobald die Box 300 Pixel Breite hat */
}
}

/*
//   ┌─────────────────────────────────────┐
//   │                Google               │
//   └─────────────────────────────────────┘
*/

/* ----------- Google Pixel ----------- */

/* Portrait and Landscape */
@media screen 
  and (device-width: 360px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 3) {
.grid {
	grid-template-columns:repeat(auto-fit, minmax(300px, 3fr)); /* Umbrechen, sobald die Box 300 Pixel Breite hat */
}
}

/* Portrait */
@media screen 
  and (device-width: 360px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 3) 
  and (orientation: portrait) {
.grid {
	grid-template-columns:repeat(auto-fit, minmax(300px, 3fr)); /* Umbrechen, sobald die Box 300 Pixel Breite hat */
}
}

/* Landscape */
@media screen 
  and (device-width: 360px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 3) 
  and (orientation: landscape) {
.grid {
	grid-template-columns:repeat(auto-fit, minmax(300px, 3fr)); /* Umbrechen, sobald die Box 300 Pixel Breite hat */
}
}

/* ----------- Google Pixel XL ----------- */

/* Portrait and Landscape */
@media screen 
  and (device-width: 360px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 4) {
.grid {
	grid-template-columns:repeat(auto-fit, minmax(300px, 3fr)); /* Umbrechen, sobald die Box 300 Pixel Breite hat */
}
}

/* Portrait */
@media screen 
  and (device-width: 360px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 4) 
  and (orientation: portrait) {
.grid {
	grid-template-columns:repeat(auto-fit, minmax(300px, 3fr)); /* Umbrechen, sobald die Box 300 Pixel Breite hat */
}
}

/* Landscape */
@media screen 
  and (device-width: 360px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 4) 
  and (orientation: landscape) {
.grid {
	grid-template-columns:repeat(auto-fit, minmax(300px, 3fr)); /* Umbrechen, sobald die Box 300 Pixel Breite hat */
}
}

/*
//   ┌─────────────────────────────────────┐
//   │                 HTC                 │
//   └─────────────────────────────────────┘
*/

/* ----------- HTC One ----------- */

/* Portrait and Landscape */
@media screen 
  and (device-width: 360px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 3) {
.grid {
	grid-template-columns:repeat(auto-fit, minmax(300px, 3fr)); /* Umbrechen, sobald die Box 300 Pixel Breite hat */
}
}

/* Portrait */
@media screen 
  and (device-width: 360px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 3) 
  and (orientation: portrait) {
.grid {
	grid-template-columns:repeat(auto-fit, minmax(300px, 3fr)); /* Umbrechen, sobald die Box 300 Pixel Breite hat */
}
}

/* Landscape */
@media screen 
  and (device-width: 360px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 3) 
  and (orientation: landscape) {
.grid {
	grid-template-columns:repeat(auto-fit, minmax(300px, 3fr)); /* Umbrechen, sobald die Box 300 Pixel Breite hat */
}
}

/*
//   ┌─────────────────────────────────────┐
//   │               Windows               │
//   └─────────────────────────────────────┘
*/

/* ----------- Windows Phone ----------- */

/* Portrait and Landscape */
@media screen 
  and (device-width: 480px) 
  and (device-height: 800px) {
.grid {
	grid-template-columns:repeat(auto-fit, minmax(300px, 3fr)); /* Umbrechen, sobald die Box 300 Pixel Breite hat */
}
}

/* Portrait */
@media screen 
  and (device-width: 480px) 
  and (device-height: 800px)  
  and (orientation: portrait) {
.grid {
	grid-template-columns:repeat(auto-fit, minmax(300px, 3fr)); /* Umbrechen, sobald die Box 300 Pixel Breite hat */
}
}

/* Landscape */
@media screen 
  and (device-width: 480px) 
  and (device-height: 800px) 
  and (orientation: landscape) {
.grid {
	grid-template-columns:repeat(auto-fit, minmax(300px, 3fr)); /* Umbrechen, sobald die Box 300 Pixel Breite hat */
}
}

/*
//   ┌─────────────────────────────────────┐
//   │                 End                 │
//   │      Media Queries Smartphones      │
//   └─────────────────────────────────────┘
*/

/*#############################################*/