.content{padding-left: 10px;padding-right: 10px;display: block;margin-right: -1;border: 1px solid #717171;margin-top: -1px;}
.search{padding-right:20px;margin-left:0;margin-top:10px;width: 250px;}
.button{margin-bottom: -3px;margin-left: 35px;}

.button3{float: right;margin-top: 7px;padding-right:8px;}
.headline{font-size: 18px;font-weight: bold;margin-top:10px;} 
.text-search{font-size: 16px;float: right;margin-top: 9px;padding-right:60px;}

.text-search3{font-size: 16px;float: right;margin-top: 4px;}
.sportvereine{margin-left: 100px;margin-bottom: 15px;margin-top: 20px;}
.sportarten{margin-left: 13px;}
.dropdown1{float:left;}
.dropdown2{float:right;} 
.dropdown3{margin-bottom:20px;margin-top:85px;}  
.inline{border-top: 1px solid #aaaaaa;padding-right:10px; }
.sportart{font-size: 14px;margin-bottom: -13px;}
.size{width:195px;}
.results{margin-left:10px;margin-right:10px;margin-bottom:20px;}
.logo{padding-left:10px}
.companyname{font-size: 14px;}


.web{margin-top: 20px;padding-left: 0;}

.adresse{padding:5px 0 5px 0;border-top: 1px solid #717171;line-height: 0.4;}

.funktion{line-height: 0.4;float: right;padding-right: 130px;margin-top: -211px;}
.green{color: #3D9A6B;margin-left: 135px;font-size: 12px;font-weight: bold;margin-top: 10;}
.text-search1 {font-size: 16px;float: right;margin-top: 9;padding-right: 50px;}

.kontakt {
    padding: 5px 0;
}

.logo img {
float:left;
width: 125px;
padding: 0 10px 0 0;
}
.companyname {
float:left;
width: 240px;
padding: 50px 0 0;
}
.clear {
clear:both;
}

.sportvereine{margin-left: 100px;margin-bottom: 15px;margin-top: 20px;}
.sportarten{margin-left: 12px; width:380px;}
.verein-item {
width: 380px;
padding: 20px;
}
.verein-item img {
padding: 10px;
}
.logo {

padding: 0 0 20px 0;
}
.angebot {
float:left;
width: 115px;
padding: 0 10px 0 10px;
}
.angebot ul {
    padding: 0;
    margin: 0;
}
.infos {
    float:left;
    width: 240px;
    margin: 0 0 15px 0;
}

.bold {
    font-weight:bold;
}
.link {
    text-decoration:underline;
}
.sp-city {
    margin: 0 0 5px 0;
}

.results-detail {
    padding: 0 10px;
}
.sp-sportstaetten {
    float:left;
    width: 210px;
}
.sp-oeffnungszeiten {
    float:left;
    width: 130px;
}
.sp-search-query {
    float:left;
    width: 250px;
}
.sp-search-go {
    float:left;
    width: 60px;
    background: url('../Resources/sportvereine/suche-pfeil.gif');
    background-repeat: no-repeat;
    padding: 10px 0 0 16px;
    background-position: 0px 12px;
    
}
#vereine_query {
    width: 210px;
margin-top: 10px;
}
.sp-sportstaetten-title, .sp-sportstaetten-oeffnungszeiten-title {
    float:left;
    margin: 10px 0 10px 0;
}
.sp-sportstaetten-title {
    width: 210px;
}
.sp-sportstaetten-oeffnungszeiten-title {
    width: 130px;
}

.sp-sportstaetten-container {
    padding: 0 0 10px 0;
}
.sp-vgn img {
    border:none;
}
.sp-icons-container {
    width:400px;
}
 .clear { clear: both; }
    .sp-form-item { clear: both; }
    .sp-form-label { float: left; width: 130px; font-weight: bold; }
    .sp-form-value { float: left; }
    .sp-form-bold { font-weight: bold;padding: 15px 0 5px 0; }
    .sp-form-subtitle { font-weight: bold; font-size: 14px; padding:30px 0 15px}
    .sp-form-button { font-weight: bold; font-size: 16px;float: right; padding: 20px 0 0 0; }
    .sp-sub-label { font-size: 9px;}

body .cookie_richtlinien {
    z-index: 99999999;
}
.cookie_richtlinien {
    background: none repeat scroll 0 0 #FFF;
    border: 3px solid #BBB;
    bottom: 10px;
    height: 210px;
    padding: 10px;
    position: fixed;
    right: 10px;
    width: 200px;
    z-index: 200;
}
.cookie_richtlinien h1 {
    font-size: 18px;
    margin: 6px 0;
}
.cookie_richtlinien p {
    font-size: 12px;
    margin-bottom: 26px;
}
.cookie_richtlinien span {
    background: none repeat scroll 0 0 #3D9A6B;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 13px;
    padding: 7px 36px;
}


/* Klaro Styling*/

button.reset-consent {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #077F42;
    padding: 11px;
    -webkit-transition: 0.25s ease;
    -o-transition: 0.25s ease;
    transition: 0.25s ease;
    border: none;
    border-radius: 2px;
    color: #fff;
    cursor: pointer;
    margin-left: 0;
}

button.reset-consent:hover {
    background-color: #97c73d;
    /* -webkit-transition: 0.25s ease; */
    -o-transition: 0.25s ease;
    transition: 0.25s ease;
}

.rsbtn {
   position: relative;
}

.rsbtn .rsbtn_play.no-consent {
   border: 2px solid #077F42;
    padding: 5px 10px;
    display: inline-block;
    color: #333;
    margin-bottom: 10px;
    font-size: 13px;
    font-family: 'Open Sans webReader',Helvetica,Arial,sans-serif;
    font-weight: 700;
    line-height: 1;
}

.openKlaro {
   position: fixed;
   
    left: calc(50% - 122px);
    /* top: 50%; */
    /*transform: translate(-50%);*/
   bottom: 0;
   /*right: 20px;*/
box-shadow: 0 4px 6px 0 rgba(0,0,0,0.2), 5px 5px 10px 0 rgba(0,0,0,0.19);
    border-radius: 4px 4px 0 0;
    max-width: 300px;
border: 2px solid #077F42;
border-bottom: none;
    background: #fff;
    color: #077F42;
    font-size: 14px;
    font-weight: 700;
padding: 7px 50px; 
display: none;ransition: ease-in-out .3s all;
}

.openKlaro:hover {
   background: #077F42;
   color: #fff;
}

.consent-confirmed .openKlaro {
   display: block;
z-index: 998;
}


#klaro .klaro  button {
cursor: pointer;
}

#klaro .klaro .cookie-notice,
#klaro .klaro .cookie-modal .cm-modal {
   //border: 3px solid #bbb;
   border: 2px solid #077F42;
   background: #fff;
   color:  #333;
}

#klaro .klaro .cookie-modal .cm-modal .hide svg {
 stroke: #333;
}

#klaro .klaro .cookie-modal p, .klaro .cookie-modal strong, 
#klaro .klaro .cookie-modal h1, 
#klaro .klaro .cookie-modal h2, 
#klaro .klaro .cookie-modal ul, 
#klaro .klaro .cookie-modal li, 
#klaro .klaro .cookie-notice p, 
#klaro .klaro .cookie-notice strong, 
#klaro .klaro .cookie-notice h1,
#klaro .klaro .cookie-notice h2, 
#klaro .klaro .cookie-notice ul, 
#klaro .klaro .cookie-notice li {
  color: #333;
}

#klaro .klaro .cookie-notice .cn-body {
   padding: 0 1em;
}

#klaro .klaro .cookie-notice .cn-body p {
   margin-bottom: 1em;
}

#klaro .klaro .cookie-notice .cn-body .cn-ok {
   margin-top: 1em;
}

#klaro .klaro .cookie-modal .cm-btn,
#klaro .klaro .cookie-notice .cm-btn {
   border: 2px solid #077F42;
   border-radius: 0;
   padding: 0.5em 1.5em;
}

#klaro .klaro .cookie-modal .cm-btn.cm-btn-success, 
#klaro .klaro .cookie-notice .cm-btn.cm-btn-success {
   background-color: #077F42;
}

#klaro .klaro .cookie-modal .cm-btn.cn-decline,
#klaro .klaro .cookie-notice .cm-btn.cn-decline {
   background-color: #fff;
   color: #333;
}


#klaro .klaro .cookie-modal a, 
#klaro .klaro .cookie-notice a {
   color: #077F42; 
   display: inline-block;
}

#klaro .klaro .cookie-modal a::after, 
#klaro .klaro .cookie-notice a::after {
  content: '';
  width: 0px;
  height: 1px;
  display: block;
  background: #077F42;;
  transition: 300ms;
}

#klaro .klaro .cookie-modal a:hover::after,
#klaro .klaro .cookie-notice a:hover::after {
  width: 100%;
}

#klaro .klaro .cookie-modal .cm-app-input:checked+.cm-app-label .slider {
   background-color: #077F42;
}

@media (min-width: 990px) {
   #klaro .klaro .cookie-notice {
      max-width: 800px;
    left: 50%;
    bottom: 10px;
    transform: translate(-50%);

   }

   #klaro .klaro .cookie-notice,
   #klaro .klaro .cookie-modal {
      border-radius: unset; 
   }
}

@media (max-width: 989px) {
   #klaro .klaro .cookie-notice {
      border: none;
      border-top: 3px solid #077F42;;
   }

   #klaro .klaro .cookie-modal .cm-modal {
      width: calc(100% - 6px);
   }
}