/* ==========================================================================
   Typography, Schriften
   ========================================================================== */

/* ---- Font Awesome 6 ----- */
@font-face {
  font-family: 'Font Awesome 6 Free';
  font-style: normal;
  font-weight: 900;
  font-display: block;
  src: url('../fontawesome/webfonts/fa-solid-900.woff2') format('woff2'),
       url('../fontawesome/webfonts/fa-solid-900.woff') format('woff');
}
@font-face {
  font-family: 'Font Awesome 6 Free';
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url('../fontawesome/webfonts/fa-regular-400.woff2') format('woff2'),
       url('../fontawesome/webfonts/fa-regular-400.woff') format('woff');
}
@font-face {
  font-family: 'Font Awesome 6 Brands';
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url('../fontawesome/webfonts/fa-brands-400.woff2') format('woff2'),
       url('../fontawesome/webfonts/fa-brands-400.woff') format('woff');
}


/* ---- Inter Font----- */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/inter-v19-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* inter-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/inter-v19-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* inter-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/inter-v19-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* inter-800 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: normal;
  font-weight: 800;
  src: url('../fonts/inter-v19-latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

* {font-family: 'Inter', sans-serif;}

p {
  font-size: 18px;
  font-weight: 400;
  color:#303030;
  line-height: 32px;
}
h1 {
  font-size: 40px;
  font-weight: 800;
  margin-bottom: 1rem;
  color:#1D7830!important;
}

h2 {
  font-size: 30px;
  font-weight: 600;
  color:#303030;
}
h3{
  font-size: 28px;
  font-weight: 800;
  color:#303030;
}
.border-color{
   border-color:#1D7830 !important;
}
h5{
  font-size: 20px;
  font-weight: 800;
  color:#1D7830;
}

/* ==========================================================================
   Header
   ========================================================================== */        
header {
  background-image: url('assets/templates/schoenbach/img/Schoenbach_01-1500x678.jpg');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  min-height: 800px; /* volle Höhe des Viewports */
}

header h1 {
  margin-bottom: 1rem;
}

.custom-bg {
    background-color: #FFFFFF;
    padding:20px;
    max-width: 650px;
}

/* ==========================================================================
   Navigation
   ========================================================================== */  

#logo{
	height: 300px;
	width:300px;
	margin-top: 195px;
  transition: width 0.5s, height 0.5s, transform 0.2s;

}
#logo.shrink {
  height: 180px;
  width:180px;
  margin-top: 80px;
  transition: width 0.5s, height 0.5s, transform 0.2s;

}


.navbar{
	height: 160px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.nav-link{
	font-family: 'Inter', sans-serif;
	font-size: 2opx;
	font-weight: 600;
}


.fa-universal-access {
font-size:30px;
color:#1D7830;
}
.fa-universal-access:hover{
 color:#F5A145;
}
.nav-link:hover{
 color:#1D7830;
}


/* ==========================================================================
  Section-Einleitung
   ========================================================================== */  

section#einleitung img {
 height:500px;
 width: 500px;
 z-index: 3;
 object-fit: cover;
}

 section#einleitung {
  padding-top:100px;
}

/* ==========================================================================
  Section-Bekanntmachungen
   ========================================================================== */  
 
 section#bekanntmachungen {
  padding-top:100px;
}

section#bekanntmachungen a{
  font-size: 20px;
  font-weight: 400;
  color:#303030;
  line-height: 29px;
}
section#bekanntmachungen h4{
  font-size: 20px;
  font-weight: 600;
  color:#303030;
  line-height: 22px;
}
section#bekanntmachungen p{
  font-size: 16px;
  font-weight: 400;
  color:#303030;
  line-height: 20px;
}
.news-date {
  background-color: #1D7830;
    padding:5 10;
    max-width: 120px;
}
.news-date {
  font-size: 15.5px;
  color:white;
  font-weight: 600;
}
.big-Button-News{
 background-color: #1D7830;
}
.big-Button-News:hover{
 background-color: #F5A145;
}
.big-Button-News:active{
 background-color: #F5A145!important;
}
.News-rechts-Button{
 background-color: #1D7830;
 border:none;
}
.News-rechts-Button:hover{
 background-color: #F5A145;
}
.News-rechts-Button:active{
  background-color: #F5A145!important;
}
.btn{
border: none;
border-radius: 0;

}

.card {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
  border: none;
  border-radius: 0;
}
.card-body{
  padding-left:24px;
  padding-top:22px;
}

.card:hover {
  transform: scale(1.03);
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
}

.Carousel-News {
  padding: 0 0.5rem; /* horizontaler Abstand */
  
}

.card-img-top{
   border-radius: 0;
}
/* ==========================================================================
  Section-Verwaltung&Service
   ========================================================================== */  

section#verwaltung {
  padding-top:100px;
}

section#verwaltung a{
  font-size: 18px;
  font-weight: 600;
  color:#1D7830;
  text-decoration:none;
}
section#verwaltung a:hover{
  color:#F5A145;
  
}
/* ==========================================================================
  Footer
   ========================================================================== */  
footer {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  min-height: 700px; /* volle Höhe des Viewports */
}

.footer-section{
  background-color: white!important;
  padding:40px 60px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
  margin-bottom:300px;
}
footer img{
  width: 250px;
  height:250px;
}


footer .fa-phone{
  font-size:30px;
  color:#1D7830;
}
footer .fa-envelope{
  font-size:30px;
  color:#1D7830;
}

.footer-link {
  font-size: 20px;
  font-weight: 800;
  color:#1D7830!important;
  text-decoration:none;
}
.footer-link-right a{
  font-size: 18px;
  font-weight: 400;
  color:#303030!important;
  text-decoration:none;
  line-height: 32px;
}

.footer-link:hover {
  color:#F5A145!important;
}
footer .fa-phone:hover{
  color:#F5A145!important;
}
footer .fa-envelope:hover{
  color:#F5A145!important;
}
.footer-link-right a:hover{
  color:#1D7830!important;
}


/* ==========================================================================
  Media Query
   ========================================================================== */  
  @media (max-width: 700px) {
  #logo{
  height: 150px;
  width: 150px;
  margin-top: 0px;
  }
  #logo.shrink {
  height: 150px;
  width:150px;
  margin-top: 0px;
  transition: width 0.5s, height 0.5s, transform 0.2s;
  }
  .navbar-toggler {
  margin-right: 20px;
  }
  h1 {
  font-size: 20px;
  }
  h2 {
  font-size: 19px;
  }
  h3 {
  font-size: 20px;
  line-height: 27px;
  }
  h4{
  line-height: 25px!important;
  }
  h5 {
  font-size: 16px;
  }
  header {
  min-height: 650px;
  }
  p{
  font-size: 15px;
  line-height: 27px;
  }
  section#einleitung {
  padding-top:50px;
  }
  section#einleitung img {
  height: 300px;
  width: 300px;
  }
  div.col-xl-6:nth-child(2) {
  padding-top: 25px;
  }
  .mt-4 {
  margin-top: 0.5rem !important;
  }
  section#bekanntmachungen {
  padding-top:50px;
  }
  .flex-shrink-0{
    height:100px;
  }
  section#verwaltung {
  padding-top:0px;
  }
  footer img {
  width: 150px;
  height: 150px;
  }
  .footer-section {
  padding-left: 0px;
  padding-right: 0px;
  margin-bottom:0px!important;
  }
  .footer-link {
  font-size: 16px;
  }
  footer .fa-phone {
  font-size: 20px;
  }
  footer .fa-envelope {
  font-size: 20px;
  }
  .footer-section{
  background-color: white!important;
  padding:14px 14px;
  padding-bottom: 50px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
  }
  .footer-link-right a {
  font-size: 16px;
  line-height: 21px;
  }
  div.flex-lg-row:nth-child(1) {
  margin-top: 25px;
  }
  .flex-shrink-0 {
  max-width: 425px!important;
  height: 144px!important;
  }
}