/* hintergrund farbe */
.bg-gray {background-color: #a0a0a0; color:#ffffff;}
.bg-gray-light {background-color: #c8c8c8; color:#ffffff;}
.bg-gray-light-light {background-color: #e5e5e5; color:#ffffff;}
.bg-gray-dark {background-color: #3c3c3c; color:#ffffff;}
/*eef0f1*/

.bg-green {background-color: #00b74f; color:#ffffff;}
.bg-green-light {background-color: #4ccc83; color:#ffffff;}
.bg-green-dark{background-color:#2b863f; color:#ffffff;}

.bg-greenblue{background-color:#00a990; color:#ffffff;}
.bg-greenblue-light{background-color:#4cc3b1; color:#ffffff;}
.bg-greenblue-dark{background-color:#0c8571; color:#ffffff;}

.bg-orange {background-color: #ff8400; color:#ffffff;}
.bg-orange-light {background-color: #ffa94c; color:#ffffff;}
.bg-orange-dark {background-color: #b86612; color:#ffffff;}

.bg-blue {background-color:#009BDF; color:#ffffff;}
.bg-blue-light {background-color:#4cb9e9; color:#ffffff;}
.bg-blue-dark {background-color:#1878a6; color:#ffffff;}

.bg-pirobase-blue {background-color:#4b9fe2; color:#ffffff;}
.bg-pirobase-blue-light {background-color:#81bceb; color:#ffffff;}
.bg-pirobase-blue-dark {background-color:#427ca7; color:#ffffff;}

.bg-lila {background-color:#c24f97; color:#ffffff;}
.bg-lila-light {background-color:#d48ab6; color:#ffffff;}
.bg-lila-dark {background-color:#984776; color:#ffffff;}

.bg-red{background-color:#f63440; color:#ffffff;}
.bg-red-light{background-color:#f97179; color:#ffffff;}
.bg-red-dark{background-color:#b12f32; color:#ffffff;}

.bg-orangered{background-color:#ff4e00; color:#ffffff;}
.bg-orangered-light{background-color:#ff9566; color:#ffffff;}
.bg-orangered-dark{background-color:#b34113; color:#ffffff;}

.bg-white{background-color:#ffffff;}
.bg-black{background-color:#000000;}

.bg-bayard-blue {background-color:#2a89b1;}
.bg-bayard-blue-light {background-color:#30b7f1;}

.bg-infoterminal-red {background-color: #c54f31;}
.bg-infoterminal-red-light {background-color: #edccbb;}
.bg-infoterminal-blue {background-color: #455866;}
.bg-infoterminal-gray {background-color: #eef0f1;}


/* link farbe*/
.bg-white a, .bg-gray-light-light a {color: #000000}
.bg-gray a, .bg-gray-light a, .bg-gray-dark a, .bg-green a, .bg-green-light a, .bg-green-dark a, .bg-greenblue a, .bg-greenblue-light a, .bg-greenblue-dark a, .bg-orange  a, .bg-orange-light  a, .bg-orange-dark  a, .bg-blue  a, .bg-blue-light  a, .bg-blue-dark  a, .bg-pirobase-blue  a, .bg-pirobase-blue-light  a, .bg-pirobase-blue-dark  a, .bg-lila  a, .bg-lila-light  a, .bg-lila-dark  a, .bg-red a, .bg-red-light a, .bg-red-dark a, .bg-orangered a, .bg-orangered-light a, .bg-orangered-dark a, .bg-bayard-blue a, .bg-infoterminal-red a, .bg-infoterminal-red-light a, .bg-infoterminal-blue a, .bg-infoterminal-gray a{color:#ffffff;}


/* schrift farbe*/
.font-gray {color: #a0a0a0;}
.font-gray-light {color: #c8c8c8;}
.font-gray-light-light {color: #e5e5e5;}
.font-gray-dark {color: #3c3c3c;}

.font-green {color: #00b74f;}
.font-green-light {color: #4ccc83;}
.font-green-dark{color:#2b863f;}

.font-greenblue{color:#00a990;}
.font-greenblue-light{color:#4cc3b1;}
.font-greenblue-dark{color:#0c8571;}

.font-orange {color: #ff8400;}
.font-orange-light {color: #ffa94c;}
.font-orange-dark {color: #b86612;}

.font-blue {color:#009BDF;}
.font-blue-light {color:#4cb9e9;}
.font-blue-dark {color:#1878a6;}

.font-pirobase-blue {	color:#4b9fe2;}
.font-pirobase-blue-light {	color:#81bceb;}
.font-pirobase-blue-dark {	color:#427ca7;}

.font-lila {color:#c24f97;}
.font-lila-light {color:#d48ab6;}
.font-lila-dark {color:#984776;}

.font-red{color:#f63440;}
.font-red-light{color:#f97179;}
.font-red-dark{color:#b12f32;}

.font-orangered{color:#ff4e00;}
.font-orangered-light{color:#ff9566;}
.font-orangered-dark{color:#b34113;}

.font-white{color:#ffffff;}
.font-black{color:#000000;}

.font-bayard-blue{color:#2a9ecf;}
.font-bayard-blue-light{color:#30b7f1;}

.font-infoterminal-red {color: #c54f31;}
.font-infoterminal-red-light {color: #edccbb;}
.font-infoterminal-blue {color: #455866;}
.font-infoterminal-gray {color: #eef0f1;}


/* link color  */
a.font-gray, a.font-gray:hover, a.font-gray:active  {color: #a0a0a0;}
a.font-gray-light, a.font-gray-light:hover, a.font-gray-light:active {color: #c8c8c8;}
a.font-gray-light-light, a.font-gray-light-light:hover, a.font-gray-light-light:active {color: #e5e5e5;}
a.font-gray-dark, a.font-gray-dark:hover, a.font-gray-dark:active  {color: #3c3c3c;}

a.font-green, a.font-green:hover, a.font-green:active  {color: #00b74f;}
a.font-green-light, a.font-green-light:hover, a.font-green-light:active {color: #4ccc83;}
a.font-green-dark, a.font-green-dark:hover, a.font-green-dark:active{color:#2b863f;}

a.font-greenblue, a.font-greenblue:hover, a.font-greenblue:active{color:#00a990;}
a.font-greenblue-light, a.font-greenblue-light:hover, a.font-greenblue-light:active{color:#4cc3b1;}
a.font-greenblue-dark, a.font-greenblue-dark:hover, a.font-greenblue-dark:active{color:#0c8571;}

a.font-orange, a.font-orange:hover, a.font-orange:active  {color: #ff8400;}
a.font-orange-light, a.font-orange-light:hover, a.font-orange-light:active {color: #ffa94c;}
a.font-orange-dark, a.font-orange-dark:hover, a.font-orange-dark:active {color: #b86612;}

a.font-blue, a.font-blue:hover, a.font-blue:active {color:#009BDF;}
a.font-blue-light, a.font-blue-light:hover, a.font-blue-light:active {color:#4cb9e9;}
a.font-blue-dark, a.font-blue-dark:hover, a.font-blue-dark:active {color:#1878a6;}

a.font-pirobase-blue, a.font-pirobase-blue:hover, a.font-pirobase-blue:active {	color:#4b9fe2;}
a.font-pirobase-blue-light, a.font-pirobase-blue-light:hover, a.font-pirobase-blue-light:active {	color:#81bceb;}
a.font-pirobase-blue-dark, a.font-pirobase-blue-dark:hover, a.font-pirobase-blue-dark:active {	color:#427ca7;}

a.font-lila, a.font-lila:hover, a.font-lila:active {color:#c24f97;}
a.font-lila-light, a.font-lila-light:hover, a.font-lila-light:active {color:#d48ab6;}
a.font-lila-dark , a.font-lila-dark:hover, a.font-lila-dark:active  {color:#984776;}

a.font-red, a.font-red:hover, a.font-red:active{color:#f63440;}
a.font-red-light, a.font-red-light:hover, a.font-red-light:active{color:#f97179;}
a.font-red-dark, a.font-red-dark:hover, a.font-red-dark:active{color:#b12f32;}

a.font-orangered, a.font-orangered:hover, a.font-orangered:active{color:#ff4e00;}
a.font-orangered-light, a.font-orangered-light:hover, a.font-orangered-light:active{color:#ff9566;}
a.font-orangered-dark, a.font-orangered-dark:hover, a.font-orangered-dark:active{color:#b34113;}

a.font-white, a.font-white:hover, a.font-white:active{color:#ffffff;}

a.font-bayard-blue {color:#2a9ecf;}
a.font-bayard-blue:hover, a.font-bayard-blue:active{color:#2a89b1;}

a.font-infoterminal-red, a.font-infoterminal-red:hover, a.font-infoterminal-red:active{color:#c54f31;}
a.font-infoterminal-red-light, a.font-infoterminal-red-light:hover, a.font-infoterminal-red-light:active{color:#edccbb;}
a.font-infoterminal-blue, a.font-infoterminal-blue:hover, a.font-infoterminal-blue:active{color:#455866;}
a.font-infoterminal-gray, a.font-infoterminal-gray:hover, a.font-infoterminal-gray:active{color:#eef0f1;}


/* hover background classes */
.hover-gray:hover {background-color: #a0a0a0; color:#ffffff;}
.hover-gray-light:hover {background-color: #c8c8c8; color:#ffffff;}
.hover-gray-light-light:hover {background-color: #e5e5e5; color:#ffffff;}
.hover-gray-dark:hover {background-color: #3c3c3c; color:#ffffff;}

.hover-green:hover {background-color: #00b74f; color:#ffffff;}
.hover-green-light:hover {background-color: #4ccc83; color:#ffffff;}
.hover-green-dark:hover{background-color:#2b863f; color:#ffffff;}

.hover-greenblue:hover{background-color:#00a990; color:#ffffff;}
.hover-greenblue-light:hover{background-color:#4cc3b1; color:#ffffff;}
.hover-greenblue-dark:hover{background-color:#0c8571; color:#ffffff;}

.hover-orange:hover {background-color: #ff8400; color:#ffffff;}
.hover-orange-light:hover {background-color: #ffa94c; color:#ffffff;}
.hover-orange-dark:hover {background-color: #b86612; color:#ffffff;}

.hover-blue:hover {background-color:#009BDF; color:#ffffff;}
.hover-blue-light:hover {background-color:#4cb9e9; color:#ffffff;}
.hover-blue-dark:hover {background-color:#1878a6; color:#ffffff;}

.hover-pirobase-blue:hover {background-color:#4b9fe2; color:#ffffff;}
.hover-pirobase-blue-light:hover {background-color:#81bceb; color:#ffffff;}
.hover-pirobase-blue-dark:hover {background-color:#427ca7; color:#ffffff;}

.hover-lila:hover {background-color:#c24f97; color:#ffffff;}
.hover-lila-light:hover {background-color:#d48ab6; color:#ffffff;}
.hover-lila-dark:hover {background-color:#984776; color:#ffffff;}

.hover-red:hover{background-color:#f63440; color:#ffffff;}
.hover-red-light:hover{background-color:#f97179; color:#ffffff;}
.hover-red-dark:hover{background-color:#b12f32; color:#ffffff;}

.hover-orangered:hover{background-color:#ff4e00; color:#ffffff;}
.hover-orangered-light:hover{background-color:#ff9566; color:#ffffff;}
.hover-orangered-dark:hover{background-color:#b34113; color:#ffffff;}

.hover-white:hover{background-color:#ffffff;}
.hover-black:hover{background-color:#000000;}

.hover-bayard-blue:hover{background-color:#2a9ecf;}
.hover-bayard-blue-light:hover{background-color:#30b7f1;}

.hover-infoterminal-red:hover, .hover-infoterminal-red.active{background-color:#c54f31;}
.hover-infoterminal-red-light:hover, .hover-infoterminal-red-light.active{background-color:#edccbb;}
.hover-infoterminal-blue:hover, .hover-infoterminal-blue.active{background-color:#455866;}
.hover-infoterminal-gray:hover, .hover-infoterminal-gray.active {background-color:#eef0f1;}


@media (min-width: 768px) {
	.navbar-dropdown .font-gray {color: #a0a0a0;}
	.navbar-dropdown .font-gray-light {color: #c8c8c8;}
	.navbar-dropdown .font-gray-light-light {color: #e5e5e5;}
	.navbar-dropdown .font-gray-dark {color: #3c3c3c;}

	.navbar-dropdown .font-green {color: #00b74f;}
	.navbar-dropdown .font-green-light {color: #4ccc83;}
	.navbar-dropdown .font-green-dark{color:#2b863f;}

	.navbar-dropdown .font-greenblue{color:#00a990;}
	.navbar-dropdown .font-greenblue-light{color:#4cc3b1;}
	.navbar-dropdown .font-greenblue-dark{color:#0c8571;}

	.navbar-dropdown .font-orange {color: #ff8400;}
	.navbar-dropdown .font-orange-light {color: #ffa94c;}
	.navbar-dropdown .font-orange-dark {color: #b86612;}

	.navbar-dropdown .font-blue {color:#009BDF;}
	.navbar-dropdown .font-blue-light {color:#4cb9e9;}
	.navbar-dropdown .font-blue-dark {color:#1878a6;}

	.navbar-dropdown .font-pirobase-blue {	color:#4b9fe2;}
	.navbar-dropdown .font-pirobase-blue-light {	color:#81bceb;}
	.navbar-dropdown .font-pirobase-blue-dark {	color:#427ca7;}

	.navbar-dropdown .font-lila {color:#c24f97;}
	.navbar-dropdown .font-lila-light {color:#d48ab6;}
	.navbar-dropdown .font-lila-dark {color:#984776;}

	.navbar-dropdown .font-red{color:#f63440;}
	.navbar-dropdown .font-red-light{color:#f97179;}
	.navbar-dropdown .font-red-dark{color:#b12f32;}

	.navbar-dropdown .font-orangered{color:#ff4e00;}
	.navbar-dropdown .font-orangered-light{color:#ff9566;}
	.navbar-dropdown .font-orangered-dark{color:#b34113;}

	.navbar-dropdown .font-white{color:#ffffff;}
}


/* slider icon farbe */
.gray .slick-next.slick-arrow:before {color: #a0a0a0;}
.gray-light .slick-next.slick-arrow:before {color: #c8c8c8;}
.gray-light-light .slick-next.slick-arrow:before {color: #e5e5e5;}
.gray-dark .slick-next.slick-arrow:before {color: #3c3c3c;}

.green .slick-next.slick-arrow:before {color: #00b74f;}
.green-light .slick-next.slick-arrow:before {color: #4ccc83;}
.green-dark .slick-next.slick-arrow:before {color:#2b863f;}

.greenblue .slick-next.slick-arrow:before {color:#00a990;}
.greenblue-light .slick-next.slick-arrow:before {color:#4cc3b1;}
.greenblue-dark .slick-next.slick-arrow:before {color:#0c8571;}

.orange .slick-next.slick-arrow:before {color: #ff8400;}
.orange-light .slick-next.slick-arrow:before {color: #ffa94c;}
.orange-dark .slick-next.slick-arrow:before {color: #b86612;}

.blue .slick-next.slick-arrow:before {color:#009BDF;}
.blue-light .slick-next.slick-arrow:before {color:#4cb9e9;}
.blue-dark .slick-next.slick-arrow:before {color:#1878a6;}

.pirobase-blue .slick-next.slick-arrow:before {color:#4b9fe2;}
.pirobase-blue-light .slick-next.slick-arrow:before {color:#81bceb;}
.pirobase-blue-dark .slick-next.slick-arrow:before {color:#427ca7;}

.lila .slick-next.slick-arrow:before {color:#c24f97;}
.lila-light .slick-next.slick-arrow:before {color:#d48ab6;}
.lila-dark .slick-next.slick-arrow:before {color:#984776;}

.red .slick-next.slick-arrow:before {color:#f63440;}
.red-light .slick-next.slick-arrow:before {color:#f97179;}
.red-dark .slick-next.slick-arrow:before {color:#b12f32;}

.orangered .slick-next.slick-arrow:before {color:#ff4e00;}
.orangered-light .slick-next.slick-arrow:before {color:#ff9566;}
.orangered-dark .slick-next.slick-arrow:before {color:#b34113;}

.white .slick-next.slick-arrow:before {color:#ffffff;}

.bayard-blue .slick-next.slick-arrow:before {color:#2a9ecf;}
.bayard-blue-light .slick-next.slick-arrow:before {color:#30b7f1;}

.infoterminal-red .slick-next.slick-arrow:before {color:#c54f31;}
.infoterminal-red-light .slick-next.slick-arrow:before {color:#edccbb;}
.infoterminal-blue .slick-next.slick-arrow:before {color:#455866;}
.infoterminal-gray .slick-next.slick-arrow:before {color:#eef0f1;}




.gray .slick-prev.slick-arrow:before {color: #a0a0a0;}
.gray-light .slick-prev.slick-arrow:before {color: #c8c8c8;}
.gray-light-light .slick-prev.slick-arrow:before {color: #e5e5e5;}
.gray-dark .slick-prev.slick-arrow:before {color: #3c3c3c;}

.green .slick-prev.slick-arrow:before {color: #00b74f;}
.green-light .slick-prev.slick-arrow:before {color: #4ccc83;}
.green-dark .slick-prev.slick-arrow:before {color:#2b863f;}

.greenblue .slick-prev.slick-arrow:before {color:#00a990;}
.greenblue-light .slick-prev.slick-arrow:before {color:#4cc3b1;}
.greenblue-dark .slick-prev.slick-arrow:before {color:#0c8571;}

.orange .slick-prev.slick-arrow:before {color: #ff8400;}
.orange-light .slick-prev.slick-arrow:before {color: #ffa94c;}
.orange-dark .slick-prev.slick-arrow:before {color: #b86612;}

.blue .slick-prev.slick-arrow:before {color:#009BDF;}
.blue-light .slick-prev.slick-arrow:before {color:#4cb9e9;}
.blue-dark .slick-prev.slick-arrow:before {color:#1878a6;}

.pirobase-blue .slick-prev.slick-arrow:before {color:#4b9fe2;}
.pirobase-blue-light .slick-prev.slick-arrow:before {color:#81bceb;}
.pirobase-blue-dark .slick-prev.slick-arrow:before {color:#427ca7;}

.lila .slick-prev.slick-arrow:before {color:#c24f97;}
.lila-light .slick-prev.slick-arrow:before {color:#d48ab6;}
.lila-dark .slick-prev.slick-arrow:before {color:#984776;}

.red .slick-prev.slick-arrow:before {color:#f63440;}
.red-light .slick-prev.slick-arrow:before {color:#f97179;}
.red-dark .slick-prev.slick-arrow:before {color:#b12f32;}

.orangered .slick-prev.slick-arrow:before {color:#ff4e00;}
.orangered-light .slick-prev.slick-arrow:before {color:#ff9566;}
.orangered-dark .slick-prev.slick-arrow:before {color:#b34113;}

.white .slick-prev.slick-arrow:before {color:#ffffff;}

.bayard-blue .slick-prev.slick-arrow:before {color:#2a9ecf;}
.bayard-blue-light .slick-prev.slick-arrow:before {color:#30b7f1;}

.infoterminal-red .slick-prev.slick-arrow:before {color:#c54f31;}
.infoterminal-red-light .slick-prev.slick-arrow:before {color:#edccbb;}
.infoterminal-blue .slick-prev.slick-arrow:before {color:#455866;}
.infoterminal-gray .slick-prev.slick-arrow:before {color:#eef0f1;}



.colored-boxes{color: #ffffff;}

/* icon farbe */
.icon-gray {color: #a0a0a0;}
.icon-gray-light {color: #c8c8c8;}
.icon-gray-light-light {color: #e5e5e5;}
.icon-gray-dark {color: #3c3c3c;}

.icon-green {color: #00b74f;}
.icon-green-light {color: #4ccc83;}
.icon-green-dark{color:#2b863f;}

.icon-greenblue{color:#00a990;}
.icon-greenblue-light{color:#4cc3b1;}
.icon-greenblue-dark{color:#0c8571;}

.icon-orange {color: #ff8400;}
.icon-orange-light {color: #ffa94c;}
.icon-orange-dark {color: #b86612;}

.icon-blue {color:#009BDF;}
.icon-blue-light {color:#4cb9e9;}
.icon-blue-dark {color:#1878a6;}

.icon-pirobase-blue {color:#4b9fe2;}
.icon-pirobase-blue-light {color:#81bceb;}
.icon-pirobase-blue-dark {color:#427ca7;}

.icon-lila {color:#c24f97;}
.icon-lila-light {color:#d48ab6;}
.icon-lila-dark {color:#984776;}

.icon-red{color:#f63440;}
.icon-red-light{color:#f97179;}
.icon-red-dark{color:#b12f32;}

.icon-orangered{color:#ff4e00;}
.icon-orangered-light{color:#ff9566;}
.icon-orangered-dark{color:#b34113;}

.icon-bayard-blue{color:#2a9ecf;}
.icon-bayard-blue-light{color:#30b7f1;}

.icon-infoterminal-red {color: #c54f31;}
.icon-infoterminal-red-light {color: #edccbb;}
.icon-infoterminal-blue {color: #455866;}
.icon-infoterminal-gray {color: #eef0f1;}

.icon-white{color:#ffffff;}
.icon-black{color:#000000;}


/* icon farbe form styles */
.gray .icon-logo {background-color: #a0a0a0;}
.gray-light .icon-logo {background-color: #c8c8c8;}
.gray-light-light .icon-logo {background-color: #e5e5e5;}
.gray-dark .icon-logo {background-color: #3c3c3c;}

.green .icon-logo {background-color: #00b74f;}
.green-light .icon-logo {background-color: #4ccc83;}
.green-dark .icon-logo {background-color: #2b863f;}

.greenblue .icon-logo {background-color: #00a990;}
.greenblue-light .icon-logo {background-color: #4cc3b1;}
.greenblue-dark .icon-logo {background-color: #0c8571;}

.orange .icon-logo {background-color: #ff8400;}
.orange-light .icon-logo {background-color: #ffa94c;}
.orange-dark .icon-logo {background-color: #b86612;}

.blue .icon-logo {background-color:#009BDF;}
.blue-light .icon-logo {background-color:#4cb9e9;}
.blue-dark .icon-logo {background-color:#1878a6;}

.pirobase-blue .icon-logo {background-color:#4b9fe2;}
.pirobase-blue-light .icon-logo {background-color:#81bceb;}
.pirobase-blue-dark .icon-logo {background-color:#427ca7;}

.lila .icon-logo {background-color:#c24f97;}
.lila-light .icon-logo {background-color:#d48ab6;}
.lila-dark .icon-logo {background-color:#984776;}

.red .icon-logo {background-color: #f63440;}
.red-light .icon-logo {background-color: #f97179;}
.red-dark .icon-logo {background-color: #b12f32;}

.orangered .icon-logo {background-color: #ff4e00;}
.orangered-light .icon-logo {background-color: #ff9566;}
.orangered-dark .icon-logo {background-color: #b34113;}

.bayard-blue .icon-logo {background-color: #2a9ecf;}
.bayard-blue-light .icon-logo {background-color: #30b7f1;}

.infoterminal-red .icon-logo {background-color: #c54f31;}
.infoterminal-red-light .icon-logo {background-color: #edccbb;}
.infoterminal-blue .icon-logo {background-color: #455866;}
.infoterminal-gray .icon-logo {background-color: #eef0f1;}

.white .icon-logo {background-color: #ffffff;}
.black .icon-logo {background-color: #000000;}


/* form color radio button*/
.form-element.gray input[type='radio'] {border: 1px solid #a0a0a0;}
.form-element.gray-light input[type='radio'] {border: 1px solid #c8c8c8;}
.form-element.gray-light-light input[type='radio'] {border: 1px solid #e5e5e5;}
.form-element.gray-dark input[type='radio'] {border: 1px solid #3c3c3c;}

.form-element.green input[type='radio'] {border: 1px solid #00b74f;}
.form-element.green-light input[type='radio'] {border: 1px solid #4ccc83;}
.form-element.green-dark input[type='radio'] {border: 1px solid #2b863f;}

.form-element.greenblue input[type='radio'] {border: 1px solid #00a990;}
.form-element.greenblue-light input[type='radio'] {border: 1px solid #4cc3b1;}
.form-element.greenblue-dark input[type='radio'] {border: 1px solid #0c8571;}

.form-element.orange input[type='radio'] {border: 1px solid #ff8400;}
.form-element.orange-light input[type='radio'] {border: 1px solid #ffa94c;}
.form-element.orange-dark input[type='radio'] {border: 1px solid #b86612;}

.form-element.blue input[type='radio'] {border: 1px solid #009BDF;}
.form-element.blue-light input[type='radio'] {border: 1px solid #4cb9e9;}
.form-element.blue-dark input[type='radio'] {border: 1px solid #1878a6;}

.form-element.pirobase-blue input[type='radio'] {border: 1px solid #4b9fe2;}
.form-element.pirobase-blue-light input[type='radio'] {border: 1px solid #81bceb;}
.form-element.pirobase-blue-dark input[type='radio'] {border: 1px solid #427ca7;}

.form-element.lila input[type='radio'] {border: 1px solid #c24f97;}
.form-element.lila-light input[type='radio'] {border: 1px solid #d48ab6;}
.form-element.lila-dark input[type='radio'] {border: 1px solid #984776;}

.form-element.red input[type='radio'] {border: 1px solid #f63440;}
.form-element.red-light input[type='radio'] {border: 1px solid #f97179;}
.form-element.red-dark input[type='radio'] {border: 1px solid #b12f32;}

.form-element.orangered input[type='radio'] {border: 1px solid #ff4e00;}
.form-element.orangered-light input[type='radio'] {border: 1px solid #ff9566;}
.form-element.orangered-dark input[type='radio'] {border: 1px solid #b34113;}

.form-element.bayard-blue input[type='radio'] {border: 1px solid #2a9ecf;}
.form-element.bayard-blue-light input[type='radio'] {border: 1px solid #30b7f1;}

.form-element.infoterminal-red input[type='radio'] {border: 1px solid #c54f31;}
.form-element.infoterminal-red-light input[type='radio'] {border: 1px solid #edccbb;}
.form-element.infoterminal-blue input[type='radio'] {border: 1px solid #455866;}
.form-element.infoterminal-gray input[type='radio'] {border: 1px solid #eef0f1;}

.form-element.white input[type='radio'] {border: 1px solid #ffffff;}
.form-element.black input[type='radio'] {border: 1px solid #000000;}


/* form color checkbox button*/
.form-element.gray input[type='checkbox'] {border: 1px solid #a0a0a0;}
.form-element.gray-light input[type='checkbox'] {border: 1px solid #c8c8c8;}
.form-element.gray-light-light input[type='checkbox'] {border: 1px solid #e5e5e5;}
.form-element.gray-dark input[type='checkbox'] {border: 1px solid #3c3c3c;}

.form-element.green input[type='checkbox'] {border: 1px solid #00b74f;}
.form-element.green-light input[type='checkbox'] {border: 1px solid #4ccc83;}
.form-element.green-dark input[type='checkbox'] {border: 1px solid #2b863f;}

.form-element.greenblue input[type='checkbox'] {border: 1px solid #00a990;}
.form-element.greenblue-light input[type='checkbox'] {border: 1px solid #4cc3b1;}
.form-element.greenblue-dark input[type='checkbox'] {border: 1px solid #0c8571;}

.form-element.orange input[type='checkbox'] {border: 1px solid #ff8400;}
.form-element.orange-light input[type='checkbox'] {border: 1px solid #ffa94c;}
.form-element.orange-dark input[type='checkbox'] {border: 1px solid #b86612;}

.form-element.blue input[type='checkbox'] {border: 1px solid #009BDF;}
.form-element.blue-light input[type='checkbox'] {border: 1px solid #4cb9e9;}
.form-element.blue-dark input[type='checkbox'] {border: 1px solid #1878a6;}

.form-element.pirobase-blue input[type='checkbox'] {border: 1px solid #4b9fe2;}
.form-element.pirobase-blue-light input[type='checkbox'] {border: 1px solid #81bceb;}
.form-element.pirobase-blue-dark input[type='checkbox'] {border: 1px solid #427ca7;}

.form-element.lila input[type='checkbox'] {border: 1px solid #c24f97;}
.form-element.lila-light input[type='checkbox'] {border: 1px solid #d48ab6;}
.form-element.lila-dark input[type='checkbox'] {border: 1px solid #984776;}

.form-element.red input[type='checkbox'] {border: 1px solid #f63440;}
.form-element.red-light input[type='checkbox'] {border: 1px solid #f97179;}
.form-element.red-dark input[type='checkbox'] {border: 1px solid #b12f32;}

.form-element.orangered input[type='checkbox'] {border: 1px solid #ff4e00;}
.form-element.orangered-light input[type='checkbox'] {border: 1px solid #ff9566;}
.form-element.orangered-dark input[type='checkbox'] {border: 1px solid #b34113;}

.form-element.bayard-blue input[type='checkbox'] {border: 1px solid #2a9ecf;}
.form-element.bayard-blue-light input[type='checkbox'] {border: 1px solid #30b7f1;}

.form-element.infoterminal-red input[type='checkbox'] {border: 1px solid #c54f31;}
.form-element.infoterminal-red-light input[type='checkbox'] {border: 1px solid #edccbb;}
.form-element.infoterminal-blue input[type='checkbox'] {border: 1px solid #455866;}
.form-element.infoterminal-gray input[type='checkbox'] {border: 1px solid #eef0f1;}

.form-element.white input[type='checkbox'] {border: 1px solid #ffffff;}
.form-element.black input[type='checkbox'] {border: 1px solid #000000;}


/* color checkbox button checked*/
.form-element.gray input[type='checkbox']:checked {background-color: #a0a0a0;}
.form-element.gray-light input[type='checkbox']:checked {background-color: #c8c8c8;}
.form-element.gray-light-light input[type='checkbox']:checked {background-color: #e5e5e5;}
.form-element.gray-dark input[type='checkbox']:checked {background-color: #3c3c3c;}

.form-element.green input[type='checkbox']:checked {background-color: #00b74f;}
.form-element.green-light input[type='checkbox']:checked {background-color: #4ccc83;}
.form-element.green-dark input[type='checkbox']:checked {background-color: #2b863f;}

.form-element.greenblue input[type='checkbox']:checked {background-color: #00a990;}
.form-element.greenblue-light input[type='checkbox']:checked {background-color: #4cc3b1;}
.form-element.greenblue-dark input[type='checkbox']:checked {background-color: #0c8571;}

.form-element.orange input[type='checkbox']:checked {background-color: #ff8400;}
.form-element.orange-light input[type='checkbox']:checked {background-color: #ffa94c;}
.form-element.orange-dark input[type='checkbox']:checked {background-color: #b86612;}

.form-element.blue input[type='checkbox']:checked {background-color: #009BDF;}
.form-element.blue-light input[type='checkbox']:checked {background-color: #4cb9e9;}
.form-element.blue-dark input[type='checkbox']:checked {background-color: #1878a6;}

.form-element.pirobase-blue input[type='checkbox']:checked {background-color: #4b9fe2;}
.form-element.pirobase-blue-light input[type='checkbox']:checked {background-color: #81bceb;}
.form-element.pirobase-blue-dark input[type='checkbox']:checked {background-color: #427ca7;}

.form-element.lila input[type='checkbox']:checked {background-color: #c24f97;}
.form-element.lila-light input[type='checkbox']:checked {background-color: #d48ab6;}
.form-element.lila-dark input[type='checkbox']:checked {background-color: #984776;}

.form-element.red input[type='checkbox']:checked {background-color: #f63440;}
.form-element.red-light input[type='checkbox']:checked {background-color: #f97179;}
.form-element.red-dark input[type='checkbox']:checked {background-color: #b12f32;}

.form-element.orangered input[type='checkbox']:checked {background-color: #ff4e00;}
.form-element.orangered-light input[type='checkbox']:checked {background-color: #ff9566;}
.form-element.orangered-dark input[type='checkbox']:checked {background-color: #b34113;}

.form-element.bayard-blue input[type='checkbox']:checked {background-color: #2a9ecf;}
.form-element.bayard-blue-light input[type='checkbox']:checked {background-color: #30b7f1;}

.form-element.infoterminal-red input[type='checkbox']:checked {background-color: #c54f31;}
.form-element.infoterminal-red-light input[type='checkbox']:checked {background-color: #edccbb;}
.form-element.infoterminal-blue input[type='checkbox']:checked {background-color: #455866;}
.form-element.infoterminal-gray input[type='checkbox']:checked {background-color: #eef0f1;}

.form-element.white input[type='checkbox']:checked {background-color: #ffffff;}
.form-element.black input[type='checkbox']:checked {background-color: #000000;}


/* color radio button checked*/
.form-element.gray input[type='radio']:checked {background-color: #a0a0a0;}
.form-element.gray-light input[type='radio']:checked {background-color: #c8c8c8;}
.form-element.gray-light-light input[type='radio']:checked {background-color: #e5e5e5;}
.form-element.gray-dark input[type='radio']:checked {background-color: #3c3c3c;}

.form-element.green input[type='radio']:checked {background-color: #00b74f;}
.form-element.green-light input[type='radio']:checked {background-color: #4ccc83;}
.form-element.green-dark input[type='radio']:checked {background-color: #2b863f;}

.form-element.greenblue input[type='radio']:checked {background-color: #00a990;}
.form-element.greenblue-light input[type='radio']:checked {background-color: #4cc3b1;}
.form-element.greenblue-dark input[type='radio']:checked {background-color: #0c8571;}

.form-element.orange input[type='radio']:checked {background-color: #ff8400;}
.form-element.orange-light input[type='radio']:checked {background-color: #ffa94c;}
.form-element.orange-dark input[type='radio']:checked {background-color: #b86612;}

.form-element.blue input[type='radio']:checked {background-color: #009BDF;}
.form-element.blue-light input[type='radio']:checked {background-color: #4cb9e9;}
.form-element.blue-dark input[type='radio']:checked {background-color: #1878a6;}

.form-element.pirobase-blue input[type='radio']:checked {background-color: #4b9fe2;}
.form-element.pirobase-blue-light input[type='radio']:checked {background-color: #81bceb;}
.form-element.pirobase-blue-dark input[type='radio']:checked {background-color: #427ca7;}

.form-element.lila input[type='radio']:checked {background-color: #c24f97;}
.form-element.lila-light input[type='radio']:checked {background-color: #d48ab6;}
.form-element.lila-dark input[type='radio']:checked {background-color: #984776;}

.form-element.red input[type='radio']:checked {background-color: #f63440;}
.form-element.red-light input[type='radio']:checked {background-color: #f97179;}
.form-element.red-dark input[type='radio']:checked {background-color: #b12f32;}

.form-element.orangered input[type='radio']:checked {background-color: #ff4e00;}
.form-element.orangered-light input[type='radio']:checked {background-color: #ff9566;}
.form-element.orangered-dark input[type='radio']:checked {background-color: #b34113;}

.form-element.bayard-blue input[type='radio']:checked {background-color: #2a9ecf;}
.form-element.bayard-blue-light input[type='radio']:checked {background-color: #30b7f1;}

.form-element.infoterminal-red input[type='radio']:checked {background-color: #c54f31;}
.form-element.infoterminal-red-light input[type='radio']:checked {background-color: #edccbb;}
.form-element.infoterminal-blue input[type='radio']:checked {background-color: #455866;}
.form-element.infoterminal-gray input[type='radio']:checked {background-color: #eef0f1;}

.form-element.white input[type='radio']:checked {background-color: #ffffff;}
.form-element.black input[type='radio']:checked {background-color: #000000;}


/* submit button */
.form-element.gray input[type="submit"], .form-element.gray input[type="submit"]:hover, .form-element.gray input[type="submit"]:focus, .form-element.gray input[type="submit"]:active {background-color: #a0a0a0;}
.form-element.gray-light input[type="submit"], .form-element.gray-light input[type="submit"]:hover, .form-element.gray-light input[type="submit"]:focus, .form-element.gray-light input[type="submit"]:active {background-color: #c8c8c8;}
.form-element.gray-light-light input[type="submit"], .form-element.gray-light-light input[type="submit"]:hover, .form-element.gray-light-light input[type="submit"]:focus, .form-element.gray-light-light input[type="submit"]:active {background-color: #e5e5e5;}
.form-element.gray-dark input[type="submit"], .form-element.gray-dark input[type="submit"]:hover, .form-element.gray-dark input[type="submit"]:focus, .form-element.gray-dark input[type="submit"]:active {background-color: #3c3c3c;}


.form-element.green input[type="submit"], .form-element.green input[type="submit"]:hover, .form-element.green input[type="submit"]:focus, .form-element.green input[type="submit"]:active {background-color: #00b74f;}
.form-element.green-light input[type="submit"], .form-element.green-light input[type="submit"]:hover, .form-element.green-light input[type="submit"]:focus, .form-element.green-light input[type="submit"]:active {background-color: #4ccc83;}
.form-element.green-dark input[type="submit"], .form-element.green-dark input[type="submit"]:hover, .form-element.green-dark input[type="submit"]:focus, .form-element.green-dark input[type="submit"]:active {background-color: #2b863f;}

.form-element.greenblue input[type="submit"], .form-element.greenblue input[type="submit"]:hover, .form-element.greenblue input[type="submit"]:focus, .form-element.greenblue input[type="submit"]:active {background-color: #00a990;}
.form-element.greenblue-light input[type="submit"], .form-element.greenblue-light input[type="submit"]:hover, .form-element.greenblue-light input[type="submit"]:focus, .form-element.greenblue-light input[type="submit"]:active {background-color: #4cc3b1;}
.form-element.greenblue-dark input[type="submit"], .form-element.greenblue-dark input[type="submit"]:hover, .form-element.greenblue-dark input[type="submit"]:focus, .form-element.greenblue-dark input[type="submit"]:active {background-color: #0c8571;}

.form-element.orange input[type="submit"], .form-element.orange input[type="submit"]:hover, .form-element.orange input[type="submit"]:focus, .form-element.orange input[type="submit"]:active {background-color: #ff8400;}
.form-element.orange-light input[type="submit"], .form-element.orange-light input[type="submit"]:hover, .form-element.orange-light input[type="submit"]:focus, .form-element.orange-light input[type="submit"]:active {background-color: #ffa94c;}
.form-element.orange-dark input[type="submit"], .form-element.orange-dark input[type="submit"]:hover, .form-element.orange-dark input[type="submit"]:focus, .form-element.orange-dark input[type="submit"]:active {background-color: #b86612;}

.form-element.blue input[type="submit"], .form-element.blue input[type="submit"]:hover, .form-element.blue input[type="submit"]:focus, .form-element.blue input[type="submit"]:active {background-color: #009BDF;}
.form-element.blue-light input[type="submit"], .form-element.blue-light input[type="submit"]:hover, .form-element.blue-light input[type="submit"]:focus, .form-element.blue-light input[type="submit"]:active {background-color: #4cb9e9;}
.form-element.blue-dark input[type="submit"], .form-element.blue-dark input[type="submit"]:hover, .form-element.blue-dark input[type="submit"]:focus, .form-element.blue-dark input[type="submit"]:active {background-color: #1878a6;}

.form-element.pirobase-blue input[type="submit"], .form-element.pirobase-blue input[type="submit"]:hover, .form-element.pirobase-blue input[type="submit"]:focus, .form-element.pirobase-blue input[type="submit"]:active {background-color: #4b9fe2;}
.form-element.pirobase-blue-light input[type="submit"], .form-element.pirobase-blue-light input[type="submit"]:hover, .form-element.pirobase-blue-light input[type="submit"]:focus, .form-element.pirobase-blue-light input[type="submit"]:active {background-color: #81bceb;}
.form-element.pirobase-blue-dark input[type="submit"], .form-element.pirobase-blue-dark input[type="submit"]:hover, .form-element.pirobase-blue-dark input[type="submit"]:focus, .form-element.pirobase-blue-dark input[type="submit"]:active {background-color: #427ca7;}

.form-element.lila input[type="submit"], .form-element.lila input[type="submit"]:hover, .form-element.lila input[type="submit"]:focus, .form-element.lila input[type="submit"]:active {background-color: #c24f97;}
.form-element.lila-light input[type="submit"], .form-element.lila-light input[type="submit"]:hover, .form-element.lila-light input[type="submit"]:focus, .form-element.lila-light input[type="submit"]:active {background-color: #d48ab6;}
.form-element.lila-dark input[type="submit"], .form-element.lila-dark input[type="submit"]:hover, .form-element.lila-dark input[type="submit"]:focus, .form-element.lila-dark input[type="submit"]:active {background-color: #984776;}

.form-element.red input[type="submit"], .form-element.red input[type="submit"]:hover, .form-element.red input[type="submit"]:focus, .form-element.red input[type="submit"]:active {background-color: #f63440;}
.form-element.red-light input[type="submit"], .form-element.red-light input[type="submit"]:hover, .form-element.red-light input[type="submit"]:focus, .form-element.red-light input[type="submit"]:active {background-color: #f97179;}
.form-element.red-dark input[type="submit"], .form-element.red-dark input[type="submit"]:hover, .form-element.red-dark input[type="submit"]:focus, .form-element.red-dark input[type="submit"]:active {background-color: #b12f32;}

.form-element.orangered input[type="submit"], .form-element.orangered input[type="submit"]:hover, .form-element.orangered input[type="submit"]:focus, .form-element.orangered input[type="submit"]:active {background-color: #ff4e00;}
.form-element.orangered-light input[type="submit"], .form-element.orangered-light input[type="submit"]:hover, .form-element.orangered-light input[type="submit"]:focus, .form-element.orangered-light input[type="submit"]:active {background-color: #ff9566;}
.form-element.orangered-dark input[type="submit"], .form-element.orangered-dark input[type="submit"]:hover, .form-element.orangered-dark input[type="submit"]:focus, .form-element.orangered-dark input[type="submit"]:active {background-color: #b34113;}

.form-element.bayard-blue input[type="submit"], .form-element.bayard-blue input[type="submit"]:hover, .form-element.bayard-blue input[type="submit"]:focus, .form-element.bayard-blue input[type="submit"]:active {background-color: #2a9ecf;}
.form-element.bayard-blue-light input[type="submit"], .form-element.bayard-blue-light input[type="submit"]:hover, .form-element.bayard-blue-light input[type="submit"]:focus, .form-element.bayard-blue-light input[type="submit"]:active {background-color: #30b7f1;}

.form-element.infoterminal-red input[type="submit"], .form-element.infoterminal-red input[type="submit"]:hover, .form-element.infoterminal-red input[type="submit"]:focus, .form-element.infoterminal-red input[type="submit"]:active {background-color: #c54f31;}
.form-element.infoterminal-red-light input[type="submit"], .form-element.infoterminal-red-light input[type="submit"]:hover, .form-element.infoterminal-red-light input[type="submit"]:focus, .form-element.infoterminal-red-light input[type="submit"]:active {background-color: #edccbb;}
.form-element.infoterminal-blue input[type="submit"], .form-element.infoterminal-blue input[type="submit"]:hover, .form-element.infoterminal-blue input[type="submit"]:focus, .form-element.infoterminal-blue input[type="submit"]:active {background-color: #455866;}
.form-element.infoterminal-gray input[type="submit"], .form-element.infoterminal-gray input[type="submit"]:hover, .form-element.infoterminal-gray input[type="submit"]:focus, .form-element.infoterminal-gray input[type="submit"]:active {background-color: #eef0f1;}

.form-element.white input[type="submit"], .form-element.white input[type="submit"]:hover, .form-element.white input[type="submit"]:focus, .form-element.white input[type="submit"]:active {background-color: #ffffff;}
.form-element.black input[type="submit"], .form-element.black input[type="submit"]:hover, .form-element.black input[type="submit"]:focus, .form-element.black input[type="submit"]:active {background-color: #000000;}



/*Formular - Input Border Farben */
.form-element.gray input[type=text]:focus, .form-element.gray input[type=email]:focus, .form-element.gray input[type=url]:focus, .form-element.gray select:focus, .form-element.gray input[type=password]:focus, .form-element.gray textarea:focus{border-color: #a0a0a0;}
.form-element.gray-light input[type=text]:focus, .form-element.gray-light input[type=email]:focus, .form-element.gray-light input[type=url]:focus, .form-element.gray-light select:focus, .form-element.gray-light input[type=password]:focus, .form-element.gray-light textarea:focus{border-color: #c8c8c8;}
.form-element.gray-light-light input[type=text]:focus, .form-element.gray-light-light input[type=email]:focus, .form-element.gray-light-light input[type=url]:focus, .form-element.gray-light-light select:focus, .form-element.gray-light-light input[type=password]:focus, .form-element.gray-light-light textarea:focus{border-color: #e5e5e5;}
.form-element.gray-dark input[type=text]:focus, .form-element.gray-dark input[type=email]:focus, .form-element.gray-dark input[type=url]:focus, .form-element.gray-dark select:focus, .form-element.gray-dark input[type=password]:focus, .form-element.gray-dark textarea:focus{border-color: #3c3c3c;}

.form-element.green input[type=text]:focus, .form-element.green input[type=email]:focus, .form-element.green input[type=url]:focus, .form-element.green select:focus, .form-element.green input[type=password]:focus, .form-element.green textarea:focus{border-color: #00b74f;}
.form-element.green-light input[type=text]:focus, .form-element.green-light input[type=email]:focus, .form-element.green-light input[type=url]:focus, .form-element.green-light select:focus, .form-element.green-light input[type=password]:focus, .form-element.green-light textarea:focus{border-color: #4ccc83;}
.form-element.green-dark input[type=text]:focus, .form-element.green-dark input[type=email]:focus, .form-element.green-dark input[type=url]:focus, .form-element.green-dark select:focus, .form-element.green-dark input[type=password]:focus, .form-element.green-dark textarea:focus{border-color: #2b863f;}

.form-element.greenblue input[type=text]:focus, .form-element.greenblue input[type=email]:focus, .form-element.greenblue input[type=url]:focus, .form-element.greenblue select:focus, .form-element.greenblue input[type=password]:focus, .form-element.greenblue textarea:focus{border-color: #00a990;}
.form-element.greenblue-light input[type=text]:focus, .form-element.greenblue-light input[type=email]:focus, .form-element.greenblue-light input[type=url]:focus, .form-element.greenblue-light select:focus, .form-element.greenblue-light input[type=password]:focus, .form-element.greenblue-light textarea:focus{border-color: #4cc3b1;}
.form-element.greenblue-dark input[type=text]:focus, .form-element.greenblue-dark input[type=email]:focus, .form-element.greenblue-dark input[type=url]:focus, .form-element.greenblue-dark select:focus, .form-element.greenblue-dark input[type=password]:focus, .form-element.greenblue-dark textarea:focus{border-color: #0c8571;}

.form-element.orange input[type=text]:focus, .form-element.orange input[type=email]:focus, .form-element.orange input[type=url]:focus, .form-element.orange select:focus, .form-element.orange input[type=password]:focus, .form-element.orange textarea:focus{border-color: #ff8400;}
.form-element.orange-light input[type=text]:focus, .form-element.orange-light input[type=email]:focus, .form-element.orange-light input[type=url]:focus, .form-element.orange-light select:focus, .form-element.orange-light input[type=password]:focus, .form-element.orange-light textarea:focus{border-color: #ffa94c;}
.form-element.orange-dark input[type=text]:focus, .form-element.orange-dark input[type=email]:focus, .form-element.orange-dark input[type=url]:focus, .form-element.orange-dark select:focus, .form-element.orange-dark input[type=password]:focus, .form-element.orange-dark textarea:focus{border-color: #b86612;}

.form-element.blue input[type=text]:focus, .form-element.blue input[type=email]:focus, .form-element.blue input[type=url]:focus, .form-element.blue select:focus, .form-element.blue input[type=password]:focus, .form-element.blue textarea:focus{border-color: #009BDF;}
.form-element.blue-light input[type=text]:focus, .form-element.blue-light input[type=email]:focus, .form-element.blue-light input[type=url]:focus, .form-element.blue-light select:focus, .form-element.blue-light input[type=password]:focus, .form-element.blue-light textarea:focus{border-color: #4cb9e9;}
.form-element.blue-dark input[type=text]:focus, .form-element.blue-dark input[type=email]:focus, .form-element.blue-dark input[type=url]:focus, .form-element.blue-dark select:focus, .form-element.blue-dark input[type=password]:focus, .form-element.blue-dark textarea:focus{border-color: #1878a6;}

.form-element.pirobase-blue input[type=text]:focus, .form-element.pirobase-blue input[type=email]:focus, .form-element.pirobase-blue input[type=url]:focus, .form-element.pirobase-blue select:focus, .form-element.pirobase-blue input[type=password]:focus, .form-element.pirobase-blue textarea:focus{border-color: #4b9fe2;}
.form-element.pirobase-blue-light input[type=text]:focus, .form-element.pirobase-blue-light input[type=email]:focus, .form-element.pirobase-blue-light input[type=url]:focus, .form-element.pirobase-blue-light select:focus, .form-element.pirobase-blue-light input[type=password]:focus, .form-element.pirobase-blue-light textarea:focus{border-color: #81bceb;}
.form-element.pirobase-blue-dark input[type=text]:focus, .form-element.pirobase-blue-dark input[type=email]:focus, .form-element.pirobase-blue-dark input[type=url]:focus, .form-element.pirobase-blue-dark select:focus, .form-element.pirobase-blue-dark input[type=password]:focus, .form-element.pirobase-blue-dark textarea:focus{border-color: #427ca7;}

.form-element.lila input[type=text]:focus, .form-element.lila input[type=email]:focus, .form-element.lila input[type=url]:focus, .form-element.lila select:focus, .form-element.lila input[type=password]:focus, .form-element.lila textarea:focus{border-color: #c24f97;}
.form-element.lila-light input[type=text]:focus, .form-element.lila-light input[type=email]:focus, .form-element.lila-light input[type=url]:focus, .form-element.lila-light select:focus, .form-element.lila-light input[type=password]:focus, .form-element.lila-light textarea:focus{border-color: #d48ab6;}
.form-element.lila-dark input[type=text]:focus, .form-element.lila-dark input[type=email]:focus, .form-element.lila-dark input[type=url]:focus, .form-element.lila-dark select:focus, .form-element.lila-dark input[type=password]:focus, .form-element.lila-dark textarea:focus{border-color: #984776;}

.form-element.red input[type=text]:focus, .form-element.red input[type=email]:focus, .form-element.red input[type=url]:focus, .form-element.red select:focus, .form-element.red input[type=password]:focus, .form-element.red textarea:focus{border-color: #f63440;}
.form-element.red-light input[type=text]:focus, .form-element.red-light input[type=email]:focus, .form-element.red-light input[type=url]:focus, .form-element.red-light select:focus, .form-element.red-light input[type=password]:focus, .form-element.red-light textarea:focus{border-color: #f97179;}
.form-element.red-dark input[type=text]:focus, .form-element.red-dark input[type=email]:focus, .form-element.red-dark input[type=url]:focus, .form-element.red-dark select:focus, .form-element.red-dark input[type=password]:focus, .form-element.red-dark textarea:focus{border-color: #b12f32;}

.form-element.orangered input[type=text]:focus, .form-element.orangered input[type=email]:focus, .form-element.orangered input[type=url]:focus, .form-element.orangered select:focus, .form-element.orangered input[type=password]:focus, .form-element.orangered textarea:focus{border-color: #ff4e00;}
.form-element.orangered-light input[type=text]:focus, .form-element.orangered-light input[type=email]:focus, .form-element.orangered-light input[type=url]:focus, .form-element.orangered-light select:focus, .form-element.orangered-light input[type=password]:focus, .form-element.orangered-light textarea:focus{border-color: #ff9566;}
.form-element.orangered-dark input[type=text]:focus, .form-element.orangered-dark input[type=email]:focus, .form-element.orangered-dark input[type=url]:focus, .form-element.orangered-dark select:focus, .form-element.orangered-dark input[type=password]:focus, .form-element.orangered-dark textarea:focus{border-color: #b34113;}

.form-element.bayard-blue input[type=text]:focus, .form-element.bayard-blue input[type=email]:focus, .form-element.bayard-blue input[type=url]:focus, .form-element.bayard-blue select:focus, .form-element.bayard-blue input[type=password]:focus, .form-element.bayard-blue textarea:focus{border-color: #2a9ecf;}
.form-element.bayard-blue-light input[type=text]:focus, .form-element.bayard-blue-light input[type=email]:focus, .form-element.bayard-blue-light input[type=url]:focus, .form-element.bayard-blue-light select:focus, .form-element.bayard-blue-light input[type=password]:focus, .form-element.bayard-blue-light textarea:focus{border-color: #30b7f1;}

.form-element.infoterminal-red input[type=text]:focus, .form-element.infoterminal-red input[type=email]:focus, .form-element.infoterminal-red input[type=url]:focus, .form-element.infoterminal-red select:focus, .form-element.infoterminal-red input[type=password]:focus, .form-element.infoterminal-red textarea:focus{border-color: #c54f31;}
.form-element.infoterminal-red-light input[type=text]:focus, .form-element.infoterminal-red-light input[type=email]:focus, .form-element.infoterminal-red-light input[type=url]:focus, .form-element.infoterminal-red-light select:focus, .form-element.infoterminal-red-light input[type=password]:focus, .form-element.infoterminal-red-light textarea:focus{border-color: #edccbb;}

.form-element.infoterminal-blue input[type=text]:focus, .form-element.infoterminal-blue input[type=email]:focus, .form-element.infoterminal-blue input[type=url]:focus, .form-element.infoterminal-blue select:focus, .form-element.infoterminal-blue input[type=password]:focus, .form-element.infoterminal-blue textarea:focus{border-color: #455866;}
.form-element.infoterminal-gray input[type=text]:focus, .form-element.infoterminal-gray input[type=email]:focus, .form-element.infoterminal-gray input[type=url]:focus, .form-element.infoterminal-gray select:focus, .form-element.infoterminal-gray input[type=password]:focus, .form-element.infoterminal-gray textarea:focus{border-color: #eef0f1;}

.form-element.white input[type=text]:focus, .form-element.white input[type=email]:focus, .form-element.white input[type=url]:focus, .form-element.white select:focus, .form-element.white input[type=password]:focus, .form-element.white textarea:focus{border-color: #ffffff;}
.form-element.black input[type=text]:focus, .form-element.black input[type=email]:focus, .form-element.black input[type=url]:focus, .form-element.black select:focus, .form-element.black input[type=password]:focus, .form-element.black textarea:focus{border-color: #000000;};}

/* border farbe*/
.border-gray {border-color: #a0a0a0 !important ;}
.border-gray-light {border-color: #c8c8c8 !important ;}
.border-gray-light-light {border-color: #e5e5e5 !important ;}
.border-gray-dark {border-color: #3c3c3c !important ;}

.border-green {border-color: #00b74f !important ;}
.border-green-light {border-color: #4ccc83 !important ;}
.border-green-dark{border-color:#2b863f !important ;}

.border-greenblue{border-color:#00a990 !important ;}
.border-greenblue-light{border-color:#4cc3b1 !important ;}
.border-greenblue-dark{border-color:#0c8571 !important ;}

.border-orange {border-color: #ff8400 !important ;}
.border-orange-light {border-color: #ffa94c !important ;}
.border-orange-dark {border-color: #b86612 !important ;}

.border-blue {border-color:#009BDF !important ;}
.border-blue-light {border-color:#4cb9e9 !important ;}
.border-blue-dark {border-color:#1878a6 !important ;}

.border-pirobase-blue {	border-color:#4b9fe2 !important ;}
.border-pirobase-blue-light {	border-color:#81bceb !important ;}
.border-pirobase-blue-dark {	border-color:#427ca7 !important ;}

.border-lila {border-color:#c24f97 !important ;}
.border-lila-light {border-color:#d48ab6 !important ;}
.border-lila-dark {border-color:#984776 !important ;}

.border-red{border-color:#f63440 !important ;}
.border-red-light{border-color:#f97179 !important ;}
.border-red-dark{border-color:#b12f32 !important ;}

.border-orangered{border-color:#ff4e00 !important ;}
.border-orangered-light{border-color:#ff9566 !important ;}
.border-orangered-dark{border-color:#b34113 !important ;}

.border-white{border-color:#ffffff !important ;}
.border-black{border-color:#000000 !important ;}

.border-bayard-blue{border-color:#2a9ecf !important ;}
.border-bayard-blue-light{border-color:#30b7f1 !important ;}

.border-infoterminal-red {border-color: #c54f31 !important ;}
.border-infoterminal-red-light {border-color: #edccbb !important ;}
.border-infoterminal-blue {border-color: #455866 !important ;}
.border-infoterminal-gray {border-color: #eef0f1 !important ;}