/*
         ============================================
         moneybar24.de CSS
         Gestalung & Umsetzung: Bannerexpress.de
         ============================================
         Grundfarben: #5a03e4 (Purple), #c53cff (Pink), #3337a5 (Purple 2), #c82895 (Pink2), #230058 (Blau dunkel), #2b468a (Blau hell)
*/

/* Links */
a:link, a:visited {
        text-align: left;
         font-size: 1.0em;
         color: #202279;
         font-weight: normal;
         text-decoration:underline;
         transition: all 0.3s ease;
}

a:hover {
         font-weight: normal;
         color: #4e2795;
         text-decoration:none;
}

a.button:link, a.button:visited {
         display: inline-block;

         background-color: #202279;

         text-align: left;
         font-size: 1.2em;
         font-weight: bold;
         text-shadow: rgba(0,0,0,0.2) 1px 1px 1px;
         color: #FFFFFF !important;

         padding: 8px 15px 8px 20px;
         margin: 5px 0px 5px 0px;
         text-decoration:none;

         border: 0px #202279 solid;
         -webkit-border-radius: 50px;
         -moz-border-radius: 50px;
         border-radius: 50px;
}
a.button:hover {
         background-color: #c82895;
         border: 0px #202279 solid;
         font-weight: bold;
         color: #FFFFFF !important;
}


/* ?berschriften */
h1 {
         font-family: 'Noto Sans';
         font-size: 2.0em;
         font-weight: bold;
         text-align: left;
         color: #3337a5;
         margin: 0px 0px 5px 0px;
         padding: 0px 0px 0px 0px;
         vertical-align:top;
}
h1 span { color:#c52797; }

h2 {
         font-family: 'Noto Sans';
         font-size: 1.5em;
         font-weight: bold;
         text-align:left;
         color:#c52797;
         margin: 0px 0px 5px 0px;
         padding: 0px 0px 0px 0px;
         vertical-align:top;
         text-decoration:none;

}
h2 span { color:#3337a5; }

h3 {
         display: block;
         font-family: 'Noto Sans';
         font-size: 1.3em;
         font-weight: bold;
         text-align:left;
         color:#4e2795;
         margin: 5px 0px 5px 0px;
         padding: 0px 0px 0px 0px;
         vertical-align:top;
         text-transform: none;
}

h4 {
         font-family: 'Source Sans Pro';
         font-family: 'Noto Sans';
         font-size: 1.3em;
         font-weight: bold;
         text-align:left;
         vertical-align:top;
         color:#3337a5;

         margin: 0px 0px 0px 0px;
         padding: 5px 10px 5px 10px;

         background: #efefef;
         text-shadow: 1px 1px 0px rgba(255,255,255,0.2);
         border-top: 2px #b50000 solid;
}

* {
         -webkit-text-size-adjust: none;
         -moz-text-size-adjust: none;
         -webkit-text-size-adjust: none;
         -ms-text-size-adjust: none;
         font-size-adjust: none;
         size-adjust: 100%;
}


/* Standarts */
body {
         background: #f0f0f0 url(../images/bg_site.png) top left repeat-x;
         vertical-align: top;
         text-align: left;
         width: 100%;
         height: 100%;
         margin: 0;
         padding: 0;
         min-width: 640px;
         font-size: 1.0em;
}

body, tr, td, div {
         font-family: 'Noto Sans';
         color: #240c40;
         vertical-align: top;
         text-align: left;
         font-size: 1.0em;
}

img              { border: 0px; }
.clear           { clear:both; line-height:0.0em; height: 0px; display: block; background-color: #FFDF00; }
.block           { display: block !important; }
.upper           { text-transform: uppercase; }
.pad             { padding: 10px; }
.pad_l           { padding-left: 10px; }
.pad_top         { padding: 20px 0px; }
.pad_r           { padding-right: 10px; }
.pad_big         { padding: 20px; }
.no_pad          { padding: 0px !important; }
.round           { -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
.a_left          { text-align: left; }
.a_center        { text-align: center !important; }
.a_right         { text-align: right; }

.f_l             { float:left; }
.f_r             { float:right; }
.f_big           { font-size: 1.2em; }
.f_bigger         { font-size: 1.4em; }
.f_small           { font-size: 0.8em; }
.f_smaller         { font-size: 0.7em; }

.w66             { float: left; width: 66%; }
.w50             { float: left; width: 50%; }
.w40             { float: left; width: 40%; }
.w33             { float: left; width: calc(100% / 3); }
.w25             { float: left; width: 25%; }

.bg0 { background-color: #FFFFFF; }
.bg1 { background-color: #eeeeee; }
.bg2 { background-color: #36046b; }
.bg3 { background-color: #3337a5; }
.bg4 { background-color: #c72896; }

.bg_verlauf_1, .button.bg_verlauf_2:hover {
         background: #5a03e4;
         background: -moz-linear-gradient(left,  #5a03e4 0%, #c82895 100%);
         background: -webkit-linear-gradient(left,  #5a03e4 0%,#c82895 100%);
         background: linear-gradient(to right,  #5a03e4 0%,#c82895 100%);
         filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5a03e4', endColorstr='#c82895',GradientType=1 );
}

.button.bg_verlauf_1:hover, .bg_verlauf_2 {
         background: #5a03e4;
         background: -moz-linear-gradient(right,  #5a03e4 0%, #c82895 100%);
         background: -webkit-linear-gradient(right,  #5a03e4 0%,#c82895 100%);
         background: linear-gradient(to left,  #5a03e4 0%,#c82895 100%);
         filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5a03e4', endColorstr='#c82895',GradientType=0 );
}


/* Seite */
#wrapper {
         width: 100%;
         margin: 0px;
         padding: 0px;
         min-height: calc(100vh - 200px);


         background-color: rgba(0,0,0,0.0);
         background-image: url(../images/bg_left.png), url(../images/bg_right.png);
         background-repeat: no-repeat, no-repeat;
         background-position: top left, top right;
         background-size: 700px, 700px;
}

.in {
         width: calc(100% - 40px);
         max-width: 1400px;
         min-width: 760px;
         margin: 0px auto;
}

#top_navi {
         width: calc(100% - 80px);

         margin: 5px auto 10px auto;
         padding: 0px 0px 0px 0px;
         text-align: left;
         text-shadow: #FFFFFF 1px 1px 0px;
}

#top_navi a {
         display: inline-block;
         margin: 3px 5px 3px 5px;
         font-size: 0.8em;
         font-weight: normal;
         color: rgba(0,0,0,0.6);
         text-decoration: none;

}

#top_navi a.active, #top_navi a:hover { color: #c52797; }

#top_navi .icons {
         float: right;
         display: block;
         width: 220px;
         text-align: center;
}
#top_navi .icons b { display: inline-block; float: left; margin: 5px 5px 0px 0px !important; padding: 0px 0px; color: rgba(0,0,0,0.7); font-size: 0.9em; font-weight: normal; }
#top_navi .icons a { display: inline-block; margin: 0px 3px 0px 3px; padding: 0px 0px; background: transparent !important; }
#top_navi .icons a img { width: 26px; height: 26px; -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); filter: grayscale(100%); opacity: 0.5; }
#top_navi .icons a:hover img { -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); filter: grayscale(0%); opacity: 1.0; }

#header {
         display: block;
         width: calc(100% - 24px);
         height: 120px;

         background: #ffffff; /* Old browsers */
         background: -moz-linear-gradient(top,  #ffffff 0%, #f0f0f0 100%);
         background: -webkit-linear-gradient(top,  #ffffff 0%,#f0f0f0 100%);
         background: linear-gradient(to bottom,  #ffffff 0%,#f0f0f0 100%);
         filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f0f0f0',GradientType=0 );

         font-size: 0.9em;

         margin: 0px;
         padding: 10px;

         border:2px #FFFFFF solid;
         -webkit-border-radius: 100px;
         -moz-border-radius: 100px;
         border-radius: 100px;

         -webkit-box-shadow: 0px 0px 25px 5px rgba(0,0,0,0.10);
         -moz-box-shadow: 0px 0px 25px 5px rgba(0,0,0,0.10);
         box-shadow: 0px 0px 25px 5px rgba(0,0,0,0.10);
}


#logo {
         position: absolute;
         z-index: 10;
         width: 400px;
         height: 175px;

         margin: 15px 0px 0px 0px;
         padding: 0px 0px 0px 0px;
         text-align: left;
}
#logo img { width: 100%; max-width: 400px; padding: 0; height: auto; }

#menu {
         display: block;
         float: right;
         width: calc(100% - 310px);
         height: 100px;
         vertical-align: middle;

         -webkit-border-radius: 100px;
         -moz-border-radius: 100px;
         border-radius: 100px;

         margin: 0px 0px 0px 0px;
         padding: 10px 10px;
}
#menu span { float: right; display: block; text-align: center; width: calc(100% - 120px); padding-top: 15px; margin-right: 20px; border: 0px #FFFFFF solid; }

#menu a, #menu a.active:hover {
         display: inline-block;
         background-color: #230058;
         background-position: right center;
         background-repeat: no-repeat;
         background-size: auto 18px;

         -webkit-border-radius: 20px;
         -moz-border-radius: 20px;
         border-radius: 20px;

         margin: 5px 5px;
         padding: 8px 12px;

         font-size: 1.1em;
         font-weight: bold;
         color: #FFFFFF;
         text-transform: none;
         text-decoration: none;
}
#menu a:hover, #menu a.active { color: #230058; background-color: #FFFFFF; }

#menu a.login, #menu a.arrow_down, #menu a.arrow_up, #menu a.active { padding-right: 30px !important; }

#menu a.login, #menu a.login.active:hover { background-image: url(../images/icon_login.png); }
#menu a.login:hover, #menu a.active.login { background-image: url(../images/icon_login_hover.png); }

#menu a.arrow_down, #menu a.arrow_down.active:hover { background-image: url(../images/icon_arrow_down.png); }
#menu a.arrow_down:hover, #menu a.arrow_down.active { background-image: url(../images/icon_arrow_down_hover.png); }

#menu a.arrow_up, #menu a.active.arrow_up:hover { background-image: url(../images/icon_arrow_up.png); }
#menu a.arrow_up:hover, #menu a.active.arrow_up { background-image: url(../images/icon_arrow_up_hover.png); }

#menu div { display: inline; }
#menu div.header-gross { display: inline; }
#menu div.header-klein { display: none; }
#menu div.header-klein a { display: inline-block; width: 20px; height: 20px; background-repeat:no-repeat; background-position: center center; }
a.header-nav-home-klein { background-image:url(../../images/header_button_home.png); }
a.header-nav-register-klein { background-image:url(../../images/header_button_register.png);}
a.header-nav-login-klein { background-image:url(../../images/header_button_login.png); }
a.header-nav-adminarea-klein { background-image:url(../../images/header_button_admin.png); }
a.header-nav-memberarea-klein { background-image:url(../../images/header_button_account.png); }
a.header-nav-sponsorarea-klein { background-image:url(../../images/header_button_sponsor.png); }
a.header-nav-logout-klein { background-image:url(../../images/header_button_logout.png);}

#menu .submenu { display: block; min-height: 20px; }
#menu .submenu div { display: none; text-align: center; }
#menu .submenu a {
         background-color: transparent;
         margin: 1px 2px;
         padding: 2px 5px;

         font-size: 0.8em;
         font-weight: bold;
         color: #FFFFFF;
         text-transform: none;
         text-decoration: none;
}
#menu .submenu a:hover { color: #230058; background-color: #FFFFFF; }



#splash {
         display: table;
         width: calc(100% - 80px);
         border: 0px #000000 solid;
         margin: 20px auto;
}
#splash .text { display: table-cell; width: 600px; border: 0px #000000 solid; vertical-align: middle; font-size: 1.4em; color: #230058; }
#splash .text a.button { font-size: 1.4em; padding: 15px 15px 15px 25px; }
#splash .image { display: table-cell; width: calc(100% - 600px); vertical-align: middle; border: 0px #000000 solid; text-align: center; }
#splash .image img { width: 100%; max-width: 600px; height: auto; }
#splash .text h1 { display: inline-block; font-weight: 900; border-bottom: 3px #c52797 solid; }

/*
#splash.memberlogin { height: 100px; }
#splash.memberlogin .text { display: table-cell; width: auto; border: 0px #000000 solid; vertical-align: middle; font-size: 1.6em; color: #FFFFFF; text-shadow: 2px 2px 5px rgba(0,0,0,0.3); }
#splash.memberlogin h1 { font-size: 2.0em; color: #FFFFFF; font-weight: 900; }
*/


/* Seite */
#site {
         margin: 20px auto 0px auto;
         padding: 20px 0px 20px 0px;
         min-height: 250px;
         font-size: 1.0em;
}

#sidebar {
         float: left;
         width: 340px;
         text-align: center;
}
#sidebar h3 { text-align: left; color: #c82895; margin-bottom: 10px; }

#sidebar h3 a {
         display: inline-block;
         padding: 2px 5px 2px 5px;
         margin-bottom: 0px;

         font-size: 1.0em !important;
         font-family: 'Noto Sans';
         font-weight: bold !important;
         color: #c82895 !important;

         text-decoration: none !important;

}
#sidebar h3 a:hover { color:#4e2795; }

#sidebar .box { width: calc(100% - 40px); padding: 10px 15px !important; }
#sidebar .box ul { margin: 0px; padding: 0px; }
#sidebar .box ul li { margin: 1px 0px; padding: 0px 0px; list-style: none; }

#sidebar .box a {
         display: block;
         width: calc(100% - 20px);
         padding: 4px 10px 4px 10px;

         font-size: 1.1em;
         line-height: 1.2em;
         text-transform: none;
         text-decoration: none;
         color: #3337a5;

         background: #EFEFEF;
         border-left: 0px #3337a5 solid;

         -webkit-box-shadow: inset 0px 25px 10px -10px rgba(255,255,255,0.2);
         -moz-box-shadow: inset 0px 25px 10px -10px rgba(255,255,255,0.2);
         box-shadow: inset 0px 25px 10px -10px rgba(255,255,255,0.2);

         transition: background-color 0.3s ease-in-out;
}
#sidebar .box a:hover { background: #3337a5; color: #FFFFFF; }
#sidebar .box a:before { content:"\2022 \00A0"; }
#sidebar .box .boxenincludes a:before { content:""; }

#sidebar .box .boxenincludes { border: 0px; background: transparent; }
#sidebar .box .boxenincludes a {
         display: inline;
         background: transparent;
         border-left: 0px #3337a5 solid;
}

#sidebar div.boxen-boxenkopf-mobil { display:none; }
#sidebar div.boxen-boxenkopf-mobil h3 {
         color: #FFFFFF;
         background: #c82895;
         -webkit-border-top-left-radius: 15px;
         -webkit-border-top-right-radius: 15px;
         -moz-border-radius-topleft: 15px;
         -moz-border-radius-topright: 15px;
         border-top-left-radius: 15px;
         border-top-right-radius: 15px;
         padding: 5px 10px;
         margin-bottom: 0px;
}

#sidebar div.boxen-boxenkopf-mobil h3 a { color: #FFFFFF !important; }
#sidebar nav.boxen-mobil {
         display:none;
         background: #ffffff;
         border: 1px #fff solid;
         -webkit-border-bottom-right-radius: 15px;
         -webkit-border-bottom-left-radius: 15px;
         -moz-border-radius-bottomright: 15px;
         -moz-border-radius-bottomleft: 15px;
         border-bottom-right-radius: 15px;
         border-bottom-left-radius: 15px;
         margin: 0px 0px 20px 0px;
         padding: 10px;
}

#sidebar nav.boxen-mobil ul { width: calc(100% - 20px); border: 0px #000 solid; margin: 10px 10px 15px 10px; padding: 0px; }
#sidebar nav.boxen-mobil ul form select { width: calc(100% - 0px); border: 0px #000 solid; padding: 5px 10px; margin: 0px; font-size: 1.2em; }
#sidebar .boxen-boxenkopf-buttons { margin: -32px 10px 0px 0px !important; }

#content {
         float: right;
         width: calc(100% - 340px - 20px);
         margin: 0px 0px;
}


/* Footer */
#footer {
         width: calc(100% - 0px);
         padding: 25px 0px 0px 0px;

         text-align:left;
         vertical-align:top;

         color: #FFFFFF;
         font-size: 1.0em;
         font-weight: normal;

         border-top: 4px rgba(0,0,0,0.2) solid;
         -webkit-box-shadow: inset 0px 15px 10px -10px rgba(0,0,0,0.25);
         -moz-box-shadow: inset 0px 15px 10px -10px rgba(0,0,0,0.25);
         box-shadow: inset 0px 15px 10px -10px rgba(0,0,0,0.25);
}

#footer .footer_kontakt { display: block; margin: 10px auto; }
#footer .footer_kontakt h3 { font-size: 1.8em; line-height: 1.2em; display: block; color: #FFFFFF; text-align: center; margin-bottom: 20px; }

#footer .footer_bar {
         width: 100%;
         background-color: rgba(0,0,0,0.3);
         font-size: 0.8em;
}

#footer .footer_bar .in .f_l { width: calc(100% - 350px); text-align: left; color: rgba(255,255,255,0.8); }
#footer .footer_bar .in .f_r { width: 350px; text-align: right; color: rgba(255,255,255,0.8); }

#footer .footer_bar .in a, #footer .footer_bar .in a:link, #footer .footer_bar .in a:visited {
         display: inline-block;
         color: rgba(255,255,255,0.8);
         font-size: 1.0em;
         font-weight: bold;

         padding: 2px 5px 2px 5px;
         margin: 0px;
         text-decoration: none;
}
#footer .footer_bar .in a:hover { color: rgba(255,255,255,1.0);  }
#footer .footer_bar .in .f_r a { display: inline !important; padding: 5px 0px 0px 0px; margin: 0px; }


/* Boxen */
.box {
         display: block;
         width: calc(100% - 40px);
         background: #FFFFFF;
         padding: 20px;
         margin-bottom: 15px;

         -webkit-box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.15);
         -moz-box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.15);
         box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.15);

         -webkit-border-radius: 15px;
         -moz-border-radius: 15px;
         border-radius: 15px;
}
.box.no_pad { padding: 0px !important; width: calc(100% - 0px); }

.box h3 { }
.box h3 p.contentnavigationsleiste {
         height: 39px;
         line-height: 39px;
         padding: 0px 0px 0px 60px;
         margin: 0px 0px 10px 0px;
         background: #c62796 url(../images/head_bg.png) -2px center no-repeat;
         color: #FFFFFF;
         text-transform: none;
         font-style: italic;
         text-shadow: rgba(0,0,0,0.2) 2px 2px 1px;
         -webkit-border-radius: 22px;
         -moz-border-radius: 22px;
         border-radius: 22px;
         border: 0px #FFFFFF solid;
}

p.contentnavigationsleiste_fehlermeldung {
         height: 35px;
         line-height: 35px;
         padding: 0px 10px 0px 10px;
         margin: 0px 0px 10px 0px;
         background: #FF0000;
         color: #FFFFFF;
         text-transform: none;
         font-style: italic;
         text-shadow: rgba(0,0,0,0.2) 2px 2px 1px;
         -webkit-border-radius: 22px;
         -moz-border-radius: 22px;
         border-radius: 22px;
         border: 0px #FFFFFF solid;
}

.box_head {
         display: block;
         font-family: 'Source Sans Pro';
         font-size: 1.1em;
         font-weight: normal;
         text-align:left;
         vertical-align:top;
         color:#FFFFFF;

         margin: 0px 0px 10px 0px;
         padding: 3px 10px 3px 10px;

         background: #c82895;
}

.boxen-boxenkopf-buttons {
         border: 0px #000000 solid;
         display: inline-block;
         float: right;
         margin: -40px 10px 0px 0px;
}

.boxen-boxenkopf-buttons a[class^="boxenbutton"], .boxen-boxenkopf-buttons a[class^="boxenkopfbutton"],
a[class^="boxenbutton-"], a[class^="boxenkopfbutton-"] {
         display: inline-block;
         background-color: rgba(0,0,0,0.3);
         background-position: center center !important;
         background-repeat:no-repeat !important;
         width: 22px;
         line-height: 22px;
         margin: 0px 1px;

         border:0px solid #ffffff;
         -webkit-border-radius: 22px;
         -moz-border-radius: 22px;
         border-radius: 22px;

         text-decoration: none;
         text-align: center;
}

#sidebar .boxen-boxenkopf-buttons a[class^="boxenbutton"], #sidebar .boxen-boxenkopf-buttons a[class^="boxenkopfbutton"],
#sidebar a[class^="boxenbutton-"], #sidebar a[class^="boxenkopfbutton-"] { background-color: #c82895; }

a[class^="boxenbutton-"]:hover, a[class^="boxenbutton-"]:focus, a[class^="boxenbutton-"]:active,
a[class^="boxenkopfbutton-"]:hover, a[class^="boxenkopfbutton-"]:focus, a[class^="boxenkopfbutton-"]:active { background-color:#AFAFAF !important; }

a.boxenbutton-cart { background-image:url(../../images/boxenkopf_button_cart.png) !important; }
a.boxenkopfbutton-mystart { background-image:url(../../images/boxenkopf_button_edit.png) !important; }
a.boxenkopfbutton-openall { background-image:url(../../images/boxenkopf_button_openall.png) !important; }
a.boxenkopfbutton-windowadclose { background-image:url(../../images/boxenkopf_button_close.png) !important; }
a.boxenkopfbutton-up { background-image:url(../../images/boxenkopf_button_up.png) !important; }
a.boxenkopfbutton-left { background-image:url(../../images/boxenkopf_button_left.png) !important; }
a.boxenkopfbutton-right { background-image:url(../../images/boxenkopf_button_right.png) !important; }
a.boxenkopfbutton-down { background-image:url(../../images/boxenkopf_button_down.png) !important; }
a.boxenkopfbutton-close { background-image:url(../../images/boxenkopf_button_close.png) !important; }
a.boxenkopfbutton-edit { background-image:url(../../images/boxenkopf_button_edit.png) !important; }


#login_box {
         position: absolute;
         z-index: 1000;
         left: calc(50% - 220px);
         top: calc(30% - 100px);

         display: none;
         width: 400px;
         padding: 20px;
         margin: 0px auto;

         -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.5);
         -moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.5);
         box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.5);
}

#login_box b {
         color: #FFFFFF;
         font-size: 2.0em;
         font-weight: 900;
         display: block;
         text-align: center;
}

#login_box form { max-width: 300px; margin: 10px auto; }
#login_box form, #login_box fieldset { border: 0px; }
#login_box input { width: calc(100% - 12px); }
#login_box input[type="submit"] { width: calc(100% - 0px); padding: 3px 0px !important; }


/* startseite */
#startseite {}
#startseite h2 { font-size: 2.2em; color: #240c40; }
#startseite h2 span { color: #c82895; }

#startseite .box4er { padding: 20px 0px; }
#startseite .box4er h1 { color: #FFFFFF; text-transform: uppercase; font-style: italic; }
#startseite .box4er .item {
         float: left;
         display: block;
         width: calc((100% / 4) - 70px);

         padding: 0px 15px 20px 15px;
         margin: 20px 20px;

         color: #FFFFFF;
         font-size: 1.0em;
         text-align: center;
         text-shadow: rgba(0,0,0,0.2) 2px 2px 1px;
}
#startseite .box4er .item b { display: block; font-size: 1.8em; height: 60px; line-height: 1.2em; display: block; text-align: center; margin-bottom: 20px; }

#startseite .box4er .bg1 { background-color: #c82895; }
#startseite .box4er .bg2 { background-color: #bf28c8; }
#startseite .box4er .bg3 { background-color: #8411c6; }
#startseite .box4er .bg4 { background-color: #5c04e3; }

#startseite .liste { margin: 10px 0px; }
#startseite .liste .item {
         display: block;
         padding: 0px 0px 0px 35px;
         margin: 4px 0px;

         background: transparent url(../images/icon_dot2.png) left top no-repeat;
         background-size: 22px auto;

         font-size: 1.0em;
         font-weight: bold;
         text-shadow: rgba(0,0,0,0.2) 1px 1px 1px;
}

#startseite .liste .item:nth-child(odd) { font-weight: normal; }
#startseite .w50 img.w80 { width: 80%; height: auto; }


/* sonstiges */
div.header-spacer{ background-color:transparent; }
.headerstart {
         display: block;
         width: calc(100% - 20px);
         /*background: rgba(0,0,0,0.1); */
         color: #FFFFFF;
         padding: 3px 10px;
         -webkit-border-radius: 15px;
         -moz-border-radius: 15px;
         border-radius: 15px;
         margin: 10px 0px;
}
.headerstart .r { float: right; }
.headerstart span { -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; }
.headerstart span.hinweis_rot { font-size:14px; background-color:#FFFFFF;color: #8B0000 !important; display:inline-block; padding: 2px 5px !important; margin: -2px 0px 0px 0px; }
.headerstart span.hinweis_gruen { font-size:14px; background-color:#FFFFFF;color: #006400 !important; display:inline-block; padding: 2px 5px !important; margin: -2px 0px 0px 0px; }

/* Formulare Sumbit + Button */
form p { display: inline; margin: 0px; padding: 0px; }
form div.listenspalte { float:left; width:calc(100% / 3 - 8px); padding:4px; margin:0;}

input[type="text"], input[type="date"], input[type="password"], select, textarea {
         display: inline-block;

         font-family: 'Source Sans Pro';
         text-align: left;
         font-size: 1.0em;
         font-weight: normal;
         text-shadow: rgba(0,0,0,0.2) 1px 1px 1px;
         color: #000000;

         padding: 5px 5px 5px 5px;
         margin: 2px 5px 2px 5px;

         text-decoration:none;
         text-transform: normal;

         background: #EFEFEF;

         border: 1px #7F7F7F solid;
         -webkit-border-radius: 3px;
         -moz-border-radius: 3px;
         border-radius: 3px;
}

select { padding: 5px 15px 5px 15px; margin: 2px 5px; }

input[type="submit"], input[type="reset"], button[type="submit"] {
         display: inline-block;
         cursor: pointer;

         font-family: 'Source Sans Pro';
         text-align: center;
         font-size: 1.0em;
         font-weight: normal;
         text-shadow: rgba(0,0,0,0.2) 1px 1px 1px;
         color: #ffffff;

         padding: 5px 12px 5px 15px;
         margin: 2px 5px;

         text-decoration:none;
         text-transform: uppercase;

         background: #5a03e4;
         /*#5a03e4 (Purple), #c53cff (Pink), #3337a5 (Purple 2), #c82895 (Pink2), #230058 (Blau dunkel), */

         border: 2px transparent solid;
         -webkit-border-radius: 3px;
         -moz-border-radius: 3px;
         border-radius: 3px;
}
input[type="submit"]:hover, input[type="reset"]:hover, button[type="submit"]:hover {
         background: #c82895;
         color: #FFFFFF;
}

h2.formular { display:block; }
fieldset.formular-eingabefelder { min-width:220px; max-width:600px; text-align: left; margin:0; padding:0; border:0px #000000 solid; }
fieldset.formular-eingabefelder div {min-width:220px; max-width:600px; text-align: right !important; margin:0 auto; padding:0; border:0; border:0px #000000 solid; }
label.formular-eingabefeld {font-family:Arial, serif; font-size:14px; color:#000000; font-weight:bold; display:inline; border:0; }

.formular-eingabefeld-gross {width:290px; height:18px; }
.formular-eingabefeld-mittel {width:226px; height:18px; }
.formular-eingabefeld-klein {width:120px; height:18px; }
.formular-eingabefeld-extraklein {width:48px; height:18px; }
.formular-auswahlfeld-gross {width:300px;}
.formular-auswahlfeld-mittel {width:176px; }
.formular-auswahlfeld-klein {width:88px; }

fieldset.formular-checkboxen {min-width:220px; max-width:100%; text-align:left; margin:0; padding-left:0px; border:0;}
fieldset.formular-buttons {min-width:220px; max-width:100%; text-align:left; margin:0; padding:0; border:0;}

input[type="submit"].such-button { background-image:url(../../images/formular_button_lupe.png); background-repeat:no-repeat; background-position: center center; }



/* Kontakt Site */
#kontakt_site {
         display: block;
         width: 80%;
         max-width: 1200px;
         margin: 40px auto;
         color: #FFFFFF !important;

}
#kontakt_site input, #kontakt_site select, #kontakt_site textarea {
         border: 0px #000000 solid;
         -webkit-border-radius: 15px;
         -moz-border-radius: 15px;
         border-radius: 15px;
}

#kontakt_site input[type="text"] { float: left; width: calc(50% - 30px); margin-bottom: 5px; padding: 5px 10px 5px 10px; }
#kontakt_site select { width: calc(100% - 10px); margin-bottom: 5px; padding: 5px 10px 5px 10px; }
#kontakt_site textarea { width: calc(100% - 30px); margin-bottom: 5px; padding: 5px 10px 5px 10px; }

#kontakt_site input[type="submit"] {
         float: right;
         font-size: 1.2em;
         font-weight: bold;
         text-shadow: rgba(0,0,0,0.2) 1px 1px 1px;
         color: #FFFFFF;

         padding: 10px 20px 10px 45px;
         margin: 2px 5px;
         text-transform: normal;
         background: transparent url(../images/icon_send.png) 5px center no-repeat;
         background-size: 22px;

         border: 2px #FFFFFF solid;

         -webkit-border-radius: 30px;
         -moz-border-radius: 30px;
         border-radius: 30px;
}
#kontakt_site input[type="submit"]:hover {
         background-color: #000000;
         color: #ffffff;
         border: 2px #000000 solid;
}

#kontakt_site input[type="checkbox"] { display:none; }
#kontakt_site input[type="checkbox"] + label { width: 50px; height: 20px; border-radius: 20px; border: 2px solid #ddd; background-color: #EEE; display: inline-block; content: ""; float: left; margin-right: 10px; transition: background-color 0.5s linear; margin-top: 0px; margin-left: 5px; }
#kontakt_site input[type="checkbox"] + label:hover { cursor: pointer; }
#kontakt_site input[type="checkbox"] + label::before { width: 16px; height: 16px; border-radius: 16px; background-color: #000; display: block; content: ""; float: left; margin: 2px 0 0 2px; transition: margin 0.1s linear; }
#kontakt_site input[type="checkbox"]:checked+label{ background-color: #2da820; }
#kontakt_site input[type="checkbox"]:checked+label::before { margin: 2px 0 0 32px; background-color: #FFF; }


/* Schatten */
#shadow {
         display: none;
         position: fixed;
         top: 0px;
         left: 0px;
         right: 0px;
         bottom: 0px;

         z-index: 999;
         background-color: rgba(35, 0, 85, 0.65);
         width: 100%;
         height: 100%;
         cursor: pointer;
}

/* Cookie Hinweis */
#cookie_info {
         display: block;
         position: fixed;
         z-index: 10000;
         background-color: #FFFFFF;
         width: calc(180% - 30px);
         max-width: 600px;
         height: auto;
         padding: 10px 10px 10px 20px;
         bottom: 112px;
         left: 50px;
         -webkit-border-radius: 10px;
         -moz-border-radius: 10px;
         border-radius: 10px;

         font-size: 0.8em;
         color: #230058;
         text-align: justify;

         -webkit-box-shadow: 0px 0px 50px 0px rgba(0,0,0,0.25);
         -moz-box-shadow: 0px 0px 50px 0px rgba(0,0,0,0.25);
         box-shadow: 0px 0px 50px 0px rgba(0,0,0,0.25);

          opacity: 1; animation-duration: 3s; animation-name: cookie_info_animation; animation-play-state: running; animation-timing-function: ease-out;
}

#cookie_info img { float: right; margin: 10px 0px 10px 10px; width: 80px; height: auto; }
#cookie_info b { font-size: 1.2em; color: #c82895; }
#cookie_info a { color: #c82895; }
#cookie_info .buttons { display: block; margin: 10px 0px 0px 0px; }
#cookie_info .buttons button {
         cursor: pointer;
         display: block;
         float: left;
         width: calc(50% - 24px - 5px);
         margin: 10px 2px;
         padding: 6px 12px;
         text-align: center;
         font-size: 1.0em;
         font-weight: bold;
         border: 0px;
         -webkit-border-radius: 20px;
         -moz-border-radius: 20px;
         border-radius: 20px;
}
#cookie_info .buttons button:hover { background-color:#000000 !important; color: #FFFFFF !important; }
#cookie_info .buttons button#hinweis_button_info { background-color:#c82895; color: #FFFFFF; }
#cookie_info .buttons button#hinweis_button_close { background-color:#d9d9d9; color: #767676; float: right; }

#cookie_info span { display: block; margin: 0px 0px 0px 0px; color: #c82895; text-align: center; }
#cookie_info span a { font-size: 0.8em; color: #c82895; }

#cookie_info.fadeout {opacity: 0; animation-duration: 1s; animation-name: cookie_info_out_animation; animation-play-state: running; animation-timing-function: ease-in;}

@keyframes cookie_info_animation { from {opacity: 0;} to {opacity: 1;} }
@keyframes cookie_info_out_animation { from {opacity: 1;} to {opacity: 0;} }

#w {
        position: absolute; z-index: 20000; display: none; bottom: 0px; left: 0px; background: #000000; color: #FFFFFF; padding: 10px;
}