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;
}

#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-famil-weight-2);
   font-size: 14px;
   color: #000 !important;
   background: #FFF;
}
#topsuche > input::placeholder  {
   color: lightgrey;
}
.uk-button, .poc-button-cta {
	border-radius: 5px !important;	
}
.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 //derzeit nur in slidershow-portalioo */
   font-size: 1em; 
   position: relative; 
   bottom: -31px; 
   right: -30px; 
   float: right; 
   color: #FFF !important; 
   background: var(--color2);
   padding: 10px 30px;
} 
.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 { 
   display: block; 
   z-index: 999; 
   font-family: var(--font-family-1); 
   font-weight: var(--font-family-weight-1); 
   font-size: 1.7em; 
   line-height: 1.3;
   color: var(--color2) !important; 
} 
.slidertext { 
   font-size: 1em; 
   position: relative; 
   bottom: -31px; 
   right: -30px; 
   float: right; 
   padding:20px 40px; 
   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; 
} 
.poc-sliderttitel {
	font-family: var(--font-family-5); 
   font-weight: var(--font-family-weight-5); 
   font-size: 2em; 
   color: white !important; 
	text-shadow: 0 1px 1px #ccc;
	padding-bottom: 20px;
}
.pc-rubrik { 
   display: block; 
   font-family: var(--font-family-1); 
   font-weight: var(--font-family-weight-1); 
   font-size: 2em; 
   color: white !important; 
   text-align: center; 
   vertical-align: middle; 
   padding:20px 30px; 
   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)); 
}


.header-black, .header-black a {
	background: #313033;
	color: #FFF !important;
}
.header-green, .header-green a {
	background: var(--color2);
	color: #FFF !important;
}
.header-white, .header-white a {
	color: #000;
	background: #FFF;
}
.header-navi, .header-navi a {
	color: #FFF !important;
}

.poc-navi-background {
   background: var(--color2);
}
.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;
}
.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); 
	font-size: 0.9em;
   color: white !important; 
   text-align: center; 
   background-color: var(--color2);
	background-image: -webkit-linear-gradient(bottom right, var(--color2) 0%, var(--color3) 100%);
	background-image: -o-linear-gradient(bottom right, var(--color2) 0%, var(--color3) 100%);
	background-image: linear-gradient(to top left, var(--color2) 0%, var(--color3) 100%);
   clear: both; 
}
.footer a {
	color: #FFF !important;
}

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


.pc-topnavi {
   height: 40px;
   padding:10px;
   color: white !important;
   vertical-align: middle;
   white-space: nowrap;
   background: var(--color1);
}


.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;
}

.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;
}



/* 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;
	}
}