/* Variablen Difinition */

:root {
  --primary-color: #AABC00;
  --secondary-color: #69902C;
  --dark-color: #3e5d0d;
  --dark-color2: rgba(62,93,13,0.5);
  --font-color: #6c757d;
  --shadow-color: rgba(0,0,0,0.20);	
}


/* Basiselemente */

body {
	font-family: 'Signika Negative', Helvetica, Arial, sans-serif;
	font-size: 14pt;
	font-weight: 300;
	line-height: 1.4em;
	color: var(--font-color);
}

h1, h2, h3, h4, h5, .h1, .h2, .h3, .h4, .h5, .h6{	
	font-family: 'Signika Negative', Helvetica, Arial, sans-serif;
	font-weight: 900;
	color: var(--primary-color);
}

h2, h3 {
	font-weight: 400;
	color: var(--secondary-color);
}

h1, h2 {
	text-transform: uppercase;
}

.h5 {
	text-transform: inherit;
}


p {
    margin-bottom: 2rem;

}


#recht h1, h2, h3, h4, h5{	
	margin-top: 30px;
	margin-bottom: 15px;
}


@media (max-width: 768px) {
    h1 {
    font-size: 1.9rem!important;
	}
	h2 {
    font-size: 1.7rem!important;
	}
}


a {
    color: var(--primary-color);
}

a:hover {
    color: var(--secondary-color);
    text-decoration: none;
}


.font-weight-light {	
	font-weight: 300;
}

.font-weight-bold {	
	font-weight: 900;
}

.bg-primary {	
	background-color: var(--primary-color)!important;
}

.bg-primary p {	
	color: #FFF;
}

.bg-primary h2 {
	color: #FFF;
}

.bg-secondary {	
	background-color: var(--secondary-color)!important;
}

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

.bg-light-70 {
    background-color: rgba(255,255,255,0.80)!important;
}

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

.txt-primary {	
	color: var(--primary-color)!important;
}

.txt-secondary {	
	color: var(--secondary-color)!important;
}

.text-warning, .text-danger {
	color: var(--secondary-color) !important;
}

.text-dark {
	color: var(--secondary-color) !important;
    text-transform: uppercase;
}

.txt-small {
	font-size: 13px;
	line-height: 1.4em;
}

.txt-white {
	color: #fff!important;
}

.lead {
	text-transform: uppercase;
	font-weight: 700;
	font-size: 13px;
	letter-spacing: 0.3em;
}

.min-h-500  {
	min-height: 500px!important;
}

/* Buttons */

.btn-primary, .btn-secondary  {
    border-radius: 0;
    padding-top: 8px;
    padding-bottom: 8px;
}


.btn-primary {
	background-color: var(--primary-color);
	border-color: var(--primary-color);
}

.btn-primary:hover, .btn-primary.focus, .btn-primary:focus {
	background-color: var(--secondary-color);
	border-color: var(--secondary-color);
}

.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle {
    color: #fff;
    background-color: var(--secondary-color);
    border-color: var(--secondary-color);
}

.btn-secondary {
	background-color: var(--secondary-color);
	border-color: var(--secondary-color);
}

.btn-secondary:hover {
	background-color: var(--primary-color);
	border-color: var(--primary-color);
}


.btn-social {
	background-color: var(--primary-color);
	color: #fff;
	border: solid 1px #fff;
}

.btn-facebook, .btn-facebook:hover {
	background-color: var(--primary-color);
	 border-color: var(--primary-color);
}

.btn-facebook:hover, .btn-instagram:hover, .btn-youtube:hover, .btn-xing:hover, .btn-linkedin:hover {
    background-color: var(--secondary-color);
    border-color: var(--secondary-color);
}

.badge-soft.badge-primary {
    color: var(--primary-color);
    background-color: #fff;
}

	
	
/* Section */



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

.bg-gradient-primary {
	background: linear-gradient(180deg,var(--secondary-color) 0,var(--primary-color)) !important;
}

.bg-primary {
	background: var(--primary-color);
}

.bg-secondary {
	background: var(--secondary-color);
}

body:not(.layout-admin) section {
    padding: 120px 0;
}

@media (max-width: 768px) {
    body:not(.layout-admin) section {
    padding: 80px 0;
	}
}

.shadow-md, .shadow-md-hover:hover {
    -ms-box-shadow: 0 0 35px rgba(0,0,0,.45)!important;
    -o-box-shadow: 0 0 35px rgba(0,0,0,.45)!important;
    box-shadow: 0 0 35px rgba(0,0,0,.45)!important;
}

.shadow-primary-xs, .shadow-primary-xs-hover:hover {
	box-shadow: 0 0 25px rgba(67,64,44,.2) !important;
} 

.shadow-primary-md, .shadow-primary-md-hover:hover {
	box-shadow: 0 0 25px rgba(67,64,44,.5) !important;
}


.shadow-small {
    -ms-box-shadow: 0 0 15px rgba(0,0,0,.2);
    -o-box-shadow: 0 0 15px rgba(0,0,0,.2);
    box-shadow: 0 0 15px rgba(0,0,0,.2);
}




/* Footer */

#footer ul.footer-links>li>a:before {
	color: v#fff;
}


#footer ul.footer-links>li>a:before {
	color: var(--primary-color);
    content: "\f1ae";
    display: inline-block;
    font: normal normal normal 14px/1 Flaticon;
    padding-right: 10px;
}

#footer ul.footer-links>li>a:hover {
    color: var(--primary-color);
}

#footer ul.footer-links>li {
    margin-bottom: 10px;
}

#footer.footer-dark {
	background: none;
	background-color: var(--secondary-color)!important;
	color: #ffffff;
} 

#footer.footer-dark li, #footer.footer-dark p,  #footer.footer-dark a {
	color: #ffffff;
} 


#footer.footer-dark h1, h2, h3, h4, h5 {	
	margin-top: 0px!important;
}

/* Logo */

.navbar-brand > img {
	max-width: 300px;
}

nav.navbar:not(.h-auto) {
	min-height: 110px;
}


@media (max-width: 1112px) {
	.navbar-brand > img {
	max-width: 230px;
}

}

/* Menu */
.nav-item {
	text-transform: uppercase;
	color: var(--secondary-color) !important;
}

@media (max-width: 1112px) {
.nav-item {
	font-size: 16px;
}
	
.navbar .navbar-nav .nav-link {
	padding: 28px 8px;
}
	
	body:not(.layout-admin) .navbar-brand {
		margin-right: 20px;
	}
}





nav.navbar-light a.nav-link:not(.active):not(:hover) {
	color: var(--text-color);
}

.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
	color: var(--primary-color);
}

.list-inline {
	font-weight: 600;
	color: var(--primary-color);
}


.active {
    color: var(--primary-color) !important;
    font-weight: bold !important;
}

/* Aktuell */
.link-mehr {
	font-size: 16px;
	color: var(--primary-color) !important;
}

.rounded-xl {
    border-radius: .4rem !important;
}


/* Cards */
.card-body {
    padding-bottom: 10px !important;
}

.card-footer {
    padding-bottom:  2rem !important;
}


/* Kreative Pause / Aktuelles */

#gdpr {
	max-width: 450px !important;
	margin-right: 7rem !important;
	bottom: 5rem !important;
}


	.h-75vh {		
			height: 65vh !important;
		
	}

 /* Window size 400 width set */ 
        @media screen and (max-width: 768px) { 
            #gdpr {
			max-width: 90% !important;
			bottom: 20% !important;
			left: 5%;
			}
        } 


        @media screen and (max-width: 768px) { 
			.border-xs-0 {
				border: 0px !important;
				margin: 0 !important;
				padding: 0 !important;
				margin-top: 50px !important;
				
			}
}


	@media screen and (min-width: 1400px) { 
		.h-75vh {		
			height: 70vh !important;
		
	}
	
}


.popup-img {
	background-image: url("../images/content/betriebsferien_popup.jpg");
}

@media screen and (max-width: 900px) { 
.popup-img {
    min-height: 350px;
}
}

.shadow-primary-lg, .shadow-primary-lg-hover:hover {
    box-shadow: 0 10px 40px 10px rgba(100,100,100,.3) !important;
}



.stoerer-jobs {
    background-color: var(--primary-color);
    width: 180px;
    height: 180px;
    border-radius: 100px;
    position: absolute;
    right: -100px;
    top: 300px;
    z-index: 5000;
    text-align: center;
    transform: rotate(-10deg);
    padding: 10px;
    
}

.stoerer-jobs p {
    color: #FFF;
    margin-top:25px;
    font-size: 18px;
}

@media screen and (max-width: 900px) { 
    .stoerer-jobs {
    right: -30px; 
    top: 630px;
    
}
}


@media screen and (max-width: 900px) { 
    .stoerer-jobs {
    right: -30px; 
    top: 630px;
    
}
}

@media screen and (max-width: 900px) { 
    .stoerer-jobs {
    right: 10px;
    top: 200px;
}
}