/**
 *  Media queries
 */
/**
 * Colors
 */
/**
 * Units
 */
/* pixel value */
/**
 * Mixins
 */
/*.fontSecondary {
    font-family: 'Saluti Script One', sans-serif;
    font-weight: @fontnorm;
    font-size: 2em;
    line-height: .5;
    text-transform: none;
    color: @2ndcolor;
    display: inline-block;
    padding-left: @grid-padding/4;
    padding-right: @grid-padding/4;
}*/
.resetShadow {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
/*.borderGradient(@startColor: @bgcolor, @endColor: @white) {
	-webkit-border-image: -webkit-gradient(linear, 0 0, 0 100%, from(@startColor), to(@endColor)) 1 100%;
	-webkit-border-image: -webkit-linear-gradient(@startColor, @endColor) 1 100%;
	-moz-border-image: -moz-linear-gradient(@startColor, @endColor) 1 100%;
	-o-border-image: -o-linear-gradient(@startColor, @endColor) 1 100%;
	border-image: linear-gradient(to right, @startColor, @endColor) 1 100%;
}*/
.list-checkmark {
  padding-left: 0;
  list-style: none;
  padding: 0 !important;
  overflow: visible !important;
}
.list-checkmark > li {
  padding-left: 3em;
  text-indent: -1.5em;
}
.list-checkmark > li:before {
  content: "\e906";
  padding-right: 1.5em;
  display: inline-block;
}
.list-checkmark > li {
  padding-left: 2.5em;
  text-indent: -1.25em;
}
.list-checkmark > li:before {
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  padding-right: 0.675em;
  font-size: 1.5em;
  line-height: inherit;
  color: #00cc33;
  top: 4px;
  position: relative;
}
/*.list-kkh {
	.listCustom("•");
	padding: 0 !important; // TYPO3 specific overwrite
	overflow: visible !important; // TYPO3 specific overwrite
	> li {
        padding-left: 1.5em; //2.5em;
        text-indent: -0.6em; //-1.25em;

		&:before {
			.icon;
			padding-right: 0.6em;
			font-size: 1em; //1.5em;
			line-height: inherit;
			color: @1stcolor; //@2ndcolor;
			top: 0; //6px;
			position: relative;
        }
        &:first-child {
            font-size: 1.2rem;
            font-weight: @fontbold;
            padding-left: 2.0em; //2.5em;
            text-indent: -0.85em; //-1.25em;
            &:before {
                content: "@{icon-next-button}";
                color: @2ndcolor;
                top: 2px; //6px;
                padding-right: 0.675em;
            }
        }
	}
}*/
/**
 *	Triangle main configuration
 *
// Via CSS (:before), fixed height needed!
.triangleConfig(@bdheight: 50, @bdcolor: @white) {
	content: "";
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 @bdheight*1px @bdheight*1px @bdheight*1px;
	border-color: transparent transparent @bdcolor transparent;
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -@bdheight*1px;
	z-index: 1000;
}*/
/*
// Via CSS (https://css-tricks.com/examples/ShapesOfCSS/), responsiveness through jQuery (http://stackoverflow.com/a/17826058)
.triangle {
	width: 0;
	height: 0;
	border-bottom: 0px solid @bgcolor;
	border-left: 0px solid transparent;
	position: absolute;
	top: 0;
	right: 0;
	pointer-events: none;
	display: none; // Gets shown after js resize

	//&.triangle-white { border-bottom-color: @white }
}
// Via svg file (object), dynamic height
.triangle-gradient {
	position: absolute;
	top: -2.5px; //-0.5px;
	right: -0.5px;
	height: 0;
	width: 0;
	background: transparent url("../img/triangle-gradient.svg") no-repeat center center;
	background-size: 100% 100%;
	display: none; // Gets shown after js resize
}*/
/*.bgTransparent(@colorIndex) when (@colorIndex = 0) {
	color: @1stcolor;
	background-color: rgba(255, 255, 255, 0.8); // @white
}
.bgTransparent(@colorIndex) when (@colorIndex = 2) {
	color: @white;
	background-color: rgba(30, 50, 88, 0.8); // @2ndcolor
}

.bgColor {
	color: @white;

	&.bg-grey {
		color: @1stcolor;
		background-color: @bgcolor;
	}
	&.bg-purple { background-color: @2ndcolor }
	&.bg-yellow { background-color: @3rdcolor }
}

.bgColorChild {
	> div { color: @white }

	&.bg-grey > div {
		color: @1stcolor;
		background-color: @bgcolor;
	}
	&.bg-purple > div { background-color: @2ndcolor }
	&.bg-yellow > div { background-color: @3rdcolor }
}*/
/*
 * Flag for language menu
 * Source: https://github.com/lipis/flag-icon-css
 * Usage: <span class="flag-icon flag-icon-de"></span>
 *
.flag-icon-background {
	//background-size: 100% 100%;
	//background-position: 50%;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
}
.flag-icon {
	.flag-icon-background;
	position: relative;
	display: block;
	//width: unit((16 / 9), em);
	//line-height: 20px;
	width: 24px;
	height: 24px;
	text-indent: -9999px;
	//&:before { content: "\00a0" }
	.disabled & {
		opacity: .4;
	}
}
.flag-icon(@country) {
	.flag-icon-@{country} {
		background-image: url("../flags/@{country}.svg");
	}
}
.flag-icon(de);
.flag-icon(gb);
.flag-icon(en);*/
/**
 * Fonts
 */
@font-face {
  font-family: 'icomoon';
  src: url('/typo3conf/ext/sf_template/Resources/Public/fonts/icomoon.eot?nua6co');
  src: url('/typo3conf/ext/sf_template/Resources/Public/fonts/icomoon.eot?nua6co#iefix') format('embedded-opentype'), url('/typo3conf/ext/sf_template/Resources/Public/fonts/icomoon.ttf?nua6co') format('truetype'), url('/typo3conf/ext/sf_template/Resources/Public/fonts/icomoon.woff?nua6co') format('woff'), url('/typo3conf/ext/sf_template/Resources/Public/fonts/icomoon.svg?nua6co#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
.icon {
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  position: relative;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-questions:before {
  content: "\e923";
}
.icon-back-button:before {
  content: "\e91e";
}
.icon-down-button:before {
  content: "\e91f";
}
.icon-next-button:before {
  content: "\e920";
}
.icon-plus-circle:before {
  content: "\e921";
}
.icon-up-button:before {
  content: "\e922";
}
.icon-pdf:before {
  content: "\e91d";
}
.icon-info:before {
  content: "\e924";
}
.icon-instagram-square:before {
  content: "\e92d";
}
.icon-quote:before {
  content: "\e925";
}
.icon-smiley:before {
  content: "\e91a";
}
.icon-facebook-thin:before {
  content: "\e918";
}
.icon-instagram-thin:before {
  content: "\e919";
}
.icon-down:before {
  content: "\e917";
}
.icon-star:before {
  content: "\e913";
}
.icon-print:before {
  content: "\e914";
}
.icon-text:before {
  content: "\e915";
}
.icon-user:before {
  content: "\e916";
}
.icon-search:before {
  content: "\e907";
}
.icon-back-thin:before {
  content: "\e910";
}
.icon-next-thin:before {
  content: "\e912";
}
.icon-like:before {
  content: "\e90c";
}
.icon-envelope:before {
  content: "\e90d";
}
.icon-phonecall:before {
  content: "\e90e";
}
.icon-up:before {
  content: "\e90f";
}
.icon-placeholder:before {
  content: "\e900";
}
.icon-play:before {
  content: "\e901";
}
.icon-back:before {
  content: "\e902";
}
.icon-shield:before {
  content: "\e903";
}
.icon-money:before {
  content: "\e904";
}
.icon-next:before {
  content: "\e905";
}
.icon-checkmark:before {
  content: "\e906";
}
.icon-arrow-down:before {
  content: "\e91b";
}
.icon-instagram:before {
  content: "\ea92";
}
.icon-twitter:before {
  content: "\ea96";
}
.icon-facebook:before {
  content: "\ea90";
}
.icon-linkedin:before {
  content: "\eaca";
}
.icon-xing:before {
  content: "\ead4";
}
.icon-youtube:before {
  content: "\ea9d";
}
.icon-remove:before {
  content: "\e911";
}
.icon-youtube-square:before {
  content: "\e908";
}
.icon-lock:before {
  content: "\e909";
}
.icon-facebook-square:before {
  content: "\e90a";
}
.icon-xing-square:before {
  content: "\e90b";
}
@media (min-width: 992px) {
  .is-fillwidth-container {
    margin-left: -40px !important;
    margin-right: -40px !important;
  }
}
@media (min-width: 1440px) {
  .is-fillwidth-container {
    margin-left: -120px !important;
    margin-right: -120px !important;
  }
}
@media (min-width: 1920px) {
  .is-fillwidth-container {
    margin-left: -240px !important;
    margin-right: -240px !important;
  }
}
html,
body {
  width: 100%;
  overflow-x: hidden;
}
html {
  position: relative;
  font-size: 100%;
  /* für Full Slider */
  /* für Footer benötigt */
  /*min-height: 100%;*/
}
body {
  font-weight: 400;
  line-height: 2;
}
@media (max-width: 767px) {
  body {
    font-size: 16px;
  }
}
img {
  /* All images responsive by default instead of class .img-responsive */
  display: block;
  height: auto;
  max-width: 100%;
}
.eugstars img {
  display: inline-block;
  height: auto;
  max-width: 100%;
}
object {
  max-width: 100%;
  display: block;
  height: auto;
  position: relative;
}
.fullwidth {
  width: 100%;
  max-width: none;
}
figcaption {
  font-size: 14px;
  color: #969595;
  margin-top: 20px/4;
  line-height: 1.2;
}
/*a {
	//color: @2ndcolor;
	//text-decoration: none;
}
a:hover,
a:focus {
	//color: @3rdcolor;
	//text-decoration: underline;
	//outline: none;
}*/
/*a {
    &[href^="mailto:"], &[href^="javascript:linkTo_UnCryptMailto"], &[href^="tel:"] {
        //color: @1stcolor;
        &:before {
            .icon;
            content: @icon-envelope;
            color: @2ndcolorlight;
            //line-height: 1.42857143;
            margin-right: @grid-padding/2;
            font-size: 120%;
            text-decoration: none !important;
            overflow: hidden; // because of text-decoration
            position: relative;
            top: 3px;
        }
    }
    &[href^="tel:"] {
        &:before {
            content: @icon-phonecall;
        }
    }
}*/
/*a.cc-link { color: @2ndcolor !important; }
a.cc-btn {
	color: @white !important;
	text-decoration: none;
	padding: 12px 24px;
	//border: 1px solid #1a7eee !important;
	//.borderRadius();
	.bgshadow(@width: @grid-padding);
}
.cc-floating {
	border: 1px solid @white; //darken(@2ndcolordark, 10%);
	//.bg-gradient;
}*/
/* Home Slideshow: remove dotted outline from active slide */
div,
a,
img,
a:focus,
a:active,
a:hover,
.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
  outline: 0;
}
button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
select::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner {
  outline: 0;
}
/* IE specific removal, because above code does not work in IE (11) */
.slick-active {
  outline: 0 !important;
}
/* for SVG */
a.svg {
  position: relative;
  display: inline-block;
}
a.svg:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
object {
  pointer-events: none;
}
iframe {
  border: 0;
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  line-height: 1.2;
  margin-top: 0;
  margin-bottom: 20px;
  padding: 0;
  font-weight: 900;
  font-size: 18px;
  /*&:after {
		display: block;
		content: "";
		width: 50px;
		border-bottom: 2px solid @3rdcolor;
		margin-top: 25px;
	}*/
}
h1 + div.text-muted *,
h2 + div.text-muted *,
h3 + div.text-muted *,
h4 + div.text-muted *,
h5 + div.text-muted *,
h6 + div.text-muted *,
.h1 + div.text-muted *,
.h2 + div.text-muted *,
.h3 + div.text-muted *,
.h4 + div.text-muted *,
.h5 + div.text-muted *,
.h6 + div.text-muted *,
h1 + div.text-muted,
h2 + div.text-muted,
h3 + div.text-muted,
h4 + div.text-muted,
h5 + div.text-muted,
h6 + div.text-muted,
.h1 + div.text-muted,
.h2 + div.text-muted,
.h3 + div.text-muted,
.h4 + div.text-muted,
.h5 + div.text-muted,
.h6 + div.text-muted {
  padding-bottom: 0;
  margin-bottom: 0;
  line-height: 1.2;
  font-weight: 300;
  color: #706f6f;
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a,
.h1 a,
.h2 a,
.h3 a,
.h4 a,
.h5 a,
.h6 a {
  color: #706f6f;
}
h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover,
.h1 a:hover,
.h2 a:hover,
.h3 a:hover,
.h4 a:hover,
.h5 a:hover,
.h6 a:hover,
h1 a:focus,
h2 a:focus,
h3 a:focus,
h4 a:focus,
h5 a:focus,
h6 a:focus,
.h1 a:focus,
.h2 a:focus,
.h3 a:focus,
.h4 a:focus,
.h5 a:focus,
.h6 a:focus {
  color: #706f6f;
  text-decoration: none;
}
h1,
.h1 {
  font-size: 30px;
  /*span {
        .fontSecondary;
    }*/
  /*& + .text-muted {
        font-size: 21px;
    }*/
}
h2,
.h2 {
  font-size: 24px;
  /*span {
        .fontSecondary;
    }*/
  /*& + .text-muted {
        font-size: 18px;
    }*/
  font-weight: 300;
}
h4,
.h4 {
  font-weight: 400;
  line-height: 1.7;
}
/*h3, .h3, h4, .h4 {
    font-size: 21px;
    //font-weight: @fontextrabold;
    /*span {
        .fontSecondary;
    }*
    & + .text-muted {
        font-size: 18px;
    }
}*/
header.has-subheader {
  margin-bottom: 20px;
  /*.text-muted {
            .fontSecondary;
		}*/
}
header.has-subheader h1,
header.has-subheader h2,
header.has-subheader h3,
header.has-subheader h4 {
  margin-bottom: 0;
}
.frame-type-header h1,
.frame-type-header h2,
.frame-type-header h3,
.frame-type-header h4 {
  margin-bottom: 0;
}
/*@media (max-width: 639px) {
	h1, .h1, h2, .h2 { font-size: 24px } // 36
	h3, .h3 { font-size: 18px } // 24
}*/
/*@media (max-width: @screen-xs-max) {
    header {
        &.has-decoration {
            margin-bottom: @grid-padding;
        }
    }
}*/
@media (min-width: 992px) {
  h1,
  .h1 {
    font-size: 36px;
    /*& + .text-muted {
            font-size: 24px;
        }*/
  }
  h2,
  .h2 {
    font-size: 30px;
    /*& + .text-muted {
            font-size: 21px;
        }*/
  }
  h3,
  .h3 {
    font-size: 24px;
    /*& + .text-muted {
            font-size: 18px;
        }*/
  }
  h4,
  .h4 {
    font-size: 20px;
  }
  /*header {
		&.has-subheader {
			.text-muted {
				padding-bottom: @grid-padding-2x;
			}
		}
	}*/
}
/*@media (min-width: @screen-md) {
	header {
		&.has-subheader {
			.text-muted {
				padding-bottom: @grid-padding-3x;
			}
		}
	}
}*/
/*@media (min-width: @screen-lg) {
	h1, .h1, h2, .h2 { font-size: 36px }
	h3, .h3, h4, .h4 { font-size: 24px }
}*/
@media (min-width: 1440px) {
  h1,
  .h1 {
    font-size: 42px;
    /*& + .text-muted {
            font-size: 30px;
        }*/
  }
  h2,
  .h2 {
    font-size: 36px;
    /*& + .text-muted {
            font-size: 24px;
        }*/
  }
  h3,
  .h3 {
    font-size: 27px;
    /*& + .text-muted {
            font-size: 21px;
        }*/
  }
  h4,
  .h4 {
    font-size: 24px;
  }
}
@media (min-width: 1920px) {
  h1,
  .h1 {
    font-size: 54px;
    /*& + .text-muted {
            font-size: 30px;
        }*/
  }
  h2,
  .h2 {
    font-size: 42px;
    /*& + .text-muted {
            font-size: 24px;
        }*/
  }
  h3,
  .h3 {
    font-size: 32px;
    /*& + .text-muted {
            font-size: 21px;
        }*/
  }
  h4,
  .h4 {
    font-size: 27px;
  }
}
b,
strong,
.font-bold {
  font-weight: 900;
}
small,
.small {
  font-size: 14px;
}
p,
ul,
ol {
  margin-bottom: 20px;
}
p.h1,
p.h2,
p.h3,
p.h4,
p.h5,
p.h6 {
  padding-bottom: 0;
}
/*hr { border-top-color: @bordercolor }
.table thead tr {
	color: @white;
	background-color: @2ndcolor;
}*/
/*.font-secondary {
    .fontSecondary;
}*/
.important {
  color: #0085be;
  font-weight: 900;
}
.colored-primary,
.color-1 {
  color: #0085be !important;
}
.colored-secondary,
.color-2 {
  color: #ff8a00 !important;
}
.colored-default {
  color: #706f6f !important;
}
.colored-white {
  color: #fff !important;
}
.bg-white {
  background: #fff !important;
}
.teaser {
  font-size: 1.2em;
  display: block;
}
.text-center,
.align-center {
  text-align: center;
}
.text-center object,
.align-center object,
.text-center img,
.align-center img {
  margin: 0 auto;
}
.align-right {
  text-align: right;
}
.align-left {
  text-align: left;
}
.text-right {
  text-align: left;
}
@media (min-width: 768px) {
  .ce-headline-center {
    margin-left: calc(41.333% + 20px);
  }
  .ce-headline-right {
    text-align: right;
  }
  .text-right {
    text-align: right;
  }
}
.clearfix {
  display: table;
  content: " ";
  clear: both;
}
.label {
  padding: 2.5px 7.5px;
}
u {
  text-decoration: none;
  border-bottom: 4px solid #ff8a00;
}
blockquote {
  padding: 1em 0 0 4em;
  margin-bottom: 60px;
  font-size: 1.2em;
  border-left: 0 none;
  position: relative;
  /*&:after, */
}
blockquote p {
  display: inline;
}
blockquote:before {
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  position: relative;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e925";
  font-size: 3em;
  color: #0085be;
  position: absolute;
  left: 0;
  top: 0;
}
blockquote .citation-author {
  font-size: 0.8em;
  line-height: 0.5;
}
blockquote .citation-author b,
blockquote .citation-author strong {
  display: block;
  margin-top: 20px;
}
blockquote .citation-author:before {
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  position: relative;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e91c";
  font-size: 0.5em;
  top: -1em;
  margin-left: 0.5em;
}
@media (min-width: 1920px) {
  blockquote {
    margin-bottom: 80px;
  }
}
/*.multilinePaddedText { // https://css-tricks.com/multi-line-padded-text/
    display: inline;
    background-color: @white;
    //color: white;
    //padding: @grid-padding/8 @grid-padding/2;
    //line-height: 1.75;
    // box-shadow: 5px 0 0 black, -5px 0 0 black;
    -webkit-box-decoration-break: clone;
    -moz-box-decoration-break: clone;
    box-decoration-break: clone;
}*/
p[class*="block-"]:not([class*="block-inline-"]) {
  padding: 20px/2 20px;
}
.block-white {
  background-color: #fff;
}
.block-grey {
  background-color: #ebeaeb;
}
.block-default {
  background-color: #706f6f;
}
.block-primary,
.block-default {
  background-color: #0085be;
  color: #fff;
}
.block-primary h1,
.block-default h1,
.block-primary h2,
.block-default h2,
.block-primary h3,
.block-default h3,
.block-primary h4,
.block-default h4,
.block-primary .h1,
.block-default .h1,
.block-primary .h2,
.block-default .h2,
.block-primary .h3,
.block-default .h3,
.block-primary .h4,
.block-default .h4,
.block-primary .important,
.block-default .important {
  color: #fff;
}
.block-primary a:not(.btn),
.block-default a:not(.btn) {
  color: #fff;
  text-decoration: underline;
  /*&[href^="mailto:"], &[href^="javascript:linkTo_UnCryptMailto"], &[href^="tel:"] {
            text-decoration: none;
            &:before {
                color: @white;
            }
            &:hover, &:focus {
                text-decoration: underline;
            }
        }*/
}
.block-primary .btn-primary,
.block-default .btn-primary {
  background-color: #fff;
  color: #0085be;
}
.block-primary .btn-primary:focus,
.block-default .btn-primary:focus,
.block-primary .btn-primary.focus,
.block-default .btn-primary.focus,
.block-primary .btn-primary:hover,
.block-default .btn-primary:hover,
.block-primary .btn-primary:active,
.block-default .btn-primary:active,
.block-primary .btn-primary.active,
.block-default .btn-primary.active {
  background-color: #f7f7f7;
  border-color: #f7f7f7;
}
p a:not(.btn) {
  text-decoration: underline;
}
.block-inline-default,
.block-inline-primary {
  color: #fff;
  background-color: #706f6f;
  padding: 20px/8 20px/2;
  line-height: 1.75;
  margin-left: -20px/2;
}
.block-inline-default:after,
.block-inline-primary:after {
  content: " ";
  display: inline-flex;
  margin-bottom: 30px;
}
.block-inline-primary {
  background-color: #0085be;
}
/*.block-primary, .row-gridelements.bg-primary {
	/*h1, h2, h3, h4,
    .h1, .h2, .h3, .h4 {
        color: @white;
    }*
    a:not(.btn) {
        color: @white;
        text-decoration: underline;
    }
    .ce-bodytext {
        h1, h2, h3, h4, .h1, .h2, .h3, .h4 {
            color: @white;
        }
        .colored-primary {
            color: @white !important;
        }
        //.list-kkh > li:before,
        .important {
            color: @white;
        }
        /*a:not(.btn) {
            color: @white;
            text-decoration: underline;
        }*
        .btn-primary {
            background-color: @white;
            color: @2ndcolor;
            //border-color: @white;
            //.bgshadow(@grid-padding);
            &:focus, &.focus, &:hover, &:active, &.active {
                //color: @white;
                background-color: @bgcolorlight;
                //border-color: darken(@1stcolordark, 5%);
            }
        }
    }
}*/
/*.block-secondary {
	background-color: @3rdcolor;
    color: @white;
    /*&.h2, &.h3 {
        color: @2ndcolor;
    }*
    &:not(.tx-image) {
        padding: @grid-padding-2x !important;
        @media (min-width: @screen-md) {
            padding: @grid-padding-3x !important;
        }
        @media (min-width: @screen-xl) {
            padding: @grid-padding-4x !important;
        }
    }
}
span.block-secondary {
    display: block;
    color: inherit;
}*/
.embed-responsive {
  background-color: #ebeaeb;
}
.embed-responsive-1by1 {
  padding-bottom: 100%;
}
.embed-responsive-3by2 {
  padding-bottom: 66.66666667%;
}
.embed-responsive-12by7 {
  padding-bottom: 58.33333333%;
}
.embed-responsive-5by2 {
  padding-bottom: 66.66666667%;
  margin: 0 -20px;
}
@media (min-width: 992px) {
  .embed-responsive-5by2 {
    padding-bottom: 40%;
    margin: 0 -40px;
  }
}
@media (min-width: 1440px) {
  .embed-responsive-5by2 {
    margin: 0 -120px;
  }
}
@media (min-width: 1920px) {
  .embed-responsive-5by2 {
    margin: 0 -240px;
  }
}
.embeded-rundgang {
  background: #0085be;
  color: white;
  padding-top: 80px;
  padding-bottom: 80px;
}
.embeded-rundgang h3 {
  color: #ff8a00;
}
.ce-bodytext > *:last-child,
.news-text > *:last-child,
.bodytext-inner > *:last-child {
  margin-bottom: 0;
}
.ce-bodytext p:not(.news-subtitle) + h1,
.news-text p:not(.news-subtitle) + h1,
.bodytext-inner p:not(.news-subtitle) + h1,
.ce-bodytext p:not(.news-subtitle) + .h1,
.news-text p:not(.news-subtitle) + .h1,
.bodytext-inner p:not(.news-subtitle) + .h1,
.ce-bodytext p:not(.news-subtitle) + h2,
.news-text p:not(.news-subtitle) + h2,
.bodytext-inner p:not(.news-subtitle) + h2,
.ce-bodytext p:not(.news-subtitle) + .h2,
.news-text p:not(.news-subtitle) + .h2,
.bodytext-inner p:not(.news-subtitle) + .h2,
.ce-bodytext p:not(.news-subtitle) + h3,
.news-text p:not(.news-subtitle) + h3,
.bodytext-inner p:not(.news-subtitle) + h3,
.ce-bodytext p:not(.news-subtitle) + .h3,
.news-text p:not(.news-subtitle) + .h3,
.bodytext-inner p:not(.news-subtitle) + .h3,
.ce-bodytext p:not(.news-subtitle) + h4,
.news-text p:not(.news-subtitle) + h4,
.bodytext-inner p:not(.news-subtitle) + h4,
.ce-bodytext p:not(.news-subtitle) + .h4,
.news-text p:not(.news-subtitle) + .h4,
.bodytext-inner p:not(.news-subtitle) + .h4 {
  margin-top: 40px;
}
/*
// Fluid CSS overrides not needed here because default CSS file not used
.ce-row, div[class*="ce-"].ce-gallery {
    margin-bottom: 0;
}
.ce-textpic.ce-above {
    .ce-gallery + .ce-bodytext {
        margin-top: @grid-padding;
    }
}
.ce-gallery {
    figure, figcaption {
        display: block;
    }
}
// Only to make button shadow visible
.ce-textpic, .ce-nowrap .ce-bodytext { //, .ce-gallery, .ce-image, .ce-row, .ce-uploads li, .ce-uploads div {
	overflow: visible;
}*/
.imageorient-123 img {
  margin-bottom: 1rem;
}
hr,
hr.ce-div {
  border-top: 1px solid #ccc;
  margin-top: 20px;
  margin-bottom: 20px;
}
hr:not(.ce-div) {
  margin-top: 0;
}
.table {
  /*> thead > tr > th,
	> thead > tr > td {
		&:first-child {
			padding-left: 0;
		}
		&:last-child {
			padding-right: 0;
		}
	}*/
}
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
  padding: 8px 16px;
  border-top: 0;
}
.table > thead > tr > th {
  border-bottom: 7px solid #0cb6ff;
}
.table.table-hover > tbody > tr:hover {
  color: #fff;
  background-color: #0cb6ff;
}
.panel-body .table {
  font-size: 15px;
}
@media screen and (max-width: 767px) {
  .table-responsive {
    border: 0 none;
  }
}
@media (min-width: 480px) {
  .dl-horizontal dt {
    float: left;
    width: 160px;
    clear: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .dl-horizontal dd {
    margin-left: 180px;
  }
}
.btn {
  white-space: normal;
  outline: 0 !important;
  padding: 8px 24px;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  box-shadow: none !important;
  line-height: 2;
  /*&.btn-grey {
        background-color: @1stcolorlight;
        color: @white !important;
        border-color: darken(@1stcolorlight, 5%);
        &:focus, &.focus, &:hover, &:active, &.active {
            background-color: @1stcolordark;
            border-color: darken(@1stcolordark, 5%);
        }
    }*/
  /*&.btn-secondary {
        color: @white;
        background-color: @3rdcolor;
        border-color: @3rdcolordark;
        &:focus, &.focus, &:hover {
            background-color: @3rdcolordark;
            border-color: darken(@3rdcolordark, 5%);
        }
        &:active, &.active {
            &:focus, &.focus, &:hover {
                background-color: darken(@3rdcolordark, 5%);
                border-color: darken(@3rdcolordark, 10%);
            }
        }
    }*/
  /*&.btn-icon {
        .resetShadow();
        color: @1stcolor;
		border-color: transparent !important;
        background-color: transparent !important;
        padding: 0;
        margin-top: @grid-padding;
		//padding: 10px 20px;
		//font-weight: @fontnorm !important;
		&:after {
			.icon;
            content: @icon-next-button;
            color: @2ndcolor;
            line-height: 1;
            margin-left: @grid-padding/2;
            //font-size: 24px;
            text-decoration: none;
            position: relative;
            top: 2px;
		}
    }*/
  /*&.btn-white {
        background-color: @white;
        color: @2ndcolor;
        //border-color: @white;
        //.bgshadow(@grid-padding);
        &:focus, &.focus {
            color: @2ndcolordark; //darken(@3rdcolor, 5%);
            //border-color: @white; //darken(@3rdcolor, 5%);
            background-color: @bgcolor;
        }
        &:hover, &:active, &.active {
            color: @2ndcolor; //@3rdcolor;
            //border-color: @white; //@3rdcolor;
            background-color: @bgcolor;
        }
    }*/
  /*&.btn-default, &.btn-primary {
        .bgshadow(@grid-padding);
        border: 0 none;
        margin-top: @grid-padding;
    }*/
  /*&.btn-default {
		background-color: transparent !important;

		&:focus,
		&.focus {
			color: #5a230c;
			//border-color: #5a230c;
		}
		&:hover, &:active, &.active {
			color: #943a15;
			//border-color: #943a15;
		}
	}*/
  /*&.btn-download {
		color: @1stcolor !important;
		border-color: @1stcolor !important;
		background-color: transparent !important;
		padding: 10px 20px;
		font-weight: @fontnorm !important;
		&:before {
			//position: absolute;
			//top: 50%; right: 5px;
			display: inline-block;
			font-family: 'Glyphicons Halflings';
			font-style: normal;
			font-weight: normal;
			line-height: 1;
			-webkit-font-smoothing: antialiased;
			-moz-osx-font-smoothing: grayscale;
			
			content: "\e202";
			margin-right: 10px;
			//font-size: 52px;
			//color: @white;
			//margin-top: -26px;
		}
		&:hover {
			&.btn-download:before {
				-webkit-animation-name: movelink;
						animation-name: movelink;
				-webkit-transform-origin: center center;
						transform-origin: center center;
				-webkit-animation-duration: 1s;
						animation-duration: 1s;
				-webkit-animation-iteration-count: infinite;
						animation-iteration-count: infinite;
				-webkit-animation-timing-function: ease;
						animation-timing-function: ease;
			}
		}
	}*/
}
.btn.btn-sm {
  padding: 6px 18px;
}
.btn.btn-default {
  color: #706f6f;
  background-color: transparent;
  border-color: #706f6f;
}
.btn.btn-default:focus,
.btn.btn-default.focus,
.btn.btn-default:hover {
  color: #fff;
  background-color: #706f6f;
  border-color: #4a4949;
}
.btn.btn-default:active:focus,
.btn.btn-default.active:focus,
.btn.btn-default:active.focus,
.btn.btn-default.active.focus,
.btn.btn-default:active:hover,
.btn.btn-default.active:hover {
  color: #fff;
  background-color: #4a4949;
  border-color: #3d3c3c;
}
.btn.btn-primary {
  color: #0085be;
  background-color: transparent;
  border-color: #0085be;
}
.btn.btn-primary:focus,
.btn.btn-primary.focus,
.btn.btn-primary:hover {
  color: #fff;
  background-color: #0085be;
  border-color: #004f72;
}
.btn.btn-primary:active:focus,
.btn.btn-primary.active:focus,
.btn.btn-primary:active.focus,
.btn.btn-primary.active.focus,
.btn.btn-primary:active:hover,
.btn.btn-primary.active:hover {
  color: #fff;
  background-color: #004f72;
  border-color: #003e58;
}
.btn.btn-primary.btn-solid {
  background-color: #0085be;
  color: #fff;
}
.btn.btn-primary.btn-solid:focus,
.btn.btn-primary.btn-solid.focus,
.btn.btn-primary.btn-solid:hover {
  background-color: #004f72;
}
.btn.btn-secondary {
  color: #ff8a00;
  background-color: transparent;
  border-color: #ff8a00;
}
.btn.btn-secondary.btn-solid {
  background-color: #ff8a00;
  color: #fff;
}
.btn.btn-secondary:focus,
.btn.btn-secondary.focus,
.btn.btn-secondary:hover {
  color: #fff;
  background-color: #ff8a00;
  border-color: #b36100;
}
.btn.btn-secondary.btn-solid {
  background-color: #ff8a00;
  color: #fff;
}
.btn.btn-secondary.btn-solid:focus,
.btn.btn-secondary.btn-solid.focus,
.btn.btn-secondary.btn-solid:hover {
  background-color: #b36100;
}
.btn.btn-secondary:active:focus,
.btn.btn-secondary.active:focus,
.btn.btn-secondary:active.focus,
.btn.btn-secondary.active.focus,
.btn.btn-secondary:active:hover,
.btn.btn-secondary.active:hover {
  color: #fff;
  background-color: #b36100;
  border-color: #995300;
}
.btn.btn-pdf {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  color: #706f6f;
  border-color: transparent !important;
  background-color: transparent !important;
  padding: 0;
  display: table;
  margin-left: auto;
  text-align: right;
}
.btn.btn-pdf:before {
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e91d";
  color: #0085be;
  line-height: 1;
  margin-bottom: 20px/2;
  font-size: 4em;
  text-decoration: none;
  position: relative;
  top: 2px;
  display: block;
}
.btn.btn-pdf:focus,
.btn.btn-pdf.focus,
.btn.btn-pdf:hover,
.btn.btn-pdf:active,
.btn.btn-pdf.active,
.btn.btn-pdf.active {
  color: #0085be;
}
.btn.btn-pdf:focus:before,
.btn.btn-pdf.focus:before,
.btn.btn-pdf:hover:before,
.btn.btn-pdf:active:before,
.btn.btn-pdf.active:before,
.btn.btn-pdf.active:before {
  color: #ff8a00;
}
@media (max-width: 479px) {
  .btn {
    font-size: 16px;
  }
}
/*@keyframes movelink {
	0% {
		-webkit-transform: translateY(0);
				transform: translateY(0);
	}
	28% {
		-webkit-transform: translateY(5px);
				transform: translateY(5px);
	}
	92% {
		-webkit-transform: translateY(-5px);
				transform: translateY(-5px);
	}
	100% {
		-webkit-transform: translateX(0);
				transform: translateX(0);
	}
}*/
/*.btn {
	background-color: transparent;
	border-radius: 0;
	text-decoration: none;
	font-weight: @fontnorm;
	font-size: 18px;
	padding: 10px 30px;
	margin: 0;
	color: @2ndcolor;
	border-color: @2ndcolor;
	
	&:focus, &:hover, &:active, &.focus {
		color: @white;
		background-color: @2ndcolor;
	}

	&.btn-link {
		font-size: 16px;
		border: 0 none;
		padding: 0 0 0 24px;
		background: transparent url("../img/icon-arrow.svg") no-repeat left center;
		background-size: 16px;
		.cssTransition(padding-left);
		
		&:focus, &:hover, &:active, &.focus {
			padding-left: 32px;
			//color: @white;
		}
	}
	&.btn-submit {
		.cssTransition(background-color);
	}
}*/
/*.ce-uploads {
	padding-bottom: 10px;
	margin-bottom: 10px;
	
	.pdf {
		position: relative;
		padding-left: 40px;
		&:before {
			.fa;
			content: "\f1c1";
			font-size: 150%;
			position: absolute;
			left: 0;
			top: 0;
		}
	}
	.ce-upload-link {
		span { display: inline-block }
		.ce-uploads-filesize {}
	}
	
	@media (min-width: 640px) and (max-width: @screen-sm-max) {
		.pdf {
			padding-left: 50px;
		}
	}
}*/
.container,
.container-fluid {
  position: relative;
  /*@media (min-width: @screen-lg) {
        width: 91.66666667%;
        /*width: 100%;
        padding-right: @indent-width;
	    padding-left: @indent-width;*
    }
    @media (min-width: @screen-xl) {
        width: 83.33333333%;
        /*width: 100%;
        padding-right: @indent-width;
	    padding-left: @indent-width;*
    }*/
}
@media (min-width: 992px) {
  .container,
  .container-fluid {
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media (min-width: 1440px) {
  .container,
  .container-fluid {
    padding-left: 120px;
    padding-right: 120px;
  }
}
@media (min-width: 1920px) {
  .container,
  .container-fluid {
    padding-left: 240px;
    padding-right: 240px;
  }
}
.navbar > .container-fluid {
  padding-left: 20px;
  padding-right: 20px;
  width: 100%;
}
/*.container-fluid {
	//padding-right: 0;
	//padding-left: 0;
	position: relative; // für Ausrichtung Slideshow/Schatten-Main
}*/
@media (max-width: 767px) {
  div[class*="col-sm-"] + div[class*="col-sm-"] {
    margin-top: 40px;
  }
}
@media (max-width: 991px) {
  div[class*="col-md-"] + div[class*="col-md-"] {
    margin-top: 40px;
  }
}
@media (max-width: 1199px) {
  div[class*="col-lg-"] + div[class*="col-lg-"] {
    margin-top: 40px;
  }
}
@media (min-width: 768px) {
  div[class*="col-sm-"] + div[class*="col-sm-"] {
    margin-top: 0;
  }
}
@media (min-width: 992px) {
  div[class*="col-md-"] + div[class*="col-md-"] {
    margin-top: 0;
  }
}
.col-xl-1,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-10,
.col-xl-11,
.col-xl-12 {
  position: relative;
  min-height: 1px;
  padding-right: 20px;
  padding-left: 20px;
}
@media (min-width: 1440px) {
  .col-xl-1,
  .col-xl-2,
  .col-xl-3,
  .col-xl-4,
  .col-xl-5,
  .col-xl-6,
  .col-xl-7,
  .col-xl-8,
  .col-xl-9,
  .col-xl-10,
  .col-xl-11,
  .col-xl-12 {
    float: left;
  }
  .col-xl-12 {
    width: 100%;
  }
  .col-xl-11 {
    width: 91.66666667%;
  }
  .col-xl-10 {
    width: 83.33333333%;
  }
  .col-xl-9 {
    width: 75%;
  }
  .col-xl-8 {
    width: 66.66666667%;
  }
  .col-xl-7 {
    width: 58.33333333%;
  }
  .col-xl-6 {
    width: 50%;
  }
  .col-xl-5 {
    width: 41.66666667%;
  }
  .col-xl-4 {
    width: 33.33333333%;
  }
  .col-xl-3 {
    width: 25%;
  }
  .col-xl-2 {
    width: 16.66666667%;
  }
  .col-xl-1 {
    width: 8.33333333%;
  }
  .col-xl-pull-12 {
    right: 100%;
  }
  .col-xl-pull-11 {
    right: 91.66666667%;
  }
  .col-xl-pull-10 {
    right: 83.33333333%;
  }
  .col-xl-pull-9 {
    right: 75%;
  }
  .col-xl-pull-8 {
    right: 66.66666667%;
  }
  .col-xl-pull-7 {
    right: 58.33333333%;
  }
  .col-xl-pull-6 {
    right: 50%;
  }
  .col-xl-pull-5 {
    right: 41.66666667%;
  }
  .col-xl-pull-4 {
    right: 33.33333333%;
  }
  .col-xl-pull-3 {
    right: 25%;
  }
  .col-xl-pull-2 {
    right: 16.66666667%;
  }
  .col-xl-pull-1 {
    right: 8.33333333%;
  }
  .col-xl-pull-0 {
    right: auto;
  }
  .col-xl-push-12 {
    left: 100%;
  }
  .col-xl-push-11 {
    left: 91.66666667%;
  }
  .col-xl-push-10 {
    left: 83.33333333%;
  }
  .col-xl-push-9 {
    left: 75%;
  }
  .col-xl-push-8 {
    left: 66.66666667%;
  }
  .col-xl-push-7 {
    left: 58.33333333%;
  }
  .col-xl-push-6 {
    left: 50%;
  }
  .col-xl-push-5 {
    left: 41.66666667%;
  }
  .col-xl-push-4 {
    left: 33.33333333%;
  }
  .col-xl-push-3 {
    left: 25%;
  }
  .col-xl-push-2 {
    left: 16.66666667%;
  }
  .col-xl-push-1 {
    left: 8.33333333%;
  }
  .col-xl-push-0 {
    left: auto;
  }
  .col-xl-offset-12 {
    margin-left: 100%;
  }
  .col-xl-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-xl-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-xl-offset-9 {
    margin-left: 75%;
  }
  .col-xl-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-xl-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-xl-offset-6 {
    margin-left: 50%;
  }
  .col-xl-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-xl-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-xl-offset-3 {
    margin-left: 25%;
  }
  .col-xl-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-xl-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-xl-offset-0 {
    margin-left: 0;
  }
}
.visible-xl {
  display: none !important;
}
.visible-xl-block,
.visible-xl-inline,
.visible-xl-inline-block {
  display: none !important;
}
@media (min-width: 1440px) {
  .visible-lg,
  .visible-lg-block,
  .visible-lg-inline,
  .visible-lg-inline-block {
    display: none !important;
  }
}
@media (min-width: 1440px) {
  .visible-xl,
  .visible-xl-block {
    display: block !important;
  }
  .visible-xl-inline {
    display: inline !important;
  }
  .visible-xl-inline-block {
    display: inline-block !important;
  }
  .hidden-xl {
    display: none !important;
  }
}
/**
 * Navbar toggle
 * Source: http://mac81.github.io/pure-drawer/
 *
.pure-container {
	position: relative;
	height: 100%;
	-webkit-overflow-scrolling: touch;
}
.pure-toggle {
	left: -9999px;
	position: absolute;
	top: -9999px;
	&:focus ~ .pure-toggle-label {
		color: @1stcolorlight;
	}
}
.pure-toggle-label {
	display: none;
	cursor: pointer;
	display: block;
	position: relative;
	z-index: 99;
    color: @3rdcolor; //@1stcolorlight;
    background-color: transparent; //@white;
    border-left: 10px solid transparent; //@white;
	width: 50px;
	height: 50px;
	margin-bottom: 0;
	-webkit-transition: all 200ms ease-in-out;
			transition: all 200ms ease-in-out;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: transparent;

	&:hover {
		color: @white;

		.pure-toggle-icon,
		.pure-toggle-icon:before,
		.pure-toggle-icon:after {
			background-color: @3rdcolor; //@1stcolorlight;
		}
	}
	&:active {
		-webkit-tap-highlight-color: transparent;
	}
	&[data-toggle-label='left'] {
		//left: 8px;
		right: auto;
		/* // Blauer Balken hinter Hamburger Icon über volle Breite
		&:after {
			content: "";
			position: absolute;
			top: -10px;
			left: -10px;
			width: 0;
			height: 70px;
			z-index: -1;
			background-color: @2ndcolor;
			.cssTransition(width, 0.5, ease-out);
			//-webkit-transition-duration: 500ms;
			//transition-duration: 500ms;
			//-webkit-transition-timing-function: ease-out;
			//transition-timing-function: ease-out;
		}*
	}
	.pure-toggle-icon,
	.pure-toggle-icon:before,
	.pure-toggle-icon:after {
		position: absolute;
		top: 54%;
		left: 50%;
		height: 4px;
		width: 35px;
		cursor: pointer;
		background-color: @3rdcolor; //@1stcolorlight;
		display: block;
		content: '';
		.cssTransition(background-color);
		-webkit-transition: all 200ms ease-in-out;
				transition: all 200ms ease-in-out;
	}
	.pure-toggle-icon {
		width: 25px;
		transform: translate3d(-50%, -4px, 0);
		-webkit-transform: translate3d(-50%, -4px, 0);
		&:before {
			transform: translate3d(-50%, -12px, 0);
			-webkit-transform: translate3d(-50%, -12px, 0);
			width: 30px;
			margin-left: -2.5px;
		}
		&:after {
			transform: translate3d(-50%, 8px, 0);
			-webkit-transform: translate3d(-50%, 8px, 0);
			margin-left: -5px;
		}
	}
	/*.pure-toggle-label-title {
		display: none;
	}
	@media (min-width: @screen-sm) {
		.pure-toggle-label-title {
			display: inline-block;
			position: relative;
			top: 0;
			text-transform: uppercase;
			line-height: 1;
			font-size: 16px;
			margin-left: 50px;
			padding: 15px 10px;
		}
	}
	@media (min-width: @screen-xl) {
		top: 30px;
		&[data-toggle-label='left'] {
			left: 30px;
			&:after {
				left: -30px;
			}
		}
	}*
}
.pure-toggle[data-toggle-direction='left']:checked ~ .pure-toggle-label:not([data-toggle-label='left']),
.pure-toggle[data-toggle-direction='right']:checked ~ .pure-toggle-label:not([data-toggle-label='right']) {
	opacity: 0;
	z-index: -1;
}
.pure-toggle[data-toggle-direction='left']:checked ~ .pure-toggle-label[data-toggle-label='left'],
.pure-toggle[data-toggle-direction='right']:checked ~ .pure-toggle-label[data-toggle-label='right'] {
	color: @3rdcolor; //@1stcolorlight; //@2ndcolordark;
	&:after {
		width: 480px;
	}
}
.pure-toggle[data-toggle-direction='left']:checked ~ .pure-toggle-label[data-toggle-label='left'] .pure-toggle-icon,
.pure-toggle[data-toggle-direction='right']:checked ~ .pure-toggle-label[data-toggle-label='right'] .pure-toggle-icon {
	background-color: transparent;
}
.pure-toggle[data-toggle-direction='left']:checked ~ .pure-toggle-label[data-toggle-label='left'] .pure-toggle-icon:before,
.pure-toggle[data-toggle-direction='left']:checked ~ .pure-toggle-label[data-toggle-label='left'] .pure-toggle-icon:after,
.pure-toggle[data-toggle-direction='right']:checked ~ .pure-toggle-label[data-toggle-label='right'] .pure-toggle-icon:before,
.pure-toggle[data-toggle-direction='right']:checked ~ .pure-toggle-label[data-toggle-label='right'] .pure-toggle-icon:after {
    top: 0;
    background-color: @3rdcolor !important; //@1stcolorlight !important;
}
.pure-toggle[data-toggle-direction='left']:checked ~ .pure-toggle-label[data-toggle-label='left'] .pure-toggle-icon:before,
.pure-toggle[data-toggle-direction='right']:checked ~ .pure-toggle-label[data-toggle-label='right'] .pure-toggle-icon:before {
	transform: translateX(-50%) rotate(45deg);
	-webkit-transform: translateX(-50%) rotate(45deg);
	width: 35px;
	margin-left: -5px;
}
.pure-toggle[data-toggle-direction='left']:checked ~ .pure-toggle-label[data-toggle-label='left'] .pure-toggle-icon:after,
.pure-toggle[data-toggle-direction='right']:checked ~ .pure-toggle-label[data-toggle-label='right'] .pure-toggle-icon:after {
	transform: translateX(-50%) translateY(-8px) rotate(-45deg);
	-webkit-transform: translateX(-50%) translateY(-10px) rotate(-45deg);
	top: 10px;
}*/
/**
 * Main navigation
 */
.headerarea {
  right: 0;
  left: 0;
  top: 0px;
  z-index: 1030;
}
/*#socialmenu {
    position: absolute;
	top: 15px;
	right: 70px;
    z-index: 1009;
    margin-bottom: 0;
    > li {
        > a {
            .borderRadiusPercent;
            text-decoration: none;
            color: @white;
            background-color: @1stcolor;
            padding: 10px 11px;
            line-height: 1;
            font-size: 18px;
        }
    }
}
#navTitle {
    display: none;
}
svg[transform="rotate(180)"] {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
	transform: rotate(180deg);
}
#triangleHeader {
    svg {
        display: none;
    }
}*/
#usercentrics-root {
  position: relative;
  z-index: 300;
}
.navbar {
  margin-bottom: 0;
  border: 0;
  border-radius: 0;
  min-height: 70px;
  /*.dropdown-menu {
        /*display: block;
        position: static;
        float: none;
        width: auto;* // Dropdown Toggle used on first nav level
        margin: 10px 0;
        padding-left: @grid-padding;
    }*/
}
.navbar .navbar-header {
  position: relative;
  z-index: 10;
  background-color: transparent;
}
.navbar .navbar-header > .woth-logo {
  width: 8rem;
  position: absolute;
  right: 6rem;
  top: 1.1rem;
  display: none;
}
@media screen and (min-width: 992px) {
  .navbar .navbar-header > .woth-logo {
    width: 11rem;
    right: 10rem;
    top: 0.5rem;
  }
}
.navbar .navbar-toggle {
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  border: 0;
  line-height: 1;
  float: right;
  padding: 16px 15px;
  margin: 0;
  cursor: pointer;
}
.navbar .navbar-brand {
  font-size: inherit;
  line-height: 1;
  height: auto;
  padding: 20px/2;
  margin: 0;
}
.navbar .navbar-brand img {
  height: 50px;
  width: auto;
}
@media screen and (min-width: 640px) {
  .navbar .navbar-brand img {
    height: 80px;
  }
}
.navbar .navbar-collapse {
  border-top: none;
  box-shadow: none;
  background-color: #ff8a00;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  margin: 0;
  z-index: 100000;
  padding-left: 0;
  padding-right: 0;
  width: 100svw;
  height: 100svh !important;
  max-height: unset !important;
  max-width: 500px;
  /* padding-top: 100px !important;
        padding-bottom: 120px !important; */
}
.navbar .navbar-collapse .close {
  font-size: 65px;
  opacity: 1;
  position: absolute;
  top: 1rem;
  right: 20px;
  color: #ffffff;
  box-shadow: none;
  z-index: 2;
}
.navbar .navbar-collapse.collapsing,
.navbar .navbar-collapse.in {
  border-bottom: 3px solid #b36100;
  padding-bottom: 20px;
}
.navbar .navbar-collapse .mainmenuwrap {
  margin-top: 100px !important;
  height: calc(100% - 100px);
  padding-left: 0px;
  padding-right: 0px;
  width: 100%;
  position: absolute;
  overflow: auto;
}
.navbar .navbar-collapse .mainmenuwrap .navbar-nav {
  margin-inline: 0;
  min-height: calc(100% - 113px);
}
@media screen and (min-width: 768px) {
  .navbar .navbar-collapse .mainmenuwrap {
    margin-top: 170px !important;
  }
  .navbar .navbar-collapse .mainmenuwrap .navbar-nav {
    min-height: calc(100% - 183px);
  }
}
.navbar .navbar-collapse .nav-appendix {
  background: #b36100;
  margin: 20px 0 0 0;
  padding: 20px;
  justify-content: space-between;
  align-items: center;
  display: flex;
  /* position: absolute;
            bottom: 0;
            left: 0; */
  width: 100%;
  box-sizing: border-box;
  z-index: 2;
}
@media screen and (min-width: 768px) {
  .navbar .navbar-collapse .nav-appendix {
    /* display: none; */
  }
}
.navbar .navbar-collapse .nav-appendix ul#socialmenu {
  display: flex;
  gap: 5px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.navbar .navbar-collapse .nav-appendix ul#socialmenu li {
  margin: 0;
  padding: 0;
}
.navbar .navbar-collapse .nav-appendix ul#socialmenu li a {
  display: block;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  color: #fff;
  border-radius: 5px ;
  background: #0085be;
  font-size: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.navbar .navbar-collapse .nav-appendix ul#socialmenu li a svg {
  width: 25px;
  height: 25px;
}
.navbar .navbar-collapse .nav-appendix ul#socialmenu li a svg > * {
  fill: #fff;
}
.navbar .navbar-collapse .nav-appendix .woth-logo {
  flex: 0 0 40%;
  width: 40%;
}
.navbar .first-level {
  margin-top: 10px !important;
  position: static;
  float: none;
  width: auto;
  /*.dropdown-menu {
            //display: block;
            position: static;
            float: none;
            width: auto;
        }*/
}
.navbar .second-level {
  margin-top: 5px !important;
}
.navbar .second-level > li > a {
  font-size: 14px;
}
.navbar-nav {
  margin-top: 0;
  margin-bottom: 0;
}
.navbar-nav > li > a {
  color: #fff;
  background-color: transparent;
  padding: 20px/2 20px;
  font-size: 18px;
  line-height: 1;
  font-weight: 300;
}
.navbar-nav > li > a.dropdown-link {
  padding-right: 36px;
}
.navbar-nav > li:nth-child(1) > a,
.navbar-nav > li:nth-child(2) > a,
.navbar-nav > li:nth-child(3) > a {
  font-size: 24px;
}
.navbar-nav > li:nth-child(3) {
  margin-bottom: 2rem;
}
.navbar-nav > li.active > a,
.navbar-nav > li:hover > a,
.navbar-nav > li:focus > a,
.navbar-nav > li > a:hover,
.navbar-nav > li > a:focus {
  color: #fff;
  background-color: #0085be !important;
  border-color: transparent !important;
}
.navbar-nav > li[class*="legal-11"] > a {
  position: relative;
  margin-top: 2rem;
  /* 
            &:before {
                content: "";
                display: block;
                height: 1px;
                background-color: @3rdcolordark;
                position: absolute;
                top: -3px;
                left: 0;
                right: 0;
                padding: 0 20px;
                background-clip: content-box;
            }
            */
}
.navbar-nav > li + li {
  margin-top: 5px;
}
.navbar-nav .dropdown-toggle {
  /* Following block only if main point shall be clickable and link to page
		padding: 5px 10px;
        position: absolute;
        top: 0;
        right: 0;
        width: 36px;
        height: 36px;*/
  /*&[aria-expanded="true"] {
            i:before { content: "\e905" } // Glyphicon: \e258
        }*/
  /* // For main point clickable
		&:focus {
            background-color: transparent;
        }*/
}
.navbar-nav .dropdown-toggle .icon {
  /* For main point clickable
			position: relative;
			top: 6px;*/
  float: right;
}
.navbar-nav .dropdown.open > .dropdown-toggle i:before {
  content: "\e905";
}
.navbar-nav .dropdown-menu {
  border: 0;
  border-radius: 0;
  padding: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  margin: 10px 0;
  padding-left: 20px;
}
.navbar-nav .dropdown-menu > li > a {
  font-size: 18px;
  font-weight: 300;
  padding: 20px 10px;
  line-height: 1;
  color: #fff;
  background-color: transparent;
  white-space: normal;
}
.navbar-nav .dropdown-menu > li.active > a,
.navbar-nav .dropdown-menu > li:hover > a,
.navbar-nav .dropdown-menu > li:focus > a,
.navbar-nav .dropdown-menu > li > a:hover,
.navbar-nav .dropdown-menu > li > a:focus {
  color: #fff !important;
  background-color: #0085be !important;
}
.navbar-nav .dropdown-submenu > .dropdown-link {
  padding-right: 60px !important;
}
.navbar-nav .dropdown-submenu > .dropdown-toggle {
  position: absolute;
  right: 0;
  top: 0;
}
.navbar-nav .open {
  /*> a,
        > a:hover,
        > a:focus {
            color: @2ndcolor;
        }*/
}
.navbar-nav .open .dropdown-menu {
  /*position: static;
            float: none;
            width: auto;*/
  margin: 10px 0;
  border: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.navbar-nav .open .dropdown-menu > li > a {
  line-height: 1;
  padding: 10px 20px;
}
@media (min-width: 480px) {
  .navbar .navbar-collapse {
    width: 400px;
    float: right;
  }
}
@media (min-width: 768px) {
  .navbar {
    min-height: 90px;
  }
  .navbar .navbar-toggle {
    padding: 26px 25px;
  }
  .navbar .navbar-brand {
    padding: 20px;
    /*padding: 0;
            position: absolute;
            top: @grid-padding/2;
            left: @grid-padding;
            img {
                height: 90px;
            }*/
  }
  .navbar .navbar-collapse {
    width: 360px;
  }
  /*#navTitle {
        display: block;
        position: absolute;
        top: 40px;
        left: 150px;
        z-index: 1009;
        font-size: 14px;
        font-weight: @fontbold;
    }*/
}
@media (min-width: 992px) {
  .navbar .navbar-toggle,
  .navbar .navbar-brand {
    padding-left: 80px;
    padding-right: 80px;
  }
}
/*@media (max-width: @screen-lg-max) {
	.navbar {
		
		
        .navbar-nav {
            
        }
	}
}*/
@media (min-width: 1440px) {
  /*body {
		// für Header-Position fixed
		padding-top: 0;
	}*/
  /*.headerarea {
		background-color: @bgcolor;
		//position: static;
	}*/
  /*.navbar, .navbar > .container {
		height: 90px;
	}*/
  /*.navbar {
		//background-color: @signalTransparent;
		.navbar-header {
            background-color: transparent;
            position: absolute;
            top: 0; left: 0;
            z-index: 1009;
			//float: right;
			//margin-right: -@grid-padding;
			//height: 100%;
            //overflow: hidden;
            //float: none;
		}
		.navbar-brand {
            position: relative;
            top: auto; left: auto;
            margin-left: 0 !important;
            margin-top: 30px;
            img {
				height: 200px;
			}
		}
		.navbar-collapse {
			padding: 0;
			width: auto;
			float: none;
            max-height: none !important;
            //text-align: center;
			//background: @bgcolor; // For browsers that do not support gradients
    		//background: linear-gradient(#ececec 38px, @bgcolor 38px); // Standard syntax (must be last)
            //text-align: center;
		}
		.nav > li {
			> a {
				color: @1stcolor;
				padding: 10px;
				//.borderRadius();
				
				//padding: 10px 15px;
				font-size: 18px;
				//font-weight: @fontnorm;
				//text-transform: none;
				//border-bottom: 10px solid transparent;
			}
			&.dropdown > a {
				.icon {
					margin-left: @grid-padding/4;
                    font-weight: @fontbold;
				}
			}
			& + li {
				margin-left: 5px;
			}
		}
		.nav > li.active > a,
		.nav > li:hover > a,
		.nav > li:focus > a,
		.nav > li > a:hover,
		.nav > li > a:focus {
			color: @1stcolor;
			background-color: @white !important;
		}
		.dropdown-menu {
			padding-left: 0;
			background-color: @2ndcolor;
            //border-bottom: 3px solid @white;
            .bgshadow(@grid-padding);
			> li > a {
				font-size: 18px;
                white-space: nowrap;
                &.dropdown-link {
                    padding-right: @grid-padding-3x;
                }
                &.dropdown-toggle {
                    margin: 0;
                    padding-left: 15px;
                    padding-right: 15px;
                }
            }
            //&.first-level { margin-top: 6px; // due to display "inline-block" }
		}
		.dropdown-submenu {
            /*> .dropdown-toggle .icon {
                position: absolute;
                right: @grid-padding;
                top: @grid-padding/2;
            }
            .second-level {
				top: -5px;
				left: 100%;//calc(~"100% + 5px"); // 100%
				right: auto;
			}*
			.second-level {
				// Dropdown multilevel
				// Dropdown Toggle used on second nav level
				//position: static;
				float: none;
                width: auto;
                position: absolute;
                left: 100%;
                top: 0;
                margin: 0;
            }
			// Only click solution here, no hover
			/*&:hover .second-level {
				display: block;
			}

			.dropdown-menu.third-level {
				display: block;
				margin-top: 0;
				position: static;
				top: auto;
				float: none;
				> li {
					margin-left: @grid-padding;
				}
			}*
		}

		// Dropdown Mega (100% width)
		/*.navbar-collapse { position: relative }
		.navbar-nav > li { position: static }
		.dropdown > .dropdown-menu.first-level {
			width: 100%;
			top: auto;
			> li {
				width: 50%;
			}
			/*> li {
				float: left;
				width: 25%;
				min-height: 80px;
				margin-top: @grid-padding;
			}*
		}
		.navbar-nav li.dropdown:not(.active):hover > ul.dropdown-menu {
        #mainmenu li.dropdown:hover > ul.dropdown-menu {
			display: block;
			margin-top: 0;
		} // Dropdown on hover*
	}
	#mainmenu {
        margin-top: 90px;
        margin-left: 200px;
		//position: relative; // For dropdown menu width 100% of mainmenu and not navbar container
		//float: right;
        //margin-right: 160px;
        //float: none;
        //display: inline-block;
		/* Only click solution here, no hover
		> li.dropdown:hover {
			/*&:after {
				.triangleConfig(10, @2ndcolor);
				bottom: -20px;
			}*
			> ul.dropdown-menu {
				display: block;
				margin-top: 0;
			} // Dropdown on hover
		}*
	}*/
  /*.level_0 {
		#mainmenu > li:first-child > a {
			color: @white;
			background-color: @2ndcolorTransparent;
			//.borderRadius();
			//font-weight: @fontbold;
		}
    }*/
  /*#socialmenu {
        right: 0;
    }
    #navTitle {
        top: 70px;
        left: 230px;
    }
    #triangleHeader {
        background-color: @bgcolor;
        padding-top: 100px;
        svg {
            display: block;
            width: 101%;
            height: auto;
        }
    }*/
}
/*@media (min-width: @screen-xxl) {
    .navbar {
        .navbar-brand {
            margin-top: 25px;
            transform: translateX(-100px);
            img {
                height: 280px;
            }
        }
        .nav > li {
			> a {
				padding: 10px 15px;
				font-size: 20px;
			}
        }
	}
	#mainmenu {
		margin-left: 265px;
    }
    /*#navTitle {
        left: 300px;
    }*
}*/
/**
 *	Header change on scroll
 */
/*@keyframes stickyHeaderMove {
    15%   {top: 0px;}
    75%  {top: 0px}
    100% {top: inherit;}
}*/
.headerarea {
  -webkit-transition: top 0.4s ease;
  -moz-transition: top 0.4s ease;
  -o-transition: top 0.4s ease;
  transition: top 0.4s ease;
  position: fixed;
  /*.navbar-brand {
        position: relative;
        left: -110%;
        .cssTransition(left);
    }*/
  /*&[data-scroll="none"] {
        //top: 0;
        .navbar-brand {
            left: 0;
        }
    }*/
}
.headerarea[data-scroll="none"] {
  top: min(80px, 2vw);
}
@media screen and (min-width: 768px) {
  .headerarea[data-scroll="none"] .navbar .navbar-header > .woth-logo {
    display: block;
  }
}
.headerarea[data-scroll="up"] {
  top: 0px;
}
.headerarea[data-scroll="up"] {
  pointer-events: none;
  /*.pure-toggle-label {
            background-color: transparent;
            border-right-color: transparent;
        }*/
}
.headerarea[data-scroll="up"] .navbar-toggle,
.headerarea[data-scroll="up"] .navbar-collapse,
.headerarea[data-scroll="up"] .navbar-brand {
  pointer-events: all;
}
.headerarea[data-scroll="up"] .navbar-toggle {
  background-color: rgba(235, 234, 235, 0.7);
  -webkit-box-shadow: 4px 0px 8px 0px rgba(51, 51, 51, 0.4);
  -moz-box-shadow: 4px 0px 8px 0px rgba(51, 51, 51, 0.4);
  box-shadow: 4px 0px 8px 0px rgba(51, 51, 51, 0.4);
}
.headerarea[data-scroll="down"] {
  top: -80px;
}
@media (min-width: 768px) {
  .headerarea[data-scroll="down"] {
    top: -120px;
  }
}
/*@media (min-width: @screen-xl) {
	.headerarea {
		&[data-scroll="up"] {
			-webkit-box-shadow: 4px 0px 8px 0px rgba(51, 51, 51, 0.4);
			-moz-box-shadow: 4px 0px 8px 0px rgba(51, 51, 51, 0.4);
            box-shadow: 4px 0px 8px 0px rgba(51, 51, 51, 0.4);
            background-color: rgba(235,234,235,.9); //@bgcolor;

			.navbar-header {
                .resetShadow();
                background-color: transparent;
			}
		}
		/*&[data-scroll="down"] {
			top: -160px;
			/*.open > .dropdown-menu, #eventdropdown {
				//display: none !important;
			}*
		}*
	}
}*/
/*@media (min-width: @screen-xxl) {
	.headerarea {
		&[data-scroll="down"] {
			top: -210px;
		}
	}
}*/
/**
 * Search Form (ke_search)
 *
.navbar form[role="search"] {
	position: absolute;
	top: 0;
    //left: 70px;
    right: 175px;
	width: 40px;
	height: 70px;
	padding: 0;
	margin: 0;
	z-index: 1010;
	border: 0;
	.resetShadow();
    .cssTransition(right);
	
	.input-group {
		height: 100%;
	}
	button, #ke_search_sword {
		padding: 0 9px;
		border: 0;
		margin: 0 !important;
		color: @2ndcolor !important;
		background-color: transparent !important;
		box-shadow: none !important;
		outline: none !important;
	}
	#ke_search_sword {
		padding: 0;
		padding-left: 20px;
		opacity: 0;
		display: none;
		position: relative;
		top: auto;
		height: 100%;
		height: 70px; // Due to rendering bug in firefox (does not except height 100%)
		//font-size: 16px;
	}
	button[type="submit"] {
		display: table;
		.icon, span {
			display: table-cell;
			vertical-align: middle;
		}
		.icon {
			font-size: 24px;
		}
		span {
			display: none;
		}
	}
	button[type="reset"] {
		display: none;
	}
	&.active {
		width: 100%;
        right: 0;
        //left: 0;
		button, #ke_search_sword {
			display: table-cell;
			opacity: 1;
			color: @white !important;
		}
		#ke_search_sword { width: 100% }
		.input-group { background-color: @2ndcolor }
		/*button[type="submit"] {
			padding-top: 0;
			padding-right: 20px;
		}*
    }
    @media (min-width: @screen-xl) {
		//height: 90px;
		//left: 100px;
		right: 110px;
		
		/*#ke_search_sword {
			height: 90px; // Due to rendering bug in firefox (does not except height 100%)
		}
		&.active {
			//width: 400px;
			width: 450px;
			right: @grid-padding;
		}*
	}
}
// override bootstrap standard
.navbar-form .input-group .input-group-addon,
.navbar-form .input-group .input-group-btn {
	width: 1%;
}
// Search result page
.tx-kesearch-pi1 {
	form {
		margin-bottom: 0;
	}
	#ke_search_sword {
		position: relative;
		top: 0;
		width: 100%;
		padding: 15px;
		display: block;
		color: @2ndcolor;
		border-color: @2ndcolor;
		//.borderRadiusCustom(@defaultRadius, 0, 0, @defaultRadius);
		&:hover, &:focus {
			.bgshadow(1, darken(@2ndcolor, 15%));
		}
	}
	.resetbutt {
		margin-top: 10px;
	}
}*/
/**
 *	Breadcrumb
 *
.brotkrumenpfad {
    margin-bottom: @grid-padding;
    text-align: right;
}
.breadcrumb {
	.borderRadius(0);
	padding: 0;
	margin: 0;
	background-color: transparent;
	line-height: 1.2;
	font-size: 14px;
	color: @1stcolorlight;
	> li {
		padding: 0;
		> a {
			padding: 0;
			color: @1stcolorlight;
			&:hover, &:focus {
				text-decoration: none;
				color: @2ndcolor;
			}
		}
		&.active {
			color: @1stcolorlight;
			//> a { color: @2ndcolorlight }
		}
		&:after {
			content: "/";
			vertical-align: 0;
			color: @1stcolorlight;
			padding: 0 @grid-padding/4;
			//padding-right: 0;
		}
		&:last-child:after {
			display: none;
		}
	}
	> li + li:before {
		display: none;
		/*content: "/\00a0";
		vertical-align: 0;
		color: @bordercolor;
		padding-right: 0;*
	}
	/*@media (max-width: 639px) {
		display: none !important;
	}
	@media (min-width: @screen-md) {
		margin-bottom: @grid-padding-2x;
	}*
	@media (min-width: @screen-lg) {
		//margin-top: @grid-padding;
		//padding-left: @grid-padding-3x;
		//padding-right: @grid-padding-3x;
	}
}*/
.slideshow {
  position: relative;
}
.slideshow #slides {
  position: relative;
}
.slideshow img {
  width: 100%;
  max-width: none;
}
.slideshow figure:after {
  content: " ";
  background-color: #706f6f;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  opacity: 0.2;
  mix-blend-mode: multiply;
}
.slideshow .ce-bodytext {
  position: absolute;
  bottom: 10%;
  left: 0;
  width: 100%;
  padding: 0 20px;
}
.slideshow h1,
.slideshow .h1 {
  color: #0085be;
  font-weight: 500;
  line-height: 1;
  text-transform: uppercase;
  font-size: 2em;
}
@media (min-width: 768px) {
  .slideshow .ce-bodytext {
    bottom: 35%;
    left: 10%;
    width: auto;
  }
  .slideshow h1,
  .slideshow .h1 {
    font-size: 2.5em;
  }
}
@media (min-width: 992px) {
  .slideshow .ce-bodytext {
    left: 80px;
    padding: 0;
  }
  .slideshow h1,
  .slideshow .h1 {
    font-size: 3em;
  }
}
@media (min-width: 1440px) {
  .slideshow h1,
  .slideshow .h1 {
    font-size: 4em;
  }
}
@media (min-width: 1920px) {
  .slideshow h1,
  .slideshow .h1 {
    font-size: 5em;
  }
}
.slideshow .frame-layout-2 figure:after {
  display: none;
}
.headcontent {
  padding: 20px;
  margin-bottom: 20px;
  /*@media (min-width: @screen-md) {
        padding-left: @grid-padding-2x;
        padding-right: @grid-padding-2x;
        margin-bottom: 90px;
    }*/
}
@media (min-width: 768px) {
  .headcontent {
    margin-bottom: 70px;
  }
}
@media (min-width: 992px) {
  .headcontent {
    padding: 0;
    margin-bottom: 0;
    position: absolute;
    right: 120px;
    bottom: 120px;
    text-align: right;
  }
}
@media (min-width: 1920px) {
  .headcontent {
    bottom: 160px;
  }
}
/**
 *	Bootstrap Grids
 *	Accordions / Panels
 */
.panel-group {
  margin-bottom: 0;
}
.panel-group .panel + .panel {
  margin-top: 20px;
}
.panel-group .panel-default {
  border-color: #ccc;
}
.panel-group .panel-default > .panel-heading {
  border-color: #ccc;
}
.panel-group .panel-default .panel-body {
  border-top-color: #fff !important;
}
.panel table p {
  padding-bottom: 0;
  margin-bottom: 0;
}
.panel table.table-striped > tbody > tr:nth-of-type(2n+1) {
  background-color: #ebeaeb;
}
.panel table.table.table-hover > tbody > tr:hover {
  background-color: #c6c3c6;
}
.panel-heading {
  padding: 20px/2 20px;
}
.panel-heading .accordion-toggle {
  line-height: 1.2;
  margin-top: 0;
  margin-bottom: 20px;
  padding: 0;
  font-weight: 900;
  font-size: 18px;
  /*&:after {
		display: block;
		content: "";
		width: 50px;
		border-bottom: 2px solid @3rdcolor;
		margin-top: 25px;
	}*/
  text-decoration: none;
  color: #706f6f;
}
.panel-heading .accordion-toggle + div.text-muted *,
.panel-heading .accordion-toggle + div.text-muted {
  padding-bottom: 0;
  margin-bottom: 0;
  line-height: 1.2;
  font-weight: 300;
  color: #706f6f;
}
.panel-heading .accordion-toggle a {
  color: #706f6f;
}
.panel-heading .accordion-toggle a:hover,
.panel-heading .accordion-toggle a:focus {
  color: #706f6f;
  text-decoration: none;
}
.panel-heading .accordion-toggle .accordion-toggle-text {
  display: inline-block;
  max-width: 85%;
  font-size: 1.2rem;
  margin-bottom: 0;
}
.panel-heading .accordion-toggle i {
  float: right;
  color: #0085be;
  top: 6px;
  display: inline-block;
  padding-left: 3px;
  padding-right: 3px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
}
.panel-heading .accordion-toggle[aria-expanded="true"] {
  color: #0085be;
  /*span {
                color: @2ndcolorlight;
            }
            background-color: @white;
            font-weight: @fontsemibold;
            border-color: @2ndcolor;
            border-bottom: 0 none;
            .borderRadiusCustom(@defaultRadius, @defaultRadius, 0, 0);*/
}
.panel-heading .accordion-toggle[aria-expanded="true"] i {
  color: #ff8a00;
}
.panel-heading .accordion-toggle[aria-expanded="true"] i:before {
  content: "\e922";
}
.panel-body {
  padding-top: 0;
}
.panel-body > div[id^="c"]:first-child {
  padding-top: 20px;
  border-top: 1px solid #0085be;
}
@media (min-width: 768px) {
  .panel-heading .accordion-toggle i {
    padding-left: 4px;
    padding-right: 4px;
  }
  /*.panel-body {
		padding: @grid-padding @grid-padding-2x @grid-padding-2x;
	}*/
}
@media (min-width: 1200px) {
  /*.panel-group {
        .panel + .panel {
            margin-top: 30px;
        }
    }*/
  .panel-heading {
    padding-top: 15px;
    padding-bottom: 15px;
  }
  .panel-heading .accordion-toggle i {
    padding-left: 5px;
    padding-right: 5px;
  }
  /*.panel-body {
        padding: @grid-padding @grid-padding-3x @grid-padding-3x;
    }*/
}
.panel-group-plus.panel-group .panel-default,
.panel-group-plus.panel-group .panel-heading,
.panel-group-plus.panel-group .panel-body {
  border: 0 none !important;
}
.panel-group-plus .panel {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.panel-group-plus .panel-heading {
  padding: 0;
}
.panel-group-plus .panel-heading .accordion-toggle .accordion-toggle-text {
  max-width: none;
}
.panel-group-plus .panel-heading .accordion-toggle i {
  float: none;
  display: block;
  color: #0085be;
  line-height: 1.42857143;
  padding: 0;
}
.panel-group-plus .panel-heading .accordion-toggle i:before {
  content: "\e921";
}
.panel-group-plus .panel-heading .accordion-toggle i:after {
  content: "Details";
  color: #706f6f;
  margin-left: 20px/4;
  font-size: 18px;
  position: relative;
  top: -2px;
}
.panel-group-plus .panel-heading .accordion-toggle[aria-expanded="true"] i:before {
  content: "\e921";
}
.panel-group-plus .panel-body {
  padding: 0;
}
.panel-group-plus .panel-body > div[id^="c"]:first-child {
  padding-top: 20px/2;
  border-top: 0 none;
}
/**
 * Typo3 Fame Class
 * enlarge: Block breiter
 */
/*.frame-class-enlarge {
	
}*/
/**
 * Typo3 Frame Class
 * tiny: Text schmaler
 */
@media (min-width: 1440px) {
  div[id^="c"].frame-class-tiny {
    padding-left: calc(41.666% + 20px);
  }
  div[id^="c"].frame-class-tiny .ce-nowrap.ce-right .ce-bodytext {
    padding-left: 10%;
  }
  div[id^="c"].frame-class-tiny .ce-nowrap.ce-left .ce-bodytext {
    padding-right: 25% !important;
  }
  div[id^="c"].frame-class-tiny .ce-above .ce-bodytext > p {
    padding-right: 25%;
  }
  div[id^="c"].frame-class-tiny .ce-backgroundimage .ce-bodytext {
    margin-right: 20%;
  }
}
@media (min-width: 1920px) {
  div[id^="c"].frame-class-tiny .ce-nowrap.ce-right .ce-bodytext {
    padding-left: 15%;
  }
  div[id^="c"].frame-class-tiny .ce-nowrap.ce-left .ce-bodytext {
    padding-right: 30% !important;
  }
  div[id^="c"].frame-class-tiny .ce-above .ce-bodytext > p {
    padding-right: 35%;
  }
  div[id^="c"].frame-class-tiny .ce-backgroundimage .ce-bodytext {
    margin-right: 25%;
  }
}
@media (min-width: 768px) {
  .panel-group {
    margin-left: calc(41.66% + 20px);
  }
}
/**
 * Dynamic button bar
 */
.tx-buttonbar {
  position: fixed;
  right: 20px;
  bottom: 20px;
}
.tx-buttonbar .buttonbar-trigger {
  display: table;
  width: 60px;
  height: 60px;
  padding: 0;
  position: absolute;
  bottom: 0;
  right: 0;
  opacity: 1;
  -webkit-transition: opacity 0.4s ease;
  -moz-transition: opacity 0.4s ease;
  -o-transition: opacity 0.4s ease;
  transition: opacity 0.4s ease;
  background-color: #ff8a00;
  color: #fff;
  background-image: url("/typo3conf/ext/sf_template/Resources/Public/img/info.svg");
  background-repeat: no-repeat;
  background-size: 60% auto;
  background-position: center center;
}
.tx-buttonbar .buttonbar-trigger .glyphicon {
  display: none;
}
.tx-buttonbar .buttonbar-content {
  position: absolute;
  bottom: 0;
  right: 0;
  min-width: 240px;
  opacity: 0;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: bottom right;
  -moz-transform-origin: bottom right;
  -ms-transform-origin: bottom right;
  -o-transform-origin: bottom right;
  transform-origin: bottom right;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.tx-buttonbar .buttonbar-content div[id^="c"] {
  background-color: #0085be;
  color: #fff;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  -webkit-box-shadow: 0px 10px 20px -5px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0px 10px 20px -5px rgba(0, 0, 0, 0.4);
  box-shadow: 0px 10px 20px -5px rgba(0, 0, 0, 0.4);
  padding: 20px;
}
.tx-buttonbar .buttonbar-content div[id^="c"] h1,
.tx-buttonbar .buttonbar-content div[id^="c"] h2,
.tx-buttonbar .buttonbar-content div[id^="c"] h3,
.tx-buttonbar .buttonbar-content div[id^="c"] h4,
.tx-buttonbar .buttonbar-content div[id^="c"] .h1,
.tx-buttonbar .buttonbar-content div[id^="c"] .h2,
.tx-buttonbar .buttonbar-content div[id^="c"] .h3,
.tx-buttonbar .buttonbar-content div[id^="c"] .h4,
.tx-buttonbar .buttonbar-content div[id^="c"] .important {
  color: #fff;
}
.tx-buttonbar .buttonbar-content div[id^="c"] a:not(.btn) {
  color: #fff;
  text-decoration: underline;
  /*&[href^="mailto:"], &[href^="javascript:linkTo_UnCryptMailto"], &[href^="tel:"] {
            text-decoration: none;
            &:before {
                color: @white;
            }
            &:hover, &:focus {
                text-decoration: underline;
            }
        }*/
}
.tx-buttonbar .buttonbar-content div[id^="c"] .btn-primary {
  background-color: #fff;
  color: #0085be;
}
.tx-buttonbar .buttonbar-content div[id^="c"] .btn-primary:focus,
.tx-buttonbar .buttonbar-content div[id^="c"] .btn-primary.focus,
.tx-buttonbar .buttonbar-content div[id^="c"] .btn-primary:hover,
.tx-buttonbar .buttonbar-content div[id^="c"] .btn-primary:active,
.tx-buttonbar .buttonbar-content div[id^="c"] .btn-primary.active {
  background-color: #f7f7f7;
  border-color: #f7f7f7;
}
.tx-buttonbar .buttonbar-content div[id^="c"] .btn {
  white-space: nowrap;
  margin: 0;
}
.tx-buttonbar .buttonbar-content div[id^="c"] a:not(.btn) {
  text-decoration: none;
}
.tx-buttonbar .buttonbar-content div[id^="c"] a:not(.btn):hover,
.tx-buttonbar .buttonbar-content div[id^="c"] a:not(.btn):focus {
  text-decoration: underline;
}
.tx-buttonbar .close {
  position: absolute;
  top: -35px;
  right: 10px;
  font-size: 24px;
  color: #c6c3c6;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);
  opacity: 1;
  float: none;
}
.tx-buttonbar.active .buttonbar-trigger {
  opacity: 0;
}
.tx-buttonbar.active .buttonbar-content {
  opacity: 1;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
@media (min-width: 768px) {
  .tx-buttonbar .buttonbar-content {
    min-width: 320px;
  }
  .tx-buttonbar .buttonbar-content div[id^="c"] {
    padding: 30px 40px;
  }
}
@media (min-width: 992px) {
  .tx-buttonbar {
    right: 40px;
  }
}
/**
 * Typo3 Layout
 * shrink: Block schmaler (News Detail only)
 *
.frame-layout-2 {
    @media (min-width: @screen-sm) {
        padding-left: @indent-width;
        padding-right: @indent-width;
    }
    /*@media (min-width: @screen-xxl) {
		padding-left: @indent-width-2x;
        padding-right: @indent-width-2x;
	}*
}*/
/**
 *	Typo3 Frame Layout
 *	Layout 1: Grauer Hintergrund
 */
.frame-layout-1 {
  background-color: #ebeaeb;
  margin-left: -20px;
  margin-right: -20px;
  padding: 40px 20px;
}
@media (min-width: 992px) {
  .frame-layout-1 {
    margin-left: -40px;
    margin-right: -40px;
    padding: 80px 20px;
  }
}
@media (min-width: 1440px) {
  .frame-layout-1 {
    margin-left: -120px;
    margin-right: -120px;
  }
}
@media (min-width: 1920px) {
  .frame-layout-1 {
    margin-left: -240px;
    margin-right: -240px;
    padding: 80px 20px;
  }
}
/**
 *	Typo3 Frame Layout
 *	Layout 1: Block schmal
 *
//div[id^="c"].frame-layout-1 {
.frame-layout-1 {
    @media (min-width: @screen-sm) {
        width: 83.33333333%;
        margin-left: auto;
        margin-right: auto;
    }
    @media (min-width: @screen-lg) {
        width: 75%;
    }
    @media (min-width: @screen-xl) {
        width: 66.66666667%;
    }
}*/
/**
 *	Typo3 Frame Layout
 *	Layout 2: Block schmaler
 *
//div[id^="c"].frame-layout-2 {
.frame-layout-2 {
	@media (min-width: @screen-sm) {
        width: 58.33333333%;
        margin-left: auto;
		margin-right: auto;
    }
    @media (min-width: @screen-lg) {
		width: 50%;
	}
	@media (min-width: @screen-xl) {
		width: 41.66666667%;
	}
}*/
/**
 *	Typo3 Frame Layout
 *	Layout 2: Einrückung Links
 *
//div[id^="c"].frame-layout-2 {
.frame-layout-2 {
	@media (min-width: @screen-sm) {
		padding-left: 25%;
	}
	@media (min-width: @screen-lg) {
		padding-left: @col-width*2;
	}
}*/
/*
 *	Typo3 Frame Layout
 *	Layout 3: Zweispaltiger Text
 *
div[id^="c"].frame-layout-3 {
	@media (min-width: 640px) {
		.ce-bodytext {
			-webkit-column-count: 2; // Chrome, Safari, Opera
			-moz-column-count: 2; // Firefox
			column-count: 2;

			-webkit-column-gap: @grid-padding; // Chrome, Safari, Opera
			-moz-column-gap: @grid-padding; // Firefox
			column-gap: @grid-padding;
		}
		header {
			-webkit-column-span: all; // Chrome, Safari, Opera
			column-span: all;
		}
	}
}*/
/*.contentstyles {
	figure.image figcaption {
		.small;
		color: @1stcolor;
    }
    
    /*ul:not(.ce-uploads):not(.pagination):not(.nav-pills) { //}:not(.list-east):not(.list-bulletpoints)
        list-style: none;
        padding: 0;
        padding-right: @col-width;
        .listCustom(" ", 2);
        //> li:before { color: @2ndcolor }
    }*
	
	// Bildkante an Großbuchstaben angleichen
	.ce-intext .ce-gallery {
		margin-top: 6px;
	}

	// Re-format image besides text
	.ce-intext.ce-nowrap {
		.ce-gallery, .ce-bodytext {
			width: 100%;
			float: left;
			margin-right: 0 !important;
			margin-left: 0 !important;
			margin-top: 0;
		}
		> div:first-child {
			margin-top: @grid-padding;
		}
	}
	.ce-intext.ce-right .ce-gallery, .ce-intext.ce-left .ce-gallery, .ce-above .ce-gallery {
		margin-bottom: @grid-padding;
	}
	.ce-intext .ce-gallery {
		width: 100%;
		margin-right: 0;
		margin-left: 0;
	}
	
	.ce-gallery figcaption {
		margin-bottom: 15px;
		padding-right: 15px;
	}
	.ce-below .ce-gallery {
		margin-top: @grid-padding;
		float: none;
		display: inline-block;
    }
    .ce-gallery[data-ce-columns="1"] {
        .ce-column {
			width: 100%;
            margin-right: 0;
			figure, img { .fullwidth; }
		}
        .ce-column + .ce-column { margin-top: @grid-padding }
    }
	.ce-gallery[data-ce-columns="2"],
	.ce-gallery[data-ce-columns="3"],
	.ce-gallery[data-ce-columns="4"] {
        .ce-outer, .ce-inner {
            float: none;
            right: auto;
        }
        .ce-row {
            display: flex;
            flex-flow: column wrap;
            margin: 0 -@grid-padding/2;
        }
        .ce-column {
            width: 100%;
            padding: 0 @grid-padding/2;
            margin: 0 0 @grid-padding;
            float: none;
            figure, img { .fullwidth; }
        }
        /*.ce-column {
			width: 100%;
            //margin-right: 0;
            margin: 0;
            float: none;
			figure, img { .fullwidth; }
		}*
        //.ce-row + .ce-row,
        //.ce-column + .ce-column { margin-top: @grid-padding }
	}

	// Re-format image besides text
	.ce-intext.ce-nowrap {
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		/*-webkit-align-items: center;
		-ms-align-items: center;
		align-items: center;
		-webkit-justify-content: center;
		-ms-justify-content: center;
		justify-content: center;*
		-webkit-flex-direction: column-reverse;
		-ms-flex-direction: column-reverse;
		flex-direction: column-reverse;

		&.ce-left {
			-webkit-flex-direction: column;
			-ms-flex-direction: column;
			flex-direction: column;
		}
		
		.ce-gallery, .ce-bodytext {
			width: 100%;
			margin: 0;
			padding: 0;
			float: none;
		}
		.ce-gallery {
			figure, img { 
				margin: 0; //0 auto
				width: auto;
				max-width: 100%;
			}
		}
		/*
		//.ce-gallery { width: 33.33333333% }
		//.ce-bodytext { width: 58.33333333% }
		> div:first-child {
			padding-right: 10px;
			//margin-right: 8.33333333% !important;

			& + div {
				padding-left: 10px;
			}
		}
		*
		/*&.ce-right {
			-webkit-flex-direction: column-reverse;
			-ms-flex-direction: column-reverse;
			flex-direction: column-reverse;
			.ce-gallery {
				padding-top: @grid-padding;
			}
			/*
			.ce-gallery, .ce-bodytext {
				float: right;
			}
			> div:first-child {
				padding-left: 10px;
				padding-right: 0;
				//margin-left: 8.33333333% !important;
				//margin-right: 0 !important;
	
				& + div {
					padding-right: 10px;
					padding-left: 0;
					//margin-left: 0;
				}
			}
			*
		}*
		// Bildkante an Großbuchstaben angleichen
		/*.ce-gallery {
			margin-top: 6px;
		}*
	}
	
	@media (min-width: @screen-xs) {
		.ce-gallery[data-ce-columns="2"],
		.ce-gallery[data-ce-columns="3"],
		.ce-gallery[data-ce-columns="4"] {
			//margin-left: -5px;
            //margin-right: -5px;
            .ce-row {
                flex-flow: row wrap;
            }
			.ce-column {
                width: 50%;
			}
			//.ce-column + .ce-column { margin-top: 0 }
		}
	}
	
	@media (min-width: @screen-sm) {
		.ce-gallery[data-ce-columns="3"]  {
			//margin-left: -5px;
			//margin-right: -5px;
			.ce-column {
				width: 33.33333333%;
				//padding: 0 5px;
				//float: left;
			}
			//.ce-column + .ce-column { margin-top: 0 }
		}

		// Re-format image besides text
		.ce-intext.ce-nowrap {
			.ce-gallery { width: 33.333333% }
			.ce-bodytext { width: 66.666666% }
			> div:first-child {
				margin-top: 0;
			}
			&.ce-left {
				-webkit-flex-direction: row;
				-ms-flex-direction: row;
				flex-direction: row;

				.ce-bodytext {
					padding-left: @grid-padding;
				}
			}
			&.ce-right {
				-webkit-flex-direction: row-reverse;
				-ms-flex-direction: row-reverse;
				flex-direction: row-reverse;
				/*.ce-gallery {
					padding-top: 0;
				}*
				.ce-bodytext {
					padding-right: @grid-padding;
				}
			}
		}
		.ce-intext {
			.ce-gallery {
				width: auto;
			}
			&.ce-left .ce-gallery { margin-right: @grid-padding }
			&.ce-right .ce-gallery { margin-left: @grid-padding }
		}
	}
	
	@media (min-width: @screen-md) {
		.ce-gallery[data-ce-columns="4"] {
			//margin-left: -5px;
			//margin-right: -5px;
			.ce-column {
				width: 25%;
				//padding: 0 5px;
				//float: left;
			}
			//.ce-column + .ce-column { margin-top: 0 }
		}
	}

	@media (min-width: @screen-lg) {
		//padding-left: 70px;
		//padding-right: 70px;

		// Re-format image besides text
		.ce-intext.ce-nowrap {
			&.ce-left {
				.ce-bodytext {
					padding-left: @grid-padding-2x;
				}
			}
			&.ce-right {
				.ce-bodytext {
					padding-right: @grid-padding-2x;
				}
			}
		}
	}
}*/
/**
 * .ce-bodytext with triangles beside
 */
.bodytext-svg {
  display: none;
}
.ce-bodytext--traingles-beside {
  position: relative;
  background-color: #fff;
}
.ce-bodytext--traingles-beside .bodytext-svg {
  display: block;
  position: absolute;
  top: 0;
  height: 102%;
  width: auto;
  z-index: 0;
}
.ce-bodytext--traingles-beside .bodytext-svg.svg-before {
  right: calc(100% - 1px);
}
.ce-bodytext--traingles-beside .bodytext-svg.svg-after {
  left: 99.8%;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
@media (min-width: 1200px) {
  .ce-bodytext--traingles-beside {
    margin-right: 0%;
  }
}
.contentstyles2 .ce-center .ce-gallery,
.contentstyles2 .ce-nowrap .ce-gallery,
.contentstyles2 .ce-backgroundimage .ce-gallery {
  margin-left: -20px;
  margin-right: -20px;
}
.contentstyles2 .ce-center .ce-gallery figure,
.contentstyles2 .ce-nowrap .ce-gallery figure,
.contentstyles2 .ce-backgroundimage .ce-gallery figure {
  width: 100%;
}
.contentstyles2 .ce-center .ce-gallery img,
.contentstyles2 .ce-nowrap .ce-gallery img,
.contentstyles2 .ce-backgroundimage .ce-gallery img {
  width: 100%;
  max-width: none;
}
.contentstyles2 .ce-center:not(.is-slideshow) .ce-gallery {
  display: flex;
  flex-flow: column nowrap;
  /*margin: -@grid-padding/2;
            figure {
                padding: @grid-padding/2;
            }*/
}
.contentstyles2 .ce-center:not(.is-slideshow).ce-above .ce-bodytext {
  margin-top: 20px;
}
.contentstyles2 .ce-center:not(.is-slideshow).ce-below .ce-bodytext {
  margin-bottom: 20px;
}
.contentstyles2 .ce-center.is-slideshow figcaption {
  font-size: inherit;
  color: #706f6f;
  margin-top: 0;
  padding: 20px/2 20px 0;
  text-align: right;
}
.contentstyles2 .ce-nowrap .ce-gallery figure + figure,
.contentstyles2 .ce-nowrap .ce-bodytext {
  margin-top: 20px;
}
.contentstyles2 .ce-backgroundimage .ce-bodytext {
  margin-top: 20px;
}
@media (max-width: 767px) {
  .contentstyles2 .ce-backgroundimage .ce-gallery:not(.bg-primary) {
    display: none;
  }
}
@media (min-width: 768px) {
  .contentstyles2 .ce-center:not(.is-slideshow) .ce-gallery:not([data-ce-images="1"]) {
    flex-flow: row wrap;
  }
  .contentstyles2 .ce-center:not(.is-slideshow) .ce-gallery:not([data-ce-images="1"]) figure {
    width: 50%;
  }
  .contentstyles2 .ce-center:not(.is-slideshow).ce-above .ce-bodytext {
    position: relative;
    background-color: #fff;
  }
  .contentstyles2 .ce-center:not(.is-slideshow).ce-above .ce-bodytext .bodytext-svg {
    display: block;
    position: absolute;
    top: 0;
    height: 102%;
    width: auto;
    z-index: 0;
  }
  .contentstyles2 .ce-center:not(.is-slideshow).ce-above .ce-bodytext .bodytext-svg.svg-before {
    right: calc(100% - 1px);
  }
  .contentstyles2 .ce-center:not(.is-slideshow).ce-above .ce-bodytext .bodytext-svg.svg-after {
    left: 99.8%;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  .contentstyles2 .ce-center:not(.is-slideshow).ce-above .ce-bodytext:after {
    content: '';
    position: absolute;
    top: 0;
    left: 100%;
    width: 100%;
    height: 100%;
    background-color: #fff;
  }
  .contentstyles2 .ce-center:not(.is-slideshow).ce-above .ce-bodytext .btn-pdf {
    position: absolute;
    bottom: 40px;
    right: calc(100% + 20px);
    white-space: nowrap;
  }
  .contentstyles2.frame-type-textmedia > header.is-right {
    margin-left: 0;
    padding-left: 0;
    text-align: right;
  }
  .contentstyles2 .ce-nowrap {
    display: flex;
    flex-flow: row wrap;
    margin: -20px;
  }
  .contentstyles2 .ce-nowrap > div {
    padding: 20px;
  }
  .contentstyles2 .ce-nowrap .ce-gallery {
    width: 30%;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .contentstyles2 .ce-nowrap .ce-bodytext {
    margin-top: 0;
    width: 60%;
  }
  .contentstyles2 .ce-nowrap.ce-right {
    flex-direction: row-reverse;
  }
  .contentstyles2 .ce-nowrap.ce-right .ce-gallery {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  .contentstyles2 .ce-nowrap.ce-right .ce-gallery .is-below {
    margin-bottom: 25px;
    margin-top: 20px;
  }
  .contentstyles2 .ce-nowrap.ce-right .ce-bodytext {
    text-align: right;
  }
  .contentstyles2 .ce-backgroundimage {
    position: relative;
  }
  .contentstyles2 .ce-backgroundimage .ce-gallery {
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
  }
  .contentstyles2 .ce-backgroundimage figure {
    height: 100%;
  }
  .contentstyles2 .ce-backgroundimage img {
    height: 100%;
    object-fit: cover;
  }
  .contentstyles2 .ce-backgroundimage .ce-bodytext {
    position: relative;
    background-color: #fff;
  }
  .contentstyles2 .ce-backgroundimage .ce-bodytext .bodytext-svg {
    display: block;
    position: absolute;
    top: 0;
    height: 102%;
    width: auto;
    z-index: 0;
  }
  .contentstyles2 .ce-backgroundimage .ce-bodytext .bodytext-svg.svg-before {
    right: calc(100% - 1px);
  }
  .contentstyles2 .ce-backgroundimage .ce-bodytext .bodytext-svg.svg-after {
    left: 99.8%;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
  }
}
@media (min-width: 768px) and (min-width: 1200px) {
  .contentstyles2 .ce-center:not(.is-slideshow).ce-above .ce-bodytext {
    margin-right: 0%;
  }
}
@media (min-width: 768px) and (min-width: 1200px) {
  .contentstyles2 .ce-backgroundimage .ce-bodytext {
    margin-right: 0%;
  }
}
@media (min-width: 992px) {
  .contentstyles2 {
    /*.ce-nowrap {
            margin: -@grid-padding;
            > div {
                padding: @grid-padding;
            }
        }*/
  }
  .contentstyles2 .ce-center .ce-gallery,
  .contentstyles2 .ce-nowrap .ce-gallery,
  .contentstyles2 .ce-backgroundimage .ce-gallery {
    margin-left: 0;
    margin-right: -40px;
  }
  .contentstyles2 .ce-center:not(.is-slideshow) .ce-gallery:not([data-ce-images="1"]):not([data-ce-images="2"]):not([data-ce-images="4"]) figure {
    width: 33.33333333%;
  }
  .contentstyles2 .ce-center.is-slideshow figcaption {
    padding: 20px 40px 0;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .contentstyles2 .ce-nowrap.has-video {
    display: block;
    margin: 0;
  }
  .contentstyles2 .ce-nowrap.has-video > div {
    padding: 0;
  }
  .contentstyles2 .ce-nowrap.has-video .ce-gallery {
    width: auto;
    margin-left: -20px !important;
    margin-right: -20px !important;
  }
  .contentstyles2 .ce-nowrap.has-video .ce-bodytext {
    margin-top: 20px;
    width: auto;
  }
  .contentstyles2 .ce-nowrap.has-video.ce-right .ce-gallery {
    display: block;
    /*.is-below {
                        margin-bottom: 25px;
                        margin-top: @grid-padding;
                    }*/
  }
  .contentstyles2 .ce-nowrap.has-video.ce-right .ce-bodytext {
    text-align: left;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .contentstyles2 .ce-nowrap.has-video .ce-gallery {
    margin-left: -40px !important;
    margin-right: -40px !important;
  }
}
@media (min-width: 1200px) {
  .contentstyles2.frame-type-textmedia > header.is-right {
    margin-right: 60%;
    padding-right: 20px;
  }
  .contentstyles2 .ce-nowrap.ce-right .ce-gallery {
    width: 60%;
  }
  .contentstyles2 .ce-nowrap.ce-right .ce-bodytext {
    width: 30%;
  }
}
@media (min-width: 1440px) {
  .contentstyles2 .ce-center .ce-gallery,
  .contentstyles2 .ce-nowrap .ce-gallery,
  .contentstyles2 .ce-backgroundimage .ce-gallery {
    margin-left: 0;
    margin-right: -120px;
  }
  .contentstyles2 .ce-center.is-slideshow figcaption {
    padding-left: 120px;
    padding-right: 120px;
  }
}
@media (min-width: 1920px) {
  .contentstyles2 .ce-center .ce-gallery,
  .contentstyles2 .ce-nowrap .ce-gallery,
  .contentstyles2 .ce-backgroundimage .ce-gallery {
    margin-left: 0;
    margin-right: -240px;
  }
  .contentstyles2 .ce-center.is-slideshow figcaption {
    padding-left: 240px;
    padding-right: 240px;
  }
}
.maincontent {
  /*@media (min-width: @screen-lg) {
		.main-inner {
            > div[id^="c"]:not(.frame-class-enlarge) {
                padding-left: @indent-width*1.5;
                padding-right: 0;
            }
        }
	}*/
}
.maincontent .main-inner > div[id^="c"]:not(.frame-type-gridelements_pi1) .ce-center .ce-gallery,
.maincontent .main-inner > div[id^="c"]:not(.frame-type-gridelements_pi1) .ce-nowrap .ce-gallery,
.maincontent .main-inner > div[id^="c"]:not(.frame-type-gridelements_pi1) .ce-backgroundimage .ce-gallery {
  margin-left: -20px;
  margin-right: -20px;
}
.maincontent .main-inner > div[id^="c"]:not(.frame-type-gridelements_pi1) .ce-center .ce-gallery figure,
.maincontent .main-inner > div[id^="c"]:not(.frame-type-gridelements_pi1) .ce-nowrap .ce-gallery figure,
.maincontent .main-inner > div[id^="c"]:not(.frame-type-gridelements_pi1) .ce-backgroundimage .ce-gallery figure {
  width: 100%;
}
.maincontent .main-inner > div[id^="c"]:not(.frame-type-gridelements_pi1) .ce-center .ce-gallery img,
.maincontent .main-inner > div[id^="c"]:not(.frame-type-gridelements_pi1) .ce-nowrap .ce-gallery img,
.maincontent .main-inner > div[id^="c"]:not(.frame-type-gridelements_pi1) .ce-backgroundimage .ce-gallery img {
  width: 100%;
  max-width: none;
}
.maincontent .main-inner > div[id^="c"]:not(.frame-type-gridelements_pi1) .ce-center:not(.is-slideshow) .ce-gallery {
  display: flex;
  flex-flow: column nowrap;
  /*margin: -@grid-padding/2;
            figure {
                padding: @grid-padding/2;
            }*/
}
.maincontent .main-inner > div[id^="c"]:not(.frame-type-gridelements_pi1) .ce-center:not(.is-slideshow).ce-above .ce-bodytext {
  margin-top: 20px;
}
.maincontent .main-inner > div[id^="c"]:not(.frame-type-gridelements_pi1) .ce-center:not(.is-slideshow).ce-below .ce-bodytext {
  margin-bottom: 20px;
}
.maincontent .main-inner > div[id^="c"]:not(.frame-type-gridelements_pi1) .ce-center.is-slideshow figcaption {
  font-size: inherit;
  color: #706f6f;
  margin-top: 0;
  padding: 20px/2 20px 0;
  text-align: right;
}
.maincontent .main-inner > div[id^="c"]:not(.frame-type-gridelements_pi1) .ce-nowrap .ce-gallery figure + figure,
.maincontent .main-inner > div[id^="c"]:not(.frame-type-gridelements_pi1) .ce-nowrap .ce-bodytext {
  margin-top: 20px;
}
.maincontent .main-inner > div[id^="c"]:not(.frame-type-gridelements_pi1) .ce-backgroundimage .ce-bodytext {
  margin-top: 20px;
}
@media (max-width: 767px) {
  .maincontent .main-inner > div[id^="c"]:not(.frame-type-gridelements_pi1) .ce-backgroundimage .ce-gallery:not(.bg-primary) {
    display: none;
  }
}
@media (min-width: 768px) {
  .maincontent .main-inner > div[id^="c"]:not(.frame-type-gridelements_pi1) .ce-center:not(.is-slideshow) .ce-gallery:not([data-ce-images="1"]) {
    flex-flow: row wrap;
  }
  .maincontent .main-inner > div[id^="c"]:not(.frame-type-gridelements_pi1) .ce-center:not(.is-slideshow) .ce-gallery:not([data-ce-images="1"]) figure {
    width: 50%;
  }
  .maincontent .main-inner > div[id^="c"]:not(.frame-type-gridelements_pi1) .ce-center:not(.is-slideshow).ce-above .ce-bodytext {
    position: relative;
    background-color: #fff;
  }
  .maincontent .main-inner > div[id^="c"]:not(.frame-type-gridelements_pi1) .ce-center:not(.is-slideshow).ce-above .ce-bodytext .bodytext-svg {
    display: block;
    position: absolute;
    top: 0;
    height: 102%;
    width: auto;
    z-index: 0;
  }
  .maincontent .main-inner > div[id^="c"]:not(.frame-type-gridelements_pi1) .ce-center:not(.is-slideshow).ce-above .ce-bodytext .bodytext-svg.svg-before {
    right: calc(100% - 1px);
  }
  .maincontent .main-inner > div[id^="c"]:not(.frame-type-gridelements_pi1) .ce-center:not(.is-slideshow).ce-above .ce-bodytext .bodytext-svg.svg-after {
    left: 99.8%;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  .maincontent .main-inner > div[id^="c"]:not(.frame-type-gridelements_pi1) .ce-center:not(.is-slideshow).ce-above .ce-bodytext:after {
    content: '';
    position: absolute;
    top: 0;
    left: 100%;
    width: 100%;
    height: 100%;
    background-color: #fff;
  }
  .maincontent .main-inner > div[id^="c"]:not(.frame-type-gridelements_pi1) .ce-center:not(.is-slideshow).ce-above .ce-bodytext .btn-pdf {
    position: absolute;
    bottom: 40px;
    right: calc(100% + 20px);
    white-space: nowrap;
  }
  .maincontent .main-inner > div[id^="c"]:not(.frame-type-gridelements_pi1).frame-type-textmedia > header.is-right {
    margin-left: 0;
    padding-left: 0;
    text-align: right;
  }
  .maincontent .main-inner > div[id^="c"]:not(.frame-type-gridelements_pi1) .ce-nowrap {
    display: flex;
    flex-flow: row wrap;
    margin: -20px;
  }
  .maincontent .main-inner > div[id^="c"]:not(.frame-type-gridelements_pi1) .ce-nowrap > div {
    padding: 20px;
  }
  .maincontent .main-inner > div[id^="c"]:not(.frame-type-gridelements_pi1) .ce-nowrap .ce-gallery {
    width: 30%;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .maincontent .main-inner > div[id^="c"]:not(.frame-type-gridelements_pi1) .ce-nowrap .ce-bodytext {
    margin-top: 0;
    width: 60%;
  }
  .maincontent .main-inner > div[id^="c"]:not(.frame-type-gridelements_pi1) .ce-nowrap.ce-right {
    flex-direction: row-reverse;
  }
  .maincontent .main-inner > div[id^="c"]:not(.frame-type-gridelements_pi1) .ce-nowrap.ce-right .ce-gallery {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  .maincontent .main-inner > div[id^="c"]:not(.frame-type-gridelements_pi1) .ce-nowrap.ce-right .ce-gallery .is-below {
    margin-bottom: 25px;
    margin-top: 20px;
  }
  .maincontent .main-inner > div[id^="c"]:not(.frame-type-gridelements_pi1) .ce-nowrap.ce-right .ce-bodytext {
    text-align: right;
  }
  .maincontent .main-inner > div[id^="c"]:not(.frame-type-gridelements_pi1) .ce-backgroundimage {
    position: relative;
  }
  .maincontent .main-inner > div[id^="c"]:not(.frame-type-gridelements_pi1) .ce-backgroundimage .ce-gallery {
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
  }
  .maincontent .main-inner > div[id^="c"]:not(.frame-type-gridelements_pi1) .ce-backgroundimage figure {
    height: 100%;
  }
  .maincontent .main-inner > div[id^="c"]:not(.frame-type-gridelements_pi1) .ce-backgroundimage img {
    height: 100%;
    object-fit: cover;
  }
  .maincontent .main-inner > div[id^="c"]:not(.frame-type-gridelements_pi1) .ce-backgroundimage .ce-bodytext {
    position: relative;
    background-color: #fff;
  }
  .maincontent .main-inner > div[id^="c"]:not(.frame-type-gridelements_pi1) .ce-backgroundimage .ce-bodytext .bodytext-svg {
    display: block;
    position: absolute;
    top: 0;
    height: 102%;
    width: auto;
    z-index: 0;
  }
  .maincontent .main-inner > div[id^="c"]:not(.frame-type-gridelements_pi1) .ce-backgroundimage .ce-bodytext .bodytext-svg.svg-before {
    right: calc(100% - 1px);
  }
  .maincontent .main-inner > div[id^="c"]:not(.frame-type-gridelements_pi1) .ce-backgroundimage .ce-bodytext .bodytext-svg.svg-after {
    left: 99.8%;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
  }
}
@media (min-width: 768px) and (min-width: 1200px) {
  .maincontent .main-inner > div[id^="c"]:not(.frame-type-gridelements_pi1) .ce-center:not(.is-slideshow).ce-above .ce-bodytext {
    margin-right: 0%;
  }
}
@media (min-width: 768px) and (min-width: 1200px) {
  .maincontent .main-inner > div[id^="c"]:not(.frame-type-gridelements_pi1) .ce-backgroundimage .ce-bodytext {
    margin-right: 0%;
  }
}
@media (min-width: 992px) {
  .maincontent .main-inner > div[id^="c"]:not(.frame-type-gridelements_pi1) {
    /*.ce-nowrap {
            margin: -@grid-padding;
            > div {
                padding: @grid-padding;
            }
        }*/
  }
  .maincontent .main-inner > div[id^="c"]:not(.frame-type-gridelements_pi1) .ce-center .ce-gallery,
  .maincontent .main-inner > div[id^="c"]:not(.frame-type-gridelements_pi1) .ce-nowrap .ce-gallery,
  .maincontent .main-inner > div[id^="c"]:not(.frame-type-gridelements_pi1) .ce-backgroundimage .ce-gallery {
    margin-left: 0;
    margin-right: -40px;
  }
  .maincontent .main-inner > div[id^="c"]:not(.frame-type-gridelements_pi1) .ce-center:not(.is-slideshow) .ce-gallery:not([data-ce-images="1"]):not([data-ce-images="2"]):not([data-ce-images="4"]) figure {
    width: 33.33333333%;
  }
  .maincontent .main-inner > div[id^="c"]:not(.frame-type-gridelements_pi1) .ce-center.is-slideshow figcaption {
    padding: 20px 40px 0;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .maincontent .main-inner > div[id^="c"]:not(.frame-type-gridelements_pi1) .ce-nowrap.has-video {
    display: block;
    margin: 0;
  }
  .maincontent .main-inner > div[id^="c"]:not(.frame-type-gridelements_pi1) .ce-nowrap.has-video > div {
    padding: 0;
  }
  .maincontent .main-inner > div[id^="c"]:not(.frame-type-gridelements_pi1) .ce-nowrap.has-video .ce-gallery {
    width: auto;
    margin-left: -20px !important;
    margin-right: -20px !important;
  }
  .maincontent .main-inner > div[id^="c"]:not(.frame-type-gridelements_pi1) .ce-nowrap.has-video .ce-bodytext {
    margin-top: 20px;
    width: auto;
  }
  .maincontent .main-inner > div[id^="c"]:not(.frame-type-gridelements_pi1) .ce-nowrap.has-video.ce-right .ce-gallery {
    display: block;
    /*.is-below {
                        margin-bottom: 25px;
                        margin-top: @grid-padding;
                    }*/
  }
  .maincontent .main-inner > div[id^="c"]:not(.frame-type-gridelements_pi1) .ce-nowrap.has-video.ce-right .ce-bodytext {
    text-align: left;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .maincontent .main-inner > div[id^="c"]:not(.frame-type-gridelements_pi1) .ce-nowrap.has-video .ce-gallery {
    margin-left: -40px !important;
    margin-right: -40px !important;
  }
}
@media (min-width: 1200px) {
  .maincontent .main-inner > div[id^="c"]:not(.frame-type-gridelements_pi1).frame-type-textmedia > header.is-right {
    margin-right: 60%;
    padding-right: 20px;
  }
  .maincontent .main-inner > div[id^="c"]:not(.frame-type-gridelements_pi1) .ce-nowrap.ce-right .ce-gallery {
    width: 60%;
  }
  .maincontent .main-inner > div[id^="c"]:not(.frame-type-gridelements_pi1) .ce-nowrap.ce-right .ce-bodytext {
    width: 30%;
  }
}
@media (min-width: 1440px) {
  .maincontent .main-inner > div[id^="c"]:not(.frame-type-gridelements_pi1) .ce-center .ce-gallery,
  .maincontent .main-inner > div[id^="c"]:not(.frame-type-gridelements_pi1) .ce-nowrap .ce-gallery,
  .maincontent .main-inner > div[id^="c"]:not(.frame-type-gridelements_pi1) .ce-backgroundimage .ce-gallery {
    margin-left: 0;
    margin-right: -120px;
  }
  .maincontent .main-inner > div[id^="c"]:not(.frame-type-gridelements_pi1) .ce-center.is-slideshow figcaption {
    padding-left: 120px;
    padding-right: 120px;
  }
}
@media (min-width: 1920px) {
  .maincontent .main-inner > div[id^="c"]:not(.frame-type-gridelements_pi1) .ce-center .ce-gallery,
  .maincontent .main-inner > div[id^="c"]:not(.frame-type-gridelements_pi1) .ce-nowrap .ce-gallery,
  .maincontent .main-inner > div[id^="c"]:not(.frame-type-gridelements_pi1) .ce-backgroundimage .ce-gallery {
    margin-left: 0;
    margin-right: -240px;
  }
  .maincontent .main-inner > div[id^="c"]:not(.frame-type-gridelements_pi1) .ce-center.is-slideshow figcaption {
    padding-left: 240px;
    padding-right: 240px;
  }
}
.maincontent div[id^="c"] + div[id^="c"]:not(.has-nomargintop):not(.frame-class-nomargintop):not(.frame-type-html) {
  margin-top: 40px;
}
@media (min-width: 768px) {
  .maincontent {
    /*.main-inner,
        .sub-inner {
            > div[id^="c"]:not(.frame-class-enlarge) {
                padding-left: @indent-width;
                padding-right: @indent-width;
            }
        }*/
  }
  .maincontent .main-inner > div[id^="c"]:not(.frame-type-gridelements_pi1):first-child {
    /*.bodytext-inner {
                    max-height: 240px;
                    overflow-y: scroll;
                }*/
  }
  .maincontent .main-inner > div[id^="c"]:not(.frame-type-gridelements_pi1):first-child .ce-bodytext {
    margin-top: -90px !important;
  }
  .maincontent .main-inner > div[id^="c"]:not(.frame-type-gridelements_pi1).aos-animate .ce-backgroundimage .ce-gallery {
    top: 90px;
  }
}
@media (min-width: 992px) {
  .maincontent .main-inner > div[id^="c"]:not(.frame-type-gridelements_pi1):first-child .ce-bodytext {
    margin-top: -100px !important;
  }
  .maincontent .main-inner > div[id^="c"]:not(.frame-type-gridelements_pi1).aos-animate .ce-backgroundimage .ce-gallery {
    top: 100px;
  }
}
@media (min-width: 1440px) {
  .maincontent {
    /*.main-inner {
            > div[id^="c"]:not(.frame-class-enlarge) {
                padding-left: @indent-width-2x;
            }
        }
        .sub-inner {
            > div[id^="c"]:not(.frame-class-enlarge) {
                padding-left: @indent-width*1.5;
                padding-right: @indent-width*1.5;
            }
        }*/
  }
  .maincontent .main-inner > div[id^="c"]:not(.frame-type-gridelements_pi1):first-child .ce-bodytext {
    margin-top: -115px !important;
  }
  .maincontent .main-inner > div[id^="c"]:not(.frame-type-gridelements_pi1).aos-animate .ce-backgroundimage .ce-gallery {
    top: 115px;
  }
  .maincontent div[id^="c"] + div[id^="c"]:not(.has-nomargintop):not(.frame-class-nomargintop):not(.frame-type-html) {
    margin-top: 60px;
  }
}
@media (min-width: 1920px) {
  .maincontent {
    /*.main-inner {
            > div[id^="c"]:not(.frame-class-enlarge) {
                padding-left: @indent-width-2x.5;
            }
        }
        .sub-inner {
            > div[id^="c"]:not(.frame-class-enlarge) {
                padding-left: @indent-width-2x;
                padding-right: @indent-width-2x;
            }
        }*/
  }
  .maincontent .main-inner > div[id^="c"]:not(.frame-type-gridelements_pi1):first-child .ce-bodytext {
    margin-top: -140px !important;
  }
  .maincontent .main-inner > div[id^="c"]:not(.frame-type-gridelements_pi1).aos-animate .ce-backgroundimage .ce-gallery {
    top: 140px;
  }
  .maincontent div[id^="c"] + div[id^="c"]:not(.has-nomargintop):not(.frame-class-nomargintop):not(.frame-type-html) {
    margin-top: 80px;
  }
}
.maincontent [class*="nomargins"] {
  margin-top: 0 !important;
  margin-bottom: 0;
  padding-bottom: 0;
}
/**
 *	Bootstrap Grids
 *	Background Styles
 */
.bg-grey {
  background-color: #ebeaeb;
  /*.frame-layout-1 {
		background-color: @white;
		border: @grid-padding solid @bgcolor;
		.borderRadius();
	}*/
}
.bg-primary {
  background-color: #0085be;
}
.bg-secondary {
  background-color: #ff8a00;
  color: #fff;
  /*&.frame-layout-2 {
        background-clip: content-box;
        .ce-bodytext {
            padding: @grid-padding-2x;
            @media (min-width: @screen-md) {
                padding: @grid-padding-3x;
            }
            @media (min-width: @screen-xl) {
                padding: @grid-padding-4x;
            }
        }
        table {
            max-width: 420px;
            td {
                padding: 0;
                white-space: nowrap;
            }
        }
    }*/
}
/*.bg-gradient {
	background-color: transparent;
	background-image: url("../img/bg-gradient-messe-erfurt.jpg");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
.bg-border-shadow {
	border: 10px solid @white;
	.bgshadow();
}*/
.row-gridelements {
  /*div[class*="col-"].bg-grey {
		background-color: transparent;
	}*/
  /*&.bg-border-shadow {
		margin-left: 0;
		margin-right: 0;
		> div[class*="col-"] {
			padding-left: 0;
			padding-right: 0;
			margin-top: 0;
		}
	}*/
}
.row-gridelements div[class*="col-sm-"] + div[class*="col-sm-"] {
  margin-top: 20px;
}
.row-gridelements.bg-grey,
.row-gridelements.bg-primary {
  padding: 20px;
}
.row-gridelements.bg-grey .list-checkmark > li:before,
.row-gridelements.bg-primary .list-checkmark > li:before {
  color: #fff;
}
.row-gridelements.bg-primary {
  /*div:not(".panel") */
}
.row-gridelements.bg-primary > div[id^="c"] > header h1,
.row-gridelements.bg-primary .tx-felogin-pi1 h1,
.row-gridelements.bg-primary > div[id^="c"] > header h2,
.row-gridelements.bg-primary .tx-felogin-pi1 h2,
.row-gridelements.bg-primary > div[id^="c"] > header h3,
.row-gridelements.bg-primary .tx-felogin-pi1 h3 {
  color: #fff;
}
.row-gridelements.bg-primary div[id^="c"] header h1,
.row-gridelements.bg-primary div[id^="c"] header h2,
.row-gridelements.bg-primary div[id^="c"] header h3 {
  color: #fff;
}
.row-gridelements.bg-primary div[id^="c"] header h1 + .text-muted,
.row-gridelements.bg-primary div[id^="c"] header h2 + .text-muted,
.row-gridelements.bg-primary div[id^="c"] header h3 + .text-muted {
  color: #fff;
}
@media (min-width: 768px) {
  .row-gridelements {
    /* .col-sm-5 {
            width: 40%;
        }

        .col-sm-7 {
            width: 60%;
        }

        .col-sm-push-5 {
            left: 40%;
        }

        .col-sm-pull-5 {
            right: 40%;
        }

        .col-sm-pull-7 {
            right: 60%;
        } */
  }
  .row-gridelements div[class*="col-sm-"] + div[class*="col-sm-"] {
    margin-top: 0;
  }
  .row-gridelements.justify-content-between .col {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  .row-gridelements.align-items-end .col:not(.text-left) {
    text-align: right;
  }
  .row-gridelements.bg-grey,
  .row-gridelements.bg-primary {
    padding: 40px;
  }
  .row-gridelements .panel-group {
    margin-left: 0;
  }
  /*.bg-grey {
		.frame-layout-1 {
			border-width: @grid-padding-2x;
		}
	}*/
}
@media (min-width: 992px) {
  .row-gridelements {
    /* 
        .col-md-5 {
            width: 40%;
        }

        .col-md-7 {
            width: 60%;
        }

        .col-md-push-5 {
            left: 40%;
        }

        .col-md-pull-7 {
            right: 60%;
        } */
    /*&.align-items-end {
            .col {
                //font-size: 1.5em;
            }
        }*/
  }
  .row-gridelements div[class*="col-md-"] + div[class*="col-md-"] {
    margin-top: 0;
  }
}
@media (min-width: 1200px) {
  .row-gridelements {
    /*    .col-lg-5 {
            width: 40%;
        }

        .col-lg-7 {
            width: 60%;
        }

        .col-lg-push-5 {
            left: 40%;
        }

        .col-lg-pull-7 {
            right: 60%;
        } */
  }
  .row-gridelements.bg-grey,
  .row-gridelements.bg-primary {
    padding: 60px;
  }
}
@media (min-width: 1440px) {
  .row-gridelements div[id^="c"] + div[id^="c"] {
    margin-top: 40px;
  }
}
/*@media (min-width: @screen-xxl) {
	.row-gridelements {
        &.align-items-end {
            .col {
                //font-size: 2em;
            }
        }
	}
}*/
/**
 * DCE: IGB Cloud
 */
.tx-cloud {
  position: relative;
}
.tx-cloud figure {
  position: relative;
}
.tx-cloud figcaption {
  position: absolute;
  top: 20px;
  left: 20px;
  display: inline-block;
  padding: 20px/4 20px/2;
  background-color: #ff8a00;
  color: #fff;
  text-transform: uppercase;
}
@media (max-width: 767px) {
  .tx-cloud figure[data-cycle="4"],
  .tx-cloud .cloud-secondary {
    display: none;
  }
}
@media (min-width: 768px) {
  .tx-cloud figure {
    width: 35%;
  }
  .tx-cloud .news {
    position: relative;
    z-index: 1;
    width: 80%;
    margin-left: 10%;
    margin-top: -20px;
  }
  .tx-cloud figure[data-cycle="4"] {
    position: relative;
    z-index: 2;
    left: 50%;
    transform: translateX(-50%);
    margin-top: -20px;
  }
  .tx-cloud .cloud-secondary {
    width: 100%;
    position: absolute;
    top: 5%;
    right: 0;
    z-index: 0;
  }
  .tx-cloud figure[data-cycle="2"] {
    width: 60%;
    margin-left: auto;
  }
  .tx-cloud figure[data-cycle="2"] figcaption {
    top: auto;
    bottom: 30px;
  }
  .tx-cloud figure[data-cycle="3"] {
    margin: -20px 20px 0 auto;
    position: relative;
    z-index: 1;
  }
}
@media (min-width: 992px) {
  .tx-cloud .news {
    width: 60%;
  }
  .tx-cloud .news .item-cloud {
    padding-right: 20%;
  }
  .tx-cloud figure[data-cycle="4"] {
    transform: translateX(-80%);
  }
}
/**
 * DCE: IGB top-Referenz
 */
.tx-topref {
  margin-left: -20px;
  margin-right: -20px;
}
.tx-topref img {
  width: 100%;
  max-width: none;
}
.tx-topref figcaption {
  margin-top: 0;
  line-height: inherit;
  font-size: inherit;
  color: inherit;
  padding: 0 20px;
}
.tx-topref .slick-prev,
.tx-topref .slick-next {
  color: #ff8a00;
  background-color: #fff;
  justify-content: space-evenly;
  font-size: 16px;
  top: 25px;
  display: block;
}
.tx-topref .slick-prev {
  padding: 7px 9px 7px 5px;
}
.tx-topref .slick-next {
  padding: 7px 6px 7px 8px;
}
.tx-topref picture {
  position: relative;
  display: block;
}
.tx-topref .topref-desc {
  font-size: 14px;
  line-height: 1.2;
  position: absolute;
  bottom: 0;
  left: 0;
  display: inline-block;
  background-color: rgba(255, 255, 255, 0.8);
  padding: 20px/4 20px/2;
}
.tx-topref .topref-slide figure {
  display: flex;
  flex-flow: column nowrap;
}
.tx-topref .topref-slide figcaption {
  margin-top: 20px;
}
.tx-topref .topref-slide figcaption *:last-child {
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .tx-topref {
    /*.slick-prev, .slick-next {
            bottom: auto;
            top: 35px;
        }*/
  }
  .tx-topref .topref-slide figure {
    display: block;
    flex-flow: unset;
  }
  .tx-topref .topref-slide figure figcaption {
    display: none;
  }
  .tx-topref .topref-slide figcaption {
    margin-top: 0;
  }
}
@media (min-width: 992px) {
  .tx-topref {
    margin-left: -40px;
    margin-right: -40px;
  }
  .tx-topref .slick-prev,
  .tx-topref .slick-next {
    font-size: 24px;
    width: 48px;
    height: 48px;
    top: 30px;
  }
  .tx-topref .slick-prev {
    padding: 12px 14px 12px 10px;
  }
  .tx-topref .slick-next {
    padding: 12px 11px 12px 13px;
  }
}
@media (min-width: 1440px) {
  .tx-topref {
    margin-left: 0;
    margin-right: 0;
  }
}
.tx-topref:not(.has-splittext)[data-cycle="1"] figure {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  width: 100%;
}
.tx-topref:not(.has-splittext)[data-cycle="1"] figure img {
  height: 100%;
  object-fit: cover;
}
.tx-topref:not(.has-splittext)[data-cycle="1"] figure picture {
  width: 30%;
  padding-right: 20px;
}
.tx-topref:not(.has-splittext)[data-cycle="1"] figure figcaption {
  display: block;
  width: 70%;
  padding-left: 20px;
}
@media (min-width: 768px) {
  .tx-topref:not(.has-splittext) {
    /*.slick-prev, .slick-next {
                bottom: auto;
                top: 35px;
            }*/
  }
  .tx-topref:not(.has-splittext) .topref-slide figure {
    display: block;
    flex-flow: unset;
  }
  .tx-topref:not(.has-splittext) .topref-slide figure figcaption {
    display: none;
  }
  .tx-topref:not(.has-splittext) .topref-slide figcaption {
    margin-top: 0;
  }
  .tx-topref:not(.has-splittext) .topref-slide[data-cycle="1"] figure {
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    width: 100%;
  }
  .tx-topref:not(.has-splittext) .topref-slide[data-cycle="1"] figure img {
    height: 100%;
    object-fit: cover;
  }
  .tx-topref:not(.has-splittext) .topref-slide[data-cycle="1"] figure picture {
    width: 30%;
    padding-right: 20px;
  }
  .tx-topref:not(.has-splittext) .topref-slide[data-cycle="1"] figure figcaption {
    display: block;
    width: 70%;
    padding-left: 20px;
  }
}
@media (min-width: 1440px) {
  .tx-topref:not(.has-splittext) .topref-slide[data-cycle="1"] figure figcaption {
    width: 50%;
  }
}
.tx-topref:not(.has-splittext).has-picright {
  margin-left: inherit;
  margin-right: inherit;
  margin-top: 20px;
  padding: auto;
}
.tx-topref:not(.has-splittext).has-picright .topref-slide[data-cycle="1"] figure figcaption {
  padding-inline: 0;
}
@media (min-width: 768px) {
  .tx-topref:not(.has-splittext).has-picright .topref-slide[data-cycle="1"] figure {
    flex-direction: column;
    margin: 0 0 0 30%;
    padding: 20px;
  }
  .tx-topref:not(.has-splittext).has-picright .topref-slide[data-cycle="1"] figure figcaption {
    padding-left: 0;
    padding-right: 40px;
    text-align: left;
    flex: 0 0 calc(30% + 20px);
    width: calc(30%+ 20px);
  }
  .tx-topref:not(.has-splittext).has-picright .topref-slide[data-cycle="1"] figure picture {
    flex: 0 0 calc(70% - 20px);
    width: calc(70% - 20px);
    padding: 0;
    margin-bottom: 2rem;
  }
}
@media screen and (min-width: 1200px) {
  .tx-topref:not(.has-splittext).has-picright .topref-slide[data-cycle="1"] figure {
    flex-direction: row-reverse;
    margin-left: auto;
    padding: 0;
  }
  .tx-topref:not(.has-splittext).has-picright .topref-slide[data-cycle="1"] figure figcaption {
    padding-left: 0;
    padding-right: 20px;
    flex: 0 0 30%;
    width: 30%;
    text-align: right;
  }
  .tx-topref:not(.has-splittext).has-picright .topref-slide[data-cycle="1"] figure picture {
    flex: 0 0 70%;
    width: 70%;
    padding: 0 20px;
    margin-bottom: 2rem;
    margin-top: 10px;
  }
}
@media screen and (min-width: 992px) {
  .tx-topref .slick-prev,
  .tx-topref .slick-next {
    top: -2px;
  }
  .tx-topref .slick-prev {
    left: unset;
    right: 100px;
  }
}
@media screen and (min-width: 1440px) {
  .tx-topref .slick-prev {
    right: 180px;
  }
}
.tx-topref.has-splittext .topref-slide figure {
  position: relative;
}
@media screen and (min-width: 768px) {
  .tx-topref.has-splittext .topref-slide figure figcaption {
    position: absolute;
    display: block !important;
    padding: 20px;
    bottom: 40px;
    background: rgba(255, 255, 255, 0.9);
    max-width: min(70%, 600px);
    font-size: 1.2rem;
    line-height: 1.2;
  }
  .tx-topref.has-splittext .topref-slide figure figcaption.align-left {
    left: 40px;
  }
  .tx-topref.has-splittext .topref-slide figure figcaption.align-right {
    right: 40px;
  }
}
/**
 * DCE: Colorbox
 * Blaue Box mit Text und Text-Slider
 */
.tx-colorbox {
  /*.steps-container {
        margin-top: @grid-padding-2x;
        .slick-prev, .slick-next {
            transform: none;
            top: 100%;
            //color: @2ndcolor;
            &:hover, &:focus, &:active {
                color: @3rdcolor;
            }
        }
        .slick-next {
            right: 0;
        }
        .slick-prev {
            left: auto;
            right: @grid-padding-3x;
        }
    }
    .step-number {
        line-height: 1;
        font-size: 2em;
        font-weight: @fontbold;
        color: @3rdcolor;
    }
    .step-text {
        padding-bottom: @grid-padding;
    }*/
}
.tx-colorbox .ce-backgroundimage {
  position: relative;
  padding: 20px 0 60px;
}
.tx-colorbox .ce-backgroundimage .ce-gallery {
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
@media (min-width: 992px) {
  .tx-colorbox .ce-backgroundimage .ce-gallery {
    margin-left: -40px !important;
    margin-right: -40px !important;
  }
}
@media (min-width: 1440px) {
  .tx-colorbox .ce-backgroundimage .ce-gallery {
    margin-left: -120px !important;
    margin-right: -120px !important;
  }
}
@media (min-width: 1920px) {
  .tx-colorbox .ce-backgroundimage .ce-gallery {
    margin-left: -240px !important;
    margin-right: -240px !important;
  }
}
.tx-colorbox .ce-backgroundimage .ce-bodytext {
  color: #fff;
  margin-bottom: 40px;
}
.tx-colorbox .ce-backgroundimage .ce-bodytext h1,
.tx-colorbox .ce-backgroundimage .ce-bodytext h2,
.tx-colorbox .ce-backgroundimage .ce-bodytext h3,
.tx-colorbox .ce-backgroundimage .ce-bodytext .h1,
.tx-colorbox .ce-backgroundimage .ce-bodytext .h2,
.tx-colorbox .ce-backgroundimage .ce-bodytext .h3,
.tx-colorbox .ce-backgroundimage .ce-bodytext a {
  color: #fff;
  font-weight: 400;
}
.tx-colorbox.tx-tiles.tiles-nummeriert .tile .tile-number span {
  color: #ff8a00;
}
.tx-colorbox.tx-tiles.tiles-nummeriert .tile .tile-text {
  color: #fff;
}
@media (min-width: 768px) {
  .tx-colorbox {
    /*.step-number {
            font-size: 3em;
        }*/
  }
  .tx-colorbox .ce-backgroundimage {
    padding-top: 40px;
  }
  .tx-colorbox .ce-backgroundimage .ce-bodytext {
    background-color: transparent !important;
  }
  .tx-colorbox.tx-tiles.tiles-nummeriert .tile {
    width: 33.333333%;
  }
}
@media (min-width: 992px) {
  .tx-colorbox {
    /*.steps-container {
            .slick-prev, .slick-next {
                font-size: inherit;
            }
        }*/
  }
  .tx-colorbox.tx-tiles.tiles-nummeriert .tile {
    flex: none;
    max-width: none;
  }
}
@media (min-width: 1200px) {
  .tx-colorbox.tx-tiles {
    /*.tile {
                width: auto;
                flex: 1 20%;
                max-width: 20%;
            }*/
  }
  .tx-colorbox.tx-tiles.tiles-nummeriert .ce-backgroundimage .ce-bodytext {
    margin-left: 41.666% !important;
  }
  .tx-colorbox.tx-tiles.tiles-nummeriert .tiles-container {
    margin-left: calc(41.66% + 15px);
  }
  .tx-colorbox.tx-tiles.tiles-nummeriert.use-3070-1 .ce-backgroundimage .ce-bodytext {
    margin-left: calc(41.666% + 20px) !important;
  }
  .tx-colorbox.tx-tiles.tiles-nummeriert.use-3070-1 .tiles-container {
    margin-left: calc(41.666% + 0);
  }
}
@media (min-width: 1920px) {
  .tx-colorbox.tx-tiles.tiles-nummeriert .tiles-container {
    margin-left: 41.666%;
  }
}
/**
 * DCE: Kachel-Block
 * 8-Block Team als DCE mit beliebig vielen Kacheln, bei gerade gleiche Zahl je Zeile, bei ungerade letztes weg und damit grauer Block
 */
.tx-tiles {
  padding: 20px/2;
  /*&.tiles-fortlaufend {
        margin-bottom: @grid-padding-3x;
        background-color: @bgcolor;
        .bgshadow();
        .tile {
            > div {
                padding: @grid-padding;
                //border: 1px solid @bgcolor;
                background-color: @white;
                display: flex;
                justify-content: center;
                align-items: center;
            }
            &.title-tile {
                > div {
                    position: relative;
                }
                svg {
                    position: absolute;
                    left: 0; top: 0;
                    width: 100%;
                    height: 100%;
                }
                .tile-title {
                    color: @white;
                    margin-bottom: 0;
                    text-align: center;
                    z-index: 0;
                }
            }
        }
    }*/
}
.tx-tiles .tiles-container {
  margin: -20px/4;
  position: relative;
}
.tx-tiles .tile {
  padding: 20px/4;
}
.tx-tiles .tile:hover .tile-image img,
.tx-tiles .tile:focus .tile-image img {
  -ms-transform: scale(1.06);
  -webkit-transform: scale(1.06);
  transform: scale(1.06);
}
.tx-tiles .tile .tile-text a {
  color: #ff8a00;
  text-decoration: underline;
}
.tx-tiles.tiles-nummeriert {
  padding: 0;
}
.tx-tiles.tiles-nummeriert .tile > div {
  background-color: rgba(0, 0, 0, 0.25);
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  /* &:hover, &:focus, &:active {
                    justify-content: center;
                    .tile-text {
                        padding-top: 0;
                    }
                } */
}
.tx-tiles.tiles-nummeriert .tile:nth-child(7) > div {
  background-color: rgba(0, 0, 0, 0.22);
}
.tx-tiles.tiles-nummeriert .tile:nth-child(6) > div {
  background-color: rgba(0, 0, 0, 0.19);
}
.tx-tiles.tiles-nummeriert .tile:nth-child(5) > div {
  background-color: rgba(0, 0, 0, 0.16);
}
.tx-tiles.tiles-nummeriert .tile:nth-child(4) > div {
  background-color: rgba(0, 0, 0, 0.13);
}
.tx-tiles.tiles-nummeriert .tile:nth-child(3) > div {
  background-color: rgba(0, 0, 0, 0.1);
}
.tx-tiles.tiles-nummeriert .tile:nth-child(2) > div {
  background-color: rgba(0, 0, 0, 0.07000000000000001);
}
.tx-tiles.tiles-nummeriert .tile:nth-child(1) > div {
  background-color: rgba(0, 0, 0, 0.04);
}
.tx-tiles.tiles-nummeriert .tile .tile-number {
  /*svg {
                    position: absolute;
                    left: 0; top: 0;
                    width: 100%;
                    height: 100%;
                }*/
}
.tx-tiles.tiles-nummeriert .tile .tile-number span {
  position: relative;
  z-index: 0;
  display: inline-block;
  padding: 20px 20px 0;
  line-height: 1;
  font-size: 3em;
  font-weight: 900;
  color: #0085be;
}
.tx-tiles.tiles-nummeriert .tile .tile-text {
  padding: 20px;
}
.tx-tiles.tiles-einzeln {
  margin-bottom: 60px;
}
.tx-tiles.tiles-einzeln .tiles-container {
  margin-top: -20px;
  margin-bottom: -20px;
}
.tx-tiles.tiles-einzeln .tile {
  padding-top: 20px;
  padding-bottom: 20px;
  cursor: pointer;
  /*.tile-image {
                img {
                    margin-left: auto;
                }
            }
            .tile-text {
                padding: @grid-padding 0;
                a {
                    //&[href^="mailto:"], &[href^="javascript:linkTo_UnCryptMailto"], &[href^="tel:"] {
                        color: @1stcolor;
                        text-decoration: none;
                        &:before {
                            .icon;
                            content: @icon-info;
                            color: @2ndcolorlight;
                            line-height: 1.42857143;
                            margin-right: @grid-padding/2;
                            font-size: 120%;
                            //text-decoration: none !important;
                            position: relative;
                            top: 3px;
                        }
                    //}
                    &[href^="mailto:"], &[href^="javascript:linkTo_UnCryptMailto"] {
                        &:before {
                            content: @icon-envelope;
                        }
                    }
                    &[href^="tel:"] {
                        &:before {
                            content: @icon-phonecall;
                        }
                    }
                }
            }
            .tile-link {
                a {
                    display: inline-block;
                    padding: @grid-padding/4 @grid-padding/2;
                    background-color: @2ndcolorlight;
                    color: @white;
                    &:hover, &:focus {
                        text-decoration: none;
                        background-color: @2ndcolor;
                    }
                }
            }*/
}
.tx-tiles.tiles-einzeln .tile > div {
  background-color: #fff;
}
.tx-tiles .tile-image {
  margin-bottom: 20px;
  overflow: hidden;
}
.tx-tiles .tile-image img {
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.tx-tiles .tile-name {
  margin-bottom: 0;
}
.tx-tiles .list-inline {
  margin-bottom: 20px/2;
  line-height: 1.2;
}
.tx-tiles .list-inline > li:after {
  content: "·";
  margin-left: 20px/2;
}
.tx-tiles .list-inline > li:last-child:after {
  display: none;
}
.tx-tiles .tile-vcard {
  margin-top: 20px;
}
@media (min-width: 768px) {
  .tx-tiles {
    /*&.tiles-fortlaufend {
            .tile {
                // Square tiles
                &:before {
                    content: '';
                    float: left;
                    padding-top: 100%;
                }
            }
        }*/
  }
  .tx-tiles .tiles-container {
    display: flex;
    flex-flow: row wrap;
  }
  .tx-tiles .tile {
    width: 50%;
    height: auto;
    /*&:before {
                content: '';
                float: left;
                padding-top: 75%; // for .tiles-nummeriert
            }*/
  }
  .tx-tiles .tile > div {
    height: 100%;
  }
  .tx-tiles.tiles-einzeln .tiles-container {
    margin: -20px;
  }
  .tx-tiles.tiles-einzeln .tile {
    padding: 20px;
  }
  .tx-tiles.tiles-nummeriert .tile > div {
    display: flex;
    flex-flow: column nowrap;
    justify-content: space-between;
  }
  .tx-tiles.tiles-nummeriert .tile:before {
    content: '';
    float: left;
    padding-top: 100%;
  }
}
@media (min-width: 992px) {
  .tx-tiles .tile {
    width: auto;
    flex: 1 25%;
    max-width: 25%;
  }
  .tx-tiles[data-third="1"] .tile {
    flex: 1 33.333333%;
    max-width: 33.333333%;
  }
  .tx-tiles[data-fifth="1"] .tile {
    flex: 1 20%;
    max-width: 20%;
  }
  .tx-tiles.tiles-einzeln .tile {
    flex: 1 33.333333%;
    max-width: 33.333333%;
  }
}
@media (min-width: 1200px) {
  .tx-tiles.tiles-fortlaufend {
    margin-bottom: 80px;
  }
}
@media (min-width: 1440px) {
  .tx-tiles.tiles-einzeln .tiles-container {
    margin: -40px;
  }
  .tx-tiles.tiles-einzeln .tile {
    padding: 40px;
  }
}
@media (min-width: 1920px) {
  .tx-tiles.tiles-nummeriert .tiles-container {
    margin: -20px;
  }
  .tx-tiles.tiles-nummeriert .tile {
    padding: 20px;
  }
}
.modal-tiles {
  overflow: hidden !important;
  top: 50%;
  margin-top: -50%;
  z-index: 1020;
  /*.modal-image {
        margin-bottom: @grid-padding-2x;
    }*/
}
.modal-tiles .modal-sm {
  margin: 0 auto;
}
.modal-tiles .modal-content {
  border: none;
  border-radius: 0;
  background-color: #f7f7f7;
  -webkit-box-shadow: 0px 20px 40px -10px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0px 20px 40px -10px rgba(0, 0, 0, 0.4);
  box-shadow: 0px 20px 40px -10px rgba(0, 0, 0, 0.4);
}
.modal-tiles .modal-content .modal-header {
  color: #fff;
  background-color: #0085be;
  padding: 0 10px;
  border-bottom: 0;
  text-align: right;
}
.modal-tiles .modal-content .modal-header .close {
  margin-top: 0;
  float: none;
  font-size: 18px;
  font-weight: 400;
  color: #fff;
  text-shadow: none;
  filter: alpha(opacity=100);
  opacity: 1;
}
.modal-tiles .modal-content .modal-body {
  padding: 20px;
}
.modal-tiles .tile-name {
  margin-bottom: 20px/2;
}
@media (max-width: 767px) {
  .modal-tiles .modal-image {
    display: none;
  }
}
@media (min-width: 768px) {
  .modal-tiles {
    margin-top: 0;
    transform: translateY(-50%);
  }
  .modal-tiles .modal-sm {
    width: auto;
    padding: 0 30px;
  }
  .modal-tiles .modal-inner {
    display: flex;
    flex-flow: row wrap;
    margin: 0 -20px/2;
  }
  .modal-tiles .modal-inner > div {
    padding: 0 20px/2;
  }
  .modal-tiles .modal-inner .modal-image {
    width: 40%;
    margin-bottom: 0;
  }
  .modal-tiles .modal-inner .modal-text {
    width: 60%;
  }
}
@media (min-width: 992px) {
  .modal-tiles .modal-sm {
    padding: 0 120px;
  }
  .modal-tiles .modal-inner {
    margin: 0 -20px;
  }
  .modal-tiles .modal-inner > div {
    padding: 0 20px;
  }
}
@media (min-width: 1440px) {
  .modal-tiles .modal-sm {
    padding: 0 360px;
  }
}
@media (min-width: 1920px) {
  .modal-tiles .modal-sm {
    padding: 0 480px;
  }
}
.modal-backdrop {
  z-index: 1010;
  background-color: #fff;
}
.modal-backdrop.in {
  filter: alpha(opacity=55);
  opacity: 0.55;
}
.modal-open,
.modal-open .modal {
  padding-right: 0 !important;
}
.modal .closeModal {
  border: none;
  background: none;
  padding: 0;
  font-size: 2rem;
  position: absolute;
  right: 15px;
  top: 15px;
  color: #0085be;
}
.buttonsmodal {
  margin-top: 1rem;
}
.buttonsmodal .btn + .btn {
  margin-left: 1rem;
}
footer {
  margin-top: 40px;
}
@media (min-width: 1440px) {
  footer {
    margin-top: 60px;
  }
}
/*.maincontent {
    &.home {
        background: @bgcolor url("../img/triangle.svg") no-repeat center bottom;
        background-size: 101% auto;
        padding-bottom: @grid-padding;
        overflow: hidden;
        > .container-fluid {
            margin-top: @grid-padding;
        }
    }
    @media (min-width: @screen-sm) {
        
    }
    @media (min-width: @screen-md) {
        
    }
    @media (min-width: @screen-lg) {
        
    }
    @media (min-width: @screen-xl) {
        
    }
    @media (min-width: @screen-xxl) {
        
    }
}*/
/*.subcontent {
    
}

.panelcontent {
    
}*/
footer {
  width: 100%;
  padding-bottom: 20px;
  padding-top: 80px;
  font-size: 14px;
  /*#footermenu {
        display: none;
    }*/
  /*
		*:-moz-placeholder {
			color: @2ndcolor !important;
			opacity: 1;
			font-weight: 400;
		}
		*::-moz-placeholder {
			color: @2ndcolor !important;
			opacity: 1;
			font-weight: 400;
		}
		*:-ms-input-placeholder {
			color: @2ndcolor !important;
			opacity: 1;
			font-weight: 400;
		}
		*::-ms-input-placeholder {
			color: @2ndcolor !important;
			opacity: 1;
			font-weight: 400;
		}
		*::-webkit-input-placeholder {
			color: @2ndcolor !important;
			opacity: 1;
			font-weight: 400;
		}
	*/
}
footer .row-flex {
  display: flex;
  flex-flow: column nowrap;
  margin: -20px;
}
footer .row-flex > div {
  padding: 20px;
}
@media screen and (min-width: 768px) {
  footer .row {
    /* .col-sm-5 {
                width: 30%;
            }

            .col-sm-7 {
                width: 70%;

                .inner {
                    
                }
            } */
  }
}
footer a {
  color: #706f6f;
}
footer ul {
  margin-bottom: 0;
  display: inline-block;
}
footer #socialmenu {
  font-size: 24px;
}
footer #legalmenu {
  margin-right: 10px;
  /*> li {
            &:after {
                content: "|";
                margin-left: @grid-padding/2;
            }
            &:last-child:after {
                display: none;
            }
        }*/
}
footer .logo-footer img {
  height: 80px;
  width: auto;
}
@media (min-width: 768px) {
  footer {
    /*#footermenu {
            clear: both;
            display: flex;
			flex-flow: row wrap;
            margin: @grid-padding-2x 0 @grid-padding;
            a {
                display: inline-block;
                padding: @grid-padding/4 0;// @grid-padding/4 @grid-padding/2;
            }
			> li {
                flex: 1 25%;
                max-width: 25%;
                padding: @grid-padding/2 0;
				> a {
                    //color: @white;
                    //background-color: @1stcolor;
                    color: @1stcolor;
                    //background-color: @1stcolor;
                    text-decoration: none;
                    font-weight: @fontbold;
                }
			}
			ul {
                margin-top: @grid-padding/4;
                a {
                    line-height: 1;
                }
			}
		}*/
  }
  footer .row-flex {
    flex-flow: row wrap;
    justify-content: space-between;
    align-items: center;
    /*.col-left {
                width: 66.666667%;
                padding-right: @col-width;
            }
            .col-right {
                width: 33.333333%;
                display: flex;
                flex-direction: column;
                justify-content: space-between;
            }*/
  }
}
@media (min-width: 992px) {
  footer {
    font-size: 16px;
    /*#footermenu {
			> li {
                flex: 1 auto;
                max-width: none;
            }
		}*/
  }
}
@media (min-width: 1200px) {
  footer {
    padding-bottom: 40px;
    /*.row-flex {
            .col-left {
                padding-right: @col-width*2;
            }
        }*/
  }
}
@media (min-width: 1920px) {
  footer {
    padding-bottom: 60px;
  }
}
#scroll-to-top {
  position: fixed;
  bottom: 20px;
  right: 20px;
  display: table;
  width: 40px;
  height: 40px;
  background-color: #ff8a00;
  color: #fff;
  opacity: 0;
  pointer-events: none;
  cursor: pointer;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
#scroll-to-top .icon {
  top: 0;
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}
#scroll-to-top[data-scroll="up"] {
  opacity: 1;
  pointer-events: all;
}
#scroll-to-top:hover,
#scroll-to-top:focus {
  text-decoration: none;
}
@media (min-width: 992px) {
  #scroll-to-top {
    right: 40px;
  }
}
/**
 * News
 */
/*.news-date {
	//margin-bottom: @grid-padding/4;
	.label {
		text-transform: uppercase;
		margin-left: 10px;

		a {
			color: @white;
			text-decoration: none;
		}
	}
}*/
.news-list .page-navigation {
  margin-top: 20px;
  text-align: center;
}
.news-list .page-navigation > p {
  display: none;
}
.news-title {
  font-weight: 400;
  color: #0085be;
}
.news-content {
  margin-top: 20px;
}
.btn-news-collapse {
  font-weight: 900;
  font-style: italic;
}
.btn-news-collapse:hover,
.btn-news-collapse:focus {
  color: #969595;
  text-decoration: none;
}
/*.btn-read-more {
    .borderRadiusPercent();
    font-weight: @fontbold;
    font-size: 24px;
    line-height: 1;
    padding: 0;
    margin-left: auto;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}*/
.news-item img {
  width: 100%;
  max-width: none;
}
.news-item + .news-item {
  margin-top: 40px;
}
.news-item.item-portrait {
  border-bottom: 1px solid #0085be;
  padding-bottom: 40px;
}
.news-item.item-portrait .news-date {
  color: #0085be;
  font-weight: 900;
  margin-bottom: 20px/2;
}
.news-item.item-portrait .news-category {
  margin-bottom: 20px;
  color: #969595;
  display: flex;
  gap: 0.25rem;
}
.news-item.item-portrait .news-category ul {
  display: inline;
  margin-left: 20px/4;
  display: flex;
  gap: 0.25rem;
  margin: 0;
}
.news-item.item-portrait .news-category ul > li {
  padding: 0;
  margin-right: 20px/4;
}
.news-item.item-portrait .news-category ul > li:after {
  content: ",";
}
.news-item.item-portrait .news-category ul > li:last-child:after {
  display: none;
}
.news-item.item-portrait .news-category ul > li a {
  color: #969595;
}
.news-item.item-portrait .news-category ul > li a.active {
  color: #ff8a00;
}
.news-item.item-portrait .news-teaser > *:last-child {
  margin-bottom: 0;
}
.news-item.item-portrait .news-text {
  margin-top: 20px;
}
.news-item.item-portrait .preview-item {
  width: 100%;
  display: inline-block;
}
.news-item.item-mini .item-inner {
  /* border: 1px solid @bgcolor;
            padding: @grid-padding/4; */
}
.news-item.item-mini .news-content {
  padding-top: 2rem;
  margin-top: 0;
}
.news-item.item-cloud {
  background-color: #ff8a00;
  color: #fff;
  padding: 20px;
}
.news-item.item-cloud .news-meta {
  margin-top: 40px;
}
.news-item.item-cloud .news-date {
  color: #0085be;
  font-weight: 900;
}
.news-item.item-cloud .news-title a {
  color: #fff;
  text-decoration: none;
}
.news-item.item-cloud .news-title a:hover,
.news-item.item-cloud .news-title a:focus {
  color: #0085be;
}
.news-catdropdown .btn-group,
.news-catdropdown .dropdown-toggle {
  width: 100%;
}
.news-catdropdown .btn-group {
  margin-bottom: 20px/4;
}
.news-catdropdown .dropdown-toggle {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #706f6f !important;
  background-color: transparent !important;
}
.news-catdropdown .dropdown-toggle i {
  display: inline-block;
  color: #0085be;
}
.news-catdropdown .dropdown-menu > li > a.active {
  color: #ff8a00;
}
/*.news-catmenu {
    > span, a {
        color: @white;
        background-color: @3rdcolor;
        display: inline-block;
        padding: 5px 15px;
    }
    > span {
        margin-right: @grid-padding/2;
        margin-bottom: @grid-padding/2;
    }
    > ul {
        display: inline;
        margin-left: 0;
        > li {
            padding: 0;
            margin-right: @grid-padding/2;
            margin-bottom: @grid-padding/2;
            > a {
                background-color: @2ndcolor;
                text-decoration: none;
                &:hover, &:focus, &:active {
                    background-color: @2ndcolordark;
                }
            }
        }
    }
}*/
/*.news-list[data-slider="1"] {
    .news-item {
        &.item-overlay {
            padding: 0 @grid-padding;
            .ce-bodytext {
                left: 0;
                //max-width: 45%;
            }
        }
        & + .news-item {
            margin-top: 0;
        }
    }
    &[data-layout="10"] {
        margin: 0 -@grid-padding;
    }
    &[data-layout="30"] {
        margin: 0 @grid-padding;
        .slick-prev, .slick-next {
            top: 25%;
            transform: translate(-50%, -50%);
        }
        .slick-prev {
            left: 0;
        }
        .slick-next {
            right: auto;
            left: 100%;
        }
    }
}*/
/*.news-list[data-layout="40"] {
    img {
        .fullwidth;
    }
    .category-preview {
        position: relative;
        margin-bottom: @grid-padding;
        .category-title {
            position: absolute;
            top: 0;
            right: 0;
            pointer-events: none;
            font-size: 0.7em;
            line-height: 1;
            color: @white;
            background-color: @2ndcolor;
            padding: 5px 8px;
        }
    }
    .news-title {
        margin-bottom: @grid-padding/4;
        font-size: 1em;
        font-weight: @fontbold;
    }
    .news-item + .news-item {
        margin-top: @grid-padding/2;
    }
}*/
.news-single {
  /*.news-meta {
        display: flex;
        flex-flow: row nowrap;
        align-items: flex-start;
        justify-content: space-between;
    }
    .news-subtitle {
        padding-right: @grid-padding;
    }
    .news-title {
        font-size: 1.75em;
        br { display: none }
    }
    .news-teaser {
        .teaser;
    }
    .news-preview {
        img {
            .fullwidth;
        }
    }*/
}
.news-single .news-date {
  color: #0085be;
  font-weight: 900;
  margin-bottom: 20px/2;
}
.news-single .news-category {
  margin-bottom: 20px;
  color: #969595;
  display: flex;
  gap: 0.25rem;
}
.news-single .news-category ul {
  display: inline;
  margin-left: 20px/4;
  display: flex;
  gap: 0.25rem;
  margin: 0;
}
.news-single .news-category ul > li {
  padding: 0;
  margin-right: 20px/4;
}
.news-single .news-category ul > li:after {
  content: ",";
}
.news-single .news-category ul > li:last-child:after {
  display: none;
}
.news-single .news-category ul > li a {
  color: #969595;
}
.news-single .news-category ul > li a.active {
  color: #ff8a00;
}
.news-gallery,
.news-back {
  margin-top: 40px;
}
.news-gallery .gallery-title {
  font-weight: 400;
  border-bottom: 1px solid #706f6f;
  padding-bottom: 20px/2;
}
.news-gallery .gallery-items {
  display: flex;
  flex-flow: column nowrap;
  margin: 20px;
}
.news-gallery .gallery-items > div {
  width: 100%;
  padding: 20px;
}
.news-gallery .gallery-items img {
  width: 100%;
  max-width: none;
}
.mfp-iframe + .mfp-bottom-bar {
  margin-top: 20px/4;
}
/*.news-back {
	display: inline-block;
    color: @white;
    background-color: @2ndcolor;
    padding: @grid-padding/8 @grid-padding/2;
    //margin-left: -@grid-padding/2;
    &:hover, &:focus {
        color: @white;
        background-color: @2ndcolordark;
        text-decoration: none;
    }
}
.news-related {
    /*.related-title {
        .multilinePaddedText;
        margin-bottom: @grid-padding/4;
        padding: @grid-padding/4 @grid-padding/2;
        font-weight: @fontnorm;
        font-size: 120%;
        line-height: 2;
        background-color: @1stcolor;
        color: @white;
    }*
    .news {
        margin-top: @grid-padding;
    }
    .news-item + .news-item {
        margin-top: @grid-padding;
    }
    .news-title {
        font-size: 120%;
    }
    .news-teaser {
        font-size: inherit;
    }
}*/
/*@media (max-width: @screen-xs-max) {
    .news-social.social-bottom, div[id^="c"] { // div id for Plugin "Shariff Social Icons" on static pages
		.shariff .orientation-horizontal li .share_text {
			display: none;
		}
		.shariff .orientation-horizontal.button-style-standard li {
			min-width: 35px;
		}
    }
}*/
@media (min-width: 768px) {
  .news-item.item-portrait {
    /*.news-text {
                // Zwei-spaltiger Text
                -webkit-column-count: 2; // Chrome, Safari, Opera
                -moz-column-count: 2; // Firefox
                column-count: 2;
                -webkit-column-gap: @grid-padding-2x; // Chrome, Safari, Opera
                -moz-column-gap: @grid-padding-2x; // Firefox
                column-gap: @grid-padding-2x;
            }*/
    /*&:nth-child(odd) {
                .slick-prev, .slick-next {
                    margin-top: @grid-padding/2;
                }
            }*/
  }
  .news-item.item-portrait .news-inner {
    display: flex;
    flex-flow: row wrap;
    margin: 0 -20px;
  }
  .news-item.item-portrait .news-inner > div {
    width: 50%;
    padding: 0 20px;
  }
  .news-item.item-portrait:nth-child(even) .news-inner {
    flex-direction: row-reverse;
  }
  .news-item.item-portrait:nth-child(odd) .news-date {
    padding-left: calc(50% + 20px);
  }
  .news-item.item-portrait .news-content {
    margin-top: 0;
  }
  .news-item.item-portrait .news-category {
    padding-right: 80px;
  }
  .news-item.item-portrait .slick-prev,
  .news-item.item-portrait .slick-next {
    top: 100%;
    color: #0085be;
    margin-top: 20px;
  }
  .news-item.item-portrait .slick-prev:hover,
  .news-item.item-portrait .slick-next:hover,
  .news-item.item-portrait .slick-prev:focus,
  .news-item.item-portrait .slick-next:focus,
  .news-item.item-portrait .slick-prev:active,
  .news-item.item-portrait .slick-next:active {
    color: #ff8a00;
  }
  .news-item.item-portrait .slick-prev {
    left: auto;
    right: 40px;
  }
  .news-item.item-portrait .slick-next {
    right: 0;
  }
  .news-list[data-layout="10"][data-columns] {
    display: flex;
    flex-flow: row wrap;
    margin: -20px/2;
  }
  .news-list[data-layout="10"][data-columns] .news-item {
    width: 50%;
    padding: 20px/2;
  }
  .news-list[data-layout="10"][data-count="1"] .news-item {
    width: 100% !important;
  }
  .news-list[data-layout="10"][data-count="3"] .news-item {
    width: 33.333333%;
  }
  .news-list[data-layout="10"] .news-item + .news-item {
    margin-top: 0;
  }
  .news-catdropdown .btn-group,
  .news-catdropdown .dropdown-toggle {
    width: auto;
  }
  .news-catdropdown .btn-group {
    margin-bottom: 0;
  }
  .news-catdropdown .dropdown-toggle i {
    margin-left: 20px;
  }
  .news-catdropdown > span {
    margin-left: 40px;
  }
  .news-single .news-category {
    margin-bottom: 40px;
  }
  /*.news-gallery {
        .gallery-items {
            flex-flow: row wrap;
            > div {
                width: 50%;
            }
        }
    }*/
}
@media (min-width: 992px) {
  .news-item.item-portrait {
    /*.news-category {
                margin-bottom: @grid-padding-2x;
            }*/
    /*.slick-next {
                right: @grid-padding;
            }*/
  }
  .news-item.item-portrait .slick-prev,
  .news-item.item-portrait .slick-next {
    font-size: 24px;
  }
  .news-list[data-layout="10"][data-columns] {
    margin: -20px;
  }
  .news-list[data-layout="10"][data-columns] .news-item {
    padding: 20px;
  }
  .news-catdropdown .dropdown-toggle i {
    margin-left: 40px;
  }
  /*.news-catmenu {
        max-width: 360px;
        > span, a {
            font-size: 14px;
        }
        /*> span {
            margin: 0;
        }*
        > ul {
            display: block;
            /*margin-left: 0;
            > li {
                display: block;
                margin: @grid-padding/4 0 0;
            }*
        }
    }*/
  /*.news-gallery {
        .gallery-items {
            > div {
                width: 33.33333333%;
            }
        }
    }
    .news-social.social-bottom, div[id^="c"] { // div id for Plugin "Shariff Social Icons" on static pages
		.orientation-horizontal {
			li {
				.fab, .far, .fas {
					width: 48px;
					line-height: 48px;
					font-size: 24px;
				}
				.share_text {
					line-height: 48px;
					font-size: 18px;
				}
			}
			li, li a {
				height: 48px;
			}
		}
    }*/
}
/*@media (min-width: @screen-lg) {
    .news-related {
        margin-top: 0;
    }
}*/
@media (min-width: 1440px) {
  .news-item.item-portrait {
    /*.news-header {
                > div {
                    width: 33.33333333%;
                }
            }
            .news-content {
                padding-right: calc(~"33% + 20px");
            }
            &:nth-child(even) {
                .news-header {
                    justify-content: flex-end;
                }
                .news-content {
                    padding-left: calc(~"33% + 20px");
                    padding-right: 0;
                }
            }
            &:nth-child(odd) {
                .slick-prev, .slick-next {
                    top: auto;
                    transform: none;
                    bottom: @grid-padding/2;
                    margin-top: 0;
                }
                .slick-next {
                    right: -@grid-padding-3x;
                }
                .slick-prev {
                    right: -@grid-padding;
                }
            }*/
  }
  .news-item.item-portrait + .news-item {
    margin-top: 60px;
  }
  .news-catdropdown .dropdown-toggle i {
    margin-left: 80px;
  }
  /*.news-catmenu {
        > span, a {
            font-size: 16px;
        }
    }*/
  .news-back {
    margin-top: 60px;
  }
}
@media (min-width: 1920px) {
  .news-item.item-portrait {
    padding-bottom: 60px;
    /*.news-text {
                padding-bottom: @grid-padding-2x;
            }*/
  }
  .news-item.item-portrait + .news-item {
    margin-top: 80px;
  }
  /*.news-catmenu {
        > span, a {
            font-size: 18px;
        }
        /*> ul {
            > li {
                margin-top: @grid-padding/2;
            }
        }*
    }*/
}
/**
 *	Powermail
 *	Checkbox/Radio styles
 */
.checkbox-square,
.radio-square {
  margin-top: 0;
}
.checkbox-square label,
.radio-square label {
  display: table-cell;
}
.checkbox-square .radio-inline + .radio-inline,
.radio-square .radio-inline + .radio-inline {
  margin-left: 0;
  padding-left: 35px;
}
.checkbox-square .box-square,
.radio-square .box-square,
.checkbox-square .box-text,
.radio-square .box-text {
  display: table-cell;
  vertical-align: middle;
  height: 30px;
}
.checkbox-square .box-text .glyphicon,
.radio-square .box-text .glyphicon {
  color: #0085be;
}
.checkbox-square .box-text span,
.radio-square .box-text span {
  margin-left: 5px;
}
.checkbox-square .box-square,
.radio-square .box-square {
  position: relative;
  border: 1px solid #969595;
  background-color: #fff;
  width: 30px;
  float: left;
  margin-right: 15px;
  margin-left: -20px;
}
.checkbox-square .box-square .glyphicon,
.radio-square .box-square .glyphicon {
  position: absolute;
  font-size: 15px;
  line-height: 0;
  top: 50%;
  left: 25%;
  transform: scale(3) rotateZ(-20deg);
  opacity: 0;
  transition: all 0.3s ease-in;
}
.checkbox-square input[type="checkbox"],
.radio-square input[type="checkbox"],
.checkbox-square input[type="radio"],
.radio-square input[type="radio"] {
  display: none;
}
.checkbox-square input[type="checkbox"]:checked + .box-square,
.radio-square input[type="checkbox"]:checked + .box-square,
.checkbox-square input[type="radio"]:checked + .box-square,
.radio-square input[type="radio"]:checked + .box-square {
  border-color: #0085be;
}
.checkbox-square input[type="checkbox"]:checked + .box-square .glyphicon,
.radio-square input[type="checkbox"]:checked + .box-square .glyphicon,
.checkbox-square input[type="radio"]:checked + .box-square .glyphicon,
.radio-square input[type="radio"]:checked + .box-square .glyphicon {
  color: #0085be;
  transform: scale(1) rotateZ(0deg);
  opacity: 1;
}
.checkbox-square input[type="checkbox"]:disabled + .box-square,
.radio-square input[type="checkbox"]:disabled + .box-square,
.checkbox-square input[type="radio"]:disabled + .box-square,
.radio-square input[type="radio"]:disabled + .box-square {
  opacity: 0.5;
}
/**
 * Checkbox Toogle
 * On-Off-Switch
 * Source: https://codepen.io/felipefialho/pen/DIdKj
 */
.onoffswitch {
  position: relative;
  width: 55px;
  display: inline-block;
  font-size: 80%;
}
.onoffswitch .onoffswitch-label {
  display: block;
  overflow: hidden;
  cursor: pointer;
  border: 1px solid #fff;
  margin: 0;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
}
.onoffswitch .onoffswitch-inner {
  width: 200%;
  margin-left: -100%;
  -webkit-transition: margin 0.15s ease-in-out;
  -moz-transition: margin 0.15s ease-in-out;
  -o-transition: margin 0.15s ease-in-out;
  transition: margin 0.15s ease-in-out;
}
.onoffswitch .onoffswitch-inner:before,
.onoffswitch .onoffswitch-inner:after {
  float: left;
  width: 50%;
  height: 24px;
  padding: 0;
  line-height: 24px;
  font-size: 80%;
  color: #fff;
  font-weight: 400;
}
.onoffswitch .onoffswitch-inner:before {
  content: "ON";
  padding-left: 10px;
  background-color: #0085be;
  color: #fff;
}
.onoffswitch .onoffswitch-inner:after {
  content: "OFF";
  padding-right: 7px;
  background-color: #ff8a00;
  color: #fff;
  text-align: right;
}
.onoffswitch .onoffswitch-switch {
  width: 22px;
  height: 22px;
  margin: 0;
  background: #fff;
  position: absolute;
  top: 2px;
  bottom: 0;
  right: 32px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -webkit-transition: right 0.15s ease-in-out;
  -moz-transition: right 0.15s ease-in-out;
  -o-transition: right 0.15s ease-in-out;
  transition: right 0.15s ease-in-out;
}
.checkbox-toggle {
  position: relative;
  height: 27px;
  margin-top: 10px;
}
.checkbox-toggle input[type=checkbox] {
  position: absolute;
  left: 10px;
}
.checkbox-toggle input[type=checkbox]:checked ~ .onoffswitch .onoffswitch-label .onoffswitch-inner {
  margin-left: 0;
}
.checkbox-toggle input[type=checkbox]:checked ~ .onoffswitch .onoffswitch-label .onoffswitch-switch {
  right: 1px;
}
.checkbox-toggle input[type=checkbox]:focus ~ .onoffswitch {
  outline: thin dotted #333;
  outline: 0;
}
.checkbox-toggle label {
  position: absolute;
  cursor: pointer;
  padding-left: 65px;
  display: inline-block;
  text-align: left;
  line-height: 24px;
  width: 100%;
  z-index: 1;
  height: 24px;
  font-weight: 200;
}
.checkbox-toggle .aural {
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  overflow: hidden;
  position: absolute;
  width: 1px;
}
.checkbox-toggle .aural:focus {
  clip: rect(0, 0, 0, 0);
  font-size: 1em;
  height: auto;
  outline: thin dotted;
  position: static !important;
  width: auto;
  overflow: visible;
}
/**
 *	Powermail
 *	Select styles
 */
select.form-control {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: #fff;
  background-image: url('/typo3conf/ext/sf_template/Resources/Public/img/select.svg');
  background-position: right 12px center;
  background-repeat: no-repeat;
  padding-right: 36px;
}
select.form-control::-ms-expand {
  display: none;
}
/**
 *	Powermail
 *	Custom file input [https://tympanus.net/Tutorials/CustomFileInputs/]
 */
.powermail_file {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1;
  /*&:focus + label,
	&.has-focus + label,
	& + label:hover {
		border-color: @2ndcolor;

		/*strong {
			color: @white;
			background-color: @2ndcolor;
		}*
	}*/
  /*@media (min-width: @screen-xs) {
		& + label {
			strong {
				display: inline-block;
				float: right;
			}
		}
	}*/
}
.powermail_file + label {
  cursor: pointer;
  margin-bottom: 20px;
  display: flex;
  flex-direction: column;
  /*&.control-label {
			padding-top: 0;
			text-align: left;
		}*/
  /*strong {
			padding: 6px 12px;
			display: block;
			font-weight: @fontnorm;

			height: 100%;
			color: @1stcolor;
			background-color: @bgcolor;
		}*/
}
.powermail_file + label .placeholder {
  display: inline-block;
  text-overflow: ellipsis;
  overflow: hidden;
}
.powermail_file + label .btn {
  font-size: 16px;
  white-space: nowrap;
}
@media (min-width: 1200px) {
  .powermail_file + label {
    margin-bottom: 0;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
  }
}
.file-delete {
  position: absolute;
  bottom: 0;
  right: 20px;
  z-index: 10;
}
@media (min-width: 768px) {
  .file-delete {
    bottom: 15px;
    right: -20px/2;
  }
}
@media (min-width: 1200px) {
  .file-delete {
    bottom: 20px/2;
    right: -20px/2;
  }
}
/**
 *	Powermail forms
 */
.powermail_form {
  /*
		.mandatory { color: @2ndcolor; padding-left: 6px; font-weight: @fontbold }
		.not-mandatory { color: transparent; padding-left: 6px }
		legend { display: none }
		.help-block { .small; }
	*/
  /*fieldset + fieldset {
		margin-top: @grid-padding;
	}*/
  /*.powermail_fieldwrap_type_submit {
        text-align: right;
    }*/
  /*input[type="submit"] {
	//.btn-pdf {
		padding-top: 10px;
		padding-bottom: 10px;
		.borderRadius(0);
		text-transform: uppercase;
		font-weight: @fontbold;
	}
	.btn-primary {
		color: @white;
		background-color: @3rdcolor;
		border-color: darken(@3rdcolor, 5%);
		&:hover, &:focus, &.focus {
			color: @white;
			background-color: darken(@3rdcolor, 5%);
			border-color: darken(@3rdcolor, 10%);
		}
	}
	.btn-pdf {
		background-color: @bgcolor;
		i {
			font-size: 42px;
			margin-right: 10px;
			vertical-align: middle;
		}
		&:hover, &:focus, &.focus {
			color: @white;
			background-color: @2ndcolor;
			border-color: darken(@2ndcolor, 5%);
		}
	}*/
}
.powermail_form div[class*="col-sm-"].form-group {
  margin-top: 0;
}
.powermail_form .form-control {
  font-size: 16px;
  height: 54px;
  padding: 15px 20px;
  border-color: #969595;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
}
.powermail_form .form-control:focus {
  outline: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.powermail_form textarea.form-control {
  height: auto;
}
.powermail_form legend {
  display: none;
  /*border: 0 none;
		font-size: 18px;
		font-weight: @fontbold;
		margin-bottom: 10px;*/
}
.powermail_form label {
  font-weight: 400;
}
.powermail_form input[type="submit"] {
  margin-top: 0;
}
.powermail_form .powermail_fieldwrap_type_submit {
  margin-bottom: 0;
}
.powermail_form .powermail_fieldwrap_ihreunterlagen > div {
  display: flex;
}
.powermail_form .powermail_fieldwrap_ihreunterlagen > div:before {
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  position: relative;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e91d";
  font-size: 64px;
  padding-right: 20px;
  padding-top: 6px;
}
.powermail_form .label-upload .placeholder {
  font-weight: 400;
  white-space: normal;
  padding: 20px 0 0;
}
.powermail_form .powermail_fieldwrap_upload .parsley-errors-list {
  background-color: #706f6f;
  border-color: #fff;
}
.powermail_form .powermail_fieldwrap_upload .parsley-errors-list > li {
  color: #63fbfb;
}
.powermail_form .list-checkmark {
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .powermail_form.form-horizontal {
    /*input[type="submit"] {
				padding-left: @grid-padding-2x;
				padding-right: @grid-padding-2x;
			}*/
  }
  .powermail_form.form-horizontal label {
    text-align: left;
  }
  .powermail_form .powermail_fieldwrap_ihreunterlagen,
  .powermail_form .powermail_fieldwrap_upload > p,
  .powermail_form .label-upload .placeholder {
    font-size: 16px;
  }
  .powermail_form .label-upload .placeholder {
    font-weight: 400;
    white-space: normal;
    padding: 20px 0 0;
  }
  .powermail_form.powermail_form_2 {
    /*.powermail_fieldset_1 {
                .powermail_fieldwrap_plz {
                    width: 18.5%;
                }
                .powermail_fieldwrap_ort {
                    width: 31.5%;
                }
                > .row:nth-child(2) {
                    &:after {
                        clear: none;
                    }
                }
            }*/
  }
  .powermail_form.powermail_form_2 .powermail_fieldset_2 .form-group[class*="col-"],
  .powermail_form.powermail_form_2 .powermail_fieldset_5 .form-group[class*="col-"] {
    width: 100%;
  }
}
@media (min-width: 1200px) {
  .powermail_form .label-upload .btn {
    margin-right: 20px;
  }
  .powermail_form .label-upload .placeholder {
    padding-top: 9px;
  }
  .powermail_form .label-upload .placeholder .list-checkmark {
    margin-top: -9px;
  }
}
.powermail_form .parsley-errors-list {
  color: #fff;
  background-color: #ec3432;
  list-style: none;
  font-size: 16px;
  padding: 6px 12px;
  border: 0;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
}
.powermail_form .parsley-errors-list > li {
  padding: 6px 18px !important;
}
.powermail_form .checkbox.checkbox-square.parsley-error {
  background-color: transparent;
  color: inherit;
}
.powermail_form .powermail_message {
  list-style: none;
  min-height: 1px;
  padding: 20px;
}
.powermail_form .powermail_message.powermail_message_error {
  background: none;
  background-color: #ec3432;
}
.powermail_form .powermail_message.powermail_message_error li {
  color: #fff;
  padding: 0;
}
/**
 *	Powermail
 *	Styles for panels/accordion
 *
.formcontent .panel {
	background-color: @bgcolor;
}
.panel-body .powermail_form {
	.form-group {
		margin-bottom: 0;
		padding-top: 10px;
		padding-bottom: 10px;
		background-color: @bgcolor;
	}
	.powermail_fieldwrap_type_submit,
	.powermail_fieldwrap_type_html {
		background-color: transparent;
	}

	@media (max-width: @screen-xs-max) {
		.powermail_fieldwrap_type_submit,
		.powermail_fieldwrap_type_html {
			> div { padding: 0 }
		}
	}
}*/
/*.powermail_submit,
.powermail_confirmation_submit {
	//float: right;
	width: 100%;
	border: 0;
	border-radius: 0;
	box-shadow: none;
	font-weight: @fontnorm;
	font-size: 16px;
	//margin: 10px 0 20px;
	padding: 10px 20px;
	background-color: @2ndcolor;
	color: @white;
	&:hover, &:focus, &:active {
		color: @white;
		background-color: @3rdcolor;
	}
	@media (min-width: @screen-md) {
		width: auto;
		padding: 10px 30px;
	}
}
.powermail_confirmation_form { border-radius: 0 }*/
/* Confirmation Page */
/*dl.powermail_all {
	dt { width: 30%; padding-right: 10px; font-weight: @fontnorm }
	dd { width: 70%; padding-left: 10px; font-weight: @fontbold }
}*/
/*.pagination {
	> li {
		> a, > span {
			color: @2ndcolor;
			background-color: transparent !important;
			border: 0 none;
			
			&:hover, &:focus {
				color: @3rdcolor;
			}
		}
	}
	> .active {
		> a, > span {
			color: @3rdcolor !important;
		}
	}
}*/
/**
 * Slick Slider
 */
.slick-slider {
  position: relative;
  display: block;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
}
.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.slick-track:before,
.slick-track:after {
  content: "";
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}
.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}
[dir="rtl"] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
  display: none;
}
.slick-dots {
  list-style: none;
  display: block;
  padding: 10px 0 6px;
  margin: 0;
  width: 100%;
  text-align: center;
  position: absolute;
  bottom: 20px;
  left: 0;
  opacity: 0.8;
  -webkit-transition: opacity 0.4s ease;
  -moz-transition: opacity 0.4s ease;
  -o-transition: opacity 0.4s ease;
  transition: opacity 0.4s ease;
}
.slick-dots:hover,
.slick-dots:focus {
  opacity: 1;
}
.slick-dots li {
  display: inline-block;
  margin: 0 3px;
  padding: 0;
  cursor: pointer;
}
.slick-dots li button {
  width: 24px;
  height: 24px;
  background-color: transparent;
  border: 3px solid #706f6f;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  /*width: 36px;
			height: 6px;
			border: 0 none;*/
  display: block;
  outline: none;
  line-height: 0px;
  font-size: 0px;
  color: transparent;
  padding: 0;
  cursor: pointer;
}
.slick-dots li button:hover,
.slick-dots li button:focus {
  outline: none;
}
.slick-dots li.slick-active button {
  background-color: #706f6f;
}
.slick-dots li + li {
  margin-left: 6px;
}
.slick-prev,
.slick-next {
  position: absolute;
  z-index: 1000;
  cursor: pointer;
  /*top: 50%;
    transform: translateY(-50%);
	font-size: 24px;
	padding: 8px;
	color: @white;
	opacity: .6;
	.cssTransition(opacity);
    &:hover, &:focus, &:active { opacity: 1 }*/
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -webkit-transition: background-color 0.4s ease;
  -moz-transition: background-color 0.4s ease;
  -o-transition: background-color 0.4s ease;
  transition: background-color 0.4s ease;
  top: 50%;
  transform: translateY(-50%);
  font-weight: 400;
  font-size: 24px;
  font-style: normal;
  line-height: 1;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: transparent;
  color: #fff;
}
.slick-prev:hover,
.slick-next:hover,
.slick-prev:focus,
.slick-next:focus,
.slick-prev:active,
.slick-next:active {
  color: #ff8a00;
}
.slick-prev {
  left: 20px;
}
.slick-next {
  right: 20px;
}
@media (min-width: 992px) {
  .slick-prev,
  .slick-next {
    font-size: 36px;
  }
  .slick-prev {
    left: 40px;
  }
  .slick-next {
    right: 40px;
  }
}
@media (min-width: 1440px) {
  .slick-prev {
    left: 120px;
  }
  .slick-next {
    right: 120px;
  }
}
/**
 * Color schemes
 *
.themeProperties(@new, @new-dark, @new-light) {
    hr.hr-header,
    .ce-bodytext hr {
        .hrGradient(@new, @new-dark, @new-light);
    }
    .btn-default {
		background-color: @new-light;
		border-color: darken(@new-light, 5%);
		&:hover, &:focus, &.focus {
			background-color: @new;
			border-color: darken(@new, 5%);
		}
    }
    .btn-primary {
		//color: @white;
		background-color: @new-dark;
		border-color: darken(@new-dark, 5%);
		&:hover, &:focus, &.focus {
			//color: @white;
			background-color: darken(@new-dark, 15%);
			border-color: darken(@new-dark, 20%);
		}
    }
    .tx-tiles {
        &.tiles-einzeln {
            .tile {
                .tile-text {
                    a {
                        &[href^="mailto:"], &[href^="javascript:linkTo_UnCryptMailto"], &[href^="tel:"] {
                            &:before {
                                color: @new-dark;
                            }
                        }
                    }
                }
                .tile-link {
                    a {
                        background-color: @new-dark;
                        &:hover, &:focus {
                            background-color: @new-light;
                        }
                    }
                }
            }
        }
    }
}
/*
// Überblick
.ci-orange, .maincontent.home {
    .themeProperties(#FAA61A, #F6871F, #FFC421);
    .tx-tiles {
        .title-tile, .tile-number {
            svg {
                .polygon-lighter { fill: #FFC421 }
                .polygon-light { fill: #FAA61A }
                .polygon-dark { fill: #F6871F }
                .polygon-darker { fill: #F26127 }
            }
        }
    }
}
// Besucher
.ci-green, .subcontent.home {
    .themeProperties(#ede54d, #bacc47, #469c46);
    .tx-tiles {
        .title-tile, .tile-number {
            svg {
                .polygon-lighter { fill: #ede54d }
                .polygon-light { fill: #bacc47 }
                .polygon-dark { fill: #AAD04B }
                .polygon-darker { fill: #469c46 }
            }
        }
    }
}
// Fachkongress
.ci-magenta, .panelcontent.home.above {
    .themeProperties(#5a3d8a, #a0127b, #62277f);
}
*/
/**
 * FE-Login
 * Interner Bereich
 *
 .tx-felogin-pi1 {
	.input-lg,
	.btn-lg {
		.borderRadius(0);
	}
	.form-control {
		.resetShadow();
		&:focus {
			outline: 0;
			.resetShadow();
		}
	}
	.felogin-form {
		max-width: 480px;
	}
}*/
a.lightbox {
  position: relative;
  display: block;
}
a.lightbox:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 100%;
  height: 100%;
  opacity: 0;
  background-color: rgba(0, 0, 0, 0.2);
  -webkit-transition: all 250ms ease-in-out;
  -moz-transition: all 250ms ease-in-out;
  -ms-transition: all 250ms ease-in-out;
  -o-transition: all 250ms ease-in-out;
  transition: all 250ms ease-in-out;
  background-image: url('/typo3conf/ext/sf_template/Resources/Public/img/zoom.svg');
  background-size: 10% auto;
  background-position: center center;
  background-repeat: no-repeat;
}
a.lightbox:hover:after {
  opacity: 1;
}
.seite_81.al123hsd {
  height: 100vh;
  width: 100vw;
  overflow: hidden;
}
.seite_81 .keyform {
  display: flex;
  padding: 15px;
  height: 100vh;
  width: 100vw;
  overflow: auto;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #eeaeca;
  background: radial-gradient(circle, #eeaeca 0%, #94bbe9 100%);
  color: white;
  z-index: 1;
}
.seite_81 .keyform h2 {
  color: #fff;
  font-size: 1.6rem;
}
.stickysocial {
  position: fixed;
  bottom: 50px;
  right: -12px;
  z-index: 1000;
}
.stickysocial ul {
  display: flex;
  gap: 0.5rem;
  flex-direction: column;
}
.stickysocial ul li {
  padding: 0;
}
.stickysocial ul li a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 62px;
  height: 52px;
  --webkit-box-shadow: 0 10px 15px rgba(0, 0, 0, 0.35);
  box-shadow: 0 10px 10px rgba(0, 0, 0, 0.35);
  padding: 0;
  border-right: 10px solid #0085be;
  overflow: hidden;
  -webkit-border-radius: 5px 0 0 5px;
  -moz-border-radius: 5px 0 0 5px;
  -ms-border-radius: 5px 0 0 5px;
  -o-border-radius: 5px 0 0 5px;
  border-radius: 5px 0 0 5px;
  background: #0085be;
  color: #ffffff;
  font-size: 32px;
  line-height: 0;
  transition: 250ms all ease-out;
}
.stickysocial ul li a:hover,
.stickysocial ul li a:focus {
  background: #ff8a00;
  text-decoration: none;
  transform: translateX(-10px);
  border-color: #ff8a00;
}
.igbflag {
  display: inline-block;
  margin-bottom: 0;
  --webkit-box-shadow: 0 10px 15px rgba(0, 0, 0, 0.35);
  box-shadow: 0 10px 10px rgba(0, 0, 0, 0.35);
  padding: 10px 10px 10px 20px;
  overflow: hidden;
  -webkit-border-radius: 5px 0 0 5px;
  -moz-border-radius: 5px 0 0 5px;
  -ms-border-radius: 5px 0 0 5px;
  -o-border-radius: 5px 0 0 5px;
  border-radius: 5px 0 0 5px;
  background: #fff;
  position: fixed;
  bottom: 148px;
  right: -60px;
  z-index: 1000;
  -webkit-transition: right 250ms;
  -o-transition: right 250ms;
  transition: right 250ms;
}
.igbflag:hover {
  right: 0;
}
.igbflag svg {
  width: 80px;
  height: auto;
}
.igbflag svg * {
  -webkit-transition: all 250ms ease-out;
  -moz-transition: all 250ms ease-out;
  -ms-transition: all 250ms ease-out;
  -o-transition: all 250ms ease-out;
  transition: all 250ms ease-out;
}
.igbflag svg #nfo-text {
  opacity: 0;
}
.igbflag:hover svg #gb-text {
  opacity: 0;
}
.igbflag:hover svg #nfo-text {
  opacity: 1;
}
.igbflag a {
  padding: 0;
  margin: 0;
  border: none;
  line-height: 0;
  display: block;
}
.igbflag img {
  width: 200px;
  height: auto;
}
.karriereliste {
  margin-top: 5rem;
}
.karriereliste .orangetitle {
  color: #ff8a00;
  font-size: 3rem;
  font-weight: 300;
}
.karriereliste ul {
  padding-left: 0;
  margin-left: 0;
  list-style: none;
}
.karriereliste ul li strong {
  font-size: 1.5rem;
  font-weight: 300;
  line-height: 2.5em;
  background-image: linear-gradient(0deg, transparent 0em, #ff8a00 0px, #ff8a00 0.1em, transparent 0px, transparent 100%);
}
.karriereliste ul li.list-career-item-blue strong {
  color: #0085be;
  background-image: unset;
}
@media screen and (min-width: 768px) {
  .karriereliste .orangetitle {
    margin-inline: 41.6666% auto;
    margin-bottom: 5rem;
  }
  .karriereliste .leftside {
    text-align: right;
  }
}
.jobboxes {
  display: grid;
  gap: 30px 30px;
}
.jobboxes > div {
  background: #0085be;
  color: #ffffff;
  padding: 1.5rem 1em;
}
.jobboxes > div h3 {
  font-size: 2rem;
  color: #ff8a00;
  text-transform: uppercase;
}
.jobboxes > div .nombre {
  color: #ff8a00;
  font-weight: 700;
  font-size: 1.4rem;
}
.jobboxes > div .titlewrap {
  margin-bottom: 2rem;
}
.jobboxes > div .jobstitle {
  font-family: "Source Sans Pro", Helvetica, Arial, sans-serif;
  font-weight: 300;
  font-size: 1.4rem;
  line-height: 1.2em;
  display: block;
  text-transform: uppercase;
}
.jobboxes > div .linkwrap {
  display: flex;
  justify-content: flex-end;
}
.jobboxes > div .linkwrap .btn {
  background-color: #ff8a00;
  color: #ffffff;
  border-radius: 0;
  padding: 3px 10px;
  line-height: 1em;
  text-transform: uppercase;
}
.jobboxes .box1 .nombre,
.jobboxes .box2 .nombre {
  font-size: 2rem;
}
.jobboxes .box1 .jobstitle,
.jobboxes .box2 .jobstitle {
  font-size: 2rem;
}
@media screen and (min-width: 992px) {
  .jobboxes {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-template-rows: repeat(3, auto);
  }
  .jobboxes .box1 {
    grid-column-start: 1;
    grid-column-end: 4;
    grid-row-start: 1;
    grid-row-end: 2;
  }
  .jobboxes .box2 {
    grid-column-start: 4;
    grid-column-end: 7;
    grid-row-start: 1;
    grid-row-end: 2;
  }
  .jobboxes .box3 {
    grid-column-start: 1;
    grid-column-end: 3;
    grid-row-start: 2;
    grid-row-end: 3;
  }
  .jobboxes .box4 {
    grid-column-start: 3;
    grid-column-end: 5;
    grid-row-start: 2;
    grid-row-end: 3;
  }
  .jobboxes .box5 {
    grid-column-start: 5;
    grid-column-end: 7;
    grid-row-start: 2;
    grid-row-end: 3;
  }
  .jobboxes .box6 {
    grid-column-start: 1;
    grid-column-end: 3;
    grid-row-start: 3;
    grid-row-end: 4;
  }
  .jobboxes .box7 {
    grid-column-start: 3;
    grid-column-end: 5;
    grid-row-start: 3;
    grid-row-end: 4;
  }
  .jobboxes .box8 {
    grid-column-start: 5;
    grid-column-end: 7;
    grid-row-start: 3;
    grid-row-end: 4;
  }
  .jobboxes > div {
    padding: 0.75rem;
  }
  .jobboxes .box1,
  .jobboxes .box2 {
    padding: 2rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
}
.ce-bodytext .btn {
  margin-bottom: 1rem;
}
#c359 {
  text-align: left;
}
#igb-grid {
  position: relative;
  margin-block: 4rem;
  padding: 1rem;
}
#igb-grid video {
  width: 100%;
  height: 100%;
  inset: 0;
  object-fit: cover;
  position: absolute;
  z-index: 0;
  pointer-events: none;
}
#igb-grid .content {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  gap: 1rem;
  width: 100%;
  padding: 1rem;
  align-items: stretch;
  position: inherit;
  z-index: 1;
}
@media screen and (min-width: 768px) {
  #igb-grid .content {
    flex-direction: row;
  }
}
@media screen and (min-width: 992px) {
  #igb-grid .content {
    padding-inline: 120px;
  }
}
@media screen and (min-width: 1920px) {
  #igb-grid .content {
    padding-inline: 240px;
  }
}
#igb-grid .content .left {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: end;
  padding: 0 5cqw 5cqw 0cqw;
}
@media screen and (min-width: 768px) {
  #igb-grid .content .left {
    width: 30%;
  }
}
#igb-grid .content .left .headline {
  font-size: 2rem;
  line-height: 1.2;
  font-weight: bold;
  text-transform: uppercase;
  display: block;
  color: inherit;
}
#igb-grid .content .left p {
  color: inherit;
}
#igb-grid .content .right {
  width: 100%;
}
@media screen and (min-width: 768px) {
  #igb-grid .content .right {
    width: 70%;
  }
}
#igb-grid .content .right .igb-grid {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  --gap: 1rem;
  gap: var(--gap);
  height: var(--grid-height);
}
#igb-grid .content .right .igb-grid .tile {
  font-size: 1.5rem;
  font-weight: bold;
  text-transform: uppercase;
  display: block;
  padding: var(--gap);
  border: 5px solid white;
  background-color: unset;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: start;
  transition: all 0.3s ease-in-out;
}
@media screen and (min-width: 768px) {
  #igb-grid .content .right .igb-grid .tile {
    padding: var(--gap) calc(2 * var(--gap));
  }
}
#igb-grid .content .right .igb-grid .tile .title {
  font-size: 1.5rem;
  line-height: 1.2;
  font-weight: bold;
  text-transform: uppercase;
  display: block;
  color: inherit;
}
#igb-grid .content .right .igb-grid .tile p {
  font-size: 1rem;
  line-height: 1.5;
  font-weight: normal;
  text-transform: none;
  display: block;
  color: inherit;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
#igb-grid .content .right .igb-grid .tile .more {
  background: unset;
  border: unset;
  padding: 0;
}
#igb-grid .content .right .igb-grid .tile .more svg {
  width: 1.5rem;
}
#igb-grid .content .right .igb-grid .tile .close {
  display: none;
  visibility: hidden;
}
#igb-grid .content .right .igb-grid .tile.active,
#igb-grid .content .right .igb-grid .tile:hover {
  background-color: #ffffff f2;
  border-color: transparent;
  color: #706f6f;
}
#igb-grid .content .right .igb-grid .tile:nth-of-type(1) {
  flex: 1 0 calc(100% - 1rem);
}
#igb-grid .content .right .igb-grid .tile:nth-of-type(2),
#igb-grid .content .right .igb-grid .tile:nth-of-type(3) {
  flex: 1 0 calc(50% - 1rem);
}
#igb-grid .content .right .igb-grid .tile:nth-of-type(4),
#igb-grid .content .right .igb-grid .tile:nth-of-type(5),
#igb-grid .content .right .igb-grid .tile:nth-of-type(6) {
  flex: 1 0 calc(33.33% - 1rem);
}
#igb-grid .content .right .igb-grid.open .tile:not(.open) {
  display: none;
  visibility: hidden;
}
#igb-grid .content .right .igb-grid.open .tile.open {
  display: block;
  visibility: visible;
  flex: 1 0 100%;
  height: 100%;
  background-color: #ffffff f2;
  color: #706f6f;
}
#igb-grid .content .right .igb-grid.open .tile.open .close {
  display: block;
  visibility: visible;
}
#igb-grid .content .right .igb-grid.open .tile.open .more {
  display: none;
  visibility: hidden;
}
body.layout_1 {
  /* [class*="col-"] {
        // inset box-shadow
        box-shadow: inset 0 0 1px green;
    }
    
    .container-fluid {
        box-shadow: inset 0 0 1px red;
    } */
  /* DEBUG */
  /* .row {
        box-shadow: inset 0 0 1px red;
        
        > [class*="col-"] {
            box-shadow: inset 0 0 1px green;        
        }
    } */
}
body.layout_1 header.has-subheader {
  margin-bottom: 4rem;
}
body.layout_1 .slideshow h1,
body.layout_1 .slideshow .h1 {
  font-weight: 300;
}
body.layout_1 .maincontent .main-inner > div[id^="c"]:not(.frame-type-gridelements_pi1) .ce-backgroundimage .ce-bodytext .bodytext-svg.svg-after {
  width: 1000px;
  background: #fff;
}
body.layout_1 .maincontent .main-inner > div[id^="c"]:not(.frame-type-gridelements_pi1) .ce-backgroundimage .ce-bodytext .bodytext-svg.svg-after * {
  fill: transparent;
}
body.layout_1 .socialmediaicons {
  list-style: none;
  display: flex;
  margin: 0;
  gap: 0.5rem;
  flex-direction: row;
  position: absolute;
  top: 1rem;
  right: 0rem;
  padding: 0;
}
@media (min-width: 992px) {
  body.layout_1 .socialmediaicons {
    top: 2rem;
    flex-direction: column;
    right: calc(-40px + 1rem);
  }
}
@media (min-width: 1440px) {
  body.layout_1 .socialmediaicons {
    right: calc(-120px + 1rem);
  }
}
@media (min-width: 1920px) {
  body.layout_1 .socialmediaicons {
    right: calc(-240px + 1rem);
  }
}
body.layout_1 .socialmediaicons li {
  line-height: 1;
  padding: 0;
}
body.layout_1 .socialmediaicons li a svg {
  width: 25px;
  height: auto;
}
body.layout_1 .socialmediaicons li a svg * {
  fill: #706f6f;
}
.dce-speciallink {
  transition: all 0.3s ease-in-out;
  opacity: 0;
}
.dce-speciallink.visible {
  opacity: 1;
}
.interestedlink {
  display: flex;
  flex-direction: column;
  align-items: center;
  color: #706f6f;
  font-size: 1rem;
  font-weight: 300;
  transition: all 0.15s ease-in-out;
  transition: all 0.3s ease-in-out;
  opacity: 0;
}
.interestedlink .icon {
  border: 1px solid #706f6f;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.15s ease-in-out;
}
.interestedlink .icon svg {
  width: 50%;
  height: auto;
}
.interestedlink .icon svg * {
  fill: #706f6f;
  transition: all 0.15s ease-in-out;
}
.interestedlink:hover {
  color: #0085be;
  text-decoration: none;
}
.interestedlink:hover .icon {
  border-color: #0085be;
}
.interestedlink:hover .icon svg * {
  fill: #0085be;
}
@media screen and (min-width: 992px) {
  .interestedlink {
    font-size: 1.5rem;
  }
  .interestedlink .icon {
    width: 50px;
    height: 50px;
  }
}
.visible .interestedlink {
  opacity: 1;
}
.lottiewrap {
  position: relative;
  margin-top: 3rem;
}
.lottiewrap h2 {
  color: #0085be;
  font-weight: 300;
  padding-right: 6rem;
}
.lottiewrap .interestedlink {
  position: absolute;
  top: 0;
  right: 0;
}
@media screen and (min-width: 992px) {
  .lottiewrap h2 {
    padding-right: 10rem;
  }
}
#lottieProjektplanungsphasen .hasWings {
  position: relative;
}
#lottieProjektplanungsphasen .hasWings:before,
#lottieProjektplanungsphasen .hasWings:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  width: 999999rem;
  height: 100%;
  background: #71cbf4;
  z-index: 1;
}
#lottieProjektplanungsphasen .hasWings:after {
  left: auto;
  right: 99%;
}
#lottieProjektplanungsphasen .hasWings:before {
  right: auto;
  left: 99%;
}
@media screen and (max-width: 991px) {
  .specialtextmedia .ce-bodytext {
    padding-top: 4rem !important;
  }
}
.specialtextmedia .km-row {
  display: flex;
  gap: 40px;
  flex-direction: column;
}
@media screen and (min-width: 992px) {
  .specialtextmedia .km-row {
    flex-direction: row-reverse;
    justify-content: flex-start;
    align-items: flex-end;
  }
  .specialtextmedia .km-row .km-col-5 {
    flex: 0 0 calc(41.666% - 20px);
    width: calc(41.666% - 20px);
  }
  .specialtextmedia .km-row .km-col-7 {
    flex: 0 0 calc(58.33% - 20px);
    width: calc(58.33% - 20px);
  }
  .specialtextmedia .km-row .km-col-7 .ce-bodytext {
    padding-top: 20px;
  }
  .specialtextmedia .km-row .km-col-7 .ce-bodytext svg.svg-before {
    right: calc(100% + 19px) !important;
  }
  .specialtextmedia .km-row .km-col-7 .ce-bodytext:before {
    display: block;
    content: "";
    width: 20px;
    height: 100%;
    position: absolute;
    right: 100%;
    top: 0;
    background-color: #ffffff;
  }
}
.specialtextmedia .sidecontent p:last-child {
  margin-bottom: 0;
}
.specialtextmedia .sidecontent p.btn-matrix {
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
}
@media screen and (min-width: 768px) {
  .specialtextmedia .sidecontent p.btn-matrix {
    justify-content: right;
  }
}
@media screen and (min-width: 1024px) {
  .specialtextmedia .sidecontent {
    position: relative;
    text-align: right;
  }
}
.dce-triplelightbox .row {
  margin-left: -10px;
  margin-right: -10px;
}
.dce-triplelightbox .row [class^="col-"] {
  padding-left: 10px;
  padding-right: 10px;
  margin-bottom: 20px;
  margin-top: 0 !important;
}
@media screen and (min-width: 640px) {
  .dce-triplelightbox .row {
    margin-left: -20px;
    margin-right: -20px;
  }
  .dce-triplelightbox .row [class^="col-"] {
    padding-left: 20px;
    padding-right: 20px;
    margin-bottom: 40px;
  }
}
.dce-triplelightbox img {
  width: 100%;
  height: auto;
}
.dce-tabbedslider {
  margin-top: 10rem;
  margin-bottom: 5rem;
  padding-top: 20px;
  padding-bottom: 20px;
}
@media screen and (min-width: 992px) {
  .dce-tabbedslider {
    margin-top: 10rem ;
    margin-bottom: 60px;
  }
}
.dce-tabbedslider .tabs {
  display: flex;
  gap: 1rem;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 1rem;
}
.dce-tabbedslider .tabs h3 {
  font-weight: 300;
  color: #0085be;
  margin-bottom: 0;
  margin-right: 4rem;
}
.dce-tabbedslider .tabs .btnrow {
  display: flex;
  gap: 0.5rem;
  flex-wrap: wrap;
  align-items: felx-start;
}
.dce-tabbedslider .tabs button.btn-primary.active,
.dce-tabbedslider .tabs button.btn-primary:focus {
  background: transparent !important;
  color: #ff8a00 !important;
  border-color: #ff8a00 !important;
}
.dce-tabbedslider .tabs button.btn-primary:not(.active) {
  border-color: #0085be;
  color: #0085be;
}
.dce-tabbedslider .tabs button.btn-primary:hover {
  color: #ffffff;
}
.dce-tabbedslider .tabs button.btn-primary.d-none {
  display: none;
}
.dce-tabbedslider .tabpanels {
  display: block;
  /* grid-template-columns: 1fr; */
}
@media (min-width: 992px) {
  .dce-tabbedslider .tabpanels {
    margin-left: -40px;
    margin-right: -40px;
  }
}
@media (min-width: 1440px) {
  .dce-tabbedslider .tabpanels {
    margin-left: -120px;
    margin-right: -120px;
  }
}
@media (min-width: 1920px) {
  .dce-tabbedslider .tabpanels {
    margin-left: -240px;
    margin-right: -240px;
  }
}
.dce-tabbedslider .tabpanels > .inner {
  position: relative;
}
.dce-tabbedslider .tabpanels > .inner .tab-panel {
  display: none;
}
.dce-tabbedslider .tabpanels > .inner .tab-panel.active {
  display: block;
  opacity: 1;
}
.dce-tabbedslider .tabpanels > .inner .tab-panel > .inner {
  height: auto;
}
.dce-tabbedslider .tabpanels > .inner .tab-panel > .inner img {
  width: 100%;
  height: auto;
}
.dce-tabbedslider .tabpanels > .inner .tab-panel > .inner.is-career {
  background: #ebeaeb;
  position: relative;
  padding-block: 4rem;
  padding-right: 0;
  border-left: 1px solid #ebeaeb;
  border-right: 1px solid #ebeaeb;
  margin-inline: -1px;
}
@media screen and (min-width: 768px) {
  .dce-tabbedslider .tabpanels > .inner .tab-panel > .inner.is-career {
    padding-right: 20%;
  }
}
.dce-tabbedslider .tabpanels > .inner .tab-panel > .inner.is-career h3 {
  color: #ff8a00;
  font-size: 2rem;
  word-break: break-all;
}
@media screen and (min-width: 640px) {
  .dce-tabbedslider .tabpanels > .inner .tab-panel > .inner.is-career h3 {
    font-size: 3rem;
  }
}
.dce-tabbedslider .tabpanels > .inner .tab-panel > .inner.is-career a {
  color: #ff8a00;
  font-size: 1.3rem;
}
.dce-tabbedslider .tabpanels > .inner .tab-panel > .inner.is-career p:last-child {
  margin-bottom: 0;
}
.dce-tabbedslider .tabpanels > .inner .tab-panel > .inner.is-career:before,
.dce-tabbedslider .tabpanels > .inner .tab-panel > .inner.is-career:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  width: 999999rem;
  height: 100%;
  background: #ebeaeb;
  z-index: 1;
}
.dce-tabbedslider .tabpanels > .inner .tab-panel > .inner.is-career:after {
  left: auto;
  right: 100%;
}
.dce-tabbedslider .tabpanels > .inner .tab-panel > .inner.is-career:before {
  right: auto;
  left: 100%;
}
.dce-tabbedslider .tabpanels > .inner .tab-panel > .inner figcaption {
  padding: 1rem 0;
  font-size: 1.2rem;
}
@media screen and (min-width: 768px) {
  .dce-tabbedslider .tabpanels > .inner .tab-panel > .inner figcaption .inner {
    display: block;
    margin-left: calc(30% + 20px);
  }
}
@media (min-width: 992px) {
  .dce-tabbedslider .tabpanels > .inner .tab-panel > .inner figcaption {
    padding-inline: 40px;
  }
}
@media (min-width: 1440px) {
  .dce-tabbedslider .tabpanels > .inner .tab-panel > .inner figcaption {
    padding-inline: 120px;
  }
}
@media (min-width: 1920px) {
  .dce-tabbedslider .tabpanels > .inner .tab-panel > .inner figcaption {
    padding-inline: 240px;
  }
}
.dce-tabbedslider .tabpanels > .inner .tab-panel .slick-dots {
  text-align: right;
  padding: 0;
  left: unset;
  top: 20px;
  right: 20px;
  display: flex;
  width: auto;
}
.dce-tabbedslider .tabpanels > .inner .tab-panel .slick-dots button {
  border-radius: 0;
  border: 2px solid #ff8a00;
  width: 16px;
  height: 16px;
}
@media screen and (min-width: 768px) {
  .dce-tabbedslider .tabpanels > .inner .tab-panel .slick-dots button {
    width: 24px;
    height: 24px;
  }
}
.dce-tabbedslider .tabpanels > .inner .tab-panel .slick-dots .slick-active button {
  background-color: #ff8a00;
}
.dce-tabbedslider-career {
  margin-top: 10rem;
  margin-bottom: 5rem;
  padding-top: 20px;
  padding-bottom: 20px;
}
@media screen and (min-width: 992px) {
  .dce-tabbedslider-career {
    margin-top: 10rem ;
    margin-bottom: 60px;
  }
}
.dce-tabbedslider-career .tabs {
  display: flex;
  gap: 1rem;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 1rem;
}
.dce-tabbedslider-career .tabs h3 {
  font-weight: 300;
  color: #0085be;
  margin-bottom: 0;
  margin-right: 4rem;
}
.dce-tabbedslider-career .tabs .btnrow {
  display: flex;
  gap: 0.5rem;
  flex-wrap: wrap;
  align-items: felx-start;
}
.dce-tabbedslider-career .tabs button.active,
.dce-tabbedslider-career .tabs button:hover,
.dce-tabbedslider-career .tabs button:focus {
  background: transparent !important;
  color: #ff8a00 !important;
  border-color: #ff8a00 !important;
}
.dce-tabbedslider-career .tabs button:not(.active) {
  border-color: #0085be;
  color: #0085be;
}
.dce-tabbedslider-career .tabs button.d-none {
  display: none;
}
.dce-tabbedslider-career .tabpanels {
  display: block;
  background: #ebeaeb;
  box-shadow: 0 0 0 100vmax #ebeaeb;
  clip-path: inset(0 -100vmax);
  /* grid-template-columns: 1fr; */
}
.dce-tabbedslider-career .tabpanels > .inner {
  position: relative;
  overflow: hidden;
}
.dce-tabbedslider-career .tabpanels > .inner .tab-panel {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.dce-tabbedslider-career .tabpanels > .inner .tab-panel.active {
  /* display: block;
                    opacity: 1; */
}
.dce-tabbedslider-career .tabpanels > .inner .tab-panel > .inner {
  overflow: hidden;
  position: relative;
}
.dce-tabbedslider-career .tabpanels > .inner .tab-panel > .inner img {
  width: 100%;
  height: auto;
}
.dce-tabbedslider-career .tabpanels > .inner .tab-panel > .inner.is-career {
  background: #ebeaeb;
  position: relative;
  padding-block: 4rem;
  padding-right: 0;
  border-left: 1px solid #ebeaeb;
  border-right: 1px solid #ebeaeb;
  margin-inline: -1px;
}
@media screen and (min-width: 768px) {
  .dce-tabbedslider-career .tabpanels > .inner .tab-panel > .inner.is-career {
    padding-right: 20%;
  }
}
.dce-tabbedslider-career .tabpanels > .inner .tab-panel > .inner.is-career h3 {
  color: #ff8a00;
  font-size: 2rem;
  word-break: break-all;
}
@media screen and (min-width: 640px) {
  .dce-tabbedslider-career .tabpanels > .inner .tab-panel > .inner.is-career h3 {
    font-size: 3rem;
  }
}
.dce-tabbedslider-career .tabpanels > .inner .tab-panel > .inner.is-career a {
  color: #ff8a00;
  font-size: 1.3rem;
}
.dce-tabbedslider-career .tabpanels > .inner .tab-panel > .inner.is-career p:last-child {
  margin-bottom: 0;
}
.dce-tabbedslider-career .tabpanels > .inner .tab-panel > .inner.is-career:before,
.dce-tabbedslider-career .tabpanels > .inner .tab-panel > .inner.is-career:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  width: 999999rem;
  height: 100%;
  background: #ebeaeb;
  z-index: 1;
}
.dce-tabbedslider-career .tabpanels > .inner .tab-panel > .inner.is-career:after {
  left: auto;
  right: 100%;
}
.dce-tabbedslider-career .tabpanels > .inner .tab-panel > .inner.is-career:before {
  right: auto;
  left: 100%;
}
.dce-tabbedslider-career .tabpanels > .inner .tab-panel > .inner figcaption {
  padding: 1rem 0;
  font-size: 1.2rem;
}
@media screen and (min-width: 768px) {
  .dce-tabbedslider-career .tabpanels > .inner .tab-panel > .inner figcaption .inner {
    display: block;
    margin-left: calc(30% + 20px);
  }
}
@media (min-width: 992px) {
  .dce-tabbedslider-career .tabpanels > .inner .tab-panel > .inner figcaption {
    padding-inline: 40px;
  }
}
@media (min-width: 1440px) {
  .dce-tabbedslider-career .tabpanels > .inner .tab-panel > .inner figcaption {
    padding-inline: 120px;
  }
}
@media (min-width: 1920px) {
  .dce-tabbedslider-career .tabpanels > .inner .tab-panel > .inner figcaption {
    padding-inline: 240px;
  }
}
.dce-tabbedslider-career .tabpanels > .inner .tab-panel .slick-dots {
  text-align: right;
  padding: 0;
  left: unset;
  top: 20px;
  right: 20px;
  display: flex;
  width: auto;
}
.dce-tabbedslider-career .tabpanels > .inner .tab-panel .slick-dots button {
  border-radius: 0;
  border: 2px solid #ff8a00;
  width: 16px;
  height: 16px;
}
@media screen and (min-width: 768px) {
  .dce-tabbedslider-career .tabpanels > .inner .tab-panel .slick-dots button {
    width: 24px;
    height: 24px;
  }
}
.dce-tabbedslider-career .tabpanels > .inner .tab-panel .slick-dots .slick-active button {
  background-color: #ff8a00;
}
@media screen and (min-width: 580px) {
  .frame-type-gridelements_pi1.frame-layout-10 {
    /* padding: 20px; */
  }
  .frame-type-gridelements_pi1.frame-layout-10 > .row {
    margin-left: 0;
    margin-right: 0;
    display: flex;
    padding: 0;
  }
  .frame-type-gridelements_pi1.frame-layout-10 > .row > .col {
    width: 30%;
    padding: 0;
    padding-right: 20px;
    float: none;
    flex: 0 0 30%;
  }
  .frame-type-gridelements_pi1.frame-layout-10 > .row > .col + .col {
    width: 70%;
    padding: 0 20px;
    flex: 0 0 70%;
  }
}
.dce-fullpic {
  position: relative;
  margin-block: 5rem;
}
.dce-fullpic .imgwrap {
  height: auto;
  max-width: unset;
  position: relative;
  z-index: 1;
  overflow: hidden;
  margin-left: -20px;
  margin-right: -20px;
}
.dce-fullpic .imgwrap img {
  width: 100%;
  height: auto;
}
@media (min-width: 992px) {
  .dce-fullpic .imgwrap {
    margin-left: -40px;
    margin-right: -40px;
  }
}
@media (min-width: 1440px) {
  .dce-fullpic .imgwrap {
    margin-left: -120px;
    margin-right: -120px;
  }
}
@media (min-width: 1920px) {
  .dce-fullpic .imgwrap {
    margin-left: -240px;
    margin-right: -240px;
  }
}
.dce-fullpic .overlaytext {
  font-size: 5svw;
  color: white;
  position: absolute;
  left: 0;
  bottom: 2rem;
  font-weight: 700;
  z-index: 2;
  line-height: 1em;
}
.svganimationGeneral {
  position: relative;
}
.svganimationGeneral .generalplan-sectors > g {
  cursor: pointer;
}
.svganimationGeneral .modalContent {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  transform-origin: center;
  z-index: 1;
  width: 80%;
  max-width: 300px;
  background-color: #0085be;
  color: #fff;
  border-radius: 1rem;
  line-height: 1.2;
  display: none;
  overflow: hidden;
}
.svganimationGeneral .modalContent .close {
  display: block;
  opacity: 1;
  position: absolute;
  top: 0.25rem;
  right: 0.25rem;
  height: 1rem;
  width: 1.5rem;
}
.svganimationGeneral .modalContent .close svg {
  width: 100%;
  height: 100%;
}
.svganimationGeneral .modalContent .close svg * {
  fill: #ffffff;
}
.svganimationGeneral .modalContent .inner {
  padding: 30px 20px;
  text-align: left;
}
.svganimationGeneral .modalContent .inner .h3 {
  color: white;
  font-weight: 300;
}
.svganimationGeneral .modalContent .inner ul {
  padding-left: 1rem;
}
.svganimationGeneral .svgmodal {
  display: none;
}
#c808 .ce-gallery {
  margin-left: 0 !important;
}
#eurofond {
  display: flex;
  flex-direction: column;
  gap: 3rem;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  font-size: 14px;
  padding: 2rem 0;
  margin: 3rem 0 0 0;
}
@media screen and (min-width: 640px) {
  #eurofond {
    flex-direction: row;
  }
}
#eurofond .fondbadges {
  flex: 0 0 calc(33.333% - 2.33333rem);
}
#eurofond .fondtext {
  flex: 1;
  line-height: 1.5;
}
.frame-type-form_formframework .form-control {
  font-size: 16px;
  height: 54px;
  padding: 15px 20px;
  border-color: #969595;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
}
.news-category ul > li {
  white-space: nowrap;
}