@charset "utf-8";

/* oswald-regular - latin */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/oswald-v48-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/oswald-v48-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/oswald-v48-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/oswald-v48-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/oswald-v48-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/oswald-v48-latin-regular.svg#Oswald') format('svg'); /* Legacy iOS */
}
body {
  background-color: #f6f4f2;
  color: #666;
  margin: 0;
  padding: 15px 10px 0 10px;
  font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-style: normal;
  font-size: 16px;
  line-height: 22px;
}
h1, h2, h3, h4, h5 {
  font-family: 'Oswald',Arial,Helvetica,sans-serif;
  font-weight: normal;
}
h1 {font-size: 22px;line-height:26px;margin: 0 0 15px 0; padding:0;}
h2 {font-size: 20px;line-height:24px;margin: 0 0 15px 0; padding:0;}
.address h2 {color: #fff; margin: 0 0 15px 0;text-align:center;}    
h3 {font-size: 18px;line-height:22px;margin: 0 0 15px 0; padding:0;}
h4 {font-size: 16px;line-height:20px;margin: 0 0 15px 0; padding:0;}
.address p {color: #333;font-family: 'Oswald',Arial,Helvetica,sans-serif;font-size: 16px;text-align:center;line-height: 18px;}

.main h2, .mainfull h2 {margin: 15px 0 15px 0;}
.main h3, .mainfull h3, .main h4, .mainfull h4  {margin: 10px 0 10px 0;}    
.main a, .mainfull a, .rightcolumn a  {color: #1d579d;}
.main p, .mainfull p, .rightcolumn p {margin: 0 0 15px 0;}
#headerrow {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  margin-bottom: 10px;
  max-width: 1000px;
  display: block;
  overflow: hidden;
}
.headerdata {
  float: left;
  position: relative;
}
.priradlogo {
  background: center / cover no-repeat url(/fileadmin/templates/img/neues_logo.png);
  width: 400px;
  height: 100px;
}
.table {
  margin: 0 0 15px 0;
}
table {
  border: solid 1px #333;
}    
th {
  text-align: left;
}
tr:nth-of-type(2n) {
  background: #f9f9f9;
}    
/* Nav neu */
#navrow{width:100%;z-index:500;transform:translate3d(0,0,0);background-color:#1d579d;max-width:1000px;margin:0 auto;position:relative;}
.nav{width:100%;height:45px;margin:0 auto;position:relative;}
.nav ul{height:auto;display:block;margin:0;padding:0;list-style:none;position:relative;}
.nav ul li{text-align:center;font-size:16px;line-height:45px;float:left;margin:0;text-decoration:none;overflow:visible;position:relative;list-style:none;}
.nav ul li:hover,.nav ul li:focus-within,.nav ul li.active{background-color:#4778b3;}
.nav ul li:last-child{border-right:none}
.nav ul li a{padding:0 19px;text-decoration:none;color:#ffffff;}
.nav ul li ul{margin-left:0;position:absolute;width:550px;display:none;overflow:hidden;color:#ffffff;}
.nav ul li:hover ul,#nav ul li:focus-within ul{display:block;}
.nav ul li:hover ul li,#nav ul li:focus-within ul li{background-color:#f0efeb;}
.nav ul li ul li{padding:7px 20px 7px 20px;text-align:left;background-color:#018cad;font-weight:200;font-size:16px;line-height:20px;width:550px;}
.nav ul li ul li a{font-size:14px;text-decoration:none;color:#504f4d;text-transform:none;padding:0;}
.nav ul li ul li a.active{color:#018cad;}
.nav ul li ul li a:hover,.nav ul li ul li a:focus-within{color:#018cad;}

.lang {
  display: block;
  position: relative;
  float: right;
}    
.lang ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: block;
  position: relative;
}
.lang ul li {
  float: left;
  font-size: 12px;
  line-height: 14px;
  margin: 0 15px 0 0;
}
.lang ul li a {color:#666;}
#mobnav{display:none;position:relative;-webkit-box-shadow:0 3px 5px 0 rgba(0,0,0,0.55);-moz-box-shadow:0 3px 5px 0 rgba(0,0,0,0.55);box-shadow:0 1px 4px 0 rgba(0,0,0,0.35)}
#menu{display:none}
.slicknav_menu > ul{overflow:hidden;max-height:300px;overflow-x:hidden;overflow-y:auto}

.adressbanner {
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin: 10px auto;
    max-width: 1000px;
    flex-wrap: wrap;
}
.headerslider {
    width: 66%;
    background: #c9c9c9;
}
.address {
    width: calc(33% - 30px);
    background: #c9c9c9;
    padding: 15px;
  
}
.address .buttonwhite {
  font-family: 'Oswald',Arial,Helvetica,sans-serif;
  background-color: #fff;
  padding: 10px 0;
  color: #333333;
  display: block;
  width: 100%;
  text-align: center;
}   
#content {
    width: 100%;
    margin: 0 auto;
    
    min-height: 60vH;
    max-width: 1000px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

#contentfull {
    width: 100%;
    margin: 0 auto;
    background: #fff;
    min-height: 60vH;
    max-width: 1000px;
}
#content img, #contentfull img{
    width: 100%;
    height: auto;
}
.mainfull {
    width: calc(100% - 20px);
    padding: 10px;
    position: relative;
    overflow: hidden;
    background: #fff;
}
.main {
    width: calc(66% - 20px);
    padding: 10px;
    position: relative;
    overflow: hidden;
    background: #fff;
}
.rightcolumn{
    width:calc(33% - 20px);
    padding: 10px;
    background: #fff;
}



#footerrow {
    width: 100%;
    max-width: 1000px;
    margin: 10px auto 0 auto;
    background: #c9c9c9;
}
.pagefooter {
    padding: 20px;
    width: 100%;
}
.footercontent p, .footercontent a {
  color: #333;
}





/* DCE Elements */

/* Accordion */
.accordion .ui-state-default {
  border: none;
  background: #9db2c3;
  font-weight: 400;
  color: #333;
  padding: 10px;
  border: solid 1px #aaa;
}
.ui-accordion .ui-accordion-header {
    font-family: 'Oswald',Arial,Helvetica,sans-serif !important;
}
.ui-accordion-header-collapsed:hover, .ui-accordion-header-collapsed:focus-within, .accordion .ui-state-active {
  background: #bac5ce;
  /*color: #fff;*/
}
.ui-accordion-header::after {
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    content: '\f054';
    float: right;
}
.ui-accordion-header.ui-state-active::after {
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    content: '\f078';
    float: right;
}
.accordion .ui-icon-triangle-1-e {
    background-position: unset;
}
.accordion .ui-icon, .accordion .ui-widget-content .ui-icon {
    background-image: none;
}
.accordion .ui-icon {
    display: inline-block;
    vertical-align: unset;
    margin-top: unset;
    position: relative;
    text-indent: unset;
    overflow: hidden;
    background-repeat: no-repeat;
    width: unset;
    height: unset;
}
.accordion-mit-bild img {
  width: 15%;
}
.ui-accordion .accordion_titel {
  overflow: hidden;
}
.ui-accordion .ui-accordion-content {
  padding: 1em 2.2em;
  border-top: 0;
  overflow: auto;
  background: #fbfbfb;
}
audio.ui-accordion-content {
  width: calc(100% - 4.4em);
}
#audio:focus-within {
  background: #aac85f;
}
.ui-widget-content a {
  color: #007378 !important;
}
.ui-widget-content a:hover, .ui-widget-content a:focus-within {
  text-decoration:underline !important;
}
/* DCE Flexslider 
.flexslider .slides img {
    width: 100%;
    display: block;
    max-height: 310px !important;
}  */  
.slideimg {
    width: 100%;
    height: 310px !important;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
/* Slider */
.flexslider {
  max-width: 100%;
  margin: 0 auto;
}
.sliderow {
    position: relative;
}
.slidertxt {
  position: absolute;
  left: 25px;
  bottom: 55px;
  font-size: 20px;
  color: #333;
  padding: 10px;
  background: #0000004f;
}
/*.slideimg {
  width: 100%;
  height: 310px;
  background-position: center;
  background-size: cover;
}*/

.flex-control-nav {
    bottom: 5px;
    position: absolute;
}
.flexslider ul li, ol li {
  margin-bottom: 0;
}

.terminbuttons {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.terminbutton {
  display: inline-block;
  background: #1d579d;
  padding: 5px;
  color: #fff;
  width: 45%;
  margin: 0 0 5px;
  text-align: center;
  text-decoration: none;
  font-family: 'Oswald',Arial,Helvetica,sans-serif;
  font-weight: normal;
}

.information {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.infobox {
  display: block;
  width: calc(49% - 60px);
  background: #9db2c3;
  padding: 20px 30px;
  color: #444;
}
.infobox a {
  color: #444;
}

.infoblock {
  display: block;
  width: calc(100% - 60px);
  background: #9db2c3;
  padding: 20px 30px;
  color: #444;
  margin-bottom: 15px;
}
.infoblock a {
  color: #444;
}
    
#kontaktformular-57 {
  width: calc(100% - 22px);
  border: solid 1px #333;
  padding: 10px;
  position: relative;
  margin: 0 0 30px 0;
}    
.form-group {
  margin: 0 0 20px 0;
}
.form-label {
  font-size: 16px;
  margin: 0 0 5px 0;
  display: block;
}
input {
  display: block;
  width: calc(100% - 15px);
  height: 25px;
  padding: 5px;
}
textarea {
  width: calc(100% - 15px);
  min-height: 100px;
}


@media screen and (max-width: 800px) {
  .nav {
    display: none;
  }
  .headerslider {
  width: 100%;
  }
 .address {
  width: calc(100% - 40px);
 }
}
@media screen and (max-width: 600px) { 
.infobox {
  width: calc(100% - 60px);
  margin-bottom:15px;
}    
  
.main {
    width: calc(100% - 20px);
}

.rightcolumn{
    width:calc(100% - 20px);
}
}  