/* open-sans-300 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: url('../../files/fonts/open-sans-v23-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../../files/fonts/open-sans-v23-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../files/fonts/open-sans-v23-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../files/fonts/open-sans-v23-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../../files/fonts/open-sans-v23-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../files/fonts/open-sans-v23-latin-300.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-300italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 300;
  src: url('../../files/fonts/open-sans-v23-latin-300italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../../files/fonts/open-sans-v23-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../files/fonts/open-sans-v23-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../files/fonts/open-sans-v23-latin-300italic.woff') format('woff'), /* Modern Browsers */
       url('../../files/fonts/open-sans-v23-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../files/fonts/open-sans-v23-latin-300italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../../files/fonts/open-sans-v23-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../../files/fonts/open-sans-v23-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../files/fonts/open-sans-v23-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../files/fonts/open-sans-v23-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../../files/fonts/open-sans-v23-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../files/fonts/open-sans-v23-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: url('../../files/fonts/open-sans-v23-latin-italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../../files/fonts/open-sans-v23-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../files/fonts/open-sans-v23-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../files/fonts/open-sans-v23-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('../../files/fonts/open-sans-v23-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../files/fonts/open-sans-v23-latin-italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-600 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: url('../../files/fonts/open-sans-v23-latin-600.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../../files/fonts/open-sans-v23-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../files/fonts/open-sans-v23-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../files/fonts/open-sans-v23-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../../files/fonts/open-sans-v23-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../files/fonts/open-sans-v23-latin-600.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-600italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 600;
  src: url('../../files/fonts/open-sans-v23-latin-600italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../../files/fonts/open-sans-v23-latin-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../files/fonts/open-sans-v23-latin-600italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../files/fonts/open-sans-v23-latin-600italic.woff') format('woff'), /* Modern Browsers */
       url('../../files/fonts/open-sans-v23-latin-600italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../files/fonts/open-sans-v23-latin-600italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-700 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../../files/fonts/open-sans-v23-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../../files/fonts/open-sans-v23-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../files/fonts/open-sans-v23-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../files/fonts/open-sans-v23-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../../files/fonts/open-sans-v23-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../files/fonts/open-sans-v23-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-700italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 700;
  src: url('../../files/fonts/open-sans-v23-latin-700italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../../files/fonts/open-sans-v23-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../files/fonts/open-sans-v23-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../files/fonts/open-sans-v23-latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('../../files/fonts/open-sans-v23-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../files/fonts/open-sans-v23-latin-700italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-800 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 800;
  src: url('../../files/fonts/open-sans-v23-latin-800.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../../files/fonts/open-sans-v23-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../files/fonts/open-sans-v23-latin-800.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../files/fonts/open-sans-v23-latin-800.woff') format('woff'), /* Modern Browsers */
       url('../../files/fonts/open-sans-v23-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../files/fonts/open-sans-v23-latin-800.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-800italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 800;
  src: url('../../files/fonts/open-sans-v23-latin-800italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../../files/fonts/open-sans-v23-latin-800italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../files/fonts/open-sans-v23-latin-800italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../files/fonts/open-sans-v23-latin-800italic.woff') format('woff'), /* Modern Browsers */
       url('../../files/fonts/open-sans-v23-latin-800italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../files/fonts/open-sans-v23-latin-800italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */

main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */

a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */

img {
  border-style: none;
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */

details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
  display: list-item;
}

/* Misc
   ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */

template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */

[hidden] {
  display: none;
}

#menuArea input {
  display: none;
}

.open {
  background-color: #3c3c3c;
  width: 24px;
  height: 4px;
  display: block;
  border-radius: 2px;
  cursor: pointer;
  position: relative;
  top: 8px;
}

.open:before {
  content: "";
  background-color: #3c3c3c;
  width: 24px;
  height: 4px;
  display: block;
  border-radius: 2px;
  position: relative;
  top: -8px;
  transform: rotate(0deg);
  transition: all 0.3s ease;
}

.open:after {
  content: "";
  background-color: #3c3c3c;
  width: 24px;
  height: 4px;
  display: block;
  border-radius: 2px;
  position: relative;
  top: 4px;
  transform: rotate(0deg);
  transition: all 0.3s ease;
}

.menuOpen {
  width: 24px;
  height: 20px;
  display: block;
  padding: 15px;
  cursor: pointer;
  float: right;
    z-index:9995; right:0; top:0; position: fixed;
}

.menuOpen:hover .open:before {
  top: -9px;
}

.menuOpen:hover .open:after {
  top: 5px;
}

.menu {
  position: fixed;
  width: 100vw;
  height: 100vh;
  top: 0;
  left: 0;
  background: rgba(55,124,218,.9);
}

.menu label {
  width: 30px;
  height: 30px;
  position: absolute;
  right: 20px;
  top: 20px;
  background-size: 100%;
  cursor: pointer;
}

.menu .menuContent {
  position: relative;
  text-align: left;
  padding-bottom: 20px;
  }

.menu ul {
  list-style: none;
  padding: 5vw 5vw 0 5vw;
  margin: 0 auto;
}
.menu ul ul {
  padding: 0 0 0 20px;
}

.menu ul li.mobilenone { display: none; }
.menu ul li * {
    color:#fff;
    font-size: 14pt;
    text-transform: none;
}

.menu ul ul li * {
    color:#fff;
    font-size: 12pt;
    text-transform: none;
}

.menu ul li a {
  display: block;
  text-decoration: none;
  transition: color 0.2s;
  font-family: Trebuchet MS;
  text-transform: none;
  padding: 5px 0;
    color:#fff;
}

.menu ul li a:hover {
  color: #ff8702;
}

.menu ul li:hover {
/*  background: white;*/
}

.menuEffects {
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.5s, visibility 0.5s;
}

.menuEffects ul {
  transform: translateY(0%);
  transition: all 0.5s;
}

#menuToggle:checked ~ .menuEffects {
  opacity: 1;
  visibility: visible;
  transition: opacity 0.5s;
    z-index: 9990;
}

#menuToggle:checked ~ .menuEffects ul {
  opacity: 1;
}

#menuToggle:checked ~ .menuOpen .open {
  background-color: transparent;
}

#menuToggle:checked ~ .menuOpen .open:before {
  content: "";
  background-color: white;
  transform: rotate(45deg);
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
}

#menuToggle:checked ~ .menuOpen .open:after {
  content: "";
  background-color: white;
  transform: rotate(-45deg);
  position: relative;
  top: 0;
  right: 0;
  z-index: 1;
}

#menuToggle:not(:checked) ~ .menuEffects ul {
  transform: translateY(-30%);
}

html { scroll-behavior: smooth; font-family: 'Open Sans', sans-serif; font-size: 100%; margin: 0; padding: 0; }

a { color: #000000; text-decoration: none; border:none; }
a:hover { text-decoration: underline; }
a:focus { outline: 0px solid #000000; outline-offset: 2px; }

strong { font-weight: bold; }
em { font-style: italic; }
textarea { resize: vertical; }

article, aside, figure, footer, header, menu, nav, section { display: block; }

hr { display: block; height: 1px; border: 0; border-top: 1px solid #cccccc; margin: 1em 0; padding: 0; }

img { max-width: 100%; height: auto; }

figure { margin-block-start: 0; margin-block-end: 0; margin-inline-start: 0; margin-inline-end: 0; }
figcaption { color: #585858; font-size: 10pt; }

/* +----------------------------------------------------------------------- */
/* | Layout / Grid
/* +----------------------------------------------------------------------- */

.container { position: relative; width: 1200px; margin: 0 auto; padding: 0; display: flex; flex-wrap: wrap; }
.ai_center .container { text-align: center; }


/* +----------------------------------------------------------------------- */
/* | Helper classes
/* +----------------------------------------------------------------------- */

.clear { clear: both; }
.pull-left { float: left; }
.pull-right { float: right; }
.align-left, .alignleft { text-align: left; }
.align-right, .alignright { text-align: right; }
.align-center, .aligncenter { text-align: center; }

.ir { background-color: transparent; border: 0; overflow: hidden; text-indent: -9999px; }
.ir:before { content: ""; display: block; width: 0; height: 150%; }

.visuallyhidden { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; border: 0; clip: rect(0 0 0 0); }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

.invisible { display: none !important; }

.clearfix:before, .clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }

.uppercase { text-transform: uppercase; }
.mobiledata { display: none; }

.boxShadow, .boxshadow { box-shadow: rgba(0,0,0,0.1) 5px 5px 5px; }

.no-margin, .nomargin { margin: 0; }
.no-padding, .nopadding { padding: 0; }

.block { overflow: visible; }
.inside { }

.col2 { column-count: 2; }

.mtminus10 { margin-top: -10px; }
.mtminus20 { margin-top: -20px; }
.mtminus30 { margin-top: -30px; }
.mtminus40 { margin-top: -40px; }
.mtminus50 { margin-top: -50px; }

.mt01 { margin-top: 1px; }
.mt10 { margin-top: 10px; }
.mt20 { margin-top: 20px; }
.mt30 { margin-top: 30px; }
.mt40 { margin-top: 40px; }
.mt50 { margin-top: 50px; }

.mb01 { margin-bottom: 1px; }
.mb10 { margin-bottom: 10px; }
.mb20 { margin-bottom: 20px; }
.mb30 { margin-bottom: 30px; }
.mb40 { margin-bottom: 40px; }
.mb50 { margin-bottom: 50px; }

.pt10 { padding-top: 10px; }
.pt20 { padding-top: 20px; }
.pt30 { padding-top: 30px; }
.pt40 { padding-top: 40px; }
.pt50 { padding-top: 50px; }
.pt60 { padding-top: 60px; }
.pt70 { padding-top: 70px; }
.pt80 { padding-top: 80px; }

.pb10 { padding-bottom: 10px; }
.pb20 { padding-bottom: 20px; }
.pb30 { padding-bottom: 30px; }
.pb40 { padding-bottom: 40px; }
.pb50 { padding-bottom: 50px; }
.pb60 { padding-bottom: 60px; }
.pb70 { padding-bottom: 70px; }
.pb80 { padding-bottom: 80px; }

.wrap1400 { max-width: 1400px; margin: 0 auto; }
.wrap400 { max-width: 400px; margin: 0 auto; }
.wrap300 { max-width: 300px; margin: 0 auto; }

.flexcontent { display: flex; }
.flexWrap, .flexwrap { flex-wrap: wrap; }
.flexNoWrap { flex-wrap: nowrap; }

.jc_flexStart, .js-flexStart { justify-content: flex-start; }
.jc_flexEnd, .js-flexEnd { justify-content: flex-end; }
.jc_center, .jc-center { justify-content: center; }

.ai_center, .ai-center { align-items: center; }

.fd-row-reverse { flex-direction: row-reverse; }
.fd-row { flex-direction: row; }
.fd-column-reverse { flex-direction: column-reverse; }
.fd-column { flex-direction: column; }

.flex10 { flex-basis: calc(10% - 20px); margin-left: 10px; margin-right: 10px; }
.flex20 { flex-basis: calc(20% - 20px); margin-left: 10px; margin-right: 10px; }
.flex30 { flex-basis: calc(30% - 20px); margin-left: 10px; margin-right: 10px; }
.flex40 { flex-basis: calc(40% - 20px); margin-left: 10px; margin-right: 10px; }
.flex50 { flex-basis: calc(50% - 20px); margin-left: 10px; margin-right: 10px; }
.flex60 { flex-basis: calc(60% - 20px); margin-left: 10px; margin-right: 10px; }
.flex70 { flex-basis: calc(70% - 20px); margin-left: 10px; margin-right: 10px; }
.flex80 { flex-basis: calc(80% - 20px); margin-left: 10px; margin-right: 10px; }
.flex90 { flex-basis: calc(90% - 20px); margin-left: 10px; margin-right: 10px; }
.flex100 { flex-basis: calc(100% - 20px); width: calc(100% - 20px); margin-left: 10px; margin-right: 10px; }

.flex1-3, .flex33 { flex-basis: calc(33.33% - 20px); margin-left: 10px; margin-right: 10px; }
.flex2-3, .flex66 { flex-basis: calc(66.66% - 20px); margin-left: 10px; margin-right: 10px; }
.flex1-4, .flex25 { flex-basis: calc(25% - 20px); margin-left: 10px; margin-right: 10px; }

section.bgGray { background: rgb(255,255,255); background: radial-gradient(circle, rgba(255,255,255,1) 0%, rgba(234,234,234,1) 100%); }
.bgGreen { background: #97bf1e; }
.bgWhite { background: #ffffff; }

.ce_youtube, .ce_player { margin-top: 7px; }
body.index .ce_player { margin: 0; }

.imgBorder img { border: 1px solid #ccc; }

iframe.yt-video { min-height: 340px; }

.highlight .ce_text_inner { padding: 30px; background: rgb(44,159,175); background: radial-gradient(circle, rgba(44,159,175,1) 0%, rgba(27,104,115,1) 100%); }
.highlight .ce_text_inner * { color: #fff; }

.linkButton p a { display: inline-block; padding: 8px 20px; border: 1px solid #fff; border-radius: 10px; background: rgb(170,201,41); color: #fff; font-size: 1.3em; text-decoration: none !important; box-shadow: rgba(0,0,0,0.2) 5px 5px 5px; }

/* +----------------------------------------------------------------------- */
/* | Header
/* +----------------------------------------------------------------------- */

#header { height: 100px; width: 100%; background: rgba(255,255,255,1); z-index: 9995; }
.is-sticky #header { background: rgba(255,255,255,0.95); }

#header .flexcontent { align-items: center; justify-content: center; flex-wrap: wrap; padding: 10px 0; }
#header .HeaderInside { width: 100%; background: #fff; }

#header-sticky-wrapper { width: 100%; height: 100px; }
#header-sticky-wrapper.is-sticky { box-shadow: rgba(0,0,0,0.2) 5px 5px 5px; }

#header #undefined-sticky-wrapper { z-index: 9995; position: relative; }
#header .inner { width: 100%; background: #fff; }

#imagebar { position: relative; height: 60vh; display: none; overflow: hidden; }
#imagebar .overlay { position: absolute; inset: 0; height: 60vh; background: rgb(0,116,185); background: linear-gradient(0deg, rgba(0,116,185,0.7) 0%, rgba(0,116,185,0) 65%); pointer-events: none; }

body.lgs #imagebar .overlay { background: rgb(0,116,185); background: linear-gradient(0deg, rgba(0,116,185,.9) 0%, rgba(0,116,185,.7) 20%, rgba(0,116,185,0) 65%); }

body.index #imagebar { display: flex; align-items: center; background: url('../../files/gfx/header/csu_straubing_titelbild_weich.jpg') no-repeat center center; background-size: cover; }
body.index #imagebar .container { position: relative; z-index: 2; margin-bottom: 60px; }

#imagebar h1, #imagebar h2, #imagebar h3 { margin: 0; color: #fff; font-size: 4em; text-align: center; text-shadow: rgba(0,0,0,0.5) 2px 2px 2px; position: relative; z-index: 2; }
#imagebar h2 span { color: #a9c828; }

body.nfv #imagebar { display: block; height: 60vh; background: url('../../files/img/events/2022/20220426_nfv_straubing/nfv_straubing_113282448.jpg') no-repeat center top -100px; background-size: cover; }
body.nfv #imagebar .overlay { height: 60vh; }
body.nfv #imagebar .box { max-width: 960px; bottom: 50px; }
body.nfv #imagebar h1 { font-size: 2.75em; }
body.nfv #imagebar h1 span { font-weight: normal; }

/* +----------------------------------------------------------------------- */
/* | Anfragen
/* +----------------------------------------------------------------------- */

.hlRequest * { font-weight: bold; }

.mod_requests .tabcontrol_tabs ul { display: flex; list-style: none; margin: 0; padding: 0; }
.mod_requests .tabcontrol_tabs ul li { padding: 7px 15px; background: #efefef; outline: 1px solid #fff; }
.mod_requests .tabcontrol_tabs ul li.selected, .mod_requests .tabcontrol_tabs ul li:hover { background: #0073b7; color: #fff; }
.mod_requests .tabcontrol_tabs ul li:hover { cursor: pointer; }

.mod_requests .tabcontrol_panes { flex-basis: 100%; }

.pane_row { padding: 15px 0; border-bottom: 1px solid #efefef; justify-content: space-between; align-items: center; }
.pane_row:last-of-type { border-bottom: none; }

.mod_requests .rowRequest { justify-content: space-between; align-items: center; }
.mod_requests .rowRequest:nth-child(2n+1) { background: rgba(0,128,200,0.10); }
.mod_requests .hlRequest { background: #0080c8; color: #fff; }

.mod_requests .rowRequest div { margin: 0 10px; padding: 10px; }
.mod_requests .date { flex-basis: calc(15% - 20px); text-align: center; }
.mod_requests .title { flex-basis: calc(55% - 20px); }
.mod_requests .status { flex-basis: calc(15% - 20px); text-align: center; }
.mod_requests .status span { display: block; padding: 5px; font-size: .8em; }

.mod_requests .status span.offen { background: #ffdf58; }
.mod_requests .status span.behandelt { background: rgba(181,172,173,1); }
.mod_requests .status span.erledigt { background: rgba(84,201,82,1); }

.mod_requests .link { flex-basis: calc(15% - 20px); text-align: center; }
.mod_requests .panes .link, .mod_requests .panes .date { font-size: .8em; }

.mod_request_detail .ce_details { background: rgb(255,255,255); background: radial-gradient(circle, rgba(255,255,255,1) 0%, rgba(239,239,239,0.87) 100%); }
.mod_request_detail .ce_details .inside { padding: 20px; }

.mod_request_detail .ce_text h2 { color: #0080c8; text-transform: none; font-weight: bold; font-size: 1.6em; }
.mod_request_detail .ce_details h4 { font-weight: bold; color: #0080c8; }
.mod_request_detail .ce_details h5 { margin: 5px 0 0 0; }

.tab { overflow: hidden; border: 1px solid #ccc; background-color: #f1f1f1; }
.tab button { float: left; padding: 14px 16px; border: none; outline: none; background-color: inherit; cursor: pointer; transition: 0.3s; }
.tab button:hover { background-color: #ddd; }
.tab button.active { background-color: #ccc; }

.tabcontent { display: none; padding: 6px 12px; border: 1px solid #ccc; border-top: none; }

/* +----------------------------------------------------------------------- */
/* | Styling
/* +----------------------------------------------------------------------- */

#welcome .container { justify-content: center; }
#welcome .rte { border-left:2px solid #0080c8; margin-left:30px; padding: 10px 0 10px 15px;  }

/* +----------------------------------------------------------------------- */
/* | Episoden
/* +----------------------------------------------------------------------- */

.episode_list .episode { position: relative; box-shadow: rgba(0,0,0,0.2) 0 0 15px; }
.episode_list .episode .text_container { padding: 10px 20px 65px 20px; }
.episode_list .episode h3 { font-size: 1.35em; margin: 0; }
.episode_list .episode p { font-size: 1em; margin: 10px 0; }

.episode_list .episode .text_container a { position: absolute; right: 20px; bottom: 20px; display: inline-block; padding: 10px 25px; background: #0073b7; color: #fff; text-decoration: none !important; font-weight: 500; border-radius: 3px; box-shadow: rgba(0,0,0,.1) 0 0 5px; font-size: 1em; }
.episode_list .episode .text_container a:hover { background: var(--yellowDark); }

.episode_list .episode .text_container p.info { margin: 0 0 20px; font-size: .85em; }
.episode_list .episode .text_container p.info span.podcast { margin: 0; padding: 0 0 0 19px; background: url(../../files/gfx/mic.svg) no-repeat left center; background-size: auto 15px; }

.episode_view .infoBox { background: rgb(0,115,183); background: -moz-linear-gradient(28deg, rgba(0,115,183,1) 0%, rgba(0,137,206,1) 100%); background: -webkit-linear-gradient(28deg, rgba(0,115,183,1) 0%, rgba(0,137,206,1) 100%); background: linear-gradient(28deg, rgba(0,115,183,1) 0%, rgba(0,137,206,1) 100%); box-shadow: rgba(0,0,0,0.2) 0 0 10px; }
.episode_view .infoBox * { color: #fff; }

.episode_view .infoBox ul { list-style: none; margin: 0; padding: 0; }
.episode_view .infoBox .meta ul { margin-bottom: 20px; }
.episode_view .infoBox .meta ul li { display: flex; flex-wrap: wrap; }
.episode_view .infoBox .meta ul li span { flex-basis: 50%; }

.episode_view .infoBox .box { margin: 20px; border-bottom: 1px solid #fff; }
.episode_view .infoBox .box:last-of-type { border-bottom: none; }
.episode_view .infoBox .box h3 { font-size: 1.2em; margin: 0 0 10px; text-transform: uppercase; }

.episode_view .infoBox .guests ul, .episode_view .infoBox .moderation ul { list-style: none; }
.episode_view .infoBox .guests ul li, .episode_view .infoBox .moderation ul li { padding: 5px 0 5px 30px; background: url(../../files/website/gfx/finger.svg) no-repeat left top 7px; background-size: 20px auto; }

.episodeDetail .hideOnEpisode { display: none; }

.video_container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; margin-bottom: 40px; }
.video_container iframe, .video_container object, .video_container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/* +----------------------------------------------------------------------- */
/* | Navigation
/* +----------------------------------------------------------------------- */

#mobile-navigation { display: none; position: fixed; top: 0; width: 100%; z-index: 9995; background: #fff; }
#mobile-navigation #logo img { max-height: 50px; }

#imageSlider .mod_caroufredsel.mobiledata { display: none !important; }

#desktop-top-bar #logo img { max-width: 100px; margin: 8px 0; }

#nav_top ul { margin: 0; padding: 0; list-style: none; text-align: right; border-bottom: 0.5px solid #E8E8E8; }
#nav_top ul li { display: inline-block; padding: 8px 5px 8px 8px; }
#nav_top ul li * { font-weight: 300; font-size: 10pt; color: #777; }

#main-navigation { position: relative; z-index: 9600; margin-top: 10px; }
#main-navigation .inside { display: flex; justify-content: flex-end; }
#main-navigation .block { overflow: visible; }
#main-navigation * { margin: 0; padding: 0; box-sizing: border-box; }

#main-navigation ul { margin: 0; padding: 0; transition-duration: 1s; }

#main-navigation a, #main-navigation ul li.active span, #main-navigation ul li.trail span { display: block; color: #000; font-size: 14pt; font-weight: 400; letter-spacing: 1px; text-decoration: none; text-transform: uppercase; }
#main-navigation ul li.active span, #main-navigation ul li.trail span, #main-navigation ul li.trail a { color: #1AA1C2; }

#main-navigation ul ul a, #main-navigation ul ul span.active { text-transform: none; color: #000; }

#main-navigation ul li { margin: 0 10px; padding: 5px 0; }
#main-navigation ul li, #main-navigation ul li.active { position: relative; float: left; list-style: none; color: #333; transition: 0.5s; }

#main-navigation ul li:hover > a, #main-navigation ul li.active > span { color: #1AA1C2; }

#main-navigation ul li:hover ul li a, #main-navigation ul ul li a, #main-navigation ul ul ul li a, #main-navigation ul ul li:hover ul li a { color: #000; padding: 10px 0; display: block; }
#main-navigation ul li ul li:hover a, #main-navigation ul ul ul li:hover a { padding: 10px 0; display: block; }

#main-navigation ul ul { position: absolute; top: 100%; left: 0; z-index: 1; display: none; opacity: 0; padding: 5px 10px; background: #fff; box-shadow: 2px 2px 5px rgba(0,0,0,0.5); font-size: 13pt; border-style: solid; border-width: 4px; border-image: radial-gradient(circle, rgba(54,140,191,1) 0%, rgba(0,116,185,1) 100%) 1; border-right: none; border-bottom: none; border-left: none; }

#main-navigation ul li:last-of-type ul { left: auto; right: 0; }

#main-navigation ul ul li, #main-navigation ul ul ul li { width: 320px; margin: 0; padding: 0; border-bottom: 1px solid #ccc; }
#main-navigation ul ul li a, #main-navigation ul ul li span { display: block; padding: 10px 0; color: #000; }
#main-navigation ul ul li a:hover, #main-navigation ul ul li span { color: #97bf0d; }
#main-navigation ul ul li:last-child { border-bottom: none; }

#main-navigation ul li:hover > ul { top: 100%; left: 0; display: block; opacity: 1; }
#main-navigation ul li:last-of-type:hover > ul { left: auto; right: 0; }
#main-navigation ul ul li:hover > ul { top: 0; left: 300px; }

/* +----------------------------------------------------------------------- */
/* | Global-Styling
/* +----------------------------------------------------------------------- */

.mod_newslist .flexcontent { justify-content: center; flex-wrap: wrap; }
body.aktuelles .mod_newslist .flexcontent { justify-content: flex-start; flex-wrap: wrap; }

.mod_newslist .layout_latest { flex-basis: calc(33.33% - 42px); margin: 15px; border: 0 solid #ccc; box-shadow: rgba(0,0,0,0.1) 4px 4px 4px; }
.mod_newslist .layout_latest img { width: 100%; height: auto; }

.mod_newslist .layout_latest h2 { margin: 10px 0 20px; font-size: 20pt; }
.mod_newslist .layout_latest h2 a { font-size: .8em; font-weight: 300; color: #585858; }

.mod_newslist .layout_latest .teaser p { text-align: justify; }
.mod_newslist .layout_latest .ce_text { padding: 20px; }
.mod_newslist .layout_latest p.info { margin: 0; font-size: 9pt; }
.mod_newslist .layout_latest p.more { margin: 0; }

.mod_newslist .layout_latest p.more a { background: #0073B7 url(../../files/gfx/right-arrow.svg) no-repeat left center; background-size: 15px auto; padding: 5px; text-decoration: none; text-transform: lowercase; color: #fff; font-size: 11pt; }
.mod_newslist .layout_latest .caption { display: none; }

.mod_newsreader { max-width: 960px; margin: 0 auto; }
.mod_newsreader .image_container { margin-bottom: 30px; }
.mod_newsreader p.info { font-size: 10pt; }

.mod_member_list .member { flex-basis: 25%; margin-bottom: 20px; }
.mod_member_list .member .inner { margin: 10px; position: relative; }

.mod_member_list .member .banner { position: relative; z-index: 500; margin: -10px 10px 0 10px; padding: 5px; background: #0073b7; border: 1px solid #fff; text-align: center; line-height: 1.4; }
.mod_member_list .member .banner span { display: block; font-size: .9em; font-style: italic; }
.mod_member_list .member .banner a { color: #fff; }

.mod_member_list .member .img { box-shadow: rgba(0,0,0,0.2) 5px 5px 5px; }
.mod_member_list .member span.rat { font-size: 10pt; }

.content .mod_member_detail h1 { margin-bottom: 40px; }
.content .mod_member_detail h3 { margin-bottom: 0; color: #AAC929; font-style: italic; }
.content .mod_member_detail h3.subheadline { margin: 0 0 10px; font-size: 1.35em; color: #0074B9; font-style: italic; }
.content .mod_member_detail h4 { margin-top: 0; }

#contact ul li { margin-bottom: 10px; }
#contact a { text-decoration: none !important; }

#contact i { display: inline-block; width: 25px; height: 25px; margin-right: 10px; }
#contact i.mail { background: url(../../files/gfx/icons/mail.svg) no-repeat center center; background-size: 100% auto; }
#contact i.phone { background: url(../../files/gfx/icons/phone.svg) no-repeat center center; background-size: 100% auto; }
#contact i.facebook { background: url(../../files/gfx/icons/facebook.svg) no-repeat center center; background-size: 100% auto; }
#contact i.instagram { background: url(../../files/gfx/icons/instagram.svg) no-repeat center center; background-size: 100% auto; }

#quote, #aemter, #committee { padding: 40px 0; }

#quote h2 { margin: 0 0 10px; color: #0074B9; font-style: italic; }
#quote h3 { margin: 0; color: #585858; }
#quote * { text-align: center; }

#profile { background: #F1F1F1; padding: 20px; }

#committee .committee { border-radius: 10px; }
#committee .committee a { display: flex; align-items: center; justify-content: center; min-height: 140px; height: 100%; width: 100%; color: #fff; background: rgb(54,140,191); background: radial-gradient(circle, rgba(54,140,191,1) 0%, rgba(0,116,185,1) 100%); border-radius: 10px; font-size: 1.2em; text-align: center; }
#committee .committee span { padding: 10px; }

#committee .committee:hover, #committee .committee a:hover { text-decoration: none; background: rgb(170,201,41); background: radial-gradient(circle, rgba(170,201,41,0.7455357142857143) 0%, rgba(170,201,41,1) 100%); }

body.details .content section.mod_article { padding-top: 0; }

#committeeDetail #imagebar { padding: 0; width: 100%; }
#committeeInfo { width: 100%; }

#randomMembers { background: rgb(54,140,191); background: radial-gradient(circle, rgba(54,140,191,1) 0%, rgba(0,116,185,1) 100%); }
#randomMembers h2 { color: #fff; text-transform: uppercase; }
#randomMembers .mod_member_list { margin: 30px 0; }

/* +----------------------------------------------------------------------- */
/* | Footer
/* +----------------------------------------------------------------------- */

#footer { background: #0073B7; border-top: 5px solid rgb(170,201,41); padding: 50px 0; }
#footer .inside { display: flex; flex-wrap: wrap; }
#footer .inside .ce_image img { max-width: 180px; }

#footer * { color: #fff; font-weight: 300; }

#footer h2 { margin: 0 0 10px; border-bottom: 1px solid #fff; font-weight: 400; font-size: 1.2em; line-height: 1.4; }
#footer p, #footer li { line-height: 1.5; letter-spacing: .5px; font-size: .8em; }

#footer .mod_navigation ul * { font-size: 12pt; }
#footer .mod_navigation ul { list-style: none; margin: 0; padding: 0; }
#footer .mod_navigation ul li { margin-left: 10px; }

#footer #rechtliches { margin-top: 30px; padding-top: 10px; border-top: 1px solid rgba(255,255,255,0.3); }
#footer #rechtliches ul { display: flex; flex-direction: row; justify-content: center; }
#footer #rechtliches ul a { font-size: 9pt; }

/* +----------------------------------------------------------------------- */
/* | Stylings
/* +----------------------------------------------------------------------- */

#bildlizenzen ul { display: flex; flex-wrap: wrap; list-style: none; margin: 0; padding: 0; }
#bildlizenzen ul li { flex-basis: 25%; margin: 0; padding: 0; font-size: 9pt; }

.ce_gallery img { box-shadow: rgba(0,0,0,0.2) 5px 5px 5px; }

.content section, .section { padding: 60px 0; }
.content section#services { padding: 30px 0 0 0; }
.content section.no-padding, .content section.nopadding { padding: 0; }

.content p, .content ul li, .content ol li { line-height: 1.5; color: #333; font-size: 13pt; font-weight: 400; }
.content p { margin: 0 0 20px; text-align: justify; }
.content p a, .content li a { text-decoration: underline; }

.content ul { margin: 0 0 20px; }
.content ul li { margin: 0 0 5px; }
.content ul li.no-margin { margin: 0; }

.content h1, .content h2 { text-transform: uppercase; }

.content h1, .content .headline h2 { position: relative; margin: 0 0 60px; padding: 0; color: #585858; text-align: left; font-size: 30pt; font-weight: 300; line-height: 1.2; }
.content h2 { position: relative; margin: 20px 0 20px; padding: 0; color: #585858; font-size: 28pt; font-weight: 300; line-height: 1.2; text-transform: none; }

body.index .content h1, body.index .content .headline h2 { font-size: 25pt; }

.content .maxHeadline h2 { margin-bottom: 8px; }

.content h1:after, .content .headline h2:after { position: absolute; bottom: -25px; left: 0; content: ""; height: 2px; width: 240px; background: #0073b7; }

#headline section { padding: 100px 0; }

#headline h1 { position: relative; margin: 0 0 25px; padding: 0; color: #fff; font-size: 40pt; font-weight: 300; line-height: 1.2; text-transform: uppercase; }
#headline h1:after { position: absolute; bottom: -25px; left: calc(50% - 120px); content: ""; height: 2px; width: 240px; background: #fff; }

.content h3 { line-height: 1.5; color: #333; font-size: 13pt; font-weight: 600; }
.content h4 { margin: 25px 0 10px; line-height: 1.5; color: #333; font-size: 13pt; font-weight: 400; }
.content h6 { line-height: 1.5; color: #333; font-size: 8pt; font-weight: 400; font-style: italic; }

.content h2.mdis-special-headline { position: relative; padding-bottom: 20px; margin-bottom: 50px; font-size: 2.5em; text-align: left; }
.content h2.mdis-special-headline:after { content: ''; display: inline-block; position: absolute; left: 0; bottom: 0; height: 4px; width: 200px; background: #125C6A; border-radius: 4px; }

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

/* +----------------------------------------------------------------------- */
/* | Events
/* +----------------------------------------------------------------------- */

.event.layout_full { margin-bottom: 20px; background: rgb(0,100,156); background: radial-gradient(circle, rgba(0,100,156,1) 0%, rgba(0,81,137,1) 100%); box-shadow: rgba(0,0,0,0.3) 5px 5px 5px; }
.event.layout_full * { color: #fff; }

.event.layout_full h4 { margin: 0; padding: 0; color: #99ca3b; text-align: left; }
.event.layout_full h2 { margin: 10px 0; padding: 0; font-size: 1.8em; }

.event.layout_full p.info { margin: 0; text-align: right; font-size: 15pt; }
.event.layout_full p.info time { display: block; }
.event.layout_full p.info .date { margin-bottom: 8px; font-weight: bold; font-size: 1.5em; text-align: center; }
.event.layout_full p.info .date.wo-year { margin-bottom: 0; text-align: center; }
.event.layout_full p.info .year { margin-bottom: 0; font-weight: bold; text-align: center; }

.event.layout_full p.location { margin: 0; font-style: italic; text-align: left; }

.event.layout_full .inside { display: flex; height: 100%; align-items: center; }
.event.layout_full .inner-box { padding: 10px; }

.event.layout_full #date { display: flex; align-items: center; justify-content: center; align-content: center; flex-basis: 25%; height: 100%; background: rgb(0,103,175); background: linear-gradient(172deg, rgba(0,103,175,1) 0%, rgba(0,128,200,1) 100%); }
.event.layout_full #info { flex-basis: 75%; }

.event.layout_full.highlight h2 { color: #004876; }
.event.layout_full.highlight .inside .inner-box.left, .event.layout_full.highlight .inside .inner-box.right { background: rgb(112,161,18); background: linear-gradient(40deg, rgba(112,161,18,1) 0%, rgba(162,198,20,1) 100%); }

/* +----------------------------------------------------------------------- */
/* | Kontaktformulare
/* +----------------------------------------------------------------------- */

#f2 input.text { width: 90%; padding: 0 5%; line-height: 45px; border: 1px solid #ccc; margin-bottom: 10px; color: #1d1d1d; font-weight: 400; font-size: 12pt; }
#f2 input.text::placeholder { color: #9D9D9D; font-weight: 400; font-size: 10pt; }

#f2 select { width: 49%; padding: 0 5%; line-height: 45px; height: 45px; border: none; margin-bottom: 10px; color: #fff; font-weight: bold; }
#f2 input.checkbox { width: 20px; height: 20px; }

#f2 textarea.textarea { width: 95%; padding: 20px 2.5%; min-height: 193px; border: 1px solid #ccc; color: #1d1d1d; font-weight: 500; font-size: 12pt; }
#f2 textarea.textarea::placeholder { color: #9D9D9D; font-weight: 500; font-size: 10pt; }

#f2 input.text, #f2 textarea.textarea { box-shadow: rgba(0,0,0,0.05) 5px 5px 5px; }

#f2 .widget-checkbox fieldset { border: none; font-size: 9pt; }
#f2 .widget-checkbox label { color: #1d1d1d; font-size: 12pt; line-height: 20px; height: 20px; }

#f2 .submit_container { text-align: center; }
#f2 .widget-submit button { background: #4868d0; border: none; color: #fff; padding: 10px 0; width: 180px; font-size: 15pt; }

#f2 .formbody { display: flex; flex-wrap: wrap; }

#f2 .widget-text { flex-basis: calc(50% - 20px); margin: 0 10px 15px; }
#f2 .widget-checkbox { flex-basis: calc(100% - 20px); margin: 0 10px 15px; }
#f2 .widget-textarea, #f2 .widget-captcha, #f2 .widget-submit, #f2 .widget-select { flex-basis: calc(100% - 20px); margin: 0 10px 15px; }

#f2 .explanation * { font-size: 10pt; }

#shortform { background: #0074B9; }
#shortform h3 { padding: 0 15px; color: #fff; font-size: 1.2em; }
#shortform form { padding: 0 15px 15px 15px; }
#shortform .explanation * { color: #fff; font-size: 10pt; }

#shortform input.text { width: 90%; padding: 0 5%; line-height: 35px; border: 1px solid #ccc; margin-bottom: 10px; color: #1d1d1d; font-weight: 400; font-size: 15pt; }
#shortform input.text::placeholder { color: #9D9D9D; font-weight: 400; font-size: 12pt; }

#shortform select { width: 49%; padding: 0 5%; line-height: 45px; height: 45px; border: none; margin-bottom: 10px; color: #fff; font-weight: bold; }
#shortform input.checkbox { width: 20px; height: 20px; }

#shortform .widget-checkbox fieldset { border: none; padding: 0; margin-bottom: 5px; color: #fff; font-size: 10pt; }
#shortform .widget-checkbox label { margin-top: -3px; }

#shortform textarea.textarea { width: 95%; padding: 20px 2.5%; min-height: 120px; border: 1px solid #ccc; color: #1d1d1d; font-weight: 500; font-size: 13pt; margin-bottom: 10px; }
#shortform textarea.textarea::placeholder { color: #9D9D9D; font-weight: 500; font-size: 12pt; }

#shortform input.text, #shortform textarea.textarea { box-shadow: rgba(0,0,0,0.05) 5px 5px 5px; }
#shortform .widget-submit button { background: #fff; border: none; color: #0074B9; padding: 10px 0; width: 180px; font-size: 15pt; }

#cr-form { background: #0074B9; }
#cr-form h3, #cr-form p { color: #fff; }

#cr-form .cr-form-inner { position: sticky; top: 100px; padding: 25px; }

#cr-form input.cr_form-input { width: 90%; padding: 0 5%; line-height: 35px; border: 1px solid #ccc; margin-bottom: 10px; color: #1d1d1d; font-weight: 300; font-size: 12pt; }
#cr-form .mce_text * { font-size: 10pt; color: #fff; }
#cr-form .cr_form-component--checkbox, #cr-form .mce_text { margin-bottom: -17px; }
#cr-form .cr_form-component--checkbox label { font-size: 10pt; color: #fff; }
#cr-form button { background: #fff; border: none; color: #0074B9; padding: 10px 0; width: 180px; font-size: 15pt; }

.content .guests .person { margin-bottom: 20px; background: #fff; box-shadow: rgba(0,0,0,0.1) 10px 10px 10px; }
.content .guests .person .text_container { padding: 10px; }
.content .guests .person .text_container h3 { margin: 0 0 8px; }
.content .guests .person .text_container h4 { margin: 0; font-size: 11pt; }

.content section.ce_accordionStart { padding: 0; margin-bottom: 10px; }
.content section.ce_accordionStart .toggler { padding: 12px 25px; background: #0074B9 url(../../files/gfx/arrow_down.svg) no-repeat right 25px center; background-size: 20px auto; color: #fff; font-size: 14pt; outline: none; }
.content section.ce_accordionStart .toggler.active { background: #A9C828 url(../../files/gfx/arrow_up.svg) no-repeat right 25px center; background-size: 20px auto; }
.content section.ce_accordionStart .accordion { background: #eaeaea; padding-top: 20px; }

#fragen input.text { width: 90%; padding: 0 5%; line-height: 45px; border: 1px solid #ccc; margin-bottom: 10px; color: #1d1d1d; font-weight: 400; font-size: 12pt; }
#fragen input.text::placeholder { color: #9D9D9D; font-weight: 400; font-size: 10pt; }

#fragen select { width: 100%; line-height: 45px; height: 45px; margin-bottom: 10px; color: #9D9D9D; font-weight: 400; font-size: 10pt; border: 1px solid #ccc; }
#fragen input.checkbox { width: 20px; height: 20px; }

#fragen textarea.textarea { width: 95%; padding: 20px 2.5%; min-height: 50px; border: 1px solid #ccc; color: #1d1d1d; font-weight: 500; font-size: 12pt; }
#fragen textarea.textarea::placeholder { color: #9D9D9D; font-weight: 500; font-size: 10pt; }

#fragen input.text, #fragen textarea.textarea { box-shadow: rgba(0,0,0,0.05) 5px 5px 5px; }

#fragen .widget-checkbox fieldset, #fragen .widget-select fieldset { border: none; font-size: 9pt; }
#fragen .widget-checkbox label, #fragen .widget-select label { color: #1d1d1d; font-size: 12pt; line-height: 20px; height: 20px; }

#fragen .submit_container { text-align: center; }
#fragen .widget-submit button { background: #0074B9; border: none; color: #fff; padding: 10px 0; width: 180px; font-size: 15pt; }

#fragen .formbody { display: flex; flex-wrap: wrap; }
#fragen .explanation * { font-size: 10pt; }

#fragen .widget-text, #fragen .widget-select { flex-basis: calc(50% - 20px); margin: 0 10px 15px; }
#fragen .widget-textarea, #fragen .widget-captcha, #fragen .widget-submit, #fragen .widget-checkbox, #fragen .widget-explanation { flex-basis: calc(100% - 20px); margin: 0 10px 15px; }
#fragen .widget-checkbox { margin-bottom: 0; }

/* Formular zur Anmeldung für den Livestream im linken Content-Bereich*/
#anm-livestream .cr_ipe_item { padding: 10px 0; }
#anm-livestream input.cr_form-input { width: calc(100% - 20px); padding: 10px; line-height: 1.3em; border: 1px solid #ccc; margin-bottom: 10px; color: #1d1d1d; font-weight: 400; font-size: 12pt; }
#anm-livestream input.cr_form-input::placeholder { color: #9D9D9D; font-weight: 400; font-size: 10pt; }
#anm-livestream .checkbox label { text-transform: uppercase; }
#anm-livestream .mce_text p { font-size: 0.7em; margin: 0; }
#anm-livestream .submit_container button { background: #0074B9; border: none; color: #fff; padding: 10px 0; width: 180px; font-size: 15pt; }

/* Formular zur Anmeldung für eine Veranstaltung - rechte Box */
#anmeldung .widget { margin: 0; }
#anmeldung .widget label { display: block; margin-bottom: 8px; }

#anmeldung input.text { width: calc(100% - 22px); padding: 10px 10px; border: 1px solid #ccc; margin-bottom: 10px; }
#anmeldung textarea.textarea { width: calc(100% - 42px); padding: 20px; min-height: 150px; border: 1px solid #ccc; margin-bottom: 10px; }
#anmeldung select { width: 100%; padding: 5px; border: 1px solid #ccc; margin-bottom: 10px; color: #9D9D9D; }

#anmeldung .widget-explanation * { font-size: 8pt; }
#anmeldung .radio_container legend { display: flex; }
#anmeldung .radio_container span { display: flex; align-items: center; margin: 5px 0; }
#anmeldung .radio_container span label { margin: 0 0 0 20px; }

#anmeldung input.text, #anmeldung textarea.textarea { box-shadow: rgba(45,45,45,0.1) 7px 7px 7px; }

#anmeldung fieldset { border: none; }
#anmeldung fieldset span { display: flex; align-items: center; }
#anmeldung fieldset span input { margin: 0 10px 0 0; }
#anmeldung fieldset span label { margin: 0 !important; }

#anmeldung .widget-checkbox fieldset { border: none; font-size: 9pt; }

#anmeldung .submit_container { text-align: center; }
#anmeldung .widget-submit button { background: rgb(170,201,41); border: none; color: #fff; padding: 10px 0; width: 180px; }
#anmeldung .widget-submit button:hover { cursor: pointer; }

#pageContactForm .formbody { display: flex; flex-wrap: wrap; }
#pageContactForm .widget-text { flex-basis: calc(50% - 20px); margin: 10px; }
#pageContactForm .widget-textarea, #pageContactForm .widget-submit { flex-basis: calc(100% - 20px); margin: 10px; }

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 1500px) {

}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 1024px) {
  #ovb .ce_text.ovb { flex-basis: calc(50% - 20px); }

  #imagebar h2 { font-size: 3em; }
  #imagebar h2 br { display: none; }
  #imagebar .box { max-width: 600px; }

  body.lgs .content section.mod_article { padding: 0 0 60px; }
  body.lgs #imagebar, body.lgs #imagebar .overlay { height: 30vh; }

  body.lgs #imagebar h1, body.lgs #imagebar h2 { text-align: center; font-size: 2.8em; }

  body.lgs .content .guests .flex33 { flex-basis: calc(50% - 20px); }

  #randomMembers .mod_member_list.flexcontent { justify-content: center; }
  .mod_member_list .member, body.fraktionsvorstand .mod_member_list.flex25 { flex-basis: calc(33.33% - 20px); }

  #imagebar, #imagebar .overlay { height: 50vh; }

  .flexcontent { margin-left: 10px; margin-right: 10px; }
  #imageslider .flexcontent { margin-left: 0; margin-right: 0; }
}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 959px) {
  .event.layout_full { flex-basis: 100%; }

  #header-sticky-wrapper { height: 0; }
  body.event.wohnen #imagebar { margin-top: -100px; }

  body.event #imagebar .ce_text { left: 20px; right: 20px; }
  body.event #imagebar .ce_text * { text-align: center; }
  body.event #imagebar .ce_text h1 { font-size: 3em; }
  body.event #imagebar .ce_text h3 { font-size: 1.5em; }

  body.event #das-thema .flexcontent { flex-direction: column; }
  body.event #unsere-gaste .flexcontent { justify-content: center; }
  body.event .person.flex25 { flex-basis: calc(40% - 20px); }

  #body { margin-top: 50px; }

  #footer .flex25 { flex-basis: calc(50% - 20px); margin-bottom: 20px; }
  #footer .image_container { text-align: center; }

  .content h1 { font-size: 1.7em; margin-bottom: 50px; }
  .content h2 { font-size: 1.4em; }

  #welcome .ce_text { flex-basis: calc(60% - 20px); }
  #welcome .ce_form { flex-basis: calc(40% - 20px); }

  body.index .mod_newslist .layout_latest { flex-basis: calc(100% - 22px); }
  .mod_newslist .layout_latest { flex-basis: calc(50% - 44px); }
  #committee .committee { flex-basis: calc(50% - 20px); }

  #profile #contact .flexcontent, #f2 .formbody { flex-direction: column; }
  #profile #contact li.flexcontent { flex-direction: row; }

  #imagebar, #imagebar .overlay { height: 50vh; }
}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
  body.event.wohnen #imagebar { display: block; position: relative; height: auto; background: url('../../files/img/events/2022/20220513_bezahlbares_wohnen_straubing/bauen_mobile_316224111.jpg') no-repeat center bottom; background-size: cover; }

  body.event #imagebar .container { height: 80vh; }

  .event.layout_full .inside { flex-direction: column; }
  .event.layout_full #date { flex-basis: 100%; width: 100%; }
  .event.layout_full #info { flex-basis: 100%; }

  body.event .mod_article .flexcontent { flex-direction: column; }

  body.event .mod_onepage_navigation ul, body.event #eventinfo ul { flex-direction: column; padding: 20px 0; }
  body.event .mod_onepage_navigation ul li { margin: 5px; }
  body.event #eventinfo ul { text-align: center; }

  body.event #nav_articles { position: relative; }
  body.event #imagebar { margin-bottom: -100px; }
  body.event #imagebar .ce_text h1 { font-size: 2.4em; }
  body.event #imagebar .ce_text h3 { font-size: 1.5em; }
  body.event .content h2 { font-size: 1.5em; }

  .flex33, .flex66, .flex1-3, .flex2-3, .flex1-4, .flex10, .flex20, .flex30, .flex40, .flex50, .flex60, .flex70, .flex80, .flex90, .flex100, #nl-info.flex50, #nl-form .cr_form.flex50, #news .mod_news_list .news, .mod_member .ce_contact .inner .tablet-50 { flex-basis: 100%; width: calc(100% - 20px); }

  .mobiledata { display: block; }

  body.index #imagebar { display: block; background: url(../../files/img/header/website-header-csu-fraktion_phone.jpg) no-repeat center center; background-size: cover; }

  body.event #body { margin-top: 0; }
  body.event #mainEvent .container { margin: 0 auto; flex-direction: column-reverse; }
  body.event #imagebar { margin-bottom: 0; }
  body.event #imagebar .container { height: 65vh; }
  body.event #imagebar .ce_text { left: auto; right: auto; }
  body.event #imagebar .ce_text h5 { font-size: 1.5em; }

  #eventContent #headline * { text-align: center; }
  #eventContent #headline h2 { font-size: 2.3em; text-transform: uppercase; color: rgb(170,201,41); }
  #eventContent #headline h3 { font-size: 1.5em; }
  #eventContent h4 { font-size: 1.5em; }
  #eventContent h5 { margin: 0; }
  body.event .person.flex25 { margin: 20px 0; }
  #eventContent .ce_text:not(#headline) h3 { text-align: center; }

  .rc-anchor-light.rc-anchor-normal, .rc-anchor-light.rc-anchor-compact { transform: scale(0.6); }

  body.index #imagebar .container { position: absolute; left: 20px; right: 20px; bottom: 50px; width: auto; margin: 0; text-align: center; }
  body.index #imagebar .container h2 { font-size: 2.1em; text-align: center; }

  #ovb .ce_text.ovb { flex-basis: 100%; margin-left: 0; margin-right: 0; }

  .flexcontent, #footer .inside { flex-direction: column; margin-left: 0; margin-right: 0; }
  #footer .inside .flex25 { margin: 10px 0; }

  #imagebar h2 { font-size: 2.2em; text-align: left; }
  #imagebar .box { max-width: none; top: auto; bottom: 20px; left: 20px; right: 20px; transform: none; width: auto; }

  body { padding-top: 50px; }

  #header .HeaderInside.desktop, #header-sticky-wrapper { display: none; }
  #mobile-navigation { display: block; }

  #committee, .mod_member .flexcontent { flex-direction: column; }

  .mod_member_list .member, body.fraktionsvorstand .mod_member_list.flex25 { flex-basis: calc(100% - 20px); }

  #welcome { padding: 0 0 60px 0; }

  body.lgs #imagebar h1, body.lgs #imagebar h2 { hyphens: auto; font-size: 2em; }
  body.lgs #imagebar .box { width: auto; }

  body.lgs #main .flexcontent.flexWrap { flex-wrap: nowrap; }
  body.lgs #main .flexcontent .flex33, body.lgs #main .flexcontent .flex66 { flex-basis: auto; }
  body.lgs #main #7037713 { float: left; }

  #fragen .widget-text, #fragen .widget-select { flex-basis: calc(100% - 20px); margin: 0 10px 5px; }
}