/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-display: fallback;
  font-weight: 400;
  src: url('/site/templates/fonts/open-sans-v15-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Regular'), local('OpenSans-Regular'),
       url('/site/templates/fonts/open-sans-v15-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/site/templates/fonts/open-sans-v15-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/site/templates/fonts/open-sans-v15-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('/site/templates/fonts/open-sans-v15-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/site/templates/fonts/open-sans-v15-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-display: swap;
  font-weight: 400;
  src: url('/site/templates/fonts/open-sans-v15-latin-italic.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Italic'), local('OpenSans-Italic'),
       url('/site/templates/fonts/open-sans-v15-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/site/templates/fonts/open-sans-v15-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('/site/templates/fonts/open-sans-v15-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('/site/templates/fonts/open-sans-v15-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/site/templates/fonts/open-sans-v15-latin-italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-600 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-display: fallback;
  font-weight: 600;
  src: url('/site/templates/fonts/open-sans-v15-latin-600.eot'); /* IE9 Compat Modes */
  src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'),
       url('/site/templates/fonts/open-sans-v15-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/site/templates/fonts/open-sans-v15-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('/site/templates/fonts/open-sans-v15-latin-600.woff') format('woff'), /* Modern Browsers */
       url('/site/templates/fonts/open-sans-v15-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/site/templates/fonts/open-sans-v15-latin-600.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-700 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url('/site/templates/fonts/open-sans-v15-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Bold'), local('OpenSans-Bold'),
       url('/site/templates/fonts/open-sans-v15-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/site/templates/fonts/open-sans-v15-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('/site/templates/fonts/open-sans-v15-latin-700.woff') format('woff'), /* Modern Browsers */
       url('/site/templates/fonts/open-sans-v15-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/site/templates/fonts/open-sans-v15-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
}

html {font-size: 62.5%;}/* Standard setzen, damit im body 1.5rem = 15px entspricht */
body {
  font-size:15px; font-size:1.4rem;/* ps+rem wegen Fallback */
  color:#444; font-weight:normal;
  font-family:'Open Sans', Arial, Verdana, sans-serif;
  }

/* Hier die hinzu, die IMMER gecleart werden sollen */
blockquote:before,
.contentwrap:before,
.contentwrap:after,
.gal-images:after,
.lex-index:after,
.pagination:before,
.pagination:after,
.clear::after        {content:""; display:block; clear:both; height:0; width:100%;}

/* Einfache Flexboxdefinition zu gleichen Höhe */
/* Flexboxbereiche bisher: Startblocks, sidebar ab 900px, Megamenu .sf-menu .flexo, .seo-con */
.flexo {
  width:100%;
  display: -ms-flexbox; display: -webkit-flex; display: flex;
 -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row;

 -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between;

 -webkit-align-content: stretch;  -ms-flex-line-pack: stretch; align-content: stretch;
 -webkit-align-items: stretch;  -ms-flex-align: stretch; align-items: stretch;
 -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;
}
.no-flexbox .flexo {float:left;}/* Flexbox Fallback */

/* Flex-Items */
.two-boxes .box               {width:50%;}
.no-flexbox .two-boxes .box   {float:left;}

.three-boxes .box             {width:30%; margin-left:5%;}
.no-flexbox .three-boxes .box {float:left;}

.four-boxes .box              {width:23.5%;  margin-left:2%;}
.no-flexbox .four-boxes .box  {float:left;}

.flexo .box:first-child       {margin-left:0;}
.no-flexbox .box:first-child  {margin-left:0;}

/* Flex-Item Styles */
.box              {padding:0;}
.box:nth-child(1) {padding-left:0;}

/* Transitions der Contentbereiche */
.sidebar-rechts, .content {
  -webkit-transition:all 0.3s;
     -moz-transition:all 0.3s;
      -ms-transition:all 0.3s;
          transition:all 0.3s;
}

body          {background:#f9f9f9; background-attachment:fixed;}
#wrapper      {width:90%; max-width:1200px; margin: auto; background:#FFF;}
.w100         {width:100%; position:relative;}
.w100:after   {content: "."; display: block; height: 0; clear: both; visibility: hidden; overflow:auto;}
.contentwrap  {padding:0;}

.startslider  {background-color:#F5F5F5;}
.slogan       {position:absolute; left:0; bottom:8rem; font-size:2.2rem; font-weight:600; color:rgba(255,255,255,0.7); background-color:rgba(40,40,40,0.5); padding:1rem 4rem;}

.header                    {height:70px;}
.topnav                    {position:absolute; top:25px; right:250px;}
.languages li              {float:left;    width:20px; height:15px; text-indent:-999em; margin:0 0.35rem; padding:0; background:transparent url() no-repeat center center; background-size:cover;}
.languages a               {display:block; width:20px; height:15px; text-indent:-999em; color:#444; font-size:1.3rem; line-height:1.5rem; font-weight:400; padding:0 10px; text-decoration:none;}
.languages li:hover        {box-shadow:0 0 8px rgba(0,0,0,0.5);}
.languages li.current:hover{box-shadow:none;}
.languages .current        {opacity:0.3;}
/* Flagge DE und EN */
li.lang-1010                 {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='480' width='640' version='1'%3E%3Cpath fill='%23fc0' d='M0 320h640v160.002H0z'/%3E%3Cpath d='M0 0h640v160H0z'/%3E%3Cpath fill='red' d='M0 160h640v160H0z'/%3E%3C/svg%3E");}
li.lang-1022                 {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='480' width='640'%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill-opacity='.67' d='M-85.333 0h682.67v512h-682.67z'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg clip-path='url(%23a)' transform='translate(80) scale(.94)'%3E%3Cg stroke-width='1pt'%3E%3Cpath fill='%23006' d='M-256 0H768.02v512.01H-256z'/%3E%3Cpath d='M-256 0v57.244l909.535 454.768H768.02V454.77L-141.515 0H-256zM768.02 0v57.243L-141.515 512.01H-256v-57.243L653.535 0H768.02z' fill='%23fff'/%3E%3Cpath d='M170.675 0v512.01h170.67V0h-170.67zM-256 170.67v170.67H768.02V170.67H-256z' fill='%23fff'/%3E%3Cpath d='M-256 204.804v102.402H768.02V204.804H-256zM204.81 0v512.01h102.4V0h-102.4zM-256 512.01L85.34 341.34h76.324l-341.34 170.67H-256zM-256 0L85.34 170.67H9.016L-256 38.164V0zm606.356 170.67L691.696 0h76.324L426.68 170.67h-76.324zM768.02 512.01L426.68 341.34h76.324L768.02 473.848v38.162z' fill='%23c00'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");}


/* Alle Seiten außer Startseite */
.logo-con       {background:rgba(255,255,255,1.0); width:168px; height:231px; position:absolute; top:0; right:4rem; z-index:1000;}
.logo-con:hover {width:180px; height:248px;}
.logo-con a     {display:block; padding:1rem; }
.logo-con       {transition:width 0.5s, height 0.5s;}
.logo-con img   {display:block; max-width:100%; height:auto;}
/* Rundungen sollten zusammenpassen */
.logo-con       {border-bottom-right-radius:10px; border-bottom-left-radius:10px;}
.slogan         {border-bottom-right-radius:10px; border-top-right-radius:10px;}

.mainnav        {background-color:#C7D309;}

.sidebar-rechts       {background-color:#F5F5F5; min-width:0; padding:6.5rem 4rem 11rem 4rem;}
.ohne-kopfbild .sidebar-rechts {padding-top:11rem;}/* sonst rutschen die Blocks unters Logo. ohne-kopfbild kommt aus _main.php */
.sidebar-rechts       {width:35%;}
.content              {width:62%; padding:6rem 0 11rem 4rem;}
.no-sidebar .content  {width:100%; padding-right:4rem;}/* z.B. Galerien */

.startslider img      {max-width:100%; height:auto; display:block;}

.contentwrap              {line-height:2.25rem;}
.content h1               {font-size:2.4rem; color:#424242;}
.content h1               {margin:0 0 2.0rem 0; line-height:125%;}

/* Zur Platzierung des Icon die H1 padding-left:4 und Icon margin-left:-4 kommt wieder 0 raus */
.content h1               {padding-left:4rem;}
.content h1:before        {margin-left:-4rem; content:""; float:left; width:30px; height:30px; margin-right:10px; background:transparent url(/site/templates/images/heading-icon.svg) no-repeat left center; background-size:cover;}


.content h2               {font-size:1.75rem; color:#424242; font-weight:600; clear:both;}
.content h2               {margin:1rem 0 1rem 0; padding-top:1rem}
.content h2.toc           {padding-top:1rem;}
.galerie + h2             {margin-top:0;}/* H2 die direkt nach einer Galerie kommt */

.content h3               {font-size:1.5rem; color:#222; font-weight:600;}
.content h3               {margin:1.5rem 0 0.5rem 0;}

.content p strong         {color:#333;}
.content p                {margin-bottom:0.75rem;}

.content ul               {margin-bottom:2rem;}
.content li               {padding-left:17px; line-height:175%; background:transparent url('data:image/svg+xml;charset=utf-8,%3Csvg xmlns="http://www.w3.org/2000/svg" height="6" width="6" version="1" viewbox="0 0 6 6"%3E%3Ccircle cx="3" cy="3" r="3" stroke="none" fill="%23C7D309"/%3E%3C/svg%3E') no-repeat 0 9px;}

.content ol               {list-style:decimal; margin-left:16px;}
.content ol li            {background-image:none; padding-left:10px;}


/* +++++++++++++++++++++++++++++++++++
   Tabellen im Content
+++++++++++++++++++++++++++++++++++ */
.content table                      {margin-bottom:3rem;}
.content table tr:nth-child(odd) td {background-color:#F2F2F2;}
.content table td                   {padding:5px; vertical-align:top;}
.content table th                   {padding:5px; vertical-align:middle; text-align:left;}
.content table td:first-child       {width:30%;}
.content table p                    {padding:0; margin:0;}
@media only screen and (max-width: 1000px) {
.content table                      {width:100%;}
.content table thead                {display:none;}
.content table tr                   {display:block; margin:0.5rem 0;}
.content table td                   {display:block; width:100% !important; padding:2px 5px;}
.content table td:first-child       {font-weight:bold;}
}

/* +++++++++++++++++++++++++++++++++++
   Images im Content
+++++++++++++++++++++++++++++++++++ */
.content img              {max-width:100%; height:auto;}
img.align_left, img.align_right, img.align_center {padding:2px; background-color:#999;}
img.align_left            {margin:0 1.5rem 1rem 0;}
img.align_right           {margin:0 0 1rem 1.5rem;}
img.align_center          {display:block; margin:1rem auto; text-align:center;}
.content img.align_left   {float:left;}
.content img.align_right  {float:right;}
.content a, .sidebar-rechts a             {text-decoration:underline; color:#606C44;}
.content a:hover, .sidebar-rechts a:hover {text-decoration:none; color:#333;}


video {width:100%; height:auto; margin:25px 0;}
.galerie video {width:60%; height:auto; margin:25px 0;}
@media only screen and (max-width: 900px) {
.galerie video {width:100%; height:auto; margin:25px 0;}
}

/* Youtube Responsive Video */
.medialiste   {width:100%; margin:2rem 0 4rem 0;}
.video.w50    {width:47%;}
.video.wi100  {width:100%;}

.content .video h3        {font-size:1.75rem; margin-bottom:18px;}
.content .video h3:after  {content:''; display:block; width:20%; border-bottom:2px solid #C7D309; height:14px;}

.video .sample-text      {font-size:1.35rem; background-color:#F5F5F5; padding:0.5rem 1rem 0 0.5rem;}
.embed-container         {position: relative;	padding-bottom: 56.25%;	height: 0;}
.embed-container iframe  {position: absolute;	top: 0;	left: 0; width: 100%; height: 100%;}


/* +++++++++++++++++++++++++++++++++++
   Pagination
+++++++++++++++++++++++++++++++++++ */
.pagination        {padding-top:4rem;}
.pagination a      {display:inline-block; border:1px solid #CCC;}
.pagination a.prev {float:left;}
.pagination a.next {float:right;}


.acco p.align_center      {text-align:center;}



/* +++++++++++++++++++++++++++++++++++
   Blocks in Sidebar
+++++++++++++++++++++++++++++++++++ */
.sidebar-rechts .block        {margin:0 0 4rem 0;}
.sidebar-rechts h2            {font-size:1.5rem; font-weight:700;   margin-bottom:2.0rem;}
.sidebar-rechts h3            {font-size:1.3rem; font-weight:700;   margin-bottom:0.5rem; margin-top:4rem;}
.sidebar-rechts p             {font-size:1.3rem; font-style:normal; margin-bottom:1.5rem;}

/* CTA Interesse? */
.side-kontakt                 {background-color:#C7D309; padding:2rem; text-align:center;}
.side-kontakt h2              {font-size:2.5rem; font-weight:400; color:#FFF;}
.side-kontakt .button         {}


/* +++++++++++++++++++++++++++++++++++
   Footer
+++++++++++++++++++++++++++++++++++ */
footer            {padding:4rem; padding-bottom:8rem;}
.footer           {color:#AAA; line-height:175%;}
.footer h3        {color:#AAA; font-size:2.2rem; font-weight:400; margin:0 0 1.5rem 0;}
.footer a         {text-decoration:none; color:#AAA;}
.footer a:hover   {text-decoration:underline; color:#FFF;}

.ico              {display:block; margin:0 0 1em 0; padding:0;}
.ico svg          {width:80px; height:80px;}
.ico.socials svg  {width:40px; height:40px; display:inline-block; margin:0 0.5em 0 0; fill:#999;}
.ico.socials a:hover svg  {fill:#CCC;}
.ico.small        {float:left; margin:0 0.5em 0 0;}
.ico.small svg    {width:30px; height:30px;}
.footer .ico a:hover    {text-decoration:none;}


/* +++++++++++++++++++++++++++++++++++
   Toplevelpages wenn Übersichten
+++++++++++++++++++++++++++++++++++ */
.uebersicht         {list-style:none; margin:0;}
.uebersicht li      {background-image:none; padding:0 0 0 0;}
.uebersicht li a    {color:#606C44; font-weight:600;}
.uebersicht li p    {margin-bottom:0.5rem; line-height:150%;}
.uebersicht li h2   {margin:1.5rem 0 0 0; font-size:1.65rem;}



/* Deko */
#wrapper      {box-shadow:0 0 15px rgba(0,0,0,0.4);}
.logo-con     {box-shadow:3px 3px 8px rgba(0,0,0,0.4);}
.header       {background:#FFF;}
.footer       {background:#464646;}




 /* +++++++++++++++++++++++++++++++++++
    Accordion
 +++++++++++++++++++++++++++++++++++ */
.sidebar-rechts .acco h2      {font-size:2.0rem; font-weight:400; margin-bottom:2.0rem;}

.ico-spin                     {background:transparent url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='10' cy='10' r='10' stroke='none' fill='%23FFFFFF'/%3E%3Crect fill='%23CCCCCC' x='9' y='5' width='2' height='10'/%3E%3Crect fill='%23CCCCCC' x='5' y='9' width='10' height='2'/%3E%3C/svg%3E") no-repeat center center;}
.trigger:hover .ico-spin      {background-image:url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='10' cy='10' r='10' stroke='none' fill='%23FFF'/%3E%3Crect fill='%23CCCCCC' x='9' y='5' width='2' height='10'/%3E%3Crect fill='%23CCCCCC' x='5' y='9' width='10' height='2'/%3E%3C/svg%3E");}
.trigger_active .ico-spin     {background-image:url("data:image/svg+xml,%3Csvg height='20' viewBox='0 0 20 20' width='20' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='10' cy='10' r='10' stroke='none' fill='%23FFF'/%3E%3Crect x='5' y='9' width='10' height='2' fill='%23666'/%3E%3C/svg%3E");}
/*
.ico-spin                     {background:transparent url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='10' cy='10' r='10' stroke='none' fill='%23FFFFFF'/%3E%3Crect fill='%23C7D309' x='9' y='5' width='2' height='10'/%3E%3Crect fill='%23C7D309' x='5' y='9' width='10' height='2'/%3E%3C/svg%3E") no-repeat center center;}
.trigger:hover .ico-spin      {background-image:url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='10' cy='10' r='10' stroke='none' fill='%23FFF'/%3E%3Crect fill='%2388C652' x='9' y='5' width='2' height='10'/%3E%3Crect fill='%2388C652' x='5' y='9' width='10' height='2'/%3E%3C/svg%3E");}
.trigger_active .ico-spin     {background-image:url("data:image/svg+xml,%3Csvg height='20' viewBox='0 0 20 20' width='20' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='10' cy='10' r='10' stroke='none' fill='%23FFF'/%3E%3Crect x='5' y='9' width='10' height='2' fill='%23666'/%3E%3C/svg%3E");}
*/
.trigger:hover .ico-spin      {transform: rotate(180deg);}

.trigger .ico-spin {
  -webkit-transition: all 0.3s linear;
     -moz-transition: all 0.3s linear;
          transition: all 0.3s linear;
}

h3.trigger                    {background-color:#C7D309; color:#444; font-weight:600;}
h3.trigger                    {padding:8px 10px 8px 45px; margin:0 0 0.5rem 0;}


.acco h3.trigger_active       {background-color:#666; color:#FFF;}
.acco h3.trigger:hover        {cursor:pointer; background-color:#AEB629; color:#444;}
.acco h3.trigger_active:hover {background-color:#AEB629; color:#FFF;}
.acco h3.trigger_active + .toggle_container {}

.acco h3.trigger              {position:relative;}
.acco h3.trigger .ico-spin    {position:absolute; left:10px; top:10px; width:20px; height:20px;}

.toggle_container             {background-color:#FFF; padding:1.5rem; margin-bottom:1rem; margin-top:-1rem;}
.toggle_container p           {padding:0; margin-bottom:0.5rem;}
.acco-text                    {padding:0;}


.side-lex h3.trigger                    {background-color:#CCC; color:#444;}
.side-lex.acco h3.trigger:hover         {background-color:#666; color:#FFF;}
.side-lex.acco h3.trigger_active:hover  {background-color:#CCC; color:#444;}
.side-lex .ico-spin                     {background:transparent url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='10' cy='10' r='10' stroke='none' fill='%23FFFFFF'/%3E%3Crect fill='%23CCCCCC' x='9' y='5' width='2' height='10'/%3E%3Crect fill='%23CCCCCC' x='5' y='9' width='10' height='2'/%3E%3C/svg%3E") no-repeat center center;}
.side-lex .trigger:hover .ico-spin      {background-image:url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='10' cy='10' r='10' stroke='none' fill='%23FFF'/%3E%3Crect fill='%23CCCCCC' x='9' y='5' width='2' height='10'/%3E%3Crect fill='%23CCCCCC' x='5' y='9' width='10' height='2'/%3E%3C/svg%3E");}
.side-lex .trigger_active .ico-spin     {background-image:url("data:image/svg+xml,%3Csvg height='20' viewBox='0 0 20 20' width='20' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='10' cy='10' r='10' stroke='none' fill='%23FFF'/%3E%3Crect x='5' y='9' width='10' height='2' fill='%23666'/%3E%3C/svg%3E");}


.content .acco         {margin-top:3rem;}/* vermutlich nur faq-liste */
.content .acco h3      {font-size:1.3rem; font-weight:700;}


/* +++++++++++++++++++++++++++++++++++
   Formular
+++++++++++++++++++++++++++++++++++ */
p.success {padding:1.5rem; background:#DBEECA;}



/* +++++++++++++++++++++++++++++++++++
   Fotogalerien
+++++++++++++++++++++++++++++++++++ */
.page.galerie .content h2 {margin-bottom:18px;}
.page.galerie .content h2:after {content:''; display:block; width:20%; border-bottom:2px solid #C7D309; height:14px;}

.galerie.slider .owl-stage-outer {min-height:300px;}

.galerie.inline {margin:0; padding:1rem 0 2rem 0;  /*background-color:#F5F5F5; padding:2rem;*/ /*border-top:1px solid #CCC; border-bottom:1px solid #CCC;*/ }
.galerie.inline.einzelbild {margin:2rem 0; border-top:none; border-bottom:none; padding:0;}

.content .gal-titel      {font-weight:600; margin:1rem 0;}/* H3 */
.gal-text       {}
.gal-text p     {margin-bottom:1rem;}
.gal-images     {/*border:1px solid #999; padding:5px;*/}
.gal-images img {max-width:100%; height:auto; display:inline;}

.galerie.slider .gal-images a             {margin:0;}
.galerie.einzelbild .gal-images a         {margin:0;}
.galerie.mehrbildgalerie .gal-images a    {margin:0 10px 10px 0; border:1px solid #CCC; float:left;}
.galerie.mehrbildgalerie .gal-images a:hover {box-shadow:1px 2px 10px rgba(60,60,60,0.8); border-color:#FFF;}

.galerie.slider .gal-images img           {margin:0;}
.galerie.einzelbild .gal-images img       {margin:0;}
.galerie.mehrbildgalerie .gal-images img  {margin:0; display:block;}

.galerie.mehrbildgalerie .gal-images a      {position:relative; width:120px; height:120px; overflow:hidden;}
.galerie.mehrbildgalerie .gal-images a img  {position:absolute; width:100%; height:100%; transition:all 0.3s;}
.galerie.mehrbildgalerie .gal-images a:hover img  {transform:scale(1.1);}

.galerie .galerie {padding:1rem 0;}


h3.trigger,
.lex-index a,
.galerie.mehrbildgalerie .gal-images a {
  -webkit-transition: all 0.2s;
     -moz-transition: all 0.2s;
          transition: all 0.2s;
}


/* +++++++++++++++++++++++++++++++++++
   CTA Block Interesse? Page unten
+++++++++++++++++++++++++++++++++++ */
.interesse          {background-color:#C7D309; padding:4rem;}
.interesse h2       {text-align:center;color:#555; margin:0 0 1rem 0; font-size:2.2rem;}
.cta-text           {color:#FFF; font-size:1.7rem; text-align:center !important;}
.cta-text p         {text-align:center !important; color:#FFF !important;}
.interesse .button  {margin-top:2.5rem;}



/* +++++++++++++++++++++++++++++++++++
   Startseite
+++++++++++++++++++++++++++++++++++ */
.home .content {padding:0;}

.intro                    {text-align:center; padding:5rem 4rem; background-color:#f9f9f9;}
.intro h1                 {color:#444; margin:0 0 1.5rem 0; /*text-shadow:1px 1px 1px rgba(0,0,0,0.2);*/}
/* Hier kein Icon */
.content .intro h1        {padding-left:0;}
.content .intro h1:before {display:none;}

.intro p                  {/*font-size:1.7rem;*/ color:#666;}
.content .intro p strong  {color:#666;}

.startblock       {background-color:#C7D309; min-height:300px;}
.bildo, .texto    {width:50%;}

/* bei jedem zweite Block(gerade Zahl) wird das Bild nach recht an die zweite Stelle verschoben. Dank Flexbox */
/*.startblock:nth-child(odd) .bildo  {-webkit-order:1; -moz-order:1; -ms-order:1; order:1; }
.startblock:nth-child(odd) .texto  {-webkit-order:2; -moz-order:2; -ms-order:2; order:2;}
*/
.startblock:nth-child(even) .bildo  {-webkit-order:2; -moz-order:2; -ms-order:2; order:2;}
.startblock:nth-child(even) .texto  {-webkit-order:1; -moz-order:1; -ms-order:1; order:1; }



.bildo            {background-position:center center; background-size:cover; background-repeat:no-repeat;}/* Das Bild ist als BG-Image drin */
.texto            {padding:4rem;}
.texto h2         {color:#FFF; margin:0 0 1.5rem 0; font-size:2.2rem; text-shadow:1px 1px 1px rgba(0,0,0,0.2);}
.content .texto li {
  padding-left:28px; line-height:185%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24'%3E%3Cpath fill='%23FFFFFF' d='M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.11 0 2-.9 2-2V5c0-1.1-.89-2-2-2zm-9 14l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z'/%3E%3C/svg%3E%0A");
  background-position: 0 1px;
  }
.texto .button.klar {border-color:#FFF; color:#FFF !important;}


/* Newsblocks */
.mehrblock .texto h2      {font-size:2.2rem; color:#666; text-shadow:none;}
.mehrblock .texto h2 span {font-size:1.4rem; display:block; color:#666; font-weight:400;}
.mehrblock .button        {margin-top:2rem;}


/* NEWS Summary */
.content h2.mehr-news    {margin:2rem 0;}
.summary      {margin-bottom:2rem;}
.summary-bild {width:27%;}/* flexo */
.summary-text {width:69%;}/* flexo */
.summary-text h3 {margin:0 0 1rem 0;}

/* Testimonials */
.testimonials {padding:4rem; background-color:#F5F5F5;}
.testimonials h2       {text-align:center; color:#666; margin:0 0 1rem 0; font-size:2.2rem; font-weight:400;}



.lex-index    {list-style:none; margin:0 0 4rem 0; padding:0;}
.lex-index li {float:left; margin:0 5px 5px 0; padding:0; background-image:none;}
.lex-index a  {display:block; background:#C7D309; color:#444; font-size:1.3rem; padding:5px; text-decoration:none;}
.lex-index a:hover  {background:#AAA; color:#444;text-decoration:none;}


.coach      {clear:both; margin:4rem 0;}
.coach h2   {margin:0 0 1.5rem 0;}
.coach img  {margin:0 2rem 0 0;}

.kunde      {clear:both; margin:0;}
.kune h2    {margin:0 0 1.5rem 0;}
.kunde img  {margin:0 2rem 0 0;}




@media only screen and (max-width: 1100px) {
.logo-con           {width:120px; height:165px;}
.logo-con:hover     {width:125px; height:170px;}
.topnav {right:190px;}
.sidebar-rechts {padding-left:1rem; padding-right:1rem;}
}

@media only screen and (max-width: 1050px) {
 #wrapper          {width:96%;}
}
@media only screen and (max-width: 960px) {
.logo-con           {right:10px;}
.topnav {right:160px;}
}

@media only screen and (max-width: 900px) {
body                {color:#222;}
.mainnav a          {font-size:1.3rem;}
.content            {width:65%; }
.sidebar-rechts     {width:100%; border-top:1px solid #999; padding-top:4rem; padding-bottom:4rem;}
.ohne-kopfbild .sidebar-rechts {padding-top:4rem;}
footer              {margin-left:0; padding:3rem;}

.logo-con           {display:none;}
.slogan             {bottom:20%; font-size:1.8rem;}
.header             {border-top:1px solid #A5D2DA; height:30px;}
.topnav             {top:6px; right:15px;}
.contentwrap.flexo  {-webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row;}
.sidebar-rechts     {-webkit-order:3; -moz-order:3; -ms-order:3; order:3; }
.sidebar-rechts,
.content           {width:100%; padding:5%;}
.sidebar-rechts    {background-color:#FFFFFF;}
.acco-text         {font-size:1.5rem; line-height:150%;}

.page.galerie .content h2:after {width:40%;}

.interesse        {padding:2rem;}
.cta-text         {font-size:1.6rem;}
}

@media only screen and (max-width: 700px) {
.slogan     {font-size:1.6rem;}
.galerie.slider .owl-stage-outer {min-height:250px;}

.bildo, .texto    {width:100%;}/* Alle untereinander */
.bildo            {padding-bottom:50%;}/* hat ja keinen Inhalt, deshalb künstlichper padding */
.texto            {padding:2rem;}
.texto h2         {margin:0 0 2rem 0;}

}


@media only screen and (max-width: 650px) {
/* Sonst quetscht es die Bilder... */
.galerie.mehrbildgalerie .gal-images a      {/*margin:0 5px 5px 0; width:32%;*/}
.galerie.mehrbildgalerie .gal-images img    {/*width:100%; height:auto;*/}

.galerie.mehrbildgalerie .gal-images a      {}
.galerie.mehrbildgalerie .gal-images a img  {}

.pagination a.prev, .pagination a.next {float:none; display:block; margin:0.5rem 0;}
.pagination .button {padding:5px;}
.pagination a.prev  {text-align:left;}
.pagination a.next  {text-align:right;}

.video.w50    {width:100% !important;}
}


@media only screen and (max-width: 500px) {
html              {font-size: 55%;}
#wrapper          {width:96%;}
footer            {padding:5%;}
.header           {border-top:none; height:25px;}
.topnav           {top:0;}
.logo-con         {margin-left:2rem; width:90%; height:85px;}
.logo-con img     {max-width:100%; height:auto;}
.slogan           {font-size:1.3rem; font-weight:400; padding:0.3rem 1rem 0.3rem 2rem; line-height:125%; bottom:1rem;}
.sidebar-rechts   {border-top:none;}

.content h1       {font-size:2rem;}
.content h1:before{width:24px; height:24px;}
.content li       {background-position:0 8px; line-height:175%;}
.content .texto li{background-position:0 0;}

.acco h3.trigger .ico-spin {top:5px;}/* weil die Fonts kleiner werden */
h3.trigger        {font-size:1.3rem; line-height:125%;}
.acco-text        {font-size:1.3rem; line-height:125%;}
.toggle_container {padding-left:1.5rem;}

.galerie.slider .owl-stage-outer            {min-height:200px;}
.galerie.mehrbildgalerie .gal-images a      {/*margin:0 5px 5px 0; width:48%; */}
.galerie.mehrbildgalerie .gal-images img    {/*width:100%; height:auto;*/}

.galerie.mehrbildgalerie .gal-images a      {}
.galerie.mehrbildgalerie .gal-images a img  {}

.coach {margin:1rem 0;}

.summary-text {width:75%;}

.footer .box {width:100%; margin:0 0 3rem 0;}

.intro    {background-color:#C7D309; padding:2rem;}
.intro h1, .intro p, .content .intro p strong  {color:#222;}
.intro p  {font-size:1.5rem; line-height:150%; }
.testimonials {padding:2rem;}

.content img.align_right, .content img.align_left, .detail img, .coach img, .kunde img  {max-width:35%;}
}


@media only screen and (max-width: 340px) {
.startslider   {display:none;}
}

/* +++++++++++++++++++++++++++++++++++
   Adminzeugs
+++++++++++++++++++++++++++++++++++ */
#editpage       {
  position:fixed;  top:0; left:0;
  width:80px; padding:3px;
  background-color:rgba(160,180,10,0.3);
  font-size:1.1rem; text-decoration:none; color:#666; text-align:center;
  transition:all 0.3s;
  box-shadow:0 1px 5px rgba(0,0,0,0.4);
  }
#editpage:hover {background:rgba(60,60,60,0.6); color:#FFF;}

#mobile-trigger, #mobile-close {display:none;}
/*.mini-ico {float:left; width:32px; height:32px; margin:0 10px 0 0;background:#88C652; color:#FFF;}*/



/* Bemmchen Banner Startseite */
.bemmchen           {padding:4rem; background-color:#FFF; border-top:2px solid #00B250; border-bottom:2px solid #00B250; text-align:center;}
.bemmchen .one      {width:30%; margin:0 auto;}
.bemmchen h2        {text-align:center; color:#666; margin:0 0 1rem 0; font-size:2.2rem; font-weight:400;}

@media only screen and (max-width: 700px) {
.bemmchen .one      {width:60%;}
}
@media only screen and (max-width: 500px) {
.bemmchen .one      {width:100%;}
}

.home .content {position:relative;}
#bem  {position:absolute; width:200px; height:134px; background:#EEE; top:-160px; right:40px; box-shadow: 3px 3px 8px rgba(0,0,0,0.5);}
@media only screen and (max-width: 820px) {
  #bem {right:5px; top:-120px; width:150px; height:100px;}
}
@media only screen and (max-width: 600px) {
  #bem {right:5px; top:-60px; width:120px; height:80px;}
}
@media only screen and (max-width: 340px) {
  #bem {right:auto; left:5px; top:-40px; width:80px; height:60px;}
}

#bem {display:none !important;}