header,footer,nav,section,aside,main,article,figure,figcaption{display:block}body,div,h1,h2,h3,h4,h5,h6,p,blockquote,pre,code,ol,ul,li,dl,dt,dd,figure,table,th,td,form,fieldset,legend,input,textarea{margin:0;padding:0}table{border-spacing:0;border-collapse:collapse}caption,th,td{text-align:left;text-align:start;vertical-align:top}abbr,acronym{font-variant:normal;border-bottom:1px dotted #666;cursor:help}blockquote,q{quotes:none}fieldset,img,iframe{border:0}ul{list-style-type:none}sup{vertical-align:text-top}sub{vertical-align:text-bottom}del{text-decoration:line-through}ins{text-decoration:none}body{font:12px/1 "Lucida Grande","Lucida Sans Unicode",Verdana,sans-serif;color:#000}input,button,textarea,select{font-family:inherit;font-size:99%;font-weight:inherit}pre,code{font-family:Monaco,monospace}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}h1{font-size:1.8333em}h2{font-size:1.6667em}h3{font-size:1.5em}h4{font-size:1.3333em}table{font-size:inherit}caption,th{font-weight:700}a{color:#00f}h1,h2,h3,h4,h5,h6{margin-top:1em}h1,h2,h3,h4,h5,h6,p,pre,blockquote,table,ol,ul,form{margin-bottom:12px}
body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul,.content-gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li,.content-gallery>ul li{float:left}.ce_gallery>ul li.col_first,.content-gallery>ul li.col_first{clear:left}.float_left,.media--left>figure{float:left}.float_right,.media--right>figure{float:right}.block{overflow:hidden}.media{display:flow-root}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both}
@media (max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.audio_container audio{max-width:100%}.video_container video{max-width:100%;height:auto}.aspect,.responsive{position:relative;height:0}.aspect iframe,.responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%}.aspect--16\:9,.responsive.ratio-169{padding-bottom:56.25%}.aspect--16\:10,.responsive.ratio-1610{padding-bottom:62.5%}.aspect--21\:9,.responsive.ratio-219{padding-bottom:42.8571%}.aspect--4\:3,.responsive.ratio-43{padding-bottom:75%}.aspect--3\:2,.responsive.ratio-32{padding-bottom:66.6666%}
@font-face {
  font-family: 'latoregular';
  src: url('../../files/lehrer-coachinggruppen/fonts/LatoLatin-Regular.woff2') format('woff2'),
    url('../../files/lehrer-coachinggruppen/fonts/LatoLatin-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'latobold';
  src: url('../../files/lehrer-coachinggruppen/fonts/LatoLatin-Bold.woff2') format('woff2'),
    url('../../files/lehrer-coachinggruppen/fonts/LatoLatin-Bold.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'latolight';
  src: url('../../files/lehrer-coachinggruppen/fonts/LatoLatin-Light.woff2') format('woff2'),
    url('../../files/lehrer-coachinggruppen/fonts/LatoLatin-Light.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'latolight_italic';
  src: url('../../files/lehrer-coachinggruppen/fonts/LatoLatin-LightItalic.woff2') format('woff2'),
    url('../../files/lehrer-coachinggruppen/fonts/LatoLatin-LightItalic.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

* {
  box-sizing: border-box;
}

body,
html {
  height: 100%;
}

body {
  overflow-y: scroll;
  overflow-x: hidden;
  margin: 0;
  color: #4c4c4c;
  font: normal 1.125em/1.46 'latolight', sans-serif;
  letter-spacing: 0.05rem;
}

abbr,
acronym {
  border-bottom: 2px dotted #666;
  text-decoration: none;
}

#wrapper {
  min-height: 100%;
  padding-bottom: 13rem;
  position: relative;
}

#parent {
  z-index: 0;
  position: relative;
}

.full-height #wrapper {
  padding-bottom: 12em;
}

#header {
  /* border-bottom: 1px solid #ddd; */
  background-color: #fff;
  z-index: 100;
  position: relative;
  /* padding: 0.4em 0; */
}

.mejs-fullscreen #header .head {
  transform: translateY(-100%);
}

#header .head {
  text-align: center;
  position: absolute;
  width: 100%;
  z-index: 1;
  transition: transform 0.3s;
  border-bottom: 2px solid #fff;
  background-color: rgba(110, 110, 110, 0.95);
}

.no-header-image #header .head {
  position: relative;
  border-bottom: 0 none;
}

/* #header .inside::after {
    content: "";
    display: block;
} */

#logo {
  z-index: 10;
  position: relative;
  transition: border-bottom-color 0.6s;
  color: #fff;
  padding: 1.25rem 3rem 2.25rem;
  max-width: calc(1600px + 6rem);
  margin: 0 auto;
}

#logo::after,
.nav-main::before {
  content: "";
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: contain;
  background-image: url("data:image/svg+xml,%3Csvg version='1.2' width='85.24mm' height='85.08mm' viewBox='5572 17531 8524 8508' preserveAspectRatio='xMidYMid' fill-rule='evenodd' stroke-width='28.222' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs class='ClipPathGroup'%3E%3CclipPath id='a'%3E%3Cpath d='M5572 17531h8524v8508H5572z'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg class='SlideGroup Slide Page Group' clip-path='url%28%23a%29'%3E%3Cg class='com.sun.star.drawing.CustomShape'%3E%3Cpath class='BoundingBox' fill='none' d='M7619 19577h4430v4430H7619z'/%3E%3Cpath fill='%23BE0028' d='M9834 24006H7619v-4429h4429v4429H9834z'/%3E%3C/g%3E%3Cg class='Group'%3E%3Cg class='com.sun.star.drawing.CustomShape'%3E%3Cpath class='BoundingBox' fill='none' d='M5572 17533h1525v6478H5572z'/%3E%3Cpath fill='%23004B96' d='M6334 24010h-762v-6477h1524v6477h-762z'/%3E%3C/g%3E%3Cg class='com.sun.star.drawing.CustomShape'%3E%3Cpath class='BoundingBox' fill='none' d='M12572 19533h1525v6478h-1525z'/%3E%3Cpath fill='%23004B96' d='M13334 26010h-762v-6477h1524v6477h-762z'/%3E%3C/g%3E%3Cg class='com.sun.star.drawing.CustomShape'%3E%3Cpath class='BoundingBox' fill='none' d='M5572 24509h1525v1525H5572z'/%3E%3Cpath fill='%23BE0028' d='M6334 26033h-762v-1524h1524v1524h-762z'/%3E%3C/g%3E%3Cg class='com.sun.star.drawing.CustomShape'%3E%3Cpath class='BoundingBox' fill='none' d='M12546 17535h1525v1525h-1525z'/%3E%3Cpath fill='%23BE0028' d='M13308 19059h-762v-1524h1524v1524h-762z'/%3E%3C/g%3E%3Cg class='com.sun.star.drawing.CustomShape'%3E%3Cpath class='BoundingBox' fill='none' d='M5593 17530h6481v1536H5593z'/%3E%3Cpath fill='%23004B96' d='M12072 18293l1 762-6477 10-2-1524 6477-10 1 762z'/%3E%3C/g%3E%3Cg class='com.sun.star.drawing.CustomShape'%3E%3Cpath class='BoundingBox' fill='none' d='M7593 24504h6481v1536H7593z'/%3E%3Cpath fill='%23004B96' d='M14072 25267l1 762-6477 10-2-1524 6477-10 1 762z'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  height: 3rem;
  width: 3rem;
  display: block;
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translate(-50%, 50%);
  border: 2px solid #fff;
  border-radius: 3px;
}

.no-header-image #logo::after {
  bottom: 0.9rem;
}

#logo a {
  text-transform: uppercase;
  font-family: latobold;
  font-size: 1.6rem;
  letter-spacing: 0.125rem;
}

#logo p {
  margin: 0;
}

.headroom--not-top #logo a {
  height: 3.6em;
  width: 18em;
  margin: 0.6em 0 0.4em 0.3em;
  transition: all 0.6s;
}

#header-image {
  position: relative;
  padding: 0;
  background-color: #6e6e6e;
}

#header-image>div {
  max-height: 45vh;
  height: 35vw;
  overflow: hidden;
  background-color: #fff;
  transform: translate3d(0, 0, 0);
}

@media all and (min-height: 1300px) {
  #header-image>div {
    max-height: 780px;
  }
}

#header-image img {
  width: 100%;
  max-width: 2560px;
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
}

#header-image .over-image {
  width: 100%;
  max-width: 1600px;
  margin: 0 auto;
  position: relative;
}

#header-image h2 {
  color: #fff;
  font-size: 2em;
  float: right;
  margin-top: 3em;
  padding-right: 1rem;
}

#main {
  padding-bottom: 1.5em;
}

.aside #main {
  padding-right: calc(300px + 3rem);
}

.mod_article {
  padding: 0 0 4rem;
}

#right .mod_article {
  padding: 0;
}

#main>.inside>div:first-child,
.mod_article.grey,
.mod_article.grey+.mod_article {
  padding: 3rem 0;
}

.mod_article.grey {
  background-color: #9c9c9d;
}

.mod_article.grey * {
  color: #fff;
}

.mod_article[class*="50"] {
  float: left;
  width: calc(50% - 2.01em);
  padding-top: 0;
}

.mod_article.left-50 {
  margin-right: 4em;
}

.coachinggruppen-list,
.mod_personalData {
  padding-left: 2rem;
}

table.group-overview {
  margin-right: 2rem;
}

.mod_personalData>form {
  padding-right: 1rem;
}

/* .mod_article.right-50 {} */

.col-1-2>*,
.col-1-2-elem {
  width: calc(50% + -2em);
  float: left;
}

.col-1-2>div.ce_text.last,
.col-1-2-elem.last {
  margin-bottom: 3em;
}

.col-1-2>*:nth-of-type(2n+1),
.col-1-2-elem:nth-of-type(2n+1) {
  margin-right: 3em;
}

.col-1-3,
.mod_newslist.col-1-3>div {
  width: 33.333%;
  float: left;
}

.col-2-4 {
  width: 50%;
  float: left;
  padding: 0 3rem 3rem;
}

.col-4-4 {
  width: 100%;
  float: left;
  padding: 0 3rem 3rem;
}

.col-4-4 img {
  width: 50% !important;
  height: auto !important;
}

/* .mod_newslist.col-1-3 > div {} */

.zitat {
  font-family: latolight_italic;
}

.zitat>p:first-child::before {
  content: "\201E";
  display: block;
  font-size: 6em;
  font-family: latobold;
  font-style: normal;
  color: #34a9e1;
  line-height: 0;
  float: left;
  margin-top: -0.175em;
  padding-bottom: 4rem;
  padding-right: 0.75rem;
}

.col-1-3>*:nth-of-type(3n) {
  margin-right: 0;
}

.col-1-2>* figure,
.col-1-3>* figure {
  max-width: 100%;
}

#left {
  margin-right: -360px;
}

#right {
  margin-left: calc(-300px - 3rem);
  width: 300px;
  padding-top: 4rem;
  margin-bottom: 4rem;
  position: -webkit-sticky;
  position: sticky;
  top: 3rem;
  transition: top 0.3s;
}

.unpin #right {
  top: 4.6em;
}

#footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 13rem;
  padding-top: 2em;
  transition: transform 0.3s;
  background-color: #ebebeb;
  text-align: center;
  word-spacing: 0.5rem;
}

.mejs-fullscreen #footer {
  transform: translateY(100%);
}

#footer .mod_article {
  /* background-color: rgb(137, 191, 89); */
  background-clip: content-box;
  /* color: #fff; */
  padding: calc(2rem + 20px) 0 2rem;
  position: relative;
  overflow-y: visible;
  margin: -2em 0 0;
}

#footer .mod_article h3 {
  color: #fff;
}

#footer .mod_article::after {
  top: auto;
  bottom: 0;
  border-top: 0 none;
  height: 1.9em;
}

.spuren {
  padding: 0;
}

.spuren>div {
  height: 13em;
}

.logo {
  background-position: center 0, center bottom;
  background-size: auto 5.7em, auto 3.2em;
  height: 9.4em;
  width: 11.7em;
  margin: 0;
}

.footer h4 {
  text-transform: uppercase;
  letter-spacing: 0.05em;
  font-size: 1.1em;
}

#footer .smed-links {
  min-width: 8em;
}

#footer .smed-links a {
  display: inline-block;
  width: 1.75em;
  height: 2em;
  margin-right: 0.5em;
}

#footer .smed-links path {
  fill: #9e9e9e;
  transition: all 0.6s;
}

#footer .smed svg:hover path {
  fill: #639c21;
  transition: all 0.3s;
}

#footer .smed a:hover {
  border-color: transparent;
}

.footer>div {
  width: 25%;
  padding-right: 3%;
  display: table-cell;
  vertical-align: top;
}

.footer>div.footer-no-title {
  padding-top: 2.4em;
}

.footer .footer-news {
  width: 25%;
}

.footer .last {
  padding: 0;
}

.nav-main>ul,
.footer,
#container .inner-art-wrapper,
#footer .inside {
  max-width: calc(1600px + 6rem);
  margin: 0 auto;
  padding: 0;
  position: relative;
}

#right .inner-art-wrapper>div {
  padding-bottom: 3rem;
}

#footer .inside {
  padding: 0 3rem;
}

#footer .mod_article>h2 {
  font-size: 2em;
  color: #fff;
  height: 4em;
  line-height: 2;
  text-align: center;
  position: relative;
}

ul.footer-social-media {
  padding: 0;
  margin: 0 0 1.5rem;
  /* border-bottom: 1px solid #9c9c9d; */
}

ul.footer-social-media li {
  list-style: none;
  display: inline-block;
  margin: 0 0.75rem;
}

#footer ul.footer-social-media a {
  display: inline-block;
  position: relative;
  width: 1.5em;
  height: 1.5em;
  overflow: hidden;
  text-indent: calc(100% + 2rem);
  white-space: nowrap;
  border: 0 none;
  opacity: 0.4;
  transition: opacity 0.4s;
}

#footer ul.footer-social-media a:hover {
  opacity: 1;
}

#footer ul.footer-social-media a::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  bottom: 0;
  width: 100%;
  background-size: contain;
  background-repeat: no-repeat;
  background-color: transparent;
  background-position: center center;
}

#footer ul.footer-social-media .facebook::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E%3Cpath d='m279.1 288 14.3-92.7h-89v-60c0-25.4 12.5-50.2 52.3-50.2H297V6.4S260.4 0 225.4 0C152 0 104.3 44.4 104.3 124.7v70.6H22.9V288h81.4v224h100.2V288z'/%3E%3C/svg%3E");
}

#footer ul.footer-social-media .instagram::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6a74.8 74.8 0 1 1 .1-149.3 74.8 74.8 0 0 1-.1 149.3zm146.4-194.3a26.7 26.7 0 1 1-53.6 0 26.8 26.8 0 0 1 53.6 0zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388a75.6 75.6 0 0 1-42.6 42.6c-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9A75.6 75.6 0 0 1 49.4 388c-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1A75.6 75.6 0 0 1 92 81.2c29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9a75.6 75.6 0 0 1 42.6 42.6c11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z'/%3E%3C/svg%3E");
}

#footer ul.footer-social-media .twitter::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M459.4 151.7c.3 4.6.3 9.1.3 13.7 0 138.7-105.6 298.5-298.6 298.5A296.5 296.5 0 0 1 0 417a217 217 0 0 0 25.3 1.2c49 0 94.3-16.6 130.3-44.8-46.1-1-84.8-31.2-98.1-72.8a111 111 0 0 0 47.4-2 105 105 0 0 1-84.1-103v-1.2c14 7.8 30.2 12.6 47.4 13.3A104.9 104.9 0 0 1 35.7 67.2a298.3 298.3 0 0 0 216.4 109.9 104.9 104.9 0 0 1 179-95.8 206.6 206.6 0 0 0 66.6-25.4 104.7 104.7 0 0 1-46.1 57.8c21-2.3 41.6-8.1 60.4-16.2a225.6 225.6 0 0 1-52.6 54.2z'/%3E%3C/svg%3E");
}

.line {
  background-color: #fff;
  padding: 1rem 3rem 3rem;
  display: table;
  margin: 0 auto;
  /* position: relative; */
}

.line.static {
  display: table;
}

.line::before {
  content: "";
  position: absolute;
  border-bottom: 1px solid #9c9c9d;
  top: 2rem;
  left: 3rem;
  right: 3rem;
  z-index: -1;
}

.line::after {
  top: auto;
  bottom: 0;
  display: table;
}

.footer {
  display: table;
  width: 100%;
  margin: 7em auto 3em;
}

#container {
  /* padding-top: 2em; */
  z-index: 0;
}

.aside #container {
  max-width: calc(1600px + 6rem);
  margin: 0 auto;
}

h1,
h2,
h3,
h4 {
  margin: 0 0 0.75em;
  color: #6e6e6e;
  font-weight: normal;
  letter-spacing: 0.04em;
}

h1 {
  font-size: 1.6em;
  text-align: center;
  margin-bottom: 0.5em;
  line-height: 1.25;
  font-family: latobold;
  text-transform: uppercase;
}

#index h1 {
  margin-bottom: 1em;
  /* max-width: 50%; */
}

.inline-teaser {
  font-size: 1.3rem;
}

h2 {
  font-size: 1.1em;
  font-family: latobold;
  text-transform: uppercase;
  margin-bottom: 2rem;
}

h2.bold {
  display: block;
  background-color: #a29778;
  color: #fff;
  text-transform: uppercase;
  text-align: center;
  padding: 0.5em;
  margin-bottom: 2em;
}

h3 {
  font-size: 1.1em;
  text-transform: uppercase;
}

p {
  margin: 0 0 1.46em;
}

a {
  text-decoration: none;
  color: inherit;
}

.center {
  text-align: center;
  justify-content: center;
}

figure.float_right {
  margin: 0 0 2em 2em;
  max-width: 50%;
}

figure.float_left {
  margin: 0 2em 2em 0;
}

.col-1-2-elem figure.float_right {
  margin: 0 0 1em 1em;
  max-width: 50%;
}

li {
  margin-left: 1em;
  list-style-type: initial;
}

ol li {
  list-style-type: decimal;
}

.ce_text:not(.ce_accordion),
.ce_downloads,
.ce_form {
  padding: 0 3rem 3rem;
}

.ce_downloads dt {
  margin-top: 1rem;
}

/* .ce_downloads dd {} */

.mod_newsreader>div>*,
.mod_newsreader .back {
  padding-right: 3rem;
  padding-left: 3rem;
}

.ce_text.last {
  padding-bottom: 0;
}

.ce_text.text-col-2 {
  column-count: 2;
  column-gap: 5rem;
}

.ce_text.alert {
  width: 75%;
  margin: -2rem auto 3rem;
  border: 3px solid #ce415e;
  border-radius: 1rem;
  background-color: #faecef;
  padding: 1.5rem 1rem 0.5rem;
}

.ce_text.alert h3 {
  font-family: latoregular;
  color: #ce415e;
  font-size: 1.5rem;
}

.cgroup {
  font-family: latoregular;
}

#main a,
#footer a {
  transition: all 0.5s;
  border-bottom: 1px solid transparent;
  color: #34a9e1;
  font-family: latoregular;
}

.participants {
  overflow-x: auto;
  display: block;
  margin-top: 2rem;
  margin-bottom: 2rem;
  margin-right: 2rem;
  border: 2px solid #898989;
  padding: 1rem;
  font-size: 1rem;
  background: linear-gradient(to right, #f8f8f8 30%, rgba(255, 255, 255, 0)),
    linear-gradient(to right, rgba(255, 255, 255, 0), #f8f8f8 70%) 100% 0,
    radial-gradient(farthest-side at 0 50%, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0)),
    radial-gradient(farthest-side at 100% 50%, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0)) 100% 0;
  background-color: #f8f8f8;
  background-repeat: no-repeat;
  background-size: 40px 100%, 40px 100%, 15px 100%, 15px 100%;
  background-attachment: local, local, scroll, scroll;
}

#main a.mail-all {
  border: 2px solid;
  border-radius: 8px;
  padding: 0 0.5rem;
  margin-bottom: 0.25rem;
  word-break: keep-all;
  white-space: nowrap;
}

#main a.mail-all:hover {
  color: #fff;
  background-color: #34a9e1;
}

#main .image_container a {
  border-bottom: 0 none;
}

.footer a {
  font-family: latolight;
}

#main .button a,
input[type="submit"],
.caption-slide button:not(.close-button),
button.submit,
button.edit-group,
.cc-module button,
button[value="continue"],
button[value="optional"] {
  -webkit-appearance: none;
  appearance: none;
  border: 0 none;
  text-transform: uppercase;
  background-color: #34a9e1 !important;
  color: #fff;
  padding: 0.75rem 2rem !important;
  border-radius: 0.75rem;
  width: auto !important;
  cursor: pointer;
  transition: background-color 0.4s;
}

#main .button a:hover,
input[type="submit"]:hover,
.caption-slide button:not(.close-button):hover,
button.submit:hover,
button.edit-group:hover,
.cc-module button:hover,
button[value="continue"]:hover,
button[value="optional"]:hover {
  background-color: #2b8fbe !important;
}

.widget-submit {
  padding-top: 2rem;
}

input[type="submit"][disabled] {
  background-color: #ebebeb !important;
}

.ce_hyperlink.button {
  overflow: visible;
  display: flex;
  padding: 0 3rem;
}

#main a:not(.cboxElement):hover,
#footer a:hover,
.caption-slide button:hover {
  border-color: #34a9e1;
  transition: all 0.3s;
}

#main .button a:hover,
.caption-slide button:hover {
  transform: scale(1.05);
}

#main .mod_booknav li>* {
  background-color: #aea891;
  display: inline-block;
  padding: 0.25em 0.5em;
  margin-right: 1em;
}

#main .mod_booknav li>span {
  background-color: #d6d3c8;
  padding: 0.3em 0 0.3em 0.5em;
  line-height: 1.17;
}

#main .mod_booknav li.next>span {
  padding: 0.3em 0.5em 0.3em 0;
}

#main .mod_booknav a:hover {
  color: #64521e;
}

.mod_booknav .next>*::after,
.mod_booknav .prev>*::before {
  content: "";
  height: 1em;
  width: 1em;
  background: no-repeat 50% 50% transparent;
  background-size: contain;
  /* url("data: image/svg+xml,%3Csvg width='16' height='18' viewBox='4 1 16 18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23FFF' fill-rule='evenodd' d='M5 10V1.3l7.5 4.4L20 10l-7.5 4.3L5 18.7'/%3E%3C/svg%3E"); */
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='18' viewBox='4 1 16 18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23FFF' fill-rule='evenodd' d='M5 10V1.3l7.5 4.4L20 10l-7.5 4.3L5 18.7'/%3E%3C/svg%3E");
  display: inline-block;
  vertical-align: bottom;
  margin-left: 0.5em;
}

.mod_booknav .prev>*::before {
  transform: rotate(180deg);
  margin: 0 0.5em 0 0;
}

.mod_booknav li,
.mod_booknav span {
  list-style-type: none;
  padding: 0;
  margin: 0 0 2em;
  display: inline-block;
}

.toggler {
  width: 100%;
  text-align: left;
  color: #fff;
  background-color: #a29778;
  outline: 0 none;
  transition: all .3s;
  cursor: pointer;
  font-family: latolight;
  font-size: 1.2em;
  letter-spacing: 0.04em;
  padding: 0.6em 1.2em;
  margin-bottom: 1.5em;
}

/* .toggler.active, .toggler:hover {
    color: #fff;
    background-color: #85bc21;
} */
.toggler::before {
  content: "";
  width: 0;
  display: inline-block;
  height: 0;
  border-style: solid;
  border-width: 0.45em;
  position: relative;
  top: .15em;
  margin-right: 0.75em;
  border-color: transparent transparent transparent #d1cbbc;
  transition: all .4s;
}

.toggler::before {
  transform: rotate(90deg) translateX(0.2em);
}

.toggler.active::before,
.toggler:hover::before {
  border-left-color: #fff;
}

.toggler.active::before {
  transform: rotate(-90deg) translateX(0.3em);
}

.accordion {
  padding-bottom: 1.5em;
}

.nav-main {
  overflow: visible;
  max-width: calc(1600px + 6rem);
  margin: 0 auto;
  padding: 0 3rem;
  position: relative;
}

#parent>.custom {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 100;
  background-color: rgba(110, 110, 110, 0.95);
  border: 2px solid #fff;
  border-width: 2px 0;
}

.nav-main::before {
  border-width: 1.5px;
  left: 3rem;
  height: 1.9rem;
  width: 1.9rem;
  margin: 0;
  top: -0.6rem;
  opacity: 0;
  transition: opacity 0.4s;
}

.js-is-sticky .nav-main::before,
.js-is-stuck .nav-main::before {
  opacity: 1;
}

.headroom--unpinned .nav-main {
  transform: translateY(-2.4em);
}

/* .headroom--pinned .nav-main {
    transform: translateY(0);
} */

.subnav-1,
.subnav-2 {
  float: none;
  padding-bottom: 2em;
}

.nav-main>ul {
  display: table;
  /* height: 4em; */
  padding: 0;
  list-style: none;
  transition: all 0.3s;
}

.headroom--unpinned .nav-main>ul {
  opacity: 0;
}

.nav-main>ul>li {
  display: table-cell;
  padding: 0.75rem 1.25rem;
  z-index: 100;
  transition: background-color 0.5s;
  position: relative;
}

.nav-main li:hover,
.nav-side li:hover {
  transition: background-color 0.3s;
  background-color: #898989;
}

[class*="nav"] a,
span.active,
span.trail {
  text-decoration: none;
  color: #fff;
  position: relative;
  font-family: latoregular;
  font-size: 1rem;
  text-transform: uppercase;
  letter-spacing: 0.075rem;
  display: block;
}

.nav-main .submenu ul a,
.nav-main .submenu ul span {
  height: auto;
  white-space: nowrap;
  text-align: left;
}

.nav-main a.invisible {
  display: none;
}

span.active {
  font-family: latobold;
  letter-spacing: 0.04em;
}

.burger {
  display: none;
}

.nav-main li.submenu ul {
  left: 0;
  top: 2.95rem;
  height: 0;
  position: absolute;
  display: block;
  background-color: rgba(137, 137, 137, 0.95);
  background-size: auto 18em;
  z-index: -1;
  transform: translateY(-0.65em);
  border-top: 2px solid #fff;
  opacity: 0;
  transition: opacity 0.3s, transform 0.1s 0.3s;
  overflow: hidden;
}

.nav-side {
  margin-bottom: 3em;
}

.nav-side li.submenu ul {
  margin: 1em -1em calc(3px - 1em);
  border-top: 1px solid rgba(255, 255, 255, 0.6);
}

.nav-side li.submenu li {
  padding-left: 3em;
}

.nav-side>ul>li.trail.submenu li {
  background-color: rgb(146, 186, 100);
}

.nav-main .level_2 li {
  display: block;
  padding: 0.55rem 1.25rem;
  margin: 0;
  /* width: 150%; */
  border-color: #fff;
  border-style: solid;
  border-width: 0 0 2px;
}

.nav-main.hover li.submenu:hover ul,
.nav-main.hover li.submenu>a.hover+button+ul {
  height: auto;
  opacity: 1;
  transform: translateY(0);
  transition: all 0.3s;
}

.nav-main ul.level_3,
.nav-main.hover li.submenu:hover ul.level_3 {
  display: none;
}

.mod_newslist.col-1-3 {
  margin: 3rem 0 0;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}

.mod_newslist.col-1-3.start {
  margin: 0 0 -3rem;
}

.mod_newslist.col-1-3>div {
  padding: 0 3rem 3rem;
  overflow: visible;
}

.mod_newslist.col-1-3.start>div {
  flex-grow: 1;
}

#aktuell .mod_newslist.col-1-3>div:nth-child(n+4) {
  padding-top: 3rem;
}

#aktuell .mod_newslist.col-1-3>div:nth-child(3n+4):before {
  content: "";
  background-color: #9c9c9d;
  height: 1px;
  width: calc(300% + 12rem);
  display: block;
  margin-top: -3rem;
  margin-bottom: 3rem;
}

/* #aktuell .mod_newslist.col-1-3 > div::before {
} */

#aktuell .mod_newslist.col-1-3 figure {
  left: -1em;
  top: 0;
  max-width: none;
  width: calc(100% + 2em);
  position: relative;
  margin: 0 0 1em;
  float: none;
}

#aktuell .mod_newslist.col-1-3 img {
  width: 100%;
  max-width: inherit;
  display: block;
}

/* #aktuell .mod_newslist.col-1-3 .teaser {
    overflow: auto;
    max-height: 7.1em;
} */

#aktuell .mod_newslist.col-1-3 p {
  margin: 0 0 1em;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}

/* #aktuell .mod_newslist.col-1-3 > div p.info time::before {
} */

#aktuell .mod_newslist.col-1-3 figure+p.info time::before {
  content: none;
  display: none;
}

/* #aktuell .mod_newslist.col-1-3 p.more {
    position: absolute;
    bottom: 0;
} */

.mod_newslist.col-1-3 h2 {
  font-family: latobold;
  font-size: 1.2em;
}

.mod_newslist.col-1-3 time,
.mod_newsreader time {
  /* color: #938662; */
  /* font: 300 1em/1 "Roboto Slab", sans-serif; */
  margin: 1.5em 0 -0.5em;
  font-size: 1rem;
  display: block;
}

.mod_newslist.col-1-3 .more a,
.mod_newsreader .back a {
  color: #938662;
}

.pagination {
  margin-bottom: 3em;
  clear: both;
}

.pagination ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.pagination li {
  float: left;
  margin-right: 0.5em;
  list-style: none;
  margin-left: 0;
  display: inline-block;
}

.pagination .link,
.pagination .current {
  color: #fff !important;
  font: 700 1.2em/2 "Roboto Slab", sans-serif;
  text-align: center;
  width: 2em;
  height: 2em;
  background-color: #8d8d8d;
  display: block;
}

.pagination .current {
  color: #fff;
  background-color: #6e6e6e;
}

.pagination .next,
.pagination .previous,
.pagination .last,
.pagination .first {
  line-height: 2.4;
  color: #6e6e6e !important;
}

.link-button a {
  color: #89bf59;
  background-color: #fff;
  font: 700 1.2em/1 "Roboto Slab", sans-serif;
  padding: 0.8em;
  text-align: center;
  letter-spacing: 0.04em;
  min-width: 16em;
  max-width: 100%;
  margin-top: 2em;
  display: block;
  line-height: 1.3;
}

.link-button.float-right a {
  margin: 0 0 0 2em;
  float: right;
}

form.anmeldung {
  border: 1px solid #9c9c9d;
  padding: 3rem;
}

label,
span.captcha_text {
  display: inline-block;
  font-size: 0.85em;
  margin-top: 1em;
  margin-right: 1rem;
}

.confirm-form {
  padding-right: 2rem;
}

label.confirm_group {
  display: inline;
}

.disabled label {
  color: #999;
}

span.captcha_text {
  margin: 0 0 1em;
}

input[type="text"],
input[type="email"],
input[type="submit"],
input[type="password"],
input[type="tel"],
input[type="number"],
textarea,
select {
  display: block;
  width: 100%;
  border: 0 none;
  background-color: rgba(0, 0, 0, 0.07);
  /* font: 300 1em/1 "Roboto",sans-serif; */
  padding: 0.5em;
  -webkit-appearance: none;
  appearance: none;
}

fieldset {
  font-family: 'latolight_italic'
}

select {
  -webkit-appearance: menulist;
  appearance: menulist;
  height: 2.5rem;
}

.participants select {
  height: auto;
  margin-top: 0.5rem;
}

.part-mail {
  word-wrap: break-word;
}

input[type="number"] {
  -webkit-appearance: initial;
  appearance: initial;
}

input[type="checkbox"],
input[type="radio"] {
  margin-right: 0.25rem;
  /* margin-top: 0.25rem; */
  /* float: left; */
  cursor: pointer;
}

/* input[type="radio"] {
    margin-top: 1.2rem;
} */

textarea {
  resize: vertical;
}

input[type="submit"] {
  margin-top: 1.5rem;
  display: inline-block;
}

span.mandatory {
  color: #34a9e1;
  font-family: latobold;
}

form.disabled .widget:not(.widget-headline) {
  opacity: 0.5;
}

div.edit-group {
  display: inline-block;
  background-color: #f8f8f8;
  border: 1px solid #ccc;
  padding: 0 0.25rem;
  min-height: 1.5rem;
  min-width: 1rem;
  cursor: default;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  min-width: 10rem;
}

div.edit-group[data-field="dates"] {
  width: 100%;
  min-height: 3.5rem;
}

div.edit-group[contenteditable=true] {
  border-color: #4c4c4c;
  cursor: text;
  -webkit-user-select: initial;
  -moz-user-select: initial;
  -ms-user-select: initial;
  user-select: initial;
  position: relative;
}

div.edit-group[contenteditable=true]::after {
  content: attr(data-hint);
  position: absolute;
  right: 0;
  padding-left: 0.5rem;
  margin-top: 0.25rem;
  color: #898989;
  font-size: 0.9rem;
  transform: translateX(100%);
}

button.edit-group {
  float: right;
  padding: 0.15rem 0.5rem !important;
  text-transform: initial;
  border-radius: 6px;
  margin-right: -0.5rem;
}

button.edit-group::after {
  content: 'Felder bearbeiten'
}

.editing button.edit-group::after {
  content: 'Felder speichern'
}

.editing button.edit-group {
  background-color: #5bbd5b !important;
}

button.cancel {
  float: right;
  margin-left: 1rem;
  -webkit-appearance: none;
  appearance: none;
  border: 2px solid #ce415e;
  color: #ce415e;
  border-radius: 6px;
  font-size: 1.5rem;
  line-height: 0.9;
  padding: 0 0.25rem 0.2rem;
  margin-right: -0.5rem;
  cursor: pointer;
  display: none;
}

.editing button.cancel {
  display: inline;
}

tr.editable {
  border: dashed #ccc;
  border-width: 0 2px;
}

tr.editable td:first-of-type {
  padding-left: 0.5rem;
}

tr.editable.first {
  border-width: 2px 2px 0;
}

tr.editable.first td {
  padding-top: 0.5rem;
}

tr.editable.last {
  border-width: 0 2px 2px;
}

tr.editable.last td {
  padding-bottom: 0.5rem;
}

.impressionen .mod_article {
  margin-right: -4em;
  padding-bottom: 0;
}

.impressionen .mod_article>div {
  width: 50%;
  float: left;
  padding-right: 4em;
  height: 443px;
}

.mejs-container {
  width: 100% !important;
}

.mejs-container iframe {
  width: 100% !important;
}

.impressionen .mod_article>div::before {
  /* content: ""; */
  display: block;
  width: 100%;
  padding-top: 71.02%;
  padding-bottom: 4em;
}

.impressionen .mod_article figure,
.impressionen .ce_youtube {
  position: relative;
  padding-bottom: 4em;
}

.impressionen .mod_article figcaption {
  position: absolute;
  bottom: 1em;
  height: 3em;
}

#right .mod_newslist {
  font-family: latolight;
}

#right .mod_newslist h3 {
  background-color: #757575;
  color: #fff;
  text-align: center;
  padding: 0.5em;
  margin-bottom: 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.6);
}

#right .layout_simple,
.nav-side li {
  /* padding-left: 6em; */
  display: table;
  background-color: #757575;
  color: #fff;
  display: block;
  border-bottom: 1px solid rgba(255, 255, 255, 0.6);
  padding: 0.75em 1em;
  margin-left: 0;
}

#right .layout_simple time {
  padding-right: 0.5em;
  /* color: #a29778; */
  font-family: latolight;
  padding-right: 0.75em;
}

#right .layout_simple time::after {
  content: ":";
}

/* #right .layout_simple > * {
} */

#map {
  clear: both;
}

.dlh_googlemap {
  width: 100%;
  min-height: 400px;
  max-height: 66.5vh;
  height: 38.4vw;
  margin-bottom: 3em;
}

/* Coachinggruppen-Map */

#map-filter {
  display: none;
}

#header-map {
  position: relative;
  padding: 0;
  background-color: #6e6e6e;
  z-index: 0;
}

#header-map>div {
  max-height: 66.5vh;
  height: 38.4vw;
  min-height: 580px;
  overflow: hidden;
  background-color: #fff;
  transform: translate3d(0, 0, 0);
}

@media all and (min-height: 1300px) {
  #header-map>div {
    max-height: 780px;
  }
}

#map-filter,
#popup {
  position: absolute;
  background-color: #fff;
  border: 2px solid #757575;
  max-width: 92.5vw;
  width: 650px;
  height: 150px;
  top: calc(50% + 4.5rem);
  left: calc(50% - 180px);
  transform: translate(-50%, -50%);
  opacity: 1;
  transition: opacity 0.6s 0.5s;
  z-index: 1000;
  overflow: hidden;
}

#popup {
  display: none;
  letter-spacing: 0.05rem;
  -webkit-tap-highlight-color: transparent;
  cursor: auto;
  text-align: left;
  color: #333;
  box-sizing: border-box;
  padding: 1px;
  margin: 0.25rem -1px;
  max-width: 80vw;
  width: 276px;
  border: 0 none;
  border-radius: 12px;
  box-shadow: 0 3px 14px rgba(0, 0, 0, 0.4);
  height: auto;
}

.popup-container {
  font: 12px/1.4 "Helvetica Neue", Arial, Helvetica, sans-serif;
}

.popup-container a {
  color: #0078A8;
}

#mapid {
  position: absolute !important;
  top: 133px;
  bottom: 0;
  width: calc(100% - 450px);
  /* min-height: 400px;
  height: 50vh; */
  transition: filter 0.3s;
}

.cc-module {
  background: url(../../files/lehrer-coachinggruppen/images/theme/map-bg.png) no-repeat #ebebeb;
  background-size: cover;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  align-content: center;
  padding: 2rem;
}

.cc-module>* {
  flex-basis: 100%;
  text-align: center;
}

#mapid::after {
  content: "";
  background-color: rgb(124 124 124 / 50%);
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: -1;
  cursor: initial;
  opacity: 0;
  transition: opacity 0.3s, z-index 0s 0.5s;
}

.oonly #mapid {
  filter: blur(2px);
}

.oonly #mapid::after {
  z-index: 1000;
  opacity: 1;
  transition: opacity 0.3s, z-index 0s;
}

.leaflet-popup-content,
#popup {
  margin: 0.25rem -1px;
  max-width: 80vw;
}

.leaflet-popup-content p,
.leaflet-popup-content .form {
  margin: 0;
  padding: 0.5rem 0.75rem;
}

.leaflet-popup-content p.dates {
  max-height: 50px;
  overflow-y: auto;
  background:
    linear-gradient(white 30%, rgba(255, 255, 255, 0)),
    linear-gradient(rgba(255, 255, 255, 0), white 70%) 0 100%,
    radial-gradient(farthest-side at 50% 0, rgba(0, 0, 0, .3), rgba(0, 0, 0, 0)),
    radial-gradient(farthest-side at 50% 100%, rgba(0, 0, 0, .3), rgba(0, 0, 0, 0)) 0 100%;
  background-repeat: no-repeat;
  background-color: white;
  background-size: 100% 30px, 100% 30px, 100% 10px, 100% 10px;
  background-attachment: local, local, scroll, scroll;
}

.coach a:hover {
  text-decoration: underline;
}

.caption-slide {
  position: absolute;
  display: flex;
  flex-flow: wrap;
  justify-content: space-evenly;
  padding: 0.5rem 0.5rem 1rem;
  width: 100%;
  top: 0;
  bottom: 0;
  left: -100%;
  transition: left 0.6s 0.5s;
}

.filter-1 .silde-1,
.filter-2 .silde-2,
.filter-3 .silde-2 {
  left: 0
}

.filter-1 .silde-2,
.filter-1 .silde-3,
.filter-2 .silde-3 {
  left: 100%
}

.caption-slide p {
  margin: 0.5rem;
}

.caption-slide button:not(.close-button),
.cc-module button {
  position: relative;
  flex-grow: 1;
  margin: 0.5rem 0.5rem 0;
  border: 0 none;
  text-transform: unset;
  padding: 0.5rem 0 0.5rem 2rem !important;
  height: 2.5rem;
  max-width: 260px;
  transition: all 0.3s;
  align-self: flex-end;
}

.cc-module button {
  padding: 0.5rem 1rem !important;
}

.caption-slide button::before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath fill='%23fff' d='M18.86 12.46v4.25A3.86 3.86 0 0 1 15 20.57H3.86A3.86 3.86 0 0 1 0 16.71V5.57a3.86 3.86 0 0 1 3.86-3.86H15c.54 0 1.07.11 1.57.34a.44.44 0 0 1 .24.3.42.42 0 0 1-.12.4l-.66.65a.46.46 0 0 1-.3.13.38.38 0 0 1-.13-.02 2.31 2.31 0 0 0-.6-.08H3.86A2.15 2.15 0 0 0 1.7 5.57v11.14c0 1.18.97 2.15 2.15 2.15H15a2.15 2.15 0 0 0 2.14-2.15v-3.4c0-.1.04-.21.12-.3l.86-.85a.43.43 0 0 1 .3-.13c.06 0 .11 0 .17.04a.42.42 0 0 1 .27.38zm3.1-6.55L11.04 16.8a1.07 1.07 0 0 1-1.53 0l-5.76-5.76a1.07 1.07 0 0 1 0-1.53l1.48-1.47a1.07 1.07 0 0 1 1.52 0l3.52 3.52 8.67-8.66a1.07 1.07 0 0 1 1.53 0l1.47 1.47a1.07 1.07 0 0 1 0 1.53z'/%3E%3C/svg%3E");
  height: 24px;
  width: 24px;
  display: block;
  position: absolute;
  left: 0.75rem;
  top: 50%;
  margin-top: -10px;
  opacity: 0.25;
  transition: opacity 0.3s;
}

.caption-slide button:hover::before {
  opacity: 0.5;
}

.caption-slide button.active::before {
  transition: opacity 0s;
  opacity: 1;
}

#map-filter.filter-3 {
  opacity: 0;
}

button.close-button {
  position: absolute;
  top: 0.25rem;
  right: 0.5rem;
  opacity: 0.7;
  transition: opacity 0.3s;
  -webkit-appearance: none;
  appearance: none;
  border: 0 none;
  background-color: transparent;
  cursor: pointer;
  font-size: 1.5rem;
}

button.close-button:hover {
  opacity: 1;
}

.list-control {
  border: 2px solid rgba(0, 0, 0, 0.2);
  background: #fff;
  border-radius: 5px;
  padding: 6px;
}

#main .leaflet-popup-content .coach a,
.leaflet-popup-content .coach a {
  color: #333;
  margin-bottom: 0.2rem;
  display: inline-block;
}

#main button.leaflet-popup-close-button:hover,
button.leaflet-popup-close-button:hover,
#main a.button:hover,
a.button:hover {
  border-color: transparent;
}

.leaflet-popup .teilnehmer {
  border-top: 1px solid #757575;
  border-bottom: 1px solid #757575;
  position: relative;
  padding: 0 1px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
}

.leaflet-popup .caption {
  display: block;
  padding: 0.25rem 0.75rem;
  border-top: 1px solid #757575;
  /* margin: -3px 0 0; */
  flex-basis: 100%;
}

.leaflet-popup .full .caption,
.leaflet-popup .old .caption {
  border: 0 none;
}

.leaflet-popup .platz {
  display: inline-block;
  width: 8.333333%;
  height: 25px;
  border: solid #fff;
  border-width: 2px 1px;
  background: no-repeat top center url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32'%3E%3Cpath d='M18 22v-1.6a9 9 0 0 0 4-7.4c0-5 0-9-6-9s-6 4-6 9a9 9 0 0 0 4 7.4v1.7C7.2 22.6 2 26 2 30h28c0-4-5.2-7.4-12-8z' fill='%23fff'/%3E%3C/svg%3E ") #ebebeb;
  background-size: contain;
}

.leaflet-popup .platz.occupied {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='%23FFF' d='M18 22v-1.6c2.5-1.7 4-4.4 4-7.4 0-5 0-9-6-9s-6 4-6 9c0 3 1.5 5.7 4 7.4v1.7C7.2 22.6 2 26 2 30h28c0-4-5.2-7.4-12-8z'/%3E%3Cpath fill='%23008700' d='M1.1 18.6l4.4-4.3 5.3 5.2L26.5 3.8l4.4 4.3-20.1 20.1z'/%3E%3Cpath fill='%23FFF' d='M26.5 4.6L30 8.1 10.8 27.4 2 18.6l3.5-3.5 5.2 5.2L26.5 4.6m0-1.7l-.9.9-14.8 14.9-4.4-4.4-.9-.9-.9.9-3.5 3.5-.9.9.9.9 8.8 8.8.9.9.9-.9L30.9 9l.9-.9-.9-.9-3.5-3.5-.9-.8z'/%3E%3C/svg%3E");
}

.leaflet-popup .open .platz.occupied {
  background-color: #55d65c;
}

.leaflet-popup .ready .platz.occupied {
  background-color: #08bd11;
}

.leaflet-popup .full .platz.occupied,
.leaflet-popup .old .platz {
  background-color: #a1a1a1;
  display: none;
}

.leaflet-popup .form a {
  display: block;
  text-align: center;
}

.leaflet-popup .share {
  color: #0078A8;
  text-align: center;
  line-height: 1.25;
  padding: 0 0 0.25rem;
  margin: 0 -0.5rem;
}

.leaflet-popup .share a {
  display: inline-block;
  width: 1.75em;
  text-indent: -500px;
  overflow: hidden;
  margin-left: 0.3rem;
}

.leaflet-popup .share a:first-of-type {
  margin-left: 0;
}

.leaflet-popup .share a:last-of-type {
  margin-left: 0.6rem;
}

.leaflet-popup .share a::before {
  content: "";
  display: block;
  height: 1.75em;
  width: 1.75em;
  background: no-repeat transparent center;
  background-size: contain;
  position: absolute;
}

.leaflet-popup .share a.facebook::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48'%3E%3Cpath d='M28.5 9H36V0h-7.5C22.7 0 18 4.7 18 10.5V15h-6v9h6v24h9V24h7.5l1.5-9h-9v-4.5c0-.8.7-1.5 1.5-1.5z' fill='%2331a0d5'/%3E%3C/svg%3E");
}

.leaflet-popup .share a.twitter::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48'%3E%3Cpath d='M48 10.6c-1.8.8-3.7 1.3-5.7 1.6 2-1.3 3.6-3.2 4.4-5.5-2 1.1-4 2-6.3 2.4a9.8 9.8 0 0 0-16.8 9A28 28 0 0 1 3.3 7.8a9.8 9.8 0 0 0 3 13.1c-1.5 0-3-.5-4.4-1.2v.1c0 4.8 3.4 8.8 8 9.7a9.9 9.9 0 0 1-4.5.2c1.2 3.9 4.9 6.7 9.2 6.8a19.7 19.7 0 0 1-14.6 4A27.8 27.8 0 0 0 43 15.7c2-1.3 3.6-3 4.9-5z' fill='%2331a0d5'/%3E%3C/svg%3E ");
}

.leaflet-popup .share a.mail::before {

  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M464 64a48 48 0 0 1 28.8 86.4L275.2 313.6a32.1 32.1 0 0 1-38.4 0L19.2 150.4A48 48 0 0 1 48 64h416zM217.6 339.2a63.9 63.9 0 0 0 76.8 0L512 176v208a64 64 0 0 1-64 64H64a64 64 0 0 1-64-64V176l217.6 163.2z' fill='%2331a0d5'/%3E%3C/svg%3E");
  width: 2em;
}

.leaflet-popup .share a.link::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath d='M20.64 29.8c-.63 0-1.25-.24-1.73-.71a11.45 11.45 0 0 1 0-16.18l9-9C30.07 1.75 32.94.56 36 .56s5.93 1.2 8.09 3.35a11.45 11.45 0 0 1 0 16.18l-4.12 4.11a2.44 2.44 0 1 1-3.44-3.44l4.11-4.12a6.57 6.57 0 0 0-9.28-9.28l-9 9a6.57 6.57 0 0 0 0 9.28 2.44 2.44 0 0 1-1.72 4.16z' fill='%2331a0d5'/%3E%3Cpath d='M12 47.44A11.45 11.45 0 0 1 3.91 27.9l4.12-4.11a2.44 2.44 0 1 1 3.44 3.45l-4.11 4.11a6.57 6.57 0 0 0 9.28 9.28l9-9a6.57 6.57 0 0 0 0-9.28 2.44 2.44 0 1 1 3.45-3.45 11.45 11.45 0 0 1 0 16.18l-9 9a11.36 11.36 0 0 1-8.1 3.35z' fill='%2331a0d5'/%3E%3C/svg%3E");
}

#main .leaflet-popup .form a.button,
.leaflet-popup .form a.button {
  text-transform: uppercase;
  background-color: #34a9e1 !important;
  color: #fff;
  padding: 0.5rem 0 !important;
  border-radius: 0.5rem;
  margin-bottom: 0.5rem;
  transition: all 0.3s;
}

#main .leaflet-popup .form a.button:hover,
.leaflet-popup .form a.button:hover {
  transform: scale(1.05);
}

.participants td {
  border-top: 1px solid #898989;
  padding: 0.1rem 1rem 0.1rem 0;
  max-width: 200px;
}

.participants th {
  border-bottom: 2px solid #898989;
  padding: 0.1rem 1rem 0.1rem 0;
}

.group-overview td {
  padding: 0.1rem 1rem 0.1rem 0;
}

/* MarkerCluster */

.leaflet-cluster-anim .leaflet-marker-icon,
.leaflet-cluster-anim .leaflet-marker-shadow {
  -webkit-transition: -webkit-transform 0.3s ease-out, opacity 0.3s ease-in;
  -moz-transition: -moz-transform 0.3s ease-out, opacity 0.3s ease-in;
  -o-transition: -o-transform 0.3s ease-out, opacity 0.3s ease-in;
  transition: transform 0.3s ease-out, opacity 0.3s ease-in;
}

.leaflet-cluster-spider-leg {
  /* stroke-dashoffset (duration and function) should match with leaflet-marker-icon transform in order to track it exactly */
  -webkit-transition: -webkit-stroke-dashoffset 0.3s ease-out, -webkit-stroke-opacity 0.3s ease-in;
  -moz-transition: -moz-stroke-dashoffset 0.3s ease-out, -moz-stroke-opacity 0.3s ease-in;
  -o-transition: -o-stroke-dashoffset 0.3s ease-out, -o-stroke-opacity 0.3s ease-in;
  transition: stroke-dashoffset 0.3s ease-out, stroke-opacity 0.3s ease-in;
}

.marker-cluster-small {
  background-color: rgba(181, 226, 140, 0.6);
}

.marker-cluster-small div {
  background-color: rgba(110, 204, 57, 0.6);
}

.marker-cluster-medium {
  background-color: rgba(241, 211, 87, 0.6);
}

.marker-cluster-medium div {
  background-color: rgba(240, 194, 12, 0.6);
}

.marker-cluster-large {
  background-color: rgba(253, 156, 115, 0.6);
}

.marker-cluster-large div {
  background-color: rgba(241, 128, 23, 0.6);
}

/* IE 6-8 fallback colors */
.leaflet-oldie .marker-cluster-small {
  background-color: rgb(181, 226, 140);
}

.leaflet-oldie .marker-cluster-small div {
  background-color: rgb(110, 204, 57);
}

.leaflet-oldie .marker-cluster-medium {
  background-color: rgb(241, 211, 87);
}

.leaflet-oldie .marker-cluster-medium div {
  background-color: rgb(240, 194, 12);
}

.leaflet-oldie .marker-cluster-large {
  background-color: rgb(253, 156, 115);
}

.leaflet-oldie .marker-cluster-large div {
  background-color: rgb(241, 128, 23);
}

.marker-cluster {
  background-clip: padding-box;
  border-radius: 20px;
}

.marker-cluster div {
  width: 30px;
  height: 30px;
  margin-left: 5px;
  margin-top: 5px;

  text-align: center;
  border-radius: 15px;
  font: 12px "Helvetica Neue", Arial, Helvetica, sans-serif;
}

.marker-cluster span {
  line-height: 30px;
}

/* Upcoming */
#map-upcoming {
  position: absolute;
  top: 133px;
  bottom: 0;
  right: 0;
  z-index: 10000;
  background-color: #fff;
  background-clip: padding-box;
  border-left: 2px solid rgba(0, 0, 0, 0.2);
  font-size: 0.85rem;
  width: 450px;
  line-height: 1.15;
  /* overflow: hidden auto; */
  display: flex;
  flex-direction: column;
}

#map-upcoming h4 {
  margin: 0;
  padding: 0.5rem;
}

#map-upcoming table {
  overflow: hidden auto;
  flex: 1 100%;
  display: block;
  position: relative;
  /* bottom: 0; */
  /* top: 4rem; */
  /* max-height: 120px; */
  margin: 0 0.5rem;
  max-width: 100%;
}

#map-upcoming.empty thead {
  width: 100%;
  display: table;
}

#map-upcoming tr:first-of-type td {
  border: 0 none;
}

#map-upcoming tr.internal td {
  background-color: #fffbd1;
}

#map-upcoming tr.online td {
  background-color: #e9f6fc;
}

#map-upcoming tr.online td.online {
  font-weight: 700;
  color: #000;
}

#map-upcoming button,
button.show-all {
  border: 2px solid #34a9e1;
  -webkit-appearance: none;
  appearance: none;
  background-color: #fff;
  color: #34a9e1;
  font-family: latoregular;
  border-radius: 6px;
  cursor: pointer;
  transition: all 0.3s;
  padding: 1px 4px 2px;
  line-height: 1;
  margin-right: 0.25rem;
  width: 100%;
}

.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;
}

#map-upcoming .disabled button {
  color: #b3b3b3;
  border-color: #b3b3b3;
  cursor: initial;
}

#map-upcoming button:focus,
button.show-all:focus {
  outline: 0 none;
  box-shadow: 0 0 0 2px rgba(52, 169, 225, 0.5);
}

#map-upcoming button.show-all {
  padding: 4px;
  white-space: nowrap;
  width: calc(100% - 1.5rem);
  border-radius: 6px 0 0 6px;
  margin: 0;
  height: 1.6rem;
  display: inline-block;
}

#map-upcoming button.config-toggle {
  width: 1.5rem;
  border-radius: 0 6px 6px 0;
  border-width: 2px 2px 2px 0;
  height: 1.6rem;
  display: inline-block;
  padding: 2px 4px;
  margin: 0;
}

#map-upcoming button.config-toggle::after {
  display: inline-block;
  vertical-align: 0;
  content: "";
  border-top: 0.5em solid;
  border-right: 0.45em solid transparent;
  border-bottom: 0;
  border-left: 0.45em solid transparent;
}

.show-config #map-upcoming button.config-toggle::after {
  border-top: 0;
  border-bottom: 0.5em solid;
  vertical-align: 0.1rem;
}

#map-upcoming button:hover {
  background-color: #34a9e1;
  color: #fff;
}

#map-upcoming .disabled button:hover {
  background-color: #fff;
  color: #b3b3b3;
}

#map-upcoming .config {
  display: none;
  position: absolute;
  background-color: #fff;
  border: 2px solid #34a9e1;
  width: 280px;
  right: 0.25rem;
  padding: 0.25rem 0.5rem;
  margin-top: 0.25rem;
}

.show-config #map-upcoming .config {
  display: block;
}

#map-upcoming .config label {
  display: inline;
}

#map-upcoming .config input {
  margin: 0.25rem 0.5rem 0 0;
}

#map-upcoming th,
#map-upcoming td {
  padding: 0.35rem 0.7rem 0.35rem 0;
}

#map-upcoming td {
  border-top: 1px solid #757575;
}

#map-upcoming td.gform,
#map-upcoming small {
  font-size: 0.75rem;
  display: table-cell;
}

#map-upcoming td.gbutton {
  vertical-align: middle;
}

#map-upcoming th {
  font-family: latoregular;
  padding-bottom: 0.15rem;
  /* border-bottom: 2px solid #757575; */
  top: 0;
  position: sticky;
  background-color: #fff;
  vertical-align: bottom;
}

#map-upcoming th::after {
  content: "";
  width: calc(100% + 0.7rem);
  height: 2px;
  background-color: #757575;
  display: block;
  margin-top: 0.25rem;
}

#map-upcoming th:last-of-type,
#map-upcoming td:last-of-type {
  padding-right: 0.25rem;
}

/* Surveys */

.survey .formbody {
  max-width: 900px;
  margin: 0 auto;
}

.survey .widget {
  margin: 4rem 0;
  position: relative;
}

.survey label,
.survey legend {
  margin-top: 0;
}

.survey .formbody div::before,
.survey .formbody>fieldset::before {
  content: "";
  width: 4rem;
  margin-left: -2rem;
  border-top: 0.5rem dotted #ddd;
  top: -2rem;
  left: 50%;
  position: absolute;
}

.survey .formbody>fieldset::before {
  top: 3rem;
}

.survey .formbody div:first-of-type::before,
.survey .formbody div:last-of-type::before,
.survey .formbody>fieldset.multi-choice div::before {
  display: none;
}

.survey .radio_container span {
  display: block;
  margin-left: 0.5rem;
}

.survey .radio_container label {
  margin: 0.5rem 0 0;
}

.survey fieldset.rating {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 2rem;
  counter-reset: rating;
  border: 1px solid #dddddd;
  border-radius: 6px;
}

.survey fieldset.rating legend {
  padding: 0 0.5rem;
}

.survey fieldset.rating legend {
  flex-basis: 100%;
  margin-bottom: 1rem;
}

.survey .rating span label {
  display: none;
}

.survey .rating span:first-of-type,
.survey .rating span:last-of-type {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
}

.survey .rating span:last-of-type {
  flex-direction: row;
}

.survey .rating span:first-of-type label,
.survey .rating span:last-of-type label {
  display: block;
  margin: 0 2rem;
}

.survey span.mandatory {
  display: inline !important;
  margin-left: 0.25rem;
  position: relative;
}

.survey span.mandatory::after {
  content: "Pflichtfeld";
  position: absolute;
  top: -1.75rem;
  left: 50%;
  transform: translateX(-50%);
  overflow: hidden;
  color: #fff;
  background-color: #34a9e1;
  border: 3px solid;
  padding: 0 0.3rem;
  font-size: 1rem;
  border-radius: 8px;
  max-height: 0;
  opacity: 0;
  transition: opacity 0.3s, max-height 0s 0.5s;
}

.survey span.mandatory:hover::after {
  opacity: 1;
  max-height: 2rem;
  transition: opacity 0.3s, max-height 0s;
}

.survey .rating input[type="radio"] {
  position: relative;
}

.survey .rating input[type="radio"]::after {
  counter-increment: rating;
  content: counter(rating);
  position: absolute;
  top: 1.25rem;
}

.survey .formbody>fieldset {
  margin-top: 2rem;
  padding-left: 1rem;
  border-left: 0.5rem solid #ededed;
}

.survey fieldset legend+div.widget {
  margin-top: 1rem;
}

.survey fieldset div:last-of-type {
  margin-bottom: 1rem;
}

.survey button[value="back"] {
  appearance: none;
  background: none;
  border: 0 none;
  cursor: pointer;
  text-decoration: underline;
}

.survey button {
  margin-right: 1rem;
}

.survey .formbody>fieldset.multi-choice {
  border: 0 none;
  padding: 0;
  margin: 0;
  font-family: 'latolight';
  position: relative;
}

.survey .formbody>fieldset.multi-choice .explanation,
.survey .formbody>fieldset.multi-choice .widget-radio {
  margin: 6rem 0 0;
}

.survey .formbody>fieldset.multi-choice strong {
  font-family: 'latoregular';
}

.survey .formbody>fieldset.multi-choice .widget-radio {
  display: grid;
  grid-template-columns: 3fr 1fr 1fr 1fr 1fr 1fr 1fr;
  border-bottom: 1px solid #ccc;
  padding: 0.5rem 0;
  margin: 0;
}

.survey .formbody>fieldset.multi-choice.choices-5 .widget-radio {
  grid-template-columns: 3fr 1fr 1fr 1fr 1fr 1fr;
}

.survey .formbody>fieldset.multi-choice .widget-radio fieldset {
  display: contents;
}

.survey .formbody>fieldset.multi-choice .widget-radio.first {
  border-top: 1px solid #ccc;
  margin-top: 5rem;
}

.survey .formbody>fieldset.multi-choice .radio_container>* {
  grid-row: 1;
  position: relative;
  text-align: center;
}

.survey .formbody>fieldset.multi-choice .radio_container>p.error {
  grid-column: 1;
  position: absolute;
  top: -1rem;
  font-size: 1rem;
  color: red;
  font-family: 'latoregular';
}

.survey .formbody>fieldset.multi-choice .radio_container>legend {
  text-align: left;
}

.survey .formbody>fieldset.multi-choice .widget-radio label {
  display: none;
}

.survey .formbody>fieldset.multi-choice .widget-radio.first label {
  display: block;
  position: absolute;
  width: 100%;
  padding: 0 0.5rem;
  top: -1.5rem;
  transform: translateY(-100%) translateX(-50%);
  left: 50%;
  line-height: 1.2;
}

@media all and (max-width: 766px) {
  .survey .formbody>fieldset.multi-choice .radio_container>legend {
    grid-column: 1 / 8;
    margin-bottom: 0.5rem;
  }

  .survey .formbody>fieldset.multi-choice .radio_container>span {
    grid-row: 2;
  }

  .survey .formbody>fieldset.multi-choice .widget-radio.first label {
    top: -4rem;
    word-break: break-word;
  }

  .survey .formbody>fieldset.multi-choice .widget-radio {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  }

  .survey .formbody>fieldset.multi-choice .widget-radio.first {
    margin-top: 6.5rem;
  }

  .survey .formbody>fieldset.multi-choice.choices-5 .widget-radio {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  }
}


@media all and (max-width: 1609px) {
  .news #main {
    padding-right: calc(33vw + 4.5em);
  }

  /* #right {
    margin-left: -33vw;
    width: 33vw;
  } */
}

@media all and (max-width: 1205px) {
  .nav-main>ul>li {
    padding: 1em 0.75em;
  }

  .nav-main::before {
    top: -0.2rem;
  }

  [class*="nav"] a,
  span.active,
  span.trail {
    letter-spacing: 0;
  }

  #map-filter {
    left: 35%;
    width: 400px;
    height: 230px;
  }

  #popup {
    left: 35%;
  }

  #mapid {
    width: calc(100% - 325px);
  }

  #map-upcoming {
    width: 325px;
  }

  #map-upcoming th.hide,
  #map-upcoming td.hide {
    display: none;
  }
}

@media only screen and (max-width:1100px) {

  #logo a,
  .logo {
    font-size: 1.3em;
  }

  .nav-main>ul>li {
    vertical-align: bottom;
    padding: 0.75em 0.75em;
  }

  .nav-main::before {
    top: -0.5rem;
  }

  .nav-side li.submenu ul {
    margin: 1em -1em calc(4px - 1em);
  }

  /* #header-image {
      margin-bottom: -9.4em;
      padding-top: 9.4em;
  } */

  #header .inside::after {
    height: 9.4em;
  }

  .aside #main {
    padding-right: calc(300px + 3em);
  }

  .aside .col-1-2-elem {
    width: 100%;
    float: none;
  }

  #mapid {
    top: 130px;
  }
}

@media only screen and (max-width:925px) {

  .news #main,
  #left,
  #right {
    float: none;
    width: auto;
    padding-right: 0;
    margin: 0;
    padding: 0;
  }

  #left,
  #right {
    padding: 0 3rem 3rem;
  }

  #right,
  .unpin #right {
    position: relative;
    clear: both;
    top: 0;
  }

  .inner-art-wrapper>div {
    padding: 0 3rem 3rem;
  }

  .participants,
  table.group-overview {
    margin-right: 0;
  }

  #header-image .inner-art-wrapper>div {
    padding: 0;
  }

  #mapid,
  #map-upcoming {
    top: 106px;
  }

  #map-filter {
    left: 30%;
  }

  a.ausbildung-link {
    margin-top: 3.5em;
  }

  a.ausbildung-link::before,
  a.ausbildung-link:hover::before {
    transform: scale(0.5);
    transform-origin: bottom;
    top: -7em;
  }

  .ausbildung-info {
    margin: 4em;
  }

  .aside #main {
    padding-right: 0;
  }

  #container {
    padding-top: 0;
  }

  .col-1-3,
  .mod_newslist.col-1-3>div {
    /* width: calc(50% - 1.5em);
    margin-right: 3em; */
    width: 100%;
  }

  #aktuell .mod_newslist.col-1-3>div {
    /* height: calc(12em + 40vw); */
    max-height: none;
    padding: 2rem 0;
    border-top: 1px solid #9c9c9d;
  }

  #aktuell .mod_newslist.col-1-3>div:first-of-type {
    border-top: 0 none;
    padding-top: 0;
  }

  #aktuell .mod_newslist.col-1-3>div:nth-child(3n+4):before {
    display: none;
  }

  .col-1-3>*:nth-of-type(2n) {
    margin-right: 0;
  }

  .col-1-2>* {
    width: calc(60% - 2em);
  }

  .col-1-2>*:nth-of-type(2n+1) {
    width: calc(40% - 2em);
  }

  .footer>div,
  .footer .footer-news {
    width: 33.3%;
    display: inline-block;
  }

  .mod_article.left-50 {
    margin-right: 2em;
  }

  .mod_article[class*="50"] {
    width: calc(50% - 1em);
  }

  #logo {
    padding: 1rem 3rem 1.75rem;
  }

  #logo::after {
    width: 2.5rem;
    height: 2.5rem;
  }

  .no-header-image #logo::after {
    bottom: 0.45rem;
  }

  #wrapper {
    transition: all 0.5s;
  }

  #header-image {
    /* margin-bottom: -4.8em; */
    padding-top: 5em;
  }

  #header .inside::after {
    height: 4.9em;
  }

  #header-image h2 {
    margin-top: 0;
    font-size: 1.8em;
  }
}

@media only screen and (max-width:767px) {
  body {
    font-size: 1em;
  }

  .nav-main {
    padding: 0 1.5rem;
  }

  .zitat>p:first-child::before {
    padding-bottom: 3.2rem;
  }

  #header-image {
    padding-top: 6em;
  }

  #header-image>div {
    height: 36vw;
  }

  #header-map>div {
    max-height: 120vh;
    height: 700px;
  }

  #mapid {
    top: 99px;
    width: 100%;
    bottom: 27.5%;
    /* bottom: 20%; */
  }

  #map-filter {
    left: 50%;
    top: 37.5%;
    width: 60%;
  }

  #popup {
    left: 50%;
    top: 45%;
  }

  #map-upcoming {
    top: 72.5%;
    /* top: 80%; */
    left: 0;
    right: 0;
    width: 100%;
    border: 2px solid rgba(0, 0, 0, 0.2);
    border-width: 2px 0;
  }

  #map-upcoming h4 {
    text-align: center;
  }

  #map-upcoming th.hide,
  #map-upcoming td.hide {
    display: table-cell;
  }

  #container {
    padding-top: 0;
  }

  .col-1-2>*,
  .col-1-2>*:nth-of-type(2n+1) {
    width: 100%;
    margin-right: 0;
  }

  .ce_image {
    margin-bottom: 2em;
  }

  .footer>div,
  .footer .footer-news {
    width: 50%;
  }
}

@media only screen and (max-width:700px) {
  #parent {
    position: static;
  }

  #parent>.custom {
    position: absolute !important;
    top: 0;
    right: 0;
  }

  #logo {
    padding: 1rem 1.5rem 1rem 5.5rem;
    text-align: left;
  }

  #logo::after {
    left: 1.5rem;
    transform: translate(0);
    top: 1.5rem;
    opacity: 1;
    transition: opacity 0.5s;
  }

  .show-menu #logo::after {
    opacity: 0;
  }

  #header-image {
    padding-top: 5rem;
  }

  #mapid {
    top: 87px;
  }

  .mod_article {
    padding: 1.5rem 0 0;
  }

  #main>.inside>div:first-child,
  .mod_article.grey,
  .mod_article.grey+.mod_article {
    padding: 3rem 0;
  }

  .ce_text:not(.ce_accordion),
  .ce_downloads,
  .inner-art-wrapper>div,
  #left,
  #right {
    padding: 0 1.5rem 1.5rem;
  }

  form.anmeldung {
    padding: 1.5rem;
  }

  .col-2-4 {
    padding: 0 1.5rem 1.5rem;
    width: 100%;
  }

  .mod_newslist.col-1-3>div {
    padding: 0 1.5rem 1.5rem;
  }

  .ce_text.text-col-2 {
    column-count: 1;
  }

  .line {
    padding: 1rem 1.5rem 3rem;
  }

  .line::before {
    left: 1.5rem;
    right: 1.5rem;
  }

  .col-1-3>*,
  .col-1-3>*:nth-of-type(3n),
  .col-1-3>*:nth-of-type(2n) {
    width: 100%;
    margin-right: 0;
  }

  .mod_article.left-50 {
    margin-right: 0;
  }

  .mod_article[class*="50"] {
    width: 100%;
  }

  #map {
    padding-top: 2em;
  }

  .ausbildung-info {
    margin: 4em 0;
  }

  html.show-menu {
    overflow: hidden;
  }

  .show-menu body {
    overflow: hidden;
    position: relative;
  }

  .show-menu #wrapper {
    margin-left: -300px;
    margin-right: 300px;
  }

  #screen {
    position: fixed;
    top: 0;
    bottom: 100%;
    left: 0;
    right: 0;
    background-color: rgba(255, 255, 255, 0.8);
    /* background-color: rgba(0, 0, 0, 0.5); */
    opacity: 0;
    z-index: -100;
    transition: opacity 0.6s, bottom 0s 0.6s;
  }

  .show-menu #screen {
    opacity: 1;
    /* z-index: -30; */
    bottom: 0;
    transition: opacity 0.6s, bottom 0s 0s;
  }

  .nav-main {
    position: absolute;
    z-index: 200;
    display: block;
    right: 0;
    width: 7rem;
    transition: width 0.5s, right 0.5s, height 0s 0.5s;
    font-size: 1em;
    top: 0;
    height: 3rem;
    overflow: hidden;
    background-color: transparent;
    transform: translateY(0) !important;
    padding: 0;
  }

  .show-menu .nav-main {
    width: calc(300px + 7rem);
    right: -300px;
    height: 100vh;
    transition: width 0.5s, right 0.5s, height 0s;
  }

  .nav-main:after {
    content: "";
    display: table;
    float: none;
  }

  .nav-main>ul>li {
    display: block;
    text-align: left;
    position: relative;
    border-bottom: 3px solid #fff;
    /* border-left: 3px solid #fff; */
    float: none;
    padding: 0.5em 1em !important;
    margin: 0 !important;
    max-width: none;
    min-height: 0;
    width: auto !important;
    background-image: none;
    /* background-color: #11b0b1; */
  }

  .nav-main>ul>li:last-of-type {
    border-bottom: 0 none;
  }

  /* .nav-main > ul > li.elem-1 {
      background-color: #6baf2d;
  } */

  /* .nav-main > ul > li.elem-2 {
      background-color: #b26c23;
  } */

  /* .nav-main > ul > li.elem-3 {
      background-color: #be9835;
  } */

  /* .nav-main > ul > li.elem-4 {
      background-color: #00a74f;
  } */

  .nav-main.hover li.submenu ul {
    height: auto;
    opacity: 1;
    top: 0.5em;
    background-color: transparent;
    border: 0 none;
  }

  .nav-main .level_2 li {
    padding: 0.4em 0 0.4em 1.5em;
    border-width: 1px 0 0;
  }

  [class*="nav"] li.active,
  [class*="nav"] li.trail {
    background-color: #34a9e1;
  }

  .nav-main a,
  span.active,
  span.trail {
    display: block;
    padding: 0.2em 0;
    /* width: 75%; */
    height: auto;
  }

  .nav-main .burger {
    display: block;
    position: absolute;
    top: 0.85rem;
    right: 1.5rem;
    margin: 0;
    z-index: 10;
    border: 1px solid;
    border-radius: 5px;
    -webkit-appearance: none;
    appearance: none;
    font-size: 1.2rem;
    outline: 0 none;
    cursor: pointer;
    background-color: #6e6e6e;
    padding: 0.15rem 0.4rem 0.2rem;
    font-family: latoregular;
    color: #fff;
    transition: all 0.5s;
  }

  .show-menu .nav-main .burger {
    border-color: #6e6e6e;
  }

  .burger:before {
    content: "\2261";
    font-family: Verdana, Arial, sans;
    padding-right: .05em;
    line-height: 1;
    font-size: 1.2em;
  }

  .show-menu .burger:before {
    content: "×";
  }

  .submenu .burger {
    display: none;
  }

  .submenu .burger:before,
  .submenu.trail .burger.active:before {
    content: "";
    display: none;
  }

  .submenu .burger.active:before,
  .submenu.trail .burger:before {
    content: "\25B2";
  }

  nav:after {
    content: "";
    clear: both;
    display: table;
  }

  .nav-main ul,
  .nav-main li.submenu ul,
  .nav-main .submenu.trail .burger.active+ul {
    padding: 0;
    display: block;
    margin: 0;
    position: relative;
    perspective: none;
    z-index: 10;
    transform: none;
    background-image: none;
  }

  .nav-main ul.level_3,
  .nav-main.hover li.submenu:hover ul.level_3 {
    display: block;
  }

  .nav-main ul.level_3 li {
    padding-left: 1.5em;
  }

  .nav-main>ul {
    height: 100vh;
    background-color: #6e6e6e;
    border: 0 none;
    overflow: hidden;
    margin-left: 7rem;
    width: 300px;
    padding-bottom: 3rem;
  }

  .show-menu .nav-main>ul {
    border-left: 3px solid #fff;
    overflow-y: auto;
  }

  .submenu ul,
  .submenu.trail .burger.active+ul {
    margin-top: 0;
  }

  .nav-main .level_2 a {
    padding: .12em 0;
    width: 100%;
    white-space: normal !important;
  }

  .burger.active+ul,
  .nav-main li.submenu .burger.active+ul,
  .nav-main .submenu.trail ul {
    max-height: 50em;
  }

  .nav-main::before {
    display: none;
  }
}

@media only screen and (max-width:650px) {

  .survey .rating span:first-of-type label,
  .survey .rating span:last-of-type label {
    margin: 0 1rem;
    max-width: 5rem;
    text-align: center;
  }

  #map-filter {
    height: 250px;
  }

  .caption-slide {
    flex-flow: column;
  }

  .caption-slide button {
    flex-grow: 0;
    margin: 0.25rem auto;
    display: block;
    padding: 0.5rem 1rem 1rem 2.5rem !important;
  }
}

@media only screen and (max-width:560px) {
  #logo {
    font-size: 0.8rem;
    padding: 1rem 4rem 0.5rem 5rem;
    background-color: #6e6e6e;
    min-height: 5.25rem;
    transition: background-color 0.5s;
  }

  .show-menu #logo {
    background-color: transparent;
  }

  #logo::after {
    top: 1.1rem;
  }

  #header-image {
    padding-top: 5.25em;
  }

  #mapid {
    top: 5.25rem;
  }

  #map-filter {
    width: auto;
    top: 115px;
    bottom: 300px;
    transform: none;
    left: 0.6rem;
    right: 0.6rem;
    height: auto;
    max-width: none;
  }

  button.close-button {
    color: #34a9e1;
    opacity: 1;
    font: normal 1.5em/1.46 'latobold', sans-serif;
    top: 0;
    right: 0.5rem;
  }

  .caption-slide {
    padding-top: 1rem;
  }

  .caption-slide button {
    padding: 0.25rem 0.5rem 0.5rem 2.5rem !important;
  }

  .nav-main .burger {
    font-size: 1.1rem;
  }

  #footer .mod_article>h2 {
    line-height: 1.46;
    font-size: 1.6em;
  }

  h1 {
    font-size: 1.5em;
    /* margin-bottom: 0; */
  }

  .mod_article {
    padding: 1em 0;
  }

  #footer .mod_article {
    padding: 2em 0;
  }

  .mod_newslist.col-1-3 {
    margin-top: 1.5em;
  }

  #header-image h2 {
    font-size: 1.5em;
  }

  figure.float_right {
    margin: 0 0 1em !important;
    float: none;
    width: 100%;
    text-align: center;
    max-width: none !important;
  }
}

@media only screen and (max-width:450px) {

  .headroom--not-top #logo a,
  #logo a {
    transform: scale(0.9);
    transform-origin: left bottom;
    line-height: 1.1;
  }

  #header-image>div {
    height: 60vw;
  }

  .survey .rating span:first-of-type label {
    margin: 0 0.25rem 0 0;
    max-width: 4rem;
  }

  .survey .rating span:last-of-type label {
    margin: 0 0 0 0.25rem;
    max-width: 4rem;
  }

  .footer {
    margin-bottom: 1em;
  }

  .footer>div,
  .footer .footer-news {
    width: 100%;
    padding: 0;
    margin: 0 0 2em;
  }

  .footer p {
    margin-bottom: 0;
  }

  .logo {
    text-align: center;
    width: 100%;
  }

  .footer h4 {
    text-align: center;
  }

  .show-menu #wrapper {
    margin-left: -250px;
    margin-right: 250px;
  }

  .show-menu .nav-main {
    width: calc(250px + 7em);
    right: -250px;
  }

  .nav-main>ul {
    width: 250px;
  }

  .nav-main>.burger {
    text-indent: 10em;
    overflow: hidden;
    width: 2em;
    height: 1.9em;
    left: 3em;
  }

  .show-menu .nav-main .burger {
    left: 3.4em;
  }

  .nav-main>.burger:before {
    position: absolute;
    top: -0.01em;
    right: 0.15em;
    font-size: 1.7em;
    padding-right: 0;
  }

  .line {
    background-color: initial;
  }

  .line::before {
    top: 3rem;
  }

  .ausbildung-info a {
    font-size: 1.3em;
  }

  a.ausbildung-link::before,
  a.ausbildung-link:hover::before {
    top: -8.75em;
    right: -2em;
  }

  a.ausbildung-anmeldung::before {
    left: 0;
  }

  form.anmeldung {
    padding: 0;
    border: 0 none;
  }

  #map-upcoming h4 {
    letter-spacing: 0;
    font-size: 0.9rem;
  }

  #map-upcoming th.hide,
  #map-upcoming td.hide {
    display: none;
  }

  .leaflet-touch .leaflet-control-layers,
  .leaflet-touch .leaflet-bar {
    max-width: calc(100vw - 5rem);
  }

  .pop .leaflet-control-container {
    display: none;
  }
}

@media only screen and (max-width:360px) {
  #header-image {
    padding-top: 8.75em;
  }

  #logo {
    padding: 0.9rem 3.75rem 0.7rem 4rem;
    font-size: 0.7rem;
    min-height: 4.75rem;
  }

  #logo::after {
    height: 1.9rem;
    width: 1.9rem;
    left: 1rem;
  }

  .nav-main>.burger {
    left: 3.75rem;
  }

  #mapid {
    top: 4.75rem;
  }

  #header-image {
    padding-top: 4.75em;
  }

  #map-filter {
    top: 150px;
  }
}

@media all and (max-height: 650px) {
  #header-map>div {
    min-height: 500px;
    max-height: unset;
    /* height: 510px; */
  }

  .leaflet-popup-pane,
  .popup-container {
    font-size: 10.8px;
  }

  .leaflet-popup-content p,
  .popup-containerp,
  .leaflet-popup-content .form,
  .popup-container .form {
    padding: 0.25rem 0.75rem;
  }
}