/* @media (max-width: 1920px) {
  .swm_container {
    background-position: bottom center;
    min-height: calc( 100vw * 380/1100) !important;
  }}
https://church.support.vamtam.com/support/solutions/articles/229649-how-to-make-the-page-header-featured-area-background-image-responsive-
The bold numbers must match you image height and width exactly, and this should be the same for all pages. The red number must match your image width.*/

/*
.hasCountdown{ border:2px solid red; border-radius: 10px; background:#fde; padding:10px; }
.countdown_amount{  font-family: "Orbitron", serif; }
.countdown_descr{ font-family: "Tangerine", serif; }*/

/*========== FARBEN ============================================================
    #A59562 rgba(168,152,103,1.00) Gold
    #7C6F47 rgba(165,149,98,1.00) Gold
    #7C6F47 rgba(124,111,71,1.00) Gold (#menu-item-1805)
    #3C4981 rgba(60, 73, 129, 1)
    #D6DFED rgba(214,223,237,1.00) background
	#403d4f rgba(64,61,79,1.00) footer
    #9ea7d9 tribe-countdown-number
===============================================================================*/
/* philosopher-regular - latin */

.wpcf7-not-valid-tip, #copyButton2 {
  display: none !important;
}
.wpcf7-form p {
    display: flex;
    flex-wrap: wrap;
    gap: 10px; /* Abstand zwischen den Feldern */
    margin-bottom: 15px;
}

/* Felder in zwei Spalten */
.wpcf7-form-control-wrap {
    flex: 1 1 calc(50% - 10px); /* Zwei Felder nebeneinander */
    box-sizing: border-box;
}
.wpcf7-form-control-wrap input, .wpcf7-form-control-wrap select {
	width: 100% !important;
	margin-bottom: 10px !important;
	
}
#name_heb, #position_heb, #gruss_heb {
	direction: rtl;
	
}
label[for="name_heb"], label[for="position_heb"], label[for="gruss_heb"] {
	text-align: end;
}
.checkboxen {
	/*display: none;*/
}

/*.social label {
	width: 246px !important;
	display: flex;
	flex-direction: column;
}
*/
.wpcf7 input[type="checkbox"] {
  vertical-align: middle;
  margin-right: 6px;
}
.wpcf7-form label {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

/* Volle Breite für bestimmte Felder */
.wpcf7-form-control-wrap.full-width {
    flex: 1 1 100%; /* Volle Breite */
}
.wpcf7-form-control-wrap.plz-width {
    flex: 1 0 100px; /* Volle Breite */
}

/* Eingabefelder */
.wpcf7-form-control {
    width: 100%;
    padding: 8px;
    font-size: 14px;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
}

/* Fokus-Styling für Eingabefelder */
.wpcf7-form-control:focus {
    border-color: #0073aa; /* WordPress-Blau */
    outline: none;
    box-shadow: 0 0 3px rgba(0, 115, 170, 0.5);
}

/* Submit-Button */
.wpcf7-submit {
    background-color: #0073aa; /* WordPress-Blau */
    color: #fff;
    border: none;
    padding: 10px 20px;
    font-size: 16px;
    border-radius: 4px;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

.wpcf7-submit:hover {
    background-color: #005177; /* Dunkleres Blau beim Hover */
}
/* Labels */
.form-group label {
    display: block;
    font-weight: 500;
    margin-bottom: 0px;
    font-family: Roboto, Helvetica, Arial, "sans-serif";
	font-size: 16px;

}
.Auswahl {
    font-weight: 400;
    margin-bottom: 7px;
    font-family: Roboto, Helvetica, Arial, "sans-serif";
	font-size: 16px;

}

/* Infotexte */
.form-group .info-text {
	display: block;
	font-size: 12px;
	font-style: italic;
	color: #666;
	margin-top: -7px;
	line-height: 14px;
	margin-bottom: 22px;
}
.form-group .pflicht {
	display: block;
	font-size: 14px;
	font-style: italic;
	font-weight: 700;
	color: #219213;
	margin-bottom: 15px !important;
}
/* Eingabefelder */
.wpcf7-form-control {
    width: 100%;
    padding: 8px;
    font-size: 14px;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
}
#saveButton,#copyButton, #copyButton2 {
	width: 200px !important;
	text-align: center;
}

/* Wenn deque global.css*/
/* Container für das Formular */
#preview {
	background-color: white;
	padding: 15px !important;
}

.vertical3TD {
	vertical-align: middle !important;
}
.vertical3TD2 {
	background-color: rgb(84, 94, 167) !important;
}
#preview3 table {
	width: unset !important;
	/*border: none !important;*/
}
#preview3 tr td:first-child {
  border-left-style: none !important;
  border-left-width: inherit !important;
  border-top-style: none !important;
  border-top-width: inherit !important;
}
#SocialIcons3 img{
	width: 16px;
	height: 16px;
}
#preview3 body, #preview3 tr, #preview3 td {
 	border: none !important;
 	border: 0px !important;
	background: transparent;
	background-color: transparent;
}
#preview3 tr, #preview3 td {
 	border: none !important;
 	border: 0px !important;
	background: transparent;
	background-color: transparent;
}
#preview3 .nurWeb {
	border: 1px dashed #545EA7 !important;
}
/* ============================*/


/* Fokus-Styling für Eingabefelder */
.wpcf7-form-control:focus {
    border-color: #0073aa; /* WordPress-Blau */
    outline: none;
    box-shadow: 0 0 3px rgba(0, 115, 170, 0.5);
}

/* Zwei Spalten */
.form-row {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 0px;
}

.form-group {
    flex: 1 1 calc(50% - 20px); /* Zwei Felder nebeneinander */
    box-sizing: border-box;
}

.form-group.full-width {
    flex: 1 1 100%; /* Volle Breite */
}
.form-group.drittel {
    flex: 1 1 calc(33% - 20px); /* Zwei Felder nebeneinander */
    box-sizing: border-box;
}


/* Zentrierung der Optionsgruppe */
.wpcf7-form .wpcf7-radio {
	display: flex;
	gap: 50px; 
	border: 0px solid transparent;
}

/* Zentrierung der Labels */
.wpcf7-list-item-label {
    display: flex;
    justify-content: center; /* Horizontale Zentrierung */
    font-size: 14px;
    cursor: pointer;
}

.wpcf7-not-valid-tip {
	font-size: 0.7em;
}


@media (max-width: 768px) {
    .form-group {
        flex: 1 1 100%; /* Felder in voller Breite auf kleinen Bildschirmen */
    }
	.wpcf7-form .wpcf7-radio {
     gap: unset;
}
}
    
/***************************************************************
* Large Desktop *
****************************************************************/

@media (min-width: 1200px) {    

}
@media (min-width: 980px) {


}
/***************************************************************
* From IPAD Landscape to Desktop *
****************************************************************/
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {

}

/***************************************************************
* Mobile Portrait to Tablet Portrait *
****************************************************************/
@media only screen and (max-width: 979px) { 

}
@media only screen and (max-width: 991.98px) { 


}

/***************************************************************
* Tablet Portrait *
****************************************************************/


@media only screen and (min-width: 854px){

}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {

}

/***************************************************************
* Mobile Portrait *
****************************************************************/
@media only screen and (min-width: 768px) { 
}

@media only screen and (max-width: 767.98px) { 

}

/*=========================================================================
 * Nur Titel *
/*========================================================================= */
@media only screen and (min-width: 586px) and (max-width: 991.98px) {

}
/*========================================================================= */
@media only screen and (min-width: 586px) { 
/*========================================================================= */

}
/*========================================================================= */
@media only screen and (max-width: 585.98px) {
/*========================================================================= */
/*	.verticalTD {
		display: none
	}
	#sgk-output-sig {
		width: unset !important;
	}
	*/
	

}

/*************************************************************** 
 * Mobile Landscape *                                           
/*************************************************************** */
@media only screen and (min-width: 480px) and (max-width: 767.98px) {

}

@media only screen and (max-width: 479.98px) { 

}