/* Stylings für die Startseite */
.view-frontpage .view-header h2 { text-align:center; }
.view-frontpage .view-content {display:flex; justify-content: space-between;margin-top:24px;margin-bottom:24px;}
.view-frontpage .view-content .views-row {width:30%;border:1px solid black;padding:1%;}
.view-frontpage .view-content .views-row .views-field-title {margin-top:1%;font-size:120%;}
.view-frontpage .view-content .views-row .views-field-body {font-size:0.80rem;}

.view-frontpage .feed-icons { display:none; }
.view-frontpage.todos { display:inline-block; width:58%; border:1px solid #2DA2C5; border-radius: 5px; padding:1%; }
.view-frontpage.todos .view-content .views-row:last-child { border-bottom: 0px solid #2DA2C5; } 
.view-frontpage .views-row { position:relative; padding-top:1%; padding-bottom:1%; border-bottom: 0px solid #2DA2C5; }
.view-frontpage .views-field-title .small { font-size:50%; }
.view-frontpage .views-field-edit-node { position:absolute; right:0; bottom: 0; }


/* Abteilungen Startseite */
#block-samc-mahi-abteilungenstartseite-2 {
	max-width:1200px; margin:0 auto;
}
#block-samc-mahi-abteilungenstartseite-2 h2 {
	text-align:center;
	margin-top:24px;
}
#block-samc-mahi-abteilungenstartseite-2 {
	background-color:white; 
}
#block-samc-mahi-abteilungenstartseite-2 .flex_container{
	/*display:flex;
	flex-wrap: wrap;
	justify-content: center;
	width:92%;
	margin:24px auto;*/
	display:flex;
	flex-wrap: wrap;
	justify-content: center;
}
.department-card {
  background: #ffffff;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.08);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  /*width:18%;*/
  width:280px;
  cursor:hand;
  cursor:pointer;
  position:relative;
  margin-left:2%;margin-right:2%;
  margin-top:2%;
  margin-bottom:2%;
}

.department-card.art_and_design { border: 4px solid #f49b38; }
.department-card.eletronik { border: 4px solid #fff067; }
.department-card.it { border: 4px solid rgb(255, 214, 77); }
.department-card.maschinenbau { border: 4px solid #17c1ff; }
.department-card.mechatronik { border: 4px solid #bdd044; }
.department-card:hover { /*transform: translateY(-6px);*/ box-shadow: 0 18px 40px rgba(0, 0, 0, 0.12); }

.department-card img { width:100%; height:auto;}
.department-card .card-image {
  position: relative;
  height: 150px;
  overflow: hidden;
}
.department-card .card-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.4s ease;
}
.department-card .card-image::after {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(194, 222, 243, 0.2);
  transition: opacity 0.4s ease;
}
.department-card:hover .card-image img {
  transform: scale(1.08);
}
.department-card:hover .card-image::after {
  opacity: 0.35;
}
/* ===== Inhalt ===== */
.department-card .card-content {
  padding: 0.5rem;
  min-height:175px;
}
.department-card .card-content h3 {
  font-size: 1rem;
  margin-bottom: 0.5rem;
  color: #1f2a37;
}
.department-card .card-content p {
  font-size: 0.85rem;
  color: #4b5563;
  line-height: 1.5;
  margin-bottom: 1rem;
}
.department-card .card-content p.more {
	position:absolute;
	bottom:0;
}
.department-card .card-content a {
  font-size: 0.9rem;
  font-weight: 600;
  color: #0D3D71;
  text-decoration: none;
  transition: transform 0.2s ease;
}
.department-card .card-content a:hover {
  transform: translateX(4px);
}

.department-card .front p a {
	
}

.department-card .back {
	text-align:center;
}
.department-card .back .field--name-field-media-image {

}
.department-card .back img {
	width:auto;
	max-width:50%;
}
.department-card .back .card-content {
	text-align:left;
	margin-top:4%;
}
.department-card .back .card-content p {
  line-height: 1.4;
  margin: 0;
}
.department-card .back .card-content p span.name {
	font-size:120%;
	line-height: 1.2;
}
.department-card .back .card-content p a {
	font-size:80%;
	line-height: 1.3;
}
/* Ende Abteilungen Startseite */



.btn {
    /*background: rgba(165, 192, 222, 1);*/
	background:#0D3D71;
    color: white;
    border: none;
    padding: 14px 28px;
    border-radius: 8px;
    font-size: 1.05em;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s ease;
    box-shadow: 0 2px 8px rgba(165, 192, 222, 0.3);
	margin-top:0.5rem;
	display:inline-block;
}

.btn:hover {
    background: rgba(165, 192, 222, 0.9);
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(165, 192, 222, 0.4);
	color:white;
}


@media screen and (min-width: 1366px) {
	#block-samc-mahi-abteilungenstartseite-2 {
		max-width:100%; margin:0 auto; justify-content: space-around; margin: 0;
	}
	#block-samc-mahi-abteilungenstartseite-2 .flex_container{
		display:flex;
		flex-wrap: wrap;
		justify-content: space-around;
	}
	#block-samc-mahi-abteilungenstartseite-2 .flex_container article.department-card {
		width:260px;
		margin-left:0%;
		margin-right:0%;
	}
}

@media screen and (min-width: 1500px) {
	#block-samc-mahi-abteilungenstartseite-2 .flex_container article.department-card {
		width:280px;
		margin-left:0%;
		margin-right:0%;
	}
}