/* poppins-200 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 200;
  src: url('../fonts/poppins-v24-latin-200.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/poppins-v24-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/poppins-v24-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/poppins-v24-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/poppins-v24-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-800 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 800;
  src: url('../fonts/poppins-v24-latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
.header h3 a:focus-within {color:#ffffff;text-decoration:none;outline:none}



/*++++++++++++ Sidebar ++++++++++++*/
#sidebar {
  position: fixed;
    right: 0;
    top: 220px;
    z-index: 500;
    overflow: hidden;
    background-color:#2E7D32;
    color: #fff;
    padding: 8px 20px 8px 20px;
    text-transform: uppercase;
    font-weight: 500;
    border-radius: 5px 0px 0px 5px;}
#sidebar a {color:#fff;text-decoration:none}
.sidebarbutton ul {padding:0;text-decoration:none;margin:0}
.sidebarbutton ul li {background-color: #00824b;color: #ffffff;text-align: center;padding: 20px 8px;width: auto;margin: 0 0 6px 0;overflow: hidden;border-radius: 5px 0 0 5px;border:1px solid #00824b;text-transform: uppercase;font-size:14px;font-weight: 400;font-family: 'Lato', sans-serif;margin-right: -2px;}
.sidebarbutton ul li:hover {transition: all 0.3s;background-color:#ffffff;border:1px solid #00824b;color:#00824b;}

.news-single .teaser-text {font-weight:600!important;}
html,body{-moz-font-smoothing:antialiased;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
*{outline:none}
body{margin:0;padding:0;overflow:scroll;font-family: 'Poppins', sans-serif;font-weight: normal;font-size:17px;line-height:25px;color:#000000;background:#fff;}
h1 {font-size:50px;line-height:56px;font-family: 'Poppins', sans-serif;font-weight:500;margin:0 0 10px;padding:0;color:#1b1464}
h4,h5 {font-family: 'Poppins', sans-serif;font-weight:400;margin:0 0 10px;padding:0;color:#000000;}
.content h2{font-size: 23px;margin: 0 0 15px 0;text-transform: none;font-weight: 400;color:#000000;line-height: 30px;}
h2{hyphens:auto;font-size:38px;line-height:46px;margin:0 0 20px 0;text-transform: none;font-weight: 500;color:#000000}
h3{font-size:26px;color: #000; line-height: 32px;margin: 20px 0 20px 0;font-weight:500}
h3 a {color:000000;text-decoration:underline}
h3 span {color:#000000;text-decoration:underline;font-size: 25px;line-height: 31px;}
h4{font-size:18px;margin: 0 0 8px 0;color: #0972ce; line-height: 26px;}
h5 {font-size:16px;font-weight: 600;}
p{padding:10px 0 10px 0;margin:0;line-height:25px;hyphens: auto;}
small {font-size:15px;line-height:20px;color:#1b1464;text-transform:uppercase;font-weight:500;letter-spacing: 2px;}
a{color:#1b1464;text-decoration:underline}
a:hover{text-decoration:none}
a:focus-visible{color:#fff;background-color:#1b1464;text-decoration:none;outline:none}
ul li {padding-bottom: 10px;}
ol li {padding-bottom: 10px;}
/* Breadcrumbs*/
#breadcrumbswrapper {width:100%;height:auto;margin-bottom: 40px;}
#breadcrumbs {width: 1200px;height:auto;margin:0 auto;font-size: 16px;line-height:21px}
#breadcrumbs a {color:#1b1464;text-decoration:underline}
#breadcrumbs a:hover {color:#1b1464;text-decoration:none}
#breadcrumbs a:focus-visible {color:#ffffff;text-decoration:none;background-color:#1b1464;outline:none}

a.link_blue_arrow {font-size: 17px; line-height: 24px; color: #1b1464; text-decoration: underline!important;}
a.link_blue_arrow:hover {text-decoration: none!important;}
a.link_blue_arrow:focus-visible {background:none; outline: 1px solid #1b1464;padding: 5px 10px;margin-left: 4px;border-radius:2px }
a.link_blue_arrow::before {content: url(../img/blue-arrow.svg); height: auto; display: inline-block; margin-right: 10px;width:12px;height:12px}

a.link_white_arrow {font-size: 17px; line-height: 24px; color: #ffffff; text-decoration: underline!important;}
a.link_white_arrow:hover {text-decoration: none!important;}
a.link_white_arrow::before {content: url(../img/white-arrow.svg); height: auto; display: inline-block; margin-right: 10px;width:12px;height:12px}
.visually-hidden { position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;}
/**** Kontaktformular ****/
#erfassungsbogenPaednetzCompanion-222 {font-family: 'Poppins'; font-size: 18px;line-height:26px;color: #ffffff;}
#erfassungsbogenPaednetzCompanion-222 input[type="email"] {width: 98%; height: 50px; border: none; border-radius: 0; margin: 8px 0;font-size: 18px;padding-left: 15px;font-family: 'Poppins'}
#erfassungsbogenPaednetzCompanion-222 input[type="text"] {width: 98%; height: 50px; border: none; border-radius: 5px; margin: 8px 0;font-size: 18px;padding-left: 15px;font-family: 'Poppins'}
#erfassungsbogenPaednetzCompanion-222 .xxlarge {width: 98%; height: 50px; border: none; border-radius: 0; margin: 8px 0;font-size: 18px;padding-left: 15px;font-family: 'Poppins';padding-top: 25px;outline: none;}
#erfassungsbogenPaednetzCompanion-222 button {margin-right: 10px;margin-bottom: 20px;margin-top: 20px;border-radius: 50px;text-decoration: none; padding: 13px 36px 13px 36px; border: 1px solid #b1da77; background: #b1da77; color: #2a5526; text-transform: uppercase; font-size: 18px;font-family: 'Poppins'; font-weight:500;cursor: pointer;}
#erfassungsbogenPaednetzCompanion-222 button:hover {color: #2a5526;background: #ffffff;} 
#erfassungsbogenPaednetzCompanion-222 .row {display: flex; margin: 8px 0;padding-bottom:20px}
#erfassungsbogenPaednetzCompanion-222 .row a {color: #2a55267; text-decoration: none;font-size:18px;font-family: 'Poppins'}
#erfassungsbogenPaednetzCompanion-222 .row p {margin: 0;font-size:18px;font-family: 'Poppins'}
#erfassungsbogenPaednetzCompanion-222 .form-group {margin-top: 10px;}
#erfassungsbogenPaednetzCompanion-222 .radio {display: inline-block;padding-right: 12px;margin-bottom: 20px;}
#erfassungsbogenPaednetzCompanion-222 .input.checkbox {margin-top: -10px;}
#erfassungsbogenPaednetzCompanion-222 .required {display:inline-block}
#erfassungsbogenPaednetzCompanion-222 .error.help-block {display:none} 
#erfassungsbogenPaednetzCompanion-222 h2 {font-size:26px;line-height:32px;text-align:left!important} 
#erfassungsbogenPaednetzCompanion-222-multicheckbox-1 {padding-top: 20px;}
label.control-label {display: block;}

/* Buttons*/
.button_pfeil {display: block;background:url(../img/pfeil_blau.svg)no-repeat;text-decoration:none;padding: 20px 20px 20px 30px;width:200px;height:auto;background-color:#ffffff;border-radius:100px;color:#1b1464;font-size:18px;font-weight:500;overflow:hidden;text-transform: uppercase;
    transform-origin: left center;-webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;}
.button_pfeil:hover {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1)}
a.button_pfeil {background-position: right;}
.button_pfeil a {text-decoration:none;}
a.button_pfeil:focus-visible a {background-color:#1b1464}
#c76 {display: none;}
#c76 img {width:300px;height:auto;}

.bvkj-login-button {
  border-radius: 50px;
  padding: 15px 35px 12px 35px;
  border: none;
  background-color: #fff;
  color: #2a5526 !important;
  text-decoration: none !important;
  text-transform: uppercase;
  font-weight: 500;
  display: block;
  margin-bottom:20px;
  font-size:18px;
  line-height: 23px;
}
.bvkj-login-button:hover {text-decoration: underline!important}

/* Suche*/
.pnselect {flex: 1;display: flex;}
select.form-select {
    /* width: 250px; */
    padding: 16px 45px 16px 16px;
    border: none;
    border-radius: 5px;
    font-size: 19px;
    font-family: 'Poppins';flex:1;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: url(../img/pfeil_down.svg) no-repeat rgba(255, 255, 255, 0.85) right 15px center;
    background-size: 16px;color:#1b1464;
}
.companion select.form-select {color:#2a5526;background: url(../img/pfeil_down_green.svg) no-repeat rgba(255, 255, 255, 0.85) right 15px center;background-size: 16px;}
  
.input-group.mb-3 {
    display: flex;
    gap: 1rem;
    align-items: center;
    flex-wrap: wrap;
}
ul.f3-widget-paginator {
    display: flex;
    list-style-type: none;
    padding: 0;
    margin: 0;
    gap: 10px;
    align-items: center;
}
li.page-item.current {font-weight: 600;}
li.page-item.current a {text-decoration:none;}

.companionrow {width: calc(100% - 20px);
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    overflow: hidden;
    margin: 0;
    border-bottom: 2px dotted #777;
    background: transparent;
    padding: 15px;}
.companionrow .docname {
    font-weight: 400 !important;
    padding-right: 10px !important;
    width: 70% !important;}

.doccontact a {color: #3c8435;}

.companionsuche li.page-item.current a {color:#2a5526}
.companionrow .docname a {color:#2a5526;font-weight: 600;}
.docinfo p {padding:6px 0 6px 0}
.docrow {margin:0!important;padding:15px!important;background-color:transparent!important}
.docadress {color: #000000!important;padding-right: 10px!important;}
.docname {font-weight:600!important;padding-right: 10px!important;width: 35%!important}
.docpc {color: #000000!important}
.companionadress {width: 20%;}
.companionadress p {padding-top:0}
a.docadress p {text-decoration:none!important}
#search {width:1200px;height:auto;margin:0 auto;margin-bottom: 0px;}
.search-submit {margin-bottom: 50px;}
.search-form {display: flex;gap: 1rem;align-items: center;flex-wrap: wrap;}
.search-form input,
.search-form select {
flex: 1;
min-width: 200px;
padding: 15px;
border-radius: 5px;
border: none;
background-color: rgba(255, 255, 255, 0.7);
font-size: 19px;
font-family: 'Poppins';
font-weight:400;
color:#000000;
}
input#tx-felogin-input-password {
    height: 30px;
    width: 100%;
}
input#tx-felogin-input-username {
    width: 100%;
    height: 30px;margin-bottom:10px;
}
legend {font-weight:600}
fieldset {
    
    padding: 30px 20px 20px 20px;
    border-radius: 5px;
    border: #2a5526 1px solid;
}
.search-form input placeholder {color:#000000}

.search-submit button {
border-radius: 50px;
padding: 10px 35px 10px 35px;
border: none;
background-color: #1b1464;
color: #ffffff;
text-transform: uppercase;
font-size:18px;
font-family: 'Poppins', sans-serif;
font-weight:500;
margin-top:30px;
border: 1px solid #1b1464;}

input.form-control {
    flex: 1;
    padding: 15px;
    border-radius: 5px;
    border: none;
    background-color: rgba(255, 255, 255, 1);
    font-size: 19px;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    color: #000000;
}
.form-control.bg-light {
    font-size: 21px;
    padding-top: 20px;
  color:#1b1464;font-weight:500
}

.input-group.mb-3 input[type="submit"] {
border-radius: 50px;
padding: 10px 35px 10px 35px;
border: none;
background-color: #1b1464;
color: #ffffff;
text-transform: uppercase;
font-size:18px;
font-family: 'Poppins', sans-serif;
font-weight:400;
margin-top:30px;
border: 1px solid #1b1464;margin-bottom: 10px;}

input#tx-felogin-input-logout {
  background-color: #2a5526;
  border: 1px solid #2a5526;
  margin: 10px 0px 10px 0px;
}


input#tx-felogin-input-logout:hover {border: 1px solid #2a5526;background-color:#ffffff;color:#2a5526;transition: all 0.4s;}
input#tx-felogin-input-logout:focus-visible {border: 1px solid #2a5526;background-color:#ffffff;color:#2a5526;transition: all 0.4s;}

input[type="submit"] {
border-radius: 50px;
padding: 10px 35px 10px 35px;
border: none;
background-color: #1b1464;
color: #ffffff;
text-transform: uppercase;
font-size:18px;
font-family: 'Poppins', sans-serif;
font-weight:400;
margin-top:30px;
border: 1px solid #1b1464;margin-bottom: 40px;}

/*input.btn.btn-primary {
  background-color: #2a5526;
  border: 1px solid #2a5526;
}
input.btn.btn-primary:hover {border: 1px solid #2a5526;background-color:#ffffff;color:#2a5526;transition: all 0.4s;}
input.btn.btn-primary:focus-visible {border: 1px solid #2a5526;background-color:#ffffff;color:#2a5526;transition: all 0.4s;}*/

form.companion input[type="submit"] {
border-radius: 50px;
padding: 10px 35px 10px 35px;
border: none;
background-color: #2a5526;
color: #ffffff;
text-transform: uppercase;
font-size:18px;
font-family: 'Poppins', sans-serif;
font-weight:400;
margin-top:30px;
border: 1px solid #2a5526;margin-bottom: 40px;}
.companion input[type="submit"]:hover {border: 1px solid #2a5526;background-color:#ffffff;color:#2a5526;transition: all 0.4s;}
.companion input[type="submit"]:focus-visible {border: 1px solid #2a5526;background-color:#ffffff;color:#2a5526;transition: all 0.4s;}

.backbutton {
border-radius: 50px;
padding: 15px 35px 15px 35px;
border: none;
background-color: #2a5526;
color: #ffffff;
text-transform: uppercase;
font-size:18px;
font-family: 'Poppins', sans-serif;
font-weight:400;
margin-top:20px;
text-decoration:none;
display: inline-block;
border: 1px solid #2a5526;
margin-bottom: 40px;}

.backbutton:hover {border: 1px solid #2a5526;background-color:#ffffff;color:#2a5526;transition: all 0.4s;}
.backbutton:focus-visible {border: 1px solid #2a5526;background-color:#ffffff;color:#2a5526;transition: all 0.4s;}


input[type="submit"]:hover {border: 1px solid #1b1464;background-color:#ffffff;color:#1b1464;transition: all 0.4s;}
input[type="submit"]:focus-visible {border: 1px solid #1b1464;background-color:#ffffff;color:#1b1464;transition: all 0.4s;}

.select-wrapper select {
width: 200px;
padding: 16px 45px 16px 16px;
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
background:url(../img/pfeil_down.svg)no-repeat rgba(255, 255, 255, 0.85) right 15px center;
background-size: 16px;
}
.select-wrapper select option:checked {background-color: #000000;color: #fff;}
.select-wrapper select option:hover {background-color: #1b1464;color: #fff;}
.select-wrapper {flex:1;display:flex}
select#facharzt-auswahl:focus-visible {outline:1px solid #1b1464}
select#paednetze-auswahl:focus-visible {outline:1px solid #1b1464}
input#search:focus-visible {outline:1px solid #1b1464}

/* Header */
#headerwrapper {width: 100%;height: auto;background-color:#ffffff;position: fixed;z-index:100;box-shadow: 0 8px 15px 0px rgba(0,0,0,0.3);-moz-box-shadow: 0 8px 15px 0px rgba(0,0,0,0.3);-webkit-box-shadow: 0 8px 15px 0px rgba(0,0,0,0.3);}
#header {width:97%;height:110px;margin:0 auto; transition: 0.4s;}
#logo {transition: 0.4s;width: 77px;height: auto;text-align: left;float:left;color:#1b1464}
#logo a:focus-visible {color:#1b1464;background-color:#1b1464}
#logo a:focus {background-color:#ffffff}
#logo img {transition: 0.4s;height:50px;width:auto;padding-top:20px}

#logotext {padding-top: 28px;margin-left:0;width:100%;height:auto;transition: 0.4s;color:#1b1464}

#logo:focus-visible img {text-decoration:underline;outline:none;background-color:#ffffff;transition: 0.0s;color:#1b1464}
#logotext a{text-decoration:none;color:#1b1464}
#logotext p {transition: 0.4s;display: inline-block;font-family:'Poppins'; font-size:45px;line-height:50px;text-align: left;font-weight:300;padding: 0;margin:0;color:#1b1464}
#logotext:focus-within p {transition: 0.0s;background-color:#ffffff;outline:none;text-decoration:underline}

/* Content Unterseite */

#rightcontent {/*float: right;*/width: auto;width: 360px;order: 2;}
#rightcontent h3 {color:#000000;font-weight:500;margin-bottom: 10px;margin-top:0}
#right {order:2;width: 360px;overflow: hidden;margin-top:5px;}
#focus img {width: 100%;height: auto;}
#content {width: 100%;order:1;min-height:300px;margin:0 auto;padding: 0px 0px 30px 0px;overflow: hidden;}
.oneColRight .flex-text p {font-size:17px;font-weight:400}
.oneColRight .flex-bild img {padding: 7px 0 7px 0;width: 36px;height:36px} 

#focus {display: block;float: left;}

/* 1col - Unterseite - Kästchen-Kontakt */
.contentblau h2 span {color:#ffffff;text-decoration:none}
.contentblau h3 span {color:#ffffff;text-decoration:none}
.oneColColor {
background-color: #fff9f1; 
height: auto;
border-radius: 5px;
padding: 20px 40px 20px 40px;
margin-bottom: 30px;
margin-top: 30px;
}
#content img {}
/* 1col - dunkelblau */
.oneColBlau {
background-color: #1b1464;
border-radius: 5px;
padding: 20px 40px 20px 40px;
margin:0 auto;
margin-bottom: 30px;
margin-top: 30px;
}
.oneColBlau img {padding-top: 20px;}
.oneColBlau ul li {color:#ffffff}
.oneColBlau ol li {color:#ffffff}
.oneColBlau p {color:#ffffff;text-align:center}
.oneColBlau a {color:#ffffff;text-decoration:underline}
.oneColBlau h2 {color:#ffffff;text-align:center;padding-top: 20px;}
.oneColBlau h3 {color:#ffffff;text-align:center}

/* 1col - hellgrün */
.oneColGruenhell {
background-color: #b1da77;
border-radius: 5px;
padding: 20px 40px 20px 40px;
margin:0 auto;
margin-bottom: 30px;
margin-top: 30px;
}
.oneColGruenhell img {padding-top:20px}
.oneColGruenhell ul li {color:#1b1464}
.oneColGruenhell p {color:#1b1464;text-align:center}
.oneColGruenhell a {color:#1b1464;text-decoration:underline}
.oneColGruenhell a:focus-within {color:#ffffff;text-decoration:none;background-color:#1b1464;outline:none}
.oneColGruenhell h2 {color:#1b1464;text-align:center;padding-top: 20px;text-decoration:none}
.oneColGruenhell h3 span {text-decoration:none}
.oneColGruenhell h3 {color:#1b1464;text-align:center;text-decoration:none}

/* 1col - dunkelgruen */
.oneColGruen {
background-color: #2a5526;
border-radius: 5px;
padding: 20px 40px 20px 40px;
margin:0 auto;
margin-bottom: 30px;
margin-top: 30px;
}
.oneColGruen ul li {color:#ffffff}
.oneColGruen p {color:#ffffff;text-align:center}
.oneColGruen a {color:#ffffff;text-decoration:underline}
.oneColGruen h2 {color:#ffffff;text-align:center;padding-top: 20px;}
.oneColGruen h3 {color:#ffffff!important;text-align:center;margin: 30px 0 20px 0}
#rightcontent .oneColGruen {margin-top:0;padding: 30px 40px 20px 40px;}

.icon-header {
    width: 100%;
    height: auto;
    display: flex;
    align-items: center;
}
.icon {}
.icon img {
    align-items: center;
    justify-content: center;
    display: flex;
    padding: 10px 10px 10px 0;
    width: 46px;
    height: 46px;
}
.header p {font-size:24px;line-height:30px;font-weight:500;margin-bottom: 0;}

/* Headerimage */
#headerimagewrapper {margin-bottom:30px;width:100%;min-height:auto;background-color:#C2E8FF;background-image: linear-gradient(90deg, #C2E8FF, #4DB0ED);}


.headerimage {width:1200px;height: auto;margin:0 auto;background: url(../img/vektor-start-baby.svg)no-repeat;display: flex; background-position: right bottom;background-size: 490px auto;}
.headercontent {width:100%;height:auto;margin:0 auto;padding-top: 230px;}
.headercontent p {font-size: 19px;line-height:26px;padding-top:10px} 
.oneCol {width: 57%;padding-bottom:18px}
.headerimage h2 {font-size:36px;font-weight:500;padding-bottom: 10px;}

/* Headerimageunter */
#headerimageunterwrapper {position:relative;margin-bottom:20px;width:100%;min-height:auto;background-color:#C2E8FF;background-image: linear-gradient(90deg, #C2E8FF, #4DB0ED);}
#headerimagecompanionwrapper {position:relative;margin-bottom:20px;width:100%;min-height:400px;background-color:#eeffcc;background-image: linear-gradient(90deg, #eeffcc, #bfdb91);}
#headerimageunterfrankenwrapper {position:relative;margin-bottom:20px;;width:100%;min-height:auto;background-color:#b1da77;background-image: linear-gradient(90deg, #e7ffc0, #b1da77);}
#headerimageunteroberpfalzwrapper {position:relative;margin-bottom:20px;width:100%;min-height:auto;background-color:#9fe8d5;background-image: linear-gradient(90deg, #b6f6e5, #9fe8d5);}
#headerimageunteroberfrankenwrapper {position:relative;margin-bottom:20px;width:100%;min-height:auto;background-color:#90d5ff;background-image: linear-gradient(90deg, #b0daf3, #90d5ff);}
#headerimageunteroberbayernsuedwestwrapper {position:relative;margin-bottom:20px;width:100%;min-height:auto;background-color:#5da0d7;background-image: linear-gradient(90deg, #b2ddf9, #5da0d7);}
#headerimageunteroberbayernsuedostwrapper {position:relative;margin-bottom:20px;width:100%;min-height:auto;background-color:#b6a9cc;background-image: linear-gradient(90deg, #dbd1f2, #b6a9cc);}
#headerimageunteroberbayernnordwrapper {position:relative;margin-bottom:20px;width:100%;min-height:auto;background-color:#f4a9c5;background-image: linear-gradient(90deg, #f9d4e3, #f4a9c5);}
#headerimageuntermuenchenwrapper {position:relative;margin-bottom:20px;width:100%;min-height:auto;background-color:#fac29d;background-image: linear-gradient(90deg, #fcddcd, #fac29d);}
#headerimageuntermittelfrankenwrapper {position:relative;margin-bottom:20px;width:100%;min-height:auto;background-color:#fadd9a;background-image: linear-gradient(90deg, #f9ecd2, #fadd9a);}
#headerimageunteraugsburgwrapper {position:relative;margin-bottom:20px;width:100%;min-height:auto;background-color:#fff18e;background-image: linear-gradient(90deg, #fcf4c8, #fff18e);}
#headerimagecompanionwrapper h1 {color:#2a5526}
#headerimageunterwrapper img {width: 350px;height: auto;}
#headerimageunterfrankenwrapper img {width: 350px;height: auto;}
#headerimageunteroberpfalzwrapper img {width: 350px;height: auto;}
#headerimageunteroberfrankenwrapper img {width: 350px;height: auto;}
#headerimageunteroberbayernsuedwestwrapper img {width: 350px;height: auto;}
#headerimageunteroberbayernsuedostwrapper img {width: 350px;height: auto;}
#headerimageunteroberbayernnordwrapper img {width: 350px;height: auto;}
#headerimageuntermuenchenwrapper img {width: 350px;height: auto;}
#headerimageunteraugsburgwrapper img {width: 350px;height: auto;}
#headerimagecompanionwrapper img {width: 350px;height: auto;}
#headerimageuntermittelfrankenwrapper img {width: 350px;height: auto;}
#headerimagecompanionwrapper .headerimageunter-left img {width: 600px;height: auto;margin:25px 0 10px}
#innerunterwrapper {width:1200px;height: auto;margin:0 auto;padding-top: 180px;display: flex;flex-direction: row;}
.headerimageunter-left h1 {margin: 100px 0 10px;}
.headerimageunter-left {flex: 2;}
.headerimageunter-left img {margin: 105px 0 10px;}
.headerimageunter-right {flex: 1;}
.headerimageunter-right img { }
.headerimage h2 {margin-bottom: 0;color:#1b1464;font-size:38px;line-height:44px;font-weight:500;padding-bottom: 10px;padding-top: 20px;}

/* Shrink-Header schmaler beim scrollen*/
@media (min-width: 768px) {
#header.shrink {height:80px!important}
#logotext.shrink {padding-top: 22px;}
#logotext.shrink p {font-size:29px!important;line-height: 34px!important;}
#logo.shrink {width: 55px;}
#logo.shrink img {padding-top:11px; height:38px}
}

/* Content */
#mainwrapper {width:1200px;height:auto;margin:0 auto;margin-top: 20px;overflow: hidden;}
#mainunterwrapper {flex-direction: row;width:1200px;height:auto;margin:0 auto;margin-top: 20px;overflow: hidden;display:flex;gap:40px}
#newswrapper {width:1200px;height:auto;margin:0 auto;margin-bottom: 40px;overflow: hidden;}

/* 2ColsGruenhell */
.twoColsGruenhell{
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: stretch;
  padding-bottom: 20px;
  padding-top: 20px;
  gap: 40px;
}
.left-gruenhell, .right-gruenhell{
  background-color: #b1da77;
  border-radius:5px;
  padding:40px;
  display: flex;
  flex-direction: column;
   height: auto;
  width:100%
   
}
.twoColsGruenhell img {padding-top:20px}
.twoColsGruenhelll ul li {color:#1b1464}
.twoColsGruenhell p {color:#1b1464;text-align:center}
.twoColsGruenhell a {color:#1b1464;text-decoration:underline}
.twoColsGruenhell a:focus-within {color:#ffffff;text-decoration:none;background-color:#1b1464;outline:none}
.twoColsGruenhell h2 {color:#1b1464;text-align:center;padding-top: 20px;text-decoration:none}
.twoColsGruenhell h3 {color:#1b1464;}
.twoColsGruenhell h3 span {text-decoration:none}
.twoColsGruenhell {color:#1b1464;text-align:center;text-decoration:none}

/* 2Cols */
.twoCols{
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: stretch;
  padding-bottom: 20px;
  padding-top: 20px;
  gap: 40px;
}
.left-children, .right-children {
  border: 1px solid #000000;
  background: #ffffff;
  border-radius:5px;
  padding:40px;
  display: flex;
  flex-direction: column;
   height: auto;
  width:100%
   
}

.box-paednetze {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: stretch;
  padding-bottom: 20px;
  padding-top: 20px;
  gap: 40px;}

.header-paednetze {width:100%;height:auto}

.boxen-paednetze-wrapper {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: stretch;
  padding-bottom: 40px;
  padding-top: 0px;
  gap: 40px;}

.left-paednetze, .right-paednetze {  
  background:transparent;
  padding:20px;
  display: flex;
  flex-direction: column;
   height: auto;
  width: 100%;   
}
.flex-header {border-top: 1px solid #000000;width:100%;height:auto;display:flex;align-items: center;justify-content: center;}
.flex-text a {color:#000000;text-decoration: none}
.flex-text a:focus-within {color:#000000;text-decoration: underline;outline:none;background-color: transparent;}
.left-paednetze .flex-header:last-child {border-bottom: 1px solid #000000;}
.right-paednetze .flex-header:last-child {border-bottom: 1px solid #000000;}
.col-right .flex-header:last-child {border-bottom: 1px solid #000000;}

.flex-bild {margin-left: auto;}
.flex-bild img {align-items: center;justify-content: center;display: flex;padding:10px 0 10px 0;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;width:46px;height:46px;padding-left: 8px;}

.flex-bild img:hover {
  -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);}

.flex-bild:focus{outline:none;background-color:transparent}
.flex-bild:focus-visible {
  -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);background-color:transparent}

.flex-text {}
.flex-text p {margin: 0 0 0 0;font-size:20px;font-weight:500}

#twoColsStart {width:100%;height:auto;margin:0 auto;display:flex;flex-direction: row;align-items: stretch;}
.left-start, .right-start {display: flex;flex-direction: column;height: auto;width: 100%;}

.contentfocus {background-color: #C1E7FF;display: flex;flex-direction: column;padding-bottom: 30px;min-width: 360px;border-radius: 5px;}
.contentfocus p {text-align:left;padding:10px 20px 10px 20px}
.contentfocus h3 {text-align:left;color:#1b1464!important;margin-top:20px!important;padding:0px 20px 0px 20px}
.contentfocus .button_pfeil {text-align: left;transform-origin: left;}
.oneColFocus {margin-top: 20px;}
.contentfocus img {padding-top: 20px;display: block;height: auto;width: 100%;}

#boxwrapper {margin-bottom: 40px;margin-top:30px;border-radius: 5px;width:1200px;height:auto;margin:0 auto;display:flex;flex-direction: row;align-items: stretch;background-color:#C2E8FF}
.leftbox, .rightbox {display: flex;flex-direction: column;width:50%;height:auto}
.leftbox img, .rightbox img {background-size:cover;border-radius: 5px;}
.leftbox .ce-above .ce-gallery {margin-bottom: 0px!important;}
.rightbox .ce-above .ce-gallery {margin-bottom: 0px!important;}
.leftbox h2, .rightbox h2 {padding:50px 50px 0 50px;color:#1b1464} 
.leftbox p, .rightbox p {padding:20px 50px 20px 50px} 

.left-children h2 {font-family: 'Poppins', sans-serif;font-weight:500;margin:0 0 10px;padding:0;color:#000000;font-size:22px;line-height:28px}
.right-children h2 {font-family: 'Poppins', sans-serif;font-weight:500;margin:0 0 10px;padding:0;color:#000000;font-size:22px;line-height:28px}
.right-children p {margin-bottom:10px}
.left-children p {margin-bottom:10px}
.left-children h2 a {text-decoration: underline;color:#000000}
.left-children h2 a:hover {text-decoration: none;}
.right-children h2 a {text-decoration: underline;color:#000000}
.right-children h2 a:hover {text-decoration: none;}
.left-children .ce-above .ce-gallery {margin-bottom: 5px!important;}
.right-children .ce-above .ce-gallery {margin-bottom: 5px!important;}

/* Navi */
.slicknav_menu {display:none;}
#navi {width: 1200px;height:55px;background-color:#ffffff;margin:0 auto;margin-top: 0px;z-index:100;}
#navi ul{padding: 0 0 0 0px;display: inline-block;margin-top:0;}
#navi ul li{display:inline-block; padding: 0 5px 0 0px;font-size: 16px;float: left;background-image:none}
#navi ul li a{font-family: 'Poppins';font-size: 16px;color: #ffffff;border:1px solid  #1b1464;font-weight: 400;padding: 9px 8px 9px 8px;text-decoration: none;background-color: #1b1464;border-radius: 5px;}
#navi ul li:last-child a {border-radius: 50px;padding: 10px 30px;text-transform: uppercase;font-weight:500;color:#1b1464;border:1px solid #1b1464;background-color: #b1da77;position: absolute;right: 0;top: 0;line-height: 23px;font-size:17px;margin-top: 20px;margin-right: 20px;}
#navi ul li:last-child a:focus-within {outline:none;border:1px solid #1b1464;color:#1b1464;background-color: #ffffff;}
#navi ul li:last-child a:hover {font-weight:500;border:1px solid #1b1464;color:#1b1464;background-color: #ffffff;}
#navi ul li a:hover{border:1px solid #1b1464;color:#1b1464;background-color: #ffffff;transition: all 0.4s;}
#navi ul li a:focus-visible {border:1px solid #1b1464;color:#1b1464;background-color: #ffffff;}
#navi ul li a.active{border:1px solid #1b1464;color:#1b1464;background-color: #ffffff;}
#navi ul li:last-child a.active{border:1px solid #1b1464;color:#1b1464;background-color: #ffffff;}
#navi ul li:hover > ul{visibility:visible;}
#navi ul li:focus-within > ul{visibility:visible;outline:none}
#navi ul li ul{visibility:hidden;position:absolute;padding: 25px 0 0 0;margin: 0;width:300px}
#menu {display:none}
.slicknav_menu > ul{overflow:hidden;max-height:500px;overflow-x:hidden;overflow-y:auto}
/* PaedNetze */
#paednetzewrapper {width:100%;min-height:200px;margin:0 auto; background-color:#FDF8F2;margin-bottom:40px;margin-top: 40px}
.paednetze {width:1200px;height:auto;margin:0 auto}
.paednetze h2 {color:#000000;text-align:center;font-size:43px;line-height:49px;font-weight:500;padding-top:70px;padding-bottom: 0px;}

/* Search */
.search {float: right;display: block;z-index: 100;position: relative;width: 23px;height: 13px;}
.search a:focus-visible {border-bottom: 3px solid black;padding-bottom: 8px;outline: none}
/* Search mob */
.mobsearch {float: right;display: block;z-index: 100;position: relative;display:none;margin-top: 10px;margin-right: 20px;width: 25px;height: 25px;}

/* Unternavi */

#rnav{border-radius: 0px;width:auto;height:auto;background-color:transparent;overflow:hidden;margin-bottom: 20px;}
#rnav ul{padding:0 0 10px 0;width:385px;height:auto;display:block;margin:0;list-style:none;width: auto;}
#rnav ul li {border:1px solid #1b1464;border-radius:5px;background-image:none;display:block;margin-bottom: 3px;font-family:'Poppins';font-weight:400;font-size:16px;line-height:22px;text-align:left;padding:14px 14px;text-decoration:none;color:#fff;background-color:#1b1464;text-transform:none;text-indent:0;margin-right: 0;}
#rnav ul li:last-child {margin-bottom:0}
#rnav ul li a{text-decoration:none;color:#ffffff;text-transform:none;display:block;}
#rnav li:hover {background-color: #ffffff;border:1px solid #1b1464}
#rnav ul li:hover a {color:#1b1464;}

#rnav ul li:focus-within a {font-weight: 600;text-decoration:none;outline:none;background-color:transparent}
#rnav ul li.active a{color:#1b1464;font-weight: 600;}
#rnav ul li.active {background-color: #ffffff;border:1px solid #1b1464}
#rnav ul li ul {width:100%;height:auto;display:block;margin: 10px 0 5px 10px;padding:0;list-style:none;}
#rnav ul li ul li {margin-right: 13px;box-shadow:none;border:none;border-radius:0;margin-top: 8px;border-bottom: none;background-color:transparent;font-family:'Poppins', sans-serif;font-weight:400;font-size:16px;line-height:23px;border-radius: 0px;text-align:left;padding:0;text-decoration:none;color:#ffffff;text-transform:none;text-indent:0}
#rnav ul li ul li a{text-decoration:none;color:#1b1464;text-transform:none;font-weight: 400 !important;}
#rnav ul li ul li a:hover {text-decoration:underline;border:none}
#rnav ul li ul li:hover {border:none}
#rnav ul li ul li:focus-within a {border:none;outline:none;text-decoration:underline;font-weight:500;}
#rnav ul li ul li a.active {color:#1b1464;text-decoration:underline;border:none;}
#rnav ul li ul li.active {border:none;}





/* Footer */
#footerwrapper {width:100%;margin:0 auto;padding-top:60px;padding-bottom: 60px;background-color:#1b1464;margin-top:70px;} 
.footer{height: auto;width:1200px;margin: 0 auto}
.footer p {color:#ffffff;text-align:center}
.footer a {color:#ffffff;text-decoration:underline}
.footer a:hover {text-decoration:none;}
.footer a:focus-visible {color:#1b1464;text-decoration:none;background-color:#ffffff;outline:none}

.footer h3 {color:#fff;margin-top: 0;margin-bottom: 0;font-family:'Poppins'; font-size:20px;line-height:26px;font-weight:600;}
.footer ul {margin-left: 0;padding-left: 0;}
.footer ul li {text-align:center;font-family:'Poppins'; font-size:16px;line-height:23px;font-weight:400;color:#ffffff;padding: 0 0 10px 0;list-style: none;background-image:none}


/* Mobile*/
@media only screen and (min-width: 0px) and (max-width: 1230px)  {
#navi {width: 97%;}
}
@media only screen and (min-width: 0px) and (max-width: 1200px)  {
#mainwrapper {width: 92%;}
#newswrapper {width: 92%;}
#mainunterwrapper {width: 92%;}
.headerimage {width: 92%;}
#innerunterwrapper {width: 92%}
#search {width: 100%;}
.headerimage {background-size: 530px auto;}
.paednetze {width: 85%;}
#boxwrapper {width: 92%;}
.footer {width: 92%;}
#breadcrumbs{width: 92%;}
#breadcrumbswrapper {width: 100%;}
.leftbox p, .rightbox p {padding: 10px 20px 20px 20px;}
.leftbox h2, .rightbox h2 {padding: 30px 20px 0 20px;}
}
@media only screen and (min-width: 0px) and (max-width: 1140px)  {
.slicknav_menu {display: block;}
.js #menu {display: none;}
#navi {display:none;}
#mobnav {display: block;}
#header {height: 90px;}
.headercontent {padding-top: 150px;}
#innerunterwrapper {padding-top: 150px;}
.headerimageunter-left h1 {margin: 20px 0 10px;}
}  
@media only screen and (min-width: 0px) and (max-width: 1070px)  {
.left-paednetze, .right-paednetze {padding: 0px;}
.flex-text p {font-size: 19px;}
#rightcontent {width: 330px;}
}
@media only screen and (min-width: 0px) and (max-width: 920px)  {
#mainunterwrapper {flex-direction: column;}
.headerimageunter-right img { width: 330px;height: auto;}
#headerimagecompanionwrapper .headerimageunter-left img {width: 390px;height: auto;margin:20px 0 10px}
#rightcontent {width: 100%;}
#right {width: 100%;float: left;}
}
@media only screen and (min-width: 0px) and (max-width: 860px)  {
.leftbox img, .rightbox img {width: auto;height: 250px;padding-top:20px}
.boxen-paednetze-wrapper {flex-direction: column;}
#boxwrapper {flex-direction: column;}
.boxen-paednetze-wrapper {gap: 0;}
.twoCols{flex-direction:column;gap:20px;padding-bottom:0}  
.twoColsGruenhell{flex-direction:column;gap:20px;padding-bottom:0}  
.left-children, .right-children {width: auto;}
.left-gruenhell, .right-gruenhell {width: auto;}
.leftbox, .rightbox {width:100%} 
.left-paednetze .flex-header:last-child {border-bottom:none}
.right-paednetze .flex-header:last-child {border-bottom: 1px solid #000000;}
.oneColColor {padding: 20px 20px 30px 20px;}
.oneColBlau {padding: 20px 20px 30px 20px;}
.oneColGruen {padding: 20px 20px 30px 20px;}
.oneColGruenhell {padding: 20px 20px 30px 20px;}  
h1 {font-size: 44px;line-height:48px}
h2 {font-size: 35px;line-height:39px}
.headerimage h2 {font-size: 30px;line-height:34px;hyphens:none;padding-bottom:20px}
}
@media only screen and (min-width: 0px) and (max-width: 680px)  {
.docrow {flex-direction: column;}
.docadress {width: 92%!important}
.docname {width: 92%!important}
.docpc {width: 92%!important}

.docadress p {padding: 5px 0 5px 0!important}
.docname p {padding: 5px 0 5px 0!important}
.docpc p {padding: 5px 0 5px 0!important}

    
  
.flex-header {width: 99%;}
#erfassungsbogenPaednetzCompanion-222 input[type="email"] {width: 94%;height: 40px;}
#erfassungsbogenPaednetzCompanion-222 input[type="text"] {width: 94%;height: 40px;}
#erfassungsbogenPaednetzCompanion-222 .xxlarge {width: 94%;height: 40px;}
#erfassungsbogenPaednetzCompanion-222 button {width: 98%;}
#erfassungsbogenPaednetzCompanion-222 button {margin-bottom: 0px;}
#content {padding: 0px 0px 0px 0px;}
h2 {font-size: 30px;line-height: 36px;}
h1 {text-align: center;padding-bottom:10px;font-size: 38px;line-height: 44px;}
#paednetzewrapper {margin-bottom: 40px;}
#innerunterwrapper {flex-direction: column;}
.oneCol {display: none;}
#c76 {display: block;}
.headerimage {background:none;}
#innerunterwrapper p {padding: 5px 0 20px 0;text-align: center;}
#innerunterwrapper h1 {padding-bottom: 5px;margin-top: 10px;margin-bottom: 5px;line-height:39px}
.footer p {float: none;}
.contentfocus p {float: none;}
#content img {width: 99%;}
#content .ce-left .ce-gallery, .ce-column {float: none;}
}
@media only screen and (min-width: 0px) and (max-width: 460px)  {
.button_pfeil {width: 85%;}
#logotext p {font-size: 30px;}
#header {padding-left:10px}
#logo {width: 72px;}
}
@media only screen and (min-width: 0px) and (max-width: 360px)  {
.flex-header {width: 97%;}
}
@media only screen and (min-width: 0px) and (max-width: 320px)  {
#logotext p {font-size: 26px;}
}