/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/
/* source-sans-pro-300 - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 300;
  src: local(''),
       url('fonts/source-sans-pro-v21-latin-300.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('fonts/source-sans-pro-v21-latin-300.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* source-sans-pro-300italic - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: italic;
  font-weight: 300;
  src: local(''),
       url('fonts/source-sans-pro-v21-latin-300italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('fonts/source-sans-pro-v21-latin-300italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* source-sans-pro-regular - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  src: local(''),
       url('fonts/source-sans-pro-v21-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('fonts/source-sans-pro-v21-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* source-sans-pro-italic - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: italic;
  font-weight: 400;
  src: local(''),
       url('fonts/source-sans-pro-v21-latin-italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('fonts/source-sans-pro-v21-latin-italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* source-sans-pro-600 - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 600;
  src: local(''),
       url('fonts/source-sans-pro-v21-latin-600.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('fonts/source-sans-pro-v21-latin-600.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* source-sans-pro-600italic - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: italic;
  font-weight: 600;
  src: local(''),
       url('fonts/source-sans-pro-v21-latin-600italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('fonts/source-sans-pro-v21-latin-600italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* source-sans-pro-700 - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 700;
  src: local(''),
       url('fonts/source-sans-pro-v21-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('fonts/source-sans-pro-v21-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* source-sans-pro-700italic - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: italic;
  font-weight: 700;
  src: local(''),
       url('fonts/source-sans-pro-v21-latin-700italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('fonts/source-sans-pro-v21-latin-700italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

@font-face {
  font-family: 'icomoon';
  src:  url('fonts/icomoon.eot?rxd8bn');
  src:  url('fonts/icomoon.eot?rxd8bn#iefix') format('embedded-opentype'),
    url('fonts/icomoon.ttf?rxd8bn') format('truetype'),
    url('fonts/icomoon.woff?rxd8bn') format('woff'),
    url('fonts/icomoon.svg?rxd8bn#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; /* unset evtl. unset besser als grayscale? */
}

body {
    font-family: 'Source Sans Pro', sans-serif;
    color: #0a0a0a;
    word-break: break-word;
}

@supports (hyphens: auto) {
  body {
    hyphens: auto;
  }
}

/*** Mobil-Basis-Layout aus Template Sider ***/
#mobile-header .menu-toggle {
margin-top: 6px;
    margin-bottom: 14px;
  }

#mobile-menu .gp-icon svg {
  height: 1.5em;
  width:1.5em;
}
.menu-item-has-children ul .dropdown-menu-toggle {
  padding-top: 0;
  padding-bottom: 0;
  margin-top: 0;
  margin-bottom: 0;
}
.mobile-header-navigation .site-logo.mobile-header-logo img {
margin-left: 5px;
width: 190px;
height: auto;
padding: 0;
}
#mobile-header button, #mobile-header a {
    -webkit-tap-highlight-color: transparent;
}
.inside-header {
  flex: 1;
  flex-direction: column;
}

.header-widget {
	order: 3;
	text-align: center;
}

.nav-float-right .inside-header .main-navigation {
	order: 2;
	margin-top: 50px;
	margin-bottom: 50px;
}

.dropdown-click .site-header .main-navigation ul ul {
    position: relative;
}
.main-navigation .main-nav>ul {
    flex-direction: column;
    float: left;
}

.main-navigation.toggled .menu-item-has-children .dropdown-menu-toggle {
  float: none;
}

.main-navigation.has-menu-bar-items.sub-menu-right.toggled {
padding-top: 0;
  margin-top: 0;
}
.has-inline-mobile-toggle #site-navigation.toggled {
  margin-top: 0;
}
.main-navigation #primary-menu.main-nav ul li {
margin: 0;
padding-left: 15px;
}
.main-navigation #mobile-menu.main-nav ul li {
margin: 0;
}

.main-navigation.toggled .main-nav ul ul {
  border: none;
}
#mobile-menu.main-nav ul li.menu-item-has-children {
  margin-bottom: 2px;
}
.nav-float-right .header-widget {
    margin-left: 0;
}

.nav-float-right .header-widget .widget {
    margin-bottom: 50px;
}

.nav-float-right #site-navigation {
    margin-right: auto;
}
.main-navigation .main-nav > ul {
	margin: 17px 0 25px 15px;
	width: 100%;
}

.main-navigation ul ul {
  box-shadow: none;
}
.main-navigation .main-nav ul ul li a {
  padding: 0 15px 0 0;
}
.main-navigation #mobile-menu.main-nav ul ul li a {
padding-left: 15px;
line-height: 4.063rem;
}
.main-navigation #mobile-menu.main-nav ul li ul li ul li a {
padding-left: 30px;
}


.nav-align-center .inside-navigation {
  justify-content: left;
}
button:not(.menu-toggle), html input[type="button"], input[type="reset"], input[type="submit"], .button, .wp-block-button .wp-block-button__link {
  font-weight: 500;
}
/* Suchfeld */
#site-navigation.main-navigation .inside-navigation.grid-container .menu-bar-items .menu-bar-item a {
padding:0;
line-height: 0;
}
#mobile-header.main-navigation.mobile-header-navigation .inside-navigation.grid-container.grid-parent div.menu-bar-items {
margin-right: 50px;
}
.search.search-results header.page-header {
padding: 10px 0 20px 0;
}
a.button,
a.button:visited,
button,
input[type="submit"] {
	border-width: 1px;
	border-style: solid;
	border-color: var(--contrast-3);
}
button.gb-button-815983e0.gb-block-is-current, button.gb-button-815983e0.gb-block-is-current:hover, button.gb-button-815983e0.gb-block-is-current:active, button.gb-button-815983e0.gb-block-is-current:focus {
  background-color: #f6f6f6!important;
}
::-webkit-input-placeholder {
	font-size: 0.875rem;
}

::-moz-placeholder {
	font-size: 0.875rem;
}

:-ms-input-placeholder {
	font-size: 0.875rem;
}

:-moz-placeholder {
	font-size: 0.875rem;
}

.separate-containers .inside-article,
.separate-containers .comments-area,
.separate-containers .page-header,
.separate-containers .paging-navigation,
.one-container .site-content,
.inside-page-header,
.hfeed .generate-columns-container,
.archiv-header,
.site-footer  {
    padding: 0 15px;
    float: left;
    width: 100%;
  }

.separate-containers .site-main {
		margin-top: 20px;
		margin-bottom: 0;
	}
/*** Mobile Menu ***/
#mobile-header.toggled .main-nav>ul {
    max-height: calc(100vh - 65px); /* adjust 65px for height of header */
    overflow-y: scroll;
    padding-bottom: 60px;/* Optional padding to negate browser UI */
}
#mobile-menu-control-wrapper {
width: 25%
}
.nav-float-left .mobile-menu-control-wrapper {
  order: 0;
}
.site-branding {
float:left;
width: 75%;
}
.site-branding a p.main-title {
font-size: 1.625rem;
line-height: 1.063rem;
font-weight: 500;
margin-top: 14px;
}
span.gp-icon.icon-menu-bars {
float:right;
}
.gp-icon.icon-menu-bars svg {
  height: 40px;
  width: 40px;
  top: 0;
}

/*** Ende Mobile Menu ***/
/*** Navigation ***/
.main-navigation .main-nav ul li a {
  padding-left: 0;
}
/*** Ende Navigation ***/

/*** Desktop Menu ***/
.nav-float-left #site-navigation {
  order: 0;
}
#mobile-menu span.gp-icon.icon-arrow, #mobile-menu span.gp-icon.icon-arrow-right {
position: relative;
top: 7px;
}
/*** Ende Desktop Menu ***/
span.gp-icon.icon-search {
color: #b2b2be;
}
	.post {
		margin-bottom: 20px;
	}
	
.inside-header {
  padding: 20px 15px;
}

/*** Ende Mobil-Basis-Layout aus Template Sider ***/

.rank-math-breadcrumb p {
    /*color: #5f5f5f;*/
font-size: 0.875rem;
}
/* Header 3 Blöcke nebeneinander */
/* für volle Breite des Screens */
/* für Mobil */
.gb-grid-wrapper.hero-pics {
  margin-bottom: 35px;
}

/* Ende Header 3 Blöcke */

.cta-pic {display:none; }

a {
  /*text-decoration: none;*/
}
.pola-text h2 a, .inside-article .polaroid a, .polaroid h2 {color: #0a0a0a;}
p, dl, ol, ul, li, pre {
    font-size: 1.25rem;
    line-height: 1.75rem;
    margin: 0 0 1.125rem 0;
    clear: left;
    float: left;
}
p.autor {
  font-size: 16px;
  margin-top: -25px;
}

li {
margin-left: 18px;
}
p.dart:before {
  content: "\f054";
  font-family: 'icomoon';
  display: inline-block;
width: 18px;
  font-size: 14px;
  margin-top: 1px;
}

.gb-button, .gb-button.intro {
    margin: 7px 0 20px 0;
    font-size:1rem;
    clear:left;
    float:left;
}
.entry-content a.gb-button.intro {
    margin: -25px 0 70px 0;
}

a.gb-button:before {
  content: "\f054";
  font-family: 'icomoon';
  display: inline-block;
width: 18px;
  font-size: 12px;
  padding-top: 1px;
}
.cta-button {
font-weight: 600;
line-height: 1.75rem;
font-size: 18px;
}

.wp-block-ub-content-toggle-accordion-content-wrap a:before {
margin-top: 5px;
}
.wp-block-ub-content-toggle-accordion-title-wrap .wp-block-ub-content-toggle-accordion-toggle-wrap {
  padding-right: 15px;
}
ol, ul {
    margin: 0;
}
.pola-text .dynamic-entry-excerpt p {
float: none;
}
p.no-space-down {
    margin-bottom: 0!important;
}
.top-space {
margin-top: 18px;
}
p.intro-lite {
  margin-top: -25px;
  margin-bottom: 25px;
}
.entry-content pre {
    white-space: pre-wrap;
    font-size: 0.938rem;
    font-family: Monospace; 
}
.entry-content figure.wp-block-image, .entry-content figure.gb-block-image {
margin-bottom: 18px;
}

.entry-content .news p {
    display: table-cell;
    float:inherit;
}
.entry-content .news .intro p {
    display: inherit;
}

ul {
list-style: square;
}
h1 {
    font-style: normal;
    letter-spacing: 0;
    margin: 0;
    line-height: 1.2;
    clear: left;
    hyphens: none;
}
h2, h3, h4, h5, #accordion .karte h3 button.btn.btn-link, #accordion .karte h2 button.btn.btn-link, .gb-accordion span.gb-button-text {
    text-transform: none;
    text-decoration: none;
    color: #333;
    margin-bottom: 0.75rem;
    line-height: 2rem;
    font-weight: 600;
    letter-spacing: 0;
    text-align: left;
    clear: left;
    width: 100%;
}
blockquote {
  background-color: #7f93a5;
  padding: 25px 15px 25px 18px;
  margin: 40px 0 12px 0;
  border-left: 8px solid;
  -webkit-box-shadow: 10px 10px 45px #80808087 !important;
  -moz-box-shadow: 10px 10px 45px #80808087 !important;
  box-shadow: 10px 10px 45px #80808087 !important;
  float: left;
  clear: left;
  width: 100%;
}
blockquote p {
  font-size: 1.5rem;
  line-height: 2.5rem;
  text-align: unset!important;
  letter-spacing: 0.031rem;
  width: 100% !important;
  color: #fefefe;
font-weight: 400;
}
.archive #content.site-content {
float: left;
}
.wp-block-columns, .gb-accordion__item.gb-accordion__item-open div.gb-accordion__content {
float: left;
width: 100%;
}
.wp-block-column.rand {
  border: 1px solid #b2b2be73;
  padding: 20px 10px 20px 15px;
  background-color: #fefefe;
}
.wp-block-column.rand li {
margin:0;
}
.wp-block-column.rand li::before {
width: 20px;
  margin-left: -20px;
  font-size: 15px;
}
.entry-content .wp-block-group.alignfull.zweispalter {
max-width: 800px;
clear: left;
float: left;
margin: 0;
}
.site-main .zweispalter .wp-block-group__inner-container {
padding: 50px 0px 0px 0px;
}
.entry-content .zweispalter p, .entry-content .zweispalter h2, .entry-content .autorenbox h2 {
width: 100%;
}
.entry-content .zweispalter .alignwide {
margin-left: 0px;
width: 100%;
max-width: 800px;
}
.gb-grid-wrapper {
  clear: left;
}
.entry-content .wpcf7 + h2, .zitat-wrap + h2, .polaroid-portfolio + h2 {
    padding-top: 24px;
}
.entry-content p + h2,
.entry-content pre + h2,
.entry-content p + .hintergrund,
.entry-content ul + h2,
.entry-content ol + h2,
.entry-content p + .wpcf7,
table + h2,
.gallery + h2,
.hintergrund + h2,
.ub-advanced-video-container + h2,
iframe + h2,
#accordion + .shariff,
blockquote + h2,
blockquote + p,
#accordion + h2,
.wp-block-ub-content-toggle + h2,
a.gb-button + h2,
figure + h2,
script + h2,
.entry-content p + .autorenbox,
.shariff + .yarpp-related,
.autorenbox + .shariff,
.gb-grid-wrapper.polaroid + h2,
.wp-block-contact-form-7-contact-form-selector + p,
.wp-block-contact-form-7-contact-form-selector + h2,
.entry-content p + .gb-grid-wrapper.print-gallery {
    margin-top: 50px!important;
    float:left;
}
.entry-content .yarpp-related + h3,
.ShariffHeadline h3 {
    margin-top: 50px!important;
        float:left; /** neu dazu adddiert, bei Fehler als erstes wegnehmen ***/
}
.polaroid h2.gb-headline.gb-headline-text, .polaroid h2.wp-block-heading {
margin-top: 0!important;
}
.entry-content p + h3,
.entry-content p + h4,
.entry-content p + h5,
.entry-content ul + h3,
.entry-content ol + h3,
.entry-content ul + h4,
.gallery + h3,
blockquote + h3,
#accordion + h3,
figure + h3 {
  margin-top: 30px;
  float:left;
}
.entry-content .tabelle h2 {
    padding-top: 35px;
    margin-bottom: 25px;
}
strong, strong p {
font-weight: 600;
}
.site-branding p.main-title a strong {
    font-weight: 600;
}
.hfeed h2.entry-title, .search-results h2.entry-title {
    font-size: 1.125rem;
}
.intro, .entry-content .intro ul {
font-weight: 600;
/*width: 100%;*/
float: left;
margin-bottom: 50px;
}

.hfeed header.entry-header.archive {
padding-left: 0;
}

.page-link {
    color: #333;
}
h2.entry-title a {
color: #333;
}
figure, .entry-content .polaroid figure.gb-block-image {
  width: 100%;
  margin-bottom: 0;
}
/* Abstand Content zum Footer */
#content.site-content {
padding: 0 0 100px 0;
}

#content.container {
    padding-top: 25px;
}

/* Logo */
.custom-logo-link .img-fluid {
    margin-left: 0px;
    margin-bottom: -10px;
}
.entry-header {
    font-size: 0.875rem;
    font-weight: 400;
    width: 100%;
    margin-bottom: 60px !important;
}
header.entry-header
{
    letter-spacing: 0.04rem;
}
.entry-header sup {
    font-size: 100%;
    top: -.1em;
}
h1.entry-title sup {
    font-size: 75%;
    top: -.3em;
left: -0.05em;
}
.intro, .intro p, .entry-content .intro ul {
    background-color: #f6f6f6;
    font-style: normal;
    text-transform: none;
    line-height: 1.75rem;
    font-weight: 600;
    font-size: 1.438rem;
}

.entry-content .intro ul {
    padding-left: 20px;
}
.entry-content ul.warnung {
  padding-left: 24px;
}
.entry-content .intro ul li, .entry-content ul.dart, .entry-content ul.check, .entry-content ul.checkbox, .entry-content ul.warnung, ul.rank-math-html-sitemap__list, .entry-content ul {
    list-style-type:none;
    padding-left: 0;
}

.entry-content .intro ul li::before {
    font-family: 'icomoon';
    content: "\f054";
    font-size: 0.75rem;
    font-weight: 600;
    margin-right: 11px;
    margin-left: -20px;
}
.entry-content ul.dart li::before, .wp-block-ub-content-toggle-accordion-content-wrap ul.wp-block-list.dart li::before, .entry-content ul li::before {
    font-family: 'icomoon';
    content: "\f054";
    font-size: 14px;
    font-weight: 600;
    margin-right: 8px;
    margin-left: -19px;
}
.entry-content ul.checkbox li::before {
    font-family: 'icomoon';
    content: "\ea53";
    font-size: 16px;
    font-weight: 600;
    margin-right: 8px;
    margin-left: -25px;
}
.entry-content ul.dart li, .entry-content ul li {
margin-left: 20px;
position: relative;
}
.entry-content ul.check li {
margin-left: 24px;
position: relative;
}
.entry-content ul.checkbox li {
  margin-left: 26px;
  position: relative;
}
ul.check li::before, .wp-block-ub-content-toggle-accordion-content-wrap ul.wp-block-list.check li::before {
  content: "\f00c";
  font-family: 'icomoon';
  font-size: 16px;
  margin-right: 8px;
  margin-left: -24px;
}
.wp-block-ub-content-toggle-accordion-content-wrap ul.wp-block-list.check li::before {
   /* font-size: 0.75rem;*/
}
.entry-content ul.warnung li::before {
  content: "\ea07";
  font-family: 'icomoon';
  display: inline-block;
width: 16px;
  font-size: 15px;
      margin-right: 11px;
margin-left: -27px;
color: #e7783b;
}
.entry-content ol li {
margin-left: 19px;
position: relative;
}
figcaption {
    padding: 8px 0 4px 0;
    font-size: 0.875rem;
    font-weight: 400;
    /*border-bottom: 1px solid #0a0a0a;*/
    margin-bottom: 0px;
}
.wp-block-image figcaption {
margin-top: -18px;
  text-align: left;
}

/* Schatten um Bilder */
img.shadow, .print-gallery a img,
.entry-content figure.wp-block-image a img,
.entry-content figure.wp-block-image img,
.entry-content figure.gb-block-image a img {
    -webkit-box-shadow: 10px 10px 45px #80808087!important;
    -moz-box-shadow: 10px 10px 45px #80808087!important;
    box-shadow: 10px 10px 45px #80808087!important;
    margin: 0;
}
/*** Autorbild in Blogartikeln ***/

.autorenbox {
display: inline-block;
}

.autorenbox p img {
float: left;
width: 70px;
margin-right: 8px;
}

/*** Ende Autorbild in Blogartikeln ***/

.single-post .entry-content figure.wp-block-image a img, .entry-content figure.wp-block-image img {
margin: 18px 0;
}

a.klick:hover {
	color: #5b85a5;
}
.entry-content .carousel-indicators {
    margin-bottom: -12px!important;
    width: 100%;
}

/*** Blogübersicht ***/
.archive h1 {margin-top: 16px; margin-bottom: 28px; padding-left: 0; padding-right: 0;}
/*.gb-grid-column.my-category-text {width: 100%; margin-bottom: 40px;}*/
.archive ul.wp-block-categories-list.wp-block-categories {
  list-style: none;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  column-gap: 20px;
  row-gap: 20px;
  padding-left: 0;
  width: 100%;
}
.archive ul.wp-block-categories-list.wp-block-categories li {
  border: 1px solid;
padding: 0;
margin-left: 0;
}
.archive ul.wp-block-categories-list.wp-block-categories li a {
  color: #0a0a0a;
  font-size: 16px;
  padding: 6px 4px;
}
.archive ul.wp-block-categories-list.wp-block-categories li a:hover, .archive ul.wp-block-categories-list.wp-block-categories li a:focus, .archive ul.wp-block-categories-list.wp-block-categories li a:active {
  background-color: #0a0a0a;
  color: #fefefe;
  text-decoration: none; }
.archive li.cat-item.current-cat a {
    background-color: #0a0a0a;
    color: #fefefe !important;
}
.hfeed .generate-columns {
margin-bottom: 30px;
  background-color: #fefefe;
  position: relative;
  }
.hfeed .gb-container.pola-text {
box-sizing: border-box;
margin-bottom: 80px;
}
.archive a.gb-button.gb-button-text,
.search a.gb-button.gb-button-text,
.archive .gb-button,
.search .gb-button  {
position: absolute;
bottom: 0;
width: calc(100% - 20px);
}

.archive .polaroid h2.gb-headline.gb-headline-text a {
color: #333;

}

/*** Ende Blogübersicht ***/

/*** Polaroid ***/
.gb-grid-wrapper.polaroid, .hfeed .generate-columns-container {
  justify-content: space-between;
}
.gb-grid-wrapper.polaroid .gb-grid-column .gb-container {
height: 100%;
background-color: #fff;
}
.polaroid .gb-grid-column {
margin-bottom: 30px;
}
.entry-content .polaroid h2, .hfeed .pola-text h2/*, .hfeed .polaroid h2*/ {
font-size: 1.125rem;
font-weight: 600;
line-height: 1.5rem;
padding: 12px 10px 0 10px;
margin: 0;
width: 100%;
}
.entry-content .polaroid p, .hfeed .pola-text p /*.hfeed .polaroid p*/ {
padding: 12px 10px 20px 10px;
font-size: 1rem;
width: 100%;
/*max-width: 100%;*/
}

/*** Ende Polaroid ***/


/*** Kundenstatements ***/
.gb-grid-wrapper.kundenstatements {
justify-content: space-between;
}

.gb-grid-wrapper .zitat p {
    margin-top: 5px;
  font-size: 1rem;
  margin-bottom: 70px;
  width: 100%;
  text-align: left;
}
/*** Kundenstatements Ende ***/

/*** Gallery ***/
/*** Gallery nur erstes Bild anzeigen ***/
figure.wp-block-gallery figure.wp-block-image:not(figure.wp-block-gallery figure.wp-block-image:first-child) { display:none }

figure.wp-block-gallery {
clear: left;
}
.print-gallery figure.wp-block-gallery {
margin-bottom: 35px;
}

.print-gallery .gb-grid-column {
margin-bottom: 100px;
}
.print-gallery .gb-grid-column:last-child {
margin-bottom: 0;
}

/*** Ende Gallery ***/
.polaroid-portfolio.half {
    width: 50%;
}

.polaroid-portfolio.dreiviertel {
    width: 75%;
}
.polaroid .gb-grid-column:last-child, .kundenstatements .gb-grid-column:last-child {
   /* margin-bottom: -20px;*/
}
.polaroid-portfolio {
    clear: left;
}
.mikro {
    line-height: 1.438rem;
    padding-bottom: 18px;
    font-weight: 400;
    font-size: 1.125rem;
    margin-top: -12px;
}
.down-space {
    padding-bottom: 16px;
}

.hfeed .polaroid p.archiv-button, .hfeed .polaroid a.read-more.button {
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 0 15px;
    margin-bottom: 20px;
}
.hfeed .polaroid p.read-more-container {
padding: 0;
}
/* Blog */
.post h2.entry-title {
    color: #525252;
    font-style: normal;
}
.hfeed .entry-header,
.post .entry-header,
.page .entry-header,
.search-results .entry-header {
    padding: 16px 0px 16px 0px;
    margin-bottom: 30px !important;
}
.archive .post p, .search .post p {
    line-height: 1.563rem;
	margin-bottom: 0.5rem;
}
.hfeed p a.btn.btn-secondary.understrap-read-more-link {
    border: 1px solid #525252;
    padding: 8px 14px 7px 14px;
    line-height: 1.563rem;
    font-size: 0.938rem;
    color: #0a0a0a;
    font-style: normal;
    background-color: #fefefe;
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    text-transform: none;
}
.btn-primary:hover , .btn-secondary:hover {
    color: #fefefe !important;
    background-color: #333 !important;
}
.btn-primary {
    background-color: #fefefe;
    border: 1px solid #ced4da!important;
}
.btn-secondary.focus, .btn-secondary:focus {
    box-shadow: none;
}
.page-item.active .page-link {
    background-color: #333;
    border-color: #333;
}
.page-item:first-child .page-link {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.page-item:last-child .page-link {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.entry-content .shariff ul.shariff-buttons li.shariff-button {
  margin: 0px !important;
}

.entry-content .shariff .shariff-buttons li {
    max-width: 125px;
    width: 23%;
  }
.entry-content ul.shariff-buttons {
width: 100%;
}
.pagination {
    margin-top: 40px;
}
.lightblue {
  background-color: #add8e69e;
  padding: 8px;
  font-weight: bold;
}
/* Kommentare */
#comments.comments-area, #respond.comment-respond, p.comments-title {
  margin: 70px 0px 10px 0;
margin: 50px 0px 10px 0;
}
.comments-area #comments {
    width: 100%;
  }

.comment-body {
  margin: 25px 0px 10px 0;
}
.comment-content {
  padding: 0;
  border: none;
}
.comment-content .reply {
  float: left;
  clear: left;
}
.comment .children {
  padding-left: 15px;
  border-left: none;
  margin-left: 0;
}
.comment-form-comment {
width: 100%;
}
form#commentform.comment-form p.form-submit input#submit.btn.btn-secondary {
padding: 20px 15px;
margin-top: 25px;
background-color: #fefefe;
color: #333;
border: 1px solid #333;
width: 100%;
}
/*** Suche ***/
form.search-form {clear: left;}
/*** Ende Suche ***/
/* Footer */
.entry-footer {
clear: left;
}
.site-footer {
    background-color: #0a0a0a;
    max-width: 100%;
    color: #fefefe;
    font-size: 0.875rem;
    font-size: 0.875rem;
line-height: 1.25rem;
padding: 70px 15px 10px 15px;
  margin: 0 auto;
  float: left;
  width: 100%;
}
.site-footer .inner-footer {
max-width: 1215px;
}
.site-footer p {
    font-size: 0.938rem;
line-height: 1.25rem;
letter-spacing: 0.03rem;
    color: #fefefe;
}

.site-footer .gb-container.line p {
margin: 8px 0;
}
.site-footer .gb-container {
float: left;
}
.site-footer p a, .site-footer a {
    color: #fefefe;
}
.site-footer hr {
clear: left;
color: #fefefe;
border-bottom: none;
margin: 0;
}
.site-footer hr.linie-unten {
    margin-bottom: 55px;
}
.site-footer figure.wp-block-image {
clear: left;
margin-bottom: 25px;
}

.bild {
    vertical-align: top;
    width: 88px;
    height: 88px;
    float: left;
    margin: 5px 5px 0 5px;
    padding: 0;
    border: none;
    background-image: url(/wp-content/uploads/michael-bondzio.jpg);
    background-size: 88px auto;
}
.ci-red {
    color: #F00;
}
.yarpp-related {
    margin: 70px 0px 10px 0;
    float: left;
}
.yarpp-related a {
	color: #333;
}
.entry-content .yarpp-related h3 {
    width: 100%;
    text-transform: none;
    font-size: inherit;
    font-weight: 600;
    margin: 0 0 5px 0;
}
.entry-content .yarpp-thumbnails-horizontal, .shariff ul {
    width: 100%;
}
.entry-content .yarpp-related .yarpp-thumbnail-title {
    font-weight: 600;
    width: 100%;
    display: inline-table;
    float: left;
}
.entry-content .yarpp-thumbnails-horizontal .yarpp-thumbnail {
    border: none;
    height: auto;
    margin: 0 20px 20px 0;
    margin: 0 0px 20px 0;
    padding: 0;
    width: 100%;
    background-color: #fefefe;
    border-bottom: 1px solid #80808030;
  border-right: 1px solid #80808030;
  border-left: 1px solid #80808030;
}
.entry-content .yarpp-thumbnail > img, .yarpp-thumbnail-default {
    margin: 0!important;
}
.entry-content .yarpp-thumbnails-horizontal .yarpp-thumbnail-title {
    margin: 0;
    padding: 12px;
    padding-bottom: 16px
    max-height: 70px;
    font-size: 1em;
}
.entry-content .yarpp-thumbnails-horizontal .yarpp-thumbnail > img,
.entry-content .yarpp-thumbnails-horizontal .yarpp-thumbnail-default {
    border: 1px solid #808080;
}
.entry-content img.attachment-yarpp-thumbnail.size-yarpp-thumbnail.wp-post-image {
width: 100%;
height: auto;
}

/* Table of Content */
/* richtiger Abstand nur für TOC */
.single-post .entry-content .intro {
margin-bottom: 30px;
}

.lwptoc {
  clear: left;
      font-weight: 300;
}
.lwptoc_i {
  padding: 0 18px 18px 0!important;

}
b.lwptoc_title {
font-size: 0.875rem;
    font-weight: 300;
}

a.lwptoc_toggle_label {
color: #333;
}


/* Ende Table of Content */

.newspic {
    float: left;
    margin: 7px 10px 0 0;
    padding: 0;
    clear: left;
}
p.news {
    padding: 0;
    margin: 0;
    display: inline;
    padding-top: 50px !important;
}
.entry-content h2.news {
    padding: 0!important;
    margin: 0 0 3px 0;
    clear: none;
    line-height: 1.688rem;
    padding-top: 0px !important;
}
.entry-content p + h2.news {
  margin-top: 0px !important;
  float: inherit;
}
.newspic img {
    margin-top: -1px;
    border: 1px solid black;
    max-width: 92px;
}
.news hr {
    clear: both;
    width: 100%;
    margin: 12px auto 60px auto;
    display: block;
    border-bottom: 1px solid black;
    border-top: none;
    padding: 0;
}
.news hr:first-of-type {
    border:none;
    margin: 0;
    height: 0;
}

.speech-bubble {
    background: #fefefe;
    border: 1px solid #b2b2be73;
    padding: 0;
    position: relative;
    font-size: 1rem;
    line-height: 1.438rem;
    margin: 0 0 30px 0;
    float: left;
}

.speech-bubble.top-space {
    margin-top: 18px;
}

.entry-content .speech-bubble p {
    font-size: 1rem;
    margin-bottom: 10px;
    padding: 10px 15px 10px 15px!important;
    width: 100%;
    float: inherit;
    font-style: italic;
}
.speech-bubble-ds p:last-of-type {
    margin-bottom: 10px;
}

.speech-bubble-arrow {
    border-left: 21px solid transparent;
    /*border-top: 20px solid rgba(0, 0, 0, 0.2);*/
    bottom: -25px;
    position: absolute;
    left: 40px;
}
.speech-bubble-arrow::before {
    border-right: 23px solid transparent;
    border-top: 23px solid #b2b2be73;
    bottom: 2px;
    content: "";
    position: absolute;
    right: 5px;
}
.speech-bubble-arrow::after {
    border-right: 21px solid transparent;
    border-top: 21px solid #fefefe;
    bottom: 4px;
    content: "";
    position: absolute;
    right: 6px;
}

/* Accordion */
.gb-accordion {
margin-bottom: 50px;
}
.gb-accordion button.gb-button {
border: none;
padding: 8px 0;
align-items: start;
  display: flex;
}
.gb-accordion span.gb-button-text {
font-size: 1.125rem;
margin: 0;
}
.gb-accordion button.gb-button.gb-block-is-current {
background-color: transparent;
}
.gb-accordion button.gb-button:hover,
.gb-accordion button.gb-button:active,
.gb-accordion button.gb-button:focus {
  background-color: transparent;
  color: #0a0a0a;
}
.gb-accordion .gb-accordion__item-open .gb-container {
padding: 0;
}
.gb-accordion .gb-accordion__item-open p {
margin-left: 25px;
}
.gb-accordion span.gb-icon {
align-items: baseline;
  display: flex;
  margin: 5px 0 0 -4px;
}

#accordion .karte:first-of-type {
    /*margin-top: 0px;*/
}

/* Accordion neu - Ultimate Blocks */

.wp-block-ub-content-toggle {
  clear: left;
  float: left;
  background-color: #fefefe;
  border: 1px solid #b2b2be73;
  width: 100%;
}
.wp-block-ub-content-toggle #ub-content-toggle-panel-block-.wp-block-ub-content-toggle-accordion .wp-block-ub-content-toggle-accordion-title-wrap {
  background-color: #fefefe;
}
.wp-block-ub-content-toggle-accordion {
margin-bottom: 0;
}
.wp-block-ub-content-toggle-accordion .wp-block-ub-content-toggle-accordion-title {
  padding: 15px 10px 15px 25px;
}
.wp-block-ub-content-toggle-accordion-content-wrap {
  padding: 15px 25px 5px 25px;
}
.wp-block-ub-content-toggle-accordion-content-wrap ul {list-style: none;}

/* Borlabs Cookies */
.brlbs-cmpnt-container .brlbs-cmpnt-widget {
  opacity: .5;
}

.brlbs-cmpnt-container .brlbs-cmpnt-widget svg {
  height: 12px;
  width: 12px;
}

div#BorlabsCookieBox button.brlbs-cmpnt-btn.brlbs-btn-accept-all {
border: 1px solid #1d56ca;
}

/* Ende Borlabs */


.btn {
    border: none;
    padding: 0;
    width: 100%;
    text-align: left;
    line-height: 1rem;
    border-radius: 0;
}
.btn p {
    margin: 0;
    padding: 0;
    line-height: 0;
}
.btn h2, #accordion .karte h3 button.btn.btn-link, #accordion .karte h2 button.btn.btn-link { /* btn h2 kann gelöscht werden */
padding-left: 20px;
position: relative;
}
.btn h2:before, #accordion .karte h3 button.btn.btn-link:before, #accordion .karte h2 button.btn.btn-link:before { /* btn h2 kann gelöscht werden */
   font-family: 'icomoon';
    content: "\f054";
    position: absolute;
    left: 0px;
    top: -1px;
    font-size: 0.75rem;
}
p.klick::after {
    content: " -> Beispiele ansehen";
    font-size:0.938rem;
    font-weight: 400;
    color: #5b85a5;
}
.btn-link {
    color: #333;
}
.btn-link:hover {
    color: #5b85a5;
    text-decoration: none;
}
.karte h2:hover {
    color: #5b85a5;
}
.karte p {
padding:0;
/*margin:0;*/
}
.karte p:last-of-type {
    margin-bottom: 12px;
}
.karte-body {
    line-height:1.5rem;
    letter-spacing: 0.01rem;
    margin-left: 20px;
}

.karte h3 {
    margin-bottom: 0;
}
.hintergrund {
    background-color: rgba( 255, 255, 255, 1.00 );
    padding: 12px;
    clear: left;
    float: left;
    margin-top: 12px;
    box-shadow: 0px 0px 15px 0px rgba(2, 2, 2, 0.21);

}
/* Formulare */

.wp-block-contact-form-7-contact-form-selector {
float: left;
width: 100%;
}

.wpcf7 .wpcf7-form p, p span.wpcf7-form-control-wrap input, input.wpcf7-form-control {
   width: 100%;
}
span.wpcf7-list-item label input#DSGVO {width: auto;}
.wpcf7 .wpcf7-submit:disabled {
color: #333!important;
  opacity: unset!important;
}

div.wpcf7 .form-control:focus {
   box-shadow:none!important;
}
.btn-outline-primary, .wpcf7 input[type="submit"] {
    color: #333;
    border-color: #333;
   /* width: 100%;*/
    margin: 20px 0 5px 0;
    padding: 16px 10px;
}
.btn-outline-primary.disabled, .btn-outline-primary:disabled, .wpcf7 input.disabled[type="submit"], .wpcf7 input[type="submit"]:disabled {
  background-color: white;
}

.btn.focus, .btn:focus, .wpcf7 input.focus[type=submit], .wpcf7 input:focus[type=submit] {
    box-shadow: none;
}

span.wpcf7-list-item {
    margin: 0;
    padding-right: 20px;
}
.wpcf7 form .wpcf7-response-output {
    margin: 0;
    padding: 0;
    border: none;
    color: #dc3545;
}
.wpcf7 .wpcf7-validation-errors {
    padding: 0;
    margin: 0 0 25px 0;
    background-color: transparent;
    border: none;
    float: left;
}
.form-control:focus, .wpcf7 .wpcf7-validation-errors:focus, .wpcf7 input:focus[type="color"], .wpcf7 input:focus[type="date"], .wpcf7 input:focus[type="datetime-local"], .wpcf7 input:focus[type="datetime"], .wpcf7 input:focus[type="email"], .wpcf7 input:focus[type="file"], .wpcf7 input:focus[type="month"], .wpcf7 input:focus[type="number"], .wpcf7 input:focus[type="range"], .wpcf7 input:focus[type="search"], .wpcf7 input:focus[type="submit"], .wpcf7 input:focus[type="tel"], .wpcf7 input:focus[type="text"], .wpcf7 input:focus[type="time"], .wpcf7 input:focus[type="url"], .wpcf7 input:focus[type="week"], .wpcf7 select:focus, .wpcf7 textarea:focus {
    border-color: inherit;
}
.btn-outline-primary:not(:disabled):not(.disabled).active, .btn-outline-primary:not(:disabled):not(.disabled):active, .show > .btn-outline-primary.dropdown-toggle, .wpcf7 .show > input.dropdown-toggle[type="submit"], .wpcf7 input:not(:disabled):not(.disabled).active[type="submit"], .wpcf7 input:not(:disabled):not(.disabled):active[type="submit"] {
    background-color: #333;
    border-color: #333;
}
.btn-outline-primary:hover, .wpcf7 input:hover[type="submit"] {
    background-color: #333;
    border-color: #333;
    color: #fefefe !important;
}
#newsletter_form li {
    list-style-type: none;
}
#newsletter_form ul {
    padding-left: 0;
    width:100%!important;
}
#newsletter_form label.field_label.required {
    margin-left: -4px;
}
#newsletter_form #email.form_field, #newsletter_form input.form_button_submit {
    width: 100%;
    float: left;
    padding: 12px 6px;
    margin-bottom: 16px;
}
#newsletter_form #email.form_field {
    margin-bottom: 2px;
}
#newsletter_form [type="button"], #newsletter_form [type="reset"], #newsletter_form [type="submit"], #newsletter_form button {
    /*background-color: #5b85a5;*/
    background-color: #37444d;
    border: none;
    color: #fefefe;
}
#newsletter_form input[type="submit"]:hover {
    background-color: #333;
}
#newsletter_form #email.form_field:active {
    border: 1px solid #333;
}
ul li#firstname_form input#firstname.form_field {
    display: block;
    width: 100%;
    padding: 12px 6px;
    border: 1px solid #ced4da;
}
.alarm {
    width: 100%;
    /*background-color: #7b93a578;*/
    background-color: #dde3e6;
    float: left;
    padding: 15px 12px 0px 12px;
    border: 1px solid #bcbcbc47;
}
.alarm h2 {
    font-size: 1.125rem!important;
    width: 100% !important;
}
.alarm p {
	/*color: #333;*/
}
.winzig, div.winzig p {
    font-size: 1rem;
    line-height:1.25rem;
    width: 100%;
}

a[href^="https://www.contality.de/empfiehlt/"]::after {
  content: '*';
}

/* Tabellen */

.ls, .lsl, .ls2 {
    font-size: 1.063rem;
    font-weight: 600;
}
.rs, .rst, .rs2, .rs3, .rs4 {
    font-size: 1.063rem;
}

.ls {
    clear: both;
    float: left;
    margin: 10px 0 10px 0;
    width: 35%;
    float: left;
    margin: 0;
    padding: 0 0 25px 0;
    clear: both;
}
.rs {
    width: 65%;
    float: right;
    margin: 0;
    padding: 0 0 25px 5px;
}
.lsl {
    width: 35%;
    float: left;
    margin: 0;
    padding: 0 0 25px 0;
    clear: both;
}
.rst {
    width: 65%;
    float: right;
    margin: 0;
    padding: 0 0 25px 5px;
}
ul.flex, ul.rank-math-html-sitemap__list {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100% !important;
}

ul.flex li, li.page_item, li.rank-math-html-sitemap__item {
padding-right: 35px;
}
li.rank-math-html-sitemap__item:before {
  content: "\f054";
  font-family: 'icomoon';
  display: inline-block;
  width: 16px;
  font-size: 0.75rem;
}

.ls2 {
width: 12%;
clear:both;
float:left;
margin: 0 0 25px 0;
padding-right: 10px;
}
.rs2 {
width: 35%;
float:right;
margin: 0 0 25px 0;
padding-right: 10px;
}
.rs3 {
width: 30%;
float:right;
margin: 0 0 25px 0;
padding-right: 10px;
}
.rs4 {
width: 23%;
float:right;
margin: 0 0 25px 0;
}

.lsl img {
margin: 5px 0 20px 0;
padding: 0;
}

.eot {
	float: left;
	margin: 0;
}
/* Ende Tabellen */
/* Video */

/* Ende Video */
.zitat {
    font-weight: 600;
}
.gb-container.zitat {
border-bottom: 1px solid black;
width: 100%;
}
a.cta {
    font-size: 1.188rem;
    font-weight: 400;
}
.redstar {
    color: #F00;
    vertical-align: 3px;
    font-size: 1rem;
}
span.red {
    color: #F00;
}
.shariff.shariff-align-flex-start ul {
    justify-content: space-between!important;
}
p.insta {
line-height: 0;
}
.affi {
    padding-top: 64px;
    margin-bottom: 25px;
    float: left;
}
.affi p {
    font-size: 0.938rem;
    color: #777;
}
a.generate-back-to-top {
  border: 1px solid;
}
#matomo-opt-out {
  display: inline-block;
}
#trackVisits {
float: left;
clear: left;
margin-right: 0.5rem;
}
#matomo-opt-out label {
float: left;
margin-top: -0.438rem;
}
/* Breakpoint */

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

.hfeed .entry-header, .post .entry-header, .page .entry-header, .search-results .entry-header {
    margin-bottom: 12px !important;
}

/* Polaroid */ 
.gb-grid-wrapper.polaroid .gb-grid-column, .hfeed .generate-columns.grid-parent {
    width: calc(50% - 10px);
}
.polaroid .gb-grid-column:last-child {
  /*  margin-bottom: 0px; /*** hier stand 30px, der Wert muss zum übergeordneten Element .gb-grid-wrapper.polaroid, passt für Titelseite */
}
.kundenstatements .gb-grid-column:last-child {
    margin-bottom: 0;
}

.gb-grid-wrapper.polaroid {
margin-bottom: -16px;
}
.gb-grid-wrapper.kundenstatements {
  margin-bottom: -20px;
}

.pola-text p {
    /*text-align: justify;*/
}

.yarpp-thumbnails-horizontal {
    display: -webkit-flex;
   display: -ms-flex;
   display: flex;
   justify-content: space-between;
}
.entry-content .yarpp-thumbnails-horizontal .yarpp-thumbnail,
.entry-content .yarpp-thumbnails-horizontal a.yarpp-thumbnail {
    width: calc(33.33333333% - 10px);
    margin: 0 0 20px 0;
}
.pagination {
    margin-top: 0;
}
}

/* Breakpoint */
@media only screen and (min-width: 576px) {
.container {
    /*max-width: 100%;*/
}
.hfeed .post .entry-content p {
	/*width: 100%;*/
}
}
/* Tablet */
@media only screen and (min-width: 768px) {
.cta-pic {display:flex; }
.entry-content .gb-grid-wrapper.kundenstatements .gb-grid-column {
display: flex;
justify-content: flex-end;
flex-direction: column;
width: calc(50% - 15px);
}
.entry-content .gb-grid-wrapper.polaroid .gb-grid-column {
    width: calc(33.33333333% - 10px);
    float: left;
  }

.entry-content p.intro,
.archive p.intro,
.archive p.intro-lite,
.entry-content p,
.hfeed .post .entry-content p,
.archive .archiv-header p,
h1,
.entry-content h2,
.entry-content h3,
.entry-content ul,
.entry-content ol,
.news,
.archive .generate-columns-container,
.archive ul.wp-block-categories-list.wp-block-categories,
.entry-content .wp-block-group.alignfull.zweispalter,
.entry-content p.news.zitat-wrap,
.gb-grid-wrapper.print-gallery,
.gb-grid-wrapper.polaroid,
.gb-grid-wrapper.kundenstatements,
.gb-grid-wrapper.testimonial,
.gb-accordion button.gb-button,
.wp-block-ub-content-toggle,
.wp-block-categories-list,
.affi,
.shariff,
.yarpp-related,
.entry-content .yarpp-related + h3,
.autorenbox,
blockquote,
pre,
figure.wp-block-table,
.single-post .entry-content figure.wp-block-image,
.entry-content figure.gb-block-image,
.separate-containers .comments-area,
.tabelle,
#matomo-opt-out label,
.footer-offset,
.wpcf7 form.wpcf7-form p,
.wpcf7 form.wpcf7-form p.dsgvo {
    width: 66.66666666%;
}

.single-post .alarm h2,
.single-post .alarm p,
.entry-content h2.news,
.entry-content ul li ul,
.wp-block-ub-content-toggle-accordion-content-wrap p,
.wp-block-ub-content-toggle-accordion-content-wrap ul,
.wp-block-contact-form-7-contact-form-selector {
	width: 100%;
}
.entry-content .affi p,.entry-content .autorenbox p {
	width: 100%!important;
}

.site-footer p {
    font-size: 0.875rem;
}
.linie, .linie.oben {
    padding-top: 5px;
    padding-bottom: 5px;
}
.wp-block-gallery {
width: 33.33333333%;
  float: left;
  box-shadow: 10px 10px 45px #80808087;
}
.portfolio, .print-gallery .portfolio-text {
    float: right;
    width: calc(66.66666666% - 30px);
  }
.entry-content .zweispalter ul {
width: calc(100% - 30px);
}
.hfeed .generate-columns-container {padding-right: 5px;}
}
/*** Desktop-Basis-Layout aus Template Sider ***/
@media (min-width: 1001px) {
	body {
		padding:0;
		margin-left: 260px;
	}
	.separate-containers .site-main {
		margin-top: 0;
	}

	.site-header {
		position: fixed;
		left: 0;
		/*top: 0;*/
		width: 260px;
		z-index: 300;
		height: 100%;
		overflow: auto;
		overflow-x: hidden;
		-webkit-backface-visibility: hidden;
		-webkit-overflow-scrolling: touch;
		transition: .1s ease;
	}
	
	.admin-bar .site-header {
		top: 32px;
	}
	
	.site-header .main-navigation li {
		float: none;
	}
.inside-header {
  padding: 103px 10px 0px 30px;
}
.site-logo {
  width: 100%;
}
.main-navigation #primary-menu.main-nav ul li {
  padding-left: 0;
}
/*** Submenü nach rechts ausklappen ***/

#primary-menu {
width:100%;
}

header.site-header {
overflow: visible;
}
.main-navigation:not(.toggled) ul li:hover>ul {
top: 0;
left: 100%;
}
#site-navigation a, #site-navigation .menu-toggle, #site-navigation .menu-bar-items, #site-navigation .main-nav ul ul li a {
 /* font-size: 0.875rem;*/
}
/*** Ende Submenü ***/
#site-navigation .main-nav > ul {
  align-items: flex-start;
}
.main-navigation ul ul {
  width: max-content;
}
.no-sidebar:not(.archive):not(.blog) .inside-article > *, 
.no-sidebar:not(.archive):not(.blog) #comments,
.no-sidebar:not(.archive):not(.blog) .paging-navigation {
	max-width: 1200px;
	margin-left: 0;
	margin-right: 0;
	float: left;
	clear: both;
	width: 100%;
}
.archive .gb-grid-wrapper.hero-pics, .archive .archiv-header .gb-container, .archive .generate-columns-container {max-width: 1200px;}

.site-footer .gb-container {
  max-width: 800px;
}

.site-main { padding: 0 0 0 12vw;}
.hfeed .generate-columns-container {padding-left: 0; padding-right: 0;}

.archiv-header {
padding-left: 12vw;
}
}
/*** Ende Desktop-Basis-Layout aus Template Sider ***/

/* Desktop Breakpoint */
@media only screen and (min-width: 1001px) {
.container, .archiv-header {
    max-width: 100%;
}
.separate-containers .inside-article,
.separate-containers .page-header,
.separate-containers .paging-navigation,
.one-container .site-content,
/*.separate-containers .comments-area,*/
.inside-page-header {
    padding: 83px 30px 0 0;
  }

#content.container, .site-footer {
    padding: 70px 30px 10px 12vw
}
.search .generate-columns-container {padding: 0 30px 0 0;}
.archiv-header, .archive #page.site.grid-container.container.hfeed {padding-right: 30px;}
nav.rank-math-breadcrumb {margin-top: -25px;}
.rank-math-breadcrumb p {margin:0;}
.separate-containers .comments-area, .inside-page-header {padding: 0;}

.wortmarke2{
  display:block;
  margin-bottom: 38px;
  padding-left: 5px;
}
#site-navigation .main-nav > ul {
  margin-top: 35px;
  margin-left: 1px;
}
ul#main-menu {
    margin-top: 0px;
}
#primary-menu ul.sub-menu {/*margin-top: 3px;*/}
#primary-menu ul.sub-menu ul.sub-menu {/*margin-top: 0;*/}

#primary-menu li ul.sub-menu {
padding-left: 16px;
border: 1px solid #e7e7e7;
}
/* -60px verschiebt eine Zeile nach oben */
#primary-menu li.wissen-menu ul.sub-menu, #primary-menu li.arbeitsproben-menu ul.sub-menu {
margin-top: -120px;
}

#site-navigation.main-navigation .main-nav ul li a,
#site-navigation.menu-toggle,
#site-navigation.main-navigation .menu-bar-item > a {
  line-height: 3.75rem;
}

#site-navigation .dropdown-menu-toggle .icon-arrow {
/*    transform-origin: 50% 50%;*/
transform: rotate(270deg);
}

#site-navigation span.dropdown-menu-toggle span.gp-icon.icon-arrow {
position: relative;
top: 3px;
}
#site-navigation span.dropdown-menu-toggle span.gp-icon.icon-arrow-right {
position: relative;
top: 2px;
}

.slideout-navigation .main-nav ul li a {
  line-height: 4.063rem;
}
.custom-logo-link .img-fluid {
    margin-left: -13px;
    margin-bottom: 2px;
}
.site-branding p.main-title a {
    width: 230px;
    padding-top: 0;
}
.entry-content .gb-grid-wrapper.polaroid .gb-grid-column {
    width: calc(50% - 10px);
    float: left;
  }
.intro p:last-child {
/*margin-bottom: 0;*/
}
.print-gallery .portfolio-gallery {margin-top: 8px;}
p.caption, figcaption {
    display:block;
}
#content.container {
    padding-top: 80px;
}
/*
.entry-content .gb-grid-wrapper.kundenstatements .gb-grid-column {
    width: calc(50% - 20px);
}
*/
.archive h1 {margin-top: 102px;}
.search.search-results header.page-header {
padding: 100px 0 20px 0;
}

.form_border.double {
margin-top: 20px;
}
.form_border.double ul li {
width:calc(50% - 3px);
display:inline-block;
}
.form_border.double ul li.form_button {
width: 100%;
}
#newsletter_form form .form .form_border.double ul, .form_border.double ul li.form_button input.form_button_submit {
margin-bottom: 0!important;
}
#newsletter_form form .form .form_border.double ul li {
    vertical-align: bottom;
}
#newsletter_form form div.form div.form_border.double ul li input#email.form_field {
margin-bottom: 0;
padding: 10px 6px;
}
.form_border.double ul li#extra9_form, .form_border.double ul li#extra10_form {
display: none;
}

#newsletter_form form .form .form_border.double ul li input#email.form_field:active {
    padding: 12px 6px;
}
/* Table of Content */
.ez-toc-open-icon {
  top: 16%;
  display:inherit;
}
span.gp-icon.icon-search {
font-size: 0.75rem;
}
}

/* Desktop oberhalb 1200 px */
@media only screen and (min-width: 1200px) {
/*.row, .hfeed .generate-columns-container {
    max-width: 1349px;
}*/

.entry-content .intro p .shariff h3 {
	width: 100% !important;
}

.search .generate-columns-container {	
max-width: 1245px;
}

textarea#comment.form-control,
input#author.form-control,
input#url.form-control,
form#commentform.comment-form p.form-submit input#submit.btn.btn-secondary {
  width: 66.66666666%;
}
.entry-content .gb-grid-wrapper.kundenstatements .gb-grid-column {
    width: calc(33.33333333% - 20px);
}
}

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


.print-gallery .portfolio-text p,
.print-gallery h2.wp-block-heading,
.hfeed .post .entry-content .affi p,
.entry-content .gb-container.autorenbox p, .entry-content .gb-container.autorenbox h2 {
width: 100%;
}
.gb-grid-wrapper.polaroid .gb-grid-column {
    width: calc(50% - 10px);
    float: left;
  }
.entry-content .gb-grid-wrapper.kundenstatements .gb-grid-column {
    width: calc(50% - 20px);
}

/*.form-control, .wpcf7 .wpcf7-validation-errors, .wpcf7 input[type="color"], .wpcf7 input[type="date"], .wpcf7 input[type="datetime-local"], .wpcf7 input[type="datetime"], .wpcf7 input[type="email"], .wpcf7 input[type="file"], .wpcf7 input[type="month"], .wpcf7 input[type="number"], .wpcf7 input[type="range"], .wpcf7 input[type="search"], .wpcf7 input[type="submit"], .wpcf7 input[type="tel"], .wpcf7 input[type="text"], .wpcf7 input[type="time"], .wpcf7 input[type="url"], .wpcf7 input[type="week"], .wpcf7 select, .wpcf7 textarea, span.wpcf7-form-control.wpcf7-acceptance {
    width: 66.66666666%;
    display: inline-block;
}*/
.single .alarm {
    width: calc(66.66666666% - 10px);
}

.separate-containers .comments-area {
    max-width: 820px;
    padding-right: 20px;
  }

}

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

.site-main, .archiv-header, .site-footer {
    padding-left: 196px;
  }
.entry-content .gb-grid-wrapper.polaroid .gb-grid-column, .hfeed .generate-columns.grid-parent {
    width: calc(33.33333333% - 10px);
    /*float: left;*/
  }
.archive article:nth-child(3n+3):last-child, .search article:nth-child(3n+3):last-child {
margin-right: calc(33.33333333% + 5px);
}

}

@media print {

.shariff, .yarpp-related, .alarm {
    display:none;
}
}