/************************************************

CSS individuelle Seiten

DIA/COM FC 02.02.2022 00:49

/cmsplus/css/css-7.4.1/textilwelt.css

************************************************/

h4 { 
   font-family: var(--font-family-3); 
   font-weight: var(--font-family-weight-3); 
   font-size: 1.2em; 
   color: var(--color2); 
   line-height: 1.3; 
} 

a {
   color:var(--color2);
   text-decoration:none;
   cursor:pointer
}
a:active { 
   color: var(--color1); 
   text-decoration: none; 
} 
a:hover { 
   color: var(--color2); 
   text-decoration: none; 
} 

select::-ms-expand {
   display: none;
}

input:focus {
   background-color: white;
}

::-webkit-input-placeholder {
   color: rgb(198,198,198);
   font-size: 15px;
}
::-moz-placeholder {
   color: rgb(198,198,198);
   font-size: 15px;
}
:-ms-input-placeholder {
   color: rgb(198,198,198);
   font-size: 15px;
}
:-moz-placeholder {
   color: rgb(198,198,198);
   font-size: 15px;
}

.uk-badge{
   background:var(--color1);
}
.uk-heading-line {
   text-transform: uppercase;
   margin-bottom: 25px;
}
.uk-heading-line>::after, .uk-heading-line>::before {
   border-bottom: none;
}
/*
.uk-label-warning {
   background-color: var(--color2) !important;
}
*/
.uk-label-warning {
	background-color: #f49819 !important;
}

.poc-wk-button {
	background-color: var(--color3) !important;
}
.poc-wk-button:hover {
	background-color: var(--color4) !important;
}

#show-index{  /* auch für andere? */
   display: none;
   position:absolute;
   z-index: 1002;
   width: 500px !important;
   max-width: 100%;   
   padding:5px 5px;
   border-style: solid;
   border-width: 1px;
   border-color: #AAAAAA;
   font-family: var(--font-family-2);
   font-weight: var(--font-family-weight-2);
   font-size: 14px;
   color: #000 !important;
   background: #FFF;
}
#topsuche > input::placeholder  {
   color: lightgrey;
}


.poc-input-icon {
   width: -moz-calc(100% - 25px) !important; 
   width: -webkit-calc(100% - 25px) !important; 
   width: calc(100% - 25px) !important;
   padding-left: 10px !important;
}



.poc-bbcontent {
   display: block;
   position: inherit;
   max-width: 960px;
   min-height: 300px;
   padding: 40px;
   margin: auto auto;
   margin-top: 0px;
   margin-bottom: 30px;
   width: -moz-calc(100% - 100px);
   width: -webkit-calc(100% - 100px);
   width: calc(100% - 100px);
   background: white;
}

.poc-slider-textpos { /* wird .slidertext ersetzen */
   font-size: 1em; 
   position: relative; 
   bottom: -50px; 
   float: right; 
   color: white !important; 
   padding: 15px 25px 50px 25px;
   background: -webkit-linear-gradient(#49497c 0%, var(--color2) 40%, var(--color1) 150%), -webkit-linear-gradient(bottom, rgba(255,255,255,0.40) 0%, rgba(0,0,0,0.25) 200%);
   background: -o-linear-gradient(#49497c 0%, var(--color2) 40%, var(--color1) 150%), -o-linear-gradient(bottom, rgba(255,255,255,0.40) 0%, rgba(0,0,0,0.25) 200%);
   background: linear-gradient(#49497c 0%, var(--color2) 40%, var(--color1) 150%), linear-gradient(to top, rgba(255,255,255,0.40) 0%, rgba(0,0,0,0.25) 200%);
   transform: rotate(-3deg);
} 
.poc-slider-titel { /* wird .slidertitel ersetzen */
   display: block; 
   z-index: 99; 
   font-family: var(--font-family-1); 
   font-weight: var(--font-family-weight-1); 
   font-size: 2em; 
   line-height: 1.3;
   text-align: left; 
   margin:0px; 
   color: white !important; 
}
.poc-slider-text { /* wird .slidertext ersetzen */
   display: block; 
   z-index: 99; 
   font-family: var(--font-family-1); 
   font-weight: var(--font-family-weight-1); 
   font-size: 1.5em; 
   line-height: 1.3;
   text-align: left; 
   margin:0px; 
   color: white !important; 
}


.slidertitel { 
	/* automatisch Größe nach Display anpassen */
   display: block; 
   z-index: 999; 
   font-family: var(--font-family-1); 
   font-weight: var(--font-family-weight-1); 
   /*font-size: 4vw;  1.7em*/
	font-size: calc((40vw - 3.5rem) / 7);
   line-height: 1.3;
   color: var(--color2) !important; 
} 
.slidertext { 
   font-size: 1em; 
   position: relative; 
   bottom: -31px; 
   right: -30px; 
   float: right; 
   /* padding:20px 40px; */
	padding: 0.5vw 1vw;
   background: rgba(255,255,255,0.8);
	color: var(--color2) !important; 
} 
.pc-slidertext { 
   font-family: var(--font-family-1); 
   font-weight: var(--font-family-weight-1); 
   font-size: 1.1em; 
   color: var(--color2) !important; 
} 
.pc-rubrik { 
   display: block; 
   font-family: var(--font-family-1); 
   font-weight: var(--font-family-weight-1); 
   font-size: 1.3em; 
   color: var(--color1);
   text-align: left; 
   /* vertical-align: middle; */
   /* padding:20px 30px; */
	padding: 0 0 15px 0;
   margin:0; 
   width: -moz-calc(100% - 60px); 
   width: -webkit-calc(100% - 60px); 
   width: calc(100% - 60px); 
	/*
   background: var(--color1);
   background: -webkit-gradient(linear, left top, left bottom, from(var(--color1)), to(var(--color2)));
   background: -moz-linear-gradient(top, var(--color1), var(--color2));
   background: -prefix-linear-gradient(left, var(--color1), var(--color2));
   background: linear-gradient(to right, var(--color1), var(--color2)); 
	*/
}

.poc-preistext-grid {
	font-family: var(--font-family-5); 
   font-weight: var(--font-family-weight-5); 
   font-size: 1.3em; 
	color: var(--textcolor1);
	float: right;
}


.header-black, .header-black a {
	background: #313033;
	color: #FFF !important;
}
.header-green, .header-green a {
	background: #98A902;
	color: #FFF !important;
}
.header-white, .header-white a {
	color: #000;
	background: #FFF;
}
.header-navi, .header-navi a {
	color: #FFF !important;
}

.poc-navi-background {
   background: #98A902;
}
.poc-navi-light {
   background-color: lightgray;
}


.uk-breadcrumb{
   display:flex;flex-wrap:wrap;padding:0;list-style:none
}
.uk-breadcrumb>*{
   flex:none
}
.uk-breadcrumb>*>*{
   display:inline-block;font-size:.875rem;color:var(--textcolor1)
}
.uk-breadcrumb>*>:focus,.uk-breadcrumb>*>:hover{
   color:#666;text-decoration:none
}.uk-breadcrumb>:last-child>a:not([href]),.uk-breadcrumb>:last-child>span{
   color:#666
}

.uk-breadcrumb>:nth-child(n+2):not(.uk-first-column)::before{
   content:"\003e";display:inline-block;margin:0 10px;font-size:.875rem;color:var(--textcolor1);position: relative; left:3px;
}

.poc-header-service {
   background:#2A2A2A;
   padding: 10px;
   color: #CDA63A !important;
   font-size: 12px;
   text-align: center;
}


#fixedfooter { 
   /* admin/design, set_sitetrasnlator */
   display: block; position: fixed; bottom: 0px; left: 0px; right: 0px; z-index: 99; overflow: hidden; font-family: var(--font-family-2); font-weight: var(--font-family-weight-2);  font-size: 0.8em; color: white; text-align: right; vertical-align: middle; line-height: 1.3em; text-shadow: 0px 1px 1px rgba(0,0,0,.3); min-height: 20px; padding:7px; margin:0px; padding-right:60px; border-top:white solid thin; background: var(--color1); 
} 
#fixedfooter a { 
   color: white; 
} 

.footer { 
   display: block; 
   position: inherit; 
   bottom: 0; 
   left: 0; 
   right: 0; 
   z-index: 10; 
   font-family: var(--font-family-2); 
   font-weight: var(--font-family-weight-2); 
   color: white !important; 
   text-align: left; 
   background: var(--color1);  
   clear: both; 
}

.footer-black { 
	background: var(--color1);
	background: -webkit-gradient(linear, left top, left bottom, from(var(--color1)), to(var(--color2)));
   background: -moz-linear-gradient(top, var(--color1), var(--color2));
   background: -prefix-linear-gradient(left, var(--color1), var(--color2));
   background: linear-gradient(to right, var(--color1), var(--color2));
   color: #FFF !important;
}

.footer-black a { 
   color: #FFF !important;
}

.footer-color { 
	background: var(--color1);
	background: -webkit-gradient(linear, left top, left bottom, from(var(--color1)), to(var(--color2)));
   background: -moz-linear-gradient(top, var(--color1), var(--color2));
   background: -prefix-linear-gradient(left, var(--color1), var(--color2));
   background: linear-gradient(to right, var(--color1), var(--color2));
   color: #FFF !important;
}

.footer-color a { 
   color: #FFF !important;
}


/* ////P: */


.pc-topnavi {
   height: 40px;
   padding:10px;
   color: #98A902 !important;
   vertical-align: middle;
   white-space: nowrap;
   background: lightgray;
   /* background: #090F41; */
}


.poc-menu { /*NEU*/
   padding: 10px 20px 10px 30px;
   border-bottom: 1px white solid;
	width: -moz-calc(100% - 50px); 
   width: -webkit-calc(100% - 50px); 
   width: calc(100% - 50px); 
}


.poc-navi-text {
   display: flex;
   flex-wrap: wrap;
   margin-left: -20px;
   padding: 0;
   list-style: none;
   position: static;
   color: var(--color2);

}
.poc-navi-text>* {
   flex: none;
   position: relative;
}
.poc-navi-text>*>a {
   display: block;
   text-align: center;
   padding: 0px; 
   color: var(--color2);
   border-bottom: 1px solid transparent;
   transition: color .1s ease-in-out;
}
.poc-navi-text>*>a:active {
    color: var(--color2);
    border-color: var(--color2);
}
.poc-navi-text>*>a:hover {
    color: var(--color2);
    border-color: var(--color2);
}
.poc-navi>a {
   color: white !important;
}
.poc-navi-aktiv {
   padding: 10px 0px 6px 0px;
   position: relative;
   top: -10px;
}
.poc-navi-aktiv>a {
   color: white !important;
   font-weight: 700;
}
.poc-navi-aktivo>a {
   color: white !important;
   font-weight: 700;
}

/*
.poc-nav-icon>.uk-parent>a::after {
	content: "\f054";
	font-family: "Font Awesome 5 Pro";
	float: right;
	margin-right: auto;
}
.poc-nav-icon>.uk-parent.uk-open>a::after {
	content: "\f078";
	font-family: "Font Awesome 5 Pro";
	float: right;
	margin-right: auto;
}
*/


.uk-navbar { 
	/*
	z-index: 1;
	background-color: #FFF !important;
	*/
}
.adminmenue {
	background-color: #3C3D3C !important;;
}
.uk-navbar-dropdown-nav>li>a {
   color: var(--textcolor2) !important;
}
.uk-offcanvas-bar { 
   color: white; 
   text-align: left; 
   /*
   background: -webkit-gradient(linear, left top, left bottom, from(var(--color1)), to(var(--color2)));
   background: -moz-linear-gradient(top, var(--color1), var(--color2));
   background: -prefix-linear-gradient(left, var(--color1), var(--color2));
   background: linear-gradient(to right, var(--color1), var(--color2));
   */
   background-image: radial-gradient( circle 371px at 2.9% 14.3%,  var(--color1) 0%, var(--color2) 100.7% );
}

.adminmenue {
   z-index:99;
}
.pc-suchfeld {
   color: #000;
   max-width: 500px;
   position: relative;
   padding-left: 42px;
   padding-right: 7px;
   background-image: url("/iconss/search-regular.svg") !important;
   background-repeat: no-repeat !important;
   background-position: 10px 50% !important;
   background-size: 21px;
   width: -moz-calc(100% - 20px); width: -webkit-calc(100% - 20px); width: calc(100% - 20px);
   border: rgb(198,198,198) thin solid;
   height: 35px;
   outline: none;
   font-size: 1em;
}


.poc-grid { /* ////P */
   position: relative; 
   /* max-height: 270px; */
} 

/* für Themenblock 1-2-2 */

.poc-grid5 {
   display: grid;
   grid-template-columns: repeat(4, 1fr);
   grid-template-rows: repeat(2, 1fr);
   grid-column-gap: 15px;
   grid-row-gap: 15px;
   margin-bottom: 15px;
}
.poc-grid5 .div1 { 
   grid-area: 1 / 1 / 3 / 3; 
   height: 455px;
}
.poc-grid5 .div2 { 
   grid-area: 1 / 3 / 2 / 4; 
   height: 220px;
}
.poc-grid5 .div3 { 
   grid-area: 1 / 4 / 2 / 5; 
   height: 220px;
}
.poc-grid5 .div4 { 
   grid-area: 2 / 3 / 3 / 4; 
   height: 220px;
}
.poc-grid5 .div5 { 
   grid-area: 2 / 4 / 3 / 5; 
   height: 220px;
}
.poc-grid5 .div1 .poc-bildhoehe  {
   height: 455px;
}
.poc-grid5 .div2 .poc-bildhoehe,
.poc-grid5 .div3 .poc-bildhoehe,
.poc-grid5 .div4 .poc-bildhoehe,
.poc-grid5 .div5 .poc-bildhoehe {
   height: 220px;
}
@media only screen and (max-width: 960px) {
   .poc-grid5 {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      grid-template-rows: repeat(3, auto);
      grid-column-gap: 15px;
      grid-row-gap: 15px;
   }
   .poc-grid5 .div1 { 
      grid-area: 1 / 1 / 2 / 3; 
      height: 455px;
   }
   .poc-grid5 .div2 { 
      grid-area: 2 / 1 / 3 / 2; 
      height: 300px;
   }
   .poc-grid5 .div3 { 
      grid-area: 2 / 2 / 3 / 3; 
      height: 300px;
   }
   .poc-grid5 .div4 { 
      grid-area: 3 / 1 / 4 / 2; 
      height: 300px;
   }
   .poc-grid5 .div5 { 
      grid-area: 3 / 2 / 4 / 3; 
      height: 300px;
   }
   .poc-grid5 .div1 .poc-bildhoehe {
      height: 455px;
   }
   .poc-grid5 .div2 .poc-bildhoehe,
   .poc-grid5 .div3 .poc-bildhoehe,
   .poc-grid5 .div4 .poc-bildhoehe,
   .poc-grid5 .div5 .poc-bildhoehe {
      height: 300px;
   }
}
@media only screen and (max-width: 640px) {
   .poc-grid5 {
      display: block;
      grid-column-gap: 0px;
      width: 100%;
   }
   .boxcol {
      width: 100%;
      margin-bottom: 15px; 
   }
   .poc-grid5 .div1,
   .poc-grid5 .div2,
   .poc-grid5 .div3,
   .poc-grid5 .div4,
   .poc-grid5 .div5
   { 
      height: 300px;
   }
   .poc-grid5 .div1 .poc-bildhoehe,
   .poc-grid5 .div2 .poc-bildhoehe,
   .poc-grid5 .div3 .poc-bildhoehe,
   .poc-grid5 .div4 .poc-bildhoehe,
   .poc-grid5 .div5 .poc-bildhoehe {
      height: 300px;
   }  
}




/* in alle indiv. CSS einfügen */

.poc-magazin-b-img {
	z-index:10;
	display: inline-block;
	position: relative;
	top:0;
	width: 60%;
	margin-bottom: 15px;

}
@media only screen and (max-width: 760px) {
	.poc-magazin-b-img {
		display: block;
		width:100%;
		padding:0;
	}
}
.poc-magazin-b-text {
	z-index:11;
	display: inline-block;
	position: relative;
	top:50px;
	left: -5%;
	width: -moz-calc(40% - 30px); 
	width: -webkit-calc(40% - 30px); 
	width: calc(40% - 30px);
	background-color: rgba(255,255,255,0.9);

}
.poc-magazin-b-text:after {
	background-color: var(--color1); 
	bottom: 0;
	content: '';
	display: block;
	height: 5px;
	left: 40px;
	position: absolute;
	transform: translate(-50%,0);
	width: 80px;
}
@media only screen and (max-width: 760px) {
	.poc-magazin-b-text {
		display: block;
		top:0;
		left:0;
		width:100%;
		padding:0;
	}
}
/*
.poc-magazin-e-img {
	z-index:11;
	display: inline-block;
	position: relative;
	top:50px;
	left: -5%;
	width: -moz-calc(40% - 30px); 
	width: -webkit-calc(40% - 30px); 
	width: calc(40% - 30px);
	background-color: transparent;

}
@media only screen and (max-width: 760px) {
	.poc-magazin-e-img {
		display: block;
		top:0;
		left:0;
		width:100%;
		padding:0;
	}
}
*/