/* Main CSS File */
:root {	
  /* MARKETING COMPANY */
  --main_marketing_company_color1: #D11D48; /* rot */
  --main_marketing_company_color2: #00437A; /* blau */
  --main_marketing_company_color3: #080721; /* dunkelblau */
  
  
  /* DIV */
  --mainFontColor: #212121;
  --mainDesignColor1: #e3000f; /*rot*/
  --mainDesignColor1a: #fff;
  --mainDesignColor2: #08489a; /*blau*/
  --mainDesignColor2a: #fff;
  --ia_background_light_grey: #efefef;
  --mainSchriftSize: 17px;
  --mainDetails: #565656; /*dunkelgrau*/
  --rounded: 15px;
  
  --ia_default_padding: 1em 1em 1em 1em;
  --ia_default_paddingField: 10px 10px;
  --iaDefaultBorderField: 1px solid #ccc;
  --iaDefaultFontSize: 17px;
  --ia_default_paddingButton: 10px 15px 10px 15px;
  --mainEffectDuration: 0.5s;
  --iaDefaultShadow: 0px 12px 6px -6px rgba(0,0,0,0.12);
  
  
    --ia-primary: #0a0a0a;
    --ia-primary-hover: #1a1a1a;
    --ia-accent: #ff4d4d;
    --ia-bg: #ffffff;
    --ia-text: #2d3748;
    --ia-text-light: #718096;
    --ia-border: #e2e8f0;
    --ia-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
    --ia-shadow-hover: 0 4px 16px rgba(0, 0, 0, 0.12);
    --ia-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
	
	/* FRONTEND */
	--rounded_frontend: 15px;
	--ia_fe_button_bg_color: #FFD900;
	--ia_fe_border: 0px;
	--ia_fe_border_radius: 0px;
	--ia_fe_font_size: 17px;
	--ia_fe_default_padding_button: 5px 15px 5px 15px;
	--ia_fe_default_padding_field: 10px 10px;
	--ia_fe_default_padding: 1em 1em 1em 1em;
	--ia_fe_default_border_field: 2px solid #08489a;
	
	
}
.ia_fe_input {
    width: 100%;
    padding: var(--ia_fe_default_padding_field)!important;
    border: var(--iaDefaultBorderField);
    border-radius: var(--ia_fe_border);
    box-sizing: border-box;
    background-color: #fff;
	border:var(--ia_fe_default_border_field)!important;
}
.ia_fe_select {
    width: 100%;
    padding: var(--ia_fe_default_padding_field);
    border: var(--iaDefaultBorderField);
    border-radius: var(--ia_fe_border);
    box-sizing: border-box;
    background-color: #fff;
	border:var(--ia_fe_default_border_field);
}
.ia_fe_checkbox {
  width: 15px!important;
  height: 15px!important;
  cursor: pointer!important;
  border-radius: var(--ia_fe_border)!important;
  background-color: #fff!important;
  border: var(--iaDefaultBorderField)!important;
  margin-right:0.5em;

}


/* Overwrite Divi Standards */
/* MENU ELEMENTS SAME SIZE */
#top-menu li {
    font-size: 17px !important;
}
/* END */


/*    ####################################################     */

/* ia Standards */
.ia_inline {
	display:inline-block;
}
.ia_none {
	display:none;
}
.ia_default_padding {
	padding: var(--ia_default_padding);
}
.ia_white {
	color:white;
}
.ia_space_xs { height: 0.5em; }
.ia_space_s  { height: 1em;   }
.ia_space_m  { height: 2em;   }
.ia_space_l  { height: 4em;   }
.ia_space_x  { height: 8em;   }
.ia_space_xl { height: 16em;   }

.ia_rounded {
	border-radius: var(--rounded);
}
.ia_default_paddingField {
	padding: var(--ia_default_paddingField);
}
.ia_default_border_field {
	border-width: var(--iaDefaultBorderField);
}
.ia_button {
	background-color: white;
	margin-left: 1em;
	border:none;
	padding: 0.3em 0.7em 0.3em 0.7em;
	font-size: 17px;
	
}
.ia_button:hover {
	opacity: 0.7;
	cursor:pointer;
}
.ia_button:active {
	background-color:#f6f6f6;
}

.ia_input {
    width: 100%;
    padding: var(--ia_default_paddingField)!important;
    border: var(--iaDefaultBorderField);
    border-radius: var(--rounded);
    box-sizing: border-box;
    background-color: #fff;
}

.ia_input_small {
	font-size:60%;
}

.ia_checkbox {
  width: 15px;
  height: 15px;
  cursor: pointer;
}

.ia_underline {
	text-decoration:underline;
}
.ia_strong {
	font-weight:bold;
}
.ia_p {
	padding-bottom: 0px;
}

.ia_center {
	text-align:center!important;
}

.ia_default_div {
	border-radius: var(--rounded);
	padding: var(--ia_default_padding)!important;
}

.ia_background_light_grey {
	background-color:var(--ia_background_light_grey);
}
/* Responsive design for screens smaller than 980px */
@media (max-width: 980px) {

}
.iaGrid2 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 30px;
  align-items: stretch;
}

.iaGrid2Box {
  padding: 1em;
  text-align: left;       
  width: 100%;             
  min-height: 2em;
  background: #f9f9f9;
  border: 0px solid #eee;
  box-sizing: border-box;
  border-radius: var(--rounded);

}

.iaGrid3 {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 40px;
  justify-items: center;
  align-items: center;
}

.iaGrid3Box {
  border-radius: 8px;
  cursor: pointer;
  padding: 0.1em;
  text-align: center;
  width: 7em;
  height: 4em;
}

@media (min-width: 320px) and (max-width: 980px) {
  .iaGrid3 {
    grid-template-columns: 1fr 1fr;
    gap: 130px 20px;
  }
}

@media (max-width: 319px) {
  .iaGrid3 {
    grid-template-columns: 1fr;
    gap: 20px;
  }
}



.iaFadeIn {
    -webkit-animation: fadein 1s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 1s; /* Firefox < 16 */
        -ms-animation: fadein 1s; /* Internet Explorer */
         -o-animation: fadein 1s; /* Opera < 12.1 */
            animation: fadein 1s;
}

@keyframes fadein {
    from { opacity: 0; transform: rotateX(0deg) rotateY(15deg); transform: translate(0px, 2px);}
    to   { opacity: 1; transform: rotateX(0deg) rotateY(0deg); transform: translate(0px, 0px); }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; transform: rotateX(0deg) rotateY(15deg); }
    to   { opacity: 1; transform: rotateX(0deg) rotateY(0deg); }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; transform: rotateX(0deg) rotateY(15deg); }
    to   { opacity: 1; transform: rotateX(0deg) rotateY(0deg); }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; transform: rotateX(0deg) rotateY(15deg); }
    to   { opacity: 1; transform: rotateX(0deg) rotateY(0deg); }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; transform: rotateX(0deg) rotateY(15deg); }
    to   { opacity: 1; transform: rotateX(0deg) rotateY(0deg); }
}

.iaBlink {
    animation: blink 2s linear infinite;
}

@keyframes blink {
    0%   { opacity: 0.5; }
    50%  { opacity: 1; }
    100% { opacity: 0.5; }
}

.ia_main_frame {
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
		min-height:93vh;
		
}
.ia_inner_frame {
	padding: 2em;
}

.ia_app_icon_tile {

}

.ia_app_icon_tile:hover {
	transform:scale(1.05);
}

.ia_app_box {
	width:100%;
	min-height: 30vh;
}


.ia_open_app {
  transform:scale(1.05);
  opacity: 1;
  animation: ia_open_app_fade 1s ease-in-out forwards;
}
@keyframes ia_open_app_fade {
  0% {
    transform:scale(1.05);
    opacity: 1;
  }
  100% {
    transform: scale(1.25);
    opacity: 0.5;
  }

}


.ia_glass {
  background: linear-gradient(0deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0.85));
  box-shadow: var(--ia-shadow);
/*  box-shadow: 
    0 8px 32px 0 rgba(0, 0, 0, 0.25),
    inset 0 1px 0 rgba(255, 255, 255, 0.4),
    inset 0 -1px 0 rgba(255, 255, 255, 0.1); */
  backdrop-filter: blur(8px) saturate(180%);
  -webkit-backdrop-filter: blur(12px) saturate(180%);
  border-radius: var(--rounded);
  /*
  border-top: 1px solid rgba(255, 255, 255, 1);
  border-left: 1px solid rgba(255, 255, 255, 1);
  border-right: 1px solid rgba(255, 255, 255, 0.3);
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  */
}

.ia_form {
    max-width: 720px;
    margin: 0 auto;
}

.ia_form_row {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    margin-bottom: 12px;
}

.ia_form_group {
    display: flex;
    flex-direction: column;
}

.ia_form_group_full {
    flex: 1 1 100%;
}

.ia_form_group_half {
    flex: 1 1 calc(50% - 8px);
}

.ia_form_group_wide {
    flex: 1 1 calc(70% - 8px);
}

.ia_form_group_small {
    flex: 1 1 calc(30% - 8px);
}

.ia_label {
    font-size: 18px;
    margin-bottom: 4px;
}
.ia_be_info_notice {
	font-size:15px;
	line-height: 105%;
	opacity: 0.6;
}

.ia_select {
    width: 100%;
    padding: var(--ia_default_paddingField);
    border: var(--iaDefaultBorderField);
    border-radius: var(--rounded_frontend);
    box-sizing: border-box;
    background-color: #fff;
}
.ia_be_select {
    width: 100%;
    padding: var(--ia_default_paddingField);
    border: var(--iaDefaultBorderField);
    border-radius: var(--rounded);
    box-sizing: border-box;
    background-color: #fff;
}

.ia_textarea {
	border-radius: var(--rounded);
	width: 100%;
	padding: var(--ia_default_paddingField);
}

.ia_input_file {
    padding: 6px 0;
}

.ia_input_error {
    border-color: #c0392b;
    background-color: #fdecea;
}

.ia_help_text {
    font-size: 12px;
    color: #777;
}

.ia_error_message {
    font-size: 12px;
    color: #c0392b;
    margin-top: 4px;
}

.ia_checkbox_label {
    display: flex;
    align-items: flex-start;
    gap: 6px;
    margin-bottom: 5px;
    font-size: 14px;
}

.ia_checkbox {
    margin-top: 8px;
}

.ia_form_row_submit {
    justify-content: flex-end;
}

.ia_btn {
    display: inline-block;
    padding: var(--ia_default_paddingButton)!important;
    border-radius: 4px;
    border: none;
    font-size: 18px;
    cursor: pointer;
    text-transform: uppercase;
}
.ia_btn:hover {
    opacity:.6;
}

.ia_btn_primary {
    background-color: #f1cd51;
    color: #502c1e;
	border-radius: 3px;
}


.ia_btn_primary:disabled {
    background-color: #aaa;
    cursor: not-allowed;
}

.ia_be_btn_primary {
	padding: var(--ia_default_paddingButton)!important;
	background-color: var(--main_marketing_company_color1);
}
.ia_alert {
    border-radius: 4px;
    padding: 10px 14px;
    margin-bottom: 16px;
    font-size: 14px;
}

.ia_alert_success {
    background-color: var(--main_marketing_company_color2);
    color: white;
	border-radius: var(--rounded);
	padding: var(--ia_fe_default_padding);
}

.ia_alert_error {
    background-color: #fdecea;
    border: 1px solid #e74c3c;
    color: #c0392b;
}

.ia_alert_error ul {
    margin: 0;
    padding-left: 20px;
}

/* Mobile */
@media (max-width: 768px) {
    .ia_form_group_half,
    .ia_form_group_wide,
    .ia_form_group_small,
    .ia_form_group_full {
        flex: 1 1 100%;
    }
}


/* ========================================================= */
/* IA COUNTING PRODUCTS GRID */
/* ========================================================= */

.ia_grid {
	display: grid;
	gap: 24px;
	width: 100%;
}

.ia_grid_3 {
	grid-template-columns: repeat(3, 1fr);
}

.ia_grid_item {
	background: #ffffff;
	border: 1px solid #e5e5e5;
	border-radius: var(--rounded_frontend);
	padding: 16px;
	display: flex;
	flex-direction: column;
	justify-content: center;   /* vertikal */
	align-items: center;       /* horizontal */
	text-align: center;
	transition: box-shadow 0.2s ease;
}

.ia_grid_item:hover {
	/*box-shadow: 0 8px 20px rgba(0, 0, 0, 0.06);*/
}
.ia_product_img_wrap {
	width: 75%;
	margin: 0 auto 5px auto;
}

.ia_product_img {
	max-width: 100%;
	height: auto;
	display: block;
	margin: 0 auto;
	
}

.ia_product_title {
	font-size: 16px;
	font-weight: 600;
	line-height: 1.3;
	color: #222222;
	word-break: break-word;
}

/* ========================================================= */
/* RESPONSIVE */
/* ========================================================= */

@media (max-width: 1024px) {
	.ia_grid_3 {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (max-width: 600px) {
	.ia_grid_3 {
		grid-template-columns: 1fr;
	}
}

/* / GRID */

/* ========================================================= */
/* CONTACT FORM FRONTEND */
/* ========================================================= */
.ia_fe_contact_form_wrap {
	width: 100%;
	max-width: 760px;
}

.ia_fe_contact_form {
	width: 100%;
}

.ia_fe_contact_form_row {
	margin-bottom: 14px;
}

.ia_fe_contact_form_row_2 {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 14px;
}

@media (max-width: 640px) {
	.ia_fe_contact_form_row_2 {
		grid-template-columns: 1fr;
	}
}

.ia_fe_contact_form_field {
	width: 100%;
}

.ia_fe_contact_form_label {
	display: block;
	text-align: left;
	margin-bottom: 6px;
	font-weight: 600;
}

.ia_fe_contact_form_input,
.ia_fe_contact_form_textarea,
.ia_fe_contact_form_select,
.ia_fe_contact_form_file {
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
	border-radius:var(--ia_fe_border-radius);
	padding: var(--ia_fe_default_padding_field)!important;
}

.ia_fe_contact_form_textarea {
	resize: vertical;
	min-height: 140px;
}

.ia_fe_contact_form_checkbox {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	text-align: left;
}

.ia_fe_contact_form_checkbox input[type="checkbox"] {
	margin-top: 3px;
}

.ia_fe_contact_form_submit {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background-color:var(--ia_fe_button_bg_color);
	border: var(--ia_fe_button_bg_color);
	border-radius: var(--ia_fe_border_radius);
	font-size: var(--ia_fe_font_size);
	padding: var(--ia_fe_default_padding_button);
}

.ia_fe_contact_form_error {
	border: 1px solid #e5e5e5;
	padding: 12px;
	margin-bottom: 14px;
}

.ia_fe_contact_form_error_list {
	margin: 0;
	padding-left: 18px;
}

.ia_fe_contact_form_success {
	border: 0px solid #e5e5e5;
	padding: var(--ia_fe_default_padding);
	margin-bottom: 14px;
	background-color: #FFD900;
	
}

.ia_fe_contact_form_honeypot {
	display: none;
}

.ia_footer_menu_item {
	color: #502c1e;
	font-weight:bold;
	font-size: 22px;
}

/* / CONTACT FORM FRONTEND */
/* CHARTS */
/*
.ia_chart_wrapper_dayli {
    width: 100%;
    height: auto;
}
.ia_chart_wrapper_dayli canvas {
    width: 100% !important;
    height: 100% !important;
}
.ia_chart_wrapper_weekly {
    width: 100%;
    height: 160px;
}
.ia_chart_wrapper_weekly canvas {
    width: 100% !important;
    height: 100% !important;
}
.ia_chart_wrapper_market {
    width: 100%;
    max-width: 600px;
    height: 260px;
    margin: 0 auto;
}
.ia_chart_wrapper_market canvas {
    width: 100% !important;
    height: 100% !important;
}

.ia_chart_wrapper_salutation {
    width: 100%;
    max-width: 450px;
    height: 260px;
    margin: 20px auto 0;
}
.ia_chart_wrapper_salutation canvas {
    width: 100% !important;
    height: 100% !important;
}
.ia_chart_wrapper_country {
    width: 100%;
    max-width: 450px;
    height: 260px;
    margin: 20px auto 0;
}
.ia_chart_wrapper_country canvas {
    width: 100% !important;
    height: 100% !important;
}
.ia_chart_wrapper_product {
    width: 100%;
    max-width: 450px;
    height: 260px;
    margin: 20px auto 0;
}
.ia_chart_wrapper_product canvas {
    width: 100% !important;
    height: 100% !important;
}
.ia_chart_wrapper_awareness {
    width: 100%;
    max-width: 450px;
    height: 260px;
    margin: 20px auto 0;
}
.ia_chart_wrapper_awareness canvas {
    width: 100% !important;
    height: 100% !important;
}

.ia_chart_wrapper_validation_status {
    width: 100%;
    max-width: 450px;
    margin: 20px auto 0;
}
.ia_chart_wrapper_validation_status canvas {
    width: 100% !important;
    height: auto !important;
}
*/

.ia_chart_wrap{
  position: relative;
  height: 320px; /* überall gleich */
}

.ia_chart_wrap canvas{
  width: 100% !important;
  height: 100% !important;
}





/* LOGIN FORM */

.ia_login_form {
    width: 30em;
    margin: 0 !important;
    text-align: left;
}
.ia_login_form .ia_form_group {
    margin: 0 0 15px 0 !important;
    text-align: left;
}

@media all and (max-width: 980px) {
	.ia_login_form {
		width: 100%;
		margin: 0 !important;
		text-align: left;
	}
}

/* TABLES */
.widefat.striped tbody tr:nth-child(odd):hover {
	background-color: #EFEFEF;
}
.widefat.striped tbody tr:nth-child(odd) {
    background: #f9f9f9;
}

.widefat.striped tbody tr:nth-child(even) {
    background: #fff;
}
.widefat.striped tbody tr:nth-child(even):hover {
	background-color: #EFEFEF;
}

td {
	padding: 2px 2px 5px 9px!important;
}
th {
	padding: 2px 2px 10px 9px!important;
}
table {
    border-collapse: separate;
    border-spacing: 0;
    border-radius: 12px;
    overflow: hidden;
}

/* obere Ecken */
table thead tr:first-child th:first-child {
    border-top-left-radius: var(--rounded);
}

table thead tr:first-child th:last-child {
    border-top-right-radius: var(--rounded);
}

/* untere Ecken */
table tbody tr:last-child td:first-child {
    border-bottom-left-radius: var(--rounded);
}

table tbody tr:last-child td:last-child {
    border-bottom-right-radius: var(--rounded);
}
/* TABLES */


.ia_login_center_wrap{
  min-height:70vh;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:20px 12px;
  background-image: url('/wp-content/plugins/UNI/img/caspar_office.jpg');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}


.ia_login_center{
  width:100%;
  max-width:550px;
  padding: var(--ia_default_padding);
  border-radius: var(--rounded);
}


















/* AF COUNTER */

/* ========================================================= */
/* IA Possible Participations Today */
/* ========================================================= */
.ia_possible_participations{
	border-radius: 14px;
	padding: 26px 18px;
	text-align: center;
	max-width: 720px;
	margin: 0 auto;
}

.ia_possible_participations_top,
.ia_possible_participations_bottom{
	font-weight: 800;
	color: #114a8b;
	letter-spacing: .2px;
}

.ia_possible_participations_top{
	font-size: 34px;
	line-height: 1.1;
	margin-bottom: 18px;
}

.ia_possible_participations_bottom{
	font-size: 34px;
	line-height: 1.1;
	margin-top: 18px;
}

.ia_possible_participations_pill{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 360px;
	padding: 22px 44px;
	border-radius: 999px;
	background: linear-gradient(135deg, #c70000 0%, #ff2a2a 100%);
	border: 6px solid #ffffff;
	box-shadow: 0 10px 18px rgba(0,0,0,.12);
}

.ia_possible_participations_number{
	font-size: 120px;
	line-height: 1;
	font-weight: 900;
	color: #FFD900;
	text-shadow: 0 3px 0 rgba(0,0,0,.18);
}

/* Responsive */
@media (max-width: 560px){
	.ia_possible_participations_top,
	.ia_possible_participations_bottom{
		font-size: 24px;
	}
	.ia_possible_participations_pill{
		min-width: 260px;
		padding: 18px 30px;
	}
	.ia_possible_participations_number{
		font-size: 86px;
	}
}









/* AF FORM */
/* ========================================================= */
/* IFRAME FORM */
/* ========================================================= */
.ia_min_height {
	min-height:100vh;
}
.ia_iframe_form{
	width:100%;
	max-width:820px;
	margin:0 auto;
}

.ia_iframe_grid{
	display:grid;
	gap:16px;
	margin:0 0 16px 0;
}

.ia_iframe_grid_2{ grid-template-columns:1fr 1fr; }
.ia_iframe_grid_1{ grid-template-columns:1fr; }

.ia_iframe_field{
	display:flex;
	flex-direction:column;
	gap:8px;
}

.ia_iframe_label{
	font-weight:600;
	font-size:14px;
}

.ia_iframe_label_small{
	font-size:13px;
	opacity:.9;
}

.ia_iframe_input{
	width:100%;
	padding: var(--ia_default_paddingField)!important;
	border:1px solid #cfcfcf;
	border-radius:0px;
	font-size:16px;
	box-sizing:border-box;
	background:#fff;
}

.ia_iframe_input_file{
	padding:10px 12px;
}

.ia_iframe_select{
	appearance:auto;
}

.ia_iframe_help{
	margin-top:6px;
	font-size:13px;
}

.ia_iframe_help a{
	text-decoration:underline;
}

.ia_iframe_section_title{
	font-weight:700;
	font-size:16px;
	margin:18px 0 10px 0;
}

/* Product grid */
.ia_iframe_product_grid{
	display:grid;
	grid-template-columns:repeat(3, 1fr);
	gap:18px;
	margin:0 0 16px 0;
}

.ia_iframe_product_card{
	display:grid;
	grid-template-columns: auto 120px;
	gap:12px;
	align-items:center;
	justify-content:start;
}
.ia_iframe_product_left{
	max-width: 250px;
}
.ia_iframe_product_right{
	display:flex;
	justify-content:flex-start;
}

.ia_iframe_product_title{
	font-weight:700;
	font-size:16px;
	margin:0 0 8px 0;
	color: #084286;
}

.ia_iframe_product_select_wrap{
	position: relative;
	width: 140px;
	max-width: 100%;
}

.ia_iframe_qty_select{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	width: 100%;
	height: 48px;
	padding: 10px 52px 10px 14px; /* Platz rechts für Pfeil */
	border: 0;
	border-radius: 0;
	background: #ffffff;
	color: #8a8a8a;
	font-size: 20px;
	line-height: 1;
	box-sizing: border-box;
	outline: none;
	cursor: pointer;
}

/* wenn gewählt -> dunkler */
.ia_iframe_qty_select:not([value=""]){
	color:#222;
}

/* rechter Bereich + Pfeil */
.ia_iframe_qty_arrow{
	position:absolute;
	top:0;
	right:0;
	width:52px;
	height:48px;
	background:#ffffff;
	pointer-events:none;
}

.ia_iframe_qty_arrow:before{
	content:'';
	position:absolute;
	top:50%;
	left:50%;
	width:14px;
	height:14px;
	border-right:4px solid #0b3a7e; /* dunkelblau */
	border-bottom:4px solid #0b3a7e;
	transform: translate(-50%, -60%) rotate(45deg);
}

.ia_iframe_product_img{
	max-width:120px;
	width:100%;
	height:auto;
	display:block;
}

.ia_iframe_checks{
	display:flex;
	flex-direction:column;
	gap:10px;
	margin:18px 0 16px 0;
}

.ia_iframe_check{
	display:flex;
	gap:10px;
	align-items:flex-start;
	font-size:14px;
	line-height:1.35;
}

.ia_iframe_check input{ margin-top:3px; }

.ia_iframe_submit_wrap{ margin-top:10px; }

.ia_iframe_submit{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	padding:12px 18px;
	border-radius:0px;
	border:0;
	cursor:pointer;
	font-weight:700;
	font-size:16px;
	background-color: #084286;
	color:white;
	min-width: 30vw;
}

.ia_iframe_notice{
	border-radius:0px;
	padding:12px 14px;
	margin:0 0 14px 0;
}

.ia_iframe_notice_success{
	border:1px solid #b7e4c7;
	background:#114A8B;
	color:white;
	text-align:center;
}

.ia_iframe_notice_error{
	border:1px solid #ffc9c9;
	background:#114A8B;
	color:white;
}

.ia_iframe_notice_error ul{
	margin:0;
	padding-left:18px;
}

/* Responsive */
@media (max-width: 900px){
	.ia_iframe_product_grid{
		grid-template-columns:repeat(2, 1fr);
	}
}

@media (max-width: 720px){
	.ia_iframe_grid_2{
		grid-template-columns:1fr;
	}
	.ia_iframe_product_grid{
		grid-template-columns:1fr;
	}
	.ia_iframe_product_card{
		grid-template-columns: 1fr 140px;
	}
}

/* WAVE ANIMATION */
.ia_glass_focus_wave{
	position: relative;
	overflow: hidden;
	transition: transform .35s ease, box-shadow .35s ease;
	transform-origin: center;
}

/* Glanz-Welle */
.ia_glass_focus_wave::after{
	content:'';
	position:absolute;
	top:-40%;
	left:-60%;
	width:60%;
	height:180%;
	background:linear-gradient(
		115deg,
		transparent 0%,
		rgba(255,255,255,0.15) 40%,
		rgba(255,255,255,0.35) 50%,
		rgba(255,255,255,0.15) 60%,
		transparent 100%
	);
	transform:translateX(0) skewX(-20deg);
	opacity:0;
	pointer-events:none;
}

/* Fokus innerhalb → Wave + Transform */
.ia_glass_focus_wave:focus-within{
	transform: scale(1.04) rotate(-0.5deg);
}

.ia_glass_focus_wave:focus-within::after{
	animation: ia_glass_wave .9s ease forwards;
}

@keyframes ia_glass_wave{
	0%{
		transform:translateX(0) skewX(-0.5deg);
		opacity:0;
	}
	20%{
		opacity:1;
	}
	100%{
		transform:translateX(280%) skewX(-0.5deg);
		opacity:0;
	}
}
/* Hover */
.ia_wave_hover{
	position: relative;
	overflow: hidden;
	transition: transform .35s ease, box-shadow .35s ease;
	transform-origin: center;
}

/* Glanz-Welle */
.ia_wave_hover::after{
	content:'';
	position:absolute;
	top:-40%;
	left:-60%;
	width:60%;
	height:180%;
	background:linear-gradient(
		115deg,
		transparent 0%,
		rgba(255,255,255,0.1) 40%,
		rgba(255,255,255,0.25) 50%,
		rgba(255,255,255,0.1) 60%,
		transparent 100%
	);
	opacity:0;
	pointer-events:none;
}

/* Hover → Wave + Transform */
.ia_wave_hover:hover{
}

.ia_wave_hover:hover::after{
	animation: ia_glass_wave 1s ease forwards;
}

/* / WAVE ANIMATION */

/* PANEL CSS */
.ia_backend .container {
    width: 95% !important;
}
.page-id-443,
.page-id-443 #main-content * {
    font-family: "system-ui", Arial, sans-serif !important;
}

/* / PANEL CSS */

/* TICKET CSS */
.wpsc-ticket-list {
}
.wpsc-shortcode-container .log-out { 
	display:none!important;
}
.wpsc-ticket-list-tbl {
	border-radius:0px!important;
}
.page-id-443 .wpsc-agent-list {
	display:none!important;
}
.page-id-443 .wpsc-header {
	background-color: #fff!important;
}
.page-id-443 .wpsc-shortcode-container {
	border:none!important;
}
.page-id-443 .wpsc-ticket-list-tbl th {
	color:white!important;
}

.wpsc-ct-macro {
	display:none!important;
}

.wpsc-tickets-container {
	box-shadow:none!important;
	padding:0!important;
}
.wpsc-tickets-container {

}
.wpsc-body {
	padding-top:0px!important;
}
/* /TICKET CSS */


/* ia_show_settings GRID */
.ia_settings_grid{
	display:grid;
	grid-template-columns:repeat(4, minmax(0, 1fr));
	gap:20px;
	align-items:start;
}

.ia_settings_grid .ia_default_div{
	margin:0;
}

@media (max-width: 1200px){
	.ia_settings_grid{
		grid-template-columns:repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 767px){
	.ia_settings_grid{
		grid-template-columns:1fr;
	}
}
/* / ia_show_settings GRID */


/* Filter z.B. ia_show_action_details */
.ia_filter_active {
	background-color:var(--main_marketing_company_color2);
}
/* /Filter z.B. ia_show_action_details */


/* ia_show_hint */
.ia_show_hint_grid{
	display:grid;
	grid-template-columns:300px 1fr;
	gap:24px;
	align-items:start;
}

.ia_show_hint_img_col{
	width:100%;
}

.ia_show_hint_img{
	display:block;
	width:100%;
	height:auto;
	border-radius:var(--rounded);
}

.ia_show_hint_content_col{
	width:100%;
}

.ia_show_hint_title{
	font-weight:700;
	line-height:1.3;
	margin:0 0 10px 0;
}

.ia_show_hint_text{
	line-height:1.6;
}

.ia_show_hint_link_wrap{
	margin-top:14px;
}

.ia_show_hint_link{
	text-decoration:underline;
}

@media (max-width:979px){
	.ia_show_hint_grid{
		grid-template-columns:1fr;
	}
}
/* / ia_show_hint */










/* ---- Wrapper ---- */
.ia_wolfsblut_form_wrap {
    max-width: 660px;
    margin: 0 auto;
    font-family: inherit;
	background-color: #F4EFDC;
	border: 1.5px solid #502c1e;
	border-radius: var(--rounded_frontend);
	padding: var(--ia_fe_default_padding_field);
}

/* ---- Fehlermeldungen ---- */
.ia_wolfsblut_errors,
.ia_wolfsblut_error {
    background: #fff3f3;
    border: 1px solid #e00;
    border-radius: 6px;
    color: #c00;
    padding: 12px 16px;
    margin-bottom: 18px;
}
.ia_wolfsblut_errors ul {
    margin: 0;
    padding-left: 18px;
}
.ia_wolfsblut_errors li {
    margin-bottom: 4px;
}

/* ---- Formular-Grid ---- */
.ia_wolfsblut_row {
    margin-bottom: 12px;
}
.ia_wolfsblut_row_2col {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}
@media (max-width: 520px) {
    .ia_wolfsblut_row_2col {
        grid-template-columns: 1fr;
    }
}
.ia_wolfsblut_field_wrap {
    width: 100%;
}

/* ---- Inputs ---- */
.ia_wolfsblut_input {
    width: 100%;
    padding: 12px 14px;
    border: 1px solid #ccc;
    border-radius: 6px;
    font-size: 15px;
    box-sizing: border-box;
    background: #fff;
    color: #222;
    transition: border-color 0.2s;
	border: 1px solid #502c1e!important;
	border-radius: 3px!important;
	padding: 0.7em!important;
}
.ia_wolfsblut_input:focus {
    outline: none;
    border-color: #6b4f00;
    box-shadow: 0 0 0 2px rgba(107, 79, 0, 0.15);
}

/* ---- Checkboxen ---- */
.ia_wolfsblut_checkboxes {
    margin: 14px 0 6px 0;
}
.ia_wolfsblut_checkbox_row {
    margin-bottom: 10px;
}
.ia_wolfsblut_checkbox_label {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    cursor: pointer;
    font-size: 14px;
    line-height: 1.5;
    color: #502c1e;
	
}
.ia_wolfsblut_checkbox {
    flex-shrink: 0;
    width: 17px;
    height: 17px;
    margin-top: 2px;
    cursor: pointer;
    accent-color: #6b4f00;
}
.ia_wolfsblut_link {
    color: #6b4f00;
    text-decoration: underline;
    cursor: pointer;
}
.ia_wolfsblut_link:hover {
    color: #3d2e00;
}

/* ---- Newsletter-Hinweis ---- */
.ia_wolfsblut_newsletter_hint {
    font-size: 12px;
    color: #555;
    text-align: center;
    margin: 12px 0 4px 0;
    line-height: 1.5;
	color: #502c1e;
}
.ia_wolfsblut_required_note {
    font-size: 12px;
    color: #502c1e;
    margin: 6px 0 14px 0;
}

/* ---- Buttons ---- */
.ia_wolfsblut_btn_row {
    display: flex;
    justify-content: center;
    margin-top: 16px;
}
.ia_wolfsblut_btn_row_2 {
    display: flex;
    justify-content: center;
    gap: 14px;
    flex-wrap: wrap;
    margin-top: 18px;
}
.ia_wolfsblut_btn {
    display: inline-block;
    padding: 12px 38px;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 0.5px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    transition: opacity 0.2s, transform 0.1s;
    text-align: center;
    min-width: 140px;
}
.ia_wolfsblut_btn:active {
    transform: scale(0.98);
}
.ia_wolfsblut_btn_primary {
    background: #f1cd51;
    color: #502c1e;
}
.ia_wolfsblut_btn_primary:hover {
    background: #cf9700;
    color: #502c1e;
}
.ia_wolfsblut_btn_secondary {
    background: #797922;
    color: #fff;
}
.ia_wolfsblut_btn_secondary:hover {
    background: #2a1e00;
    color: #fff;
}
.ia_wolfsblut_btn_back {
    background: #797922;
    color: #fff;
}
.ia_wolfsblut_btn_back:hover {
    background: #2a1e00;
}
.ia_wolfsblut_btn:disabled {
    opacity: 0.55;
    cursor: not-allowed;
}

/* ================================================================
   SCHRITT 2: BON-UPLOAD
================================================================ */
.ia_wolfsblut_step2_headline {
    font-size: clamp(22px, 5vw, 36px);
    font-weight: 900;
    text-align: center;
    color: #502c1e;
    letter-spacing: 1px;
    margin: 24px 0 8px 0;
    text-transform: uppercase;
}
.ia_wolfsblut_step2_subline {
    text-align: center;
    font-size: 14px;
    color: #502C1E;
    margin-bottom: 18px;
	
}

/* ---- Drop-Zone ---- */
.ia_wolfsblut_drop_zone {
    border: 2px dashed #b89630;
    border-radius: 10px;
    background: #fdf8ec;
    min-height: 180px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background 0.2s, border-color 0.2s;
    padding: 24px;
}
.ia_wolfsblut_drop_zone:hover,
.ia_wolfsblut_drop_zone_active {
    background: #fdf0c0;
    border-color: #f1cd51;
}
.ia_wolfsblut_drop_zone_inner {
    text-align: center;
    pointer-events: none;
}
.ia_wolfsblut_upload_icon {
    font-size: 42px;
    color: #3d2e00;
    line-height: 1;
    margin-bottom: 10px;
}
.ia_wolfsblut_drop_hint {
    color: #555;
    font-size: 13px;
    margin: 0;
    line-height: 1.5;
}
.ia_wolfsblut_drop_preview {
    max-width: 220px;
    max-height: 140px;
    border-radius: 6px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    margin-top: 6px;
}
.ia_wolfsblut_file_name {
    font-size: 13px;
    color: #3d2e00;
    font-weight: 600;
    margin-top: 8px;
}

/* ---- Bon Footer ---- */
.ia_wolfsblut_bon_footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 10px;
    flex-wrap: wrap;
    gap: 8px;
}
.ia_wolfsblut_info_icon {
    font-style: normal;
    font-size: 16px;
    color: #3d2e00;
}

/* ================================================================
   SCHRITT 3: AWARENESS
================================================================ */
.ia_wolfsblut_step3_headline {
    font-size: clamp(22px, 5vw, 36px);
    font-weight: 900;
    text-align: center;
    color: #502c1e;
    letter-spacing: 1px;
    margin: 24px 0 14px 0;
    text-transform: uppercase;
}
.ia_wolfsblut_awareness_box {
    background: #502c1e;
    color: #f5e8c0;
    border-radius: 10px;
    padding: 22px 22px 18px 22px;
}
.ia_wolfsblut_awareness_question {
    font-size: 16px;
    margin: 0 0 16px 0;
    line-height: 1.5;
    text-align: center;
}
.ia_wolfsblut_highlight {
    color: #f1cd51;
    font-weight: 700;
}
.ia_wolfsblut_awareness_optional {
    font-size: 13px;
    opacity: 0.7;
    display: block;
}
.ia_wolfsblut_awareness_label {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    cursor: pointer;
    padding: 8px 0;
    font-size: 14px;
    line-height: 1.4;
    border-top: 1px solid rgba(255,255,255,0.08);
}
.ia_wolfsblut_awareness_label:first-of-type {
    border-top: none;
}
.ia_wolfsblut_awareness_checkbox {
    flex-shrink: 0;
    width: 18px;
    height: 18px;
    margin-top: 1px;
    cursor: pointer;
    accent-color: #f1cd51;
    border-radius: 3px;
}
.ia_wolfsblut_awareness_text {
    color: #f0e0b0;
}

/* ================================================================
   POPUP: "Was du beachten solltest"
================================================================ */
.ia_wolfsblut_hint_overlay {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.55);
    z-index: 99999;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 16px;
    box-sizing: border-box;
}
.ia_wolfsblut_hint_popup {
    background: #fff;
    border-radius: 10px;
    width: 75%;
    max-width: 1000px;
    padding: 28px 28px 24px 28px;
    position: relative;
    box-shadow: 0 8px 40px rgba(0,0,0,0.25);
    max-height: 90vh;
    overflow-y: auto;
    box-sizing: border-box;
}
.ia_wolfsblut_hint_close {
    position: absolute;
    top: 12px;
    right: 14px;
    background: none;
    border: none;
    font-size: 20px;
    cursor: pointer;
    color: #555;
    line-height: 1;
    padding: 4px 6px;
    border-radius: 4px;
    transition: background 0.15s;
}
.ia_wolfsblut_hint_close:hover {
    background: #eee;
    color: #111;
}
.ia_wolfsblut_hint_headline {
    font-size: 18px;
    font-weight: 700;
    margin: 0 0 14px 0;
    color: #502c1e;
}
.ia_wolfsblut_hint_body {
    font-size: 14px;
    color: #333;
    line-height: 1.6;
}
.ia_wolfsblut_hint_body ul {
    padding-left: 18px;
    margin: 0;
}
.ia_wolfsblut_hint_body li {
    margin-bottom: 8px;
}

@media (max-width: 400px) {
    .ia_wolfsblut_btn {
        width: 100%;
    }
    .ia_wolfsblut_btn_row_2 {
        flex-direction: column;
    }
}





/* ================================================================
   LOGIN USER
================================================================ */
.ia_fe_login_wrap {
    max-width: 780px;
    margin: 0 auto;
    padding: 20px 16px 40px 16px;
    box-sizing: border-box;
    font-family: inherit;
}

/* ---- H1 ---- */
.ia_fe_login_headline {
    font-size: clamp(32px, 7vw, 56px);
    font-weight: 900;
    text-align: center;
    color: #1a0e00;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin: 0 0 10px 0;
    line-height: 1.1;
}

/* ---- Registrierungs-Hinweis ---- */
.ia_fe_login_register_hint {
    text-align: center;
    font-size: 18px;
    color: #1a0e00;
    margin: 0 0 32px 0;
}
.ia_fe_login_register_link {
    color: #1a0e00;
    text-decoration: underline;
    font-weight: 600;
    cursor: pointer;
}
.ia_fe_login_register_link:hover {
    color: #6b4f00;
}

/* ---- Fehler-Box ---- */
.ia_fe_login_error {
    background: #fff3f3;
    border: 1px solid #d00;
    border-radius: 6px;
    color: #b00;
    padding: 12px 16px;
    margin-bottom: 18px;
    font-size: 14px;
    max-width: 780px;
    margin-left: auto;
    margin-right: auto;
    box-sizing: border-box;
}

/* ---- Felder-Zeile ---- */
.ia_fe_login_fields_row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
    margin-bottom: 8px;
}
@media (max-width: 540px) {
    .ia_fe_login_fields_row {
        grid-template-columns: 1fr;
    }
}

.ia_fe_login_field_wrap {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

/* ---- Inputs ---- */
.ia_fe_login_input {
    width: 100%;
    padding: .7em!important;
    border: 1.5px solid #502c1e!important;
    border-radius: 3px;
    font-size: 15px;
    background: #f5f3ef;
    color: #1a0e00;
    box-sizing: border-box;
    transition: border-color 0.2s, box-shadow 0.2s;
}
.ia_fe_login_input::placeholder {
    color: #888;
    font-size: 15px;
}
.ia_fe_login_input:focus {
    outline: none;
    border-color: #b89630;
    box-shadow: 0 0 0 2px rgba(184, 150, 48, 0.18);
    background: #fff;
}

/* ---- "Passwort vergessen?"-Link ---- */
.ia_fe_login_forgot_link {
    font-size: 13px;
    color: #1a0e00;
    text-decoration: underline;
    align-self: flex-start;
    cursor: pointer;
    margin-top: 2px;
}
.ia_fe_login_forgot_link:hover {
    color: #6b4f00;
}

/* ---- Pflichtfelder-Hinweis ---- */
.ia_fe_login_required_note {
    font-size: 14px;
    color: #502c1e;
    margin: 4px 0 24px 0;
}

/* ---- Button-Zeile ---- */
.ia_fe_login_btn_row {
    display: flex;
    justify-content: center;
	
}

/* ---- Anmelden-Button ---- */
.ia_fe_login_btn {
    display: inline-block;
    padding: 16px 72px;
    font-size: 18px;
    font-weight: 900;
    letter-spacing: 1px;
    text-transform: uppercase;
    background-color: #FFD900;
    color: #502c1e;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    transition: background 0.2s, transform 0.1s;
    min-width: 260px;
    text-align: center;
}
.ia_fe_login_btn:hover {
    background: #e8c400;
    color: #1a0e00;
}
.ia_fe_login_btn:active {
    transform: scale(0.98);
}
.ia_fe_login_btn:disabled {
    opacity: 0.55;
    cursor: not-allowed;
}

/* ---- Responsive ---- */
@media (max-width: 400px) {
    .ia_fe_login_btn {
        width: 100%;
        min-width: unset;
        padding: 14px 20px;
    }
}



.ia_win_box{
	text-align:center;
}

.ia_win_headline{
	margin:0 0 12px 0;
	font-size:32px;
	line-height:1.2;
}

.ia_win_text{
	margin:0 0 20px 0;
	font-size:18px;
	line-height:1.5;
}

.ia_win_image_wrap{
	display:flex;
	justify-content:center;
}

.ia_win_image{
	max-width:100%;
	height:auto;
	border-radius:12px;
	display:block;
}

.ia_win_popup{
	position:fixed;
	left:50%;
	top:50%;
	transform:translateX(-50%) translateY(calc(-50% + 30px));
	width:80%;
	max-width:1920px;
	max-height:85vh;
	overflow-y:auto;
	opacity:0;
	visibility:hidden;
	transition:opacity 0.3s ease, transform 0.3s ease, visibility 0.3s ease;
	z-index:99999999999999;
	background-color:#502c1e;
	border-radius:15px;
	color: white;
}

.ia_win_popup.ia_active{
	opacity:1;
	visibility:visible;
	transform:translateX(-50%) translateY(-50%);
}

.ia_win_popup_inner{
	padding:20px;
	border:0px solid #d9d9d9;
	box-shadow:0 10px 30px rgba(0,0,0,0.15);
	text-align:center;
	border-radius:15px;
}

.ia_win_popup_close{
	margin-top:12px;
	padding:10px 18px;
	border:0;
	border-radius:0px;
	background-color: #f1cd51;
	cursor:pointer;
}




/*
		CSS HINT
*/
.ia_upload_hint_wrapper{
	width:100%;
}

.ia_upload_hint_grid{
	display:grid;
	grid-template-columns:1fr;
	gap:40px;
	align-items:start;
	margin-bottom:50px;
}

@media (min-width:980px){
	.ia_upload_hint_grid{
		grid-template-columns:1fr 1fr;
	}
}

.ia_upload_hint_left{
	display:flex;
	flex-direction:column;
	align-items:center;
}

.ia_upload_hint_left img{
	max-width:320px;
	width:100%;
	height:auto;
	display:block;
	margin:0 auto 15px auto;
}

.ia_upload_hint_note{
	max-width:320px;
	text-align:left;
	line-height:1.5;
	color: #502c1e!important;
}

.ia_upload_hint_list{
	list-style:none;
	margin:0;
	padding:0;
}

.ia_upload_hint_list li{
	display:flex;
	align-items:flex-start;
	gap:14px;
	margin-bottom:22px;
}

.ia_upload_hint_bubble{
	min-width:32px;
	width:42px;
	height:28px;
	border-radius:15px;
	background:#797922;
	color:#fff;
	display:flex;
	align-items:center;
	justify-content:center;
	font-weight:bold;
	font-size:14px;
	flex-shrink:0;
}

.ia_upload_hint_text{
	line-height:1.5;
	color: #502c1e!important;
}

.ia_upload_hint_headline{
	text-align:center;
	margin:40px 0 30px 0;
}

.ia_upload_hint_grid_4{
	display:grid;
	grid-template-columns:1fr;
	gap:30px;
	align-items:start;
}

@media (min-width:700px){
	.ia_upload_hint_grid_4{
		grid-template-columns:1fr 1fr;
	}
}

@media (min-width:980px){
	.ia_upload_hint_grid_4{
		grid-template-columns:1fr 1fr 1fr 1fr;
	}
}

.ia_upload_hint_card{
	text-align:center;
}

.ia_upload_hint_card img{
	width:100%;
	height:auto;
	display:block;
	margin:0 auto 18px auto;
}

.ia_upload_hint_card_text{
	text-align:center;
	line-height:1.35;
}

@media (min-width:980px){
	.ia_upload_hint_right{
		margin-top:8em;
	}
}


/*

		CONTACT FORM

*/

/* ================================================================
   WOLFSBLUT KONTAKTFORMULAR
   Präfix: ia_fe_wb_contact_
================================================================ */

.ia_fe_wb_contact_wrap {
    max-width: 960px;
    margin: 0 auto;
    font-family: inherit;
}

/* Fehlerbox */
.ia_fe_wb_contact_error {
    background: #fff3f3;
    border: 1px solid #d00;
    border-radius: 6px;
    color: #b00;
    padding: 12px 16px;
    margin-bottom: 18px;
    font-size: 14px;
}
.ia_fe_wb_contact_error ul {
    margin: 0;
    padding-left: 18px;
}
.ia_fe_wb_contact_error li {
    margin-bottom: 4px;
}

/* Zweispaltiges Grid */
.ia_fe_wb_contact_grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    align-items: start;
}
@media (max-width: 980px) {
    .ia_fe_wb_contact_grid {
        grid-template-columns: 1fr;
    }
}

/* Felder */
.ia_fe_wb_contact_field {
    margin-bottom: 16px;
}
.ia_fe_wb_contact_field:last-child {
    margin-bottom: 0;
}

/* Textarea-Feld füllt rechte Spalte komplett */
.ia_fe_wb_contact_field_textarea {
    height: 100%;
    margin-bottom: 0;
}

/* Inputs */
.ia_fe_wb_contact_input {
    width: 100%;
    padding: 19px 15px!important;
    border: 1.5px solid #502c1e!important;
    border-radius: 4px;
    font-size: 15px;
    background: #F4EFDC!important;
    color: #502c1e;
    box-sizing: border-box;
    transition: border-color 0.2s, box-shadow 0.2s;
    font-family: inherit;
	
}
.ia_fe_wb_contact_input::placeholder {
    color: #7a5c45;
}
.ia_fe_wb_contact_input:focus {
    outline: none;
    border-color: #b89630;
    box-shadow: 0 0 0 2px rgba(184, 150, 48, 0.2);
    background: #fff;
}

/* Textarea */
.ia_fe_wb_contact_textarea {
    width: 100%;
    height: 100%;
    min-height: 208px!important;
    padding: 14px 16px;
    border: 1.5px solid #502c1e;
    border-radius: 4px;
    font-size: 15px;
    background: #F4EFDC;
    color: #502c1e;
    box-sizing: border-box;
    resize: vertical;
    transition: border-color 0.2s, box-shadow 0.2s;
    font-family: inherit;
}


/* Pflichtfelder-Hinweis */
.ia_fe_wb_contact_required_note {
    font-size: 12px;
    color: #502c1e;
    margin: 10px 0 20px 0;
}

/* Button-Zeile */
.ia_fe_wb_contact_btn_row {
    display: flex;
    justify-content: center;
}

/* Button */
.ia_fe_wb_contact_btn {
    display: inline-block;
    padding: 16px 72px;
    font-size: 18px;
    font-weight: 900;
    letter-spacing: 1px;
    text-transform: uppercase;
    background: var(--ia_fe_button_bg_color, #FFD900);
    color: #1a0e00;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    transition: background 0.2s, transform 0.1s;
    font-family: inherit;
}
.ia_fe_wb_contact_btn:hover {
    background: #e8c400;
}
.ia_fe_wb_contact_btn:active {
    transform: scale(0.98);
}

/* Honeypot — komplett versteckt, auch für Screenreader */
.ia_fe_wb_contact_honeypot {
    position: absolute;
    left: -9999px;
    top: -9999px;
    width: 1px;
    height: 1px;
    overflow: hidden;
    opacity: 0;
    pointer-events: none;
}

/* Responsive Button */
@media (max-width: 400px) {
    .ia_fe_wb_contact_btn {
        width: 100%;
        padding: 14px 20px;
    }
}




/* Standard: beide sichtbar */
.ia_dont_show_on_mobile {}
.ia_show_only_on_mobile {}

@media (max-width: 980px) {

	.ia_dont_show_on_mobile {
		display: none !important;
	}

	.ia_show_only_on_mobile {
		display: block !important;
	}

}

@media (min-width: 981px) {

	.ia_show_only_on_mobile {
		display: none !important;
	}

	.ia_dont_show_on_mobile {
		display: block !important;
	}

}

.ia_h2_win_text {
	font-size:1.8em!important;
	color:#7a7923;
	font-weight:bold;
}

@media (max-width: 981px) {
	.ia_h2_win_text {
		font-size:1.1em!important;
	}
}