/* *** Fonts *** */
/* barlow-300 - latin_latin-ext */
@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';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/barlow-v13-latin_latin-ext-300.eot'); /* IE9 Compat Modes */
  src: url('../fonts/barlow-v13-latin_latin-ext-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/barlow-v13-latin_latin-ext-300.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/barlow-v13-latin_latin-ext-300.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('../fonts/barlow-v13-latin_latin-ext-300.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('../fonts/barlow-v13-latin_latin-ext-300.svg#Barlow') format('svg'); /* Legacy iOS */
}
/* barlow-regular - latin_latin-ext */
@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';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/barlow-v13-latin_latin-ext-regular.eot'); /* IE9 Compat Modes */
  src: url('../fonts/barlow-v13-latin_latin-ext-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/barlow-v13-latin_latin-ext-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/barlow-v13-latin_latin-ext-regular.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('../fonts/barlow-v13-latin_latin-ext-regular.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('../fonts/barlow-v13-latin_latin-ext-regular.svg#Barlow') format('svg'); /* Legacy iOS */
}
/* barlow-600 - latin_latin-ext */
@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';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/barlow-v13-latin_latin-ext-600.eot'); /* IE9 Compat Modes */
  src: url('../fonts/barlow-v13-latin_latin-ext-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/barlow-v13-latin_latin-ext-600.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/barlow-v13-latin_latin-ext-600.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('../fonts/barlow-v13-latin_latin-ext-600.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('../fonts/barlow-v13-latin_latin-ext-600.svg#Barlow') format('svg'); /* Legacy iOS */
}
/* barlow-700 - latin_latin-ext */
@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';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/barlow-v13-latin_latin-ext-700.eot'); /* IE9 Compat Modes */
  src: url('../fonts/barlow-v13-latin_latin-ext-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/barlow-v13-latin_latin-ext-700.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/barlow-v13-latin_latin-ext-700.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('../fonts/barlow-v13-latin_latin-ext-700.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('../fonts/barlow-v13-latin_latin-ext-700.svg#Barlow') format('svg'); /* Legacy iOS */
}

/* barlow-semi-condensed-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: 'Barlow Semi Condensed';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/barlow-semi-condensed-v15-latin-300.eot');
  /* IE9 Compat Modes */
  src: url('../fonts/barlow-semi-condensed-v15-latin-300.eot?#iefix') format('embedded-opentype'),
    /* IE6-IE8 */
    url('../fonts/barlow-semi-condensed-v15-latin-300.woff2') format('woff2'),
    /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
    url('../fonts/barlow-semi-condensed-v15-latin-300.woff') format('woff'),
    /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
    url('../fonts/barlow-semi-condensed-v15-latin-300.ttf') format('truetype'),
    /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
    url('../fonts/barlow-semi-condensed-v15-latin-300.svg#BarlowSemiCondensed') format('svg');
  /* Legacy iOS */
}

/* 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.eot');
  /* IE9 Compat Modes */
  src: url('../fonts/barlow-semi-condensed-v15-latin-regular.eot?#iefix') format('embedded-opentype'),
    /* IE6-IE8 */
    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.woff') format('woff'),
    /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
    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+ */
    url('../fonts/barlow-semi-condensed-v15-latin-regular.svg#BarlowSemiCondensed') format('svg');
  /* Legacy iOS */
}

/* barlow-semi-condensed-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: 'Barlow Semi Condensed';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/barlow-semi-condensed-v15-latin-600.eot');
  /* IE9 Compat Modes */
  src: url('../fonts/barlow-semi-condensed-v15-latin-600.eot?#iefix') format('embedded-opentype'),
    /* IE6-IE8 */
    url('../fonts/barlow-semi-condensed-v15-latin-600.woff2') format('woff2'),
    /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
    url('../fonts/barlow-semi-condensed-v15-latin-600.woff') format('woff'),
    /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
    url('../fonts/barlow-semi-condensed-v15-latin-600.ttf') format('truetype'),
    /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
    url('../fonts/barlow-semi-condensed-v15-latin-600.svg#BarlowSemiCondensed') format('svg');
  /* Legacy iOS */
}

/* barlow-semi-condensed-700 - 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: 700;
  src: url('../fonts/barlow-semi-condensed-v15-latin-700.eot');
  /* IE9 Compat Modes */
  src: url('../fonts/barlow-semi-condensed-v15-latin-700.eot?#iefix') format('embedded-opentype'),
    /* IE6-IE8 */
    url('../fonts/barlow-semi-condensed-v15-latin-700.woff2') format('woff2'),
    /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
    url('../fonts/barlow-semi-condensed-v15-latin-700.woff') format('woff'),
    /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
    url('../fonts/barlow-semi-condensed-v15-latin-700.ttf') format('truetype'),
    /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
    url('../fonts/barlow-semi-condensed-v15-latin-700.svg#BarlowSemiCondensed') format('svg');
  /* Legacy iOS */
}

/* =============================================================================
 * h7 Bugfix
 * ========================================================================== */
.logo a {
  background-image: url(/assets/cto_layout/themedesigner/uploads/ggd-logo.svg);
}

#top .inside,
.header .inside,
#footer .inside,
#bottom .inside,
body.sidebar #container,
.mod_article:not(.fullwidth)>.container,
.fullwidth.boxed-content .contentwrap,
.smallwidth .contentwrap,
.boxed-content .contentwrap,
.autogrid_wrapper.article,
.ce_text_image_bar .inside,
.ce_headerimage .ce_headerimage_inside,
.ce_video_background .ce_video_background_inside,
#offcanvas-top .offcanvas-top-inside,
.ce_calltoaction .ce_calltoaction_inside,
.mod_breadcrumb .mod_breadcrumb_inside,
.mod_pageimage .container,
.ce_easy_slider .swiper-inside .swiper-inside-wrap {
  max-width: 1400px !important;
}

.mod_breadcrumb {
  border-top: none;
  border-bottom: none;
}

.top-link {
  z-index: 1000;
}

.timeline-item-text .hide {
  display: block;
}

/* Mobile Suche */
@media only screen and (max-width: 767px) {
  #mmenu #mmenu_top {
    z-index: 1000;
  }
}
#mmenu #mmenu_top {
  padding: 20px;
  background: rgb(255,255,255);
  overflow: visible;
  position: relative;
}
#mmenu #mmenu_top .mod_search {
  width: 100%;
  display: block;
}
#mmenu .mod_search input {
  border-radius: 5px;
  background: rgba(255,255,255,0.2);
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iRWJlbmVfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIzMy43MDZweCIgaGVpZ2h0PSIzMy43MDZweCIgdmlld0JveD0iMCAwIDMzLjcwNiAzMy43MDYiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDMzLjcwNiAzMy43MDYiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxnIG9wYWNpdHk9IjAuOCI+PHBhdGggZmlsbD0iIzkzOTM5MyIgZD0iTTE3Ljc1NSwwLjk0NUMxNi4yMDksMC4zMTgsMTQuNTc2LDAsMTIuOSwwYy0xLjY3NSwwLTMuMzA4LDAuMzE4LTQuODU0LDAuOTQ1QzYuNDQ1LDEuNTk0LDUuMDEsMi41NDcsMy43NzgsMy43NzhDMi41NDcsNS4wMSwxLjU5NCw2LjQ0NSwwLjk0NCw4LjA0N0MwLjMxOCw5LjU5MywwLDExLjIyNiwwLDEyLjljMCwxLjY3NiwwLjMxOCwzLjMwOSwwLjk0NCw0Ljg1NGMwLjY0OSwxLjYwMSwxLjYwMywzLjAzNywyLjgzNCw0LjI2OWMxLjIzMSwxLjIzLDIuNjY3LDIuMTg2LDQuMjY5LDIuODM0YzEuNTQ2LDAuNjI3LDMuMTc5LDAuOTQ0LDQuODU0LDAuOTQ0YzEuNjc2LDAsMy4zMDktMC4zMTcsNC44NTQtMC45NDRjMS42MDItMC42NDgsMy4wMzctMS42MDQsNC4yNy0yLjgzNGMxLjIyOS0xLjIzLDIuMTg1LTIuNjY4LDIuODM0LTQuMjY5YzAuNjI1LTEuNTQ2LDAuOTQzLTMuMTc5LDAuOTQzLTQuODU0YzAtMS42NzUtMC4zMTgtMy4zMDgtMC45NDMtNC44NTRjLTAuNjQ5LTEuNjAyLTEuNjA0LTMuMDM3LTIuODM0LTQuMjY5QzIwLjc5MiwyLjU0NywxOS4zNTQsMS41OTQsMTcuNzU1LDAuOTQ1eiBNMjAuNjU4LDIwLjY1OGMtNC4yNzcsNC4yNzYtMTEuMjM3LDQuMjc2LTE1LjUxNSwwYy00LjI3OC00LjI3Ny00LjI3Ny0xMS4yMzcsMC0xNS41MTVzMTEuMjM3LTQuMjc3LDE1LjUxNSwwUzI0LjkzNywxNi4zODEsMjAuNjU4LDIwLjY1OHoiLz48cmVjdCB4PSIyNi45NTIiIHk9IjIwLjY5NyIgdHJhbnNmb3JtPSJtYXRyaXgoMC43MDcxIC0wLjcwNzEgMC43MDcxIDAuNzA3MSAtMTEuNTYzOCAyNy45MTc1KSIgZmlsbD0iIzkzOTM5MyIgd2lkdGg9IjEuOTMxIiBoZWlnaHQ9IjE0LjQ0MiIvPjwvZz48L3N2Zz4=);
  background-repeat: no-repeat;
  background-position: 93% center;
  background-size: 20px;
  padding: 5px 50px 5px 20px;
  height: 36px!important;
  margin-bottom: 0;
}
#mmenu .mod_search .widget {
  width: 100%!important;
  margin-bottom: 0;
  height: auto!important;
}
#mmenu .mod_search .submit {
  display: none;
}
#mmenu .mod_search .label,
#mmenu .mod_search .close-window {
  display: none;
}
#mmenu #mmenu_middle {
  padding: 0 10vw 10vw 10vw;
}
@media only screen and (max-width: 767px) {
  #main .mod_search .widget-text {
    min-width: 300px;
    margin-right: 10px;
  }
}

.ce_popup_start .ce_popup_overlay {
  background: rgba(0,0,0,0.8);
}

/* =============================================================================
* smartphones  (s / small screens)
* ========================================================================== */
@media only screen and (max-width: 767px) {
  .mod_pageimage .inside.height-xxs>.container {
    height: 120px;
  }
  form .checkbox_container span input.checkbox {
    width: 16px !important;
  }
}

/* =============================================================================
 * h7 General
 * ========================================================================== */
div img {
  pointer-events: none;
}

div.privacy_buttons>input:nth-of-type(1),
div.privacy_buttons>input:nth-of-type(2),
div.privacy_buttons>input:nth-of-type(3) {
  background: #fff;
  color: var(--secondColor);
  border: 1px solid var(--secondColor);
}

div.privacy_buttons>input:nth-of-type(1):hover,
div.privacy_buttons>input:nth-of-type(2):hover,
div.privacy_buttons>input:nth-of-type(3):hover {
  background: var(--customColor2);
  color: #fff;
}

.mod_privacy_optin_medium p.privacy,
p.privacy {
  background: var(--accentColor);

  a,
  a:hover,
  a:visited {
    color: #fff;
    text-decoration: underline;
  }
}

#footer h1,
#footer h2,
#footer h3,
#footer h4,
#footer h5,
#footer h6 {
  color: #ffffff;
}

#wrapper {
  margin-top: 0 !important;
}

#slider.empty {
  display: none;
}

.top-link {
  border-radius: 100%;
}

.top-link .progress-ring circle {
  stroke: white;
}

circle.progress-ring__circle {
  stroke-width: 2px;
}

.swiper-button-next,
.swiper-button-prev {
  color: #fff;
  text-shadow: 2px 2px 5px black;
}

.swiper-button-next:hover,
.swiper-button-prev:hover {
  color: var(--customColor1);
  text-shadow: 2px 2px 5px black;
}

.no-wrap {
  text-wrap: nowrap;
}

p.back {
  margin-top: 45px;
}

/* Downloads-Box */
.ce_downloads_h7 .ce_wrap {
  border: 1px solid grey;
}
@media only screen and (max-width: 767px) {
  .ce_downloads_h7 .col_icon .col_1 {
    margin-bottom: 0;
  }
  .ce_downloads_h7 .col_icon .col_1 .attributes {
    padding-bottom: 0 !important;
  }
  .ce_downloads_h7 .col_title .attributes {
    padding-top: 5px !important;
  }
}
/*.download-card{border:1px solid #e5e7eb;border-radius:14px;padding:16px;box-shadow:0 6px 24px rgba(0,0,0,.06);background:#fff}
.download-head{margin:0 0 8px}
.download-intro{color:#4b5563;margin-bottom:10px}
.download-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
.download-item{display:flex;align-items:center;justify-content:space-between;gap:16px;border:1px solid #eef2f7;border-radius:12px;padding:12px}
.download-meta{display:flex;align-items:center;gap:12px}
.file-badge{background:#f3f4f6;border:1px solid #e5e7eb;border-radius:999px;padding:6px 10px;font-size:.85rem}
.download-title a{font-weight:600;text-decoration:none;color:#111827}
.download-title a:hover{text-decoration:underline}
.download-size{color:#6b7280;margin-left:6px}
.download-actions{display:flex;gap:8px;flex-wrap:wrap}
.btn{appearance:none;border:1px solid #111827;background:#111827;color:#fff;border-radius:10px;padding:10px 14px;font-weight:600;cursor:pointer;transition:.2s;text-decoration:none;display:inline-block}
.btn:hover{transform:translateY(-1px);box-shadow:0 8px 20px rgba(17,24,39,.12)}
.btn.secondary{background:#fff;color:#111827;border-color:#d1d5db}
@media (max-width:640px){.download-item{flex-direction:column;align-items:stretch}}*/

/* =============================================================================
 * GGD General
 * ========================================================================== */
 /* Home */
 
#slider .ce_iconbox p,
#slider div.column.col_6 {
  margin-bottom: 0;
}
#teaser div.column.col_6 .attributes { 
  padding: 10px 25px;  
}
@media only screen and (max-width: 767px) {
  #teaser div.column.col_6 .attributes { 
    padding: 10px 0px;  
  }
}

@media only screen and (max-width: 767px) {
  #slider .inside .slideshow .container {
    padding: 0;
  }
  body.home .boxed-content .contentwrap,
  body.home .boxed-content .contentwrap .autogrid {
    padding-left: 0;
    padding-right: 0;
  }
}
.mod_eventlist_v4 .event {
  padding: 15px 15px 15px 80px;
}

/* Artikel */
.mod_article:not(.fullwidth).article-pt > .container {
  padding-top: 50px;
  padding-bottom: 50px;
}
#ggd-articlenav + .mod_article {
  padding-top: 50px;
}
@media only screen and (max-width: 767px) {
  #ggd-articlenav + .mod_article {
    padding-top: 0;
  }
}

/* Artikelliste */
.mod_articlelist {
  position: absolute;
  top: 20px;
  font-size: 0.7rem;
  z-index: 1;
}  
.mod_articlelist ul:before {
  content: 'Auf dieser Seite: ';
}
.mod_articlelist li {
  display: inline-block;
  margin: 0 5px;
}
.mod_articlelist a:hover {
  text-decoration: underline;
}
.mod_articlelist li:after {
  content: "\f107";
  font-family: FontAwesome;
  padding-left: 5px;
}


/* Links */
#main .ce_text a {
  text-decoration: underline;
  transition: All 1s ease;
  -webkit-transition: All 1s ease;
}
#main .ce_text a:hover {
  text-decoration: none;
  transition: All 1s ease;
  -webkit-transition: All 1s ease;
}

#main a[href*='?empfaenger=']::before {
  /*color: var(--secondColor);*/
  color: #666;
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: 0.9rem;
  text-rendering: auto;
  content: "\f0e0";
  margin-left: 0.35em;
  margin-right: 0.35em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

#main a[href^='https']::after {
  /*color: var(--secondColor);*/
  /*color: #666;*/
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: 0.9rem;
  text-rendering: auto;
  content: "\f14c";
  margin-left: 0.35em;
  margin-right: 0.35em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

#main figure a[href^='https']::after {
  content: "";
}

#main a[href*='wikipedia']::after {
  /*color: var(--secondColor);*/
  color: #666;
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: 0.9rem;
  text-rendering: auto;
  content: "\f266";
  margin-left: 0.2em;
  margin-right: 0.35em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Headlines */
h1,
.h1 {
  margin-bottom: 40px !important;
}
#main .ce_text h2, #main .ce_text h3, #main .ce_text h4, #main .ce_text h5, #main .ce_text h6, #main .ce_text .h2, #main .ce_text .h3, #main .ce_text .h4, #main .ce_text .h5, #main .ce_text .h6, #main .ce_text .font_headline {
  margin-top: 25px;
}

/* Formulare */
button.submit,
form div.widget {
  font-size: 18px;
  padding: 5px 20px;
}

@media only screen and (min-width: 768px) {
  form fieldset {
    margin-left: 20px;
    margin-right: 20px;
  }
}
@media only screen and (max-width: 767px) {
  form .autogrid_row .column,
  form .autogrid_wrapper.gutter_s>div, .autogrid_row.gutter_s>div {
    padding-left: 0;
    padding-right: 0;
  }
  form div.widget {
    padding: 5px 0;
  }
}
@media only screen and (min-width: 768px) {
  .autogrid_row .column form div.widget {
    padding-left: 0;
  }
}
form .checkbox_container span, form .widget-radio span {
  align-items: start;
}
form .checkbox_container span input.checkbox {
  margin-top: 9px;
}
@media only screen and (max-width: 767px) {
  form .checkbox_container span input.checkbox {
    margin-top: 3px;
  }
}
form div.widget.no-border {
  padding-left: 0;
  padding-right: 0;
}
form .autogrid_row.same_height>.column {
  align-self: flex-end; 
}

/* Anmeldung 5. Klasse */
button[type="submit"] {
  font-family: inherit;
  font-size: 18px;
  display: inline-block;
  padding: 15px 20px;
  height: 50px;
  cursor: pointer;
  transition: all 0.2s ease-out 0s;
  width: auto;
  background: var(--accentColor);
  color: #fff;
  min-width: 140px;
  text-align: center;
  position: relative;
  -webkit-appearance: none;
}
form.style4 {
  padding: 50px 40px 50px 40px;
}

/* =============================================================================
* mod_subscribe
* ========================================================================== */

.mod_newsletterSubscribeNotificationCenter table td, .mod_subscribe table {
  border: 0;
}

.mod_newsletterSubscribeNotificationCenter input.submit[type="submit"],
.mod_newsletterSubscribeNotificationCenter button.submit[type="submit"] {
  border-width: 1px;
  padding: 10px;
  border-radius: 0;
  font-weight: normal;
  text-align: center!important;
}

.mod_newsletterSubscribeNotificationCenter input.text {
  max-width: 290px;
  margin-bottom: 10px;
  height: 48px;
  text-align: left!important;
}

.mod_newsletterSubscribeNotificationCenter .formbody {
  margin: 0;
  display: flex;
}

.mod_newsletterSubscribeNotificationCenter.align-center {
  max-width: 350px;
  margin-left: auto;
  margin-right: auto;
}

.mod_newsletterSubscribeNotificationCenter.align-center .formbody {
  justify-content: center;
}

.mod_newsletterSubscribeNotificationCenter.align-right .formbody {
  justify-content: flex-end;
}

.mod_newsletterSubscribeNotificationCenter .widget.widget-text {
   min-width: 280px;
}


/* Akkordeons */
.handorgel__header__button {
  font-family: inherit;
  font-size: 1.3rem;
  padding-left: 0;
}
@media only screen and (max-width: 767px) {
  .handorgel__header__button {
    font-size: 1.1rem;
  }
}
.handorgel__header__button:before {
  content: "\f05a";
  font-family: FontAwesome;
  margin-right: 8px;
}
.handorgel__header__button:after {
  width: 25px;
  height: 25px;
  float: right;
  clear: both;
  display: inline-block;
  margin-left: 15px;
  padding: 0;
  text-align: center;
  font: 1.3em/28px FontAwesome;
  font-weight: normal;
  color: var(--accentColor);
}
.handorgel__header__button[aria-expanded='true']:after {
  content: "\f106";
}
.handorgel__header__button[aria-expanded='false']:after {
  content: "\f107";
}

/* Footer */
#footer {
  background-color: #015272;
}

/* Newsteaser */
.mod_newslist.no-image .newsteaser .date {
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  padding: 5px;
  border-radius: 0;
  border-bottom: 4px solid #6DC82B;
}

.mod_newslist.no-image .newsteaser .image_container,
.mod_newslist.no-image .newsteaser .content {
  border-radius: 0;
}

.mod_newslist.no-image .newsteaser .date .day {
  font-size: 2.2rem;
  line-height: 2.2rem;
}

.mod_newslist.no-image .newsteaser .date .month {
  font-size: 1.2rem;
}

.mod_newslist.no-image .newsteaser .date .year {
  font-size: 1.4rem;
}

.newsteaser_v3 .day {
  font-size: 1.2rem;
}

#slider .attributes {
  border-bottom: 1px solid #6DC82B;
}

/* =============================================================================
 * h7 Accessibility
 * ========================================================================== */
.viewport_mobile .accessibility_widget_trigger {
  display: none;
}
@media only screen and (min-width: 768px) {
  #bottom .left .leftFirst {
    margin-left: 25px;
  }
}
@media only screen and (max-width: 767px) {
  #bfsg {
    margin-top: 35px;
  }
}
#bfsg a:hover {
  border-bottom: 0 !important;
}
#bfsg div.text.div:hover {
  color: var(--secondColor);
}

/* Bedienhilfen: Hochkontrast */
body.acc_contrast #top, body.acc_contrast #top .inside {
  background: transparent !important;
}
body.acc_contrast #top .inside div.column.col_8 {
  background: var(--highContrastColor)!important;
}


/* =============================================================================
 * Header
 * ========================================================================== */
#top {
  font-family: "Barlow Semi Condensed";
  font-weight: 300;
  text-transform: uppercase;
  position: relative;
  height: 0;
  top: 35px;
}

.mod_navigation.mainmenu,
.header .mod_search {
  position: relative;
  line-height: 68px;
  top: 70px;
}

nav.mainmenu ul ul a.active,
.mod_pct_megamenu .mod_navigation a.active,
#top .mod_navigation li ul li a.active,
.header.original .mainmenu ul ul li a.trail {
  font-weight: 600;
  color: #20549D !important;
}

.header.original .mainmenu ul ul li a.trail {
  text-decoration: none;
}

.header .mod_search {
  padding-right: 0;
  margin-left: 14px;
}

#top .mod_socials a i {
  border-radius: 10%;
}

#top .mod_socials {
  padding-top: 5px;
}

#top .mod_socials i.fa-instagram,
#footer .mod_socials i.fa-instagram:hover {
  background: #FE207F !important;
}

#top .mod_socials i.fa-instagram:hover {
  background: rgba(254, 32, 127, 0.7) !important;
}

#top .autogrid_row .column .attributes>div:not(:last-of-type) {
  margin-right: 5px;
}

#top .autogrid_row .column:last-of-type .attributes>div:not(:first-of-type) {
  margin-left: 5px;
}

#top .topbar_metanavi a {
  transition: opacity 0.3s ease;
  -webkit-transition: opacity 0.3s ease;
}

#top .topbar_metanavi a:hover {
  opacity: 0.7;
}

/* =============================================================================
 * Content
 * ========================================================================== */
/* Galerien */
.ce_gallery .cols_2.gallery-margin li:hover .content,
.ce_gallery .cols_3.gallery-margin li:hover .content {
  background: var(--secondColor);
  opacity: 0.8;
}
.ce_gallery .cols_2.gallery-margin li .content .capt,
.ce_gallery .cols_3.gallery-margin li .content .capt {
  padding: 0 40px;
  font-weight: 600;
}

/* Iconbox */
body.home .ce_iconbox.version2 i {
  border-radius: 0%;
  background-color: #20549D;
}

.ce_text.format-p-large {
  font-weight: 300;
  margin-bottom: 1rem;
}

body.home #main .mod_article.fullwidth-boxed-medium>.container {
  max-width: 1020px !important;
  padding-left: 40px;
  padding-right: 40px;
}

/* Artikelanpassung Mobil */
@media only screen and (max-width: 767px) {
  body.home #main .mod_article.fullwidth-boxed-medium>.container {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media only screen and (max-width:767px) {
  .autogrid_row.gutter_m>div {
    padding-left: 0; 
    padding-right: 0; 
  }
}

.mod_eventlist_v4 i.fa-calendar {
  color: #fff;
  margin-right: 4px;
  position: absolute;
  left: 0;
  top: 0;
  width: 70px;
  background-color: #20549D;
  height: 100%;
}

.mod_eventlist_v4 i.fa-calendar:before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  font-size: 1.667rem;
  line-height: 1.667rem;
}

.mod_eventlist_v4 .event {
  background: rgba(34, 90, 168, 0.07);
  color: rgb(0, 0, 0);
  line-height: 1.4rem;
}

.mod_eventlist_v4 .event:hover {
  background: rgba(34, 90, 168, 0.2);
}

.mod_eventlist_v4 .title {
  color: rgb(0, 0, 0);
  font-weight: 600;
}

@media only screen and (min-width: 768px) {
  .mod_newslist.newslist_col3 .content {
    min-height: 325px;
  }
}

.pagination {
  margin-top: 25px;
}

.ce_badge[data-style="style2"] .ce_badge_inside {
  background: #6DC82B;
  color: #000;
}

/* Jubiläumsfeier */
.ce_table.table-striped table th, .ce_table.table-striped table th a {
  color: #fff;
  text-decoration: none;
}
details {
  border: 1px solid #aaa;
  border-radius: 4px;
  padding: 0.5em 0.5em 0;
  margin-bottom: 5px;
}
summary {
  font-weight: bold;
  margin: -0.5em -0.5em 0;
  padding: 0.5em;
}
details[open] {
  padding: 0.5em;
}
details[open] summary {
  border-bottom: 1px solid #aaa;
  margin-bottom: 0.5em;
}


/* =============================================================================
 * Das GGD
 * ========================================================================== */
.leitziele .column:nth-child(1) .attributes {
  background-color: rgba(33, 77, 137, 0.1);
}

.leitziele .column:nth-child(2) .attributes {
  background-color: rgba(160, 44, 63, 0.1);
}

.leitziele .column:nth-child(3) .attributes {
  background-color: rgba(153, 54, 0, 0.1);
}

.leitziele .column:nth-child(4) .attributes {
  background-color: rgba(56, 99, 29, 0.1);
}

.leitziele .column:nth-child(1) .ce_headline {
  background-color: rgba(33, 77, 137, 1);
}

.leitziele .column:nth-child(2) .ce_headline {
  background-color: rgba(160, 44, 63, 1);
}

.leitziele .column:nth-child(3) .ce_headline {
  background-color: rgba(153, 54, 0, 1);
}

.leitziele .column:nth-child(4) .ce_headline {
  background-color: rgba(56, 99, 29, 1);
}

.leitziele .column .ce_headline {
  font-size: 1.4rem;
  border-bottom-right-radius: 40px 40px;
  padding: 10px 20px;
  min-height: 85px;
  color: #fff;
}

.leitziele .ce_text {
  padding-left: 20px;
  padding-right: 20px;
}

.leitziele .column .same-height-wrap {
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
}

.leitziele .column .same-height-wrap:hover {
  background-color: rgba(255, 255, 255, 0.2);
  box-shadow: 0 70px 70px rgba(0, 0, 0, .2);
  z-index: 10;
}

.leitziele:before {
  content: ' ';
  display: block;
  position: absolute;
  left: 5%;
  top: 15%;
  width: 90%;
  height: 100%;
  opacity: 0.06;
  background-image: url('/files/ggd/ggd-glemsaue-grau.svg');
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
}

/* Stundentafel */
.well {
  background-color: rgba(0, 0, 0, 0.05);
  padding: 2rem;
  margin-bottom: 1rem
}

.well>* :first-child {
  margin-top: 0
}

.well>* :last-child {
  margin-bottom: 0
}

.table {
  width: 100%;
  margin-bottom: 1rem;
  color: #2b2b2b
}

.table th,
.table td {
  /* padding: 0.75rem; */
  padding: 0.15rem 0.35rem;
  vertical-align: top;
  border-top: 1px solid #dee2e6
}

.table thead th {
  vertical-align: bottom;
  border-bottom: 2px solid #dee2e6
}

.table tbody+tbody {
  border-top: 2px solid #dee2e6
}

.table-sm th,
.table-sm td {
  padding: 0.3rem
}

.table-bordered {
  border: 1px solid #dee2e6
}

.table-bordered th,
.table-bordered td {
  border: 1px solid #dee2e6
}

.table-bordered thead th,
.table-bordered thead td {
  border-bottom-width: 2px
}

.table-borderless th,
.table-borderless td,
.table-borderless thead th,
.table-borderless tbody+tbody {
  border: 0
}

.table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(0, 0, 0, 0.05)
}

.table-hover tbody tr:hover {
  color: #2b2b2b;
  background-color: rgba(0, 0, 0, 0.075)
}

.table-primary,
.table-primary>th,
.table-primary>td {
  background-color: #b8def2
}

.table-primary th,
.table-primary td,
.table-primary thead th,
.table-primary tbody+tbody {
  border-color: #7bc1e7
}

.table-hover .table-primary:hover {
  background-color: #a3d4ee
}

.table-hover .table-primary:hover>td,
.table-hover .table-primary:hover>th {
  background-color: #a3d4ee
}

.table-secondary,
.table-secondary>th,
.table-secondary>td {
  background-color: #fff9c8
}

.table-secondary th,
.table-secondary td,
.table-secondary thead th,
.table-secondary tbody+tbody {
  border-color: #fff599
}

.table-hover .table-secondary:hover {
  background-color: #fff7af
}

.table-hover .table-secondary:hover>td,
.table-hover .table-secondary:hover>th {
  background-color: #fff7af
}

.table-success,
.table-success>th,
.table-success>td {
  background-color: #c3e6cb
}

.table-success th,
.table-success td,
.table-success thead th,
.table-success tbody+tbody {
  border-color: #8fd19e
}

.table-hover .table-success:hover {
  background-color: #b1dfbb
}

.table-hover .table-success:hover>td,
.table-hover .table-success:hover>th {
  background-color: #b1dfbb
}

.table-info,
.table-info>th,
.table-info>td {
  background-color: #bee5eb
}

.table-info th,
.table-info td,
.table-info thead th,
.table-info tbody+tbody {
  border-color: #86cfda
}

.table-hover .table-info:hover {
  background-color: #abdde5
}

.table-hover .table-info:hover>td,
.table-hover .table-info:hover>th {
  background-color: #abdde5
}

.table-warning,
.table-warning>th,
.table-warning>td {
  background-color: #ffeeba
}

.table-warning th,
.table-warning td,
.table-warning thead th,
.table-warning tbody+tbody {
  border-color: #ffdf7e
}

.table-hover .table-warning:hover {
  background-color: #ffe7a0
}

.table-hover .table-warning:hover>td,
.table-hover .table-warning:hover>th {
  background-color: #ffe7a0
}

.table-danger,
.table-danger>th,
.table-danger>td {
  background-color: #f5c6cb
}

.table-danger th,
.table-danger td,
.table-danger thead th,
.table-danger tbody+tbody {
  border-color: #ed969e
}

.table-hover .table-danger:hover {
  background-color: #f1b1b7
}

.table-hover .table-danger:hover>td,
.table-hover .table-danger:hover>th {
  background-color: #f1b1b7
}

.table-light,
.table-light>th,
.table-light>td {
  background-color: #fdfdfe
}

.table-light th,
.table-light td,
.table-light thead th,
.table-light tbody+tbody {
  border-color: #fbfcfc
}

.table-hover .table-light:hover {
  background-color: #f1f1f1
}

.table-hover .table-light:hover>td,
.table-hover .table-light:hover>th {
  background-color: #f1f1f1
}

.table-dark,
.table-dark>th,
.table-dark>td {
  background-color: #c4c4c4
}

.table-dark th,
.table-dark td,
.table-dark thead th,
.table-dark tbody+tbody {
  border-color: #919191
}

.table-hover .table-dark:hover {
  background-color: #b7b7b7
}

.table-hover .table-dark:hover>td,
.table-hover .table-dark:hover>th {
  background-color: #b7b7b7
}

.table-active,
.table-active>th,
.table-active>td {
  background-color: rgba(0, 0, 0, 0.075)
}

.table-hover .table-active:hover {
  background-color: rgba(0, 0, 0, 0.075)
}

.table-hover .table-active:hover>td,
.table-hover .table-active:hover>th {
  background-color: rgba(0, 0, 0, 0.075)
}

.table .thead-dark th {
  color: #fff;
  background-color: #2b2b2b;
  border-color: #3e3e3e
}

.table .thead-light th {
  color: #495057;
  background-color: #e9ecef;
  border-color: #dee2e6
}

.table-dark {
  color: #fff;
  background-color: #2b2b2b
}

.table-dark th,
.table-dark td,
.table-dark thead th {
  border-color: #3e3e3e
}

.table-dark.table-bordered {
  border: 0
}

.table-dark.table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(255, 255, 255, 0.05)
}

.table-dark.table-hover tbody tr:hover {
  color: #fff;
  background-color: rgba(255, 255, 255, 0.075)
}

@media (max-width: 575.98px) {
  .table-responsive-sm {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch
  }

  .table-responsive-sm>.table-bordered {
    border: 0
  }
}

@media (max-width: 767.98px) {
  .table-responsive-md {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch
  }

  .table-responsive-md>.table-bordered {
    border: 0
  }
}

@media (max-width: 991.98px) {
  .table-responsive-lg {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch
  }

  .table-responsive-lg>.table-bordered {
    border: 0
  }
}

@media (max-width: 1199.98px) {
  .table-responsive-xl {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch
  }

  .table-responsive-xl>.table-bordered {
    border: 0
  }
}

.table-responsive {
  display: block;
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch
}

.table-responsive>.table-bordered {
  border: 0
}

/* =============================================================================
 * Kollegium
 * ========================================================================== */

.flex-kollegium {
  display: flex;
  flex-direction: row;
  border-bottom: solid 1px rgb(227, 227, 227);
}

.flex-item {
  /* background-color: #f1f1f1; */
  padding: 10px;
}

.flex-item-name {
  font-weight: 700;
  /* text-transform: uppercase; */
  flex: 25%;
}

.flex-item-faecher {
  flex: 45%;
}

.flex-item-kuerzel {
  flex: 10%;
}

.flex-item-mail {
  flex: 20%;
}

/* Responsive layout - makes a one column layout instead of a two-column layout */
@media only screen and (max-width: 767px) {
  .flex-kollegium {
    flex-direction: column;
    margin-top: 15px;
    padding-bottom: 15px;
  }

  .flex-item {
    padding: 0 !important;
  }

  .flex-item-faecher span:before {
    content: "Fächer: "
  }

  .flex-item-kuerzel span:before {
    content: "Kürzel: "
  }
}

/* Sekretariat */
@media only screen and (min-width: 768px) {
  #table_3140 th {
    padding-left: 0;
    padding-right: 5px;
  }
}

/* =============================================================================
 * Kalender
 * ========================================================================== */
.mod_calendar th.head {
  padding: 0;
  background: #F0F3F9;
  border-top: 1px solid #F0F3F9;
  border-right: 1px solid #F0F3F9;
  border-left: 1px solid #F0F3F9;
  color: #000;
}
.mod_calendar th.previous a, .mod_calendar th.next a {
  background-color: #F0F3F9;
  color: #000;
}
.mod_calendar th.label {
  text-align: center;
  background-color: var(--secondColor);
  border-right: 1px solid var(--secondColor);
  border-left: 1px solid var(--secondColor);
  color: #fff;
}
.mod_calendar td div.header {
  background-color: #F0F3F9;
}
.mod_calendar .calendar td {
  border: 1px solid #D4DEEE;
}
.mod_calendar td .event {
  color: #000;
  font-weight: 600;
  line-height: 0.85rem;
  padding-bottom: 0;
}
.mod_calendar td .event .time {
  font-weight: 400;
}
.ce_iconbox_v3.style3.abobox i {
  font-size: 2.5rem;
}
.ce_iconbox_v3.style3.abobox i, .ce_iconbox_v3.style3.abobox .image_container {
  flex: 0 0 10%;
}
.ce_iconbox_v3.style3.abobox .ce_iconbox_v3_content {
  width: 90%;
  padding-left: 20px;
}
.ce_iconbox_v3.style3.abobox .ce_iconbox_v3_inside {
  padding: 10px 20px;
}