/*
 Theme Name:   YOOtheme-Child SLF 2024
 Description:  Child Theme für slf-kassel.de 2024
 Author:       cp
 Author URI:   https://well-development.de
 Template:     yootheme
 Version:      1.0
 Text Domain:  yoothemechild-slf2024
*/

/** fonts **/
@font-face {
  	font-family: 'Kohinoor Bangla';
	font-style:  normal;
	font-weight: 350 449;
	src: local('Kohinoor Bangla Regular'),
       url('/wp-content/themes/yoothemechild-slf2024/fonts/KohinoorBangla-Regular.otf') format('opentype');	
}

@font-face {
  	font-family: 'Kohinoor Bangla';
	font-style:  normal;
	font-weight: 50 349;
	src: local('Kohinoor Bangla Light'),
       url('/wp-content/themes/yoothemechild-slf2024/fonts/KohinoorBangla-Light.otf') format('opentype');	
}

@font-face {
  	font-family: 'Kohinoor Bangla';
	font-style:  normal;
	font-weight: 450 549;
	src: local('Kohinoor Bangla Medium'),
       url('/wp-content/themes/yoothemechild-slf2024/fonts/KohinoorBangla-Medium.otf') format('opentype');	
}

@font-face {
  	font-family: 'Kohinoor Bangla';
	font-style:  normal;
	font-weight: 550 649;
	src: local('Kohinoor Bangla Semibold'),
       url('/wp-content/themes/yoothemechild-slf2024/fonts/KohinoorBangla-Semibold.otf') format('opentype');	
}

@font-face {
  	font-family: 'Kohinoor Bangla';
	font-style:  normal;
	font-weight: 650 999;
	src: local('Kohinoor Bangla Bold'),
       url('/wp-content/themes/yoothemechild-slf2024/fonts/KohinoorBangla-Bold.otf') format('opentype');	
}

@font-face {
  	font-family: "Bodoni 72 Oldstyle";
	font-style:  italic;
	src: local('Bodoni 72 Oldstyle Italic'),
       url('/wp-content/themes/yoothemechild-slf2024/fonts/bodoni-72-oldstyle-book-italic.ttf') format('truetype');
}

@font-face {
  	font-family: "Bree Serif";
	font-style:  normal;
	src: local('Bree Serif"'),
       url('/wp-content/themes/yoothemechild-slf2024/fonts/BreeSerif-Regular.ttf') format('truetype');
}

@font-face {
  	font-family: "Gidole";
	font-style:  normal;
	src: local('Gidole"'),
       url('/wp-content/themes/yoothemechild-slf2024/fonts/Gidole-Regular.ttf') format('truetype');
}

/** Farben  & Masse *****************************/
:root{
	/** Farben **/
  	--wd-beige:  #fef3e4;
  	--wd-grau:   #708a73; /* #717b73; */
	--wd-rot:    #ac5c53;
	--wd-orange: #e36b0a; /* #e3690d;*/
	--wd-blau:	 #1a5292;
    --wd-rot2:   #d0222a;
	--wd-hellblau: #def0fb;
	--wd-mittelblau: #2b7ebe;
	--wd-dunkelblau: #21518e;
	--wd-link-color:      inherit;
	--wd-linkhover-color: var(--wd-rot);
	
	/** Masse **/
	--wd-h-letterspacing: 0em;
	--wd-i-fontsize:      19px;
	--wd-i-letterspacing: 0.1ex;
	--wd-p-marginbottom:  20px;
	--wd-hd-padding: 	  28px;
	--wd-sec-paddingtop:  40px;
	--wd-buttons-width:   400px;
	
	/** navbar **/
	--wd-hnav-vis:       hidden;	
	--wd-hnav-dis:       flex;
	--wd-navbar-fontsize: 16px;
	--wd-navbar-colgap:   50px;
	--wd-nav-back-dis:   list-item;
	--wd-nav-about-dis:  list-item;
	--wd-nav-sust-dis:   list-item;
	--wd-nav-frieda-dis: list-item;
	--wd-nav-bistro-dis: list-item;
	--wd-nav-ahoi-dis:   list-item;
	--wd-nav-liefer-dis: none;
	--wd-nav-back-mxwidth: 60px;
    --wd-nav-back-mleft:  -10px;
	
	/** Nav Locations **/
	--wd-navloc-margintop:   20px;
	--wd-navloc-marginleft: -40px;
	--wd-navloc-colgap:  	  7%;
	--wd-nl-c-margintop: 	 40px;
	--wd-nl-h2-size:		 27px;
	--wd-nl-h3-size:		 19px;
    --wd-nl-t-size:     	 16px;
	--wd-nl-t-margintop: 	  4px;
	
	/** Inhalt **/
	--wd-motto-fontsize: 	36px;
	--wd-motto-padding:  	60px;
	--wd-motto-pic-top:      0px;
	--wd-logoloc-maxwidth: 100%;
	--wd-loctext-width:    100%;
	
	--wd-karte-margin:     auto;
	--wd-karte-bg:         none;
	
	/** Illustrationen **/
	--wd-frieda1-top:    14%;
	--wd-frieda2-top:    60%;
	--wd-frieda3-top:    25%;

	--wd-illu1-img:	  url('/wp-content/uploads/2024/03/SLF-Illu-1.png');
	--wd-illu1-width: 420px;
	--wd-illu1-left:    0px;
    --wd-illu1-top:    +0px;
	
	--wd-illu2-img:	  url('/wp-content/uploads/2024/03/SLF-Illu-2.png');
    --wd-illu2-width: 320px;
	--wd-illu2-right:   0px;	
    --wd-illu2-top:   +20px;

	--wd-illu3-img:	  none;
	
	--wd-illu4-img:	  url('/wp-content/uploads/2024/03/SLF-Illu-7.png');
	--wd-illu4-width: 240px;
    --wd-illu4-right: 0px;
    --wd-illu4-top:	  0px;		   
	
	--wd-ahoi1-img:	  url('/wp-content/uploads/2024/03/Ahoi-Illu-3.png');
    --wd-ahoi1-width: 380px;
	--wd-ahoi1-left:   0px;
    --wd-ahoi1-top:    0px;

	--wd-ahoi2-img:	  url('/wp-content/uploads/2024/03/Ahoi-Illu-4.png');
	--wd-ahoi2-width: 380px;
	--wd-ahoi2-right:   0px;	
	--wd-ahoi2-top:    20px;	
	
	/** Lieferanten **/
	--wd-lieferlist-fontsize: 16px;
	--wd-lieferlist-width:    18em;
	--wd-lieferlist-dis:      block;
	--wd-liefermap-dis:       block;
	--wd-sidemap-dis:         block;
	--wd-karte-wrap:          nowrap;
    --wd-liefer-border:       1px solid;
	--wd-liefer-innerborder:  1px solid;
	--wd-liefer-img-maxheight: 450px;
	--wd-liefer-img-offset:     50px;
	---wd-liefer-img-width:      70%;	
    --wd-map-minheight: 50vw;
    --wd-maponly-dis:   none;
	
	
	/** Footer **/
	--wd-footer-paddingtop: 	10px;
	--wd-footer-paddingbottom: 	20px;
	
	/** Mobile **/
	--wd-m-navbarcenter-ppc:   80%;
	--wd-m-navbaritem-minh:    40px;
		
}

#Bistro, body.page-id-278{
	--wd-linkhover-color: var(--wd-orange);
}

#Ahoi, X body.home #Footer{
	--wd-linkhover-color: var(--wd-blau);
}

body.page-id-273, body.page-id-1991{
	color: var(--wd-dunkelblau);
	background-color: var(--wd-hellblau);
	--wd-linkhover-color: var(--wd-mittelblau);
	& .uk-section-default, .uk-navbar-primary, .uk-navbar-container:not(.uk-navbar-transparent){
		background-color: var(--wd-hellblau);
	}
}

/** OnePager 1.Seite **/
body.home:not(.wd-onep2){
	--wd-nav-back-vis:   hidden;	
}

/** OnePager 2.Seite **/
body.wd-onep2{	
  	--wd-navbar-vis:   visible;
	--wd-nav-back-vis: visible;
}

/** OnePager 1.Seite **/
body:not(.home){
	--wd-navbar-vis:   visible;	
}


/** Masse Bildschirmabhaenig **/
@media (max-width:1179px){
	:root{
		--wd-lieferlist-fontsize: 15px;
		--wd-lieferlist-width:    15em;
	}	
}

/** Tablet quer **/
@media (max-width:1023px){
	:root{
		--wd-lieferlist-fontsize: 14px;
		--wd-lieferlist-width:    14em;
	}	
	
	#Bistro{
		--wd-illu1-width: 360px;
	    --wd-illu1-top:   +60px;

		--wd-illu2-img:	  url('/wp-content/uploads/2024/03/SLF-Illu-8.png');
		--wd-illu2-width: 280px;
    	--wd-illu2-top:   +80px;

	}
}

@media (min-width:960px){
	:root{
		--wd-h-letterspacing: 0.1em;
		--wd-i-letterspacing: 0.2ex;		
		--wd-navbar-fontsize:  19px;
		--wd-motto-pic-top:    40px;
		--wd-loctext-width:    640px;
		
		--wd-karte-margin:      100px;
		--wd-liefer-innerborder: none;
		
	}
	
	/** navbar */
	body.home:not(.wd-onep2){
		--wd-navbar-vis: hidden;
		--wd-hnav-vis:   visible;	
	}		
	
}

/** Tablet Portrait **/
@media (max-width:959px){
	
	/** Seite "Lieferanten" **/
	body.page-id-439{
		--wd-nav-about-dis:  none;
		--wd-nav-sust-dis:   none;
		--wd-nav-frieda-dis: none;
		--wd-nav-bistro-dis: none;
		--wd-nav-ahoi-dis:   none;
		--wd-nav-liefer-dis: list-item;
    
		--wd-liefer-img-maxheight: 320px;
		--wd-liefer-img-offset:     80px;
		---wd-liefer-img-width:      50%;		
	}

	:root{
		--wd-hd-padding: 24px;		
		--wd-nav-ahoi-dis:   none;
		--wd-nav-frieda-dis: none;
		--wd-nav-bistro-dis: none;
		--wd-nav-back-mxwidth:  40px;
		--wd-navbar-colgap:     35px;
    	--wd-nav-back-mleft:  -20px;		
		
		--wd-frieda1-top:    	20px;
		--wd-frieda2-top:      240px;
		
    	--wd-ahoi1-width: 400px;
    	--wd-ahoi1-top:    40px;
        --wd-ahoi1-left:  -180px;
        
        --wd-ahoi2-width: 380px;
    	--wd-ahoi2-top:    0px;	
        --wd-ahoi2-right: -180px;
		
		--wd-lieferlist-dis: none;
		--wd-sidemap-dis:    none;		
		--wd-karte-bg:     	 url('/wp-content/uploads/2024/03/Landkarte-hell.png');
    	--wd-maponly-dis:   block;
		
	}
		
	#Bistro{
		/** top left **/
		--wd-illu1-img:	  url('/wp-content/uploads/2024/03/SLF-Illu-3.png');
		--wd-illu1-width: 120px;
	    --wd-illu1-top:   +20px;
    	--wd-illu1-left:  +40px;
    
		/** top right **/
		--wd-illu2-img:	  url('/wp-content/uploads/2024/03/SLF-Illu-4.png');
	    --wd-illu2-width: 110px;
        --wd-illu2-right:  20px;
    	--wd-illu2-top:    +0px;
    
		/** bottom left **/
		--wd-illu3-img:	  url('/wp-content/uploads/2024/03/SLF-Illu-5.png');
		--wd-illu3-width: auto;		
    	--wd-illu3-left:  80px;
    	--wd-illu3-top:	  0px;
    
		/** bottom right **/
		--wd-illu4-img:	  url('/wp-content/uploads/2024/03/SLF-Illu-6.png');
		--wd-illu4-width: 110px;
    	--wd-illu4-right: 40px;
    	--wd-illu4-top:	  30px;		   
		
	}
	
	#Ahoi{
    	--wd-ahoi1-width: 380px;
    	--wd-ahoi1-top:    0px;
    	--wd-ahoi2-top:    20px;	
	}
	
}

/** NavLoc 2-Spaltig **/
@media (min-width:640px) and (max-width:959px){
	:root{
 		--wd-navloc-colgap: 10%;
	}
}

/** Mobile Landscape */
@media (max-width:639px){
	:root{
		--wd-i-fontsize:    		 17px;
		--wd-hd-padding: 			 20px;		
		--wd-navbar-colgap:   		 20px;		
		--wd-navloc-marginleft: 	-25px;
		--wd-nl-c-margintop: 		 10px;		
		--wd-footer-paddingtop: 	  0px;
		--wd-footer-paddingbottom: 	 10px;
    	--wd-map-minheight: 66vw;
		
	}
	
	#Bistro{
		--wd-illu1-left:   +10px;
        --wd-illu2-right:    0px;
    	--wd-illu3-left:    60px;
    	--wd-illu4-right:   20px;

	}

	#Ahoi{
    	--wd-ahoi1-top:    40px;
        --wd-ahoi1-left:  -200px;
        
    	--wd-ahoi2-top:    10px;	
        --wd-ahoi2-right: -200px;
	}
	
}

/** Mobile Portrait **/
@media (max-width:479px){
	:root{
		--wd-i-fontsize:    	 16px;
		--wd-i-letterspacing: 	  0ex;				
		--wd-hd-padding:    	 16px;
		--wd-navbar-colgap:      14px;		
		--wd-nav-back-mxwidth:   32px;
    	--wd-nav-back-mleft:  	-30px;
		--wd-navloc-margintop:   10px;
		--wd-nl-h2-size:		 20px;
		--wd-nl-h3-size:		 14px;
	    --wd-nl-t-size:     	 12px;
		--wd-nl-t-margintop:   	  0px;
		--wd-p-marginbottom:  	 10px;		
		--wd-motto-fontsize: 	 28px;
		--wd-motto-padding:  	 40px;
		--wd-sec-paddingtop: 	 20px;
		--wd-logoloc-maxwidth: 	 40%;
		--wd-buttons-width:    	 88%;

		--wd-frieda1-top:    	 4px;
		--wd-frieda2-top:      100px;
		--wd-frieda3-top:     	40px;
		
		--wd-liefermap-dis:    		none;
		
	}

	#Bistro{
		/** top left **/

		--wd-illu1-width: 50px;
	    --wd-illu1-top:   +10px;
    	--wd-illu1-left:  +20px;
    
		/** top right **/
	    --wd-illu2-width: 46px;
        --wd-illu2-right:  10px;
    	--wd-illu2-top:    +0px;
    
		/** bottom left **/
        --wd-illu3-width: 72px;
    	--wd-illu3-left:  25px;
    	--wd-illu3-top:	  110px;
    
		/** bottom right **/
		--wd-illu4-width: 60px;
    	--wd-illu4-right: 0px;
    	--wd-illu4-top:	  130px;		   
		
	}
	
	#Ahoi{
    	--wd-ahoi1-width: 200px;
    	--wd-ahoi1-top:    0px;
        --wd-ahoi1-left:  -100px;
        
        --wd-ahoi2-img:   url('/wp-content/uploads/2024/03/Ahoi-Illu-5.png');
        --wd-ahoi2-width: 60px;
    	--wd-ahoi2-top:    0px;	
        --wd-ahoi2-right:  0px;
	}
		
}

#Ahoi.wd-sec-location .uk-container{
    .wd-logo-loc.uk-width-medium{
    	max-width: 220px;
    }
	
    background-image: url('/wp-content/uploads/2024/03/Ahoi-Illu-3.png');        
    background-size: var(--wd-ahoi1-width);
    background-repeat: no-repeat;
    background-position: left top var(--wd-ahoi1-top);
    > .uk-grid{
		background-image: url('/wp-content/uploads/2024/03/Ahoi-Illu-4.png'); ;        
        background-size: 380px;
        background-repeat: no-repeat;
        background-position: right top var(--wd-ahoi1-top);
    }
    
}



/** MobilePortrait  small  **/
@media (max-width:359px){
	:root{
		--wd-nl-h3-size: 	13px;
		--wd-hd-padding: 	12px;
		--wd-nl-c-margintop: 4px;
	}
	
	/** br nicht anzeigen **/
	.wd-m-nobr > p > br{
		display: none;
	}

}

/** style standard ****************************************/
body
{
  	color:            var(--wd-grau);
  	background-color: var(--wd-beige);
	
	font-family: 'Kohinoor Bangla', sans-serif;
	
	/** Ãœberschrift **/
  	& .uk-h1, .uk-h2, .uk-h3, .uk-h4, .uk-h5, .uk-h6, .uk-heading-2xlarge, .uk-heading-3xlarge, .uk-heading-large, 
      .uk-heading- medium, .uk-heading-small, .uk-heading-xlarge, h1, h2, h3, h4, h5, h6
  	{
    	color: inherit;
    	text-transform: uppercase;
    	letter-spacing: var(--wd-h-letterspacing);      
  	}
	
	/** Link **/
	& .uk-icon-button, a.uk-button, .uk-nav-secondary > li > a{
		background-color: inherit;
		color:            var(--wd-link-color);
		
		&:is(:focus,:hover,:active){
			background-color: inherit;
			color: 			  var(--wd-linkhover-color);
			border-color:	  var(--wd-linkhover-color);
		}
	}
	
	& h1{
		text-align:  center;
		font-weight: bold;
	}
	
  	& h2{
    	font-weight: bold;
    	font-size:   1.7em;
  	}
	
  	& h3{
    	font-weight: bold;
    	font-size:   1.2em;
  	}
	
  	/** Kursiv **/
	& .wd-zitat{
    	font-family: "Bodoni 72 Oldstyle", serif;
    	font-size:  var(--wd-i-fontsize);
    	font-weight: 500;
		line-height: 1.3; 	
    	letter-spacing: var(--wd-i-letterspacing);		
	}
	
  	/** Kursiv **/
  	& em{
    	color: inherit;
    	font-family: "Bodoni 72 Oldstyle", serif;
    	font-size:  var(--wd-i-fontsize);
    	font-weight: 500;
		line-height: 1.3; 	
    	letter-spacing: var(--wd-i-letterspacing);
  	}
	
	& p{
		margin-bottom: var(	--wd-p-marginbottom);
	}


	
	/** section **/
	& .uk-section{
		padding-top: var(--wd-sec-paddingtop);
		
		&.uk-height-viewport{
			padding-bottom: 120px;
		}
		
	}
	
	/** button **/
	& a.uk-button{
	 	text-transform: uppercase;
        border: 		  1.4px solid var(--wd-grau);
		background-color: inherit;
    	font-weight: 	  500;
		line-height:      inherit;
    	padding: 		  0px 5px;		
	}	
	
}

/** OnePager Menu toggle ****************/
/** OnePager 1.Seite **/
body header
{		
  	& .uk-subnav{
    	visibility: var(--wd-hnav-vis);
		transition: ease;
  	}
    
  	& .uk-navbar-primary, .uk-navbar-container:not(.uk-navbar-transparent){
    	& .uk-navbar-nav{
      		visibility: var(--wd-navbar-vis);
      		transition: ease;
    	}
  	}
   
}

/** header **************************/
body header
{
  	/** header size **/
  	& .tm-headerbar-top{
    	padding-top:    var(--wd-hd-padding);
    	padding-bottom: var(--wd-hd-padding);
  	}
	
	
  	/** header bg **/
  	& div.tm-headerbar-default.tm-headerbar.tm-headerbar-top{
    	background-color: var(--wd-grau);
  	}
	
  	/** header color **/
  	& .uk-subnav > * 
  	{
    	> :first-child, * {
      		color: var(--wd-beige);
      		font-weight: 	200;
      		font-size:   	1.1rem;
      		letter-spacing: 0.1em;
    	}
  	}

  	/** nav bg+color **/
  	& .uk-navbar-primary, .uk-navbar-container:not(.uk-navbar-transparent){
    	background-color: var(--wd-beige);

    	& .uk-navbar-nav{
      		visibility: var(--wd-navbar-vis);
      		gap:  		var(--wd-navbar-colgap);
      
	  		> li > a {
        		min-height: 	  48px;
        		color: 			  var(--grau);
        		background-color: transparent;
        		font-size:   	  var(--wd-navbar-fontsize);
        		font-weight: 	  bold;
      			letter-spacing:   var(--wd-h-letterspacing);
      			font-variant-caps: titling-caps;      
      		}
	  
      		> li > a:is(:hover,:focus,:active){
        		text-decoration: underline;   
   
      		}
    	}
  	}	
}

/** Menue **************/
header nav.uk-navbar ul.uk-navbar-nav
{
	>li>a{
		text-wrap: nowrap;
	}
	>li:first-child{		
		margin-left:  var(--wd-nav-back-mleft);
		margin-right: -5px;
		margin-top:   -2px;
		display:    var(--wd-nav-back-dis);
		visibility: var(--wd-nav-back-vis);
		& img{
			max-width:  var(--wd-nav-back-mxwidth);			
		}
	}
	>li:first-child+li{
		display: var(--wd-nav-about-dis);
	}
	>li:first-child+li+li{
		display: var(--wd-nav-sust-dis);
	}
	>li:first-child+li+li+li{
		display: var(--wd-nav-frieda-dis);
	}
	>li:first-child+li+li+li+li{
		display: var(--wd-nav-bistro-dis);
	}
	>li:first-child+li+li+li+li+li{
		display: var(--wd-nav-ahoi-dis);
	}
	>li:first-child+li+li+li+li+li+li{
		display: var(--wd-nav-liefer-dis);
	}
} 

/** Nav Standorte **/
#NavLoc
{	
    text-align: center;
    margin-top: var(--wd-navloc-margintop);
	
	&.uk-grid-large, &.uk-grid-column-large{
		margin-left:  var(--wd-navloc-marginleft);
				
		
		> * {
			padding-left: var(--wd-navloc-colgap);
		}
    }
	
	&.uk-grid-large > .uk-grid-margin{
		margin-top: var(--wd-nl-c-margintop)
	}
	
	>*{
		> .uk-margin, .uk-margin-top{
			margin-top:    4px !important;
			margin-bottom: 4px;
		}
		
		> h2{
			font-size:   var(--wd-nl-h2-size);
			margin-bottom: 4px;
		}

		> h2 + .uk-margin {
		  	margin-top: 4px !important;
		}

		> h3{
			font-size:   var(--wd-nl-h3-size);
			line-height: 1.2;
			min-height:  2.42em;
		  	margin-top: 	8px;
			margin-bottom: 	4px;
		}	

		& .el-content{
			font-size: var(--wd-nl-t-size);
			line-height: 1.2;
			margin-top: var(--wd-nl-t-margintop) !important;
		}

		
	}
	
}

/** Motto **/
body .wd-sec-motto .uk-first-column+div {
    padding-top: var(--wd-motto-pic-top);

}

body .wd-motto.uk-margin
{
    padding-right: var(--wd-motto-padding);
	
    & em{
    	font-size: var(--wd-motto-fontsize);
    	line-height: 1;
    	letter-spacing: 0;
    }
    &.wd-motto1{
     	margin-bottom: -32px;
	}
	&.wd-motto2{
    	margin-bottom: -68px;
	}

	+div{
    	margin-top: 0px !important;
    	padding-left: var(--wd-motto-padding);
    	line-height: 1.2;
    	> :first-child{
    		text-indent: 20px;
    	}
	}
}

.wd-mehr{
	text-transform: uppercase;
    font-size:      88%;
    font-weight:    500;
	text-align:     center;
    
    & a{
        color: inherit;
        
        &:is(:focus,:hover,:active){
        	color: 			 var(--wd-linkhover-color);
			text-decoration: none;
        }
    }
}

#Lieferanten, .wd-lieferant{
    text-align: center;
	& h1, h2{
        letter-spacing: 0.05em;
    }
    
    & #Landkarte, .wd-landkarte{
		flex-wrap:    var(--wd-karte-wrap);
		margin-left:  var(--wd-karte-margin);
    	margin-right: var(--wd-karte-margin);

		& h2{
			font-size:    20px;
			font-weight: 700;
			margin-bottom: 8px;
			letter-spacing: 0em;

			&:not(:first-child){
				margin-top:    20px;
			}
			
			& em{
				font-size:   16px;
				font-weight: 500;
				text-transform: none;
			}
		}           
		
		> .uk-first-column:first-child, > .uk-first-column:first-child + div, > .uk-first-column:first-child + div + div{
			position:       relative;
			padding-top:    32px;
            padding-bottom: 32px;
			
			/** Standort Punkt **/
			> .uk-panel{
				position: static;	
			}
			.wd-standort{
				position: absolute;
				width:       10px;
				height:      10px;
				line-height: 10px;
				margin-top:  0px !important;
			}
		}
		
		> .uk-first-column{
			padding-left: 60px;
			padding-right: 16px;
			text-align;    right;
		}
		
		> .uk-first-column + div + div{
			padding-left: 16px;
			padding-right: 60px;
			text-align;    left;
		}
		
        > .uk-first-column + div{
            width: 			var(--wd-lieferlist-width);
        	border: 		3px dotted;
			padding-top:    30px;
            padding-bottom: 30px;
            padding-left:   4px;
            padding-right:  6px;
			
			background-repeat: no-repeat;
			background-image: var(--wd-karte-bg);
			background-size:  auto 100%;
			background-position: center top;
            
			& h2{
				letter-spacing: 0.05em;
			}
			
            & ul.uk-list{
                margin-top: 8px;
                margin-bottom: 20px;				                
                & li{
					font-size: var(--wd-lieferlist-fontsize);
					
                    +li{
                        margin-top: 0px;
                    }
                    
                    & a.el-link{
                    	color: inherit;
                    }
                }
                
            }
        }
		
		&.wd-lieferant-index{
			> .uk-first-column:first-child, > .uk-first-column:first-child + div + div{
				display: var(--wd-sidemap-dis);
			}
			
		}
        
		&.wd-lieferant-index, &.wd-lieferant-rechts{
			> .uk-first-column:first-child{
				background-repeat: 	 no-repeat;			
				background-image: 	 url('/wp-content/uploads/2024/03/Landkarte-1.png');
				background-size: 	 200% 100%;
				background-position: top left;				
			}
		}
		
		&.wd-lieferant-rechts > .uk-first-column:first-child{
			display: var(--wd-liefermap-dis);
			+ div {
				display: var(--wd-lieferlist-dis);
			}
		}
		
		&.wd-lieferant-index, &.wd-lieferant-links{
			> .uk-first-column:first-child + div + div{
				background-repeat: 	 no-repeat;
				background-image: 	 url('/wp-content/uploads/2024/03/Landkarte-1.png');
				background-size: 	 200% 100%;
				background-position: top right;
			}
		}        
		
		&.wd-lieferant-links > .uk-first-column{
			+ div{
				display: var(--wd-lieferlist-dis);

			}	
		 	+ div + div{
				display: var(--wd-liefermap-dis);	
			}
		}        
		
		
		&.wd-lieferant-rechts > .uk-first-column:first-child + div + div{
			border-right:  var(--wd-liefer-border);
			border-top:    var(--wd-liefer-border);
			border-bottom: var(--wd-liefer-border);			
			border-left:   var(--wd-liefer-innerborder);
		}

		&.wd-lieferant-links > .uk-first-column:first-child{
			border-left:   var(--wd-liefer-border);
			border-top:    var(--wd-liefer-border);
			border-bottom: var(--wd-liefer-border);
			border-right:  var(--wd-liefer-innerborder);
		}        
    }
}


.wd-lieferant .uk-container{
    .wd-lieferant-links, .wd-lieferant-rechts{
        & > .uk-first-column:first-child + div + div, & > .uk-first-column{
            & p{
                font-size: 14px;
            }
			> .uk-margin:last-child:has(img){
                position: 	absolute;
                top:  		30px;
                height: 	calc( 100% - 70px);
                max-height: var(--wd-liefer-img-maxheight);
                width: 		280px; /*var(--wd-liefer-img-width);*/
                margin-top: 0px !important;
                border-top: 8px solid var(--wd-beige);
                border-bottom: 8px solid var(--wd-beige);
                > picture{
                    height: 100%;
                    > img{
                    	height: 100%;
                    }
                }
                
            }
			
        }
    }
	
    .wd-lieferant-links{
        > .uk-first-column:first-child{
            text-align: right;
            padding-left:  calc( 10px + var(--wd-liefer-img-offset)) !important;
            padding-right: 16px;
            > .uk-margin:last-child:has(img){
                right: calc( 100% - var(--wd-liefer-img-offset)); 
            }
            
            + div + div{
                padding-left: 0px;
            }
        }
    }
	
    .wd-lieferant-rechts{
        > .uk-first-column:first-child{
			+ div + div{
            	text-align: left;
            	padding-left:  16px;
            	padding-right: calc( 10px + var(--wd-liefer-img-offset)) !important;
            	> .uk-margin:last-child:has(img){
                	left: calc( 100% - var(--wd-liefer-img-offset)); 
            	}            
            }
			padding-right: 0px;
        }
    }
	
	
}


/** Lieferanten Standorte auf Karte **/
.wd-lieferant.wd-maponly{
    display: var(--wd-maponly-dis);
    
    .wd-landkarte{
    	min-height: var(--wd-map-minheight);
    	> div:nth-child(1){
    		display: block !important;
    	}
	    > div:nth-child(2){
			display: none;
    	}
	    > div:nth-child(3){
    		display: block !important;
	    }
    }
}

.wd-standort{
	position: 	 absolute;
	width:  	 10px;
	height: 	 10px;
	line-height: 10px;
	margin-top:  0px !important;
	top:  		 50%;
}

#Fuldaaue .wd-standort, .wd-Fuldaaue{
    right: 91%;
    top:   40%;
}

#Buchmann .wd-standort, .wd-Buchmann{
	left: 88%;
	top:  36%
}

#Armbroester .wd-standort, .wd-Armbroester{
	right: 83%;
    top:  55%;
}

#Gross .wd-standort, .wd-Gross{
    left: 85%;
    top:  98%;
}

#Eschenhof .wd-standort, .wd-Eschenhof{
    left: 20%;
    top:  27%;
}

#Weidelsburg .wd-standort, .wd-Weidelsburg{
    left: -1%;
    top:  45%;
}

#Berdi .wd-standort, .wd-Berdi{
    left:  1%;
    top:  45%;
}

#Biond .wd-standort, .wd-Biond{
    right: 83%;
    top:   50%;
}

#Meissner .wd-standort, .wd-Meissner{
    right: 86%;
    top:   48%;
}

#Elkershausen .wd-standort, .wd-Elkershausen{
    right: 27%;
    top:   13%;
}

#Koch .wd-standort, .wd-Koch{
    left: 70%;
    top:  23%;
}

#Lindenkorn .wd-standort, .wd-Lindenkorn{
    left: 34%;
    top:  86%;
}

#Helianthus .wd-standort, .wd-Helianthus{
    right: 63%;
    top:   28%;
}

#Kragenhof .wd-standort, .wd-Kragenhof{
    right: 78%;
    top:  27%;
}

#Gruenling .wd-standort, .wd-Gruenling{
    right: 14%;
    top:  32%;
}

#Dworak .wd-standort, .wd-Dworak{
    right: 88%;
    top:  9%;
}

#Desietra .wd-standort, .wd-Desietra{
    right: 54%;
    top:   99%;
}

#Rameil .wd-standort, .wd-Rameil{
    left:  6%;
    top:  74%;
}

#Fuldaaue{
   	& h2.wd-hd-stadt{
    	font-weight: 900 !important;
		color: var(--wd-rot);
    }
    
    & ul.wd-liefer-stadt li:nth-child(1){
    	font-weight: 600;
		color: var(--wd-rot);
    }
}

#Buchmann{
   	& h2.wd-hd-stadt{
    	font-weight: 900 !important;
		color: var(--wd-rot);
    }
    
    & ul.wd-liefer-stadt li:nth-child(2){
    	font-weight: 600;
		color: var(--wd-rot);
    }
}

#Biond{
   	& h2.wd-hd-stadt{
    	font-weight: 900 !important;
		color: var(--wd-rot);
    }
    
    & ul.wd-liefer-stadt li:nth-child(3){
    	font-weight: 600;
		color: var(--wd-rot);
    }    
}

#Meissner{
   	& h2.wd-hd-stadt{
    	font-weight: 900 !important;
		color: var(--wd-rot);
    }
    
    & ul.wd-liefer-stadt li:nth-child(4){
    	font-weight: 600;
		color: var(--wd-rot);
    }    
}

#Gross{
   	& h2.wd-hd-land{
    	font-weight: 900 !important;
		color: var(--wd-rot);
    }
    
    & ul.wd-liefer-land li:nth-child(1){
    	font-weight: 600;
		color: var(--wd-rot);
    }
}

#Eschenhof{
   	& h2.wd-hd-land{
    	font-weight: 900 !important;
		color: var(--wd-rot);
    }
    
    & ul.wd-liefer-land li:nth-child(2){
    	font-weight: 600;
		color: var(--wd-rot);
    }
}

#Weidelsburg{
   	& h2.wd-hd-land{
    	font-weight: 900 !important;
		color: var(--wd-rot);
    }
    
    & ul.wd-liefer-land li:nth-child(3){
    	font-weight: 600;
		color: var(--wd-rot);
    }
}

#Berdi{
   	& h2.wd-hd-land{
    	font-weight: 900 !important;
		color: var(--wd-rot);
    }
    
    & ul.wd-liefer-land li:nth-child(4){
    	font-weight: 600;
		color: var(--wd-rot);
    }
}



#Armbroester{
   	& h2.wd-hd-land{
    	font-weight: 900 !important;
		color: var(--wd-rot);
    }
    
    & ul.wd-liefer-land li:nth-child(5){
    	font-weight: 600;
		color: var(--wd-rot);
    }
}

#Elkershausen{
   	& h2.wd-hd-land{
    	font-weight: 900 !important;
		color: var(--wd-rot);
    }
    
    & ul.wd-liefer-land li:nth-child(6){
    	font-weight: 600;
		color: var(--wd-rot);
    }    
}

#Koch{
   	& h2.wd-hd-land{
    	font-weight: 900 !important;
		color: var(--wd-rot);
    }
    
    & ul.wd-liefer-land li:nth-child(7){
    	font-weight: 600;
		color: var(--wd-rot);
    }    
}

#Lindenkorn{
   	& h2.wd-hd-land{
    	font-weight: 900 !important;
		color: var(--wd-rot);
    }
    
    & ul.wd-liefer-land li:nth-child(8){
    	font-weight: 600;
		color: var(--wd-rot);
    }    
}

#Helianthus{
   	& h2.wd-hd-land{
    	font-weight: 900 !important;
		color: var(--wd-rot);
    }
    
    & ul.wd-liefer-land li:nth-child(9){
    	font-weight: 600;
		color: var(--wd-rot);
    }    
}

#Kragenhof{
   	& h2.wd-hd-land{
    	font-weight: 900 !important;
		color: var(--wd-rot);
    }
    
    & ul.wd-liefer-land li:nth-child(10){
    	font-weight: 600;
		color: var(--wd-rot);
    }    
}

#Gruenling{
   	& h2.wd-hd-land{
    	font-weight: 900 !important;
		color: var(--wd-rot);
    }
    
    & ul.wd-liefer-land li:nth-child(11){
    	font-weight: 600;
		color: var(--wd-rot);
    }    
}

/** Dworak ausblenden **/
ul.wd-liefer-fluss li:nth-child(1){
	display: none;
}    
#Dworak{   
   	& h2.wd-hd-fluss{
    	font-weight: 900 !important;
		color: var(--wd-rot);
    }
    
    & ul.wd-liefer-fluss li:nth-child(1){
    	font-weight: 600;
		color: var(--wd-rot);
    }    
}

#Desietra{
   	& h2.wd-hd-fluss{
    	font-weight: 900 !important;
		color: var(--wd-rot);
    }
    
    & ul.wd-liefer-fluss li:nth-child(2){
    	font-weight: 600;
		color: var(--wd-rot);
    }    
}

#Rameil{
   	& h2.wd-hd-fluss{
    	font-weight: 900 !important;
		color: var(--wd-rot);
    }
    
    & ul.wd-liefer-fluss li:nth-child(3){
    	font-weight: 600;
		color: var(--wd-rot);
    }    
}

.wd-lieferant{
	--wd-stand-hi-width: 14px;
    --wd-stand-hi-color: var(--wd-rot);
    --wd-stand-hi-h2:    900;
    --wd-stand-hi-li:    700;
    --wd-stand-hi-deco:  none;
}

.wd-lieferant:has( 
    ul.wd-liefer-stadt li:nth-child(1) a:is(:hover,:focus,:active)),
.wd-lieferant:has(
    .wd-standort.wd-Fuldaaue a:is(:hover,:focus,:active)
){
    .wd-standort.wd-Fuldaaue{
        width:  var(--wd-stand-hi-width) !important;
        height: var(--wd-stand-hi-width)  !important;
    }
    & h2.wd-hd-stadt{
    	color: var(--wd-stand-hi-color) !important;
        font-weight: var(--wd-stand-hi-h2)  !important;
    }
    & ul.wd-liefer-stadt li:nth-child(1){
    	color: var(--wd-stand-hi-color)  !important;
        font-weight: var(--wd-stand-hi-li)  !important;
        & a{     
        	text-decoration: var(--wd-stand-hi-deko) !important;
        }
    }
}
.wd-lieferant:has( 
    ul.wd-liefer-stadt li:nth-child(2) a:is(:hover,:focus,:active)),
.wd-lieferant:has(
    .wd-standort.wd-Buchmann a:is(:hover,:focus,:active)
){
    .wd-standort.wd-Buchmann{
        width:  var(--wd-stand-hi-width) !important;
        height: var(--wd-stand-hi-width)  !important;
    }
    & h2.wd-hd-stadt{
    	color: var(--wd-stand-hi-color) !important;
        font-weight: var(--wd-stand-hi-h2)  !important;
    }
    & ul.wd-liefer-stadt li:nth-child(2){
    	color: var(--wd-stand-hi-color)  !important;
        font-weight: var(--wd-stand-hi-li)  !important;
        & a{     
        	text-decoration: var(--wd-stand-hi-deko) !important;
        }
    }
}

.wd-lieferant:has( 
    ul.wd-liefer-stadt li:nth-child(3) a:is(:hover,:focus,:active)),
.wd-lieferant:has(
    .wd-standort.wd-Biond a:is(:hover,:focus,:active)
){
    .wd-standort.wd-Biond{
        width:  var(--wd-stand-hi-width) !important;
        height: var(--wd-stand-hi-width)  !important;
    }
    & h2.wd-hd-stadt{
    	color: var(--wd-stand-hi-color) !important;
        font-weight: var(--wd-stand-hi-h2)  !important;
    }
    & ul.wd-liefer-stadt li:nth-child(3){
    	color: var(--wd-stand-hi-color)  !important;
        font-weight: var(--wd-stand-hi-li)  !important;
        & a{     
        	text-decoration: var(--wd-stand-hi-deko) !important;
        }
    }
}

.wd-lieferant:has( 
    ul.wd-liefer-stadt li:nth-child(4) a:is(:hover,:focus,:active)),
.wd-lieferant:has(
    .wd-standort.wd-Meissner a:is(:hover,:focus,:active)
){
    .wd-standort.wd-Meissner{
        width:  var(--wd-stand-hi-width) !important;
        height: var(--wd-stand-hi-width)  !important;
    }
    & h2.wd-hd-stadt{
    	color: var(--wd-stand-hi-color) !important;
        font-weight: var(--wd-stand-hi-h2)  !important;
    }
    & ul.wd-liefer-stadt li:nth-child(4){
    	color: var(--wd-stand-hi-color)  !important;
        font-weight: var(--wd-stand-hi-li)  !important;
        & a{     
        	text-decoration: var(--wd-stand-hi-deko) !important;
        }
    }
}

.wd-lieferant:has( 
    ul.wd-liefer-land li:nth-child(1) a:is(:hover,:focus,:active)),
.wd-lieferant:has(
    .wd-standort.wd-Gross a:is(:hover,:focus,:active)
){
    .wd-standort.wd-Gross{
        width:  var(--wd-stand-hi-width) !important;
        height: var(--wd-stand-hi-width)  !important;
    }
    & h2.wd-hd-land{
    	color: var(--wd-stand-hi-color) !important;
        font-weight: var(--wd-stand-hi-h2)  !important;
    }
    & ul.wd-liefer-land li:nth-child(1){
    	color: var(--wd-stand-hi-color)  !important;
        font-weight: var(--wd-stand-hi-li)  !important;
        & a{     
        	text-decoration: var(--wd-stand-hi-deko) !important;
        }
    }
}
.wd-lieferant:has( 
    ul.wd-liefer-land li:nth-child(2) a:is(:hover,:focus,:active)),
.wd-lieferant:has(
    .wd-standort.wd-Eschenhof a:is(:hover,:focus,:active)
){
    .wd-standort.wd-Eschenhof{
        width:  var(--wd-stand-hi-width) !important;
        height: var(--wd-stand-hi-width)  !important;
    }
    & h2.wd-hd-land{
    	color: var(--wd-stand-hi-color) !important;
        font-weight: var(--wd-stand-hi-h2)  !important;
    }
    & ul.wd-liefer-land li:nth-child(2){
    	color: var(--wd-stand-hi-color)  !important;
        font-weight: var(--wd-stand-hi-li)  !important;
        & a{     
        	text-decoration: var(--wd-stand-hi-deko) !important;
        }
    }
}
.wd-lieferant:has( 
    ul.wd-liefer-land li:nth-child(3) a:is(:hover,:focus,:active)),
.wd-lieferant:has(
    .wd-standort.wd-Weidelsburg a:is(:hover,:focus,:active)
){
    .wd-standort.wd-Weidelsburg{
        width:  var(--wd-stand-hi-width) !important;
        height: var(--wd-stand-hi-width)  !important;
    }
    & h2.wd-hd-land{
    	color: var(--wd-stand-hi-color) !important;
        font-weight: var(--wd-stand-hi-h2)  !important;
    }
    & ul.wd-liefer-land li:nth-child(3){
    	color: var(--wd-stand-hi-color)  !important;
        font-weight: var(--wd-stand-hi-li)  !important;
        & a{     
        	text-decoration: var(--wd-stand-hi-deko) !important;
        }
    }
}
.wd-lieferant:has( 
    ul.wd-liefer-land li:nth-child(4) a:is(:hover,:focus,:active)),
.wd-lieferant:has(
    .wd-standort.wd-Berdi a:is(:hover,:focus,:active)
){
    .wd-standort.wd-Berdi{
        width:  var(--wd-stand-hi-width) !important;
        height: var(--wd-stand-hi-width)  !important;
    }
    & h2.wd-hd-land{
    	color: var(--wd-stand-hi-color) !important;
        font-weight: var(--wd-stand-hi-h2)  !important;
    }
    & ul.wd-liefer-land li:nth-child(4){
    	color: var(--wd-stand-hi-color)  !important;
        font-weight: var(--wd-stand-hi-li)  !important;
        & a{     
        	text-decoration: var(--wd-stand-hi-deko) !important;
        }
    }
}

.wd-lieferant:has( 
    ul.wd-liefer-land li:nth-child(5) a:is(:hover,:focus,:active)),
.wd-lieferant:has(
    .wd-standort.wd-Armbroester a:is(:hover,:focus,:active)
){
    .wd-standort.wd-Armbroester{
        width:  var(--wd-stand-hi-width) !important;
        height: var(--wd-stand-hi-width)  !important;
    }
    & h2.wd-hd-land{
    	color: var(--wd-stand-hi-color) !important;
        font-weight: var(--wd-stand-hi-h2)  !important;
    }
    & ul.wd-liefer-land li:nth-child(5){
    	color: var(--wd-stand-hi-color)  !important;
        font-weight: var(--wd-stand-hi-li)  !important;
        & a{     
        	text-decoration: var(--wd-stand-hi-deko) !important;
        }
    }
}

.wd-lieferant:has( 
    ul.wd-liefer-land li:nth-child(6) a:is(:hover,:focus,:active)),
.wd-lieferant:has(
    .wd-standort.wd-Elkershausen a:is(:hover,:focus,:active)
){
    .wd-standort.wd-Elkershausen{
        width:  var(--wd-stand-hi-width) !important;
        height: var(--wd-stand-hi-width)  !important;
    }
    & h2.wd-hd-land{
    	color: var(--wd-stand-hi-color) !important;
        font-weight: var(--wd-stand-hi-h2)  !important;
    }
    & ul.wd-liefer-land li:nth-child(6){
    	color: var(--wd-stand-hi-color)  !important;
        font-weight: var(--wd-stand-hi-li)  !important;
        & a{     
        	text-decoration: var(--wd-stand-hi-deko) !important;
        }
    }
}
.wd-lieferant:has( 
    ul.wd-liefer-land li:nth-child(7) a:is(:hover,:focus,:active)),
.wd-lieferant:has(
    .wd-standort.wd-Koch a:is(:hover,:focus,:active)
){
    .wd-standort.wd-Koch{
        width:  var(--wd-stand-hi-width) !important;
        height: var(--wd-stand-hi-width)  !important;
    }
    & h2.wd-hd-land{
    	color: var(--wd-stand-hi-color) !important;
        font-weight: var(--wd-stand-hi-h2)  !important;
    }
    & ul.wd-liefer-land li:nth-child(7){
    	color: var(--wd-stand-hi-color)  !important;
        font-weight: var(--wd-stand-hi-li)  !important;
        & a{     
        	text-decoration: var(--wd-stand-hi-deko) !important;
        }
    }
}

.wd-lieferant:has( 
    ul.wd-liefer-land li:nth-child(8) a:is(:hover,:focus,:active)),
.wd-lieferant:has(
    .wd-standort.wd-Lindenkorn a:is(:hover,:focus,:active)
){
    .wd-standort.wd-Lindenkorn{
        width:  var(--wd-stand-hi-width) !important;
        height: var(--wd-stand-hi-width)  !important;
    }
    & h2.wd-hd-land{
    	color: var(--wd-stand-hi-color) !important;
        font-weight: var(--wd-stand-hi-h2)  !important;
    }
    & ul.wd-liefer-land li:nth-child(8){
    	color: var(--wd-stand-hi-color)  !important;
        font-weight: var(--wd-stand-hi-li)  !important;
        & a{     
        	text-decoration: var(--wd-stand-hi-deko) !important;
        }
    }
}

.wd-lieferant:has( 
    ul.wd-liefer-land li:nth-child(9) a:is(:hover,:focus,:active)),
.wd-lieferant:has(
    .wd-standort.wd-Helianthus a:is(:hover,:focus,:active)
){
    .wd-standort.wd-Helianthus{
        width:  var(--wd-stand-hi-width) !important;
        height: var(--wd-stand-hi-width)  !important;
    }
    & h2.wd-hd-land{
    	color: var(--wd-stand-hi-color) !important;
        font-weight: var(--wd-stand-hi-h2)  !important;
    }
    & ul.wd-liefer-land li:nth-child(9){
    	color: var(--wd-stand-hi-color)  !important;
        font-weight: var(--wd-stand-hi-li)  !important;
        & a{     
        	text-decoration: var(--wd-stand-hi-deko) !important;
        }
    }
}
.wd-lieferant:has( 
    ul.wd-liefer-land li:nth-child(10) a:is(:hover,:focus,:active)),
.wd-lieferant:has(
    .wd-standort.wd-Kragenhof a:is(:hover,:focus,:active)
){
    .wd-standort.wd-Kragenhof{
        width:  var(--wd-stand-hi-width) !important;
        height: var(--wd-stand-hi-width)  !important;
    }
    & h2.wd-hd-land{
    	color: var(--wd-stand-hi-color) !important;
        font-weight: var(--wd-stand-hi-h2)  !important;
    }
    & ul.wd-liefer-land li:nth-child(10){
    	color: var(--wd-stand-hi-color)  !important;
        font-weight: var(--wd-stand-hi-li)  !important;
        & a{     
        	text-decoration: var(--wd-stand-hi-deko) !important;
        }
    }
}
.wd-lieferant:has( 
    ul.wd-liefer-land li:nth-child(11) a:is(:hover,:focus,:active)),
.wd-lieferant:has(
    .wd-standort.wd-Gruenling a:is(:hover,:focus,:active)
){
    .wd-standort.wd-Gruenling{
        width:  var(--wd-stand-hi-width) !important;
        height: var(--wd-stand-hi-width)  !important;
    }
    & h2.wd-hd-land{
    	color: var(--wd-stand-hi-color) !important;
        font-weight: var(--wd-stand-hi-h2)  !important;
    }
    & ul.wd-liefer-land li:nth-child(11){
    	color: var(--wd-stand-hi-color)  !important;
        font-weight: var(--wd-stand-hi-li)  !important;
        & a{     
        	text-decoration: var(--wd-stand-hi-deko) !important;
        }
    }
}

.wd-lieferant:has( 
    ul.wd-liefer-fluss li:nth-child(1) a:is(:hover,:focus,:active)),
.wd-lieferant:has(
    .wd-standort.wd-Dworak a:is(:hover,:focus,:active)
){
    .wd-standort.wd-Dworak{
        width:  var(--wd-stand-hi-width) !important;
        height: var(--wd-stand-hi-width)  !important;
    }
    & h2.wd-hd-fluss{
    	color: var(--wd-stand-hi-color) !important;
        font-weight: var(--wd-stand-hi-h2)  !important;
    }
    & ul.wd-liefer-fluss li:nth-child(1){
    	color: var(--wd-stand-hi-color)  !important;
        font-weight: var(--wd-stand-hi-li)  !important;
        & a{     
        	text-decoration: var(--wd-stand-hi-deko) !important;
        }
    }
}
.wd-lieferant:has( 
    ul.wd-liefer-fluss li:nth-child(2) a:is(:hover,:focus,:active)),
.wd-lieferant:has(
    .wd-standort.wd-Desietra a:is(:hover,:focus,:active)
){
    .wd-standort.wd-Desietra{
        width:  var(--wd-stand-hi-width) !important;
        height: var(--wd-stand-hi-width)  !important;
    }
    & h2.wd-hd-fluss{
    	color: var(--wd-stand-hi-color) !important;
        font-weight: var(--wd-stand-hi-h2)  !important;
    }
    & ul.wd-liefer-fluss li:nth-child(2){
    	color: var(--wd-stand-hi-color)  !important;
        font-weight: var(--wd-stand-hi-li)  !important;
        & a{     
        	text-decoration: var(--wd-stand-hi-deko) !important;
        }
    }
}

.wd-lieferant:has( 
    ul.wd-liefer-fluss li:nth-child(3) a:is(:hover,:focus,:active)),
.wd-lieferant:has(
    .wd-standort.wd-Rameil a:is(:hover,:focus,:active)
){
    .wd-standort.wd-Rameil{
        width:  var(--wd-stand-hi-width) !important;
        height: var(--wd-stand-hi-width)  !important;
    }
    & h2.wd-hd-fluss{
    	color: var(--wd-stand-hi-color) !important;
        font-weight: var(--wd-stand-hi-h2)  !important;
    }
    & ul.wd-liefer-fluss li:nth-child(3){
    	color: var(--wd-stand-hi-color)  !important;
        font-weight: var(--wd-stand-hi-li)  !important;
        & a{     
        	text-decoration: var(--wd-stand-hi-deko) !important;
        }
    }
}

/** Standort Seiten **/
.wd-sec-location
{
	text-align: center;
	
    & h1{
    	font-size: 24px;
    }
    
    & h2{
    	font-weight: 600;
        font-size:   20px;
        margin-bottom: 6px;
        
        &+.uk-margin{
         	margin-top: 0px !important;   
        }
    }
    
    & p{
        line-height: 	1.3;
        margin-top:     10px;
        margin-bottom:  10px;
    }
    
    .wd-loc-status{
    	text-transform: uppercase;
        font-weight: 	400;
    }
	
	/** button **/
	& a.uk-button{
		min-width: 110px;
	}	
	

	.wd-logo-loc img{
    	max-width: var(--wd-logoloc-maxwidth);
    }
	
    .wd-zeiten{
    	text-transform: uppercase;
        font-weight:    500;
        font-size:      15px;
        letter-spacing: 0.5px;
    }
    

 	.wd-logo-loc + div{
		max-width: var(--wd-loctext-width);
		margin-left:  auto;
		margin-right: auto;
	}

	&.wd-sec2{
		padding-bottom: 0px;
		
		& + .uk-section{
			padding-top: 0px;
			padding-bottom: ;
		}
	}

}


#Frieda.wd-sec-location .uk-container{
		background-image: url('/wp-content/uploads/2024/03/Frieda1.png');        
        background-size: 14%;
        background-repeat: no-repeat;
        background-position: 14% var(--wd-frieda1-top);
    > .uk-grid{
		background-image: url('/wp-content/uploads/2024/03/Frieda2.png');        
        background-size: 14%;
        background-repeat: no-repeat;
        background-position: 32px var(--wd-frieda2-top);
        > div{
			background-image: url('/wp-content/uploads/2024/03/Frieda3.png');
            background-size: 20%;
            background-repeat: no-repeat;
            background-position: right var(--wd-frieda3-top);
        }
    }
    
}

#Bistro.wd-sec-location .uk-container
{    
    background-repeat: no-repeat;	
	background-image:  var(--wd-illu1-img);        
    background-size:   var(--wd-illu1-width);
    background-position: left var(--wd-illu1-left) top var(--wd-illu1-top);
    
	> .uk-grid{
			background-image: var(--wd-illu2-img);         
        	background-size:  var(--wd-illu2-width);
    	    background-repeat: no-repeat;
	        background-position: right var(--wd-illu2-right) top var(--wd-illu2-top);
        
        + .uk-grid{
			background-image:    var(--wd-illu3-img); 
			background-size:     var(--wd-illu3-width);
	        background-position: left var(--wd-illu3-left) top var(--wd-illu3-top);
            background-size: calc(var(--wd-illu2-width) + 30px);
            > div{
                background-repeat:   no-repeat;
				background-image:    var(--wd-illu4-img);       
	        	background-position: right var(--wd-illu4-right) top var(--wd-illu4-top);
            	background-size: 	 var(--wd-illu4-width);
            }
        }
    }
    
}

#Ahoi.wd-sec-location .uk-container
{
	& .uk-link, a{
		color: var(--wd-blau);
	}
	
    .wd-logo-loc.uk-width-medium{
    	max-width: 220px;
    }
    
    background-repeat: no-repeat;
    background-image: var(--wd-ahoi1-img);        
    background-size:  var(--wd-ahoi1-width);
    background-position: left var(--wd-ahoi1-left) top var(--wd-ahoi1-top);
	
    > .uk-grid{
    	background-repeat: no-repeat;
		background-image:  var(--wd-ahoi2-img);    
        background-size:   var(--wd-ahoi2-width); 
        background-position: right var(--wd-ahoi2-right) top var(--wd-ahoi2-top);
    }
    
}

#Kalender, .wd-kalender{
	text-align: center;
}

div.wd-cal1{
    & div.uk-panel.uk-margin{
        overflow:   hidden;
        width:       160px;
        height:       80px;
		margin-left:  auto;
        margin-right: auto;
        
        position: relative;
        
        & iframe{
            width:    220px;
            height:   200px;
            position: absolute;
        	top:      -34px;
            left:     -48px;
        }
    }
    
}

.wd-wetter{
   	color: var(--wd-rot2);
}

#Heute{
	color: var(--wd-blau);

	+ div{
        font-size: 14px;
        margin-bottom: 4px;
    }
	
}

app-root .mobile_time_display[_ngcontent-c34]{
	background-color: var(-wd-beige) !important;
}

/** Footer **/
footer{
	border-top: 1.5px solid var(--wd-grau);
	
	> #Footer.uk-section{
		padding-top:	var(--wd-footer-paddingtop);
		padding-bottom:	var(--wd-footer-paddingbottom);
	}
 
	.el-item{
		text-transform: uppercase;
	}	
}

/** biond daily kitchen Nav **/
#NavDailyKitchen{
    & h2:first-child{
    	letter-spacing: 0px;
    }
}

@media (max-width:1139px){
    #NavDailyKitchen h2:first-child{
    	letter-spacing: -2.5px;    
    }
}

@media (max-width:942px){
    #NavDailyKitchen h2:first-child{
    	letter-spacing: var(--wd-h-letterspacing);    
    }
}

/** biond daily kitchen Menü **/

#NavDailyKitchen{
    & h2:first-child{
    	letter-spacing: 0px;
    }

}

@media (max-width:1139px){
    #NavDailyKitchen h2:first-child{
    	letter-spacing: -2.5px;    
    }
}

@media (max-width:942px){
    #NavDailyKitchen h2:first-child{
    	letter-spacing: var(--wd-h-letterspacing);    
    }
}

body.page-id-1537 #Tageskarte{
    padding-left: 0px !important;
    text-align: center !important;
    
    & h1, h2{
        text-align: inherit !important;
    }
    
    & ul.tm-gerichte{
        text-align: inherit !important;
        
        > li::before{
            content: none !important;
        }
        
        .tm-vf{
            width: 100%;
        }
        
        .tm-preis{
            width: 100%;
        }
    }
    
}

body.page-id-983, body.page-id-1063, body.page-id-1123, body.page-id-1498, body.page-id-1537 #Tageskarte{
    --bdk-rot: #e6342f;
    --bdk-gruen: #546122;
    --bdk-bree:  "Bree Serif", serif;
    --bdk-gidole: Gidole, sans-serif; 
    
    font-family: Gidole, sans-serif;
    text-align:  left;
    
    /** Tageskarte, Logo **/
    header.tm-header, footer{
      display: none;
    }
    text-align: left;
    
    & h1, h2{
        text-align: left;
    }
    
    & h1{
        font-family: var(--bdk-bree);
        font-size:  42px;
        letter-spacing: 1px;
        font-weight: 400;
        color: var(--bdk-gruen);
        text-transform: none;
        
    }
    
    #Tagesmenue.uk-section{
        padding-bottom: 10px;
    }
    
    #Bottom{
        padding-top: 20px;
    }
    
    #Tagesmenue .uk-first-column + div{
        .tm-gericht{
            padding-top: 10px !important;
            padding-bottom: 10px !important;                 
        }
    }
    
    & div.tm-gericht, ul.tm-gerichte > li{
        position: relative;
        margin-top: 4px !important;
        margin-bottom: 16px;
        padding-top: 16px;
        color: var(--bdk-gruen);

        .tm-trank, .tm-pr{
            color: black;
        }
        
        .tm-pr::before{
            content: "_";
            color: transparent;
        }
        
        .tm-pr::after{
            content: " €";
        }
        
        &::before{
            display: block;
            position: absolute;
            top:      0px;
            left:     0px;
            width:    320px;
            height:   4px;
            border-top: 4px solid #fff;
            content: " ";
        }
            
        &::after{
            content: none !important;
        }
    }
    
    #Tagesmenue > .uk-container > .uk-grid {
        .uk-first-column{
            & ul.tm-gerichte > li::before, h1 ~ div.uk-panel.tm-gericht.tm-empty::before{
                width: 580px;
            }
        }
        .uk-first-column, .uk-first-column + div{
            .tm-vf, .tm-grp, .tm-preis{
                font-size: 21px;
            }
        }
    }
    
    #Tagesmenue #Logo{
        margin-top:    40px;
        margin-bottom: 80px;
    }
    
    & div.tm-gericht, .tm-gerichte{
        font-family: var(--bdk-bree);    
        font-weight:    400;
        letter-spacing: 1px;        
    }
    
    .tm-vf, .tm-grp{
        font-family: var(--bdk-gidole);
        font-size:   16px; 
        font-weigth: 100;
        letter-spacing: 0.5px;
    }
    
    .tm-grp{
        display: inline-block;
        margin-bottom: 8px;
    }
    
    .tm-text{
        font-weight:    400;
        letter-spacing: 1.4px;
    }
    
    .tm-vegan::before{
        content: "vegan ";
        text-transform: uppercase;
    }
    
    .tm-vegan::after{
        content: none;
    }
    
    .tm-veggie::before{
        content: "veggie ";
        text-transform: uppercase;
    }
    
    .tm-fleisch::before{
        content: "Fleisch ";
        text-transform: uppercase;
    }
    
    .tm-fisch::before{
        content: "Fisch ";
        text-transform: uppercase;
    }
    
    .tm-beilagen::before{
       content: "Beilagen ";
       text-transform: uppercase;
    }
            
    .tm-preis{
        font-family: var(--bdk-bree);
        font-size: 18px;
        color: black;
        font-weight: 400;
        &::before{
           content: " ";
        }
        
        &::after{
            content: " €";
        }
        
        &.tm-50::after{
            content: " 6,00€";
        }
        &.tm-60::after{
            content: " 7,00€";
        }
        &.tm-75::after{
            content: " 8,50€";
        }
        &.tm-80::after{
            content: " 9,00€";
        }
        &.tm-85::after{
            content: "10,50€";
        }
        &.tm-90::after{
            content: "11,00€";
        }
        &.tm-95::after{
            content: "11,50€";
        }
    }
    
    #Bottom{
        line-height: 1.2;
        
        .uk-margin{
            margin-bottom: 4px;
        }
        
        & * + .uk-margin {
            margin-top: 6px !important;
        }
        
        .tm-adresse{
            text-transform: uppercase;
        }
        
    }
}

/* Getränke , Tageskarte */
body.page-id-1123, body.page-id-983, body.page-id-1498{
    padding-top: 40px !important;
    font-size: 24px;
    padding-left: 120px;
    
    .uk-container{
        max-width: 1800px;
    }
    
    & h1, h2{
        font-size: 42px;
        font-family: var(--bdk-bree);
        font-weight: 400;
        text-transform: none;
        letter-spacing: 1px;
    }
    
    & h1{
        font-size: 60px;
    }
       
}

ul.tm-gerichte > li > div.el-content{
    position: static;
}

/* Menü */
body.page-id-983, body.page-id-1498, body.page-id-1537 #Tageskarte
{
    padding-top: 0px;
        
    #Tagesmenue{
        padding-top: 20px;

        & div.uk-container .tm-gericht.tm-empty{
            margin: 0px !important;
            margin-top: 0px !important;
            padding: 0px !important;
            padding-top: 0px !important;
            
            & p{
                line-height: 1;
                font-size: 6px;
            }
        }

    }
        
    /** Tageskarte **/
    & ul.tm-gerichte{
        
        color:      var(--bdk-gruen);
        text-align: left;
        
        &#Tagesmenue{
        	padding-bottom: 20px;
        }
        
        & div.tm-gericht, > li{
            position: relative;
            margin-top: 4px !important;
            margin-bottom: 8px;
            padding-top: 36px;
        }    
            
        & span.tm-vf{
            display:   inline-block;
            position:  absolute;
            top:  14px;
            left: 0px;
        }

        .tm-preis{
            display: inline-block;
            position: absolute;
            top: 12px;
            left: 188px;
        }

        & input.tm-text{
            width: auto;
            size:  auto;
        }
               
        input.tm-aus{
            display: none;
        }
        
        .tm-gericht, > li {
            font-family: var(--bdk-bree);
            font-size: 24px;
            font-weight: 400;

            &.tm-empty{
                padding-top: 4px;
                padding-bottom: 0px;
            }
        }
        
        .tm-gericht input.tm-text{
            background-color: inherit;
            border:      none;
            text-align:  inherit;
            color:       inherit;
            font-family: inherit;
            font-size:   inherit;
            font-weight: inherit;
        }
        
    }
    
    .uk-first-column ul.tm-gerichte, .uk-first-column + div {
        .tm-gericht, > li{
            font-size: 32px !important;
            
            .tm-preis{
                left: 528px !important;
            }
        }
    }
    
    & h1#TM_aus + div ul.tm-gerichte{    
        .tm-gericht, > li{
           &:has(input.tm-aus:checked){
            .tm-text{
                text-decoration: line-through;
            }
            .tm-text, .tm-vf, .tm-preis{
                color: var(--wd-grau);
            }
            & label.tm-ausver{
                color: var(--wd-grau);
            }
            
            .tm-preis{
                left: 120px;
                &::after{
                    content: "ausverkauft" !important;
                    text-transform: uppercase;
                }
            }
        }}
        
    }
}

@media (max-width: 639px){
    body.page-id-1537 #Tageskarte ul.tm-gerichte label.tm-preis{
        left: 120px !important;
    }
    
}

/** biond daily kitchen Menü **/

#NavDailyKitchen{
    & h2:first-child{
    	letter-spacing: 0px;
    }

}

@media (max-width:1139px){
    #NavDailyKitchen h2:first-child{
    	letter-spacing: -2.5px;    
    }
}

@media (max-width:942px){
    #NavDailyKitchen h2:first-child{
    	letter-spacing: var(--wd-h-letterspacing);    
    }
}

body.page-id-1537 #Tageskarte{
    padding-left: 0px !important;
    text-align: center !important;
    
    & h1, h2{
        text-align: inherit !important;
    }
    
    & ul.tm-gerichte{
        text-align: inherit !important;
        
        > li::before{
            content: none !important;
        }
        
        .tm-vf{
            width: 100%;
        }
        
        .tm-preis{
            width: 100%;
        }
    }
    
}

body.page-id-983, body.page-id-1063, body.page-id-1123, body.page-id-1498, body.page-id-1537 #Tageskarte{
    --bdk-rot: #e6342f;
    --bdk-gruen: #546122;
    --bdk-bree:  "Bree Serif", serif;
    --bdk-gidole: Gidole, sans-serif; 
    
    font-family: Gidole, sans-serif;
    text-align:  left;
    
    /** Tageskarte, Logo **/
    header.tm-header, footer{
      display: none;
    }
    text-align: left;
    
    & h1, h2{
        text-align: left;
    }
    
    & h1{
        font-family: var(--bdk-bree);
        font-size:  42px;
        letter-spacing: 1px;
        font-weight: 400;
        color: var(--bdk-gruen);
        text-transform: none;
        
    }
    
    #Tagesmenue.uk-section{
        padding-bottom: 10px;
    }
    
    #Bottom{
        padding-top: 20px;
    }
    
    #Tagesmenue .uk-first-column + div{
        .tm-gericht{
            padding-top: 10px !important;
            padding-bottom: 10px !important;                 
        }
    }
    
    & div.tm-gericht, ul.tm-gerichte > li{
        position: relative;
        margin-top: 4px !important;
        margin-bottom: 16px;
        padding-top: 16px;
        color: var(--bdk-gruen);

        .tm-trank, .tm-pr{
            color: black;
        }
        
        .tm-pr::before{
            content: "_";
            color: transparent;
        }
        
        .tm-pr::after{
            content: " €";
        }
        
        &::before{
            display: block;
            position: absolute;
            top:      0px;
            left:     0px;
            width:    320px;
            height:   4px;
            border-top: 4px solid #fff;
            content: " ";
        }
            
        &::after{
            content: none !important;
        }
    }
    
    #Tagesmenue > .uk-container > .uk-grid {
        .uk-first-column{
            & ul.tm-gerichte > li::before, h1 ~ div.uk-panel.tm-gericht.tm-empty::before{
                width: 580px;
            }
        }
        .uk-first-column, .uk-first-column + div{
            .tm-vf, .tm-grp, .tm-preis{
                font-size: 21px;
            }
        }
    }
    
    #Tagesmenue #Logo{
        margin-top:    40px;
        margin-bottom: 80px;
    }
    
    & div.tm-gericht, .tm-gerichte{
        font-family: var(--bdk-bree);    
        font-weight:    400;
        letter-spacing: 1px;        
    }
    
    .tm-vf, .tm-grp{
        font-family: var(--bdk-gidole);
        font-size:   16px; 
        font-weigth: 100;
        letter-spacing: 0.5px;
    }
    
    .tm-grp{
        display: inline-block;
        margin-bottom: 8px;
    }
    
    .tm-text{
        font-weight:    400;
        letter-spacing: 1.4px;
    }
    
    .tm-vegan::before{
        content: "vegan ";
        text-transform: uppercase;
    }
    
    .tm-vegan::after{
        content: none;
    }
    
    .tm-veggie::before{
        content: "veggie ";
        text-transform: uppercase;
    }
    
    .tm-fleisch::before{
        content: "Fleisch ";
        text-transform: uppercase;
    }
    
    .tm-fisch::before{
        content: "Fisch ";
        text-transform: uppercase;
    }
    
    .tm-beilagen::before{
       content: "Beilagen ";
       text-transform: uppercase;
    }
            
    .tm-preis{
        font-family: var(--bdk-bree);
        font-size: 18px;
        color: black;
        font-weight: 400;
        &::before{
           content: " ";
        }
        
        &::after{
            content: " €";
        }
        
        &.tm-50::after{
            content: " 6,00€";
        }
        &.tm-60::after{
            content: " 7,00€";
        }
        &.tm-75::after{
            content: " 8,50€";
        }
        &.tm-80::after{
            content: " 9,00€";
        }
        &.tm-85::after{
            content: "10,50€";
        }
        &.tm-90::after{
            content: "11,00€";
        }
        &.tm-95::after{
            content: "11,50€";
        }
    }
    
    #Bottom{
        line-height: 1.2;
        
        .uk-margin{
            margin-bottom: 4px;
        }
        
        & * + .uk-margin {
            margin-top: 6px !important;
        }
        
        .tm-adresse{
            text-transform: uppercase;
        }
        
    }
}

/* Getränke , Tageskarte */
body.page-id-1123, body.page-id-983, body.page-id-1498{
    padding-top: 40px !important;
    font-size: 24px;
    padding-left: 120px;
    
    .uk-container{
        max-width: 1800px;
    }
    
    & h1, h2{
        font-size: 42px;
        font-family: var(--bdk-bree);
        font-weight: 400;
        text-transform: none;
        letter-spacing: 1px;
    }
    
    & h1{
        font-size: 60px;
    }
       
}

ul.tm-gerichte > li > div.el-content{
    position: static;
}

/* Menü */
body.page-id-983, body.page-id-1498, body.page-id-1537 #Tageskarte
{
    padding-top: 0px;
        
    #Tagesmenue{
        padding-top: 20px;

        & div.uk-container .tm-gericht.tm-empty{
            margin: 0px !important;
            margin-top: 0px !important;
            padding: 0px !important;
            padding-top: 0px !important;
            
            & p{
                line-height: 1;
                font-size: 6px;
            }
        }

    }
        
    /** Tageskarte **/
    & ul.tm-gerichte{
        
        color:      var(--bdk-gruen);
        text-align: left;
        
        &#Tagesmenue{
        	padding-bottom: 20px;
        }
        
        & div.tm-gericht, > li{
            position: relative;
            margin-top: 4px !important;
            margin-bottom: 8px;
            padding-top: 36px;
        }    
            
        & span.tm-vf{
            display:   inline-block;
            position:  absolute;
            top:  14px;
            left: 0px;
        }

        .tm-preis{
            display: inline-block;
            position: absolute;
            top: 12px;
            left: 188px;
        }

        & input.tm-text{
            width: auto;
            size:  auto;
        }
               
        input.tm-aus{
            display: none;
        }
        
        .tm-gericht, > li {
            font-family: var(--bdk-bree);
            font-size: 24px;
            font-weight: 400;

            &.tm-empty{
                padding-top: 4px;
                padding-bottom: 0px;
            }
        }
        
        .tm-gericht input.tm-text{
            background-color: inherit;
            border:      none;
            text-align:  inherit;
            color:       inherit;
            font-family: inherit;
            font-size:   inherit;
            font-weight: inherit;
        }
        
    }
    
    .uk-first-column ul.tm-gerichte, .uk-first-column + div {
        .tm-gericht, > li{
            font-size: 32px !important;
            
            .tm-preis{
                left: 528px !important;
            }
        }
    }
    
    & h1#TM_aus + div ul.tm-gerichte{    
        .tm-gericht, > li{
           &:has(input.tm-aus:checked){
            .tm-text{
                text-decoration: line-through;
            }
            .tm-text, .tm-vf, .tm-preis{
                color: var(--wd-grau);
            }
            & label.tm-ausver{
                color: var(--wd-grau);
            }
            
            .tm-preis{
                left: 120px;
                &::after{
                    content: "ausverkauft" !important;
                    text-transform: uppercase;
                }
            }
        }}
        
    }
}

@media (max-width: 639px){
    body.page-id-1537 #Tageskarte ul.tm-gerichte label.tm-preis{
        left: 120px !important;
    }
    
}


/** end **/