/*
Theme Name: Arbeit B7 3.14 
Description:  Theme mit Stylesheet-Auswahl
Theme URI:https://graphiks.info/
Theme Update: Juli 2025
Author:www.graphiks.info
*/

@font-face {
    font-family: 'RobotoBold';
    src: url('fonts/RobotoBold.eot');
    src: url('fonts/RobotoBold.eot') format('embedded-opentype'),
         url('fonts/RobotoBold.woff2') format('woff2'),
         url('fonts/RobotoBold.woff') format('woff'),
         url('fonts/RobotoBold.ttf') format('truetype'),
         url('fonts/RobotoBold.svg#RobotoBold') format('svg');
}

@font-face {
    font-family: 'RobotoLight';
    src: url('fonts/RobotoLight.eot');
    src: url('fonts/RobotoLight.eot') format('embedded-opentype'),
         url('fonts/RobotoLight.woff2') format('woff2'),
         url('fonts/RobotoLight.woff') format('woff'),
         url('fonts/RobotoLight.ttf') format('truetype'),
         url('fonts/RobotoLight.svg#RobotoLight') format('svg');
}

/*Reset ------------------------------------------------------------------------------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0;padding: 0;border: 0;font-size: 100%;vertical-align: baseline;}body {line-height: 1;}ol,ul {list-style: none;}blockquote,q {quotes: none;}blockquote:before,blockquote:after,q:before,q:after {content: '';content: none;}table {border-collapse: collapse;border-spacing: 0;}caption,th,td {font-weight: normal;text-align: left;}article,aside,details,figcaption,figure,footer,header,hgroup,nav,section {display: block;}audio,canvas,video {display: inline-block;}audio:not([controls]) {display: none;}del {color: #333;}ins {background: #fff9c0;text-decoration: none;}sub,sup {font-size: 75%;line-height: 0;position: relative;vertical-align: baseline;}sup {top: -0.5em;}sub {bottom: -0.25em;}small {font-size: smaller;}img {border: 0;-ms-interpolation-mode: bicubic;}

*  {box-sizing: border-box; outline:none; }
html { overflow-y: scroll;}
body {   background: #fff; font-size:16px;line-height:1.6em;color:#333; font-family:'RobotoLight', Arial, Helvetica, sans-serif; transition: font-size 0.3s ease;}

small, .small {font-size:.8em;line-height: 1.3em;}
#storycontent small, #storycontent .small { color: #999;}
.columnbox-orange small, .columnbox-orange .small { color: #fff;}

a, a:visited {color:#333;text-decoration:underline;}
a:hover, a:active, img:hover {color:#f29400; }
a img	{opacity:1;} 
a:hover img	{opacity:0.85;}
a[href*=".pdf"],a.external[href*=".pdf"], a[href*=".dotx"], a[href*=".dot"], a[href*=".doc"], a[href*=".docx"], a[href*=".xls"], a[href*=".xlsx"], a[href*=".ppt"], a[href*=".pptx"],  a.ext-pdf, a.ext-docx, a.ext-xlsx, a.ext-pptx, a.ext-dotx, a.ext-doc, a.ext-xls {background-image:url(pics/b7_download_icon_1.png); background-repeat:  no-repeat; background-position:  left 2px; background-size: auto 22px; padding:0 0 0 35px;line-height:22px;display:inline-block; margin-bottom: 5px; min-height: 26px;}

a[href*=".dotx"], a[href*=".dot"], a[href*=".doc"], a[href*=".docx"], a.ext-docx, a.ext-dotx, a.ext-doc {background-image:url(pics/b7_download_icon_16.png);}
a[href*=".xls"], a[href*=".xlsx"], a.ext-xlsx, a.ext-xls {background-image:url(pics/b7_download_icon_15.png);}
a[href*=".ppt"], a[href*=".pptx"] {background-image:url(pics/b7_download_icon_6.png);}
a[href*=".zip"] {background-image:url(pics/b7_download_icon_13.png);}
a[href*=".txt"] {background-image:url(pics/b7_download_icon_12.png);}
a[href*=".psd"] {background-image:url(pics/b7_download_icon_3.png);}
a[href*=".eps"] {background-image:url(pics/b7_download_icon_4.png);}
a[href*=".csv"] {background-image:url(pics/b7_download_icon_5.png);}
a[href*=".otf"] {background-image:url(pics/b7_download_icon_8.png);}
a[href*=".png"] {background-image:url(pics/b7_download_icon_9.png);}
a[href*=".jpg"], a[href*=".jpeg"] {background-image:url(pics/b7_download_icon_2.png);}
a.button[href*=".pdf"] {background-image: 0 !important; background-size: 0;}

hr { background: #fff;border:2px dotted #eee; border-width:0 0 2px 0;height: 1px;width:99.99%;margin:15px 0; clear: both;}

h1,h2,h3,h4,h5,h6 {font-size:1.1em;margin:0 0 10px 0;color:#333; font-weight:600; line-height:1.1em;font-family:'RobotoBold', Arial, Helvetica, sans-serif;}
h1, h2, h3, h4 {font-size:1.5em;margin-bottom:20px; line-height: 1.3em;}
h1 {font-size:1.6em; font-weight:700; color: #f29400; }
 
h2 {font-size:1.6em;}
h3 {font-size:1.2em;margin:20px 0 1em 0; }	
h3 a, h3 a:visited {text-decoration:none !important; color:#f29400;}
h3 a:hover, h3 a:active {color:#999  !important;}
h3.archivtitle { padding-top:15px;border-top:2px dotted #ddd !important; margin-bottom: 2px;color:#333; margin-top: 25px;}
h3.archivtitle a,h3.archivtitle a:visited { color: #333;}
h4 {font-size:1.2em; margin-bottom:10px;}
h5 { color:#f29400;font-size:1.15em; margin:0 0 3px 0; }

p {margin-bottom:1.1em;}
.orange, i	{color:#f29400 !important; font-weight:600;font-style:normal;}
blockquote { font-family:'georgia', arial, sans-serif; font-size: 1.1em; font-style: italic; text-align: center; padding: 0 5%;}
strong, b, .bold  {font-family:'RobotoBold', Arial, Helvetica, sans-serif; letter-spacing: .02em;}

img { max-width: 100%; height: auto; display: block;}
.portraet img { border-radius: 10px;, -webkit-border-radius: 10px;}
img.placeholder { opacity: .5;}

/*Raster 
=============================================================================*/

.skiplink,.page-template-page-statseite h2.page-title {position:absolute;left:-99999px;top:-20em;}

.container {position:relative;width:100%;}
.content {position:relative;width:94%;min-width:300px;max-width:1200px; margin: 0 auto;}
.widecontent { max-width: 1350px;}

/*Header
=============================================================================*/
#header { padding: 0;  background:  #fff; z-index: 20; height: 110px; position: sticky; top: 0;}

#headerbar { position: relative; min-height: 40px; text-align: center; width: 100%;  z-index: 2; background: yellow; padding: 5px 0; font-size: 20px; font-family: arial, sans-serif; line-height: 30px;}
#headerbar a { text-decoration: none !important; display: inline-block; letter-spacing: 1px;}

#font-size-controls { z-index: 2; display: inline-block;}
#font-size-controls button {  font-size: 1em; background: 0; border: 1px solid yellow; }
#font-size-controls button:hover {color: orange; cursor: pointer;}
#font-size-controls .larger {font-size: 1.2em;font-weight: 900}
#font-size-controls .smaller {font-size: .8em;font-weight: 300}

#style-switcher { display: inline-block;}
#style-switcher .style-button {background-color: transparent;   color: black;  text-decoration: none;   display: inline-block; width: 40px; height: 40px; margin:0 12px 0 0; border: 3px solid transparent;z-index: 1; padding: 0; }
#style-switcher .buttoncontent img { width: 34px; height: 34px;   }
#style-switcher .dark-style {background-image:url(pics/stylebutton_dark.png);  }
#style-switcher .light-style {background-image:url(pics/stylebutton_light.png);}
#style-switcher .style-button:hover, #style-switcher .style-button:focus, #style-switcher .style-button:active { cursor: pointer; z-index: 2;}
#style-switcher .active-style  { border: 3px solid red !important;  }

#headercontent {padding-top: 10px;}
h1#logo {position:relative;   font-size: 2em; height: 100px; position: absolute; left: -99999999999999999px; background-color: #fff; border: 2px solid #fff;   }
h1#logo a { color: #fff !important; text-decoration: none; }
#logo {position:relative; height: 100px;  }
#logo img { height: 90px; }

.gotocontent { display: none !important;}

/*Navigation 
=============================================================================*/

#navi, .mega-menu {background: #fff; height: 40px; line-height: 40px; text-align: right; position:relative; padding-right: 50px; font-family:'RobotoBold', Arial, Helvetica, sans-serif; letter-spacing: .02em;}
#navi ul   { height: 40px; line-height: 40px;    }
#navi #menu { z-index: 5; padding-right: 50px;}

#navi .headersearch { position: absolute; right:0; top: 0; z-index: 2;width: 50px; z-index: 1;} 
#navi .headersearch:focus, #navi .headersearch:active { z-index: 10; }
#navi .headersearch  input {  height:40px; width: 40px; border-color:#fff; background-image: url(pics/search-header.png); background-position: right 12px;  background-repeat: no-repeat; background-size: auto 45%;  line-height: 40px; z-index: 2; font-size: 14px; text-indent: -999999px;   position: absolute; right: 0;  }
#navi .headersearch input:focus,#navi .headersearch input:active { padding: .3em 12px; font-size: 2em; line-height: 1.6em; height: 50px; border-width: 1px; top: 50px;  color: #333;  text-indent: 0;z-index: 3; min-width:300px;width:35%; ; -webkit-box-shadow: 4px 4px 35px 25px rgba(0,0,0,.1); box-shadow: 4px 4px 35px 25px rgba(0,0,0,.1);  }

#headercontent {display: flex;}
#logo {width: 25%; padding-right: 3%;}
#navi { width: 75%;}

.mega-menu .mega-sub-menu a:hover, .mega-menu .mega-sub-menu a:focus, .mega-menu .mega-sub-menu a:active { cursor: pointer !important; color: #333 !important; }
.mega-menu-wrap ul.mega-sub-menu  a  {color: #f29400 !important; cursor: default !important;}
.mega-menu-wrap .menu-item-has-children ul.mega-sub-menu li { margin-right: 0 !important; padding-right: 10px !important; background: 0 !important; }

.mega-indicator:before, .mega-indicator:after { display: none;}

.mega-menu-wrap ul.mega-sub-menu  ul.mega-sub-menu, .mega-menu ul.mega-sub-menu  li { padding-left: 0 !important; margin-left: 0 !important; padding-right: 20px !important; }
.mega-menu-wrap ul.mega-sub-menu  li { padding: 10px 0 !important; line-height: 1.5em !important; display: block !important; width: 100%; !important;}
.mega-menu-wrap ul.mega-sub-menu  ul.mega-sub-menu a {color: #333 !important; cursor: pointer !important; font-family:'RobotoLight', Arial, Helvetica, sans-serif !important; letter-spacing: normal;}
.mega-menu-wrap ul.mega-sub-menu  ul.mega-sub-menu a:hover {color: #f29400 !important;  }

.loggedin a { display: none !important;}
body.logged-in .loggedin a{ display: block !important;}

.menu-item-3664, .mega-menu-columns-1-of-4,  .mega-menu-item-4080 { display: block !important; visibility:visible !improtant; height: auto !important;}

/*Content
=============================================================================*/
#content {  padding: 0 0 25px 0; background: #fff; }
#post.content {padding-top: 10px;}
#storycontent.fullwidthcontent p { max-width: 100%;} 
#storycontent.narrowcontent { max-width: 760px; }

/*Breadcrumb*/
.breadcrumb { padding:0; margin:0 0 15px 0; font-size:0.75em; color:#999; left: 0; text-transform: uppercase;}
.breadcrumb a { color:#999;  } .breadcrumb a:hover { color:#333;}

.headline { text-transform: uppercase;}

/*Bilder, Videos, Objects, iframes, Captions*/
.alignright {margin:0 0 15px 3%;display:inline;float:right;} 
.alignleft {margin:0 3% 15px 0;display:inline;float:left;} 
.aligncenter, .centered { margin: 0 auto; text-align: center;}  
.alignnone {display: inline-block; margin: 0 15px 10px 0;} 
#storycontent img.alignleft, #storycontent img.alignright 	{ max-width:75%;} 

.video-container { position: relative;padding-bottom: 56.25%;padding-top: 30px;height: 0;overflow: hidden; margin-bottom:10px; max-width: 90%;} .video-container iframe, .video-container object, .video-container embed {position: absolute;top: 0;left: 0;width: 100%;height: 100%;} 

/*Listen*/
#post ul, #post ol {margin: 0 0 1.5em 0;}	
#post ul li {margin:0 0 0 14px;list-style:disc;}
#post ol li {margin:0 0 4px 20px;list-style:decimal;}

#post .column-liste-4 li,#post .column-liste-3 li, #post .column-liste-2 li { float: left; min-width: 215px; width: 25%;  list-style: none; margin: 0; display: inline-block;}
#post .column-liste-4 li .wp-caption,#post .column-liste-3 li .wp-caption, #post .column-liste-2 li .wp-caption { max-width: 96%; padding: 0; margin: 0 0 30px 0;}
#post .column-liste-3 li {width:33%; padding-right: 3%; }
#post .column-liste-2 li {width:40%; padding-right: 3%; }

/*Slider*/
#post .master-slider-parent { margin: 0 0 30px 0;}

/*Tabellen*/
table {border:0 none;border-spacing:0;margin:0 0 15px 0;width:auto;}
table p {margin:0 !important;}
td, th {padding:2px 12px 2px 0;vertical-align:top;text-align:left; line-height:1em;} 
th {font-weight:bold;font-size:1.2em;padding-top:10px;}
tr td:first-child {font-weight:bold;white-space:nowrap; }
form table td	{ vertical-align:middle;}

.responsivetable { display: flex;justify-content: space-between; width: 100%; flex-direction: row; flex-wrap: wrap;}
.responsivetable .button { white-space: nowrap;}

/*Anzeige Subseiten*/
.loopchildpages a { text-decoration: none; color: #333 !important; display: block;margin-bottom: 10px;}
.loopchildpages a:hover, .loopchildpages a:hover h6{ color: #999 !important;}
.loopchildpages h6 {text-transform: uppercase; display:block; font-size: 1.1em;color:#f29400; text-decoration: underline; margin-bottom: 3px;}

/*Columns
=============================================================================*/
.columnbox-group { padding: 0 0 25px 0; border-radius: 15px;-webkit-border-radius: 15px; }
h3 > .columnbox-group { padding-top: 0;}
h3.zwischenuberschrift { margin: 0;}

.columnbox-white .inner-columnbox {background: #fff;}
.columnbox-white-border-grey .inner-columnbox {background: #fff; }
.columnbox-white-border-grey .single-columnbox  .inner-columnbox {border: 5px solid #eaeaea; border-radius: 15px; -webkit-border-radius: 15px;padding: 15px ; }
.columnbox-orange { background: #f29400;}
.columnbox-orange .inner-columnbox {background: #f29400; color: #fff; padding: 20px !important;}
.columnbox-orange a, .columnbox-orange a:visited, .columnbox-orange h2, .columnbox-orange h3, .columnbox-orange h4 {color: #fff;}
.columnbox-orange a:hover, .columnbox-orange a:focus, .columnbox-orange a:active { color: #ddd; }
.columnbox-orange .button {background: #fff;}
.columnbox-orange  .button, .columnbox-orange .button:visited { width: 100%; background: 0; background: #fff; color: #333; display: block; }
.columnbox-orange  .button:hover, .columnbox-orange  .button:focus, .columnbox-orange  .button:active {  color: #f29400; }
.columnbox-grey {background: #eaeaea ; }
.columnbox-grey .inner-columnbox {background: #eaeaea ;  padding: 15px !important;}

.single-columnbox { padding: 0 0 30px 0; hyphens: auto;}
.columnbox-orange ul, .columnbox-orange li { list-style: none !important; position: relative;}
.columnbox-orange ul li::before {   content: "\2022";    color: white;   font-weight: bold; display: inline-block;  width: 15px; font-size: 1.4em; position: absolute; left: -15px;}

.addressbox { margin-bottom: 30px ; padding-right: 30px;}
.addressbox img {max-width: 100px !important; }
.addressbox i, .addressbox p { display: inline-block; margin-bottom: 0; padding-bottom: 0;}
.adress-name { font-weight: bold; margin-top: 8px; font-size: 1.15em; color: #f29400;font-family:'RobotoBold', Arial, Helvetica, sans-serif; letter-spacing: .02em;}
.adress-position, .adress-mail, .adress-phone {font-size: .9em; line-height: 1.4em;}
.adress-mail, .adress-phone {line-height: 1.6em;}

.contentboxes {padding:20px 20px 90px 20px ; position: relative; margin-bottom: 20px;  }

.horizontal-center .single-columnbox { text-align: center !important;}
.vertical-center {  align-items: center; }
.vertical-center {-ms-flex: 1 1 auto;}

/*Tabelle*/
.columnbox-group table { width: 100%; border-top: 1px solid #333;}
.columnbox-group tr {border-bottom: 1px solid #333; }
.columnbox-group td { padding: 3px 15px 3px 0;  vertical-align: middle; height: 60px; }
.columnbox-group td a.button { margin: 15px 0;  height: 35px; width: 200px; line-height: 35px; padding: 0;   }
.columnbox-group tr td:last-child  { text-align: right; padding: 3px 0; }
.columnbox-group td a { display: inline-block; margin-left: 15px; max-width: 200px; float: right;}

.columnbox-group td a.dateidownload { background-repeat:  no-repeat;  background-size: auto 22px; background-position:  15px center; height:22px;display:inline-block; width: 200px; height: 35px; position: relative; opacity: 1; border: 1px solid #fff; border-radius: 15px;-webkit-border-radius: 15px; }
.columnbox-group td a .download_symbol { width: 25px; height: 25px; background-image: url(pics/b7_download-pfeil.png); background-repeat: no-repeat; background-size: 100%; position:absolute; top: 4px; right: 15px;}
.columnbox-group td a.dateidownload:hover { opacity: .8; border-color: #ddd;}

.columnbox-onecol .single-columnbox { width: 100% !important;}

/*Boxen: Anzeige Seiten und Beiträge */
.postboxes a { text-decoration: none;}
.postboxes .single_box  .inner-columnbox {background: #eaeaea ; border: 0px solid #eaeaea; border-radius: 15px; -webkit-border-radius: 15px; position: relative; margin-bottom: 20px; padding: 0; }
.single_box_content {padding:20px 20px 0 20px; }
.postboxes .wp-post-image  {border-radius: 13px 13px 0 0;-webkit-border-radius: 13px 13px 0 0;  }
.postboxes .whitebox .inner-columnbox { background: #fff; border: 5px solid #eaeaea; }
.postboxes .button {  height: 40px; line-height: 30px ; display: inline-block; font-weight: normal; padding-top: 3px; width: auto;}
.postboxes .button:nth-of-type(2) { float: right;}
.postboxes .single_box_buttons {position: absolute; bottom: 0; left: 0; width: 100%; padding: 0 20px;}
.postboxes .single_box:hover a h4.grey,.postboxes .single_box:focus a h4.grey,.postboxes .single_box:active a h4.grey {color:#f29400;} 

/*.related-posts .whitebox .inner-columnbox img {margin-bottom: 7px;}*/
.related-posts .inner-columnbox strong { display: block; text-align: center !important; font-size: .85em !important; padding: 10px 10px 0 10px !important; width: 100%;}

a.orangebutton { background:#f29400; color:#fff; border: 1px solid #f29400;}
a.orangebutton:hover, a.orangebutton:focus,a.orangebutton:active { background: #fff !important ; color: #f29400 !important;}

.seminarboxes  .inner-columnbox { padding: 15px !important;}
.seminarboxes .has_button .inner-columnbox { padding-bottom: 70px !important; }

/*Cooke-Banner*/
.rcb-content-blocker .privacy-text { display: none;}

/*Startseite
=============================================================================*/

.home_intro { background-position: right center; background-repeat: no-repeat; background-size:65% auto; padding: 10px 0;}

/*Formulare, Suche, Pagenavi
=============================================================================*/
/*Formular */
textarea, input, select, .button {border:1px solid #ddd;padding:4px;-webkit-border-radius:3px;border-radius:3px;  }
textarea:focus, input:focus, textarea:active, input:active {border-color:#f29400 ; background:#fff !important; color:#333 !important;}
textarea {height:8em;}

/*Seminare*/
div.seminartitel { display: none !important;}

/*Suche*/
.searchform input {width:100%; background-image: url(pics/search-header.png); background-position:  center right; background-repeat: no-repeat; color:#999; max-width: 300px; background-size: auto 70%  }
.searchform input:focus, #header .searchform input:active {color:#333; border-color:#999 !important ;  }
.searchform .button {display:none;}

/*Pagenavi*/
.wp-pagenavi {text-align:center;padding:20px 0;display:block;margin:20px 0;} 
.wp-pagenavi .pages {margin-right:10px;} 
.wp-pagenavi a, .wp-pagenavi a:visited, .wp-pagenavi .current {text-decoration: none;  width: 30px; border-radius: 15px; background: #f29400; color: #fff; display: inline-block; border: 1px solid #f29400; line-height: 30px; font-weight: bold; margin: 0 5px;} 
.wp-pagenavi  .last, .wp-pagenavi .first { width: auto; padding: 0 9px; }
.wp-pagenavi a:hover, .wp-pagenavi a:focus, .wp-pagenavi a:active {cursor:pointer;color:#f29400;	background-color: #fff; }

.wp-pagenavi .extend {text-decoration:none;display:inline-block;margin-right:5px; padding: 0;} 
.wp-pagenavi .current {background:#fff ;color:#f29400;width: 30px; }

/*Newsletter*/
.tnp-subscription {margin: 25px 0; text-align: left;}
.tnp-subscription label {padding-left: 35px; font-family:'RobotoBold', Arial, Helvetica, sans-serif; letter-spacing: .02em; }
.tnp-subscription input { background-color: #fff !important; border: 1px solid #f29400 !important; border-radius: 20px; height: 40px !important;  padding: 4px 15px; color: #333;}

.tnp-privacy-field, .tnp-field-list { margin-left: 7px;}

.tnp-field-list label { position: relative; padding-left: 50px;}
.tnp-field-list input[type=checkbox]  { position: absolute; top:-7px; left:0;}
.tnp-email:after { font-weight: bold; content: "Auswahl Interessensbereiche"; display: block; height: 1.6em; padding: 3px 0;}

.tnp-privacy-field label input[type=checkbox]  { position: absolute; top:-7px; left: -20px; font-weight: normal !important;}
.tnp-privacy-field { font-weight: normal !important; font-size: .85em; padding-top: 0; position: relative;margin:25px 25px 30px 27px  !important; line-height: 1.4em; }
.tnp-privacy-field a, .tnp-privacy-field label { font-weight: normal  !important; line-height: 1.6em;}
.tnp-subscription input[type=submit]  {background-color:#f29400 !important; color: #fff;font-weight: bold; text-align: center;  padding: 4px 25px; margin-top: 20px;}
.tnp-subscription input[type=submit]:hover {background-color:#fff !important; color: #f29400; }

/*Spoiler*/
.su-accordion {border-bottom: 1px solid #333 !important; }
.su-accordion .su-spoiler { border: 0; position: relative;}
.su-accordion .su-spoiler-icon { background: 0 ;position: absolute; left: -999999999999999999999px !important; }
.su-accordion .su-spoiler-title { font-size: 1em !important; outline:none !important; background: #fff !important ; border: 0 !important;  border-top: 1px solid #333 !important;  font-family:'RobotoBold', Arial, Helvetica, sans-serif; letter-spacing: .02em; color: #f29400;padding: 12px 20px 0 0; line-height: 15px;   }
.su-accordion .su-spoiler-closed .su-spoiler-title  { color: #333; border-width: 1px 0 !important; padding-bottom: 5px !important;  } 
.su-accordion .su-spoiler-icon { position: absolute; left: 95% !important; top: 5px;background-image: url(pics/arrow-up.png) !important; background-repeat: no-repeat !important; background-position: 100% 5px; }
.su-accordion .su-spoiler-closed .su-spoiler-icon { background-image: url(pics/Pfeil-Nav.png) !important;  }
.su-accordion .su-spoiler-closed .su-spoiler-title:hover  { color: #f29400;} 
.su-accordion .su-spoiler-content { padding: 12px 0 ;  background-color: #fff; margin: 0; font-size: 1em !important; }
.su-accordion .su-spoiler-closed .su-spoiler-content { padding: 0  !important;}
.su-spoiler-title, .su-spoiler-content { border-radius: 0  !important; -webkit-border-radius: 0  !important;  }

.su-accordion .su-spoiler-title:after {background-color:#f29400; border-radius: 10px; -webkit-border-radius: 10px;color: #fff;padding: 4px 9px;  margin: 0 0 2px 12px !important; font-size: .7em; line-height: 1em; font-family:'RobotoLight', Arial, Helvetica, sans-serif; line-height: 15px; position: relative;   vertical-align: baseline;   top: -2px;}
.su-accordion .bam .su-spoiler-title:after {content: "BAM";}
.su-accordion .buz .su-spoiler-title:after {content: "B&Z";}
.su-accordion .cm .su-spoiler-title:after {content: "CM";}
.su-accordion .fz .su-spoiler-title:after {content: "FZ";}
.su-accordion .fb .su-spoiler-title:after {content: "FB";}
.su-accordion .fbz .su-spoiler-title:after {content: "FBZ";}
.su-accordion .fit .su-spoiler-title:after {content: "FIT";}
.su-accordion .fpt .su-spoiler-title:after {content: "FPT";}
.su-accordion .pur .su-spoiler-title:after {content: "PUR";}
.su-accordion .pc .su-spoiler-title:after {content: "PC";}
.su-accordion .puv .su-spoiler-title:after {content: "P & V";}

.blog-footer {width: 100%;}

/*Sidebar 
=============================================================================*/
#sidebar {position:relative; hyphens: auto;    }
#sidebar section {padding:  20px 20px 10px 20px; border-radius: 15px;-webkit-border-radius: 15px;  }
#sidebar .columnbox-orange { background: #f29400; padding: 25px;}
#sidebar .columnbox-orange h1, #sidebar .columnbox-orange h2, #sidebar .columnbox-orange h3, #sidebar .columnbox-orange h4, #sidebar .columnbox-orange h5, #sidebar .columnbox-orange h6, #sidebar .columnbox-orange a, #sidebar .columnbox-orange a:visited, #sidebar .columnbox-orange small, #sidebar .columnbox-orange .small { color: #fff;}
#sidebar h1, #sidebar h2, #sidebar h3, #sidebar h4, #sidebar h5, #sidebar h6	{ margin-top:0; margin-bottom:1em; color: #fff;  hyphens: none;}
#sidebar p {margin-bottom:10px;}
#sidebar .columnbox-orange a:hover, #sidebar .columnbox-orange a:focus, #sidebar .columnbox-orange a:active { color: #ddd; }

#sidebar a, #sidebar a:visited {  color: #fff;}
#sidebar a[href*=".pdf"],#sidebar a[href*=".dotx"], #sidebar a[href*=".dot"], #sidebar a[href*=".doc"], #sidebar a[href*=".docx"],  #sidebar a[href*=".xls"], #sidebar a[href*=".xlsx"], #sidebar a[href*=".ppt"], #sidebar a[href*=".pptx"], #sidebar a[href*=".txt"], #sidebar a[href*=".zip"], #sidebar a[href*=".psd"], #sidebar a[href*=".eps"], #sidebar a[href*=".csv"], #sidebar a[href*=".otf"], #sidebar a[href*=".png"], #sidebar a[href*=".jpg"], #sidebar a[href*=".jpeg"] {padding: 4px 60px 4px 60px !important;}
#sidebar a:hover, #sidebar a:focus, #sidebar a:active {  color: #ddd ; }

#sidebar a.button, #sidebar a.button:visited {width: auto; background: 0; background-color: #fff; color: #333 !important; display: block;border: 1px solid #f29400; border-radius: 20px;-webkit-border-radius: 20px; padding: 4px 40px; text-decoration: none; margin: 6px 0; font-size: .8em; text-align: center;}
#sidebar a.button:hover, #sidebar a.button:focus, #sidebar a.button:active { color: #f29400 !important;}

.insidesidebar {margin: 15px 0;}

/*Footer 
=============================================================================*/
#footer { padding:10px 0 20px 0;background:  #e5e5e5 ;     }

#footer .single-columnbox  {padding-left: 0;}
#footer .fourth-columnbox  { text-align: right;}

.centered-cols { justify-content: center !important; column-gap: 5%;  }

#footer #menu-footer-navigation {display: flex; flex-direction: row;flex-wrap: wrap; justify-content: space-around;padding: 30px 0 30px 0; max-width: 1100px; text-align: center; margin: 0 auto;}
#footer #menu-footer-navigation li { display: inline-block; padding: 0 4px 15px 4px; width: 50%;}

/*Ueberschreiben, Editor-Styles 
=============================================================================*/

.red {color:#f00;font-weight:600;}
.orange {color:#f29400; font-weight:600;}
.bold	{ font-weight:bold;}
.lightgrey { color: #999;}
.grey { color: #333;}
.white { color: #fff;}
.uppercase { text-transform: uppercase !important;}
.nowrap { white-space: nowrap;}
p .bigger-font { font-size: 20px;}
h3.doubleheight, h4.doubleheight, h2.doubleheight, d.oubleheight {margin-bottom: 40px !important ;}

/*.Clear*/
#post .column-liste-4:after,#post .column-liste-3:after, #post .column-liste-2:after, .clear:before,  .wp-pagenavi:before, #header:after, #navi:after, .clear,hr:before {content: "."; height: 0; clear: both; visibility: hidden;font-size: 0; display:table;}

/*Transition*/
a:hover, a:active, a:hover img, .searchform input:focus, .searchform input:active, .button:hover, .button:active, textarea:focus, input:focus, textarea:active, input:active, .wp-pagenavi a,  .sidecontent .current_page_item ul a:hover, .sidecontent .current_page_item ul a:active, select:focus,  select:active, #navi li:hover, #navi li:active, .top:hover,  select:focus,  select:active, input[type="submit"]:hover, .wp-pagenavi a:hover, #navi:hover li, #navi ul.sub-menu, button, .postbox h4, .inner-columnbox h4, .button, .button a, .su-spoiler-title {-webkit-transition:all 400ms ease-in-out;-moz-transition:all 400ms ease-in-out;-ms-transition:all 400ms ease-in-out;-o-transition:all 400ms ease-in-out;transition:all 400ms ease-in-out;}
  
/*Buttons*/
.button,  input[type="submit"], input[type="button"], input[type="reset"], a.button, a.button:visited {background-color:#f29400; border: 1px solid #f29400; border-radius: 20px; -webkit-border-radius: 20px;color: #fff;padding:  8px 15px; text-align: center; text-decoration: none; margin: 15px 0 ; background-position:  12px center; }
.button a { text-decoration: none; color: #fff; background-color: transparent;}
.whitebutton {background: #fff !important; border-color: #fff !important; color: #333 !important;}

.button:hover, input[type="submit"]:hover, input[type="button"]:hover, input[type="reset"]:hover, .button a:hover { cursor:pointer !important;color:#f29400 !important;	background-color: #fff !important; } 
.whitebutton:hover, .whitebutton:focus { border-color: #f29400 !important; color: #f29400 !important;}

.smallbutton {background-color:#f29400; border: 1px solid #f29400; border-radius: 10px; -webkit-border-radius: 10px;color: #fff;padding: 2px 7px; text-align: center; text-decoration: none; margin: 0 7px; font-size: .8em; line-height: 1em;}
.smallbutton a { text-decoration: none; color: #fff;}
.smallbutton a:hover , .smallbutton:focus , .smallbutton a:active  { cursor:pointer !important;color:#f29400 ;	background-color: #fff ; } 

/*Responsive
==================================================================*/

@media screen and (min-width:200px) {

    #navi #search {  margin-top: 2px;}

}

@media screen and (min-width:500px) {
    
    .columnbox-group, .footer-widgets { 	display: flex; 	flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-items: top; align-content: top;   margin: 30px auto;  display: -webkit-flex;  -webkit-flex-wrap: wrap;              -ms-flex-wrap: wrap;  -webkit-flex-direction: row; -ms-flex-direction: row; width: 100%;}
    .page-template-page-statseite .columnbox-group {margin: 10px auto;}
    .related-posts {justify-content: space-between; }
    .columnbox-twocols   .single-columnbox, .columnbox-threecols   .single-columnbox, .columnbox-fourcols   .single-columnbox, .footer-widgets .single_box {  width: 50%; padding: 15px 0 0 0; display: block;}
    
   .inner-columnbox { margin: 0 12px; height: 100%;}
    
    #footer #menu-footer-navigation li  { width: 33.333333333333333333333%}

}

@media screen and (max-width:649px) {
    
    .outsidesidebar {display: none !important; visibility: hidden !important; }
    .headerbar-text { display: none;}
}
    
@media screen and (min-width:650px) {

    h1.page-title { font-size: 2.7em;}
    
    #post  {display: flex; 	flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-items: top; align-content: top; }
   
    #post.content { max-width: 1100px;}
    .narrowcontent #storycontent, #storycontent.narrowcontent  {width:65%;  padding-right: 3%; }  
    
    .outsidesidebar {width: 35%;  margin:0 0 3% 30px; }
    .fullwidthcontent .outsidesidebar { float: right;}    
    .insidesidebar {display: none; visibility: hidden; }
   
    .sticky-sidebar {position: sticky; top: 110px;}
    
    #footer #menu-footer-navigation li { width: 25%;}
    
}

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

    body {  font-size:17px;line-height:1.6em;}
    .columnbox-group td { display: block; padding: 4px 0; height: auto;}

}

@media screen and (min-width:899px) {
    
    h1 { font-size: 3.2em;}
    h2 { font-size: 1.9em;}
    h3 { font-size: 1.5em;}
    
    .columnbox-threecols  .single-columnbox, .columnbox-fourcols   .single-columnbox {  width: 33.33333333333333333333333333333333333333333333%;  }
    
    .column_boxes .single_box_buttons { padding: 0 30px ; height: 70px; bottom: 10px;}
    .columnbox-twocols   .single-columnbox  .inner-columnbox { margin: 0 20px;}
    
    #footer #menu-footer-navigation li { width: 20%;}
    .footer-widgets .single_box { width: 33.333333333333333333333%}
     
}

@media screen and (min-width:1150px) {
    
    .content {width:96%;}
    h1#logo  { position: relative; left: 0;}
    #content {  padding: 25px 0;  }
    #post.content {padding-top: 30px;}
    .home_intro { background-size:auto 100%; padding: 150px 0;}
    
    .footer-widgets .single_box { width: 25%}

}

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

    #mobile_logo { background-image: url(pics/logo.jpg); background-position: left 2px; background-repeat: no-repeat; background-size: contain; z-index: 20; width: 125px; height: 40px;}
    
}

@media screen and (min-width:1154px) {

    h1#logo.navi-sticky  {height: 40px !important; width: auto !important; margin: 3px auto;-webkit-transition:all 05s ease-in-out;-moz-transition:all 0.5s ease-in-out;-ms-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out; z-index: 4; margin-left: 0 !important;font-size: 1em; }  
    h1#logo.navi-sticky  img { height: 35px;-webkit-transition:all 05s ease-in-out;-moz-transition:all 0.5s ease-in-out;-ms-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;}
    
}

@media screen and (min-width:1200px) {
    
    .columnbox-group { }
    .contentboxes, .single_box { margin-bottom: 20px;}
    .columnbox-fourcols  .single-columnbox, .footer-widgets .single_box {  width: 25%;  }
    .inner-columnbox { margin: 0 20px;}
    .footer-widgets {max-width: 1000px; margin: 0 auto;}
    .footer-widgets .single_box {   text-align: center; width: 25%;}
    
}

@media screen and (min-width:1500px) {
    
    .narrowcontent #storycontent, ,#storycontent.narrowcontent {width:70%; }    
    #sidebar { width: 30%;}
     #footer #menu-footer-navigation li { width: 16.66666666666666666666666%;}

}