sandbox-kinderlandwien/sandbox/css/style.css

/**
 * @file
 * css layout for development.
 *
 * topic of this file may change in time
 *
 * the first part of the file is for mobile devices and generel stuff
 * so its "mobile first"
 *
 * later in the file there will come some breakpoints marked as "@media all and ( min-width:xxxpx ) {...}
 *
 * at the end you will developer debug helper rules
 * you can delete it at any time.
 */
/**
 * font-family declarations
 *
 * must stay on top
 * look at ../fonts/open-sans.css
 * for dokumentation
 */

/* ubuntu-300 - latin */
@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: local('Ubuntu Light'), local('Ubuntu-Light'),
       url('../fonts/ubuntu/ubuntu-v14-latin-300.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/ubuntu/ubuntu-v14-latin-300.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* ubuntu-300italic - latin */
@font-face {
  font-family: 'Ubuntu';
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: local('Ubuntu Light Italic'), local('Ubuntu-LightItalic'),
       url('../fonts/ubuntu/ubuntu-v14-latin-300italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/ubuntu/ubuntu-v14-latin-300italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* ubuntu-regular - latin */
@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Ubuntu Regular'), local('Ubuntu-Regular'),
       url('../fonts/ubuntu/ubuntu-v14-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/ubuntu/ubuntu-v14-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* ubuntu-italic - latin */
@font-face {
  font-family: 'Ubuntu';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: local('Ubuntu Italic'), local('Ubuntu-Italic'),
       url('../fonts/ubuntu/ubuntu-v14-latin-italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/ubuntu/ubuntu-v14-latin-italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* ubuntu-500 - latin */
@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: local('Ubuntu Medium'), local('Ubuntu-Medium'),
       url('../fonts/ubuntu/ubuntu-v14-latin-500.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/ubuntu/ubuntu-v14-latin-500.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* ubuntu-500italic - latin */
@font-face {
  font-family: 'Ubuntu';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: local('Ubuntu Medium Italic'), local('Ubuntu-MediumItalic'),
       url('../fonts/ubuntu/ubuntu-v14-latin-500italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/ubuntu/ubuntu-v14-latin-500italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on September 17, 2020 */
@font-face {
  font-family: 'Material Icons';
  src: local('Material Icons'),
       url('../fonts/material/materialicons-regular-webfont.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/material/materialicons-regular-webfont.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
.material-icon{
  font-family:'Material Icons';
  font-weight:normal;
  font-style:normal;
  font-size:1.5em;
  line-height:1;
  letter-spacing:normal;
  text-transform:none;
  display:inline-block;
  white-space:nowrap;
  word-wrap:normal;
  direction:ltr;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  font-feature-settings: 'liga';
  speak:never;
}

/*!
Fork Awesome 1.1.7
License - https://forkaweso.me/Fork-Awesome/license

Copyright 2018 Dave Gandy & Fork Awesome

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

*/
@font-face {
  font-family: 'ForkAwesome';
  src: local('ForkAwesome'), local('FontAwesome'),
       url('../fonts/fork-awesome/forkawesome-webfont.woff2?v=1.1.7') format('woff2'),
       url('../fonts/fork-awesome/forkawesome-webfont.woff?v=1.1.7') format('woff');
  font-weight: normal;
  font-style: normal;
}

/**
 * Animation Keyframes
 */
@keyframes hide-messages{
  from { margin-left:0px;    }
  to   { margin-left:-50vw: }
}

.color-scheme-dark{
  background:#6A6A6A;
  color:#FFFFFF;
}

/* Text meant only for screen readers */
.says,
.screen-reader-text{
	clip:rect(1px, 1px, 1px, 1px);
	height:1px;
	overflow:hidden;
	position:absolute !important;
	width:1px;
}

/* anchors basis */
a:link,
a:visited{
  color:inherit;
}

/* form elements */
button,
input,
select,
textarea{
  max-width:100%;
  margin-bottom:1.3em;
  color:inherit;
  background-color:#FFFFFF;
  outline:0;
  border:1px solid #F3F3F3;
}
select{
  background-image:url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDE0IDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTIuMzU1IDBMNyA0LjU4TDEuNjQ1IDBMMCAxLjQxTDcgNy40MUwxNCAxLjQxTDEyLjM1NSAwWiIgZmlsbD0iIzA1MDUwRiIvPgo8L3N2Zz4K');
  background-size:0.857142857em auto;
  cursor:pointer;
}
select,
textarea{
}
button:not([type="reset"]),
input[type="submit"]{
  padding:1.5em 2em 1.433333333em 2em;
  font-size:0.857142857em;
  line-height:1;
  font-weight:500;
  letter-spacing:0.1em;
  text-decoration:none;
  text-transform:uppercase;
  border-color:#1C1936;
  border-width:2px;
}
input[type="text"],
input[type="number"],
input[type="password"],
input[type="email"],
input[type="tel"],
input[type="month"],
input[type="week"],
input[type="date"],
input[type="time"],
input[type="url"],
input[type="date"]{
  -webkit-border-radius:0 7px 7px 0;
  border-radius:0 7px 7px 0;
}
input[type="text"][required],
input[type="number"][required],
input[type="password"][required],
input[type="email"][required],
input[type="tel"][required],
input[type="month"][required],
input[type="week"][required],
input[type="date"][required],
input[type="time"][required],
input[type="url"][required],
input[type="date"][required]{
  -webkit-box-shadow:0 0 1px 0 #F3F3F3;
  box-shadow:0 0 1px 0 #F3F3F3;
  border:3px solid #FFFFFF;
  border-width:0 0 0 3px;
}
input[size]{
  width:100%;
}
button:not([type="reset"]):hover,
button:not([type="reset"]):focus,
input[type="submit"]:hover,
input[type="submit"]:focus,
input[type="submit"]:hover,
input[type="submit"]:focus{
  border-color:#1C1936;
  background-color:#1C1936;
  color:#FFFFFF;
}
.content .wpcf7{
  font-size:0.857142857em;
}
.wpcf7 .inputs{
  padding:1em 0;
}
.wpcf7 .inputs.has-ranges{
  padding-bottom:0;
}
.content .wpcf7 .inputs h3,
.content .wpcf7 .inputs h4{
  margin-top:1em;
}
.inputs p:not(.privacy){
  position:relative;
  margin-bottom:0;
}
.inputs > ul,
.inputs p.intro{
  margin-bottom:1.5em;
  font-size:1.166666667em;
}
.inputs span{
  display:block;
  max-width:100%;
}
.inputs label,
.inputs input{
  -webkit-transition:all 200ms ease;
  -moz-transition:all 200ms ease;
  -ms-transition:all 200ms ease;
  -o-transition:all 200ms ease;
  transition:all ease 200ms;
}
.inputs input[type="checkbox"],
.inputs input[type="radio"]{
  margin-top:0.833333333em;
  margin-right:1.5em;
}
.inputs label{
  position:absolute;
  left:1.5em;
  top:0.3em;
  opacity:0;
  pointer-events:none;
  font-size:0.833333333em;
  z-index:10;
}
.inputs label em{
  color:#60009F;
}
.inputs .checkbox label,
.inputs .radio label,
.inputs .human-check label{
  position:relative;
  top:auto;
  left:auto;
  opacity:1;
  pointer-events:all;
  font-size:inherit;
  cursor:pointer;
}
.inputs .checkbox label,
.inputs .radio label{
  display:-webkit-box;
  display:-moz-box;
  display:-ms-flexbox;
  display:-webkit-flex;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:start;
  -ms-flex-align:start;
  align-items:flex-start;
}
.inputs .radio span.wpcf7-list-item,
.inputs .checkbox span.wpcf7-list-item{
  display:block;
  background:#FFFFFF;
  padding:0.5em 1em;
  margin:0.5em;
  max-width:20em;
}
.inputs span.wpcf7-list-item{
  margin-left:0;
}
.inputs span.wpcf7-list-item-label{
  padding-top:0.5em;
}
.inputs .radio span.wpcf7-list-item-label{
  padding-top:0.5em;
  width:15em;
}
.inputs .focus label,
.inputs .valued label{
  opacity:1;
}
.inputs button,
.inputs input:not([type="checkbox"]):not([type="radio"]),
.inputs select,
.inputs textarea{
  margin-right:0;
  width:100%;
}
.content input{
  text-indent:0.3em;
}
.inputs select{
  padding-top:0.642857143em;
  padding-bottom:0.642857143em;
  margin-bottom:0.714285714em;
}
.inputs .focus:not(.human-check) input:not([type="checkbox"]),
.inputs .valued:not(.human-check) input:not([type="checkbox"]){
  padding-top:1.25em;
  padding-bottom:0.214285714em;
}
.inputs .focus input::-webkit-input-placeholder,
.inputs .valued input::-webkit-input-placeholder { color:transparent; }
.inputs .focus input:-moz-placeholder,
.inputs .valued input:-moz-placeholder { color:transparent; }
.inputs .focus input::-moz-placeholder,
.inputs .valued input::-moz-placeholder { color:transparent; }
.inputs .focus input:-ms-input-placeholder,
.inputs .valued input:-ms-input-placeholder { color:transparent; }

.inputs input[required]:focus:valid,
.wpcf7-form .wpcf7-not-valid:valid{
  border-left:3px solid #66AC00;
}
.inputs input[required]:focus:invalid,
.wpcf7-form input.wpcf7-not-valid{
  border-left:3px solid #FFB900;
}
.wpcf7-form .wpcf7-not-valid-tip{
  margin:-1.166666667em 0 1.166666667em 0;
  padding:0.25em 1.166666667em 0.333333333em 1.166666667em;
  font-size:0.857142857em;
  color:inherit;
}
form.sent .inputs,
form.sent .textarea,
form.sent .submit{
  display:none;
}
.inputs .hint,
.textarea .hint{
  display:inline-block;
  padding:0.5em 1em;
  font-size:0.846153846em;
  background:#FFFFFF;
  border-left:3px solid #66AC00;
  -webkit-border-radius:0 7px 7px 0;
  border-radius:0 7px 7px 0;
}
.inputs * + .hint,
.textarea * + .hint{
}
.textwidget button:not([type="reset"]),
.textwidget input[type="submit"]{
  margin-right:0;
  width:100%;
}
.cf7-smart-grid .field{
  margin-bottom:1em;
}
span.wpcf7-list-item:first-child:last-child{
  display:block;
}
.wpcf7-checkbox .wpcf7-list-item{
  padding-top:0.7em;
}
.wpcf7-list-item input[type="checkbox"]{
  float:left;
  margin-top:-0.1em;
}
.wpcf7-list-item-label{
  display:block;
}
.cf7-smart-grid.has-grid .info-tip{
  margin-right:0;
}
.wpcf7-form .captcha .row{
  margin-top:3em;
  margin-bottom:2em;
}
.wpcf7-form .captcha .field{
  text-align:center;
}
.wpcf7-form .captcha img.wpcf7-captchac{
  display:inline-block;
  width:auto;
  margin-bottom:0;
  vertical-align:middle;
}
.wpcf7-form .captcha .wpcf7-form-control-wrap{
  display:inline-block;
}
.wpcf7-form .captcha .wpcf7-form-control-wrap input{
  margin-bottom:0;
}
.wpcf7-form-control-wrap{
  display:block;
}
.wpcf7 .wpcf7-form .wpcf7-response-output{
  margin:0;
  padding-top:1em;
  padding-bottom:1em;
  font-size:1.076923077em;
  color:#FFFFFF;
  font-weight:bold;
}
.wpcf7 .wpcf7-form.invalid .wpcf7-response-output,
.wpcf7 .wpcf7-form.unaccepted .wpcf7-response-output{
  background:#FFB900;
}
.wpcf7 .wpcf7-form.failed .wpcf7-response-output,
.wpcf7 .wpcf7-form.aborted .wpcf7-response-output {
	border-color: #9F001E;
  background:#9F001E;
}
.wpcf7 .wpcf7-form.spam .wpcf7-response-output {
	border-color: #60009F;
  background:#60009F;
}
.wpcf7 .wpcf7-form.sent .wpcf7-response-output{
  background:#66AC00;
  border-color:#66AC00;
}

/**
 * Menus & Navigations
 *
 * @what
 *   nav container
 *   menu list
 *   -- items
 *   -- sub menu lists
 *   -- items with icons
 */
nav a,
.menu a,
.widget_categories a{
  display:block;
  font-size:1.4em;
  padding:0.571428571em 1.5em 0.5em 1.5em;
}
.menu a,
.widget_categories a{
  font-weight:normal;
  text-decoration:none;
}
nav a:link,
nav a:visited,
.menu a:link,
.menu a:visited{
  color:#444444;
}
nav a:hover,
nav a:focus,
.menu a:hover,
.menu a:focus{
}
nav a:focus,
.menu a:focus{
  outline:0;
}
nav a:focus,
.menu a:focus{
  background:rgba(113, 118, 148, 0.10);
}
nav a:active,
.menu a:active,
nav a.active,
nav a.active:focus,
nav .active > a{
  background:rgba(113, 118, 148, 0.20);
}
.color-scheme-dark nav a:focus,
.color-scheme-dark nav a:active,
.color-scheme-dark .menu a:focus,
.color-scheme-dark .menu a:active,
.color-scheme-dark nav a.active,
.color-scheme-dark nav .- Schriftart einheitlichactive > a{
  background:none;
  color:#A1A2A5;
}
nav a:hover,
nav a:active,
.menu a:hover,
.menu a:active{
}

/* Menus */
.menu .current-menu-ancestor > a,
.menu .current-menu-item > a,
.menu .current_page_ancestor > a,
.menu .current_page_parent > a,
.menu .sub-menu .current-menu-ancestor > a,
.menu .sub-menu .current-menu-item > a,
.menu .sub-menu .current_page_ancestor > a,
.menu .sub-menu .current_page_parent > a{
  background:rgba(113, 118, 148, 0.10);
  color:#000000;
}
.sideMenu .menu .current-menu-ancestor > a,
.sideMenu .menu .current-menu-item > a,
.sideMenu .menu .current_page_ancestor > a,
.sideMenu .menu .current_page_parent > a,
.sideMenu .menu .sub-menu .current-menu-ancestor > a,
.sideMenu .menu .sub-menu .current-menu-item > a,
.sideMenu .menu .sub-menu .current_page_ancestor > a,
.sideMenu .menu .sub-menu .current_page_parent > a{
  background:none;
}

.color-scheme-dark .menu .current-menu-ancestor > a,
.color-scheme-dark .menu .current-menu-item > a,
.color-scheme-dark .menu .current_page_ancestor > a,
.color-scheme-dark .menu .current_page_parent > a,
.color-scheme-dark .menu .sub-menu .current-menu-ancestor > a,
.color-scheme-dark .menu .sub-menu .current-menu-item > a,
.color-scheme-dark .menu .sub-menu .current_page_ancestor > a,
.color-scheme-dark .menu .sub-menu .current_page_parent > a{
  background:none;
  color:#A1A2A5;
}

/* first menu level only */
.menu > li > a{
}

/* sub menus */
.menu ul{
  border:1px solid #F3F3F3;
  background:#FFFFFF;
}
.color-scheme-dark .menu ul{
  border:1px solid #262626;
  background:#6A6A6A;
}

/* sub sub menus */
.sub-menu ul{
  border:none;
  background:#F5F5F5;
}
/* Hide the parent link sub menu item */
.sub-menu li.sub-menu-parent-link {
  display:none;
}
.menu ul a{
}
.menu ul a:link,
.menu ul a:visited{
}
.menu ul a:hover,
.menu ul a:focus{
}
.menu ul .current-menu-ancestor > a{
}
/* user account menu */
.user-logged-in .menu .menu-item-register,
.user-logged-in .menu .menu-item-login{
  display:none;
}
.menu .menu-item-user a::before,
.menu .menu-item-register a::before,
.menu .menu-item-login a::before,
.menu .menu-item-logout a::before{
  display: block;
  float:left;
  margin-right:1em;
  font-family: 'Material Icons';
  letter-spacing:normal;
  text-transform:none;
  display:inline-block;
  white-space:nowrap;
  word-wrap:normal;
  direction:ltr;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  font-feature-settings: 'liga';
  speak:never;
}
.menu .menu-item-user a::after,
.menu .menu-item-register a::after,
.menu .menu-item-login a::after,
.menu .menu-item-logout a::after{
  display:block;
  content:'';
  height:0;
  line-height:0;
  clear:both;
}
.menu .menu-item-user     a::before { content:'\f007'; }
.menu .menu-item-logout   a::before { content:'\f08b'; }
.menu .menu-item-login    a::before { content:'\f090'; }
.menu .menu-item-register a::before { content:'\f234'; }

/* Pagination */
.back-to-blog{
  margin:2em 0;
  font-size:1.2em;
}
.back-to-blog::before{
  display:inline-block;
  margin-right:0.285714286em;
  font-size:1.5em;
  line-height:0.80952381;
  font-family:'Material Icons';
  letter-spacing:normal;
  text-transform:none;
  white-space:nowrap;
  word-wrap:normal;
  direction:ltr;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  font-feature-settings: 'liga';
  speak:never;
  content:'keyboard_backspace';
  position:relative;
  top:0.285714286em;
}
.nav-links{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:horizontal;
  -webkit-box-direction:normal;
  -ms-flex-flow:row wrap;
  flex-flow:row wrap;
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between;
  margin:2em 0;
}
.nav-links > div{
  margin:1em 0;
}
.nav-links a{
  padding:0;
}
.nav-links a:link,
.nav-links a:visited{
  text-decoration:none;
}
.nav-links a:hover,
.nav-links a:active{
  text-decoration:underline;
}
.nav-links a span{
  display:block;
}
.nav-links a .meta-nav{
  margin-bottom:1em;
  text-transform:uppercase;
  font-family:'Apax';
  font-weight:normal;
}
.nav-links a .post-title{
  font-size:1.6em;
}
.nav-links .nav-previous a{
}
.nav-links .nav-next a{
  text-align:right;
}
.wp-pagenavi{
  -ms-flex-preferred-size:100%;
  flex-basis:100%;
  margin:2em;
}
.wp-pagenavi a,
.wp-pagenavi span{
  position:relative;
  display:inline-block;
  font-size:1.6em;
  padding:0.8em 1.3em;
	margin:0.5em;
	border:1px solid #A1A2A5;
	text-decoration:none;
	font-weight:300;
	z-index:10;
}
.wp-pagenavi a:hover,
.wp-pagenavi a:active{
	border-color:#05050F;
}
.wp-pagenavi span.current{
	border-color:#707173;
}
.wp-pagenavi span.current{
	font-weight:500;
}

/* related posts navigation */
.related-title{
  font-size:2.4em;
  margin:2em 0 2em 0;
  padding:1em 0 0 0;
  border-top:1px solid #CBCBCB;
}
.related-posts > .inner{
  display:-webkit-box;
  display:-moz-box;
  display:-ms-flexbox;
  display:-webkit-flex;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:horizontal;
  -webkit-box-direction:normal;
  -ms-flex-flow:row wrap;
  flex-flow:row wrap;
  margin:0 -1em;
}
.related-posts .related-post{
  margin:1.4em 1.5em 1.5em 1.4em;
  background:#FFFFFF;
  -webkit-box-shadow:9px 5px 9px 1px rgba(190, 204, 255, 0.25);
  -moz-box-shadow:9px 5px 9px 1px rgba(190, 204, 255, 0.25);
  box-shadow:9px 5px 9px 1px rgba(190, 204, 255, 0.25);
}
.related-posts .related-post:link,
.related-posts .related-post:visited{
  text-decoration:none;
}
.related-post .content{
  padding:0 1.75em;
}
.related-post .content h3:first-child{
  margin-top:0;
  margin-bottom: 1.4em;
}
.related-post .more{
  color:#B60054;
}

.hide-placeholder-in-mobile{
  display:none;
}- Schriftart einheitlich

/* privacy texts */
.privacy{
  margin:2em 0;
  font-size:0.846153846em;
}

/**
 * Content & Widgets
 *
 * @what
 *   headlines
 *   content font-sizes
 *   button
 *
 *   tabs
 *   taxonomy_term (inherits tabs, inherits menu)
 *   search_form
 *   comment_form
 */
/* headlines */
h1, h1 *,
h2, h2 *,
h3, h3 *,
h4, h4 *,
.title{
  font-weight:normal;
}
strong{
  font-weight:500;
}
.content h3,
.textwidget h3{
  font-size:1.125em;
  line-height:1.4;
  font-family:'Ubuntu';
  font-weight:400;
  text-transform:uppercase;
}
.single .content h2,
.single .content h3,
.single .content h4{
  margin-top:3em;
}
.single .content h2:first-child,
.single .content h3:first-child,
.single .content h4:first-child{
  margin-top:1em;
}

/* article meta */
/* other version
.content .meta{
  display:-webkit-box;
  display:-moz-box;
  display:-ms-flexbox;
  display:-webkit-flex;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:horizontal;
  -webkit-box-direction:normal;
  -ms-flex-flow:row wrap;
  flex-flow:row wrap;
  padding:3em 0 0 0;
  font-size:0.923076923em;
}
.meta > li{
  -ms-flex-preferred-size:33%;
  flex-basis:33%;
  min-width:14em;
  margin-bottom:1em;
}
.meta li:last-child,
.meta > li:last-child{
  margin-bottom:0;
}
.meta > li.terms{
  -ms-flex-preferred-size:100%;
  flex-basis:100%;
  width:100%;
  display:-webkit-box;
  display:-moz-box;
  display:-ms-flexbox;
  display:-webkit-flex;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:horizontal;
  -webkit-box-direction:normal;
  -ms-flex-flow:row wrap;
  flex-flow:row wrap;
}
.meta li.terms > ul{
  -ms-flex-preferred-size:calc(33% - 2em);
  flex-basis:calc(33% - 2em);
  min-width:12em;
  position:relative;
  padding-left:2em;
  margin-bottom:1em;
}
.meta li[class]::before,
.meta li.terms > ul::before{
  display:inline-block;
  position:relative;
  top:0.2em;
  margin:0 0.5em 0 0;
  font-size:1.25em;
  line-height:1;
  font-family:'Material Icons';
  letter-spacing:normal;
  text-transform:none;
  white-space:nowrap;
  word-wrap:normal;
  direction:ltr;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: 'liga';
  speak:never;
}
.meta li.terms > ul::before{
  display:block;
  position:absolute;
  left:0;
  margin:0;
}
.meta .format::before        { content:'blur_circular'; }
.meta .date::before          { content:'calendar_today'; }
.meta .author::before        { content:'account_box'; }
.meta .rtime::before         { content:'timer'; }
.meta .comments::before      { content:'forum'; }
.meta .category-list::before { content:'archive'; }
.meta .post_tag-list::before { content:'folder_open'; }
*/
.content .meta{
  font-size:1em;
}
.articles .content .meta{
}
.single .content .meta{
  font-size:1.4em;
}
.content .meta li{
  display:inline-block;
  text-transform:uppercase;
}
.content .meta .period{
  text-transform:none;
  padding:0 1em;
  background:#F0F0F0;
}
.content .meta li::after{
  display:inline-block;
  margin:0 0.5em;
  content:'·';
}
.content .meta li:last-child::after{
  display:none;
}

/* controls the whole font-size at once */
.content,
.textwidget{
  line-height:1.642857143;
  letter-spacing:0.048403375em;
}
.content    { font-size:1.3em; font-weight: 300; }
.textwidget { font-size:1.3em; }

.content .content,
.header-bar .textwidget{
  font-size:1em;
  line-height:inherit;
}
p, table, ul, ol, dl, dt, dd, .columns, img{
  margin-bottom:2em;
}
.textwidget > *:last-child{
  margin-bottom:0;
}
.content a:not(.button),
.textwidget a:not(.button){
  color:#254AA5;
}
.color-scheme-dark .content a:not(.button),
.color-scheme-dark .textwidget a:not(.button){
  color:inherit;
  font-weight:bold;
}
.title a{
  text-decoration:none;
}
.content a:link,
.content a:visited,
.textwidget a:link,
.textwidget a:visited{
  text-decoration-color:#A1A2A5;
}
.content a:hover,
.content a:active,
.textwidget a:hover,
.textwidget a:active{
  text-decoration-color:inherit;
}
.title a:hover,
.title a:active{
  text-decoration:underline;
}
.content ul{
  list-style:none;
}
.content ul:not(:first-child){
  margin-top:0.6em;
}
.content ul li{
  position:relative;
  margin-bottom:1em;
}
.content ul li:last-child{
  margin-bottom:0;
}
.content ul li:first-child:last-child{
  margin-bottom:1em;
}
.content ul:not([class]) li::before{
  display:block;
  position:absolute;
  left:-1.285714286em;
  top:0.642857143em;
  height:0.5em;
  width:0.5em;
  background:#6A6A6A;
  content:' ';
  -webkit-border-radius:500px;
  -moz-border-radius:500px;
  border-radius:500px;
}

/* Figures/Images */
.content figure{
  margin:3em 0 6em 0;
}
.content figure img{
  border:1px solid #F3F3F3;
  -webkit-border-radius:7px;
  border-radius:7px;
}
.wp-block-media-text__media img,
.wp-block-media-text__media video{
  width:calc(100% - 2px);
}

/* Floats */
.content .float-left,
.content img.alignleft,
.content figure.alignleft {
  margin-top:0.4375em;
  margin-right:2.625em;
}
.content .float-right,
.content img.alignright,
.content figure.alignright {
  margin-top:0.4375em;
  margin-left:2.625em;
}

/* quotes */
.content blockquote{
  margin-top:5em;
  margin-bottom:5em;
  padding-left:2.5em;
  font-style:italic;
  border-left:5px solid #B60054;
}
.content .quote{
  font-style:normal;
  border:none;
  padding-left:0;
}
.content blockquote:first-child,
.content header + blockquote{
  margin-top:0;
}
.content blockquote:last-child{
  margin-bottom:1em;
}
.content blockquote p{
  font-size:1.285714286em;
}
.content .quote p{
  font-size:1em;
}
.content blockquote cite{
  display:block;
  margin-top:1em;
  font-style:normal;
}
.content .quote cite{
  display:-webkit-box;
  display:-moz-box;
  display:-ms-flexbox;
  display:-webkit-flex;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -webkit-align-items:center;
  -moz-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  position:relative;
  margin-top:3em;
  font-style:normal;
  font-weight:500;
}
.content .quote cite::before{
  position:absolute;
  top:0;
  left:0;
  display:block;
  height:1px;
  width:33%;
  margin:0 0 3em 0;
  background:#262626;
  content:' ';
}
.content .quote cite > *{
  display:block;
}
.content .quote .cite-thumbnail{
  max-width:6.5em;
  margin:2em 2em 0 0;
  -webkit-border-radius:500px;
  -moz-border-radius:500px;
  border-radius:500px;
  border:1px solid #979797;
  background:#4F4F4F;
  overflow:hidden;
}
.content .quote .cite-thumbnail img{
  margin:0;
}
.content .quote cite > .inner{
  margin:2em 0 0 0;
}

/* Centered boxes */
.content .boxes{
  display:-webkit-box;
  display:-moz-box;
  display:-ms-flexbox;
  display:-webkit-flex;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:horizontal;
  -webkit-box-direction:normal;
  -ms-flex-flow:row wrap;
  flex-flow:row wrap;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  margin:5em -1em;
  text-align:left;
}
.content .boxes .box{
  -ms-flex-preferred-size:calc(100% - 2em);
  flex-basis:calc(100% - 2em);
  margin:1em;
  border:1px solid #565A7F;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
}
.content .boxes .box > .inner{
  padding:0 1em;
}
.content .boxes .box h3{
}
.content .boxes .box h3::after{
  display:block;
  height:1px;
  width:33%;
  margin:1em 0;
  background:#565A7F;
  content:' ';
}

/* testimonials */
.content .testimonial{
  display:-webkit-box;
  display:-moz-box;
  display:-ms-flexbox;
  display:-webkit-flex;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  padding:2em;
  -webkit-box-shadow:9px 5px 9px 1px rgba(190, 204, 255, 0.25);
  -moz-box-shadow:9px 5px 9px 1px rgba(190, 204, 255, 0.25);
  box-shadow:9px 5px 9px 1px rgba(190, 204, 255, 0.25);
}
.testimonial > *{
  display:block;
}
.testimonial > .inner{
  padding-left:2.5em;
}
.testimonial .testimonial-thumbnail{
  padding-top:0.3125em;
}
.testimonial .testimonial-thumbnail img{
  max-width:7.125em;
  margin:0;
}

/* WordPress content blocks */
.wp-block-media-text{
  margin-top:5em;
  margin-bottom:5em;
}
.wp-block-media-text.is-vertically-aligned-center .wp-block-media-text__content,
.wp-block-media-text.is-vertically-aligned-center .wp-block-media-text__media,
.wp-block-media-text .wp-block-media-text__content,
.wp-block-media-text .wp-block-media-text__media{
  -webkit-align-self:start;
  -ms-flex-item-align:start;
  -ms-grid-row-align:start;
  align-self:start;
}
.wp-block-media-text blockquote{
  margin-top:0;
  margin-bottom:0;
}

.accordeon-heading{
  color:inherit;
  margin-bottom:2em;
}
.accordeon-heading.opened{
}
.accordeon-heading a{
  display:block;
  padding:0.5em 3em 0.5em 0;
  position:relative;
  outline:0;
  text-decoration:none;
}
.accordeon-heading a:hover,
.accordeon-heading a:active{
}
.accordeon-heading a::after{
  display:block;
  position:absolute;
  right:0.291666667em;
  top:0.291666667em;
  font-size:1.5em;
  font-family:'Material Icons';
  font-weight:normal;
  letter-spacing:normal;
  text-transform:none;
  display:inline-block;
  white-space:nowrap;
  word-wrap:normal;
  direction:ltr;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  font-feature-settings: 'liga';
  speak:never;
  content:'expand_more';
  -webkit-transition:transform 300ms ease;
  -moz-transition:transform 300ms ease;
  -ms-transition:transform 300ms ease;
  -o-transition:transform 300ms ease;
  transition:transform 300ms ease;
}
.accordeon-heading.opened a::after{
  -moz-transform:rotate(180deg);
  -webkit-transform:rotate(180deg);
  -o-transform:rotate(180deg);
  -ms-transform:rotate(180deg);
  transform:rotate(180deg);
}

/* button / tagcloud / more link */
.widget_tag_cloud .title{
  display:none;
}
.tagcloud{
  margin:-1em -1em 0 -1em;
  text-align:center;
}
.region-highlighted .tagcloud{
  margin-bottom:3em;
}
.button,
.tagcloud a{
  display:block;
  text-align:center;
  padding:1.5em 2em 1.433333333em 2em;
  line-height:1;
  border:2px solid #254AA5;
  font-family:'Apax';
  letter-spacing:0.1em;
  text-decoration:none;
  text-transform:uppercase;
  -webkit-transition:all 200ms ease;
  -moz-transition:all 200ms ease;
  -ms-transition:all 200ms ease;
  -o-transition:all 200ms ease;
  transition:all ease 200ms;
}
.tagcloud a{
  font-size:1em !important;
  border-width:1px;
}
.button-full{
  border-color:#1C1936;
  background-color:#1C1936;
  color:#FFFFFF;
}
.button + .button,
.tagcloud a + a{
  margin-top:2em;
}
.color-scheme-dark .button{
  border-color:#FFFFFF;
  color:#FFFFFF;
}
.button:link,
.button:visited{}

.button-full:link,
.button-full:visited{
  color:#FFFFFF;
}
.button:hover,
.button:active,
.tagcloud a:hover,
.tagcloud a:active{
  background:#ED1C24;
  border-color:#ED1C24;
  color:#FFFFFF;
}
.color-scheme-dark .button:hover,
.color-scheme-dark .button:active{
  background:#FFFFFF;
  color:#05050F;
}
.button-full:hover,
.button-full:active{
  background:#FFFFFF;
  color:#1C1936;
}
.content .button,
.textwidget .button,
.content .tagcloud a{
  font-size:0.857142857em;
  text-decoration:none;
}
.content .scroll-button{
  text-decoration:none;
  font-size:3em;
  margin:1em 0 1em -0.25em;
}
.content .quote + .scroll-button{
  margin-top:-1em;
}
.color-scheme-dark .content .scroll-button{
  color:#B60054;
}
.button .material-icon{
  position:relative;
  top:0.166666667em;
  margin-right:0.166666667em;
}
.more{
  display:block;
}
.more:link,
.more:visited{
  text-decoration:none;
  color:#ED1C24;
}
.content .more:not(.button):link,
.content .more:not(.button):visited{
  color:#ED1C24;
}
.more:hover,
.more:active{
  text-decoration:underline;
}
.more::after{
  display:inline-block;
  margin-left:0.285714286em;
  font-size:1.5em;
  line-height:0.80952381;
  font-family:'Material Icons';
  letter-spacing:normal;
  text-transform:none;
  white-space:nowrap;
  word-wrap:normal;
  direction:ltr;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  font-feature-settings: 'liga';
  speak:never;
  content:'arrow_right_alt';
  position:relative;
  top:0.285714286em;
}

/* Post thumbnail */
.post-thumbnail{
  display:block;
}
.single .post-thumbnail{
  margin-bottom:3em;
}
.post-thumbnail{
  -webkit-border-radius:7px;
  border-radius:7px;
}
.post-thumbnail img{
  height:auto;
  width:100%;
  margin:0;
  -webkit-border-radius:7px;
  border-radius:7px;
}

/* Tabs menu */
.tabs {
  /**
   * Setting display to flex makes this container lay
   * out its children using flexbox
   */
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
}
.tabs .tab{
}
.tabs .tab a{
  font-size:1em;
  border-bottom:2px solid #E6E6E6;
}
.tabs .tab > a:hover,
.tabs .tab > a:active,
.tabs .tab.tab-active > a{
  border-bottom-color:#BFBFBF;
}

/* taxonomy_term - inherits from tabs, menu */
.taxonomy-terms{
  flex-wrap:wrap;
}
.taxonomy-terms .title{
  font-size:1em;
  font-weight:normal;
}
.taxonomy-terms .title::before{
  display: inline;
  margin-right:0.5em;
  font-family: 'Material Icons';
  text-rendering: auto;
  letter-spacing:normal;
  text-transform:none;
  display:inline-block;
  white-space:nowrap;
  word-wrap:normal;
  direction:ltr;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  font-feature-settings: 'liga';
  speak:never;
  content:'label';
  filter:brightness(200%);
}
.taxonomy-terms .taxonomy-term,
.taxonomy-terms .taxonomy-term + .taxonomy-term{
  border:none;
  padding:0;
}
.taxonomy-terms .taxonomy-term a{
  border:none;
  text-transform:capitalize;
}

/* field tags menu - inherits from terms */
.tags .title::before{
  content:'\f02c';
}
.tags .tag a{
}

/* Author box */
.author-title{
  font-size:2.4em;
  margin:3em 0 2em 0;
}
.author-information{
  display:-webkit-box;
  display:-moz-box;
  display:-ms-flexbox;
  display:-webkit-flex;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:horizontal;
  -webkit-box-direction:normal;
  -ms-flex-flow:row wrap;
  flex-flow:row wrap;
  max-width:64em;
  margin:0 0 3em 0;
  -webkit-box-shadow:9px 5px 9px 1px rgba(190, 204, 255, 0.25);
  -moz-box-shadow:9px 5px 9px 1px rgba(190, 204, 255, 0.25);
  box-shadow:9px 5px 9px 1px rgba(190, 204, 255, 0.25);
}
/* overwrites */
main > .inner > .author-information{
  max-width:64em;
}
.author-information .author-image{
  display:block;
}
.author-information .author-image img{
  margin:0;
}
.author-information .content{
  padding:0 1.538461538em;
  font-size:1.3em;
}
.author-information .content h3:first-child{
  margin-top:1.367521368em;
  font-family:'Apax';
  font-weight:normal;
}
.author-information .contacts{
  margin-top:-0.5em;
}

/* search form */
.searchform-enabled .search-form{
  position:relative;
}
.search-form > .inner{
  display:-webkit-box;
  display:-moz-box;
  display:-ms-flexbox;
  display:-webkit-flex;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:horizontal;
  -webkit-box-direction:normal;
  -ms-flex-flow:row wrap;
  flex-flow:row wrap;
  -ms-flex-pack:distribute;
  justify-content:space-around;
}
.search-form > .inner{
}
.search-form label{
  display:none;
  text-indent:-9999em;
  padding:0;
  height:3.2em;
  width:3.2em;
  font-size:1.2em;
  line-height:1.4;
  color:#14244A;
  background:#F5F6F7;
}
.search-form label:hover,
.search-form label:focus,
.search-form label:active{
  background:#EDEDED;
}
.search-form label::before{
  display: block;
  float:left;
  height: 1.25em;
  line-height: 1.285714286em;
  padding:0.535714286em;
  width: 1.285714286em;
  text-align: center;
  text-indent: 0;
  font-family:'Material Icons';
  text-rendering: auto;
  letter-spacing:normal;
  text-transform:none;
  display:inline-block;
  white-space:nowrap;
  word-wrap:normal;
  direction:ltr;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  font-feature-settings: 'liga';
  speak:never;
  content:'search';
}
.searchform-active .search-form label::before{
  content:'close';
}
.searchform-enabled .search-form label{
  display:block;
}
.searchform-enabled .search-form > .inner{
  display:none;
  position:absolute;
  right:4.84em;
  top:0;
  width:74.4vw;
}
.searchform-active .search-form > .inner{
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.search-form input,
.search-form button{
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
}
.search-form input{
  display:block;
  margin:0;
  padding-top:0.142857143em;
  padding-bottom:0.214285714em;
  -ms-flex-preferred-size:85%;
  flex-basis:85%;
  max-width:85%;
  background:#FFFFFF;
  border-color:#E6E6E6;
  border-right:none;
}
.search-form button{
  padding:0;
  margin:0;
  -ms-flex-preferred-size:15%;
  flex-basis:15%;
  line-height:1.85;
  color:#CCCCCC;
  background:#FFFFFF;
  border-color:#E6E6E6;
  border-left:none;
  text-align:center;
}
.search-form button:hover{
  color:#999999;
}
.search-form button::after{
  content:'\f002';
  font-family: 'ForkAwesome';
  font-style:normal;
  font-weight:normal;
  speak:none;
  font-variant:normal;
  text-transform:none;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}

/* contacts list */
ul.contacts{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:horizontal;
  -webkit-box-direction:normal;
  -ms-flex-flow:row wrap;
  flex-flow:row wrap;
  margin:0 -0.5em;
}
.contacts li{
  margin:0.5em;
}
.contacts a{
  display:block;
  width:2.285714286em;
  height:2.285714286em;
  line-height:2.285714286em;
  text-indent:-9999em;
  color:#808080;
  text-align:center;
}
.contacts a:link,
.contacts a:visited{
  text-decoration:none;
}
.contacts a:hover,
.contacts a:active{
  color:inherit;
}
.contacts a::before{
  display:block;
  float:left;
  width:1em;
  height:1em;
  text-indent:0;
  font-size:2.285714286em;
  font-family:'ForkAwesome';
  speak:none;
  font-variant:normal;
  text-transform:none;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}
.contacts .phone    a::before { content:'\f098'; }
.contacts .mail     a::before { content:'\f0e0'; }
.contacts .linkedin a::before { content:'\f08c'; }

/* icon corrections */
.contacts .mail     a::before {
  position:relative;
  top:-1px;
}

.contacts .phone    a:hover::before,
.contacts .phone    a:active::before { }
.contacts .mail     a:hover::before,
.contacts .mail     a:active::before { }
.contacts .linkedin a:hover::before,
.contacts .linkedin a:active::before { color:#2867B2; }

/* comment form */
.comment-form{
  max-width:100%; /* breaks out of content otherwise */
}

/**
 * araes & regions
 *
 * areas mean defined by template "site" regions
 *
 * @what
 *   html, body
 *   site containers
 *   site header
 *   -- block site branding
 *      -- site logo
 *      -- site name
 *      -- site slogan
 *   -- region secondary_menu
 *      -- block menu
 *         -- items with icons
 *   site menu
 *   -- block menu
 *      -- sub menus (dropdown)
 *   -- sideMenu Button
 *   site actions (extra container with interactive contents)
 *   -- overlays
 *   -- sideMenu
 *      -- block menu
 *         -- sub menus (accordeon)
 *         -- additional items & content
 *   site breadcrumbs
 *   -- items
 *   site main
 *   -- content
 *   -- sidebars
 *      -- blocks
 *      -- block titles
 *      -- block menu
 *  site footer
 *  -- region footer
 *  -- region footer_menu
 *     -- block menu
 *   site help
 *
 */
/* html, body */
body{
  font-family:'Ubuntu';
  color:#0E0F13;
}

/* site containers */
.site-container > .inner{
  max-width:138em;
  margin:0 auto;
  padding:2.1em;
}
.single .site-container > .inner{
  padding-left:0;
  padding-right:0;
}

/* site header */
/* Has 2 Regions inside .inner */
.site-header{
  position:fixed;
  top:0;
  left:0;
  right:0;
  background:#FFFFFF url(../img/header-bg-narrow.jpg) 50% 0 no-repeat;
  background-size:auto 100%;
  border-bottom:1px solid #F3F3F3;
  z-index:20;
}
.site-header > .inner{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:horizontal;
  -webkit-box-direction:normal;
  -ms-flex-flow:row wrap;
  flex-flow:row wrap;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  max-width:141.5em;
  padding:0 2.1em 0 1em;
}
.site-header a{
  color:#FFFFFF;
}
.toolbar-fixed .site-header{
  top:3.9em;
}
.site-name{
  font-size:1em;
  margin-top:0;
  margin-bottom:0;
}
.site-logo{
  display:block;
  background:#FFFFFF;
  position:relative;
  z-index:150;
}
.site-logo img{
  height:5em;
  width:auto;
  margin:0;
}

/* header-bar */
.site-header .header-bar{
  display:none;
}
.header-bar .button{
  font-size:1.2em;
}
.header-bar .menu{
}
.header-bar .menu ul ul{
  display:none;
}
.header-bar .menu,
.header-bar .sub-menu{
  margin:0;
}
.header-bar .menu > li{
  display:block;
  text-align:center;
}
.header-bar .menu li,
.header-bar .sub-menu li{
  position:relative;
}
.header-bar .menu a,
.header-bar .sub-menu a{
  text-transform:none;
  font-size:1.2em;
  line-height:1.583333333;
  padding:0.666666667em 1em;
}
/* reset general region rules for user menu */
.header-bar .menu-item-user a,
.header-bar .menu-item-register a,
.header-bar .menu-item-login a,
.header-bar .menu-item-logout a{
  text-indent:-9999em;
  padding:0;
  height:3.5em;
  width:3.5em;
  font-size:1em;
}
.header-bar .menu-item-user a::before,
.header-bar .menu-item-register a::before,
.header-bar .menu-item-login a::before,
.header-bar .menu-item-logout a::before{
  height: 1.357142857em;
  line-height: 1.357142857em;
  padding:0.571428571em;
  margin:0;
  width: 1.357142857em;
  text-align: center;
  text-indent: 0;
  font-size: 1.4em;
}
.header-bar .menu a:hover{
}
.header-bar .menu li + li a{
}
.header-bar .menu ul{
  position:absolute;
  top:3.6em;
  left:-9999em;
  z-index:50;
}

/**
 * Menu bar
 * Bar definitions start at 987px media query
 */
.site-menu{
  pointer-events:none;
}
/*
.site-menu .menu-item-home{
  display:none;
}
*/
/**
 * On moblile, header an site-menu have no height.
 * the next following element gets padding top
 * to start below the fixed elements
 */
.site-header + :not(.site-menu),
.site-menu + *{
  padding-top:5.3em;
}
.toolbar-fixed .site-header + :not(.site-menu),
.toolbar-fixed .site-menu + *{
  padding-top:16.9em;
}
/* reset padding of .site-container > .inner */
.site-menu > .inner{
  padding:0;
}
/* hide nav default on mobile */
.site-menu nav{
  z-index:60;
  width:100%;
  display:none;
}
.site-menu .search-form{
  width:100%;
}
.site-menu .search-form .search-field{
  width:60%;
  display:block;
  float:left;
}
.site-menu .search-form .search-submit{
  width:35%;
  display:block;
  float:right;
}
/* Side Menu JS Buttons inside .site-menu */
.site-menu .sideMenu{
  width: 1.8em;
  height: 1.2em;
  padding:1.9em 1.3em;
  position:fixed;
  left:1em;
  top:0em;
  cursor: pointer;
  z-index:120;
  pointer-events:all;
}
.toolbar-fixed .site-menu .sideMenu{
  top:4.8em;
}
.site-menu .sideMenu > div{
  width: 18px;
  height: 12px;
  position: relative;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
}
.site-menu .sideMenu span{
  display: block;
  position: absolute;
  height: 2px;
  width: 100%;
  background:#B3B3B3;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}
.site-menu .sideMenu.color-scheme-dark span{
  background:#FFFFFF;
}
.site-menu .sideMenu span:nth-child(1) {
  top: 0px;
}
.site-menu .sideMenu span:nth-child(2),
.site-menu .sideMenu span:nth-child(3) {
  top: 5px;
}
.site-menu .sideMenu span:nth-child(4) {
  top: 10px;
}
.site-menu .sideMenu.active span:nth-child(1) {
  top: 8px;
  width: 0%;
  left: 50%;
}
.site-menu .sideMenu.active span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.site-menu .sideMenu.active span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.site-menu .sideMenu.active span:nth-child(4) {
  top: 8px;
  width: 0%;
  left: 50%;
}

/**
 * Site Actions
 * ============
 */
.blackout,
#site-actions{
  position:fixed;
  height:100%;
  width:100%;
  left:0;
  top:0;
  pointer-events: none;
  opacity:0;
  z-index:30;
  transition:opacity ease-out 250ms;
}
#site-actions{
  background:none;
  opacity:1;
  z-index:100;
}

/* Side Menu */
.sideMenu-visible .blackout{
  opacity:0.35;
  pointer-events: auto;
  transition:opacity ease-in 200ms;
}
#site-actions .sideMenu{
  height:100vh;
  width:100vw;
  max-width:33.1em;
  position:absolute;
  top:0;
  left:-33.1em;
  overflow:hidden;
  overflow-y:auto;
  transition:left ease-in 250ms;
  background:#F9F9F9;
  -webkit-box-shadow:0px 1px 1px rgba(0, 0, 0, 0.14), 0px 2px 1px -1px rgba(0, 0, 0, 0.12), 0px 1px 3px rgba(0, 0, 0, 0.2);
  box-shadow:0px 1px 1px rgba(0, 0, 0, 0.14), 0px 2px 1px -1px rgba(0, 0, 0, 0.12), 0px 1px 3px rgba(0, 0, 0, 0.2);
  pointer-events:all;
  z-index:50;
}
#site-actions .sideMenu::before{
  display:block;
  height:5.2em;
  width:100%;
  position:absolute;
  top:0;
  left:0;
  background:#FFFFFF;
  border-bottom:1px solid #F3F3F3;
  content:' ';
}
#site-actions .sideMenu.color-scheme-dark{
  background:#11111B;
  color:#FFFFFF;
}
#site-actions .sideMenu.color-scheme-dark::before{
  background:#11111B;
}
.admin-bar #site-actions .sideMenu{
  top:4.6em;
}
.sideMenu-visible #site-actions .sideMenu{
  left:0;
  transition:left ease-out 200ms;
}
.sideMenu > .site-logo{
  position:absolute;
  top:0.2em;
  left:calc(50% - 5.9em);
  font-size:1em;
  padding:0.5em;
}
.sideMenu > .site-logo img{
  height:4em;
}
.sideMenu > .menu,
.sideMenu > .additional{
  /*keep space for toggler overlayed on the right hand side */
  padding:8em 1em 8em 0em;
  width:100%;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
}
#site-actions .sideMenu > * + *:not(.site-logo){
  padding-top:1.6em;
}
.sideMenu > .additional > div{
  padding:0.8em 1.6em 0.7em 1.6em;
}
.sideMenu a{
}
.sideMenu.color-scheme-dark a{
  color:#FFFFFF;
}
.sideMenu .menu-item-user a,
.sideMenu .menu-item-register a,
.sideMenu .menu-item-login a,
.sideMenu .menu-item-logout a{
  text-indent:0;
  padding:0.5em 1em 0.4em 1em;
  height:auto;
  width:auto;
  font-size:1.4em;
}
.sideMenu .menu-item-user a::before,
.sideMenu .menu-item-register a::before,
.sideMenu .menu-item-login a::before,
.sideMenu .menu-item-logout a::before{
  padding:0;
}
.sideMenu > .menu.additional a{
  font-size:1.2em;
  padding:0.666666667em 1.333333333em 0.583333333em 1.333333333em;
}
/* firs level menu items */
.sideMenu .menu > li{
  padding:0 2em;
}
.sideMenu .menu > li + li::before{
  display:block;
  height:1px;
  background:#E6E6E6;
  content:' ';
}
.sideMenu.color-scheme-dark .menu > li + li::before{
  background:#565A7F;
}
.sideMenu .menu a{
  padding-left:1em;
  padding-right:1em;
}
.sideMenu .menu > li > a{
  padding-top:1em;
  padding-bottom:0.928571429em;
  line-height:1.714285714;
  text-transform:uppercase;
  font-weight:500;
  letter-spacing:0.071428571em;
}
.sideMenu .menu > .menu-item-has-children > a{
  position:relative;
}
.sideMenu .menu > .menu-item-has-children > a::before,
.sideMenu .menu > .menu-item-has-children > a::after{
  display:block;
  position:absolute;
  background:#B3B3B3;
  content:' ';
  transition:all ease 250ms;
}
.sideMenu.color-scheme-dark .menu > .menu-item-has-children > a::before,
.sideMenu.color-scheme-dark .menu > .menu-item-has-children > a::after{
  background:#FFFFFF;
}
.sideMenu .menu > .menu-item-has-children > a::before{
  right:0.2em;
  top:1.714285714em;
  height:2px;
  width:14px;
  opacity:1;
}
.sideMenu .menu > .menu-item-has-children > a::after{
  right:0.628571429em;
  top:1.285714286em;
  height:14px;
  width:2px;
}
.sideMenu .menu .menu-item-has-children.toggle-active > a::before,
.sideMenu .menu .menu-item-has-children.toggle-active > a::after{
  -moz-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.sideMenu .menu > .menu-item-has-children.toggle-active > a::before{
  opacity:0;
}

.site-menu .menu a:hover,
.site-menu .menu a:active,
.site-menu .menu > li.menu-item-has-children:hover > a,
.sideMenu .menu a:hover,
.sideMenu .menu a:active,
.sideMenu .menu > li.menu-item-has-children:hover > a{
  background:rgba(113, 118, 148, 0.10);
  color:#000000;
}

.color-scheme-dark .site-menu .menu a:hover,
.color-scheme-dark .site-menu .menu a:active,
.color-scheme-dark .site-menu .menu > li.menu-item-has-children:hover > a,
.color-scheme-dark .sideMenu .menu a:hover,
.color-scheme-dark .sideMenu .menu a:active,
.color-scheme-dark .sideMenu .menu > li.menu-item-has-children:hover > a{
  background:rgba(113, 118, 148, 0.04);
  color:#A1A2A5;
}

.sideMenu .menu > li > a:hover,
.sideMenu .menu a:active,
.sideMenu .menu .toggle-active > a{
}
.sideMenu .menu .current-menu-ancestor > a{
}
.sideMenu .menu li + li{
}
/* submenus */
.sideMenu .menu ul{
  background:none;
  border:none;
  padding:0 0 1em 3.9em;
}
.sideMenu .menu ul a{
  padding-top:0.928571429em;
  padding-bottom:0.857142857em;
}
.sideMenu .sub-menu a{
}


/**
 * Breadcrumbs navigation
 */
.site-breadcrumbs{
  position:relative;
  margin-bottom:2em;
  z-index:10;
}
.site-breadcrumbs > .inner{
  padding:0;
  overflow:hidden;
  display:block;
}
.site-breadcrumbs > .inner::after{
  display:block;
  height:0;
  content:' ';
  clear:both;
}
.site-breadcrumbs li{
  float:left;
  display:block;
}
.site-breadcrumbs li::after {
  display:inline-block;
  position:relative;
  top:-1px;
  font-size:0.65em;
  content:'chevron_right';
  font-family:'Material Icons';
  text-rendering: auto;
  letter-spacing:normal;
  text-transform:none;
  display:inline-block;
  white-space:nowrap;
  word-wrap:normal;
  direction:ltr;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  font-feature-settings: 'liga';
  speak:never;
}
.site-breadcrumbs li.last::after{
  display:none;
}
.site-breadcrumbs li > *{
  display:inline-block;
  padding:0.7em 0.5em 0.6em 0.6em;
  font-size:1.4em;
}
.site-breadcrumbs a:hover,
.site-breadcrumbs a:focus{
  outline:0;
}
.site-breadcrumbs a:active{
  color:#000000;
}
.site-breadcrumbs li > meta{
  display:none;
}
.site-breadcrumbs li.last > *{
  color:#113300;
}
.site-breadcrumbs li.last > *::after{
  border-left-color:transparent;
}

/**
 * holy grail content layout
 *
 * https://en.wikipedia.org/wiki/Holy_grail_(web_design)
 * https://w3bits.com/flexbox-holy-grail-layout/
 * https://www.developerdrive.com/holy-grail-layout-flexbox/
 *
 * currently only for one sidebar
 */
main{
  background:#F9F9F9;
}
/* mains .inner is a flex-container */
main > .inner{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:horizontal;
  -webkit-box-direction:normal;
  -ms-flex-flow:row wrap;
  flex-flow:row wrap;
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between;
}
article#content{
  background:#F9F9F9;
}
.single main > .inner{
  padding-bottom:10em;
}
.site-main > .inner{
  max-width:138em;
}
.page-template-page-sections .site-main > .inner{
  max-width:100%;
  margin:0;
  padding:0;
}
main > .inner > *{
  -webkit-box-flex:1;
  -ms-flex:1 100%;
  flex:1 100%;
  max-width:100%;
}
main .section-header,
main .content-header{
  text-align:center;
  padding:3em 0;
}

.single main article.post,
.single main article.aktivitaet{
  -webkit-border-radius:7px;
  border-radius:7px;
}
.single main article.post#content,
.single main article.aktivitaet#content{
  background:#FFFFFF;
}
.aktivitaet-tabs{
  display:none;
  position:sticky;
  top:0;
  margin-bottom:1em;
  background:#FFFFFF;
  z-index:10;
}
.content-header + .aktivitaet-tabs{
  margin-top:-2em;
}
.aktivitaet-tabs .menu li{
  margin:0;
}
.aktivitaet-tabs .menu a{
  font-size:1em;
  text-transform:uppercase;
}
.single-aktivitaet article section:nth-child(2n+1){
  padding:1em;
  background:#F9F9F9;
  -webkit-border-radius:7px;
  border-radius:7px;
}
.single-aktivitaet article section + section{
  margin-top:3em;
}
.single-aktivitaet article section > *:last-child{
  margin-bottom:0;
}
.page-template-page-sections article{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:horizontal;
  -webkit-box-direction:normal;
  -ms-flex-flow:row wrap;
  flex-flow:row wrap;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  padding:5em 2.1em;
  background:#FFFFFF;
}
.page-template-page-sections article.color-scheme-dark{
  background:#05050F;
}
.page-template-page-sections article.color-scheme-light{
  /* border-bottom:1px solid #F3F3F3; */
}
.page-template-page-sections article.color-scheme-light + article.color-scheme-light{
  margin-top:2.4em;
}
main .sections-header > .inner{
  max-width:138em;
  margin:0 auto;
  padding:2.1em;
  text-align:center;
}
main .section-header .title,
main .content-header .title,
main .sections-header .title,
.content-footer .widget > .inner > .title{
  font-size:2.8em;
  line-height:1.15;
  text-transform:uppercase;
}
main .sections-header .title{
  display:inline-block;
  position:relative;
  border:1px solid #6A6A6A;
  margin:0;
  padding:0.5em 1em 0.857142857em 1em;
}
main .sections-header.color-scheme-dark .title{
  border-color:#FFFFFF;
}
main .sections-header .title::before,
main .sections-header .title::after{
  display:block;
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  content:' ';
  pointer-events:none;
  z-index:5;
}
main .sections-header .title::before{
  top:-1px;
  left:-1px;
  border:1px solid #FFFFFF;
  -webkit-border-radius:12px;
  -moz-border-radius:12px;
  border-radius:12px;
}
main .sections-header.color-scheme-dark .title::before{
  border-color:#05050F;
}
main .sections-header .title::after{
  background:#FFFFFF;
  mix-blend-mode:normal;
  -webkit-filter:blur(1em);
  filter:blur(1em);
  opacity:0.9;
}
main .sections-header.color-scheme-dark .title::after{
  background:#343F79;
}
main .sections-header .title > span{
  display:block;
  position:relative;
  z-index:10;
}
main .sections-header .title > span::after{
  display:block;
  position:absolute;
  bottom:-120%;
  left:calc(50% - 1px);
  height:0.821428571em;
  width:2px;
  background:#565A7F;
  content:' ';
}
.single main .content-header,
.page-template-page-sections main .content-header,
.page-template-page-alternate main .content-header{
  padding-top:2em;
  padding-bottom:2em;
  text-align:left;
}
.single main .content-header .title,
.page-template-page-sections main .content-header .title,
.page-template-page-alternate main .content-header .title{
  font-size:2em;
}
.single main .content-header .title,
.page-template-page-alternate main .content-header .title{
  text-transform:none;
}
main .section-header .intro,
main .content-header .intro{
  margin-top:2em;
  font-size:1.6em;
  font-weight:300;
}
main .section-header .intro p:last-child,
main .content-header .intro p:last-child{
  margin-bottom:0;
}
.single main .content-header .intro,
.page-template-page-sections main .content-header .intro,
.page-template-page-alternate main .content-header .intro{
  margin-top:2em;
  font-size:1.125em;
  text-transform:none;
}
.single main .content-header .meta + .intro{
  margin-top:0;
  margin-bottom:2em;
}
main .content-header .subheadline{
  margin-top:2em;
}
.page-template-page-sections article .subheadline p{
  margin:0;
  font-size:1.125em;
}
main .section-header .intro + .content,
main .content-header .intro + .content{
  margin-top:1em;
}
main .content-header .intro + .meta,
main .content-header .meta + .content{
  margin-top:1em;
}
.page-template-page-sections article > .post-thumbnail{
  order:3;
}
.page-template-page-sections article.color-scheme-dark.thumbnail-has-shadow .post-thumbnail{
  -webkit-box-shadow: -12px -12px 23px rgba(86, 90, 127, 0.358747), 14px 14px 25px rgba(255, 255, 255, 0.16);
  box-shadow: -12px -12px 23px rgba(86, 90, 127, 0.358747), 14px 14px 25px rgba(255, 255, 255, 0.16);
}
.page-template-page-sections article.color-scheme-light.thumbnail-has-shadow .post-thumbnail{
	-webkit-box-shadow: -12px -12px 23px rgba(255, 255, 255, 0.358747), 14px 14px 25px rgba(13, 39, 80, 0.16);
  box-shadow: -12px -12px 23px rgba(255, 255, 255, 0.358747), 14px 14px 25px rgba(13, 39, 80, 0.16);
}
.page-template-page-sections article.color-scheme-dark.thumbnail-has-border .post-thumbnail{
  border:1px solid #FFFFFF;
}
.page-template-page-sections article.color-scheme-light.thumbnail-has-border .post-thumbnail{
  border:1px solid #F3F3F3;
}

.page-template-page-sections article > .benefits{
  order:4;
  -ms-flex-preferred-size:100%;
  flex-basis:100%;
  width:100%;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -webkit-flex-direction:column;
  -moz-box-orient:vertical;
  -moz-box-direction:normal;
  -ms-flex-direction:column;
  flex-direction:column;
  -webkit-box-align:center;
  -webkit-align-items:center;
  -moz-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  padding:8em 0;
}
.home.page-template-page-sections #content > .benefits{
  padding-top:0;
  margin-top:-2em;
}
.benefits .term-benefit{
  -ms-flex-preferred-size:100%;
  flex-basis:100%;
  width:100%;
  max-width:33.6em;
  padding:2em 0;
  border:1px solid #000000;
  border-width:0 0 1px 0;
  text-align:center;
}
.color-scheme-dark .benefits .term-benefit{
  border-color:#FFFFFF;
}
.home #content .benefits{
  -webkit-box-orient:horizontal;
  -webkit-box-direction:normal;
  -webkit-flex-flow:row wrap;
  -moz-box-orient:horizontal;
  -moz-box-direction:normal;
  -ms-flex-flow:row wrap;
  flex-flow:row wrap;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
}
.home #content .benefits .term-benefit{
  -ms-flex-preferred-size:calc(50% - 2em);
  flex-basis:calc(50% - 2em);
  width:calc(50% - 2em);
  border:none;
  padding:1em;
  max-width:15em;
}
.benefits .term-benefit + .term-benefit{
  border-width:1px 0;
}
.benefits .term-benefit:last-child,
.benefits .term-benefit + .term-benefit:last-child{
  border-width:1px 0 0 0;
}
.benefits .content{
  font-size:1.4em;
}
.benefits .content > *:last-child{
  margin-bottom:0;
}
.benefits .term-thumbnail{
  margin-bottom:0.5em;
}
.benefits .term-thumbnail img{
  display:inline-block;
  margin:0;
}
.benefits .term-benefit .material-icon{
  font-size:2.5em;
}
.benefits .term-benefit > .inner{
}


/**
 * Sidebars specifica
 */
main aside{
  line-height:1.111111111;
}
main aside .widget:first-child:not(.search-form){
  padding-top:1em;
}
main aside .widget + .widget{
  margin-top:3em;
}
main aside.region-highlighted .widget:first-child{
  padding-top:0;
}
main aside .widget > .inner{
  margin:1.5em 0 0 0;
  padding:0 0 0.5em 0;
}
main aside .title{
  padding:1.5625em 3.8125em 1.5em 1.5em;
  margin:0 0 0.5625em 0;
  font-size:1.4em;
  font-family:'Ubuntu';
  font-weight:300;
  text-transform:uppercase;
}
main aside .widget.color-scheme-dark .textwidget{
  text-align:center;
  padding:0 2em;
}
/* .main aside .menu */
main aside .menu,
main aside .widget_categories ul{
  list-style:none;
  padding:0;
  margin:0;
}
main aside .menu .title{
  margin-bottom:0;
}
main aside .menu ul,
main aside .widget_categories ul ul{
  background:none;
  border:none;
  -webkit-box-shadow:none;
  box-shadow:none;
}
main aside .menu > li,
main aside .widget_categories ul > li{
  border:1px solid #F3F3F3;
  margin-bottom:0.7em;
}
main aside .menu ul li:last-child,
main aside .widget_categories ul ul li:last-child{
  border:none;
}
main aside .menu a,
main aside .widget_categories a{
  position:relative;
  display:block;
  padding:1.388888889em 3.388888889em 1.33333333em 1.33333333em;
  font-size:1.3em;
  line-height:1.166666667;
  font-weight:normal;
  border:1px solid #F3F3F3;
}
/* only first level */
main aside .menu > li > a::after{
  display:block;
  position:absolute;
  right:2.166666667em;
  top:2.5em;
  font-size:0.666666667em;
  line-height:1;
  font-family:'Material Icons';
  text-rendering: auto;
  letter-spacing:normal;
  text-transform:none;
  display:inline-block;
  white-space:nowrap;
  word-wrap:normal;
  direction:ltr;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  font-feature-settings: 'liga';
  speak:never;
  font-weight:normal;
  content:'expand_more';
  -webkit-transition:transform 300ms ease;
  -moz-transition:transform 300ms ease;
  -ms-transition:transform 300ms ease;
  -o-transition:transform 300ms ease;
  transition:transform 300ms ease;
}
main aside .menu > li.opened > a::after{
  -moz-transform:rotate(180deg);
  -webkit-transform:rotate(180deg);
  -o-transform:rotate(180deg);
  -ms-transform:rotate(180deg);
  transform:rotate(180deg);
}
main aside .menu a:hover,
main aside .menu a:active{
  background:#F6F8FF;
  text-decoration:none;
}
main aside .menu li:hover > a{
}
main aside .menu a:hover,
main aside .menu a:active{
}
main aside .menu .current-menu-item > a,
main aside .menu .current-menu-ancestor > a,
main aside .menu .current_page_ancestor > a,
main aside .menu .current_page_parent > a,
main aside .menu a.is-active-trail,
main aside .menu a.is-active{
}
main aside .menu .current-menu-ancestor > a:not(:hover):not(:active),
main aside .menu .current-menu-item > a:not(:hover):not(:active),
main aside .menu .current_page_ancestor > a:not(:hover):not(:active),
main aside .menu .current_page_parent > a:not(:hover):not(:active),
main aside .menu a.is-active-trail:not(:hover):not(:active),
main aside .menu a.is-active:not(:hover):not(:active){
  background:none;
}
main aside .menu .current-menu-item > a,
main aside .menu a.is-active{
}
main aside .menu .current-menu-item > a,
main aside .menu .current_page_parent > a,
main aside .menu a.is-active{
  filter:none;
}
main aside .menu .current-menu-ancestor > a,
main aside .menu .current_page_ancestor > a,
main aside .menu .current_page_parent > a,
main aside .menu a.is-active-trail{
  font-weight:600;
}
main aside .menu .menu-item-has-children:hover > a::before{
  -webkit-transform:rotate(90deg);
  -ms-transform:rotate(90deg);
  transform:rotate(90deg);
}
main aside .menu .current-menu-ancestor > a,
main aside .menu .current_page_ancestor > a,
main aside .menu .current_page_parent > a,
main aside .menu a.is-active-trail{
}

/* sub menu styles */
main aside .menu ul{
  padding:0;
  margin:0;
  border-top:1px solid #F3F3F3;
  /* display:none; */
}
main aside .current-menu-ancestor > ul,
main aside .current-menu-item > ul,
main aside a.is-active-trail + ul,
main aside a.is-active + ul{
  display:block;
}
main aside .menu ul a{
  padding-left:1.722222222em;
  padding-right:1.722222222em;
  border:none;
}
main aside .menu ul ul{
  font-size:0.9em;
}
main aside .menu ul ul a{
  padding-left:2.857142857em;
}
main aside .menu ul .current-menu-item > a,
main aside .menu ul a.is-active{
}

/**
 * Content Region
 */
.articles > .inner{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:horizontal;
  -webkit-box-direction:normal;
  -ms-flex-flow:row wrap;
  flex-flow:row wrap;
  -webkit-box-pack:center;
  -ms-flex-pack:center;input.data:required
  justify-content:center;
}
.has-content-sidebar .articles > .inner,
.has-content-sidebars .articles > .inner{
  display:block;
}
.articles article + article{
}
.articles article{
  margin:2em 0;
  padding:3em 2em 2em 2em;
  -webkit-border-radius:7px;
  border-radius:7px;
  background:#FFFFFF;
}
.articles article .post-thumbnail{
  -webkit-border-radius:7px 7px 0 0;
  border-radius:7px 7px 0 0;
}
.articles article.team,
.articles article.post,
.articles article.aktivitaet,
.articles article.news{
  margin-left:2em;
  margin-right:2em;
  padding:0;
}
.articles article.post,
.articles article.aktivitaet,
.articles article.news{
  position:relative;
}
.articles article.post .post-thumbnail,
.articles article.aktivitaet .post-thumbnail{
  margin-bottom:2em;
}
.page-team .site-main,
.page-news .site-main,
.blog .site-main,
.archive .site-main{
  overflow:hidden;
}
.page-team .articles > .inner,
.page-news .articles > .inner,
.blog .articles > .inner,
.archive .articles > .inner{
  margin-left:-2.2em;
  margin-right:-2.1em;
}
article.team .content,
article.post .content,
article.aktivitaet .content,
article.news .content{
  font-size:1.4em;
  padding:1.5em 0.71428571em;
}
article.team .content > *:last-child,
article.post .content > *:last-child,
article.aktivitaet .content > *:last-child,,
article.news .content > *:last-child{
  margin-bottom:0;
}
article.team .content h2{
  font-size:1.5em;
  margin-bottom:0;
}
article.team .content p{
  margin-bottom:0.8em;
}
.content .position{
  margin-bottom:2em;
}
.articles article.faq{
}
article.faq .title{
  font-size:1.6em;
  margin-bottom:1.75em;
}
article.faq .title a{
  padding:0.4375em 3em 0.4375em 0;
}
article.faq .content{
  padding:0;
  margin:0;
  line-height:2.1875;
}

/**
 * Sidebars
 */
article > .sidebar{
}
article > .content-before > .inner{
}
article > .content-after > .inner{
}
article > .content-after{
}
main aside .textwidget{
  padding:1.714285714em;
  -webkit-box-shadow:9px 5px 9px 1px rgba(190, 204, 255, 0.25);
  -moz-box-shadow:9px 5px 9px 1px rgba(190, 204, 255, 0.25);
  box-shadow:9px 5px 9px 1px rgba(190, 204, 255, 0.25);
}
main aside .widget.no-style .textwidget{
  padding:0;
  -webkit-box-shadow:none;
  -moz-box-shadow:none;
  box-shadow:none;
}
main aside .color-scheme-dark .textwidget{
  padding:1.714285714em;
  border:none;
}
article > .sidebar form{
}

/**
 * Content Footer
 */
.content-footer{
}
.content-footer .widget{
  text-align:center;
  padding-bottom:6em;
}
.content-footer .textwidget{
  max-width:40em;
  margin-left:auto;
  margin-right:auto;
  line-height:2.1875em;
}
.content-footer .contact-footer{
  font-size:0.857142857em;
  letter-spacing:0.1em;
}
.contact-footer::before{
  display:block;
  height:12em;
  width:0.166666667em;
  margin:3.5em auto;
  background:#262626;
  content:' ';
}
.color-scheme-dark .contact-footer{
  color:#A1A2A5;
}
.color-scheme-dark .contact-footer::before{
  background-color:#B60054;
}
.color-scheme-dark .contact-footer a:not(.button):link,
.color-scheme-dark .contact-footer a:not(.button):visited{
  text-decoration:none;
  color:#E6E7ED;
}

/**
 * Site Footer
 */
.site-footer{
  background:#FFFFFF url(../img/footer-bg-narrow.jpg) 50% 100% no-repeat;
  background-size:contain;
  border-top:1px solid #F3F3F3;
}
.site-footer > .inner{
  max-width:144.5em;
  /* padding:0.3em 2.1em 0.3em 1em; */
  padding:3.5em 0;
  background:rgba(255, 255, 255, 0.75);
}

/* cyber essentials */
.site-footer .wp-image-232{
  max-width:5.714285714em;
  margin:0;
}
.site-footer .widget_text a{
  display:inline-block;
  padding:0;
}
/* copyright notice */
.site-footer .site-logo + p{
  font-size:0.916666667em;
}

/* footer-bar */
.site-footer .region{
  padding:2em 0;
}
.site-footer .footer-bar{
  padding-top:3.5em;
  margin-top:3.5em;
}
.site-footer .widget + .widget{
  margin-top:2em;
}
.site-footer .textwidget{
  font-size:1.2em;
  padding:0.5em;
}
.site-footer .widget_text{
  text-align:center;
  padding:0 1em;
}
.site-footer .widget#custom_html-3{
  max-width:30em;
}
.site-footer.color-scheme-dark .widget_text{
  color:#A1A2A5;
}
.site-footer .widget > *{
  background:rgba(255, 255, 255, 0.5);
}
.footer-bar .footer-full-width{
  -ms-flex-preferred-size:100%;
  flex-basis:100%;
  width:100%;
}
.footer-bar .footer-full-width .widget_text{
  text-align:center;
}
.footer-bar .widget + .widget{
  margin-top:0;
}
.footer-bar .widget_text{
  padding:0.571428571em 1.5em 0.5em 1.5em;
}
.site-footer .menu{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:horizontal;
  -webkit-box-direction:normal;
  -ms-flex-flow:row wrap;
  flex-flow:row wrap;
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between;
}
.site-footer .footer-bar .menu{
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
}
.site-footer .menu ul{
  border:none;
  background:none;
}
.site-footer .menu ul ul{
  display:none;
}
.site-footer .menu,
.site-footer .sub-menu{
  margin:0;
}
.site-footer .menu > li{
  display:block;
}
.site-footer #menu-footer-de > li,
.site-footer #menu-footer-en > li{
  margin:2.1em 0;
  -ms-flex-preferred-size:45%;
  flex-basis:45%;
  max-width:50%;
}
.site-footer .menu li,
.site-footer .sub-menu li{
  position:relative;
}
.site-footer a{
  font-size:1.2em;
}
.site-footer.color-scheme-dark a{
  color:#FFFFFF;
}
.site-footer .menu a:hover,
.site-footer .menu a:active{
  background:rgba(255, 255, 255, 0.75);
  color:#000000;
}
.site-footer.color-scheme-dark .menu a:hover,
.site-footer.color-scheme-dark .menu a:active{
  background:#13131C;
  color:#FFFFFF;
}
.site-footer .menu .current-menu-ancestor > a,
.site-footer .menu .current-menu-item > a,
.site-footer .menu .current_page_ancestor > a,
.site-footer .menu .current_page_parent > a,
.site-footer .menu .sub-menu .current-menu-ancestor > a,
.site-footer .menu .sub-menu .current-menu-item > a,
.site-footer .menu .sub-menu .current_page_ancestor > a,
.site-footer .menu .sub-menu .current_page_parent > a{
  background:rgba(113, 118, 148, 0.05);
  color:inherit;
}
/* first site-menu level only */
.site-footer .menu > li > a{
  text-transform:uppercase;
  font-weight:500;
  letter-spacing:0.071428571em;
}
.site-footer .sub-menu a{
}
/* reset general region rules for user menu */
.site-footer .menu-item-user a,
.site-footer .menu-item-register a,
.site-footer .menu-item-login a,
.site-footer .menu-item-logout a{
  text-indent:-9999em;
  padding:0;
  height:3.5em;
  width:3.5em;
  font-size:1em;
}
.site-footer .menu-item-user a::before,
.site-footer .menu-item-register a::before,
.site-footer .menu-item-login a::before,
.site-footer .menu-item-logout a::before{
  height: 1.357142857em;
  line-height: 1.357142857em;
  padding:0.571428571em;
  margin:0;
  width: 1.357142857em;
  text-align: center;
  text-indent: 0;
  font-size: 1.4em;
}
.site-footer .menu li + li a{
}

/**
 * Media query:min-width:321px
 */
@media screen and (min-width:321px){
  .sideMenu > .menu,
  .sideMenu > .additional{
    padding-right:6em;
  }
}
/**
 * Media query:min-width:480px
 */
@media screen and (min-width:480px){
  .site-branding > .inner{
    min-width:320px;
  }
  .site-menu .menu{
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -ms-flex-flow:row wrap;
    flex-flow:row wrap;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
  }
  .sideMenu > .menu,
  .sideMenu > .additional{
  }
  main aside .menu ul a{
    padding-left:3.388888889em;
    padding-right:3.388888889em;
  }
  .inputs.has-ranges{
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -ms-flex-flow:row wrap;
    flex-flow:row wrap;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
  }
  .inputs.has-ranges > h3{
    -ms-flex-preferred-size:100%;
    flex-basis:100%;
  }
  .inputs.has-ranges > p{
    -ms-flex-preferred-size:48%;
    flex-basis:48%;
  }
}

/**
 * Media query:min-width:600px
 *
 * breakpoint where the single column mobile layout splits into more columns
 */
@media all and ( min-width:600px ) {
  .content .boxes .box{
    -ms-flex-preferred-size:calc(50% - 2em);
    flex-basis:calc(50% - 2em);
  }
  .content .boxes .box:nth-child(5n){
    -ms-flex-preferred-size:100%;
    flex-basis:100%;
    width:100%;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -ms-flex-flow:row wrap;
    flex-flow:row wrap;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -moz-box-align:center;
    -ms-flex-align:center;
    align-items:center;
  }
  .content .boxes .box:nth-child(5n) img{
    margin-right:5em;
    margin-bottom:0;
    -ms-flex-preferred-size:33%;
    flex-basis:33%;
    max-width:33%;
  }
  .content .boxes .box:nth-child(5n) > .inner{
    -ms-flex-preferred-size:50%;
    flex-basis:50%;
    padding:1em 0;
  }
  .articles > .inner > *{
    -ms-flex-preferred-size:50%;
    flex-basis:50%;
    max-width:calc(50% - 4em);
  }
  .articles  > .inner > article.team,
  .articles  > .inner > article.post,
  .articles  > .inner > article.aktivitaet,
  .articles  > .inner > article.news{
    -ms-flex-preferred-size:100%;
    flex-basis:100%;
    max-width:calc(100% - 4em);
  }
  .has-content-sidebar .articles > .inner > *,
  .has-content-sidebars .articles > .inner > *{
    max-width:100%;
  }
  .home #content .benefits .term-benefit{
    -ms-flex-preferred-size:15em;
    flex-basis:15em;
    width:15em;
    margin:2em;
  }
  .single-aktivitaet article section:nth-child(2n+1){
    padding:2em;
  }
}

/**
 * Media query:min-width:680px
 *
 * breakpoint where other single column mobile layout splits into more columns
 */
@media all and ( min-width:680px ) {
  .related-posts .related-post{
    -ms-flex-preferred-size:32.3em;
    flex-basis:32.3em;
    max-width:32.3em;
  }
  .author-information .author-image{
    -ms-flex-preferred-size:50%;
    flex-basis:50%;
    max-width:31em;
  }
  .author-information .content{
    -ms-flex-preferred-size:50%;
    flex-basis:50%;
    max-width:22.307692308em;
  }
  .inputs.has-ranges > p{
    -ms-flex-preferred-size:60%;
    flex-basis:60%;
  }
  .inputs.has-ranges > p:nth-child(2n+1){
    -ms-flex-preferred-size:36%;
    flex-basis:36%;
  }
}

/**
 * Media query:min-width:768px
 *
 * breakpoint where the single column mobile layout splits into more columns
 */
@media all and ( min-width:768px ) {
  article.section .wp-block-video video{
    max-width:300px;
  }
  .button,
  .tagcloud a{
    display:inline-block;
    text-align:inherit;
  }
  .sidebar .textwidget .button{
    display:block;
    text-align:center;
  }
  .button + .button{
    margin-top:0;
    margin-left:2em;
  }
  .wp-pagenavi{
    text-align:center;
  }
  .tagcloud{
    margin:0 -1em;
  }
  .aktivitaet-tabs{
    display:block;
  }
  .region-highlighted .tagcloud{
    margin-top:-1em;
    margin-bottom:6em;
  }
  .tagcloud a,
  .tagcloud a + a{
    margin:1em;
  }
  .single .content h2,
  .single .content h3,
  .single .content h4{
    margin-top:5em;
  }
  .single .content h2:first-child,
  .single .content h3:first-child,
  .single .content h4:first-child{
    margin-top:0;
  }
  .admin-bar #site-actions .sideMenu{
    top:3.2em;
  }
  .articles article{
    padding:6em;
  }
  .articles article .post-thumbnail{
    -webkit-border-radius:7px 0 0 7px;
    border-radius:7px 0 0 7px;
  }
  .articles article.faq{
    padding-bottom:2.9em;
  }
  article#content{
  }
  .has-content-sidebar #content{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -ms-flex-flow:row wrap;
    flex-flow:row wrap;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
  }
  .page-template-page-sections article{
    -webkit-box-align:center;
    -webkit-align-items:center;
    -moz-box-align:center;
    -ms-flex-align:center;
    align-items:center;
  }
  .page-template-page-sections article.no-post-thumbnail .content-header,
  .page-template-page-sections article.no-post-thumbnail{
    text-align:center;
  }
  .page-template-page-sections article.no-post-thumbnail > .inner > *{
    margin-right:0;
  }
  .page-template-page-sections article.no-post-thumbnail > .content > .boxes{
    margin-left:-1em;
    margin-right:-1em;
  }
  .page-template-page-compatible-devices article > .content{
    text-align:center;
  }
  main .sections-header > .inner{
    padding-top:3em;
    padding-bottom:6em;
    /* text-align:left; */
  }
  main .sections-header .title{
    padding:0.4375em;
  }
  main .sections-header .title::before{
    -webkit-border-radius:18px;
    -moz-border-radius:18px;
    border-radius:18px;
  }
  main .sections-header .title > span::after{
    height:1.25em;
    background:#565A7F;
  }
  .articles > .inner > *,
  .has-content-sidebar #content > header{
    -ms-flex-preferred-size:100%;
    flex-basis:100%;
  }
  .page article > .inner,
  .single article > .inner{
    max-width:137em;
  }
  .page-template-page-sections article.no-post-thumbnail > .inner{
    max-width:85.625em;
  }
  .has-content-sidebar #content > .sidebar{
  }
  .page-template-page-sections article > .post-thumbnail,
  .page-template-page-sections article > .inner{
    -ms-flex-preferred-size:49%;
    flex-basis:49%;
    max-width:43.125em;
  }
  .page-template-page-sections article > .post-thumbnail{
    max-width:69em;
  }
  .page-template-page-sections article.sectiongroup-testimonials > .post-thumbnail{
    max-width:47.9em;
  }
  .page-template-page-sections article.image-position-before > .post-thumbnail{
    order:1;
  }
  .page-template-page-sections article > .inner{
    order:2;
  }
  .page-template-page-sections article > .benefits{
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -webkit-flex-direction:row;
    -moz-box-orient:horizontal;
    -moz-box-direction:normal;
    -ms-flex-direction:row;
    flex-direction:row;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:stretch;
    -webkit-align-items:stretch;
    -moz-box-align:stretch;
    -ms-flex-align:stretch;
    align-items:stretch;
  }
  .benefits .term-benefit{
    -ms-flex-preferred-size:33%;
    flex-basis:33%;
    padding:0;
  }
  .benefits .term-benefit{
    border-width:0 1px 0 0;
  }
  .benefits .term-benefit + .term-benefit{
    border-width:0 1px;
  }
  .benefits .term-benefit:last-child,
  .benefits .term-benefit + .term-benefit:last-child{
    border-width:0 0 0 1px;
  }
  .benefits .term-benefit > .inner{
    padding:0 2em;
  }
  .page-template-page-sections article.image-position-before > .content > *{
    padding-right:0;
  }
  .page-template-page-sections article.image-position-after > .content > *{
    padding-right:0;
  }
  .page-template-page-sections article.image-position-before > .content > hr{
    padding-left:0;
    margin-left:5em;
    width:50%;
  }
  .has-content-sidebar #content > .inner{
    -ms-flex-preferred-size:55%;
    flex-basis:55%;
    max-width:55%;
  }
  article > .inner > *,
  .page-template-page-sections article.no-post-thumbnail > .inner > *{

  }
  .single article > .inner > *,
  .page-template-default article > .inner > *,
  .page-template-page-compatible-devices article > .inner > *,
  .page-template-page-sections article.no-post-thumbnail > .inner > *,
  main .section-header{
    margin-left:5em;
  }
  article > .inner > h2{
    margin-right:3.333333333em;
  }
  article > .inner > h3{
    margin-right:4.444444444em;
  }
  .single article > .inner > h2,
  .page-template-default article > .inner > h2,
  .page-template-page-compatible-devices article > .inner > h2{
    margin-left:3.333333333em;
  }
  .single article > .inner > h3,
  .page-template-default article > .inner > h3,
  .page-template-page-compatible-devices article > .inner > h3{
    margin-left:4.444444444em;
  }
  article > .platform > .title,
  .page-template-page-sections article.image-position-before > .content > *{
    margin-right:0;
  }
  article > .platform > .devices{
    margin-right:-2em;
  }
  #content > .sidebar{
    -ms-flex-preferred-size:45%;
    flex-basis:45%;
    max-width:45%;
  }
  .single #content > .content-before,
  .page-template-page-alternate #content > .content-before{
    order:1;
  }
  #content > .content-before > .inner{
    padding-right:1.5em;
  }
  #content > .content-after > .inner{
    padding-left:1.5em;
  }
  main > .inner > aside{
    -ms-flex-preferred-size:45%;
    flex-basis:45%;
    max-width:45%;
  }
  main aside .widget > .inner{
    margin-top:5.5em;
  }
  .blog main aside .widget:first-child > .inner,
  .archive main aside .widget:first-child > .inner,
  .single main aside .widget:first-child > .inner,
  .page-template-page-alternate main aside .widget:first-child > .inner,
  .page-template-page-news main aside .widget:first-child > .inner{
    margin-top:1.5em;
  }
  .blog main aside.region-highlighted .widget:first-child > .inner,
  .archive main aside.region-highlighted .widget:first-child > .inner{
    margin-top:0;
  }
  .page-contact main aside .widget:first-child > .inner{
    margin-top:0.1em;
  }
  .articles article.team > .inner,
  .articles article.post > .inner,
  .articles article.aktivitaet > .inner,
  .articles article.news > .inner{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -ms-flex-flow:row wrap;
    flex-flow:row wrap;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    height:100%;
  }
  .articles article.team > .inner > *,
  .articles article.post > .inner > *,
  .articles article.aktivitaet > .inner > *,
  .articles article.news > .inner > *{
    -ms-flex-preferred-size:calc(50% - 1.6em);
    flex-basis:calc(50% - 1.6em);
    max-width:calc(50% - 1.6em);
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    margin:0;
  }
  .articles article .post-thumbnail{
    background-position:50% 40%;
    background-size:cover;
    background-repeat:none;
  }
  .articles article.team .post-thumbnail,
  .articles article.post .post-thumbnail,
  .articles article.aktivitaet .post-thumbnail,
  .articles article.news .post-thumbnail{
    margin-right:1.6em;
  }
  .articles article .post-thumbnail[style] > img{
    opacity:0;
  }
  .articles article.team .content,
  .articles article.post .content,
  .articles article.aktivitaet .content,
  .articles article.news .content{
    padding-left:0;
    margin-left:1.142857143em;
    -ms-flex-preferred-size:calc(50% - 1.142857143em);
    flex-basis:calc(50% - 1.142857143em);
    max-width:calc(50% - 1.142857143em);
  }
}

/**
 * Media query:min-width:987px
 *
 * Displays small desktop pages and Tablet landscape (w: 1024px) viewports
 */
@media screen and (min-width:987px){
  .content    { font-size:1.6em; }
  .textwidget { font-size:1.4em; }
  .content-footer .textwidget { font-size:1.6em; }

  .content .button,
  .content .tagcloud a { font-size:0.75em; }
  .content-footer .contact-footer { font-size:0.75em; }
  .inputs .hint { font-size:0.857142857em; }
  .privacy { font-size:0.857142857em; }
  .wpcf7 .wpcf7-form .wpcf7-response-output { font-size:1.142857143em; }

  main aside .title  { font-size:1.6em; }
  main aside .menu a { font-size:1.8em; }

  .inputs .radio .wpcf7-radio{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:stretch;
    -ms-flex-align:stretch;
    align-items:stretch;
    margin-left:-0.5em;
    margin-right:-0.5em;
  }
  .blackout{
    display:none;
  }
  #site-actions .sideMenu,
  .site-menu .sideMenu{
    display:none;
  }
  .searchform-enabled .search-form > .inner{
    width:59em;
  }
  table .views-field-title{
    min-width:40%;
  }
  .page-template-page-sections article,
  .sections-header > .inner,
  .site-main > .inner,
  .site-container > .inner,
  .single .site-container > .inner{
    padding-left:3.6em;
    padding-right:3.6em;
  }
  .page-template-page-sections .site-m.site-header > .innerain > .inner{

  }
  .site-header{
    position:static;
    top:auto;
    left:auto;
    right:auto;
  }

  /* site headers .inner is a flex-container */
  .site-header > .inner{
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    padding-top:0.9em;
    padding-bottom:0;
  }
  .site-header .site-logo img{
    height:8em;
    margin-bottom:2em;
  }

  /* all regions inside .site-header */
  .site-header .region{
    -webkit-box-flex:1;
    -ms-flex:1 45%;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
  }
  .site-header .region > * + *,
  .site-header .widget > .inner > * + *{
    margin-left:1em;
  }
  .site-header .header-bar{
    -webkit-box-pack:end;
    -ms-flex-pack:end;
    justify-content:flex-end;
  }
  .header-bar .widget,
  .site-footer .widget{
    padding:0 1.5em;
  }
  .header-bar .widget{
    padding-top:0.2em;
  }
  .header-bar .widget:first-child{
    padding-left:0;
  }
  .site-footer .widget:first-child{
    padding-right:0;
  }
  .header-bar .search-form,
  .site-footer .search-form{
  }
  .header-bar .widget + .widget,
  .site-footer .widget + .widget{
    margin-top:0;
    margin-left:0.5em;
  }
  .site-footer .widget + .widget{
    margin-top:0;
    margin-left:0;
    padding-left:0;
  }
  .header-bar .widget-menu,
  .site-footer .widget-menu{
	  flex:none;
  }
  .header-bar .menu{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
  }
  .site-header .header-bar .menu{
    -webkit-box-pack:end;
    -ms-flex-pack:end;
    justify-content:flex-end;
  }
  .header-bar .menu > li,
  .site-footer .menu > li.menu-item-home{
    white-space:nowrap;
  }
  .site-footer .menu > li{
    margin:1px;
  }
  .header-bar .menu > li + li,
  .site-footer .menu > li + li{
    /* border-left:1px solid #E6E6E6; */
  }
  .header-bar .menu a,
  .header-bar .sub-menu a,
  .site-footer .menu a,
  .site-footer .sub-menu a{
  }
  .header-bar .menu li + li a,
  .site-footer .menu li + li a{
  }
  .header-bar .widget:last-child{
    text-align:right;
  }
  .toolbar-fixed .site-header + :not(.site-menu),
  .toolbar-fixed .site-menu + *,
  .site-header + :not(.site-menu),
  .site-menu + *{
    padding-top:1em;
  }
  /* only for sticky header
  .toolbar-fixed .site-header + :not(.site-menu),
  .toolbar-fixed .site-menu + *,
  .site-header + :not(.site-menu),
  .site-menu + *{
    padding-top:7.7em;
  }
  */
  .site-menu{
    padding:60px 0 0 0;
    margin-bottom:0;
    position:absolute;
    top:0;
    width:100%;
    z-index:20;
    border-bottom:1px solid #F3F3F3;
    background:rgba(255, 255, 255, 0.75);
  }
  .admin-bar .site-menu{
    top:3.2em;
  }
  body > .site-menu > .inner{
  }
  .site-menu nav{
    display:block;
  }
  .site-menu .menu > li:first-child,
  .site-menu .menu > li:last-child{
  }
  .site-menu a{
    pointer-events:all;
  }
  .color-scheme-dark .site-menu a{
    color:#FFFFFF;
  }
  /* first site-menu level only */
  .site-menu .menu > li > a{
    padding:1em 1.285714286em;
    text-transform:uppercase;
    font-weight:500;
  }
  .site-menu .menu ul{
    pointer-events:all;
    position:absolute;
    left:-9999em;
    padding:1.3em 0;
    min-width:200px;
    z-index:60;
  }
  .site-menu .menu ul::before{
    display:block;
    position:absolute;
    top:-1px;
    left:-1px;
    height:2px;
    width:calc(100% + 2px);
    background:#FFFFFF;
    pointer-events:none;
    content:' ';
  }
  /* relative container for absolute positioning of .sub-menu elements */
  .site-menu .menu li{
    position:relative;
  }
  /* automatic left positioning for absolute positioned .sub-menu elments */
  .site-menu .menu li.menu-item-has-children:hover > ul{
    left:auto;
  }
  .site-menu .menu > li:last-child{
  }
  .site-menu .sub-menu ul{
    top:0;
  }
  .site-menu .sub-menu li:hover > ul{
    margin-left:100%;
  }
  .site-menu ul.sub-menu a{
    white-space:normal;
    min-width:8em;
  }
  main .section-header .title,
  main .content-header .title,
  main .sections-header .title,
  .content-footer .widget > .inner > .title{
    font-size:4em;
  }
  .single main .content-header .title,
  .page-template-page-alternate main .content-header .title{
    font-size:2.5em;
  }
  .has-content-sidebar #content > .inner{
    -ms-flex-preferred-size:61%;
    flex-basis:61%;
    max-width:61%;
  }
  article > .inner > *,
  .page-template-page-sections article.no-post-thumbnail > .inner > *,
  main .section-header{
    margin-right:5em;
  }
  .page-template-page-sections article.image-position-before > .inner > *{
    margin-left:5em;
  }
  .single article > .inner > *,
  .page-template-default article > .inner > *,
  .page-template-page-compatible-devices article > .inner > *,
  .page-template-page-sections article.no-post-thumbnail > .inner > *,
  main .section-header{
    margin-left:5em;
  }
  article > .inner > h2{
    margin-right:3.333333333em;
  }
  article > .inner > h3{
    margin-right:4.444444444em;
  }
  .single article > .inner > h2,
  .page-template-default article > .inner > h2,
  .page-template-page-compatible-devices article > .inner > h2{
    margin-left:3.333333333em;
  }
  .single article > .inner > h3,
  .page-template-default article > .inner > h3,
  .page-template-page-compatible-devices article > .inner > h3{
    margin-left:4.444444444em;
  }
  .page-template-page-sections article.image-position-before > .content > *{
    margin-right:0;
  }
  #content > .sidebar{
    -ms-flex-preferred-size:39%;
    flex-basis:39%;
    max-width:39%;
  }
  #content > .content-before > .inner{
    padding-right:7.5em;
  }
  #content > .content-after > .inner{
    padding-left:7.5em;
  }
  main > .inner > *{
    order:2;
  }
  main > .inner > .sidebar-first{
    order:1;
  }
  .has-one-sidebar main > .inner > .page-content{
    -ms-flex-preferred-size:calc(100% - 220px);
    flex-basis:calc(100% - 220px);
    max-width:calc(100% - 220px);
  }
  .has-two-sidebars main > .inner > .page-content{
    -ms-flex-preferred-size:calc(100% - 440px);
    flex-basis:calc(100% - 440px);
    max-width:calc(100% - 440px);
  }
  main > .inner > aside{
    -ms-flex-preferred-size:200px;
    flex-basis:200px;
    max-width:200px;
  }
  .articles > .inner > *{
    -ms-flex-preferred-size:100%;
    flex-basis:100%;
    max-width:100%;
  }
  .page-team .articles > .inner,
  .page-news .articles > .inner,
  .blog .articles > .inner,
  .archive .articles > .inner{
    margin-left:-4.2em;
    margin-right:-4.1em;
  }
  .articles article.team,
  .articles article.post,
  .articles article.aktivitaet,
  .articles article.news,{
    max-width:68.3em;
  }
  .site-footer > .inner{
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -ms-flex-flow:row wrap;
    flex-flow:row wrap;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
  }
  .site-footer > .inner > .widget{
    -ms-flex-preferred-size:30%;
    flex-basis:30%;
    max-width:30%;
  }
  .site-footer > .inner > .widget_nav_menu{
    -ms-flex-preferred-size:60%;
    flex-basis:60%;
    max-width:60%;
  }
  .site-footer #menu-footer-de > li,
  .site-footer #menu-footer-en > li{
    margin-top:0;
    margin-bottom:0;
    -ms-flex-preferred-size:25%;
    flex-basis:25%;
    max-width:25%;
  }
  .site-footer .widget_text a{
    padding:0;
  }
  .site-footer .footer-bar{
    -ms-flex-preferred-size:100%;
    flex-basis:100%;
    width:100%;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -ms-flex-flow:row wrap;
    flex-flow:row wrap;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
  }
  .footer-bar .widget_text{
    text-align:left;
  }
  .footer-bar .footer-full-width .widget_text{
    text-align:center;
  }
  .hide-placeholder-in-mobile{
    display:block;
  }
}

/**
 * Media query:min-width:1200
 *
 * Displays medium desktop pages (eg resolution: 1280x1024)
 */
@media screen and (min-width:1200px){
  .content .boxes .box{
    -ms-flex-preferred-size:calc(25% - 2em);
    flex-basis:calc(25% - 2em);
  }
  .page-template-page-sections main .content-header .title{
    font-size:2.5em;
  }
  .page-template-page-sections article.image-position-before > .content > *{
    margin-left:10.625em;
  }
  .page-template-page-sections article.image-position-before > .content > hr{
    margin-left:0;
    margin-left:10.625em;
    width:33%;
  }
  /* first site-menu level only */
  .site-menu .menu > li > a{
    padding-left:1.5em;
    padding-right:1.5em;
    letter-spacing:0.071428571em;
  }
  .has-one-sidebar main > .inner > .page-content{
    -ms-flex-preferred-size:calc(100% - 280px);
    flex-basis:calc(100% - 280px);
    max-width:calc(100% - 280px);
  }
  .has-two-sidebars main > .inner > .page-content{
    -ms-flex-preferred-size:calc(100% - 560px);
    flex-basis:calc(100% - 560px);
    max-width:calc(100% - 560px);
  }
  main > .inner > aside{
    -ms-flex-preferred-size:230px;
    flex-basis:230px;
    max-width:230px;
  }
  .articles > .inner > *{
    -ms-flex-preferred-size:50%;
    flex-basis:50%;
    max-width:calc(50% - 4em);
  }
  .has-content-sidebar .articles > .inner > *,
  .has-content-sidebars .articles > .inner > *{
    max-width:100%;
  }
  article > .inner > *,
  .page-template-page-sections article.no-post-thumbnail > .inner > *,
  main .section-header,
  .page-template-default main .content-header{
    margin-right:10.625em;
  }
  article > .inner > *{
  }
  .single article > .inner > *,
  .page-template-default article > .inner > *,
  .page-template-page-compatible-devices article > .inner > *,
  .page-template-page-sections article.no-post-thumbnail > .inner > *,
  main .section-header,
  .page-template-default main .content-header{
    margin-left:10.625em;
  }
  body article > .platform > h2.title{
    margin-left:0;
  }
  article > .platform > .devices{
    margin-left:-2em;
  }
  article > .inner > h2{
    margin-right:7.083333333em;
  }
  article > .inner > h3{
    margin-right:9.444444444em;
  }
  .single article > .inner > h2,
  .page-template-default article > .inner > h2,
  .page-template-page-compatible-devices article > .inner > h2{
    margin-left:7.083333333em;
  }
  .single article > .inner > h3,
  .page-template-default article > .inner > h3,
  .page-template-page-compatible-devices article > .inner > h3{
    margin-left:9.444444444em;
  }
  article > .platform > .title{
    margin-right:0;
  }
  article > .platform > .devices{
    margin-right:-2em;
  }
  .articles > .inner > article.team,
  .articles > .inner > article.post,
  .articles > .inner > article.aktivitaet,
  .articles > .inner > article.news{
    -ms-flex-preferred-size:calc(50% - 8.3em);
    flex-basis:calc(50% - 8.3em);
    max-width:calc(50% - 8.3em);
  }
  .articles article.team,
  .articles article.post
  .articles article.aktivitaet,
  .articles article.news{
    margin:3.6em 4.1em 3.7em 4.2em;
  }
  .site-footer > .inner > .widget{
    -ms-flex-preferred-size:35%;
    flex-basis:35%;
    max-width:35%;
  }
  .site-footer > .inner > .widget_nav_menu{
    -ms-flex-preferred-size:55%;
    flex-basis:55%;
    max-width:55%;
  }
  .site-footer .widget_text .textwidget{
    padding:0 1.5em;
  }
  .footer-bar .widget_text .textwidget{
    padding:0;
  }
}