/* ipda.ch */

@font-face {
    font-family: 'sinkin_sans300_light';
    src: url('../../../../../fonts/sinkinsans_300light_macroman/SinkinSans-300Light-webfont.eot');
    src: url('../../../../../fonts/sinkinsans_300light_macroman/SinkinSans-300Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../../../../fonts/sinkinsans_300light_macroman/SinkinSans-300Light-webfont.woff') format('woff'),
         url('../../../../../fonts/sinkinsans_300light_macroman/SinkinSans-300Light-webfont.ttf') format('truetype'),
         url('../../../../../fonts/sinkinsans_300light_macroman/SinkinSans-300Light-webfont.svg#sinkin_sans300_light') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'sinkin_sans400_regular';
    src: url('../../../../../fonts/sinkinsans_400regular_macroman/SinkinSans-400Regular-webfont.eot');
    src: url('../../../../../fonts/sinkinsans_400regular_macroman/SinkinSans-400Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../../../../fonts/sinkinsans_400regular_macroman/SinkinSans-400Regular-webfont.woff') format('woff'),
         url('../../../../../fonts/sinkinsans_400regular_macroman/SinkinSans-400Regular-webfont.ttf') format('truetype'),
         url('../../../../../fonts/sinkinsans_400regular_macroman/SinkinSans-400Regular-webfont.svg#sinkin_sans400_regular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'sinkin_sans500_medium';
    src: url('../../../../../fonts/sinkinsans_500medium_macroman/SinkinSans-500Medium-webfont.eot');
    src: url('../../../../../fonts/sinkinsans_500medium_macroman/SinkinSans-500Medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../../../../fonts/sinkinsans_500medium_macroman/SinkinSans-500Medium-webfont.woff') format('woff'),
         url('../../../../../fonts/sinkinsans_500medium_macroman/SinkinSans-500Medium-webfont.ttf') format('truetype'),
         url('../../../../../fonts/sinkinsans_500medium_macroman/SinkinSans-500Medium-webfont.svg#sinkin_sans500_medium') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'sinkin_sans600_semibold';
    src: url('../../../../../fonts/sinkinsans_600semibold_macroman/SinkinSans-600SemiBold-webfont.eot');
    src: url('../../../../../fonts/sinkinsans_600semibold_macroman/SinkinSans-600SemiBold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../../../../fonts/sinkinsans_600semibold_macroman/SinkinSans-600SemiBold-webfont.woff') format('woff'),
         url('../../../../../fonts/sinkinsans_600semibold_macroman/SinkinSans-600SemiBold-webfont.ttf') format('truetype'),
         url('../../../../../fonts/sinkinsans_600semibold_macroman/SinkinSans-600SemiBold-webfont.svg#sinkin_sans600_semibold') format('svg');
    font-weight: normal;
    font-style: normal;
}
/* barlow-semi-condensed-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: 'Barlow Semi Condensed';
  font-style: normal;
  font-weight: 400;
  src: url('../../../../../fonts/barlow-semi-condensed-v15-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../../../../../fonts/barlow-semi-condensed-v15-latin-regular.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}


body {
font-family: 'sinkin_sans300_light', sans-serif;
font-size: 1.1rem;
line-height: 1.7;
color: #666;
font-weight: normal;
}
    @media (max-width: 820px) {
body {
font-size: 0.9rem;
}
}
.dj-offcanvas-pusher-in {
height: 100vh;
}

@supports (display:grid) {
.site-grid {
grid-gap: 0 1em;
grid-template-columns: [full-start]minmax(0,1fr)[main-start]repeat(4,minmax(0,17rem))[main-end]minmax(0,1fr)[full-end];
}
}

@supports (display:grid) {
  @media (min-width: 720px) and (max-width: 12802px) {
    .site-grid {
      width: 80%;
      margin: auto;
  }
}

.site-grid a {
color: #17476f;
text-decoration: none;
}
.site-grid a:hover {
text-decoration: underline;
}
.container-header {
background: transparent;
}
.mobilemenu {
background: #17476f;
}
.container-topbar .mobilemenu {
text-align: right;
padding-top: 5px;
padding-bottom: 5px;
padding-right: 30px;
margin-bottom: -18px;
z-index: 5000;
position: relative;
background: transparent;
}
/* Frontbild */
.container-topbar a {
text-decoration: none;
}
.maintitle {
font-family: 'Barlow Semi Condensed'!important;
text-transform: uppercase;
color: #fff;
letter-spacing: 0.03em;
line-height: 1.3;
font-size: 3.5rem;
}
.contentheader {
font-family: 'Barlow Semi Condensed'!important;
text-transform: uppercase;
color: #fff;
letter-spacing: 0.03em;
line-height: 1.3;
font-size: 1.85rem;
text-decoration: none;
}
.contentheader a,
.contentheader a:hover {
text-decoration: none!important;
}
.full-screen-wrapper {
position: relative;
width: 100%;
border-bottom: 3px solid #e7842d;
box-sizing: border-box;
}
.full-screen-image {
height: 30vh;
overflow: hidden;
position: relative;
}    
.full-screen-image img {
width: 100%;
height: 100%;
object-fit: cover;
}
.overlay-content {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
text-align: center;
color: white;
}
.overlay-content .logo {
max-width: 375px;
margin-bottom: 10px;
}
.overlay-content h1 {
margin: 0;
font-size: 2em; /* Adjust font size as needed */
}
.content-text {
padding: 20px; 
}
@media (max-width: 820px) {
.container-topbar .mobilemenu {
margin-bottom: -55px;
}
.full-screen-wrapper {
margin-bottom: -25px;
}
.full-screen-image {
height: 35vh;
overflow: hidden;
position: relative;
}
.maintitle {
font-size: 2.5rem;
}
.contentheader {
font-size: 1.17rem;
}
.full-screen-image {
height: 20vh;
}
.overlay-content .logo {
max-width: 230px;
/* vorher: max-width: 330px;*/
margin-bottom: 10px;
}
.overlay-content {
left: 25%;
transform: translate(-20%, -30%);
}
}

/* Header Inhalt */
.full-screen-headerwrapper {
position: relative;
width: 100%;
margin-bottom: 40px;
border-bottom: 3px solid #e7842d;
box-sizing: border-box; /* Ensure padding and border are included in the width calculation */
}
.full-screen-header {
height: 100px;
overflow: hidden;
position: relative;
}
.full-screen-header img {
width: 100%;
height: 100%;
object-fit: cover;
}
.overlay-headercontent {
position: absolute;
top: 65%;
left: 50%;
transform: translate(-50%, -50%);
text-align: center;
}
.overlay-headercontent img {
max-height: 30px;
width: auto;
max-width: 85%;
height: auto;
margin-bottom: 10px;
}
@media (max-width: 820px) {
.full-screen-headerwrapper {
margin-bottom: -5px;
}
.full-screen-header {
height: 80px;
overflow: hidden;
position: relative;
}
.overlay-headercontent {
top: 70%;
left: 1em;
transform: translate(0%, -50%);
width: auto;
text-align:left;
z-index: 7000;
}
.overlay-headercontent img {
max-height: 25px;
width: auto;
margin-bottom: 10px;
}
}

h1, h2, h3, h4 {
font-family: 'Barlow Semi Condensed'!important;
text-transform: uppercase;
text-align: left;
font-weight: normal;
color: #17476f;
letter-spacing: 0.03em;
line-height: 1.3;
}
h1, h2, h3, h4, h5, h6 {
text-align: left;
-webkit-hyphens: none;
-moz-hyphens: none;
-ms-hyphens: none;
hyphens: none;
}
h1, h2, h3 {
margin-bottom: 25px;
}
h1 {
font-size: 2.75rem;
}
h2 {
font-size: 2.5rem;
}
@media (max-width: 820px) {
h1 {
font-size: 2rem;
}
h2 {
font-size: 1.75rem;
}
}

.footer {
position: -webkit-sticky;
position: sticky;
top: 100vh;
border-top: 5px solid #e7842d;
background: #3d3f40;
font-size: .85rem;
line-height: 1.7;
margin-top: 50px;
}
.footer p {
line-height: 1.7;
margin: 0;
}
.footer a {
text-decoration: none;
}
.footer a:hover {
text-decoration: underline;
}
.footer .grid-child {
width: 75%;
align-items: start;
}

.footer .mod-list li {
padding: 0;
}
.footer table {
background: #fff000;
}
/* JEvents */

@media (min-width: 680px) {
.moduletable-frontagenda .mod_events_latest_table.jevbootstrap tbody tr {
display: inline-block;
width:31%;
padding: 1%;
display: table-cell;
vertical-align: top;
text-align: center;
}
}
.mod_events_latest_table.jevbootstrap tbody a:hover {
text-decoration: none;
}
.agendatitel {
width: 100%;
float: left;
border-bottom: 1px solid #cdcdcd;
margin-bottom: 5px;
}
.agendatitel a {
color: #17476f;
text-transform: uppercase;
}
a.ev_link_row {
color: #17476f!important;
text-transform: uppercase;
font-weight: 400;
font-size: 1.5rem;
}
a.ev_link_row:link, 
a.ev_link_row:visited,
a.ev_link_row:hover {
font-size: 1.3rem!important;
font-weight: 400!important;
}
#jevents_body .jev_listview .jev_listrow li {
border-bottom: none!important;
border-left-width: 6px!important;
}
#jevents_body {
background: #fff!important;
border: none!important;
border-radius: 0!important;
}
#jevents_body .jev_evdt {
padding: 0!important;
}
.jev_toprow div.nextmonth,
.jev_toprow div.previousmonth,
.jev_toprow div.currentmonth {
border: none!important;
background: transparent!important;
}
.jev_toprow div.nextmonth a,
.jev_toprow div.previousmonth a,
.jev_toprow div.currentmonthcolor a {
color: #17476f!important;
}
#jevents_body .jev_listview .jev_listrow li {
margin-left: 0!important;
}
.jev_listview .jev_listrow {
padding: 15px;
background: #f5f5f5;
margin-bottom: 20px!important;
border: none!important;
}
#jevents_body #jev_maincal.jev_listview .jev_daysnames {
background-color: #dee6ec!important;
border: none!important;
}
#jev_maincal {
background: transparent!important;
border: none!important;
}
a.ev_link_row:link {
color: #e2001a;
font-size: 16px;
}

.jev_listrow li {
line-height: 2;
}
.jev_evdt .jev_evdt_creator,
.jev_evdt .jev_evdt_contact {
display: block!important;
margin-right: 0!important;
}
#jevents_body ul.ev_ul li.ev_td_li {
margin-bottom: 20px!important;
}
.ev_td_li {
border-left: none!important;
padding-left: 0!important;
}
.jev_evdt_extrainf {
font-weight: bold;
color: #e2001a;
font-size: 19px;
line-height: 1.2;
}
#jevents_body .contentpaneopen p {
line-height: 1.8!important;
}
.jev_header2 {
display: none;
}

/* Chronoforms */
.red {
background: #efefef!important;
}
.ui.label, .ui.input > input, .ui.button, .ui.selection.dropdown, .ui.form input:not([type]), .ui.form input[type="date"], .ui.form input[type="datetime-local"], .ui.form input[type="email"], .ui.form input[type="file"], .ui.form input[type="number"], .ui.form input[type="password"], .ui.form input[type="search"], .ui.form input[type="tel"], .ui.form input[type="text"], .ui.form input[type="time"], .ui.form input[type="url"] {
border: none!important;
border-radius: 0!important;
background: #f5f5f5!important;
}

.startseite h2 {
margin-top: 35px;
}
.startseite h1, .startseite h2 {
text-align: center;
color: #17476f;
}
.startseite .moduletable h4 {
background: #f5f5f5;
padding: 7px;
margin-bottom: 25px;
}
.startseite h4.newsflash-title {
font-size: 1.2rem;
padding: 0;
background: transparent;
}

/* Teaser Front */
.weiterbildungsteaser {
padding: 20px;
background: #17476f;
border-radius: 5px;
transition: background-color 0.3s ease;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}
.weiterbildungsteaser:hover {
background-color: #1f5d8f; 
}
.weiterbildungsteaser h3,
.weiterbildungsteaser h4 {
background: transparent!important;
color: #fff;
margin-left: 0!important;
padding: 0!important;
}
.weiterbildungsteaser h4 {
margin-bottom: 25px!important;
border-bottom: 1px solid #fff;
padding-bottom: 10px!important;
}
.weiterbildungsteaser p {
color: #fff;
margin-bottom: 35px;
}

.weiterbildungsteaser h3 a,
.weiterbildungsteaser h4 a {
text-decoration: none;
color: #fff;
}

.weiterbildungsteaser img {
margin-right: 20px;
opacity: 0.3;
width: 50px;
height: auto;
}
@media (max-width: 820px) {
.weiterbildungsteaser h4 {
font-size: 1.2rem;
}
}
#seminarteaser {
display: flex;
justify-content: space-between; /* Distributes items with space between them */
align-items: center; /* Vertically centers the items */
width: 100%;
min-height: 120px;
padding-top: 20px;
background: #ce832f;
border-radius: 5px;
transition: background-color 0.3s ease; /* Smooth transition for the background color */
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); 
}
#seminarteaser:hover {
background-color: #dca45b; /* Slightly lighter color for highlight effect */
}
#seminarteaser h3 {
margin-left: 20px; /* Positions the text 20px from the left side */
}
#seminarteaser img {
margin-right: 20px; /* Positions the image 20px from the right side */
opacity: 0.3;
}
#weiterbildungsteaser h3,
#seminarteaser h3 {
color: #fff;
text-transform: uppercase;
text-decoration: none!important;
}
#weiterbildungsteaser img,
#seminarteaser img {
max-height: 50px;
width: auto;
}

/* Blogs */

.angebotsblog .mod-articlesnews__item {
padding: 15px;
background: #f5f5f5;
margin-bottom: 25px;
overflow-wrap: break-word;
word-break: break-word;
hyphens: auto;
-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
}
.angebotsblog h4 {
margin-bottom: 25px;
}
.angebotsblog td {
vertical-align: top;
}
.angebotsblog td img {
min-width: 100px;
height: auto;
}
.angebotsblog td:first-child {
padding-right: 30px;
}

.publikationsblog .mod-articlesnews__item {
padding: 15px;
background: #f5f5f5;
margin-bottom: 25px;
float: left;
}
.publikationsblog .mod-articlesnews__item h4 {
margin-bottom: 25px;
}
.publikationsblog .mod-articlesnews__item img {
float: left;
margin: 0 15px 15px 0;
width: auto;
width: 200px;
height: auto;
}

@media (max-width: 480px) {
.publikationsblog .mod-articlesnews__item img {
width: 120px;
}
}
.readmore a {
border: none;
padding: 0;
background: transparent;
color: #17476f;
}
.readmore a:hover {
background: transparent;
}
.icon-chevron-right::before {
color: #17476f;
}
.item-page-ueberuns img {
filter: grayscale(1);
}
.container-component ul {
list-style: square;
}
.container-component li::marker {
color: #17476f;
}
#redim-cookiehint {
background: rgba(0,0,0,.75)!important;
}
#redim-cookiehint .cookiebuttons .btn {
background: #17476f!important;
}

/* Front-Chooser Weiterbildung */

.tile-container {
  display: flex;
  flex-wrap: wrap; /* Allows tiles to wrap */
  gap: 20px; /* Space between tiles */
}

.tile {
  flex: 1; /* Makes all tiles take up equal space */
  min-width: calc(50% - 20px); /* Default: four tiles per row with a gap */
  background-color: #ddd; /* Default background */
  color: white; /* Text color */
/*  border-radius: 5px; /* Optional: rounded corners */
  display: flex; /* Use flexbox for inner layout */
  flex-direction: column; /* Stack content vertically */
  justify-content: space-between; /* Space between content and button */
  padding: 15px; /* Inner padding for content spacing */
  height: auto; /* Let the height adjust dynamically */
  opacity: 0; /* Start fully transparent */
  transform: translateY(20px); /* Start slightly shifted downward */
  animation: fadeIn 0.6s ease-in forwards; /* Apply fade-in animation */
/*-webkit-box-shadow: 3px 3px 11px -8px #000000; 
box-shadow: 3px 3px 11px -8px #000000;
*/
}

.tile-content {
  flex-grow: 1; /* Allow content to take up remaining space */
  word-wrap: break-word; /* Handle long words */
  color: #fff; /* Text color inside the content */
  font-size: 0.9rem;
}
.tile-content h3 {
color: #fff;
font-size: 1.5rem;
line-height: 1.3;
font-weight: bold;
}
/* Buttons */
.tile-button {
  align-self: flex-end; /* Align button to the bottom of the tile */
  padding: 7px 12px; /* Button padding */
  background-color: rgba(255,255,255,0.5); /* Button background color */
  color: 17476f; /* Button text color */
  border: 1px solid #17476f;; /* Remove default border */
  border-radius: 3px; /* Optional: rounded corners */
  cursor: pointer; /* Pointer cursor for buttons */
  text-align: center;
  text-transform: uppercase; /* Optional: uppercase text */
margin: auto;
font-size: .8rem;
}
.tile-button:hover {
background: rgba(255,255,255,0.1);
}
.tile-button a {
color: #fff;
}
.tile-button a:hover {
text-decoration: none;
}
.tile,
.tile h3 {
text-align: center;
}
/* Background colors for individual tiles */
.tile1 {
  background-color: #7bb9cb;
  animation-delay: 0.4s; /* Delay for Tile 1 */
}

.tile2 {
  background-color: #4687bf;
  animation-delay: 0.8s; /* Delay for Tile 2 */
}

.tile3 {
  background-color: #aa4aa7;
  animation-delay: 1s; /* Delay for Tile 3 */
}

.tile4 {
  background-color: #b9dc2f;
  animation-delay: 1.4s; /* Delay for Tile 4 */
}


/* Responsive design: Two tiles per row on tablets */
@media (max-width: 900px) {
  .tile {
    min-width: calc(50% - 10px); /* Two tiles per row */
  }
}

/* Responsive design: One tile per row on smaller screens */
@media (max-width: 600px) {
  .tile {
    min-width: 100%; /* One tile per row */
  }
}

/* Keyframes for fade-in animation */
@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(20px); /* Slight downward shift */
  }
  to {
    opacity: 1;
    transform: translateY(0); /* Reset to original position */
  }
}

/* Front-Chooser Info */

.tile-info-container {
  display: flex;
  flex-wrap: wrap; /* Allows tile-infos to wrap */
  gap: 20px; /* Space between tile-infos */
}

.tile-info {
  flex: 1; /* Makes all tile-infos take up equal space */
  min-width: calc(33% - 20px); /* Default: four tile-infos per row with a gap */
  background-color: #ddd; /* Default background */
  color: white; /* Text color */
/*  border-radius: 5px; /* Optional: rounded corners */
  display: flex; /* Use flexbox for inner layout */
  flex-direction: column; /* Stack content vertically */
  justify-content: space-between; /* Space between content and button */
  padding: 15px; /* Inner padding for content spacing */
  height: auto; /* Let the height adjust dynamically */
  opacity: 0; /* Start fully transparent */
  transform: translateY(100px);
  transition: opacity 0.7s ease-out, transform 0.7s ease-out;
}
.tile-info.visible {
  opacity: 1;
  transform: translateY(0);
}
.tile-info-content {
  flex-grow: 1; /* Allow content to take up remaining space */
  word-wrap: break-word; /* Handle long words */
  color: #fff; /* Text color inside the content */
  font-size: 1.2rem;
}
.tile-info-content h3 {
color: #fff;
font-size: 1.2rem;
line-height: 1.5;
}
/* Buttons */
.tile-info-button {
  align-self: flex-end; /* Align button to the bottom of the tile-info */
  padding: 7px 20px; /* Button padding */
  background-color: transparent; /* Button background color */
  color: #fff; /* Button text color */
  border: 2px solid #fff; /* Remove default border */
  border-radius: 0px; /* Optional: rounded corners */
  cursor: pointer; /* Pointer cursor for buttons */
  text-align: center;
  text-transform: uppercase; /* Optional: uppercase text */
margin: auto;
font-size: 1.5rem;
line-height: 1;
padding-top: 0;
}
.tile-info-button:hover {
background: rgba(255,255,255,0.1);
}
.tile-info-button a {
color: #fff;
}
.tile-info-button a:hover {
text-decoration: none;
}
.tile-info,
.tile-info h3 {
text-align: center;
}
/* Background colors for individual tile-infos */
.tile-info {
  background-color: #17476f;
  animation-delay: 0.9s; /* Delay for tile-info 1 */
-webkit-box-shadow: 3px 3px 11px -8px #000000; 
box-shadow: 3px 3px 11px -8px #000000;
}

/* Responsive design: Two tile-infos per row on tablets */
@media (max-width: 900px) {
  .tile-info {
    min-width: calc(50% - 10px); /* Two tile-infos per row */
  }
}

/* Responsive design: One tile-info per row on smaller screens */
@media (max-width: 600px) {
  .tile-info {
    min-width: 100%; /* One tile-info per row */
  }
}
/* Keyframes for fade-in animation */
@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(20px); /* Slight downward shift */
  }
  to {
    opacity: 1;
    transform: translateY(0); /* Reset to original position */
  }
}

.teambox {
margin-top: 25px;
margin-bottom: 25px;
}
.teambox img {
filter: grayscale(1);
}
.teambox .mod-articlesnews__item {
padding-bottom: 20px;
margin-bottom: 30px;
border-bottom: 1px solid #cdcdcd;
}

.item-page-weiterbildung table {
width: 100%;
}
.item-page-weiterbildung td {
font-size: .85rem;
vertical-align: top;
padding-right: 15px;
border-bottom: 1px solid #cdcdcd;
}
.item-page-weiterbildung td:last-child {
text-align: right;
}
video {
    max-width:100%;
    height:auto;
}
.termine-anmeldung {
padding: 15px;
background: #17476f;
color: #fff;
}
.termine-anmeldung h3,
.termine-anmeldung p,
.termine-anmeldung a {
color: #fff;
}
.termine-anmeldung a {
text-decoration: underline;
}
.item-page-ueberuns .dozenten table {
width: 100%;
}
.item-page-ueberuns .dozenten img {
width: 150px;
height: auto;
border-radius: 100%;
}
.item-page-ueberuns .dozenten td {
font-size: 1.1rem;
padding: 5px;
padding-top: 20px;
padding-bottom: 20px;
vertical-align: top;
}
.item-page-ueberuns .dozenten td:first-child {
width: 175px;
}
.item-page-ueberuns .dozenten td:last-child {
text-align: left;
}
.item-page-ueberuns .dozenten tr {
border-bottom: 1px solid #cdcdcd;
}
.item-page-ueberuns .dozenten p {
margin: 0;
}
@media (max-width: 680px) {
.item-page-ueberuns .dozenten td:first-child {
width: 100%;
}
.item-page-ueberuns .dozenten td {
width: 100%;
float: left;
border-bottom: 0;
margin-bottom: 5px;
padding-top: 20px;
}
.item-page-ueberuns .dozenten td:first-child {
margin-bottom: -30px;
}
.item-page-ueberuns .dozenten p,
.item-page-ueberuns .dozenten ul {
font-size: 0.9rem;
}
}

/* pdh-infobox */
.pdh-infobox {
background-color: #17476f;
color: white;
padding: 15px;
height: auto; 
text-align: center;
margin-bottom: -20px;
opacity: 0; /* Start fully transparent */
transform: translateY(100px);
transition: opacity 0.7s ease-out, transform 0.7s ease-out;
}
.pdh-infobox.visible {
opacity: 1;
transform: translateY(0);
}
/* Weiterbildungs-Button ausführlich */
#ausfuehrlich {
margin-top: 35px;
margin-bottom: 50px;
padding: 20px;
background: #17476f;
color: #fff;
font-size: 1.7rem;
}
#ausfuehrlich a {
color: #fff;
text-decoration: none;
}
#ausfuehrlich a:hover {
color: #fff;
text-decoration: underline;
}
@media (max-width: 680px) {
#ausfuehrlich {
font-size: 1.2rem;
}
}
/* Submenu */
.submenu {
border-left: 1px solid #cdcdcd;
padding-left: 20px;
}
.submenu li {
font-size: 14px;
line-height: 1.5;
margin-bottom: 7px;
padding-bottom: 10px;
border-bottom: 1px solid #cdcdcd;
}
@media (max-width: 980px) {
.submenu {
border-left: 0;
padding-left: 0;
}
}