:root {
--ia_registration_main_font_color: #1A304D;
--ia_registration_main_design_color: #1A304D;
--ia_registration_mainDesignColor1: #8b9e67;
--ia_registration_mainDesignColor1a: #8b9e67;
--ia_registration_mainDesignColor2: #8b9e67;
--ia_registration_mainDesignColor2a: #8b9e67;
--ia_registration_mainSchriftSize: 20px;
--ia_registration_mainDetails: #565656;
--ia_registration_rounded: 8px;
--ia_registration_default_padding: 20px;
--ia_registration_default_padding_field: 6px 10px;
--ia_registration_default_border_field: 1px;
--ia_registration_default_font_size: 17px;
--ia_default_padding_button: 5px 15px 5px 15px;
--ia_registration_main_effect_duration: 0.5s;
--ia_registration_default_shadow: 0px 12px 6px -6px rgba(0,0,0,0.12);
} .ia_width_100 {
width: 100%;
}
.ia_registration_white {
color:white;
}
.ia_register_form {
background-color:#1A304D!important;
padding: var(--ia_registration_default_padding);
max-width: 40%;
border-radius: var(--ia_registration_rounded);
line-height: 1.2;
color: white;
}
@media (max-width: 980px) {
.ia_register_form {
max-width: 100%;
}
}
.ia_login_form {
background-color:#1A304D!important;
padding: var(--ia_registration_default_padding);
max-width: 30%;
border-radius: var(--ia_registration_rounded);
line-height: 1.2;
color: white;
}
@media (max-width: 980px) {
.ia_login_form {
max-width: 100%;
}
}:root {
--main_font_color: #1A304D;
--main_design_color: #1A304D;
--mainDesignColor1: #8b9e67;
--mainDesignColor1a: #8b9e67;
--mainDesignColor2: #8b9e67;
--mainDesignColor2a: #8b9e67;
--mainSchriftSize: 20px;
--mainDetails: #565656;
--rounded: 8px;
--ia_default_padding: 20px;
--ia_default_paddingField: 6px 10px;
--iaDefaultBorderField: 1px;
--iaDefaultFontSize: 17px;
--ia_default_paddingButton: 5px 15px 5px 15px;
--mainEffectDuration: 0.5s;
--iaDefaultShadow: 0px 12px 6px -6px rgba(0,0,0,0.12);
}  .ia_inline {
display:inline-block;
}
.ia_p {
padding:0 0 10px 0;
}
.ia_none {
display:none;
}
.ia_default_padding {
padding: 20px;
}
.ia_white {
color:white;
}
.ia_underline {
text-decoration:underline!important;
}
.ia_strong {
font-weight: bold;
}
.ia_center {
text-align: center;
}
.ia_pointer {
cursor:pointer;
}
.ia_space_xs { height: 0.1em; }
.ia_space_s { height: 0.5em; }
.ia_space_l { height: 1em; }
.ia_space_m { height: 1.5em; }
.ia_space_l { height: 2em; }
.ia_space_xl { height: 2.5em; }
.ia_rounded {
border-radius: var(--rounded);
}
.ia_default_padding_field {
padding: var(--ia_default_paddingField);
}
.ia_default_border_field {
border-width: var(--iaDefaultBorderField);
}
.ia_button {
background-color: var(--main_font_color);
margin-left: 0em;
border:none;
padding: 0.3em 0.7em 0.3em 0.7em;
font-size: 17px;
border-radius: var(--rounded);
color: white;
}
.ia_button_light {
background-color:#fff;
margin-left: 0em;
border:none;
padding: 0.3em 0.7em 0.3em 0.7em;
font-size: 17px;
border-radius: var(--rounded);
color: var(--main_font_color);
}
.ia_button_2 {
background-color: var(--main_font_color);
margin-left: 0em;
border:none;
padding: 0.3em 0.7em 0.3em 0.7em;
font-size: 17px;
border-radius: var(--rounded);
color: white;
}
.ia_button:hover {
opacity: 0.7;
cursor:pointer;
}
.ia_button_light:hover {
opacity: 0.7;
cursor:pointer;
}
.ia_button:active {
background-color:#f6f6f6;
}
.ia_button_disabled {
background-color: #dfdfdf!important;
}
.ia_button_margin {
margin: 0.1em;
}
.ia_input {
padding: 0.3em 0.7em 0.3em 0.7em!important;
font-size: 17px!important;
min-width: 30%;
border-radius: var(--rounded);
border-width: 1px!important;
border-color: var(--main_design_color);
}
.ia_subnote {
font-size:70%;
opacity:0.4;
} @media (max-width: 980px) {
.ia_input {
width: 100%;
}
}
.ia_dropdown {
padding: 0.3em 0.7em 0.3em 0.7em!important;
font-size: 17px!important;
min-width: 30%;
border-radius: var(--rounded);
border-width: 1px!important;
border-color: var(--main_design_color);
}
@media (max-width: 980px) {
.ia_dropdown {
width: 100%;
}
}
.ia_grid_3 {
display: flex;
gap: 1em;
align-items: stretch;
justify-content: flex-start;
}
.ia_grid_3_box {
border-radius: var(--rounded);
cursor: pointer;
padding: 1em;
text-align: left;
width: 10em;
min-height: 6em;
display: flex;
flex-direction: column;
justify-content: center;
}
@media (min-width: 320px) and (max-width: 980px) {
.ia_grid_3 {
grid-template-columns: 1fr 1fr;
gap: 130px 20px;
}
}
@media (max-width: 319px) {
.ia_grid_3 {
grid-template-columns: 1fr;
gap: 20px;
}
}
.ia_fade_in {
-webkit-animation: fadein 1s; -moz-animation: fadein 1s; -ms-animation: fadein 1s; -o-animation: fadein 1s; 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); }
} @-moz-keyframes fadein {
from { opacity: 0; transform: rotateX(0deg) rotateY(15deg); }
to   { opacity: 1; transform: rotateX(0deg) rotateY(0deg); }
} @-webkit-keyframes fadein {
from { opacity: 0; transform: rotateX(0deg) rotateY(15deg); }
to   { opacity: 1; transform: rotateX(0deg) rotateY(0deg); }
} @-ms-keyframes fadein {
from { opacity: 0; transform: rotateX(0deg) rotateY(15deg); }
to   { opacity: 1; transform: rotateX(0deg) rotateY(0deg); }
} @-o-keyframes fadein {
from { opacity: 0; transform: rotateX(0deg) rotateY(15deg); }
to   { opacity: 1; transform: rotateX(0deg) rotateY(0deg); }
}
.ia_scale:hover {
transform: scale(1.1);
}
@media (max-width: 980px) {
.ia_scale:hover {
transform: scale(1);
}
}
.ia_blink {
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_content_frame {
padding: 3em;
}
.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_dark {
position: relative;
background: 
url(https://webinspektor.de/wp-content/uploads/webinspektor-weiss-150px.webp) no-repeat right 2em bottom 1.3em,
linear-gradient(to right, rgba(26, 48, 77, 1), rgba(26, 48, 77, 0.70));
background-size: auto 5em, cover;
box-shadow: 0px 9px 12px rgba(0, 0, 0, 0.2);
backdrop-filter: blur(8px);
-webkit-backdrop-filter: blur(8px);
border-radius: var(--rounded);
border: 1px solid rgba(255, 255, 255, 0.18);
transition: background 0.3s ease, box-shadow 0.3s ease, backdrop-filter 0.3s ease;
overflow: hidden;
color: white;
}
.ia_glass_dark:hover {
background: 
url(https://webinspektor.de/wp-content/uploads/Logo_Animation.gif) no-repeat right 2em bottom 1.3em,
linear-gradient(to right, rgba(26, 48, 77, 1), rgba(26, 48, 77, 0.70));
background-size: auto 6em, cover;
box-shadow: 0px 9px 12px rgba(0, 0, 0, 0.3);
}
@media (max-width: 980px) {
.ia_glass_dark {
background: 
url(https://webinspektor.de/wp-content/uploads/webinspektor-weiss-150px.webp) no-repeat right 1em bottom 1em,
linear-gradient(to right, rgba(26, 48, 77, 1), rgba(26, 48, 77, 0.70));
background-size: auto 2.7em, cover;
box-shadow: 0px 9px 12px rgba(0, 0, 0, 0.2);
backdrop-filter: blur(8px);
-webkit-backdrop-filter: blur(8px);
border-radius: var(--rounded);
border: 1px solid rgba(255, 255, 255, 0.18);
transition: background 0.3s ease, box-shadow 0.3s ease, backdrop-filter 0.3s ease;
overflow: hidden;
color: white;
}
.ia_glass_dark:hover {
background: 
url(https://webinspektor.de/wp-content/uploads/Logo_Animation.gif) no-repeat right 1em bottom 1em,
linear-gradient(to right, rgba(26, 48, 77, 1), rgba(26, 48, 77, 0.70));
background-size: auto 3.2em, cover;
box-shadow: 0px 9px 12px rgba(0, 0, 0, 0.3);
}
}
.ia_glass_light {
background: rgba( 255, 255, 255, 0.55 );
box-shadow: 0px 9px 12px rgba(0, 0, 0, 0.2);
backdrop-filter: blur( 8px );
-webkit-backdrop-filter: blur( 8px );
border-radius: var(--rounded);
border: 1px solid rgba( 255, 255, 255, 0.18 );
transition: background 0.3s ease, box-shadow 0.3s ease, backdrop-filter 0.3s ease;
overflow:hidden;
}
.ia_glass_light:hover {
background: rgba( 255, 255, 255, 0.65 );
box-shadow: 0px 9px 12px rgba(0, 0, 0, 0.3);
backdrop-filter: blur( 9px );
-webkit-backdrop-filter: blur( 9px );
}
.bg_image_bottom_right {
background-image: url(https://webinspektor.de/wp-content/uploads/Logo_Animation.gif);
background-repeat: no-repeat;
background-position: right 2em bottom 2em;
background-size: 15em;
background-attachment: local;
transition: none !important;
}
.ia_tr:hover {
background-color: #efefef; }
.ia_wrap {
padding: 0 20px 0 20px;
}
.show_highest_page_counter {
padding: 20px 30px 20px 30px;
background-color: white;
border-radius: var(--rounded);
display: inline-block;
}
#binary-animation {
overflow: hidden;
font-family: monospace;
color: rgba(255, 255, 255, 0.15);
font-size: 12px;
}
.binary-column {
position: absolute;
top: -100%;
white-space: nowrap;
animation: drop 8s linear infinite;
}
@keyframes drop {
0% {
top: -100%;
opacity: 0;
}
10% {
opacity: 1;
}
100% {
top: 100%;
opacity: 0;
}
}
.ia_responsive_table {
}
.ia_responsive_table {
width: 100%;
border-collapse: collapse;
}
.ia_responsive_table th,
.ia_responsive_table td {
border: 1px solid #ccc;
padding: 8px;
text-align: left;
}
@media screen and (max-width: 768px) {
.ia_responsive_table thead {
display: none;
}
.ia_responsive_table tr {
display: block;
margin-bottom: 1em;
border-bottom: 2px solid #ccc;
}
.ia_responsive_table td {
display: block;
text-align: right;
position: relative;
padding-left: 50%;
}
.ia_responsive_table td::before {
content: attr(data-label);
position: absolute;
left: 8px;
top: 8px;
font-weight: bold;
text-align: left;
}
}
@media (max-width: 980px) {
.ia_break_on_mobile {
display: block;
}
}
.ia_tile_grey {
background-color: #f4f4f4;
}