body, p a {
  color: black; background-color: #dfe4ea;
  /* background-color: #fbdbe0; /*für Validierung*/
  font-size: 0.9em;
  font-family: Helvetica,Arial,sans-serif;
  margin: 0; padding: 0;
  min-width: 41em; /* Mindestbreite verhindert Umbruch und Anzeigefehler in modernen Browsern */
}

.loginerror
{
  color: Red;
}

#Wartung {text-align:center; padding:5px 0px 5px 0px; margin: 5px 0px 5px 0px; }

.WhoAmI {margin-top:1.3em; padding-top:1.3em; padding-bottom:8em; margin-bottom:8em; font-size: 0.7em; color: #000; font-weight:bold;}
#head {width: 100%; height: 4.8em; background-color: #FFFFFF; padding: 0; margin: 0; background-image: url(../images/vvrlogo.gif); background-position:right;  background-repeat:no-repeat;}
#head img {float: left; margin-right: 20px;}
#head h1 {font-size:1.4em; color: #036;	font-weight:bolder;	text-transform:capitalize; letter-spacing: 0.2em; padding: 0.5em 0 0.2em; margin: 0; text-align: right;}
#head a:link, #head a:visited {color: #036; text-decoration: underline;} 
#head a:hover, #head a:active {color: #ffffff; text-decoration: none; background: #036;}

#headPflege 
{
position: absolute; top: 0; left: 0; height: 5.24em; 
width: 69.3em; background-color: #b3bfcc; padding: 0; margin: 0; 
border-bottom: solid 1px #036;width:100%
/*border-bottom: solid 1px #036;border-right: solid 1px #036;*/
}

#headPflege img {float: left; margin-right: 20px; height: 5.25em; width: 14.94em;}
#headPflege h1 {font-size:1.4em; color: #036;	font-weight:bolder;	text-transform:capitalize; letter-spacing: 0.25em; padding: 0.5em 0 0.2em; margin: 0;}
#headPflege a:link, #headPflege a:visited {color: #036; text-decoration: underline;} 
#headPflege a:hover, #headPflege a:active {color: #ffffff; text-decoration: none; background: #036;}

#Micro {color: #036; font-size: 0.7em; float: left; margin: 0; padding: 0;}
#MetaNav {text-align: right; font-size: 0.7em; margin: 0.2em; padding: 0;}

#suchemicronav {background-color:#036; padding: 0.2em; color: #fff;}
#suchemicronav a {text-decoration:none; color: #fff; letter-spacing: 0.1em;}

hr {border-top: 1px solid #036; border-bottom: 1px solid #036;}
tr {font-size: 0.9em;}

ul#NavigationSelect {font-size: 0.83em; float: left; width: 18em; margin: 0; padding: 0; clear: left; background-color: #036;}

ul#NavigationSelect ul {padding-left: 0.5em; margin: 0;}

ul#NavigationSelect li {font-weight: bold; list-style: none; margin: 0; padding: 0.5em; color:#fff; border-bottom: 1px solid #fff}
ul#NavigationSelect li.lastitem {border-width: 0px;}
ul#NavigationSelect li label {font-weight: normal;}
ul#NavigationSelect li input {width: 15em;}

ul#NavigationSelect a {color:#fff; text-decoration:none; font-weight: normal;}
ul#NavigationSelect a:visited, a:link {text-decoration:none;}
ul#NavigationSelect a:hover, a:active {text-decoration:underline;}

#Navigation
{
  position: absolute; top: 6.32em; left: 0; width: 18em; overflow: hidden;
  font-size: 0.83em; margin: 0; padding: 0; background-color: #036;
  border-bottom: solid 1px black; border-right: solid 1px black;
  /*
  background-image: url(images/verlauf.jpg);
  background-position:bottom right;
  */
}

#Navigation ul {padding-left: 0.5em; margin: 0;}

#Navigation li {font-weight: bold; list-style: none; margin: 0; padding: 0.5em; color:#fff; border-bottom: 1px solid #fff}
#Navigation li.lastitem {border-width: 0px;}
#Navigation li label {font-weight: normal;}
#Navigation li input {width: 15em;}

#Navigation a {color:#fff; text-decoration:none; font-weight: normal;}
#Navigation a:visited, a:link {text-decoration:none;}
#Navigation a:hover, a:active {text-decoration:underline;}


#RightBox {font-size: 0.9em; float: right; width: 12em; margin: 1em 0; padding: 0;}
#RightBox div.SubBox {background-color: #eee; border: 1px solid #036; margin-bottom: 1em;}
#RightBox h2 {font-size: 1.1em; margin: 0.2em 0.2em; color: #036;}
#RightBox p {font-size: 0.9em; margin: 0.2em 0.2em;}


#Inhalt {position: absolute; top: 7.25em; left: 18em; width: 51.3em; margin: 0; padding: 0 0 0.5em 0;}
#Inhalt h2 {font-size: 1.2em; margin: 0.2em 0;}
#Inhalt p {font-size: 0.9em; margin: 1em 0;}
#Inhalt h2 {font-size:1.1em; color: #036; font-weight:bolder; text-transform:capitalize; letter-spacing: 0.2em; vertical-align:bottom;}
* html div#Inhalt {
  height: 1em;  /* Workaround gegen den 3-Pixel-Bug des Internet Explorers */
}

#Inhalt th a:visited, a:link {text-decoration:none; color: #fff;}
#Inhalt th a:hover, a:active {text-decoration:none; color:#fff;}

/* #Inhalt fieldset 
{
  padding: 0px 8px 8px 8px;
  width: 46em; 
  margin-top: 8px;
  background-color: #C0CDDA; 
  border-left: 0px none black; 
  border-top: 0px none black; 
  border-right: 0px none black; 
  border-bottom: 16px solid #DFE4EA; 
  margin-bottom: 8px;
  background-image:url(../images/title_background.gif);
  background-repeat: repeat-x;
} */

#Inhalt fieldset 
{
  padding: 8px 8px 8px 8px;
  width: 46em; 
  margin-top: 24px;
  background-color: #DFE4EA;
  border-left: 1px solid #003366;
  border-top: 3px solid #003366;
  border-Right: 1px solid #003366;
  border-bottom: 1px solid #003366;
} 

#Inhalt fieldset.Error 
{
  padding: 0.5em; 
  border-left: 1px solid #AD003A; 
  border-top: 3px solid #AD003A; 
  border-right: 1px solid #AD003A; 
  border-bottom: 1px solid #AD003A; 
  width: 46em;
  background-color: #DFE4EA;
}

#Inhalt fieldset.Ok {padding: 0.5em; border: 1px solid #398E00; width: 46em; color: #398E00;}

#Inhalt legend 
{
  padding-top: 0px;
  padding-left: 0px;
  padding-right: 0px;
  color: #003366;
  border: none 0px black;
  margin-bottom: 8px;
  /* border-left: 1px solid #003366;
  border-top: 1px solid #003366;
  border-Right: 1px solid #003366;
  border-bottom: 1px solid #003366; */
  font-weight: bold;
  /* background-image:url(../images/title_background.gif); 
  background-repeat: repeat-x; */
  font-size: 0.9em;
}

/* #Inhalt legend 
{
  padding-top: 0px;
  padding-left: 16px;
  padding-right: 16px;
  color: white;
  background-color: #003366;
  border: none 0px black;
  margin-bottom: 8px;
  border-left: 1px solid #808080;
  border-top: 1px solid #808080;
  border-Right: 1px solid white;
  border-bottom: 1px solid white;
} */

#Inhalt legend.Error {color: #AD003A;}
#Inhalt legend.Ok {color: #398E00;}

#Inhalt label {font-size: 0.9em; float: left; clear: left; text-align: left; width: 14em; padding-right: 0.5em; margin-bottom: 0.3em;}
#Inhalt label.short {font-size: 0.9em; float: none; clear: none; text-align: left; padding-right: 0.5em; vertical-align: top;}
#Inhalt div.Error {padding: 0.5em; color: #AD003A;}

#Inhalt a:visited, a:link {text-decoration:none; color: #036;}
#Inhalt a:hover, a:active {text-decoration:none; color:#000;}

#Inhalt .radiobutton {font-size: 0.9em; width: 100%; margin-bottom: 0.3em; color: #000; clear:right;}

#Inhalt .textbox 
{font-size: 0.9em; float: left; width: 34em; margin-bottom: 0.3em;font-family:Arial; }

#Inhalt .textbox:hover {background-color:#efefef; border: 1px solid #000;}
#Inhalt .textbox:focus {border: 1px solid #000;}
#Inhalt .textbox_short {font-size: 0.9em; float: none; width: 28.6em; margin-bottom: 0.3em; color: #000; background-color: #fff; border: 1px solid #787878;}
#Inhalt .textbox_short:hover {background-color:#efefef; border: 1px solid #000;}
#Inhalt .textbox_short:focus {border: 1px solid #000;}
#Inhalt .textbox_error {font-size: 0.9em; float: left; width: 34em; margin-bottom: 0.3em; color: #000; background-color: #efcccd; border: 1px solid #AD003A;}

#Inhalt .textboxfile {font-size: 0.9em; width: 34em; margin-bottom: 0.3em; color: #000; background-color: #fff; border: 1px solid #787878;}
#Inhalt .textboxfile:hover {background-color:#efefef; border: 1px solid #000;}
#Inhalt .textboxfile:focus {border: 1px solid #000;}

#Inhalt .textlabel {font-size: 0.9em; float: left; width: 34em; margin-bottom: 0.3em; color: #000;}
#Inhalt .textlabel2 {font-size: 0.9em; color: #000;}

#Inhalt .checkbox {font-size: 0.9em; float: left; width: 34em;}
#Inhalt .checkbox_error {font-size: 0.9em; float: left; width: 34em; background-color: #EFCCCD;}
#Inhalt .select {font-size: 0.9em; float: left; width: 34.2em; margin-bottom: 0.3em; color: #000; border: 1px solid #000; background-color: #fff; border: 1px solid #787878;}
#Inhalt .select_error {font-size: 0.9em; float: left; width: 34.2em; margin-bottom: 0.3em; color: #000; border: 1px solid #000; background-color: #efcccd; border: 1px solid #AD003A;}
#Inhalt .select:hover { background-color:#efefef;}
#Inhalt .select:focus { background-color:#fff; }

#Inhalt .tb_vu_suche {font-size: 0.9em; float: left; width: 17.5em; margin-bottom: 0.3em; color: #000; background-color: #fff; border: 1px solid #787878;}
#Inhalt .tb_vu_suche:hover {background-color:#efefef; border: 1px solid #000;}
#Inhalt .tb_vu_suche:focus {border: 1px solid #000;}

#Inhalt img {margin-top: 0.5em;}

#Inhalt div.Radio {float: left;}
#Inhalt div.Radio label {float: none; clear: none;}


#CheckB {float: left; padding-left:3px;}
#CheckB label {float: none; clear: none; padding-left:2px;}

html > body fieldset {background: #E3E7EF;}
html > body fieldset.Error {background: #EFCCCD;}
html > body fieldset.Ok {background: #D6FFAD;}



/* input[type=password]{font-size:0.9em; color: #000; border: 1px solid #000;}
input[type=password]:hover {font-size:0.9em; background-color:#efefef;}
input[type=password]:focus {font-size:0.9em; background-color:#fff; } */

input[type=password]
{
  color:black;
  background-color: white; 
  background-image:url(../images/textbox_background.gif); 
  border-left: 1px solid #C0C0C0; 
  border-top: 1px solid #C0C0C0; 
  border-right: 1px solid #C0C0C0; 
  border-bottom: 1px solid #C0C0C0; 
}

input[type=text]
{
  color:black;
  background-color: white; 
  background-image:url(../images/textbox_background.gif);
  border-left: 1px solid #808080; 
  border-top: 1px solid #808080; 
  border-right: 1px solid #C0C0C0; 
  border-bottom: 1px solid #C0C0C0; 
}

input[type=text][readonly=readonly]
{
  color:#C9C7BA;
  background-image:url(../images/textbox_background_readonly.gif);
  border-left: 1px solid #C9C7BA; 
  border-top: 1px solid #C9C7BA; 
  border-right: 1px solid #C9C7BA; 
  border-bottom: 1px solid #C9C7BA; 
}

/*
select:hover { background-color:#efefef;}
select:focus { background-color:#fff; }
select {font-size:0.9em; color: #000; border: 1px solid #000; background-color:#fff; border: 1px solid #787878;}
*/

/* .FormButton{font-size:0.9em; color: #036; background-color:#efefef; border: 1px solid #036; float: left; margin-right: 5px; padding: 1px;} */
.FormButton
{
  font-size:0.9em; 
  color: #036; 
  background-image:url(../images/button_background.gif); 
  border-left: 1px solid #A0A0A0; 
  border-top: 1px solid #A0A0A0; 
  border-right: 1px solid #404040; 
  border-bottom: 1px solid #404040; 
  float: left; 
  margin-right: 5px; 
  padding: 1px;
} 

.FormButton:hover
{
  font-size:0.9em; 
  color: black; 
  background-image:url(../images/button_background.gif); 
  border-left: 1px solid #A0A0A0; 
  border-top: 1px solid #A0A0A0; 
  border-right: 1px solid #404040; 
  border-bottom: 1px solid #404040; 
  float: left; 
  margin-right: 5px; 
  padding: 1px;
}

.FormButton[disabled]
{
  font-size:0.9em; 
  color: Gray; 
  background-image:url(../images/button_background.gif); 
  border-left: 1px solid #A0A0A0; 
  border-top: 1px solid #A0A0A0; 
  border-right: 1px solid #404040; 
  border-bottom: 1px solid #404040; 
  float: left; 
  margin-right: 5px; 
  padding: 1px;
}

.FormButtonAfterBox{font-size:0.9em; color: #036; background-color:#efefef; border: 1px solid #036; padding: 1px;}
.FormButtonAfterBox:hover{background-color:#036; border: 1px solid #000; color: #fff; padding: 1px;}
.FormButtonAfterBox[disabled]{color: Gray; background-color:#efefef; border: 1px solid #000; padding: 1px;}

.FormButtonInField{font-size:0.9em; color: #036; background-color:#efefef; border: 1px solid #036; float: left; margin-bottom: 3px; padding: 1px;}
.FormButtonInField:hover{background-color:#036; border: 1px solid #000; color: #fff; padding: 1px;}
.FormButtonInField[disabled]{color: Gray; background-color:#efefef; border: 1px solid #000; padding: 1px;}

tr.ResultListDark a:hover, tr.ResultListBright a:hover {color: #000; text-decoration:underline; background-color: Transparent;} 
tr.ResultListDark a, tr.ResultListBright a {color: #036; text-decoration:none; background-color: Transparent;}

tr.ResultListDark {background-color: #b3bfcc;}
tr.ResultListHeader {background-color: #036; color: #fff; font-weight: bold; text-align: left;}
#Inhalt tr.ResultListHeader a:link, #Inhalt tr.ResultListHeader a:visited {background-color: #036; color: #fff; text-decoration: none;}
#Inhalt tr.ResultListHeader a:hover, #Inhalt tr.ResultListHeader a:active {background-color: #036; color: #fff; text-decoration: none;}
tr.ResultListBright {background-color: #E3E7EF;}
#Inhalt tr.ResultListSize a {width: 3em; padding: 0.5em;}
tr.ResultListSeparator {
  background-color: #036;
  height: 2px;
}

.logintextbox {font-size: 0.9em; width: 15em; margin-bottom: 0.1em; color: #000; background-color: #fff; border: 1px solid #787878;}
.MicroNavTreffer {width: 33em; text-align: right;}
.TrefferNavigationSuche {padding-left: 1.5em; font-size: 0.8em;}

.SuchKriterien {font-family: Arial; font-size: 0.8em;}
.SuchKriterienHeader {font-family: Arial; font-size: 0.8em; color: #036; font-weight:bold;}


#Fusszeile {clear: both; margin: 0; padding: 0.5em; text-align: center; background-color: #036;color:White;}
#Fusszeile a:link, #Fusszeile a:visited {color: white; text-decoration: none;} 
#Fusszeile a:hover, #Fusszeile a:active {color: #ffffff; text-decoration: underline; background: #036;}


/* Error für die Validatoren*/
.ErrorFieldset {border: 1px solid #AD003A; background-color: #efcccd; color:#AD003A;}
/* Allgemeine Fehlerausgabe*/
.ErrorClass {border: 1px solid #AD003A; background-color: #efcccd; color: #AD003A; width: 46em; padding: 0.5em;}
.ErrorClassWide {border: 1px solid #AD003A; background-color: #efcccd; color: #AD003A; width: 50.2em; padding: 0.5em; margin-bottom: 0.5em;}
.ErrorValidator {color:  #AD003A; background-color: #DFE4EA;}
.notvalid {border: 1px solid #AD003A; background-color: #DFE4EA;}

/* Allgemeine Erfolgsausgabe*/
.SuccessClass {border: 1px solid #3D8F00; background-color: #D1FFAF; color: #3D8F00; width: 46em; padding: 0.5em;}
.SuccessClassWide {border: 1px solid #3D8F00; background-color: #D1FFAF; color: #3D8F00; width: 50.2em; padding: 0.5em; margin-bottom: 0.5em;}

.ResultTable 
{
  width:100%;
}

/* .ResultTable td:hover,
.ResultTable td a:hover
{
  color: #FFFFFF;
  background-color: #003366;
}*/

.ContentHeader {color:#036; text-decoration:none; font-weight: bolder; text-transform:uppercase; letter-spacing: 0.1em; margin-bottom: 2em; padding-bottom: 2em; }
.ContentHeader2 {color:#036;  text-decoration:none; font-weight: bolder; margin-bottom: 1em; }


/*ctl00_ContentPlaceHolder1_WizardMicroNavCurrentItem*/

#WizardStepDisabled {color: #efefef;}

.WizardStepCurrent {border: 1px solid #036; color: #fff; margin: 0; padding: 0; background-color: #036;}
.WizardStepCurrent div.innerStep {border: 1px solid #036; background-color: #E3E7EF; color: #000; margin: 0; padding: 0.5em 2em 2em;}
.WizardStepCurrent div.Step {border: 1px solid #036; background-color: #036; margin: 0; padding: 0.2em 0.5em; font-size:0.9em; color:#fff;}

.WizardStep {font-size:0.9em; border: 1px solid #036; background-color: #b5bece; color: #036; margin: 0.1em 0em; padding: 0.2em; text-decoration:none;}
.WizardStep a {background-color: #b5bece; color: #036; margin: 0.1em 0em; padding: 0.2em; text-decoration:none;}

.WizardMicroNavCurrentItem {font-size:0.9em; color:#036; text-decoration:none; font-weight: bolder;}
.WizardMicroNavSeparator {font-size:1.1em; color:#fff; text-decoration:none;}
.WizardMicroNavItem {font-size:0.9em; color:#036; text-decoration:underline;}
.WizardMicroNavDisabledItem {font-size:0.9em; color:#000; text-decoration:none;}

.PHeader {font-weight:bold;}

#tblListSparten td {text-align: left;}

.warning-container {
    background: linear-gradient(135deg, #fff3cd 0%, #ffeaa7 100%);
    border: 2px solid #ffc107;
    border-radius: 12px;
    padding: 24px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    position: relative;
    overflow: hidden;
}

    .warning-container::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 4px;
        background: linear-gradient(90deg, #ff6b35, #ffc107, #ff6b35);
        background-size: 200% 100%;
        animation: gradient 3s ease infinite;
    }

@keyframes gradient {
    0% {
        background-position: 0% 50%;
    }

    50% {
        background-position: 100% 50%;
    }

    100% {
        background-position: 0% 50%;
    }
}

.warning-icon {
    display: inline-block;
    width: 24px;
    height: 24px;
    margin-right: 12px;
    vertical-align: middle;
    color: #856404;
}

.warning-title {
    font-size: 18px;
    font-weight: 600;
    color: #856404;
    margin: 0 0 16px 0;
    display: flex;
    align-items: center;
}

.warning-text {
    color: #664d03;
    line-height: 1.6;
    margin: 0;
    font-size: 14px;
}

.highlight {
    background-color: rgba(255, 193, 7, 0.3);
    padding: 2px 4px;
    border-radius: 4px;
    font-weight: 500;
}

@media (max-width: 640px) {
    body {
        padding: 10px;
    }

    .warning-container {
        padding: 20px;
    }

    .warning-title {
        font-size: 16px;
    }

    .warning-text {
        font-size: 13px;
    }
}