﻿.box {
	 border: 2px solid #130179; /* Rahmen Blau */
	 padding: 13px;
	 margin-bottom: 13px;
}

.container {
	 display: flex;
	 flex-wrap: wrap;
}

.column {
	 flex: 1;
	 min-width: 250px;
	 padding: 13px;
	 box-sizing: border-box;
}

body {
	 background-color: #171717; /* Hintergrund Schwarz */
	 color: #130179; /* Text Blau */
}

a:link {
	 color: #017913; /* Text_Link_Unvisited Grün */
}

a:visited {
	 color: #00FFFF; /* Text_Link_Visited Cyan */
}

a:hover {
	 color: #FFFF00; /* Text_Hover Gelb */
}

h1 {
	 color: #130179; /* H1_Text Blau */
}

h2 {
	 color: #790113; /* H2_Text Rot */
}

h3 {
	 color: #017913; /* H3_Text Grün */
}

button {
	 background-color: #017913; /* Button Grün */
	 color: #130179; /* Button_Text Blau */
}

button:hover {
	 background-color: #FFFF00; /* Button_Hover Gelb */
	 color: #790113; /* Button_Text_Hover Rot */
}

button:active {
	 background-color: #790113; /* Button_Pressed Rot */
	 color: #017913; /* Button_Text_Pressed Grün */
}

label {
	 font-weight: bold;
}

input, textarea, select {
	 width: 95%;
	 margin-bottom: 13px;
	 background-color: #130179; /* Hintergrund Blau */
	 color: #017913; /* Text Grün */
	 border-color: #017913; /* Rahmen Grün bei Fokus */
}

input:focus, textarea:focus, select:focus {
	 outline: none;
	 background-color: #017913; /* Hintergrund Grün */
	 color: #130179; /* Text Blau */
	 border: 2px solid #130179; /* Rahmen Blau */
}

input::placeholder, textarea::placeholder {
	 color: #FFFFFF; /* Platzhalter Text Weiß */
}

button {
	 background-color: #017913; /* Button Grün */
	 color: #130179; /* Button_Text Blau */
	 border: 2px solid #130179; /* Rahmen Blau */
	 padding: 13px;
	 cursor: pointer;
}

button:hover {
	 background-color: #130179; /* Button_Hover Blau */
	 color: #017913; /* Button_Text_Hover Grün */
	 border: 2px solid #017913; /* Rahmen Grün */
}

button:active {
	 background-color: #FFFF00; /* Button_Pressed Gelb */
	 color: #130179; /* Button_Text_Pressed Blau */
	 border: 2px solid #790113; /* Rahmen Rot */
}
