.tab-container {width: 100%;margin: 0 auto;padding-top: 70px;position: relative;display: flex;flex-flow: row wrap;align-items: center;justify-content: center;flex-grow: 1;align-content: stretch;align-items: stretch;}.tab-container-tabs {display: flex;flex-direction: row;position: relative;}.tab-container input, .tab-container section {clear: both;display: none;}.tab-container section {width: 99.99%;}.tab-container label {min-height: 70px;display: flex;justify-content: center;align-items: center;width: 33.3333%;width: calc(100% / 3);padding: 0.5em;cursor: pointer;text-decoration: none;text-align: center;}label[for^="tab1"] {border-radius: 5px 0px 0px 0px;}label[for^="tab3"] {border-radius: 0px 5px 0px 0px;}#tab1:checked ~ #content1, #tab2:checked ~ #content2, #tab3:checked ~ #content3 {display: flex;flex-direction: column;padding: 25px 20px 10px 20px;border-radius: 0px 0px 5px 5px;}#tab1:checked ~ #content1 input, #tab2:checked ~ #content2 input, #tab3:checked ~ #content3 input {display: block;}#tab1:checked ~ #content1 input[type="checkbox"], #tab2:checked ~ #content2 input[type="checkbox"], #tab3:checked ~ #content3 input[type="checkbox"] {display: none;}.tab-container .tab-content p, .tab-container .tab-content h3 {-webkit-animation: fadeInScale 0.7s ease-in-out;-moz-animation: fadeInScale 0.7s ease-in-out;animation: fadeInScale 0.7s ease-in-out;}.tab-container .tab-content h3 {text-align: center;}.tab-container label .fa {margin: 0 0.4em 0 0;}@media only screen and (max-width: 900px) {.tab-container label span {display: none;}.tab-container {width: 98%;}}@keyframes fadeInScale {0% {transform: scale(0.99);opacity: 0;}100% {transform: scale(1);opacity: 1;}}.test2 a {margin: 0 10px;text-decoration: none;}.test2 a[href$=#item2]:checked {color: red!important;text-decoration: underline;}div.items p:not(:target) {display: none}div.items p:target {display: block}.tabs {position: relative;display: block;width: 40em;height: 15em;margin: 5em auto;}.tabs section {position: absolute;display: block;top: 1.8em;left: 0;height: 12em;padding: 10px 20px;background-color: #ddd;border-radius: 5px;box-shadow: 0 3px 3px rgba(0,0,0,0.1);z-index: 0;}.tabs section:first-child {z-index: 1;}.tabs section h2 {position: absolute;font-size: 1em;font-weight: normal;width: 120px;height: 1.8em;top: -1.8em;left: 10px;padding: 0;margin: 0;color: #999;background-color: #ddd;border-radius: 5px 5px 0 0;}.tabs section:nth-child(2) h2 {left: 132px;}.tabs section:nth-child(3) h2 {left: 254px;}.tabs section h2 a {display: block;width: 100%;line-height: 1.8em;text-align: center;text-decoration: none;color: inherit;outline: 0 none;}.tabs section, .tabs section h2 {-webkit-transition: all 500ms ease;-moz-transition: all 500ms ease;-ms-transition: all 500ms ease;-o-transition: all 500ms ease;transition: all 500ms ease;}.tabs section:target, .tabs section:target h2 {color: #333;background-color: #fff;z-index: 2;}.logincontainer {width: 100%;}.loginheadline {width: 100%;display: flex;flex-direction: row;margin: 1.25em 0;}.login-login {width: 50%;}.login-register {width: 50%;text-align: right;}.loginform {width: 100%;}.loginform input {margin-bottom: .25em;margin-top: 1em;}.loginform input:fist-child {margin-top: 0em;}.loginform input[type="submit"] {margin-bottom: 1em;margin-top: 1.5em;-webkit-transition: all 0.3s ease;transition: all 0.3s ease;}.loginform input[type="submit"]:hover {transform: translateX(5px);-webkit-transition: all 0.3s ease;transition: all 0.3s ease;}@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {.tab-container label span {display: block;}}@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {.tab-container label span {display: block;}}@media only screen and (max-width: 767px) {.tab-container label span {display: block;}}.tab-container {padding-top: 25px;margin-top: 15px !important;}