/*
Click nbfs://nbhost/SystemFileSystem/Templates/Licenses/license-default.txt to change this license
Click nbfs://nbhost/SystemFileSystem/Templates/Other/CascadeStyleSheet.css to edit this template
*/
/* 
    Created on : 05.06.2025, 11:57:03
    Author     : ferenckrausz
*/

html, body {
    height: 138px;
    margin: 0px;
}

iframe {
    width: 50%;
    margin: auto;
    height: 300px;
    display: block;
    
    border: 1px solid #000;
}

.petition {
    margin: auto;
    width: 1054px;
    
    padding: 16px 0px;
}


.petition .dataprotection {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    margin-bottom: 1.5rem;
}

.petition .dataprotection-checkbox {
    margin-top: 0.4rem; /* für vertikale Ausrichtung */
    flex-shrink: 0;
}

.petition .dataprotection-text {
    max-width: 800px;
    font-size: 0.95rem;
}

.petition select.form-select {
    background-color: #fff;
    border-radius: 0.5rem;
    box-shadow: 0 0 0.25rem rgba(0, 0, 0, 0.1);
    transition: border-color 0.2s;
}
.petition select.form-select:focus {
    border-color: #0d6efd;
    box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}

.petition .select2-container--default .select2-selection--single {
    height: calc(2.5rem + 2px); /* entspricht Bootstrap 5 .form-select */
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.375rem;
    
}

.petition .select2-container--default .select2-selection--single:focus,
.petition .select2-container--default .select2-selection--single:focus-visible {
    border-color: #86b7fe;
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(13,110,253,.25);
}

.petition .select2-container--default {
    margin-bottom: 1.5rem;
    width: 100% !important;
}


input[type=email] {
    text-align: center !important;
    width: 287px;
    display: inline-block;
    
    /* UI Properties */
    font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-normal) 26px/var(--unnamed-line-spacing-48) var(--unnamed-font-family-avenir-next);
    color: var(--unnamed-color-000000);
    text-align: left;
    font: normal normal normal 26px/48px Avenir Next;
    letter-spacing: 0.52px;
    color: #000000;
    opacity: 1;
    
    /* UI Properties */
    background: var(--unnamed-color-ffffff) 0% 0% no-repeat padding-box;
    border: 1px solid var(--unnamed-color-000000);
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #000000;
    border-radius: 5px;
    opacity: 1;
}
input[type=submit] {
    min-width: 151px !important;

    height: 50px;
    background: #CEA152 0% 0% no-repeat padding-box;
    border-radius: 5px;
    opacity: 1;
    /* UI Properties */
    font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-normal) 26px/var(--unnamed-line-spacing-36) var(--unnamed-font-family-avenir-next);
    color: var(--unnamed-color-ffffff);
    text-align: center;
    font: normal normal normal 26px/36px Avenir Next;
    letter-spacing: 0.52px;
    color: #FFFFFF;
    opacity: 1;
    
    border: 0px !important;
}

input[type=text] {
    width: 373.65px !important;
}


.view-table {
    display: table;
}

.view-row {
    display: table-row;
}


.view-col {
    display: table-cell;
    vertical-align: top;
    
    padding: 0px 15px;
    
}

.view-col span {
    
    /* UI Properties */
    font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-normal) 16px/22px var(--unnamed-font-family-avenir-next);
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--unnamed-color-000000);
    text-align: left;
    font: normal normal normal 16px/22px Avenir Next;
    letter-spacing: 0px;
    color: #000000;
    opacity: 1;
}

.view-col:first-child {
    padding-left: 0px;
}

.view-col:last-child {
    padding-right: 0px;
}

.view-col-2 {
    width: 550px;
}

.view-col-3 {
    width: 151px;
}

@media all and (max-width: 1680px){
    .petition {
        width: 961px;
    }
    
    .view-col-2 {
        width: 459px;
    }
    
}

@media all and (max-width: 1440px){
    .petition {
        width: 789px;
    }
    
    .view-col-2 {
        width: 396px;
    }
    
    
    input[type=email] {
        width: 210px;
    }
}

@media all and (max-width: 1024px){
    
    .view-table {
        width: 607px;
    }
    
    .view-col {
        display: block;
        padding: 10px 0px;
    }
    
    .view-col-2,
    .petition {
        width: 607px;
        margin: auto;
    }
    
}

@media all and (max-width: 767px){
    
    .view-table,
    .view-col-2 {
        width: 100%;
    }
    
    .petition {
        width: 80%;
        padding-bottom: 0px;
    }
    
    
}

@media all and (max-width: 375px){
    
    .view-table,
    .view-col-2,
    .petition {
        width: 325px;
    }
    
    .petition {
        padding-bottom: 0px;
    }
    
    
}


input:focus {
    outline-color: #cea152 !important;
    border-color: #cea152 !important;
}

.btn.btn-primary:hover {
    background-color: #c19343;
    cursor: pointer;
}

input[type=checkbox] {
    width: 16px;
    height: 16px;
}

a {
    color: #000;
}

h2 {
    color: #000;
    font-family: Avenir Next;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    margin: 0px;
    margin-bottom: 14px;
}