/*
## -----------------------------------------------------------------------------
##
##
##  STYLE SHEET
##                                             
##        Style-Sheet-Definitionen | Scharfenberg GmbH
##                                                                          
##        SCHEME:      __sb__scheme__                                                
##        AUTHOR:      Carsten Zandecki, mediaMinds internet services            
*/


*          { margin:0; padding:0; }


@font-face { font-family: 'Aller';
	     src: url('../fonts/aller/aller_rg.eot');
	     src: url('../fonts/aller/aller_rg.eot?#iefix') format('embedded-opentype'),
	          url('../fonts/aller/aller_rg.woff') format('woff'),
	          url('../fonts/aller/aller_rg.ttf') format('truetype');
           }

@font-face { font-family: 'AllerLight';
	     src: url('../fonts/aller-light/aller_lt.eot');
	     src: url('../fonts/aller-light/aller_lt.eot?#iefix') format('embedded-opentype'),
	          url('../fonts/aller-light/aller_lt.woff') format('woff'),
	          url('../fonts/aller-light/aller_lt.ttf') format('truetype');
           }



/* FOR FULL SCREEN BACKGROUNDS */

*, ::before, ::after {
	box-sizing: inherit;
}

html       { height: 100%; width: 100%; background-repeat: no-repeat; background-position: center center; 
             background-attachment: fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;
             background-size: cover;
             box-sizing: border-box;
           }

body       { text-align: center; font-family: 'AllerLight'; font-size: 18px; color: #777777; margin: auto; background: #fff; }


.sbblue    { color:#155699; }
.sbgreen   { color:#9bc342; }
.sbgrey    { color:#777; }
.sbdgrey   { color:#555; }

.bgsbblue  { background:#155699; }
.bgsbgreen { background:#9bc342; }
.bgsbgrey  { background:#777; }
.bgsblgrey { background:#f5f5f5; }


img        { border:0px; max-width:100%; }

.scrollup 
{ 
	background: #155699 url('../images/up.svg') no-repeat;
        transform: skew(-10deg);
	background-size: 30px 30px;
	background-position: 12px 12px;
	bottom: 20px;
        /*border-radius:50%;*/
	display: none;
        width: 60px;
	height: 60px;
	position: fixed;
	right: 20px;
        border:3px solid #fff;
	text-indent: -9999px;
	z-index: 999;
}


/*
## -----------------------------------------------------------------------------
##
##  GENERAL ELEMENT/FORM CLASSES
##                                             
*/


form         { height:100%; }
input        { font-family: AllerLight; font-size:1.000em; border: 1px solid #888; padding:8px; color:#666; margin-top:5px; border-radius:7px; }
input:focus  { background-color: #fff; border: 1px solid #4b4b4d; outline: none; box-shadow: 0 0 5px rgba(0,0,0,0.2); }

select     { font-family: AllerLight; font-size:1.000em; border: 1px solid #666; padding:8px; color:#666; margin-top:5px; border-radius:7px; }
select:focus  { background-color: #fff; border: 1px solid #4b4b4d; outline: none; box-shadow: 0 0 5px rgba(0,0,0,0.2); }

textarea     { font-family: AllerLight; font-size:1.000em; border: 1px solid #666; padding:8px; color:#666; margin-top:5px; border-radius:7px; }
textarea:focus  { background-color: #fff; border: 1px solid #4b4b4d; outline: none; box-shadow: 0 0 5px rgba(0,0,0,0.2); }

.noborder    { border:0px; }

#emailError  { background: #aa0000; padding:2%; color:#fff; }
#emailOk     { background: #2fac66; padding:2%; color:#fff; }

.fsHead      { margin:25px 0 10px 0!important; }

.msg      { display:block; padding: 20px 20px 20px 64px; border-radius:5px; font-size:1.0em; }
.msgOk    { clear:both; display: block; color:#fff; background: #9fc32e url('../images/ok_w.svg') no-repeat; background-size: 42px 42px; background-position: 12px 12px; min-height:42px; }
.msgError { clear:both; display: block; color:#fff; background: #bd002f url('../images/error_w.svg') no-repeat; background-size: 42px 42px; background-position: 12px 12px; min-height:42px; }



/*
## -----------------------------------------------------------------------------
##
##  NORMAL SITE STYLES
##
##
*/


#horizon     { clear:both; position:relative; z-index: 50; width:100%; margin:0 auto; background: #ffffff; box-shadow: 0 0 20px rgba(33,33,33, 0.8); padding-bottom:60px;} 

#headline    { width:100%; height:200px; position:relative; z-index:99; margin:0 auto; background: #fff; box-shadow: 0 0 20px rgba(0,0,0,0.5); /*background: rgba(255,255,255,0.2); border-bottom: 5px solid #9fc32e; */ }
#headarea    { width:1200px; height:200px; padding:0; margin:0 auto; /*background: rgba(255,255,0,0.5);*/ text-align:left; }

#headphone   { display: inline-block; width:100%; font-family: 'Aller'; font-size:14px; height:42px; margin:10px 0 0 0; padding-right:40px; text-align:right; }

#phoneicon   { float:right; width:46px; height:42px; padding:6px 0 0 0px; margin-right:10px; border-radius:50%; }
#phonecon    { float:right; margin-top:1px; height:42px; line-height:1.4em; }
.phone       { position:relative; left:-7px; height:30px; width:30px; }

#headphone a { font-family: 'Aller'; font-size:18px; text-decoration:none; font-weight:bold; }


#logo        { display:block; width:374px; margin: 0px 0 0 40px; height:126px; position:absolute; z-index:999; background: url('../images/sb-logo.png') no-repeat;  }
#logoxy      { float:left; width: 374px; /*height:178px;*/ } 

#menuarea       { float:right; margin:38px 40px 0 0; width: auto; }
#menuarea:after { clear:both; }


/*
## -----------------------------------------------------------------------------
##
##  SITE MAIN NAVIGATION STYLES
##
##
*/


nav   { display:block; position:relative; z-index:15; left:0px; top:0px; width:100%; }


#menuNav > ul{	width: 100%; /* Increase when adding more menu items */
	        margin:0 auto;
             }
 
#menuNav > ul > li{ /* will style only the top level li */

	list-style: none;

	display: inline-block;
	line-height: 1.2em;
	margin: 1px 1px 10px 6px;

	position:relative;

        /*border-left:1px solid #e5e5e5; */

	font-size:18px;
	/*padding: 0 14px 6px;*/
        font-family: Aller;
        font-weight:normal;
        color: #fff;

        background: #155699;
        transform: skew(-10deg);

        
 
}


#menuNav > ul > li.active:after {
  position: absolute;
  content: '';
  
  border-bottom: 4px solid #777;
  /* border-bottom: 1px solid #d2d7da; */
  width: 100%;
  transform: translateX(-50%);
  bottom: -26px;
  left: 50%;
}

#menuNav > ul > li:first-child {
   border:none; 
   /*margin-right:4px;*/
}

#menuNav > ul > li:hover {

 color: #fff;
 background:#9bc342;

}

#menuNav > ul > li:before {
    /* font-size:38px; */
    position:relative;
    /*top:8px;*/
    /*left:2px;*/
    content: "";
    color: #c9d7f0; /* or whatever color you prefer */
}

#menuNav > ul > li:hover:before {
    /*font-size:38px;*/
    position:relative;
    /*top:8px;
    left:2px; */
    content: "";

    /*background:#c39220;*/

    color: #49bdc7; /* or whatever color you prefer */
}


#menuNav > ul > li > a{
	color:inherit;
	text-decoration:none !important;
	font-size:18px;
	padding: 8px 16px;
        font-family: Aller;
        font-weight:normal;
        color: #fff;
        background: inherit;
        line-height:1.4em;
}

#menuNav > ul > li > a:hover { /*color: #bd002f;*/ }


#menuNav > ul > li.sub { padding: 8px 16px; }

#menuNav li ul{ position:absolute; list-style:none; text-align:left; width:260px; left:50%; 

margin-left:-100px; top: 50px; font-family: AllerLight; font-size:18px; border-radius:0px; 

 box-shadow: 0px 0px 10px rgba(55,55,55,0.5);
/*border:1px solid #bd002f; */
/* This is important for the show/hide CSS animation */
	max-height:0px;
	overflow:hidden;
	
	-webkit-transition:max-height 0.4s linear;
	-moz-transition:max-height 0.4s linear;
	transition:max-height 0.4s linear;

}

/* ARROW */
/*
#menuNav > ul > li > ul:before {
	content:"";
	height:0;
	width:0;
	border-left: 12px solid transparent;
	border-right: 12px solid transparent;
	border-bottom: 12px solid #fff;

	position:relative;
	top: -10px;
	left:15%;
	margin: 0px 0 0 -3px;
	z-index:1000;	
}
*/


#menuNav li ul li{

        background-color: #fff;
        border-bottom:1px solid #e4e4ea;
}

#menuNav li ul li:last-child {

        border-bottom: none; /*1px solid #fff;*/
}


#menuNav li ul li a{
        margin:0 20px;
	padding:9px 0 9px 0;
        font-family: Aller;
        font-size: 18px;
	color:#777; /* !important;*/
	text-decoration:none !important;
	display:block;
}

#menuNav li ul li a:hover { color:#fff; }



#menuNav li ul li:nth-child(odd){ /* zebra stripes */
	background-color:#fff;
        border-bottom:1px solid #e4e4ea;
}

#menuNav li ul li:hover{ color:#fff; background-color: #155699; }

#menuNav li ul li:first-child{
	/*border-radius:5px 5px 0 0;*/
	margin-top:0px;
	position:relative;
}

#menuNav li ul li:first-child:before{ /* the pointer tip */

	content:'';

/*
position:absolute;
width:10px;
heigth:10px;
background:#ccc;*/

        /*
         position:absolute;
         top:-10px;
         z-index:999;
	 width:9px;
	 height:15px;
	 border:15px solid #333; 
	 border-bottom-color:#333;
         left:25px;
	 top:-25px; 
         margin-left:-5px; 
        */

        /*display:none; */
}

#menuNav li ul li:last-child{
	/* border-bottom-left-radius:5px;
	   border-bottom-right-radius:5px; 
        */
}

#menuNav .tip { background:#ccc; }

/* This will trigger the CSS */
/* transition animation on hover */

#menuNav li:hover ul{ max-height:380px; } /* Increase when adding more dropdown items */


/*
## -----------------------------------------------------------------------------
##
##  MOBILEMENU/TABLEMENU STYLES
##
##
*/

#mobilebox { position:absolute; z-index:99; top:0px; right:0px; width:100%; text-align:right; margin:30px 0 0 0; padding-right:2%; }
.mobilebutton { background: #155699 url('../images/menu.png') 12px 7px no-repeat; padding:17px 17px 17px 42px; border-radius:50%; color:#fff; }

#mobilemenu      { display:none; font-size:18px; position:relative; z-index:10; width:100%; height:auto; background:#155699; left:0px; top:-2px; color:#fff;  }
#mobilemenu a    { font-family:AllerLight;  width:100%; padding:4%; display:block; color: #fff; text-align:center; border-bottom:1px solid #fff; }
#mobilemenu .sep { font-family:AllerLight; font-weight:bold; display:block; background:#0e3f71; color:#fff; padding:4%; text-align:center; }


#tabletbutton { position:absolute; width:100px; height:46px; top:13px; right:20px; z-index:999; display:block; border-radius:5px; margin:0px auto; padding:5px; background:#155699 url('../images/menu_tablet.png') 5px 5px no-repeat; text-align:center; }
#tabletbutton img { margin:0 auto; }

#tabletmenu   { display:none; box-sizing: border-box; font-size:16px; position:absolute; z-index:998; width:100%; height:auto; background:rgba(255,255,255,1); padding:20px; left:0px; top:80px; color:#4b4b4d; border-top: 4px solid #9fc32e; border-bottom: 4px solid #9fc32e; }
#tabletmenu a { font-family:AllerLight; box-sizing: border-box; width:100%; padding:5%; display:block; color: #555; text-align:left; }
#tabletmenu a:hover { background: #155699; color:#fff; border-radius:3px;  } 

.tabletcategory { display:block; font-family: Aller; font-size:20px; width:90%; height:auto; text-align:left; padding:5% 0 5% 5%; background: #fff; color:#155699;  }
.tbcol50   { float:left; width:42%; display:block; }
.tbspace50 { margin-right:8%; }



/*
## -----------------------------------------------------------------------------
##
##  BUTTONS / GLOBAL LINKS
##                                             
*/

a            { color:#bd002f; font-family: PTSans; font-size:1.000em; text-decoration:none; }

.acbutton   { display:inline-block; /*bottom: 10px; right: 10px;*/ width: auto; height: auto; font-family: AllerLight; font-size: 1.000em; text-align: left; color: #fff; transform: skew(-10deg); padding: 12px 30px; text-decoration: none; }
.actext     { transform: skew(10deg); }


a.std       { font-family: AllerLight; font-weight:600; color: #155699; } 
.std:after  { content: ""; display:inline-block; position:relative; top:3px; left:6px; margin-right:8px; width:18px; height:18px; border-radius:50%; background: #9bc342 url('../images/right.svg') no-repeat; background-size:66%; background-position:center center;  }

a.stdlight  { font-family: AllerLight; font-weight:normal; color: #155699; } 

.greenlist ul { padding:0; margin:0; line-height:1.0em;  }
.greenlist li:before { position:relative; content: "•"; font-size: 28px; top:4px; margin-right:15px; line-height:1em; color:#9bc342; }
.greenlist li { margin:0; padding:0; list-style-type:none; }

.checklist ul { padding:0; margin:0; line-height:1.0em;  }
.checklist li { margin:0; list-style-type:none; height:32px; background: url(../images/check.svg) 0 0 no-repeat; background-size:26px; padding-left:40px; }

.formbuttonspacer { margin:40px 0 15px 0; }


/*
## -----------------------------------------------------------------------------
##
##  MAIN SLIDER / IMAGE STYLES
##                                             
*/


#imgContainer { display:block; width:100%; height:400px; /*height:500px;*/ background: transparent;
                background-position:center center;
                background-size:cover;
                text-align:left;
              }

#imgContainerTQ { display:block; width:100%; height:340px; background: transparent;
                  background-position:center center;
                  background-size:cover;
                  text-align:left;
                }


.largeTeaser    { width:540px; height:auto; position:absolute; top:370px; /*top:450px;*/ left:50%; margin-left: -540px; padding:40px; background: rgba(21,86,153,.95); transform: skew(-10deg); text-align:left; }
.largeTeaser h1 { display:inline-block; color:#fff; font-family: Aller; font-size:30px; margin-bottom:0px; font-weight:normal; transform: skew(10deg); }
.largeTeaser p  { display:inline-block; color:#fff; font-size:18px; font-family: AllerLight; margin:15px 0 0 15px; transform: skew(10deg); }

.smallTeaser    { width:540px; height:auto; position:absolute; top:436px; left:50%; /*margin-left: -540px;*/ margin-left: -605px; padding:40px; background: rgba(21,86,153,.95); transform: skew(-10deg); text-align:left; }
.smallTeaser h1 { display:inline-block; color:#fff; font-family: Aller; font-size:30px; margin-bottom:0px; font-weight:normal; transform: skew(10deg); }
.smallTeaser p  { display:inline-block; color:#fff; font-size:18px; font-family: AllerLight; margin:15px 0 0 15px; transform: skew(10deg); }


/*
## -----------------------------------------------------------------------------
##
##  STARTSEITE STYLES
##                                             
*/

.startrow  { display:block; position:relative; z-index:98; height:526px; border-radius:5px; border:1px solid #ddd; padding:8px; color:#000;  }
.nopadding { padding:0; height:526px; }
.bypadding { height: 58px; }

.imgparent { width:250px; height:250px; border-radius: 50%; display: inline-block; cursor: pointer; overflow: hidden; position: relative; border: 8px solid #fff; box-shadow:0 0 10px 2px rgba(0,0,0,0.1); margin:20px 0 20px 0;  }
.imgchild  { display:block; width: 100%; height: 242px; background-size: cover;  /*background-repeat: no-repeat;*/
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}

.imgparent:hover .imgchild, .imgparent:focus .imgchild {
    -ms-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}

.imgparent:hover .imgchild:before, .imgparent:focus .imgchild:before {
    display: block;
		/*opacity: 0.7;*/
}

.imgparent:hover a, .imgparent:focus a {
    display: block;
}

.imgchild:before {
    content: "";
    display: block;
	opacity: 0;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(52,73,94,0.75);
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.einsatzgebieteRow { height:290px; }
.einsatzgebieteRow2 { height:0; }
.einsatzgebiete { position:relative; z-index:99; top:-110px; }

.sablock { font-family:Aller; background:#f5f5f5; line-height:1.2em; color:#444; padding:15px; }
.saline  {  display: block;
    margin:8px 0; 
    background: transparent;
    border-bottom:1px dashed #999; 
}
.saarrow { display: block; width:100%; min-height:74px; height:100%;background: #9bc342 url(../images/right.svg) no-repeat; background-size:50%; background-position:center center; transform: skew(-10deg); }
.sasmall { font-family: AllerLight; font-size: 14px; color: #444; }


.jobblock { height: 370px; }

/*
## -----------------------------------------------------------------------------
##
##  MAIN SITE STYLES
##                                             
*/



section      { }

.full      { clear:both; width:100%; display:block; }
.fullbo    { width:98%; border:3px solid #666; display:block; }
.fullgrey  { clear:both; width:100%; display:block; background:#f5f5f5; }

.content       { clear:both; width:1200px; display:block; margin:0 auto; text-align:left; padding:40px; /* background:#ccc; */ }
.contentHome   { clear:both; width:1200px; display:block; margin:0 auto; text-align:left; padding:40px 40px 100px 40px; /* background:#ccc; */ }
.contentTitle  { clear:both; width:1200px; display:block; margin:0 auto; text-align:left; padding:120px 40px 40px 40px; }
.contentGrey   { clear:both; width:1200px; display:block; margin:0 auto; text-align:left; padding:20px 40px; }


/* .content p   { margin-bottom:40px; } */
.contentHome p { margin-bottom:40px; } 
.contentGrey p { margin-bottom:20px; } 

.contentFull     { clear:both; width:980px; display:block; margin:0 auto; text-align:left; background: rgba(255,255,255,.94); color:#555; }

.contentGold21   { float:left; width:570px; padding: 0 0 0 0; }
.contentGold12   { float:left; width:344px; margin-left:50px; height:auto; padding: 30px 0 0 0; text-align:left; }

.contentGoldRev12 { float:left; width:260px; margin-right:40px; text-align:center;}
.contentGoldRev21 { float:left; padding-top:80px; width:560px; text-align:center; }


.negCorrectBuchung { position:relative; top:-130px; }
.negCorrectMargin  { margin-bottom: -130px; }

.imgDesc p       { display:block; font-family: SourceSans; font-size: 0.875em; line-height:1.500em; margin-top:25px; text-align:center; }
.imgDesc strong  { font-family: SourceSansRegular; font-size:1.125em; line-height:1.500em; font-weight: normal; }

.imgBar          { margin: 25px 0 25px 0; }

#bread           { width:100%; font-size:15px; font-family: SourceSans; color: #888; text-align:center; }
#breadcon        { width:964px; background:url('../images/icon_home.jpg') 0 9px no-repeat; padding:7px 0 0 20px; border-top: 1px solid #d9dfe2; margin:9px auto 0 auto; text-align:left; }
.breadarr        { width:16px; height:14px; display:inline-block; background:url('../images/icon_arr.jpg') -4px 1px no-repeat; }

section ul       { padding:0 0 5px 10px; line-height:1.4em; }
section ol       { padding:0 0 5px 25px; line-height:1.4em; }
section li       { padding-left:14px; margin:0 0 10px 15px; font-size:1.000em;}
section .infobar { position:absolute; z-index:999; top:350px; left:50%; margin-left:-654px;  padding:8px 10px 8px 15px; width:267px; height:20px; transform:rotate(-90deg); -webkit-transform:rotate(-90deg); background: #4265ae; color: #fff; }
.services        { background-image: url('../images/large_arrow.png'); }


.uuyear { position:relative; background: #bd002f; text-shadow: 0 3px 3px rgba(0,0,0,5); z-index:5; padding:40px 0 0 0; margin:0 auto; width:140px; height:140px; display:block; border:5px dotted #fff; border-radius:50%; font-size:2.25em; text-align:center; vertical-align:middle; color:#fff; font-family: MavenProBold; }
.uuback { position:absolute; font-family: MavenProBold; z-index:3; top:25px; left:10px; text-shadow: 0 10px 10px rgba(255,255,255,0.2); text-align:center; color:rgba(255,255,255,0.2); font-size:1.3em; font-weight:bold; }
.imgVorstand { width: 65%; border: 8px solid #fff; border-radius: 50%; box-shadow: 0px 0px 10px rgba(0,0,0,0.3); margin: 0 auto; }


#infoblock       { float:right; width:34.26530612244898%; padding: 5% 4% 4% 0%; }


.thlineHeader { clear:both; border-bottom: 3px dotted #ccc; margin:10px 0 25px 0; }
.thline       { clear:both; border-bottom: 3px dotted #ccc; margin:25px 0; }

.sbicon { position:relative; background:#fff url(../images/favicon.png) 0 0 no-repeat;  display:inline-block; padding-left:40px; margin-bottom:5px; }

article { }

h1 { font-family: Aller;
     font-size: 1.765em;
     font-weight:normal;
     color: #8e3314;
     margin-bottom:25px;
   }

h2 { font-family: Aller;
     font-weight:bold;
     font-size: 26px;
     margin:0 0 20px 0;
     /* display:inline-block; */
   }

.nomargin { margin:0; padding:0; }

h3 { font-family: Aller;
     font-size: 22px;
     font-weight:bold;
     margin:0px 0 25px 0;
   }

th, td {
    padding-right:4px;
    border-spacing: 0;
    vertical-align:middle;
    /*border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;*/
}

p  { text-align:left; font-family: 'AllerLight'; letter-spacing: 0px; margin-top:25px; line-height:1.4em; }

hr { border:solid #f5f5f5 1px; height:1px; margin-bottom:40px; }


.datenschutzContainer h1 { color: #155699 }
.datenschutzContainer h2 { color: #155699 }
.datenschutzContainer h3 { color: #155699 }
.datenschutzContainer p { margin-bottom:25px; }
.datenschutzContainer a { font-family: AllerLight; font-weight:600; color: #155699; } 
.datenschutzContainer a:after { content: ""; display:inline-block; position:relative; top:3px; left:6px; margin-right:8px; width:18px; height:18px; border-radius:50%; background: #9bc342 url('../images/right.svg') no-repeat; background-size:66%; background-position:center center;  }


.actionbutton { margin-top:40px; }

.center { text-align:center; }
.right  { float:right; }

/*
## -----------------------------------------------------------------------------
##
##  IMAGE HOVER FX
##                                             
*/


.imghover { position: relative; padding: 0; width:100%; display:block; cursor:pointer; border-radius:5px; border:5px solid #fff; box-shadow:0 0 10px rgba(0,0,0,0.3); vertical-align:middle; }
.imgtext  { position: absolute; 
            display:table-cell; 
            width: 100%;
            /*height: 94.8%; */
            height:100%;

            color:#fff; 
            background-color:rgba(77,77,77,0.9);
            text-align: center; 

            z-index: 10;
	    opacity: 0;
            -webkit-transition: all 0.5s ease;
            -moz-transition: all 0.5s ease;
            -o-transition: all 0.5s ease;
            transition: all 0.5s ease;
          }

.imgtext:hover { opacity:1; }
.hovertext     { display:flex; align-items: center; justify-content: center; width:100%; height:100%; line-height:1.4em; vertical-align:middle; font-family: AllerLight; }
/*img { z-index:1; }*/

.imgContent      { vertical-align:middle; }

.stdimg { position: relative; padding: 0; width:100%; display:block; height:244px; background-size:cover; background-position: center center; cursor:pointer; border-radius:0; border:6px solid #fff; box-shadow:0 0 10px rgba(0,0,0,0.3); vertical-align:middle; }


/*
## -----------------------------------------------------------------------------
##
##  COLS
##                                             
*/


.col100 { float:left; margin:20px 0; width:100%; }
.col75  { float:left; margin:20px 0; display:block; width:72.5%; }
.col50  { float:left; margin:20px 0; display:block; width:46.5%; /* background:#f5f5f5; */ }
.col66  { float:left; margin:20px 0; display:block; width:65%; }
.col33  { float:left; margin:20px 0; display:block; width:30%; /* background:#f5f5f5; */ }
.col25  { float:left; margin:20px 0; display:block; width:22.5%; /* background:#ccc; */ }

.space50 { float:left; display:block; margin-right:7%; }
.space50line { float:left; display:block; margin-right:7%; }
.space50line::after {
	position: relative;
	content: '';
        z-index:99;
	border-left: 1px solid #f5f5f5;
	height: 650px;
        margin-bottom: -620px; 
	transform: translateY(-86%);
	top: 40px;
	left: 107%;
	background: #c3ca00;
	width: 1px;
	display: block;
}


.space33 { float:left; display:block; margin-right:5%; }
.space33line { float:left; display:block; margin-right:5%; }
.space33line::after {
	position: relative;
	content: '';
        z-index:99;
	border-left: 1px solid #f5f5f5;
	height: 620px;
        margin-bottom: -620px; 
	transform: translateY(-86%);
	top: -40px;
	left: 109%;
	background: #c3ca00;
	width: 1px;
	display: block;
}



.space25 { float:left; display:block; margin-right:5%; }

.colShadow { box-shadow: 0px 0px 22px rgba(77,77,77,0.5); }

.mitgliederrow  { display:block; min-height:330px; border-radius:5px; border:1px solid #ddd; padding:8px; color:#4b4b4d; background:#fafafa;  }
.mitgliederrow p { margin-top:16px; font-size:0.941em; color:#4b4b4d;  }

.mitimgcon  { padding:10px; }
.mitimg     { border-radius:8px; box-shadow: 0 0 10px rgba(0,0,0,0.2); }
.mitaddress { height: 126px; }
.mitphone   { height:80px; font-size:15px; padding:20px 0; text-align:center; }
.mitlinks   { min-height:40px; padding:10px 0; margin:0 auto; text-align:center; }


.vereinlogin { border-radius: 5px; background:#23985d; padding:15px }

.belegungresp { display:none; }

/*
## -----------------------------------------------------------------------------
##
##  MODULE
##                                             
*/


.module    { display:block; padding: 14px 14px 14px 14px; background: #f5f5f5; /*#2fac66;*/ /*#f5f5f5;*/ /*#f5f5f5;*/  color:#444; margin:-17px 0px 0px 0px; text-align:center; }
.module h3 { margin:4px 0 0 64px; text-align:left; color: #666; /*#666;*/ }
.module p  { margin-top:16px; text-align:center; color: #666;}


/*
## -----------------------------------------------------------------------------
##
##  Footer - Styles
##                                             
*/


footer    { width:100%; position:relative; background: #f0f0f0; border-top:5px solid #e5e5e5; font-size:16px; }

#footbar { position:relative; z-index:49; width:1200px; margin:0 auto; top:-5px; padding:34px 40px 0; text-align:left; color: #555; /*background: #d1d1d1;*/ }

#footbar h3 { font-family:Aller; font-size:22px; margin:0 0 10px 0;  }
#footbar p  { margin: 0 0 25px; font-size:16px; line-height:1.3em; }
#footbar a  { color:#155699; font-weight:normal; font-family:AllerLight; }

.footerlogo { width:90%; padding-top:2px; /*margin-bottom:25px; max-width:200px; */ }
.footspace { margin-right: 3.333333%; }

#ccNotice  { font-family:AllerLight; font-size:15px; display:block; box-sizing: border-box; width:100%; background: rgba(75, 75, 77,.95); color:#fff; padding:15px; position:fixed; z-index:1111; bottom:0px; line-height:1.5em; }
.ccButton  { font-family:AllerLight; font-size:15px; margin-left:10px; font-weight:bold; padding:6px 10px; background: #155699; transform: skew(-10deg); /*border-radius: 3px;*/ box-shadow: 0px 0px 0px rgba(88,88,88,0.5); color:#fff; border:none; display:inline-block; }


/*
## -----------------------------------------------------------------------------
##
##  RESPONSIVE SLIDER
##                                             
*/

.mainslider { display:block; width:1200px; height:407px; }
.sliderow   { display:block; width:1200px; height:407px; background:transparent; }
.innerrow   { display:block; width:1200px; height:407px; }

.mitslider  { width:1072px; }

.btboxcon     { width: 1200px; text-align:left; margin: 0 auto; /* position:relative; top: 48%; transform: translateY(-48%); */ } 
.slidebutton  { margin: -260px 0 0 48%; }



/*
## -----------------------------------------------------------------------------
##
##  CLEAR STYLES
##                                             
*/
 
    .clear        { clear:both; }
    .group:after  { content: ""; display: table; clear: both; }