/* ************************** */
/* Variable DOM-Elemente      */
/* fuer Freitraeumer-Websites */
/* ************************** */

/* 
 * alle Variablen-Werte hier ergaenzen *
*/
:root, [data-template='basic'] {
    --textbox-background-color: rgba(163, 25, 91, 1);
    --text-headline-color1: rgba(163, 25, 91, 1);
    --text-headline-color2: rgba(0, 161, 154, 1);
    --link-color: rgba(163, 25, 91, 1);
    --link-focus-color: #737373;
    --link-hover-color: rgba(0, 0, 0, 1);
    --bgribbon-background-color: rgba(163, 25, 91, 1);
    --bgribbon-text-color: rgba(255, 255, 255, 1);
    --mainmenu-background-color: #f2f2f2;
    --mainmenu-link-text-color: #333;
    --mainmenu-link-text-color2: rgba(0, 161, 154, 1);
    --mainmenu-link-background-color: rgba(0, 161, 154, 1);
    --mainmenu-link-hover-text-color: rgba(255, 255, 255, 1);
    --mainmenu-link-hover-background-color: rgba(0, 161, 154, 1);
    --mainmenu-submenu-border-bottom-color: rgba(0, 161, 154, 1);
    --slider-button-background-color1: rgba(0, 161, 154, 1);
    --slider-button-background-color2: rgba(163, 25, 91, 1);
    --slider-button-text-color: rgba(255, 255, 255, 1);
    --slider-button-hover-background-color1: rgba(255, 255, 255, 1);
    --slider-button-hover-background-color2: rgba(163, 25, 91, 1);
    --slider-button-hover-text-color: rgba(0, 161, 154, 1);
    --overlay-background-color: rgba(163, 25, 91, 1);
    --footer-background-color: rgba(34, 34, 34, 1);
    --footer-widgets-header-color: rgba(0, 161, 154, 1);
    --footer-background-links: rgba(163, 25, 91, 0.5);
    --logo-file: url('/img/custom/freitraeumer-eym.png');
    --logo-height-big: 120px;
    --logo-height-small: 40px;
    --logo-margin-top: 0px;
    --logo-margin-top-small: 0px;
    --wellen-oben: url('./images/img_grossewelle_40.png') -390px 75px repeat-x, url('./images/img_kleinewelle_100.png') -25px 101px repeat-x, url('./images/img_mittlerewelle_70.png') -5px 75px repeat-x, url('./images/img_grossewelle_60.png') -160px 43px repeat-x,url('./images/img_grossewelle_40.png') -480px 21px repeat-x;
    --wellen-unten:  url('./images/img-welle-unter-menu.png') -35px -50px repeat-x;
}   

[data-template='macanche'] {
    --textbox-background-color: rgba(255, 249, 237, 1);
    --text-headline-color1: rgba(78, 136, 114, 1);
    --text-headline-color2: rgba(78, 136, 114, .8);
    --link-color: rgba(78, 136, 114, 1);
    --link-focus-color: #737373;
    --link-hover-color: rgba(0, 0, 0, 1);
    --bgribbon-background-color: rgba(78, 136, 114, 1);
    --bgribbon-text-color: rgba(255, 255, 255, 1);
    --mainmenu-background-color: rgba(255, 249, 237, 1);
    --mainmenu-link-text-color: rgba(48, 49, 18, 1);
    --mainmenu-link-text-color2: rgba(78, 136, 114, 1);
    --mainmenu-link-background-color: rgba(78, 136, 114, 1);
    --mainmenu-link-hover-text-color: rgba(255, 255, 255, 1);
    --mainmenu-link-hover-background-color: rgba(78, 136, 114, 1);
    --mainmenu-submenu-border-bottom-color: rgba(78, 136, 114, 1);
    --slider-button-background-color1: rgba(13, 44, 36, 1);
    --slider-button-background-color2: rgba(78, 136, 114, 1);
    --slider-button-text-color: rgba(255, 255, 255, 1);
    --slider-button-hover-background-color1: rgba(255, 255, 255, 1);
    --slider-button-hover-background-color2: rgba(255, 255, 255, 1);
    --slider-button-hover-text-color: rgba(8, 55, 9,1);
    --overlay-background-color: rgb(78, 136, 114, 0.91);
    --footer-background-color: rgba(8, 55, 9, 1);
    --footer-widgets-header-color: rgba(62, 96, 61, 1);
    --footer-background-links:  rgba(51, 51, 51, 0.8);
    --logo-file: url('/img/custom/logo-macanche-big.png');
    --logo-height-big: 200px;
    --logo-height-small: 130px;
    --logo-margin-top: -86px;
    --logo-margin-top-small: -18px;
    --wellen-oben: url('./images/macanche/img_grossewelle_40.png') -390px 75px repeat-x, url('./images/macanche/img_kleinewelle_100.png') -25px 101px repeat-x, url('./images/macanche/img_mittlerewelle_70.png') -5px 75px repeat-x, url('./images/macanche/img_grossewelle_60.png') -160px 43px repeat-x,url('./images/macanche/img_grossewelle_40.png') -480px 21px repeat-x;
    --wellen-unten:  url('./images/macanche/img-welle-unter-menu.png') -35px -50px repeat-x;
}

[data-template='macanche_com'] {
    --textbox-background-color: rgba(255, 249, 237, 1);
    --text-headline-color1: rgba(116, 54, 79, 1);
    --text-headline-color2: rgba(116, 54, 79, .8);
    --link-color: rgba(116, 54, 79, 1);
    --link-focus-color: #737373;
    --link-hover-color: rgba(0, 0, 0, 1);
    --bgribbon-background-color: rgba(116, 54, 79, 1);
    --bgribbon-text-color: rgba(255, 255, 255, 1);
    --mainmenu-background-color: rgba(255, 249, 237, 1);
    --mainmenu-link-text-color: rgba(48, 49, 18, 1);
    --mainmenu-link-text-color2: rgba(116, 54, 79, 1);
    --mainmenu-link-background-color: rgba(116, 54, 79, 1);
    --mainmenu-link-hover-text-color: rgba(255, 255, 255, 1);
    --mainmenu-link-hover-background-color: rgba(116, 54, 79, 1);
    --mainmenu-submenu-border-bottom-color: rgba(116, 54, 79, 1);
    --slider-button-background-color1: rgba(13, 44, 36, 1);
    --slider-button-background-color2: rgba(116, 54, 79, 1);
    --slider-button-text-color: rgba(255, 255, 255, 1);
    --slider-button-hover-background-color1: rgba(255, 255, 255, 1);
    --slider-button-hover-background-color2: rgba(255, 255, 255, 1);
    --slider-button-hover-text-color: rgba(8, 55, 9,1);
    --overlay-background-color: rgb(116, 54, 79, 0.91);
    --footer-background-color: rgba(116, 54, 79, 1);
    --footer-widgets-header-color: rgba(62, 96, 61, 1);
    --footer-background-links:  rgba(51, 51, 51, 0.8);
    --logo-file: url('/img/custom/logo-macanche-c-big.png');
    --logo-height-big: 200px;
    --logo-height-small: 130px;
    --logo-margin-top: -86px;
    --logo-margin-top-small: -18px;
    --wellen-oben: url('./images/macanche/img_grossewelle_40.png') -390px 75px repeat-x, url('./images/macanche/img_kleinewelle_100.png') -25px 101px repeat-x, url('./images/macanche/img_mittlerewelle_70.png') -5px 75px repeat-x, url('./images/macanche/img_grossewelle_60.png') -160px 43px repeat-x,url('./images/macanche/img_grossewelle_40.png') -480px 21px repeat-x;
    --wellen-unten:  url('./images/macanche/img-welle-unter-menu.png') -35px -50px repeat-x;
}

/* 
 * Aenderbare DOM-Elemente hier ergaenzen *
*/

/* main-content */
h1, h2, h3, .h1, .h2, .h3, .htag1, .htag2, .htag3, h4, h5, h6, .h4, .h5, .h6, .htag4, .htag5, .htag6 { color: var(--text-headline-color1); }
.content-segment .text-colored-two { color: var(--text-headline-color1); } /* headline farbvariante */
a { color: var(--link-color); }
a:hover { color: var(--link-hover-color); }
a:focus { color: var(--link-focus-color); }
.bg-ribbon.bg-color-two { background: var(--bgribbon-background-color); } /* section mit hintergrundfarbe */
.bg-ribbon .content-segment * { color: var(--bgribbon-text-color); } /* allgemeine textfarbe in section mit hintergrundfarbe */

/* farbige Textboxen im main-content */
.main-content section .colored-content .row > div { background: var(--textbox-background-color); }
[data-template='basic'] .main-content section .colored-content .row > div * { color: #fff!important; }

/* main-menu, header navigation */
.menuzord-menu > li a { color: var(--mainmenu-link-text-color); }
.menuzord-menu > li.short-links a { color: var(--mainmenu-link-text-color2); }
.menuzord.green .menuzord-menu > li.active > a, .menuzord.green .menuzord-menu > li:hover > a, .menuzord.green .menuzord-menu ul.dropdown li:hover > a {
    background: var(--mainmenu-link-hover-background-color);
    color: var(--mainmenu-link-hover-text-color);
}
.menuzord-menu > li.short-links:hover > a, .menuzord-menu > li.short-links > a:hover, .menuzord-menu > li.short-links > a:hover > i, .menuzord-menu > li.short-links > a.fo-opened, .menuzord-menu > li.short-links > a.fo-opened > i, .menuzord-menu > li.short-links:hover a.cdsNaviOverlayButton {
   background: var(--mainmenu-link-hover-background-color)!important;
    color: var(--mainmenu-link-hover-text-color)!important;
}
.menuzord-menu > li > .dropdown, .menuzord-menu > li > .megamenu { border-bottom-color: var(--mainmenu-submenu-border-bottom-color); }
.menuzord-menu > li > .dropdown li a:hover, .menuzord-menu > li > .dropdown li a.active, .menuzord-menu > li > .megamenu .megamenu-row.customize li a:hover, .menuzord-menu > li > .megamenu .megamenu-row.customize li a.active {
    background: var(--mainmenu-link-hover-background-color)!important;
    color: var(--mainmenu-link-hover-text-color)!important;
}

/* weiter-button im slider */
#header.header-startseite .bg-img-caption .style-button { 
	background-color: var(--slider-button-background-color1); 
	color: var(--slider-button-text-color);
}
#header.header-startseite .bg-img-caption .style-button::after { 
	background-color: var(--slider-button-background-color2); 
	color: var(--slider-button-text-color);
}
#header.header-startseite .bg-img-caption .style-button:hover { 
	background-color: var(--slider-button-hover-background-color1)!important; 
	color: var(--slider-button-hover-text-color)!important;
}
#header.header-startseite .bg-img-caption .style-button:hover::after { 
	background-color: var(--slider-button-hover-background-color2)!important; 
	color: var(--slider-button-hover-text-color)!important;
}

/* footer widgets auszeichnungsfarbe */
.footer.custom-color { background: var(--footer-background-color)!important; }
.icon-box.icon-rounded-bordered i, .widget .line-bottom:after, .widget .line-bottom:after, .pager.theme-colored a {
    border-color: var(--footer-widgets-header-color);
}

#footer .latest-posts a { background:  var(--footer-background-links)!important; }

/* header-wellen */
.header-navigation  .header-nav-wrapper { background: var(--mainmenu-background-color)!important; }
.header-navigation::after { 
    background: var(--wellen-oben);
    z-index:-1;
}
.header-nav-wrapper::after{ 
	background: var(--wellen-unten); 
	z-index:-1; 
}
/* logos */
.header-nav-wrapper .menuzord-brand > img { 
    background-image: var(--logo-file);
    background-repeat: no-repeat;
    background-size: contain;
    height: var(--logo-height-big); 
    width: 100%;
    margin-top: var(--logo-margin-top);
}
.header-nav-wrapper.scroll-to-fixed-fixed .menuzord-brand > img { 
    height: var(--logo-height-small) !important; /* Logohoehe Fixed-Menu */ 
    margin-top: var(--logo-margin-top-small);
}

[data-template="macanche"] .header-nav-wrapper .menuzord-brand > img,
[data-template="macanche_com"] .header-nav-wrapper .menuzord-brand > img{
    filter: drop-shadow(-2px -1px 3px  rgba(48, 49, 18, .31));
}

/* Overlay */
.cdsNaviOverlayWrapper.cdsWrapperOpen {
    background-color: var(--overlay-background-color);
}


.lang-list {
    display: inline-block;
    margin: 0 0 0 25px!important;
    padding: 17px 0!important;
}
.lang-list .cdsMediaSubTxtHead {
    display: inline-block;
    margin: 2px;
    transition-duration: 0.4s;
    text-transform: uppercase;
    font-weight: normal;
    font-size: 14px;
}
.lang-list .cdsMediaSubTxtHead a {
    transition-duration: 0.4s;
    text-transform: uppercase;
    font-weight: normal;
    font-size: 14px;
    line-height: 18px;
    padding: 6px 4px;
    border-radius: 3px;
}
.lang-list .cdsMediaSubTxtHead a:hover {
    background-color: var(--mainmenu-link-background-color);
    color: #fff;
}