@charset "ISO-8859-1";
@import url();
@import "../js/kube-6.5.2/dist/css/kube.min.css";

body {
	font-size: 62.5%;
	font-family: Helvetica, Verdana, sans-serif;
	text-align: left;
	margin: 0px;
	margin-left: auto;
	margin-right: auto;
    padding: 0px;
    background: #fffcd8;
}

img {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.container {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

.flex-column {
    -webkit-box: 1;
    -moz-box: 1;
    -ms-flexbox: 1;
    -webkit-flex: 1;
    flex: 1;
}

.initial {
    -webkit-box: initial;
    -moz-box: initial;
    -ms-flexbox: initial;
  -webkit-flex: initial;
          flex: initial;
}

.flex1 {
    -webkit-box: 1;
    -moz-box: 1;
    -ms-flexbox: 1;
  -webkit-flex: 1;
          flex: 1;
}

.flex2 {
    -webkit-box: 2;
    -moz-box: 2;
    -ms-flexbox: 2;
  -webkit-flex: 2;
          flex: 2;
}

/*
* {
    box-sizing: border-box;
}

.row::after {
    content: "";
    clear: both;
    display: table;
}
  
[class*="col-"] {
    float: left;
    padding: 15px;
}
*/

/* For tablets 600px: */
/* 100 für minimale Breite <= cockpit breite */
/* For desktop: */
@media screen and (min-width: 600px) {
    .col-gatem {width: 100%;}
    .col-lichtwald {width: 100%; height: auto}
}

@media screen and (max-width: 600px) {
    .col-gatem {width: 100%;}
    .col-lichtwald {width: 100%; height: auto}
 }
 
/* For desktop: */
@media screen and (min-width: 1028px) {
    .col-gatem {width: 90%;}
    .col-lichtwald {width: 50%; height: auto}
}
 
/* For desktop: */
@media screen and (min-width: 1428px) {
    .col-gatem {width: 70%;}
    .col-lichtwald {width: 50%; height: auto;}
}

.aheaderschrift {
	font-size: 2.5em;
    font-family: Neuropol, Roboto, sans-serif;
    font-style:inherit;    
	text-align: right;
    vertical-align: top;
	margin: 0px;
	margin-bottom: 2%;
	margin-left: auto;
	margin-right: 2%;
    padding: 0px;
    color: #fffcd8;
}

.mediaVideo
{
    transform: rotateY(180deg);
    -webkit-transform:rotateY(180deg); /* Safari and Chrome */
    -moz-transform:rotateY(180deg); /* Firefox */
}

.mediaScreen
{
    transform: rotateY(0deg);
}

input:invalid { background: hsl(5,30%,80%);}

input#req:required:valid { border-color:blue}

input[type="button"]{
	background-color: transparent;
   background-repeat:no-repeat;
   font-size:35px;
   width:20%;
   font-weight:bold;
   cursor:pointer; 
   color:maroon;   
}

input[type="text"]{
	font-weight:bold;
	font-family: 'Open Sans', sans-serif;
	padding: 15px;
	width:17%;
	margin:6px auto;
	background: transparent;
	border:2px solid green;
	font-size:1em;
	-webkit-appearance: none;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-o-border-radius: 10px;
}

input[type="password"]{
	font-weight:bold;
	font-family: 'Open Sans', sans-serif;
	padding: 15px;
	width:17%;
	margin:6px auto;
	background: transparent;
	border:2px solid green;
	font-size:1em;
	-webkit-appearance: none;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-o-border-radius: 10px;
}

input[type="submit"]{
  background:transparent;
  border:2 px solid green;
  padding:10px;
  margin:13px;
  margin-bottom:2px;
  font-family:'Open Sans',sans-serif;
  font-size:20px;
  font-weight:bold;
  cursor:pointer;
  transition:background .3s;
  -webkit-transition:background .3s;
  -webkit-appearance: none;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-o-border-radius: 10px;
}

div.fullWidth {
  width: 100%;
}

#kube-modal {
	padding-top: 100px;
}

.modal-header {
    font-family: Helvetica Neue, sans-serif;
    background: #fffcd8;
    font-size: 2em;
}

.modal-body {
    font-family: Helvetica Neue, sans-serif;
    font-size: 2em;
    background: #fffcd8;
}

.modal-footer {
    font-family: Helvetica Neue, sans-serif;
    font-size: 2em;
    background: #fffcd8;
}