body { font-family: 'Chivo'; padding:0; margin:0; }
strong a { color: #0088CC; } 
#columns *[contenteditable="true"],
#header *[contenteditable="true"] { padding: 10px; }
#header { overflow: hidden; padding: 0; position: relative; color: #333; background-color: #0088CC; height: 100vh; }
#headerLeft,
#headerRight { overflow: hidden; }
#headerLeft  { width: 49%; float: left; padding: 0; background: url('../image/csu2022/bild.jpg') no-repeat; background-size: contain; }
.headerdivi  { height:100vh; }
#headerRight h2,
#headerRight h3,
#headerRight h4 { text-align: left; margin: 0; overflow: hidden; font-weight: normal; }

#headerRight h2 {
  font-family: "Chivo","Arial Black", arial-black;
  font-size: 4.6em;
  font-weight: 900;
  line-height: 1.1;
  text-transform: uppercase;
  color:#FFFFFF;
}

#headerRight h3 { font-size: 1.4em; line-height: 1.1em; margin: .2em 0 0; color: #000; font-weight: 900; }
#headerRight h4 { font-size: 1.4em; line-height: 1.1em; margin: 1.5em 0 0; color: #FFF; font-weight: 400; }

#headerRight { float: right; width: 41%; padding: 50px 4% 30px 4%; }
#headerRight p { line-height: 1em; text-align: left; margin: 0; }
#headerRight p+p { margin-top: 20px; }
#headerRight>div { padding: 0px 20px 0 0; margin: 0 0 0 0px; font-size: 1.2em; color: #666; }

#sendung_header { 
    position: relative;
    top: 0;
    left: 0;
    width: calc(100% - 20px);
    background: #009423;
    color: #FFFFFF;
    font-size: 42px;
    padding: 50px 10px 10px 10px;
    height: 100px;
    font-weight: 900;
    text-align:center;
}

#columns { color: #333; overflow: hidden; padding: 20px 0; font-size: 1.2em; background-color: #f9f9f9; }
#columns_footer { color: #FFF; overflow: hidden; padding: 20px 0; font-size: 1.3em; background-color: #000000; }
#columns_footer #column3 { padding-left: 5%; width:90%; padding-right: 0%; padding-top:0px; padding-bottom: 30px; }
.footer_link { float: left; padding-top: 20px; margin-right: 20px; }
.footer_link a { color: #FFFFFF; text-decoration: none; }
.footer_link_next { float: right; background: #f4a500; padding:20px;}
.footer_link_next a { color: #FFFFFF; text-decoration: none; text-transform: uppercase; }

#columns>div { float: left; width: 50%; }

#columns #column1 { padding-left: 5%; width:40%; padding-right: 0%; }
#columns #column2 { padding-right: 0%; width:43%; padding-left: 2%; }
#columns #column1>div>h2 {
  font-family: "Chivo","Arial Black", arial-black;
  font-size: 2.6em;
  font-weight: 900;
  line-height: 1.1;
  text-transform: uppercase;
  color:#000000;
}
#columns #column2>div>h2 {
  font-family: "Chivo","Arial Black", arial-black;
  font-size: 2.6em;
  font-weight: 900;
  line-height: 1.1;
  text-transform: uppercase;
  color:#000000;
}
#columns #column1>div>p {
  font-family: "Chivo","Arial Black", arial-black;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.4em;
  color:#000000;
}

#columns #column2>div>p {
  font-family: "Chivo","Arial Black", arial-black;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.4em;
  color:#000000;
}

#columns>div>div {
  margin: 0px 10px;
  padding: 10px 20px;
}

#columns blockquote {
  margin-left: 15px;
}

.column33 { width: 33%; float:left; }
.column33 .social_icon { margin-right: 30px; width:30px; margin-top:15px; }
.column33 .social_icon a { color: #FFFFFF; font-size: 30px; }

@media only screen and (max-width: 1180px) {
    #headerLeft { width: 100%; }
    #headerRight { width: 92%; padding:4%; }
    #header { height: auto !important; }
    #headerRight h2,
    .h2first { font-size: 32px !important; }
    .h2second { font-size: 32px !important; line-height: 1em; }
    #headerRight h4 { font-size: 24px !important;}
    .headerdivi  { height:auto; }
    #columns #column1 { padding-left: 5%; width:90%; padding-right: 5%; }
    #columns #column2 { padding-right: 5%; width:90%; padding-left: 5%; }
    .footer_link_next { float: right; background: #f4a500; padding: 5px; margin-top: 15px; }
    .footer_link_next a { font-size: 14px; }
    #columns_footer #column3 { height: 30px; width: 100%; padding : 0;  }
    .column33 { width: 100%; }
}

@media only screen and (max-width: 820px) {
    #headerLeft { width: 100%; }
    #headerRight { width: 92%; padding:4%; }
    #header { height: auto !important; }
    #headerRight h2,
    .h2first { font-size: 32px !important; }
    .h2second { font-size: 32px !important; line-height: 1em; }
    #headerRight h4 { font-size: 24px !important;}
    .headerdivi  { height:auto; }
    #columns #column1 { padding-left: 5%; width:90%; padding-right: 5%; }
    #columns #column2 { padding-right: 5%; width:90%; padding-left: 5%; }
    .footer_link_next { float: right; background: #f4a500; padding: 5px; margin-top: 15px; }
    .footer_link_next a { font-size: 14px; }
    #columns_footer #column3 { height: 30px; width: 100%; padding : 0;  }
    .column33 { width: 100%; }
}

.h2first { color:#000000;}
.h2second { color:#FFFFFF;}

.arrow-down { float:left; position:relative; left: 50%; margin-left: -50px; margin-top: 60px; }

#weiter_button {
    display: block;
    border-style: none;
    border-radius: 4px;
    margin-left: calc(50% - 170px);
    z-index: 61;
    background: rgba(0,179,205,1);
    box-shadow: none;
    text-shadow: none;
    
    
    line-height: 29px;
    font-weight: 400;
    font-family: Chivo;
    font-style: italic;
    text-align: center;
    background-repeat: no-repeat;
    width: 300px;
    padding: 15px 20px 15px 20px;
    
    top: 60px;
    position:relative;
}

#weiter_button a { font-size: 24px; text-decoration: none; color: #ffffff; }

button,
input,
optgroup,
select,
textarea { font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0; padding: 0; }

button,
input { overflow: visible; }

button,
select { text-transform: none; }

button,
[type="button"],
[type="reset"],
[type="submit"] { -webkit-appearance: button; background-color: transparent; border: none; cursor: pointer; }

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; }

fieldset { padding: 0.35em 0.75em 0.625em; }
legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}
progress { vertical-align: baseline; }
textarea { overflow: auto; }

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

[type="search"] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

input[type=text],
input[type=password],
input[type=email],
textarea,
select {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -moz-border-radius: 0 !important;
  -webkit-border-radius: 0;
  border-radius: 0 !important;
  border: 1px solid #e7e7e7 !important;
  width: 80%;
  padding: 10px 10px !important;
  outline: none !important;
  margin-bottom: 10px;
  font-size: 18px;
}

.formgroup { float: left; width: 100%; margin-bottom: 15px; }
.formcheck { float: left; width: 10%; text-align: center; }
.formtitle { float: left; width: 90%; text-align: left; font-size: 18px; }
.formtitle p { margin-top: 0px; }

button {
    margin-top: 16px;
    width: 100%;
}
.button-blue {
    border: 1px solid #00B3CD;
    background-color: #00B3CD;
    color: #fff;
}
.button-small {
    padding-top: 12px;
    padding-bottom: 12px;
}
@media only screen and (min-width: 768px)
.button {
    min-width: 200px;
}
@media only screen and (min-width: 1100px)
.button {
    font-size: 18px;
    line-height: 25px;
}

@media only screen and (min-width: 768px) and (max-width: 1366px)
.button {
    font-size: 16px;
    line-height: 24px;
}
button {
    -moz-transition: all 350ms;
    -o-transition: all 350ms;
    -webkit-transition: all 350ms;
    transition: all 350ms;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-weight: 700;
    font-size: 18px;
    line-height: 22px;
    display: inline-block;
    margin-bottom: 10px;
    padding: 14px 20px;
    border: 1px solid #F7A600;
    color: #fff;
    background-color: #F7A600;
    cursor: pointer;
    text-align: center;
}
button, [type="button"], [type="reset"], [type="submit"] {
    -webkit-appearance: button;
    background-color: rgba(0,179,205,1);
    border: none;
    cursor: pointer;
    width:100%;
}

#admin_header { position:relative; top:0; left:0; width:calc(100% - 20px); background: #000000; color: #FFFFFF; font-size:18px; padding:10px; height: 20px; }
#admin_header a { color: #FAB200; text-decoration: none; }
#admin_header span { color: #FAB200; text-decoration: none; cursor: pointer; }

#strasse { float:left; width: 60%; }
#hausnr { float:left; width: 20%; }
#plz { float:left; width: 20%; }
#ort { float:left; width: 60%; }

@media only screen and (max-width: 768px)
{
    #admin_header { font-size:0px; padding:15px 10px; height: 20px; }
    #admin_header a, #admin_header span { font-size:14px; padding:10px;  }
    #columns #column1>div>h2,#columns #column2>div>h2 { font-size: 1.5em; }
    input[type=text],
    input[type=password],
    input[type=email],
    textarea,
    select {
      width: 98%;
      padding: 10px 10px !important;
      font-size: 18px;
    }
    .footer_link { padding-top: 0; width: 100%; text-align: center; margin-right: 0;}
    .footer_link_next { width: 100%; text-align: center; margin: 10px 0 0 0;}
    #strasse { width: 68%; }
    #hausnr { width: 30%; }
    #plz { width: 30%; }
    #ort { width: 68%; }
}

.updatepic01 {padding:20px;}
.updatepic01 input { float: left; width: 100%; border: 0; }
.pageon { color: #00e636 !important; }
.pageoff { color: #e60000 !important; }

.video { background: #FFFFFF; color: #000000; padding:20px; margin-bottom: 30px; }
.movietext h3 { color: #0090d3; }