:root {
  --panel-shadow: -8px 10px 20px rgba(0,0,0,0.32),  -6px 4px 16px rgba(0,0,0,0.15);
  --panel-filter-shadow: 
      drop-shadow(-8px 10px 20px rgba(0,0,0,0.32))
      drop-shadow(-6px 4px 16px rgba(0,0,0,0.15));
}


.com-contact {
	font-size: clamp(1rem, 1.8vw, 1.2rem);
	opacity: .95;
	background-color: #008394b0;
	color: #fff;
	margin: 0 auto;
	margin-top: 3em;
/*	width: clamp(240px, 70vw, 44rem); */
	word-wrap: break-word;
	text-align: left;
	padding: clamp(0.6em, 2vw, 1.2em);
	border-radius: 10px;
	box-shadow: var(--panel-shadow);
}

.com-contact .icons,
.com-contact .com-contact__container,
.com-contact .page-header,
.com-contact > h3,
.com-contact > h1 {
	display: none;
}


.com-contact #jform_contact_emailmsg {
	width: 100% !important;
}

.com-contact #jform_contact_message {
	width: 100% !important;
	font-size: 0.9em;
	margin-left: 0px;
}

.com-contact .m-0 { 
	border: 3px solid #ffffe6 !important;
	border-radius: 10px !important;
	box-shadow: none !important;
	padding: 1.5rem !important;
	color:  #ffffe6;
}

.com-contact  .m-0  legend {
	padding: 0 10px;
	font-weight: bold;
	border: none !important;
	background: inherit;
	color: #ffffe6;
}



.com-contact .btn-primary {
	margin: 0.5em;
	padding: 0 1em 0 1em;
	font-size: 1em;
	color: #ffffe6;
	height: 48px;
	border: none;
	border-radius: 8px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 60%;
	box-shadow: var(--panel-shadow);
	cursor: pointer;
	z-index: 1001;
	transition: transform .2s ease, box-shadow .2s ease;
	background-color: var(--brand);
	text-decoration: none;
	margin-left: 26px;
}

.com-contact .btn-primary:hover {
	transform: translateY(-2px);
	box-shadow: var(--panel-shadow);
}

.com-contact textarea,
.com-contact input {

    box-sizing: border-box;       /* Padding + Border zählen zur Gesamtbreite */
    width: 100%;                  /* füllt genau den verfügbaren Platz */
    padding: 0.6rem 0.8rem;       /* innen 0.8rem Abstand links/rechts */
    margin: 0;                    /* kein zusätzlicher Außenabstand */
    border-radius: 8px;
    border: 1px solid #999;
    background-color: #ffffe6;
    color: #222;
    font-size: 1rem;
  }