:root {
  --maincolor: #0F3286;
  --fontcolor: #36454F;
  --newsteasercolor: #000000;
  --lastchildnavigationcolor: #930f00;
}



#container {
/*  max-width:60em; */
}


#content-column {
   width:95%;
   width:100%;
   margin:1.25em;
   margin:0em;
   padding:0em;
   float:none;
}

#content-column-left {
   width:65%;
   margin:1.25em;
   margin:0em;
   padding:0em;
   padding-right:2rem;
   float:left;
}

#content-column-right {
   width:30%;
   margin:1.25em;
   margin:0em;
   padding:0em;
   float:right;
}



#breadcrumb {
   padding-top:2em;
   padding-bottom:1em;
}

#kontaktForm {
   padding:0;
}

#kontaktForm fieldset {
    margin-top:0em;
    padding-top:0em;
}

form {
   padding-bottom:2em;
}


legend {
   font-size:1.2rem;
   font-weight:300;
   border-bottom:1px dotted grey;
/*
   padding-top:0.75em;
*/
   padding-bottom:0.15em;
   width:100%;
}

p {
   padding:0.25em;
}

a.privacypolicy {
   text-decoration:underline;
   color:#5f5f5f !important;
}

a.privacypolicy:hover {
   text-decoration:none;
}

img {
   max-width:100%;
   height:auto;
   background-color:#ffffff;
}


label.xinput {
   display:inline-block;
   width:30em;
   padding:0.8em;
   background:#efefef;
   cursor:pointer;
   border:1px solid #afafaf;
}


ol {
   margin:0;
   margin-left:1.5em;
   padding:0;
   padding-left:0.25em;
}

dt, dt li {
   font-size:1rem;
   font-weight:300;
   padding:0.25rem;
   padding-bottom:0.5rem;
   margin-bottom:0;
   line-height:rem;
}

dd {
   font-size:0.8rem;
   margin-bottom:1.75rem;
   margin-bottom:0.5rem;
   margin-left:2.75rem;

}

dl {
   margin:0rem;
   padding:0rem;
}

.content-container p, .content-container .ce-bodytext, .content-container ul, .content-container ul li, .content-container ol li, .content-container ol {
   font-size: 0.8rem;
   line-height: 1.5rem;
}


dl.callback {
   margin:0.25rem;
}

dl.callback dd {
   margin:0;
}

dl.callback label {
   display:inline-block;
   padding:0;
   margin:0;
}

dl.callback label.radio,
dl.callback label.checkbox {
   display:inline-block;
   width:45%;
   padding:0.8rem;
   margin-bottom:0.4rem;
   background:#efefef;
/*  cursor:pointer; */
   border:1px solid #afafaf;
   border-radius: 4px;
   font-size:0.8rem;
}


label.radio {
   display:inline-block;
   width:12rem;
   padding:0.8rem;
   margin-bottom:0.4rem;
   background:#efefef;
/*  cursor:pointer; */
   border:1px solid #afafaf;
}

label.checkbox {
   display:inline-block;
   width:25rem;
   width:90%;
   padding:0.8rem;
   margin-bottom:0rem;
   background:#efefef;
/*  cursor:pointer; */
   border:1px solid #afafaf;
}





textarea {
   width:90%;
   height:10em;
}



/* remove standard-styles */
select {
/*
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance:none;
*/
   padding: 12px;
   border: 1px solid #7F7F7F;
   border-radius:4px;
   font-size: 1em;
   width:100%
/*
   background-image:url(select-arrow.png);
   background-position: right;
   background-repeat: no-repeat;
*/
} 


.center {
   padding:2%;
   padding-left:20%;
   padding-right:20%;
}

.center-inner {
   max-width:100%;
   margin: 0 auto;
}


textarea:focus, input:focus, select:focus {
   outline:none;
}

input.noCheck, input.typeCheck,
textarea.noCheck, textarea.typeCheck {
   width: 100%;
   padding:0.75rem;
   border: 1px solid #7F7F7F;
   border-radius:0.25rem;
   box-sizing: border-box;
   resize: vertical;
}

input.invalid, textarea.invalid {
   width: 100%;
   padding:0.75rem;
   border:2px solid #930F00;
   border-radius:0.25rem;
   box-sizing:border-box;
   resize:vertical;
   background-color:#ffdbdb; 
}


input.invalid_50, textarea.invalid_50 {
   width: 50%;
   padding:0.75rem;
   border: 2px solid #930F00;
   border-radius:0.25rem;
   box-sizing: border-box;
   resize: vertical;
   background-color:#ffdbdb; 
}

input.valid, textarea.valid {
   width: 100%;
   padding:0.75rem;
   border: 2px solid #5FB404;
   border-radius:0.25rem;
   box-sizing: border-box;
   resize: vertical;
}

input.valid_50, textarea.valid_50 {
   width: 50%;
   padding:0.75rem;
   border: 2px solid #5FB404;
   border-radius:0.25rem;
   box-sizing: border-box;
   resize: vertical;
}


input[type="checkbox"],
input[type="radio"] {
  display:none; 
}

input[type="checkbox"] + label::before {
  width:1rem;
  height:1rem;
  border-radius:0.1rem;
  border:2px solid #7F7F7F;
  background-color:#fff;
  display: block;
  content: "";
  float:left;
  margin-right:0.3rem;
}

input[type="radio"] + label::before {
  width:1rem;
  height:1rem;
  border-radius:0.5rem;
  border:2px solid #7F7F7F;
  background-color:#fff;
/*  display: block; */
  content: "";
  float:left;
  margin-right:0.3rem;
}


input[type="checkbox"]:checked+label::before {
  box-shadow: inset 0px 0px 0px 3px #fff;
  background-color:#7F7F7F;
}

input[type="radio"]:checked+label::before {
  box-shadow: inset 0px 0px 0px 3px #fff;
  background-color:#7F7F7F;
}


input[type="submit"].kontaktFormSendData {
   margin:0;
   margin-top:0.75em;
   cursor:pointer;
   -webkit-appearance:button;

   padding:0.75rem;
   border: 1px solid #7F7F7F;
   border-radius: 4px;
   font-size:0.8rem;
   box-sizing: border-box;
   resize: vertical;
}
}

h1 {
   font-size:3em;
/*  width:100%; */
   color:white;
   background-color:#0f3286;
   padding:0.5em;
   margin:0em;
   text-align:center;
}

@media (max-width:1000px) {
   .center {
      padding:2%;
      padding-left:5%;
      padding-right:5%;
   }
   .center-inner {
      max-width:100%;
      margin:0;
   }

   h1 {
      font-size:2em;
   }
   img {
      padding-left:0em;
   }
}


@media (max-width:600px) {
   .center {
      padding:0%;
      padding-left:0%;
      padding-right:0%;
   }
   h1 {
      font-size:1.5em;
   }
   textarea {
      width:90%;
      height:10em;
   }

   input {
      size:100%;
   }

#content-column-left {
   width:100%;
   margin:1.25em;
   margin:0em;
   padding:0em;
   float:none;
}

#content-column-right {
   width:100%;
   margin:1.25em;
   margin:0em;
   margin-left:0.5em;
   padding:0em;
   float:none;
}


}




@media (max-width:1000px) {
   #container {
      max-width:60em;
   }
   .wrapper-top {
       margin:0 auto;
       position:relative;
       max-width:60em;
       width:100%;
   }
   #readspeaker-section {
       width:100%;
   }
}