/* font face local font, replace this comment ;) */


/*

Theme Name: GeDe
Theme URI: https://kmbmedia.de
Description: Ein individuelles WordPress Theme
Version: 1.0
Author: KMB Media Werbeagentur
Author URI: https://kmbmedia.de
Template: hello-elementor

Farben


*/

/* CORE 
body {
font-family: 'xxx';
font-weight: 300;	
line-height: 160% !important;
overflow-x: hidden !important;
font-size: 1.1em !important;
color: #000 !important;
}

a:link		{ color: #f2902a; text-decoration: none; }
a:visited	{ color: #f2902a; text-decoration: none; }
a:hover		{ color: #ea5901; text-decoration: none; }
a:active	{ color: #ea5901; }


h1 { font-family: 'Caveat'; }
h2 { font-family: 'Open Sans'; font-size: 1.3em; font-weight: 700; line-height: 130% !important; }
h3 { font-family: 'Open Sans'; font-size: 1em; font-weight: 700; line-height: 130% !important; }
h4 { font-family: 'Open Sans'; font-size: 3em; font-weight: 700; line-height: 130% !important; }

*/

a:link		{ color: #826CA7; text-decoration: none; }
a:visited	{ color: #826CA7; text-decoration: none; }
a:hover		{ color: #8CD0E5; text-decoration: none; }
a:active	{ color: #8CD0E5; }

.hell a:link		{ color: #006B37; text-decoration: none; }
.hell a:visited	{ color: #006B37; text-decoration: none; }
.hell a:hover		{ color: #F28E00; text-decoration: none; }
.hell a:active	{ color: #006B37; }

a.mail-link span span { display: inline !important; }

.red {color: #ca212f !important;}

.kmb_logo { padding: 5px 0px 5px 0px; }
img.kmb_logo { width: 175px; }

strong, b { font-weight: 700; }

.show-for-small { display: none; }
.hide-for-small { display: inline; }

.noselect {
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}

::-moz-selection { color: white; background: #ca212f; }
::selection { color: white; background: #ca212f; }


/* INTERIOR */
.nav a:hover		{ text-decoration: none; }

.white a:link		{ color: #fff; text-decoration: none; }
.white a:visited	{ color: #fff; text-decoration: none; }
.white a:hover		{ color: #fff; text-decoration: underline; }
.white a:active	    { color: #fff; }


footer a:link		{ color: #fff; text-decoration: underline; }
footer a:visited	{ color: #fff; text-decoration: none; }
footer a:hover		{ color: #fff; text-decoration: none; }
footer a:active	{ color: #fff; }

.red a:link		{ color: #ca212f; text-decoration: none; }
.red a:visited	{ color: #ca212f; text-decoration: none; }
.red a:hover		{ color: #ca212f; text-decoration: underline; }
.red a:active	{ color: #ca212f; }

.ue-title { -webkit-text-stroke: 1px #fff !important; }
.nachbarschaft .ue-title { -webkit-text-stroke: 1px #3C3C3B !important; }

table td { border: none !important; padding: 2px;}
table tbody tr {background-color: transparent !important;}
table tbody tr:hover {background-color: transparent !important;}

table tbody tr:hover > td, table tbody tr:hover > th {background-color: transparent !important;}
table tbody > tr:nth-child(2n+1) > td { background-color: transparent !important;}

#header_sticky.sticky-header {
--header-height: 100px;
--shrink-header-to: 0.6;
--transition: 1.2s cubic-bezier(.4, 0, .2, 1);
}

#header_sticky.sticky-header.elementor-sticky--effects {
-webkit-backdrop-filter: saturate(180%) blur(20px);
}

#header_sticky.sticky-header > .elementor-container {
min-height: var(--header-height);
transition: min-height var(--transition);
}

#header_sticky.sticky-header.elementor-sticky--effects > .elementor-container {
min-height: calc( var(--header-height) * var(--shrink-header-to) );
}

.elementor-16 .elementor-element.elementor-element-c6b64c3:not(.elementor-motion-effects-element-type-background) { z-index: 1; }

@media only screen and (max-width: 767px) {
  #header_sticky.sticky-header {
    --header-height: 70px;
  }
}

#header_sticky.sticky-header .logo { transition: transform var(--transition); }
#header_sticky.sticky-header.elementor-sticky--effects .logo { transform: scale(.6); margin-top: -26px; margin-bottom: -26px; }

.button_hoehe {height: 80px !important;}

.elementor-widget-search .e-search-results-container {
display: initial;
width: 280px !important;
background: white !important;
padding: 0px 20px;
}

.elementor-widget-search .e-search-results-container > div { border: none !important;}

.elementor-flip-box__back .elementor-flip-box__layer__title { height: 170px !important; }

.elementor-element-9b39e3e .elementor-flip-box__back .elementor-flip-box__layer__title { height: auto !important; }

.datenschutz ul { margin-bottom: 20px; }


/* HEADER BUTTONS */
.button1 { clip-path: polygon(0 0, 100% 0, 90% 100%, 0% 100%);}
.button2 { clip-path: polygon(10% 0%, 100% 0%, 90% 100%, 0% 100%);}
.button3 { clip-path: polygon(10% 0%, 100% 0%, 100% 100%, 0% 100%);}

.button4 { clip-path: polygon(0% 0%, 90% 0%, 100% 100%, 0% 100%);}
.button5 { clip-path: polygon(0% 0%, 90% 0%, 100% 100%, 10% 100%);}
.button6 { clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 10% 100%);}

.outer-blue-section {
width: 100vw;
position: relative; 
clip-path: polygon(0% 0%, 85% 0%, 100% 100%, 0% 100%);
}
 
.elementor-widget-search .e-search-results-container { z-index: 999999 !important; }

.logofooter {height: 100px !important;}

.elementor-slideshow__title {display: none;}

.page-id-1867 h3 { margin-top: 20px; }


/* MEDIA Queries */

/* Smaller than desktop 1200 */
@media only screen and (min-width: 960px) and (max-width: 1199px) { }

/* Tablet Portrait size to standard 960 */
@media only screen and (min-width: 720px) and (max-width: 959px) { }

/* 9,7 hochkant, 10,5 hochkant */
@media only screen and (min-width: 768px) and (max-width: 959px) { }

/* 9,7 quer, 10,5 quer, 12,9 hochkant */
@media only screen and (min-width: 960px) and (max-width: 1160px) { }

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

.hide-for-small { display: none; }
.show-for-small { display: block; }
.e-search-results-container {z-index: 99999;}
.button1 { clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);}
.button2 { clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);}
.button3 { clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);}

.button4 { clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);}
.button5 { clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);}
.button6 { clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);}

.outer-blue-section {
width: 100vw;
position: relative; 
clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); 
}

}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {  }

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) { }