@charset "ISO-8859-1";
/*@IMPORT url("reset.css");*/
@IMPORT url("gstyle.css");
@IMPORT url("fonts/rajdhani/rajdhani.css");
@IMPORT url("fonts/open-sans/import_open_sans.css");


body {
	text-align:center;
	font-family: 'Open Sans',Arial, Helvetica, sans-serif !important;
	font-size: 1.1rem !important;
	}	
/* Drucklayout */
@media print{
	body #wrapper #side,
	body #wrapper #add,
	body #wrapper #foot,
	body #wrapper #banner{
		display:none;
	}
	
	body .noPrint{
		display:none;
	}
}

/* Horizontale Scrollbalken enfernen 
.row {
	--bs-gutter-x: 0 !important;
}*/


/* Navbar*/
div#navbarSupportedContent li.fs-3 {
	font-size: calc(1.275rem + 0.3vw) !important;
}
@media (min-width: 1200px) {
	div#navbarSupportedContent li.fs-3 {
	    font-size: 1.5rem !important;
	}
}
.navbar-light .navbar-toggler {
	border-color: #fff !important;
	
}
a.navbar-brand > img {
	height: 80px !important;
}
@media (max-width:992px) {
	a.navbar-brand > img {
		height: 50px !important;
	}
}
.dropdown-item.active, .dropdown-item:active {
  background-color: #6c757d !important;
}


/* Farben */
.colorHC {
	color:#5b8cba !important;	
	border-color: #5b8cba !important;	
}
.colorHC:hover,
.btn-check:checked + .colorHC, .btn-check:active + .colorHC, 
.colorHC:active, .colorHC.active, .colorHC.dropdown-toggle.show, .colorHC.active {
	color:#ffffff !important;
	border-color: #5b8cba !important;
	background-color: #5b8cba !important;
	text-decoration: none;
}
.colorHCicon {
	color: #5b8cba !important;
}
.colorLOG {
	color:#c99e6b !important;	
	border-color: #c99e6b !important;
}	
.colorLOG:hover, 
.btn-check:checked + .colorLOG, .btn-check:active + .colorLOG, 
.colorLOG:active, .colorLOG.active, .colorLOG.dropdown-toggle.show .colorLOG.active {
	color:#ffffff !important;
	border-color: #c99e6b !important;
	background-color: #c99e6b !important;
	text-decoration: none;
}
.colorLOGicon {
	color: #c99e6b !important;
}
.colorGOV {
	color:#687260 !important;	
	border-color: #687260 !important;
}	
.colorGOV:hover, 
.btn-check:checked + .colorGOV, .btn-check:active + .colorGOV, 
.colorGOV:active, .colorGOV.active, .colorGOV.dropdown-toggle.show .colorGOV.active {
	color:#ffffff !important;
	border-color: #687260 !important;
	background-color: #687260 !important;
	text-decoration: none;
}
.colorGOVicon {
	color: #687260 !important;
}
.colorWhite {
	color: #fff !important;	
	border-color: #fff !important;
}
.colorWhite:hover, 
.btn-check:checked + .colorWhite, .btn-check:active + .colorWhite, 
.colorWhite:active, .colorWhite.active, .colorWhite.dropdown-toggle.show {
	color:#aebfc5 !important;
	border-color: #fff !important;
	background-color: #fff !important;
	text-decoration: none;
}
.colorBlueIcon {
	color: #aebfc5 !important;
}
.colorBlue {
	background-color: #aebfc5 !important;
}
.colorBlueSlider {
	color:#fff !important;
	background: #aebfc5 !important;	
	border-color: #aebfc5 !important;	
}
.colorBlueSlider:hover,
.btn-check:checked + .colorBlueSlider, .btn-check:active + .colorBlueSlider, 
.colorBlueSlider:active, .colorBlueSlider.active, .colorBlueSlider.dropdown-toggle.show {
	color:#ffffff !important;
	border-color: #aebfc5 !important;
	background-color: #aebfc5 !important;
	text-decoration: none;
}
.colorBlueButton {
	color:#aebfc5 !important;
	background: #fff !important;	
	border-color: #aebfc5 !important;	
}
.colorBlueButton:hover,
.btn-check:checked + .colorBlueButton, .btn-check:active + .colorBlueButton, 
.colorBlueButton:active, .colorBlueButton.active, .colorBlueButton.dropdown-toggle.show {
	color:#ffffff !important;
	border-color: #aebfc5 !important;
	background-color: #aebfc5 !important;
	text-decoration: none;
}
.colorDarkGray {
	background-color: #2e4263 !important;
}
.colorDarkGrayButton {
	color:#fff !important;
	background: #2e4263 !important;	
	border-color: #fff !important;	
}
.colorDarkGrayButton:hover,
.btn-check:checked + .colorDarkGrayButton, .btn-check:active + .colorDarkGrayButton, 
.colorDarkGrayButton:active, .colorDarkGrayButton.active, .colorDarkGrayButton.dropdown-toggle.show {
	color:#2e4263 !important;
	border-color: #fff !important;
	background-color: #fff !important;
	text-decoration: none;
}
.fc-HC {
	color:#5b8cba !important;
}
.fc-HC:hover {
	text-decoration: underline;
}
.fc-GOV {
	color:#687260 !important;
}
.fc-GOV:hover {
	text-decoration: underline;
}
.fc-LOG {
	color:#c99e6b !important;
}
.fc-LOG:hover {
	text-decoration: underline;
}
.fc-Blue {
	color: #aebfc5 !important;
}
.fc-Blue:hover {
	text-decoration: underline;
}
.pageHover:hover {
	text-decoration: underline;
}
.colorRefHC {
	color:#5b8cba !important;	
}
.colorRefHC:hover, .colorRefHC.active {
	text-decoration: underline;
}
.colorRefGOV {
	color:#687260 !important;	
}
.colorRefGOV:hover, .colorRefGOV.active {
	text-decoration: underline;
}
.colorRefLOG {
	color:#c99e6b !important;	
}
.colorRefLOG:hover, .colorRefLOG.active {
	text-decoration: underline;
}
.accordion-button:not(.collapsed) {
  color: #fefefe !important;
  background-color: #aebfc5 !important;
  box-shadow: none !important;
}
.accordion-button:not(.collapsed)::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fefefe'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e") !important;
}
.accordion-button:focus {
  border-color: none !important;
  box-shadow: none !important;
}

.sail{
	text-align:left;
	margin-left:8%;
	margin-right:8%;
}


/* Nomic Logo */
.rajdhani {
	font-family: 'Rajdhani', Arial, Helvetica, sans-serif !important;
	font-size: 2.2rem;
	font-weight: bold !important;
	color: #fff;
}
.colorNomic {
	color: #0716a3;
}


/* Font*/
.openSansBold {
	font-weight: 700 !important;
}

/* sticky button */
.stickyButton {
	position: fixed;
	z-index: 9;
	bottom: 15px;
	left: calc(100% - 75px);
	width: 60px;
	height: 60px;
	visibility: visible;
	background-color: #f8d434 !important;
	border-radius: 50% !important;
}
button i.fa-bell-on {
	animation-name: ringBell;
	animation-duration: 1s;
	animation-direction:alternate-reverse;
	animation-iteration-count: infinite;
}
@keyframes ringBell {
	from {transform: rotate(-45deg)}
	to {transform: rotate(45deg)}
}


	
/* Slider & Header */
.catHeader,
#landingSlide .carousel-item {
    height: 80vh;
    transition-property: transform;
    transition-duration:1s;
    transition-timing-function:ease;
    trasnition-delay:1s
}

.catHeader > img,
.carousel-item > div.grayscale,
.carousel-item > div.grayscale > img.background {
    height: 100%;
    object-fit: cover;
    object-position:top;
}
.catHeader > .catCaption,
.carousel-item > .carousel-caption{
	bottom:10% !important;
	left: 5% !important;
	right: 5% !important;
}
.catHeader > .catCaption > img,
.carousel-item > .carousel-caption > img{
	width:140px;
}
.catHeader > .catCaption > div.divider,
.carousel-item > .carousel-caption > hr.divider{
	width: 15%;
	height: 5px;
	opacity: 1;
}
.catHeader > .catCaption > h5,
.carousel-item > .carousel-caption > h5 {
	font-size:4rem;
	hyphens:auto;
}
#bildHCslider {
  background: linear-gradient(to right, rgba(0,0,0,.5) ,transparent 80%),
              url('images/sail1.jpg') no-repeat center center / cover;
}
#bildGOVslider {
  background: linear-gradient(to right, rgba(0,0,0,.5) ,transparent 80%),
              url('images/sail2.jpg') no-repeat center center / cover;
}
#bildLOGslider {
  background: linear-gradient(to right, rgba(0,0,0,.5) ,transparent 80%),
              url('images/sail3.jpg') no-repeat center center / cover;
}
.bildnachweis {
	position: absolute;
	bottom: 1% !important;
	right: 1% !important;
	color: rgba(255,255,255,.25);
	font-size: 0.8rem;
}
.bildnachweisDark {
	position: absolute;
	bottom: 1% !important;
	right: 1% !important;
	color: rgba(0,0,0,.25);
	font-size: 0.8rem;
}

@media (max-aspect-ratio: 1/1) {
	.catHeader > .catCaption,
	.carousel-item > .carousel-caption{
		bottom:5% !important;
		left: 7% !important;
		right: 7% !important;
	}
	#bildHCslider {
  		background: linear-gradient(to top, rgba(0,0,0,.6) ,transparent 100%),
            		url('images/sail1.jpg') no-repeat center center / cover;
		}
	#bildGOVslider {
  		background: linear-gradient(to top, rgba(0,0,0,.6) ,transparent 100%),
              		url('images/sail2.jpg') no-repeat center center / cover;
		}
	#bildLOGslider {
  		background: linear-gradient(to top, rgba(0,0,0,.6) ,transparent 100%),
              		url('images/sail3.jpg') no-repeat center center / cover;
		}
	.catHeader > .catCaption > img,
	.carousel-item > .carousel-caption > img{
		width:80px;
	}
	.catHeader > .catCaption > div.divider,
	.carousel-item > .carousel-caption > hr.divider{
		width: 40%;
		height: 5px;
		opacity: 1;
	}
}



/* product-cards */
div.products div.card > i{
	font-size: 5rem;
}


div#chevron-down{
	font-size:4em;
	color:#e0e0e0;
}

/* Text + Bild Dokumente*/
.eyeimg > img {
    height: 100%;
    width: 100%;
    object-fit: cover;
} 
.radius {
	border-radius: 20px;
}



	
/* MAIN-CONTENT */

/* Produktuebersichten */
#bildHC {
  background: linear-gradient(to right, rgba(0,0,0,.5) ,transparent 80%),
              url('images/HC_produktuebersicht_header.jpg') no-repeat center center / cover;
}
#bildGOV {
  background: linear-gradient(to right, rgba(0,0,0,.5) ,transparent 80%),
              url('images/startseite_behoerden.jpg') no-repeat center center / cover;
}
#bildLOG {
  background: linear-gradient(to right, rgba(0,0,0,.5) ,transparent 80%),
              url('images/I_produktuebersicht_header.jpg') no-repeat center center / cover;
}

.view70 {
    height: 70vh;
}


@media (max-aspect-ratio: 1/1) {
	#bildHC {
  		background: linear-gradient(to top, rgba(0,0,0,.6) ,transparent 100%),
            		url('images/hochformat_produktuebersicht_HC.jpg') no-repeat center center / cover;  		
		}
	#bildGOV {
  		background: linear-gradient(to top, rgba(0,0,0,.6) ,transparent 100%),
              		url('images/hochformat_startseite_behoerden.jpg') no-repeat center center / cover;
		}
	#bildLOG {
  		background: linear-gradient(to top, rgba(0,0,0,.6) ,transparent 100%),
              		url('images/hochformat_produktuebersicht_I.jpg') no-repeat center center / cover;
		}
	.img-hochformat {
		height: 15vh !important;
		object-fit: cover;
	}
} 

/* FOOTER */
div#foot div.row div.bnrlogin button a {
	text-decoration: none;
	color: #fff;
}
button.colorBlueSlider a {
	color: #fff;
	text-decoration: none;
}
.madeIn {
	font-size: .9rem;
}
/*
div#foot{
	background: #8d908c;
}

div#foot ul{
	margin-bottom:0px;
}
	
div#foot ul li a{
	color:#ffffff;	
	text-decoration:none;
}
a.hoverUnderline:hover {
    text-decoration: underline;
}

@media(max-height:700px){
	.catHeader > .catCaption,
	.carousel-item > .carousel-caption{
		bottom:15%;
	}
}*/
@media(max-width:768px){
	/*.catHeader > .catCaption,
	.carousel-item > .carousel-caption{
		bottom:15%;
	}*/
	.catHeader > .catCaption > h5,
	.carousel-item > .carousel-caption > h5 {
		font-size:2.5rem;
	}	
	.displayNone {
	visibility: hidden;
	}
	
	.dropdown-item {
	padding: .25rem 0 !important;
	white-space: break-spaces !important;
	}
}

/* Paragraphen */
p {
	hyphens: auto;
	hyphenate-limit-chars: auto 3;
	hyphenate-limit-lines: 4;
	-webkit-hyphens: auto;
	-webkit-hyphenate-limit-chars: 2 3;
	-webkit-hyphenate-limit-lines: 4;
	-ms-hyphens: auto;
	-ms-hyphenate-limit-chars: auto 3;
	-ms-hyphenate-limit-lines: 4;
}

h2 {
	hyphens: auto;
	hyphenate-limit-chars: auto 3;
	hyphenate-limit-lines: 4;
	-webkit-hyphens: auto;
	-webkit-hyphenate-limit-chars: 2 3;
	-webkit-hyphenate-limit-lines: 4;
	-ms-hyphens: auto;
	-ms-hyphenate-limit-chars: auto 3;
	-ms-hyphenate-limit-lines: 4;
}

.title {
	font-size: 3rem !important;
	hyphens: auto;
}
@media(max-width:768px){
	.title {
	font-size: calc(1.425rem + 2.1vw) !important;
	hyphens: auto;
}
}