@import url('https://www.aadaktio.de/layout/aadaktio/googlefonts/lato.css');

* { margin:0px;padding:0px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box; }

html, body { height:100%;font-family:'Lato', sans-serif;font-size:16px;line-height:1.563em;color:#000000;background:#f0f0f0; }

.clearboth { clear:both;height:0px;line-height:0px;font-size:0px; }
.loader { display:none;position:absolute;margin:-25px 0 0 -25px;top:50%;left:50%; }
a images { border:none; }

/* Colors */


/* Form Settings - START*/
input, select, textarea { font-family: 'Lato', sans-serif;font-size: .813em;line-height:1.563em;color:#666666;background-color:#FFFFFF;border:1px solid #cecece;padding: .3em .5em; }
input[type=submit] { width:auto;border:1px solid #0086b3;background:#0099cc;color:white;cursor:pointer; }
input[type=submit]:hover { width:auto;background:#0086b3; }
input[type=text], input[type=email] { width:96%; }
input[type=checkbox],
input[type=radio] { cursor:pointer;-ms-transform:scale(1.2);-moz-transform:scale(1.2);-webkit-transform:scale(1.2);-o-transform:scale(1.2); }
input:required { border-color:#cecece;box-shadow:none !important;-webkit-box-shadow:none !important;outline:0; }
input:focus:required:invalid { border-color:red; }
input:focus:required:valid { border-color:green; }
.wrapper-header { background:rgba(255,255,255,1);padding:0px;width:100%;height:auto;border-bottom:3px solid #51812e; }
.wrapper-header .header { position:relative;width:1400px;height:auto;margin:0 auto;padding:30px 0;font-size:20px;line-height:20px;font-weight:700;color:#000000;text-align:right; }
.wrapper-header .header a { text-decoration:none;color:#575756;cursor:pointer;padding:0 0 48px 0; }
.wrapper-header .header .logo { width:180px;float:left; }
.wrapper-header .header .logo img { width:100%; }
.wrapper-header .header .navigation { display:inline-block;list-style-type:none;width:auto;padding:38px 0 0; }
.wrapper-header .header .navigation a.hover { border-bottom:7px solid #51812e; }
.wrapper-header .header .navigation li { position:relative;display:inline-block;margin:0 25px 0 0;height:auto; }
.wrapper-header .header .navigation li.navbar_action { display:none; }
.wrapper-header .header .navigation li:last-child { margin:0; }
.wrapper-index {  }
.wrapper-index .content-container { position:relative;width:1400px;height:100%;margin:0 auto; }
.wrapper-index .content-container .partner-logo { width:100%;display:flex;justify-content:space-between;align-items:center;padding-top:50px; }

.wrapper-index .content-container .partner-logo .vdivbb-logo {  }
.wrapper-index .content-container .partner-logo .vdivbb-logo a { display:block;padding:0; }

.wrapper-index .content-container .partner-logo .certified-wrapper {  }
.wrapper-index .content-container .partner-logo .certified-wrapper .certified { width:fit-content;background:rgba(255,255,255,0.8);padding:25px;text-align:center;margin:0 auto 0; }
.wrapper-index .content-container .partner-logo .certified-wrapper .certified p { color:#003d8f;font-style:italic;font-size:18px; }
.wrapper-index .content-container .partner-logo .certified-wrapper .certified p span { font-weight:600; }

.wrapper-index .content-container .partner-logo .eis-logo { grid-area:eis;text-align:right; }
.wrapper-index .content-container .partner-logo .eis-logo a { padding:0; }
.wrapper-index .content-container .partner-logo .eis-logo a img { margin-top:50px;width:250px; }

.wrapper-index .content-container .content { position:relative;display:block;width:100%;font-weight:300; }
.wrapper-index .content-container div.slogan { width:520px;background:rgba(255,255,255,0.8);padding:50px;text-align:center;margin:0px auto; }
.wrapper-index .content-container div.slogan h1 { font-weight:700;font-size:38.5px;margin:0 0 20px 0; color:#003d8f; }
.wrapper-index .content-container div.slogan h2 { font-size:20px;margin:0 0 35px 0;color:#51812e; }
.wrapper-index .content-container div.slogan img { width:40%; }
.wrapper-content { margin:30px 0; }
.wrapper-content .content-container { position:relative;width:1400px;height:100%;margin:0 auto; }
.wrapper-content .content { position:relative;display:block;width:100%;height:100%;font-weight:300; }
.wrapper-content h1 { color:#003d8f;font-weight:400;font-size:24px;margin-bottom:20px;text-align:center; }
.wrapper-content h1 a { color:#51812e; }
.wrapper-content h1 a:hover { color:#51812e; }
.wrapper-content h2 { color:#51812e;font-weight:400;font-size:20px;font-style:italic;margin-bottom:1em;text-align:center; }
.wrapper-content h3 { font-size:1.1em;color:#000000;font-weight:200; }
.wrapper-content h3.humor_h3 { font-size:1.1em;color:#003d8f;font-weight:200;font-style:italic;margin-bottom:1em;text-align:center; } 
.wrapper-content strong { font-weight:600; }
.wrapper-content a { color:#000000;text-decoration:underline; }
.wrapper-content a:hover { color:#000000; }
.wrapper-content a.button { text-decoration:none;padding:6px;border: 1px solid #000000;line-height:40px;background:#f0f0f0; }
.wrapper-content a.button:hover { background:#ffffff; }
.wrapper-content p { margin:0 0 1em 0;font-weight:300; }
.wrapper-content p:last-of-type { margin-bottom:0px; }
.wrapper-content ul, .wrapper-content ol { margin:0 0 1em 0; }
.wrapper-content ul li { list-style-type:none; }
.wrapper-content ul li::before { content:"\25A0";color:#51812e;padding-right:1.0em; }
.wrapper-content ul li ul { padding-left:25px; }
.wrapper-content ul li ul li::before { content:"\25CF"; }
.wrapper-content ol { list-style-type:decimal;padding-left:1.0em; }
.wrapper-content ol li { list-style-type:inherit; }
.wrapper-content ol li::before { content:"";color:#fff;padding-right:0; }
.wrapper-content .youtube { text-align:center; }
.wrapper-content .youtube iframe { width:560px;height:315px; }
.wrapper-content .wrapper-kontakt-bild { width:100%;position:relative; }  
.wrapper-content .wrapper-kontakt-bild .kontakt-bild { width:100%;z-index:10; }
.wrapper-content .wrapper-kontakt-bild .kontakt-bild figure { margin:20px auto;width:100%;text-align:center; }  
.wrapper-content .wrapper-kontakt-bild .kontakt-bild figure img { width:auto; }
.wrapper-content .wrapper-kontakt-bild .kontakt-bild figure figcaption div { width:100%;text-align:center; }

.wrapper-content .wrapper-kontakt-bild .qr-code { position:absolute;top:10px;left:10px;z-index:15; }
.wrapper-content .wrapper-kontakt-bild .qr-code img { height:200px; }
.wrapper-content .app-images { height:315px;margin-bottom:1em;display:inline-block; }
.wrapper-content .app-images img { height:315px;margin-right:30px; }
.wrapper-content .app-images img:last-of-type { margin-right:0px; }
.wrapper-content .mini-logo { height:16px;margin:0;padding:0; }

.youtube.wrapper { margin: 25px 0 25px 0;width:100%; }
.youtube .video-frame-action { height:315px;width:560px;margin:0 auto;background:rgba(0,0,0,.3);cursor:pointer;display:grid;align-items:center;justify-items:center;;background-size:cover;background-position:center;filter:saturate(0);-webkit-transition:all 0.5s 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; }
.youtube .video-frame-action {  }
.youtube .video-frame-action:after { content:"Video von Youtube laden";color:#ffffff;background:rgba(0,0,0,.6);font-size:28px;line-height:28px;font-weight:500;border:8px solid #ffffff;padding:25px;-webkit-transition:all 0.5s 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; }
.youtube .video-frame-action:hover { filter:saturate(1); }
.youtube .video-frame-action:hover:after { background:rgba(0,0,0,.8); }

.scroll-btn { text-align:center;position:fixed;right:40px;bottom:40px;opacity:0.6;display:none; }
.scroll-btn .scroll-up i { font-size:32px;line-height:40px;width:40px;background:#51812e;border-radius:25px;color:#f0f0f0; }

.wrapper-footer { margin-bottom:30px; }
.wrapper-footer .footer-container { width:1400px;margin:0 auto;font-size:14px;padding-top:30px;font-weight:300;border-top:2px solid #dadada; }
.wrapper-footer .footer-container a { text-decoration:none;color:#000000; }
.wrapper-footer .footer-container div { width:25%;float:left;border-left:1px solid #dadada;padding-left:20px; }
.wrapper-footer .footer-container div:first-of-type { padding-left:0;border-left:none; }
.wrapper-footer .footer-container div:nth-child(4) { padding-left:0;text-align:right; }
.wrapper-footer .footer-container div:last-of-type { padding-left:0;width:0; }
.wrapper-footer .footer-container div img { width:125px; }

/* Normal Screen */
@media only screen and (max-width: 1440px) {
  .wrapper-header .header { width:1140px;font-size:19px;line-height:19px; }    
  .wrapper-header .header .navigation { padding:38px 0 0; }
  .wrapper-index .content-container { width:1140px; }
  .wrapper-content .content-container { width:1140px; }
  .wrapper-footer .footer-container { width:1140px; }
}

/* Smaller Screen & Tablet Horizontal */
@media only screen and (max-width: 1166px) {
  .wrapper-header .header { width:100%;padding:20px 30px;font-size:15px;line-height:17px; }
  .wrapper-header .header a { padding:0 0 30px 0; }
  .wrapper-header .header .logo { float:left;width:150px; }
  .wrapper-header .header .navigation { padding:38px 0 0 }
  .wrapper-index .content-container { width:100%; }
  .wrapper-index div.slogan { width:412px;padding:30px; }
  .wrapper-index div.slogan h1 { font-size:33px;margin:0 0 15px 0; }
  .wrapper-index div.slogan h2 { font-size:17px; }  
  .wrapper-content .content-container { width:100%;padding:0 30px; }
  .wrapper-content .wrapper-kontakt-bild .kontakt-bild figure { margin:20px auto;width:100%; }
  .wrapper-content .wrapper-kontakt-bild .qr-code img { height:150px; }
  .wrapper-content .app-images { height:280px; }
  .wrapper-content .app-images img { height:280px;margin-right:7px; }  
  .wrapper-footer { padding:0px 30px;margin-top:0px; }
  .wrapper-footer .footer-container { width:100%; }
  
}             
@media only screen and (max-width: 1000px) {
  .wrapper-header .header { font-size:13px;line-height:17px; } 
  .wrapper-header .header a { padding:0 0 32px 0; } 
  .wrapper-content .app-images { height:auto; }
  .wrapper-content .app-images img { height:auto;width:49%;margin-right:2%; }  
  .wrapper-footer .footer-container div { width:33%; }
  .wrapper-footer .footer-container div:first-of-type { width:20%; }
  .wrapper-footer .footer-container div:nth-child(4) { width:14%; }
}

@media only screen and (max-width: 890px) {  
  .wrapper-header .header .navigation { float:right;font-size:20px;line-height:20px;padding:20px 0 0;width:70%; }
  .wrapper-header .header .navigation li { width:100%;height:auto;font-size:17px;margin:0px;padding:13px 20px; }
  .wrapper-header .header .navigation li.navbar_action { width:100px;margin:0 0 13px 0;padding:0 20px 0 0;font-size:40px;color:darkgrey;display:inline-block; }  
  .wrapper-header .header .navigation a.hover { border-bottom:none; }
  .wrapper-header .header .navigation li.hover { border-right:7px solid #51812e;margin-right:-10px; }
  .wrapper-index { padding:0; }

  .wrapper-index .content-container .partner-logo { padding:25px; }
  .wrapper-content .wrapper-kontakt-bild .qr-code { visibility:hidden; }
  .wrapper-footer .footer-container div { width:%; }
  
}        

/* Tablet */
@media only screen and (max-width: 768px) {
  body { height:auto; }
  .wrapper-header .header .navigation { width:50%; }
  .wrapper-index .content-container .partner-logo .vdivbb-logo a img { width:50%; } 

  .wrapper-index .content-container .partner-logo .certified-wrapper .certified { padding:15px; } 
  .wrapper-index .content-container .partner-logo .certified-wrapper .certified p { font-size:15px; }

  .wrapper-index .content-container div.slogan { width:auto; }  
  .wrapper-index .content-container div.slogan h1 { font-size:25px;margin:0 0 5px 0; }
  .wrapper-index .content-container div.slogan h2 { font-size:13px; }
  .wrapper-index .content-container div.slogan img { width:40%; }
  .wrapper-content .youtube iframe { width:356px;height:200px; }
  .wrapper-content .qrcode { float:right;width:150px; }
  .wrapper-footer { margin:0; }
  .wrapper-footer .footer-container div { width:100%;border-bottom:1px solid #dadada;padding:20px 0;border-left:none; }
  .wrapper-footer .footer-container div:first-of-type { width:100%;padding-top:0; }
  .wrapper-footer .footer-container div:nth-child(4) { width:100%;border:none;text-align:left; }
  .wrapper-footer .footer-container div:last-of-type { border:none;padding:0; }
}

/* SmartPhone */
@media only screen and (max-width: 480px) {    
  .wrapper-index .content-container div.slogan h1 { font-size:23px;margin:0 0 0px 0; }
  .wrapper-index .content-container div.slogan h2 { font-size:12px; } 

  .wrapper-content .wrapper-kontakt-bild .kontakt-bild figure img { width:100%;height:auto; }
  .wrapper-content .qrcode { float:inherit;width:150px;margin:0 auto; }
  .wrapper-content .qrcode img { width:150px; }
  .wrapper-content .app-images img { height:auto;width:100%;padding-right:0%; }
  .scroll-btn { right:20px;bottom:20px; }
}

/* Mobile */
@media only screen and (max-width: 425px) {
  .wrapper-header .header .navigation { padding:10px 0 0 0;width:65%; }
  .wrapper-header .header { padding:20px 10px 10px 20px; }
  .wrapper-header .header .logo { float:left;width:100px; }
  .wrapper-header .header .logo a { padding:inherit; }
  .wrapper-index .content-container div.slogan img { width:50%; }
  .wrapper-content .youtube iframe { width:260px;height:146px; }
}