@import url(fonts.css);
@import url(sitemap.css);
@import url(formular.css);
@import url(news.css);
@import url(pix_effects.css);
@import url(carousel.css);
/*
@import "mouse-over-navbar.css";
*/

/*
Blau aus Logo #0090D3;  rgba(0, 144, 211, 1.0)
Rot aus Logo #E63027; rgba(230, 48, 39, 1.0)
Blau Background Meta Navi #427f9b

CD Manual 05.02.2025
Blau #0099D8
Rot #EF3E33
Font Neue Helvetica
    margin: 5px !important;
    padding: 5px !important;
*/

.read-more {
	border: 0px dotted red;
}
.read-more:before {
	content: ">> "; /* Das Symbol und ein Leerzeichen */
	color: #0090D3 !important; /* Optional: Farbe des Symbols */
	font-weight: bold; /* Optional: Fett drucken */
}
.frame-layout-4 .ce-content {
	border: 0px dotted red;
	text-align: right;
}
.frame-layout-4 ul.nav{
	border: 0px dotted green;
	display: inline;
	margin: 0px 0px 0px 0px !important;
	padding: 0px 0px 0px 0px !important;
}
.frame-layout-4 ul li.nav-item {
	border-right: 0px solid #A3BCE5;
	list-style-type: none;
	position: relative;
	display: inline;
	color: #bd0926;
	margin: 2px 0px 2px 0px;
	padding: 0px 0px 0px 0px;
	float: left;
}
.frame-layout-4 .nav-link {
	margin: 0px 0px 20px 0px !important;
	padding: 0px 0px 0px 0px !important;
	float: left;
}

.frame-layout-4.frame-space-after-medium {
	margin-bottom: 0.0rem !important;
	border: 0px dotted red;
	padding: 0px 10px 0px 0px !important;
}

.frame-layout-4 .ce-content ul li::after {
	border: 0px dotted green;
	content: "| ";
	color: #878787;
	padding: 0px 10px 0px 10px !important;
	height: 1rem;
	display: inline-block;
	width: 0.2em;
	margin: 0.0em;
}
.frame-layout-4 .ce-content ul li:last-child::after,
.frame-layout-4 .ce-content ul li:last-child:not(:last-child):not(:only-child)::after {
	content: none !important;
}

@media only screen and (max-width: 860px) {
	.frame-layout-4 {
		font-size:1.0rem;
		line-height: 1.4rem;
		margin: 0;
		padding: 0;
	}
	.frame-layout-4 .ce-content ul li {
		font-size:0.9rem;
		line-height: 0.0rem;
		margin: 0;
		padding: 0;
	}
	.frame-layout-4 ol, ul {
		padding-left: 0rem;
		font-weight: 300 !important;
	}
}


.slickdefault img {
    border-radius: 14px;
    border: 0px;
}


.nav-calltoaction {
	border: 0px dotted red;
	justify-content: start !important;
	padding-top: 13rem;
}
.nav-mainmenu .d-lg-flex {
	margin: 0px 2% 0px auto;
	border: 0px dotted red;
}
.t3b-icon-envelope::before {
	content: "\f10d";
	font-family: var(--bs-body-font-family);
	border: 0px dotted red;
	font-size: 1.5rem;
}
.nav-calltoaction i {
	padding-top: 0.5rem;
	border: 0px dotted green;
}
.calltoaction-item-label{
	padding-top: 0.3rem;
	border: 0px dotted red;
}
.nav-calltoaction span {
	vertical-align: top;
}
.nav-mainmenu #searchbar-wrapper-desktop {
	margin: 0px;
	background-color: #f2f2f2 !important;
	border: 0px dotted green;
}
a {
    color: #0090D3;
    text-decoration: none;
}
body {
	font-family: 'Helvetica Neue';
}
p {
	font-family: 'Helvetica Neue';
	color: #2a2a2a;
	font-size: 1.0rem;
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5 {
	font-family: 'Lato Black';
}
.hero-content h1 {
	font-weight: 400 !important;
	color: #fff !important;
}
.hero-content h2 {
	color: #fff !important;
}
h1, .h1 {
	font-family: 'Lato Black';
	font-size: 3.0rem !important;
	font-weight: 600;
	text-transform:uppercase;
	color: #0090D3 !important;
}

h2, .h2 {
	font-size: 2.2rem !important;
	font-weight: 300;
	color: #0090D3 !important;
}
h3, .h3 {
	font-size: 1.6rem !important;
	font-weight: 400;
	color: #0090D3;
}
h4, .h4 {
	font-size: 1.4rem !important;
	font-weight: 400;
	color: #2a2a2a;
}
h5, .h5 {
	font-size: 1.2rem !important;
	font-weight: 400;
	color: #2a2a2a;
}

ul {
	list-style-type: square;
	padding-left: 1em;
}

ul li::marker, li::marker  {
	color: rgba(0, 144, 211, 1.0);
	font-size:1.2em;
}

.btn-check:checked+.btn, :not(.btn-check)+.btn:active, .btn:first-child:active, .btn.active, .btn.show {
	color: var(--bs-btn-active-color);
	background-color: #0090D3;
	border-color: var(--bs-btn-active-border-color);
}

.btn-primary {
	--bs-btn-color: #fff;
	--bs-btn-bg: #0099D8;
	--bs-btn-border-color: transparent !important;
	--bs-btn-hover-color: #fff;
	--bs-btn-hover-bg: #0099D8;
	--bs-btn-hover-border-color: #fff;
	--bs-btn-focus-shadow-rgb: 38, 108, 122;
	--bs-btn-active-color: #fff;
	--bs-btn-active-bg: #0099D8;
	--bs-btn-active-border-color: #0099D8;
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-btn-disabled-color: #fff;
	--bs-btn-disabled-bg: #0099D8;
	--bs-btn-disabled-border-color: #0099D8;
}

.list-group-item .btn-primary,
.list-group-item .btn {
	background-color: transparent !important;
	--bs-btn-bg: green !important;
	padding-left: 0.0rem;
	color: #0099D8;
	font-weight: normal;
}
.list-group-item .btn-primary::before,
.list-group-item .btn ::before{
	content: ">> \00a0";
	color: #0090D3;
	font-weight: bold;
}
/*Hero-Content*/
.hero-content h1,
.hero-content .h1 {
	font-family: 'Lato Black';
  font-size: 6.3rem !important;
  font-weight: 800;
  text-transform:uppercase;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.0) !important;
  text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.8) !important;
}
.hero-content h2,
.hero-content .h2 {
	font-family: 'Lato Black';
  font-size: 2.2rem !important;
  font-weight: 800;
  text-transform:uppercase;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.0) !important;
  text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.8) !important;
}
@media (max-width: 768px) {
	.hero-content h1,
	.hero-content .h1 {
	  font-size: 2.8rem !important;
	  font-weight: 800;
	}
	.hero-content h2,
	.hero-content .h2 {
		font-family: 'Lato Black';
		font-size: 1.8rem !important;
		font-weight: 800;
	}	
	.hero-content .text-center {
		border: 0px solid red;
		margin-left: 2% !important;
		margin-right: 2% !important;
	}
}
.hero-content  .text-center {
border: 0px solid red;
  margin-left: 20%;
  margin-right: 20%;
}
  
/*Breadcrumb*/
.breadcrumb-section {
    background-color: #171717;
    padding: 10px 0px;;
}
.breadcrumb {
  --bs-breadcrumb-divider-color: rgba(0, 144, 211, 1.0);
  --bs-breadcrumb-item-active-color: rgba(0, 144, 211, 1.0);
  font-size: 1.0rem;
  font-weight: 500;
}
.breadcrumb a  {
color: #fff;
}
.breadcrumb a ::before{
  color: rgba(0, 144, 211, 1.0);
}
.breadcrumb a:hover {
  color: rgba(0, 144, 211, 1.0);
}

/*CallToAction*/

.nav-calltoaction i,
.calltoaction-item-label {
  color: #fff;
}

@media (min-width: 768px) {
	.nav-calltoaction a {
		background: rgba(0, 144, 211, 1.0);;
		margin-bottom: 0.5rem;
		box-shadow: 0 0 0px 0 rgba(0, 0, 0, 0.0);
		width: 9rem;
		left: -3rem;
		position: absolute;
		transition: left 0.35s ease-in-out;
	}
}


/*Footer*/
div.page-footer__row1.pt-4.pt-4 h2{
  font-size: 1.4rem !important;
  font-weight: 400;
  text-transform:uppercase;
  color: #fff;
}

div.page-footer__row1.pt-4.pt-4 p,
div.page-footer__row1.pt-4.pt-4 a{
	font-size: 1.2rem !important;
	font-weight: 300;
	text-decoration:none;
	color: #fff;
}
div.page-footer__row1.pt-4.pt-4 a:hover {
color: rgba(0, 144, 211, 1.0);
}
div.page-footer__row1.pt-4.pt-4 .shariff a:hover {
color: #2a2a2a;
}
/*   background-image: url(/fileadmin/jjif/media/all-purpose/JJIF_footer_02.jpg); */
footer.page-footer.high-ct {
	background-color: #000;
	border-top: 1px solid #ddd;
	background-size: cover;
}

/*Footer unten Copyright*/
div.page-footer__row2.pt-4.pt-4,
div.page-footer__row2.pt-4.pt-4 a {
	background-color: #E63027;
	color: #fff;
	font-size: 1.0rem;
	padding-top: 1.2rem !important;
}
p.copyright.mt-2 {
	color: #fff;
}
/*Zitate als Kachel oder Farbfl�che*/
.text-info {
	background-color: rgba(0, 144, 211, 1.0) !important;
	color: rgba(255, 255, 255, 1.0) !important;
	border-radius: 20px 0px 40px 20px;
	padding: 20px;
	font-size: 1.4rem !important;
	font-style:italic;
	font-weight: 300;
}

.text-success {
	background-color: rgba(0, 0, 0, 0.9) !important;
	color: rgba(255, 255, 255, 1.0) !important;
	border-radius: 40px 0px 40px 0px;
	border: 8px solid rgba(230, 48, 39, 1.0);
	padding: 15px;
	font-size: 1.1rem !important;
	text-transform:uppercase;
	font-weight: 300;
}
.text-warning {
	background-color: rgba(255, 255, 255, 1.0) !important;
	color: rgba(0, 144, 211, 1.0) !important;
	border-radius: 0px 0px 50px 0px;
	border: 3px solid rgba(0, 144, 211, 1.0) !important;
	padding: 20px;
	font-size: 1.1rem !important;
	font-style:italic;
	font-weight: 500;
}