/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 21.09.2021, 12:41:15
    Author     : mballuff
*/

/* 
// Variables 
*/
:root {
	--blue: #007bff;
	--indigo: #6610f2;
	--purple: #6f42c1;
	--pink: #e83e8c;
	--red: #dc3545;
	--orange: #fd7e14;
	--yellow: #ffc107;
	--green: #28a745;
	--teal: #20c997;
	--cyan: #17a2b8;
	--white: #fff;
	--gray: #6c757d;
	--gray-dark: #343a40;
	--primary: #007bff;
	--secondary: #6c757d;
	--success: #28a745;
	--info: #17a2b8;
	--warning: #ffc107;
	--danger: #dc3545;
	--light: #f8f9fa;
	--dark: #343a40;
	--breakpoint-xs: 0;
	--breakpoint-sm: 576px;
	--breakpoint-md: 768px;
	--breakpoint-lg: 992px;
	--breakpoint-xl: 1400px;
	--font-family-sans-serif: "Source Sans Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	--font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
	/*
    --navbar-light-color: black;
    --navbar-light-active-color: #9D9C9D;
    --navbar-light-hover-color: #9D9C9D;
    --navbar-light-disabled-color: grey;
    --navbar-light-toggler-border-color: rgba(0,0,0,.1); 
	
 
    --g4-color-pink: #EC57B9;
    --g4-color-gelb: #EAD73F;
    --g4-color-tuerkis: #2EA9C2;
 
	
 
	*/
}

/*
main a {
    color: var(--main-color);
 
}
*/

html, body {
	font-family: 'Source Sans Pro', sans-serif;
	font-size:16pt;
}
.navbar-inner {
	width:100%;
}
.nav-main .navbar-brand {
	float:right;
}

.nav-main ul.navbar-nav {
	float:right;
}

.slogan {
	text-align:center;
}

.news-latest-container {
	background-color:#ffcc66;

}

.news-latest-container .card {
	border-radius:0;
	background-color:#ffcc66;
	border:0px none;
	
	text-align:center;
}

.card-img-top-wrap img {
    -webkit-clip-path: circle(6rem at center);
    clip-path: circle(6rem at center);
    min-width: 6rem;
    border-top-left-radius: calc(.25rem - 1px);
    border-top-right-radius: calc(.25rem - 1px);
    flex-shrink: 0;
    /*! width: 100%; */
}

.tagcloud {
	border:1px solid #ffcc66;
	
}

.tagcloud a{	
	padding: 3px 5px;
	display:block;
	display:inline-block;
	transform: scale(1);
	transition: transform 300ms ease-out;
}
.tagcloud a:hover,
.tagcloud a:focus {	
	transform: scale(1.2);
	transition: transform 300ms ease-in;
	text-decoration:none;
}


.hp-cards img {
	width:200px;
	max-width:100%;
	height:auto;
}

.hp-cards .card {
	border:0px none;
}

.clear {
	width:100%;
	clear:both;
}

nav.fixed-top + .content-wrap {
	padding-top:180px;
}

nav.fixed-top {
	background-color:#fff;
}

@media (min-width: var(--breakpoint-xl)){
	.container, .container-lg, .container-md, .container-sm, .container-xl {
		max-width: 1340px;
	}
}

.carousel-control-prev-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23f48221' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e");
}

.carousel-control-next-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23f48221' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e");
}

.carousel-indicators li {
	background-color:#f48221;
}

.carousel-caption {
	color:#333;
	
	background-color:#ffcc66dd;
	
	width:40%;
	left:auto;
	top:15%;
	bottom:auto;
	border:1px solid #f48221;
}

.csc-content {
	margin: 0 0 1em;
}

@media (min-width: 768px){
	.img-intext-right img {
		max-width:45%;
		float:right;
		padding-left:1em;
		padding-bottom:0.5em;
	}
	
	.img-intext-left img {
		max-width:45%;
		float:left;
		padding-right:1em;
		padding-bottom:0.5em;
	}
	
}

.menu-left {
	margin: 0 0 1em;
}





/* 
    Author     : cberkel
*/


.bg-light {
 background-color:#efefef!important
}

p {
  color:#474747;
}

h3 {
  color: #ff6600;
  font-size: 1.2em;
  letter-spacing: -0.025em;
}

a {
  color:#333;
  text-decoration:none;
  background-color:transparent
}
a:hover {
  color:#ff6600;
  text-decoration:underline
}
a:not([href]):not([class]) {
  color:inherit;
  text-decoration:none
}
a:not([href]):not([class]):hover {
  color:inherit;
  text-decoration:none
}

.dropdown-item.active, .dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: #ff6600;
}

.btn-primary {
    color: #fff;
    background-color: #ff6600;
    border-color: #ff6600;
    over: #ffffff;
}

.btn-primary:hover,
.btn-primary:focus {
  color: #ff6600;
  background-color: #fff;
  border: 1px solid #ff6600;
}

.btn-primary:focus {
  box-shadow: 0 0 0 0.1rem #ff6600;
}

.btn-primary:not(:disabled):not(.disabled):active,
.show > .btn-primary.dropdown-toggle {
  color: #ff6600;
  background-color: #fff;
  border: 1px solid #ff6600;
}



.carousel-caption {
	color:#333;
	
	background-color:#ffffffbb;
	
	width:40%;
	left:auto;
	top:15%;
	bottom:auto;
	border:0px solid #f48221;
	padding-top: 10px;
	padding-bottom: 10px;
}



.news-latest-container {
	background-color:#fff;

}

.news-latest-container .card {
	border-radius:0;
	background-color:#fff;
	border:0px none;
	
	text-align:center;
}

.card-img-top-wrap img {
    -webkit-clip-path: circle(6rem at center);
    clip-path: circle(5rem at center);
    min-width: 5rem;
    border-top-left-radius: calc(.25rem - 1px);
    border-top-right-radius: calc(.25rem - 1px);
    flex-shrink: 0;
   /* width: 100%;*/
}


/*.navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show > .nav-link { color: rgba(0,0,0,.5); }

.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover { color: rgba(0,0,0,.7); }*/

.navbar { padding: .5rem 15px; }

.btn-primary { 
outline: none; 
outline-style: none; 
}


/* MB */
/*  Inhalt breite */
.container,
.container-lg,
.container-md,
.container-sm,
.container-xl {
max-width: 1240px;
}

#btn-back-to-top {
  position: fixed;
  bottom: 20px;
  right: 20px;
  display: none;
  
  border-radius: 50%;
  padding: 0;
  width: 2.81rem;
  height: 2.81rem;
}

::-moz-focus-inner {
  padding: 0;
  border-style: none;
}

::focus-inner {
  padding: 0;
  border-style: none;
}

.navbar-brand img {
    max-width:200px;
}
@media (min-width: 576px){
    .navbar-brand img {
      max-width:unset;
  }
}

.hp-cards img { 
    width: auto; 
    max-width: 100%; 
    height: auto; 
    padding-bottom:0.5rem;
}

@media (min-width: 1024px){
    .hp-cards img { 
        width: 200px; 
        padding-bottom:0;
    }
}

.carousel-control-prev {
  background-image: linear-gradient(to right, rgba(0,0,0,0.4), rgba(0,0,0,0));
}
.carousel-control-next {
  background-image: linear-gradient(to left, rgba(0,0,0,0.4), rgba(0,0,0,0));
}


/*CB*/
ul {
  list-style: disc;
  padding-left: 1em; 
  color: #474747;}
  ul li {
    padding-left: 0.5em; }

.navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show > .nav-link {
  color: rgba(0,0,0,.7);}